diff --git a/assets/Action-CQbRfPzs.js b/assets/Action-BuGy3aLo.js similarity index 62% rename from assets/Action-CQbRfPzs.js rename to assets/Action-BuGy3aLo.js index b870efef..465fa38e 100644 --- a/assets/Action-CQbRfPzs.js +++ b/assets/Action-BuGy3aLo.js @@ -1,9 +1,9 @@ -import{j as e}from"./jsx-runtime-CexXSJP5.js";import{c as f}from"./index-CSpfAsmC.js";import{r as s}from"./index-BP8_t0zE.js";import{T as h}from"./Text-CbEoPjZC.js";import{u as b}from"./useId-DIHOOv91.js";import{C as g}from"./index-BugjtUKR.js";import{a as y}from"./Tooltip-womRVnul.js";const _="_container_1qov4_17",x="_control_1qov4_22",C="_action_1qov4_33",a={container:_,control:x,action:C},i=s.forwardRef(function({Icon:n,className:o,actionLabel:c,onActionClick:u,...p},d){const r=b(),m=f(a.container,o);return e.jsxs("div",{className:m,id:r,children:[e.jsx(h,{ref:d,...p,className:a.control}),e.jsx(y,{label:c,children:e.jsx("button",{type:"button",className:a.action,onClick:u,"aria-controls":r,children:e.jsx(n,{"aria-hidden":!0})})})]})}),l=s.forwardRef(function(n,o){return e.jsx(g,{asChild:!0,children:e.jsx(i,{ref:o,...n})})});try{i.displayName="ActionInput",i.__docgenInfo={description:`A generic input with an action icon on the right hand side. +import{j as e}from"./jsx-runtime-CexXSJP5.js";import{c as f}from"./index-CSpfAsmC.js";import{r as s}from"./index-BP8_t0zE.js";import{u as h}from"./useId-DIHOOv91.js";import{C as b}from"./index-Br7_Jfcb.js";import{a as g}from"./Tooltip-GcGKJhf-.js";import{T as y}from"./Text-DffShOOB.js";const _="_container_1qov4_17",x="_control_1qov4_22",C="_action_1qov4_33",a={container:_,control:x,action:C},i=s.forwardRef(function({Icon:n,className:o,actionLabel:c,onActionClick:u,...p},d){const r=h(),m=f(a.container,o);return e.jsxs("div",{className:m,id:r,children:[e.jsx(y,{ref:d,...p,className:a.control}),e.jsx(g,{label:c,children:e.jsx("button",{type:"button",className:a.action,onClick:u,"aria-controls":r,children:e.jsx(n,{"aria-hidden":!0})})})]})}),l=s.forwardRef(function(n,o){return e.jsx(b,{asChild:!0,children:e.jsx(i,{ref:o,...n})})});try{i.displayName="ActionInput",i.__docgenInfo={description:`A generic input with an action icon on the right hand side. You should rarely use it directly, -but it is powering the likes of "copy to clipboard input", "password reveal", ...`,displayName:"ActionInput",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},Icon:{defaultValue:null,description:"The React component to display on the right hand side of the icon.",name:"Icon",required:!0,type:{name:"FunctionComponent>"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text +but it is powering the likes of "copy to clipboard input", "password reveal", ...`,displayName:"ActionInput",props:{Icon:{defaultValue:null,description:"The React component to display on the right hand side of the icon.",name:"Icon",required:!0,type:{name:"FunctionComponent>"}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text For example on an in-place editing field https://github.com/rsms/inter/issues/222 -https://github.com/rsms/inter/blob/master/src/features/calt.fea`,name:"enableLigatures",required:!1,type:{name:"boolean"}},onActionClick:{defaultValue:null,description:"On click callback for the icon on the right hand side",name:"onActionClick",required:!0,type:{name:"(e: MouseEvent) => void"}},actionLabel:{defaultValue:null,description:'The name of the action to perform (e.g. "Copy to clipboard")',name:"actionLabel",required:!0,type:{name:"string"}}}}}catch{}try{l.displayName="ActionControl",l.__docgenInfo={description:"A styled text input wrapped in a `Control` component, for use in Radix forms.",displayName:"ActionControl",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},Icon:{defaultValue:null,description:"The React component to display on the right hand side of the icon.",name:"Icon",required:!0,type:{name:"FunctionComponent>"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text +https://github.com/rsms/inter/blob/master/src/features/calt.fea`,name:"enableLigatures",required:!1,type:{name:"boolean"}},onActionClick:{defaultValue:null,description:"On click callback for the icon on the right hand side",name:"onActionClick",required:!0,type:{name:"(e: MouseEvent) => void"}},actionLabel:{defaultValue:null,description:'The name of the action to perform (e.g. "Copy to clipboard")',name:"actionLabel",required:!0,type:{name:"string"}}}}}catch{}try{l.displayName="ActionControl",l.__docgenInfo={description:"A styled text input wrapped in a `Control` component, for use in Radix forms.",displayName:"ActionControl",props:{Icon:{defaultValue:null,description:"The React component to display on the right hand side of the icon.",name:"Icon",required:!0,type:{name:"FunctionComponent>"}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text For example on an in-place editing field https://github.com/rsms/inter/issues/222 https://github.com/rsms/inter/blob/master/src/features/calt.fea`,name:"enableLigatures",required:!1,type:{name:"boolean"}},onActionClick:{defaultValue:null,description:"On click callback for the icon on the right hand side",name:"onActionClick",required:!0,type:{name:"(e: MouseEvent) => void"}},actionLabel:{defaultValue:null,description:'The name of the action to perform (e.g. "Copy to clipboard")',name:"actionLabel",required:!0,type:{name:"string"}}}}}catch{}export{i as A}; diff --git a/assets/Action.stories-CQseSQfa.js b/assets/Action.stories-CQseSQfa.js deleted file mode 100644 index 463ddb56..00000000 --- a/assets/Action.stories-CQseSQfa.js +++ /dev/null @@ -1,55 +0,0 @@ -import{j as s}from"./jsx-runtime-CexXSJP5.js";import{i}from"./index-DVRl1JhA.js";import{A as p}from"./Action-CQbRfPzs.js";import{T as l}from"./Tooltip-womRVnul.js";import{C as c}from"./check-Bjchr0Ec.js";import"./index-BP8_t0zE.js";import"./notifications-MBLL4uPX.js";import"./extensions-NPI-SMnu.js";import"./search-BC9ffyhQ.js";import"./close-D4bMmhFz.js";import"./chevron-down-Ua1BCmcD.js";import"./chevron-right-DF47_mtr.js";import"./error-Dmbc84hO.js";import"./settings-DxGsE2C2.js";import"./spinner-DszwWdC7.js";import"./threads-BMeJ5mkW.js";import"./user-profile-EvkA4CON.js";import"./visibility-on-D1sVPsTi.js";import"./warning-B4ZpXzLn.js";import"./index-CSpfAsmC.js";import"./Text-CbEoPjZC.js";import"./index-BugjtUKR.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";import"./useId-DIHOOv91.js";import"./floating-ui.react-CWvUcNvr.js";const P={title:"Form/Controls/Action",component:p,tags:["autodocs"],parameters:{controls:{include:["onActionClick","defaultValue","placeholder","disabled","autoFocus","readOnly","invalid","actionLabel","Icon"]}},argTypes:{onActionClick:{action:"clicked"},defaultValue:{type:"string"},placeholder:{type:"string"},disabled:{type:"boolean"},autoFocus:{type:"boolean"},readOnly:{type:"boolean"},invalid:{type:"boolean"},actionLabel:{type:"string"},Icon:{options:Object.keys(i),mapping:i,defaultValue:"check",control:{type:"select"}}},render:({invalid:d,...m})=>s.jsx(l,{children:s.jsx(p,{"data-invalid":d||void 0,...m})}),args:{placeholder:"",autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1,actionLabel:"Action",Icon:c}},e={parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4477"}}},o={args:{defaultValue:"Filled"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4536"}}},a={args:{defaultValue:"Disabled",disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4530"}}},n={args:{defaultValue:"Read only",readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2126-21984"}}},r={args:{autoFocus:!0}},t={args:{defaultValue:"Invalid",invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4514"}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ - parameters: { - design: { - type: "figma", - url: "https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4477" - } - } -}`,...e.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{ - args: { - defaultValue: "Filled" - }, - parameters: { - design: { - type: "figma", - url: "https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4536" - } - } -}`,...o.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{ - args: { - defaultValue: "Disabled", - disabled: true - }, - parameters: { - design: { - type: "figma", - url: "https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4530" - } - } -}`,...a.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{ - args: { - defaultValue: "Read only", - readOnly: true - }, - parameters: { - design: { - type: "figma", - url: "https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2126-21984" - } - } -}`,...n.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ - args: { - autoFocus: true - } -}`,...r.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{ - args: { - defaultValue: "Invalid", - invalid: true - }, - parameters: { - design: { - type: "figma", - url: "https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4514" - } - } -}`,...t.parameters?.docs?.source}}};const B=["Empty","Filled","Disabled","ReadOnly","Focused","Invalid"];export{a as Disabled,e as Empty,o as Filled,r as Focused,t as Invalid,n as ReadOnly,B as __namedExportsOrder,P as default}; diff --git a/assets/Action.stories-Dd_P9cgp.js b/assets/Action.stories-Dd_P9cgp.js new file mode 100644 index 00000000..29f5537e --- /dev/null +++ b/assets/Action.stories-Dd_P9cgp.js @@ -0,0 +1,55 @@ +import{j as s}from"./jsx-runtime-CexXSJP5.js";import{i}from"./index-BFhxXLU7.js";import{T as l}from"./Tooltip-GcGKJhf-.js";import{A as p}from"./Action-BuGy3aLo.js";import{C as c}from"./check-Bjchr0Ec.js";import"./index-BP8_t0zE.js";import"./notifications-MBLL4uPX.js";import"./extensions-NPI-SMnu.js";import"./check-circle-solid-TQoBW1Dk.js";import"./info-BqHmDWX7.js";import"./chevron-down-Ua1BCmcD.js";import"./chevron-right-DF47_mtr.js";import"./close-Cii-U1fy.js";import"./error-Dmbc84hO.js";import"./search-CSxMuxmN.js";import"./settings-DxGsE2C2.js";import"./spinner-DszwWdC7.js";import"./threads-BMeJ5mkW.js";import"./user-profile-EvkA4CON.js";import"./visibility-on-D1sVPsTi.js";import"./warning-B4ZpXzLn.js";import"./floating-ui.react-BR2piq7W.js";import"./index-BlTQwN6S.js";import"./index-CSpfAsmC.js";import"./useId-DIHOOv91.js";import"./index-Br7_Jfcb.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./Text-DffShOOB.js";const G={title:"Form/Controls/Action",component:p,tags:["autodocs"],parameters:{controls:{include:["onActionClick","defaultValue","placeholder","disabled","autoFocus","readOnly","invalid","actionLabel","Icon"]}},argTypes:{onActionClick:{action:"clicked"},defaultValue:{type:"string"},placeholder:{type:"string"},disabled:{type:"boolean"},autoFocus:{type:"boolean"},readOnly:{type:"boolean"},invalid:{type:"boolean"},actionLabel:{type:"string"},Icon:{options:Object.keys(i),mapping:i,defaultValue:"check",control:{type:"select"}}},render:({invalid:d,...m})=>s.jsx(l,{children:s.jsx(p,{"data-invalid":d||void 0,...m})}),args:{placeholder:"",autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1,actionLabel:"Action",Icon:c}},e={parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4477"}}},o={args:{defaultValue:"Filled"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4536"}}},a={args:{defaultValue:"Disabled",disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4530"}}},n={args:{defaultValue:"Read only",readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2126-21984"}}},r={args:{autoFocus:!0}},t={args:{defaultValue:"Invalid",invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4514"}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ + parameters: { + design: { + type: "figma", + url: "https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4477" + } + } +}`,...e.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{ + args: { + defaultValue: "Filled" + }, + parameters: { + design: { + type: "figma", + url: "https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4536" + } + } +}`,...o.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{ + args: { + defaultValue: "Disabled", + disabled: true + }, + parameters: { + design: { + type: "figma", + url: "https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4530" + } + } +}`,...a.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{ + args: { + defaultValue: "Read only", + readOnly: true + }, + parameters: { + design: { + type: "figma", + url: "https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2126-21984" + } + } +}`,...n.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ + args: { + autoFocus: true + } +}`,...r.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{ + args: { + defaultValue: "Invalid", + invalid: true + }, + parameters: { + design: { + type: "figma", + url: "https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4514" + } + } +}`,...t.parameters?.docs?.source}}};const H=["Empty","Filled","Disabled","ReadOnly","Focused","Invalid"];export{a as Disabled,e as Empty,o as Filled,r as Focused,t as Invalid,n as ReadOnly,H as __namedExportsOrder,G as default}; diff --git a/assets/ActionButton.stories-B1qPgtU8.js b/assets/ActionButton.stories-BGTeafxp.js similarity index 56% rename from assets/ActionButton.stories-B1qPgtU8.js rename to assets/ActionButton.stories-BGTeafxp.js index 38a120cc..5e8c945f 100644 --- a/assets/ActionButton.stories-B1qPgtU8.js +++ b/assets/ActionButton.stories-BGTeafxp.js @@ -1,4 +1,4 @@ -import{j as y}from"./jsx-runtime-CexXSJP5.js";import{f as O}from"./index-ozRUDpri.js";import{i as b,s as z,l as E,v as T,a as x,m as j,b as M,c as k,e as V,d as A,u as B,f as F}from"./index-DVRl1JhA.js";import{B as L}from"./Button-C0_Ps78g.js";import{T as _,a as D}from"./Tooltip-womRVnul.js";import{S as P}from"./search-BC9ffyhQ.js";import{C as f}from"./check-Bjchr0Ec.js";import{C}from"./close-D4bMmhFz.js";import"./index-BP8_t0zE.js";import"./notifications-MBLL4uPX.js";import"./extensions-NPI-SMnu.js";import"./chevron-down-Ua1BCmcD.js";import"./chevron-right-DF47_mtr.js";import"./error-Dmbc84hO.js";import"./settings-DxGsE2C2.js";import"./spinner-DszwWdC7.js";import"./threads-BMeJ5mkW.js";import"./user-profile-EvkA4CON.js";import"./visibility-on-D1sVPsTi.js";import"./warning-B4ZpXzLn.js";import"./index-CSpfAsmC.js";import"./UnstyledButton-C9fNLva5.js";import"./floating-ui.react-CWvUcNvr.js";import"./index-BlTQwN6S.js";const R=({label:h,...v})=>y.jsx(_,{children:y.jsx(D,{label:h,children:y.jsx(L,{iconOnly:!0,...v})})}),de={title:"Button/Actions",component:R,tags:["autodocs"],argTypes:{label:{type:"string"},size:{options:["sm","lg"],control:{type:"inline-radio"}},kind:{options:["primary","secondary","tertiary"],control:{type:"inline-radio"}},destructive:{type:"boolean"},disabled:{type:"boolean"},as:{options:["a","button"],control:{type:"inline-radio"}},Icon:{options:Object.keys(b),mapping:b,control:{type:"select"}},onClick:{action:"onClick"}},args:{label:"Action",size:"lg",as:"button",destructive:!1,disabled:!1,onClick:O()},controls:{exclude:["children"]}},e={args:{label:"Settings",kind:"secondary",Icon:z}},r={args:{label:"Copy link",kind:"secondary",Icon:E}},n={args:{label:"Turn video off",kind:"secondary",Icon:T}},s={args:{label:"Turn video on",kind:"primary",Icon:x}},o={args:{label:"Turn mic off",kind:"secondary",Icon:j}},a={args:{label:"Turn mic on",kind:"primary",Icon:M}},c={args:{label:"Share screen",kind:"secondary",Icon:k}},i={args:{label:"Stop sharing screen",kind:"primary",Icon:k}},t={args:{label:"Full screen",kind:"secondary",Icon:V}},l={args:{label:"End call",kind:"primary",destructive:!0,Icon:A}},d={args:{label:"Invite",kind:"primary",size:"sm",Icon:B}},m={args:{label:"Edit",kind:"primary",size:"sm",Icon:F}},p={args:{label:"Search",kind:"secondary",size:"sm",Icon:P}},u={args:{label:"Save",kind:"primary",size:"sm",Icon:f}},S={args:{label:"Save",kind:"primary",size:"sm",Icon:f,disabled:!0}},g={args:{label:"Cancel",kind:"secondary",size:"sm",Icon:C}},I={args:{label:"Close",kind:"secondary",size:"sm",Icon:C}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ +import{j as y}from"./jsx-runtime-CexXSJP5.js";import{f as O}from"./index-ozRUDpri.js";import{i as b,s as z,l as E,v as T,a as x,m as j,b as M,c as k,e as V,d as A,u as B,f as F}from"./index-BFhxXLU7.js";import{B as L}from"./Button-C0_Ps78g.js";import{T as _,a as D}from"./Tooltip-GcGKJhf-.js";import{S as P}from"./search-CSxMuxmN.js";import{C as f}from"./check-Bjchr0Ec.js";import{C}from"./close-Cii-U1fy.js";import"./index-BP8_t0zE.js";import"./notifications-MBLL4uPX.js";import"./extensions-NPI-SMnu.js";import"./check-circle-solid-TQoBW1Dk.js";import"./info-BqHmDWX7.js";import"./chevron-down-Ua1BCmcD.js";import"./chevron-right-DF47_mtr.js";import"./error-Dmbc84hO.js";import"./settings-DxGsE2C2.js";import"./spinner-DszwWdC7.js";import"./threads-BMeJ5mkW.js";import"./user-profile-EvkA4CON.js";import"./visibility-on-D1sVPsTi.js";import"./warning-B4ZpXzLn.js";import"./index-CSpfAsmC.js";import"./UnstyledButton-C9fNLva5.js";import"./floating-ui.react-BR2piq7W.js";import"./index-BlTQwN6S.js";const R=({label:h,...v})=>y.jsx(_,{children:y.jsx(D,{label:h,children:y.jsx(L,{iconOnly:!0,...v})})}),pe={title:"Button/Actions",component:R,tags:["autodocs"],argTypes:{label:{type:"string"},size:{options:["sm","lg"],control:{type:"inline-radio"}},kind:{options:["primary","secondary","tertiary"],control:{type:"inline-radio"}},destructive:{type:"boolean"},disabled:{type:"boolean"},as:{options:["a","button"],control:{type:"inline-radio"}},Icon:{options:Object.keys(b),mapping:b,control:{type:"select"}},onClick:{action:"onClick"}},args:{label:"Action",size:"lg",as:"button",destructive:!1,disabled:!1,onClick:O()},controls:{exclude:["children"]}},e={args:{label:"Settings",kind:"secondary",Icon:z}},r={args:{label:"Copy link",kind:"secondary",Icon:E}},n={args:{label:"Turn video off",kind:"secondary",Icon:T}},o={args:{label:"Turn video on",kind:"primary",Icon:x}},s={args:{label:"Turn mic off",kind:"secondary",Icon:j}},a={args:{label:"Turn mic on",kind:"primary",Icon:M}},c={args:{label:"Share screen",kind:"secondary",Icon:k}},i={args:{label:"Stop sharing screen",kind:"primary",Icon:k}},t={args:{label:"Full screen",kind:"secondary",Icon:V}},l={args:{label:"End call",kind:"primary",destructive:!0,Icon:A}},d={args:{label:"Invite",kind:"primary",size:"sm",Icon:B}},m={args:{label:"Edit",kind:"primary",size:"sm",Icon:F}},p={args:{label:"Search",kind:"secondary",size:"sm",Icon:P}},u={args:{label:"Save",kind:"primary",size:"sm",Icon:f}},S={args:{label:"Save",kind:"primary",size:"sm",Icon:f,disabled:!0}},g={args:{label:"Cancel",kind:"secondary",size:"sm",Icon:C}},I={args:{label:"Close",kind:"secondary",size:"sm",Icon:C}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ args: { label: "Settings", kind: "secondary", @@ -16,19 +16,19 @@ import{j as y}from"./jsx-runtime-CexXSJP5.js";import{f as O}from"./index-ozRUDpr kind: "secondary", Icon: icons.VideoCallSolidIcon } -}`,...n.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{ +}`,...n.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{ args: { label: "Turn video on", kind: "primary", Icon: icons.VideoCallOffSolidIcon } -}`,...s.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{ +}`,...o.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{ args: { label: "Turn mic off", kind: "secondary", Icon: icons.MicOnSolidIcon } -}`,...o.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{ +}`,...s.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{ args: { label: "Turn mic on", kind: "primary", @@ -109,4 +109,4 @@ import{j as y}from"./jsx-runtime-CexXSJP5.js";import{f as O}from"./index-ozRUDpr size: "sm", Icon: icons.CloseIcon } -}`,...I.parameters?.docs?.source}}};const me=["Settings","ShareLink","VideoOn","VideoOff","MicOn","MicOff","ShareScreen","SharingScreen","Fullscreen","EndCall","Invite","Edit","Search","Save","SaveDisabled","Cancel","Close"];export{g as Cancel,I as Close,m as Edit,l as EndCall,t as Fullscreen,d as Invite,a as MicOff,o as MicOn,u as Save,S as SaveDisabled,p as Search,e as Settings,r as ShareLink,c as ShareScreen,i as SharingScreen,s as VideoOff,n as VideoOn,me as __namedExportsOrder,de as default}; +}`,...I.parameters?.docs?.source}}};const ue=["Settings","ShareLink","VideoOn","VideoOff","MicOn","MicOff","ShareScreen","SharingScreen","Fullscreen","EndCall","Invite","Edit","Search","Save","SaveDisabled","Cancel","Close"];export{g as Cancel,I as Close,m as Edit,l as EndCall,t as Fullscreen,d as Invite,a as MicOff,s as MicOn,u as Save,S as SaveDisabled,p as Search,e as Settings,r as ShareLink,c as ShareScreen,i as SharingScreen,o as VideoOff,n as VideoOn,ue as __namedExportsOrder,pe as default}; diff --git a/assets/Alert-ClH3E2JC.js b/assets/Alert-ClH3E2JC.js deleted file mode 100644 index 039bca53..00000000 --- a/assets/Alert-ClH3E2JC.js +++ /dev/null @@ -1,11 +0,0 @@ -import{j as e}from"./jsx-runtime-CexXSJP5.js";import{c as h}from"./index-CSpfAsmC.js";import{r as _}from"./index-BP8_t0zE.js";import{a as f,I as x,C as y}from"./close-D4bMmhFz.js";import{E as b}from"./error-Dmbc84hO.js";import{T as i}from"./Text-BgCCN_GG.js";import"./Button-C0_Ps78g.js";import{I as g}from"./IconButton-Ccv5Unpx.js";const j="_alert_1bz08_19",v="_content_1bz08_46",C="_title_1bz08_57",N="_icon_1bz08_57",I="_actions_1bz08_73",t={alert:j,content:v,"text-content":"_text-content_1bz08_53",title:C,icon:N,actions:I},r=({type:n,title:l,children:c,className:m,actions:a,onClose:o,...d})=>{const u=h(t.alert,m),p=_.useCallback(s=>{switch(n){case"critical":return e.jsx(b,{...s});case"info":return e.jsx(x,{...s});case"success":return e.jsx(f,{...s})}},[n]);return e.jsxs("div",{...d,className:u,"data-type":n,children:[p({width:24,height:24,className:t.icon,"aria-hidden":!0}),e.jsxs("div",{className:t.content,children:[e.jsxs("div",{className:t["text-content"],children:[e.jsx(i,{size:"md",weight:"semibold",children:l}),e.jsx(i,{size:"sm",weight:"regular",children:c})]}),a&&e.jsx("div",{className:t.actions,children:a})]}),o&&e.jsx(g,{onClick:o,"aria-label":"Close",role:"button",className:t.close,children:e.jsx(y,{})})]})};try{r.displayName="Alert",r.__docgenInfo={description:"An alert component component that is dismissable when passing an `onClose`\nproperty.",displayName:"Alert",props:{type:{defaultValue:null,description:"The type of alert",name:"type",required:!0,type:{name:"enum",value:[{value:'"success"'},{value:'"critical"'},{value:'"info"'}]}},title:{defaultValue:null,description:"The headline of the alert.",name:"title",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},actions:{defaultValue:null,description:`Actions that will be displayed to the right of the content -Wraps and stacks actions under content when alert's size is <=600px -eg -\`\`\` -Yes} -/> -\`\`\``,name:"actions",required:!1,type:{name:"ReactNode"}},onClose:{defaultValue:null,description:`Event callback when dismissing the alert. Determines the display of the -"close" button at the top right of the alert. -@param e the event parameters`,name:"onClose",required:!1,type:{name:"((e: MouseEvent) => void)"}}}}}catch{}export{r as A}; diff --git a/assets/Alert.stories-D70ncCTD.js b/assets/Alert.stories-D70ncCTD.js new file mode 100644 index 00000000..68cda528 --- /dev/null +++ b/assets/Alert.stories-D70ncCTD.js @@ -0,0 +1,39 @@ +import{j as e}from"./jsx-runtime-CexXSJP5.js";import{B as u}from"./Button-C0_Ps78g.js";import{c as b}from"./index-CSpfAsmC.js";import{r as q}from"./index-BP8_t0zE.js";import{C as v,I as C}from"./info-BqHmDWX7.js";import{E as j}from"./error-Dmbc84hO.js";import{C as S}from"./close-Cii-U1fy.js";import{T as p}from"./Text-43GasnQW.js";import{I as A}from"./IconButton-BxFxHD6q.js";import"./UnstyledButton-C9fNLva5.js";import"./Typography-BWOtt-hZ.js";import"./IndicatorIcon-B59qELJf.js";import"./Tooltip-GcGKJhf-.js";import"./floating-ui.react-BR2piq7W.js";import"./index-BlTQwN6S.js";const I="_alert_1bz08_19",N="_content_1bz08_46",w="_title_1bz08_57",z="_icon_1bz08_57",B="_actions_1bz08_73",t={alert:I,content:N,"text-content":"_text-content_1bz08_53",title:w,icon:z,actions:B},l=({type:o,title:g,children:h,className:f,actions:m,onClose:d,...x})=>{const y=b(t.alert,f),_=q.useCallback(c=>{switch(o){case"critical":return e.jsx(j,{...c});case"info":return e.jsx(C,{...c});case"success":return e.jsx(v,{...c})}},[o]);return e.jsxs("div",{...x,className:y,"data-type":o,children:[_({width:24,height:24,className:t.icon,"aria-hidden":!0}),e.jsxs("div",{className:t.content,children:[e.jsxs("div",{className:t["text-content"],children:[e.jsx(p,{size:"md",weight:"semibold",children:g}),e.jsx(p,{size:"sm",weight:"regular",children:h})]}),m&&e.jsx("div",{className:t.actions,children:m})]}),d&&e.jsx(A,{onClick:d,"aria-label":"Close",role:"button",className:t.close,children:e.jsx(S,{})})]})};try{l.displayName="Alert",l.__docgenInfo={description:"An alert component component that is dismissable when passing an `onClose`\nproperty.",displayName:"Alert",props:{type:{defaultValue:null,description:"The type of alert",name:"type",required:!0,type:{name:"enum",value:[{value:'"success"'},{value:'"critical"'},{value:'"info"'}]}},title:{defaultValue:null,description:"The headline of the alert.",name:"title",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},actions:{defaultValue:null,description:`Actions that will be displayed to the right of the content +Wraps and stacks actions under content when alert's size is <=600px +eg +\`\`\` +Yes} +/> +\`\`\``,name:"actions",required:!1,type:{name:"ReactNode"}},onClose:{defaultValue:null,description:`Event callback when dismissing the alert. Determines the display of the +"close" button at the top right of the alert. +@param e the event parameters`,name:"onClose",required:!1,type:{name:"((e: MouseEvent) => void)"}}}}}catch{}const O={title:"Alert",component:l,tags:["autodocs"],argTypes:{type:{options:["success","critical","info"],control:{type:"inline-radio"}}},args:{title:"Title",children:"Description",onClose:()=>{console.log("Clicked!")}},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=795-7802&mode=design&t=g71gv6nZdJA7QSGB-0"}}},s={args:{type:"success"}},n={args:{type:"critical"}},a={args:{type:"info"}},i={args:{type:"info",title:"Long title. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",children:"Actions are vertically centered against alert content. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",actions:e.jsxs(e.Fragment,{children:[e.jsx(u,{children:"Yes"}),e.jsx(u,{children:"No"})]})}},r={...s,args:{...s.args,onClose:void 0}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{ + args: { + type: "success" + } +}`,...s.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{ + args: { + type: "critical" + } +}`,...n.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{ + args: { + type: "info" + } +}`,...a.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{ + args: { + type: "info", + title: "Long title. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.", + children: "Actions are vertically centered against alert content. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.", + actions: <> + + + + } +}`,...i.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ + ...Success, + args: { + ...Success.args, + onClose: undefined + } +}`,...r.parameters?.docs?.source}}};const Z=["Success","Critical","Info","WithActions","WithoutClose"];export{n as Critical,a as Info,s as Success,i as WithActions,r as WithoutClose,Z as __namedExportsOrder,O as default}; diff --git a/assets/Alert.stories-LJ9BoOdE.js b/assets/Alert.stories-LJ9BoOdE.js deleted file mode 100644 index 161258be..00000000 --- a/assets/Alert.stories-LJ9BoOdE.js +++ /dev/null @@ -1,29 +0,0 @@ -import{j as o}from"./jsx-runtime-CexXSJP5.js";import{B as a}from"./Button-C0_Ps78g.js";import{A as n}from"./Alert-ClH3E2JC.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./UnstyledButton-C9fNLva5.js";import"./close-D4bMmhFz.js";import"./error-Dmbc84hO.js";import"./Text-BgCCN_GG.js";import"./Typography-DuHxGDyc.js";import"./IconButton-Ccv5Unpx.js";import"./IndicatorIcon-_PMFIuo8.js";import"./Tooltip-womRVnul.js";import"./floating-ui.react-CWvUcNvr.js";import"./index-BlTQwN6S.js";const v={title:"Alert",component:n,tags:["autodocs"],argTypes:{type:{options:["success","critical","info"],control:{type:"inline-radio"}}},args:{title:"Title",children:"Description",onClose:()=>{console.log("Clicked!")}},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=795-7802&mode=design&t=g71gv6nZdJA7QSGB-0"}}},e={args:{type:"success"}},t={args:{type:"critical"}},i={args:{type:"info"}},s={args:{type:"info",title:"Long title. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",children:"Actions are vertically centered against alert content. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",actions:o.jsxs(o.Fragment,{children:[o.jsx(a,{children:"Yes"}),o.jsx(a,{children:"No"})]})}},r={...e,args:{...e.args,onClose:void 0}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ - args: { - type: "success" - } -}`,...e.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{ - args: { - type: "critical" - } -}`,...t.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{ - args: { - type: "info" - } -}`,...i.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{ - args: { - type: "info", - title: "Long title. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.", - children: "Actions are vertically centered against alert content. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.", - actions: <> - - - - } -}`,...s.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ - ...Success, - args: { - ...Success.args, - onClose: undefined - } -}`,...r.parameters?.docs?.source}}};const A=["Success","Critical","Info","WithActions","WithoutClose"];export{t as Critical,i as Info,e as Success,s as WithActions,r as WithoutClose,A as __namedExportsOrder,v as default}; diff --git a/assets/Avatar-DyB-Y6ln.js b/assets/Avatar-OPpxc4CT.js similarity index 84% rename from assets/Avatar-DyB-Y6ln.js rename to assets/Avatar-OPpxc4CT.js index 331e1a7f..b806fb92 100644 --- a/assets/Avatar-DyB-Y6ln.js +++ b/assets/Avatar-OPpxc4CT.js @@ -1,2 +1,2 @@ import{j as m}from"./jsx-runtime-CexXSJP5.js";import{c as d}from"./index-CSpfAsmC.js";import{r as f,a as u}from"./index-BP8_t0zE.js";const v="@",h="#",y="+",A=new Intl.Segmenter;function I(a){if(a.length<1)return"";const e=a[0];[v,h,y].includes(e)&&(a=a.substring(1));const t=A.segment(a)[Symbol.iterator]().next();return t.done?"":t.value.segment}const M="_avatar_mcap2_17",R="_image_mcap2_50",o={avatar:M,image:R,"avatar-imageless":"_avatar-imageless_mcap2_61","stacked-avatars":"_stacked-avatars_mcap2_111","clip-path":"_clip-path_mcap2_130"};function S(a){return a.split("").reduce((r,n)=>r+n.charCodeAt(0),0)%6+1}function x(a){return!!(a.onClick||a.onKeyDown||a.onKeyUp)}const p=f.forwardRef(function({src:e,id:t,name:i="",type:r="round",className:n="",size:s,style:c={},onError:_,...l},g){return u.createElement(x(l)?"button":"span",{ref:g,role:"img","aria-label":t,...l,"data-type":r,"data-color":S(t),className:d(o.avatar,n,{[o["avatar-imageless"]]:!e}),style:{...c,"--cpd-avatar-size":s}},m.jsx(u.Fragment,{children:e?m.jsx("img",{loading:"lazy",alt:"",src:e,referrerPolicy:"no-referrer",className:d(o.image),"data-type":r,style:c,width:s,height:s,onError:_}):I(i)}))});try{p.displayName="Avatar",p.__docgenInfo={description:`Avatar component that will fallback to an initial letter over a coloured -background if no source is provided or if the source has failed to load.`,displayName:"Avatar",props:{src:{defaultValue:null,description:"The avatar image URL, if any.",name:"src",required:!1,type:{name:"string"}},size:{defaultValue:null,description:'The avatar size in CSS units, e.g. `"24px"`.',name:"size",required:!1,type:{name:"string"}}}}}catch{}export{p as A,o as s}; +background if no source is provided or if the source has failed to load.`,displayName:"Avatar",props:{size:{defaultValue:null,description:'The avatar size in CSS units, e.g. `"24px"`.',name:"size",required:!1,type:{name:"string"}},src:{defaultValue:null,description:"The avatar image URL, if any.",name:"src",required:!1,type:{name:"string"}}}}}catch{}export{p as A,o as s}; diff --git a/assets/Avatar.stories-5GNcD0iH.js b/assets/Avatar.stories-BVjcXUo5.js similarity index 97% rename from assets/Avatar.stories-5GNcD0iH.js rename to assets/Avatar.stories-BVjcXUo5.js index 5edf0647..31fa1d45 100644 --- a/assets/Avatar.stories-5GNcD0iH.js +++ b/assets/Avatar.stories-BVjcXUo5.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-CexXSJP5.js";import{A as s}from"./Avatar-DyB-Y6ln.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";const b={title:"Avatar",component:s,tags:["autodocs"],argTypes:{},args:{name:"Bob",size:"64px",id:"@bob:example.org",src:"/images/__test__/kitten.jpg",type:"round"}},m=r=>a.jsx(s,{...r}),e=m.bind({});e.args={type:"round"};const o=m.bind({});o.args={type:"square"};const t=m.bind({});t.args={type:"round",onClick:()=>console.log("clicked!")};const n=m.bind({});n.args={src:""};const c=m.bind({});c.args={src:"",size:"128px"};const d=r=>a.jsxs(a.Fragment,{children:[a.jsx(s,{...r,id:"1"})," ",a.jsx(s,{...r,id:"2"})," ",a.jsx(s,{...r,id:"3"})," ",a.jsx(s,{...r,id:"4"})," ",a.jsx(s,{...r,id:"5"})," ",a.jsx(s,{...r,id:"6"})," "]}),p=d.bind({});p.args={src:"",size:"36px"};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:"args => ",...e.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:"args => ",...o.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:"args => ",...t.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:"args => ",...n.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:"args => ",...c.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`args => <> +import{j as a}from"./jsx-runtime-CexXSJP5.js";import{A as s}from"./Avatar-OPpxc4CT.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";const b={title:"Avatar",component:s,tags:["autodocs"],argTypes:{},args:{name:"Bob",size:"64px",id:"@bob:example.org",src:"/images/__test__/kitten.jpg",type:"round"}},m=r=>a.jsx(s,{...r}),e=m.bind({});e.args={type:"round"};const o=m.bind({});o.args={type:"square"};const t=m.bind({});t.args={type:"round",onClick:()=>console.log("clicked!")};const n=m.bind({});n.args={src:""};const c=m.bind({});c.args={src:"",size:"128px"};const d=r=>a.jsxs(a.Fragment,{children:[a.jsx(s,{...r,id:"1"})," ",a.jsx(s,{...r,id:"2"})," ",a.jsx(s,{...r,id:"3"})," ",a.jsx(s,{...r,id:"4"})," ",a.jsx(s,{...r,id:"5"})," ",a.jsx(s,{...r,id:"6"})," "]}),p=d.bind({});p.args={src:"",size:"36px"};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:"args => ",...e.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:"args => ",...o.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:"args => ",...t.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:"args => ",...n.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:"args => ",...c.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`args => <>   diff --git a/assets/AvatarStack-DBPldPV8.js b/assets/AvatarStack-DBPldPV8.js deleted file mode 100644 index 2fd589c1..00000000 --- a/assets/AvatarStack-DBPldPV8.js +++ /dev/null @@ -1,35 +0,0 @@ -import{j as o}from"./jsx-runtime-CexXSJP5.js";import{c}from"./index-CSpfAsmC.js";import{r as d}from"./index-BP8_t0zE.js";import{s as n}from"./Avatar-DyB-Y6ln.js";const p=` - - - - - - - -`,a="cpdAvatarClipSvg";let e=0;const s=({children:t,className:i})=>(d.useEffect(()=>{if(e===0){const r=` - - `;document.body.insertAdjacentHTML("beforeend",r)}return e++,()=>{e--,e<=0&&document.getElementById(a)?.remove()}},[]),o.jsx("div",{className:c(n["stacked-avatars"],i),children:t}));try{s.displayName="AvatarStack",s.__docgenInfo={description:"Renders a stack of avatars and clips the content appropriately.\n\nThe `type` of avatars should always be set to `round`\nAnd all the avatars should have the same size.",displayName:"AvatarStack",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}}}catch{}export{s as A}; diff --git a/assets/AvatarStack.stories-DNn0PNhN.js b/assets/AvatarStack.stories-DNn0PNhN.js new file mode 100644 index 00000000..815df5d8 --- /dev/null +++ b/assets/AvatarStack.stories-DNn0PNhN.js @@ -0,0 +1,38 @@ +import{j as s}from"./jsx-runtime-CexXSJP5.js";import{c as d}from"./index-CSpfAsmC.js";import{r as l}from"./index-BP8_t0zE.js";import{s as r,A as i}from"./Avatar-OPpxc4CT.js";const m=` + + + + + + + +`,o="cpdAvatarClipSvg";let t=0;const n=({children:a,className:c})=>(l.useEffect(()=>{if(t===0){const p=` + + `;document.body.insertAdjacentHTML("beforeend",p)}return t++,()=>{t--,t<=0&&document.getElementById(o)?.remove()}},[]),s.jsx("div",{className:d(r["stacked-avatars"],c),children:a}));try{n.displayName="AvatarStack",n.__docgenInfo={description:"Renders a stack of avatars and clips the content appropriately.\n\nThe `type` of avatars should always be set to `round`\nAnd all the avatars should have the same size.",displayName:"AvatarStack",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}}}catch{}const _={title:"Avatar/StackedAvatar",component:n,tags:["autodocs"],argTypes:{},args:{size:"64px"}},g=a=>s.jsxs(n,{...a,children:[s.jsx(i,{name:"Alice",id:"@alice:example.org",size:"200px",src:"/images/__test__/kitten.jpg"}),s.jsx(i,{name:"Bob",id:"@bob:example.org",size:"200px",src:"/images/__test__/kitten2.jpg"})]}),e=g.bind({});e.args={};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`args => + + + `,...e.parameters?.docs?.source}}};const x=["AvatarStack"];export{e as AvatarStack,x as __namedExportsOrder,_ as default}; diff --git a/assets/AvatarStack.stories-wdnsGuiY.js b/assets/AvatarStack.stories-wdnsGuiY.js deleted file mode 100644 index 238dffeb..00000000 --- a/assets/AvatarStack.stories-wdnsGuiY.js +++ /dev/null @@ -1,4 +0,0 @@ -import{j as t}from"./jsx-runtime-CexXSJP5.js";import{A as r}from"./AvatarStack-DBPldPV8.js";import{A as e}from"./Avatar-DyB-Y6ln.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";const g={title:"Avatar/StackedAvatar",component:r,tags:["autodocs"],argTypes:{},args:{size:"64px"}},o=s=>t.jsxs(r,{...s,children:[t.jsx(e,{name:"Alice",id:"@alice:example.org",size:"200px",src:"/images/__test__/kitten.jpg"}),t.jsx(e,{name:"Bob",id:"@bob:example.org",size:"200px",src:"/images/__test__/kitten2.jpg"})]}),a=o.bind({});a.args={};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`args => - - - `,...a.parameters?.docs?.source}}};const _=["AvatarStack"];export{a as AvatarStack,_ as __namedExportsOrder,g as default}; diff --git a/assets/Badge-Cf9Fivpi.js b/assets/Badge-Cf9Fivpi.js deleted file mode 100644 index 3c1483d0..00000000 --- a/assets/Badge-Cf9Fivpi.js +++ /dev/null @@ -1 +0,0 @@ -import{j as r}from"./jsx-runtime-CexXSJP5.js";import{c as l}from"./index-CSpfAsmC.js";import{T as n}from"./Typography-DuHxGDyc.js";const c="_badge_qipht_17",i={badge:c},a=({children:e,kind:s="default",className:t})=>{const d=l(i.badge,t);return r.jsx(n,{as:"span",size:"sm",weight:"medium",className:d,"data-kind":s,children:e})};try{a.displayName="Badge",a.__docgenInfo={description:"A Badge component.",displayName:"Badge",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},kind:{defaultValue:{value:"default"},description:"The type of badge.",name:"kind",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"success"'},{value:'"critical"'}]}}}}}catch{}export{a as B}; diff --git a/assets/Badge.stories-BFsE0Y2I.js b/assets/Badge.stories-BFsE0Y2I.js new file mode 100644 index 00000000..ba779aee --- /dev/null +++ b/assets/Badge.stories-BFsE0Y2I.js @@ -0,0 +1,7 @@ +import{j as e}from"./jsx-runtime-CexXSJP5.js";import{c as o}from"./index-CSpfAsmC.js";import{T as c}from"./Typography-BWOtt-hZ.js";import"./index-BP8_t0zE.js";const i="_badge_qipht_17",l={badge:i},a=({children:t,kind:n="default",className:d})=>{const r=o(l.badge,d);return e.jsx(c,{as:"span",size:"sm",weight:"medium",className:r,"data-kind":n,children:t})};try{a.displayName="Badge",a.__docgenInfo={description:"A Badge component.",displayName:"Badge",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},kind:{defaultValue:{value:"default"},description:"The type of badge.",name:"kind",required:!1,type:{name:"enum",value:[{value:'"success"'},{value:'"critical"'},{value:'"default"'}]}}}}}catch{}const B={title:"Badge",component:a,argTypes:{},args:{}},m=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{kind:"success",children:"Trusted"})," ",e.jsx(a,{kind:"critical",children:"Not trusted"})," ",e.jsx(a,{kind:"default",children:"Public room"})]}),s=m.bind({});s.args={};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`() => <> + Trusted +   + Not trusted +   + Public room + `,...s.parameters?.docs?.source}}};const _=["Badge"];export{s as Badge,_ as __namedExportsOrder,B as default}; diff --git a/assets/Badge.stories-Bit9ymx4.js b/assets/Badge.stories-Bit9ymx4.js deleted file mode 100644 index 48eb8299..00000000 --- a/assets/Badge.stories-Bit9ymx4.js +++ /dev/null @@ -1,7 +0,0 @@ -import{j as e}from"./jsx-runtime-CexXSJP5.js";import{B as t}from"./Badge-Cf9Fivpi.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./Typography-DuHxGDyc.js";const c={title:"Badge",component:t,argTypes:{},args:{}},n=()=>e.jsxs(e.Fragment,{children:[e.jsx(t,{kind:"success",children:"Trusted"})," ",e.jsx(t,{kind:"critical",children:"Not trusted"})," ",e.jsx(t,{kind:"default",children:"Public room"})]}),o=n.bind({});o.args={};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`() => <> - Trusted -   - Not trusted -   - Public room - `,...o.parameters?.docs?.source}}};const m=["Badge"];export{o as Badge,m as __namedExportsOrder,c as default}; diff --git a/assets/Button.stories-C8NmKuEu.js b/assets/Button.stories-B_gGMOro.js similarity index 61% rename from assets/Button.stories-C8NmKuEu.js rename to assets/Button.stories-B_gGMOro.js index 81ca06e2..e869a1ca 100644 --- a/assets/Button.stories-C8NmKuEu.js +++ b/assets/Button.stories-B_gGMOro.js @@ -1,4 +1,4 @@ -import{f as y}from"./index-ozRUDpri.js";import{B as k}from"./Button-C0_Ps78g.js";import{i as l}from"./index-DVRl1JhA.js";import{V as g}from"./visibility-on-D1sVPsTi.js";import"./jsx-runtime-CexXSJP5.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./UnstyledButton-C9fNLva5.js";import"./notifications-MBLL4uPX.js";import"./extensions-NPI-SMnu.js";import"./search-BC9ffyhQ.js";import"./close-D4bMmhFz.js";import"./check-Bjchr0Ec.js";import"./chevron-down-Ua1BCmcD.js";import"./chevron-right-DF47_mtr.js";import"./error-Dmbc84hO.js";import"./settings-DxGsE2C2.js";import"./spinner-DszwWdC7.js";import"./threads-BMeJ5mkW.js";import"./user-profile-EvkA4CON.js";import"./warning-B4ZpXzLn.js";const w={title:"Button",component:k,tags:["autodocs"],argTypes:{size:{options:["sm","lg"],control:{type:"inline-radio"}},kind:{options:["primary","secondary","tertiary"],control:{type:"inline-radio"}},destructive:{type:"boolean"},disabled:{type:"boolean"},as:{options:["a","button"],control:{type:"inline-radio"}},iconOnly:{type:"boolean"},Icon:{options:Object.keys(l),mapping:l,control:{type:"select"}},onClick:{action:"onClick"}},args:{size:"lg",as:void 0,destructive:!1,disabled:!1,children:"Click me!",onClick:y()}},s={args:{kind:void 0,size:void 0}},a={args:{kind:void 0,size:"sm"}},r={args:{kind:"primary"}},o={args:{kind:"primary",destructive:!0}},t={args:{kind:"secondary"}},n={args:{kind:"secondary",destructive:!0}},i={args:{kind:"tertiary"}},c={args:{kind:"tertiary",destructive:!0}},d={args:{...r.args,Icon:g}},m={args:{...r.args,size:"sm",Icon:g}},p={args:{...r.args,disabled:!0}},e={args:{...r.args,as:"a",href:"https://example.org"}},u={args:{...e.args,disabled:!0}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{ +import{f as y}from"./index-ozRUDpri.js";import{B as k}from"./Button-C0_Ps78g.js";import{i as l}from"./index-BFhxXLU7.js";import{V as g}from"./visibility-on-D1sVPsTi.js";import"./jsx-runtime-CexXSJP5.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./UnstyledButton-C9fNLva5.js";import"./notifications-MBLL4uPX.js";import"./extensions-NPI-SMnu.js";import"./check-circle-solid-TQoBW1Dk.js";import"./info-BqHmDWX7.js";import"./check-Bjchr0Ec.js";import"./chevron-down-Ua1BCmcD.js";import"./chevron-right-DF47_mtr.js";import"./close-Cii-U1fy.js";import"./error-Dmbc84hO.js";import"./search-CSxMuxmN.js";import"./settings-DxGsE2C2.js";import"./spinner-DszwWdC7.js";import"./threads-BMeJ5mkW.js";import"./user-profile-EvkA4CON.js";import"./warning-B4ZpXzLn.js";const F={title:"Button",component:k,tags:["autodocs"],argTypes:{size:{options:["sm","lg"],control:{type:"inline-radio"}},kind:{options:["primary","secondary","tertiary"],control:{type:"inline-radio"}},destructive:{type:"boolean"},disabled:{type:"boolean"},as:{options:["a","button"],control:{type:"inline-radio"}},iconOnly:{type:"boolean"},Icon:{options:Object.keys(l),mapping:l,control:{type:"select"}},onClick:{action:"onClick"}},args:{size:"lg",as:void 0,destructive:!1,disabled:!1,children:"Click me!",onClick:y()}},s={args:{kind:void 0,size:void 0}},a={args:{kind:void 0,size:"sm"}},r={args:{kind:"primary"}},o={args:{kind:"primary",destructive:!0}},t={args:{kind:"secondary"}},n={args:{kind:"secondary",destructive:!0}},i={args:{kind:"tertiary"}},c={args:{kind:"tertiary",destructive:!0}},d={args:{...r.args,Icon:g}},m={args:{...r.args,size:"sm",Icon:g}},p={args:{...r.args,disabled:!0}},e={args:{...r.args,as:"a",href:"https://example.org"}},u={args:{...e.args,disabled:!0}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{ args: { // test component defaults kind: undefined, @@ -64,4 +64,4 @@ import{f as y}from"./index-ozRUDpri.js";import{B as k}from"./Button-C0_Ps78g.js" ...Link.args, disabled: true } -}`,...u.parameters?.docs?.source}}};const A=["Default","Small","Primary","PrimaryDestructive","Secondary","SecondaryDestructive","Tertiary","TertiaryDestructive","WithIcon","SmallWithIcon","Disabled","Link","LinkDisabled"];export{s as Default,p as Disabled,e as Link,u as LinkDisabled,r as Primary,o as PrimaryDestructive,t as Secondary,n as SecondaryDestructive,a as Small,m as SmallWithIcon,i as Tertiary,c as TertiaryDestructive,d as WithIcon,A as __namedExportsOrder,w as default}; +}`,...u.parameters?.docs?.source}}};const G=["Default","Small","Primary","PrimaryDestructive","Secondary","SecondaryDestructive","Tertiary","TertiaryDestructive","WithIcon","SmallWithIcon","Disabled","Link","LinkDisabled"];export{s as Default,p as Disabled,e as Link,u as LinkDisabled,r as Primary,o as PrimaryDestructive,t as Secondary,n as SecondaryDestructive,a as Small,m as SmallWithIcon,i as Tertiary,c as TertiaryDestructive,d as WithIcon,G as __namedExportsOrder,F as default}; diff --git a/assets/Checkbox-D1pECWlH.js b/assets/Checkbox-CF22c-2X.js similarity index 94% rename from assets/Checkbox-D1pECWlH.js rename to assets/Checkbox-CF22c-2X.js index 90083678..5cb95373 100644 --- a/assets/Checkbox-D1pECWlH.js +++ b/assets/Checkbox-CF22c-2X.js @@ -1 +1 @@ -import{j as e}from"./jsx-runtime-CexXSJP5.js";import{c as p}from"./index-CSpfAsmC.js";import{r as c}from"./index-BP8_t0zE.js";import{C as d}from"./check-Bjchr0Ec.js";import{C as m}from"./index-BugjtUKR.js";const u="_container_1wloq_18",_="_input_1wloq_26",x="_ui_1wloq_27",r={container:u,input:_,ui:x},t=c.forwardRef(function({className:s,...n},i){const l=p(r.container,s);return e.jsxs("div",{className:l,children:[e.jsx("input",{ref:i,className:r.input,...n,type:"checkbox"}),e.jsx("div",{className:r.ui,children:e.jsx(d,{"aria-hidden":!0})})]})}),a=c.forwardRef(function(s,n){return e.jsx(m,{asChild:!0,children:e.jsx(t,{ref:n,...s})})});try{t.displayName="CheckboxInput",t.__docgenInfo={description:"A styled checkbox input, for standalone use.",displayName:"CheckboxInput",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}}}}}catch{}try{a.displayName="CheckboxControl",a.__docgenInfo={description:"A styled checkbox input wrapped in a `Control` component, for use in Radix forms.",displayName:"CheckboxControl",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}}}}}catch{}export{t as C,a}; +import{j as e}from"./jsx-runtime-CexXSJP5.js";import{c as p}from"./index-CSpfAsmC.js";import{r as c}from"./index-BP8_t0zE.js";import{C as d}from"./check-Bjchr0Ec.js";import{C as m}from"./index-Br7_Jfcb.js";const u="_container_1wloq_18",_="_input_1wloq_26",x="_ui_1wloq_27",r={container:u,input:_,ui:x},t=c.forwardRef(function({className:s,...n},i){const l=p(r.container,s);return e.jsxs("div",{className:l,children:[e.jsx("input",{ref:i,className:r.input,...n,type:"checkbox"}),e.jsx("div",{className:r.ui,children:e.jsx(d,{"aria-hidden":!0})})]})}),a=c.forwardRef(function(s,n){return e.jsx(m,{asChild:!0,children:e.jsx(t,{ref:n,...s})})});try{t.displayName="CheckboxInput",t.__docgenInfo={description:"A styled checkbox input, for standalone use.",displayName:"CheckboxInput",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}}}}}catch{}try{a.displayName="CheckboxControl",a.__docgenInfo={description:"A styled checkbox input wrapped in a `Control` component, for use in Radix forms.",displayName:"CheckboxControl",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}}}}}catch{}export{t as C,a}; diff --git a/assets/Checkbox.stories-CYM19RqU.js b/assets/Checkbox.stories-C0jMiuSv.js similarity index 96% rename from assets/Checkbox.stories-CYM19RqU.js rename to assets/Checkbox.stories-C0jMiuSv.js index 5dc57712..4fb22f89 100644 --- a/assets/Checkbox.stories-CYM19RqU.js +++ b/assets/Checkbox.stories-C0jMiuSv.js @@ -1,4 +1,4 @@ -import{j as g}from"./jsx-runtime-CexXSJP5.js";import{C as p}from"./Checkbox-D1pECWlH.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./check-Bjchr0Ec.js";import"./index-BugjtUKR.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";const S={title:"Form/Controls/Checkbox",component:p,render:({invalid:m,...c})=>g.jsx(p,{...c,"data-invalid":m||void 0}),tags:["autodocs"],argTypes:{defaultChecked:{type:"boolean"},autoFocus:{type:"boolean"},disabled:{type:"boolean"},readOnly:{type:"boolean"}},args:{defaultChecked:!1,autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1}},e={parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-114"}}},n={args:{defaultChecked:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-115"}}},a={args:{disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-121"}}},o={args:{defaultChecked:!0,disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-122"}}},r={args:{readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2457-24843"}}},s={args:{defaultChecked:!0,readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2457-24844"}}},t={args:{invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-135"}}},d={args:{defaultChecked:!0,invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-136"}}},i={args:{autoFocus:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-124"}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ +import{j as g}from"./jsx-runtime-CexXSJP5.js";import{C as p}from"./Checkbox-CF22c-2X.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./check-Bjchr0Ec.js";import"./index-Br7_Jfcb.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";const S={title:"Form/Controls/Checkbox",component:p,render:({invalid:m,...c})=>g.jsx(p,{...c,"data-invalid":m||void 0}),tags:["autodocs"],argTypes:{defaultChecked:{type:"boolean"},autoFocus:{type:"boolean"},disabled:{type:"boolean"},readOnly:{type:"boolean"}},args:{defaultChecked:!1,autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1}},e={parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-114"}}},n={args:{defaultChecked:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-115"}}},a={args:{disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-121"}}},o={args:{defaultChecked:!0,disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-122"}}},r={args:{readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2457-24843"}}},s={args:{defaultChecked:!0,readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2457-24844"}}},t={args:{invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-135"}}},d={args:{defaultChecked:!0,invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-136"}}},i={args:{autoFocus:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-124"}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ parameters: { design: { type: "figma", diff --git a/assets/Color-ERTF36HU-Cqa3auZe.js b/assets/Color-ERTF36HU-Dl_qPjP6.js similarity index 99% rename from assets/Color-ERTF36HU-Cqa3auZe.js rename to assets/Color-ERTF36HU-Dl_qPjP6.js index 9a531c1f..a8cf0282 100644 --- a/assets/Color-ERTF36HU-Cqa3auZe.js +++ b/assets/Color-ERTF36HU-Dl_qPjP6.js @@ -1 +1 @@ -import{ae as Me,af as ie,ag as Ce,ah as C,a2 as ue,a0 as $e,x as Ie,ai as Oe,aj as Ne}from"./DocsRenderer-CFRXHY34-jjH5MKJG.js";import{g as fe,a as h,r as m}from"./index-BP8_t0zE.js";import"./iframe-BV5w-Shc.js";import"../sb-preview/runtime.js";import"./jsx-runtime-CexXSJP5.js";import"./index-BlTQwN6S.js";import"./index-D-8MO0q_.js";import"./index-BiqJNaOC.js";import"./index-DrFu-skq.js";import"./react-18-CNGsVnez.js";var Se={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const H=Se,he={};for(const e of Object.keys(H))he[H[e]]=e;const u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var de=u;for(const e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),l=a-o;let s,c;a===o?s=0:t===a?s=(n-r)/l:n===a?s=2+(r-t)/l:r===a&&(s=4+(t-n)/l),s=Math.min(s*60,360),s<0&&(s+=360);const i=(o+a)/2;return a===o?c=0:i<=.5?c=l/(a+o):c=l/(2-a-o),[s,c*100,i*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const l=e[0]/255,s=e[1]/255,c=e[2]/255,i=Math.max(l,s,c),d=i-Math.min(l,s,c),f=function(g){return(i-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/i,t=f(l),n=f(s),r=f(c),l===i?o=r-n:s===i?o=1/3+t-r:c===i&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,i*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,l=(1-n-o)/(1-o)||0,s=(1-r-o)/(1-o)||0;return[a*100,l*100,s*100,o*100]};function Re(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=he[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(H)){const a=H[o],l=Re(e,a);l.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,l=t*.0193+n*.1192+r*.9505;return[o*100,a*100,l*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,l=500*(n-r),s=200*(r-o);return[a,l,s]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,l;if(n===0)return l=r*255,[l,l,l];r<.5?o=r*(1+n):o=r+n-r*n;const s=2*r-o,c=[0,0,0];for(let i=0;i<3;i++)a=t+1/3*-(i-1),a<0&&a++,a>1&&a--,6*a<1?l=s+(o-s)*6*a:2*a<1?l=o:3*a<2?l=s+(o-s)*(2/3-a)*6:l=s,c[i]=l*255;return c};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const l=(r+n)/2,s=r===0?2*o/(a+o):2*n/(r+n);return[t,s*100,l*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),l=255*r*(1-n),s=255*r*(1-n*a),c=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,c,l];case 1:return[s,r,l];case 2:return[l,r,c];case 3:return[l,s,r];case 4:return[c,l,r];case 5:return[r,l,s]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,l;l=(2-n)*r;const s=(2-n)*o;return a=n*o,a/=s<=1?s:2-s,a=a||0,l/=2,[t,a*100,l*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const l=Math.floor(6*t),s=1-r;a=6*t-l,l&1&&(a=1-a);const c=n+a*(s-n);let i,d,f;switch(l){default:case 6:case 0:i=s,d=c,f=n;break;case 1:i=c,d=s,f=n;break;case 2:i=n,d=s,f=c;break;case 3:i=n,d=c,f=s;break;case 4:i=c,d=n,f=s;break;case 5:i=s,d=n,f=c;break}return[i*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),l=1-Math.min(1,n*(1-o)+o),s=1-Math.min(1,r*(1-o)+o);return[a*255,l*255,s*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,l;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,l=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,l=l>.0031308?1.055*l**(1/2.4)-.055:l*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),l=Math.min(Math.max(0,l),1),[o*255,a*255,l*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),l=200*(n-r);return[o,a,l]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,l;a=(t+16)/116,o=n/500+a,l=a-r/200;const s=a**3,c=o**3,i=l**3;return a=s>.008856?s:(a-16/116)/7.787,o=c>.008856?c:(o-16/116)/7.787,l=i>.008856?i:(l-16/116)/7.787,o*=95.047,a*=100,l*=108.883,[o,a,l]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const l=Math.sqrt(n*n+r*r);return[t,l,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),l=n*Math.sin(o);return[t,a,l]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let l=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(l+=60),l};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)};u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(s=>s+s).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,l=r&255;return[o,a,l]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),l=o-a;let s,c;return l<1?s=a/(1-l):s=0,l<=0?c=0:o===t?c=(n-r)/l%6:o===n?c=2+(r-t)/l:c=4+(t-n)/l,c/=6,c%=1,[c*360,l*100,s*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,l=a%1,s=1-l;let c=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=l,o[2]=0;break;case 1:o[0]=s,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=l;break;case 3:o[0]=0,o[1]=s,o[2]=1;break;case 4:o[0]=l,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=s}return c=(1-n)*r,[(n*o[0]+c)*255,(n*o[1]+c)*255,(n*o[2]+c)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*100]};u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};u.gray.hsl=function(e){return[0,0,e[0]]};u.gray.hsv=u.gray.hsl;u.gray.hwb=function(e){return[0,100,e[0]]};u.gray.cmyk=function(e){return[0,0,0,e[0]]};u.gray.lab=function(e){return[e[0],0,0]};u.gray.hex=function(e){const t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r};u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const X=de;function je(){const e={},t=Object.keys(X);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function Be(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,l=0;l{I[e]={},Object.defineProperty(I[e],"channels",{value:K[e].channels}),Object.defineProperty(I[e],"labels",{value:K[e].labels});const t=Pe(e);Object.keys(t).forEach(r=>{const o=t[r];I[e][r]=Be(o),I[e][r].raw=qe(o)})});var Xe=I;const _=fe(Xe);var De=Me,We=function(){return De.Date.now()},Ke=We,Ve=/\s/;function Ae(e){for(var t=e.length;t--&&Ve.test(e.charAt(t)););return t}var Ge=Ae,Ue=Ge,Ye=/^\s+/;function Je(e){return e&&e.slice(0,Ue(e)+1).replace(Ye,"")}var Qe=Je,Ze=Qe,te=ie,et=Ce,ne=NaN,tt=/^[-+]0x[0-9a-f]+$/i,nt=/^0b[01]+$/i,rt=/^0o[0-7]+$/i,ot=parseInt;function at(e){if(typeof e=="number")return e;if(et(e))return ne;if(te(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=te(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=Ze(e);var n=nt.test(e);return n||rt.test(e)?ot(e.slice(2),n?2:8):tt.test(e)?ne:+e}var lt=at,st=ie,W=Ke,re=lt,ct="Expected a function",it=Math.max,ut=Math.min;function ft(e,t,n){var r,o,a,l,s,c,i=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError(ct);t=re(t)||0,st(n)&&(d=!!n.leading,f="maxWait"in n,a=f?it(re(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function w(v){var M=r,T=o;return r=o=void 0,i=v,l=e.apply(T,M),l}function S(v){return i=v,s=setTimeout(b,t),d?w(v):l}function E(v){var M=v-c,T=v-i,ee=t-M;return f?ut(ee,a-T):ee}function p(v){var M=v-c,T=v-i;return c===void 0||M>=t||M<0||f&&T>=a}function b(){var v=W();if(p(v))return k(v);s=setTimeout(b,E(v))}function k(v){return s=void 0,g&&r?w(v):(r=o=void 0,l)}function y(){s!==void 0&&clearTimeout(s),i=0,r=c=o=s=void 0}function R(){return s===void 0?l:k(W())}function j(){var v=W(),M=p(v);if(r=arguments,o=this,c=v,M){if(s===void 0)return S(c);if(f)return clearTimeout(s),s=setTimeout(b,t),w(c)}return s===void 0&&(s=setTimeout(b,t)),l}return j.cancel=y,j.flush=R,j}var ht=ft;const dt=fe(ht);function $(){return($=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function V(e){var t=m.useRef(e),n=m.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var N=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e0:p.buttons>0)&&o.current?a(oe(o.current,p,s.current)):E(!1)},S=function(){return E(!1)};function E(p){var b=c.current,k=A(o.current),y=p?k.addEventListener:k.removeEventListener;y(b?"touchmove":"mousemove",w),y(b?"touchend":"mouseup",S)}return[function(p){var b=p.nativeEvent,k=o.current;if(k&&(ae(b),!function(R,j){return j&&!z(R)}(b,c.current)&&k)){if(z(b)){c.current=!0;var y=b.changedTouches||[];y.length&&(s.current=y[0].identifier)}k.focus(),a(oe(k,b,s.current)),E(!0)}},function(p){var b=p.which||p.keyCode;b<37||b>40||(p.preventDefault(),l({left:b===39?.05:b===37?-.05:0,top:b===40?.05:b===38?-.05:0}))},E]},[l,a]),d=i[0],f=i[1],g=i[2];return m.useEffect(function(){return g},[g]),h.createElement("div",$({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),F=function(e){return e.filter(Boolean).join(" ")},Z=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=F(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},x=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},gt={grad:.9,turn:360,rad:360/(2*Math.PI)},mt=function(e){return be(G(e))},G=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?x(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?x(parseInt(e.substring(6,8),16)/255,2):1}},bt=function(e,t){return t===void 0&&(t="deg"),Number(e)*(gt[t]||1)},vt=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?pt({h:bt(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},pt=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},yt=function(e){return wt(me(e))},ge=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:x(e.h),s:x(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:x(o/2),a:x(r,2)}},U=function(e){var t=ge(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},B=function(e){var t=ge(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},me=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),l=r*(1-n),s=r*(1-(t-a)*n),c=r*(1-(1-t+a)*n),i=a%6;return{r:x(255*[r,s,l,l,c,r][i]),g:x(255*[c,r,r,s,l,l][i]),b:x(255*[l,l,c,r,r,s][i]),a:x(o,2)}},xt=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?be({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},P=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},wt=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?P(x(255*o)):"";return"#"+P(t)+P(n)+P(r)+a},be=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),l=a-Math.min(t,n,r),s=l?a===t?(n-r)/l:a===n?2+(r-t)/l:4+(t-n)/l:0;return{h:x(60*(s<0?s+6:s)),s:x(a?l/a*100:0),v:x(a/255*100),a:o}},ve=h.memo(function(e){var t=e.hue,n=e.onChange,r=F(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Q,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:N(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":x(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(Z,{className:"react-colorful__hue-pointer",left:t/360,color:U({h:t,s:100,v:100,a:1})})))}),pe=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:U({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Q,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:N(t.s+100*o.left,0,100),v:N(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+x(t.s)+"%, Brightness "+x(t.v)+"%"},h.createElement(Z,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:U(t)})))}),ye=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},xe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},kt=function(e,t){return e.toLowerCase()===t.toLowerCase()||ye(G(e),G(t))};function we(e,t,n){var r=V(n),o=m.useState(function(){return e.toHsva(t)}),a=o[0],l=o[1],s=m.useRef({color:t,hsva:a});m.useEffect(function(){if(!e.equal(t,s.current.color)){var i=e.toHsva(t);s.current={hsva:i,color:t},l(i)}},[t,e]),m.useEffect(function(){var i;ye(a,s.current.hsva)||e.equal(i=e.fromHsva(a),s.current.color)||(s.current={hsva:a,color:i},r(i))},[a,e,r]);var c=m.useCallback(function(i){l(function(d){return Object.assign({},d,i)})},[]);return[a,c]}var _t=typeof window<"u"?m.useLayoutEffect:m.useEffect,Et=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},le=new Map,ke=function(e){_t(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!le.has(t)){var n=t.createElement("style");n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,le.set(t,n);var r=Et();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},Mt=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,l=J(e,["className","colorModel","color","onChange"]),s=m.useRef(null);ke(s);var c=we(n,o,a),i=c[0],d=c[1],f=F(["react-colorful",t]);return h.createElement("div",$({},l,{ref:s,className:f}),h.createElement(pe,{hsva:i,onChange:d}),h.createElement(ve,{hue:i.h,onChange:d,className:"react-colorful__last-control"}))},Ct={defaultColor:"000",toHsva:mt,fromHsva:function(e){return yt({h:e.h,s:e.s,v:e.v,a:1})},equal:kt},$t=function(e){return h.createElement(Mt,$({},e,{colorModel:Ct}))},It=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+B(Object.assign({},n,{a:0}))+", "+B(Object.assign({},n,{a:1}))+")"},a=F(["react-colorful__alpha",t]),l=x(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Q,{onMove:function(s){r({a:s.left})},onKey:function(s){r({a:N(n.a+s.left)})},"aria-label":"Alpha","aria-valuetext":l+"%","aria-valuenow":l,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(Z,{className:"react-colorful__alpha-pointer",left:n.a,color:B(n)})))},_e=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,l=J(e,["className","colorModel","color","onChange"]),s=m.useRef(null);ke(s);var c=we(n,o,a),i=c[0],d=c[1],f=F(["react-colorful",t]);return h.createElement("div",$({},l,{ref:s,className:f}),h.createElement(pe,{hsva:i,onChange:d}),h.createElement(ve,{hue:i.h,onChange:d}),h.createElement(It,{hsva:i,onChange:d,className:"react-colorful__last-control"}))},Ot={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:vt,fromHsva:B,equal:xe},Nt=function(e){return h.createElement(_e,$({},e,{colorModel:Ot}))},St={defaultColor:"rgba(0, 0, 0, 1)",toHsva:xt,fromHsva:function(e){var t=me(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:xe},Rt=function(e){return h.createElement(_e,$({},e,{colorModel:St}))},jt=C.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Tt=C(ue)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),zt=C.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Ht=C($e)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Ft=C.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Pt=C.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Lt=`url('data:image/svg+xml;charset=utf-8,')`,se=({value:e,style:t,...n})=>{let r=`linear-gradient(${e}, ${e}), ${Lt}, linear-gradient(#fff, #fff)`;return h.createElement(Pt,{...n,style:{...t,backgroundImage:r}})},qt=C(Ie.Input)(({theme:e,readOnly:t})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Bt=C(Oe)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),L=Object.values(Ee),Xt=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Dt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Wt=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Kt=/^\s*#?([0-9a-f]{3})\s*$/i,Vt={hex:$t,rgb:Rt,hsl:Nt},q={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e?.match(Xt);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},O=e=>{if(!e)return;let t=!0;if(Dt.test(e)){let[l,s,c,i]=ce(e),[d,f,g]=_.rgb.hsl([l,s,c])||[0,0,0];return{valid:t,value:e,keyword:_.rgb.keyword([l,s,c]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${i})`,hex:`#${_.rgb.hex([l,s,c]).toLowerCase()}`}}if(Wt.test(e)){let[l,s,c,i]=ce(e),[d,f,g]=_.hsl.rgb([l,s,c])||[0,0,0];return{valid:t,value:e,keyword:_.hsl.keyword([l,s,c]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${i})`,hsl:e,hex:`#${_.hsl.hex([l,s,c]).toLowerCase()}`}}let n=e.replace("#",""),r=_.keyword.rgb(n)||_.hex.rgb(n),o=_.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{_.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:_.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},At=(e,t,n)=>{if(!e||!t?.valid)return q[n];if(n!=="hex")return t?.[n]||q[n];if(!t.hex.startsWith("#"))try{return`#${_.keyword.hex(t.hex)}`}catch{return q.hex}let r=t.hex.match(Kt);if(!r)return Y.test(t.hex)?t.hex:q.hex;let[o,a,l]=r[1].split("");return`#${o}${o}${a}${a}${l}${l}`},Gt=(e,t)=>{let[n,r]=m.useState(e||""),[o,a]=m.useState(()=>O(n)),[l,s]=m.useState(o?.colorSpace||"hex");m.useEffect(()=>{let f=e||"",g=O(f);r(f),a(g),s(g?.colorSpace||"hex")},[e]);let c=m.useMemo(()=>At(n,o,l).toLowerCase(),[n,o,l]),i=m.useCallback(f=>{let g=O(f),w=g?.value||f||"";r(w),w===""&&(a(void 0),t(void 0)),g&&(a(g),s(g.colorSpace),t(g.value))},[t]),d=m.useCallback(()=>{let f=L.indexOf(l)+1;f>=L.length&&(f=0),s(L[f]);let g=o?.[L[f]]||"";r(g),t(g)},[o,l,t]);return{value:n,realValue:c,updateValue:i,color:o,colorSpace:l,cycleColorSpace:d}},D=e=>e.replace(/\s*/,"").toLowerCase(),Ut=(e,t,n)=>{let[r,o]=m.useState(t?.valid?[t]:[]);m.useEffect(()=>{t===void 0&&o([])},[t]);let a=m.useMemo(()=>(e||[]).map(s=>typeof s=="string"?O(s):s.title?{...O(s.color),keyword:s.title}:O(s.color)).concat(r).filter(Boolean).slice(-27),[e,r]),l=m.useCallback(s=>{s?.valid&&(a.some(c=>D(c[n])===D(s[n]))||o(c=>c.concat(s)))},[n,a]);return{presets:a,addPreset:l}},Yt=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:l=!1,argType:s})=>{let c=m.useCallback(dt(n,200),[n]),{value:i,realValue:d,updateValue:f,color:g,colorSpace:w,cycleColorSpace:S}=Gt(t,c),{presets:E,addPreset:p}=Ut(a,g,w),b=Vt[w],k=!!s?.table?.readonly;return h.createElement(jt,{"aria-readonly":k},h.createElement(Tt,{startOpen:l,trigger:k?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>p(g),tooltip:h.createElement(zt,null,h.createElement(b,{color:d==="transparent"?"#000000":d,onChange:f,onFocus:r,onBlur:o}),E.length>0&&h.createElement(Ft,null,E.map((y,R)=>h.createElement(ue,{key:`${y.value}-${R}`,hasChrome:!1,tooltip:h.createElement(Ht,{note:y.keyword||y.value})},h.createElement(se,{value:y[w],active:g&&D(y[w])===D(g[w]),onClick:()=>f(y.value)})))))},h.createElement(se,{value:d,style:{margin:4}})),h.createElement(qt,{id:Ne(e),value:i,onChange:y=>f(y.target.value),onFocus:y=>y.target.select(),readOnly:k,placeholder:"Choose color..."}),i?h.createElement(Bt,{onClick:S}):null)},sn=Yt;export{Yt as ColorControl,sn as default}; +import{ae as Me,af as ie,ag as Ce,ah as C,a2 as ue,a0 as $e,x as Ie,ai as Oe,aj as Ne}from"./DocsRenderer-CFRXHY34-u0Hrtq3-.js";import{g as fe,a as h,r as m}from"./index-BP8_t0zE.js";import"./iframe-C5aVuueH.js";import"../sb-preview/runtime.js";import"./jsx-runtime-CexXSJP5.js";import"./index-BlTQwN6S.js";import"./index-D-8MO0q_.js";import"./index-BiqJNaOC.js";import"./index-DrFu-skq.js";import"./react-18-CNGsVnez.js";var Se={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const H=Se,he={};for(const e of Object.keys(H))he[H[e]]=e;const u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var de=u;for(const e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),l=a-o;let s,c;a===o?s=0:t===a?s=(n-r)/l:n===a?s=2+(r-t)/l:r===a&&(s=4+(t-n)/l),s=Math.min(s*60,360),s<0&&(s+=360);const i=(o+a)/2;return a===o?c=0:i<=.5?c=l/(a+o):c=l/(2-a-o),[s,c*100,i*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const l=e[0]/255,s=e[1]/255,c=e[2]/255,i=Math.max(l,s,c),d=i-Math.min(l,s,c),f=function(g){return(i-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/i,t=f(l),n=f(s),r=f(c),l===i?o=r-n:s===i?o=1/3+t-r:c===i&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,i*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,l=(1-n-o)/(1-o)||0,s=(1-r-o)/(1-o)||0;return[a*100,l*100,s*100,o*100]};function Re(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=he[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(H)){const a=H[o],l=Re(e,a);l.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,l=t*.0193+n*.1192+r*.9505;return[o*100,a*100,l*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,l=500*(n-r),s=200*(r-o);return[a,l,s]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,l;if(n===0)return l=r*255,[l,l,l];r<.5?o=r*(1+n):o=r+n-r*n;const s=2*r-o,c=[0,0,0];for(let i=0;i<3;i++)a=t+1/3*-(i-1),a<0&&a++,a>1&&a--,6*a<1?l=s+(o-s)*6*a:2*a<1?l=o:3*a<2?l=s+(o-s)*(2/3-a)*6:l=s,c[i]=l*255;return c};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const l=(r+n)/2,s=r===0?2*o/(a+o):2*n/(r+n);return[t,s*100,l*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),l=255*r*(1-n),s=255*r*(1-n*a),c=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,c,l];case 1:return[s,r,l];case 2:return[l,r,c];case 3:return[l,s,r];case 4:return[c,l,r];case 5:return[r,l,s]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,l;l=(2-n)*r;const s=(2-n)*o;return a=n*o,a/=s<=1?s:2-s,a=a||0,l/=2,[t,a*100,l*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const l=Math.floor(6*t),s=1-r;a=6*t-l,l&1&&(a=1-a);const c=n+a*(s-n);let i,d,f;switch(l){default:case 6:case 0:i=s,d=c,f=n;break;case 1:i=c,d=s,f=n;break;case 2:i=n,d=s,f=c;break;case 3:i=n,d=c,f=s;break;case 4:i=c,d=n,f=s;break;case 5:i=s,d=n,f=c;break}return[i*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),l=1-Math.min(1,n*(1-o)+o),s=1-Math.min(1,r*(1-o)+o);return[a*255,l*255,s*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,l;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,l=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,l=l>.0031308?1.055*l**(1/2.4)-.055:l*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),l=Math.min(Math.max(0,l),1),[o*255,a*255,l*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),l=200*(n-r);return[o,a,l]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,l;a=(t+16)/116,o=n/500+a,l=a-r/200;const s=a**3,c=o**3,i=l**3;return a=s>.008856?s:(a-16/116)/7.787,o=c>.008856?c:(o-16/116)/7.787,l=i>.008856?i:(l-16/116)/7.787,o*=95.047,a*=100,l*=108.883,[o,a,l]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const l=Math.sqrt(n*n+r*r);return[t,l,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),l=n*Math.sin(o);return[t,a,l]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let l=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(l+=60),l};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)};u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(s=>s+s).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,l=r&255;return[o,a,l]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),l=o-a;let s,c;return l<1?s=a/(1-l):s=0,l<=0?c=0:o===t?c=(n-r)/l%6:o===n?c=2+(r-t)/l:c=4+(t-n)/l,c/=6,c%=1,[c*360,l*100,s*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,l=a%1,s=1-l;let c=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=l,o[2]=0;break;case 1:o[0]=s,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=l;break;case 3:o[0]=0,o[1]=s,o[2]=1;break;case 4:o[0]=l,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=s}return c=(1-n)*r,[(n*o[0]+c)*255,(n*o[1]+c)*255,(n*o[2]+c)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*100]};u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};u.gray.hsl=function(e){return[0,0,e[0]]};u.gray.hsv=u.gray.hsl;u.gray.hwb=function(e){return[0,100,e[0]]};u.gray.cmyk=function(e){return[0,0,0,e[0]]};u.gray.lab=function(e){return[e[0],0,0]};u.gray.hex=function(e){const t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r};u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const X=de;function je(){const e={},t=Object.keys(X);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function Be(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,l=0;l{I[e]={},Object.defineProperty(I[e],"channels",{value:K[e].channels}),Object.defineProperty(I[e],"labels",{value:K[e].labels});const t=Pe(e);Object.keys(t).forEach(r=>{const o=t[r];I[e][r]=Be(o),I[e][r].raw=qe(o)})});var Xe=I;const _=fe(Xe);var De=Me,We=function(){return De.Date.now()},Ke=We,Ve=/\s/;function Ae(e){for(var t=e.length;t--&&Ve.test(e.charAt(t)););return t}var Ge=Ae,Ue=Ge,Ye=/^\s+/;function Je(e){return e&&e.slice(0,Ue(e)+1).replace(Ye,"")}var Qe=Je,Ze=Qe,te=ie,et=Ce,ne=NaN,tt=/^[-+]0x[0-9a-f]+$/i,nt=/^0b[01]+$/i,rt=/^0o[0-7]+$/i,ot=parseInt;function at(e){if(typeof e=="number")return e;if(et(e))return ne;if(te(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=te(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=Ze(e);var n=nt.test(e);return n||rt.test(e)?ot(e.slice(2),n?2:8):tt.test(e)?ne:+e}var lt=at,st=ie,W=Ke,re=lt,ct="Expected a function",it=Math.max,ut=Math.min;function ft(e,t,n){var r,o,a,l,s,c,i=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError(ct);t=re(t)||0,st(n)&&(d=!!n.leading,f="maxWait"in n,a=f?it(re(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function w(v){var M=r,T=o;return r=o=void 0,i=v,l=e.apply(T,M),l}function S(v){return i=v,s=setTimeout(b,t),d?w(v):l}function E(v){var M=v-c,T=v-i,ee=t-M;return f?ut(ee,a-T):ee}function p(v){var M=v-c,T=v-i;return c===void 0||M>=t||M<0||f&&T>=a}function b(){var v=W();if(p(v))return k(v);s=setTimeout(b,E(v))}function k(v){return s=void 0,g&&r?w(v):(r=o=void 0,l)}function y(){s!==void 0&&clearTimeout(s),i=0,r=c=o=s=void 0}function R(){return s===void 0?l:k(W())}function j(){var v=W(),M=p(v);if(r=arguments,o=this,c=v,M){if(s===void 0)return S(c);if(f)return clearTimeout(s),s=setTimeout(b,t),w(c)}return s===void 0&&(s=setTimeout(b,t)),l}return j.cancel=y,j.flush=R,j}var ht=ft;const dt=fe(ht);function $(){return($=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function V(e){var t=m.useRef(e),n=m.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var N=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e0:p.buttons>0)&&o.current?a(oe(o.current,p,s.current)):E(!1)},S=function(){return E(!1)};function E(p){var b=c.current,k=A(o.current),y=p?k.addEventListener:k.removeEventListener;y(b?"touchmove":"mousemove",w),y(b?"touchend":"mouseup",S)}return[function(p){var b=p.nativeEvent,k=o.current;if(k&&(ae(b),!function(R,j){return j&&!z(R)}(b,c.current)&&k)){if(z(b)){c.current=!0;var y=b.changedTouches||[];y.length&&(s.current=y[0].identifier)}k.focus(),a(oe(k,b,s.current)),E(!0)}},function(p){var b=p.which||p.keyCode;b<37||b>40||(p.preventDefault(),l({left:b===39?.05:b===37?-.05:0,top:b===40?.05:b===38?-.05:0}))},E]},[l,a]),d=i[0],f=i[1],g=i[2];return m.useEffect(function(){return g},[g]),h.createElement("div",$({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),F=function(e){return e.filter(Boolean).join(" ")},Z=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=F(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},x=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},gt={grad:.9,turn:360,rad:360/(2*Math.PI)},mt=function(e){return be(G(e))},G=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?x(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?x(parseInt(e.substring(6,8),16)/255,2):1}},bt=function(e,t){return t===void 0&&(t="deg"),Number(e)*(gt[t]||1)},vt=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?pt({h:bt(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},pt=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},yt=function(e){return wt(me(e))},ge=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:x(e.h),s:x(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:x(o/2),a:x(r,2)}},U=function(e){var t=ge(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},B=function(e){var t=ge(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},me=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),l=r*(1-n),s=r*(1-(t-a)*n),c=r*(1-(1-t+a)*n),i=a%6;return{r:x(255*[r,s,l,l,c,r][i]),g:x(255*[c,r,r,s,l,l][i]),b:x(255*[l,l,c,r,r,s][i]),a:x(o,2)}},xt=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?be({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},P=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},wt=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?P(x(255*o)):"";return"#"+P(t)+P(n)+P(r)+a},be=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),l=a-Math.min(t,n,r),s=l?a===t?(n-r)/l:a===n?2+(r-t)/l:4+(t-n)/l:0;return{h:x(60*(s<0?s+6:s)),s:x(a?l/a*100:0),v:x(a/255*100),a:o}},ve=h.memo(function(e){var t=e.hue,n=e.onChange,r=F(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Q,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:N(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":x(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(Z,{className:"react-colorful__hue-pointer",left:t/360,color:U({h:t,s:100,v:100,a:1})})))}),pe=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:U({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Q,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:N(t.s+100*o.left,0,100),v:N(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+x(t.s)+"%, Brightness "+x(t.v)+"%"},h.createElement(Z,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:U(t)})))}),ye=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},xe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},kt=function(e,t){return e.toLowerCase()===t.toLowerCase()||ye(G(e),G(t))};function we(e,t,n){var r=V(n),o=m.useState(function(){return e.toHsva(t)}),a=o[0],l=o[1],s=m.useRef({color:t,hsva:a});m.useEffect(function(){if(!e.equal(t,s.current.color)){var i=e.toHsva(t);s.current={hsva:i,color:t},l(i)}},[t,e]),m.useEffect(function(){var i;ye(a,s.current.hsva)||e.equal(i=e.fromHsva(a),s.current.color)||(s.current={hsva:a,color:i},r(i))},[a,e,r]);var c=m.useCallback(function(i){l(function(d){return Object.assign({},d,i)})},[]);return[a,c]}var _t=typeof window<"u"?m.useLayoutEffect:m.useEffect,Et=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},le=new Map,ke=function(e){_t(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!le.has(t)){var n=t.createElement("style");n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,le.set(t,n);var r=Et();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},Mt=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,l=J(e,["className","colorModel","color","onChange"]),s=m.useRef(null);ke(s);var c=we(n,o,a),i=c[0],d=c[1],f=F(["react-colorful",t]);return h.createElement("div",$({},l,{ref:s,className:f}),h.createElement(pe,{hsva:i,onChange:d}),h.createElement(ve,{hue:i.h,onChange:d,className:"react-colorful__last-control"}))},Ct={defaultColor:"000",toHsva:mt,fromHsva:function(e){return yt({h:e.h,s:e.s,v:e.v,a:1})},equal:kt},$t=function(e){return h.createElement(Mt,$({},e,{colorModel:Ct}))},It=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+B(Object.assign({},n,{a:0}))+", "+B(Object.assign({},n,{a:1}))+")"},a=F(["react-colorful__alpha",t]),l=x(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Q,{onMove:function(s){r({a:s.left})},onKey:function(s){r({a:N(n.a+s.left)})},"aria-label":"Alpha","aria-valuetext":l+"%","aria-valuenow":l,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(Z,{className:"react-colorful__alpha-pointer",left:n.a,color:B(n)})))},_e=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,l=J(e,["className","colorModel","color","onChange"]),s=m.useRef(null);ke(s);var c=we(n,o,a),i=c[0],d=c[1],f=F(["react-colorful",t]);return h.createElement("div",$({},l,{ref:s,className:f}),h.createElement(pe,{hsva:i,onChange:d}),h.createElement(ve,{hue:i.h,onChange:d}),h.createElement(It,{hsva:i,onChange:d,className:"react-colorful__last-control"}))},Ot={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:vt,fromHsva:B,equal:xe},Nt=function(e){return h.createElement(_e,$({},e,{colorModel:Ot}))},St={defaultColor:"rgba(0, 0, 0, 1)",toHsva:xt,fromHsva:function(e){var t=me(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:xe},Rt=function(e){return h.createElement(_e,$({},e,{colorModel:St}))},jt=C.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Tt=C(ue)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),zt=C.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Ht=C($e)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Ft=C.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Pt=C.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Lt=`url('data:image/svg+xml;charset=utf-8,')`,se=({value:e,style:t,...n})=>{let r=`linear-gradient(${e}, ${e}), ${Lt}, linear-gradient(#fff, #fff)`;return h.createElement(Pt,{...n,style:{...t,backgroundImage:r}})},qt=C(Ie.Input)(({theme:e,readOnly:t})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Bt=C(Oe)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),L=Object.values(Ee),Xt=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Dt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Wt=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Kt=/^\s*#?([0-9a-f]{3})\s*$/i,Vt={hex:$t,rgb:Rt,hsl:Nt},q={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e?.match(Xt);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},O=e=>{if(!e)return;let t=!0;if(Dt.test(e)){let[l,s,c,i]=ce(e),[d,f,g]=_.rgb.hsl([l,s,c])||[0,0,0];return{valid:t,value:e,keyword:_.rgb.keyword([l,s,c]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${i})`,hex:`#${_.rgb.hex([l,s,c]).toLowerCase()}`}}if(Wt.test(e)){let[l,s,c,i]=ce(e),[d,f,g]=_.hsl.rgb([l,s,c])||[0,0,0];return{valid:t,value:e,keyword:_.hsl.keyword([l,s,c]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${i})`,hsl:e,hex:`#${_.hsl.hex([l,s,c]).toLowerCase()}`}}let n=e.replace("#",""),r=_.keyword.rgb(n)||_.hex.rgb(n),o=_.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{_.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:_.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},At=(e,t,n)=>{if(!e||!t?.valid)return q[n];if(n!=="hex")return t?.[n]||q[n];if(!t.hex.startsWith("#"))try{return`#${_.keyword.hex(t.hex)}`}catch{return q.hex}let r=t.hex.match(Kt);if(!r)return Y.test(t.hex)?t.hex:q.hex;let[o,a,l]=r[1].split("");return`#${o}${o}${a}${a}${l}${l}`},Gt=(e,t)=>{let[n,r]=m.useState(e||""),[o,a]=m.useState(()=>O(n)),[l,s]=m.useState(o?.colorSpace||"hex");m.useEffect(()=>{let f=e||"",g=O(f);r(f),a(g),s(g?.colorSpace||"hex")},[e]);let c=m.useMemo(()=>At(n,o,l).toLowerCase(),[n,o,l]),i=m.useCallback(f=>{let g=O(f),w=g?.value||f||"";r(w),w===""&&(a(void 0),t(void 0)),g&&(a(g),s(g.colorSpace),t(g.value))},[t]),d=m.useCallback(()=>{let f=L.indexOf(l)+1;f>=L.length&&(f=0),s(L[f]);let g=o?.[L[f]]||"";r(g),t(g)},[o,l,t]);return{value:n,realValue:c,updateValue:i,color:o,colorSpace:l,cycleColorSpace:d}},D=e=>e.replace(/\s*/,"").toLowerCase(),Ut=(e,t,n)=>{let[r,o]=m.useState(t?.valid?[t]:[]);m.useEffect(()=>{t===void 0&&o([])},[t]);let a=m.useMemo(()=>(e||[]).map(s=>typeof s=="string"?O(s):s.title?{...O(s.color),keyword:s.title}:O(s.color)).concat(r).filter(Boolean).slice(-27),[e,r]),l=m.useCallback(s=>{s?.valid&&(a.some(c=>D(c[n])===D(s[n]))||o(c=>c.concat(s)))},[n,a]);return{presets:a,addPreset:l}},Yt=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:l=!1,argType:s})=>{let c=m.useCallback(dt(n,200),[n]),{value:i,realValue:d,updateValue:f,color:g,colorSpace:w,cycleColorSpace:S}=Gt(t,c),{presets:E,addPreset:p}=Ut(a,g,w),b=Vt[w],k=!!s?.table?.readonly;return h.createElement(jt,{"aria-readonly":k},h.createElement(Tt,{startOpen:l,trigger:k?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>p(g),tooltip:h.createElement(zt,null,h.createElement(b,{color:d==="transparent"?"#000000":d,onChange:f,onFocus:r,onBlur:o}),E.length>0&&h.createElement(Ft,null,E.map((y,R)=>h.createElement(ue,{key:`${y.value}-${R}`,hasChrome:!1,tooltip:h.createElement(Ht,{note:y.keyword||y.value})},h.createElement(se,{value:y[w],active:g&&D(y[w])===D(g[w]),onClick:()=>f(y.value)})))))},h.createElement(se,{value:d,style:{margin:4}})),h.createElement(qt,{id:Ne(e),value:i,onChange:y=>f(y.target.value),onFocus:y=>y.target.select(),readOnly:k,placeholder:"Choose color..."}),i?h.createElement(Bt,{onClick:S}):null)},sn=Yt;export{Yt as ColorControl,sn as default}; diff --git a/assets/ContextMenu-BWk-gAkD.js b/assets/ContextMenu-BWk-gAkD.js deleted file mode 100644 index de7ddfcb..00000000 --- a/assets/ContextMenu-BWk-gAkD.js +++ /dev/null @@ -1,6 +0,0 @@ -import{j as a}from"./jsx-runtime-CexXSJP5.js";import{r as s}from"./index-BP8_t0zE.js";import{c as M}from"./index-DD7XHAoh.js";import{P as k}from"./index-BjHk5heU.js";import{c as R,A as G,C as D,G as U,L,I as $,a as B,R as F,b as q,d as V,S as W,e as H,f as X,g as K,u as Y,h as z,P as J,D as g}from"./index-BF9S1Jqn.js";import{F as Q}from"./FloatingMenu-t36h7pay.js";import{c as Z}from"./index-CSpfAsmC.js";import{d as ee,D as te,g as ne}from"./DrawerMenu-BgyYdqxq.js";import{a as oe}from"./MenuItem-CLebqjpw.js";function re(e,t=[]){let o=[];function n(d,i){const c=s.createContext(i),p=o.length;o=[...o,i];const C=x=>{const{scope:m,children:h,...f}=x,O=m?.[e]?.[p]||c,T=s.useMemo(()=>f,Object.values(f));return a.jsx(O.Provider,{value:T,children:h})};C.displayName=d+"Provider";function u(x,m){const h=m?.[e]?.[p]||c,f=s.useContext(h);if(f)return f;if(i!==void 0)return i;throw new Error(`\`${x}\` must be used within \`${d}\``)}return[C,u]}const r=()=>{const d=o.map(i=>s.createContext(i));return function(c){const p=c?.[e]||d;return s.useMemo(()=>({[`__scope${e}`]:{...c,[e]:p}}),[c,p])}};return r.scopeName=e,[n,ae(r,...t)]}function ae(...e){const t=e[0];if(e.length===1)return t;const o=()=>{const n=e.map(r=>({useScope:r(),scopeName:r.scopeName}));return function(d){const i=n.reduce((c,{useScope:p,scopeName:C})=>{const x=p(d)[`__scope${C}`];return{...c,...x}},{});return s.useMemo(()=>({[`__scope${t.scopeName}`]:i}),[i])}};return o.scopeName=t.scopeName,o}var _="ContextMenu",[se,qe]=re(_,[R]),l=R(),[ce,w]=se(_),S=e=>{const{__scopeContextMenu:t,children:o,onOpenChange:n,dir:r,modal:d=!0}=e,[i,c]=s.useState(!1),p=l(t),C=Y(n),u=s.useCallback(x=>{c(x),C(x)},[C]);return a.jsx(ce,{scope:t,open:i,onOpenChange:u,modal:d,children:a.jsx(z,{...p,dir:r,open:i,onOpenChange:u,modal:d,children:o})})};S.displayName=_;var N="ContextMenuTrigger",y=s.forwardRef((e,t)=>{const{__scopeContextMenu:o,disabled:n=!1,...r}=e,d=w(N,o),i=l(o),c=s.useRef({x:0,y:0}),p=s.useRef({getBoundingClientRect:()=>DOMRect.fromRect({width:0,height:0,...c.current})}),C=s.useRef(0),u=s.useCallback(()=>window.clearTimeout(C.current),[]),x=m=>{c.current={x:m.clientX,y:m.clientY},d.onOpenChange(!0)};return s.useEffect(()=>u,[u]),s.useEffect(()=>void(n&&u()),[n,u]),a.jsxs(a.Fragment,{children:[a.jsx(G,{...i,virtualRef:p}),a.jsx(k.span,{"data-state":d.open?"open":"closed","data-disabled":n?"":void 0,...r,ref:t,style:{WebkitTouchCallout:"none",...e.style},onContextMenu:n?e.onContextMenu:M(e.onContextMenu,m=>{u(),x(m),m.preventDefault()}),onPointerDown:n?e.onPointerDown:M(e.onPointerDown,v(m=>{u(),C.current=window.setTimeout(()=>x(m),700)})),onPointerMove:n?e.onPointerMove:M(e.onPointerMove,v(u)),onPointerCancel:n?e.onPointerCancel:M(e.onPointerCancel,v(u)),onPointerUp:n?e.onPointerUp:M(e.onPointerUp,v(u))})]})});y.displayName=N;var ie="ContextMenuPortal",I=e=>{const{__scopeContextMenu:t,...o}=e,n=l(t);return a.jsx(J,{...n,...o})};I.displayName=ie;var j="ContextMenuContent",A=s.forwardRef((e,t)=>{const{__scopeContextMenu:o,...n}=e,r=w(j,o),d=l(o),i=s.useRef(!1);return a.jsx(D,{...d,...n,ref:t,side:"right",sideOffset:2,align:"start",onCloseAutoFocus:c=>{e.onCloseAutoFocus?.(c),!c.defaultPrevented&&i.current&&c.preventDefault(),i.current=!1},onInteractOutside:c=>{e.onInteractOutside?.(c),!c.defaultPrevented&&!r.modal&&(i.current=!0)},style:{...e.style,"--radix-context-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-context-menu-content-available-width":"var(--radix-popper-available-width)","--radix-context-menu-content-available-height":"var(--radix-popper-available-height)","--radix-context-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-context-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});A.displayName=j;var ue="ContextMenuGroup",de=s.forwardRef((e,t)=>{const{__scopeContextMenu:o,...n}=e,r=l(o);return a.jsx(U,{...r,...n,ref:t})});de.displayName=ue;var le="ContextMenuLabel",pe=s.forwardRef((e,t)=>{const{__scopeContextMenu:o,...n}=e,r=l(o);return a.jsx(L,{...r,...n,ref:t})});pe.displayName=le;var xe="ContextMenuItem",E=s.forwardRef((e,t)=>{const{__scopeContextMenu:o,...n}=e,r=l(o);return a.jsx($,{...r,...n,ref:t})});E.displayName=xe;var me="ContextMenuCheckboxItem",Ce=s.forwardRef((e,t)=>{const{__scopeContextMenu:o,...n}=e,r=l(o);return a.jsx(B,{...r,...n,ref:t})});Ce.displayName=me;var he="ContextMenuRadioGroup",fe=s.forwardRef((e,t)=>{const{__scopeContextMenu:o,...n}=e,r=l(o);return a.jsx(F,{...r,...n,ref:t})});fe.displayName=he;var Me="ContextMenuRadioItem",ge=s.forwardRef((e,t)=>{const{__scopeContextMenu:o,...n}=e,r=l(o);return a.jsx(q,{...r,...n,ref:t})});ge.displayName=Me;var ve="ContextMenuItemIndicator",_e=s.forwardRef((e,t)=>{const{__scopeContextMenu:o,...n}=e,r=l(o);return a.jsx(V,{...r,...n,ref:t})});_e.displayName=ve;var be="ContextMenuSeparator",Pe=s.forwardRef((e,t)=>{const{__scopeContextMenu:o,...n}=e,r=l(o);return a.jsx(W,{...r,...n,ref:t})});Pe.displayName=be;var Re="ContextMenuArrow",we=s.forwardRef((e,t)=>{const{__scopeContextMenu:o,...n}=e,r=l(o);return a.jsx(H,{...r,...n,ref:t})});we.displayName=Re;var Se="ContextMenuSubTrigger",Ne=s.forwardRef((e,t)=>{const{__scopeContextMenu:o,...n}=e,r=l(o);return a.jsx(X,{...r,...n,ref:t})});Ne.displayName=Se;var ye="ContextMenuSubContent",Ie=s.forwardRef((e,t)=>{const{__scopeContextMenu:o,...n}=e,r=l(o);return a.jsx(K,{...r,...n,ref:t,style:{...e.style,"--radix-context-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-context-menu-content-available-width":"var(--radix-popper-available-width)","--radix-context-menu-content-available-height":"var(--radix-popper-available-height)","--radix-context-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-context-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});Ie.displayName=ye;function v(e){return t=>t.pointerType!=="mouse"?e(t):void 0}var b=S,je=y,Ae=I,Ee=A;const Oe=({onSelect:e,children:t})=>a.jsx(E,{onSelect:e??void 0,asChild:!0,children:t}),P=({title:e,onOpenChange:t,trigger:o,hasAccessibleAlternative:n,children:r})=>{const[d,i]=s.useState(!1),c=s.useCallback(h=>{i(h),t?.(h)},[i,t]),p=ne(),C=p==="android"||p==="ios",u=s.useMemo(()=>({MenuItemWrapper:C?null:Oe,onOpenChange:c}),[c]),x=a.jsx(oe.Provider,{value:u,children:r}),m=a.jsx(je,{"aria-haspopup":"menu",tabIndex:n?void 0:0,asChild:!0,children:o});return C?a.jsxs(a.Fragment,{children:[a.jsx(b,{onOpenChange:c,children:m}),a.jsx(g.Root,{open:d,onOpenChange:c,children:a.jsxs(g.Portal,{children:[a.jsx(g.Overlay,{className:Z(ee.bg)}),a.jsx(g.Content,{asChild:!0,children:a.jsx(te,{title:e,children:x})})]})})]}):a.jsxs(b,{onOpenChange:c,children:[m,a.jsx(Ae,{children:a.jsx(Ee,{asChild:!0,children:a.jsx(Q,{title:e,children:x})})})]})};try{P.displayName="ContextMenu",P.__docgenInfo={description:"A menu opened by right-clicking or long-pressing another UI element.",displayName:"ContextMenu",props:{title:{defaultValue:null,description:"The menu title.",name:"title",required:!0,type:{name:"string"}},onOpenChange:{defaultValue:null,description:"Event handler called when the open state of the menu changes.",name:"onOpenChange",required:!1,type:{name:"((open: boolean) => void)"}},trigger:{defaultValue:null,description:`The trigger that can be right-clicked or long-pressed to open the menu. -This must be a component that accepts a ref and spreads props. -https://www.radix-ui.com/primitives/docs/guides/composition`,name:"trigger",required:!0,type:{name:"ReactNode"}},hasAccessibleAlternative:{defaultValue:null,description:`Whether the functionality of this menu is available through some other -keyboard-accessible means. Preferably this should be true, because context -menus are potentially difficult to discover, but if false the trigger will -become focusable so that it can be opened via keyboard navigation.`,name:"hasAccessibleAlternative",required:!0,type:{name:"boolean"}},children:{defaultValue:null,description:"The menu contents.",name:"children",required:!0,type:{name:"ReactNode"}}}}}catch{}export{P as C}; diff --git a/assets/ContextMenu.stories-BIS5mcje.js b/assets/ContextMenu.stories-BIS5mcje.js deleted file mode 100644 index f648b16e..00000000 --- a/assets/ContextMenu.stories-BIS5mcje.js +++ /dev/null @@ -1,22 +0,0 @@ -import{j as e}from"./jsx-runtime-CexXSJP5.js";import{U as i}from"./user-profile-EvkA4CON.js";import{N as s,C as a,L as c}from"./notifications-MBLL4uPX.js";import{C as o}from"./ContextMenu-BWk-gAkD.js";import{M as n}from"./MenuItem-CLebqjpw.js";import{S as l}from"./Separator-zVStbRaM.js";import"./index-BP8_t0zE.js";import"./index-DD7XHAoh.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";import"./index-Dp4tTk3o.js";import"./index-BF9S1Jqn.js";import"./index-CcH3h_90.js";import"./floating-ui.react-CWvUcNvr.js";import"./FloatingMenu-t36h7pay.js";import"./index-CSpfAsmC.js";import"./useId-DIHOOv91.js";import"./Text-BgCCN_GG.js";import"./Typography-DuHxGDyc.js";import"./DrawerMenu-BgyYdqxq.js";import"./chevron-right-DF47_mtr.js";const L={title:"Menu/ContextMenu",component:o,tags:["autodocs"],argTypes:{},args:{}},m=r=>e.jsxs(o,{...r,title:"Settings",trigger:e.jsx("div",{style:{borderRadius:24,background:"var(--cpd-color-bg-subtle-secondary)",inlineSize:300,blockSize:200,textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center",padding:32,boxSizing:"border-box"},children:"Right click or long press to open menu"}),hasAccessibleAlternative:!1,children:[e.jsx(n,{Icon:i,label:"Profile",onSelect:()=>{}}),e.jsx(n,{Icon:s,label:"Notifications",onSelect:()=>{}}),e.jsx(n,{Icon:a,label:"Feedback",onSelect:()=>{}}),e.jsx(l,{}),e.jsx(n,{kind:"critical",Icon:c,label:"Sign out",onSelect:()=>{}})]}),t=m.bind({});t.args={};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`args => { - return - Right click or long press to open menu - } hasAccessibleAlternative={false}> - {}} /> - {}} /> - {}} /> - - {}} /> - ; -}`,...t.parameters?.docs?.source}}};const U=["ContextMenu"];export{t as ContextMenu,U as __namedExportsOrder,L as default}; diff --git a/assets/ContextMenu.stories-CxpuWnNP.js b/assets/ContextMenu.stories-CxpuWnNP.js new file mode 100644 index 00000000..febd7309 --- /dev/null +++ b/assets/ContextMenu.stories-CxpuWnNP.js @@ -0,0 +1,27 @@ +import{j as o}from"./jsx-runtime-CexXSJP5.js";import{U as D}from"./user-profile-EvkA4CON.js";import{N as U,C as L,L as $}from"./notifications-MBLL4uPX.js";import{r as s}from"./index-BP8_t0zE.js";import{c as g}from"./index-DD7XHAoh.js";import{P as F}from"./index-BjHk5heU.js";import{c as R,A as z,C as B,G as q,L as V,I as W,a as H,R as X,b as K,d as Y,S as J,e as Q,f as Z,g as ee,u as te,h as ne,P as oe,D as v}from"./index-Bntl8XdB.js";import{F as re}from"./FloatingMenu-CL2la2kV.js";import{c as ae}from"./index-CSpfAsmC.js";import{d as se,D as ie,g as ce}from"./DrawerMenu-BgyYdqxq.js";import{a as ue,M as b}from"./MenuItem-B7JmuVZQ.js";import{S as le}from"./Separator-0nqzHv-U.js";import"./index-BlTQwN6S.js";import"./index-Dp4tTk3o.js";import"./index-CcH3h_90.js";import"./floating-ui.react-BR2piq7W.js";import"./useId-DIHOOv91.js";import"./Text-43GasnQW.js";import"./Typography-BWOtt-hZ.js";import"./chevron-right-DF47_mtr.js";function de(e,t=[]){let r=[];function n(l,c){const i=s.createContext(c),p=r.length;r=[...r,c];const f=x=>{const{scope:m,children:C,...h}=x,k=m?.[e]?.[p]||i,G=s.useMemo(()=>h,Object.values(h));return o.jsx(k.Provider,{value:G,children:C})};f.displayName=l+"Provider";function u(x,m){const C=m?.[e]?.[p]||i,h=s.useContext(C);if(h)return h;if(c!==void 0)return c;throw new Error(`\`${x}\` must be used within \`${l}\``)}return[f,u]}const a=()=>{const l=r.map(c=>s.createContext(c));return function(i){const p=i?.[e]||l;return s.useMemo(()=>({[`__scope${e}`]:{...i,[e]:p}}),[i,p])}};return a.scopeName=e,[n,pe(a,...t)]}function pe(...e){const t=e[0];if(e.length===1)return t;const r=()=>{const n=e.map(a=>({useScope:a(),scopeName:a.scopeName}));return function(l){const c=n.reduce((i,{useScope:p,scopeName:f})=>{const x=p(l)[`__scope${f}`];return{...i,...x}},{});return s.useMemo(()=>({[`__scope${t.scopeName}`]:c}),[c])}};return r.scopeName=t.scopeName,r}var I="ContextMenu",[xe,ct]=de(I,[R]),d=R(),[me,y]=xe(I),N=e=>{const{__scopeContextMenu:t,children:r,onOpenChange:n,dir:a,modal:l=!0}=e,[c,i]=s.useState(!1),p=d(t),f=te(n),u=s.useCallback(x=>{i(x),f(x)},[f]);return o.jsx(me,{scope:t,open:c,onOpenChange:u,modal:l,children:o.jsx(ne,{...p,dir:a,open:c,onOpenChange:u,modal:l,children:r})})};N.displayName=I;var w="ContextMenuTrigger",j=s.forwardRef((e,t)=>{const{__scopeContextMenu:r,disabled:n=!1,...a}=e,l=y(w,r),c=d(r),i=s.useRef({x:0,y:0}),p=s.useRef({getBoundingClientRect:()=>DOMRect.fromRect({width:0,height:0,...i.current})}),f=s.useRef(0),u=s.useCallback(()=>window.clearTimeout(f.current),[]),x=m=>{i.current={x:m.clientX,y:m.clientY},l.onOpenChange(!0)};return s.useEffect(()=>u,[u]),s.useEffect(()=>void(n&&u()),[n,u]),o.jsxs(o.Fragment,{children:[o.jsx(z,{...c,virtualRef:p}),o.jsx(F.span,{"data-state":l.open?"open":"closed","data-disabled":n?"":void 0,...a,ref:t,style:{WebkitTouchCallout:"none",...e.style},onContextMenu:n?e.onContextMenu:g(e.onContextMenu,m=>{u(),x(m),m.preventDefault()}),onPointerDown:n?e.onPointerDown:g(e.onPointerDown,_(m=>{u(),f.current=window.setTimeout(()=>x(m),700)})),onPointerMove:n?e.onPointerMove:g(e.onPointerMove,_(u)),onPointerCancel:n?e.onPointerCancel:g(e.onPointerCancel,_(u)),onPointerUp:n?e.onPointerUp:g(e.onPointerUp,_(u))})]})});j.displayName=w;var fe="ContextMenuPortal",A=e=>{const{__scopeContextMenu:t,...r}=e,n=d(t);return o.jsx(oe,{...n,...r})};A.displayName=fe;var E="ContextMenuContent",O=s.forwardRef((e,t)=>{const{__scopeContextMenu:r,...n}=e,a=y(E,r),l=d(r),c=s.useRef(!1);return o.jsx(B,{...l,...n,ref:t,side:"right",sideOffset:2,align:"start",onCloseAutoFocus:i=>{e.onCloseAutoFocus?.(i),!i.defaultPrevented&&c.current&&i.preventDefault(),c.current=!1},onInteractOutside:i=>{e.onInteractOutside?.(i),!i.defaultPrevented&&!a.modal&&(c.current=!0)},style:{...e.style,"--radix-context-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-context-menu-content-available-width":"var(--radix-popper-available-width)","--radix-context-menu-content-available-height":"var(--radix-popper-available-height)","--radix-context-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-context-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});O.displayName=E;var Ce="ContextMenuGroup",he=s.forwardRef((e,t)=>{const{__scopeContextMenu:r,...n}=e,a=d(r);return o.jsx(q,{...a,...n,ref:t})});he.displayName=Ce;var ge="ContextMenuLabel",Me=s.forwardRef((e,t)=>{const{__scopeContextMenu:r,...n}=e,a=d(r);return o.jsx(V,{...a,...n,ref:t})});Me.displayName=ge;var ve="ContextMenuItem",T=s.forwardRef((e,t)=>{const{__scopeContextMenu:r,...n}=e,a=d(r);return o.jsx(W,{...a,...n,ref:t})});T.displayName=ve;var be="ContextMenuCheckboxItem",_e=s.forwardRef((e,t)=>{const{__scopeContextMenu:r,...n}=e,a=d(r);return o.jsx(H,{...a,...n,ref:t})});_e.displayName=be;var Se="ContextMenuRadioGroup",Ie=s.forwardRef((e,t)=>{const{__scopeContextMenu:r,...n}=e,a=d(r);return o.jsx(X,{...a,...n,ref:t})});Ie.displayName=Se;var Pe="ContextMenuRadioItem",Re=s.forwardRef((e,t)=>{const{__scopeContextMenu:r,...n}=e,a=d(r);return o.jsx(K,{...a,...n,ref:t})});Re.displayName=Pe;var ye="ContextMenuItemIndicator",Ne=s.forwardRef((e,t)=>{const{__scopeContextMenu:r,...n}=e,a=d(r);return o.jsx(Y,{...a,...n,ref:t})});Ne.displayName=ye;var we="ContextMenuSeparator",je=s.forwardRef((e,t)=>{const{__scopeContextMenu:r,...n}=e,a=d(r);return o.jsx(J,{...a,...n,ref:t})});je.displayName=we;var Ae="ContextMenuArrow",Ee=s.forwardRef((e,t)=>{const{__scopeContextMenu:r,...n}=e,a=d(r);return o.jsx(Q,{...a,...n,ref:t})});Ee.displayName=Ae;var Oe="ContextMenuSubTrigger",Te=s.forwardRef((e,t)=>{const{__scopeContextMenu:r,...n}=e,a=d(r);return o.jsx(Z,{...a,...n,ref:t})});Te.displayName=Oe;var ke="ContextMenuSubContent",Ge=s.forwardRef((e,t)=>{const{__scopeContextMenu:r,...n}=e,a=d(r);return o.jsx(ee,{...a,...n,ref:t,style:{...e.style,"--radix-context-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-context-menu-content-available-width":"var(--radix-popper-available-width)","--radix-context-menu-content-available-height":"var(--radix-popper-available-height)","--radix-context-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-context-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});Ge.displayName=ke;function _(e){return t=>t.pointerType!=="mouse"?e(t):void 0}var P=N,De=j,Ue=A,Le=O;const $e=({onSelect:e,children:t})=>o.jsx(T,{onSelect:e??void 0,asChild:!0,children:t}),S=({title:e,onOpenChange:t,trigger:r,hasAccessibleAlternative:n,children:a})=>{const[l,c]=s.useState(!1),i=s.useCallback(C=>{c(C),t?.(C)},[c,t]),p=ce(),f=p==="android"||p==="ios",u=s.useMemo(()=>({MenuItemWrapper:f?null:$e,onOpenChange:i}),[i]),x=o.jsx(ue.Provider,{value:u,children:a}),m=o.jsx(De,{"aria-haspopup":"menu",tabIndex:n?void 0:0,asChild:!0,children:r});return f?o.jsxs(o.Fragment,{children:[o.jsx(P,{onOpenChange:i,children:m}),o.jsx(v.Root,{open:l,onOpenChange:i,children:o.jsxs(v.Portal,{children:[o.jsx(v.Overlay,{className:ae(se.bg)}),o.jsx(v.Content,{asChild:!0,children:o.jsx(ie,{title:e,children:x})})]})})]}):o.jsxs(P,{onOpenChange:i,children:[m,o.jsx(Ue,{children:o.jsx(Le,{asChild:!0,children:o.jsx(re,{title:e,children:x})})})]})};try{S.displayName="ContextMenu",S.__docgenInfo={description:"A menu opened by right-clicking or long-pressing another UI element.",displayName:"ContextMenu",props:{title:{defaultValue:null,description:"The menu title.",name:"title",required:!0,type:{name:"string"}},onOpenChange:{defaultValue:null,description:"Event handler called when the open state of the menu changes.",name:"onOpenChange",required:!1,type:{name:"((open: boolean) => void)"}},trigger:{defaultValue:null,description:`The trigger that can be right-clicked or long-pressed to open the menu. +This must be a component that accepts a ref and spreads props. +https://www.radix-ui.com/primitives/docs/guides/composition`,name:"trigger",required:!0,type:{name:"ReactNode"}},hasAccessibleAlternative:{defaultValue:null,description:`Whether the functionality of this menu is available through some other +keyboard-accessible means. Preferably this should be true, because context +menus are potentially difficult to discover, but if false the trigger will +become focusable so that it can be opened via keyboard navigation.`,name:"hasAccessibleAlternative",required:!0,type:{name:"boolean"}},children:{defaultValue:null,description:"The menu contents.",name:"children",required:!0,type:{name:"ReactNode"}}}}}catch{}const ut={title:"Menu/ContextMenu",component:S,tags:["autodocs"],argTypes:{},args:{}},Fe=e=>o.jsxs(S,{...e,title:"Settings",trigger:o.jsx("div",{style:{borderRadius:24,background:"var(--cpd-color-bg-subtle-secondary)",inlineSize:300,blockSize:200,textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center",padding:32,boxSizing:"border-box"},children:"Right click or long press to open menu"}),hasAccessibleAlternative:!1,children:[o.jsx(b,{Icon:D,label:"Profile",onSelect:()=>{}}),o.jsx(b,{Icon:U,label:"Notifications",onSelect:()=>{}}),o.jsx(b,{Icon:L,label:"Feedback",onSelect:()=>{}}),o.jsx(le,{}),o.jsx(b,{kind:"critical",Icon:$,label:"Sign out",onSelect:()=>{}})]}),M=Fe.bind({});M.args={};M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`args => { + return + Right click or long press to open menu + } hasAccessibleAlternative={false}> + {}} /> + {}} /> + {}} /> + + {}} /> + ; +}`,...M.parameters?.docs?.source}}};const lt=["ContextMenu"];export{M as ContextMenu,lt as __namedExportsOrder,ut as default}; diff --git a/assets/DocsRenderer-CFRXHY34-jjH5MKJG.js b/assets/DocsRenderer-CFRXHY34-u0Hrtq3-.js similarity index 99% rename from assets/DocsRenderer-CFRXHY34-jjH5MKJG.js rename to assets/DocsRenderer-CFRXHY34-u0Hrtq3-.js index 3166b245..57944976 100644 --- a/assets/DocsRenderer-CFRXHY34-jjH5MKJG.js +++ b/assets/DocsRenderer-CFRXHY34-u0Hrtq3-.js @@ -1,5 +1,5 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-Bv2dACPY.js","./iframe-BV5w-Shc.js","./index-BP8_t0zE.js","./jsx-runtime-CexXSJP5.js","./index-BlTQwN6S.js","./index-D-8MO0q_.js","./index-BiqJNaOC.js","./index-DrFu-skq.js","./react-18-CNGsVnez.js","./Color-ERTF36HU-Cqa3auZe.js","./index-3-_tf5dF.js"])))=>i.map(i=>d[i]); -import{_ as Op}from"./iframe-BV5w-Shc.js";import{r as l,a as v,c as Hi,g as Ps}from"./index-BP8_t0zE.js";import{j as X}from"./jsx-runtime-CexXSJP5.js";import{r as Ns,f as N3}from"./index-BlTQwN6S.js";import{O as H3,P as lS}from"./index-D-8MO0q_.js";import{y as Cm,D as Qu}from"./index-BiqJNaOC.js";import{d as sS}from"./index-DrFu-skq.js";import{renderElement as uS,unmountElement as cS}from"./react-18-CNGsVnez.js";var dS=Object.create,j3=Object.defineProperty,pS=Object.getOwnPropertyDescriptor,V3=Object.getOwnPropertyNames,fS=Object.getPrototypeOf,hS=Object.prototype.hasOwnProperty,$a=(e,t)=>function(){return t||(0,e[V3(e)[0]])((t={exports:{}}).exports,t),t.exports},mS=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of V3(t))!hS.call(e,a)&&a!==r&&j3(e,a,{get:()=>t[a],enumerable:!(n=pS(t,a))||n.enumerable});return e},gS=(e,t,r)=>(r=e!=null?dS(fS(e)):{},mS(!e||!e.__esModule?j3(r,"default",{value:e,enumerable:!0}):r,e)),Ct=e=>`control-${e.replace(/\s+/g,"-")}`,Hs=e=>`set-${e.replace(/\s+/g,"-")}`,vS=Object.create,Lp=Object.defineProperty,yS=Object.getOwnPropertyDescriptor,bS=Object.getOwnPropertyNames,wS=Object.getPrototypeOf,ES=Object.prototype.hasOwnProperty,I=(e,t)=>Lp(e,"name",{value:t,configurable:!0}),ji=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof require<"u"?require:t)[r]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),js=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),xS=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of bS(t))!ES.call(e,a)&&a!==r&&Lp(e,a,{get:()=>t[a],enumerable:!(n=yS(t,a))||n.enumerable});return e},Mp=(e,t,r)=>(r=e!=null?vS(wS(e)):{},xS(t||!e||!e.__esModule?Lp(r,"default",{value:e,enumerable:!0}):r,e)),CS=js(e=>{(function(){var t=typeof Symbol=="function"&&Symbol.for,r=t?Symbol.for("react.element"):60103,n=t?Symbol.for("react.portal"):60106,a=t?Symbol.for("react.fragment"):60107,o=t?Symbol.for("react.strict_mode"):60108,i=t?Symbol.for("react.profiler"):60114,s=t?Symbol.for("react.provider"):60109,u=t?Symbol.for("react.context"):60110,d=t?Symbol.for("react.async_mode"):60111,f=t?Symbol.for("react.concurrent_mode"):60111,h=t?Symbol.for("react.forward_ref"):60112,p=t?Symbol.for("react.suspense"):60113,m=t?Symbol.for("react.suspense_list"):60120,g=t?Symbol.for("react.memo"):60115,y=t?Symbol.for("react.lazy"):60116,b=t?Symbol.for("react.block"):60121,E=t?Symbol.for("react.fundamental"):60117,C=t?Symbol.for("react.responder"):60118,x=t?Symbol.for("react.scope"):60119;function w(P){return typeof P=="string"||typeof P=="function"||P===a||P===f||P===i||P===o||P===p||P===m||typeof P=="object"&&P!==null&&(P.$$typeof===y||P.$$typeof===g||P.$$typeof===s||P.$$typeof===u||P.$$typeof===h||P.$$typeof===E||P.$$typeof===C||P.$$typeof===x||P.$$typeof===b)}I(w,"isValidElementType");function D(P){if(typeof P=="object"&&P!==null){var st=P.$$typeof;switch(st){case r:var kt=P.type;switch(kt){case d:case f:case a:case i:case o:case p:return kt;default:var Gr=kt&&kt.$$typeof;switch(Gr){case u:case h:case y:case g:case s:return Gr;default:return st}}case n:return st}}}I(D,"typeOf");var S=d,A=f,k=u,F=s,T=r,R=h,O=a,z=y,L=g,$=n,M=i,j=o,K=p,N=!1;function W(P){return N||(N=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),te(P)||D(P)===d}I(W,"isAsyncMode");function te(P){return D(P)===f}I(te,"isConcurrentMode");function ue(P){return D(P)===u}I(ue,"isContextConsumer");function re(P){return D(P)===s}I(re,"isContextProvider");function ae(P){return typeof P=="object"&&P!==null&&P.$$typeof===r}I(ae,"isElement");function H(P){return D(P)===h}I(H,"isForwardRef");function Z(P){return D(P)===a}I(Z,"isFragment");function J(P){return D(P)===y}I(J,"isLazy");function ge(P){return D(P)===g}I(ge,"isMemo");function ke(P){return D(P)===n}I(ke,"isPortal");function At(P){return D(P)===i}I(At,"isProfiler");function qe(P){return D(P)===o}I(qe,"isStrictMode");function lt(P){return D(P)===p}I(lt,"isSuspense"),e.AsyncMode=S,e.ConcurrentMode=A,e.ContextConsumer=k,e.ContextProvider=F,e.Element=T,e.ForwardRef=R,e.Fragment=O,e.Lazy=z,e.Memo=L,e.Portal=$,e.Profiler=M,e.StrictMode=j,e.Suspense=K,e.isAsyncMode=W,e.isConcurrentMode=te,e.isContextConsumer=ue,e.isContextProvider=re,e.isElement=ae,e.isForwardRef=H,e.isFragment=Z,e.isLazy=J,e.isMemo=ge,e.isPortal=ke,e.isProfiler=At,e.isStrictMode=qe,e.isSuspense=lt,e.isValidElementType=w,e.typeOf=D})()}),DS=js((e,t)=>{t.exports=CS()}),U3=js((e,t)=>{var r=DS(),n={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};s[r.ForwardRef]=o,s[r.Memo]=i;function u(b){return r.isMemo(b)?i:s[b.$$typeof]||n}I(u,"getStatics");var d=Object.defineProperty,f=Object.getOwnPropertyNames,h=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,m=Object.getPrototypeOf,g=Object.prototype;function y(b,E,C){if(typeof E!="string"){if(g){var x=m(E);x&&x!==g&&y(b,x,C)}var w=f(E);h&&(w=w.concat(h(E)));for(var D=u(b),S=u(E),A=0;A{(function(r){if(typeof e=="object"&&typeof t<"u")t.exports=r();else if(typeof define=="function"&&define.amd)define([],r);else{var n;typeof window<"u"?n=window:typeof global<"u"?n=global:typeof self<"u"?n=self:n=this,n.memoizerific=r()}})(function(){return I(function r(n,a,o){function i(d,f){if(!a[d]){if(!n[d]){var h=typeof ji=="function"&&ji;if(!f&&h)return h(d,!0);if(s)return s(d,!0);var p=new Error("Cannot find module '"+d+"'");throw p.code="MODULE_NOT_FOUND",p}var m=a[d]={exports:{}};n[d][0].call(m.exports,function(g){var y=n[d][1][g];return i(y||g)},m,m.exports,r,n,a,o)}return a[d].exports}I(i,"s");for(var s=typeof ji=="function"&&ji,u=0;u=0)return this.lastItem=this.list[s],this.list[s].val},o.prototype.set=function(i,s){var u;return this.lastItem&&this.isEqual(this.lastItem.key,i)?(this.lastItem.val=s,this):(u=this.indexOf(i),u>=0?(this.lastItem=this.list[u],this.list[u].val=s,this):(this.lastItem={key:i,val:s},this.list.push(this.lastItem),this.size++,this))},o.prototype.delete=function(i){var s;if(this.lastItem&&this.isEqual(this.lastItem.key,i)&&(this.lastItem=void 0),s=this.indexOf(i),s>=0)return this.size--,this.list.splice(s,1)[0]},o.prototype.has=function(i){var s;return this.lastItem&&this.isEqual(this.lastItem.key,i)?!0:(s=this.indexOf(i),s>=0?(this.lastItem=this.list[s],!0):!1)},o.prototype.forEach=function(i,s){var u;for(u=0;u0&&(C[E]={cacheItem:g,arg:arguments[E]},x?i(h,C):h.push(C),h.length>d&&s(h.shift())),m.wasMemoized=x,m.numArgs=E+1,b},"memoizerific");return m.limit=d,m.wasMemoized=!1,m.cache=f,m.lru=h,m}};function i(d,f){var h=d.length,p=f.length,m,g,y;for(g=0;g=0&&(h=d[m],p=h.cacheItem.get(h.arg),!p||!p.size);m--)h.cacheItem.delete(h.arg)}I(s,"removeCachedResult");function u(d,f){return d===f||d!==d&&f!==f}I(u,"isEqual")},{"map-or-similar":1}]},{},[3])(3)})});function qt(){return qt=Object.assign?Object.assign.bind():function(e){for(var t=1;ti.map(i=>d[i]); +import{_ as Op}from"./iframe-C5aVuueH.js";import{r as l,a as v,c as Hi,g as Ps}from"./index-BP8_t0zE.js";import{j as X}from"./jsx-runtime-CexXSJP5.js";import{r as Ns,f as N3}from"./index-BlTQwN6S.js";import{O as H3,P as lS}from"./index-D-8MO0q_.js";import{y as Cm,D as Qu}from"./index-BiqJNaOC.js";import{d as sS}from"./index-DrFu-skq.js";import{renderElement as uS,unmountElement as cS}from"./react-18-CNGsVnez.js";var dS=Object.create,j3=Object.defineProperty,pS=Object.getOwnPropertyDescriptor,V3=Object.getOwnPropertyNames,fS=Object.getPrototypeOf,hS=Object.prototype.hasOwnProperty,$a=(e,t)=>function(){return t||(0,e[V3(e)[0]])((t={exports:{}}).exports,t),t.exports},mS=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of V3(t))!hS.call(e,a)&&a!==r&&j3(e,a,{get:()=>t[a],enumerable:!(n=pS(t,a))||n.enumerable});return e},gS=(e,t,r)=>(r=e!=null?dS(fS(e)):{},mS(!e||!e.__esModule?j3(r,"default",{value:e,enumerable:!0}):r,e)),Ct=e=>`control-${e.replace(/\s+/g,"-")}`,Hs=e=>`set-${e.replace(/\s+/g,"-")}`,vS=Object.create,Lp=Object.defineProperty,yS=Object.getOwnPropertyDescriptor,bS=Object.getOwnPropertyNames,wS=Object.getPrototypeOf,ES=Object.prototype.hasOwnProperty,I=(e,t)=>Lp(e,"name",{value:t,configurable:!0}),ji=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof require<"u"?require:t)[r]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),js=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),xS=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of bS(t))!ES.call(e,a)&&a!==r&&Lp(e,a,{get:()=>t[a],enumerable:!(n=yS(t,a))||n.enumerable});return e},Mp=(e,t,r)=>(r=e!=null?vS(wS(e)):{},xS(t||!e||!e.__esModule?Lp(r,"default",{value:e,enumerable:!0}):r,e)),CS=js(e=>{(function(){var t=typeof Symbol=="function"&&Symbol.for,r=t?Symbol.for("react.element"):60103,n=t?Symbol.for("react.portal"):60106,a=t?Symbol.for("react.fragment"):60107,o=t?Symbol.for("react.strict_mode"):60108,i=t?Symbol.for("react.profiler"):60114,s=t?Symbol.for("react.provider"):60109,u=t?Symbol.for("react.context"):60110,d=t?Symbol.for("react.async_mode"):60111,f=t?Symbol.for("react.concurrent_mode"):60111,h=t?Symbol.for("react.forward_ref"):60112,p=t?Symbol.for("react.suspense"):60113,m=t?Symbol.for("react.suspense_list"):60120,g=t?Symbol.for("react.memo"):60115,y=t?Symbol.for("react.lazy"):60116,b=t?Symbol.for("react.block"):60121,E=t?Symbol.for("react.fundamental"):60117,C=t?Symbol.for("react.responder"):60118,x=t?Symbol.for("react.scope"):60119;function w(P){return typeof P=="string"||typeof P=="function"||P===a||P===f||P===i||P===o||P===p||P===m||typeof P=="object"&&P!==null&&(P.$$typeof===y||P.$$typeof===g||P.$$typeof===s||P.$$typeof===u||P.$$typeof===h||P.$$typeof===E||P.$$typeof===C||P.$$typeof===x||P.$$typeof===b)}I(w,"isValidElementType");function D(P){if(typeof P=="object"&&P!==null){var st=P.$$typeof;switch(st){case r:var kt=P.type;switch(kt){case d:case f:case a:case i:case o:case p:return kt;default:var Gr=kt&&kt.$$typeof;switch(Gr){case u:case h:case y:case g:case s:return Gr;default:return st}}case n:return st}}}I(D,"typeOf");var S=d,A=f,k=u,F=s,T=r,R=h,O=a,z=y,L=g,$=n,M=i,j=o,K=p,N=!1;function W(P){return N||(N=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),te(P)||D(P)===d}I(W,"isAsyncMode");function te(P){return D(P)===f}I(te,"isConcurrentMode");function ue(P){return D(P)===u}I(ue,"isContextConsumer");function re(P){return D(P)===s}I(re,"isContextProvider");function ae(P){return typeof P=="object"&&P!==null&&P.$$typeof===r}I(ae,"isElement");function H(P){return D(P)===h}I(H,"isForwardRef");function Z(P){return D(P)===a}I(Z,"isFragment");function J(P){return D(P)===y}I(J,"isLazy");function ge(P){return D(P)===g}I(ge,"isMemo");function ke(P){return D(P)===n}I(ke,"isPortal");function At(P){return D(P)===i}I(At,"isProfiler");function qe(P){return D(P)===o}I(qe,"isStrictMode");function lt(P){return D(P)===p}I(lt,"isSuspense"),e.AsyncMode=S,e.ConcurrentMode=A,e.ContextConsumer=k,e.ContextProvider=F,e.Element=T,e.ForwardRef=R,e.Fragment=O,e.Lazy=z,e.Memo=L,e.Portal=$,e.Profiler=M,e.StrictMode=j,e.Suspense=K,e.isAsyncMode=W,e.isConcurrentMode=te,e.isContextConsumer=ue,e.isContextProvider=re,e.isElement=ae,e.isForwardRef=H,e.isFragment=Z,e.isLazy=J,e.isMemo=ge,e.isPortal=ke,e.isProfiler=At,e.isStrictMode=qe,e.isSuspense=lt,e.isValidElementType=w,e.typeOf=D})()}),DS=js((e,t)=>{t.exports=CS()}),U3=js((e,t)=>{var r=DS(),n={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};s[r.ForwardRef]=o,s[r.Memo]=i;function u(b){return r.isMemo(b)?i:s[b.$$typeof]||n}I(u,"getStatics");var d=Object.defineProperty,f=Object.getOwnPropertyNames,h=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,m=Object.getPrototypeOf,g=Object.prototype;function y(b,E,C){if(typeof E!="string"){if(g){var x=m(E);x&&x!==g&&y(b,x,C)}var w=f(E);h&&(w=w.concat(h(E)));for(var D=u(b),S=u(E),A=0;A{(function(r){if(typeof e=="object"&&typeof t<"u")t.exports=r();else if(typeof define=="function"&&define.amd)define([],r);else{var n;typeof window<"u"?n=window:typeof global<"u"?n=global:typeof self<"u"?n=self:n=this,n.memoizerific=r()}})(function(){return I(function r(n,a,o){function i(d,f){if(!a[d]){if(!n[d]){var h=typeof ji=="function"&&ji;if(!f&&h)return h(d,!0);if(s)return s(d,!0);var p=new Error("Cannot find module '"+d+"'");throw p.code="MODULE_NOT_FOUND",p}var m=a[d]={exports:{}};n[d][0].call(m.exports,function(g){var y=n[d][1][g];return i(y||g)},m,m.exports,r,n,a,o)}return a[d].exports}I(i,"s");for(var s=typeof ji=="function"&&ji,u=0;u=0)return this.lastItem=this.list[s],this.list[s].val},o.prototype.set=function(i,s){var u;return this.lastItem&&this.isEqual(this.lastItem.key,i)?(this.lastItem.val=s,this):(u=this.indexOf(i),u>=0?(this.lastItem=this.list[u],this.list[u].val=s,this):(this.lastItem={key:i,val:s},this.list.push(this.lastItem),this.size++,this))},o.prototype.delete=function(i){var s;if(this.lastItem&&this.isEqual(this.lastItem.key,i)&&(this.lastItem=void 0),s=this.indexOf(i),s>=0)return this.size--,this.list.splice(s,1)[0]},o.prototype.has=function(i){var s;return this.lastItem&&this.isEqual(this.lastItem.key,i)?!0:(s=this.indexOf(i),s>=0?(this.lastItem=this.list[s],!0):!1)},o.prototype.forEach=function(i,s){var u;for(u=0;u0&&(C[E]={cacheItem:g,arg:arguments[E]},x?i(h,C):h.push(C),h.length>d&&s(h.shift())),m.wasMemoized=x,m.numArgs=E+1,b},"memoizerific");return m.limit=d,m.wasMemoized=!1,m.cache=f,m.lru=h,m}};function i(d,f){var h=d.length,p=f.length,m,g,y;for(g=0;g=0&&(h=d[m],p=h.cacheItem.get(h.arg),!p||!p.size);m--)h.cacheItem.delete(h.arg)}I(s,"removeCachedResult");function u(d,f){return d===f||d!==d&&f!==f}I(u,"isEqual")},{"map-or-similar":1}]},{},[3])(3)})});function qt(){return qt=Object.assign?Object.assign.bind():function(e){for(var t=1;t0?Ce(Oa,--je):0,ga--,he===10&&(ga=1,qs--),he}I(Q3,"prev");function Pe(){return he=je2||va(he)>3?"":" "}I(eb,"whitespace");function tb(e,t){for(;--t&&Pe()&&!(he<48||he>102||he>57&&he<65||he>70&&he<97););return La(e,$o()+(t<6&&vt()==32&&Pe()==32))}I(tb,"escaping");function Gl(e){for(;Pe();)switch(he){case e:return je;case 34:case 39:e!==34&&e!==39&&Gl(he);break;case 40:e===41&&Gl(e);break;case 92:Pe();break}return je}I(Gl,"delimiter");function rb(e,t){for(;Pe()&&e+he!==57&&!(e+he===84&&vt()===47););return"/*"+La(t,je-1)+"*"+Vs(e===47?e:Pe())}I(rb,"commenter");function nb(e){for(;!va(vt());)Pe();return La(e,je)}I(nb,"identifier");function ab(e){return Wp(Lo("",null,null,null,[""],e=qp(e),0,[0],e))}I(ab,"compile");function Lo(e,t,r,n,a,o,i,s,u){for(var d=0,f=0,h=i,p=0,m=0,g=0,y=1,b=1,E=1,C=0,x="",w=a,D=o,S=n,A=x;b;)switch(g=C,C=Pe()){case 40:if(g!=108&&Ce(A,h-1)==58){Wl(A+=Q(Oo(C),"&","&\f"),"&\f")!=-1&&(E=-1);break}case 34:case 39:case 91:A+=Oo(C);break;case 9:case 10:case 13:case 32:A+=eb(g);break;case 92:A+=tb($o()-1,7);continue;case 47:switch(vt()){case 42:case 47:Co(ob(rb(Pe(),$o()),t,r),u);break;default:A+="/"}break;case 123*y:s[d++]=ft(A)*E;case 125*y:case 59:case 0:switch(C){case 0:case 125:b=0;case 59+f:E==-1&&(A=Q(A,/\f/g,"")),m>0&&ft(A)-h&&Co(m>32?$d(A+";",n,r,h-1):$d(Q(A," ","")+";",n,r,h-2),u);break;case 59:A+=";";default:if(Co(S=zd(A,t,r,d,f,a,s,x,w=[],D=[],h),o),C===123)if(f===0)Lo(A,t,S,S,w,o,h,s,D);else switch(p===99&&Ce(A,3)===110?100:p){case 100:case 108:case 109:case 115:Lo(e,S,S,n&&Co(zd(e,S,S,0,0,a,s,x,a,w=[],h),D),a,D,h,s,n?w:D);break;default:Lo(A,S,S,S,[""],D,0,s,D)}}d=f=m=0,y=E=1,x=A="",h=i;break;case 58:h=1+ft(A),m=g;default:if(y<1){if(C==123)--y;else if(C==125&&y++==0&&Q3()==125)continue}switch(A+=Vs(C),C*y){case 38:E=f>0?1:(A+="\f",-1);break;case 44:s[d++]=(ft(A)-1)*E,E=1;break;case 64:vt()===45&&(A+=Oo(Pe())),p=vt(),f=h=ft(x=A+=nb($o())),C++;break;case 45:g===45&&ft(A)==2&&(y=0)}}return o}I(Lo,"parse");function zd(e,t,r,n,a,o,i,s,u,d,f){for(var h=a-1,p=a===0?o:[""],m=Us(p),g=0,y=0,b=0;g0?p[E]+" "+C:Q(C,/&\f/g,p[E])))&&(u[b++]=x);return di(e,t,r,a===0?jp:s,u,d,f)}I(zd,"ruleset");function ob(e,t,r){return di(e,t,r,Hp,Vs(X3()),ma(e,2,-2),0)}I(ob,"comment");function $d(e,t,r,n){return di(e,t,r,Vp,ma(e,0,n),ma(e,n+1,-1),n)}I($d,"declaration");function mn(e,t){for(var r="",n=Us(e),a=0;a-1},"isIgnoringComment"),PS=I(function(e){return function(t,r,n){if(!(t.type!=="rule"||e.compat)){var a=t.value.match(/(:first|:nth|:nth-last)-child/g);if(a){for(var o=!!t.parent,i=o?t.parent.children:n,s=i.length-1;s>=0;s--){var u=i[s];if(u.line=0;r--)if(!sb(t[r]))return!0;return!1},"isPrependedWithRegularRules"),Am=I(function(e){e.type="",e.value="",e.return="",e.children="",e.props=""},"nullifyElement"),HS=I(function(e,t,r){sb(e)&&(e.parent?(console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."),Am(e)):NS(t,r)&&(console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."),Am(e)))},"incorrectImportAlarm");function Gp(e,t){switch(K3(e,t)){case 5103:return ne+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return ne+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return ne+e+ql+e+Re+e+e;case 6828:case 4268:return ne+e+Re+e+e;case 6165:return ne+e+Re+"flex-"+e+e;case 5187:return ne+e+Q(e,/(\w+).+(:[^]+)/,ne+"box-$1$2"+Re+"flex-$1$2")+e;case 5443:return ne+e+Re+"flex-item-"+Q(e,/flex-|-self/,"")+e;case 4675:return ne+e+Re+"flex-line-pack"+Q(e,/align-content|flex-|-self/,"")+e;case 5548:return ne+e+Re+Q(e,"shrink","negative")+e;case 5292:return ne+e+Re+Q(e,"basis","preferred-size")+e;case 6060:return ne+"box-"+Q(e,"-grow","")+ne+e+Re+Q(e,"grow","positive")+e;case 4554:return ne+Q(e,/([^-])(transform)/g,"$1"+ne+"$2")+e;case 6187:return Q(Q(Q(e,/(zoom-|grab)/,ne+"$1"),/(image-set)/,ne+"$1"),e,"")+e;case 5495:case 3959:return Q(e,/(image-set\([^]*)/,ne+"$1$`$1");case 4968:return Q(Q(e,/(.+:)(flex-)?(.*)/,ne+"box-pack:$3"+Re+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+ne+e+e;case 4095:case 3583:case 4068:case 2532:return Q(e,/(.+)-inline(.+)/,ne+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(ft(e)-1-t>6)switch(Ce(e,t+1)){case 109:if(Ce(e,t+4)!==45)break;case 102:return Q(e,/(.+:)(.+)-([^]+)/,"$1"+ne+"$2-$3$1"+ql+(Ce(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~Wl(e,"stretch")?Gp(Q(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(Ce(e,t+1)!==115)break;case 6444:switch(Ce(e,ft(e)-3-(~Wl(e,"!important")&&10))){case 107:return Q(e,":",":"+ne)+e;case 101:return Q(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+ne+(Ce(e,14)===45?"inline-":"")+"box$3$1"+ne+"$2$3$1"+Re+"$2box$3")+e}break;case 5936:switch(Ce(e,t+11)){case 114:return ne+e+Re+Q(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return ne+e+Re+Q(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return ne+e+Re+Q(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return ne+e+Re+e+e}return e}I(Gp,"prefix");var jS=I(function(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case Vp:e.return=Gp(e.value,e.length);break;case G3:return mn([Yn(e,{value:Q(e.value,"@","@"+ne)})],n);case jp:if(e.length)return Z3(e.props,function(a){switch(Y3(a,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return mn([Yn(e,{props:[Q(a,/:(read-\w+)/,":"+ql+"$1")]})],n);case"::placeholder":return mn([Yn(e,{props:[Q(a,/:(plac\w+)/,":"+ne+"input-$1")]}),Yn(e,{props:[Q(a,/:(plac\w+)/,":"+ql+"$1")]}),Yn(e,{props:[Q(a,/:(plac\w+)/,Re+"input-$1")]})],n)}return""})}},"prefixer"),VS=[jS],US=I(function(e){var t=e.key;if(!t)throw new Error(`You have to configure \`key\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache. If multiple caches share the same key they might "fight" for each other's style elements.`);if(t==="css"){var r=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(r,function(g){var y=g.getAttribute("data-emotion");y.indexOf(" ")!==-1&&(document.head.appendChild(g),g.setAttribute("data-s",""))})}var n=e.stylisPlugins||VS;if(/[^a-z-]/.test(t))throw new Error('Emotion key must only contain lower case alphabetical characters and - but "'+t+'" was passed');var a={},o,i=[];o=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(g){for(var y=g.getAttribute("data-emotion").split(" "),b=1;b=4;++n,a-=4)r=e.charCodeAt(n)&255|(e.charCodeAt(++n)&255)<<8|(e.charCodeAt(++n)&255)<<16|(e.charCodeAt(++n)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(a){case 3:t^=(e.charCodeAt(n+2)&255)<<16;case 2:t^=(e.charCodeAt(n+1)&255)<<8;case 1:t^=e.charCodeAt(n)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}I(ub,"murmur2");var KS={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},km=`You have illegal escape sequence in your template literal, most likely inside content's property value. Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';". @@ -558,7 +558,7 @@ ${t}`);let r=t.match(U$);if(!r)return v.createElement(l.Fragment,null,t);let[,n, * Released under MIT license * Based on Underscore.js 1.8.3 * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors - */const{global:rt}=__STORYBOOK_MODULE_GLOBAL__,{deprecate:iee,once:lee,logger:fm}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{filterArgTypes:D3,composeConfigs:uae,Preview:cae,DocsContext:dae}=__STORYBOOK_MODULE_PREVIEW_API__,{STORY_ARGS_UPDATED:S3,UPDATE_STORY_ARGS:see,RESET_STORY_ARGS:uee,GLOBALS_UPDATED:A3,NAVIGATE_URL:cee}=__STORYBOOK_MODULE_CORE_EVENTS__;__STORYBOOK_MODULE_CHANNELS__;var dee=$a({"../../node_modules/tocbot/src/js/default-options.js"(e,t){t.exports={tocSelector:".js-toc",contentSelector:".js-toc-content",headingSelector:"h1, h2, h3",ignoreSelector:".js-toc-ignore",hasInnerContainers:!1,linkClass:"toc-link",extraLinkClasses:"",activeLinkClass:"is-active-link",listClass:"toc-list",extraListClasses:"",isCollapsedClass:"is-collapsed",collapsibleClass:"is-collapsible",listItemClass:"toc-list-item",activeListItemClass:"is-active-li",collapseDepth:0,scrollSmooth:!0,scrollSmoothDuration:420,scrollSmoothOffset:0,scrollEndCallback:function(r){},headingsOffset:1,throttleTimeout:50,positionFixedSelector:null,positionFixedClass:"is-position-fixed",fixedSidebarOffset:"auto",includeHtml:!1,includeTitleTags:!1,onClick:function(r){},orderedList:!0,scrollContainer:null,skipRendering:!1,headingLabelCallback:!1,ignoreHiddenElements:!1,headingObjectCallback:null,basePath:"",disableTocScrollSync:!1,tocScrollOffset:0}}}),pee=$a({"../../node_modules/tocbot/src/js/build-html.js"(e,t){t.exports=function(r){var n=[].forEach,a=[].some,o=document.body,i,s=!0,u=" ";function d(w,D){var S=D.appendChild(h(w));if(w.children.length){var A=p(w.isCollapsed);w.children.forEach(function(k){d(k,A)}),S.appendChild(A)}}function f(w,D){var S=!1,A=p(S);if(D.forEach(function(k){d(k,A)}),i=w||i,i!==null)return i.firstChild&&i.removeChild(i.firstChild),D.length===0?i:i.appendChild(A)}function h(w){var D=document.createElement("li"),S=document.createElement("a");return r.listItemClass&&D.setAttribute("class",r.listItemClass),r.onClick&&(S.onclick=r.onClick),r.includeTitleTags&&S.setAttribute("title",w.textContent),r.includeHtml&&w.childNodes.length?n.call(w.childNodes,function(A){S.appendChild(A.cloneNode(!0))}):S.textContent=w.textContent,S.setAttribute("href",r.basePath+"#"+w.id),S.setAttribute("class",r.linkClass+u+"node-name--"+w.nodeName+u+r.extraLinkClasses),D.appendChild(S),D}function p(w){var D=r.orderedList?"ol":"ul",S=document.createElement(D),A=r.listClass+u+r.extraListClasses;return w&&(A=A+u+r.collapsibleClass,A=A+u+r.isCollapsedClass),S.setAttribute("class",A),S}function m(){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var w;w=document.querySelector(r.scrollContainer).scrollTop}else w=document.documentElement.scrollTop||o.scrollTop;var D=document.querySelector(r.positionFixedSelector);r.fixedSidebarOffset==="auto"&&(r.fixedSidebarOffset=i.offsetTop),w>r.fixedSidebarOffset?D.className.indexOf(r.positionFixedClass)===-1&&(D.className+=u+r.positionFixedClass):D.className=D.className.replace(u+r.positionFixedClass,"")}function g(w){var D=0;return w!==null&&(D=w.offsetTop,r.hasInnerContainers&&(D+=g(w.offsetParent))),D}function y(w,D){return w&&w.className!==D&&(w.className=D),w}function b(w){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var D;D=document.querySelector(r.scrollContainer).scrollTop}else D=document.documentElement.scrollTop||o.scrollTop;r.positionFixedSelector&&m();var S=w,A;if(s&&i!==null&&S.length>0){a.call(S,function(L,$){if(g(L)>D+r.headingsOffset+10){var M=$===0?$:$-1;return A=S[M],!0}else if($===S.length-1)return A=S[S.length-1],!0});var k=i.querySelector("."+r.activeLinkClass),F=i.querySelector("."+r.linkClass+".node-name--"+A.nodeName+'[href="'+r.basePath+"#"+A.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(k===F)return;var T=i.querySelectorAll("."+r.linkClass);n.call(T,function(L){y(L,L.className.replace(u+r.activeLinkClass,""))});var R=i.querySelectorAll("."+r.listItemClass);n.call(R,function(L){y(L,L.className.replace(u+r.activeListItemClass,""))}),F&&F.className.indexOf(r.activeLinkClass)===-1&&(F.className+=u+r.activeLinkClass);var O=F&&F.parentNode;O&&O.className.indexOf(r.activeListItemClass)===-1&&(O.className+=u+r.activeListItemClass);var z=i.querySelectorAll("."+r.listClass+"."+r.collapsibleClass);n.call(z,function(L){L.className.indexOf(r.isCollapsedClass)===-1&&(L.className+=u+r.isCollapsedClass)}),F&&F.nextSibling&&F.nextSibling.className.indexOf(r.isCollapsedClass)!==-1&&y(F.nextSibling,F.nextSibling.className.replace(u+r.isCollapsedClass,"")),E(F&&F.parentNode.parentNode)}}function E(w){return w&&w.className.indexOf(r.collapsibleClass)!==-1&&w.className.indexOf(r.isCollapsedClass)!==-1?(y(w,w.className.replace(u+r.isCollapsedClass,"")),E(w.parentNode.parentNode)):w}function C(w){var D=w.target||w.srcElement;typeof D.className!="string"||D.className.indexOf(r.linkClass)===-1||(s=!1)}function x(){s=!0}return{enableTocAnimation:x,disableTocAnimation:C,render:f,updateToc:b}}}}),fee=$a({"../../node_modules/tocbot/src/js/parse-content.js"(e,t){t.exports=function(r){var n=[].reduce;function a(h){return h[h.length-1]}function o(h){return+h.nodeName.toUpperCase().replace("H","")}function i(h){try{return h instanceof window.HTMLElement||h instanceof window.parent.HTMLElement}catch{return h instanceof window.HTMLElement}}function s(h){if(!i(h))return h;if(r.ignoreHiddenElements&&(!h.offsetHeight||!h.offsetParent))return null;let p=h.getAttribute("data-heading-label")||(r.headingLabelCallback?String(r.headingLabelCallback(h.innerText)):(h.innerText||h.textContent).trim());var m={id:h.id,children:[],nodeName:h.nodeName,headingLevel:o(h),textContent:p};return r.includeHtml&&(m.childNodes=h.childNodes),r.headingObjectCallback?r.headingObjectCallback(m,h):m}function u(h,p){for(var m=s(h),g=m.headingLevel,y=p,b=a(y),E=b?b.headingLevel:0,C=g-E;C>0&&(b=a(y),!(b&&g===b.headingLevel));)b&&b.children!==void 0&&(y=b.children),C--;return g>=r.collapseDepth&&(m.isCollapsed=!0),y.push(m),y}function d(h,p){var m=p;r.ignoreSelector&&(m=p.split(",").map(function(g){return g.trim()+":not("+r.ignoreSelector+")"}));try{return h.querySelectorAll(m)}catch{return console.warn("Headers not found with selector: "+m),null}}function f(h){return n.call(h,function(p,m){var g=s(m);return g&&u(g,p.nest),p},{nest:[]})}return{nestHeadingsArray:f,selectHeadings:d}}}}),hee=$a({"../../node_modules/tocbot/src/js/update-toc-scroll.js"(e,t){t.exports=function(r){var n=r.tocElement||document.querySelector(r.tocSelector);if(n&&n.scrollHeight>n.clientHeight){var a=n.querySelector("."+r.activeListItemClass);a&&(n.scrollTop=a.offsetTop-r.tocScrollOffset)}}}}),mee=$a({"../../node_modules/tocbot/src/js/scroll-smooth/index.js"(e){e.initSmoothScrolling=t;function t(n){var a=n.duration,o=n.offset,i=location.hash?d(location.href):location.href;s();function s(){document.body.addEventListener("click",h,!1);function h(p){!u(p.target)||p.target.className.indexOf("no-smooth-scroll")>-1||p.target.href.charAt(p.target.href.length-2)==="#"&&p.target.href.charAt(p.target.href.length-1)==="!"||p.target.className.indexOf(n.linkClass)===-1||r(p.target.hash,{duration:a,offset:o,callback:function(){f(p.target.hash)}})}}function u(h){return h.tagName.toLowerCase()==="a"&&(h.hash.length>0||h.href.charAt(h.href.length-1)==="#")&&(d(h.href)===i||d(h.href)+"#"===i)}function d(h){return h.slice(0,h.lastIndexOf("#"))}function f(h){var p=document.getElementById(h.substring(1));p&&(/^(?:a|select|input|button|textarea)$/i.test(p.tagName)||(p.tabIndex=-1),p.focus())}}function r(n,a){var o=window.pageYOffset,i={duration:a.duration,offset:a.offset||0,callback:a.callback,easing:a.easing||g},s=document.querySelector('[id="'+decodeURI(n).split("#").join("")+'"]')||document.querySelector('[id="'+n.split("#").join("")+'"]'),u=typeof n=="string"?i.offset+(n?s&&s.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):n,d=typeof i.duration=="function"?i.duration(u):i.duration,f,h;requestAnimationFrame(function(y){f=y,p(y)});function p(y){h=y-f,window.scrollTo(0,i.easing(h,o,u,d)),h"u"&&!h)return;var p,m=Object.prototype.hasOwnProperty;function g(){for(var C={},x=0;x({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:se(.3,e.color.defaultText),fontSize:e.typography.size.s2})),RD=e=>v.createElement(vee,{...e,className:"docblock-emptyblock sb-unstyled"}),yee=_(Th)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}})),bee=_.div(({theme:e})=>({background:e.background.content,borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"})),bl=_.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${Pd}`]:{margin:0}})),wee=()=>v.createElement(bee,null,v.createElement(bl,null),v.createElement(bl,{style:{width:"80%"}}),v.createElement(bl,{style:{width:"30%"}}),v.createElement(bl,{style:{width:"80%"}})),BD=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:s}=mb();if(e)return v.createElement(wee,null);if(t)return v.createElement(RD,null,t);let u=v.createElement(yee,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return u;let d=a?Ld.dark:Ld.light;return v.createElement(gb,{theme:Md({...d,fontCode:s.fonts.mono,fontBase:s.fonts.base})},u)},ve=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,hm=600,Eee=_.h1(de,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${hm}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),xee=_.h2(de,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${hm}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:se(.25,e.color.defaultText)})),Cee=_.div(({theme:e})=>{let t={fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},r={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},n={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?se(.1,e.color.defaultText):se(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[ve("a")]:{...t,fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[ve("blockquote")]:{...t,margin:"16px 0",borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[ve("div")]:t,[ve("dl")]:{...t,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[ve("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[ve("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[ve("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[ve("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[ve("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[ve("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[ve("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[ve("img")]:{maxWidth:"100%"},[ve("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[ve("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[ve("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[ve("pre")]:{...t,fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[ve("span")]:{...t,"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[ve("table")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[ve("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),Dee=_.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${hm}px)`]:{}})),See=({children:e,toc:t})=>v.createElement(Dee,{className:"sbdocs sbdocs-wrapper"},v.createElement(Cee,{className:"sbdocs sbdocs-content"},e),t),Yu=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${e.appBorderColor}`}),{window:Aee}=rt,kee=class extends l.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=Aee.document.getElementById(e)}shouldComponentUpdate(e){let{scale:t}=e;return t!==this.props.scale&&this.setIframeBodyStyle({width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(e){return Object.assign(this.iframe.contentDocument.body.style,e)}render(){let{id:e,title:t,src:r,allowFullScreen:n,scale:a,...o}=this.props;return v.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...o})}},zD=l.createContext({scale:1}),{PREVIEW_URL:_ee}=rt,Fee=_ee||"iframe.html",Fp=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,Iee=e=>{let t=l.useRef(),[r,n]=l.useState(!0),[a,o]=l.useState(),{story:i,height:s,autoplay:u,forceInitialArgs:d,renderStoryToElement:f}=e;return l.useEffect(()=>{if(!(i&&t.current))return()=>{};let h=t.current,p=f(i,h,{showMain:()=>{},showError:({title:m,description:g})=>o(new Error(`${m} - ${g}`)),showException:m=>o(m)},{autoplay:u,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>p())}},[u,f,i]),a?v.createElement("pre",null,v.createElement(K$,{error:a})):v.createElement(v.Fragment,null,s?v.createElement("style",null,`#${Fp(e)} { min-height: ${s}; transform: translateZ(0); overflow: auto }`):null,r&&v.createElement($D,null),v.createElement("div",{ref:t,id:`${Fp(e)}-inner`,"data-name":i.name}))},Tee=({story:e,height:t="500px"})=>v.createElement("div",{style:{width:"100%",height:t}},v.createElement(zD.Consumer,null,({scale:r})=>v.createElement(kee,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:vL(Fee,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),Ree=_.strong(({theme:e})=>({color:e.color.orange})),Bee=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?v.createElement(Ree,null,"This story mounts inside of play. Set"," ",v.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):v.createElement("div",{id:Fp(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?v.createElement(Iee,{...e}):v.createElement(Tee,{...e}))},$D=()=>v.createElement(gL,null),zee=_(Hh)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),$ee=_.div({display:"flex",alignItems:"center",gap:4}),Oee=_.div(({theme:e})=>({width:14,height:14,borderRadius:2,margin:"0 7px",backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),Lee=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>v.createElement(zee,{...o},v.createElement($ee,{key:"left"},e?[1,2,3].map(i=>v.createElement(Oee,{key:i})):v.createElement(v.Fragment,null,v.createElement(yn,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},v.createElement(lM,null)),v.createElement(yn,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},v.createElement(sM,null)),v.createElement(yn,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},v.createElement(uM,null))))),Mee=_.div(({isColumn:e,columns:t,layout:r})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px","& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),k3=_(BD)(({theme:e})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:e.appBorderRadius,borderBottomRightRadius:e.appBorderRadius,border:"none",background:e.base==="light"?"rgba(0, 0, 0, 0.85)":$t(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":$t(.05,e.background.content)}})),Pee=_.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...Yu(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),Nee=(e,t,r)=>{switch(!0){case!!(e&&e.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>r(!1)}};case t:return{source:v.createElement(k3,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:v.createElement(k3,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function Hee(e){if(l.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var jee=_(Lee)({position:"absolute",top:0,left:0,right:0,height:40}),Vee=_.div({overflow:"hidden",position:"relative"}),OD=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:s,className:u,layout:d="padded",...f})=>{let[h,p]=l.useState(i),{source:m,actionItem:g}=Nee(a,h,p),[y,b]=l.useState(1),E=[u].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),C=a?[g]:[],[x,w]=l.useState(s?[...s]:[]),D=[...C,...x],{window:S}=rt,A=l.useCallback(async F=>{let{createCopyToClipboardFunction:T}=await Op(()=>import("./index-Bv2dACPY.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url);T()},[]),k=F=>{let T=S.getSelection();T&&T.type==="Range"||(F.preventDefault(),x.filter(R=>R.title==="Copied").length===0&&A(m.props.code).then(()=>{w([...x,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>w(x.filter(R=>R.title!=="Copied")),1500)}))};return v.createElement(Pee,{withSource:a,withToolbar:o,...f,className:E.join(" ")},o&&v.createElement(jee,{isLoading:e,border:!0,zoom:F=>b(y*F),resetZoom:()=>b(1),storyId:Hee(n),baseUrl:"./iframe.html"}),v.createElement(zD.Provider,{value:{scale:y}},v.createElement(Vee,{className:"docs-story",onCopyCapture:a&&k},v.createElement(Mee,{isColumn:t||!Array.isArray(n),columns:r,layout:d},v.createElement(N$.Element,{scale:y},Array.isArray(n)?n.map((F,T)=>v.createElement("div",{key:T},F)):v.createElement("div",null,n))),v.createElement(pf,{actionItems:D}))),a&&h&&m)};_(OD)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));var Uee=_.label(({theme:e})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:e.boolean.background,borderRadius:"3em",padding:1,'&[aria-disabled="true"]':{opacity:.5,input:{cursor:"not-allowed"}},input:{appearance:"none",width:"100%",height:"100%",position:"absolute",left:0,top:0,margin:0,padding:0,border:"none",background:"transparent",cursor:"pointer",borderRadius:"3em","&:focus":{outline:"none",boxShadow:`${e.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:"center",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:se(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${ml(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${ml(.05,e.appBorderColor)} 0 0 0 2px inset`,color:ml(1,e.appBorderColor)},"&:first-of-type":{paddingRight:8},"&:last-of-type":{paddingLeft:8}},"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type":{background:e.boolean.selectedBackground,boxShadow:e.base==="light"?`${ml(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),qee=e=>e==="true",Wee=({name:e,value:t,onChange:r,onBlur:n,onFocus:a,argType:o})=>{let i=l.useCallback(()=>r(!1),[r]),s=!!o?.table?.readonly;if(t===void 0)return v.createElement(zn,{variant:"outline",size:"medium",id:Hs(e),onClick:i,disabled:s},"Set boolean");let u=Ct(e),d=typeof t=="string"?qee(t):t;return v.createElement(Uee,{"aria-disabled":s,htmlFor:u,"aria-label":e},v.createElement("input",{id:u,type:"checkbox",onChange:f=>r(f.target.checked),checked:d,role:"switch",disabled:s,name:e,onBlur:n,onFocus:a}),v.createElement("span",{"aria-hidden":"true"},"False"),v.createElement("span",{"aria-hidden":"true"},"True"))},Gee=e=>{let[t,r,n]=e.split("-"),a=new Date;return a.setFullYear(parseInt(t,10),parseInt(r,10)-1,parseInt(n,10)),a},Kee=e=>{let[t,r]=e.split(":"),n=new Date;return n.setHours(parseInt(t,10)),n.setMinutes(parseInt(r,10)),n},Yee=e=>{let t=new Date(e),r=`000${t.getFullYear()}`.slice(-4),n=`0${t.getMonth()+1}`.slice(-2),a=`0${t.getDate()}`.slice(-2);return`${r}-${n}-${a}`},Zee=e=>{let t=new Date(e),r=`0${t.getHours()}`.slice(-2),n=`0${t.getMinutes()}`.slice(-2);return`${r}:${n}`},_3=_(zi.Input)(({readOnly:e})=>({opacity:e?.5:1})),Jee=_.div(({theme:e})=>({flex:1,display:"flex",input:{marginLeft:10,flex:1,height:32,"&::-webkit-calendar-picker-indicator":{opacity:.5,height:12,filter:e.base==="light"?void 0:"invert(1)"}},"input:first-of-type":{marginLeft:0,flexGrow:4},"input:last-of-type":{flexGrow:3}})),Xee=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,argType:o})=>{let[i,s]=l.useState(!0),u=l.useRef(),d=l.useRef(),f=!!o?.table?.readonly;l.useEffect(()=>{i!==!1&&(u&&u.current&&(u.current.value=t?Yee(t):""),d&&d.current&&(d.current.value=t?Zee(t):""))},[t]);let h=g=>{if(!g.target.value)return r();let y=Gee(g.target.value),b=new Date(t);b.setFullYear(y.getFullYear(),y.getMonth(),y.getDate());let E=b.getTime();E&&r(E),s(!!E)},p=g=>{if(!g.target.value)return r();let y=Kee(g.target.value),b=new Date(t);b.setHours(y.getHours()),b.setMinutes(y.getMinutes());let E=b.getTime();E&&r(E),s(!!E)},m=Ct(e);return v.createElement(Jee,null,v.createElement(_3,{type:"date",max:"9999-12-31",ref:u,id:`${m}-date`,name:`${m}-date`,readOnly:f,onChange:h,onFocus:n,onBlur:a}),v.createElement(_3,{type:"time",id:`${m}-time`,name:`${m}-time`,ref:d,onChange:p,readOnly:f,onFocus:n,onBlur:a}),i?null:v.createElement("div",null,"invalid"))},Qee=_.label({display:"flex"}),ete=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},tte=_(zi.Input)(({readOnly:e})=>({opacity:e?.5:1})),rte=({name:e,value:t,onChange:r,min:n,max:a,step:o,onBlur:i,onFocus:s,argType:u})=>{let[d,f]=l.useState(typeof t=="number"?t:""),[h,p]=l.useState(!1),[m,g]=l.useState(null),y=!!u?.table?.readonly,b=l.useCallback(x=>{f(x.target.value);let w=parseFloat(x.target.value);Number.isNaN(w)?g(new Error(`'${x.target.value}' is not a number`)):(r(w),g(null))},[r,g]),E=l.useCallback(()=>{f("0"),r(0),p(!0)},[p]),C=l.useRef(null);return l.useEffect(()=>{h&&C.current&&C.current.select()},[h]),l.useEffect(()=>{d!==(typeof t=="number"?t:"")&&f(t)},[t]),t===void 0?v.createElement(zn,{variant:"outline",size:"medium",id:Hs(e),onClick:E,disabled:y},"Set number"):v.createElement(Qee,null,v.createElement(tte,{ref:C,id:Ct(e),type:"number",onChange:b,size:"flex",placeholder:"Edit number...",value:d,valid:m?"error":null,autoFocus:h,readOnly:y,name:e,min:n,max:a,step:o,onFocus:s,onBlur:i}))},LD=(e,t)=>{let r=t&&Object.entries(t).find(([n,a])=>a===e);return r?r[0]:void 0},Ip=(e,t)=>e&&t?Object.entries(t).filter(r=>e.includes(r[1])).map(r=>r[0]):[],MD=(e,t)=>e&&t&&e.map(r=>t[r]),nte=_.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}},e=>{if(e["aria-readonly"]==="true")return{input:{cursor:"not-allowed"}}}),ate=_.span({"[aria-readonly=true] &":{opacity:.5}}),ote=_.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),F3=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{if(!t)return fm.warn(`Checkbox with no options: ${e}`),v.createElement(v.Fragment,null,"-");let i=Ip(r,t),[s,u]=l.useState(i),d=!!o?.table?.readonly,f=p=>{let m=p.target.value,g=[...s];g.includes(m)?g.splice(g.indexOf(m),1):g.push(m),n(MD(g,t)),u(g)};l.useEffect(()=>{u(Ip(r,t))},[r]);let h=Ct(e);return v.createElement(nte,{"aria-readonly":d,isInline:a},Object.keys(t).map((p,m)=>{let g=`${h}-${m}`;return v.createElement(ote,{key:g,htmlFor:g},v.createElement("input",{type:"checkbox",disabled:d,id:g,name:g,value:p,onChange:f,checked:s?.includes(p)}),v.createElement(ate,null,p))}))},ite=_.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}},e=>{if(e["aria-readonly"]==="true")return{input:{cursor:"not-allowed"}}}),lte=_.span({"[aria-readonly=true] &":{opacity:.5}}),ste=_.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),I3=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{if(!t)return fm.warn(`Radio with no options: ${e}`),v.createElement(v.Fragment,null,"-");let i=LD(r,t),s=Ct(e),u=!!o?.table?.readonly;return v.createElement(ite,{"aria-readonly":u,isInline:a},Object.keys(t).map((d,f)=>{let h=`${s}-${f}`;return v.createElement(ste,{key:h,htmlFor:h},v.createElement("input",{type:"radio",id:h,name:s,disabled:u,value:d,onChange:p=>n(t[p.currentTarget.value]),checked:d===i}),v.createElement(lte,null,d))}))},ute={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},PD=_.select(ute,({theme:e})=>({boxSizing:"border-box",position:"relative",padding:"6px 10px",width:"100%",color:e.input.color||"inherit",background:e.input.background,borderRadius:e.input.borderRadius,boxShadow:`${e.input.border} 0 0 0 1px inset`,fontSize:e.typography.size.s2-1,lineHeight:"20px","&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"::placeholder":{color:e.textMutedColor},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}})),ND=_.span(({theme:e})=>({display:"inline-block",lineHeight:"normal",overflow:"hidden",position:"relative",verticalAlign:"top",width:"100%",svg:{position:"absolute",zIndex:1,pointerEvents:"none",height:"12px",marginTop:"-6px",right:"12px",top:"50%",fill:e.textMutedColor,path:{fill:e.textMutedColor}}})),T3="Choose option...",cte=({name:e,value:t,options:r,onChange:n,argType:a})=>{let o=d=>{n(r[d.currentTarget.value])},i=LD(t,r)||T3,s=Ct(e),u=!!a?.table?.readonly;return v.createElement(ND,null,v.createElement(bC,null),v.createElement(PD,{disabled:u,id:s,value:i,onChange:o},v.createElement("option",{key:"no-selection",disabled:!0},T3),Object.keys(r).map(d=>v.createElement("option",{key:d,value:d},d))))},dte=({name:e,value:t,options:r,onChange:n,argType:a})=>{let o=d=>{let f=Array.from(d.currentTarget.options).filter(h=>h.selected).map(h=>h.value);n(MD(f,r))},i=Ip(t,r),s=Ct(e),u=!!a?.table?.readonly;return v.createElement(ND,null,v.createElement(PD,{disabled:u,id:s,multiple:!0,value:i,onChange:o},Object.keys(r).map(d=>v.createElement("option",{key:d,value:d},d))))},R3=e=>{let{name:t,options:r}=e;return r?e.isMulti?v.createElement(dte,{...e}):v.createElement(cte,{...e}):(fm.warn(`Select with no options: ${t}`),v.createElement(v.Fragment,null,"-"))},pte=(e,t)=>Array.isArray(e)?e.reduce((r,n)=>(r[t?.[n]||String(n)]=n,r),{}):e,fte={check:F3,"inline-check":F3,radio:I3,"inline-radio":I3,select:R3,"multi-select":R3},Kn=e=>{let{type:t="select",labels:r,argType:n}=e,a={...e,argType:n,options:n?pte(n.options,r):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},o=fte[t];if(o)return v.createElement(o,{...a});throw new Error(`Unknown options type: ${t}`)},hte="Error",mte="Object",gte="Array",vte="String",yte="Number",bte="Boolean",wte="Date",Ete="Null",xte="Undefined",Cte="Function",Dte="Symbol",HD="ADD_DELTA_TYPE",jD="REMOVE_DELTA_TYPE",VD="UPDATE_DELTA_TYPE",mm="value",Ste="key";function hn(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)&&typeof e[Symbol.iterator]=="function"?"Iterable":Object.prototype.toString.call(e).slice(8,-1)}function UD(e,t){let r=hn(e),n=hn(t);return(r==="Function"||n==="Function")&&n!==r}var gm=class extends l.Component{constructor(e){super(e),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this)}componentDidMount(){let{inputRefKey:e,inputRefValue:t}=this.state,{onlyValue:r}=this.props;e&&typeof e.focus=="function"&&e.focus(),r&&t&&typeof t.focus=="function"&&t.focus(),document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.onSubmit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.props.handleCancel()))}onSubmit(){let{handleAdd:e,onlyValue:t,onSubmitValueParser:r,keyPath:n,deep:a}=this.props,{inputRefKey:o,inputRefValue:i}=this.state,s={};if(!t){if(!o.value)return;s.key=o.value}s.newValue=r(!1,n,a,s.key,i.value),e(s)}refInputKey(e){this.state.inputRefKey=e}refInputValue(e){this.state.inputRefValue=e}render(){let{handleCancel:e,onlyValue:t,addButtonElement:r,cancelButtonElement:n,inputElementGenerator:a,keyPath:o,deep:i}=this.props,s=l.cloneElement(r,{onClick:this.onSubmit}),u=l.cloneElement(n,{onClick:e}),d=a(mm,o,i),f=l.cloneElement(d,{placeholder:"Value",ref:this.refInputValue}),h=null;if(!t){let p=a(Ste,o,i);h=l.cloneElement(p,{placeholder:"Key",ref:this.refInputKey})}return v.createElement("span",{className:"rejt-add-value-node"},h,f,u,s)}};gm.defaultProps={onlyValue:!1,addButtonElement:v.createElement("button",null,"+"),cancelButtonElement:v.createElement("button",null,"c")};var qD=class extends l.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={data:e.data,name:e.name,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:a}=this.props,o=n.length;a(n[o-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleRemoveItem(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:a,nextDeep:o}=this.state,i=n[e];t(e,a,o,i).then(()=>{let s={keyPath:a,deep:o,key:e,oldValue:i,type:jD};n.splice(e,1),this.setState({data:n});let{onUpdate:u,onDeltaUpdate:d}=this.props;u(a[a.length-1],n),d(s)}).catch(r.error)}}handleAddValueAdd({newValue:e}){let{data:t,keyPath:r,nextDeep:n}=this.state,{beforeAddAction:a,logger:o}=this.props;a(t.length,r,n,e).then(()=>{let i=[...t,e];this.setState({data:i}),this.handleAddValueCancel();let{onUpdate:s,onDeltaUpdate:u}=this.props;s(r[r.length-1],i),u({type:HD,keyPath:r,deep:n,key:i.length-1,newValue:e})}).catch(o.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:o,keyPath:i,nextDeep:s}=this.state,u=o[e];a(e,i,s,u,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:f}=this.props;d(i[i.length-1],o),f({type:VD,keyPath:i,deep:s,key:e,newValue:t,oldValue:u}),r(void 0)}).catch(n)})}renderCollapsed(){let{name:e,data:t,keyPath:r,deep:n}=this.state,{handleRemove:a,readOnly:o,getStyle:i,dataType:s,minusMenuElement:u}=this.props,{minus:d,collapsed:f}=i(e,t,r,n,s),h=o(e,t,r,n,s),p=l.cloneElement(u,{onClick:a,className:"rejt-minus-menu",style:d});return v.createElement("span",{className:"rejt-collapsed"},v.createElement("span",{className:"rejt-collapsed-text",style:f,onClick:this.handleCollapseMode},"[...] ",t.length," ",t.length===1?"item":"items"),!h&&p)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,addFormVisible:a,nextDeep:o}=this.state,{isCollapsed:i,handleRemove:s,onDeltaUpdate:u,readOnly:d,getStyle:f,dataType:h,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:y,textareaElementGenerator:b,minusMenuElement:E,plusMenuElement:C,beforeRemoveAction:x,beforeAddAction:w,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}=this.props,{minus:k,plus:F,delimiter:T,ul:R,addForm:O}=f(e,t,r,n,h),z=d(e,t,r,n,h),L=l.cloneElement(C,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:F}),$=l.cloneElement(E,{onClick:s,className:"rejt-minus-menu",style:k});return v.createElement("span",{className:"rejt-not-collapsed"},v.createElement("span",{className:"rejt-not-collapsed-delimiter",style:T},"["),!a&&L,v.createElement("ul",{className:"rejt-not-collapsed-list",style:R},t.map((M,j)=>v.createElement(Zu,{key:j,name:j.toString(),data:M,keyPath:r,deep:o,isCollapsed:i,handleRemove:this.handleRemoveItem(j),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:u,readOnly:d,getStyle:f,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:y,textareaElementGenerator:b,minusMenuElement:E,plusMenuElement:C,beforeRemoveAction:x,beforeAddAction:w,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}))),!z&&a&&v.createElement("div",{className:"rejt-add-form",style:O},v.createElement(gm,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement:p,cancelButtonElement:m,inputElementGenerator:y,keyPath:r,deep:n,onSubmitValueParser:A})),v.createElement("span",{className:"rejt-not-collapsed-delimiter",style:T},"]"),!z&&$)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{dataType:o,getStyle:i}=this.props,s=t?this.renderCollapsed():this.renderNotCollapsed(),u=i(e,r,n,a,o);return v.createElement("div",{className:"rejt-array-node"},v.createElement("span",{onClick:this.handleCollapseMode},v.createElement("span",{className:"rejt-name",style:u.name},e," :"," ")),s)}};qD.defaultProps={keyPath:[],deep:0,minusMenuElement:v.createElement("span",null," - "),plusMenuElement:v.createElement("span",null," + ")};var WD=class extends l.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:a,deep:o}=this.state,{readOnly:i,dataType:s}=this.props,u=i(r,n,a,o,s);e&&!u&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:a}=this.props,{inputRef:o,name:i,deep:s}=this.state;if(!o)return;let u=n(!0,a,s,i,o.value);e({value:u,key:i}).then(()=>{UD(t,u)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:a}=this.state,{handleRemove:o,originalValue:i,readOnly:s,dataType:u,getStyle:d,editButtonElement:f,cancelButtonElement:h,textareaElementGenerator:p,minusMenuElement:m,keyPath:g}=this.props,y=d(e,i,n,a,u),b=null,E=null,C=s(e,i,n,a,u);if(r&&!C){let x=p(mm,g,a,e,i,u),w=l.cloneElement(f,{onClick:this.handleEdit}),D=l.cloneElement(h,{onClick:this.handleCancelEdit}),S=l.cloneElement(x,{ref:this.refInput,defaultValue:i});b=v.createElement("span",{className:"rejt-edit-form",style:y.editForm},S," ",D,w),E=null}else{b=v.createElement("span",{className:"rejt-value",style:y.value,onClick:C?null:this.handleEditMode},t);let x=l.cloneElement(m,{onClick:o,className:"rejt-minus-menu",style:y.minus});E=C?null:x}return v.createElement("li",{className:"rejt-function-value-node",style:y.li},v.createElement("span",{className:"rejt-name",style:y.name},e," :"," "),b,E)}};WD.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:v.createElement("button",null,"e"),cancelButtonElement:v.createElement("button",null,"c"),minusMenuElement:v.createElement("span",null," - ")};var Zu=class extends l.Component{constructor(e){super(e),this.state={data:e.data,name:e.name,keyPath:e.keyPath,deep:e.deep}}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}render(){let{data:e,name:t,keyPath:r,deep:n}=this.state,{isCollapsed:a,handleRemove:o,handleUpdateValue:i,onUpdate:s,onDeltaUpdate:u,readOnly:d,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:y,minusMenuElement:b,plusMenuElement:E,beforeRemoveAction:C,beforeAddAction:x,beforeUpdateAction:w,logger:D,onSubmitValueParser:S}=this.props,A=()=>!0,k=hn(e);switch(k){case hte:return v.createElement(Tp,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:s,onDeltaUpdate:u,readOnly:A,dataType:k,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:y,minusMenuElement:b,plusMenuElement:E,beforeRemoveAction:C,beforeAddAction:x,beforeUpdateAction:w,logger:D,onSubmitValueParser:S});case mte:return v.createElement(Tp,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:s,onDeltaUpdate:u,readOnly:d,dataType:k,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:y,minusMenuElement:b,plusMenuElement:E,beforeRemoveAction:C,beforeAddAction:x,beforeUpdateAction:w,logger:D,onSubmitValueParser:S});case gte:return v.createElement(qD,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:s,onDeltaUpdate:u,readOnly:d,dataType:k,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:y,minusMenuElement:b,plusMenuElement:E,beforeRemoveAction:C,beforeAddAction:x,beforeUpdateAction:w,logger:D,onSubmitValueParser:S});case vte:return v.createElement(Cr,{name:t,value:`"${e}"`,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case yte:return v.createElement(Cr,{name:t,value:e,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case bte:return v.createElement(Cr,{name:t,value:e?"true":"false",originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case wte:return v.createElement(Cr,{name:t,value:e.toISOString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:A,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case Ete:return v.createElement(Cr,{name:t,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case xte:return v.createElement(Cr,{name:t,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case Cte:return v.createElement(WD,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,textareaElementGenerator:y,minusMenuElement:b,logger:D,onSubmitValueParser:S});case Dte:return v.createElement(Cr,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:A,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});default:return null}}};Zu.defaultProps={keyPath:[],deep:0};var Tp=class extends l.Component{constructor(e){super(e);let t=e.deep===-1?[]:[...e.keyPath,e.name];this.state={name:e.name,data:e.data,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:a}=this.props,o=n.length;a(n[o-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleAddValueAdd({key:e,newValue:t}){let{data:r,keyPath:n,nextDeep:a}=this.state,{beforeAddAction:o,logger:i}=this.props;o(e,n,a,t).then(()=>{r[e]=t,this.setState({data:r}),this.handleAddValueCancel();let{onUpdate:s,onDeltaUpdate:u}=this.props;s(n[n.length-1],r),u({type:HD,keyPath:n,deep:a,key:e,newValue:t})}).catch(i.error)}handleRemoveValue(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:a,nextDeep:o}=this.state,i=n[e];t(e,a,o,i).then(()=>{let s={keyPath:a,deep:o,key:e,oldValue:i,type:jD};delete n[e],this.setState({data:n});let{onUpdate:u,onDeltaUpdate:d}=this.props;u(a[a.length-1],n),d(s)}).catch(r.error)}}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:o,keyPath:i,nextDeep:s}=this.state,u=o[e];a(e,i,s,u,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:f}=this.props;d(i[i.length-1],o),f({type:VD,keyPath:i,deep:s,key:e,newValue:t,oldValue:u}),r()}).catch(n)})}renderCollapsed(){let{name:e,keyPath:t,deep:r,data:n}=this.state,{handleRemove:a,readOnly:o,dataType:i,getStyle:s,minusMenuElement:u}=this.props,{minus:d,collapsed:f}=s(e,n,t,r,i),h=Object.getOwnPropertyNames(n),p=o(e,n,t,r,i),m=l.cloneElement(u,{onClick:a,className:"rejt-minus-menu",style:d});return v.createElement("span",{className:"rejt-collapsed"},v.createElement("span",{className:"rejt-collapsed-text",style:f,onClick:this.handleCollapseMode},"{...}"," ",h.length," ",h.length===1?"key":"keys"),!p&&m)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,nextDeep:a,addFormVisible:o}=this.state,{isCollapsed:i,handleRemove:s,onDeltaUpdate:u,readOnly:d,getStyle:f,dataType:h,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:y,textareaElementGenerator:b,minusMenuElement:E,plusMenuElement:C,beforeRemoveAction:x,beforeAddAction:w,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}=this.props,{minus:k,plus:F,addForm:T,ul:R,delimiter:O}=f(e,t,r,n,h),z=Object.getOwnPropertyNames(t),L=d(e,t,r,n,h),$=l.cloneElement(C,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:F}),M=l.cloneElement(E,{onClick:s,className:"rejt-minus-menu",style:k}),j=z.map(K=>v.createElement(Zu,{key:K,name:K,data:t[K],keyPath:r,deep:a,isCollapsed:i,handleRemove:this.handleRemoveValue(K),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:u,readOnly:d,getStyle:f,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:y,textareaElementGenerator:b,minusMenuElement:E,plusMenuElement:C,beforeRemoveAction:x,beforeAddAction:w,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}));return v.createElement("span",{className:"rejt-not-collapsed"},v.createElement("span",{className:"rejt-not-collapsed-delimiter",style:O},"{"),!L&&$,v.createElement("ul",{className:"rejt-not-collapsed-list",style:R},j),!L&&o&&v.createElement("div",{className:"rejt-add-form",style:T},v.createElement(gm,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:p,cancelButtonElement:m,inputElementGenerator:y,keyPath:r,deep:n,onSubmitValueParser:A})),v.createElement("span",{className:"rejt-not-collapsed-delimiter",style:O},"}"),!L&&M)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{getStyle:o,dataType:i}=this.props,s=t?this.renderCollapsed():this.renderNotCollapsed(),u=o(e,r,n,a,i);return v.createElement("div",{className:"rejt-object-node"},v.createElement("span",{onClick:this.handleCollapseMode},v.createElement("span",{className:"rejt-name",style:u.name},e," :"," ")),s)}};Tp.defaultProps={keyPath:[],deep:0,minusMenuElement:v.createElement("span",null," - "),plusMenuElement:v.createElement("span",null," + ")};var Cr=class extends l.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:a,deep:o}=this.state,{readOnly:i,dataType:s}=this.props,u=i(r,n,a,o,s);e&&!u&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:a}=this.props,{inputRef:o,name:i,deep:s}=this.state;if(!o)return;let u=n(!0,a,s,i,o.value);e({value:u,key:i}).then(()=>{UD(t,u)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:a}=this.state,{handleRemove:o,originalValue:i,readOnly:s,dataType:u,getStyle:d,editButtonElement:f,cancelButtonElement:h,inputElementGenerator:p,minusMenuElement:m,keyPath:g}=this.props,y=d(e,i,n,a,u),b=s(e,i,n,a,u),E=r&&!b,C=p(mm,g,a,e,i,u),x=l.cloneElement(f,{onClick:this.handleEdit}),w=l.cloneElement(h,{onClick:this.handleCancelEdit}),D=l.cloneElement(C,{ref:this.refInput,defaultValue:JSON.stringify(i)}),S=l.cloneElement(m,{onClick:o,className:"rejt-minus-menu",style:y.minus});return v.createElement("li",{className:"rejt-value-node",style:y.li},v.createElement("span",{className:"rejt-name",style:y.name},e," : "),E?v.createElement("span",{className:"rejt-edit-form",style:y.editForm},D," ",w,x):v.createElement("span",{className:"rejt-value",style:y.value,onClick:b?null:this.handleEditMode},String(t)),!b&&!E&&S)}};Cr.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:v.createElement("button",null,"e"),cancelButtonElement:v.createElement("button",null,"c"),minusMenuElement:v.createElement("span",null," - ")};function Ate(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var kte={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},_te={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},Fte={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}},GD=class extends l.Component{constructor(e){super(e),this.state={data:e.data,rootName:e.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data||e.rootName!==t.rootName?{data:e.data,rootName:e.rootName}:null}onUpdate(e,t){this.setState({data:t}),this.props.onFullyUpdate(t)}removeRoot(){this.onUpdate(null,null)}render(){let{data:e,rootName:t}=this.state,{isCollapsed:r,onDeltaUpdate:n,readOnly:a,getStyle:o,addButtonElement:i,cancelButtonElement:s,editButtonElement:u,inputElement:d,textareaElement:f,minusMenuElement:h,plusMenuElement:p,beforeRemoveAction:m,beforeAddAction:g,beforeUpdateAction:y,logger:b,onSubmitValueParser:E,fallback:C=null}=this.props,x=hn(e),w=a;hn(a)==="Boolean"&&(w=()=>a);let D=d;d&&hn(d)!=="Function"&&(D=()=>d);let S=f;return f&&hn(f)!=="Function"&&(S=()=>f),x==="Object"||x==="Array"?v.createElement("div",{className:"rejt-tree"},v.createElement(Zu,{data:e,name:t,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:w,getStyle:o,addButtonElement:i,cancelButtonElement:s,editButtonElement:u,inputElementGenerator:D,textareaElementGenerator:S,minusMenuElement:h,plusMenuElement:p,handleRemove:this.removeRoot,beforeRemoveAction:m,beforeAddAction:g,beforeUpdateAction:y,logger:b,onSubmitValueParser:E})):C}};GD.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,r,n,a)=>{switch(a){case"Object":case"Error":return kte;case"Array":return _te;default:return Fte}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,r,n,a)=>Ate(a),inputElement:()=>v.createElement("input",null),textareaElement:()=>v.createElement("textarea",null),fallback:null};var{window:Ite}=rt,Tte=_.div(({theme:e})=>({position:"relative",display:"flex",'&[aria-readonly="true"]':{opacity:.5},".rejt-tree":{marginLeft:"1rem",fontSize:"13px"},".rejt-value-node, .rejt-object-node > .rejt-collapsed, .rejt-array-node > .rejt-collapsed, .rejt-object-node > .rejt-not-collapsed, .rejt-array-node > .rejt-not-collapsed":{"& > svg":{opacity:0,transition:"opacity 0.2s"}},".rejt-value-node:hover, .rejt-object-node:hover > .rejt-collapsed, .rejt-array-node:hover > .rejt-collapsed, .rejt-object-node:hover > .rejt-not-collapsed, .rejt-array-node:hover > .rejt-not-collapsed":{"& > svg":{opacity:1}},".rejt-edit-form button":{display:"none"},".rejt-add-form":{marginLeft:10},".rejt-add-value-node":{display:"inline-flex",alignItems:"center"},".rejt-name":{lineHeight:"22px"},".rejt-not-collapsed-delimiter":{lineHeight:"22px"},".rejt-plus-menu":{marginLeft:5},".rejt-object-node > span > *, .rejt-array-node > span > *":{position:"relative",zIndex:2},".rejt-object-node, .rejt-array-node":{position:"relative"},".rejt-object-node > span:first-of-type::after, .rejt-array-node > span:first-of-type::after, .rejt-collapsed::before, .rejt-not-collapsed::before":{content:'""',position:"absolute",top:0,display:"block",width:"100%",marginLeft:"-1rem",padding:"0 4px 0 1rem",height:22},".rejt-collapsed::before, .rejt-not-collapsed::before":{zIndex:1,background:"transparent",borderRadius:4,transition:"background 0.2s",pointerEvents:"none",opacity:.1},".rejt-object-node:hover, .rejt-array-node:hover":{"& > .rejt-collapsed::before, & > .rejt-not-collapsed::before":{background:e.color.secondary}},".rejt-collapsed::after, .rejt-not-collapsed::after":{content:'""',position:"absolute",display:"inline-block",pointerEvents:"none",width:0,height:0},".rejt-collapsed::after":{left:-8,top:8,borderTop:"3px solid transparent",borderBottom:"3px solid transparent",borderLeft:"3px solid rgba(153,153,153,0.6)"},".rejt-not-collapsed::after":{left:-10,top:10,borderTop:"3px solid rgba(153,153,153,0.6)",borderLeft:"3px solid transparent",borderRight:"3px solid transparent"},".rejt-value":{display:"inline-block",border:"1px solid transparent",borderRadius:4,margin:"1px 0",padding:"0 4px",cursor:"text",color:e.color.defaultText},".rejt-value-node:hover > .rejt-value":{background:e.color.lighter,borderColor:e.appBorderColor}})),Td=_.button(({theme:e,primary:t})=>({border:0,height:20,margin:1,borderRadius:4,background:t?e.color.secondary:"transparent",color:t?e.color.lightest:e.color.dark,fontWeight:t?"bold":"normal",cursor:"pointer",order:t?"initial":9})),Rte=_(fM)(({theme:e,disabled:t})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:t?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":t?{}:{color:e.color.ancillary},"svg + &":{marginLeft:0}})),Bte=_(hM)(({theme:e,disabled:t})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:t?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":t?{}:{color:e.color.negative},"svg + &":{marginLeft:0}})),B3=_.input(({theme:e,placeholder:t})=>({outline:0,margin:t?1:"1px 0",padding:"3px 4px",color:e.color.defaultText,background:e.background.app,border:`1px solid ${e.appBorderColor}`,borderRadius:4,lineHeight:"14px",width:t==="Key"?80:120,"&:focus":{border:`1px solid ${e.color.secondary}`}})),zte=_(yn)(({theme:e})=>({position:"absolute",zIndex:2,top:2,right:2,height:21,padding:"0 3px",background:e.background.bar,border:`1px solid ${e.appBorderColor}`,borderRadius:3,color:e.textMutedColor,fontSize:"9px",fontWeight:"bold",textDecoration:"none",span:{marginLeft:3,marginTop:1}})),$te=_(zi.Textarea)(({theme:e})=>({flex:1,padding:"7px 6px",fontFamily:e.typography.fonts.mono,fontSize:"12px",lineHeight:"18px","&::placeholder":{fontFamily:e.typography.fonts.base,fontSize:"13px"},"&:placeholder-shown":{padding:"7px 10px"}})),Ote={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},Lte=e=>{e.currentTarget.dispatchEvent(new Ite.KeyboardEvent("keydown",Ote))},Mte=e=>{e.currentTarget.select()},Pte=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),z3=({name:e,value:t,onChange:r,argType:n})=>{let a=mb(),o=l.useMemo(()=>t&&aJ(t),[t]),i=o!=null,[s,u]=l.useState(!i),[d,f]=l.useState(null),h=!!n?.table?.readonly,p=l.useCallback(x=>{try{x&&r(JSON.parse(x)),f(void 0)}catch(w){f(w)}},[r]),[m,g]=l.useState(!1),y=l.useCallback(()=>{r({}),g(!0)},[g]),b=l.useRef(null);if(l.useEffect(()=>{m&&b.current&&b.current.select()},[m]),!i)return v.createElement(zn,{disabled:h,id:Hs(e),onClick:y},"Set object");let E=v.createElement($te,{ref:b,id:Ct(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:x=>p(x.target.value),placeholder:"Edit JSON string...",autoFocus:m,valid:d?"error":null,readOnly:h}),C=Array.isArray(t)||typeof t=="object"&&t?.constructor===Object;return v.createElement(Tte,{"aria-readonly":h},C&&v.createElement(zte,{onClick:x=>{x.preventDefault(),u(w=>!w)}},s?v.createElement(dM,null):v.createElement(cM,null),v.createElement("span",null,"RAW")),s?E:v.createElement(GD,{readOnly:h||!C,isCollapsed:C?void 0:()=>!0,data:o,rootName:e,onFullyUpdate:r,getStyle:Pte(a),cancelButtonElement:v.createElement(Td,{type:"button"},"Cancel"),editButtonElement:v.createElement(Td,{type:"submit"},"Save"),addButtonElement:v.createElement(Td,{type:"submit",primary:!0},"Save"),plusMenuElement:v.createElement(Rte,null),minusMenuElement:v.createElement(Bte,null),inputElement:(x,w,D,S)=>S?v.createElement(B3,{onFocus:Mte,onBlur:Lte}):v.createElement(B3,null),fallback:E}))},Nte=_.input(({theme:e,min:t,max:r,value:n,disabled:a})=>({"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:e.base==="light"?`linear-gradient(to right, + */const{global:rt}=__STORYBOOK_MODULE_GLOBAL__,{deprecate:iee,once:lee,logger:fm}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{filterArgTypes:D3,composeConfigs:uae,Preview:cae,DocsContext:dae}=__STORYBOOK_MODULE_PREVIEW_API__,{STORY_ARGS_UPDATED:S3,UPDATE_STORY_ARGS:see,RESET_STORY_ARGS:uee,GLOBALS_UPDATED:A3,NAVIGATE_URL:cee}=__STORYBOOK_MODULE_CORE_EVENTS__;__STORYBOOK_MODULE_CHANNELS__;var dee=$a({"../../node_modules/tocbot/src/js/default-options.js"(e,t){t.exports={tocSelector:".js-toc",contentSelector:".js-toc-content",headingSelector:"h1, h2, h3",ignoreSelector:".js-toc-ignore",hasInnerContainers:!1,linkClass:"toc-link",extraLinkClasses:"",activeLinkClass:"is-active-link",listClass:"toc-list",extraListClasses:"",isCollapsedClass:"is-collapsed",collapsibleClass:"is-collapsible",listItemClass:"toc-list-item",activeListItemClass:"is-active-li",collapseDepth:0,scrollSmooth:!0,scrollSmoothDuration:420,scrollSmoothOffset:0,scrollEndCallback:function(r){},headingsOffset:1,throttleTimeout:50,positionFixedSelector:null,positionFixedClass:"is-position-fixed",fixedSidebarOffset:"auto",includeHtml:!1,includeTitleTags:!1,onClick:function(r){},orderedList:!0,scrollContainer:null,skipRendering:!1,headingLabelCallback:!1,ignoreHiddenElements:!1,headingObjectCallback:null,basePath:"",disableTocScrollSync:!1,tocScrollOffset:0}}}),pee=$a({"../../node_modules/tocbot/src/js/build-html.js"(e,t){t.exports=function(r){var n=[].forEach,a=[].some,o=document.body,i,s=!0,u=" ";function d(w,D){var S=D.appendChild(h(w));if(w.children.length){var A=p(w.isCollapsed);w.children.forEach(function(k){d(k,A)}),S.appendChild(A)}}function f(w,D){var S=!1,A=p(S);if(D.forEach(function(k){d(k,A)}),i=w||i,i!==null)return i.firstChild&&i.removeChild(i.firstChild),D.length===0?i:i.appendChild(A)}function h(w){var D=document.createElement("li"),S=document.createElement("a");return r.listItemClass&&D.setAttribute("class",r.listItemClass),r.onClick&&(S.onclick=r.onClick),r.includeTitleTags&&S.setAttribute("title",w.textContent),r.includeHtml&&w.childNodes.length?n.call(w.childNodes,function(A){S.appendChild(A.cloneNode(!0))}):S.textContent=w.textContent,S.setAttribute("href",r.basePath+"#"+w.id),S.setAttribute("class",r.linkClass+u+"node-name--"+w.nodeName+u+r.extraLinkClasses),D.appendChild(S),D}function p(w){var D=r.orderedList?"ol":"ul",S=document.createElement(D),A=r.listClass+u+r.extraListClasses;return w&&(A=A+u+r.collapsibleClass,A=A+u+r.isCollapsedClass),S.setAttribute("class",A),S}function m(){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var w;w=document.querySelector(r.scrollContainer).scrollTop}else w=document.documentElement.scrollTop||o.scrollTop;var D=document.querySelector(r.positionFixedSelector);r.fixedSidebarOffset==="auto"&&(r.fixedSidebarOffset=i.offsetTop),w>r.fixedSidebarOffset?D.className.indexOf(r.positionFixedClass)===-1&&(D.className+=u+r.positionFixedClass):D.className=D.className.replace(u+r.positionFixedClass,"")}function g(w){var D=0;return w!==null&&(D=w.offsetTop,r.hasInnerContainers&&(D+=g(w.offsetParent))),D}function y(w,D){return w&&w.className!==D&&(w.className=D),w}function b(w){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var D;D=document.querySelector(r.scrollContainer).scrollTop}else D=document.documentElement.scrollTop||o.scrollTop;r.positionFixedSelector&&m();var S=w,A;if(s&&i!==null&&S.length>0){a.call(S,function(L,$){if(g(L)>D+r.headingsOffset+10){var M=$===0?$:$-1;return A=S[M],!0}else if($===S.length-1)return A=S[S.length-1],!0});var k=i.querySelector("."+r.activeLinkClass),F=i.querySelector("."+r.linkClass+".node-name--"+A.nodeName+'[href="'+r.basePath+"#"+A.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(k===F)return;var T=i.querySelectorAll("."+r.linkClass);n.call(T,function(L){y(L,L.className.replace(u+r.activeLinkClass,""))});var R=i.querySelectorAll("."+r.listItemClass);n.call(R,function(L){y(L,L.className.replace(u+r.activeListItemClass,""))}),F&&F.className.indexOf(r.activeLinkClass)===-1&&(F.className+=u+r.activeLinkClass);var O=F&&F.parentNode;O&&O.className.indexOf(r.activeListItemClass)===-1&&(O.className+=u+r.activeListItemClass);var z=i.querySelectorAll("."+r.listClass+"."+r.collapsibleClass);n.call(z,function(L){L.className.indexOf(r.isCollapsedClass)===-1&&(L.className+=u+r.isCollapsedClass)}),F&&F.nextSibling&&F.nextSibling.className.indexOf(r.isCollapsedClass)!==-1&&y(F.nextSibling,F.nextSibling.className.replace(u+r.isCollapsedClass,"")),E(F&&F.parentNode.parentNode)}}function E(w){return w&&w.className.indexOf(r.collapsibleClass)!==-1&&w.className.indexOf(r.isCollapsedClass)!==-1?(y(w,w.className.replace(u+r.isCollapsedClass,"")),E(w.parentNode.parentNode)):w}function C(w){var D=w.target||w.srcElement;typeof D.className!="string"||D.className.indexOf(r.linkClass)===-1||(s=!1)}function x(){s=!0}return{enableTocAnimation:x,disableTocAnimation:C,render:f,updateToc:b}}}}),fee=$a({"../../node_modules/tocbot/src/js/parse-content.js"(e,t){t.exports=function(r){var n=[].reduce;function a(h){return h[h.length-1]}function o(h){return+h.nodeName.toUpperCase().replace("H","")}function i(h){try{return h instanceof window.HTMLElement||h instanceof window.parent.HTMLElement}catch{return h instanceof window.HTMLElement}}function s(h){if(!i(h))return h;if(r.ignoreHiddenElements&&(!h.offsetHeight||!h.offsetParent))return null;let p=h.getAttribute("data-heading-label")||(r.headingLabelCallback?String(r.headingLabelCallback(h.innerText)):(h.innerText||h.textContent).trim());var m={id:h.id,children:[],nodeName:h.nodeName,headingLevel:o(h),textContent:p};return r.includeHtml&&(m.childNodes=h.childNodes),r.headingObjectCallback?r.headingObjectCallback(m,h):m}function u(h,p){for(var m=s(h),g=m.headingLevel,y=p,b=a(y),E=b?b.headingLevel:0,C=g-E;C>0&&(b=a(y),!(b&&g===b.headingLevel));)b&&b.children!==void 0&&(y=b.children),C--;return g>=r.collapseDepth&&(m.isCollapsed=!0),y.push(m),y}function d(h,p){var m=p;r.ignoreSelector&&(m=p.split(",").map(function(g){return g.trim()+":not("+r.ignoreSelector+")"}));try{return h.querySelectorAll(m)}catch{return console.warn("Headers not found with selector: "+m),null}}function f(h){return n.call(h,function(p,m){var g=s(m);return g&&u(g,p.nest),p},{nest:[]})}return{nestHeadingsArray:f,selectHeadings:d}}}}),hee=$a({"../../node_modules/tocbot/src/js/update-toc-scroll.js"(e,t){t.exports=function(r){var n=r.tocElement||document.querySelector(r.tocSelector);if(n&&n.scrollHeight>n.clientHeight){var a=n.querySelector("."+r.activeListItemClass);a&&(n.scrollTop=a.offsetTop-r.tocScrollOffset)}}}}),mee=$a({"../../node_modules/tocbot/src/js/scroll-smooth/index.js"(e){e.initSmoothScrolling=t;function t(n){var a=n.duration,o=n.offset,i=location.hash?d(location.href):location.href;s();function s(){document.body.addEventListener("click",h,!1);function h(p){!u(p.target)||p.target.className.indexOf("no-smooth-scroll")>-1||p.target.href.charAt(p.target.href.length-2)==="#"&&p.target.href.charAt(p.target.href.length-1)==="!"||p.target.className.indexOf(n.linkClass)===-1||r(p.target.hash,{duration:a,offset:o,callback:function(){f(p.target.hash)}})}}function u(h){return h.tagName.toLowerCase()==="a"&&(h.hash.length>0||h.href.charAt(h.href.length-1)==="#")&&(d(h.href)===i||d(h.href)+"#"===i)}function d(h){return h.slice(0,h.lastIndexOf("#"))}function f(h){var p=document.getElementById(h.substring(1));p&&(/^(?:a|select|input|button|textarea)$/i.test(p.tagName)||(p.tabIndex=-1),p.focus())}}function r(n,a){var o=window.pageYOffset,i={duration:a.duration,offset:a.offset||0,callback:a.callback,easing:a.easing||g},s=document.querySelector('[id="'+decodeURI(n).split("#").join("")+'"]')||document.querySelector('[id="'+n.split("#").join("")+'"]'),u=typeof n=="string"?i.offset+(n?s&&s.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):n,d=typeof i.duration=="function"?i.duration(u):i.duration,f,h;requestAnimationFrame(function(y){f=y,p(y)});function p(y){h=y-f,window.scrollTo(0,i.easing(h,o,u,d)),h"u"&&!h)return;var p,m=Object.prototype.hasOwnProperty;function g(){for(var C={},x=0;x({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:se(.3,e.color.defaultText),fontSize:e.typography.size.s2})),RD=e=>v.createElement(vee,{...e,className:"docblock-emptyblock sb-unstyled"}),yee=_(Th)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}})),bee=_.div(({theme:e})=>({background:e.background.content,borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"})),bl=_.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${Pd}`]:{margin:0}})),wee=()=>v.createElement(bee,null,v.createElement(bl,null),v.createElement(bl,{style:{width:"80%"}}),v.createElement(bl,{style:{width:"30%"}}),v.createElement(bl,{style:{width:"80%"}})),BD=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:s}=mb();if(e)return v.createElement(wee,null);if(t)return v.createElement(RD,null,t);let u=v.createElement(yee,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return u;let d=a?Ld.dark:Ld.light;return v.createElement(gb,{theme:Md({...d,fontCode:s.fonts.mono,fontBase:s.fonts.base})},u)},ve=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,hm=600,Eee=_.h1(de,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${hm}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),xee=_.h2(de,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${hm}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:se(.25,e.color.defaultText)})),Cee=_.div(({theme:e})=>{let t={fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},r={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},n={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?se(.1,e.color.defaultText):se(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[ve("a")]:{...t,fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[ve("blockquote")]:{...t,margin:"16px 0",borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[ve("div")]:t,[ve("dl")]:{...t,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[ve("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[ve("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[ve("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[ve("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[ve("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[ve("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[ve("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[ve("img")]:{maxWidth:"100%"},[ve("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[ve("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[ve("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[ve("pre")]:{...t,fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[ve("span")]:{...t,"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[ve("table")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[ve("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),Dee=_.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${hm}px)`]:{}})),See=({children:e,toc:t})=>v.createElement(Dee,{className:"sbdocs sbdocs-wrapper"},v.createElement(Cee,{className:"sbdocs sbdocs-content"},e),t),Yu=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${e.appBorderColor}`}),{window:Aee}=rt,kee=class extends l.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=Aee.document.getElementById(e)}shouldComponentUpdate(e){let{scale:t}=e;return t!==this.props.scale&&this.setIframeBodyStyle({width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(e){return Object.assign(this.iframe.contentDocument.body.style,e)}render(){let{id:e,title:t,src:r,allowFullScreen:n,scale:a,...o}=this.props;return v.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...o})}},zD=l.createContext({scale:1}),{PREVIEW_URL:_ee}=rt,Fee=_ee||"iframe.html",Fp=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,Iee=e=>{let t=l.useRef(),[r,n]=l.useState(!0),[a,o]=l.useState(),{story:i,height:s,autoplay:u,forceInitialArgs:d,renderStoryToElement:f}=e;return l.useEffect(()=>{if(!(i&&t.current))return()=>{};let h=t.current,p=f(i,h,{showMain:()=>{},showError:({title:m,description:g})=>o(new Error(`${m} - ${g}`)),showException:m=>o(m)},{autoplay:u,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>p())}},[u,f,i]),a?v.createElement("pre",null,v.createElement(K$,{error:a})):v.createElement(v.Fragment,null,s?v.createElement("style",null,`#${Fp(e)} { min-height: ${s}; transform: translateZ(0); overflow: auto }`):null,r&&v.createElement($D,null),v.createElement("div",{ref:t,id:`${Fp(e)}-inner`,"data-name":i.name}))},Tee=({story:e,height:t="500px"})=>v.createElement("div",{style:{width:"100%",height:t}},v.createElement(zD.Consumer,null,({scale:r})=>v.createElement(kee,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:vL(Fee,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),Ree=_.strong(({theme:e})=>({color:e.color.orange})),Bee=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?v.createElement(Ree,null,"This story mounts inside of play. Set"," ",v.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):v.createElement("div",{id:Fp(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?v.createElement(Iee,{...e}):v.createElement(Tee,{...e}))},$D=()=>v.createElement(gL,null),zee=_(Hh)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),$ee=_.div({display:"flex",alignItems:"center",gap:4}),Oee=_.div(({theme:e})=>({width:14,height:14,borderRadius:2,margin:"0 7px",backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),Lee=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>v.createElement(zee,{...o},v.createElement($ee,{key:"left"},e?[1,2,3].map(i=>v.createElement(Oee,{key:i})):v.createElement(v.Fragment,null,v.createElement(yn,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},v.createElement(lM,null)),v.createElement(yn,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},v.createElement(sM,null)),v.createElement(yn,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},v.createElement(uM,null))))),Mee=_.div(({isColumn:e,columns:t,layout:r})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px","& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),k3=_(BD)(({theme:e})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:e.appBorderRadius,borderBottomRightRadius:e.appBorderRadius,border:"none",background:e.base==="light"?"rgba(0, 0, 0, 0.85)":$t(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":$t(.05,e.background.content)}})),Pee=_.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...Yu(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),Nee=(e,t,r)=>{switch(!0){case!!(e&&e.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>r(!1)}};case t:return{source:v.createElement(k3,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:v.createElement(k3,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function Hee(e){if(l.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var jee=_(Lee)({position:"absolute",top:0,left:0,right:0,height:40}),Vee=_.div({overflow:"hidden",position:"relative"}),OD=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:s,className:u,layout:d="padded",...f})=>{let[h,p]=l.useState(i),{source:m,actionItem:g}=Nee(a,h,p),[y,b]=l.useState(1),E=[u].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),C=a?[g]:[],[x,w]=l.useState(s?[...s]:[]),D=[...C,...x],{window:S}=rt,A=l.useCallback(async F=>{let{createCopyToClipboardFunction:T}=await Op(()=>import("./index-UIUqPLKC.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url);T()},[]),k=F=>{let T=S.getSelection();T&&T.type==="Range"||(F.preventDefault(),x.filter(R=>R.title==="Copied").length===0&&A(m.props.code).then(()=>{w([...x,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>w(x.filter(R=>R.title!=="Copied")),1500)}))};return v.createElement(Pee,{withSource:a,withToolbar:o,...f,className:E.join(" ")},o&&v.createElement(jee,{isLoading:e,border:!0,zoom:F=>b(y*F),resetZoom:()=>b(1),storyId:Hee(n),baseUrl:"./iframe.html"}),v.createElement(zD.Provider,{value:{scale:y}},v.createElement(Vee,{className:"docs-story",onCopyCapture:a&&k},v.createElement(Mee,{isColumn:t||!Array.isArray(n),columns:r,layout:d},v.createElement(N$.Element,{scale:y},Array.isArray(n)?n.map((F,T)=>v.createElement("div",{key:T},F)):v.createElement("div",null,n))),v.createElement(pf,{actionItems:D}))),a&&h&&m)};_(OD)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));var Uee=_.label(({theme:e})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:e.boolean.background,borderRadius:"3em",padding:1,'&[aria-disabled="true"]':{opacity:.5,input:{cursor:"not-allowed"}},input:{appearance:"none",width:"100%",height:"100%",position:"absolute",left:0,top:0,margin:0,padding:0,border:"none",background:"transparent",cursor:"pointer",borderRadius:"3em","&:focus":{outline:"none",boxShadow:`${e.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:"center",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:se(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${ml(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${ml(.05,e.appBorderColor)} 0 0 0 2px inset`,color:ml(1,e.appBorderColor)},"&:first-of-type":{paddingRight:8},"&:last-of-type":{paddingLeft:8}},"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type":{background:e.boolean.selectedBackground,boxShadow:e.base==="light"?`${ml(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),qee=e=>e==="true",Wee=({name:e,value:t,onChange:r,onBlur:n,onFocus:a,argType:o})=>{let i=l.useCallback(()=>r(!1),[r]),s=!!o?.table?.readonly;if(t===void 0)return v.createElement(zn,{variant:"outline",size:"medium",id:Hs(e),onClick:i,disabled:s},"Set boolean");let u=Ct(e),d=typeof t=="string"?qee(t):t;return v.createElement(Uee,{"aria-disabled":s,htmlFor:u,"aria-label":e},v.createElement("input",{id:u,type:"checkbox",onChange:f=>r(f.target.checked),checked:d,role:"switch",disabled:s,name:e,onBlur:n,onFocus:a}),v.createElement("span",{"aria-hidden":"true"},"False"),v.createElement("span",{"aria-hidden":"true"},"True"))},Gee=e=>{let[t,r,n]=e.split("-"),a=new Date;return a.setFullYear(parseInt(t,10),parseInt(r,10)-1,parseInt(n,10)),a},Kee=e=>{let[t,r]=e.split(":"),n=new Date;return n.setHours(parseInt(t,10)),n.setMinutes(parseInt(r,10)),n},Yee=e=>{let t=new Date(e),r=`000${t.getFullYear()}`.slice(-4),n=`0${t.getMonth()+1}`.slice(-2),a=`0${t.getDate()}`.slice(-2);return`${r}-${n}-${a}`},Zee=e=>{let t=new Date(e),r=`0${t.getHours()}`.slice(-2),n=`0${t.getMinutes()}`.slice(-2);return`${r}:${n}`},_3=_(zi.Input)(({readOnly:e})=>({opacity:e?.5:1})),Jee=_.div(({theme:e})=>({flex:1,display:"flex",input:{marginLeft:10,flex:1,height:32,"&::-webkit-calendar-picker-indicator":{opacity:.5,height:12,filter:e.base==="light"?void 0:"invert(1)"}},"input:first-of-type":{marginLeft:0,flexGrow:4},"input:last-of-type":{flexGrow:3}})),Xee=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,argType:o})=>{let[i,s]=l.useState(!0),u=l.useRef(),d=l.useRef(),f=!!o?.table?.readonly;l.useEffect(()=>{i!==!1&&(u&&u.current&&(u.current.value=t?Yee(t):""),d&&d.current&&(d.current.value=t?Zee(t):""))},[t]);let h=g=>{if(!g.target.value)return r();let y=Gee(g.target.value),b=new Date(t);b.setFullYear(y.getFullYear(),y.getMonth(),y.getDate());let E=b.getTime();E&&r(E),s(!!E)},p=g=>{if(!g.target.value)return r();let y=Kee(g.target.value),b=new Date(t);b.setHours(y.getHours()),b.setMinutes(y.getMinutes());let E=b.getTime();E&&r(E),s(!!E)},m=Ct(e);return v.createElement(Jee,null,v.createElement(_3,{type:"date",max:"9999-12-31",ref:u,id:`${m}-date`,name:`${m}-date`,readOnly:f,onChange:h,onFocus:n,onBlur:a}),v.createElement(_3,{type:"time",id:`${m}-time`,name:`${m}-time`,ref:d,onChange:p,readOnly:f,onFocus:n,onBlur:a}),i?null:v.createElement("div",null,"invalid"))},Qee=_.label({display:"flex"}),ete=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},tte=_(zi.Input)(({readOnly:e})=>({opacity:e?.5:1})),rte=({name:e,value:t,onChange:r,min:n,max:a,step:o,onBlur:i,onFocus:s,argType:u})=>{let[d,f]=l.useState(typeof t=="number"?t:""),[h,p]=l.useState(!1),[m,g]=l.useState(null),y=!!u?.table?.readonly,b=l.useCallback(x=>{f(x.target.value);let w=parseFloat(x.target.value);Number.isNaN(w)?g(new Error(`'${x.target.value}' is not a number`)):(r(w),g(null))},[r,g]),E=l.useCallback(()=>{f("0"),r(0),p(!0)},[p]),C=l.useRef(null);return l.useEffect(()=>{h&&C.current&&C.current.select()},[h]),l.useEffect(()=>{d!==(typeof t=="number"?t:"")&&f(t)},[t]),t===void 0?v.createElement(zn,{variant:"outline",size:"medium",id:Hs(e),onClick:E,disabled:y},"Set number"):v.createElement(Qee,null,v.createElement(tte,{ref:C,id:Ct(e),type:"number",onChange:b,size:"flex",placeholder:"Edit number...",value:d,valid:m?"error":null,autoFocus:h,readOnly:y,name:e,min:n,max:a,step:o,onFocus:s,onBlur:i}))},LD=(e,t)=>{let r=t&&Object.entries(t).find(([n,a])=>a===e);return r?r[0]:void 0},Ip=(e,t)=>e&&t?Object.entries(t).filter(r=>e.includes(r[1])).map(r=>r[0]):[],MD=(e,t)=>e&&t&&e.map(r=>t[r]),nte=_.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}},e=>{if(e["aria-readonly"]==="true")return{input:{cursor:"not-allowed"}}}),ate=_.span({"[aria-readonly=true] &":{opacity:.5}}),ote=_.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),F3=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{if(!t)return fm.warn(`Checkbox with no options: ${e}`),v.createElement(v.Fragment,null,"-");let i=Ip(r,t),[s,u]=l.useState(i),d=!!o?.table?.readonly,f=p=>{let m=p.target.value,g=[...s];g.includes(m)?g.splice(g.indexOf(m),1):g.push(m),n(MD(g,t)),u(g)};l.useEffect(()=>{u(Ip(r,t))},[r]);let h=Ct(e);return v.createElement(nte,{"aria-readonly":d,isInline:a},Object.keys(t).map((p,m)=>{let g=`${h}-${m}`;return v.createElement(ote,{key:g,htmlFor:g},v.createElement("input",{type:"checkbox",disabled:d,id:g,name:g,value:p,onChange:f,checked:s?.includes(p)}),v.createElement(ate,null,p))}))},ite=_.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}},e=>{if(e["aria-readonly"]==="true")return{input:{cursor:"not-allowed"}}}),lte=_.span({"[aria-readonly=true] &":{opacity:.5}}),ste=_.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),I3=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{if(!t)return fm.warn(`Radio with no options: ${e}`),v.createElement(v.Fragment,null,"-");let i=LD(r,t),s=Ct(e),u=!!o?.table?.readonly;return v.createElement(ite,{"aria-readonly":u,isInline:a},Object.keys(t).map((d,f)=>{let h=`${s}-${f}`;return v.createElement(ste,{key:h,htmlFor:h},v.createElement("input",{type:"radio",id:h,name:s,disabled:u,value:d,onChange:p=>n(t[p.currentTarget.value]),checked:d===i}),v.createElement(lte,null,d))}))},ute={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},PD=_.select(ute,({theme:e})=>({boxSizing:"border-box",position:"relative",padding:"6px 10px",width:"100%",color:e.input.color||"inherit",background:e.input.background,borderRadius:e.input.borderRadius,boxShadow:`${e.input.border} 0 0 0 1px inset`,fontSize:e.typography.size.s2-1,lineHeight:"20px","&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"::placeholder":{color:e.textMutedColor},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}})),ND=_.span(({theme:e})=>({display:"inline-block",lineHeight:"normal",overflow:"hidden",position:"relative",verticalAlign:"top",width:"100%",svg:{position:"absolute",zIndex:1,pointerEvents:"none",height:"12px",marginTop:"-6px",right:"12px",top:"50%",fill:e.textMutedColor,path:{fill:e.textMutedColor}}})),T3="Choose option...",cte=({name:e,value:t,options:r,onChange:n,argType:a})=>{let o=d=>{n(r[d.currentTarget.value])},i=LD(t,r)||T3,s=Ct(e),u=!!a?.table?.readonly;return v.createElement(ND,null,v.createElement(bC,null),v.createElement(PD,{disabled:u,id:s,value:i,onChange:o},v.createElement("option",{key:"no-selection",disabled:!0},T3),Object.keys(r).map(d=>v.createElement("option",{key:d,value:d},d))))},dte=({name:e,value:t,options:r,onChange:n,argType:a})=>{let o=d=>{let f=Array.from(d.currentTarget.options).filter(h=>h.selected).map(h=>h.value);n(MD(f,r))},i=Ip(t,r),s=Ct(e),u=!!a?.table?.readonly;return v.createElement(ND,null,v.createElement(PD,{disabled:u,id:s,multiple:!0,value:i,onChange:o},Object.keys(r).map(d=>v.createElement("option",{key:d,value:d},d))))},R3=e=>{let{name:t,options:r}=e;return r?e.isMulti?v.createElement(dte,{...e}):v.createElement(cte,{...e}):(fm.warn(`Select with no options: ${t}`),v.createElement(v.Fragment,null,"-"))},pte=(e,t)=>Array.isArray(e)?e.reduce((r,n)=>(r[t?.[n]||String(n)]=n,r),{}):e,fte={check:F3,"inline-check":F3,radio:I3,"inline-radio":I3,select:R3,"multi-select":R3},Kn=e=>{let{type:t="select",labels:r,argType:n}=e,a={...e,argType:n,options:n?pte(n.options,r):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},o=fte[t];if(o)return v.createElement(o,{...a});throw new Error(`Unknown options type: ${t}`)},hte="Error",mte="Object",gte="Array",vte="String",yte="Number",bte="Boolean",wte="Date",Ete="Null",xte="Undefined",Cte="Function",Dte="Symbol",HD="ADD_DELTA_TYPE",jD="REMOVE_DELTA_TYPE",VD="UPDATE_DELTA_TYPE",mm="value",Ste="key";function hn(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)&&typeof e[Symbol.iterator]=="function"?"Iterable":Object.prototype.toString.call(e).slice(8,-1)}function UD(e,t){let r=hn(e),n=hn(t);return(r==="Function"||n==="Function")&&n!==r}var gm=class extends l.Component{constructor(e){super(e),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this)}componentDidMount(){let{inputRefKey:e,inputRefValue:t}=this.state,{onlyValue:r}=this.props;e&&typeof e.focus=="function"&&e.focus(),r&&t&&typeof t.focus=="function"&&t.focus(),document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.onSubmit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.props.handleCancel()))}onSubmit(){let{handleAdd:e,onlyValue:t,onSubmitValueParser:r,keyPath:n,deep:a}=this.props,{inputRefKey:o,inputRefValue:i}=this.state,s={};if(!t){if(!o.value)return;s.key=o.value}s.newValue=r(!1,n,a,s.key,i.value),e(s)}refInputKey(e){this.state.inputRefKey=e}refInputValue(e){this.state.inputRefValue=e}render(){let{handleCancel:e,onlyValue:t,addButtonElement:r,cancelButtonElement:n,inputElementGenerator:a,keyPath:o,deep:i}=this.props,s=l.cloneElement(r,{onClick:this.onSubmit}),u=l.cloneElement(n,{onClick:e}),d=a(mm,o,i),f=l.cloneElement(d,{placeholder:"Value",ref:this.refInputValue}),h=null;if(!t){let p=a(Ste,o,i);h=l.cloneElement(p,{placeholder:"Key",ref:this.refInputKey})}return v.createElement("span",{className:"rejt-add-value-node"},h,f,u,s)}};gm.defaultProps={onlyValue:!1,addButtonElement:v.createElement("button",null,"+"),cancelButtonElement:v.createElement("button",null,"c")};var qD=class extends l.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={data:e.data,name:e.name,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:a}=this.props,o=n.length;a(n[o-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleRemoveItem(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:a,nextDeep:o}=this.state,i=n[e];t(e,a,o,i).then(()=>{let s={keyPath:a,deep:o,key:e,oldValue:i,type:jD};n.splice(e,1),this.setState({data:n});let{onUpdate:u,onDeltaUpdate:d}=this.props;u(a[a.length-1],n),d(s)}).catch(r.error)}}handleAddValueAdd({newValue:e}){let{data:t,keyPath:r,nextDeep:n}=this.state,{beforeAddAction:a,logger:o}=this.props;a(t.length,r,n,e).then(()=>{let i=[...t,e];this.setState({data:i}),this.handleAddValueCancel();let{onUpdate:s,onDeltaUpdate:u}=this.props;s(r[r.length-1],i),u({type:HD,keyPath:r,deep:n,key:i.length-1,newValue:e})}).catch(o.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:o,keyPath:i,nextDeep:s}=this.state,u=o[e];a(e,i,s,u,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:f}=this.props;d(i[i.length-1],o),f({type:VD,keyPath:i,deep:s,key:e,newValue:t,oldValue:u}),r(void 0)}).catch(n)})}renderCollapsed(){let{name:e,data:t,keyPath:r,deep:n}=this.state,{handleRemove:a,readOnly:o,getStyle:i,dataType:s,minusMenuElement:u}=this.props,{minus:d,collapsed:f}=i(e,t,r,n,s),h=o(e,t,r,n,s),p=l.cloneElement(u,{onClick:a,className:"rejt-minus-menu",style:d});return v.createElement("span",{className:"rejt-collapsed"},v.createElement("span",{className:"rejt-collapsed-text",style:f,onClick:this.handleCollapseMode},"[...] ",t.length," ",t.length===1?"item":"items"),!h&&p)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,addFormVisible:a,nextDeep:o}=this.state,{isCollapsed:i,handleRemove:s,onDeltaUpdate:u,readOnly:d,getStyle:f,dataType:h,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:y,textareaElementGenerator:b,minusMenuElement:E,plusMenuElement:C,beforeRemoveAction:x,beforeAddAction:w,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}=this.props,{minus:k,plus:F,delimiter:T,ul:R,addForm:O}=f(e,t,r,n,h),z=d(e,t,r,n,h),L=l.cloneElement(C,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:F}),$=l.cloneElement(E,{onClick:s,className:"rejt-minus-menu",style:k});return v.createElement("span",{className:"rejt-not-collapsed"},v.createElement("span",{className:"rejt-not-collapsed-delimiter",style:T},"["),!a&&L,v.createElement("ul",{className:"rejt-not-collapsed-list",style:R},t.map((M,j)=>v.createElement(Zu,{key:j,name:j.toString(),data:M,keyPath:r,deep:o,isCollapsed:i,handleRemove:this.handleRemoveItem(j),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:u,readOnly:d,getStyle:f,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:y,textareaElementGenerator:b,minusMenuElement:E,plusMenuElement:C,beforeRemoveAction:x,beforeAddAction:w,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}))),!z&&a&&v.createElement("div",{className:"rejt-add-form",style:O},v.createElement(gm,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement:p,cancelButtonElement:m,inputElementGenerator:y,keyPath:r,deep:n,onSubmitValueParser:A})),v.createElement("span",{className:"rejt-not-collapsed-delimiter",style:T},"]"),!z&&$)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{dataType:o,getStyle:i}=this.props,s=t?this.renderCollapsed():this.renderNotCollapsed(),u=i(e,r,n,a,o);return v.createElement("div",{className:"rejt-array-node"},v.createElement("span",{onClick:this.handleCollapseMode},v.createElement("span",{className:"rejt-name",style:u.name},e," :"," ")),s)}};qD.defaultProps={keyPath:[],deep:0,minusMenuElement:v.createElement("span",null," - "),plusMenuElement:v.createElement("span",null," + ")};var WD=class extends l.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:a,deep:o}=this.state,{readOnly:i,dataType:s}=this.props,u=i(r,n,a,o,s);e&&!u&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:a}=this.props,{inputRef:o,name:i,deep:s}=this.state;if(!o)return;let u=n(!0,a,s,i,o.value);e({value:u,key:i}).then(()=>{UD(t,u)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:a}=this.state,{handleRemove:o,originalValue:i,readOnly:s,dataType:u,getStyle:d,editButtonElement:f,cancelButtonElement:h,textareaElementGenerator:p,minusMenuElement:m,keyPath:g}=this.props,y=d(e,i,n,a,u),b=null,E=null,C=s(e,i,n,a,u);if(r&&!C){let x=p(mm,g,a,e,i,u),w=l.cloneElement(f,{onClick:this.handleEdit}),D=l.cloneElement(h,{onClick:this.handleCancelEdit}),S=l.cloneElement(x,{ref:this.refInput,defaultValue:i});b=v.createElement("span",{className:"rejt-edit-form",style:y.editForm},S," ",D,w),E=null}else{b=v.createElement("span",{className:"rejt-value",style:y.value,onClick:C?null:this.handleEditMode},t);let x=l.cloneElement(m,{onClick:o,className:"rejt-minus-menu",style:y.minus});E=C?null:x}return v.createElement("li",{className:"rejt-function-value-node",style:y.li},v.createElement("span",{className:"rejt-name",style:y.name},e," :"," "),b,E)}};WD.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:v.createElement("button",null,"e"),cancelButtonElement:v.createElement("button",null,"c"),minusMenuElement:v.createElement("span",null," - ")};var Zu=class extends l.Component{constructor(e){super(e),this.state={data:e.data,name:e.name,keyPath:e.keyPath,deep:e.deep}}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}render(){let{data:e,name:t,keyPath:r,deep:n}=this.state,{isCollapsed:a,handleRemove:o,handleUpdateValue:i,onUpdate:s,onDeltaUpdate:u,readOnly:d,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:y,minusMenuElement:b,plusMenuElement:E,beforeRemoveAction:C,beforeAddAction:x,beforeUpdateAction:w,logger:D,onSubmitValueParser:S}=this.props,A=()=>!0,k=hn(e);switch(k){case hte:return v.createElement(Tp,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:s,onDeltaUpdate:u,readOnly:A,dataType:k,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:y,minusMenuElement:b,plusMenuElement:E,beforeRemoveAction:C,beforeAddAction:x,beforeUpdateAction:w,logger:D,onSubmitValueParser:S});case mte:return v.createElement(Tp,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:s,onDeltaUpdate:u,readOnly:d,dataType:k,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:y,minusMenuElement:b,plusMenuElement:E,beforeRemoveAction:C,beforeAddAction:x,beforeUpdateAction:w,logger:D,onSubmitValueParser:S});case gte:return v.createElement(qD,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:s,onDeltaUpdate:u,readOnly:d,dataType:k,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:y,minusMenuElement:b,plusMenuElement:E,beforeRemoveAction:C,beforeAddAction:x,beforeUpdateAction:w,logger:D,onSubmitValueParser:S});case vte:return v.createElement(Cr,{name:t,value:`"${e}"`,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case yte:return v.createElement(Cr,{name:t,value:e,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case bte:return v.createElement(Cr,{name:t,value:e?"true":"false",originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case wte:return v.createElement(Cr,{name:t,value:e.toISOString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:A,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case Ete:return v.createElement(Cr,{name:t,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case xte:return v.createElement(Cr,{name:t,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case Cte:return v.createElement(WD,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,textareaElementGenerator:y,minusMenuElement:b,logger:D,onSubmitValueParser:S});case Dte:return v.createElement(Cr,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:A,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});default:return null}}};Zu.defaultProps={keyPath:[],deep:0};var Tp=class extends l.Component{constructor(e){super(e);let t=e.deep===-1?[]:[...e.keyPath,e.name];this.state={name:e.name,data:e.data,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:a}=this.props,o=n.length;a(n[o-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleAddValueAdd({key:e,newValue:t}){let{data:r,keyPath:n,nextDeep:a}=this.state,{beforeAddAction:o,logger:i}=this.props;o(e,n,a,t).then(()=>{r[e]=t,this.setState({data:r}),this.handleAddValueCancel();let{onUpdate:s,onDeltaUpdate:u}=this.props;s(n[n.length-1],r),u({type:HD,keyPath:n,deep:a,key:e,newValue:t})}).catch(i.error)}handleRemoveValue(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:a,nextDeep:o}=this.state,i=n[e];t(e,a,o,i).then(()=>{let s={keyPath:a,deep:o,key:e,oldValue:i,type:jD};delete n[e],this.setState({data:n});let{onUpdate:u,onDeltaUpdate:d}=this.props;u(a[a.length-1],n),d(s)}).catch(r.error)}}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:o,keyPath:i,nextDeep:s}=this.state,u=o[e];a(e,i,s,u,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:f}=this.props;d(i[i.length-1],o),f({type:VD,keyPath:i,deep:s,key:e,newValue:t,oldValue:u}),r()}).catch(n)})}renderCollapsed(){let{name:e,keyPath:t,deep:r,data:n}=this.state,{handleRemove:a,readOnly:o,dataType:i,getStyle:s,minusMenuElement:u}=this.props,{minus:d,collapsed:f}=s(e,n,t,r,i),h=Object.getOwnPropertyNames(n),p=o(e,n,t,r,i),m=l.cloneElement(u,{onClick:a,className:"rejt-minus-menu",style:d});return v.createElement("span",{className:"rejt-collapsed"},v.createElement("span",{className:"rejt-collapsed-text",style:f,onClick:this.handleCollapseMode},"{...}"," ",h.length," ",h.length===1?"key":"keys"),!p&&m)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,nextDeep:a,addFormVisible:o}=this.state,{isCollapsed:i,handleRemove:s,onDeltaUpdate:u,readOnly:d,getStyle:f,dataType:h,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:y,textareaElementGenerator:b,minusMenuElement:E,plusMenuElement:C,beforeRemoveAction:x,beforeAddAction:w,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}=this.props,{minus:k,plus:F,addForm:T,ul:R,delimiter:O}=f(e,t,r,n,h),z=Object.getOwnPropertyNames(t),L=d(e,t,r,n,h),$=l.cloneElement(C,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:F}),M=l.cloneElement(E,{onClick:s,className:"rejt-minus-menu",style:k}),j=z.map(K=>v.createElement(Zu,{key:K,name:K,data:t[K],keyPath:r,deep:a,isCollapsed:i,handleRemove:this.handleRemoveValue(K),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:u,readOnly:d,getStyle:f,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:y,textareaElementGenerator:b,minusMenuElement:E,plusMenuElement:C,beforeRemoveAction:x,beforeAddAction:w,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}));return v.createElement("span",{className:"rejt-not-collapsed"},v.createElement("span",{className:"rejt-not-collapsed-delimiter",style:O},"{"),!L&&$,v.createElement("ul",{className:"rejt-not-collapsed-list",style:R},j),!L&&o&&v.createElement("div",{className:"rejt-add-form",style:T},v.createElement(gm,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:p,cancelButtonElement:m,inputElementGenerator:y,keyPath:r,deep:n,onSubmitValueParser:A})),v.createElement("span",{className:"rejt-not-collapsed-delimiter",style:O},"}"),!L&&M)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{getStyle:o,dataType:i}=this.props,s=t?this.renderCollapsed():this.renderNotCollapsed(),u=o(e,r,n,a,i);return v.createElement("div",{className:"rejt-object-node"},v.createElement("span",{onClick:this.handleCollapseMode},v.createElement("span",{className:"rejt-name",style:u.name},e," :"," ")),s)}};Tp.defaultProps={keyPath:[],deep:0,minusMenuElement:v.createElement("span",null," - "),plusMenuElement:v.createElement("span",null," + ")};var Cr=class extends l.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:a,deep:o}=this.state,{readOnly:i,dataType:s}=this.props,u=i(r,n,a,o,s);e&&!u&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:a}=this.props,{inputRef:o,name:i,deep:s}=this.state;if(!o)return;let u=n(!0,a,s,i,o.value);e({value:u,key:i}).then(()=>{UD(t,u)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:a}=this.state,{handleRemove:o,originalValue:i,readOnly:s,dataType:u,getStyle:d,editButtonElement:f,cancelButtonElement:h,inputElementGenerator:p,minusMenuElement:m,keyPath:g}=this.props,y=d(e,i,n,a,u),b=s(e,i,n,a,u),E=r&&!b,C=p(mm,g,a,e,i,u),x=l.cloneElement(f,{onClick:this.handleEdit}),w=l.cloneElement(h,{onClick:this.handleCancelEdit}),D=l.cloneElement(C,{ref:this.refInput,defaultValue:JSON.stringify(i)}),S=l.cloneElement(m,{onClick:o,className:"rejt-minus-menu",style:y.minus});return v.createElement("li",{className:"rejt-value-node",style:y.li},v.createElement("span",{className:"rejt-name",style:y.name},e," : "),E?v.createElement("span",{className:"rejt-edit-form",style:y.editForm},D," ",w,x):v.createElement("span",{className:"rejt-value",style:y.value,onClick:b?null:this.handleEditMode},String(t)),!b&&!E&&S)}};Cr.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:v.createElement("button",null,"e"),cancelButtonElement:v.createElement("button",null,"c"),minusMenuElement:v.createElement("span",null," - ")};function Ate(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var kte={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},_te={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},Fte={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}},GD=class extends l.Component{constructor(e){super(e),this.state={data:e.data,rootName:e.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data||e.rootName!==t.rootName?{data:e.data,rootName:e.rootName}:null}onUpdate(e,t){this.setState({data:t}),this.props.onFullyUpdate(t)}removeRoot(){this.onUpdate(null,null)}render(){let{data:e,rootName:t}=this.state,{isCollapsed:r,onDeltaUpdate:n,readOnly:a,getStyle:o,addButtonElement:i,cancelButtonElement:s,editButtonElement:u,inputElement:d,textareaElement:f,minusMenuElement:h,plusMenuElement:p,beforeRemoveAction:m,beforeAddAction:g,beforeUpdateAction:y,logger:b,onSubmitValueParser:E,fallback:C=null}=this.props,x=hn(e),w=a;hn(a)==="Boolean"&&(w=()=>a);let D=d;d&&hn(d)!=="Function"&&(D=()=>d);let S=f;return f&&hn(f)!=="Function"&&(S=()=>f),x==="Object"||x==="Array"?v.createElement("div",{className:"rejt-tree"},v.createElement(Zu,{data:e,name:t,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:w,getStyle:o,addButtonElement:i,cancelButtonElement:s,editButtonElement:u,inputElementGenerator:D,textareaElementGenerator:S,minusMenuElement:h,plusMenuElement:p,handleRemove:this.removeRoot,beforeRemoveAction:m,beforeAddAction:g,beforeUpdateAction:y,logger:b,onSubmitValueParser:E})):C}};GD.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,r,n,a)=>{switch(a){case"Object":case"Error":return kte;case"Array":return _te;default:return Fte}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,r,n,a)=>Ate(a),inputElement:()=>v.createElement("input",null),textareaElement:()=>v.createElement("textarea",null),fallback:null};var{window:Ite}=rt,Tte=_.div(({theme:e})=>({position:"relative",display:"flex",'&[aria-readonly="true"]':{opacity:.5},".rejt-tree":{marginLeft:"1rem",fontSize:"13px"},".rejt-value-node, .rejt-object-node > .rejt-collapsed, .rejt-array-node > .rejt-collapsed, .rejt-object-node > .rejt-not-collapsed, .rejt-array-node > .rejt-not-collapsed":{"& > svg":{opacity:0,transition:"opacity 0.2s"}},".rejt-value-node:hover, .rejt-object-node:hover > .rejt-collapsed, .rejt-array-node:hover > .rejt-collapsed, .rejt-object-node:hover > .rejt-not-collapsed, .rejt-array-node:hover > .rejt-not-collapsed":{"& > svg":{opacity:1}},".rejt-edit-form button":{display:"none"},".rejt-add-form":{marginLeft:10},".rejt-add-value-node":{display:"inline-flex",alignItems:"center"},".rejt-name":{lineHeight:"22px"},".rejt-not-collapsed-delimiter":{lineHeight:"22px"},".rejt-plus-menu":{marginLeft:5},".rejt-object-node > span > *, .rejt-array-node > span > *":{position:"relative",zIndex:2},".rejt-object-node, .rejt-array-node":{position:"relative"},".rejt-object-node > span:first-of-type::after, .rejt-array-node > span:first-of-type::after, .rejt-collapsed::before, .rejt-not-collapsed::before":{content:'""',position:"absolute",top:0,display:"block",width:"100%",marginLeft:"-1rem",padding:"0 4px 0 1rem",height:22},".rejt-collapsed::before, .rejt-not-collapsed::before":{zIndex:1,background:"transparent",borderRadius:4,transition:"background 0.2s",pointerEvents:"none",opacity:.1},".rejt-object-node:hover, .rejt-array-node:hover":{"& > .rejt-collapsed::before, & > .rejt-not-collapsed::before":{background:e.color.secondary}},".rejt-collapsed::after, .rejt-not-collapsed::after":{content:'""',position:"absolute",display:"inline-block",pointerEvents:"none",width:0,height:0},".rejt-collapsed::after":{left:-8,top:8,borderTop:"3px solid transparent",borderBottom:"3px solid transparent",borderLeft:"3px solid rgba(153,153,153,0.6)"},".rejt-not-collapsed::after":{left:-10,top:10,borderTop:"3px solid rgba(153,153,153,0.6)",borderLeft:"3px solid transparent",borderRight:"3px solid transparent"},".rejt-value":{display:"inline-block",border:"1px solid transparent",borderRadius:4,margin:"1px 0",padding:"0 4px",cursor:"text",color:e.color.defaultText},".rejt-value-node:hover > .rejt-value":{background:e.color.lighter,borderColor:e.appBorderColor}})),Td=_.button(({theme:e,primary:t})=>({border:0,height:20,margin:1,borderRadius:4,background:t?e.color.secondary:"transparent",color:t?e.color.lightest:e.color.dark,fontWeight:t?"bold":"normal",cursor:"pointer",order:t?"initial":9})),Rte=_(fM)(({theme:e,disabled:t})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:t?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":t?{}:{color:e.color.ancillary},"svg + &":{marginLeft:0}})),Bte=_(hM)(({theme:e,disabled:t})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:t?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":t?{}:{color:e.color.negative},"svg + &":{marginLeft:0}})),B3=_.input(({theme:e,placeholder:t})=>({outline:0,margin:t?1:"1px 0",padding:"3px 4px",color:e.color.defaultText,background:e.background.app,border:`1px solid ${e.appBorderColor}`,borderRadius:4,lineHeight:"14px",width:t==="Key"?80:120,"&:focus":{border:`1px solid ${e.color.secondary}`}})),zte=_(yn)(({theme:e})=>({position:"absolute",zIndex:2,top:2,right:2,height:21,padding:"0 3px",background:e.background.bar,border:`1px solid ${e.appBorderColor}`,borderRadius:3,color:e.textMutedColor,fontSize:"9px",fontWeight:"bold",textDecoration:"none",span:{marginLeft:3,marginTop:1}})),$te=_(zi.Textarea)(({theme:e})=>({flex:1,padding:"7px 6px",fontFamily:e.typography.fonts.mono,fontSize:"12px",lineHeight:"18px","&::placeholder":{fontFamily:e.typography.fonts.base,fontSize:"13px"},"&:placeholder-shown":{padding:"7px 10px"}})),Ote={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},Lte=e=>{e.currentTarget.dispatchEvent(new Ite.KeyboardEvent("keydown",Ote))},Mte=e=>{e.currentTarget.select()},Pte=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),z3=({name:e,value:t,onChange:r,argType:n})=>{let a=mb(),o=l.useMemo(()=>t&&aJ(t),[t]),i=o!=null,[s,u]=l.useState(!i),[d,f]=l.useState(null),h=!!n?.table?.readonly,p=l.useCallback(x=>{try{x&&r(JSON.parse(x)),f(void 0)}catch(w){f(w)}},[r]),[m,g]=l.useState(!1),y=l.useCallback(()=>{r({}),g(!0)},[g]),b=l.useRef(null);if(l.useEffect(()=>{m&&b.current&&b.current.select()},[m]),!i)return v.createElement(zn,{disabled:h,id:Hs(e),onClick:y},"Set object");let E=v.createElement($te,{ref:b,id:Ct(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:x=>p(x.target.value),placeholder:"Edit JSON string...",autoFocus:m,valid:d?"error":null,readOnly:h}),C=Array.isArray(t)||typeof t=="object"&&t?.constructor===Object;return v.createElement(Tte,{"aria-readonly":h},C&&v.createElement(zte,{onClick:x=>{x.preventDefault(),u(w=>!w)}},s?v.createElement(dM,null):v.createElement(cM,null),v.createElement("span",null,"RAW")),s?E:v.createElement(GD,{readOnly:h||!C,isCollapsed:C?void 0:()=>!0,data:o,rootName:e,onFullyUpdate:r,getStyle:Pte(a),cancelButtonElement:v.createElement(Td,{type:"button"},"Cancel"),editButtonElement:v.createElement(Td,{type:"submit"},"Save"),addButtonElement:v.createElement(Td,{type:"submit",primary:!0},"Save"),plusMenuElement:v.createElement(Rte,null),minusMenuElement:v.createElement(Bte,null),inputElement:(x,w,D,S)=>S?v.createElement(B3,{onFocus:Mte,onBlur:Lte}):v.createElement(B3,null),fallback:E}))},Nte=_.input(({theme:e,min:t,max:r,value:n,disabled:a})=>({"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:e.base==="light"?`linear-gradient(to right, ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, ${$t(.02,e.input.background)} ${(n-t)/(r-t)*100}%, ${$t(.02,e.input.background)} 100%)`:`linear-gradient(to right, @@ -576,7 +576,7 @@ ${t}`);let r=t.match(U$);if(!r)return v.createElement(l.Fragment,null,t);let[,n, ${$t(.02,e.input.background)} 100%)`:`linear-gradient(to right, ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, ${on(.02,e.input.background)} ${(n-t)/(r-t)*100}%, - ${on(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${e.input.background}`,border:`1px solid ${Lt(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),KD=_.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),Hte=_(KD)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),jte=_.div({display:"flex",alignItems:"center",width:"100%"});function Vte(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var Ute=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:s,argType:u})=>{let d=m=>{r(ete(m.target.value))},f=t!==void 0,h=l.useMemo(()=>Vte(o),[o]),p=!!u?.table?.readonly;return v.createElement(jte,{"aria-readonly":p},v.createElement(KD,null,n),v.createElement(Nte,{id:Ct(e),type:"range",disabled:p,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:s,onBlur:i}),v.createElement(Hte,{numberOFDecimalsPlaces:h,max:a},f?t.toFixed(h):"--"," / ",a))},qte=_.label({display:"flex"}),Wte=_.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),Gte=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{let s=m=>{r(m.target.value)},u=!!i?.table?.readonly,[d,f]=l.useState(!1),h=l.useCallback(()=>{r(""),f(!0)},[f]);if(t===void 0)return v.createElement(zn,{variant:"outline",size:"medium",disabled:u,id:Hs(e),onClick:h},"Set string");let p=typeof t=="string";return v.createElement(qte,null,v.createElement(zi.Textarea,{id:Ct(e),maxLength:o,onChange:s,disabled:u,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:p?null:"error",name:e,value:p?t:"",onFocus:n,onBlur:a}),o&&v.createElement(Wte,{isMaxed:t?.length===o},t?.length??0," / ",o))},Kte=_(zi.Input)({padding:10});function Yte(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var Zte=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{let o=l.useRef(null),i=a?.control?.readOnly;function s(u){if(!u.target.files)return;let d=Array.from(u.target.files).map(f=>URL.createObjectURL(f));e(d),Yte(n)}return l.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),v.createElement(Kte,{ref:o,id:Ct(t),type:"file",name:t,multiple:!0,disabled:i,onChange:s,accept:r,size:"flex"})},Jte=l.lazy(()=>Op(()=>import("./Color-ERTF36HU-Cqa3auZe.js"),__vite__mapDeps([9,2,1,3,4,5,6,7,8]),import.meta.url)),Xte=e=>v.createElement(l.Suspense,{fallback:v.createElement("div",null)},v.createElement(Jte,{...e})),Qte={array:z3,object:z3,boolean:Wee,color:Xte,date:Xee,number:rte,check:Kn,"inline-check":Kn,radio:Kn,"inline-radio":Kn,select:Kn,"multi-select":Kn,range:Ute,text:Gte,file:Zte},$3=()=>v.createElement(v.Fragment,null,"-"),ere=({row:e,arg:t,updateArgs:r,isHovered:n})=>{let{key:a,control:o}=e,[i,s]=l.useState(!1),[u,d]=l.useState({value:t});l.useEffect(()=>{i||d({value:t})},[i,t]);let f=l.useCallback(y=>(d({value:y}),r({[a]:y}),y),[r,a]),h=l.useCallback(()=>s(!1),[]),p=l.useCallback(()=>s(!0),[]);if(!o||o.disable){let y=o?.disable!==!0&&e?.type?.name!=="function";return n&&y?v.createElement(ha,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):v.createElement($3,null)}let m={name:a,argType:e,value:u.value,onChange:f,onBlur:h,onFocus:p},g=Qte[o.type]||$3;return v.createElement(g,{...m,...o,controlType:o.type})},tre=_.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:Vr({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),rre=({tags:e})=>{let t=(e.params||[]).filter(o=>o.description),r=t.length!==0,n=e.deprecated!=null,a=e.returns!=null&&e.returns.description!=null;return!r&&!a&&!n?null:v.createElement(v.Fragment,null,v.createElement(tre,null,v.createElement("tbody",null,n&&v.createElement("tr",{key:"deprecated"},v.createElement("td",{colSpan:2},v.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(o=>v.createElement("tr",{key:o.name},v.createElement("td",null,v.createElement("code",null,o.name)),v.createElement("td",null,o.description))),a&&v.createElement("tr",{key:"returns"},v.createElement("td",null,v.createElement("code",null,"Returns")),v.createElement("td",null,e.returns.description)))))},Rp=8,O3=_.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),nre=_.span(Vr,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),are=_.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),ore=_.div(Vr,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),ire=_.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),lre=_(yM)({marginLeft:4}),sre=_(bC)({marginLeft:4}),ure=()=>v.createElement("span",null,"-"),YD=({text:e,simple:t})=>v.createElement(nre,{simple:t},e),cre=ED(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),dre=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return NJ(t)},L3=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,Rp)),r.map(n=>v.createElement(YD,{key:n,text:n===""?'""':n}))},pre=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,o]=l.useState(!1),[i,s]=l.useState(t||!1);if(r==null)return null;let u=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(u))return v.createElement(YD,{text:u});let d=dre(u),f=d.length;return f>Rp?v.createElement(O3,{isExpanded:i},L3(d,i),v.createElement(are,{onClick:()=>s(!i)},i?"Show less...":`Show ${f-Rp} more...`)):v.createElement(O3,null,L3(d))}return v.createElement(wO,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:v.createElement(ire,{width:cre(n)},v.createElement(Th,{language:"jsx",format:!1},n))},v.createElement(ore,{className:"sbdocs-expandable"},v.createElement("span",null,u),a?v.createElement(lre,null):v.createElement(sre,null)))},Rd=({value:e,initialExpandedArgs:t})=>e==null?v.createElement(ure,null):v.createElement(pre,{value:e,initialExpandedArgs:t}),fre=_.span({fontWeight:"bold"}),hre=_.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),mre=_.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Vr({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),gre=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?se(.1,e.color.defaultText):se(.2,e.color.defaultText),marginTop:t?4:0})),vre=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?se(.1,e.color.defaultText):se(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),yre=_.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),bre=e=>e&&{summary:typeof e=="string"?e:e.name},wl=e=>{let[t,r]=l.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:s}=e,{name:u,description:d}=n,f=n.table||{},h=f.type||bre(n.type),p=f.defaultValue||n.defaultValue,m=n.type?.required,g=d!=null&&d!=="";return v.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},v.createElement(yre,{expandable:i},v.createElement(fre,null,u),m?v.createElement(hre,{title:"Required"},"*"):null),o?null:v.createElement("td",null,g&&v.createElement(mre,null,v.createElement(gD,null,d)),f.jsDocTags!=null?v.createElement(v.Fragment,null,v.createElement(vre,{hasDescription:g},v.createElement(Rd,{value:h,initialExpandedArgs:s})),v.createElement(rre,{tags:f.jsDocTags})):v.createElement(gre,{hasDescription:g},v.createElement(Rd,{value:h,initialExpandedArgs:s}))),o?null:v.createElement("td",null,v.createElement(Rd,{value:p,initialExpandedArgs:s})),a?v.createElement("td",null,v.createElement(ere,{...e,isHovered:t})):null)},wre=_.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),Ere=_.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),xre=_.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),Cre=({inAddonPanel:e})=>{let[t,r]=l.useState(!0);return l.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:v.createElement(wre,{inAddonPanel:e},v.createElement(uC,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:v.createElement(v.Fragment,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically."),footer:v.createElement(Ere,null,e&&v.createElement(v.Fragment,null,v.createElement(ha,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},v.createElement(pM,null)," Watch 5m video"),v.createElement(xre,null),v.createElement(ha,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},v.createElement(Ep,null)," Read docs")),!e&&v.createElement(ha,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},v.createElement(Ep,null)," Learn how to set that up"))}))},Dre=_(gM)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?se(.25,e.color.defaultText):se(.3,e.color.defaultText),border:"none",display:"inline-block"})),Sre=_(vM)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?se(.25,e.color.defaultText):se(.3,e.color.defaultText),border:"none",display:"inline-block"})),Are=_.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),kre=_.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?se(.4,e.color.defaultText):se(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),_re=_.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),Fre=_.td(()=>({position:"relative"})),Ire=_.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${on(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),M3=_.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),Bd=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=l.useState(n),s=e==="subsection"?_re:kre,u=r?.length||0,d=e==="subsection"?`${u} item${u!==1?"s":""}`:"",f=`${o?"Hide":"Show"} ${e==="subsection"?u:t} item${u!==1?"s":""}`;return v.createElement(v.Fragment,null,v.createElement(Ire,{title:f},v.createElement(s,{colSpan:1},v.createElement(M3,{onClick:h=>i(!o),tabIndex:0},f),v.createElement(Are,null,o?v.createElement(Dre,null):v.createElement(Sre,null),t)),v.createElement(Fre,{colSpan:a-1},v.createElement(M3,{onClick:h=>i(!o),tabIndex:-1,style:{outline:"none"}},f),o?null:d)),o?r:null)},El=_.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Ie=_.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),ye=_.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),Te=[2,4,2,2],Tre=()=>v.createElement(v.Fragment,null,v.createElement(El,null,v.createElement(Ie,{numColumn:Te[0]},v.createElement(ye,{width:"60%"})),v.createElement(Ie,{numColumn:Te[1]},v.createElement(ye,{width:"30%"})),v.createElement(Ie,{numColumn:Te[2]},v.createElement(ye,{width:"60%"})),v.createElement(Ie,{numColumn:Te[3]},v.createElement(ye,{width:"60%"}))),v.createElement(El,null,v.createElement(Ie,{numColumn:Te[0]},v.createElement(ye,{width:"60%"})),v.createElement(Ie,{numColumn:Te[1]},v.createElement(ye,{width:"80%"}),v.createElement(ye,{width:"30%"})),v.createElement(Ie,{numColumn:Te[2]},v.createElement(ye,{width:"60%"})),v.createElement(Ie,{numColumn:Te[3]},v.createElement(ye,{width:"60%"}))),v.createElement(El,null,v.createElement(Ie,{numColumn:Te[0]},v.createElement(ye,{width:"60%"})),v.createElement(Ie,{numColumn:Te[1]},v.createElement(ye,{width:"80%"}),v.createElement(ye,{width:"30%"})),v.createElement(Ie,{numColumn:Te[2]},v.createElement(ye,{width:"60%"})),v.createElement(Ie,{numColumn:Te[3]},v.createElement(ye,{width:"60%"}))),v.createElement(El,null,v.createElement(Ie,{numColumn:Te[0]},v.createElement(ye,{width:"60%"})),v.createElement(Ie,{numColumn:Te[1]},v.createElement(ye,{width:"80%"}),v.createElement(ye,{width:"30%"})),v.createElement(Ie,{numColumn:Te[2]},v.createElement(ye,{width:"60%"})),v.createElement(Ie,{numColumn:Te[3]},v.createElement(ye,{width:"60%"})))),Rre=_.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?se(.25,e.color.defaultText):se(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),Bre=_(yn)(({theme:e})=>({margin:"-4px -12px -4px 0"})),zre=_.span({display:"flex",justifyContent:"space-between"}),$re={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>+!!t.type?.required-+!!e.type?.required||e.name.localeCompare(t.name),none:void 0},Ore=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:s,subcategory:u}=i?.table||{};if(s){let d=r.sections[s]||{ungrouped:[],subsections:{}};if(!u)d.ungrouped.push({key:o,...i});else{let f=d.subsections[u]||[];f.push({key:o,...i}),d.subsections[u]=f}r.sections[s]=d}else if(u){let d=r.ungroupedSubsections[u]||[];d.push({key:o,...i}),r.ungroupedSubsections[u]=d}else r.ungrouped.push({key:o,...i})});let n=$re[t],a=o=>n?Object.keys(o).reduce((i,s)=>({...i,[s]:o[s].sort(n)}),{}):o;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((o,i)=>({...o,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},Lre=(e,t,r)=>{try{return lS(e,t,r)}catch(n){return lee.warn(n.message),!1}},Bp=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:s}=e;if("error"in e){let{error:C}=e;return v.createElement(RD,null,C," ",v.createElement(ha,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},v.createElement(Ep,null)," Read the docs"))}if(s)return v.createElement(Tre,null);let{rows:u,args:d,globals:f}="rows"in e&&e,h=Ore(vG(u,C=>!C?.table?.disable&&Lre(C,d||{},f||{})),i),p=h.ungrouped.length===0,m=Object.entries(h.sections).length===0,g=Object.entries(h.ungroupedSubsections).length===0;if(p&&m&&g)return v.createElement(Cre,{inAddonPanel:a});let y=1;t&&(y+=1),n||(y+=2);let b=Object.keys(h.sections).length>0,E={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return v.createElement(Fx,null,v.createElement(Rre,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},v.createElement("thead",{className:"docblock-argstable-head"},v.createElement("tr",null,v.createElement("th",null,v.createElement("span",null,"Name")),n?null:v.createElement("th",null,v.createElement("span",null,"Description")),n?null:v.createElement("th",null,v.createElement("span",null,"Default")),t?v.createElement("th",null,v.createElement(zre,null,"Control"," ",!s&&r&&v.createElement(Bre,{onClick:()=>r(),title:"Reset controls"},v.createElement(bM,{"aria-hidden":!0})))):null)),v.createElement("tbody",{className:"docblock-argstable-body"},h.ungrouped.map(C=>v.createElement(wl,{key:C.key,row:C,arg:d&&d[C.key],...E})),Object.entries(h.ungroupedSubsections).map(([C,x])=>v.createElement(Bd,{key:C,label:C,level:"subsection",colSpan:y},x.map(w=>v.createElement(wl,{key:w.key,row:w,arg:d&&d[w.key],expandable:b,...E})))),Object.entries(h.sections).map(([C,x])=>v.createElement(Bd,{key:C,label:C,level:"section",colSpan:y},x.ungrouped.map(w=>v.createElement(wl,{key:w.key,row:w,arg:d&&d[w.key],...E})),Object.entries(x.subsections).map(([w,D])=>v.createElement(Bd,{key:w,label:w,level:"subsection",colSpan:y},D.map(S=>v.createElement(wl,{key:S.key,row:S,arg:d&&d[S.key],expandable:b,...E})))))))))},Mre=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?v.createElement(Bp,{...r[0][1],...t}):v.createElement(rL,null,r.map((n,a)=>{let[o,i]=n,s=`prop_table_div_${o}`,u="div",d=a===0?t:{sort:t.sort};return v.createElement(u,{key:s,id:s,title:o},({active:f})=>f?v.createElement(Bp,{key:`prop_table_${o}`,...i,...d}):null)}))};_.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?se(.4,e.color.defaultText):se(.6,e.color.defaultText)}));_.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});_.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});_.div(de,({theme:e})=>({...Yu(e),margin:"25px 0 40px",padding:"30px 20px"}));_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));_.div(({theme:e})=>({color:e.base==="light"?se(.2,e.color.defaultText):se(.6,e.color.defaultText)}));_.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});_.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?se(.4,e.color.defaultText):se(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));_.div({display:"flex",flexDirection:"row"});_.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));_.div(({theme:e})=>({...Yu(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));_.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});_.div({flex:1,display:"flex",flexDirection:"row"});_.div({display:"flex",alignItems:"flex-start"});_.div({flex:"0 0 30%"});_.div({flex:1});_.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?se(.4,e.color.defaultText):se(.6,e.color.defaultText)}));_.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));_.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));_.div(({theme:e})=>({...Yu(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));_.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});_.div({display:"flex",flexFlow:"row wrap"});var Pre=e=>`anchor--${e}`,Nre=({storyId:e,children:t})=>v.createElement("div",{id:Pre(e),className:"sb-anchor"},t);rt&&rt.__DOCS_CONTEXT__===void 0&&(rt.__DOCS_CONTEXT__=l.createContext(null),rt.__DOCS_CONTEXT__.displayName="DocsContext");var rr=rt?rt.__DOCS_CONTEXT__:l.createContext(null),Mn=(e,t)=>l.useContext(rr).resolveOf(e,t),Hre=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),jre=e=>{if(e)return typeof e=="string"?e.includes("-")?Hre(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function Vre(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function ZD(e){return oee(e,{allowFunction:!1})}var JD=l.createContext({sources:{}}),XD="--unknown--",Ure=({children:e,channel:t})=>{let[r,n]=l.useState({});return l.useEffect(()=>{let a=(o,i=null,s=!1)=>{let{id:u,args:d=void 0,source:f,format:h}=typeof o=="string"?{id:o,source:i,format:s}:o,p=d?ZD(d):XD;n(m=>({...m,[u]:{...m[u],[p]:{code:f,format:h}}}))};return t.on(Cm,a),()=>t.off(Cm,a)},[]),v.createElement(JD.Provider,{value:{sources:r}},e)},qre=(e,t,r)=>{let{sources:n}=r,a=n?.[e];return a?.[ZD(t)]||a?.[XD]||{code:""}},Wre=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{let{__isArgsStory:a}=t.parameters,o=t.parameters.docs?.source||{},i=r||o.type||Qu.AUTO;if(o.code!==void 0)return o.code;let s=i===Qu.DYNAMIC||i===Qu.AUTO&&e&&a?e:o.originalSource||"";return(n??o.transform)?.(s,t)||s},Gre=(e,t,r)=>{let n,{of:a}=e;if("of"in e&&a===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(a)n=t.resolveOf(a,["story"]).story;else try{n=t.storyById()}catch{}let o=n?.parameters?.docs?.source||{},{code:i}=e,s=e.format??o.format,u=e.language??o.language??"jsx",d=e.dark??o.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:s,language:u,dark:d};let f=t.getStoryContext(n),h=e.__forceInitialArgs?f.initialArgs:f.unmappedArgs,p=qre(n.id,h,r);return s=p.format??n.parameters.docs?.source?.format??!1,{code:Wre({snippet:p.code,storyContext:{...f,args:h},typeFromProps:e.type,transformFromProps:e.transform}),format:s,language:u,dark:d}};function Kre(e,t){let r=Yre([e],t);return r&&r[0]}function Yre(e,t){let[r,n]=l.useState({});return l.useEffect(()=>{Promise.all(e.map(async a=>{let o=await t.loadStory(a);n(i=>i[a]===o?i:{...i,[a]:o})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var Zre=(e,t)=>{let{of:r,meta:n}=e;if("of"in e&&r===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return n&&t.referenceMeta(n,!1),t.resolveOf(r||"story",["story"]).story.id},Jre=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,o=a.story||{};if(a.disable)return null;if(e.inline??o.inline??!1){let s=e.height??o.height,u=e.autoplay??o.autoplay??!1;return{story:t,inline:!0,height:s,autoplay:u,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??o.height??o.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},Xre=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=l.useContext(rr),r=Zre(e,t),n=Kre(r,t);if(!n)return v.createElement($D,null);let a=Jre(e,n,t);return a?v.createElement(Bee,{...a}):null},Qre=e=>{let t=l.useContext(rr),r=l.useContext(JD),{of:n,source:a}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:o}=Mn(n||"story",["story"]),i=Gre({...a,...n&&{of:n}},t,r),s=e.layout??o.parameters.layout??o.parameters.docs?.canvas?.layout??"padded",u=e.withToolbar??o.parameters.docs?.canvas?.withToolbar??!1,d=e.additionalActions??o.parameters.docs?.canvas?.additionalActions,f=e.sourceState??o.parameters.docs?.canvas?.sourceState??"hidden",h=e.className??o.parameters.docs?.canvas?.className;return v.createElement(OD,{withSource:f==="none"?void 0:i,isExpanded:f==="shown",withToolbar:u,additionalActions:d,className:h,layout:s},v.createElement(Xre,{of:n||o.moduleExport,meta:e.meta,...e.story}))},ene=(e,t)=>{let r=tne(e,t);if(!r)throw new Error("No result when story was defined");return r},tne=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,o]=l.useState(r.args);l.useEffect(()=>{let u=d=>{d.storyId===n&&o(d.args)};return t.channel.on(S3,u),()=>t.channel.off(S3,u)},[n,t.channel]);let i=l.useCallback(u=>t.channel.emit(see,{storyId:n,updatedArgs:u}),[n,t.channel]),s=l.useCallback(u=>t.channel.emit(uee,{storyId:n,argNames:u}),[n,t.channel]);return e&&[a,i,s]},rne=(e,t)=>{let r=t.getStoryContext(e),[n,a]=l.useState(r.globals);return l.useEffect(()=>{let o=i=>{a(i.globals)};return t.channel.on(A3,o),()=>t.channel.off(A3,o)},[t.channel]),[n]};function nne(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var ane=e=>{let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r=l.useContext(rr),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:o,component:i,subcomponents:s}=n,u=a.docs?.controls||{},d=e.include??u.include,f=e.exclude??u.exclude,h=e.sort??u.sort,[p,m,g]=ene(n,r),[y]=rne(n,r),b=D3(o,d,f);if(!(s&&Object.keys(s).length>0))return Object.keys(b).length>0||Object.keys(p).length>0?v.createElement(Bp,{rows:b,sort:h,args:p,globals:y,updateArgs:m,resetArgs:g}):null;let E=jre(i),C=Object.fromEntries(Object.entries(s).map(([w,D])=>[w,{rows:D3(nne(D,a),d,f),sort:h}])),x={[E]:{rows:b,sort:h},...C};return v.createElement(Mre,{tabs:x,sort:h,args:p,globals:y,updateArgs:m,resetArgs:g})},{document:QD}=rt,eS=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return v.createElement(Ix,null,t);let n=e&&e.split("-");return v.createElement(BD,{language:n&&n[1]||"text",format:!1,code:t,...r})};function vm(e,t){e.channel.emit(cee,t)}var zp=bL.a,one=({hash:e,children:t})=>{let r=l.useContext(rr);return v.createElement(zp,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);QD.getElementById(a)&&vm(r,e)}},t)},tS=e=>{let{href:t,target:r,children:n,...a}=e,o=l.useContext(rr);return!t||r==="_blank"||/^https?:\/\//.test(t)?v.createElement(zp,{...e}):t.startsWith("#")?v.createElement(one,{hash:t},n):v.createElement(zp,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),vm(o,i.currentTarget.getAttribute("href")))},target:r,...a},n)},rS=["h1","h2","h3","h4","h5","h6"],ine=rS.reduce((e,t)=>({...e,[t]:_(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),lne=_.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),sne=({as:e,id:t,children:r,...n})=>{let a=l.useContext(rr),o=ine[e],i=`#${t}`;return v.createElement(o,{id:t,...n},v.createElement(lne,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:s=>{QD.getElementById(t)&&vm(a,i)}},v.createElement(mM,null)),r)},ym=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return v.createElement(sne,{as:t,id:r,...a},n);let o=t,{as:i,...s}=e;return v.createElement(o,{...ce(s,t)})},nS=rS.reduce((e,t)=>({...e,[t]:r=>v.createElement(ym,{as:t,...r})}),{}),une=e=>{if(!e.children)return null;if(typeof e.children!="string")throw new Error(sS`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}' + ${on(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${e.input.background}`,border:`1px solid ${Lt(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),KD=_.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),Hte=_(KD)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),jte=_.div({display:"flex",alignItems:"center",width:"100%"});function Vte(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var Ute=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:s,argType:u})=>{let d=m=>{r(ete(m.target.value))},f=t!==void 0,h=l.useMemo(()=>Vte(o),[o]),p=!!u?.table?.readonly;return v.createElement(jte,{"aria-readonly":p},v.createElement(KD,null,n),v.createElement(Nte,{id:Ct(e),type:"range",disabled:p,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:s,onBlur:i}),v.createElement(Hte,{numberOFDecimalsPlaces:h,max:a},f?t.toFixed(h):"--"," / ",a))},qte=_.label({display:"flex"}),Wte=_.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),Gte=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{let s=m=>{r(m.target.value)},u=!!i?.table?.readonly,[d,f]=l.useState(!1),h=l.useCallback(()=>{r(""),f(!0)},[f]);if(t===void 0)return v.createElement(zn,{variant:"outline",size:"medium",disabled:u,id:Hs(e),onClick:h},"Set string");let p=typeof t=="string";return v.createElement(qte,null,v.createElement(zi.Textarea,{id:Ct(e),maxLength:o,onChange:s,disabled:u,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:p?null:"error",name:e,value:p?t:"",onFocus:n,onBlur:a}),o&&v.createElement(Wte,{isMaxed:t?.length===o},t?.length??0," / ",o))},Kte=_(zi.Input)({padding:10});function Yte(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var Zte=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{let o=l.useRef(null),i=a?.control?.readOnly;function s(u){if(!u.target.files)return;let d=Array.from(u.target.files).map(f=>URL.createObjectURL(f));e(d),Yte(n)}return l.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),v.createElement(Kte,{ref:o,id:Ct(t),type:"file",name:t,multiple:!0,disabled:i,onChange:s,accept:r,size:"flex"})},Jte=l.lazy(()=>Op(()=>import("./Color-ERTF36HU-Dl_qPjP6.js"),__vite__mapDeps([9,2,1,3,4,5,6,7,8]),import.meta.url)),Xte=e=>v.createElement(l.Suspense,{fallback:v.createElement("div",null)},v.createElement(Jte,{...e})),Qte={array:z3,object:z3,boolean:Wee,color:Xte,date:Xee,number:rte,check:Kn,"inline-check":Kn,radio:Kn,"inline-radio":Kn,select:Kn,"multi-select":Kn,range:Ute,text:Gte,file:Zte},$3=()=>v.createElement(v.Fragment,null,"-"),ere=({row:e,arg:t,updateArgs:r,isHovered:n})=>{let{key:a,control:o}=e,[i,s]=l.useState(!1),[u,d]=l.useState({value:t});l.useEffect(()=>{i||d({value:t})},[i,t]);let f=l.useCallback(y=>(d({value:y}),r({[a]:y}),y),[r,a]),h=l.useCallback(()=>s(!1),[]),p=l.useCallback(()=>s(!0),[]);if(!o||o.disable){let y=o?.disable!==!0&&e?.type?.name!=="function";return n&&y?v.createElement(ha,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):v.createElement($3,null)}let m={name:a,argType:e,value:u.value,onChange:f,onBlur:h,onFocus:p},g=Qte[o.type]||$3;return v.createElement(g,{...m,...o,controlType:o.type})},tre=_.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:Vr({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),rre=({tags:e})=>{let t=(e.params||[]).filter(o=>o.description),r=t.length!==0,n=e.deprecated!=null,a=e.returns!=null&&e.returns.description!=null;return!r&&!a&&!n?null:v.createElement(v.Fragment,null,v.createElement(tre,null,v.createElement("tbody",null,n&&v.createElement("tr",{key:"deprecated"},v.createElement("td",{colSpan:2},v.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(o=>v.createElement("tr",{key:o.name},v.createElement("td",null,v.createElement("code",null,o.name)),v.createElement("td",null,o.description))),a&&v.createElement("tr",{key:"returns"},v.createElement("td",null,v.createElement("code",null,"Returns")),v.createElement("td",null,e.returns.description)))))},Rp=8,O3=_.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),nre=_.span(Vr,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),are=_.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),ore=_.div(Vr,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),ire=_.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),lre=_(yM)({marginLeft:4}),sre=_(bC)({marginLeft:4}),ure=()=>v.createElement("span",null,"-"),YD=({text:e,simple:t})=>v.createElement(nre,{simple:t},e),cre=ED(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),dre=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return NJ(t)},L3=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,Rp)),r.map(n=>v.createElement(YD,{key:n,text:n===""?'""':n}))},pre=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,o]=l.useState(!1),[i,s]=l.useState(t||!1);if(r==null)return null;let u=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(u))return v.createElement(YD,{text:u});let d=dre(u),f=d.length;return f>Rp?v.createElement(O3,{isExpanded:i},L3(d,i),v.createElement(are,{onClick:()=>s(!i)},i?"Show less...":`Show ${f-Rp} more...`)):v.createElement(O3,null,L3(d))}return v.createElement(wO,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:v.createElement(ire,{width:cre(n)},v.createElement(Th,{language:"jsx",format:!1},n))},v.createElement(ore,{className:"sbdocs-expandable"},v.createElement("span",null,u),a?v.createElement(lre,null):v.createElement(sre,null)))},Rd=({value:e,initialExpandedArgs:t})=>e==null?v.createElement(ure,null):v.createElement(pre,{value:e,initialExpandedArgs:t}),fre=_.span({fontWeight:"bold"}),hre=_.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),mre=_.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Vr({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),gre=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?se(.1,e.color.defaultText):se(.2,e.color.defaultText),marginTop:t?4:0})),vre=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?se(.1,e.color.defaultText):se(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),yre=_.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),bre=e=>e&&{summary:typeof e=="string"?e:e.name},wl=e=>{let[t,r]=l.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:s}=e,{name:u,description:d}=n,f=n.table||{},h=f.type||bre(n.type),p=f.defaultValue||n.defaultValue,m=n.type?.required,g=d!=null&&d!=="";return v.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},v.createElement(yre,{expandable:i},v.createElement(fre,null,u),m?v.createElement(hre,{title:"Required"},"*"):null),o?null:v.createElement("td",null,g&&v.createElement(mre,null,v.createElement(gD,null,d)),f.jsDocTags!=null?v.createElement(v.Fragment,null,v.createElement(vre,{hasDescription:g},v.createElement(Rd,{value:h,initialExpandedArgs:s})),v.createElement(rre,{tags:f.jsDocTags})):v.createElement(gre,{hasDescription:g},v.createElement(Rd,{value:h,initialExpandedArgs:s}))),o?null:v.createElement("td",null,v.createElement(Rd,{value:p,initialExpandedArgs:s})),a?v.createElement("td",null,v.createElement(ere,{...e,isHovered:t})):null)},wre=_.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),Ere=_.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),xre=_.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),Cre=({inAddonPanel:e})=>{let[t,r]=l.useState(!0);return l.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:v.createElement(wre,{inAddonPanel:e},v.createElement(uC,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:v.createElement(v.Fragment,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically."),footer:v.createElement(Ere,null,e&&v.createElement(v.Fragment,null,v.createElement(ha,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},v.createElement(pM,null)," Watch 5m video"),v.createElement(xre,null),v.createElement(ha,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},v.createElement(Ep,null)," Read docs")),!e&&v.createElement(ha,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},v.createElement(Ep,null)," Learn how to set that up"))}))},Dre=_(gM)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?se(.25,e.color.defaultText):se(.3,e.color.defaultText),border:"none",display:"inline-block"})),Sre=_(vM)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?se(.25,e.color.defaultText):se(.3,e.color.defaultText),border:"none",display:"inline-block"})),Are=_.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),kre=_.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?se(.4,e.color.defaultText):se(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),_re=_.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),Fre=_.td(()=>({position:"relative"})),Ire=_.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${on(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),M3=_.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),Bd=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=l.useState(n),s=e==="subsection"?_re:kre,u=r?.length||0,d=e==="subsection"?`${u} item${u!==1?"s":""}`:"",f=`${o?"Hide":"Show"} ${e==="subsection"?u:t} item${u!==1?"s":""}`;return v.createElement(v.Fragment,null,v.createElement(Ire,{title:f},v.createElement(s,{colSpan:1},v.createElement(M3,{onClick:h=>i(!o),tabIndex:0},f),v.createElement(Are,null,o?v.createElement(Dre,null):v.createElement(Sre,null),t)),v.createElement(Fre,{colSpan:a-1},v.createElement(M3,{onClick:h=>i(!o),tabIndex:-1,style:{outline:"none"}},f),o?null:d)),o?r:null)},El=_.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Ie=_.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),ye=_.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),Te=[2,4,2,2],Tre=()=>v.createElement(v.Fragment,null,v.createElement(El,null,v.createElement(Ie,{numColumn:Te[0]},v.createElement(ye,{width:"60%"})),v.createElement(Ie,{numColumn:Te[1]},v.createElement(ye,{width:"30%"})),v.createElement(Ie,{numColumn:Te[2]},v.createElement(ye,{width:"60%"})),v.createElement(Ie,{numColumn:Te[3]},v.createElement(ye,{width:"60%"}))),v.createElement(El,null,v.createElement(Ie,{numColumn:Te[0]},v.createElement(ye,{width:"60%"})),v.createElement(Ie,{numColumn:Te[1]},v.createElement(ye,{width:"80%"}),v.createElement(ye,{width:"30%"})),v.createElement(Ie,{numColumn:Te[2]},v.createElement(ye,{width:"60%"})),v.createElement(Ie,{numColumn:Te[3]},v.createElement(ye,{width:"60%"}))),v.createElement(El,null,v.createElement(Ie,{numColumn:Te[0]},v.createElement(ye,{width:"60%"})),v.createElement(Ie,{numColumn:Te[1]},v.createElement(ye,{width:"80%"}),v.createElement(ye,{width:"30%"})),v.createElement(Ie,{numColumn:Te[2]},v.createElement(ye,{width:"60%"})),v.createElement(Ie,{numColumn:Te[3]},v.createElement(ye,{width:"60%"}))),v.createElement(El,null,v.createElement(Ie,{numColumn:Te[0]},v.createElement(ye,{width:"60%"})),v.createElement(Ie,{numColumn:Te[1]},v.createElement(ye,{width:"80%"}),v.createElement(ye,{width:"30%"})),v.createElement(Ie,{numColumn:Te[2]},v.createElement(ye,{width:"60%"})),v.createElement(Ie,{numColumn:Te[3]},v.createElement(ye,{width:"60%"})))),Rre=_.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?se(.25,e.color.defaultText):se(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),Bre=_(yn)(({theme:e})=>({margin:"-4px -12px -4px 0"})),zre=_.span({display:"flex",justifyContent:"space-between"}),$re={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>+!!t.type?.required-+!!e.type?.required||e.name.localeCompare(t.name),none:void 0},Ore=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:s,subcategory:u}=i?.table||{};if(s){let d=r.sections[s]||{ungrouped:[],subsections:{}};if(!u)d.ungrouped.push({key:o,...i});else{let f=d.subsections[u]||[];f.push({key:o,...i}),d.subsections[u]=f}r.sections[s]=d}else if(u){let d=r.ungroupedSubsections[u]||[];d.push({key:o,...i}),r.ungroupedSubsections[u]=d}else r.ungrouped.push({key:o,...i})});let n=$re[t],a=o=>n?Object.keys(o).reduce((i,s)=>({...i,[s]:o[s].sort(n)}),{}):o;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((o,i)=>({...o,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},Lre=(e,t,r)=>{try{return lS(e,t,r)}catch(n){return lee.warn(n.message),!1}},Bp=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:s}=e;if("error"in e){let{error:C}=e;return v.createElement(RD,null,C," ",v.createElement(ha,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},v.createElement(Ep,null)," Read the docs"))}if(s)return v.createElement(Tre,null);let{rows:u,args:d,globals:f}="rows"in e&&e,h=Ore(vG(u,C=>!C?.table?.disable&&Lre(C,d||{},f||{})),i),p=h.ungrouped.length===0,m=Object.entries(h.sections).length===0,g=Object.entries(h.ungroupedSubsections).length===0;if(p&&m&&g)return v.createElement(Cre,{inAddonPanel:a});let y=1;t&&(y+=1),n||(y+=2);let b=Object.keys(h.sections).length>0,E={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return v.createElement(Fx,null,v.createElement(Rre,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},v.createElement("thead",{className:"docblock-argstable-head"},v.createElement("tr",null,v.createElement("th",null,v.createElement("span",null,"Name")),n?null:v.createElement("th",null,v.createElement("span",null,"Description")),n?null:v.createElement("th",null,v.createElement("span",null,"Default")),t?v.createElement("th",null,v.createElement(zre,null,"Control"," ",!s&&r&&v.createElement(Bre,{onClick:()=>r(),title:"Reset controls"},v.createElement(bM,{"aria-hidden":!0})))):null)),v.createElement("tbody",{className:"docblock-argstable-body"},h.ungrouped.map(C=>v.createElement(wl,{key:C.key,row:C,arg:d&&d[C.key],...E})),Object.entries(h.ungroupedSubsections).map(([C,x])=>v.createElement(Bd,{key:C,label:C,level:"subsection",colSpan:y},x.map(w=>v.createElement(wl,{key:w.key,row:w,arg:d&&d[w.key],expandable:b,...E})))),Object.entries(h.sections).map(([C,x])=>v.createElement(Bd,{key:C,label:C,level:"section",colSpan:y},x.ungrouped.map(w=>v.createElement(wl,{key:w.key,row:w,arg:d&&d[w.key],...E})),Object.entries(x.subsections).map(([w,D])=>v.createElement(Bd,{key:w,label:w,level:"subsection",colSpan:y},D.map(S=>v.createElement(wl,{key:S.key,row:S,arg:d&&d[S.key],expandable:b,...E})))))))))},Mre=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?v.createElement(Bp,{...r[0][1],...t}):v.createElement(rL,null,r.map((n,a)=>{let[o,i]=n,s=`prop_table_div_${o}`,u="div",d=a===0?t:{sort:t.sort};return v.createElement(u,{key:s,id:s,title:o},({active:f})=>f?v.createElement(Bp,{key:`prop_table_${o}`,...i,...d}):null)}))};_.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?se(.4,e.color.defaultText):se(.6,e.color.defaultText)}));_.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});_.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});_.div(de,({theme:e})=>({...Yu(e),margin:"25px 0 40px",padding:"30px 20px"}));_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));_.div(({theme:e})=>({color:e.base==="light"?se(.2,e.color.defaultText):se(.6,e.color.defaultText)}));_.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});_.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?se(.4,e.color.defaultText):se(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));_.div({display:"flex",flexDirection:"row"});_.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));_.div(({theme:e})=>({...Yu(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));_.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});_.div({flex:1,display:"flex",flexDirection:"row"});_.div({display:"flex",alignItems:"flex-start"});_.div({flex:"0 0 30%"});_.div({flex:1});_.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?se(.4,e.color.defaultText):se(.6,e.color.defaultText)}));_.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));_.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));_.div(({theme:e})=>({...Yu(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));_.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});_.div({display:"flex",flexFlow:"row wrap"});var Pre=e=>`anchor--${e}`,Nre=({storyId:e,children:t})=>v.createElement("div",{id:Pre(e),className:"sb-anchor"},t);rt&&rt.__DOCS_CONTEXT__===void 0&&(rt.__DOCS_CONTEXT__=l.createContext(null),rt.__DOCS_CONTEXT__.displayName="DocsContext");var rr=rt?rt.__DOCS_CONTEXT__:l.createContext(null),Mn=(e,t)=>l.useContext(rr).resolveOf(e,t),Hre=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),jre=e=>{if(e)return typeof e=="string"?e.includes("-")?Hre(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function Vre(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function ZD(e){return oee(e,{allowFunction:!1})}var JD=l.createContext({sources:{}}),XD="--unknown--",Ure=({children:e,channel:t})=>{let[r,n]=l.useState({});return l.useEffect(()=>{let a=(o,i=null,s=!1)=>{let{id:u,args:d=void 0,source:f,format:h}=typeof o=="string"?{id:o,source:i,format:s}:o,p=d?ZD(d):XD;n(m=>({...m,[u]:{...m[u],[p]:{code:f,format:h}}}))};return t.on(Cm,a),()=>t.off(Cm,a)},[]),v.createElement(JD.Provider,{value:{sources:r}},e)},qre=(e,t,r)=>{let{sources:n}=r,a=n?.[e];return a?.[ZD(t)]||a?.[XD]||{code:""}},Wre=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{let{__isArgsStory:a}=t.parameters,o=t.parameters.docs?.source||{},i=r||o.type||Qu.AUTO;if(o.code!==void 0)return o.code;let s=i===Qu.DYNAMIC||i===Qu.AUTO&&e&&a?e:o.originalSource||"";return(n??o.transform)?.(s,t)||s},Gre=(e,t,r)=>{let n,{of:a}=e;if("of"in e&&a===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(a)n=t.resolveOf(a,["story"]).story;else try{n=t.storyById()}catch{}let o=n?.parameters?.docs?.source||{},{code:i}=e,s=e.format??o.format,u=e.language??o.language??"jsx",d=e.dark??o.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:s,language:u,dark:d};let f=t.getStoryContext(n),h=e.__forceInitialArgs?f.initialArgs:f.unmappedArgs,p=qre(n.id,h,r);return s=p.format??n.parameters.docs?.source?.format??!1,{code:Wre({snippet:p.code,storyContext:{...f,args:h},typeFromProps:e.type,transformFromProps:e.transform}),format:s,language:u,dark:d}};function Kre(e,t){let r=Yre([e],t);return r&&r[0]}function Yre(e,t){let[r,n]=l.useState({});return l.useEffect(()=>{Promise.all(e.map(async a=>{let o=await t.loadStory(a);n(i=>i[a]===o?i:{...i,[a]:o})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var Zre=(e,t)=>{let{of:r,meta:n}=e;if("of"in e&&r===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return n&&t.referenceMeta(n,!1),t.resolveOf(r||"story",["story"]).story.id},Jre=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,o=a.story||{};if(a.disable)return null;if(e.inline??o.inline??!1){let s=e.height??o.height,u=e.autoplay??o.autoplay??!1;return{story:t,inline:!0,height:s,autoplay:u,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??o.height??o.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},Xre=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=l.useContext(rr),r=Zre(e,t),n=Kre(r,t);if(!n)return v.createElement($D,null);let a=Jre(e,n,t);return a?v.createElement(Bee,{...a}):null},Qre=e=>{let t=l.useContext(rr),r=l.useContext(JD),{of:n,source:a}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:o}=Mn(n||"story",["story"]),i=Gre({...a,...n&&{of:n}},t,r),s=e.layout??o.parameters.layout??o.parameters.docs?.canvas?.layout??"padded",u=e.withToolbar??o.parameters.docs?.canvas?.withToolbar??!1,d=e.additionalActions??o.parameters.docs?.canvas?.additionalActions,f=e.sourceState??o.parameters.docs?.canvas?.sourceState??"hidden",h=e.className??o.parameters.docs?.canvas?.className;return v.createElement(OD,{withSource:f==="none"?void 0:i,isExpanded:f==="shown",withToolbar:u,additionalActions:d,className:h,layout:s},v.createElement(Xre,{of:n||o.moduleExport,meta:e.meta,...e.story}))},ene=(e,t)=>{let r=tne(e,t);if(!r)throw new Error("No result when story was defined");return r},tne=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,o]=l.useState(r.args);l.useEffect(()=>{let u=d=>{d.storyId===n&&o(d.args)};return t.channel.on(S3,u),()=>t.channel.off(S3,u)},[n,t.channel]);let i=l.useCallback(u=>t.channel.emit(see,{storyId:n,updatedArgs:u}),[n,t.channel]),s=l.useCallback(u=>t.channel.emit(uee,{storyId:n,argNames:u}),[n,t.channel]);return e&&[a,i,s]},rne=(e,t)=>{let r=t.getStoryContext(e),[n,a]=l.useState(r.globals);return l.useEffect(()=>{let o=i=>{a(i.globals)};return t.channel.on(A3,o),()=>t.channel.off(A3,o)},[t.channel]),[n]};function nne(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var ane=e=>{let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r=l.useContext(rr),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:o,component:i,subcomponents:s}=n,u=a.docs?.controls||{},d=e.include??u.include,f=e.exclude??u.exclude,h=e.sort??u.sort,[p,m,g]=ene(n,r),[y]=rne(n,r),b=D3(o,d,f);if(!(s&&Object.keys(s).length>0))return Object.keys(b).length>0||Object.keys(p).length>0?v.createElement(Bp,{rows:b,sort:h,args:p,globals:y,updateArgs:m,resetArgs:g}):null;let E=jre(i),C=Object.fromEntries(Object.entries(s).map(([w,D])=>[w,{rows:D3(nne(D,a),d,f),sort:h}])),x={[E]:{rows:b,sort:h},...C};return v.createElement(Mre,{tabs:x,sort:h,args:p,globals:y,updateArgs:m,resetArgs:g})},{document:QD}=rt,eS=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return v.createElement(Ix,null,t);let n=e&&e.split("-");return v.createElement(BD,{language:n&&n[1]||"text",format:!1,code:t,...r})};function vm(e,t){e.channel.emit(cee,t)}var zp=bL.a,one=({hash:e,children:t})=>{let r=l.useContext(rr);return v.createElement(zp,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);QD.getElementById(a)&&vm(r,e)}},t)},tS=e=>{let{href:t,target:r,children:n,...a}=e,o=l.useContext(rr);return!t||r==="_blank"||/^https?:\/\//.test(t)?v.createElement(zp,{...e}):t.startsWith("#")?v.createElement(one,{hash:t},n):v.createElement(zp,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),vm(o,i.currentTarget.getAttribute("href")))},target:r,...a},n)},rS=["h1","h2","h3","h4","h5","h6"],ine=rS.reduce((e,t)=>({...e,[t]:_(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),lne=_.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),sne=({as:e,id:t,children:r,...n})=>{let a=l.useContext(rr),o=ine[e],i=`#${t}`;return v.createElement(o,{id:t,...n},v.createElement(lne,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:s=>{QD.getElementById(t)&&vm(a,i)}},v.createElement(mM,null)),r)},ym=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return v.createElement(sne,{as:t,id:r,...a},n);let o=t,{as:i,...s}=e;return v.createElement(o,{...ce(s,t)})},nS=rS.reduce((e,t)=>({...e,[t]:r=>v.createElement(ym,{as:t,...r})}),{}),une=e=>{if(!e.children)return null;if(typeof e.children!="string")throw new Error(sS`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}' This is often caused by not wrapping the child in a template string. This is invalid: diff --git a/assets/DrawerMenu.stories-COgHUqbw.js b/assets/DrawerMenu.stories-auvc2ADV.js similarity index 81% rename from assets/DrawerMenu.stories-COgHUqbw.js rename to assets/DrawerMenu.stories-auvc2ADV.js index 942c9ef1..1c0f6dc2 100644 --- a/assets/DrawerMenu.stories-COgHUqbw.js +++ b/assets/DrawerMenu.stories-auvc2ADV.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-CexXSJP5.js";import{U as a}from"./user-profile-EvkA4CON.js";import{N as s,C as i,L as c}from"./notifications-MBLL4uPX.js";import{D as t,d as l}from"./DrawerMenu-BgyYdqxq.js";import{M as r}from"./MenuItem-CLebqjpw.js";import{S as m}from"./Separator-zVStbRaM.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./Text-BgCCN_GG.js";import"./Typography-DuHxGDyc.js";import"./chevron-right-DF47_mtr.js";import"./index-Dp4tTk3o.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";import"./floating-ui.react-CWvUcNvr.js";const h={title:"Menu/DrawerMenu",component:t,argTypes:{},args:{}},p=n=>e.jsxs(e.Fragment,{children:[e.jsx("div",{className:l.bg}),e.jsxs(t,{...n,title:"Settings",children:[e.jsx(r,{Icon:a,label:"Profile",onSelect:()=>{}}),e.jsx(r,{Icon:s,label:"Notifications",onSelect:()=>{}}),e.jsx(r,{Icon:i,label:"Feedback",onSelect:()=>{}}),e.jsx(m,{}),e.jsx(r,{kind:"critical",Icon:c,label:"Sign out",onSelect:()=>{}})]})]}),o=p.bind({});o.args={};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`args => <> +import{j as e}from"./jsx-runtime-CexXSJP5.js";import{U as a}from"./user-profile-EvkA4CON.js";import{N as s,C as i,L as c}from"./notifications-MBLL4uPX.js";import{D as t,d as l}from"./DrawerMenu-BgyYdqxq.js";import{M as r}from"./MenuItem-B7JmuVZQ.js";import{S as m}from"./Separator-0nqzHv-U.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./Text-43GasnQW.js";import"./Typography-BWOtt-hZ.js";import"./chevron-right-DF47_mtr.js";import"./index-Dp4tTk3o.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";import"./floating-ui.react-BR2piq7W.js";const h={title:"Menu/DrawerMenu",component:t,argTypes:{},args:{}},p=n=>e.jsxs(e.Fragment,{children:[e.jsx("div",{className:l.bg}),e.jsxs(t,{...n,title:"Settings",children:[e.jsx(r,{Icon:a,label:"Profile",onSelect:()=>{}}),e.jsx(r,{Icon:s,label:"Notifications",onSelect:()=>{}}),e.jsx(r,{Icon:i,label:"Feedback",onSelect:()=>{}}),e.jsx(m,{}),e.jsx(r,{kind:"critical",Icon:c,label:"Sign out",onSelect:()=>{}})]})]}),o=p.bind({});o.args={};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`args => <>
{}} /> diff --git a/assets/Dropdown-CoygDPzy.js b/assets/Dropdown-CoygDPzy.js deleted file mode 100644 index 75f07749..00000000 --- a/assets/Dropdown-CoygDPzy.js +++ /dev/null @@ -1,3 +0,0 @@ -import{j as r}from"./jsx-runtime-CexXSJP5.js";import{C as S}from"./chevron-down-Ua1BCmcD.js";import{C as A}from"./check-Bjchr0Ec.js";import{E as P}from"./error-Dmbc84hO.js";import{r as a}from"./index-BP8_t0zE.js";import{c as b}from"./index-CSpfAsmC.js";import{u as v}from"./floating-ui.react-CWvUcNvr.js";const L="_container_1b6mf_17",F="_placeholder_1b6mf_56",H="_border_1b6mf_60",U="_content_1b6mf_69",B="_open_1b6mf_117",z="_help_1b6mf_121",G="_error_1b6mf_126",u={container:L,placeholder:F,border:H,content:U,open:B,help:z,error:G},k=a.forwardRef(function({className:n,label:t,placeholder:e,helpLabel:s,onValueChange:d,error:c,defaultValue:h,values:p,...w},f){const[o,y]=Q(p,e,h),[m,_,D]=M(),{listRef:j,onComboboxKeyDown:I,onOptionKeyDown:N}=W(m,_,y),E=a.useRef(null);a.useEffect(()=>{o.value!==void 0&&E.current?.focus()},[o]);const T=o.text===e,R=b({[u.placeholder]:T}),V=b(u.border,{[u.open]:m}),q=b(u.content,{[u.open]:m}),g=v(),C=v();return r.jsxs("div",{ref:D,className:b(n,u.container),"aria-invalid":!!c,children:[r.jsx("label",{id:g,children:t}),r.jsxs("button",{className:R,role:"combobox","aria-haspopup":"listbox","aria-labelledby":g,"aria-controls":C,"aria-expanded":m,ref:l=>{E.current=l,typeof f=="function"?f(l):f&&(f.current=l)},onClick:()=>_(l=>!l),onKeyDown:I,...w,children:[o.text,r.jsx(S,{width:"24",height:"24"})]}),r.jsx("div",{className:V}),r.jsx("div",{className:q,children:r.jsx("ul",{ref:j,id:C,role:"listbox",className:u.content,children:p.map(([l,x])=>r.jsx(J,{isDisplayed:m,isSelected:o.value===l,onClick:()=>{_(!1),y({value:l,text:x}),d?.(l)},onKeyDown:K=>N(K,l,x),children:x},l))})}),!c&&s&&r.jsx("span",{className:u.help,children:s}),c&&r.jsxs("span",{className:u.error,children:[r.jsx(P,{width:"20",height:"20"}),c]})]})}),J=a.memo(function({children:n,isSelected:t,isDisplayed:e,...s}){const d=a.useRef(null);return a.useEffect(()=>{t&&e&&d.current?.focus()},[t,e]),r.jsxs("li",{tabIndex:0,role:"option",ref:d,"aria-selected":t,...s,children:[n," ",t&&r.jsx(A,{width:"20",height:"20"})]})});function M(){const[i,n]=a.useState(!1),t=a.useRef(null);return a.useEffect(()=>{const e=s=>{t.current&&!t.current.contains(s.target)&&n(!1)};return document.addEventListener("click",e),()=>document.removeEventListener("click",e)},[n]),[i,n,t]}function Q(i,n,t){return a.useState(()=>{const e={value:void 0,text:n};if(!t)return e;const s=i.find(([d])=>d===t);return s?{value:s[0],text:s[1]}:e})}function W(i,n,t){const e=a.useRef(null),s=a.useCallback(({key:c})=>{switch(c){case"Escape":n(!1);break;case"ArrowDown":n(!0),i&&e.current?.firstElementChild?.focus();break;case"ArrowUp":n(!0);break;case"Home":{n(!0),Promise.resolve().then(()=>{e.current?.firstElementChild?.focus()});break}case"End":{n(!0),Promise.resolve().then(()=>{e.current?.lastElementChild?.focus()});break}}},[e,i,n]),d=a.useCallback((c,h,p)=>{const{key:w,altKey:f}=c;switch(c.stopPropagation(),c.preventDefault(),w){case"Enter":case" ":{t({text:p,value:h}),n(!1);break}case"Tab":case"Escape":n(!1);break;case"ArrowDown":{const o=document.activeElement;e.current?.contains(o)&&o&&o.nextElementSibling?.focus();break}case"ArrowUp":{if(f)t({text:p,value:h}),n(!1);else{const o=document.activeElement;e.current?.contains(o)&&o&&o.previousElementSibling?.focus()}break}case"Home":{e.current?.firstElementChild?.focus();break}case"End":{e.current?.lastElementChild?.focus();break}}},[e,t,n]);return{listRef:e,onComboboxKeyDown:s,onOptionKeyDown:d}}try{k.displayName="Dropdown",k.__docgenInfo={description:"The dropdown content.",displayName:"Dropdown",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},defaultValue:{defaultValue:null,description:"The default value of the dropdown.",name:"defaultValue",required:!1,type:{name:"string"}},values:{defaultValue:null,description:`The values of the dropdown. -[value, text]`,name:"values",required:!0,type:{name:"[string, string][]"}},placeholder:{defaultValue:null,description:"The placeholder text.",name:"placeholder",required:!0,type:{name:"string"}},label:{defaultValue:null,description:"The label to display at the top of the dropdown",name:"label",required:!0,type:{name:"string"}},helpLabel:{defaultValue:null,description:"The help label to display at the bottom of the dropdown",name:"helpLabel",required:!1,type:{name:"string"}},onValueChange:{defaultValue:null,description:`Callback for when the value changes. -@param value`,name:"onValueChange",required:!1,type:{name:"((value: string) => void)"}},error:{defaultValue:null,description:"The error message to display.",name:"error",required:!1,type:{name:"string"}}}}}catch{}export{k as D}; diff --git a/assets/Dropdown.stories-BsfPJaL0.js b/assets/Dropdown.stories-BsfPJaL0.js new file mode 100644 index 00000000..10d9cb14 --- /dev/null +++ b/assets/Dropdown.stories-BsfPJaL0.js @@ -0,0 +1,40 @@ +import{j as r}from"./jsx-runtime-CexXSJP5.js";import{C as K}from"./chevron-down-Ua1BCmcD.js";import{C as O}from"./check-Bjchr0Ec.js";import{E as Q}from"./error-Dmbc84hO.js";import{r as a}from"./index-BP8_t0zE.js";import{c as h}from"./index-CSpfAsmC.js";import{u as S}from"./floating-ui.react-BR2piq7W.js";import{f as A}from"./index-ozRUDpri.js";import"./index-BlTQwN6S.js";const H="_container_1b6mf_17",P="_placeholder_1b6mf_56",F="_border_1b6mf_60",B="_content_1b6mf_69",G="_open_1b6mf_117",J="_help_1b6mf_121",M="_error_1b6mf_126",u={container:H,placeholder:P,border:F,content:B,open:G,help:J,error:M},_=a.forwardRef(function({className:n,label:o,placeholder:e,helpLabel:s,onValueChange:p,error:i,defaultValue:g,values:m,...x},d){const[t,v]=Z(m,e,g),[f,C,N]=Y(),{listRef:q,onComboboxKeyDown:z,onOptionKeyDown:L}=$(f,C,v),k=a.useRef(null);a.useEffect(()=>{t.value!==void 0&&k.current?.focus()},[t]);const j=t.text===e,V=h({[u.placeholder]:j}),W=h(u.border,{[u.open]:f}),R=h(u.content,{[u.open]:f}),I=S(),D=S();return r.jsxs("div",{ref:N,className:h(n,u.container),"aria-invalid":!!i,children:[r.jsx("label",{id:I,children:o}),r.jsxs("button",{className:V,role:"combobox","aria-haspopup":"listbox","aria-labelledby":I,"aria-controls":D,"aria-expanded":f,ref:l=>{k.current=l,typeof d=="function"?d(l):d&&(d.current=l)},onClick:()=>C(l=>!l),onKeyDown:z,...x,children:[t.text,r.jsx(K,{width:"24",height:"24"})]}),r.jsx("div",{className:W}),r.jsx("div",{className:R,children:r.jsx("ul",{ref:q,id:D,role:"listbox",className:u.content,children:m.map(([l,T])=>r.jsx(X,{isDisplayed:f,isSelected:t.value===l,onClick:()=>{C(!1),v({value:l,text:T}),p?.(l)},onKeyDown:U=>L(U,l,T),children:T},l))})}),!i&&s&&r.jsx("span",{className:u.help,children:s}),i&&r.jsxs("span",{className:u.error,children:[r.jsx(Q,{width:"20",height:"20"}),i]})]})}),X=a.memo(function({children:n,isSelected:o,isDisplayed:e,...s}){const p=a.useRef(null);return a.useEffect(()=>{o&&e&&p.current?.focus()},[o,e]),r.jsxs("li",{tabIndex:0,role:"option",ref:p,"aria-selected":o,...s,children:[n," ",o&&r.jsx(O,{width:"20",height:"20"})]})});function Y(){const[c,n]=a.useState(!1),o=a.useRef(null);return a.useEffect(()=>{const e=s=>{o.current&&!o.current.contains(s.target)&&n(!1)};return document.addEventListener("click",e),()=>document.removeEventListener("click",e)},[n]),[c,n,o]}function Z(c,n,o){return a.useState(()=>{const e={value:void 0,text:n};if(!o)return e;const s=c.find(([p])=>p===o);return s?{value:s[0],text:s[1]}:e})}function $(c,n,o){const e=a.useRef(null),s=a.useCallback(({key:i})=>{switch(i){case"Escape":n(!1);break;case"ArrowDown":n(!0),c&&e.current?.firstElementChild?.focus();break;case"ArrowUp":n(!0);break;case"Home":{n(!0),Promise.resolve().then(()=>{e.current?.firstElementChild?.focus()});break}case"End":{n(!0),Promise.resolve().then(()=>{e.current?.lastElementChild?.focus()});break}}},[e,c,n]),p=a.useCallback((i,g,m)=>{const{key:x,altKey:d}=i;switch(i.stopPropagation(),i.preventDefault(),x){case"Enter":case" ":{o({text:m,value:g}),n(!1);break}case"Tab":case"Escape":n(!1);break;case"ArrowDown":{const t=document.activeElement;e.current?.contains(t)&&t&&t.nextElementSibling?.focus();break}case"ArrowUp":{if(d)o({text:m,value:g}),n(!1);else{const t=document.activeElement;e.current?.contains(t)&&t&&t.previousElementSibling?.focus()}break}case"Home":{e.current?.firstElementChild?.focus();break}case"End":{e.current?.lastElementChild?.focus();break}}},[e,o,n]);return{listRef:e,onComboboxKeyDown:s,onOptionKeyDown:p}}try{_.displayName="Dropdown",_.__docgenInfo={description:"The dropdown content.",displayName:"Dropdown",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},defaultValue:{defaultValue:null,description:"The default value of the dropdown.",name:"defaultValue",required:!1,type:{name:"string"}},values:{defaultValue:null,description:`The values of the dropdown. +[value, text]`,name:"values",required:!0,type:{name:"[string, string][]"}},placeholder:{defaultValue:null,description:"The placeholder text.",name:"placeholder",required:!0,type:{name:"string"}},label:{defaultValue:null,description:"The label to display at the top of the dropdown",name:"label",required:!0,type:{name:"string"}},helpLabel:{defaultValue:null,description:"The help label to display at the bottom of the dropdown",name:"helpLabel",required:!1,type:{name:"string"}},onValueChange:{defaultValue:null,description:`Callback for when the value changes. +@param value`,name:"onValueChange",required:!1,type:{name:"((value: string) => void)"}},error:{defaultValue:null,description:"The error message to display.",name:"error",required:!1,type:{name:"string"}}}}}catch{}const ce={title:"Dropdown",component:_,tags:["autodocs"],parameters:{controls:{include:["defaultValue","placeholder","error"]}},argTypes:{label:{type:"string"},error:{type:"string"},placeholder:{type:"string"},values:{type:"string"}},args:{label:"Label",placeholder:"Select an option",onValueChange:A(),values:[["Option1","Option 1"],["Option2","Option 2"],["Option3","Option 3"]]}},b={parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=799-5732&t=g2Ex9sbzgku1nTIN-4"}}},w={args:{helpLabel:"Optional help text."},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=799-345&t=g2Ex9sbzgku1nTIN-4"}}},E={args:{error:"Select an option"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=799-370&t=g2Ex9sbzgku1nTIN-4"}}},y={args:{defaultValue:"Option2"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=799-381&t=g2Ex9sbzgku1nTIN-4"}}};b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{ + parameters: { + design: { + type: "figma", + url: "https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=799-5732&t=g2Ex9sbzgku1nTIN-4" + } + } +}`,...b.parameters?.docs?.source}}};w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{ + args: { + helpLabel: "Optional help text." + }, + parameters: { + design: { + type: "figma", + url: "https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=799-345&t=g2Ex9sbzgku1nTIN-4" + } + } +}`,...w.parameters?.docs?.source}}};E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{ + args: { + error: "Select an option" + }, + parameters: { + design: { + type: "figma", + url: "https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=799-370&t=g2Ex9sbzgku1nTIN-4" + } + } +}`,...E.parameters?.docs?.source}}};y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{ + args: { + defaultValue: "Option2" + }, + parameters: { + design: { + type: "figma", + url: "https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=799-381&t=g2Ex9sbzgku1nTIN-4" + } + } +}`,...y.parameters?.docs?.source}}};const ue=["Default","WithHelpLabel","WithError","WithDefaultValue"];export{b as Default,y as WithDefaultValue,E as WithError,w as WithHelpLabel,ue as __namedExportsOrder,ce as default}; diff --git a/assets/Dropdown.stories-CbO-AY9D.js b/assets/Dropdown.stories-CbO-AY9D.js deleted file mode 100644 index 797a46db..00000000 --- a/assets/Dropdown.stories-CbO-AY9D.js +++ /dev/null @@ -1,38 +0,0 @@ -import{D as a}from"./Dropdown-CoygDPzy.js";import{f as t}from"./index-ozRUDpri.js";import"./jsx-runtime-CexXSJP5.js";import"./index-BP8_t0zE.js";import"./chevron-down-Ua1BCmcD.js";import"./check-Bjchr0Ec.js";import"./error-Dmbc84hO.js";import"./index-CSpfAsmC.js";import"./floating-ui.react-CWvUcNvr.js";import"./index-BlTQwN6S.js";const w={title:"Dropdown",component:a,tags:["autodocs"],parameters:{controls:{include:["defaultValue","placeholder","error"]}},argTypes:{label:{type:"string"},error:{type:"string"},placeholder:{type:"string"},values:{type:"string"}},args:{label:"Label",placeholder:"Select an option",onValueChange:t(),values:[["Option1","Option 1"],["Option2","Option 2"],["Option3","Option 3"]]}},e={parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=799-5732&t=g2Ex9sbzgku1nTIN-4"}}},o={args:{helpLabel:"Optional help text."},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=799-345&t=g2Ex9sbzgku1nTIN-4"}}},n={args:{error:"Select an option"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=799-370&t=g2Ex9sbzgku1nTIN-4"}}},r={args:{defaultValue:"Option2"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=799-381&t=g2Ex9sbzgku1nTIN-4"}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ - parameters: { - design: { - type: "figma", - url: "https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=799-5732&t=g2Ex9sbzgku1nTIN-4" - } - } -}`,...e.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{ - args: { - helpLabel: "Optional help text." - }, - parameters: { - design: { - type: "figma", - url: "https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=799-345&t=g2Ex9sbzgku1nTIN-4" - } - } -}`,...o.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{ - args: { - error: "Select an option" - }, - parameters: { - design: { - type: "figma", - url: "https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=799-370&t=g2Ex9sbzgku1nTIN-4" - } - } -}`,...n.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ - args: { - defaultValue: "Option2" - }, - parameters: { - design: { - type: "figma", - url: "https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=799-381&t=g2Ex9sbzgku1nTIN-4" - } - } -}`,...r.parameters?.docs?.source}}};const T=["Default","WithHelpLabel","WithError","WithDefaultValue"];export{e as Default,r as WithDefaultValue,n as WithError,o as WithHelpLabel,T as __namedExportsOrder,w as default}; diff --git a/assets/EditInPlace-Bn9uQDOY.css b/assets/EditInPlace-Bn9uQDOY.css deleted file mode 100644 index 39255e4c..00000000 --- a/assets/EditInPlace-Bn9uQDOY.css +++ /dev/null @@ -1 +0,0 @@ -._controls_1h4nb_17{display:flex;gap:15px}._controls_1h4nb_17>input{flex:1;min-inline-size:0}._button-group_1h4nb_27{display:flex;inset-block-start:var(--cpd-space-1x);align-items:center;gap:var(--cpd-space-2x)}._root_dgy0u_24{display:flex;flex-direction:column;gap:var(--cpd-space-5x)}._field_dgy0u_34{display:flex;flex-direction:column;gap:var(--cpd-space-1x)}._inline-field_dgy0u_40{display:flex;flex-direction:row;gap:var(--cpd-space-2x)}._inline-field-body_dgy0u_46{flex:1;display:flex;flex-direction:column}._inline-field-control_dgy0u_52{block-size:calc(var(--cpd-font-size-body-md) * var(--cpd-font-line-height-regular));display:flex;align-items:center}._label_dgy0u_67{font:var(--cpd-font-body-md-medium);letter-spacing:var(--cpd-font-letter-spacing-body-md)}._label_dgy0u_67[for]{cursor:pointer}._label_dgy0u_67[data-invalid]{color:var(--cpd-color-text-critical-primary)}._inline-field-body_dgy0u_46 ._label_dgy0u_67{font:var(--cpd-font-body-md-regular)}._label_dgy0u_67:has(~* input[disabled]),._label_dgy0u_67:has(~input[disabled]),._inline-field-control_dgy0u_52:has(input[disabled])~._inline-field-body_dgy0u_46 ._label_dgy0u_67{color:var(--cpd-color-text-disabled);cursor:not-allowed}._message_dgy0u_98{font:var(--cpd-font-body-sm-regular);letter-spacing:var(--cpd-font-letter-spacing-body-sm);margin-block-start:var(--cpd-space-1x)}._help-message_dgy0u_104{color:var(--cpd-color-text-secondary)}._error-message_dgy0u_108{color:var(--cpd-color-text-critical-primary)}._success-message_dgy0u_112{color:var(--cpd-color-text-success-primary)}input[disabled]~._message_dgy0u_98,*:has(input[disabled])~._message_dgy0u_98,._inline-field-control_dgy0u_52:has(input[disabled])~._inline-field-body_dgy0u_46 ._message_dgy0u_98{color:var(--cpd-color-text-disabled)}._message_dgy0u_98>svg{display:inline-block;vertical-align:bottom;margin-inline-end:var(--cpd-space-2x);block-size:calc(1em * var(--cpd-font-line-height-regular));inline-size:calc(1em * var(--cpd-font-line-height-regular))}._search_qztja_17{border:1px solid var(--cpd-color-border-interactive-secondary);border-radius:9999px;block-size:36px;box-sizing:border-box;color:var(--cpd-color-text-primary);display:flex;flex-direction:row!important;gap:var(--cpd-space-2x)!important;align-items:center;padding:var(--cpd-space-1-5x) var(--cpd-space-3x)}@media (hover){._search_qztja_17:hover{border-color:var(--cpd-color-border-interactive-hovered)}}._search_qztja_17:active{border-color:var(--cpd-color-border-interactive-hovered)}._search_qztja_17:focus-within{border-color:currentcolor}._icon_qztja_46{color:var(--cpd-color-icon-secondary);flex-shrink:0}@media (hover){._search_qztja_17:hover ._icon_qztja_46{color:var(--cpd-color-icon-primary)}}._search_qztja_17:active ._icon_qztja_46{color:var(--cpd-color-icon-primary)}._input_qztja_61{border:0;background:inherit;outline:0;flex:1;min-inline-size:0}._input_qztja_61::placeholder{color:var(--cpd-color-text-placeholder)}._input_qztja_61:focus::placeholder{color:var(--cpd-color-text-secondary)}@media (hover){._search_qztja_17:hover ._input_qztja_61::placeholder{color:var(--cpd-color-text-secondary)}} diff --git a/assets/EditInPlace-C5sdCjsr.js b/assets/EditInPlace-C5sdCjsr.js deleted file mode 100644 index f533f40a..00000000 --- a/assets/EditInPlace-C5sdCjsr.js +++ /dev/null @@ -1,14 +0,0 @@ -import{j as a}from"./jsx-runtime-CexXSJP5.js";import{r as n}from"./index-BP8_t0zE.js";import{R as se,a as W,L as te,M as N,S as $,V as ne}from"./index-BugjtUKR.js";import{C as re}from"./check-Bjchr0Ec.js";import{C as le}from"./close-D4bMmhFz.js";import"./Action-CQbRfPzs.js";import"./Password-D-0HLOoJ.js";import{a as oe}from"./Text-CbEoPjZC.js";import"./MFA-DeuBTLWq.js";import"./Checkbox-D1pECWlH.js";import"./Radio-xCqHn8Eh.js";import"./Toggle-DqDpfLtf.js";import{c as u}from"./index-CSpfAsmC.js";import{C as ie,S as ce}from"./search-BC9ffyhQ.js";import{E as de}from"./error-Dmbc84hO.js";import{I as ue}from"./InlineSpinner-DZ2uBgAt.js";import{B as q}from"./Button-C0_Ps78g.js";import"./Alert-ClH3E2JC.js";import"./Avatar-DyB-Y6ln.js";import"./AvatarStack-DBPldPV8.js";import"./Badge-Cf9Fivpi.js";import"./IconButton-Ccv5Unpx.js";import{T as me}from"./Text-BgCCN_GG.js";import"./ContextMenu-BWk-gAkD.js";import"./Glass-COqtBFQM.js";import"./Heading-DqG7uK5Y.js";import"./IndicatorIcon-_PMFIuo8.js";import"./Link-HOYPp55n.js";import"./NavItem-CCdVkP0k.js";import"./Menu-IXabpTPD.js";import"./MenuItem-CLebqjpw.js";import"./Progress-C6Su6PJM.js";import{u as pe}from"./useId-DIHOOv91.js";import"./Separator-zVStbRaM.js";import"./ToggleMenuItem-CmotYktn.js";import{a as F}from"./Tooltip-womRVnul.js";import"./ReleaseAnnouncement-2mbXye7R.js";import"./Toast-BFUH-DR1.js";import"./Dropdown-CoygDPzy.js";/* empty css */const fe="_controls_1h4nb_17",C={controls:fe,"button-group":"_button-group_1h4nb_27"},he="_root_dgy0u_24",ye="_field_dgy0u_34",_e="_label_dgy0u_67",be="_message_dgy0u_98",c={root:he,field:ye,"inline-field":"_inline-field_dgy0u_40","inline-field-body":"_inline-field-body_dgy0u_46","inline-field-control":"_inline-field-control_dgy0u_52",label:_e,message:be,"help-message":"_help-message_dgy0u_104","error-message":"_error-message_dgy0u_108","success-message":"_success-message_dgy0u_112"},w=n.forwardRef(function({children:s,...t},l){const r=u(c.root,t.className);return a.jsx(se,{ref:l,...t,className:r,children:s})});try{w.displayName="Root",w.__docgenInfo={description:`Thin wrapper around Radix UI Root component -https://www.radix-ui.com/docs/primitives/components/form#root`,displayName:"Root",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}const g=n.forwardRef(function({children:s,...t},l){const r=u(c.field,t.className);return a.jsx(W,{ref:l,...t,className:r,children:s})});try{g.displayName="Field",g.__docgenInfo={description:`Thin wrapper around Radix UI Field component -https://www.radix-ui.com/docs/primitives/components/form#field`,displayName:"Field",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}const M=n.forwardRef(function({className:s,control:t,children:l,...r},o){const f=u(c["inline-field"],s);return a.jsxs(W,{ref:o,...r,className:f,children:[a.jsx("div",{className:c["inline-field-control"],children:t}),a.jsx("div",{className:c["inline-field-body"],children:l})]})});try{M.displayName="InlineField",M.__docgenInfo={description:"",displayName:"InlineField",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}},control:{defaultValue:null,description:"The checkbox/radio control to render alongside the rest of the field.",name:"control",required:!0,type:{name:"ReactElement>"}}}}}catch{}const v=n.forwardRef(function({children:s,...t},l){const r=u(c.label,t.className);return a.jsx(te,{ref:l,...t,className:r,children:s})});try{v.displayName="Label",v.__docgenInfo={description:`Thin wrapper around Radix UI Label component -https://www.radix-ui.com/docs/primitives/components/form#label`,displayName:"Label",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}const k=n.forwardRef(function({children:s,className:t,...l},r){const o=u(c.message,c["error-message"],t);return a.jsxs(N,{ref:r,...l,className:o,children:[a.jsx(de,{}),s]})}),I=n.forwardRef(function({children:s,className:t,...l},r){const o=u(c.message,c["success-message"],t);return a.jsxs(N,{ref:r,...l,className:o,children:[a.jsx(ie,{}),s]})}),j=n.forwardRef(function({children:s,className:t,...l},r){const o=u(c.message,t);return a.jsxs(N,{ref:r,...l,className:o,children:[a.jsx(ue,{}),s]})}),R=n.forwardRef(function({children:s,className:t,...l},r){const o=u(c.message,c["help-message"],t);return a.jsx(N,{ref:r,...l,className:o,children:s})});try{k.displayName="ErrorMessage",k.__docgenInfo={description:"An error message to display below a form control.",displayName:"ErrorMessage",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{I.displayName="SuccessMessage",I.__docgenInfo={description:"A success message to display below a form control.",displayName:"SuccessMessage",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{j.displayName="LoadingMessage",j.__docgenInfo={description:"A message showing a loading state",displayName:"LoadingMessage",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{R.displayName="HelpMessage",R.__docgenInfo={description:"A help message to display below a form control.",displayName:"HelpMessage",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}const B=n.forwardRef(function(s,t){return a.jsx($,{asChild:!0,children:a.jsx(q,{type:"submit",ref:t,...s})})});try{B.displayName="Submit",B.__docgenInfo={description:"A stylised submit button for forms.",displayName:"Submit",props:{disabled:{defaultValue:null,description:"Note that disabled attribute is not added to buttons, so that disabled buttons are discoverable by keyboard.\n`aria-disabled` attribute is used to indicate button is disabled.\nEvent handlers are not passed to disabled buttons (onClick, onSubmit, etc.)",name:"disabled",required:!1,type:{name:"boolean"}},size:{defaultValue:null,description:"The t-shirt size of the button.",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'}]}},kind:{defaultValue:null,description:`The type of button. -Note: "destructive" is deprecated, please use the destructive prop in -conjunction with another button kind.`,name:"kind",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"destructive"'}]}},destructive:{defaultValue:{value:"false"},description:"Whether this button triggers a destructive action.",name:"destructive",required:!1,type:{name:"boolean"}},iconOnly:{defaultValue:null,description:"Whether the button is an icon only button.",name:"iconOnly",required:!1,type:{name:"boolean"}},Icon:{defaultValue:null,description:"An icon to display within the button.",name:"Icon",required:!1,type:{name:"ComponentType>"}}}}}catch{}const H=({children:e,...s})=>a.jsx(me,{...s,children:e});try{H.displayName="Body",H.__docgenInfo={description:"",displayName:"Body",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'},{value:'"xs"'},{value:'"md"'}]}}}}}catch{}const ge="_search_qztja_17",ve="_icon_qztja_46",Ne="_input_qztja_61",V={search:ge,icon:ve,input:Ne},z=n.forwardRef(function({className:s,onChange:t,placeholder:l="Search…",name:r,...o},f){const h=u(V.search,s),y=pe();return a.jsx(g,{name:r,asChild:!0,children:a.jsxs(v,{className:h,htmlFor:y,children:[a.jsx(ce,{className:V.icon,width:20,height:20}),a.jsx("input",{ref:f,...o,id:y,name:r,type:"search",placeholder:l,onChange:t,className:V.input})]})})});try{z.displayName="Search",z.__docgenInfo={description:"A standalone search component",displayName:"Search",props:{className:{defaultValue:null,description:"The CSS class name",name:"className",required:!1,type:{name:"string"}},name:{defaultValue:null,description:"The field name.",name:"name",required:!1,type:{name:"string"}},placeholder:{defaultValue:{value:"Search…"},description:"The input placeholder.",name:"placeholder",required:!1,type:{name:"string"}}}}}catch{}function xe(e,s){switch(s){case 0:return e===0||e===3?1:e;case 1:return 2;case 4:return 0;case 2:return e===2?3:e;case 3:return e===2?0:e;case 5:return e===3?0:e}Se(s)}function Se(e){throw new Error(`Unreachable value: ${e}`)}const A=n.forwardRef(function({className:s,label:t,onSave:l,onCancel:r,onInput:o,onClearServerErrors:f,serverInvalid:h,saveButtonLabel:y,cancelButtonLabel:P,savedLabel:T,savingLabel:O,helpLabel:E,disabled:U,children:G,...D},J){const[i,m]=n.useReducer(xe,0),_=n.useRef(!1),[x,b]=n.useState(!1),X=i===1||i===2||x,p=n.useRef();n.useEffect(()=>(i===3&&(p.current=setTimeout(()=>{m(5),p.current=void 0},2e3)),()=>{p.current&&clearTimeout(p.current),p.current=void 0}),[i]);const K=n.useRef(null),L=n.useRef(null),S=n.useRef(null),Q=n.useCallback(()=>{_.current||(_.current=!0,b(!0))},[x,b]),Y=n.useCallback(d=>{_.current&&(d.currentTarget.contains(d.relatedTarget)||(_.current=!1,b(!1)))},[x,b]),Z=n.useCallback(d=>{m(0),o?.(d)},[m,o]),ee=n.useCallback(async d=>{if(d.preventDefault(),i!==0)try{m(1),L.current?.blur(),await l?.(d),m(2)}catch{m(3)}},[l,i,p]),ae=n.useCallback(d=>{S.current?.blur(),r?.(d),m(4)},[S,r]);return a.jsx(w,{className:s,onSubmit:ee,onReset:ae,onFocus:Q,onBlur:Y,onClearServerErrors:f,ref:K,children:a.jsxs(g,{name:"input",serverInvalid:h,children:[a.jsx(v,{children:t}),a.jsxs("div",{className:C.controls,children:[a.jsx(oe,{ref:J,...D,onInput:Z,disabled:U||i===2}),X&&a.jsxs("div",{className:C["button-group"],children:[a.jsx(F,{label:y,children:a.jsx($,{asChild:!0,children:a.jsx(q,{type:"submit",kind:"primary",size:"sm",ref:L,disabled:i!==1,iconOnly:!0,Icon:re})})}),a.jsx(F,{label:P,children:a.jsx(q,{type:"reset",kind:"secondary",size:"sm",ref:S,className:C.button,disabled:i===2,iconOnly:!0,Icon:le})})]})]}),i===2?a.jsx(j,{children:O}):G,T&&i===3&&a.jsx(I,{children:T}),E&&(i===0||i===1)&&a.jsx(ne,{children:d=>(d===void 0||d.valid)&&!h&&a.jsx(R,{children:E})})]})})});try{A.displayName="EditInPlace",A.__docgenInfo={description:`A text box with save/cancel buttons that appear when the field is active. -Since thios control has its own 'save' button, it should *not* appear as part -of a larger form: it exists as its own form that submits separately.`,displayName:"EditInPlace",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},disabled:{defaultValue:null,description:"If true, disabled the entire component to disallow editing.",name:"disabled",required:!1,type:{name:"boolean"}},onInput:{defaultValue:null,description:"onInput event handler on the text control",name:"onInput",required:!1,type:{name:"(((e: ChangeEvent) => void) & FormEventHandler)"}},label:{defaultValue:null,description:"The label for the control",name:"label",required:!0,type:{name:"string"}},helpLabel:{defaultValue:null,description:"Label to be displayed under the input as a help text",name:"helpLabel",required:!1,type:{name:"string"}},serverInvalid:{defaultValue:null,description:`Whether the field is in an error state according to the server validation. - -For validation messages, use native validations properties directly, or add custom error messages as children.`,name:"serverInvalid",required:!1,type:{name:"boolean"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text -For example on an in-place editing field -https://github.com/rsms/inter/issues/222 -https://github.com/rsms/inter/blob/master/src/features/calt.fea`,name:"enableLigatures",required:!1,type:{name:"boolean"}},onClearServerErrors:{defaultValue:null,description:"Callback for when the server validation errors should be cleared.",name:"onClearServerErrors",required:!1,type:{name:"(() => void)"}},onSave:{defaultValue:null,description:"Callback for when the user confirms the change",name:"onSave",required:!1,type:{name:"((e: FormEvent) => void | Promise)"}},onCancel:{defaultValue:null,description:"Callback for when the user wishes to cancel the change",name:"onCancel",required:!1,type:{name:"((e: FormEvent) => void)"}},savedLabel:{defaultValue:null,description:`Label to be displayed by the green check at the bottom. Will only be displayed -for 2 seconds after the onSave callback promise resolves successfully.`,name:"savedLabel",required:!1,type:{name:"string"}},saveButtonLabel:{defaultValue:null,description:"The label for the save button",name:"saveButtonLabel",required:!0,type:{name:"string"}},savingLabel:{defaultValue:null,description:"The label for the 'in progress' saving caption",name:"savingLabel",required:!0,type:{name:"string"}},cancelButtonLabel:{defaultValue:null,description:"The label for the cancel button",name:"cancelButtonLabel",required:!0,type:{name:"string"}}}}}catch{}export{A as E,g as F,R as H,M as I,v as L,w as R,B as S,k as a,I as b,z as c}; diff --git a/assets/EditInPlace-nCwaIhIi.css b/assets/EditInPlace-nCwaIhIi.css new file mode 100644 index 00000000..10c117e8 --- /dev/null +++ b/assets/EditInPlace-nCwaIhIi.css @@ -0,0 +1 @@ +._controls_1h4nb_17{display:flex;gap:15px}._controls_1h4nb_17>input{flex:1;min-inline-size:0}._button-group_1h4nb_27{display:flex;inset-block-start:var(--cpd-space-1x);align-items:center;gap:var(--cpd-space-2x)} diff --git a/assets/EditInPlace.stories-BhG4q8tW.js b/assets/EditInPlace.stories-BhG4q8tW.js deleted file mode 100644 index 0b5a4791..00000000 --- a/assets/EditInPlace.stories-BhG4q8tW.js +++ /dev/null @@ -1,40 +0,0 @@ -import{j as l}from"./jsx-runtime-CexXSJP5.js";import{E as m,a as d}from"./EditInPlace-C5sdCjsr.js";import{w as c,u as a,e as v}from"./index-ozRUDpri.js";import{T as g}from"./Tooltip-womRVnul.js";import"./index-BP8_t0zE.js";import"./index-BugjtUKR.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";import"./check-Bjchr0Ec.js";import"./close-D4bMmhFz.js";import"./Action-CQbRfPzs.js";import"./index-CSpfAsmC.js";import"./Text-CbEoPjZC.js";import"./useId-DIHOOv91.js";import"./Password-D-0HLOoJ.js";import"./visibility-on-D1sVPsTi.js";import"./MFA-DeuBTLWq.js";import"./Checkbox-D1pECWlH.js";import"./Radio-xCqHn8Eh.js";import"./Toggle-DqDpfLtf.js";import"./search-BC9ffyhQ.js";import"./error-Dmbc84hO.js";import"./InlineSpinner-DZ2uBgAt.js";import"./spinner-DszwWdC7.js";import"./Button-C0_Ps78g.js";import"./UnstyledButton-C9fNLva5.js";import"./Alert-ClH3E2JC.js";import"./Text-BgCCN_GG.js";import"./Typography-DuHxGDyc.js";import"./IconButton-Ccv5Unpx.js";import"./IndicatorIcon-_PMFIuo8.js";import"./Avatar-DyB-Y6ln.js";import"./AvatarStack-DBPldPV8.js";import"./Badge-Cf9Fivpi.js";import"./ContextMenu-BWk-gAkD.js";import"./index-BF9S1Jqn.js";import"./floating-ui.react-CWvUcNvr.js";import"./FloatingMenu-t36h7pay.js";import"./DrawerMenu-BgyYdqxq.js";import"./MenuItem-CLebqjpw.js";import"./chevron-right-DF47_mtr.js";import"./Glass-COqtBFQM.js";import"./Heading-DqG7uK5Y.js";import"./Link-HOYPp55n.js";import"./NavItem-CCdVkP0k.js";import"./Menu-IXabpTPD.js";import"./Progress-C6Su6PJM.js";import"./Separator-zVStbRaM.js";import"./ToggleMenuItem-CmotYktn.js";import"./ReleaseAnnouncement-2mbXye7R.js";import"./Toast-BFUH-DR1.js";import"./Dropdown-CoygDPzy.js";import"./chevron-down-Ua1BCmcD.js";/* empty css */const Ee={title:"Form/Controls/EditInPlace",component:m,tags:["autodocs"],parameters:{controls:{include:["onChange","onSave","onCancel","onClearServerErrors","defaultValue","error","serverInvalid","savedLabel","saveButtonLabel","cancelButtonLabel","helpLabel","disabled"]},design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=4335-2016&mode=design&t=BvxRca0YDRaq20IR-0"}},argTypes:{label:{type:"string"},defaultValue:{type:"string"},onChange:{action:"changed"},onCancel:{action:"cancelled"},onClearServerErrors:{action:"cleared server errors"},serverInvalid:{type:"boolean"},helpLabel:{type:"string"},savedLabel:{type:"string"},saveButtonLabel:{type:"string"},savingLabel:{type:"string"},cancelButtonLabel:{type:"string"},disabled:{type:"boolean"}},render:({...e})=>l.jsx(g,{children:l.jsx(m,{...e})}),args:{label:"Label",onSave:()=>new Promise(e=>setTimeout(e,1e3)),savedLabel:"Saved",saveButtonLabel:"Save",cancelButtonLabel:"Cancel",savingLabel:"Saving…"}},o={},n={args:{defaultValue:"Hello, Computer"},play:async({canvasElement:e})=>{const t=c(e).getByRole("textbox");await a.clear(t),await a.type(t,"Hello, Computer")}},s={args:{defaultValue:"Hello",onSave:()=>new Promise(()=>{})},play:async({canvasElement:e})=>{const r=c(e),t=r.getByRole("textbox");await a.clear(t),await a.type(t,"Hello");const u=r.getByRole("button",{name:"Save"});await a.click(u),await v(r.getByText("Saving…")).toBeInTheDocument()}},i={args:{serverInvalid:!0,children:l.jsx(d,{children:"I am a teapot"})}},p={args:{helpLabel:"Optional help text."}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:"{}",...o.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{ - args: { - defaultValue: "Hello, Computer" - }, - play: async ({ - canvasElement - }) => { - const canvas = within(canvasElement); - const input = canvas.getByRole("textbox"); - await userEvent.clear(input); - await userEvent.type(input, "Hello, Computer"); - } -}`,...n.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{ - args: { - defaultValue: "Hello", - onSave: () => new Promise(() => {}) - }, - play: async ({ - canvasElement - }) => { - const canvas = within(canvasElement); - const input = canvas.getByRole("textbox"); - await userEvent.clear(input); - await userEvent.type(input, "Hello"); - const save = canvas.getByRole("button", { - name: "Save" - }); - await userEvent.click(save); - await expect(canvas.getByText("Saving…")).toBeInTheDocument(); - } -}`,...s.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{ - args: { - serverInvalid: true, - children: I am a teapot - } -}`,...i.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{ - args: { - helpLabel: "Optional help text." - } -}`,...p.parameters?.docs?.source}}};const he=["Empty","WithText","Saving","WithError","WithHelpText"];export{o as Empty,s as Saving,i as WithError,p as WithHelpText,n as WithText,he as __namedExportsOrder,Ee as default}; diff --git a/assets/EditInPlace.stories-CnlN98DC.js b/assets/EditInPlace.stories-CnlN98DC.js new file mode 100644 index 00000000..f0a8a601 --- /dev/null +++ b/assets/EditInPlace.stories-CnlN98DC.js @@ -0,0 +1,48 @@ +import{j as t}from"./jsx-runtime-CexXSJP5.js";import{w as V,u as c,e as Q}from"./index-ozRUDpri.js";import{R as Y,L as $,S as G,H as J,E as K}from"./Message-BiisbMQR.js";import{a as B,T as X}from"./Tooltip-GcGKJhf-.js";import{r as a}from"./index-BP8_t0zE.js";import{S as Z,V as ee}from"./index-Br7_Jfcb.js";import{C as te}from"./check-Bjchr0Ec.js";import{C as ae}from"./close-Cii-U1fy.js";import{F as ne,L as re}from"./Label-DrSdbBfa.js";import{a as se}from"./Text-DffShOOB.js";import{B as R}from"./Button-C0_Ps78g.js";import"./index-CSpfAsmC.js";import"./check-circle-solid-TQoBW1Dk.js";import"./error-Dmbc84hO.js";import"./InlineSpinner-DZ2uBgAt.js";import"./spinner-DszwWdC7.js";import"./floating-ui.react-BR2piq7W.js";import"./index-BlTQwN6S.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./UnstyledButton-C9fNLva5.js";const oe="_controls_1h4nb_17",E={controls:oe,"button-group":"_button-group_1h4nb_27"};function le(e,s){switch(s){case 0:return e===0||e===3?1:e;case 1:return 2;case 4:return 0;case 2:return e===2?3:e;case 3:return e===2?0:e;case 5:return e===3?0:e}ie(s)}function ie(e){throw new Error(`Unreachable value: ${e}`)}const g=a.forwardRef(function({className:s,label:o,onSave:u,onCancel:S,onInput:w,onClearServerErrors:j,serverInvalid:L,saveButtonLabel:H,cancelButtonLabel:_,savedLabel:C,savingLabel:q,helpLabel:T,disabled:F,children:k,...W},P){const[n,l]=a.useReducer(le,0),d=a.useRef(!1),[y,p]=a.useState(!1),M=n===1||n===2||y,i=a.useRef();a.useEffect(()=>(n===3&&(i.current=setTimeout(()=>{l(5),i.current=void 0},2e3)),()=>{i.current&&clearTimeout(i.current),i.current=void 0}),[n]);const N=a.useRef(null),I=a.useRef(null),x=a.useRef(null),O=a.useCallback(()=>{d.current||(d.current=!0,p(!0))},[y,p]),D=a.useCallback(r=>{d.current&&(r.currentTarget.contains(r.relatedTarget)||(d.current=!1,p(!1)))},[y,p]),z=a.useCallback(r=>{l(0),w?.(r)},[l,w]),U=a.useCallback(async r=>{if(r.preventDefault(),n!==0)try{l(1),I.current?.blur(),await u?.(r),l(2)}catch{l(3)}},[u,n,i]),A=a.useCallback(r=>{x.current?.blur(),S?.(r),l(4)},[x,S]);return t.jsx(Y,{className:s,onSubmit:U,onReset:A,onFocus:O,onBlur:D,onClearServerErrors:j,ref:N,children:t.jsxs(ne,{name:"input",serverInvalid:L,children:[t.jsx(re,{children:o}),t.jsxs("div",{className:E.controls,children:[t.jsx(se,{ref:P,...W,onInput:z,disabled:F||n===2}),M&&t.jsxs("div",{className:E["button-group"],children:[t.jsx(B,{label:H,children:t.jsx(Z,{asChild:!0,children:t.jsx(R,{type:"submit",kind:"primary",size:"sm",ref:I,disabled:n!==1,iconOnly:!0,Icon:te})})}),t.jsx(B,{label:_,children:t.jsx(R,{type:"reset",kind:"secondary",size:"sm",ref:x,className:E.button,disabled:n===2,iconOnly:!0,Icon:ae})})]})]}),n===2?t.jsx($,{children:q}):k,C&&n===3&&t.jsx(G,{children:C}),T&&(n===0||n===1)&&t.jsx(ee,{children:r=>(r===void 0||r.valid)&&!L&&t.jsx(J,{children:T})})]})})});try{g.displayName="EditInPlace",g.__docgenInfo={description:`A text box with save/cancel buttons that appear when the field is active. +Since thios control has its own 'save' button, it should *not* appear as part +of a larger form: it exists as its own form that submits separately.`,displayName:"EditInPlace",props:{disabled:{defaultValue:null,description:"If true, disabled the entire component to disallow editing.",name:"disabled",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"The label for the control",name:"label",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},onInput:{defaultValue:null,description:"onInput event handler on the text control",name:"onInput",required:!1,type:{name:"(((e: ChangeEvent) => void) & FormEventHandler)"}},helpLabel:{defaultValue:null,description:"Label to be displayed under the input as a help text",name:"helpLabel",required:!1,type:{name:"string"}},serverInvalid:{defaultValue:null,description:`Whether the field is in an error state according to the server validation. + +For validation messages, use native validations properties directly, or add custom error messages as children.`,name:"serverInvalid",required:!1,type:{name:"boolean"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text +For example on an in-place editing field +https://github.com/rsms/inter/issues/222 +https://github.com/rsms/inter/blob/master/src/features/calt.fea`,name:"enableLigatures",required:!1,type:{name:"boolean"}},onClearServerErrors:{defaultValue:null,description:"Callback for when the server validation errors should be cleared.",name:"onClearServerErrors",required:!1,type:{name:"(() => void)"}},onSave:{defaultValue:null,description:"Callback for when the user confirms the change",name:"onSave",required:!1,type:{name:"((e: FormEvent) => void | Promise)"}},onCancel:{defaultValue:null,description:"Callback for when the user wishes to cancel the change",name:"onCancel",required:!1,type:{name:"((e: FormEvent) => void)"}},savedLabel:{defaultValue:null,description:`Label to be displayed by the green check at the bottom. Will only be displayed +for 2 seconds after the onSave callback promise resolves successfully.`,name:"savedLabel",required:!1,type:{name:"string"}},saveButtonLabel:{defaultValue:null,description:"The label for the save button",name:"saveButtonLabel",required:!0,type:{name:"string"}},savingLabel:{defaultValue:null,description:"The label for the 'in progress' saving caption",name:"savingLabel",required:!0,type:{name:"string"}},cancelButtonLabel:{defaultValue:null,description:"The label for the cancel button",name:"cancelButtonLabel",required:!0,type:{name:"string"}}}}}catch{}const He={title:"Form/Controls/EditInPlace",component:g,tags:["autodocs"],parameters:{controls:{include:["onChange","onSave","onCancel","onClearServerErrors","defaultValue","error","serverInvalid","savedLabel","saveButtonLabel","cancelButtonLabel","helpLabel","disabled"]},design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=4335-2016&mode=design&t=BvxRca0YDRaq20IR-0"}},argTypes:{label:{type:"string"},defaultValue:{type:"string"},onChange:{action:"changed"},onCancel:{action:"cancelled"},onClearServerErrors:{action:"cleared server errors"},serverInvalid:{type:"boolean"},helpLabel:{type:"string"},savedLabel:{type:"string"},saveButtonLabel:{type:"string"},savingLabel:{type:"string"},cancelButtonLabel:{type:"string"},disabled:{type:"boolean"}},render:({...e})=>t.jsx(X,{children:t.jsx(g,{...e})}),args:{label:"Label",onSave:()=>new Promise(e=>setTimeout(e,1e3)),savedLabel:"Saved",saveButtonLabel:"Save",cancelButtonLabel:"Cancel",savingLabel:"Saving…"}},m={},h={args:{defaultValue:"Hello, Computer"},play:async({canvasElement:e})=>{const o=V(e).getByRole("textbox");await c.clear(o),await c.type(o,"Hello, Computer")}},f={args:{defaultValue:"Hello",onSave:()=>new Promise(()=>{})},play:async({canvasElement:e})=>{const s=V(e),o=s.getByRole("textbox");await c.clear(o),await c.type(o,"Hello");const u=s.getByRole("button",{name:"Save"});await c.click(u),await Q(s.getByText("Saving…")).toBeInTheDocument()}},v={args:{serverInvalid:!0,children:t.jsx(K,{children:"I am a teapot"})}},b={args:{helpLabel:"Optional help text."}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:"{}",...m.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{ + args: { + defaultValue: "Hello, Computer" + }, + play: async ({ + canvasElement + }) => { + const canvas = within(canvasElement); + const input = canvas.getByRole("textbox"); + await userEvent.clear(input); + await userEvent.type(input, "Hello, Computer"); + } +}`,...h.parameters?.docs?.source}}};f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{ + args: { + defaultValue: "Hello", + onSave: () => new Promise(() => {}) + }, + play: async ({ + canvasElement + }) => { + const canvas = within(canvasElement); + const input = canvas.getByRole("textbox"); + await userEvent.clear(input); + await userEvent.type(input, "Hello"); + const save = canvas.getByRole("button", { + name: "Save" + }); + await userEvent.click(save); + await expect(canvas.getByText("Saving…")).toBeInTheDocument(); + } +}`,...f.parameters?.docs?.source}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{ + args: { + serverInvalid: true, + children: I am a teapot + } +}`,...v.parameters?.docs?.source}}};b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{ + args: { + helpLabel: "Optional help text." + } +}`,...b.parameters?.docs?.source}}};const _e=["Empty","WithText","Saving","WithError","WithHelpText"];export{m as Empty,f as Saving,v as WithError,b as WithHelpText,h as WithText,_e as __namedExportsOrder,He as default}; diff --git a/assets/FloatingMenu-t36h7pay.js b/assets/FloatingMenu-CL2la2kV.js similarity index 95% rename from assets/FloatingMenu-t36h7pay.js rename to assets/FloatingMenu-CL2la2kV.js index 00e55a84..8e80e577 100644 --- a/assets/FloatingMenu-t36h7pay.js +++ b/assets/FloatingMenu-CL2la2kV.js @@ -1 +1 @@ -import{j as a}from"./jsx-runtime-CexXSJP5.js";import{c as u}from"./index-CSpfAsmC.js";import{r as m}from"./index-BP8_t0zE.js";import{u as c}from"./useId-DIHOOv91.js";import{T as _}from"./Text-BgCCN_GG.js";const p="_menu_1x5h1_17",f="_title_1x5h1_83",i={menu:p,"slide-in":"_slide-in_1x5h1_1","slide-out":"_slide-out_1x5h1_1","fade-in":"_fade-in_1x5h1_1","fade-out":"_fade-out_1x5h1_1",title:f},h=({title:e,id:t})=>a.jsx(_,{as:"h3",id:t,className:i.title,size:"sm",weight:"semibold",children:e}),s=m.forwardRef(({title:e,showTitle:t=!0,className:n,children:r,...o},d)=>{const l=c();return a.jsxs("div",{role:"menu",ref:d,"aria-label":t?void 0:e,"aria-labelledby":t?l:void 0,className:u(n,i.menu),...o,children:[t&&a.jsx(h,{title:e,id:l}),r]})});s.displayName="FloatingMenu";try{s.displayName="FloatingMenu",s.__docgenInfo={description:"A menu in a floating box, as commonly seen on desktop.",displayName:"FloatingMenu",props:{title:{defaultValue:null,description:"The menu title.",name:"title",required:!0,type:{name:"string"}},showTitle:{defaultValue:{value:"true"},description:"Whether to show the title. If false, the title will be hidden but still used as a label for screen readers.",name:"showTitle",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"The CSS class.",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The menu contents.",name:"children",required:!0,type:{name:"ReactNode"}}}}}catch{}export{s as F}; +import{j as a}from"./jsx-runtime-CexXSJP5.js";import{c as u}from"./index-CSpfAsmC.js";import{r as m}from"./index-BP8_t0zE.js";import{u as c}from"./useId-DIHOOv91.js";import{T as _}from"./Text-43GasnQW.js";const p="_menu_1x5h1_17",f="_title_1x5h1_83",i={menu:p,"slide-in":"_slide-in_1x5h1_1","slide-out":"_slide-out_1x5h1_1","fade-in":"_fade-in_1x5h1_1","fade-out":"_fade-out_1x5h1_1",title:f},h=({title:e,id:t})=>a.jsx(_,{as:"h3",id:t,className:i.title,size:"sm",weight:"semibold",children:e}),s=m.forwardRef(({title:e,showTitle:t=!0,className:n,children:r,...o},d)=>{const l=c();return a.jsxs("div",{role:"menu",ref:d,"aria-label":t?void 0:e,"aria-labelledby":t?l:void 0,className:u(n,i.menu),...o,children:[t&&a.jsx(h,{title:e,id:l}),r]})});s.displayName="FloatingMenu";try{s.displayName="FloatingMenu",s.__docgenInfo={description:"A menu in a floating box, as commonly seen on desktop.",displayName:"FloatingMenu",props:{title:{defaultValue:null,description:"The menu title.",name:"title",required:!0,type:{name:"string"}},showTitle:{defaultValue:{value:"true"},description:"Whether to show the title. If false, the title will be hidden but still used as a label for screen readers.",name:"showTitle",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"The CSS class.",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The menu contents.",name:"children",required:!0,type:{name:"ReactNode"}}}}}catch{}export{s as F}; diff --git a/assets/FloatingMenu.stories-Be9q_CCS.js b/assets/FloatingMenu.stories-Z946Ul9t.js similarity index 81% rename from assets/FloatingMenu.stories-Be9q_CCS.js rename to assets/FloatingMenu.stories-Z946Ul9t.js index bd1d2b14..690a78b2 100644 --- a/assets/FloatingMenu.stories-Be9q_CCS.js +++ b/assets/FloatingMenu.stories-Z946Ul9t.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-CexXSJP5.js";import{U as a}from"./user-profile-EvkA4CON.js";import{N as r,C as s,L as c}from"./notifications-MBLL4uPX.js";import{F as n}from"./FloatingMenu-t36h7pay.js";import{M as t}from"./MenuItem-CLebqjpw.js";import{S as l}from"./Separator-zVStbRaM.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./useId-DIHOOv91.js";import"./Text-BgCCN_GG.js";import"./Typography-DuHxGDyc.js";import"./chevron-right-DF47_mtr.js";import"./index-Dp4tTk3o.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";import"./floating-ui.react-CWvUcNvr.js";const h={title:"Menu/FloatingMenu",component:n,argTypes:{},args:{}},m=i=>o.jsxs(n,{...i,title:"Settings",children:[o.jsx(t,{Icon:a,label:"Profile",onSelect:()=>{}}),o.jsx(t,{Icon:r,label:"Notificationsnotificationsnotifications",onSelect:()=>{}}),o.jsx(t,{Icon:s,label:"Feedback",onSelect:()=>{}}),o.jsx(l,{}),o.jsx(t,{kind:"critical",Icon:c,label:"Sign out",onSelect:()=>{}})]}),e=m.bind({});e.args={};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`args => +import{j as o}from"./jsx-runtime-CexXSJP5.js";import{U as a}from"./user-profile-EvkA4CON.js";import{N as r,C as s,L as c}from"./notifications-MBLL4uPX.js";import{F as n}from"./FloatingMenu-CL2la2kV.js";import{M as t}from"./MenuItem-B7JmuVZQ.js";import{S as l}from"./Separator-0nqzHv-U.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./useId-DIHOOv91.js";import"./Text-43GasnQW.js";import"./Typography-BWOtt-hZ.js";import"./chevron-right-DF47_mtr.js";import"./index-Dp4tTk3o.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";import"./floating-ui.react-BR2piq7W.js";const h={title:"Menu/FloatingMenu",component:n,argTypes:{},args:{}},m=i=>o.jsxs(n,{...i,title:"Settings",children:[o.jsx(t,{Icon:a,label:"Profile",onSelect:()=>{}}),o.jsx(t,{Icon:r,label:"Notificationsnotificationsnotifications",onSelect:()=>{}}),o.jsx(t,{Icon:s,label:"Feedback",onSelect:()=>{}}),o.jsx(l,{}),o.jsx(t,{kind:"critical",Icon:c,label:"Sign out",onSelect:()=>{}})]}),e=m.bind({});e.args={};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`args => {}} /> {/* Extra long label to demonstrate word breaking */} {}} /> diff --git a/assets/Form.stories-DNsAeuxv.js b/assets/Form.stories-DNsAeuxv.js new file mode 100644 index 00000000..6483f30e --- /dev/null +++ b/assets/Form.stories-DNsAeuxv.js @@ -0,0 +1,15 @@ +import{j as e}from"./jsx-runtime-CexXSJP5.js";import{T as v}from"./Tooltip-GcGKJhf-.js";import{R as S,E as a,H as o}from"./Message-BiisbMQR.js";import{s as u,F as p,L as n}from"./Label-DrSdbBfa.js";import{a as _}from"./Text-DffShOOB.js";import{a as C}from"./Password-D4qsyn4M.js";import{a as I}from"./MFA-BvC7feFI.js";import{r as x}from"./index-BP8_t0zE.js";import{F as E,S as V}from"./index-Br7_Jfcb.js";import{c as k}from"./index-CSpfAsmC.js";import{a as N}from"./Checkbox-CF22c-2X.js";import{a as f}from"./Radio-BoTHrnaJ.js";import{a as F}from"./Toggle-B6z_Q1xa.js";import{B as T}from"./Button-C0_Ps78g.js";import"./floating-ui.react-BR2piq7W.js";import"./index-BlTQwN6S.js";import"./check-circle-solid-TQoBW1Dk.js";import"./error-Dmbc84hO.js";import"./InlineSpinner-DZ2uBgAt.js";import"./spinner-DszwWdC7.js";import"./visibility-on-D1sVPsTi.js";import"./Action-BuGy3aLo.js";import"./useId-DIHOOv91.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./check-Bjchr0Ec.js";import"./UnstyledButton-C9fNLva5.js";const i=x.forwardRef(function({className:r,control:t,children:b,...j},g){const y=k(u["inline-field"],r);return e.jsxs(E,{ref:g,...j,className:y,children:[e.jsx("div",{className:u["inline-field-control"],children:t}),e.jsx("div",{className:u["inline-field-body"],children:b})]})});try{i.displayName="InlineField",i.__docgenInfo={description:"",displayName:"InlineField",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}},control:{defaultValue:null,description:"The checkbox/radio control to render alongside the rest of the field.",name:"control",required:!0,type:{name:"ReactElement>"}}}}}catch{}const h=x.forwardRef(function(r,t){return e.jsx(V,{asChild:!0,children:e.jsx(T,{type:"submit",ref:t,...r})})});try{h.displayName="Submit",h.__docgenInfo={description:"A stylised submit button for forms.",displayName:"Submit",props:{disabled:{defaultValue:null,description:"Note that disabled attribute is not added to buttons, so that disabled buttons are discoverable by keyboard.\n`aria-disabled` attribute is used to indicate button is disabled.\nEvent handlers are not passed to disabled buttons (onClick, onSubmit, etc.)",name:"disabled",required:!1,type:{name:"boolean"}},kind:{defaultValue:null,description:`The type of button. +Note: "destructive" is deprecated, please use the destructive prop in +conjunction with another button kind.`,name:"kind",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"destructive"'}]}},destructive:{defaultValue:{value:"false"},description:"Whether this button triggers a destructive action.",name:"destructive",required:!1,type:{name:"boolean"}},size:{defaultValue:null,description:"The t-shirt size of the button.",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'}]}},iconOnly:{defaultValue:null,description:"Whether the button is an icon only button.",name:"iconOnly",required:!1,type:{name:"boolean"}},Icon:{defaultValue:null,description:"An icon to display within the button.",name:"Icon",required:!1,type:{name:"ComponentType>"}}}}}catch{}const H=({disabled:s,invalid:r,readOnly:t})=>e.jsx(v,{children:e.jsxs(S,{children:[e.jsxs(p,{serverInvalid:r,name:"mxid",children:[e.jsx(n,{children:"Username"}),e.jsx(_,{disabled:s,readOnly:t,defaultValue:"Hello world!"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsxs(p,{serverInvalid:r,name:"password",children:[e.jsx(n,{children:"Password"}),e.jsx(C,{disabled:s,readOnly:t,defaultValue:"sup3rS3cur3p4ssw0rd!"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsxs(p,{serverInvalid:r,name:"mfa",children:[e.jsx(n,{children:"MFA"}),e.jsx(I,{disabled:s,readOnly:t,defaultValue:"123"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsxs(i,{serverInvalid:r,name:"remember",control:e.jsx(N,{disabled:s,readOnly:t,defaultChecked:!0}),children:[e.jsx(n,{children:"Remember me"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsxs(i,{serverInvalid:r,name:"radio",control:e.jsx(f,{disabled:s,readOnly:t,defaultChecked:!0}),children:[e.jsx(n,{children:"Option 1"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsxs(i,{serverInvalid:r,name:"radio",control:e.jsx(f,{disabled:s,readOnly:t,defaultChecked:!0}),children:[e.jsx(n,{children:"Option 2"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsxs(i,{serverInvalid:r,name:"toggle",control:e.jsx(F,{disabled:s,readOnly:t,defaultChecked:!0}),children:[e.jsx(n,{children:"Toggle"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsx(h,{disabled:s,children:"Submit"})]})}),le={title:"Form/Kitchen Sink",component:H,argTypes:{disabled:{type:"boolean"},readOnly:{type:"boolean"},invalid:{type:"boolean"}},args:{disabled:!1,readOnly:!1,invalid:!1}},l={},d={args:{disabled:!0}},c={args:{readOnly:!0}},m={args:{invalid:!0}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:"{}",...l.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{ + args: { + disabled: true + } +}`,...d.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{ + args: { + readOnly: true + } +}`,...c.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{ + args: { + invalid: true + } +}`,...m.parameters?.docs?.source}}};const de=["Normal","Disabled","ReadOnly","Invalid"];export{d as Disabled,m as Invalid,l as Normal,c as ReadOnly,de as __namedExportsOrder,le as default}; diff --git a/assets/Form.stories-Dvs5AS4s.js b/assets/Form.stories-Dvs5AS4s.js deleted file mode 100644 index a9be8161..00000000 --- a/assets/Form.stories-Dvs5AS4s.js +++ /dev/null @@ -1,13 +0,0 @@ -import{j as r}from"./jsx-runtime-CexXSJP5.js";import"./Action-CQbRfPzs.js";import{a as j}from"./Password-D-0HLOoJ.js";import{a as h}from"./Text-CbEoPjZC.js";import{a as u}from"./MFA-DeuBTLWq.js";import{a as g}from"./Checkbox-D1pECWlH.js";import{a as x}from"./Radio-xCqHn8Eh.js";import{a as f}from"./Toggle-DqDpfLtf.js";import{R as C,F as d,L as t,a as m,H as a,I as i,S as I}from"./EditInPlace-C5sdCjsr.js";import{T as E}from"./Tooltip-womRVnul.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./useId-DIHOOv91.js";import"./index-BugjtUKR.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";import"./visibility-on-D1sVPsTi.js";import"./check-Bjchr0Ec.js";import"./close-D4bMmhFz.js";import"./search-BC9ffyhQ.js";import"./error-Dmbc84hO.js";import"./InlineSpinner-DZ2uBgAt.js";import"./spinner-DszwWdC7.js";import"./Button-C0_Ps78g.js";import"./UnstyledButton-C9fNLva5.js";import"./Alert-ClH3E2JC.js";import"./Text-BgCCN_GG.js";import"./Typography-DuHxGDyc.js";import"./IconButton-Ccv5Unpx.js";import"./IndicatorIcon-_PMFIuo8.js";import"./Avatar-DyB-Y6ln.js";import"./AvatarStack-DBPldPV8.js";import"./Badge-Cf9Fivpi.js";import"./ContextMenu-BWk-gAkD.js";import"./index-BF9S1Jqn.js";import"./floating-ui.react-CWvUcNvr.js";import"./FloatingMenu-t36h7pay.js";import"./DrawerMenu-BgyYdqxq.js";import"./MenuItem-CLebqjpw.js";import"./chevron-right-DF47_mtr.js";import"./Glass-COqtBFQM.js";import"./Heading-DqG7uK5Y.js";import"./Link-HOYPp55n.js";import"./NavItem-CCdVkP0k.js";import"./Menu-IXabpTPD.js";import"./Progress-C6Su6PJM.js";import"./Separator-zVStbRaM.js";import"./ToggleMenuItem-CmotYktn.js";import"./ReleaseAnnouncement-2mbXye7R.js";import"./Toast-BFUH-DR1.js";import"./Dropdown-CoygDPzy.js";import"./chevron-down-Ua1BCmcD.js";/* empty css */const H=({disabled:s,invalid:e,readOnly:o})=>r.jsx(E,{children:r.jsxs(C,{children:[r.jsxs(d,{serverInvalid:e,name:"mxid",children:[r.jsx(t,{children:"Username"}),r.jsx(h,{disabled:s,readOnly:o,defaultValue:"Hello world!"}),e?r.jsx(m,{children:"Error message."}):r.jsx(a,{children:"Help message."})]}),r.jsxs(d,{serverInvalid:e,name:"password",children:[r.jsx(t,{children:"Password"}),r.jsx(j,{disabled:s,readOnly:o,defaultValue:"sup3rS3cur3p4ssw0rd!"}),e?r.jsx(m,{children:"Error message."}):r.jsx(a,{children:"Help message."})]}),r.jsxs(d,{serverInvalid:e,name:"mfa",children:[r.jsx(t,{children:"MFA"}),r.jsx(u,{disabled:s,readOnly:o,defaultValue:"123"}),e?r.jsx(m,{children:"Error message."}):r.jsx(a,{children:"Help message."})]}),r.jsxs(i,{serverInvalid:e,name:"remember",control:r.jsx(g,{disabled:s,readOnly:o,defaultChecked:!0}),children:[r.jsx(t,{children:"Remember me"}),e?r.jsx(m,{children:"Error message."}):r.jsx(a,{children:"Help message."})]}),r.jsxs(i,{serverInvalid:e,name:"radio",control:r.jsx(x,{disabled:s,readOnly:o,defaultChecked:!0}),children:[r.jsx(t,{children:"Option 1"}),e?r.jsx(m,{children:"Error message."}):r.jsx(a,{children:"Help message."})]}),r.jsxs(i,{serverInvalid:e,name:"radio",control:r.jsx(x,{disabled:s,readOnly:o,defaultChecked:!0}),children:[r.jsx(t,{children:"Option 2"}),e?r.jsx(m,{children:"Error message."}):r.jsx(a,{children:"Help message."})]}),r.jsxs(i,{serverInvalid:e,name:"toggle",control:r.jsx(f,{disabled:s,readOnly:o,defaultChecked:!0}),children:[r.jsx(t,{children:"Toggle"}),e?r.jsx(m,{children:"Error message."}):r.jsx(a,{children:"Help message."})]}),r.jsx(I,{disabled:s,children:"Submit"})]})}),vr={title:"Form/Kitchen Sink",component:H,argTypes:{disabled:{type:"boolean"},readOnly:{type:"boolean"},invalid:{type:"boolean"}},args:{disabled:!1,readOnly:!1,invalid:!1}},p={},n={args:{disabled:!0}},l={args:{readOnly:!0}},c={args:{invalid:!0}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:"{}",...p.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{ - args: { - disabled: true - } -}`,...n.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{ - args: { - readOnly: true - } -}`,...l.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{ - args: { - invalid: true - } -}`,...c.parameters?.docs?.source}}};const kr=["Normal","Disabled","ReadOnly","Invalid"];export{n as Disabled,c as Invalid,p as Normal,l as ReadOnly,kr as __namedExportsOrder,vr as default}; diff --git a/assets/Glass-COqtBFQM.js b/assets/Glass-COqtBFQM.js deleted file mode 100644 index 6961259f..00000000 --- a/assets/Glass-COqtBFQM.js +++ /dev/null @@ -1 +0,0 @@ -import{j as t}from"./jsx-runtime-CexXSJP5.js";import{r as a}from"./index-BP8_t0zE.js";import{c as n}from"./index-CSpfAsmC.js";const c="_glass_1x9g9_17",d={glass:c},s=a.forwardRef(({children:e,className:r,...l},o)=>t.jsx("div",{ref:o,className:n(r,d.glass),...l,children:a.Children.only(e)}));s.displayName="Glass";try{s.displayName="Glass",s.__docgenInfo={description:"Adds a border of glass around a child component.",displayName:"Glass",props:{children:{defaultValue:null,description:"The child component.",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"The CSS class.",name:"className",required:!1,type:{name:"string"}}}}}catch{}export{s as G}; diff --git a/assets/Glass.stories-CZNcNFEl.js b/assets/Glass.stories-CZNcNFEl.js deleted file mode 100644 index 5739ae6f..00000000 --- a/assets/Glass.stories-CZNcNFEl.js +++ /dev/null @@ -1,25 +0,0 @@ -import{j as t}from"./jsx-runtime-CexXSJP5.js";import{G as s}from"./Glass-COqtBFQM.js";import{T as o}from"./Text-BgCCN_GG.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./Typography-DuHxGDyc.js";const p={title:"Glass",component:s,tags:["autodocs"],argTypes:{},args:{}},r=n=>t.jsx("div",{style:{background:"url('/images/__test__/kitten2.jpg')",backgroundSize:"cover",inlineSize:"fit-content",blockSize:"fit-content",padding:16},children:t.jsx(s,{style:{inlineSize:250,blockSize:150},...n,children:t.jsx("div",{style:{background:"var(--cpd-color-bg-canvas-default)",display:"flex",alignItems:"center",justifyContent:"center"},children:t.jsx(o,{style:{textAlign:"center"},children:"Your content here"})})})}),e=r.bind({});e.args={};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`args => -// Use an image as the background to really show off the glass effect -
- -
- Your content here -
- -
`,...e.parameters?.docs?.source}}};const m=["Glass"];export{e as Glass,m as __namedExportsOrder,p as default}; diff --git a/assets/Glass.stories-Cl_CWZVO.js b/assets/Glass.stories-Cl_CWZVO.js new file mode 100644 index 00000000..d40f6e14 --- /dev/null +++ b/assets/Glass.stories-Cl_CWZVO.js @@ -0,0 +1,25 @@ +import{j as e}from"./jsx-runtime-CexXSJP5.js";import{r as n}from"./index-BP8_t0zE.js";import{c as i}from"./index-CSpfAsmC.js";import{T as c}from"./Text-43GasnQW.js";import"./Typography-BWOtt-hZ.js";const d="_glass_1x9g9_17",p={glass:d},t=n.forwardRef(({children:a,className:r,...o},l)=>e.jsx("div",{ref:l,className:i(r,p.glass),...o,children:n.Children.only(a)}));t.displayName="Glass";try{t.displayName="Glass",t.__docgenInfo={description:"Adds a border of glass around a child component.",displayName:"Glass",props:{children:{defaultValue:null,description:"The child component.",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"The CSS class.",name:"className",required:!1,type:{name:"string"}}}}}catch{}const h={title:"Glass",component:t,tags:["autodocs"],argTypes:{},args:{}},g=a=>e.jsx("div",{style:{background:"url('/images/__test__/kitten2.jpg')",backgroundSize:"cover",inlineSize:"fit-content",blockSize:"fit-content",padding:16},children:e.jsx(t,{style:{inlineSize:250,blockSize:150},...a,children:e.jsx("div",{style:{background:"var(--cpd-color-bg-canvas-default)",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(c,{style:{textAlign:"center"},children:"Your content here"})})})}),s=g.bind({});s.args={};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`args => +// Use an image as the background to really show off the glass effect +
+ +
+ Your content here +
+ +
`,...s.parameters?.docs?.source}}};const x=["Glass"];export{s as Glass,x as __namedExportsOrder,h as default}; diff --git a/assets/Heading-DqG7uK5Y.js b/assets/Heading-DqG7uK5Y.js deleted file mode 100644 index ba3aa0e4..00000000 --- a/assets/Heading-DqG7uK5Y.js +++ /dev/null @@ -1 +0,0 @@ -import{j as r}from"./jsx-runtime-CexXSJP5.js";import{T as _}from"./Typography-DuHxGDyc.js";import{T as c}from"./Text-BgCCN_GG.js";const t=({as:e="h1",children:n,...l})=>r.jsx(_,{as:e,type:"heading",...l,children:n}),a=({children:e,...n})=>r.jsx(t,{as:"h1",weight:"semibold",size:"xl",...n,children:e}),s=({children:e,...n})=>r.jsx(t,{as:"h2",weight:"semibold",size:"lg",...n,children:e}),o=({children:e,...n})=>r.jsx(t,{as:"h3",weight:"semibold",size:"md",...n,children:e}),i=({children:e,...n})=>r.jsx(t,{as:"h4",weight:"semibold",size:"sm",...n,children:e}),d=({children:e,...n})=>r.jsx(c,{as:"h5",weight:"semibold",size:"lg",...n,children:e}),p=({children:e,...n})=>r.jsx(c,{as:"h6",weight:"semibold",size:"md",...n,children:e});try{t.displayName="Heading",t.__docgenInfo={description:"A heading component.",displayName:"Heading",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'},{value:'"md"'},{value:'"xl"'}]}}}}}catch{}try{a.displayName="H1",a.__docgenInfo={description:"A Heading level-1 styled component. Underlying HTML element can be changed\nusign the `as` property.",displayName:"H1",props:{}}}catch{}try{s.displayName="H2",s.__docgenInfo={description:"A Heading level-2 styled component. Underlying HTML element can be changed\nusign the `as` property.",displayName:"H2",props:{}}}catch{}try{o.displayName="H3",o.__docgenInfo={description:"A Heading level-3 styled component. Underlying HTML element can be changed\nusign the `as` property.",displayName:"H3",props:{}}}catch{}try{i.displayName="H4",i.__docgenInfo={description:"A Heading level-4 styled component. Underlying HTML element can be changed\nusign the `as` property.",displayName:"H4",props:{}}}catch{}try{d.displayName="H5",d.__docgenInfo={description:"A Heading level-5 styled component. Underlying HTML element can be changed\nusign the `as` property.",displayName:"H5",props:{}}}catch{}try{p.displayName="H6",p.__docgenInfo={description:"A Heading level-6 styled component. Underlying HTML element can be changed\nusign the `as` property.",displayName:"H6",props:{}}}catch{}export{t as H}; diff --git a/assets/Heading.stories-CHYUY4vG.js b/assets/Heading.stories-CHYUY4vG.js deleted file mode 100644 index 4ece212b..00000000 --- a/assets/Heading.stories-CHYUY4vG.js +++ /dev/null @@ -1,3 +0,0 @@ -import{j as i}from"./jsx-runtime-CexXSJP5.js";import{H as r}from"./Heading-DqG7uK5Y.js";import"./index-BP8_t0zE.js";import"./Typography-DuHxGDyc.js";import"./index-CSpfAsmC.js";import"./Text-BgCCN_GG.js";const d={title:"Typography",component:r,argTypes:{size:{options:["sm","md","lg","xl"],control:{type:"inline-radio"}},weight:{options:["regular","medium","semibold"],control:{type:"inline-radio"}}}},t=o=>i.jsx(r,{size:o.size,weight:o.weight,children:"The quick brown fox jumps over the lazy dog"}),e=t.bind({});e.args={size:"md",weight:"regular"};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`args => - The quick brown fox jumps over the lazy dog - `,...e.parameters?.docs?.source}}};const c=["Heading"];export{e as Heading,c as __namedExportsOrder,d as default}; diff --git a/assets/Heading.stories-CZU_8y4Y.js b/assets/Heading.stories-CZU_8y4Y.js new file mode 100644 index 00000000..2afead0e --- /dev/null +++ b/assets/Heading.stories-CZU_8y4Y.js @@ -0,0 +1,3 @@ +import{j as t}from"./jsx-runtime-CexXSJP5.js";import{T as m}from"./Typography-BWOtt-hZ.js";import{T as l}from"./Text-43GasnQW.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";const r=({as:e="h1",children:n,...g})=>t.jsx(m,{as:e,type:"heading",...g,children:n}),s=({children:e,...n})=>t.jsx(r,{as:"h1",weight:"semibold",size:"xl",...n,children:e}),a=({children:e,...n})=>t.jsx(r,{as:"h2",weight:"semibold",size:"lg",...n,children:e}),i=({children:e,...n})=>t.jsx(r,{as:"h3",weight:"semibold",size:"md",...n,children:e}),d=({children:e,...n})=>t.jsx(r,{as:"h4",weight:"semibold",size:"sm",...n,children:e}),p=({children:e,...n})=>t.jsx(l,{as:"h5",weight:"semibold",size:"lg",...n,children:e}),c=({children:e,...n})=>t.jsx(l,{as:"h6",weight:"semibold",size:"md",...n,children:e});try{r.displayName="Heading",r.__docgenInfo={description:"A heading component.",displayName:"Heading",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'},{value:'"md"'},{value:'"xl"'}]}}}}}catch{}try{s.displayName="H1",s.__docgenInfo={description:"A Heading level-1 styled component. Underlying HTML element can be changed\nusign the `as` property.",displayName:"H1",props:{}}}catch{}try{a.displayName="H2",a.__docgenInfo={description:"A Heading level-2 styled component. Underlying HTML element can be changed\nusign the `as` property.",displayName:"H2",props:{}}}catch{}try{i.displayName="H3",i.__docgenInfo={description:"A Heading level-3 styled component. Underlying HTML element can be changed\nusign the `as` property.",displayName:"H3",props:{}}}catch{}try{d.displayName="H4",d.__docgenInfo={description:"A Heading level-4 styled component. Underlying HTML element can be changed\nusign the `as` property.",displayName:"H4",props:{}}}catch{}try{p.displayName="H5",p.__docgenInfo={description:"A Heading level-5 styled component. Underlying HTML element can be changed\nusign the `as` property.",displayName:"H5",props:{}}}catch{}try{c.displayName="H6",c.__docgenInfo={description:"A Heading level-6 styled component. Underlying HTML element can be changed\nusign the `as` property.",displayName:"H6",props:{}}}catch{}const b={title:"Typography",component:r,argTypes:{size:{options:["sm","md","lg","xl"],control:{type:"inline-radio"}},weight:{options:["regular","medium","semibold"],control:{type:"inline-radio"}}}},_=e=>t.jsx(r,{size:e.size,weight:e.weight,children:"The quick brown fox jumps over the lazy dog"}),o=_.bind({});o.args={size:"md",weight:"regular"};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`args => + The quick brown fox jumps over the lazy dog + `,...o.parameters?.docs?.source}}};const z=["Heading"];export{o as Heading,z as __namedExportsOrder,b as default}; diff --git a/assets/IconButton-Ccv5Unpx.js b/assets/IconButton-BxFxHD6q.js similarity index 51% rename from assets/IconButton-Ccv5Unpx.js rename to assets/IconButton-BxFxHD6q.js index fa67cd38..4a845573 100644 --- a/assets/IconButton-Ccv5Unpx.js +++ b/assets/IconButton-BxFxHD6q.js @@ -1,5 +1,5 @@ -import{j as t}from"./jsx-runtime-CexXSJP5.js";import{r as y,a as v}from"./index-BP8_t0zE.js";import{c as _}from"./index-CSpfAsmC.js";import{U as g}from"./UnstyledButton-C9fNLva5.js";import{I}from"./IndicatorIcon-_PMFIuo8.js";import{a as x}from"./Tooltip-womRVnul.js";const q="_destructive_bh2qc_83",e={"icon-button":"_icon-button_bh2qc_17","subtle-bg":"_subtle-bg_bh2qc_38",destructive:q},s=y.forwardRef(function({children:l,className:d,indicator:o,size:u="32px",style:c,disabled:n,destructive:b,tooltip:a,subtleBackground:p,...m},h){const f=_(e["icon-button"],d,{[e.destructive]:b,[e["subtle-bg"]]:p}),i=t.jsx(g,{as:"button",ref:h,className:f,style:{"--cpd-icon-button-size":u,...c},disabled:n,...m,"data-indicator":o,children:t.jsx(I,{indicator:o,colour:n?"var(--cpd-color-icon-disabled)":void 0,children:v.Children.only(l)})});return a?t.jsx(x,{label:a,children:i}):i});try{s.displayName="IconButton",s.__docgenInfo={description:"Display an icon as a button. Can render an indicator",displayName:"IconButton",props:{tooltip:{defaultValue:null,description:"Optional tooltip for the button",name:"tooltip",required:!1,type:{name:"string"}},disabled:{defaultValue:null,description:`Note that disabled attribute is not added to buttons, so that disabled buttons are discoverable by keyboard. +import{j as t}from"./jsx-runtime-CexXSJP5.js";import{r as y,a as v}from"./index-BP8_t0zE.js";import{c as _}from"./index-CSpfAsmC.js";import{U as g}from"./UnstyledButton-C9fNLva5.js";import{I}from"./IndicatorIcon-B59qELJf.js";import{a as x}from"./Tooltip-GcGKJhf-.js";const q="_destructive_bh2qc_83",e={"icon-button":"_icon-button_bh2qc_17","subtle-bg":"_subtle-bg_bh2qc_38",destructive:q},s=y.forwardRef(function({children:l,className:d,indicator:o,size:u="32px",style:c,disabled:n,destructive:b,tooltip:a,subtleBackground:p,...m},h){const f=_(e["icon-button"],d,{[e.destructive]:b,[e["subtle-bg"]]:p}),i=t.jsx(g,{as:"button",ref:h,className:f,style:{"--cpd-icon-button-size":u,...c},disabled:n,...m,"data-indicator":o,children:t.jsx(I,{indicator:o,colour:n?"var(--cpd-color-icon-disabled)":void 0,children:v.Children.only(l)})});return a?t.jsx(x,{label:a,children:i}):i});try{s.displayName="IconButton",s.__docgenInfo={description:"Display an icon as a button. Can render an indicator",displayName:"IconButton",props:{disabled:{defaultValue:null,description:`Note that disabled attribute is not added to buttons, so that disabled buttons are discoverable by keyboard. \`aria-disabled\` attribute is used to indicate button is disabled. Event handlers are not passed to disabled buttons (onClick, onSubmit, etc.) -Whether the button is interactable`,name:"disabled",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"32px"},description:'The size of the button in CSS units, e.g. `"24px"`.\nNote that this is the size of the *button* itself: the icon will be 0.75 * this size',name:"size",required:!1,type:{name:"string"}},destructive:{defaultValue:{value:"false"},description:"Whether this button triggers a destructive action.",name:"destructive",required:!1,type:{name:"boolean"}},indicator:{defaultValue:null,description:`The icon button indicator dot displayed on the top right -As in IndicatorIcon`,name:"indicator",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"success"'},{value:'"critical"'}]}},subtleBackground:{defaultValue:null,description:"",name:"subtleBackground",required:!1,type:{name:"boolean"}}}}}catch{}export{s as I}; +Whether the button is interactable`,name:"disabled",required:!1,type:{name:"boolean"}},destructive:{defaultValue:{value:"false"},description:"Whether this button triggers a destructive action.",name:"destructive",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"32px"},description:'The size of the button in CSS units, e.g. `"24px"`.\nNote that this is the size of the *button* itself: the icon will be 0.75 * this size',name:"size",required:!1,type:{name:"string"}},tooltip:{defaultValue:null,description:"Optional tooltip for the button",name:"tooltip",required:!1,type:{name:"string"}},indicator:{defaultValue:null,description:`The icon button indicator dot displayed on the top right +As in IndicatorIcon`,name:"indicator",required:!1,type:{name:"enum",value:[{value:'"success"'},{value:'"critical"'},{value:'"default"'}]}},subtleBackground:{defaultValue:null,description:"",name:"subtleBackground",required:!1,type:{name:"boolean"}}}}}catch{}export{s as I}; diff --git a/assets/IconButton.stories-Ct7XG7ct.js b/assets/IconButton.stories-DguG0rBm.js similarity index 94% rename from assets/IconButton.stories-Ct7XG7ct.js rename to assets/IconButton.stories-DguG0rBm.js index 777b7a6b..53703140 100644 --- a/assets/IconButton.stories-Ct7XG7ct.js +++ b/assets/IconButton.stories-DguG0rBm.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-CexXSJP5.js";import{f as g}from"./index-ozRUDpri.js";import{I as p}from"./IconButton-Ccv5Unpx.js";import{U as m}from"./user-profile-EvkA4CON.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./UnstyledButton-C9fNLva5.js";import"./IndicatorIcon-_PMFIuo8.js";import"./Tooltip-womRVnul.js";import"./floating-ui.react-CWvUcNvr.js";import"./index-BlTQwN6S.js";const z={title:"Button/IconButton",component:p,tags:["autodocs"],argTypes:{control:{type:"boolean"},onClick:{action:"onClick"}},args:{size:"32px",disabled:!1,children:r.jsx(m,{}),onClick:g()}},I=l=>r.jsxs(r.Fragment,{children:[r.jsx(p,{...l,size:"32px",children:r.jsx(m,{})}),r.jsx(p,{...l,size:"48px",children:r.jsx(m,{})}),r.jsx(p,{...l,size:"64px",children:r.jsx(m,{})})]}),e=I.bind({}),s={args:{}},a={args:{disabled:!0}},o={args:{indicator:"default"}},t={args:{indicator:"default",disabled:!0}},n={args:{indicator:"success"}},c={args:{indicator:"critical"}},i={args:{subtleBackground:!0}},d={args:{label:"label"}},u={args:{destructive:"true"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`args => <> +import{j as r}from"./jsx-runtime-CexXSJP5.js";import{f as g}from"./index-ozRUDpri.js";import{I as p}from"./IconButton-BxFxHD6q.js";import{U as m}from"./user-profile-EvkA4CON.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./UnstyledButton-C9fNLva5.js";import"./IndicatorIcon-B59qELJf.js";import"./Tooltip-GcGKJhf-.js";import"./floating-ui.react-BR2piq7W.js";import"./index-BlTQwN6S.js";const z={title:"Button/IconButton",component:p,tags:["autodocs"],argTypes:{control:{type:"boolean"},onClick:{action:"onClick"}},args:{size:"32px",disabled:!1,children:r.jsx(m,{}),onClick:g()}},I=l=>r.jsxs(r.Fragment,{children:[r.jsx(p,{...l,size:"32px",children:r.jsx(m,{})}),r.jsx(p,{...l,size:"48px",children:r.jsx(m,{})}),r.jsx(p,{...l,size:"64px",children:r.jsx(m,{})})]}),e=I.bind({}),s={args:{}},a={args:{disabled:!0}},o={args:{indicator:"default"}},t={args:{indicator:"default",disabled:!0}},n={args:{indicator:"success"}},c={args:{indicator:"critical"}},i={args:{subtleBackground:!0}},d={args:{label:"label"}},u={args:{destructive:"true"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`args => <> diff --git a/assets/IndicatorIcon-_PMFIuo8.js b/assets/IndicatorIcon-B59qELJf.js similarity index 94% rename from assets/IndicatorIcon-_PMFIuo8.js rename to assets/IndicatorIcon-B59qELJf.js index 1ec7bb51..6c165aaf 100644 --- a/assets/IndicatorIcon-_PMFIuo8.js +++ b/assets/IndicatorIcon-B59qELJf.js @@ -1,2 +1,2 @@ import{j as d}from"./jsx-runtime-CexXSJP5.js";import{r as l,a as u}from"./index-BP8_t0zE.js";import{c as p}from"./index-CSpfAsmC.js";const m={"indicator-icon":"_indicator-icon_133tf_26"},e=l.forwardRef(function({children:o,className:n,size:t="100%",colour:i,indicator:r},s){const c=p(m["indicator-icon"],n);return d.jsx("div",{ref:s,className:c,"data-indicator":r,style:{"--cpd-icon-button-size":t,"--cpd-color-icon-tertiary":i},children:u.Children.only(o)})});try{e.displayName="IndicatorIcon",e.__docgenInfo={description:"",displayName:"IndicatorIcon",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},size:{defaultValue:{value:"100%"},description:'The icon size in CSS units, e.g. `"24px"`.',name:"size",required:!1,type:{name:"string"}},colour:{defaultValue:null,description:"The icon colour.",name:"colour",required:!1,type:{name:"string"}},indicator:{defaultValue:null,description:`The indicator dot displayed on the top right -Names based on the colours used for the dot, or undefined for no dot.`,name:"indicator",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"success"'},{value:'"critical"'}]}}}}}catch{}export{e as I}; +Names based on the colours used for the dot, or undefined for no dot.`,name:"indicator",required:!1,type:{name:"enum",value:[{value:'"success"'},{value:'"critical"'},{value:'"default"'}]}}}}}catch{}export{e as I}; diff --git a/assets/IndicatorIcon.stories-CKWY1FVW.js b/assets/IndicatorIcon.stories-CAvJSynz.js similarity index 95% rename from assets/IndicatorIcon.stories-CKWY1FVW.js rename to assets/IndicatorIcon.stories-CAvJSynz.js index d75a536a..195a0321 100644 --- a/assets/IndicatorIcon.stories-CKWY1FVW.js +++ b/assets/IndicatorIcon.stories-CAvJSynz.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-CexXSJP5.js";import{f as d}from"./index-ozRUDpri.js";import{I as o}from"./IndicatorIcon-_PMFIuo8.js";import{T as r}from"./threads-BMeJ5mkW.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";const g={title:"Icon/IndicatorIcon",component:o,tags:["autodocs"],argTypes:{control:{type:"boolean"},onClick:{action:"onClick"}},args:{size:"32px",disabled:!1,children:n.jsx(r,{}),onClick:d()}},p=e=>n.jsxs(n.Fragment,{children:[n.jsx(o,{...e,size:"32px",children:n.jsx(r,{})}),n.jsx(o,{...e,size:"48px",children:n.jsx(r,{})}),n.jsx(o,{...e,size:"64px",children:n.jsx(r,{})}),n.jsx(o,{...e,size:"32px",indicator:"default",children:n.jsx(r,{})}),n.jsx(o,{...e,size:"48px",indicator:"default",children:n.jsx(r,{})}),n.jsx(o,{...e,size:"64px",indicator:"default",children:n.jsx(r,{})})]}),a=p.bind({}),c={args:{}},s={args:{indicator:"default"}},t={args:{indicator:"success"}},i={args:{indicator:"critical"}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`args => <> +import{j as n}from"./jsx-runtime-CexXSJP5.js";import{f as d}from"./index-ozRUDpri.js";import{I as o}from"./IndicatorIcon-B59qELJf.js";import{T as r}from"./threads-BMeJ5mkW.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";const g={title:"Icon/IndicatorIcon",component:o,tags:["autodocs"],argTypes:{control:{type:"boolean"},onClick:{action:"onClick"}},args:{size:"32px",disabled:!1,children:n.jsx(r,{}),onClick:d()}},p=e=>n.jsxs(n.Fragment,{children:[n.jsx(o,{...e,size:"32px",children:n.jsx(r,{})}),n.jsx(o,{...e,size:"48px",children:n.jsx(r,{})}),n.jsx(o,{...e,size:"64px",children:n.jsx(r,{})}),n.jsx(o,{...e,size:"32px",indicator:"default",children:n.jsx(r,{})}),n.jsx(o,{...e,size:"48px",indicator:"default",children:n.jsx(r,{})}),n.jsx(o,{...e,size:"64px",indicator:"default",children:n.jsx(r,{})})]}),a=p.bind({}),c={args:{}},s={args:{indicator:"default"}},t={args:{indicator:"success"}},i={args:{indicator:"critical"}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`args => <> diff --git a/assets/Label-DrSdbBfa.js b/assets/Label-DrSdbBfa.js new file mode 100644 index 00000000..055551aa --- /dev/null +++ b/assets/Label-DrSdbBfa.js @@ -0,0 +1,3 @@ +import{j as r}from"./jsx-runtime-CexXSJP5.js";import{r as d}from"./index-BP8_t0zE.js";import{F as m,L as _}from"./index-Br7_Jfcb.js";import{c as t}from"./index-CSpfAsmC.js";const p="_root_dgy0u_24",u="_field_dgy0u_34",f="_label_dgy0u_67",g="_message_dgy0u_98",c={root:p,field:u,"inline-field":"_inline-field_dgy0u_40","inline-field-body":"_inline-field-body_dgy0u_46","inline-field-control":"_inline-field-control_dgy0u_52",label:f,message:g,"help-message":"_help-message_dgy0u_104","error-message":"_error-message_dgy0u_108","success-message":"_success-message_dgy0u_112"},n=d.forwardRef(function({children:a,...e},l){const i=t(c.field,e.className);return r.jsx(m,{ref:l,...e,className:i,children:a})});try{n.displayName="Field",n.__docgenInfo={description:`Thin wrapper around Radix UI Field component +https://www.radix-ui.com/docs/primitives/components/form#field`,displayName:"Field",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}const o=d.forwardRef(function({children:a,...e},l){const i=t(c.label,e.className);return r.jsx(_,{ref:l,...e,className:i,children:a})});try{o.displayName="Label",o.__docgenInfo={description:`Thin wrapper around Radix UI Label component +https://www.radix-ui.com/docs/primitives/components/form#label`,displayName:"Label",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}export{n as F,o as L,c as s}; diff --git a/assets/Label-dXS8hmUH.css b/assets/Label-dXS8hmUH.css new file mode 100644 index 00000000..e2b912b5 --- /dev/null +++ b/assets/Label-dXS8hmUH.css @@ -0,0 +1 @@ +._root_dgy0u_24{display:flex;flex-direction:column;gap:var(--cpd-space-5x)}._field_dgy0u_34{display:flex;flex-direction:column;gap:var(--cpd-space-1x)}._inline-field_dgy0u_40{display:flex;flex-direction:row;gap:var(--cpd-space-2x)}._inline-field-body_dgy0u_46{flex:1;display:flex;flex-direction:column}._inline-field-control_dgy0u_52{block-size:calc(var(--cpd-font-size-body-md) * var(--cpd-font-line-height-regular));display:flex;align-items:center}._label_dgy0u_67{font:var(--cpd-font-body-md-medium);letter-spacing:var(--cpd-font-letter-spacing-body-md)}._label_dgy0u_67[for]{cursor:pointer}._label_dgy0u_67[data-invalid]{color:var(--cpd-color-text-critical-primary)}._inline-field-body_dgy0u_46 ._label_dgy0u_67{font:var(--cpd-font-body-md-regular)}._label_dgy0u_67:has(~* input[disabled]),._label_dgy0u_67:has(~input[disabled]),._inline-field-control_dgy0u_52:has(input[disabled])~._inline-field-body_dgy0u_46 ._label_dgy0u_67{color:var(--cpd-color-text-disabled);cursor:not-allowed}._message_dgy0u_98{font:var(--cpd-font-body-sm-regular);letter-spacing:var(--cpd-font-letter-spacing-body-sm);margin-block-start:var(--cpd-space-1x)}._help-message_dgy0u_104{color:var(--cpd-color-text-secondary)}._error-message_dgy0u_108{color:var(--cpd-color-text-critical-primary)}._success-message_dgy0u_112{color:var(--cpd-color-text-success-primary)}input[disabled]~._message_dgy0u_98,*:has(input[disabled])~._message_dgy0u_98,._inline-field-control_dgy0u_52:has(input[disabled])~._inline-field-body_dgy0u_46 ._message_dgy0u_98{color:var(--cpd-color-text-disabled)}._message_dgy0u_98>svg{display:inline-block;vertical-align:bottom;margin-inline-end:var(--cpd-space-2x);block-size:calc(1em * var(--cpd-font-line-height-regular));inline-size:calc(1em * var(--cpd-font-line-height-regular))} diff --git a/assets/Link-HOYPp55n.js b/assets/Link-HOYPp55n.js deleted file mode 100644 index cd8baa35..00000000 --- a/assets/Link-HOYPp55n.js +++ /dev/null @@ -1 +0,0 @@ -import{j as l}from"./jsx-runtime-CexXSJP5.js";import{r as o}from"./index-BP8_t0zE.js";import{c as m}from"./index-CSpfAsmC.js";const p="_link_1mzip_17",c={link:p},e=o.forwardRef(function({children:r,className:n,kind:i="primary",...s},t){return l.jsx("a",{ref:t,...s,rel:"noreferrer noopener",className:m(c.link,n),"data-kind":i,children:r})});try{e.displayName="Link",e.__docgenInfo={description:"A link component.",displayName:"Link",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},kind:{defaultValue:{value:"primary"},description:"The type of link.",name:"kind",required:!1,type:{name:"enum",value:[{value:'"critical"'},{value:'"primary"'}]}}}}}catch{}export{e as L}; diff --git a/assets/Link.stories-EORwezLC.js b/assets/Link.stories-EORwezLC.js new file mode 100644 index 00000000..bb97cade --- /dev/null +++ b/assets/Link.stories-EORwezLC.js @@ -0,0 +1 @@ +import{j as n}from"./jsx-runtime-CexXSJP5.js";import{r as l}from"./index-BP8_t0zE.js";import{c as p}from"./index-CSpfAsmC.js";const m="_link_1mzip_17",d={link:m},r=l.forwardRef(function({children:s,className:o,kind:t="primary",...i},c){return n.jsx("a",{ref:c,...i,rel:"noreferrer noopener",className:p(d.link,o),"data-kind":t,children:s})});try{r.displayName="Link",r.__docgenInfo={description:"A link component.",displayName:"Link",props:{kind:{defaultValue:{value:"primary"},description:"The type of link.",name:"kind",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"critical"'}]}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}}}}}catch{}const y={title:"Link",component:r,tags:["autodocs"],argTypes:{},args:{}},u=a=>n.jsx(r,{...a,children:"Text link"}),e=u.bind({});e.args={};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:"args => Text link",...e.parameters?.docs?.source}}};const g=["Round"];export{e as Round,g as __namedExportsOrder,y as default}; diff --git a/assets/Link.stories-F3lrt_vW.js b/assets/Link.stories-F3lrt_vW.js deleted file mode 100644 index e22311c9..00000000 --- a/assets/Link.stories-F3lrt_vW.js +++ /dev/null @@ -1 +0,0 @@ -import{j as t}from"./jsx-runtime-CexXSJP5.js";import{L as r}from"./Link-HOYPp55n.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";const p={title:"Link",component:r,tags:["autodocs"],argTypes:{},args:{}},e=s=>t.jsx(r,{...s,children:"Text link"}),o=e.bind({});o.args={};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:"args => Text link",...o.parameters?.docs?.source}}};const c=["Round"];export{o as Round,c as __namedExportsOrder,p as default}; diff --git a/assets/MFA-DeuBTLWq.js b/assets/MFA-BvC7feFI.js similarity index 70% rename from assets/MFA-DeuBTLWq.js rename to assets/MFA-BvC7feFI.js index a62f60cd..48d50300 100644 --- a/assets/MFA-DeuBTLWq.js +++ b/assets/MFA-BvC7feFI.js @@ -1 +1 @@ -import{j as a}from"./jsx-runtime-CexXSJP5.js";import{r as m,a as u}from"./index-BP8_t0zE.js";import{c as M}from"./index-CSpfAsmC.js";import{C as N}from"./index-BugjtUKR.js";const A="_container_9zyti_18",C="_control_9zyti_33",v="_digit_9zyti_57",i={container:A,control:C,digit:v},x=({filled:o,selected:s})=>a.jsx("div",{className:i.digit,"aria-hidden":"true","data-filled":o?"":void 0,"data-selected":s?"":void 0}),c=m.forwardRef(function({className:s,length:r=6,...f},_){const y=M(i.container,s),[g,h]=u.useState(0),[l,d]=u.useState(null),e=t=>{const n=t.currentTarget;h(n.value?.length),document.activeElement!==n||n.selectionStart===null||n.selectionEnd===null?d(null):d([n.selectionStart,n.selectionEnd])};return a.jsxs("div",{className:y,children:[a.jsx("input",{...f,inputMode:"numeric",type:"text",minLength:0,maxLength:r,className:i.control,pattern:`\\d{${r}}`,autoComplete:"one-time-code",onSelect:e,onFocus:e,onBlur:e,onMouseDown:e,onMouseMove:e,onMouseUp:e,onChange:e,ref:_}),Array.from(Array(r).keys()).map(t=>a.jsx(x,{filled:t=l[0]&&ta.jsx("div",{className:i.digit,"aria-hidden":"true","data-filled":o?"":void 0,"data-selected":s?"":void 0}),c=m.forwardRef(function({className:s,length:r=6,...f},_){const y=M(i.container,s),[g,h]=u.useState(0),[l,d]=u.useState(null),e=t=>{const n=t.currentTarget;h(n.value?.length),document.activeElement!==n||n.selectionStart===null||n.selectionEnd===null?d(null):d([n.selectionStart,n.selectionEnd])};return a.jsxs("div",{className:y,children:[a.jsx("input",{...f,inputMode:"numeric",type:"text",minLength:0,maxLength:r,className:i.control,pattern:`\\d{${r}}`,autoComplete:"one-time-code",onSelect:e,onFocus:e,onBlur:e,onMouseDown:e,onMouseMove:e,onMouseUp:e,onChange:e,ref:_}),Array.from(Array(r).keys()).map(t=>a.jsx(x,{filled:t=l[0]&&tp.jsx(t,{...i,"data-invalid":d||void 0}),tags:["autodocs"],parameters:{controls:{include:["defaultValue","disabled","readOnly","invalid"]}},argTypes:{defaultValue:{type:"string"},autoFocus:{type:"boolean"},disabled:{type:"boolean"},readOnly:{type:"boolean"}},args:{defaultValue:"",autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1}},e={parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4786"}}},a={args:{defaultValue:"012345"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4827"}}},n={args:{defaultValue:"012345",disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4821"}}},o={args:{defaultValue:"012345",readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2126-21991"}}},r={args:{defaultValue:"012",autoFocus:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4805"}}},s={args:{invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4814"}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ +import{j as p}from"./jsx-runtime-CexXSJP5.js";import{M as t}from"./MFA-BvC7feFI.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./index-Br7_Jfcb.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";const b={title:"Form/Controls/MFA",component:t,render:({invalid:d,...i})=>p.jsx(t,{...i,"data-invalid":d||void 0}),tags:["autodocs"],parameters:{controls:{include:["defaultValue","disabled","readOnly","invalid"]}},argTypes:{defaultValue:{type:"string"},autoFocus:{type:"boolean"},disabled:{type:"boolean"},readOnly:{type:"boolean"}},args:{defaultValue:"",autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1}},e={parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4786"}}},a={args:{defaultValue:"012345"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4827"}}},n={args:{defaultValue:"012345",disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4821"}}},o={args:{defaultValue:"012345",readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2126-21991"}}},r={args:{defaultValue:"012",autoFocus:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4805"}}},s={args:{invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4814"}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ parameters: { design: { type: "figma", diff --git a/assets/Menu-IXabpTPD.js b/assets/Menu-IXabpTPD.js deleted file mode 100644 index 197bf353..00000000 --- a/assets/Menu-IXabpTPD.js +++ /dev/null @@ -1,7 +0,0 @@ -import{j as a}from"./jsx-runtime-CexXSJP5.js";import{r as d}from"./index-BP8_t0zE.js";import{c as v,u as D}from"./index-DD7XHAoh.js";import{c as A}from"./index-Dp4tTk3o.js";import{c as b,A as O,C as k,G,L as q,I as L,a as V,R as $,b as B,d as F,S as K,e as U,f as W,g as H,i as X,h as z,P as J,D as g}from"./index-BF9S1Jqn.js";import{P as Q}from"./index-BjHk5heU.js";import{F as Y}from"./FloatingMenu-t36h7pay.js";import{c as Z}from"./index-CSpfAsmC.js";import{d as ee,D as oe,g as re}from"./DrawerMenu-BgyYdqxq.js";import{a as ne}from"./MenuItem-CLebqjpw.js";function te(e,n=[]){let o=[];function r(i,u){const s=d.createContext(u),p=o.length;o=[...o,u];const m=l=>{const{scope:w,children:M,...f}=l,T=w?.[e]?.[p]||s,j=d.useMemo(()=>f,Object.values(f));return a.jsx(T.Provider,{value:j,children:M})};m.displayName=i+"Provider";function h(l,w){const M=w?.[e]?.[p]||s,f=d.useContext(M);if(f)return f;if(u!==void 0)return u;throw new Error(`\`${l}\` must be used within \`${i}\``)}return[m,h]}const t=()=>{const i=o.map(u=>d.createContext(u));return function(s){const p=s?.[e]||i;return d.useMemo(()=>({[`__scope${e}`]:{...s,[e]:p}}),[s,p])}};return t.scopeName=e,[r,ae(t,...n)]}function ae(...e){const n=e[0];if(e.length===1)return n;const o=()=>{const r=e.map(t=>({useScope:t(),scopeName:t.scopeName}));return function(i){const u=r.reduce((s,{useScope:p,scopeName:m})=>{const l=p(i)[`__scope${m}`];return{...s,...l}},{});return d.useMemo(()=>({[`__scope${n.scopeName}`]:u}),[u])}};return o.scopeName=n.scopeName,o}var x="DropdownMenu",[se,Ue]=te(x,[b]),c=b(),[ie,y]=se(x),R=e=>{const{__scopeDropdownMenu:n,children:o,dir:r,open:t,defaultOpen:i,onOpenChange:u,modal:s=!0}=e,p=c(n),m=d.useRef(null),[h=!1,l]=X({prop:t,defaultProp:i,onChange:u});return a.jsx(ie,{scope:n,triggerId:D(),triggerRef:m,contentId:D(),open:h,onOpenChange:l,onOpenToggle:d.useCallback(()=>l(w=>!w),[l]),modal:s,children:a.jsx(z,{...p,open:h,onOpenChange:l,dir:r,modal:s,children:o})})};R.displayName=x;var C="DropdownMenuTrigger",N=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,disabled:r=!1,...t}=e,i=y(C,o),u=c(o);return a.jsx(O,{asChild:!0,...u,children:a.jsx(Q.button,{type:"button",id:i.triggerId,"aria-haspopup":"menu","aria-expanded":i.open,"aria-controls":i.open?i.contentId:void 0,"data-state":i.open?"open":"closed","data-disabled":r?"":void 0,disabled:r,...t,ref:A(n,i.triggerRef),onPointerDown:v(e.onPointerDown,s=>{!r&&s.button===0&&s.ctrlKey===!1&&(i.onOpenToggle(),i.open||s.preventDefault())}),onKeyDown:v(e.onKeyDown,s=>{r||(["Enter"," "].includes(s.key)&&i.onOpenToggle(),s.key==="ArrowDown"&&i.onOpenChange(!0),["Enter"," ","ArrowDown"].includes(s.key)&&s.preventDefault())})})})});N.displayName=C;var de="DropdownMenuPortal",S=e=>{const{__scopeDropdownMenu:n,...o}=e,r=c(n);return a.jsx(J,{...r,...o})};S.displayName=de;var I="DropdownMenuContent",P=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=y(I,o),i=c(o),u=d.useRef(!1);return a.jsx(k,{id:t.contentId,"aria-labelledby":t.triggerId,...i,...r,ref:n,onCloseAutoFocus:v(e.onCloseAutoFocus,s=>{u.current||t.triggerRef.current?.focus(),u.current=!1,s.preventDefault()}),onInteractOutside:v(e.onInteractOutside,s=>{const p=s.detail.originalEvent,m=p.button===0&&p.ctrlKey===!0,h=p.button===2||m;(!t.modal||h)&&(u.current=!0)}),style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});P.displayName=I;var ue="DropdownMenuGroup",pe=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=c(o);return a.jsx(G,{...t,...r,ref:n})});pe.displayName=ue;var ce="DropdownMenuLabel",le=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=c(o);return a.jsx(q,{...t,...r,ref:n})});le.displayName=ce;var me="DropdownMenuItem",E=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=c(o);return a.jsx(L,{...t,...r,ref:n})});E.displayName=me;var he="DropdownMenuCheckboxItem",we=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=c(o);return a.jsx(V,{...t,...r,ref:n})});we.displayName=he;var fe="DropdownMenuRadioGroup",ge=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=c(o);return a.jsx($,{...t,...r,ref:n})});ge.displayName=fe;var ve="DropdownMenuRadioItem",Me=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=c(o);return a.jsx(B,{...t,...r,ref:n})});Me.displayName=ve;var xe="DropdownMenuItemIndicator",De=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=c(o);return a.jsx(F,{...t,...r,ref:n})});De.displayName=xe;var _e="DropdownMenuSeparator",be=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=c(o);return a.jsx(K,{...t,...r,ref:n})});be.displayName=_e;var ye="DropdownMenuArrow",Re=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=c(o);return a.jsx(U,{...t,...r,ref:n})});Re.displayName=ye;var Ce="DropdownMenuSubTrigger",Ne=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=c(o);return a.jsx(W,{...t,...r,ref:n})});Ne.displayName=Ce;var Se="DropdownMenuSubContent",Ie=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=c(o);return a.jsx(H,{...t,...r,ref:n,style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});Ie.displayName=Se;var Pe=R,Ee=N,Te=S,je=P;const Ae=({onSelect:e,children:n})=>a.jsx(E,{onSelect:e??void 0,asChild:!0,children:n}),_=({title:e,showTitle:n=!0,open:o,onOpenChange:r,trigger:t,children:i,side:u="bottom",align:s="center"})=>{const p=re(),m=p==="android"||p==="ios",h=d.useMemo(()=>({MenuItemWrapper:m?null:Ae,onOpenChange:r}),[r]),l=a.jsx(ne.Provider,{value:h,children:i});return m?a.jsxs(g.Root,{open:o,onOpenChange:r,children:[a.jsx(g.Trigger,{asChild:!0,children:t}),a.jsxs(g.Portal,{children:[a.jsx(g.Overlay,{className:Z(ee.bg)}),a.jsx(g.Content,{asChild:!0,children:a.jsx(oe,{title:e,children:l})})]})]}):a.jsxs(Pe,{open:o,onOpenChange:r,children:[a.jsx(Ee,{asChild:!0,children:t}),a.jsx(Te,{children:a.jsx(je,{asChild:!0,side:u,align:s,sideOffset:8,onCloseAutoFocus:w=>{w.preventDefault()},children:a.jsx(Y,{title:e,showTitle:n,children:l})})})]})};try{_.displayName="Menu",_.__docgenInfo={description:"A menu opened by pressing a button.",displayName:"Menu",props:{title:{defaultValue:null,description:"The menu title. This can be hidden with `showTitle={false}` in which case it will only\nbe a label for screen readers.",name:"title",required:!0,type:{name:"string"}},showTitle:{defaultValue:{value:"true"},description:"Controls whether the title is displayed (see `title` prop). Titles are only displayed on\nweb: on mobile, this parameter is ignored.",name:"showTitle",required:!1,type:{name:"boolean"}},open:{defaultValue:null,description:"Whether the menu is open.",name:"open",required:!0,type:{name:"boolean"}},onOpenChange:{defaultValue:null,description:`Event handler called when the open state of the menu changes. This includes -anything like clicking the trigger, selecting a menu item, or dismissing -the menu with the mouse or keyboard.`,name:"onOpenChange",required:!0,type:{name:"(open: boolean) => void"}},trigger:{defaultValue:null,description:`The button that opens the menu. This must be a component that accepts a ref -and spreads props. -https://www.radix-ui.com/primitives/docs/guides/composition`,name:"trigger",required:!0,type:{name:"ReactNode"}},children:{defaultValue:null,description:"The menu contents.",name:"children",required:!0,type:{name:"ReactNode"}},side:{defaultValue:{value:"bottom"},description:`The side of the trigger on which to place the menu. Note that the menu may -still end up on a different side than the one you request if there isn't -enough space.`,name:"side",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'},{value:'"bottom"'},{value:'"top"'}]}},align:{defaultValue:{value:"center"},description:"The edge along which the menu and trigger will be aligned.",name:"align",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"end"'},{value:'"start"'}]}}}}}catch{}export{_ as M}; diff --git a/assets/Menu.stories-k_jfyUr_.js b/assets/Menu.stories-k_jfyUr_.js deleted file mode 100644 index 01ae0ba9..00000000 --- a/assets/Menu.stories-k_jfyUr_.js +++ /dev/null @@ -1,19 +0,0 @@ -import{j as e}from"./jsx-runtime-CexXSJP5.js";import{r as l}from"./index-BP8_t0zE.js";import{U as p}from"./user-profile-EvkA4CON.js";import{N as m,C as u,L as I}from"./notifications-MBLL4uPX.js";import{M as r}from"./Menu-IXabpTPD.js";import{M as t}from"./MenuItem-CLebqjpw.js";import{S as g}from"./Separator-zVStbRaM.js";import{B as S}from"./Button-C0_Ps78g.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-BF9S1Jqn.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";import"./floating-ui.react-CWvUcNvr.js";import"./FloatingMenu-t36h7pay.js";import"./index-CSpfAsmC.js";import"./useId-DIHOOv91.js";import"./Text-BgCCN_GG.js";import"./Typography-DuHxGDyc.js";import"./DrawerMenu-BgyYdqxq.js";import"./chevron-right-DF47_mtr.js";import"./UnstyledButton-C9fNLva5.js";const R={title:"Menu",component:r,tags:["autodocs"],argTypes:{},args:{}},a=s=>{const[i,c]=l.useState(!0);return e.jsxs(r,{...s,open:i,onOpenChange:c,trigger:e.jsx(S,{children:"Open menu"}),align:"start",children:[e.jsx(t,{Icon:p,label:"Profile",onSelect:()=>{}}),e.jsx(t,{Icon:m,label:"Notifications",onSelect:()=>{}}),e.jsx(t,{Icon:u,label:"Feedback",onSelect:()=>{}}),e.jsx(g,{}),e.jsx(t,{kind:"critical",Icon:I,label:"Sign out",onSelect:()=>{}})]})},n=a.bind({});n.args={title:"Today's Menu"};const o=a.bind({});o.args={title:"Untitled Menu",showTitle:!1};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`args => { - const [open, setOpen] = useState(true); - return Open menu} align="start"> - {}} /> - {}} /> - {}} /> - - {}} /> - ; -}`,...n.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`args => { - const [open, setOpen] = useState(true); - return Open menu} align="start"> - {}} /> - {}} /> - {}} /> - - {}} /> - ; -}`,...o.parameters?.docs?.source}}};const $=["Menu","WithoutTitle"];export{n as Menu,o as WithoutTitle,$ as __namedExportsOrder,R as default}; diff --git a/assets/Menu.stories-mHaF8bRV.js b/assets/Menu.stories-mHaF8bRV.js new file mode 100644 index 00000000..f01cb6b3 --- /dev/null +++ b/assets/Menu.stories-mHaF8bRV.js @@ -0,0 +1,25 @@ +import{j as a}from"./jsx-runtime-CexXSJP5.js";import{r as i}from"./index-BP8_t0zE.js";import{U as L}from"./user-profile-EvkA4CON.js";import{N as B,C as U,L as q}from"./notifications-MBLL4uPX.js";import{c as b,u as S}from"./index-DD7XHAoh.js";import{c as F}from"./index-Dp4tTk3o.js";import{c as C,A as V,C as $,G as W,L as K,I as H,a as X,R as z,b as J,d as Q,S as Y,e as Z,f as ee,g as oe,i as ne,h as re,P as te,D as w}from"./index-Bntl8XdB.js";import{P as ae}from"./index-BjHk5heU.js";import{F as se}from"./FloatingMenu-CL2la2kV.js";import{c as ie}from"./index-CSpfAsmC.js";import{d as ce,D as ue,g as pe}from"./DrawerMenu-BgyYdqxq.js";import{a as de,M as x}from"./MenuItem-B7JmuVZQ.js";import{S as le}from"./Separator-0nqzHv-U.js";import{B as me}from"./Button-C0_Ps78g.js";import"./index-CcH3h_90.js";import"./floating-ui.react-BR2piq7W.js";import"./index-BlTQwN6S.js";import"./useId-DIHOOv91.js";import"./Text-43GasnQW.js";import"./Typography-BWOtt-hZ.js";import"./chevron-right-DF47_mtr.js";import"./UnstyledButton-C9fNLva5.js";function fe(e,n=[]){let o=[];function r(c,u){const s=i.createContext(u),p=o.length;o=[...o,u];const m=l=>{const{scope:h,children:D,...g}=l,k=h?.[e]?.[p]||s,G=i.useMemo(()=>g,Object.values(g));return a.jsx(k.Provider,{value:G,children:D})};m.displayName=c+"Provider";function f(l,h){const D=h?.[e]?.[p]||s,g=i.useContext(D);if(g)return g;if(u!==void 0)return u;throw new Error(`\`${l}\` must be used within \`${c}\``)}return[m,f]}const t=()=>{const c=o.map(u=>i.createContext(u));return function(s){const p=s?.[e]||c;return i.useMemo(()=>({[`__scope${e}`]:{...s,[e]:p}}),[s,p])}};return t.scopeName=e,[r,he(t,...n)]}function he(...e){const n=e[0];if(e.length===1)return n;const o=()=>{const r=e.map(t=>({useScope:t(),scopeName:t.scopeName}));return function(c){const u=r.reduce((s,{useScope:p,scopeName:m})=>{const l=p(c)[`__scope${m}`];return{...s,...l}},{});return i.useMemo(()=>({[`__scope${n.scopeName}`]:u}),[u])}};return o.scopeName=n.scopeName,o}var _="DropdownMenu",[ge,fo]=fe(_,[C]),d=C(),[we,y]=ge(_),N=e=>{const{__scopeDropdownMenu:n,children:o,dir:r,open:t,defaultOpen:c,onOpenChange:u,modal:s=!0}=e,p=d(n),m=i.useRef(null),[f=!1,l]=ne({prop:t,defaultProp:c,onChange:u});return a.jsx(we,{scope:n,triggerId:S(),triggerRef:m,contentId:S(),open:f,onOpenChange:l,onOpenToggle:i.useCallback(()=>l(h=>!h),[l]),modal:s,children:a.jsx(re,{...p,open:f,onOpenChange:l,dir:r,modal:s,children:o})})};N.displayName=_;var R="DropdownMenuTrigger",P=i.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,disabled:r=!1,...t}=e,c=y(R,o),u=d(o);return a.jsx(V,{asChild:!0,...u,children:a.jsx(ae.button,{type:"button",id:c.triggerId,"aria-haspopup":"menu","aria-expanded":c.open,"aria-controls":c.open?c.contentId:void 0,"data-state":c.open?"open":"closed","data-disabled":r?"":void 0,disabled:r,...t,ref:F(n,c.triggerRef),onPointerDown:b(e.onPointerDown,s=>{!r&&s.button===0&&s.ctrlKey===!1&&(c.onOpenToggle(),c.open||s.preventDefault())}),onKeyDown:b(e.onKeyDown,s=>{r||(["Enter"," "].includes(s.key)&&c.onOpenToggle(),s.key==="ArrowDown"&&c.onOpenChange(!0),["Enter"," ","ArrowDown"].includes(s.key)&&s.preventDefault())})})})});P.displayName=R;var Me="DropdownMenuPortal",j=e=>{const{__scopeDropdownMenu:n,...o}=e,r=d(n);return a.jsx(te,{...r,...o})};j.displayName=Me;var T="DropdownMenuContent",O=i.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=y(T,o),c=d(o),u=i.useRef(!1);return a.jsx($,{id:t.contentId,"aria-labelledby":t.triggerId,...c,...r,ref:n,onCloseAutoFocus:b(e.onCloseAutoFocus,s=>{u.current||t.triggerRef.current?.focus(),u.current=!1,s.preventDefault()}),onInteractOutside:b(e.onInteractOutside,s=>{const p=s.detail.originalEvent,m=p.button===0&&p.ctrlKey===!0,f=p.button===2||m;(!t.modal||f)&&(u.current=!0)}),style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});O.displayName=T;var ve="DropdownMenuGroup",xe=i.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=d(o);return a.jsx(W,{...t,...r,ref:n})});xe.displayName=ve;var be="DropdownMenuLabel",Ie=i.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=d(o);return a.jsx(K,{...t,...r,ref:n})});Ie.displayName=be;var De="DropdownMenuItem",E=i.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=d(o);return a.jsx(H,{...t,...r,ref:n})});E.displayName=De;var _e="DropdownMenuCheckboxItem",Se=i.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=d(o);return a.jsx(X,{...t,...r,ref:n})});Se.displayName=_e;var Ce="DropdownMenuRadioGroup",ye=i.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=d(o);return a.jsx(z,{...t,...r,ref:n})});ye.displayName=Ce;var Ne="DropdownMenuRadioItem",Re=i.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=d(o);return a.jsx(J,{...t,...r,ref:n})});Re.displayName=Ne;var Pe="DropdownMenuItemIndicator",je=i.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=d(o);return a.jsx(Q,{...t,...r,ref:n})});je.displayName=Pe;var Te="DropdownMenuSeparator",Oe=i.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=d(o);return a.jsx(Y,{...t,...r,ref:n})});Oe.displayName=Te;var Ee="DropdownMenuArrow",Ae=i.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=d(o);return a.jsx(Z,{...t,...r,ref:n})});Ae.displayName=Ee;var ke="DropdownMenuSubTrigger",Ge=i.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=d(o);return a.jsx(ee,{...t,...r,ref:n})});Ge.displayName=ke;var Le="DropdownMenuSubContent",Be=i.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=d(o);return a.jsx(oe,{...t,...r,ref:n,style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});Be.displayName=Le;var Ue=N,qe=P,Fe=j,Ve=O;const $e=({onSelect:e,children:n})=>a.jsx(E,{onSelect:e??void 0,asChild:!0,children:n}),I=({title:e,showTitle:n=!0,open:o,onOpenChange:r,trigger:t,children:c,side:u="bottom",align:s="center"})=>{const p=pe(),m=p==="android"||p==="ios",f=i.useMemo(()=>({MenuItemWrapper:m?null:$e,onOpenChange:r}),[r]),l=a.jsx(de.Provider,{value:f,children:c});return m?a.jsxs(w.Root,{open:o,onOpenChange:r,children:[a.jsx(w.Trigger,{asChild:!0,children:t}),a.jsxs(w.Portal,{children:[a.jsx(w.Overlay,{className:ie(ce.bg)}),a.jsx(w.Content,{asChild:!0,children:a.jsx(ue,{title:e,children:l})})]})]}):a.jsxs(Ue,{open:o,onOpenChange:r,children:[a.jsx(qe,{asChild:!0,children:t}),a.jsx(Fe,{children:a.jsx(Ve,{asChild:!0,side:u,align:s,sideOffset:8,onCloseAutoFocus:h=>{h.preventDefault()},children:a.jsx(se,{title:e,showTitle:n,children:l})})})]})};try{I.displayName="Menu",I.__docgenInfo={description:"A menu opened by pressing a button.",displayName:"Menu",props:{title:{defaultValue:null,description:"The menu title. This can be hidden with `showTitle={false}` in which case it will only\nbe a label for screen readers.",name:"title",required:!0,type:{name:"string"}},showTitle:{defaultValue:{value:"true"},description:"Controls whether the title is displayed (see `title` prop). Titles are only displayed on\nweb: on mobile, this parameter is ignored.",name:"showTitle",required:!1,type:{name:"boolean"}},open:{defaultValue:null,description:"Whether the menu is open.",name:"open",required:!0,type:{name:"boolean"}},onOpenChange:{defaultValue:null,description:`Event handler called when the open state of the menu changes. This includes +anything like clicking the trigger, selecting a menu item, or dismissing +the menu with the mouse or keyboard.`,name:"onOpenChange",required:!0,type:{name:"(open: boolean) => void"}},trigger:{defaultValue:null,description:`The button that opens the menu. This must be a component that accepts a ref +and spreads props. +https://www.radix-ui.com/primitives/docs/guides/composition`,name:"trigger",required:!0,type:{name:"ReactNode"}},children:{defaultValue:null,description:"The menu contents.",name:"children",required:!0,type:{name:"ReactNode"}},side:{defaultValue:{value:"bottom"},description:`The side of the trigger on which to place the menu. Note that the menu may +still end up on a different side than the one you request if there isn't +enough space.`,name:"side",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'},{value:'"bottom"'},{value:'"top"'}]}},align:{defaultValue:{value:"center"},description:"The edge along which the menu and trigger will be aligned.",name:"align",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"end"'},{value:'"start"'}]}}}}}catch{}const ho={title:"Menu",component:I,tags:["autodocs"],argTypes:{},args:{}},A=e=>{const[n,o]=i.useState(!0);return a.jsxs(I,{...e,open:n,onOpenChange:o,trigger:a.jsx(me,{children:"Open menu"}),align:"start",children:[a.jsx(x,{Icon:L,label:"Profile",onSelect:()=>{}}),a.jsx(x,{Icon:B,label:"Notifications",onSelect:()=>{}}),a.jsx(x,{Icon:U,label:"Feedback",onSelect:()=>{}}),a.jsx(le,{}),a.jsx(x,{kind:"critical",Icon:q,label:"Sign out",onSelect:()=>{}})]})},M=A.bind({});M.args={title:"Today's Menu"};const v=A.bind({});v.args={title:"Untitled Menu",showTitle:!1};M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`args => { + const [open, setOpen] = useState(true); + return Open menu} align="start"> + {}} /> + {}} /> + {}} /> + + {}} /> + ; +}`,...M.parameters?.docs?.source}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`args => { + const [open, setOpen] = useState(true); + return Open menu} align="start"> + {}} /> + {}} /> + {}} /> + + {}} /> + ; +}`,...v.parameters?.docs?.source}}};const go=["Menu","WithoutTitle"];export{M as Menu,v as WithoutTitle,go as __namedExportsOrder,ho as default}; diff --git a/assets/MenuItem-CLebqjpw.js b/assets/MenuItem-B7JmuVZQ.js similarity index 91% rename from assets/MenuItem-CLebqjpw.js rename to assets/MenuItem-B7JmuVZQ.js index 76767670..d70c7545 100644 --- a/assets/MenuItem-CLebqjpw.js +++ b/assets/MenuItem-B7JmuVZQ.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-CexXSJP5.js";import{c as N}from"./index-CSpfAsmC.js";import{r as l}from"./index-BP8_t0zE.js";import{T as w}from"./Text-BgCCN_GG.js";import{C as M}from"./chevron-right-DF47_mtr.js";import{S as E}from"./index-Dp4tTk3o.js";const m=l.createContext(null);try{m.displayName="MenuContext",m.__docgenInfo={description:`A React context providing information about the menu in which a given -component resides.`,displayName:"MenuContext",props:{}}}catch{}const V="_item_8j2l6_17",T="_interactive_8j2l6_35",k="_icon_8j2l6_43",q="_label_8j2l6_52",R="_disabled_8j2l6_118",e={item:V,interactive:T,"no-label":"_no-label_8j2l6_39",icon:k,label:q,"nav-hint":"_nav-hint_8j2l6_59",disabled:R},p=({as:o,className:h,Icon:s,label:r,labelProps:b,onSelect:n,kind:f="primary",children:v,onClick:_,disabled:u,...y})=>{const a=o??"button",i=l.useContext(m),g=l.useCallback(I=>{if(_?.(I),n!==null&&i?.MenuItemWrapper==null){const c=new CustomEvent("menu.itemSelect",{bubbles:!0,cancelable:!0});n(c),c.defaultPrevented||i?.onOpenChange(!1)}},[i,n]),x=l.isValidElement(s),C=s,j=s,d=t.jsxs(a,{role:"menuitem",...y,className:N(h,e.item,{[e.interactive]:n!==null,[e["no-label"]]:r===null,[e.disabled]:u}),"data-kind":f,onClick:g,disabled:a==="button"?u:void 0,"aria-disabled":a==="button"?void 0:u,children:[x?t.jsx(E,{className:e.icon,children:C}):t.jsx(j,{width:24,height:24,className:e.icon,"aria-hidden":!0}),r!==null&&t.jsx(w,{className:e.label,size:"md",weight:"medium",as:"span",...b,children:r}),(a==="button"||a==="a")&&t.jsx(M,{width:8,height:24,className:e["nav-hint"],"aria-hidden":!0,viewBox:"8 0 8 24"}),v]});return i?.MenuItemWrapper==null||n===null?d:t.jsx(i.MenuItemWrapper,{onSelect:n,children:d})};try{p.displayName="MenuItem",p.__docgenInfo={description:"An item within a menu, acting either as a navigation button, or simply a\ncontainer for other interactive elements.\nMust be used within a compound Menu or other `menu` or `menubar` aria role subtree.",displayName:"MenuItem",props:{as:{defaultValue:{value:"button"},description:"The element type of this menu item.",name:"as",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"a"'},{value:'"div"'}]}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},Icon:{defaultValue:null,description:"The icon to show on this menu item.\nWhen `Icon` is a ReactNode, it should spread the props",name:"Icon",required:!0,type:{name:"ReactNode | ComponentType>"}},label:{defaultValue:null,description:"The label to show on this menu item.",name:"label",required:!0,type:{name:"string | null"}},labelProps:{defaultValue:null,description:"Additional properties to pass to the Text label component.",name:"labelProps",required:!1,type:{name:'Omit; type?: "heading" | "body"; weight?: "medium" | "bold" | "regular" | "semibold" | undefined; size?: "sm" | ... 4 more ... | undefined; className?: string | undefined; } & Omit<...> & { ...; }, "type"> & { ...; }, "ref"> | undefined'}},onSelect:{defaultValue:null,description:`Event callback for when the item is selected via mouse, touch, or keyboard. +import{j as t}from"./jsx-runtime-CexXSJP5.js";import{c as N}from"./index-CSpfAsmC.js";import{r as l}from"./index-BP8_t0zE.js";import{T as w}from"./Text-43GasnQW.js";import{C as M}from"./chevron-right-DF47_mtr.js";import{S as E}from"./index-Dp4tTk3o.js";const m=l.createContext(null);try{m.displayName="MenuContext",m.__docgenInfo={description:`A React context providing information about the menu in which a given +component resides.`,displayName:"MenuContext",props:{}}}catch{}const V="_item_8j2l6_17",T="_interactive_8j2l6_35",k="_icon_8j2l6_43",q="_label_8j2l6_52",R="_disabled_8j2l6_118",e={item:V,interactive:T,"no-label":"_no-label_8j2l6_39",icon:k,label:q,"nav-hint":"_nav-hint_8j2l6_59",disabled:R},p=({as:o,className:h,Icon:s,label:r,labelProps:b,onSelect:n,kind:f="primary",children:v,onClick:_,disabled:u,...y})=>{const a=o??"button",i=l.useContext(m),g=l.useCallback(I=>{if(_?.(I),n!==null&&i?.MenuItemWrapper==null){const c=new CustomEvent("menu.itemSelect",{bubbles:!0,cancelable:!0});n(c),c.defaultPrevented||i?.onOpenChange(!1)}},[i,n]),x=l.isValidElement(s),C=s,j=s,d=t.jsxs(a,{role:"menuitem",...y,className:N(h,e.item,{[e.interactive]:n!==null,[e["no-label"]]:r===null,[e.disabled]:u}),"data-kind":f,onClick:g,disabled:a==="button"?u:void 0,"aria-disabled":a==="button"?void 0:u,children:[x?t.jsx(E,{className:e.icon,children:C}):t.jsx(j,{width:24,height:24,className:e.icon,"aria-hidden":!0}),r!==null&&t.jsx(w,{className:e.label,size:"md",weight:"medium",as:"span",...b,children:r}),(a==="button"||a==="a")&&t.jsx(M,{width:8,height:24,className:e["nav-hint"],"aria-hidden":!0,viewBox:"8 0 8 24"}),v]});return i?.MenuItemWrapper==null||n===null?d:t.jsx(i.MenuItemWrapper,{onSelect:n,children:d})};try{p.displayName="MenuItem",p.__docgenInfo={description:"An item within a menu, acting either as a navigation button, or simply a\ncontainer for other interactive elements.\nMust be used within a compound Menu or other `menu` or `menubar` aria role subtree.",displayName:"MenuItem",props:{as:{defaultValue:{value:"button"},description:"The element type of this menu item.",name:"as",required:!1,type:{name:"enum",value:[{value:'"a"'},{value:'"button"'},{value:'"div"'}]}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},Icon:{defaultValue:null,description:"The icon to show on this menu item.\nWhen `Icon` is a ReactNode, it should spread the props",name:"Icon",required:!0,type:{name:"ReactNode | ComponentType>"}},label:{defaultValue:null,description:"The label to show on this menu item.",name:"label",required:!0,type:{name:"string | null"}},labelProps:{defaultValue:null,description:"Additional properties to pass to the Text label component.",name:"labelProps",required:!1,type:{name:'Omit; type?: "body" | "heading"; weight?: "medium" | "bold" | "regular" | "semibold" | undefined; size?: "sm" | ... 4 more ... | undefined; className?: string | undefined; } & Omit<...> & { ...; }, "type"> & { ...; }, "ref"> | undefined'}},onSelect:{defaultValue:null,description:`Event callback for when the item is selected via mouse, touch, or keyboard. Calling event.preventDefault in this handler will prevent the menu from -being dismissed.`,name:"onSelect",required:!0,type:{name:"((e: Event) => void) | null"}},kind:{defaultValue:{value:"primary"},description:"The color variant of the menu item.",name:"kind",required:!1,type:{name:"enum",value:[{value:'"critical"'},{value:'"primary"'}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}}}}}catch{}export{p as M,m as a}; +being dismissed.`,name:"onSelect",required:!0,type:{name:"((e: Event) => void) | null"}},kind:{defaultValue:{value:"primary"},description:"The color variant of the menu item.",name:"kind",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"critical"'}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}}}}}catch{}export{p as M,m as a}; diff --git a/assets/MenuItem.stories-F-4d7T0e.js b/assets/MenuItem.stories-DYu1iP0a.js similarity index 95% rename from assets/MenuItem.stories-F-4d7T0e.js rename to assets/MenuItem.stories-DYu1iP0a.js index 4043b2e8..f28d4817 100644 --- a/assets/MenuItem.stories-F-4d7T0e.js +++ b/assets/MenuItem.stories-DYu1iP0a.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-CexXSJP5.js";import{C as p,E as g}from"./extensions-NPI-SMnu.js";import{S as b}from"./settings-DxGsE2C2.js";import{M as l}from"./MenuItem-CLebqjpw.js";import{T as d}from"./Text-BgCCN_GG.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./chevron-right-DF47_mtr.js";import"./index-Dp4tTk3o.js";import"./Typography-DuHxGDyc.js";const P={title:"Menu/MenuItem",component:l,tags:["autodocs"],argTypes:{onClick:{action:"clicked!"}},args:{label:"Menu item",children:e.jsx(d,{as:"span",size:"sm",children:"99"}),Icon:p},decorators:[u=>e.jsx("div",{style:{width:300},children:e.jsx(u,{})})]},s={render:()=>e.jsxs("div",{style:{width:300},children:[e.jsx(l,{Icon:p,label:"First item",onSelect:()=>{},children:e.jsx(d,{as:"span",size:"sm",children:"99"})}),e.jsx(l,{Icon:g,label:"Second item with a name that's quite long",onSelect:()=>{}}),e.jsx(l,{Icon:b,label:null,onSelect:()=>{},children:e.jsx(d,{as:"span",size:"sm",children:"Third item without a label"})})]})},r={args:{kind:"primary"}},a={args:{kind:"critical"}},o={args:{...r.args,disabled:!0}},t={args:{...a.args,disabled:!0}};function h(u){return e.jsx("div",{style:{height:24,width:48,backgroundColor:"teal"},...u})}const n={args:{...r.args,Icon:e.jsx(h,{})}},i={args:{...r.args,label:void 0}},c={args:{...r.args,label:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."}},m={args:{...r.args,label:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, empor incididunt ut labore et dolore magna aliqua.",children:e.jsx(d,{as:"span",size:"sm",children:"Longer children too"})}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-CexXSJP5.js";import{C as p,E as g}from"./extensions-NPI-SMnu.js";import{S as b}from"./settings-DxGsE2C2.js";import{M as l}from"./MenuItem-B7JmuVZQ.js";import{T as d}from"./Text-43GasnQW.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./chevron-right-DF47_mtr.js";import"./index-Dp4tTk3o.js";import"./Typography-BWOtt-hZ.js";const P={title:"Menu/MenuItem",component:l,tags:["autodocs"],argTypes:{onClick:{action:"clicked!"}},args:{label:"Menu item",children:e.jsx(d,{as:"span",size:"sm",children:"99"}),Icon:p},decorators:[u=>e.jsx("div",{style:{width:300},children:e.jsx(u,{})})]},s={render:()=>e.jsxs("div",{style:{width:300},children:[e.jsx(l,{Icon:p,label:"First item",onSelect:()=>{},children:e.jsx(d,{as:"span",size:"sm",children:"99"})}),e.jsx(l,{Icon:g,label:"Second item with a name that's quite long",onSelect:()=>{}}),e.jsx(l,{Icon:b,label:null,onSelect:()=>{},children:e.jsx(d,{as:"span",size:"sm",children:"Third item without a label"})})]})},r={args:{kind:"primary"}},a={args:{kind:"critical"}},o={args:{...r.args,disabled:!0}},t={args:{...a.args,disabled:!0}};function h(u){return e.jsx("div",{style:{height:24,width:48,backgroundColor:"teal"},...u})}const n={args:{...r.args,Icon:e.jsx(h,{})}},i={args:{...r.args,label:void 0}},c={args:{...r.args,label:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."}},m={args:{...r.args,label:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, empor incididunt ut labore et dolore magna aliqua.",children:e.jsx(d,{as:"span",size:"sm",children:"Longer children too"})}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{ render: () =>
diff --git a/assets/Message-BiisbMQR.js b/assets/Message-BiisbMQR.js new file mode 100644 index 00000000..867dc067 --- /dev/null +++ b/assets/Message-BiisbMQR.js @@ -0,0 +1,2 @@ +import{j as l}from"./jsx-runtime-CexXSJP5.js";import{r as c}from"./index-BP8_t0zE.js";import{R as _,M as d}from"./index-Br7_Jfcb.js";import{s as n}from"./Label-DrSdbBfa.js";import{c as i}from"./index-CSpfAsmC.js";import{C as y}from"./check-circle-solid-TQoBW1Dk.js";import{E as h}from"./error-Dmbc84hO.js";import{I as N}from"./InlineSpinner-DZ2uBgAt.js";const m=c.forwardRef(function({children:a,...e},r){const o=i(n.root,e.className);return l.jsx(_,{ref:r,...e,className:o,children:a})});try{m.displayName="Root",m.__docgenInfo={description:`Thin wrapper around Radix UI Root component +https://www.radix-ui.com/docs/primitives/components/form#root`,displayName:"Root",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}const p=c.forwardRef(function({children:a,className:e,...r},o){const t=i(n.message,n["error-message"],e);return l.jsxs(d,{ref:o,...r,className:t,children:[l.jsx(h,{}),a]})}),u=c.forwardRef(function({children:a,className:e,...r},o){const t=i(n.message,n["success-message"],e);return l.jsxs(d,{ref:o,...r,className:t,children:[l.jsx(y,{}),a]})}),f=c.forwardRef(function({children:a,className:e,...r},o){const t=i(n.message,e);return l.jsxs(d,{ref:o,...r,className:t,children:[l.jsx(N,{}),a]})}),g=c.forwardRef(function({children:a,className:e,...r},o){const t=i(n.message,n["help-message"],e);return l.jsx(d,{ref:o,...r,className:t,children:a})});try{p.displayName="ErrorMessage",p.__docgenInfo={description:"An error message to display below a form control.",displayName:"ErrorMessage",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{u.displayName="SuccessMessage",u.__docgenInfo={description:"A success message to display below a form control.",displayName:"SuccessMessage",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{f.displayName="LoadingMessage",f.__docgenInfo={description:"A message showing a loading state",displayName:"LoadingMessage",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{g.displayName="HelpMessage",g.__docgenInfo={description:"A help message to display below a form control.",displayName:"HelpMessage",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}export{p as E,g as H,f as L,m as R,u as S}; diff --git a/assets/Password-D-0HLOoJ.js b/assets/Password-D4qsyn4M.js similarity index 83% rename from assets/Password-D-0HLOoJ.js rename to assets/Password-D4qsyn4M.js index 49d5a99e..9bab6214 100644 --- a/assets/Password-D-0HLOoJ.js +++ b/assets/Password-D4qsyn4M.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-CexXSJP5.js";import{r as o}from"./index-BP8_t0zE.js";import{C as m}from"./index-BugjtUKR.js";import{A as f}from"./Action-CQbRfPzs.js";import{a as b,V as h}from"./visibility-on-D1sVPsTi.js";const r={isHidden:!0,icon:b,label:"Show",type:"password"},g={isHidden:!1,icon:h,label:"Hide",type:"text"},n=o.forwardRef(function(t,s){const[{icon:l,label:d,type:p},c]=o.useReducer(u=>u.isHidden?g:r,r);return a.jsx(f,{ref:s,...t,Icon:l,actionLabel:d,onActionClick:()=>c(),type:p})}),i=o.forwardRef(function(t,s){return a.jsx(m,{asChild:!0,children:a.jsx(n,{ref:s,...t})})});try{n.displayName="PasswordInput",n.__docgenInfo={description:`A password input with a toggle to show/hide the password. +import{j as a}from"./jsx-runtime-CexXSJP5.js";import{r as o}from"./index-BP8_t0zE.js";import{C as m}from"./index-Br7_Jfcb.js";import{a as f,V as b}from"./visibility-on-D1sVPsTi.js";import{A as h}from"./Action-BuGy3aLo.js";const r={isHidden:!0,icon:f,label:"Show",type:"password"},g={isHidden:!1,icon:b,label:"Hide",type:"text"},n=o.forwardRef(function(t,s){const[{icon:l,label:d,type:p},c]=o.useReducer(u=>u.isHidden?g:r,r);return a.jsx(h,{ref:s,...t,Icon:l,actionLabel:d,onActionClick:()=>c(),type:p})}),i=o.forwardRef(function(t,s){return a.jsx(m,{asChild:!0,children:a.jsx(n,{ref:s,...t})})});try{n.displayName="PasswordInput",n.__docgenInfo={description:`A password input with a toggle to show/hide the password. Standalone input to be used outside of Radix forms.`,displayName:"PasswordInput",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text For example on an in-place editing field diff --git a/assets/Password.stories-B1NbGlsP.js b/assets/Password.stories-BPYWOxPC.js similarity index 88% rename from assets/Password.stories-B1NbGlsP.js rename to assets/Password.stories-BPYWOxPC.js index c35b2680..2bf1893f 100644 --- a/assets/Password.stories-B1NbGlsP.js +++ b/assets/Password.stories-BPYWOxPC.js @@ -1,4 +1,4 @@ -import{j as p}from"./jsx-runtime-CexXSJP5.js";import{P as m}from"./Password-D-0HLOoJ.js";import{T as l}from"./Tooltip-womRVnul.js";import{u,s as g}from"./index-ozRUDpri.js";import"./index-BP8_t0zE.js";import"./index-BugjtUKR.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";import"./Action-CQbRfPzs.js";import"./index-CSpfAsmC.js";import"./Text-CbEoPjZC.js";import"./useId-DIHOOv91.js";import"./visibility-on-D1sVPsTi.js";import"./floating-ui.react-CWvUcNvr.js";const Q={title:"Form/Controls/Password",component:m,tags:["autodocs"],parameters:{controls:{include:["defaultValue","placeholder","disabled","autoFocus","readOnly","invalid"]}},argTypes:{defaultValue:{type:"string"},placeholder:{type:"string"},disabled:{type:"boolean"},autoFocus:{type:"boolean"},readOnly:{type:"boolean"},invalid:{type:"boolean"}},render:({invalid:i,...d})=>p.jsx(l,{children:p.jsx(m,{"data-invalid":i||void 0,...d})}),args:{placeholder:"",autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1}},e={parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4477"}}},a={args:{defaultValue:"Filled"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4536"}}},n={args:{defaultValue:"Disabled",disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4530"}}},o={args:{defaultValue:"Read only",readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2126-21984"}}},r={args:{autoFocus:!0}},s={args:{defaultValue:"Invalid",invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4514"}}},t={args:{defaultValue:"hunter2"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4536"}},play:async()=>{const i=u.setup(),d=g.getByRole("button",{name:"Show"});await i.click(d)}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ +import{j as p}from"./jsx-runtime-CexXSJP5.js";import{T as l}from"./Tooltip-GcGKJhf-.js";import{u,s as g}from"./index-ozRUDpri.js";import{P as m}from"./Password-D4qsyn4M.js";import"./index-BP8_t0zE.js";import"./floating-ui.react-BR2piq7W.js";import"./index-BlTQwN6S.js";import"./index-CSpfAsmC.js";import"./index-Br7_Jfcb.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./visibility-on-D1sVPsTi.js";import"./Action-BuGy3aLo.js";import"./useId-DIHOOv91.js";import"./Text-DffShOOB.js";const Q={title:"Form/Controls/Password",component:m,tags:["autodocs"],parameters:{controls:{include:["defaultValue","placeholder","disabled","autoFocus","readOnly","invalid"]}},argTypes:{defaultValue:{type:"string"},placeholder:{type:"string"},disabled:{type:"boolean"},autoFocus:{type:"boolean"},readOnly:{type:"boolean"},invalid:{type:"boolean"}},render:({invalid:i,...d})=>p.jsx(l,{children:p.jsx(m,{"data-invalid":i||void 0,...d})}),args:{placeholder:"",autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1}},e={parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4477"}}},a={args:{defaultValue:"Filled"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4536"}}},n={args:{defaultValue:"Disabled",disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4530"}}},o={args:{defaultValue:"Read only",readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2126-21984"}}},r={args:{autoFocus:!0}},s={args:{defaultValue:"Invalid",invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4514"}}},t={args:{defaultValue:"hunter2"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4536"}},play:async()=>{const i=u.setup(),d=g.getByRole("button",{name:"Show"});await i.click(d)}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ parameters: { design: { type: "figma", diff --git a/assets/PasswordForm.stories-hZKYhHJ_.js b/assets/PasswordForm.stories-hZKYhHJ_.js new file mode 100644 index 00000000..21da91c1 --- /dev/null +++ b/assets/PasswordForm.stories-hZKYhHJ_.js @@ -0,0 +1,51 @@ +import{j as e}from"./jsx-runtime-CexXSJP5.js";import{W as p}from"./warning-B4ZpXzLn.js";import{P as s}from"./Progress-CSH-SY2b.js";import{T as x}from"./Tooltip-GcGKJhf-.js";import{R as r,H as g,S as w}from"./Message-BiisbMQR.js";import{a}from"./Password-D4qsyn4M.js";import{L as o,F as t}from"./Label-DrSdbBfa.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";import"./index-Dp4tTk3o.js";import"./useId-DIHOOv91.js";import"./floating-ui.react-BR2piq7W.js";import"./index-Br7_Jfcb.js";import"./index-DD7XHAoh.js";import"./check-circle-solid-TQoBW1Dk.js";import"./error-Dmbc84hO.js";import"./InlineSpinner-DZ2uBgAt.js";import"./spinner-DszwWdC7.js";import"./visibility-on-D1sVPsTi.js";import"./Action-BuGy3aLo.js";import"./Text-DffShOOB.js";const q={title:"Form/Password form",component:r,tags:["autodocs"],subcomponents:{Progress:s,PasswordControl:a,Label:o,Field:t},decorators:[c=>e.jsx(x,{children:e.jsx("div",{style:{maxWidth:"378px"},children:e.jsx(c,{})})})]},n=c=>{switch(c){case 1:return"Very weak password";case 2:return"Weak password";case 3:return"Strong password";case 4:return"Very strong password";default:return"Password strength"}},d=()=>e.jsx(r,{children:e.jsxs(t,{name:"password",children:[e.jsx(o,{children:"Password"}),e.jsx(a,{}),e.jsx(s,{getValueLabel:n,size:"sm",value:0,max:4})]})}),i=()=>e.jsx(r,{children:e.jsxs(t,{name:"password",children:[e.jsx(o,{children:"Password"}),e.jsx(a,{defaultValue:"password"}),e.jsx(s,{getValueLabel:n,size:"sm",tint:"red",value:1,max:4}),e.jsxs(g,{children:[e.jsx(p,{}),"Guess time: a few seconds. Try adding a few more words."]})]})}),l=()=>e.jsx(r,{children:e.jsxs(t,{name:"password",children:[e.jsx(o,{children:"Password"}),e.jsx(a,{defaultValue:"hunter2"}),e.jsx(s,{getValueLabel:n,size:"sm",tint:"orange",value:2,max:4}),e.jsxs(g,{children:[e.jsx(p,{}),"Guess time: a few days. Try adding a few more words."]})]})}),m=()=>e.jsx(r,{children:e.jsxs(t,{name:"password",children:[e.jsx(o,{children:"Password"}),e.jsx(a,{defaultValue:"this is a strong password"}),e.jsx(s,{getValueLabel:n,size:"sm",tint:"lime",value:3,max:4}),e.jsx(w,{children:"Guess time: years"})]})}),u=()=>e.jsx(r,{children:e.jsxs(t,{name:"password",children:[e.jsx(o,{children:"Password"}),e.jsx(a,{defaultValue:"this is a very strong password"}),e.jsx(s,{getValueLabel:n,size:"sm",tint:"green",value:4,max:4}),e.jsx(w,{children:"Guess time: centruries"})]})});d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`() => { + return + + + + + + ; +}`,...d.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`() => { + return + + + + + + + Guess time: a few seconds. Try adding a few more words. + + + ; +}`,...i.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`() => { + return + + + + + + + Guess time: a few days. Try adding a few more words. + + + ; +}`,...l.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`() => { + return + + + + + Guess time: years + + ; +}`,...m.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`() => { + return + + + + + Guess time: centruries + + ; +}`,...u.parameters?.docs?.source}}};const A=["Empty","VeryWeak","Weak","Strong","VeryStrong"];export{d as Empty,m as Strong,u as VeryStrong,i as VeryWeak,l as Weak,A as __namedExportsOrder,q as default}; diff --git a/assets/PasswordForm.stories-uYjIe7w1.js b/assets/PasswordForm.stories-uYjIe7w1.js deleted file mode 100644 index 583face8..00000000 --- a/assets/PasswordForm.stories-uYjIe7w1.js +++ /dev/null @@ -1,51 +0,0 @@ -import{j as e}from"./jsx-runtime-CexXSJP5.js";import{W as c}from"./warning-B4ZpXzLn.js";import"./Action-CQbRfPzs.js";import{a as s}from"./Password-D-0HLOoJ.js";import"./Text-CbEoPjZC.js";import"./MFA-DeuBTLWq.js";import"./Checkbox-D1pECWlH.js";import"./Radio-xCqHn8Eh.js";import"./Toggle-DqDpfLtf.js";import{R as r,L as o,F as a,H as g,b as w}from"./EditInPlace-C5sdCjsr.js";import{P as t}from"./Progress-C6Su6PJM.js";import{T as x}from"./Tooltip-womRVnul.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./useId-DIHOOv91.js";import"./index-BugjtUKR.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";import"./visibility-on-D1sVPsTi.js";import"./check-Bjchr0Ec.js";import"./close-D4bMmhFz.js";import"./search-BC9ffyhQ.js";import"./error-Dmbc84hO.js";import"./InlineSpinner-DZ2uBgAt.js";import"./spinner-DszwWdC7.js";import"./Button-C0_Ps78g.js";import"./UnstyledButton-C9fNLva5.js";import"./Alert-ClH3E2JC.js";import"./Text-BgCCN_GG.js";import"./Typography-DuHxGDyc.js";import"./IconButton-Ccv5Unpx.js";import"./IndicatorIcon-_PMFIuo8.js";import"./Avatar-DyB-Y6ln.js";import"./AvatarStack-DBPldPV8.js";import"./Badge-Cf9Fivpi.js";import"./ContextMenu-BWk-gAkD.js";import"./index-BF9S1Jqn.js";import"./floating-ui.react-CWvUcNvr.js";import"./FloatingMenu-t36h7pay.js";import"./DrawerMenu-BgyYdqxq.js";import"./MenuItem-CLebqjpw.js";import"./chevron-right-DF47_mtr.js";import"./Glass-COqtBFQM.js";import"./Heading-DqG7uK5Y.js";import"./Link-HOYPp55n.js";import"./NavItem-CCdVkP0k.js";import"./Menu-IXabpTPD.js";import"./Separator-zVStbRaM.js";import"./ToggleMenuItem-CmotYktn.js";import"./ReleaseAnnouncement-2mbXye7R.js";import"./Toast-BFUH-DR1.js";import"./Dropdown-CoygDPzy.js";import"./chevron-down-Ua1BCmcD.js";/* empty css */const fe={title:"Form/Password form",component:r,tags:["autodocs"],subcomponents:{Progress:t,PasswordControl:s,Label:o,Field:a},decorators:[u=>e.jsx(x,{children:e.jsx("div",{style:{maxWidth:"378px"},children:e.jsx(u,{})})})]},n=u=>{switch(u){case 1:return"Very weak password";case 2:return"Weak password";case 3:return"Strong password";case 4:return"Very strong password";default:return"Password strength"}},i=()=>e.jsx(r,{children:e.jsxs(a,{name:"password",children:[e.jsx(o,{children:"Password"}),e.jsx(s,{}),e.jsx(t,{getValueLabel:n,size:"sm",value:0,max:4})]})}),m=()=>e.jsx(r,{children:e.jsxs(a,{name:"password",children:[e.jsx(o,{children:"Password"}),e.jsx(s,{defaultValue:"password"}),e.jsx(t,{getValueLabel:n,size:"sm",tint:"red",value:1,max:4}),e.jsxs(g,{children:[e.jsx(c,{}),"Guess time: a few seconds. Try adding a few more words."]})]})}),d=()=>e.jsx(r,{children:e.jsxs(a,{name:"password",children:[e.jsx(o,{children:"Password"}),e.jsx(s,{defaultValue:"hunter2"}),e.jsx(t,{getValueLabel:n,size:"sm",tint:"orange",value:2,max:4}),e.jsxs(g,{children:[e.jsx(c,{}),"Guess time: a few days. Try adding a few more words."]})]})}),l=()=>e.jsx(r,{children:e.jsxs(a,{name:"password",children:[e.jsx(o,{children:"Password"}),e.jsx(s,{defaultValue:"this is a strong password"}),e.jsx(t,{getValueLabel:n,size:"sm",tint:"lime",value:3,max:4}),e.jsx(w,{children:"Guess time: years"})]})}),p=()=>e.jsx(r,{children:e.jsxs(a,{name:"password",children:[e.jsx(o,{children:"Password"}),e.jsx(s,{defaultValue:"this is a very strong password"}),e.jsx(t,{getValueLabel:n,size:"sm",tint:"green",value:4,max:4}),e.jsx(w,{children:"Guess time: centruries"})]})});i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`() => { - return - - - - - - ; -}`,...i.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`() => { - return - - - - - - - Guess time: a few seconds. Try adding a few more words. - - - ; -}`,...m.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`() => { - return - - - - - - - Guess time: a few days. Try adding a few more words. - - - ; -}`,...d.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`() => { - return - - - - - Guess time: years - - ; -}`,...l.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`() => { - return - - - - - Guess time: centruries - - ; -}`,...p.parameters?.docs?.source}}};const Ve=["Empty","VeryWeak","Weak","Strong","VeryStrong"];export{i as Empty,l as Strong,p as VeryStrong,m as VeryWeak,d as Weak,Ve as __namedExportsOrder,fe as default}; diff --git a/assets/Progress-C6Su6PJM.js b/assets/Progress-CSH-SY2b.js similarity index 78% rename from assets/Progress-C6Su6PJM.js rename to assets/Progress-CSH-SY2b.js index c9f2ccb6..5568bde3 100644 --- a/assets/Progress-C6Su6PJM.js +++ b/assets/Progress-CSH-SY2b.js @@ -3,6 +3,6 @@ import{j as n}from"./jsx-runtime-CexXSJP5.js";import{r as g}from"./index-BP8_t0z - less than the value passed to \`max\` (or ${b} if no \`max\` prop is set) - \`null\` or \`undefined\` if the progress is indeterminate. -Defaulting to \`null\`.`}var M=N,C=I;const P=g.forwardRef(function({size:r,tint:i,className:s,value:a,max:m,getValueLabel:u,...o},t){const l=m??1,c=a??l,h=E(),f=u?u(c,l):null;return n.jsxs("div",{className:$(d["progress-bar-container"],s),"data-tint":i,...o,children:[f&&n.jsx("div",{id:h,className:d["progress-bar-label"],children:f}),n.jsx(M,{className:d["progress-bar"],"data-size":r,max:l,value:c,ref:t,"aria-labelledby":f?h:void 0,getValueLabel:u,children:n.jsx(C,{className:d["progress-bar-indicator"],style:{transform:`translateX(-${100-c/l*100}%)`}})})]})});try{P.displayName="Progress",P.__docgenInfo={description:"Displays an indicator showing the completion progress of a task, optionally with a label",displayName:"Progress",props:{className:{defaultValue:null,description:"The CSS class name forwarded to the root element",name:"className",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"The value of the progress bar. Defaults to max if not provided",name:"value",required:!1,type:{name:"number | null"}},size:{defaultValue:null,description:"The size variant of the progress bar",name:"size",required:!0,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'}]}},max:{defaultValue:null,description:"The maximum value of the progress bar. Defaults to 1 if not provided",name:"max",required:!1,type:{name:"number"}},tint:{defaultValue:null,description:`The colour variant to use for the progress bar indicator -If not set, the progress bar will be rendered with a gray tone, which should only be used when the progress bar is empty`,name:"tint",required:!1,type:{name:"enum",value:[{value:'"green"'},{value:'"lime"'},{value:'"orange"'},{value:'"red"'}]}},getValueLabel:{defaultValue:null,description:`A function to get the text label to display in the progress bar. +Defaulting to \`null\`.`}var M=N,C=I;const P=g.forwardRef(function({size:r,tint:i,className:s,value:a,max:m,getValueLabel:u,...o},t){const l=m??1,c=a??l,h=E(),f=u?u(c,l):null;return n.jsxs("div",{className:$(d["progress-bar-container"],s),"data-tint":i,...o,children:[f&&n.jsx("div",{id:h,className:d["progress-bar-label"],children:f}),n.jsx(M,{className:d["progress-bar"],"data-size":r,max:l,value:c,ref:t,"aria-labelledby":f?h:void 0,getValueLabel:u,children:n.jsx(C,{className:d["progress-bar-indicator"],style:{transform:`translateX(-${100-c/l*100}%)`}})})]})});try{P.displayName="Progress",P.__docgenInfo={description:"Displays an indicator showing the completion progress of a task, optionally with a label",displayName:"Progress",props:{size:{defaultValue:null,description:"The size variant of the progress bar",name:"size",required:!0,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'}]}},className:{defaultValue:null,description:"The CSS class name forwarded to the root element",name:"className",required:!1,type:{name:"string"}},max:{defaultValue:null,description:"The maximum value of the progress bar. Defaults to 1 if not provided",name:"max",required:!1,type:{name:"number"}},value:{defaultValue:null,description:"The value of the progress bar. Defaults to max if not provided",name:"value",required:!1,type:{name:"number | null"}},tint:{defaultValue:null,description:`The colour variant to use for the progress bar indicator +If not set, the progress bar will be rendered with a gray tone, which should only be used when the progress bar is empty`,name:"tint",required:!1,type:{name:"enum",value:[{value:'"red"'},{value:'"orange"'},{value:'"lime"'},{value:'"green"'}]}},getValueLabel:{defaultValue:null,description:`A function to get the text label to display in the progress bar. If set, it will display a label on top of the progress bar`,name:"getValueLabel",required:!1,type:{name:"((value: number, max: number) => string)"}}}}}catch{}export{P}; diff --git a/assets/Progress.stories-CEZpK8db.js b/assets/Progress.stories-CNp-nP0q.js similarity index 97% rename from assets/Progress.stories-CEZpK8db.js rename to assets/Progress.stories-CNp-nP0q.js index 4c57d530..3f244f58 100644 --- a/assets/Progress.stories-CEZpK8db.js +++ b/assets/Progress.stories-CNp-nP0q.js @@ -1,4 +1,4 @@ -import{P as u}from"./Progress-C6Su6PJM.js";import"./jsx-runtime-CexXSJP5.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";import"./index-Dp4tTk3o.js";import"./useId-DIHOOv91.js";function i(e){return e===0?"Empty progress bar":e<=25?"Quarter-full progress bar":e<=50?"Half-full progress bar":e<=75?"Three-quarters full progress bar":"Full progress bar"}const y={title:"Progress",component:u,tags:["autodocs"],argTypes:{max:{type:"number"},value:{type:"number"}},args:{getValueLabel:i,size:"sm",max:100,value:50}},r={args:{tint:"green",size:"lg",value:50}},s={args:{tint:"green",size:"sm",value:50}},a={args:{tint:"green",size:"lg",value:100}},n={args:{tint:"green",size:"sm",value:100}},t={args:{value:0}},o={args:{value:25,tint:"red"}},l={args:{value:50,tint:"orange"}},c={args:{value:75,tint:"lime"}},m={args:{value:100,tint:"green"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ +import{P as u}from"./Progress-CSH-SY2b.js";import"./jsx-runtime-CexXSJP5.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";import"./index-Dp4tTk3o.js";import"./useId-DIHOOv91.js";function i(e){return e===0?"Empty progress bar":e<=25?"Quarter-full progress bar":e<=50?"Half-full progress bar":e<=75?"Three-quarters full progress bar":"Full progress bar"}const y={title:"Progress",component:u,tags:["autodocs"],argTypes:{max:{type:"number"},value:{type:"number"}},args:{getValueLabel:i,size:"sm",max:100,value:50}},r={args:{tint:"green",size:"lg",value:50}},s={args:{tint:"green",size:"sm",value:50}},a={args:{tint:"green",size:"lg",value:100}},n={args:{tint:"green",size:"sm",value:100}},t={args:{value:0}},o={args:{value:25,tint:"red"}},l={args:{value:50,tint:"orange"}},c={args:{value:75,tint:"lime"}},m={args:{value:100,tint:"green"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ args: { tint: "green", size: "lg", diff --git a/assets/Radio-xCqHn8Eh.js b/assets/Radio-BoTHrnaJ.js similarity index 93% rename from assets/Radio-xCqHn8Eh.js rename to assets/Radio-BoTHrnaJ.js index 6d2dc3d0..a9adbc1d 100644 --- a/assets/Radio-xCqHn8Eh.js +++ b/assets/Radio-BoTHrnaJ.js @@ -1 +1 @@ -import{j as a}from"./jsx-runtime-CexXSJP5.js";import{c as d}from"./index-CSpfAsmC.js";import{r as i}from"./index-BP8_t0zE.js";import{C as p}from"./index-BugjtUKR.js";const m="_container_1vw5h_18",u="_input_1vw5h_26",_="_ui_1vw5h_27",r={container:m,input:u,ui:_},t=i.forwardRef(function({className:s,...o},c){const l=d(r.container,s);return a.jsxs("div",{className:l,children:[a.jsx("input",{ref:c,...o,className:r.input,type:"radio"}),a.jsx("div",{className:r.ui})]})}),n=i.forwardRef(function(s,o){return a.jsx(p,{asChild:!0,children:a.jsx(t,{ref:o,...s})})});try{t.displayName="RadioInput",t.__docgenInfo={description:"A radio component.",displayName:"RadioInput",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}}}}}catch{}try{n.displayName="RadioControl",n.__docgenInfo={description:"",displayName:"RadioControl",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}}}}}catch{}export{t as R,n as a}; +import{j as a}from"./jsx-runtime-CexXSJP5.js";import{c as d}from"./index-CSpfAsmC.js";import{r as i}from"./index-BP8_t0zE.js";import{C as p}from"./index-Br7_Jfcb.js";const m="_container_1vw5h_18",u="_input_1vw5h_26",_="_ui_1vw5h_27",r={container:m,input:u,ui:_},t=i.forwardRef(function({className:s,...o},c){const l=d(r.container,s);return a.jsxs("div",{className:l,children:[a.jsx("input",{ref:c,...o,className:r.input,type:"radio"}),a.jsx("div",{className:r.ui})]})}),n=i.forwardRef(function(s,o){return a.jsx(p,{asChild:!0,children:a.jsx(t,{ref:o,...s})})});try{t.displayName="RadioInput",t.__docgenInfo={description:"A radio component.",displayName:"RadioInput",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}}}}}catch{}try{n.displayName="RadioControl",n.__docgenInfo={description:"",displayName:"RadioControl",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}}}}}catch{}export{t as R,n as a}; diff --git a/assets/Radio.stories-B9j7cZGk.js b/assets/Radio.stories-BcASxdGk.js similarity index 97% rename from assets/Radio.stories-B9j7cZGk.js rename to assets/Radio.stories-BcASxdGk.js index eb0b639e..3eedbfce 100644 --- a/assets/Radio.stories-B9j7cZGk.js +++ b/assets/Radio.stories-BcASxdGk.js @@ -1,4 +1,4 @@ -import{j as g}from"./jsx-runtime-CexXSJP5.js";import{R as p}from"./Radio-xCqHn8Eh.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./index-BugjtUKR.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";const S={title:"Form/Controls/Radio",component:p,render:({invalid:m,...c})=>g.jsx(p,{...c,"data-invalid":m||void 0}),tags:["autodocs"],argTypes:{defaultChecked:{type:"boolean"},autoFocus:{type:"boolean"},disabled:{type:"boolean"},readOnly:{type:"boolean"}},args:{defaultChecked:!1,autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1}},e={parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-312"}}},n={args:{defaultChecked:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-313"}}},a={args:{disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-319"}}},o={args:{defaultChecked:!0,disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-320"}}},r={args:{readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2448-2090"}}},s={args:{defaultChecked:!0,readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2448-2091"}}},t={args:{invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-333"}}},d={args:{defaultChecked:!0,invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-334"}}},i={args:{autoFocus:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-322"}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ +import{j as g}from"./jsx-runtime-CexXSJP5.js";import{R as p}from"./Radio-BoTHrnaJ.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./index-Br7_Jfcb.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";const S={title:"Form/Controls/Radio",component:p,render:({invalid:m,...c})=>g.jsx(p,{...c,"data-invalid":m||void 0}),tags:["autodocs"],argTypes:{defaultChecked:{type:"boolean"},autoFocus:{type:"boolean"},disabled:{type:"boolean"},readOnly:{type:"boolean"}},args:{defaultChecked:!1,autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1}},e={parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-312"}}},n={args:{defaultChecked:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-313"}}},a={args:{disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-319"}}},o={args:{defaultChecked:!0,disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-320"}}},r={args:{readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2448-2090"}}},s={args:{defaultChecked:!0,readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2448-2091"}}},t={args:{invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-333"}}},d={args:{defaultChecked:!0,invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-334"}}},i={args:{autoFocus:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-322"}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ parameters: { design: { type: "figma", diff --git a/assets/ReleaseAnnouncement-2mbXye7R.js b/assets/ReleaseAnnouncement-2mbXye7R.js deleted file mode 100644 index 042a5395..00000000 --- a/assets/ReleaseAnnouncement-2mbXye7R.js +++ /dev/null @@ -1,2 +0,0 @@ -import{j as n}from"./jsx-runtime-CexXSJP5.js";import{r as l}from"./index-BP8_t0zE.js";import{u as b,b as R,c as w,d as A,e as T,o as V,s as j,l as q,f as C,a as E,F,g as I,h as N}from"./floating-ui.react-CWvUcNvr.js";import{T as v}from"./Text-BgCCN_GG.js";import{B as M}from"./Button-C0_Ps78g.js";import"./IconButton-Ccv5Unpx.js";const k="_content_1oa1y_17",L="_header_1oa1y_46",P="_description_1oa1y_52",B="_button_1oa1y_57",H="_arrow_1oa1y_62",s={content:k,header:L,description:P,button:B,arrow:H},x=l.createContext(null);function p(){const e=l.useContext(x);if(e==null)throw new Error("ReleaseAnnouncement components must be wrapped in ");return e}function m({open:e,header:t,description:o,closeLabel:r,placement:a,onClick:i,displayArrow:u}){const h=b(),f=b(),c=l.useRef(null),d=R({placement:a,open:e,whileElementsMounted:T,middleware:[V(16),j({limiter:q({offset:50})}),u&&C({element:c})]}),g=w(d.context),y=A([g]);return l.useMemo(()=>({open:e,...d,...y,labelId:h,descriptionId:f,header:t,description:o,closeLabel:r,onClick:i,displayArrow:u,arrowRef:c}),[e,g,y,d,h,f,t,o,r,i,u,c])}try{m.displayName="useReleaseAnnouncement",m.__docgenInfo={description:"This hook provides the necessary props to create a release announcement.",displayName:"useReleaseAnnouncement",props:{open:{defaultValue:null,description:"Whether the release announcement is open.",name:"open",required:!0,type:{name:"boolean"}},header:{defaultValue:null,description:"The header of the release announcement.",name:"header",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"The description of the release announcement.",name:"description",required:!0,type:{name:"string"}},closeLabel:{defaultValue:null,description:"The label of the close button.",name:"closeLabel",required:!0,type:{name:"string"}},placement:{defaultValue:null,description:"The placement of the release announcement.",name:"placement",required:!0,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'},{value:'"bottom"'},{value:'"top"'},{value:'"left-end"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-start"'},{value:'"bottom-end"'},{value:'"bottom-start"'},{value:'"top-end"'},{value:'"top-start"'}]}},onClick:{defaultValue:null,description:"The event handler for the close button.",name:"onClick",required:!0,type:{name:"MouseEventHandler"}},displayArrow:{defaultValue:null,description:"Whether to display an arrow.",name:"displayArrow",required:!1,type:{name:"boolean"}}}}}catch{}function _({children:e,placement:t="right",displayArrow:o=!0,...r}){const a=m({placement:t,displayArrow:o,...r});return n.jsxs(x.Provider,{value:a,children:[n.jsx(W,{children:e}),n.jsx(z,{children:n.jsx(S,{})})]})}function W({children:e}){const t=p(),o=e?.ref,r=E([t.refs.setReference,o]);if(!l.isValidElement(e))throw new Error("ReleaseAnnouncement anchor must be a single valid React element");return l.cloneElement(e,t.getReferenceProps({ref:r,...e.props,...t.open&&{"aria-describedby":t.getFloatingProps().id}}))}function z({children:e}){const{context:t,arrowRef:o,displayArrow:r,...a}=p();return t.open?n.jsx(F,{children:n.jsx(I,{context:t,modal:!1,children:n.jsxs("div",{ref:a.refs.setFloating,style:a.floatingStyles,"aria-labelledby":a.labelId,"aria-describedby":a.descriptionId,...a.getFloatingProps(),className:s.content,children:[r&&n.jsx(N,{ref:o,context:t,width:20,height:12,className:s.arrow}),e]})})}):null}function S(){const{labelId:e,descriptionId:t,header:o,description:r,closeLabel:a,onClick:i}=p();return n.jsxs(n.Fragment,{children:[n.jsx(v,{as:"h3",id:e,className:s.header,size:"lg",weight:"semibold",children:o}),n.jsx(v,{as:"span",id:t,className:s.description,size:"sm",weight:"regular",children:r}),n.jsx(M,{size:"sm",kind:"secondary",className:s.button,onClick:i,children:a})]})}try{_.displayName="ReleaseAnnouncement",_.__docgenInfo={description:`The ReleaseAnnouncement component purpose is to inform the user of a new available feature. -This component is a floating component that will appear next to an anchor.`,displayName:"ReleaseAnnouncement",props:{placement:{defaultValue:{value:"right"},description:"The placement of the component",name:"placement",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'},{value:'"bottom"'},{value:'"top"'},{value:'"left-end"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-start"'},{value:'"bottom-end"'},{value:'"bottom-start"'},{value:'"top-end"'},{value:'"top-start"'}]}},displayArrow:{defaultValue:{value:"true"},description:"Whether to display an arrow.",name:"displayArrow",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"The event handler for the close button.",name:"onClick",required:!0,type:{name:"MouseEventHandler"}},open:{defaultValue:null,description:"Whether the release announcement is open.",name:"open",required:!0,type:{name:"boolean"}},header:{defaultValue:null,description:"The header of the release announcement.",name:"header",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"The description of the release announcement.",name:"description",required:!0,type:{name:"string"}},closeLabel:{defaultValue:null,description:"The label of the close button.",name:"closeLabel",required:!0,type:{name:"string"}}}}}catch{}export{_ as R}; diff --git a/assets/ReleaseAnnouncement.stories-BCmQy368.js b/assets/ReleaseAnnouncement.stories-BCmQy368.js new file mode 100644 index 00000000..18e96a2a --- /dev/null +++ b/assets/ReleaseAnnouncement.stories-BCmQy368.js @@ -0,0 +1,22 @@ +import{j as t}from"./jsx-runtime-CexXSJP5.js";import{r as s}from"./index-BP8_t0zE.js";import{u as w,b as T,j,k as V,c as q,o as B,s as E,n as N,d as S,a as F,l as I,p as M,m as L}from"./floating-ui.react-BR2piq7W.js";import{T as C}from"./Text-43GasnQW.js";import{B as k}from"./Button-C0_Ps78g.js";import"./index-BlTQwN6S.js";import"./Typography-BWOtt-hZ.js";import"./index-CSpfAsmC.js";import"./UnstyledButton-C9fNLva5.js";const P="_content_1oa1y_17",H="_header_1oa1y_46",W="_description_1oa1y_52",z="_button_1oa1y_57",D="_arrow_1oa1y_62",p={content:P,header:H,description:W,button:z,arrow:D},O=s.createContext(null);function v(){const e=s.useContext(O);if(e==null)throw new Error("ReleaseAnnouncement components must be wrapped in ");return e}function y({open:e,header:n,description:o,closeLabel:a,placement:r,onClick:m,displayArrow:f}){const _=w(),A=w(),g=s.useRef(null),b=T({placement:r,open:e,whileElementsMounted:q,middleware:[B(16),E({limiter:N({offset:50})}),f&&S({element:g})]}),R=j(b.context),x=V([R]);return s.useMemo(()=>({open:e,...b,...x,labelId:_,descriptionId:A,header:n,description:o,closeLabel:a,onClick:m,displayArrow:f,arrowRef:g}),[e,R,x,b,_,A,n,o,a,m,f,g])}try{y.displayName="useReleaseAnnouncement",y.__docgenInfo={description:"This hook provides the necessary props to create a release announcement.",displayName:"useReleaseAnnouncement",props:{open:{defaultValue:null,description:"Whether the release announcement is open.",name:"open",required:!0,type:{name:"boolean"}},header:{defaultValue:null,description:"The header of the release announcement.",name:"header",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"The description of the release announcement.",name:"description",required:!0,type:{name:"string"}},closeLabel:{defaultValue:null,description:"The label of the close button.",name:"closeLabel",required:!0,type:{name:"string"}},placement:{defaultValue:null,description:"The placement of the release announcement.",name:"placement",required:!0,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'},{value:'"bottom"'},{value:'"top"'},{value:'"left-end"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-start"'},{value:'"bottom-end"'},{value:'"bottom-start"'},{value:'"top-end"'},{value:'"top-start"'}]}},onClick:{defaultValue:null,description:"The event handler for the close button.",name:"onClick",required:!0,type:{name:"MouseEventHandler"}},displayArrow:{defaultValue:null,description:"Whether to display an arrow.",name:"displayArrow",required:!1,type:{name:"boolean"}}}}}catch{}function d({children:e,placement:n="right",displayArrow:o=!0,...a}){const r=y({placement:n,displayArrow:o,...a});return t.jsxs(O.Provider,{value:r,children:[t.jsx(K,{children:e}),t.jsx(U,{children:t.jsx($,{})})]})}function K({children:e}){const n=v(),o=e?.ref,a=F([n.refs.setReference,o]);if(!s.isValidElement(e))throw new Error("ReleaseAnnouncement anchor must be a single valid React element");return s.cloneElement(e,n.getReferenceProps({ref:a,...e.props,...n.open&&{"aria-describedby":n.getFloatingProps().id}}))}function U({children:e}){const{context:n,arrowRef:o,displayArrow:a,...r}=v();return n.open?t.jsx(I,{children:t.jsx(M,{context:n,modal:!1,children:t.jsxs("div",{ref:r.refs.setFloating,style:r.floatingStyles,"aria-labelledby":r.labelId,"aria-describedby":r.descriptionId,...r.getFloatingProps(),className:p.content,children:[a&&t.jsx(L,{ref:o,context:n,width:20,height:12,className:p.arrow}),e]})})}):null}function $(){const{labelId:e,descriptionId:n,header:o,description:a,closeLabel:r,onClick:m}=v();return t.jsxs(t.Fragment,{children:[t.jsx(C,{as:"h3",id:e,className:p.header,size:"lg",weight:"semibold",children:o}),t.jsx(C,{as:"span",id:n,className:p.description,size:"sm",weight:"regular",children:a}),t.jsx(k,{size:"sm",kind:"secondary",className:p.button,onClick:m,children:r})]})}try{d.displayName="ReleaseAnnouncement",d.__docgenInfo={description:`The ReleaseAnnouncement component purpose is to inform the user of a new available feature. +This component is a floating component that will appear next to an anchor.`,displayName:"ReleaseAnnouncement",props:{placement:{defaultValue:{value:"right"},description:"The placement of the component",name:"placement",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'},{value:'"bottom"'},{value:'"top"'},{value:'"left-end"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-start"'},{value:'"bottom-end"'},{value:'"bottom-start"'},{value:'"top-end"'},{value:'"top-start"'}]}},displayArrow:{defaultValue:{value:"true"},description:"Whether to display an arrow.",name:"displayArrow",required:!1,type:{name:"boolean"}},header:{defaultValue:null,description:"The header of the release announcement.",name:"header",required:!0,type:{name:"string"}},onClick:{defaultValue:null,description:"The event handler for the close button.",name:"onClick",required:!0,type:{name:"MouseEventHandler"}},open:{defaultValue:null,description:"Whether the release announcement is open.",name:"open",required:!0,type:{name:"boolean"}},description:{defaultValue:null,description:"The description of the release announcement.",name:"description",required:!0,type:{name:"string"}},closeLabel:{defaultValue:null,description:"The label of the close button.",name:"closeLabel",required:!0,type:{name:"string"}}}}}catch{}const oe={title:"Release Announcement",component:d,tags:["autodocs"],argTypes:{},args:{header:"Notifications have moved",description:"From now on, click the icon here to view your notifications.",placement:"right",closeLabel:"Ok"}},h=e=>{const[n,o]=s.useState(!0);return t.jsx(d,{...e,open:n,onClick:()=>o(!1),children:t.jsx(k,{onClick:()=>o(a=>!a),children:"Open menu"})})},l=h.bind({});l.args={};const i=h.bind({});i.args={header:"A multi line header which is taking multiple lines",description:"A multi line description which is taking multiple lines. The OK button should be vertically centred."};const u=h.bind({});u.args={placement:"bottom"};const c=h.bind({});c.args={displayArrow:!1};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`args => { + const [open, setOpen] = useState(true); + return setOpen(false)}> + + ; +}`,...l.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`args => { + const [open, setOpen] = useState(true); + return setOpen(false)}> + + ; +}`,...i.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`args => { + const [open, setOpen] = useState(true); + return setOpen(false)}> + + ; +}`,...u.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`args => { + const [open, setOpen] = useState(true); + return setOpen(false)}> + + ; +}`,...c.parameters?.docs?.source}}};const ae=["Default","MultiLinesContent","BottomPlacement","NoArrow"];export{u as BottomPlacement,l as Default,i as MultiLinesContent,c as NoArrow,ae as __namedExportsOrder,oe as default}; diff --git a/assets/ReleaseAnnouncement.stories-DIAWvvfv.js b/assets/ReleaseAnnouncement.stories-DIAWvvfv.js deleted file mode 100644 index e6314b25..00000000 --- a/assets/ReleaseAnnouncement.stories-DIAWvvfv.js +++ /dev/null @@ -1,21 +0,0 @@ -import{j as a}from"./jsx-runtime-CexXSJP5.js";import{r as u}from"./index-BP8_t0zE.js";import{B as l}from"./Button-C0_Ps78g.js";import"./IconButton-Ccv5Unpx.js";import{R as p}from"./ReleaseAnnouncement-2mbXye7R.js";import"./index-CSpfAsmC.js";import"./UnstyledButton-C9fNLva5.js";import"./IndicatorIcon-_PMFIuo8.js";import"./Tooltip-womRVnul.js";import"./floating-ui.react-CWvUcNvr.js";import"./index-BlTQwN6S.js";import"./Text-BgCCN_GG.js";import"./Typography-DuHxGDyc.js";const w={title:"Release Announcement",component:p,tags:["autodocs"],argTypes:{},args:{header:"Notifications have moved",description:"From now on, click the icon here to view your notifications.",placement:"right",closeLabel:"Ok"}},s=c=>{const[i,r]=u.useState(!0);return a.jsx(p,{...c,open:i,onClick:()=>r(!1),children:a.jsx(l,{onClick:()=>r(m=>!m),children:"Open menu"})})},e=s.bind({});e.args={};const n=s.bind({});n.args={header:"A multi line header which is taking multiple lines",description:"A multi line description which is taking multiple lines. The OK button should be vertically centred."};const o=s.bind({});o.args={placement:"bottom"};const t=s.bind({});t.args={displayArrow:!1};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`args => { - const [open, setOpen] = useState(true); - return setOpen(false)}> - - ; -}`,...e.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`args => { - const [open, setOpen] = useState(true); - return setOpen(false)}> - - ; -}`,...n.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`args => { - const [open, setOpen] = useState(true); - return setOpen(false)}> - - ; -}`,...o.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`args => { - const [open, setOpen] = useState(true); - return setOpen(false)}> - - ; -}`,...t.parameters?.docs?.source}}};const x=["Default","MultiLinesContent","BottomPlacement","NoArrow"];export{o as BottomPlacement,e as Default,n as MultiLinesContent,t as NoArrow,x as __namedExportsOrder,w as default}; diff --git a/assets/Search-D1SCc-Zy.css b/assets/Search-D1SCc-Zy.css new file mode 100644 index 00000000..320a50de --- /dev/null +++ b/assets/Search-D1SCc-Zy.css @@ -0,0 +1 @@ +._search_qztja_17{border:1px solid var(--cpd-color-border-interactive-secondary);border-radius:9999px;block-size:36px;box-sizing:border-box;color:var(--cpd-color-text-primary);display:flex;flex-direction:row!important;gap:var(--cpd-space-2x)!important;align-items:center;padding:var(--cpd-space-1-5x) var(--cpd-space-3x)}@media (hover){._search_qztja_17:hover{border-color:var(--cpd-color-border-interactive-hovered)}}._search_qztja_17:active{border-color:var(--cpd-color-border-interactive-hovered)}._search_qztja_17:focus-within{border-color:currentcolor}._icon_qztja_46{color:var(--cpd-color-icon-secondary);flex-shrink:0}@media (hover){._search_qztja_17:hover ._icon_qztja_46{color:var(--cpd-color-icon-primary)}}._search_qztja_17:active ._icon_qztja_46{color:var(--cpd-color-icon-primary)}._input_qztja_61{border:0;background:inherit;outline:0;flex:1;min-inline-size:0}._input_qztja_61::placeholder{color:var(--cpd-color-text-placeholder)}._input_qztja_61:focus::placeholder{color:var(--cpd-color-text-secondary)}@media (hover){._search_qztja_17:hover ._input_qztja_61::placeholder{color:var(--cpd-color-text-secondary)}} diff --git a/assets/Search.stories-BgZw-w1d.js b/assets/Search.stories-BgZw-w1d.js new file mode 100644 index 00000000..1fca8c96 --- /dev/null +++ b/assets/Search.stories-BgZw-w1d.js @@ -0,0 +1,3 @@ +import{j as e}from"./jsx-runtime-CexXSJP5.js";import{c as h}from"./index-CSpfAsmC.js";import{r as u}from"./index-BP8_t0zE.js";import{S as _}from"./search-CSxMuxmN.js";import{u as f}from"./useId-DIHOOv91.js";import{F as S,L as g}from"./Label-DrSdbBfa.js";import{a as j}from"./index-Br7_Jfcb.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";const x="_search_qztja_17",y="_icon_qztja_46",N="_input_qztja_61",t={search:x,icon:y,input:N},r=u.forwardRef(function({className:n,onChange:i,placeholder:m="Search…",name:o,...p},l){const d=h(t.search,n),c=f();return e.jsx(S,{name:o,asChild:!0,children:e.jsxs(g,{className:d,htmlFor:c,children:[e.jsx(_,{className:t.icon,width:20,height:20}),e.jsx("input",{ref:l,...p,id:c,name:o,type:"search",placeholder:m,onChange:i,className:t.input})]})})});try{r.displayName="Search",r.__docgenInfo={description:"A standalone search component",displayName:"Search",props:{className:{defaultValue:null,description:"The CSS class name",name:"className",required:!1,type:{name:"string"}},name:{defaultValue:null,description:"The field name.",name:"name",required:!1,type:{name:"string"}},placeholder:{defaultValue:{value:"Search…"},description:"The input placeholder.",name:"placeholder",required:!1,type:{name:"string"}}}}}catch{}const A={title:"Search",component:r,tags:["autodocs"],argTypes:{},args:{}},q=s=>e.jsx(j,{children:e.jsx(r,{...s})}),a=q.bind({});a.args={};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`args =>
+ + `,...a.parameters?.docs?.source}}};const O=["Search"];export{a as Search,O as __namedExportsOrder,A as default}; diff --git a/assets/Search.stories-DD46Zi2v.js b/assets/Search.stories-DD46Zi2v.js deleted file mode 100644 index fc66bf24..00000000 --- a/assets/Search.stories-DD46Zi2v.js +++ /dev/null @@ -1,3 +0,0 @@ -import{j as o}from"./jsx-runtime-CexXSJP5.js";import{c as t}from"./EditInPlace-C5sdCjsr.js";import{F as p}from"./index-BugjtUKR.js";import"./index-BP8_t0zE.js";import"./check-Bjchr0Ec.js";import"./close-D4bMmhFz.js";import"./Action-CQbRfPzs.js";import"./index-CSpfAsmC.js";import"./Text-CbEoPjZC.js";import"./useId-DIHOOv91.js";import"./Tooltip-womRVnul.js";import"./floating-ui.react-CWvUcNvr.js";import"./index-BlTQwN6S.js";import"./Password-D-0HLOoJ.js";import"./visibility-on-D1sVPsTi.js";import"./MFA-DeuBTLWq.js";import"./Checkbox-D1pECWlH.js";import"./Radio-xCqHn8Eh.js";import"./Toggle-DqDpfLtf.js";import"./search-BC9ffyhQ.js";import"./error-Dmbc84hO.js";import"./InlineSpinner-DZ2uBgAt.js";import"./spinner-DszwWdC7.js";import"./Button-C0_Ps78g.js";import"./UnstyledButton-C9fNLva5.js";import"./Alert-ClH3E2JC.js";import"./Text-BgCCN_GG.js";import"./Typography-DuHxGDyc.js";import"./IconButton-Ccv5Unpx.js";import"./IndicatorIcon-_PMFIuo8.js";import"./Avatar-DyB-Y6ln.js";import"./AvatarStack-DBPldPV8.js";import"./Badge-Cf9Fivpi.js";import"./ContextMenu-BWk-gAkD.js";import"./index-DD7XHAoh.js";import"./index-BjHk5heU.js";import"./index-Dp4tTk3o.js";import"./index-BF9S1Jqn.js";import"./index-CcH3h_90.js";import"./FloatingMenu-t36h7pay.js";import"./DrawerMenu-BgyYdqxq.js";import"./MenuItem-CLebqjpw.js";import"./chevron-right-DF47_mtr.js";import"./Glass-COqtBFQM.js";import"./Heading-DqG7uK5Y.js";import"./Link-HOYPp55n.js";import"./NavItem-CCdVkP0k.js";import"./Menu-IXabpTPD.js";import"./Progress-C6Su6PJM.js";import"./Separator-zVStbRaM.js";import"./ToggleMenuItem-CmotYktn.js";import"./ReleaseAnnouncement-2mbXye7R.js";import"./Toast-BFUH-DR1.js";import"./Dropdown-CoygDPzy.js";import"./chevron-down-Ua1BCmcD.js";/* empty css */const ar={title:"Search",component:t,tags:["autodocs"],argTypes:{},args:{}},i=m=>o.jsx(p,{children:o.jsx(t,{...m})}),r=i.bind({});r.args={};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`args =>
- - `,...r.parameters?.docs?.source}}};const cr=["Search"];export{r as Search,cr as __namedExportsOrder,ar as default}; diff --git a/assets/Separator-zVStbRaM.js b/assets/Separator-0nqzHv-U.js similarity index 76% rename from assets/Separator-zVStbRaM.js rename to assets/Separator-0nqzHv-U.js index 2d3b3f16..3bba8a71 100644 --- a/assets/Separator-zVStbRaM.js +++ b/assets/Separator-0nqzHv-U.js @@ -1 +1 @@ -import{j as u}from"./jsx-runtime-CexXSJP5.js";import{c as y}from"./index-CSpfAsmC.js";import{r as o}from"./index-BP8_t0zE.js";import{P as v}from"./index-BjHk5heU.js";import{a as _}from"./floating-ui.react-CWvUcNvr.js";var N="Separator",d="horizontal",S=["horizontal","vertical"],f=o.forwardRef((e,a)=>{const{decorative:s,orientation:t=d,...n}=e,r=h(t)?t:d,p=s?{role:"none"}:{"aria-orientation":r==="vertical"?r:void 0,role:"separator"};return u.jsx(v.div,{"data-orientation":r,...p,...n,ref:a})});f.displayName=N;function h(e){return S.includes(e)}var P=f;const R="_separator_144s5_17",O={separator:R},m="--cpd-separator-spacing",l=o.forwardRef(({className:e,spacing:a,kind:s="primary",...t},n)=>{const r=y(O.separator,e),i=o.useRef(null),p=_([i,n]);return o.useEffect(()=>{const c=i.current?.style;a?c?.setProperty(m,a):c?.removeProperty(m)},[a]),u.jsx(P,{...t,className:r,ref:p,"data-kind":s})});l.displayName="Separator";try{l.displayName="Separator",l.__docgenInfo={description:"A separator component.",displayName:"Separator",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},kind:{defaultValue:{value:"primary"},description:"The style of separator.",name:"kind",required:!1,type:{name:"enum",value:[{value:'"section"'},{value:'"primary"'},{value:'"secondary"'}]}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}},spacing:{defaultValue:{value:"var(--cpd-space-2x)"},description:"The spacing on either side of the separator.",name:"spacing",required:!1,type:{name:"string"}}}}}catch{}export{l as S}; +import{j as u}from"./jsx-runtime-CexXSJP5.js";import{c as y}from"./index-CSpfAsmC.js";import{r as o}from"./index-BP8_t0zE.js";import{P as v}from"./index-BjHk5heU.js";import{a as _}from"./floating-ui.react-BR2piq7W.js";var N="Separator",d="horizontal",S=["horizontal","vertical"],f=o.forwardRef((e,a)=>{const{decorative:s,orientation:t=d,...n}=e,r=h(t)?t:d,p=s?{role:"none"}:{"aria-orientation":r==="vertical"?r:void 0,role:"separator"};return u.jsx(v.div,{"data-orientation":r,...p,...n,ref:a})});f.displayName=N;function h(e){return S.includes(e)}var P=f;const R="_separator_144s5_17",O={separator:R},m="--cpd-separator-spacing",l=o.forwardRef(({className:e,spacing:a,kind:s="primary",...t},n)=>{const r=y(O.separator,e),i=o.useRef(null),p=_([i,n]);return o.useEffect(()=>{const c=i.current?.style;a?c?.setProperty(m,a):c?.removeProperty(m)},[a]),u.jsx(P,{...t,className:r,ref:p,"data-kind":s})});l.displayName="Separator";try{l.displayName="Separator",l.__docgenInfo={description:"A separator component.",displayName:"Separator",props:{kind:{defaultValue:{value:"primary"},description:"The style of separator.",name:"kind",required:!1,type:{name:"enum",value:[{value:'"section"'},{value:'"primary"'},{value:'"secondary"'}]}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}},spacing:{defaultValue:{value:"var(--cpd-space-2x)"},description:"The spacing on either side of the separator.",name:"spacing",required:!1,type:{name:"string"}}}}}catch{}export{l as S}; diff --git a/assets/Separator.stories-DL_i-pL6.js b/assets/Separator.stories-D4OEON1O.js similarity index 87% rename from assets/Separator.stories-DL_i-pL6.js rename to assets/Separator.stories-D4OEON1O.js index 45ebc690..efa21b11 100644 --- a/assets/Separator.stories-DL_i-pL6.js +++ b/assets/Separator.stories-D4OEON1O.js @@ -1,4 +1,4 @@ -import{S as e}from"./Separator-zVStbRaM.js";import"./jsx-runtime-CexXSJP5.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";import"./index-Dp4tTk3o.js";import"./floating-ui.react-CWvUcNvr.js";const g={title:"Separator",component:e,tags:["autodocs"],argTypes:{},args:{}},r={args:{kind:"primary"}},a={args:{kind:"secondary"}},o={args:{kind:"section"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ +import{S as e}from"./Separator-0nqzHv-U.js";import"./jsx-runtime-CexXSJP5.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";import"./index-Dp4tTk3o.js";import"./floating-ui.react-BR2piq7W.js";const g={title:"Separator",component:e,tags:["autodocs"],argTypes:{},args:{}},r={args:{kind:"primary"}},a={args:{kind:"secondary"}},o={args:{kind:"section"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ args: { kind: "primary" } diff --git a/assets/Text-BgCCN_GG.js b/assets/Text-43GasnQW.js similarity index 88% rename from assets/Text-BgCCN_GG.js rename to assets/Text-43GasnQW.js index bcfdf3ce..a8207daa 100644 --- a/assets/Text-BgCCN_GG.js +++ b/assets/Text-43GasnQW.js @@ -1 +1 @@ -import{j as p}from"./jsx-runtime-CexXSJP5.js";import{T as n}from"./Typography-DuHxGDyc.js";const a=({as:e="p",children:t,...r})=>p.jsx(n,{as:e,type:"body",...r,children:t});try{a.displayName="Text",a.__docgenInfo={description:"A text component. Underlying HTML element can be changed using the `as`\nproperty. Will default to be a paragraph.",displayName:"Text",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'},{value:'"xs"'},{value:'"md"'}]}}}}}catch{}export{a as T}; +import{j as p}from"./jsx-runtime-CexXSJP5.js";import{T as n}from"./Typography-BWOtt-hZ.js";const a=({as:e="p",children:t,...r})=>p.jsx(n,{as:e,type:"body",...r,children:t});try{a.displayName="Text",a.__docgenInfo={description:"A text component. Underlying HTML element can be changed using the `as`\nproperty. Will default to be a paragraph.",displayName:"Text",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'},{value:'"xs"'},{value:'"md"'}]}}}}}catch{}export{a as T}; diff --git a/assets/Text-CbEoPjZC.js b/assets/Text-DffShOOB.js similarity index 96% rename from assets/Text-CbEoPjZC.js rename to assets/Text-DffShOOB.js index e7726c03..6abab7e0 100644 --- a/assets/Text-CbEoPjZC.js +++ b/assets/Text-DffShOOB.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-CexXSJP5.js";import{r as l}from"./index-BP8_t0zE.js";import{C as p}from"./index-BugjtUKR.js";import{c as m}from"./index-CSpfAsmC.js";const d="_control_9gon8_18",r={control:d,"enable-ligatures":"_enable-ligatures_9gon8_70"},s=l.forwardRef(function({className:t,enableLigatures:a,...i},c){const u=m(r.control,t,{[r["enable-ligatures"]]:a});return n.jsx("input",{ref:c,...i,className:u})}),o=l.forwardRef(function(t,a){return n.jsx(p,{asChild:!0,children:n.jsx(s,{ref:a,...t})})});try{s.displayName="TextInput",s.__docgenInfo={description:"A styled text input, for standalone use.",displayName:"TextInput",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text +import{j as n}from"./jsx-runtime-CexXSJP5.js";import{r as l}from"./index-BP8_t0zE.js";import{C as p}from"./index-Br7_Jfcb.js";import{c as m}from"./index-CSpfAsmC.js";const d="_control_9gon8_18",r={control:d,"enable-ligatures":"_enable-ligatures_9gon8_70"},s=l.forwardRef(function({className:t,enableLigatures:a,...i},c){const u=m(r.control,t,{[r["enable-ligatures"]]:a});return n.jsx("input",{ref:c,...i,className:u})}),o=l.forwardRef(function(t,a){return n.jsx(p,{asChild:!0,children:n.jsx(s,{ref:a,...t})})});try{s.displayName="TextInput",s.__docgenInfo={description:"A styled text input, for standalone use.",displayName:"TextInput",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text For example on an in-place editing field https://github.com/rsms/inter/issues/222 https://github.com/rsms/inter/blob/master/src/features/calt.fea`,name:"enableLigatures",required:!1,type:{name:"boolean"}}}}}catch{}try{o.displayName="TextControl",o.__docgenInfo={description:"A styled text input wrapped in a `Control` component, for use in Radix forms.",displayName:"TextControl",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text diff --git a/assets/Text.stories-Bi_EdvdI.js b/assets/Text.stories-B-bWjwzG.js similarity index 97% rename from assets/Text.stories-Bi_EdvdI.js rename to assets/Text.stories-B-bWjwzG.js index 6290cc07..929ab176 100644 --- a/assets/Text.stories-Bi_EdvdI.js +++ b/assets/Text.stories-B-bWjwzG.js @@ -1,4 +1,4 @@ -import{j as l}from"./jsx-runtime-CexXSJP5.js";import{T as i}from"./Text-CbEoPjZC.js";import"./index-BP8_t0zE.js";import"./index-BugjtUKR.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";import"./index-CSpfAsmC.js";const C={title:"Form/Controls/Text",component:i,tags:["autodocs"],parameters:{controls:{include:["defaultValue","placeholder","disabled","autoFocus","readOnly","dataInvalid","enableLigatures"]}},argTypes:{defaultValue:{type:"string"},placeholder:{type:"string"},disabled:{type:"boolean"},autoFocus:{type:"boolean"},readOnly:{type:"boolean"},invalid:{type:"boolean"},enableLigatures:{type:"boolean"}},render:({invalid:d,...p})=>l.jsx(i,{"data-invalid":d||void 0,...p}),args:{placeholder:"",autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1,enableLigatures:void 0}},e={parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=792-2689"}}},a={args:{defaultValue:"-> 1x2x3"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=792-2724"}}},n={args:{defaultValue:"-> 1x2x3",enableLigatures:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=792-2724"}}},t={args:{defaultValue:"Disabled",disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=792-2717"}}},s={args:{defaultValue:"Read only",readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2126-21865"}}},r={args:{autoFocus:!0}},o={args:{defaultValue:"Invalid",invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=792-2710"}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ +import{j as l}from"./jsx-runtime-CexXSJP5.js";import{T as i}from"./Text-DffShOOB.js";import"./index-BP8_t0zE.js";import"./index-Br7_Jfcb.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";import"./index-CSpfAsmC.js";const C={title:"Form/Controls/Text",component:i,tags:["autodocs"],parameters:{controls:{include:["defaultValue","placeholder","disabled","autoFocus","readOnly","dataInvalid","enableLigatures"]}},argTypes:{defaultValue:{type:"string"},placeholder:{type:"string"},disabled:{type:"boolean"},autoFocus:{type:"boolean"},readOnly:{type:"boolean"},invalid:{type:"boolean"},enableLigatures:{type:"boolean"}},render:({invalid:d,...p})=>l.jsx(i,{"data-invalid":d||void 0,...p}),args:{placeholder:"",autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1,enableLigatures:void 0}},e={parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=792-2689"}}},a={args:{defaultValue:"-> 1x2x3"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=792-2724"}}},n={args:{defaultValue:"-> 1x2x3",enableLigatures:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=792-2724"}}},t={args:{defaultValue:"Disabled",disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=792-2717"}}},s={args:{defaultValue:"Read only",readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2126-21865"}}},r={args:{autoFocus:!0}},o={args:{defaultValue:"Invalid",invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=792-2710"}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ parameters: { design: { type: "figma", diff --git a/assets/Text.stories-LnqBI7_q.js b/assets/Text.stories-DEQpK8_4.js similarity index 78% rename from assets/Text.stories-LnqBI7_q.js rename to assets/Text.stories-DEQpK8_4.js index 247cae9e..7172037b 100644 --- a/assets/Text.stories-LnqBI7_q.js +++ b/assets/Text.stories-DEQpK8_4.js @@ -1,4 +1,4 @@ -import{T as o}from"./Text-BgCCN_GG.js";import"./jsx-runtime-CexXSJP5.js";import"./index-BP8_t0zE.js";import"./Typography-DuHxGDyc.js";import"./index-CSpfAsmC.js";const p={title:"Typography",component:o,argTypes:{size:{options:["xs","sm","md","lg"],control:{type:"inline-radio"}},weight:{options:["regular","medium","semibold"],control:{type:"inline-radio"}},children:{type:"string"}},args:{children:"The quick brown fox jumps over the lazy dog",size:"md",weight:"regular"}},r={},e={args:{children:"-> 1x2x3"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:"{}",...r.parameters?.docs?.source}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ +import{T as o}from"./Text-43GasnQW.js";import"./jsx-runtime-CexXSJP5.js";import"./index-BP8_t0zE.js";import"./Typography-BWOtt-hZ.js";import"./index-CSpfAsmC.js";const p={title:"Typography",component:o,argTypes:{size:{options:["xs","sm","md","lg"],control:{type:"inline-radio"}},weight:{options:["regular","medium","semibold"],control:{type:"inline-radio"}},children:{type:"string"}},args:{children:"The quick brown fox jumps over the lazy dog",size:"md",weight:"regular"}},r={},e={args:{children:"-> 1x2x3"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:"{}",...r.parameters?.docs?.source}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ args: { children: "-> 1x2x3" } diff --git a/assets/Toast-BFUH-DR1.js b/assets/Toast-BFUH-DR1.js deleted file mode 100644 index 5551f09a..00000000 --- a/assets/Toast-BFUH-DR1.js +++ /dev/null @@ -1 +0,0 @@ -import{j as c}from"./jsx-runtime-CexXSJP5.js";import{c as i}from"./index-CSpfAsmC.js";import{r as p}from"./index-BP8_t0zE.js";const m={"toast-container":"_toast-container_pnye8_17"},s=p.forwardRef(function({children:t,className:e,...o},r){const n=i(m["toast-container"],e);return c.jsx("div",{...o,className:n,ref:r,children:t})});try{s.displayName="Toast",s.__docgenInfo={description:"",displayName:"Toast",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}}}catch{}export{s as T}; diff --git a/assets/Toast.stories-B0471lRC.js b/assets/Toast.stories-B0471lRC.js new file mode 100644 index 00000000..82cf423e --- /dev/null +++ b/assets/Toast.stories-B0471lRC.js @@ -0,0 +1,4 @@ +import{j as m}from"./jsx-runtime-CexXSJP5.js";import{c as i}from"./index-CSpfAsmC.js";import{r as p}from"./index-BP8_t0zE.js";const d={"toast-container":"_toast-container_pnye8_17"},a=p.forwardRef(function({children:t,className:o,...r},n){const c=i(d["toast-container"],o);return m.jsx("div",{...r,className:c,ref:n,children:t})});try{a.displayName="Toast",a.__docgenInfo={description:"",displayName:"Toast",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}}}catch{}const f={title:"Toast",component:a,tags:["autodocs"],argTypes:{},args:{children:"Would you like some toast?"},design:{type:"figma",url:"https://www.figma.com/design/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=3627-42633&t=m0RMwUTXkukgU29g-0"}},s={args:{},parameters:{}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{ + args: {}, + parameters: {} +}`,...s.parameters?.docs?.source}}};const _=["Default"];export{s as Default,_ as __namedExportsOrder,f as default}; diff --git a/assets/Toast.stories-dVfytGvs.js b/assets/Toast.stories-dVfytGvs.js deleted file mode 100644 index eb49881a..00000000 --- a/assets/Toast.stories-dVfytGvs.js +++ /dev/null @@ -1,4 +0,0 @@ -import{T as e}from"./Toast-BFUH-DR1.js";import"./jsx-runtime-CexXSJP5.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";const m={title:"Toast",component:e,tags:["autodocs"],argTypes:{},args:{children:"Would you like some toast?"},design:{type:"figma",url:"https://www.figma.com/design/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=3627-42633&t=m0RMwUTXkukgU29g-0"}},o={args:{},parameters:{}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{ - args: {}, - parameters: {} -}`,...o.parameters?.docs?.source}}};const n=["Default"];export{o as Default,n as __namedExportsOrder,m as default}; diff --git a/assets/Toggle-DqDpfLtf.js b/assets/Toggle-B6z_Q1xa.js similarity index 94% rename from assets/Toggle-DqDpfLtf.js rename to assets/Toggle-B6z_Q1xa.js index 8acd009d..22819a04 100644 --- a/assets/Toggle-DqDpfLtf.js +++ b/assets/Toggle-B6z_Q1xa.js @@ -1 +1 @@ -import{j as e}from"./jsx-runtime-CexXSJP5.js";import{c as p}from"./index-CSpfAsmC.js";import{r as c}from"./index-BP8_t0zE.js";import{C as u}from"./index-BugjtUKR.js";const m="_container_qnvru_18",d="_input_qnvru_32",_="_ui_qnvru_42",r={container:m,input:d,ui:_},t=c.forwardRef(function({className:n,...s},i){const l=p(r.container,n);return e.jsxs("div",{className:l,children:[e.jsx("input",{ref:i,className:r.input,...s,type:"checkbox"}),e.jsx("div",{className:r.ui})]})}),a=c.forwardRef(function(n,s){return e.jsx(u,{asChild:!0,children:e.jsx(t,{ref:s,...n})})});try{t.displayName="ToggleInput",t.__docgenInfo={description:"A toggle component.",displayName:"ToggleInput",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}}}}}catch{}try{a.displayName="ToggleControl",a.__docgenInfo={description:"A styled checkbox input wrapped in a `Control` component, for use in Radix forms.",displayName:"ToggleControl",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}}}}}catch{}export{t as T,a}; +import{j as e}from"./jsx-runtime-CexXSJP5.js";import{c as p}from"./index-CSpfAsmC.js";import{r as c}from"./index-BP8_t0zE.js";import{C as u}from"./index-Br7_Jfcb.js";const m="_container_qnvru_18",d="_input_qnvru_32",_="_ui_qnvru_42",r={container:m,input:d,ui:_},t=c.forwardRef(function({className:n,...s},i){const l=p(r.container,n);return e.jsxs("div",{className:l,children:[e.jsx("input",{ref:i,className:r.input,...s,type:"checkbox"}),e.jsx("div",{className:r.ui})]})}),a=c.forwardRef(function(n,s){return e.jsx(u,{asChild:!0,children:e.jsx(t,{ref:s,...n})})});try{t.displayName="ToggleInput",t.__docgenInfo={description:"A toggle component.",displayName:"ToggleInput",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}}}}}catch{}try{a.displayName="ToggleControl",a.__docgenInfo={description:"A styled checkbox input wrapped in a `Control` component, for use in Radix forms.",displayName:"ToggleControl",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}}}}}catch{}export{t as T,a}; diff --git a/assets/Toggle.stories-PuYcW4qz.js b/assets/Toggle.stories-BhOJuYA_.js similarity index 97% rename from assets/Toggle.stories-PuYcW4qz.js rename to assets/Toggle.stories-BhOJuYA_.js index e345491e..aa1e4ac0 100644 --- a/assets/Toggle.stories-PuYcW4qz.js +++ b/assets/Toggle.stories-BhOJuYA_.js @@ -1,4 +1,4 @@ -import{T as d}from"./Toggle-DqDpfLtf.js";import"./jsx-runtime-CexXSJP5.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./index-BugjtUKR.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";const y={title:"Form/Controls/Toggle",component:d,tags:["autodocs"],argTypes:{},args:{}},e={args:{defaultChecked:!1},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-249"}}},n={args:{defaultChecked:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-252"}}},a={args:{disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-261"}}},r={args:{disabled:!0,defaultChecked:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-264"}}},o={args:{readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2457-26212"}}},s={args:{readOnly:!0,defaultChecked:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2457-26215"}}},t={args:{autoFocus:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-267"}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ +import{T as d}from"./Toggle-B6z_Q1xa.js";import"./jsx-runtime-CexXSJP5.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./index-Br7_Jfcb.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";const y={title:"Form/Controls/Toggle",component:d,tags:["autodocs"],argTypes:{},args:{}},e={args:{defaultChecked:!1},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-249"}}},n={args:{defaultChecked:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-252"}}},a={args:{disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-261"}}},r={args:{disabled:!0,defaultChecked:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-264"}}},o={args:{readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2457-26212"}}},s={args:{readOnly:!0,defaultChecked:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2457-26215"}}},t={args:{autoFocus:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=119-267"}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ args: { defaultChecked: false }, diff --git a/assets/ToggleMenuItem-CmotYktn.js b/assets/ToggleMenuItem-CmotYktn.js deleted file mode 100644 index 2d45dd4e..00000000 --- a/assets/ToggleMenuItem-CmotYktn.js +++ /dev/null @@ -1,3 +0,0 @@ -import{j as n}from"./jsx-runtime-CexXSJP5.js";import{r as o}from"./index-BP8_t0zE.js";import{M as p}from"./MenuItem-CLebqjpw.js";import{T as h}from"./Toggle-DqDpfLtf.js";import{u as g}from"./useId-DIHOOv91.js";const a=o.forwardRef(function({className:l,Icon:i,label:u,onSelect:s,checked:e,disabled:t},m){const d=g(),c=o.useCallback(()=>{},[]);return n.jsx(p,{as:"div",role:"menuitemcheckbox","aria-checked":e,className:l,Icon:i,label:u,onSelect:s,disabled:t,children:n.jsx(h,{id:d,ref:m,"aria-hidden":!0,checked:e,disabled:t,onChange:c})})});try{a.displayName="ToggleMenuItem",a.__docgenInfo={description:"A menu item with a toggle control.\nMust be used within a compound Menu or other `menu` or `menubar` aria role subtree.",displayName:"ToggleMenuItem",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},onSelect:{defaultValue:null,description:`Event callback for when the item is selected via mouse, touch, or keyboard. -Calling event.preventDefault in this handler will prevent the menu from -being dismissed.`,name:"onSelect",required:!0,type:{name:"((e: Event) => void) | null"}},label:{defaultValue:null,description:"The label to show on this menu item.",name:"label",required:!0,type:{name:"string | null"}},Icon:{defaultValue:null,description:"The icon to show on this menu item.\nWhen `Icon` is a ReactNode, it should spread the props",name:"Icon",required:!0,type:{name:"ReactNode | ComponentType>"}},checked:{defaultValue:null,description:"Whether the toggle is checked.",name:"checked",required:!0,type:{name:"boolean"}}}}}catch{}export{a as T}; diff --git a/assets/ToggleMenuItem.stories-CEJPP5rC.js b/assets/ToggleMenuItem.stories-CEJPP5rC.js deleted file mode 100644 index b0d6560b..00000000 --- a/assets/ToggleMenuItem.stories-CEJPP5rC.js +++ /dev/null @@ -1,12 +0,0 @@ -import{j as t}from"./jsx-runtime-CexXSJP5.js";import{r as c}from"./index-BP8_t0zE.js";import{C as m,E as p}from"./extensions-NPI-SMnu.js";import{T as o}from"./ToggleMenuItem-CmotYktn.js";import"./MenuItem-CLebqjpw.js";import"./index-CSpfAsmC.js";import"./Text-BgCCN_GG.js";import"./Typography-DuHxGDyc.js";import"./chevron-right-DF47_mtr.js";import"./index-Dp4tTk3o.js";import"./Toggle-DqDpfLtf.js";import"./index-BugjtUKR.js";import"./index-DD7XHAoh.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";import"./useId-DIHOOv91.js";const F={title:"Menu/ToggleMenuItem",component:o,tags:["autodocs"],argTypes:{},args:{}},d=r=>{const[s,i]=c.useState(!1);return t.jsxs("div",{style:{width:300},children:[t.jsx(o,{...r,Icon:m,label:"First item",checked:s,onSelect:a=>{a.preventDefault(),i(n=>!n)}}),t.jsx(o,{...r,Icon:p,label:"Second item with a name that's quite long",checked:!0,disabled:!0})]})},e=d.bind({});e.args={};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`args => { - const [firstChecked, setFirstChecked] = useState(false); - return
- { - e.preventDefault(); - setFirstChecked(c => !c); - }} /> - -
; -}`,...e.parameters?.docs?.source}}};const w=["Primary"];export{e as Primary,w as __namedExportsOrder,F as default}; diff --git a/assets/ToggleMenuItem.stories-CnQXoVZb.js b/assets/ToggleMenuItem.stories-CnQXoVZb.js new file mode 100644 index 00000000..83ca6bf5 --- /dev/null +++ b/assets/ToggleMenuItem.stories-CnQXoVZb.js @@ -0,0 +1,14 @@ +import{j as t}from"./jsx-runtime-CexXSJP5.js";import{r as l}from"./index-BP8_t0zE.js";import{C as h,E as g}from"./extensions-NPI-SMnu.js";import{M as f}from"./MenuItem-B7JmuVZQ.js";import{u as I}from"./useId-DIHOOv91.js";import{T as b}from"./Toggle-B6z_Q1xa.js";import"./index-CSpfAsmC.js";import"./Text-43GasnQW.js";import"./Typography-BWOtt-hZ.js";import"./chevron-right-DF47_mtr.js";import"./index-Dp4tTk3o.js";import"./index-Br7_Jfcb.js";import"./index-DD7XHAoh.js";import"./index-CcH3h_90.js";import"./index-BjHk5heU.js";import"./index-BlTQwN6S.js";const n=l.forwardRef(function({className:r,Icon:a,label:s,onSelect:i,checked:c,disabled:m},u){const d=I(),p=l.useCallback(()=>{},[]);return t.jsx(f,{as:"div",role:"menuitemcheckbox","aria-checked":c,className:r,Icon:a,label:s,onSelect:i,disabled:m,children:t.jsx(b,{id:d,ref:u,"aria-hidden":!0,checked:c,disabled:m,onChange:p})})});try{n.displayName="ToggleMenuItem",n.__docgenInfo={description:"A menu item with a toggle control.\nMust be used within a compound Menu or other `menu` or `menubar` aria role subtree.",displayName:"ToggleMenuItem",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"The label to show on this menu item.",name:"label",required:!0,type:{name:"string | null"}},Icon:{defaultValue:null,description:"The icon to show on this menu item.\nWhen `Icon` is a ReactNode, it should spread the props",name:"Icon",required:!0,type:{name:"ReactNode | ComponentType>"}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},onSelect:{defaultValue:null,description:`Event callback for when the item is selected via mouse, touch, or keyboard. +Calling event.preventDefault in this handler will prevent the menu from +being dismissed.`,name:"onSelect",required:!0,type:{name:"((e: Event) => void) | null"}},checked:{defaultValue:null,description:"Whether the toggle is checked.",name:"checked",required:!0,type:{name:"boolean"}}}}}catch{}const D={title:"Menu/ToggleMenuItem",component:n,tags:["autodocs"],argTypes:{},args:{}},k=o=>{const[r,a]=l.useState(!1);return t.jsxs("div",{style:{width:300},children:[t.jsx(n,{...o,Icon:h,label:"First item",checked:r,onSelect:s=>{s.preventDefault(),a(i=>!i)}}),t.jsx(n,{...o,Icon:g,label:"Second item with a name that's quite long",checked:!0,disabled:!0})]})},e=k.bind({});e.args={};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`args => { + const [firstChecked, setFirstChecked] = useState(false); + return
+ { + e.preventDefault(); + setFirstChecked(c => !c); + }} /> + +
; +}`,...e.parameters?.docs?.source}}};const A=["Primary"];export{e as Primary,A as __namedExportsOrder,D as default}; diff --git a/assets/Tooltip-womRVnul.js b/assets/Tooltip-GcGKJhf-.js similarity index 76% rename from assets/Tooltip-womRVnul.js rename to assets/Tooltip-GcGKJhf-.js index 9e06dab6..72d6b5f5 100644 --- a/assets/Tooltip-womRVnul.js +++ b/assets/Tooltip-GcGKJhf-.js @@ -1,12 +1,12 @@ -import{j as n}from"./jsx-runtime-CexXSJP5.js";import{r as l}from"./index-BP8_t0zE.js";import{i as S,u as I,b as k,e as O,o as G,j as U,s as Y,f as H,k as J,m as K,n as X,p as $,c as z,d as B,F as L,h as Q,a as Z}from"./floating-ui.react-CWvUcNvr.js";import{c as C}from"./index-CSpfAsmC.js";const E=l.createContext(null);function w(){const e=l.useContext(E);if(e==null)throw new Error("Tooltip components must be wrapped in ");return e}const ee="_tooltip_1pslb_17",te="_invisible_1pslb_30",oe="_caption_1pslb_37",ne="_arrow_1pslb_42",m={tooltip:ee,invisible:te,caption:oe,arrow:ne},R={open:300,close:0},y=({children:e})=>n.jsx(S,{delay:R,timeoutMs:300,children:e});y.displayName="TooltipProvider";try{y.displayName="TooltipProvider",y.__docgenInfo={description:`Enables tooltips to share a global "warm-up" period for their hover delay. -You must wrap your application in this component for tooltips to function.`,displayName:"TooltipProvider",props:{}}}catch{}function ae({open:e,disabled:a=!1,onOpenChange:i,placement:t="bottom",isTriggerInteractive:s,caption:o,...u}){const r=I(),p=I(),d=l.useRef(null),[b,P]=l.useState(!1),h=a?!1:e??b,g=(_,D,M)=>{i?.(_,D,M),e===void 0&&P(_)},v=k({placement:t,open:h,onOpenChange:g,whileElementsMounted:O,middleware:[G(6),U({crossAxis:t.includes("-"),fallbackAxisSideDirection:"start",padding:5}),Y({padding:5}),H({element:d})]}),c=v.context,{delay:V,initialDelay:q}=J(c);if(q!==R)throw new Error("Tooltips must be wrapped in a global ");const F=K(c,{move:!1,enabled:e===void 0,delay:s?V:{}}),N=X(c,{enabled:e===void 0,visibleOnly:!1}),W=$(c),f="label"in u?"label":"description",x=z(c,{enabled:f==="description",role:"tooltip"}),A=l.useMemo(()=>f==="label"?{reference:{"aria-labelledby":r,"aria-describedby":o?p:void 0}}:{},[f,r,p]),T=B([F,N,W,x,A]);return l.useMemo(()=>({labelId:r,captionId:o?p:void 0,caption:o,purpose:f,open:h,setOpen:g,...T,...v,arrowRef:d}),[r,p,o,x,h,g,T,v,d])}function j({children:e,isTriggerInteractive:a=!0,nonInteractiveTriggerTabIndex:i=0,...t}){const s=ae({isTriggerInteractive:a,...t});return n.jsxs(E.Provider,{value:s,children:[n.jsx(se,{isTriggerInteractive:a,nonInteractiveTriggerTabIndex:i,children:e}),n.jsxs(le,{children:[n.jsx("span",{id:s.labelId,children:"label"in t?t.label:t.description}),n.jsx(ie,{})]})]})}function ie(){const{caption:e,captionId:a}=w();if(!e)return null;const t=typeof e=="string"?"span":"div";return n.jsx(t,{id:a,className:C(m.caption,"cpd-theme-dark"),children:e})}function le({children:e}){const{context:a,open:i,arrowRef:t,purpose:s,...o}=w();return!i&&s!=="label"?null:n.jsx(L,{children:n.jsxs("div",{ref:o.refs.setFloating,style:o.floatingStyles,...o.getFloatingProps(),className:C(m.tooltip,{[m.invisible]:s==="label"&&!i}),children:[n.jsx(Q,{ref:t,context:a,width:10,height:6,className:m.arrow}),e]})})}const se=({children:e,isTriggerInteractive:a,nonInteractiveTriggerTabIndex:i})=>{const t=w(),s=e?.ref,o=Z([t.refs.setReference,s]),u=l.useMemo(()=>{if(l.isValidElement(e))if(a){const r=t.getReferenceProps({ref:o,...e.props});return l.cloneElement(e,r)}else{const r=t.getReferenceProps({ref:o,tabIndex:i}),{"aria-labelledby":p,"aria-describedby":d,...b}=r;return n.jsx("span",{tabIndex:i,...b,children:l.cloneElement(e,{"aria-labelledby":p,"aria-describedby":d})})}},[t,o,e]);if(!u)throw new Error("Tooltip anchor must be a single valid React element");return u};try{j.displayName="Tooltip",j.__docgenInfo={description:"A tooltip component",displayName:"Tooltip",props:{disabled:{defaultValue:null,description:"Whether the tooltip should be forced to be in a closed state.",name:"disabled",required:!1,type:{name:"boolean"}},open:{defaultValue:{value:"undefined"},description:`The controlled open state of the tooltip. +import{j as n}from"./jsx-runtime-CexXSJP5.js";import{r as l}from"./index-BP8_t0zE.js";import{F as S,u as I,b as k,c as O,o as G,f as U,s as Y,d as H,e as J,g as K,h as X,i as $,j as z,k as B,l as L,m as Q,a as Z}from"./floating-ui.react-BR2piq7W.js";import{c as C}from"./index-CSpfAsmC.js";const E=l.createContext(null);function w(){const e=l.useContext(E);if(e==null)throw new Error("Tooltip components must be wrapped in ");return e}const ee="_tooltip_1pslb_17",te="_invisible_1pslb_30",oe="_caption_1pslb_37",ne="_arrow_1pslb_42",m={tooltip:ee,invisible:te,caption:oe,arrow:ne},R={open:300,close:0},y=({children:e})=>n.jsx(S,{delay:R,timeoutMs:300,children:e});y.displayName="TooltipProvider";try{y.displayName="TooltipProvider",y.__docgenInfo={description:`Enables tooltips to share a global "warm-up" period for their hover delay. +You must wrap your application in this component for tooltips to function.`,displayName:"TooltipProvider",props:{}}}catch{}function ae({open:e,disabled:a=!1,onOpenChange:i,placement:t="bottom",isTriggerInteractive:s,caption:o,...u}){const r=I(),p=I(),d=l.useRef(null),[b,P]=l.useState(!1),h=a?!1:e??b,g=(_,D,M)=>{i?.(_,D,M),e===void 0&&P(_)},v=k({placement:t,open:h,onOpenChange:g,whileElementsMounted:O,middleware:[G(6),U({crossAxis:t.includes("-"),fallbackAxisSideDirection:"start",padding:5}),Y({padding:5}),H({element:d})]}),c=v.context,{delay:V,initialDelay:q}=J(c);if(q!==R)throw new Error("Tooltips must be wrapped in a global ");const F=K(c,{move:!1,enabled:e===void 0,delay:s?V:{}}),N=X(c,{enabled:e===void 0,visibleOnly:!1}),W=$(c),f="label"in u?"label":"description",x=z(c,{enabled:f==="description",role:"tooltip"}),A=l.useMemo(()=>f==="label"?{reference:{"aria-labelledby":r,"aria-describedby":o?p:void 0}}:{},[f,r,p]),T=B([F,N,W,x,A]);return l.useMemo(()=>({labelId:r,captionId:o?p:void 0,caption:o,purpose:f,open:h,setOpen:g,...T,...v,arrowRef:d}),[r,p,o,x,h,g,T,v,d])}function j({children:e,isTriggerInteractive:a=!0,nonInteractiveTriggerTabIndex:i=0,...t}){const s=ae({isTriggerInteractive:a,...t});return n.jsxs(E.Provider,{value:s,children:[n.jsx(se,{isTriggerInteractive:a,nonInteractiveTriggerTabIndex:i,children:e}),n.jsxs(le,{children:[n.jsx("span",{id:s.labelId,children:"label"in t?t.label:t.description}),n.jsx(ie,{})]})]})}function ie(){const{caption:e,captionId:a}=w();if(!e)return null;const t=typeof e=="string"?"span":"div";return n.jsx(t,{id:a,className:C(m.caption,"cpd-theme-dark"),children:e})}function le({children:e}){const{context:a,open:i,arrowRef:t,purpose:s,...o}=w();return!i&&s!=="label"?null:n.jsx(L,{children:n.jsxs("div",{ref:o.refs.setFloating,style:o.floatingStyles,...o.getFloatingProps(),className:C(m.tooltip,{[m.invisible]:s==="label"&&!i}),children:[n.jsx(Q,{ref:t,context:a,width:10,height:6,className:m.arrow}),e]})})}const se=({children:e,isTriggerInteractive:a,nonInteractiveTriggerTabIndex:i})=>{const t=w(),s=e?.ref,o=Z([t.refs.setReference,s]),u=l.useMemo(()=>{if(l.isValidElement(e))if(a){const r=t.getReferenceProps({ref:o,...e.props});return l.cloneElement(e,r)}else{const r=t.getReferenceProps({ref:o,tabIndex:i}),{"aria-labelledby":p,"aria-describedby":d,...b}=r;return n.jsx("span",{tabIndex:i,...b,children:l.cloneElement(e,{"aria-labelledby":p,"aria-describedby":d})})}},[t,o,e]);if(!u)throw new Error("Tooltip anchor must be a single valid React element");return u};try{j.displayName="Tooltip",j.__docgenInfo={description:"A tooltip component",displayName:"Tooltip",props:{disabled:{defaultValue:null,description:"Whether the tooltip should be forced to be in a closed state.",name:"disabled",required:!1,type:{name:"boolean"}},caption:{defaultValue:null,description:`The caption of the tooltip. +JSX.Element can be used to provide accessibility content like kbd element. +Keep in mind, the caption should not be used for interactive content.`,name:"caption",required:!1,type:{name:"string | Element"}},open:{defaultValue:{value:"undefined"},description:`The controlled open state of the tooltip. If provided, the tooltip will be in controlled mode. When true, the tooltip is always open. When false, the tooltip is always hidden. When undefined, the tooltip will manage its own open state. You will mostly want to omit this property. Will be used the vast majority -of the time during development.`,name:"open",required:!1,type:{name:"boolean"}},caption:{defaultValue:null,description:`The caption of the tooltip. -JSX.Element can be used to provide accessibility content like kbd element. -Keep in mind, the caption should not be used for interactive content.`,name:"caption",required:!1,type:{name:"string | Element"}},onOpenChange:{defaultValue:null,description:"The event handler for the open change.",name:"onOpenChange",required:!1,type:{name:"((open: boolean, event?: Event, reason?: OpenChangeReason) => void) | undefined"}},placement:{defaultValue:{value:'"bottom"'},description:"The placement of the tooltip.",name:"placement",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'},{value:'"bottom"'},{value:'"top"'},{value:'"left-end"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-start"'},{value:'"bottom-end"'},{value:'"bottom-start"'},{value:'"top-end"'},{value:'"top-start"'}]}},description:{defaultValue:null,description:"A description for the target element.",name:"description",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"A label for the target element.",name:"label",required:!1,type:{name:"string"}},isTriggerInteractive:{defaultValue:{value:"true"},description:`Whether the trigger element is interactive. +of the time during development.`,name:"open",required:!1,type:{name:"boolean"}},onOpenChange:{defaultValue:null,description:"The event handler for the open change.",name:"onOpenChange",required:!1,type:{name:"((open: boolean, event?: Event, reason?: OpenChangeReason) => void) | undefined"}},placement:{defaultValue:{value:'"bottom"'},description:"The placement of the tooltip.",name:"placement",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'},{value:'"bottom"'},{value:'"top"'},{value:'"left-end"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-start"'},{value:'"bottom-end"'},{value:'"bottom-start"'},{value:'"top-end"'},{value:'"top-start"'}]}},description:{defaultValue:null,description:"A description for the target element.",name:"description",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"A label for the target element.",name:"label",required:!1,type:{name:"string"}},isTriggerInteractive:{defaultValue:{value:"true"},description:`Whether the trigger element is interactive. When trigger is interactive: - tooltip will be shown after a 300ms delay. When trigger is not interactive: diff --git a/assets/Tooltip.stories-CnR6I8kp.js b/assets/Tooltip.stories-CVplVha7.js similarity index 53% rename from assets/Tooltip.stories-CnR6I8kp.js rename to assets/Tooltip.stories-CVplVha7.js index e5e85484..b1632711 100644 --- a/assets/Tooltip.stories-CnR6I8kp.js +++ b/assets/Tooltip.stories-CVplVha7.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-CexXSJP5.js";import{a as m,T as h}from"./Tooltip-womRVnul.js";import"./Button-C0_Ps78g.js";import{I as g}from"./IconButton-Ccv5Unpx.js";import{U as u}from"./user-profile-EvkA4CON.js";import"./index-BP8_t0zE.js";import"./floating-ui.react-CWvUcNvr.js";import"./index-BlTQwN6S.js";import"./index-CSpfAsmC.js";import"./UnstyledButton-C9fNLva5.js";import"./IndicatorIcon-_PMFIuo8.js";const D={title:"Tooltip",component:m,tags:["autodocs"],controls:{include:["placement","open","label","caption","isTriggerInteractive"]},argTypes:{placement:{control:"inline-radio",options:["top","right","left","bottom"]},open:{control:"boolean"},isTriggerInteractive:{control:"boolean"},label:{control:"text"},description:{control:"text"},caption:{control:"text"}},args:{onOpenChange:void 0,children:e.jsx(g,{children:e.jsx(u,{})})},decorators:[r=>e.jsx("div",{style:{padding:100},children:e.jsx(h,{children:e.jsx(r,{})})})]},b=({children:r})=>e.jsx("div",{style:{display:"flex",gap:"50px",flexDirection:"column",alignItems:"center"},children:r}),x=()=>e.jsx(b,{children:["top","top-start","right","right-end","bottom","bottom-end","left","left-start"].map(r=>e.jsx(m,{open:!0,placement:r,label:"@bob:example.org",children:e.jsx(g,{children:e.jsx(u,{})})},r))}),o=x.bind({});o.args={};const t={args:{label:"@bob:example.org"}},a={args:{label:"I can have a caption",caption:"My beautiful caption"}},s={args:{label:"Copy",caption:e.jsxs(e.Fragment,{children:[e.jsx("kbd",{children:"Ctrl"})," + ",e.jsx("kbd",{children:"C"})]})}},n={args:{open:!0,label:"I'm always open"}},i={args:{open:!1,description:"You can't see me",children:e.jsx("span",{children:"No tooltip to see here"})}},c={args:{disabled:!0,description:"You can't see me",children:e.jsx("span",{children:"No tooltip to see here"})}},p={args:{isTriggerInteractive:!0,description:"Shown with delay",children:e.jsx("a",{href:"https://example.org",children:"Link"})}},l={args:{isTriggerInteractive:!1,description:"Shown without delay",children:e.jsx("span",{children:"Just some text"})}},d={args:{open:!0,description:"Employer Identification Number",children:e.jsx("span",{children:"EIN"})}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`() => +import{j as e}from"./jsx-runtime-CexXSJP5.js";import{a as m,T as h}from"./Tooltip-GcGKJhf-.js";import{U as g}from"./user-profile-EvkA4CON.js";import{I as u}from"./IconButton-BxFxHD6q.js";import"./index-BP8_t0zE.js";import"./floating-ui.react-BR2piq7W.js";import"./index-BlTQwN6S.js";import"./index-CSpfAsmC.js";import"./UnstyledButton-C9fNLva5.js";import"./IndicatorIcon-B59qELJf.js";const k={title:"Tooltip",component:m,tags:["autodocs"],controls:{include:["placement","open","label","caption","isTriggerInteractive"]},argTypes:{placement:{control:"inline-radio",options:["top","right","left","bottom"]},open:{control:"boolean"},isTriggerInteractive:{control:"boolean"},label:{control:"text"},description:{control:"text"},caption:{control:"text"}},args:{onOpenChange:void 0,children:e.jsx(u,{children:e.jsx(g,{})})},decorators:[r=>e.jsx("div",{style:{padding:100},children:e.jsx(h,{children:e.jsx(r,{})})})]},b=({children:r})=>e.jsx("div",{style:{display:"flex",gap:"50px",flexDirection:"column",alignItems:"center"},children:r}),x=()=>e.jsx(b,{children:["top","top-start","right","right-end","bottom","bottom-end","left","left-start"].map(r=>e.jsx(m,{open:!0,placement:r,label:"@bob:example.org",children:e.jsx(u,{children:e.jsx(g,{})})},r))}),o=x.bind({});o.args={};const t={args:{label:"@bob:example.org"}},a={args:{label:"I can have a caption",caption:"My beautiful caption"}},s={args:{label:"Copy",caption:e.jsxs(e.Fragment,{children:[e.jsx("kbd",{children:"Ctrl"})," + ",e.jsx("kbd",{children:"C"})]})}},n={args:{open:!0,label:"I'm always open"}},i={args:{open:!1,description:"You can't see me",children:e.jsx("span",{children:"No tooltip to see here"})}},c={args:{disabled:!0,description:"You can't see me",children:e.jsx("span",{children:"No tooltip to see here"})}},p={args:{isTriggerInteractive:!0,description:"Shown with delay",children:e.jsx("a",{href:"https://example.org",children:"Link"})}},l={args:{isTriggerInteractive:!1,description:"Shown without delay",children:e.jsx("span",{children:"Just some text"})}},d={args:{open:!0,description:"Employer Identification Number",children:e.jsx("span",{children:"EIN"})}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`() => {(["top", "top-start", "right", "right-end", "bottom", "bottom-end", "left", "left-start"] as Array).map(placement => @@ -55,4 +55,4 @@ import{j as e}from"./jsx-runtime-CexXSJP5.js";import{a as m,T as h}from"./Toolti description: "Employer Identification Number", children: EIN } -}`,...d.parameters?.docs?.source}}};const F=["Placement","Default","WithStringCaption","WithComponentCaption","ForcedOpen","ForcedClose","ForcedDisabled","InteractiveTrigger","NonInteractiveTrigger","Descriptive"];export{t as Default,d as Descriptive,i as ForcedClose,c as ForcedDisabled,n as ForcedOpen,p as InteractiveTrigger,l as NonInteractiveTrigger,o as Placement,s as WithComponentCaption,a as WithStringCaption,F as __namedExportsOrder,D as default}; +}`,...d.parameters?.docs?.source}}};const D=["Placement","Default","WithStringCaption","WithComponentCaption","ForcedOpen","ForcedClose","ForcedDisabled","InteractiveTrigger","NonInteractiveTrigger","Descriptive"];export{t as Default,d as Descriptive,i as ForcedClose,c as ForcedDisabled,n as ForcedOpen,p as InteractiveTrigger,l as NonInteractiveTrigger,o as Placement,s as WithComponentCaption,a as WithStringCaption,D as __namedExportsOrder,k as default}; diff --git a/assets/Typography-DuHxGDyc.js b/assets/Typography-BWOtt-hZ.js similarity index 97% rename from assets/Typography-DuHxGDyc.js rename to assets/Typography-BWOtt-hZ.js index 8c4d742e..b005b68f 100644 --- a/assets/Typography-DuHxGDyc.js +++ b/assets/Typography-BWOtt-hZ.js @@ -1 +1 @@ -import{j as r}from"./jsx-runtime-CexXSJP5.js";import{c as y}from"./index-CSpfAsmC.js";const _="_typography_yh5dq_162",d={"font-body-xs-regular":"_font-body-xs-regular_yh5dq_21","font-body-xs-semibold":"_font-body-xs-semibold_yh5dq_26","font-body-xs-medium":"_font-body-xs-medium_yh5dq_31","font-body-sm-regular":"_font-body-sm-regular_yh5dq_40","font-body-sm-semibold":"_font-body-sm-semibold_yh5dq_45","font-body-sm-medium":"_font-body-sm-medium_yh5dq_50","font-body-md-regular":"_font-body-md-regular_yh5dq_59","font-body-md-semibold":"_font-body-md-semibold_yh5dq_64","font-body-md-medium":"_font-body-md-medium_yh5dq_69","font-body-lg-regular":"_font-body-lg-regular_yh5dq_78","font-body-lg-semibold":"_font-body-lg-semibold_yh5dq_83","font-body-lg-medium":"_font-body-lg-medium_yh5dq_88","font-heading-sm-regular":"_font-heading-sm-regular_yh5dq_97","font-heading-sm-semibold":"_font-heading-sm-semibold_yh5dq_102","font-heading-sm-medium":"_font-heading-sm-medium_yh5dq_107","font-heading-md-regular":"_font-heading-md-regular_yh5dq_116","font-heading-md-semibold":"_font-heading-md-semibold_yh5dq_121","font-heading-lg-regular":"_font-heading-lg-regular_yh5dq_130","font-heading-lg-semibold":"_font-heading-lg-semibold_yh5dq_135","font-heading-xl-regular":"_font-heading-xl-regular_yh5dq_144","font-heading-xl-semibold":"_font-heading-xl-semibold_yh5dq_149",typography:_},o=({as:e,children:a,type:n="body",weight:l="regular",size:t="md",className:m,...s})=>{const i=e||"p";return r.jsx(i,{...s,className:y(d.typography,d[`font-${n}-${t}-${l}`],m),children:a})};try{o.displayName="Typography",o.__docgenInfo={description:"",displayName:"Typography",props:{as:{defaultValue:{value:'"p"'},description:"The HTML tag.",name:"as",required:!1,type:{name:"ElementType"}},type:{defaultValue:{value:"body"},description:"The type of content.",name:"type",required:!1,type:{name:"enum",value:[{value:'"heading"'},{value:'"body"'}]}},weight:{defaultValue:{value:"regular"},description:"The font weight.",name:"weight",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"bold"'},{value:'"regular"'},{value:'"semibold"'}]}},size:{defaultValue:{value:"md"},description:"The t-shirt size of the content.",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'},{value:'"xs"'},{value:'"md"'},{value:'"xl"'}]}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}}}}}catch{}export{o as T}; +import{j as r}from"./jsx-runtime-CexXSJP5.js";import{c as y}from"./index-CSpfAsmC.js";const _="_typography_yh5dq_162",d={"font-body-xs-regular":"_font-body-xs-regular_yh5dq_21","font-body-xs-semibold":"_font-body-xs-semibold_yh5dq_26","font-body-xs-medium":"_font-body-xs-medium_yh5dq_31","font-body-sm-regular":"_font-body-sm-regular_yh5dq_40","font-body-sm-semibold":"_font-body-sm-semibold_yh5dq_45","font-body-sm-medium":"_font-body-sm-medium_yh5dq_50","font-body-md-regular":"_font-body-md-regular_yh5dq_59","font-body-md-semibold":"_font-body-md-semibold_yh5dq_64","font-body-md-medium":"_font-body-md-medium_yh5dq_69","font-body-lg-regular":"_font-body-lg-regular_yh5dq_78","font-body-lg-semibold":"_font-body-lg-semibold_yh5dq_83","font-body-lg-medium":"_font-body-lg-medium_yh5dq_88","font-heading-sm-regular":"_font-heading-sm-regular_yh5dq_97","font-heading-sm-semibold":"_font-heading-sm-semibold_yh5dq_102","font-heading-sm-medium":"_font-heading-sm-medium_yh5dq_107","font-heading-md-regular":"_font-heading-md-regular_yh5dq_116","font-heading-md-semibold":"_font-heading-md-semibold_yh5dq_121","font-heading-lg-regular":"_font-heading-lg-regular_yh5dq_130","font-heading-lg-semibold":"_font-heading-lg-semibold_yh5dq_135","font-heading-xl-regular":"_font-heading-xl-regular_yh5dq_144","font-heading-xl-semibold":"_font-heading-xl-semibold_yh5dq_149",typography:_},o=({as:e,children:a,type:n="body",weight:l="regular",size:t="md",className:m,...s})=>{const i=e||"p";return r.jsx(i,{...s,className:y(d.typography,d[`font-${n}-${t}-${l}`],m),children:a})};try{o.displayName="Typography",o.__docgenInfo={description:"",displayName:"Typography",props:{as:{defaultValue:{value:'"p"'},description:"The HTML tag.",name:"as",required:!1,type:{name:"ElementType"}},type:{defaultValue:{value:"body"},description:"The type of content.",name:"type",required:!1,type:{name:"enum",value:[{value:'"body"'},{value:'"heading"'}]}},weight:{defaultValue:{value:"regular"},description:"The font weight.",name:"weight",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"bold"'},{value:'"regular"'},{value:'"semibold"'}]}},size:{defaultValue:{value:"md"},description:"The t-shirt size of the content.",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'},{value:'"xs"'},{value:'"md"'},{value:'"xl"'}]}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}}}}}catch{}export{o as T}; diff --git a/assets/search-BC9ffyhQ.js b/assets/check-circle-solid-TQoBW1Dk.js similarity index 54% rename from assets/search-BC9ffyhQ.js rename to assets/check-circle-solid-TQoBW1Dk.js index 394609f1..cba921f8 100644 --- a/assets/search-BC9ffyhQ.js +++ b/assets/check-circle-solid-TQoBW1Dk.js @@ -1 +1 @@ -import{r as c}from"./index-BP8_t0zE.js";import{j as r}from"./jsx-runtime-CexXSJP5.js";function a(e,o){return r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:o,...e,children:r.jsx("path",{d:"m10.6 13.8-2.15-2.15a.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275.948.948 0 0 0-.275.7.95.95 0 0 0 .275.7L9.9 15.9c.2.2.433.3.7.3.267 0 .5-.1.7-.3l5.65-5.65a.948.948 0 0 0 .275-.7.948.948 0 0 0-.275-.7.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275L10.6 13.8ZM12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z"})})}a.displayName="CheckCircleSolidIcon";const n=c.forwardRef(a);function t(e,o){return r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:o,...e,children:r.jsx("path",{d:"M15.05 16.463a7.5 7.5 0 1 1 1.414-1.414l3.243 3.244a1 1 0 0 1-1.414 1.414l-3.244-3.244ZM16 10.5a5.5 5.5 0 1 0-11 0 5.5 5.5 0 0 0 11 0Z"})})}t.displayName="SearchIcon";const s=c.forwardRef(t);export{n as C,s as S}; +import{r as i}from"./index-BP8_t0zE.js";import{j as r}from"./jsx-runtime-CexXSJP5.js";function o(c,e){return r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:e,...c,children:r.jsx("path",{d:"m10.6 13.8-2.15-2.15a.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275.948.948 0 0 0-.275.7.95.95 0 0 0 .275.7L9.9 15.9c.2.2.433.3.7.3.267 0 .5-.1.7-.3l5.65-5.65a.948.948 0 0 0 .275-.7.948.948 0 0 0-.275-.7.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275L10.6 13.8ZM12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z"})})}o.displayName="CheckCircleSolidIcon";const l=i.forwardRef(o);export{l as C}; diff --git a/assets/close-Cii-U1fy.js b/assets/close-Cii-U1fy.js new file mode 100644 index 00000000..0a9a5790 --- /dev/null +++ b/assets/close-Cii-U1fy.js @@ -0,0 +1 @@ +import{r as s}from"./index-BP8_t0zE.js";import{j as o}from"./jsx-runtime-CexXSJP5.js";function r(e,t){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:t,...e,children:o.jsx("path",{d:"M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414Z"})})}r.displayName="CloseIcon";const n=s.forwardRef(r);export{n as C}; diff --git a/assets/entry-preview-kv6lV1Ze.js b/assets/entry-preview-DtfxYks3.js similarity index 99% rename from assets/entry-preview-kv6lV1Ze.js rename to assets/entry-preview-DtfxYks3.js index 67634e8b..17d0ad54 100644 --- a/assets/entry-preview-kv6lV1Ze.js +++ b/assets/entry-preview-DtfxYks3.js @@ -1,5 +1,5 @@ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./react-18-CNGsVnez.js","./index-BP8_t0zE.js","./index-BlTQwN6S.js"])))=>i.map(i=>d[i]); -import{_ as bt}from"./iframe-BV5w-Shc.js";import{_ as Ut}from"./chunk-H6MOWX77-DTQOW814.js";import{g as Ft,r as F,a as K}from"./index-BP8_t0zE.js";import{r as kt}from"./index-BlTQwN6S.js";import"../sb-preview/runtime.js";var Oe={exports:{}};const Gt="2.0.0",ct=256,Mt=Number.MAX_SAFE_INTEGER||9007199254740991,jt=16,Xt=ct-6,xt=["major","premajor","minor","preminor","patch","prepatch","prerelease"];var ie={MAX_LENGTH:ct,MAX_SAFE_COMPONENT_LENGTH:jt,MAX_SAFE_BUILD_LENGTH:Xt,MAX_SAFE_INTEGER:Mt,RELEASE_TYPES:xt,SEMVER_SPEC_VERSION:Gt,FLAG_INCLUDE_PRERELEASE:1,FLAG_LOOSE:2},Ee={};const Vt=typeof process=="object"&&Ee&&Ee.NODE_DEBUG&&/\bsemver\b/i.test(Ee.NODE_DEBUG)?(...e)=>console.error("SEMVER",...e):()=>{};var oe=Vt;(function(e,t){const{MAX_SAFE_COMPONENT_LENGTH:r,MAX_SAFE_BUILD_LENGTH:n,MAX_LENGTH:o}=ie,a=oe;t=e.exports={};const l=t.re=[],u=t.safeRe=[],i=t.src=[],s=t.t={};let f=0;const m="[a-zA-Z0-9-]",O=[["\\s",1],["\\d",o],[m,n]],d=k=>{for(const[D,G]of O)k=k.split(`${D}*`).join(`${D}{0,${G}}`).split(`${D}+`).join(`${D}{1,${G}}`);return k},R=(k,D,G)=>{const pe=d(D),N=f++;a(k,N,D),s[k]=N,i[N]=D,l[N]=new RegExp(D,G?"g":void 0),u[N]=new RegExp(pe,G?"g":void 0)};R("NUMERICIDENTIFIER","0|[1-9]\\d*"),R("NUMERICIDENTIFIERLOOSE","\\d+"),R("NONNUMERICIDENTIFIER",`\\d*[a-zA-Z-]${m}*`),R("MAINVERSION",`(${i[s.NUMERICIDENTIFIER]})\\.(${i[s.NUMERICIDENTIFIER]})\\.(${i[s.NUMERICIDENTIFIER]})`),R("MAINVERSIONLOOSE",`(${i[s.NUMERICIDENTIFIERLOOSE]})\\.(${i[s.NUMERICIDENTIFIERLOOSE]})\\.(${i[s.NUMERICIDENTIFIERLOOSE]})`),R("PRERELEASEIDENTIFIER",`(?:${i[s.NUMERICIDENTIFIER]}|${i[s.NONNUMERICIDENTIFIER]})`),R("PRERELEASEIDENTIFIERLOOSE",`(?:${i[s.NUMERICIDENTIFIERLOOSE]}|${i[s.NONNUMERICIDENTIFIER]})`),R("PRERELEASE",`(?:-(${i[s.PRERELEASEIDENTIFIER]}(?:\\.${i[s.PRERELEASEIDENTIFIER]})*))`),R("PRERELEASELOOSE",`(?:-?(${i[s.PRERELEASEIDENTIFIERLOOSE]}(?:\\.${i[s.PRERELEASEIDENTIFIERLOOSE]})*))`),R("BUILDIDENTIFIER",`${m}+`),R("BUILD",`(?:\\+(${i[s.BUILDIDENTIFIER]}(?:\\.${i[s.BUILDIDENTIFIER]})*))`),R("FULLPLAIN",`v?${i[s.MAINVERSION]}${i[s.PRERELEASE]}?${i[s.BUILD]}?`),R("FULL",`^${i[s.FULLPLAIN]}$`),R("LOOSEPLAIN",`[v=\\s]*${i[s.MAINVERSIONLOOSE]}${i[s.PRERELEASELOOSE]}?${i[s.BUILD]}?`),R("LOOSE",`^${i[s.LOOSEPLAIN]}$`),R("GTLT","((?:<|>)?=?)"),R("XRANGEIDENTIFIERLOOSE",`${i[s.NUMERICIDENTIFIERLOOSE]}|x|X|\\*`),R("XRANGEIDENTIFIER",`${i[s.NUMERICIDENTIFIER]}|x|X|\\*`),R("XRANGEPLAIN",`[v=\\s]*(${i[s.XRANGEIDENTIFIER]})(?:\\.(${i[s.XRANGEIDENTIFIER]})(?:\\.(${i[s.XRANGEIDENTIFIER]})(?:${i[s.PRERELEASE]})?${i[s.BUILD]}?)?)?`),R("XRANGEPLAINLOOSE",`[v=\\s]*(${i[s.XRANGEIDENTIFIERLOOSE]})(?:\\.(${i[s.XRANGEIDENTIFIERLOOSE]})(?:\\.(${i[s.XRANGEIDENTIFIERLOOSE]})(?:${i[s.PRERELEASELOOSE]})?${i[s.BUILD]}?)?)?`),R("XRANGE",`^${i[s.GTLT]}\\s*${i[s.XRANGEPLAIN]}$`),R("XRANGELOOSE",`^${i[s.GTLT]}\\s*${i[s.XRANGEPLAINLOOSE]}$`),R("COERCEPLAIN",`(^|[^\\d])(\\d{1,${r}})(?:\\.(\\d{1,${r}}))?(?:\\.(\\d{1,${r}}))?`),R("COERCE",`${i[s.COERCEPLAIN]}(?:$|[^\\d])`),R("COERCEFULL",i[s.COERCEPLAIN]+`(?:${i[s.PRERELEASE]})?(?:${i[s.BUILD]})?(?:$|[^\\d])`),R("COERCERTL",i[s.COERCE],!0),R("COERCERTLFULL",i[s.COERCEFULL],!0),R("LONETILDE","(?:~>?)"),R("TILDETRIM",`(\\s*)${i[s.LONETILDE]}\\s+`,!0),t.tildeTrimReplace="$1~",R("TILDE",`^${i[s.LONETILDE]}${i[s.XRANGEPLAIN]}$`),R("TILDELOOSE",`^${i[s.LONETILDE]}${i[s.XRANGEPLAINLOOSE]}$`),R("LONECARET","(?:\\^)"),R("CARETTRIM",`(\\s*)${i[s.LONECARET]}\\s+`,!0),t.caretTrimReplace="$1^",R("CARET",`^${i[s.LONECARET]}${i[s.XRANGEPLAIN]}$`),R("CARETLOOSE",`^${i[s.LONECARET]}${i[s.XRANGEPLAINLOOSE]}$`),R("COMPARATORLOOSE",`^${i[s.GTLT]}\\s*(${i[s.LOOSEPLAIN]})$|^$`),R("COMPARATOR",`^${i[s.GTLT]}\\s*(${i[s.FULLPLAIN]})$|^$`),R("COMPARATORTRIM",`(\\s*)${i[s.GTLT]}\\s*(${i[s.LOOSEPLAIN]}|${i[s.XRANGEPLAIN]})`,!0),t.comparatorTrimReplace="$1$2$3",R("HYPHENRANGE",`^\\s*(${i[s.XRANGEPLAIN]})\\s+-\\s+(${i[s.XRANGEPLAIN]})\\s*$`),R("HYPHENRANGELOOSE",`^\\s*(${i[s.XRANGEPLAINLOOSE]})\\s+-\\s+(${i[s.XRANGEPLAINLOOSE]})\\s*$`),R("STAR","(<|>)?=?\\s*\\*"),R("GTE0","^\\s*>=\\s*0\\.0\\.0\\s*$"),R("GTE0PRE","^\\s*>=\\s*0\\.0\\.0-0\\s*$")})(Oe,Oe.exports);var q=Oe.exports;const Yt=Object.freeze({loose:!0}),Wt=Object.freeze({}),Ht=e=>e?typeof e!="object"?Yt:e:Wt;var Ne=Ht;const ke=/^[0-9]+$/,ut=(e,t)=>{const r=ke.test(e),n=ke.test(t);return r&&n&&(e=+e,t=+t),e===t?0:r&&!n?-1:n&&!r?1:eut(t,e);var ft={compareIdentifiers:ut,rcompareIdentifiers:Kt};const J=oe,{MAX_LENGTH:Ge,MAX_SAFE_INTEGER:Q}=ie,{safeRe:Me,t:je}=q,Bt=Ne,{compareIdentifiers:j}=ft;let qt=class U{constructor(t,r){if(r=Bt(r),t instanceof U){if(t.loose===!!r.loose&&t.includePrerelease===!!r.includePrerelease)return t;t=t.version}else if(typeof t!="string")throw new TypeError(`Invalid version. Must be a string. Got type "${typeof t}".`);if(t.length>Ge)throw new TypeError(`version is longer than ${Ge} characters`);J("SemVer",t,r),this.options=r,this.loose=!!r.loose,this.includePrerelease=!!r.includePrerelease;const n=t.trim().match(r.loose?Me[je.LOOSE]:Me[je.FULL]);if(!n)throw new TypeError(`Invalid Version: ${t}`);if(this.raw=t,this.major=+n[1],this.minor=+n[2],this.patch=+n[3],this.major>Q||this.major<0)throw new TypeError("Invalid major version");if(this.minor>Q||this.minor<0)throw new TypeError("Invalid minor version");if(this.patch>Q||this.patch<0)throw new TypeError("Invalid patch version");n[4]?this.prerelease=n[4].split(".").map(o=>{if(/^[0-9]+$/.test(o)){const a=+o;if(a>=0&&a=0;)typeof this.prerelease[a]=="number"&&(this.prerelease[a]++,a=-2);if(a===-1){if(r===this.prerelease.join(".")&&n===!1)throw new Error("invalid increment argument: identifier already exists");this.prerelease.push(o)}}if(r){let a=[r,o];n===!1&&(a=[r]),j(this.prerelease[0],r)===0?isNaN(this.prerelease[1])&&(this.prerelease=a):this.prerelease=a}break}default:throw new Error(`invalid increment argument: ${t}`)}return this.raw=this.format(),this.build.length&&(this.raw+=`+${this.build.join(".")}`),this}};var y=qt;const Xe=y,zt=(e,t,r=!1)=>{if(e instanceof Xe)return e;try{return new Xe(e,t)}catch(n){if(!r)return null;throw n}};var X=zt;const Zt=X,Jt=(e,t)=>{const r=Zt(e,t);return r?r.version:null};var Qt=Jt;const er=X,tr=(e,t)=>{const r=er(e.trim().replace(/^[=v]+/,""),t);return r?r.version:null};var rr=tr;const xe=y,nr=(e,t,r,n,o)=>{typeof r=="string"&&(o=n,n=r,r=void 0);try{return new xe(e instanceof xe?e.version:e,r).inc(t,n,o).version}catch{return null}};var sr=nr;const Ve=X,ir=(e,t)=>{const r=Ve(e,null,!0),n=Ve(t,null,!0),o=r.compare(n);if(o===0)return null;const a=o>0,l=a?r:n,u=a?n:r,i=!!l.prerelease.length;if(!!u.prerelease.length&&!i)return!u.patch&&!u.minor?"major":l.patch?"patch":l.minor?"minor":"major";const f=i?"pre":"";return r.major!==n.major?f+"major":r.minor!==n.minor?f+"minor":r.patch!==n.patch?f+"patch":"prerelease"};var or=ir;const ar=y,lr=(e,t)=>new ar(e,t).major;var cr=lr;const ur=y,fr=(e,t)=>new ur(e,t).minor;var hr=fr;const pr=y,Er=(e,t)=>new pr(e,t).patch;var mr=Er;const dr=X,$r=(e,t)=>{const r=dr(e,t);return r&&r.prerelease.length?r.prerelease:null};var Rr=$r;const Ye=y,vr=(e,t,r)=>new Ye(e,r).compare(new Ye(t,r));var P=vr;const Ir=P,gr=(e,t,r)=>Ir(t,e,r);var Lr=gr;const Or=P,wr=(e,t)=>Or(e,t,!0);var Nr=wr;const We=y,Tr=(e,t,r)=>{const n=new We(e,r),o=new We(t,r);return n.compare(o)||n.compareBuild(o)};var Te=Tr;const Sr=Te,yr=(e,t)=>e.sort((r,n)=>Sr(r,n,t));var Ar=yr;const Cr=Te,_r=(e,t)=>e.sort((r,n)=>Cr(n,r,t));var Dr=_r;const Pr=P,br=(e,t,r)=>Pr(e,t,r)>0;var ae=br;const Ur=P,Fr=(e,t,r)=>Ur(e,t,r)<0;var Se=Fr;const kr=P,Gr=(e,t,r)=>kr(e,t,r)===0;var ht=Gr;const Mr=P,jr=(e,t,r)=>Mr(e,t,r)!==0;var pt=jr;const Xr=P,xr=(e,t,r)=>Xr(e,t,r)>=0;var ye=xr;const Vr=P,Yr=(e,t,r)=>Vr(e,t,r)<=0;var Ae=Yr;const Wr=ht,Hr=pt,Kr=ae,Br=ye,qr=Se,zr=Ae,Zr=(e,t,r,n)=>{switch(t){case"===":return typeof e=="object"&&(e=e.version),typeof r=="object"&&(r=r.version),e===r;case"!==":return typeof e=="object"&&(e=e.version),typeof r=="object"&&(r=r.version),e!==r;case"":case"=":case"==":return Wr(e,r,n);case"!=":return Hr(e,r,n);case">":return Kr(e,r,n);case">=":return Br(e,r,n);case"<":return qr(e,r,n);case"<=":return zr(e,r,n);default:throw new TypeError(`Invalid operator: ${t}`)}};var Et=Zr;const Jr=y,Qr=X,{safeRe:ee,t:te}=q,en=(e,t)=>{if(e instanceof Jr)return e;if(typeof e=="number"&&(e=String(e)),typeof e!="string")return null;t=t||{};let r=null;if(!t.rtl)r=e.match(t.includePrerelease?ee[te.COERCEFULL]:ee[te.COERCE]);else{const i=t.includePrerelease?ee[te.COERCERTLFULL]:ee[te.COERCERTL];let s;for(;(s=i.exec(e))&&(!r||r.index+r[0].length!==e.length);)(!r||s.index+s[0].length!==r.index+r[0].length)&&(r=s),i.lastIndex=s.index+s[1].length+s[2].length;i.lastIndex=-1}if(r===null)return null;const n=r[2],o=r[3]||"0",a=r[4]||"0",l=t.includePrerelease&&r[5]?`-${r[5]}`:"",u=t.includePrerelease&&r[6]?`+${r[6]}`:"";return Qr(`${n}.${o}.${a}${l}${u}`,t)};var tn=en;class rn{constructor(){this.max=1e3,this.map=new Map}get(t){const r=this.map.get(t);if(r!==void 0)return this.map.delete(t),this.map.set(t,r),r}delete(t){return this.map.delete(t)}set(t,r){if(!this.delete(t)&&r!==void 0){if(this.map.size>=this.max){const o=this.map.keys().next().value;this.delete(o)}this.map.set(t,r)}return this}}var nn=rn,me,He;function b(){if(He)return me;He=1;const e=/\s+/g;class t{constructor(c,$){if($=o($),c instanceof t)return c.loose===!!$.loose&&c.includePrerelease===!!$.includePrerelease?c:new t(c.raw,$);if(c instanceof a)return this.raw=c.value,this.set=[[c]],this.formatted=void 0,this;if(this.options=$,this.loose=!!$.loose,this.includePrerelease=!!$.includePrerelease,this.raw=c.trim().replace(e," "),this.set=this.raw.split("||").map(p=>this.parseRange(p.trim())).filter(p=>p.length),!this.set.length)throw new TypeError(`Invalid SemVer Range: ${this.raw}`);if(this.set.length>1){const p=this.set[0];if(this.set=this.set.filter(v=>!k(v[0])),this.set.length===0)this.set=[p];else if(this.set.length>1){for(const v of this.set)if(v.length===1&&D(v[0])){this.set=[v];break}}}this.formatted=void 0}get range(){if(this.formatted===void 0){this.formatted="";for(let c=0;c0&&(this.formatted+="||");const $=this.set[c];for(let p=0;p<$.length;p++)p>0&&(this.formatted+=" "),this.formatted+=$[p].toString().trim()}}return this.formatted}format(){return this.range}toString(){return this.range}parseRange(c){const p=((this.options.includePrerelease&&d)|(this.options.loose&&R))+":"+c,v=n.get(p);if(v)return v;const E=this.options.loose,I=E?i[s.HYPHENRANGELOOSE]:i[s.HYPHENRANGE];c=c.replace(I,Dt(this.options.includePrerelease)),l("hyphen replace",c),c=c.replace(i[s.COMPARATORTRIM],f),l("comparator trim",c),c=c.replace(i[s.TILDETRIM],m),l("tilde trim",c),c=c.replace(i[s.CARETTRIM],O),l("caret trim",c);let L=c.split(" ").map(T=>pe(T,this.options)).join(" ").split(/\s+/).map(T=>_t(T,this.options));E&&(L=L.filter(T=>(l("loose invalid filter",T,this.options),!!T.match(i[s.COMPARATORLOOSE])))),l("range list",L);const g=new Map,w=L.map(T=>new a(T,this.options));for(const T of w){if(k(T))return[T];g.set(T.value,T)}g.size>1&&g.has("")&&g.delete("");const C=[...g.values()];return n.set(p,C),C}intersects(c,$){if(!(c instanceof t))throw new TypeError("a Range is required");return this.set.some(p=>G(p,$)&&c.set.some(v=>G(v,$)&&p.every(E=>v.every(I=>E.intersects(I,$)))))}test(c){if(!c)return!1;if(typeof c=="string")try{c=new u(c,this.options)}catch{return!1}for(let $=0;$h.value==="<0.0.0-0",D=h=>h.value==="",G=(h,c)=>{let $=!0;const p=h.slice();let v=p.pop();for(;$&&p.length;)$=p.every(E=>v.intersects(E,c)),v=p.pop();return $},pe=(h,c)=>(l("comp",h,c),h=Tt(h,c),l("caret",h),h=wt(h,c),l("tildes",h),h=yt(h,c),l("xrange",h),h=Ct(h,c),l("stars",h),h),N=h=>!h||h.toLowerCase()==="x"||h==="*",wt=(h,c)=>h.trim().split(/\s+/).map($=>Nt($,c)).join(" "),Nt=(h,c)=>{const $=c.loose?i[s.TILDELOOSE]:i[s.TILDE];return h.replace($,(p,v,E,I,L)=>{l("tilde",h,p,v,E,I,L);let g;return N(v)?g="":N(E)?g=`>=${v}.0.0 <${+v+1}.0.0-0`:N(I)?g=`>=${v}.${E}.0 <${v}.${+E+1}.0-0`:L?(l("replaceTilde pr",L),g=`>=${v}.${E}.${I}-${L} <${v}.${+E+1}.0-0`):g=`>=${v}.${E}.${I} <${v}.${+E+1}.0-0`,l("tilde return",g),g})},Tt=(h,c)=>h.trim().split(/\s+/).map($=>St($,c)).join(" "),St=(h,c)=>{l("caret",h,c);const $=c.loose?i[s.CARETLOOSE]:i[s.CARET],p=c.includePrerelease?"-0":"";return h.replace($,(v,E,I,L,g)=>{l("caret",h,v,E,I,L,g);let w;return N(E)?w="":N(I)?w=`>=${E}.0.0${p} <${+E+1}.0.0-0`:N(L)?E==="0"?w=`>=${E}.${I}.0${p} <${E}.${+I+1}.0-0`:w=`>=${E}.${I}.0${p} <${+E+1}.0.0-0`:g?(l("replaceCaret pr",g),E==="0"?I==="0"?w=`>=${E}.${I}.${L}-${g} <${E}.${I}.${+L+1}-0`:w=`>=${E}.${I}.${L}-${g} <${E}.${+I+1}.0-0`:w=`>=${E}.${I}.${L}-${g} <${+E+1}.0.0-0`):(l("no pr"),E==="0"?I==="0"?w=`>=${E}.${I}.${L}${p} <${E}.${I}.${+L+1}-0`:w=`>=${E}.${I}.${L}${p} <${E}.${+I+1}.0-0`:w=`>=${E}.${I}.${L} <${+E+1}.0.0-0`),l("caret return",w),w})},yt=(h,c)=>(l("replaceXRanges",h,c),h.split(/\s+/).map($=>At($,c)).join(" ")),At=(h,c)=>{h=h.trim();const $=c.loose?i[s.XRANGELOOSE]:i[s.XRANGE];return h.replace($,(p,v,E,I,L,g)=>{l("xRange",h,p,v,E,I,L,g);const w=N(E),C=w||N(I),T=C||N(L),Y=T;return v==="="&&Y&&(v=""),g=c.includePrerelease?"-0":"",w?v===">"||v==="<"?p="<0.0.0-0":p="*":v&&Y?(C&&(I=0),L=0,v===">"?(v=">=",C?(E=+E+1,I=0,L=0):(I=+I+1,L=0)):v==="<="&&(v="<",C?E=+E+1:I=+I+1),v==="<"&&(g="-0"),p=`${v+E}.${I}.${L}${g}`):C?p=`>=${E}.0.0${g} <${+E+1}.0.0-0`:T&&(p=`>=${E}.${I}.0${g} <${E}.${+I+1}.0-0`),l("xRange return",p),p})},Ct=(h,c)=>(l("replaceStars",h,c),h.trim().replace(i[s.STAR],"")),_t=(h,c)=>(l("replaceGTE0",h,c),h.trim().replace(i[c.includePrerelease?s.GTE0PRE:s.GTE0],"")),Dt=h=>(c,$,p,v,E,I,L,g,w,C,T,Y)=>(N(p)?$="":N(v)?$=`>=${p}.0.0${h?"-0":""}`:N(E)?$=`>=${p}.${v}.0${h?"-0":""}`:I?$=`>=${$}`:$=`>=${$}${h?"-0":""}`,N(w)?g="":N(C)?g=`<${+w+1}.0.0-0`:N(T)?g=`<${w}.${+C+1}.0-0`:Y?g=`<=${w}.${C}.${T}-${Y}`:h?g=`<${w}.${C}.${+T+1}-0`:g=`<=${g}`,`${$} ${g}`.trim()),Pt=(h,c,$)=>{for(let p=0;p0){const v=h[p].semver;if(v.major===c.major&&v.minor===c.minor&&v.patch===c.patch)return!0}return!1}return!0};return me}var de,Ke;function le(){if(Ke)return de;Ke=1;const e=Symbol("SemVer ANY");class t{static get ANY(){return e}constructor(f,m){if(m=r(m),f instanceof t){if(f.loose===!!m.loose)return f;f=f.value}f=f.trim().split(/\s+/).join(" "),l("comparator",f,m),this.options=m,this.loose=!!m.loose,this.parse(f),this.semver===e?this.value="":this.value=this.operator+this.semver.version,l("comp",this)}parse(f){const m=this.options.loose?n[o.COMPARATORLOOSE]:n[o.COMPARATOR],O=f.match(m);if(!O)throw new TypeError(`Invalid comparator: ${f}`);this.operator=O[1]!==void 0?O[1]:"",this.operator==="="&&(this.operator=""),O[2]?this.semver=new u(O[2],this.options.loose):this.semver=e}toString(){return this.value}test(f){if(l("Comparator.test",f,this.options.loose),this.semver===e||f===e)return!0;if(typeof f=="string")try{f=new u(f,this.options)}catch{return!1}return a(f,this.operator,this.semver,this.options)}intersects(f,m){if(!(f instanceof t))throw new TypeError("a Comparator is required");return this.operator===""?this.value===""?!0:new i(f.value,m).test(this.value):f.operator===""?f.value===""?!0:new i(this.value,m).test(f.semver):(m=r(m),m.includePrerelease&&(this.value==="<0.0.0-0"||f.value==="<0.0.0-0")||!m.includePrerelease&&(this.value.startsWith("<0.0.0")||f.value.startsWith("<0.0.0"))?!1:!!(this.operator.startsWith(">")&&f.operator.startsWith(">")||this.operator.startsWith("<")&&f.operator.startsWith("<")||this.semver.version===f.semver.version&&this.operator.includes("=")&&f.operator.includes("=")||a(this.semver,"<",f.semver,m)&&this.operator.startsWith(">")&&f.operator.startsWith("<")||a(this.semver,">",f.semver,m)&&this.operator.startsWith("<")&&f.operator.startsWith(">")))}}de=t;const r=Ne,{safeRe:n,t:o}=q,a=Et,l=oe,u=y,i=b();return de}const sn=b(),on=(e,t,r)=>{try{t=new sn(t,r)}catch{return!1}return t.test(e)};var ce=on;const an=b(),ln=(e,t)=>new an(e,t).set.map(r=>r.map(n=>n.value).join(" ").trim().split(" "));var cn=ln;const un=y,fn=b(),hn=(e,t,r)=>{let n=null,o=null,a=null;try{a=new fn(t,r)}catch{return null}return e.forEach(l=>{a.test(l)&&(!n||o.compare(l)===-1)&&(n=l,o=new un(n,r))}),n};var pn=hn;const En=y,mn=b(),dn=(e,t,r)=>{let n=null,o=null,a=null;try{a=new mn(t,r)}catch{return null}return e.forEach(l=>{a.test(l)&&(!n||o.compare(l)===1)&&(n=l,o=new En(n,r))}),n};var $n=dn;const $e=y,Rn=b(),Be=ae,vn=(e,t)=>{e=new Rn(e,t);let r=new $e("0.0.0");if(e.test(r)||(r=new $e("0.0.0-0"),e.test(r)))return r;r=null;for(let n=0;n{const u=new $e(l.semver.version);switch(l.operator){case">":u.prerelease.length===0?u.patch++:u.prerelease.push(0),u.raw=u.format();case"":case">=":(!a||Be(u,a))&&(a=u);break;case"<":case"<=":break;default:throw new Error(`Unexpected operation: ${l.operator}`)}}),a&&(!r||Be(r,a))&&(r=a)}return r&&e.test(r)?r:null};var In=vn;const gn=b(),Ln=(e,t)=>{try{return new gn(e,t).range||"*"}catch{return null}};var On=Ln;const wn=y,mt=le(),{ANY:Nn}=mt,Tn=b(),Sn=ce,qe=ae,ze=Se,yn=Ae,An=ye,Cn=(e,t,r,n)=>{e=new wn(e,n),t=new Tn(t,n);let o,a,l,u,i;switch(r){case">":o=qe,a=yn,l=ze,u=">",i=">=";break;case"<":o=ze,a=An,l=qe,u="<",i="<=";break;default:throw new TypeError('Must provide a hilo val of "<" or ">"')}if(Sn(e,t,n))return!1;for(let s=0;s{d.semver===Nn&&(d=new mt(">=0.0.0")),m=m||d,O=O||d,o(d.semver,m.semver,n)?m=d:l(d.semver,O.semver,n)&&(O=d)}),m.operator===u||m.operator===i||(!O.operator||O.operator===u)&&a(e,O.semver))return!1;if(O.operator===i&&l(e,O.semver))return!1}return!0};var Ce=Cn;const _n=Ce,Dn=(e,t,r)=>_n(e,t,">",r);var Pn=Dn;const bn=Ce,Un=(e,t,r)=>bn(e,t,"<",r);var Fn=Un;const Ze=b(),kn=(e,t,r)=>(e=new Ze(e,r),t=new Ze(t,r),e.intersects(t,r));var Gn=kn;const Mn=ce,jn=P;var Xn=(e,t,r)=>{const n=[];let o=null,a=null;const l=e.sort((f,m)=>jn(f,m,r));for(const f of l)Mn(f,t,r)?(a=f,o||(o=f)):(a&&n.push([o,a]),a=null,o=null);o&&n.push([o,null]);const u=[];for(const[f,m]of n)f===m?u.push(f):!m&&f===l[0]?u.push("*"):m?f===l[0]?u.push(`<=${m}`):u.push(`${f} - ${m}`):u.push(`>=${f}`);const i=u.join(" || "),s=typeof t.raw=="string"?t.raw:String(t);return i.length{if(e===t)return!0;e=new Je(e,r),t=new Je(t,r);let n=!1;e:for(const o of e.set){for(const a of t.set){const l=Yn(o,a,r);if(n=n||l!==null,l)continue e}if(n)return!1}return!0},Vn=[new _e(">=0.0.0-0")],Qe=[new _e(">=0.0.0")],Yn=(e,t,r)=>{if(e===t)return!0;if(e.length===1&&e[0].semver===Re){if(t.length===1&&t[0].semver===Re)return!0;r.includePrerelease?e=Vn:e=Qe}if(t.length===1&&t[0].semver===Re){if(r.includePrerelease)return!0;t=Qe}const n=new Set;let o,a;for(const d of e)d.operator===">"||d.operator===">="?o=et(o,d,r):d.operator==="<"||d.operator==="<="?a=tt(a,d,r):n.add(d.semver);if(n.size>1)return null;let l;if(o&&a){if(l=De(o.semver,a.semver,r),l>0)return null;if(l===0&&(o.operator!==">="||a.operator!=="<="))return null}for(const d of n){if(o&&!W(d,String(o),r)||a&&!W(d,String(a),r))return null;for(const R of t)if(!W(d,String(R),r))return!1;return!0}let u,i,s,f,m=a&&!r.includePrerelease&&a.semver.prerelease.length?a.semver:!1,O=o&&!r.includePrerelease&&o.semver.prerelease.length?o.semver:!1;m&&m.prerelease.length===1&&a.operator==="<"&&m.prerelease[0]===0&&(m=!1);for(const d of t){if(f=f||d.operator===">"||d.operator===">=",s=s||d.operator==="<"||d.operator==="<=",o){if(O&&d.semver.prerelease&&d.semver.prerelease.length&&d.semver.major===O.major&&d.semver.minor===O.minor&&d.semver.patch===O.patch&&(O=!1),d.operator===">"||d.operator===">="){if(u=et(o,d,r),u===d&&u!==o)return!1}else if(o.operator===">="&&!W(o.semver,String(d),r))return!1}if(a){if(m&&d.semver.prerelease&&d.semver.prerelease.length&&d.semver.major===m.major&&d.semver.minor===m.minor&&d.semver.patch===m.patch&&(m=!1),d.operator==="<"||d.operator==="<="){if(i=tt(a,d,r),i===d&&i!==a)return!1}else if(a.operator==="<="&&!W(a.semver,String(d),r))return!1}if(!d.operator&&(a||o)&&l!==0)return!1}return!(o&&s&&!a&&l!==0||a&&f&&!o&&l!==0||O||m)},et=(e,t,r)=>{if(!e)return t;const n=De(e.semver,t.semver,r);return n>0?e:n<0||t.operator===">"&&e.operator===">="?t:e},tt=(e,t,r)=>{if(!e)return t;const n=De(e.semver,t.semver,r);return n<0?e:n>0||t.operator==="<"&&e.operator==="<="?t:e};var Wn=xn;const ve=q,rt=ie,Hn=y,nt=ft,Kn=X,Bn=Qt,qn=rr,zn=sr,Zn=or,Jn=cr,Qn=hr,es=mr,ts=Rr,rs=P,ns=Lr,ss=Nr,is=Te,os=Ar,as=Dr,ls=ae,cs=Se,us=ht,fs=pt,hs=ye,ps=Ae,Es=Et,ms=tn,ds=le(),$s=b(),Rs=ce,vs=cn,Is=pn,gs=$n,Ls=In,Os=On,ws=Ce,Ns=Pn,Ts=Fn,Ss=Gn,ys=Xn,As=Wn;var Cs={parse:Kn,valid:Bn,clean:qn,inc:zn,diff:Zn,major:Jn,minor:Qn,patch:es,prerelease:ts,compare:rs,rcompare:ns,compareLoose:ss,compareBuild:is,sort:os,rsort:as,gt:ls,lt:cs,eq:us,neq:fs,gte:hs,lte:ps,cmp:Es,coerce:ms,Comparator:ds,Range:$s,satisfies:Rs,toComparators:vs,maxSatisfying:Is,minSatisfying:gs,minVersion:Ls,validRange:Os,outside:ws,gtr:Ns,ltr:Ts,intersects:Ss,simplifyRange:ys,subset:As,SemVer:Hn,re:ve.re,src:ve.src,tokens:ve.t,SEMVER_SPEC_VERSION:rt.SEMVER_SPEC_VERSION,RELEASE_TYPES:rt.RELEASE_TYPES,compareIdentifiers:nt.compareIdentifiers,rcompareIdentifiers:nt.rcompareIdentifiers};const st=Ft(Cs);var S={};/** +import{_ as bt}from"./iframe-C5aVuueH.js";import{_ as Ut}from"./chunk-H6MOWX77-DTQOW814.js";import{g as Ft,r as F,a as K}from"./index-BP8_t0zE.js";import{r as kt}from"./index-BlTQwN6S.js";import"../sb-preview/runtime.js";var Oe={exports:{}};const Gt="2.0.0",ct=256,Mt=Number.MAX_SAFE_INTEGER||9007199254740991,jt=16,Xt=ct-6,xt=["major","premajor","minor","preminor","patch","prepatch","prerelease"];var ie={MAX_LENGTH:ct,MAX_SAFE_COMPONENT_LENGTH:jt,MAX_SAFE_BUILD_LENGTH:Xt,MAX_SAFE_INTEGER:Mt,RELEASE_TYPES:xt,SEMVER_SPEC_VERSION:Gt,FLAG_INCLUDE_PRERELEASE:1,FLAG_LOOSE:2},Ee={};const Vt=typeof process=="object"&&Ee&&Ee.NODE_DEBUG&&/\bsemver\b/i.test(Ee.NODE_DEBUG)?(...e)=>console.error("SEMVER",...e):()=>{};var oe=Vt;(function(e,t){const{MAX_SAFE_COMPONENT_LENGTH:r,MAX_SAFE_BUILD_LENGTH:n,MAX_LENGTH:o}=ie,a=oe;t=e.exports={};const l=t.re=[],u=t.safeRe=[],i=t.src=[],s=t.t={};let f=0;const m="[a-zA-Z0-9-]",O=[["\\s",1],["\\d",o],[m,n]],d=k=>{for(const[D,G]of O)k=k.split(`${D}*`).join(`${D}{0,${G}}`).split(`${D}+`).join(`${D}{1,${G}}`);return k},R=(k,D,G)=>{const pe=d(D),N=f++;a(k,N,D),s[k]=N,i[N]=D,l[N]=new RegExp(D,G?"g":void 0),u[N]=new RegExp(pe,G?"g":void 0)};R("NUMERICIDENTIFIER","0|[1-9]\\d*"),R("NUMERICIDENTIFIERLOOSE","\\d+"),R("NONNUMERICIDENTIFIER",`\\d*[a-zA-Z-]${m}*`),R("MAINVERSION",`(${i[s.NUMERICIDENTIFIER]})\\.(${i[s.NUMERICIDENTIFIER]})\\.(${i[s.NUMERICIDENTIFIER]})`),R("MAINVERSIONLOOSE",`(${i[s.NUMERICIDENTIFIERLOOSE]})\\.(${i[s.NUMERICIDENTIFIERLOOSE]})\\.(${i[s.NUMERICIDENTIFIERLOOSE]})`),R("PRERELEASEIDENTIFIER",`(?:${i[s.NUMERICIDENTIFIER]}|${i[s.NONNUMERICIDENTIFIER]})`),R("PRERELEASEIDENTIFIERLOOSE",`(?:${i[s.NUMERICIDENTIFIERLOOSE]}|${i[s.NONNUMERICIDENTIFIER]})`),R("PRERELEASE",`(?:-(${i[s.PRERELEASEIDENTIFIER]}(?:\\.${i[s.PRERELEASEIDENTIFIER]})*))`),R("PRERELEASELOOSE",`(?:-?(${i[s.PRERELEASEIDENTIFIERLOOSE]}(?:\\.${i[s.PRERELEASEIDENTIFIERLOOSE]})*))`),R("BUILDIDENTIFIER",`${m}+`),R("BUILD",`(?:\\+(${i[s.BUILDIDENTIFIER]}(?:\\.${i[s.BUILDIDENTIFIER]})*))`),R("FULLPLAIN",`v?${i[s.MAINVERSION]}${i[s.PRERELEASE]}?${i[s.BUILD]}?`),R("FULL",`^${i[s.FULLPLAIN]}$`),R("LOOSEPLAIN",`[v=\\s]*${i[s.MAINVERSIONLOOSE]}${i[s.PRERELEASELOOSE]}?${i[s.BUILD]}?`),R("LOOSE",`^${i[s.LOOSEPLAIN]}$`),R("GTLT","((?:<|>)?=?)"),R("XRANGEIDENTIFIERLOOSE",`${i[s.NUMERICIDENTIFIERLOOSE]}|x|X|\\*`),R("XRANGEIDENTIFIER",`${i[s.NUMERICIDENTIFIER]}|x|X|\\*`),R("XRANGEPLAIN",`[v=\\s]*(${i[s.XRANGEIDENTIFIER]})(?:\\.(${i[s.XRANGEIDENTIFIER]})(?:\\.(${i[s.XRANGEIDENTIFIER]})(?:${i[s.PRERELEASE]})?${i[s.BUILD]}?)?)?`),R("XRANGEPLAINLOOSE",`[v=\\s]*(${i[s.XRANGEIDENTIFIERLOOSE]})(?:\\.(${i[s.XRANGEIDENTIFIERLOOSE]})(?:\\.(${i[s.XRANGEIDENTIFIERLOOSE]})(?:${i[s.PRERELEASELOOSE]})?${i[s.BUILD]}?)?)?`),R("XRANGE",`^${i[s.GTLT]}\\s*${i[s.XRANGEPLAIN]}$`),R("XRANGELOOSE",`^${i[s.GTLT]}\\s*${i[s.XRANGEPLAINLOOSE]}$`),R("COERCEPLAIN",`(^|[^\\d])(\\d{1,${r}})(?:\\.(\\d{1,${r}}))?(?:\\.(\\d{1,${r}}))?`),R("COERCE",`${i[s.COERCEPLAIN]}(?:$|[^\\d])`),R("COERCEFULL",i[s.COERCEPLAIN]+`(?:${i[s.PRERELEASE]})?(?:${i[s.BUILD]})?(?:$|[^\\d])`),R("COERCERTL",i[s.COERCE],!0),R("COERCERTLFULL",i[s.COERCEFULL],!0),R("LONETILDE","(?:~>?)"),R("TILDETRIM",`(\\s*)${i[s.LONETILDE]}\\s+`,!0),t.tildeTrimReplace="$1~",R("TILDE",`^${i[s.LONETILDE]}${i[s.XRANGEPLAIN]}$`),R("TILDELOOSE",`^${i[s.LONETILDE]}${i[s.XRANGEPLAINLOOSE]}$`),R("LONECARET","(?:\\^)"),R("CARETTRIM",`(\\s*)${i[s.LONECARET]}\\s+`,!0),t.caretTrimReplace="$1^",R("CARET",`^${i[s.LONECARET]}${i[s.XRANGEPLAIN]}$`),R("CARETLOOSE",`^${i[s.LONECARET]}${i[s.XRANGEPLAINLOOSE]}$`),R("COMPARATORLOOSE",`^${i[s.GTLT]}\\s*(${i[s.LOOSEPLAIN]})$|^$`),R("COMPARATOR",`^${i[s.GTLT]}\\s*(${i[s.FULLPLAIN]})$|^$`),R("COMPARATORTRIM",`(\\s*)${i[s.GTLT]}\\s*(${i[s.LOOSEPLAIN]}|${i[s.XRANGEPLAIN]})`,!0),t.comparatorTrimReplace="$1$2$3",R("HYPHENRANGE",`^\\s*(${i[s.XRANGEPLAIN]})\\s+-\\s+(${i[s.XRANGEPLAIN]})\\s*$`),R("HYPHENRANGELOOSE",`^\\s*(${i[s.XRANGEPLAINLOOSE]})\\s+-\\s+(${i[s.XRANGEPLAINLOOSE]})\\s*$`),R("STAR","(<|>)?=?\\s*\\*"),R("GTE0","^\\s*>=\\s*0\\.0\\.0\\s*$"),R("GTE0PRE","^\\s*>=\\s*0\\.0\\.0-0\\s*$")})(Oe,Oe.exports);var q=Oe.exports;const Yt=Object.freeze({loose:!0}),Wt=Object.freeze({}),Ht=e=>e?typeof e!="object"?Yt:e:Wt;var Ne=Ht;const ke=/^[0-9]+$/,ut=(e,t)=>{const r=ke.test(e),n=ke.test(t);return r&&n&&(e=+e,t=+t),e===t?0:r&&!n?-1:n&&!r?1:eut(t,e);var ft={compareIdentifiers:ut,rcompareIdentifiers:Kt};const J=oe,{MAX_LENGTH:Ge,MAX_SAFE_INTEGER:Q}=ie,{safeRe:Me,t:je}=q,Bt=Ne,{compareIdentifiers:j}=ft;let qt=class U{constructor(t,r){if(r=Bt(r),t instanceof U){if(t.loose===!!r.loose&&t.includePrerelease===!!r.includePrerelease)return t;t=t.version}else if(typeof t!="string")throw new TypeError(`Invalid version. Must be a string. Got type "${typeof t}".`);if(t.length>Ge)throw new TypeError(`version is longer than ${Ge} characters`);J("SemVer",t,r),this.options=r,this.loose=!!r.loose,this.includePrerelease=!!r.includePrerelease;const n=t.trim().match(r.loose?Me[je.LOOSE]:Me[je.FULL]);if(!n)throw new TypeError(`Invalid Version: ${t}`);if(this.raw=t,this.major=+n[1],this.minor=+n[2],this.patch=+n[3],this.major>Q||this.major<0)throw new TypeError("Invalid major version");if(this.minor>Q||this.minor<0)throw new TypeError("Invalid minor version");if(this.patch>Q||this.patch<0)throw new TypeError("Invalid patch version");n[4]?this.prerelease=n[4].split(".").map(o=>{if(/^[0-9]+$/.test(o)){const a=+o;if(a>=0&&a=0;)typeof this.prerelease[a]=="number"&&(this.prerelease[a]++,a=-2);if(a===-1){if(r===this.prerelease.join(".")&&n===!1)throw new Error("invalid increment argument: identifier already exists");this.prerelease.push(o)}}if(r){let a=[r,o];n===!1&&(a=[r]),j(this.prerelease[0],r)===0?isNaN(this.prerelease[1])&&(this.prerelease=a):this.prerelease=a}break}default:throw new Error(`invalid increment argument: ${t}`)}return this.raw=this.format(),this.build.length&&(this.raw+=`+${this.build.join(".")}`),this}};var y=qt;const Xe=y,zt=(e,t,r=!1)=>{if(e instanceof Xe)return e;try{return new Xe(e,t)}catch(n){if(!r)return null;throw n}};var X=zt;const Zt=X,Jt=(e,t)=>{const r=Zt(e,t);return r?r.version:null};var Qt=Jt;const er=X,tr=(e,t)=>{const r=er(e.trim().replace(/^[=v]+/,""),t);return r?r.version:null};var rr=tr;const xe=y,nr=(e,t,r,n,o)=>{typeof r=="string"&&(o=n,n=r,r=void 0);try{return new xe(e instanceof xe?e.version:e,r).inc(t,n,o).version}catch{return null}};var sr=nr;const Ve=X,ir=(e,t)=>{const r=Ve(e,null,!0),n=Ve(t,null,!0),o=r.compare(n);if(o===0)return null;const a=o>0,l=a?r:n,u=a?n:r,i=!!l.prerelease.length;if(!!u.prerelease.length&&!i)return!u.patch&&!u.minor?"major":l.patch?"patch":l.minor?"minor":"major";const f=i?"pre":"";return r.major!==n.major?f+"major":r.minor!==n.minor?f+"minor":r.patch!==n.patch?f+"patch":"prerelease"};var or=ir;const ar=y,lr=(e,t)=>new ar(e,t).major;var cr=lr;const ur=y,fr=(e,t)=>new ur(e,t).minor;var hr=fr;const pr=y,Er=(e,t)=>new pr(e,t).patch;var mr=Er;const dr=X,$r=(e,t)=>{const r=dr(e,t);return r&&r.prerelease.length?r.prerelease:null};var Rr=$r;const Ye=y,vr=(e,t,r)=>new Ye(e,r).compare(new Ye(t,r));var P=vr;const Ir=P,gr=(e,t,r)=>Ir(t,e,r);var Lr=gr;const Or=P,wr=(e,t)=>Or(e,t,!0);var Nr=wr;const We=y,Tr=(e,t,r)=>{const n=new We(e,r),o=new We(t,r);return n.compare(o)||n.compareBuild(o)};var Te=Tr;const Sr=Te,yr=(e,t)=>e.sort((r,n)=>Sr(r,n,t));var Ar=yr;const Cr=Te,_r=(e,t)=>e.sort((r,n)=>Cr(n,r,t));var Dr=_r;const Pr=P,br=(e,t,r)=>Pr(e,t,r)>0;var ae=br;const Ur=P,Fr=(e,t,r)=>Ur(e,t,r)<0;var Se=Fr;const kr=P,Gr=(e,t,r)=>kr(e,t,r)===0;var ht=Gr;const Mr=P,jr=(e,t,r)=>Mr(e,t,r)!==0;var pt=jr;const Xr=P,xr=(e,t,r)=>Xr(e,t,r)>=0;var ye=xr;const Vr=P,Yr=(e,t,r)=>Vr(e,t,r)<=0;var Ae=Yr;const Wr=ht,Hr=pt,Kr=ae,Br=ye,qr=Se,zr=Ae,Zr=(e,t,r,n)=>{switch(t){case"===":return typeof e=="object"&&(e=e.version),typeof r=="object"&&(r=r.version),e===r;case"!==":return typeof e=="object"&&(e=e.version),typeof r=="object"&&(r=r.version),e!==r;case"":case"=":case"==":return Wr(e,r,n);case"!=":return Hr(e,r,n);case">":return Kr(e,r,n);case">=":return Br(e,r,n);case"<":return qr(e,r,n);case"<=":return zr(e,r,n);default:throw new TypeError(`Invalid operator: ${t}`)}};var Et=Zr;const Jr=y,Qr=X,{safeRe:ee,t:te}=q,en=(e,t)=>{if(e instanceof Jr)return e;if(typeof e=="number"&&(e=String(e)),typeof e!="string")return null;t=t||{};let r=null;if(!t.rtl)r=e.match(t.includePrerelease?ee[te.COERCEFULL]:ee[te.COERCE]);else{const i=t.includePrerelease?ee[te.COERCERTLFULL]:ee[te.COERCERTL];let s;for(;(s=i.exec(e))&&(!r||r.index+r[0].length!==e.length);)(!r||s.index+s[0].length!==r.index+r[0].length)&&(r=s),i.lastIndex=s.index+s[1].length+s[2].length;i.lastIndex=-1}if(r===null)return null;const n=r[2],o=r[3]||"0",a=r[4]||"0",l=t.includePrerelease&&r[5]?`-${r[5]}`:"",u=t.includePrerelease&&r[6]?`+${r[6]}`:"";return Qr(`${n}.${o}.${a}${l}${u}`,t)};var tn=en;class rn{constructor(){this.max=1e3,this.map=new Map}get(t){const r=this.map.get(t);if(r!==void 0)return this.map.delete(t),this.map.set(t,r),r}delete(t){return this.map.delete(t)}set(t,r){if(!this.delete(t)&&r!==void 0){if(this.map.size>=this.max){const o=this.map.keys().next().value;this.delete(o)}this.map.set(t,r)}return this}}var nn=rn,me,He;function b(){if(He)return me;He=1;const e=/\s+/g;class t{constructor(c,$){if($=o($),c instanceof t)return c.loose===!!$.loose&&c.includePrerelease===!!$.includePrerelease?c:new t(c.raw,$);if(c instanceof a)return this.raw=c.value,this.set=[[c]],this.formatted=void 0,this;if(this.options=$,this.loose=!!$.loose,this.includePrerelease=!!$.includePrerelease,this.raw=c.trim().replace(e," "),this.set=this.raw.split("||").map(p=>this.parseRange(p.trim())).filter(p=>p.length),!this.set.length)throw new TypeError(`Invalid SemVer Range: ${this.raw}`);if(this.set.length>1){const p=this.set[0];if(this.set=this.set.filter(v=>!k(v[0])),this.set.length===0)this.set=[p];else if(this.set.length>1){for(const v of this.set)if(v.length===1&&D(v[0])){this.set=[v];break}}}this.formatted=void 0}get range(){if(this.formatted===void 0){this.formatted="";for(let c=0;c0&&(this.formatted+="||");const $=this.set[c];for(let p=0;p<$.length;p++)p>0&&(this.formatted+=" "),this.formatted+=$[p].toString().trim()}}return this.formatted}format(){return this.range}toString(){return this.range}parseRange(c){const p=((this.options.includePrerelease&&d)|(this.options.loose&&R))+":"+c,v=n.get(p);if(v)return v;const E=this.options.loose,I=E?i[s.HYPHENRANGELOOSE]:i[s.HYPHENRANGE];c=c.replace(I,Dt(this.options.includePrerelease)),l("hyphen replace",c),c=c.replace(i[s.COMPARATORTRIM],f),l("comparator trim",c),c=c.replace(i[s.TILDETRIM],m),l("tilde trim",c),c=c.replace(i[s.CARETTRIM],O),l("caret trim",c);let L=c.split(" ").map(T=>pe(T,this.options)).join(" ").split(/\s+/).map(T=>_t(T,this.options));E&&(L=L.filter(T=>(l("loose invalid filter",T,this.options),!!T.match(i[s.COMPARATORLOOSE])))),l("range list",L);const g=new Map,w=L.map(T=>new a(T,this.options));for(const T of w){if(k(T))return[T];g.set(T.value,T)}g.size>1&&g.has("")&&g.delete("");const C=[...g.values()];return n.set(p,C),C}intersects(c,$){if(!(c instanceof t))throw new TypeError("a Range is required");return this.set.some(p=>G(p,$)&&c.set.some(v=>G(v,$)&&p.every(E=>v.every(I=>E.intersects(I,$)))))}test(c){if(!c)return!1;if(typeof c=="string")try{c=new u(c,this.options)}catch{return!1}for(let $=0;$h.value==="<0.0.0-0",D=h=>h.value==="",G=(h,c)=>{let $=!0;const p=h.slice();let v=p.pop();for(;$&&p.length;)$=p.every(E=>v.intersects(E,c)),v=p.pop();return $},pe=(h,c)=>(l("comp",h,c),h=Tt(h,c),l("caret",h),h=wt(h,c),l("tildes",h),h=yt(h,c),l("xrange",h),h=Ct(h,c),l("stars",h),h),N=h=>!h||h.toLowerCase()==="x"||h==="*",wt=(h,c)=>h.trim().split(/\s+/).map($=>Nt($,c)).join(" "),Nt=(h,c)=>{const $=c.loose?i[s.TILDELOOSE]:i[s.TILDE];return h.replace($,(p,v,E,I,L)=>{l("tilde",h,p,v,E,I,L);let g;return N(v)?g="":N(E)?g=`>=${v}.0.0 <${+v+1}.0.0-0`:N(I)?g=`>=${v}.${E}.0 <${v}.${+E+1}.0-0`:L?(l("replaceTilde pr",L),g=`>=${v}.${E}.${I}-${L} <${v}.${+E+1}.0-0`):g=`>=${v}.${E}.${I} <${v}.${+E+1}.0-0`,l("tilde return",g),g})},Tt=(h,c)=>h.trim().split(/\s+/).map($=>St($,c)).join(" "),St=(h,c)=>{l("caret",h,c);const $=c.loose?i[s.CARETLOOSE]:i[s.CARET],p=c.includePrerelease?"-0":"";return h.replace($,(v,E,I,L,g)=>{l("caret",h,v,E,I,L,g);let w;return N(E)?w="":N(I)?w=`>=${E}.0.0${p} <${+E+1}.0.0-0`:N(L)?E==="0"?w=`>=${E}.${I}.0${p} <${E}.${+I+1}.0-0`:w=`>=${E}.${I}.0${p} <${+E+1}.0.0-0`:g?(l("replaceCaret pr",g),E==="0"?I==="0"?w=`>=${E}.${I}.${L}-${g} <${E}.${I}.${+L+1}-0`:w=`>=${E}.${I}.${L}-${g} <${E}.${+I+1}.0-0`:w=`>=${E}.${I}.${L}-${g} <${+E+1}.0.0-0`):(l("no pr"),E==="0"?I==="0"?w=`>=${E}.${I}.${L}${p} <${E}.${I}.${+L+1}-0`:w=`>=${E}.${I}.${L}${p} <${E}.${+I+1}.0-0`:w=`>=${E}.${I}.${L} <${+E+1}.0.0-0`),l("caret return",w),w})},yt=(h,c)=>(l("replaceXRanges",h,c),h.split(/\s+/).map($=>At($,c)).join(" ")),At=(h,c)=>{h=h.trim();const $=c.loose?i[s.XRANGELOOSE]:i[s.XRANGE];return h.replace($,(p,v,E,I,L,g)=>{l("xRange",h,p,v,E,I,L,g);const w=N(E),C=w||N(I),T=C||N(L),Y=T;return v==="="&&Y&&(v=""),g=c.includePrerelease?"-0":"",w?v===">"||v==="<"?p="<0.0.0-0":p="*":v&&Y?(C&&(I=0),L=0,v===">"?(v=">=",C?(E=+E+1,I=0,L=0):(I=+I+1,L=0)):v==="<="&&(v="<",C?E=+E+1:I=+I+1),v==="<"&&(g="-0"),p=`${v+E}.${I}.${L}${g}`):C?p=`>=${E}.0.0${g} <${+E+1}.0.0-0`:T&&(p=`>=${E}.${I}.0${g} <${E}.${+I+1}.0-0`),l("xRange return",p),p})},Ct=(h,c)=>(l("replaceStars",h,c),h.trim().replace(i[s.STAR],"")),_t=(h,c)=>(l("replaceGTE0",h,c),h.trim().replace(i[c.includePrerelease?s.GTE0PRE:s.GTE0],"")),Dt=h=>(c,$,p,v,E,I,L,g,w,C,T,Y)=>(N(p)?$="":N(v)?$=`>=${p}.0.0${h?"-0":""}`:N(E)?$=`>=${p}.${v}.0${h?"-0":""}`:I?$=`>=${$}`:$=`>=${$}${h?"-0":""}`,N(w)?g="":N(C)?g=`<${+w+1}.0.0-0`:N(T)?g=`<${w}.${+C+1}.0-0`:Y?g=`<=${w}.${C}.${T}-${Y}`:h?g=`<${w}.${C}.${+T+1}-0`:g=`<=${g}`,`${$} ${g}`.trim()),Pt=(h,c,$)=>{for(let p=0;p0){const v=h[p].semver;if(v.major===c.major&&v.minor===c.minor&&v.patch===c.patch)return!0}return!1}return!0};return me}var de,Ke;function le(){if(Ke)return de;Ke=1;const e=Symbol("SemVer ANY");class t{static get ANY(){return e}constructor(f,m){if(m=r(m),f instanceof t){if(f.loose===!!m.loose)return f;f=f.value}f=f.trim().split(/\s+/).join(" "),l("comparator",f,m),this.options=m,this.loose=!!m.loose,this.parse(f),this.semver===e?this.value="":this.value=this.operator+this.semver.version,l("comp",this)}parse(f){const m=this.options.loose?n[o.COMPARATORLOOSE]:n[o.COMPARATOR],O=f.match(m);if(!O)throw new TypeError(`Invalid comparator: ${f}`);this.operator=O[1]!==void 0?O[1]:"",this.operator==="="&&(this.operator=""),O[2]?this.semver=new u(O[2],this.options.loose):this.semver=e}toString(){return this.value}test(f){if(l("Comparator.test",f,this.options.loose),this.semver===e||f===e)return!0;if(typeof f=="string")try{f=new u(f,this.options)}catch{return!1}return a(f,this.operator,this.semver,this.options)}intersects(f,m){if(!(f instanceof t))throw new TypeError("a Comparator is required");return this.operator===""?this.value===""?!0:new i(f.value,m).test(this.value):f.operator===""?f.value===""?!0:new i(this.value,m).test(f.semver):(m=r(m),m.includePrerelease&&(this.value==="<0.0.0-0"||f.value==="<0.0.0-0")||!m.includePrerelease&&(this.value.startsWith("<0.0.0")||f.value.startsWith("<0.0.0"))?!1:!!(this.operator.startsWith(">")&&f.operator.startsWith(">")||this.operator.startsWith("<")&&f.operator.startsWith("<")||this.semver.version===f.semver.version&&this.operator.includes("=")&&f.operator.includes("=")||a(this.semver,"<",f.semver,m)&&this.operator.startsWith(">")&&f.operator.startsWith("<")||a(this.semver,">",f.semver,m)&&this.operator.startsWith("<")&&f.operator.startsWith(">")))}}de=t;const r=Ne,{safeRe:n,t:o}=q,a=Et,l=oe,u=y,i=b();return de}const sn=b(),on=(e,t,r)=>{try{t=new sn(t,r)}catch{return!1}return t.test(e)};var ce=on;const an=b(),ln=(e,t)=>new an(e,t).set.map(r=>r.map(n=>n.value).join(" ").trim().split(" "));var cn=ln;const un=y,fn=b(),hn=(e,t,r)=>{let n=null,o=null,a=null;try{a=new fn(t,r)}catch{return null}return e.forEach(l=>{a.test(l)&&(!n||o.compare(l)===-1)&&(n=l,o=new un(n,r))}),n};var pn=hn;const En=y,mn=b(),dn=(e,t,r)=>{let n=null,o=null,a=null;try{a=new mn(t,r)}catch{return null}return e.forEach(l=>{a.test(l)&&(!n||o.compare(l)===1)&&(n=l,o=new En(n,r))}),n};var $n=dn;const $e=y,Rn=b(),Be=ae,vn=(e,t)=>{e=new Rn(e,t);let r=new $e("0.0.0");if(e.test(r)||(r=new $e("0.0.0-0"),e.test(r)))return r;r=null;for(let n=0;n{const u=new $e(l.semver.version);switch(l.operator){case">":u.prerelease.length===0?u.patch++:u.prerelease.push(0),u.raw=u.format();case"":case">=":(!a||Be(u,a))&&(a=u);break;case"<":case"<=":break;default:throw new Error(`Unexpected operation: ${l.operator}`)}}),a&&(!r||Be(r,a))&&(r=a)}return r&&e.test(r)?r:null};var In=vn;const gn=b(),Ln=(e,t)=>{try{return new gn(e,t).range||"*"}catch{return null}};var On=Ln;const wn=y,mt=le(),{ANY:Nn}=mt,Tn=b(),Sn=ce,qe=ae,ze=Se,yn=Ae,An=ye,Cn=(e,t,r,n)=>{e=new wn(e,n),t=new Tn(t,n);let o,a,l,u,i;switch(r){case">":o=qe,a=yn,l=ze,u=">",i=">=";break;case"<":o=ze,a=An,l=qe,u="<",i="<=";break;default:throw new TypeError('Must provide a hilo val of "<" or ">"')}if(Sn(e,t,n))return!1;for(let s=0;s{d.semver===Nn&&(d=new mt(">=0.0.0")),m=m||d,O=O||d,o(d.semver,m.semver,n)?m=d:l(d.semver,O.semver,n)&&(O=d)}),m.operator===u||m.operator===i||(!O.operator||O.operator===u)&&a(e,O.semver))return!1;if(O.operator===i&&l(e,O.semver))return!1}return!0};var Ce=Cn;const _n=Ce,Dn=(e,t,r)=>_n(e,t,">",r);var Pn=Dn;const bn=Ce,Un=(e,t,r)=>bn(e,t,"<",r);var Fn=Un;const Ze=b(),kn=(e,t,r)=>(e=new Ze(e,r),t=new Ze(t,r),e.intersects(t,r));var Gn=kn;const Mn=ce,jn=P;var Xn=(e,t,r)=>{const n=[];let o=null,a=null;const l=e.sort((f,m)=>jn(f,m,r));for(const f of l)Mn(f,t,r)?(a=f,o||(o=f)):(a&&n.push([o,a]),a=null,o=null);o&&n.push([o,null]);const u=[];for(const[f,m]of n)f===m?u.push(f):!m&&f===l[0]?u.push("*"):m?f===l[0]?u.push(`<=${m}`):u.push(`${f} - ${m}`):u.push(`>=${f}`);const i=u.join(" || "),s=typeof t.raw=="string"?t.raw:String(t);return i.length{if(e===t)return!0;e=new Je(e,r),t=new Je(t,r);let n=!1;e:for(const o of e.set){for(const a of t.set){const l=Yn(o,a,r);if(n=n||l!==null,l)continue e}if(n)return!1}return!0},Vn=[new _e(">=0.0.0-0")],Qe=[new _e(">=0.0.0")],Yn=(e,t,r)=>{if(e===t)return!0;if(e.length===1&&e[0].semver===Re){if(t.length===1&&t[0].semver===Re)return!0;r.includePrerelease?e=Vn:e=Qe}if(t.length===1&&t[0].semver===Re){if(r.includePrerelease)return!0;t=Qe}const n=new Set;let o,a;for(const d of e)d.operator===">"||d.operator===">="?o=et(o,d,r):d.operator==="<"||d.operator==="<="?a=tt(a,d,r):n.add(d.semver);if(n.size>1)return null;let l;if(o&&a){if(l=De(o.semver,a.semver,r),l>0)return null;if(l===0&&(o.operator!==">="||a.operator!=="<="))return null}for(const d of n){if(o&&!W(d,String(o),r)||a&&!W(d,String(a),r))return null;for(const R of t)if(!W(d,String(R),r))return!1;return!0}let u,i,s,f,m=a&&!r.includePrerelease&&a.semver.prerelease.length?a.semver:!1,O=o&&!r.includePrerelease&&o.semver.prerelease.length?o.semver:!1;m&&m.prerelease.length===1&&a.operator==="<"&&m.prerelease[0]===0&&(m=!1);for(const d of t){if(f=f||d.operator===">"||d.operator===">=",s=s||d.operator==="<"||d.operator==="<=",o){if(O&&d.semver.prerelease&&d.semver.prerelease.length&&d.semver.major===O.major&&d.semver.minor===O.minor&&d.semver.patch===O.patch&&(O=!1),d.operator===">"||d.operator===">="){if(u=et(o,d,r),u===d&&u!==o)return!1}else if(o.operator===">="&&!W(o.semver,String(d),r))return!1}if(a){if(m&&d.semver.prerelease&&d.semver.prerelease.length&&d.semver.major===m.major&&d.semver.minor===m.minor&&d.semver.patch===m.patch&&(m=!1),d.operator==="<"||d.operator==="<="){if(i=tt(a,d,r),i===d&&i!==a)return!1}else if(a.operator==="<="&&!W(a.semver,String(d),r))return!1}if(!d.operator&&(a||o)&&l!==0)return!1}return!(o&&s&&!a&&l!==0||a&&f&&!o&&l!==0||O||m)},et=(e,t,r)=>{if(!e)return t;const n=De(e.semver,t.semver,r);return n>0?e:n<0||t.operator===">"&&e.operator===">="?t:e},tt=(e,t,r)=>{if(!e)return t;const n=De(e.semver,t.semver,r);return n<0?e:n>0||t.operator==="<"&&e.operator==="<="?t:e};var Wn=xn;const ve=q,rt=ie,Hn=y,nt=ft,Kn=X,Bn=Qt,qn=rr,zn=sr,Zn=or,Jn=cr,Qn=hr,es=mr,ts=Rr,rs=P,ns=Lr,ss=Nr,is=Te,os=Ar,as=Dr,ls=ae,cs=Se,us=ht,fs=pt,hs=ye,ps=Ae,Es=Et,ms=tn,ds=le(),$s=b(),Rs=ce,vs=cn,Is=pn,gs=$n,Ls=In,Os=On,ws=Ce,Ns=Pn,Ts=Fn,Ss=Gn,ys=Xn,As=Wn;var Cs={parse:Kn,valid:Bn,clean:qn,inc:zn,diff:Zn,major:Jn,minor:Qn,patch:es,prerelease:ts,compare:rs,rcompare:ns,compareLoose:ss,compareBuild:is,sort:os,rsort:as,gt:ls,lt:cs,eq:us,neq:fs,gte:hs,lte:ps,cmp:Es,coerce:ms,Comparator:ds,Range:$s,satisfies:Rs,toComparators:vs,maxSatisfying:Is,minSatisfying:gs,minVersion:Ls,validRange:Os,outside:ws,gtr:Ns,ltr:Ts,intersects:Ss,simplifyRange:ys,subset:As,SemVer:Hn,re:ve.re,src:ve.src,tokens:ve.t,SEMVER_SPEC_VERSION:rt.SEMVER_SPEC_VERSION,RELEASE_TYPES:rt.RELEASE_TYPES,compareIdentifiers:nt.compareIdentifiers,rcompareIdentifiers:nt.rcompareIdentifiers};const st=Ft(Cs);var S={};/** * @license React * react-dom-test-utils.production.min.js * diff --git a/assets/floating-ui.react-CWvUcNvr.js b/assets/floating-ui.react-BR2piq7W.js similarity index 99% rename from assets/floating-ui.react-CWvUcNvr.js rename to assets/floating-ui.react-BR2piq7W.js index 9385559e..481fe2c5 100644 --- a/assets/floating-ui.react-CWvUcNvr.js +++ b/assets/floating-ui.react-BR2piq7W.js @@ -1,4 +1,4 @@ import{r as f,R as xn}from"./index-BP8_t0zE.js";import{r as zt}from"./index-BlTQwN6S.js";function ze(){return typeof window<"u"}function ge(e){return Xt(e)?(e.nodeName||"").toLowerCase():"#document"}function J(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function ne(e){var t;return(t=(Xt(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function Xt(e){return ze()?e instanceof Node||e instanceof J(e).Node:!1}function H(e){return ze()?e instanceof Element||e instanceof J(e).Element:!1}function Y(e){return ze()?e instanceof HTMLElement||e instanceof J(e).HTMLElement:!1}function lt(e){return!ze()||typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof J(e).ShadowRoot}function Me(e){const{overflow:t,overflowX:n,overflowY:r,display:o}=ee(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+n)&&!["inline","contents"].includes(o)}function wn(e){return["table","td","th"].includes(ge(e))}function Xe(e){return[":popover-open",":modal"].some(t=>{try{return e.matches(t)}catch{return!1}})}function bt(e){const t=yt(),n=H(e)?ee(e):e;return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!t&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!t&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(r=>(n.willChange||"").includes(r))||["paint","layout","strict","content"].some(r=>(n.contain||"").includes(r))}function Rn(e){let t=oe(e);for(;Y(t)&&!ue(t);){if(bt(t))return t;if(Xe(t))return null;t=oe(t)}return null}function yt(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function ue(e){return["html","body","#document"].includes(ge(e))}function ee(e){return J(e).getComputedStyle(e)}function Ue(e){return H(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function oe(e){if(ge(e)==="html")return e;const t=e.assignedSlot||e.parentNode||lt(e)&&e.host||ne(e);return lt(t)?t.host:t}function Ut(e){const t=oe(e);return ue(t)?e.ownerDocument?e.ownerDocument.body:e.body:Y(t)&&Me(t)?t:Ut(t)}function ae(e,t,n){var r;t===void 0&&(t=[]),n===void 0&&(n=!0);const o=Ut(e),s=o===((r=e.ownerDocument)==null?void 0:r.body),i=J(o);if(s){const c=at(i);return t.concat(i,i.visualViewport||[],Me(o)?o:[],c&&n?ae(c):[])}return t.concat(o,ae(o,[],n))}function at(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function re(e){let t=e.activeElement;for(;((n=t)==null||(n=n.shadowRoot)==null?void 0:n.activeElement)!=null;){var n;t=t.shadowRoot.activeElement}return t}function X(e,t){if(!e||!t)return!1;const n=t.getRootNode==null?void 0:t.getRootNode();if(e.contains(t))return!0;if(n&<(n)){let r=t;for(;r;){if(e===r)return!0;r=r.parentNode||r.host}}return!1}function Gt(){const e=navigator.userAgentData;return e!=null&&e.platform?e.platform:navigator.platform}function Zt(){const e=navigator.userAgentData;return e&&Array.isArray(e.brands)?e.brands.map(t=>{let{brand:n,version:r}=t;return n+"/"+r}).join(" "):navigator.userAgent}function En(e){return e.mozInputSource===0&&e.isTrusted?!0:ut()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function Jt(e){return Tn()?!1:!ut()&&e.width===0&&e.height===0||ut()&&e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"||e.width<1&&e.height<1&&e.pressure===0&&e.detail===0&&e.pointerType==="touch"}function Qt(){return/apple/i.test(navigator.vendor)}function ut(){const e=/android/i;return e.test(Gt())||e.test(Zt())}function Cn(){return Gt().toLowerCase().startsWith("mac")&&!navigator.maxTouchPoints}function Tn(){return Zt().includes("jsdom/")}function ft(e,t){const n=["mouse","pen"];return n.push("",void 0),n.includes(e)}function An(e){return"nativeEvent"in e}function Sn(e){return e.matches("html,body")}function U(e){return e?.ownerDocument||document}function tt(e,t){if(t==null)return!1;if("composedPath"in e)return e.composedPath().includes(t);const n=e;return n.target!=null&&t.contains(n.target)}function le(e){return"composedPath"in e?e.composedPath()[0]:e.target}const On="input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";function en(e){return Y(e)&&e.matches(On)}function nt(e){e.preventDefault(),e.stopPropagation()}function Pn(e){return e?e.getAttribute("role")==="combobox"&&en(e):!1}const In=["top","right","bottom","left"],fe=Math.min,Q=Math.max,Be=Math.round,Fe=Math.floor,de=e=>({x:e,y:e}),Mn={left:"right",right:"left",bottom:"top",top:"bottom"},Ln={start:"end",end:"start"};function dt(e,t,n){return Q(e,fe(t,n))}function ie(e,t){return typeof e=="function"?e(t):e}function se(e){return e.split("-")[0]}function Te(e){return e.split("-")[1]}function xt(e){return e==="x"?"y":"x"}function wt(e){return e==="y"?"height":"width"}function me(e){return["top","bottom"].includes(se(e))?"y":"x"}function Rt(e){return xt(me(e))}function Dn(e,t,n){n===void 0&&(n=!1);const r=Te(e),o=Rt(e),s=wt(o);let i=o==="x"?r===(n?"end":"start")?"right":"left":r==="start"?"bottom":"top";return t.reference[s]>t.floating[s]&&(i=_e(i)),[i,_e(i)]}function Fn(e){const t=_e(e);return[mt(e),t,mt(t)]}function mt(e){return e.replace(/start|end/g,t=>Ln[t])}function kn(e,t,n){const r=["left","right"],o=["right","left"],s=["top","bottom"],i=["bottom","top"];switch(e){case"top":case"bottom":return n?t?o:r:t?r:o;case"left":case"right":return t?s:i;default:return[]}}function Nn(e,t,n,r){const o=Te(e);let s=kn(se(e),n==="start",r);return o&&(s=s.map(i=>i+"-"+o),t&&(s=s.concat(s.map(mt)))),s}function _e(e){return e.replace(/left|right|bottom|top/g,t=>Mn[t])}function $n(e){return{top:0,right:0,bottom:0,left:0,...e}}function tn(e){return typeof e!="number"?$n(e):{top:e,right:e,bottom:e,left:e}}function Ve(e){const{x:t,y:n,width:r,height:o}=e;return{width:r,height:o,top:n,left:t,right:t+r,bottom:n+o,x:t,y:n}}/*! * tabbable 6.2.0 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE -*/var Wn=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"],He=Wn.join(","),nn=typeof Element>"u",Ce=nn?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,Ke=!nn&&Element.prototype.getRootNode?function(e){var t;return e==null||(t=e.getRootNode)===null||t===void 0?void 0:t.call(e)}:function(e){return e?.ownerDocument},je=function e(t,n){var r;n===void 0&&(n=!0);var o=t==null||(r=t.getAttribute)===null||r===void 0?void 0:r.call(t,"inert"),s=o===""||o==="true",i=s||n&&t&&e(t.parentNode);return i},Bn=function(t){var n,r=t==null||(n=t.getAttribute)===null||n===void 0?void 0:n.call(t,"contenteditable");return r===""||r==="true"},_n=function(t,n,r){if(je(t))return[];var o=Array.prototype.slice.apply(t.querySelectorAll(He));return n&&Ce.call(t,He)&&o.unshift(t),o=o.filter(r),o},Vn=function e(t,n,r){for(var o=[],s=Array.from(t);s.length;){var i=s.shift();if(!je(i,!1))if(i.tagName==="SLOT"){var c=i.assignedElements(),u=c.length?c:i.children,a=e(u,!0,r);r.flatten?o.push.apply(o,a):o.push({scopeParent:i,candidates:a})}else{var d=Ce.call(i,He);d&&r.filter(i)&&(n||!t.includes(i))&&o.push(i);var m=i.shadowRoot||typeof r.getShadowRoot=="function"&&r.getShadowRoot(i),h=!je(m,!1)&&(!r.shadowRootFilter||r.shadowRootFilter(i));if(m&&h){var l=e(m===!0?i.children:m.children,!0,r);r.flatten?o.push.apply(o,l):o.push({scopeParent:i,candidates:l})}else s.unshift.apply(s,i.children)}}return o},rn=function(t){return!isNaN(parseInt(t.getAttribute("tabindex"),10))},on=function(t){if(!t)throw new Error("No node provided");return t.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||Bn(t))&&!rn(t)?0:t.tabIndex},Hn=function(t,n){var r=on(t);return r<0&&n&&!rn(t)?0:r},Kn=function(t,n){return t.tabIndex===n.tabIndex?t.documentOrder-n.documentOrder:t.tabIndex-n.tabIndex},sn=function(t){return t.tagName==="INPUT"},jn=function(t){return sn(t)&&t.type==="hidden"},qn=function(t){var n=t.tagName==="DETAILS"&&Array.prototype.slice.apply(t.children).some(function(r){return r.tagName==="SUMMARY"});return n},Yn=function(t,n){for(var r=0;rsummary:first-of-type"),i=s?t.parentElement:t;if(Ce.call(i,"details:not([open]) *"))return!0;if(!r||r==="full"||r==="legacy-full"){if(typeof o=="function"){for(var c=t;t;){var u=t.parentElement,a=Ke(t);if(u&&!u.shadowRoot&&o(u)===!0)return At(t);t.assignedSlot?t=t.assignedSlot:!u&&a!==t.ownerDocument?t=a.host:t=u}t=c}if(Gn(t))return!t.getClientRects().length;if(r!=="legacy-full")return!0}else if(r==="non-zero-area")return At(t);return!1},Jn=function(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))for(var n=t.parentElement;n;){if(n.tagName==="FIELDSET"&&n.disabled){for(var r=0;r=0)},tr=function e(t){var n=[],r=[];return t.forEach(function(o,s){var i=!!o.scopeParent,c=i?o.scopeParent:o,u=Hn(c,i),a=i?e(o.candidates):c;u===0?i?n.push.apply(n,a):n.push(c):r.push({documentOrder:s,tabIndex:u,item:o,isScope:i,content:a})}),r.sort(Kn).reduce(function(o,s){return s.isScope?o.push.apply(o,s.content):o.push(s.content),o},[]).concat(n)},Ge=function(t,n){n=n||{};var r;return n.getShadowRoot?r=Vn([t],n.includeContainer,{filter:gt.bind(null,n),flatten:!1,getShadowRoot:n.getShadowRoot,shadowRootFilter:er}):r=_n(t,n.includeContainer,gt.bind(null,n)),tr(r)},nr=function(t,n){if(n=n||{},!t)throw new Error("No node provided");return Ce.call(t,He)===!1?!1:gt(n,t)};function St(e,t,n){let{reference:r,floating:o}=e;const s=me(t),i=Rt(t),c=wt(i),u=se(t),a=s==="y",d=r.x+r.width/2-o.width/2,m=r.y+r.height/2-o.height/2,h=r[c]/2-o[c]/2;let l;switch(u){case"top":l={x:d,y:r.y-o.height};break;case"bottom":l={x:d,y:r.y+r.height};break;case"right":l={x:r.x+r.width,y:m};break;case"left":l={x:r.x-o.width,y:m};break;default:l={x:r.x,y:r.y}}switch(Te(t)){case"start":l[i]-=h*(n&&a?-1:1);break;case"end":l[i]+=h*(n&&a?-1:1);break}return l}const rr=async(e,t,n)=>{const{placement:r="bottom",strategy:o="absolute",middleware:s=[],platform:i}=n,c=s.filter(Boolean),u=await(i.isRTL==null?void 0:i.isRTL(t));let a=await i.getElementRects({reference:e,floating:t,strategy:o}),{x:d,y:m}=St(a,r,u),h=r,l={},g=0;for(let p=0;p({name:"arrow",options:e,async fn(t){const{x:n,y:r,placement:o,rects:s,platform:i,elements:c,middlewareData:u}=t,{element:a,padding:d=0}=ie(e,t)||{};if(a==null)return{};const m=tn(d),h={x:n,y:r},l=Rt(o),g=wt(l),p=await i.getDimensions(a),y=l==="y",b=y?"top":"left",E=y?"bottom":"right",v=y?"clientHeight":"clientWidth",x=s.reference[g]+s.reference[l]-h[l]-s.floating[g],P=h[l]-s.reference[l],M=await(i.getOffsetParent==null?void 0:i.getOffsetParent(a));let k=M?M[v]:0;(!k||!await(i.isElement==null?void 0:i.isElement(M)))&&(k=c.floating[v]||s.floating[g]);const L=x/2-P/2,_=k/2-p[g]/2-1,B=fe(m[b],_),N=fe(m[E],_),T=B,V=k-p[g]-N,S=k/2-p[g]/2+L,C=dt(T,S,V),w=!u.arrow&&Te(o)!=null&&S!==C&&s.reference[g]/2-(SS<=0)){var N,T;const S=(((N=s.flip)==null?void 0:N.index)||0)+1,C=k[S];if(C)return{data:{index:S,overflows:B},reset:{placement:C}};let w=(T=B.filter(O=>O.overflows[0]<=0).sort((O,R)=>O.overflows[1]-R.overflows[1])[0])==null?void 0:T.placement;if(!w)switch(l){case"bestFit":{var V;const O=(V=B.filter(R=>{if(M){const A=me(R.placement);return A===E||A==="y"}return!0}).map(R=>[R.placement,R.overflows.filter(A=>A>0).reduce((A,I)=>A+I,0)]).sort((R,A)=>R[1]-A[1])[0])==null?void 0:V[0];O&&(w=O);break}case"initialPlacement":w=c;break}if(o!==w)return{reset:{placement:w}}}return{}}}};function Ot(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Pt(e){return In.some(t=>e[t]>=0)}const sr=function(e){return e===void 0&&(e={}),{name:"hide",options:e,async fn(t){const{rects:n}=t,{strategy:r="referenceHidden",...o}=ie(e,t);switch(r){case"referenceHidden":{const s=await Oe(t,{...o,elementContext:"reference"}),i=Ot(s,n.reference);return{data:{referenceHiddenOffsets:i,referenceHidden:Pt(i)}}}case"escaped":{const s=await Oe(t,{...o,altBoundary:!0}),i=Ot(s,n.floating);return{data:{escapedOffsets:i,escaped:Pt(i)}}}default:return{}}}}};async function cr(e,t){const{placement:n,platform:r,elements:o}=e,s=await(r.isRTL==null?void 0:r.isRTL(o.floating)),i=se(n),c=Te(n),u=me(n)==="y",a=["left","top"].includes(i)?-1:1,d=s&&u?-1:1,m=ie(t,e);let{mainAxis:h,crossAxis:l,alignmentAxis:g}=typeof m=="number"?{mainAxis:m,crossAxis:0,alignmentAxis:null}:{mainAxis:m.mainAxis||0,crossAxis:m.crossAxis||0,alignmentAxis:m.alignmentAxis};return c&&typeof g=="number"&&(l=c==="end"?g*-1:g),u?{x:l*d,y:h*a}:{x:h*a,y:l*d}}const lr=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var n,r;const{x:o,y:s,placement:i,middlewareData:c}=t,u=await cr(t,e);return i===((n=c.offset)==null?void 0:n.placement)&&(r=c.arrow)!=null&&r.alignmentOffset?{}:{x:o+u.x,y:s+u.y,data:{...u,placement:i}}}}},ar=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){const{x:n,y:r,placement:o}=t,{mainAxis:s=!0,crossAxis:i=!1,limiter:c={fn:y=>{let{x:b,y:E}=y;return{x:b,y:E}}},...u}=ie(e,t),a={x:n,y:r},d=await Oe(t,u),m=me(se(o)),h=xt(m);let l=a[h],g=a[m];if(s){const y=h==="y"?"top":"left",b=h==="y"?"bottom":"right",E=l+d[y],v=l-d[b];l=dt(E,l,v)}if(i){const y=m==="y"?"top":"left",b=m==="y"?"bottom":"right",E=g+d[y],v=g-d[b];g=dt(E,g,v)}const p=c.fn({...t,[h]:l,[m]:g});return{...p,data:{x:p.x-n,y:p.y-r,enabled:{[h]:s,[m]:i}}}}}},ur=function(e){return e===void 0&&(e={}),{options:e,fn(t){const{x:n,y:r,placement:o,rects:s,middlewareData:i}=t,{offset:c=0,mainAxis:u=!0,crossAxis:a=!0}=ie(e,t),d={x:n,y:r},m=me(o),h=xt(m);let l=d[h],g=d[m];const p=ie(c,t),y=typeof p=="number"?{mainAxis:p,crossAxis:0}:{mainAxis:0,crossAxis:0,...p};if(u){const v=h==="y"?"height":"width",x=s.reference[h]-s.floating[v]+y.mainAxis,P=s.reference[h]+s.reference[v]-y.mainAxis;lP&&(l=P)}if(a){var b,E;const v=h==="y"?"width":"height",x=["top","left"].includes(se(o)),P=s.reference[m]-s.floating[v]+(x&&((b=i.offset)==null?void 0:b[m])||0)+(x?0:y.crossAxis),M=s.reference[m]+s.reference[v]+(x?0:((E=i.offset)==null?void 0:E[m])||0)-(x?y.crossAxis:0);gM&&(g=M)}return{[h]:l,[m]:g}}}},fr=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){var n,r;const{placement:o,rects:s,platform:i,elements:c}=t,{apply:u=()=>{},...a}=ie(e,t),d=await Oe(t,a),m=se(o),h=Te(o),l=me(o)==="y",{width:g,height:p}=s.floating;let y,b;m==="top"||m==="bottom"?(y=m,b=h===(await(i.isRTL==null?void 0:i.isRTL(c.floating))?"start":"end")?"left":"right"):(b=m,y=h==="end"?"top":"bottom");const E=p-d.top-d.bottom,v=g-d.left-d.right,x=fe(p-d[y],E),P=fe(g-d[b],v),M=!t.middlewareData.shift;let k=x,L=P;if((n=t.middlewareData.shift)!=null&&n.enabled.x&&(L=v),(r=t.middlewareData.shift)!=null&&r.enabled.y&&(k=E),M&&!h){const B=Q(d.left,0),N=Q(d.right,0),T=Q(d.top,0),V=Q(d.bottom,0);l?L=g-2*(B!==0||N!==0?B+N:Q(d.left,d.right)):k=p-2*(T!==0||V!==0?T+V:Q(d.top,d.bottom))}await u({...t,availableWidth:L,availableHeight:k});const _=await i.getDimensions(c.floating);return g!==_.width||p!==_.height?{reset:{rects:!0}}:{}}}};function cn(e){const t=ee(e);let n=parseFloat(t.width)||0,r=parseFloat(t.height)||0;const o=Y(e),s=o?e.offsetWidth:n,i=o?e.offsetHeight:r,c=Be(n)!==s||Be(r)!==i;return c&&(n=s,r=i),{width:n,height:r,$:c}}function Et(e){return H(e)?e:e.contextElement}function Re(e){const t=Et(e);if(!Y(t))return de(1);const n=t.getBoundingClientRect(),{width:r,height:o,$:s}=cn(t);let i=(s?Be(n.width):n.width)/r,c=(s?Be(n.height):n.height)/o;return(!i||!Number.isFinite(i))&&(i=1),(!c||!Number.isFinite(c))&&(c=1),{x:i,y:c}}const dr=de(0);function ln(e){const t=J(e);return!yt()||!t.visualViewport?dr:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function mr(e,t,n){return t===void 0&&(t=!1),!n||t&&n!==J(e)?!1:t}function ve(e,t,n,r){t===void 0&&(t=!1),n===void 0&&(n=!1);const o=e.getBoundingClientRect(),s=Et(e);let i=de(1);t&&(r?H(r)&&(i=Re(r)):i=Re(e));const c=mr(s,n,r)?ln(s):de(0);let u=(o.left+c.x)/i.x,a=(o.top+c.y)/i.y,d=o.width/i.x,m=o.height/i.y;if(s){const h=J(s),l=r&&H(r)?J(r):r;let g=h,p=at(g);for(;p&&r&&l!==g;){const y=Re(p),b=p.getBoundingClientRect(),E=ee(p),v=b.left+(p.clientLeft+parseFloat(E.paddingLeft))*y.x,x=b.top+(p.clientTop+parseFloat(E.paddingTop))*y.y;u*=y.x,a*=y.y,d*=y.x,m*=y.y,u+=v,a+=x,g=J(p),p=at(g)}}return Ve({width:d,height:m,x:u,y:a})}function gr(e){let{elements:t,rect:n,offsetParent:r,strategy:o}=e;const s=o==="fixed",i=ne(r),c=t?Xe(t.floating):!1;if(r===i||c&&s)return n;let u={scrollLeft:0,scrollTop:0},a=de(1);const d=de(0),m=Y(r);if((m||!m&&!s)&&((ge(r)!=="body"||Me(i))&&(u=Ue(r)),Y(r))){const h=ve(r);a=Re(r),d.x=h.x+r.clientLeft,d.y=h.y+r.clientTop}return{width:n.width*a.x,height:n.height*a.y,x:n.x*a.x-u.scrollLeft*a.x+d.x,y:n.y*a.y-u.scrollTop*a.y+d.y}}function pr(e){return Array.from(e.getClientRects())}function pt(e,t){const n=Ue(e).scrollLeft;return t?t.left+n:ve(ne(e)).left+n}function hr(e){const t=ne(e),n=Ue(e),r=e.ownerDocument.body,o=Q(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),s=Q(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight);let i=-n.scrollLeft+pt(e);const c=-n.scrollTop;return ee(r).direction==="rtl"&&(i+=Q(t.clientWidth,r.clientWidth)-o),{width:o,height:s,x:i,y:c}}function vr(e,t){const n=J(e),r=ne(e),o=n.visualViewport;let s=r.clientWidth,i=r.clientHeight,c=0,u=0;if(o){s=o.width,i=o.height;const a=yt();(!a||a&&t==="fixed")&&(c=o.offsetLeft,u=o.offsetTop)}return{width:s,height:i,x:c,y:u}}function br(e,t){const n=ve(e,!0,t==="fixed"),r=n.top+e.clientTop,o=n.left+e.clientLeft,s=Y(e)?Re(e):de(1),i=e.clientWidth*s.x,c=e.clientHeight*s.y,u=o*s.x,a=r*s.y;return{width:i,height:c,x:u,y:a}}function It(e,t,n){let r;if(t==="viewport")r=vr(e,n);else if(t==="document")r=hr(ne(e));else if(H(t))r=br(t,n);else{const o=ln(e);r={...t,x:t.x-o.x,y:t.y-o.y}}return Ve(r)}function an(e,t){const n=oe(e);return n===t||!H(n)||ue(n)?!1:ee(n).position==="fixed"||an(n,t)}function yr(e,t){const n=t.get(e);if(n)return n;let r=ae(e,[],!1).filter(c=>H(c)&&ge(c)!=="body"),o=null;const s=ee(e).position==="fixed";let i=s?oe(e):e;for(;H(i)&&!ue(i);){const c=ee(i),u=bt(i);!u&&c.position==="fixed"&&(o=null),(s?!u&&!o:!u&&c.position==="static"&&!!o&&["absolute","fixed"].includes(o.position)||Me(i)&&!u&&an(e,i))?r=r.filter(d=>d!==i):o=c,i=oe(i)}return t.set(e,r),r}function xr(e){let{element:t,boundary:n,rootBoundary:r,strategy:o}=e;const i=[...n==="clippingAncestors"?Xe(t)?[]:yr(t,this._c):[].concat(n),r],c=i[0],u=i.reduce((a,d)=>{const m=It(t,d,o);return a.top=Q(m.top,a.top),a.right=fe(m.right,a.right),a.bottom=fe(m.bottom,a.bottom),a.left=Q(m.left,a.left),a},It(t,c,o));return{width:u.right-u.left,height:u.bottom-u.top,x:u.left,y:u.top}}function wr(e){const{width:t,height:n}=cn(e);return{width:t,height:n}}function Rr(e,t,n){const r=Y(t),o=ne(t),s=n==="fixed",i=ve(e,!0,s,t);let c={scrollLeft:0,scrollTop:0};const u=de(0);if(r||!r&&!s)if((ge(t)!=="body"||Me(o))&&(c=Ue(t)),r){const l=ve(t,!0,s,t);u.x=l.x+t.clientLeft,u.y=l.y+t.clientTop}else o&&(u.x=pt(o));let a=0,d=0;if(o&&!r&&!s){const l=o.getBoundingClientRect();d=l.top+c.scrollTop,a=l.left+c.scrollLeft-pt(o,l)}const m=i.left+c.scrollLeft-u.x-a,h=i.top+c.scrollTop-u.y-d;return{x:m,y:h,width:i.width,height:i.height}}function rt(e){return ee(e).position==="static"}function Mt(e,t){if(!Y(e)||ee(e).position==="fixed")return null;if(t)return t(e);let n=e.offsetParent;return ne(e)===n&&(n=n.ownerDocument.body),n}function un(e,t){const n=J(e);if(Xe(e))return n;if(!Y(e)){let o=oe(e);for(;o&&!ue(o);){if(H(o)&&!rt(o))return o;o=oe(o)}return n}let r=Mt(e,t);for(;r&&wn(r)&&rt(r);)r=Mt(r,t);return r&&ue(r)&&rt(r)&&!bt(r)?n:r||Rn(e)||n}const Er=async function(e){const t=this.getOffsetParent||un,n=this.getDimensions,r=await n(e.floating);return{reference:Rr(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};function Cr(e){return ee(e).direction==="rtl"}const Tr={convertOffsetParentRelativeRectToViewportRelativeRect:gr,getDocumentElement:ne,getClippingRect:xr,getOffsetParent:un,getElementRects:Er,getClientRects:pr,getDimensions:wr,getScale:Re,isElement:H,isRTL:Cr};function Ar(e,t){let n=null,r;const o=ne(e);function s(){var c;clearTimeout(r),(c=n)==null||c.disconnect(),n=null}function i(c,u){c===void 0&&(c=!1),u===void 0&&(u=1),s();const{left:a,top:d,width:m,height:h}=e.getBoundingClientRect();if(c||t(),!m||!h)return;const l=Fe(d),g=Fe(o.clientWidth-(a+m)),p=Fe(o.clientHeight-(d+h)),y=Fe(a),E={rootMargin:-l+"px "+-g+"px "+-p+"px "+-y+"px",threshold:Q(0,fe(1,u))||1};let v=!0;function x(P){const M=P[0].intersectionRatio;if(M!==u){if(!v)return i();M?i(!1,M):r=setTimeout(()=>{i(!1,1e-7)},1e3)}v=!1}try{n=new IntersectionObserver(x,{...E,root:o.ownerDocument})}catch{n=new IntersectionObserver(x,E)}n.observe(e)}return i(!0),s}function so(e,t,n,r){r===void 0&&(r={});const{ancestorScroll:o=!0,ancestorResize:s=!0,elementResize:i=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:u=!1}=r,a=Et(e),d=o||s?[...a?ae(a):[],...ae(t)]:[];d.forEach(b=>{o&&b.addEventListener("scroll",n,{passive:!0}),s&&b.addEventListener("resize",n)});const m=a&&c?Ar(a,n):null;let h=-1,l=null;i&&(l=new ResizeObserver(b=>{let[E]=b;E&&E.target===a&&l&&(l.unobserve(t),cancelAnimationFrame(h),h=requestAnimationFrame(()=>{var v;(v=l)==null||v.observe(t)})),n()}),a&&!u&&l.observe(a),l.observe(t));let g,p=u?ve(e):null;u&&y();function y(){const b=ve(e);p&&(b.x!==p.x||b.y!==p.y||b.width!==p.width||b.height!==p.height)&&n(),p=b,g=requestAnimationFrame(y)}return n(),()=>{var b;d.forEach(E=>{o&&E.removeEventListener("scroll",n),s&&E.removeEventListener("resize",n)}),m?.(),(b=l)==null||b.disconnect(),l=null,u&&cancelAnimationFrame(g)}}const Sr=lr,Or=ar,Pr=ir,Ir=fr,Mr=sr,Lt=or,Lr=ur,Dr=(e,t,n)=>{const r=new Map,o={platform:Tr,...n},s={...o.platform,_c:r};return rr(e,t,{...o,platform:s})};var $e=typeof document<"u"?f.useLayoutEffect:f.useEffect;function qe(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if(typeof e=="function"&&e.toString()===t.toString())return!0;let n,r,o;if(e&&t&&typeof e=="object"){if(Array.isArray(e)){if(n=e.length,n!==t.length)return!1;for(r=n;r--!==0;)if(!qe(e[r],t[r]))return!1;return!0}if(o=Object.keys(e),n=o.length,n!==Object.keys(t).length)return!1;for(r=n;r--!==0;)if(!{}.hasOwnProperty.call(t,o[r]))return!1;for(r=n;r--!==0;){const s=o[r];if(!(s==="_owner"&&e.$$typeof)&&!qe(e[s],t[s]))return!1}return!0}return e!==e&&t!==t}function fn(e){return typeof window>"u"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function Dt(e,t){const n=fn(e);return Math.round(t*n)/n}function ot(e){const t=f.useRef(e);return $e(()=>{t.current=e}),t}function Fr(e){e===void 0&&(e={});const{placement:t="bottom",strategy:n="absolute",middleware:r=[],platform:o,elements:{reference:s,floating:i}={},transform:c=!0,whileElementsMounted:u,open:a}=e,[d,m]=f.useState({x:0,y:0,strategy:n,placement:t,middlewareData:{},isPositioned:!1}),[h,l]=f.useState(r);qe(h,r)||l(r);const[g,p]=f.useState(null),[y,b]=f.useState(null),E=f.useCallback(R=>{R!==M.current&&(M.current=R,p(R))},[]),v=f.useCallback(R=>{R!==k.current&&(k.current=R,b(R))},[]),x=s||g,P=i||y,M=f.useRef(null),k=f.useRef(null),L=f.useRef(d),_=u!=null,B=ot(u),N=ot(o),T=ot(a),V=f.useCallback(()=>{if(!M.current||!k.current)return;const R={placement:t,strategy:n,middleware:h};N.current&&(R.platform=N.current),Dr(M.current,k.current,R).then(A=>{const I={...A,isPositioned:T.current!==!1};S.current&&!qe(L.current,I)&&(L.current=I,zt.flushSync(()=>{m(I)}))})},[h,t,n,N,T]);$e(()=>{a===!1&&L.current.isPositioned&&(L.current.isPositioned=!1,m(R=>({...R,isPositioned:!1})))},[a]);const S=f.useRef(!1);$e(()=>(S.current=!0,()=>{S.current=!1}),[]),$e(()=>{if(x&&(M.current=x),P&&(k.current=P),x&&P){if(B.current)return B.current(x,P,V);V()}},[x,P,V,B,_]);const C=f.useMemo(()=>({reference:M,floating:k,setReference:E,setFloating:v}),[E,v]),w=f.useMemo(()=>({reference:x,floating:P}),[x,P]),O=f.useMemo(()=>{const R={position:n,left:0,top:0};if(!w.floating)return R;const A=Dt(w.floating,d.x),I=Dt(w.floating,d.y);return c?{...R,transform:"translate("+A+"px, "+I+"px)",...fn(w.floating)>=1.5&&{willChange:"transform"}}:{position:n,left:A,top:I}},[n,c,w.floating,d.x,d.y]);return f.useMemo(()=>({...d,update:V,refs:C,elements:w,floatingStyles:O}),[d,V,C,w,O])}const kr=e=>{function t(n){return{}.hasOwnProperty.call(n,"current")}return{name:"arrow",options:e,fn(n){const{element:r,padding:o}=typeof e=="function"?e(n):e;return r&&t(r)?r.current!=null?Lt({element:r.current,padding:o}).fn(n):{}:r?Lt({element:r,padding:o}).fn(n):{}}}},co=(e,t)=>({...Sr(e),options:[e,t]}),lo=(e,t)=>({...Or(e),options:[e,t]}),ao=(e,t)=>({...Lr(e),options:[e,t]}),uo=(e,t)=>({...Pr(e),options:[e,t]}),fo=(e,t)=>({...Ir(e),options:[e,t]}),mo=(e,t)=>({...Mr(e),options:[e,t]}),go=(e,t)=>({...kr(e),options:[e,t]});function po(e){return f.useMemo(()=>e.every(t=>t==null)?null:t=>{e.forEach(n=>{typeof n=="function"?n(t):n!=null&&(n.current=t)})},e)}const dn={...xn},Nr=dn.useInsertionEffect,$r=Nr||(e=>e());function te(e){const t=f.useRef(()=>{});return $r(()=>{t.current=e}),f.useCallback(function(){for(var n=arguments.length,r=new Array(n),o=0;oe?.focus({preventScroll:n});o?s():Ft=requestAnimationFrame(s)}var q=typeof document<"u"?f.useLayoutEffect:f.useEffect;function Pe(){return Pe=Object.assign?Object.assign.bind():function(e){for(var t=1;t"floating-ui-"+Math.random().toString(36).slice(2,6)+Wr++;function Br(){const[e,t]=f.useState(()=>kt?Nt():void 0);return q(()=>{e==null&&t(Nt())},[]),f.useEffect(()=>{kt=!0},[]),e}const _r=dn.useId,Ze=_r||Br,ho=f.forwardRef(function(t,n){const{context:{placement:r,elements:{floating:o},middlewareData:{arrow:s,shift:i}},width:c=14,height:u=7,tipRadius:a=0,strokeWidth:d=0,staticOffset:m,stroke:h,d:l,style:{transform:g,...p}={},...y}=t,b=Ze(),[E,v]=f.useState(!1);if(q(()=>{if(!o)return;ee(o).direction==="rtl"&&v(!0)},[o]),!o)return null;const[x,P]=r.split("-"),M=x==="top"||x==="bottom";let k=m;(M&&i!=null&&i.x||!M&&i!=null&&i.y)&&(k=null);const L=d*2,_=L/2,B=c/2*(a/-8+1),N=u/2*a/4,T=!!l,V=k&&P==="end"?"bottom":"top";let S=k&&P==="end"?"right":"left";k&&E&&(S=P==="end"?"left":"right");const C=s?.x!=null?k||s.x:"",w=s?.y!=null?k||s.y:"",O=l||"M0,0"+(" H"+c)+(" L"+(c-B)+","+(u-N))+(" Q"+c/2+","+u+" "+B+","+(u-N))+" Z",R={top:T?"rotate(180deg)":"",left:T?"rotate(90deg)":"rotate(-90deg)",bottom:T?"":"rotate(180deg)",right:T?"rotate(-90deg)":"rotate(90deg)"}[x];return f.createElement("svg",Pe({},y,{"aria-hidden":!0,ref:n,width:T?c:c+L,height:c,viewBox:"0 0 "+c+" "+(u>c?u:c),style:{position:"absolute",pointerEvents:"none",[S]:C,[V]:w,[x]:M||T?"100%":"calc(100% - "+L/2+"px)",transform:[R,g].filter(A=>!!A).join(" "),...p}}),L>0&&f.createElement("path",{clipPath:"url(#"+b+")",fill:"none",stroke:h,strokeWidth:L+(l?0:1),d:O}),f.createElement("path",{stroke:L&&!l?y.fill:"none",d:O}),f.createElement("clipPath",{id:b},f.createElement("rect",{x:-_,y:_*(T?-1:1),width:c+L,height:c})))});function Vr(){const e=new Map;return{emit(t,n){var r;(r=e.get(t))==null||r.forEach(o=>o(n))},on(t,n){e.set(t,[...e.get(t)||[],n])},off(t,n){var r;e.set(t,((r=e.get(t))==null?void 0:r.filter(o=>o!==n))||[])}}}const Hr=f.createContext(null),Kr=f.createContext(null),Ct=()=>{var e;return((e=f.useContext(Hr))==null?void 0:e.id)||null},Je=()=>f.useContext(Kr);function be(e){return"data-floating-ui-"+e}function Ee(e){const t=f.useRef(e);return q(()=>{t.current=e}),t}const $t=be("safe-polygon");function We(e,t,n){return n&&!ft(n)?0:typeof e=="number"?e:e?.[t]}function vo(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,dataRef:o,events:s,elements:i}=e,{enabled:c=!0,delay:u=0,handleClose:a=null,mouseOnly:d=!1,restMs:m=0,move:h=!0}=t,l=Je(),g=Ct(),p=Ee(a),y=Ee(u),b=Ee(n),E=f.useRef(),v=f.useRef(-1),x=f.useRef(),P=f.useRef(-1),M=f.useRef(!0),k=f.useRef(!1),L=f.useRef(()=>{}),_=f.useCallback(()=>{var C;const w=(C=o.current.openEvent)==null?void 0:C.type;return w?.includes("mouse")&&w!=="mousedown"},[o]);f.useEffect(()=>{if(!c)return;function C(w){let{open:O}=w;O||(clearTimeout(v.current),clearTimeout(P.current),M.current=!0)}return s.on("openchange",C),()=>{s.off("openchange",C)}},[c,s]),f.useEffect(()=>{if(!c||!p.current||!n)return;function C(O){_()&&r(!1,O,"hover")}const w=U(i.floating).documentElement;return w.addEventListener("mouseleave",C),()=>{w.removeEventListener("mouseleave",C)}},[i.floating,n,r,c,p,_]);const B=f.useCallback(function(C,w,O){w===void 0&&(w=!0),O===void 0&&(O="hover");const R=We(y.current,"close",E.current);R&&!x.current?(clearTimeout(v.current),v.current=window.setTimeout(()=>r(!1,C,O),R)):w&&(clearTimeout(v.current),r(!1,C,O))},[y,r]),N=te(()=>{L.current(),x.current=void 0}),T=te(()=>{if(k.current){const C=U(i.floating).body;C.style.pointerEvents="",C.removeAttribute($t),k.current=!1}});f.useEffect(()=>{if(!c)return;function C(){return o.current.openEvent?["click","mousedown"].includes(o.current.openEvent.type):!1}function w(I){if(clearTimeout(v.current),M.current=!1,d&&!ft(E.current)||m>0&&!We(y.current,"open"))return;const K=We(y.current,"open",E.current);K?v.current=window.setTimeout(()=>{b.current||r(!0,I,"hover")},K):r(!0,I,"hover")}function O(I){if(C())return;L.current();const K=U(i.floating);if(clearTimeout(P.current),p.current&&o.current.floatingContext){n||clearTimeout(v.current),x.current=p.current({...o.current.floatingContext,tree:l,x:I.clientX,y:I.clientY,onClose(){T(),N(),B(I,!0,"safe-polygon")}});const pe=x.current;K.addEventListener("mousemove",pe),L.current=()=>{K.removeEventListener("mousemove",pe)};return}(E.current==="touch"?!X(i.floating,I.relatedTarget):!0)&&B(I)}function R(I){C()||o.current.floatingContext&&(p.current==null||p.current({...o.current.floatingContext,tree:l,x:I.clientX,y:I.clientY,onClose(){T(),N(),B(I)}})(I))}if(H(i.domReference)){var A;const I=i.domReference;return n&&I.addEventListener("mouseleave",R),(A=i.floating)==null||A.addEventListener("mouseleave",R),h&&I.addEventListener("mousemove",w,{once:!0}),I.addEventListener("mouseenter",w),I.addEventListener("mouseleave",O),()=>{var K;n&&I.removeEventListener("mouseleave",R),(K=i.floating)==null||K.removeEventListener("mouseleave",R),h&&I.removeEventListener("mousemove",w),I.removeEventListener("mouseenter",w),I.removeEventListener("mouseleave",O)}}},[i,c,e,d,m,h,B,N,T,r,n,b,l,y,p,o]),q(()=>{var C;if(c&&n&&(C=p.current)!=null&&C.__options.blockPointerEvents&&_()){k.current=!0;const O=i.floating;if(H(i.domReference)&&O){var w;const R=U(i.floating).body;R.setAttribute($t,"");const A=i.domReference,I=l==null||(w=l.nodesRef.current.find(K=>K.id===g))==null||(w=w.context)==null?void 0:w.elements.floating;return I&&(I.style.pointerEvents=""),R.style.pointerEvents="none",A.style.pointerEvents="auto",O.style.pointerEvents="auto",()=>{R.style.pointerEvents="",A.style.pointerEvents="",O.style.pointerEvents=""}}}},[c,n,g,i,l,p,_]),q(()=>{n||(E.current=void 0,N(),T())},[n,N,T]),f.useEffect(()=>()=>{N(),clearTimeout(v.current),clearTimeout(P.current),T()},[c,i.domReference,N,T]);const V=f.useMemo(()=>{function C(w){E.current=w.pointerType}return{onPointerDown:C,onPointerEnter:C,onMouseMove(w){const{nativeEvent:O}=w;function R(){!M.current&&!b.current&&r(!0,O,"hover")}d&&!ft(E.current)||n||m===0||(clearTimeout(P.current),E.current==="touch"?R():P.current=window.setTimeout(R,m))}}},[d,r,n,b,m]),S=f.useMemo(()=>({onMouseEnter(){clearTimeout(v.current)},onMouseLeave(C){B(C.nativeEvent,!1)}}),[B]);return f.useMemo(()=>c?{reference:V,floating:S}:{},[c,V,S])}const ht=()=>{},mn=f.createContext({delay:0,initialDelay:0,timeoutMs:0,currentId:null,setCurrentId:ht,setState:ht,isInstantPhase:!1}),jr=()=>f.useContext(mn);function bo(e){const{children:t,delay:n,timeoutMs:r=0}=e,[o,s]=f.useReducer((u,a)=>({...u,...a}),{delay:n,timeoutMs:r,initialDelay:n,currentId:null,isInstantPhase:!1}),i=f.useRef(null),c=f.useCallback(u=>{s({currentId:u})},[]);return q(()=>{o.currentId?i.current===null?i.current=o.currentId:o.isInstantPhase||s({isInstantPhase:!0}):(o.isInstantPhase&&s({isInstantPhase:!1}),i.current=null)},[o.currentId,o.isInstantPhase]),f.createElement(mn.Provider,{value:f.useMemo(()=>({...o,setState:s,setCurrentId:c}),[o,c])},t)}function yo(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,floatingId:o}=e,{id:s}=t,i=s??o,c=jr(),{currentId:u,setCurrentId:a,initialDelay:d,setState:m,timeoutMs:h}=c;return q(()=>{u&&(m({delay:{open:1,close:We(d,"close")}}),u!==i&&r(!1))},[i,r,m,u,d]),q(()=>{function l(){r(!1),m({delay:d,currentId:null})}if(u&&!n&&u===i){if(h){const g=window.setTimeout(l,h);return()=>{clearTimeout(g)}}l()}},[n,m,u,i,r,d,h]),q(()=>{a===ht||!n||a(i)},[n,a,i]),c}function qr(e,t){var n;let r=[],o=(n=e.find(s=>s.id===t))==null?void 0:n.parentId;for(;o;){const s=e.find(i=>i.id===o);o=s?.parentId,s&&(r=r.concat(s))}return r}function Ae(e,t){let n=e.filter(o=>{var s;return o.parentId===t&&((s=o.context)==null?void 0:s.open)}),r=n;for(;r.length;)r=e.filter(o=>{var s;return(s=r)==null?void 0:s.some(i=>{var c;return o.parentId===i.id&&((c=o.context)==null?void 0:c.open)})}),n=n.concat(r);return n}let we=new WeakMap,ke=new WeakSet,Ne={},it=0;const Yr=()=>typeof HTMLElement<"u"&&"inert"in HTMLElement.prototype,gn=e=>e&&(e.host||gn(e.parentNode)),zr=(e,t)=>t.map(n=>{if(e.contains(n))return n;const r=gn(n);return e.contains(r)?r:null}).filter(n=>n!=null);function Xr(e,t,n,r){const o="data-floating-ui-inert",s=r?"inert":n?"aria-hidden":null,i=zr(t,e),c=new Set,u=new Set(i),a=[];Ne[o]||(Ne[o]=new WeakMap);const d=Ne[o];i.forEach(m),h(t),c.clear();function m(l){!l||c.has(l)||(c.add(l),l.parentNode&&m(l.parentNode))}function h(l){!l||u.has(l)||[].forEach.call(l.children,g=>{if(ge(g)!=="script")if(c.has(g))h(g);else{const p=s?g.getAttribute(s):null,y=p!==null&&p!=="false",b=(we.get(g)||0)+1,E=(d.get(g)||0)+1;we.set(g,b),d.set(g,E),a.push(g),b===1&&y&&ke.add(g),E===1&&g.setAttribute(o,""),!y&&s&&g.setAttribute(s,"true")}})}return it++,()=>{a.forEach(l=>{const g=(we.get(l)||0)-1,p=(d.get(l)||0)-1;we.set(l,g),d.set(l,p),g||(!ke.has(l)&&s&&l.removeAttribute(s),ke.delete(l)),p||l.removeAttribute(o)}),it--,it||(we=new WeakMap,we=new WeakMap,ke=new WeakSet,Ne={})}}function Wt(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!1);const r=U(e[0]).body;return Xr(e.concat(Array.from(r.querySelectorAll("[aria-live]"))),r,t,n)}const Ie=()=>({getShadowRoot:!0,displayCheck:typeof ResizeObserver=="function"&&ResizeObserver.toString().includes("[native code]")?"full":"none"});function pn(e,t){const n=Ge(e,Ie());t==="prev"&&n.reverse();const r=n.indexOf(re(U(e)));return n.slice(r+1)[0]}function hn(){return pn(document.body,"next")}function vn(){return pn(document.body,"prev")}function Se(e,t){const n=t||e.currentTarget,r=e.relatedTarget;return!r||!X(n,r)}function Ur(e){Ge(e,Ie()).forEach(n=>{n.dataset.tabindex=n.getAttribute("tabindex")||"",n.setAttribute("tabindex","-1")})}function Bt(e){e.querySelectorAll("[data-tabindex]").forEach(n=>{const r=n.dataset.tabindex;delete n.dataset.tabindex,r?n.setAttribute("tabindex",r):n.removeAttribute("tabindex")})}const Qe={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"fixed",whiteSpace:"nowrap",width:"1px",top:0,left:0};let Gr;function _t(e){e.key==="Tab"&&(e.target,clearTimeout(Gr))}const Ye=f.forwardRef(function(t,n){const[r,o]=f.useState();q(()=>(Qt()&&o("button"),document.addEventListener("keydown",_t),()=>{document.removeEventListener("keydown",_t)}),[]);const s={ref:n,tabIndex:0,role:r,"aria-hidden":r?void 0:!0,[be("focus-guard")]:"",style:Qe};return f.createElement("span",Pe({},t,s))}),bn=f.createContext(null),Vt=be("portal");function Zr(e){e===void 0&&(e={});const{id:t,root:n}=e,r=Ze(),o=yn(),[s,i]=f.useState(null),c=f.useRef(null);return q(()=>()=>{s?.remove(),queueMicrotask(()=>{c.current=null})},[s]),q(()=>{if(!r||c.current)return;const u=t?document.getElementById(t):null;if(!u)return;const a=document.createElement("div");a.id=r,a.setAttribute(Vt,""),u.appendChild(a),c.current=a,i(a)},[t,r]),q(()=>{if(!r||c.current)return;let u=n||o?.portalNode;u&&!H(u)&&(u=u.current),u=u||document.body;let a=null;t&&(a=document.createElement("div"),a.id=t,u.appendChild(a));const d=document.createElement("div");d.id=r,d.setAttribute(Vt,""),u=a||u,u.appendChild(d),c.current=d,i(d)},[t,n,r,o]),s}function xo(e){const{children:t,id:n,root:r=null,preserveTabOrder:o=!0}=e,s=Zr({id:n,root:r}),[i,c]=f.useState(null),u=f.useRef(null),a=f.useRef(null),d=f.useRef(null),m=f.useRef(null),h=i?.modal,l=i?.open,g=!!i&&!i.modal&&i.open&&o&&!!(r||s);return f.useEffect(()=>{if(!s||!o||h)return;function p(y){s&&Se(y)&&(y.type==="focusin"?Bt:Ur)(s)}return s.addEventListener("focusin",p,!0),s.addEventListener("focusout",p,!0),()=>{s.removeEventListener("focusin",p,!0),s.removeEventListener("focusout",p,!0)}},[s,o,h]),f.useEffect(()=>{s&&(l||Bt(s))},[l,s]),f.createElement(bn.Provider,{value:f.useMemo(()=>({preserveTabOrder:o,beforeOutsideRef:u,afterOutsideRef:a,beforeInsideRef:d,afterInsideRef:m,portalNode:s,setFocusManagerState:c}),[o,s])},g&&s&&f.createElement(Ye,{"data-type":"outside",ref:u,onFocus:p=>{if(Se(p,s)){var y;(y=d.current)==null||y.focus()}else{const b=vn()||i?.refs.domReference.current;b?.focus()}}}),g&&s&&f.createElement("span",{"aria-owns":s.id,style:Qe}),s&&zt.createPortal(t,s),g&&s&&f.createElement(Ye,{"data-type":"outside",ref:a,onFocus:p=>{if(Se(p,s)){var y;(y=m.current)==null||y.focus()}else{const b=hn()||i?.refs.domReference.current;b?.focus(),i?.closeOnFocusOut&&i?.onOpenChange(!1,p.nativeEvent,"focus-out")}}}))}const yn=()=>f.useContext(bn),vt="data-floating-ui-focusable";function Jr(e){return e?e.hasAttribute(vt)?e:e.querySelector("["+vt+"]")||e:null}const Ht=20;let he=[];function st(e){he=he.filter(n=>n.isConnected);let t=e;if(!(!t||ge(t)==="body")){if(!nr(t,Ie())){const n=Ge(t,Ie())[0];n&&(t=n)}he.push(t),he.length>Ht&&(he=he.slice(-Ht))}}function Kt(){return he.slice().reverse().find(e=>e.isConnected)}const Qr=f.forwardRef(function(t,n){return f.createElement("button",Pe({},t,{type:"button",ref:n,tabIndex:-1,style:Qe}))});function wo(e){const{context:t,children:n,disabled:r=!1,order:o=["content"],guards:s=!0,initialFocus:i=0,returnFocus:c=!0,restoreFocus:u=!1,modal:a=!0,visuallyHiddenDismiss:d=!1,closeOnFocusOut:m=!0}=e,{open:h,refs:l,nodeId:g,onOpenChange:p,events:y,dataRef:b,floatingId:E,elements:{domReference:v,floating:x}}=t,P=typeof i=="number"&&i<0,M=Pn(v)&&P,k=Yr()?s:!0,L=Ee(o),_=Ee(i),B=Ee(c),N=Je(),T=yn(),V=f.useRef(null),S=f.useRef(null),C=f.useRef(!1),w=f.useRef(!1),O=f.useRef(-1),R=T!=null,A=Jr(x),I=te(function($){return $===void 0&&($=A),$?Ge($,Ie()):[]}),K=te($=>{const D=I($);return L.current.map(F=>v&&F==="reference"?v:A&&F==="floating"?A:D).filter(Boolean).flat()});f.useEffect(()=>{C.current=!1},[r]),f.useEffect(()=>{if(r||!a)return;function $(F){if(F.key==="Tab"){X(A,re(U(A)))&&I().length===0&&!M&&nt(F);const W=K(),j=le(F);L.current[0]==="reference"&&j===v&&(nt(F),F.shiftKey?xe(W[W.length-1]):xe(W[1])),L.current[1]==="floating"&&j===A&&F.shiftKey&&(nt(F),xe(W[0]))}}const D=U(A);return D.addEventListener("keydown",$),()=>{D.removeEventListener("keydown",$)}},[r,v,A,a,L,M,I,K]),f.useEffect(()=>{if(r||!x)return;function $(D){const F=le(D),j=I().indexOf(F);j!==-1&&(O.current=j)}return x.addEventListener("focusin",$),()=>{x.removeEventListener("focusin",$)}},[r,x,I]),f.useEffect(()=>{if(r||!m)return;function $(){w.current=!0,setTimeout(()=>{w.current=!1})}function D(F){const W=F.relatedTarget;queueMicrotask(()=>{const j=!(X(v,W)||X(x,W)||X(W,x)||X(T?.portalNode,W)||W!=null&&W.hasAttribute(be("focus-guard"))||N&&(Ae(N.nodesRef.current,g).find(G=>{var z,Z;return X((z=G.context)==null?void 0:z.elements.floating,W)||X((Z=G.context)==null?void 0:Z.elements.domReference,W)})||qr(N.nodesRef.current,g).find(G=>{var z,Z;return((z=G.context)==null?void 0:z.elements.floating)===W||((Z=G.context)==null?void 0:Z.elements.domReference)===W})));if(u&&j&&re(U(A))===U(A).body){Y(A)&&A.focus();const G=O.current,z=I(),Z=z[G]||z[z.length-1]||A;Y(Z)&&Z.focus()}(M||!a)&&W&&j&&!w.current&&W!==Kt()&&(C.current=!0,p(!1,F,"focus-out"))})}if(x&&Y(v))return v.addEventListener("focusout",D),v.addEventListener("pointerdown",$),x.addEventListener("focusout",D),()=>{v.removeEventListener("focusout",D),v.removeEventListener("pointerdown",$),x.removeEventListener("focusout",D)}},[r,v,x,A,a,g,N,T,p,m,u,I,M]),f.useEffect(()=>{var $;if(r)return;const D=Array.from((T==null||($=T.portalNode)==null?void 0:$.querySelectorAll("["+be("portal")+"]"))||[]);if(x){const F=[x,...D,V.current,S.current,L.current.includes("reference")||M?v:null].filter(j=>j!=null),W=a||M?Wt(F,k,!k):Wt(F);return()=>{W()}}},[r,v,x,a,L,T,M,k]),q(()=>{if(r||!Y(A))return;const $=U(A),D=re($);queueMicrotask(()=>{const F=K(A),W=_.current,j=(typeof W=="number"?F[W]:W.current)||A,G=X(A,D);!P&&!G&&h&&xe(j,{preventScroll:j===A})})},[r,h,A,P,K,_]),q(()=>{if(r||!A)return;let $=!1;const D=U(A),F=re(D);let j=b.current.openEvent;st(F);function G(Z){let{open:Le,reason:De,event:ce,nested:et}=Z;Le&&(j=ce),De==="escape-key"&&l.domReference.current&&st(l.domReference.current),De==="hover"&&ce.type==="mouseleave"&&(C.current=!0),De==="outside-press"&&(et?(C.current=!1,$=!0):C.current=!(En(ce)||Jt(ce)))}y.on("openchange",G);const z=D.createElement("span");return z.setAttribute("tabindex","-1"),z.setAttribute("aria-hidden","true"),Object.assign(z.style,Qe),R&&v&&v.insertAdjacentElement("afterend",z),()=>{y.off("openchange",G);const Z=re(D),Le=X(x,Z)||N&&Ae(N.nodesRef.current,g).some(et=>{var Tt;return X((Tt=et.context)==null?void 0:Tt.elements.floating,Z)});(Le||j&&["click","mousedown"].includes(j.type))&&l.domReference.current&&st(l.domReference.current);const ce=Kt()||z;queueMicrotask(()=>{B.current&&!C.current&&Y(ce)&&(!(ce!==Z&&Z!==D.body)||Le)&&ce.focus({preventScroll:$}),z.remove()})}},[r,x,A,B,b,l,y,N,g,R,v]),q(()=>{if(!r&&T)return T.setFocusManagerState({modal:a,closeOnFocusOut:m,open:h,onOpenChange:p,refs:l}),()=>{T.setFocusManagerState(null)}},[r,T,a,h,p,l,m]),q(()=>{if(r||!A||typeof MutationObserver!="function"||P)return;const $=()=>{const F=A.getAttribute("tabindex"),W=I(),j=re(U(x)),G=W.indexOf(j);G!==-1&&(O.current=G),L.current.includes("floating")||j!==l.domReference.current&&W.length===0?F!=="0"&&A.setAttribute("tabindex","0"):F!=="-1"&&A.setAttribute("tabindex","-1")};$();const D=new MutationObserver($);return D.observe(A,{childList:!0,subtree:!0,attributes:!0}),()=>{D.disconnect()}},[r,x,A,l,L,I,P]);function ye($){return r||!d||!a?null:f.createElement(Qr,{ref:$==="start"?V:S,onClick:D=>p(!1,D.nativeEvent)},typeof d=="string"?d:"Dismiss")}const pe=!r&&k&&(a?!M:!0)&&(R||a);return f.createElement(f.Fragment,null,pe&&f.createElement(Ye,{"data-type":"inside",ref:T?.beforeInsideRef,onFocus:$=>{if(a){const F=K();xe(o[0]==="reference"?F[0]:F[F.length-1])}else if(T!=null&&T.preserveTabOrder&&T.portalNode)if(C.current=!1,Se($,T.portalNode)){const F=hn()||v;F?.focus()}else{var D;(D=T.beforeOutsideRef.current)==null||D.focus()}}}),!M&&ye("start"),n,ye("end"),pe&&f.createElement(Ye,{"data-type":"inside",ref:T?.afterInsideRef,onFocus:$=>{if(a)xe(K()[0]);else if(T!=null&&T.preserveTabOrder&&T.portalNode)if(m&&(C.current=!0),Se($,T.portalNode)){const F=vn()||v;F?.focus()}else{var D;(D=T.afterOutsideRef.current)==null||D.focus()}}}))}const eo={pointerdown:"onPointerDown",mousedown:"onMouseDown",click:"onClick"},to={pointerdown:"onPointerDownCapture",mousedown:"onMouseDownCapture",click:"onClickCapture"},jt=e=>{var t,n;return{escapeKey:typeof e=="boolean"?e:(t=e?.escapeKey)!=null?t:!1,outsidePress:typeof e=="boolean"?e:(n=e?.outsidePress)!=null?n:!0}};function Ro(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,elements:o,dataRef:s}=e,{enabled:i=!0,escapeKey:c=!0,outsidePress:u=!0,outsidePressEvent:a="pointerdown",referencePress:d=!1,referencePressEvent:m="pointerdown",ancestorScroll:h=!1,bubbles:l,capture:g}=t,p=Je(),y=te(typeof u=="function"?u:()=>!1),b=typeof u=="function"?y:u,E=f.useRef(!1),v=f.useRef(!1),{escapeKey:x,outsidePress:P}=jt(l),{escapeKey:M,outsidePress:k}=jt(g),L=te(S=>{var C;if(!n||!i||!c||S.key!=="Escape")return;const w=(C=s.current.floatingContext)==null?void 0:C.nodeId,O=p?Ae(p.nodesRef.current,w):[];if(!x&&(S.stopPropagation(),O.length>0)){let R=!0;if(O.forEach(A=>{var I;if((I=A.context)!=null&&I.open&&!A.context.dataRef.current.__escapeKeyBubbles){R=!1;return}}),!R)return}r(!1,An(S)?S.nativeEvent:S,"escape-key")}),_=te(S=>{var C;const w=()=>{var O;L(S),(O=le(S))==null||O.removeEventListener("keydown",w)};(C=le(S))==null||C.addEventListener("keydown",w)}),B=te(S=>{var C;const w=E.current;E.current=!1;const O=v.current;if(v.current=!1,a==="click"&&O||w||typeof b=="function"&&!b(S))return;const R=le(S),A="["+be("inert")+"]",I=U(o.floating).querySelectorAll(A);let K=H(R)?R:null;for(;K&&!ue(K);){const D=oe(K);if(ue(D)||!H(D))break;K=D}if(I.length&&H(R)&&!Sn(R)&&!X(R,o.floating)&&Array.from(I).every(D=>!X(K,D)))return;if(Y(R)&&V){const D=R.clientWidth>0&&R.scrollWidth>R.clientWidth,F=R.clientHeight>0&&R.scrollHeight>R.clientHeight;let W=F&&S.offsetX>R.clientWidth;if(F&&ee(R).direction==="rtl"&&(W=S.offsetX<=R.offsetWidth-R.clientWidth),W||D&&S.offsetY>R.clientHeight)return}const ye=(C=s.current.floatingContext)==null?void 0:C.nodeId,pe=p&&Ae(p.nodesRef.current,ye).some(D=>{var F;return tt(S,(F=D.context)==null?void 0:F.elements.floating)});if(tt(S,o.floating)||tt(S,o.domReference)||pe)return;const $=p?Ae(p.nodesRef.current,ye):[];if($.length>0){let D=!0;if($.forEach(F=>{var W;if((W=F.context)!=null&&W.open&&!F.context.dataRef.current.__outsidePressBubbles){D=!1;return}}),!D)return}r(!1,S,"outside-press")}),N=te(S=>{var C;const w=()=>{var O;B(S),(O=le(S))==null||O.removeEventListener(a,w)};(C=le(S))==null||C.addEventListener(a,w)});f.useEffect(()=>{if(!n||!i)return;s.current.__escapeKeyBubbles=x,s.current.__outsidePressBubbles=P;function S(O){r(!1,O,"ancestor-scroll")}const C=U(o.floating);c&&C.addEventListener("keydown",M?_:L,M),b&&C.addEventListener(a,k?N:B,k);let w=[];return h&&(H(o.domReference)&&(w=ae(o.domReference)),H(o.floating)&&(w=w.concat(ae(o.floating))),!H(o.reference)&&o.reference&&o.reference.contextElement&&(w=w.concat(ae(o.reference.contextElement)))),w=w.filter(O=>{var R;return O!==((R=C.defaultView)==null?void 0:R.visualViewport)}),w.forEach(O=>{O.addEventListener("scroll",S,{passive:!0})}),()=>{c&&C.removeEventListener("keydown",M?_:L,M),b&&C.removeEventListener(a,k?N:B,k),w.forEach(O=>{O.removeEventListener("scroll",S)})}},[s,o,c,b,a,n,r,h,i,x,P,L,M,_,B,k,N]),f.useEffect(()=>{E.current=!1},[b,a]);const T=f.useMemo(()=>({onKeyDown:L,[eo[m]]:S=>{d&&r(!1,S.nativeEvent,"reference-press")}}),[L,r,d,m]),V=f.useMemo(()=>({onKeyDown:L,onMouseDown(){v.current=!0},onMouseUp(){v.current=!0},[to[a]]:()=>{E.current=!0}}),[L,a]);return f.useMemo(()=>i?{reference:T,floating:V}:{},[i,T,V])}function no(e){const{open:t=!1,onOpenChange:n,elements:r}=e,o=Ze(),s=f.useRef({}),[i]=f.useState(()=>Vr()),c=Ct()!=null,[u,a]=f.useState(r.reference),d=te((l,g,p)=>{s.current.openEvent=l?g:void 0,i.emit("openchange",{open:l,event:g,reason:p,nested:c}),n?.(l,g,p)}),m=f.useMemo(()=>({setPositionReference:a}),[]),h=f.useMemo(()=>({reference:u||r.reference||null,floating:r.floating||null,domReference:r.reference}),[u,r.reference,r.floating]);return f.useMemo(()=>({dataRef:s,open:t,onOpenChange:d,elements:h,events:i,floatingId:o,refs:m}),[t,d,h,i,o,m])}function Eo(e){e===void 0&&(e={});const{nodeId:t}=e,n=no({...e,elements:{reference:null,floating:null,...e.elements}}),r=e.rootContext||n,o=r.elements,[s,i]=f.useState(null),[c,u]=f.useState(null),d=o?.reference||s,m=f.useRef(null),h=Je();q(()=>{d&&(m.current=d)},[d]);const l=Fr({...e,elements:{...o,...c&&{reference:c}}}),g=f.useCallback(v=>{const x=H(v)?{getBoundingClientRect:()=>v.getBoundingClientRect(),contextElement:v}:v;u(x),l.refs.setReference(x)},[l.refs]),p=f.useCallback(v=>{(H(v)||v===null)&&(m.current=v,i(v)),(H(l.refs.reference.current)||l.refs.reference.current===null||v!==null&&!H(v))&&l.refs.setReference(v)},[l.refs]),y=f.useMemo(()=>({...l.refs,setReference:p,setPositionReference:g,domReference:m}),[l.refs,p,g]),b=f.useMemo(()=>({...l.elements,domReference:d}),[l.elements,d]),E=f.useMemo(()=>({...l,...r,refs:y,elements:b,nodeId:t}),[l,y,b,t,r]);return q(()=>{r.dataRef.current.floatingContext=E;const v=h?.nodesRef.current.find(x=>x.id===t);v&&(v.context=E)}),f.useMemo(()=>({...l,context:E,refs:y,elements:b}),[l,y,b,E])}function Co(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,events:o,dataRef:s,elements:i}=e,{enabled:c=!0,visibleOnly:u=!0}=t,a=f.useRef(!1),d=f.useRef(),m=f.useRef(!0);f.useEffect(()=>{if(!c)return;const l=J(i.domReference);function g(){!n&&Y(i.domReference)&&i.domReference===re(U(i.domReference))&&(a.current=!0)}function p(){m.current=!0}return l.addEventListener("blur",g),l.addEventListener("keydown",p,!0),()=>{l.removeEventListener("blur",g),l.removeEventListener("keydown",p,!0)}},[i.domReference,n,c]),f.useEffect(()=>{if(!c)return;function l(g){let{reason:p}=g;(p==="reference-press"||p==="escape-key")&&(a.current=!0)}return o.on("openchange",l),()=>{o.off("openchange",l)}},[o,c]),f.useEffect(()=>()=>{clearTimeout(d.current)},[]);const h=f.useMemo(()=>({onPointerDown(l){Jt(l.nativeEvent)||(m.current=!1)},onMouseLeave(){a.current=!1},onFocus(l){if(a.current)return;const g=le(l.nativeEvent);if(u&&H(g))try{if(Qt()&&Cn())throw Error();if(!g.matches(":focus-visible"))return}catch{if(!m.current&&!en(g))return}r(!0,l.nativeEvent,"focus")},onBlur(l){a.current=!1;const g=l.relatedTarget,p=l.nativeEvent,y=H(g)&&g.hasAttribute(be("focus-guard"))&&g.getAttribute("data-type")==="outside";d.current=window.setTimeout(()=>{var b;const E=re(i.domReference?i.domReference.ownerDocument:document);!g&&E===i.domReference||X((b=s.current.floatingContext)==null?void 0:b.refs.floating.current,E)||X(i.domReference,E)||y||r(!1,p,"focus")})}}),[s,i.domReference,r,u]);return f.useMemo(()=>c?{reference:h}:{},[c,h])}const qt="active",Yt="selected";function ct(e,t,n){const r=new Map,o=n==="item";let s=e;if(o&&e){const{[qt]:i,[Yt]:c,...u}=e;s=u}return{...n==="floating"&&{tabIndex:-1,[vt]:""},...s,...t.map(i=>{const c=i?i[n]:null;return typeof c=="function"?e?c(e):null:c}).concat(e).reduce((i,c)=>(c&&Object.entries(c).forEach(u=>{let[a,d]=u;if(!(o&&[qt,Yt].includes(a)))if(a.indexOf("on")===0){if(r.has(a)||r.set(a,[]),typeof d=="function"){var m;(m=r.get(a))==null||m.push(d),i[a]=function(){for(var h,l=arguments.length,g=new Array(l),p=0;py(...g)).find(y=>y!==void 0)}}}else i[a]=d}),i),{})}}function To(e){e===void 0&&(e=[]);const t=e.map(c=>c?.reference),n=e.map(c=>c?.floating),r=e.map(c=>c?.item),o=f.useCallback(c=>ct(c,e,"reference"),t),s=f.useCallback(c=>ct(c,e,"floating"),n),i=f.useCallback(c=>ct(c,e,"item"),r);return f.useMemo(()=>({getReferenceProps:o,getFloatingProps:s,getItemProps:i}),[o,s,i])}const ro=new Map([["select","listbox"],["combobox","listbox"],["label",!1]]);function Ao(e,t){var n;t===void 0&&(t={});const{open:r,floatingId:o}=e,{enabled:s=!0,role:i="dialog"}=t,c=(n=ro.get(i))!=null?n:i,u=Ze(),d=Ct()!=null,m=f.useMemo(()=>c==="tooltip"||i==="label"?{["aria-"+(i==="label"?"labelledby":"describedby")]:r?o:void 0}:{"aria-expanded":r?"true":"false","aria-haspopup":c==="alertdialog"?"dialog":c,"aria-controls":r?o:void 0,...c==="listbox"&&{role:"combobox"},...c==="menu"&&{id:u},...c==="menu"&&d&&{role:"menuitem"},...i==="select"&&{"aria-autocomplete":"none"},...i==="combobox"&&{"aria-autocomplete":"list"}},[c,o,d,r,u,i]),h=f.useMemo(()=>{const g={id:o,...c&&{role:c}};return c==="tooltip"||i==="label"?g:{...g,...c==="menu"&&{"aria-labelledby":u}}},[c,o,u,i]),l=f.useCallback(g=>{let{active:p,selected:y}=g;const b={role:"option",...p&&{id:o+"-option"}};switch(i){case"select":return{...b,"aria-selected":p&&y};case"combobox":return{...b,...p&&{"aria-selected":!0}}}return{}},[o,i]);return f.useMemo(()=>s?{reference:m,floating:h,item:l}:{},[s,m,h,l])}export{xo as F,po as a,Eo as b,Ao as c,To as d,so as e,go as f,wo as g,ho as h,bo as i,uo as j,yo as k,ao as l,vo as m,Co as n,co as o,Ro as p,Fr as q,fo as r,lo as s,mo as t,Ze as u}; +*/var Wn=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"],He=Wn.join(","),nn=typeof Element>"u",Ce=nn?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,Ke=!nn&&Element.prototype.getRootNode?function(e){var t;return e==null||(t=e.getRootNode)===null||t===void 0?void 0:t.call(e)}:function(e){return e?.ownerDocument},je=function e(t,n){var r;n===void 0&&(n=!0);var o=t==null||(r=t.getAttribute)===null||r===void 0?void 0:r.call(t,"inert"),s=o===""||o==="true",i=s||n&&t&&e(t.parentNode);return i},Bn=function(t){var n,r=t==null||(n=t.getAttribute)===null||n===void 0?void 0:n.call(t,"contenteditable");return r===""||r==="true"},_n=function(t,n,r){if(je(t))return[];var o=Array.prototype.slice.apply(t.querySelectorAll(He));return n&&Ce.call(t,He)&&o.unshift(t),o=o.filter(r),o},Vn=function e(t,n,r){for(var o=[],s=Array.from(t);s.length;){var i=s.shift();if(!je(i,!1))if(i.tagName==="SLOT"){var c=i.assignedElements(),u=c.length?c:i.children,a=e(u,!0,r);r.flatten?o.push.apply(o,a):o.push({scopeParent:i,candidates:a})}else{var d=Ce.call(i,He);d&&r.filter(i)&&(n||!t.includes(i))&&o.push(i);var m=i.shadowRoot||typeof r.getShadowRoot=="function"&&r.getShadowRoot(i),h=!je(m,!1)&&(!r.shadowRootFilter||r.shadowRootFilter(i));if(m&&h){var l=e(m===!0?i.children:m.children,!0,r);r.flatten?o.push.apply(o,l):o.push({scopeParent:i,candidates:l})}else s.unshift.apply(s,i.children)}}return o},rn=function(t){return!isNaN(parseInt(t.getAttribute("tabindex"),10))},on=function(t){if(!t)throw new Error("No node provided");return t.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||Bn(t))&&!rn(t)?0:t.tabIndex},Hn=function(t,n){var r=on(t);return r<0&&n&&!rn(t)?0:r},Kn=function(t,n){return t.tabIndex===n.tabIndex?t.documentOrder-n.documentOrder:t.tabIndex-n.tabIndex},sn=function(t){return t.tagName==="INPUT"},jn=function(t){return sn(t)&&t.type==="hidden"},qn=function(t){var n=t.tagName==="DETAILS"&&Array.prototype.slice.apply(t.children).some(function(r){return r.tagName==="SUMMARY"});return n},Yn=function(t,n){for(var r=0;rsummary:first-of-type"),i=s?t.parentElement:t;if(Ce.call(i,"details:not([open]) *"))return!0;if(!r||r==="full"||r==="legacy-full"){if(typeof o=="function"){for(var c=t;t;){var u=t.parentElement,a=Ke(t);if(u&&!u.shadowRoot&&o(u)===!0)return At(t);t.assignedSlot?t=t.assignedSlot:!u&&a!==t.ownerDocument?t=a.host:t=u}t=c}if(Gn(t))return!t.getClientRects().length;if(r!=="legacy-full")return!0}else if(r==="non-zero-area")return At(t);return!1},Jn=function(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))for(var n=t.parentElement;n;){if(n.tagName==="FIELDSET"&&n.disabled){for(var r=0;r=0)},tr=function e(t){var n=[],r=[];return t.forEach(function(o,s){var i=!!o.scopeParent,c=i?o.scopeParent:o,u=Hn(c,i),a=i?e(o.candidates):c;u===0?i?n.push.apply(n,a):n.push(c):r.push({documentOrder:s,tabIndex:u,item:o,isScope:i,content:a})}),r.sort(Kn).reduce(function(o,s){return s.isScope?o.push.apply(o,s.content):o.push(s.content),o},[]).concat(n)},Ge=function(t,n){n=n||{};var r;return n.getShadowRoot?r=Vn([t],n.includeContainer,{filter:gt.bind(null,n),flatten:!1,getShadowRoot:n.getShadowRoot,shadowRootFilter:er}):r=_n(t,n.includeContainer,gt.bind(null,n)),tr(r)},nr=function(t,n){if(n=n||{},!t)throw new Error("No node provided");return Ce.call(t,He)===!1?!1:gt(n,t)};function St(e,t,n){let{reference:r,floating:o}=e;const s=me(t),i=Rt(t),c=wt(i),u=se(t),a=s==="y",d=r.x+r.width/2-o.width/2,m=r.y+r.height/2-o.height/2,h=r[c]/2-o[c]/2;let l;switch(u){case"top":l={x:d,y:r.y-o.height};break;case"bottom":l={x:d,y:r.y+r.height};break;case"right":l={x:r.x+r.width,y:m};break;case"left":l={x:r.x-o.width,y:m};break;default:l={x:r.x,y:r.y}}switch(Te(t)){case"start":l[i]-=h*(n&&a?-1:1);break;case"end":l[i]+=h*(n&&a?-1:1);break}return l}const rr=async(e,t,n)=>{const{placement:r="bottom",strategy:o="absolute",middleware:s=[],platform:i}=n,c=s.filter(Boolean),u=await(i.isRTL==null?void 0:i.isRTL(t));let a=await i.getElementRects({reference:e,floating:t,strategy:o}),{x:d,y:m}=St(a,r,u),h=r,l={},g=0;for(let p=0;p({name:"arrow",options:e,async fn(t){const{x:n,y:r,placement:o,rects:s,platform:i,elements:c,middlewareData:u}=t,{element:a,padding:d=0}=ie(e,t)||{};if(a==null)return{};const m=tn(d),h={x:n,y:r},l=Rt(o),g=wt(l),p=await i.getDimensions(a),y=l==="y",b=y?"top":"left",E=y?"bottom":"right",v=y?"clientHeight":"clientWidth",x=s.reference[g]+s.reference[l]-h[l]-s.floating[g],P=h[l]-s.reference[l],M=await(i.getOffsetParent==null?void 0:i.getOffsetParent(a));let k=M?M[v]:0;(!k||!await(i.isElement==null?void 0:i.isElement(M)))&&(k=c.floating[v]||s.floating[g]);const L=x/2-P/2,_=k/2-p[g]/2-1,B=fe(m[b],_),N=fe(m[E],_),T=B,V=k-p[g]-N,S=k/2-p[g]/2+L,C=dt(T,S,V),w=!u.arrow&&Te(o)!=null&&S!==C&&s.reference[g]/2-(SS<=0)){var N,T;const S=(((N=s.flip)==null?void 0:N.index)||0)+1,C=k[S];if(C)return{data:{index:S,overflows:B},reset:{placement:C}};let w=(T=B.filter(O=>O.overflows[0]<=0).sort((O,R)=>O.overflows[1]-R.overflows[1])[0])==null?void 0:T.placement;if(!w)switch(l){case"bestFit":{var V;const O=(V=B.filter(R=>{if(M){const A=me(R.placement);return A===E||A==="y"}return!0}).map(R=>[R.placement,R.overflows.filter(A=>A>0).reduce((A,I)=>A+I,0)]).sort((R,A)=>R[1]-A[1])[0])==null?void 0:V[0];O&&(w=O);break}case"initialPlacement":w=c;break}if(o!==w)return{reset:{placement:w}}}return{}}}};function Ot(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Pt(e){return In.some(t=>e[t]>=0)}const sr=function(e){return e===void 0&&(e={}),{name:"hide",options:e,async fn(t){const{rects:n}=t,{strategy:r="referenceHidden",...o}=ie(e,t);switch(r){case"referenceHidden":{const s=await Oe(t,{...o,elementContext:"reference"}),i=Ot(s,n.reference);return{data:{referenceHiddenOffsets:i,referenceHidden:Pt(i)}}}case"escaped":{const s=await Oe(t,{...o,altBoundary:!0}),i=Ot(s,n.floating);return{data:{escapedOffsets:i,escaped:Pt(i)}}}default:return{}}}}};async function cr(e,t){const{placement:n,platform:r,elements:o}=e,s=await(r.isRTL==null?void 0:r.isRTL(o.floating)),i=se(n),c=Te(n),u=me(n)==="y",a=["left","top"].includes(i)?-1:1,d=s&&u?-1:1,m=ie(t,e);let{mainAxis:h,crossAxis:l,alignmentAxis:g}=typeof m=="number"?{mainAxis:m,crossAxis:0,alignmentAxis:null}:{mainAxis:m.mainAxis||0,crossAxis:m.crossAxis||0,alignmentAxis:m.alignmentAxis};return c&&typeof g=="number"&&(l=c==="end"?g*-1:g),u?{x:l*d,y:h*a}:{x:h*a,y:l*d}}const lr=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var n,r;const{x:o,y:s,placement:i,middlewareData:c}=t,u=await cr(t,e);return i===((n=c.offset)==null?void 0:n.placement)&&(r=c.arrow)!=null&&r.alignmentOffset?{}:{x:o+u.x,y:s+u.y,data:{...u,placement:i}}}}},ar=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){const{x:n,y:r,placement:o}=t,{mainAxis:s=!0,crossAxis:i=!1,limiter:c={fn:y=>{let{x:b,y:E}=y;return{x:b,y:E}}},...u}=ie(e,t),a={x:n,y:r},d=await Oe(t,u),m=me(se(o)),h=xt(m);let l=a[h],g=a[m];if(s){const y=h==="y"?"top":"left",b=h==="y"?"bottom":"right",E=l+d[y],v=l-d[b];l=dt(E,l,v)}if(i){const y=m==="y"?"top":"left",b=m==="y"?"bottom":"right",E=g+d[y],v=g-d[b];g=dt(E,g,v)}const p=c.fn({...t,[h]:l,[m]:g});return{...p,data:{x:p.x-n,y:p.y-r,enabled:{[h]:s,[m]:i}}}}}},ur=function(e){return e===void 0&&(e={}),{options:e,fn(t){const{x:n,y:r,placement:o,rects:s,middlewareData:i}=t,{offset:c=0,mainAxis:u=!0,crossAxis:a=!0}=ie(e,t),d={x:n,y:r},m=me(o),h=xt(m);let l=d[h],g=d[m];const p=ie(c,t),y=typeof p=="number"?{mainAxis:p,crossAxis:0}:{mainAxis:0,crossAxis:0,...p};if(u){const v=h==="y"?"height":"width",x=s.reference[h]-s.floating[v]+y.mainAxis,P=s.reference[h]+s.reference[v]-y.mainAxis;lP&&(l=P)}if(a){var b,E;const v=h==="y"?"width":"height",x=["top","left"].includes(se(o)),P=s.reference[m]-s.floating[v]+(x&&((b=i.offset)==null?void 0:b[m])||0)+(x?0:y.crossAxis),M=s.reference[m]+s.reference[v]+(x?0:((E=i.offset)==null?void 0:E[m])||0)-(x?y.crossAxis:0);gM&&(g=M)}return{[h]:l,[m]:g}}}},fr=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){var n,r;const{placement:o,rects:s,platform:i,elements:c}=t,{apply:u=()=>{},...a}=ie(e,t),d=await Oe(t,a),m=se(o),h=Te(o),l=me(o)==="y",{width:g,height:p}=s.floating;let y,b;m==="top"||m==="bottom"?(y=m,b=h===(await(i.isRTL==null?void 0:i.isRTL(c.floating))?"start":"end")?"left":"right"):(b=m,y=h==="end"?"top":"bottom");const E=p-d.top-d.bottom,v=g-d.left-d.right,x=fe(p-d[y],E),P=fe(g-d[b],v),M=!t.middlewareData.shift;let k=x,L=P;if((n=t.middlewareData.shift)!=null&&n.enabled.x&&(L=v),(r=t.middlewareData.shift)!=null&&r.enabled.y&&(k=E),M&&!h){const B=Q(d.left,0),N=Q(d.right,0),T=Q(d.top,0),V=Q(d.bottom,0);l?L=g-2*(B!==0||N!==0?B+N:Q(d.left,d.right)):k=p-2*(T!==0||V!==0?T+V:Q(d.top,d.bottom))}await u({...t,availableWidth:L,availableHeight:k});const _=await i.getDimensions(c.floating);return g!==_.width||p!==_.height?{reset:{rects:!0}}:{}}}};function cn(e){const t=ee(e);let n=parseFloat(t.width)||0,r=parseFloat(t.height)||0;const o=Y(e),s=o?e.offsetWidth:n,i=o?e.offsetHeight:r,c=Be(n)!==s||Be(r)!==i;return c&&(n=s,r=i),{width:n,height:r,$:c}}function Et(e){return H(e)?e:e.contextElement}function Re(e){const t=Et(e);if(!Y(t))return de(1);const n=t.getBoundingClientRect(),{width:r,height:o,$:s}=cn(t);let i=(s?Be(n.width):n.width)/r,c=(s?Be(n.height):n.height)/o;return(!i||!Number.isFinite(i))&&(i=1),(!c||!Number.isFinite(c))&&(c=1),{x:i,y:c}}const dr=de(0);function ln(e){const t=J(e);return!yt()||!t.visualViewport?dr:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function mr(e,t,n){return t===void 0&&(t=!1),!n||t&&n!==J(e)?!1:t}function ve(e,t,n,r){t===void 0&&(t=!1),n===void 0&&(n=!1);const o=e.getBoundingClientRect(),s=Et(e);let i=de(1);t&&(r?H(r)&&(i=Re(r)):i=Re(e));const c=mr(s,n,r)?ln(s):de(0);let u=(o.left+c.x)/i.x,a=(o.top+c.y)/i.y,d=o.width/i.x,m=o.height/i.y;if(s){const h=J(s),l=r&&H(r)?J(r):r;let g=h,p=at(g);for(;p&&r&&l!==g;){const y=Re(p),b=p.getBoundingClientRect(),E=ee(p),v=b.left+(p.clientLeft+parseFloat(E.paddingLeft))*y.x,x=b.top+(p.clientTop+parseFloat(E.paddingTop))*y.y;u*=y.x,a*=y.y,d*=y.x,m*=y.y,u+=v,a+=x,g=J(p),p=at(g)}}return Ve({width:d,height:m,x:u,y:a})}function gr(e){let{elements:t,rect:n,offsetParent:r,strategy:o}=e;const s=o==="fixed",i=ne(r),c=t?Xe(t.floating):!1;if(r===i||c&&s)return n;let u={scrollLeft:0,scrollTop:0},a=de(1);const d=de(0),m=Y(r);if((m||!m&&!s)&&((ge(r)!=="body"||Me(i))&&(u=Ue(r)),Y(r))){const h=ve(r);a=Re(r),d.x=h.x+r.clientLeft,d.y=h.y+r.clientTop}return{width:n.width*a.x,height:n.height*a.y,x:n.x*a.x-u.scrollLeft*a.x+d.x,y:n.y*a.y-u.scrollTop*a.y+d.y}}function pr(e){return Array.from(e.getClientRects())}function pt(e,t){const n=Ue(e).scrollLeft;return t?t.left+n:ve(ne(e)).left+n}function hr(e){const t=ne(e),n=Ue(e),r=e.ownerDocument.body,o=Q(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),s=Q(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight);let i=-n.scrollLeft+pt(e);const c=-n.scrollTop;return ee(r).direction==="rtl"&&(i+=Q(t.clientWidth,r.clientWidth)-o),{width:o,height:s,x:i,y:c}}function vr(e,t){const n=J(e),r=ne(e),o=n.visualViewport;let s=r.clientWidth,i=r.clientHeight,c=0,u=0;if(o){s=o.width,i=o.height;const a=yt();(!a||a&&t==="fixed")&&(c=o.offsetLeft,u=o.offsetTop)}return{width:s,height:i,x:c,y:u}}function br(e,t){const n=ve(e,!0,t==="fixed"),r=n.top+e.clientTop,o=n.left+e.clientLeft,s=Y(e)?Re(e):de(1),i=e.clientWidth*s.x,c=e.clientHeight*s.y,u=o*s.x,a=r*s.y;return{width:i,height:c,x:u,y:a}}function It(e,t,n){let r;if(t==="viewport")r=vr(e,n);else if(t==="document")r=hr(ne(e));else if(H(t))r=br(t,n);else{const o=ln(e);r={...t,x:t.x-o.x,y:t.y-o.y}}return Ve(r)}function an(e,t){const n=oe(e);return n===t||!H(n)||ue(n)?!1:ee(n).position==="fixed"||an(n,t)}function yr(e,t){const n=t.get(e);if(n)return n;let r=ae(e,[],!1).filter(c=>H(c)&&ge(c)!=="body"),o=null;const s=ee(e).position==="fixed";let i=s?oe(e):e;for(;H(i)&&!ue(i);){const c=ee(i),u=bt(i);!u&&c.position==="fixed"&&(o=null),(s?!u&&!o:!u&&c.position==="static"&&!!o&&["absolute","fixed"].includes(o.position)||Me(i)&&!u&&an(e,i))?r=r.filter(d=>d!==i):o=c,i=oe(i)}return t.set(e,r),r}function xr(e){let{element:t,boundary:n,rootBoundary:r,strategy:o}=e;const i=[...n==="clippingAncestors"?Xe(t)?[]:yr(t,this._c):[].concat(n),r],c=i[0],u=i.reduce((a,d)=>{const m=It(t,d,o);return a.top=Q(m.top,a.top),a.right=fe(m.right,a.right),a.bottom=fe(m.bottom,a.bottom),a.left=Q(m.left,a.left),a},It(t,c,o));return{width:u.right-u.left,height:u.bottom-u.top,x:u.left,y:u.top}}function wr(e){const{width:t,height:n}=cn(e);return{width:t,height:n}}function Rr(e,t,n){const r=Y(t),o=ne(t),s=n==="fixed",i=ve(e,!0,s,t);let c={scrollLeft:0,scrollTop:0};const u=de(0);if(r||!r&&!s)if((ge(t)!=="body"||Me(o))&&(c=Ue(t)),r){const l=ve(t,!0,s,t);u.x=l.x+t.clientLeft,u.y=l.y+t.clientTop}else o&&(u.x=pt(o));let a=0,d=0;if(o&&!r&&!s){const l=o.getBoundingClientRect();d=l.top+c.scrollTop,a=l.left+c.scrollLeft-pt(o,l)}const m=i.left+c.scrollLeft-u.x-a,h=i.top+c.scrollTop-u.y-d;return{x:m,y:h,width:i.width,height:i.height}}function rt(e){return ee(e).position==="static"}function Mt(e,t){if(!Y(e)||ee(e).position==="fixed")return null;if(t)return t(e);let n=e.offsetParent;return ne(e)===n&&(n=n.ownerDocument.body),n}function un(e,t){const n=J(e);if(Xe(e))return n;if(!Y(e)){let o=oe(e);for(;o&&!ue(o);){if(H(o)&&!rt(o))return o;o=oe(o)}return n}let r=Mt(e,t);for(;r&&wn(r)&&rt(r);)r=Mt(r,t);return r&&ue(r)&&rt(r)&&!bt(r)?n:r||Rn(e)||n}const Er=async function(e){const t=this.getOffsetParent||un,n=this.getDimensions,r=await n(e.floating);return{reference:Rr(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};function Cr(e){return ee(e).direction==="rtl"}const Tr={convertOffsetParentRelativeRectToViewportRelativeRect:gr,getDocumentElement:ne,getClippingRect:xr,getOffsetParent:un,getElementRects:Er,getClientRects:pr,getDimensions:wr,getScale:Re,isElement:H,isRTL:Cr};function Ar(e,t){let n=null,r;const o=ne(e);function s(){var c;clearTimeout(r),(c=n)==null||c.disconnect(),n=null}function i(c,u){c===void 0&&(c=!1),u===void 0&&(u=1),s();const{left:a,top:d,width:m,height:h}=e.getBoundingClientRect();if(c||t(),!m||!h)return;const l=Fe(d),g=Fe(o.clientWidth-(a+m)),p=Fe(o.clientHeight-(d+h)),y=Fe(a),E={rootMargin:-l+"px "+-g+"px "+-p+"px "+-y+"px",threshold:Q(0,fe(1,u))||1};let v=!0;function x(P){const M=P[0].intersectionRatio;if(M!==u){if(!v)return i();M?i(!1,M):r=setTimeout(()=>{i(!1,1e-7)},1e3)}v=!1}try{n=new IntersectionObserver(x,{...E,root:o.ownerDocument})}catch{n=new IntersectionObserver(x,E)}n.observe(e)}return i(!0),s}function so(e,t,n,r){r===void 0&&(r={});const{ancestorScroll:o=!0,ancestorResize:s=!0,elementResize:i=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:u=!1}=r,a=Et(e),d=o||s?[...a?ae(a):[],...ae(t)]:[];d.forEach(b=>{o&&b.addEventListener("scroll",n,{passive:!0}),s&&b.addEventListener("resize",n)});const m=a&&c?Ar(a,n):null;let h=-1,l=null;i&&(l=new ResizeObserver(b=>{let[E]=b;E&&E.target===a&&l&&(l.unobserve(t),cancelAnimationFrame(h),h=requestAnimationFrame(()=>{var v;(v=l)==null||v.observe(t)})),n()}),a&&!u&&l.observe(a),l.observe(t));let g,p=u?ve(e):null;u&&y();function y(){const b=ve(e);p&&(b.x!==p.x||b.y!==p.y||b.width!==p.width||b.height!==p.height)&&n(),p=b,g=requestAnimationFrame(y)}return n(),()=>{var b;d.forEach(E=>{o&&E.removeEventListener("scroll",n),s&&E.removeEventListener("resize",n)}),m?.(),(b=l)==null||b.disconnect(),l=null,u&&cancelAnimationFrame(g)}}const Sr=lr,Or=ar,Pr=ir,Ir=fr,Mr=sr,Lt=or,Lr=ur,Dr=(e,t,n)=>{const r=new Map,o={platform:Tr,...n},s={...o.platform,_c:r};return rr(e,t,{...o,platform:s})};var $e=typeof document<"u"?f.useLayoutEffect:f.useEffect;function qe(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if(typeof e=="function"&&e.toString()===t.toString())return!0;let n,r,o;if(e&&t&&typeof e=="object"){if(Array.isArray(e)){if(n=e.length,n!==t.length)return!1;for(r=n;r--!==0;)if(!qe(e[r],t[r]))return!1;return!0}if(o=Object.keys(e),n=o.length,n!==Object.keys(t).length)return!1;for(r=n;r--!==0;)if(!{}.hasOwnProperty.call(t,o[r]))return!1;for(r=n;r--!==0;){const s=o[r];if(!(s==="_owner"&&e.$$typeof)&&!qe(e[s],t[s]))return!1}return!0}return e!==e&&t!==t}function fn(e){return typeof window>"u"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function Dt(e,t){const n=fn(e);return Math.round(t*n)/n}function ot(e){const t=f.useRef(e);return $e(()=>{t.current=e}),t}function Fr(e){e===void 0&&(e={});const{placement:t="bottom",strategy:n="absolute",middleware:r=[],platform:o,elements:{reference:s,floating:i}={},transform:c=!0,whileElementsMounted:u,open:a}=e,[d,m]=f.useState({x:0,y:0,strategy:n,placement:t,middlewareData:{},isPositioned:!1}),[h,l]=f.useState(r);qe(h,r)||l(r);const[g,p]=f.useState(null),[y,b]=f.useState(null),E=f.useCallback(R=>{R!==M.current&&(M.current=R,p(R))},[]),v=f.useCallback(R=>{R!==k.current&&(k.current=R,b(R))},[]),x=s||g,P=i||y,M=f.useRef(null),k=f.useRef(null),L=f.useRef(d),_=u!=null,B=ot(u),N=ot(o),T=ot(a),V=f.useCallback(()=>{if(!M.current||!k.current)return;const R={placement:t,strategy:n,middleware:h};N.current&&(R.platform=N.current),Dr(M.current,k.current,R).then(A=>{const I={...A,isPositioned:T.current!==!1};S.current&&!qe(L.current,I)&&(L.current=I,zt.flushSync(()=>{m(I)}))})},[h,t,n,N,T]);$e(()=>{a===!1&&L.current.isPositioned&&(L.current.isPositioned=!1,m(R=>({...R,isPositioned:!1})))},[a]);const S=f.useRef(!1);$e(()=>(S.current=!0,()=>{S.current=!1}),[]),$e(()=>{if(x&&(M.current=x),P&&(k.current=P),x&&P){if(B.current)return B.current(x,P,V);V()}},[x,P,V,B,_]);const C=f.useMemo(()=>({reference:M,floating:k,setReference:E,setFloating:v}),[E,v]),w=f.useMemo(()=>({reference:x,floating:P}),[x,P]),O=f.useMemo(()=>{const R={position:n,left:0,top:0};if(!w.floating)return R;const A=Dt(w.floating,d.x),I=Dt(w.floating,d.y);return c?{...R,transform:"translate("+A+"px, "+I+"px)",...fn(w.floating)>=1.5&&{willChange:"transform"}}:{position:n,left:A,top:I}},[n,c,w.floating,d.x,d.y]);return f.useMemo(()=>({...d,update:V,refs:C,elements:w,floatingStyles:O}),[d,V,C,w,O])}const kr=e=>{function t(n){return{}.hasOwnProperty.call(n,"current")}return{name:"arrow",options:e,fn(n){const{element:r,padding:o}=typeof e=="function"?e(n):e;return r&&t(r)?r.current!=null?Lt({element:r.current,padding:o}).fn(n):{}:r?Lt({element:r,padding:o}).fn(n):{}}}},co=(e,t)=>({...Sr(e),options:[e,t]}),lo=(e,t)=>({...Or(e),options:[e,t]}),ao=(e,t)=>({...Lr(e),options:[e,t]}),uo=(e,t)=>({...Pr(e),options:[e,t]}),fo=(e,t)=>({...Ir(e),options:[e,t]}),mo=(e,t)=>({...Mr(e),options:[e,t]}),go=(e,t)=>({...kr(e),options:[e,t]});function po(e){return f.useMemo(()=>e.every(t=>t==null)?null:t=>{e.forEach(n=>{typeof n=="function"?n(t):n!=null&&(n.current=t)})},e)}const dn={...xn},Nr=dn.useInsertionEffect,$r=Nr||(e=>e());function te(e){const t=f.useRef(()=>{});return $r(()=>{t.current=e}),f.useCallback(function(){for(var n=arguments.length,r=new Array(n),o=0;oe?.focus({preventScroll:n});o?s():Ft=requestAnimationFrame(s)}var q=typeof document<"u"?f.useLayoutEffect:f.useEffect;function Pe(){return Pe=Object.assign?Object.assign.bind():function(e){for(var t=1;t"floating-ui-"+Math.random().toString(36).slice(2,6)+Wr++;function Br(){const[e,t]=f.useState(()=>kt?Nt():void 0);return q(()=>{e==null&&t(Nt())},[]),f.useEffect(()=>{kt=!0},[]),e}const _r=dn.useId,Ze=_r||Br,ho=f.forwardRef(function(t,n){const{context:{placement:r,elements:{floating:o},middlewareData:{arrow:s,shift:i}},width:c=14,height:u=7,tipRadius:a=0,strokeWidth:d=0,staticOffset:m,stroke:h,d:l,style:{transform:g,...p}={},...y}=t,b=Ze(),[E,v]=f.useState(!1);if(q(()=>{if(!o)return;ee(o).direction==="rtl"&&v(!0)},[o]),!o)return null;const[x,P]=r.split("-"),M=x==="top"||x==="bottom";let k=m;(M&&i!=null&&i.x||!M&&i!=null&&i.y)&&(k=null);const L=d*2,_=L/2,B=c/2*(a/-8+1),N=u/2*a/4,T=!!l,V=k&&P==="end"?"bottom":"top";let S=k&&P==="end"?"right":"left";k&&E&&(S=P==="end"?"left":"right");const C=s?.x!=null?k||s.x:"",w=s?.y!=null?k||s.y:"",O=l||"M0,0"+(" H"+c)+(" L"+(c-B)+","+(u-N))+(" Q"+c/2+","+u+" "+B+","+(u-N))+" Z",R={top:T?"rotate(180deg)":"",left:T?"rotate(90deg)":"rotate(-90deg)",bottom:T?"":"rotate(180deg)",right:T?"rotate(-90deg)":"rotate(90deg)"}[x];return f.createElement("svg",Pe({},y,{"aria-hidden":!0,ref:n,width:T?c:c+L,height:c,viewBox:"0 0 "+c+" "+(u>c?u:c),style:{position:"absolute",pointerEvents:"none",[S]:C,[V]:w,[x]:M||T?"100%":"calc(100% - "+L/2+"px)",transform:[R,g].filter(A=>!!A).join(" "),...p}}),L>0&&f.createElement("path",{clipPath:"url(#"+b+")",fill:"none",stroke:h,strokeWidth:L+(l?0:1),d:O}),f.createElement("path",{stroke:L&&!l?y.fill:"none",d:O}),f.createElement("clipPath",{id:b},f.createElement("rect",{x:-_,y:_*(T?-1:1),width:c+L,height:c})))});function Vr(){const e=new Map;return{emit(t,n){var r;(r=e.get(t))==null||r.forEach(o=>o(n))},on(t,n){e.set(t,[...e.get(t)||[],n])},off(t,n){var r;e.set(t,((r=e.get(t))==null?void 0:r.filter(o=>o!==n))||[])}}}const Hr=f.createContext(null),Kr=f.createContext(null),Ct=()=>{var e;return((e=f.useContext(Hr))==null?void 0:e.id)||null},Je=()=>f.useContext(Kr);function be(e){return"data-floating-ui-"+e}function Ee(e){const t=f.useRef(e);return q(()=>{t.current=e}),t}const $t=be("safe-polygon");function We(e,t,n){return n&&!ft(n)?0:typeof e=="number"?e:e?.[t]}function vo(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,dataRef:o,events:s,elements:i}=e,{enabled:c=!0,delay:u=0,handleClose:a=null,mouseOnly:d=!1,restMs:m=0,move:h=!0}=t,l=Je(),g=Ct(),p=Ee(a),y=Ee(u),b=Ee(n),E=f.useRef(),v=f.useRef(-1),x=f.useRef(),P=f.useRef(-1),M=f.useRef(!0),k=f.useRef(!1),L=f.useRef(()=>{}),_=f.useCallback(()=>{var C;const w=(C=o.current.openEvent)==null?void 0:C.type;return w?.includes("mouse")&&w!=="mousedown"},[o]);f.useEffect(()=>{if(!c)return;function C(w){let{open:O}=w;O||(clearTimeout(v.current),clearTimeout(P.current),M.current=!0)}return s.on("openchange",C),()=>{s.off("openchange",C)}},[c,s]),f.useEffect(()=>{if(!c||!p.current||!n)return;function C(O){_()&&r(!1,O,"hover")}const w=U(i.floating).documentElement;return w.addEventListener("mouseleave",C),()=>{w.removeEventListener("mouseleave",C)}},[i.floating,n,r,c,p,_]);const B=f.useCallback(function(C,w,O){w===void 0&&(w=!0),O===void 0&&(O="hover");const R=We(y.current,"close",E.current);R&&!x.current?(clearTimeout(v.current),v.current=window.setTimeout(()=>r(!1,C,O),R)):w&&(clearTimeout(v.current),r(!1,C,O))},[y,r]),N=te(()=>{L.current(),x.current=void 0}),T=te(()=>{if(k.current){const C=U(i.floating).body;C.style.pointerEvents="",C.removeAttribute($t),k.current=!1}});f.useEffect(()=>{if(!c)return;function C(){return o.current.openEvent?["click","mousedown"].includes(o.current.openEvent.type):!1}function w(I){if(clearTimeout(v.current),M.current=!1,d&&!ft(E.current)||m>0&&!We(y.current,"open"))return;const K=We(y.current,"open",E.current);K?v.current=window.setTimeout(()=>{b.current||r(!0,I,"hover")},K):r(!0,I,"hover")}function O(I){if(C())return;L.current();const K=U(i.floating);if(clearTimeout(P.current),p.current&&o.current.floatingContext){n||clearTimeout(v.current),x.current=p.current({...o.current.floatingContext,tree:l,x:I.clientX,y:I.clientY,onClose(){T(),N(),B(I,!0,"safe-polygon")}});const pe=x.current;K.addEventListener("mousemove",pe),L.current=()=>{K.removeEventListener("mousemove",pe)};return}(E.current==="touch"?!X(i.floating,I.relatedTarget):!0)&&B(I)}function R(I){C()||o.current.floatingContext&&(p.current==null||p.current({...o.current.floatingContext,tree:l,x:I.clientX,y:I.clientY,onClose(){T(),N(),B(I)}})(I))}if(H(i.domReference)){var A;const I=i.domReference;return n&&I.addEventListener("mouseleave",R),(A=i.floating)==null||A.addEventListener("mouseleave",R),h&&I.addEventListener("mousemove",w,{once:!0}),I.addEventListener("mouseenter",w),I.addEventListener("mouseleave",O),()=>{var K;n&&I.removeEventListener("mouseleave",R),(K=i.floating)==null||K.removeEventListener("mouseleave",R),h&&I.removeEventListener("mousemove",w),I.removeEventListener("mouseenter",w),I.removeEventListener("mouseleave",O)}}},[i,c,e,d,m,h,B,N,T,r,n,b,l,y,p,o]),q(()=>{var C;if(c&&n&&(C=p.current)!=null&&C.__options.blockPointerEvents&&_()){k.current=!0;const O=i.floating;if(H(i.domReference)&&O){var w;const R=U(i.floating).body;R.setAttribute($t,"");const A=i.domReference,I=l==null||(w=l.nodesRef.current.find(K=>K.id===g))==null||(w=w.context)==null?void 0:w.elements.floating;return I&&(I.style.pointerEvents=""),R.style.pointerEvents="none",A.style.pointerEvents="auto",O.style.pointerEvents="auto",()=>{R.style.pointerEvents="",A.style.pointerEvents="",O.style.pointerEvents=""}}}},[c,n,g,i,l,p,_]),q(()=>{n||(E.current=void 0,N(),T())},[n,N,T]),f.useEffect(()=>()=>{N(),clearTimeout(v.current),clearTimeout(P.current),T()},[c,i.domReference,N,T]);const V=f.useMemo(()=>{function C(w){E.current=w.pointerType}return{onPointerDown:C,onPointerEnter:C,onMouseMove(w){const{nativeEvent:O}=w;function R(){!M.current&&!b.current&&r(!0,O,"hover")}d&&!ft(E.current)||n||m===0||(clearTimeout(P.current),E.current==="touch"?R():P.current=window.setTimeout(R,m))}}},[d,r,n,b,m]),S=f.useMemo(()=>({onMouseEnter(){clearTimeout(v.current)},onMouseLeave(C){B(C.nativeEvent,!1)}}),[B]);return f.useMemo(()=>c?{reference:V,floating:S}:{},[c,V,S])}const ht=()=>{},mn=f.createContext({delay:0,initialDelay:0,timeoutMs:0,currentId:null,setCurrentId:ht,setState:ht,isInstantPhase:!1}),jr=()=>f.useContext(mn);function bo(e){const{children:t,delay:n,timeoutMs:r=0}=e,[o,s]=f.useReducer((u,a)=>({...u,...a}),{delay:n,timeoutMs:r,initialDelay:n,currentId:null,isInstantPhase:!1}),i=f.useRef(null),c=f.useCallback(u=>{s({currentId:u})},[]);return q(()=>{o.currentId?i.current===null?i.current=o.currentId:o.isInstantPhase||s({isInstantPhase:!0}):(o.isInstantPhase&&s({isInstantPhase:!1}),i.current=null)},[o.currentId,o.isInstantPhase]),f.createElement(mn.Provider,{value:f.useMemo(()=>({...o,setState:s,setCurrentId:c}),[o,c])},t)}function yo(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,floatingId:o}=e,{id:s}=t,i=s??o,c=jr(),{currentId:u,setCurrentId:a,initialDelay:d,setState:m,timeoutMs:h}=c;return q(()=>{u&&(m({delay:{open:1,close:We(d,"close")}}),u!==i&&r(!1))},[i,r,m,u,d]),q(()=>{function l(){r(!1),m({delay:d,currentId:null})}if(u&&!n&&u===i){if(h){const g=window.setTimeout(l,h);return()=>{clearTimeout(g)}}l()}},[n,m,u,i,r,d,h]),q(()=>{a===ht||!n||a(i)},[n,a,i]),c}function qr(e,t){var n;let r=[],o=(n=e.find(s=>s.id===t))==null?void 0:n.parentId;for(;o;){const s=e.find(i=>i.id===o);o=s?.parentId,s&&(r=r.concat(s))}return r}function Ae(e,t){let n=e.filter(o=>{var s;return o.parentId===t&&((s=o.context)==null?void 0:s.open)}),r=n;for(;r.length;)r=e.filter(o=>{var s;return(s=r)==null?void 0:s.some(i=>{var c;return o.parentId===i.id&&((c=o.context)==null?void 0:c.open)})}),n=n.concat(r);return n}let we=new WeakMap,ke=new WeakSet,Ne={},it=0;const Yr=()=>typeof HTMLElement<"u"&&"inert"in HTMLElement.prototype,gn=e=>e&&(e.host||gn(e.parentNode)),zr=(e,t)=>t.map(n=>{if(e.contains(n))return n;const r=gn(n);return e.contains(r)?r:null}).filter(n=>n!=null);function Xr(e,t,n,r){const o="data-floating-ui-inert",s=r?"inert":n?"aria-hidden":null,i=zr(t,e),c=new Set,u=new Set(i),a=[];Ne[o]||(Ne[o]=new WeakMap);const d=Ne[o];i.forEach(m),h(t),c.clear();function m(l){!l||c.has(l)||(c.add(l),l.parentNode&&m(l.parentNode))}function h(l){!l||u.has(l)||[].forEach.call(l.children,g=>{if(ge(g)!=="script")if(c.has(g))h(g);else{const p=s?g.getAttribute(s):null,y=p!==null&&p!=="false",b=(we.get(g)||0)+1,E=(d.get(g)||0)+1;we.set(g,b),d.set(g,E),a.push(g),b===1&&y&&ke.add(g),E===1&&g.setAttribute(o,""),!y&&s&&g.setAttribute(s,"true")}})}return it++,()=>{a.forEach(l=>{const g=(we.get(l)||0)-1,p=(d.get(l)||0)-1;we.set(l,g),d.set(l,p),g||(!ke.has(l)&&s&&l.removeAttribute(s),ke.delete(l)),p||l.removeAttribute(o)}),it--,it||(we=new WeakMap,we=new WeakMap,ke=new WeakSet,Ne={})}}function Wt(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!1);const r=U(e[0]).body;return Xr(e.concat(Array.from(r.querySelectorAll("[aria-live]"))),r,t,n)}const Ie=()=>({getShadowRoot:!0,displayCheck:typeof ResizeObserver=="function"&&ResizeObserver.toString().includes("[native code]")?"full":"none"});function pn(e,t){const n=Ge(e,Ie());t==="prev"&&n.reverse();const r=n.indexOf(re(U(e)));return n.slice(r+1)[0]}function hn(){return pn(document.body,"next")}function vn(){return pn(document.body,"prev")}function Se(e,t){const n=t||e.currentTarget,r=e.relatedTarget;return!r||!X(n,r)}function Ur(e){Ge(e,Ie()).forEach(n=>{n.dataset.tabindex=n.getAttribute("tabindex")||"",n.setAttribute("tabindex","-1")})}function Bt(e){e.querySelectorAll("[data-tabindex]").forEach(n=>{const r=n.dataset.tabindex;delete n.dataset.tabindex,r?n.setAttribute("tabindex",r):n.removeAttribute("tabindex")})}const Qe={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"fixed",whiteSpace:"nowrap",width:"1px",top:0,left:0};let Gr;function _t(e){e.key==="Tab"&&(e.target,clearTimeout(Gr))}const Ye=f.forwardRef(function(t,n){const[r,o]=f.useState();q(()=>(Qt()&&o("button"),document.addEventListener("keydown",_t),()=>{document.removeEventListener("keydown",_t)}),[]);const s={ref:n,tabIndex:0,role:r,"aria-hidden":r?void 0:!0,[be("focus-guard")]:"",style:Qe};return f.createElement("span",Pe({},t,s))}),bn=f.createContext(null),Vt=be("portal");function Zr(e){e===void 0&&(e={});const{id:t,root:n}=e,r=Ze(),o=yn(),[s,i]=f.useState(null),c=f.useRef(null);return q(()=>()=>{s?.remove(),queueMicrotask(()=>{c.current=null})},[s]),q(()=>{if(!r||c.current)return;const u=t?document.getElementById(t):null;if(!u)return;const a=document.createElement("div");a.id=r,a.setAttribute(Vt,""),u.appendChild(a),c.current=a,i(a)},[t,r]),q(()=>{if(!r||c.current)return;let u=n||o?.portalNode;u&&!H(u)&&(u=u.current),u=u||document.body;let a=null;t&&(a=document.createElement("div"),a.id=t,u.appendChild(a));const d=document.createElement("div");d.id=r,d.setAttribute(Vt,""),u=a||u,u.appendChild(d),c.current=d,i(d)},[t,n,r,o]),s}function xo(e){const{children:t,id:n,root:r=null,preserveTabOrder:o=!0}=e,s=Zr({id:n,root:r}),[i,c]=f.useState(null),u=f.useRef(null),a=f.useRef(null),d=f.useRef(null),m=f.useRef(null),h=i?.modal,l=i?.open,g=!!i&&!i.modal&&i.open&&o&&!!(r||s);return f.useEffect(()=>{if(!s||!o||h)return;function p(y){s&&Se(y)&&(y.type==="focusin"?Bt:Ur)(s)}return s.addEventListener("focusin",p,!0),s.addEventListener("focusout",p,!0),()=>{s.removeEventListener("focusin",p,!0),s.removeEventListener("focusout",p,!0)}},[s,o,h]),f.useEffect(()=>{s&&(l||Bt(s))},[l,s]),f.createElement(bn.Provider,{value:f.useMemo(()=>({preserveTabOrder:o,beforeOutsideRef:u,afterOutsideRef:a,beforeInsideRef:d,afterInsideRef:m,portalNode:s,setFocusManagerState:c}),[o,s])},g&&s&&f.createElement(Ye,{"data-type":"outside",ref:u,onFocus:p=>{if(Se(p,s)){var y;(y=d.current)==null||y.focus()}else{const b=vn()||i?.refs.domReference.current;b?.focus()}}}),g&&s&&f.createElement("span",{"aria-owns":s.id,style:Qe}),s&&zt.createPortal(t,s),g&&s&&f.createElement(Ye,{"data-type":"outside",ref:a,onFocus:p=>{if(Se(p,s)){var y;(y=m.current)==null||y.focus()}else{const b=hn()||i?.refs.domReference.current;b?.focus(),i?.closeOnFocusOut&&i?.onOpenChange(!1,p.nativeEvent,"focus-out")}}}))}const yn=()=>f.useContext(bn),vt="data-floating-ui-focusable";function Jr(e){return e?e.hasAttribute(vt)?e:e.querySelector("["+vt+"]")||e:null}const Ht=20;let he=[];function st(e){he=he.filter(n=>n.isConnected);let t=e;if(!(!t||ge(t)==="body")){if(!nr(t,Ie())){const n=Ge(t,Ie())[0];n&&(t=n)}he.push(t),he.length>Ht&&(he=he.slice(-Ht))}}function Kt(){return he.slice().reverse().find(e=>e.isConnected)}const Qr=f.forwardRef(function(t,n){return f.createElement("button",Pe({},t,{type:"button",ref:n,tabIndex:-1,style:Qe}))});function wo(e){const{context:t,children:n,disabled:r=!1,order:o=["content"],guards:s=!0,initialFocus:i=0,returnFocus:c=!0,restoreFocus:u=!1,modal:a=!0,visuallyHiddenDismiss:d=!1,closeOnFocusOut:m=!0}=e,{open:h,refs:l,nodeId:g,onOpenChange:p,events:y,dataRef:b,floatingId:E,elements:{domReference:v,floating:x}}=t,P=typeof i=="number"&&i<0,M=Pn(v)&&P,k=Yr()?s:!0,L=Ee(o),_=Ee(i),B=Ee(c),N=Je(),T=yn(),V=f.useRef(null),S=f.useRef(null),C=f.useRef(!1),w=f.useRef(!1),O=f.useRef(-1),R=T!=null,A=Jr(x),I=te(function($){return $===void 0&&($=A),$?Ge($,Ie()):[]}),K=te($=>{const D=I($);return L.current.map(F=>v&&F==="reference"?v:A&&F==="floating"?A:D).filter(Boolean).flat()});f.useEffect(()=>{C.current=!1},[r]),f.useEffect(()=>{if(r||!a)return;function $(F){if(F.key==="Tab"){X(A,re(U(A)))&&I().length===0&&!M&&nt(F);const W=K(),j=le(F);L.current[0]==="reference"&&j===v&&(nt(F),F.shiftKey?xe(W[W.length-1]):xe(W[1])),L.current[1]==="floating"&&j===A&&F.shiftKey&&(nt(F),xe(W[0]))}}const D=U(A);return D.addEventListener("keydown",$),()=>{D.removeEventListener("keydown",$)}},[r,v,A,a,L,M,I,K]),f.useEffect(()=>{if(r||!x)return;function $(D){const F=le(D),j=I().indexOf(F);j!==-1&&(O.current=j)}return x.addEventListener("focusin",$),()=>{x.removeEventListener("focusin",$)}},[r,x,I]),f.useEffect(()=>{if(r||!m)return;function $(){w.current=!0,setTimeout(()=>{w.current=!1})}function D(F){const W=F.relatedTarget;queueMicrotask(()=>{const j=!(X(v,W)||X(x,W)||X(W,x)||X(T?.portalNode,W)||W!=null&&W.hasAttribute(be("focus-guard"))||N&&(Ae(N.nodesRef.current,g).find(G=>{var z,Z;return X((z=G.context)==null?void 0:z.elements.floating,W)||X((Z=G.context)==null?void 0:Z.elements.domReference,W)})||qr(N.nodesRef.current,g).find(G=>{var z,Z;return((z=G.context)==null?void 0:z.elements.floating)===W||((Z=G.context)==null?void 0:Z.elements.domReference)===W})));if(u&&j&&re(U(A))===U(A).body){Y(A)&&A.focus();const G=O.current,z=I(),Z=z[G]||z[z.length-1]||A;Y(Z)&&Z.focus()}(M||!a)&&W&&j&&!w.current&&W!==Kt()&&(C.current=!0,p(!1,F,"focus-out"))})}if(x&&Y(v))return v.addEventListener("focusout",D),v.addEventListener("pointerdown",$),x.addEventListener("focusout",D),()=>{v.removeEventListener("focusout",D),v.removeEventListener("pointerdown",$),x.removeEventListener("focusout",D)}},[r,v,x,A,a,g,N,T,p,m,u,I,M]),f.useEffect(()=>{var $;if(r)return;const D=Array.from((T==null||($=T.portalNode)==null?void 0:$.querySelectorAll("["+be("portal")+"]"))||[]);if(x){const F=[x,...D,V.current,S.current,L.current.includes("reference")||M?v:null].filter(j=>j!=null),W=a||M?Wt(F,k,!k):Wt(F);return()=>{W()}}},[r,v,x,a,L,T,M,k]),q(()=>{if(r||!Y(A))return;const $=U(A),D=re($);queueMicrotask(()=>{const F=K(A),W=_.current,j=(typeof W=="number"?F[W]:W.current)||A,G=X(A,D);!P&&!G&&h&&xe(j,{preventScroll:j===A})})},[r,h,A,P,K,_]),q(()=>{if(r||!A)return;let $=!1;const D=U(A),F=re(D);let j=b.current.openEvent;st(F);function G(Z){let{open:Le,reason:De,event:ce,nested:et}=Z;Le&&(j=ce),De==="escape-key"&&l.domReference.current&&st(l.domReference.current),De==="hover"&&ce.type==="mouseleave"&&(C.current=!0),De==="outside-press"&&(et?(C.current=!1,$=!0):C.current=!(En(ce)||Jt(ce)))}y.on("openchange",G);const z=D.createElement("span");return z.setAttribute("tabindex","-1"),z.setAttribute("aria-hidden","true"),Object.assign(z.style,Qe),R&&v&&v.insertAdjacentElement("afterend",z),()=>{y.off("openchange",G);const Z=re(D),Le=X(x,Z)||N&&Ae(N.nodesRef.current,g).some(et=>{var Tt;return X((Tt=et.context)==null?void 0:Tt.elements.floating,Z)});(Le||j&&["click","mousedown"].includes(j.type))&&l.domReference.current&&st(l.domReference.current);const ce=Kt()||z;queueMicrotask(()=>{B.current&&!C.current&&Y(ce)&&(!(ce!==Z&&Z!==D.body)||Le)&&ce.focus({preventScroll:$}),z.remove()})}},[r,x,A,B,b,l,y,N,g,R,v]),q(()=>{if(!r&&T)return T.setFocusManagerState({modal:a,closeOnFocusOut:m,open:h,onOpenChange:p,refs:l}),()=>{T.setFocusManagerState(null)}},[r,T,a,h,p,l,m]),q(()=>{if(r||!A||typeof MutationObserver!="function"||P)return;const $=()=>{const F=A.getAttribute("tabindex"),W=I(),j=re(U(x)),G=W.indexOf(j);G!==-1&&(O.current=G),L.current.includes("floating")||j!==l.domReference.current&&W.length===0?F!=="0"&&A.setAttribute("tabindex","0"):F!=="-1"&&A.setAttribute("tabindex","-1")};$();const D=new MutationObserver($);return D.observe(A,{childList:!0,subtree:!0,attributes:!0}),()=>{D.disconnect()}},[r,x,A,l,L,I,P]);function ye($){return r||!d||!a?null:f.createElement(Qr,{ref:$==="start"?V:S,onClick:D=>p(!1,D.nativeEvent)},typeof d=="string"?d:"Dismiss")}const pe=!r&&k&&(a?!M:!0)&&(R||a);return f.createElement(f.Fragment,null,pe&&f.createElement(Ye,{"data-type":"inside",ref:T?.beforeInsideRef,onFocus:$=>{if(a){const F=K();xe(o[0]==="reference"?F[0]:F[F.length-1])}else if(T!=null&&T.preserveTabOrder&&T.portalNode)if(C.current=!1,Se($,T.portalNode)){const F=hn()||v;F?.focus()}else{var D;(D=T.beforeOutsideRef.current)==null||D.focus()}}}),!M&&ye("start"),n,ye("end"),pe&&f.createElement(Ye,{"data-type":"inside",ref:T?.afterInsideRef,onFocus:$=>{if(a)xe(K()[0]);else if(T!=null&&T.preserveTabOrder&&T.portalNode)if(m&&(C.current=!0),Se($,T.portalNode)){const F=vn()||v;F?.focus()}else{var D;(D=T.afterOutsideRef.current)==null||D.focus()}}}))}const eo={pointerdown:"onPointerDown",mousedown:"onMouseDown",click:"onClick"},to={pointerdown:"onPointerDownCapture",mousedown:"onMouseDownCapture",click:"onClickCapture"},jt=e=>{var t,n;return{escapeKey:typeof e=="boolean"?e:(t=e?.escapeKey)!=null?t:!1,outsidePress:typeof e=="boolean"?e:(n=e?.outsidePress)!=null?n:!0}};function Ro(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,elements:o,dataRef:s}=e,{enabled:i=!0,escapeKey:c=!0,outsidePress:u=!0,outsidePressEvent:a="pointerdown",referencePress:d=!1,referencePressEvent:m="pointerdown",ancestorScroll:h=!1,bubbles:l,capture:g}=t,p=Je(),y=te(typeof u=="function"?u:()=>!1),b=typeof u=="function"?y:u,E=f.useRef(!1),v=f.useRef(!1),{escapeKey:x,outsidePress:P}=jt(l),{escapeKey:M,outsidePress:k}=jt(g),L=te(S=>{var C;if(!n||!i||!c||S.key!=="Escape")return;const w=(C=s.current.floatingContext)==null?void 0:C.nodeId,O=p?Ae(p.nodesRef.current,w):[];if(!x&&(S.stopPropagation(),O.length>0)){let R=!0;if(O.forEach(A=>{var I;if((I=A.context)!=null&&I.open&&!A.context.dataRef.current.__escapeKeyBubbles){R=!1;return}}),!R)return}r(!1,An(S)?S.nativeEvent:S,"escape-key")}),_=te(S=>{var C;const w=()=>{var O;L(S),(O=le(S))==null||O.removeEventListener("keydown",w)};(C=le(S))==null||C.addEventListener("keydown",w)}),B=te(S=>{var C;const w=E.current;E.current=!1;const O=v.current;if(v.current=!1,a==="click"&&O||w||typeof b=="function"&&!b(S))return;const R=le(S),A="["+be("inert")+"]",I=U(o.floating).querySelectorAll(A);let K=H(R)?R:null;for(;K&&!ue(K);){const D=oe(K);if(ue(D)||!H(D))break;K=D}if(I.length&&H(R)&&!Sn(R)&&!X(R,o.floating)&&Array.from(I).every(D=>!X(K,D)))return;if(Y(R)&&V){const D=R.clientWidth>0&&R.scrollWidth>R.clientWidth,F=R.clientHeight>0&&R.scrollHeight>R.clientHeight;let W=F&&S.offsetX>R.clientWidth;if(F&&ee(R).direction==="rtl"&&(W=S.offsetX<=R.offsetWidth-R.clientWidth),W||D&&S.offsetY>R.clientHeight)return}const ye=(C=s.current.floatingContext)==null?void 0:C.nodeId,pe=p&&Ae(p.nodesRef.current,ye).some(D=>{var F;return tt(S,(F=D.context)==null?void 0:F.elements.floating)});if(tt(S,o.floating)||tt(S,o.domReference)||pe)return;const $=p?Ae(p.nodesRef.current,ye):[];if($.length>0){let D=!0;if($.forEach(F=>{var W;if((W=F.context)!=null&&W.open&&!F.context.dataRef.current.__outsidePressBubbles){D=!1;return}}),!D)return}r(!1,S,"outside-press")}),N=te(S=>{var C;const w=()=>{var O;B(S),(O=le(S))==null||O.removeEventListener(a,w)};(C=le(S))==null||C.addEventListener(a,w)});f.useEffect(()=>{if(!n||!i)return;s.current.__escapeKeyBubbles=x,s.current.__outsidePressBubbles=P;function S(O){r(!1,O,"ancestor-scroll")}const C=U(o.floating);c&&C.addEventListener("keydown",M?_:L,M),b&&C.addEventListener(a,k?N:B,k);let w=[];return h&&(H(o.domReference)&&(w=ae(o.domReference)),H(o.floating)&&(w=w.concat(ae(o.floating))),!H(o.reference)&&o.reference&&o.reference.contextElement&&(w=w.concat(ae(o.reference.contextElement)))),w=w.filter(O=>{var R;return O!==((R=C.defaultView)==null?void 0:R.visualViewport)}),w.forEach(O=>{O.addEventListener("scroll",S,{passive:!0})}),()=>{c&&C.removeEventListener("keydown",M?_:L,M),b&&C.removeEventListener(a,k?N:B,k),w.forEach(O=>{O.removeEventListener("scroll",S)})}},[s,o,c,b,a,n,r,h,i,x,P,L,M,_,B,k,N]),f.useEffect(()=>{E.current=!1},[b,a]);const T=f.useMemo(()=>({onKeyDown:L,[eo[m]]:S=>{d&&r(!1,S.nativeEvent,"reference-press")}}),[L,r,d,m]),V=f.useMemo(()=>({onKeyDown:L,onMouseDown(){v.current=!0},onMouseUp(){v.current=!0},[to[a]]:()=>{E.current=!0}}),[L,a]);return f.useMemo(()=>i?{reference:T,floating:V}:{},[i,T,V])}function no(e){const{open:t=!1,onOpenChange:n,elements:r}=e,o=Ze(),s=f.useRef({}),[i]=f.useState(()=>Vr()),c=Ct()!=null,[u,a]=f.useState(r.reference),d=te((l,g,p)=>{s.current.openEvent=l?g:void 0,i.emit("openchange",{open:l,event:g,reason:p,nested:c}),n?.(l,g,p)}),m=f.useMemo(()=>({setPositionReference:a}),[]),h=f.useMemo(()=>({reference:u||r.reference||null,floating:r.floating||null,domReference:r.reference}),[u,r.reference,r.floating]);return f.useMemo(()=>({dataRef:s,open:t,onOpenChange:d,elements:h,events:i,floatingId:o,refs:m}),[t,d,h,i,o,m])}function Eo(e){e===void 0&&(e={});const{nodeId:t}=e,n=no({...e,elements:{reference:null,floating:null,...e.elements}}),r=e.rootContext||n,o=r.elements,[s,i]=f.useState(null),[c,u]=f.useState(null),d=o?.reference||s,m=f.useRef(null),h=Je();q(()=>{d&&(m.current=d)},[d]);const l=Fr({...e,elements:{...o,...c&&{reference:c}}}),g=f.useCallback(v=>{const x=H(v)?{getBoundingClientRect:()=>v.getBoundingClientRect(),contextElement:v}:v;u(x),l.refs.setReference(x)},[l.refs]),p=f.useCallback(v=>{(H(v)||v===null)&&(m.current=v,i(v)),(H(l.refs.reference.current)||l.refs.reference.current===null||v!==null&&!H(v))&&l.refs.setReference(v)},[l.refs]),y=f.useMemo(()=>({...l.refs,setReference:p,setPositionReference:g,domReference:m}),[l.refs,p,g]),b=f.useMemo(()=>({...l.elements,domReference:d}),[l.elements,d]),E=f.useMemo(()=>({...l,...r,refs:y,elements:b,nodeId:t}),[l,y,b,t,r]);return q(()=>{r.dataRef.current.floatingContext=E;const v=h?.nodesRef.current.find(x=>x.id===t);v&&(v.context=E)}),f.useMemo(()=>({...l,context:E,refs:y,elements:b}),[l,y,b,E])}function Co(e,t){t===void 0&&(t={});const{open:n,onOpenChange:r,events:o,dataRef:s,elements:i}=e,{enabled:c=!0,visibleOnly:u=!0}=t,a=f.useRef(!1),d=f.useRef(),m=f.useRef(!0);f.useEffect(()=>{if(!c)return;const l=J(i.domReference);function g(){!n&&Y(i.domReference)&&i.domReference===re(U(i.domReference))&&(a.current=!0)}function p(){m.current=!0}return l.addEventListener("blur",g),l.addEventListener("keydown",p,!0),()=>{l.removeEventListener("blur",g),l.removeEventListener("keydown",p,!0)}},[i.domReference,n,c]),f.useEffect(()=>{if(!c)return;function l(g){let{reason:p}=g;(p==="reference-press"||p==="escape-key")&&(a.current=!0)}return o.on("openchange",l),()=>{o.off("openchange",l)}},[o,c]),f.useEffect(()=>()=>{clearTimeout(d.current)},[]);const h=f.useMemo(()=>({onPointerDown(l){Jt(l.nativeEvent)||(m.current=!1)},onMouseLeave(){a.current=!1},onFocus(l){if(a.current)return;const g=le(l.nativeEvent);if(u&&H(g))try{if(Qt()&&Cn())throw Error();if(!g.matches(":focus-visible"))return}catch{if(!m.current&&!en(g))return}r(!0,l.nativeEvent,"focus")},onBlur(l){a.current=!1;const g=l.relatedTarget,p=l.nativeEvent,y=H(g)&&g.hasAttribute(be("focus-guard"))&&g.getAttribute("data-type")==="outside";d.current=window.setTimeout(()=>{var b;const E=re(i.domReference?i.domReference.ownerDocument:document);!g&&E===i.domReference||X((b=s.current.floatingContext)==null?void 0:b.refs.floating.current,E)||X(i.domReference,E)||y||r(!1,p,"focus")})}}),[s,i.domReference,r,u]);return f.useMemo(()=>c?{reference:h}:{},[c,h])}const qt="active",Yt="selected";function ct(e,t,n){const r=new Map,o=n==="item";let s=e;if(o&&e){const{[qt]:i,[Yt]:c,...u}=e;s=u}return{...n==="floating"&&{tabIndex:-1,[vt]:""},...s,...t.map(i=>{const c=i?i[n]:null;return typeof c=="function"?e?c(e):null:c}).concat(e).reduce((i,c)=>(c&&Object.entries(c).forEach(u=>{let[a,d]=u;if(!(o&&[qt,Yt].includes(a)))if(a.indexOf("on")===0){if(r.has(a)||r.set(a,[]),typeof d=="function"){var m;(m=r.get(a))==null||m.push(d),i[a]=function(){for(var h,l=arguments.length,g=new Array(l),p=0;py(...g)).find(y=>y!==void 0)}}}else i[a]=d}),i),{})}}function To(e){e===void 0&&(e=[]);const t=e.map(c=>c?.reference),n=e.map(c=>c?.floating),r=e.map(c=>c?.item),o=f.useCallback(c=>ct(c,e,"reference"),t),s=f.useCallback(c=>ct(c,e,"floating"),n),i=f.useCallback(c=>ct(c,e,"item"),r);return f.useMemo(()=>({getReferenceProps:o,getFloatingProps:s,getItemProps:i}),[o,s,i])}const ro=new Map([["select","listbox"],["combobox","listbox"],["label",!1]]);function Ao(e,t){var n;t===void 0&&(t={});const{open:r,floatingId:o}=e,{enabled:s=!0,role:i="dialog"}=t,c=(n=ro.get(i))!=null?n:i,u=Ze(),d=Ct()!=null,m=f.useMemo(()=>c==="tooltip"||i==="label"?{["aria-"+(i==="label"?"labelledby":"describedby")]:r?o:void 0}:{"aria-expanded":r?"true":"false","aria-haspopup":c==="alertdialog"?"dialog":c,"aria-controls":r?o:void 0,...c==="listbox"&&{role:"combobox"},...c==="menu"&&{id:u},...c==="menu"&&d&&{role:"menuitem"},...i==="select"&&{"aria-autocomplete":"none"},...i==="combobox"&&{"aria-autocomplete":"list"}},[c,o,d,r,u,i]),h=f.useMemo(()=>{const g={id:o,...c&&{role:c}};return c==="tooltip"||i==="label"?g:{...g,...c==="menu"&&{"aria-labelledby":u}}},[c,o,u,i]),l=f.useCallback(g=>{let{active:p,selected:y}=g;const b={role:"option",...p&&{id:o+"-option"}};switch(i){case"select":return{...b,"aria-selected":p&&y};case"combobox":return{...b,...p&&{"aria-selected":!0}}}return{}},[o,i]);return f.useMemo(()=>s?{reference:m,floating:h,item:l}:{},[s,m,h,l])}export{bo as F,po as a,Eo as b,so as c,go as d,yo as e,uo as f,vo as g,Co as h,Ro as i,Ao as j,To as k,xo as l,ho as m,ao as n,co as o,wo as p,Fr as q,fo as r,lo as s,mo as t,Ze as u}; diff --git a/assets/global-BcDaL1SX.css b/assets/global-BcDaL1SX.css deleted file mode 100644 index 05121457..00000000 --- a/assets/global-BcDaL1SX.css +++ /dev/null @@ -1 +0,0 @@ -:root{--cpd-radius-pill-effect: 9999px;--cpd-icon-button-size: var(--cpd-space-8x);--cpd-avatar-size: var(--cpd-space-16x);--cpd-font-feature-settings: "kern" 1, "liga" 1, "calt" 1;--cpd-separator-spacing: var(--cpd-space-2x);--cpd-separator-inset: 0}html,body,input{font:var(--cpd-font-body-md-regular);color:var(--cpd-color-text-primary);font-feature-settings:var(--cpd-font-feature-settings)}html,body{block-size:100%;font-size:var(--cpd-font-size-root)}body{background:var(--cpd-color-bg-canvas-default)} diff --git a/assets/iframe-BV5w-Shc.js b/assets/iframe-BV5w-Shc.js deleted file mode 100644 index e4414e2b..00000000 --- a/assets/iframe-BV5w-Shc.js +++ /dev/null @@ -1,2 +0,0 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Alert.stories-LJ9BoOdE.js","./jsx-runtime-CexXSJP5.js","./index-BP8_t0zE.js","./Button-C0_Ps78g.js","./index-CSpfAsmC.js","./UnstyledButton-C9fNLva5.js","./Button-BkPuaSuC.css","./Alert-ClH3E2JC.js","./close-D4bMmhFz.js","./error-Dmbc84hO.js","./Text-BgCCN_GG.js","./Typography-DuHxGDyc.js","./Typography-CfvbYAu4.css","./IconButton-Ccv5Unpx.js","./IndicatorIcon-_PMFIuo8.js","./IndicatorIcon-DPew4OU8.css","./Tooltip-womRVnul.js","./floating-ui.react-CWvUcNvr.js","./index-BlTQwN6S.js","./Tooltip-D69ZCLpI.css","./IconButton-BSHvdCWD.css","./Alert-CdCLBpDg.css","./Avatar.stories-5GNcD0iH.js","./Avatar-DyB-Y6ln.js","./Avatar-C-OTxRZn.css","./AvatarStack.stories-wdnsGuiY.js","./AvatarStack-DBPldPV8.js","./Badge.stories-Bit9ymx4.js","./Badge-Cf9Fivpi.js","./Badge-8qM5UjWT.css","./ActionButton.stories-B1qPgtU8.js","./index-ozRUDpri.js","./index-DVRl1JhA.js","./notifications-MBLL4uPX.js","./extensions-NPI-SMnu.js","./search-BC9ffyhQ.js","./check-Bjchr0Ec.js","./chevron-down-Ua1BCmcD.js","./chevron-right-DF47_mtr.js","./settings-DxGsE2C2.js","./spinner-DszwWdC7.js","./threads-BMeJ5mkW.js","./user-profile-EvkA4CON.js","./visibility-on-D1sVPsTi.js","./warning-B4ZpXzLn.js","./Button.stories-C8NmKuEu.js","./IconButton.stories-Ct7XG7ct.js","./Dropdown.stories-CbO-AY9D.js","./Dropdown-CoygDPzy.js","./Dropdown-DwBOGpgU.css","./Action.stories-CQseSQfa.js","./Action-CQbRfPzs.js","./Text-CbEoPjZC.js","./index-BugjtUKR.js","./index-DD7XHAoh.js","./index-Dp4tTk3o.js","./index-CcH3h_90.js","./index-BjHk5heU.js","./Text-eTlBFuSe.css","./useId-DIHOOv91.js","./Action-BCJ2_vsV.css","./Checkbox.stories-CYM19RqU.js","./Checkbox-D1pECWlH.js","./Checkbox-C6phXg9v.css","./EditInPlace.stories-BhG4q8tW.js","./EditInPlace-C5sdCjsr.js","./Password-D-0HLOoJ.js","./MFA-DeuBTLWq.js","./MFA-DE5RR2Vr.css","./Radio-xCqHn8Eh.js","./Radio-COtHnm0C.css","./Toggle-DqDpfLtf.js","./Toggle-BxfNLRoj.css","./InlineSpinner-DZ2uBgAt.js","./InlineSpinner-D3NIwA_H.css","./ContextMenu-BWk-gAkD.js","./index-BF9S1Jqn.js","./FloatingMenu-t36h7pay.js","./FloatingMenu-DpTpmI5z.css","./DrawerMenu-BgyYdqxq.js","./DrawerMenu-sgngTVD6.css","./MenuItem-CLebqjpw.js","./MenuItem-C06gbZZr.css","./Glass-COqtBFQM.js","./Glass-BiF3lt7L.css","./Heading-DqG7uK5Y.js","./Link-HOYPp55n.js","./Link-COi2doS4.css","./NavItem-CCdVkP0k.js","./NavItem-Dqt-FK6G.css","./Menu-IXabpTPD.js","./Progress-C6Su6PJM.js","./Progress-BQm9KB_P.css","./Separator-zVStbRaM.js","./Separator-BJXoghAv.css","./ToggleMenuItem-CmotYktn.js","./ReleaseAnnouncement-2mbXye7R.js","./ReleaseAnnouncement-DOxWiBH2.css","./Toast-BFUH-DR1.js","./Toast-OmC1UN0x.css","./EditInPlace-Bn9uQDOY.css","./global-BcDaL1SX.css","./MFA.stories-lrOgWJaG.js","./Password.stories-B1NbGlsP.js","./Radio.stories-B9j7cZGk.js","./Text.stories-Bi_EdvdI.js","./Toggle.stories-PuYcW4qz.js","./Form.stories-Dvs5AS4s.js","./PasswordForm.stories-uYjIe7w1.js","./Glass.stories-CZNcNFEl.js","./Icon.stories-B1cgZ4UF.js","./IndicatorIcon.stories-CKWY1FVW.js","./InlineSpinner.stories-Jgdd3rUD.js","./Link.stories-F3lrt_vW.js","./ContextMenu.stories-BIS5mcje.js","./DrawerMenu.stories-COgHUqbw.js","./FloatingMenu.stories-Be9q_CCS.js","./Menu.stories-k_jfyUr_.js","./MenuItem.stories-F-4d7T0e.js","./ToggleMenuItem.stories-CEJPP5rC.js","./NavBar.stories-byaHlBf-.js","./NavItem.stories-HIBg9mgb.js","./Progress.stories-CEZpK8db.js","./ReleaseAnnouncement.stories-DIAWvvfv.js","./Search.stories-DD46Zi2v.js","./Separator.stories-DL_i-pL6.js","./Toast.stories-dVfytGvs.js","./Tooltip.stories-CnR6I8kp.js","./Heading.stories-CHYUY4vG.js","./Text.stories-LnqBI7_q.js","./entry-preview-kv6lV1Ze.js","./chunk-H6MOWX77-DTQOW814.js","./entry-preview-docs-DfjFLSoM.js","./index-BiqJNaOC.js","./index-DrFu-skq.js","./preview-BhhEZcNS.js","./index-D-8MO0q_.js","./preview-ncvtW_hb.js","./preview-BWzBA1C2.js","./preview-DWhbl04G.js","./preview-csOr8s3g.js","./preview-FUPr7Ulx.css"])))=>i.map(i=>d[i]); -import"../sb-preview/runtime.js";(function(){const _=document.createElement("link").relList;if(_&&_.supports&&_.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))a(o);new MutationObserver(o=>{for(const e of o)if(e.type==="childList")for(const s of e.addedNodes)s.tagName==="LINK"&&s.rel==="modulepreload"&&a(s)}).observe(document,{childList:!0,subtree:!0});function m(o){const e={};return o.integrity&&(e.integrity=o.integrity),o.referrerPolicy&&(e.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?e.credentials="include":o.crossOrigin==="anonymous"?e.credentials="omit":e.credentials="same-origin",e}function a(o){if(o.ep)return;o.ep=!0;const e=m(o);fetch(o.href,e)}})();const T="modulepreload",I=function(r,_){return new URL(r,_).href},O={},t=function(_,m,a){let o=Promise.resolve();if(m&&m.length>0){const s=document.getElementsByTagName("link"),i=document.querySelector("meta[property=csp-nonce]"),d=i?.nonce||i?.getAttribute("nonce");o=Promise.allSettled(m.map(n=>{if(n=I(n,a),n in O)return;O[n]=!0;const p=n.endsWith(".css"),R=p?'[rel="stylesheet"]':"";if(!!a)for(let u=s.length-1;u>=0;u--){const E=s[u];if(E.href===n&&(!p||E.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${n}"]${R}`))return;const c=document.createElement("link");if(c.rel=p?"stylesheet":T,p||(c.as="script"),c.crossOrigin="",c.href=n,d&&c.setAttribute("nonce",d),document.head.appendChild(c),p)return new Promise((u,E)=>{c.addEventListener("load",u),c.addEventListener("error",()=>E(new Error(`Unable to preload CSS for ${n}`)))})}))}function e(s){const i=new Event("vite:preloadError",{cancelable:!0});if(i.payload=s,window.dispatchEvent(i),!i.defaultPrevented)throw s}return o.then(s=>{for(const i of s||[])i.status==="rejected"&&e(i.reason);return _().catch(e)})},{createBrowserChannel:L}=__STORYBOOK_MODULE_CHANNELS__,{addons:P}=__STORYBOOK_MODULE_PREVIEW_API__,l=L({page:"preview"});P.setChannel(l);window.__STORYBOOK_ADDONS_CHANNEL__=l;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=l);const y={"./src/components/Alert/Alert.stories.tsx":async()=>t(()=>import("./Alert.stories-LJ9BoOdE.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21]),import.meta.url),"./src/components/Avatar/Avatar.stories.tsx":async()=>t(()=>import("./Avatar.stories-5GNcD0iH.js"),__vite__mapDeps([22,1,2,23,4,24]),import.meta.url),"./src/components/Avatar/AvatarStack.stories.tsx":async()=>t(()=>import("./AvatarStack.stories-wdnsGuiY.js"),__vite__mapDeps([25,1,2,26,4,23,24]),import.meta.url),"./src/components/Badge/Badge.stories.tsx":async()=>t(()=>import("./Badge.stories-Bit9ymx4.js"),__vite__mapDeps([27,1,2,28,4,11,12,29]),import.meta.url),"./src/components/Button/ActionButton.stories.tsx":async()=>t(()=>import("./ActionButton.stories-B1qPgtU8.js"),__vite__mapDeps([30,1,2,31,32,33,34,35,8,36,37,38,9,39,40,41,42,43,44,3,4,5,6,16,17,18,19]),import.meta.url),"./src/components/Button/Button.stories.tsx":async()=>t(()=>import("./Button.stories-C8NmKuEu.js"),__vite__mapDeps([45,31,3,1,2,4,5,6,32,33,34,35,8,36,37,38,9,39,40,41,42,43,44]),import.meta.url),"./src/components/Button/IconButton/IconButton.stories.tsx":async()=>t(()=>import("./IconButton.stories-Ct7XG7ct.js"),__vite__mapDeps([46,1,2,31,13,4,5,14,15,16,17,18,19,20,42]),import.meta.url),"./src/components/Dropdown/Dropdown.stories.tsx":async()=>t(()=>import("./Dropdown.stories-CbO-AY9D.js"),__vite__mapDeps([47,48,1,2,37,36,9,4,17,18,49,31]),import.meta.url),"./src/components/Form/Controls/Action/Action.stories.tsx":async()=>t(()=>import("./Action.stories-CQseSQfa.js"),__vite__mapDeps([50,1,2,32,33,34,35,8,36,37,38,9,39,40,41,42,43,44,51,4,52,53,54,55,56,57,18,58,59,16,17,19,60]),import.meta.url),"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx":async()=>t(()=>import("./Checkbox.stories-CYM19RqU.js"),__vite__mapDeps([61,1,2,62,4,36,53,54,55,56,57,18,63]),import.meta.url),"./src/components/Form/Controls/EditInPlace/EditInPlace.stories.tsx":async()=>t(()=>import("./EditInPlace.stories-BhG4q8tW.js"),__vite__mapDeps([64,1,2,65,53,54,55,56,57,18,36,8,51,4,52,58,59,16,17,19,60,66,43,67,68,62,63,69,70,71,72,35,9,73,40,74,3,5,6,7,10,11,12,13,14,15,20,21,23,24,26,28,29,75,76,77,78,79,80,81,38,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,48,37,49,100,101,31]),import.meta.url),"./src/components/Form/Controls/MFA/MFA.stories.tsx":async()=>t(()=>import("./MFA.stories-lrOgWJaG.js"),__vite__mapDeps([102,1,2,67,4,53,54,55,56,57,18,68]),import.meta.url),"./src/components/Form/Controls/Password/Password.stories.tsx":async()=>t(()=>import("./Password.stories-B1NbGlsP.js"),__vite__mapDeps([103,1,2,66,53,54,55,56,57,18,51,4,52,58,59,16,17,19,60,43,31]),import.meta.url),"./src/components/Form/Controls/Radio/Radio.stories.tsx":async()=>t(()=>import("./Radio.stories-B9j7cZGk.js"),__vite__mapDeps([104,1,2,69,4,53,54,55,56,57,18,70]),import.meta.url),"./src/components/Form/Controls/Text/Text.stories.tsx":async()=>t(()=>import("./Text.stories-Bi_EdvdI.js"),__vite__mapDeps([105,1,2,52,53,54,55,56,57,18,4,58]),import.meta.url),"./src/components/Form/Controls/Toggle/Toggle.stories.tsx":async()=>t(()=>import("./Toggle.stories-PuYcW4qz.js"),__vite__mapDeps([106,71,1,2,4,53,54,55,56,57,18,72]),import.meta.url),"./src/components/Form/Form.stories.tsx":async()=>t(()=>import("./Form.stories-Dvs5AS4s.js"),__vite__mapDeps([107,1,2,51,4,52,53,54,55,56,57,18,58,59,16,17,19,60,66,43,67,68,62,36,63,69,70,71,72,65,8,35,9,73,40,74,3,5,6,7,10,11,12,13,14,15,20,21,23,24,26,28,29,75,76,77,78,79,80,81,38,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,48,37,49,100,101]),import.meta.url),"./src/components/Form/PasswordForm.stories.tsx":async()=>t(()=>import("./PasswordForm.stories-uYjIe7w1.js"),__vite__mapDeps([108,1,2,44,51,4,52,53,54,55,56,57,18,58,59,16,17,19,60,66,43,67,68,62,36,63,69,70,71,72,65,8,35,9,73,40,74,3,5,6,7,10,11,12,13,14,15,20,21,23,24,26,28,29,75,76,77,78,79,80,81,38,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,48,37,49,100,101]),import.meta.url),"./src/components/Glass/Glass.stories.tsx":async()=>t(()=>import("./Glass.stories-CZNcNFEl.js"),__vite__mapDeps([109,1,2,83,4,84,10,11,12]),import.meta.url),"./src/components/Icon/Icon.stories.tsx":async()=>t(()=>import("./Icon.stories-B1cgZ4UF.js"),__vite__mapDeps([110,1,2,41]),import.meta.url),"./src/components/Icon/IndicatorIcon/IndicatorIcon.stories.tsx":async()=>t(()=>import("./IndicatorIcon.stories-CKWY1FVW.js"),__vite__mapDeps([111,1,2,31,14,4,15,41]),import.meta.url),"./src/components/InlineSpinner/InlineSpinner.stories.tsx":async()=>t(()=>import("./InlineSpinner.stories-Jgdd3rUD.js"),__vite__mapDeps([112,73,1,2,40,74]),import.meta.url),"./src/components/Link/Link.stories.tsx":async()=>t(()=>import("./Link.stories-F3lrt_vW.js"),__vite__mapDeps([113,1,2,86,4,87]),import.meta.url),"./src/components/Menu/ContextMenu.stories.tsx":async()=>t(()=>import("./ContextMenu.stories-BIS5mcje.js"),__vite__mapDeps([114,1,2,42,33,75,54,57,18,55,76,56,17,77,4,59,10,11,12,78,79,80,81,38,82,93,94]),import.meta.url),"./src/components/Menu/DrawerMenu.stories.tsx":async()=>t(()=>import("./DrawerMenu.stories-COgHUqbw.js"),__vite__mapDeps([115,1,2,42,33,79,4,80,81,10,11,12,38,55,82,93,57,18,17,94]),import.meta.url),"./src/components/Menu/FloatingMenu.stories.tsx":async()=>t(()=>import("./FloatingMenu.stories-Be9q_CCS.js"),__vite__mapDeps([116,1,2,42,33,77,4,59,10,11,12,78,81,38,55,82,93,57,18,17,94]),import.meta.url),"./src/components/Menu/Menu.stories.tsx":async()=>t(()=>import("./Menu.stories-k_jfyUr_.js"),__vite__mapDeps([117,1,2,42,33,90,54,55,76,56,57,18,17,77,4,59,10,11,12,78,79,80,81,38,82,93,94,3,5,6]),import.meta.url),"./src/components/Menu/MenuItem.stories.tsx":async()=>t(()=>import("./MenuItem.stories-F-4d7T0e.js"),__vite__mapDeps([118,1,2,34,39,81,4,10,11,12,38,55,82]),import.meta.url),"./src/components/Menu/ToggleMenuItem.stories.tsx":async()=>t(()=>import("./ToggleMenuItem.stories-CEJPP5rC.js"),__vite__mapDeps([119,1,2,34,95,81,4,10,11,12,38,55,82,71,53,54,56,57,18,72,59]),import.meta.url),"./src/components/Nav/NavBar.stories.tsx":async()=>t(()=>import("./NavBar.stories-byaHlBf-.js"),__vite__mapDeps([120,1,2,88,4,89]),import.meta.url),"./src/components/Nav/NavItem.stories.tsx":async()=>t(()=>import("./NavItem.stories-HIBg9mgb.js"),__vite__mapDeps([121,1,2,88,4,89]),import.meta.url),"./src/components/Progress/Progress.stories.tsx":async()=>t(()=>import("./Progress.stories-CEZpK8db.js"),__vite__mapDeps([122,91,1,2,4,56,57,18,55,59,92]),import.meta.url),"./src/components/ReleaseAnnouncement/ReleaseAnnouncement.stories.tsx":async()=>t(()=>import("./ReleaseAnnouncement.stories-DIAWvvfv.js"),__vite__mapDeps([123,1,2,3,4,5,6,13,14,15,16,17,18,19,20,96,10,11,12,97]),import.meta.url),"./src/components/Search/Search.stories.tsx":async()=>t(()=>import("./Search.stories-DD46Zi2v.js"),__vite__mapDeps([124,1,2,65,53,54,55,56,57,18,36,8,51,4,52,58,59,16,17,19,60,66,43,67,68,62,63,69,70,71,72,35,9,73,40,74,3,5,6,7,10,11,12,13,14,15,20,21,23,24,26,28,29,75,76,77,78,79,80,81,38,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,48,37,49,100,101]),import.meta.url),"./src/components/Separator/Separator.stories.tsx":async()=>t(()=>import("./Separator.stories-DL_i-pL6.js"),__vite__mapDeps([125,93,1,2,4,57,18,55,17,94]),import.meta.url),"./src/components/Toast/Toast.stories.tsx":async()=>t(()=>import("./Toast.stories-dVfytGvs.js"),__vite__mapDeps([126,98,1,2,4,99]),import.meta.url),"./src/components/Tooltip/Tooltip.stories.tsx":async()=>t(()=>import("./Tooltip.stories-CnR6I8kp.js"),__vite__mapDeps([127,1,2,16,17,18,4,19,3,5,6,13,14,15,20,42]),import.meta.url),"./src/components/Typography/Heading.stories.tsx":async()=>t(()=>import("./Heading.stories-CHYUY4vG.js"),__vite__mapDeps([128,1,2,85,11,4,12,10]),import.meta.url),"./src/components/Typography/Text.stories.tsx":async()=>t(()=>import("./Text.stories-LnqBI7_q.js"),__vite__mapDeps([129,10,1,2,11,4,12]),import.meta.url)};async function A(r){return y[r]()}const{composeConfigs:v,PreviewWeb:D,ClientApi:g}=__STORYBOOK_MODULE_PREVIEW_API__,V=async(r=[])=>{const _=await Promise.all([r.at(0)??t(()=>import("./entry-preview-kv6lV1Ze.js"),__vite__mapDeps([130,131,2,18]),import.meta.url),r.at(1)??t(()=>import("./entry-preview-docs-DfjFLSoM.js"),__vite__mapDeps([132,131,133,2,134]),import.meta.url),r.at(2)??t(()=>import("./preview-BhhEZcNS.js"),__vite__mapDeps([135,136]),import.meta.url),r.at(3)??t(()=>import("./preview-CRwIWS1E.js"),[],import.meta.url),r.at(4)??t(()=>import("./preview-DHPc-V4N.js"),[],import.meta.url),r.at(5)??t(()=>import("./preview-ncvtW_hb.js"),__vite__mapDeps([137,134]),import.meta.url),r.at(6)??t(()=>import("./preview-DYzi3Z2p.js"),[],import.meta.url),r.at(7)??t(()=>import("./preview-CuLlOZat.js"),[],import.meta.url),r.at(8)??t(()=>import("./preview-BWzBA1C2.js"),__vite__mapDeps([138,134]),import.meta.url),r.at(9)??t(()=>import("./preview-caVMbCIR.js"),[],import.meta.url),r.at(10)??t(()=>import("./preview-DWhbl04G.js"),__vite__mapDeps([139,31]),import.meta.url),r.at(11)??t(()=>import("./preview-CVgpLj3b.js"),[],import.meta.url),r.at(12)??t(()=>import("./preview-csOr8s3g.js"),__vite__mapDeps([140,2,141,101]),import.meta.url)]);return v(_)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new D(A,V);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; diff --git a/assets/iframe-C5aVuueH.js b/assets/iframe-C5aVuueH.js new file mode 100644 index 00000000..10acce15 --- /dev/null +++ b/assets/iframe-C5aVuueH.js @@ -0,0 +1,2 @@ +const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Alert.stories-D70ncCTD.js","./jsx-runtime-CexXSJP5.js","./index-BP8_t0zE.js","./Button-C0_Ps78g.js","./index-CSpfAsmC.js","./UnstyledButton-C9fNLva5.js","./Button-BkPuaSuC.css","./info-BqHmDWX7.js","./error-Dmbc84hO.js","./close-Cii-U1fy.js","./Text-43GasnQW.js","./Typography-BWOtt-hZ.js","./Typography-CfvbYAu4.css","./IconButton-BxFxHD6q.js","./IndicatorIcon-B59qELJf.js","./IndicatorIcon-DPew4OU8.css","./Tooltip-GcGKJhf-.js","./floating-ui.react-BR2piq7W.js","./index-BlTQwN6S.js","./Tooltip-D69ZCLpI.css","./IconButton-BSHvdCWD.css","./Alert-CdCLBpDg.css","./Avatar.stories-BVjcXUo5.js","./Avatar-OPpxc4CT.js","./Avatar-C-OTxRZn.css","./AvatarStack.stories-DNn0PNhN.js","./Badge.stories-BFsE0Y2I.js","./Badge-8qM5UjWT.css","./ActionButton.stories-BGTeafxp.js","./index-ozRUDpri.js","./index-BFhxXLU7.js","./notifications-MBLL4uPX.js","./extensions-NPI-SMnu.js","./check-circle-solid-TQoBW1Dk.js","./check-Bjchr0Ec.js","./chevron-down-Ua1BCmcD.js","./chevron-right-DF47_mtr.js","./search-CSxMuxmN.js","./settings-DxGsE2C2.js","./spinner-DszwWdC7.js","./threads-BMeJ5mkW.js","./user-profile-EvkA4CON.js","./visibility-on-D1sVPsTi.js","./warning-B4ZpXzLn.js","./Button.stories-B_gGMOro.js","./IconButton.stories-DguG0rBm.js","./Dropdown.stories-BsfPJaL0.js","./Dropdown-DwBOGpgU.css","./Action.stories-Dd_P9cgp.js","./Action-BuGy3aLo.js","./useId-DIHOOv91.js","./index-Br7_Jfcb.js","./index-DD7XHAoh.js","./index-Dp4tTk3o.js","./index-CcH3h_90.js","./index-BjHk5heU.js","./Text-DffShOOB.js","./Text-eTlBFuSe.css","./Action-BCJ2_vsV.css","./Checkbox.stories-C0jMiuSv.js","./Checkbox-CF22c-2X.js","./Checkbox-C6phXg9v.css","./EditInPlace.stories-CnlN98DC.js","./Message-BiisbMQR.js","./Label-DrSdbBfa.js","./Label-dXS8hmUH.css","./InlineSpinner-DZ2uBgAt.js","./InlineSpinner-D3NIwA_H.css","./EditInPlace-nCwaIhIi.css","./MFA.stories-Bu_oJAWM.js","./MFA-BvC7feFI.js","./MFA-DE5RR2Vr.css","./Password.stories-BPYWOxPC.js","./Password-D4qsyn4M.js","./Radio.stories-BcASxdGk.js","./Radio-BoTHrnaJ.js","./Radio-COtHnm0C.css","./Text.stories-B-bWjwzG.js","./Toggle.stories-BhOJuYA_.js","./Toggle-B6z_Q1xa.js","./Toggle-BxfNLRoj.css","./Form.stories-DNsAeuxv.js","./PasswordForm.stories-hZKYhHJ_.js","./Progress-CSH-SY2b.js","./Progress-BQm9KB_P.css","./Glass.stories-Cl_CWZVO.js","./Glass-BiF3lt7L.css","./Icon.stories-B1cgZ4UF.js","./IndicatorIcon.stories-CAvJSynz.js","./InlineSpinner.stories-Jgdd3rUD.js","./Link.stories-EORwezLC.js","./Link-COi2doS4.css","./ContextMenu.stories-CxpuWnNP.js","./index-Bntl8XdB.js","./FloatingMenu-CL2la2kV.js","./FloatingMenu-DpTpmI5z.css","./DrawerMenu-BgyYdqxq.js","./DrawerMenu-sgngTVD6.css","./MenuItem-B7JmuVZQ.js","./MenuItem-C06gbZZr.css","./Separator-0nqzHv-U.js","./Separator-BJXoghAv.css","./DrawerMenu.stories-auvc2ADV.js","./FloatingMenu.stories-Z946Ul9t.js","./Menu.stories-mHaF8bRV.js","./MenuItem.stories-DYu1iP0a.js","./ToggleMenuItem.stories-CnQXoVZb.js","./NavBar.stories-byaHlBf-.js","./NavItem-CCdVkP0k.js","./NavItem-Dqt-FK6G.css","./NavItem.stories-HIBg9mgb.js","./Progress.stories-CNp-nP0q.js","./ReleaseAnnouncement.stories-BCmQy368.js","./ReleaseAnnouncement-DOxWiBH2.css","./Search.stories-BgZw-w1d.js","./Search-D1SCc-Zy.css","./Separator.stories-D4OEON1O.js","./Toast.stories-B0471lRC.js","./Toast-OmC1UN0x.css","./Tooltip.stories-CVplVha7.js","./Heading.stories-CZU_8y4Y.js","./Text.stories-DEQpK8_4.js","./entry-preview-DtfxYks3.js","./chunk-H6MOWX77-DTQOW814.js","./entry-preview-docs-DfjFLSoM.js","./index-BiqJNaOC.js","./index-DrFu-skq.js","./preview-BhhEZcNS.js","./index-D-8MO0q_.js","./preview-ncvtW_hb.js","./preview-BWzBA1C2.js","./preview-DWhbl04G.js","./preview-CJiin1jF.js","./preview-C-azK_iJ.css"])))=>i.map(i=>d[i]); +import"../sb-preview/runtime.js";(function(){const _=document.createElement("link").relList;if(_&&_.supports&&_.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))a(o);new MutationObserver(o=>{for(const e of o)if(e.type==="childList")for(const s of e.addedNodes)s.tagName==="LINK"&&s.rel==="modulepreload"&&a(s)}).observe(document,{childList:!0,subtree:!0});function m(o){const e={};return o.integrity&&(e.integrity=o.integrity),o.referrerPolicy&&(e.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?e.credentials="include":o.crossOrigin==="anonymous"?e.credentials="omit":e.credentials="same-origin",e}function a(o){if(o.ep)return;o.ep=!0;const e=m(o);fetch(o.href,e)}})();const T="modulepreload",I=function(r,_){return new URL(r,_).href},O={},t=function(_,m,a){let o=Promise.resolve();if(m&&m.length>0){const s=document.getElementsByTagName("link"),i=document.querySelector("meta[property=csp-nonce]"),d=i?.nonce||i?.getAttribute("nonce");o=Promise.allSettled(m.map(n=>{if(n=I(n,a),n in O)return;O[n]=!0;const p=n.endsWith(".css"),R=p?'[rel="stylesheet"]':"";if(!!a)for(let u=s.length-1;u>=0;u--){const E=s[u];if(E.href===n&&(!p||E.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${n}"]${R}`))return;const c=document.createElement("link");if(c.rel=p?"stylesheet":T,p||(c.as="script"),c.crossOrigin="",c.href=n,d&&c.setAttribute("nonce",d),document.head.appendChild(c),p)return new Promise((u,E)=>{c.addEventListener("load",u),c.addEventListener("error",()=>E(new Error(`Unable to preload CSS for ${n}`)))})}))}function e(s){const i=new Event("vite:preloadError",{cancelable:!0});if(i.payload=s,window.dispatchEvent(i),!i.defaultPrevented)throw s}return o.then(s=>{for(const i of s||[])i.status==="rejected"&&e(i.reason);return _().catch(e)})},{createBrowserChannel:L}=__STORYBOOK_MODULE_CHANNELS__,{addons:P}=__STORYBOOK_MODULE_PREVIEW_API__,l=L({page:"preview"});P.setChannel(l);window.__STORYBOOK_ADDONS_CHANNEL__=l;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=l);const y={"./src/components/Alert/Alert.stories.tsx":async()=>t(()=>import("./Alert.stories-D70ncCTD.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21]),import.meta.url),"./src/components/Avatar/Avatar.stories.tsx":async()=>t(()=>import("./Avatar.stories-BVjcXUo5.js"),__vite__mapDeps([22,1,2,23,4,24]),import.meta.url),"./src/components/Avatar/AvatarStack.stories.tsx":async()=>t(()=>import("./AvatarStack.stories-DNn0PNhN.js"),__vite__mapDeps([25,1,2,4,23,24]),import.meta.url),"./src/components/Badge/Badge.stories.tsx":async()=>t(()=>import("./Badge.stories-BFsE0Y2I.js"),__vite__mapDeps([26,1,2,4,11,12,27]),import.meta.url),"./src/components/Button/ActionButton.stories.tsx":async()=>t(()=>import("./ActionButton.stories-BGTeafxp.js"),__vite__mapDeps([28,1,2,29,30,31,32,33,7,34,35,36,9,8,37,38,39,40,41,42,43,3,4,5,6,16,17,18,19]),import.meta.url),"./src/components/Button/Button.stories.tsx":async()=>t(()=>import("./Button.stories-B_gGMOro.js"),__vite__mapDeps([44,29,3,1,2,4,5,6,30,31,32,33,7,34,35,36,9,8,37,38,39,40,41,42,43]),import.meta.url),"./src/components/Button/IconButton/IconButton.stories.tsx":async()=>t(()=>import("./IconButton.stories-DguG0rBm.js"),__vite__mapDeps([45,1,2,29,13,4,5,14,15,16,17,18,19,20,41]),import.meta.url),"./src/components/Dropdown/Dropdown.stories.tsx":async()=>t(()=>import("./Dropdown.stories-BsfPJaL0.js"),__vite__mapDeps([46,1,2,35,34,8,4,17,18,29,47]),import.meta.url),"./src/components/Form/Controls/Action/Action.stories.tsx":async()=>t(()=>import("./Action.stories-Dd_P9cgp.js"),__vite__mapDeps([48,1,2,30,31,32,33,7,34,35,36,9,8,37,38,39,40,41,42,43,16,17,18,4,19,49,50,51,52,53,54,55,56,57,58]),import.meta.url),"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx":async()=>t(()=>import("./Checkbox.stories-C0jMiuSv.js"),__vite__mapDeps([59,1,2,60,4,34,51,52,53,54,55,18,61]),import.meta.url),"./src/components/Form/Controls/EditInPlace/EditInPlace.stories.tsx":async()=>t(()=>import("./EditInPlace.stories-CnlN98DC.js"),__vite__mapDeps([62,1,2,29,63,51,52,53,54,55,18,64,4,65,33,8,66,39,67,16,17,19,34,9,56,57,3,5,6,68]),import.meta.url),"./src/components/Form/Controls/MFA/MFA.stories.tsx":async()=>t(()=>import("./MFA.stories-Bu_oJAWM.js"),__vite__mapDeps([69,1,2,70,4,51,52,53,54,55,18,71]),import.meta.url),"./src/components/Form/Controls/Password/Password.stories.tsx":async()=>t(()=>import("./Password.stories-BPYWOxPC.js"),__vite__mapDeps([72,1,2,16,17,18,4,19,29,73,51,52,53,54,55,42,49,50,56,57,58]),import.meta.url),"./src/components/Form/Controls/Radio/Radio.stories.tsx":async()=>t(()=>import("./Radio.stories-BcASxdGk.js"),__vite__mapDeps([74,1,2,75,4,51,52,53,54,55,18,76]),import.meta.url),"./src/components/Form/Controls/Text/Text.stories.tsx":async()=>t(()=>import("./Text.stories-B-bWjwzG.js"),__vite__mapDeps([77,1,2,56,51,52,53,54,55,18,4,57]),import.meta.url),"./src/components/Form/Controls/Toggle/Toggle.stories.tsx":async()=>t(()=>import("./Toggle.stories-BhOJuYA_.js"),__vite__mapDeps([78,79,1,2,4,51,52,53,54,55,18,80]),import.meta.url),"./src/components/Form/Form.stories.tsx":async()=>t(()=>import("./Form.stories-DNsAeuxv.js"),__vite__mapDeps([81,1,2,16,17,18,4,19,63,51,52,53,54,55,64,65,33,8,66,39,67,56,57,73,42,49,50,58,70,71,60,34,61,75,76,79,80,3,5,6]),import.meta.url),"./src/components/Form/PasswordForm.stories.tsx":async()=>t(()=>import("./PasswordForm.stories-hZKYhHJ_.js"),__vite__mapDeps([82,1,2,43,83,4,54,55,18,53,50,84,16,17,19,63,51,52,64,65,33,8,66,39,67,73,42,49,56,57,58]),import.meta.url),"./src/components/Glass/Glass.stories.tsx":async()=>t(()=>import("./Glass.stories-Cl_CWZVO.js"),__vite__mapDeps([85,1,2,4,10,11,12,86]),import.meta.url),"./src/components/Icon/Icon.stories.tsx":async()=>t(()=>import("./Icon.stories-B1cgZ4UF.js"),__vite__mapDeps([87,1,2,40]),import.meta.url),"./src/components/Icon/IndicatorIcon/IndicatorIcon.stories.tsx":async()=>t(()=>import("./IndicatorIcon.stories-CAvJSynz.js"),__vite__mapDeps([88,1,2,29,14,4,15,40]),import.meta.url),"./src/components/InlineSpinner/InlineSpinner.stories.tsx":async()=>t(()=>import("./InlineSpinner.stories-Jgdd3rUD.js"),__vite__mapDeps([89,66,1,2,39,67]),import.meta.url),"./src/components/Link/Link.stories.tsx":async()=>t(()=>import("./Link.stories-EORwezLC.js"),__vite__mapDeps([90,1,2,4,91]),import.meta.url),"./src/components/Menu/ContextMenu.stories.tsx":async()=>t(()=>import("./ContextMenu.stories-CxpuWnNP.js"),__vite__mapDeps([92,1,2,41,31,52,55,18,53,93,54,17,94,4,50,10,11,12,95,96,97,98,36,99,100,101]),import.meta.url),"./src/components/Menu/DrawerMenu.stories.tsx":async()=>t(()=>import("./DrawerMenu.stories-auvc2ADV.js"),__vite__mapDeps([102,1,2,41,31,96,4,97,98,10,11,12,36,53,99,100,55,18,17,101]),import.meta.url),"./src/components/Menu/FloatingMenu.stories.tsx":async()=>t(()=>import("./FloatingMenu.stories-Z946Ul9t.js"),__vite__mapDeps([103,1,2,41,31,94,4,50,10,11,12,95,98,36,53,99,100,55,18,17,101]),import.meta.url),"./src/components/Menu/Menu.stories.tsx":async()=>t(()=>import("./Menu.stories-mHaF8bRV.js"),__vite__mapDeps([104,1,2,41,31,52,53,93,54,55,18,17,94,4,50,10,11,12,95,96,97,98,36,99,100,101,3,5,6]),import.meta.url),"./src/components/Menu/MenuItem.stories.tsx":async()=>t(()=>import("./MenuItem.stories-DYu1iP0a.js"),__vite__mapDeps([105,1,2,32,38,98,4,10,11,12,36,53,99]),import.meta.url),"./src/components/Menu/ToggleMenuItem.stories.tsx":async()=>t(()=>import("./ToggleMenuItem.stories-CnQXoVZb.js"),__vite__mapDeps([106,1,2,32,98,4,10,11,12,36,53,99,50,79,51,52,54,55,18,80]),import.meta.url),"./src/components/Nav/NavBar.stories.tsx":async()=>t(()=>import("./NavBar.stories-byaHlBf-.js"),__vite__mapDeps([107,1,2,108,4,109]),import.meta.url),"./src/components/Nav/NavItem.stories.tsx":async()=>t(()=>import("./NavItem.stories-HIBg9mgb.js"),__vite__mapDeps([110,1,2,108,4,109]),import.meta.url),"./src/components/Progress/Progress.stories.tsx":async()=>t(()=>import("./Progress.stories-CNp-nP0q.js"),__vite__mapDeps([111,83,1,2,4,54,55,18,53,50,84]),import.meta.url),"./src/components/ReleaseAnnouncement/ReleaseAnnouncement.stories.tsx":async()=>t(()=>import("./ReleaseAnnouncement.stories-BCmQy368.js"),__vite__mapDeps([112,1,2,17,18,10,11,4,12,3,5,6,113]),import.meta.url),"./src/components/Search/Search.stories.tsx":async()=>t(()=>import("./Search.stories-BgZw-w1d.js"),__vite__mapDeps([114,1,2,4,37,50,64,51,52,53,54,55,18,65,115]),import.meta.url),"./src/components/Separator/Separator.stories.tsx":async()=>t(()=>import("./Separator.stories-D4OEON1O.js"),__vite__mapDeps([116,100,1,2,4,55,18,53,17,101]),import.meta.url),"./src/components/Toast/Toast.stories.tsx":async()=>t(()=>import("./Toast.stories-B0471lRC.js"),__vite__mapDeps([117,1,2,4,118]),import.meta.url),"./src/components/Tooltip/Tooltip.stories.tsx":async()=>t(()=>import("./Tooltip.stories-CVplVha7.js"),__vite__mapDeps([119,1,2,16,17,18,4,19,41,13,5,14,15,20]),import.meta.url),"./src/components/Typography/Heading.stories.tsx":async()=>t(()=>import("./Heading.stories-CZU_8y4Y.js"),__vite__mapDeps([120,1,2,11,4,12,10]),import.meta.url),"./src/components/Typography/Text.stories.tsx":async()=>t(()=>import("./Text.stories-DEQpK8_4.js"),__vite__mapDeps([121,10,1,2,11,4,12]),import.meta.url)};async function A(r){return y[r]()}const{composeConfigs:v,PreviewWeb:D,ClientApi:g}=__STORYBOOK_MODULE_PREVIEW_API__,V=async(r=[])=>{const _=await Promise.all([r.at(0)??t(()=>import("./entry-preview-DtfxYks3.js"),__vite__mapDeps([122,123,2,18]),import.meta.url),r.at(1)??t(()=>import("./entry-preview-docs-DfjFLSoM.js"),__vite__mapDeps([124,123,125,2,126]),import.meta.url),r.at(2)??t(()=>import("./preview-BhhEZcNS.js"),__vite__mapDeps([127,128]),import.meta.url),r.at(3)??t(()=>import("./preview-CQsYjgkt.js"),[],import.meta.url),r.at(4)??t(()=>import("./preview-DHPc-V4N.js"),[],import.meta.url),r.at(5)??t(()=>import("./preview-ncvtW_hb.js"),__vite__mapDeps([129,126]),import.meta.url),r.at(6)??t(()=>import("./preview-DYzi3Z2p.js"),[],import.meta.url),r.at(7)??t(()=>import("./preview-CuLlOZat.js"),[],import.meta.url),r.at(8)??t(()=>import("./preview-BWzBA1C2.js"),__vite__mapDeps([130,126]),import.meta.url),r.at(9)??t(()=>import("./preview-caVMbCIR.js"),[],import.meta.url),r.at(10)??t(()=>import("./preview-DWhbl04G.js"),__vite__mapDeps([131,29]),import.meta.url),r.at(11)??t(()=>import("./preview-CVgpLj3b.js"),[],import.meta.url),r.at(12)??t(()=>import("./preview-CJiin1jF.js"),__vite__mapDeps([132,2,133]),import.meta.url)]);return v(_)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new D(A,V);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; diff --git a/assets/index-BFhxXLU7.js b/assets/index-BFhxXLU7.js new file mode 100644 index 00000000..506c9f32 --- /dev/null +++ b/assets/index-BFhxXLU7.js @@ -0,0 +1 @@ +import{r}from"./index-BP8_t0zE.js";import{j as e}from"./jsx-runtime-CexXSJP5.js";import{C as W0,L as q0,N as $0}from"./notifications-MBLL4uPX.js";import{C as J0,E as X0}from"./extensions-NPI-SMnu.js";import{C as Y0}from"./check-circle-solid-TQoBW1Dk.js";import{C as e2,I as o2}from"./info-BqHmDWX7.js";import{C as c2}from"./check-Bjchr0Ec.js";import{C as r2}from"./chevron-down-Ua1BCmcD.js";import{C as n2}from"./chevron-right-DF47_mtr.js";import{C as a2}from"./close-Cii-U1fy.js";import{E as l2}from"./error-Dmbc84hO.js";import{S as t2}from"./search-CSxMuxmN.js";import{S as i2}from"./settings-DxGsE2C2.js";import{S as s2}from"./spinner-DszwWdC7.js";import{T as h2}from"./threads-BMeJ5mkW.js";import{U as d2}from"./user-profile-EvkA4CON.js";import{a as w2,V as m2}from"./visibility-on-D1sVPsTi.js";import{W as f2}from"./warning-B4ZpXzLn.js";function n(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{fillRule:"evenodd",d:"m12 4.236-6 3V12c0 5.156 4.239 7.254 6 7.898 1.761-.644 6-2.742 6-7.898V7.236l-6-3Zm-.894-1.789a2 2 0 0 1 1.788 0l6 3A2 2 0 0 1 20 7.236V12c0 6.742-5.773 9.246-7.51 9.846-.32.111-.66.111-.98 0C9.774 21.246 4 18.742 4 12V7.236a2 2 0 0 1 1.106-1.789l6-3Z",clipRule:"evenodd"})})}n.displayName="AdminIcon";const v2=r.forwardRef(n);function a(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 4.5a1 1 0 0 1 1 1v10.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 1 1 1.414-1.414L11 16.086V5.5a1 1 0 0 1 1-1Z"})})}a.displayName="ArrowDownIcon";const x2=r.forwardRef(a);function l(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12.207 5.293a1 1 0 0 1 0 1.414L7.914 11H18.5a1 1 0 1 1 0 2H7.914l4.293 4.293a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 0Z"})})}l.displayName="ArrowLeftIcon";const g2=r.forwardRef(l);function t(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M11.793 5.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L16.086 13H5.5a1 1 0 1 1 0-2h10.586l-4.293-4.293a1 1 0 0 1 0-1.414Z"})})}t.displayName="ArrowRightIcon";const p2=r.forwardRef(t);function i(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M17.924 6.617a.996.996 0 0 1 .076.38V15a1 1 0 1 1-2 0V9.414l-8.293 8.293a1 1 0 0 1-1.414-1.414L14.586 8H9a1 1 0 0 1 0-2h8a.997.997 0 0 1 .924.617Z"})})}i.displayName="ArrowUpRightIcon";const u2=r.forwardRef(i);function s(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 19.5a1 1 0 0 0 1-1V7.914l4.293 4.293a1 1 0 0 0 1.414-1.414l-6-6a1 1 0 0 0-1.414 0l-6 6a1 1 0 1 0 1.414 1.414L11 7.914V18.5a1 1 0 0 0 1 1Z"})})}s.displayName="ArrowUpIcon";const A2=r.forwardRef(s);function h(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M11.5 22c-1.533 0-2.833-.533-3.9-1.6C6.533 19.333 6 18.033 6 16.5V6c0-1.1.392-2.042 1.175-2.825C7.958 2.392 8.9 2 10 2s2.042.392 2.825 1.175C13.608 3.958 14 4.9 14 6v9.5c0 .7-.242 1.292-.725 1.775-.483.483-1.075.725-1.775.725s-1.292-.242-1.775-.725C9.242 16.792 9 16.2 9 15.5V6.75A.728.728 0 0 1 9.75 6a.729.729 0 0 1 .75.75v8.75c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288a.968.968 0 0 0 .287-.712V6c0-.7-.242-1.292-.725-1.775C11.292 3.742 10.7 3.5 10 3.5s-1.292.242-1.775.725C7.742 4.708 7.5 5.3 7.5 6v10.5c0 1.1.392 2.042 1.175 2.825.783.783 1.725 1.175 2.825 1.175s2.042-.392 2.825-1.175c.783-.783 1.175-1.725 1.175-2.825V6.75a.728.728 0 0 1 .75-.75.728.728 0 0 1 .75.75v9.75c0 1.533-.533 2.833-1.6 3.9-1.067 1.067-2.367 1.6-3.9 1.6Z"})})}h.displayName="AttachmentIcon";const I2=r.forwardRef(h);function d(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Zm0-2c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-.9-.146-1.767-.438-2.6A7.951 7.951 0 0 0 18.3 7.1L7.1 18.3c.7.55 1.467.97 2.3 1.262.833.292 1.7.438 2.6.438Zm-6.3-3.1L16.9 5.7a7.95 7.95 0 0 0-2.3-1.263A7.813 7.813 0 0 0 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 .9.146 1.767.438 2.6A7.95 7.95 0 0 0 5.7 16.9Z"})})}d.displayName="BlockIcon";const Z2=r.forwardRef(d);function w(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M8.8 19c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 6.8 17V7c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 8.8 5h3.525c1.083 0 2.083.333 3 1 .917.667 1.375 1.592 1.375 2.775 0 .85-.192 1.504-.575 1.963-.383.458-.742.787-1.075.987.417.183.88.525 1.387 1.025.509.5.763 1.25.763 2.25 0 1.483-.542 2.52-1.625 3.113-1.083.591-2.1.887-3.05.887H8.8Zm1.025-2.8h2.6c.8 0 1.287-.204 1.462-.612.175-.409.263-.705.263-.888 0-.183-.088-.48-.263-.887-.175-.409-.687-.613-1.537-.613H9.825v3Zm0-5.7h2.325c.55 0 .95-.142 1.2-.425a1.4 1.4 0 0 0 .375-.95c0-.4-.142-.725-.425-.975-.283-.25-.65-.375-1.1-.375H9.825V10.5Z"})})}w.displayName="BoldIcon";const C2=r.forwardRef(w);function m(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M5 22c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 20V6c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 5 4h1V2h2v2h8V2h2v2h1c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v14c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 22H5Zm0-2h14V10H5v10ZM5 8h14V6H5v2Zm7 6a.968.968 0 0 1-.713-.287A.968.968 0 0 1 11 13c0-.283.096-.52.287-.713A.968.968 0 0 1 12 12c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 12 14Zm-4 0a.967.967 0 0 1-.713-.287A.968.968 0 0 1 7 13c0-.283.096-.52.287-.713A.967.967 0 0 1 8 12c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.967.967 0 0 1 8 14Zm8 0a.968.968 0 0 1-.713-.287A.968.968 0 0 1 15 13c0-.283.096-.52.287-.713A.968.968 0 0 1 16 12a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 16 14Zm-4 4a.968.968 0 0 1-.713-.288A.968.968 0 0 1 11 17a.97.97 0 0 1 .287-.712A.968.968 0 0 1 12 16a.97.97 0 0 1 .713.288c.191.191.287.429.287.712s-.096.52-.287.712A.968.968 0 0 1 12 18Zm-4 0a.967.967 0 0 1-.713-.288A.968.968 0 0 1 7 17a.97.97 0 0 1 .287-.712A.967.967 0 0 1 8 16a.97.97 0 0 1 .713.288c.191.191.287.429.287.712s-.096.52-.287.712A.967.967 0 0 1 8 18Zm8 0a.968.968 0 0 1-.713-.288A.968.968 0 0 1 15 17a.97.97 0 0 1 .287-.712A.968.968 0 0 1 16 16c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.712A.968.968 0 0 1 16 18Z"})})}m.displayName="CalendarIcon";const j2=r.forwardRef(m);function f(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M8 17a.97.97 0 0 0 .713-.288A.968.968 0 0 0 9 16v-5a.968.968 0 0 0-.287-.713A.967.967 0 0 0 8 10a.967.967 0 0 0-.713.287A.968.968 0 0 0 7 11v5c0 .283.096.52.287.712.192.192.43.288.713.288Zm4 0a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 16V8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 12 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 8v8c0 .283.096.52.287.712.192.192.43.288.713.288Zm4 0c.283 0 .52-.096.712-.288A.968.968 0 0 0 17 16v-2a.968.968 0 0 0-.288-.713A.968.968 0 0 0 16 13a.968.968 0 0 0-.713.287A.968.968 0 0 0 15 14v2c0 .283.096.52.287.712.192.192.43.288.713.288ZM5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h14c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v14c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5Zm0-2h14V5H5v14Z"})})}f.displayName="ChartIcon";const M2=r.forwardRef(f);function v(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M19 6h-2a.968.968 0 0 1-.712-.287A.967.967 0 0 1 16 5a.97.97 0 0 1 .288-.713A.968.968 0 0 1 17 4h2V2c0-.283.096-.52.288-.712A.968.968 0 0 1 20 1c.283 0 .52.096.712.288A.965.965 0 0 1 21 2v2h2a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 23 6h-2v2a.97.97 0 0 1-.288.713A.968.968 0 0 1 20 9a.968.968 0 0 1-.712-.287A.967.967 0 0 1 19 8V6Z"}),e.jsx("path",{d:"M22 17v-6.341A5.99 5.99 0 0 1 20 11v6H6a2 2 0 0 0-1.414.586L4 18.172V5h10c0-.701.12-1.374.341-2H4a2 2 0 0 0-2 2v15.586c0 .89 1.077 1.337 1.707.707L6 19h14a2 2 0 0 0 2-2Z"})]})}v.displayName="ChatNewIcon";const V2=r.forwardRef(v);function x(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M2.95 16.3 1.5 21.25a.936.936 0 0 0 .25 1 .936.936 0 0 0 1 .25l4.95-1.45a10.23 10.23 0 0 0 2.1.712c.717.159 1.45.238 2.2.238a9.737 9.737 0 0 0 3.9-.788 10.098 10.098 0 0 0 3.175-2.137c.9-.9 1.613-1.958 2.137-3.175A9.738 9.738 0 0 0 22 12a9.738 9.738 0 0 0-.788-3.9 10.099 10.099 0 0 0-2.137-3.175c-.9-.9-1.958-1.612-3.175-2.137A9.737 9.737 0 0 0 12 2a9.737 9.737 0 0 0-3.9.788 10.099 10.099 0 0 0-3.175 2.137c-.9.9-1.612 1.958-2.137 3.175A9.738 9.738 0 0 0 2 12a10.179 10.179 0 0 0 .95 4.3Z"})})}x.displayName="ChatSolidIcon";const R2=r.forwardRef(x);function g(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m13.3 17.3-4.6-4.6a.877.877 0 0 1-.213-.325A1.106 1.106 0 0 1 8.425 12c0-.133.02-.258.062-.375A.878.878 0 0 1 8.7 11.3l4.6-4.6a.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275.948.948 0 0 1 .275.7.948.948 0 0 1-.275.7L10.8 12l3.9 3.9a.949.949 0 0 1 .275.7.948.948 0 0 1-.275.7.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"})})}g.displayName="ChevronLeftIcon";const H2=r.forwardRef(g);function p(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M8.225 8.325C8.042 8.142 7.95 7.9 7.95 7.6s.092-.542.275-.725L11.3 3.8c.1-.1.208-.17.325-.212a1.18 1.18 0 0 1 .762 0c.125.041.23.112.313.212l3.1 3.1c.183.183.27.42.262.713a1.006 1.006 0 0 1-.287.712c-.183.183-.425.275-.725.275s-.542-.092-.725-.275L12 6 9.65 8.35c-.183.183-.42.27-.712.263a1.007 1.007 0 0 1-.713-.288ZM12 20.575a.942.942 0 0 1-.375-.075 1.312 1.312 0 0 1-.325-.2l-3.075-3.075c-.183-.183-.275-.425-.275-.725s.092-.542.275-.725c.183-.183.425-.275.725-.275s.542.092.725.275L12 18.1l2.35-2.35c.183-.183.42-.27.713-.262.291.008.529.104.712.287.183.183.275.425.275.725s-.092.542-.275.725L12.7 20.3a1.034 1.034 0 0 1-.7.275Z"})})}p.displayName="ChevronUpDownIcon";const L2=r.forwardRef(p);function u(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m12 10.775-3.9 3.9a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l4.6-4.6c.1-.1.208-.17.325-.213.117-.041.242-.062.375-.062s.258.02.375.062a.877.877 0 0 1 .325.213l4.6 4.6a.948.948 0 0 1 .275.7.949.949 0 0 1-.275.7.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275l-3.9-3.9Z"})})}u.displayName="ChevronUpIcon";const S2=r.forwardRef(u);function A(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 22a9.737 9.737 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.613-1.958-2.138-3.175A9.737 9.737 0 0 1 2 12a9.74 9.74 0 0 1 .787-3.9 10.099 10.099 0 0 1 2.138-3.175c.9-.9 1.958-1.612 3.175-2.137A9.737 9.737 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.612 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.737 9.737 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.737 9.737 0 0 1 12 22Zm0-2c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z"})})}A.displayName="CircleIcon";const y2=r.forwardRef(A);function I(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M7 20a5 5 0 0 1-.985-9.903 5.5 5.5 0 0 1 9.734-3.09 4 4 0 0 1 4.187 4.708A4.5 4.5 0 0 1 18 19.973V20H7Z"})})}I.displayName="CloudSolidIcon";const N2=r.forwardRef(I);function Z(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{fillRule:"evenodd",d:"m7.9 11.76-1.493.298A3.002 3.002 0 0 0 7 18h10.641l.14-.015a2.5 2.5 0 0 0 1.071-4.588l-1.121-.724.237-1.313a2 2 0 0 0-2.095-2.356l-1.02.063-.648-.789a3.5 3.5 0 0 0-6.195 1.963L7.9 11.76ZM18 19.973V20H7a5 5 0 0 1-.985-9.903 5.5 5.5 0 0 1 9.734-3.09 4 4 0 0 1 4.187 4.708A4.5 4.5 0 0 1 18 19.973Z",clipRule:"evenodd"})})}Z.displayName="CloudIcon";const B2=r.forwardRef(Z);function C(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m8.825 12 1.475-1.475c.2-.2.3-.433.3-.7 0-.267-.1-.5-.3-.7-.2-.2-.438-.3-.713-.3-.274 0-.512.1-.712.3L6.7 11.3c-.1.1-.17.208-.213.325a1.107 1.107 0 0 0-.062.375c0 .133.02.258.063.375a.877.877 0 0 0 .212.325l2.175 2.175c.2.2.438.3.713.3.275 0 .512-.1.712-.3.2-.2.3-.433.3-.7 0-.267-.1-.5-.3-.7L8.825 12Zm6.35 0L13.7 13.475c-.2.2-.3.433-.3.7 0 .267.1.5.3.7.2.2.438.3.713.3.274 0 .512-.1.712-.3L17.3 12.7c.1-.1.17-.208.212-.325.042-.117.063-.242.063-.375s-.02-.258-.063-.375a.877.877 0 0 0-.212-.325l-2.175-2.175a.999.999 0 0 0-1.425 0c-.2.2-.3.433-.3.7 0 .267.1.5.3.7L15.175 12ZM5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h14c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v14c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5Zm0-2h14V5H5v14Z"})})}C.displayName="CodeIcon";const O2=r.forwardRef(C);function j(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 11.034a.996.996 0 0 0 .29.702l.005.005c.18.18.43.29.705.29h8a1 1 0 1 0 0-2h-5.586L22 3.446a1 1 0 0 0-1.414-1.415L14 8.617V3.031a1 1 0 1 0-2 0v8.003Zm0 1.963a.997.997 0 0 0-.29-.702l-.005-.004A.997.997 0 0 0 11 12H3a1 1 0 0 0 0 2h5.586L2 20.586A1 1 0 1 0 3.414 22L10 15.414V21a1 1 0 1 0 2 0v-8.003Z"})})}j.displayName="CollapseIcon";const k2=r.forwardRef(j);function M(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M14 7h5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v2Zm-2-2H5v2h3a1 1 0 0 1 0 2H5v2h3a1 1 0 1 1 0 2H5v2h3a1 1 0 1 1 0 2H5v2h7V5Zm2 4v2h2a1 1 0 1 1 0 2h-2v2h2a1 1 0 1 1 0 2h-2v2h5V9h-5Z"})})}M.displayName="CompanyIcon";const P2=r.forwardRef(M);function V(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{fillRule:"evenodd",d:"M3 5a2 2 0 0 1 2-2h6a1 1 0 1 1 0 2H5v14h14v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5Z",clipRule:"evenodd"}),e.jsx("path",{d:"m8.023 14.711 1.331-3.992a1 1 0 0 1 1.656-.391l2.662 2.662a1 1 0 0 1-.391 1.655l-3.993 1.331a1 1 0 0 1-1.265-1.265Z"}),e.jsx("path",{fillRule:"evenodd",d:"M19.765 2.82a2 2 0 0 0-2.828 0L9.866 9.89c-.195.195-.341.42-.439.66a1.024 1.024 0 0 0-.073.168l-1.33 3.992a1 1 0 0 0 1.264 1.265l3.993-1.33c.059-.02.115-.045.167-.074.24-.097.466-.243.66-.438l7.072-7.071a2 2 0 0 0 0-2.829L19.765 2.82Zm-6.717 9.546 6.717-6.718-1.414-1.414-6.717 6.718 1.414 1.414Z",clipRule:"evenodd"})]})}V.displayName="ComposeIcon";const U2=r.forwardRef(V);function R(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M4 18c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 16V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 4 3h16c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v11c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 18H4Zm0-2h16V5H4v11Zm-2 5a.967.967 0 0 1-.712-.288A.968.968 0 0 1 1 20c0-.283.096-.52.288-.712A.967.967 0 0 1 2 19h20c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.712A.968.968 0 0 1 22 21H2Z"})})}R.displayName="ComputerIcon";const E2=r.forwardRef(R);function H(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0V5Z"}),e.jsx("path",{d:"M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2v-9Zm2 0v9h9v-9h-9Z"})]})}H.displayName="CopyIcon";const b2=r.forwardRef(H);function L(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{fillRule:"evenodd",d:"M17.983 17.31C13.332 15.66 10 11.22 10 6c0-.604.045-1.199.132-1.78a8 8 0 1 0 7.852 13.091Zm1.82-1.552c.668.15 1.094.863.737 1.447A9.994 9.994 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2c.402 0 .653.416.524.797A9.988 9.988 0 0 0 12 6c0 4.768 3.337 8.757 7.803 9.758Z",clipRule:"evenodd"})})}L.displayName="DarkModeIcon";const D2=r.forwardRef(L);function S(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M7 21c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 19V6a.968.968 0 0 1-.713-.287A.968.968 0 0 1 4 5c0-.283.096-.52.287-.713A.968.968 0 0 1 5 4h4a.97.97 0 0 1 .287-.712A.968.968 0 0 1 10 3h4a.97.97 0 0 1 .713.288A.968.968 0 0 1 15 4h4a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 19 6v13c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17 21H7ZM7 6v13h10V6H7Zm2 10c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288A.968.968 0 0 0 11 16V9a.967.967 0 0 0-.287-.713A.968.968 0 0 0 10 8a.968.968 0 0 0-.713.287A.968.968 0 0 0 9 9v7Zm4 0c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288A.968.968 0 0 0 15 16V9a.967.967 0 0 0-.287-.713A.968.968 0 0 0 14 8a.968.968 0 0 0-.713.287A.967.967 0 0 0 13 9v7Z"})})}S.displayName="DeleteIcon";const F2=r.forwardRef(S);function y(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M3.5 20c-.417 0-.77-.146-1.063-.438A1.447 1.447 0 0 1 2 18.5c0-.417.146-.77.438-1.063A1.446 1.446 0 0 1 3.5 17H4V6c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 6 4h14a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 20 6H6v11h4.5c.417 0 .77.146 1.063.438.291.291.437.645.437 1.062 0 .417-.146.77-.438 1.063A1.446 1.446 0 0 1 10.5 20h-7ZM15 20a.968.968 0 0 1-.713-.288A.968.968 0 0 1 14 19V9c0-.283.096-.52.287-.713A.968.968 0 0 1 15 8h6a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v10c0 .283-.096.52-.288.712A.968.968 0 0 1 21 20h-6Zm1-3h4v-7h-4v7Z"})})}y.displayName="DevicesIcon";const T2=r.forwardRef(y);function N(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M9 18h6a.97.97 0 0 0 .713-.288A.968.968 0 0 0 16 17a.968.968 0 0 0-.287-.712A.968.968 0 0 0 15 16H9a.967.967 0 0 0-.713.288A.968.968 0 0 0 8 17c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-4h6c.283 0 .52-.096.713-.287A.968.968 0 0 0 16 13a.968.968 0 0 0-.287-.713A.968.968 0 0 0 15 12H9a.967.967 0 0 0-.713.287A.968.968 0 0 0 8 13c0 .283.096.52.287.713.192.191.43.287.713.287Zm-3 8c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 20V4c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 6 2h7.175a1.975 1.975 0 0 1 1.4.575l4.85 4.85a1.975 1.975 0 0 1 .575 1.4V20c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 22H6Zm7-14V4H6v16h12V9h-4a.968.968 0 0 1-.713-.287A.967.967 0 0 1 13 8Z"})})}N.displayName="DocumentIcon";const K2=r.forwardRef(N);function B(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 15.575c-.133 0-.258-.02-.375-.063a.877.877 0 0 1-.325-.212l-3.6-3.6a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7c.183-.183.42-.28.712-.288.292-.008.53.08.713.263L11 12.15V5c0-.283.096-.52.287-.713A.968.968 0 0 1 12 4c.283 0 .52.096.713.287.191.192.287.43.287.713v7.15l1.875-1.875c.183-.183.42-.27.713-.263.291.009.529.105.712.288a.948.948 0 0 1 .275.7.948.948 0 0 1-.275.7l-3.6 3.6c-.1.1-.208.17-.325.212a1.106 1.106 0 0 1-.375.063ZM6 20c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 18v-2c0-.283.096-.52.287-.713A.967.967 0 0 1 5 15c.283 0 .52.096.713.287.191.192.287.43.287.713v2h12v-2a.97.97 0 0 1 .288-.713A.968.968 0 0 1 19 15a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v2c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 20H6Z"})})}B.displayName="DownloadIcon";const G2=r.forwardRef(B);function O(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M9 20c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 7 18c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 9 16c.55 0 1.02.196 1.412.587.392.392.588.863.588 1.413s-.196 1.02-.588 1.413A1.926 1.926 0 0 1 9 20Zm6 0c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 13 18c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 15 16c.55 0 1.02.196 1.413.587.391.392.587.863.587 1.413s-.196 1.02-.587 1.413A1.926 1.926 0 0 1 15 20Zm-6-6c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 7 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 9 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 9 14Zm6 0c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 13 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 15 10c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.926 1.926 0 0 1 15 14ZM9 8c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 7 6c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 9 4c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 9 8Zm6 0c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 13 6c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 15 4c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.926 1.926 0 0 1 15 8Z"})})}O.displayName="DragGridIcon";const Q2=r.forwardRef(O);function k(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M5 15a.967.967 0 0 1-.713-.287A.968.968 0 0 1 4 14c0-.283.096-.52.287-.713A.967.967 0 0 1 5 13h14a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 19 15H5Zm0-4a.967.967 0 0 1-.713-.287A.968.968 0 0 1 4 10c0-.283.096-.52.287-.713A.968.968 0 0 1 5 9h14a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 19 11H5Z"})})}k.displayName="DragListIcon";const _2=r.forwardRef(k);function P(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("mask",{id:"a",children:e.jsx("path",{fillRule:"evenodd",d:"m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0L4.393 13.95ZM17.12 4.052l-2.972 2.972 2.829 2.829 2.972-2.973-2.829-2.828Z",clipRule:"evenodd"})}),e.jsx("path",{fillRule:"evenodd",d:"m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0L4.393 13.95ZM17.12 4.052l-2.972 2.972 2.829 2.829 2.972-2.973-2.829-2.828Z",clipRule:"evenodd"}),e.jsx("path",{d:"m4.373 13.97 1.414 1.414.01-.01-1.424-1.404Zm.02-.02-1.415-1.414-.01.01 1.425 1.405Zm-.44.44 1.414 1.415-1.414-1.414Zm-.264.465 1.94.485-1.94-.485Zm-1.414 5.657-1.94-.485 1.94.485Zm1.213 1.213-.485-1.94.485 1.94Zm5.657-1.414.485 1.94-.485-1.94Zm.464-.263 1.415 1.414-1.415-1.414ZM21.363 8.294 19.95 6.879l1.414 1.415Zm0-2.829 1.414-1.414-1.414 1.414Zm-2.828-2.828L17.12 4.05l1.415-1.414Zm-2.829 0-1.414-1.414 1.414 1.414Zm-1.558 4.386L12.734 5.61 11.32 7.023l1.414 1.414 1.414-1.414Zm2.973-2.972 1.414-1.414-1.415-1.414-1.414 1.414 1.415 1.414Zm-.144 5.8-1.415 1.415 1.415 1.414 1.414-1.414-1.414-1.414Zm2.972-2.972 1.414 1.415 1.414-1.415-1.414-1.414L19.95 6.88ZM5.797 15.375l.02-.02-2.848-2.81-.02.02 2.848 2.81Zm-.43.43.42-.42-2.828-2.83-.42.421 2.828 2.829Zm.263-.465a1 1 0 0 1-.263.465l-2.829-2.829a3 3 0 0 0-.789 1.394l3.88.97Zm-1.414 5.657L5.63 15.34l-3.88-.97-1.415 5.657 3.88.97Zm-1.213-1.213a1 1 0 0 1 1.213 1.213l-3.88-.97c-.55 2.197 1.44 4.187 3.637 3.638l-.97-3.88ZM8.66 18.37l-5.657 1.414.97 3.881 5.657-1.414-.97-3.88Zm-.465.263a1 1 0 0 1 .465-.263l.97 3.88a3 3 0 0 0 1.394-.788l-2.829-2.829ZM19.95 6.88l2.828 2.829a4 4 0 0 0 0-5.657L19.95 6.879Zm-2.83-2.829 2.829 2.828 2.828-2.828-2.828-2.828L17.12 4.05Zm0 0 2.829-2.828a4 4 0 0 0-5.657 0L17.12 4.05ZM5.807 15.365 17.12 4.05l-2.828-2.828L2.978 12.536l2.829 2.829Zm9.755-6.928 2.973-2.972-2.829-2.828-2.972 2.972 2.829 2.828Zm2.829 0L15.563 5.61l-2.829 2.828 2.829 2.829 2.828-2.829Zm.144-2.972-2.973 2.972 2.829 2.829 2.972-2.972-2.828-2.829Zm-2.829 0 2.829 2.829 2.828-2.829-2.828-2.828-2.829 2.828ZM19.95 6.88 8.195 18.633l2.829 2.829L22.777 9.708 19.95 6.879Z",mask:"url(#a)"})]})}P.displayName="EditSolidIcon";const z2=r.forwardRef(P);function U(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{fillRule:"evenodd",d:"M15.706 2.637a2 2 0 0 1 2.829 0l2.828 2.828a2 2 0 0 1 0 2.829L9.605 20.052a1 1 0 0 1-.465.263L3.483 21.73a1 1 0 0 1-1.212-1.212l1.414-5.657a1 1 0 0 1 .263-.465L15.706 2.637Zm1.224 7.262L14.102 7.07l-8.544 8.544-.943 3.77 3.771-.942L16.93 9.9Z",clipRule:"evenodd"})})}U.displayName="EditIcon";const W2=r.forwardRef(U);function E(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 5.111a1 1 0 0 0 .514.874l7 3.89a1 1 0 0 0 .972 0l7-3.89a1 1 0 1 0-.972-1.748L12 11.856 5.486 8.237A1 1 0 0 0 4 9.111Z"})})}E.displayName="EmailSolidIcon";const q2=r.forwardRef(E);function b(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6Zm2 0v1.412l8 4.444 8-4.444V6H4Zm0 3.7V18h16V9.7l-7.514 4.174a1 1 0 0 1-.972 0L4 9.7Z"})})}b.displayName="EmailIcon";const $2=r.forwardRef(b);function D(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m2.765 16.02-2.47-2.416A1.018 1.018 0 0 1 0 12.852c0-.304.098-.555.295-.751a15.64 15.64 0 0 1 5.316-3.786A15.89 15.89 0 0 1 12 7c2.237 0 4.367.443 6.39 1.329a15.977 15.977 0 0 1 5.315 3.772c.197.196.295.447.295.751 0 .305-.098.555-.295.752l-2.47 2.416a1.047 1.047 0 0 1-1.396.108l-3.114-2.363a1.067 1.067 0 0 1-.322-.376 1.066 1.066 0 0 1-.108-.483v-2.27a13.593 13.593 0 0 0-2.12-.524C13.459 9.996 12 9.937 12 9.937s-1.459.059-2.175.175c-.715.116-1.422.29-2.12.523v2.271c0 .179-.036.34-.108.483a1.066 1.066 0 0 1-.322.376l-3.114 2.363a1.047 1.047 0 0 1-1.396-.107Z"})})}D.displayName="EndCallIcon";const J2=r.forwardRef(D);function F(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M21 3.997a.996.996 0 0 0-.29-.702l-.005-.004A.997.997 0 0 0 20 3h-8a1 1 0 1 0 0 2h5.586L5 17.586V12a1 1 0 1 0-2 0v8.003a.997.997 0 0 0 .29.702l.005.004c.18.18.43.291.705.291h8a1 1 0 1 0 0-2H6.414L19 6.414V12a1 1 0 1 0 2 0V3.997Z"})})}F.displayName="ExpandIcon";const X2=r.forwardRef(F);function T(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V6.5c0-.25.042-.475.125-.675.083-.2.192-.392.325-.575l1.4-1.7c.133-.183.3-.32.5-.412C5.55 3.046 5.767 3 6 3h12c.233 0 .45.046.65.138.2.091.367.229.5.412l1.4 1.7c.133.183.242.375.325.575.083.2.125.425.125.675V19c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5Zm.4-15h13.2l-.85-1H6.25L5.4 6ZM5 19h14V8H5v11Zm7-1.425c.133 0 .258-.02.375-.063a.877.877 0 0 0 .325-.212l2.6-2.6a.948.948 0 0 0 .275-.7.948.948 0 0 0-.275-.7.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275l-.9.9V11a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 10a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 11v3.2l-.9-.9a.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275.948.948 0 0 0-.275.7.95.95 0 0 0 .275.7l2.6 2.6c.1.1.208.17.325.212.117.042.242.063.375.063Z"})})}T.displayName="ExportArchiveIcon";const Y2=r.forwardRef(T);function K(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M17.913 11.39a.907.907 0 0 1-.663.282.907.907 0 0 1-.663-.282L12.61 7.413a.907.907 0 0 1-.282-.663c0-.254.094-.475.282-.663l3.977-3.977a.907.907 0 0 1 .663-.282c.254 0 .475.094.663.282l3.977 3.977a.907.907 0 0 1 .282.663.907.907 0 0 1-.282.663l-3.977 3.977Zm-14.625-.677A.968.968 0 0 0 4 11h6c.283 0 .52-.096.713-.287A.968.968 0 0 0 11 10V4a.967.967 0 0 0-.287-.712A.968.968 0 0 0 10 3H4a.968.968 0 0 0-.712.288A.968.968 0 0 0 3 4v6c0 .283.096.52.288.713Zm9.999 9.999c.192.192.43.288.713.288h6c.283 0 .52-.096.712-.288A.968.968 0 0 0 21 20v-6a.968.968 0 0 0-.288-.713A.968.968 0 0 0 20 13h-6a.968.968 0 0 0-.713.287A.968.968 0 0 0 13 14v6c0 .283.096.52.287.712Zm-9.999 0A.965.965 0 0 0 4 21h6a.97.97 0 0 0 .713-.288A.968.968 0 0 0 11 20v-6a.968.968 0 0 0-.287-.713A.968.968 0 0 0 10 13H4a.967.967 0 0 0-.712.287A.968.968 0 0 0 3 14v6c0 .283.096.52.288.712Z"})})}K.displayName="ExtensionsSolidIcon";const e8=r.forwardRef(K);function G(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m12.897 2.817 2.336 4.733 5.223.76a1 1 0 0 1 .555 1.705L17.23 13.7l.892 5.202a1 1 0 0 1-1.45 1.054L12 17.5l-4.672 2.456a1 1 0 0 1-1.451-1.054l.892-5.202-3.78-3.685a1 1 0 0 1 .555-1.706l5.223-.759 2.336-4.733a1 1 0 0 1 1.794 0Z"})})}G.displayName="FavouriteSolidIcon";const o8=r.forwardRef(G);function Q(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M13.905 9.378 12 5.52l-1.905 3.86-4.259.618 3.082 3.004-.727 4.242L12 15.24l3.81 2.003-.728-4.242 3.082-3.004-4.26-.619ZM8.767 7.55l2.336-4.733a1 1 0 0 1 1.794 0l2.336 4.733 5.223.76a1 1 0 0 1 .555 1.705L17.23 13.7l.892 5.202a1 1 0 0 1-1.45 1.054L12 17.5l-4.672 2.456a1 1 0 0 1-1.451-1.054l.892-5.202-3.78-3.685a1 1 0 0 1 .555-1.706l5.223-.759Z"})})}Q.displayName="FavouriteIcon";const c8=r.forwardRef(Q);function _(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M6 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 20V4c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 6 2h7.175a1.975 1.975 0 0 1 1.4.575l4.85 4.85a1.975 1.975 0 0 1 .575 1.4v3.516A5.99 5.99 0 0 0 18 12V9h-4a.968.968 0 0 1-.713-.287A.967.967 0 0 1 13 8V4H6v16h6.341c.264.745.67 1.423 1.187 2H6Z"}),e.jsx("path",{d:"M18 14a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0v-3a1 1 0 0 1 1-1Zm-1 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z"})]})}_.displayName="FileErrorIcon";const r8=r.forwardRef(_);function z(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M6 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 20V4c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 6 2h7.175a1.975 1.975 0 0 1 1.4.575l4.85 4.85a1.975 1.975 0 0 1 .575 1.4V20c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 22H6Zm7-14V4H6v16h12V9h-4a.968.968 0 0 1-.713-.287A.967.967 0 0 1 13 8Z"})})}z.displayName="FilesIcon";const n8=r.forwardRef(z);function W(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M5 7a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2H5Zm3 4a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H8Zm2 5a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1Z"})})}W.displayName="FilterIcon";const a8=r.forwardRef(W);function q(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M14.597 5.708a1.004 1.004 0 0 1 0-1.416.996.996 0 0 1 1.412 0l4.699 4.714c.39.39.39 1.025 0 1.416l-4.7 4.714a.996.996 0 0 1-1.411 0 1.004 1.004 0 0 1 0-1.416l3.043-3.054H8.487C6.599 10.666 5 12.27 5 14.333 5.002 16.396 6.6 18 8.488 18h2.093a1 1 0 1 1 0 2H8.487C5.42 20 3 17.425 3 14.333c0-3.092 2.42-5.666 5.486-5.666h9.059l-2.95-2.959Z"})})}q.displayName="ForwardIcon";const l8=r.forwardRef(q);function $(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M4 11a.967.967 0 0 1-.712-.287A.968.968 0 0 1 3 10V4c0-.283.096-.52.288-.712A.968.968 0 0 1 4 3h6a.97.97 0 0 1 .713.288A.968.968 0 0 1 11 4v6c0 .283-.096.52-.287.713A.968.968 0 0 1 10 11H4Zm5-2V5H5v4h4Zm5 12a.968.968 0 0 1-.713-.288A.968.968 0 0 1 13 20v-6c0-.283.096-.52.287-.713A.968.968 0 0 1 14 13h6a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v6c0 .283-.096.52-.288.712A.968.968 0 0 1 20 21h-6Zm5-2v-4h-4v4h4ZM4 21a.967.967 0 0 1-.712-.288A.968.968 0 0 1 3 20v-6a.97.97 0 0 1 .288-.713A.967.967 0 0 1 4 13h6c.283 0 .52.096.713.287.191.192.287.43.287.713v6a.97.97 0 0 1-.287.712A.968.968 0 0 1 10 21H4Zm5-2v-4H5v4h4Zm5-8a.968.968 0 0 1-.713-.287A.968.968 0 0 1 13 10V4a.97.97 0 0 1 .287-.712A.968.968 0 0 1 14 3h6c.283 0 .52.096.712.288A.965.965 0 0 1 21 4v6a.97.97 0 0 1-.288.713A.968.968 0 0 1 20 11h-6Zm5-2V5h-4v4h4Z"})})}$.displayName="GridIcon";const t8=r.forwardRef($);function J(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 22a9.738 9.738 0 0 0 3.9-.788 10.098 10.098 0 0 0 3.175-2.137c.9-.9 1.613-1.958 2.137-3.175A9.738 9.738 0 0 0 22 12a9.738 9.738 0 0 0-.788-3.9 10.099 10.099 0 0 0-2.137-3.175c-.9-.9-1.958-1.612-3.175-2.137A9.738 9.738 0 0 0 12 2a9.738 9.738 0 0 0-3.9.788 10.099 10.099 0 0 0-3.175 2.137c-.9.9-1.612 1.958-2.137 3.175A9.738 9.738 0 0 0 2 12a9.74 9.74 0 0 0 .788 3.9 10.098 10.098 0 0 0 2.137 3.175c.9.9 1.958 1.613 3.175 2.137A9.738 9.738 0 0 0 12 22Zm0-14a1.5 1.5 0 0 0-1.5 1.5 1 1 0 1 1-2 0 3.5 3.5 0 1 1 6.01 2.439c-.122.126-.24.243-.352.355-.287.288-.54.54-.76.824-.293.375-.398.651-.398.882a1 1 0 1 1-2 0c0-.874.407-1.58.819-2.11.305-.392.688-.775 1-1.085l.257-.26A1.5 1.5 0 0 0 12 8Zm1 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"})})}J.displayName="HelpSolidIcon";const i8=r.forwardRef(J);function X(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M12 8a1.5 1.5 0 0 0-1.5 1.5 1 1 0 1 1-2 0 3.5 3.5 0 1 1 6.01 2.439c-.122.126-.24.243-.352.355-.287.288-.54.54-.76.824-.293.375-.398.651-.398.882a1 1 0 1 1-2 0c0-.874.407-1.58.819-2.11.305-.392.688-.775 1-1.085l.257-.26A1.5 1.5 0 0 0 12 8Zm1 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"}),e.jsx("path",{d:"M8.1 21.212A9.738 9.738 0 0 0 12 22a9.738 9.738 0 0 0 3.9-.788 10.098 10.098 0 0 0 3.175-2.137c.9-.9 1.613-1.958 2.137-3.175A9.738 9.738 0 0 0 22 12a9.738 9.738 0 0 0-.788-3.9 10.099 10.099 0 0 0-2.137-3.175c-.9-.9-1.958-1.612-3.175-2.137A9.738 9.738 0 0 0 12 2a9.738 9.738 0 0 0-3.9.788 10.099 10.099 0 0 0-3.175 2.137c-.9.9-1.612 1.958-2.137 3.175A9.738 9.738 0 0 0 2 12a9.74 9.74 0 0 0 .788 3.9 10.098 10.098 0 0 0 2.137 3.175c.9.9 1.958 1.613 3.175 2.137Zm9.575-3.537C16.125 19.225 14.233 20 12 20c-2.233 0-4.125-.775-5.675-2.325C4.775 16.125 4 14.233 4 12c0-2.233.775-4.125 2.325-5.675C7.875 4.775 9.767 4 12 4c2.233 0 4.125.775 5.675 2.325C19.225 7.875 20 9.767 20 12c0 2.233-.775 4.125-2.325 5.675Z"})]})}X.displayName="HelpIcon";const s8=r.forwardRef(X);function Y(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M18.93 8A8 8 0 1 1 4 12a1 1 0 1 0-2 0c0 5.523 4.477 10 10 10s10-4.477 10-10a9.966 9.966 0 0 0-.832-4A10.002 10.002 0 0 0 12 2a9.985 9.985 0 0 0-8 3.999V4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2H5.755A7.985 7.985 0 0 1 12 4a7.997 7.997 0 0 1 6.93 4Z"}),e.jsx("path",{d:"M13 8a1 1 0 1 0-2 0v4a1 1 0 0 0 .293.707l2.83 2.83a1 1 0 0 0 1.414-1.414L13 11.586V8Z"})]})}Y.displayName="HistoryIcon";const h8=r.forwardRef(Y);function e1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m12.971 3.54 7 3.889A2 2 0 0 1 21 9.177V19a2 2 0 0 1-2 2h-4v-9H9v9H5a2 2 0 0 1-2-2V9.177a2 2 0 0 1 1.029-1.748l7-3.89a2 2 0 0 1 1.942 0Z"})})}e1.displayName="HomeSolidIcon";const d8=r.forwardRef(e1);function o1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{fillRule:"evenodd",d:"M16 11v8h3V9.177l-7-3.889-7 3.889V19h3v-8h8Zm-6 10H5a2 2 0 0 1-2-2V9.177a2 2 0 0 1 1.029-1.748l7-3.89a2 2 0 0 1 1.942 0l7 3.89A2 2 0 0 1 21 9.177V19a2 2 0 0 1-2 2h-5v-8h-4v8Z",clipRule:"evenodd"})})}o1.displayName="HomeIcon";const w8=r.forwardRef(o1);function c1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M16.712 6.713A.968.968 0 0 1 16 7a.968.968 0 0 1-.713-.287A.967.967 0 0 1 15 6c0-.283.096-.52.287-.713A.968.968 0 0 1 16 5a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713Z"}),e.jsx("path",{fillRule:"evenodd",d:"M6 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H6Zm12 2H6v4h12V4ZM6 12v-2h12v2H6Zm0 2v2h12v-2H6Zm0 6v-2h12v2H6Z",clipRule:"evenodd"})]})}c1.displayName="HostIcon";const m8=r.forwardRef(c1);function r1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h7.803a5.958 5.958 0 0 1-.72-2H5v-3.172l4-4 3.585 3.585a6.015 6.015 0 0 1 1.172-1.656l-3.343-3.343a2 2 0 0 0-2.828 0L5 13V5h14v7.083c.718.12 1.393.368 2 .72V5a2 2 0 0 0-2-2H5Z"}),e.jsx("path",{d:"M17 9a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm1 5a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0v-3a1 1 0 0 1 1-1Zm-1 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z"})]})}r1.displayName="ImageErrorIcon";const f8=r.forwardRef(r1);function n1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M17 9a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"}),e.jsx("path",{d:"M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5Zm14 2v14H5v-3.172l4-4L16.172 19H19l-8.586-8.586a2 2 0 0 0-2.828 0L5 13V5h14Z"})]})}n1.displayName="ImageIcon";const v8=r.forwardRef(n1);function a1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M3.288 18.712A.965.965 0 0 0 4 19h16c.283 0 .52-.096.712-.288A.968.968 0 0 0 21 18a.968.968 0 0 0-.288-.712A.968.968 0 0 0 20 17H4a.967.967 0 0 0-.712.288A.968.968 0 0 0 3 18c0 .283.096.52.288.712Zm7.999-3.999c.192.191.43.287.713.287h8a.97.97 0 0 0 .712-.287A.968.968 0 0 0 21 14a.968.968 0 0 0-.288-.713A.968.968 0 0 0 20 13h-8a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 14c0 .283.096.52.287.713Zm0-4c.192.191.43.287.713.287h8a.97.97 0 0 0 .712-.287A.968.968 0 0 0 21 10a.967.967 0 0 0-.288-.713A.968.968 0 0 0 20 9h-8a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 10c0 .283.096.52.287.713Zm0-4c.192.191.43.287.713.287h8a.97.97 0 0 0 .712-.287A.967.967 0 0 0 21 6a.967.967 0 0 0-.288-.713A.968.968 0 0 0 20 5h-8a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 6c0 .283.096.52.287.713ZM6.15 13.15l-2.8-2.8a.48.48 0 0 1 0-.7l2.8-2.8c.167-.167.35-.208.55-.125.2.083.3.242.3.475v5.6c0 .233-.1.392-.3.475-.2.083-.383.042-.55-.125Z"})})}a1.displayName="IndentDecreaseIcon";const x8=r.forwardRef(a1);function l1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M4 19a.967.967 0 0 1-.712-.288A.968.968 0 0 1 3 18c0-.283.096-.52.288-.712A.967.967 0 0 1 4 17h16c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.712A.968.968 0 0 1 20 19H4Zm8-4a.968.968 0 0 1-.713-.287A.968.968 0 0 1 11 14c0-.283.096-.52.287-.713A.968.968 0 0 1 12 13h8a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 20 15h-8Zm0-4a.968.968 0 0 1-.713-.287A.968.968 0 0 1 11 10c0-.283.096-.52.287-.713A.968.968 0 0 1 12 9h8a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 20 11h-8Zm0-4a.968.968 0 0 1-.713-.287A.967.967 0 0 1 11 6c0-.283.096-.52.287-.713A.968.968 0 0 1 12 5h8a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 20 7h-8Zm-8.15 6.15c-.167.167-.35.208-.55.125-.2-.083-.3-.242-.3-.475V7.2c0-.233.1-.392.3-.475.2-.083.383-.042.55.125l2.8 2.8a.48.48 0 0 1 0 .7l-2.8 2.8Z"})})}l1.displayName="IndentIncreaseIcon";const g8=r.forwardRef(l1);function t1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 17a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 16v-4a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 11a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 12v4c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-8c.283 0 .52-.096.713-.287A.967.967 0 0 0 13 8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 12 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 8c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 13a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z"})})}t1.displayName="InfoSolidIcon";const p8=r.forwardRef(t1);function i1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M14.958 5.62a1 1 0 0 0-1.916-.574l-4 13.333a1 1 0 0 0 1.916.575l4-13.333ZM5.974 7.232a1 1 0 0 0-1.409.128l-3.333 4a1 1 0 0 0 0 1.28l3.333 4a1 1 0 1 0 1.537-1.28L3.302 12l2.8-3.36a1 1 0 0 0-.128-1.408Zm12.052 0a1 1 0 0 1 1.409.128l3.333 4a1 1 0 0 1 0 1.28l-3.333 4a1 1 0 1 1-1.537-1.28l2.8-3.36-2.8-3.36a1 1 0 0 1 .128-1.408Z"})})}i1.displayName="InlineCodeIcon";const u8=r.forwardRef(i1);function s1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M6.25 19c-.35 0-.646-.12-.888-.363A1.207 1.207 0 0 1 5 17.75c0-.35.12-.646.362-.887.242-.242.538-.363.888-.363H9l3-9H9.25c-.35 0-.646-.12-.887-.362A1.207 1.207 0 0 1 8 6.25c0-.35.12-.646.363-.888A1.21 1.21 0 0 1 9.25 5h7.5c.35 0 .646.12.887.362.242.242.363.538.363.888s-.12.646-.363.888a1.207 1.207 0 0 1-.887.362H14.5l-3 9h2.25c.35 0 .646.12.887.363.242.241.363.537.363.887s-.12.646-.363.887a1.207 1.207 0 0 1-.887.363h-7.5Z"})})}s1.displayName="ItalicIcon";const A8=r.forwardRef(s1);function h1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M4.917 2.083a1 1 0 0 0-1.414 1.414L6.07 6.064c-1.27.18-2.377.743-3.32 1.686C1.583 8.917 1 10.333 1 12c0 1.667.583 3.083 1.75 4.25C3.917 17.417 5.333 18 7 18a5.863 5.863 0 0 0 3.475-1.1A5.81 5.81 0 0 0 12.65 14H13l1.3 1.3c.1.1.208.17.325.213.117.041.242.062.375.062s.258-.02.375-.062a.782.782 0 0 0 .1-.044l5.028 5.028a1 1 0 0 0 1.414-1.414l-17-17Zm.67 11.33A1.926 1.926 0 0 1 5 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 7 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.413A1.926 1.926 0 0 1 7 14c-.55 0-1.02-.196-1.412-.587Zm14.9 1.423L15.65 10h4.95a1.033 1.033 0 0 1 .725.3l1.025 1.025c.083.083.15.18.2.288.05.108.075.229.075.362a1.067 1.067 0 0 1-.25.7l-1.888 2.16Z"})})}h1.displayName="KeyOffSolidIcon";const I8=r.forwardRef(h1);function d1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M7 14c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 7 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.413A1.926 1.926 0 0 1 7 14Z"}),e.jsx("path",{d:"M4.917 2.083a1 1 0 0 0-1.414 1.414L6.07 6.064c-1.27.18-2.377.743-3.32 1.686C1.583 8.917 1 10.333 1 12c0 1.667.583 3.083 1.75 4.25C3.917 17.417 5.333 18 7 18c1.117 0 2.13-.275 3.037-.825A6.212 6.212 0 0 0 12.2 15h1.175l1.525 1.075c.083.067.18.117.287.15a.945.945 0 0 0 .887-.15l.004-.002 4.425 4.424a1 1 0 0 0 1.414-1.414l-17-17ZM13.006 13h-2.131a4.033 4.033 0 0 1-1.412 2.15c-.709.567-1.53.85-2.463.85-1.1 0-2.042-.392-2.825-1.175C3.392 14.042 3 13.1 3 12s.392-2.042 1.175-2.825C4.958 8.392 5.9 8 7 8c.413 0 .803.055 1.172.166l2.649 2.65c.02.06.037.122.054.184h.13l2 2Zm8.144-1-1.75 1.75 1.426 1.425L23.3 12.7c.1-.1.17-.208.212-.325.042-.117.063-.242.063-.375s-.02-.258-.063-.375a.877.877 0 0 0-.212-.325l-2-2a.999.999 0 0 0-.338-.225A1.034 1.034 0 0 0 20.575 9h-5.924l2 2h3.499l1 1Z"})]})}d1.displayName="KeyOffIcon";const Z8=r.forwardRef(d1);function w1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M10.475 16.9A5.863 5.863 0 0 1 7 18c-1.667 0-3.083-.583-4.25-1.75C1.583 15.083 1 13.667 1 12c0-1.667.583-3.083 1.75-4.25C3.917 6.583 5.333 6 7 6c1.35 0 2.53.383 3.537 1.15 1.009.767 1.713 1.717 2.113 2.85h7.95a1.033 1.033 0 0 1 .725.3l1.025 1.025a.99.99 0 0 1 .2.288c.05.108.075.229.075.362a1.066 1.066 0 0 1-.25.7l-2.25 2.575a.973.973 0 0 1-1.038.313 1.033 1.033 0 0 1-.337-.188L17 14l-1.3 1.3c-.1.1-.208.17-.325.212a1.106 1.106 0 0 1-.375.063c-.133 0-.258-.02-.375-.063a.877.877 0 0 1-.325-.212L13 14h-.35a5.81 5.81 0 0 1-2.175 2.9Zm-4.887-3.487c.391.39.862.587 1.412.587.55 0 1.02-.196 1.412-.588C8.804 13.021 9 12.55 9 12c0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 7 10c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 5 12c0 .55.196 1.02.588 1.412Z"})})}w1.displayName="KeySolidIcon";const C8=r.forwardRef(w1);function m1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M7 14c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 5 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 7 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 7 14Zm0 4c-1.667 0-3.083-.583-4.25-1.75C1.583 15.083 1 13.667 1 12c0-1.667.583-3.083 1.75-4.25C3.917 6.583 5.333 6 7 6c1.117 0 2.13.275 3.037.825A6.212 6.212 0 0 1 12.2 9h8.375a1.033 1.033 0 0 1 .725.3l2 2c.1.1.17.208.212.325.042.117.063.242.063.375s-.02.258-.063.375a.877.877 0 0 1-.212.325l-3.175 3.175a.946.946 0 0 1-.3.2c-.117.05-.233.083-.35.1a.832.832 0 0 1-.35-.025.884.884 0 0 1-.325-.175L17.5 15l-1.425 1.075a.945.945 0 0 1-.887.15.859.859 0 0 1-.288-.15L13.375 15H12.2a6.212 6.212 0 0 1-2.162 2.175C9.128 17.725 8.117 18 7 18Zm0-2c.933 0 1.754-.283 2.463-.85A4.032 4.032 0 0 0 10.875 13H14l1.45 1.025L17.5 12.5l1.775 1.375L21.15 12l-1-1h-9.275a4.032 4.032 0 0 0-1.412-2.15C8.754 8.283 7.933 8 7 8c-1.1 0-2.042.392-2.825 1.175C3.392 9.958 3 10.9 3 12s.392 2.042 1.175 2.825C4.958 15.608 5.9 16 7 16Z"})})}m1.displayName="KeyIcon";const j8=r.forwardRef(m1);function f1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M5.188 8v2h2V8h-2Zm3.875 0v2h2V8h-2Zm3.875 0v2h2V8h-2Zm3.875 0v2h2V8h-2ZM5.188 11.531v2h2v-2h-2Zm3.875 0v2h2v-2h-2Zm3.875 0v2h2v-2h-2Zm3.875 0v2h2v-2h-2ZM9 15a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2H9Z"}),e.jsx("path",{fillRule:"evenodd",d:"M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6Zm2 0h16v12H4V6Z",clipRule:"evenodd"})]})}f1.displayName="KeyboardIcon";const M8=r.forwardRef(f1);function v1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M12 5a1 1 0 0 1-1-1V3a1 1 0 1 1 2 0v1a1 1 0 0 1-1 1Zm-7.071-.071a1 1 0 0 1 1.414 0l.707.707A1 1 0 0 1 5.636 7.05l-.707-.707a1 1 0 0 1 0-1.414Z"}),e.jsx("path",{fillRule:"evenodd",d:"M15.734 15.325C15.316 15.795 15 16.371 15 17v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-2c0-.63-.316-1.205-.734-1.675a5 5 0 1 1 7.468 0Zm-1.493-1.33a3 3 0 1 0-4.482 0c.433.486.894 1.166 1.112 2.005h2.258c.218-.84.679-1.52 1.112-2.005ZM13 18h-2v1h2v-1Z",clipRule:"evenodd"}),e.jsx("path",{d:"M2 12a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1Zm18-1a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2h-1Zm-3.05-5.364a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0-1.414-1.414l-.707.707Z"})]})}v1.displayName="LabsIcon";const V8=r.forwardRef(v1);function x1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 19.071c-.978.978-2.157 1.467-3.536 1.467-1.378 0-2.557-.489-3.535-1.467-.978-.978-1.467-2.157-1.467-3.536 0-1.378.489-2.557 1.467-3.535L7.05 9.879c.2-.2.436-.3.707-.3.271 0 .507.1.707.3.2.2.301.436.301.707 0 .27-.1.506-.3.707l-2.122 2.121a2.893 2.893 0 0 0-.884 2.122c0 .824.295 1.532.884 2.12.59.59 1.296.885 2.121.885s1.533-.295 2.122-.884l2.121-2.121c.2-.2.436-.301.707-.301.271 0 .507.1.707.3.2.2.3.437.3.708 0 .27-.1.506-.3.707L12 19.07Zm-1.414-4.243c-.2.2-.436.3-.707.3a.967.967 0 0 1-.707-.3.969.969 0 0 1-.301-.707c0-.27.1-.507.3-.707l4.243-4.242c.2-.2.436-.301.707-.301.271 0 .507.1.707.3.2.2.3.437.3.708 0 .27-.1.506-.3.707l-4.242 4.242Zm6.364-.707c-.2.2-.436.3-.707.3a.968.968 0 0 1-.707-.3.969.969 0 0 1-.301-.707c0-.27.1-.507.3-.707l2.122-2.121c.59-.59.884-1.297.884-2.122s-.295-1.532-.884-2.12a2.893 2.893 0 0 0-2.121-.885c-.825 0-1.532.295-2.122.884l-2.121 2.121c-.2.2-.436.301-.707.301a.968.968 0 0 1-.707-.3.97.97 0 0 1-.3-.708c0-.27.1-.506.3-.707L12 4.93c.978-.978 2.157-1.467 3.536-1.467 1.378 0 2.557.489 3.535 1.467.978.978 1.467 2.157 1.467 3.535 0 1.38-.489 2.558-1.467 3.536l-2.121 2.121Z"})})}x1.displayName="LinkIcon";const R8=r.forwardRef(x1);function g1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M4.5 7.5a1.45 1.45 0 0 1-1.06-.44A1.444 1.444 0 0 1 3 6c0-.412.147-.766.44-1.06A1.45 1.45 0 0 1 4.5 4.5c.412 0 .766.147 1.06.44.293.294.44.647.44 1.06 0 .412-.147.766-.44 1.06-.294.293-.647.44-1.06.44Zm4.787 11.212c.192.192.43.288.713.288h10c.283 0 .52-.096.712-.288A.968.968 0 0 0 21 18a.968.968 0 0 0-.288-.712A.968.968 0 0 0 20 17H10a.967.967 0 0 0-.713.288A.968.968 0 0 0 9 18c0 .283.096.52.287.712Zm0-5.999c.192.191.43.287.713.287h10a.97.97 0 0 0 .712-.287A.968.968 0 0 0 21 12a.968.968 0 0 0-.288-.713A.968.968 0 0 0 20 11H10a.967.967 0 0 0-.713.287A.968.968 0 0 0 9 12c0 .283.096.52.287.713Zm0-6c.192.191.43.287.713.287h10a.97.97 0 0 0 .712-.287A.967.967 0 0 0 21 6a.967.967 0 0 0-.288-.713A.968.968 0 0 0 20 5H10a.968.968 0 0 0-.713.287A.968.968 0 0 0 9 6c0 .283.096.52.287.713ZM3.44 19.06c.294.293.648.44 1.06.44a1.45 1.45 0 0 0 1.06-.44c.293-.294.44-.647.44-1.06 0-.413-.147-.766-.44-1.06a1.445 1.445 0 0 0-1.06-.44 1.45 1.45 0 0 0-1.06.44c-.293.294-.44.647-.44 1.06 0 .413.147.766.44 1.06ZM4.5 13.5a1.45 1.45 0 0 1-1.06-.44A1.445 1.445 0 0 1 3 12c0-.412.147-.766.44-1.06a1.45 1.45 0 0 1 1.06-.44c.412 0 .766.147 1.06.44.293.294.44.648.44 1.06 0 .412-.147.766-.44 1.06-.294.293-.647.44-1.06.44Z"})})}g1.displayName="ListBulletedIcon";const H8=r.forwardRef(g1);function p1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M9 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H10a1 1 0 0 1-1-1Zm0 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H10a1 1 0 0 1-1-1Zm0 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H10a1 1 0 0 1-1-1ZM5.604 5.089A.75.75 0 0 1 6 5.75v4.5a.75.75 0 0 1-1.5 0V7.151l-.334.223a.75.75 0 0 1-.832-1.248l1.5-1a.75.75 0 0 1 .77-.037ZM5 13a2.02 2.02 0 0 0-1.139.321 1.846 1.846 0 0 0-.626.719 2.286 2.286 0 0 0-.234.921v.023l-.001.01v.005l.75.001H3a.75.75 0 0 0 1.5.01V15a.789.789 0 0 1 .077-.29.35.35 0 0 1 .116-.14c.04-.027.126-.07.307-.07s.267.043.307.07a.35.35 0 0 1 .116.14.788.788 0 0 1 .076.29v.008a.532.532 0 0 1-.14.352l-2.161 2.351a.748.748 0 0 0-.198.523v.016c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5h-.82l1.034-1.124C6.809 16 7 15.51 7 15h-.75H7v-.039l-.004-.068a2.285 2.285 0 0 0-.231-.853 1.846 1.846 0 0 0-.626-.719A2.02 2.02 0 0 0 5 13Zm-.5 2.003V15v.01-.008Z"})})}p1.displayName="ListNumberedIcon";const L8=r.forwardRef(p1);function u1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M11 21.95v-1c-2.083-.233-3.87-1.096-5.362-2.587C4.146 16.87 3.283 15.083 3.05 13h-1a.967.967 0 0 1-.712-.287A.967.967 0 0 1 1.05 12a.97.97 0 0 1 .288-.713A.968.968 0 0 1 2.05 11h1c.233-2.083 1.096-3.87 2.588-5.362C7.129 4.146 8.917 3.283 11 3.05v-1a.97.97 0 0 1 .287-.712A.968.968 0 0 1 12 1.05a.97.97 0 0 1 .713.288.968.968 0 0 1 .287.712v1c2.083.233 3.87 1.096 5.363 2.588C19.854 7.129 20.716 8.917 20.95 11h1c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713a.967.967 0 0 1-.713.287h-1c-.233 2.083-1.096 3.87-2.587 5.363-1.492 1.491-3.28 2.354-5.363 2.587v1c0 .283-.096.52-.287.713a.967.967 0 0 1-.713.287.968.968 0 0 1-.713-.287.968.968 0 0 1-.287-.713ZM12 19c1.933 0 3.583-.683 4.95-2.05C18.317 15.583 19 13.933 19 12c0-1.933-.683-3.583-2.05-4.95C15.583 5.683 13.933 5 12 5c-1.933 0-3.583.683-4.95 2.05C5.683 8.417 5 10.067 5 12c0 1.933.683 3.583 2.05 4.95C8.417 18.317 10.067 19 12 19Zm0-3c-1.1 0-2.042-.392-2.825-1.175C8.392 14.042 8 13.1 8 12s.392-2.042 1.175-2.825C9.958 8.392 10.9 8 12 8s2.042.392 2.825 1.175C15.608 9.958 16 10.9 16 12s-.392 2.042-1.175 2.825C14.042 15.608 13.1 16 12 16Z"})})}u1.displayName="LocationNavigatorCentredIcon";const S8=r.forwardRef(u1);function A1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M11 22v-1c-2.083-.233-3.87-1.096-5.362-2.587-1.492-1.492-2.355-3.28-2.588-5.363h-1a.967.967 0 0 1-.712-.287.968.968 0 0 1-.288-.713c0-.283.096-.52.288-.712a.967.967 0 0 1 .712-.288h1c.233-2.083 1.096-3.87 2.588-5.362C7.129 4.196 8.917 3.333 11 3.1v-1a.97.97 0 0 1 .287-.712A.968.968 0 0 1 12 1.1a.97.97 0 0 1 .713.288A.968.968 0 0 1 13 2.1v1c2.083.233 3.87 1.096 5.363 2.588 1.491 1.491 2.354 3.279 2.587 5.362h1a.97.97 0 0 1 .713.288c.191.191.287.429.287.712s-.096.52-.287.713a.967.967 0 0 1-.713.287h-1c-.233 2.083-1.096 3.87-2.587 5.363C16.87 19.904 15.083 20.767 13 21v1c0 .283-.096.52-.287.713A.967.967 0 0 1 12 23a.968.968 0 0 1-.713-.287A.968.968 0 0 1 11 22Zm1-2.95c1.933 0 3.583-.683 4.95-2.05 1.367-1.367 2.05-3.017 2.05-4.95 0-1.933-.683-3.583-2.05-4.95-1.367-1.367-3.017-2.05-4.95-2.05-1.933 0-3.583.683-4.95 2.05C5.683 8.467 5 10.117 5 12.05c0 1.933.683 3.583 2.05 4.95 1.367 1.367 3.017 2.05 4.95 2.05Z"})})}A1.displayName="LocationNavigatorIcon";const y8=r.forwardRef(A1);function I1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 21.325a2.07 2.07 0 0 1-.7-.125 1.84 1.84 0 0 1-.625-.375A39.112 39.112 0 0 1 7.8 17.9c-.833-.95-1.53-1.87-2.087-2.762-.559-.892-.984-1.75-1.276-2.575C4.146 11.738 4 10.95 4 10.2c0-2.5.804-4.492 2.412-5.975C8.021 2.742 9.883 2 12 2s3.98.742 5.587 2.225C19.197 5.708 20 7.7 20 10.2c0 .75-.146 1.538-.438 2.363-.291.824-.716 1.683-1.274 2.574A21.678 21.678 0 0 1 16.2 17.9a39.112 39.112 0 0 1-2.875 2.925 1.84 1.84 0 0 1-.625.375 2.07 2.07 0 0 1-.7.125ZM12 12c.55 0 1.02-.196 1.412-.588.392-.391.588-.862.588-1.412 0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 12 8c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 10 10c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Z"})})}I1.displayName="LocationPinSolidIcon";const N8=r.forwardRef(I1);function Z1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 19.35c2.033-1.867 3.542-3.563 4.525-5.088C17.508 12.738 18 11.383 18 10.2c0-1.817-.58-3.304-1.738-4.462C15.104 4.579 13.683 4 12 4c-1.683 0-3.104.58-4.263 1.737C6.58 6.896 6 8.383 6 10.2c0 1.183.492 2.538 1.475 4.063.983 1.524 2.492 3.22 4.525 5.087Zm0 1.975a2.07 2.07 0 0 1-.7-.125 1.84 1.84 0 0 1-.625-.375A39.112 39.112 0 0 1 7.8 17.9c-.833-.95-1.53-1.87-2.087-2.762-.559-.892-.984-1.75-1.276-2.575C4.146 11.738 4 10.95 4 10.2c0-2.5.804-4.492 2.412-5.975C8.021 2.742 9.883 2 12 2s3.98.742 5.587 2.225C19.197 5.708 20 7.7 20 10.2c0 .75-.146 1.538-.438 2.363-.291.824-.716 1.683-1.274 2.574A21.678 21.678 0 0 1 16.2 17.9a39.112 39.112 0 0 1-2.875 2.925 1.84 1.84 0 0 1-.625.375 2.07 2.07 0 0 1-.7.125ZM12 12c.55 0 1.02-.196 1.412-.588.392-.391.588-.862.588-1.412 0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 12 8c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 10 10c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Z"})})}Z1.displayName="LocationPinIcon";const B8=r.forwardRef(Z1);function C1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M6 22c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 4 20V10c0-.55.196-1.02.587-1.412.212-.212.446-.366.703-.463L1.333 4.167a1 1 0 0 1 1.414-1.414L7 7.006v-.012l13 13v.012l1.247 1.247a1 1 0 0 1-1.414 1.414l-.896-.896A1.935 1.935 0 0 1 18 22H6Zm14-4.834V10c0-.55-.196-1.02-.587-1.412A1.926 1.926 0 0 0 18 8h-1V6c0-1.383-.488-2.563-1.463-3.538C14.563 1.487 13.383 1 12 1s-2.563.488-3.538 1.462A4.876 4.876 0 0 0 7.243 4.41L9 6.166V6c0-.833.292-1.542.875-2.125A2.893 2.893 0 0 1 12 3c.833 0 1.542.292 2.125.875S15 5.167 15 6v2h-4.166L20 17.166Z"})})}C1.displayName="LockOffIcon";const O8=r.forwardRef(C1);function j1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M6 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 20V10c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 6 8h1V6c0-1.383.487-2.563 1.463-3.538C9.438 1.487 10.617 1 12 1s2.563.488 3.537 1.462C16.512 3.438 17 4.617 17 6v2h1c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v10c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 22H6ZM9 8h6V6c0-.833-.292-1.542-.875-2.125A2.893 2.893 0 0 0 12 3c-.833 0-1.542.292-2.125.875A2.893 2.893 0 0 0 9 6v2Z"})})}j1.displayName="LockSolidIcon";const k8=r.forwardRef(j1);function M1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M6 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 20V10c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 6 8h1V6c0-1.383.487-2.563 1.463-3.538C9.438 1.487 10.617 1 12 1s2.563.488 3.537 1.462C16.512 3.438 17 4.617 17 6v2h1c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v10c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 22H6Zm0-2h12V10H6v10ZM9 8h6V6c0-.833-.292-1.542-.875-2.125A2.893 2.893 0 0 0 12 3c-.833 0-1.542.292-2.125.875A2.893 2.893 0 0 0 9 6v2Z"})})}M1.displayName="LockIcon";const P8=r.forwardRef(M1);function V1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M21.324 9.13c0-.66-.339-1.237-.862-1.558l-7.37-4.318a1.812 1.812 0 0 0-1.851 0L3.87 7.572C3.348 7.892 3 8.47 3 9.13v9.167c0 1.008.825 1.833 1.833 1.833H19.5a1.839 1.839 0 0 0 1.833-1.833l-.009-9.167Zm-10.129 3.978-6.6-4.124 6.646-3.896a1.812 1.812 0 0 1 1.851 0l6.646 3.896-6.6 4.124a1.854 1.854 0 0 1-1.943 0Z"})})}V1.displayName="MarkAsReadIcon";const U8=r.forwardRef(V1);function R1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M20 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"}),e.jsx("path",{fillRule:"evenodd",d:"M17 5H5a2 2 0 0 0-2 2v10.4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7.83a2.995 2.995 0 0 1-2 0 3.056 3.056 0 0 1-.595-.288L12 11.89 5 7.138V7h12.764A2.99 2.99 0 0 1 17 5Zm-4.438 8.927L19 9.555V17.4H5V9.555l6.438 4.372a1 1 0 0 0 1.124 0Z",clipRule:"evenodd"})]})}R1.displayName="MarkAsUnreadIcon";const E8=r.forwardRef(R1);function H1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M14.707 10.707a1 1 0 0 0-1.414-1.414L10 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4Z"}),e.jsx("path",{d:"M22.4 12.625c.067-.2.1-.408.1-.625 0-.217-.033-.425-.1-.625a2.112 2.112 0 0 0-.3-.575l-4.5-6A1.986 1.986 0 0 0 16 4H4c-.55 0-1.02.196-1.413.588A1.926 1.926 0 0 0 2 6v12c0 .55.196 1.02.587 1.413.393.39.863.587 1.413.587h12a1.985 1.985 0 0 0 1.6-.8l4.5-6c.133-.183.233-.375.3-.575ZM16 6l4.5 6-4.5 6H4V6h12Z"})]})}H1.displayName="MarkerReadReceiptsIcon";const b8=r.forwardRef(H1);function L1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8Zm3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z"})})}L1.displayName="MentionIcon";const D8=r.forwardRef(L1);function S1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M4 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Zm0 4a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Zm1 3a1 1 0 1 0 0 2h14a1 1 0 1 0 0-2H5Z"})})}S1.displayName="MenuIcon";const F8=r.forwardRef(S1);function y1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M8 8v-.006l6.831 6.832-.002.002 1.414 1.415.003-.003 1.414 1.414-.003.003L20.5 20.5a1 1 0 0 1-1.414 1.414l-3.022-3.022A7.949 7.949 0 0 1 13 19.938V21a1 1 0 0 1-2 0v-1.062A8.001 8.001 0 0 1 4 12a1 1 0 1 1 2 0 6 6 0 0 0 8.587 5.415l-1.55-1.55A4.005 4.005 0 0 1 8 12v-1.172L2.086 4.914A1 1 0 0 1 3.5 3.5L8 8Zm9.417 6.583 1.478 1.477A7.963 7.963 0 0 0 20 12a1 1 0 0 0-2 0c0 .925-.21 1.8-.583 2.583ZM8.073 5.238l7.793 7.793c.087-.329.134-.674.134-1.031V6a4 4 0 0 0-7.927-.762Z"})})}y1.displayName="MicOffSolidIcon";const T8=r.forwardRef(y1);function N1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{fillRule:"evenodd",d:"M8 8v-.006l2 2V10l3.414 3.414.003-.003 1.414 1.415-.002.002 1.414 1.415.003-.003 1.414 1.414-.003.003L20.5 20.5a1 1 0 0 1-1.414 1.414l-3.022-3.022A7.947 7.947 0 0 1 13 19.938V21a1 1 0 1 1-2 0v-1.062A8.001 8.001 0 0 1 4 12a1 1 0 1 1 2 0 6 6 0 0 0 8.587 5.415l-1.55-1.55A4.005 4.005 0 0 1 8 12v-1.172L2.086 4.914A1 1 0 0 1 3.5 3.5L8 8Z",clipRule:"evenodd"}),e.jsx("path",{d:"M14 6v5.166l1.866 1.866c.087-.33.134-.675.134-1.032V6a4 4 0 0 0-7.928-.762L10 7.166V6a2 2 0 1 1 4 0Zm3.417 8.583 1.477 1.477A7.963 7.963 0 0 0 20 12a1 1 0 1 0-2 0c0 .925-.21 1.8-.583 2.583Z"})]})}N1.displayName="MicOffIcon";const K8=r.forwardRef(N1);function B1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M8 6a4 4 0 1 1 8 0v6a4 4 0 0 1-8 0V6Z"}),e.jsx("path",{d:"M5 11a1 1 0 0 1 1 1 6 6 0 0 0 12 0 1 1 0 1 1 2 0 8.001 8.001 0 0 1-7 7.938V21a1 1 0 1 1-2 0v-1.062A8.001 8.001 0 0 1 4 12a1 1 0 0 1 1-1Z"})]})}B1.displayName="MicOnSolidIcon";const G8=r.forwardRef(B1);function O1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M6 12a1 1 0 1 0-2 0 8.001 8.001 0 0 0 7 7.938V21a1 1 0 1 0 2 0v-1.062A8.001 8.001 0 0 0 20 12a1 1 0 1 0-2 0 6 6 0 0 1-12 0Z"}),e.jsx("path",{fillRule:"evenodd",d:"M14 12V6a2 2 0 1 0-4 0v6a2 2 0 1 0 4 0ZM12 2a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0V6a4 4 0 0 0-4-4Z",clipRule:"evenodd"})]})}O1.displayName="MicOnIcon";const Q8=r.forwardRef(O1);function k1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M6 13a.967.967 0 0 1-.713-.287A.968.968 0 0 1 5 12c0-.283.096-.52.287-.713A.967.967 0 0 1 6 11h12a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 18 13H6Z"})})}k1.displayName="MinusIcon";const _8=r.forwardRef(k1);function P1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M7 23c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 21V3c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 7 1h10c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v18c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17 23H7Zm0-5h10V6H7v12Z"})})}P1.displayName="MobileIcon";const z8=r.forwardRef(P1);function U1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"m4.917 2.083 17 17a1 1 0 0 1-1.414 1.414L19.006 19H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-2.034 1.096-3.91L3.503 3.498a1 1 0 0 1 1.414-1.414ZM19 13.35 9.136 3.484C9.93 3.181 10.874 3 12 3c7 0 7 7 7 7v3.35Z"}),e.jsx("path",{d:"M10 20h4a2 2 0 0 1-4 0Z"})]})}U1.displayName="NotificationsOffSolidIcon";const W8=r.forwardRef(U1);function E1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"m4.917 2.083 17 17a1 1 0 0 1-1.414 1.414L19.006 19H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-2.034 1.096-3.91L3.503 3.498a1 1 0 0 1 1.414-1.414ZM17.006 17 7.579 7.573a6.731 6.731 0 0 0-.497 1.662 6.596 6.596 0 0 0-.081.753L7 10.011v6.817L6.828 17h10.178ZM17 11.35V9.987l-.009-.146a6.591 6.591 0 0 0-.073-.607 6.608 6.608 0 0 0-.582-1.84c-.319-.638-.766-1.215-1.398-1.637C14.318 5.344 13.4 5 12 5c-.466 0-.879.038-1.245.104L9.136 3.485C9.93 3.181 10.874 3 12 3c7 0 7 7 7 7v3.35l-2-2Z"}),e.jsx("path",{d:"M10 20h4a2 2 0 0 1-4 0Z"})]})}E1.displayName="NotificationsOffIcon";const q8=r.forwardRef(E1);function b1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6l1.293 1.293ZM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2Z"})})}b1.displayName="NotificationsSolidIcon";const $8=r.forwardRef(b1);function D1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M3.5 3.5a1 1 0 1 0-1.414 1.414l4.113 4.114a5.484 5.484 0 0 0-.184 1.069A5.002 5.002 0 0 0 7 20h10.172l1.914 1.914A1 1 0 0 0 20.5 20.5l-.979-.979.004-.002L7.145 7.14l-.002.004L3.5 3.5Zm18.5 12a4.48 4.48 0 0 1-.928 2.738L8.637 5.803A5.474 5.474 0 0 1 11.5 5a5.49 5.49 0 0 1 4.25 2.008 4 4 0 0 1 4.187 4.708A4.497 4.497 0 0 1 22 15.5Z"})})}D1.displayName="OfflineIcon";const J8=r.forwardRef(D1);function F1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M6 14c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 4 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 6 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 6 14Zm6 0c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 10 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 12 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 12 14Zm6 0c-.55 0-1.02-.196-1.413-.588A1.926 1.926 0 0 1 16 12c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 18 10c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.926 1.926 0 0 1 18 14Z"})})}F1.displayName="OverflowHorizontalIcon";const X8=r.forwardRef(F1);function T1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 20c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 10 18c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 12 16c.55 0 1.02.196 1.412.587.392.392.588.863.588 1.413s-.196 1.02-.588 1.413A1.926 1.926 0 0 1 12 20Zm0-6c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 10 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 12 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 12 14Zm0-6c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 10 6c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 12 4c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 12 8Z"})})}T1.displayName="OverflowVerticalIcon";const Y8=r.forwardRef(T1);function K1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M8 4a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V6a2 2 0 0 0-2-2Zm8 0a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V6a2 2 0 0 0-2-2Z"})})}K1.displayName="PauseSolidIcon";const e7=r.forwardRef(K1);function G1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M5 6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6Zm2 0v12h2V6H7Zm6 0a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2V6Zm2 0v12h2V6h-2Z"})})}G1.displayName="PauseIcon";const o7=r.forwardRef(G1);function Q1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M5.769 2.857A.5.5 0 0 1 6.119 2h11.762a.5.5 0 0 1 .35.857L16.15 4.9a.5.5 0 0 0-.15.357v4.487a.5.5 0 0 0 .15.356l3.7 3.644a.5.5 0 0 1 .15.356v1.4a.5.5 0 0 1-.5.5H13v6a1 1 0 1 1-2 0v-6H4.5a.5.5 0 0 1-.5-.5v-1.4a.5.5 0 0 1 .15-.356l3.7-3.644A.5.5 0 0 0 8 9.744V5.257a.5.5 0 0 0-.15-.357L5.77 2.857Z"})})}Q1.displayName="PinSolidIcon";const c7=r.forwardRef(Q1);function _1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{fillRule:"evenodd",d:"M6.119 2a.5.5 0 0 0-.35.857L7.85 4.9a.5.5 0 0 1 .15.357v4.487a.5.5 0 0 1-.15.356l-3.7 3.644A.5.5 0 0 0 4 14.1v1.4a.5.5 0 0 0 .5.5H11v6a1 1 0 1 0 2 0v-6h6.5a.5.5 0 0 0 .5-.5v-1.4a.5.5 0 0 0-.15-.356l-3.7-3.644a.5.5 0 0 1-.15-.356V5.257a.5.5 0 0 1 .15-.357l2.081-2.043a.5.5 0 0 0-.35-.857H6.119ZM10 4h4v5.744a2.5 2.5 0 0 0 .746 1.781L17.26 14H6.74l2.514-2.475A2.5 2.5 0 0 0 10 9.744V4Z",clipRule:"evenodd"})})}_1.displayName="PinIcon";const r7=r.forwardRef(_1);function z1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m8.98 4.677 9.921 5.58c1.36.764 1.36 2.722 0 3.486l-9.92 5.58C7.647 20.073 6 19.11 6 17.58V6.42c0-1.53 1.647-2.493 2.98-1.743Z"})})}z1.displayName="PlaySolidIcon";const n7=r.forwardRef(z1);function W1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M17.92 12 8 17.58V6.42L17.92 12Zm.981-1.743-9.92-5.58C7.647 3.927 6 4.89 6 6.42v11.16c0 1.53 1.647 2.493 2.98 1.743l9.921-5.58c1.36-.764 1.36-2.722 0-3.486Z"})})}W1.displayName="PlayIcon";const a7=r.forwardRef(W1);function q1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M11 13H6a.967.967 0 0 1-.713-.287A.968.968 0 0 1 5 12c0-.283.096-.52.287-.713A.967.967 0 0 1 6 11h5V6c0-.283.096-.52.287-.713A.968.968 0 0 1 12 5c.283 0 .52.096.713.287.191.192.287.43.287.713v5h5a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 18 13h-5v5a.97.97 0 0 1-.287.712A.968.968 0 0 1 12 19a.968.968 0 0 1-.713-.288A.968.968 0 0 1 11 18v-5Z"})})}q1.displayName="PlusIcon";const l7=r.forwardRef(q1);function $1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M21 10.659V19c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h8.341A5.99 5.99 0 0 0 13 5H5v14h14v-8a5.99 5.99 0 0 0 2-.341Z"}),e.jsx("path",{d:"M13.803 8a6.03 6.03 0 0 0 1.88 2H13a.968.968 0 0 1-.713-.287A.967.967 0 0 1 12 9c0-.283.096-.52.287-.713A.968.968 0 0 1 13 8h.803Zm2.909 7.713A.968.968 0 0 1 16 16h-3a.968.968 0 0 1-.713-.287A.968.968 0 0 1 12 15c0-.283.096-.52.287-.713A.968.968 0 0 1 13 14h3a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713Zm-6.3-5.301A1.926 1.926 0 0 1 9 11c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 7 9c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 9 7c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412Zm0 6.001A1.926 1.926 0 0 1 9 17c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 7 15c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 9 13c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.413Zm12.295-14.12a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L18 5.586l3.293-3.293a1 1 0 0 1 1.414 0Z"})]})}$1.displayName="PollsEndIcon";const t7=r.forwardRef($1);function J1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M16 10a.97.97 0 0 0 .712-.287A.967.967 0 0 0 17 9a.967.967 0 0 0-.288-.713A.968.968 0 0 0 16 8h-3a.968.968 0 0 0-.713.287A.967.967 0 0 0 12 9c0 .283.096.52.287.713.192.191.43.287.713.287h3Zm0 6a.97.97 0 0 0 .712-.287A.968.968 0 0 0 17 15a.968.968 0 0 0-.288-.713A.968.968 0 0 0 16 14h-3a.968.968 0 0 0-.713.287A.968.968 0 0 0 12 15c0 .283.096.52.287.713.192.191.43.287.713.287h3Zm-7-5c.55 0 1.02-.196 1.412-.588C10.804 10.021 11 9.55 11 9c0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 9 7c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 7 9c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Zm0 6c.55 0 1.02-.196 1.412-.587.392-.392.588-.863.588-1.413s-.196-1.02-.588-1.412A1.926 1.926 0 0 0 9 13c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 7 15c0 .55.196 1.02.588 1.413.391.391.862.587 1.412.587Zm-4 4c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h14c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v14c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5Zm0-2h14V5H5v14Z"})})}J1.displayName="PollsIcon";const i7=r.forwardRef(J1);function X1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M5 3h6a1 1 0 1 1 0 2H5v14h14v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z"}),e.jsx("path",{d:"M15 3h5a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V6.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L17.586 5H15a1 1 0 1 1 0-2Z"})]})}X1.displayName="PopOutIcon";const s7=r.forwardRef(X1);function Y1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{fillRule:"evenodd",d:"M6.5 2h11a4.5 4.5 0 1 1 0 9h-11a4.5 4.5 0 0 1 0-9Zm0 2h7.258A4.479 4.479 0 0 0 13 6.5c0 .925.28 1.785.758 2.5H6.5a2.5 2.5 0 0 1 0-5ZM15 6.5a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0Zm-13 11A4.5 4.5 0 0 1 6.5 13h11a4.5 4.5 0 1 1 0 9h-11A4.5 4.5 0 0 1 2 17.5Zm8.242-2.5H17.5a2.5 2.5 0 0 1 0 5h-7.258A4.478 4.478 0 0 0 11 17.5c0-.925-.28-1.785-.758-2.5ZM6.5 15a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Z",clipRule:"evenodd"})})}Y1.displayName="PreferencesIcon";const h7=r.forwardRef(Y1);function e0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Zm-1-2.05V18c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 9 16v-1l-4.8-4.8c-.05.3-.096.6-.138.9-.041.3-.062.6-.062.9 0 2.017.662 3.783 1.987 5.3 1.325 1.517 2.996 2.4 5.013 2.65Zm6.9-2.55c.333-.367.633-.762.9-1.188a7.45 7.45 0 0 0 .662-1.325c.175-.458.309-.929.4-1.412.092-.483.138-.975.138-1.475a7.845 7.845 0 0 0-1.363-4.475A7.701 7.701 0 0 0 15 4.6V5c0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 13 7h-2v2c0 .283-.096.52-.287.713A.968.968 0 0 1 10 10H8v2h6c.283 0 .52.096.713.287.191.192.287.43.287.713v3h1c.433 0 .825.13 1.175.387.35.259.592.596.725 1.013Z"})})}e0.displayName="PublicIcon";const d7=r.forwardRef(e0);function o0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{fillRule:"evenodd",d:"M3 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4Zm2 5V5h4v4H5Zm-2 5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6Zm2 5v-4h4v4H5Zm9-16a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1h-6Zm1 2v4h4V5h-4Z",clipRule:"evenodd"}),e.jsx("path",{d:"M15 16v-3h-2v3h2Z"}),e.jsx("path",{d:"M17 16h-2v2h-2v3h2v-3h2v2h4v-2h-2v-5h-2v3Z"})]})}o0.displayName="QrCodeIcon";const w7=r.forwardRef(o0);function c0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M4.719 4.34c.094-.642-.366-1.236-1.028-1.328-.663-.092-1.276.354-1.371.996l-.808 5.478c-.094.642.366 1.237 1.028 1.328.663.092 1.276-.354 1.371-.996l.808-5.478Zm12.115 10.174c.095-.642-.366-1.237-1.028-1.328-.662-.092-1.276.354-1.37.996l-.809 5.478c-.094.642.366 1.236 1.028 1.328.663.092 1.277-.354 1.371-.996l.808-5.478ZM9.318 3.009c.665.077 1.138.662 1.058 1.306l-.022.175a220.467 220.467 0 0 1-.266 2.006c-.161 1.171-.368 2.579-.535 3.386-.13.636-.769 1.049-1.425.921-.656-.127-1.082-.745-.95-1.381.148-.72.345-2.052.509-3.237a190.652 190.652 0 0 0 .262-1.981l.021-.17c.08-.644.684-1.103 1.348-1.025Zm13.17 11.505c.094-.642-.366-1.237-1.028-1.328-.663-.092-1.276.354-1.371.996l-.808 5.478c-.094.642.366 1.236 1.028 1.328.663.092 1.276-.354 1.371-.996l.808-5.478Z"})})}c0.displayName="QuoteIcon";const m7=r.forwardRef(c0);function r0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M14.74 2.38C13.87 2.133 12.95 2 12 2 6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10c0-.95-.133-1.87-.38-2.74a4.969 4.969 0 0 1-1.886.687 8 8 0 1 1-5.68-5.68c.1-.684.339-1.323.687-1.887Z"}),e.jsx("path",{d:"M15.536 14.121a1 1 0 0 1 0 1.415A4.987 4.987 0 0 1 12 17c-1.38 0-2.632-.56-3.535-1.464a1 1 0 1 1 1.414-1.415A2.988 2.988 0 0 0 12 15c.829 0 1.577-.335 2.121-.879a1 1 0 0 1 1.415 0ZM8.5 12a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm8.5-1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM18 6h-1a.968.968 0 0 1-.712-.287A.967.967 0 0 1 16 5a.97.97 0 0 1 .288-.713A.968.968 0 0 1 17 4h1V3c0-.283.096-.52.288-.712A.968.968 0 0 1 19 2c.283 0 .52.096.712.288A.965.965 0 0 1 20 3v1h1a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 21 6h-1v1a.97.97 0 0 1-.288.713A.968.968 0 0 1 19 8a.968.968 0 0 1-.712-.287A.967.967 0 0 1 18 7V6Z"})]})}r0.displayName="ReactionAddIcon";const f7=r.forwardRef(r0);function n0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M15.536 15.536a1 1 0 0 0-1.415-1.415 2.987 2.987 0 0 1-2.12.879 2.988 2.988 0 0 1-2.122-.879 1 1 0 1 0-1.414 1.415A4.987 4.987 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464ZM10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"}),e.jsx("path",{d:"M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z"})]})}n0.displayName="ReactionIcon";const v7=r.forwardRef(n0);function a0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M9.405 5.708c.39-.391.39-1.025 0-1.416a.996.996 0 0 0-1.412 0L3.294 9.006a1.004 1.004 0 0 0 0 1.416l4.699 4.714a.996.996 0 0 0 1.412 0c.39-.39.39-1.025 0-1.416L6.36 10.666h9.154c1.887 0 3.485 1.604 3.485 3.667C19 16.396 17.402 18 15.515 18h-2.093a1 1 0 1 0 0 2h2.093C18.58 20 21 17.425 21 14.333c0-3.092-2.419-5.666-5.485-5.666H6.456l2.949-2.959Z"})})}a0.displayName="ReplyIcon";const x7=r.forwardRef(a0);function l0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M18.93 8A8 8 0 1 1 4 12a1 1 0 1 0-2 0c0 5.523 4.477 10 10 10s10-4.477 10-10a9.966 9.966 0 0 0-.832-4A10.002 10.002 0 0 0 12 2a9.985 9.985 0 0 0-8 3.999V4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2H5.755A7.985 7.985 0 0 1 12 4a7.997 7.997 0 0 1 6.93 4Z"})})}l0.displayName="RestartIcon";const g7=r.forwardRef(l0);function t0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m8.566 17-.944 4.094a1.16 1.16 0 0 1-.372.656c-.19.167-.42.25-.687.25-.362 0-.658-.156-.887-.469a1.176 1.176 0 0 1-.2-1.031l.801-3.5H3.158c-.381 0-.687-.162-.916-.484a1.269 1.269 0 0 1-.2-1.078 1.12 1.12 0 0 1 1.116-.938H6.85l1.145-5h-3.12c-.38 0-.686-.161-.915-.484a1.269 1.269 0 0 1-.2-1.079A1.12 1.12 0 0 1 4.875 7h3.691l.945-4.094c.057-.27.18-.49.372-.656.19-.167.42-.25.686-.25.363 0 .658.156.887.469.23.312.296.656.2 1.031l-.8 3.5h4.578l.944-4.094c.057-.27.181-.49.372-.656.19-.167.42-.25.687-.25.362 0 .658.156.887.469.229.312.295.656.2 1.031L17.723 7h3.119c.382 0 .687.161.916.484.229.323.295.683.2 1.079a1.119 1.119 0 0 1-1.116.937H17.15l-1.145 5h3.12c.38 0 .686.162.915.484.229.323.295.683.2 1.079a1.119 1.119 0 0 1-1.116.937h-3.691l-.944 4.094c-.058.27-.182.49-.373.656-.19.167-.42.25-.686.25-.363 0-.658-.156-.887-.469a1.176 1.176 0 0 1-.2-1.031l.8-3.5H8.567Zm.573-2.5h4.578l1.144-5h-4.578l-1.144 5Z"})})}t0.displayName="RoomIcon";const p7=r.forwardRef(t0);function i0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m21.211 12.895-16.14 8.07c-.785.392-1.658-.342-1.406-1.182L5.7 13h6.55a1 1 0 1 0 0-2H5.7L3.665 4.217c-.252-.84.621-1.574 1.405-1.182l16.141 8.07a1 1 0 0 1 0 1.79Z"})})}i0.displayName="SendSolidIcon";const u7=r.forwardRef(i0);function s0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{fillRule:"evenodd",d:"m5.07 20.965 16.141-8.07a1 1 0 0 0 0-1.79l-16.14-8.07c-.785-.392-1.658.343-1.406 1.182l2.249 7.496a1 1 0 0 1 0 .575l-2.249 7.495c-.252.84.621 1.574 1.405 1.182ZM6.246 5.86 18.528 12 6.246 18.141l1.542-5.14h4.462a1 1 0 1 0 0-2H7.788L6.246 5.858Z",clipRule:"evenodd"})})}s0.displayName="SendIcon";const A7=r.forwardRef(s0);function h0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12.731 2C13.432 2 14 2.568 14 3.269c0 .578.396 1.074.935 1.286.085.034.17.07.253.106.531.23 1.162.16 1.572-.25a1.269 1.269 0 0 1 1.794 0l1.034 1.035a1.269 1.269 0 0 1 0 1.794c-.41.41-.48 1.04-.248 1.572.036.084.07.168.105.253.212.539.708.935 1.286.935.701 0 1.269.568 1.269 1.269v1.462c0 .701-.568 1.269-1.269 1.269-.578 0-1.074.396-1.287.935-.033.085-.068.17-.104.253-.232.531-.161 1.162.248 1.572a1.269 1.269 0 0 1 0 1.794l-1.034 1.034a1.269 1.269 0 0 1-1.794 0c-.41-.41-1.04-.48-1.572-.248a7.935 7.935 0 0 1-.253.105c-.539.212-.935.708-.935 1.286 0 .701-.568 1.269-1.269 1.269H11.27c-.702 0-1.27-.568-1.27-1.269 0-.578-.396-1.074-.935-1.287a7.975 7.975 0 0 1-.253-.104c-.531-.232-1.162-.161-1.572.248a1.269 1.269 0 0 1-1.794 0l-1.034-1.034a1.269 1.269 0 0 1 0-1.794c.41-.41.48-1.04.249-1.572a7.89 7.89 0 0 1-.106-.253C4.343 14.396 3.847 14 3.27 14 2.568 14 2 13.432 2 12.731V11.27c0-.702.568-1.27 1.269-1.27.578 0 1.074-.396 1.286-.935.034-.085.07-.17.106-.253.23-.531.16-1.162-.25-1.572a1.269 1.269 0 0 1 0-1.794l1.035-1.034a1.269 1.269 0 0 1 1.794 0c.41.41 1.04.48 1.572.249a7.93 7.93 0 0 1 .253-.106c.539-.212.935-.708.935-1.286C10 2.568 10.568 2 11.269 2h1.462ZM12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"})})}h0.displayName="SettingsSolidIcon";const I7=r.forwardRef(h0);function d0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M13 5a4 4 0 1 1 1.4 3.04l-3.653 2.558a3.998 3.998 0 0 1 0 2.804L14.4 15.96a4 4 0 1 1-1.148 1.638L9.6 15.04a4 4 0 1 1 0-6.08l3.654-2.558A3.992 3.992 0 0 1 13 5Zm4-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM7 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm10 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"})})}d0.displayName="ShareAndroidIcon";const Z7=r.forwardRef(d0);function w0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M12.707 2.293a1 1 0 0 0-1.414 0l-2.5 2.5a1 1 0 0 0 1.414 1.414L11 5.414V14a1 1 0 1 0 2 0V5.414l.793.793a1 1 0 1 0 1.414-1.414l-2.5-2.5Z"}),e.jsx("path",{d:"M6 20V10h2a1 1 0 0 0 0-2H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2h-2a1 1 0 1 0 0 2h2v10H6Z"})]})}w0.displayName="ShareIosIcon";const C7=r.forwardRef(w0);function m0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M1.288 20.712A.965.965 0 0 0 2 21h20c.283 0 .52-.096.712-.288A.968.968 0 0 0 23 20a.968.968 0 0 0-.288-.712A.968.968 0 0 0 22 19H2a.967.967 0 0 0-.712.288A.968.968 0 0 0 1 20c0 .283.096.52.288.712Zm1.299-3.299A1.926 1.926 0 0 1 2 16V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 4 3h16c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v11c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 18H4c-.55 0-1.02-.196-1.413-.587Zm10.12-10.12a1 1 0 0 0-1.414 0l-2.5 2.5a1 1 0 0 0 1.414 1.414l.793-.793V13a1 1 0 1 0 2 0v-2.586l.793.793a1 1 0 0 0 1.414-1.414l-2.5-2.5Z"})})}m0.displayName="ShareScreenSolidIcon";const j7=r.forwardRef(m0);function f0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M1.288 20.712A.965.965 0 0 0 2 21h20c.283 0 .52-.096.712-.288A.968.968 0 0 0 23 20a.968.968 0 0 0-.288-.712A.968.968 0 0 0 22 19H2a.967.967 0 0 0-.712.288A.968.968 0 0 0 1 20c0 .283.096.52.288.712ZM12.707 7.293a1 1 0 0 0-1.414 0l-2.5 2.5a1 1 0 0 0 1.414 1.414l.793-.793V13a1 1 0 1 0 2 0v-2.586l.793.793a1 1 0 0 0 1.414-1.414l-2.5-2.5Z"}),e.jsx("path",{d:"M2.587 17.413C2.98 17.803 3.45 18 4 18h16c.55 0 1.02-.196 1.413-.587A1.93 1.93 0 0 0 22 16V5c0-.55-.196-1.02-.587-1.413A1.926 1.926 0 0 0 20 3H4c-.55 0-1.02.196-1.413.587A1.926 1.926 0 0 0 2 5v11c0 .55.196 1.02.587 1.413ZM20 5v11H4V5h16Z"})]})}f0.displayName="ShareScreenIcon";const M7=r.forwardRef(f0);function v0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 16a.968.968 0 0 1-.713-.287A.967.967 0 0 1 11 15V7.85L9.125 9.725c-.2.2-.433.3-.7.3-.267 0-.508-.108-.725-.325a.93.93 0 0 1-.288-.712A.977.977 0 0 1 7.7 8.3l3.6-3.6c.1-.1.208-.17.325-.212.117-.042.242-.063.375-.063s.258.02.375.063a.877.877 0 0 1 .325.212l3.6 3.6c.2.2.296.438.287.713a.977.977 0 0 1-.287.687c-.2.2-.438.304-.713.313a.93.93 0 0 1-.712-.288L13 7.85V15c0 .283-.096.52-.287.713A.968.968 0 0 1 12 16Zm-6 4c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 18v-2c0-.283.096-.52.287-.713A.968.968 0 0 1 5 15c.283 0 .52.096.713.287.191.192.287.43.287.713v2h12v-2a.97.97 0 0 1 .288-.713A.968.968 0 0 1 19 15a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v2c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 20H6Z"})})}v0.displayName="ShareIcon";const V7=r.forwardRef(v0);function x0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{fillRule:"evenodd",d:"M18 3a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4h12Zm-8 2h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-8V5ZM8 19H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2v14Z",clipRule:"evenodd"})})}x0.displayName="SidebarIcon";const R7=r.forwardRef(x0);function g0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M9 12.031c0-.283.096-.52.288-.712A.968.968 0 0 1 10 11.03h7.15l-1.875-1.875a.96.96 0 0 1-.3-.7c0-.266.108-.508.325-.725a.93.93 0 0 1 .712-.287.977.977 0 0 1 .688.287l3.6 3.6c.1.1.17.209.212.325.042.117.063.242.063.375 0 .134-.02.259-.063.375a.877.877 0 0 1-.212.325l-3.6 3.6a.93.93 0 0 1-.712.288.977.977 0 0 1-.688-.288 1.02 1.02 0 0 1-.313-.712.931.931 0 0 1 .288-.713l1.875-1.875H10a.968.968 0 0 1-.712-.287A.968.968 0 0 1 9 12.03Zm-6-7c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 5 3.03h6a.97.97 0 0 1 .713.288.968.968 0 0 1 .287.712.97.97 0 0 1-.287.713.968.968 0 0 1-.713.287H5v14h6a.97.97 0 0 1 .713.288.968.968 0 0 1 .287.712.97.97 0 0 1-.287.713.968.968 0 0 1-.713.287H5c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 3 19.03v-14Z"})})}g0.displayName="SignOutIcon";const H7=r.forwardRef(g0);function p0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M5 5h14v8h-5a1 1 0 0 0-1 1v5H5V5Zm10 14v-4h4v4h-4ZM5 21h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2Z"})})}p0.displayName="SpotlightIcon";const L7=r.forwardRef(p0);function u0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12.15 20c-1.267 0-2.392-.375-3.375-1.125-.983-.75-1.692-1.775-2.125-3.075l2.2-.95c.233.8.638 1.458 1.213 1.975.574.517 1.287.775 2.137.775.7 0 1.333-.167 1.9-.5.567-.333.85-.867.85-1.6 0-.3-.058-.575-.175-.825A2.362 2.362 0 0 0 14.3 14h2.8a4.279 4.279 0 0 1 .25 1.5c0 1.433-.513 2.542-1.538 3.325C14.788 19.608 13.567 20 12.15 20ZM3 12a.967.967 0 0 1-.712-.287A.968.968 0 0 1 2 11c0-.283.096-.52.288-.712A.967.967 0 0 1 3 10h18c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.713A.968.968 0 0 1 21 12H3Zm9.05-8.15c1.1 0 2.063.27 2.887.813.825.541 1.463 1.37 1.913 2.487l-2.2.975a2.987 2.987 0 0 0-.838-1.3c-.408-.383-.979-.575-1.712-.575-.683 0-1.25.154-1.7.463-.45.308-.7.737-.75 1.287h-2.4c.033-1.15.487-2.13 1.363-2.937.875-.809 2.02-1.213 3.437-1.213Z"})})}u0.displayName="StrikethroughIcon";const S7=r.forwardRef(u0);function A0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M15.793 2.293a1 1 0 0 1 1.414 0l2 2a1 1 0 0 1 0 1.414l-2 2a1 1 0 1 1-1.414-1.414L16.086 6H5.5a2 2 0 0 0-2 2v7a1 1 0 1 1-2 0V8a4 4 0 0 1 4-4h10.586l-.293-.293a1 1 0 0 1 0-1.414ZM17.5 18H6.914l.293-.293a1 1 0 1 0-1.414-1.414l-2 2a1 1 0 0 0 0 1.414l2 2a1 1 0 0 0 1.414-1.414L6.914 20H17.5a4 4 0 0 0 4-4V9a1 1 0 1 0-2 0v7a2 2 0 0 1-2 2Z"}),e.jsx("path",{d:"M11.5 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"})]})}A0.displayName="SwitchCameraSolidIcon";const y7=r.forwardRef(A0);function I0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{fillRule:"evenodd",d:"M2.587 20.413C2.98 20.803 3.45 21 4 21h16c.55 0 1.02-.196 1.413-.587A1.93 1.93 0 0 0 22 19V7c0-.55-.196-1.02-.587-1.412A1.926 1.926 0 0 0 20 5h-3.15L15.6 3.65a2.009 2.009 0 0 0-.662-.475A1.952 1.952 0 0 0 14.124 3h-4.25a2.011 2.011 0 0 0-1.475.65L7.15 5H4c-.55 0-1.02.196-1.413.588A1.926 1.926 0 0 0 2 7v12c0 .55.196 1.02.587 1.413ZM12 16.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z",clipRule:"evenodd"})})}I0.displayName="TakePhotoSolidIcon";const N7=r.forwardRef(I0);function Z0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 17.5c1.25 0 2.313-.438 3.188-1.313.874-.875 1.312-1.937 1.312-3.187 0-1.25-.438-2.313-1.313-3.188C14.313 8.938 13.25 8.5 12 8.5c-1.25 0-2.313.438-3.188 1.313C7.939 10.687 7.5 11.75 7.5 13c0 1.25.438 2.313 1.313 3.188.874.875 1.937 1.312 3.187 1.312Zm0-2c-.7 0-1.292-.242-1.775-.725C9.742 14.292 9.5 13.7 9.5 13s.242-1.292.725-1.775c.483-.483 1.075-.725 1.775-.725s1.292.242 1.775.725c.483.483.725 1.075.725 1.775s-.242 1.292-.725 1.775c-.483.483-1.075.725-1.775.725ZM4 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 19V7c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 4 5h3.15L8.4 3.65A2.011 2.011 0 0 1 9.875 3h4.25a2.011 2.011 0 0 1 1.475.65L16.85 5H20c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v12c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 21H4Zm0-2h16V7h-4.05l-1.825-2h-4.25L8.05 7H4v12Z"})})}Z0.displayName="TakePhotoIcon";const B7=r.forwardRef(Z0);function C0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M6 19a.967.967 0 0 1-.713-.288A.968.968 0 0 1 5 18a.97.97 0 0 1 .287-.712A.967.967 0 0 1 6 17h12c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.712A.968.968 0 0 1 18 19H6Zm1.35-5.2 3.425-9.2a.882.882 0 0 1 .338-.438A.93.93 0 0 1 11.65 4h.7c.2 0 .38.054.537.162a.886.886 0 0 1 .338.438l3.425 9.225c.1.283.067.55-.1.8a.795.795 0 0 1-.7.375.89.89 0 0 1-.512-.162A.882.882 0 0 1 15 14.4l-.75-2.2H9.8L9 14.425a.838.838 0 0 1-.325.425c-.15.1-.317.15-.5.15a.84.84 0 0 1-.738-.387.815.815 0 0 1-.087-.813Zm3-3.2h3.3l-1.6-4.55h-.1l-1.6 4.55Z"})})}C0.displayName="TextFormattingIcon";const O7=r.forwardRef(C0);function j0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2Zm3 7h10a.97.97 0 0 0 .712-.287A.967.967 0 0 0 18 9a.967.967 0 0 0-.288-.713A.968.968 0 0 0 17 8H7a.968.968 0 0 0-.713.287A.968.968 0 0 0 6 9c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 4h6c.283 0 .52-.096.713-.287A.968.968 0 0 0 14 13a.968.968 0 0 0-.287-.713A.968.968 0 0 0 13 12H7a.967.967 0 0 0-.713.287A.968.968 0 0 0 6 13c0 .283.096.52.287.713.192.191.43.287.713.287Z"})})}j0.displayName="ThreadsSolidIcon";const k7=r.forwardRef(j0);function M0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M13 8a1 1 0 1 0-2 0v4a1 1 0 0 0 .293.707l2.83 2.83a1 1 0 0 0 1.414-1.414L13 11.586V8Z"}),e.jsx("path",{fillRule:"evenodd",d:"M22 11.915c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10 10 4.477 10 10Zm-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z",clipRule:"evenodd"})]})}M0.displayName="TimeIcon";const P7=r.forwardRef(M0);function V0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M6 21a.967.967 0 0 1-.713-.288A.968.968 0 0 1 5 20a.97.97 0 0 1 .287-.712A.967.967 0 0 1 6 19h12c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.712A.968.968 0 0 1 18 21H6Zm6-4c-1.683 0-2.992-.525-3.925-1.575-.933-1.05-1.4-2.442-1.4-4.175V4.275c0-.35.13-.65.388-.9A1.27 1.27 0 0 1 7.974 3c.35 0 .65.125.9.375s.375.55.375.9V11.4c0 .933.233 1.692.7 2.275.467.583 1.15.875 2.05.875.9 0 1.583-.292 2.05-.875.467-.583.7-1.342.7-2.275V4.275c0-.35.13-.65.387-.9A1.27 1.27 0 0 1 16.05 3c.35 0 .65.125.9.375s.375.55.375.9v6.975c0 1.733-.467 3.125-1.4 4.175C14.992 16.475 13.683 17 12 17Z"})})}V0.displayName="UnderlineIcon";const U7=r.forwardRef(V0);function R0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12.999 13.011v-.004.005Zm-9.412 7.402C3.98 20.803 4.45 21 5 21h14c.55 0 1.02-.196 1.413-.587A1.93 1.93 0 0 0 21 19V5c0-.55-.196-1.02-.587-1.413A1.926 1.926 0 0 0 19 3H5c-.55 0-1.02.196-1.413.587A1.926 1.926 0 0 0 3 5v14c0 .55.196 1.02.587 1.413ZM12 9a1 1 0 0 0-1 1 1 1 0 1 1-2 0 3 3 0 1 1 4.44 2.633 1.404 1.404 0 0 0-.383.288.3.3 0 0 0-.057.085A1 1 0 0 1 11 13c0-.58.253-1.047.539-1.38.281-.33.63-.572.94-.742A1 1 0 0 0 12 9Zm1 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"})})}R0.displayName="UnknownSolidIcon";const E7=r.forwardRef(R0);function H0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h14c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v14c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5Zm0-2h14V5H5v14Z"}),e.jsx("path",{d:"M11 10a1 1 0 1 1 1.479.878c-.31.17-.659.413-.94.741-.286.334-.539.8-.539 1.381a1 1 0 0 0 2 .006.3.3 0 0 1 .057-.085 1.39 1.39 0 0 1 .382-.288A3 3 0 1 0 9 10a1 1 0 1 0 2 0Zm1.999 3.011v-.004.005ZM12 17a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"})]})}H0.displayName="UnknownIcon";const b7=r.forwardRef(H0);function L0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{fillRule:"evenodd",d:"M5.457 2.083a1 1 0 0 0-1.414 1.414L8.04 7.494v2.25a.5.5 0 0 1-.15.356l-3.7 3.644a.5.5 0 0 0-.15.356v1.4a.5.5 0 0 0 .5.5h6.5v6a1 1 0 0 0 2 0v-6h3.506l4.497 4.497a1 1 0 0 0 1.414-1.414l-17-17ZM14.546 14 10.04 9.494v.25a2.5 2.5 0 0 1-.746 1.781L6.78 14h7.766Z",clipRule:"evenodd"}),e.jsx("path",{d:"M14.04 4v3.85l2.015 2.015a.5.5 0 0 1-.015-.12V5.257a.5.5 0 0 1 .15-.357l2.081-2.043a.5.5 0 0 0-.35-.857h-9.73l2 2h3.849Z"})]})}L0.displayName="UnpinIcon";const D7=r.forwardRef(L0);function S0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M10 12c-1.1 0-2.042-.392-2.825-1.175C6.392 10.042 6 9.1 6 8s.392-2.042 1.175-2.825C7.958 4.392 8.9 4 10 4s2.042.392 2.825 1.175C13.608 5.958 14 6.9 14 8s-.392 2.042-1.175 2.825C12.042 11.608 11.1 12 10 12Zm-8 6v-.8c0-.567.146-1.087.438-1.563A2.911 2.911 0 0 1 3.6 14.55a14.843 14.843 0 0 1 3.15-1.163A13.76 13.76 0 0 1 10 13c1.1 0 2.183.13 3.25.387 1.067.259 2.117.646 3.15 1.163.483.25.87.612 1.163 1.087.291.476.437.996.437 1.563v.8c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 16 20H4c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 18Zm15-7h2v2c0 .283.096.52.288.713.191.191.429.287.712.287s.52-.096.712-.287A.968.968 0 0 0 21 13v-2h2a.97.97 0 0 0 .712-.287A.968.968 0 0 0 24 10a.967.967 0 0 0-.288-.713A.968.968 0 0 0 23 9h-2V7a.967.967 0 0 0-.288-.713A.968.968 0 0 0 20 6a.968.968 0 0 0-.712.287A.967.967 0 0 0 19 7v2h-2a.968.968 0 0 0-.712.287A.967.967 0 0 0 16 10c0 .283.096.52.288.713A.968.968 0 0 0 17 11Z"})})}S0.displayName="UserAddSolidIcon";const F7=r.forwardRef(S0);function y0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M10 12c-1.1 0-2.042-.392-2.825-1.175C6.392 10.042 6 9.1 6 8s.392-2.042 1.175-2.825C7.958 4.392 8.9 4 10 4s2.042.392 2.825 1.175C13.608 5.958 14 6.9 14 8s-.392 2.042-1.175 2.825C12.042 11.608 11.1 12 10 12Zm-8 6v-.8c0-.567.146-1.087.438-1.563A2.911 2.911 0 0 1 3.6 14.55a14.843 14.843 0 0 1 3.15-1.163A13.76 13.76 0 0 1 10 13c1.1 0 2.183.13 3.25.387 1.067.259 2.117.646 3.15 1.163.483.25.87.612 1.163 1.087.291.476.437.996.437 1.563v.8c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 16 20H4c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 18Zm2 0h12v-.8a.973.973 0 0 0-.5-.85c-.9-.45-1.808-.787-2.725-1.012a11.6 11.6 0 0 0-5.55 0c-.917.225-1.825.562-2.725 1.012a.973.973 0 0 0-.5.85v.8Zm6-8c.55 0 1.02-.196 1.412-.588C11.804 9.021 12 8.55 12 8c0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 10 6c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 8 8c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Zm7 1h2v2c0 .283.096.52.288.713.191.191.429.287.712.287s.52-.096.712-.287A.968.968 0 0 0 21 13v-2h2a.97.97 0 0 0 .712-.287A.968.968 0 0 0 24 10a.967.967 0 0 0-.288-.713A.968.968 0 0 0 23 9h-2V7a.967.967 0 0 0-.288-.713A.968.968 0 0 0 20 6a.968.968 0 0 0-.712.287A.967.967 0 0 0 19 7v2h-2a.968.968 0 0 0-.712.287A.967.967 0 0 0 16 10c0 .283.096.52.288.713A.968.968 0 0 0 17 11Z"})})}y0.displayName="UserAddIcon";const T7=r.forwardRef(y0);function N0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M12 15c-1.1 0-2.042-.392-2.825-1.175C8.392 13.042 8 12.1 8 11s.392-2.042 1.175-2.825C9.958 7.392 10.9 7 12 7s2.042.392 2.825 1.175C15.608 8.958 16 9.9 16 11s-.392 2.042-1.175 2.825C14.042 14.608 13.1 15 12 15Z"}),e.jsx("path",{d:"M19.528 18.583A9.962 9.962 0 0 0 22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 2.52.933 4.824 2.472 6.583A9.976 9.976 0 0 0 12 22a9.976 9.976 0 0 0 7.528-3.417ZM8.75 16.388c-.915.221-1.818.538-2.709.95a8 8 0 1 1 11.918 0 14.679 14.679 0 0 0-2.709-.95A13.76 13.76 0 0 0 12 16c-1.1 0-2.183.13-3.25.387Z"})]})}N0.displayName="UserProfileSolidIcon";const K7=r.forwardRef(N0);function B0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 12c-1.1 0-2.042-.392-2.825-1.175C8.392 10.042 8 9.1 8 8s.392-2.042 1.175-2.825C9.958 4.392 10.9 4 12 4s2.042.392 2.825 1.175C15.608 5.958 16 6.9 16 8s-.392 2.042-1.175 2.825C14.042 11.608 13.1 12 12 12Zm-8 6v-.8c0-.567.146-1.087.438-1.563A2.911 2.911 0 0 1 5.6 14.55a14.843 14.843 0 0 1 3.15-1.163A13.76 13.76 0 0 1 12 13c1.1 0 2.183.13 3.25.387 1.067.259 2.117.646 3.15 1.163.483.25.87.612 1.163 1.087.291.476.437.996.437 1.563v.8c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 20H6c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 18Z"})})}B0.displayName="UserSolidIcon";const G7=r.forwardRef(B0);function O0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 12c-1.1 0-2.042-.392-2.825-1.175C8.392 10.042 8 9.1 8 8s.392-2.042 1.175-2.825C9.958 4.392 10.9 4 12 4s2.042.392 2.825 1.175C15.608 5.958 16 6.9 16 8s-.392 2.042-1.175 2.825C14.042 11.608 13.1 12 12 12Zm-8 6v-.8c0-.567.146-1.087.438-1.563A2.911 2.911 0 0 1 5.6 14.55a14.843 14.843 0 0 1 3.15-1.163A13.76 13.76 0 0 1 12 13c1.1 0 2.183.13 3.25.387 1.067.259 2.117.646 3.15 1.163.483.25.87.612 1.163 1.087.291.476.437.996.437 1.563v.8c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 20H6c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 18Zm2 0h12v-.8a.973.973 0 0 0-.5-.85c-.9-.45-1.808-.787-2.725-1.012a11.6 11.6 0 0 0-5.55 0c-.917.225-1.825.562-2.725 1.012a.973.973 0 0 0-.5.85v.8Zm6-8c.55 0 1.02-.196 1.412-.588C13.804 9.021 14 8.55 14 8c0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 12 6c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 10 8c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Z"})})}O0.displayName="UserIcon";const Q7=r.forwardRef(O0);function k0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M8.15 21.75 6.7 19.3l-2.75-.6a.943.943 0 0 1-.6-.387.928.928 0 0 1-.175-.688L3.45 14.8l-1.875-2.15a.934.934 0 0 1-.25-.65c0-.25.083-.467.25-.65L3.45 9.2l-.275-2.825a.928.928 0 0 1 .175-.688.943.943 0 0 1 .6-.387l2.75-.6 1.45-2.45a.983.983 0 0 1 .55-.438.97.97 0 0 1 .7.038l2.6 1.1 2.6-1.1a.97.97 0 0 1 .7-.038.983.983 0 0 1 .55.438L17.3 4.7l2.75.6c.25.05.45.18.6.388.15.208.208.437.175.687L20.55 9.2l1.875 2.15c.167.183.25.4.25.65s-.083.467-.25.65L20.55 14.8l.275 2.825a.928.928 0 0 1-.175.688.943.943 0 0 1-.6.387l-2.75.6-1.45 2.45a.983.983 0 0 1-.55.438.97.97 0 0 1-.7-.038l-2.6-1.1-2.6 1.1a.97.97 0 0 1-.7.038.983.983 0 0 1-.55-.438Zm2.8-9.05L9.5 11.275A.933.933 0 0 0 8.813 11c-.275 0-.513.1-.713.3a.948.948 0 0 0-.275.7.95.95 0 0 0 .275.7l2.15 2.15c.2.2.433.3.7.3.267 0 .5-.1.7-.3l4.25-4.25c.2-.2.296-.433.287-.7a1.055 1.055 0 0 0-.287-.7 1.02 1.02 0 0 0-.713-.313.93.93 0 0 0-.712.288L10.95 12.7Z"})})}k0.displayName="VerifiedIcon";const _7=r.forwardRef(k0);function P0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M2 8a4 4 0 0 1 4-4h10a2 2 0 0 1 2 2v4.286l3.35-2.871a1 1 0 0 1 1.65.76v7.65a1 1 0 0 1-1.65.76L18 13.715V18a2 2 0 0 1-2 2H6a4 4 0 0 1-4-4V8Zm10.828 6.828c.2-.2.3-.436.3-.707 0-.27-.1-.506-.3-.707L11.414 12l1.414-1.414c.2-.2.3-.436.3-.707 0-.271-.1-.507-.3-.707a.969.969 0 0 0-.707-.301c-.27 0-.506.1-.707.3L10 10.587 8.586 9.172a.969.969 0 0 0-.707-.301c-.271 0-.507.1-.707.3-.2.2-.3.437-.3.708 0 .27.1.506.3.707L8.586 12l-1.414 1.414c-.2.2-.3.436-.3.707 0 .271.1.507.3.707.2.2.436.3.707.3.27 0 .506-.1.707-.3L10 13.414l1.414 1.414c.2.2.436.3.707.3.271 0 .507-.1.707-.3Z"})})}P0.displayName="VideoCallDeclinedSolidIcon";const z7=r.forwardRef(P0);function U0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M2 8a4 4 0 0 1 4-4h10a2 2 0 0 1 2 2v4.286l3.35-2.871a1 1 0 0 1 1.65.76v7.65a1 1 0 0 1-1.65.76L18 13.715V18a2 2 0 0 1-2 2H6a4 4 0 0 1-4-4V8Zm8.7 5.15L8.5 11H9c.283 0 .52-.096.713-.287A.968.968 0 0 0 10 10a.968.968 0 0 0-.287-.713A.968.968 0 0 0 9 9H6a.968.968 0 0 0-.713.287A.968.968 0 0 0 5 10v3c0 .283.096.52.287.713.192.191.43.287.713.287s.52-.096.713-.287A.968.968 0 0 0 7 13v-.7l3 3a1.034 1.034 0 0 0 1.088.2.773.773 0 0 0 .312-.225l3.125-3.15a.918.918 0 0 0 .275-.675c0-.267-.1-.5-.3-.7a.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275l-2.4 2.4Z"})})}U0.displayName="VideoCallMissedSolidIcon";const W7=r.forwardRef(U0);function E0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M2.747 2.753 4.35 4.355l.007-.003L18 17.994v.012l3.247 3.247a1 1 0 0 1-1.414 1.414l-2.898-2.898A1.992 1.992 0 0 1 16 20H6a4 4 0 0 1-4-4V8c0-.892.292-1.715.785-2.38L1.333 4.166a1 1 0 0 1 1.414-1.414ZM18 15.166 6.834 4H16a2 2 0 0 1 2 2v4.286l3.35-2.871a1 1 0 0 1 1.65.76v7.65a1 1 0 0 1-1.65.76L18 13.715v1.45Z"})})}E0.displayName="VideoCallOffSolidIcon";const q7=r.forwardRef(E0);function b0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m2.747 2.753 1.602 1.602c.003 0 .006-.002.008-.003L6.006 6h-.012L16 16.006v-.012l2 2v.012l3.247 3.247a1 1 0 0 1-1.414 1.414l-2.899-2.898A1.992 1.992 0 0 1 16 20H6a4 4 0 0 1-4-4V8c0-.892.292-1.715.785-2.38L1.333 4.166a1 1 0 0 1 1.414-1.414Zm1.484 4.312A1.991 1.991 0 0 0 4 8v8a2 2 0 0 0 2 2h9.166L4.23 7.065ZM16 6H8.834l-2-2H16a2 2 0 0 1 2 2v4.286l3.35-2.871a1 1 0 0 1 1.65.76v7.65a1 1 0 0 1-1.65.76L18 13.715v1.45l-2-2V6Zm5 7.652v-3.304L19.073 12 21 13.652Z"})})}b0.displayName="VideoCallOffIcon";const $7=r.forwardRef(b0);function D0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M6 4h10a2 2 0 0 1 2 2v4.286l3.35-2.871a1 1 0 0 1 1.65.76v7.65a1 1 0 0 1-1.65.76L18 13.715V18a2 2 0 0 1-2 2H6a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4Z"})})}D0.displayName="VideoCallSolidIcon";const J7=r.forwardRef(D0);function F0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M2 8a4 4 0 0 1 4-4h10a2 2 0 0 1 2 2v4.286l3.35-2.871a1 1 0 0 1 1.65.76v7.65a1 1 0 0 1-1.65.76L18 13.715V18a2 2 0 0 1-2 2H6a4 4 0 0 1-4-4V8Zm4-2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10V6H6Zm15 7.652v-3.303L19.073 12 21 13.652Z"})})}F0.displayName="VideoCallIcon";const X7=r.forwardRef(F0);function T0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m20.958 16.374.039 3.527c0 .285-.11.537-.33.756-.22.22-.472.33-.756.33a15.97 15.97 0 0 1-6.57-1.105 16.223 16.223 0 0 1-5.563-3.663 16.084 16.084 0 0 1-3.653-5.573 16.313 16.313 0 0 1-1.115-6.56c0-.285.11-.537.33-.757.22-.22.471-.329.755-.329l3.528.039a1.069 1.069 0 0 1 1.085.93l.543 3.954c.026.181.013.349-.039.504a1.088 1.088 0 0 1-.271.426l-1.64 1.64c.337.672.721 1.308 1.154 1.909.433.6 1.444 1.696 1.444 1.696s1.095 1.01 1.696 1.444c.6.433 1.237.817 1.909 1.153l1.64-1.64a1.08 1.08 0 0 1 .426-.27c.155-.052.323-.065.504-.04l3.954.543a1.069 1.069 0 0 1 .93 1.085Z"})})}T0.displayName="VoiceCallIcon";const Y7=r.forwardRef(T0);function K0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M3.5 3.5a1 1 0 1 0-1.414 1.414L5.172 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2l3.293 3.293c.63.63 1.707.184 1.707-.707v-3.758l7.086 7.086A1 1 0 0 0 20.5 20.5l-2.136-2.136.003-.003-1.414-1.414-.003.003-1.414-1.414.003-.003-1.415-1.415-.002.003L12 12v-.006L7.503 7.497 7.5 7.5l-4-4Zm11.496 8.662 1.661 1.66c.222-.564.343-1.18.343-1.822 0-1.38-.56-2.632-1.464-3.536a1 1 0 1 0-1.414 1.414 2.987 2.987 0 0 1 .874 2.284Zm3.164 3.164 1.462 1.462A8.961 8.961 0 0 0 21 12a8.975 8.975 0 0 0-2.636-6.364A1 1 0 0 0 16.95 7.05 6.975 6.975 0 0 1 19 12a6.966 6.966 0 0 1-.84 3.326ZM8.917 6.083 12 9.166V5.414c0-.89-1.077-1.337-1.707-.707L8.917 6.083Z"})})}K0.displayName="VolumeOffSolidIcon";const e9=r.forwardRef(K0);function G0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m3.5 3.5 4 4 .003-.003L8.917 8.91l-.003.003L10 10v-.006l2 2V12l2.122 2.121.002-.003 1.415 1.415-.003.003 1.414 1.414.003-.003 1.414 1.414-.003.003L20.5 20.5a1 1 0 0 1-1.414 1.414L12 14.828v3.758c0 .89-1.077 1.337-1.707.707L7 16H5a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h.172L2.086 4.914A1 1 0 0 1 3.5 3.5ZM7.172 10H5v4h2.828L10 16.17v-3.343L7.172 10Zm7.824 2.162 1.661 1.66c.222-.564.343-1.18.343-1.822 0-1.38-.56-2.632-1.464-3.536a1 1 0 1 0-1.414 1.414 2.987 2.987 0 0 1 .874 2.284Zm3.164 3.164 1.462 1.462A8.961 8.961 0 0 0 21 12a8.975 8.975 0 0 0-2.636-6.364A1 1 0 0 0 16.95 7.05 6.975 6.975 0 0 1 19 12a6.966 6.966 0 0 1-.84 3.326ZM8.917 6.083 12 9.166V5.414c0-.89-1.077-1.337-1.707-.707L8.917 6.083Z"})})}G0.displayName="VolumeOffIcon";const o9=r.forwardRef(G0);function Q0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M3 14v-4a2 2 0 0 1 2-2h2l3.293-3.293c.63-.63 1.707-.184 1.707.707v13.172c0 .89-1.077 1.337-1.707.707L7 16H5a2 2 0 0 1-2-2Zm11.121-5.536a1 1 0 0 1 1.415 0A4.987 4.987 0 0 1 17 12c0 1.38-.56 2.632-1.464 3.535a1 1 0 0 1-1.415-1.414 2.987 2.987 0 0 0 .88-2.121c0-.829-.335-1.578-.88-2.121a1 1 0 0 1 0-1.415Z"}),e.jsx("path",{d:"M16.95 5.636a1 1 0 0 1 1.414 0A8.975 8.975 0 0 1 21 12a8.975 8.975 0 0 1-2.636 6.364 1 1 0 1 1-1.414-1.415A6.975 6.975 0 0 0 19 12a6.975 6.975 0 0 0-2.05-4.949 1 1 0 0 1 0-1.414Z"})]})}Q0.displayName="VolumeOnSolidIcon";const c9=r.forwardRef(Q0);function _0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M3 10a2 2 0 0 1 2-2h2l3.293-3.293c.63-.63 1.707-.184 1.707.707v13.172c0 .89-1.077 1.337-1.707.707L7 16H5a2 2 0 0 1-2-2v-4Zm4.828 4L10 16.172V7.828L7.828 10H5v4h2.828Zm6.293-5.536a1 1 0 0 1 1.415 0A4.988 4.988 0 0 1 17 12c0 1.38-.56 2.632-1.464 3.535a1 1 0 1 1-1.415-1.414 2.987 2.987 0 0 0 .88-2.121c0-.829-.335-1.578-.88-2.122a1 1 0 0 1 0-1.414Z"}),e.jsx("path",{d:"M18.364 5.636A1 1 0 1 0 16.95 7.05 6.975 6.975 0 0 1 19 12a6.975 6.975 0 0 1-2.05 4.95 1 1 0 0 0 1.414 1.414A8.975 8.975 0 0 0 21 12a8.975 8.975 0 0 0-2.636-6.364Z"})]})}_0.displayName="VolumeOnIcon";const r9=r.forwardRef(_0);function z0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M4 20c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 18V6c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 4 4h16c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v12c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 20H4Zm0-2h16V8H4v10Z"})})}z0.displayName="WebBrowserIcon";const n9=r.forwardRef(z0),C9=Object.freeze(Object.defineProperty({__proto__:null,AdminIcon:v2,ArrowDownIcon:x2,ArrowLeftIcon:g2,ArrowRightIcon:p2,ArrowUpIcon:A2,ArrowUpRightIcon:u2,AttachmentIcon:I2,BlockIcon:Z2,BoldIcon:C2,CalendarIcon:j2,ChartIcon:M2,ChatIcon:J0,ChatNewIcon:V2,ChatProblemIcon:W0,ChatSolidIcon:R2,CheckCircleIcon:e2,CheckCircleSolidIcon:Y0,CheckIcon:c2,ChevronDownIcon:r2,ChevronLeftIcon:H2,ChevronRightIcon:n2,ChevronUpDownIcon:L2,ChevronUpIcon:S2,CircleIcon:y2,CloseIcon:a2,CloudIcon:B2,CloudSolidIcon:N2,CodeIcon:O2,CollapseIcon:k2,CompanyIcon:P2,ComposeIcon:U2,ComputerIcon:E2,CopyIcon:b2,DarkModeIcon:D2,DeleteIcon:F2,DevicesIcon:T2,DocumentIcon:K2,DownloadIcon:G2,DragGridIcon:Q2,DragListIcon:_2,EditIcon:W2,EditSolidIcon:z2,EmailIcon:$2,EmailSolidIcon:q2,EndCallIcon:J2,ErrorIcon:l2,ExpandIcon:X2,ExportArchiveIcon:Y2,ExtensionsIcon:X0,ExtensionsSolidIcon:e8,FavouriteIcon:c8,FavouriteSolidIcon:o8,FileErrorIcon:r8,FilesIcon:n8,FilterIcon:a8,ForwardIcon:l8,GridIcon:t8,HelpIcon:s8,HelpSolidIcon:i8,HistoryIcon:h8,HomeIcon:w8,HomeSolidIcon:d8,HostIcon:m8,ImageErrorIcon:f8,ImageIcon:v8,IndentDecreaseIcon:x8,IndentIncreaseIcon:g8,InfoIcon:o2,InfoSolidIcon:p8,InlineCodeIcon:u8,ItalicIcon:A8,KeyIcon:j8,KeyOffIcon:Z8,KeyOffSolidIcon:I8,KeySolidIcon:C8,KeyboardIcon:M8,LabsIcon:V8,LeaveIcon:q0,LinkIcon:R8,ListBulletedIcon:H8,ListNumberedIcon:L8,LocationNavigatorCentredIcon:S8,LocationNavigatorIcon:y8,LocationPinIcon:B8,LocationPinSolidIcon:N8,LockIcon:P8,LockOffIcon:O8,LockSolidIcon:k8,MarkAsReadIcon:U8,MarkAsUnreadIcon:E8,MarkerReadReceiptsIcon:b8,MentionIcon:D8,MenuIcon:F8,MicOffIcon:K8,MicOffSolidIcon:T8,MicOnIcon:Q8,MicOnSolidIcon:G8,MinusIcon:_8,MobileIcon:z8,NotificationsIcon:$0,NotificationsOffIcon:q8,NotificationsOffSolidIcon:W8,NotificationsSolidIcon:$8,OfflineIcon:J8,OverflowHorizontalIcon:X8,OverflowVerticalIcon:Y8,PauseIcon:o7,PauseSolidIcon:e7,PinIcon:r7,PinSolidIcon:c7,PlayIcon:a7,PlaySolidIcon:n7,PlusIcon:l7,PollsEndIcon:t7,PollsIcon:i7,PopOutIcon:s7,PreferencesIcon:h7,PublicIcon:d7,QrCodeIcon:w7,QuoteIcon:m7,ReactionAddIcon:f7,ReactionIcon:v7,ReplyIcon:x7,RestartIcon:g7,RoomIcon:p7,SearchIcon:t2,SendIcon:A7,SendSolidIcon:u7,SettingsIcon:i2,SettingsSolidIcon:I7,ShareAndroidIcon:Z7,ShareIcon:V7,ShareIosIcon:C7,ShareScreenIcon:M7,ShareScreenSolidIcon:j7,SidebarIcon:R7,SignOutIcon:H7,SpinnerIcon:s2,SpotlightIcon:L7,StrikethroughIcon:S7,SwitchCameraSolidIcon:y7,TakePhotoIcon:B7,TakePhotoSolidIcon:N7,TextFormattingIcon:O7,ThreadsIcon:h2,ThreadsSolidIcon:k7,TimeIcon:P7,UnderlineIcon:U7,UnknownIcon:b7,UnknownSolidIcon:E7,UnpinIcon:D7,UserAddIcon:T7,UserAddSolidIcon:F7,UserIcon:Q7,UserProfileIcon:d2,UserProfileSolidIcon:K7,UserSolidIcon:G7,VerifiedIcon:_7,VideoCallDeclinedSolidIcon:z7,VideoCallIcon:X7,VideoCallMissedSolidIcon:W7,VideoCallOffIcon:$7,VideoCallOffSolidIcon:q7,VideoCallSolidIcon:J7,VisibilityOffIcon:w2,VisibilityOnIcon:m2,VoiceCallIcon:Y7,VolumeOffIcon:o9,VolumeOffSolidIcon:e9,VolumeOnIcon:r9,VolumeOnSolidIcon:c9,WarningIcon:f2,WebBrowserIcon:n9},Symbol.toStringTag,{value:"Module"}));export{q7 as a,T8 as b,j7 as c,J2 as d,X2 as e,W2 as f,C9 as i,R8 as l,G8 as m,I7 as s,T7 as u,J7 as v}; diff --git a/assets/index-BF9S1Jqn.js b/assets/index-Bntl8XdB.js similarity index 99% rename from assets/index-BF9S1Jqn.js rename to assets/index-Bntl8XdB.js index ec53a389..5af56a4b 100644 --- a/assets/index-BF9S1Jqn.js +++ b/assets/index-Bntl8XdB.js @@ -1,4 +1,4 @@ -import{a as S,r as i}from"./index-BP8_t0zE.js";import{c as I,a as me,u as at}from"./index-DD7XHAoh.js";import{c as lt,a as Wo}from"./index-CcH3h_90.js";import{u as X,S as it,c as Uo}from"./index-Dp4tTk3o.js";import{j as E}from"./jsx-runtime-CexXSJP5.js";import{P as H,d as Bt}from"./index-BjHk5heU.js";import{q as Ho,e as Ko,o as Yo,s as Go,l as zo,j as Vo,r as Xo,f as qo,t as Zo}from"./floating-ui.react-CWvUcNvr.js";import{f as Ln,r as Qo}from"./index-BlTQwN6S.js";function Fn(e){const t=e+"CollectionProvider",[n,r]=lt(t),[o,a]=n(t,{collectionRef:{current:null},itemMap:new Map}),c=y=>{const{scope:h,children:l}=y,g=S.useRef(null),p=S.useRef(new Map).current;return E.jsx(o,{scope:h,itemMap:p,collectionRef:g,children:l})};c.displayName=t;const s=e+"CollectionSlot",v=S.forwardRef((y,h)=>{const{scope:l,children:g}=y,p=a(s,l),C=X(h,p.collectionRef);return E.jsx(it,{ref:C,children:g})});v.displayName=s;const u=e+"CollectionItemSlot",f="data-radix-collection-item",d=S.forwardRef((y,h)=>{const{scope:l,children:g,...p}=y,C=S.useRef(null),R=X(h,C),b=a(u,l);return S.useEffect(()=>(b.itemMap.set(C,{ref:C,...p}),()=>void b.itemMap.delete(C))),E.jsx(it,{[f]:"",ref:R,children:g})});d.displayName=u;function m(y){const h=a(e+"CollectionConsumer",y);return S.useCallback(()=>{const g=h.collectionRef.current;if(!g)return[];const p=Array.from(g.querySelectorAll(`[${f}]`));return Array.from(h.itemMap.values()).sort((b,x)=>p.indexOf(b.ref.current)-p.indexOf(x.ref.current))},[h.collectionRef,h.itemMap])}return[{Provider:c,Slot:v,ItemSlot:d},m,r]}function Jo(e,t=[]){let n=[];function r(a,c){const s=i.createContext(c),v=n.length;n=[...n,c];const u=d=>{const{scope:m,children:y,...h}=d,l=m?.[e]?.[v]||s,g=i.useMemo(()=>h,Object.values(h));return E.jsx(l.Provider,{value:g,children:y})};u.displayName=a+"Provider";function f(d,m){const y=m?.[e]?.[v]||s,h=i.useContext(y);if(h)return h;if(c!==void 0)return c;throw new Error(`\`${d}\` must be used within \`${a}\``)}return[u,f]}const o=()=>{const a=n.map(c=>i.createContext(c));return function(s){const v=s?.[e]||a;return i.useMemo(()=>({[`__scope${e}`]:{...s,[e]:v}}),[s,v])}};return o.scopeName=e,[r,ea(o,...t)]}function ea(...e){const t=e[0];if(e.length===1)return t;const n=()=>{const r=e.map(o=>({useScope:o(),scopeName:o.scopeName}));return function(a){const c=r.reduce((s,{useScope:v,scopeName:u})=>{const d=v(a)[`__scope${u}`];return{...s,...d}},{});return i.useMemo(()=>({[`__scope${t.scopeName}`]:c}),[c])}};return n.scopeName=t.scopeName,n}var ta=i.createContext(void 0);function kn(e){const t=i.useContext(ta);return e||t||"ltr"}function te(e){const t=i.useRef(e);return i.useEffect(()=>{t.current=e}),i.useMemo(()=>(...n)=>t.current?.(...n),[])}function $n(e,t=globalThis?.document){const n=te(e);i.useEffect(()=>{const r=o=>{o.key==="Escape"&&n(o)};return t.addEventListener("keydown",r,{capture:!0}),()=>t.removeEventListener("keydown",r,{capture:!0})},[n,t])}var na="DismissableLayer",It="dismissableLayer.update",ra="dismissableLayer.pointerDownOutside",oa="dismissableLayer.focusOutside",fn,jn=i.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),Bn=i.forwardRef((e,t)=>{const{disableOutsidePointerEvents:n=!1,onEscapeKeyDown:r,onPointerDownOutside:o,onFocusOutside:a,onInteractOutside:c,onDismiss:s,...v}=e,u=i.useContext(jn),[f,d]=i.useState(null),m=f?.ownerDocument??globalThis?.document,[,y]=i.useState({}),h=X(t,w=>d(w)),l=Array.from(u.layers),[g]=[...u.layersWithOutsidePointerEventsDisabled].slice(-1),p=l.indexOf(g),C=f?l.indexOf(f):-1,R=u.layersWithOutsidePointerEventsDisabled.size>0,b=C>=p,x=sa(w=>{const P=w.target,D=[...u.branches].some(_=>_.contains(P));!b||D||(o?.(w),c?.(w),w.defaultPrevented||s?.())},m),N=ca(w=>{const P=w.target;[...u.branches].some(_=>_.contains(P))||(a?.(w),c?.(w),w.defaultPrevented||s?.())},m);return $n(w=>{C===u.layers.size-1&&(r?.(w),!w.defaultPrevented&&s&&(w.preventDefault(),s()))},m),i.useEffect(()=>{if(f)return n&&(u.layersWithOutsidePointerEventsDisabled.size===0&&(fn=m.body.style.pointerEvents,m.body.style.pointerEvents="none"),u.layersWithOutsidePointerEventsDisabled.add(f)),u.layers.add(f),vn(),()=>{n&&u.layersWithOutsidePointerEventsDisabled.size===1&&(m.body.style.pointerEvents=fn)}},[f,m,n,u]),i.useEffect(()=>()=>{f&&(u.layers.delete(f),u.layersWithOutsidePointerEventsDisabled.delete(f),vn())},[f,u]),i.useEffect(()=>{const w=()=>y({});return document.addEventListener(It,w),()=>document.removeEventListener(It,w)},[]),E.jsx(H.div,{...v,ref:h,style:{pointerEvents:R?b?"auto":"none":void 0,...e.style},onFocusCapture:I(e.onFocusCapture,N.onFocusCapture),onBlurCapture:I(e.onBlurCapture,N.onBlurCapture),onPointerDownCapture:I(e.onPointerDownCapture,x.onPointerDownCapture)})});Bn.displayName=na;var aa="DismissableLayerBranch",ia=i.forwardRef((e,t)=>{const n=i.useContext(jn),r=i.useRef(null),o=X(t,r);return i.useEffect(()=>{const a=r.current;if(a)return n.branches.add(a),()=>{n.branches.delete(a)}},[n.branches]),E.jsx(H.div,{...e,ref:o})});ia.displayName=aa;function sa(e,t=globalThis?.document){const n=te(e),r=i.useRef(!1),o=i.useRef(()=>{});return i.useEffect(()=>{const a=s=>{if(s.target&&!r.current){let v=function(){Wn(ra,n,u,{discrete:!0})};const u={originalEvent:s};s.pointerType==="touch"?(t.removeEventListener("click",o.current),o.current=v,t.addEventListener("click",o.current,{once:!0})):v()}else t.removeEventListener("click",o.current);r.current=!1},c=window.setTimeout(()=>{t.addEventListener("pointerdown",a)},0);return()=>{window.clearTimeout(c),t.removeEventListener("pointerdown",a),t.removeEventListener("click",o.current)}},[t,n]),{onPointerDownCapture:()=>r.current=!0}}function ca(e,t=globalThis?.document){const n=te(e),r=i.useRef(!1);return i.useEffect(()=>{const o=a=>{a.target&&!r.current&&Wn(oa,n,{originalEvent:a},{discrete:!1})};return t.addEventListener("focusin",o),()=>t.removeEventListener("focusin",o)},[t,n]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}function vn(){const e=new CustomEvent(It);document.dispatchEvent(e)}function Wn(e,t,n,{discrete:r}){const o=n.originalEvent.target,a=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:n});t&&o.addEventListener(e,t,{once:!0}),r?Bt(o,a):o.dispatchEvent(a)}var wt=0;function ua(){i.useEffect(()=>{const e=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",e[0]??mn()),document.body.insertAdjacentElement("beforeend",e[1]??mn()),wt++,()=>{wt===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(t=>t.remove()),wt--}},[])}function mn(){const e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.outline="none",e.style.opacity="0",e.style.position="fixed",e.style.pointerEvents="none",e}var yt="focusScope.autoFocusOnMount",Et="focusScope.autoFocusOnUnmount",pn={bubbles:!1,cancelable:!0},la="FocusScope",Wt=i.forwardRef((e,t)=>{const{loop:n=!1,trapped:r=!1,onMountAutoFocus:o,onUnmountAutoFocus:a,...c}=e,[s,v]=i.useState(null),u=te(o),f=te(a),d=i.useRef(null),m=X(t,l=>v(l)),y=i.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;i.useEffect(()=>{if(r){let l=function(R){if(y.paused||!s)return;const b=R.target;s.contains(b)?d.current=b:we(d.current,{select:!0})},g=function(R){if(y.paused||!s)return;const b=R.relatedTarget;b!==null&&(s.contains(b)||we(d.current,{select:!0}))},p=function(R){if(document.activeElement===document.body)for(const x of R)x.removedNodes.length>0&&we(s)};document.addEventListener("focusin",l),document.addEventListener("focusout",g);const C=new MutationObserver(p);return s&&C.observe(s,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",l),document.removeEventListener("focusout",g),C.disconnect()}}},[r,s,y.paused]),i.useEffect(()=>{if(s){gn.add(y);const l=document.activeElement;if(!s.contains(l)){const p=new CustomEvent(yt,pn);s.addEventListener(yt,u),s.dispatchEvent(p),p.defaultPrevented||(da(ha(Un(s)),{select:!0}),document.activeElement===l&&we(s))}return()=>{s.removeEventListener(yt,u),setTimeout(()=>{const p=new CustomEvent(Et,pn);s.addEventListener(Et,f),s.dispatchEvent(p),p.defaultPrevented||we(l??document.body,{select:!0}),s.removeEventListener(Et,f),gn.remove(y)},0)}}},[s,u,f,y]);const h=i.useCallback(l=>{if(!n&&!r||y.paused)return;const g=l.key==="Tab"&&!l.altKey&&!l.ctrlKey&&!l.metaKey,p=document.activeElement;if(g&&p){const C=l.currentTarget,[R,b]=fa(C);R&&b?!l.shiftKey&&p===b?(l.preventDefault(),n&&we(R,{select:!0})):l.shiftKey&&p===R&&(l.preventDefault(),n&&we(b,{select:!0})):p===C&&l.preventDefault()}},[n,r,y.paused]);return E.jsx(H.div,{tabIndex:-1,...c,ref:m,onKeyDown:h})});Wt.displayName=la;function da(e,{select:t=!1}={}){const n=document.activeElement;for(const r of e)if(we(r,{select:t}),document.activeElement!==n)return}function fa(e){const t=Un(e),n=hn(t,e),r=hn(t.reverse(),e);return[n,r]}function Un(e){const t=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:r=>{const o=r.tagName==="INPUT"&&r.type==="hidden";return r.disabled||r.hidden||o?NodeFilter.FILTER_SKIP:r.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)t.push(n.currentNode);return t}function hn(e,t){for(const n of e)if(!va(n,{upTo:t}))return n}function va(e,{upTo:t}){if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(t!==void 0&&e===t)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1}function ma(e){return e instanceof HTMLInputElement&&"select"in e}function we(e,{select:t=!1}={}){if(e&&e.focus){const n=document.activeElement;e.focus({preventScroll:!0}),e!==n&&ma(e)&&t&&e.select()}}var gn=pa();function pa(){let e=[];return{add(t){const n=e[0];t!==n&&n?.pause(),e=wn(e,t),e.unshift(t)},remove(t){e=wn(e,t),e[0]?.resume()}}}function wn(e,t){const n=[...e],r=n.indexOf(t);return r!==-1&&n.splice(r,1),n}function ha(e){return e.filter(t=>t.tagName!=="A")}var ga="Arrow",Hn=i.forwardRef((e,t)=>{const{children:n,width:r=10,height:o=5,...a}=e;return E.jsx(H.svg,{...a,ref:t,width:r,height:o,viewBox:"0 0 30 10",preserveAspectRatio:"none",children:e.asChild?n:E.jsx("polygon",{points:"0,0 30,0 15,10"})})});Hn.displayName=ga;var wa=Hn;function ya(e){const[t,n]=i.useState(void 0);return me(()=>{if(e){n({width:e.offsetWidth,height:e.offsetHeight});const r=new ResizeObserver(o=>{if(!Array.isArray(o)||!o.length)return;const a=o[0];let c,s;if("borderBoxSize"in a){const v=a.borderBoxSize,u=Array.isArray(v)?v[0]:v;c=u.inlineSize,s=u.blockSize}else c=e.offsetWidth,s=e.offsetHeight;n({width:c,height:s})});return r.observe(e,{box:"border-box"}),()=>r.unobserve(e)}else n(void 0)},[e]),t}var Ut="Popper",[Kn,Yn]=lt(Ut),[Ea,Gn]=Kn(Ut),zn=e=>{const{__scopePopper:t,children:n}=e,[r,o]=i.useState(null);return E.jsx(Ea,{scope:t,anchor:r,onAnchorChange:o,children:n})};zn.displayName=Ut;var Vn="PopperAnchor",Xn=i.forwardRef((e,t)=>{const{__scopePopper:n,virtualRef:r,...o}=e,a=Gn(Vn,n),c=i.useRef(null),s=X(t,c);return i.useEffect(()=>{a.onAnchorChange(r?.current||c.current)}),r?null:E.jsx(H.div,{...o,ref:s})});Xn.displayName=Vn;var Ht="PopperContent",[ba,Ca]=Kn(Ht),qn=i.forwardRef((e,t)=>{const{__scopePopper:n,side:r="bottom",sideOffset:o=0,align:a="center",alignOffset:c=0,arrowPadding:s=0,avoidCollisions:v=!0,collisionBoundary:u=[],collisionPadding:f=0,sticky:d="partial",hideWhenDetached:m=!1,updatePositionStrategy:y="optimized",onPlaced:h,...l}=e,g=Gn(Ht,n),[p,C]=i.useState(null),R=X(t,B=>C(B)),[b,x]=i.useState(null),N=ya(b),w=N?.width??0,P=N?.height??0,D=r+(a!=="center"?"-"+a:""),_=typeof f=="number"?f:{top:0,right:0,bottom:0,left:0,...f},T=Array.isArray(u)?u:[u],j=T.length>0,k={padding:_,boundary:T.filter(Ra),altBoundary:j},{refs:K,floatingStyles:Y,placement:V,isPositioned:G,middlewareData:z}=Ho({strategy:"fixed",placement:D,whileElementsMounted:(...B)=>Ko(...B,{animationFrame:y==="always"}),elements:{reference:g.anchor},middleware:[Yo({mainAxis:o+P,alignmentAxis:c}),v&&Go({mainAxis:!0,crossAxis:!1,limiter:d==="partial"?zo():void 0,...k}),v&&Vo({...k}),Xo({...k,apply:({elements:B,rects:ce,availableWidth:Ae,availableHeight:Ie})=>{const{width:he,height:Ge}=ce.reference,A=B.floating.style;A.setProperty("--radix-popper-available-width",`${Ae}px`),A.setProperty("--radix-popper-available-height",`${Ie}px`),A.setProperty("--radix-popper-anchor-width",`${he}px`),A.setProperty("--radix-popper-anchor-height",`${Ge}px`)}}),b&&qo({element:b,padding:s}),xa({arrowWidth:w,arrowHeight:P}),m&&Zo({strategy:"referenceHidden",...k})]}),[M,ne]=Jn(V),re=te(h);me(()=>{G&&re?.()},[G,re]);const de=z.arrow?.x,oe=z.arrow?.y,fe=z.arrow?.centerOffset!==0,[pe,se]=i.useState();return me(()=>{p&&se(window.getComputedStyle(p).zIndex)},[p]),E.jsx("div",{ref:K.setFloating,"data-radix-popper-content-wrapper":"",style:{...Y,transform:G?Y.transform:"translate(0, -200%)",minWidth:"max-content",zIndex:pe,"--radix-popper-transform-origin":[z.transformOrigin?.x,z.transformOrigin?.y].join(" "),...z.hide?.referenceHidden&&{visibility:"hidden",pointerEvents:"none"}},dir:e.dir,children:E.jsx(ba,{scope:n,placedSide:M,onArrowChange:x,arrowX:de,arrowY:oe,shouldHideArrow:fe,children:E.jsx(H.div,{"data-side":M,"data-align":ne,...l,ref:R,style:{...l.style,animation:G?void 0:"none"}})})})});qn.displayName=Ht;var Zn="PopperArrow",Sa={top:"bottom",right:"left",bottom:"top",left:"right"},Qn=i.forwardRef(function(t,n){const{__scopePopper:r,...o}=t,a=Ca(Zn,r),c=Sa[a.placedSide];return E.jsx("span",{ref:a.onArrowChange,style:{position:"absolute",left:a.arrowX,top:a.arrowY,[c]:0,transformOrigin:{top:"",right:"0 0",bottom:"center 0",left:"100% 0"}[a.placedSide],transform:{top:"translateY(100%)",right:"translateY(50%) rotate(90deg) translateX(-50%)",bottom:"rotate(180deg)",left:"translateY(50%) rotate(-90deg) translateX(50%)"}[a.placedSide],visibility:a.shouldHideArrow?"hidden":void 0},children:E.jsx(wa,{...o,ref:n,style:{...o.style,display:"block"}})})});Qn.displayName=Zn;function Ra(e){return e!==null}var xa=e=>({name:"transformOrigin",options:e,fn(t){const{placement:n,rects:r,middlewareData:o}=t,c=o.arrow?.centerOffset!==0,s=c?0:e.arrowWidth,v=c?0:e.arrowHeight,[u,f]=Jn(n),d={start:"0%",center:"50%",end:"100%"}[f],m=(o.arrow?.x??0)+s/2,y=(o.arrow?.y??0)+v/2;let h="",l="";return u==="bottom"?(h=c?d:`${m}px`,l=`${-v}px`):u==="top"?(h=c?d:`${m}px`,l=`${r.floating.height+v}px`):u==="right"?(h=`${-v}px`,l=c?d:`${y}px`):u==="left"&&(h=`${r.floating.width+v}px`,l=c?d:`${y}px`),{data:{x:h,y:l}}}});function Jn(e){const[t,n="center"]=e.split("-");return[t,n]}var Pa=zn,Ta=Xn,Da=qn,Ma=Qn,Oa="Portal",er=i.forwardRef((e,t)=>{const{container:n,...r}=e,[o,a]=i.useState(!1);me(()=>a(!0),[]);const c=n||o&&globalThis?.document?.body;return c?Ln.createPortal(E.jsx(H.div,{...r,ref:t}),c):null});er.displayName=Oa;function Aa(e,t){return i.useReducer((n,r)=>t[n][r]??n,e)}var He=e=>{const{present:t,children:n}=e,r=Ia(t),o=typeof n=="function"?n({present:r.isPresent}):i.Children.only(n),a=X(r.ref,Na(o));return typeof n=="function"||r.isPresent?i.cloneElement(o,{ref:a}):null};He.displayName="Presence";function Ia(e){const[t,n]=i.useState(),r=i.useRef({}),o=i.useRef(e),a=i.useRef("none"),c=e?"mounted":"unmounted",[s,v]=Aa(c,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return i.useEffect(()=>{const u=Xe(r.current);a.current=s==="mounted"?u:"none"},[s]),me(()=>{const u=r.current,f=o.current;if(f!==e){const m=a.current,y=Xe(u);e?v("MOUNT"):y==="none"||u?.display==="none"?v("UNMOUNT"):v(f&&m!==y?"ANIMATION_OUT":"UNMOUNT"),o.current=e}},[e,v]),me(()=>{if(t){let u;const f=t.ownerDocument.defaultView??window,d=y=>{const l=Xe(r.current).includes(y.animationName);if(y.target===t&&l&&(v("ANIMATION_END"),!o.current)){const g=t.style.animationFillMode;t.style.animationFillMode="forwards",u=f.setTimeout(()=>{t.style.animationFillMode==="forwards"&&(t.style.animationFillMode=g)})}},m=y=>{y.target===t&&(a.current=Xe(r.current))};return t.addEventListener("animationstart",m),t.addEventListener("animationcancel",d),t.addEventListener("animationend",d),()=>{f.clearTimeout(u),t.removeEventListener("animationstart",m),t.removeEventListener("animationcancel",d),t.removeEventListener("animationend",d)}}else v("ANIMATION_END")},[t,v]),{isPresent:["mounted","unmountSuspended"].includes(s),ref:i.useCallback(u=>{u&&(r.current=getComputedStyle(u)),n(u)},[])}}function Xe(e){return e?.animationName||"none"}function Na(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}function tr({prop:e,defaultProp:t,onChange:n=()=>{}}){const[r,o]=_a({defaultProp:t,onChange:n}),a=e!==void 0,c=a?e:r,s=te(n),v=i.useCallback(u=>{if(a){const d=typeof u=="function"?u(e):u;d!==e&&s(d)}else o(u)},[a,e,o,s]);return[c,v]}function _a({defaultProp:e,onChange:t}){const n=i.useState(e),[r]=n,o=i.useRef(r),a=te(t);return i.useEffect(()=>{o.current!==r&&(a(r),o.current=r)},[r,o,a]),n}var bt="rovingFocusGroup.onEntryFocus",La={bubbles:!1,cancelable:!0},dt="RovingFocusGroup",[Nt,nr,Fa]=Fn(dt),[ka,rr]=lt(dt,[Fa]),[$a,ja]=ka(dt),or=i.forwardRef((e,t)=>E.jsx(Nt.Provider,{scope:e.__scopeRovingFocusGroup,children:E.jsx(Nt.Slot,{scope:e.__scopeRovingFocusGroup,children:E.jsx(Ba,{...e,ref:t})})}));or.displayName=dt;var Ba=i.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:n,orientation:r,loop:o=!1,dir:a,currentTabStopId:c,defaultCurrentTabStopId:s,onCurrentTabStopIdChange:v,onEntryFocus:u,preventScrollOnEntryFocus:f=!1,...d}=e,m=i.useRef(null),y=X(t,m),h=kn(a),[l=null,g]=tr({prop:c,defaultProp:s,onChange:v}),[p,C]=i.useState(!1),R=te(u),b=nr(n),x=i.useRef(!1),[N,w]=i.useState(0);return i.useEffect(()=>{const P=m.current;if(P)return P.addEventListener(bt,R),()=>P.removeEventListener(bt,R)},[R]),E.jsx($a,{scope:n,orientation:r,dir:h,loop:o,currentTabStopId:l,onItemFocus:i.useCallback(P=>g(P),[g]),onItemShiftTab:i.useCallback(()=>C(!0),[]),onFocusableItemAdd:i.useCallback(()=>w(P=>P+1),[]),onFocusableItemRemove:i.useCallback(()=>w(P=>P-1),[]),children:E.jsx(H.div,{tabIndex:p||N===0?-1:0,"data-orientation":r,...d,ref:y,style:{outline:"none",...e.style},onMouseDown:I(e.onMouseDown,()=>{x.current=!0}),onFocus:I(e.onFocus,P=>{const D=!x.current;if(P.target===P.currentTarget&&D&&!p){const _=new CustomEvent(bt,La);if(P.currentTarget.dispatchEvent(_),!_.defaultPrevented){const T=b().filter(V=>V.focusable),j=T.find(V=>V.active),k=T.find(V=>V.id===l),Y=[j,k,...T].filter(Boolean).map(V=>V.ref.current);sr(Y,f)}}x.current=!1}),onBlur:I(e.onBlur,()=>C(!1))})})}),ar="RovingFocusGroupItem",ir=i.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:n,focusable:r=!0,active:o=!1,tabStopId:a,...c}=e,s=at(),v=a||s,u=ja(ar,n),f=u.currentTabStopId===v,d=nr(n),{onFocusableItemAdd:m,onFocusableItemRemove:y}=u;return i.useEffect(()=>{if(r)return m(),()=>y()},[r,m,y]),E.jsx(Nt.ItemSlot,{scope:n,id:v,focusable:r,active:o,children:E.jsx(H.span,{tabIndex:f?0:-1,"data-orientation":u.orientation,...c,ref:t,onMouseDown:I(e.onMouseDown,h=>{r?u.onItemFocus(v):h.preventDefault()}),onFocus:I(e.onFocus,()=>u.onItemFocus(v)),onKeyDown:I(e.onKeyDown,h=>{if(h.key==="Tab"&&h.shiftKey){u.onItemShiftTab();return}if(h.target!==h.currentTarget)return;const l=Ha(h,u.orientation,u.dir);if(l!==void 0){if(h.metaKey||h.ctrlKey||h.altKey||h.shiftKey)return;h.preventDefault();let p=d().filter(C=>C.focusable).map(C=>C.ref.current);if(l==="last")p.reverse();else if(l==="prev"||l==="next"){l==="prev"&&p.reverse();const C=p.indexOf(h.currentTarget);p=u.loop?Ka(p,C+1):p.slice(C+1)}setTimeout(()=>sr(p))}})})})});ir.displayName=ar;var Wa={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function Ua(e,t){return t!=="rtl"?e:e==="ArrowLeft"?"ArrowRight":e==="ArrowRight"?"ArrowLeft":e}function Ha(e,t,n){const r=Ua(e.key,n);if(!(t==="vertical"&&["ArrowLeft","ArrowRight"].includes(r))&&!(t==="horizontal"&&["ArrowUp","ArrowDown"].includes(r)))return Wa[r]}function sr(e,t=!1){const n=document.activeElement;for(const r of e)if(r===n||(r.focus({preventScroll:t}),document.activeElement!==n))return}function Ka(e,t){return e.map((n,r)=>e[(t+r)%e.length])}var Ya=or,Ga=ir,za=function(e){if(typeof document>"u")return null;var t=Array.isArray(e)?e[0]:e;return t.ownerDocument.body},Re=new WeakMap,qe=new WeakMap,Ze={},Ct=0,cr=function(e){return e&&(e.host||cr(e.parentNode))},Va=function(e,t){return t.map(function(n){if(e.contains(n))return n;var r=cr(n);return r&&e.contains(r)?r:(console.error("aria-hidden",n,"in not contained inside",e,". Doing nothing"),null)}).filter(function(n){return!!n})},Xa=function(e,t,n,r){var o=Va(t,Array.isArray(e)?e:[e]);Ze[n]||(Ze[n]=new WeakMap);var a=Ze[n],c=[],s=new Set,v=new Set(o),u=function(d){!d||s.has(d)||(s.add(d),u(d.parentNode))};o.forEach(u);var f=function(d){!d||v.has(d)||Array.prototype.forEach.call(d.children,function(m){if(s.has(m))f(m);else try{var y=m.getAttribute(r),h=y!==null&&y!=="false",l=(Re.get(m)||0)+1,g=(a.get(m)||0)+1;Re.set(m,l),a.set(m,g),c.push(m),l===1&&h&&qe.set(m,!0),g===1&&m.setAttribute(n,"true"),h||m.setAttribute(r,"true")}catch(p){console.error("aria-hidden: cannot operate on ",m,p)}})};return f(t),s.clear(),Ct++,function(){c.forEach(function(d){var m=Re.get(d)-1,y=a.get(d)-1;Re.set(d,m),a.set(d,y),m||(qe.has(d)||d.removeAttribute(r),qe.delete(d)),y||d.removeAttribute(n)}),Ct--,Ct||(Re=new WeakMap,Re=new WeakMap,qe=new WeakMap,Ze={})}},ur=function(e,t,n){n===void 0&&(n="data-aria-hidden");var r=Array.from(Array.isArray(e)?e:[e]),o=za(e);return o?(r.push.apply(r,Array.from(o.querySelectorAll("[aria-live]"))),Xa(r,o,n,"aria-hidden")):function(){return null}},Q=function(){return Q=Object.assign||function(t){for(var n,r=1,o=arguments.length;r"u")return ci;var t=ui(e),n=document.documentElement.clientWidth,r=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,r-n+t[2]-t[0])}},di=Yt(),Me="data-scroll-locked",fi=function(e,t,n,r){var o=e.left,a=e.top,c=e.right,s=e.gap;return n===void 0&&(n="margin"),` +import{a as S,r as i}from"./index-BP8_t0zE.js";import{c as I,a as me,u as at}from"./index-DD7XHAoh.js";import{c as lt,a as Wo}from"./index-CcH3h_90.js";import{u as X,S as it,c as Uo}from"./index-Dp4tTk3o.js";import{j as E}from"./jsx-runtime-CexXSJP5.js";import{P as H,d as Bt}from"./index-BjHk5heU.js";import{q as Ho,c as Ko,o as Yo,s as Go,n as zo,f as Vo,r as Xo,d as qo,t as Zo}from"./floating-ui.react-BR2piq7W.js";import{f as Ln,r as Qo}from"./index-BlTQwN6S.js";function Fn(e){const t=e+"CollectionProvider",[n,r]=lt(t),[o,a]=n(t,{collectionRef:{current:null},itemMap:new Map}),c=y=>{const{scope:h,children:l}=y,g=S.useRef(null),p=S.useRef(new Map).current;return E.jsx(o,{scope:h,itemMap:p,collectionRef:g,children:l})};c.displayName=t;const s=e+"CollectionSlot",v=S.forwardRef((y,h)=>{const{scope:l,children:g}=y,p=a(s,l),C=X(h,p.collectionRef);return E.jsx(it,{ref:C,children:g})});v.displayName=s;const u=e+"CollectionItemSlot",f="data-radix-collection-item",d=S.forwardRef((y,h)=>{const{scope:l,children:g,...p}=y,C=S.useRef(null),R=X(h,C),b=a(u,l);return S.useEffect(()=>(b.itemMap.set(C,{ref:C,...p}),()=>void b.itemMap.delete(C))),E.jsx(it,{[f]:"",ref:R,children:g})});d.displayName=u;function m(y){const h=a(e+"CollectionConsumer",y);return S.useCallback(()=>{const g=h.collectionRef.current;if(!g)return[];const p=Array.from(g.querySelectorAll(`[${f}]`));return Array.from(h.itemMap.values()).sort((b,x)=>p.indexOf(b.ref.current)-p.indexOf(x.ref.current))},[h.collectionRef,h.itemMap])}return[{Provider:c,Slot:v,ItemSlot:d},m,r]}function Jo(e,t=[]){let n=[];function r(a,c){const s=i.createContext(c),v=n.length;n=[...n,c];const u=d=>{const{scope:m,children:y,...h}=d,l=m?.[e]?.[v]||s,g=i.useMemo(()=>h,Object.values(h));return E.jsx(l.Provider,{value:g,children:y})};u.displayName=a+"Provider";function f(d,m){const y=m?.[e]?.[v]||s,h=i.useContext(y);if(h)return h;if(c!==void 0)return c;throw new Error(`\`${d}\` must be used within \`${a}\``)}return[u,f]}const o=()=>{const a=n.map(c=>i.createContext(c));return function(s){const v=s?.[e]||a;return i.useMemo(()=>({[`__scope${e}`]:{...s,[e]:v}}),[s,v])}};return o.scopeName=e,[r,ea(o,...t)]}function ea(...e){const t=e[0];if(e.length===1)return t;const n=()=>{const r=e.map(o=>({useScope:o(),scopeName:o.scopeName}));return function(a){const c=r.reduce((s,{useScope:v,scopeName:u})=>{const d=v(a)[`__scope${u}`];return{...s,...d}},{});return i.useMemo(()=>({[`__scope${t.scopeName}`]:c}),[c])}};return n.scopeName=t.scopeName,n}var ta=i.createContext(void 0);function kn(e){const t=i.useContext(ta);return e||t||"ltr"}function te(e){const t=i.useRef(e);return i.useEffect(()=>{t.current=e}),i.useMemo(()=>(...n)=>t.current?.(...n),[])}function $n(e,t=globalThis?.document){const n=te(e);i.useEffect(()=>{const r=o=>{o.key==="Escape"&&n(o)};return t.addEventListener("keydown",r,{capture:!0}),()=>t.removeEventListener("keydown",r,{capture:!0})},[n,t])}var na="DismissableLayer",It="dismissableLayer.update",ra="dismissableLayer.pointerDownOutside",oa="dismissableLayer.focusOutside",fn,jn=i.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),Bn=i.forwardRef((e,t)=>{const{disableOutsidePointerEvents:n=!1,onEscapeKeyDown:r,onPointerDownOutside:o,onFocusOutside:a,onInteractOutside:c,onDismiss:s,...v}=e,u=i.useContext(jn),[f,d]=i.useState(null),m=f?.ownerDocument??globalThis?.document,[,y]=i.useState({}),h=X(t,w=>d(w)),l=Array.from(u.layers),[g]=[...u.layersWithOutsidePointerEventsDisabled].slice(-1),p=l.indexOf(g),C=f?l.indexOf(f):-1,R=u.layersWithOutsidePointerEventsDisabled.size>0,b=C>=p,x=sa(w=>{const P=w.target,D=[...u.branches].some(_=>_.contains(P));!b||D||(o?.(w),c?.(w),w.defaultPrevented||s?.())},m),N=ca(w=>{const P=w.target;[...u.branches].some(_=>_.contains(P))||(a?.(w),c?.(w),w.defaultPrevented||s?.())},m);return $n(w=>{C===u.layers.size-1&&(r?.(w),!w.defaultPrevented&&s&&(w.preventDefault(),s()))},m),i.useEffect(()=>{if(f)return n&&(u.layersWithOutsidePointerEventsDisabled.size===0&&(fn=m.body.style.pointerEvents,m.body.style.pointerEvents="none"),u.layersWithOutsidePointerEventsDisabled.add(f)),u.layers.add(f),vn(),()=>{n&&u.layersWithOutsidePointerEventsDisabled.size===1&&(m.body.style.pointerEvents=fn)}},[f,m,n,u]),i.useEffect(()=>()=>{f&&(u.layers.delete(f),u.layersWithOutsidePointerEventsDisabled.delete(f),vn())},[f,u]),i.useEffect(()=>{const w=()=>y({});return document.addEventListener(It,w),()=>document.removeEventListener(It,w)},[]),E.jsx(H.div,{...v,ref:h,style:{pointerEvents:R?b?"auto":"none":void 0,...e.style},onFocusCapture:I(e.onFocusCapture,N.onFocusCapture),onBlurCapture:I(e.onBlurCapture,N.onBlurCapture),onPointerDownCapture:I(e.onPointerDownCapture,x.onPointerDownCapture)})});Bn.displayName=na;var aa="DismissableLayerBranch",ia=i.forwardRef((e,t)=>{const n=i.useContext(jn),r=i.useRef(null),o=X(t,r);return i.useEffect(()=>{const a=r.current;if(a)return n.branches.add(a),()=>{n.branches.delete(a)}},[n.branches]),E.jsx(H.div,{...e,ref:o})});ia.displayName=aa;function sa(e,t=globalThis?.document){const n=te(e),r=i.useRef(!1),o=i.useRef(()=>{});return i.useEffect(()=>{const a=s=>{if(s.target&&!r.current){let v=function(){Wn(ra,n,u,{discrete:!0})};const u={originalEvent:s};s.pointerType==="touch"?(t.removeEventListener("click",o.current),o.current=v,t.addEventListener("click",o.current,{once:!0})):v()}else t.removeEventListener("click",o.current);r.current=!1},c=window.setTimeout(()=>{t.addEventListener("pointerdown",a)},0);return()=>{window.clearTimeout(c),t.removeEventListener("pointerdown",a),t.removeEventListener("click",o.current)}},[t,n]),{onPointerDownCapture:()=>r.current=!0}}function ca(e,t=globalThis?.document){const n=te(e),r=i.useRef(!1);return i.useEffect(()=>{const o=a=>{a.target&&!r.current&&Wn(oa,n,{originalEvent:a},{discrete:!1})};return t.addEventListener("focusin",o),()=>t.removeEventListener("focusin",o)},[t,n]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}function vn(){const e=new CustomEvent(It);document.dispatchEvent(e)}function Wn(e,t,n,{discrete:r}){const o=n.originalEvent.target,a=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:n});t&&o.addEventListener(e,t,{once:!0}),r?Bt(o,a):o.dispatchEvent(a)}var wt=0;function ua(){i.useEffect(()=>{const e=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",e[0]??mn()),document.body.insertAdjacentElement("beforeend",e[1]??mn()),wt++,()=>{wt===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(t=>t.remove()),wt--}},[])}function mn(){const e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.outline="none",e.style.opacity="0",e.style.position="fixed",e.style.pointerEvents="none",e}var yt="focusScope.autoFocusOnMount",Et="focusScope.autoFocusOnUnmount",pn={bubbles:!1,cancelable:!0},la="FocusScope",Wt=i.forwardRef((e,t)=>{const{loop:n=!1,trapped:r=!1,onMountAutoFocus:o,onUnmountAutoFocus:a,...c}=e,[s,v]=i.useState(null),u=te(o),f=te(a),d=i.useRef(null),m=X(t,l=>v(l)),y=i.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;i.useEffect(()=>{if(r){let l=function(R){if(y.paused||!s)return;const b=R.target;s.contains(b)?d.current=b:we(d.current,{select:!0})},g=function(R){if(y.paused||!s)return;const b=R.relatedTarget;b!==null&&(s.contains(b)||we(d.current,{select:!0}))},p=function(R){if(document.activeElement===document.body)for(const x of R)x.removedNodes.length>0&&we(s)};document.addEventListener("focusin",l),document.addEventListener("focusout",g);const C=new MutationObserver(p);return s&&C.observe(s,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",l),document.removeEventListener("focusout",g),C.disconnect()}}},[r,s,y.paused]),i.useEffect(()=>{if(s){gn.add(y);const l=document.activeElement;if(!s.contains(l)){const p=new CustomEvent(yt,pn);s.addEventListener(yt,u),s.dispatchEvent(p),p.defaultPrevented||(da(ha(Un(s)),{select:!0}),document.activeElement===l&&we(s))}return()=>{s.removeEventListener(yt,u),setTimeout(()=>{const p=new CustomEvent(Et,pn);s.addEventListener(Et,f),s.dispatchEvent(p),p.defaultPrevented||we(l??document.body,{select:!0}),s.removeEventListener(Et,f),gn.remove(y)},0)}}},[s,u,f,y]);const h=i.useCallback(l=>{if(!n&&!r||y.paused)return;const g=l.key==="Tab"&&!l.altKey&&!l.ctrlKey&&!l.metaKey,p=document.activeElement;if(g&&p){const C=l.currentTarget,[R,b]=fa(C);R&&b?!l.shiftKey&&p===b?(l.preventDefault(),n&&we(R,{select:!0})):l.shiftKey&&p===R&&(l.preventDefault(),n&&we(b,{select:!0})):p===C&&l.preventDefault()}},[n,r,y.paused]);return E.jsx(H.div,{tabIndex:-1,...c,ref:m,onKeyDown:h})});Wt.displayName=la;function da(e,{select:t=!1}={}){const n=document.activeElement;for(const r of e)if(we(r,{select:t}),document.activeElement!==n)return}function fa(e){const t=Un(e),n=hn(t,e),r=hn(t.reverse(),e);return[n,r]}function Un(e){const t=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:r=>{const o=r.tagName==="INPUT"&&r.type==="hidden";return r.disabled||r.hidden||o?NodeFilter.FILTER_SKIP:r.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)t.push(n.currentNode);return t}function hn(e,t){for(const n of e)if(!va(n,{upTo:t}))return n}function va(e,{upTo:t}){if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(t!==void 0&&e===t)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1}function ma(e){return e instanceof HTMLInputElement&&"select"in e}function we(e,{select:t=!1}={}){if(e&&e.focus){const n=document.activeElement;e.focus({preventScroll:!0}),e!==n&&ma(e)&&t&&e.select()}}var gn=pa();function pa(){let e=[];return{add(t){const n=e[0];t!==n&&n?.pause(),e=wn(e,t),e.unshift(t)},remove(t){e=wn(e,t),e[0]?.resume()}}}function wn(e,t){const n=[...e],r=n.indexOf(t);return r!==-1&&n.splice(r,1),n}function ha(e){return e.filter(t=>t.tagName!=="A")}var ga="Arrow",Hn=i.forwardRef((e,t)=>{const{children:n,width:r=10,height:o=5,...a}=e;return E.jsx(H.svg,{...a,ref:t,width:r,height:o,viewBox:"0 0 30 10",preserveAspectRatio:"none",children:e.asChild?n:E.jsx("polygon",{points:"0,0 30,0 15,10"})})});Hn.displayName=ga;var wa=Hn;function ya(e){const[t,n]=i.useState(void 0);return me(()=>{if(e){n({width:e.offsetWidth,height:e.offsetHeight});const r=new ResizeObserver(o=>{if(!Array.isArray(o)||!o.length)return;const a=o[0];let c,s;if("borderBoxSize"in a){const v=a.borderBoxSize,u=Array.isArray(v)?v[0]:v;c=u.inlineSize,s=u.blockSize}else c=e.offsetWidth,s=e.offsetHeight;n({width:c,height:s})});return r.observe(e,{box:"border-box"}),()=>r.unobserve(e)}else n(void 0)},[e]),t}var Ut="Popper",[Kn,Yn]=lt(Ut),[Ea,Gn]=Kn(Ut),zn=e=>{const{__scopePopper:t,children:n}=e,[r,o]=i.useState(null);return E.jsx(Ea,{scope:t,anchor:r,onAnchorChange:o,children:n})};zn.displayName=Ut;var Vn="PopperAnchor",Xn=i.forwardRef((e,t)=>{const{__scopePopper:n,virtualRef:r,...o}=e,a=Gn(Vn,n),c=i.useRef(null),s=X(t,c);return i.useEffect(()=>{a.onAnchorChange(r?.current||c.current)}),r?null:E.jsx(H.div,{...o,ref:s})});Xn.displayName=Vn;var Ht="PopperContent",[ba,Ca]=Kn(Ht),qn=i.forwardRef((e,t)=>{const{__scopePopper:n,side:r="bottom",sideOffset:o=0,align:a="center",alignOffset:c=0,arrowPadding:s=0,avoidCollisions:v=!0,collisionBoundary:u=[],collisionPadding:f=0,sticky:d="partial",hideWhenDetached:m=!1,updatePositionStrategy:y="optimized",onPlaced:h,...l}=e,g=Gn(Ht,n),[p,C]=i.useState(null),R=X(t,B=>C(B)),[b,x]=i.useState(null),N=ya(b),w=N?.width??0,P=N?.height??0,D=r+(a!=="center"?"-"+a:""),_=typeof f=="number"?f:{top:0,right:0,bottom:0,left:0,...f},T=Array.isArray(u)?u:[u],j=T.length>0,k={padding:_,boundary:T.filter(Ra),altBoundary:j},{refs:K,floatingStyles:Y,placement:V,isPositioned:G,middlewareData:z}=Ho({strategy:"fixed",placement:D,whileElementsMounted:(...B)=>Ko(...B,{animationFrame:y==="always"}),elements:{reference:g.anchor},middleware:[Yo({mainAxis:o+P,alignmentAxis:c}),v&&Go({mainAxis:!0,crossAxis:!1,limiter:d==="partial"?zo():void 0,...k}),v&&Vo({...k}),Xo({...k,apply:({elements:B,rects:ce,availableWidth:Ae,availableHeight:Ie})=>{const{width:he,height:Ge}=ce.reference,A=B.floating.style;A.setProperty("--radix-popper-available-width",`${Ae}px`),A.setProperty("--radix-popper-available-height",`${Ie}px`),A.setProperty("--radix-popper-anchor-width",`${he}px`),A.setProperty("--radix-popper-anchor-height",`${Ge}px`)}}),b&&qo({element:b,padding:s}),xa({arrowWidth:w,arrowHeight:P}),m&&Zo({strategy:"referenceHidden",...k})]}),[M,ne]=Jn(V),re=te(h);me(()=>{G&&re?.()},[G,re]);const de=z.arrow?.x,oe=z.arrow?.y,fe=z.arrow?.centerOffset!==0,[pe,se]=i.useState();return me(()=>{p&&se(window.getComputedStyle(p).zIndex)},[p]),E.jsx("div",{ref:K.setFloating,"data-radix-popper-content-wrapper":"",style:{...Y,transform:G?Y.transform:"translate(0, -200%)",minWidth:"max-content",zIndex:pe,"--radix-popper-transform-origin":[z.transformOrigin?.x,z.transformOrigin?.y].join(" "),...z.hide?.referenceHidden&&{visibility:"hidden",pointerEvents:"none"}},dir:e.dir,children:E.jsx(ba,{scope:n,placedSide:M,onArrowChange:x,arrowX:de,arrowY:oe,shouldHideArrow:fe,children:E.jsx(H.div,{"data-side":M,"data-align":ne,...l,ref:R,style:{...l.style,animation:G?void 0:"none"}})})})});qn.displayName=Ht;var Zn="PopperArrow",Sa={top:"bottom",right:"left",bottom:"top",left:"right"},Qn=i.forwardRef(function(t,n){const{__scopePopper:r,...o}=t,a=Ca(Zn,r),c=Sa[a.placedSide];return E.jsx("span",{ref:a.onArrowChange,style:{position:"absolute",left:a.arrowX,top:a.arrowY,[c]:0,transformOrigin:{top:"",right:"0 0",bottom:"center 0",left:"100% 0"}[a.placedSide],transform:{top:"translateY(100%)",right:"translateY(50%) rotate(90deg) translateX(-50%)",bottom:"rotate(180deg)",left:"translateY(50%) rotate(-90deg) translateX(50%)"}[a.placedSide],visibility:a.shouldHideArrow?"hidden":void 0},children:E.jsx(wa,{...o,ref:n,style:{...o.style,display:"block"}})})});Qn.displayName=Zn;function Ra(e){return e!==null}var xa=e=>({name:"transformOrigin",options:e,fn(t){const{placement:n,rects:r,middlewareData:o}=t,c=o.arrow?.centerOffset!==0,s=c?0:e.arrowWidth,v=c?0:e.arrowHeight,[u,f]=Jn(n),d={start:"0%",center:"50%",end:"100%"}[f],m=(o.arrow?.x??0)+s/2,y=(o.arrow?.y??0)+v/2;let h="",l="";return u==="bottom"?(h=c?d:`${m}px`,l=`${-v}px`):u==="top"?(h=c?d:`${m}px`,l=`${r.floating.height+v}px`):u==="right"?(h=`${-v}px`,l=c?d:`${y}px`):u==="left"&&(h=`${r.floating.width+v}px`,l=c?d:`${y}px`),{data:{x:h,y:l}}}});function Jn(e){const[t,n="center"]=e.split("-");return[t,n]}var Pa=zn,Ta=Xn,Da=qn,Ma=Qn,Oa="Portal",er=i.forwardRef((e,t)=>{const{container:n,...r}=e,[o,a]=i.useState(!1);me(()=>a(!0),[]);const c=n||o&&globalThis?.document?.body;return c?Ln.createPortal(E.jsx(H.div,{...r,ref:t}),c):null});er.displayName=Oa;function Aa(e,t){return i.useReducer((n,r)=>t[n][r]??n,e)}var He=e=>{const{present:t,children:n}=e,r=Ia(t),o=typeof n=="function"?n({present:r.isPresent}):i.Children.only(n),a=X(r.ref,Na(o));return typeof n=="function"||r.isPresent?i.cloneElement(o,{ref:a}):null};He.displayName="Presence";function Ia(e){const[t,n]=i.useState(),r=i.useRef({}),o=i.useRef(e),a=i.useRef("none"),c=e?"mounted":"unmounted",[s,v]=Aa(c,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return i.useEffect(()=>{const u=Xe(r.current);a.current=s==="mounted"?u:"none"},[s]),me(()=>{const u=r.current,f=o.current;if(f!==e){const m=a.current,y=Xe(u);e?v("MOUNT"):y==="none"||u?.display==="none"?v("UNMOUNT"):v(f&&m!==y?"ANIMATION_OUT":"UNMOUNT"),o.current=e}},[e,v]),me(()=>{if(t){let u;const f=t.ownerDocument.defaultView??window,d=y=>{const l=Xe(r.current).includes(y.animationName);if(y.target===t&&l&&(v("ANIMATION_END"),!o.current)){const g=t.style.animationFillMode;t.style.animationFillMode="forwards",u=f.setTimeout(()=>{t.style.animationFillMode==="forwards"&&(t.style.animationFillMode=g)})}},m=y=>{y.target===t&&(a.current=Xe(r.current))};return t.addEventListener("animationstart",m),t.addEventListener("animationcancel",d),t.addEventListener("animationend",d),()=>{f.clearTimeout(u),t.removeEventListener("animationstart",m),t.removeEventListener("animationcancel",d),t.removeEventListener("animationend",d)}}else v("ANIMATION_END")},[t,v]),{isPresent:["mounted","unmountSuspended"].includes(s),ref:i.useCallback(u=>{u&&(r.current=getComputedStyle(u)),n(u)},[])}}function Xe(e){return e?.animationName||"none"}function Na(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}function tr({prop:e,defaultProp:t,onChange:n=()=>{}}){const[r,o]=_a({defaultProp:t,onChange:n}),a=e!==void 0,c=a?e:r,s=te(n),v=i.useCallback(u=>{if(a){const d=typeof u=="function"?u(e):u;d!==e&&s(d)}else o(u)},[a,e,o,s]);return[c,v]}function _a({defaultProp:e,onChange:t}){const n=i.useState(e),[r]=n,o=i.useRef(r),a=te(t);return i.useEffect(()=>{o.current!==r&&(a(r),o.current=r)},[r,o,a]),n}var bt="rovingFocusGroup.onEntryFocus",La={bubbles:!1,cancelable:!0},dt="RovingFocusGroup",[Nt,nr,Fa]=Fn(dt),[ka,rr]=lt(dt,[Fa]),[$a,ja]=ka(dt),or=i.forwardRef((e,t)=>E.jsx(Nt.Provider,{scope:e.__scopeRovingFocusGroup,children:E.jsx(Nt.Slot,{scope:e.__scopeRovingFocusGroup,children:E.jsx(Ba,{...e,ref:t})})}));or.displayName=dt;var Ba=i.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:n,orientation:r,loop:o=!1,dir:a,currentTabStopId:c,defaultCurrentTabStopId:s,onCurrentTabStopIdChange:v,onEntryFocus:u,preventScrollOnEntryFocus:f=!1,...d}=e,m=i.useRef(null),y=X(t,m),h=kn(a),[l=null,g]=tr({prop:c,defaultProp:s,onChange:v}),[p,C]=i.useState(!1),R=te(u),b=nr(n),x=i.useRef(!1),[N,w]=i.useState(0);return i.useEffect(()=>{const P=m.current;if(P)return P.addEventListener(bt,R),()=>P.removeEventListener(bt,R)},[R]),E.jsx($a,{scope:n,orientation:r,dir:h,loop:o,currentTabStopId:l,onItemFocus:i.useCallback(P=>g(P),[g]),onItemShiftTab:i.useCallback(()=>C(!0),[]),onFocusableItemAdd:i.useCallback(()=>w(P=>P+1),[]),onFocusableItemRemove:i.useCallback(()=>w(P=>P-1),[]),children:E.jsx(H.div,{tabIndex:p||N===0?-1:0,"data-orientation":r,...d,ref:y,style:{outline:"none",...e.style},onMouseDown:I(e.onMouseDown,()=>{x.current=!0}),onFocus:I(e.onFocus,P=>{const D=!x.current;if(P.target===P.currentTarget&&D&&!p){const _=new CustomEvent(bt,La);if(P.currentTarget.dispatchEvent(_),!_.defaultPrevented){const T=b().filter(V=>V.focusable),j=T.find(V=>V.active),k=T.find(V=>V.id===l),Y=[j,k,...T].filter(Boolean).map(V=>V.ref.current);sr(Y,f)}}x.current=!1}),onBlur:I(e.onBlur,()=>C(!1))})})}),ar="RovingFocusGroupItem",ir=i.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:n,focusable:r=!0,active:o=!1,tabStopId:a,...c}=e,s=at(),v=a||s,u=ja(ar,n),f=u.currentTabStopId===v,d=nr(n),{onFocusableItemAdd:m,onFocusableItemRemove:y}=u;return i.useEffect(()=>{if(r)return m(),()=>y()},[r,m,y]),E.jsx(Nt.ItemSlot,{scope:n,id:v,focusable:r,active:o,children:E.jsx(H.span,{tabIndex:f?0:-1,"data-orientation":u.orientation,...c,ref:t,onMouseDown:I(e.onMouseDown,h=>{r?u.onItemFocus(v):h.preventDefault()}),onFocus:I(e.onFocus,()=>u.onItemFocus(v)),onKeyDown:I(e.onKeyDown,h=>{if(h.key==="Tab"&&h.shiftKey){u.onItemShiftTab();return}if(h.target!==h.currentTarget)return;const l=Ha(h,u.orientation,u.dir);if(l!==void 0){if(h.metaKey||h.ctrlKey||h.altKey||h.shiftKey)return;h.preventDefault();let p=d().filter(C=>C.focusable).map(C=>C.ref.current);if(l==="last")p.reverse();else if(l==="prev"||l==="next"){l==="prev"&&p.reverse();const C=p.indexOf(h.currentTarget);p=u.loop?Ka(p,C+1):p.slice(C+1)}setTimeout(()=>sr(p))}})})})});ir.displayName=ar;var Wa={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function Ua(e,t){return t!=="rtl"?e:e==="ArrowLeft"?"ArrowRight":e==="ArrowRight"?"ArrowLeft":e}function Ha(e,t,n){const r=Ua(e.key,n);if(!(t==="vertical"&&["ArrowLeft","ArrowRight"].includes(r))&&!(t==="horizontal"&&["ArrowUp","ArrowDown"].includes(r)))return Wa[r]}function sr(e,t=!1){const n=document.activeElement;for(const r of e)if(r===n||(r.focus({preventScroll:t}),document.activeElement!==n))return}function Ka(e,t){return e.map((n,r)=>e[(t+r)%e.length])}var Ya=or,Ga=ir,za=function(e){if(typeof document>"u")return null;var t=Array.isArray(e)?e[0]:e;return t.ownerDocument.body},Re=new WeakMap,qe=new WeakMap,Ze={},Ct=0,cr=function(e){return e&&(e.host||cr(e.parentNode))},Va=function(e,t){return t.map(function(n){if(e.contains(n))return n;var r=cr(n);return r&&e.contains(r)?r:(console.error("aria-hidden",n,"in not contained inside",e,". Doing nothing"),null)}).filter(function(n){return!!n})},Xa=function(e,t,n,r){var o=Va(t,Array.isArray(e)?e:[e]);Ze[n]||(Ze[n]=new WeakMap);var a=Ze[n],c=[],s=new Set,v=new Set(o),u=function(d){!d||s.has(d)||(s.add(d),u(d.parentNode))};o.forEach(u);var f=function(d){!d||v.has(d)||Array.prototype.forEach.call(d.children,function(m){if(s.has(m))f(m);else try{var y=m.getAttribute(r),h=y!==null&&y!=="false",l=(Re.get(m)||0)+1,g=(a.get(m)||0)+1;Re.set(m,l),a.set(m,g),c.push(m),l===1&&h&&qe.set(m,!0),g===1&&m.setAttribute(n,"true"),h||m.setAttribute(r,"true")}catch(p){console.error("aria-hidden: cannot operate on ",m,p)}})};return f(t),s.clear(),Ct++,function(){c.forEach(function(d){var m=Re.get(d)-1,y=a.get(d)-1;Re.set(d,m),a.set(d,y),m||(qe.has(d)||d.removeAttribute(r),qe.delete(d)),y||d.removeAttribute(n)}),Ct--,Ct||(Re=new WeakMap,Re=new WeakMap,qe=new WeakMap,Ze={})}},ur=function(e,t,n){n===void 0&&(n="data-aria-hidden");var r=Array.from(Array.isArray(e)?e:[e]),o=za(e);return o?(r.push.apply(r,Array.from(o.querySelectorAll("[aria-live]"))),Xa(r,o,n,"aria-hidden")):function(){return null}},Q=function(){return Q=Object.assign||function(t){for(var n,r=1,o=arguments.length;r"u")return ci;var t=ui(e),n=document.documentElement.clientWidth,r=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,r-n+t[2]-t[0])}},di=Yt(),Me="data-scroll-locked",fi=function(e,t,n,r){var o=e.left,a=e.top,c=e.right,s=e.gap;return n===void 0&&(n="margin"),` .`.concat(qa,` { overflow: hidden `).concat(r,`; padding-right: `).concat(s,"px ").concat(r,`; diff --git a/assets/index-BugjtUKR.js b/assets/index-Br7_Jfcb.js similarity index 98% rename from assets/index-BugjtUKR.js rename to assets/index-Br7_Jfcb.js index a80b5a6a..71958f8c 100644 --- a/assets/index-BugjtUKR.js +++ b/assets/index-Br7_Jfcb.js @@ -1 +1 @@ -import{r as o}from"./index-BP8_t0zE.js";import{c as j,u as q}from"./index-DD7XHAoh.js";import{u as G}from"./index-Dp4tTk3o.js";import{c as fe}from"./index-CcH3h_90.js";import{P as S}from"./index-BjHk5heU.js";import{j as h}from"./jsx-runtime-CexXSJP5.js";var ve="Label",W=o.forwardRef((e,r)=>h.jsx(S.label,{...e,ref:r,onMouseDown:t=>{t.target.closest("button, input, select, textarea")||(e.onMouseDown?.(t),!t.defaultPrevented&&t.detail>1&&t.preventDefault())}}));W.displayName=ve;var[H,De]=fe("Form"),K="Form",[he,V]=H(K),[Ce,X]=H(K),Z=o.forwardRef((e,r)=>{const{__scopeForm:t,onClearServerErrors:i=()=>{},...a}=e,c=o.useRef(null),f=G(r,c),[d,v]=o.useState({}),u=o.useCallback(s=>d[s],[d]),p=o.useCallback((s,m)=>v(l=>({...l,[s]:{...l[s]??{},...m}})),[]),x=o.useCallback(s=>{v(m=>({...m,[s]:void 0})),n(m=>({...m,[s]:{}}))},[]),[C,y]=o.useState({}),I=o.useCallback(s=>C[s]??[],[C]),M=o.useCallback((s,m)=>{y(l=>({...l,[s]:[...l[s]??[],m]}))},[]),g=o.useCallback((s,m)=>{y(l=>({...l,[s]:(l[s]??[]).filter(E=>E.id!==m)}))},[]),[A,n]=o.useState({}),F=o.useCallback(s=>A[s]??{},[A]),b=o.useCallback((s,m)=>{n(l=>({...l,[s]:{...l[s]??{},...m}}))},[]),[R,_]=o.useState({}),N=o.useCallback((s,m)=>{_(l=>{const E=new Set(l[s]).add(m);return{...l,[s]:E}})},[]),T=o.useCallback((s,m)=>{_(l=>{const E=new Set(l[s]);return E.delete(m),{...l,[s]:E}})},[]),D=o.useCallback(s=>Array.from(R[s]??[]).join(" ")||void 0,[R]);return h.jsx(he,{scope:t,getFieldValidity:u,onFieldValidityChange:p,getFieldCustomMatcherEntries:I,onFieldCustomMatcherEntryAdd:M,onFieldCustomMatcherEntryRemove:g,getFieldCustomErrors:F,onFieldCustomErrorsChange:b,onFieldValiditionClear:x,children:h.jsx(Ce,{scope:t,onFieldMessageIdAdd:N,onFieldMessageIdRemove:T,getFieldDescription:D,children:h.jsx(S.form,{...a,ref:f,onInvalid:j(e.onInvalid,s=>{const m=ae(s.currentTarget);m===s.target&&m.focus(),s.preventDefault()}),onSubmit:j(e.onSubmit,i,{checkForDefaultPrevented:!1}),onReset:j(e.onReset,i)})})})});Z.displayName=K;var Y="FormField",[Fe,w]=H(Y),ee=o.forwardRef((e,r)=>{const{__scopeForm:t,name:i,serverInvalid:a=!1,...c}=e,d=V(Y,t).getFieldValidity(i),v=q();return h.jsx(Fe,{scope:t,id:v,name:i,serverInvalid:a,children:h.jsx(S.div,{"data-valid":z(d,a),"data-invalid":J(d,a),...c,ref:r})})});ee.displayName=Y;var O="FormLabel",te=o.forwardRef((e,r)=>{const{__scopeForm:t,...i}=e,a=V(O,t),c=w(O,t),f=i.htmlFor||c.id,d=a.getFieldValidity(c.name);return h.jsx(W,{"data-valid":z(d,c.serverInvalid),"data-invalid":J(d,c.serverInvalid),...i,ref:r,htmlFor:f})});te.displayName=O;var k="FormControl",re=o.forwardRef((e,r)=>{const{__scopeForm:t,...i}=e,a=V(k,t),c=w(k,t),f=X(k,t),d=o.useRef(null),v=G(r,d),u=i.name||c.name,p=i.id||c.id,x=a.getFieldCustomMatcherEntries(u),{onFieldValidityChange:C,onFieldCustomErrorsChange:y,onFieldValiditionClear:I}=a,M=o.useCallback(async n=>{if(ie(n.validity)){const l=B(n.validity);C(u,l);return}const F=n.form?new FormData(n.form):new FormData,b=[n.value,F],R=[],_=[];x.forEach(l=>{xe(l,b)?_.push(l):Ae(l)&&R.push(l)});const N=R.map(({id:l,match:E})=>[l,E(...b)]),T=Object.fromEntries(N),D=Object.values(T).some(Boolean),s=D;n.setCustomValidity(s?P:"");const m=B(n.validity);if(C(u,m),y(u,T),!D&&_.length>0){const l=_.map(({id:de,match:ue})=>ue(...b).then(me=>[de,me])),E=await Promise.all(l),Q=Object.fromEntries(E),le=Object.values(Q).some(Boolean);n.setCustomValidity(le?P:"");const ce=B(n.validity);C(u,ce),y(u,Q)}},[x,u,y,C]);o.useEffect(()=>{const n=d.current;if(n){const F=()=>M(n);return n.addEventListener("change",F),()=>n.removeEventListener("change",F)}},[M]);const g=o.useCallback(()=>{const n=d.current;n&&(n.setCustomValidity(""),I(u))},[u,I]);o.useEffect(()=>{const n=d.current?.form;if(n)return n.addEventListener("reset",g),()=>n.removeEventListener("reset",g)},[g]),o.useEffect(()=>{const n=d.current,F=n?.closest("form");if(F&&c.serverInvalid){const b=ae(F);b===n&&b.focus()}},[c.serverInvalid]);const A=a.getFieldValidity(u);return h.jsx(S.input,{"data-valid":z(A,c.serverInvalid),"data-invalid":J(A,c.serverInvalid),"aria-invalid":c.serverInvalid?!0:void 0,"aria-describedby":f.getFieldDescription(u),title:"",...i,ref:v,id:p,name:u,onInvalid:j(e.onInvalid,n=>{const F=n.currentTarget;M(F)}),onChange:j(e.onChange,n=>{g()})})});re.displayName=k;var P="This value is not valid",ye={badInput:P,patternMismatch:"This value does not match the required pattern",rangeOverflow:"This value is too large",rangeUnderflow:"This value is too small",stepMismatch:"This value does not match the required step",tooLong:"This value is too long",tooShort:"This value is too short",typeMismatch:"This value does not match the required type",valid:void 0,valueMissing:"This value is missing"},L="FormMessage",oe=o.forwardRef((e,r)=>{const{match:t,name:i,...a}=e,c=w(L,e.__scopeForm),f=i??c.name;return t===void 0?h.jsx($,{...a,ref:r,name:f,children:e.children||P}):typeof t=="function"?h.jsx(ge,{match:t,...a,ref:r,name:f}):h.jsx(Ee,{match:t,...a,ref:r,name:f})});oe.displayName=L;var Ee=o.forwardRef((e,r)=>{const{match:t,forceMatch:i=!1,name:a,children:c,...f}=e,v=V(L,f.__scopeForm).getFieldValidity(a);return i||v?.[t]?h.jsx($,{ref:r,...f,name:a,children:c??ye[t]}):null}),ge=o.forwardRef((e,r)=>{const{match:t,forceMatch:i=!1,name:a,id:c,children:f,...d}=e,v=V(L,d.__scopeForm),u=o.useRef(null),p=G(r,u),x=q(),C=c??x,y=o.useMemo(()=>({id:C,match:t}),[C,t]),{onFieldCustomMatcherEntryAdd:I,onFieldCustomMatcherEntryRemove:M}=v;o.useEffect(()=>(I(a,y),()=>M(a,y.id)),[y,a,I,M]);const g=v.getFieldValidity(a),n=v.getFieldCustomErrors(a)[C];return i||g&&!ie(g)&&n?h.jsx($,{id:C,ref:p,...d,name:a,children:f??P}):null}),$=o.forwardRef((e,r)=>{const{__scopeForm:t,id:i,name:a,...c}=e,f=X(L,t),d=q(),v=i??d,{onFieldMessageIdAdd:u,onFieldMessageIdRemove:p}=f;return o.useEffect(()=>(u(a,v),()=>p(a,v)),[a,v,u,p]),h.jsx(S.span,{id:v,...c,ref:r})}),U="FormValidityState",se=e=>{const{__scopeForm:r,name:t,children:i}=e,a=V(U,r),c=w(U,r),f=t??c.name,d=a.getFieldValidity(f);return h.jsx(h.Fragment,{children:i(d)})};se.displayName=U;var pe="FormSubmit",ne=o.forwardRef((e,r)=>{const{__scopeForm:t,...i}=e;return h.jsx(S.button,{type:"submit",...i,ref:r})});ne.displayName=pe;function B(e){const r={};for(const t in e)r[t]=e[t];return r}function Me(e){return e instanceof HTMLElement}function be(e){return"validity"in e}function Ie(e){return be(e)&&(e.validity.valid===!1||e.getAttribute("aria-invalid")==="true")}function ae(e){const r=e.elements,[t]=Array.from(r).filter(Me).filter(Ie);return t}function xe(e,r){return e.match.constructor.name==="AsyncFunction"||_e(e.match,r)}function Ae(e){return e.match.constructor.name==="Function"}function _e(e,r){return e(...r)instanceof Promise}function ie(e){let r=!1;for(const t in e){const i=t;if(i!=="valid"&&i!=="customError"&&e[i]){r=!0;break}}return r}function z(e,r){if(e?.valid===!0&&!r)return!0}function J(e,r){if(e?.valid===!1||r)return!0}var ke=Z,we=ee,Ne=te,Be=re,Oe=oe,Ue=se,qe=ne;export{Be as C,Z as F,Ne as L,Oe as M,ke as R,qe as S,Ue as V,we as a}; +import{r as o}from"./index-BP8_t0zE.js";import{c as j,u as q}from"./index-DD7XHAoh.js";import{u as G}from"./index-Dp4tTk3o.js";import{c as fe}from"./index-CcH3h_90.js";import{P as S}from"./index-BjHk5heU.js";import{j as h}from"./jsx-runtime-CexXSJP5.js";var ve="Label",W=o.forwardRef((e,r)=>h.jsx(S.label,{...e,ref:r,onMouseDown:t=>{t.target.closest("button, input, select, textarea")||(e.onMouseDown?.(t),!t.defaultPrevented&&t.detail>1&&t.preventDefault())}}));W.displayName=ve;var[H,De]=fe("Form"),K="Form",[he,V]=H(K),[Ce,X]=H(K),Z=o.forwardRef((e,r)=>{const{__scopeForm:t,onClearServerErrors:i=()=>{},...a}=e,c=o.useRef(null),f=G(r,c),[d,v]=o.useState({}),u=o.useCallback(s=>d[s],[d]),p=o.useCallback((s,m)=>v(l=>({...l,[s]:{...l[s]??{},...m}})),[]),x=o.useCallback(s=>{v(m=>({...m,[s]:void 0})),n(m=>({...m,[s]:{}}))},[]),[C,y]=o.useState({}),I=o.useCallback(s=>C[s]??[],[C]),M=o.useCallback((s,m)=>{y(l=>({...l,[s]:[...l[s]??[],m]}))},[]),g=o.useCallback((s,m)=>{y(l=>({...l,[s]:(l[s]??[]).filter(E=>E.id!==m)}))},[]),[A,n]=o.useState({}),F=o.useCallback(s=>A[s]??{},[A]),b=o.useCallback((s,m)=>{n(l=>({...l,[s]:{...l[s]??{},...m}}))},[]),[R,_]=o.useState({}),N=o.useCallback((s,m)=>{_(l=>{const E=new Set(l[s]).add(m);return{...l,[s]:E}})},[]),T=o.useCallback((s,m)=>{_(l=>{const E=new Set(l[s]);return E.delete(m),{...l,[s]:E}})},[]),D=o.useCallback(s=>Array.from(R[s]??[]).join(" ")||void 0,[R]);return h.jsx(he,{scope:t,getFieldValidity:u,onFieldValidityChange:p,getFieldCustomMatcherEntries:I,onFieldCustomMatcherEntryAdd:M,onFieldCustomMatcherEntryRemove:g,getFieldCustomErrors:F,onFieldCustomErrorsChange:b,onFieldValiditionClear:x,children:h.jsx(Ce,{scope:t,onFieldMessageIdAdd:N,onFieldMessageIdRemove:T,getFieldDescription:D,children:h.jsx(S.form,{...a,ref:f,onInvalid:j(e.onInvalid,s=>{const m=ae(s.currentTarget);m===s.target&&m.focus(),s.preventDefault()}),onSubmit:j(e.onSubmit,i,{checkForDefaultPrevented:!1}),onReset:j(e.onReset,i)})})})});Z.displayName=K;var Y="FormField",[Fe,w]=H(Y),ee=o.forwardRef((e,r)=>{const{__scopeForm:t,name:i,serverInvalid:a=!1,...c}=e,d=V(Y,t).getFieldValidity(i),v=q();return h.jsx(Fe,{scope:t,id:v,name:i,serverInvalid:a,children:h.jsx(S.div,{"data-valid":z(d,a),"data-invalid":J(d,a),...c,ref:r})})});ee.displayName=Y;var O="FormLabel",te=o.forwardRef((e,r)=>{const{__scopeForm:t,...i}=e,a=V(O,t),c=w(O,t),f=i.htmlFor||c.id,d=a.getFieldValidity(c.name);return h.jsx(W,{"data-valid":z(d,c.serverInvalid),"data-invalid":J(d,c.serverInvalid),...i,ref:r,htmlFor:f})});te.displayName=O;var k="FormControl",re=o.forwardRef((e,r)=>{const{__scopeForm:t,...i}=e,a=V(k,t),c=w(k,t),f=X(k,t),d=o.useRef(null),v=G(r,d),u=i.name||c.name,p=i.id||c.id,x=a.getFieldCustomMatcherEntries(u),{onFieldValidityChange:C,onFieldCustomErrorsChange:y,onFieldValiditionClear:I}=a,M=o.useCallback(async n=>{if(ie(n.validity)){const l=B(n.validity);C(u,l);return}const F=n.form?new FormData(n.form):new FormData,b=[n.value,F],R=[],_=[];x.forEach(l=>{xe(l,b)?_.push(l):Ae(l)&&R.push(l)});const N=R.map(({id:l,match:E})=>[l,E(...b)]),T=Object.fromEntries(N),D=Object.values(T).some(Boolean),s=D;n.setCustomValidity(s?P:"");const m=B(n.validity);if(C(u,m),y(u,T),!D&&_.length>0){const l=_.map(({id:de,match:ue})=>ue(...b).then(me=>[de,me])),E=await Promise.all(l),Q=Object.fromEntries(E),le=Object.values(Q).some(Boolean);n.setCustomValidity(le?P:"");const ce=B(n.validity);C(u,ce),y(u,Q)}},[x,u,y,C]);o.useEffect(()=>{const n=d.current;if(n){const F=()=>M(n);return n.addEventListener("change",F),()=>n.removeEventListener("change",F)}},[M]);const g=o.useCallback(()=>{const n=d.current;n&&(n.setCustomValidity(""),I(u))},[u,I]);o.useEffect(()=>{const n=d.current?.form;if(n)return n.addEventListener("reset",g),()=>n.removeEventListener("reset",g)},[g]),o.useEffect(()=>{const n=d.current,F=n?.closest("form");if(F&&c.serverInvalid){const b=ae(F);b===n&&b.focus()}},[c.serverInvalid]);const A=a.getFieldValidity(u);return h.jsx(S.input,{"data-valid":z(A,c.serverInvalid),"data-invalid":J(A,c.serverInvalid),"aria-invalid":c.serverInvalid?!0:void 0,"aria-describedby":f.getFieldDescription(u),title:"",...i,ref:v,id:p,name:u,onInvalid:j(e.onInvalid,n=>{const F=n.currentTarget;M(F)}),onChange:j(e.onChange,n=>{g()})})});re.displayName=k;var P="This value is not valid",ye={badInput:P,patternMismatch:"This value does not match the required pattern",rangeOverflow:"This value is too large",rangeUnderflow:"This value is too small",stepMismatch:"This value does not match the required step",tooLong:"This value is too long",tooShort:"This value is too short",typeMismatch:"This value does not match the required type",valid:void 0,valueMissing:"This value is missing"},L="FormMessage",oe=o.forwardRef((e,r)=>{const{match:t,name:i,...a}=e,c=w(L,e.__scopeForm),f=i??c.name;return t===void 0?h.jsx($,{...a,ref:r,name:f,children:e.children||P}):typeof t=="function"?h.jsx(ge,{match:t,...a,ref:r,name:f}):h.jsx(Ee,{match:t,...a,ref:r,name:f})});oe.displayName=L;var Ee=o.forwardRef((e,r)=>{const{match:t,forceMatch:i=!1,name:a,children:c,...f}=e,v=V(L,f.__scopeForm).getFieldValidity(a);return i||v?.[t]?h.jsx($,{ref:r,...f,name:a,children:c??ye[t]}):null}),ge=o.forwardRef((e,r)=>{const{match:t,forceMatch:i=!1,name:a,id:c,children:f,...d}=e,v=V(L,d.__scopeForm),u=o.useRef(null),p=G(r,u),x=q(),C=c??x,y=o.useMemo(()=>({id:C,match:t}),[C,t]),{onFieldCustomMatcherEntryAdd:I,onFieldCustomMatcherEntryRemove:M}=v;o.useEffect(()=>(I(a,y),()=>M(a,y.id)),[y,a,I,M]);const g=v.getFieldValidity(a),n=v.getFieldCustomErrors(a)[C];return i||g&&!ie(g)&&n?h.jsx($,{id:C,ref:p,...d,name:a,children:f??P}):null}),$=o.forwardRef((e,r)=>{const{__scopeForm:t,id:i,name:a,...c}=e,f=X(L,t),d=q(),v=i??d,{onFieldMessageIdAdd:u,onFieldMessageIdRemove:p}=f;return o.useEffect(()=>(u(a,v),()=>p(a,v)),[a,v,u,p]),h.jsx(S.span,{id:v,...c,ref:r})}),U="FormValidityState",se=e=>{const{__scopeForm:r,name:t,children:i}=e,a=V(U,r),c=w(U,r),f=t??c.name,d=a.getFieldValidity(f);return h.jsx(h.Fragment,{children:i(d)})};se.displayName=U;var pe="FormSubmit",ne=o.forwardRef((e,r)=>{const{__scopeForm:t,...i}=e;return h.jsx(S.button,{type:"submit",...i,ref:r})});ne.displayName=pe;function B(e){const r={};for(const t in e)r[t]=e[t];return r}function Me(e){return e instanceof HTMLElement}function be(e){return"validity"in e}function Ie(e){return be(e)&&(e.validity.valid===!1||e.getAttribute("aria-invalid")==="true")}function ae(e){const r=e.elements,[t]=Array.from(r).filter(Me).filter(Ie);return t}function xe(e,r){return e.match.constructor.name==="AsyncFunction"||_e(e.match,r)}function Ae(e){return e.match.constructor.name==="Function"}function _e(e,r){return e(...r)instanceof Promise}function ie(e){let r=!1;for(const t in e){const i=t;if(i!=="valid"&&i!=="customError"&&e[i]){r=!0;break}}return r}function z(e,r){if(e?.valid===!0&&!r)return!0}function J(e,r){if(e?.valid===!1||r)return!0}var ke=Z,we=ee,Ne=te,Be=re,Oe=oe,Ue=se,qe=ne;export{Be as C,we as F,Ne as L,Oe as M,ke as R,qe as S,Ue as V,Z as a}; diff --git a/assets/index-DVRl1JhA.js b/assets/index-DVRl1JhA.js deleted file mode 100644 index 334e51b3..00000000 --- a/assets/index-DVRl1JhA.js +++ /dev/null @@ -1 +0,0 @@ -import{r}from"./index-BP8_t0zE.js";import{j as e}from"./jsx-runtime-CexXSJP5.js";import{C as W0,L as q0,N as $0}from"./notifications-MBLL4uPX.js";import{C as J0,E as X0}from"./extensions-NPI-SMnu.js";import{C as Y0,S as e2}from"./search-BC9ffyhQ.js";import{a as o2,C as c2,I as r2}from"./close-D4bMmhFz.js";import{C as n2}from"./check-Bjchr0Ec.js";import{C as a2}from"./chevron-down-Ua1BCmcD.js";import{C as l2}from"./chevron-right-DF47_mtr.js";import{E as t2}from"./error-Dmbc84hO.js";import{S as i2}from"./settings-DxGsE2C2.js";import{S as s2}from"./spinner-DszwWdC7.js";import{T as h2}from"./threads-BMeJ5mkW.js";import{U as d2}from"./user-profile-EvkA4CON.js";import{a as w2,V as m2}from"./visibility-on-D1sVPsTi.js";import{W as f2}from"./warning-B4ZpXzLn.js";function n(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{fillRule:"evenodd",d:"m12 4.236-6 3V12c0 5.156 4.239 7.254 6 7.898 1.761-.644 6-2.742 6-7.898V7.236l-6-3Zm-.894-1.789a2 2 0 0 1 1.788 0l6 3A2 2 0 0 1 20 7.236V12c0 6.742-5.773 9.246-7.51 9.846-.32.111-.66.111-.98 0C9.774 21.246 4 18.742 4 12V7.236a2 2 0 0 1 1.106-1.789l6-3Z",clipRule:"evenodd"})})}n.displayName="AdminIcon";const v2=r.forwardRef(n);function a(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 4.5a1 1 0 0 1 1 1v10.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 1 1 1.414-1.414L11 16.086V5.5a1 1 0 0 1 1-1Z"})})}a.displayName="ArrowDownIcon";const x2=r.forwardRef(a);function l(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12.207 5.293a1 1 0 0 1 0 1.414L7.914 11H18.5a1 1 0 1 1 0 2H7.914l4.293 4.293a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 0Z"})})}l.displayName="ArrowLeftIcon";const g2=r.forwardRef(l);function t(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M11.793 5.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L16.086 13H5.5a1 1 0 1 1 0-2h10.586l-4.293-4.293a1 1 0 0 1 0-1.414Z"})})}t.displayName="ArrowRightIcon";const p2=r.forwardRef(t);function i(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M17.924 6.617a.996.996 0 0 1 .076.38V15a1 1 0 1 1-2 0V9.414l-8.293 8.293a1 1 0 0 1-1.414-1.414L14.586 8H9a1 1 0 0 1 0-2h8a.997.997 0 0 1 .924.617Z"})})}i.displayName="ArrowUpRightIcon";const u2=r.forwardRef(i);function s(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 19.5a1 1 0 0 0 1-1V7.914l4.293 4.293a1 1 0 0 0 1.414-1.414l-6-6a1 1 0 0 0-1.414 0l-6 6a1 1 0 1 0 1.414 1.414L11 7.914V18.5a1 1 0 0 0 1 1Z"})})}s.displayName="ArrowUpIcon";const A2=r.forwardRef(s);function h(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M11.5 22c-1.533 0-2.833-.533-3.9-1.6C6.533 19.333 6 18.033 6 16.5V6c0-1.1.392-2.042 1.175-2.825C7.958 2.392 8.9 2 10 2s2.042.392 2.825 1.175C13.608 3.958 14 4.9 14 6v9.5c0 .7-.242 1.292-.725 1.775-.483.483-1.075.725-1.775.725s-1.292-.242-1.775-.725C9.242 16.792 9 16.2 9 15.5V6.75A.728.728 0 0 1 9.75 6a.729.729 0 0 1 .75.75v8.75c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288a.968.968 0 0 0 .287-.712V6c0-.7-.242-1.292-.725-1.775C11.292 3.742 10.7 3.5 10 3.5s-1.292.242-1.775.725C7.742 4.708 7.5 5.3 7.5 6v10.5c0 1.1.392 2.042 1.175 2.825.783.783 1.725 1.175 2.825 1.175s2.042-.392 2.825-1.175c.783-.783 1.175-1.725 1.175-2.825V6.75a.728.728 0 0 1 .75-.75.728.728 0 0 1 .75.75v9.75c0 1.533-.533 2.833-1.6 3.9-1.067 1.067-2.367 1.6-3.9 1.6Z"})})}h.displayName="AttachmentIcon";const I2=r.forwardRef(h);function d(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Zm0-2c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-.9-.146-1.767-.438-2.6A7.951 7.951 0 0 0 18.3 7.1L7.1 18.3c.7.55 1.467.97 2.3 1.262.833.292 1.7.438 2.6.438Zm-6.3-3.1L16.9 5.7a7.95 7.95 0 0 0-2.3-1.263A7.813 7.813 0 0 0 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 .9.146 1.767.438 2.6A7.95 7.95 0 0 0 5.7 16.9Z"})})}d.displayName="BlockIcon";const Z2=r.forwardRef(d);function w(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M8.8 19c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 6.8 17V7c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 8.8 5h3.525c1.083 0 2.083.333 3 1 .917.667 1.375 1.592 1.375 2.775 0 .85-.192 1.504-.575 1.963-.383.458-.742.787-1.075.987.417.183.88.525 1.387 1.025.509.5.763 1.25.763 2.25 0 1.483-.542 2.52-1.625 3.113-1.083.591-2.1.887-3.05.887H8.8Zm1.025-2.8h2.6c.8 0 1.287-.204 1.462-.612.175-.409.263-.705.263-.888 0-.183-.088-.48-.263-.887-.175-.409-.687-.613-1.537-.613H9.825v3Zm0-5.7h2.325c.55 0 .95-.142 1.2-.425a1.4 1.4 0 0 0 .375-.95c0-.4-.142-.725-.425-.975-.283-.25-.65-.375-1.1-.375H9.825V10.5Z"})})}w.displayName="BoldIcon";const C2=r.forwardRef(w);function m(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M5 22c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 20V6c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 5 4h1V2h2v2h8V2h2v2h1c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v14c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 22H5Zm0-2h14V10H5v10ZM5 8h14V6H5v2Zm7 6a.968.968 0 0 1-.713-.287A.968.968 0 0 1 11 13c0-.283.096-.52.287-.713A.968.968 0 0 1 12 12c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 12 14Zm-4 0a.967.967 0 0 1-.713-.287A.968.968 0 0 1 7 13c0-.283.096-.52.287-.713A.967.967 0 0 1 8 12c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.967.967 0 0 1 8 14Zm8 0a.968.968 0 0 1-.713-.287A.968.968 0 0 1 15 13c0-.283.096-.52.287-.713A.968.968 0 0 1 16 12a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 16 14Zm-4 4a.968.968 0 0 1-.713-.288A.968.968 0 0 1 11 17a.97.97 0 0 1 .287-.712A.968.968 0 0 1 12 16a.97.97 0 0 1 .713.288c.191.191.287.429.287.712s-.096.52-.287.712A.968.968 0 0 1 12 18Zm-4 0a.967.967 0 0 1-.713-.288A.968.968 0 0 1 7 17a.97.97 0 0 1 .287-.712A.967.967 0 0 1 8 16a.97.97 0 0 1 .713.288c.191.191.287.429.287.712s-.096.52-.287.712A.967.967 0 0 1 8 18Zm8 0a.968.968 0 0 1-.713-.288A.968.968 0 0 1 15 17a.97.97 0 0 1 .287-.712A.968.968 0 0 1 16 16c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.712A.968.968 0 0 1 16 18Z"})})}m.displayName="CalendarIcon";const j2=r.forwardRef(m);function f(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M8 17a.97.97 0 0 0 .713-.288A.968.968 0 0 0 9 16v-5a.968.968 0 0 0-.287-.713A.967.967 0 0 0 8 10a.967.967 0 0 0-.713.287A.968.968 0 0 0 7 11v5c0 .283.096.52.287.712.192.192.43.288.713.288Zm4 0a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 16V8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 12 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 8v8c0 .283.096.52.287.712.192.192.43.288.713.288Zm4 0c.283 0 .52-.096.712-.288A.968.968 0 0 0 17 16v-2a.968.968 0 0 0-.288-.713A.968.968 0 0 0 16 13a.968.968 0 0 0-.713.287A.968.968 0 0 0 15 14v2c0 .283.096.52.287.712.192.192.43.288.713.288ZM5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h14c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v14c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5Zm0-2h14V5H5v14Z"})})}f.displayName="ChartIcon";const M2=r.forwardRef(f);function v(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M19 6h-2a.968.968 0 0 1-.712-.287A.967.967 0 0 1 16 5a.97.97 0 0 1 .288-.713A.968.968 0 0 1 17 4h2V2c0-.283.096-.52.288-.712A.968.968 0 0 1 20 1c.283 0 .52.096.712.288A.965.965 0 0 1 21 2v2h2a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 23 6h-2v2a.97.97 0 0 1-.288.713A.968.968 0 0 1 20 9a.968.968 0 0 1-.712-.287A.967.967 0 0 1 19 8V6Z"}),e.jsx("path",{d:"M22 17v-6.341A5.99 5.99 0 0 1 20 11v6H6a2 2 0 0 0-1.414.586L4 18.172V5h10c0-.701.12-1.374.341-2H4a2 2 0 0 0-2 2v15.586c0 .89 1.077 1.337 1.707.707L6 19h14a2 2 0 0 0 2-2Z"})]})}v.displayName="ChatNewIcon";const V2=r.forwardRef(v);function x(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M2.95 16.3 1.5 21.25a.936.936 0 0 0 .25 1 .936.936 0 0 0 1 .25l4.95-1.45a10.23 10.23 0 0 0 2.1.712c.717.159 1.45.238 2.2.238a9.737 9.737 0 0 0 3.9-.788 10.098 10.098 0 0 0 3.175-2.137c.9-.9 1.613-1.958 2.137-3.175A9.738 9.738 0 0 0 22 12a9.738 9.738 0 0 0-.788-3.9 10.099 10.099 0 0 0-2.137-3.175c-.9-.9-1.958-1.612-3.175-2.137A9.737 9.737 0 0 0 12 2a9.737 9.737 0 0 0-3.9.788 10.099 10.099 0 0 0-3.175 2.137c-.9.9-1.612 1.958-2.137 3.175A9.738 9.738 0 0 0 2 12a10.179 10.179 0 0 0 .95 4.3Z"})})}x.displayName="ChatSolidIcon";const R2=r.forwardRef(x);function g(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m13.3 17.3-4.6-4.6a.877.877 0 0 1-.213-.325A1.106 1.106 0 0 1 8.425 12c0-.133.02-.258.062-.375A.878.878 0 0 1 8.7 11.3l4.6-4.6a.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275.948.948 0 0 1 .275.7.948.948 0 0 1-.275.7L10.8 12l3.9 3.9a.949.949 0 0 1 .275.7.948.948 0 0 1-.275.7.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"})})}g.displayName="ChevronLeftIcon";const H2=r.forwardRef(g);function p(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M8.225 8.325C8.042 8.142 7.95 7.9 7.95 7.6s.092-.542.275-.725L11.3 3.8c.1-.1.208-.17.325-.212a1.18 1.18 0 0 1 .762 0c.125.041.23.112.313.212l3.1 3.1c.183.183.27.42.262.713a1.006 1.006 0 0 1-.287.712c-.183.183-.425.275-.725.275s-.542-.092-.725-.275L12 6 9.65 8.35c-.183.183-.42.27-.712.263a1.007 1.007 0 0 1-.713-.288ZM12 20.575a.942.942 0 0 1-.375-.075 1.312 1.312 0 0 1-.325-.2l-3.075-3.075c-.183-.183-.275-.425-.275-.725s.092-.542.275-.725c.183-.183.425-.275.725-.275s.542.092.725.275L12 18.1l2.35-2.35c.183-.183.42-.27.713-.262.291.008.529.104.712.287.183.183.275.425.275.725s-.092.542-.275.725L12.7 20.3a1.034 1.034 0 0 1-.7.275Z"})})}p.displayName="ChevronUpDownIcon";const L2=r.forwardRef(p);function u(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m12 10.775-3.9 3.9a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l4.6-4.6c.1-.1.208-.17.325-.213.117-.041.242-.062.375-.062s.258.02.375.062a.877.877 0 0 1 .325.213l4.6 4.6a.948.948 0 0 1 .275.7.949.949 0 0 1-.275.7.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275l-3.9-3.9Z"})})}u.displayName="ChevronUpIcon";const S2=r.forwardRef(u);function A(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 22a9.737 9.737 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.613-1.958-2.138-3.175A9.737 9.737 0 0 1 2 12a9.74 9.74 0 0 1 .787-3.9 10.099 10.099 0 0 1 2.138-3.175c.9-.9 1.958-1.612 3.175-2.137A9.737 9.737 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.612 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.737 9.737 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.737 9.737 0 0 1 12 22Zm0-2c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z"})})}A.displayName="CircleIcon";const y2=r.forwardRef(A);function I(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M7 20a5 5 0 0 1-.985-9.903 5.5 5.5 0 0 1 9.734-3.09 4 4 0 0 1 4.187 4.708A4.5 4.5 0 0 1 18 19.973V20H7Z"})})}I.displayName="CloudSolidIcon";const N2=r.forwardRef(I);function Z(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{fillRule:"evenodd",d:"m7.9 11.76-1.493.298A3.002 3.002 0 0 0 7 18h10.641l.14-.015a2.5 2.5 0 0 0 1.071-4.588l-1.121-.724.237-1.313a2 2 0 0 0-2.095-2.356l-1.02.063-.648-.789a3.5 3.5 0 0 0-6.195 1.963L7.9 11.76ZM18 19.973V20H7a5 5 0 0 1-.985-9.903 5.5 5.5 0 0 1 9.734-3.09 4 4 0 0 1 4.187 4.708A4.5 4.5 0 0 1 18 19.973Z",clipRule:"evenodd"})})}Z.displayName="CloudIcon";const B2=r.forwardRef(Z);function C(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m8.825 12 1.475-1.475c.2-.2.3-.433.3-.7 0-.267-.1-.5-.3-.7-.2-.2-.438-.3-.713-.3-.274 0-.512.1-.712.3L6.7 11.3c-.1.1-.17.208-.213.325a1.107 1.107 0 0 0-.062.375c0 .133.02.258.063.375a.877.877 0 0 0 .212.325l2.175 2.175c.2.2.438.3.713.3.275 0 .512-.1.712-.3.2-.2.3-.433.3-.7 0-.267-.1-.5-.3-.7L8.825 12Zm6.35 0L13.7 13.475c-.2.2-.3.433-.3.7 0 .267.1.5.3.7.2.2.438.3.713.3.274 0 .512-.1.712-.3L17.3 12.7c.1-.1.17-.208.212-.325.042-.117.063-.242.063-.375s-.02-.258-.063-.375a.877.877 0 0 0-.212-.325l-2.175-2.175a.999.999 0 0 0-1.425 0c-.2.2-.3.433-.3.7 0 .267.1.5.3.7L15.175 12ZM5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h14c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v14c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5Zm0-2h14V5H5v14Z"})})}C.displayName="CodeIcon";const O2=r.forwardRef(C);function j(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 11.034a.996.996 0 0 0 .29.702l.005.005c.18.18.43.29.705.29h8a1 1 0 1 0 0-2h-5.586L22 3.446a1 1 0 0 0-1.414-1.415L14 8.617V3.031a1 1 0 1 0-2 0v8.003Zm0 1.963a.997.997 0 0 0-.29-.702l-.005-.004A.997.997 0 0 0 11 12H3a1 1 0 0 0 0 2h5.586L2 20.586A1 1 0 1 0 3.414 22L10 15.414V21a1 1 0 1 0 2 0v-8.003Z"})})}j.displayName="CollapseIcon";const k2=r.forwardRef(j);function M(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M14 7h5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v2Zm-2-2H5v2h3a1 1 0 0 1 0 2H5v2h3a1 1 0 1 1 0 2H5v2h3a1 1 0 1 1 0 2H5v2h7V5Zm2 4v2h2a1 1 0 1 1 0 2h-2v2h2a1 1 0 1 1 0 2h-2v2h5V9h-5Z"})})}M.displayName="CompanyIcon";const P2=r.forwardRef(M);function V(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{fillRule:"evenodd",d:"M3 5a2 2 0 0 1 2-2h6a1 1 0 1 1 0 2H5v14h14v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5Z",clipRule:"evenodd"}),e.jsx("path",{d:"m8.023 14.711 1.331-3.992a1 1 0 0 1 1.656-.391l2.662 2.662a1 1 0 0 1-.391 1.655l-3.993 1.331a1 1 0 0 1-1.265-1.265Z"}),e.jsx("path",{fillRule:"evenodd",d:"M19.765 2.82a2 2 0 0 0-2.828 0L9.866 9.89c-.195.195-.341.42-.439.66a1.024 1.024 0 0 0-.073.168l-1.33 3.992a1 1 0 0 0 1.264 1.265l3.993-1.33c.059-.02.115-.045.167-.074.24-.097.466-.243.66-.438l7.072-7.071a2 2 0 0 0 0-2.829L19.765 2.82Zm-6.717 9.546 6.717-6.718-1.414-1.414-6.717 6.718 1.414 1.414Z",clipRule:"evenodd"})]})}V.displayName="ComposeIcon";const U2=r.forwardRef(V);function R(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M4 18c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 16V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 4 3h16c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v11c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 18H4Zm0-2h16V5H4v11Zm-2 5a.967.967 0 0 1-.712-.288A.968.968 0 0 1 1 20c0-.283.096-.52.288-.712A.967.967 0 0 1 2 19h20c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.712A.968.968 0 0 1 22 21H2Z"})})}R.displayName="ComputerIcon";const E2=r.forwardRef(R);function H(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0V5Z"}),e.jsx("path",{d:"M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2v-9Zm2 0v9h9v-9h-9Z"})]})}H.displayName="CopyIcon";const b2=r.forwardRef(H);function L(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{fillRule:"evenodd",d:"M17.983 17.31C13.332 15.66 10 11.22 10 6c0-.604.045-1.199.132-1.78a8 8 0 1 0 7.852 13.091Zm1.82-1.552c.668.15 1.094.863.737 1.447A9.994 9.994 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2c.402 0 .653.416.524.797A9.988 9.988 0 0 0 12 6c0 4.768 3.337 8.757 7.803 9.758Z",clipRule:"evenodd"})})}L.displayName="DarkModeIcon";const D2=r.forwardRef(L);function S(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M7 21c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 19V6a.968.968 0 0 1-.713-.287A.968.968 0 0 1 4 5c0-.283.096-.52.287-.713A.968.968 0 0 1 5 4h4a.97.97 0 0 1 .287-.712A.968.968 0 0 1 10 3h4a.97.97 0 0 1 .713.288A.968.968 0 0 1 15 4h4a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 19 6v13c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17 21H7ZM7 6v13h10V6H7Zm2 10c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288A.968.968 0 0 0 11 16V9a.967.967 0 0 0-.287-.713A.968.968 0 0 0 10 8a.968.968 0 0 0-.713.287A.968.968 0 0 0 9 9v7Zm4 0c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288A.968.968 0 0 0 15 16V9a.967.967 0 0 0-.287-.713A.968.968 0 0 0 14 8a.968.968 0 0 0-.713.287A.967.967 0 0 0 13 9v7Z"})})}S.displayName="DeleteIcon";const F2=r.forwardRef(S);function y(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M3.5 20c-.417 0-.77-.146-1.063-.438A1.447 1.447 0 0 1 2 18.5c0-.417.146-.77.438-1.063A1.446 1.446 0 0 1 3.5 17H4V6c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 6 4h14a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 20 6H6v11h4.5c.417 0 .77.146 1.063.438.291.291.437.645.437 1.062 0 .417-.146.77-.438 1.063A1.446 1.446 0 0 1 10.5 20h-7ZM15 20a.968.968 0 0 1-.713-.288A.968.968 0 0 1 14 19V9c0-.283.096-.52.287-.713A.968.968 0 0 1 15 8h6a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v10c0 .283-.096.52-.288.712A.968.968 0 0 1 21 20h-6Zm1-3h4v-7h-4v7Z"})})}y.displayName="DevicesIcon";const T2=r.forwardRef(y);function N(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M9 18h6a.97.97 0 0 0 .713-.288A.968.968 0 0 0 16 17a.968.968 0 0 0-.287-.712A.968.968 0 0 0 15 16H9a.967.967 0 0 0-.713.288A.968.968 0 0 0 8 17c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-4h6c.283 0 .52-.096.713-.287A.968.968 0 0 0 16 13a.968.968 0 0 0-.287-.713A.968.968 0 0 0 15 12H9a.967.967 0 0 0-.713.287A.968.968 0 0 0 8 13c0 .283.096.52.287.713.192.191.43.287.713.287Zm-3 8c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 20V4c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 6 2h7.175a1.975 1.975 0 0 1 1.4.575l4.85 4.85a1.975 1.975 0 0 1 .575 1.4V20c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 22H6Zm7-14V4H6v16h12V9h-4a.968.968 0 0 1-.713-.287A.967.967 0 0 1 13 8Z"})})}N.displayName="DocumentIcon";const K2=r.forwardRef(N);function B(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 15.575c-.133 0-.258-.02-.375-.063a.877.877 0 0 1-.325-.212l-3.6-3.6a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7c.183-.183.42-.28.712-.288.292-.008.53.08.713.263L11 12.15V5c0-.283.096-.52.287-.713A.968.968 0 0 1 12 4c.283 0 .52.096.713.287.191.192.287.43.287.713v7.15l1.875-1.875c.183-.183.42-.27.713-.263.291.009.529.105.712.288a.948.948 0 0 1 .275.7.948.948 0 0 1-.275.7l-3.6 3.6c-.1.1-.208.17-.325.212a1.106 1.106 0 0 1-.375.063ZM6 20c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 18v-2c0-.283.096-.52.287-.713A.967.967 0 0 1 5 15c.283 0 .52.096.713.287.191.192.287.43.287.713v2h12v-2a.97.97 0 0 1 .288-.713A.968.968 0 0 1 19 15a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v2c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 20H6Z"})})}B.displayName="DownloadIcon";const G2=r.forwardRef(B);function O(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M9 20c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 7 18c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 9 16c.55 0 1.02.196 1.412.587.392.392.588.863.588 1.413s-.196 1.02-.588 1.413A1.926 1.926 0 0 1 9 20Zm6 0c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 13 18c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 15 16c.55 0 1.02.196 1.413.587.391.392.587.863.587 1.413s-.196 1.02-.587 1.413A1.926 1.926 0 0 1 15 20Zm-6-6c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 7 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 9 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 9 14Zm6 0c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 13 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 15 10c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.926 1.926 0 0 1 15 14ZM9 8c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 7 6c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 9 4c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 9 8Zm6 0c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 13 6c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 15 4c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.926 1.926 0 0 1 15 8Z"})})}O.displayName="DragGridIcon";const Q2=r.forwardRef(O);function k(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M5 15a.967.967 0 0 1-.713-.287A.968.968 0 0 1 4 14c0-.283.096-.52.287-.713A.967.967 0 0 1 5 13h14a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 19 15H5Zm0-4a.967.967 0 0 1-.713-.287A.968.968 0 0 1 4 10c0-.283.096-.52.287-.713A.968.968 0 0 1 5 9h14a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 19 11H5Z"})})}k.displayName="DragListIcon";const _2=r.forwardRef(k);function P(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("mask",{id:"a",children:e.jsx("path",{fillRule:"evenodd",d:"m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0L4.393 13.95ZM17.12 4.052l-2.972 2.972 2.829 2.829 2.972-2.973-2.829-2.828Z",clipRule:"evenodd"})}),e.jsx("path",{fillRule:"evenodd",d:"m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0L4.393 13.95ZM17.12 4.052l-2.972 2.972 2.829 2.829 2.972-2.973-2.829-2.828Z",clipRule:"evenodd"}),e.jsx("path",{d:"m4.373 13.97 1.414 1.414.01-.01-1.424-1.404Zm.02-.02-1.415-1.414-.01.01 1.425 1.405Zm-.44.44 1.414 1.415-1.414-1.414Zm-.264.465 1.94.485-1.94-.485Zm-1.414 5.657-1.94-.485 1.94.485Zm1.213 1.213-.485-1.94.485 1.94Zm5.657-1.414.485 1.94-.485-1.94Zm.464-.263 1.415 1.414-1.415-1.414ZM21.363 8.294 19.95 6.879l1.414 1.415Zm0-2.829 1.414-1.414-1.414 1.414Zm-2.828-2.828L17.12 4.05l1.415-1.414Zm-2.829 0-1.414-1.414 1.414 1.414Zm-1.558 4.386L12.734 5.61 11.32 7.023l1.414 1.414 1.414-1.414Zm2.973-2.972 1.414-1.414-1.415-1.414-1.414 1.414 1.415 1.414Zm-.144 5.8-1.415 1.415 1.415 1.414 1.414-1.414-1.414-1.414Zm2.972-2.972 1.414 1.415 1.414-1.415-1.414-1.414L19.95 6.88ZM5.797 15.375l.02-.02-2.848-2.81-.02.02 2.848 2.81Zm-.43.43.42-.42-2.828-2.83-.42.421 2.828 2.829Zm.263-.465a1 1 0 0 1-.263.465l-2.829-2.829a3 3 0 0 0-.789 1.394l3.88.97Zm-1.414 5.657L5.63 15.34l-3.88-.97-1.415 5.657 3.88.97Zm-1.213-1.213a1 1 0 0 1 1.213 1.213l-3.88-.97c-.55 2.197 1.44 4.187 3.637 3.638l-.97-3.88ZM8.66 18.37l-5.657 1.414.97 3.881 5.657-1.414-.97-3.88Zm-.465.263a1 1 0 0 1 .465-.263l.97 3.88a3 3 0 0 0 1.394-.788l-2.829-2.829ZM19.95 6.88l2.828 2.829a4 4 0 0 0 0-5.657L19.95 6.879Zm-2.83-2.829 2.829 2.828 2.828-2.828-2.828-2.828L17.12 4.05Zm0 0 2.829-2.828a4 4 0 0 0-5.657 0L17.12 4.05ZM5.807 15.365 17.12 4.05l-2.828-2.828L2.978 12.536l2.829 2.829Zm9.755-6.928 2.973-2.972-2.829-2.828-2.972 2.972 2.829 2.828Zm2.829 0L15.563 5.61l-2.829 2.828 2.829 2.829 2.828-2.829Zm.144-2.972-2.973 2.972 2.829 2.829 2.972-2.972-2.828-2.829Zm-2.829 0 2.829 2.829 2.828-2.829-2.828-2.828-2.829 2.828ZM19.95 6.88 8.195 18.633l2.829 2.829L22.777 9.708 19.95 6.879Z",mask:"url(#a)"})]})}P.displayName="EditSolidIcon";const z2=r.forwardRef(P);function U(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{fillRule:"evenodd",d:"M15.706 2.637a2 2 0 0 1 2.829 0l2.828 2.828a2 2 0 0 1 0 2.829L9.605 20.052a1 1 0 0 1-.465.263L3.483 21.73a1 1 0 0 1-1.212-1.212l1.414-5.657a1 1 0 0 1 .263-.465L15.706 2.637Zm1.224 7.262L14.102 7.07l-8.544 8.544-.943 3.77 3.771-.942L16.93 9.9Z",clipRule:"evenodd"})})}U.displayName="EditIcon";const W2=r.forwardRef(U);function E(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 5.111a1 1 0 0 0 .514.874l7 3.89a1 1 0 0 0 .972 0l7-3.89a1 1 0 1 0-.972-1.748L12 11.856 5.486 8.237A1 1 0 0 0 4 9.111Z"})})}E.displayName="EmailSolidIcon";const q2=r.forwardRef(E);function b(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6Zm2 0v1.412l8 4.444 8-4.444V6H4Zm0 3.7V18h16V9.7l-7.514 4.174a1 1 0 0 1-.972 0L4 9.7Z"})})}b.displayName="EmailIcon";const $2=r.forwardRef(b);function D(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m2.765 16.02-2.47-2.416A1.018 1.018 0 0 1 0 12.852c0-.304.098-.555.295-.751a15.64 15.64 0 0 1 5.316-3.786A15.89 15.89 0 0 1 12 7c2.237 0 4.367.443 6.39 1.329a15.977 15.977 0 0 1 5.315 3.772c.197.196.295.447.295.751 0 .305-.098.555-.295.752l-2.47 2.416a1.047 1.047 0 0 1-1.396.108l-3.114-2.363a1.067 1.067 0 0 1-.322-.376 1.066 1.066 0 0 1-.108-.483v-2.27a13.593 13.593 0 0 0-2.12-.524C13.459 9.996 12 9.937 12 9.937s-1.459.059-2.175.175c-.715.116-1.422.29-2.12.523v2.271c0 .179-.036.34-.108.483a1.066 1.066 0 0 1-.322.376l-3.114 2.363a1.047 1.047 0 0 1-1.396-.107Z"})})}D.displayName="EndCallIcon";const J2=r.forwardRef(D);function F(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M21 3.997a.996.996 0 0 0-.29-.702l-.005-.004A.997.997 0 0 0 20 3h-8a1 1 0 1 0 0 2h5.586L5 17.586V12a1 1 0 1 0-2 0v8.003a.997.997 0 0 0 .29.702l.005.004c.18.18.43.291.705.291h8a1 1 0 1 0 0-2H6.414L19 6.414V12a1 1 0 1 0 2 0V3.997Z"})})}F.displayName="ExpandIcon";const X2=r.forwardRef(F);function T(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V6.5c0-.25.042-.475.125-.675.083-.2.192-.392.325-.575l1.4-1.7c.133-.183.3-.32.5-.412C5.55 3.046 5.767 3 6 3h12c.233 0 .45.046.65.138.2.091.367.229.5.412l1.4 1.7c.133.183.242.375.325.575.083.2.125.425.125.675V19c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5Zm.4-15h13.2l-.85-1H6.25L5.4 6ZM5 19h14V8H5v11Zm7-1.425c.133 0 .258-.02.375-.063a.877.877 0 0 0 .325-.212l2.6-2.6a.948.948 0 0 0 .275-.7.948.948 0 0 0-.275-.7.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275l-.9.9V11a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 10a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 11v3.2l-.9-.9a.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275.948.948 0 0 0-.275.7.95.95 0 0 0 .275.7l2.6 2.6c.1.1.208.17.325.212.117.042.242.063.375.063Z"})})}T.displayName="ExportArchiveIcon";const Y2=r.forwardRef(T);function K(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M17.913 11.39a.907.907 0 0 1-.663.282.907.907 0 0 1-.663-.282L12.61 7.413a.907.907 0 0 1-.282-.663c0-.254.094-.475.282-.663l3.977-3.977a.907.907 0 0 1 .663-.282c.254 0 .475.094.663.282l3.977 3.977a.907.907 0 0 1 .282.663.907.907 0 0 1-.282.663l-3.977 3.977Zm-14.625-.677A.968.968 0 0 0 4 11h6c.283 0 .52-.096.713-.287A.968.968 0 0 0 11 10V4a.967.967 0 0 0-.287-.712A.968.968 0 0 0 10 3H4a.968.968 0 0 0-.712.288A.968.968 0 0 0 3 4v6c0 .283.096.52.288.713Zm9.999 9.999c.192.192.43.288.713.288h6c.283 0 .52-.096.712-.288A.968.968 0 0 0 21 20v-6a.968.968 0 0 0-.288-.713A.968.968 0 0 0 20 13h-6a.968.968 0 0 0-.713.287A.968.968 0 0 0 13 14v6c0 .283.096.52.287.712Zm-9.999 0A.965.965 0 0 0 4 21h6a.97.97 0 0 0 .713-.288A.968.968 0 0 0 11 20v-6a.968.968 0 0 0-.287-.713A.968.968 0 0 0 10 13H4a.967.967 0 0 0-.712.287A.968.968 0 0 0 3 14v6c0 .283.096.52.288.712Z"})})}K.displayName="ExtensionsSolidIcon";const e8=r.forwardRef(K);function G(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m12.897 2.817 2.336 4.733 5.223.76a1 1 0 0 1 .555 1.705L17.23 13.7l.892 5.202a1 1 0 0 1-1.45 1.054L12 17.5l-4.672 2.456a1 1 0 0 1-1.451-1.054l.892-5.202-3.78-3.685a1 1 0 0 1 .555-1.706l5.223-.759 2.336-4.733a1 1 0 0 1 1.794 0Z"})})}G.displayName="FavouriteSolidIcon";const o8=r.forwardRef(G);function Q(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M13.905 9.378 12 5.52l-1.905 3.86-4.259.618 3.082 3.004-.727 4.242L12 15.24l3.81 2.003-.728-4.242 3.082-3.004-4.26-.619ZM8.767 7.55l2.336-4.733a1 1 0 0 1 1.794 0l2.336 4.733 5.223.76a1 1 0 0 1 .555 1.705L17.23 13.7l.892 5.202a1 1 0 0 1-1.45 1.054L12 17.5l-4.672 2.456a1 1 0 0 1-1.451-1.054l.892-5.202-3.78-3.685a1 1 0 0 1 .555-1.706l5.223-.759Z"})})}Q.displayName="FavouriteIcon";const c8=r.forwardRef(Q);function _(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M6 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 20V4c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 6 2h7.175a1.975 1.975 0 0 1 1.4.575l4.85 4.85a1.975 1.975 0 0 1 .575 1.4v3.516A5.99 5.99 0 0 0 18 12V9h-4a.968.968 0 0 1-.713-.287A.967.967 0 0 1 13 8V4H6v16h6.341c.264.745.67 1.423 1.187 2H6Z"}),e.jsx("path",{d:"M18 14a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0v-3a1 1 0 0 1 1-1Zm-1 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z"})]})}_.displayName="FileErrorIcon";const r8=r.forwardRef(_);function z(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M6 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 20V4c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 6 2h7.175a1.975 1.975 0 0 1 1.4.575l4.85 4.85a1.975 1.975 0 0 1 .575 1.4V20c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 22H6Zm7-14V4H6v16h12V9h-4a.968.968 0 0 1-.713-.287A.967.967 0 0 1 13 8Z"})})}z.displayName="FilesIcon";const n8=r.forwardRef(z);function W(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M5 7a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2H5Zm3 4a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H8Zm2 5a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1Z"})})}W.displayName="FilterIcon";const a8=r.forwardRef(W);function q(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M14.597 5.708a1.004 1.004 0 0 1 0-1.416.996.996 0 0 1 1.412 0l4.699 4.714c.39.39.39 1.025 0 1.416l-4.7 4.714a.996.996 0 0 1-1.411 0 1.004 1.004 0 0 1 0-1.416l3.043-3.054H8.487C6.599 10.666 5 12.27 5 14.333 5.002 16.396 6.6 18 8.488 18h2.093a1 1 0 1 1 0 2H8.487C5.42 20 3 17.425 3 14.333c0-3.092 2.42-5.666 5.486-5.666h9.059l-2.95-2.959Z"})})}q.displayName="ForwardIcon";const l8=r.forwardRef(q);function $(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M4 11a.967.967 0 0 1-.712-.287A.968.968 0 0 1 3 10V4c0-.283.096-.52.288-.712A.968.968 0 0 1 4 3h6a.97.97 0 0 1 .713.288A.968.968 0 0 1 11 4v6c0 .283-.096.52-.287.713A.968.968 0 0 1 10 11H4Zm5-2V5H5v4h4Zm5 12a.968.968 0 0 1-.713-.288A.968.968 0 0 1 13 20v-6c0-.283.096-.52.287-.713A.968.968 0 0 1 14 13h6a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v6c0 .283-.096.52-.288.712A.968.968 0 0 1 20 21h-6Zm5-2v-4h-4v4h4ZM4 21a.967.967 0 0 1-.712-.288A.968.968 0 0 1 3 20v-6a.97.97 0 0 1 .288-.713A.967.967 0 0 1 4 13h6c.283 0 .52.096.713.287.191.192.287.43.287.713v6a.97.97 0 0 1-.287.712A.968.968 0 0 1 10 21H4Zm5-2v-4H5v4h4Zm5-8a.968.968 0 0 1-.713-.287A.968.968 0 0 1 13 10V4a.97.97 0 0 1 .287-.712A.968.968 0 0 1 14 3h6c.283 0 .52.096.712.288A.965.965 0 0 1 21 4v6a.97.97 0 0 1-.288.713A.968.968 0 0 1 20 11h-6Zm5-2V5h-4v4h4Z"})})}$.displayName="GridIcon";const t8=r.forwardRef($);function J(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 22a9.738 9.738 0 0 0 3.9-.788 10.098 10.098 0 0 0 3.175-2.137c.9-.9 1.613-1.958 2.137-3.175A9.738 9.738 0 0 0 22 12a9.738 9.738 0 0 0-.788-3.9 10.099 10.099 0 0 0-2.137-3.175c-.9-.9-1.958-1.612-3.175-2.137A9.738 9.738 0 0 0 12 2a9.738 9.738 0 0 0-3.9.788 10.099 10.099 0 0 0-3.175 2.137c-.9.9-1.612 1.958-2.137 3.175A9.738 9.738 0 0 0 2 12a9.74 9.74 0 0 0 .788 3.9 10.098 10.098 0 0 0 2.137 3.175c.9.9 1.958 1.613 3.175 2.137A9.738 9.738 0 0 0 12 22Zm0-14a1.5 1.5 0 0 0-1.5 1.5 1 1 0 1 1-2 0 3.5 3.5 0 1 1 6.01 2.439c-.122.126-.24.243-.352.355-.287.288-.54.54-.76.824-.293.375-.398.651-.398.882a1 1 0 1 1-2 0c0-.874.407-1.58.819-2.11.305-.392.688-.775 1-1.085l.257-.26A1.5 1.5 0 0 0 12 8Zm1 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"})})}J.displayName="HelpSolidIcon";const i8=r.forwardRef(J);function X(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M12 8a1.5 1.5 0 0 0-1.5 1.5 1 1 0 1 1-2 0 3.5 3.5 0 1 1 6.01 2.439c-.122.126-.24.243-.352.355-.287.288-.54.54-.76.824-.293.375-.398.651-.398.882a1 1 0 1 1-2 0c0-.874.407-1.58.819-2.11.305-.392.688-.775 1-1.085l.257-.26A1.5 1.5 0 0 0 12 8Zm1 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"}),e.jsx("path",{d:"M8.1 21.212A9.738 9.738 0 0 0 12 22a9.738 9.738 0 0 0 3.9-.788 10.098 10.098 0 0 0 3.175-2.137c.9-.9 1.613-1.958 2.137-3.175A9.738 9.738 0 0 0 22 12a9.738 9.738 0 0 0-.788-3.9 10.099 10.099 0 0 0-2.137-3.175c-.9-.9-1.958-1.612-3.175-2.137A9.738 9.738 0 0 0 12 2a9.738 9.738 0 0 0-3.9.788 10.099 10.099 0 0 0-3.175 2.137c-.9.9-1.612 1.958-2.137 3.175A9.738 9.738 0 0 0 2 12a9.74 9.74 0 0 0 .788 3.9 10.098 10.098 0 0 0 2.137 3.175c.9.9 1.958 1.613 3.175 2.137Zm9.575-3.537C16.125 19.225 14.233 20 12 20c-2.233 0-4.125-.775-5.675-2.325C4.775 16.125 4 14.233 4 12c0-2.233.775-4.125 2.325-5.675C7.875 4.775 9.767 4 12 4c2.233 0 4.125.775 5.675 2.325C19.225 7.875 20 9.767 20 12c0 2.233-.775 4.125-2.325 5.675Z"})]})}X.displayName="HelpIcon";const s8=r.forwardRef(X);function Y(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M18.93 8A8 8 0 1 1 4 12a1 1 0 1 0-2 0c0 5.523 4.477 10 10 10s10-4.477 10-10a9.966 9.966 0 0 0-.832-4A10.002 10.002 0 0 0 12 2a9.985 9.985 0 0 0-8 3.999V4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2H5.755A7.985 7.985 0 0 1 12 4a7.997 7.997 0 0 1 6.93 4Z"}),e.jsx("path",{d:"M13 8a1 1 0 1 0-2 0v4a1 1 0 0 0 .293.707l2.83 2.83a1 1 0 0 0 1.414-1.414L13 11.586V8Z"})]})}Y.displayName="HistoryIcon";const h8=r.forwardRef(Y);function e1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m12.971 3.54 7 3.889A2 2 0 0 1 21 9.177V19a2 2 0 0 1-2 2h-4v-9H9v9H5a2 2 0 0 1-2-2V9.177a2 2 0 0 1 1.029-1.748l7-3.89a2 2 0 0 1 1.942 0Z"})})}e1.displayName="HomeSolidIcon";const d8=r.forwardRef(e1);function o1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{fillRule:"evenodd",d:"M16 11v8h3V9.177l-7-3.889-7 3.889V19h3v-8h8Zm-6 10H5a2 2 0 0 1-2-2V9.177a2 2 0 0 1 1.029-1.748l7-3.89a2 2 0 0 1 1.942 0l7 3.89A2 2 0 0 1 21 9.177V19a2 2 0 0 1-2 2h-5v-8h-4v8Z",clipRule:"evenodd"})})}o1.displayName="HomeIcon";const w8=r.forwardRef(o1);function c1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M16.712 6.713A.968.968 0 0 1 16 7a.968.968 0 0 1-.713-.287A.967.967 0 0 1 15 6c0-.283.096-.52.287-.713A.968.968 0 0 1 16 5a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713Z"}),e.jsx("path",{fillRule:"evenodd",d:"M6 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H6Zm12 2H6v4h12V4ZM6 12v-2h12v2H6Zm0 2v2h12v-2H6Zm0 6v-2h12v2H6Z",clipRule:"evenodd"})]})}c1.displayName="HostIcon";const m8=r.forwardRef(c1);function r1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h7.803a5.958 5.958 0 0 1-.72-2H5v-3.172l4-4 3.585 3.585a6.015 6.015 0 0 1 1.172-1.656l-3.343-3.343a2 2 0 0 0-2.828 0L5 13V5h14v7.083c.718.12 1.393.368 2 .72V5a2 2 0 0 0-2-2H5Z"}),e.jsx("path",{d:"M17 9a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm1 5a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0v-3a1 1 0 0 1 1-1Zm-1 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z"})]})}r1.displayName="ImageErrorIcon";const f8=r.forwardRef(r1);function n1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M17 9a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"}),e.jsx("path",{d:"M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5Zm14 2v14H5v-3.172l4-4L16.172 19H19l-8.586-8.586a2 2 0 0 0-2.828 0L5 13V5h14Z"})]})}n1.displayName="ImageIcon";const v8=r.forwardRef(n1);function a1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M3.288 18.712A.965.965 0 0 0 4 19h16c.283 0 .52-.096.712-.288A.968.968 0 0 0 21 18a.968.968 0 0 0-.288-.712A.968.968 0 0 0 20 17H4a.967.967 0 0 0-.712.288A.968.968 0 0 0 3 18c0 .283.096.52.288.712Zm7.999-3.999c.192.191.43.287.713.287h8a.97.97 0 0 0 .712-.287A.968.968 0 0 0 21 14a.968.968 0 0 0-.288-.713A.968.968 0 0 0 20 13h-8a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 14c0 .283.096.52.287.713Zm0-4c.192.191.43.287.713.287h8a.97.97 0 0 0 .712-.287A.968.968 0 0 0 21 10a.967.967 0 0 0-.288-.713A.968.968 0 0 0 20 9h-8a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 10c0 .283.096.52.287.713Zm0-4c.192.191.43.287.713.287h8a.97.97 0 0 0 .712-.287A.967.967 0 0 0 21 6a.967.967 0 0 0-.288-.713A.968.968 0 0 0 20 5h-8a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 6c0 .283.096.52.287.713ZM6.15 13.15l-2.8-2.8a.48.48 0 0 1 0-.7l2.8-2.8c.167-.167.35-.208.55-.125.2.083.3.242.3.475v5.6c0 .233-.1.392-.3.475-.2.083-.383.042-.55-.125Z"})})}a1.displayName="IndentDecreaseIcon";const x8=r.forwardRef(a1);function l1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M4 19a.967.967 0 0 1-.712-.288A.968.968 0 0 1 3 18c0-.283.096-.52.288-.712A.967.967 0 0 1 4 17h16c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.712A.968.968 0 0 1 20 19H4Zm8-4a.968.968 0 0 1-.713-.287A.968.968 0 0 1 11 14c0-.283.096-.52.287-.713A.968.968 0 0 1 12 13h8a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 20 15h-8Zm0-4a.968.968 0 0 1-.713-.287A.968.968 0 0 1 11 10c0-.283.096-.52.287-.713A.968.968 0 0 1 12 9h8a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 20 11h-8Zm0-4a.968.968 0 0 1-.713-.287A.967.967 0 0 1 11 6c0-.283.096-.52.287-.713A.968.968 0 0 1 12 5h8a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 20 7h-8Zm-8.15 6.15c-.167.167-.35.208-.55.125-.2-.083-.3-.242-.3-.475V7.2c0-.233.1-.392.3-.475.2-.083.383-.042.55.125l2.8 2.8a.48.48 0 0 1 0 .7l-2.8 2.8Z"})})}l1.displayName="IndentIncreaseIcon";const g8=r.forwardRef(l1);function t1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 17a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 16v-4a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 11a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 12v4c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-8c.283 0 .52-.096.713-.287A.967.967 0 0 0 13 8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 12 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 8c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 13a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z"})})}t1.displayName="InfoSolidIcon";const p8=r.forwardRef(t1);function i1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M14.958 5.62a1 1 0 0 0-1.916-.574l-4 13.333a1 1 0 0 0 1.916.575l4-13.333ZM5.974 7.232a1 1 0 0 0-1.409.128l-3.333 4a1 1 0 0 0 0 1.28l3.333 4a1 1 0 1 0 1.537-1.28L3.302 12l2.8-3.36a1 1 0 0 0-.128-1.408Zm12.052 0a1 1 0 0 1 1.409.128l3.333 4a1 1 0 0 1 0 1.28l-3.333 4a1 1 0 1 1-1.537-1.28l2.8-3.36-2.8-3.36a1 1 0 0 1 .128-1.408Z"})})}i1.displayName="InlineCodeIcon";const u8=r.forwardRef(i1);function s1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M6.25 19c-.35 0-.646-.12-.888-.363A1.207 1.207 0 0 1 5 17.75c0-.35.12-.646.362-.887.242-.242.538-.363.888-.363H9l3-9H9.25c-.35 0-.646-.12-.887-.362A1.207 1.207 0 0 1 8 6.25c0-.35.12-.646.363-.888A1.21 1.21 0 0 1 9.25 5h7.5c.35 0 .646.12.887.362.242.242.363.538.363.888s-.12.646-.363.888a1.207 1.207 0 0 1-.887.362H14.5l-3 9h2.25c.35 0 .646.12.887.363.242.241.363.537.363.887s-.12.646-.363.887a1.207 1.207 0 0 1-.887.363h-7.5Z"})})}s1.displayName="ItalicIcon";const A8=r.forwardRef(s1);function h1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M4.917 2.083a1 1 0 0 0-1.414 1.414L6.07 6.064c-1.27.18-2.377.743-3.32 1.686C1.583 8.917 1 10.333 1 12c0 1.667.583 3.083 1.75 4.25C3.917 17.417 5.333 18 7 18a5.863 5.863 0 0 0 3.475-1.1A5.81 5.81 0 0 0 12.65 14H13l1.3 1.3c.1.1.208.17.325.213.117.041.242.062.375.062s.258-.02.375-.062a.782.782 0 0 0 .1-.044l5.028 5.028a1 1 0 0 0 1.414-1.414l-17-17Zm.67 11.33A1.926 1.926 0 0 1 5 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 7 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.413A1.926 1.926 0 0 1 7 14c-.55 0-1.02-.196-1.412-.587Zm14.9 1.423L15.65 10h4.95a1.033 1.033 0 0 1 .725.3l1.025 1.025c.083.083.15.18.2.288.05.108.075.229.075.362a1.067 1.067 0 0 1-.25.7l-1.888 2.16Z"})})}h1.displayName="KeyOffSolidIcon";const I8=r.forwardRef(h1);function d1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M7 14c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 7 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.413A1.926 1.926 0 0 1 7 14Z"}),e.jsx("path",{d:"M4.917 2.083a1 1 0 0 0-1.414 1.414L6.07 6.064c-1.27.18-2.377.743-3.32 1.686C1.583 8.917 1 10.333 1 12c0 1.667.583 3.083 1.75 4.25C3.917 17.417 5.333 18 7 18c1.117 0 2.13-.275 3.037-.825A6.212 6.212 0 0 0 12.2 15h1.175l1.525 1.075c.083.067.18.117.287.15a.945.945 0 0 0 .887-.15l.004-.002 4.425 4.424a1 1 0 0 0 1.414-1.414l-17-17ZM13.006 13h-2.131a4.033 4.033 0 0 1-1.412 2.15c-.709.567-1.53.85-2.463.85-1.1 0-2.042-.392-2.825-1.175C3.392 14.042 3 13.1 3 12s.392-2.042 1.175-2.825C4.958 8.392 5.9 8 7 8c.413 0 .803.055 1.172.166l2.649 2.65c.02.06.037.122.054.184h.13l2 2Zm8.144-1-1.75 1.75 1.426 1.425L23.3 12.7c.1-.1.17-.208.212-.325.042-.117.063-.242.063-.375s-.02-.258-.063-.375a.877.877 0 0 0-.212-.325l-2-2a.999.999 0 0 0-.338-.225A1.034 1.034 0 0 0 20.575 9h-5.924l2 2h3.499l1 1Z"})]})}d1.displayName="KeyOffIcon";const Z8=r.forwardRef(d1);function w1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M10.475 16.9A5.863 5.863 0 0 1 7 18c-1.667 0-3.083-.583-4.25-1.75C1.583 15.083 1 13.667 1 12c0-1.667.583-3.083 1.75-4.25C3.917 6.583 5.333 6 7 6c1.35 0 2.53.383 3.537 1.15 1.009.767 1.713 1.717 2.113 2.85h7.95a1.033 1.033 0 0 1 .725.3l1.025 1.025a.99.99 0 0 1 .2.288c.05.108.075.229.075.362a1.066 1.066 0 0 1-.25.7l-2.25 2.575a.973.973 0 0 1-1.038.313 1.033 1.033 0 0 1-.337-.188L17 14l-1.3 1.3c-.1.1-.208.17-.325.212a1.106 1.106 0 0 1-.375.063c-.133 0-.258-.02-.375-.063a.877.877 0 0 1-.325-.212L13 14h-.35a5.81 5.81 0 0 1-2.175 2.9Zm-4.887-3.487c.391.39.862.587 1.412.587.55 0 1.02-.196 1.412-.588C8.804 13.021 9 12.55 9 12c0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 7 10c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 5 12c0 .55.196 1.02.588 1.412Z"})})}w1.displayName="KeySolidIcon";const C8=r.forwardRef(w1);function m1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M7 14c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 5 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 7 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 7 14Zm0 4c-1.667 0-3.083-.583-4.25-1.75C1.583 15.083 1 13.667 1 12c0-1.667.583-3.083 1.75-4.25C3.917 6.583 5.333 6 7 6c1.117 0 2.13.275 3.037.825A6.212 6.212 0 0 1 12.2 9h8.375a1.033 1.033 0 0 1 .725.3l2 2c.1.1.17.208.212.325.042.117.063.242.063.375s-.02.258-.063.375a.877.877 0 0 1-.212.325l-3.175 3.175a.946.946 0 0 1-.3.2c-.117.05-.233.083-.35.1a.832.832 0 0 1-.35-.025.884.884 0 0 1-.325-.175L17.5 15l-1.425 1.075a.945.945 0 0 1-.887.15.859.859 0 0 1-.288-.15L13.375 15H12.2a6.212 6.212 0 0 1-2.162 2.175C9.128 17.725 8.117 18 7 18Zm0-2c.933 0 1.754-.283 2.463-.85A4.032 4.032 0 0 0 10.875 13H14l1.45 1.025L17.5 12.5l1.775 1.375L21.15 12l-1-1h-9.275a4.032 4.032 0 0 0-1.412-2.15C8.754 8.283 7.933 8 7 8c-1.1 0-2.042.392-2.825 1.175C3.392 9.958 3 10.9 3 12s.392 2.042 1.175 2.825C4.958 15.608 5.9 16 7 16Z"})})}m1.displayName="KeyIcon";const j8=r.forwardRef(m1);function f1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M5.188 8v2h2V8h-2Zm3.875 0v2h2V8h-2Zm3.875 0v2h2V8h-2Zm3.875 0v2h2V8h-2ZM5.188 11.531v2h2v-2h-2Zm3.875 0v2h2v-2h-2Zm3.875 0v2h2v-2h-2Zm3.875 0v2h2v-2h-2ZM9 15a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2H9Z"}),e.jsx("path",{fillRule:"evenodd",d:"M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6Zm2 0h16v12H4V6Z",clipRule:"evenodd"})]})}f1.displayName="KeyboardIcon";const M8=r.forwardRef(f1);function v1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M12 5a1 1 0 0 1-1-1V3a1 1 0 1 1 2 0v1a1 1 0 0 1-1 1Zm-7.071-.071a1 1 0 0 1 1.414 0l.707.707A1 1 0 0 1 5.636 7.05l-.707-.707a1 1 0 0 1 0-1.414Z"}),e.jsx("path",{fillRule:"evenodd",d:"M15.734 15.325C15.316 15.795 15 16.371 15 17v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-2c0-.63-.316-1.205-.734-1.675a5 5 0 1 1 7.468 0Zm-1.493-1.33a3 3 0 1 0-4.482 0c.433.486.894 1.166 1.112 2.005h2.258c.218-.84.679-1.52 1.112-2.005ZM13 18h-2v1h2v-1Z",clipRule:"evenodd"}),e.jsx("path",{d:"M2 12a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1Zm18-1a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2h-1Zm-3.05-5.364a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0-1.414-1.414l-.707.707Z"})]})}v1.displayName="LabsIcon";const V8=r.forwardRef(v1);function x1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 19.071c-.978.978-2.157 1.467-3.536 1.467-1.378 0-2.557-.489-3.535-1.467-.978-.978-1.467-2.157-1.467-3.536 0-1.378.489-2.557 1.467-3.535L7.05 9.879c.2-.2.436-.3.707-.3.271 0 .507.1.707.3.2.2.301.436.301.707 0 .27-.1.506-.3.707l-2.122 2.121a2.893 2.893 0 0 0-.884 2.122c0 .824.295 1.532.884 2.12.59.59 1.296.885 2.121.885s1.533-.295 2.122-.884l2.121-2.121c.2-.2.436-.301.707-.301.271 0 .507.1.707.3.2.2.3.437.3.708 0 .27-.1.506-.3.707L12 19.07Zm-1.414-4.243c-.2.2-.436.3-.707.3a.967.967 0 0 1-.707-.3.969.969 0 0 1-.301-.707c0-.27.1-.507.3-.707l4.243-4.242c.2-.2.436-.301.707-.301.271 0 .507.1.707.3.2.2.3.437.3.708 0 .27-.1.506-.3.707l-4.242 4.242Zm6.364-.707c-.2.2-.436.3-.707.3a.968.968 0 0 1-.707-.3.969.969 0 0 1-.301-.707c0-.27.1-.507.3-.707l2.122-2.121c.59-.59.884-1.297.884-2.122s-.295-1.532-.884-2.12a2.893 2.893 0 0 0-2.121-.885c-.825 0-1.532.295-2.122.884l-2.121 2.121c-.2.2-.436.301-.707.301a.968.968 0 0 1-.707-.3.97.97 0 0 1-.3-.708c0-.27.1-.506.3-.707L12 4.93c.978-.978 2.157-1.467 3.536-1.467 1.378 0 2.557.489 3.535 1.467.978.978 1.467 2.157 1.467 3.535 0 1.38-.489 2.558-1.467 3.536l-2.121 2.121Z"})})}x1.displayName="LinkIcon";const R8=r.forwardRef(x1);function g1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M4.5 7.5a1.45 1.45 0 0 1-1.06-.44A1.444 1.444 0 0 1 3 6c0-.412.147-.766.44-1.06A1.45 1.45 0 0 1 4.5 4.5c.412 0 .766.147 1.06.44.293.294.44.647.44 1.06 0 .412-.147.766-.44 1.06-.294.293-.647.44-1.06.44Zm4.787 11.212c.192.192.43.288.713.288h10c.283 0 .52-.096.712-.288A.968.968 0 0 0 21 18a.968.968 0 0 0-.288-.712A.968.968 0 0 0 20 17H10a.967.967 0 0 0-.713.288A.968.968 0 0 0 9 18c0 .283.096.52.287.712Zm0-5.999c.192.191.43.287.713.287h10a.97.97 0 0 0 .712-.287A.968.968 0 0 0 21 12a.968.968 0 0 0-.288-.713A.968.968 0 0 0 20 11H10a.967.967 0 0 0-.713.287A.968.968 0 0 0 9 12c0 .283.096.52.287.713Zm0-6c.192.191.43.287.713.287h10a.97.97 0 0 0 .712-.287A.967.967 0 0 0 21 6a.967.967 0 0 0-.288-.713A.968.968 0 0 0 20 5H10a.968.968 0 0 0-.713.287A.968.968 0 0 0 9 6c0 .283.096.52.287.713ZM3.44 19.06c.294.293.648.44 1.06.44a1.45 1.45 0 0 0 1.06-.44c.293-.294.44-.647.44-1.06 0-.413-.147-.766-.44-1.06a1.445 1.445 0 0 0-1.06-.44 1.45 1.45 0 0 0-1.06.44c-.293.294-.44.647-.44 1.06 0 .413.147.766.44 1.06ZM4.5 13.5a1.45 1.45 0 0 1-1.06-.44A1.445 1.445 0 0 1 3 12c0-.412.147-.766.44-1.06a1.45 1.45 0 0 1 1.06-.44c.412 0 .766.147 1.06.44.293.294.44.648.44 1.06 0 .412-.147.766-.44 1.06-.294.293-.647.44-1.06.44Z"})})}g1.displayName="ListBulletedIcon";const H8=r.forwardRef(g1);function p1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M9 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H10a1 1 0 0 1-1-1Zm0 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H10a1 1 0 0 1-1-1Zm0 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H10a1 1 0 0 1-1-1ZM5.604 5.089A.75.75 0 0 1 6 5.75v4.5a.75.75 0 0 1-1.5 0V7.151l-.334.223a.75.75 0 0 1-.832-1.248l1.5-1a.75.75 0 0 1 .77-.037ZM5 13a2.02 2.02 0 0 0-1.139.321 1.846 1.846 0 0 0-.626.719 2.286 2.286 0 0 0-.234.921v.023l-.001.01v.005l.75.001H3a.75.75 0 0 0 1.5.01V15a.789.789 0 0 1 .077-.29.35.35 0 0 1 .116-.14c.04-.027.126-.07.307-.07s.267.043.307.07a.35.35 0 0 1 .116.14.788.788 0 0 1 .076.29v.008a.532.532 0 0 1-.14.352l-2.161 2.351a.748.748 0 0 0-.198.523v.016c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5h-.82l1.034-1.124C6.809 16 7 15.51 7 15h-.75H7v-.039l-.004-.068a2.285 2.285 0 0 0-.231-.853 1.846 1.846 0 0 0-.626-.719A2.02 2.02 0 0 0 5 13Zm-.5 2.003V15v.01-.008Z"})})}p1.displayName="ListNumberedIcon";const L8=r.forwardRef(p1);function u1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M11 21.95v-1c-2.083-.233-3.87-1.096-5.362-2.587C4.146 16.87 3.283 15.083 3.05 13h-1a.967.967 0 0 1-.712-.287A.967.967 0 0 1 1.05 12a.97.97 0 0 1 .288-.713A.968.968 0 0 1 2.05 11h1c.233-2.083 1.096-3.87 2.588-5.362C7.129 4.146 8.917 3.283 11 3.05v-1a.97.97 0 0 1 .287-.712A.968.968 0 0 1 12 1.05a.97.97 0 0 1 .713.288.968.968 0 0 1 .287.712v1c2.083.233 3.87 1.096 5.363 2.588C19.854 7.129 20.716 8.917 20.95 11h1c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713a.967.967 0 0 1-.713.287h-1c-.233 2.083-1.096 3.87-2.587 5.363-1.492 1.491-3.28 2.354-5.363 2.587v1c0 .283-.096.52-.287.713a.967.967 0 0 1-.713.287.968.968 0 0 1-.713-.287.968.968 0 0 1-.287-.713ZM12 19c1.933 0 3.583-.683 4.95-2.05C18.317 15.583 19 13.933 19 12c0-1.933-.683-3.583-2.05-4.95C15.583 5.683 13.933 5 12 5c-1.933 0-3.583.683-4.95 2.05C5.683 8.417 5 10.067 5 12c0 1.933.683 3.583 2.05 4.95C8.417 18.317 10.067 19 12 19Zm0-3c-1.1 0-2.042-.392-2.825-1.175C8.392 14.042 8 13.1 8 12s.392-2.042 1.175-2.825C9.958 8.392 10.9 8 12 8s2.042.392 2.825 1.175C15.608 9.958 16 10.9 16 12s-.392 2.042-1.175 2.825C14.042 15.608 13.1 16 12 16Z"})})}u1.displayName="LocationNavigatorCentredIcon";const S8=r.forwardRef(u1);function A1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M11 22v-1c-2.083-.233-3.87-1.096-5.362-2.587-1.492-1.492-2.355-3.28-2.588-5.363h-1a.967.967 0 0 1-.712-.287.968.968 0 0 1-.288-.713c0-.283.096-.52.288-.712a.967.967 0 0 1 .712-.288h1c.233-2.083 1.096-3.87 2.588-5.362C7.129 4.196 8.917 3.333 11 3.1v-1a.97.97 0 0 1 .287-.712A.968.968 0 0 1 12 1.1a.97.97 0 0 1 .713.288A.968.968 0 0 1 13 2.1v1c2.083.233 3.87 1.096 5.363 2.588 1.491 1.491 2.354 3.279 2.587 5.362h1a.97.97 0 0 1 .713.288c.191.191.287.429.287.712s-.096.52-.287.713a.967.967 0 0 1-.713.287h-1c-.233 2.083-1.096 3.87-2.587 5.363C16.87 19.904 15.083 20.767 13 21v1c0 .283-.096.52-.287.713A.967.967 0 0 1 12 23a.968.968 0 0 1-.713-.287A.968.968 0 0 1 11 22Zm1-2.95c1.933 0 3.583-.683 4.95-2.05 1.367-1.367 2.05-3.017 2.05-4.95 0-1.933-.683-3.583-2.05-4.95-1.367-1.367-3.017-2.05-4.95-2.05-1.933 0-3.583.683-4.95 2.05C5.683 8.467 5 10.117 5 12.05c0 1.933.683 3.583 2.05 4.95 1.367 1.367 3.017 2.05 4.95 2.05Z"})})}A1.displayName="LocationNavigatorIcon";const y8=r.forwardRef(A1);function I1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 21.325a2.07 2.07 0 0 1-.7-.125 1.84 1.84 0 0 1-.625-.375A39.112 39.112 0 0 1 7.8 17.9c-.833-.95-1.53-1.87-2.087-2.762-.559-.892-.984-1.75-1.276-2.575C4.146 11.738 4 10.95 4 10.2c0-2.5.804-4.492 2.412-5.975C8.021 2.742 9.883 2 12 2s3.98.742 5.587 2.225C19.197 5.708 20 7.7 20 10.2c0 .75-.146 1.538-.438 2.363-.291.824-.716 1.683-1.274 2.574A21.678 21.678 0 0 1 16.2 17.9a39.112 39.112 0 0 1-2.875 2.925 1.84 1.84 0 0 1-.625.375 2.07 2.07 0 0 1-.7.125ZM12 12c.55 0 1.02-.196 1.412-.588.392-.391.588-.862.588-1.412 0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 12 8c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 10 10c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Z"})})}I1.displayName="LocationPinSolidIcon";const N8=r.forwardRef(I1);function Z1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 19.35c2.033-1.867 3.542-3.563 4.525-5.088C17.508 12.738 18 11.383 18 10.2c0-1.817-.58-3.304-1.738-4.462C15.104 4.579 13.683 4 12 4c-1.683 0-3.104.58-4.263 1.737C6.58 6.896 6 8.383 6 10.2c0 1.183.492 2.538 1.475 4.063.983 1.524 2.492 3.22 4.525 5.087Zm0 1.975a2.07 2.07 0 0 1-.7-.125 1.84 1.84 0 0 1-.625-.375A39.112 39.112 0 0 1 7.8 17.9c-.833-.95-1.53-1.87-2.087-2.762-.559-.892-.984-1.75-1.276-2.575C4.146 11.738 4 10.95 4 10.2c0-2.5.804-4.492 2.412-5.975C8.021 2.742 9.883 2 12 2s3.98.742 5.587 2.225C19.197 5.708 20 7.7 20 10.2c0 .75-.146 1.538-.438 2.363-.291.824-.716 1.683-1.274 2.574A21.678 21.678 0 0 1 16.2 17.9a39.112 39.112 0 0 1-2.875 2.925 1.84 1.84 0 0 1-.625.375 2.07 2.07 0 0 1-.7.125ZM12 12c.55 0 1.02-.196 1.412-.588.392-.391.588-.862.588-1.412 0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 12 8c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 10 10c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Z"})})}Z1.displayName="LocationPinIcon";const B8=r.forwardRef(Z1);function C1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M6 22c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 4 20V10c0-.55.196-1.02.587-1.412.212-.212.446-.366.703-.463L1.333 4.167a1 1 0 0 1 1.414-1.414L7 7.006v-.012l13 13v.012l1.247 1.247a1 1 0 0 1-1.414 1.414l-.896-.896A1.935 1.935 0 0 1 18 22H6Zm14-4.834V10c0-.55-.196-1.02-.587-1.412A1.926 1.926 0 0 0 18 8h-1V6c0-1.383-.488-2.563-1.463-3.538C14.563 1.487 13.383 1 12 1s-2.563.488-3.538 1.462A4.876 4.876 0 0 0 7.243 4.41L9 6.166V6c0-.833.292-1.542.875-2.125A2.893 2.893 0 0 1 12 3c.833 0 1.542.292 2.125.875S15 5.167 15 6v2h-4.166L20 17.166Z"})})}C1.displayName="LockOffIcon";const O8=r.forwardRef(C1);function j1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M6 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 20V10c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 6 8h1V6c0-1.383.487-2.563 1.463-3.538C9.438 1.487 10.617 1 12 1s2.563.488 3.537 1.462C16.512 3.438 17 4.617 17 6v2h1c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v10c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 22H6ZM9 8h6V6c0-.833-.292-1.542-.875-2.125A2.893 2.893 0 0 0 12 3c-.833 0-1.542.292-2.125.875A2.893 2.893 0 0 0 9 6v2Z"})})}j1.displayName="LockSolidIcon";const k8=r.forwardRef(j1);function M1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M6 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 20V10c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 6 8h1V6c0-1.383.487-2.563 1.463-3.538C9.438 1.487 10.617 1 12 1s2.563.488 3.537 1.462C16.512 3.438 17 4.617 17 6v2h1c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v10c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 22H6Zm0-2h12V10H6v10ZM9 8h6V6c0-.833-.292-1.542-.875-2.125A2.893 2.893 0 0 0 12 3c-.833 0-1.542.292-2.125.875A2.893 2.893 0 0 0 9 6v2Z"})})}M1.displayName="LockIcon";const P8=r.forwardRef(M1);function V1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M21.324 9.13c0-.66-.339-1.237-.862-1.558l-7.37-4.318a1.812 1.812 0 0 0-1.851 0L3.87 7.572C3.348 7.892 3 8.47 3 9.13v9.167c0 1.008.825 1.833 1.833 1.833H19.5a1.839 1.839 0 0 0 1.833-1.833l-.009-9.167Zm-10.129 3.978-6.6-4.124 6.646-3.896a1.812 1.812 0 0 1 1.851 0l6.646 3.896-6.6 4.124a1.854 1.854 0 0 1-1.943 0Z"})})}V1.displayName="MarkAsReadIcon";const U8=r.forwardRef(V1);function R1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M20 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"}),e.jsx("path",{fillRule:"evenodd",d:"M17 5H5a2 2 0 0 0-2 2v10.4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7.83a2.995 2.995 0 0 1-2 0 3.056 3.056 0 0 1-.595-.288L12 11.89 5 7.138V7h12.764A2.99 2.99 0 0 1 17 5Zm-4.438 8.927L19 9.555V17.4H5V9.555l6.438 4.372a1 1 0 0 0 1.124 0Z",clipRule:"evenodd"})]})}R1.displayName="MarkAsUnreadIcon";const E8=r.forwardRef(R1);function H1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M14.707 10.707a1 1 0 0 0-1.414-1.414L10 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4Z"}),e.jsx("path",{d:"M22.4 12.625c.067-.2.1-.408.1-.625 0-.217-.033-.425-.1-.625a2.112 2.112 0 0 0-.3-.575l-4.5-6A1.986 1.986 0 0 0 16 4H4c-.55 0-1.02.196-1.413.588A1.926 1.926 0 0 0 2 6v12c0 .55.196 1.02.587 1.413.393.39.863.587 1.413.587h12a1.985 1.985 0 0 0 1.6-.8l4.5-6c.133-.183.233-.375.3-.575ZM16 6l4.5 6-4.5 6H4V6h12Z"})]})}H1.displayName="MarkerReadReceiptsIcon";const b8=r.forwardRef(H1);function L1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8Zm3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z"})})}L1.displayName="MentionIcon";const D8=r.forwardRef(L1);function S1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M4 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Zm0 4a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Zm1 3a1 1 0 1 0 0 2h14a1 1 0 1 0 0-2H5Z"})})}S1.displayName="MenuIcon";const F8=r.forwardRef(S1);function y1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M8 8v-.006l6.831 6.832-.002.002 1.414 1.415.003-.003 1.414 1.414-.003.003L20.5 20.5a1 1 0 0 1-1.414 1.414l-3.022-3.022A7.949 7.949 0 0 1 13 19.938V21a1 1 0 0 1-2 0v-1.062A8.001 8.001 0 0 1 4 12a1 1 0 1 1 2 0 6 6 0 0 0 8.587 5.415l-1.55-1.55A4.005 4.005 0 0 1 8 12v-1.172L2.086 4.914A1 1 0 0 1 3.5 3.5L8 8Zm9.417 6.583 1.478 1.477A7.963 7.963 0 0 0 20 12a1 1 0 0 0-2 0c0 .925-.21 1.8-.583 2.583ZM8.073 5.238l7.793 7.793c.087-.329.134-.674.134-1.031V6a4 4 0 0 0-7.927-.762Z"})})}y1.displayName="MicOffSolidIcon";const T8=r.forwardRef(y1);function N1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{fillRule:"evenodd",d:"M8 8v-.006l2 2V10l3.414 3.414.003-.003 1.414 1.415-.002.002 1.414 1.415.003-.003 1.414 1.414-.003.003L20.5 20.5a1 1 0 0 1-1.414 1.414l-3.022-3.022A7.947 7.947 0 0 1 13 19.938V21a1 1 0 1 1-2 0v-1.062A8.001 8.001 0 0 1 4 12a1 1 0 1 1 2 0 6 6 0 0 0 8.587 5.415l-1.55-1.55A4.005 4.005 0 0 1 8 12v-1.172L2.086 4.914A1 1 0 0 1 3.5 3.5L8 8Z",clipRule:"evenodd"}),e.jsx("path",{d:"M14 6v5.166l1.866 1.866c.087-.33.134-.675.134-1.032V6a4 4 0 0 0-7.928-.762L10 7.166V6a2 2 0 1 1 4 0Zm3.417 8.583 1.477 1.477A7.963 7.963 0 0 0 20 12a1 1 0 1 0-2 0c0 .925-.21 1.8-.583 2.583Z"})]})}N1.displayName="MicOffIcon";const K8=r.forwardRef(N1);function B1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M8 6a4 4 0 1 1 8 0v6a4 4 0 0 1-8 0V6Z"}),e.jsx("path",{d:"M5 11a1 1 0 0 1 1 1 6 6 0 0 0 12 0 1 1 0 1 1 2 0 8.001 8.001 0 0 1-7 7.938V21a1 1 0 1 1-2 0v-1.062A8.001 8.001 0 0 1 4 12a1 1 0 0 1 1-1Z"})]})}B1.displayName="MicOnSolidIcon";const G8=r.forwardRef(B1);function O1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M6 12a1 1 0 1 0-2 0 8.001 8.001 0 0 0 7 7.938V21a1 1 0 1 0 2 0v-1.062A8.001 8.001 0 0 0 20 12a1 1 0 1 0-2 0 6 6 0 0 1-12 0Z"}),e.jsx("path",{fillRule:"evenodd",d:"M14 12V6a2 2 0 1 0-4 0v6a2 2 0 1 0 4 0ZM12 2a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0V6a4 4 0 0 0-4-4Z",clipRule:"evenodd"})]})}O1.displayName="MicOnIcon";const Q8=r.forwardRef(O1);function k1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M6 13a.967.967 0 0 1-.713-.287A.968.968 0 0 1 5 12c0-.283.096-.52.287-.713A.967.967 0 0 1 6 11h12a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 18 13H6Z"})})}k1.displayName="MinusIcon";const _8=r.forwardRef(k1);function P1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M7 23c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 21V3c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 7 1h10c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v18c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17 23H7Zm0-5h10V6H7v12Z"})})}P1.displayName="MobileIcon";const z8=r.forwardRef(P1);function U1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"m4.917 2.083 17 17a1 1 0 0 1-1.414 1.414L19.006 19H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-2.034 1.096-3.91L3.503 3.498a1 1 0 0 1 1.414-1.414ZM19 13.35 9.136 3.484C9.93 3.181 10.874 3 12 3c7 0 7 7 7 7v3.35Z"}),e.jsx("path",{d:"M10 20h4a2 2 0 0 1-4 0Z"})]})}U1.displayName="NotificationsOffSolidIcon";const W8=r.forwardRef(U1);function E1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"m4.917 2.083 17 17a1 1 0 0 1-1.414 1.414L19.006 19H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-2.034 1.096-3.91L3.503 3.498a1 1 0 0 1 1.414-1.414ZM17.006 17 7.579 7.573a6.731 6.731 0 0 0-.497 1.662 6.596 6.596 0 0 0-.081.753L7 10.011v6.817L6.828 17h10.178ZM17 11.35V9.987l-.009-.146a6.591 6.591 0 0 0-.073-.607 6.608 6.608 0 0 0-.582-1.84c-.319-.638-.766-1.215-1.398-1.637C14.318 5.344 13.4 5 12 5c-.466 0-.879.038-1.245.104L9.136 3.485C9.93 3.181 10.874 3 12 3c7 0 7 7 7 7v3.35l-2-2Z"}),e.jsx("path",{d:"M10 20h4a2 2 0 0 1-4 0Z"})]})}E1.displayName="NotificationsOffIcon";const q8=r.forwardRef(E1);function b1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6l1.293 1.293ZM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2Z"})})}b1.displayName="NotificationsSolidIcon";const $8=r.forwardRef(b1);function D1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M3.5 3.5a1 1 0 1 0-1.414 1.414l4.113 4.114a5.484 5.484 0 0 0-.184 1.069A5.002 5.002 0 0 0 7 20h10.172l1.914 1.914A1 1 0 0 0 20.5 20.5l-.979-.979.004-.002L7.145 7.14l-.002.004L3.5 3.5Zm18.5 12a4.48 4.48 0 0 1-.928 2.738L8.637 5.803A5.474 5.474 0 0 1 11.5 5a5.49 5.49 0 0 1 4.25 2.008 4 4 0 0 1 4.187 4.708A4.497 4.497 0 0 1 22 15.5Z"})})}D1.displayName="OfflineIcon";const J8=r.forwardRef(D1);function F1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M6 14c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 4 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 6 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 6 14Zm6 0c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 10 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 12 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 12 14Zm6 0c-.55 0-1.02-.196-1.413-.588A1.926 1.926 0 0 1 16 12c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 18 10c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.926 1.926 0 0 1 18 14Z"})})}F1.displayName="OverflowHorizontalIcon";const X8=r.forwardRef(F1);function T1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 20c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 10 18c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 12 16c.55 0 1.02.196 1.412.587.392.392.588.863.588 1.413s-.196 1.02-.588 1.413A1.926 1.926 0 0 1 12 20Zm0-6c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 10 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 12 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 12 14Zm0-6c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 10 6c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 12 4c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 12 8Z"})})}T1.displayName="OverflowVerticalIcon";const Y8=r.forwardRef(T1);function K1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M8 4a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V6a2 2 0 0 0-2-2Zm8 0a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V6a2 2 0 0 0-2-2Z"})})}K1.displayName="PauseSolidIcon";const e7=r.forwardRef(K1);function G1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M5 6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6Zm2 0v12h2V6H7Zm6 0a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2V6Zm2 0v12h2V6h-2Z"})})}G1.displayName="PauseIcon";const o7=r.forwardRef(G1);function Q1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M5.769 2.857A.5.5 0 0 1 6.119 2h11.762a.5.5 0 0 1 .35.857L16.15 4.9a.5.5 0 0 0-.15.357v4.487a.5.5 0 0 0 .15.356l3.7 3.644a.5.5 0 0 1 .15.356v1.4a.5.5 0 0 1-.5.5H13v6a1 1 0 1 1-2 0v-6H4.5a.5.5 0 0 1-.5-.5v-1.4a.5.5 0 0 1 .15-.356l3.7-3.644A.5.5 0 0 0 8 9.744V5.257a.5.5 0 0 0-.15-.357L5.77 2.857Z"})})}Q1.displayName="PinSolidIcon";const c7=r.forwardRef(Q1);function _1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{fillRule:"evenodd",d:"M6.119 2a.5.5 0 0 0-.35.857L7.85 4.9a.5.5 0 0 1 .15.357v4.487a.5.5 0 0 1-.15.356l-3.7 3.644A.5.5 0 0 0 4 14.1v1.4a.5.5 0 0 0 .5.5H11v6a1 1 0 1 0 2 0v-6h6.5a.5.5 0 0 0 .5-.5v-1.4a.5.5 0 0 0-.15-.356l-3.7-3.644a.5.5 0 0 1-.15-.356V5.257a.5.5 0 0 1 .15-.357l2.081-2.043a.5.5 0 0 0-.35-.857H6.119ZM10 4h4v5.744a2.5 2.5 0 0 0 .746 1.781L17.26 14H6.74l2.514-2.475A2.5 2.5 0 0 0 10 9.744V4Z",clipRule:"evenodd"})})}_1.displayName="PinIcon";const r7=r.forwardRef(_1);function z1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m8.98 4.677 9.921 5.58c1.36.764 1.36 2.722 0 3.486l-9.92 5.58C7.647 20.073 6 19.11 6 17.58V6.42c0-1.53 1.647-2.493 2.98-1.743Z"})})}z1.displayName="PlaySolidIcon";const n7=r.forwardRef(z1);function W1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M17.92 12 8 17.58V6.42L17.92 12Zm.981-1.743-9.92-5.58C7.647 3.927 6 4.89 6 6.42v11.16c0 1.53 1.647 2.493 2.98 1.743l9.921-5.58c1.36-.764 1.36-2.722 0-3.486Z"})})}W1.displayName="PlayIcon";const a7=r.forwardRef(W1);function q1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M11 13H6a.967.967 0 0 1-.713-.287A.968.968 0 0 1 5 12c0-.283.096-.52.287-.713A.967.967 0 0 1 6 11h5V6c0-.283.096-.52.287-.713A.968.968 0 0 1 12 5c.283 0 .52.096.713.287.191.192.287.43.287.713v5h5a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 18 13h-5v5a.97.97 0 0 1-.287.712A.968.968 0 0 1 12 19a.968.968 0 0 1-.713-.288A.968.968 0 0 1 11 18v-5Z"})})}q1.displayName="PlusIcon";const l7=r.forwardRef(q1);function $1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M21 10.659V19c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h8.341A5.99 5.99 0 0 0 13 5H5v14h14v-8a5.99 5.99 0 0 0 2-.341Z"}),e.jsx("path",{d:"M13.803 8a6.03 6.03 0 0 0 1.88 2H13a.968.968 0 0 1-.713-.287A.967.967 0 0 1 12 9c0-.283.096-.52.287-.713A.968.968 0 0 1 13 8h.803Zm2.909 7.713A.968.968 0 0 1 16 16h-3a.968.968 0 0 1-.713-.287A.968.968 0 0 1 12 15c0-.283.096-.52.287-.713A.968.968 0 0 1 13 14h3a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713Zm-6.3-5.301A1.926 1.926 0 0 1 9 11c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 7 9c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 9 7c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412Zm0 6.001A1.926 1.926 0 0 1 9 17c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 7 15c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 9 13c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.413Zm12.295-14.12a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L18 5.586l3.293-3.293a1 1 0 0 1 1.414 0Z"})]})}$1.displayName="PollsEndIcon";const t7=r.forwardRef($1);function J1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M16 10a.97.97 0 0 0 .712-.287A.967.967 0 0 0 17 9a.967.967 0 0 0-.288-.713A.968.968 0 0 0 16 8h-3a.968.968 0 0 0-.713.287A.967.967 0 0 0 12 9c0 .283.096.52.287.713.192.191.43.287.713.287h3Zm0 6a.97.97 0 0 0 .712-.287A.968.968 0 0 0 17 15a.968.968 0 0 0-.288-.713A.968.968 0 0 0 16 14h-3a.968.968 0 0 0-.713.287A.968.968 0 0 0 12 15c0 .283.096.52.287.713.192.191.43.287.713.287h3Zm-7-5c.55 0 1.02-.196 1.412-.588C10.804 10.021 11 9.55 11 9c0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 9 7c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 7 9c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Zm0 6c.55 0 1.02-.196 1.412-.587.392-.392.588-.863.588-1.413s-.196-1.02-.588-1.412A1.926 1.926 0 0 0 9 13c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 7 15c0 .55.196 1.02.588 1.413.391.391.862.587 1.412.587Zm-4 4c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h14c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v14c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5Zm0-2h14V5H5v14Z"})})}J1.displayName="PollsIcon";const i7=r.forwardRef(J1);function X1(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M5 3h6a1 1 0 1 1 0 2H5v14h14v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z"}),e.jsx("path",{d:"M15 3h5a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V6.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L17.586 5H15a1 1 0 1 1 0-2Z"})]})}X1.displayName="PopOutIcon";const s7=r.forwardRef(X1);function Y1(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{fillRule:"evenodd",d:"M6.5 2h11a4.5 4.5 0 1 1 0 9h-11a4.5 4.5 0 0 1 0-9Zm0 2h7.258A4.479 4.479 0 0 0 13 6.5c0 .925.28 1.785.758 2.5H6.5a2.5 2.5 0 0 1 0-5ZM15 6.5a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0Zm-13 11A4.5 4.5 0 0 1 6.5 13h11a4.5 4.5 0 1 1 0 9h-11A4.5 4.5 0 0 1 2 17.5Zm8.242-2.5H17.5a2.5 2.5 0 0 1 0 5h-7.258A4.478 4.478 0 0 0 11 17.5c0-.925-.28-1.785-.758-2.5ZM6.5 15a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Z",clipRule:"evenodd"})})}Y1.displayName="PreferencesIcon";const h7=r.forwardRef(Y1);function e0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Zm-1-2.05V18c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 9 16v-1l-4.8-4.8c-.05.3-.096.6-.138.9-.041.3-.062.6-.062.9 0 2.017.662 3.783 1.987 5.3 1.325 1.517 2.996 2.4 5.013 2.65Zm6.9-2.55c.333-.367.633-.762.9-1.188a7.45 7.45 0 0 0 .662-1.325c.175-.458.309-.929.4-1.412.092-.483.138-.975.138-1.475a7.845 7.845 0 0 0-1.363-4.475A7.701 7.701 0 0 0 15 4.6V5c0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 13 7h-2v2c0 .283-.096.52-.287.713A.968.968 0 0 1 10 10H8v2h6c.283 0 .52.096.713.287.191.192.287.43.287.713v3h1c.433 0 .825.13 1.175.387.35.259.592.596.725 1.013Z"})})}e0.displayName="PublicIcon";const d7=r.forwardRef(e0);function o0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{fillRule:"evenodd",d:"M3 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4Zm2 5V5h4v4H5Zm-2 5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6Zm2 5v-4h4v4H5Zm9-16a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1h-6Zm1 2v4h4V5h-4Z",clipRule:"evenodd"}),e.jsx("path",{d:"M15 16v-3h-2v3h2Z"}),e.jsx("path",{d:"M17 16h-2v2h-2v3h2v-3h2v2h4v-2h-2v-5h-2v3Z"})]})}o0.displayName="QrCodeIcon";const w7=r.forwardRef(o0);function c0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M4.719 4.34c.094-.642-.366-1.236-1.028-1.328-.663-.092-1.276.354-1.371.996l-.808 5.478c-.094.642.366 1.237 1.028 1.328.663.092 1.276-.354 1.371-.996l.808-5.478Zm12.115 10.174c.095-.642-.366-1.237-1.028-1.328-.662-.092-1.276.354-1.37.996l-.809 5.478c-.094.642.366 1.236 1.028 1.328.663.092 1.277-.354 1.371-.996l.808-5.478ZM9.318 3.009c.665.077 1.138.662 1.058 1.306l-.022.175a220.467 220.467 0 0 1-.266 2.006c-.161 1.171-.368 2.579-.535 3.386-.13.636-.769 1.049-1.425.921-.656-.127-1.082-.745-.95-1.381.148-.72.345-2.052.509-3.237a190.652 190.652 0 0 0 .262-1.981l.021-.17c.08-.644.684-1.103 1.348-1.025Zm13.17 11.505c.094-.642-.366-1.237-1.028-1.328-.663-.092-1.276.354-1.371.996l-.808 5.478c-.094.642.366 1.236 1.028 1.328.663.092 1.276-.354 1.371-.996l.808-5.478Z"})})}c0.displayName="QuoteIcon";const m7=r.forwardRef(c0);function r0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M14.74 2.38C13.87 2.133 12.95 2 12 2 6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10c0-.95-.133-1.87-.38-2.74a4.969 4.969 0 0 1-1.886.687 8 8 0 1 1-5.68-5.68c.1-.684.339-1.323.687-1.887Z"}),e.jsx("path",{d:"M15.536 14.121a1 1 0 0 1 0 1.415A4.987 4.987 0 0 1 12 17c-1.38 0-2.632-.56-3.535-1.464a1 1 0 1 1 1.414-1.415A2.988 2.988 0 0 0 12 15c.829 0 1.577-.335 2.121-.879a1 1 0 0 1 1.415 0ZM8.5 12a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm8.5-1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM18 6h-1a.968.968 0 0 1-.712-.287A.967.967 0 0 1 16 5a.97.97 0 0 1 .288-.713A.968.968 0 0 1 17 4h1V3c0-.283.096-.52.288-.712A.968.968 0 0 1 19 2c.283 0 .52.096.712.288A.965.965 0 0 1 20 3v1h1a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 21 6h-1v1a.97.97 0 0 1-.288.713A.968.968 0 0 1 19 8a.968.968 0 0 1-.712-.287A.967.967 0 0 1 18 7V6Z"})]})}r0.displayName="ReactionAddIcon";const f7=r.forwardRef(r0);function n0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M15.536 15.536a1 1 0 0 0-1.415-1.415 2.987 2.987 0 0 1-2.12.879 2.988 2.988 0 0 1-2.122-.879 1 1 0 1 0-1.414 1.415A4.987 4.987 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464ZM10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"}),e.jsx("path",{d:"M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z"})]})}n0.displayName="ReactionIcon";const v7=r.forwardRef(n0);function a0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M9.405 5.708c.39-.391.39-1.025 0-1.416a.996.996 0 0 0-1.412 0L3.294 9.006a1.004 1.004 0 0 0 0 1.416l4.699 4.714a.996.996 0 0 0 1.412 0c.39-.39.39-1.025 0-1.416L6.36 10.666h9.154c1.887 0 3.485 1.604 3.485 3.667C19 16.396 17.402 18 15.515 18h-2.093a1 1 0 1 0 0 2h2.093C18.58 20 21 17.425 21 14.333c0-3.092-2.419-5.666-5.485-5.666H6.456l2.949-2.959Z"})})}a0.displayName="ReplyIcon";const x7=r.forwardRef(a0);function l0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M18.93 8A8 8 0 1 1 4 12a1 1 0 1 0-2 0c0 5.523 4.477 10 10 10s10-4.477 10-10a9.966 9.966 0 0 0-.832-4A10.002 10.002 0 0 0 12 2a9.985 9.985 0 0 0-8 3.999V4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2H5.755A7.985 7.985 0 0 1 12 4a7.997 7.997 0 0 1 6.93 4Z"})})}l0.displayName="RestartIcon";const g7=r.forwardRef(l0);function t0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m8.566 17-.944 4.094a1.16 1.16 0 0 1-.372.656c-.19.167-.42.25-.687.25-.362 0-.658-.156-.887-.469a1.176 1.176 0 0 1-.2-1.031l.801-3.5H3.158c-.381 0-.687-.162-.916-.484a1.269 1.269 0 0 1-.2-1.078 1.12 1.12 0 0 1 1.116-.938H6.85l1.145-5h-3.12c-.38 0-.686-.161-.915-.484a1.269 1.269 0 0 1-.2-1.079A1.12 1.12 0 0 1 4.875 7h3.691l.945-4.094c.057-.27.18-.49.372-.656.19-.167.42-.25.686-.25.363 0 .658.156.887.469.23.312.296.656.2 1.031l-.8 3.5h4.578l.944-4.094c.057-.27.181-.49.372-.656.19-.167.42-.25.687-.25.362 0 .658.156.887.469.229.312.295.656.2 1.031L17.723 7h3.119c.382 0 .687.161.916.484.229.323.295.683.2 1.079a1.119 1.119 0 0 1-1.116.937H17.15l-1.145 5h3.12c.38 0 .686.162.915.484.229.323.295.683.2 1.079a1.119 1.119 0 0 1-1.116.937h-3.691l-.944 4.094c-.058.27-.182.49-.373.656-.19.167-.42.25-.686.25-.363 0-.658-.156-.887-.469a1.176 1.176 0 0 1-.2-1.031l.8-3.5H8.567Zm.573-2.5h4.578l1.144-5h-4.578l-1.144 5Z"})})}t0.displayName="RoomIcon";const p7=r.forwardRef(t0);function i0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m21.211 12.895-16.14 8.07c-.785.392-1.658-.342-1.406-1.182L5.7 13h6.55a1 1 0 1 0 0-2H5.7L3.665 4.217c-.252-.84.621-1.574 1.405-1.182l16.141 8.07a1 1 0 0 1 0 1.79Z"})})}i0.displayName="SendSolidIcon";const u7=r.forwardRef(i0);function s0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{fillRule:"evenodd",d:"m5.07 20.965 16.141-8.07a1 1 0 0 0 0-1.79l-16.14-8.07c-.785-.392-1.658.343-1.406 1.182l2.249 7.496a1 1 0 0 1 0 .575l-2.249 7.495c-.252.84.621 1.574 1.405 1.182ZM6.246 5.86 18.528 12 6.246 18.141l1.542-5.14h4.462a1 1 0 1 0 0-2H7.788L6.246 5.858Z",clipRule:"evenodd"})})}s0.displayName="SendIcon";const A7=r.forwardRef(s0);function h0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12.731 2C13.432 2 14 2.568 14 3.269c0 .578.396 1.074.935 1.286.085.034.17.07.253.106.531.23 1.162.16 1.572-.25a1.269 1.269 0 0 1 1.794 0l1.034 1.035a1.269 1.269 0 0 1 0 1.794c-.41.41-.48 1.04-.248 1.572.036.084.07.168.105.253.212.539.708.935 1.286.935.701 0 1.269.568 1.269 1.269v1.462c0 .701-.568 1.269-1.269 1.269-.578 0-1.074.396-1.287.935-.033.085-.068.17-.104.253-.232.531-.161 1.162.248 1.572a1.269 1.269 0 0 1 0 1.794l-1.034 1.034a1.269 1.269 0 0 1-1.794 0c-.41-.41-1.04-.48-1.572-.248a7.935 7.935 0 0 1-.253.105c-.539.212-.935.708-.935 1.286 0 .701-.568 1.269-1.269 1.269H11.27c-.702 0-1.27-.568-1.27-1.269 0-.578-.396-1.074-.935-1.287a7.975 7.975 0 0 1-.253-.104c-.531-.232-1.162-.161-1.572.248a1.269 1.269 0 0 1-1.794 0l-1.034-1.034a1.269 1.269 0 0 1 0-1.794c.41-.41.48-1.04.249-1.572a7.89 7.89 0 0 1-.106-.253C4.343 14.396 3.847 14 3.27 14 2.568 14 2 13.432 2 12.731V11.27c0-.702.568-1.27 1.269-1.27.578 0 1.074-.396 1.286-.935.034-.085.07-.17.106-.253.23-.531.16-1.162-.25-1.572a1.269 1.269 0 0 1 0-1.794l1.035-1.034a1.269 1.269 0 0 1 1.794 0c.41.41 1.04.48 1.572.249a7.93 7.93 0 0 1 .253-.106c.539-.212.935-.708.935-1.286C10 2.568 10.568 2 11.269 2h1.462ZM12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"})})}h0.displayName="SettingsSolidIcon";const I7=r.forwardRef(h0);function d0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M13 5a4 4 0 1 1 1.4 3.04l-3.653 2.558a3.998 3.998 0 0 1 0 2.804L14.4 15.96a4 4 0 1 1-1.148 1.638L9.6 15.04a4 4 0 1 1 0-6.08l3.654-2.558A3.992 3.992 0 0 1 13 5Zm4-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM7 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm10 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"})})}d0.displayName="ShareAndroidIcon";const Z7=r.forwardRef(d0);function w0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M12.707 2.293a1 1 0 0 0-1.414 0l-2.5 2.5a1 1 0 0 0 1.414 1.414L11 5.414V14a1 1 0 1 0 2 0V5.414l.793.793a1 1 0 1 0 1.414-1.414l-2.5-2.5Z"}),e.jsx("path",{d:"M6 20V10h2a1 1 0 0 0 0-2H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2h-2a1 1 0 1 0 0 2h2v10H6Z"})]})}w0.displayName="ShareIosIcon";const C7=r.forwardRef(w0);function m0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M1.288 20.712A.965.965 0 0 0 2 21h20c.283 0 .52-.096.712-.288A.968.968 0 0 0 23 20a.968.968 0 0 0-.288-.712A.968.968 0 0 0 22 19H2a.967.967 0 0 0-.712.288A.968.968 0 0 0 1 20c0 .283.096.52.288.712Zm1.299-3.299A1.926 1.926 0 0 1 2 16V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 4 3h16c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v11c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 18H4c-.55 0-1.02-.196-1.413-.587Zm10.12-10.12a1 1 0 0 0-1.414 0l-2.5 2.5a1 1 0 0 0 1.414 1.414l.793-.793V13a1 1 0 1 0 2 0v-2.586l.793.793a1 1 0 0 0 1.414-1.414l-2.5-2.5Z"})})}m0.displayName="ShareScreenSolidIcon";const j7=r.forwardRef(m0);function f0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M1.288 20.712A.965.965 0 0 0 2 21h20c.283 0 .52-.096.712-.288A.968.968 0 0 0 23 20a.968.968 0 0 0-.288-.712A.968.968 0 0 0 22 19H2a.967.967 0 0 0-.712.288A.968.968 0 0 0 1 20c0 .283.096.52.288.712ZM12.707 7.293a1 1 0 0 0-1.414 0l-2.5 2.5a1 1 0 0 0 1.414 1.414l.793-.793V13a1 1 0 1 0 2 0v-2.586l.793.793a1 1 0 0 0 1.414-1.414l-2.5-2.5Z"}),e.jsx("path",{d:"M2.587 17.413C2.98 17.803 3.45 18 4 18h16c.55 0 1.02-.196 1.413-.587A1.93 1.93 0 0 0 22 16V5c0-.55-.196-1.02-.587-1.413A1.926 1.926 0 0 0 20 3H4c-.55 0-1.02.196-1.413.587A1.926 1.926 0 0 0 2 5v11c0 .55.196 1.02.587 1.413ZM20 5v11H4V5h16Z"})]})}f0.displayName="ShareScreenIcon";const M7=r.forwardRef(f0);function v0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 16a.968.968 0 0 1-.713-.287A.967.967 0 0 1 11 15V7.85L9.125 9.725c-.2.2-.433.3-.7.3-.267 0-.508-.108-.725-.325a.93.93 0 0 1-.288-.712A.977.977 0 0 1 7.7 8.3l3.6-3.6c.1-.1.208-.17.325-.212.117-.042.242-.063.375-.063s.258.02.375.063a.877.877 0 0 1 .325.212l3.6 3.6c.2.2.296.438.287.713a.977.977 0 0 1-.287.687c-.2.2-.438.304-.713.313a.93.93 0 0 1-.712-.288L13 7.85V15c0 .283-.096.52-.287.713A.968.968 0 0 1 12 16Zm-6 4c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 18v-2c0-.283.096-.52.287-.713A.968.968 0 0 1 5 15c.283 0 .52.096.713.287.191.192.287.43.287.713v2h12v-2a.97.97 0 0 1 .288-.713A.968.968 0 0 1 19 15a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v2c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 20H6Z"})})}v0.displayName="ShareIcon";const V7=r.forwardRef(v0);function x0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{fillRule:"evenodd",d:"M18 3a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4h12Zm-8 2h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-8V5ZM8 19H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2v14Z",clipRule:"evenodd"})})}x0.displayName="SidebarIcon";const R7=r.forwardRef(x0);function g0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M9 12.031c0-.283.096-.52.288-.712A.968.968 0 0 1 10 11.03h7.15l-1.875-1.875a.96.96 0 0 1-.3-.7c0-.266.108-.508.325-.725a.93.93 0 0 1 .712-.287.977.977 0 0 1 .688.287l3.6 3.6c.1.1.17.209.212.325.042.117.063.242.063.375 0 .134-.02.259-.063.375a.877.877 0 0 1-.212.325l-3.6 3.6a.93.93 0 0 1-.712.288.977.977 0 0 1-.688-.288 1.02 1.02 0 0 1-.313-.712.931.931 0 0 1 .288-.713l1.875-1.875H10a.968.968 0 0 1-.712-.287A.968.968 0 0 1 9 12.03Zm-6-7c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 5 3.03h6a.97.97 0 0 1 .713.288.968.968 0 0 1 .287.712.97.97 0 0 1-.287.713.968.968 0 0 1-.713.287H5v14h6a.97.97 0 0 1 .713.288.968.968 0 0 1 .287.712.97.97 0 0 1-.287.713.968.968 0 0 1-.713.287H5c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 3 19.03v-14Z"})})}g0.displayName="SignOutIcon";const H7=r.forwardRef(g0);function p0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M5 5h14v8h-5a1 1 0 0 0-1 1v5H5V5Zm10 14v-4h4v4h-4ZM5 21h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2Z"})})}p0.displayName="SpotlightIcon";const L7=r.forwardRef(p0);function u0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12.15 20c-1.267 0-2.392-.375-3.375-1.125-.983-.75-1.692-1.775-2.125-3.075l2.2-.95c.233.8.638 1.458 1.213 1.975.574.517 1.287.775 2.137.775.7 0 1.333-.167 1.9-.5.567-.333.85-.867.85-1.6 0-.3-.058-.575-.175-.825A2.362 2.362 0 0 0 14.3 14h2.8a4.279 4.279 0 0 1 .25 1.5c0 1.433-.513 2.542-1.538 3.325C14.788 19.608 13.567 20 12.15 20ZM3 12a.967.967 0 0 1-.712-.287A.968.968 0 0 1 2 11c0-.283.096-.52.288-.712A.967.967 0 0 1 3 10h18c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.713A.968.968 0 0 1 21 12H3Zm9.05-8.15c1.1 0 2.063.27 2.887.813.825.541 1.463 1.37 1.913 2.487l-2.2.975a2.987 2.987 0 0 0-.838-1.3c-.408-.383-.979-.575-1.712-.575-.683 0-1.25.154-1.7.463-.45.308-.7.737-.75 1.287h-2.4c.033-1.15.487-2.13 1.363-2.937.875-.809 2.02-1.213 3.437-1.213Z"})})}u0.displayName="StrikethroughIcon";const S7=r.forwardRef(u0);function A0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M15.793 2.293a1 1 0 0 1 1.414 0l2 2a1 1 0 0 1 0 1.414l-2 2a1 1 0 1 1-1.414-1.414L16.086 6H5.5a2 2 0 0 0-2 2v7a1 1 0 1 1-2 0V8a4 4 0 0 1 4-4h10.586l-.293-.293a1 1 0 0 1 0-1.414ZM17.5 18H6.914l.293-.293a1 1 0 1 0-1.414-1.414l-2 2a1 1 0 0 0 0 1.414l2 2a1 1 0 0 0 1.414-1.414L6.914 20H17.5a4 4 0 0 0 4-4V9a1 1 0 1 0-2 0v7a2 2 0 0 1-2 2Z"}),e.jsx("path",{d:"M11.5 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"})]})}A0.displayName="SwitchCameraSolidIcon";const y7=r.forwardRef(A0);function I0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{fillRule:"evenodd",d:"M2.587 20.413C2.98 20.803 3.45 21 4 21h16c.55 0 1.02-.196 1.413-.587A1.93 1.93 0 0 0 22 19V7c0-.55-.196-1.02-.587-1.412A1.926 1.926 0 0 0 20 5h-3.15L15.6 3.65a2.009 2.009 0 0 0-.662-.475A1.952 1.952 0 0 0 14.124 3h-4.25a2.011 2.011 0 0 0-1.475.65L7.15 5H4c-.55 0-1.02.196-1.413.588A1.926 1.926 0 0 0 2 7v12c0 .55.196 1.02.587 1.413ZM12 16.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z",clipRule:"evenodd"})})}I0.displayName="TakePhotoSolidIcon";const N7=r.forwardRef(I0);function Z0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 17.5c1.25 0 2.313-.438 3.188-1.313.874-.875 1.312-1.937 1.312-3.187 0-1.25-.438-2.313-1.313-3.188C14.313 8.938 13.25 8.5 12 8.5c-1.25 0-2.313.438-3.188 1.313C7.939 10.687 7.5 11.75 7.5 13c0 1.25.438 2.313 1.313 3.188.874.875 1.937 1.312 3.187 1.312Zm0-2c-.7 0-1.292-.242-1.775-.725C9.742 14.292 9.5 13.7 9.5 13s.242-1.292.725-1.775c.483-.483 1.075-.725 1.775-.725s1.292.242 1.775.725c.483.483.725 1.075.725 1.775s-.242 1.292-.725 1.775c-.483.483-1.075.725-1.775.725ZM4 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 19V7c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 4 5h3.15L8.4 3.65A2.011 2.011 0 0 1 9.875 3h4.25a2.011 2.011 0 0 1 1.475.65L16.85 5H20c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v12c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 21H4Zm0-2h16V7h-4.05l-1.825-2h-4.25L8.05 7H4v12Z"})})}Z0.displayName="TakePhotoIcon";const B7=r.forwardRef(Z0);function C0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M6 19a.967.967 0 0 1-.713-.288A.968.968 0 0 1 5 18a.97.97 0 0 1 .287-.712A.967.967 0 0 1 6 17h12c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.712A.968.968 0 0 1 18 19H6Zm1.35-5.2 3.425-9.2a.882.882 0 0 1 .338-.438A.93.93 0 0 1 11.65 4h.7c.2 0 .38.054.537.162a.886.886 0 0 1 .338.438l3.425 9.225c.1.283.067.55-.1.8a.795.795 0 0 1-.7.375.89.89 0 0 1-.512-.162A.882.882 0 0 1 15 14.4l-.75-2.2H9.8L9 14.425a.838.838 0 0 1-.325.425c-.15.1-.317.15-.5.15a.84.84 0 0 1-.738-.387.815.815 0 0 1-.087-.813Zm3-3.2h3.3l-1.6-4.55h-.1l-1.6 4.55Z"})})}C0.displayName="TextFormattingIcon";const O7=r.forwardRef(C0);function j0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2Zm3 7h10a.97.97 0 0 0 .712-.287A.967.967 0 0 0 18 9a.967.967 0 0 0-.288-.713A.968.968 0 0 0 17 8H7a.968.968 0 0 0-.713.287A.968.968 0 0 0 6 9c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 4h6c.283 0 .52-.096.713-.287A.968.968 0 0 0 14 13a.968.968 0 0 0-.287-.713A.968.968 0 0 0 13 12H7a.967.967 0 0 0-.713.287A.968.968 0 0 0 6 13c0 .283.096.52.287.713.192.191.43.287.713.287Z"})})}j0.displayName="ThreadsSolidIcon";const k7=r.forwardRef(j0);function M0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M13 8a1 1 0 1 0-2 0v4a1 1 0 0 0 .293.707l2.83 2.83a1 1 0 0 0 1.414-1.414L13 11.586V8Z"}),e.jsx("path",{fillRule:"evenodd",d:"M22 11.915c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10 10 4.477 10 10Zm-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z",clipRule:"evenodd"})]})}M0.displayName="TimeIcon";const P7=r.forwardRef(M0);function V0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M6 21a.967.967 0 0 1-.713-.288A.968.968 0 0 1 5 20a.97.97 0 0 1 .287-.712A.967.967 0 0 1 6 19h12c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.712A.968.968 0 0 1 18 21H6Zm6-4c-1.683 0-2.992-.525-3.925-1.575-.933-1.05-1.4-2.442-1.4-4.175V4.275c0-.35.13-.65.388-.9A1.27 1.27 0 0 1 7.974 3c.35 0 .65.125.9.375s.375.55.375.9V11.4c0 .933.233 1.692.7 2.275.467.583 1.15.875 2.05.875.9 0 1.583-.292 2.05-.875.467-.583.7-1.342.7-2.275V4.275c0-.35.13-.65.387-.9A1.27 1.27 0 0 1 16.05 3c.35 0 .65.125.9.375s.375.55.375.9v6.975c0 1.733-.467 3.125-1.4 4.175C14.992 16.475 13.683 17 12 17Z"})})}V0.displayName="UnderlineIcon";const U7=r.forwardRef(V0);function R0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12.999 13.011v-.004.005Zm-9.412 7.402C3.98 20.803 4.45 21 5 21h14c.55 0 1.02-.196 1.413-.587A1.93 1.93 0 0 0 21 19V5c0-.55-.196-1.02-.587-1.413A1.926 1.926 0 0 0 19 3H5c-.55 0-1.02.196-1.413.587A1.926 1.926 0 0 0 3 5v14c0 .55.196 1.02.587 1.413ZM12 9a1 1 0 0 0-1 1 1 1 0 1 1-2 0 3 3 0 1 1 4.44 2.633 1.404 1.404 0 0 0-.383.288.3.3 0 0 0-.057.085A1 1 0 0 1 11 13c0-.58.253-1.047.539-1.38.281-.33.63-.572.94-.742A1 1 0 0 0 12 9Zm1 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"})})}R0.displayName="UnknownSolidIcon";const E7=r.forwardRef(R0);function H0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h14c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v14c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5Zm0-2h14V5H5v14Z"}),e.jsx("path",{d:"M11 10a1 1 0 1 1 1.479.878c-.31.17-.659.413-.94.741-.286.334-.539.8-.539 1.381a1 1 0 0 0 2 .006.3.3 0 0 1 .057-.085 1.39 1.39 0 0 1 .382-.288A3 3 0 1 0 9 10a1 1 0 1 0 2 0Zm1.999 3.011v-.004.005ZM12 17a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"})]})}H0.displayName="UnknownIcon";const b7=r.forwardRef(H0);function L0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{fillRule:"evenodd",d:"M5.457 2.083a1 1 0 0 0-1.414 1.414L8.04 7.494v2.25a.5.5 0 0 1-.15.356l-3.7 3.644a.5.5 0 0 0-.15.356v1.4a.5.5 0 0 0 .5.5h6.5v6a1 1 0 0 0 2 0v-6h3.506l4.497 4.497a1 1 0 0 0 1.414-1.414l-17-17ZM14.546 14 10.04 9.494v.25a2.5 2.5 0 0 1-.746 1.781L6.78 14h7.766Z",clipRule:"evenodd"}),e.jsx("path",{d:"M14.04 4v3.85l2.015 2.015a.5.5 0 0 1-.015-.12V5.257a.5.5 0 0 1 .15-.357l2.081-2.043a.5.5 0 0 0-.35-.857h-9.73l2 2h3.849Z"})]})}L0.displayName="UnpinIcon";const D7=r.forwardRef(L0);function S0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M10 12c-1.1 0-2.042-.392-2.825-1.175C6.392 10.042 6 9.1 6 8s.392-2.042 1.175-2.825C7.958 4.392 8.9 4 10 4s2.042.392 2.825 1.175C13.608 5.958 14 6.9 14 8s-.392 2.042-1.175 2.825C12.042 11.608 11.1 12 10 12Zm-8 6v-.8c0-.567.146-1.087.438-1.563A2.911 2.911 0 0 1 3.6 14.55a14.843 14.843 0 0 1 3.15-1.163A13.76 13.76 0 0 1 10 13c1.1 0 2.183.13 3.25.387 1.067.259 2.117.646 3.15 1.163.483.25.87.612 1.163 1.087.291.476.437.996.437 1.563v.8c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 16 20H4c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 18Zm15-7h2v2c0 .283.096.52.288.713.191.191.429.287.712.287s.52-.096.712-.287A.968.968 0 0 0 21 13v-2h2a.97.97 0 0 0 .712-.287A.968.968 0 0 0 24 10a.967.967 0 0 0-.288-.713A.968.968 0 0 0 23 9h-2V7a.967.967 0 0 0-.288-.713A.968.968 0 0 0 20 6a.968.968 0 0 0-.712.287A.967.967 0 0 0 19 7v2h-2a.968.968 0 0 0-.712.287A.967.967 0 0 0 16 10c0 .283.096.52.288.713A.968.968 0 0 0 17 11Z"})})}S0.displayName="UserAddSolidIcon";const F7=r.forwardRef(S0);function y0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M10 12c-1.1 0-2.042-.392-2.825-1.175C6.392 10.042 6 9.1 6 8s.392-2.042 1.175-2.825C7.958 4.392 8.9 4 10 4s2.042.392 2.825 1.175C13.608 5.958 14 6.9 14 8s-.392 2.042-1.175 2.825C12.042 11.608 11.1 12 10 12Zm-8 6v-.8c0-.567.146-1.087.438-1.563A2.911 2.911 0 0 1 3.6 14.55a14.843 14.843 0 0 1 3.15-1.163A13.76 13.76 0 0 1 10 13c1.1 0 2.183.13 3.25.387 1.067.259 2.117.646 3.15 1.163.483.25.87.612 1.163 1.087.291.476.437.996.437 1.563v.8c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 16 20H4c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 18Zm2 0h12v-.8a.973.973 0 0 0-.5-.85c-.9-.45-1.808-.787-2.725-1.012a11.6 11.6 0 0 0-5.55 0c-.917.225-1.825.562-2.725 1.012a.973.973 0 0 0-.5.85v.8Zm6-8c.55 0 1.02-.196 1.412-.588C11.804 9.021 12 8.55 12 8c0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 10 6c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 8 8c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Zm7 1h2v2c0 .283.096.52.288.713.191.191.429.287.712.287s.52-.096.712-.287A.968.968 0 0 0 21 13v-2h2a.97.97 0 0 0 .712-.287A.968.968 0 0 0 24 10a.967.967 0 0 0-.288-.713A.968.968 0 0 0 23 9h-2V7a.967.967 0 0 0-.288-.713A.968.968 0 0 0 20 6a.968.968 0 0 0-.712.287A.967.967 0 0 0 19 7v2h-2a.968.968 0 0 0-.712.287A.967.967 0 0 0 16 10c0 .283.096.52.288.713A.968.968 0 0 0 17 11Z"})})}y0.displayName="UserAddIcon";const T7=r.forwardRef(y0);function N0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M12 15c-1.1 0-2.042-.392-2.825-1.175C8.392 13.042 8 12.1 8 11s.392-2.042 1.175-2.825C9.958 7.392 10.9 7 12 7s2.042.392 2.825 1.175C15.608 8.958 16 9.9 16 11s-.392 2.042-1.175 2.825C14.042 14.608 13.1 15 12 15Z"}),e.jsx("path",{d:"M19.528 18.583A9.962 9.962 0 0 0 22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 2.52.933 4.824 2.472 6.583A9.976 9.976 0 0 0 12 22a9.976 9.976 0 0 0 7.528-3.417ZM8.75 16.388c-.915.221-1.818.538-2.709.95a8 8 0 1 1 11.918 0 14.679 14.679 0 0 0-2.709-.95A13.76 13.76 0 0 0 12 16c-1.1 0-2.183.13-3.25.387Z"})]})}N0.displayName="UserProfileSolidIcon";const K7=r.forwardRef(N0);function B0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 12c-1.1 0-2.042-.392-2.825-1.175C8.392 10.042 8 9.1 8 8s.392-2.042 1.175-2.825C9.958 4.392 10.9 4 12 4s2.042.392 2.825 1.175C15.608 5.958 16 6.9 16 8s-.392 2.042-1.175 2.825C14.042 11.608 13.1 12 12 12Zm-8 6v-.8c0-.567.146-1.087.438-1.563A2.911 2.911 0 0 1 5.6 14.55a14.843 14.843 0 0 1 3.15-1.163A13.76 13.76 0 0 1 12 13c1.1 0 2.183.13 3.25.387 1.067.259 2.117.646 3.15 1.163.483.25.87.612 1.163 1.087.291.476.437.996.437 1.563v.8c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 20H6c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 18Z"})})}B0.displayName="UserSolidIcon";const G7=r.forwardRef(B0);function O0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M12 12c-1.1 0-2.042-.392-2.825-1.175C8.392 10.042 8 9.1 8 8s.392-2.042 1.175-2.825C9.958 4.392 10.9 4 12 4s2.042.392 2.825 1.175C15.608 5.958 16 6.9 16 8s-.392 2.042-1.175 2.825C14.042 11.608 13.1 12 12 12Zm-8 6v-.8c0-.567.146-1.087.438-1.563A2.911 2.911 0 0 1 5.6 14.55a14.843 14.843 0 0 1 3.15-1.163A13.76 13.76 0 0 1 12 13c1.1 0 2.183.13 3.25.387 1.067.259 2.117.646 3.15 1.163.483.25.87.612 1.163 1.087.291.476.437.996.437 1.563v.8c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 20H6c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 18Zm2 0h12v-.8a.973.973 0 0 0-.5-.85c-.9-.45-1.808-.787-2.725-1.012a11.6 11.6 0 0 0-5.55 0c-.917.225-1.825.562-2.725 1.012a.973.973 0 0 0-.5.85v.8Zm6-8c.55 0 1.02-.196 1.412-.588C13.804 9.021 14 8.55 14 8c0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 12 6c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 10 8c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Z"})})}O0.displayName="UserIcon";const Q7=r.forwardRef(O0);function k0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M8.15 21.75 6.7 19.3l-2.75-.6a.943.943 0 0 1-.6-.387.928.928 0 0 1-.175-.688L3.45 14.8l-1.875-2.15a.934.934 0 0 1-.25-.65c0-.25.083-.467.25-.65L3.45 9.2l-.275-2.825a.928.928 0 0 1 .175-.688.943.943 0 0 1 .6-.387l2.75-.6 1.45-2.45a.983.983 0 0 1 .55-.438.97.97 0 0 1 .7.038l2.6 1.1 2.6-1.1a.97.97 0 0 1 .7-.038.983.983 0 0 1 .55.438L17.3 4.7l2.75.6c.25.05.45.18.6.388.15.208.208.437.175.687L20.55 9.2l1.875 2.15c.167.183.25.4.25.65s-.083.467-.25.65L20.55 14.8l.275 2.825a.928.928 0 0 1-.175.688.943.943 0 0 1-.6.387l-2.75.6-1.45 2.45a.983.983 0 0 1-.55.438.97.97 0 0 1-.7-.038l-2.6-1.1-2.6 1.1a.97.97 0 0 1-.7.038.983.983 0 0 1-.55-.438Zm2.8-9.05L9.5 11.275A.933.933 0 0 0 8.813 11c-.275 0-.513.1-.713.3a.948.948 0 0 0-.275.7.95.95 0 0 0 .275.7l2.15 2.15c.2.2.433.3.7.3.267 0 .5-.1.7-.3l4.25-4.25c.2-.2.296-.433.287-.7a1.055 1.055 0 0 0-.287-.7 1.02 1.02 0 0 0-.713-.313.93.93 0 0 0-.712.288L10.95 12.7Z"})})}k0.displayName="VerifiedIcon";const _7=r.forwardRef(k0);function P0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M2 8a4 4 0 0 1 4-4h10a2 2 0 0 1 2 2v4.286l3.35-2.871a1 1 0 0 1 1.65.76v7.65a1 1 0 0 1-1.65.76L18 13.715V18a2 2 0 0 1-2 2H6a4 4 0 0 1-4-4V8Zm10.828 6.828c.2-.2.3-.436.3-.707 0-.27-.1-.506-.3-.707L11.414 12l1.414-1.414c.2-.2.3-.436.3-.707 0-.271-.1-.507-.3-.707a.969.969 0 0 0-.707-.301c-.27 0-.506.1-.707.3L10 10.587 8.586 9.172a.969.969 0 0 0-.707-.301c-.271 0-.507.1-.707.3-.2.2-.3.437-.3.708 0 .27.1.506.3.707L8.586 12l-1.414 1.414c-.2.2-.3.436-.3.707 0 .271.1.507.3.707.2.2.436.3.707.3.27 0 .506-.1.707-.3L10 13.414l1.414 1.414c.2.2.436.3.707.3.271 0 .507-.1.707-.3Z"})})}P0.displayName="VideoCallDeclinedSolidIcon";const z7=r.forwardRef(P0);function U0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M2 8a4 4 0 0 1 4-4h10a2 2 0 0 1 2 2v4.286l3.35-2.871a1 1 0 0 1 1.65.76v7.65a1 1 0 0 1-1.65.76L18 13.715V18a2 2 0 0 1-2 2H6a4 4 0 0 1-4-4V8Zm8.7 5.15L8.5 11H9c.283 0 .52-.096.713-.287A.968.968 0 0 0 10 10a.968.968 0 0 0-.287-.713A.968.968 0 0 0 9 9H6a.968.968 0 0 0-.713.287A.968.968 0 0 0 5 10v3c0 .283.096.52.287.713.192.191.43.287.713.287s.52-.096.713-.287A.968.968 0 0 0 7 13v-.7l3 3a1.034 1.034 0 0 0 1.088.2.773.773 0 0 0 .312-.225l3.125-3.15a.918.918 0 0 0 .275-.675c0-.267-.1-.5-.3-.7a.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275l-2.4 2.4Z"})})}U0.displayName="VideoCallMissedSolidIcon";const W7=r.forwardRef(U0);function E0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M2.747 2.753 4.35 4.355l.007-.003L18 17.994v.012l3.247 3.247a1 1 0 0 1-1.414 1.414l-2.898-2.898A1.992 1.992 0 0 1 16 20H6a4 4 0 0 1-4-4V8c0-.892.292-1.715.785-2.38L1.333 4.166a1 1 0 0 1 1.414-1.414ZM18 15.166 6.834 4H16a2 2 0 0 1 2 2v4.286l3.35-2.871a1 1 0 0 1 1.65.76v7.65a1 1 0 0 1-1.65.76L18 13.715v1.45Z"})})}E0.displayName="VideoCallOffSolidIcon";const q7=r.forwardRef(E0);function b0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m2.747 2.753 1.602 1.602c.003 0 .006-.002.008-.003L6.006 6h-.012L16 16.006v-.012l2 2v.012l3.247 3.247a1 1 0 0 1-1.414 1.414l-2.899-2.898A1.992 1.992 0 0 1 16 20H6a4 4 0 0 1-4-4V8c0-.892.292-1.715.785-2.38L1.333 4.166a1 1 0 0 1 1.414-1.414Zm1.484 4.312A1.991 1.991 0 0 0 4 8v8a2 2 0 0 0 2 2h9.166L4.23 7.065ZM16 6H8.834l-2-2H16a2 2 0 0 1 2 2v4.286l3.35-2.871a1 1 0 0 1 1.65.76v7.65a1 1 0 0 1-1.65.76L18 13.715v1.45l-2-2V6Zm5 7.652v-3.304L19.073 12 21 13.652Z"})})}b0.displayName="VideoCallOffIcon";const $7=r.forwardRef(b0);function D0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M6 4h10a2 2 0 0 1 2 2v4.286l3.35-2.871a1 1 0 0 1 1.65.76v7.65a1 1 0 0 1-1.65.76L18 13.715V18a2 2 0 0 1-2 2H6a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4Z"})})}D0.displayName="VideoCallSolidIcon";const J7=r.forwardRef(D0);function F0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M2 8a4 4 0 0 1 4-4h10a2 2 0 0 1 2 2v4.286l3.35-2.871a1 1 0 0 1 1.65.76v7.65a1 1 0 0 1-1.65.76L18 13.715V18a2 2 0 0 1-2 2H6a4 4 0 0 1-4-4V8Zm4-2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10V6H6Zm15 7.652v-3.303L19.073 12 21 13.652Z"})})}F0.displayName="VideoCallIcon";const X7=r.forwardRef(F0);function T0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m20.958 16.374.039 3.527c0 .285-.11.537-.33.756-.22.22-.472.33-.756.33a15.97 15.97 0 0 1-6.57-1.105 16.223 16.223 0 0 1-5.563-3.663 16.084 16.084 0 0 1-3.653-5.573 16.313 16.313 0 0 1-1.115-6.56c0-.285.11-.537.33-.757.22-.22.471-.329.755-.329l3.528.039a1.069 1.069 0 0 1 1.085.93l.543 3.954c.026.181.013.349-.039.504a1.088 1.088 0 0 1-.271.426l-1.64 1.64c.337.672.721 1.308 1.154 1.909.433.6 1.444 1.696 1.444 1.696s1.095 1.01 1.696 1.444c.6.433 1.237.817 1.909 1.153l1.64-1.64a1.08 1.08 0 0 1 .426-.27c.155-.052.323-.065.504-.04l3.954.543a1.069 1.069 0 0 1 .93 1.085Z"})})}T0.displayName="VoiceCallIcon";const Y7=r.forwardRef(T0);function K0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M3.5 3.5a1 1 0 1 0-1.414 1.414L5.172 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2l3.293 3.293c.63.63 1.707.184 1.707-.707v-3.758l7.086 7.086A1 1 0 0 0 20.5 20.5l-2.136-2.136.003-.003-1.414-1.414-.003.003-1.414-1.414.003-.003-1.415-1.415-.002.003L12 12v-.006L7.503 7.497 7.5 7.5l-4-4Zm11.496 8.662 1.661 1.66c.222-.564.343-1.18.343-1.822 0-1.38-.56-2.632-1.464-3.536a1 1 0 1 0-1.414 1.414 2.987 2.987 0 0 1 .874 2.284Zm3.164 3.164 1.462 1.462A8.961 8.961 0 0 0 21 12a8.975 8.975 0 0 0-2.636-6.364A1 1 0 0 0 16.95 7.05 6.975 6.975 0 0 1 19 12a6.966 6.966 0 0 1-.84 3.326ZM8.917 6.083 12 9.166V5.414c0-.89-1.077-1.337-1.707-.707L8.917 6.083Z"})})}K0.displayName="VolumeOffSolidIcon";const e9=r.forwardRef(K0);function G0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"m3.5 3.5 4 4 .003-.003L8.917 8.91l-.003.003L10 10v-.006l2 2V12l2.122 2.121.002-.003 1.415 1.415-.003.003 1.414 1.414.003-.003 1.414 1.414-.003.003L20.5 20.5a1 1 0 0 1-1.414 1.414L12 14.828v3.758c0 .89-1.077 1.337-1.707.707L7 16H5a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h.172L2.086 4.914A1 1 0 0 1 3.5 3.5ZM7.172 10H5v4h2.828L10 16.17v-3.343L7.172 10Zm7.824 2.162 1.661 1.66c.222-.564.343-1.18.343-1.822 0-1.38-.56-2.632-1.464-3.536a1 1 0 1 0-1.414 1.414 2.987 2.987 0 0 1 .874 2.284Zm3.164 3.164 1.462 1.462A8.961 8.961 0 0 0 21 12a8.975 8.975 0 0 0-2.636-6.364A1 1 0 0 0 16.95 7.05 6.975 6.975 0 0 1 19 12a6.966 6.966 0 0 1-.84 3.326ZM8.917 6.083 12 9.166V5.414c0-.89-1.077-1.337-1.707-.707L8.917 6.083Z"})})}G0.displayName="VolumeOffIcon";const o9=r.forwardRef(G0);function Q0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M3 14v-4a2 2 0 0 1 2-2h2l3.293-3.293c.63-.63 1.707-.184 1.707.707v13.172c0 .89-1.077 1.337-1.707.707L7 16H5a2 2 0 0 1-2-2Zm11.121-5.536a1 1 0 0 1 1.415 0A4.987 4.987 0 0 1 17 12c0 1.38-.56 2.632-1.464 3.535a1 1 0 0 1-1.415-1.414 2.987 2.987 0 0 0 .88-2.121c0-.829-.335-1.578-.88-2.121a1 1 0 0 1 0-1.415Z"}),e.jsx("path",{d:"M16.95 5.636a1 1 0 0 1 1.414 0A8.975 8.975 0 0 1 21 12a8.975 8.975 0 0 1-2.636 6.364 1 1 0 1 1-1.414-1.415A6.975 6.975 0 0 0 19 12a6.975 6.975 0 0 0-2.05-4.949 1 1 0 0 1 0-1.414Z"})]})}Q0.displayName="VolumeOnSolidIcon";const c9=r.forwardRef(Q0);function _0(o,c){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:[e.jsx("path",{d:"M3 10a2 2 0 0 1 2-2h2l3.293-3.293c.63-.63 1.707-.184 1.707.707v13.172c0 .89-1.077 1.337-1.707.707L7 16H5a2 2 0 0 1-2-2v-4Zm4.828 4L10 16.172V7.828L7.828 10H5v4h2.828Zm6.293-5.536a1 1 0 0 1 1.415 0A4.988 4.988 0 0 1 17 12c0 1.38-.56 2.632-1.464 3.535a1 1 0 1 1-1.415-1.414 2.987 2.987 0 0 0 .88-2.121c0-.829-.335-1.578-.88-2.122a1 1 0 0 1 0-1.414Z"}),e.jsx("path",{d:"M18.364 5.636A1 1 0 1 0 16.95 7.05 6.975 6.975 0 0 1 19 12a6.975 6.975 0 0 1-2.05 4.95 1 1 0 0 0 1.414 1.414A8.975 8.975 0 0 0 21 12a8.975 8.975 0 0 0-2.636-6.364Z"})]})}_0.displayName="VolumeOnIcon";const r9=r.forwardRef(_0);function z0(o,c){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:c,...o,children:e.jsx("path",{d:"M4 20c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 18V6c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 4 4h16c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v12c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 20H4Zm0-2h16V8H4v10Z"})})}z0.displayName="WebBrowserIcon";const n9=r.forwardRef(z0),I9=Object.freeze(Object.defineProperty({__proto__:null,AdminIcon:v2,ArrowDownIcon:x2,ArrowLeftIcon:g2,ArrowRightIcon:p2,ArrowUpIcon:A2,ArrowUpRightIcon:u2,AttachmentIcon:I2,BlockIcon:Z2,BoldIcon:C2,CalendarIcon:j2,ChartIcon:M2,ChatIcon:J0,ChatNewIcon:V2,ChatProblemIcon:W0,ChatSolidIcon:R2,CheckCircleIcon:o2,CheckCircleSolidIcon:Y0,CheckIcon:n2,ChevronDownIcon:a2,ChevronLeftIcon:H2,ChevronRightIcon:l2,ChevronUpDownIcon:L2,ChevronUpIcon:S2,CircleIcon:y2,CloseIcon:c2,CloudIcon:B2,CloudSolidIcon:N2,CodeIcon:O2,CollapseIcon:k2,CompanyIcon:P2,ComposeIcon:U2,ComputerIcon:E2,CopyIcon:b2,DarkModeIcon:D2,DeleteIcon:F2,DevicesIcon:T2,DocumentIcon:K2,DownloadIcon:G2,DragGridIcon:Q2,DragListIcon:_2,EditIcon:W2,EditSolidIcon:z2,EmailIcon:$2,EmailSolidIcon:q2,EndCallIcon:J2,ErrorIcon:t2,ExpandIcon:X2,ExportArchiveIcon:Y2,ExtensionsIcon:X0,ExtensionsSolidIcon:e8,FavouriteIcon:c8,FavouriteSolidIcon:o8,FileErrorIcon:r8,FilesIcon:n8,FilterIcon:a8,ForwardIcon:l8,GridIcon:t8,HelpIcon:s8,HelpSolidIcon:i8,HistoryIcon:h8,HomeIcon:w8,HomeSolidIcon:d8,HostIcon:m8,ImageErrorIcon:f8,ImageIcon:v8,IndentDecreaseIcon:x8,IndentIncreaseIcon:g8,InfoIcon:r2,InfoSolidIcon:p8,InlineCodeIcon:u8,ItalicIcon:A8,KeyIcon:j8,KeyOffIcon:Z8,KeyOffSolidIcon:I8,KeySolidIcon:C8,KeyboardIcon:M8,LabsIcon:V8,LeaveIcon:q0,LinkIcon:R8,ListBulletedIcon:H8,ListNumberedIcon:L8,LocationNavigatorCentredIcon:S8,LocationNavigatorIcon:y8,LocationPinIcon:B8,LocationPinSolidIcon:N8,LockIcon:P8,LockOffIcon:O8,LockSolidIcon:k8,MarkAsReadIcon:U8,MarkAsUnreadIcon:E8,MarkerReadReceiptsIcon:b8,MentionIcon:D8,MenuIcon:F8,MicOffIcon:K8,MicOffSolidIcon:T8,MicOnIcon:Q8,MicOnSolidIcon:G8,MinusIcon:_8,MobileIcon:z8,NotificationsIcon:$0,NotificationsOffIcon:q8,NotificationsOffSolidIcon:W8,NotificationsSolidIcon:$8,OfflineIcon:J8,OverflowHorizontalIcon:X8,OverflowVerticalIcon:Y8,PauseIcon:o7,PauseSolidIcon:e7,PinIcon:r7,PinSolidIcon:c7,PlayIcon:a7,PlaySolidIcon:n7,PlusIcon:l7,PollsEndIcon:t7,PollsIcon:i7,PopOutIcon:s7,PreferencesIcon:h7,PublicIcon:d7,QrCodeIcon:w7,QuoteIcon:m7,ReactionAddIcon:f7,ReactionIcon:v7,ReplyIcon:x7,RestartIcon:g7,RoomIcon:p7,SearchIcon:e2,SendIcon:A7,SendSolidIcon:u7,SettingsIcon:i2,SettingsSolidIcon:I7,ShareAndroidIcon:Z7,ShareIcon:V7,ShareIosIcon:C7,ShareScreenIcon:M7,ShareScreenSolidIcon:j7,SidebarIcon:R7,SignOutIcon:H7,SpinnerIcon:s2,SpotlightIcon:L7,StrikethroughIcon:S7,SwitchCameraSolidIcon:y7,TakePhotoIcon:B7,TakePhotoSolidIcon:N7,TextFormattingIcon:O7,ThreadsIcon:h2,ThreadsSolidIcon:k7,TimeIcon:P7,UnderlineIcon:U7,UnknownIcon:b7,UnknownSolidIcon:E7,UnpinIcon:D7,UserAddIcon:T7,UserAddSolidIcon:F7,UserIcon:Q7,UserProfileIcon:d2,UserProfileSolidIcon:K7,UserSolidIcon:G7,VerifiedIcon:_7,VideoCallDeclinedSolidIcon:z7,VideoCallIcon:X7,VideoCallMissedSolidIcon:W7,VideoCallOffIcon:$7,VideoCallOffSolidIcon:q7,VideoCallSolidIcon:J7,VisibilityOffIcon:w2,VisibilityOnIcon:m2,VoiceCallIcon:Y7,VolumeOffIcon:o9,VolumeOffSolidIcon:e9,VolumeOnIcon:r9,VolumeOnSolidIcon:c9,WarningIcon:f2,WebBrowserIcon:n9},Symbol.toStringTag,{value:"Module"}));export{q7 as a,T8 as b,j7 as c,J2 as d,X2 as e,W2 as f,I9 as i,R8 as l,G8 as m,I7 as s,T7 as u,J7 as v}; diff --git a/assets/index-Bv2dACPY.js b/assets/index-UIUqPLKC.js similarity index 92% rename from assets/index-Bv2dACPY.js rename to assets/index-UIUqPLKC.js index 2d9ccc45..ffe4aa44 100644 --- a/assets/index-Bv2dACPY.js +++ b/assets/index-UIUqPLKC.js @@ -1 +1 @@ -import{f as c,n as T,F as b,$ as d,L as S,h as B,B as L,e as C,m as H,g as u,v as g,u as y,I,t as h,X as k,x as P,w as W,b as A,y as F,D as x,a as D,C as R,E as f,T as v,c as E,_ as M,S as N,R as q,O as w,d as O,G as U,i as Z,A as j,j as z,P as G,k as J,l as K,o as Q,p as V,q as X,r as Y,z as _,H as $,s as aa,J as sa,K as oa,M as ta,N as ea,Q as ra,U as pa,V as ia,W as na,Y as ma,Z as la,a0 as ca,a1 as Ta,a2 as ba,a3 as da,a4 as Sa,a5 as Ba,a6 as La,a7 as Ca,a8 as Ha,a9 as ua,aa as ga,ab as ya,ac as Ia,ad as ha}from"./DocsRenderer-CFRXHY34-jjH5MKJG.js";import"./iframe-BV5w-Shc.js";import"../sb-preview/runtime.js";import"./index-BP8_t0zE.js";import"./jsx-runtime-CexXSJP5.js";import"./index-BlTQwN6S.js";import"./index-D-8MO0q_.js";import"./index-BiqJNaOC.js";import"./index-DrFu-skq.js";import"./react-18-CNGsVnez.js";export{c as A,T as ActionBar,b as AddonPanel,d as Badge,S as Bar,B as Blockquote,L as Button,C as ClipboardCode,H as Code,u as DL,g as Div,y as DocumentWrapper,I as EmptyTabContent,h as ErrorFormatter,k as FlexBar,P as Form,W as H1,A as H2,F as H3,x as H4,D as H5,R as H6,f as HR,v as IconButton,E as IconButtonSkeleton,M as Icons,N as Img,q as LI,w as Link,O as ListItem,U as Loader,Z as Modal,j as OL,z as P,G as Placeholder,J as Pre,K as ResetWrapper,Q as ScrollArea,V as Separator,X as Spaced,Y as Span,_ as StorybookIcon,$ as StorybookLogo,aa as Symbols,sa as SyntaxHighlighter,oa as TT,ta as TabBar,ea as TabButton,ra as TabWrapper,pa as Table,ia as Tabs,na as TabsState,ma as TooltipLinkList,la as TooltipMessage,ca as TooltipNote,Ta as UL,ba as WithTooltip,da as WithTooltipPure,Sa as Zoom,Ba as codeCommon,La as components,Ca as createCopyToClipboardFunction,Ha as getStoryHref,ua as icons,ga as interleaveSeparators,ya as nameSpaceClassNames,Ia as resetComponents,ha as withReset}; +import{f as c,n as T,F as b,$ as d,L as S,h as B,B as L,e as C,m as H,g as u,v as g,u as y,I,t as h,X as k,x as P,w as W,b as A,y as F,D as x,a as D,C as R,E as f,T as v,c as E,_ as M,S as N,R as q,O as w,d as O,G as U,i as Z,A as j,j as z,P as G,k as J,l as K,o as Q,p as V,q as X,r as Y,z as _,H as $,s as aa,J as sa,K as oa,M as ta,N as ea,Q as ra,U as pa,V as ia,W as na,Y as ma,Z as la,a0 as ca,a1 as Ta,a2 as ba,a3 as da,a4 as Sa,a5 as Ba,a6 as La,a7 as Ca,a8 as Ha,a9 as ua,aa as ga,ab as ya,ac as Ia,ad as ha}from"./DocsRenderer-CFRXHY34-u0Hrtq3-.js";import"./iframe-C5aVuueH.js";import"../sb-preview/runtime.js";import"./index-BP8_t0zE.js";import"./jsx-runtime-CexXSJP5.js";import"./index-BlTQwN6S.js";import"./index-D-8MO0q_.js";import"./index-BiqJNaOC.js";import"./index-DrFu-skq.js";import"./react-18-CNGsVnez.js";export{c as A,T as ActionBar,b as AddonPanel,d as Badge,S as Bar,B as Blockquote,L as Button,C as ClipboardCode,H as Code,u as DL,g as Div,y as DocumentWrapper,I as EmptyTabContent,h as ErrorFormatter,k as FlexBar,P as Form,W as H1,A as H2,F as H3,x as H4,D as H5,R as H6,f as HR,v as IconButton,E as IconButtonSkeleton,M as Icons,N as Img,q as LI,w as Link,O as ListItem,U as Loader,Z as Modal,j as OL,z as P,G as Placeholder,J as Pre,K as ResetWrapper,Q as ScrollArea,V as Separator,X as Spaced,Y as Span,_ as StorybookIcon,$ as StorybookLogo,aa as Symbols,sa as SyntaxHighlighter,oa as TT,ta as TabBar,ea as TabButton,ra as TabWrapper,pa as Table,ia as Tabs,na as TabsState,ma as TooltipLinkList,la as TooltipMessage,ca as TooltipNote,Ta as UL,ba as WithTooltip,da as WithTooltipPure,Sa as Zoom,Ba as codeCommon,La as components,Ca as createCopyToClipboardFunction,Ha as getStoryHref,ua as icons,ga as interleaveSeparators,ya as nameSpaceClassNames,Ia as resetComponents,ha as withReset}; diff --git a/assets/close-D4bMmhFz.js b/assets/info-BqHmDWX7.js similarity index 58% rename from assets/close-D4bMmhFz.js rename to assets/info-BqHmDWX7.js index f878218d..a962d225 100644 --- a/assets/close-D4bMmhFz.js +++ b/assets/info-BqHmDWX7.js @@ -1 +1 @@ -import{r}from"./index-BP8_t0zE.js";import{j as e}from"./jsx-runtime-CexXSJP5.js";function n(c,o){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:o,...c,children:e.jsx("path",{d:"m10.6 13.8-2.15-2.15a.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275.948.948 0 0 0-.275.7.95.95 0 0 0 .275.7L9.9 15.9c.2.2.433.3.7.3.267 0 .5-.1.7-.3l5.65-5.65a.948.948 0 0 0 .275-.7.948.948 0 0 0-.275-.7.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275L10.6 13.8ZM12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Zm0-2c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z"})})}n.displayName="CheckCircleIcon";const i=r.forwardRef(n);function a(c,o){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:o,...c,children:[e.jsx("path",{d:"M11.287 7.287A.968.968 0 0 1 12 7c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 12 9a.968.968 0 0 1-.713-.287A.967.967 0 0 1 11 8c0-.283.096-.52.287-.713Zm0 4A.968.968 0 0 1 12 11c.283 0 .52.096.713.287.191.192.287.43.287.713v4a.97.97 0 0 1-.287.712A.968.968 0 0 1 12 17a.968.968 0 0 1-.713-.288A.968.968 0 0 1 11 16v-4c0-.283.096-.52.287-.713Z"}),e.jsx("path",{fillRule:"evenodd",d:"M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z",clipRule:"evenodd"})]})}a.displayName="InfoIcon";const h=r.forwardRef(a);function s(c,o){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:o,...c,children:e.jsx("path",{d:"M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414Z"})})}s.displayName="CloseIcon";const f=r.forwardRef(s);export{f as C,h as I,i as a}; +import{r}from"./index-BP8_t0zE.js";import{j as c}from"./jsx-runtime-CexXSJP5.js";function n(e,o){return c.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:o,...e,children:c.jsx("path",{d:"m10.6 13.8-2.15-2.15a.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275.948.948 0 0 0-.275.7.95.95 0 0 0 .275.7L9.9 15.9c.2.2.433.3.7.3.267 0 .5-.1.7-.3l5.65-5.65a.948.948 0 0 0 .275-.7.948.948 0 0 0-.275-.7.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275L10.6 13.8ZM12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Zm0-2c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z"})})}n.displayName="CheckCircleIcon";const i=r.forwardRef(n);function t(e,o){return c.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:o,...e,children:[c.jsx("path",{d:"M11.287 7.287A.968.968 0 0 1 12 7c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 12 9a.968.968 0 0 1-.713-.287A.967.967 0 0 1 11 8c0-.283.096-.52.287-.713Zm0 4A.968.968 0 0 1 12 11c.283 0 .52.096.713.287.191.192.287.43.287.713v4a.97.97 0 0 1-.287.712A.968.968 0 0 1 12 17a.968.968 0 0 1-.713-.288A.968.968 0 0 1 11 16v-4c0-.283.096-.52.287-.713Z"}),c.jsx("path",{fillRule:"evenodd",d:"M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z",clipRule:"evenodd"})]})}t.displayName="InfoIcon";const l=r.forwardRef(t);export{i as C,l as I}; diff --git a/assets/preview-C-azK_iJ.css b/assets/preview-C-azK_iJ.css new file mode 100644 index 00000000..8664f555 --- /dev/null +++ b/assets/preview-C-azK_iJ.css @@ -0,0 +1 @@ +:root{--cpd-radius-pill-effect: 9999px;--cpd-icon-button-size: var(--cpd-space-8x);--cpd-avatar-size: var(--cpd-space-16x);--cpd-font-feature-settings: "kern" 1, "liga" 1, "calt" 1;--cpd-separator-spacing: var(--cpd-space-2x);--cpd-separator-inset: 0}html,body,input{font:var(--cpd-font-body-md-regular);color:var(--cpd-color-text-primary);font-feature-settings:var(--cpd-font-feature-settings)}html,body{block-size:100%;font-size:var(--cpd-font-size-root)}body{background:var(--cpd-color-bg-canvas-default)}@font-face{font-family:Inconsolata;font-style:normal;font-display:swap;font-weight:700;src:url(./inconsolata-vietnamese-700-normal-DlaT3sch.woff2) format("woff2"),url(./inconsolata-vietnamese-700-normal-D1IfJGt6.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inconsolata;font-style:normal;font-display:swap;font-weight:700;src:url(./inconsolata-latin-ext-700-normal-BhssidQ1.woff2) format("woff2"),url(./inconsolata-latin-ext-700-normal-BSLPqmaC.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inconsolata;font-style:normal;font-display:swap;font-weight:700;src:url(./inconsolata-latin-700-normal-BUbZx5Dd.woff2) format("woff2"),url(./inconsolata-latin-700-normal-OU_zouat.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-cyrillic-ext-400-normal-Dc4VJyIJ.woff2) format("woff2"),url(./inter-cyrillic-ext-400-normal-BPnxn4xp.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-cyrillic-400-normal-BLGc9T1a.woff2) format("woff2"),url(./inter-cyrillic-400-normal-ZzOtrSSW.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-greek-ext-400-normal-Bput3-QP.woff2) format("woff2"),url(./inter-greek-ext-400-normal-DCpCPQOf.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-greek-400-normal-DxZsaF_h.woff2) format("woff2"),url(./inter-greek-400-normal-BZzXV7-1.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(./inter-vietnamese-400-normal-BUNmGMP1.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-ext-400-normal-hnt3BR84.woff2) format("woff2"),url(./inter-latin-ext-400-normal-C1t-h-pH.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-BOOGhInR.woff2) format("woff2"),url(./inter-latin-400-normal-gitzw0hO.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-cyrillic-ext-500-normal-BShVwWPj.woff2) format("woff2"),url(./inter-cyrillic-ext-500-normal-CUiC4oBV.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-cyrillic-500-normal-D4Vwzodn.woff2) format("woff2"),url(./inter-cyrillic-500-normal-DH2hs3aW.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-greek-ext-500-normal-B6guLgqG.woff2) format("woff2"),url(./inter-greek-ext-500-normal-M2hEX8vc.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-greek-500-normal-CeQXL5ds.woff2) format("woff2"),url(./inter-greek-500-normal-d_eO-yCQ.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(./inter-vietnamese-500-normal-DQPw2Hwd.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-ext-500-normal-CIS2RHJS.woff2) format("woff2"),url(./inter-latin-ext-500-normal-UMdmhHu2.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-500-normal-D2bGa7uu.woff2) format("woff2"),url(./inter-latin-500-normal-deR1Tlfd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-cyrillic-ext-600-normal-CaqZN2hq.woff2) format("woff2"),url(./inter-cyrillic-ext-600-normal-Bt9VVOA-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-cyrillic-600-normal-BGBWG807.woff2) format("woff2"),url(./inter-cyrillic-600-normal-BuzJQFbW.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-greek-ext-600-normal-Cnui8OiR.woff2) format("woff2"),url(./inter-greek-ext-600-normal-C9WLioJ8.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-greek-600-normal-Dhlb-90d.woff2) format("woff2"),url(./inter-greek-600-normal-CwicyhtI.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(./inter-vietnamese-600-normal-Cm6aH8_k.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-ext-600-normal-BnYJhD27.woff2) format("woff2"),url(./inter-latin-ext-600-normal-CAF0vJDd.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-D273HNI0.woff2) format("woff2"),url(./inter-latin-600-normal-B5cFAncS.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-cyrillic-ext-700-normal-ClVoMEGq.woff2) format("woff2"),url(./inter-cyrillic-ext-700-normal-Ced3hgUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-cyrillic-700-normal-bGtGjVdZ.woff2) format("woff2"),url(./inter-cyrillic-700-normal-Bc8_fv8J.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-greek-ext-700-normal-SzCdnevJ.woff2) format("woff2"),url(./inter-greek-ext-700-normal-DXvzx4Na.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-greek-700-normal-Cxpycf-U.woff2) format("woff2"),url(./inter-greek-700-normal-BRYTaFLL.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-vietnamese-700-normal-CGpBpxLq.woff2) format("woff2"),url(./inter-vietnamese-700-normal-dAnkLlTo.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-latin-ext-700-normal-CzikT_rs.woff2) format("woff2"),url(./inter-latin-ext-700-normal-6V9MnIL5.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-latin-700-normal-Sckx8rpT.woff2) format("woff2"),url(./inter-latin-700-normal-B8MtJ_2k.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer cpd-semantic,custom,cpd-base;@media screen{@layer cpd-base{:root,[class*=cpd-theme-]{--cpd-font-letter-spacing-heading-xl: -.0216em;--cpd-font-letter-spacing-heading-lg: -.0209em;--cpd-font-letter-spacing-heading-md: -.0195em;--cpd-font-letter-spacing-heading-sm: -.0166em;--cpd-font-letter-spacing-body-lg: -.0128em;--cpd-font-letter-spacing-body-md: -.0088em;--cpd-font-letter-spacing-body-sm: -.0031em;--cpd-font-letter-spacing-body-xs: .0048em;--cpd-font-size-root: 1rem;--cpd-font-size-heading-xl: 2rem;--cpd-font-size-heading-lg: 1.75rem;--cpd-font-size-heading-md: 1.5rem;--cpd-font-size-heading-sm: 1.25rem;--cpd-font-size-body-lg: 1.0625rem;--cpd-font-size-body-md: .9375rem;--cpd-font-size-body-sm: .8125rem;--cpd-font-size-body-xs: .6875rem;--cpd-font-line-height-regular: 1.5;--cpd-font-line-height-tight: 1.25;--cpd-font-line-height-minimum: 1;--cpd-font-weight-semibold: 600;--cpd-font-weight-medium: 500;--cpd-font-weight-regular: 400;--cpd-font-family-mono: Inconsolata;--cpd-font-family-sans: Inter;--cpd-border-width-0-5: .5px;--cpd-border-width-4: 4px;--cpd-border-width-2: 2px;--cpd-border-width-1: 1px;--cpd-space-56x: 224px;--cpd-space-36x: 144px;--cpd-space-16x: 64px;--cpd-space-12x: 48px;--cpd-space-11x: 44px;--cpd-space-10x: 40px;--cpd-space-6x: 24px;--cpd-space-0x: 0;--cpd-space-scale: 4px;--cpd-font-heading-xl-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-size-heading-xl)/var(--cpd-font-line-height-tight) var(--cpd-font-family-sans);--cpd-font-heading-xl-regular: var(--cpd-font-weight-regular) var(--cpd-font-size-heading-xl)/var(--cpd-font-line-height-tight) var(--cpd-font-family-sans);--cpd-font-heading-lg-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-size-heading-lg)/var(--cpd-font-line-height-tight) var(--cpd-font-family-sans);--cpd-font-heading-lg-regular: var(--cpd-font-weight-regular) var(--cpd-font-size-heading-lg)/var(--cpd-font-line-height-tight) var(--cpd-font-family-sans);--cpd-font-heading-md-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-size-heading-md)/var(--cpd-font-line-height-tight) var(--cpd-font-family-sans);--cpd-font-heading-md-regular: var(--cpd-font-weight-regular) var(--cpd-font-size-heading-md)/var(--cpd-font-line-height-tight) var(--cpd-font-family-sans);--cpd-font-heading-sm-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-size-heading-sm)/var(--cpd-font-line-height-tight) var(--cpd-font-family-sans);--cpd-font-heading-sm-medium: var(--cpd-font-weight-medium) var(--cpd-font-size-heading-sm)/var(--cpd-font-line-height-tight) var(--cpd-font-family-sans);--cpd-font-heading-sm-regular: var(--cpd-font-weight-regular) var(--cpd-font-size-heading-sm)/var(--cpd-font-line-height-tight) var(--cpd-font-family-sans);--cpd-font-body-lg-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-size-body-lg)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-lg-medium: var(--cpd-font-weight-medium) var(--cpd-font-size-body-lg)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-lg-regular: var(--cpd-font-weight-regular) var(--cpd-font-size-body-lg)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-md-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-size-body-md)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-md-medium: var(--cpd-font-weight-medium) var(--cpd-font-size-body-md)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-md-regular: var(--cpd-font-weight-regular) var(--cpd-font-size-body-md)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-sm-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-size-body-sm)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-sm-medium: var(--cpd-font-weight-medium) var(--cpd-font-size-body-sm)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-sm-regular: var(--cpd-font-weight-regular) var(--cpd-font-size-body-sm)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-xs-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-size-body-xs)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-xs-medium: var(--cpd-font-weight-medium) var(--cpd-font-size-body-xs)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-xs-regular: var(--cpd-font-weight-regular) var(--cpd-font-size-body-xs)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-space-64x: 256px;--cpd-space-48x: 192px;--cpd-space-40x: 160px;--cpd-space-32x: 128px;--cpd-space-28x: 112px;--cpd-space-24x: 96px;--cpd-space-20x: 80px;--cpd-space-15x: 60px;--cpd-space-14x: 56px;--cpd-space-13x: 52px;--cpd-space-9x: 36px;--cpd-space-8x: 32px;--cpd-space-7x: 28px;--cpd-space-5x: 20px;--cpd-space-4x: 16px;--cpd-space-3x: 12px;--cpd-space-2x: 8px;--cpd-space-1-5x: 6px;--cpd-space-1x: var(--cpd-space-scale);--cpd-space-0-5x: 2px}}}@media screen{@layer cpd-semantic{:root,[class*=cpd-theme-]{--cpd-color-icon-on-solid-primary: var(--cpd-color-theme-bg);--cpd-color-icon-info-primary: var(--cpd-color-blue-900);--cpd-color-icon-success-primary: var(--cpd-color-green-900);--cpd-color-icon-critical-primary: var(--cpd-color-red-900);--cpd-color-icon-accent-primary: var(--cpd-color-green-900);--cpd-color-icon-accent-tertiary: var(--cpd-color-green-800);--cpd-color-icon-quaternary-alpha: var(--cpd-color-alpha-gray-700);--cpd-color-icon-tertiary-alpha: var(--cpd-color-alpha-gray-800);--cpd-color-icon-secondary-alpha: var(--cpd-color-alpha-gray-900);--cpd-color-icon-primary-alpha: var(--cpd-color-alpha-gray-1400);--cpd-color-icon-disabled: var(--cpd-color-gray-700);--cpd-color-icon-quaternary: var(--cpd-color-gray-700);--cpd-color-icon-tertiary: var(--cpd-color-gray-800);--cpd-color-icon-secondary: var(--cpd-color-gray-900);--cpd-color-icon-primary: var(--cpd-color-gray-1400);--cpd-color-border-info-subtle: var(--cpd-color-blue-500);--cpd-color-border-success-subtle: var(--cpd-color-green-500);--cpd-color-border-critical-subtle: var(--cpd-color-red-500);--cpd-color-border-critical-hovered: var(--cpd-color-red-1000);--cpd-color-border-critical-primary: var(--cpd-color-red-900);--cpd-color-border-interactive-hovered: var(--cpd-color-gray-1100);--cpd-color-border-interactive-secondary: var(--cpd-color-gray-600);--cpd-color-border-interactive-primary: var(--cpd-color-gray-800);--cpd-color-border-focused: var(--cpd-color-blue-900);--cpd-color-border-disabled: var(--cpd-color-gray-500);--cpd-color-bg-accent-pressed: var(--cpd-color-green-1100);--cpd-color-bg-accent-hovered: var(--cpd-color-green-1000);--cpd-color-bg-accent-rest: var(--cpd-color-green-900);--cpd-color-bg-decorative-6: var(--cpd-color-orange-300);--cpd-color-bg-decorative-5: var(--cpd-color-pink-300);--cpd-color-bg-decorative-4: var(--cpd-color-purple-300);--cpd-color-bg-decorative-3: var(--cpd-color-fuchsia-300);--cpd-color-bg-decorative-2: var(--cpd-color-cyan-300);--cpd-color-bg-decorative-1: var(--cpd-color-lime-300);--cpd-color-bg-info-subtle: var(--cpd-color-blue-200);--cpd-color-bg-success-subtle: var(--cpd-color-green-200);--cpd-color-bg-critical-subtle-hovered: var(--cpd-color-red-300);--cpd-color-bg-critical-subtle: var(--cpd-color-red-200);--cpd-color-bg-critical-hovered: var(--cpd-color-red-1000);--cpd-color-bg-critical-primary: var(--cpd-color-red-900);--cpd-color-bg-action-secondary-pressed: var(--cpd-color-alpha-gray-300);--cpd-color-bg-action-secondary-hovered: var(--cpd-color-alpha-gray-200);--cpd-color-bg-action-secondary-rest: var(--cpd-color-theme-bg);--cpd-color-bg-action-primary-disabled: var(--cpd-color-gray-700);--cpd-color-bg-action-primary-pressed: var(--cpd-color-gray-1100);--cpd-color-bg-action-primary-hovered: var(--cpd-color-gray-1200);--cpd-color-bg-action-primary-rest: var(--cpd-color-gray-1400);--cpd-color-bg-canvas-disabled: var(--cpd-color-gray-200);--cpd-color-bg-canvas-default: var(--cpd-color-theme-bg);--cpd-color-bg-subtle-secondary: var(--cpd-color-gray-300);--cpd-color-bg-subtle-primary: var(--cpd-color-gray-400);--cpd-color-text-decorative-6: var(--cpd-color-orange-1100);--cpd-color-text-decorative-5: var(--cpd-color-pink-1100);--cpd-color-text-decorative-4: var(--cpd-color-purple-1100);--cpd-color-text-decorative-3: var(--cpd-color-fuchsia-1100);--cpd-color-text-decorative-2: var(--cpd-color-cyan-1100);--cpd-color-text-decorative-1: var(--cpd-color-lime-1100);--cpd-color-text-on-solid-primary: var(--cpd-color-theme-bg);--cpd-color-text-info-primary: var(--cpd-color-blue-900);--cpd-color-text-success-primary: var(--cpd-color-green-900);--cpd-color-text-critical-primary: var(--cpd-color-red-900);--cpd-color-text-link-external: var(--cpd-color-blue-900);--cpd-color-text-action-accent: var(--cpd-color-green-900);--cpd-color-text-action-primary: var(--cpd-color-gray-1400);--cpd-color-text-disabled: var(--cpd-color-gray-800);--cpd-color-text-placeholder: var(--cpd-color-gray-800);--cpd-color-text-secondary: var(--cpd-color-gray-900);--cpd-color-text-primary: var(--cpd-color-gray-1400)}}}@media screen{@layer cpd-base{.cpd-theme-light.cpd-theme-light{--cpd-color-alpha-pink-1400: hsl(339, 100%, 13%, 1);--cpd-color-alpha-pink-1300: hsl(333, 100%, 19%, 1);--cpd-color-alpha-pink-1200: hsla(330, 98%, 24%, .98);--cpd-color-alpha-pink-1100: hsla(331, 100%, 31%, .97);--cpd-color-alpha-pink-1000: hsla(332, 98%, 36%, .97);--cpd-color-alpha-pink-900: hsla(333, 98%, 41%, .96);--cpd-color-alpha-pink-800: hsla(340, 100%, 48%, .75);--cpd-color-alpha-pink-700: hsla(345, 100%, 50%, .47);--cpd-color-alpha-pink-600: hsla(346, 100%, 51%, .33);--cpd-color-alpha-pink-500: hsla(347, 100%, 50%, .24);--cpd-color-alpha-pink-400: hsla(347, 100%, 50%, .13);--cpd-color-alpha-pink-300: hsla(347, 100%, 54%, .08);--cpd-color-alpha-pink-200: hsla(348, 100%, 51%, .04);--cpd-color-alpha-pink-100: hsla(348, 100%, 51%, .02);--cpd-color-alpha-fuchsia-1400: hsl(281, 100%, 15%, 1);--cpd-color-alpha-fuchsia-1300: hsl(285, 100%, 20%, 1);--cpd-color-alpha-fuchsia-1200: hsla(286, 97%, 24%, .93);--cpd-color-alpha-fuchsia-1100: hsla(289, 96%, 28%, .88);--cpd-color-alpha-fuchsia-1000: hsla(291, 99%, 30%, .84);--cpd-color-alpha-fuchsia-900: hsla(293, 100%, 34%, .8);--cpd-color-alpha-fuchsia-800: hsla(295, 97%, 37%, .64);--cpd-color-alpha-fuchsia-700: hsla(295, 96%, 37%, .43);--cpd-color-alpha-fuchsia-600: hsla(297, 93%, 38%, .31);--cpd-color-alpha-fuchsia-500: hsla(296, 93%, 39%, .23);--cpd-color-alpha-fuchsia-400: hsla(298, 91%, 40%, .13);--cpd-color-alpha-fuchsia-300: hsla(295, 89%, 41%, .07);--cpd-color-alpha-fuchsia-200: hsla(293, 95%, 41%, .04);--cpd-color-alpha-fuchsia-100: hsla(300, 95%, 41%, .02);--cpd-color-alpha-purple-1400: hsl(259, 100%, 20%, 1);--cpd-color-alpha-purple-1300: hsl(262, 100%, 28%, 1);--cpd-color-alpha-purple-1200: hsla(264, 98%, 36%, .99);--cpd-color-alpha-purple-1100: hsla(260, 97%, 39%, .86);--cpd-color-alpha-purple-1000: hsla(259, 98%, 42%, .79);--cpd-color-alpha-purple-900: hsla(258, 98%, 47%, .73);--cpd-color-alpha-purple-800: hsla(254, 99%, 49%, .56);--cpd-color-alpha-purple-700: hsla(251, 100%, 51%, .38);--cpd-color-alpha-purple-600: hsla(249, 100%, 51%, .27);--cpd-color-alpha-purple-500: hsla(248, 100%, 51%, .2);--cpd-color-alpha-purple-400: hsla(248, 100%, 53%, .12);--cpd-color-alpha-purple-300: hsla(248, 100%, 55%, .07);--cpd-color-alpha-purple-200: hsla(248, 100%, 61%, .04);--cpd-color-alpha-purple-100: hsla(240, 100%, 61%, .02);--cpd-color-alpha-blue-1400: hsl(232, 100%, 20%, 1);--cpd-color-alpha-blue-1300: hsl(222, 98%, 24%, 1);--cpd-color-alpha-blue-1200: hsla(218, 99%, 29%, .99);--cpd-color-alpha-blue-1100: hsla(216, 99%, 35%, .98);--cpd-color-alpha-blue-1000: hsla(214, 98%, 39%, .99);--cpd-color-alpha-blue-900: hsla(213, 99%, 44%, .99);--cpd-color-alpha-blue-800: hsla(215, 100%, 46%, .75);--cpd-color-alpha-blue-700: hsla(215, 98%, 47%, .51);--cpd-color-alpha-blue-600: hsla(216, 95%, 48%, .37);--cpd-color-alpha-blue-500: hsla(215, 93%, 50%, .28);--cpd-color-alpha-blue-400: hsla(216, 95%, 51%, .16);--cpd-color-alpha-blue-300: hsla(215, 100%, 52%, .09);--cpd-color-alpha-blue-200: hsla(218, 100%, 57%, .05);--cpd-color-alpha-blue-100: hsla(210, 100%, 61%, .03);--cpd-color-alpha-cyan-1400: hsl(221, 100%, 16%, 1);--cpd-color-alpha-cyan-1300: hsl(213, 100%, 19%, 1);--cpd-color-alpha-cyan-1200: hsl(208, 100%, 23%, 1);--cpd-color-alpha-cyan-1100: hsl(204, 100%, 28%, 1);--cpd-color-alpha-cyan-1000: hsl(202, 100%, 31%, 1);--cpd-color-alpha-cyan-900: hsl(200, 100%, 34%, 1);--cpd-color-alpha-cyan-800: hsl(194, 100%, 38%, 1);--cpd-color-alpha-cyan-700: hsla(186, 99%, 40%, .92);--cpd-color-alpha-cyan-600: hsla(187, 99%, 38%, .54);--cpd-color-alpha-cyan-500: hsla(186, 95%, 38%, .4);--cpd-color-alpha-cyan-400: hsla(186, 100%, 37%, .22);--cpd-color-alpha-cyan-300: hsla(188, 100%, 38%, .11);--cpd-color-alpha-cyan-200: hsla(186, 79%, 41%, .06);--cpd-color-alpha-cyan-100: hsla(180, 79%, 41%, .03);--cpd-color-alpha-green-1400: hsl(149, 100%, 7%, 1);--cpd-color-alpha-green-1300: hsl(157, 100%, 10%, 1);--cpd-color-alpha-green-1200: hsl(162, 100%, 14%, 1);--cpd-color-alpha-green-1100: hsl(165, 100%, 18%, 1);--cpd-color-alpha-green-1000: hsl(166, 100%, 21%, 1);--cpd-color-alpha-green-900: hsl(168, 100%, 24%, 1);--cpd-color-alpha-green-800: hsl(166, 100%, 30%, 1);--cpd-color-alpha-green-700: hsla(163, 99%, 38%, .96);--cpd-color-alpha-green-600: hsla(156, 99%, 36%, .56);--cpd-color-alpha-green-500: hsla(154, 96%, 37%, .41);--cpd-color-alpha-green-400: hsla(151, 93%, 37%, .23);--cpd-color-alpha-green-300: hsla(150, 100%, 36%, .11);--cpd-color-alpha-green-200: hsla(150, 79%, 41%, .06);--cpd-color-alpha-green-100: hsla(156, 79%, 41%, .03);--cpd-color-alpha-lime-1400: hsl(120, 100%, 7%, 1);--cpd-color-alpha-lime-1300: hsl(120, 100%, 11%, 1);--cpd-color-alpha-lime-1200: hsl(120, 100%, 15%, 1);--cpd-color-alpha-lime-1100: hsl(120, 100%, 19%, 1);--cpd-color-alpha-lime-1000: hsl(120, 100%, 22%, 1);--cpd-color-alpha-lime-900: hsla(113, 97%, 24%, .96);--cpd-color-alpha-lime-800: hsla(107, 99%, 29%, .91);--cpd-color-alpha-lime-700: hsla(102, 100%, 37%, .86);--cpd-color-alpha-lime-600: hsla(102, 97%, 41%, .71);--cpd-color-alpha-lime-500: hsla(104, 98%, 40%, .51);--cpd-color-alpha-lime-400: hsla(105, 92%, 42%, .28);--cpd-color-alpha-lime-300: hsla(107, 98%, 41%, .15);--cpd-color-alpha-lime-200: hsla(107, 89%, 44%, .07);--cpd-color-alpha-lime-100: hsla(103, 75%, 46%, .04);--cpd-color-alpha-yellow-1400: hsl(6, 100%, 13%, 1);--cpd-color-alpha-yellow-1300: hsl(19, 100%, 17%, 1);--cpd-color-alpha-yellow-1200: hsl(26, 100%, 21%, 1);--cpd-color-alpha-yellow-1100: hsl(30, 100%, 25%, 1);--cpd-color-alpha-yellow-1000: hsl(32, 100%, 28%, 1);--cpd-color-alpha-yellow-900: hsl(34, 100%, 31%, 1);--cpd-color-alpha-yellow-800: hsl(39, 100%, 37%, 1);--cpd-color-alpha-yellow-700: hsl(44, 100%, 44%, 1);--cpd-color-alpha-yellow-600: hsl(47, 100%, 47%, 1);--cpd-color-alpha-yellow-500: hsl(49, 100%, 49%, 1);--cpd-color-alpha-yellow-400: hsla(47, 100%, 51%, .49);--cpd-color-alpha-yellow-300: hsla(47, 100%, 51%, .25);--cpd-color-alpha-yellow-200: hsla(46, 100%, 53%, .13);--cpd-color-alpha-yellow-100: hsla(48, 100%, 51%, .06);--cpd-color-alpha-orange-1400: hsl(0, 100%, 14%, 1);--cpd-color-alpha-orange-1300: hsl(0, 100%, 19%, 1);--cpd-color-alpha-orange-1200: hsl(0, 100%, 26%, 1);--cpd-color-alpha-orange-1100: hsl(13, 100%, 30%, 1);--cpd-color-alpha-orange-1000: hsl(18, 100%, 34%, 1);--cpd-color-alpha-orange-900: hsl(22, 100%, 37%, 1);--cpd-color-alpha-orange-800: hsl(28, 100%, 43%, 1);--cpd-color-alpha-orange-700: hsla(27, 100%, 48%, .75);--cpd-color-alpha-orange-600: hsla(26, 98%, 50%, .52);--cpd-color-alpha-orange-500: hsla(25, 100%, 50%, .37);--cpd-color-alpha-orange-400: hsla(25, 100%, 51%, .22);--cpd-color-alpha-orange-300: hsla(24, 100%, 52%, .11);--cpd-color-alpha-orange-200: hsla(26, 100%, 55%, .07);--cpd-color-alpha-orange-100: hsla(22, 100%, 61%, .04);--cpd-color-alpha-red-1400: hsl(0, 100%, 14%, 1);--cpd-color-alpha-red-1300: hsl(0, 100%, 19%, 1);--cpd-color-alpha-red-1200: hsl(357, 100%, 26%, 1);--cpd-color-alpha-red-1100: hsla(350, 99%, 32%, .99);--cpd-color-alpha-red-1000: hsla(353, 98%, 37%, .95);--cpd-color-alpha-red-900: hsla(355, 98%, 41%, .91);--cpd-color-alpha-red-800: hsla(0, 100%, 51%, .77);--cpd-color-alpha-red-700: hsla(5, 100%, 51%, .5);--cpd-color-alpha-red-600: hsla(7, 100%, 51%, .36);--cpd-color-alpha-red-500: hsla(8, 100%, 51%, .27);--cpd-color-alpha-red-400: hsla(8, 100%, 52%, .15);--cpd-color-alpha-red-300: hsla(9, 100%, 54%, .08);--cpd-color-alpha-red-200: hsla(7, 100%, 56%, .04);--cpd-color-alpha-red-100: hsla(10, 100%, 61%, .03);--cpd-color-alpha-gray-1400: hsla(223, 64%, 2%, .9);--cpd-color-alpha-gray-1300: hsla(225, 57%, 3%, .84);--cpd-color-alpha-gray-1200: hsla(213, 73%, 3%, .77);--cpd-color-alpha-gray-1100: hsla(215, 74%, 5%, .71);--cpd-color-alpha-gray-1000: hsla(218, 79%, 6%, .66);--cpd-color-alpha-gray-900: hsla(213, 83%, 7%, .61);--cpd-color-alpha-gray-800: hsla(213, 87%, 9%, .5);--cpd-color-alpha-gray-700: hsla(215, 96%, 10%, .35);--cpd-color-alpha-gray-600: hsla(212, 97%, 12%, .26);--cpd-color-alpha-gray-500: hsla(212, 87%, 15%, .2);--cpd-color-alpha-gray-400: hsla(213, 90%, 20%, .12);--cpd-color-alpha-gray-300: hsla(216, 89%, 18%, .06);--cpd-color-alpha-gray-200: hsla(200, 41%, 36%, .04);--cpd-color-alpha-gray-100: hsla(210, 48%, 41%, .02);--cpd-color-pink-1400: #430017;--cpd-color-pink-1300: #5f002b;--cpd-color-pink-1200: #7e0642;--cpd-color-pink-1100: #9f0850;--cpd-color-pink-1000: #b80a5b;--cpd-color-pink-900: #d20c65;--cpd-color-pink-800: #f7407d;--cpd-color-pink-700: #ff88a6;--cpd-color-pink-600: #ffadc0;--cpd-color-pink-500: #ffc2cf;--cpd-color-pink-400: #ffdee5;--cpd-color-pink-300: #ffecf0;--cpd-color-pink-200: #fff5f7;--cpd-color-pink-100: #fffafb;--cpd-color-fuchsia-1400: #34004c;--cpd-color-fuchsia-1300: #4e0068;--cpd-color-fuchsia-1200: #671481;--cpd-color-fuchsia-1100: #822198;--cpd-color-fuchsia-1000: #972aaa;--cpd-color-fuchsia-900: #ad33bd;--cpd-color-fuchsia-800: #c85ed1;--cpd-color-fuchsia-700: #db93e1;--cpd-color-fuchsia-600: #e7b2ea;--cpd-color-fuchsia-500: #edc6f0;--cpd-color-fuchsia-400: #f6dff7;--cpd-color-fuchsia-300: #faeefb;--cpd-color-fuchsia-200: #fcf5fd;--cpd-color-fuchsia-100: #fefafe;--cpd-color-purple-1400: #200066;--cpd-color-purple-1300: #33008d;--cpd-color-purple-1200: #4c05b5;--cpd-color-purple-1100: #5d26cd;--cpd-color-purple-1000: #6b37de;--cpd-color-purple-900: #7a47f1;--cpd-color-purple-800: #9271fd;--cpd-color-purple-700: #b1a0ff;--cpd-color-purple-600: #c5bbff;--cpd-color-purple-500: #d4cdff;--cpd-color-purple-400: #e6e2ff;--cpd-color-purple-300: #f1efff;--cpd-color-purple-200: #f8f7ff;--cpd-color-purple-100: #fbfbff;--cpd-color-blue-1400: #000e65;--cpd-color-blue-1300: #012478;--cpd-color-blue-1200: #043894;--cpd-color-blue-1100: #064ab1;--cpd-color-blue-1000: #0558c7;--cpd-color-blue-900: #0467dd;--cpd-color-blue-800: #4088ee;--cpd-color-blue-700: #7eaff6;--cpd-color-blue-600: #a3c6fa;--cpd-color-blue-500: #bad5fc;--cpd-color-blue-400: #d8e7fe;--cpd-color-blue-300: #e9f2ff;--cpd-color-blue-200: #f4f8ff;--cpd-color-blue-100: #f9fcff;--cpd-color-cyan-1400: #00194f;--cpd-color-cyan-1300: #002b61;--cpd-color-cyan-1200: #004077;--cpd-color-cyan-1100: #00548c;--cpd-color-cyan-1000: #00629c;--cpd-color-cyan-900: #0072ac;--cpd-color-cyan-800: #0094c0;--cpd-color-cyan-700: #15becf;--cpd-color-cyan-600: #76d1dd;--cpd-color-cyan-500: #9bdde5;--cpd-color-cyan-400: #c7ecf0;--cpd-color-cyan-300: #e3f5f8;--cpd-color-cyan-200: #f1fafb;--cpd-color-cyan-100: #f8fdfd;--cpd-color-green-1400: #002311;--cpd-color-green-1300: #003420;--cpd-color-green-1200: #004933;--cpd-color-green-1100: #005c45;--cpd-color-green-1000: #006b52;--cpd-color-green-900: #007a61;--cpd-color-green-800: #009b78;--cpd-color-green-700: #0bc491;--cpd-color-green-600: #71d7ae;--cpd-color-green-500: #98e1c1;--cpd-color-green-400: #c6eedb;--cpd-color-green-300: #e3f7ed;--cpd-color-green-200: #f1fbf6;--cpd-color-green-100: #f8fdfb;--cpd-color-lime-1400: #002400;--cpd-color-lime-1300: #003600;--cpd-color-lime-1200: #004b00;--cpd-color-lime-1100: #005f00;--cpd-color-lime-1000: #006e00;--cpd-color-lime-900: #197d0c;--cpd-color-lime-800: #359d18;--cpd-color-lime-700: #54c424;--cpd-color-lime-600: #76db4c;--cpd-color-lime-500: #99e57e;--cpd-color-lime-400: #c8f1ba;--cpd-color-lime-300: #e0f8d9;--cpd-color-lime-200: #f1fcee;--cpd-color-lime-100: #f8fdf6;--cpd-color-yellow-1400: #410600;--cpd-color-yellow-1300: #541a00;--cpd-color-yellow-1200: #692e00;--cpd-color-yellow-1100: #803f00;--cpd-color-yellow-1000: #8f4d00;--cpd-color-yellow-900: #9f5b00;--cpd-color-yellow-800: #be7a00;--cpd-color-yellow-700: #dea200;--cpd-color-yellow-600: #f1bd00;--cpd-color-yellow-500: #fbce00;--cpd-color-yellow-400: #ffe484;--cpd-color-yellow-300: #fff2c1;--cpd-color-yellow-200: #fff8e0;--cpd-color-yellow-100: #fffcf0;--cpd-color-orange-1400: #450000;--cpd-color-orange-1300: #620000;--cpd-color-orange-1200: #850000;--cpd-color-orange-1100: #9b2200;--cpd-color-orange-1000: #ac3300;--cpd-color-orange-900: #bc4500;--cpd-color-orange-800: #dc6700;--cpd-color-orange-700: #f89440;--cpd-color-orange-600: #fdb37c;--cpd-color-orange-500: #ffc8a1;--cpd-color-orange-400: #ffdfc8;--cpd-color-orange-300: #ffefe4;--cpd-color-orange-200: #fff6ef;--cpd-color-orange-100: #fffaf7;--cpd-color-red-1400: #450000;--cpd-color-red-1300: #620000;--cpd-color-red-1200: #850006;--cpd-color-red-1100: #a4041d;--cpd-color-red-1000: #bc0f22;--cpd-color-red-900: #d51928;--cpd-color-red-800: #ff3d3d;--cpd-color-red-700: #ff8c81;--cpd-color-red-600: #ffafa5;--cpd-color-red-500: #ffc5bc;--cpd-color-red-400: #ffdfda;--cpd-color-red-300: #ffefec;--cpd-color-red-200: #fff7f6;--cpd-color-red-100: #fffaf9;--cpd-color-gray-1400: #1b1d22;--cpd-color-gray-1300: #2b2d32;--cpd-color-gray-1200: #3c4045;--cpd-color-gray-1100: #4c5158;--cpd-color-gray-1000: #595e67;--cpd-color-gray-900: #656d77;--cpd-color-gray-800: #818a95;--cpd-color-gray-700: #a6adb7;--cpd-color-gray-600: #bdc4cc;--cpd-color-gray-500: #cdd3da;--cpd-color-gray-400: #e1e6ec;--cpd-color-gray-300: #f0f2f5;--cpd-color-gray-200: #f7f9fa;--cpd-color-gray-100: #fbfcfd;--cpd-color-theme-bg: #ffffff}}}@media screen and (prefers-color-scheme: light){@layer cpd-base{:root{--cpd-color-alpha-pink-1400: hsl(339, 100%, 13%, 1);--cpd-color-alpha-pink-1300: hsl(333, 100%, 19%, 1);--cpd-color-alpha-pink-1200: hsla(330, 98%, 24%, .98);--cpd-color-alpha-pink-1100: hsla(331, 100%, 31%, .97);--cpd-color-alpha-pink-1000: hsla(332, 98%, 36%, .97);--cpd-color-alpha-pink-900: hsla(333, 98%, 41%, .96);--cpd-color-alpha-pink-800: hsla(340, 100%, 48%, .75);--cpd-color-alpha-pink-700: hsla(345, 100%, 50%, .47);--cpd-color-alpha-pink-600: hsla(346, 100%, 51%, .33);--cpd-color-alpha-pink-500: hsla(347, 100%, 50%, .24);--cpd-color-alpha-pink-400: hsla(347, 100%, 50%, .13);--cpd-color-alpha-pink-300: hsla(347, 100%, 54%, .08);--cpd-color-alpha-pink-200: hsla(348, 100%, 51%, .04);--cpd-color-alpha-pink-100: hsla(348, 100%, 51%, .02);--cpd-color-alpha-fuchsia-1400: hsl(281, 100%, 15%, 1);--cpd-color-alpha-fuchsia-1300: hsl(285, 100%, 20%, 1);--cpd-color-alpha-fuchsia-1200: hsla(286, 97%, 24%, .93);--cpd-color-alpha-fuchsia-1100: hsla(289, 96%, 28%, .88);--cpd-color-alpha-fuchsia-1000: hsla(291, 99%, 30%, .84);--cpd-color-alpha-fuchsia-900: hsla(293, 100%, 34%, .8);--cpd-color-alpha-fuchsia-800: hsla(295, 97%, 37%, .64);--cpd-color-alpha-fuchsia-700: hsla(295, 96%, 37%, .43);--cpd-color-alpha-fuchsia-600: hsla(297, 93%, 38%, .31);--cpd-color-alpha-fuchsia-500: hsla(296, 93%, 39%, .23);--cpd-color-alpha-fuchsia-400: hsla(298, 91%, 40%, .13);--cpd-color-alpha-fuchsia-300: hsla(295, 89%, 41%, .07);--cpd-color-alpha-fuchsia-200: hsla(293, 95%, 41%, .04);--cpd-color-alpha-fuchsia-100: hsla(300, 95%, 41%, .02);--cpd-color-alpha-purple-1400: hsl(259, 100%, 20%, 1);--cpd-color-alpha-purple-1300: hsl(262, 100%, 28%, 1);--cpd-color-alpha-purple-1200: hsla(264, 98%, 36%, .99);--cpd-color-alpha-purple-1100: hsla(260, 97%, 39%, .86);--cpd-color-alpha-purple-1000: hsla(259, 98%, 42%, .79);--cpd-color-alpha-purple-900: hsla(258, 98%, 47%, .73);--cpd-color-alpha-purple-800: hsla(254, 99%, 49%, .56);--cpd-color-alpha-purple-700: hsla(251, 100%, 51%, .38);--cpd-color-alpha-purple-600: hsla(249, 100%, 51%, .27);--cpd-color-alpha-purple-500: hsla(248, 100%, 51%, .2);--cpd-color-alpha-purple-400: hsla(248, 100%, 53%, .12);--cpd-color-alpha-purple-300: hsla(248, 100%, 55%, .07);--cpd-color-alpha-purple-200: hsla(248, 100%, 61%, .04);--cpd-color-alpha-purple-100: hsla(240, 100%, 61%, .02);--cpd-color-alpha-blue-1400: hsl(232, 100%, 20%, 1);--cpd-color-alpha-blue-1300: hsl(222, 98%, 24%, 1);--cpd-color-alpha-blue-1200: hsla(218, 99%, 29%, .99);--cpd-color-alpha-blue-1100: hsla(216, 99%, 35%, .98);--cpd-color-alpha-blue-1000: hsla(214, 98%, 39%, .99);--cpd-color-alpha-blue-900: hsla(213, 99%, 44%, .99);--cpd-color-alpha-blue-800: hsla(215, 100%, 46%, .75);--cpd-color-alpha-blue-700: hsla(215, 98%, 47%, .51);--cpd-color-alpha-blue-600: hsla(216, 95%, 48%, .37);--cpd-color-alpha-blue-500: hsla(215, 93%, 50%, .28);--cpd-color-alpha-blue-400: hsla(216, 95%, 51%, .16);--cpd-color-alpha-blue-300: hsla(215, 100%, 52%, .09);--cpd-color-alpha-blue-200: hsla(218, 100%, 57%, .05);--cpd-color-alpha-blue-100: hsla(210, 100%, 61%, .03);--cpd-color-alpha-cyan-1400: hsl(221, 100%, 16%, 1);--cpd-color-alpha-cyan-1300: hsl(213, 100%, 19%, 1);--cpd-color-alpha-cyan-1200: hsl(208, 100%, 23%, 1);--cpd-color-alpha-cyan-1100: hsl(204, 100%, 28%, 1);--cpd-color-alpha-cyan-1000: hsl(202, 100%, 31%, 1);--cpd-color-alpha-cyan-900: hsl(200, 100%, 34%, 1);--cpd-color-alpha-cyan-800: hsl(194, 100%, 38%, 1);--cpd-color-alpha-cyan-700: hsla(186, 99%, 40%, .92);--cpd-color-alpha-cyan-600: hsla(187, 99%, 38%, .54);--cpd-color-alpha-cyan-500: hsla(186, 95%, 38%, .4);--cpd-color-alpha-cyan-400: hsla(186, 100%, 37%, .22);--cpd-color-alpha-cyan-300: hsla(188, 100%, 38%, .11);--cpd-color-alpha-cyan-200: hsla(186, 79%, 41%, .06);--cpd-color-alpha-cyan-100: hsla(180, 79%, 41%, .03);--cpd-color-alpha-green-1400: hsl(149, 100%, 7%, 1);--cpd-color-alpha-green-1300: hsl(157, 100%, 10%, 1);--cpd-color-alpha-green-1200: hsl(162, 100%, 14%, 1);--cpd-color-alpha-green-1100: hsl(165, 100%, 18%, 1);--cpd-color-alpha-green-1000: hsl(166, 100%, 21%, 1);--cpd-color-alpha-green-900: hsl(168, 100%, 24%, 1);--cpd-color-alpha-green-800: hsl(166, 100%, 30%, 1);--cpd-color-alpha-green-700: hsla(163, 99%, 38%, .96);--cpd-color-alpha-green-600: hsla(156, 99%, 36%, .56);--cpd-color-alpha-green-500: hsla(154, 96%, 37%, .41);--cpd-color-alpha-green-400: hsla(151, 93%, 37%, .23);--cpd-color-alpha-green-300: hsla(150, 100%, 36%, .11);--cpd-color-alpha-green-200: hsla(150, 79%, 41%, .06);--cpd-color-alpha-green-100: hsla(156, 79%, 41%, .03);--cpd-color-alpha-lime-1400: hsl(120, 100%, 7%, 1);--cpd-color-alpha-lime-1300: hsl(120, 100%, 11%, 1);--cpd-color-alpha-lime-1200: hsl(120, 100%, 15%, 1);--cpd-color-alpha-lime-1100: hsl(120, 100%, 19%, 1);--cpd-color-alpha-lime-1000: hsl(120, 100%, 22%, 1);--cpd-color-alpha-lime-900: hsla(113, 97%, 24%, .96);--cpd-color-alpha-lime-800: hsla(107, 99%, 29%, .91);--cpd-color-alpha-lime-700: hsla(102, 100%, 37%, .86);--cpd-color-alpha-lime-600: hsla(102, 97%, 41%, .71);--cpd-color-alpha-lime-500: hsla(104, 98%, 40%, .51);--cpd-color-alpha-lime-400: hsla(105, 92%, 42%, .28);--cpd-color-alpha-lime-300: hsla(107, 98%, 41%, .15);--cpd-color-alpha-lime-200: hsla(107, 89%, 44%, .07);--cpd-color-alpha-lime-100: hsla(103, 75%, 46%, .04);--cpd-color-alpha-yellow-1400: hsl(6, 100%, 13%, 1);--cpd-color-alpha-yellow-1300: hsl(19, 100%, 17%, 1);--cpd-color-alpha-yellow-1200: hsl(26, 100%, 21%, 1);--cpd-color-alpha-yellow-1100: hsl(30, 100%, 25%, 1);--cpd-color-alpha-yellow-1000: hsl(32, 100%, 28%, 1);--cpd-color-alpha-yellow-900: hsl(34, 100%, 31%, 1);--cpd-color-alpha-yellow-800: hsl(39, 100%, 37%, 1);--cpd-color-alpha-yellow-700: hsl(44, 100%, 44%, 1);--cpd-color-alpha-yellow-600: hsl(47, 100%, 47%, 1);--cpd-color-alpha-yellow-500: hsl(49, 100%, 49%, 1);--cpd-color-alpha-yellow-400: hsla(47, 100%, 51%, .49);--cpd-color-alpha-yellow-300: hsla(47, 100%, 51%, .25);--cpd-color-alpha-yellow-200: hsla(46, 100%, 53%, .13);--cpd-color-alpha-yellow-100: hsla(48, 100%, 51%, .06);--cpd-color-alpha-orange-1400: hsl(0, 100%, 14%, 1);--cpd-color-alpha-orange-1300: hsl(0, 100%, 19%, 1);--cpd-color-alpha-orange-1200: hsl(0, 100%, 26%, 1);--cpd-color-alpha-orange-1100: hsl(13, 100%, 30%, 1);--cpd-color-alpha-orange-1000: hsl(18, 100%, 34%, 1);--cpd-color-alpha-orange-900: hsl(22, 100%, 37%, 1);--cpd-color-alpha-orange-800: hsl(28, 100%, 43%, 1);--cpd-color-alpha-orange-700: hsla(27, 100%, 48%, .75);--cpd-color-alpha-orange-600: hsla(26, 98%, 50%, .52);--cpd-color-alpha-orange-500: hsla(25, 100%, 50%, .37);--cpd-color-alpha-orange-400: hsla(25, 100%, 51%, .22);--cpd-color-alpha-orange-300: hsla(24, 100%, 52%, .11);--cpd-color-alpha-orange-200: hsla(26, 100%, 55%, .07);--cpd-color-alpha-orange-100: hsla(22, 100%, 61%, .04);--cpd-color-alpha-red-1400: hsl(0, 100%, 14%, 1);--cpd-color-alpha-red-1300: hsl(0, 100%, 19%, 1);--cpd-color-alpha-red-1200: hsl(357, 100%, 26%, 1);--cpd-color-alpha-red-1100: hsla(350, 99%, 32%, .99);--cpd-color-alpha-red-1000: hsla(353, 98%, 37%, .95);--cpd-color-alpha-red-900: hsla(355, 98%, 41%, .91);--cpd-color-alpha-red-800: hsla(0, 100%, 51%, .77);--cpd-color-alpha-red-700: hsla(5, 100%, 51%, .5);--cpd-color-alpha-red-600: hsla(7, 100%, 51%, .36);--cpd-color-alpha-red-500: hsla(8, 100%, 51%, .27);--cpd-color-alpha-red-400: hsla(8, 100%, 52%, .15);--cpd-color-alpha-red-300: hsla(9, 100%, 54%, .08);--cpd-color-alpha-red-200: hsla(7, 100%, 56%, .04);--cpd-color-alpha-red-100: hsla(10, 100%, 61%, .03);--cpd-color-alpha-gray-1400: hsla(223, 64%, 2%, .9);--cpd-color-alpha-gray-1300: hsla(225, 57%, 3%, .84);--cpd-color-alpha-gray-1200: hsla(213, 73%, 3%, .77);--cpd-color-alpha-gray-1100: hsla(215, 74%, 5%, .71);--cpd-color-alpha-gray-1000: hsla(218, 79%, 6%, .66);--cpd-color-alpha-gray-900: hsla(213, 83%, 7%, .61);--cpd-color-alpha-gray-800: hsla(213, 87%, 9%, .5);--cpd-color-alpha-gray-700: hsla(215, 96%, 10%, .35);--cpd-color-alpha-gray-600: hsla(212, 97%, 12%, .26);--cpd-color-alpha-gray-500: hsla(212, 87%, 15%, .2);--cpd-color-alpha-gray-400: hsla(213, 90%, 20%, .12);--cpd-color-alpha-gray-300: hsla(216, 89%, 18%, .06);--cpd-color-alpha-gray-200: hsla(200, 41%, 36%, .04);--cpd-color-alpha-gray-100: hsla(210, 48%, 41%, .02);--cpd-color-pink-1400: #430017;--cpd-color-pink-1300: #5f002b;--cpd-color-pink-1200: #7e0642;--cpd-color-pink-1100: #9f0850;--cpd-color-pink-1000: #b80a5b;--cpd-color-pink-900: #d20c65;--cpd-color-pink-800: #f7407d;--cpd-color-pink-700: #ff88a6;--cpd-color-pink-600: #ffadc0;--cpd-color-pink-500: #ffc2cf;--cpd-color-pink-400: #ffdee5;--cpd-color-pink-300: #ffecf0;--cpd-color-pink-200: #fff5f7;--cpd-color-pink-100: #fffafb;--cpd-color-fuchsia-1400: #34004c;--cpd-color-fuchsia-1300: #4e0068;--cpd-color-fuchsia-1200: #671481;--cpd-color-fuchsia-1100: #822198;--cpd-color-fuchsia-1000: #972aaa;--cpd-color-fuchsia-900: #ad33bd;--cpd-color-fuchsia-800: #c85ed1;--cpd-color-fuchsia-700: #db93e1;--cpd-color-fuchsia-600: #e7b2ea;--cpd-color-fuchsia-500: #edc6f0;--cpd-color-fuchsia-400: #f6dff7;--cpd-color-fuchsia-300: #faeefb;--cpd-color-fuchsia-200: #fcf5fd;--cpd-color-fuchsia-100: #fefafe;--cpd-color-purple-1400: #200066;--cpd-color-purple-1300: #33008d;--cpd-color-purple-1200: #4c05b5;--cpd-color-purple-1100: #5d26cd;--cpd-color-purple-1000: #6b37de;--cpd-color-purple-900: #7a47f1;--cpd-color-purple-800: #9271fd;--cpd-color-purple-700: #b1a0ff;--cpd-color-purple-600: #c5bbff;--cpd-color-purple-500: #d4cdff;--cpd-color-purple-400: #e6e2ff;--cpd-color-purple-300: #f1efff;--cpd-color-purple-200: #f8f7ff;--cpd-color-purple-100: #fbfbff;--cpd-color-blue-1400: #000e65;--cpd-color-blue-1300: #012478;--cpd-color-blue-1200: #043894;--cpd-color-blue-1100: #064ab1;--cpd-color-blue-1000: #0558c7;--cpd-color-blue-900: #0467dd;--cpd-color-blue-800: #4088ee;--cpd-color-blue-700: #7eaff6;--cpd-color-blue-600: #a3c6fa;--cpd-color-blue-500: #bad5fc;--cpd-color-blue-400: #d8e7fe;--cpd-color-blue-300: #e9f2ff;--cpd-color-blue-200: #f4f8ff;--cpd-color-blue-100: #f9fcff;--cpd-color-cyan-1400: #00194f;--cpd-color-cyan-1300: #002b61;--cpd-color-cyan-1200: #004077;--cpd-color-cyan-1100: #00548c;--cpd-color-cyan-1000: #00629c;--cpd-color-cyan-900: #0072ac;--cpd-color-cyan-800: #0094c0;--cpd-color-cyan-700: #15becf;--cpd-color-cyan-600: #76d1dd;--cpd-color-cyan-500: #9bdde5;--cpd-color-cyan-400: #c7ecf0;--cpd-color-cyan-300: #e3f5f8;--cpd-color-cyan-200: #f1fafb;--cpd-color-cyan-100: #f8fdfd;--cpd-color-green-1400: #002311;--cpd-color-green-1300: #003420;--cpd-color-green-1200: #004933;--cpd-color-green-1100: #005c45;--cpd-color-green-1000: #006b52;--cpd-color-green-900: #007a61;--cpd-color-green-800: #009b78;--cpd-color-green-700: #0bc491;--cpd-color-green-600: #71d7ae;--cpd-color-green-500: #98e1c1;--cpd-color-green-400: #c6eedb;--cpd-color-green-300: #e3f7ed;--cpd-color-green-200: #f1fbf6;--cpd-color-green-100: #f8fdfb;--cpd-color-lime-1400: #002400;--cpd-color-lime-1300: #003600;--cpd-color-lime-1200: #004b00;--cpd-color-lime-1100: #005f00;--cpd-color-lime-1000: #006e00;--cpd-color-lime-900: #197d0c;--cpd-color-lime-800: #359d18;--cpd-color-lime-700: #54c424;--cpd-color-lime-600: #76db4c;--cpd-color-lime-500: #99e57e;--cpd-color-lime-400: #c8f1ba;--cpd-color-lime-300: #e0f8d9;--cpd-color-lime-200: #f1fcee;--cpd-color-lime-100: #f8fdf6;--cpd-color-yellow-1400: #410600;--cpd-color-yellow-1300: #541a00;--cpd-color-yellow-1200: #692e00;--cpd-color-yellow-1100: #803f00;--cpd-color-yellow-1000: #8f4d00;--cpd-color-yellow-900: #9f5b00;--cpd-color-yellow-800: #be7a00;--cpd-color-yellow-700: #dea200;--cpd-color-yellow-600: #f1bd00;--cpd-color-yellow-500: #fbce00;--cpd-color-yellow-400: #ffe484;--cpd-color-yellow-300: #fff2c1;--cpd-color-yellow-200: #fff8e0;--cpd-color-yellow-100: #fffcf0;--cpd-color-orange-1400: #450000;--cpd-color-orange-1300: #620000;--cpd-color-orange-1200: #850000;--cpd-color-orange-1100: #9b2200;--cpd-color-orange-1000: #ac3300;--cpd-color-orange-900: #bc4500;--cpd-color-orange-800: #dc6700;--cpd-color-orange-700: #f89440;--cpd-color-orange-600: #fdb37c;--cpd-color-orange-500: #ffc8a1;--cpd-color-orange-400: #ffdfc8;--cpd-color-orange-300: #ffefe4;--cpd-color-orange-200: #fff6ef;--cpd-color-orange-100: #fffaf7;--cpd-color-red-1400: #450000;--cpd-color-red-1300: #620000;--cpd-color-red-1200: #850006;--cpd-color-red-1100: #a4041d;--cpd-color-red-1000: #bc0f22;--cpd-color-red-900: #d51928;--cpd-color-red-800: #ff3d3d;--cpd-color-red-700: #ff8c81;--cpd-color-red-600: #ffafa5;--cpd-color-red-500: #ffc5bc;--cpd-color-red-400: #ffdfda;--cpd-color-red-300: #ffefec;--cpd-color-red-200: #fff7f6;--cpd-color-red-100: #fffaf9;--cpd-color-gray-1400: #1b1d22;--cpd-color-gray-1300: #2b2d32;--cpd-color-gray-1200: #3c4045;--cpd-color-gray-1100: #4c5158;--cpd-color-gray-1000: #595e67;--cpd-color-gray-900: #656d77;--cpd-color-gray-800: #818a95;--cpd-color-gray-700: #a6adb7;--cpd-color-gray-600: #bdc4cc;--cpd-color-gray-500: #cdd3da;--cpd-color-gray-400: #e1e6ec;--cpd-color-gray-300: #f0f2f5;--cpd-color-gray-200: #f7f9fa;--cpd-color-gray-100: #fbfcfd;--cpd-color-theme-bg: #ffffff}}}@media screen{@layer cpd-semantic{.cpd-theme-light.cpd-theme-light{--cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);--cpd-color-bg-canvas-default-level-1: var(--cpd-color-theme-bg)}}}@media screen and (prefers-color-scheme: light){@layer cpd-semantic{:root{--cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);--cpd-color-bg-canvas-default-level-1: var(--cpd-color-theme-bg)}}}@media screen{@layer cpd-base{.cpd-theme-light-hc.cpd-theme-light-hc{--cpd-color-alpha-pink-1400: hsl(341, 100%, 13%, 1);--cpd-color-alpha-pink-1300: hsl(337, 100%, 15%, 1);--cpd-color-alpha-pink-1200: hsl(332, 100%, 20%, 1);--cpd-color-alpha-pink-1100: hsl(329, 100%, 22%, 1);--cpd-color-alpha-pink-1000: hsla(330, 97%, 26%, .98);--cpd-color-alpha-pink-900: hsla(331, 100%, 28%, .97);--cpd-color-alpha-pink-800: hsla(333, 98%, 44%, .96);--cpd-color-alpha-pink-700: hsla(341, 98%, 49%, .7);--cpd-color-alpha-pink-600: hsla(345, 100%, 50%, .47);--cpd-color-alpha-pink-500: hsla(346, 100%, 51%, .33);--cpd-color-alpha-pink-400: hsla(347, 100%, 52%, .19);--cpd-color-alpha-pink-300: hsla(347, 100%, 50%, .13);--cpd-color-alpha-pink-200: hsla(347, 100%, 54%, .08);--cpd-color-alpha-pink-100: hsla(348, 100%, 51%, .04);--cpd-color-alpha-fuchsia-1400: hsl(281, 100%, 15%, 1);--cpd-color-alpha-fuchsia-1300: hsl(283, 100%, 16%, 1);--cpd-color-alpha-fuchsia-1200: hsl(285, 96%, 22%, 1);--cpd-color-alpha-fuchsia-1100: hsla(285, 97%, 22%, .95);--cpd-color-alpha-fuchsia-1000: hsla(286, 100%, 24%, .91);--cpd-color-alpha-fuchsia-900: hsla(287, 96%, 27%, .9);--cpd-color-alpha-fuchsia-800: hsla(294, 98%, 36%, .79);--cpd-color-alpha-fuchsia-700: hsla(295, 97%, 37%, .6);--cpd-color-alpha-fuchsia-600: hsla(295, 96%, 37%, .43);--cpd-color-alpha-fuchsia-500: hsla(297, 93%, 38%, .31);--cpd-color-alpha-fuchsia-400: hsla(296, 95%, 38%, .18);--cpd-color-alpha-fuchsia-300: hsla(298, 91%, 40%, .13);--cpd-color-alpha-fuchsia-200: hsla(295, 89%, 41%, .07);--cpd-color-alpha-fuchsia-100: hsla(293, 95%, 41%, .04);--cpd-color-alpha-purple-1400: hsl(259, 100%, 19%, 1);--cpd-color-alpha-purple-1300: hsl(259, 100%, 22%, 1);--cpd-color-alpha-purple-1200: hsl(262, 100%, 29%, 1);--cpd-color-alpha-purple-1100: hsl(264, 100%, 33%, 1);--cpd-color-alpha-purple-1000: hsla(263, 100%, 36%, .95);--cpd-color-alpha-purple-900: hsla(261, 97%, 38%, .9);--cpd-color-alpha-purple-800: hsla(258, 98%, 49%, .7);--cpd-color-alpha-purple-700: hsla(254, 100%, 50%, .53);--cpd-color-alpha-purple-600: hsla(251, 100%, 51%, .38);--cpd-color-alpha-purple-500: hsla(249, 100%, 51%, .27);--cpd-color-alpha-purple-400: hsla(248, 100%, 52%, .16);--cpd-color-alpha-purple-300: hsla(248, 100%, 53%, .12);--cpd-color-alpha-purple-200: hsla(248, 100%, 55%, .07);--cpd-color-alpha-purple-100: hsla(248, 100%, 61%, .04);--cpd-color-alpha-blue-1400: hsl(233, 100%, 19%, 1);--cpd-color-alpha-blue-1300: hsl(228, 100%, 21%, 1);--cpd-color-alpha-blue-1200: hsla(222, 100%, 24%, .99);--cpd-color-alpha-blue-1100: hsla(220, 99%, 27%, .99);--cpd-color-alpha-blue-1000: hsla(218, 97%, 30%, .99);--cpd-color-alpha-blue-900: hsla(217, 98%, 33%, .99);--cpd-color-alpha-blue-800: hsla(212, 99%, 46%, .99);--cpd-color-alpha-blue-700: hsla(215, 100%, 46%, .71);--cpd-color-alpha-blue-600: hsla(215, 98%, 47%, .51);--cpd-color-alpha-blue-500: hsla(216, 95%, 48%, .37);--cpd-color-alpha-blue-400: hsla(216, 96%, 49%, .22);--cpd-color-alpha-blue-300: hsla(216, 95%, 51%, .16);--cpd-color-alpha-blue-200: hsla(215, 100%, 52%, .09);--cpd-color-alpha-blue-100: hsla(218, 100%, 57%, .05);--cpd-color-alpha-cyan-1400: hsl(222, 100%, 15%, 1);--cpd-color-alpha-cyan-1300: hsl(218, 100%, 16%, 1);--cpd-color-alpha-cyan-1200: hsl(212, 100%, 20%, 1);--cpd-color-alpha-cyan-1100: hsl(210, 100%, 22%, 1);--cpd-color-alpha-cyan-1000: hsl(207, 100%, 24%, 1);--cpd-color-alpha-cyan-900: hsl(205, 100%, 26%, 1);--cpd-color-alpha-cyan-800: hsl(199, 100%, 35%, 1);--cpd-color-alpha-cyan-700: hsl(193, 100%, 38%, 1);--cpd-color-alpha-cyan-600: hsla(186, 99%, 40%, .92);--cpd-color-alpha-cyan-500: hsla(187, 99%, 38%, .54);--cpd-color-alpha-cyan-400: hsla(187, 97%, 38%, .31);--cpd-color-alpha-cyan-300: hsla(186, 100%, 37%, .22);--cpd-color-alpha-cyan-200: hsla(188, 100%, 38%, .11);--cpd-color-alpha-cyan-100: hsla(186, 79%, 41%, .06);--cpd-color-alpha-green-1400: hsl(147, 100%, 7%, 1);--cpd-color-alpha-green-1300: hsl(152, 100%, 8%, 1);--cpd-color-alpha-green-1200: hsl(158, 100%, 11%, 1);--cpd-color-alpha-green-1100: hsl(160, 100%, 13%, 1);--cpd-color-alpha-green-1000: hsl(162, 100%, 15%, 1);--cpd-color-alpha-green-900: hsl(163, 100%, 17%, 1);--cpd-color-alpha-green-800: hsl(168, 100%, 26%, 1);--cpd-color-alpha-green-700: hsl(166, 100%, 32%, 1);--cpd-color-alpha-green-600: hsla(163, 99%, 38%, .96);--cpd-color-alpha-green-500: hsla(156, 99%, 36%, .56);--cpd-color-alpha-green-400: hsla(153, 95%, 37%, .32);--cpd-color-alpha-green-300: hsla(151, 93%, 37%, .23);--cpd-color-alpha-green-200: hsla(150, 100%, 36%, .11);--cpd-color-alpha-green-100: hsla(150, 79%, 41%, .06);--cpd-color-alpha-lime-1400: hsl(120, 100%, 7%, 1);--cpd-color-alpha-lime-1300: hsl(120, 100%, 8%, 1);--cpd-color-alpha-lime-1200: hsl(120, 100%, 11%, 1);--cpd-color-alpha-lime-1100: hsl(120, 100%, 13%, 1);--cpd-color-alpha-lime-1000: hsl(120, 100%, 16%, 1);--cpd-color-alpha-lime-900: hsl(120, 100%, 17%, 1);--cpd-color-alpha-lime-800: hsla(112, 97%, 25%, .95);--cpd-color-alpha-lime-700: hsla(106, 99%, 30%, .9);--cpd-color-alpha-lime-600: hsla(102, 100%, 37%, .86);--cpd-color-alpha-lime-500: hsla(102, 97%, 41%, .71);--cpd-color-alpha-lime-400: hsla(105, 95%, 41%, .4);--cpd-color-alpha-lime-300: hsla(105, 92%, 42%, .28);--cpd-color-alpha-lime-200: hsla(107, 98%, 41%, .15);--cpd-color-alpha-lime-100: hsla(107, 89%, 44%, .07);--cpd-color-alpha-yellow-1400: hsl(5, 100%, 12%, 1);--cpd-color-alpha-yellow-1300: hsl(10, 100%, 14%, 1);--cpd-color-alpha-yellow-1200: hsl(20, 100%, 17%, 1);--cpd-color-alpha-yellow-1100: hsl(24, 100%, 19%, 1);--cpd-color-alpha-yellow-1000: hsl(27, 100%, 22%, 1);--cpd-color-alpha-yellow-900: hsl(28, 100%, 23%, 1);--cpd-color-alpha-yellow-800: hsl(36, 100%, 33%, 1);--cpd-color-alpha-yellow-700: hsl(40, 100%, 38%, 1);--cpd-color-alpha-yellow-600: hsl(44, 100%, 44%, 1);--cpd-color-alpha-yellow-500: hsl(47, 100%, 47%, 1);--cpd-color-alpha-yellow-400: hsla(48, 100%, 50%, .72);--cpd-color-alpha-yellow-300: hsla(47, 100%, 51%, .49);--cpd-color-alpha-yellow-200: hsla(47, 100%, 51%, .25);--cpd-color-alpha-yellow-100: hsla(46, 100%, 53%, .13);--cpd-color-alpha-orange-1400: hsl(0, 100%, 13%, 1);--cpd-color-alpha-orange-1300: hsl(0, 100%, 15%, 1);--cpd-color-alpha-orange-1200: hsl(0, 100%, 20%, 1);--cpd-color-alpha-orange-1100: hsl(0, 100%, 23%, 1);--cpd-color-alpha-orange-1000: hsl(4, 100%, 27%, 1);--cpd-color-alpha-orange-900: hsl(9, 100%, 29%, 1);--cpd-color-alpha-orange-800: hsl(24, 100%, 38%, 1);--cpd-color-alpha-orange-700: hsl(29, 100%, 44%, 1);--cpd-color-alpha-orange-600: hsla(27, 100%, 48%, .75);--cpd-color-alpha-orange-500: hsla(26, 98%, 50%, .52);--cpd-color-alpha-orange-400: hsla(25, 100%, 52%, .3);--cpd-color-alpha-orange-300: hsla(25, 100%, 51%, .22);--cpd-color-alpha-orange-200: hsla(24, 100%, 52%, .11);--cpd-color-alpha-orange-100: hsla(26, 100%, 55%, .07);--cpd-color-alpha-red-1400: hsl(0, 100%, 13%, 1);--cpd-color-alpha-red-1300: hsl(0, 100%, 15%, 1);--cpd-color-alpha-red-1200: hsl(0, 100%, 20%, 1);--cpd-color-alpha-red-1100: hsl(0, 100%, 23%, 1);--cpd-color-alpha-red-1000: hsl(355, 100%, 27%, 1);--cpd-color-alpha-red-900: hsl(350, 100%, 30%, 1);--cpd-color-alpha-red-800: hsla(356, 98%, 44%, .89);--cpd-color-alpha-red-700: hsla(2, 100%, 50%, .72);--cpd-color-alpha-red-600: hsla(5, 100%, 51%, .5);--cpd-color-alpha-red-500: hsla(7, 100%, 51%, .36);--cpd-color-alpha-red-400: hsla(8, 100%, 51%, .21);--cpd-color-alpha-red-300: hsla(8, 100%, 52%, .15);--cpd-color-alpha-red-200: hsla(9, 100%, 54%, .08);--cpd-color-alpha-red-100: hsla(7, 100%, 56%, .04);--cpd-color-alpha-gray-1400: hsla(223, 78%, 2%, .9);--cpd-color-alpha-gray-1300: hsla(218, 100%, 2%, .88);--cpd-color-alpha-gray-1200: hsla(210, 67%, 2%, .83);--cpd-color-alpha-gray-1100: hsla(222, 63%, 3%, .8);--cpd-color-alpha-gray-1000: hsla(220, 75%, 3%, .76);--cpd-color-alpha-gray-900: hsla(223, 70%, 4%, .73);--cpd-color-alpha-gray-800: hsla(217, 89%, 7%, .58);--cpd-color-alpha-gray-700: hsla(216, 81%, 10%, .48);--cpd-color-alpha-gray-600: hsla(215, 96%, 10%, .35);--cpd-color-alpha-gray-500: hsla(212, 97%, 12%, .26);--cpd-color-alpha-gray-400: hsla(215, 88%, 17%, .16);--cpd-color-alpha-gray-300: hsla(213, 90%, 20%, .12);--cpd-color-alpha-gray-200: hsla(216, 89%, 18%, .06);--cpd-color-alpha-gray-100: hsla(200, 41%, 36%, .04);--cpd-color-pink-1400: #410015;--cpd-color-pink-1300: #4a001c;--cpd-color-pink-1200: #64002f;--cpd-color-pink-1100: #72003a;--cpd-color-pink-1000: #840745;--cpd-color-pink-900: #92084b;--cpd-color-pink-800: #e00c6a;--cpd-color-pink-700: #f94e84;--cpd-color-pink-600: #ff88a6;--cpd-color-pink-500: #ffadc0;--cpd-color-pink-400: #ffd0da;--cpd-color-pink-300: #ffdee5;--cpd-color-pink-200: #ffecf0;--cpd-color-pink-100: #fff5f7;--cpd-color-fuchsia-1400: #32004a;--cpd-color-fuchsia-1300: #3b0053;--cpd-color-fuchsia-1200: #52026c;--cpd-color-fuchsia-1100: #5c0f76;--cpd-color-fuchsia-1000: #6c1785;--cpd-color-fuchsia-900: #781c90;--cpd-color-fuchsia-800: #b937c6;--cpd-color-fuchsia-700: #cb68d4;--cpd-color-fuchsia-600: #db93e1;--cpd-color-fuchsia-500: #e7b2ea;--cpd-color-fuchsia-400: #f1d2f3;--cpd-color-fuchsia-300: #f6dff7;--cpd-color-fuchsia-200: #faeefb;--cpd-color-fuchsia-100: #fcf5fd;--cpd-color-purple-1400: #1f0062;--cpd-color-purple-1300: #240070;--cpd-color-purple-1200: #360094;--cpd-color-purple-1100: #4200a6;--cpd-color-purple-1000: #4f0dba;--cpd-color-purple-900: #571cc4;--cpd-color-purple-800: #824ef9;--cpd-color-purple-700: #9778fe;--cpd-color-purple-600: #b1a0ff;--cpd-color-purple-500: #c5bbff;--cpd-color-purple-400: #ddd8ff;--cpd-color-purple-300: #e6e2ff;--cpd-color-purple-200: #f1efff;--cpd-color-purple-100: #f8f7ff;--cpd-color-blue-1400: #000c63;--cpd-color-blue-1300: #001569;--cpd-color-blue-1200: #03277b;--cpd-color-blue-1100: #043088;--cpd-color-blue-1000: #053b9a;--cpd-color-blue-900: #0543a7;--cpd-color-blue-800: #046ee8;--cpd-color-blue-700: #4a8ef0;--cpd-color-blue-600: #7eaff6;--cpd-color-blue-500: #a3c6fa;--cpd-color-blue-400: #c8ddfd;--cpd-color-blue-300: #d8e7fe;--cpd-color-blue-200: #e9f2ff;--cpd-color-blue-100: #f4f8ff;--cpd-color-cyan-1400: #00174d;--cpd-color-cyan-1300: #001e53;--cpd-color-cyan-1200: #002e64;--cpd-color-cyan-1100: #00376e;--cpd-color-cyan-1000: #00447b;--cpd-color-cyan-900: #004c84;--cpd-color-cyan-800: #007ab3;--cpd-color-cyan-700: #009ac3;--cpd-color-cyan-600: #15becf;--cpd-color-cyan-500: #76d1dd;--cpd-color-cyan-400: #b1e4eb;--cpd-color-cyan-300: #c7ecf0;--cpd-color-cyan-200: #e3f5f8;--cpd-color-cyan-100: #f1fafb;--cpd-color-green-1400: #00210f;--cpd-color-green-1300: #002715;--cpd-color-green-1200: #003723;--cpd-color-green-1100: #00402b;--cpd-color-green-1000: #004d36;--cpd-color-green-900: #00553d;--cpd-color-green-800: #008268;--cpd-color-green-700: #00a27c;--cpd-color-green-600: #0bc491;--cpd-color-green-500: #71d7ae;--cpd-color-green-400: #afe8ce;--cpd-color-green-300: #c6eedb;--cpd-color-green-200: #e3f7ed;--cpd-color-green-100: #f1fbf6;--cpd-color-lime-1400: #002200;--cpd-color-lime-1300: #002900;--cpd-color-lime-1200: #003900;--cpd-color-lime-1100: #004200;--cpd-color-lime-1000: #004f00;--cpd-color-lime-900: #005700;--cpd-color-lime-800: #1f850f;--cpd-color-lime-700: #3aa31a;--cpd-color-lime-600: #54c424;--cpd-color-lime-500: #76db4c;--cpd-color-lime-400: #afeb9b;--cpd-color-lime-300: #c8f1ba;--cpd-color-lime-200: #e0f8d9;--cpd-color-lime-100: #f1fcee;--cpd-color-yellow-1400: #3f0500;--cpd-color-yellow-1300: #450c00;--cpd-color-yellow-1200: #571d00;--cpd-color-yellow-1100: #612600;--cpd-color-yellow-1000: #6e3100;--cpd-color-yellow-900: #773800;--cpd-color-yellow-800: #a76300;--cpd-color-yellow-700: #c38100;--cpd-color-yellow-600: #dea200;--cpd-color-yellow-500: #f1bd00;--cpd-color-yellow-400: #ffda49;--cpd-color-yellow-300: #ffe484;--cpd-color-yellow-200: #fff2c1;--cpd-color-yellow-100: #fff8e0;--cpd-color-orange-1400: #420000;--cpd-color-orange-1300: #4c0000;--cpd-color-orange-1200: #670000;--cpd-color-orange-1100: #770000;--cpd-color-orange-1000: #890800;--cpd-color-orange-900: #931700;--cpd-color-orange-800: #c44d00;--cpd-color-orange-700: #e26e00;--cpd-color-orange-600: #f89440;--cpd-color-orange-500: #fdb37c;--cpd-color-orange-400: #ffd4b5;--cpd-color-orange-300: #ffdfc8;--cpd-color-orange-200: #ffefe4;--cpd-color-orange-100: #fff6ef;--cpd-color-red-1400: #420000;--cpd-color-red-1300: #4c0000;--cpd-color-red-1200: #670000;--cpd-color-red-1100: #770000;--cpd-color-red-1000: #8b000c;--cpd-color-red-900: #99001a;--cpd-color-red-800: #e11e2a;--cpd-color-red-700: #ff4e49;--cpd-color-red-600: #ff8c81;--cpd-color-red-500: #ffafa5;--cpd-color-red-400: #ffd1ca;--cpd-color-red-300: #ffdfda;--cpd-color-red-200: #ffefec;--cpd-color-red-100: #fff7f6;--cpd-color-gray-1400: #1a1c21;--cpd-color-gray-1300: #1f2126;--cpd-color-gray-1200: #2d3034;--cpd-color-gray-1100: #35383d;--cpd-color-gray-1000: #3f4248;--cpd-color-gray-900: #474a51;--cpd-color-gray-800: #6c737e;--cpd-color-gray-700: #878f9b;--cpd-color-gray-600: #a6adb7;--cpd-color-gray-500: #bdc4cc;--cpd-color-gray-400: #d7dce3;--cpd-color-gray-300: #e1e6ec;--cpd-color-gray-200: #f0f2f5;--cpd-color-gray-100: #f7f9fa;--cpd-color-theme-bg: #ffffff}}}@media screen and (prefers-color-scheme: light) and (prefers-contrast: more){@layer cpd-base{:root{--cpd-color-alpha-pink-1400: hsl(341, 100%, 13%, 1);--cpd-color-alpha-pink-1300: hsl(337, 100%, 15%, 1);--cpd-color-alpha-pink-1200: hsl(332, 100%, 20%, 1);--cpd-color-alpha-pink-1100: hsl(329, 100%, 22%, 1);--cpd-color-alpha-pink-1000: hsla(330, 97%, 26%, .98);--cpd-color-alpha-pink-900: hsla(331, 100%, 28%, .97);--cpd-color-alpha-pink-800: hsla(333, 98%, 44%, .96);--cpd-color-alpha-pink-700: hsla(341, 98%, 49%, .7);--cpd-color-alpha-pink-600: hsla(345, 100%, 50%, .47);--cpd-color-alpha-pink-500: hsla(346, 100%, 51%, .33);--cpd-color-alpha-pink-400: hsla(347, 100%, 52%, .19);--cpd-color-alpha-pink-300: hsla(347, 100%, 50%, .13);--cpd-color-alpha-pink-200: hsla(347, 100%, 54%, .08);--cpd-color-alpha-pink-100: hsla(348, 100%, 51%, .04);--cpd-color-alpha-fuchsia-1400: hsl(281, 100%, 15%, 1);--cpd-color-alpha-fuchsia-1300: hsl(283, 100%, 16%, 1);--cpd-color-alpha-fuchsia-1200: hsl(285, 96%, 22%, 1);--cpd-color-alpha-fuchsia-1100: hsla(285, 97%, 22%, .95);--cpd-color-alpha-fuchsia-1000: hsla(286, 100%, 24%, .91);--cpd-color-alpha-fuchsia-900: hsla(287, 96%, 27%, .9);--cpd-color-alpha-fuchsia-800: hsla(294, 98%, 36%, .79);--cpd-color-alpha-fuchsia-700: hsla(295, 97%, 37%, .6);--cpd-color-alpha-fuchsia-600: hsla(295, 96%, 37%, .43);--cpd-color-alpha-fuchsia-500: hsla(297, 93%, 38%, .31);--cpd-color-alpha-fuchsia-400: hsla(296, 95%, 38%, .18);--cpd-color-alpha-fuchsia-300: hsla(298, 91%, 40%, .13);--cpd-color-alpha-fuchsia-200: hsla(295, 89%, 41%, .07);--cpd-color-alpha-fuchsia-100: hsla(293, 95%, 41%, .04);--cpd-color-alpha-purple-1400: hsl(259, 100%, 19%, 1);--cpd-color-alpha-purple-1300: hsl(259, 100%, 22%, 1);--cpd-color-alpha-purple-1200: hsl(262, 100%, 29%, 1);--cpd-color-alpha-purple-1100: hsl(264, 100%, 33%, 1);--cpd-color-alpha-purple-1000: hsla(263, 100%, 36%, .95);--cpd-color-alpha-purple-900: hsla(261, 97%, 38%, .9);--cpd-color-alpha-purple-800: hsla(258, 98%, 49%, .7);--cpd-color-alpha-purple-700: hsla(254, 100%, 50%, .53);--cpd-color-alpha-purple-600: hsla(251, 100%, 51%, .38);--cpd-color-alpha-purple-500: hsla(249, 100%, 51%, .27);--cpd-color-alpha-purple-400: hsla(248, 100%, 52%, .16);--cpd-color-alpha-purple-300: hsla(248, 100%, 53%, .12);--cpd-color-alpha-purple-200: hsla(248, 100%, 55%, .07);--cpd-color-alpha-purple-100: hsla(248, 100%, 61%, .04);--cpd-color-alpha-blue-1400: hsl(233, 100%, 19%, 1);--cpd-color-alpha-blue-1300: hsl(228, 100%, 21%, 1);--cpd-color-alpha-blue-1200: hsla(222, 100%, 24%, .99);--cpd-color-alpha-blue-1100: hsla(220, 99%, 27%, .99);--cpd-color-alpha-blue-1000: hsla(218, 97%, 30%, .99);--cpd-color-alpha-blue-900: hsla(217, 98%, 33%, .99);--cpd-color-alpha-blue-800: hsla(212, 99%, 46%, .99);--cpd-color-alpha-blue-700: hsla(215, 100%, 46%, .71);--cpd-color-alpha-blue-600: hsla(215, 98%, 47%, .51);--cpd-color-alpha-blue-500: hsla(216, 95%, 48%, .37);--cpd-color-alpha-blue-400: hsla(216, 96%, 49%, .22);--cpd-color-alpha-blue-300: hsla(216, 95%, 51%, .16);--cpd-color-alpha-blue-200: hsla(215, 100%, 52%, .09);--cpd-color-alpha-blue-100: hsla(218, 100%, 57%, .05);--cpd-color-alpha-cyan-1400: hsl(222, 100%, 15%, 1);--cpd-color-alpha-cyan-1300: hsl(218, 100%, 16%, 1);--cpd-color-alpha-cyan-1200: hsl(212, 100%, 20%, 1);--cpd-color-alpha-cyan-1100: hsl(210, 100%, 22%, 1);--cpd-color-alpha-cyan-1000: hsl(207, 100%, 24%, 1);--cpd-color-alpha-cyan-900: hsl(205, 100%, 26%, 1);--cpd-color-alpha-cyan-800: hsl(199, 100%, 35%, 1);--cpd-color-alpha-cyan-700: hsl(193, 100%, 38%, 1);--cpd-color-alpha-cyan-600: hsla(186, 99%, 40%, .92);--cpd-color-alpha-cyan-500: hsla(187, 99%, 38%, .54);--cpd-color-alpha-cyan-400: hsla(187, 97%, 38%, .31);--cpd-color-alpha-cyan-300: hsla(186, 100%, 37%, .22);--cpd-color-alpha-cyan-200: hsla(188, 100%, 38%, .11);--cpd-color-alpha-cyan-100: hsla(186, 79%, 41%, .06);--cpd-color-alpha-green-1400: hsl(147, 100%, 7%, 1);--cpd-color-alpha-green-1300: hsl(152, 100%, 8%, 1);--cpd-color-alpha-green-1200: hsl(158, 100%, 11%, 1);--cpd-color-alpha-green-1100: hsl(160, 100%, 13%, 1);--cpd-color-alpha-green-1000: hsl(162, 100%, 15%, 1);--cpd-color-alpha-green-900: hsl(163, 100%, 17%, 1);--cpd-color-alpha-green-800: hsl(168, 100%, 26%, 1);--cpd-color-alpha-green-700: hsl(166, 100%, 32%, 1);--cpd-color-alpha-green-600: hsla(163, 99%, 38%, .96);--cpd-color-alpha-green-500: hsla(156, 99%, 36%, .56);--cpd-color-alpha-green-400: hsla(153, 95%, 37%, .32);--cpd-color-alpha-green-300: hsla(151, 93%, 37%, .23);--cpd-color-alpha-green-200: hsla(150, 100%, 36%, .11);--cpd-color-alpha-green-100: hsla(150, 79%, 41%, .06);--cpd-color-alpha-lime-1400: hsl(120, 100%, 7%, 1);--cpd-color-alpha-lime-1300: hsl(120, 100%, 8%, 1);--cpd-color-alpha-lime-1200: hsl(120, 100%, 11%, 1);--cpd-color-alpha-lime-1100: hsl(120, 100%, 13%, 1);--cpd-color-alpha-lime-1000: hsl(120, 100%, 16%, 1);--cpd-color-alpha-lime-900: hsl(120, 100%, 17%, 1);--cpd-color-alpha-lime-800: hsla(112, 97%, 25%, .95);--cpd-color-alpha-lime-700: hsla(106, 99%, 30%, .9);--cpd-color-alpha-lime-600: hsla(102, 100%, 37%, .86);--cpd-color-alpha-lime-500: hsla(102, 97%, 41%, .71);--cpd-color-alpha-lime-400: hsla(105, 95%, 41%, .4);--cpd-color-alpha-lime-300: hsla(105, 92%, 42%, .28);--cpd-color-alpha-lime-200: hsla(107, 98%, 41%, .15);--cpd-color-alpha-lime-100: hsla(107, 89%, 44%, .07);--cpd-color-alpha-yellow-1400: hsl(5, 100%, 12%, 1);--cpd-color-alpha-yellow-1300: hsl(10, 100%, 14%, 1);--cpd-color-alpha-yellow-1200: hsl(20, 100%, 17%, 1);--cpd-color-alpha-yellow-1100: hsl(24, 100%, 19%, 1);--cpd-color-alpha-yellow-1000: hsl(27, 100%, 22%, 1);--cpd-color-alpha-yellow-900: hsl(28, 100%, 23%, 1);--cpd-color-alpha-yellow-800: hsl(36, 100%, 33%, 1);--cpd-color-alpha-yellow-700: hsl(40, 100%, 38%, 1);--cpd-color-alpha-yellow-600: hsl(44, 100%, 44%, 1);--cpd-color-alpha-yellow-500: hsl(47, 100%, 47%, 1);--cpd-color-alpha-yellow-400: hsla(48, 100%, 50%, .72);--cpd-color-alpha-yellow-300: hsla(47, 100%, 51%, .49);--cpd-color-alpha-yellow-200: hsla(47, 100%, 51%, .25);--cpd-color-alpha-yellow-100: hsla(46, 100%, 53%, .13);--cpd-color-alpha-orange-1400: hsl(0, 100%, 13%, 1);--cpd-color-alpha-orange-1300: hsl(0, 100%, 15%, 1);--cpd-color-alpha-orange-1200: hsl(0, 100%, 20%, 1);--cpd-color-alpha-orange-1100: hsl(0, 100%, 23%, 1);--cpd-color-alpha-orange-1000: hsl(4, 100%, 27%, 1);--cpd-color-alpha-orange-900: hsl(9, 100%, 29%, 1);--cpd-color-alpha-orange-800: hsl(24, 100%, 38%, 1);--cpd-color-alpha-orange-700: hsl(29, 100%, 44%, 1);--cpd-color-alpha-orange-600: hsla(27, 100%, 48%, .75);--cpd-color-alpha-orange-500: hsla(26, 98%, 50%, .52);--cpd-color-alpha-orange-400: hsla(25, 100%, 52%, .3);--cpd-color-alpha-orange-300: hsla(25, 100%, 51%, .22);--cpd-color-alpha-orange-200: hsla(24, 100%, 52%, .11);--cpd-color-alpha-orange-100: hsla(26, 100%, 55%, .07);--cpd-color-alpha-red-1400: hsl(0, 100%, 13%, 1);--cpd-color-alpha-red-1300: hsl(0, 100%, 15%, 1);--cpd-color-alpha-red-1200: hsl(0, 100%, 20%, 1);--cpd-color-alpha-red-1100: hsl(0, 100%, 23%, 1);--cpd-color-alpha-red-1000: hsl(355, 100%, 27%, 1);--cpd-color-alpha-red-900: hsl(350, 100%, 30%, 1);--cpd-color-alpha-red-800: hsla(356, 98%, 44%, .89);--cpd-color-alpha-red-700: hsla(2, 100%, 50%, .72);--cpd-color-alpha-red-600: hsla(5, 100%, 51%, .5);--cpd-color-alpha-red-500: hsla(7, 100%, 51%, .36);--cpd-color-alpha-red-400: hsla(8, 100%, 51%, .21);--cpd-color-alpha-red-300: hsla(8, 100%, 52%, .15);--cpd-color-alpha-red-200: hsla(9, 100%, 54%, .08);--cpd-color-alpha-red-100: hsla(7, 100%, 56%, .04);--cpd-color-alpha-gray-1400: hsla(223, 78%, 2%, .9);--cpd-color-alpha-gray-1300: hsla(218, 100%, 2%, .88);--cpd-color-alpha-gray-1200: hsla(210, 67%, 2%, .83);--cpd-color-alpha-gray-1100: hsla(222, 63%, 3%, .8);--cpd-color-alpha-gray-1000: hsla(220, 75%, 3%, .76);--cpd-color-alpha-gray-900: hsla(223, 70%, 4%, .73);--cpd-color-alpha-gray-800: hsla(217, 89%, 7%, .58);--cpd-color-alpha-gray-700: hsla(216, 81%, 10%, .48);--cpd-color-alpha-gray-600: hsla(215, 96%, 10%, .35);--cpd-color-alpha-gray-500: hsla(212, 97%, 12%, .26);--cpd-color-alpha-gray-400: hsla(215, 88%, 17%, .16);--cpd-color-alpha-gray-300: hsla(213, 90%, 20%, .12);--cpd-color-alpha-gray-200: hsla(216, 89%, 18%, .06);--cpd-color-alpha-gray-100: hsla(200, 41%, 36%, .04);--cpd-color-pink-1400: #410015;--cpd-color-pink-1300: #4a001c;--cpd-color-pink-1200: #64002f;--cpd-color-pink-1100: #72003a;--cpd-color-pink-1000: #840745;--cpd-color-pink-900: #92084b;--cpd-color-pink-800: #e00c6a;--cpd-color-pink-700: #f94e84;--cpd-color-pink-600: #ff88a6;--cpd-color-pink-500: #ffadc0;--cpd-color-pink-400: #ffd0da;--cpd-color-pink-300: #ffdee5;--cpd-color-pink-200: #ffecf0;--cpd-color-pink-100: #fff5f7;--cpd-color-fuchsia-1400: #32004a;--cpd-color-fuchsia-1300: #3b0053;--cpd-color-fuchsia-1200: #52026c;--cpd-color-fuchsia-1100: #5c0f76;--cpd-color-fuchsia-1000: #6c1785;--cpd-color-fuchsia-900: #781c90;--cpd-color-fuchsia-800: #b937c6;--cpd-color-fuchsia-700: #cb68d4;--cpd-color-fuchsia-600: #db93e1;--cpd-color-fuchsia-500: #e7b2ea;--cpd-color-fuchsia-400: #f1d2f3;--cpd-color-fuchsia-300: #f6dff7;--cpd-color-fuchsia-200: #faeefb;--cpd-color-fuchsia-100: #fcf5fd;--cpd-color-purple-1400: #1f0062;--cpd-color-purple-1300: #240070;--cpd-color-purple-1200: #360094;--cpd-color-purple-1100: #4200a6;--cpd-color-purple-1000: #4f0dba;--cpd-color-purple-900: #571cc4;--cpd-color-purple-800: #824ef9;--cpd-color-purple-700: #9778fe;--cpd-color-purple-600: #b1a0ff;--cpd-color-purple-500: #c5bbff;--cpd-color-purple-400: #ddd8ff;--cpd-color-purple-300: #e6e2ff;--cpd-color-purple-200: #f1efff;--cpd-color-purple-100: #f8f7ff;--cpd-color-blue-1400: #000c63;--cpd-color-blue-1300: #001569;--cpd-color-blue-1200: #03277b;--cpd-color-blue-1100: #043088;--cpd-color-blue-1000: #053b9a;--cpd-color-blue-900: #0543a7;--cpd-color-blue-800: #046ee8;--cpd-color-blue-700: #4a8ef0;--cpd-color-blue-600: #7eaff6;--cpd-color-blue-500: #a3c6fa;--cpd-color-blue-400: #c8ddfd;--cpd-color-blue-300: #d8e7fe;--cpd-color-blue-200: #e9f2ff;--cpd-color-blue-100: #f4f8ff;--cpd-color-cyan-1400: #00174d;--cpd-color-cyan-1300: #001e53;--cpd-color-cyan-1200: #002e64;--cpd-color-cyan-1100: #00376e;--cpd-color-cyan-1000: #00447b;--cpd-color-cyan-900: #004c84;--cpd-color-cyan-800: #007ab3;--cpd-color-cyan-700: #009ac3;--cpd-color-cyan-600: #15becf;--cpd-color-cyan-500: #76d1dd;--cpd-color-cyan-400: #b1e4eb;--cpd-color-cyan-300: #c7ecf0;--cpd-color-cyan-200: #e3f5f8;--cpd-color-cyan-100: #f1fafb;--cpd-color-green-1400: #00210f;--cpd-color-green-1300: #002715;--cpd-color-green-1200: #003723;--cpd-color-green-1100: #00402b;--cpd-color-green-1000: #004d36;--cpd-color-green-900: #00553d;--cpd-color-green-800: #008268;--cpd-color-green-700: #00a27c;--cpd-color-green-600: #0bc491;--cpd-color-green-500: #71d7ae;--cpd-color-green-400: #afe8ce;--cpd-color-green-300: #c6eedb;--cpd-color-green-200: #e3f7ed;--cpd-color-green-100: #f1fbf6;--cpd-color-lime-1400: #002200;--cpd-color-lime-1300: #002900;--cpd-color-lime-1200: #003900;--cpd-color-lime-1100: #004200;--cpd-color-lime-1000: #004f00;--cpd-color-lime-900: #005700;--cpd-color-lime-800: #1f850f;--cpd-color-lime-700: #3aa31a;--cpd-color-lime-600: #54c424;--cpd-color-lime-500: #76db4c;--cpd-color-lime-400: #afeb9b;--cpd-color-lime-300: #c8f1ba;--cpd-color-lime-200: #e0f8d9;--cpd-color-lime-100: #f1fcee;--cpd-color-yellow-1400: #3f0500;--cpd-color-yellow-1300: #450c00;--cpd-color-yellow-1200: #571d00;--cpd-color-yellow-1100: #612600;--cpd-color-yellow-1000: #6e3100;--cpd-color-yellow-900: #773800;--cpd-color-yellow-800: #a76300;--cpd-color-yellow-700: #c38100;--cpd-color-yellow-600: #dea200;--cpd-color-yellow-500: #f1bd00;--cpd-color-yellow-400: #ffda49;--cpd-color-yellow-300: #ffe484;--cpd-color-yellow-200: #fff2c1;--cpd-color-yellow-100: #fff8e0;--cpd-color-orange-1400: #420000;--cpd-color-orange-1300: #4c0000;--cpd-color-orange-1200: #670000;--cpd-color-orange-1100: #770000;--cpd-color-orange-1000: #890800;--cpd-color-orange-900: #931700;--cpd-color-orange-800: #c44d00;--cpd-color-orange-700: #e26e00;--cpd-color-orange-600: #f89440;--cpd-color-orange-500: #fdb37c;--cpd-color-orange-400: #ffd4b5;--cpd-color-orange-300: #ffdfc8;--cpd-color-orange-200: #ffefe4;--cpd-color-orange-100: #fff6ef;--cpd-color-red-1400: #420000;--cpd-color-red-1300: #4c0000;--cpd-color-red-1200: #670000;--cpd-color-red-1100: #770000;--cpd-color-red-1000: #8b000c;--cpd-color-red-900: #99001a;--cpd-color-red-800: #e11e2a;--cpd-color-red-700: #ff4e49;--cpd-color-red-600: #ff8c81;--cpd-color-red-500: #ffafa5;--cpd-color-red-400: #ffd1ca;--cpd-color-red-300: #ffdfda;--cpd-color-red-200: #ffefec;--cpd-color-red-100: #fff7f6;--cpd-color-gray-1400: #1a1c21;--cpd-color-gray-1300: #1f2126;--cpd-color-gray-1200: #2d3034;--cpd-color-gray-1100: #35383d;--cpd-color-gray-1000: #3f4248;--cpd-color-gray-900: #474a51;--cpd-color-gray-800: #6c737e;--cpd-color-gray-700: #878f9b;--cpd-color-gray-600: #a6adb7;--cpd-color-gray-500: #bdc4cc;--cpd-color-gray-400: #d7dce3;--cpd-color-gray-300: #e1e6ec;--cpd-color-gray-200: #f0f2f5;--cpd-color-gray-100: #f7f9fa;--cpd-color-theme-bg: #ffffff}}}@media screen{@layer cpd-semantic{.cpd-theme-light-hc.cpd-theme-light-hc{--cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);--cpd-color-bg-canvas-default-level-1: var(--cpd-color-theme-bg)}}}@media screen and (prefers-color-scheme: light) and (prefers-contrast: more){@layer cpd-semantic{:root{--cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);--cpd-color-bg-canvas-default-level-1: var(--cpd-color-theme-bg)}}}@media screen{@layer cpd-base{.cpd-theme-dark.cpd-theme-dark{--cpd-color-alpha-pink-1400: hsl(347, 100%, 96%, 1);--cpd-color-alpha-pink-1300: hsl(347, 100%, 91%, 1);--cpd-color-alpha-pink-1200: hsl(346, 100%, 84%, 1);--cpd-color-alpha-pink-1100: hsl(345, 98%, 76%, 1);--cpd-color-alpha-pink-1000: hsla(343, 100%, 70%, .98);--cpd-color-alpha-pink-900: hsla(340, 99%, 63%, .96);--cpd-color-alpha-pink-800: hsla(335, 99%, 55%, .8);--cpd-color-alpha-pink-700: hsla(334, 98%, 53%, .58);--cpd-color-alpha-pink-600: hsla(333, 97%, 50%, .46);--cpd-color-alpha-pink-500: hsl(330, 100%, 21%, 1);--cpd-color-alpha-pink-400: hsl(335, 100%, 17%, 1);--cpd-color-alpha-pink-300: hsl(339, 100%, 14%, 1);--cpd-color-alpha-pink-200: hsl(342, 100%, 12%, 1);--cpd-color-alpha-pink-100: hsl(344, 100%, 11%, 1);--cpd-color-alpha-fuchsia-1400: hsla(296, 90%, 96%, .98);--cpd-color-alpha-fuchsia-1300: hsla(296, 100%, 94%, .95);--cpd-color-alpha-fuchsia-1200: hsla(296, 97%, 88%, .91);--cpd-color-alpha-fuchsia-1100: hsla(297, 98%, 82%, .86);--cpd-color-alpha-fuchsia-1000: hsla(296, 98%, 78%, .83);--cpd-color-alpha-fuchsia-900: hsla(295, 97%, 72%, .8);--cpd-color-alpha-fuchsia-800: hsla(294, 98%, 63%, .71);--cpd-color-alpha-fuchsia-700: hsla(289, 99%, 59%, .54);--cpd-color-alpha-fuchsia-600: hsla(288, 100%, 56%, .44);--cpd-color-alpha-fuchsia-500: hsla(287, 100%, 52%, .38);--cpd-color-alpha-fuchsia-400: hsl(285, 100%, 18%, 1);--cpd-color-alpha-fuchsia-300: hsl(282, 100%, 15%, 1);--cpd-color-alpha-fuchsia-200: hsl(281, 100%, 13%, 1);--cpd-color-alpha-fuchsia-100: hsl(279, 100%, 12%, 1);--cpd-color-alpha-purple-1400: hsl(249, 100%, 96%, 1);--cpd-color-alpha-purple-1300: hsl(246, 100%, 93%, 1);--cpd-color-alpha-purple-1200: hsl(249, 100%, 87%, 1);--cpd-color-alpha-purple-1100: hsl(250, 98%, 80%, 1);--cpd-color-alpha-purple-1000: hsla(252, 98%, 77%, .99);--cpd-color-alpha-purple-900: hsla(254, 99%, 72%, .98);--cpd-color-alpha-purple-800: hsla(257, 100%, 65%, .92);--cpd-color-alpha-purple-700: hsla(260, 98%, 58%, .76);--cpd-color-alpha-purple-600: hsla(263, 98%, 52%, .67);--cpd-color-alpha-purple-500: hsl(263, 100%, 31%, 1);--cpd-color-alpha-purple-400: hsl(261, 100%, 25%, 1);--cpd-color-alpha-purple-300: hsl(259, 100%, 21%, 1);--cpd-color-alpha-purple-200: hsl(259, 100%, 18%, 1);--cpd-color-alpha-purple-100: hsl(258, 100%, 17%, 1);--cpd-color-alpha-blue-1400: hsl(217, 93%, 95%, 1);--cpd-color-alpha-blue-1300: hsla(216, 96%, 90%, .99);--cpd-color-alpha-blue-1200: hsla(216, 100%, 82%, .97);--cpd-color-alpha-blue-1100: hsla(215, 97%, 74%, .96);--cpd-color-alpha-blue-1000: hsla(216, 99%, 69%, .94);--cpd-color-alpha-blue-900: hsla(215, 98%, 63%, .92);--cpd-color-alpha-blue-800: hsla(214, 99%, 53%, .84);--cpd-color-alpha-blue-700: hsla(217, 99%, 51%, .64);--cpd-color-alpha-blue-600: hsla(219, 99%, 50%, .53);--cpd-color-alpha-blue-500: hsla(221, 100%, 37%, .63);--cpd-color-alpha-blue-400: hsl(224, 100%, 22%, 1);--cpd-color-alpha-blue-300: hsl(229, 100%, 20%, 1);--cpd-color-alpha-blue-200: hsl(234, 100%, 18%, 1);--cpd-color-alpha-blue-100: hsl(237, 100%, 18%, 1);--cpd-color-alpha-cyan-1400: hsla(187, 93%, 94%, .96);--cpd-color-alpha-cyan-1300: hsla(187, 93%, 89%, .92);--cpd-color-alpha-cyan-1200: hsla(187, 100%, 77%, .85);--cpd-color-alpha-cyan-1100: hsla(186, 98%, 57%, .79);--cpd-color-alpha-cyan-1000: hsla(189, 100%, 44%, .88);--cpd-color-alpha-cyan-900: hsl(194, 100%, 37%, 1);--cpd-color-alpha-cyan-800: hsla(200, 100%, 37%, .88);--cpd-color-alpha-cyan-700: hsl(204, 100%, 27%, 1);--cpd-color-alpha-cyan-600: hsl(208, 100%, 23%, 1);--cpd-color-alpha-cyan-500: hsl(210, 100%, 20%, 1);--cpd-color-alpha-cyan-400: hsl(215, 100%, 18%, 1);--cpd-color-alpha-cyan-300: hsl(219, 100%, 15%, 1);--cpd-color-alpha-cyan-200: hsl(223, 100%, 14%, 1);--cpd-color-alpha-cyan-100: hsl(225, 100%, 13%, 1);--cpd-color-alpha-green-1400: hsla(152, 88%, 94%, .96);--cpd-color-alpha-green-1300: hsla(152, 93%, 88%, .91);--cpd-color-alpha-green-1200: hsla(156, 97%, 76%, .83);--cpd-color-alpha-green-1100: hsla(162, 98%, 57%, .74);--cpd-color-alpha-green-1000: hsla(163, 99%, 55%, .65);--cpd-color-alpha-green-900: hsla(164, 98%, 53%, .58);--cpd-color-alpha-green-800: hsl(168, 100%, 24%, 1);--cpd-color-alpha-green-700: hsl(165, 100%, 18%, 1);--cpd-color-alpha-green-600: hsl(162, 100%, 14%, 1);--cpd-color-alpha-green-500: hsl(160, 100%, 12%, 1);--cpd-color-alpha-green-400: hsl(155, 100%, 9%, 1);--cpd-color-alpha-green-300: hsl(151, 100%, 7%, 1);--cpd-color-alpha-green-200: hsl(147, 100%, 6%, 1);--cpd-color-alpha-green-100: hsl(144, 100%, 6%, 1);--cpd-color-alpha-lime-1400: hsla(105, 91%, 92%, .97);--cpd-color-alpha-lime-1300: hsla(104, 100%, 84%, .92);--cpd-color-alpha-lime-1200: hsla(102, 100%, 68%, .84);--cpd-color-alpha-lime-1100: hsla(102, 98%, 60%, .74);--cpd-color-alpha-lime-1000: hsla(105, 97%, 58%, .66);--cpd-color-alpha-lime-900: hsla(107, 98%, 57%, .58);--cpd-color-alpha-lime-800: hsla(112, 98%, 52%, .45);--cpd-color-alpha-lime-700: hsl(120, 100%, 18%, 1);--cpd-color-alpha-lime-600: hsl(120, 100%, 15%, 1);--cpd-color-alpha-lime-500: hsl(120, 100%, 12%, 1);--cpd-color-alpha-lime-400: hsl(120, 100%, 9%, 1);--cpd-color-alpha-lime-300: hsl(120, 100%, 8%, 1);--cpd-color-alpha-lime-200: hsl(120, 100%, 6%, 1);--cpd-color-alpha-lime-100: hsl(120, 100%, 5%, 1);--cpd-color-alpha-yellow-1400: hsl(46, 100%, 85%, 1);--cpd-color-alpha-yellow-1300: hsl(47, 99%, 67%, 1);--cpd-color-alpha-yellow-1200: hsla(46, 98%, 52%, .94);--cpd-color-alpha-yellow-1100: hsl(44, 100%, 43%, 1);--cpd-color-alpha-yellow-1000: hsl(41, 100%, 40%, 1);--cpd-color-alpha-yellow-900: hsl(39, 100%, 37%, 1);--cpd-color-alpha-yellow-800: hsl(35, 100%, 31%, 1);--cpd-color-alpha-yellow-700: hsla(30, 100%, 26%, .92);--cpd-color-alpha-yellow-600: hsla(26, 100%, 23%, .87);--cpd-color-alpha-yellow-500: hsl(23, 100%, 18%, 1);--cpd-color-alpha-yellow-400: hsl(16, 100%, 15%, 1);--cpd-color-alpha-yellow-300: hsl(8, 100%, 13%, 1);--cpd-color-alpha-yellow-200: hsl(3, 100%, 11%, 1);--cpd-color-alpha-yellow-100: hsl(0, 100%, 11%, 1);--cpd-color-alpha-orange-1400: hsl(25, 100%, 93%, 1);--cpd-color-alpha-orange-1300: hsl(24, 100%, 86%, 1);--cpd-color-alpha-orange-1200: hsla(26, 97%, 75%, .99);--cpd-color-alpha-orange-1100: hsla(27, 98%, 62%, .97);--cpd-color-alpha-orange-1000: hsla(29, 99%, 53%, .92);--cpd-color-alpha-orange-900: hsla(26, 99%, 52%, .85);--cpd-color-alpha-orange-800: hsla(21, 100%, 50%, .71);--cpd-color-alpha-orange-700: hsla(12, 100%, 39%, .74);--cpd-color-alpha-orange-600: hsl(2, 100%, 26%, 1);--cpd-color-alpha-orange-500: hsl(0, 100%, 22%, 1);--cpd-color-alpha-orange-400: hsl(0, 100%, 17%, 1);--cpd-color-alpha-orange-300: hsl(0, 100%, 14%, 1);--cpd-color-alpha-orange-200: hsl(0, 100%, 12%, 1);--cpd-color-alpha-orange-100: hsl(0, 100%, 11%, 1);--cpd-color-alpha-red-1400: hsl(7, 100%, 95%, 1);--cpd-color-alpha-red-1300: hsl(8, 100%, 90%, 1);--cpd-color-alpha-red-1200: hsl(7, 100%, 82%, 1);--cpd-color-alpha-red-1100: hsl(5, 100%, 74%, 1);--cpd-color-alpha-red-1000: hsl(3, 100%, 68%, 1);--cpd-color-alpha-red-900: hsl(1, 98%, 61%, 1);--cpd-color-alpha-red-800: hsla(357, 99%, 57%, .81);--cpd-color-alpha-red-700: hsla(354, 99%, 52%, .6);--cpd-color-alpha-red-600: hsl(356, 100%, 26%, 1);--cpd-color-alpha-red-500: hsl(0, 100%, 22%, 1);--cpd-color-alpha-red-400: hsl(0, 100%, 18%, 1);--cpd-color-alpha-red-300: hsl(0, 100%, 14%, 1);--cpd-color-alpha-red-200: hsl(0, 100%, 12%, 1);--cpd-color-alpha-red-100: hsl(0, 100%, 11%, 1);--cpd-color-alpha-gray-1400: hsla(214, 78%, 98%, .95);--cpd-color-alpha-gray-1300: hsla(213, 73%, 97%, .89);--cpd-color-alpha-gray-1200: hsla(215, 74%, 96%, .79);--cpd-color-alpha-gray-1100: hsla(215, 92%, 95%, .68);--cpd-color-alpha-gray-1000: hsla(213, 93%, 94%, .61);--cpd-color-alpha-gray-900: hsla(211, 94%, 94%, .54);--cpd-color-alpha-gray-800: hsla(216, 100%, 94%, .41);--cpd-color-alpha-gray-700: hsla(213, 85%, 95%, .27);--cpd-color-alpha-gray-600: hsla(225, 46%, 95%, .2);--cpd-color-alpha-gray-500: hsla(214, 41%, 97%, .15);--cpd-color-alpha-gray-400: hsla(270, 37%, 93%, .1);--cpd-color-alpha-gray-300: hsla(280, 41%, 90%, .06);--cpd-color-alpha-gray-200: hsla(286, 31%, 82%, .04);--cpd-color-alpha-gray-100: hsla(214, 10%, 86%, .02);--cpd-color-pink-1400: #ffe8ed;--cpd-color-pink-1300: #ffd2dc;--cpd-color-pink-1200: #ffabbe;--cpd-color-pink-1100: #fe84a2;--cpd-color-pink-1000: #fa658f;--cpd-color-pink-900: #f4427d;--cpd-color-pink-800: #ce1865;--cpd-color-pink-700: #99114f;--cpd-color-pink-600: #7c0c41;--cpd-color-pink-500: #6d0036;--cpd-color-pink-400: #550024;--cpd-color-pink-300: #450018;--cpd-color-pink-200: #3c0012;--cpd-color-pink-100: #37000f;--cpd-color-fuchsia-1400: #f8e9f9;--cpd-color-fuchsia-1300: #f1d4f3;--cpd-color-fuchsia-1200: #e5b1e9;--cpd-color-fuchsia-1100: #d991de;--cpd-color-fuchsia-1000: #cf78d7;--cpd-color-fuchsia-900: #c560cf;--cpd-color-fuchsia-800: #aa36ba;--cpd-color-fuchsia-700: #7d2394;--cpd-color-fuchsia-600: #65177d;--cpd-color-fuchsia-500: #560f6f;--cpd-color-fuchsia-400: #46005e;--cpd-color-fuchsia-300: #37004e;--cpd-color-fuchsia-200: #2e0044;--cpd-color-fuchsia-100: #28003d;--cpd-color-purple-1400: #eeebff;--cpd-color-purple-1300: #dedaff;--cpd-color-purple-1200: #c4baff;--cpd-color-purple-1100: #ad9cfe;--cpd-color-purple-1000: #9e87fc;--cpd-color-purple-900: #9171f9;--cpd-color-purple-800: #7849ec;--cpd-color-purple-700: #5a27c6;--cpd-color-purple-600: #4a0db1;--cpd-color-purple-500: #3d009e;--cpd-color-purple-400: #2c0080;--cpd-color-purple-300: #22006a;--cpd-color-purple-200: #1c005a;--cpd-color-purple-100: #1a0055;--cpd-color-blue-1400: #e4eefe;--cpd-color-blue-1300: #cbdffc;--cpd-color-blue-1200: #a1c4f8;--cpd-color-blue-1100: #7aacf4;--cpd-color-blue-1000: #5e99f0;--cpd-color-blue-900: #4187eb;--cpd-color-blue-800: #0e67d9;--cpd-color-blue-700: #0b49ab;--cpd-color-blue-600: #083891;--cpd-color-blue-500: #062d80;--cpd-color-blue-400: #001e6f;--cpd-color-blue-300: #001264;--cpd-color-blue-200: #00095d;--cpd-color-blue-100: #00055a;--cpd-color-cyan-1400: #dbf2f5;--cpd-color-cyan-1300: #b8e5eb;--cpd-color-cyan-1200: #78d0dc;--cpd-color-cyan-1100: #21bacd;--cpd-color-cyan-1000: #02a7c6;--cpd-color-cyan-900: #0093be;--cpd-color-cyan-800: #0271aa;--cpd-color-cyan-700: #005188;--cpd-color-cyan-600: #003f75;--cpd-color-cyan-500: #003468;--cpd-color-cyan-400: #002559;--cpd-color-cyan-300: #001b4e;--cpd-color-cyan-200: #001448;--cpd-color-cyan-100: #001144;--cpd-color-green-1400: #d9f4e7;--cpd-color-green-1300: #b5e8d1;--cpd-color-green-1200: #72d5ae;--cpd-color-green-1100: #1fc090;--cpd-color-green-1000: #17ac84;--cpd-color-green-900: #129a78;--cpd-color-green-800: #007a62;--cpd-color-green-700: #005a43;--cpd-color-green-600: #004832;--cpd-color-green-500: #003d29;--cpd-color-green-400: #002e1b;--cpd-color-green-300: #002513;--cpd-color-green-200: #001f0e;--cpd-color-green-100: #001c0b;--cpd-color-lime-1400: #daf6d0;--cpd-color-lime-1300: #b6eca3;--cpd-color-lime-1200: #77d94f;--cpd-color-lime-1100: #56c02c;--cpd-color-lime-1000: #47ad26;--cpd-color-lime-900: #389b20;--cpd-color-lime-800: #1d7c13;--cpd-color-lime-700: #005c00;--cpd-color-lime-600: #004a00;--cpd-color-lime-500: #003e00;--cpd-color-lime-400: #003000;--cpd-color-lime-300: #002600;--cpd-color-lime-200: #002000;--cpd-color-lime-100: #001b00;--cpd-color-yellow-1400: #ffedb1;--cpd-color-yellow-1300: #fedb58;--cpd-color-yellow-1200: #efbb0b;--cpd-color-yellow-1100: #db9f00;--cpd-color-yellow-1000: #cc8c00;--cpd-color-yellow-900: #bc7a00;--cpd-color-yellow-800: #9d5b00;--cpd-color-yellow-700: #7c3e02;--cpd-color-yellow-600: #682e03;--cpd-color-yellow-500: #5c2400;--cpd-color-yellow-400: #4c1400;--cpd-color-yellow-300: #410900;--cpd-color-yellow-200: #3a0300;--cpd-color-yellow-100: #360000;--cpd-color-orange-1400: #ffeadb;--cpd-color-orange-1300: #ffd5b9;--cpd-color-orange-1200: #fbb37e;--cpd-color-orange-1100: #f6913d;--cpd-color-orange-1000: #eb7a12;--cpd-color-orange-900: #da670d;--cpd-color-orange-800: #b94607;--cpd-color-orange-700: #972206;--cpd-color-orange-600: #830500;--cpd-color-orange-500: #710000;--cpd-color-orange-400: #580000;--cpd-color-orange-300: #470000;--cpd-color-orange-200: #3c0000;--cpd-color-orange-100: #380000;--cpd-color-red-1400: #ffe9e6;--cpd-color-red-1300: #ffd4cd;--cpd-color-red-1200: #ffaea4;--cpd-color-red-1100: #ff877c;--cpd-color-red-1000: #ff665d;--cpd-color-red-900: #fd3e3c;--cpd-color-red-800: #d1212a;--cpd-color-red-700: #9f0d1e;--cpd-color-red-600: #830009;--cpd-color-red-500: #710000;--cpd-color-red-400: #590000;--cpd-color-red-300: #470000;--cpd-color-red-200: #3e0000;--cpd-color-red-100: #370000;--cpd-color-gray-1400: #ebeef2;--cpd-color-gray-1300: #d9dee4;--cpd-color-gray-1200: #bdc3cc;--cpd-color-gray-1100: #a3aab4;--cpd-color-gray-1000: #9199a4;--cpd-color-gray-900: #808994;--cpd-color-gray-800: #656c76;--cpd-color-gray-700: #4a4f55;--cpd-color-gray-600: #3c3f44;--cpd-color-gray-500: #323539;--cpd-color-gray-400: #26282d;--cpd-color-gray-300: #1d1f24;--cpd-color-gray-200: #181a1f;--cpd-color-gray-100: #14171b;--cpd-color-theme-bg: #101317}}}@media screen and (prefers-color-scheme: dark){@layer cpd-base{:root{--cpd-color-alpha-pink-1400: hsl(347, 100%, 96%, 1);--cpd-color-alpha-pink-1300: hsl(347, 100%, 91%, 1);--cpd-color-alpha-pink-1200: hsl(346, 100%, 84%, 1);--cpd-color-alpha-pink-1100: hsl(345, 98%, 76%, 1);--cpd-color-alpha-pink-1000: hsla(343, 100%, 70%, .98);--cpd-color-alpha-pink-900: hsla(340, 99%, 63%, .96);--cpd-color-alpha-pink-800: hsla(335, 99%, 55%, .8);--cpd-color-alpha-pink-700: hsla(334, 98%, 53%, .58);--cpd-color-alpha-pink-600: hsla(333, 97%, 50%, .46);--cpd-color-alpha-pink-500: hsl(330, 100%, 21%, 1);--cpd-color-alpha-pink-400: hsl(335, 100%, 17%, 1);--cpd-color-alpha-pink-300: hsl(339, 100%, 14%, 1);--cpd-color-alpha-pink-200: hsl(342, 100%, 12%, 1);--cpd-color-alpha-pink-100: hsl(344, 100%, 11%, 1);--cpd-color-alpha-fuchsia-1400: hsla(296, 90%, 96%, .98);--cpd-color-alpha-fuchsia-1300: hsla(296, 100%, 94%, .95);--cpd-color-alpha-fuchsia-1200: hsla(296, 97%, 88%, .91);--cpd-color-alpha-fuchsia-1100: hsla(297, 98%, 82%, .86);--cpd-color-alpha-fuchsia-1000: hsla(296, 98%, 78%, .83);--cpd-color-alpha-fuchsia-900: hsla(295, 97%, 72%, .8);--cpd-color-alpha-fuchsia-800: hsla(294, 98%, 63%, .71);--cpd-color-alpha-fuchsia-700: hsla(289, 99%, 59%, .54);--cpd-color-alpha-fuchsia-600: hsla(288, 100%, 56%, .44);--cpd-color-alpha-fuchsia-500: hsla(287, 100%, 52%, .38);--cpd-color-alpha-fuchsia-400: hsl(285, 100%, 18%, 1);--cpd-color-alpha-fuchsia-300: hsl(282, 100%, 15%, 1);--cpd-color-alpha-fuchsia-200: hsl(281, 100%, 13%, 1);--cpd-color-alpha-fuchsia-100: hsl(279, 100%, 12%, 1);--cpd-color-alpha-purple-1400: hsl(249, 100%, 96%, 1);--cpd-color-alpha-purple-1300: hsl(246, 100%, 93%, 1);--cpd-color-alpha-purple-1200: hsl(249, 100%, 87%, 1);--cpd-color-alpha-purple-1100: hsl(250, 98%, 80%, 1);--cpd-color-alpha-purple-1000: hsla(252, 98%, 77%, .99);--cpd-color-alpha-purple-900: hsla(254, 99%, 72%, .98);--cpd-color-alpha-purple-800: hsla(257, 100%, 65%, .92);--cpd-color-alpha-purple-700: hsla(260, 98%, 58%, .76);--cpd-color-alpha-purple-600: hsla(263, 98%, 52%, .67);--cpd-color-alpha-purple-500: hsl(263, 100%, 31%, 1);--cpd-color-alpha-purple-400: hsl(261, 100%, 25%, 1);--cpd-color-alpha-purple-300: hsl(259, 100%, 21%, 1);--cpd-color-alpha-purple-200: hsl(259, 100%, 18%, 1);--cpd-color-alpha-purple-100: hsl(258, 100%, 17%, 1);--cpd-color-alpha-blue-1400: hsl(217, 93%, 95%, 1);--cpd-color-alpha-blue-1300: hsla(216, 96%, 90%, .99);--cpd-color-alpha-blue-1200: hsla(216, 100%, 82%, .97);--cpd-color-alpha-blue-1100: hsla(215, 97%, 74%, .96);--cpd-color-alpha-blue-1000: hsla(216, 99%, 69%, .94);--cpd-color-alpha-blue-900: hsla(215, 98%, 63%, .92);--cpd-color-alpha-blue-800: hsla(214, 99%, 53%, .84);--cpd-color-alpha-blue-700: hsla(217, 99%, 51%, .64);--cpd-color-alpha-blue-600: hsla(219, 99%, 50%, .53);--cpd-color-alpha-blue-500: hsla(221, 100%, 37%, .63);--cpd-color-alpha-blue-400: hsl(224, 100%, 22%, 1);--cpd-color-alpha-blue-300: hsl(229, 100%, 20%, 1);--cpd-color-alpha-blue-200: hsl(234, 100%, 18%, 1);--cpd-color-alpha-blue-100: hsl(237, 100%, 18%, 1);--cpd-color-alpha-cyan-1400: hsla(187, 93%, 94%, .96);--cpd-color-alpha-cyan-1300: hsla(187, 93%, 89%, .92);--cpd-color-alpha-cyan-1200: hsla(187, 100%, 77%, .85);--cpd-color-alpha-cyan-1100: hsla(186, 98%, 57%, .79);--cpd-color-alpha-cyan-1000: hsla(189, 100%, 44%, .88);--cpd-color-alpha-cyan-900: hsl(194, 100%, 37%, 1);--cpd-color-alpha-cyan-800: hsla(200, 100%, 37%, .88);--cpd-color-alpha-cyan-700: hsl(204, 100%, 27%, 1);--cpd-color-alpha-cyan-600: hsl(208, 100%, 23%, 1);--cpd-color-alpha-cyan-500: hsl(210, 100%, 20%, 1);--cpd-color-alpha-cyan-400: hsl(215, 100%, 18%, 1);--cpd-color-alpha-cyan-300: hsl(219, 100%, 15%, 1);--cpd-color-alpha-cyan-200: hsl(223, 100%, 14%, 1);--cpd-color-alpha-cyan-100: hsl(225, 100%, 13%, 1);--cpd-color-alpha-green-1400: hsla(152, 88%, 94%, .96);--cpd-color-alpha-green-1300: hsla(152, 93%, 88%, .91);--cpd-color-alpha-green-1200: hsla(156, 97%, 76%, .83);--cpd-color-alpha-green-1100: hsla(162, 98%, 57%, .74);--cpd-color-alpha-green-1000: hsla(163, 99%, 55%, .65);--cpd-color-alpha-green-900: hsla(164, 98%, 53%, .58);--cpd-color-alpha-green-800: hsl(168, 100%, 24%, 1);--cpd-color-alpha-green-700: hsl(165, 100%, 18%, 1);--cpd-color-alpha-green-600: hsl(162, 100%, 14%, 1);--cpd-color-alpha-green-500: hsl(160, 100%, 12%, 1);--cpd-color-alpha-green-400: hsl(155, 100%, 9%, 1);--cpd-color-alpha-green-300: hsl(151, 100%, 7%, 1);--cpd-color-alpha-green-200: hsl(147, 100%, 6%, 1);--cpd-color-alpha-green-100: hsl(144, 100%, 6%, 1);--cpd-color-alpha-lime-1400: hsla(105, 91%, 92%, .97);--cpd-color-alpha-lime-1300: hsla(104, 100%, 84%, .92);--cpd-color-alpha-lime-1200: hsla(102, 100%, 68%, .84);--cpd-color-alpha-lime-1100: hsla(102, 98%, 60%, .74);--cpd-color-alpha-lime-1000: hsla(105, 97%, 58%, .66);--cpd-color-alpha-lime-900: hsla(107, 98%, 57%, .58);--cpd-color-alpha-lime-800: hsla(112, 98%, 52%, .45);--cpd-color-alpha-lime-700: hsl(120, 100%, 18%, 1);--cpd-color-alpha-lime-600: hsl(120, 100%, 15%, 1);--cpd-color-alpha-lime-500: hsl(120, 100%, 12%, 1);--cpd-color-alpha-lime-400: hsl(120, 100%, 9%, 1);--cpd-color-alpha-lime-300: hsl(120, 100%, 8%, 1);--cpd-color-alpha-lime-200: hsl(120, 100%, 6%, 1);--cpd-color-alpha-lime-100: hsl(120, 100%, 5%, 1);--cpd-color-alpha-yellow-1400: hsl(46, 100%, 85%, 1);--cpd-color-alpha-yellow-1300: hsl(47, 99%, 67%, 1);--cpd-color-alpha-yellow-1200: hsla(46, 98%, 52%, .94);--cpd-color-alpha-yellow-1100: hsl(44, 100%, 43%, 1);--cpd-color-alpha-yellow-1000: hsl(41, 100%, 40%, 1);--cpd-color-alpha-yellow-900: hsl(39, 100%, 37%, 1);--cpd-color-alpha-yellow-800: hsl(35, 100%, 31%, 1);--cpd-color-alpha-yellow-700: hsla(30, 100%, 26%, .92);--cpd-color-alpha-yellow-600: hsla(26, 100%, 23%, .87);--cpd-color-alpha-yellow-500: hsl(23, 100%, 18%, 1);--cpd-color-alpha-yellow-400: hsl(16, 100%, 15%, 1);--cpd-color-alpha-yellow-300: hsl(8, 100%, 13%, 1);--cpd-color-alpha-yellow-200: hsl(3, 100%, 11%, 1);--cpd-color-alpha-yellow-100: hsl(0, 100%, 11%, 1);--cpd-color-alpha-orange-1400: hsl(25, 100%, 93%, 1);--cpd-color-alpha-orange-1300: hsl(24, 100%, 86%, 1);--cpd-color-alpha-orange-1200: hsla(26, 97%, 75%, .99);--cpd-color-alpha-orange-1100: hsla(27, 98%, 62%, .97);--cpd-color-alpha-orange-1000: hsla(29, 99%, 53%, .92);--cpd-color-alpha-orange-900: hsla(26, 99%, 52%, .85);--cpd-color-alpha-orange-800: hsla(21, 100%, 50%, .71);--cpd-color-alpha-orange-700: hsla(12, 100%, 39%, .74);--cpd-color-alpha-orange-600: hsl(2, 100%, 26%, 1);--cpd-color-alpha-orange-500: hsl(0, 100%, 22%, 1);--cpd-color-alpha-orange-400: hsl(0, 100%, 17%, 1);--cpd-color-alpha-orange-300: hsl(0, 100%, 14%, 1);--cpd-color-alpha-orange-200: hsl(0, 100%, 12%, 1);--cpd-color-alpha-orange-100: hsl(0, 100%, 11%, 1);--cpd-color-alpha-red-1400: hsl(7, 100%, 95%, 1);--cpd-color-alpha-red-1300: hsl(8, 100%, 90%, 1);--cpd-color-alpha-red-1200: hsl(7, 100%, 82%, 1);--cpd-color-alpha-red-1100: hsl(5, 100%, 74%, 1);--cpd-color-alpha-red-1000: hsl(3, 100%, 68%, 1);--cpd-color-alpha-red-900: hsl(1, 98%, 61%, 1);--cpd-color-alpha-red-800: hsla(357, 99%, 57%, .81);--cpd-color-alpha-red-700: hsla(354, 99%, 52%, .6);--cpd-color-alpha-red-600: hsl(356, 100%, 26%, 1);--cpd-color-alpha-red-500: hsl(0, 100%, 22%, 1);--cpd-color-alpha-red-400: hsl(0, 100%, 18%, 1);--cpd-color-alpha-red-300: hsl(0, 100%, 14%, 1);--cpd-color-alpha-red-200: hsl(0, 100%, 12%, 1);--cpd-color-alpha-red-100: hsl(0, 100%, 11%, 1);--cpd-color-alpha-gray-1400: hsla(214, 78%, 98%, .95);--cpd-color-alpha-gray-1300: hsla(213, 73%, 97%, .89);--cpd-color-alpha-gray-1200: hsla(215, 74%, 96%, .79);--cpd-color-alpha-gray-1100: hsla(215, 92%, 95%, .68);--cpd-color-alpha-gray-1000: hsla(213, 93%, 94%, .61);--cpd-color-alpha-gray-900: hsla(211, 94%, 94%, .54);--cpd-color-alpha-gray-800: hsla(216, 100%, 94%, .41);--cpd-color-alpha-gray-700: hsla(213, 85%, 95%, .27);--cpd-color-alpha-gray-600: hsla(225, 46%, 95%, .2);--cpd-color-alpha-gray-500: hsla(214, 41%, 97%, .15);--cpd-color-alpha-gray-400: hsla(270, 37%, 93%, .1);--cpd-color-alpha-gray-300: hsla(280, 41%, 90%, .06);--cpd-color-alpha-gray-200: hsla(286, 31%, 82%, .04);--cpd-color-alpha-gray-100: hsla(214, 10%, 86%, .02);--cpd-color-pink-1400: #ffe8ed;--cpd-color-pink-1300: #ffd2dc;--cpd-color-pink-1200: #ffabbe;--cpd-color-pink-1100: #fe84a2;--cpd-color-pink-1000: #fa658f;--cpd-color-pink-900: #f4427d;--cpd-color-pink-800: #ce1865;--cpd-color-pink-700: #99114f;--cpd-color-pink-600: #7c0c41;--cpd-color-pink-500: #6d0036;--cpd-color-pink-400: #550024;--cpd-color-pink-300: #450018;--cpd-color-pink-200: #3c0012;--cpd-color-pink-100: #37000f;--cpd-color-fuchsia-1400: #f8e9f9;--cpd-color-fuchsia-1300: #f1d4f3;--cpd-color-fuchsia-1200: #e5b1e9;--cpd-color-fuchsia-1100: #d991de;--cpd-color-fuchsia-1000: #cf78d7;--cpd-color-fuchsia-900: #c560cf;--cpd-color-fuchsia-800: #aa36ba;--cpd-color-fuchsia-700: #7d2394;--cpd-color-fuchsia-600: #65177d;--cpd-color-fuchsia-500: #560f6f;--cpd-color-fuchsia-400: #46005e;--cpd-color-fuchsia-300: #37004e;--cpd-color-fuchsia-200: #2e0044;--cpd-color-fuchsia-100: #28003d;--cpd-color-purple-1400: #eeebff;--cpd-color-purple-1300: #dedaff;--cpd-color-purple-1200: #c4baff;--cpd-color-purple-1100: #ad9cfe;--cpd-color-purple-1000: #9e87fc;--cpd-color-purple-900: #9171f9;--cpd-color-purple-800: #7849ec;--cpd-color-purple-700: #5a27c6;--cpd-color-purple-600: #4a0db1;--cpd-color-purple-500: #3d009e;--cpd-color-purple-400: #2c0080;--cpd-color-purple-300: #22006a;--cpd-color-purple-200: #1c005a;--cpd-color-purple-100: #1a0055;--cpd-color-blue-1400: #e4eefe;--cpd-color-blue-1300: #cbdffc;--cpd-color-blue-1200: #a1c4f8;--cpd-color-blue-1100: #7aacf4;--cpd-color-blue-1000: #5e99f0;--cpd-color-blue-900: #4187eb;--cpd-color-blue-800: #0e67d9;--cpd-color-blue-700: #0b49ab;--cpd-color-blue-600: #083891;--cpd-color-blue-500: #062d80;--cpd-color-blue-400: #001e6f;--cpd-color-blue-300: #001264;--cpd-color-blue-200: #00095d;--cpd-color-blue-100: #00055a;--cpd-color-cyan-1400: #dbf2f5;--cpd-color-cyan-1300: #b8e5eb;--cpd-color-cyan-1200: #78d0dc;--cpd-color-cyan-1100: #21bacd;--cpd-color-cyan-1000: #02a7c6;--cpd-color-cyan-900: #0093be;--cpd-color-cyan-800: #0271aa;--cpd-color-cyan-700: #005188;--cpd-color-cyan-600: #003f75;--cpd-color-cyan-500: #003468;--cpd-color-cyan-400: #002559;--cpd-color-cyan-300: #001b4e;--cpd-color-cyan-200: #001448;--cpd-color-cyan-100: #001144;--cpd-color-green-1400: #d9f4e7;--cpd-color-green-1300: #b5e8d1;--cpd-color-green-1200: #72d5ae;--cpd-color-green-1100: #1fc090;--cpd-color-green-1000: #17ac84;--cpd-color-green-900: #129a78;--cpd-color-green-800: #007a62;--cpd-color-green-700: #005a43;--cpd-color-green-600: #004832;--cpd-color-green-500: #003d29;--cpd-color-green-400: #002e1b;--cpd-color-green-300: #002513;--cpd-color-green-200: #001f0e;--cpd-color-green-100: #001c0b;--cpd-color-lime-1400: #daf6d0;--cpd-color-lime-1300: #b6eca3;--cpd-color-lime-1200: #77d94f;--cpd-color-lime-1100: #56c02c;--cpd-color-lime-1000: #47ad26;--cpd-color-lime-900: #389b20;--cpd-color-lime-800: #1d7c13;--cpd-color-lime-700: #005c00;--cpd-color-lime-600: #004a00;--cpd-color-lime-500: #003e00;--cpd-color-lime-400: #003000;--cpd-color-lime-300: #002600;--cpd-color-lime-200: #002000;--cpd-color-lime-100: #001b00;--cpd-color-yellow-1400: #ffedb1;--cpd-color-yellow-1300: #fedb58;--cpd-color-yellow-1200: #efbb0b;--cpd-color-yellow-1100: #db9f00;--cpd-color-yellow-1000: #cc8c00;--cpd-color-yellow-900: #bc7a00;--cpd-color-yellow-800: #9d5b00;--cpd-color-yellow-700: #7c3e02;--cpd-color-yellow-600: #682e03;--cpd-color-yellow-500: #5c2400;--cpd-color-yellow-400: #4c1400;--cpd-color-yellow-300: #410900;--cpd-color-yellow-200: #3a0300;--cpd-color-yellow-100: #360000;--cpd-color-orange-1400: #ffeadb;--cpd-color-orange-1300: #ffd5b9;--cpd-color-orange-1200: #fbb37e;--cpd-color-orange-1100: #f6913d;--cpd-color-orange-1000: #eb7a12;--cpd-color-orange-900: #da670d;--cpd-color-orange-800: #b94607;--cpd-color-orange-700: #972206;--cpd-color-orange-600: #830500;--cpd-color-orange-500: #710000;--cpd-color-orange-400: #580000;--cpd-color-orange-300: #470000;--cpd-color-orange-200: #3c0000;--cpd-color-orange-100: #380000;--cpd-color-red-1400: #ffe9e6;--cpd-color-red-1300: #ffd4cd;--cpd-color-red-1200: #ffaea4;--cpd-color-red-1100: #ff877c;--cpd-color-red-1000: #ff665d;--cpd-color-red-900: #fd3e3c;--cpd-color-red-800: #d1212a;--cpd-color-red-700: #9f0d1e;--cpd-color-red-600: #830009;--cpd-color-red-500: #710000;--cpd-color-red-400: #590000;--cpd-color-red-300: #470000;--cpd-color-red-200: #3e0000;--cpd-color-red-100: #370000;--cpd-color-gray-1400: #ebeef2;--cpd-color-gray-1300: #d9dee4;--cpd-color-gray-1200: #bdc3cc;--cpd-color-gray-1100: #a3aab4;--cpd-color-gray-1000: #9199a4;--cpd-color-gray-900: #808994;--cpd-color-gray-800: #656c76;--cpd-color-gray-700: #4a4f55;--cpd-color-gray-600: #3c3f44;--cpd-color-gray-500: #323539;--cpd-color-gray-400: #26282d;--cpd-color-gray-300: #1d1f24;--cpd-color-gray-200: #181a1f;--cpd-color-gray-100: #14171b;--cpd-color-theme-bg: #101317}}}@media screen{@layer cpd-semantic{.cpd-theme-dark.cpd-theme-dark{--cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-theme-bg);--cpd-color-bg-canvas-default-level-1: var(--cpd-color-gray-300)}}}@media screen and (prefers-color-scheme: dark){@layer cpd-semantic{:root{--cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-theme-bg);--cpd-color-bg-canvas-default-level-1: var(--cpd-color-gray-300)}}}@media screen{@layer cpd-base{.cpd-theme-dark-hc.cpd-theme-dark-hc{--cpd-color-alpha-pink-1400: hsl(347, 100%, 97%, 1);--cpd-color-alpha-pink-1300: hsl(347, 100%, 96%, 1);--cpd-color-alpha-pink-1200: hsl(347, 100%, 90%, 1);--cpd-color-alpha-pink-1100: hsl(347, 100%, 87%, 1);--cpd-color-alpha-pink-1000: hsl(346, 100%, 82%, 1);--cpd-color-alpha-pink-900: hsl(346, 100%, 79%, 1);--cpd-color-alpha-pink-800: hsla(338, 98%, 58%, .95);--cpd-color-alpha-pink-700: hsla(335, 99%, 55%, .76);--cpd-color-alpha-pink-600: hsla(334, 98%, 53%, .58);--cpd-color-alpha-pink-500: hsla(333, 97%, 50%, .46);--cpd-color-alpha-pink-400: hsl(332, 100%, 19%, 1);--cpd-color-alpha-pink-300: hsl(335, 100%, 17%, 1);--cpd-color-alpha-pink-200: hsl(339, 100%, 14%, 1);--cpd-color-alpha-pink-100: hsl(342, 100%, 12%, 1);--cpd-color-alpha-fuchsia-1400: hsla(300, 71%, 97%, .99);--cpd-color-alpha-fuchsia-1300: hsla(296, 90%, 96%, .98);--cpd-color-alpha-fuchsia-1200: hsla(297, 95%, 92%, .95);--cpd-color-alpha-fuchsia-1100: hsla(296, 92%, 90%, .93);--cpd-color-alpha-fuchsia-1000: hsla(296, 97%, 87%, .9);--cpd-color-alpha-fuchsia-900: hsla(295, 100%, 85%, .88);--cpd-color-alpha-fuchsia-800: hsla(296, 99%, 70%, .78);--cpd-color-alpha-fuchsia-700: hsla(293, 97%, 62%, .68);--cpd-color-alpha-fuchsia-600: hsla(289, 99%, 59%, .54);--cpd-color-alpha-fuchsia-500: hsla(288, 100%, 56%, .44);--cpd-color-alpha-fuchsia-400: hsla(286, 100%, 23%, .85);--cpd-color-alpha-fuchsia-300: hsl(285, 100%, 18%, 1);--cpd-color-alpha-fuchsia-200: hsl(282, 100%, 15%, 1);--cpd-color-alpha-fuchsia-100: hsl(281, 100%, 13%, 1);--cpd-color-alpha-purple-1400: hsl(250, 100%, 98%, 1);--cpd-color-alpha-purple-1300: hsl(249, 100%, 96%, 1);--cpd-color-alpha-purple-1200: hsl(247, 100%, 92%, 1);--cpd-color-alpha-purple-1100: hsl(248, 100%, 89%, 1);--cpd-color-alpha-purple-1000: hsl(249, 100%, 86%, 1);--cpd-color-alpha-purple-900: hsl(250, 100%, 83%, 1);--cpd-color-alpha-purple-800: hsla(255, 100%, 71%, .97);--cpd-color-alpha-purple-700: hsla(258, 98%, 64%, .9);--cpd-color-alpha-purple-600: hsla(260, 98%, 58%, .76);--cpd-color-alpha-purple-500: hsla(263, 98%, 52%, .67);--cpd-color-alpha-purple-400: hsl(262, 100%, 28%, 1);--cpd-color-alpha-purple-300: hsl(261, 100%, 25%, 1);--cpd-color-alpha-purple-200: hsl(259, 100%, 21%, 1);--cpd-color-alpha-purple-100: hsl(259, 100%, 18%, 1);--cpd-color-alpha-blue-1400: hsl(216, 88%, 97%, 1);--cpd-color-alpha-blue-1300: hsl(217, 93%, 95%, 1);--cpd-color-alpha-blue-1200: hsla(216, 97%, 89%, .99);--cpd-color-alpha-blue-1100: hsla(216, 100%, 86%, .98);--cpd-color-alpha-blue-1000: hsla(216, 100%, 81%, .97);--cpd-color-alpha-blue-900: hsla(216, 97%, 77%, .97);--cpd-color-alpha-blue-800: hsla(215, 99%, 60%, .91);--cpd-color-alpha-blue-700: hsla(215, 98%, 52%, .81);--cpd-color-alpha-blue-600: hsla(217, 99%, 51%, .64);--cpd-color-alpha-blue-500: hsla(219, 99%, 50%, .53);--cpd-color-alpha-blue-400: hsla(222, 100%, 28%, .82);--cpd-color-alpha-blue-300: hsl(224, 100%, 22%, 1);--cpd-color-alpha-blue-200: hsl(229, 100%, 20%, 1);--cpd-color-alpha-blue-100: hsl(234, 100%, 18%, 1);--cpd-color-alpha-cyan-1400: hsla(187, 89%, 97%, .98);--cpd-color-alpha-cyan-1300: hsla(187, 93%, 94%, .96);--cpd-color-alpha-cyan-1200: hsla(188, 97%, 87%, .91);--cpd-color-alpha-cyan-1100: hsla(187, 98%, 82%, .88);--cpd-color-alpha-cyan-1000: hsla(187, 99%, 74%, .84);--cpd-color-alpha-cyan-900: hsla(186, 99%, 66%, .81);--cpd-color-alpha-cyan-800: hsl(195, 100%, 37%, 1);--cpd-color-alpha-cyan-700: hsl(200, 100%, 32%, 1);--cpd-color-alpha-cyan-600: hsl(204, 100%, 27%, 1);--cpd-color-alpha-cyan-500: hsl(208, 100%, 23%, 1);--cpd-color-alpha-cyan-400: hsl(212, 100%, 19%, 1);--cpd-color-alpha-cyan-300: hsl(215, 100%, 18%, 1);--cpd-color-alpha-cyan-200: hsl(219, 100%, 15%, 1);--cpd-color-alpha-cyan-100: hsl(223, 100%, 14%, 1);--cpd-color-alpha-green-1400: hsla(150, 80%, 96%, .98);--cpd-color-alpha-green-1300: hsla(152, 88%, 94%, .96);--cpd-color-alpha-green-1200: hsla(153, 94%, 87%, .9);--cpd-color-alpha-green-1100: hsla(154, 98%, 82%, .86);--cpd-color-alpha-green-1000: hsla(156, 100%, 73%, .81);--cpd-color-alpha-green-900: hsla(159, 97%, 62%, .78);--cpd-color-alpha-green-800: hsla(165, 98%, 53%, .54);--cpd-color-alpha-green-700: hsl(168, 100%, 23%, 1);--cpd-color-alpha-green-600: hsl(165, 100%, 18%, 1);--cpd-color-alpha-green-500: hsl(162, 100%, 14%, 1);--cpd-color-alpha-green-400: hsl(158, 100%, 11%, 1);--cpd-color-alpha-green-300: hsl(155, 100%, 9%, 1);--cpd-color-alpha-green-200: hsl(151, 100%, 7%, 1);--cpd-color-alpha-green-100: hsl(147, 100%, 6%, 1);--cpd-color-alpha-lime-1400: hsla(104, 92%, 95%, .98);--cpd-color-alpha-lime-1300: hsla(105, 91%, 92%, .97);--cpd-color-alpha-lime-1200: hsla(103, 98%, 83%, .91);--cpd-color-alpha-lime-1100: hsla(103, 97%, 75%, .88);--cpd-color-alpha-lime-1000: hsla(101, 99%, 62%, .83);--cpd-color-alpha-lime-900: hsla(101, 99%, 60%, .78);--cpd-color-alpha-lime-800: hsla(109, 99%, 57%, .55);--cpd-color-alpha-lime-700: hsla(114, 100%, 52%, .42);--cpd-color-alpha-lime-600: hsl(120, 100%, 18%, 1);--cpd-color-alpha-lime-500: hsl(120, 100%, 15%, 1);--cpd-color-alpha-lime-400: hsl(120, 100%, 11%, 1);--cpd-color-alpha-lime-300: hsl(120, 100%, 9%, 1);--cpd-color-alpha-lime-200: hsl(120, 100%, 8%, 1);--cpd-color-alpha-lime-100: hsl(120, 100%, 6%, 1);--cpd-color-alpha-yellow-1400: hsl(46, 100%, 91%, 1);--cpd-color-alpha-yellow-1300: hsl(46, 100%, 85%, 1);--cpd-color-alpha-yellow-1200: hsl(48, 99%, 60%, 1);--cpd-color-alpha-yellow-1100: hsla(48, 99%, 54%, .97);--cpd-color-alpha-yellow-1000: hsla(46, 99%, 51%, .92);--cpd-color-alpha-yellow-900: hsl(45, 100%, 45%, 1);--cpd-color-alpha-yellow-800: hsl(38, 100%, 35%, 1);--cpd-color-alpha-yellow-700: hsl(34, 100%, 30%, 1);--cpd-color-alpha-yellow-600: hsla(30, 100%, 26%, .92);--cpd-color-alpha-yellow-500: hsla(26, 100%, 23%, .87);--cpd-color-alpha-yellow-400: hsl(21, 100%, 17%, 1);--cpd-color-alpha-yellow-300: hsl(16, 100%, 15%, 1);--cpd-color-alpha-yellow-200: hsl(8, 100%, 13%, 1);--cpd-color-alpha-yellow-100: hsl(3, 100%, 11%, 1);--cpd-color-alpha-orange-1400: hsl(23, 100%, 96%, 1);--cpd-color-alpha-orange-1300: hsl(25, 100%, 93%, 1);--cpd-color-alpha-orange-1200: hsl(24, 98%, 85%, 1);--cpd-color-alpha-orange-1100: hsl(25, 96%, 79%, 1);--cpd-color-alpha-orange-1000: hsla(26, 100%, 73%, .98);--cpd-color-alpha-orange-900: hsla(26, 98%, 67%, .98);--cpd-color-alpha-orange-800: hsla(26, 99%, 51%, .81);--cpd-color-alpha-orange-700: hsla(20, 100%, 49%, .7);--cpd-color-alpha-orange-600: hsla(12, 100%, 39%, .74);--cpd-color-alpha-orange-500: hsl(2, 100%, 26%, 1);--cpd-color-alpha-orange-400: hsl(0, 100%, 20%, 1);--cpd-color-alpha-orange-300: hsl(0, 100%, 17%, 1);--cpd-color-alpha-orange-200: hsl(0, 100%, 14%, 1);--cpd-color-alpha-orange-100: hsl(0, 100%, 12%, 1);--cpd-color-alpha-red-1400: hsl(11, 100%, 97%, 1);--cpd-color-alpha-red-1300: hsl(7, 100%, 95%, 1);--cpd-color-alpha-red-1200: hsl(8, 100%, 89%, 1);--cpd-color-alpha-red-1100: hsl(6, 100%, 86%, 1);--cpd-color-alpha-red-1000: hsl(6, 100%, 81%, 1);--cpd-color-alpha-red-900: hsl(5, 100%, 78%, 1);--cpd-color-alpha-red-800: hsla(359, 100%, 59%, .96);--cpd-color-alpha-red-700: hsla(357, 100%, 57%, .77);--cpd-color-alpha-red-600: hsla(354, 99%, 52%, .6);--cpd-color-alpha-red-500: hsl(356, 100%, 26%, 1);--cpd-color-alpha-red-400: hsl(0, 100%, 20%, 1);--cpd-color-alpha-red-300: hsl(0, 100%, 18%, 1);--cpd-color-alpha-red-200: hsl(0, 100%, 14%, 1);--cpd-color-alpha-red-100: hsl(0, 100%, 12%, 1);--cpd-color-alpha-gray-1400: hsla(204, 71%, 99%, .97);--cpd-color-alpha-gray-1300: hsla(214, 78%, 98%, .95);--cpd-color-alpha-gray-1200: hsla(217, 77%, 97%, .88);--cpd-color-alpha-gray-1100: hsla(212, 100%, 97%, .82);--cpd-color-alpha-gray-1000: hsla(213, 100%, 97%, .76);--cpd-color-alpha-gray-900: hsla(211, 91%, 96%, .72);--cpd-color-alpha-gray-800: hsla(216, 94%, 93%, .51);--cpd-color-alpha-gray-700: hsla(214, 79%, 93%, .39);--cpd-color-alpha-gray-600: hsla(213, 85%, 95%, .27);--cpd-color-alpha-gray-500: hsla(225, 46%, 95%, .2);--cpd-color-alpha-gray-400: hsla(227, 29%, 91%, .13);--cpd-color-alpha-gray-300: hsla(270, 37%, 93%, .1);--cpd-color-alpha-gray-200: hsla(280, 41%, 90%, .06);--cpd-color-alpha-gray-100: hsla(286, 31%, 82%, .04);--cpd-color-pink-1400: #fff1f4;--cpd-color-pink-1300: #ffe8ed;--cpd-color-pink-1200: #ffccd7;--cpd-color-pink-1100: #ffbbca;--cpd-color-pink-1000: #ffa4b9;--cpd-color-pink-900: #ff92ac;--cpd-color-pink-800: #f12c75;--cpd-color-pink-700: #c51761;--cpd-color-pink-600: #99114f;--cpd-color-pink-500: #7c0c41;--cpd-color-pink-400: #61002d;--cpd-color-pink-300: #550024;--cpd-color-pink-200: #450018;--cpd-color-pink-100: #3c0012;--cpd-color-fuchsia-1400: #fbf1fb;--cpd-color-fuchsia-1300: #f8e9f9;--cpd-color-fuchsia-1200: #f0cff2;--cpd-color-fuchsia-1100: #eac0ed;--cpd-color-fuchsia-1000: #e3abe7;--cpd-color-fuchsia-900: #dd9de3;--cpd-color-fuchsia-800: #c153cb;--cpd-color-fuchsia-700: #a233b3;--cpd-color-fuchsia-600: #7d2394;--cpd-color-fuchsia-500: #65177d;--cpd-color-fuchsia-400: #4f0368;--cpd-color-fuchsia-300: #46005e;--cpd-color-fuchsia-200: #37004e;--cpd-color-fuchsia-100: #2e0044;--cpd-color-purple-1400: #f5f3ff;--cpd-color-purple-1300: #eeebff;--cpd-color-purple-1200: #dad5ff;--cpd-color-purple-1100: #cec7ff;--cpd-color-purple-1000: #c0b5ff;--cpd-color-purple-900: #b6a7ff;--cpd-color-purple-800: #8b66f8;--cpd-color-purple-700: #7343e6;--cpd-color-purple-600: #5a27c6;--cpd-color-purple-500: #4a0db1;--cpd-color-purple-400: #350090;--cpd-color-purple-300: #2c0080;--cpd-color-purple-200: #22006a;--cpd-color-purple-100: #1c005a;--cpd-color-blue-1400: #eff5fe;--cpd-color-blue-1300: #e4eefe;--cpd-color-blue-1200: #c5dbfc;--cpd-color-blue-1100: #b2cffa;--cpd-color-blue-1000: #9ac0f8;--cpd-color-blue-900: #89b5f6;--cpd-color-blue-800: #337fe9;--cpd-color-blue-700: #0e61d1;--cpd-color-blue-600: #0b49ab;--cpd-color-blue-500: #083891;--cpd-color-blue-400: #032677;--cpd-color-blue-300: #001e6f;--cpd-color-blue-200: #001264;--cpd-color-blue-100: #00095d;--cpd-color-cyan-1400: #eaf7f9;--cpd-color-cyan-1300: #dbf2f5;--cpd-color-cyan-1200: #afe2e9;--cpd-color-cyan-1100: #93d9e2;--cpd-color-cyan-1000: #6bccd9;--cpd-color-cyan-900: #46c3d2;--cpd-color-cyan-800: #008aba;--cpd-color-cyan-700: #006ca4;--cpd-color-cyan-600: #005188;--cpd-color-cyan-500: #003f75;--cpd-color-cyan-400: #002d61;--cpd-color-cyan-300: #002559;--cpd-color-cyan-200: #001b4e;--cpd-color-cyan-100: #001448;--cpd-color-green-1400: #e9f8f1;--cpd-color-green-1300: #d9f4e7;--cpd-color-green-1200: #ace6cc;--cpd-color-green-1100: #8fddbc;--cpd-color-green-1000: #61d2a6;--cpd-color-green-900: #37c998;--cpd-color-green-800: #109173;--cpd-color-green-700: #00745c;--cpd-color-green-600: #005a43;--cpd-color-green-500: #004832;--cpd-color-green-400: #003622;--cpd-color-green-300: #002e1b;--cpd-color-green-200: #002513;--cpd-color-green-100: #001f0e;--cpd-color-lime-1400: #e9f9e3;--cpd-color-lime-1300: #daf6d0;--cpd-color-lime-1200: #afe99a;--cpd-color-lime-1100: #92e175;--cpd-color-lime-1000: #6ad639;--cpd-color-lime-900: #5eca2f;--cpd-color-lime-800: #31941d;--cpd-color-lime-700: #187611;--cpd-color-lime-600: #005c00;--cpd-color-lime-500: #004a00;--cpd-color-lime-400: #003700;--cpd-color-lime-300: #003000;--cpd-color-lime-200: #002600;--cpd-color-lime-100: #002000;--cpd-color-yellow-1400: #fff4d0;--cpd-color-yellow-1300: #ffedb1;--cpd-color-yellow-1200: #fed632;--cpd-color-yellow-1100: #f7c816;--cpd-color-yellow-1000: #ebb607;--cpd-color-yellow-900: #e3aa00;--cpd-color-yellow-800: #b47200;--cpd-color-yellow-700: #985600;--cpd-color-yellow-600: #7c3e02;--cpd-color-yellow-500: #682e03;--cpd-color-yellow-400: #541d00;--cpd-color-yellow-300: #4c1400;--cpd-color-yellow-200: #410900;--cpd-color-yellow-100: #3a0300;--cpd-color-orange-1400: #fff2ea;--cpd-color-orange-1300: #ffeadb;--cpd-color-orange-1200: #fed0b1;--cpd-color-orange-1100: #fdc197;--cpd-color-orange-1000: #faad73;--cpd-color-orange-900: #f89d58;--cpd-color-orange-800: #d15f0b;--cpd-color-orange-700: #b44007;--cpd-color-orange-600: #972206;--cpd-color-orange-500: #830500;--cpd-color-orange-400: #650000;--cpd-color-orange-300: #580000;--cpd-color-orange-200: #470000;--cpd-color-orange-100: #3c0000;--cpd-color-red-1400: #fff2ef;--cpd-color-red-1300: #ffe9e6;--cpd-color-red-1200: #ffcfc8;--cpd-color-red-1100: #ffbdb5;--cpd-color-red-1000: #ffa79d;--cpd-color-red-900: #ff968c;--cpd-color-red-800: #f52f33;--cpd-color-red-700: #c81e28;--cpd-color-red-600: #9f0d1e;--cpd-color-red-500: #830009;--cpd-color-red-400: #640000;--cpd-color-red-300: #590000;--cpd-color-red-200: #470000;--cpd-color-red-100: #3e0000;--cpd-color-gray-1400: #f2f5f7;--cpd-color-gray-1300: #ebeef2;--cpd-color-gray-1200: #d5dae1;--cpd-color-gray-1100: #c8ced5;--cpd-color-gray-1000: #b8bfc7;--cpd-color-gray-900: #acb4bd;--cpd-color-gray-800: #79818d;--cpd-color-gray-700: #606770;--cpd-color-gray-600: #4a4f55;--cpd-color-gray-500: #3c3f44;--cpd-color-gray-400: #2b2e33;--cpd-color-gray-300: #26282d;--cpd-color-gray-200: #1d1f24;--cpd-color-gray-100: #181a1f;--cpd-color-theme-bg: #101317}}}@media screen and (prefers-color-scheme: dark) and (prefers-contrast: more){@layer cpd-base{:root{--cpd-color-alpha-pink-1400: hsl(347, 100%, 97%, 1);--cpd-color-alpha-pink-1300: hsl(347, 100%, 96%, 1);--cpd-color-alpha-pink-1200: hsl(347, 100%, 90%, 1);--cpd-color-alpha-pink-1100: hsl(347, 100%, 87%, 1);--cpd-color-alpha-pink-1000: hsl(346, 100%, 82%, 1);--cpd-color-alpha-pink-900: hsl(346, 100%, 79%, 1);--cpd-color-alpha-pink-800: hsla(338, 98%, 58%, .95);--cpd-color-alpha-pink-700: hsla(335, 99%, 55%, .76);--cpd-color-alpha-pink-600: hsla(334, 98%, 53%, .58);--cpd-color-alpha-pink-500: hsla(333, 97%, 50%, .46);--cpd-color-alpha-pink-400: hsl(332, 100%, 19%, 1);--cpd-color-alpha-pink-300: hsl(335, 100%, 17%, 1);--cpd-color-alpha-pink-200: hsl(339, 100%, 14%, 1);--cpd-color-alpha-pink-100: hsl(342, 100%, 12%, 1);--cpd-color-alpha-fuchsia-1400: hsla(300, 71%, 97%, .99);--cpd-color-alpha-fuchsia-1300: hsla(296, 90%, 96%, .98);--cpd-color-alpha-fuchsia-1200: hsla(297, 95%, 92%, .95);--cpd-color-alpha-fuchsia-1100: hsla(296, 92%, 90%, .93);--cpd-color-alpha-fuchsia-1000: hsla(296, 97%, 87%, .9);--cpd-color-alpha-fuchsia-900: hsla(295, 100%, 85%, .88);--cpd-color-alpha-fuchsia-800: hsla(296, 99%, 70%, .78);--cpd-color-alpha-fuchsia-700: hsla(293, 97%, 62%, .68);--cpd-color-alpha-fuchsia-600: hsla(289, 99%, 59%, .54);--cpd-color-alpha-fuchsia-500: hsla(288, 100%, 56%, .44);--cpd-color-alpha-fuchsia-400: hsla(286, 100%, 23%, .85);--cpd-color-alpha-fuchsia-300: hsl(285, 100%, 18%, 1);--cpd-color-alpha-fuchsia-200: hsl(282, 100%, 15%, 1);--cpd-color-alpha-fuchsia-100: hsl(281, 100%, 13%, 1);--cpd-color-alpha-purple-1400: hsl(250, 100%, 98%, 1);--cpd-color-alpha-purple-1300: hsl(249, 100%, 96%, 1);--cpd-color-alpha-purple-1200: hsl(247, 100%, 92%, 1);--cpd-color-alpha-purple-1100: hsl(248, 100%, 89%, 1);--cpd-color-alpha-purple-1000: hsl(249, 100%, 86%, 1);--cpd-color-alpha-purple-900: hsl(250, 100%, 83%, 1);--cpd-color-alpha-purple-800: hsla(255, 100%, 71%, .97);--cpd-color-alpha-purple-700: hsla(258, 98%, 64%, .9);--cpd-color-alpha-purple-600: hsla(260, 98%, 58%, .76);--cpd-color-alpha-purple-500: hsla(263, 98%, 52%, .67);--cpd-color-alpha-purple-400: hsl(262, 100%, 28%, 1);--cpd-color-alpha-purple-300: hsl(261, 100%, 25%, 1);--cpd-color-alpha-purple-200: hsl(259, 100%, 21%, 1);--cpd-color-alpha-purple-100: hsl(259, 100%, 18%, 1);--cpd-color-alpha-blue-1400: hsl(216, 88%, 97%, 1);--cpd-color-alpha-blue-1300: hsl(217, 93%, 95%, 1);--cpd-color-alpha-blue-1200: hsla(216, 97%, 89%, .99);--cpd-color-alpha-blue-1100: hsla(216, 100%, 86%, .98);--cpd-color-alpha-blue-1000: hsla(216, 100%, 81%, .97);--cpd-color-alpha-blue-900: hsla(216, 97%, 77%, .97);--cpd-color-alpha-blue-800: hsla(215, 99%, 60%, .91);--cpd-color-alpha-blue-700: hsla(215, 98%, 52%, .81);--cpd-color-alpha-blue-600: hsla(217, 99%, 51%, .64);--cpd-color-alpha-blue-500: hsla(219, 99%, 50%, .53);--cpd-color-alpha-blue-400: hsla(222, 100%, 28%, .82);--cpd-color-alpha-blue-300: hsl(224, 100%, 22%, 1);--cpd-color-alpha-blue-200: hsl(229, 100%, 20%, 1);--cpd-color-alpha-blue-100: hsl(234, 100%, 18%, 1);--cpd-color-alpha-cyan-1400: hsla(187, 89%, 97%, .98);--cpd-color-alpha-cyan-1300: hsla(187, 93%, 94%, .96);--cpd-color-alpha-cyan-1200: hsla(188, 97%, 87%, .91);--cpd-color-alpha-cyan-1100: hsla(187, 98%, 82%, .88);--cpd-color-alpha-cyan-1000: hsla(187, 99%, 74%, .84);--cpd-color-alpha-cyan-900: hsla(186, 99%, 66%, .81);--cpd-color-alpha-cyan-800: hsl(195, 100%, 37%, 1);--cpd-color-alpha-cyan-700: hsl(200, 100%, 32%, 1);--cpd-color-alpha-cyan-600: hsl(204, 100%, 27%, 1);--cpd-color-alpha-cyan-500: hsl(208, 100%, 23%, 1);--cpd-color-alpha-cyan-400: hsl(212, 100%, 19%, 1);--cpd-color-alpha-cyan-300: hsl(215, 100%, 18%, 1);--cpd-color-alpha-cyan-200: hsl(219, 100%, 15%, 1);--cpd-color-alpha-cyan-100: hsl(223, 100%, 14%, 1);--cpd-color-alpha-green-1400: hsla(150, 80%, 96%, .98);--cpd-color-alpha-green-1300: hsla(152, 88%, 94%, .96);--cpd-color-alpha-green-1200: hsla(153, 94%, 87%, .9);--cpd-color-alpha-green-1100: hsla(154, 98%, 82%, .86);--cpd-color-alpha-green-1000: hsla(156, 100%, 73%, .81);--cpd-color-alpha-green-900: hsla(159, 97%, 62%, .78);--cpd-color-alpha-green-800: hsla(165, 98%, 53%, .54);--cpd-color-alpha-green-700: hsl(168, 100%, 23%, 1);--cpd-color-alpha-green-600: hsl(165, 100%, 18%, 1);--cpd-color-alpha-green-500: hsl(162, 100%, 14%, 1);--cpd-color-alpha-green-400: hsl(158, 100%, 11%, 1);--cpd-color-alpha-green-300: hsl(155, 100%, 9%, 1);--cpd-color-alpha-green-200: hsl(151, 100%, 7%, 1);--cpd-color-alpha-green-100: hsl(147, 100%, 6%, 1);--cpd-color-alpha-lime-1400: hsla(104, 92%, 95%, .98);--cpd-color-alpha-lime-1300: hsla(105, 91%, 92%, .97);--cpd-color-alpha-lime-1200: hsla(103, 98%, 83%, .91);--cpd-color-alpha-lime-1100: hsla(103, 97%, 75%, .88);--cpd-color-alpha-lime-1000: hsla(101, 99%, 62%, .83);--cpd-color-alpha-lime-900: hsla(101, 99%, 60%, .78);--cpd-color-alpha-lime-800: hsla(109, 99%, 57%, .55);--cpd-color-alpha-lime-700: hsla(114, 100%, 52%, .42);--cpd-color-alpha-lime-600: hsl(120, 100%, 18%, 1);--cpd-color-alpha-lime-500: hsl(120, 100%, 15%, 1);--cpd-color-alpha-lime-400: hsl(120, 100%, 11%, 1);--cpd-color-alpha-lime-300: hsl(120, 100%, 9%, 1);--cpd-color-alpha-lime-200: hsl(120, 100%, 8%, 1);--cpd-color-alpha-lime-100: hsl(120, 100%, 6%, 1);--cpd-color-alpha-yellow-1400: hsl(46, 100%, 91%, 1);--cpd-color-alpha-yellow-1300: hsl(46, 100%, 85%, 1);--cpd-color-alpha-yellow-1200: hsl(48, 99%, 60%, 1);--cpd-color-alpha-yellow-1100: hsla(48, 99%, 54%, .97);--cpd-color-alpha-yellow-1000: hsla(46, 99%, 51%, .92);--cpd-color-alpha-yellow-900: hsl(45, 100%, 45%, 1);--cpd-color-alpha-yellow-800: hsl(38, 100%, 35%, 1);--cpd-color-alpha-yellow-700: hsl(34, 100%, 30%, 1);--cpd-color-alpha-yellow-600: hsla(30, 100%, 26%, .92);--cpd-color-alpha-yellow-500: hsla(26, 100%, 23%, .87);--cpd-color-alpha-yellow-400: hsl(21, 100%, 17%, 1);--cpd-color-alpha-yellow-300: hsl(16, 100%, 15%, 1);--cpd-color-alpha-yellow-200: hsl(8, 100%, 13%, 1);--cpd-color-alpha-yellow-100: hsl(3, 100%, 11%, 1);--cpd-color-alpha-orange-1400: hsl(23, 100%, 96%, 1);--cpd-color-alpha-orange-1300: hsl(25, 100%, 93%, 1);--cpd-color-alpha-orange-1200: hsl(24, 98%, 85%, 1);--cpd-color-alpha-orange-1100: hsl(25, 96%, 79%, 1);--cpd-color-alpha-orange-1000: hsla(26, 100%, 73%, .98);--cpd-color-alpha-orange-900: hsla(26, 98%, 67%, .98);--cpd-color-alpha-orange-800: hsla(26, 99%, 51%, .81);--cpd-color-alpha-orange-700: hsla(20, 100%, 49%, .7);--cpd-color-alpha-orange-600: hsla(12, 100%, 39%, .74);--cpd-color-alpha-orange-500: hsl(2, 100%, 26%, 1);--cpd-color-alpha-orange-400: hsl(0, 100%, 20%, 1);--cpd-color-alpha-orange-300: hsl(0, 100%, 17%, 1);--cpd-color-alpha-orange-200: hsl(0, 100%, 14%, 1);--cpd-color-alpha-orange-100: hsl(0, 100%, 12%, 1);--cpd-color-alpha-red-1400: hsl(11, 100%, 97%, 1);--cpd-color-alpha-red-1300: hsl(7, 100%, 95%, 1);--cpd-color-alpha-red-1200: hsl(8, 100%, 89%, 1);--cpd-color-alpha-red-1100: hsl(6, 100%, 86%, 1);--cpd-color-alpha-red-1000: hsl(6, 100%, 81%, 1);--cpd-color-alpha-red-900: hsl(5, 100%, 78%, 1);--cpd-color-alpha-red-800: hsla(359, 100%, 59%, .96);--cpd-color-alpha-red-700: hsla(357, 100%, 57%, .77);--cpd-color-alpha-red-600: hsla(354, 99%, 52%, .6);--cpd-color-alpha-red-500: hsl(356, 100%, 26%, 1);--cpd-color-alpha-red-400: hsl(0, 100%, 20%, 1);--cpd-color-alpha-red-300: hsl(0, 100%, 18%, 1);--cpd-color-alpha-red-200: hsl(0, 100%, 14%, 1);--cpd-color-alpha-red-100: hsl(0, 100%, 12%, 1);--cpd-color-alpha-gray-1400: hsla(204, 71%, 99%, .97);--cpd-color-alpha-gray-1300: hsla(214, 78%, 98%, .95);--cpd-color-alpha-gray-1200: hsla(217, 77%, 97%, .88);--cpd-color-alpha-gray-1100: hsla(212, 100%, 97%, .82);--cpd-color-alpha-gray-1000: hsla(213, 100%, 97%, .76);--cpd-color-alpha-gray-900: hsla(211, 91%, 96%, .72);--cpd-color-alpha-gray-800: hsla(216, 94%, 93%, .51);--cpd-color-alpha-gray-700: hsla(214, 79%, 93%, .39);--cpd-color-alpha-gray-600: hsla(213, 85%, 95%, .27);--cpd-color-alpha-gray-500: hsla(225, 46%, 95%, .2);--cpd-color-alpha-gray-400: hsla(227, 29%, 91%, .13);--cpd-color-alpha-gray-300: hsla(270, 37%, 93%, .1);--cpd-color-alpha-gray-200: hsla(280, 41%, 90%, .06);--cpd-color-alpha-gray-100: hsla(286, 31%, 82%, .04);--cpd-color-pink-1400: #fff1f4;--cpd-color-pink-1300: #ffe8ed;--cpd-color-pink-1200: #ffccd7;--cpd-color-pink-1100: #ffbbca;--cpd-color-pink-1000: #ffa4b9;--cpd-color-pink-900: #ff92ac;--cpd-color-pink-800: #f12c75;--cpd-color-pink-700: #c51761;--cpd-color-pink-600: #99114f;--cpd-color-pink-500: #7c0c41;--cpd-color-pink-400: #61002d;--cpd-color-pink-300: #550024;--cpd-color-pink-200: #450018;--cpd-color-pink-100: #3c0012;--cpd-color-fuchsia-1400: #fbf1fb;--cpd-color-fuchsia-1300: #f8e9f9;--cpd-color-fuchsia-1200: #f0cff2;--cpd-color-fuchsia-1100: #eac0ed;--cpd-color-fuchsia-1000: #e3abe7;--cpd-color-fuchsia-900: #dd9de3;--cpd-color-fuchsia-800: #c153cb;--cpd-color-fuchsia-700: #a233b3;--cpd-color-fuchsia-600: #7d2394;--cpd-color-fuchsia-500: #65177d;--cpd-color-fuchsia-400: #4f0368;--cpd-color-fuchsia-300: #46005e;--cpd-color-fuchsia-200: #37004e;--cpd-color-fuchsia-100: #2e0044;--cpd-color-purple-1400: #f5f3ff;--cpd-color-purple-1300: #eeebff;--cpd-color-purple-1200: #dad5ff;--cpd-color-purple-1100: #cec7ff;--cpd-color-purple-1000: #c0b5ff;--cpd-color-purple-900: #b6a7ff;--cpd-color-purple-800: #8b66f8;--cpd-color-purple-700: #7343e6;--cpd-color-purple-600: #5a27c6;--cpd-color-purple-500: #4a0db1;--cpd-color-purple-400: #350090;--cpd-color-purple-300: #2c0080;--cpd-color-purple-200: #22006a;--cpd-color-purple-100: #1c005a;--cpd-color-blue-1400: #eff5fe;--cpd-color-blue-1300: #e4eefe;--cpd-color-blue-1200: #c5dbfc;--cpd-color-blue-1100: #b2cffa;--cpd-color-blue-1000: #9ac0f8;--cpd-color-blue-900: #89b5f6;--cpd-color-blue-800: #337fe9;--cpd-color-blue-700: #0e61d1;--cpd-color-blue-600: #0b49ab;--cpd-color-blue-500: #083891;--cpd-color-blue-400: #032677;--cpd-color-blue-300: #001e6f;--cpd-color-blue-200: #001264;--cpd-color-blue-100: #00095d;--cpd-color-cyan-1400: #eaf7f9;--cpd-color-cyan-1300: #dbf2f5;--cpd-color-cyan-1200: #afe2e9;--cpd-color-cyan-1100: #93d9e2;--cpd-color-cyan-1000: #6bccd9;--cpd-color-cyan-900: #46c3d2;--cpd-color-cyan-800: #008aba;--cpd-color-cyan-700: #006ca4;--cpd-color-cyan-600: #005188;--cpd-color-cyan-500: #003f75;--cpd-color-cyan-400: #002d61;--cpd-color-cyan-300: #002559;--cpd-color-cyan-200: #001b4e;--cpd-color-cyan-100: #001448;--cpd-color-green-1400: #e9f8f1;--cpd-color-green-1300: #d9f4e7;--cpd-color-green-1200: #ace6cc;--cpd-color-green-1100: #8fddbc;--cpd-color-green-1000: #61d2a6;--cpd-color-green-900: #37c998;--cpd-color-green-800: #109173;--cpd-color-green-700: #00745c;--cpd-color-green-600: #005a43;--cpd-color-green-500: #004832;--cpd-color-green-400: #003622;--cpd-color-green-300: #002e1b;--cpd-color-green-200: #002513;--cpd-color-green-100: #001f0e;--cpd-color-lime-1400: #e9f9e3;--cpd-color-lime-1300: #daf6d0;--cpd-color-lime-1200: #afe99a;--cpd-color-lime-1100: #92e175;--cpd-color-lime-1000: #6ad639;--cpd-color-lime-900: #5eca2f;--cpd-color-lime-800: #31941d;--cpd-color-lime-700: #187611;--cpd-color-lime-600: #005c00;--cpd-color-lime-500: #004a00;--cpd-color-lime-400: #003700;--cpd-color-lime-300: #003000;--cpd-color-lime-200: #002600;--cpd-color-lime-100: #002000;--cpd-color-yellow-1400: #fff4d0;--cpd-color-yellow-1300: #ffedb1;--cpd-color-yellow-1200: #fed632;--cpd-color-yellow-1100: #f7c816;--cpd-color-yellow-1000: #ebb607;--cpd-color-yellow-900: #e3aa00;--cpd-color-yellow-800: #b47200;--cpd-color-yellow-700: #985600;--cpd-color-yellow-600: #7c3e02;--cpd-color-yellow-500: #682e03;--cpd-color-yellow-400: #541d00;--cpd-color-yellow-300: #4c1400;--cpd-color-yellow-200: #410900;--cpd-color-yellow-100: #3a0300;--cpd-color-orange-1400: #fff2ea;--cpd-color-orange-1300: #ffeadb;--cpd-color-orange-1200: #fed0b1;--cpd-color-orange-1100: #fdc197;--cpd-color-orange-1000: #faad73;--cpd-color-orange-900: #f89d58;--cpd-color-orange-800: #d15f0b;--cpd-color-orange-700: #b44007;--cpd-color-orange-600: #972206;--cpd-color-orange-500: #830500;--cpd-color-orange-400: #650000;--cpd-color-orange-300: #580000;--cpd-color-orange-200: #470000;--cpd-color-orange-100: #3c0000;--cpd-color-red-1400: #fff2ef;--cpd-color-red-1300: #ffe9e6;--cpd-color-red-1200: #ffcfc8;--cpd-color-red-1100: #ffbdb5;--cpd-color-red-1000: #ffa79d;--cpd-color-red-900: #ff968c;--cpd-color-red-800: #f52f33;--cpd-color-red-700: #c81e28;--cpd-color-red-600: #9f0d1e;--cpd-color-red-500: #830009;--cpd-color-red-400: #640000;--cpd-color-red-300: #590000;--cpd-color-red-200: #470000;--cpd-color-red-100: #3e0000;--cpd-color-gray-1400: #f2f5f7;--cpd-color-gray-1300: #ebeef2;--cpd-color-gray-1200: #d5dae1;--cpd-color-gray-1100: #c8ced5;--cpd-color-gray-1000: #b8bfc7;--cpd-color-gray-900: #acb4bd;--cpd-color-gray-800: #79818d;--cpd-color-gray-700: #606770;--cpd-color-gray-600: #4a4f55;--cpd-color-gray-500: #3c3f44;--cpd-color-gray-400: #2b2e33;--cpd-color-gray-300: #26282d;--cpd-color-gray-200: #1d1f24;--cpd-color-gray-100: #181a1f;--cpd-color-theme-bg: #101317}}}@media screen{@layer cpd-semantic{.cpd-theme-dark-hc.cpd-theme-dark-hc{--cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-theme-bg);--cpd-color-bg-canvas-default-level-1: var(--cpd-color-gray-300)}}}@media screen and (prefers-color-scheme: dark) and (prefers-contrast: more){@layer cpd-semantic{:root{--cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-theme-bg);--cpd-color-bg-canvas-default-level-1: var(--cpd-color-gray-300)}}}.docs-story{background:var(--cpd-color-bg-canvas-default)} diff --git a/assets/preview-CJiin1jF.js b/assets/preview-CJiin1jF.js new file mode 100644 index 00000000..7e319745 --- /dev/null +++ b/assets/preview-CJiin1jF.js @@ -0,0 +1 @@ +import"./index-BP8_t0zE.js";const{useParameter:p,addons:S,useEffect:R,useMemo:D}=__STORYBOOK_MODULE_PREVIEW_API__;var f=Object.defineProperty,A=(e,t)=>{for(var r in t)f(e,r,{get:t[r],enumerable:!0})},O={};A(O,{initializeThemeState:()=>d,pluckThemeFromContext:()=>E,useThemeParameters:()=>T});var m="themes",k=`storybook/${m}`,M="theme",v={},L={REGISTER_THEMES:`${k}/REGISTER_THEMES`};function E({globals:e}){return e[M]||""}function T(){return p(m,v)}function d(e,t){S.getChannel().emit(L.REGISTER_THEMES,{defaultTheme:t,themes:e})}var P="html",l=e=>e.split(" ").filter(Boolean),b=({themes:e,defaultTheme:t,parentSelector:r=P})=>(d(Object.keys(e),t),(_,u)=>{let{themeOverride:s}=T(),o=E(u);return R(()=>{let c=s||o||t,a=document.querySelector(r);if(!a)return;Object.entries(e).filter(([h])=>h!==c).forEach(([h,g])=>{let i=l(g);i.length>0&&a.classList.remove(...i)});let n=l(e[c]);n.length>0&&a.classList.add(...n)},[s,o]),_()});const I={actions:{argTypesRegex:"^on[A-Z].*"},controls:{matchers:{color:/(background|color)$/i,date:/Date$/}},backgrounds:{disable:!0}},N=[b({themes:{light:"cpd-theme-light",dark:"cpd-theme-dark","light-high-contrast":"cpd-theme-light-hc","dark-high-contrast":"cpd-theme-dark-hc"},defaultTheme:"light"})],x=["autodocs"];export{N as decorators,I as parameters,x as tags}; diff --git a/assets/preview-CRwIWS1E.js b/assets/preview-CQsYjgkt.js similarity index 77% rename from assets/preview-CRwIWS1E.js rename to assets/preview-CQsYjgkt.js index 4de1e37c..4d5a1266 100644 --- a/assets/preview-CRwIWS1E.js +++ b/assets/preview-CQsYjgkt.js @@ -1,2 +1,2 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-CFRXHY34-jjH5MKJG.js","./iframe-BV5w-Shc.js","./index-BP8_t0zE.js","./jsx-runtime-CexXSJP5.js","./index-BlTQwN6S.js","./index-D-8MO0q_.js","./index-BiqJNaOC.js","./index-DrFu-skq.js","./react-18-CNGsVnez.js"])))=>i.map(i=>d[i]); -import{_ as a}from"./iframe-BV5w-Shc.js";import"../sb-preview/runtime.js";const{global:s}=__STORYBOOK_MODULE_GLOBAL__;var _=Object.entries(s.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),n={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-CFRXHY34-jjH5MKJG.js").then(r=>r.ak),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url);return new e},stories:{filter:e=>(e.tags||[]).filter(r=>_[r]).length===0&&!e.parameters.docs?.disable}}};export{n as parameters}; +const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-CFRXHY34-u0Hrtq3-.js","./iframe-C5aVuueH.js","./index-BP8_t0zE.js","./jsx-runtime-CexXSJP5.js","./index-BlTQwN6S.js","./index-D-8MO0q_.js","./index-BiqJNaOC.js","./index-DrFu-skq.js","./react-18-CNGsVnez.js"])))=>i.map(i=>d[i]); +import{_ as a}from"./iframe-C5aVuueH.js";import"../sb-preview/runtime.js";const{global:s}=__STORYBOOK_MODULE_GLOBAL__;var _=Object.entries(s.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),n={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-CFRXHY34-u0Hrtq3-.js").then(r=>r.ak),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url);return new e},stories:{filter:e=>(e.tags||[]).filter(r=>_[r]).length===0&&!e.parameters.docs?.disable}}};export{n as parameters}; diff --git a/assets/preview-FUPr7Ulx.css b/assets/preview-FUPr7Ulx.css deleted file mode 100644 index e4ecf3dd..00000000 --- a/assets/preview-FUPr7Ulx.css +++ /dev/null @@ -1 +0,0 @@ -@font-face{font-family:Inconsolata;font-style:normal;font-display:swap;font-weight:700;src:url(./inconsolata-vietnamese-700-normal-DlaT3sch.woff2) format("woff2"),url(./inconsolata-vietnamese-700-normal-D1IfJGt6.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inconsolata;font-style:normal;font-display:swap;font-weight:700;src:url(./inconsolata-latin-ext-700-normal-BhssidQ1.woff2) format("woff2"),url(./inconsolata-latin-ext-700-normal-BSLPqmaC.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inconsolata;font-style:normal;font-display:swap;font-weight:700;src:url(./inconsolata-latin-700-normal-BUbZx5Dd.woff2) format("woff2"),url(./inconsolata-latin-700-normal-OU_zouat.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-cyrillic-ext-400-normal-Dc4VJyIJ.woff2) format("woff2"),url(./inter-cyrillic-ext-400-normal-BPnxn4xp.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-cyrillic-400-normal-BLGc9T1a.woff2) format("woff2"),url(./inter-cyrillic-400-normal-ZzOtrSSW.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-greek-ext-400-normal-Bput3-QP.woff2) format("woff2"),url(./inter-greek-ext-400-normal-DCpCPQOf.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-greek-400-normal-DxZsaF_h.woff2) format("woff2"),url(./inter-greek-400-normal-BZzXV7-1.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(./inter-vietnamese-400-normal-BUNmGMP1.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-ext-400-normal-hnt3BR84.woff2) format("woff2"),url(./inter-latin-ext-400-normal-C1t-h-pH.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-BOOGhInR.woff2) format("woff2"),url(./inter-latin-400-normal-gitzw0hO.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-cyrillic-ext-500-normal-BShVwWPj.woff2) format("woff2"),url(./inter-cyrillic-ext-500-normal-CUiC4oBV.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-cyrillic-500-normal-D4Vwzodn.woff2) format("woff2"),url(./inter-cyrillic-500-normal-DH2hs3aW.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-greek-ext-500-normal-B6guLgqG.woff2) format("woff2"),url(./inter-greek-ext-500-normal-M2hEX8vc.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-greek-500-normal-CeQXL5ds.woff2) format("woff2"),url(./inter-greek-500-normal-d_eO-yCQ.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(./inter-vietnamese-500-normal-DQPw2Hwd.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-ext-500-normal-CIS2RHJS.woff2) format("woff2"),url(./inter-latin-ext-500-normal-UMdmhHu2.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-500-normal-D2bGa7uu.woff2) format("woff2"),url(./inter-latin-500-normal-deR1Tlfd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-cyrillic-ext-600-normal-CaqZN2hq.woff2) format("woff2"),url(./inter-cyrillic-ext-600-normal-Bt9VVOA-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-cyrillic-600-normal-BGBWG807.woff2) format("woff2"),url(./inter-cyrillic-600-normal-BuzJQFbW.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-greek-ext-600-normal-Cnui8OiR.woff2) format("woff2"),url(./inter-greek-ext-600-normal-C9WLioJ8.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-greek-600-normal-Dhlb-90d.woff2) format("woff2"),url(./inter-greek-600-normal-CwicyhtI.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(./inter-vietnamese-600-normal-Cm6aH8_k.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-ext-600-normal-BnYJhD27.woff2) format("woff2"),url(./inter-latin-ext-600-normal-CAF0vJDd.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-D273HNI0.woff2) format("woff2"),url(./inter-latin-600-normal-B5cFAncS.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-cyrillic-ext-700-normal-ClVoMEGq.woff2) format("woff2"),url(./inter-cyrillic-ext-700-normal-Ced3hgUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-cyrillic-700-normal-bGtGjVdZ.woff2) format("woff2"),url(./inter-cyrillic-700-normal-Bc8_fv8J.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-greek-ext-700-normal-SzCdnevJ.woff2) format("woff2"),url(./inter-greek-ext-700-normal-DXvzx4Na.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-greek-700-normal-Cxpycf-U.woff2) format("woff2"),url(./inter-greek-700-normal-BRYTaFLL.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-vietnamese-700-normal-CGpBpxLq.woff2) format("woff2"),url(./inter-vietnamese-700-normal-dAnkLlTo.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-latin-ext-700-normal-CzikT_rs.woff2) format("woff2"),url(./inter-latin-ext-700-normal-6V9MnIL5.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-latin-700-normal-Sckx8rpT.woff2) format("woff2"),url(./inter-latin-700-normal-B8MtJ_2k.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer cpd-semantic,custom,cpd-base;@media screen{@layer cpd-base{:root,[class*=cpd-theme-]{--cpd-font-letter-spacing-heading-xl: -.0216em;--cpd-font-letter-spacing-heading-lg: -.0209em;--cpd-font-letter-spacing-heading-md: -.0195em;--cpd-font-letter-spacing-heading-sm: -.0166em;--cpd-font-letter-spacing-body-lg: -.0128em;--cpd-font-letter-spacing-body-md: -.0088em;--cpd-font-letter-spacing-body-sm: -.0031em;--cpd-font-letter-spacing-body-xs: .0048em;--cpd-font-size-root: 1rem;--cpd-font-size-heading-xl: 2rem;--cpd-font-size-heading-lg: 1.75rem;--cpd-font-size-heading-md: 1.5rem;--cpd-font-size-heading-sm: 1.25rem;--cpd-font-size-body-lg: 1.0625rem;--cpd-font-size-body-md: .9375rem;--cpd-font-size-body-sm: .8125rem;--cpd-font-size-body-xs: .6875rem;--cpd-font-line-height-regular: 1.5;--cpd-font-line-height-tight: 1.25;--cpd-font-line-height-minimum: 1;--cpd-font-weight-semibold: 600;--cpd-font-weight-medium: 500;--cpd-font-weight-regular: 400;--cpd-font-family-mono: Inconsolata;--cpd-font-family-sans: Inter;--cpd-border-width-0-5: .5px;--cpd-border-width-4: 4px;--cpd-border-width-2: 2px;--cpd-border-width-1: 1px;--cpd-space-56x: 224px;--cpd-space-36x: 144px;--cpd-space-16x: 64px;--cpd-space-12x: 48px;--cpd-space-11x: 44px;--cpd-space-10x: 40px;--cpd-space-6x: 24px;--cpd-space-0x: 0;--cpd-space-scale: 4px;--cpd-font-heading-xl-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-size-heading-xl)/var(--cpd-font-line-height-tight) var(--cpd-font-family-sans);--cpd-font-heading-xl-regular: var(--cpd-font-weight-regular) var(--cpd-font-size-heading-xl)/var(--cpd-font-line-height-tight) var(--cpd-font-family-sans);--cpd-font-heading-lg-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-size-heading-lg)/var(--cpd-font-line-height-tight) var(--cpd-font-family-sans);--cpd-font-heading-lg-regular: var(--cpd-font-weight-regular) var(--cpd-font-size-heading-lg)/var(--cpd-font-line-height-tight) var(--cpd-font-family-sans);--cpd-font-heading-md-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-size-heading-md)/var(--cpd-font-line-height-tight) var(--cpd-font-family-sans);--cpd-font-heading-md-regular: var(--cpd-font-weight-regular) var(--cpd-font-size-heading-md)/var(--cpd-font-line-height-tight) var(--cpd-font-family-sans);--cpd-font-heading-sm-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-size-heading-sm)/var(--cpd-font-line-height-tight) var(--cpd-font-family-sans);--cpd-font-heading-sm-medium: var(--cpd-font-weight-medium) var(--cpd-font-size-heading-sm)/var(--cpd-font-line-height-tight) var(--cpd-font-family-sans);--cpd-font-heading-sm-regular: var(--cpd-font-weight-regular) var(--cpd-font-size-heading-sm)/var(--cpd-font-line-height-tight) var(--cpd-font-family-sans);--cpd-font-body-lg-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-size-body-lg)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-lg-medium: var(--cpd-font-weight-medium) var(--cpd-font-size-body-lg)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-lg-regular: var(--cpd-font-weight-regular) var(--cpd-font-size-body-lg)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-md-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-size-body-md)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-md-medium: var(--cpd-font-weight-medium) var(--cpd-font-size-body-md)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-md-regular: var(--cpd-font-weight-regular) var(--cpd-font-size-body-md)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-sm-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-size-body-sm)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-sm-medium: var(--cpd-font-weight-medium) var(--cpd-font-size-body-sm)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-sm-regular: var(--cpd-font-weight-regular) var(--cpd-font-size-body-sm)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-xs-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-size-body-xs)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-xs-medium: var(--cpd-font-weight-medium) var(--cpd-font-size-body-xs)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-font-body-xs-regular: var(--cpd-font-weight-regular) var(--cpd-font-size-body-xs)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);--cpd-space-64x: 256px;--cpd-space-48x: 192px;--cpd-space-40x: 160px;--cpd-space-32x: 128px;--cpd-space-28x: 112px;--cpd-space-24x: 96px;--cpd-space-20x: 80px;--cpd-space-15x: 60px;--cpd-space-14x: 56px;--cpd-space-13x: 52px;--cpd-space-9x: 36px;--cpd-space-8x: 32px;--cpd-space-7x: 28px;--cpd-space-5x: 20px;--cpd-space-4x: 16px;--cpd-space-3x: 12px;--cpd-space-2x: 8px;--cpd-space-1-5x: 6px;--cpd-space-1x: var(--cpd-space-scale);--cpd-space-0-5x: 2px}}}@media screen{@layer cpd-semantic{:root,[class*=cpd-theme-]{--cpd-color-icon-on-solid-primary: var(--cpd-color-theme-bg);--cpd-color-icon-info-primary: var(--cpd-color-blue-900);--cpd-color-icon-success-primary: var(--cpd-color-green-900);--cpd-color-icon-critical-primary: var(--cpd-color-red-900);--cpd-color-icon-accent-primary: var(--cpd-color-green-900);--cpd-color-icon-accent-tertiary: var(--cpd-color-green-800);--cpd-color-icon-quaternary-alpha: var(--cpd-color-alpha-gray-700);--cpd-color-icon-tertiary-alpha: var(--cpd-color-alpha-gray-800);--cpd-color-icon-secondary-alpha: var(--cpd-color-alpha-gray-900);--cpd-color-icon-primary-alpha: var(--cpd-color-alpha-gray-1400);--cpd-color-icon-disabled: var(--cpd-color-gray-700);--cpd-color-icon-quaternary: var(--cpd-color-gray-700);--cpd-color-icon-tertiary: var(--cpd-color-gray-800);--cpd-color-icon-secondary: var(--cpd-color-gray-900);--cpd-color-icon-primary: var(--cpd-color-gray-1400);--cpd-color-border-info-subtle: var(--cpd-color-blue-500);--cpd-color-border-success-subtle: var(--cpd-color-green-500);--cpd-color-border-critical-subtle: var(--cpd-color-red-500);--cpd-color-border-critical-hovered: var(--cpd-color-red-1000);--cpd-color-border-critical-primary: var(--cpd-color-red-900);--cpd-color-border-interactive-hovered: var(--cpd-color-gray-1100);--cpd-color-border-interactive-secondary: var(--cpd-color-gray-600);--cpd-color-border-interactive-primary: var(--cpd-color-gray-800);--cpd-color-border-focused: var(--cpd-color-blue-900);--cpd-color-border-disabled: var(--cpd-color-gray-500);--cpd-color-bg-accent-pressed: var(--cpd-color-green-1100);--cpd-color-bg-accent-hovered: var(--cpd-color-green-1000);--cpd-color-bg-accent-rest: var(--cpd-color-green-900);--cpd-color-bg-decorative-6: var(--cpd-color-orange-300);--cpd-color-bg-decorative-5: var(--cpd-color-pink-300);--cpd-color-bg-decorative-4: var(--cpd-color-purple-300);--cpd-color-bg-decorative-3: var(--cpd-color-fuchsia-300);--cpd-color-bg-decorative-2: var(--cpd-color-cyan-300);--cpd-color-bg-decorative-1: var(--cpd-color-lime-300);--cpd-color-bg-info-subtle: var(--cpd-color-blue-200);--cpd-color-bg-success-subtle: var(--cpd-color-green-200);--cpd-color-bg-critical-subtle-hovered: var(--cpd-color-red-300);--cpd-color-bg-critical-subtle: var(--cpd-color-red-200);--cpd-color-bg-critical-hovered: var(--cpd-color-red-1000);--cpd-color-bg-critical-primary: var(--cpd-color-red-900);--cpd-color-bg-action-secondary-pressed: var(--cpd-color-alpha-gray-300);--cpd-color-bg-action-secondary-hovered: var(--cpd-color-alpha-gray-200);--cpd-color-bg-action-secondary-rest: var(--cpd-color-theme-bg);--cpd-color-bg-action-primary-disabled: var(--cpd-color-gray-700);--cpd-color-bg-action-primary-pressed: var(--cpd-color-gray-1100);--cpd-color-bg-action-primary-hovered: var(--cpd-color-gray-1200);--cpd-color-bg-action-primary-rest: var(--cpd-color-gray-1400);--cpd-color-bg-canvas-disabled: var(--cpd-color-gray-200);--cpd-color-bg-canvas-default: var(--cpd-color-theme-bg);--cpd-color-bg-subtle-secondary: var(--cpd-color-gray-300);--cpd-color-bg-subtle-primary: var(--cpd-color-gray-400);--cpd-color-text-decorative-6: var(--cpd-color-orange-1100);--cpd-color-text-decorative-5: var(--cpd-color-pink-1100);--cpd-color-text-decorative-4: var(--cpd-color-purple-1100);--cpd-color-text-decorative-3: var(--cpd-color-fuchsia-1100);--cpd-color-text-decorative-2: var(--cpd-color-cyan-1100);--cpd-color-text-decorative-1: var(--cpd-color-lime-1100);--cpd-color-text-on-solid-primary: var(--cpd-color-theme-bg);--cpd-color-text-info-primary: var(--cpd-color-blue-900);--cpd-color-text-success-primary: var(--cpd-color-green-900);--cpd-color-text-critical-primary: var(--cpd-color-red-900);--cpd-color-text-link-external: var(--cpd-color-blue-900);--cpd-color-text-action-accent: var(--cpd-color-green-900);--cpd-color-text-action-primary: var(--cpd-color-gray-1400);--cpd-color-text-disabled: var(--cpd-color-gray-800);--cpd-color-text-placeholder: var(--cpd-color-gray-800);--cpd-color-text-secondary: var(--cpd-color-gray-900);--cpd-color-text-primary: var(--cpd-color-gray-1400)}}}@media screen{@layer cpd-base{.cpd-theme-light.cpd-theme-light{--cpd-color-alpha-pink-1400: hsl(339, 100%, 13%, 1);--cpd-color-alpha-pink-1300: hsl(333, 100%, 19%, 1);--cpd-color-alpha-pink-1200: hsla(330, 98%, 24%, .98);--cpd-color-alpha-pink-1100: hsla(331, 100%, 31%, .97);--cpd-color-alpha-pink-1000: hsla(332, 98%, 36%, .97);--cpd-color-alpha-pink-900: hsla(333, 98%, 41%, .96);--cpd-color-alpha-pink-800: hsla(340, 100%, 48%, .75);--cpd-color-alpha-pink-700: hsla(345, 100%, 50%, .47);--cpd-color-alpha-pink-600: hsla(346, 100%, 51%, .33);--cpd-color-alpha-pink-500: hsla(347, 100%, 50%, .24);--cpd-color-alpha-pink-400: hsla(347, 100%, 50%, .13);--cpd-color-alpha-pink-300: hsla(347, 100%, 54%, .08);--cpd-color-alpha-pink-200: hsla(348, 100%, 51%, .04);--cpd-color-alpha-pink-100: hsla(348, 100%, 51%, .02);--cpd-color-alpha-fuchsia-1400: hsl(281, 100%, 15%, 1);--cpd-color-alpha-fuchsia-1300: hsl(285, 100%, 20%, 1);--cpd-color-alpha-fuchsia-1200: hsla(286, 97%, 24%, .93);--cpd-color-alpha-fuchsia-1100: hsla(289, 96%, 28%, .88);--cpd-color-alpha-fuchsia-1000: hsla(291, 99%, 30%, .84);--cpd-color-alpha-fuchsia-900: hsla(293, 100%, 34%, .8);--cpd-color-alpha-fuchsia-800: hsla(295, 97%, 37%, .64);--cpd-color-alpha-fuchsia-700: hsla(295, 96%, 37%, .43);--cpd-color-alpha-fuchsia-600: hsla(297, 93%, 38%, .31);--cpd-color-alpha-fuchsia-500: hsla(296, 93%, 39%, .23);--cpd-color-alpha-fuchsia-400: hsla(298, 91%, 40%, .13);--cpd-color-alpha-fuchsia-300: hsla(295, 89%, 41%, .07);--cpd-color-alpha-fuchsia-200: hsla(293, 95%, 41%, .04);--cpd-color-alpha-fuchsia-100: hsla(300, 95%, 41%, .02);--cpd-color-alpha-purple-1400: hsl(259, 100%, 20%, 1);--cpd-color-alpha-purple-1300: hsl(262, 100%, 28%, 1);--cpd-color-alpha-purple-1200: hsla(264, 98%, 36%, .99);--cpd-color-alpha-purple-1100: hsla(260, 97%, 39%, .86);--cpd-color-alpha-purple-1000: hsla(259, 98%, 42%, .79);--cpd-color-alpha-purple-900: hsla(258, 98%, 47%, .73);--cpd-color-alpha-purple-800: hsla(254, 99%, 49%, .56);--cpd-color-alpha-purple-700: hsla(251, 100%, 51%, .38);--cpd-color-alpha-purple-600: hsla(249, 100%, 51%, .27);--cpd-color-alpha-purple-500: hsla(248, 100%, 51%, .2);--cpd-color-alpha-purple-400: hsla(248, 100%, 53%, .12);--cpd-color-alpha-purple-300: hsla(248, 100%, 55%, .07);--cpd-color-alpha-purple-200: hsla(248, 100%, 61%, .04);--cpd-color-alpha-purple-100: hsla(240, 100%, 61%, .02);--cpd-color-alpha-blue-1400: hsl(232, 100%, 20%, 1);--cpd-color-alpha-blue-1300: hsl(222, 98%, 24%, 1);--cpd-color-alpha-blue-1200: hsla(218, 99%, 29%, .99);--cpd-color-alpha-blue-1100: hsla(216, 99%, 35%, .98);--cpd-color-alpha-blue-1000: hsla(214, 98%, 39%, .99);--cpd-color-alpha-blue-900: hsla(213, 99%, 44%, .99);--cpd-color-alpha-blue-800: hsla(215, 100%, 46%, .75);--cpd-color-alpha-blue-700: hsla(215, 98%, 47%, .51);--cpd-color-alpha-blue-600: hsla(216, 95%, 48%, .37);--cpd-color-alpha-blue-500: hsla(215, 93%, 50%, .28);--cpd-color-alpha-blue-400: hsla(216, 95%, 51%, .16);--cpd-color-alpha-blue-300: hsla(215, 100%, 52%, .09);--cpd-color-alpha-blue-200: hsla(218, 100%, 57%, .05);--cpd-color-alpha-blue-100: hsla(210, 100%, 61%, .03);--cpd-color-alpha-cyan-1400: hsl(221, 100%, 16%, 1);--cpd-color-alpha-cyan-1300: hsl(213, 100%, 19%, 1);--cpd-color-alpha-cyan-1200: hsl(208, 100%, 23%, 1);--cpd-color-alpha-cyan-1100: hsl(204, 100%, 28%, 1);--cpd-color-alpha-cyan-1000: hsl(202, 100%, 31%, 1);--cpd-color-alpha-cyan-900: hsl(200, 100%, 34%, 1);--cpd-color-alpha-cyan-800: hsl(194, 100%, 38%, 1);--cpd-color-alpha-cyan-700: hsla(186, 99%, 40%, .92);--cpd-color-alpha-cyan-600: hsla(187, 99%, 38%, .54);--cpd-color-alpha-cyan-500: hsla(186, 95%, 38%, .4);--cpd-color-alpha-cyan-400: hsla(186, 100%, 37%, .22);--cpd-color-alpha-cyan-300: hsla(188, 100%, 38%, .11);--cpd-color-alpha-cyan-200: hsla(186, 79%, 41%, .06);--cpd-color-alpha-cyan-100: hsla(180, 79%, 41%, .03);--cpd-color-alpha-green-1400: hsl(149, 100%, 7%, 1);--cpd-color-alpha-green-1300: hsl(157, 100%, 10%, 1);--cpd-color-alpha-green-1200: hsl(162, 100%, 14%, 1);--cpd-color-alpha-green-1100: hsl(165, 100%, 18%, 1);--cpd-color-alpha-green-1000: hsl(166, 100%, 21%, 1);--cpd-color-alpha-green-900: hsl(168, 100%, 24%, 1);--cpd-color-alpha-green-800: hsl(166, 100%, 30%, 1);--cpd-color-alpha-green-700: hsla(163, 99%, 38%, .96);--cpd-color-alpha-green-600: hsla(156, 99%, 36%, .56);--cpd-color-alpha-green-500: hsla(154, 96%, 37%, .41);--cpd-color-alpha-green-400: hsla(151, 93%, 37%, .23);--cpd-color-alpha-green-300: hsla(150, 100%, 36%, .11);--cpd-color-alpha-green-200: hsla(150, 79%, 41%, .06);--cpd-color-alpha-green-100: hsla(156, 79%, 41%, .03);--cpd-color-alpha-lime-1400: hsl(120, 100%, 7%, 1);--cpd-color-alpha-lime-1300: hsl(120, 100%, 11%, 1);--cpd-color-alpha-lime-1200: hsl(120, 100%, 15%, 1);--cpd-color-alpha-lime-1100: hsl(120, 100%, 19%, 1);--cpd-color-alpha-lime-1000: hsl(120, 100%, 22%, 1);--cpd-color-alpha-lime-900: hsla(113, 97%, 24%, .96);--cpd-color-alpha-lime-800: hsla(107, 99%, 29%, .91);--cpd-color-alpha-lime-700: hsla(102, 100%, 37%, .86);--cpd-color-alpha-lime-600: hsla(102, 97%, 41%, .71);--cpd-color-alpha-lime-500: hsla(104, 98%, 40%, .51);--cpd-color-alpha-lime-400: hsla(105, 92%, 42%, .28);--cpd-color-alpha-lime-300: hsla(107, 98%, 41%, .15);--cpd-color-alpha-lime-200: hsla(107, 89%, 44%, .07);--cpd-color-alpha-lime-100: hsla(103, 75%, 46%, .04);--cpd-color-alpha-yellow-1400: hsl(6, 100%, 13%, 1);--cpd-color-alpha-yellow-1300: hsl(19, 100%, 17%, 1);--cpd-color-alpha-yellow-1200: hsl(26, 100%, 21%, 1);--cpd-color-alpha-yellow-1100: hsl(30, 100%, 25%, 1);--cpd-color-alpha-yellow-1000: hsl(32, 100%, 28%, 1);--cpd-color-alpha-yellow-900: hsl(34, 100%, 31%, 1);--cpd-color-alpha-yellow-800: hsl(39, 100%, 37%, 1);--cpd-color-alpha-yellow-700: hsl(44, 100%, 44%, 1);--cpd-color-alpha-yellow-600: hsl(47, 100%, 47%, 1);--cpd-color-alpha-yellow-500: hsl(49, 100%, 49%, 1);--cpd-color-alpha-yellow-400: hsla(47, 100%, 51%, .49);--cpd-color-alpha-yellow-300: hsla(47, 100%, 51%, .25);--cpd-color-alpha-yellow-200: hsla(46, 100%, 53%, .13);--cpd-color-alpha-yellow-100: hsla(48, 100%, 51%, .06);--cpd-color-alpha-orange-1400: hsl(0, 100%, 14%, 1);--cpd-color-alpha-orange-1300: hsl(0, 100%, 19%, 1);--cpd-color-alpha-orange-1200: hsl(0, 100%, 26%, 1);--cpd-color-alpha-orange-1100: hsl(13, 100%, 30%, 1);--cpd-color-alpha-orange-1000: hsl(18, 100%, 34%, 1);--cpd-color-alpha-orange-900: hsl(22, 100%, 37%, 1);--cpd-color-alpha-orange-800: hsl(28, 100%, 43%, 1);--cpd-color-alpha-orange-700: hsla(27, 100%, 48%, .75);--cpd-color-alpha-orange-600: hsla(26, 98%, 50%, .52);--cpd-color-alpha-orange-500: hsla(25, 100%, 50%, .37);--cpd-color-alpha-orange-400: hsla(25, 100%, 51%, .22);--cpd-color-alpha-orange-300: hsla(24, 100%, 52%, .11);--cpd-color-alpha-orange-200: hsla(26, 100%, 55%, .07);--cpd-color-alpha-orange-100: hsla(22, 100%, 61%, .04);--cpd-color-alpha-red-1400: hsl(0, 100%, 14%, 1);--cpd-color-alpha-red-1300: hsl(0, 100%, 19%, 1);--cpd-color-alpha-red-1200: hsl(357, 100%, 26%, 1);--cpd-color-alpha-red-1100: hsla(350, 99%, 32%, .99);--cpd-color-alpha-red-1000: hsla(353, 98%, 37%, .95);--cpd-color-alpha-red-900: hsla(355, 98%, 41%, .91);--cpd-color-alpha-red-800: hsla(0, 100%, 51%, .77);--cpd-color-alpha-red-700: hsla(5, 100%, 51%, .5);--cpd-color-alpha-red-600: hsla(7, 100%, 51%, .36);--cpd-color-alpha-red-500: hsla(8, 100%, 51%, .27);--cpd-color-alpha-red-400: hsla(8, 100%, 52%, .15);--cpd-color-alpha-red-300: hsla(9, 100%, 54%, .08);--cpd-color-alpha-red-200: hsla(7, 100%, 56%, .04);--cpd-color-alpha-red-100: hsla(10, 100%, 61%, .03);--cpd-color-alpha-gray-1400: hsla(223, 64%, 2%, .9);--cpd-color-alpha-gray-1300: hsla(225, 57%, 3%, .84);--cpd-color-alpha-gray-1200: hsla(213, 73%, 3%, .77);--cpd-color-alpha-gray-1100: hsla(215, 74%, 5%, .71);--cpd-color-alpha-gray-1000: hsla(218, 79%, 6%, .66);--cpd-color-alpha-gray-900: hsla(213, 83%, 7%, .61);--cpd-color-alpha-gray-800: hsla(213, 87%, 9%, .5);--cpd-color-alpha-gray-700: hsla(215, 96%, 10%, .35);--cpd-color-alpha-gray-600: hsla(212, 97%, 12%, .26);--cpd-color-alpha-gray-500: hsla(212, 87%, 15%, .2);--cpd-color-alpha-gray-400: hsla(213, 90%, 20%, .12);--cpd-color-alpha-gray-300: hsla(216, 89%, 18%, .06);--cpd-color-alpha-gray-200: hsla(200, 41%, 36%, .04);--cpd-color-alpha-gray-100: hsla(210, 48%, 41%, .02);--cpd-color-pink-1400: #430017;--cpd-color-pink-1300: #5f002b;--cpd-color-pink-1200: #7e0642;--cpd-color-pink-1100: #9f0850;--cpd-color-pink-1000: #b80a5b;--cpd-color-pink-900: #d20c65;--cpd-color-pink-800: #f7407d;--cpd-color-pink-700: #ff88a6;--cpd-color-pink-600: #ffadc0;--cpd-color-pink-500: #ffc2cf;--cpd-color-pink-400: #ffdee5;--cpd-color-pink-300: #ffecf0;--cpd-color-pink-200: #fff5f7;--cpd-color-pink-100: #fffafb;--cpd-color-fuchsia-1400: #34004c;--cpd-color-fuchsia-1300: #4e0068;--cpd-color-fuchsia-1200: #671481;--cpd-color-fuchsia-1100: #822198;--cpd-color-fuchsia-1000: #972aaa;--cpd-color-fuchsia-900: #ad33bd;--cpd-color-fuchsia-800: #c85ed1;--cpd-color-fuchsia-700: #db93e1;--cpd-color-fuchsia-600: #e7b2ea;--cpd-color-fuchsia-500: #edc6f0;--cpd-color-fuchsia-400: #f6dff7;--cpd-color-fuchsia-300: #faeefb;--cpd-color-fuchsia-200: #fcf5fd;--cpd-color-fuchsia-100: #fefafe;--cpd-color-purple-1400: #200066;--cpd-color-purple-1300: #33008d;--cpd-color-purple-1200: #4c05b5;--cpd-color-purple-1100: #5d26cd;--cpd-color-purple-1000: #6b37de;--cpd-color-purple-900: #7a47f1;--cpd-color-purple-800: #9271fd;--cpd-color-purple-700: #b1a0ff;--cpd-color-purple-600: #c5bbff;--cpd-color-purple-500: #d4cdff;--cpd-color-purple-400: #e6e2ff;--cpd-color-purple-300: #f1efff;--cpd-color-purple-200: #f8f7ff;--cpd-color-purple-100: #fbfbff;--cpd-color-blue-1400: #000e65;--cpd-color-blue-1300: #012478;--cpd-color-blue-1200: #043894;--cpd-color-blue-1100: #064ab1;--cpd-color-blue-1000: #0558c7;--cpd-color-blue-900: #0467dd;--cpd-color-blue-800: #4088ee;--cpd-color-blue-700: #7eaff6;--cpd-color-blue-600: #a3c6fa;--cpd-color-blue-500: #bad5fc;--cpd-color-blue-400: #d8e7fe;--cpd-color-blue-300: #e9f2ff;--cpd-color-blue-200: #f4f8ff;--cpd-color-blue-100: #f9fcff;--cpd-color-cyan-1400: #00194f;--cpd-color-cyan-1300: #002b61;--cpd-color-cyan-1200: #004077;--cpd-color-cyan-1100: #00548c;--cpd-color-cyan-1000: #00629c;--cpd-color-cyan-900: #0072ac;--cpd-color-cyan-800: #0094c0;--cpd-color-cyan-700: #15becf;--cpd-color-cyan-600: #76d1dd;--cpd-color-cyan-500: #9bdde5;--cpd-color-cyan-400: #c7ecf0;--cpd-color-cyan-300: #e3f5f8;--cpd-color-cyan-200: #f1fafb;--cpd-color-cyan-100: #f8fdfd;--cpd-color-green-1400: #002311;--cpd-color-green-1300: #003420;--cpd-color-green-1200: #004933;--cpd-color-green-1100: #005c45;--cpd-color-green-1000: #006b52;--cpd-color-green-900: #007a61;--cpd-color-green-800: #009b78;--cpd-color-green-700: #0bc491;--cpd-color-green-600: #71d7ae;--cpd-color-green-500: #98e1c1;--cpd-color-green-400: #c6eedb;--cpd-color-green-300: #e3f7ed;--cpd-color-green-200: #f1fbf6;--cpd-color-green-100: #f8fdfb;--cpd-color-lime-1400: #002400;--cpd-color-lime-1300: #003600;--cpd-color-lime-1200: #004b00;--cpd-color-lime-1100: #005f00;--cpd-color-lime-1000: #006e00;--cpd-color-lime-900: #197d0c;--cpd-color-lime-800: #359d18;--cpd-color-lime-700: #54c424;--cpd-color-lime-600: #76db4c;--cpd-color-lime-500: #99e57e;--cpd-color-lime-400: #c8f1ba;--cpd-color-lime-300: #e0f8d9;--cpd-color-lime-200: #f1fcee;--cpd-color-lime-100: #f8fdf6;--cpd-color-yellow-1400: #410600;--cpd-color-yellow-1300: #541a00;--cpd-color-yellow-1200: #692e00;--cpd-color-yellow-1100: #803f00;--cpd-color-yellow-1000: #8f4d00;--cpd-color-yellow-900: #9f5b00;--cpd-color-yellow-800: #be7a00;--cpd-color-yellow-700: #dea200;--cpd-color-yellow-600: #f1bd00;--cpd-color-yellow-500: #fbce00;--cpd-color-yellow-400: #ffe484;--cpd-color-yellow-300: #fff2c1;--cpd-color-yellow-200: #fff8e0;--cpd-color-yellow-100: #fffcf0;--cpd-color-orange-1400: #450000;--cpd-color-orange-1300: #620000;--cpd-color-orange-1200: #850000;--cpd-color-orange-1100: #9b2200;--cpd-color-orange-1000: #ac3300;--cpd-color-orange-900: #bc4500;--cpd-color-orange-800: #dc6700;--cpd-color-orange-700: #f89440;--cpd-color-orange-600: #fdb37c;--cpd-color-orange-500: #ffc8a1;--cpd-color-orange-400: #ffdfc8;--cpd-color-orange-300: #ffefe4;--cpd-color-orange-200: #fff6ef;--cpd-color-orange-100: #fffaf7;--cpd-color-red-1400: #450000;--cpd-color-red-1300: #620000;--cpd-color-red-1200: #850006;--cpd-color-red-1100: #a4041d;--cpd-color-red-1000: #bc0f22;--cpd-color-red-900: #d51928;--cpd-color-red-800: #ff3d3d;--cpd-color-red-700: #ff8c81;--cpd-color-red-600: #ffafa5;--cpd-color-red-500: #ffc5bc;--cpd-color-red-400: #ffdfda;--cpd-color-red-300: #ffefec;--cpd-color-red-200: #fff7f6;--cpd-color-red-100: #fffaf9;--cpd-color-gray-1400: #1b1d22;--cpd-color-gray-1300: #2b2d32;--cpd-color-gray-1200: #3c4045;--cpd-color-gray-1100: #4c5158;--cpd-color-gray-1000: #595e67;--cpd-color-gray-900: #656d77;--cpd-color-gray-800: #818a95;--cpd-color-gray-700: #a6adb7;--cpd-color-gray-600: #bdc4cc;--cpd-color-gray-500: #cdd3da;--cpd-color-gray-400: #e1e6ec;--cpd-color-gray-300: #f0f2f5;--cpd-color-gray-200: #f7f9fa;--cpd-color-gray-100: #fbfcfd;--cpd-color-theme-bg: #ffffff}}}@media screen and (prefers-color-scheme: light){@layer cpd-base{:root{--cpd-color-alpha-pink-1400: hsl(339, 100%, 13%, 1);--cpd-color-alpha-pink-1300: hsl(333, 100%, 19%, 1);--cpd-color-alpha-pink-1200: hsla(330, 98%, 24%, .98);--cpd-color-alpha-pink-1100: hsla(331, 100%, 31%, .97);--cpd-color-alpha-pink-1000: hsla(332, 98%, 36%, .97);--cpd-color-alpha-pink-900: hsla(333, 98%, 41%, .96);--cpd-color-alpha-pink-800: hsla(340, 100%, 48%, .75);--cpd-color-alpha-pink-700: hsla(345, 100%, 50%, .47);--cpd-color-alpha-pink-600: hsla(346, 100%, 51%, .33);--cpd-color-alpha-pink-500: hsla(347, 100%, 50%, .24);--cpd-color-alpha-pink-400: hsla(347, 100%, 50%, .13);--cpd-color-alpha-pink-300: hsla(347, 100%, 54%, .08);--cpd-color-alpha-pink-200: hsla(348, 100%, 51%, .04);--cpd-color-alpha-pink-100: hsla(348, 100%, 51%, .02);--cpd-color-alpha-fuchsia-1400: hsl(281, 100%, 15%, 1);--cpd-color-alpha-fuchsia-1300: hsl(285, 100%, 20%, 1);--cpd-color-alpha-fuchsia-1200: hsla(286, 97%, 24%, .93);--cpd-color-alpha-fuchsia-1100: hsla(289, 96%, 28%, .88);--cpd-color-alpha-fuchsia-1000: hsla(291, 99%, 30%, .84);--cpd-color-alpha-fuchsia-900: hsla(293, 100%, 34%, .8);--cpd-color-alpha-fuchsia-800: hsla(295, 97%, 37%, .64);--cpd-color-alpha-fuchsia-700: hsla(295, 96%, 37%, .43);--cpd-color-alpha-fuchsia-600: hsla(297, 93%, 38%, .31);--cpd-color-alpha-fuchsia-500: hsla(296, 93%, 39%, .23);--cpd-color-alpha-fuchsia-400: hsla(298, 91%, 40%, .13);--cpd-color-alpha-fuchsia-300: hsla(295, 89%, 41%, .07);--cpd-color-alpha-fuchsia-200: hsla(293, 95%, 41%, .04);--cpd-color-alpha-fuchsia-100: hsla(300, 95%, 41%, .02);--cpd-color-alpha-purple-1400: hsl(259, 100%, 20%, 1);--cpd-color-alpha-purple-1300: hsl(262, 100%, 28%, 1);--cpd-color-alpha-purple-1200: hsla(264, 98%, 36%, .99);--cpd-color-alpha-purple-1100: hsla(260, 97%, 39%, .86);--cpd-color-alpha-purple-1000: hsla(259, 98%, 42%, .79);--cpd-color-alpha-purple-900: hsla(258, 98%, 47%, .73);--cpd-color-alpha-purple-800: hsla(254, 99%, 49%, .56);--cpd-color-alpha-purple-700: hsla(251, 100%, 51%, .38);--cpd-color-alpha-purple-600: hsla(249, 100%, 51%, .27);--cpd-color-alpha-purple-500: hsla(248, 100%, 51%, .2);--cpd-color-alpha-purple-400: hsla(248, 100%, 53%, .12);--cpd-color-alpha-purple-300: hsla(248, 100%, 55%, .07);--cpd-color-alpha-purple-200: hsla(248, 100%, 61%, .04);--cpd-color-alpha-purple-100: hsla(240, 100%, 61%, .02);--cpd-color-alpha-blue-1400: hsl(232, 100%, 20%, 1);--cpd-color-alpha-blue-1300: hsl(222, 98%, 24%, 1);--cpd-color-alpha-blue-1200: hsla(218, 99%, 29%, .99);--cpd-color-alpha-blue-1100: hsla(216, 99%, 35%, .98);--cpd-color-alpha-blue-1000: hsla(214, 98%, 39%, .99);--cpd-color-alpha-blue-900: hsla(213, 99%, 44%, .99);--cpd-color-alpha-blue-800: hsla(215, 100%, 46%, .75);--cpd-color-alpha-blue-700: hsla(215, 98%, 47%, .51);--cpd-color-alpha-blue-600: hsla(216, 95%, 48%, .37);--cpd-color-alpha-blue-500: hsla(215, 93%, 50%, .28);--cpd-color-alpha-blue-400: hsla(216, 95%, 51%, .16);--cpd-color-alpha-blue-300: hsla(215, 100%, 52%, .09);--cpd-color-alpha-blue-200: hsla(218, 100%, 57%, .05);--cpd-color-alpha-blue-100: hsla(210, 100%, 61%, .03);--cpd-color-alpha-cyan-1400: hsl(221, 100%, 16%, 1);--cpd-color-alpha-cyan-1300: hsl(213, 100%, 19%, 1);--cpd-color-alpha-cyan-1200: hsl(208, 100%, 23%, 1);--cpd-color-alpha-cyan-1100: hsl(204, 100%, 28%, 1);--cpd-color-alpha-cyan-1000: hsl(202, 100%, 31%, 1);--cpd-color-alpha-cyan-900: hsl(200, 100%, 34%, 1);--cpd-color-alpha-cyan-800: hsl(194, 100%, 38%, 1);--cpd-color-alpha-cyan-700: hsla(186, 99%, 40%, .92);--cpd-color-alpha-cyan-600: hsla(187, 99%, 38%, .54);--cpd-color-alpha-cyan-500: hsla(186, 95%, 38%, .4);--cpd-color-alpha-cyan-400: hsla(186, 100%, 37%, .22);--cpd-color-alpha-cyan-300: hsla(188, 100%, 38%, .11);--cpd-color-alpha-cyan-200: hsla(186, 79%, 41%, .06);--cpd-color-alpha-cyan-100: hsla(180, 79%, 41%, .03);--cpd-color-alpha-green-1400: hsl(149, 100%, 7%, 1);--cpd-color-alpha-green-1300: hsl(157, 100%, 10%, 1);--cpd-color-alpha-green-1200: hsl(162, 100%, 14%, 1);--cpd-color-alpha-green-1100: hsl(165, 100%, 18%, 1);--cpd-color-alpha-green-1000: hsl(166, 100%, 21%, 1);--cpd-color-alpha-green-900: hsl(168, 100%, 24%, 1);--cpd-color-alpha-green-800: hsl(166, 100%, 30%, 1);--cpd-color-alpha-green-700: hsla(163, 99%, 38%, .96);--cpd-color-alpha-green-600: hsla(156, 99%, 36%, .56);--cpd-color-alpha-green-500: hsla(154, 96%, 37%, .41);--cpd-color-alpha-green-400: hsla(151, 93%, 37%, .23);--cpd-color-alpha-green-300: hsla(150, 100%, 36%, .11);--cpd-color-alpha-green-200: hsla(150, 79%, 41%, .06);--cpd-color-alpha-green-100: hsla(156, 79%, 41%, .03);--cpd-color-alpha-lime-1400: hsl(120, 100%, 7%, 1);--cpd-color-alpha-lime-1300: hsl(120, 100%, 11%, 1);--cpd-color-alpha-lime-1200: hsl(120, 100%, 15%, 1);--cpd-color-alpha-lime-1100: hsl(120, 100%, 19%, 1);--cpd-color-alpha-lime-1000: hsl(120, 100%, 22%, 1);--cpd-color-alpha-lime-900: hsla(113, 97%, 24%, .96);--cpd-color-alpha-lime-800: hsla(107, 99%, 29%, .91);--cpd-color-alpha-lime-700: hsla(102, 100%, 37%, .86);--cpd-color-alpha-lime-600: hsla(102, 97%, 41%, .71);--cpd-color-alpha-lime-500: hsla(104, 98%, 40%, .51);--cpd-color-alpha-lime-400: hsla(105, 92%, 42%, .28);--cpd-color-alpha-lime-300: hsla(107, 98%, 41%, .15);--cpd-color-alpha-lime-200: hsla(107, 89%, 44%, .07);--cpd-color-alpha-lime-100: hsla(103, 75%, 46%, .04);--cpd-color-alpha-yellow-1400: hsl(6, 100%, 13%, 1);--cpd-color-alpha-yellow-1300: hsl(19, 100%, 17%, 1);--cpd-color-alpha-yellow-1200: hsl(26, 100%, 21%, 1);--cpd-color-alpha-yellow-1100: hsl(30, 100%, 25%, 1);--cpd-color-alpha-yellow-1000: hsl(32, 100%, 28%, 1);--cpd-color-alpha-yellow-900: hsl(34, 100%, 31%, 1);--cpd-color-alpha-yellow-800: hsl(39, 100%, 37%, 1);--cpd-color-alpha-yellow-700: hsl(44, 100%, 44%, 1);--cpd-color-alpha-yellow-600: hsl(47, 100%, 47%, 1);--cpd-color-alpha-yellow-500: hsl(49, 100%, 49%, 1);--cpd-color-alpha-yellow-400: hsla(47, 100%, 51%, .49);--cpd-color-alpha-yellow-300: hsla(47, 100%, 51%, .25);--cpd-color-alpha-yellow-200: hsla(46, 100%, 53%, .13);--cpd-color-alpha-yellow-100: hsla(48, 100%, 51%, .06);--cpd-color-alpha-orange-1400: hsl(0, 100%, 14%, 1);--cpd-color-alpha-orange-1300: hsl(0, 100%, 19%, 1);--cpd-color-alpha-orange-1200: hsl(0, 100%, 26%, 1);--cpd-color-alpha-orange-1100: hsl(13, 100%, 30%, 1);--cpd-color-alpha-orange-1000: hsl(18, 100%, 34%, 1);--cpd-color-alpha-orange-900: hsl(22, 100%, 37%, 1);--cpd-color-alpha-orange-800: hsl(28, 100%, 43%, 1);--cpd-color-alpha-orange-700: hsla(27, 100%, 48%, .75);--cpd-color-alpha-orange-600: hsla(26, 98%, 50%, .52);--cpd-color-alpha-orange-500: hsla(25, 100%, 50%, .37);--cpd-color-alpha-orange-400: hsla(25, 100%, 51%, .22);--cpd-color-alpha-orange-300: hsla(24, 100%, 52%, .11);--cpd-color-alpha-orange-200: hsla(26, 100%, 55%, .07);--cpd-color-alpha-orange-100: hsla(22, 100%, 61%, .04);--cpd-color-alpha-red-1400: hsl(0, 100%, 14%, 1);--cpd-color-alpha-red-1300: hsl(0, 100%, 19%, 1);--cpd-color-alpha-red-1200: hsl(357, 100%, 26%, 1);--cpd-color-alpha-red-1100: hsla(350, 99%, 32%, .99);--cpd-color-alpha-red-1000: hsla(353, 98%, 37%, .95);--cpd-color-alpha-red-900: hsla(355, 98%, 41%, .91);--cpd-color-alpha-red-800: hsla(0, 100%, 51%, .77);--cpd-color-alpha-red-700: hsla(5, 100%, 51%, .5);--cpd-color-alpha-red-600: hsla(7, 100%, 51%, .36);--cpd-color-alpha-red-500: hsla(8, 100%, 51%, .27);--cpd-color-alpha-red-400: hsla(8, 100%, 52%, .15);--cpd-color-alpha-red-300: hsla(9, 100%, 54%, .08);--cpd-color-alpha-red-200: hsla(7, 100%, 56%, .04);--cpd-color-alpha-red-100: hsla(10, 100%, 61%, .03);--cpd-color-alpha-gray-1400: hsla(223, 64%, 2%, .9);--cpd-color-alpha-gray-1300: hsla(225, 57%, 3%, .84);--cpd-color-alpha-gray-1200: hsla(213, 73%, 3%, .77);--cpd-color-alpha-gray-1100: hsla(215, 74%, 5%, .71);--cpd-color-alpha-gray-1000: hsla(218, 79%, 6%, .66);--cpd-color-alpha-gray-900: hsla(213, 83%, 7%, .61);--cpd-color-alpha-gray-800: hsla(213, 87%, 9%, .5);--cpd-color-alpha-gray-700: hsla(215, 96%, 10%, .35);--cpd-color-alpha-gray-600: hsla(212, 97%, 12%, .26);--cpd-color-alpha-gray-500: hsla(212, 87%, 15%, .2);--cpd-color-alpha-gray-400: hsla(213, 90%, 20%, .12);--cpd-color-alpha-gray-300: hsla(216, 89%, 18%, .06);--cpd-color-alpha-gray-200: hsla(200, 41%, 36%, .04);--cpd-color-alpha-gray-100: hsla(210, 48%, 41%, .02);--cpd-color-pink-1400: #430017;--cpd-color-pink-1300: #5f002b;--cpd-color-pink-1200: #7e0642;--cpd-color-pink-1100: #9f0850;--cpd-color-pink-1000: #b80a5b;--cpd-color-pink-900: #d20c65;--cpd-color-pink-800: #f7407d;--cpd-color-pink-700: #ff88a6;--cpd-color-pink-600: #ffadc0;--cpd-color-pink-500: #ffc2cf;--cpd-color-pink-400: #ffdee5;--cpd-color-pink-300: #ffecf0;--cpd-color-pink-200: #fff5f7;--cpd-color-pink-100: #fffafb;--cpd-color-fuchsia-1400: #34004c;--cpd-color-fuchsia-1300: #4e0068;--cpd-color-fuchsia-1200: #671481;--cpd-color-fuchsia-1100: #822198;--cpd-color-fuchsia-1000: #972aaa;--cpd-color-fuchsia-900: #ad33bd;--cpd-color-fuchsia-800: #c85ed1;--cpd-color-fuchsia-700: #db93e1;--cpd-color-fuchsia-600: #e7b2ea;--cpd-color-fuchsia-500: #edc6f0;--cpd-color-fuchsia-400: #f6dff7;--cpd-color-fuchsia-300: #faeefb;--cpd-color-fuchsia-200: #fcf5fd;--cpd-color-fuchsia-100: #fefafe;--cpd-color-purple-1400: #200066;--cpd-color-purple-1300: #33008d;--cpd-color-purple-1200: #4c05b5;--cpd-color-purple-1100: #5d26cd;--cpd-color-purple-1000: #6b37de;--cpd-color-purple-900: #7a47f1;--cpd-color-purple-800: #9271fd;--cpd-color-purple-700: #b1a0ff;--cpd-color-purple-600: #c5bbff;--cpd-color-purple-500: #d4cdff;--cpd-color-purple-400: #e6e2ff;--cpd-color-purple-300: #f1efff;--cpd-color-purple-200: #f8f7ff;--cpd-color-purple-100: #fbfbff;--cpd-color-blue-1400: #000e65;--cpd-color-blue-1300: #012478;--cpd-color-blue-1200: #043894;--cpd-color-blue-1100: #064ab1;--cpd-color-blue-1000: #0558c7;--cpd-color-blue-900: #0467dd;--cpd-color-blue-800: #4088ee;--cpd-color-blue-700: #7eaff6;--cpd-color-blue-600: #a3c6fa;--cpd-color-blue-500: #bad5fc;--cpd-color-blue-400: #d8e7fe;--cpd-color-blue-300: #e9f2ff;--cpd-color-blue-200: #f4f8ff;--cpd-color-blue-100: #f9fcff;--cpd-color-cyan-1400: #00194f;--cpd-color-cyan-1300: #002b61;--cpd-color-cyan-1200: #004077;--cpd-color-cyan-1100: #00548c;--cpd-color-cyan-1000: #00629c;--cpd-color-cyan-900: #0072ac;--cpd-color-cyan-800: #0094c0;--cpd-color-cyan-700: #15becf;--cpd-color-cyan-600: #76d1dd;--cpd-color-cyan-500: #9bdde5;--cpd-color-cyan-400: #c7ecf0;--cpd-color-cyan-300: #e3f5f8;--cpd-color-cyan-200: #f1fafb;--cpd-color-cyan-100: #f8fdfd;--cpd-color-green-1400: #002311;--cpd-color-green-1300: #003420;--cpd-color-green-1200: #004933;--cpd-color-green-1100: #005c45;--cpd-color-green-1000: #006b52;--cpd-color-green-900: #007a61;--cpd-color-green-800: #009b78;--cpd-color-green-700: #0bc491;--cpd-color-green-600: #71d7ae;--cpd-color-green-500: #98e1c1;--cpd-color-green-400: #c6eedb;--cpd-color-green-300: #e3f7ed;--cpd-color-green-200: #f1fbf6;--cpd-color-green-100: #f8fdfb;--cpd-color-lime-1400: #002400;--cpd-color-lime-1300: #003600;--cpd-color-lime-1200: #004b00;--cpd-color-lime-1100: #005f00;--cpd-color-lime-1000: #006e00;--cpd-color-lime-900: #197d0c;--cpd-color-lime-800: #359d18;--cpd-color-lime-700: #54c424;--cpd-color-lime-600: #76db4c;--cpd-color-lime-500: #99e57e;--cpd-color-lime-400: #c8f1ba;--cpd-color-lime-300: #e0f8d9;--cpd-color-lime-200: #f1fcee;--cpd-color-lime-100: #f8fdf6;--cpd-color-yellow-1400: #410600;--cpd-color-yellow-1300: #541a00;--cpd-color-yellow-1200: #692e00;--cpd-color-yellow-1100: #803f00;--cpd-color-yellow-1000: #8f4d00;--cpd-color-yellow-900: #9f5b00;--cpd-color-yellow-800: #be7a00;--cpd-color-yellow-700: #dea200;--cpd-color-yellow-600: #f1bd00;--cpd-color-yellow-500: #fbce00;--cpd-color-yellow-400: #ffe484;--cpd-color-yellow-300: #fff2c1;--cpd-color-yellow-200: #fff8e0;--cpd-color-yellow-100: #fffcf0;--cpd-color-orange-1400: #450000;--cpd-color-orange-1300: #620000;--cpd-color-orange-1200: #850000;--cpd-color-orange-1100: #9b2200;--cpd-color-orange-1000: #ac3300;--cpd-color-orange-900: #bc4500;--cpd-color-orange-800: #dc6700;--cpd-color-orange-700: #f89440;--cpd-color-orange-600: #fdb37c;--cpd-color-orange-500: #ffc8a1;--cpd-color-orange-400: #ffdfc8;--cpd-color-orange-300: #ffefe4;--cpd-color-orange-200: #fff6ef;--cpd-color-orange-100: #fffaf7;--cpd-color-red-1400: #450000;--cpd-color-red-1300: #620000;--cpd-color-red-1200: #850006;--cpd-color-red-1100: #a4041d;--cpd-color-red-1000: #bc0f22;--cpd-color-red-900: #d51928;--cpd-color-red-800: #ff3d3d;--cpd-color-red-700: #ff8c81;--cpd-color-red-600: #ffafa5;--cpd-color-red-500: #ffc5bc;--cpd-color-red-400: #ffdfda;--cpd-color-red-300: #ffefec;--cpd-color-red-200: #fff7f6;--cpd-color-red-100: #fffaf9;--cpd-color-gray-1400: #1b1d22;--cpd-color-gray-1300: #2b2d32;--cpd-color-gray-1200: #3c4045;--cpd-color-gray-1100: #4c5158;--cpd-color-gray-1000: #595e67;--cpd-color-gray-900: #656d77;--cpd-color-gray-800: #818a95;--cpd-color-gray-700: #a6adb7;--cpd-color-gray-600: #bdc4cc;--cpd-color-gray-500: #cdd3da;--cpd-color-gray-400: #e1e6ec;--cpd-color-gray-300: #f0f2f5;--cpd-color-gray-200: #f7f9fa;--cpd-color-gray-100: #fbfcfd;--cpd-color-theme-bg: #ffffff}}}@media screen{@layer cpd-semantic{.cpd-theme-light.cpd-theme-light{--cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);--cpd-color-bg-canvas-default-level-1: var(--cpd-color-theme-bg)}}}@media screen and (prefers-color-scheme: light){@layer cpd-semantic{:root{--cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);--cpd-color-bg-canvas-default-level-1: var(--cpd-color-theme-bg)}}}@media screen{@layer cpd-base{.cpd-theme-light-hc.cpd-theme-light-hc{--cpd-color-alpha-pink-1400: hsl(341, 100%, 13%, 1);--cpd-color-alpha-pink-1300: hsl(337, 100%, 15%, 1);--cpd-color-alpha-pink-1200: hsl(332, 100%, 20%, 1);--cpd-color-alpha-pink-1100: hsl(329, 100%, 22%, 1);--cpd-color-alpha-pink-1000: hsla(330, 97%, 26%, .98);--cpd-color-alpha-pink-900: hsla(331, 100%, 28%, .97);--cpd-color-alpha-pink-800: hsla(333, 98%, 44%, .96);--cpd-color-alpha-pink-700: hsla(341, 98%, 49%, .7);--cpd-color-alpha-pink-600: hsla(345, 100%, 50%, .47);--cpd-color-alpha-pink-500: hsla(346, 100%, 51%, .33);--cpd-color-alpha-pink-400: hsla(347, 100%, 52%, .19);--cpd-color-alpha-pink-300: hsla(347, 100%, 50%, .13);--cpd-color-alpha-pink-200: hsla(347, 100%, 54%, .08);--cpd-color-alpha-pink-100: hsla(348, 100%, 51%, .04);--cpd-color-alpha-fuchsia-1400: hsl(281, 100%, 15%, 1);--cpd-color-alpha-fuchsia-1300: hsl(283, 100%, 16%, 1);--cpd-color-alpha-fuchsia-1200: hsl(285, 96%, 22%, 1);--cpd-color-alpha-fuchsia-1100: hsla(285, 97%, 22%, .95);--cpd-color-alpha-fuchsia-1000: hsla(286, 100%, 24%, .91);--cpd-color-alpha-fuchsia-900: hsla(287, 96%, 27%, .9);--cpd-color-alpha-fuchsia-800: hsla(294, 98%, 36%, .79);--cpd-color-alpha-fuchsia-700: hsla(295, 97%, 37%, .6);--cpd-color-alpha-fuchsia-600: hsla(295, 96%, 37%, .43);--cpd-color-alpha-fuchsia-500: hsla(297, 93%, 38%, .31);--cpd-color-alpha-fuchsia-400: hsla(296, 95%, 38%, .18);--cpd-color-alpha-fuchsia-300: hsla(298, 91%, 40%, .13);--cpd-color-alpha-fuchsia-200: hsla(295, 89%, 41%, .07);--cpd-color-alpha-fuchsia-100: hsla(293, 95%, 41%, .04);--cpd-color-alpha-purple-1400: hsl(259, 100%, 19%, 1);--cpd-color-alpha-purple-1300: hsl(259, 100%, 22%, 1);--cpd-color-alpha-purple-1200: hsl(262, 100%, 29%, 1);--cpd-color-alpha-purple-1100: hsl(264, 100%, 33%, 1);--cpd-color-alpha-purple-1000: hsla(263, 100%, 36%, .95);--cpd-color-alpha-purple-900: hsla(261, 97%, 38%, .9);--cpd-color-alpha-purple-800: hsla(258, 98%, 49%, .7);--cpd-color-alpha-purple-700: hsla(254, 100%, 50%, .53);--cpd-color-alpha-purple-600: hsla(251, 100%, 51%, .38);--cpd-color-alpha-purple-500: hsla(249, 100%, 51%, .27);--cpd-color-alpha-purple-400: hsla(248, 100%, 52%, .16);--cpd-color-alpha-purple-300: hsla(248, 100%, 53%, .12);--cpd-color-alpha-purple-200: hsla(248, 100%, 55%, .07);--cpd-color-alpha-purple-100: hsla(248, 100%, 61%, .04);--cpd-color-alpha-blue-1400: hsl(233, 100%, 19%, 1);--cpd-color-alpha-blue-1300: hsl(228, 100%, 21%, 1);--cpd-color-alpha-blue-1200: hsla(222, 100%, 24%, .99);--cpd-color-alpha-blue-1100: hsla(220, 99%, 27%, .99);--cpd-color-alpha-blue-1000: hsla(218, 97%, 30%, .99);--cpd-color-alpha-blue-900: hsla(217, 98%, 33%, .99);--cpd-color-alpha-blue-800: hsla(212, 99%, 46%, .99);--cpd-color-alpha-blue-700: hsla(215, 100%, 46%, .71);--cpd-color-alpha-blue-600: hsla(215, 98%, 47%, .51);--cpd-color-alpha-blue-500: hsla(216, 95%, 48%, .37);--cpd-color-alpha-blue-400: hsla(216, 96%, 49%, .22);--cpd-color-alpha-blue-300: hsla(216, 95%, 51%, .16);--cpd-color-alpha-blue-200: hsla(215, 100%, 52%, .09);--cpd-color-alpha-blue-100: hsla(218, 100%, 57%, .05);--cpd-color-alpha-cyan-1400: hsl(222, 100%, 15%, 1);--cpd-color-alpha-cyan-1300: hsl(218, 100%, 16%, 1);--cpd-color-alpha-cyan-1200: hsl(212, 100%, 20%, 1);--cpd-color-alpha-cyan-1100: hsl(210, 100%, 22%, 1);--cpd-color-alpha-cyan-1000: hsl(207, 100%, 24%, 1);--cpd-color-alpha-cyan-900: hsl(205, 100%, 26%, 1);--cpd-color-alpha-cyan-800: hsl(199, 100%, 35%, 1);--cpd-color-alpha-cyan-700: hsl(193, 100%, 38%, 1);--cpd-color-alpha-cyan-600: hsla(186, 99%, 40%, .92);--cpd-color-alpha-cyan-500: hsla(187, 99%, 38%, .54);--cpd-color-alpha-cyan-400: hsla(187, 97%, 38%, .31);--cpd-color-alpha-cyan-300: hsla(186, 100%, 37%, .22);--cpd-color-alpha-cyan-200: hsla(188, 100%, 38%, .11);--cpd-color-alpha-cyan-100: hsla(186, 79%, 41%, .06);--cpd-color-alpha-green-1400: hsl(147, 100%, 7%, 1);--cpd-color-alpha-green-1300: hsl(152, 100%, 8%, 1);--cpd-color-alpha-green-1200: hsl(158, 100%, 11%, 1);--cpd-color-alpha-green-1100: hsl(160, 100%, 13%, 1);--cpd-color-alpha-green-1000: hsl(162, 100%, 15%, 1);--cpd-color-alpha-green-900: hsl(163, 100%, 17%, 1);--cpd-color-alpha-green-800: hsl(168, 100%, 26%, 1);--cpd-color-alpha-green-700: hsl(166, 100%, 32%, 1);--cpd-color-alpha-green-600: hsla(163, 99%, 38%, .96);--cpd-color-alpha-green-500: hsla(156, 99%, 36%, .56);--cpd-color-alpha-green-400: hsla(153, 95%, 37%, .32);--cpd-color-alpha-green-300: hsla(151, 93%, 37%, .23);--cpd-color-alpha-green-200: hsla(150, 100%, 36%, .11);--cpd-color-alpha-green-100: hsla(150, 79%, 41%, .06);--cpd-color-alpha-lime-1400: hsl(120, 100%, 7%, 1);--cpd-color-alpha-lime-1300: hsl(120, 100%, 8%, 1);--cpd-color-alpha-lime-1200: hsl(120, 100%, 11%, 1);--cpd-color-alpha-lime-1100: hsl(120, 100%, 13%, 1);--cpd-color-alpha-lime-1000: hsl(120, 100%, 16%, 1);--cpd-color-alpha-lime-900: hsl(120, 100%, 17%, 1);--cpd-color-alpha-lime-800: hsla(112, 97%, 25%, .95);--cpd-color-alpha-lime-700: hsla(106, 99%, 30%, .9);--cpd-color-alpha-lime-600: hsla(102, 100%, 37%, .86);--cpd-color-alpha-lime-500: hsla(102, 97%, 41%, .71);--cpd-color-alpha-lime-400: hsla(105, 95%, 41%, .4);--cpd-color-alpha-lime-300: hsla(105, 92%, 42%, .28);--cpd-color-alpha-lime-200: hsla(107, 98%, 41%, .15);--cpd-color-alpha-lime-100: hsla(107, 89%, 44%, .07);--cpd-color-alpha-yellow-1400: hsl(5, 100%, 12%, 1);--cpd-color-alpha-yellow-1300: hsl(10, 100%, 14%, 1);--cpd-color-alpha-yellow-1200: hsl(20, 100%, 17%, 1);--cpd-color-alpha-yellow-1100: hsl(24, 100%, 19%, 1);--cpd-color-alpha-yellow-1000: hsl(27, 100%, 22%, 1);--cpd-color-alpha-yellow-900: hsl(28, 100%, 23%, 1);--cpd-color-alpha-yellow-800: hsl(36, 100%, 33%, 1);--cpd-color-alpha-yellow-700: hsl(40, 100%, 38%, 1);--cpd-color-alpha-yellow-600: hsl(44, 100%, 44%, 1);--cpd-color-alpha-yellow-500: hsl(47, 100%, 47%, 1);--cpd-color-alpha-yellow-400: hsla(48, 100%, 50%, .72);--cpd-color-alpha-yellow-300: hsla(47, 100%, 51%, .49);--cpd-color-alpha-yellow-200: hsla(47, 100%, 51%, .25);--cpd-color-alpha-yellow-100: hsla(46, 100%, 53%, .13);--cpd-color-alpha-orange-1400: hsl(0, 100%, 13%, 1);--cpd-color-alpha-orange-1300: hsl(0, 100%, 15%, 1);--cpd-color-alpha-orange-1200: hsl(0, 100%, 20%, 1);--cpd-color-alpha-orange-1100: hsl(0, 100%, 23%, 1);--cpd-color-alpha-orange-1000: hsl(4, 100%, 27%, 1);--cpd-color-alpha-orange-900: hsl(9, 100%, 29%, 1);--cpd-color-alpha-orange-800: hsl(24, 100%, 38%, 1);--cpd-color-alpha-orange-700: hsl(29, 100%, 44%, 1);--cpd-color-alpha-orange-600: hsla(27, 100%, 48%, .75);--cpd-color-alpha-orange-500: hsla(26, 98%, 50%, .52);--cpd-color-alpha-orange-400: hsla(25, 100%, 52%, .3);--cpd-color-alpha-orange-300: hsla(25, 100%, 51%, .22);--cpd-color-alpha-orange-200: hsla(24, 100%, 52%, .11);--cpd-color-alpha-orange-100: hsla(26, 100%, 55%, .07);--cpd-color-alpha-red-1400: hsl(0, 100%, 13%, 1);--cpd-color-alpha-red-1300: hsl(0, 100%, 15%, 1);--cpd-color-alpha-red-1200: hsl(0, 100%, 20%, 1);--cpd-color-alpha-red-1100: hsl(0, 100%, 23%, 1);--cpd-color-alpha-red-1000: hsl(355, 100%, 27%, 1);--cpd-color-alpha-red-900: hsl(350, 100%, 30%, 1);--cpd-color-alpha-red-800: hsla(356, 98%, 44%, .89);--cpd-color-alpha-red-700: hsla(2, 100%, 50%, .72);--cpd-color-alpha-red-600: hsla(5, 100%, 51%, .5);--cpd-color-alpha-red-500: hsla(7, 100%, 51%, .36);--cpd-color-alpha-red-400: hsla(8, 100%, 51%, .21);--cpd-color-alpha-red-300: hsla(8, 100%, 52%, .15);--cpd-color-alpha-red-200: hsla(9, 100%, 54%, .08);--cpd-color-alpha-red-100: hsla(7, 100%, 56%, .04);--cpd-color-alpha-gray-1400: hsla(223, 78%, 2%, .9);--cpd-color-alpha-gray-1300: hsla(218, 100%, 2%, .88);--cpd-color-alpha-gray-1200: hsla(210, 67%, 2%, .83);--cpd-color-alpha-gray-1100: hsla(222, 63%, 3%, .8);--cpd-color-alpha-gray-1000: hsla(220, 75%, 3%, .76);--cpd-color-alpha-gray-900: hsla(223, 70%, 4%, .73);--cpd-color-alpha-gray-800: hsla(217, 89%, 7%, .58);--cpd-color-alpha-gray-700: hsla(216, 81%, 10%, .48);--cpd-color-alpha-gray-600: hsla(215, 96%, 10%, .35);--cpd-color-alpha-gray-500: hsla(212, 97%, 12%, .26);--cpd-color-alpha-gray-400: hsla(215, 88%, 17%, .16);--cpd-color-alpha-gray-300: hsla(213, 90%, 20%, .12);--cpd-color-alpha-gray-200: hsla(216, 89%, 18%, .06);--cpd-color-alpha-gray-100: hsla(200, 41%, 36%, .04);--cpd-color-pink-1400: #410015;--cpd-color-pink-1300: #4a001c;--cpd-color-pink-1200: #64002f;--cpd-color-pink-1100: #72003a;--cpd-color-pink-1000: #840745;--cpd-color-pink-900: #92084b;--cpd-color-pink-800: #e00c6a;--cpd-color-pink-700: #f94e84;--cpd-color-pink-600: #ff88a6;--cpd-color-pink-500: #ffadc0;--cpd-color-pink-400: #ffd0da;--cpd-color-pink-300: #ffdee5;--cpd-color-pink-200: #ffecf0;--cpd-color-pink-100: #fff5f7;--cpd-color-fuchsia-1400: #32004a;--cpd-color-fuchsia-1300: #3b0053;--cpd-color-fuchsia-1200: #52026c;--cpd-color-fuchsia-1100: #5c0f76;--cpd-color-fuchsia-1000: #6c1785;--cpd-color-fuchsia-900: #781c90;--cpd-color-fuchsia-800: #b937c6;--cpd-color-fuchsia-700: #cb68d4;--cpd-color-fuchsia-600: #db93e1;--cpd-color-fuchsia-500: #e7b2ea;--cpd-color-fuchsia-400: #f1d2f3;--cpd-color-fuchsia-300: #f6dff7;--cpd-color-fuchsia-200: #faeefb;--cpd-color-fuchsia-100: #fcf5fd;--cpd-color-purple-1400: #1f0062;--cpd-color-purple-1300: #240070;--cpd-color-purple-1200: #360094;--cpd-color-purple-1100: #4200a6;--cpd-color-purple-1000: #4f0dba;--cpd-color-purple-900: #571cc4;--cpd-color-purple-800: #824ef9;--cpd-color-purple-700: #9778fe;--cpd-color-purple-600: #b1a0ff;--cpd-color-purple-500: #c5bbff;--cpd-color-purple-400: #ddd8ff;--cpd-color-purple-300: #e6e2ff;--cpd-color-purple-200: #f1efff;--cpd-color-purple-100: #f8f7ff;--cpd-color-blue-1400: #000c63;--cpd-color-blue-1300: #001569;--cpd-color-blue-1200: #03277b;--cpd-color-blue-1100: #043088;--cpd-color-blue-1000: #053b9a;--cpd-color-blue-900: #0543a7;--cpd-color-blue-800: #046ee8;--cpd-color-blue-700: #4a8ef0;--cpd-color-blue-600: #7eaff6;--cpd-color-blue-500: #a3c6fa;--cpd-color-blue-400: #c8ddfd;--cpd-color-blue-300: #d8e7fe;--cpd-color-blue-200: #e9f2ff;--cpd-color-blue-100: #f4f8ff;--cpd-color-cyan-1400: #00174d;--cpd-color-cyan-1300: #001e53;--cpd-color-cyan-1200: #002e64;--cpd-color-cyan-1100: #00376e;--cpd-color-cyan-1000: #00447b;--cpd-color-cyan-900: #004c84;--cpd-color-cyan-800: #007ab3;--cpd-color-cyan-700: #009ac3;--cpd-color-cyan-600: #15becf;--cpd-color-cyan-500: #76d1dd;--cpd-color-cyan-400: #b1e4eb;--cpd-color-cyan-300: #c7ecf0;--cpd-color-cyan-200: #e3f5f8;--cpd-color-cyan-100: #f1fafb;--cpd-color-green-1400: #00210f;--cpd-color-green-1300: #002715;--cpd-color-green-1200: #003723;--cpd-color-green-1100: #00402b;--cpd-color-green-1000: #004d36;--cpd-color-green-900: #00553d;--cpd-color-green-800: #008268;--cpd-color-green-700: #00a27c;--cpd-color-green-600: #0bc491;--cpd-color-green-500: #71d7ae;--cpd-color-green-400: #afe8ce;--cpd-color-green-300: #c6eedb;--cpd-color-green-200: #e3f7ed;--cpd-color-green-100: #f1fbf6;--cpd-color-lime-1400: #002200;--cpd-color-lime-1300: #002900;--cpd-color-lime-1200: #003900;--cpd-color-lime-1100: #004200;--cpd-color-lime-1000: #004f00;--cpd-color-lime-900: #005700;--cpd-color-lime-800: #1f850f;--cpd-color-lime-700: #3aa31a;--cpd-color-lime-600: #54c424;--cpd-color-lime-500: #76db4c;--cpd-color-lime-400: #afeb9b;--cpd-color-lime-300: #c8f1ba;--cpd-color-lime-200: #e0f8d9;--cpd-color-lime-100: #f1fcee;--cpd-color-yellow-1400: #3f0500;--cpd-color-yellow-1300: #450c00;--cpd-color-yellow-1200: #571d00;--cpd-color-yellow-1100: #612600;--cpd-color-yellow-1000: #6e3100;--cpd-color-yellow-900: #773800;--cpd-color-yellow-800: #a76300;--cpd-color-yellow-700: #c38100;--cpd-color-yellow-600: #dea200;--cpd-color-yellow-500: #f1bd00;--cpd-color-yellow-400: #ffda49;--cpd-color-yellow-300: #ffe484;--cpd-color-yellow-200: #fff2c1;--cpd-color-yellow-100: #fff8e0;--cpd-color-orange-1400: #420000;--cpd-color-orange-1300: #4c0000;--cpd-color-orange-1200: #670000;--cpd-color-orange-1100: #770000;--cpd-color-orange-1000: #890800;--cpd-color-orange-900: #931700;--cpd-color-orange-800: #c44d00;--cpd-color-orange-700: #e26e00;--cpd-color-orange-600: #f89440;--cpd-color-orange-500: #fdb37c;--cpd-color-orange-400: #ffd4b5;--cpd-color-orange-300: #ffdfc8;--cpd-color-orange-200: #ffefe4;--cpd-color-orange-100: #fff6ef;--cpd-color-red-1400: #420000;--cpd-color-red-1300: #4c0000;--cpd-color-red-1200: #670000;--cpd-color-red-1100: #770000;--cpd-color-red-1000: #8b000c;--cpd-color-red-900: #99001a;--cpd-color-red-800: #e11e2a;--cpd-color-red-700: #ff4e49;--cpd-color-red-600: #ff8c81;--cpd-color-red-500: #ffafa5;--cpd-color-red-400: #ffd1ca;--cpd-color-red-300: #ffdfda;--cpd-color-red-200: #ffefec;--cpd-color-red-100: #fff7f6;--cpd-color-gray-1400: #1a1c21;--cpd-color-gray-1300: #1f2126;--cpd-color-gray-1200: #2d3034;--cpd-color-gray-1100: #35383d;--cpd-color-gray-1000: #3f4248;--cpd-color-gray-900: #474a51;--cpd-color-gray-800: #6c737e;--cpd-color-gray-700: #878f9b;--cpd-color-gray-600: #a6adb7;--cpd-color-gray-500: #bdc4cc;--cpd-color-gray-400: #d7dce3;--cpd-color-gray-300: #e1e6ec;--cpd-color-gray-200: #f0f2f5;--cpd-color-gray-100: #f7f9fa;--cpd-color-theme-bg: #ffffff}}}@media screen and (prefers-color-scheme: light) and (prefers-contrast: more){@layer cpd-base{:root{--cpd-color-alpha-pink-1400: hsl(341, 100%, 13%, 1);--cpd-color-alpha-pink-1300: hsl(337, 100%, 15%, 1);--cpd-color-alpha-pink-1200: hsl(332, 100%, 20%, 1);--cpd-color-alpha-pink-1100: hsl(329, 100%, 22%, 1);--cpd-color-alpha-pink-1000: hsla(330, 97%, 26%, .98);--cpd-color-alpha-pink-900: hsla(331, 100%, 28%, .97);--cpd-color-alpha-pink-800: hsla(333, 98%, 44%, .96);--cpd-color-alpha-pink-700: hsla(341, 98%, 49%, .7);--cpd-color-alpha-pink-600: hsla(345, 100%, 50%, .47);--cpd-color-alpha-pink-500: hsla(346, 100%, 51%, .33);--cpd-color-alpha-pink-400: hsla(347, 100%, 52%, .19);--cpd-color-alpha-pink-300: hsla(347, 100%, 50%, .13);--cpd-color-alpha-pink-200: hsla(347, 100%, 54%, .08);--cpd-color-alpha-pink-100: hsla(348, 100%, 51%, .04);--cpd-color-alpha-fuchsia-1400: hsl(281, 100%, 15%, 1);--cpd-color-alpha-fuchsia-1300: hsl(283, 100%, 16%, 1);--cpd-color-alpha-fuchsia-1200: hsl(285, 96%, 22%, 1);--cpd-color-alpha-fuchsia-1100: hsla(285, 97%, 22%, .95);--cpd-color-alpha-fuchsia-1000: hsla(286, 100%, 24%, .91);--cpd-color-alpha-fuchsia-900: hsla(287, 96%, 27%, .9);--cpd-color-alpha-fuchsia-800: hsla(294, 98%, 36%, .79);--cpd-color-alpha-fuchsia-700: hsla(295, 97%, 37%, .6);--cpd-color-alpha-fuchsia-600: hsla(295, 96%, 37%, .43);--cpd-color-alpha-fuchsia-500: hsla(297, 93%, 38%, .31);--cpd-color-alpha-fuchsia-400: hsla(296, 95%, 38%, .18);--cpd-color-alpha-fuchsia-300: hsla(298, 91%, 40%, .13);--cpd-color-alpha-fuchsia-200: hsla(295, 89%, 41%, .07);--cpd-color-alpha-fuchsia-100: hsla(293, 95%, 41%, .04);--cpd-color-alpha-purple-1400: hsl(259, 100%, 19%, 1);--cpd-color-alpha-purple-1300: hsl(259, 100%, 22%, 1);--cpd-color-alpha-purple-1200: hsl(262, 100%, 29%, 1);--cpd-color-alpha-purple-1100: hsl(264, 100%, 33%, 1);--cpd-color-alpha-purple-1000: hsla(263, 100%, 36%, .95);--cpd-color-alpha-purple-900: hsla(261, 97%, 38%, .9);--cpd-color-alpha-purple-800: hsla(258, 98%, 49%, .7);--cpd-color-alpha-purple-700: hsla(254, 100%, 50%, .53);--cpd-color-alpha-purple-600: hsla(251, 100%, 51%, .38);--cpd-color-alpha-purple-500: hsla(249, 100%, 51%, .27);--cpd-color-alpha-purple-400: hsla(248, 100%, 52%, .16);--cpd-color-alpha-purple-300: hsla(248, 100%, 53%, .12);--cpd-color-alpha-purple-200: hsla(248, 100%, 55%, .07);--cpd-color-alpha-purple-100: hsla(248, 100%, 61%, .04);--cpd-color-alpha-blue-1400: hsl(233, 100%, 19%, 1);--cpd-color-alpha-blue-1300: hsl(228, 100%, 21%, 1);--cpd-color-alpha-blue-1200: hsla(222, 100%, 24%, .99);--cpd-color-alpha-blue-1100: hsla(220, 99%, 27%, .99);--cpd-color-alpha-blue-1000: hsla(218, 97%, 30%, .99);--cpd-color-alpha-blue-900: hsla(217, 98%, 33%, .99);--cpd-color-alpha-blue-800: hsla(212, 99%, 46%, .99);--cpd-color-alpha-blue-700: hsla(215, 100%, 46%, .71);--cpd-color-alpha-blue-600: hsla(215, 98%, 47%, .51);--cpd-color-alpha-blue-500: hsla(216, 95%, 48%, .37);--cpd-color-alpha-blue-400: hsla(216, 96%, 49%, .22);--cpd-color-alpha-blue-300: hsla(216, 95%, 51%, .16);--cpd-color-alpha-blue-200: hsla(215, 100%, 52%, .09);--cpd-color-alpha-blue-100: hsla(218, 100%, 57%, .05);--cpd-color-alpha-cyan-1400: hsl(222, 100%, 15%, 1);--cpd-color-alpha-cyan-1300: hsl(218, 100%, 16%, 1);--cpd-color-alpha-cyan-1200: hsl(212, 100%, 20%, 1);--cpd-color-alpha-cyan-1100: hsl(210, 100%, 22%, 1);--cpd-color-alpha-cyan-1000: hsl(207, 100%, 24%, 1);--cpd-color-alpha-cyan-900: hsl(205, 100%, 26%, 1);--cpd-color-alpha-cyan-800: hsl(199, 100%, 35%, 1);--cpd-color-alpha-cyan-700: hsl(193, 100%, 38%, 1);--cpd-color-alpha-cyan-600: hsla(186, 99%, 40%, .92);--cpd-color-alpha-cyan-500: hsla(187, 99%, 38%, .54);--cpd-color-alpha-cyan-400: hsla(187, 97%, 38%, .31);--cpd-color-alpha-cyan-300: hsla(186, 100%, 37%, .22);--cpd-color-alpha-cyan-200: hsla(188, 100%, 38%, .11);--cpd-color-alpha-cyan-100: hsla(186, 79%, 41%, .06);--cpd-color-alpha-green-1400: hsl(147, 100%, 7%, 1);--cpd-color-alpha-green-1300: hsl(152, 100%, 8%, 1);--cpd-color-alpha-green-1200: hsl(158, 100%, 11%, 1);--cpd-color-alpha-green-1100: hsl(160, 100%, 13%, 1);--cpd-color-alpha-green-1000: hsl(162, 100%, 15%, 1);--cpd-color-alpha-green-900: hsl(163, 100%, 17%, 1);--cpd-color-alpha-green-800: hsl(168, 100%, 26%, 1);--cpd-color-alpha-green-700: hsl(166, 100%, 32%, 1);--cpd-color-alpha-green-600: hsla(163, 99%, 38%, .96);--cpd-color-alpha-green-500: hsla(156, 99%, 36%, .56);--cpd-color-alpha-green-400: hsla(153, 95%, 37%, .32);--cpd-color-alpha-green-300: hsla(151, 93%, 37%, .23);--cpd-color-alpha-green-200: hsla(150, 100%, 36%, .11);--cpd-color-alpha-green-100: hsla(150, 79%, 41%, .06);--cpd-color-alpha-lime-1400: hsl(120, 100%, 7%, 1);--cpd-color-alpha-lime-1300: hsl(120, 100%, 8%, 1);--cpd-color-alpha-lime-1200: hsl(120, 100%, 11%, 1);--cpd-color-alpha-lime-1100: hsl(120, 100%, 13%, 1);--cpd-color-alpha-lime-1000: hsl(120, 100%, 16%, 1);--cpd-color-alpha-lime-900: hsl(120, 100%, 17%, 1);--cpd-color-alpha-lime-800: hsla(112, 97%, 25%, .95);--cpd-color-alpha-lime-700: hsla(106, 99%, 30%, .9);--cpd-color-alpha-lime-600: hsla(102, 100%, 37%, .86);--cpd-color-alpha-lime-500: hsla(102, 97%, 41%, .71);--cpd-color-alpha-lime-400: hsla(105, 95%, 41%, .4);--cpd-color-alpha-lime-300: hsla(105, 92%, 42%, .28);--cpd-color-alpha-lime-200: hsla(107, 98%, 41%, .15);--cpd-color-alpha-lime-100: hsla(107, 89%, 44%, .07);--cpd-color-alpha-yellow-1400: hsl(5, 100%, 12%, 1);--cpd-color-alpha-yellow-1300: hsl(10, 100%, 14%, 1);--cpd-color-alpha-yellow-1200: hsl(20, 100%, 17%, 1);--cpd-color-alpha-yellow-1100: hsl(24, 100%, 19%, 1);--cpd-color-alpha-yellow-1000: hsl(27, 100%, 22%, 1);--cpd-color-alpha-yellow-900: hsl(28, 100%, 23%, 1);--cpd-color-alpha-yellow-800: hsl(36, 100%, 33%, 1);--cpd-color-alpha-yellow-700: hsl(40, 100%, 38%, 1);--cpd-color-alpha-yellow-600: hsl(44, 100%, 44%, 1);--cpd-color-alpha-yellow-500: hsl(47, 100%, 47%, 1);--cpd-color-alpha-yellow-400: hsla(48, 100%, 50%, .72);--cpd-color-alpha-yellow-300: hsla(47, 100%, 51%, .49);--cpd-color-alpha-yellow-200: hsla(47, 100%, 51%, .25);--cpd-color-alpha-yellow-100: hsla(46, 100%, 53%, .13);--cpd-color-alpha-orange-1400: hsl(0, 100%, 13%, 1);--cpd-color-alpha-orange-1300: hsl(0, 100%, 15%, 1);--cpd-color-alpha-orange-1200: hsl(0, 100%, 20%, 1);--cpd-color-alpha-orange-1100: hsl(0, 100%, 23%, 1);--cpd-color-alpha-orange-1000: hsl(4, 100%, 27%, 1);--cpd-color-alpha-orange-900: hsl(9, 100%, 29%, 1);--cpd-color-alpha-orange-800: hsl(24, 100%, 38%, 1);--cpd-color-alpha-orange-700: hsl(29, 100%, 44%, 1);--cpd-color-alpha-orange-600: hsla(27, 100%, 48%, .75);--cpd-color-alpha-orange-500: hsla(26, 98%, 50%, .52);--cpd-color-alpha-orange-400: hsla(25, 100%, 52%, .3);--cpd-color-alpha-orange-300: hsla(25, 100%, 51%, .22);--cpd-color-alpha-orange-200: hsla(24, 100%, 52%, .11);--cpd-color-alpha-orange-100: hsla(26, 100%, 55%, .07);--cpd-color-alpha-red-1400: hsl(0, 100%, 13%, 1);--cpd-color-alpha-red-1300: hsl(0, 100%, 15%, 1);--cpd-color-alpha-red-1200: hsl(0, 100%, 20%, 1);--cpd-color-alpha-red-1100: hsl(0, 100%, 23%, 1);--cpd-color-alpha-red-1000: hsl(355, 100%, 27%, 1);--cpd-color-alpha-red-900: hsl(350, 100%, 30%, 1);--cpd-color-alpha-red-800: hsla(356, 98%, 44%, .89);--cpd-color-alpha-red-700: hsla(2, 100%, 50%, .72);--cpd-color-alpha-red-600: hsla(5, 100%, 51%, .5);--cpd-color-alpha-red-500: hsla(7, 100%, 51%, .36);--cpd-color-alpha-red-400: hsla(8, 100%, 51%, .21);--cpd-color-alpha-red-300: hsla(8, 100%, 52%, .15);--cpd-color-alpha-red-200: hsla(9, 100%, 54%, .08);--cpd-color-alpha-red-100: hsla(7, 100%, 56%, .04);--cpd-color-alpha-gray-1400: hsla(223, 78%, 2%, .9);--cpd-color-alpha-gray-1300: hsla(218, 100%, 2%, .88);--cpd-color-alpha-gray-1200: hsla(210, 67%, 2%, .83);--cpd-color-alpha-gray-1100: hsla(222, 63%, 3%, .8);--cpd-color-alpha-gray-1000: hsla(220, 75%, 3%, .76);--cpd-color-alpha-gray-900: hsla(223, 70%, 4%, .73);--cpd-color-alpha-gray-800: hsla(217, 89%, 7%, .58);--cpd-color-alpha-gray-700: hsla(216, 81%, 10%, .48);--cpd-color-alpha-gray-600: hsla(215, 96%, 10%, .35);--cpd-color-alpha-gray-500: hsla(212, 97%, 12%, .26);--cpd-color-alpha-gray-400: hsla(215, 88%, 17%, .16);--cpd-color-alpha-gray-300: hsla(213, 90%, 20%, .12);--cpd-color-alpha-gray-200: hsla(216, 89%, 18%, .06);--cpd-color-alpha-gray-100: hsla(200, 41%, 36%, .04);--cpd-color-pink-1400: #410015;--cpd-color-pink-1300: #4a001c;--cpd-color-pink-1200: #64002f;--cpd-color-pink-1100: #72003a;--cpd-color-pink-1000: #840745;--cpd-color-pink-900: #92084b;--cpd-color-pink-800: #e00c6a;--cpd-color-pink-700: #f94e84;--cpd-color-pink-600: #ff88a6;--cpd-color-pink-500: #ffadc0;--cpd-color-pink-400: #ffd0da;--cpd-color-pink-300: #ffdee5;--cpd-color-pink-200: #ffecf0;--cpd-color-pink-100: #fff5f7;--cpd-color-fuchsia-1400: #32004a;--cpd-color-fuchsia-1300: #3b0053;--cpd-color-fuchsia-1200: #52026c;--cpd-color-fuchsia-1100: #5c0f76;--cpd-color-fuchsia-1000: #6c1785;--cpd-color-fuchsia-900: #781c90;--cpd-color-fuchsia-800: #b937c6;--cpd-color-fuchsia-700: #cb68d4;--cpd-color-fuchsia-600: #db93e1;--cpd-color-fuchsia-500: #e7b2ea;--cpd-color-fuchsia-400: #f1d2f3;--cpd-color-fuchsia-300: #f6dff7;--cpd-color-fuchsia-200: #faeefb;--cpd-color-fuchsia-100: #fcf5fd;--cpd-color-purple-1400: #1f0062;--cpd-color-purple-1300: #240070;--cpd-color-purple-1200: #360094;--cpd-color-purple-1100: #4200a6;--cpd-color-purple-1000: #4f0dba;--cpd-color-purple-900: #571cc4;--cpd-color-purple-800: #824ef9;--cpd-color-purple-700: #9778fe;--cpd-color-purple-600: #b1a0ff;--cpd-color-purple-500: #c5bbff;--cpd-color-purple-400: #ddd8ff;--cpd-color-purple-300: #e6e2ff;--cpd-color-purple-200: #f1efff;--cpd-color-purple-100: #f8f7ff;--cpd-color-blue-1400: #000c63;--cpd-color-blue-1300: #001569;--cpd-color-blue-1200: #03277b;--cpd-color-blue-1100: #043088;--cpd-color-blue-1000: #053b9a;--cpd-color-blue-900: #0543a7;--cpd-color-blue-800: #046ee8;--cpd-color-blue-700: #4a8ef0;--cpd-color-blue-600: #7eaff6;--cpd-color-blue-500: #a3c6fa;--cpd-color-blue-400: #c8ddfd;--cpd-color-blue-300: #d8e7fe;--cpd-color-blue-200: #e9f2ff;--cpd-color-blue-100: #f4f8ff;--cpd-color-cyan-1400: #00174d;--cpd-color-cyan-1300: #001e53;--cpd-color-cyan-1200: #002e64;--cpd-color-cyan-1100: #00376e;--cpd-color-cyan-1000: #00447b;--cpd-color-cyan-900: #004c84;--cpd-color-cyan-800: #007ab3;--cpd-color-cyan-700: #009ac3;--cpd-color-cyan-600: #15becf;--cpd-color-cyan-500: #76d1dd;--cpd-color-cyan-400: #b1e4eb;--cpd-color-cyan-300: #c7ecf0;--cpd-color-cyan-200: #e3f5f8;--cpd-color-cyan-100: #f1fafb;--cpd-color-green-1400: #00210f;--cpd-color-green-1300: #002715;--cpd-color-green-1200: #003723;--cpd-color-green-1100: #00402b;--cpd-color-green-1000: #004d36;--cpd-color-green-900: #00553d;--cpd-color-green-800: #008268;--cpd-color-green-700: #00a27c;--cpd-color-green-600: #0bc491;--cpd-color-green-500: #71d7ae;--cpd-color-green-400: #afe8ce;--cpd-color-green-300: #c6eedb;--cpd-color-green-200: #e3f7ed;--cpd-color-green-100: #f1fbf6;--cpd-color-lime-1400: #002200;--cpd-color-lime-1300: #002900;--cpd-color-lime-1200: #003900;--cpd-color-lime-1100: #004200;--cpd-color-lime-1000: #004f00;--cpd-color-lime-900: #005700;--cpd-color-lime-800: #1f850f;--cpd-color-lime-700: #3aa31a;--cpd-color-lime-600: #54c424;--cpd-color-lime-500: #76db4c;--cpd-color-lime-400: #afeb9b;--cpd-color-lime-300: #c8f1ba;--cpd-color-lime-200: #e0f8d9;--cpd-color-lime-100: #f1fcee;--cpd-color-yellow-1400: #3f0500;--cpd-color-yellow-1300: #450c00;--cpd-color-yellow-1200: #571d00;--cpd-color-yellow-1100: #612600;--cpd-color-yellow-1000: #6e3100;--cpd-color-yellow-900: #773800;--cpd-color-yellow-800: #a76300;--cpd-color-yellow-700: #c38100;--cpd-color-yellow-600: #dea200;--cpd-color-yellow-500: #f1bd00;--cpd-color-yellow-400: #ffda49;--cpd-color-yellow-300: #ffe484;--cpd-color-yellow-200: #fff2c1;--cpd-color-yellow-100: #fff8e0;--cpd-color-orange-1400: #420000;--cpd-color-orange-1300: #4c0000;--cpd-color-orange-1200: #670000;--cpd-color-orange-1100: #770000;--cpd-color-orange-1000: #890800;--cpd-color-orange-900: #931700;--cpd-color-orange-800: #c44d00;--cpd-color-orange-700: #e26e00;--cpd-color-orange-600: #f89440;--cpd-color-orange-500: #fdb37c;--cpd-color-orange-400: #ffd4b5;--cpd-color-orange-300: #ffdfc8;--cpd-color-orange-200: #ffefe4;--cpd-color-orange-100: #fff6ef;--cpd-color-red-1400: #420000;--cpd-color-red-1300: #4c0000;--cpd-color-red-1200: #670000;--cpd-color-red-1100: #770000;--cpd-color-red-1000: #8b000c;--cpd-color-red-900: #99001a;--cpd-color-red-800: #e11e2a;--cpd-color-red-700: #ff4e49;--cpd-color-red-600: #ff8c81;--cpd-color-red-500: #ffafa5;--cpd-color-red-400: #ffd1ca;--cpd-color-red-300: #ffdfda;--cpd-color-red-200: #ffefec;--cpd-color-red-100: #fff7f6;--cpd-color-gray-1400: #1a1c21;--cpd-color-gray-1300: #1f2126;--cpd-color-gray-1200: #2d3034;--cpd-color-gray-1100: #35383d;--cpd-color-gray-1000: #3f4248;--cpd-color-gray-900: #474a51;--cpd-color-gray-800: #6c737e;--cpd-color-gray-700: #878f9b;--cpd-color-gray-600: #a6adb7;--cpd-color-gray-500: #bdc4cc;--cpd-color-gray-400: #d7dce3;--cpd-color-gray-300: #e1e6ec;--cpd-color-gray-200: #f0f2f5;--cpd-color-gray-100: #f7f9fa;--cpd-color-theme-bg: #ffffff}}}@media screen{@layer cpd-semantic{.cpd-theme-light-hc.cpd-theme-light-hc{--cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);--cpd-color-bg-canvas-default-level-1: var(--cpd-color-theme-bg)}}}@media screen and (prefers-color-scheme: light) and (prefers-contrast: more){@layer cpd-semantic{:root{--cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);--cpd-color-bg-canvas-default-level-1: var(--cpd-color-theme-bg)}}}@media screen{@layer cpd-base{.cpd-theme-dark.cpd-theme-dark{--cpd-color-alpha-pink-1400: hsl(347, 100%, 96%, 1);--cpd-color-alpha-pink-1300: hsl(347, 100%, 91%, 1);--cpd-color-alpha-pink-1200: hsl(346, 100%, 84%, 1);--cpd-color-alpha-pink-1100: hsl(345, 98%, 76%, 1);--cpd-color-alpha-pink-1000: hsla(343, 100%, 70%, .98);--cpd-color-alpha-pink-900: hsla(340, 99%, 63%, .96);--cpd-color-alpha-pink-800: hsla(335, 99%, 55%, .8);--cpd-color-alpha-pink-700: hsla(334, 98%, 53%, .58);--cpd-color-alpha-pink-600: hsla(333, 97%, 50%, .46);--cpd-color-alpha-pink-500: hsl(330, 100%, 21%, 1);--cpd-color-alpha-pink-400: hsl(335, 100%, 17%, 1);--cpd-color-alpha-pink-300: hsl(339, 100%, 14%, 1);--cpd-color-alpha-pink-200: hsl(342, 100%, 12%, 1);--cpd-color-alpha-pink-100: hsl(344, 100%, 11%, 1);--cpd-color-alpha-fuchsia-1400: hsla(296, 90%, 96%, .98);--cpd-color-alpha-fuchsia-1300: hsla(296, 100%, 94%, .95);--cpd-color-alpha-fuchsia-1200: hsla(296, 97%, 88%, .91);--cpd-color-alpha-fuchsia-1100: hsla(297, 98%, 82%, .86);--cpd-color-alpha-fuchsia-1000: hsla(296, 98%, 78%, .83);--cpd-color-alpha-fuchsia-900: hsla(295, 97%, 72%, .8);--cpd-color-alpha-fuchsia-800: hsla(294, 98%, 63%, .71);--cpd-color-alpha-fuchsia-700: hsla(289, 99%, 59%, .54);--cpd-color-alpha-fuchsia-600: hsla(288, 100%, 56%, .44);--cpd-color-alpha-fuchsia-500: hsla(287, 100%, 52%, .38);--cpd-color-alpha-fuchsia-400: hsl(285, 100%, 18%, 1);--cpd-color-alpha-fuchsia-300: hsl(282, 100%, 15%, 1);--cpd-color-alpha-fuchsia-200: hsl(281, 100%, 13%, 1);--cpd-color-alpha-fuchsia-100: hsl(279, 100%, 12%, 1);--cpd-color-alpha-purple-1400: hsl(249, 100%, 96%, 1);--cpd-color-alpha-purple-1300: hsl(246, 100%, 93%, 1);--cpd-color-alpha-purple-1200: hsl(249, 100%, 87%, 1);--cpd-color-alpha-purple-1100: hsl(250, 98%, 80%, 1);--cpd-color-alpha-purple-1000: hsla(252, 98%, 77%, .99);--cpd-color-alpha-purple-900: hsla(254, 99%, 72%, .98);--cpd-color-alpha-purple-800: hsla(257, 100%, 65%, .92);--cpd-color-alpha-purple-700: hsla(260, 98%, 58%, .76);--cpd-color-alpha-purple-600: hsla(263, 98%, 52%, .67);--cpd-color-alpha-purple-500: hsl(263, 100%, 31%, 1);--cpd-color-alpha-purple-400: hsl(261, 100%, 25%, 1);--cpd-color-alpha-purple-300: hsl(259, 100%, 21%, 1);--cpd-color-alpha-purple-200: hsl(259, 100%, 18%, 1);--cpd-color-alpha-purple-100: hsl(258, 100%, 17%, 1);--cpd-color-alpha-blue-1400: hsl(217, 93%, 95%, 1);--cpd-color-alpha-blue-1300: hsla(216, 96%, 90%, .99);--cpd-color-alpha-blue-1200: hsla(216, 100%, 82%, .97);--cpd-color-alpha-blue-1100: hsla(215, 97%, 74%, .96);--cpd-color-alpha-blue-1000: hsla(216, 99%, 69%, .94);--cpd-color-alpha-blue-900: hsla(215, 98%, 63%, .92);--cpd-color-alpha-blue-800: hsla(214, 99%, 53%, .84);--cpd-color-alpha-blue-700: hsla(217, 99%, 51%, .64);--cpd-color-alpha-blue-600: hsla(219, 99%, 50%, .53);--cpd-color-alpha-blue-500: hsla(221, 100%, 37%, .63);--cpd-color-alpha-blue-400: hsl(224, 100%, 22%, 1);--cpd-color-alpha-blue-300: hsl(229, 100%, 20%, 1);--cpd-color-alpha-blue-200: hsl(234, 100%, 18%, 1);--cpd-color-alpha-blue-100: hsl(237, 100%, 18%, 1);--cpd-color-alpha-cyan-1400: hsla(187, 93%, 94%, .96);--cpd-color-alpha-cyan-1300: hsla(187, 93%, 89%, .92);--cpd-color-alpha-cyan-1200: hsla(187, 100%, 77%, .85);--cpd-color-alpha-cyan-1100: hsla(186, 98%, 57%, .79);--cpd-color-alpha-cyan-1000: hsla(189, 100%, 44%, .88);--cpd-color-alpha-cyan-900: hsl(194, 100%, 37%, 1);--cpd-color-alpha-cyan-800: hsla(200, 100%, 37%, .88);--cpd-color-alpha-cyan-700: hsl(204, 100%, 27%, 1);--cpd-color-alpha-cyan-600: hsl(208, 100%, 23%, 1);--cpd-color-alpha-cyan-500: hsl(210, 100%, 20%, 1);--cpd-color-alpha-cyan-400: hsl(215, 100%, 18%, 1);--cpd-color-alpha-cyan-300: hsl(219, 100%, 15%, 1);--cpd-color-alpha-cyan-200: hsl(223, 100%, 14%, 1);--cpd-color-alpha-cyan-100: hsl(225, 100%, 13%, 1);--cpd-color-alpha-green-1400: hsla(152, 88%, 94%, .96);--cpd-color-alpha-green-1300: hsla(152, 93%, 88%, .91);--cpd-color-alpha-green-1200: hsla(156, 97%, 76%, .83);--cpd-color-alpha-green-1100: hsla(162, 98%, 57%, .74);--cpd-color-alpha-green-1000: hsla(163, 99%, 55%, .65);--cpd-color-alpha-green-900: hsla(164, 98%, 53%, .58);--cpd-color-alpha-green-800: hsl(168, 100%, 24%, 1);--cpd-color-alpha-green-700: hsl(165, 100%, 18%, 1);--cpd-color-alpha-green-600: hsl(162, 100%, 14%, 1);--cpd-color-alpha-green-500: hsl(160, 100%, 12%, 1);--cpd-color-alpha-green-400: hsl(155, 100%, 9%, 1);--cpd-color-alpha-green-300: hsl(151, 100%, 7%, 1);--cpd-color-alpha-green-200: hsl(147, 100%, 6%, 1);--cpd-color-alpha-green-100: hsl(144, 100%, 6%, 1);--cpd-color-alpha-lime-1400: hsla(105, 91%, 92%, .97);--cpd-color-alpha-lime-1300: hsla(104, 100%, 84%, .92);--cpd-color-alpha-lime-1200: hsla(102, 100%, 68%, .84);--cpd-color-alpha-lime-1100: hsla(102, 98%, 60%, .74);--cpd-color-alpha-lime-1000: hsla(105, 97%, 58%, .66);--cpd-color-alpha-lime-900: hsla(107, 98%, 57%, .58);--cpd-color-alpha-lime-800: hsla(112, 98%, 52%, .45);--cpd-color-alpha-lime-700: hsl(120, 100%, 18%, 1);--cpd-color-alpha-lime-600: hsl(120, 100%, 15%, 1);--cpd-color-alpha-lime-500: hsl(120, 100%, 12%, 1);--cpd-color-alpha-lime-400: hsl(120, 100%, 9%, 1);--cpd-color-alpha-lime-300: hsl(120, 100%, 8%, 1);--cpd-color-alpha-lime-200: hsl(120, 100%, 6%, 1);--cpd-color-alpha-lime-100: hsl(120, 100%, 5%, 1);--cpd-color-alpha-yellow-1400: hsl(46, 100%, 85%, 1);--cpd-color-alpha-yellow-1300: hsl(47, 99%, 67%, 1);--cpd-color-alpha-yellow-1200: hsla(46, 98%, 52%, .94);--cpd-color-alpha-yellow-1100: hsl(44, 100%, 43%, 1);--cpd-color-alpha-yellow-1000: hsl(41, 100%, 40%, 1);--cpd-color-alpha-yellow-900: hsl(39, 100%, 37%, 1);--cpd-color-alpha-yellow-800: hsl(35, 100%, 31%, 1);--cpd-color-alpha-yellow-700: hsla(30, 100%, 26%, .92);--cpd-color-alpha-yellow-600: hsla(26, 100%, 23%, .87);--cpd-color-alpha-yellow-500: hsl(23, 100%, 18%, 1);--cpd-color-alpha-yellow-400: hsl(16, 100%, 15%, 1);--cpd-color-alpha-yellow-300: hsl(8, 100%, 13%, 1);--cpd-color-alpha-yellow-200: hsl(3, 100%, 11%, 1);--cpd-color-alpha-yellow-100: hsl(0, 100%, 11%, 1);--cpd-color-alpha-orange-1400: hsl(25, 100%, 93%, 1);--cpd-color-alpha-orange-1300: hsl(24, 100%, 86%, 1);--cpd-color-alpha-orange-1200: hsla(26, 97%, 75%, .99);--cpd-color-alpha-orange-1100: hsla(27, 98%, 62%, .97);--cpd-color-alpha-orange-1000: hsla(29, 99%, 53%, .92);--cpd-color-alpha-orange-900: hsla(26, 99%, 52%, .85);--cpd-color-alpha-orange-800: hsla(21, 100%, 50%, .71);--cpd-color-alpha-orange-700: hsla(12, 100%, 39%, .74);--cpd-color-alpha-orange-600: hsl(2, 100%, 26%, 1);--cpd-color-alpha-orange-500: hsl(0, 100%, 22%, 1);--cpd-color-alpha-orange-400: hsl(0, 100%, 17%, 1);--cpd-color-alpha-orange-300: hsl(0, 100%, 14%, 1);--cpd-color-alpha-orange-200: hsl(0, 100%, 12%, 1);--cpd-color-alpha-orange-100: hsl(0, 100%, 11%, 1);--cpd-color-alpha-red-1400: hsl(7, 100%, 95%, 1);--cpd-color-alpha-red-1300: hsl(8, 100%, 90%, 1);--cpd-color-alpha-red-1200: hsl(7, 100%, 82%, 1);--cpd-color-alpha-red-1100: hsl(5, 100%, 74%, 1);--cpd-color-alpha-red-1000: hsl(3, 100%, 68%, 1);--cpd-color-alpha-red-900: hsl(1, 98%, 61%, 1);--cpd-color-alpha-red-800: hsla(357, 99%, 57%, .81);--cpd-color-alpha-red-700: hsla(354, 99%, 52%, .6);--cpd-color-alpha-red-600: hsl(356, 100%, 26%, 1);--cpd-color-alpha-red-500: hsl(0, 100%, 22%, 1);--cpd-color-alpha-red-400: hsl(0, 100%, 18%, 1);--cpd-color-alpha-red-300: hsl(0, 100%, 14%, 1);--cpd-color-alpha-red-200: hsl(0, 100%, 12%, 1);--cpd-color-alpha-red-100: hsl(0, 100%, 11%, 1);--cpd-color-alpha-gray-1400: hsla(214, 78%, 98%, .95);--cpd-color-alpha-gray-1300: hsla(213, 73%, 97%, .89);--cpd-color-alpha-gray-1200: hsla(215, 74%, 96%, .79);--cpd-color-alpha-gray-1100: hsla(215, 92%, 95%, .68);--cpd-color-alpha-gray-1000: hsla(213, 93%, 94%, .61);--cpd-color-alpha-gray-900: hsla(211, 94%, 94%, .54);--cpd-color-alpha-gray-800: hsla(216, 100%, 94%, .41);--cpd-color-alpha-gray-700: hsla(213, 85%, 95%, .27);--cpd-color-alpha-gray-600: hsla(225, 46%, 95%, .2);--cpd-color-alpha-gray-500: hsla(214, 41%, 97%, .15);--cpd-color-alpha-gray-400: hsla(270, 37%, 93%, .1);--cpd-color-alpha-gray-300: hsla(280, 41%, 90%, .06);--cpd-color-alpha-gray-200: hsla(286, 31%, 82%, .04);--cpd-color-alpha-gray-100: hsla(214, 10%, 86%, .02);--cpd-color-pink-1400: #ffe8ed;--cpd-color-pink-1300: #ffd2dc;--cpd-color-pink-1200: #ffabbe;--cpd-color-pink-1100: #fe84a2;--cpd-color-pink-1000: #fa658f;--cpd-color-pink-900: #f4427d;--cpd-color-pink-800: #ce1865;--cpd-color-pink-700: #99114f;--cpd-color-pink-600: #7c0c41;--cpd-color-pink-500: #6d0036;--cpd-color-pink-400: #550024;--cpd-color-pink-300: #450018;--cpd-color-pink-200: #3c0012;--cpd-color-pink-100: #37000f;--cpd-color-fuchsia-1400: #f8e9f9;--cpd-color-fuchsia-1300: #f1d4f3;--cpd-color-fuchsia-1200: #e5b1e9;--cpd-color-fuchsia-1100: #d991de;--cpd-color-fuchsia-1000: #cf78d7;--cpd-color-fuchsia-900: #c560cf;--cpd-color-fuchsia-800: #aa36ba;--cpd-color-fuchsia-700: #7d2394;--cpd-color-fuchsia-600: #65177d;--cpd-color-fuchsia-500: #560f6f;--cpd-color-fuchsia-400: #46005e;--cpd-color-fuchsia-300: #37004e;--cpd-color-fuchsia-200: #2e0044;--cpd-color-fuchsia-100: #28003d;--cpd-color-purple-1400: #eeebff;--cpd-color-purple-1300: #dedaff;--cpd-color-purple-1200: #c4baff;--cpd-color-purple-1100: #ad9cfe;--cpd-color-purple-1000: #9e87fc;--cpd-color-purple-900: #9171f9;--cpd-color-purple-800: #7849ec;--cpd-color-purple-700: #5a27c6;--cpd-color-purple-600: #4a0db1;--cpd-color-purple-500: #3d009e;--cpd-color-purple-400: #2c0080;--cpd-color-purple-300: #22006a;--cpd-color-purple-200: #1c005a;--cpd-color-purple-100: #1a0055;--cpd-color-blue-1400: #e4eefe;--cpd-color-blue-1300: #cbdffc;--cpd-color-blue-1200: #a1c4f8;--cpd-color-blue-1100: #7aacf4;--cpd-color-blue-1000: #5e99f0;--cpd-color-blue-900: #4187eb;--cpd-color-blue-800: #0e67d9;--cpd-color-blue-700: #0b49ab;--cpd-color-blue-600: #083891;--cpd-color-blue-500: #062d80;--cpd-color-blue-400: #001e6f;--cpd-color-blue-300: #001264;--cpd-color-blue-200: #00095d;--cpd-color-blue-100: #00055a;--cpd-color-cyan-1400: #dbf2f5;--cpd-color-cyan-1300: #b8e5eb;--cpd-color-cyan-1200: #78d0dc;--cpd-color-cyan-1100: #21bacd;--cpd-color-cyan-1000: #02a7c6;--cpd-color-cyan-900: #0093be;--cpd-color-cyan-800: #0271aa;--cpd-color-cyan-700: #005188;--cpd-color-cyan-600: #003f75;--cpd-color-cyan-500: #003468;--cpd-color-cyan-400: #002559;--cpd-color-cyan-300: #001b4e;--cpd-color-cyan-200: #001448;--cpd-color-cyan-100: #001144;--cpd-color-green-1400: #d9f4e7;--cpd-color-green-1300: #b5e8d1;--cpd-color-green-1200: #72d5ae;--cpd-color-green-1100: #1fc090;--cpd-color-green-1000: #17ac84;--cpd-color-green-900: #129a78;--cpd-color-green-800: #007a62;--cpd-color-green-700: #005a43;--cpd-color-green-600: #004832;--cpd-color-green-500: #003d29;--cpd-color-green-400: #002e1b;--cpd-color-green-300: #002513;--cpd-color-green-200: #001f0e;--cpd-color-green-100: #001c0b;--cpd-color-lime-1400: #daf6d0;--cpd-color-lime-1300: #b6eca3;--cpd-color-lime-1200: #77d94f;--cpd-color-lime-1100: #56c02c;--cpd-color-lime-1000: #47ad26;--cpd-color-lime-900: #389b20;--cpd-color-lime-800: #1d7c13;--cpd-color-lime-700: #005c00;--cpd-color-lime-600: #004a00;--cpd-color-lime-500: #003e00;--cpd-color-lime-400: #003000;--cpd-color-lime-300: #002600;--cpd-color-lime-200: #002000;--cpd-color-lime-100: #001b00;--cpd-color-yellow-1400: #ffedb1;--cpd-color-yellow-1300: #fedb58;--cpd-color-yellow-1200: #efbb0b;--cpd-color-yellow-1100: #db9f00;--cpd-color-yellow-1000: #cc8c00;--cpd-color-yellow-900: #bc7a00;--cpd-color-yellow-800: #9d5b00;--cpd-color-yellow-700: #7c3e02;--cpd-color-yellow-600: #682e03;--cpd-color-yellow-500: #5c2400;--cpd-color-yellow-400: #4c1400;--cpd-color-yellow-300: #410900;--cpd-color-yellow-200: #3a0300;--cpd-color-yellow-100: #360000;--cpd-color-orange-1400: #ffeadb;--cpd-color-orange-1300: #ffd5b9;--cpd-color-orange-1200: #fbb37e;--cpd-color-orange-1100: #f6913d;--cpd-color-orange-1000: #eb7a12;--cpd-color-orange-900: #da670d;--cpd-color-orange-800: #b94607;--cpd-color-orange-700: #972206;--cpd-color-orange-600: #830500;--cpd-color-orange-500: #710000;--cpd-color-orange-400: #580000;--cpd-color-orange-300: #470000;--cpd-color-orange-200: #3c0000;--cpd-color-orange-100: #380000;--cpd-color-red-1400: #ffe9e6;--cpd-color-red-1300: #ffd4cd;--cpd-color-red-1200: #ffaea4;--cpd-color-red-1100: #ff877c;--cpd-color-red-1000: #ff665d;--cpd-color-red-900: #fd3e3c;--cpd-color-red-800: #d1212a;--cpd-color-red-700: #9f0d1e;--cpd-color-red-600: #830009;--cpd-color-red-500: #710000;--cpd-color-red-400: #590000;--cpd-color-red-300: #470000;--cpd-color-red-200: #3e0000;--cpd-color-red-100: #370000;--cpd-color-gray-1400: #ebeef2;--cpd-color-gray-1300: #d9dee4;--cpd-color-gray-1200: #bdc3cc;--cpd-color-gray-1100: #a3aab4;--cpd-color-gray-1000: #9199a4;--cpd-color-gray-900: #808994;--cpd-color-gray-800: #656c76;--cpd-color-gray-700: #4a4f55;--cpd-color-gray-600: #3c3f44;--cpd-color-gray-500: #323539;--cpd-color-gray-400: #26282d;--cpd-color-gray-300: #1d1f24;--cpd-color-gray-200: #181a1f;--cpd-color-gray-100: #14171b;--cpd-color-theme-bg: #101317}}}@media screen and (prefers-color-scheme: dark){@layer cpd-base{:root{--cpd-color-alpha-pink-1400: hsl(347, 100%, 96%, 1);--cpd-color-alpha-pink-1300: hsl(347, 100%, 91%, 1);--cpd-color-alpha-pink-1200: hsl(346, 100%, 84%, 1);--cpd-color-alpha-pink-1100: hsl(345, 98%, 76%, 1);--cpd-color-alpha-pink-1000: hsla(343, 100%, 70%, .98);--cpd-color-alpha-pink-900: hsla(340, 99%, 63%, .96);--cpd-color-alpha-pink-800: hsla(335, 99%, 55%, .8);--cpd-color-alpha-pink-700: hsla(334, 98%, 53%, .58);--cpd-color-alpha-pink-600: hsla(333, 97%, 50%, .46);--cpd-color-alpha-pink-500: hsl(330, 100%, 21%, 1);--cpd-color-alpha-pink-400: hsl(335, 100%, 17%, 1);--cpd-color-alpha-pink-300: hsl(339, 100%, 14%, 1);--cpd-color-alpha-pink-200: hsl(342, 100%, 12%, 1);--cpd-color-alpha-pink-100: hsl(344, 100%, 11%, 1);--cpd-color-alpha-fuchsia-1400: hsla(296, 90%, 96%, .98);--cpd-color-alpha-fuchsia-1300: hsla(296, 100%, 94%, .95);--cpd-color-alpha-fuchsia-1200: hsla(296, 97%, 88%, .91);--cpd-color-alpha-fuchsia-1100: hsla(297, 98%, 82%, .86);--cpd-color-alpha-fuchsia-1000: hsla(296, 98%, 78%, .83);--cpd-color-alpha-fuchsia-900: hsla(295, 97%, 72%, .8);--cpd-color-alpha-fuchsia-800: hsla(294, 98%, 63%, .71);--cpd-color-alpha-fuchsia-700: hsla(289, 99%, 59%, .54);--cpd-color-alpha-fuchsia-600: hsla(288, 100%, 56%, .44);--cpd-color-alpha-fuchsia-500: hsla(287, 100%, 52%, .38);--cpd-color-alpha-fuchsia-400: hsl(285, 100%, 18%, 1);--cpd-color-alpha-fuchsia-300: hsl(282, 100%, 15%, 1);--cpd-color-alpha-fuchsia-200: hsl(281, 100%, 13%, 1);--cpd-color-alpha-fuchsia-100: hsl(279, 100%, 12%, 1);--cpd-color-alpha-purple-1400: hsl(249, 100%, 96%, 1);--cpd-color-alpha-purple-1300: hsl(246, 100%, 93%, 1);--cpd-color-alpha-purple-1200: hsl(249, 100%, 87%, 1);--cpd-color-alpha-purple-1100: hsl(250, 98%, 80%, 1);--cpd-color-alpha-purple-1000: hsla(252, 98%, 77%, .99);--cpd-color-alpha-purple-900: hsla(254, 99%, 72%, .98);--cpd-color-alpha-purple-800: hsla(257, 100%, 65%, .92);--cpd-color-alpha-purple-700: hsla(260, 98%, 58%, .76);--cpd-color-alpha-purple-600: hsla(263, 98%, 52%, .67);--cpd-color-alpha-purple-500: hsl(263, 100%, 31%, 1);--cpd-color-alpha-purple-400: hsl(261, 100%, 25%, 1);--cpd-color-alpha-purple-300: hsl(259, 100%, 21%, 1);--cpd-color-alpha-purple-200: hsl(259, 100%, 18%, 1);--cpd-color-alpha-purple-100: hsl(258, 100%, 17%, 1);--cpd-color-alpha-blue-1400: hsl(217, 93%, 95%, 1);--cpd-color-alpha-blue-1300: hsla(216, 96%, 90%, .99);--cpd-color-alpha-blue-1200: hsla(216, 100%, 82%, .97);--cpd-color-alpha-blue-1100: hsla(215, 97%, 74%, .96);--cpd-color-alpha-blue-1000: hsla(216, 99%, 69%, .94);--cpd-color-alpha-blue-900: hsla(215, 98%, 63%, .92);--cpd-color-alpha-blue-800: hsla(214, 99%, 53%, .84);--cpd-color-alpha-blue-700: hsla(217, 99%, 51%, .64);--cpd-color-alpha-blue-600: hsla(219, 99%, 50%, .53);--cpd-color-alpha-blue-500: hsla(221, 100%, 37%, .63);--cpd-color-alpha-blue-400: hsl(224, 100%, 22%, 1);--cpd-color-alpha-blue-300: hsl(229, 100%, 20%, 1);--cpd-color-alpha-blue-200: hsl(234, 100%, 18%, 1);--cpd-color-alpha-blue-100: hsl(237, 100%, 18%, 1);--cpd-color-alpha-cyan-1400: hsla(187, 93%, 94%, .96);--cpd-color-alpha-cyan-1300: hsla(187, 93%, 89%, .92);--cpd-color-alpha-cyan-1200: hsla(187, 100%, 77%, .85);--cpd-color-alpha-cyan-1100: hsla(186, 98%, 57%, .79);--cpd-color-alpha-cyan-1000: hsla(189, 100%, 44%, .88);--cpd-color-alpha-cyan-900: hsl(194, 100%, 37%, 1);--cpd-color-alpha-cyan-800: hsla(200, 100%, 37%, .88);--cpd-color-alpha-cyan-700: hsl(204, 100%, 27%, 1);--cpd-color-alpha-cyan-600: hsl(208, 100%, 23%, 1);--cpd-color-alpha-cyan-500: hsl(210, 100%, 20%, 1);--cpd-color-alpha-cyan-400: hsl(215, 100%, 18%, 1);--cpd-color-alpha-cyan-300: hsl(219, 100%, 15%, 1);--cpd-color-alpha-cyan-200: hsl(223, 100%, 14%, 1);--cpd-color-alpha-cyan-100: hsl(225, 100%, 13%, 1);--cpd-color-alpha-green-1400: hsla(152, 88%, 94%, .96);--cpd-color-alpha-green-1300: hsla(152, 93%, 88%, .91);--cpd-color-alpha-green-1200: hsla(156, 97%, 76%, .83);--cpd-color-alpha-green-1100: hsla(162, 98%, 57%, .74);--cpd-color-alpha-green-1000: hsla(163, 99%, 55%, .65);--cpd-color-alpha-green-900: hsla(164, 98%, 53%, .58);--cpd-color-alpha-green-800: hsl(168, 100%, 24%, 1);--cpd-color-alpha-green-700: hsl(165, 100%, 18%, 1);--cpd-color-alpha-green-600: hsl(162, 100%, 14%, 1);--cpd-color-alpha-green-500: hsl(160, 100%, 12%, 1);--cpd-color-alpha-green-400: hsl(155, 100%, 9%, 1);--cpd-color-alpha-green-300: hsl(151, 100%, 7%, 1);--cpd-color-alpha-green-200: hsl(147, 100%, 6%, 1);--cpd-color-alpha-green-100: hsl(144, 100%, 6%, 1);--cpd-color-alpha-lime-1400: hsla(105, 91%, 92%, .97);--cpd-color-alpha-lime-1300: hsla(104, 100%, 84%, .92);--cpd-color-alpha-lime-1200: hsla(102, 100%, 68%, .84);--cpd-color-alpha-lime-1100: hsla(102, 98%, 60%, .74);--cpd-color-alpha-lime-1000: hsla(105, 97%, 58%, .66);--cpd-color-alpha-lime-900: hsla(107, 98%, 57%, .58);--cpd-color-alpha-lime-800: hsla(112, 98%, 52%, .45);--cpd-color-alpha-lime-700: hsl(120, 100%, 18%, 1);--cpd-color-alpha-lime-600: hsl(120, 100%, 15%, 1);--cpd-color-alpha-lime-500: hsl(120, 100%, 12%, 1);--cpd-color-alpha-lime-400: hsl(120, 100%, 9%, 1);--cpd-color-alpha-lime-300: hsl(120, 100%, 8%, 1);--cpd-color-alpha-lime-200: hsl(120, 100%, 6%, 1);--cpd-color-alpha-lime-100: hsl(120, 100%, 5%, 1);--cpd-color-alpha-yellow-1400: hsl(46, 100%, 85%, 1);--cpd-color-alpha-yellow-1300: hsl(47, 99%, 67%, 1);--cpd-color-alpha-yellow-1200: hsla(46, 98%, 52%, .94);--cpd-color-alpha-yellow-1100: hsl(44, 100%, 43%, 1);--cpd-color-alpha-yellow-1000: hsl(41, 100%, 40%, 1);--cpd-color-alpha-yellow-900: hsl(39, 100%, 37%, 1);--cpd-color-alpha-yellow-800: hsl(35, 100%, 31%, 1);--cpd-color-alpha-yellow-700: hsla(30, 100%, 26%, .92);--cpd-color-alpha-yellow-600: hsla(26, 100%, 23%, .87);--cpd-color-alpha-yellow-500: hsl(23, 100%, 18%, 1);--cpd-color-alpha-yellow-400: hsl(16, 100%, 15%, 1);--cpd-color-alpha-yellow-300: hsl(8, 100%, 13%, 1);--cpd-color-alpha-yellow-200: hsl(3, 100%, 11%, 1);--cpd-color-alpha-yellow-100: hsl(0, 100%, 11%, 1);--cpd-color-alpha-orange-1400: hsl(25, 100%, 93%, 1);--cpd-color-alpha-orange-1300: hsl(24, 100%, 86%, 1);--cpd-color-alpha-orange-1200: hsla(26, 97%, 75%, .99);--cpd-color-alpha-orange-1100: hsla(27, 98%, 62%, .97);--cpd-color-alpha-orange-1000: hsla(29, 99%, 53%, .92);--cpd-color-alpha-orange-900: hsla(26, 99%, 52%, .85);--cpd-color-alpha-orange-800: hsla(21, 100%, 50%, .71);--cpd-color-alpha-orange-700: hsla(12, 100%, 39%, .74);--cpd-color-alpha-orange-600: hsl(2, 100%, 26%, 1);--cpd-color-alpha-orange-500: hsl(0, 100%, 22%, 1);--cpd-color-alpha-orange-400: hsl(0, 100%, 17%, 1);--cpd-color-alpha-orange-300: hsl(0, 100%, 14%, 1);--cpd-color-alpha-orange-200: hsl(0, 100%, 12%, 1);--cpd-color-alpha-orange-100: hsl(0, 100%, 11%, 1);--cpd-color-alpha-red-1400: hsl(7, 100%, 95%, 1);--cpd-color-alpha-red-1300: hsl(8, 100%, 90%, 1);--cpd-color-alpha-red-1200: hsl(7, 100%, 82%, 1);--cpd-color-alpha-red-1100: hsl(5, 100%, 74%, 1);--cpd-color-alpha-red-1000: hsl(3, 100%, 68%, 1);--cpd-color-alpha-red-900: hsl(1, 98%, 61%, 1);--cpd-color-alpha-red-800: hsla(357, 99%, 57%, .81);--cpd-color-alpha-red-700: hsla(354, 99%, 52%, .6);--cpd-color-alpha-red-600: hsl(356, 100%, 26%, 1);--cpd-color-alpha-red-500: hsl(0, 100%, 22%, 1);--cpd-color-alpha-red-400: hsl(0, 100%, 18%, 1);--cpd-color-alpha-red-300: hsl(0, 100%, 14%, 1);--cpd-color-alpha-red-200: hsl(0, 100%, 12%, 1);--cpd-color-alpha-red-100: hsl(0, 100%, 11%, 1);--cpd-color-alpha-gray-1400: hsla(214, 78%, 98%, .95);--cpd-color-alpha-gray-1300: hsla(213, 73%, 97%, .89);--cpd-color-alpha-gray-1200: hsla(215, 74%, 96%, .79);--cpd-color-alpha-gray-1100: hsla(215, 92%, 95%, .68);--cpd-color-alpha-gray-1000: hsla(213, 93%, 94%, .61);--cpd-color-alpha-gray-900: hsla(211, 94%, 94%, .54);--cpd-color-alpha-gray-800: hsla(216, 100%, 94%, .41);--cpd-color-alpha-gray-700: hsla(213, 85%, 95%, .27);--cpd-color-alpha-gray-600: hsla(225, 46%, 95%, .2);--cpd-color-alpha-gray-500: hsla(214, 41%, 97%, .15);--cpd-color-alpha-gray-400: hsla(270, 37%, 93%, .1);--cpd-color-alpha-gray-300: hsla(280, 41%, 90%, .06);--cpd-color-alpha-gray-200: hsla(286, 31%, 82%, .04);--cpd-color-alpha-gray-100: hsla(214, 10%, 86%, .02);--cpd-color-pink-1400: #ffe8ed;--cpd-color-pink-1300: #ffd2dc;--cpd-color-pink-1200: #ffabbe;--cpd-color-pink-1100: #fe84a2;--cpd-color-pink-1000: #fa658f;--cpd-color-pink-900: #f4427d;--cpd-color-pink-800: #ce1865;--cpd-color-pink-700: #99114f;--cpd-color-pink-600: #7c0c41;--cpd-color-pink-500: #6d0036;--cpd-color-pink-400: #550024;--cpd-color-pink-300: #450018;--cpd-color-pink-200: #3c0012;--cpd-color-pink-100: #37000f;--cpd-color-fuchsia-1400: #f8e9f9;--cpd-color-fuchsia-1300: #f1d4f3;--cpd-color-fuchsia-1200: #e5b1e9;--cpd-color-fuchsia-1100: #d991de;--cpd-color-fuchsia-1000: #cf78d7;--cpd-color-fuchsia-900: #c560cf;--cpd-color-fuchsia-800: #aa36ba;--cpd-color-fuchsia-700: #7d2394;--cpd-color-fuchsia-600: #65177d;--cpd-color-fuchsia-500: #560f6f;--cpd-color-fuchsia-400: #46005e;--cpd-color-fuchsia-300: #37004e;--cpd-color-fuchsia-200: #2e0044;--cpd-color-fuchsia-100: #28003d;--cpd-color-purple-1400: #eeebff;--cpd-color-purple-1300: #dedaff;--cpd-color-purple-1200: #c4baff;--cpd-color-purple-1100: #ad9cfe;--cpd-color-purple-1000: #9e87fc;--cpd-color-purple-900: #9171f9;--cpd-color-purple-800: #7849ec;--cpd-color-purple-700: #5a27c6;--cpd-color-purple-600: #4a0db1;--cpd-color-purple-500: #3d009e;--cpd-color-purple-400: #2c0080;--cpd-color-purple-300: #22006a;--cpd-color-purple-200: #1c005a;--cpd-color-purple-100: #1a0055;--cpd-color-blue-1400: #e4eefe;--cpd-color-blue-1300: #cbdffc;--cpd-color-blue-1200: #a1c4f8;--cpd-color-blue-1100: #7aacf4;--cpd-color-blue-1000: #5e99f0;--cpd-color-blue-900: #4187eb;--cpd-color-blue-800: #0e67d9;--cpd-color-blue-700: #0b49ab;--cpd-color-blue-600: #083891;--cpd-color-blue-500: #062d80;--cpd-color-blue-400: #001e6f;--cpd-color-blue-300: #001264;--cpd-color-blue-200: #00095d;--cpd-color-blue-100: #00055a;--cpd-color-cyan-1400: #dbf2f5;--cpd-color-cyan-1300: #b8e5eb;--cpd-color-cyan-1200: #78d0dc;--cpd-color-cyan-1100: #21bacd;--cpd-color-cyan-1000: #02a7c6;--cpd-color-cyan-900: #0093be;--cpd-color-cyan-800: #0271aa;--cpd-color-cyan-700: #005188;--cpd-color-cyan-600: #003f75;--cpd-color-cyan-500: #003468;--cpd-color-cyan-400: #002559;--cpd-color-cyan-300: #001b4e;--cpd-color-cyan-200: #001448;--cpd-color-cyan-100: #001144;--cpd-color-green-1400: #d9f4e7;--cpd-color-green-1300: #b5e8d1;--cpd-color-green-1200: #72d5ae;--cpd-color-green-1100: #1fc090;--cpd-color-green-1000: #17ac84;--cpd-color-green-900: #129a78;--cpd-color-green-800: #007a62;--cpd-color-green-700: #005a43;--cpd-color-green-600: #004832;--cpd-color-green-500: #003d29;--cpd-color-green-400: #002e1b;--cpd-color-green-300: #002513;--cpd-color-green-200: #001f0e;--cpd-color-green-100: #001c0b;--cpd-color-lime-1400: #daf6d0;--cpd-color-lime-1300: #b6eca3;--cpd-color-lime-1200: #77d94f;--cpd-color-lime-1100: #56c02c;--cpd-color-lime-1000: #47ad26;--cpd-color-lime-900: #389b20;--cpd-color-lime-800: #1d7c13;--cpd-color-lime-700: #005c00;--cpd-color-lime-600: #004a00;--cpd-color-lime-500: #003e00;--cpd-color-lime-400: #003000;--cpd-color-lime-300: #002600;--cpd-color-lime-200: #002000;--cpd-color-lime-100: #001b00;--cpd-color-yellow-1400: #ffedb1;--cpd-color-yellow-1300: #fedb58;--cpd-color-yellow-1200: #efbb0b;--cpd-color-yellow-1100: #db9f00;--cpd-color-yellow-1000: #cc8c00;--cpd-color-yellow-900: #bc7a00;--cpd-color-yellow-800: #9d5b00;--cpd-color-yellow-700: #7c3e02;--cpd-color-yellow-600: #682e03;--cpd-color-yellow-500: #5c2400;--cpd-color-yellow-400: #4c1400;--cpd-color-yellow-300: #410900;--cpd-color-yellow-200: #3a0300;--cpd-color-yellow-100: #360000;--cpd-color-orange-1400: #ffeadb;--cpd-color-orange-1300: #ffd5b9;--cpd-color-orange-1200: #fbb37e;--cpd-color-orange-1100: #f6913d;--cpd-color-orange-1000: #eb7a12;--cpd-color-orange-900: #da670d;--cpd-color-orange-800: #b94607;--cpd-color-orange-700: #972206;--cpd-color-orange-600: #830500;--cpd-color-orange-500: #710000;--cpd-color-orange-400: #580000;--cpd-color-orange-300: #470000;--cpd-color-orange-200: #3c0000;--cpd-color-orange-100: #380000;--cpd-color-red-1400: #ffe9e6;--cpd-color-red-1300: #ffd4cd;--cpd-color-red-1200: #ffaea4;--cpd-color-red-1100: #ff877c;--cpd-color-red-1000: #ff665d;--cpd-color-red-900: #fd3e3c;--cpd-color-red-800: #d1212a;--cpd-color-red-700: #9f0d1e;--cpd-color-red-600: #830009;--cpd-color-red-500: #710000;--cpd-color-red-400: #590000;--cpd-color-red-300: #470000;--cpd-color-red-200: #3e0000;--cpd-color-red-100: #370000;--cpd-color-gray-1400: #ebeef2;--cpd-color-gray-1300: #d9dee4;--cpd-color-gray-1200: #bdc3cc;--cpd-color-gray-1100: #a3aab4;--cpd-color-gray-1000: #9199a4;--cpd-color-gray-900: #808994;--cpd-color-gray-800: #656c76;--cpd-color-gray-700: #4a4f55;--cpd-color-gray-600: #3c3f44;--cpd-color-gray-500: #323539;--cpd-color-gray-400: #26282d;--cpd-color-gray-300: #1d1f24;--cpd-color-gray-200: #181a1f;--cpd-color-gray-100: #14171b;--cpd-color-theme-bg: #101317}}}@media screen{@layer cpd-semantic{.cpd-theme-dark.cpd-theme-dark{--cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-theme-bg);--cpd-color-bg-canvas-default-level-1: var(--cpd-color-gray-300)}}}@media screen and (prefers-color-scheme: dark){@layer cpd-semantic{:root{--cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-theme-bg);--cpd-color-bg-canvas-default-level-1: var(--cpd-color-gray-300)}}}@media screen{@layer cpd-base{.cpd-theme-dark-hc.cpd-theme-dark-hc{--cpd-color-alpha-pink-1400: hsl(347, 100%, 97%, 1);--cpd-color-alpha-pink-1300: hsl(347, 100%, 96%, 1);--cpd-color-alpha-pink-1200: hsl(347, 100%, 90%, 1);--cpd-color-alpha-pink-1100: hsl(347, 100%, 87%, 1);--cpd-color-alpha-pink-1000: hsl(346, 100%, 82%, 1);--cpd-color-alpha-pink-900: hsl(346, 100%, 79%, 1);--cpd-color-alpha-pink-800: hsla(338, 98%, 58%, .95);--cpd-color-alpha-pink-700: hsla(335, 99%, 55%, .76);--cpd-color-alpha-pink-600: hsla(334, 98%, 53%, .58);--cpd-color-alpha-pink-500: hsla(333, 97%, 50%, .46);--cpd-color-alpha-pink-400: hsl(332, 100%, 19%, 1);--cpd-color-alpha-pink-300: hsl(335, 100%, 17%, 1);--cpd-color-alpha-pink-200: hsl(339, 100%, 14%, 1);--cpd-color-alpha-pink-100: hsl(342, 100%, 12%, 1);--cpd-color-alpha-fuchsia-1400: hsla(300, 71%, 97%, .99);--cpd-color-alpha-fuchsia-1300: hsla(296, 90%, 96%, .98);--cpd-color-alpha-fuchsia-1200: hsla(297, 95%, 92%, .95);--cpd-color-alpha-fuchsia-1100: hsla(296, 92%, 90%, .93);--cpd-color-alpha-fuchsia-1000: hsla(296, 97%, 87%, .9);--cpd-color-alpha-fuchsia-900: hsla(295, 100%, 85%, .88);--cpd-color-alpha-fuchsia-800: hsla(296, 99%, 70%, .78);--cpd-color-alpha-fuchsia-700: hsla(293, 97%, 62%, .68);--cpd-color-alpha-fuchsia-600: hsla(289, 99%, 59%, .54);--cpd-color-alpha-fuchsia-500: hsla(288, 100%, 56%, .44);--cpd-color-alpha-fuchsia-400: hsla(286, 100%, 23%, .85);--cpd-color-alpha-fuchsia-300: hsl(285, 100%, 18%, 1);--cpd-color-alpha-fuchsia-200: hsl(282, 100%, 15%, 1);--cpd-color-alpha-fuchsia-100: hsl(281, 100%, 13%, 1);--cpd-color-alpha-purple-1400: hsl(250, 100%, 98%, 1);--cpd-color-alpha-purple-1300: hsl(249, 100%, 96%, 1);--cpd-color-alpha-purple-1200: hsl(247, 100%, 92%, 1);--cpd-color-alpha-purple-1100: hsl(248, 100%, 89%, 1);--cpd-color-alpha-purple-1000: hsl(249, 100%, 86%, 1);--cpd-color-alpha-purple-900: hsl(250, 100%, 83%, 1);--cpd-color-alpha-purple-800: hsla(255, 100%, 71%, .97);--cpd-color-alpha-purple-700: hsla(258, 98%, 64%, .9);--cpd-color-alpha-purple-600: hsla(260, 98%, 58%, .76);--cpd-color-alpha-purple-500: hsla(263, 98%, 52%, .67);--cpd-color-alpha-purple-400: hsl(262, 100%, 28%, 1);--cpd-color-alpha-purple-300: hsl(261, 100%, 25%, 1);--cpd-color-alpha-purple-200: hsl(259, 100%, 21%, 1);--cpd-color-alpha-purple-100: hsl(259, 100%, 18%, 1);--cpd-color-alpha-blue-1400: hsl(216, 88%, 97%, 1);--cpd-color-alpha-blue-1300: hsl(217, 93%, 95%, 1);--cpd-color-alpha-blue-1200: hsla(216, 97%, 89%, .99);--cpd-color-alpha-blue-1100: hsla(216, 100%, 86%, .98);--cpd-color-alpha-blue-1000: hsla(216, 100%, 81%, .97);--cpd-color-alpha-blue-900: hsla(216, 97%, 77%, .97);--cpd-color-alpha-blue-800: hsla(215, 99%, 60%, .91);--cpd-color-alpha-blue-700: hsla(215, 98%, 52%, .81);--cpd-color-alpha-blue-600: hsla(217, 99%, 51%, .64);--cpd-color-alpha-blue-500: hsla(219, 99%, 50%, .53);--cpd-color-alpha-blue-400: hsla(222, 100%, 28%, .82);--cpd-color-alpha-blue-300: hsl(224, 100%, 22%, 1);--cpd-color-alpha-blue-200: hsl(229, 100%, 20%, 1);--cpd-color-alpha-blue-100: hsl(234, 100%, 18%, 1);--cpd-color-alpha-cyan-1400: hsla(187, 89%, 97%, .98);--cpd-color-alpha-cyan-1300: hsla(187, 93%, 94%, .96);--cpd-color-alpha-cyan-1200: hsla(188, 97%, 87%, .91);--cpd-color-alpha-cyan-1100: hsla(187, 98%, 82%, .88);--cpd-color-alpha-cyan-1000: hsla(187, 99%, 74%, .84);--cpd-color-alpha-cyan-900: hsla(186, 99%, 66%, .81);--cpd-color-alpha-cyan-800: hsl(195, 100%, 37%, 1);--cpd-color-alpha-cyan-700: hsl(200, 100%, 32%, 1);--cpd-color-alpha-cyan-600: hsl(204, 100%, 27%, 1);--cpd-color-alpha-cyan-500: hsl(208, 100%, 23%, 1);--cpd-color-alpha-cyan-400: hsl(212, 100%, 19%, 1);--cpd-color-alpha-cyan-300: hsl(215, 100%, 18%, 1);--cpd-color-alpha-cyan-200: hsl(219, 100%, 15%, 1);--cpd-color-alpha-cyan-100: hsl(223, 100%, 14%, 1);--cpd-color-alpha-green-1400: hsla(150, 80%, 96%, .98);--cpd-color-alpha-green-1300: hsla(152, 88%, 94%, .96);--cpd-color-alpha-green-1200: hsla(153, 94%, 87%, .9);--cpd-color-alpha-green-1100: hsla(154, 98%, 82%, .86);--cpd-color-alpha-green-1000: hsla(156, 100%, 73%, .81);--cpd-color-alpha-green-900: hsla(159, 97%, 62%, .78);--cpd-color-alpha-green-800: hsla(165, 98%, 53%, .54);--cpd-color-alpha-green-700: hsl(168, 100%, 23%, 1);--cpd-color-alpha-green-600: hsl(165, 100%, 18%, 1);--cpd-color-alpha-green-500: hsl(162, 100%, 14%, 1);--cpd-color-alpha-green-400: hsl(158, 100%, 11%, 1);--cpd-color-alpha-green-300: hsl(155, 100%, 9%, 1);--cpd-color-alpha-green-200: hsl(151, 100%, 7%, 1);--cpd-color-alpha-green-100: hsl(147, 100%, 6%, 1);--cpd-color-alpha-lime-1400: hsla(104, 92%, 95%, .98);--cpd-color-alpha-lime-1300: hsla(105, 91%, 92%, .97);--cpd-color-alpha-lime-1200: hsla(103, 98%, 83%, .91);--cpd-color-alpha-lime-1100: hsla(103, 97%, 75%, .88);--cpd-color-alpha-lime-1000: hsla(101, 99%, 62%, .83);--cpd-color-alpha-lime-900: hsla(101, 99%, 60%, .78);--cpd-color-alpha-lime-800: hsla(109, 99%, 57%, .55);--cpd-color-alpha-lime-700: hsla(114, 100%, 52%, .42);--cpd-color-alpha-lime-600: hsl(120, 100%, 18%, 1);--cpd-color-alpha-lime-500: hsl(120, 100%, 15%, 1);--cpd-color-alpha-lime-400: hsl(120, 100%, 11%, 1);--cpd-color-alpha-lime-300: hsl(120, 100%, 9%, 1);--cpd-color-alpha-lime-200: hsl(120, 100%, 8%, 1);--cpd-color-alpha-lime-100: hsl(120, 100%, 6%, 1);--cpd-color-alpha-yellow-1400: hsl(46, 100%, 91%, 1);--cpd-color-alpha-yellow-1300: hsl(46, 100%, 85%, 1);--cpd-color-alpha-yellow-1200: hsl(48, 99%, 60%, 1);--cpd-color-alpha-yellow-1100: hsla(48, 99%, 54%, .97);--cpd-color-alpha-yellow-1000: hsla(46, 99%, 51%, .92);--cpd-color-alpha-yellow-900: hsl(45, 100%, 45%, 1);--cpd-color-alpha-yellow-800: hsl(38, 100%, 35%, 1);--cpd-color-alpha-yellow-700: hsl(34, 100%, 30%, 1);--cpd-color-alpha-yellow-600: hsla(30, 100%, 26%, .92);--cpd-color-alpha-yellow-500: hsla(26, 100%, 23%, .87);--cpd-color-alpha-yellow-400: hsl(21, 100%, 17%, 1);--cpd-color-alpha-yellow-300: hsl(16, 100%, 15%, 1);--cpd-color-alpha-yellow-200: hsl(8, 100%, 13%, 1);--cpd-color-alpha-yellow-100: hsl(3, 100%, 11%, 1);--cpd-color-alpha-orange-1400: hsl(23, 100%, 96%, 1);--cpd-color-alpha-orange-1300: hsl(25, 100%, 93%, 1);--cpd-color-alpha-orange-1200: hsl(24, 98%, 85%, 1);--cpd-color-alpha-orange-1100: hsl(25, 96%, 79%, 1);--cpd-color-alpha-orange-1000: hsla(26, 100%, 73%, .98);--cpd-color-alpha-orange-900: hsla(26, 98%, 67%, .98);--cpd-color-alpha-orange-800: hsla(26, 99%, 51%, .81);--cpd-color-alpha-orange-700: hsla(20, 100%, 49%, .7);--cpd-color-alpha-orange-600: hsla(12, 100%, 39%, .74);--cpd-color-alpha-orange-500: hsl(2, 100%, 26%, 1);--cpd-color-alpha-orange-400: hsl(0, 100%, 20%, 1);--cpd-color-alpha-orange-300: hsl(0, 100%, 17%, 1);--cpd-color-alpha-orange-200: hsl(0, 100%, 14%, 1);--cpd-color-alpha-orange-100: hsl(0, 100%, 12%, 1);--cpd-color-alpha-red-1400: hsl(11, 100%, 97%, 1);--cpd-color-alpha-red-1300: hsl(7, 100%, 95%, 1);--cpd-color-alpha-red-1200: hsl(8, 100%, 89%, 1);--cpd-color-alpha-red-1100: hsl(6, 100%, 86%, 1);--cpd-color-alpha-red-1000: hsl(6, 100%, 81%, 1);--cpd-color-alpha-red-900: hsl(5, 100%, 78%, 1);--cpd-color-alpha-red-800: hsla(359, 100%, 59%, .96);--cpd-color-alpha-red-700: hsla(357, 100%, 57%, .77);--cpd-color-alpha-red-600: hsla(354, 99%, 52%, .6);--cpd-color-alpha-red-500: hsl(356, 100%, 26%, 1);--cpd-color-alpha-red-400: hsl(0, 100%, 20%, 1);--cpd-color-alpha-red-300: hsl(0, 100%, 18%, 1);--cpd-color-alpha-red-200: hsl(0, 100%, 14%, 1);--cpd-color-alpha-red-100: hsl(0, 100%, 12%, 1);--cpd-color-alpha-gray-1400: hsla(204, 71%, 99%, .97);--cpd-color-alpha-gray-1300: hsla(214, 78%, 98%, .95);--cpd-color-alpha-gray-1200: hsla(217, 77%, 97%, .88);--cpd-color-alpha-gray-1100: hsla(212, 100%, 97%, .82);--cpd-color-alpha-gray-1000: hsla(213, 100%, 97%, .76);--cpd-color-alpha-gray-900: hsla(211, 91%, 96%, .72);--cpd-color-alpha-gray-800: hsla(216, 94%, 93%, .51);--cpd-color-alpha-gray-700: hsla(214, 79%, 93%, .39);--cpd-color-alpha-gray-600: hsla(213, 85%, 95%, .27);--cpd-color-alpha-gray-500: hsla(225, 46%, 95%, .2);--cpd-color-alpha-gray-400: hsla(227, 29%, 91%, .13);--cpd-color-alpha-gray-300: hsla(270, 37%, 93%, .1);--cpd-color-alpha-gray-200: hsla(280, 41%, 90%, .06);--cpd-color-alpha-gray-100: hsla(286, 31%, 82%, .04);--cpd-color-pink-1400: #fff1f4;--cpd-color-pink-1300: #ffe8ed;--cpd-color-pink-1200: #ffccd7;--cpd-color-pink-1100: #ffbbca;--cpd-color-pink-1000: #ffa4b9;--cpd-color-pink-900: #ff92ac;--cpd-color-pink-800: #f12c75;--cpd-color-pink-700: #c51761;--cpd-color-pink-600: #99114f;--cpd-color-pink-500: #7c0c41;--cpd-color-pink-400: #61002d;--cpd-color-pink-300: #550024;--cpd-color-pink-200: #450018;--cpd-color-pink-100: #3c0012;--cpd-color-fuchsia-1400: #fbf1fb;--cpd-color-fuchsia-1300: #f8e9f9;--cpd-color-fuchsia-1200: #f0cff2;--cpd-color-fuchsia-1100: #eac0ed;--cpd-color-fuchsia-1000: #e3abe7;--cpd-color-fuchsia-900: #dd9de3;--cpd-color-fuchsia-800: #c153cb;--cpd-color-fuchsia-700: #a233b3;--cpd-color-fuchsia-600: #7d2394;--cpd-color-fuchsia-500: #65177d;--cpd-color-fuchsia-400: #4f0368;--cpd-color-fuchsia-300: #46005e;--cpd-color-fuchsia-200: #37004e;--cpd-color-fuchsia-100: #2e0044;--cpd-color-purple-1400: #f5f3ff;--cpd-color-purple-1300: #eeebff;--cpd-color-purple-1200: #dad5ff;--cpd-color-purple-1100: #cec7ff;--cpd-color-purple-1000: #c0b5ff;--cpd-color-purple-900: #b6a7ff;--cpd-color-purple-800: #8b66f8;--cpd-color-purple-700: #7343e6;--cpd-color-purple-600: #5a27c6;--cpd-color-purple-500: #4a0db1;--cpd-color-purple-400: #350090;--cpd-color-purple-300: #2c0080;--cpd-color-purple-200: #22006a;--cpd-color-purple-100: #1c005a;--cpd-color-blue-1400: #eff5fe;--cpd-color-blue-1300: #e4eefe;--cpd-color-blue-1200: #c5dbfc;--cpd-color-blue-1100: #b2cffa;--cpd-color-blue-1000: #9ac0f8;--cpd-color-blue-900: #89b5f6;--cpd-color-blue-800: #337fe9;--cpd-color-blue-700: #0e61d1;--cpd-color-blue-600: #0b49ab;--cpd-color-blue-500: #083891;--cpd-color-blue-400: #032677;--cpd-color-blue-300: #001e6f;--cpd-color-blue-200: #001264;--cpd-color-blue-100: #00095d;--cpd-color-cyan-1400: #eaf7f9;--cpd-color-cyan-1300: #dbf2f5;--cpd-color-cyan-1200: #afe2e9;--cpd-color-cyan-1100: #93d9e2;--cpd-color-cyan-1000: #6bccd9;--cpd-color-cyan-900: #46c3d2;--cpd-color-cyan-800: #008aba;--cpd-color-cyan-700: #006ca4;--cpd-color-cyan-600: #005188;--cpd-color-cyan-500: #003f75;--cpd-color-cyan-400: #002d61;--cpd-color-cyan-300: #002559;--cpd-color-cyan-200: #001b4e;--cpd-color-cyan-100: #001448;--cpd-color-green-1400: #e9f8f1;--cpd-color-green-1300: #d9f4e7;--cpd-color-green-1200: #ace6cc;--cpd-color-green-1100: #8fddbc;--cpd-color-green-1000: #61d2a6;--cpd-color-green-900: #37c998;--cpd-color-green-800: #109173;--cpd-color-green-700: #00745c;--cpd-color-green-600: #005a43;--cpd-color-green-500: #004832;--cpd-color-green-400: #003622;--cpd-color-green-300: #002e1b;--cpd-color-green-200: #002513;--cpd-color-green-100: #001f0e;--cpd-color-lime-1400: #e9f9e3;--cpd-color-lime-1300: #daf6d0;--cpd-color-lime-1200: #afe99a;--cpd-color-lime-1100: #92e175;--cpd-color-lime-1000: #6ad639;--cpd-color-lime-900: #5eca2f;--cpd-color-lime-800: #31941d;--cpd-color-lime-700: #187611;--cpd-color-lime-600: #005c00;--cpd-color-lime-500: #004a00;--cpd-color-lime-400: #003700;--cpd-color-lime-300: #003000;--cpd-color-lime-200: #002600;--cpd-color-lime-100: #002000;--cpd-color-yellow-1400: #fff4d0;--cpd-color-yellow-1300: #ffedb1;--cpd-color-yellow-1200: #fed632;--cpd-color-yellow-1100: #f7c816;--cpd-color-yellow-1000: #ebb607;--cpd-color-yellow-900: #e3aa00;--cpd-color-yellow-800: #b47200;--cpd-color-yellow-700: #985600;--cpd-color-yellow-600: #7c3e02;--cpd-color-yellow-500: #682e03;--cpd-color-yellow-400: #541d00;--cpd-color-yellow-300: #4c1400;--cpd-color-yellow-200: #410900;--cpd-color-yellow-100: #3a0300;--cpd-color-orange-1400: #fff2ea;--cpd-color-orange-1300: #ffeadb;--cpd-color-orange-1200: #fed0b1;--cpd-color-orange-1100: #fdc197;--cpd-color-orange-1000: #faad73;--cpd-color-orange-900: #f89d58;--cpd-color-orange-800: #d15f0b;--cpd-color-orange-700: #b44007;--cpd-color-orange-600: #972206;--cpd-color-orange-500: #830500;--cpd-color-orange-400: #650000;--cpd-color-orange-300: #580000;--cpd-color-orange-200: #470000;--cpd-color-orange-100: #3c0000;--cpd-color-red-1400: #fff2ef;--cpd-color-red-1300: #ffe9e6;--cpd-color-red-1200: #ffcfc8;--cpd-color-red-1100: #ffbdb5;--cpd-color-red-1000: #ffa79d;--cpd-color-red-900: #ff968c;--cpd-color-red-800: #f52f33;--cpd-color-red-700: #c81e28;--cpd-color-red-600: #9f0d1e;--cpd-color-red-500: #830009;--cpd-color-red-400: #640000;--cpd-color-red-300: #590000;--cpd-color-red-200: #470000;--cpd-color-red-100: #3e0000;--cpd-color-gray-1400: #f2f5f7;--cpd-color-gray-1300: #ebeef2;--cpd-color-gray-1200: #d5dae1;--cpd-color-gray-1100: #c8ced5;--cpd-color-gray-1000: #b8bfc7;--cpd-color-gray-900: #acb4bd;--cpd-color-gray-800: #79818d;--cpd-color-gray-700: #606770;--cpd-color-gray-600: #4a4f55;--cpd-color-gray-500: #3c3f44;--cpd-color-gray-400: #2b2e33;--cpd-color-gray-300: #26282d;--cpd-color-gray-200: #1d1f24;--cpd-color-gray-100: #181a1f;--cpd-color-theme-bg: #101317}}}@media screen and (prefers-color-scheme: dark) and (prefers-contrast: more){@layer cpd-base{:root{--cpd-color-alpha-pink-1400: hsl(347, 100%, 97%, 1);--cpd-color-alpha-pink-1300: hsl(347, 100%, 96%, 1);--cpd-color-alpha-pink-1200: hsl(347, 100%, 90%, 1);--cpd-color-alpha-pink-1100: hsl(347, 100%, 87%, 1);--cpd-color-alpha-pink-1000: hsl(346, 100%, 82%, 1);--cpd-color-alpha-pink-900: hsl(346, 100%, 79%, 1);--cpd-color-alpha-pink-800: hsla(338, 98%, 58%, .95);--cpd-color-alpha-pink-700: hsla(335, 99%, 55%, .76);--cpd-color-alpha-pink-600: hsla(334, 98%, 53%, .58);--cpd-color-alpha-pink-500: hsla(333, 97%, 50%, .46);--cpd-color-alpha-pink-400: hsl(332, 100%, 19%, 1);--cpd-color-alpha-pink-300: hsl(335, 100%, 17%, 1);--cpd-color-alpha-pink-200: hsl(339, 100%, 14%, 1);--cpd-color-alpha-pink-100: hsl(342, 100%, 12%, 1);--cpd-color-alpha-fuchsia-1400: hsla(300, 71%, 97%, .99);--cpd-color-alpha-fuchsia-1300: hsla(296, 90%, 96%, .98);--cpd-color-alpha-fuchsia-1200: hsla(297, 95%, 92%, .95);--cpd-color-alpha-fuchsia-1100: hsla(296, 92%, 90%, .93);--cpd-color-alpha-fuchsia-1000: hsla(296, 97%, 87%, .9);--cpd-color-alpha-fuchsia-900: hsla(295, 100%, 85%, .88);--cpd-color-alpha-fuchsia-800: hsla(296, 99%, 70%, .78);--cpd-color-alpha-fuchsia-700: hsla(293, 97%, 62%, .68);--cpd-color-alpha-fuchsia-600: hsla(289, 99%, 59%, .54);--cpd-color-alpha-fuchsia-500: hsla(288, 100%, 56%, .44);--cpd-color-alpha-fuchsia-400: hsla(286, 100%, 23%, .85);--cpd-color-alpha-fuchsia-300: hsl(285, 100%, 18%, 1);--cpd-color-alpha-fuchsia-200: hsl(282, 100%, 15%, 1);--cpd-color-alpha-fuchsia-100: hsl(281, 100%, 13%, 1);--cpd-color-alpha-purple-1400: hsl(250, 100%, 98%, 1);--cpd-color-alpha-purple-1300: hsl(249, 100%, 96%, 1);--cpd-color-alpha-purple-1200: hsl(247, 100%, 92%, 1);--cpd-color-alpha-purple-1100: hsl(248, 100%, 89%, 1);--cpd-color-alpha-purple-1000: hsl(249, 100%, 86%, 1);--cpd-color-alpha-purple-900: hsl(250, 100%, 83%, 1);--cpd-color-alpha-purple-800: hsla(255, 100%, 71%, .97);--cpd-color-alpha-purple-700: hsla(258, 98%, 64%, .9);--cpd-color-alpha-purple-600: hsla(260, 98%, 58%, .76);--cpd-color-alpha-purple-500: hsla(263, 98%, 52%, .67);--cpd-color-alpha-purple-400: hsl(262, 100%, 28%, 1);--cpd-color-alpha-purple-300: hsl(261, 100%, 25%, 1);--cpd-color-alpha-purple-200: hsl(259, 100%, 21%, 1);--cpd-color-alpha-purple-100: hsl(259, 100%, 18%, 1);--cpd-color-alpha-blue-1400: hsl(216, 88%, 97%, 1);--cpd-color-alpha-blue-1300: hsl(217, 93%, 95%, 1);--cpd-color-alpha-blue-1200: hsla(216, 97%, 89%, .99);--cpd-color-alpha-blue-1100: hsla(216, 100%, 86%, .98);--cpd-color-alpha-blue-1000: hsla(216, 100%, 81%, .97);--cpd-color-alpha-blue-900: hsla(216, 97%, 77%, .97);--cpd-color-alpha-blue-800: hsla(215, 99%, 60%, .91);--cpd-color-alpha-blue-700: hsla(215, 98%, 52%, .81);--cpd-color-alpha-blue-600: hsla(217, 99%, 51%, .64);--cpd-color-alpha-blue-500: hsla(219, 99%, 50%, .53);--cpd-color-alpha-blue-400: hsla(222, 100%, 28%, .82);--cpd-color-alpha-blue-300: hsl(224, 100%, 22%, 1);--cpd-color-alpha-blue-200: hsl(229, 100%, 20%, 1);--cpd-color-alpha-blue-100: hsl(234, 100%, 18%, 1);--cpd-color-alpha-cyan-1400: hsla(187, 89%, 97%, .98);--cpd-color-alpha-cyan-1300: hsla(187, 93%, 94%, .96);--cpd-color-alpha-cyan-1200: hsla(188, 97%, 87%, .91);--cpd-color-alpha-cyan-1100: hsla(187, 98%, 82%, .88);--cpd-color-alpha-cyan-1000: hsla(187, 99%, 74%, .84);--cpd-color-alpha-cyan-900: hsla(186, 99%, 66%, .81);--cpd-color-alpha-cyan-800: hsl(195, 100%, 37%, 1);--cpd-color-alpha-cyan-700: hsl(200, 100%, 32%, 1);--cpd-color-alpha-cyan-600: hsl(204, 100%, 27%, 1);--cpd-color-alpha-cyan-500: hsl(208, 100%, 23%, 1);--cpd-color-alpha-cyan-400: hsl(212, 100%, 19%, 1);--cpd-color-alpha-cyan-300: hsl(215, 100%, 18%, 1);--cpd-color-alpha-cyan-200: hsl(219, 100%, 15%, 1);--cpd-color-alpha-cyan-100: hsl(223, 100%, 14%, 1);--cpd-color-alpha-green-1400: hsla(150, 80%, 96%, .98);--cpd-color-alpha-green-1300: hsla(152, 88%, 94%, .96);--cpd-color-alpha-green-1200: hsla(153, 94%, 87%, .9);--cpd-color-alpha-green-1100: hsla(154, 98%, 82%, .86);--cpd-color-alpha-green-1000: hsla(156, 100%, 73%, .81);--cpd-color-alpha-green-900: hsla(159, 97%, 62%, .78);--cpd-color-alpha-green-800: hsla(165, 98%, 53%, .54);--cpd-color-alpha-green-700: hsl(168, 100%, 23%, 1);--cpd-color-alpha-green-600: hsl(165, 100%, 18%, 1);--cpd-color-alpha-green-500: hsl(162, 100%, 14%, 1);--cpd-color-alpha-green-400: hsl(158, 100%, 11%, 1);--cpd-color-alpha-green-300: hsl(155, 100%, 9%, 1);--cpd-color-alpha-green-200: hsl(151, 100%, 7%, 1);--cpd-color-alpha-green-100: hsl(147, 100%, 6%, 1);--cpd-color-alpha-lime-1400: hsla(104, 92%, 95%, .98);--cpd-color-alpha-lime-1300: hsla(105, 91%, 92%, .97);--cpd-color-alpha-lime-1200: hsla(103, 98%, 83%, .91);--cpd-color-alpha-lime-1100: hsla(103, 97%, 75%, .88);--cpd-color-alpha-lime-1000: hsla(101, 99%, 62%, .83);--cpd-color-alpha-lime-900: hsla(101, 99%, 60%, .78);--cpd-color-alpha-lime-800: hsla(109, 99%, 57%, .55);--cpd-color-alpha-lime-700: hsla(114, 100%, 52%, .42);--cpd-color-alpha-lime-600: hsl(120, 100%, 18%, 1);--cpd-color-alpha-lime-500: hsl(120, 100%, 15%, 1);--cpd-color-alpha-lime-400: hsl(120, 100%, 11%, 1);--cpd-color-alpha-lime-300: hsl(120, 100%, 9%, 1);--cpd-color-alpha-lime-200: hsl(120, 100%, 8%, 1);--cpd-color-alpha-lime-100: hsl(120, 100%, 6%, 1);--cpd-color-alpha-yellow-1400: hsl(46, 100%, 91%, 1);--cpd-color-alpha-yellow-1300: hsl(46, 100%, 85%, 1);--cpd-color-alpha-yellow-1200: hsl(48, 99%, 60%, 1);--cpd-color-alpha-yellow-1100: hsla(48, 99%, 54%, .97);--cpd-color-alpha-yellow-1000: hsla(46, 99%, 51%, .92);--cpd-color-alpha-yellow-900: hsl(45, 100%, 45%, 1);--cpd-color-alpha-yellow-800: hsl(38, 100%, 35%, 1);--cpd-color-alpha-yellow-700: hsl(34, 100%, 30%, 1);--cpd-color-alpha-yellow-600: hsla(30, 100%, 26%, .92);--cpd-color-alpha-yellow-500: hsla(26, 100%, 23%, .87);--cpd-color-alpha-yellow-400: hsl(21, 100%, 17%, 1);--cpd-color-alpha-yellow-300: hsl(16, 100%, 15%, 1);--cpd-color-alpha-yellow-200: hsl(8, 100%, 13%, 1);--cpd-color-alpha-yellow-100: hsl(3, 100%, 11%, 1);--cpd-color-alpha-orange-1400: hsl(23, 100%, 96%, 1);--cpd-color-alpha-orange-1300: hsl(25, 100%, 93%, 1);--cpd-color-alpha-orange-1200: hsl(24, 98%, 85%, 1);--cpd-color-alpha-orange-1100: hsl(25, 96%, 79%, 1);--cpd-color-alpha-orange-1000: hsla(26, 100%, 73%, .98);--cpd-color-alpha-orange-900: hsla(26, 98%, 67%, .98);--cpd-color-alpha-orange-800: hsla(26, 99%, 51%, .81);--cpd-color-alpha-orange-700: hsla(20, 100%, 49%, .7);--cpd-color-alpha-orange-600: hsla(12, 100%, 39%, .74);--cpd-color-alpha-orange-500: hsl(2, 100%, 26%, 1);--cpd-color-alpha-orange-400: hsl(0, 100%, 20%, 1);--cpd-color-alpha-orange-300: hsl(0, 100%, 17%, 1);--cpd-color-alpha-orange-200: hsl(0, 100%, 14%, 1);--cpd-color-alpha-orange-100: hsl(0, 100%, 12%, 1);--cpd-color-alpha-red-1400: hsl(11, 100%, 97%, 1);--cpd-color-alpha-red-1300: hsl(7, 100%, 95%, 1);--cpd-color-alpha-red-1200: hsl(8, 100%, 89%, 1);--cpd-color-alpha-red-1100: hsl(6, 100%, 86%, 1);--cpd-color-alpha-red-1000: hsl(6, 100%, 81%, 1);--cpd-color-alpha-red-900: hsl(5, 100%, 78%, 1);--cpd-color-alpha-red-800: hsla(359, 100%, 59%, .96);--cpd-color-alpha-red-700: hsla(357, 100%, 57%, .77);--cpd-color-alpha-red-600: hsla(354, 99%, 52%, .6);--cpd-color-alpha-red-500: hsl(356, 100%, 26%, 1);--cpd-color-alpha-red-400: hsl(0, 100%, 20%, 1);--cpd-color-alpha-red-300: hsl(0, 100%, 18%, 1);--cpd-color-alpha-red-200: hsl(0, 100%, 14%, 1);--cpd-color-alpha-red-100: hsl(0, 100%, 12%, 1);--cpd-color-alpha-gray-1400: hsla(204, 71%, 99%, .97);--cpd-color-alpha-gray-1300: hsla(214, 78%, 98%, .95);--cpd-color-alpha-gray-1200: hsla(217, 77%, 97%, .88);--cpd-color-alpha-gray-1100: hsla(212, 100%, 97%, .82);--cpd-color-alpha-gray-1000: hsla(213, 100%, 97%, .76);--cpd-color-alpha-gray-900: hsla(211, 91%, 96%, .72);--cpd-color-alpha-gray-800: hsla(216, 94%, 93%, .51);--cpd-color-alpha-gray-700: hsla(214, 79%, 93%, .39);--cpd-color-alpha-gray-600: hsla(213, 85%, 95%, .27);--cpd-color-alpha-gray-500: hsla(225, 46%, 95%, .2);--cpd-color-alpha-gray-400: hsla(227, 29%, 91%, .13);--cpd-color-alpha-gray-300: hsla(270, 37%, 93%, .1);--cpd-color-alpha-gray-200: hsla(280, 41%, 90%, .06);--cpd-color-alpha-gray-100: hsla(286, 31%, 82%, .04);--cpd-color-pink-1400: #fff1f4;--cpd-color-pink-1300: #ffe8ed;--cpd-color-pink-1200: #ffccd7;--cpd-color-pink-1100: #ffbbca;--cpd-color-pink-1000: #ffa4b9;--cpd-color-pink-900: #ff92ac;--cpd-color-pink-800: #f12c75;--cpd-color-pink-700: #c51761;--cpd-color-pink-600: #99114f;--cpd-color-pink-500: #7c0c41;--cpd-color-pink-400: #61002d;--cpd-color-pink-300: #550024;--cpd-color-pink-200: #450018;--cpd-color-pink-100: #3c0012;--cpd-color-fuchsia-1400: #fbf1fb;--cpd-color-fuchsia-1300: #f8e9f9;--cpd-color-fuchsia-1200: #f0cff2;--cpd-color-fuchsia-1100: #eac0ed;--cpd-color-fuchsia-1000: #e3abe7;--cpd-color-fuchsia-900: #dd9de3;--cpd-color-fuchsia-800: #c153cb;--cpd-color-fuchsia-700: #a233b3;--cpd-color-fuchsia-600: #7d2394;--cpd-color-fuchsia-500: #65177d;--cpd-color-fuchsia-400: #4f0368;--cpd-color-fuchsia-300: #46005e;--cpd-color-fuchsia-200: #37004e;--cpd-color-fuchsia-100: #2e0044;--cpd-color-purple-1400: #f5f3ff;--cpd-color-purple-1300: #eeebff;--cpd-color-purple-1200: #dad5ff;--cpd-color-purple-1100: #cec7ff;--cpd-color-purple-1000: #c0b5ff;--cpd-color-purple-900: #b6a7ff;--cpd-color-purple-800: #8b66f8;--cpd-color-purple-700: #7343e6;--cpd-color-purple-600: #5a27c6;--cpd-color-purple-500: #4a0db1;--cpd-color-purple-400: #350090;--cpd-color-purple-300: #2c0080;--cpd-color-purple-200: #22006a;--cpd-color-purple-100: #1c005a;--cpd-color-blue-1400: #eff5fe;--cpd-color-blue-1300: #e4eefe;--cpd-color-blue-1200: #c5dbfc;--cpd-color-blue-1100: #b2cffa;--cpd-color-blue-1000: #9ac0f8;--cpd-color-blue-900: #89b5f6;--cpd-color-blue-800: #337fe9;--cpd-color-blue-700: #0e61d1;--cpd-color-blue-600: #0b49ab;--cpd-color-blue-500: #083891;--cpd-color-blue-400: #032677;--cpd-color-blue-300: #001e6f;--cpd-color-blue-200: #001264;--cpd-color-blue-100: #00095d;--cpd-color-cyan-1400: #eaf7f9;--cpd-color-cyan-1300: #dbf2f5;--cpd-color-cyan-1200: #afe2e9;--cpd-color-cyan-1100: #93d9e2;--cpd-color-cyan-1000: #6bccd9;--cpd-color-cyan-900: #46c3d2;--cpd-color-cyan-800: #008aba;--cpd-color-cyan-700: #006ca4;--cpd-color-cyan-600: #005188;--cpd-color-cyan-500: #003f75;--cpd-color-cyan-400: #002d61;--cpd-color-cyan-300: #002559;--cpd-color-cyan-200: #001b4e;--cpd-color-cyan-100: #001448;--cpd-color-green-1400: #e9f8f1;--cpd-color-green-1300: #d9f4e7;--cpd-color-green-1200: #ace6cc;--cpd-color-green-1100: #8fddbc;--cpd-color-green-1000: #61d2a6;--cpd-color-green-900: #37c998;--cpd-color-green-800: #109173;--cpd-color-green-700: #00745c;--cpd-color-green-600: #005a43;--cpd-color-green-500: #004832;--cpd-color-green-400: #003622;--cpd-color-green-300: #002e1b;--cpd-color-green-200: #002513;--cpd-color-green-100: #001f0e;--cpd-color-lime-1400: #e9f9e3;--cpd-color-lime-1300: #daf6d0;--cpd-color-lime-1200: #afe99a;--cpd-color-lime-1100: #92e175;--cpd-color-lime-1000: #6ad639;--cpd-color-lime-900: #5eca2f;--cpd-color-lime-800: #31941d;--cpd-color-lime-700: #187611;--cpd-color-lime-600: #005c00;--cpd-color-lime-500: #004a00;--cpd-color-lime-400: #003700;--cpd-color-lime-300: #003000;--cpd-color-lime-200: #002600;--cpd-color-lime-100: #002000;--cpd-color-yellow-1400: #fff4d0;--cpd-color-yellow-1300: #ffedb1;--cpd-color-yellow-1200: #fed632;--cpd-color-yellow-1100: #f7c816;--cpd-color-yellow-1000: #ebb607;--cpd-color-yellow-900: #e3aa00;--cpd-color-yellow-800: #b47200;--cpd-color-yellow-700: #985600;--cpd-color-yellow-600: #7c3e02;--cpd-color-yellow-500: #682e03;--cpd-color-yellow-400: #541d00;--cpd-color-yellow-300: #4c1400;--cpd-color-yellow-200: #410900;--cpd-color-yellow-100: #3a0300;--cpd-color-orange-1400: #fff2ea;--cpd-color-orange-1300: #ffeadb;--cpd-color-orange-1200: #fed0b1;--cpd-color-orange-1100: #fdc197;--cpd-color-orange-1000: #faad73;--cpd-color-orange-900: #f89d58;--cpd-color-orange-800: #d15f0b;--cpd-color-orange-700: #b44007;--cpd-color-orange-600: #972206;--cpd-color-orange-500: #830500;--cpd-color-orange-400: #650000;--cpd-color-orange-300: #580000;--cpd-color-orange-200: #470000;--cpd-color-orange-100: #3c0000;--cpd-color-red-1400: #fff2ef;--cpd-color-red-1300: #ffe9e6;--cpd-color-red-1200: #ffcfc8;--cpd-color-red-1100: #ffbdb5;--cpd-color-red-1000: #ffa79d;--cpd-color-red-900: #ff968c;--cpd-color-red-800: #f52f33;--cpd-color-red-700: #c81e28;--cpd-color-red-600: #9f0d1e;--cpd-color-red-500: #830009;--cpd-color-red-400: #640000;--cpd-color-red-300: #590000;--cpd-color-red-200: #470000;--cpd-color-red-100: #3e0000;--cpd-color-gray-1400: #f2f5f7;--cpd-color-gray-1300: #ebeef2;--cpd-color-gray-1200: #d5dae1;--cpd-color-gray-1100: #c8ced5;--cpd-color-gray-1000: #b8bfc7;--cpd-color-gray-900: #acb4bd;--cpd-color-gray-800: #79818d;--cpd-color-gray-700: #606770;--cpd-color-gray-600: #4a4f55;--cpd-color-gray-500: #3c3f44;--cpd-color-gray-400: #2b2e33;--cpd-color-gray-300: #26282d;--cpd-color-gray-200: #1d1f24;--cpd-color-gray-100: #181a1f;--cpd-color-theme-bg: #101317}}}@media screen{@layer cpd-semantic{.cpd-theme-dark-hc.cpd-theme-dark-hc{--cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-theme-bg);--cpd-color-bg-canvas-default-level-1: var(--cpd-color-gray-300)}}}@media screen and (prefers-color-scheme: dark) and (prefers-contrast: more){@layer cpd-semantic{:root{--cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-theme-bg);--cpd-color-bg-canvas-default-level-1: var(--cpd-color-gray-300)}}}.docs-story{background:var(--cpd-color-bg-canvas-default)} diff --git a/assets/preview-csOr8s3g.js b/assets/preview-csOr8s3g.js deleted file mode 100644 index 38dc1156..00000000 --- a/assets/preview-csOr8s3g.js +++ /dev/null @@ -1 +0,0 @@ -import"./index-BP8_t0zE.js";/* empty css */const{useParameter:g,addons:S,useEffect:R,useMemo:I}=__STORYBOOK_MODULE_PREVIEW_API__;var f=Object.defineProperty,A=(e,t)=>{for(var r in t)f(e,r,{get:t[r],enumerable:!0})},O={};A(O,{initializeThemeState:()=>d,pluckThemeFromContext:()=>E,useThemeParameters:()=>T});var m="themes",k=`storybook/${m}`,M="theme",v={},L={REGISTER_THEMES:`${k}/REGISTER_THEMES`};function E({globals:e}){return e[M]||""}function T(){return g(m,v)}function d(e,t){S.getChannel().emit(L.REGISTER_THEMES,{defaultTheme:t,themes:e})}var P="html",l=e=>e.split(" ").filter(Boolean),b=({themes:e,defaultTheme:t,parentSelector:r=P})=>(d(Object.keys(e),t),(_,u)=>{let{themeOverride:s}=T(),o=E(u);return R(()=>{let c=s||o||t,a=document.querySelector(r);if(!a)return;Object.entries(e).filter(([h])=>h!==c).forEach(([h,p])=>{let i=l(p);i.length>0&&a.classList.remove(...i)});let n=l(e[c]);n.length>0&&a.classList.add(...n)},[s,o]),_()});const N={actions:{argTypesRegex:"^on[A-Z].*"},controls:{matchers:{color:/(background|color)$/i,date:/Date$/}},backgrounds:{disable:!0}},x=[b({themes:{light:"cpd-theme-light",dark:"cpd-theme-dark","light-high-contrast":"cpd-theme-light-hc","dark-high-contrast":"cpd-theme-dark-hc"},defaultTheme:"light"})],C=["autodocs"];export{x as decorators,N as parameters,C as tags}; diff --git a/assets/search-CSxMuxmN.js b/assets/search-CSxMuxmN.js new file mode 100644 index 00000000..b1ee8839 --- /dev/null +++ b/assets/search-CSxMuxmN.js @@ -0,0 +1 @@ +import{r as a}from"./index-BP8_t0zE.js";import{j as r}from"./jsx-runtime-CexXSJP5.js";function o(e,t){return r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",ref:t,...e,children:r.jsx("path",{d:"M15.05 16.463a7.5 7.5 0 1 1 1.414-1.414l3.243 3.244a1 1 0 0 1-1.414 1.414l-3.244-3.244ZM16 10.5a5.5 5.5 0 1 0-11 0 5.5 5.5 0 0 0 11 0Z"})})}o.displayName="SearchIcon";const n=a.forwardRef(o);export{n as S}; diff --git a/iframe.html b/iframe.html index ee23110e..4af95a70 100644 --- a/iframe.html +++ b/iframe.html @@ -513,7 +513,7 @@ window.global = window; - + diff --git a/project.json b/project.json index 0e252bcf..b6ff60ee 100644 --- a/project.json +++ b/project.json @@ -1 +1 @@ -{"generatedAt":1727899027731,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@playwright/test":"1.47.2","@testing-library/dom":"10.4.0","@testing-library/jest-dom":"6.5.0","@testing-library/react":"16.0.1","@testing-library/user-event":null,"@vitest/coverage-v8":"2.1.1","vitest":"2.1.1"},"packageManager":{"type":"yarn","version":"1.22.22"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":12,"storybookVersion":"8.3.4","storybookVersionSpecifier":"^8.1.1","language":"typescript","storybookPackages":{"@storybook/addon-a11y":{"version":"8.3.4"},"@storybook/manager-api":{"version":"8.3.4"},"@storybook/react":{"version":"8.3.4"},"@storybook/react-vite":{"version":"8.3.4"},"@storybook/test":{"version":"8.3.4"},"eslint-plugin-storybook":{"version":"0.9.0"},"storybook":{"version":"8.3.4"}},"addons":{"@storybook/addon-links":{"version":"8.3.4"},"@storybook/addon-essentials":{"version":"8.3.4"},"@storybook/addon-interactions":{"version":"8.3.4"},"@storybook/addon-designs":{"version":"8.0.3"},"@storybook/addon-themes":{"version":"8.3.4"}}} +{"generatedAt":1728294110085,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@playwright/test":"1.47.2","@testing-library/dom":"10.4.0","@testing-library/jest-dom":"6.5.0","@testing-library/react":"16.0.1","@testing-library/user-event":null,"@vitest/coverage-v8":"2.1.1","vitest":"2.1.1"},"packageManager":{"type":"yarn","version":"1.22.22"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":12,"storybookVersion":"8.3.4","storybookVersionSpecifier":"^8.1.1","language":"typescript","storybookPackages":{"@storybook/addon-a11y":{"version":"8.3.4"},"@storybook/manager-api":{"version":"8.3.4"},"@storybook/react":{"version":"8.3.4"},"@storybook/react-vite":{"version":"8.3.4"},"@storybook/test":{"version":"8.3.4"},"eslint-plugin-storybook":{"version":"0.9.0"},"storybook":{"version":"8.3.4"}},"addons":{"@storybook/addon-links":{"version":"8.3.4"},"@storybook/addon-essentials":{"version":"8.3.4"},"@storybook/addon-interactions":{"version":"8.3.4"},"@storybook/addon-designs":{"version":"8.0.3"},"@storybook/addon-themes":{"version":"8.3.4"}}}