diff --git a/assets/Action-CfxVqd4P.js b/assets/Action-BJniBKiJ.js similarity index 96% rename from assets/Action-CfxVqd4P.js rename to assets/Action-BJniBKiJ.js index 1b34de27..cbe0fdd1 100644 --- a/assets/Action-CfxVqd4P.js +++ b/assets/Action-BJniBKiJ.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{c as f}from"./index-C2KoGaFq.js";import{r as c}from"./index-Cu9bd8lq.js";import{T as h}from"./Text-TVAdXiC2.js";import{u as b}from"./useId-D5m2XpUu.js";import{a as g}from"./index-v5u6b-Nk.js";import{T as y}from"./Tooltip-BpTSfUbF.js";const _="_container_1qov4_17",x="_control_1qov4_22",C="_action_1qov4_33",a={container:_,control:x,action:C},i=c.forwardRef(function({Icon:n,className:o,actionLabel:r,onActionClick:u,...p},d){const l=b(),m=f(a.container,o);return e.jsxs("div",{className:m,id:l,children:[e.jsx(h,{ref:d,...p,className:a.control}),e.jsx(y,{label:r,children:e.jsx("button",{type:"button",className:a.action,onClick:u,"aria-controls":l,"aria-label":r,children:e.jsx(n,{"aria-hidden":!0})})})]})}),s=c.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-DoxjgJx5.js";import{c as f}from"./index-C2KoGaFq.js";import{r as c}from"./index-Cu9bd8lq.js";import{T as h}from"./Text-Cr8eyvvV.js";import{u as b}from"./useId-D5m2XpUu.js";import{a as g}from"./index-BEd8YfQ8.js";import{T as y}from"./Tooltip-BpTSfUbF.js";const _="_container_1qov4_17",x="_control_1qov4_22",C="_action_1qov4_33",a={container:_,control:x,action:C},i=c.forwardRef(function({Icon:n,className:o,actionLabel:r,onActionClick:u,...p},d){const l=b(),m=f(a.container,o);return e.jsxs("div",{className:m,id:l,children:[e.jsx(h,{ref:d,...p,className:a.control}),e.jsx(y,{label:r,children:e.jsx("button",{type:"button",className:a.action,onClick:u,"aria-controls":l,"aria-label":r,children:e.jsx(n,{"aria-hidden":!0})})})]})}),s=c.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. 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 For example on an in-place editing field diff --git a/assets/Action.stories-BPfHt80Z.js b/assets/Action.stories-D7xJ0Bqn.js similarity index 96% rename from assets/Action.stories-BPfHt80Z.js rename to assets/Action.stories-D7xJ0Bqn.js index 19a08415..e2c335ab 100644 --- a/assets/Action.stories-BPfHt80Z.js +++ b/assets/Action.stories-D7xJ0Bqn.js @@ -1,4 +1,4 @@ -import{j as m}from"./jsx-runtime-DoxjgJx5.js";import{S as c}from"./chat-Ce9sY079.js";import{S as d}from"./check-CXsFGzWm.js";import{S as u}from"./close-D55JIkKE.js";import{A as s}from"./Action-CfxVqd4P.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./Text-TVAdXiC2.js";import"./index-v5u6b-Nk.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./useId-D5m2XpUu.js";import"./Tooltip-BpTSfUbF.js";import"./floating-ui.react-D5UUZX8q.js";const i={chat:c,check:d,close:u},z={title:"Form/Controls/Action",component:s,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:p,...l})=>m.jsx(s,{"data-invalid":p||void 0,...l}),args:{placeholder:"",autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1,actionLabel:"Action",Icon:d}},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}},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:`{ +import{j as m}from"./jsx-runtime-DoxjgJx5.js";import{S as c}from"./chat-Ce9sY079.js";import{S as d}from"./check-CXsFGzWm.js";import{S as u}from"./close-D55JIkKE.js";import{A as s}from"./Action-BJniBKiJ.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./Text-Cr8eyvvV.js";import"./index-BEd8YfQ8.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./useId-D5m2XpUu.js";import"./Tooltip-BpTSfUbF.js";import"./floating-ui.react-D5UUZX8q.js";const i={chat:c,check:d,close:u},z={title:"Form/Controls/Action",component:s,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:p,...l})=>m.jsx(s,{"data-invalid":p||void 0,...l}),args:{placeholder:"",autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1,actionLabel:"Action",Icon:d}},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}},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", diff --git a/assets/ActionButton.stories-CMnveZuC.js b/assets/ActionButton.stories-CMnveZuC.js new file mode 100644 index 00000000..6d48f0a7 --- /dev/null +++ b/assets/ActionButton.stories-CMnveZuC.js @@ -0,0 +1,112 @@ +import{j as f}from"./jsx-runtime-DoxjgJx5.js";import{f as B}from"./index-B-6fpdcS.js";import{S as k}from"./check-CXsFGzWm.js";import{S as y}from"./close-D55JIkKE.js";import{S as C,a as v,b as h,c as O,d as E,e as z,f as V,g as b,h as M,i as T,j as x}from"./video-call-solid-DZxiZyaz.js";import{S as A}from"./search-CWkX64tk.js";import{S as F}from"./visibility-on-BrkRTjSX.js";import{B as U}from"./Button-BPkQI5Wr.js";import"./Alert-CONg58U6.js";import"./Avatar-D_h5K73j.js";import"./AvatarStack-zKeD_o_3.js";import"./Badge-DhRzaND9.js";import"./IconButton-Dd7bS9VQ.js";import"./Search-BJ_nckf7.js";import"./Text-DCibjNNg.js";import"./ContextMenu-ylWaAsgi.js";import"./Glass-CwZVZZDo.js";import"./Heading-Bj7GMP5j.js";import"./IndicatorIcon-iinDG_Nf.js";import"./Link-Do2tSqaM.js";import"./Menu-DkWI44PW.js";import"./MenuItem-DP321Nyr.js";import"./Separator-D0l5BZ7R.js";import"./ToggleMenuItem-DCiOs_QO.js";import{T as _}from"./Tooltip-BpTSfUbF.js";import"./ReleaseAnnouncement-DiJEEtE4.js";import"./Toast-DiTTZX7x.js";import"./Action-BJniBKiJ.js";import"./Password-BL0bK9Cg.js";import"./Text-Cr8eyvvV.js";import"./MFA-Bg-QQaLT.js";import"./Checkbox-UWXrg9ui.js";import"./Radio-DnV3u_Pm.js";import"./Toggle-CCZdSH3V.js";/* empty css */import"./index-Cu9bd8lq.js";import"./index-CVRyq5ci.js";import"./index-C2KoGaFq.js";import"./UnstyledButton-CUaD5tB8.js";import"./Typography-D-74lRMS.js";import"./index-BEd8YfQ8.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./InlineSpinner-CZEeBvQo.js";import"./useId-D5m2XpUu.js";import"./index-H3MR2rqV.js";import"./index-ChiipFpT.js";import"./FloatingMenu-BxFYcaYT.js";import"./DrawerMenu-BYj777Pr.js";import"./floating-ui.react-D5UUZX8q.js";const D=({label:L,...j})=>f.jsx(_,{label:L,children:f.jsx(U,{iconOnly:!0,...j})}),_r={title:"Button/Actions",component:D,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:["CheckIcon","CloseIcon","EditIcon","EndCallIcon","ExpandIcon","LinkIcon","MicOnSolidIcon","MicOffSolidIcon","SearchIcon","SettingsSolidIcon","ShareScreenSolidIcon","UserAddIcon","VideoCallOffSolidIcon","VideoCallSolidIcon","VisibilityOnIcon"],mapping:{CheckIcon:k,CloseIcon:y,EditIcon:C,EndCallIcon:v,ExpandIcon:h,LinkIcon:O,MicOnSolidIcon:E,MicOffSolidIcon:z,SearchIcon:A,SettingsSolidIcon:V,ShareScreenSolidIcon:b,UserAddIcon:M,VideoCallOffSolidIcon:T,VideoCallSolidIcon:x,VisibilityOnIcon:F},control:{type:"inline-radio"}},onClick:{action:"onClick"}},args:{label:"Action",size:"lg",as:"button",destructive:!1,disabled:!1,onClick:B()},controls:{exclude:["children"]}},r={args:{label:"Settings",kind:"secondary",Icon:V}},e={args:{label:"Copy link",kind:"secondary",Icon:O}},o={args:{label:"Turn video off",kind:"secondary",Icon:x}},n={args:{label:"Turn video on",kind:"primary",Icon:T}},a={args:{label:"Turn mic off",kind:"secondary",Icon:E}},s={args:{label:"Turn mic on",kind:"primary",Icon:z}},i={args:{label:"Share screen",kind:"secondary",Icon:b}},c={args:{label:"Stop sharing screen",kind:"primary",Icon:b}},t={args:{label:"Full screen",kind:"secondary",Icon:h}},l={args:{label:"End call",kind:"primary",destructive:!0,Icon:v}},d={args:{label:"Invite",kind:"primary",size:"sm",Icon:M}},m={args:{label:"Edit",kind:"primary",size:"sm",Icon:C}},p={args:{label:"Search",kind:"secondary",size:"sm",Icon:A}},S={args:{label:"Save",kind:"primary",size:"sm",Icon:k}},g={args:{label:"Save",kind:"primary",size:"sm",Icon:k,disabled:!0}},I={args:{label:"Cancel",kind:"secondary",size:"sm",Icon:y}},u={args:{label:"Close",kind:"secondary",size:"sm",Icon:y}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ + args: { + label: "Settings", + kind: "secondary", + Icon: SettingsSolidIcon + } +}`,...r.parameters?.docs?.source}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ + args: { + label: "Copy link", + kind: "secondary", + Icon: LinkIcon + } +}`,...e.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{ + args: { + label: "Turn video off", + kind: "secondary", + Icon: VideoCallSolidIcon + } +}`,...o.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{ + args: { + label: "Turn video on", + kind: "primary", + Icon: VideoCallOffSolidIcon + } +}`,...n.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{ + args: { + label: "Turn mic off", + kind: "secondary", + Icon: MicOnSolidIcon + } +}`,...a.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{ + args: { + label: "Turn mic on", + kind: "primary", + Icon: MicOffSolidIcon + } +}`,...s.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{ + args: { + label: "Share screen", + kind: "secondary", + Icon: ShareScreenSolidIcon + } +}`,...i.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{ + args: { + label: "Stop sharing screen", + kind: "primary", + Icon: ShareScreenSolidIcon + } +}`,...c.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{ + args: { + label: "Full screen", + kind: "secondary", + Icon: ExpandIcon + } +}`,...t.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{ + args: { + label: "End call", + kind: "primary", + destructive: true, + Icon: EndCallIcon + } +}`,...l.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{ + args: { + label: "Invite", + kind: "primary", + size: "sm", + Icon: UserAddIcon + } +}`,...d.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{ + args: { + label: "Edit", + kind: "primary", + size: "sm", + Icon: EditIcon + } +}`,...m.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{ + args: { + label: "Search", + kind: "secondary", + size: "sm", + Icon: SearchIcon + } +}`,...p.parameters?.docs?.source}}};S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{ + args: { + label: "Save", + kind: "primary", + size: "sm", + Icon: CheckIcon + } +}`,...S.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{ + args: { + label: "Save", + kind: "primary", + size: "sm", + Icon: CheckIcon, + disabled: true + } +}`,...g.parameters?.docs?.source}}};I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{ + args: { + label: "Cancel", + kind: "secondary", + size: "sm", + Icon: CloseIcon + } +}`,...I.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{ + args: { + label: "Close", + kind: "secondary", + size: "sm", + Icon: CloseIcon + } +}`,...u.parameters?.docs?.source}}};const Dr=["Settings","ShareLink","VideoOn","VideoOff","MicOn","MicOff","ShareScreen","SharingScreen","Fullscreen","EndCall","Invite","Edit","Search","Save","SaveDisabled","Cancel","Close"];export{I as Cancel,u as Close,m as Edit,l as EndCall,t as Fullscreen,d as Invite,s as MicOff,a as MicOn,S as Save,g as SaveDisabled,p as Search,r as Settings,e as ShareLink,i as ShareScreen,c as SharingScreen,n as VideoOff,o as VideoOn,Dr as __namedExportsOrder,_r as default}; diff --git a/assets/ActionButton.stories-LlaXkCf9.js b/assets/ActionButton.stories-LlaXkCf9.js deleted file mode 100644 index 2325fd6d..00000000 --- a/assets/ActionButton.stories-LlaXkCf9.js +++ /dev/null @@ -1,112 +0,0 @@ -import{j as k}from"./jsx-runtime-DoxjgJx5.js";import{f as L}from"./index-DRe3e4pb.js";import{S as b}from"./check-CXsFGzWm.js";import{S as v}from"./close-D55JIkKE.js";import{S as O,a as E,b as z,c as V,d as x,e as T,f as M,g as C,h as _,i as A,j as B}from"./video-call-solid-DZxiZyaz.js";import{S as j}from"./search-CWkX64tk.js";import{S as F}from"./visibility-on-BrkRTjSX.js";import{B as U}from"./Button-Yybe91ei.js";import"./Alert-81P7naaF.js";import"./Avatar-D_h5K73j.js";import"./AvatarStack-zKeD_o_3.js";import"./Badge-CYnSY-vQ.js";import"./IconButton-CsZgHCnM.js";import{T as D}from"./Text-BrcN_buA.js";import"./ContextMenu-_j10BUqe.js";import"./Glass-CwZVZZDo.js";import"./Heading-D0UD_l3r.js";import"./IndicatorIcon-CVdpdEcx.js";import"./Link-Do2tSqaM.js";import"./Menu-Hxy2XXUy.js";import"./MenuItem-CjxlTIiG.js";import"./Search-bB0NsJsW.js";import"./Separator-D9goDqil.js";import"./ToggleMenuItem-DZ351vNY.js";import{T as N}from"./Tooltip-BpTSfUbF.js";import"./ReleaseAnnouncement-DQLPk9rH.js";import"./Toast-DiTTZX7x.js";import"./Action-CfxVqd4P.js";import"./Password-Bqf2-XrK.js";import"./Text-TVAdXiC2.js";import"./MFA-BiNopdLu.js";import"./Checkbox-BFKq8D9k.js";import"./Radio-CcNQk_C6.js";import"./Toggle-C-uiCCLl.js";import"./EditInPlace-dUuUPAc0.js";import"./Submit-BiHaqEh9.js";/* empty css */import"./index-Cu9bd8lq.js";import"./index-CVRyq5ci.js";import"./index-C2KoGaFq.js";import"./UnstyledButton-CUaD5tB8.js";import"./error-YokBWoNX.js";import"./Typography-BcgMUEGb.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./index-H3MR2rqV.js";import"./index-ChiipFpT.js";import"./FloatingMenu-Eb22vTDs.js";import"./useId-D5m2XpUu.js";import"./DrawerMenu-BYj777Pr.js";import"./floating-ui.react-D5UUZX8q.js";import"./index-v5u6b-Nk.js";import"./InlineSpinner-CZEeBvQo.js";const h=({children:r,...f})=>k.jsx(D,{...f,children:r});try{h.displayName="Body",h.__docgenInfo={description:"",displayName:"Body",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}}}}}catch{}const q=({label:r,...f})=>k.jsx(N,{label:r,children:k.jsx(U,{iconOnly:!0,...f})}),wr={title:"Button/Actions",component:q,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:["CheckIcon","CloseIcon","EditIcon","EndCallIcon","ExpandIcon","LinkIcon","MicOnSolidIcon","MicOffSolidIcon","SearchIcon","SettingsSolidIcon","ShareScreenSolidIcon","UserAddIcon","VideoCallOffSolidIcon","VideoCallSolidIcon","VisibilityOnIcon"],mapping:{CheckIcon:b,CloseIcon:v,EditIcon:O,EndCallIcon:E,ExpandIcon:z,LinkIcon:V,MicOnSolidIcon:x,MicOffSolidIcon:T,SearchIcon:j,SettingsSolidIcon:M,ShareScreenSolidIcon:C,UserAddIcon:_,VideoCallOffSolidIcon:A,VideoCallSolidIcon:B,VisibilityOnIcon:F},control:{type:"inline-radio"}},onClick:{action:"onClick"}},args:{label:"Action",size:"lg",as:"button",destructive:!1,disabled:!1,onClick:L()},controls:{exclude:["children"]}},e={args:{label:"Settings",kind:"secondary",Icon:M}},o={args:{label:"Copy link",kind:"secondary",Icon:V}},n={args:{label:"Turn video off",kind:"secondary",Icon:B}},a={args:{label:"Turn video on",kind:"primary",Icon:A}},s={args:{label:"Turn mic off",kind:"secondary",Icon:x}},i={args:{label:"Turn mic on",kind:"primary",Icon:T}},c={args:{label:"Share screen",kind:"secondary",Icon:C}},t={args:{label:"Stop sharing screen",kind:"primary",Icon:C}},l={args:{label:"Full screen",kind:"secondary",Icon:z}},d={args:{label:"End call",kind:"primary",destructive:!0,Icon:E}},m={args:{label:"Invite",kind:"primary",size:"sm",Icon:_}},p={args:{label:"Edit",kind:"primary",size:"sm",Icon:O}},S={args:{label:"Search",kind:"secondary",size:"sm",Icon:j}},u={args:{label:"Save",kind:"primary",size:"sm",Icon:b}},g={args:{label:"Save",kind:"primary",size:"sm",Icon:b,disabled:!0}},I={args:{label:"Cancel",kind:"secondary",size:"sm",Icon:v}},y={args:{label:"Close",kind:"secondary",size:"sm",Icon:v}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ - args: { - label: "Settings", - kind: "secondary", - Icon: SettingsSolidIcon - } -}`,...e.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{ - args: { - label: "Copy link", - kind: "secondary", - Icon: LinkIcon - } -}`,...o.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{ - args: { - label: "Turn video off", - kind: "secondary", - Icon: VideoCallSolidIcon - } -}`,...n.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{ - args: { - label: "Turn video on", - kind: "primary", - Icon: VideoCallOffSolidIcon - } -}`,...a.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{ - args: { - label: "Turn mic off", - kind: "secondary", - Icon: MicOnSolidIcon - } -}`,...s.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{ - args: { - label: "Turn mic on", - kind: "primary", - Icon: MicOffSolidIcon - } -}`,...i.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{ - args: { - label: "Share screen", - kind: "secondary", - Icon: ShareScreenSolidIcon - } -}`,...c.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{ - args: { - label: "Stop sharing screen", - kind: "primary", - Icon: ShareScreenSolidIcon - } -}`,...t.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{ - args: { - label: "Full screen", - kind: "secondary", - Icon: ExpandIcon - } -}`,...l.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{ - args: { - label: "End call", - kind: "primary", - destructive: true, - Icon: EndCallIcon - } -}`,...d.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{ - args: { - label: "Invite", - kind: "primary", - size: "sm", - Icon: UserAddIcon - } -}`,...m.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{ - args: { - label: "Edit", - kind: "primary", - size: "sm", - Icon: EditIcon - } -}`,...p.parameters?.docs?.source}}};S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{ - args: { - label: "Search", - kind: "secondary", - size: "sm", - Icon: SearchIcon - } -}`,...S.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{ - args: { - label: "Save", - kind: "primary", - size: "sm", - Icon: CheckIcon - } -}`,...u.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{ - args: { - label: "Save", - kind: "primary", - size: "sm", - Icon: CheckIcon, - disabled: true - } -}`,...g.parameters?.docs?.source}}};I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{ - args: { - label: "Cancel", - kind: "secondary", - size: "sm", - Icon: CloseIcon - } -}`,...I.parameters?.docs?.source}}};y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{ - args: { - label: "Close", - kind: "secondary", - size: "sm", - Icon: CloseIcon - } -}`,...y.parameters?.docs?.source}}};const Gr=["Settings","ShareLink","VideoOn","VideoOff","MicOn","MicOff","ShareScreen","SharingScreen","Fullscreen","EndCall","Invite","Edit","Search","Save","SaveDisabled","Cancel","Close"];export{I as Cancel,y as Close,p as Edit,d as EndCall,l as Fullscreen,m as Invite,i as MicOff,s as MicOn,u as Save,g as SaveDisabled,S as Search,e as Settings,o as ShareLink,c as ShareScreen,t as SharingScreen,a as VideoOff,n as VideoOn,Gr as __namedExportsOrder,wr as default}; diff --git a/assets/Alert-81P7naaF.js b/assets/Alert-81P7naaF.js deleted file mode 100644 index 705cf896..00000000 --- a/assets/Alert-81P7naaF.js +++ /dev/null @@ -1,11 +0,0 @@ -import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{c as p}from"./index-C2KoGaFq.js";import{r as x}from"./index-Cu9bd8lq.js";import{S as f}from"./error-YokBWoNX.js";import{S as v}from"./close-D55JIkKE.js";import{T as l}from"./Text-BrcN_buA.js";import"./Button-Yybe91ei.js";import{I as g}from"./IconButton-CsZgHCnM.js";const _=t=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...t,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"})}),w=t=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...t,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"})]}),j="_alert_1bz08_19",A="_content_1bz08_46",C="_title_1bz08_57",y="_icon_1bz08_57",b="_actions_1bz08_73",s={alert:j,content:A,"text-content":"_text-content_1bz08_53",title:C,icon:y,actions:b},o=({type:t,title:i,children:r,className:m,actions:a,onClose:c,...d})=>{const h=p(s.alert,m),u=x.useCallback(n=>{switch(t){case"critical":return e.jsx(f,{...n});case"info":return e.jsx(w,{...n});case"success":return e.jsx(_,{...n})}},[t]);return e.jsxs("div",{...d,className:h,"data-type":t,children:[u({width:24,height:24,className:s.icon,"aria-hidden":!0}),e.jsxs("div",{className:s.content,children:[e.jsxs("div",{className:s["text-content"],children:[e.jsx(l,{size:"md",weight:"semibold",children:i}),e.jsx(l,{size:"sm",weight:"regular",children:r})]}),a&&e.jsx("div",{className:s.actions,children:a})]}),c&&e.jsx(g,{onClick:c,"aria-label":"Close",role:"button",className:s.close,children:e.jsx(v,{})})]})};try{o.displayName="Alert",o.__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:'"critical"'},{value:'"success"'},{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{o as A}; diff --git a/assets/Alert-CONg58U6.js b/assets/Alert-CONg58U6.js new file mode 100644 index 00000000..127b1e4a --- /dev/null +++ b/assets/Alert-CONg58U6.js @@ -0,0 +1,11 @@ +import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{c as p}from"./index-C2KoGaFq.js";import{r as x}from"./index-Cu9bd8lq.js";import{S as v}from"./close-D55JIkKE.js";import{T as l}from"./Text-DCibjNNg.js";import"./Button-BPkQI5Wr.js";import{I as g}from"./IconButton-Dd7bS9VQ.js";const f=t=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...t,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"})}),A=t=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...t,children:e.jsx("path",{d:"M12 17a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 16a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 15a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 16c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-4c.283 0 .52-.096.713-.287A.968.968 0 0 0 13 12V8a.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 8v4c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 9a9.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"})}),w=t=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...t,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"})]}),_="_alert_1bz08_19",j="_content_1bz08_46",C="_title_1bz08_57",y="_icon_1bz08_57",b="_actions_1bz08_73",s={alert:_,content:j,"text-content":"_text-content_1bz08_53",title:C,icon:y,actions:b},i=({type:t,title:o,children:r,className:m,actions:n,onClose:c,...d})=>{const h=p(s.alert,m),u=x.useCallback(a=>{switch(t){case"critical":return e.jsx(A,{...a});case"info":return e.jsx(w,{...a});case"success":return e.jsx(f,{...a})}},[t]);return e.jsxs("div",{...d,className:h,"data-type":t,children:[u({width:24,height:24,className:s.icon,"aria-hidden":!0}),e.jsxs("div",{className:s.content,children:[e.jsxs("div",{className:s["text-content"],children:[e.jsx(l,{size:"md",weight:"semibold",children:o}),e.jsx(l,{size:"sm",weight:"regular",children:r})]}),n&&e.jsx("div",{className:s.actions,children:n})]}),c&&e.jsx(g,{onClick:c,"aria-label":"Close",role:"button",className:s.close,children:e.jsx(v,{})})]})};try{i.displayName="Alert",i.__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{i as A,A as S}; diff --git a/assets/Alert.stories-BDzPlpo0.js b/assets/Alert.stories-BDzPlpo0.js deleted file mode 100644 index f0d0e8d7..00000000 --- a/assets/Alert.stories-BDzPlpo0.js +++ /dev/null @@ -1,29 +0,0 @@ -import{j as o}from"./jsx-runtime-DoxjgJx5.js";import{B as a}from"./Button-Yybe91ei.js";import{A as n}from"./Alert-81P7naaF.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./UnstyledButton-CUaD5tB8.js";import"./error-YokBWoNX.js";import"./close-D55JIkKE.js";import"./Text-BrcN_buA.js";import"./Typography-BcgMUEGb.js";import"./IconButton-CsZgHCnM.js";import"./IndicatorIcon-CVdpdEcx.js";import"./Tooltip-BpTSfUbF.js";import"./floating-ui.react-D5UUZX8q.js";import"./index-s2Ee__EW.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/Alert.stories-Ck71deHY.js b/assets/Alert.stories-Ck71deHY.js new file mode 100644 index 00000000..4bc4c7f1 --- /dev/null +++ b/assets/Alert.stories-Ck71deHY.js @@ -0,0 +1,29 @@ +import{j as o}from"./jsx-runtime-DoxjgJx5.js";import{B as a}from"./Button-BPkQI5Wr.js";import{A as n}from"./Alert-CONg58U6.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./UnstyledButton-CUaD5tB8.js";import"./close-D55JIkKE.js";import"./Text-DCibjNNg.js";import"./Typography-D-74lRMS.js";import"./IconButton-Dd7bS9VQ.js";import"./IndicatorIcon-iinDG_Nf.js";import"./Tooltip-BpTSfUbF.js";import"./floating-ui.react-D5UUZX8q.js";import"./index-s2Ee__EW.js";const b={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 v=["Success","Critical","Info","WithActions","WithoutClose"];export{t as Critical,i as Info,e as Success,s as WithActions,r as WithoutClose,v as __namedExportsOrder,b as default}; diff --git a/assets/Badge-CYnSY-vQ.js b/assets/Badge-DhRzaND9.js similarity index 76% rename from assets/Badge-CYnSY-vQ.js rename to assets/Badge-DhRzaND9.js index 16a6151c..77e0bdaf 100644 --- a/assets/Badge-CYnSY-vQ.js +++ b/assets/Badge-DhRzaND9.js @@ -1 +1 @@ -import{j as r}from"./jsx-runtime-DoxjgJx5.js";import{c as l}from"./index-C2KoGaFq.js";import{T as n}from"./Typography-BcgMUEGb.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:'"critical"'},{value:'"success"'}]}}}}}catch{}export{a as B}; +import{j as r}from"./jsx-runtime-DoxjgJx5.js";import{c as l}from"./index-C2KoGaFq.js";import{T as n}from"./Typography-D-74lRMS.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-C9kSY7pi.js b/assets/Badge.stories-DSWeLuoM.js similarity index 85% rename from assets/Badge.stories-C9kSY7pi.js rename to assets/Badge.stories-DSWeLuoM.js index e9faf04e..775ebd27 100644 --- a/assets/Badge.stories-C9kSY7pi.js +++ b/assets/Badge.stories-DSWeLuoM.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{B as t}from"./Badge-CYnSY-vQ.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./Typography-BcgMUEGb.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:`() => <> +import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{B as t}from"./Badge-DhRzaND9.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./Typography-D-74lRMS.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 diff --git a/assets/Button-Yybe91ei.js b/assets/Button-BPkQI5Wr.js similarity index 97% rename from assets/Button-Yybe91ei.js rename to assets/Button-BPkQI5Wr.js index 5968504d..2ecb043d 100644 --- a/assets/Button-Yybe91ei.js +++ b/assets/Button-BPkQI5Wr.js @@ -1,3 +1,3 @@ import{j as a}from"./jsx-runtime-DoxjgJx5.js";import{c as v}from"./index-C2KoGaFq.js";import{r as _}from"./index-Cu9bd8lq.js";import{U as V}from"./UnstyledButton-CUaD5tB8.js";const g="_button_zt6rp_17",k="_destructive_zt6rp_111",e={button:g,"icon-only":"_icon-only_zt6rp_54","has-icon":"_has-icon_zt6rp_61",destructive:k},i=_.forwardRef(function({as:o,kind:n="primary",size:r="lg",children:u,className:d,iconOnly:l,Icon:t,destructive:c,disabled:p,...m},b){const[y,f]=n==="destructive"?["secondary",!0]:[n,c],h=v(e.button,d,{[e["has-icon"]]:t,[e["icon-only"]]:l,[e.destructive]:f});return a.jsxs(V,{...m,as:o||"button",ref:b,className:h,"data-size":r,"data-kind":y,tabIndex:0,disabled:p,children:[t&&a.jsx(t,{width:20,height:20,className:e.icon,"aria-hidden":!0}),u]})});try{i.displayName="Button",i.__docgenInfo={description:"A button component that can be transformed into a link, but keep the button\nstyling using the `as` property.",displayName:"Button",props:{as:{defaultValue:null,description:"",name:"as",required:!0,type:{name:"ElementType"}},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:'"destructive"'},{value:'"tertiary"'}]}},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>"}},destructive:{defaultValue:{value:"false"},description:"Whether this button triggers a destructive action.",name:"destructive",required:!1,type:{name:"boolean"}},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"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref>"}}}}}catch{}export{i as B}; +conjunction with another button kind.`,name:"kind",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"destructive"'}]}},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>"}},destructive:{defaultValue:{value:"false"},description:"Whether this button triggers a destructive action.",name:"destructive",required:!1,type:{name:"boolean"}},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"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref>"}}}}}catch{}export{i as B}; diff --git a/assets/Button.stories-C4woFBBS.js b/assets/Button.stories-DWXk1T1o.js similarity index 97% rename from assets/Button.stories-C4woFBBS.js rename to assets/Button.stories-DWXk1T1o.js index 1f4c11d7..a4509a99 100644 --- a/assets/Button.stories-C4woFBBS.js +++ b/assets/Button.stories-DWXk1T1o.js @@ -1,4 +1,4 @@ -import{f as u}from"./index-DRe3e4pb.js";import{B as S}from"./Button-Yybe91ei.js";import{S as y}from"./check-CXsFGzWm.js";import{S as I}from"./close-D55JIkKE.js";import{S as f,a as v,b as k,c as b,d as h,e as C,f as O,g as D,h as V,i as E,j as z}from"./video-call-solid-DZxiZyaz.js";import{S as L}from"./search-CWkX64tk.js";import{S as g}from"./visibility-on-BrkRTjSX.js";import"./index-CVRyq5ci.js";import"./jsx-runtime-DoxjgJx5.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./UnstyledButton-CUaD5tB8.js";const F={title:"Button",component:S,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:["CheckIcon","CloseIcon","EditIcon","EndCallIcon","ExpandIcon","LinkIcon","MicOnSolidIcon","MicOffSolidIcon","SearchIcon","SettingsSolidIcon","ShareScreenSolidIcon","UserAddIcon","VideoCallOffSolidIcon","VideoCallSolidIcon","VisibilityOnIcon"],mapping:{CheckIcon:y,CloseIcon:I,EditIcon:f,EndCallIcon:v,ExpandIcon:k,LinkIcon:b,MicOnSolidIcon:h,MicOffSolidIcon:C,SearchIcon:L,SettingsSolidIcon:O,ShareScreenSolidIcon:D,UserAddIcon:V,VideoCallOffSolidIcon:E,VideoCallSolidIcon:z,VisibilityOnIcon:g},control:{type:"inline-radio"}},onClick:{action:"onClick"}},args:{size:"lg",as:void 0,destructive:!1,disabled:!1,children:"Click me!",onClick:u()}},a={args:{kind:void 0,size:void 0}},s={args:{kind:void 0,size:"sm"}},r={args:{kind:"primary"}},o={args:{kind:"primary",destructive:!0}},n={args:{kind:"secondary"}},i={args:{kind:"secondary",destructive:!0}},t={args:{kind:"tertiary"}},c={args:{kind:"tertiary",destructive:!0}},d={args:{...r.args,Icon:g}},l={args:{...r.args,size:"sm",Icon:g}},m={args:{...r.args,disabled:!0}},e={args:{...r.args,as:"a",href:"https://example.org"}},p={args:{...e.args,disabled:!0}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{ +import{f as u}from"./index-B-6fpdcS.js";import{B as S}from"./Button-BPkQI5Wr.js";import{S as y}from"./check-CXsFGzWm.js";import{S as I}from"./close-D55JIkKE.js";import{S as f,a as v,b as k,c as b,d as h,e as C,f as O,g as D,h as V,i as E,j as z}from"./video-call-solid-DZxiZyaz.js";import{S as L}from"./search-CWkX64tk.js";import{S as g}from"./visibility-on-BrkRTjSX.js";import"./index-CVRyq5ci.js";import"./jsx-runtime-DoxjgJx5.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./UnstyledButton-CUaD5tB8.js";const F={title:"Button",component:S,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:["CheckIcon","CloseIcon","EditIcon","EndCallIcon","ExpandIcon","LinkIcon","MicOnSolidIcon","MicOffSolidIcon","SearchIcon","SettingsSolidIcon","ShareScreenSolidIcon","UserAddIcon","VideoCallOffSolidIcon","VideoCallSolidIcon","VisibilityOnIcon"],mapping:{CheckIcon:y,CloseIcon:I,EditIcon:f,EndCallIcon:v,ExpandIcon:k,LinkIcon:b,MicOnSolidIcon:h,MicOffSolidIcon:C,SearchIcon:L,SettingsSolidIcon:O,ShareScreenSolidIcon:D,UserAddIcon:V,VideoCallOffSolidIcon:E,VideoCallSolidIcon:z,VisibilityOnIcon:g},control:{type:"inline-radio"}},onClick:{action:"onClick"}},args:{size:"lg",as:void 0,destructive:!1,disabled:!1,children:"Click me!",onClick:u()}},a={args:{kind:void 0,size:void 0}},s={args:{kind:void 0,size:"sm"}},r={args:{kind:"primary"}},o={args:{kind:"primary",destructive:!0}},n={args:{kind:"secondary"}},i={args:{kind:"secondary",destructive:!0}},t={args:{kind:"tertiary"}},c={args:{kind:"tertiary",destructive:!0}},d={args:{...r.args,Icon:g}},l={args:{...r.args,size:"sm",Icon:g}},m={args:{...r.args,disabled:!0}},e={args:{...r.args,as:"a",href:"https://example.org"}},p={args:{...e.args,disabled:!0}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{ args: { // test component defaults kind: undefined, diff --git a/assets/Checkbox-BFKq8D9k.js b/assets/Checkbox-UWXrg9ui.js similarity index 94% rename from assets/Checkbox-BFKq8D9k.js rename to assets/Checkbox-UWXrg9ui.js index d1cd6fbd..2592ad1f 100644 --- a/assets/Checkbox-BFKq8D9k.js +++ b/assets/Checkbox-UWXrg9ui.js @@ -1 +1 @@ -import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{c as p}from"./index-C2KoGaFq.js";import{r as c}from"./index-Cu9bd8lq.js";import{S as d}from"./check-CXsFGzWm.js";import{a as m}from"./index-v5u6b-Nk.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,...a},i){const l=p(r.container,s);return e.jsxs("div",{className:l,children:[e.jsx("input",{ref:i,className:r.input,...a,type:"checkbox"}),e.jsx("div",{className:r.ui,children:e.jsx(d,{"aria-hidden":!0})})]})}),n=c.forwardRef(function(s,a){return e.jsx(m,{asChild:!0,children:e.jsx(t,{ref:a,...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{n.displayName="CheckboxControl",n.__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,n as a}; +import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{c as p}from"./index-C2KoGaFq.js";import{r as c}from"./index-Cu9bd8lq.js";import{S as d}from"./check-CXsFGzWm.js";import{a as m}from"./index-BEd8YfQ8.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,...a},i){const l=p(r.container,s);return e.jsxs("div",{className:l,children:[e.jsx("input",{ref:i,className:r.input,...a,type:"checkbox"}),e.jsx("div",{className:r.ui,children:e.jsx(d,{"aria-hidden":!0})})]})}),n=c.forwardRef(function(s,a){return e.jsx(m,{asChild:!0,children:e.jsx(t,{ref:a,...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{n.displayName="CheckboxControl",n.__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,n as a}; diff --git a/assets/Checkbox.stories-DsHyvpaj.js b/assets/Checkbox.stories-CiyXa1Ul.js similarity index 96% rename from assets/Checkbox.stories-DsHyvpaj.js rename to assets/Checkbox.stories-CiyXa1Ul.js index 6e7e7ed0..2936f589 100644 --- a/assets/Checkbox.stories-DsHyvpaj.js +++ b/assets/Checkbox.stories-CiyXa1Ul.js @@ -1,4 +1,4 @@ -import{j as g}from"./jsx-runtime-DoxjgJx5.js";import{C as p}from"./Checkbox-BFKq8D9k.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./check-CXsFGzWm.js";import"./index-v5u6b-Nk.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";const v={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-DoxjgJx5.js";import{C as p}from"./Checkbox-UWXrg9ui.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./check-CXsFGzWm.js";import"./index-BEd8YfQ8.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";const v={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-PRSJMWNM-Bz9DXUad.js b/assets/Color-PRSJMWNM-_xA48aqY.js similarity index 99% rename from assets/Color-PRSJMWNM-Bz9DXUad.js rename to assets/Color-PRSJMWNM-_xA48aqY.js index 4562bcbe..4a8f6c25 100644 --- a/assets/Color-PRSJMWNM-Bz9DXUad.js +++ b/assets/Color-PRSJMWNM-_xA48aqY.js @@ -1 +1 @@ -import{n as C,d as ue,T as Me,F as Ce,M as $e,g as Oe}from"./DocsRenderer-K4EAMTCU-B5BGA1qs.js";import{a as h,r as m,g as fe}from"./index-Cu9bd8lq.js";import{_ as Ne,i as J,a as Ie}from"./_getPrototype-DpRPMK__.js";import"./iframe-DHUj8356.js";import"../sb-preview/runtime.js";import"./react-18-BhaibXFb.js";import"./index-s2Ee__EW.js";import"./index-Cmw95SmN.js";import"./index-ChiipFpT.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-DXimoRZY.js";import"./index-DrFu-skq.js";function $(){return($=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function K(e){var t=m.useRef(e),n=m.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var I=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(ne(o.current,p,s.current)):E(!1)},S=function(){return E(!1)};function E(p){var b=c.current,k=V(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&&(re(b),!function(R,T){return T&&!F(R)}(b,c.current)&&k)){if(F(b)){c.current=!0;var y=b.changedTouches||[];y.length&&(s.current=y[0].identifier)}k.focus(),a(ne(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"}))}),H=function(e){return e.filter(Boolean).join(" ")},ee=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=H(["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},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=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}},Te=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},je=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?Fe({h:Te(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}},Fe=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}},ze=function(e){return Pe(de(e))},he=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)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},B=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=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)}},He=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({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},Pe=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},ge=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}},me=h.memo(function(e){var t=e.hue,n=e.onChange,r=H(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Z,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:I(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":x(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(ee,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),be=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Z,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:I(t.s+100*o.left,0,100),v:I(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+x(t.s)+"%, Brightness "+x(t.v)+"%"},h.createElement(ee,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Le=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(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;ve(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 qe=typeof window<"u"?m.useLayoutEffect:m.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},oe=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!oe.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}`,oe.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},We=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,l=Q(e,["className","colorModel","color","onChange"]),s=m.useRef(null);xe(s);var c=ye(n,o,a),i=c[0],d=c[1],f=H(["react-colorful",t]);return h.createElement("div",$({},l,{ref:s,className:f}),h.createElement(be,{hsva:i,onChange:d}),h.createElement(me,{hue:i.h,onChange:d,className:"react-colorful__last-control"}))},Xe={defaultColor:"000",toHsva:Re,fromHsva:function(e){return ze({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},De=function(e){return h.createElement(We,$({},e,{colorModel:Xe}))},Ke=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=H(["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(Z,{onMove:function(s){r({a:s.left})},onKey:function(s){r({a:I(n.a+s.left)})},"aria-label":"Alpha","aria-valuetext":l+"%","aria-valuenow":l,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(ee,{className:"react-colorful__alpha-pointer",left:n.a,color:B(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,l=Q(e,["className","colorModel","color","onChange"]),s=m.useRef(null);xe(s);var c=ye(n,o,a),i=c[0],d=c[1],f=H(["react-colorful",t]);return h.createElement("div",$({},l,{ref:s,className:f}),h.createElement(be,{hsva:i,onChange:d}),h.createElement(me,{hue:i.h,onChange:d}),h.createElement(Ke,{hsva:i,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:je,fromHsva:B,equal:pe},Ae=function(e){return h.createElement(we,$({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:He,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,$({},e,{colorModel:Ge}))},Ye={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 z=Ye,ke={};for(const e of Object.keys(z))ke[z[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 _e=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 Je(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=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(z)){const a=z[o],l=Je(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 W=_e;function Qe(){const e={},t=Object.keys(W);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function lt(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{O[e]={},Object.defineProperty(O[e],"channels",{value:U[e].channels}),Object.defineProperty(O[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];O[e][r]=lt(o),O[e][r].raw=at(o)})});var st=O;const _=fe(st);var ct=Ne,it=function(){return ct.Date.now()},ut=it,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,mt=/^\s+/;function bt(e){return e&&e.slice(0,gt(e)+1).replace(mt,"")}var vt=bt,pt=vt,ae=J,yt=Ie,le=NaN,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return le;if(ae(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=ae(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?le:+e}var Mt=Et,Ct=J,D=ut,se=Mt,$t="Expected a function",Ot=Math.max,Nt=Math.min;function It(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($t);t=se(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?Ot(se(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function w(v){var M=r,j=o;return r=o=void 0,i=v,l=e.apply(j,M),l}function S(v){return i=v,s=setTimeout(b,t),d?w(v):l}function E(v){var M=v-c,j=v-i,te=t-M;return f?Nt(te,a-j):te}function p(v){var M=v-c,j=v-i;return c===void 0||M>=t||M<0||f&&j>=a}function b(){var v=D();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(D())}function T(){var v=D(),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 T.cancel=y,T.flush=R,T}var St=It,Rt=St,Tt=J,jt="Expected a function";function Ft(e,t,n){var r=!0,o=!0;if(typeof e!="function")throw new TypeError(jt);return Tt(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),Rt(e,t,{leading:r,maxWait:t,trailing:o})}var zt=Ft;const Ht=fe(zt);var Pt=C.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Lt=C(ue)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),qt=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"}}),Bt=C(Me)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Wt=C.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Xt=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})),Dt=`url('data:image/svg+xml;charset=utf-8,')`,ce=({value:e,style:t,...n})=>{let r=`linear-gradient(${e}, ${e}), ${Dt}, linear-gradient(#fff, #fff)`;return h.createElement(Xt,{...n,style:{...t,backgroundImage:r}})},Kt=C(Ce.Input)(({theme:e,readOnly:t})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Vt=C($e)(({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),At=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Gt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ut=/^\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,Yt=/^\s*#?([0-9a-f]{3})\s*$/i,Jt={hex:De,rgb:Ue,hsl:Ae},q={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ie=e=>{let t=e?.match(At);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},N=e=>{if(!e)return;let t=!0;if(Gt.test(e)){let[l,s,c,i]=ie(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(Ut.test(e)){let[l,s,c,i]=ie(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}},Qt=(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(Yt);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}`},Zt=(e,t)=>{let[n,r]=m.useState(e||""),[o,a]=m.useState(()=>N(n)),[l,s]=m.useState(o?.colorSpace||"hex");m.useEffect(()=>{let f=e||"",g=N(f);r(f),a(g),s(g?.colorSpace||"hex")},[e]);let c=m.useMemo(()=>Qt(n,o,l).toLowerCase(),[n,o,l]),i=m.useCallback(f=>{let g=N(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}},X=e=>e.replace(/\s*/,"").toLowerCase(),en=(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"?N(s):s.title?{...N(s.color),keyword:s.title}:N(s.color)).concat(r).filter(Boolean).slice(-27),[e,r]),l=m.useCallback(s=>{s?.valid&&(a.some(c=>X(c[n])===X(s[n]))||o(c=>c.concat(s)))},[n,a]);return{presets:a,addPreset:l}},tn=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:l=!1,argType:s})=>{let c=m.useCallback(Ht(n,200),[n]),{value:i,realValue:d,updateValue:f,color:g,colorSpace:w,cycleColorSpace:S}=Zt(t,c),{presets:E,addPreset:p}=en(a,g,w),b=Jt[w],k=!!s?.table?.readonly;return h.createElement(Pt,{"aria-readonly":k},h.createElement(Lt,{startOpen:l,trigger:k?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>p(g),tooltip:h.createElement(qt,null,h.createElement(b,{color:d==="transparent"?"#000000":d,onChange:f,onFocus:r,onBlur:o}),E.length>0&&h.createElement(Wt,null,E.map((y,R)=>h.createElement(ue,{key:`${y.value}-${R}`,hasChrome:!1,tooltip:h.createElement(Bt,{note:y.keyword||y.value})},h.createElement(ce,{value:y[w],active:g&&X(y[w])===X(g[w]),onClick:()=>f(y.value)})))))},h.createElement(ce,{value:d,style:{margin:4}})),h.createElement(Kt,{id:Oe(e),value:i,onChange:y=>f(y.target.value),onFocus:y=>y.target.select(),readOnly:k,placeholder:"Choose color..."}),i?h.createElement(Vt,{onClick:S}):null)},bn=tn;export{tn as ColorControl,bn as default}; +import{n as C,d as ue,T as Me,F as Ce,M as $e,g as Oe}from"./DocsRenderer-K4EAMTCU-VSHiK9aF.js";import{a as h,r as m,g as fe}from"./index-Cu9bd8lq.js";import{_ as Ne,i as J,a as Ie}from"./_getPrototype-DpRPMK__.js";import"./iframe-aDYr2Hte.js";import"../sb-preview/runtime.js";import"./react-18-BhaibXFb.js";import"./index-s2Ee__EW.js";import"./index-Cmw95SmN.js";import"./index-ChiipFpT.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-DXimoRZY.js";import"./index-DrFu-skq.js";function $(){return($=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function K(e){var t=m.useRef(e),n=m.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var I=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(ne(o.current,p,s.current)):E(!1)},S=function(){return E(!1)};function E(p){var b=c.current,k=V(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&&(re(b),!function(R,T){return T&&!F(R)}(b,c.current)&&k)){if(F(b)){c.current=!0;var y=b.changedTouches||[];y.length&&(s.current=y[0].identifier)}k.focus(),a(ne(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"}))}),H=function(e){return e.filter(Boolean).join(" ")},ee=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=H(["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},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=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}},Te=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},je=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?Fe({h:Te(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}},Fe=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}},ze=function(e){return Pe(de(e))},he=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)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},B=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=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)}},He=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({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},Pe=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},ge=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}},me=h.memo(function(e){var t=e.hue,n=e.onChange,r=H(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Z,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:I(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":x(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(ee,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),be=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Z,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:I(t.s+100*o.left,0,100),v:I(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+x(t.s)+"%, Brightness "+x(t.v)+"%"},h.createElement(ee,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Le=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(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;ve(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 qe=typeof window<"u"?m.useLayoutEffect:m.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},oe=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!oe.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}`,oe.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},We=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,l=Q(e,["className","colorModel","color","onChange"]),s=m.useRef(null);xe(s);var c=ye(n,o,a),i=c[0],d=c[1],f=H(["react-colorful",t]);return h.createElement("div",$({},l,{ref:s,className:f}),h.createElement(be,{hsva:i,onChange:d}),h.createElement(me,{hue:i.h,onChange:d,className:"react-colorful__last-control"}))},Xe={defaultColor:"000",toHsva:Re,fromHsva:function(e){return ze({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},De=function(e){return h.createElement(We,$({},e,{colorModel:Xe}))},Ke=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=H(["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(Z,{onMove:function(s){r({a:s.left})},onKey:function(s){r({a:I(n.a+s.left)})},"aria-label":"Alpha","aria-valuetext":l+"%","aria-valuenow":l,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(ee,{className:"react-colorful__alpha-pointer",left:n.a,color:B(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,l=Q(e,["className","colorModel","color","onChange"]),s=m.useRef(null);xe(s);var c=ye(n,o,a),i=c[0],d=c[1],f=H(["react-colorful",t]);return h.createElement("div",$({},l,{ref:s,className:f}),h.createElement(be,{hsva:i,onChange:d}),h.createElement(me,{hue:i.h,onChange:d}),h.createElement(Ke,{hsva:i,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:je,fromHsva:B,equal:pe},Ae=function(e){return h.createElement(we,$({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:He,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,$({},e,{colorModel:Ge}))},Ye={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 z=Ye,ke={};for(const e of Object.keys(z))ke[z[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 _e=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 Je(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=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(z)){const a=z[o],l=Je(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 W=_e;function Qe(){const e={},t=Object.keys(W);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function lt(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{O[e]={},Object.defineProperty(O[e],"channels",{value:U[e].channels}),Object.defineProperty(O[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];O[e][r]=lt(o),O[e][r].raw=at(o)})});var st=O;const _=fe(st);var ct=Ne,it=function(){return ct.Date.now()},ut=it,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,mt=/^\s+/;function bt(e){return e&&e.slice(0,gt(e)+1).replace(mt,"")}var vt=bt,pt=vt,ae=J,yt=Ie,le=NaN,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return le;if(ae(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=ae(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?le:+e}var Mt=Et,Ct=J,D=ut,se=Mt,$t="Expected a function",Ot=Math.max,Nt=Math.min;function It(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($t);t=se(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?Ot(se(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function w(v){var M=r,j=o;return r=o=void 0,i=v,l=e.apply(j,M),l}function S(v){return i=v,s=setTimeout(b,t),d?w(v):l}function E(v){var M=v-c,j=v-i,te=t-M;return f?Nt(te,a-j):te}function p(v){var M=v-c,j=v-i;return c===void 0||M>=t||M<0||f&&j>=a}function b(){var v=D();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(D())}function T(){var v=D(),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 T.cancel=y,T.flush=R,T}var St=It,Rt=St,Tt=J,jt="Expected a function";function Ft(e,t,n){var r=!0,o=!0;if(typeof e!="function")throw new TypeError(jt);return Tt(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),Rt(e,t,{leading:r,maxWait:t,trailing:o})}var zt=Ft;const Ht=fe(zt);var Pt=C.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Lt=C(ue)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),qt=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"}}),Bt=C(Me)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Wt=C.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Xt=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})),Dt=`url('data:image/svg+xml;charset=utf-8,')`,ce=({value:e,style:t,...n})=>{let r=`linear-gradient(${e}, ${e}), ${Dt}, linear-gradient(#fff, #fff)`;return h.createElement(Xt,{...n,style:{...t,backgroundImage:r}})},Kt=C(Ce.Input)(({theme:e,readOnly:t})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Vt=C($e)(({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),At=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Gt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ut=/^\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,Yt=/^\s*#?([0-9a-f]{3})\s*$/i,Jt={hex:De,rgb:Ue,hsl:Ae},q={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ie=e=>{let t=e?.match(At);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},N=e=>{if(!e)return;let t=!0;if(Gt.test(e)){let[l,s,c,i]=ie(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(Ut.test(e)){let[l,s,c,i]=ie(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}},Qt=(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(Yt);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}`},Zt=(e,t)=>{let[n,r]=m.useState(e||""),[o,a]=m.useState(()=>N(n)),[l,s]=m.useState(o?.colorSpace||"hex");m.useEffect(()=>{let f=e||"",g=N(f);r(f),a(g),s(g?.colorSpace||"hex")},[e]);let c=m.useMemo(()=>Qt(n,o,l).toLowerCase(),[n,o,l]),i=m.useCallback(f=>{let g=N(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}},X=e=>e.replace(/\s*/,"").toLowerCase(),en=(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"?N(s):s.title?{...N(s.color),keyword:s.title}:N(s.color)).concat(r).filter(Boolean).slice(-27),[e,r]),l=m.useCallback(s=>{s?.valid&&(a.some(c=>X(c[n])===X(s[n]))||o(c=>c.concat(s)))},[n,a]);return{presets:a,addPreset:l}},tn=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:l=!1,argType:s})=>{let c=m.useCallback(Ht(n,200),[n]),{value:i,realValue:d,updateValue:f,color:g,colorSpace:w,cycleColorSpace:S}=Zt(t,c),{presets:E,addPreset:p}=en(a,g,w),b=Jt[w],k=!!s?.table?.readonly;return h.createElement(Pt,{"aria-readonly":k},h.createElement(Lt,{startOpen:l,trigger:k?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>p(g),tooltip:h.createElement(qt,null,h.createElement(b,{color:d==="transparent"?"#000000":d,onChange:f,onFocus:r,onBlur:o}),E.length>0&&h.createElement(Wt,null,E.map((y,R)=>h.createElement(ue,{key:`${y.value}-${R}`,hasChrome:!1,tooltip:h.createElement(Bt,{note:y.keyword||y.value})},h.createElement(ce,{value:y[w],active:g&&X(y[w])===X(g[w]),onClick:()=>f(y.value)})))))},h.createElement(ce,{value:d,style:{margin:4}})),h.createElement(Kt,{id:Oe(e),value:i,onChange:y=>f(y.target.value),onFocus:y=>y.target.select(),readOnly:k,placeholder:"Choose color..."}),i?h.createElement(Vt,{onClick:S}):null)},bn=tn;export{tn as ColorControl,bn as default}; diff --git a/assets/ContextMenu-_j10BUqe.js b/assets/ContextMenu-ylWaAsgi.js similarity index 96% rename from assets/ContextMenu-_j10BUqe.js rename to assets/ContextMenu-ylWaAsgi.js index bc7cfc23..684782c9 100644 --- a/assets/ContextMenu-_j10BUqe.js +++ b/assets/ContextMenu-ylWaAsgi.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-DoxjgJx5.js";import{r as t}from"./index-Cu9bd8lq.js";import{_ as $}from"./index-Cmw95SmN.js";import{$ as y,a as x}from"./index-tFWdirwu.js";import{$ as O}from"./index-BHpG8fra.js";import{$ as _,a as R,b as E,c as j,d as T,e as N,J as b}from"./index-H3MR2rqV.js";import{$ as A}from"./index-ChiipFpT.js";import{F as I}from"./FloatingMenu-Eb22vTDs.js";import{c as S}from"./index-C2KoGaFq.js";import{d as k,D,g as F}from"./DrawerMenu-BYj777Pr.js";import{a as q}from"./MenuItem-CjxlTIiG.js";const P="ContextMenu",[U,le]=y(P,[_]),h=_(),[V,w]=U(P),W=e=>{const{__scopeContextMenu:n,children:i,onOpenChange:o,dir:u,modal:p=!0}=e,[d,r]=t.useState(!1),c=h(n),f=A(o),s=t.useCallback(m=>{r(m),f(m)},[f]);return t.createElement(V,{scope:n,open:d,onOpenChange:s,modal:p},t.createElement(R,$({},c,{dir:u,open:d,onOpenChange:s,modal:p}),i))},G="ContextMenuTrigger",J=t.forwardRef((e,n)=>{const{__scopeContextMenu:i,disabled:o=!1,...u}=e,p=w(G,i),d=h(i),r=t.useRef({x:0,y:0}),c=t.useRef({getBoundingClientRect:()=>DOMRect.fromRect({width:0,height:0,...r.current})}),f=t.useRef(0),s=t.useCallback(()=>window.clearTimeout(f.current),[]),m=l=>{r.current={x:l.clientX,y:l.clientY},p.onOpenChange(!0)};return t.useEffect(()=>s,[s]),t.useEffect(()=>void(o&&s()),[o,s]),t.createElement(t.Fragment,null,t.createElement(N,$({},d,{virtualRef:c})),t.createElement(O.span,$({"data-state":p.open?"open":"closed","data-disabled":o?"":void 0},u,{ref:n,style:{WebkitTouchCallout:"none",...e.style},onContextMenu:o?e.onContextMenu:x(e.onContextMenu,l=>{s(),m(l),l.preventDefault()}),onPointerDown:o?e.onPointerDown:x(e.onPointerDown,g(l=>{s(),f.current=window.setTimeout(()=>m(l),700)})),onPointerMove:o?e.onPointerMove:x(e.onPointerMove,g(s)),onPointerCancel:o?e.onPointerCancel:x(e.onPointerCancel,g(s)),onPointerUp:o?e.onPointerUp:x(e.onPointerUp,g(s))})))}),X=e=>{const{__scopeContextMenu:n,...i}=e,o=h(n);return t.createElement(E,$({},o,i))},B="ContextMenuContent",L=t.forwardRef((e,n)=>{const{__scopeContextMenu:i,...o}=e,u=w(B,i),p=h(i),d=t.useRef(!1);return t.createElement(j,$({},p,o,{ref:n,side:"right",sideOffset:2,align:"start",onCloseAutoFocus:r=>{var c;(c=e.onCloseAutoFocus)===null||c===void 0||c.call(e,r),!r.defaultPrevented&&d.current&&r.preventDefault(),d.current=!1},onInteractOutside:r=>{var c;(c=e.onInteractOutside)===null||c===void 0||c.call(e,r),!r.defaultPrevented&&!u.modal&&(d.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)"}}))}),Y=t.forwardRef((e,n)=>{const{__scopeContextMenu:i,...o}=e,u=h(i);return t.createElement(T,$({},u,o,{ref:n}))});function g(e){return n=>n.pointerType!=="mouse"?e(n):void 0}const v=W,z=J,H=X,K=L,Q=({onSelect:e,children:n})=>a.jsx(Y,{onSelect:e??void 0,asChild:!0,children:n}),M=({title:e,onOpenChange:n,trigger:i,hasAccessibleAlternative:o,children:u})=>{const[p,d]=t.useState(!1),r=t.useCallback(C=>{d(C),n?.(C)},[d,n]),c=F(),f=c==="android"||c==="ios",s=t.useMemo(()=>({MenuItemWrapper:f?null:Q,onOpenChange:r}),[r]),m=a.jsx(q.Provider,{value:s,children:u}),l=a.jsx(z,{"aria-haspopup":"menu",tabIndex:o?void 0:0,asChild:!0,children:i});return f?a.jsxs(a.Fragment,{children:[a.jsx(v,{onOpenChange:r,children:l}),a.jsx(b.Root,{open:p,onOpenChange:r,children:a.jsxs(b.Portal,{children:[a.jsx(b.Overlay,{className:S(k.bg)}),a.jsx(b.Content,{asChild:!0,children:a.jsx(D,{title:e,children:m})})]})})]}):a.jsxs(v,{onOpenChange:r,children:[l,a.jsx(H,{children:a.jsx(K,{asChild:!0,children:a.jsx(I,{title:e,children:m})})})]})};try{M.displayName="ContextMenu",M.__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. +import{j as a}from"./jsx-runtime-DoxjgJx5.js";import{r as t}from"./index-Cu9bd8lq.js";import{_ as $}from"./index-Cmw95SmN.js";import{$ as y,a as x}from"./index-tFWdirwu.js";import{$ as O}from"./index-BHpG8fra.js";import{$ as _,a as R,b as E,c as j,d as T,e as N,J as b}from"./index-H3MR2rqV.js";import{$ as A}from"./index-ChiipFpT.js";import{F as I}from"./FloatingMenu-BxFYcaYT.js";import{c as S}from"./index-C2KoGaFq.js";import{d as k,D,g as F}from"./DrawerMenu-BYj777Pr.js";import{a as q}from"./MenuItem-DP321Nyr.js";const P="ContextMenu",[U,le]=y(P,[_]),h=_(),[V,w]=U(P),W=e=>{const{__scopeContextMenu:n,children:i,onOpenChange:o,dir:u,modal:p=!0}=e,[d,r]=t.useState(!1),c=h(n),f=A(o),s=t.useCallback(m=>{r(m),f(m)},[f]);return t.createElement(V,{scope:n,open:d,onOpenChange:s,modal:p},t.createElement(R,$({},c,{dir:u,open:d,onOpenChange:s,modal:p}),i))},G="ContextMenuTrigger",J=t.forwardRef((e,n)=>{const{__scopeContextMenu:i,disabled:o=!1,...u}=e,p=w(G,i),d=h(i),r=t.useRef({x:0,y:0}),c=t.useRef({getBoundingClientRect:()=>DOMRect.fromRect({width:0,height:0,...r.current})}),f=t.useRef(0),s=t.useCallback(()=>window.clearTimeout(f.current),[]),m=l=>{r.current={x:l.clientX,y:l.clientY},p.onOpenChange(!0)};return t.useEffect(()=>s,[s]),t.useEffect(()=>void(o&&s()),[o,s]),t.createElement(t.Fragment,null,t.createElement(N,$({},d,{virtualRef:c})),t.createElement(O.span,$({"data-state":p.open?"open":"closed","data-disabled":o?"":void 0},u,{ref:n,style:{WebkitTouchCallout:"none",...e.style},onContextMenu:o?e.onContextMenu:x(e.onContextMenu,l=>{s(),m(l),l.preventDefault()}),onPointerDown:o?e.onPointerDown:x(e.onPointerDown,g(l=>{s(),f.current=window.setTimeout(()=>m(l),700)})),onPointerMove:o?e.onPointerMove:x(e.onPointerMove,g(s)),onPointerCancel:o?e.onPointerCancel:x(e.onPointerCancel,g(s)),onPointerUp:o?e.onPointerUp:x(e.onPointerUp,g(s))})))}),X=e=>{const{__scopeContextMenu:n,...i}=e,o=h(n);return t.createElement(E,$({},o,i))},B="ContextMenuContent",L=t.forwardRef((e,n)=>{const{__scopeContextMenu:i,...o}=e,u=w(B,i),p=h(i),d=t.useRef(!1);return t.createElement(j,$({},p,o,{ref:n,side:"right",sideOffset:2,align:"start",onCloseAutoFocus:r=>{var c;(c=e.onCloseAutoFocus)===null||c===void 0||c.call(e,r),!r.defaultPrevented&&d.current&&r.preventDefault(),d.current=!1},onInteractOutside:r=>{var c;(c=e.onInteractOutside)===null||c===void 0||c.call(e,r),!r.defaultPrevented&&!u.modal&&(d.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)"}}))}),Y=t.forwardRef((e,n)=>{const{__scopeContextMenu:i,...o}=e,u=h(i);return t.createElement(T,$({},u,o,{ref:n}))});function g(e){return n=>n.pointerType!=="mouse"?e(n):void 0}const v=W,z=J,H=X,K=L,Q=({onSelect:e,children:n})=>a.jsx(Y,{onSelect:e??void 0,asChild:!0,children:n}),M=({title:e,onOpenChange:n,trigger:i,hasAccessibleAlternative:o,children:u})=>{const[p,d]=t.useState(!1),r=t.useCallback(C=>{d(C),n?.(C)},[d,n]),c=F(),f=c==="android"||c==="ios",s=t.useMemo(()=>({MenuItemWrapper:f?null:Q,onOpenChange:r}),[r]),m=a.jsx(q.Provider,{value:s,children:u}),l=a.jsx(z,{"aria-haspopup":"menu",tabIndex:o?void 0:0,asChild:!0,children:i});return f?a.jsxs(a.Fragment,{children:[a.jsx(v,{onOpenChange:r,children:l}),a.jsx(b.Root,{open:p,onOpenChange:r,children:a.jsxs(b.Portal,{children:[a.jsx(b.Overlay,{className:S(k.bg)}),a.jsx(b.Content,{asChild:!0,children:a.jsx(D,{title:e,children:m})})]})})]}):a.jsxs(v,{onOpenChange:r,children:[l,a.jsx(H,{children:a.jsx(K,{asChild:!0,children:a.jsx(I,{title:e,children:m})})})]})};try{M.displayName="ContextMenu",M.__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 diff --git a/assets/ContextMenu.stories-CSmj1UQK.js b/assets/ContextMenu.stories-CrQ_Xl9y.js similarity index 86% rename from assets/ContextMenu.stories-CSmj1UQK.js rename to assets/ContextMenu.stories-CrQ_Xl9y.js index aa513da5..c541613f 100644 --- a/assets/ContextMenu.stories-CSmj1UQK.js +++ b/assets/ContextMenu.stories-CrQ_Xl9y.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{S as i}from"./user-profile-CB1AInEY.js";import{S as s,a,b as c}from"./leave-ZJppWO3C.js";import{C as o}from"./ContextMenu-_j10BUqe.js";import{M as n}from"./MenuItem-CjxlTIiG.js";import{S as l}from"./Separator-D9goDqil.js";import"./index-Cu9bd8lq.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./index-H3MR2rqV.js";import"./index-ChiipFpT.js";import"./FloatingMenu-Eb22vTDs.js";import"./index-C2KoGaFq.js";import"./useId-D5m2XpUu.js";import"./Text-BrcN_buA.js";import"./Typography-BcgMUEGb.js";import"./DrawerMenu-BYj777Pr.js";import"./floating-ui.react-D5UUZX8q.js";const N={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 => { +import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{S as i}from"./user-profile-CB1AInEY.js";import{S as s,a,b as c}from"./leave-ZJppWO3C.js";import{C as o}from"./ContextMenu-ylWaAsgi.js";import{M as n}from"./MenuItem-DP321Nyr.js";import{S as l}from"./Separator-D0l5BZ7R.js";import"./index-Cu9bd8lq.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./index-H3MR2rqV.js";import"./index-ChiipFpT.js";import"./FloatingMenu-BxFYcaYT.js";import"./index-C2KoGaFq.js";import"./useId-D5m2XpUu.js";import"./Text-DCibjNNg.js";import"./Typography-D-74lRMS.js";import"./DrawerMenu-BYj777Pr.js";import"./floating-ui.react-D5UUZX8q.js";const N={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 i.map(i=>__vite__fileDeps[i]); -import{_ as vt}from"./iframe-DHUj8356.js";import{r as o,R as El,g as Sn,a as u,c as Zn}from"./index-Cu9bd8lq.js";import{r as nd,u as ad}from"./react-18-BhaibXFb.js";import{r as f0,R as od}from"./index-s2Ee__EW.js";import{$ as h0}from"./index-Cmw95SmN.js";import{m as ld,n as id,D as sd,l as cd,o as dd,k as ud,g as pd,i as fd}from"./index-ChiipFpT.js";import{O as g0,P as hd}from"./index-DXimoRZY.js";import{q as m0,r as gd,s as v0,t as md,i as Cn,v as vd,w as bd,x as yd,c as b0,y as y0,z as wd,A as w0,B as xd,C as Ed,D as Sd,E as Cd,F as Rd,G as Id,H as x0,I as Ad,J as _d,K as E0,_ as kd,L as Od,M as Td,N as so,d as S0,O as C0,P as R0,Q as Md,R as $d,U as Ld,e as zd,S as Sl,j as Jn}from"./_getPrototype-DpRPMK__.js";import{d as Bd}from"./index-DrFu-skq.js";var Be=e=>`control-${e.replace(/\s+/g,"-")}`,Rn=e=>`set-${e.replace(/\s+/g,"-")}`;const{global:Pd}=__STORYBOOK_MODULE_GLOBAL__,{logger:Hd}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var Fd=Object.create,I0=Object.defineProperty,jd=Object.getOwnPropertyDescriptor,A0=Object.getOwnPropertyNames,Nd=Object.getPrototypeOf,Dd=Object.prototype.hasOwnProperty,co=(e,t)=>function(){return t||(0,e[A0(e)[0]])((t={exports:{}}).exports,t),t.exports},Vd=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of A0(t))!Dd.call(e,a)&&a!==r&&I0(e,a,{get:()=>t[a],enumerable:!(n=jd(t,a))||n.enumerable});return e},_0=(e,t,r)=>(r=e!=null?Fd(Nd(e)):{},Vd(!e||!e.__esModule?I0(r,"default",{value:e,enumerable:!0}):r,e));function bt(){return bt=Object.assign?Object.assign.bind():function(e){for(var t=1;ti.map(i=>__vite__fileDeps[i]); +import{_ as vt}from"./iframe-aDYr2Hte.js";import{r as o,R as El,g as Sn,a as u,c as Zn}from"./index-Cu9bd8lq.js";import{r as nd,u as ad}from"./react-18-BhaibXFb.js";import{r as f0,R as od}from"./index-s2Ee__EW.js";import{$ as h0}from"./index-Cmw95SmN.js";import{m as ld,n as id,D as sd,l as cd,o as dd,k as ud,g as pd,i as fd}from"./index-ChiipFpT.js";import{O as g0,P as hd}from"./index-DXimoRZY.js";import{q as m0,r as gd,s as v0,t as md,i as Cn,v as vd,w as bd,x as yd,c as b0,y as y0,z as wd,A as w0,B as xd,C as Ed,D as Sd,E as Cd,F as Rd,G as Id,H as x0,I as Ad,J as _d,K as E0,_ as kd,L as Od,M as Td,N as so,d as S0,O as C0,P as R0,Q as Md,R as $d,U as Ld,e as zd,S as Sl,j as Jn}from"./_getPrototype-DpRPMK__.js";import{d as Bd}from"./index-DrFu-skq.js";var Be=e=>`control-${e.replace(/\s+/g,"-")}`,Rn=e=>`set-${e.replace(/\s+/g,"-")}`;const{global:Pd}=__STORYBOOK_MODULE_GLOBAL__,{logger:Hd}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var Fd=Object.create,I0=Object.defineProperty,jd=Object.getOwnPropertyDescriptor,A0=Object.getOwnPropertyNames,Nd=Object.getPrototypeOf,Dd=Object.prototype.hasOwnProperty,co=(e,t)=>function(){return t||(0,e[A0(e)[0]])((t={exports:{}}).exports,t),t.exports},Vd=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of A0(t))!Dd.call(e,a)&&a!==r&&I0(e,a,{get:()=>t[a],enumerable:!(n=jd(t,a))||n.enumerable});return e},_0=(e,t,r)=>(r=e!=null?Fd(Nd(e)):{},Vd(!e||!e.__esModule?I0(r,"default",{value:e,enumerable:!0}):r,e));function bt(){return bt=Object.assign?Object.assign.bind():function(e){for(var t=1;t1?a-1:0),i=1;i=0&&a<1?(c=l,s=i):a>=1&&a<2?(c=i,s=l):a>=2&&a<3?(s=l,d=i):a>=3&&a<4?(s=i,d=l):a>=4&&a<5?(c=i,d=l):a>=5&&a<6&&(c=l,d=i);var p=r-l/2,h=c+p,v=s+p,f=d+p;return n(h,v,f)}var pi={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function u3(e){if(typeof e!="string")return e;var t=e.toLowerCase();return pi[t]?"#"+pi[t]:e}var p3=/^#[a-fA-F0-9]{6}$/,f3=/^#[a-fA-F0-9]{8}$/,h3=/^#[a-fA-F0-9]{3}$/,g3=/^#[a-fA-F0-9]{4}$/,ua=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,m3=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,v3=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,b3=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function No(e){if(typeof e!="string")throw new Ze(3);var t=u3(e);if(t.match(p3))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(f3)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(h3))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(g3)){var n=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:n}}var a=ua.exec(t);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var l=m3.exec(t.substring(0,50));if(l)return{red:parseInt(""+l[1],10),green:parseInt(""+l[2],10),blue:parseInt(""+l[3],10),alpha:parseFloat(""+l[4])>1?parseFloat(""+l[4])/100:parseFloat(""+l[4])};var i=v3.exec(t);if(i){var c=parseInt(""+i[1],10),s=parseInt(""+i[2],10)/100,d=parseInt(""+i[3],10)/100,p="rgb("+$r(c,s,d)+")",h=ua.exec(p);if(!h)throw new Ze(4,t,p);return{red:parseInt(""+h[1],10),green:parseInt(""+h[2],10),blue:parseInt(""+h[3],10)}}var v=b3.exec(t.substring(0,50));if(v){var f=parseInt(""+v[1],10),g=parseInt(""+v[2],10)/100,m=parseInt(""+v[3],10)/100,x="rgb("+$r(f,g,m)+")",b=ua.exec(x);if(!b)throw new Ze(4,t,x);return{red:parseInt(""+b[1],10),green:parseInt(""+b[2],10),blue:parseInt(""+b[3],10),alpha:parseFloat(""+v[4])>1?parseFloat(""+v[4])/100:parseFloat(""+v[4])}}throw new Ze(5)}function y3(e){var t=e.red/255,r=e.green/255,n=e.blue/255,a=Math.max(t,r,n),l=Math.min(t,r,n),i=(a+l)/2;if(a===l)return e.alpha!==void 0?{hue:0,saturation:0,lightness:i,alpha:e.alpha}:{hue:0,saturation:0,lightness:i};var c,s=a-l,d=i>.5?s/(2-a-l):s/(a+l);switch(a){case t:c=(r-n)/s+(r=1?bn(e,t,r):"rgba("+$r(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?bn(e.hue,e.saturation,e.lightness):"rgba("+$r(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new Ze(2)}function Ga(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return qa("#"+At(e)+At(t)+At(r));if(typeof e=="object"&&t===void 0&&r===void 0)return qa("#"+At(e.red)+At(e.green)+At(e.blue));throw new Ze(6)}function yn(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var a=No(e);return"rgba("+a.red+","+a.green+","+a.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?Ga(e,t,r):"rgba("+e+","+t+","+r+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?Ga(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new Ze(7)}var C3=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},R3=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},I3=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},A3=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function ec(e){if(typeof e!="object")throw new Ze(8);if(R3(e))return yn(e);if(C3(e))return Ga(e);if(A3(e))return S3(e);if(I3(e))return E3(e);throw new Ze(8)}function tc(e,t,r){return function(){var n=r.concat(Array.prototype.slice.call(arguments));return n.length>=t?e.apply(this,n):tc(e,t,n)}}function Do(e){return tc(e,e.length,[])}function Vo(e,t,r){return Math.max(e,Math.min(t,r))}function _3(e,t){if(t==="transparent")return t;var r=Qs(t);return ec(G({},r,{lightness:Vo(0,1,r.lightness-parseFloat(e))}))}var k3=Do(_3),Yt=k3;function O3(e,t){if(t==="transparent")return t;var r=Qs(t);return ec(G({},r,{lightness:Vo(0,1,r.lightness+parseFloat(e))}))}var T3=Do(O3),fi=T3;function M3(e,t){if(t==="transparent")return t;var r=No(t),n=typeof r.alpha=="number"?r.alpha:1,a=G({},r,{alpha:Vo(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return yn(a)}var $3=Do(M3),Ae=$3,ir=({theme:e})=>({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"},"& tt, & code":{fontSize:"inherit"}}),dt=({theme:e})=>({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"?Ae(.1,e.color.defaultText):Ae(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border}),re=({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"}),jt={margin:"16px 0"},L3=({href:e,...t})=>{let r=/^\//.test(e)?`./?path=${e}`:e,n=/^#.*/.test(e)?"_self":"_top";return u.createElement("a",{href:r,target:n,...t})},rc=A(L3)(re,({theme:e})=>({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}})),nc=A.blockquote(re,jt,({theme:e})=>({borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}})),z3=e=>typeof e=="string",B3=/[\n\r]/g,P3=A.code(({theme:e})=>({fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",display:"inline-block",paddingLeft:2,paddingRight:2,verticalAlign:"baseline",color:"inherit"}),dt),H3=A(To)(({theme:e})=>({fontFamily:e.typography.fonts.mono,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"}})),Uo=({className:e,children:t,...r})=>{let n=(e||"").match(/lang-(\S+)/),a=o.Children.toArray(t);return a.filter(z3).some(l=>l.match(B3))?u.createElement(H3,{bordered:!0,copyable:!0,language:n?.[1]??"text",format:!1,...r},t):u.createElement(P3,{...r,className:e},a)},ac=A.div(re),oc=A.dl(re,jt,{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}}),lc=A.h1(re,ir,({theme:e})=>({fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold})),Wo=A.h2(re,ir,({theme:e})=>({fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`})),qo=A.h3(re,ir,({theme:e})=>({fontSize:`${e.typography.size.m1}px`})),ic=A.h4(re,ir,({theme:e})=>({fontSize:`${e.typography.size.s3}px`})),sc=A.h5(re,ir,({theme:e})=>({fontSize:`${e.typography.size.s2}px`})),cc=A.h6(re,ir,({theme:e})=>({fontSize:`${e.typography.size.s2}px`,color:e.color.dark})),dc=A.hr(({theme:e})=>({border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0})),uc=A.img({maxWidth:"100%"}),pc=A.li(re,({theme:e})=>({fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":dt({theme:e})})),F3={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},fc=A.ol(re,jt,F3,{listStyle:"decimal"}),hc=A.p(re,jt,({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":dt({theme:e})})),gc=A.pre(re,jt,({theme:e})=>({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"}})),mc=A.span(re,({theme:e})=>({"&.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"}}})),vc=A.table(re,jt,({theme:e})=>({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}})),bc=A.title(dt),j3={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},yc=A.ul(re,jt,j3,{listStyle:"disc"}),Go=A.div(re),wc={h1:e=>u.createElement(lc,{...te(e,"h1")}),h2:e=>u.createElement(Wo,{...te(e,"h2")}),h3:e=>u.createElement(qo,{...te(e,"h3")}),h4:e=>u.createElement(ic,{...te(e,"h4")}),h5:e=>u.createElement(sc,{...te(e,"h5")}),h6:e=>u.createElement(cc,{...te(e,"h6")}),pre:e=>u.createElement(gc,{...te(e,"pre")}),a:e=>u.createElement(rc,{...te(e,"a")}),hr:e=>u.createElement(dc,{...te(e,"hr")}),dl:e=>u.createElement(oc,{...te(e,"dl")}),blockquote:e=>u.createElement(nc,{...te(e,"blockquote")}),table:e=>u.createElement(vc,{...te(e,"table")}),img:e=>u.createElement(uc,{...te(e,"img")}),div:e=>u.createElement(ac,{...te(e,"div")}),span:e=>u.createElement(mc,{...te(e,"span")}),li:e=>u.createElement(pc,{...te(e,"li")}),ul:e=>u.createElement(yc,{...te(e,"ul")}),ol:e=>u.createElement(fc,{...te(e,"ol")}),p:e=>u.createElement(hc,{...te(e,"p")}),code:e=>u.createElement(Uo,{...te(e,"code")}),tt:e=>u.createElement(bc,{...te(e,"tt")}),resetwrapper:e=>u.createElement(Go,{...te(e,"resetwrapper")})},N3=A.div(({theme:e})=>({display:"inline-block",fontSize:11,lineHeight:"12px",alignSelf:"center",padding:"4px 12px",borderRadius:"3em",fontWeight:e.typography.weight.bold}),{svg:{height:12,width:12,marginRight:4,marginTop:-2,path:{fill:"currentColor"}}},({theme:e,status:t})=>{switch(t){case"critical":return{color:e.color.critical,background:e.background.critical};case"negative":return{color:e.color.negativeText,background:e.background.negative,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Ae(.9,e.color.negativeText)}`:"none"};case"warning":return{color:e.color.warningText,background:e.background.warning,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Ae(.9,e.color.warningText)}`:"none"};case"neutral":return{color:e.color.dark,background:e.color.mediumlight,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Ae(.9,e.color.dark)}`:"none"};case"positive":return{color:e.color.positiveText,background:e.background.positive,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Ae(.9,e.color.positiveText)}`:"none"};default:return{}}}),D3=({...e})=>u.createElement(N3,{...e}),V3=0,U3=e=>e.button===V3&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,W3=(e,t)=>{U3(e)&&(e.preventDefault(),t(e))},q3=A.span(({withArrow:e})=>e?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:e})=>e?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),G3=A.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:Yt(.07,e.color.secondary),"svg path:not([fill])":{fill:Yt(.07,e.color.secondary)}},"&:active":{color:Yt(.1,e.color.secondary),"svg path:not([fill])":{fill:Yt(.1,e.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:e.color.secondary}}}),({theme:e,secondary:t,tertiary:r})=>{let n;return t&&(n=[e.textMutedColor,e.color.dark,e.color.darker]),r&&(n=[e.color.dark,e.color.darkest,e.textMutedColor]),n?{color:n[0],"svg path:not([fill])":{fill:n[0]},"&:hover":{color:n[1],"svg path:not([fill])":{fill:n[1]}},"&:active":{color:n[2],"svg path:not([fill])":{fill:n[2]}}}:{}},({nochrome:e})=>e?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:e,inverse:t})=>t?{color:e.color.lightest,":not([fill])":{fill:e.color.lightest},"&:hover":{color:e.color.lighter,"svg path:not([fill])":{fill:e.color.lighter}},"&:active":{color:e.color.light,"svg path:not([fill])":{fill:e.color.light}}}:{},({isButton:e})=>e?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),zt=({cancel:e=!0,children:t,onClick:r=void 0,withArrow:n=!1,containsIcon:a=!1,className:l=void 0,style:i=void 0,...c})=>u.createElement(G3,{...c,onClick:r&&e?s=>W3(s,r):r,className:l},u.createElement(q3,{withArrow:n,containsIcon:a},t,n&&u.createElement(Fo,null))),Y3=A.div(({theme:e})=>({fontSize:`${e.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},h2:{fontSize:`${e.typography.size.m2}px`,borderBottom:`1px solid ${e.appBorderColor}`},h3:{fontSize:`${e.typography.size.m1}px`},h4:{fontSize:`${e.typography.size.s3}px`},h5:{fontSize:`${e.typography.size.s2}px`},h6:{fontSize:`${e.typography.size.s2}px`,color:e.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:e.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:e.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.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"}},"span.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"}},"span.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"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${e.color.mediumlight}`,backgroundColor:e.color.lighter,borderRadius:3,color:e.base==="dark"&&e.color.darkest}})),Bt=[],nr=null,K3=o.lazy(async()=>{let{SyntaxHighlighter:e}=await vt(()=>import("./syntaxhighlighter-BP7B2CQK-BVcp5U1o.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url);return Bt.length>0&&(Bt.forEach(t=>{e.registerLanguage(...t)}),Bt=[]),nr===null&&(nr=e),{default:t=>u.createElement(e,{...t})}}),X3=o.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([vt(()=>import("./syntaxhighlighter-BP7B2CQK-BVcp5U1o.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url),vt(()=>import("./formatter-2WMMO6ZP-B6CiJ0Ay.js"),__vite__mapDeps([12,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url)]);return Bt.length>0&&(Bt.forEach(r=>{e.registerLanguage(...r)}),Bt=[]),nr===null&&(nr=e),{default:r=>u.createElement(e,{...r,formatter:t})}}),Fn=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},e.format!==!1?u.createElement(X3,{...e}):u.createElement(K3,{...e}));Fn.registerLanguage=(...e)=>{if(nr!==null){nr.registerLanguage(...e);return}Bt.push(e)};var xc={};p5(xc,{Actions:()=>a7,CloseButton:()=>Rc,Col:()=>Ac,Container:()=>Cc,Content:()=>e7,Description:()=>n7,Error:()=>o7,ErrorWrapper:()=>_c,Header:()=>t7,Overlay:()=>Sc,Row:()=>Ic,Title:()=>r7});var xt=o.forwardRef(({asChild:e=!1,animation:t="none",size:r="small",variant:n="outline",padding:a="medium",disabled:l=!1,active:i=!1,onClick:c,...s},d)=>{let p="button";s.isLink&&(p="a"),e&&(p=h0);let h=n,v=r,[f,g]=o.useState(!1),m=x=>{c&&c(x),t!=="none"&&g(!0)};if(o.useEffect(()=>{let x=setTimeout(()=>{f&&g(!1)},1e3);return()=>clearTimeout(x)},[f]),s.primary&&(h="solid",v="medium"),(s.secondary||s.tertiary||s.gray||s.outline||s.inForm)&&(h="outline",v="medium"),s.small||s.isLink||s.primary||s.secondary||s.tertiary||s.gray||s.outline||s.inForm||s.containsIcon){let x=u.Children.toArray(s.children).filter(b=>typeof b=="string"&&b!=="");Zs(`Use of deprecated props in the button ${x.length>0?`"${x.join(" ")}"`:"component"} detected, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-ui-and-props-for-button-and-iconbutton-components`)}return u.createElement(Z3,{as:p,ref:d,variant:h,size:v,padding:a,disabled:l,active:i,animating:f,animation:t,onClick:m,...s})});xt.displayName="Button";var Z3=A("button",{shouldForwardProp:e=>po(e)})(({theme:e,variant:t,size:r,disabled:n,active:a,animating:l,animation:i,padding:c})=>({border:0,cursor:n?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",padding:c==="small"&&r==="small"?"0 7px":c==="small"&&r==="medium"?"0 9px":r==="small"?"0 10px":r==="medium"?"0 12px":0,height:r==="small"?"28px":"32px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:n?.5:1,margin:0,fontSize:`${e.typography.size.s1}px`,fontWeight:e.typography.weight.bold,lineHeight:"1",background:t==="solid"?e.color.secondary:t==="outline"?e.button.background:t==="ghost"&&a?e.background.hoverable:"transparent",...t==="ghost"?{".sb-bar &":{background:a?Ae(.9,e.barTextColor):"transparent",color:a?e.barSelectedColor:e.barTextColor,"&:hover":{color:e.barHoverColor,background:Ae(.86,e.barHoverColor)},"&:active":{color:e.barSelectedColor,background:Ae(.9,e.barSelectedColor)},"&:focus":{boxShadow:`${yn(e.barHoverColor,1)} 0 0 0 1px inset`,outline:"none"}}}:{},color:t==="solid"?e.color.lightest:t==="outline"?e.input.color:t==="ghost"&&a?e.color.secondary:t==="ghost"?e.color.mediumdark:e.input.color,boxShadow:t==="outline"?`${e.button.border} 0 0 0 1px inset`:"none",borderRadius:e.input.borderRadius,flexShrink:0,"&:hover":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let s=e.color.secondary;return t==="solid"&&(s=e.color.secondary),t==="outline"&&(s=e.button.background),t==="ghost"?Ae(.86,e.color.secondary):e.base==="light"?Yt(.02,s):fi(.03,s)})()},"&:active":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let s=e.color.secondary;return t==="solid"&&(s=e.color.secondary),t==="outline"&&(s=e.button.background),t==="ghost"?e.background.hoverable:e.base==="light"?Yt(.02,s):fi(.03,s)})()},"&:focus":{boxShadow:`${yn(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"},"> svg":{animation:l&&i!=="none"?`${e.animation[i]} 1000ms ease-out`:""}})),mt=o.forwardRef(({padding:e="small",variant:t="ghost",...r},n)=>u.createElement(xt,{padding:e,variant:t,ref:n,...r}));mt.displayName="IconButton";var Ec=st({from:{opacity:0},to:{opacity:1}}),J3=st({from:{maxHeight:0},to:{}}),Q3=st({from:{opacity:0,transform:"translate(-50%, -50%) scale(0.9)"},to:{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),Sc=A.div({backgroundColor:"rgba(27, 28, 29, 0.2)",position:"fixed",inset:0,width:"100%",height:"100%",zIndex:10,animation:`${Ec} 200ms`}),Cc=A.div(({theme:e,width:t,height:r})=>({backgroundColor:e.background.bar,borderRadius:6,boxShadow:"rgba(255, 255, 255, 0.05) 0 0 0 1px inset, rgba(14, 18, 22, 0.35) 0px 10px 38px -10px",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:t??740,height:r??"auto",maxWidth:"calc(100% - 40px)",maxHeight:"85vh",overflow:"hidden",zIndex:11,animation:`${Q3} 200ms`,"&:focus-visible":{outline:"none"}})),Rc=e=>u.createElement(cd,{asChild:!0},u.createElement(mt,{...e},u.createElement(Us,null))),e7=A.div({display:"flex",flexDirection:"column",margin:16,gap:16}),Ic=A.div({display:"flex",justifyContent:"space-between",gap:16}),Ac=A.div({display:"flex",flexDirection:"column",gap:4}),t7=e=>u.createElement(Ic,null,u.createElement(Ac,{...e}),u.createElement(Rc,null)),r7=A(ld)(({theme:e})=>({margin:0,fontSize:e.typography.size.s3,fontWeight:e.typography.weight.bold})),n7=A(id)(({theme:e})=>({position:"relative",zIndex:1,margin:0,fontSize:e.typography.size.s2})),a7=A.div({display:"flex",flexDirection:"row-reverse",gap:8}),_c=A.div(({theme:e})=>({maxHeight:100,overflow:"auto",animation:`${J3} 300ms, ${Ec} 300ms`,backgroundColor:e.background.critical,color:e.color.lightest,fontSize:e.typography.size.s2,"& > div":{position:"relative",padding:"8px 16px"}})),o7=({children:e,...t})=>u.createElement(_c,{...t},u.createElement("div",null,e));function l7({children:e,width:t,height:r,onEscapeKeyDown:n,onInteractOutside:a=s=>s.preventDefault(),className:l,container:i,...c}){return u.createElement(dd,{...c},u.createElement(ud,{container:i},u.createElement(pd,{asChild:!0},u.createElement(Sc,null)),u.createElement(fd,{asChild:!0,onInteractOutside:a,onEscapeKeyDown:n},u.createElement(Cc,{className:l,width:t,height:r},e))))}var i7=Object.assign(l7,xc,{Dialog:sd}),s7=e=>typeof e=="number"?e:Number(e),c7=A.div(({theme:e,col:t,row:r=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Ha}`]:{marginLeft:0}}:{"& > *":{marginTop:r*e.layoutMargin},[`& > *:first-child${Ha}`]:{marginTop:0}},({theme:e,outer:t,col:r,row:n})=>{switch(!0){case!!(t&&r):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&n):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),d7=({col:e,row:t,outer:r,children:n,...a})=>{let l=s7(typeof r=="number"||!r?r:e||t);return u.createElement(c7,{col:e,row:t,outer:l,...a},n)},u7=A.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),p7=A.div(),f7=A.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),h7=({children:e,...t})=>{let[r,n]=o.Children.toArray(e);return u.createElement(f7,{...t},u.createElement(u7,null,r),n&&u.createElement(p7,null,n))};function g7(e,t){var r=o.useRef(null),n=o.useRef(null);n.current=t;var a=o.useRef(null);o.useEffect(function(){l()});var l=o.useCallback(function(){var i=a.current,c=n.current,s=i||(c?c instanceof Element?c:c.current:null);r.current&&r.current.element===s&&r.current.subscriber===e||(r.current&&r.current.cleanup&&r.current.cleanup(),r.current={element:s,subscriber:e,cleanup:s?e(s):void 0})},[e]);return o.useEffect(function(){return function(){r.current&&r.current.cleanup&&(r.current.cleanup(),r.current=null)}},[]),o.useCallback(function(i){a.current=i,l()},[l])}function hi(e,t,r){return e[t]?e[t][0]?e[t][0][r]:e[t][r]:t==="contentBoxSize"?e.contentRect[r==="inlineSize"?"width":"height"]:void 0}function kc(e){e===void 0&&(e={});var t=e.onResize,r=o.useRef(void 0);r.current=t;var n=e.round||Math.round,a=o.useRef(),l=o.useState({width:void 0,height:void 0}),i=l[0],c=l[1],s=o.useRef(!1);o.useEffect(function(){return s.current=!1,function(){s.current=!0}},[]);var d=o.useRef({width:void 0,height:void 0}),p=g7(o.useCallback(function(h){return(!a.current||a.current.box!==e.box||a.current.round!==n)&&(a.current={box:e.box,round:n,instance:new ResizeObserver(function(v){var f=v[0],g=e.box==="border-box"?"borderBoxSize":e.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",m=hi(f,g,"inlineSize"),x=hi(f,g,"blockSize"),b=m?n(m):void 0,E=x?n(x):void 0;if(d.current.width!==b||d.current.height!==E){var y={width:b,height:E};d.current.width=b,d.current.height=E,r.current?r.current(y):s.current||c(y)}})}),a.current.instance.observe(h,{box:e.box}),function(){a.current&&a.current.instance.unobserve(h)}},[e.box,n]),e.ref);return o.useMemo(function(){return{ref:p,width:i.width,height:i.height}},[p,i.width,i.height])}var m7=A.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function v7({scale:e,children:t}){let r=o.useRef(null),[n,a]=o.useState(0),l=o.useCallback(({height:i})=>{i&&a(i/e)},[e]);return o.useEffect(()=>{r.current&&a(r.current.getBoundingClientRect().height)},[e]),kc({ref:r,onResize:l}),u.createElement(m7,{scale:e,elementHeight:n},u.createElement("div",{ref:r,className:"innerZoomElementWrapper"},t))}var b7=class extends o.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:e}=this.props;this.iframe=e.current}shouldComponentUpdate(e){let{scale:t,active:r}=this.props;return t!==e.scale&&this.setIframeInnerZoom(e.scale),r!==e.active&&this.iframe.setAttribute("data-is-storybook",e.active?"true":"false"),e.children.props.src!==this.props.children.props.src}setIframeInnerZoom(e){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}catch{this.setIframeZoom(e)}}setIframeZoom(e){Object.assign(this.iframe.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}render(){let{children:e}=this.props;return u.createElement(u.Fragment,null,e)}},Oc={Element:v7,IFrame:b7},{document:y7}=n3,w7=A.strong(({theme:e})=>({color:e.color.orange})),x7=A.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),gi=A.em(({theme:e})=>({color:e.textMutedColor})),E7=/(Error): (.*)\n/,S7=/at (?:(.*) )?\(?(.+)\)?/,C7=/([^@]+)?(?:\/<)?@(.+)?/,R7=/([^@]+)?@(.+)?/,Tc=({error:e})=>{if(!e)return u.createElement(o.Fragment,null,"This error has no stack or message");if(!e.stack)return u.createElement(o.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message} +`};function c3(){for(var e=arguments.length,t=new Array(e),r=0;r1?a-1:0),i=1;i=0&&a<1?(c=l,s=i):a>=1&&a<2?(c=i,s=l):a>=2&&a<3?(s=l,d=i):a>=3&&a<4?(s=i,d=l):a>=4&&a<5?(c=i,d=l):a>=5&&a<6&&(c=l,d=i);var p=r-l/2,h=c+p,v=s+p,f=d+p;return n(h,v,f)}var pi={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function u3(e){if(typeof e!="string")return e;var t=e.toLowerCase();return pi[t]?"#"+pi[t]:e}var p3=/^#[a-fA-F0-9]{6}$/,f3=/^#[a-fA-F0-9]{8}$/,h3=/^#[a-fA-F0-9]{3}$/,g3=/^#[a-fA-F0-9]{4}$/,ua=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,m3=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,v3=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,b3=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function No(e){if(typeof e!="string")throw new Ze(3);var t=u3(e);if(t.match(p3))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(f3)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(h3))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(g3)){var n=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:n}}var a=ua.exec(t);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var l=m3.exec(t.substring(0,50));if(l)return{red:parseInt(""+l[1],10),green:parseInt(""+l[2],10),blue:parseInt(""+l[3],10),alpha:parseFloat(""+l[4])>1?parseFloat(""+l[4])/100:parseFloat(""+l[4])};var i=v3.exec(t);if(i){var c=parseInt(""+i[1],10),s=parseInt(""+i[2],10)/100,d=parseInt(""+i[3],10)/100,p="rgb("+$r(c,s,d)+")",h=ua.exec(p);if(!h)throw new Ze(4,t,p);return{red:parseInt(""+h[1],10),green:parseInt(""+h[2],10),blue:parseInt(""+h[3],10)}}var v=b3.exec(t.substring(0,50));if(v){var f=parseInt(""+v[1],10),g=parseInt(""+v[2],10)/100,m=parseInt(""+v[3],10)/100,x="rgb("+$r(f,g,m)+")",b=ua.exec(x);if(!b)throw new Ze(4,t,x);return{red:parseInt(""+b[1],10),green:parseInt(""+b[2],10),blue:parseInt(""+b[3],10),alpha:parseFloat(""+v[4])>1?parseFloat(""+v[4])/100:parseFloat(""+v[4])}}throw new Ze(5)}function y3(e){var t=e.red/255,r=e.green/255,n=e.blue/255,a=Math.max(t,r,n),l=Math.min(t,r,n),i=(a+l)/2;if(a===l)return e.alpha!==void 0?{hue:0,saturation:0,lightness:i,alpha:e.alpha}:{hue:0,saturation:0,lightness:i};var c,s=a-l,d=i>.5?s/(2-a-l):s/(a+l);switch(a){case t:c=(r-n)/s+(r=1?bn(e,t,r):"rgba("+$r(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?bn(e.hue,e.saturation,e.lightness):"rgba("+$r(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new Ze(2)}function Ga(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return qa("#"+At(e)+At(t)+At(r));if(typeof e=="object"&&t===void 0&&r===void 0)return qa("#"+At(e.red)+At(e.green)+At(e.blue));throw new Ze(6)}function yn(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var a=No(e);return"rgba("+a.red+","+a.green+","+a.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?Ga(e,t,r):"rgba("+e+","+t+","+r+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?Ga(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new Ze(7)}var C3=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},R3=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},I3=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},A3=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function ec(e){if(typeof e!="object")throw new Ze(8);if(R3(e))return yn(e);if(C3(e))return Ga(e);if(A3(e))return S3(e);if(I3(e))return E3(e);throw new Ze(8)}function tc(e,t,r){return function(){var n=r.concat(Array.prototype.slice.call(arguments));return n.length>=t?e.apply(this,n):tc(e,t,n)}}function Do(e){return tc(e,e.length,[])}function Vo(e,t,r){return Math.max(e,Math.min(t,r))}function _3(e,t){if(t==="transparent")return t;var r=Qs(t);return ec(G({},r,{lightness:Vo(0,1,r.lightness-parseFloat(e))}))}var k3=Do(_3),Yt=k3;function O3(e,t){if(t==="transparent")return t;var r=Qs(t);return ec(G({},r,{lightness:Vo(0,1,r.lightness+parseFloat(e))}))}var T3=Do(O3),fi=T3;function M3(e,t){if(t==="transparent")return t;var r=No(t),n=typeof r.alpha=="number"?r.alpha:1,a=G({},r,{alpha:Vo(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return yn(a)}var $3=Do(M3),Ae=$3,ir=({theme:e})=>({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"},"& tt, & code":{fontSize:"inherit"}}),dt=({theme:e})=>({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"?Ae(.1,e.color.defaultText):Ae(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border}),re=({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"}),jt={margin:"16px 0"},L3=({href:e,...t})=>{let r=/^\//.test(e)?`./?path=${e}`:e,n=/^#.*/.test(e)?"_self":"_top";return u.createElement("a",{href:r,target:n,...t})},rc=A(L3)(re,({theme:e})=>({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}})),nc=A.blockquote(re,jt,({theme:e})=>({borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}})),z3=e=>typeof e=="string",B3=/[\n\r]/g,P3=A.code(({theme:e})=>({fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",display:"inline-block",paddingLeft:2,paddingRight:2,verticalAlign:"baseline",color:"inherit"}),dt),H3=A(To)(({theme:e})=>({fontFamily:e.typography.fonts.mono,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"}})),Uo=({className:e,children:t,...r})=>{let n=(e||"").match(/lang-(\S+)/),a=o.Children.toArray(t);return a.filter(z3).some(l=>l.match(B3))?u.createElement(H3,{bordered:!0,copyable:!0,language:n?.[1]??"text",format:!1,...r},t):u.createElement(P3,{...r,className:e},a)},ac=A.div(re),oc=A.dl(re,jt,{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}}),lc=A.h1(re,ir,({theme:e})=>({fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold})),Wo=A.h2(re,ir,({theme:e})=>({fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`})),qo=A.h3(re,ir,({theme:e})=>({fontSize:`${e.typography.size.m1}px`})),ic=A.h4(re,ir,({theme:e})=>({fontSize:`${e.typography.size.s3}px`})),sc=A.h5(re,ir,({theme:e})=>({fontSize:`${e.typography.size.s2}px`})),cc=A.h6(re,ir,({theme:e})=>({fontSize:`${e.typography.size.s2}px`,color:e.color.dark})),dc=A.hr(({theme:e})=>({border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0})),uc=A.img({maxWidth:"100%"}),pc=A.li(re,({theme:e})=>({fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":dt({theme:e})})),F3={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},fc=A.ol(re,jt,F3,{listStyle:"decimal"}),hc=A.p(re,jt,({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":dt({theme:e})})),gc=A.pre(re,jt,({theme:e})=>({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"}})),mc=A.span(re,({theme:e})=>({"&.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"}}})),vc=A.table(re,jt,({theme:e})=>({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}})),bc=A.title(dt),j3={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},yc=A.ul(re,jt,j3,{listStyle:"disc"}),Go=A.div(re),wc={h1:e=>u.createElement(lc,{...te(e,"h1")}),h2:e=>u.createElement(Wo,{...te(e,"h2")}),h3:e=>u.createElement(qo,{...te(e,"h3")}),h4:e=>u.createElement(ic,{...te(e,"h4")}),h5:e=>u.createElement(sc,{...te(e,"h5")}),h6:e=>u.createElement(cc,{...te(e,"h6")}),pre:e=>u.createElement(gc,{...te(e,"pre")}),a:e=>u.createElement(rc,{...te(e,"a")}),hr:e=>u.createElement(dc,{...te(e,"hr")}),dl:e=>u.createElement(oc,{...te(e,"dl")}),blockquote:e=>u.createElement(nc,{...te(e,"blockquote")}),table:e=>u.createElement(vc,{...te(e,"table")}),img:e=>u.createElement(uc,{...te(e,"img")}),div:e=>u.createElement(ac,{...te(e,"div")}),span:e=>u.createElement(mc,{...te(e,"span")}),li:e=>u.createElement(pc,{...te(e,"li")}),ul:e=>u.createElement(yc,{...te(e,"ul")}),ol:e=>u.createElement(fc,{...te(e,"ol")}),p:e=>u.createElement(hc,{...te(e,"p")}),code:e=>u.createElement(Uo,{...te(e,"code")}),tt:e=>u.createElement(bc,{...te(e,"tt")}),resetwrapper:e=>u.createElement(Go,{...te(e,"resetwrapper")})},N3=A.div(({theme:e})=>({display:"inline-block",fontSize:11,lineHeight:"12px",alignSelf:"center",padding:"4px 12px",borderRadius:"3em",fontWeight:e.typography.weight.bold}),{svg:{height:12,width:12,marginRight:4,marginTop:-2,path:{fill:"currentColor"}}},({theme:e,status:t})=>{switch(t){case"critical":return{color:e.color.critical,background:e.background.critical};case"negative":return{color:e.color.negativeText,background:e.background.negative,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Ae(.9,e.color.negativeText)}`:"none"};case"warning":return{color:e.color.warningText,background:e.background.warning,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Ae(.9,e.color.warningText)}`:"none"};case"neutral":return{color:e.color.dark,background:e.color.mediumlight,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Ae(.9,e.color.dark)}`:"none"};case"positive":return{color:e.color.positiveText,background:e.background.positive,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Ae(.9,e.color.positiveText)}`:"none"};default:return{}}}),D3=({...e})=>u.createElement(N3,{...e}),V3=0,U3=e=>e.button===V3&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,W3=(e,t)=>{U3(e)&&(e.preventDefault(),t(e))},q3=A.span(({withArrow:e})=>e?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:e})=>e?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),G3=A.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:Yt(.07,e.color.secondary),"svg path:not([fill])":{fill:Yt(.07,e.color.secondary)}},"&:active":{color:Yt(.1,e.color.secondary),"svg path:not([fill])":{fill:Yt(.1,e.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:e.color.secondary}}}),({theme:e,secondary:t,tertiary:r})=>{let n;return t&&(n=[e.textMutedColor,e.color.dark,e.color.darker]),r&&(n=[e.color.dark,e.color.darkest,e.textMutedColor]),n?{color:n[0],"svg path:not([fill])":{fill:n[0]},"&:hover":{color:n[1],"svg path:not([fill])":{fill:n[1]}},"&:active":{color:n[2],"svg path:not([fill])":{fill:n[2]}}}:{}},({nochrome:e})=>e?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:e,inverse:t})=>t?{color:e.color.lightest,":not([fill])":{fill:e.color.lightest},"&:hover":{color:e.color.lighter,"svg path:not([fill])":{fill:e.color.lighter}},"&:active":{color:e.color.light,"svg path:not([fill])":{fill:e.color.light}}}:{},({isButton:e})=>e?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),zt=({cancel:e=!0,children:t,onClick:r=void 0,withArrow:n=!1,containsIcon:a=!1,className:l=void 0,style:i=void 0,...c})=>u.createElement(G3,{...c,onClick:r&&e?s=>W3(s,r):r,className:l},u.createElement(q3,{withArrow:n,containsIcon:a},t,n&&u.createElement(Fo,null))),Y3=A.div(({theme:e})=>({fontSize:`${e.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},h2:{fontSize:`${e.typography.size.m2}px`,borderBottom:`1px solid ${e.appBorderColor}`},h3:{fontSize:`${e.typography.size.m1}px`},h4:{fontSize:`${e.typography.size.s3}px`},h5:{fontSize:`${e.typography.size.s2}px`},h6:{fontSize:`${e.typography.size.s2}px`,color:e.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:e.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:e.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.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"}},"span.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"}},"span.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"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${e.color.mediumlight}`,backgroundColor:e.color.lighter,borderRadius:3,color:e.base==="dark"&&e.color.darkest}})),Bt=[],nr=null,K3=o.lazy(async()=>{let{SyntaxHighlighter:e}=await vt(()=>import("./syntaxhighlighter-BP7B2CQK-Bj_jXSOb.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url);return Bt.length>0&&(Bt.forEach(t=>{e.registerLanguage(...t)}),Bt=[]),nr===null&&(nr=e),{default:t=>u.createElement(e,{...t})}}),X3=o.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([vt(()=>import("./syntaxhighlighter-BP7B2CQK-Bj_jXSOb.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url),vt(()=>import("./formatter-2WMMO6ZP-CmUiIviU.js"),__vite__mapDeps([12,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url)]);return Bt.length>0&&(Bt.forEach(r=>{e.registerLanguage(...r)}),Bt=[]),nr===null&&(nr=e),{default:r=>u.createElement(e,{...r,formatter:t})}}),Fn=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},e.format!==!1?u.createElement(X3,{...e}):u.createElement(K3,{...e}));Fn.registerLanguage=(...e)=>{if(nr!==null){nr.registerLanguage(...e);return}Bt.push(e)};var xc={};p5(xc,{Actions:()=>a7,CloseButton:()=>Rc,Col:()=>Ac,Container:()=>Cc,Content:()=>e7,Description:()=>n7,Error:()=>o7,ErrorWrapper:()=>_c,Header:()=>t7,Overlay:()=>Sc,Row:()=>Ic,Title:()=>r7});var xt=o.forwardRef(({asChild:e=!1,animation:t="none",size:r="small",variant:n="outline",padding:a="medium",disabled:l=!1,active:i=!1,onClick:c,...s},d)=>{let p="button";s.isLink&&(p="a"),e&&(p=h0);let h=n,v=r,[f,g]=o.useState(!1),m=x=>{c&&c(x),t!=="none"&&g(!0)};if(o.useEffect(()=>{let x=setTimeout(()=>{f&&g(!1)},1e3);return()=>clearTimeout(x)},[f]),s.primary&&(h="solid",v="medium"),(s.secondary||s.tertiary||s.gray||s.outline||s.inForm)&&(h="outline",v="medium"),s.small||s.isLink||s.primary||s.secondary||s.tertiary||s.gray||s.outline||s.inForm||s.containsIcon){let x=u.Children.toArray(s.children).filter(b=>typeof b=="string"&&b!=="");Zs(`Use of deprecated props in the button ${x.length>0?`"${x.join(" ")}"`:"component"} detected, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-ui-and-props-for-button-and-iconbutton-components`)}return u.createElement(Z3,{as:p,ref:d,variant:h,size:v,padding:a,disabled:l,active:i,animating:f,animation:t,onClick:m,...s})});xt.displayName="Button";var Z3=A("button",{shouldForwardProp:e=>po(e)})(({theme:e,variant:t,size:r,disabled:n,active:a,animating:l,animation:i,padding:c})=>({border:0,cursor:n?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",padding:c==="small"&&r==="small"?"0 7px":c==="small"&&r==="medium"?"0 9px":r==="small"?"0 10px":r==="medium"?"0 12px":0,height:r==="small"?"28px":"32px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:n?.5:1,margin:0,fontSize:`${e.typography.size.s1}px`,fontWeight:e.typography.weight.bold,lineHeight:"1",background:t==="solid"?e.color.secondary:t==="outline"?e.button.background:t==="ghost"&&a?e.background.hoverable:"transparent",...t==="ghost"?{".sb-bar &":{background:a?Ae(.9,e.barTextColor):"transparent",color:a?e.barSelectedColor:e.barTextColor,"&:hover":{color:e.barHoverColor,background:Ae(.86,e.barHoverColor)},"&:active":{color:e.barSelectedColor,background:Ae(.9,e.barSelectedColor)},"&:focus":{boxShadow:`${yn(e.barHoverColor,1)} 0 0 0 1px inset`,outline:"none"}}}:{},color:t==="solid"?e.color.lightest:t==="outline"?e.input.color:t==="ghost"&&a?e.color.secondary:t==="ghost"?e.color.mediumdark:e.input.color,boxShadow:t==="outline"?`${e.button.border} 0 0 0 1px inset`:"none",borderRadius:e.input.borderRadius,flexShrink:0,"&:hover":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let s=e.color.secondary;return t==="solid"&&(s=e.color.secondary),t==="outline"&&(s=e.button.background),t==="ghost"?Ae(.86,e.color.secondary):e.base==="light"?Yt(.02,s):fi(.03,s)})()},"&:active":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let s=e.color.secondary;return t==="solid"&&(s=e.color.secondary),t==="outline"&&(s=e.button.background),t==="ghost"?e.background.hoverable:e.base==="light"?Yt(.02,s):fi(.03,s)})()},"&:focus":{boxShadow:`${yn(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"},"> svg":{animation:l&&i!=="none"?`${e.animation[i]} 1000ms ease-out`:""}})),mt=o.forwardRef(({padding:e="small",variant:t="ghost",...r},n)=>u.createElement(xt,{padding:e,variant:t,ref:n,...r}));mt.displayName="IconButton";var Ec=st({from:{opacity:0},to:{opacity:1}}),J3=st({from:{maxHeight:0},to:{}}),Q3=st({from:{opacity:0,transform:"translate(-50%, -50%) scale(0.9)"},to:{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),Sc=A.div({backgroundColor:"rgba(27, 28, 29, 0.2)",position:"fixed",inset:0,width:"100%",height:"100%",zIndex:10,animation:`${Ec} 200ms`}),Cc=A.div(({theme:e,width:t,height:r})=>({backgroundColor:e.background.bar,borderRadius:6,boxShadow:"rgba(255, 255, 255, 0.05) 0 0 0 1px inset, rgba(14, 18, 22, 0.35) 0px 10px 38px -10px",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:t??740,height:r??"auto",maxWidth:"calc(100% - 40px)",maxHeight:"85vh",overflow:"hidden",zIndex:11,animation:`${Q3} 200ms`,"&:focus-visible":{outline:"none"}})),Rc=e=>u.createElement(cd,{asChild:!0},u.createElement(mt,{...e},u.createElement(Us,null))),e7=A.div({display:"flex",flexDirection:"column",margin:16,gap:16}),Ic=A.div({display:"flex",justifyContent:"space-between",gap:16}),Ac=A.div({display:"flex",flexDirection:"column",gap:4}),t7=e=>u.createElement(Ic,null,u.createElement(Ac,{...e}),u.createElement(Rc,null)),r7=A(ld)(({theme:e})=>({margin:0,fontSize:e.typography.size.s3,fontWeight:e.typography.weight.bold})),n7=A(id)(({theme:e})=>({position:"relative",zIndex:1,margin:0,fontSize:e.typography.size.s2})),a7=A.div({display:"flex",flexDirection:"row-reverse",gap:8}),_c=A.div(({theme:e})=>({maxHeight:100,overflow:"auto",animation:`${J3} 300ms, ${Ec} 300ms`,backgroundColor:e.background.critical,color:e.color.lightest,fontSize:e.typography.size.s2,"& > div":{position:"relative",padding:"8px 16px"}})),o7=({children:e,...t})=>u.createElement(_c,{...t},u.createElement("div",null,e));function l7({children:e,width:t,height:r,onEscapeKeyDown:n,onInteractOutside:a=s=>s.preventDefault(),className:l,container:i,...c}){return u.createElement(dd,{...c},u.createElement(ud,{container:i},u.createElement(pd,{asChild:!0},u.createElement(Sc,null)),u.createElement(fd,{asChild:!0,onInteractOutside:a,onEscapeKeyDown:n},u.createElement(Cc,{className:l,width:t,height:r},e))))}var i7=Object.assign(l7,xc,{Dialog:sd}),s7=e=>typeof e=="number"?e:Number(e),c7=A.div(({theme:e,col:t,row:r=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Ha}`]:{marginLeft:0}}:{"& > *":{marginTop:r*e.layoutMargin},[`& > *:first-child${Ha}`]:{marginTop:0}},({theme:e,outer:t,col:r,row:n})=>{switch(!0){case!!(t&&r):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&n):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),d7=({col:e,row:t,outer:r,children:n,...a})=>{let l=s7(typeof r=="number"||!r?r:e||t);return u.createElement(c7,{col:e,row:t,outer:l,...a},n)},u7=A.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),p7=A.div(),f7=A.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),h7=({children:e,...t})=>{let[r,n]=o.Children.toArray(e);return u.createElement(f7,{...t},u.createElement(u7,null,r),n&&u.createElement(p7,null,n))};function g7(e,t){var r=o.useRef(null),n=o.useRef(null);n.current=t;var a=o.useRef(null);o.useEffect(function(){l()});var l=o.useCallback(function(){var i=a.current,c=n.current,s=i||(c?c instanceof Element?c:c.current:null);r.current&&r.current.element===s&&r.current.subscriber===e||(r.current&&r.current.cleanup&&r.current.cleanup(),r.current={element:s,subscriber:e,cleanup:s?e(s):void 0})},[e]);return o.useEffect(function(){return function(){r.current&&r.current.cleanup&&(r.current.cleanup(),r.current=null)}},[]),o.useCallback(function(i){a.current=i,l()},[l])}function hi(e,t,r){return e[t]?e[t][0]?e[t][0][r]:e[t][r]:t==="contentBoxSize"?e.contentRect[r==="inlineSize"?"width":"height"]:void 0}function kc(e){e===void 0&&(e={});var t=e.onResize,r=o.useRef(void 0);r.current=t;var n=e.round||Math.round,a=o.useRef(),l=o.useState({width:void 0,height:void 0}),i=l[0],c=l[1],s=o.useRef(!1);o.useEffect(function(){return s.current=!1,function(){s.current=!0}},[]);var d=o.useRef({width:void 0,height:void 0}),p=g7(o.useCallback(function(h){return(!a.current||a.current.box!==e.box||a.current.round!==n)&&(a.current={box:e.box,round:n,instance:new ResizeObserver(function(v){var f=v[0],g=e.box==="border-box"?"borderBoxSize":e.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",m=hi(f,g,"inlineSize"),x=hi(f,g,"blockSize"),b=m?n(m):void 0,E=x?n(x):void 0;if(d.current.width!==b||d.current.height!==E){var y={width:b,height:E};d.current.width=b,d.current.height=E,r.current?r.current(y):s.current||c(y)}})}),a.current.instance.observe(h,{box:e.box}),function(){a.current&&a.current.instance.unobserve(h)}},[e.box,n]),e.ref);return o.useMemo(function(){return{ref:p,width:i.width,height:i.height}},[p,i.width,i.height])}var m7=A.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function v7({scale:e,children:t}){let r=o.useRef(null),[n,a]=o.useState(0),l=o.useCallback(({height:i})=>{i&&a(i/e)},[e]);return o.useEffect(()=>{r.current&&a(r.current.getBoundingClientRect().height)},[e]),kc({ref:r,onResize:l}),u.createElement(m7,{scale:e,elementHeight:n},u.createElement("div",{ref:r,className:"innerZoomElementWrapper"},t))}var b7=class extends o.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:e}=this.props;this.iframe=e.current}shouldComponentUpdate(e){let{scale:t,active:r}=this.props;return t!==e.scale&&this.setIframeInnerZoom(e.scale),r!==e.active&&this.iframe.setAttribute("data-is-storybook",e.active?"true":"false"),e.children.props.src!==this.props.children.props.src}setIframeInnerZoom(e){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}catch{this.setIframeZoom(e)}}setIframeZoom(e){Object.assign(this.iframe.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}render(){let{children:e}=this.props;return u.createElement(u.Fragment,null,e)}},Oc={Element:v7,IFrame:b7},{document:y7}=n3,w7=A.strong(({theme:e})=>({color:e.color.orange})),x7=A.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),gi=A.em(({theme:e})=>({color:e.textMutedColor})),E7=/(Error): (.*)\n/,S7=/at (?:(.*) )?\(?(.+)\)?/,C7=/([^@]+)?(?:\/<)?@(.+)?/,R7=/([^@]+)?@(.+)?/,Tc=({error:e})=>{if(!e)return u.createElement(o.Fragment,null,"This error has no stack or message");if(!e.stack)return u.createElement(o.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message} -${t}`);let r=t.match(E7);if(!r)return u.createElement(o.Fragment,null,t);let[,n,a]=r,l=t.split(/\n/).slice(1),[,...i]=l.map(c=>{let s=c.match(S7)||c.match(C7)||c.match(R7);return s?{name:(s[1]||"").replace("/<",""),location:s[2].replace(y7.location.origin,"")}:null}).filter(Boolean);return u.createElement(o.Fragment,null,u.createElement("span",null,n),": ",u.createElement(w7,null,a),u.createElement("br",null),i.map((c,s)=>c.name?u.createElement(o.Fragment,{key:s}," ","at ",u.createElement(x7,null,c.name)," (",u.createElement(gi,null,c.location),")",u.createElement("br",null)):u.createElement(o.Fragment,{key:s}," ","at ",u.createElement(gi,null,c.location),u.createElement("br",null))))},I7=A.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),A7=A.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),_7=({label:e,children:t,...r})=>u.createElement(I7,{...r},e?u.createElement(A7,null,u.createElement("span",null,e)):null,t),k7=o.useLayoutEffect,O7=k7,T7=function(e){var t=o.useRef(e);return O7(function(){t.current=e}),t},mi=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},M7=function(e,t){var r=o.useRef();return o.useCallback(function(n){e.current=n,r.current&&mi(r.current,null),r.current=t,t&&mi(t,n)},[t])},$7=M7,bi={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},L7=function(e){Object.keys(bi).forEach(function(t){e.style.setProperty(t,bi[t],"important")})},yi=L7,be=null,wi=function(e,t){var r=e.scrollHeight;return t.sizingStyle.boxSizing==="border-box"?r+t.borderSize:r-t.paddingSize};function z7(e,t,r,n){r===void 0&&(r=1),n===void 0&&(n=1/0),be||(be=document.createElement("textarea"),be.setAttribute("tabindex","-1"),be.setAttribute("aria-hidden","true"),yi(be)),be.parentNode===null&&document.body.appendChild(be);var a=e.paddingSize,l=e.borderSize,i=e.sizingStyle,c=i.boxSizing;Object.keys(i).forEach(function(v){var f=v;be.style[f]=i[f]}),yi(be),be.value=t;var s=wi(be,e);be.value=t,s=wi(be,e),be.value="x";var d=be.scrollHeight-a,p=d*r;c==="border-box"&&(p=p+a+l),s=Math.max(p,s);var h=d*n;return c==="border-box"&&(h=h+a+l),s=Math.min(h,s),[s,d]}var xi=function(){},B7=function(e,t){return e.reduce(function(r,n){return r[n]=t[n],r},{})},P7=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],H7=!!document.documentElement.currentStyle,F7=function(e){var t=window.getComputedStyle(e);if(t===null)return null;var r=B7(P7,t),n=r.boxSizing;if(n==="")return null;H7&&n==="border-box"&&(r.width=parseFloat(r.width)+parseFloat(r.borderRightWidth)+parseFloat(r.borderLeftWidth)+parseFloat(r.paddingRight)+parseFloat(r.paddingLeft)+"px");var a=parseFloat(r.paddingBottom)+parseFloat(r.paddingTop),l=parseFloat(r.borderBottomWidth)+parseFloat(r.borderTopWidth);return{sizingStyle:r,paddingSize:a,borderSize:l}},j7=F7;function Mc(e,t,r){var n=T7(r);o.useLayoutEffect(function(){var a=function(l){return n.current(l)};if(e)return e.addEventListener(t,a),function(){return e.removeEventListener(t,a)}},[])}var N7=function(e){Mc(window,"resize",e)},D7=function(e){Mc(document.fonts,"loadingdone",e)},V7=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],U7=function(e,t){var r=e.cacheMeasurements,n=e.maxRows,a=e.minRows,l=e.onChange,i=l===void 0?xi:l,c=e.onHeightChange,s=c===void 0?xi:c,d=xo(e,V7),p=d.value!==void 0,h=o.useRef(null),v=$7(h,t),f=o.useRef(0),g=o.useRef(),m=function(){var b=h.current,E=r&&g.current?g.current:j7(b);if(E){g.current=E;var y=z7(E,b.value||b.placeholder||"x",a,n),w=y[0],S=y[1];f.current!==w&&(f.current=w,b.style.setProperty("height",w+"px","important"),s(w,{rowHeight:S}))}},x=function(b){p||m(),i(b)};return o.useLayoutEffect(m),N7(m),D7(m),o.createElement("textarea",G({},d,{onChange:x,ref:v}))},W7=o.forwardRef(U7),q7={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},Yo=({theme:e})=>({...q7,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),Ko=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},$c=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},Xo=({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},G7=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement("input",{...n,ref:a})}))(Yo,Ko,$c,Xo,{minHeight:32}),{displayName:"Input"}),Y7=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement("select",{...n,ref:a})}))(Yo,Ko,Xo,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),K7=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement(W7,{...n,ref:a})}))(Yo,Ko,$c,Xo,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),sr=Object.assign(A.form({boxSizing:"border-box",width:"100%"}),{Field:_7,Input:G7,Select:Y7,Textarea:K7,Button:xt}),X7=o.lazy(()=>vt(()=>import("./WithTooltip-KJL26V4Q-C3E-ZNw3.js"),__vite__mapDeps([13,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url).then(e=>({default:e.WithTooltip}))),Z7=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(X7,{...e})),J7=o.lazy(()=>vt(()=>import("./WithTooltip-KJL26V4Q-C3E-ZNw3.js"),__vite__mapDeps([13,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url).then(e=>({default:e.WithTooltipPure}))),Lc=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(J7,{...e})),Q7=A.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),eb=A.span(),tb=A.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),rb=A.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),nb=A.div({padding:15,width:280,boxSizing:"border-box"}),ab=({title:e,desc:t,links:r})=>u.createElement(nb,null,u.createElement(rb,null,e&&u.createElement(Q7,null,e),t&&u.createElement(eb,null,t)),r&&u.createElement(tb,null,r.map(({title:n,...a})=>u.createElement(zt,{...a,key:n},n)))),ob=A.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),lb=({note:e,...t})=>u.createElement(ob,{...t},e),ib=A(({active:e,loading:t,disabled:r,...n})=>u.createElement("span",{...n}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:Ae(.7,t.color.defaultText)}:{}),sb=A.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),cb=A.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),db=A.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),ub=A.span(({active:e,theme:t})=>e?{color:t.color.secondary}:{},()=>({display:"flex",maxWidth:14})),pb=A.a(({theme:e})=>({fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:e})=>e?{cursor:"not-allowed"}:{}),fb=Ht(100)((e,t,r)=>{let n={};return e&&Object.assign(n,{onClick:e}),t&&Object.assign(n,{href:t}),r&&t&&Object.assign(n,{to:t,as:r}),n}),hb=({loading:e=!1,title:t=u.createElement("span",null,"Loading state"),center:r=null,right:n=null,active:a=!1,disabled:l=!1,isIndented:i,href:c=null,onClick:s=null,icon:d,LinkWrapper:p=null,...h})=>{let v=fb(s,c,p),f={active:a,disabled:l};return u.createElement(pb,{...f,...h,...v},d&&u.createElement(ub,{...f},d),t||r?u.createElement(cb,{isIndented:!d&&i},t&&u.createElement(ib,{...f,loading:e},t),r&&u.createElement(db,{...f},r)):null,n&&u.createElement(sb,{...f},n))},zc=hb,gb=A.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),mb=e=>{let{LinkWrapper:t,onClick:r,id:n,isIndented:a,...l}=e,{title:i,href:c,active:s}=l,d=o.useCallback(h=>{r(h,l)},[r]),p=!!r;return u.createElement(zc,{title:i,active:s,href:c,id:`list-item-${n}`,LinkWrapper:t,isIndented:a,...l,...p?{onClick:d}:{}})},Bc=({links:e,LinkWrapper:t=null})=>{let r=e.some(n=>n.icon);return u.createElement(gb,null,e.map(({isGatsby:n,...a})=>u.createElement(mb,{key:a.id,LinkWrapper:n?t:null,isIndented:r,...a})))},vb=e=>typeof e.props.href=="string",bb=e=>typeof e.props.href!="string";function yb({children:e,...t},r){let n={props:t,ref:r};if(vb(n))return u.createElement("a",{ref:n.ref,...n.props},e);if(bb(n))return u.createElement("button",{ref:n.ref,type:"button",...n.props},e);throw new Error("invalid props")}var Pc=o.forwardRef(yb);Pc.displayName="ButtonOrLink";var Vr=A(Pc,{shouldForwardProp:po})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"},"&[hidden]":{display:"none"}},({theme:e})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:e.barSelectedColor}}),({active:e,textColor:t,theme:r})=>e?{color:t||r.barSelectedColor,borderBottomColor:r.barSelectedColor}:{color:t||r.barTextColor,borderBottomColor:"transparent","&:hover":{color:r.barHoverColor}});Vr.displayName="TabButton";var wb=A.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),xb=A.div(()=>({marginTop:6,padding:7,height:28})),Eb=()=>u.createElement(xb,null,u.createElement(wb,null)),Ya=A.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});Ya.displayName="Side";var Sb=({children:e,className:t,scrollable:r})=>r?u.createElement(Pn,{vertical:!1,className:t},e):u.createElement("div",{className:t},e),Zo=A(Sb)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`,background:e.barBg}:{});Zo.displayName="Bar";var Cb=A.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),jn=({children:e,backgroundColor:t,className:r,...n})=>{let[a,l]=o.Children.toArray(e);return u.createElement(Zo,{className:`sb-bar ${r}`,...n},u.createElement(Cb,{bgColor:t},u.createElement(Ya,{scrollable:n.scrollable,left:!0},a),l?u.createElement(Ya,{right:!0},l):null))};jn.displayName="FlexBar";var Hc=A.div(({active:e})=>e?{display:"block"}:{display:"none"}),Rb=e=>o.Children.toArray(e).map(({props:{title:t,id:r,color:n,children:a}})=>{let l=Array.isArray(a)?a[0]:a;return{title:t,id:r,...n?{color:n}:{},render:typeof l=="function"?l:({active:i})=>u.createElement(Hc,{active:i,role:"tabpanel"},l)}}),Ib=A.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),Ab=A(Vr)(({active:e,theme:t,preActive:r})=>` +${t}`);let r=t.match(E7);if(!r)return u.createElement(o.Fragment,null,t);let[,n,a]=r,l=t.split(/\n/).slice(1),[,...i]=l.map(c=>{let s=c.match(S7)||c.match(C7)||c.match(R7);return s?{name:(s[1]||"").replace("/<",""),location:s[2].replace(y7.location.origin,"")}:null}).filter(Boolean);return u.createElement(o.Fragment,null,u.createElement("span",null,n),": ",u.createElement(w7,null,a),u.createElement("br",null),i.map((c,s)=>c.name?u.createElement(o.Fragment,{key:s}," ","at ",u.createElement(x7,null,c.name)," (",u.createElement(gi,null,c.location),")",u.createElement("br",null)):u.createElement(o.Fragment,{key:s}," ","at ",u.createElement(gi,null,c.location),u.createElement("br",null))))},I7=A.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),A7=A.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),_7=({label:e,children:t,...r})=>u.createElement(I7,{...r},e?u.createElement(A7,null,u.createElement("span",null,e)):null,t),k7=o.useLayoutEffect,O7=k7,T7=function(e){var t=o.useRef(e);return O7(function(){t.current=e}),t},mi=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},M7=function(e,t){var r=o.useRef();return o.useCallback(function(n){e.current=n,r.current&&mi(r.current,null),r.current=t,t&&mi(t,n)},[t])},$7=M7,bi={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},L7=function(e){Object.keys(bi).forEach(function(t){e.style.setProperty(t,bi[t],"important")})},yi=L7,be=null,wi=function(e,t){var r=e.scrollHeight;return t.sizingStyle.boxSizing==="border-box"?r+t.borderSize:r-t.paddingSize};function z7(e,t,r,n){r===void 0&&(r=1),n===void 0&&(n=1/0),be||(be=document.createElement("textarea"),be.setAttribute("tabindex","-1"),be.setAttribute("aria-hidden","true"),yi(be)),be.parentNode===null&&document.body.appendChild(be);var a=e.paddingSize,l=e.borderSize,i=e.sizingStyle,c=i.boxSizing;Object.keys(i).forEach(function(v){var f=v;be.style[f]=i[f]}),yi(be),be.value=t;var s=wi(be,e);be.value=t,s=wi(be,e),be.value="x";var d=be.scrollHeight-a,p=d*r;c==="border-box"&&(p=p+a+l),s=Math.max(p,s);var h=d*n;return c==="border-box"&&(h=h+a+l),s=Math.min(h,s),[s,d]}var xi=function(){},B7=function(e,t){return e.reduce(function(r,n){return r[n]=t[n],r},{})},P7=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],H7=!!document.documentElement.currentStyle,F7=function(e){var t=window.getComputedStyle(e);if(t===null)return null;var r=B7(P7,t),n=r.boxSizing;if(n==="")return null;H7&&n==="border-box"&&(r.width=parseFloat(r.width)+parseFloat(r.borderRightWidth)+parseFloat(r.borderLeftWidth)+parseFloat(r.paddingRight)+parseFloat(r.paddingLeft)+"px");var a=parseFloat(r.paddingBottom)+parseFloat(r.paddingTop),l=parseFloat(r.borderBottomWidth)+parseFloat(r.borderTopWidth);return{sizingStyle:r,paddingSize:a,borderSize:l}},j7=F7;function Mc(e,t,r){var n=T7(r);o.useLayoutEffect(function(){var a=function(l){return n.current(l)};if(e)return e.addEventListener(t,a),function(){return e.removeEventListener(t,a)}},[])}var N7=function(e){Mc(window,"resize",e)},D7=function(e){Mc(document.fonts,"loadingdone",e)},V7=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],U7=function(e,t){var r=e.cacheMeasurements,n=e.maxRows,a=e.minRows,l=e.onChange,i=l===void 0?xi:l,c=e.onHeightChange,s=c===void 0?xi:c,d=xo(e,V7),p=d.value!==void 0,h=o.useRef(null),v=$7(h,t),f=o.useRef(0),g=o.useRef(),m=function(){var b=h.current,E=r&&g.current?g.current:j7(b);if(E){g.current=E;var y=z7(E,b.value||b.placeholder||"x",a,n),w=y[0],S=y[1];f.current!==w&&(f.current=w,b.style.setProperty("height",w+"px","important"),s(w,{rowHeight:S}))}},x=function(b){p||m(),i(b)};return o.useLayoutEffect(m),N7(m),D7(m),o.createElement("textarea",G({},d,{onChange:x,ref:v}))},W7=o.forwardRef(U7),q7={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},Yo=({theme:e})=>({...q7,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),Ko=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},$c=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},Xo=({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},G7=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement("input",{...n,ref:a})}))(Yo,Ko,$c,Xo,{minHeight:32}),{displayName:"Input"}),Y7=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement("select",{...n,ref:a})}))(Yo,Ko,Xo,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),K7=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement(W7,{...n,ref:a})}))(Yo,Ko,$c,Xo,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),sr=Object.assign(A.form({boxSizing:"border-box",width:"100%"}),{Field:_7,Input:G7,Select:Y7,Textarea:K7,Button:xt}),X7=o.lazy(()=>vt(()=>import("./WithTooltip-KJL26V4Q-B9cv7YbH.js"),__vite__mapDeps([13,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url).then(e=>({default:e.WithTooltip}))),Z7=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(X7,{...e})),J7=o.lazy(()=>vt(()=>import("./WithTooltip-KJL26V4Q-B9cv7YbH.js"),__vite__mapDeps([13,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url).then(e=>({default:e.WithTooltipPure}))),Lc=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(J7,{...e})),Q7=A.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),eb=A.span(),tb=A.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),rb=A.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),nb=A.div({padding:15,width:280,boxSizing:"border-box"}),ab=({title:e,desc:t,links:r})=>u.createElement(nb,null,u.createElement(rb,null,e&&u.createElement(Q7,null,e),t&&u.createElement(eb,null,t)),r&&u.createElement(tb,null,r.map(({title:n,...a})=>u.createElement(zt,{...a,key:n},n)))),ob=A.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),lb=({note:e,...t})=>u.createElement(ob,{...t},e),ib=A(({active:e,loading:t,disabled:r,...n})=>u.createElement("span",{...n}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:Ae(.7,t.color.defaultText)}:{}),sb=A.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),cb=A.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),db=A.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),ub=A.span(({active:e,theme:t})=>e?{color:t.color.secondary}:{},()=>({display:"flex",maxWidth:14})),pb=A.a(({theme:e})=>({fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:e})=>e?{cursor:"not-allowed"}:{}),fb=Ht(100)((e,t,r)=>{let n={};return e&&Object.assign(n,{onClick:e}),t&&Object.assign(n,{href:t}),r&&t&&Object.assign(n,{to:t,as:r}),n}),hb=({loading:e=!1,title:t=u.createElement("span",null,"Loading state"),center:r=null,right:n=null,active:a=!1,disabled:l=!1,isIndented:i,href:c=null,onClick:s=null,icon:d,LinkWrapper:p=null,...h})=>{let v=fb(s,c,p),f={active:a,disabled:l};return u.createElement(pb,{...f,...h,...v},d&&u.createElement(ub,{...f},d),t||r?u.createElement(cb,{isIndented:!d&&i},t&&u.createElement(ib,{...f,loading:e},t),r&&u.createElement(db,{...f},r)):null,n&&u.createElement(sb,{...f},n))},zc=hb,gb=A.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),mb=e=>{let{LinkWrapper:t,onClick:r,id:n,isIndented:a,...l}=e,{title:i,href:c,active:s}=l,d=o.useCallback(h=>{r(h,l)},[r]),p=!!r;return u.createElement(zc,{title:i,active:s,href:c,id:`list-item-${n}`,LinkWrapper:t,isIndented:a,...l,...p?{onClick:d}:{}})},Bc=({links:e,LinkWrapper:t=null})=>{let r=e.some(n=>n.icon);return u.createElement(gb,null,e.map(({isGatsby:n,...a})=>u.createElement(mb,{key:a.id,LinkWrapper:n?t:null,isIndented:r,...a})))},vb=e=>typeof e.props.href=="string",bb=e=>typeof e.props.href!="string";function yb({children:e,...t},r){let n={props:t,ref:r};if(vb(n))return u.createElement("a",{ref:n.ref,...n.props},e);if(bb(n))return u.createElement("button",{ref:n.ref,type:"button",...n.props},e);throw new Error("invalid props")}var Pc=o.forwardRef(yb);Pc.displayName="ButtonOrLink";var Vr=A(Pc,{shouldForwardProp:po})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"},"&[hidden]":{display:"none"}},({theme:e})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:e.barSelectedColor}}),({active:e,textColor:t,theme:r})=>e?{color:t||r.barSelectedColor,borderBottomColor:r.barSelectedColor}:{color:t||r.barTextColor,borderBottomColor:"transparent","&:hover":{color:r.barHoverColor}});Vr.displayName="TabButton";var wb=A.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),xb=A.div(()=>({marginTop:6,padding:7,height:28})),Eb=()=>u.createElement(xb,null,u.createElement(wb,null)),Ya=A.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});Ya.displayName="Side";var Sb=({children:e,className:t,scrollable:r})=>r?u.createElement(Pn,{vertical:!1,className:t},e):u.createElement("div",{className:t},e),Zo=A(Sb)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`,background:e.barBg}:{});Zo.displayName="Bar";var Cb=A.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),jn=({children:e,backgroundColor:t,className:r,...n})=>{let[a,l]=o.Children.toArray(e);return u.createElement(Zo,{className:`sb-bar ${r}`,...n},u.createElement(Cb,{bgColor:t},u.createElement(Ya,{scrollable:n.scrollable,left:!0},a),l?u.createElement(Ya,{right:!0},l):null))};jn.displayName="FlexBar";var Hc=A.div(({active:e})=>e?{display:"block"}:{display:"none"}),Rb=e=>o.Children.toArray(e).map(({props:{title:t,id:r,color:n,children:a}})=>{let l=Array.isArray(a)?a[0]:a;return{title:t,id:r,...n?{color:n}:{},render:typeof l=="function"?l:({active:i})=>u.createElement(Hc,{active:i,role:"tabpanel"},l)}}),Ib=A.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),Ab=A(Vr)(({active:e,theme:t,preActive:r})=>` color: ${r||e?t.barSelectedColor:t.barTextColor}; .addon-collapsible-icon { color: ${r||e?t.barSelectedColor:t.barTextColor}; @@ -458,7 +458,7 @@ ${t}`);let r=t.match(E7);if(!r)return u.createElement(o.Fragment,null,t);let[,n, ${We(.02,e.input.background)} 100%)`:`linear-gradient(to right, ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, ${kt(.02,e.input.background)} ${(n-t)/(r-t)*100}%, - ${kt(.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"}}})),W1=A.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),oI=A(W1)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),lI=A.div({display:"flex",alignItems:"center",width:"100%"});function iI(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 sI=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:l=1,onBlur:i,onFocus:c,argType:s})=>{let d=f=>{r(bR(f.target.value))},p=t!==void 0,h=o.useMemo(()=>iI(l),[l]),v=!!s?.table?.readonly;return u.createElement(lI,{"aria-readonly":v},u.createElement(W1,null,n),u.createElement(aI,{id:Be(e),type:"range",disabled:v,onChange:d,name:e,value:t,min:n,max:a,step:l,onFocus:c,onBlur:i}),u.createElement(oI,{numberOFDecimalsPlaces:h,max:a},p?t.toFixed(h):"--"," / ",a))},cI=A.label({display:"flex"}),dI=A.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),uI=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:l,argType:i})=>{let c=f=>{r(f.target.value)},s=!!i?.table?.readonly,[d,p]=o.useState(!1),h=o.useCallback(()=>{r(""),p(!0)},[p]);if(t===void 0)return u.createElement(xt,{variant:"outline",size:"medium",disabled:s,id:Rn(e),onClick:h},"Set string");let v=typeof t=="string";return u.createElement(cI,null,u.createElement(sr.Textarea,{id:Be(e),maxLength:l,onChange:c,disabled:s,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:v?null:"error",name:e,value:v?t:"",onFocus:n,onBlur:a}),l&&u.createElement(dI,{isMaxed:t?.length===l},t?.length??0," / ",l))},pI=A(sr.Input)({padding:10});function fI(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var hI=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{let l=o.useRef(null),i=a?.control?.readOnly;function c(s){if(!s.target.files)return;let d=Array.from(s.target.files).map(p=>URL.createObjectURL(p));e(d),fI(n)}return o.useEffect(()=>{n==null&&l.current&&(l.current.value=null)},[n,t]),u.createElement(pI,{ref:l,id:Be(t),type:"file",name:t,multiple:!0,disabled:i,onChange:c,accept:r,size:"flex"})},gI=o.lazy(()=>vt(()=>import("./Color-PRSJMWNM-Bz9DXUad.js"),__vite__mapDeps([14,2,10,1,3,4,5,6,7,8,9,11]),import.meta.url)),mI=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(gI,{...e})),vI={array:d0,object:d0,boolean:dR,color:mI,date:mR,number:wR,check:qt,"inline-check":qt,radio:qt,"inline-radio":qt,select:qt,"multi-select":qt,range:sI,text:uI,file:hI},u0=()=>u.createElement(u.Fragment,null,"-"),bI=({row:e,arg:t,updateArgs:r,isHovered:n})=>{let{key:a,control:l}=e,[i,c]=o.useState(!1),[s,d]=o.useState({value:t});o.useEffect(()=>{i||d({value:t})},[i,t]);let p=o.useCallback(m=>(d({value:m}),r({[a]:m}),m),[r,a]),h=o.useCallback(()=>c(!1),[]),v=o.useCallback(()=>c(!0),[]);if(!l||l.disable){let m=l?.disable!==!0&&e?.type?.name!=="function";return n&&m?u.createElement(zt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):u.createElement(u0,null)}let f={name:a,argType:e,value:s.value,onChange:p,onBlur:h,onFocus:v},g=vI[l.type]||u0;return u.createElement(g,{...f,...l,controlType:l.type})},yI=A.span({fontWeight:"bold"}),wI=A.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),xI=A.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...dt({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),EI=A.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?4:0})),SI=A.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),CI=A.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),RI=e=>e&&{summary:typeof e=="string"?e:e.name},Qr=e=>{let[t,r]=o.useState(!1),{row:n,updateArgs:a,compact:l,expandable:i,initialExpandedArgs:c}=e,{name:s,description:d}=n,p=n.table||{},h=p.type||RI(n.type),v=p.defaultValue||n.defaultValue,f=n.type?.required,g=d!=null&&d!=="";return u.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},u.createElement(CI,{expandable:i},u.createElement(yI,null,s),f?u.createElement(wI,{title:"Required"},"*"):null),l?null:u.createElement("td",null,g&&u.createElement(xI,null,u.createElement(f1,null,d)),p.jsDocTags!=null?u.createElement(u.Fragment,null,u.createElement(SI,{hasDescription:g},u.createElement(Aa,{value:h,initialExpandedArgs:c})),u.createElement(ZC,{tags:p.jsDocTags})):u.createElement(EI,{hasDescription:g},u.createElement(Aa,{value:h,initialExpandedArgs:c}))),l?null:u.createElement("td",null,u.createElement(Aa,{value:v,initialExpandedArgs:c})),a?u.createElement("td",null,u.createElement(bI,{...e,isHovered:t})):null)},II=A(Ys)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),AI=A(Fo)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),_I=A.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),kI=A.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"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),OI=A.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),TI=A.td(()=>({position:"relative"})),MI=A.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${kt(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),p0=A.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"})),ka=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[l,i]=o.useState(n),c=e==="subsection"?OI:kI,s=r?.length||0,d=e==="subsection"?`${s} item${s!==1?"s":""}`:"",p=`${l?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return u.createElement(u.Fragment,null,u.createElement(MI,{title:p},u.createElement(c,{colSpan:1},u.createElement(p0,{onClick:h=>i(!l),tabIndex:0},p),u.createElement(_I,null,l?u.createElement(II,null):u.createElement(AI,null),t)),u.createElement(TI,{colSpan:a-1},u.createElement(p0,{onClick:h=>i(!l),tabIndex:-1,style:{outline:"none"}},p),l?null:d)),l?r:null)},en=A.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),fe=A.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),ie=A.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})),he=[2,4,2,2],$I=()=>u.createElement(u.Fragment,null,u.createElement(en,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(en,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(en,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(en,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"})))),LI=A.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"})),zI=A.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),BI=A.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),PI=({inAddonPanel:e})=>{let[t,r]=o.useState(!0);return o.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:u.createElement(LI,{inAddonPanel:e},u.createElement(Jo,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:u.createElement(u.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:u.createElement(zI,null,e&&u.createElement(u.Fragment,null,u.createElement(zt,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},u.createElement(Vs,null)," Watch 5m video"),u.createElement(BI,null),u.createElement(zt,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},u.createElement(vn,null)," Read docs")),!e&&u.createElement(zt,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},u.createElement(vn,null)," Learn how to set that up"))}))},HI=A.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"?ee(.25,e.color.defaultText):ee(.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}}}}})),FI=A(mt)(({theme:e})=>({margin:"-4px -12px -4px 0"})),jI=A.span({display:"flex",justifyContent:"space-between"}),NI={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},DI=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([l,i])=>{let{category:c,subcategory:s}=i?.table||{};if(c){let d=r.sections[c]||{ungrouped:[],subsections:{}};if(!s)d.ungrouped.push({key:l,...i});else{let p=d.subsections[s]||[];p.push({key:l,...i}),d.subsections[s]=p}r.sections[c]=d}else if(s){let d=r.ungroupedSubsections[s]||[];d.push({key:l,...i}),r.ungroupedSubsections[s]=d}else r.ungrouped.push({key:l,...i})});let n=NI[t],a=l=>n?Object.keys(l).reduce((i,c)=>({...i,[c]:l[c].sort(n)}),{}):l;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((l,i)=>({...l,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},VI=(e,t,r)=>{try{return hd(e,t,r)}catch(n){return wC.warn(n.message),!1}},oo=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:l,sort:i="none",isLoading:c}=e;if("error"in e){let{error:E}=e;return u.createElement(_1,null,E," ",u.createElement(zt,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},u.createElement(vn,null)," Read the docs"))}if(c)return u.createElement($I,null);let{rows:s,args:d,globals:p}="rows"in e&&e,h=DI(R6(s,E=>!E?.table?.disable&&VI(E,d||{},p||{})),i),v=h.ungrouped.length===0,f=Object.entries(h.sections).length===0,g=Object.entries(h.ungroupedSubsections).length===0;if(v&&f&&g)return u.createElement(PI,{inAddonPanel:a});let m=1;t&&(m+=1),n||(m+=2);let x=Object.keys(h.sections).length>0,b={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:l};return u.createElement(Go,null,u.createElement(HI,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},u.createElement("thead",{className:"docblock-argstable-head"},u.createElement("tr",null,u.createElement("th",null,u.createElement("span",null,"Name")),n?null:u.createElement("th",null,u.createElement("span",null,"Description")),n?null:u.createElement("th",null,u.createElement("span",null,"Default")),t?u.createElement("th",null,u.createElement(jI,null,"Control"," ",!c&&r&&u.createElement(FI,{onClick:()=>r(),title:"Reset controls"},u.createElement(Xs,{"aria-hidden":!0})))):null)),u.createElement("tbody",{className:"docblock-argstable-body"},h.ungrouped.map(E=>u.createElement(Qr,{key:E.key,row:E,arg:d&&d[E.key],...b})),Object.entries(h.ungroupedSubsections).map(([E,y])=>u.createElement(ka,{key:E,label:E,level:"subsection",colSpan:m},y.map(w=>u.createElement(Qr,{key:w.key,row:w,arg:d&&d[w.key],expandable:x,...b})))),Object.entries(h.sections).map(([E,y])=>u.createElement(ka,{key:E,label:E,level:"section",colSpan:m},y.ungrouped.map(w=>u.createElement(Qr,{key:w.key,row:w,arg:d&&d[w.key],...b})),Object.entries(y.subsections).map(([w,S])=>u.createElement(ka,{key:w,label:w,level:"subsection",colSpan:m},S.map(C=>u.createElement(Qr,{key:C.key,row:C,arg:d&&d[C.key],expandable:x,...b})))))))))},UI=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?u.createElement(oo,{...r[0][1],...t}):u.createElement(tl,null,r.map((n,a)=>{let[l,i]=n,c=`prop_table_div_${l}`,s="div",d=a===0?t:{sort:t.sort};return u.createElement(s,{key:c,id:c,title:l},({active:p})=>p?u.createElement(oo,{key:`prop_table_${l}`,...i,...d}):null)}))};A.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});A.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});A.div(re,({theme:e})=>({...Gn(e),margin:"25px 0 40px",padding:"30px 20px"}));A.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));A.div(({theme:e})=>({color:e.base==="light"?ee(.2,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});A.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"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));A.div({display:"flex",flexDirection:"row"});A.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));A.div(({theme:e})=>({...Gn(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"}));A.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});A.div({flex:1,display:"flex",flexDirection:"row"});A.div({display:"flex",alignItems:"flex-start"});A.div({flex:"0 0 30%"});A.div({flex:1});A.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));A.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));A.div(({theme:e})=>({...Gn(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));A.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});A.div({display:"flex",flexFlow:"row wrap"});var WI=e=>`anchor--${e}`,qI=({storyId:e,children:t})=>u.createElement("div",{id:WI(e),className:"sb-anchor"},t);_e&&_e.__DOCS_CONTEXT__===void 0&&(_e.__DOCS_CONTEXT__=o.createContext(null),_e.__DOCS_CONTEXT__.displayName="DocsContext");var rt=_e?_e.__DOCS_CONTEXT__:o.createContext(null),Nt=(e,t)=>o.useContext(rt).resolveOf(e,t),GI=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),YI=e=>{if(e)return typeof e=="string"?e.includes("-")?GI(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function KI(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function q1(e){return fC(e,{allowFunction:!1})}var G1=o.createContext({sources:{}}),Y1="--unknown--",XI=({children:e,channel:t})=>{let[r,n]=o.useState({});return o.useEffect(()=>{let a=(l,i=null,c=!1)=>{let{id:s,args:d=void 0,source:p,format:h}=typeof l=="string"?{id:l,source:i,format:c}:l,v=d?q1(d):Y1;n(f=>({...f,[s]:{...f[s],[v]:{code:p,format:h}}}))};return t.on(Sl,a),()=>t.off(Sl,a)},[]),u.createElement(G1.Provider,{value:{sources:r}},e)},ZI=(e,t,r)=>{let{sources:n}=r,a=n?.[e];return a?.[q1(t)]||a?.[Y1]||{code:""}},JI=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{let{__isArgsStory:a}=t.parameters,l=t.parameters.docs?.source||{},i=r||l.type||Jn.AUTO;if(l.code!==void 0)return l.code;let c=i===Jn.DYNAMIC||i===Jn.AUTO&&e&&a?e:l.originalSource||"";return(n??l.transform)?.(c,t)||c},QI=(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 l=n?.parameters?.docs?.source||{},{code:i}=e,c=e.format??l.format,s=e.language??l.language??"jsx",d=e.dark??l.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:c,language:s,dark:d};let p=t.getStoryContext(n),h=e.__forceInitialArgs?p.initialArgs:p.unmappedArgs,v=ZI(n.id,h,r);return c=v.format??n.parameters.docs?.source?.format??!1,{code:JI({snippet:v.code,storyContext:{...p,args:h},typeFromProps:e.type,transformFromProps:e.transform}),format:c,language:s,dark:d}};function eA(e,t){let r=tA([e],t);return r&&r[0]}function tA(e,t){let[r,n]=o.useState({});return o.useEffect(()=>{Promise.all(e.map(async a=>{let l=await t.loadStory(a);n(i=>i[a]===l?i:{...i,[a]:l})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var rA=(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},nA=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,l=a.story||{};if(a.disable)return null;if(e.inline??l.inline??!1){let c=e.height??l.height,s=e.autoplay??l.autoplay??!1;return{story:t,inline:!0,height:c,autoplay:s,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??l.height??l.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},aA=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=o.useContext(rt),r=rA(e,t),n=eA(r,t);if(!n)return u.createElement(T1,null);let a=nA(e,n,t);return a?u.createElement(VC,{...a}):null},oA=e=>{let t=o.useContext(rt),r=o.useContext(G1),{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:l}=Nt(n||"story",["story"]),i=QI({...a,...n&&{of:n}},t,r),c=e.layout??l.parameters.layout??l.parameters.docs?.canvas?.layout??"padded",s=e.withToolbar??l.parameters.docs?.canvas?.withToolbar??!1,d=e.additionalActions??l.parameters.docs?.canvas?.additionalActions,p=e.sourceState??l.parameters.docs?.canvas?.sourceState??"hidden",h=e.className??l.parameters.docs?.canvas?.className;return u.createElement(M1,{withSource:p==="none"?void 0:i,isExpanded:p==="shown",withToolbar:s,additionalActions:d,className:h,layout:c},u.createElement(aA,{of:n||l.moduleExport,meta:e.meta,...e.story}))},lA=(e,t)=>{let r=t.getStoryContext(e),[n,a]=o.useState(r.globals);return o.useEffect(()=>{let l=i=>{a(i.globals)};return t.channel.on(Qi,l),()=>t.channel.off(Qi,l)},[t.channel]),[n]},iA=(e,t)=>{let r=sA(e,t);if(!r)throw new Error("No result when story was defined");return r},sA=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,l]=o.useState(r.args);o.useEffect(()=>{let s=d=>{d.storyId===n&&l(d.args)};return t.channel.on(e0,s),()=>t.channel.off(e0,s)},[n,t.channel]);let i=o.useCallback(s=>t.channel.emit(xC,{storyId:n,updatedArgs:s}),[n,t.channel]),c=o.useCallback(s=>t.channel.emit(EC,{storyId:n,argNames:s}),[n,t.channel]);return e&&[a,i,c]};function cA(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var dA=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=o.useContext(rt),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:l,component:i,subcomponents:c}=n,s=a.docs?.controls||{},d=e.include??s.include,p=e.exclude??s.exclude,h=e.sort??s.sort,[v,f,g]=iA(n,r),[m]=lA(n,r),x=Ji(l,d,p);if(!(c&&Object.keys(c).length>0))return Object.keys(x).length>0||Object.keys(v).length>0?u.createElement(oo,{rows:x,sort:h,args:v,globals:m,updateArgs:f,resetArgs:g}):null;let b=YI(i),E=Object.fromEntries(Object.entries(c).map(([w,S])=>[w,{rows:Ji(cA(S,a),d,p),sort:h}])),y={[b]:{rows:x,sort:h},...E};return u.createElement(UI,{tabs:y,sort:h,args:v,globals:m,updateArgs:f,resetArgs:g})},{document:K1}=_e,X1=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return u.createElement(Uo,null,t);let n=e&&e.split("-");return u.createElement(k1,{language:n&&n[1]||"text",format:!1,code:t,...r})};function ml(e,t){e.channel.emit(SC,t)}var lo=Nc.a,uA=({hash:e,children:t})=>{let r=o.useContext(rt);return u.createElement(lo,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);K1.getElementById(a)&&ml(r,e)}},t)},Z1=e=>{let{href:t,target:r,children:n,...a}=e,l=o.useContext(rt);return!t||r==="_blank"||/^https?:\/\//.test(t)?u.createElement(lo,{...e}):t.startsWith("#")?u.createElement(uA,{hash:t},n):u.createElement(lo,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),ml(l,i.currentTarget.getAttribute("href")))},target:r,...a},n)},J1=["h1","h2","h3","h4","h5","h6"],pA=J1.reduce((e,t)=>({...e,[t]:A(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),fA=A.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),hA=({as:e,id:t,children:r,...n})=>{let a=o.useContext(rt),l=pA[e],i=`#${t}`;return u.createElement(l,{id:t,...n},u.createElement(fA,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:c=>{K1.getElementById(t)&&ml(a,i)}},u.createElement(Gs,null)),r)},vl=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return u.createElement(hA,{as:t,id:r,...a},n);let l=t,{as:i,...c}=e;return u.createElement(l,{...te(c,t)})},Q1=J1.reduce((e,t)=>({...e,[t]:r=>u.createElement(vl,{as:t,...r})}),{}),gA=e=>{if(!e.children)return null;if(typeof e.children!="string")throw new Error(Bd`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}' + ${kt(.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"}}})),W1=A.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),oI=A(W1)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),lI=A.div({display:"flex",alignItems:"center",width:"100%"});function iI(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 sI=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:l=1,onBlur:i,onFocus:c,argType:s})=>{let d=f=>{r(bR(f.target.value))},p=t!==void 0,h=o.useMemo(()=>iI(l),[l]),v=!!s?.table?.readonly;return u.createElement(lI,{"aria-readonly":v},u.createElement(W1,null,n),u.createElement(aI,{id:Be(e),type:"range",disabled:v,onChange:d,name:e,value:t,min:n,max:a,step:l,onFocus:c,onBlur:i}),u.createElement(oI,{numberOFDecimalsPlaces:h,max:a},p?t.toFixed(h):"--"," / ",a))},cI=A.label({display:"flex"}),dI=A.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),uI=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:l,argType:i})=>{let c=f=>{r(f.target.value)},s=!!i?.table?.readonly,[d,p]=o.useState(!1),h=o.useCallback(()=>{r(""),p(!0)},[p]);if(t===void 0)return u.createElement(xt,{variant:"outline",size:"medium",disabled:s,id:Rn(e),onClick:h},"Set string");let v=typeof t=="string";return u.createElement(cI,null,u.createElement(sr.Textarea,{id:Be(e),maxLength:l,onChange:c,disabled:s,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:v?null:"error",name:e,value:v?t:"",onFocus:n,onBlur:a}),l&&u.createElement(dI,{isMaxed:t?.length===l},t?.length??0," / ",l))},pI=A(sr.Input)({padding:10});function fI(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var hI=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{let l=o.useRef(null),i=a?.control?.readOnly;function c(s){if(!s.target.files)return;let d=Array.from(s.target.files).map(p=>URL.createObjectURL(p));e(d),fI(n)}return o.useEffect(()=>{n==null&&l.current&&(l.current.value=null)},[n,t]),u.createElement(pI,{ref:l,id:Be(t),type:"file",name:t,multiple:!0,disabled:i,onChange:c,accept:r,size:"flex"})},gI=o.lazy(()=>vt(()=>import("./Color-PRSJMWNM-_xA48aqY.js"),__vite__mapDeps([14,2,10,1,3,4,5,6,7,8,9,11]),import.meta.url)),mI=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(gI,{...e})),vI={array:d0,object:d0,boolean:dR,color:mI,date:mR,number:wR,check:qt,"inline-check":qt,radio:qt,"inline-radio":qt,select:qt,"multi-select":qt,range:sI,text:uI,file:hI},u0=()=>u.createElement(u.Fragment,null,"-"),bI=({row:e,arg:t,updateArgs:r,isHovered:n})=>{let{key:a,control:l}=e,[i,c]=o.useState(!1),[s,d]=o.useState({value:t});o.useEffect(()=>{i||d({value:t})},[i,t]);let p=o.useCallback(m=>(d({value:m}),r({[a]:m}),m),[r,a]),h=o.useCallback(()=>c(!1),[]),v=o.useCallback(()=>c(!0),[]);if(!l||l.disable){let m=l?.disable!==!0&&e?.type?.name!=="function";return n&&m?u.createElement(zt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):u.createElement(u0,null)}let f={name:a,argType:e,value:s.value,onChange:p,onBlur:h,onFocus:v},g=vI[l.type]||u0;return u.createElement(g,{...f,...l,controlType:l.type})},yI=A.span({fontWeight:"bold"}),wI=A.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),xI=A.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...dt({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),EI=A.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?4:0})),SI=A.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),CI=A.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),RI=e=>e&&{summary:typeof e=="string"?e:e.name},Qr=e=>{let[t,r]=o.useState(!1),{row:n,updateArgs:a,compact:l,expandable:i,initialExpandedArgs:c}=e,{name:s,description:d}=n,p=n.table||{},h=p.type||RI(n.type),v=p.defaultValue||n.defaultValue,f=n.type?.required,g=d!=null&&d!=="";return u.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},u.createElement(CI,{expandable:i},u.createElement(yI,null,s),f?u.createElement(wI,{title:"Required"},"*"):null),l?null:u.createElement("td",null,g&&u.createElement(xI,null,u.createElement(f1,null,d)),p.jsDocTags!=null?u.createElement(u.Fragment,null,u.createElement(SI,{hasDescription:g},u.createElement(Aa,{value:h,initialExpandedArgs:c})),u.createElement(ZC,{tags:p.jsDocTags})):u.createElement(EI,{hasDescription:g},u.createElement(Aa,{value:h,initialExpandedArgs:c}))),l?null:u.createElement("td",null,u.createElement(Aa,{value:v,initialExpandedArgs:c})),a?u.createElement("td",null,u.createElement(bI,{...e,isHovered:t})):null)},II=A(Ys)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),AI=A(Fo)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),_I=A.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),kI=A.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"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),OI=A.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),TI=A.td(()=>({position:"relative"})),MI=A.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${kt(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),p0=A.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"})),ka=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[l,i]=o.useState(n),c=e==="subsection"?OI:kI,s=r?.length||0,d=e==="subsection"?`${s} item${s!==1?"s":""}`:"",p=`${l?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return u.createElement(u.Fragment,null,u.createElement(MI,{title:p},u.createElement(c,{colSpan:1},u.createElement(p0,{onClick:h=>i(!l),tabIndex:0},p),u.createElement(_I,null,l?u.createElement(II,null):u.createElement(AI,null),t)),u.createElement(TI,{colSpan:a-1},u.createElement(p0,{onClick:h=>i(!l),tabIndex:-1,style:{outline:"none"}},p),l?null:d)),l?r:null)},en=A.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),fe=A.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),ie=A.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})),he=[2,4,2,2],$I=()=>u.createElement(u.Fragment,null,u.createElement(en,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(en,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(en,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(en,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"})))),LI=A.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"})),zI=A.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),BI=A.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),PI=({inAddonPanel:e})=>{let[t,r]=o.useState(!0);return o.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:u.createElement(LI,{inAddonPanel:e},u.createElement(Jo,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:u.createElement(u.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:u.createElement(zI,null,e&&u.createElement(u.Fragment,null,u.createElement(zt,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},u.createElement(Vs,null)," Watch 5m video"),u.createElement(BI,null),u.createElement(zt,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},u.createElement(vn,null)," Read docs")),!e&&u.createElement(zt,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},u.createElement(vn,null)," Learn how to set that up"))}))},HI=A.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"?ee(.25,e.color.defaultText):ee(.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}}}}})),FI=A(mt)(({theme:e})=>({margin:"-4px -12px -4px 0"})),jI=A.span({display:"flex",justifyContent:"space-between"}),NI={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},DI=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([l,i])=>{let{category:c,subcategory:s}=i?.table||{};if(c){let d=r.sections[c]||{ungrouped:[],subsections:{}};if(!s)d.ungrouped.push({key:l,...i});else{let p=d.subsections[s]||[];p.push({key:l,...i}),d.subsections[s]=p}r.sections[c]=d}else if(s){let d=r.ungroupedSubsections[s]||[];d.push({key:l,...i}),r.ungroupedSubsections[s]=d}else r.ungrouped.push({key:l,...i})});let n=NI[t],a=l=>n?Object.keys(l).reduce((i,c)=>({...i,[c]:l[c].sort(n)}),{}):l;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((l,i)=>({...l,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},VI=(e,t,r)=>{try{return hd(e,t,r)}catch(n){return wC.warn(n.message),!1}},oo=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:l,sort:i="none",isLoading:c}=e;if("error"in e){let{error:E}=e;return u.createElement(_1,null,E," ",u.createElement(zt,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},u.createElement(vn,null)," Read the docs"))}if(c)return u.createElement($I,null);let{rows:s,args:d,globals:p}="rows"in e&&e,h=DI(R6(s,E=>!E?.table?.disable&&VI(E,d||{},p||{})),i),v=h.ungrouped.length===0,f=Object.entries(h.sections).length===0,g=Object.entries(h.ungroupedSubsections).length===0;if(v&&f&&g)return u.createElement(PI,{inAddonPanel:a});let m=1;t&&(m+=1),n||(m+=2);let x=Object.keys(h.sections).length>0,b={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:l};return u.createElement(Go,null,u.createElement(HI,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},u.createElement("thead",{className:"docblock-argstable-head"},u.createElement("tr",null,u.createElement("th",null,u.createElement("span",null,"Name")),n?null:u.createElement("th",null,u.createElement("span",null,"Description")),n?null:u.createElement("th",null,u.createElement("span",null,"Default")),t?u.createElement("th",null,u.createElement(jI,null,"Control"," ",!c&&r&&u.createElement(FI,{onClick:()=>r(),title:"Reset controls"},u.createElement(Xs,{"aria-hidden":!0})))):null)),u.createElement("tbody",{className:"docblock-argstable-body"},h.ungrouped.map(E=>u.createElement(Qr,{key:E.key,row:E,arg:d&&d[E.key],...b})),Object.entries(h.ungroupedSubsections).map(([E,y])=>u.createElement(ka,{key:E,label:E,level:"subsection",colSpan:m},y.map(w=>u.createElement(Qr,{key:w.key,row:w,arg:d&&d[w.key],expandable:x,...b})))),Object.entries(h.sections).map(([E,y])=>u.createElement(ka,{key:E,label:E,level:"section",colSpan:m},y.ungrouped.map(w=>u.createElement(Qr,{key:w.key,row:w,arg:d&&d[w.key],...b})),Object.entries(y.subsections).map(([w,S])=>u.createElement(ka,{key:w,label:w,level:"subsection",colSpan:m},S.map(C=>u.createElement(Qr,{key:C.key,row:C,arg:d&&d[C.key],expandable:x,...b})))))))))},UI=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?u.createElement(oo,{...r[0][1],...t}):u.createElement(tl,null,r.map((n,a)=>{let[l,i]=n,c=`prop_table_div_${l}`,s="div",d=a===0?t:{sort:t.sort};return u.createElement(s,{key:c,id:c,title:l},({active:p})=>p?u.createElement(oo,{key:`prop_table_${l}`,...i,...d}):null)}))};A.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});A.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});A.div(re,({theme:e})=>({...Gn(e),margin:"25px 0 40px",padding:"30px 20px"}));A.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));A.div(({theme:e})=>({color:e.base==="light"?ee(.2,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});A.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"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));A.div({display:"flex",flexDirection:"row"});A.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));A.div(({theme:e})=>({...Gn(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"}));A.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});A.div({flex:1,display:"flex",flexDirection:"row"});A.div({display:"flex",alignItems:"flex-start"});A.div({flex:"0 0 30%"});A.div({flex:1});A.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));A.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));A.div(({theme:e})=>({...Gn(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));A.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});A.div({display:"flex",flexFlow:"row wrap"});var WI=e=>`anchor--${e}`,qI=({storyId:e,children:t})=>u.createElement("div",{id:WI(e),className:"sb-anchor"},t);_e&&_e.__DOCS_CONTEXT__===void 0&&(_e.__DOCS_CONTEXT__=o.createContext(null),_e.__DOCS_CONTEXT__.displayName="DocsContext");var rt=_e?_e.__DOCS_CONTEXT__:o.createContext(null),Nt=(e,t)=>o.useContext(rt).resolveOf(e,t),GI=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),YI=e=>{if(e)return typeof e=="string"?e.includes("-")?GI(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function KI(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function q1(e){return fC(e,{allowFunction:!1})}var G1=o.createContext({sources:{}}),Y1="--unknown--",XI=({children:e,channel:t})=>{let[r,n]=o.useState({});return o.useEffect(()=>{let a=(l,i=null,c=!1)=>{let{id:s,args:d=void 0,source:p,format:h}=typeof l=="string"?{id:l,source:i,format:c}:l,v=d?q1(d):Y1;n(f=>({...f,[s]:{...f[s],[v]:{code:p,format:h}}}))};return t.on(Sl,a),()=>t.off(Sl,a)},[]),u.createElement(G1.Provider,{value:{sources:r}},e)},ZI=(e,t,r)=>{let{sources:n}=r,a=n?.[e];return a?.[q1(t)]||a?.[Y1]||{code:""}},JI=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{let{__isArgsStory:a}=t.parameters,l=t.parameters.docs?.source||{},i=r||l.type||Jn.AUTO;if(l.code!==void 0)return l.code;let c=i===Jn.DYNAMIC||i===Jn.AUTO&&e&&a?e:l.originalSource||"";return(n??l.transform)?.(c,t)||c},QI=(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 l=n?.parameters?.docs?.source||{},{code:i}=e,c=e.format??l.format,s=e.language??l.language??"jsx",d=e.dark??l.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:c,language:s,dark:d};let p=t.getStoryContext(n),h=e.__forceInitialArgs?p.initialArgs:p.unmappedArgs,v=ZI(n.id,h,r);return c=v.format??n.parameters.docs?.source?.format??!1,{code:JI({snippet:v.code,storyContext:{...p,args:h},typeFromProps:e.type,transformFromProps:e.transform}),format:c,language:s,dark:d}};function eA(e,t){let r=tA([e],t);return r&&r[0]}function tA(e,t){let[r,n]=o.useState({});return o.useEffect(()=>{Promise.all(e.map(async a=>{let l=await t.loadStory(a);n(i=>i[a]===l?i:{...i,[a]:l})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var rA=(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},nA=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,l=a.story||{};if(a.disable)return null;if(e.inline??l.inline??!1){let c=e.height??l.height,s=e.autoplay??l.autoplay??!1;return{story:t,inline:!0,height:c,autoplay:s,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??l.height??l.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},aA=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=o.useContext(rt),r=rA(e,t),n=eA(r,t);if(!n)return u.createElement(T1,null);let a=nA(e,n,t);return a?u.createElement(VC,{...a}):null},oA=e=>{let t=o.useContext(rt),r=o.useContext(G1),{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:l}=Nt(n||"story",["story"]),i=QI({...a,...n&&{of:n}},t,r),c=e.layout??l.parameters.layout??l.parameters.docs?.canvas?.layout??"padded",s=e.withToolbar??l.parameters.docs?.canvas?.withToolbar??!1,d=e.additionalActions??l.parameters.docs?.canvas?.additionalActions,p=e.sourceState??l.parameters.docs?.canvas?.sourceState??"hidden",h=e.className??l.parameters.docs?.canvas?.className;return u.createElement(M1,{withSource:p==="none"?void 0:i,isExpanded:p==="shown",withToolbar:s,additionalActions:d,className:h,layout:c},u.createElement(aA,{of:n||l.moduleExport,meta:e.meta,...e.story}))},lA=(e,t)=>{let r=t.getStoryContext(e),[n,a]=o.useState(r.globals);return o.useEffect(()=>{let l=i=>{a(i.globals)};return t.channel.on(Qi,l),()=>t.channel.off(Qi,l)},[t.channel]),[n]},iA=(e,t)=>{let r=sA(e,t);if(!r)throw new Error("No result when story was defined");return r},sA=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,l]=o.useState(r.args);o.useEffect(()=>{let s=d=>{d.storyId===n&&l(d.args)};return t.channel.on(e0,s),()=>t.channel.off(e0,s)},[n,t.channel]);let i=o.useCallback(s=>t.channel.emit(xC,{storyId:n,updatedArgs:s}),[n,t.channel]),c=o.useCallback(s=>t.channel.emit(EC,{storyId:n,argNames:s}),[n,t.channel]);return e&&[a,i,c]};function cA(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var dA=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=o.useContext(rt),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:l,component:i,subcomponents:c}=n,s=a.docs?.controls||{},d=e.include??s.include,p=e.exclude??s.exclude,h=e.sort??s.sort,[v,f,g]=iA(n,r),[m]=lA(n,r),x=Ji(l,d,p);if(!(c&&Object.keys(c).length>0))return Object.keys(x).length>0||Object.keys(v).length>0?u.createElement(oo,{rows:x,sort:h,args:v,globals:m,updateArgs:f,resetArgs:g}):null;let b=YI(i),E=Object.fromEntries(Object.entries(c).map(([w,S])=>[w,{rows:Ji(cA(S,a),d,p),sort:h}])),y={[b]:{rows:x,sort:h},...E};return u.createElement(UI,{tabs:y,sort:h,args:v,globals:m,updateArgs:f,resetArgs:g})},{document:K1}=_e,X1=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return u.createElement(Uo,null,t);let n=e&&e.split("-");return u.createElement(k1,{language:n&&n[1]||"text",format:!1,code:t,...r})};function ml(e,t){e.channel.emit(SC,t)}var lo=Nc.a,uA=({hash:e,children:t})=>{let r=o.useContext(rt);return u.createElement(lo,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);K1.getElementById(a)&&ml(r,e)}},t)},Z1=e=>{let{href:t,target:r,children:n,...a}=e,l=o.useContext(rt);return!t||r==="_blank"||/^https?:\/\//.test(t)?u.createElement(lo,{...e}):t.startsWith("#")?u.createElement(uA,{hash:t},n):u.createElement(lo,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),ml(l,i.currentTarget.getAttribute("href")))},target:r,...a},n)},J1=["h1","h2","h3","h4","h5","h6"],pA=J1.reduce((e,t)=>({...e,[t]:A(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),fA=A.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),hA=({as:e,id:t,children:r,...n})=>{let a=o.useContext(rt),l=pA[e],i=`#${t}`;return u.createElement(l,{id:t,...n},u.createElement(fA,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:c=>{K1.getElementById(t)&&ml(a,i)}},u.createElement(Gs,null)),r)},vl=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return u.createElement(hA,{as:t,id:r,...a},n);let l=t,{as:i,...c}=e;return u.createElement(l,{...te(c,t)})},Q1=J1.reduce((e,t)=>({...e,[t]:r=>u.createElement(vl,{as:t,...r})}),{}),gA=e=>{if(!e.children)return null;if(typeof e.children!="string")throw new Error(Bd`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-BijE2XF0.js b/assets/DrawerMenu.stories-BCsn-0JJ.js similarity index 84% rename from assets/DrawerMenu.stories-BijE2XF0.js rename to assets/DrawerMenu.stories-BCsn-0JJ.js index d29952eb..0299d125 100644 --- a/assets/DrawerMenu.stories-BijE2XF0.js +++ b/assets/DrawerMenu.stories-BCsn-0JJ.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{S as a}from"./user-profile-CB1AInEY.js";import{S as s,a as i,b as c}from"./leave-ZJppWO3C.js";import{D as t,d as l}from"./DrawerMenu-BYj777Pr.js";import{M as r}from"./MenuItem-CjxlTIiG.js";import{S as m}from"./Separator-D9goDqil.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./Text-BrcN_buA.js";import"./Typography-BcgMUEGb.js";import"./index-Cmw95SmN.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./floating-ui.react-D5UUZX8q.js";const P={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-DoxjgJx5.js";import{S as a}from"./user-profile-CB1AInEY.js";import{S as s,a as i,b as c}from"./leave-ZJppWO3C.js";import{D as t,d as l}from"./DrawerMenu-BYj777Pr.js";import{M as r}from"./MenuItem-DP321Nyr.js";import{S as m}from"./Separator-D0l5BZ7R.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./Text-DCibjNNg.js";import"./Typography-D-74lRMS.js";import"./index-Cmw95SmN.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./floating-ui.react-D5UUZX8q.js";const P={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/EditInPlace-dUuUPAc0.js b/assets/EditInPlace-dUuUPAc0.js deleted file mode 100644 index 6af700df..00000000 --- a/assets/EditInPlace-dUuUPAc0.js +++ /dev/null @@ -1,9 +0,0 @@ -import{j as t}from"./jsx-runtime-DoxjgJx5.js";import{c as n}from"./index-C2KoGaFq.js";import{r as s,a as x}from"./index-Cu9bd8lq.js";import{T as P}from"./Text-TVAdXiC2.js";import{u as v}from"./useId-D5m2XpUu.js";import{S as z}from"./check-CXsFGzWm.js";import{S as F}from"./close-D55JIkKE.js";import{S as D}from"./error-YokBWoNX.js";import{I as A}from"./InlineSpinner-CZEeBvQo.js";const W="_container_zfn7i_17",G="_label_zfn7i_21",H="_controls_zfn7i_27",J="_button_zfn7i_32",K="_control_zfn7i_27",e={container:W,label:G,controls:H,"button-group":"_button-group_zfn7i_32",button:J,"primary-button":"_primary-button_zfn7i_51","primary-button-disabled":"_primary-button-disabled_zfn7i_60",control:K,"container-show-buttons":"_container-show-buttons_zfn7i_79","container-error":"_container-error_zfn7i_84","caption-line":"_caption-line_zfn7i_92","caption-icon":"_caption-icon_zfn7i_99","caption-icon-error":"_caption-icon-error_zfn7i_105","caption-icon-saved":"_caption-icon-saved_zfn7i_109","caption-text":"_caption-text_zfn7i_130","caption-text-error":"_caption-text-error_zfn7i_135","caption-text-saved":"_caption-text-saved_zfn7i_139","caption-text-saving":"_caption-text-saving_zfn7i_143","caption-text-help":"_caption-text-help_zfn7i_147"},N=s.forwardRef(function({className:p,label:f,onSave:r,onCancel:i,saveButtonLabel:m,cancelButtonLabel:c,disableSaveButton:a,error:u,savedLabel:w,savingLabel:q,helpLabel:V,disabled:I,...L},T){const b=v(),g=v(),y=v(),[C,h]=x.useState(!1),[o,j]=x.useState(!1),E=n(e.container,p,{[e["container-error"]]:!!u,[e["container-show-buttons"]]:o}),d=s.useRef(null),S=s.useRef(null),_=s.useRef(null);x.useEffect(()=>()=>{d.current&&clearTimeout(d.current)},[]);const B=s.useCallback(async R=>{R.preventDefault();try{j(!0),await r(),S.current?.blur(),h(!0),d.current=setTimeout(()=>{h(!1)},2e3)}catch{}finally{j(!1)}},[h,r,d]),k=s.useCallback(()=>{_.current?.blur(),i()},[_,i]);return t.jsxs("form",{className:E,id:b,onSubmit:B,children:[t.jsx("div",{className:e.label,id:g,children:f}),t.jsxs("div",{className:e.controls,children:[t.jsx(P,{ref:T,...L,className:e.control,"aria-labelledby":g,"aria-invalid":!!u,"aria-errormessage":u?y:void 0,disabled:I||o}),t.jsxs("div",{className:e["button-group"],children:[t.jsx("button",{type:"submit",className:n(e.button,e["primary-button"],{[e["primary-button-disabled"]]:a}),ref:S,"aria-controls":b,"aria-label":m,disabled:a||o,children:t.jsx(z,{})}),t.jsx("button",{type:"button",role:"button",ref:_,className:e.button,onClick:k,"aria-controls":b,"aria-label":c,disabled:o,children:t.jsx(F,{})})]})]}),t.jsx(M,{error:u,errorTextId:y,saving:o,savingLabel:q,showSaved:C,savedLabel:w,helpLabel:V})]})});function M({error:l,errorTextId:p,saving:f,savingLabel:r,savedLabel:i,showSaved:m,helpLabel:c}){const a=[];return l&&a.push(t.jsxs("div",{className:e["caption-line"],children:[t.jsx(D,{className:n(e["caption-icon"],e["caption-icon-error"])}),t.jsx("span",{id:p,className:n(e["caption-text"],e["caption-text-error"]),children:l})]},"error")),f&&a.push(t.jsxs("div",{className:e["caption-line"],children:[t.jsx(A,{}),t.jsx("span",{className:n(e["caption-text"],e["caption-text-saving"]),children:r})]},"saving")),i&&m&&a.push(t.jsxs("div",{className:e["caption-line"],children:[t.jsx("div",{className:n(e["caption-icon"],e["caption-icon-saved"]),children:t.jsx(z,{})}),t.jsx("span",{className:n(e["caption-text"],e["caption-text-saved"]),children:i})]},"saved")),a.length===0&&c&&a.push(t.jsx("span",{className:n(e["caption-line"],e["caption-text"],e["caption-text-help"]),children:c},"help")),t.jsx(t.Fragment,{children:a})}try{N.displayName="EditInPlace",N.__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"}},value:{defaultValue:null,description:"The content of the text box",name:"value",required:!1,type:{name:"string | (string & readonly string[])"}},label:{defaultValue:null,description:"The label for the control",name:"label",required:!0,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"}},onSave:{defaultValue:null,description:"Callback for when the user confirms the change",name:"onSave",required:!0,type:{name:"() => Promise"}},onCancel:{defaultValue:null,description:"Calback for when the user wishes to cancel the change",name:"onCancel",required:!0,type:{name:"() => void"}},saveButtonLabel:{defaultValue:null,description:"The label for the save button",name:"saveButtonLabel",required:!0,type:{name:"string"}},cancelButtonLabel:{defaultValue:null,description:"The label for the cancel button",name:"cancelButtonLabel",required:!1,type:{name:"string"}},disableSaveButton:{defaultValue:null,description:`True to disable the save button, false to enable. -Default: false (enabled)`,name:"disableSaveButton",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:`Error message to be displayed below the box. If supplied, will disable the -save button.`,name:"error",required:!1,type:{name:"string"}},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"}},savingLabel:{defaultValue:null,description:"The label for the 'in progress' saving caption",name:"savingLabel",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"}}}}}catch{}export{N as E}; diff --git a/assets/EditInPlace-yPU976Dk.css b/assets/EditInPlace-yPU976Dk.css deleted file mode 100644 index 3f968c5a..00000000 --- a/assets/EditInPlace-yPU976Dk.css +++ /dev/null @@ -1 +0,0 @@ -._container_zfn7i_17{min-block-size:124px}._label_zfn7i_21{font-size:15px;font-weight:500;margin-block-end:4px}._controls_zfn7i_27{display:flex;gap:15px}._button-group_zfn7i_32{display:none;position:relative;inset-block-start:5px;grid-template-columns:1fr 1fr;gap:7px}._button_zfn7i_32{display:flex;inline-size:36px;block-size:36px;border:1px solid var(--cpd-color-border-interactive-secondary);border-radius:20px;background-color:transparent;text-align:center;cursor:pointer}._primary-button_zfn7i_51{background-color:var(--cpd-color-bg-action-primary-rest);border-color:var(--cpd-color-bg-action-primary-rest)}._primary-button_zfn7i_51 svg{color:var(--cpd-color-icon-on-solid-primary)}._primary-button-disabled_zfn7i_60{background-color:var(--cpd-color-bg-subtle-primary);border-color:var(--cpd-color-bg-subtle-primary)}._primary-button-disabled_zfn7i_60 svg{color:var(--cpd-color-icon-disabled)}._button_zfn7i_32 svg{inline-size:24px;block-size:24px;margin:auto}._control_zfn7i_27{inline-size:100%}._container-show-buttons_zfn7i_79 ._button-group_zfn7i_32,._container_zfn7i_17:focus-within ._button-group_zfn7i_32{display:inline-grid}._container-error_zfn7i_84 ._control_zfn7i_27{border-color:var(--cpd-color-border-critical-primary)}._container-error_zfn7i_84 ._label_zfn7i_21{color:var(--cpd-color-text-critical-primary)}._caption-line_zfn7i_92{margin-block-start:var(--cpd-space-2x);display:flex;align-items:center;gap:var(--cpd-space-2x)}._caption-icon_zfn7i_99{display:inline-block;inline-size:20px;block-size:20px}._caption-icon-error_zfn7i_105{color:var(--cpd-color-icon-critical-primary)}._caption-icon-saved_zfn7i_109{background-color:var(--cpd-color-icon-success-primary);inline-size:calc(20px * (20 / 24));block-size:calc(20px * (20 / 24));margin:calc(2px * (20 / 24));border-radius:20px;text-align:center}._caption-icon-saved_zfn7i_109 svg{color:var(--cpd-color-icon-on-solid-primary);position:relative;inset-block-start:-1px}._caption-text_zfn7i_130{font-size:var(--cpd-font-body-sm-medium);font-weight:var(--cpd-font-weight-medium)}._caption-text-error_zfn7i_135{color:var(--cpd-color-text-critical-primary)}._caption-text-saved_zfn7i_139{color:var(--cpd-color-text-success-primary)}._caption-text-saving_zfn7i_143{color:var(--cpd-color-text-secondary)}._caption-text-help_zfn7i_147{font:var(--cpd-font-body-sm-regular);color:var(--cpd-color-text-secondary)} diff --git a/assets/EditInPlace.stories-DtHpYYKP.js b/assets/EditInPlace.stories-DtHpYYKP.js new file mode 100644 index 00000000..31c02dd5 --- /dev/null +++ b/assets/EditInPlace.stories-DtHpYYKP.js @@ -0,0 +1,39 @@ +import{j as u}from"./jsx-runtime-DoxjgJx5.js";import{E as m}from"./Search-BJ_nckf7.js";import{w as l,u as a,e as d}from"./index-B-6fpdcS.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./Action-BJniBKiJ.js";import"./Text-Cr8eyvvV.js";import"./index-BEd8YfQ8.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./useId-D5m2XpUu.js";import"./Tooltip-BpTSfUbF.js";import"./floating-ui.react-D5UUZX8q.js";import"./Password-BL0bK9Cg.js";import"./visibility-on-BrkRTjSX.js";import"./MFA-Bg-QQaLT.js";import"./Checkbox-UWXrg9ui.js";import"./check-CXsFGzWm.js";import"./Radio-DnV3u_Pm.js";import"./Toggle-CCZdSH3V.js";import"./close-D55JIkKE.js";import"./Alert-CONg58U6.js";import"./Text-DCibjNNg.js";import"./Typography-D-74lRMS.js";import"./Button-BPkQI5Wr.js";import"./UnstyledButton-CUaD5tB8.js";import"./IconButton-Dd7bS9VQ.js";import"./IndicatorIcon-iinDG_Nf.js";import"./InlineSpinner-CZEeBvQo.js";import"./Avatar-D_h5K73j.js";import"./AvatarStack-zKeD_o_3.js";import"./Badge-DhRzaND9.js";import"./ContextMenu-ylWaAsgi.js";import"./index-H3MR2rqV.js";import"./index-ChiipFpT.js";import"./FloatingMenu-BxFYcaYT.js";import"./DrawerMenu-BYj777Pr.js";import"./MenuItem-DP321Nyr.js";import"./Glass-CwZVZZDo.js";import"./Heading-Bj7GMP5j.js";import"./Link-Do2tSqaM.js";import"./Menu-DkWI44PW.js";import"./search-CWkX64tk.js";import"./Separator-D0l5BZ7R.js";import"./ToggleMenuItem-DCiOs_QO.js";import"./ReleaseAnnouncement-DiJEEtE4.js";import"./Toast-DiTTZX7x.js";/* empty css */import"./index-CVRyq5ci.js";const ce={title:"Form/Controls/EditInPlace",component:m,tags:["autodocs"],parameters:{controls:{include:["onChange","onSave","onCancel","defaultValue","error","savedLabel","saveButtonLabel","cancelButtonLabel","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"},error:{type:"string"},savedLabel:{type:"string"},saveButtonLabel:{type:"string"},savingLabel:{type:"string"},cancelButtonLabel:{type:"string"},disabled:{type:"boolean"}},render:({...e})=>u.jsx(m,{...e}),args:{label:"Label",onSave:()=>new Promise(e=>setTimeout(e,1e3)),savedLabel:"Saved",saveButtonLabel:"Save",cancelButtonLabel:"Cancel",savingLabel:"Saving…"}},r={},n={args:{defaultValue:"Hello, Computer"},play:async({canvasElement:e})=>{const t=l(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 o=l(e),t=o.getByRole("textbox");await a.clear(t),await a.type(t,"Hello");const c=o.getByRole("button",{name:"Save"});await a.click(c),await d(o.getByText("Saving…")).toBeInTheDocument()}},i={args:{error:"I am a teapot"}},p={args:{helpLabel:"Optional help text."}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:"{}",...r.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: { + error: "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 ue=["Empty","WithText","Saving","WithError","WithHelpText"];export{r as Empty,s as Saving,i as WithError,p as WithHelpText,n as WithText,ue as __namedExportsOrder,ce as default}; diff --git a/assets/EditInPlace.stories-H6pfoRSi.js b/assets/EditInPlace.stories-H6pfoRSi.js deleted file mode 100644 index c4f05759..00000000 --- a/assets/EditInPlace.stories-H6pfoRSi.js +++ /dev/null @@ -1,18 +0,0 @@ -import{j as l}from"./jsx-runtime-DoxjgJx5.js";import{E as s}from"./EditInPlace-dUuUPAc0.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./Text-TVAdXiC2.js";import"./index-v5u6b-Nk.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./useId-D5m2XpUu.js";import"./check-CXsFGzWm.js";import"./close-D55JIkKE.js";import"./error-YokBWoNX.js";import"./InlineSpinner-CZEeBvQo.js";const E={title:"Form/Controls/EditInPlace",component:s,tags:["autodocs"],parameters:{controls:{include:["onChange","onSave","onCancel","value","initialValue","error","savedLabel","saveButtonLabel","cancelButtonLabel","disableSaveButton","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"},value:{type:"string"},disableSaveButton:{type:"boolean"},onChange:{action:"changed"},onSave:{action:"saved"},onCancel:{action:"cancelled"},error:{type:"string"},savedLabel:{type:"string"},saveButtonLabel:{type:"string"},savingLabel:{type:"string"},cancelButtonLabel:{type:"string"},disabled:{type:"boolean"}},render:({...n})=>l.jsx(s,{...n}),args:{label:"Label",value:"",saveButtonLabel:"Save",cancelButtonLabel:"Cancel",savingLabel:"Saving..."}},e={},a={args:{value:"Hello, Computer"}},r={args:{value:"Hello, World",disableSaveButton:!0}},t={args:{error:"I am a teapot"}},o={args:{helpLabel:"Optional help text."}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:"{}",...e.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{ - args: { - value: "Hello, Computer" - } -}`,...a.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ - args: { - value: "Hello, World", - disableSaveButton: true - } -}`,...r.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{ - args: { - error: "I am a teapot" - } -}`,...t.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{ - args: { - helpLabel: "Optional help text." - } -}`,...o.parameters?.docs?.source}}};const C=["Empty","WithText","SaveDisabled","WithError","WithHelpText"];export{e as Empty,r as SaveDisabled,t as WithError,o as WithHelpText,a as WithText,C as __namedExportsOrder,E as default}; diff --git a/assets/FloatingMenu-Eb22vTDs.js b/assets/FloatingMenu-BxFYcaYT.js similarity index 95% rename from assets/FloatingMenu-Eb22vTDs.js rename to assets/FloatingMenu-BxFYcaYT.js index e7c54fa1..3b749980 100644 --- a/assets/FloatingMenu-Eb22vTDs.js +++ b/assets/FloatingMenu-BxFYcaYT.js @@ -1 +1 @@ -import{j as a}from"./jsx-runtime-DoxjgJx5.js";import{c as u}from"./index-C2KoGaFq.js";import{r as m}from"./index-Cu9bd8lq.js";import{u as c}from"./useId-D5m2XpUu.js";import{T as _}from"./Text-BrcN_buA.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-DoxjgJx5.js";import{c as u}from"./index-C2KoGaFq.js";import{r as m}from"./index-Cu9bd8lq.js";import{u as c}from"./useId-D5m2XpUu.js";import{T as _}from"./Text-DCibjNNg.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-BICWbGPq.js b/assets/FloatingMenu.stories-DJKn_P8e.js similarity index 80% rename from assets/FloatingMenu.stories-BICWbGPq.js rename to assets/FloatingMenu.stories-DJKn_P8e.js index 594de265..dad020a5 100644 --- a/assets/FloatingMenu.stories-BICWbGPq.js +++ b/assets/FloatingMenu.stories-DJKn_P8e.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-DoxjgJx5.js";import{S as a}from"./user-profile-CB1AInEY.js";import{S as r,a as s,b as l}from"./leave-ZJppWO3C.js";import{F as n}from"./FloatingMenu-Eb22vTDs.js";import{M as t}from"./MenuItem-CjxlTIiG.js";import{S as c}from"./Separator-D9goDqil.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./useId-D5m2XpUu.js";import"./Text-BrcN_buA.js";import"./Typography-BcgMUEGb.js";import"./index-Cmw95SmN.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./floating-ui.react-D5UUZX8q.js";const C={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(c,{}),o.jsx(t,{kind:"critical",Icon:l,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-DoxjgJx5.js";import{S as a}from"./user-profile-CB1AInEY.js";import{S as r,a as s,b as l}from"./leave-ZJppWO3C.js";import{F as n}from"./FloatingMenu-BxFYcaYT.js";import{M as t}from"./MenuItem-DP321Nyr.js";import{S as c}from"./Separator-D0l5BZ7R.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./useId-D5m2XpUu.js";import"./Text-DCibjNNg.js";import"./Typography-D-74lRMS.js";import"./index-Cmw95SmN.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./floating-ui.react-D5UUZX8q.js";const C={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(c,{}),o.jsx(t,{kind:"critical",Icon:l,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-B6NP-vwf.js b/assets/Form.stories-B6NP-vwf.js deleted file mode 100644 index 61478c05..00000000 --- a/assets/Form.stories-B6NP-vwf.js +++ /dev/null @@ -1,13 +0,0 @@ -import{j as e}from"./jsx-runtime-DoxjgJx5.js";import"./Action-CfxVqd4P.js";import{a as j}from"./Password-Bqf2-XrK.js";import{a as u}from"./Text-TVAdXiC2.js";import{a as h}from"./MFA-BiNopdLu.js";import{a as g}from"./Checkbox-BFKq8D9k.js";import{a as x}from"./Radio-CcNQk_C6.js";import{a as f}from"./Toggle-C-uiCCLl.js";import"./EditInPlace-dUuUPAc0.js";import{R as C,F as d,L as a,E as t,H as m,I as n,S as E}from"./Submit-BiHaqEh9.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./useId-D5m2XpUu.js";import"./index-v5u6b-Nk.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./Tooltip-BpTSfUbF.js";import"./floating-ui.react-D5UUZX8q.js";import"./visibility-on-BrkRTjSX.js";import"./check-CXsFGzWm.js";import"./close-D55JIkKE.js";import"./error-YokBWoNX.js";import"./InlineSpinner-CZEeBvQo.js";import"./Button-Yybe91ei.js";import"./UnstyledButton-CUaD5tB8.js";const I=({disabled:s,invalid:r,readOnly:o})=>e.jsxs(C,{children:[e.jsxs(d,{serverInvalid:r,name:"mxid",children:[e.jsx(a,{children:"Username"}),e.jsx(u,{disabled:s,readOnly:o,defaultValue:"Hello world!"}),r?e.jsx(t,{children:"Error message."}):e.jsx(m,{children:"Help message."})]}),e.jsxs(d,{serverInvalid:r,name:"password",children:[e.jsx(a,{children:"Password"}),e.jsx(j,{disabled:s,readOnly:o,defaultValue:"sup3rS3cur3p4ssw0rd!"}),r?e.jsx(t,{children:"Error message."}):e.jsx(m,{children:"Help message."})]}),e.jsxs(d,{serverInvalid:r,name:"mfa",children:[e.jsx(a,{children:"MFA"}),e.jsx(h,{disabled:s,readOnly:o,defaultValue:"123"}),r?e.jsx(t,{children:"Error message."}):e.jsx(m,{children:"Help message."})]}),e.jsxs(n,{serverInvalid:r,name:"remember",control:e.jsx(g,{disabled:s,readOnly:o,defaultChecked:!0}),children:[e.jsx(a,{children:"Remember me"}),r?e.jsx(t,{children:"Error message."}):e.jsx(m,{children:"Help message."})]}),e.jsxs(n,{serverInvalid:r,name:"radio",control:e.jsx(x,{disabled:s,readOnly:o,defaultChecked:!0}),children:[e.jsx(a,{children:"Option 1"}),r?e.jsx(t,{children:"Error message."}):e.jsx(m,{children:"Help message."})]}),e.jsxs(n,{serverInvalid:r,name:"radio",control:e.jsx(x,{disabled:s,readOnly:o,defaultChecked:!0}),children:[e.jsx(a,{children:"Option 2"}),r?e.jsx(t,{children:"Error message."}):e.jsx(m,{children:"Help message."})]}),e.jsxs(n,{serverInvalid:r,name:"toggle",control:e.jsx(f,{disabled:s,readOnly:o,defaultChecked:!0}),children:[e.jsx(a,{children:"Toggle"}),r?e.jsx(t,{children:"Error message."}):e.jsx(m,{children:"Help message."})]}),e.jsx(E,{disabled:s,children:"Submit"})]}),W={title:"Form/Kitchen Sink",component:I,argTypes:{disabled:{type:"boolean"},readOnly:{type:"boolean"},invalid:{type:"boolean"}},args:{disabled:!1,readOnly:!1,invalid:!1}},l={},c={args:{disabled:!0}},i={args:{readOnly:!0}},p={args:{invalid:!0}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:"{}",...l.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{ - args: { - disabled: true - } -}`,...c.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{ - args: { - readOnly: true - } -}`,...i.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{ - args: { - invalid: true - } -}`,...p.parameters?.docs?.source}}};const X=["Normal","Disabled","ReadOnly","Invalid"];export{c as Disabled,p as Invalid,l as Normal,i as ReadOnly,X as __namedExportsOrder,W as default}; diff --git a/assets/Form.stories-CoG0laCx.js b/assets/Form.stories-CoG0laCx.js new file mode 100644 index 00000000..8b6df18a --- /dev/null +++ b/assets/Form.stories-CoG0laCx.js @@ -0,0 +1,13 @@ +import{j as r}from"./jsx-runtime-DoxjgJx5.js";import"./Action-BJniBKiJ.js";import{a as j}from"./Password-BL0bK9Cg.js";import{a as u}from"./Text-Cr8eyvvV.js";import{a as h}from"./MFA-Bg-QQaLT.js";import{a as g}from"./Checkbox-UWXrg9ui.js";import{a as x}from"./Radio-DnV3u_Pm.js";import{a as f}from"./Toggle-CCZdSH3V.js";import{R as C,F as d,L as t,a,H as m,I as i,S as I}from"./Search-BJ_nckf7.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./useId-D5m2XpUu.js";import"./index-BEd8YfQ8.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./Tooltip-BpTSfUbF.js";import"./floating-ui.react-D5UUZX8q.js";import"./visibility-on-BrkRTjSX.js";import"./check-CXsFGzWm.js";import"./close-D55JIkKE.js";import"./Alert-CONg58U6.js";import"./Text-DCibjNNg.js";import"./Typography-D-74lRMS.js";import"./Button-BPkQI5Wr.js";import"./UnstyledButton-CUaD5tB8.js";import"./IconButton-Dd7bS9VQ.js";import"./IndicatorIcon-iinDG_Nf.js";import"./InlineSpinner-CZEeBvQo.js";import"./Avatar-D_h5K73j.js";import"./AvatarStack-zKeD_o_3.js";import"./Badge-DhRzaND9.js";import"./ContextMenu-ylWaAsgi.js";import"./index-H3MR2rqV.js";import"./index-ChiipFpT.js";import"./FloatingMenu-BxFYcaYT.js";import"./DrawerMenu-BYj777Pr.js";import"./MenuItem-DP321Nyr.js";import"./Glass-CwZVZZDo.js";import"./Heading-Bj7GMP5j.js";import"./Link-Do2tSqaM.js";import"./Menu-DkWI44PW.js";import"./search-CWkX64tk.js";import"./Separator-D0l5BZ7R.js";import"./ToggleMenuItem-DCiOs_QO.js";import"./ReleaseAnnouncement-DiJEEtE4.js";import"./Toast-DiTTZX7x.js";/* empty css */const E=({disabled:s,invalid:e,readOnly:o})=>r.jsxs(C,{children:[r.jsxs(d,{serverInvalid:e,name:"mxid",children:[r.jsx(t,{children:"Username"}),r.jsx(u,{disabled:s,readOnly:o,defaultValue:"Hello world!"}),e?r.jsx(a,{children:"Error message."}):r.jsx(m,{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(a,{children:"Error message."}):r.jsx(m,{children:"Help message."})]}),r.jsxs(d,{serverInvalid:e,name:"mfa",children:[r.jsx(t,{children:"MFA"}),r.jsx(h,{disabled:s,readOnly:o,defaultValue:"123"}),e?r.jsx(a,{children:"Error message."}):r.jsx(m,{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(a,{children:"Error message."}):r.jsx(m,{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(a,{children:"Error message."}):r.jsx(m,{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(a,{children:"Error message."}):r.jsx(m,{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(a,{children:"Error message."}):r.jsx(m,{children:"Help message."})]}),r.jsx(I,{disabled:s,children:"Submit"})]}),gr={title:"Form/Kitchen Sink",component:E,argTypes:{disabled:{type:"boolean"},readOnly:{type:"boolean"},invalid:{type:"boolean"}},args:{disabled:!1,readOnly:!1,invalid:!1}},n={},p={args:{disabled:!0}},l={args:{readOnly:!0}},c={args:{invalid:!0}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:"{}",...n.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{ + args: { + disabled: true + } +}`,...p.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 fr=["Normal","Disabled","ReadOnly","Invalid"];export{p as Disabled,c as Invalid,n as Normal,l as ReadOnly,fr as __namedExportsOrder,gr as default}; diff --git a/assets/Glass.stories-D5q-_LCL.js b/assets/Glass.stories-HWPmkbun.js similarity index 91% rename from assets/Glass.stories-D5q-_LCL.js rename to assets/Glass.stories-HWPmkbun.js index d2895967..32013d54 100644 --- a/assets/Glass.stories-D5q-_LCL.js +++ b/assets/Glass.stories-HWPmkbun.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-DoxjgJx5.js";import{G as t}from"./Glass-CwZVZZDo.js";import{T as o}from"./Text-BrcN_buA.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./Typography-BcgMUEGb.js";const p={title:"Glass",component:t,tags:["autodocs"],argTypes:{},args:{}},r=s=>n.jsx("div",{style:{background:"url('/images/__test__/kitten2.jpg')",backgroundSize:"cover",inlineSize:"fit-content",blockSize:"fit-content",padding:16},children:n.jsx(t,{style:{inlineSize:250,blockSize:150},...s,children:n.jsx("div",{style:{background:"var(--cpd-color-bg-canvas-default)",display:"flex",alignItems:"center",justifyContent:"center"},children:n.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 => +import{j as n}from"./jsx-runtime-DoxjgJx5.js";import{G as t}from"./Glass-CwZVZZDo.js";import{T as o}from"./Text-DCibjNNg.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./Typography-D-74lRMS.js";const p={title:"Glass",component:t,tags:["autodocs"],argTypes:{},args:{}},r=s=>n.jsx("div",{style:{background:"url('/images/__test__/kitten2.jpg')",backgroundSize:"cover",inlineSize:"fit-content",blockSize:"fit-content",padding:16},children:n.jsx(t,{style:{inlineSize:250,blockSize:150},...s,children:n.jsx("div",{style:{background:"var(--cpd-color-bg-canvas-default)",display:"flex",alignItems:"center",justifyContent:"center"},children:n.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
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:'"md"'},{value:'"lg"'},{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}; +import{j as r}from"./jsx-runtime-DoxjgJx5.js";import{T as _}from"./Typography-D-74lRMS.js";import{T as c}from"./Text-DCibjNNg.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-DyPm4Wk1.js b/assets/Heading.stories-B0ZBNbq9.js similarity index 78% rename from assets/Heading.stories-DyPm4Wk1.js rename to assets/Heading.stories-B0ZBNbq9.js index d2be11f1..a224c94c 100644 --- a/assets/Heading.stories-DyPm4Wk1.js +++ b/assets/Heading.stories-B0ZBNbq9.js @@ -1,3 +1,3 @@ -import{j as i}from"./jsx-runtime-DoxjgJx5.js";import{H as r}from"./Heading-D0UD_l3r.js";import"./index-Cu9bd8lq.js";import"./Typography-BcgMUEGb.js";import"./index-C2KoGaFq.js";import"./Text-BrcN_buA.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 => +import{j as i}from"./jsx-runtime-DoxjgJx5.js";import{H as r}from"./Heading-Bj7GMP5j.js";import"./index-Cu9bd8lq.js";import"./Typography-D-74lRMS.js";import"./index-C2KoGaFq.js";import"./Text-DCibjNNg.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/IconButton-CsZgHCnM.js b/assets/IconButton-Dd7bS9VQ.js similarity index 78% rename from assets/IconButton-CsZgHCnM.js rename to assets/IconButton-Dd7bS9VQ.js index 439ab7ba..3f30fc69 100644 --- a/assets/IconButton-CsZgHCnM.js +++ b/assets/IconButton-Dd7bS9VQ.js @@ -1,5 +1,5 @@ -import{j as t}from"./jsx-runtime-DoxjgJx5.js";import{r as h,a as v}from"./index-Cu9bd8lq.js";import{c as y}from"./index-C2KoGaFq.js";import{U as _}from"./UnstyledButton-CUaD5tB8.js";import{I}from"./IndicatorIcon-CVdpdEcx.js";import{T as x}from"./Tooltip-BpTSfUbF.js";const z="_destructive_rijzz_78",a={"icon-button":"_icon-button_rijzz_17",destructive:z},s=h.forwardRef(function({children:d,className:l,indicator:e,size:c="32px",style:u,disabled:o,destructive:p,tooltip:i,...b},m){const f=y(a["icon-button"],l,{[a.destructive]:p}),n=t.jsx(_,{as:"button",ref:m,className:f,style:{"--cpd-icon-button-size":c,...u},disabled:o,...b,"data-indicator":e,children:t.jsx(I,{indicator:e,colour:o?"var(--cpd-color-icon-disabled)":void 0,children:v.Children.only(d)})});return i?t.jsx(x,{label:i,children:n}):n});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"}},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"}},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-DoxjgJx5.js";import{r as h,a as v}from"./index-Cu9bd8lq.js";import{c as y}from"./index-C2KoGaFq.js";import{U as _}from"./UnstyledButton-CUaD5tB8.js";import{I}from"./IndicatorIcon-iinDG_Nf.js";import{T as x}from"./Tooltip-BpTSfUbF.js";const z="_destructive_rijzz_78",a={"icon-button":"_icon-button_rijzz_17",destructive:z},s=h.forwardRef(function({children:d,className:l,indicator:e,size:c="32px",style:u,disabled:o,destructive:p,tooltip:i,...b},m){const f=y(a["icon-button"],l,{[a.destructive]:p}),n=t.jsx(_,{as:"button",ref:m,className:f,style:{"--cpd-icon-button-size":c,...u},disabled:o,...b,"data-indicator":e,children:t.jsx(I,{indicator:e,colour:o?"var(--cpd-color-icon-disabled)":void 0,children:v.Children.only(d)})});return i?t.jsx(x,{label:i,children:n}):n});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"}},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"}},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"}},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:'"critical"'},{value:'"success"'}]}},destructive:{defaultValue:{value:"false"},description:"Whether this button triggers a destructive action.",name:"destructive",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"}},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"'}]}}}}}catch{}export{s as I}; diff --git a/assets/IconButton.stories-BtXYNNEW.js b/assets/IconButton.stories-DNkM1zI6.js similarity index 95% rename from assets/IconButton.stories-BtXYNNEW.js rename to assets/IconButton.stories-DNkM1zI6.js index 02932cda..96274842 100644 --- a/assets/IconButton.stories-BtXYNNEW.js +++ b/assets/IconButton.stories-DNkM1zI6.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-DoxjgJx5.js";import{f as l}from"./index-DRe3e4pb.js";import{I as p}from"./IconButton-CsZgHCnM.js";import{S as m}from"./user-profile-CB1AInEY.js";import"./index-Cu9bd8lq.js";import"./index-CVRyq5ci.js";import"./index-C2KoGaFq.js";import"./UnstyledButton-CUaD5tB8.js";import"./IndicatorIcon-CVdpdEcx.js";import"./Tooltip-BpTSfUbF.js";import"./floating-ui.react-D5UUZX8q.js";import"./index-s2Ee__EW.js";const v={title:"Button/IconButton",component:p,tags:["autodocs"],argTypes:{control:{type:"boolean"},onClick:{action:"onClick"}},args:{size:"32px",disabled:!1,children:r.jsx(m,{}),onClick:l()}},g=u=>r.jsxs(r.Fragment,{children:[r.jsx(p,{...u,size:"32px",children:r.jsx(m,{})}),r.jsx(p,{...u,size:"48px",children:r.jsx(m,{})}),r.jsx(p,{...u,size:"64px",children:r.jsx(m,{})})]}),e=g.bind({}),s={args:{}},o={args:{disabled:!0}},a={args:{indicator:"default"}},t={args:{indicator:"default",disabled:!0}},n={args:{indicator:"success"}},c={args:{indicator:"critical"}},i={args:{label:"label"}},d={args:{destructive:"true"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`args => <> +import{j as r}from"./jsx-runtime-DoxjgJx5.js";import{f as l}from"./index-B-6fpdcS.js";import{I as p}from"./IconButton-Dd7bS9VQ.js";import{S as m}from"./user-profile-CB1AInEY.js";import"./index-Cu9bd8lq.js";import"./index-CVRyq5ci.js";import"./index-C2KoGaFq.js";import"./UnstyledButton-CUaD5tB8.js";import"./IndicatorIcon-iinDG_Nf.js";import"./Tooltip-BpTSfUbF.js";import"./floating-ui.react-D5UUZX8q.js";import"./index-s2Ee__EW.js";const v={title:"Button/IconButton",component:p,tags:["autodocs"],argTypes:{control:{type:"boolean"},onClick:{action:"onClick"}},args:{size:"32px",disabled:!1,children:r.jsx(m,{}),onClick:l()}},g=u=>r.jsxs(r.Fragment,{children:[r.jsx(p,{...u,size:"32px",children:r.jsx(m,{})}),r.jsx(p,{...u,size:"48px",children:r.jsx(m,{})}),r.jsx(p,{...u,size:"64px",children:r.jsx(m,{})})]}),e=g.bind({}),s={args:{}},o={args:{disabled:!0}},a={args:{indicator:"default"}},t={args:{indicator:"default",disabled:!0}},n={args:{indicator:"success"}},c={args:{indicator:"critical"}},i={args:{label:"label"}},d={args:{destructive:"true"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`args => <> diff --git a/assets/IndicatorIcon-CVdpdEcx.js b/assets/IndicatorIcon-iinDG_Nf.js similarity index 94% rename from assets/IndicatorIcon-CVdpdEcx.js rename to assets/IndicatorIcon-iinDG_Nf.js index 823317a9..4f4bc8b3 100644 --- a/assets/IndicatorIcon-CVdpdEcx.js +++ b/assets/IndicatorIcon-iinDG_Nf.js @@ -1,2 +1,2 @@ import{j as d}from"./jsx-runtime-DoxjgJx5.js";import{r as l,a as u}from"./index-Cu9bd8lq.js";import{c as p}from"./index-C2KoGaFq.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:'"critical"'},{value:'"success"'}]}}}}}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:'"default"'},{value:'"success"'},{value:'"critical"'}]}}}}}catch{}export{e as I}; diff --git a/assets/IndicatorIcon.stories-C6IWG6JP.js b/assets/IndicatorIcon.stories-paSJsMog.js similarity index 96% rename from assets/IndicatorIcon.stories-C6IWG6JP.js rename to assets/IndicatorIcon.stories-paSJsMog.js index 60daf2c1..95588303 100644 --- a/assets/IndicatorIcon.stories-C6IWG6JP.js +++ b/assets/IndicatorIcon.stories-paSJsMog.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-DoxjgJx5.js";import{f as d}from"./index-DRe3e4pb.js";import{I as r}from"./IndicatorIcon-CVdpdEcx.js";import"./index-Cu9bd8lq.js";import"./index-CVRyq5ci.js";import"./index-C2KoGaFq.js";const a=o=>n.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...o,children:n.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"})}),g={title:"Icon/IndicatorIcon",component:r,tags:["autodocs"],argTypes:{control:{type:"boolean"},onClick:{action:"onClick"}},args:{size:"32px",disabled:!1,children:n.jsx(a,{}),onClick:d()}},p=o=>n.jsxs(n.Fragment,{children:[n.jsx(r,{...o,size:"32px",children:n.jsx(a,{})}),n.jsx(r,{...o,size:"48px",children:n.jsx(a,{})}),n.jsx(r,{...o,size:"64px",children:n.jsx(a,{})}),n.jsx(r,{...o,size:"32px",indicator:"default",children:n.jsx(a,{})}),n.jsx(r,{...o,size:"48px",indicator:"default",children:n.jsx(a,{})}),n.jsx(r,{...o,size:"64px",indicator:"default",children:n.jsx(a,{})})]}),e=p.bind({}),c={args:{}},s={args:{indicator:"default"}},t={args:{indicator:"success"}},i={args:{indicator:"critical"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`args => <> +import{j as n}from"./jsx-runtime-DoxjgJx5.js";import{f as d}from"./index-B-6fpdcS.js";import{I as r}from"./IndicatorIcon-iinDG_Nf.js";import"./index-Cu9bd8lq.js";import"./index-CVRyq5ci.js";import"./index-C2KoGaFq.js";const a=o=>n.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...o,children:n.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"})}),g={title:"Icon/IndicatorIcon",component:r,tags:["autodocs"],argTypes:{control:{type:"boolean"},onClick:{action:"onClick"}},args:{size:"32px",disabled:!1,children:n.jsx(a,{}),onClick:d()}},p=o=>n.jsxs(n.Fragment,{children:[n.jsx(r,{...o,size:"32px",children:n.jsx(a,{})}),n.jsx(r,{...o,size:"48px",children:n.jsx(a,{})}),n.jsx(r,{...o,size:"64px",children:n.jsx(a,{})}),n.jsx(r,{...o,size:"32px",indicator:"default",children:n.jsx(a,{})}),n.jsx(r,{...o,size:"48px",indicator:"default",children:n.jsx(a,{})}),n.jsx(r,{...o,size:"64px",indicator:"default",children:n.jsx(a,{})})]}),e=p.bind({}),c={args:{}},s={args:{indicator:"default"}},t={args:{indicator:"success"}},i={args:{indicator:"critical"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`args => <> diff --git a/assets/MFA-BiNopdLu.js b/assets/MFA-Bg-QQaLT.js similarity index 96% rename from assets/MFA-BiNopdLu.js rename to assets/MFA-Bg-QQaLT.js index d173bd8e..3219519c 100644 --- a/assets/MFA-BiNopdLu.js +++ b/assets/MFA-Bg-QQaLT.js @@ -1 +1 @@ -import{j as a}from"./jsx-runtime-DoxjgJx5.js";import{r as m,a as u}from"./index-Cu9bd8lq.js";import{c as M}from"./index-C2KoGaFq.js";import{a as N}from"./index-v5u6b-Nk.js";const x="_container_9zyti_18",A="_control_9zyti_33",b="_digit_9zyti_57",i={container:x,control:A,digit:b},v=({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(v,{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(v,{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-DoxjgJx5.js";import{M as t}from"./MFA-Bg-QQaLT.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./index-BEd8YfQ8.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";const T={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-Hxy2XXUy.js b/assets/Menu-DkWI44PW.js similarity index 96% rename from assets/Menu-Hxy2XXUy.js rename to assets/Menu-DkWI44PW.js index b2b5ad6b..5133e815 100644 --- a/assets/Menu-Hxy2XXUy.js +++ b/assets/Menu-DkWI44PW.js @@ -1,4 +1,4 @@ -import{j as s}from"./jsx-runtime-DoxjgJx5.js";import{r as d}from"./index-Cu9bd8lq.js";import{_ as m,a as D}from"./index-Cmw95SmN.js";import{$ as M,b as x,a as b}from"./index-tFWdirwu.js";import{a as C}from"./index-ChiipFpT.js";import{$ as E}from"./index-BHpG8fra.js";import{$ as v,a as T,e as R,b as O,c as j,d as I,J as h}from"./index-H3MR2rqV.js";import{F as N}from"./FloatingMenu-Eb22vTDs.js";import{c as P}from"./index-C2KoGaFq.js";import{d as k,D as q,g as A}from"./DrawerMenu-BYj777Pr.js";import{a as S}from"./MenuItem-CjxlTIiG.js";const _="DropdownMenu",[V,le]=M(_,[v]),$=v(),[F,y]=V(_),K=e=>{const{__scopeDropdownMenu:r,children:a,dir:t,open:i,defaultOpen:o,onOpenChange:l,modal:n=!0}=e,c=$(r),u=d.useRef(null),[f=!1,p]=C({prop:i,defaultProp:o,onChange:l});return d.createElement(F,{scope:r,triggerId:x(),triggerRef:u,contentId:x(),open:f,onOpenChange:p,onOpenToggle:d.useCallback(()=>p(g=>!g),[p]),modal:n},d.createElement(T,m({},c,{open:f,onOpenChange:p,dir:t,modal:n}),a))},W="DropdownMenuTrigger",G=d.forwardRef((e,r)=>{const{__scopeDropdownMenu:a,disabled:t=!1,...i}=e,o=y(W,a),l=$(a);return d.createElement(R,m({asChild:!0},l),d.createElement(E.button,m({type:"button",id:o.triggerId,"aria-haspopup":"menu","aria-expanded":o.open,"aria-controls":o.open?o.contentId:void 0,"data-state":o.open?"open":"closed","data-disabled":t?"":void 0,disabled:t},i,{ref:D(r,o.triggerRef),onPointerDown:b(e.onPointerDown,n=>{!t&&n.button===0&&n.ctrlKey===!1&&(o.onOpenToggle(),o.open||n.preventDefault())}),onKeyDown:b(e.onKeyDown,n=>{t||(["Enter"," "].includes(n.key)&&o.onOpenToggle(),n.key==="ArrowDown"&&o.onOpenChange(!0),["Enter"," ","ArrowDown"].includes(n.key)&&n.preventDefault())})})))}),J=e=>{const{__scopeDropdownMenu:r,...a}=e,t=$(r);return d.createElement(O,m({},t,a))},L="DropdownMenuContent",U=d.forwardRef((e,r)=>{const{__scopeDropdownMenu:a,...t}=e,i=y(L,a),o=$(a),l=d.useRef(!1);return d.createElement(j,m({id:i.contentId,"aria-labelledby":i.triggerId},o,t,{ref:r,onCloseAutoFocus:b(e.onCloseAutoFocus,n=>{var c;l.current||(c=i.triggerRef.current)===null||c===void 0||c.focus(),l.current=!1,n.preventDefault()}),onInteractOutside:b(e.onInteractOutside,n=>{const c=n.detail.originalEvent,u=c.button===0&&c.ctrlKey===!0,f=c.button===2||u;(!i.modal||f)&&(l.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)"}}))}),z=d.forwardRef((e,r)=>{const{__scopeDropdownMenu:a,...t}=e,i=$(a);return d.createElement(I,m({},i,t,{ref:r}))}),B=K,H=G,Q=J,X=U,Y=({onSelect:e,children:r})=>s.jsx(z,{onSelect:e??void 0,asChild:!0,children:r}),w=({title:e,showTitle:r=!0,open:a,onOpenChange:t,trigger:i,children:o,side:l="bottom",align:n="center"})=>{const c=A(),u=c==="android"||c==="ios",f=d.useMemo(()=>({MenuItemWrapper:u?null:Y,onOpenChange:t}),[t]),p=s.jsx(S.Provider,{value:f,children:o});return u?s.jsxs(h.Root,{open:a,onOpenChange:t,children:[s.jsx(h.Trigger,{asChild:!0,children:i}),s.jsxs(h.Portal,{children:[s.jsx(h.Overlay,{className:P(k.bg)}),s.jsx(h.Content,{asChild:!0,children:s.jsx(q,{title:e,children:p})})]})]}):s.jsxs(B,{open:a,onOpenChange:t,children:[s.jsx(H,{asChild:!0,children:i}),s.jsx(Q,{children:s.jsx(X,{asChild:!0,side:l,align:n,sideOffset:8,onCloseAutoFocus:g=>{g.preventDefault()},children:s.jsx(N,{title:e,showTitle:r,children:p})})})]})};try{w.displayName="Menu",w.__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 +import{j as s}from"./jsx-runtime-DoxjgJx5.js";import{r as d}from"./index-Cu9bd8lq.js";import{_ as m,a as D}from"./index-Cmw95SmN.js";import{$ as M,b as x,a as b}from"./index-tFWdirwu.js";import{a as C}from"./index-ChiipFpT.js";import{$ as E}from"./index-BHpG8fra.js";import{$ as v,a as T,e as R,b as O,c as j,d as I,J as h}from"./index-H3MR2rqV.js";import{F as N}from"./FloatingMenu-BxFYcaYT.js";import{c as P}from"./index-C2KoGaFq.js";import{d as k,D as q,g as A}from"./DrawerMenu-BYj777Pr.js";import{a as S}from"./MenuItem-DP321Nyr.js";const _="DropdownMenu",[V,le]=M(_,[v]),$=v(),[F,y]=V(_),K=e=>{const{__scopeDropdownMenu:r,children:a,dir:t,open:i,defaultOpen:o,onOpenChange:l,modal:n=!0}=e,c=$(r),u=d.useRef(null),[f=!1,p]=C({prop:i,defaultProp:o,onChange:l});return d.createElement(F,{scope:r,triggerId:x(),triggerRef:u,contentId:x(),open:f,onOpenChange:p,onOpenToggle:d.useCallback(()=>p(g=>!g),[p]),modal:n},d.createElement(T,m({},c,{open:f,onOpenChange:p,dir:t,modal:n}),a))},W="DropdownMenuTrigger",G=d.forwardRef((e,r)=>{const{__scopeDropdownMenu:a,disabled:t=!1,...i}=e,o=y(W,a),l=$(a);return d.createElement(R,m({asChild:!0},l),d.createElement(E.button,m({type:"button",id:o.triggerId,"aria-haspopup":"menu","aria-expanded":o.open,"aria-controls":o.open?o.contentId:void 0,"data-state":o.open?"open":"closed","data-disabled":t?"":void 0,disabled:t},i,{ref:D(r,o.triggerRef),onPointerDown:b(e.onPointerDown,n=>{!t&&n.button===0&&n.ctrlKey===!1&&(o.onOpenToggle(),o.open||n.preventDefault())}),onKeyDown:b(e.onKeyDown,n=>{t||(["Enter"," "].includes(n.key)&&o.onOpenToggle(),n.key==="ArrowDown"&&o.onOpenChange(!0),["Enter"," ","ArrowDown"].includes(n.key)&&n.preventDefault())})})))}),J=e=>{const{__scopeDropdownMenu:r,...a}=e,t=$(r);return d.createElement(O,m({},t,a))},L="DropdownMenuContent",U=d.forwardRef((e,r)=>{const{__scopeDropdownMenu:a,...t}=e,i=y(L,a),o=$(a),l=d.useRef(!1);return d.createElement(j,m({id:i.contentId,"aria-labelledby":i.triggerId},o,t,{ref:r,onCloseAutoFocus:b(e.onCloseAutoFocus,n=>{var c;l.current||(c=i.triggerRef.current)===null||c===void 0||c.focus(),l.current=!1,n.preventDefault()}),onInteractOutside:b(e.onInteractOutside,n=>{const c=n.detail.originalEvent,u=c.button===0&&c.ctrlKey===!0,f=c.button===2||u;(!i.modal||f)&&(l.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)"}}))}),z=d.forwardRef((e,r)=>{const{__scopeDropdownMenu:a,...t}=e,i=$(a);return d.createElement(I,m({},i,t,{ref:r}))}),B=K,H=G,Q=J,X=U,Y=({onSelect:e,children:r})=>s.jsx(z,{onSelect:e??void 0,asChild:!0,children:r}),w=({title:e,showTitle:r=!0,open:a,onOpenChange:t,trigger:i,children:o,side:l="bottom",align:n="center"})=>{const c=A(),u=c==="android"||c==="ios",f=d.useMemo(()=>({MenuItemWrapper:u?null:Y,onOpenChange:t}),[t]),p=s.jsx(S.Provider,{value:f,children:o});return u?s.jsxs(h.Root,{open:a,onOpenChange:t,children:[s.jsx(h.Trigger,{asChild:!0,children:i}),s.jsxs(h.Portal,{children:[s.jsx(h.Overlay,{className:P(k.bg)}),s.jsx(h.Content,{asChild:!0,children:s.jsx(q,{title:e,children:p})})]})]}):s.jsxs(B,{open:a,onOpenChange:t,children:[s.jsx(H,{asChild:!0,children:i}),s.jsx(Q,{children:s.jsx(X,{asChild:!0,side:l,align:n,sideOffset:8,onCloseAutoFocus:g=>{g.preventDefault()},children:s.jsx(N,{title:e,showTitle:r,children:p})})})]})};try{w.displayName="Menu",w.__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. diff --git a/assets/Menu.stories-BraWFQ98.js b/assets/Menu.stories-G7UoM3Se.js similarity index 86% rename from assets/Menu.stories-BraWFQ98.js rename to assets/Menu.stories-G7UoM3Se.js index df098750..88089ccf 100644 --- a/assets/Menu.stories-BraWFQ98.js +++ b/assets/Menu.stories-G7UoM3Se.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{r as l}from"./index-Cu9bd8lq.js";import{S as p}from"./user-profile-CB1AInEY.js";import{S as m,a as u,b as g}from"./leave-ZJppWO3C.js";import{M as r}from"./Menu-Hxy2XXUy.js";import{M as o}from"./MenuItem-CjxlTIiG.js";import{S}from"./Separator-D9goDqil.js";import{B as I}from"./Button-Yybe91ei.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-ChiipFpT.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./index-H3MR2rqV.js";import"./FloatingMenu-Eb22vTDs.js";import"./index-C2KoGaFq.js";import"./useId-D5m2XpUu.js";import"./Text-BrcN_buA.js";import"./Typography-BcgMUEGb.js";import"./DrawerMenu-BYj777Pr.js";import"./floating-ui.react-D5UUZX8q.js";import"./UnstyledButton-CUaD5tB8.js";const w={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(I,{children:"Open menu"}),align:"start",children:[e.jsx(o,{Icon:p,label:"Profile",onSelect:()=>{}}),e.jsx(o,{Icon:m,label:"Notifications",onSelect:()=>{}}),e.jsx(o,{Icon:u,label:"Feedback",onSelect:()=>{}}),e.jsx(S,{}),e.jsx(o,{kind:"critical",Icon:g,label:"Sign out",onSelect:()=>{}})]})},t=a.bind({});t.args={title:"Today's Menu"};const n=a.bind({});n.args={title:"Untitled Menu",showTitle:!1};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`args => { +import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{r as l}from"./index-Cu9bd8lq.js";import{S as p}from"./user-profile-CB1AInEY.js";import{S as m,a as u,b as g}from"./leave-ZJppWO3C.js";import{M as r}from"./Menu-DkWI44PW.js";import{M as o}from"./MenuItem-DP321Nyr.js";import{S}from"./Separator-D0l5BZ7R.js";import{B as I}from"./Button-BPkQI5Wr.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-ChiipFpT.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./index-H3MR2rqV.js";import"./FloatingMenu-BxFYcaYT.js";import"./index-C2KoGaFq.js";import"./useId-D5m2XpUu.js";import"./Text-DCibjNNg.js";import"./Typography-D-74lRMS.js";import"./DrawerMenu-BYj777Pr.js";import"./floating-ui.react-D5UUZX8q.js";import"./UnstyledButton-CUaD5tB8.js";const w={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(I,{children:"Open menu"}),align:"start",children:[e.jsx(o,{Icon:p,label:"Profile",onSelect:()=>{}}),e.jsx(o,{Icon:m,label:"Notifications",onSelect:()=>{}}),e.jsx(o,{Icon:u,label:"Feedback",onSelect:()=>{}}),e.jsx(S,{}),e.jsx(o,{kind:"critical",Icon:g,label:"Sign out",onSelect:()=>{}})]})},t=a.bind({});t.args={title:"Today's Menu"};const n=a.bind({});n.args={title:"Untitled Menu",showTitle:!1};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`args => { const [open, setOpen] = useState(true); return Open menu} align="start"> {}} /> diff --git a/assets/MenuItem-CjxlTIiG.js b/assets/MenuItem-DP321Nyr.js similarity index 96% rename from assets/MenuItem-CjxlTIiG.js rename to assets/MenuItem-DP321Nyr.js index 83912698..b39202cf 100644 --- a/assets/MenuItem-CjxlTIiG.js +++ b/assets/MenuItem-DP321Nyr.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-DoxjgJx5.js";import{c as N}from"./index-C2KoGaFq.js";import{r as l}from"./index-Cu9bd8lq.js";import{T as M}from"./Text-BrcN_buA.js";import{$ as I}from"./index-Cmw95SmN.js";const u=l.createContext(null);try{u.displayName="MenuContext",u.__docgenInfo={description:`A React context providing information about the menu in which a given -component resides.`,displayName:"MenuContext",props:{}}}catch{}const V="_item_1gwvj_17",E="_interactive_1gwvj_36",T="_icon_1gwvj_44",k="_label_1gwvj_53",q="_disabled_1gwvj_119",e={item:V,interactive:E,"no-label":"_no-label_1gwvj_40",icon:T,label:k,"nav-hint":"_nav-hint_1gwvj_60",disabled:q},R=a=>n.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...a,children:n.jsx("path",{d:"M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"})}),p=({as:a,className:h,Icon:o,label:s,labelProps:v,onSelect:t,kind:b="primary",children:f,onClick:_,disabled:c,...g})=>{const r=a??"button",i=l.useContext(u),y=l.useCallback(C=>{if(_?.(C),t!==null&&i?.MenuItemWrapper==null){const d=new CustomEvent("menu.itemSelect",{bubbles:!0,cancelable:!0});t(d),d.defaultPrevented||i?.onOpenChange(!1)}},[i,t]),x=l.isValidElement(o),w=o,j=o,m=n.jsxs(r,{role:"menuitem",...g,className:N(h,e.item,{[e.interactive]:t!==null,[e["no-label"]]:s===null,[e.disabled]:c}),"data-kind":b,onClick:y,disabled:c,children:[x?n.jsx(I,{className:e.icon,children:w}):n.jsx(j,{width:24,height:24,className:e.icon,"aria-hidden":!0}),s!==null&&n.jsx(M,{className:e.label,size:"md",weight:"medium",as:"span",...v,children:s}),(r==="button"||r==="a")&&n.jsx(R,{width:8,height:24,className:e["nav-hint"],"aria-hidden":!0,viewBox:"8 0 8 24"}),f]});return i?.MenuItemWrapper==null||t===null?m:n.jsx(i.MenuItemWrapper,{onSelect:t,children:m})};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"'},{value:'"label"'}]}},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?: "xs" | "sm" | "md" | "lg" | "xl" | 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 n}from"./jsx-runtime-DoxjgJx5.js";import{c as N}from"./index-C2KoGaFq.js";import{r as l}from"./index-Cu9bd8lq.js";import{T as M}from"./Text-DCibjNNg.js";import{$ as I}from"./index-Cmw95SmN.js";const u=l.createContext(null);try{u.displayName="MenuContext",u.__docgenInfo={description:`A React context providing information about the menu in which a given +component resides.`,displayName:"MenuContext",props:{}}}catch{}const V="_item_1gwvj_17",E="_interactive_1gwvj_36",T="_icon_1gwvj_44",k="_label_1gwvj_53",q="_disabled_1gwvj_119",e={item:V,interactive:E,"no-label":"_no-label_1gwvj_40",icon:T,label:k,"nav-hint":"_nav-hint_1gwvj_60",disabled:q},R=a=>n.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...a,children:n.jsx("path",{d:"M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"})}),p=({as:a,className:h,Icon:o,label:s,labelProps:v,onSelect:t,kind:b="primary",children:f,onClick:_,disabled:c,...g})=>{const r=a??"button",i=l.useContext(u),y=l.useCallback(C=>{if(_?.(C),t!==null&&i?.MenuItemWrapper==null){const d=new CustomEvent("menu.itemSelect",{bubbles:!0,cancelable:!0});t(d),d.defaultPrevented||i?.onOpenChange(!1)}},[i,t]),x=l.isValidElement(o),w=o,j=o,m=n.jsxs(r,{role:"menuitem",...g,className:N(h,e.item,{[e.interactive]:t!==null,[e["no-label"]]:s===null,[e.disabled]:c}),"data-kind":b,onClick:y,disabled:c,children:[x?n.jsx(I,{className:e.icon,children:w}):n.jsx(j,{width:24,height:24,className:e.icon,"aria-hidden":!0}),s!==null&&n.jsx(M,{className:e.label,size:"md",weight:"medium",as:"span",...v,children:s}),(r==="button"||r==="a")&&n.jsx(R,{width:8,height:24,className:e["nav-hint"],"aria-hidden":!0,viewBox:"8 0 8 24"}),f]});return i?.MenuItemWrapper==null||t===null?m:n.jsx(i.MenuItemWrapper,{onSelect:t,children:m})};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"'},{value:'"label"'}]}},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" | "lg" | "xs" | "md" | "xl" | 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:'"primary"'},{value:'"critical"'}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}}}}}catch{}export{p as M,u as a}; diff --git a/assets/MenuItem.stories-BV7Oky2Q.js b/assets/MenuItem.stories-GhMi0Yyp.js similarity index 96% rename from assets/MenuItem.stories-BV7Oky2Q.js rename to assets/MenuItem.stories-GhMi0Yyp.js index f4c48246..2f85cf6c 100644 --- a/assets/MenuItem.stories-BV7Oky2Q.js +++ b/assets/MenuItem.stories-GhMi0Yyp.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{S as g}from"./extensions-Crvwpr_j.js";import{S as p}from"./chat-Ce9sY079.js";import"./index-Cu9bd8lq.js";import{M as d}from"./MenuItem-CjxlTIiG.js";import{T as u}from"./Text-BrcN_buA.js";import"./index-C2KoGaFq.js";import"./index-Cmw95SmN.js";import"./Typography-BcgMUEGb.js";const h=r=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...r,children:[e.jsx("path",{d:"M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm-2 0a2 2 0 1 0-4 0 2 2 0 0 0 4 0Z"}),e.jsx("path",{d:"M11.312 2h1.376A2.312 2.312 0 0 1 15 4.312v.247l.002.003c.01.014.031.033.064.047.03.013.056.013.07.01h.002l.177-.177a2.312 2.312 0 0 1 3.27 0l.973.974a2.312 2.312 0 0 1 0 3.269l-.177.177v.003a.134.134 0 0 0 .01.07.153.153 0 0 0 .047.063l.003.002h.247A2.312 2.312 0 0 1 22 11.312v1.376A2.312 2.312 0 0 1 19.688 15h-.247l-.003.002a.152.152 0 0 0-.047.064.134.134 0 0 0-.01.07v.002l.177.177a2.312 2.312 0 0 1 0 3.27l-.974.973a2.312 2.312 0 0 1-3.269 0l-.177-.177h-.003a.134.134 0 0 0-.07.01.152.152 0 0 0-.063.047l-.002.003v.247A2.312 2.312 0 0 1 12.688 22h-1.376A2.312 2.312 0 0 1 9 19.688v-.247l-.002-.003a.153.153 0 0 0-.064-.047.134.134 0 0 0-.07-.01h-.002l-.177.177a2.312 2.312 0 0 1-3.27 0l-.973-.974a2.312 2.312 0 0 1 0-3.269l.177-.177v-.003a.135.135 0 0 0-.01-.07.152.152 0 0 0-.047-.063L4.559 15h-.247A2.312 2.312 0 0 1 2 12.688v-1.376A2.312 2.312 0 0 1 4.312 9h.247l.003-.002a.153.153 0 0 0 .047-.064.135.135 0 0 0 .01-.07v-.002l-.177-.177a2.312 2.312 0 0 1 0-3.27l.974-.973a2.312 2.312 0 0 1 3.269 0l.177.177h.003a.135.135 0 0 0 .07-.01.153.153 0 0 0 .063-.047L9 4.559v-.247A2.312 2.312 0 0 1 11.312 2ZM11 4.312v.257c0 .893-.59 1.593-1.299 1.887-.716.297-1.622.21-2.248-.418l-.182-.182a.312.312 0 0 0-.441 0l-.974.974a.312.312 0 0 0 0 .44l.182.183c.627.626.715 1.531.418 2.248C6.162 10.41 5.462 11 4.569 11h-.257a.312.312 0 0 0-.312.312v1.376c0 .172.14.312.312.312h.257c.893 0 1.593.59 1.887 1.299.297.716.21 1.622-.418 2.248l-.182.182a.312.312 0 0 0 0 .441l.974.973a.31.31 0 0 0 .44 0l.183-.181c.626-.627 1.532-.715 2.248-.418.709.294 1.299.994 1.299 1.887v.257c0 .172.14.312.312.312h1.376c.172 0 .312-.14.312-.312v-.257c0-.893.59-1.593 1.299-1.887.716-.297 1.622-.21 2.248.418l.182.181c.122.122.32.122.441 0l.973-.973a.312.312 0 0 0 0-.44l-.181-.183c-.627-.627-.715-1.532-.418-2.248.294-.709.994-1.299 1.887-1.299h.257c.172 0 .312-.14.312-.312v-1.376a.312.312 0 0 0-.312-.312h-.257c-.893 0-1.593-.59-1.887-1.299-.297-.717-.21-1.622.418-2.248l.181-.182a.312.312 0 0 0 0-.441l-.973-.974a.312.312 0 0 0-.44 0l-.183.182c-.627.627-1.532.715-2.248.418C13.59 6.162 13 5.462 13 4.569v-.257A.312.312 0 0 0 12.688 4h-1.376a.312.312 0 0 0-.312.312Z"})]}),w={title:"Menu/MenuItem",component:d,tags:["autodocs"],argTypes:{onClick:{action:"clicked!"}},args:{label:"Menu item",children:e.jsx(u,{as:"span",size:"sm",children:"99"}),Icon:p},decorators:[r=>e.jsx("div",{style:{width:300},children:e.jsx(r,{})})]},n={render:()=>e.jsxs("div",{style:{width:300},children:[e.jsx(d,{Icon:p,label:"First item",onSelect:()=>{},children:e.jsx(u,{as:"span",size:"sm",children:"99"})}),e.jsx(d,{Icon:g,label:"Second item with a name that's quite long",onSelect:()=>{}}),e.jsx(d,{Icon:h,label:null,onSelect:()=>{},children:e.jsx(u,{as:"span",size:"sm",children:"Third item without a label"})})]})},a={args:{kind:"primary"}},s={args:{kind:"critical"}},o={args:{...a.args,disabled:!0}},t={args:{...s.args,disabled:!0}};function b(r){return e.jsx("div",{style:{height:24,width:48,backgroundColor:"teal"},...r})}const i={args:{...a.args,Icon:e.jsx(b,{})}},l={args:{...a.args,label:void 0}},c={args:{...a.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:{...a.args,label:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, empor incididunt ut labore et dolore magna aliqua.",children:e.jsx(u,{as:"span",size:"sm",children:"Longer children too"})}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{S as g}from"./extensions-Crvwpr_j.js";import{S as p}from"./chat-Ce9sY079.js";import"./index-Cu9bd8lq.js";import{M as d}from"./MenuItem-DP321Nyr.js";import{T as u}from"./Text-DCibjNNg.js";import"./index-C2KoGaFq.js";import"./index-Cmw95SmN.js";import"./Typography-D-74lRMS.js";const h=r=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...r,children:[e.jsx("path",{d:"M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm-2 0a2 2 0 1 0-4 0 2 2 0 0 0 4 0Z"}),e.jsx("path",{d:"M11.312 2h1.376A2.312 2.312 0 0 1 15 4.312v.247l.002.003c.01.014.031.033.064.047.03.013.056.013.07.01h.002l.177-.177a2.312 2.312 0 0 1 3.27 0l.973.974a2.312 2.312 0 0 1 0 3.269l-.177.177v.003a.134.134 0 0 0 .01.07.153.153 0 0 0 .047.063l.003.002h.247A2.312 2.312 0 0 1 22 11.312v1.376A2.312 2.312 0 0 1 19.688 15h-.247l-.003.002a.152.152 0 0 0-.047.064.134.134 0 0 0-.01.07v.002l.177.177a2.312 2.312 0 0 1 0 3.27l-.974.973a2.312 2.312 0 0 1-3.269 0l-.177-.177h-.003a.134.134 0 0 0-.07.01.152.152 0 0 0-.063.047l-.002.003v.247A2.312 2.312 0 0 1 12.688 22h-1.376A2.312 2.312 0 0 1 9 19.688v-.247l-.002-.003a.153.153 0 0 0-.064-.047.134.134 0 0 0-.07-.01h-.002l-.177.177a2.312 2.312 0 0 1-3.27 0l-.973-.974a2.312 2.312 0 0 1 0-3.269l.177-.177v-.003a.135.135 0 0 0-.01-.07.152.152 0 0 0-.047-.063L4.559 15h-.247A2.312 2.312 0 0 1 2 12.688v-1.376A2.312 2.312 0 0 1 4.312 9h.247l.003-.002a.153.153 0 0 0 .047-.064.135.135 0 0 0 .01-.07v-.002l-.177-.177a2.312 2.312 0 0 1 0-3.27l.974-.973a2.312 2.312 0 0 1 3.269 0l.177.177h.003a.135.135 0 0 0 .07-.01.153.153 0 0 0 .063-.047L9 4.559v-.247A2.312 2.312 0 0 1 11.312 2ZM11 4.312v.257c0 .893-.59 1.593-1.299 1.887-.716.297-1.622.21-2.248-.418l-.182-.182a.312.312 0 0 0-.441 0l-.974.974a.312.312 0 0 0 0 .44l.182.183c.627.626.715 1.531.418 2.248C6.162 10.41 5.462 11 4.569 11h-.257a.312.312 0 0 0-.312.312v1.376c0 .172.14.312.312.312h.257c.893 0 1.593.59 1.887 1.299.297.716.21 1.622-.418 2.248l-.182.182a.312.312 0 0 0 0 .441l.974.973a.31.31 0 0 0 .44 0l.183-.181c.626-.627 1.532-.715 2.248-.418.709.294 1.299.994 1.299 1.887v.257c0 .172.14.312.312.312h1.376c.172 0 .312-.14.312-.312v-.257c0-.893.59-1.593 1.299-1.887.716-.297 1.622-.21 2.248.418l.182.181c.122.122.32.122.441 0l.973-.973a.312.312 0 0 0 0-.44l-.181-.183c-.627-.627-.715-1.532-.418-2.248.294-.709.994-1.299 1.887-1.299h.257c.172 0 .312-.14.312-.312v-1.376a.312.312 0 0 0-.312-.312h-.257c-.893 0-1.593-.59-1.887-1.299-.297-.717-.21-1.622.418-2.248l.181-.182a.312.312 0 0 0 0-.441l-.973-.974a.312.312 0 0 0-.44 0l-.183.182c-.627.627-1.532.715-2.248.418C13.59 6.162 13 5.462 13 4.569v-.257A.312.312 0 0 0 12.688 4h-1.376a.312.312 0 0 0-.312.312Z"})]}),w={title:"Menu/MenuItem",component:d,tags:["autodocs"],argTypes:{onClick:{action:"clicked!"}},args:{label:"Menu item",children:e.jsx(u,{as:"span",size:"sm",children:"99"}),Icon:p},decorators:[r=>e.jsx("div",{style:{width:300},children:e.jsx(r,{})})]},n={render:()=>e.jsxs("div",{style:{width:300},children:[e.jsx(d,{Icon:p,label:"First item",onSelect:()=>{},children:e.jsx(u,{as:"span",size:"sm",children:"99"})}),e.jsx(d,{Icon:g,label:"Second item with a name that's quite long",onSelect:()=>{}}),e.jsx(d,{Icon:h,label:null,onSelect:()=>{},children:e.jsx(u,{as:"span",size:"sm",children:"Third item without a label"})})]})},a={args:{kind:"primary"}},s={args:{kind:"critical"}},o={args:{...a.args,disabled:!0}},t={args:{...s.args,disabled:!0}};function b(r){return e.jsx("div",{style:{height:24,width:48,backgroundColor:"teal"},...r})}const i={args:{...a.args,Icon:e.jsx(b,{})}},l={args:{...a.args,label:void 0}},c={args:{...a.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:{...a.args,label:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, empor incididunt ut labore et dolore magna aliqua.",children:e.jsx(u,{as:"span",size:"sm",children:"Longer children too"})}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{ render: () =>
diff --git a/assets/Password-Bqf2-XrK.js b/assets/Password-BL0bK9Cg.js similarity index 96% rename from assets/Password-Bqf2-XrK.js rename to assets/Password-BL0bK9Cg.js index 7ebbaef1..fddc78cb 100644 --- a/assets/Password-Bqf2-XrK.js +++ b/assets/Password-BL0bK9Cg.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-DoxjgJx5.js";import{r as o}from"./index-Cu9bd8lq.js";import{a as m}from"./index-v5u6b-Nk.js";import{A as f}from"./Action-CfxVqd4P.js";import{S as h}from"./visibility-on-BrkRTjSX.js";const g=e=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...e,children:t.jsx("path",{d:"m16.1 13.3-1.45-1.45c.15-.783-.075-1.517-.675-2.2-.6-.683-1.375-.95-2.325-.8L10.2 7.4a4.24 4.24 0 0 1 .862-.3A4.2 4.2 0 0 1 12 7c1.25 0 2.312.437 3.187 1.312S16.5 10.25 16.5 11.5c0 .333-.034.646-.1.938a4.25 4.25 0 0 1-.3.862Zm3.2 3.15-1.45-1.4a10.956 10.956 0 0 0 1.687-1.588A8.898 8.898 0 0 0 20.8 11.5c-.834-1.683-2.03-3.02-3.588-4.013C15.654 6.496 13.916 6 12 6c-.483 0-.959.033-1.425.1a9.622 9.622 0 0 0-1.375.3L7.65 4.85A11.08 11.08 0 0 1 12 4c2.383 0 4.525.63 6.425 1.887 1.9 1.259 3.325 2.896 4.275 4.913.05.083.083.188.1.313s.025.254.025.387a1.972 1.972 0 0 1-.125.7 10.896 10.896 0 0 1-3.4 4.25Zm-.2 5.45-3.5-3.45c-.583.183-1.171.32-1.763.413-.591.091-1.204.137-1.837.137-2.384 0-4.525-.63-6.425-1.887-1.9-1.259-3.325-2.896-4.275-4.913a.813.813 0 0 1-.1-.313 2.932 2.932 0 0 1 0-.762.796.796 0 0 1 .1-.3A11.2 11.2 0 0 1 2.55 8.75 13.292 13.292 0 0 1 4.15 7L2.075 4.9a.933.933 0 0 1-.275-.688c0-.275.1-.512.3-.712a.948.948 0 0 1 .7-.275c.283 0 .516.092.7.275l17 17a.977.977 0 0 1 .287.688.93.93 0 0 1-.287.712.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275ZM5.55 8.4c-.484.433-.925.908-1.325 1.425A9.014 9.014 0 0 0 3.2 11.5c.833 1.683 2.029 3.02 3.587 4.012C8.346 16.505 10.083 17 12 17c.333 0 .658-.02.975-.063.316-.041.642-.087.975-.137l-.9-.95c-.184.05-.359.088-.525.113A3.539 3.539 0 0 1 12 16c-1.25 0-2.313-.438-3.188-1.313C7.937 13.813 7.5 12.75 7.5 11.5c0-.183.012-.358.037-.525.025-.167.063-.342.113-.525L5.55 8.4Z"})}),r={isHidden:!0,icon:g,label:"Show",type:"password"},w={isHidden:!1,icon:h,label:"Hide",type:"text"},n=o.forwardRef(function(a,s){const[{icon:l,label:c,type:d},p]=o.useReducer(u=>u.isHidden?w:r,r);return t.jsx(f,{ref:s,...a,Icon:l,actionLabel:c,onActionClick:()=>p(),type:d})}),i=o.forwardRef(function(a,s){return t.jsx(m,{asChild:!0,children:t.jsx(n,{ref:s,...a})})});try{n.displayName="PasswordInput",n.__docgenInfo={description:`A password input with a toggle to show/hide the password. +import{j as t}from"./jsx-runtime-DoxjgJx5.js";import{r as o}from"./index-Cu9bd8lq.js";import{a as m}from"./index-BEd8YfQ8.js";import{A as f}from"./Action-BJniBKiJ.js";import{S as h}from"./visibility-on-BrkRTjSX.js";const g=e=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...e,children:t.jsx("path",{d:"m16.1 13.3-1.45-1.45c.15-.783-.075-1.517-.675-2.2-.6-.683-1.375-.95-2.325-.8L10.2 7.4a4.24 4.24 0 0 1 .862-.3A4.2 4.2 0 0 1 12 7c1.25 0 2.312.437 3.187 1.312S16.5 10.25 16.5 11.5c0 .333-.034.646-.1.938a4.25 4.25 0 0 1-.3.862Zm3.2 3.15-1.45-1.4a10.956 10.956 0 0 0 1.687-1.588A8.898 8.898 0 0 0 20.8 11.5c-.834-1.683-2.03-3.02-3.588-4.013C15.654 6.496 13.916 6 12 6c-.483 0-.959.033-1.425.1a9.622 9.622 0 0 0-1.375.3L7.65 4.85A11.08 11.08 0 0 1 12 4c2.383 0 4.525.63 6.425 1.887 1.9 1.259 3.325 2.896 4.275 4.913.05.083.083.188.1.313s.025.254.025.387a1.972 1.972 0 0 1-.125.7 10.896 10.896 0 0 1-3.4 4.25Zm-.2 5.45-3.5-3.45c-.583.183-1.171.32-1.763.413-.591.091-1.204.137-1.837.137-2.384 0-4.525-.63-6.425-1.887-1.9-1.259-3.325-2.896-4.275-4.913a.813.813 0 0 1-.1-.313 2.932 2.932 0 0 1 0-.762.796.796 0 0 1 .1-.3A11.2 11.2 0 0 1 2.55 8.75 13.292 13.292 0 0 1 4.15 7L2.075 4.9a.933.933 0 0 1-.275-.688c0-.275.1-.512.3-.712a.948.948 0 0 1 .7-.275c.283 0 .516.092.7.275l17 17a.977.977 0 0 1 .287.688.93.93 0 0 1-.287.712.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275ZM5.55 8.4c-.484.433-.925.908-1.325 1.425A9.014 9.014 0 0 0 3.2 11.5c.833 1.683 2.029 3.02 3.587 4.012C8.346 16.505 10.083 17 12 17c.333 0 .658-.02.975-.063.316-.041.642-.087.975-.137l-.9-.95c-.184.05-.359.088-.525.113A3.539 3.539 0 0 1 12 16c-1.25 0-2.313-.438-3.188-1.313C7.937 13.813 7.5 12.75 7.5 11.5c0-.183.012-.358.037-.525.025-.167.063-.342.113-.525L5.55 8.4Z"})}),r={isHidden:!0,icon:g,label:"Show",type:"password"},w={isHidden:!1,icon:h,label:"Hide",type:"text"},n=o.forwardRef(function(a,s){const[{icon:l,label:c,type:d},p]=o.useReducer(u=>u.isHidden?w:r,r);return t.jsx(f,{ref:s,...a,Icon:l,actionLabel:c,onActionClick:()=>p(),type:d})}),i=o.forwardRef(function(a,s){return t.jsx(m,{asChild:!0,children:t.jsx(n,{ref:s,...a})})});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-BHm5v9Ri.js b/assets/Password.stories-CZJGUbKc.js similarity index 96% rename from assets/Password.stories-BHm5v9Ri.js rename to assets/Password.stories-CZJGUbKc.js index 57d035c9..80d9f3eb 100644 --- a/assets/Password.stories-BHm5v9Ri.js +++ b/assets/Password.stories-CZJGUbKc.js @@ -1,4 +1,4 @@ -import{j as l}from"./jsx-runtime-DoxjgJx5.js";import{P as p}from"./Password-Bqf2-XrK.js";import{w as u,u as c}from"./index-DRe3e4pb.js";import"./index-Cu9bd8lq.js";import"./index-v5u6b-Nk.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./Action-CfxVqd4P.js";import"./index-C2KoGaFq.js";import"./Text-TVAdXiC2.js";import"./useId-D5m2XpUu.js";import"./Tooltip-BpTSfUbF.js";import"./floating-ui.react-D5UUZX8q.js";import"./visibility-on-BrkRTjSX.js";import"./index-CVRyq5ci.js";const Q={title:"Form/Controls/Password",component:p,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})=>l.jsx(p,{"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"}}},s={args:{autoFocus:!0}},r={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({canvasElement:i})=>{const m=u(i).getByLabelText("Show");await c.click(m)}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ +import{j as l}from"./jsx-runtime-DoxjgJx5.js";import{P as p}from"./Password-BL0bK9Cg.js";import{w as u,u as c}from"./index-B-6fpdcS.js";import"./index-Cu9bd8lq.js";import"./index-BEd8YfQ8.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./Action-BJniBKiJ.js";import"./index-C2KoGaFq.js";import"./Text-Cr8eyvvV.js";import"./useId-D5m2XpUu.js";import"./Tooltip-BpTSfUbF.js";import"./floating-ui.react-D5UUZX8q.js";import"./visibility-on-BrkRTjSX.js";import"./index-CVRyq5ci.js";const Q={title:"Form/Controls/Password",component:p,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})=>l.jsx(p,{"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"}}},s={args:{autoFocus:!0}},r={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({canvasElement:i})=>{const m=u(i).getByLabelText("Show");await c.click(m)}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ parameters: { design: { type: "figma", diff --git a/assets/Radio-CcNQk_C6.js b/assets/Radio-DnV3u_Pm.js similarity index 93% rename from assets/Radio-CcNQk_C6.js rename to assets/Radio-DnV3u_Pm.js index dff3389f..60eb34df 100644 --- a/assets/Radio-CcNQk_C6.js +++ b/assets/Radio-DnV3u_Pm.js @@ -1 +1 @@ -import{j as a}from"./jsx-runtime-DoxjgJx5.js";import{c as p}from"./index-C2KoGaFq.js";import{r as i}from"./index-Cu9bd8lq.js";import{a as l}from"./index-v5u6b-Nk.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 d=p(r.container,s);return a.jsxs("div",{className:d,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(l,{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-DoxjgJx5.js";import{c as p}from"./index-C2KoGaFq.js";import{r as i}from"./index-Cu9bd8lq.js";import{a as l}from"./index-BEd8YfQ8.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 d=p(r.container,s);return a.jsxs("div",{className:d,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(l,{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-CRr43S0N.js b/assets/Radio.stories-5bbjKvjH.js similarity index 97% rename from assets/Radio.stories-CRr43S0N.js rename to assets/Radio.stories-5bbjKvjH.js index f03049cd..ca44301e 100644 --- a/assets/Radio.stories-CRr43S0N.js +++ b/assets/Radio.stories-5bbjKvjH.js @@ -1,4 +1,4 @@ -import{j as g}from"./jsx-runtime-DoxjgJx5.js";import{R as p}from"./Radio-CcNQk_C6.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./index-v5u6b-Nk.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";const v={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-DoxjgJx5.js";import{R as p}from"./Radio-DnV3u_Pm.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./index-BEd8YfQ8.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";const v={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-DQLPk9rH.js b/assets/ReleaseAnnouncement-DiJEEtE4.js similarity index 96% rename from assets/ReleaseAnnouncement-DQLPk9rH.js rename to assets/ReleaseAnnouncement-DiJEEtE4.js index 550c60f7..b1f741c9 100644 --- a/assets/ReleaseAnnouncement-DQLPk9rH.js +++ b/assets/ReleaseAnnouncement-DiJEEtE4.js @@ -1,2 +1,2 @@ -import{j as a}from"./jsx-runtime-DoxjgJx5.js";import{r}from"./index-Cu9bd8lq.js";import{a as v,b as x,i as R,j as w,c as A,o as T,s as j,d as V,l as q,u as C,F as E,m as F,k as I}from"./floating-ui.react-D5UUZX8q.js";import{T as b}from"./Text-BrcN_buA.js";import{B as N}from"./Button-Yybe91ei.js";import"./IconButton-CsZgHCnM.js";const M="_content_1oa1y_17",k="_header_1oa1y_46",L="_description_1oa1y_52",P="_button_1oa1y_57",B="_arrow_1oa1y_62",s={content:M,header:k,description:L,button:P,arrow:B},_=r.createContext(null);function m(){const e=r.useContext(_);if(e==null)throw new Error("ReleaseAnnouncement components must be wrapped in ");return e}function d({open:e,header:t,description:o,closeLabel:n,placement:i,onClick:l}){const p=v(),h=v(),u=r.useRef(null),c=x({placement:i,open:e,whileElementsMounted:A,middleware:[T(16),j({limiter:q({offset:50})}),V({element:u})]}),f=R(c.context),g=w([f]);return r.useMemo(()=>({open:e,...c,...g,labelId:p,descriptionId:h,header:t,description:o,closeLabel:n,onClick:l,arrowRef:u}),[e,f,g,c,p,h,t,o,n,l,u])}try{d.displayName="useReleaseAnnouncement",d.__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"}}}}}catch{}function y({children:e,placement:t="right",...o}){const n=d({placement:t,...o});return a.jsxs(_.Provider,{value:n,children:[a.jsx(H,{children:e}),a.jsx(z,{children:a.jsx(S,{})})]})}function H({children:e}){const t=m(),o=e?.ref,n=C([t.refs.setReference,o]);if(!r.isValidElement(e))throw new Error("ReleaseAnnouncement anchor must be a single valid React element");return r.cloneElement(e,t.getReferenceProps({ref:n,...e.props,...t.open&&{"aria-describedby":t.getFloatingProps().id}}))}function z({children:e}){const{context:t,arrowRef:o,...n}=m();return t.open?a.jsx(E,{children:a.jsx(F,{context:t,modal:!1,children:a.jsxs("div",{ref:n.refs.setFloating,style:n.floatingStyles,"aria-labelledby":n.labelId,"aria-describedby":n.descriptionId,...n.getFloatingProps(),className:s.content,children:[a.jsx(I,{ref:o,context:t,width:20,height:12,className:s.arrow}),e]})})}):null}function S(){const{labelId:e,descriptionId:t,header:o,description:n,closeLabel:i,onClick:l}=m();return a.jsxs(a.Fragment,{children:[a.jsx(b,{as:"h3",id:e,className:s.header,size:"lg",weight:"semibold",children:o}),a.jsx(b,{as:"span",id:t,className:s.description,size:"sm",weight:"regular",children:n}),a.jsx(N,{size:"sm",kind:"secondary",className:s.button,onClick:l,children:i})]})}try{y.displayName="ReleaseAnnouncement",y.__docgenInfo={description:`The ReleaseAnnouncement component purpose is to inform the user of a new available feature. +import{j as a}from"./jsx-runtime-DoxjgJx5.js";import{r}from"./index-Cu9bd8lq.js";import{a as v,b as x,i as R,j as w,c as A,o as T,s as j,d as V,l as q,u as C,F as E,m as F,k as I}from"./floating-ui.react-D5UUZX8q.js";import{T as b}from"./Text-DCibjNNg.js";import{B as N}from"./Button-BPkQI5Wr.js";import"./IconButton-Dd7bS9VQ.js";const M="_content_1oa1y_17",k="_header_1oa1y_46",L="_description_1oa1y_52",P="_button_1oa1y_57",B="_arrow_1oa1y_62",s={content:M,header:k,description:L,button:P,arrow:B},_=r.createContext(null);function m(){const e=r.useContext(_);if(e==null)throw new Error("ReleaseAnnouncement components must be wrapped in ");return e}function d({open:e,header:t,description:o,closeLabel:n,placement:i,onClick:l}){const p=v(),h=v(),u=r.useRef(null),c=x({placement:i,open:e,whileElementsMounted:A,middleware:[T(16),j({limiter:q({offset:50})}),V({element:u})]}),f=R(c.context),g=w([f]);return r.useMemo(()=>({open:e,...c,...g,labelId:p,descriptionId:h,header:t,description:o,closeLabel:n,onClick:l,arrowRef:u}),[e,f,g,c,p,h,t,o,n,l,u])}try{d.displayName="useReleaseAnnouncement",d.__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"}}}}}catch{}function y({children:e,placement:t="right",...o}){const n=d({placement:t,...o});return a.jsxs(_.Provider,{value:n,children:[a.jsx(H,{children:e}),a.jsx(z,{children:a.jsx(S,{})})]})}function H({children:e}){const t=m(),o=e?.ref,n=C([t.refs.setReference,o]);if(!r.isValidElement(e))throw new Error("ReleaseAnnouncement anchor must be a single valid React element");return r.cloneElement(e,t.getReferenceProps({ref:n,...e.props,...t.open&&{"aria-describedby":t.getFloatingProps().id}}))}function z({children:e}){const{context:t,arrowRef:o,...n}=m();return t.open?a.jsx(E,{children:a.jsx(F,{context:t,modal:!1,children:a.jsxs("div",{ref:n.refs.setFloating,style:n.floatingStyles,"aria-labelledby":n.labelId,"aria-describedby":n.descriptionId,...n.getFloatingProps(),className:s.content,children:[a.jsx(I,{ref:o,context:t,width:20,height:12,className:s.arrow}),e]})})}):null}function S(){const{labelId:e,descriptionId:t,header:o,description:n,closeLabel:i,onClick:l}=m();return a.jsxs(a.Fragment,{children:[a.jsx(b,{as:"h3",id:e,className:s.header,size:"lg",weight:"semibold",children:o}),a.jsx(b,{as:"span",id:t,className:s.description,size:"sm",weight:"regular",children:n}),a.jsx(N,{size:"sm",kind:"secondary",className:s.button,onClick:l,children:i})]})}try{y.displayName="ReleaseAnnouncement",y.__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"'}]}},open:{defaultValue:null,description:"Whether the release announcement is open.",name:"open",required:!0,type:{name:"boolean"}},onClick:{defaultValue:null,description:"The event handler for the close button.",name:"onClick",required:!0,type:{name:"MouseEventHandler"}},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{y as R}; diff --git a/assets/ReleaseAnnouncement.stories-Cezr2fKc.js b/assets/ReleaseAnnouncement.stories-ZjrornPu.js similarity index 84% rename from assets/ReleaseAnnouncement.stories-Cezr2fKc.js rename to assets/ReleaseAnnouncement.stories-ZjrornPu.js index d91897e1..7c345db9 100644 --- a/assets/ReleaseAnnouncement.stories-Cezr2fKc.js +++ b/assets/ReleaseAnnouncement.stories-ZjrornPu.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-DoxjgJx5.js";import{r as m}from"./index-Cu9bd8lq.js";import{B as u}from"./Button-Yybe91ei.js";import"./IconButton-CsZgHCnM.js";import{R as a}from"./ReleaseAnnouncement-DQLPk9rH.js";import"./index-C2KoGaFq.js";import"./UnstyledButton-CUaD5tB8.js";import"./IndicatorIcon-CVdpdEcx.js";import"./Tooltip-BpTSfUbF.js";import"./floating-ui.react-D5UUZX8q.js";import"./index-s2Ee__EW.js";import"./Text-BrcN_buA.js";import"./Typography-BcgMUEGb.js";const x={title:"Release Announcement",component:a,tags:["autodocs"],argTypes:{},args:{header:"Notifications have moved",description:"From now on, click the icon here to view your notifications.",placement:"right",closeLabel:"Ok"}},o=p=>{const[i,s]=m.useState(!0);return r.jsx(a,{...p,open:i,onClick:()=>s(!1),children:r.jsx(u,{onClick:()=>s(c=>!c),children:"Open menu"})})},e=o.bind({});e.args={};const n=o.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 t=o.bind({});t.args={placement:"bottom"};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`args => { +import{j as r}from"./jsx-runtime-DoxjgJx5.js";import{r as m}from"./index-Cu9bd8lq.js";import{B as u}from"./Button-BPkQI5Wr.js";import"./IconButton-Dd7bS9VQ.js";import{R as a}from"./ReleaseAnnouncement-DiJEEtE4.js";import"./index-C2KoGaFq.js";import"./UnstyledButton-CUaD5tB8.js";import"./IndicatorIcon-iinDG_Nf.js";import"./Tooltip-BpTSfUbF.js";import"./floating-ui.react-D5UUZX8q.js";import"./index-s2Ee__EW.js";import"./Text-DCibjNNg.js";import"./Typography-D-74lRMS.js";const x={title:"Release Announcement",component:a,tags:["autodocs"],argTypes:{},args:{header:"Notifications have moved",description:"From now on, click the icon here to view your notifications.",placement:"right",closeLabel:"Ok"}},o=p=>{const[i,s]=m.useState(!0);return r.jsx(a,{...p,open:i,onClick:()=>s(!1),children:r.jsx(u,{onClick:()=>s(c=>!c),children:"Open menu"})})},e=o.bind({});e.args={};const n=o.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 t=o.bind({});t.args={placement:"bottom"};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`args => { const [open, setOpen] = useState(true); return setOpen(false)}> diff --git a/assets/Search-BJ_nckf7.js b/assets/Search-BJ_nckf7.js new file mode 100644 index 00000000..41e23780 --- /dev/null +++ b/assets/Search-BJ_nckf7.js @@ -0,0 +1,13 @@ +import{j as a}from"./jsx-runtime-DoxjgJx5.js";import{c as u}from"./index-C2KoGaFq.js";import{r as n}from"./index-Cu9bd8lq.js";import"./Action-BJniBKiJ.js";import"./Password-BL0bK9Cg.js";import{a as ee}from"./Text-Cr8eyvvV.js";import"./MFA-Bg-QQaLT.js";import"./Checkbox-UWXrg9ui.js";import"./Radio-DnV3u_Pm.js";import"./Toggle-CCZdSH3V.js";import{b as z,c as ae,d as W,e as se,f as x}from"./index-BEd8YfQ8.js";import{S as te}from"./check-CXsFGzWm.js";import{S as ne}from"./close-D55JIkKE.js";import{S as re}from"./Alert-CONg58U6.js";import{I as le}from"./InlineSpinner-CZEeBvQo.js";import{B as j}from"./Button-BPkQI5Wr.js";import"./Avatar-D_h5K73j.js";import"./AvatarStack-zKeD_o_3.js";import"./Badge-DhRzaND9.js";import"./IconButton-Dd7bS9VQ.js";import{T as oe}from"./Text-DCibjNNg.js";import"./ContextMenu-ylWaAsgi.js";import"./Glass-CwZVZZDo.js";import"./Heading-Bj7GMP5j.js";import"./IndicatorIcon-iinDG_Nf.js";import"./Link-Do2tSqaM.js";import"./Menu-DkWI44PW.js";import"./MenuItem-DP321Nyr.js";import{S as ie}from"./search-CWkX64tk.js";import{u as ce}from"./useId-D5m2XpUu.js";import"./Separator-D0l5BZ7R.js";import"./ToggleMenuItem-DCiOs_QO.js";import{T as k}from"./Tooltip-BpTSfUbF.js";import"./ReleaseAnnouncement-DiJEEtE4.js";import"./Toast-DiTTZX7x.js";/* empty css */const M=({children:e,...s})=>a.jsx(oe,{...s,children:e});try{M.displayName="Body",M.__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 de="_search_qztja_17",ue="_icon_qztja_46",me="_input_qztja_61",w={search:de,icon:ue,input:me},pe="_controls_1gtkx_17",C={controls:pe,"button-group":"_button-group_1gtkx_26"};function fe(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}he(s)}function he(e){throw new Error(`Unreachable value: ${e}`)}const $=n.forwardRef(function({className:s,label:t,onSave:l,onCancel:r,onInput:o,saveButtonLabel:f,cancelButtonLabel:y,error:m,savedLabel:E,savingLabel:P,helpLabel:L,disabled:O,...U},G){const[i,p]=n.useReducer(fe,0),_=n.useRef(!1),[N,b]=n.useState(!1),Z=i===1||i===2||N,h=n.useRef();n.useEffect(()=>(i===3&&(h.current=setTimeout(()=>{p(5),h.current=void 0},2e3)),()=>{h.current&&clearTimeout(h.current),h.current=void 0}),[i]);const D=n.useRef(null),F=n.useRef(null),S=n.useRef(null),J=n.useCallback(()=>{_.current||(_.current=!0,b(!0))},[N,b]),X=n.useCallback(d=>{_.current&&(d.currentTarget.contains(d.relatedTarget)||(_.current=!1,b(!1)))},[N,b]),K=n.useCallback(d=>{p(0),o?.(d)},[p,o]),Q=n.useCallback(async d=>{if(d.preventDefault(),i!==0)try{p(1),F.current?.blur(),await l?.(d),p(2)}catch{p(3)}},[l,i,h]),Y=n.useCallback(d=>{S.current?.blur(),r?.(d),p(4)},[S,r]);return a.jsx(q,{className:s,onSubmit:Q,onReset:Y,onFocus:J,onBlur:X,ref:D,children:a.jsxs(g,{name:"input",serverInvalid:!!m,children:[a.jsx(v,{children:t}),a.jsxs("div",{className:C.controls,children:[a.jsx(ee,{ref:G,...U,onInput:K,disabled:O||i===2}),Z&&a.jsxs("div",{className:C["button-group"],children:[a.jsx(k,{label:f,children:a.jsx(z,{asChild:!0,children:a.jsx(j,{type:"submit",kind:"primary",size:"sm",ref:F,"aria-label":f,disabled:i!==1,iconOnly:!0,Icon:te})})}),a.jsx(k,{label:y,children:a.jsx(j,{type:"reset",kind:"secondary",size:"sm",ref:S,className:C.button,"aria-label":y,disabled:i===2,iconOnly:!0,Icon:ne})})]})]}),m&&a.jsx(V,{children:m}),i===2&&a.jsx(T,{children:P}),E&&i===3&&a.jsx(I,{children:E}),!m&&(i===0||i===1)&&L&&a.jsx(R,{children:L})]})})});try{$.displayName="EditInPlace",$.__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"}},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"}},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)"}},saveButtonLabel:{defaultValue:null,description:"The label for the save button",name:"saveButtonLabel",required:!0,type:{name:"string"}},cancelButtonLabel:{defaultValue:null,description:"The label for the cancel button",name:"cancelButtonLabel",required:!0,type:{name:"string"}},error:{defaultValue:null,description:`Error message to be displayed below the box. If supplied, will disable the +save button.`,name:"error",required:!1,type:{name:"string"}},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"}},savingLabel:{defaultValue:null,description:"The label for the 'in progress' saving caption",name:"savingLabel",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"}}}}}catch{}const ye="_root_dgy0u_24",_e="_field_dgy0u_34",be="_label_dgy0u_67",ge="_message_dgy0u_98",c={root:ye,field:_e,"inline-field":"_inline-field_dgy0u_40","inline-field-body":"_inline-field-body_dgy0u_46","inline-field-control":"_inline-field-control_dgy0u_52",label:be,message:ge,"help-message":"_help-message_dgy0u_104","error-message":"_error-message_dgy0u_108","success-message":"_success-message_dgy0u_112"},q=n.forwardRef(function({children:s,...t},l){const r=u(c.root,t.className);return a.jsx(ae,{ref:l,...t,className:r,children:s})});try{q.displayName="Root",q.__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 A=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{A.displayName="InlineField",A.__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(se,{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 ve=e=>a.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...e,children:a.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"})}),V=n.forwardRef(function({children:s,className:t,...l},r){const o=u(c.message,c["error-message"],t);return a.jsxs(x,{ref:r,...l,className:o,children:[a.jsx(re,{}),s]})}),I=n.forwardRef(function({children:s,className:t,...l},r){const o=u(c.message,c["success-message"],t);return a.jsxs(x,{ref:r,...l,className:o,children:[a.jsx(ve,{}),s]})}),T=n.forwardRef(function({children:s,className:t,...l},r){const o=u(c.message,t);return a.jsxs(x,{ref:r,...l,className:o,children:[a.jsx(le,{}),s]})}),R=n.forwardRef(function({children:s,className:t,...l},r){const o=u(c.message,c["help-message"],t);return a.jsx(x,{ref:r,...l,className:o,children:s})});try{V.displayName="ErrorMessage",V.__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{T.displayName="LoadingMessage",T.__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(z,{asChild:!0,children:a.jsx(j,{type:"submit",ref:t,...s})})});try{B.displayName="Submit",B.__docgenInfo={description:"A stylised submit button for forms.",displayName:"Submit",props:{size:{defaultValue:null,description:"The t-shirt size of the button.",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'}]}},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"}},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=n.forwardRef(function({className:s,onChange:t,placeholder:l="Search…",name:r,...o},f){const y=u(w.search,s),m=ce();return a.jsx(g,{name:r,asChild:!0,children:a.jsxs(v,{className:y,htmlFor:m,children:[a.jsx(ie,{className:w.icon,width:20,height:20}),a.jsx("input",{ref:f,...o,id:m,name:r,type:"search",placeholder:l,onChange:t,className:w.input})]})})});try{H.displayName="Search",H.__docgenInfo={description:"A standalone search component",displayName:"Search",props:{name:{defaultValue:null,description:"The field name.",name:"name",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"The CSS class name",name:"className",required:!1,type:{name:"string"}},placeholder:{defaultValue:{value:"Search…"},description:"The input placeholder.",name:"placeholder",required:!1,type:{name:"string"}}}}}catch{}export{$ as E,g as F,R as H,A as I,v as L,q as R,B as S,V as a,H as b}; diff --git a/assets/Search-CStfDmS2.css b/assets/Search-CStfDmS2.css new file mode 100644 index 00000000..85169b9a --- /dev/null +++ b/assets/Search-CStfDmS2.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)}}._controls_1gtkx_17{display:flex;gap:15px}._controls_1gtkx_17>input{min-inline-size:0}._button-group_1gtkx_26{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))} diff --git a/assets/Search-D1SCc-Zy.css b/assets/Search-D1SCc-Zy.css deleted file mode 100644 index 320a50de..00000000 --- a/assets/Search-D1SCc-Zy.css +++ /dev/null @@ -1 +0,0 @@ -._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-bB0NsJsW.js b/assets/Search-bB0NsJsW.js deleted file mode 100644 index 723e0afa..00000000 --- a/assets/Search-bB0NsJsW.js +++ /dev/null @@ -1 +0,0 @@ -import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{c as d}from"./index-C2KoGaFq.js";import{r as h}from"./index-Cu9bd8lq.js";import"./Action-CfxVqd4P.js";import"./Password-Bqf2-XrK.js";import"./Text-TVAdXiC2.js";import"./MFA-BiNopdLu.js";import"./Checkbox-BFKq8D9k.js";import"./Radio-CcNQk_C6.js";import"./Toggle-C-uiCCLl.js";import"./EditInPlace-dUuUPAc0.js";import{F as u,L as f}from"./Submit-BiHaqEh9.js";import{S as _}from"./search-CWkX64tk.js";import{u as S}from"./useId-D5m2XpUu.js";const j="_search_qztja_17",y="_icon_qztja_46",x="_input_qztja_61",a={search:j,icon:y,input:x},t=h.forwardRef(function({className:c,onChange:i,placeholder:n="Search…",name:r,...p},l){const m=d(a.search,c),s=S();return e.jsx(u,{name:r,asChild:!0,children:e.jsxs(f,{className:m,htmlFor:s,children:[e.jsx(_,{className:a.icon,width:20,height:20}),e.jsx("input",{ref:l,...p,id:s,name:r,type:"search",placeholder:n,onChange:i,className:a.input})]})})});try{t.displayName="Search",t.__docgenInfo={description:"A standalone search component",displayName:"Search",props:{name:{defaultValue:null,description:"The field name.",name:"name",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"The CSS class name",name:"className",required:!1,type:{name:"string"}},placeholder:{defaultValue:{value:"Search…"},description:"The input placeholder.",name:"placeholder",required:!1,type:{name:"string"}}}}}catch{}export{t as S}; diff --git a/assets/Search.stories-BYUD7DtT.js b/assets/Search.stories-BYUD7DtT.js new file mode 100644 index 00000000..1efd560a --- /dev/null +++ b/assets/Search.stories-BYUD7DtT.js @@ -0,0 +1,3 @@ +import{j as o}from"./jsx-runtime-DoxjgJx5.js";import{b as t}from"./Search-BJ_nckf7.js";import{$ as p}from"./index-BEd8YfQ8.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./Action-BJniBKiJ.js";import"./Text-Cr8eyvvV.js";import"./useId-D5m2XpUu.js";import"./Tooltip-BpTSfUbF.js";import"./floating-ui.react-D5UUZX8q.js";import"./index-s2Ee__EW.js";import"./Password-BL0bK9Cg.js";import"./visibility-on-BrkRTjSX.js";import"./MFA-Bg-QQaLT.js";import"./Checkbox-UWXrg9ui.js";import"./check-CXsFGzWm.js";import"./Radio-DnV3u_Pm.js";import"./Toggle-CCZdSH3V.js";import"./close-D55JIkKE.js";import"./Alert-CONg58U6.js";import"./Text-DCibjNNg.js";import"./Typography-D-74lRMS.js";import"./Button-BPkQI5Wr.js";import"./UnstyledButton-CUaD5tB8.js";import"./IconButton-Dd7bS9VQ.js";import"./IndicatorIcon-iinDG_Nf.js";import"./InlineSpinner-CZEeBvQo.js";import"./Avatar-D_h5K73j.js";import"./AvatarStack-zKeD_o_3.js";import"./Badge-DhRzaND9.js";import"./ContextMenu-ylWaAsgi.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-H3MR2rqV.js";import"./index-ChiipFpT.js";import"./FloatingMenu-BxFYcaYT.js";import"./DrawerMenu-BYj777Pr.js";import"./MenuItem-DP321Nyr.js";import"./Glass-CwZVZZDo.js";import"./Heading-Bj7GMP5j.js";import"./Link-Do2tSqaM.js";import"./Menu-DkWI44PW.js";import"./search-CWkX64tk.js";import"./Separator-D0l5BZ7R.js";import"./ToggleMenuItem-DCiOs_QO.js";import"./ReleaseAnnouncement-DiJEEtE4.js";import"./Toast-DiTTZX7x.js";/* empty css */const or={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 tr=["Search"];export{r as Search,tr as __namedExportsOrder,or as default}; diff --git a/assets/Search.stories-D4R4-1CG.js b/assets/Search.stories-D4R4-1CG.js deleted file mode 100644 index 817654e0..00000000 --- a/assets/Search.stories-D4R4-1CG.js +++ /dev/null @@ -1,3 +0,0 @@ -import{j as o}from"./jsx-runtime-DoxjgJx5.js";import{S as t}from"./Search-bB0NsJsW.js";import{$ as p}from"./index-v5u6b-Nk.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./Action-CfxVqd4P.js";import"./Text-TVAdXiC2.js";import"./useId-D5m2XpUu.js";import"./Tooltip-BpTSfUbF.js";import"./floating-ui.react-D5UUZX8q.js";import"./index-s2Ee__EW.js";import"./Password-Bqf2-XrK.js";import"./visibility-on-BrkRTjSX.js";import"./MFA-BiNopdLu.js";import"./Checkbox-BFKq8D9k.js";import"./check-CXsFGzWm.js";import"./Radio-CcNQk_C6.js";import"./Toggle-C-uiCCLl.js";import"./EditInPlace-dUuUPAc0.js";import"./close-D55JIkKE.js";import"./error-YokBWoNX.js";import"./InlineSpinner-CZEeBvQo.js";import"./Submit-BiHaqEh9.js";import"./Button-Yybe91ei.js";import"./UnstyledButton-CUaD5tB8.js";import"./search-CWkX64tk.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";const A={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 B=["Search"];export{r as Search,B as __namedExportsOrder,A as default}; diff --git a/assets/Separator-D9goDqil.js b/assets/Separator-D0l5BZ7R.js similarity index 74% rename from assets/Separator-D9goDqil.js rename to assets/Separator-D0l5BZ7R.js index e6b48393..58b4749a 100644 --- a/assets/Separator-D9goDqil.js +++ b/assets/Separator-D0l5BZ7R.js @@ -2,4 +2,4 @@ import{j as $}from"./jsx-runtime-DoxjgJx5.js";import{c as v}from"./index-C2KoGaF - horizontal - vertical -Defaulting to \`${p}\`.`}function m(e){return x.includes(e)}const S=u,g="_separator_144s5_17",O={separator:g},f="--cpd-separator-spacing",l=s.forwardRef(({className:e,spacing:r,kind:t="primary",...a},o)=>{const n=v(O.separator,e),i=s.useRef(null),c=h([i,o]);return s.useEffect(()=>{const d=i.current?.style;r?d?.setProperty(f,r):d?.removeProperty(f)},[r]),$.jsx(S,{...a,className:n,ref:c,"data-kind":t})});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"}},spacing:{defaultValue:{value:"var(--cpd-space-2x)"},description:"The spacing on either side of the separator.",name:"spacing",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"}}}}}catch{}export{l as S}; +Defaulting to \`${p}\`.`}function m(e){return x.includes(e)}const S=u,g="_separator_144s5_17",O={separator:g},f="--cpd-separator-spacing",l=s.forwardRef(({className:e,spacing:r,kind:t="primary",...a},o)=>{const n=v(O.separator,e),i=s.useRef(null),c=h([i,o]);return s.useEffect(()=>{const d=i.current?.style;r?d?.setProperty(f,r):d?.removeProperty(f)},[r]),$.jsx(S,{...a,className:n,ref:c,"data-kind":t})});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}; diff --git a/assets/Separator.stories-DR9FBDpv.js b/assets/Separator.stories-AUmMMIfw.js similarity index 93% rename from assets/Separator.stories-DR9FBDpv.js rename to assets/Separator.stories-AUmMMIfw.js index 75fcafd2..af25a738 100644 --- a/assets/Separator.stories-DR9FBDpv.js +++ b/assets/Separator.stories-AUmMMIfw.js @@ -1,4 +1,4 @@ -import{S as e}from"./Separator-D9goDqil.js";import"./jsx-runtime-DoxjgJx5.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./index-Cmw95SmN.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./floating-ui.react-D5UUZX8q.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-D0l5BZ7R.js";import"./jsx-runtime-DoxjgJx5.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./index-Cmw95SmN.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./floating-ui.react-D5UUZX8q.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/Submit-BiHaqEh9.js b/assets/Submit-BiHaqEh9.js deleted file mode 100644 index e66ba41c..00000000 --- a/assets/Submit-BiHaqEh9.js +++ /dev/null @@ -1,6 +0,0 @@ -import{j as n}from"./jsx-runtime-DoxjgJx5.js";import{r as o}from"./index-Cu9bd8lq.js";import{b as N,c as y,d as x,e as h,f as v}from"./index-v5u6b-Nk.js";import{c as i}from"./index-C2KoGaFq.js";import{S as w}from"./error-YokBWoNX.js";import{B as S}from"./Button-Yybe91ei.js";const C="_root_148br_24",V="_field_148br_34",q="_label_148br_67",R="_message_148br_98",l={root:C,field:V,"inline-field":"_inline-field_148br_40","inline-field-body":"_inline-field-body_148br_46","inline-field-control":"_inline-field-control_148br_52",label:q,message:R,"help-message":"_help-message_148br_104","error-message":"_error-message_148br_108"},c=o.forwardRef(function({children:s,...e},t){const r=i(l.root,e.className);return n.jsx(N,{ref:t,...e,className:r,children:s})});try{c.displayName="Root",c.__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 u=o.forwardRef(function({children:s,...e},t){const r=i(l.field,e.className);return n.jsx(y,{ref:t,...e,className:r,children:s})});try{u.displayName="Field",u.__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=o.forwardRef(function({className:s,control:e,children:t,...r},d){const g=i(l["inline-field"],s);return n.jsxs(y,{ref:d,...r,className:g,children:[n.jsx("div",{className:l["inline-field-control"],children:e}),n.jsx("div",{className:l["inline-field-body"],children:t})]})});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 p=o.forwardRef(function({children:s,...e},t){const r=i(l.label,e.className);return n.jsx(x,{ref:t,...e,className:r,children:s})});try{p.displayName="Label",p.__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 f=o.forwardRef(function({children:s,className:e,...t},r){const d=i(l.message,l["error-message"],e);return n.jsxs(h,{ref:r,...t,className:d,children:[n.jsx(w,{}),s]})}),_=o.forwardRef(function({children:s,className:e,...t},r){const d=i(l.message,l["help-message"],e);return n.jsx(h,{ref:r,...t,className:d,children:s})});try{f.displayName="ErrorMessage",f.__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{_.displayName="HelpMessage",_.__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=o.forwardRef(function(s,e){return n.jsx(v,{asChild:!0,children:n.jsx(S,{type:"submit",ref:e,...s})})});try{b.displayName="Submit",b.__docgenInfo={description:"A stylised submit button for forms.",displayName:"Submit",props:{size:{defaultValue:null,description:"The t-shirt size of the button.",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'}]}},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"}},Icon:{defaultValue:null,description:"An icon to display within the button.",name:"Icon",required:!1,type:{name:"ComponentType>"}},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:'"destructive"'},{value:'"tertiary"'}]}},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"}}}}}catch{}export{f as E,u as F,_ as H,m as I,p as L,c as R,b as S}; diff --git a/assets/Submit-Dv4Cxvmt.css b/assets/Submit-Dv4Cxvmt.css deleted file mode 100644 index b50fc67a..00000000 --- a/assets/Submit-Dv4Cxvmt.css +++ /dev/null @@ -1 +0,0 @@ -._root_148br_24{display:flex;flex-direction:column;gap:var(--cpd-space-5x)}._field_148br_34{display:flex;flex-direction:column;gap:var(--cpd-space-1x)}._inline-field_148br_40{display:flex;flex-direction:row;gap:var(--cpd-space-2x)}._inline-field-body_148br_46{flex:1;display:flex;flex-direction:column}._inline-field-control_148br_52{block-size:calc(var(--cpd-font-size-body-md) * var(--cpd-font-line-height-regular));display:flex;align-items:center}._label_148br_67{font:var(--cpd-font-body-md-medium);letter-spacing:var(--cpd-font-letter-spacing-body-md)}._label_148br_67[for]{cursor:pointer}._label_148br_67[data-invalid]{color:var(--cpd-color-text-critical-primary)}._inline-field-body_148br_46 ._label_148br_67{font:var(--cpd-font-body-md-regular)}._label_148br_67:has(~* input[disabled]),._label_148br_67:has(~input[disabled]),._inline-field-control_148br_52:has(input[disabled])~._inline-field-body_148br_46 ._label_148br_67{color:var(--cpd-color-text-disabled);cursor:not-allowed}._message_148br_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_148br_104{color:var(--cpd-color-text-secondary)}._error-message_148br_108{color:var(--cpd-color-text-critical-primary)}input[disabled]~._message_148br_98,*:has(input[disabled])~._message_148br_98,._inline-field-control_148br_52:has(input[disabled])~._inline-field-body_148br_46 ._message_148br_98{color:var(--cpd-color-text-disabled)}._message_148br_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/Text-TVAdXiC2.js b/assets/Text-Cr8eyvvV.js similarity index 96% rename from assets/Text-TVAdXiC2.js rename to assets/Text-Cr8eyvvV.js index 2dcb829a..914cd92f 100644 --- a/assets/Text-TVAdXiC2.js +++ b/assets/Text-Cr8eyvvV.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-DoxjgJx5.js";import{r as l}from"./index-Cu9bd8lq.js";import{a as p}from"./index-v5u6b-Nk.js";import{c as m}from"./index-C2KoGaFq.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-DoxjgJx5.js";import{r as l}from"./index-Cu9bd8lq.js";import{a as p}from"./index-BEd8YfQ8.js";import{c as m}from"./index-C2KoGaFq.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-BrcN_buA.js b/assets/Text-DCibjNNg.js similarity index 70% rename from assets/Text-BrcN_buA.js rename to assets/Text-DCibjNNg.js index 513fa2e9..f105f943 100644 --- a/assets/Text-BrcN_buA.js +++ b/assets/Text-DCibjNNg.js @@ -1 +1 @@ -import{j as p}from"./jsx-runtime-DoxjgJx5.js";import{T as n}from"./Typography-BcgMUEGb.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:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}}}}}catch{}export{a as T}; +import{j as p}from"./jsx-runtime-DoxjgJx5.js";import{T as n}from"./Typography-D-74lRMS.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.stories-y5kTSo8T.js b/assets/Text.stories-Be_URqJs.js similarity index 78% rename from assets/Text.stories-y5kTSo8T.js rename to assets/Text.stories-Be_URqJs.js index 5999b936..4148df98 100644 --- a/assets/Text.stories-y5kTSo8T.js +++ b/assets/Text.stories-Be_URqJs.js @@ -1,4 +1,4 @@ -import{T as o}from"./Text-BrcN_buA.js";import"./jsx-runtime-DoxjgJx5.js";import"./index-Cu9bd8lq.js";import"./Typography-BcgMUEGb.js";import"./index-C2KoGaFq.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-DCibjNNg.js";import"./jsx-runtime-DoxjgJx5.js";import"./index-Cu9bd8lq.js";import"./Typography-D-74lRMS.js";import"./index-C2KoGaFq.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/Text.stories-DBAMaHm-.js b/assets/Text.stories-DHaPEP_c.js similarity index 97% rename from assets/Text.stories-DBAMaHm-.js rename to assets/Text.stories-DHaPEP_c.js index 3cd72407..ad758903 100644 --- a/assets/Text.stories-DBAMaHm-.js +++ b/assets/Text.stories-DHaPEP_c.js @@ -1,4 +1,4 @@ -import{j as l}from"./jsx-runtime-DoxjgJx5.js";import{T as i}from"./Text-TVAdXiC2.js";import"./index-Cu9bd8lq.js";import"./index-v5u6b-Nk.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./index-C2KoGaFq.js";const v={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"}}},s={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"}}},t={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-DoxjgJx5.js";import{T as i}from"./Text-Cr8eyvvV.js";import"./index-Cu9bd8lq.js";import"./index-BEd8YfQ8.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./index-C2KoGaFq.js";const v={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"}}},s={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"}}},t={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/Toggle-C-uiCCLl.js b/assets/Toggle-CCZdSH3V.js similarity index 94% rename from assets/Toggle-C-uiCCLl.js rename to assets/Toggle-CCZdSH3V.js index 3482526e..e3e22dc8 100644 --- a/assets/Toggle-C-uiCCLl.js +++ b/assets/Toggle-CCZdSH3V.js @@ -1 +1 @@ -import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{c as p}from"./index-C2KoGaFq.js";import{r as c}from"./index-Cu9bd8lq.js";import{a as u}from"./index-v5u6b-Nk.js";const m="_container_qnvru_18",d="_input_qnvru_32",_="_ui_qnvru_42",a={container:m,input:d,ui:_},r=c.forwardRef(function({className:n,...s},i){const l=p(a.container,n);return e.jsxs("div",{className:l,children:[e.jsx("input",{ref:i,className:a.input,...s,type:"checkbox"}),e.jsx("div",{className:a.ui})]})}),t=c.forwardRef(function(n,s){return e.jsx(u,{asChild:!0,children:e.jsx(r,{ref:s,...n})})});try{r.displayName="ToggleInput",r.__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{t.displayName="ToggleControl",t.__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{r as T,t as a}; +import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{c as p}from"./index-C2KoGaFq.js";import{r as c}from"./index-Cu9bd8lq.js";import{a as u}from"./index-BEd8YfQ8.js";const m="_container_qnvru_18",d="_input_qnvru_32",_="_ui_qnvru_42",a={container:m,input:d,ui:_},r=c.forwardRef(function({className:n,...s},i){const l=p(a.container,n);return e.jsxs("div",{className:l,children:[e.jsx("input",{ref:i,className:a.input,...s,type:"checkbox"}),e.jsx("div",{className:a.ui})]})}),t=c.forwardRef(function(n,s){return e.jsx(u,{asChild:!0,children:e.jsx(r,{ref:s,...n})})});try{r.displayName="ToggleInput",r.__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{t.displayName="ToggleControl",t.__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{r as T,t as a}; diff --git a/assets/Toggle.stories-Ct0EzBlA.js b/assets/Toggle.stories-C2JSjHdZ.js similarity index 96% rename from assets/Toggle.stories-Ct0EzBlA.js rename to assets/Toggle.stories-C2JSjHdZ.js index 4aa33daa..b84022cd 100644 --- a/assets/Toggle.stories-Ct0EzBlA.js +++ b/assets/Toggle.stories-C2JSjHdZ.js @@ -1,4 +1,4 @@ -import{T as d}from"./Toggle-C-uiCCLl.js";import"./jsx-runtime-DoxjgJx5.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./index-v5u6b-Nk.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";const w={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-CCZdSH3V.js";import"./jsx-runtime-DoxjgJx5.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./index-BEd8YfQ8.js";import"./index-Cmw95SmN.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";const w={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-DZ351vNY.js b/assets/ToggleMenuItem-DCiOs_QO.js similarity index 91% rename from assets/ToggleMenuItem-DZ351vNY.js rename to assets/ToggleMenuItem-DCiOs_QO.js index 92090daf..6a121e98 100644 --- a/assets/ToggleMenuItem-DZ351vNY.js +++ b/assets/ToggleMenuItem-DCiOs_QO.js @@ -1,3 +1,3 @@ -import{j as n}from"./jsx-runtime-DoxjgJx5.js";import{r as m}from"./index-Cu9bd8lq.js";import{M as c}from"./MenuItem-CjxlTIiG.js";import{T as d}from"./Toggle-C-uiCCLl.js";import{u as p}from"./useId-D5m2XpUu.js";const o=m.forwardRef(function({className:a,Icon:l,label:i,onSelect:s,...e},u){const t=p();return n.jsx(c,{as:"div",role:"menuitemcheckbox",className:a,Icon:l,label:i,labelProps:{as:"label",htmlFor:t},onSelect:s,"aria-checked":e.checked,children:n.jsx(d,{id:t,ref:u,...e})})});try{o.displayName="ToggleMenuItem",o.__docgenInfo={description:"A menu item with a toggle control. Clicking anywhere on the surface will\nactivate the toggle.\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"}},onSelect:{defaultValue:null,description:`Event callback for when the item is selected via mouse, touch, or keyboard. +import{j as n}from"./jsx-runtime-DoxjgJx5.js";import{r as m}from"./index-Cu9bd8lq.js";import{M as c}from"./MenuItem-DP321Nyr.js";import{T as d}from"./Toggle-CCZdSH3V.js";import{u as p}from"./useId-D5m2XpUu.js";const o=m.forwardRef(function({className:a,Icon:l,label:i,onSelect:s,...e},u){const t=p();return n.jsx(c,{as:"div",role:"menuitemcheckbox",className:a,Icon:l,label:i,labelProps:{as:"label",htmlFor:t},onSelect:s,"aria-checked":e.checked,children:n.jsx(d,{id:t,ref:u,...e})})});try{o.displayName="ToggleMenuItem",o.__docgenInfo={description:"A menu item with a toggle control. Clicking anywhere on the surface will\nactivate the toggle.\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"}},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>"}}}}}catch{}export{o as T}; diff --git a/assets/ToggleMenuItem.stories-hdgSHBYX.js b/assets/ToggleMenuItem.stories-CYdEpohx.js similarity index 74% rename from assets/ToggleMenuItem.stories-hdgSHBYX.js rename to assets/ToggleMenuItem.stories-CYdEpohx.js index 70699f80..2e8ecfca 100644 --- a/assets/ToggleMenuItem.stories-hdgSHBYX.js +++ b/assets/ToggleMenuItem.stories-CYdEpohx.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-DoxjgJx5.js";import{S as s}from"./extensions-Crvwpr_j.js";import{S as m}from"./chat-Ce9sY079.js";import{T as e}from"./ToggleMenuItem-DZ351vNY.js";import"./index-Cu9bd8lq.js";import"./MenuItem-CjxlTIiG.js";import"./index-C2KoGaFq.js";import"./Text-BrcN_buA.js";import"./Typography-BcgMUEGb.js";import"./index-Cmw95SmN.js";import"./Toggle-C-uiCCLl.js";import"./index-v5u6b-Nk.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-s2Ee__EW.js";import"./useId-D5m2XpUu.js";const j={title:"Menu/ToggleMenuItem",component:e,tags:["autodocs"],argTypes:{},args:{}},i=r=>o.jsxs("div",{style:{width:300},children:[o.jsx(e,{...r,Icon:m,label:"First item"}),o.jsx(e,{...r,Icon:s,label:"Second item with a name that's quite long"})]}),t=i.bind({});t.args={};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`args =>
o.jsxs("div",{style:{width:300},children:[o.jsx(e,{...r,Icon:m,label:"First item"}),o.jsx(e,{...r,Icon:s,label:"Second item with a name that's quite long"})]}),t=i.bind({});t.args={};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`args =>
diff --git a/assets/Tooltip.stories-En9JfpR9.js b/assets/Tooltip.stories-Dauz9q_L.js similarity index 96% rename from assets/Tooltip.stories-En9JfpR9.js rename to assets/Tooltip.stories-Dauz9q_L.js index adbb944c..1721622e 100644 --- a/assets/Tooltip.stories-En9JfpR9.js +++ b/assets/Tooltip.stories-Dauz9q_L.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{T as g}from"./Tooltip-BpTSfUbF.js";import"./Button-Yybe91ei.js";import{I as d}from"./IconButton-CsZgHCnM.js";import{S as m}from"./user-profile-CB1AInEY.js";import"./index-Cu9bd8lq.js";import"./floating-ui.react-D5UUZX8q.js";import"./index-s2Ee__EW.js";import"./index-C2KoGaFq.js";import"./UnstyledButton-CUaD5tB8.js";import"./IndicatorIcon-CVdpdEcx.js";const w={title:"Tooltip",component:g,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"},caption:{control:"text"}},args:{placement:"left",label:"@bob:example.org",onOpenChange:void 0,children:e.jsx(d,{"data-testid":"testbutton",children:e.jsx(m,{})})},decorators:[r=>e.jsx("div",{style:{padding:100},children:e.jsx(r,{})})]},u=({children:r})=>e.jsx("div",{style:{display:"flex",gap:"50px",flexDirection:"column",alignItems:"center"},children:r}),b=()=>e.jsx(u,{children:["top","top-start","right","right-end","bottom","bottom-end","left","left-start"].map(r=>e.jsx(g,{open:!0,placement:r,label:"@bob:example.org",children:e.jsx(d,{children:e.jsx(m,{})})},r))}),a=b.bind({});a.args={};const t={args:{placement:void 0}},o={args:{...t.args,label:"I can have a caption",caption:"My beautiful caption"}},n={args:{...t.args,label:"Copy",caption:e.jsxs(e.Fragment,{children:[e.jsx("kbd",{children:"Ctrl"})," + ",e.jsx("kbd",{children:"C"})]})}},s={args:{...t.args,open:!0,label:"I'm always open"}},c={args:{...t.args,open:!1,label:"You can't see me",children:e.jsx("span",{children:"No tooltip to see here"})}},l={args:{...t.args,disabled:!0,label:"You can't see me",children:e.jsx("span",{children:"No tooltip to see here"})}},i={args:{...t.args,isTriggerInteractive:!0,label:"Shown with delay"}},p={args:{...t.args,isTriggerInteractive:!1,label:"Shown without delay",children:e.jsx(d,{"data-testid":"testbutton",disabled:!0,children:e.jsx(m,{})})}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`() => +import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{T as g}from"./Tooltip-BpTSfUbF.js";import"./Button-BPkQI5Wr.js";import{I as d}from"./IconButton-Dd7bS9VQ.js";import{S as m}from"./user-profile-CB1AInEY.js";import"./index-Cu9bd8lq.js";import"./floating-ui.react-D5UUZX8q.js";import"./index-s2Ee__EW.js";import"./index-C2KoGaFq.js";import"./UnstyledButton-CUaD5tB8.js";import"./IndicatorIcon-iinDG_Nf.js";const w={title:"Tooltip",component:g,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"},caption:{control:"text"}},args:{placement:"left",label:"@bob:example.org",onOpenChange:void 0,children:e.jsx(d,{"data-testid":"testbutton",children:e.jsx(m,{})})},decorators:[r=>e.jsx("div",{style:{padding:100},children:e.jsx(r,{})})]},u=({children:r})=>e.jsx("div",{style:{display:"flex",gap:"50px",flexDirection:"column",alignItems:"center"},children:r}),b=()=>e.jsx(u,{children:["top","top-start","right","right-end","bottom","bottom-end","left","left-start"].map(r=>e.jsx(g,{open:!0,placement:r,label:"@bob:example.org",children:e.jsx(d,{children:e.jsx(m,{})})},r))}),a=b.bind({});a.args={};const t={args:{placement:void 0}},o={args:{...t.args,label:"I can have a caption",caption:"My beautiful caption"}},n={args:{...t.args,label:"Copy",caption:e.jsxs(e.Fragment,{children:[e.jsx("kbd",{children:"Ctrl"})," + ",e.jsx("kbd",{children:"C"})]})}},s={args:{...t.args,open:!0,label:"I'm always open"}},c={args:{...t.args,open:!1,label:"You can't see me",children:e.jsx("span",{children:"No tooltip to see here"})}},l={args:{...t.args,disabled:!0,label:"You can't see me",children:e.jsx("span",{children:"No tooltip to see here"})}},i={args:{...t.args,isTriggerInteractive:!0,label:"Shown with delay"}},p={args:{...t.args,isTriggerInteractive:!1,label:"Shown without delay",children:e.jsx(d,{"data-testid":"testbutton",disabled:!0,children:e.jsx(m,{})})}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`() => {(["top", "top-start", "right", "right-end", "bottom", "bottom-end", "left", "left-start"] as Array).map(placement => diff --git a/assets/Typography-BcgMUEGb.js b/assets/Typography-D-74lRMS.js similarity index 94% rename from assets/Typography-BcgMUEGb.js rename to assets/Typography-D-74lRMS.js index 87321547..7c12f4ce 100644 --- a/assets/Typography-BcgMUEGb.js +++ b/assets/Typography-D-74lRMS.js @@ -1 +1 @@ -import{j as i}from"./jsx-runtime-DoxjgJx5.js";import{c as y}from"./index-C2KoGaFq.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 r=e||"p";return i.jsx(r,{...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:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{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 i}from"./jsx-runtime-DoxjgJx5.js";import{c as y}from"./index-C2KoGaFq.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 r=e||"p";return i.jsx(r,{...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}; diff --git a/assets/WithTooltip-KJL26V4Q-C3E-ZNw3.js b/assets/WithTooltip-KJL26V4Q-B9cv7YbH.js similarity index 73% rename from assets/WithTooltip-KJL26V4Q-C3E-ZNw3.js rename to assets/WithTooltip-KJL26V4Q-B9cv7YbH.js index 1d65e6ea..005aeccd 100644 --- a/assets/WithTooltip-KJL26V4Q-C3E-ZNw3.js +++ b/assets/WithTooltip-KJL26V4Q-B9cv7YbH.js @@ -1 +1 @@ -import{W as f,W as u,b as x}from"./DocsRenderer-K4EAMTCU-B5BGA1qs.js";import"./iframe-DHUj8356.js";import"../sb-preview/runtime.js";import"./index-Cu9bd8lq.js";import"./react-18-BhaibXFb.js";import"./index-s2Ee__EW.js";import"./index-Cmw95SmN.js";import"./index-ChiipFpT.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-DXimoRZY.js";import"./_getPrototype-DpRPMK__.js";import"./index-DrFu-skq.js";export{f as WithToolTipState,u as WithTooltip,x as WithTooltipPure}; +import{W as f,W as u,b as x}from"./DocsRenderer-K4EAMTCU-VSHiK9aF.js";import"./iframe-aDYr2Hte.js";import"../sb-preview/runtime.js";import"./index-Cu9bd8lq.js";import"./react-18-BhaibXFb.js";import"./index-s2Ee__EW.js";import"./index-Cmw95SmN.js";import"./index-ChiipFpT.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-DXimoRZY.js";import"./_getPrototype-DpRPMK__.js";import"./index-DrFu-skq.js";export{f as WithToolTipState,u as WithTooltip,x as WithTooltipPure}; diff --git a/assets/error-YokBWoNX.js b/assets/error-YokBWoNX.js deleted file mode 100644 index 4fba6a69..00000000 --- a/assets/error-YokBWoNX.js +++ /dev/null @@ -1 +0,0 @@ -import{j as a}from"./jsx-runtime-DoxjgJx5.js";import"./index-Cu9bd8lq.js";const s=c=>a.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...c,children:a.jsx("path",{d:"M12 17a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 16a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 15a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 16c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-4c.283 0 .52-.096.713-.287A.968.968 0 0 0 13 12V8a.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 8v4c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 9a9.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"})});export{s as S}; diff --git a/assets/formatter-2WMMO6ZP-B6CiJ0Ay.js b/assets/formatter-2WMMO6ZP-CmUiIviU.js similarity index 99% rename from assets/formatter-2WMMO6ZP-B6CiJ0Ay.js rename to assets/formatter-2WMMO6ZP-CmUiIviU.js index cad57567..8198afce 100644 --- a/assets/formatter-2WMMO6ZP-B6CiJ0Ay.js +++ b/assets/formatter-2WMMO6ZP-CmUiIviU.js @@ -1,4 +1,4 @@ -import{m as Xi}from"./DocsRenderer-K4EAMTCU-B5BGA1qs.js";import"./iframe-DHUj8356.js";import"../sb-preview/runtime.js";import"./index-Cu9bd8lq.js";import"./react-18-BhaibXFb.js";import"./index-s2Ee__EW.js";import"./index-Cmw95SmN.js";import"./index-ChiipFpT.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-DXimoRZY.js";import"./_getPrototype-DpRPMK__.js";import"./index-DrFu-skq.js";var Qi=Object.defineProperty,cu=(e,t)=>{for(var r in t)Qi(e,r,{get:t[r],enumerable:!0})},pu=(e,t,r)=>{if(!t.has(e))throw TypeError("Cannot "+r)},se=(e,t,r)=>(pu(e,t,"read from private field"),t.get(e)),Zi=(e,t,r)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,r)},ea=(e,t,r,n)=>(pu(e,t,"write to private field"),t.set(e,r),r),hu={};cu(hu,{languages:()=>jl,options:()=>Wl,parsers:()=>zu,printers:()=>Vl});var ta=(e,t,r,n)=>{if(!(e&&t==null))return t.replaceAll?t.replaceAll(r,n):r.global?t.replace(r,n):t.split(r).join(n)},O=ta,_r="string",Br="array",xr="cursor",_t="indent",Bt="align",Tr="trim",Je="group",xt="fill",Tt="if-break",Lt="indent-if-break",Lr="line-suffix",Nr="line-suffix-boundary",be="line",qr="label",Nt="break-parent",du=new Set([xr,_t,Bt,Tr,Je,xt,Tt,Lt,Lr,Nr,be,qr,Nt]);function ra(e){if(typeof e=="string")return _r;if(Array.isArray(e))return Br;if(!e)return;let{type:t}=e;if(du.has(t))return t}var Pr=ra,na=e=>new Intl.ListFormat("en-US",{type:"disjunction"}).format(e);function ua(e){let t=e===null?"null":typeof e;if(t!=="string"&&t!=="object")return`Unexpected doc '${t}', +import{m as Xi}from"./DocsRenderer-K4EAMTCU-VSHiK9aF.js";import"./iframe-aDYr2Hte.js";import"../sb-preview/runtime.js";import"./index-Cu9bd8lq.js";import"./react-18-BhaibXFb.js";import"./index-s2Ee__EW.js";import"./index-Cmw95SmN.js";import"./index-ChiipFpT.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-DXimoRZY.js";import"./_getPrototype-DpRPMK__.js";import"./index-DrFu-skq.js";var Qi=Object.defineProperty,cu=(e,t)=>{for(var r in t)Qi(e,r,{get:t[r],enumerable:!0})},pu=(e,t,r)=>{if(!t.has(e))throw TypeError("Cannot "+r)},se=(e,t,r)=>(pu(e,t,"read from private field"),t.get(e)),Zi=(e,t,r)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,r)},ea=(e,t,r,n)=>(pu(e,t,"write to private field"),t.set(e,r),r),hu={};cu(hu,{languages:()=>jl,options:()=>Wl,parsers:()=>zu,printers:()=>Vl});var ta=(e,t,r,n)=>{if(!(e&&t==null))return t.replaceAll?t.replaceAll(r,n):r.global?t.replace(r,n):t.split(r).join(n)},O=ta,_r="string",Br="array",xr="cursor",_t="indent",Bt="align",Tr="trim",Je="group",xt="fill",Tt="if-break",Lt="indent-if-break",Lr="line-suffix",Nr="line-suffix-boundary",be="line",qr="label",Nt="break-parent",du=new Set([xr,_t,Bt,Tr,Je,xt,Tt,Lt,Lr,Nr,be,qr,Nt]);function ra(e){if(typeof e=="string")return _r;if(Array.isArray(e))return Br;if(!e)return;let{type:t}=e;if(du.has(t))return t}var Pr=ra,na=e=>new Intl.ListFormat("en-US",{type:"disjunction"}).format(e);function ua(e){let t=e===null?"null":typeof e;if(t!=="string"&&t!=="object")return`Unexpected doc '${t}', Expected it to be 'string' or 'object'.`;if(Pr(e))throw new Error("doc is valid.");let r=Object.prototype.toString.call(e);if(r!=="[object Object]")return`Unexpected doc '${r}'.`;let n=na([...du].map(u=>`'${u}'`));return`Unexpected doc.type '${e.type}'. Expected it to be ${n}.`}var ia=class extends Error{name="InvalidDocError";constructor(e){super(ua(e)),this.doc=e}},Du=ia,aa=()=>{},sa=aa;function we(e){return{type:_t,contents:e}}function fu(e,t){return{type:Bt,contents:t,n:e}}function q(e,t={}){return sa(t.expandedStates),{type:Je,id:t.id,contents:e,break:!!t.shouldBreak,expandedStates:t.expandedStates}}function oa(e){return fu(Number.NEGATIVE_INFINITY,e)}function la(e){return fu({type:"root"},e)}function mu(e){return{type:xt,parts:e}}function Et(e,t="",r={}){return{type:Tt,breakContents:e,flatContents:t,groupId:r.groupId}}function ca(e,t){return{type:Lt,contents:e,groupId:t.groupId,negate:t.negate}}var Qe={type:Nt},pa={type:be,hard:!0},ha={type:be,hard:!0,literal:!0},L={type:be},I={type:be,soft:!0},A=[pa,Qe],da=[ha,Qe];function Ze(e,t){let r=[];for(let n=0;n{if(!(e&&t==null))return Array.isArray(t)||typeof t=="string"?t[r<0?t.length+r:r]:t.at(r)},qt=Da;function Ir(e,t){if(typeof e=="string")return t(e);let r=new Map;return n(e);function n(i){if(r.has(i))return r.get(i);let a=u(i);return r.set(i,a),a}function u(i){switch(Pr(i)){case Br:return t(i.map(n));case xt:return t({...i,parts:i.parts.map(n)});case Tt:return t({...i,breakContents:n(i.breakContents),flatContents:n(i.flatContents)});case Je:{let{expandedStates:a,contents:s}=i;return a?(a=a.map(n),s=a[0]):s=n(s),t({...i,contents:s,expandedStates:a})}case Bt:case _t:case Lt:case qr:case Lr:return t({...i,contents:n(i.contents)});case _r:case xr:case Tr:case Nr:case be:case Nt:return t(i);default:throw new Du(i)}}}function fa(e){switch(Pr(e)){case xt:if(e.parts.every(t=>t===""))return"";break;case Je:if(!e.contents&&!e.id&&!e.break&&!e.expandedStates)return"";if(e.contents.type===Je&&e.contents.id===e.id&&e.contents.break===e.break&&e.contents.expandedStates===e.expandedStates)return e.contents;break;case Bt:case _t:case Lt:case Lr:if(!e.contents)return"";break;case Tt:if(!e.flatContents&&!e.breakContents)return"";break;case Br:{let t=[];for(let r of e){if(!r)continue;let[n,...u]=Array.isArray(r)?r:[r];typeof n=="string"&&typeof qt(!1,t,-1)=="string"?t[t.length-1]+=n:t.push(n),t.push(...u)}return t.length===0?"":t.length===1?t[0]:t}case _r:case xr:case Tr:case Nr:case be:case qr:case Nt:break;default:throw new Du(e)}return e}function ma(e){return Ir(e,t=>fa(t))}function G(e,t=da){return Ir(e,r=>typeof r=="string"?Ze(t,r.split(` `)):r)}var ga=class extends Error{name="UnexpectedNodeError";constructor(e,t,r="type"){super(`Unexpected ${t} node ${r}: ${JSON.stringify(e[r])}.`),this.node=e}},Ca=ga,ot="'",ln='"';function Fa(e,t){let r=t===!0||t===ot?ot:ln,n=r===ot?ln:ot,u=0,i=0;for(let a of e)a===r?u++:a===n&&i++;return u>i?n:r}var va=Fa;function ya(e){if(typeof e!="string")throw new TypeError("Expected a string");return e.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}var U,Ea=class{constructor(e){Zi(this,U,void 0),ea(this,U,new Set(e))}getLeadingWhitespaceCount(e){let t=se(this,U),r=0;for(let n=0;n=0&&t.has(e.charAt(n));n--)r++;return r}getLeadingWhitespace(e){let t=this.getLeadingWhitespaceCount(e);return e.slice(0,t)}getTrailingWhitespace(e){let t=this.getTrailingWhitespaceCount(e);return e.slice(e.length-t)}hasLeadingWhitespace(e){return se(this,U).has(e.charAt(0))}hasTrailingWhitespace(e){return se(this,U).has(qt(!1,e,-1))}trimStart(e){let t=this.getLeadingWhitespaceCount(e);return e.slice(t)}trimEnd(e){let t=this.getTrailingWhitespaceCount(e);return e.slice(0,e.length-t)}trim(e){return this.trimEnd(this.trimStart(e))}split(e,t=!1){let r=`[${ya([...se(this,U)].join(""))}]+`,n=new RegExp(t?`(${r})`:r);return e.split(n)}hasWhitespaceCharacter(e){let t=se(this,U);return Array.prototype.some.call(e,r=>t.has(r))}hasNonWhitespaceCharacter(e){let t=se(this,U);return Array.prototype.some.call(e,r=>!t.has(r))}isWhitespaceOnly(e){let t=se(this,U);return Array.prototype.every.call(e,r=>t.has(r))}};U=new WeakMap;var ba=Ea,wa=[" ",` diff --git a/assets/iframe-DHUj8356.js b/assets/iframe-DHUj8356.js deleted file mode 100644 index d8f54196..00000000 --- a/assets/iframe-DHUj8356.js +++ /dev/null @@ -1,2 +0,0 @@ -const __vite__fileDeps=["./Alert.stories-BDzPlpo0.js","./jsx-runtime-DoxjgJx5.js","./index-Cu9bd8lq.js","./Button-Yybe91ei.js","./index-C2KoGaFq.js","./UnstyledButton-CUaD5tB8.js","./Button-3p5ggCOH.css","./Alert-81P7naaF.js","./error-YokBWoNX.js","./close-D55JIkKE.js","./Text-BrcN_buA.js","./Typography-BcgMUEGb.js","./Typography-CfvbYAu4.css","./IconButton-CsZgHCnM.js","./IndicatorIcon-CVdpdEcx.js","./IndicatorIcon-QYRvKTDR.css","./Tooltip-BpTSfUbF.js","./floating-ui.react-D5UUZX8q.js","./index-s2Ee__EW.js","./Tooltip-7uRTK6fW.css","./IconButton-Ct_0nPle.css","./Alert-CdCLBpDg.css","./Avatar.stories-C2nZE1XQ.js","./Avatar-D_h5K73j.js","./Avatar-C-OTxRZn.css","./AvatarStack.stories-BvsUyEBD.js","./AvatarStack-zKeD_o_3.js","./Badge.stories-C9kSY7pi.js","./Badge-CYnSY-vQ.js","./Badge-8qM5UjWT.css","./ActionButton.stories-LlaXkCf9.js","./index-DRe3e4pb.js","./index-CVRyq5ci.js","./check-CXsFGzWm.js","./video-call-solid-DZxiZyaz.js","./search-CWkX64tk.js","./visibility-on-BrkRTjSX.js","./ContextMenu-_j10BUqe.js","./index-Cmw95SmN.js","./index-tFWdirwu.js","./index-BHpG8fra.js","./index-H3MR2rqV.js","./index-ChiipFpT.js","./FloatingMenu-Eb22vTDs.js","./useId-D5m2XpUu.js","./FloatingMenu-DpTpmI5z.css","./DrawerMenu-BYj777Pr.js","./DrawerMenu-DRle46ZL.css","./MenuItem-CjxlTIiG.js","./MenuItem-i-QS5Uoi.css","./Glass-CwZVZZDo.js","./Glass-BiF3lt7L.css","./Heading-D0UD_l3r.js","./Link-Do2tSqaM.js","./Link-COi2doS4.css","./Menu-Hxy2XXUy.js","./Search-bB0NsJsW.js","./Action-CfxVqd4P.js","./Text-TVAdXiC2.js","./index-v5u6b-Nk.js","./Text-eTlBFuSe.css","./Action-BCJ2_vsV.css","./Password-Bqf2-XrK.js","./MFA-BiNopdLu.js","./MFA-DE5RR2Vr.css","./Checkbox-BFKq8D9k.js","./Checkbox-C6phXg9v.css","./Radio-CcNQk_C6.js","./Radio-COtHnm0C.css","./Toggle-C-uiCCLl.js","./Toggle-BxfNLRoj.css","./EditInPlace-dUuUPAc0.js","./InlineSpinner-CZEeBvQo.js","./InlineSpinner-D3NIwA_H.css","./EditInPlace-yPU976Dk.css","./Submit-BiHaqEh9.js","./Submit-Dv4Cxvmt.css","./Search-D1SCc-Zy.css","./Separator-D9goDqil.js","./Separator-BJXoghAv.css","./ToggleMenuItem-DZ351vNY.js","./ReleaseAnnouncement-DQLPk9rH.js","./ReleaseAnnouncement-DOxWiBH2.css","./Toast-DiTTZX7x.js","./Toast-OmC1UN0x.css","./global-BcDaL1SX.css","./Button.stories-C4woFBBS.js","./IconButton.stories-BtXYNNEW.js","./user-profile-CB1AInEY.js","./Action.stories-BPfHt80Z.js","./chat-Ce9sY079.js","./Checkbox.stories-DsHyvpaj.js","./EditInPlace.stories-H6pfoRSi.js","./MFA.stories-DYnl-rnl.js","./Password.stories-BHm5v9Ri.js","./Radio.stories-CRr43S0N.js","./Text.stories-DBAMaHm-.js","./Toggle.stories-Ct0EzBlA.js","./Form.stories-B6NP-vwf.js","./Glass.stories-D5q-_LCL.js","./Icon.stories-BeD7cMOU.js","./IndicatorIcon.stories-C6IWG6JP.js","./InlineSpinner.stories-D8TYXHvk.js","./Link.stories-DGuz63_T.js","./ContextMenu.stories-CSmj1UQK.js","./leave-ZJppWO3C.js","./DrawerMenu.stories-BijE2XF0.js","./FloatingMenu.stories-BICWbGPq.js","./Menu.stories-BraWFQ98.js","./MenuItem.stories-BV7Oky2Q.js","./extensions-Crvwpr_j.js","./ToggleMenuItem.stories-hdgSHBYX.js","./ReleaseAnnouncement.stories-Cezr2fKc.js","./Search.stories-D4R4-1CG.js","./Separator.stories-DR9FBDpv.js","./Toast.stories-DHGDwym8.js","./Tooltip.stories-En9JfpR9.js","./Heading.stories-DyPm4Wk1.js","./Text.stories-y5kTSo8T.js","./entry-preview-aG6NKFQ2.js","./react-18-BhaibXFb.js","./entry-preview-docs-XxRUZN73.js","./_getPrototype-DpRPMK__.js","./index-DrFu-skq.js","./preview-TCN6m6T-.js","./index-DXimoRZY.js","./preview-B63p-W8V.js","./preview-BAz7FMXc.js","./preview-BKCN0mOr.js","./preview-BR6lz_LP.js","./preview-Bpwj7bXA.css"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); -import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))c(o);new MutationObserver(o=>{for(const r of o)if(r.type==="childList")for(const e of r.addedNodes)e.tagName==="LINK"&&e.rel==="modulepreload"&&c(e)}).observe(document,{childList:!0,subtree:!0});function m(o){const r={};return o.integrity&&(r.integrity=o.integrity),o.referrerPolicy&&(r.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?r.credentials="include":o.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function c(o){if(o.ep)return;o.ep=!0;const r=m(o);fetch(o.href,r)}})();const R="modulepreload",T=function(_,i){return new URL(_,i).href},d={},t=function(i,m,c){let o=Promise.resolve();if(m&&m.length>0){const r=document.getElementsByTagName("link"),e=document.querySelector("meta[property=csp-nonce]"),E=e?.nonce||e?.getAttribute("nonce");o=Promise.all(m.map(s=>{if(s=T(s,c),s in d)return;d[s]=!0;const a=s.endsWith(".css"),O=a?'[rel="stylesheet"]':"";if(!!c)for(let p=r.length-1;p>=0;p--){const u=r[p];if(u.href===s&&(!a||u.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${s}"]${O}`))return;const n=document.createElement("link");if(n.rel=a?"stylesheet":R,a||(n.as="script",n.crossOrigin=""),n.href=s,E&&n.setAttribute("nonce",E),document.head.appendChild(n),a)return new Promise((p,u)=>{n.addEventListener("load",p),n.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${s}`)))})}))}return o.then(()=>i()).catch(r=>{const e=new Event("vite:preloadError",{cancelable:!0});if(e.payload=r,window.dispatchEvent(e),!e.defaultPrevented)throw r})},{createBrowserChannel:P}=__STORYBOOK_MODULE_CHANNELS__,{addons:A}=__STORYBOOK_MODULE_PREVIEW_API__,l=P({page:"preview"});A.setChannel(l);window.__STORYBOOK_ADDONS_CHANNEL__=l;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=l);const I={"./src/components/Alert/Alert.stories.tsx":async()=>t(()=>import("./Alert.stories-BDzPlpo0.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-C2nZE1XQ.js"),__vite__mapDeps([22,1,2,23,4,24]),import.meta.url),"./src/components/Avatar/AvatarStack.stories.tsx":async()=>t(()=>import("./AvatarStack.stories-BvsUyEBD.js"),__vite__mapDeps([25,1,2,26,4,23,24]),import.meta.url),"./src/components/Badge/Badge.stories.tsx":async()=>t(()=>import("./Badge.stories-C9kSY7pi.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-LlaXkCf9.js"),__vite__mapDeps([30,1,2,31,32,33,9,34,35,36,3,4,5,6,7,8,10,11,12,13,14,15,16,17,18,19,20,21,23,24,26,28,29,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85]),import.meta.url),"./src/components/Button/Button.stories.tsx":async()=>t(()=>import("./Button.stories-C4woFBBS.js"),__vite__mapDeps([86,31,32,3,1,2,4,5,6,33,9,34,35,36]),import.meta.url),"./src/components/Button/IconButton/IconButton.stories.tsx":async()=>t(()=>import("./IconButton.stories-BtXYNNEW.js"),__vite__mapDeps([87,1,2,31,32,13,4,5,14,15,16,17,18,19,20,88]),import.meta.url),"./src/components/Form/Controls/Action/Action.stories.tsx":async()=>t(()=>import("./Action.stories-BPfHt80Z.js"),__vite__mapDeps([89,1,2,90,33,9,57,4,58,59,38,39,40,18,60,44,16,17,19,61]),import.meta.url),"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx":async()=>t(()=>import("./Checkbox.stories-DsHyvpaj.js"),__vite__mapDeps([91,1,2,65,4,33,59,38,39,40,18,66]),import.meta.url),"./src/components/Form/Controls/EditInPlace/EditInPlace.stories.tsx":async()=>t(()=>import("./EditInPlace.stories-H6pfoRSi.js"),__vite__mapDeps([92,1,2,71,4,58,59,38,39,40,18,60,44,33,9,8,72,73,74]),import.meta.url),"./src/components/Form/Controls/MFA/MFA.stories.tsx":async()=>t(()=>import("./MFA.stories-DYnl-rnl.js"),__vite__mapDeps([93,1,2,63,4,59,38,39,40,18,64]),import.meta.url),"./src/components/Form/Controls/Password/Password.stories.tsx":async()=>t(()=>import("./Password.stories-BHm5v9Ri.js"),__vite__mapDeps([94,1,2,62,59,38,39,40,18,57,4,58,60,44,16,17,19,61,36,31,32]),import.meta.url),"./src/components/Form/Controls/Radio/Radio.stories.tsx":async()=>t(()=>import("./Radio.stories-CRr43S0N.js"),__vite__mapDeps([95,1,2,67,4,59,38,39,40,18,68]),import.meta.url),"./src/components/Form/Controls/Text/Text.stories.tsx":async()=>t(()=>import("./Text.stories-DBAMaHm-.js"),__vite__mapDeps([96,1,2,58,59,38,39,40,18,4,60]),import.meta.url),"./src/components/Form/Controls/Toggle/Toggle.stories.tsx":async()=>t(()=>import("./Toggle.stories-Ct0EzBlA.js"),__vite__mapDeps([97,69,1,2,4,59,38,39,40,18,70]),import.meta.url),"./src/components/Form/Form.stories.tsx":async()=>t(()=>import("./Form.stories-B6NP-vwf.js"),__vite__mapDeps([98,1,2,57,4,58,59,38,39,40,18,60,44,16,17,19,61,62,36,63,64,65,33,66,67,68,69,70,71,9,8,72,73,74,75,3,5,6,76]),import.meta.url),"./src/components/Glass/Glass.stories.tsx":async()=>t(()=>import("./Glass.stories-D5q-_LCL.js"),__vite__mapDeps([99,1,2,50,4,51,10,11,12]),import.meta.url),"./src/components/Icon/Icon.stories.tsx":async()=>t(()=>import("./Icon.stories-BeD7cMOU.js"),__vite__mapDeps([100,1,2]),import.meta.url),"./src/components/Icon/IndicatorIcon/IndicatorIcon.stories.tsx":async()=>t(()=>import("./IndicatorIcon.stories-C6IWG6JP.js"),__vite__mapDeps([101,1,2,31,32,14,4,15]),import.meta.url),"./src/components/InlineSpinner/InlineSpinner.stories.tsx":async()=>t(()=>import("./InlineSpinner.stories-D8TYXHvk.js"),__vite__mapDeps([102,72,1,2,73]),import.meta.url),"./src/components/Link/Link.stories.tsx":async()=>t(()=>import("./Link.stories-DGuz63_T.js"),__vite__mapDeps([103,1,2,53,4,54]),import.meta.url),"./src/components/Menu/ContextMenu.stories.tsx":async()=>t(()=>import("./ContextMenu.stories-CSmj1UQK.js"),__vite__mapDeps([104,1,2,88,105,37,38,39,40,18,41,42,43,4,44,10,11,12,45,46,47,48,49,78,17,79]),import.meta.url),"./src/components/Menu/DrawerMenu.stories.tsx":async()=>t(()=>import("./DrawerMenu.stories-BijE2XF0.js"),__vite__mapDeps([106,1,2,88,105,46,4,47,48,10,11,12,38,49,78,40,18,17,79]),import.meta.url),"./src/components/Menu/FloatingMenu.stories.tsx":async()=>t(()=>import("./FloatingMenu.stories-BICWbGPq.js"),__vite__mapDeps([107,1,2,88,105,43,4,44,10,11,12,45,48,38,49,78,40,18,17,79]),import.meta.url),"./src/components/Menu/Menu.stories.tsx":async()=>t(()=>import("./Menu.stories-BraWFQ98.js"),__vite__mapDeps([108,1,2,88,105,55,38,39,42,40,18,41,43,4,44,10,11,12,45,46,47,48,49,78,17,79,3,5,6]),import.meta.url),"./src/components/Menu/MenuItem.stories.tsx":async()=>t(()=>import("./MenuItem.stories-BV7Oky2Q.js"),__vite__mapDeps([109,1,2,110,90,48,4,10,11,12,38,49]),import.meta.url),"./src/components/Menu/ToggleMenuItem.stories.tsx":async()=>t(()=>import("./ToggleMenuItem.stories-hdgSHBYX.js"),__vite__mapDeps([111,1,2,110,90,80,48,4,10,11,12,38,49,69,59,39,40,18,70,44]),import.meta.url),"./src/components/ReleaseAnnouncement/ReleaseAnnouncement.stories.tsx":async()=>t(()=>import("./ReleaseAnnouncement.stories-Cezr2fKc.js"),__vite__mapDeps([112,1,2,3,4,5,6,13,14,15,16,17,18,19,20,81,10,11,12,82]),import.meta.url),"./src/components/Search/Search.stories.tsx":async()=>t(()=>import("./Search.stories-D4R4-1CG.js"),__vite__mapDeps([113,1,2,56,4,57,58,59,38,39,40,18,60,44,16,17,19,61,62,36,63,64,65,33,66,67,68,69,70,71,9,8,72,73,74,75,3,5,6,76,35,77]),import.meta.url),"./src/components/Separator/Separator.stories.tsx":async()=>t(()=>import("./Separator.stories-DR9FBDpv.js"),__vite__mapDeps([114,78,1,2,4,38,40,18,17,79]),import.meta.url),"./src/components/Toast/Toast.stories.tsx":async()=>t(()=>import("./Toast.stories-DHGDwym8.js"),__vite__mapDeps([115,83,1,2,4,84]),import.meta.url),"./src/components/Tooltip/Tooltip.stories.tsx":async()=>t(()=>import("./Tooltip.stories-En9JfpR9.js"),__vite__mapDeps([116,1,2,16,17,18,4,19,3,5,6,13,14,15,20,88]),import.meta.url),"./src/components/Typography/Heading.stories.tsx":async()=>t(()=>import("./Heading.stories-DyPm4Wk1.js"),__vite__mapDeps([117,1,2,52,11,4,12,10]),import.meta.url),"./src/components/Typography/Text.stories.tsx":async()=>t(()=>import("./Text.stories-y5kTSo8T.js"),__vite__mapDeps([118,10,1,2,11,4,12]),import.meta.url)};async function v(_){return I[_]()}const{composeConfigs:L,PreviewWeb:y,ClientApi:x}=__STORYBOOK_MODULE_PREVIEW_API__,D=async()=>{const _=await Promise.all([t(()=>import("./entry-preview-aG6NKFQ2.js"),__vite__mapDeps([119,2,120,18]),import.meta.url),t(()=>import("./entry-preview-docs-XxRUZN73.js"),__vite__mapDeps([121,122,2,123]),import.meta.url),t(()=>import("./preview-TCN6m6T-.js"),__vite__mapDeps([124,125]),import.meta.url),t(()=>import("./preview-DakYMjlV.js"),[],import.meta.url),t(()=>import("./preview-Eqv3HFO8.js"),[],import.meta.url),t(()=>import("./preview-B63p-W8V.js"),__vite__mapDeps([126,123]),import.meta.url),t(()=>import("./preview-B4GcaC1c.js"),[],import.meta.url),t(()=>import("./preview-sVLxC_Lr.js"),[],import.meta.url),t(()=>import("./preview-BAz7FMXc.js"),__vite__mapDeps([127,123]),import.meta.url),t(()=>import("./preview-4Up_z4Em.js"),[],import.meta.url),t(()=>import("./preview-BKCN0mOr.js"),__vite__mapDeps([128,32]),import.meta.url),t(()=>import("./preview-DF-d5FoE.js"),[],import.meta.url),t(()=>import("./preview-BR6lz_LP.js"),__vite__mapDeps([129,2,130,85]),import.meta.url)]);return L(_)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new y(v,D);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; diff --git a/assets/iframe-aDYr2Hte.js b/assets/iframe-aDYr2Hte.js new file mode 100644 index 00000000..61a09dda --- /dev/null +++ b/assets/iframe-aDYr2Hte.js @@ -0,0 +1,2 @@ +const __vite__fileDeps=["./Alert.stories-Ck71deHY.js","./jsx-runtime-DoxjgJx5.js","./index-Cu9bd8lq.js","./Button-BPkQI5Wr.js","./index-C2KoGaFq.js","./UnstyledButton-CUaD5tB8.js","./Button-3p5ggCOH.css","./Alert-CONg58U6.js","./close-D55JIkKE.js","./Text-DCibjNNg.js","./Typography-D-74lRMS.js","./Typography-CfvbYAu4.css","./IconButton-Dd7bS9VQ.js","./IndicatorIcon-iinDG_Nf.js","./IndicatorIcon-QYRvKTDR.css","./Tooltip-BpTSfUbF.js","./floating-ui.react-D5UUZX8q.js","./index-s2Ee__EW.js","./Tooltip-7uRTK6fW.css","./IconButton-Ct_0nPle.css","./Alert-CdCLBpDg.css","./Avatar.stories-C2nZE1XQ.js","./Avatar-D_h5K73j.js","./Avatar-C-OTxRZn.css","./AvatarStack.stories-BvsUyEBD.js","./AvatarStack-zKeD_o_3.js","./Badge.stories-DSWeLuoM.js","./Badge-DhRzaND9.js","./Badge-8qM5UjWT.css","./ActionButton.stories-CMnveZuC.js","./index-B-6fpdcS.js","./index-CVRyq5ci.js","./check-CXsFGzWm.js","./video-call-solid-DZxiZyaz.js","./search-CWkX64tk.js","./visibility-on-BrkRTjSX.js","./Search-BJ_nckf7.js","./Action-BJniBKiJ.js","./Text-Cr8eyvvV.js","./index-BEd8YfQ8.js","./index-Cmw95SmN.js","./index-tFWdirwu.js","./index-BHpG8fra.js","./Text-eTlBFuSe.css","./useId-D5m2XpUu.js","./Action-BCJ2_vsV.css","./Password-BL0bK9Cg.js","./MFA-Bg-QQaLT.js","./MFA-DE5RR2Vr.css","./Checkbox-UWXrg9ui.js","./Checkbox-C6phXg9v.css","./Radio-DnV3u_Pm.js","./Radio-COtHnm0C.css","./Toggle-CCZdSH3V.js","./Toggle-BxfNLRoj.css","./InlineSpinner-CZEeBvQo.js","./InlineSpinner-D3NIwA_H.css","./ContextMenu-ylWaAsgi.js","./index-H3MR2rqV.js","./index-ChiipFpT.js","./FloatingMenu-BxFYcaYT.js","./FloatingMenu-DpTpmI5z.css","./DrawerMenu-BYj777Pr.js","./DrawerMenu-DRle46ZL.css","./MenuItem-DP321Nyr.js","./MenuItem-i-QS5Uoi.css","./Glass-CwZVZZDo.js","./Glass-BiF3lt7L.css","./Heading-Bj7GMP5j.js","./Link-Do2tSqaM.js","./Link-COi2doS4.css","./Menu-DkWI44PW.js","./Separator-D0l5BZ7R.js","./Separator-BJXoghAv.css","./ToggleMenuItem-DCiOs_QO.js","./ReleaseAnnouncement-DiJEEtE4.js","./ReleaseAnnouncement-DOxWiBH2.css","./Toast-DiTTZX7x.js","./Toast-OmC1UN0x.css","./Search-CStfDmS2.css","./global-BcDaL1SX.css","./Button.stories-DWXk1T1o.js","./IconButton.stories-DNkM1zI6.js","./user-profile-CB1AInEY.js","./Action.stories-D7xJ0Bqn.js","./chat-Ce9sY079.js","./Checkbox.stories-CiyXa1Ul.js","./EditInPlace.stories-DtHpYYKP.js","./MFA.stories-Bsc4qj26.js","./Password.stories-CZJGUbKc.js","./Radio.stories-5bbjKvjH.js","./Text.stories-DHaPEP_c.js","./Toggle.stories-C2JSjHdZ.js","./Form.stories-CoG0laCx.js","./Glass.stories-HWPmkbun.js","./Icon.stories-BeD7cMOU.js","./IndicatorIcon.stories-paSJsMog.js","./InlineSpinner.stories-D8TYXHvk.js","./Link.stories-DGuz63_T.js","./ContextMenu.stories-CrQ_Xl9y.js","./leave-ZJppWO3C.js","./DrawerMenu.stories-BCsn-0JJ.js","./FloatingMenu.stories-DJKn_P8e.js","./Menu.stories-G7UoM3Se.js","./MenuItem.stories-GhMi0Yyp.js","./extensions-Crvwpr_j.js","./ToggleMenuItem.stories-CYdEpohx.js","./ReleaseAnnouncement.stories-ZjrornPu.js","./Search.stories-BYUD7DtT.js","./Separator.stories-AUmMMIfw.js","./Toast.stories-DHGDwym8.js","./Tooltip.stories-Dauz9q_L.js","./Heading.stories-B0ZBNbq9.js","./Text.stories-Be_URqJs.js","./entry-preview-aG6NKFQ2.js","./react-18-BhaibXFb.js","./entry-preview-docs-XxRUZN73.js","./_getPrototype-DpRPMK__.js","./index-DrFu-skq.js","./preview-TCN6m6T-.js","./index-DXimoRZY.js","./preview-B63p-W8V.js","./preview-BAz7FMXc.js","./preview-BKCN0mOr.js","./preview-BR6lz_LP.js","./preview-Bpwj7bXA.css"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); +import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))c(o);new MutationObserver(o=>{for(const r of o)if(r.type==="childList")for(const e of r.addedNodes)e.tagName==="LINK"&&e.rel==="modulepreload"&&c(e)}).observe(document,{childList:!0,subtree:!0});function m(o){const r={};return o.integrity&&(r.integrity=o.integrity),o.referrerPolicy&&(r.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?r.credentials="include":o.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function c(o){if(o.ep)return;o.ep=!0;const r=m(o);fetch(o.href,r)}})();const R="modulepreload",T=function(_,i){return new URL(_,i).href},d={},t=function(i,m,c){let o=Promise.resolve();if(m&&m.length>0){const r=document.getElementsByTagName("link"),e=document.querySelector("meta[property=csp-nonce]"),E=e?.nonce||e?.getAttribute("nonce");o=Promise.all(m.map(s=>{if(s=T(s,c),s in d)return;d[s]=!0;const a=s.endsWith(".css"),O=a?'[rel="stylesheet"]':"";if(!!c)for(let p=r.length-1;p>=0;p--){const u=r[p];if(u.href===s&&(!a||u.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${s}"]${O}`))return;const n=document.createElement("link");if(n.rel=a?"stylesheet":R,a||(n.as="script",n.crossOrigin=""),n.href=s,E&&n.setAttribute("nonce",E),document.head.appendChild(n),a)return new Promise((p,u)=>{n.addEventListener("load",p),n.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${s}`)))})}))}return o.then(()=>i()).catch(r=>{const e=new Event("vite:preloadError",{cancelable:!0});if(e.payload=r,window.dispatchEvent(e),!e.defaultPrevented)throw r})},{createBrowserChannel:P}=__STORYBOOK_MODULE_CHANNELS__,{addons:A}=__STORYBOOK_MODULE_PREVIEW_API__,l=P({page:"preview"});A.setChannel(l);window.__STORYBOOK_ADDONS_CHANNEL__=l;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=l);const I={"./src/components/Alert/Alert.stories.tsx":async()=>t(()=>import("./Alert.stories-Ck71deHY.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]),import.meta.url),"./src/components/Avatar/Avatar.stories.tsx":async()=>t(()=>import("./Avatar.stories-C2nZE1XQ.js"),__vite__mapDeps([21,1,2,22,4,23]),import.meta.url),"./src/components/Avatar/AvatarStack.stories.tsx":async()=>t(()=>import("./AvatarStack.stories-BvsUyEBD.js"),__vite__mapDeps([24,1,2,25,4,22,23]),import.meta.url),"./src/components/Badge/Badge.stories.tsx":async()=>t(()=>import("./Badge.stories-DSWeLuoM.js"),__vite__mapDeps([26,1,2,27,4,10,11,28]),import.meta.url),"./src/components/Button/ActionButton.stories.tsx":async()=>t(()=>import("./ActionButton.stories-CMnveZuC.js"),__vite__mapDeps([29,1,2,30,31,32,8,33,34,35,3,4,5,6,7,9,10,11,12,13,14,15,16,17,18,19,20,22,23,25,27,28,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80]),import.meta.url),"./src/components/Button/Button.stories.tsx":async()=>t(()=>import("./Button.stories-DWXk1T1o.js"),__vite__mapDeps([81,30,31,3,1,2,4,5,6,32,8,33,34,35]),import.meta.url),"./src/components/Button/IconButton/IconButton.stories.tsx":async()=>t(()=>import("./IconButton.stories-DNkM1zI6.js"),__vite__mapDeps([82,1,2,30,31,12,4,5,13,14,15,16,17,18,19,83]),import.meta.url),"./src/components/Form/Controls/Action/Action.stories.tsx":async()=>t(()=>import("./Action.stories-D7xJ0Bqn.js"),__vite__mapDeps([84,1,2,85,32,8,37,4,38,39,40,41,42,17,43,44,15,16,18,45]),import.meta.url),"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx":async()=>t(()=>import("./Checkbox.stories-CiyXa1Ul.js"),__vite__mapDeps([86,1,2,49,4,32,39,40,41,42,17,50]),import.meta.url),"./src/components/Form/Controls/EditInPlace/EditInPlace.stories.tsx":async()=>t(()=>import("./EditInPlace.stories-DtHpYYKP.js"),__vite__mapDeps([87,1,2,36,4,37,38,39,40,41,42,17,43,44,15,16,18,45,46,35,47,48,49,32,50,51,52,53,54,8,7,9,10,11,3,5,6,12,13,14,19,20,55,56,22,23,25,27,28,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,34,72,73,74,75,76,77,78,79,80,30,31]),import.meta.url),"./src/components/Form/Controls/MFA/MFA.stories.tsx":async()=>t(()=>import("./MFA.stories-Bsc4qj26.js"),__vite__mapDeps([88,1,2,47,4,39,40,41,42,17,48]),import.meta.url),"./src/components/Form/Controls/Password/Password.stories.tsx":async()=>t(()=>import("./Password.stories-CZJGUbKc.js"),__vite__mapDeps([89,1,2,46,39,40,41,42,17,37,4,38,43,44,15,16,18,45,35,30,31]),import.meta.url),"./src/components/Form/Controls/Radio/Radio.stories.tsx":async()=>t(()=>import("./Radio.stories-5bbjKvjH.js"),__vite__mapDeps([90,1,2,51,4,39,40,41,42,17,52]),import.meta.url),"./src/components/Form/Controls/Text/Text.stories.tsx":async()=>t(()=>import("./Text.stories-DHaPEP_c.js"),__vite__mapDeps([91,1,2,38,39,40,41,42,17,4,43]),import.meta.url),"./src/components/Form/Controls/Toggle/Toggle.stories.tsx":async()=>t(()=>import("./Toggle.stories-C2JSjHdZ.js"),__vite__mapDeps([92,53,1,2,4,39,40,41,42,17,54]),import.meta.url),"./src/components/Form/Form.stories.tsx":async()=>t(()=>import("./Form.stories-CoG0laCx.js"),__vite__mapDeps([93,1,2,37,4,38,39,40,41,42,17,43,44,15,16,18,45,46,35,47,48,49,32,50,51,52,53,54,36,8,7,9,10,11,3,5,6,12,13,14,19,20,55,56,22,23,25,27,28,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,34,72,73,74,75,76,77,78,79,80]),import.meta.url),"./src/components/Glass/Glass.stories.tsx":async()=>t(()=>import("./Glass.stories-HWPmkbun.js"),__vite__mapDeps([94,1,2,66,4,67,9,10,11]),import.meta.url),"./src/components/Icon/Icon.stories.tsx":async()=>t(()=>import("./Icon.stories-BeD7cMOU.js"),__vite__mapDeps([95,1,2]),import.meta.url),"./src/components/Icon/IndicatorIcon/IndicatorIcon.stories.tsx":async()=>t(()=>import("./IndicatorIcon.stories-paSJsMog.js"),__vite__mapDeps([96,1,2,30,31,13,4,14]),import.meta.url),"./src/components/InlineSpinner/InlineSpinner.stories.tsx":async()=>t(()=>import("./InlineSpinner.stories-D8TYXHvk.js"),__vite__mapDeps([97,55,1,2,56]),import.meta.url),"./src/components/Link/Link.stories.tsx":async()=>t(()=>import("./Link.stories-DGuz63_T.js"),__vite__mapDeps([98,1,2,69,4,70]),import.meta.url),"./src/components/Menu/ContextMenu.stories.tsx":async()=>t(()=>import("./ContextMenu.stories-CrQ_Xl9y.js"),__vite__mapDeps([99,1,2,83,100,57,40,41,42,17,58,59,60,4,44,9,10,11,61,62,63,64,65,72,16,73]),import.meta.url),"./src/components/Menu/DrawerMenu.stories.tsx":async()=>t(()=>import("./DrawerMenu.stories-BCsn-0JJ.js"),__vite__mapDeps([101,1,2,83,100,62,4,63,64,9,10,11,40,65,72,42,17,16,73]),import.meta.url),"./src/components/Menu/FloatingMenu.stories.tsx":async()=>t(()=>import("./FloatingMenu.stories-DJKn_P8e.js"),__vite__mapDeps([102,1,2,83,100,60,4,44,9,10,11,61,64,40,65,72,42,17,16,73]),import.meta.url),"./src/components/Menu/Menu.stories.tsx":async()=>t(()=>import("./Menu.stories-G7UoM3Se.js"),__vite__mapDeps([103,1,2,83,100,71,40,41,59,42,17,58,60,4,44,9,10,11,61,62,63,64,65,72,16,73,3,5,6]),import.meta.url),"./src/components/Menu/MenuItem.stories.tsx":async()=>t(()=>import("./MenuItem.stories-GhMi0Yyp.js"),__vite__mapDeps([104,1,2,105,85,64,4,9,10,11,40,65]),import.meta.url),"./src/components/Menu/ToggleMenuItem.stories.tsx":async()=>t(()=>import("./ToggleMenuItem.stories-CYdEpohx.js"),__vite__mapDeps([106,1,2,105,85,74,64,4,9,10,11,40,65,53,39,41,42,17,54,44]),import.meta.url),"./src/components/ReleaseAnnouncement/ReleaseAnnouncement.stories.tsx":async()=>t(()=>import("./ReleaseAnnouncement.stories-ZjrornPu.js"),__vite__mapDeps([107,1,2,3,4,5,6,12,13,14,15,16,17,18,19,75,9,10,11,76]),import.meta.url),"./src/components/Search/Search.stories.tsx":async()=>t(()=>import("./Search.stories-BYUD7DtT.js"),__vite__mapDeps([108,1,2,36,4,37,38,39,40,41,42,17,43,44,15,16,18,45,46,35,47,48,49,32,50,51,52,53,54,8,7,9,10,11,3,5,6,12,13,14,19,20,55,56,22,23,25,27,28,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,34,72,73,74,75,76,77,78,79,80]),import.meta.url),"./src/components/Separator/Separator.stories.tsx":async()=>t(()=>import("./Separator.stories-AUmMMIfw.js"),__vite__mapDeps([109,72,1,2,4,40,42,17,16,73]),import.meta.url),"./src/components/Toast/Toast.stories.tsx":async()=>t(()=>import("./Toast.stories-DHGDwym8.js"),__vite__mapDeps([110,77,1,2,4,78]),import.meta.url),"./src/components/Tooltip/Tooltip.stories.tsx":async()=>t(()=>import("./Tooltip.stories-Dauz9q_L.js"),__vite__mapDeps([111,1,2,15,16,17,4,18,3,5,6,12,13,14,19,83]),import.meta.url),"./src/components/Typography/Heading.stories.tsx":async()=>t(()=>import("./Heading.stories-B0ZBNbq9.js"),__vite__mapDeps([112,1,2,68,10,4,11,9]),import.meta.url),"./src/components/Typography/Text.stories.tsx":async()=>t(()=>import("./Text.stories-Be_URqJs.js"),__vite__mapDeps([113,9,1,2,10,4,11]),import.meta.url)};async function v(_){return I[_]()}const{composeConfigs:L,PreviewWeb:y,ClientApi:x}=__STORYBOOK_MODULE_PREVIEW_API__,D=async()=>{const _=await Promise.all([t(()=>import("./entry-preview-aG6NKFQ2.js"),__vite__mapDeps([114,2,115,17]),import.meta.url),t(()=>import("./entry-preview-docs-XxRUZN73.js"),__vite__mapDeps([116,117,2,118]),import.meta.url),t(()=>import("./preview-TCN6m6T-.js"),__vite__mapDeps([119,120]),import.meta.url),t(()=>import("./preview-Bq_5VDWu.js"),[],import.meta.url),t(()=>import("./preview-Eqv3HFO8.js"),[],import.meta.url),t(()=>import("./preview-B63p-W8V.js"),__vite__mapDeps([121,118]),import.meta.url),t(()=>import("./preview-B4GcaC1c.js"),[],import.meta.url),t(()=>import("./preview-sVLxC_Lr.js"),[],import.meta.url),t(()=>import("./preview-BAz7FMXc.js"),__vite__mapDeps([122,118]),import.meta.url),t(()=>import("./preview-4Up_z4Em.js"),[],import.meta.url),t(()=>import("./preview-BKCN0mOr.js"),__vite__mapDeps([123,31]),import.meta.url),t(()=>import("./preview-DF-d5FoE.js"),[],import.meta.url),t(()=>import("./preview-BR6lz_LP.js"),__vite__mapDeps([124,2,125,80]),import.meta.url)]);return L(_)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new y(v,D);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; diff --git a/assets/index-DRe3e4pb.js b/assets/index-B-6fpdcS.js similarity index 99% rename from assets/index-DRe3e4pb.js rename to assets/index-B-6fpdcS.js index 92983e92..b57f5228 100644 --- a/assets/index-DRe3e4pb.js +++ b/assets/index-B-6fpdcS.js @@ -164,4 +164,4 @@ Unable to find an `+(n===!1?"accessible ":"")+'element with the role "'+t+'"'+l+ `)),o+=c+n[l+1]}),o}var UP=FP,ko=Do({...ou},{intercept:(e,t)=>t[0]==="fireEvent"||e.startsWith("find")||e.startsWith("waitFor")});ko.screen=new Proxy(ko.screen,{get(e,t,r){return dd.warn(UP` You are using Testing Library's \`screen\` object. Use \`within(canvasElement)\` instead. More info: https://storybook.js.org/docs/react/essentials/interactions - `),Reflect.get(e,t,r)}});var{buildQueries:WP,configure:GP,createEvent:KP,fireEvent:YP,findAllByAltText:JP,findAllByDisplayValue:XP,findAllByLabelText:QP,findAllByPlaceholderText:ZP,findAllByRole:eC,findAllByTestId:tC,findAllByText:rC,findAllByTitle:nC,findByAltText:oC,findByDisplayValue:aC,findByLabelText:iC,findByPlaceholderText:lC,findByRole:sC,findByTestId:uC,findByText:cC,findByTitle:dC,getAllByAltText:fC,getAllByDisplayValue:pC,getAllByLabelText:mC,getAllByPlaceholderText:hC,getAllByRole:yC,getAllByTestId:bC,getAllByText:gC,getAllByTitle:vC,getByAltText:_C,getByDisplayValue:wC,getByLabelText:EC,getByPlaceholderText:PC,getByRole:CC,getByTestId:SC,getByText:xC,getByTitle:RC,getConfig:qC,getDefaultNormalizer:OC,getElementError:TC,getNodeText:AC,getQueriesForElement:jC,getRoles:MC,getSuggestedQuery:IC,isInaccessible:NC,logDOM:BC,logRoles:kC,prettyDOM:$C,queries:DC,queryAllByAltText:LC,queryAllByAttribute:FC,queryAllByDisplayValue:UC,queryAllByLabelText:HC,queryAllByPlaceholderText:VC,queryAllByRole:zC,queryAllByTestId:WC,queryAllByText:GC,queryAllByTitle:KC,queryByAltText:YC,queryByAttribute:JC,queryByDisplayValue:XC,queryByLabelText:QC,queryByPlaceholderText:ZC,queryByRole:eS,queryByTestId:tS,queryByText:rS,queryByTitle:nS,queryHelpers:oS,screen:aS,waitFor:iS,waitForElementToBeRemoved:lS,within:sS,prettyFormat:uS}=ko,{userEvent:cS}=Do({userEvent:LP},{intercept:!0});Do({expect:nu},{getKeys:(e,t)=>{let r=["assert","__methods","__flags","_obj"];if(e.constructor===cb.Assertion){let n=Object.keys(Object.getPrototypeOf(e)).filter(a=>!r.includes(a));return t>2?n:[...n,"not"]}return Object.keys(e)},intercept:e=>e!=="expect"});var HP=({parameters:e})=>{e?.test?.mockReset===!0?p_():e?.test?.clearMocks===!0?f_():e?.test?.restoreMocks!==!1&&m_()},$o=(e,t=0,r)=>{if(t>5||e==null)return e;if(ts(e))return r&&e.mockName(r),e;if(typeof e=="function"&&"isAction"in e&&e.isAction&&!("implicit"in e&&e.implicit)){let n=c_(e);return r&&n.mockName(r),n}if(Array.isArray(e))return t++,e.map(n=>$o(n,t));if(typeof e=="object"&&e.constructor===Object){t++;for(let[n,a]of Object.entries(e))Object.getOwnPropertyDescriptor(e,n)?.writable&&(e[n]=$o(a,t,n));return e}return e},VP=({initialArgs:e})=>{$o(e)};Fl.__STORYBOOK_TEST_LOADERS__=[HP,VP];Fl.__STORYBOOK_TEST_ON_MOCK_CALL__=u_;export{c_ as f,cS as u,sS as w}; + `),Reflect.get(e,t,r)}});var{buildQueries:WP,configure:GP,createEvent:KP,fireEvent:YP,findAllByAltText:JP,findAllByDisplayValue:XP,findAllByLabelText:QP,findAllByPlaceholderText:ZP,findAllByRole:eC,findAllByTestId:tC,findAllByText:rC,findAllByTitle:nC,findByAltText:oC,findByDisplayValue:aC,findByLabelText:iC,findByPlaceholderText:lC,findByRole:sC,findByTestId:uC,findByText:cC,findByTitle:dC,getAllByAltText:fC,getAllByDisplayValue:pC,getAllByLabelText:mC,getAllByPlaceholderText:hC,getAllByRole:yC,getAllByTestId:bC,getAllByText:gC,getAllByTitle:vC,getByAltText:_C,getByDisplayValue:wC,getByLabelText:EC,getByPlaceholderText:PC,getByRole:CC,getByTestId:SC,getByText:xC,getByTitle:RC,getConfig:qC,getDefaultNormalizer:OC,getElementError:TC,getNodeText:AC,getQueriesForElement:jC,getRoles:MC,getSuggestedQuery:IC,isInaccessible:NC,logDOM:BC,logRoles:kC,prettyDOM:$C,queries:DC,queryAllByAltText:LC,queryAllByAttribute:FC,queryAllByDisplayValue:UC,queryAllByLabelText:HC,queryAllByPlaceholderText:VC,queryAllByRole:zC,queryAllByTestId:WC,queryAllByText:GC,queryAllByTitle:KC,queryByAltText:YC,queryByAttribute:JC,queryByDisplayValue:XC,queryByLabelText:QC,queryByPlaceholderText:ZC,queryByRole:eS,queryByTestId:tS,queryByText:rS,queryByTitle:nS,queryHelpers:oS,screen:aS,waitFor:iS,waitForElementToBeRemoved:lS,within:sS,prettyFormat:uS}=ko,{userEvent:cS}=Do({userEvent:LP},{intercept:!0}),{expect:dS}=Do({expect:nu},{getKeys:(e,t)=>{let r=["assert","__methods","__flags","_obj"];if(e.constructor===cb.Assertion){let n=Object.keys(Object.getPrototypeOf(e)).filter(a=>!r.includes(a));return t>2?n:[...n,"not"]}return Object.keys(e)},intercept:e=>e!=="expect"}),HP=({parameters:e})=>{e?.test?.mockReset===!0?p_():e?.test?.clearMocks===!0?f_():e?.test?.restoreMocks!==!1&&m_()},$o=(e,t=0,r)=>{if(t>5||e==null)return e;if(ts(e))return r&&e.mockName(r),e;if(typeof e=="function"&&"isAction"in e&&e.isAction&&!("implicit"in e&&e.implicit)){let n=c_(e);return r&&n.mockName(r),n}if(Array.isArray(e))return t++,e.map(n=>$o(n,t));if(typeof e=="object"&&e.constructor===Object){t++;for(let[n,a]of Object.entries(e))Object.getOwnPropertyDescriptor(e,n)?.writable&&(e[n]=$o(a,t,n));return e}return e},VP=({initialArgs:e})=>{$o(e)};Fl.__STORYBOOK_TEST_LOADERS__=[HP,VP];Fl.__STORYBOOK_TEST_ON_MOCK_CALL__=u_;export{dS as e,c_ as f,cS as u,sS as w}; diff --git a/assets/index-v5u6b-Nk.js b/assets/index-BEd8YfQ8.js similarity index 99% rename from assets/index-v5u6b-Nk.js rename to assets/index-BEd8YfQ8.js index 2544924d..11280558 100644 --- a/assets/index-v5u6b-Nk.js +++ b/assets/index-BEd8YfQ8.js @@ -1 +1 @@ -import{_ as F,b as j}from"./index-Cmw95SmN.js";import{r as t}from"./index-Cu9bd8lq.js";import{$ as ne,a as R,b as U}from"./index-tFWdirwu.js";import{$ as A}from"./index-BHpG8fra.js";const ae=t.forwardRef((e,o)=>t.createElement(A.label,F({},e,{ref:o,onMouseDown:r=>{var n;(n=e.onMouseDown)===null||n===void 0||n.call(e,r),!r.defaultPrevented&&r.detail>1&&r.preventDefault()}}))),[q,Ve]=ne("Form"),J="Form",[se,S]=q(J),[ce,Q]=q(J),ie=t.forwardRef((e,o)=>{const{__scopeForm:r,onClearServerErrors:n=()=>{},...i}=e,d=t.useRef(null),v=j(o,d),[m,$]=t.useState({}),f=t.useCallback(s=>m[s],[m]),b=t.useCallback((s,c)=>$(l=>{var u;return{...l,[s]:{...(u=l[s])!==null&&u!==void 0?u:{},...c}}}),[]),_=t.useCallback(s=>{$(c=>({...c,[s]:void 0})),a(c=>({...c,[s]:{}}))},[]),[C,E]=t.useState({}),M=t.useCallback(s=>{var c;return(c=C[s])!==null&&c!==void 0?c:[]},[C]),g=t.useCallback((s,c)=>{E(l=>{var u;return{...l,[s]:[...(u=l[s])!==null&&u!==void 0?u:[],c]}})},[]),p=t.useCallback((s,c)=>{E(l=>{var u;return{...l,[s]:((u=l[s])!==null&&u!==void 0?u:[]).filter(T=>T.id!==c)}})},[]),[I,a]=t.useState({}),h=t.useCallback(s=>{var c;return(c=I[s])!==null&&c!==void 0?c:{}},[I]),y=t.useCallback((s,c)=>{a(l=>{var u;return{...l,[s]:{...(u=l[s])!==null&&u!==void 0?u:{},...c}}})},[]),[V,x]=t.useState({}),L=t.useCallback((s,c)=>{x(l=>{const u=new Set(l[s]).add(c);return{...l,[s]:u}})},[]),P=t.useCallback((s,c)=>{x(l=>{const u=new Set(l[s]);return u.delete(c),{...l,[s]:u}})},[]),w=t.useCallback(s=>{var c;return Array.from((c=V[s])!==null&&c!==void 0?c:[]).join(" ")||void 0},[V]);return t.createElement(se,{scope:r,getFieldValidity:f,onFieldValidityChange:b,getFieldCustomMatcherEntries:M,onFieldCustomMatcherEntryAdd:g,onFieldCustomMatcherEntryRemove:p,getFieldCustomErrors:h,onFieldCustomErrorsChange:y,onFieldValiditionClear:_},t.createElement(ce,{scope:r,onFieldMessageIdAdd:L,onFieldMessageIdRemove:P,getFieldDescription:w},t.createElement(A.form,F({},i,{ref:v,onInvalid:R(e.onInvalid,s=>{const c=X(s.currentTarget);c===s.target&&c.focus(),s.preventDefault()}),onSubmit:R(e.onSubmit,n,{checkForDefaultPrevented:!1}),onReset:R(e.onReset,n)}))))}),W="FormField",[de,G]=q(W),le=t.forwardRef((e,o)=>{const{__scopeForm:r,name:n,serverInvalid:i=!1,...d}=e,m=S(W,r).getFieldValidity(n),$=U();return t.createElement(de,{scope:r,id:$,name:n,serverInvalid:i},t.createElement(A.div,F({"data-valid":N(m,i),"data-invalid":K(m,i)},d,{ref:o})))}),z="FormLabel",ue=t.forwardRef((e,o)=>{const{__scopeForm:r,...n}=e,i=S(z,r),d=G(z,r),v=n.htmlFor||d.id,m=i.getFieldValidity(d.name);return t.createElement(ae,F({"data-valid":N(m,d.serverInvalid),"data-invalid":K(m,d.serverInvalid)},n,{ref:o,htmlFor:v}))}),O="FormControl",me=t.forwardRef((e,o)=>{const{__scopeForm:r,...n}=e,i=S(O,r),d=G(O,r),v=Q(O,r),m=t.useRef(null),$=j(o,m),f=n.name||d.name,b=n.id||d.id,_=i.getFieldCustomMatcherEntries(f),{onFieldValidityChange:C,onFieldCustomErrorsChange:E,onFieldValiditionClear:M}=i,g=t.useCallback(async a=>{if(Y(a.validity)){const l=B(a.validity);C(f,l);return}const h=a.form?new FormData(a.form):new FormData,y=[a.value,h],V=[],x=[];_.forEach(l=>{be(l,y)?x.push(l):ge(l)&&V.push(l)});const L=V.map(({id:l,match:u})=>[l,u(...y)]),P=Object.fromEntries(L),w=Object.values(P).some(Boolean),s=w;a.setCustomValidity(s?D:"");const c=B(a.validity);if(C(f,c),E(f,P),!w&&x.length>0){const l=x.map(({id:te,match:re})=>re(...y).then(oe=>[te,oe])),u=await Promise.all(l),T=Object.fromEntries(u),Z=Object.values(T).some(Boolean);a.setCustomValidity(Z?D:"");const ee=B(a.validity);C(f,ee),E(f,T)}},[_,f,E,C]);t.useEffect(()=>{const a=m.current;if(a){const h=()=>g(a);return a.addEventListener("change",h),()=>a.removeEventListener("change",h)}},[g]);const p=t.useCallback(()=>{const a=m.current;a&&(a.setCustomValidity(""),M(f))},[f,M]);t.useEffect(()=>{var a;const h=(a=m.current)===null||a===void 0?void 0:a.form;if(h)return h.addEventListener("reset",p),()=>h.removeEventListener("reset",p)},[p]),t.useEffect(()=>{const a=m.current,h=a?.closest("form");if(h&&d.serverInvalid){const y=X(h);y===a&&y.focus()}},[d.serverInvalid]);const I=i.getFieldValidity(f);return t.createElement(A.input,F({"data-valid":N(I,d.serverInvalid),"data-invalid":K(I,d.serverInvalid),"aria-invalid":d.serverInvalid?!0:void 0,"aria-describedby":v.getFieldDescription(f),title:""},n,{ref:$,id:b,name:f,onInvalid:R(e.onInvalid,a=>{const h=a.currentTarget;g(h)}),onChange:R(e.onChange,a=>{p()})}))}),D="This value is not valid",fe={badInput:D,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"},k="FormMessage",ve=t.forwardRef((e,o)=>{const{match:r,name:n,...i}=e,d=G(k,e.__scopeForm),v=n??d.name;return r===void 0?t.createElement(H,F({},i,{ref:o,name:v}),e.children||D):typeof r=="function"?t.createElement(he,F({match:r},i,{ref:o,name:v})):t.createElement($e,F({match:r},i,{ref:o,name:v}))}),$e=t.forwardRef((e,o)=>{const{match:r,forceMatch:n=!1,name:i,children:d,...v}=e,$=S(k,v.__scopeForm).getFieldValidity(i);return n||$?.[r]?t.createElement(H,F({ref:o},v,{name:i}),d??fe[r]):null}),he=t.forwardRef((e,o)=>{const{match:r,forceMatch:n=!1,name:i,id:d,children:v,...m}=e,$=S(k,m.__scopeForm),f=t.useRef(null),b=j(o,f),_=U(),C=d??_,E=t.useMemo(()=>({id:C,match:r}),[C,r]),{onFieldCustomMatcherEntryAdd:M,onFieldCustomMatcherEntryRemove:g}=$;t.useEffect(()=>(M(i,E),()=>g(i,E.id)),[E,i,M,g]);const p=$.getFieldValidity(i),a=$.getFieldCustomErrors(i)[C];return n||p&&!Y(p)&&a?t.createElement(H,F({id:C,ref:b},m,{name:i}),v??D):null}),H=t.forwardRef((e,o)=>{const{__scopeForm:r,id:n,name:i,...d}=e,v=Q(k,r),m=U(),$=n??m,{onFieldMessageIdAdd:f,onFieldMessageIdRemove:b}=v;return t.useEffect(()=>(f(i,$),()=>b(i,$)),[i,$,f,b]),t.createElement(A.span,F({id:$},d,{ref:o}))}),Ce=t.forwardRef((e,o)=>{const{__scopeForm:r,...n}=e;return t.createElement(A.button,F({type:"submit"},n,{ref:o}))});function B(e){const o={};for(const r in e)o[r]=e[r];return o}function Fe(e){return e instanceof HTMLElement}function Ee(e){return"validity"in e}function pe(e){return Ee(e)&&(e.validity.valid===!1||e.getAttribute("aria-invalid")==="true")}function X(e){const o=e.elements,[r]=Array.from(o).filter(Fe).filter(pe);return r}function be(e,o){return e.match.constructor.name==="AsyncFunction"||ye(e.match,o)}function ge(e){return e.match.constructor.name==="Function"}function ye(e,o){return e(...o)instanceof Promise}function Y(e){let o=!1;for(const r in e){const n=r;if(n!=="valid"&&n!=="customError"&&e[n]){o=!0;break}}return o}function N(e,o){if(e?.valid===!0&&!o)return!0}function K(e,o){if(e?.valid===!1||o)return!0}const Re=ie,De=le,Se=ue,Pe=me,we=ve,Te=Ce;export{ie as $,Pe as a,Re as b,De as c,Se as d,we as e,Te as f}; +import{_ as F,b as j}from"./index-Cmw95SmN.js";import{r as t}from"./index-Cu9bd8lq.js";import{$ as ne,a as R,b as U}from"./index-tFWdirwu.js";import{$ as A}from"./index-BHpG8fra.js";const ae=t.forwardRef((e,o)=>t.createElement(A.label,F({},e,{ref:o,onMouseDown:r=>{var n;(n=e.onMouseDown)===null||n===void 0||n.call(e,r),!r.defaultPrevented&&r.detail>1&&r.preventDefault()}}))),[q,Ve]=ne("Form"),J="Form",[se,S]=q(J),[ce,Q]=q(J),ie=t.forwardRef((e,o)=>{const{__scopeForm:r,onClearServerErrors:n=()=>{},...i}=e,d=t.useRef(null),v=j(o,d),[m,$]=t.useState({}),f=t.useCallback(s=>m[s],[m]),b=t.useCallback((s,c)=>$(l=>{var u;return{...l,[s]:{...(u=l[s])!==null&&u!==void 0?u:{},...c}}}),[]),_=t.useCallback(s=>{$(c=>({...c,[s]:void 0})),a(c=>({...c,[s]:{}}))},[]),[C,E]=t.useState({}),M=t.useCallback(s=>{var c;return(c=C[s])!==null&&c!==void 0?c:[]},[C]),g=t.useCallback((s,c)=>{E(l=>{var u;return{...l,[s]:[...(u=l[s])!==null&&u!==void 0?u:[],c]}})},[]),p=t.useCallback((s,c)=>{E(l=>{var u;return{...l,[s]:((u=l[s])!==null&&u!==void 0?u:[]).filter(T=>T.id!==c)}})},[]),[I,a]=t.useState({}),h=t.useCallback(s=>{var c;return(c=I[s])!==null&&c!==void 0?c:{}},[I]),y=t.useCallback((s,c)=>{a(l=>{var u;return{...l,[s]:{...(u=l[s])!==null&&u!==void 0?u:{},...c}}})},[]),[V,x]=t.useState({}),L=t.useCallback((s,c)=>{x(l=>{const u=new Set(l[s]).add(c);return{...l,[s]:u}})},[]),P=t.useCallback((s,c)=>{x(l=>{const u=new Set(l[s]);return u.delete(c),{...l,[s]:u}})},[]),w=t.useCallback(s=>{var c;return Array.from((c=V[s])!==null&&c!==void 0?c:[]).join(" ")||void 0},[V]);return t.createElement(se,{scope:r,getFieldValidity:f,onFieldValidityChange:b,getFieldCustomMatcherEntries:M,onFieldCustomMatcherEntryAdd:g,onFieldCustomMatcherEntryRemove:p,getFieldCustomErrors:h,onFieldCustomErrorsChange:y,onFieldValiditionClear:_},t.createElement(ce,{scope:r,onFieldMessageIdAdd:L,onFieldMessageIdRemove:P,getFieldDescription:w},t.createElement(A.form,F({},i,{ref:v,onInvalid:R(e.onInvalid,s=>{const c=X(s.currentTarget);c===s.target&&c.focus(),s.preventDefault()}),onSubmit:R(e.onSubmit,n,{checkForDefaultPrevented:!1}),onReset:R(e.onReset,n)}))))}),W="FormField",[de,G]=q(W),le=t.forwardRef((e,o)=>{const{__scopeForm:r,name:n,serverInvalid:i=!1,...d}=e,m=S(W,r).getFieldValidity(n),$=U();return t.createElement(de,{scope:r,id:$,name:n,serverInvalid:i},t.createElement(A.div,F({"data-valid":N(m,i),"data-invalid":K(m,i)},d,{ref:o})))}),z="FormLabel",ue=t.forwardRef((e,o)=>{const{__scopeForm:r,...n}=e,i=S(z,r),d=G(z,r),v=n.htmlFor||d.id,m=i.getFieldValidity(d.name);return t.createElement(ae,F({"data-valid":N(m,d.serverInvalid),"data-invalid":K(m,d.serverInvalid)},n,{ref:o,htmlFor:v}))}),O="FormControl",me=t.forwardRef((e,o)=>{const{__scopeForm:r,...n}=e,i=S(O,r),d=G(O,r),v=Q(O,r),m=t.useRef(null),$=j(o,m),f=n.name||d.name,b=n.id||d.id,_=i.getFieldCustomMatcherEntries(f),{onFieldValidityChange:C,onFieldCustomErrorsChange:E,onFieldValiditionClear:M}=i,g=t.useCallback(async a=>{if(Y(a.validity)){const l=B(a.validity);C(f,l);return}const h=a.form?new FormData(a.form):new FormData,y=[a.value,h],V=[],x=[];_.forEach(l=>{be(l,y)?x.push(l):ge(l)&&V.push(l)});const L=V.map(({id:l,match:u})=>[l,u(...y)]),P=Object.fromEntries(L),w=Object.values(P).some(Boolean),s=w;a.setCustomValidity(s?D:"");const c=B(a.validity);if(C(f,c),E(f,P),!w&&x.length>0){const l=x.map(({id:te,match:re})=>re(...y).then(oe=>[te,oe])),u=await Promise.all(l),T=Object.fromEntries(u),Z=Object.values(T).some(Boolean);a.setCustomValidity(Z?D:"");const ee=B(a.validity);C(f,ee),E(f,T)}},[_,f,E,C]);t.useEffect(()=>{const a=m.current;if(a){const h=()=>g(a);return a.addEventListener("change",h),()=>a.removeEventListener("change",h)}},[g]);const p=t.useCallback(()=>{const a=m.current;a&&(a.setCustomValidity(""),M(f))},[f,M]);t.useEffect(()=>{var a;const h=(a=m.current)===null||a===void 0?void 0:a.form;if(h)return h.addEventListener("reset",p),()=>h.removeEventListener("reset",p)},[p]),t.useEffect(()=>{const a=m.current,h=a?.closest("form");if(h&&d.serverInvalid){const y=X(h);y===a&&y.focus()}},[d.serverInvalid]);const I=i.getFieldValidity(f);return t.createElement(A.input,F({"data-valid":N(I,d.serverInvalid),"data-invalid":K(I,d.serverInvalid),"aria-invalid":d.serverInvalid?!0:void 0,"aria-describedby":v.getFieldDescription(f),title:""},n,{ref:$,id:b,name:f,onInvalid:R(e.onInvalid,a=>{const h=a.currentTarget;g(h)}),onChange:R(e.onChange,a=>{p()})}))}),D="This value is not valid",fe={badInput:D,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"},k="FormMessage",ve=t.forwardRef((e,o)=>{const{match:r,name:n,...i}=e,d=G(k,e.__scopeForm),v=n??d.name;return r===void 0?t.createElement(H,F({},i,{ref:o,name:v}),e.children||D):typeof r=="function"?t.createElement(he,F({match:r},i,{ref:o,name:v})):t.createElement($e,F({match:r},i,{ref:o,name:v}))}),$e=t.forwardRef((e,o)=>{const{match:r,forceMatch:n=!1,name:i,children:d,...v}=e,$=S(k,v.__scopeForm).getFieldValidity(i);return n||$?.[r]?t.createElement(H,F({ref:o},v,{name:i}),d??fe[r]):null}),he=t.forwardRef((e,o)=>{const{match:r,forceMatch:n=!1,name:i,id:d,children:v,...m}=e,$=S(k,m.__scopeForm),f=t.useRef(null),b=j(o,f),_=U(),C=d??_,E=t.useMemo(()=>({id:C,match:r}),[C,r]),{onFieldCustomMatcherEntryAdd:M,onFieldCustomMatcherEntryRemove:g}=$;t.useEffect(()=>(M(i,E),()=>g(i,E.id)),[E,i,M,g]);const p=$.getFieldValidity(i),a=$.getFieldCustomErrors(i)[C];return n||p&&!Y(p)&&a?t.createElement(H,F({id:C,ref:b},m,{name:i}),v??D):null}),H=t.forwardRef((e,o)=>{const{__scopeForm:r,id:n,name:i,...d}=e,v=Q(k,r),m=U(),$=n??m,{onFieldMessageIdAdd:f,onFieldMessageIdRemove:b}=v;return t.useEffect(()=>(f(i,$),()=>b(i,$)),[i,$,f,b]),t.createElement(A.span,F({id:$},d,{ref:o}))}),Ce=t.forwardRef((e,o)=>{const{__scopeForm:r,...n}=e;return t.createElement(A.button,F({type:"submit"},n,{ref:o}))});function B(e){const o={};for(const r in e)o[r]=e[r];return o}function Fe(e){return e instanceof HTMLElement}function Ee(e){return"validity"in e}function pe(e){return Ee(e)&&(e.validity.valid===!1||e.getAttribute("aria-invalid")==="true")}function X(e){const o=e.elements,[r]=Array.from(o).filter(Fe).filter(pe);return r}function be(e,o){return e.match.constructor.name==="AsyncFunction"||ye(e.match,o)}function ge(e){return e.match.constructor.name==="Function"}function ye(e,o){return e(...o)instanceof Promise}function Y(e){let o=!1;for(const r in e){const n=r;if(n!=="valid"&&n!=="customError"&&e[n]){o=!0;break}}return o}function N(e,o){if(e?.valid===!0&&!o)return!0}function K(e,o){if(e?.valid===!1||o)return!0}const Re=ie,De=le,Se=ue,Pe=me,we=ve,Te=Ce;export{ie as $,Pe as a,Te as b,Re as c,De as d,Se as e,we as f}; diff --git a/assets/preview-DakYMjlV.js b/assets/preview-Bq_5VDWu.js similarity index 71% rename from assets/preview-DakYMjlV.js rename to assets/preview-Bq_5VDWu.js index 31dcda12..cda2eaa4 100644 --- a/assets/preview-DakYMjlV.js +++ b/assets/preview-Bq_5VDWu.js @@ -1,2 +1,2 @@ -const __vite__fileDeps=["./DocsRenderer-K4EAMTCU-B5BGA1qs.js","./iframe-DHUj8356.js","./index-Cu9bd8lq.js","./react-18-BhaibXFb.js","./index-s2Ee__EW.js","./index-Cmw95SmN.js","./index-ChiipFpT.js","./index-tFWdirwu.js","./index-BHpG8fra.js","./index-DXimoRZY.js","./_getPrototype-DpRPMK__.js","./index-DrFu-skq.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); -import{_ as a}from"./iframe-DHUj8356.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-K4EAMTCU-B5BGA1qs.js").then(r=>r.D),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]),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__fileDeps=["./DocsRenderer-K4EAMTCU-VSHiK9aF.js","./iframe-aDYr2Hte.js","./index-Cu9bd8lq.js","./react-18-BhaibXFb.js","./index-s2Ee__EW.js","./index-Cmw95SmN.js","./index-ChiipFpT.js","./index-tFWdirwu.js","./index-BHpG8fra.js","./index-DXimoRZY.js","./_getPrototype-DpRPMK__.js","./index-DrFu-skq.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); +import{_ as a}from"./iframe-aDYr2Hte.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-K4EAMTCU-VSHiK9aF.js").then(r=>r.D),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]),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/syntaxhighlighter-BP7B2CQK-BVcp5U1o.js b/assets/syntaxhighlighter-BP7B2CQK-Bj_jXSOb.js similarity index 88% rename from assets/syntaxhighlighter-BP7B2CQK-BVcp5U1o.js rename to assets/syntaxhighlighter-BP7B2CQK-Bj_jXSOb.js index ce56dc75..d96c8673 100644 --- a/assets/syntaxhighlighter-BP7B2CQK-BVcp5U1o.js +++ b/assets/syntaxhighlighter-BP7B2CQK-Bj_jXSOb.js @@ -1 +1 @@ -import{S as l,c as f,s as h,a as x}from"./DocsRenderer-K4EAMTCU-B5BGA1qs.js";import"./iframe-DHUj8356.js";import"../sb-preview/runtime.js";import"./index-Cu9bd8lq.js";import"./react-18-BhaibXFb.js";import"./index-s2Ee__EW.js";import"./index-Cmw95SmN.js";import"./index-ChiipFpT.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-DXimoRZY.js";import"./_getPrototype-DpRPMK__.js";import"./index-DrFu-skq.js";export{l as SyntaxHighlighter,f as createCopyToClipboardFunction,h as default,x as supportedLanguages}; +import{S as l,c as f,s as h,a as x}from"./DocsRenderer-K4EAMTCU-VSHiK9aF.js";import"./iframe-aDYr2Hte.js";import"../sb-preview/runtime.js";import"./index-Cu9bd8lq.js";import"./react-18-BhaibXFb.js";import"./index-s2Ee__EW.js";import"./index-Cmw95SmN.js";import"./index-ChiipFpT.js";import"./index-tFWdirwu.js";import"./index-BHpG8fra.js";import"./index-DXimoRZY.js";import"./_getPrototype-DpRPMK__.js";import"./index-DrFu-skq.js";export{l as SyntaxHighlighter,f as createCopyToClipboardFunction,h as default,x as supportedLanguages}; diff --git a/components/Form/Controls/EditInPlace/EditInPlace.d.ts b/components/Form/Controls/EditInPlace/EditInPlace.d.ts index d8129739..6046b1d9 100644 --- a/components/Form/Controls/EditInPlace/EditInPlace.d.ts +++ b/components/Form/Controls/EditInPlace/EditInPlace.d.ts @@ -1,5 +1,5 @@ import React from '../../../../../node_modules/react'; -import { TextInput } from "../Text"; +import { TextControl } from "../.."; type Props = { /** * The label for the control @@ -10,17 +10,17 @@ type Props = { */ className?: string; /** - * The content of the text box + * Callback for when the user confirms the change */ - value: string; + onSave?: (e: React.FormEvent) => Promise | void; /** - * Callback for when the user confirms the change + * Callback for when the user wishes to cancel the change */ - onSave: () => Promise; + onCancel?: (e: React.FormEvent) => void; /** - * Calback for when the user wishes to cancel the change + * onInput event handler on the text control */ - onCancel: () => void; + onInput?: (e: React.ChangeEvent) => void; /** * Error message to be displayed below the box. If supplied, will disable the * save button. @@ -39,15 +39,10 @@ type Props = { * The label for the 'in progress' saving caption */ savingLabel: string; - /** - * True to disable the save button, false to enable. - * Default: false (enabled) - */ - disableSaveButton?: boolean; /** * The label for the cancel button */ - cancelButtonLabel?: string; + cancelButtonLabel: string; /** * Label to be displayed under the input as a help text */ @@ -56,7 +51,7 @@ type Props = { * If true, disabled the entire component to disallow editing. */ disabled?: boolean; -} & React.ComponentProps; +} & React.ComponentProps; /** * 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 diff --git a/components/Form/Controls/EditInPlace/EditInPlace.d.ts.map b/components/Form/Controls/EditInPlace/EditInPlace.d.ts.map index 21ad2763..0fb82c30 100644 --- a/components/Form/Controls/EditInPlace/EditInPlace.d.ts.map +++ b/components/Form/Controls/EditInPlace/EditInPlace.d.ts.map @@ -1 +1 @@ -{"version":3,"file":"EditInPlace.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Controls/EditInPlace/EditInPlace.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAE/E,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAQpC,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAE5B;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAE3C;;;;GAIG;AACH,eAAO,MAAM,WAAW,6FA2HvB,CAAC"} \ No newline at end of file +{"version":3,"file":"EditInPlace.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Controls/EditInPlace/EditInPlace.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAON,MAAM,OAAO,CAAC;AAOf,OAAO,EAQL,WAAW,EACZ,MAAM,OAAO,CAAC;AAGf,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAEvE;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE3D;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAyD7C;;;;GAIG;AACH,eAAO,MAAM,WAAW,6FAkLvB,CAAC"} \ No newline at end of file diff --git a/components/Form/Message.d.ts b/components/Form/Message.d.ts index 70663cc5..efa053bc 100644 --- a/components/Form/Message.d.ts +++ b/components/Form/Message.d.ts @@ -10,6 +10,14 @@ type MessageProps = { * An error message to display below a form control. */ export declare const ErrorMessage: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; +/** + * A success message to display below a form control. + */ +export declare const SuccessMessage: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; +/** + * A message showing a loading state + */ +export declare const LoadingMessage: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; /** * A help message to display below a form control. */ diff --git a/components/Form/Message.d.ts.map b/components/Form/Message.d.ts.map index 92467e3d..cef1ad5f 100644 --- a/components/Form/Message.d.ts.map +++ b/components/Form/Message.d.ts.map @@ -1 +1 @@ -{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Message.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAM/C,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAEzC;;GAEG;AACH,eAAO,MAAM,YAAY,4HAevB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,WAAW,4HAUtB,CAAC"} \ No newline at end of file +{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Message.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAQ/C,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAEzC;;GAEG;AACH,eAAO,MAAM,YAAY,4HAevB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,cAAc,4HAezB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,cAAc,4HAWzB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,WAAW,4HAUtB,CAAC"} \ No newline at end of file diff --git a/components/Form/index.d.ts b/components/Form/index.d.ts index dcf82027..02f8f7e5 100644 --- a/components/Form/index.d.ts +++ b/components/Form/index.d.ts @@ -4,6 +4,6 @@ export { Field } from "./Field"; export { InlineField } from "./InlineField"; export { Label } from "./Label"; export { ValidityState, Message } from "@radix-ui/react-form"; -export { ErrorMessage, HelpMessage } from "./Message"; +export { ErrorMessage, HelpMessage, LoadingMessage, SuccessMessage, } from "./Message"; export { Submit } from "./Submit"; //# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/components/Form/index.d.ts.map b/components/Form/index.d.ts.map index 52724916..785ed992 100644 --- a/components/Form/index.d.ts.map +++ b/components/Form/index.d.ts.map @@ -1 +1 @@ -{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/index.ts"],"names":[],"mappings":"AAgBA,OAAO,EACL,aAAa,EACb,WAAW,EACX,eAAe,EACf,aAAa,EACb,WAAW,EACX,SAAS,EACT,UAAU,EACV,QAAQ,EACR,eAAe,EACf,aAAa,EACb,YAAY,EACZ,UAAU,EACV,aAAa,EACb,WAAW,EACX,WAAW,GACZ,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"} \ No newline at end of file +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/index.ts"],"names":[],"mappings":"AAgBA,OAAO,EACL,aAAa,EACb,WAAW,EACX,eAAe,EACf,aAAa,EACb,WAAW,EACX,SAAS,EACT,UAAU,EACV,QAAQ,EACR,eAAe,EACf,aAAa,EACb,YAAY,EACZ,UAAU,EACV,aAAa,EACb,WAAW,EACX,WAAW,GACZ,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EACL,YAAY,EACZ,WAAW,EACX,cAAc,EACd,cAAc,GACf,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"} \ No newline at end of file diff --git a/iframe.html b/iframe.html index 22da0e88..c16f2525 100644 --- a/iframe.html +++ b/iframe.html @@ -509,7 +509,7 @@ window.global = window; - + diff --git a/index.json b/index.json index 39f758b5..ce181727 100644 --- a/index.json +++ b/index.json @@ -1 +1 @@ -{"v":4,"entries":{"alert--docs":{"id":"alert--docs","title":"Alert","name":"Docs","importPath":"./src/components/Alert/Alert.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"alert--success":{"type":"story","id":"alert--success","name":"Success","title":"Alert","importPath":"./src/components/Alert/Alert.stories.tsx","tags":["dev","test","autodocs"]},"alert--critical":{"type":"story","id":"alert--critical","name":"Critical","title":"Alert","importPath":"./src/components/Alert/Alert.stories.tsx","tags":["dev","test","autodocs"]},"alert--info":{"type":"story","id":"alert--info","name":"Info","title":"Alert","importPath":"./src/components/Alert/Alert.stories.tsx","tags":["dev","test","autodocs"]},"alert--with-actions":{"type":"story","id":"alert--with-actions","name":"With Actions","title":"Alert","importPath":"./src/components/Alert/Alert.stories.tsx","tags":["dev","test","autodocs"]},"alert--without-close":{"type":"story","id":"alert--without-close","name":"Without Close","title":"Alert","importPath":"./src/components/Alert/Alert.stories.tsx","tags":["dev","test","autodocs"]},"avatar--docs":{"id":"avatar--docs","title":"Avatar","name":"Docs","importPath":"./src/components/Avatar/Avatar.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"avatar--round":{"type":"story","id":"avatar--round","name":"Round","title":"Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["dev","test","autodocs"]},"avatar--square":{"type":"story","id":"avatar--square","name":"Square","title":"Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["dev","test","autodocs"]},"avatar--button":{"type":"story","id":"avatar--button","name":"Button","title":"Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["dev","test","autodocs"]},"avatar--no-image-fallback":{"type":"story","id":"avatar--no-image-fallback","name":"No Image Fallback","title":"Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["dev","test","autodocs"]},"avatar--large-no-image-fallback":{"type":"story","id":"avatar--large-no-image-fallback","name":"Large No Image Fallback","title":"Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["dev","test","autodocs"]},"avatar--all-avatars":{"type":"story","id":"avatar--all-avatars","name":"All Avatars","title":"Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["dev","test","autodocs"]},"avatar-stackedavatar--docs":{"id":"avatar-stackedavatar--docs","title":"Avatar/StackedAvatar","name":"Docs","importPath":"./src/components/Avatar/AvatarStack.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"avatar-stackedavatar--avatar-stack":{"type":"story","id":"avatar-stackedavatar--avatar-stack","name":"Avatar Stack","title":"Avatar/StackedAvatar","importPath":"./src/components/Avatar/AvatarStack.stories.tsx","tags":["dev","test","autodocs"]},"badge--docs":{"id":"badge--docs","title":"Badge","name":"Docs","importPath":"./src/components/Badge/Badge.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"badge--badge":{"type":"story","id":"badge--badge","name":"Badge","title":"Badge","importPath":"./src/components/Badge/Badge.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--docs":{"id":"button-actions--docs","title":"Button/Actions","name":"Docs","importPath":"./src/components/Button/ActionButton.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"button-actions--settings":{"type":"story","id":"button-actions--settings","name":"Settings","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--share-link":{"type":"story","id":"button-actions--share-link","name":"Share Link","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--video-on":{"type":"story","id":"button-actions--video-on","name":"Video On","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--video-off":{"type":"story","id":"button-actions--video-off","name":"Video Off","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--mic-on":{"type":"story","id":"button-actions--mic-on","name":"Mic On","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--mic-off":{"type":"story","id":"button-actions--mic-off","name":"Mic Off","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--share-screen":{"type":"story","id":"button-actions--share-screen","name":"Share Screen","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--sharing-screen":{"type":"story","id":"button-actions--sharing-screen","name":"Sharing Screen","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--fullscreen":{"type":"story","id":"button-actions--fullscreen","name":"Fullscreen","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--end-call":{"type":"story","id":"button-actions--end-call","name":"End Call","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--invite":{"type":"story","id":"button-actions--invite","name":"Invite","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--edit":{"type":"story","id":"button-actions--edit","name":"Edit","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--search":{"type":"story","id":"button-actions--search","name":"Search","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--save":{"type":"story","id":"button-actions--save","name":"Save","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--save-disabled":{"type":"story","id":"button-actions--save-disabled","name":"Save Disabled","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--cancel":{"type":"story","id":"button-actions--cancel","name":"Cancel","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--close":{"type":"story","id":"button-actions--close","name":"Close","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button--docs":{"id":"button--docs","title":"Button","name":"Docs","importPath":"./src/components/Button/Button.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"button--default":{"type":"story","id":"button--default","name":"Default","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--small":{"type":"story","id":"button--small","name":"Small","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--primary":{"type":"story","id":"button--primary","name":"Primary","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--primary-destructive":{"type":"story","id":"button--primary-destructive","name":"Primary Destructive","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--secondary":{"type":"story","id":"button--secondary","name":"Secondary","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--secondary-destructive":{"type":"story","id":"button--secondary-destructive","name":"Secondary Destructive","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--tertiary":{"type":"story","id":"button--tertiary","name":"Tertiary","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--tertiary-destructive":{"type":"story","id":"button--tertiary-destructive","name":"Tertiary Destructive","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--with-icon":{"type":"story","id":"button--with-icon","name":"With Icon","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--small-with-icon":{"type":"story","id":"button--small-with-icon","name":"Small With Icon","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--disabled":{"type":"story","id":"button--disabled","name":"Disabled","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--link":{"type":"story","id":"button--link","name":"Link","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--link-disabled":{"type":"story","id":"button--link-disabled","name":"Link Disabled","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button-iconbutton--docs":{"id":"button-iconbutton--docs","title":"Button/IconButton","name":"Docs","importPath":"./src/components/Button/IconButton/IconButton.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"button-iconbutton--demo":{"type":"story","id":"button-iconbutton--demo","name":"Demo","title":"Button/IconButton","importPath":"./src/components/Button/IconButton/IconButton.stories.tsx","tags":["dev","test","autodocs"]},"button-iconbutton--default":{"type":"story","id":"button-iconbutton--default","name":"Default","title":"Button/IconButton","importPath":"./src/components/Button/IconButton/IconButton.stories.tsx","tags":["dev","test","autodocs"]},"button-iconbutton--default-disabled":{"type":"story","id":"button-iconbutton--default-disabled","name":"Default Disabled","title":"Button/IconButton","importPath":"./src/components/Button/IconButton/IconButton.stories.tsx","tags":["dev","test","autodocs"]},"button-iconbutton--with-indicator":{"type":"story","id":"button-iconbutton--with-indicator","name":"With Indicator","title":"Button/IconButton","importPath":"./src/components/Button/IconButton/IconButton.stories.tsx","tags":["dev","test","autodocs"]},"button-iconbutton--with-indicator-disabled":{"type":"story","id":"button-iconbutton--with-indicator-disabled","name":"With Indicator Disabled","title":"Button/IconButton","importPath":"./src/components/Button/IconButton/IconButton.stories.tsx","tags":["dev","test","autodocs"]},"button-iconbutton--with-success-indicator":{"type":"story","id":"button-iconbutton--with-success-indicator","name":"With Success Indicator","title":"Button/IconButton","importPath":"./src/components/Button/IconButton/IconButton.stories.tsx","tags":["dev","test","autodocs"]},"button-iconbutton--with-critical-indicator":{"type":"story","id":"button-iconbutton--with-critical-indicator","name":"With Critical Indicator","title":"Button/IconButton","importPath":"./src/components/Button/IconButton/IconButton.stories.tsx","tags":["dev","test","autodocs"]},"button-iconbutton--with-label":{"type":"story","id":"button-iconbutton--with-label","name":"With Label","title":"Button/IconButton","importPath":"./src/components/Button/IconButton/IconButton.stories.tsx","tags":["dev","test","autodocs"]},"button-iconbutton--destructive":{"type":"story","id":"button-iconbutton--destructive","name":"Destructive","title":"Button/IconButton","importPath":"./src/components/Button/IconButton/IconButton.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-action--docs":{"id":"form-controls-action--docs","title":"Form/Controls/Action","name":"Docs","importPath":"./src/components/Form/Controls/Action/Action.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"form-controls-action--empty":{"type":"story","id":"form-controls-action--empty","name":"Empty","title":"Form/Controls/Action","importPath":"./src/components/Form/Controls/Action/Action.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-action--filled":{"type":"story","id":"form-controls-action--filled","name":"Filled","title":"Form/Controls/Action","importPath":"./src/components/Form/Controls/Action/Action.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-action--disabled":{"type":"story","id":"form-controls-action--disabled","name":"Disabled","title":"Form/Controls/Action","importPath":"./src/components/Form/Controls/Action/Action.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-action--read-only":{"type":"story","id":"form-controls-action--read-only","name":"Read Only","title":"Form/Controls/Action","importPath":"./src/components/Form/Controls/Action/Action.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-action--focused":{"type":"story","id":"form-controls-action--focused","name":"Focused","title":"Form/Controls/Action","importPath":"./src/components/Form/Controls/Action/Action.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-action--invalid":{"type":"story","id":"form-controls-action--invalid","name":"Invalid","title":"Form/Controls/Action","importPath":"./src/components/Form/Controls/Action/Action.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-checkbox--docs":{"id":"form-controls-checkbox--docs","title":"Form/Controls/Checkbox","name":"Docs","importPath":"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"form-controls-checkbox--unchecked":{"type":"story","id":"form-controls-checkbox--unchecked","name":"Unchecked","title":"Form/Controls/Checkbox","importPath":"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-checkbox--checked":{"type":"story","id":"form-controls-checkbox--checked","name":"Checked","title":"Form/Controls/Checkbox","importPath":"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-checkbox--disabled-unchecked":{"type":"story","id":"form-controls-checkbox--disabled-unchecked","name":"Disabled Unchecked","title":"Form/Controls/Checkbox","importPath":"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-checkbox--disabled-checked":{"type":"story","id":"form-controls-checkbox--disabled-checked","name":"Disabled Checked","title":"Form/Controls/Checkbox","importPath":"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-checkbox--readonly-unchecked":{"type":"story","id":"form-controls-checkbox--readonly-unchecked","name":"Readonly Unchecked","title":"Form/Controls/Checkbox","importPath":"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-checkbox--readonly-checked":{"type":"story","id":"form-controls-checkbox--readonly-checked","name":"Readonly Checked","title":"Form/Controls/Checkbox","importPath":"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-checkbox--invalid-unchecked":{"type":"story","id":"form-controls-checkbox--invalid-unchecked","name":"Invalid Unchecked","title":"Form/Controls/Checkbox","importPath":"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-checkbox--invalid-checked":{"type":"story","id":"form-controls-checkbox--invalid-checked","name":"Invalid Checked","title":"Form/Controls/Checkbox","importPath":"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-checkbox--focus":{"type":"story","id":"form-controls-checkbox--focus","name":"Focus","title":"Form/Controls/Checkbox","importPath":"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-editinplace--docs":{"id":"form-controls-editinplace--docs","title":"Form/Controls/EditInPlace","name":"Docs","importPath":"./src/components/Form/Controls/EditInPlace/EditInPlace.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"form-controls-editinplace--empty":{"type":"story","id":"form-controls-editinplace--empty","name":"Empty","title":"Form/Controls/EditInPlace","importPath":"./src/components/Form/Controls/EditInPlace/EditInPlace.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-editinplace--with-text":{"type":"story","id":"form-controls-editinplace--with-text","name":"With Text","title":"Form/Controls/EditInPlace","importPath":"./src/components/Form/Controls/EditInPlace/EditInPlace.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-editinplace--save-disabled":{"type":"story","id":"form-controls-editinplace--save-disabled","name":"Save Disabled","title":"Form/Controls/EditInPlace","importPath":"./src/components/Form/Controls/EditInPlace/EditInPlace.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-editinplace--with-error":{"type":"story","id":"form-controls-editinplace--with-error","name":"With Error","title":"Form/Controls/EditInPlace","importPath":"./src/components/Form/Controls/EditInPlace/EditInPlace.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-editinplace--with-help-text":{"type":"story","id":"form-controls-editinplace--with-help-text","name":"With Help Text","title":"Form/Controls/EditInPlace","importPath":"./src/components/Form/Controls/EditInPlace/EditInPlace.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-mfa--docs":{"id":"form-controls-mfa--docs","title":"Form/Controls/MFA","name":"Docs","importPath":"./src/components/Form/Controls/MFA/MFA.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"form-controls-mfa--empty":{"type":"story","id":"form-controls-mfa--empty","name":"Empty","title":"Form/Controls/MFA","importPath":"./src/components/Form/Controls/MFA/MFA.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-mfa--filled":{"type":"story","id":"form-controls-mfa--filled","name":"Filled","title":"Form/Controls/MFA","importPath":"./src/components/Form/Controls/MFA/MFA.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-mfa--disabled":{"type":"story","id":"form-controls-mfa--disabled","name":"Disabled","title":"Form/Controls/MFA","importPath":"./src/components/Form/Controls/MFA/MFA.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-mfa--read-only":{"type":"story","id":"form-controls-mfa--read-only","name":"Read Only","title":"Form/Controls/MFA","importPath":"./src/components/Form/Controls/MFA/MFA.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-mfa--focus":{"type":"story","id":"form-controls-mfa--focus","name":"Focus","title":"Form/Controls/MFA","importPath":"./src/components/Form/Controls/MFA/MFA.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-mfa--invalid":{"type":"story","id":"form-controls-mfa--invalid","name":"Invalid","title":"Form/Controls/MFA","importPath":"./src/components/Form/Controls/MFA/MFA.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-password--docs":{"id":"form-controls-password--docs","title":"Form/Controls/Password","name":"Docs","importPath":"./src/components/Form/Controls/Password/Password.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"form-controls-password--empty":{"type":"story","id":"form-controls-password--empty","name":"Empty","title":"Form/Controls/Password","importPath":"./src/components/Form/Controls/Password/Password.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-password--filled":{"type":"story","id":"form-controls-password--filled","name":"Filled","title":"Form/Controls/Password","importPath":"./src/components/Form/Controls/Password/Password.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-password--disabled":{"type":"story","id":"form-controls-password--disabled","name":"Disabled","title":"Form/Controls/Password","importPath":"./src/components/Form/Controls/Password/Password.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-password--read-only":{"type":"story","id":"form-controls-password--read-only","name":"Read Only","title":"Form/Controls/Password","importPath":"./src/components/Form/Controls/Password/Password.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-password--focused":{"type":"story","id":"form-controls-password--focused","name":"Focused","title":"Form/Controls/Password","importPath":"./src/components/Form/Controls/Password/Password.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-password--invalid":{"type":"story","id":"form-controls-password--invalid","name":"Invalid","title":"Form/Controls/Password","importPath":"./src/components/Form/Controls/Password/Password.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-password--visible":{"type":"story","id":"form-controls-password--visible","name":"Visible","title":"Form/Controls/Password","importPath":"./src/components/Form/Controls/Password/Password.stories.tsx","tags":["dev","test","autodocs","play-fn"]},"form-controls-radio--docs":{"id":"form-controls-radio--docs","title":"Form/Controls/Radio","name":"Docs","importPath":"./src/components/Form/Controls/Radio/Radio.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"form-controls-radio--unchecked":{"type":"story","id":"form-controls-radio--unchecked","name":"Unchecked","title":"Form/Controls/Radio","importPath":"./src/components/Form/Controls/Radio/Radio.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-radio--checked":{"type":"story","id":"form-controls-radio--checked","name":"Checked","title":"Form/Controls/Radio","importPath":"./src/components/Form/Controls/Radio/Radio.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-radio--disabled-unchecked":{"type":"story","id":"form-controls-radio--disabled-unchecked","name":"Disabled Unchecked","title":"Form/Controls/Radio","importPath":"./src/components/Form/Controls/Radio/Radio.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-radio--disabled-checked":{"type":"story","id":"form-controls-radio--disabled-checked","name":"Disabled Checked","title":"Form/Controls/Radio","importPath":"./src/components/Form/Controls/Radio/Radio.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-radio--readonly-unchecked":{"type":"story","id":"form-controls-radio--readonly-unchecked","name":"Readonly Unchecked","title":"Form/Controls/Radio","importPath":"./src/components/Form/Controls/Radio/Radio.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-radio--readonly-checked":{"type":"story","id":"form-controls-radio--readonly-checked","name":"Readonly Checked","title":"Form/Controls/Radio","importPath":"./src/components/Form/Controls/Radio/Radio.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-radio--invalid-unchecked":{"type":"story","id":"form-controls-radio--invalid-unchecked","name":"Invalid Unchecked","title":"Form/Controls/Radio","importPath":"./src/components/Form/Controls/Radio/Radio.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-radio--invalid-checked":{"type":"story","id":"form-controls-radio--invalid-checked","name":"Invalid Checked","title":"Form/Controls/Radio","importPath":"./src/components/Form/Controls/Radio/Radio.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-radio--focus":{"type":"story","id":"form-controls-radio--focus","name":"Focus","title":"Form/Controls/Radio","importPath":"./src/components/Form/Controls/Radio/Radio.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-text--docs":{"id":"form-controls-text--docs","title":"Form/Controls/Text","name":"Docs","importPath":"./src/components/Form/Controls/Text/Text.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"form-controls-text--empty":{"type":"story","id":"form-controls-text--empty","name":"Empty","title":"Form/Controls/Text","importPath":"./src/components/Form/Controls/Text/Text.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-text--filled":{"type":"story","id":"form-controls-text--filled","name":"Filled","title":"Form/Controls/Text","importPath":"./src/components/Form/Controls/Text/Text.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-text--with-ligatures":{"type":"story","id":"form-controls-text--with-ligatures","name":"With Ligatures","title":"Form/Controls/Text","importPath":"./src/components/Form/Controls/Text/Text.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-text--disabled":{"type":"story","id":"form-controls-text--disabled","name":"Disabled","title":"Form/Controls/Text","importPath":"./src/components/Form/Controls/Text/Text.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-text--read-only":{"type":"story","id":"form-controls-text--read-only","name":"Read Only","title":"Form/Controls/Text","importPath":"./src/components/Form/Controls/Text/Text.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-text--focused":{"type":"story","id":"form-controls-text--focused","name":"Focused","title":"Form/Controls/Text","importPath":"./src/components/Form/Controls/Text/Text.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-text--invalid":{"type":"story","id":"form-controls-text--invalid","name":"Invalid","title":"Form/Controls/Text","importPath":"./src/components/Form/Controls/Text/Text.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-toggle--docs":{"id":"form-controls-toggle--docs","title":"Form/Controls/Toggle","name":"Docs","importPath":"./src/components/Form/Controls/Toggle/Toggle.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"form-controls-toggle--unchecked":{"type":"story","id":"form-controls-toggle--unchecked","name":"Unchecked","title":"Form/Controls/Toggle","importPath":"./src/components/Form/Controls/Toggle/Toggle.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-toggle--checked":{"type":"story","id":"form-controls-toggle--checked","name":"Checked","title":"Form/Controls/Toggle","importPath":"./src/components/Form/Controls/Toggle/Toggle.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-toggle--disabled-unchecked":{"type":"story","id":"form-controls-toggle--disabled-unchecked","name":"Disabled Unchecked","title":"Form/Controls/Toggle","importPath":"./src/components/Form/Controls/Toggle/Toggle.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-toggle--disabled-checked":{"type":"story","id":"form-controls-toggle--disabled-checked","name":"Disabled Checked","title":"Form/Controls/Toggle","importPath":"./src/components/Form/Controls/Toggle/Toggle.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-toggle--readonly-unchecked":{"type":"story","id":"form-controls-toggle--readonly-unchecked","name":"Readonly Unchecked","title":"Form/Controls/Toggle","importPath":"./src/components/Form/Controls/Toggle/Toggle.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-toggle--readonly-checked":{"type":"story","id":"form-controls-toggle--readonly-checked","name":"Readonly Checked","title":"Form/Controls/Toggle","importPath":"./src/components/Form/Controls/Toggle/Toggle.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-toggle--focused":{"type":"story","id":"form-controls-toggle--focused","name":"Focused","title":"Form/Controls/Toggle","importPath":"./src/components/Form/Controls/Toggle/Toggle.stories.tsx","tags":["dev","test","autodocs"]},"form-kitchen-sink--docs":{"id":"form-kitchen-sink--docs","title":"Form/Kitchen Sink","name":"Docs","importPath":"./src/components/Form/Form.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"form-kitchen-sink--normal":{"type":"story","id":"form-kitchen-sink--normal","name":"Normal","title":"Form/Kitchen Sink","importPath":"./src/components/Form/Form.stories.tsx","tags":["dev","test","autodocs"]},"form-kitchen-sink--disabled":{"type":"story","id":"form-kitchen-sink--disabled","name":"Disabled","title":"Form/Kitchen Sink","importPath":"./src/components/Form/Form.stories.tsx","tags":["dev","test","autodocs"]},"form-kitchen-sink--read-only":{"type":"story","id":"form-kitchen-sink--read-only","name":"Read Only","title":"Form/Kitchen Sink","importPath":"./src/components/Form/Form.stories.tsx","tags":["dev","test","autodocs"]},"form-kitchen-sink--invalid":{"type":"story","id":"form-kitchen-sink--invalid","name":"Invalid","title":"Form/Kitchen Sink","importPath":"./src/components/Form/Form.stories.tsx","tags":["dev","test","autodocs"]},"glass--docs":{"id":"glass--docs","title":"Glass","name":"Docs","importPath":"./src/components/Glass/Glass.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"glass--glass":{"type":"story","id":"glass--glass","name":"Glass","title":"Glass","importPath":"./src/components/Glass/Glass.stories.tsx","tags":["dev","test","autodocs"]},"icon--docs":{"id":"icon--docs","title":"Icon","name":"Docs","importPath":"./src/components/Icon/Icon.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"icon--icon":{"type":"story","id":"icon--icon","name":"Icon","title":"Icon","importPath":"./src/components/Icon/Icon.stories.tsx","tags":["dev","test","autodocs"]},"icon-indicatoricon--docs":{"id":"icon-indicatoricon--docs","title":"Icon/IndicatorIcon","name":"Docs","importPath":"./src/components/Icon/IndicatorIcon/IndicatorIcon.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"icon-indicatoricon--demo":{"type":"story","id":"icon-indicatoricon--demo","name":"Demo","title":"Icon/IndicatorIcon","importPath":"./src/components/Icon/IndicatorIcon/IndicatorIcon.stories.tsx","tags":["dev","test","autodocs"]},"icon-indicatoricon--default":{"type":"story","id":"icon-indicatoricon--default","name":"Default","title":"Icon/IndicatorIcon","importPath":"./src/components/Icon/IndicatorIcon/IndicatorIcon.stories.tsx","tags":["dev","test","autodocs"]},"icon-indicatoricon--with-indicator":{"type":"story","id":"icon-indicatoricon--with-indicator","name":"With Indicator","title":"Icon/IndicatorIcon","importPath":"./src/components/Icon/IndicatorIcon/IndicatorIcon.stories.tsx","tags":["dev","test","autodocs"]},"icon-indicatoricon--with-success-indicator":{"type":"story","id":"icon-indicatoricon--with-success-indicator","name":"With Success Indicator","title":"Icon/IndicatorIcon","importPath":"./src/components/Icon/IndicatorIcon/IndicatorIcon.stories.tsx","tags":["dev","test","autodocs"]},"icon-indicatoricon--with-critical-indicator":{"type":"story","id":"icon-indicatoricon--with-critical-indicator","name":"With Critical Indicator","title":"Icon/IndicatorIcon","importPath":"./src/components/Icon/IndicatorIcon/IndicatorIcon.stories.tsx","tags":["dev","test","autodocs"]},"inlinespinner--docs":{"id":"inlinespinner--docs","title":"InlineSpinner","name":"Docs","importPath":"./src/components/InlineSpinner/InlineSpinner.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"inlinespinner--default":{"type":"story","id":"inlinespinner--default","name":"Default","title":"InlineSpinner","importPath":"./src/components/InlineSpinner/InlineSpinner.stories.tsx","tags":["dev","test","autodocs"]},"link--docs":{"id":"link--docs","title":"Link","name":"Docs","importPath":"./src/components/Link/Link.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"link--round":{"type":"story","id":"link--round","name":"Round","title":"Link","importPath":"./src/components/Link/Link.stories.tsx","tags":["dev","test","autodocs"]},"menu-contextmenu--docs":{"id":"menu-contextmenu--docs","title":"Menu/ContextMenu","name":"Docs","importPath":"./src/components/Menu/ContextMenu.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"menu-contextmenu--context-menu":{"type":"story","id":"menu-contextmenu--context-menu","name":"Context Menu","title":"Menu/ContextMenu","importPath":"./src/components/Menu/ContextMenu.stories.tsx","tags":["dev","test","autodocs"]},"menu-drawermenu--docs":{"id":"menu-drawermenu--docs","title":"Menu/DrawerMenu","name":"Docs","importPath":"./src/components/Menu/DrawerMenu.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"menu-drawermenu--drawer-menu":{"type":"story","id":"menu-drawermenu--drawer-menu","name":"Drawer Menu","title":"Menu/DrawerMenu","importPath":"./src/components/Menu/DrawerMenu.stories.tsx","tags":["dev","test","autodocs"]},"menu-floatingmenu--docs":{"id":"menu-floatingmenu--docs","title":"Menu/FloatingMenu","name":"Docs","importPath":"./src/components/Menu/FloatingMenu.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"menu-floatingmenu--floating-menu":{"type":"story","id":"menu-floatingmenu--floating-menu","name":"Floating Menu","title":"Menu/FloatingMenu","importPath":"./src/components/Menu/FloatingMenu.stories.tsx","tags":["dev","test","autodocs"]},"menu--docs":{"id":"menu--docs","title":"Menu","name":"Docs","importPath":"./src/components/Menu/Menu.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"menu--menu":{"type":"story","id":"menu--menu","name":"Menu","title":"Menu","importPath":"./src/components/Menu/Menu.stories.tsx","tags":["dev","test","autodocs"]},"menu--without-title":{"type":"story","id":"menu--without-title","name":"Without Title","title":"Menu","importPath":"./src/components/Menu/Menu.stories.tsx","tags":["dev","test","autodocs"]},"menu-menuitem--docs":{"id":"menu-menuitem--docs","title":"Menu/MenuItem","name":"Docs","importPath":"./src/components/Menu/MenuItem.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"menu-menuitem--example":{"type":"story","id":"menu-menuitem--example","name":"Example","title":"Menu/MenuItem","importPath":"./src/components/Menu/MenuItem.stories.tsx","tags":["dev","test","autodocs"]},"menu-menuitem--primary":{"type":"story","id":"menu-menuitem--primary","name":"Primary","title":"Menu/MenuItem","importPath":"./src/components/Menu/MenuItem.stories.tsx","tags":["dev","test","autodocs"]},"menu-menuitem--critical":{"type":"story","id":"menu-menuitem--critical","name":"Critical","title":"Menu/MenuItem","importPath":"./src/components/Menu/MenuItem.stories.tsx","tags":["dev","test","autodocs"]},"menu-menuitem--primary-disabled":{"type":"story","id":"menu-menuitem--primary-disabled","name":"Primary Disabled","title":"Menu/MenuItem","importPath":"./src/components/Menu/MenuItem.stories.tsx","tags":["dev","test","autodocs"]},"menu-menuitem--critical-disabled":{"type":"story","id":"menu-menuitem--critical-disabled","name":"Critical Disabled","title":"Menu/MenuItem","importPath":"./src/components/Menu/MenuItem.stories.tsx","tags":["dev","test","autodocs"]},"menu-menuitem--icon-is-component":{"type":"story","id":"menu-menuitem--icon-is-component","name":"Icon Is Component","title":"Menu/MenuItem","importPath":"./src/components/Menu/MenuItem.stories.tsx","tags":["dev","test","autodocs"]},"menu-menuitem--without-label":{"type":"story","id":"menu-menuitem--without-label","name":"Without Label","title":"Menu/MenuItem","importPath":"./src/components/Menu/MenuItem.stories.tsx","tags":["dev","test","autodocs"]},"menu-menuitem--with-a-long-label":{"type":"story","id":"menu-menuitem--with-a-long-label","name":"With A Long Label","title":"Menu/MenuItem","importPath":"./src/components/Menu/MenuItem.stories.tsx","tags":["dev","test","autodocs"]},"menu-menuitem--with-a-long-label-and-children":{"type":"story","id":"menu-menuitem--with-a-long-label-and-children","name":"With A Long Label And Children","title":"Menu/MenuItem","importPath":"./src/components/Menu/MenuItem.stories.tsx","tags":["dev","test","autodocs"]},"menu-togglemenuitem--docs":{"id":"menu-togglemenuitem--docs","title":"Menu/ToggleMenuItem","name":"Docs","importPath":"./src/components/Menu/ToggleMenuItem.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"menu-togglemenuitem--primary":{"type":"story","id":"menu-togglemenuitem--primary","name":"Primary","title":"Menu/ToggleMenuItem","importPath":"./src/components/Menu/ToggleMenuItem.stories.tsx","tags":["dev","test","autodocs"]},"release-announcement--docs":{"id":"release-announcement--docs","title":"Release Announcement","name":"Docs","importPath":"./src/components/ReleaseAnnouncement/ReleaseAnnouncement.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"release-announcement--default":{"type":"story","id":"release-announcement--default","name":"Default","title":"Release Announcement","importPath":"./src/components/ReleaseAnnouncement/ReleaseAnnouncement.stories.tsx","tags":["dev","test","autodocs"]},"release-announcement--multi-lines-content":{"type":"story","id":"release-announcement--multi-lines-content","name":"Multi Lines Content","title":"Release Announcement","importPath":"./src/components/ReleaseAnnouncement/ReleaseAnnouncement.stories.tsx","tags":["dev","test","autodocs"]},"release-announcement--bottom-placement":{"type":"story","id":"release-announcement--bottom-placement","name":"Bottom Placement","title":"Release Announcement","importPath":"./src/components/ReleaseAnnouncement/ReleaseAnnouncement.stories.tsx","tags":["dev","test","autodocs"]},"search--docs":{"id":"search--docs","title":"Search","name":"Docs","importPath":"./src/components/Search/Search.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"search--search":{"type":"story","id":"search--search","name":"Search","title":"Search","importPath":"./src/components/Search/Search.stories.tsx","tags":["dev","test","autodocs"]},"separator--docs":{"id":"separator--docs","title":"Separator","name":"Docs","importPath":"./src/components/Separator/Separator.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"separator--primary":{"type":"story","id":"separator--primary","name":"Primary","title":"Separator","importPath":"./src/components/Separator/Separator.stories.tsx","tags":["dev","test","autodocs"]},"separator--secondary":{"type":"story","id":"separator--secondary","name":"Secondary","title":"Separator","importPath":"./src/components/Separator/Separator.stories.tsx","tags":["dev","test","autodocs"]},"separator--section":{"type":"story","id":"separator--section","name":"Section","title":"Separator","importPath":"./src/components/Separator/Separator.stories.tsx","tags":["dev","test","autodocs"]},"toast--docs":{"id":"toast--docs","title":"Toast","name":"Docs","importPath":"./src/components/Toast/Toast.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"toast--default":{"type":"story","id":"toast--default","name":"Default","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["dev","test","autodocs"]},"tooltip--docs":{"id":"tooltip--docs","title":"Tooltip","name":"Docs","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"tooltip--placement":{"type":"story","id":"tooltip--placement","name":"Placement","title":"Tooltip","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","tags":["dev","test","autodocs"]},"tooltip--default":{"type":"story","id":"tooltip--default","name":"Default","title":"Tooltip","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","tags":["dev","test","autodocs"]},"tooltip--with-string-caption":{"type":"story","id":"tooltip--with-string-caption","name":"With String Caption","title":"Tooltip","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","tags":["dev","test","autodocs"]},"tooltip--with-component-caption":{"type":"story","id":"tooltip--with-component-caption","name":"With Component Caption","title":"Tooltip","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","tags":["dev","test","autodocs"]},"tooltip--forced-open":{"type":"story","id":"tooltip--forced-open","name":"Forced Open","title":"Tooltip","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","tags":["dev","test","autodocs"]},"tooltip--forced-close":{"type":"story","id":"tooltip--forced-close","name":"Forced Close","title":"Tooltip","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","tags":["dev","test","autodocs"]},"tooltip--forced-disabled":{"type":"story","id":"tooltip--forced-disabled","name":"Forced Disabled","title":"Tooltip","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","tags":["dev","test","autodocs"]},"tooltip--interactive-trigger":{"type":"story","id":"tooltip--interactive-trigger","name":"Interactive Trigger","title":"Tooltip","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","tags":["dev","test","autodocs"]},"tooltip--non-interactive-trigger":{"type":"story","id":"tooltip--non-interactive-trigger","name":"Non Interactive Trigger","title":"Tooltip","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","tags":["dev","test","autodocs"]},"typography--docs":{"id":"typography--docs","title":"Typography","name":"Docs","importPath":"./src/components/Typography/Heading.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":["./src/components/Typography/Text.stories.tsx"]},"typography--heading":{"type":"story","id":"typography--heading","name":"Heading","title":"Typography","importPath":"./src/components/Typography/Heading.stories.tsx","tags":["dev","test","autodocs"]},"typography--text":{"type":"story","id":"typography--text","name":"Text","title":"Typography","importPath":"./src/components/Typography/Text.stories.tsx","tags":["dev","test","autodocs"]},"typography--ligatures":{"type":"story","id":"typography--ligatures","name":"Ligatures","title":"Typography","importPath":"./src/components/Typography/Text.stories.tsx","tags":["dev","test","autodocs"]}}} +{"v":4,"entries":{"alert--docs":{"id":"alert--docs","title":"Alert","name":"Docs","importPath":"./src/components/Alert/Alert.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"alert--success":{"type":"story","id":"alert--success","name":"Success","title":"Alert","importPath":"./src/components/Alert/Alert.stories.tsx","tags":["dev","test","autodocs"]},"alert--critical":{"type":"story","id":"alert--critical","name":"Critical","title":"Alert","importPath":"./src/components/Alert/Alert.stories.tsx","tags":["dev","test","autodocs"]},"alert--info":{"type":"story","id":"alert--info","name":"Info","title":"Alert","importPath":"./src/components/Alert/Alert.stories.tsx","tags":["dev","test","autodocs"]},"alert--with-actions":{"type":"story","id":"alert--with-actions","name":"With Actions","title":"Alert","importPath":"./src/components/Alert/Alert.stories.tsx","tags":["dev","test","autodocs"]},"alert--without-close":{"type":"story","id":"alert--without-close","name":"Without Close","title":"Alert","importPath":"./src/components/Alert/Alert.stories.tsx","tags":["dev","test","autodocs"]},"avatar--docs":{"id":"avatar--docs","title":"Avatar","name":"Docs","importPath":"./src/components/Avatar/Avatar.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"avatar--round":{"type":"story","id":"avatar--round","name":"Round","title":"Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["dev","test","autodocs"]},"avatar--square":{"type":"story","id":"avatar--square","name":"Square","title":"Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["dev","test","autodocs"]},"avatar--button":{"type":"story","id":"avatar--button","name":"Button","title":"Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["dev","test","autodocs"]},"avatar--no-image-fallback":{"type":"story","id":"avatar--no-image-fallback","name":"No Image Fallback","title":"Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["dev","test","autodocs"]},"avatar--large-no-image-fallback":{"type":"story","id":"avatar--large-no-image-fallback","name":"Large No Image Fallback","title":"Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["dev","test","autodocs"]},"avatar--all-avatars":{"type":"story","id":"avatar--all-avatars","name":"All Avatars","title":"Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["dev","test","autodocs"]},"avatar-stackedavatar--docs":{"id":"avatar-stackedavatar--docs","title":"Avatar/StackedAvatar","name":"Docs","importPath":"./src/components/Avatar/AvatarStack.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"avatar-stackedavatar--avatar-stack":{"type":"story","id":"avatar-stackedavatar--avatar-stack","name":"Avatar Stack","title":"Avatar/StackedAvatar","importPath":"./src/components/Avatar/AvatarStack.stories.tsx","tags":["dev","test","autodocs"]},"badge--docs":{"id":"badge--docs","title":"Badge","name":"Docs","importPath":"./src/components/Badge/Badge.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"badge--badge":{"type":"story","id":"badge--badge","name":"Badge","title":"Badge","importPath":"./src/components/Badge/Badge.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--docs":{"id":"button-actions--docs","title":"Button/Actions","name":"Docs","importPath":"./src/components/Button/ActionButton.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"button-actions--settings":{"type":"story","id":"button-actions--settings","name":"Settings","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--share-link":{"type":"story","id":"button-actions--share-link","name":"Share Link","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--video-on":{"type":"story","id":"button-actions--video-on","name":"Video On","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--video-off":{"type":"story","id":"button-actions--video-off","name":"Video Off","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--mic-on":{"type":"story","id":"button-actions--mic-on","name":"Mic On","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--mic-off":{"type":"story","id":"button-actions--mic-off","name":"Mic Off","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--share-screen":{"type":"story","id":"button-actions--share-screen","name":"Share Screen","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--sharing-screen":{"type":"story","id":"button-actions--sharing-screen","name":"Sharing Screen","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--fullscreen":{"type":"story","id":"button-actions--fullscreen","name":"Fullscreen","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--end-call":{"type":"story","id":"button-actions--end-call","name":"End Call","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--invite":{"type":"story","id":"button-actions--invite","name":"Invite","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--edit":{"type":"story","id":"button-actions--edit","name":"Edit","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--search":{"type":"story","id":"button-actions--search","name":"Search","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--save":{"type":"story","id":"button-actions--save","name":"Save","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--save-disabled":{"type":"story","id":"button-actions--save-disabled","name":"Save Disabled","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--cancel":{"type":"story","id":"button-actions--cancel","name":"Cancel","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button-actions--close":{"type":"story","id":"button-actions--close","name":"Close","title":"Button/Actions","importPath":"./src/components/Button/ActionButton.stories.tsx","tags":["dev","test","autodocs"]},"button--docs":{"id":"button--docs","title":"Button","name":"Docs","importPath":"./src/components/Button/Button.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"button--default":{"type":"story","id":"button--default","name":"Default","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--small":{"type":"story","id":"button--small","name":"Small","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--primary":{"type":"story","id":"button--primary","name":"Primary","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--primary-destructive":{"type":"story","id":"button--primary-destructive","name":"Primary Destructive","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--secondary":{"type":"story","id":"button--secondary","name":"Secondary","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--secondary-destructive":{"type":"story","id":"button--secondary-destructive","name":"Secondary Destructive","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--tertiary":{"type":"story","id":"button--tertiary","name":"Tertiary","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--tertiary-destructive":{"type":"story","id":"button--tertiary-destructive","name":"Tertiary Destructive","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--with-icon":{"type":"story","id":"button--with-icon","name":"With Icon","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--small-with-icon":{"type":"story","id":"button--small-with-icon","name":"Small With Icon","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--disabled":{"type":"story","id":"button--disabled","name":"Disabled","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--link":{"type":"story","id":"button--link","name":"Link","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button--link-disabled":{"type":"story","id":"button--link-disabled","name":"Link Disabled","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["dev","test","autodocs"]},"button-iconbutton--docs":{"id":"button-iconbutton--docs","title":"Button/IconButton","name":"Docs","importPath":"./src/components/Button/IconButton/IconButton.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"button-iconbutton--demo":{"type":"story","id":"button-iconbutton--demo","name":"Demo","title":"Button/IconButton","importPath":"./src/components/Button/IconButton/IconButton.stories.tsx","tags":["dev","test","autodocs"]},"button-iconbutton--default":{"type":"story","id":"button-iconbutton--default","name":"Default","title":"Button/IconButton","importPath":"./src/components/Button/IconButton/IconButton.stories.tsx","tags":["dev","test","autodocs"]},"button-iconbutton--default-disabled":{"type":"story","id":"button-iconbutton--default-disabled","name":"Default Disabled","title":"Button/IconButton","importPath":"./src/components/Button/IconButton/IconButton.stories.tsx","tags":["dev","test","autodocs"]},"button-iconbutton--with-indicator":{"type":"story","id":"button-iconbutton--with-indicator","name":"With Indicator","title":"Button/IconButton","importPath":"./src/components/Button/IconButton/IconButton.stories.tsx","tags":["dev","test","autodocs"]},"button-iconbutton--with-indicator-disabled":{"type":"story","id":"button-iconbutton--with-indicator-disabled","name":"With Indicator Disabled","title":"Button/IconButton","importPath":"./src/components/Button/IconButton/IconButton.stories.tsx","tags":["dev","test","autodocs"]},"button-iconbutton--with-success-indicator":{"type":"story","id":"button-iconbutton--with-success-indicator","name":"With Success Indicator","title":"Button/IconButton","importPath":"./src/components/Button/IconButton/IconButton.stories.tsx","tags":["dev","test","autodocs"]},"button-iconbutton--with-critical-indicator":{"type":"story","id":"button-iconbutton--with-critical-indicator","name":"With Critical Indicator","title":"Button/IconButton","importPath":"./src/components/Button/IconButton/IconButton.stories.tsx","tags":["dev","test","autodocs"]},"button-iconbutton--with-label":{"type":"story","id":"button-iconbutton--with-label","name":"With Label","title":"Button/IconButton","importPath":"./src/components/Button/IconButton/IconButton.stories.tsx","tags":["dev","test","autodocs"]},"button-iconbutton--destructive":{"type":"story","id":"button-iconbutton--destructive","name":"Destructive","title":"Button/IconButton","importPath":"./src/components/Button/IconButton/IconButton.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-action--docs":{"id":"form-controls-action--docs","title":"Form/Controls/Action","name":"Docs","importPath":"./src/components/Form/Controls/Action/Action.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"form-controls-action--empty":{"type":"story","id":"form-controls-action--empty","name":"Empty","title":"Form/Controls/Action","importPath":"./src/components/Form/Controls/Action/Action.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-action--filled":{"type":"story","id":"form-controls-action--filled","name":"Filled","title":"Form/Controls/Action","importPath":"./src/components/Form/Controls/Action/Action.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-action--disabled":{"type":"story","id":"form-controls-action--disabled","name":"Disabled","title":"Form/Controls/Action","importPath":"./src/components/Form/Controls/Action/Action.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-action--read-only":{"type":"story","id":"form-controls-action--read-only","name":"Read Only","title":"Form/Controls/Action","importPath":"./src/components/Form/Controls/Action/Action.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-action--focused":{"type":"story","id":"form-controls-action--focused","name":"Focused","title":"Form/Controls/Action","importPath":"./src/components/Form/Controls/Action/Action.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-action--invalid":{"type":"story","id":"form-controls-action--invalid","name":"Invalid","title":"Form/Controls/Action","importPath":"./src/components/Form/Controls/Action/Action.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-checkbox--docs":{"id":"form-controls-checkbox--docs","title":"Form/Controls/Checkbox","name":"Docs","importPath":"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"form-controls-checkbox--unchecked":{"type":"story","id":"form-controls-checkbox--unchecked","name":"Unchecked","title":"Form/Controls/Checkbox","importPath":"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-checkbox--checked":{"type":"story","id":"form-controls-checkbox--checked","name":"Checked","title":"Form/Controls/Checkbox","importPath":"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-checkbox--disabled-unchecked":{"type":"story","id":"form-controls-checkbox--disabled-unchecked","name":"Disabled Unchecked","title":"Form/Controls/Checkbox","importPath":"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-checkbox--disabled-checked":{"type":"story","id":"form-controls-checkbox--disabled-checked","name":"Disabled Checked","title":"Form/Controls/Checkbox","importPath":"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-checkbox--readonly-unchecked":{"type":"story","id":"form-controls-checkbox--readonly-unchecked","name":"Readonly Unchecked","title":"Form/Controls/Checkbox","importPath":"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-checkbox--readonly-checked":{"type":"story","id":"form-controls-checkbox--readonly-checked","name":"Readonly Checked","title":"Form/Controls/Checkbox","importPath":"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-checkbox--invalid-unchecked":{"type":"story","id":"form-controls-checkbox--invalid-unchecked","name":"Invalid Unchecked","title":"Form/Controls/Checkbox","importPath":"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-checkbox--invalid-checked":{"type":"story","id":"form-controls-checkbox--invalid-checked","name":"Invalid Checked","title":"Form/Controls/Checkbox","importPath":"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-checkbox--focus":{"type":"story","id":"form-controls-checkbox--focus","name":"Focus","title":"Form/Controls/Checkbox","importPath":"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-editinplace--docs":{"id":"form-controls-editinplace--docs","title":"Form/Controls/EditInPlace","name":"Docs","importPath":"./src/components/Form/Controls/EditInPlace/EditInPlace.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"form-controls-editinplace--empty":{"type":"story","id":"form-controls-editinplace--empty","name":"Empty","title":"Form/Controls/EditInPlace","importPath":"./src/components/Form/Controls/EditInPlace/EditInPlace.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-editinplace--with-text":{"type":"story","id":"form-controls-editinplace--with-text","name":"With Text","title":"Form/Controls/EditInPlace","importPath":"./src/components/Form/Controls/EditInPlace/EditInPlace.stories.tsx","tags":["dev","test","autodocs","play-fn"]},"form-controls-editinplace--saving":{"type":"story","id":"form-controls-editinplace--saving","name":"Saving","title":"Form/Controls/EditInPlace","importPath":"./src/components/Form/Controls/EditInPlace/EditInPlace.stories.tsx","tags":["dev","test","autodocs","play-fn"]},"form-controls-editinplace--with-error":{"type":"story","id":"form-controls-editinplace--with-error","name":"With Error","title":"Form/Controls/EditInPlace","importPath":"./src/components/Form/Controls/EditInPlace/EditInPlace.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-editinplace--with-help-text":{"type":"story","id":"form-controls-editinplace--with-help-text","name":"With Help Text","title":"Form/Controls/EditInPlace","importPath":"./src/components/Form/Controls/EditInPlace/EditInPlace.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-mfa--docs":{"id":"form-controls-mfa--docs","title":"Form/Controls/MFA","name":"Docs","importPath":"./src/components/Form/Controls/MFA/MFA.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"form-controls-mfa--empty":{"type":"story","id":"form-controls-mfa--empty","name":"Empty","title":"Form/Controls/MFA","importPath":"./src/components/Form/Controls/MFA/MFA.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-mfa--filled":{"type":"story","id":"form-controls-mfa--filled","name":"Filled","title":"Form/Controls/MFA","importPath":"./src/components/Form/Controls/MFA/MFA.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-mfa--disabled":{"type":"story","id":"form-controls-mfa--disabled","name":"Disabled","title":"Form/Controls/MFA","importPath":"./src/components/Form/Controls/MFA/MFA.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-mfa--read-only":{"type":"story","id":"form-controls-mfa--read-only","name":"Read Only","title":"Form/Controls/MFA","importPath":"./src/components/Form/Controls/MFA/MFA.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-mfa--focus":{"type":"story","id":"form-controls-mfa--focus","name":"Focus","title":"Form/Controls/MFA","importPath":"./src/components/Form/Controls/MFA/MFA.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-mfa--invalid":{"type":"story","id":"form-controls-mfa--invalid","name":"Invalid","title":"Form/Controls/MFA","importPath":"./src/components/Form/Controls/MFA/MFA.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-password--docs":{"id":"form-controls-password--docs","title":"Form/Controls/Password","name":"Docs","importPath":"./src/components/Form/Controls/Password/Password.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"form-controls-password--empty":{"type":"story","id":"form-controls-password--empty","name":"Empty","title":"Form/Controls/Password","importPath":"./src/components/Form/Controls/Password/Password.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-password--filled":{"type":"story","id":"form-controls-password--filled","name":"Filled","title":"Form/Controls/Password","importPath":"./src/components/Form/Controls/Password/Password.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-password--disabled":{"type":"story","id":"form-controls-password--disabled","name":"Disabled","title":"Form/Controls/Password","importPath":"./src/components/Form/Controls/Password/Password.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-password--read-only":{"type":"story","id":"form-controls-password--read-only","name":"Read Only","title":"Form/Controls/Password","importPath":"./src/components/Form/Controls/Password/Password.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-password--focused":{"type":"story","id":"form-controls-password--focused","name":"Focused","title":"Form/Controls/Password","importPath":"./src/components/Form/Controls/Password/Password.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-password--invalid":{"type":"story","id":"form-controls-password--invalid","name":"Invalid","title":"Form/Controls/Password","importPath":"./src/components/Form/Controls/Password/Password.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-password--visible":{"type":"story","id":"form-controls-password--visible","name":"Visible","title":"Form/Controls/Password","importPath":"./src/components/Form/Controls/Password/Password.stories.tsx","tags":["dev","test","autodocs","play-fn"]},"form-controls-radio--docs":{"id":"form-controls-radio--docs","title":"Form/Controls/Radio","name":"Docs","importPath":"./src/components/Form/Controls/Radio/Radio.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"form-controls-radio--unchecked":{"type":"story","id":"form-controls-radio--unchecked","name":"Unchecked","title":"Form/Controls/Radio","importPath":"./src/components/Form/Controls/Radio/Radio.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-radio--checked":{"type":"story","id":"form-controls-radio--checked","name":"Checked","title":"Form/Controls/Radio","importPath":"./src/components/Form/Controls/Radio/Radio.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-radio--disabled-unchecked":{"type":"story","id":"form-controls-radio--disabled-unchecked","name":"Disabled Unchecked","title":"Form/Controls/Radio","importPath":"./src/components/Form/Controls/Radio/Radio.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-radio--disabled-checked":{"type":"story","id":"form-controls-radio--disabled-checked","name":"Disabled Checked","title":"Form/Controls/Radio","importPath":"./src/components/Form/Controls/Radio/Radio.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-radio--readonly-unchecked":{"type":"story","id":"form-controls-radio--readonly-unchecked","name":"Readonly Unchecked","title":"Form/Controls/Radio","importPath":"./src/components/Form/Controls/Radio/Radio.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-radio--readonly-checked":{"type":"story","id":"form-controls-radio--readonly-checked","name":"Readonly Checked","title":"Form/Controls/Radio","importPath":"./src/components/Form/Controls/Radio/Radio.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-radio--invalid-unchecked":{"type":"story","id":"form-controls-radio--invalid-unchecked","name":"Invalid Unchecked","title":"Form/Controls/Radio","importPath":"./src/components/Form/Controls/Radio/Radio.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-radio--invalid-checked":{"type":"story","id":"form-controls-radio--invalid-checked","name":"Invalid Checked","title":"Form/Controls/Radio","importPath":"./src/components/Form/Controls/Radio/Radio.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-radio--focus":{"type":"story","id":"form-controls-radio--focus","name":"Focus","title":"Form/Controls/Radio","importPath":"./src/components/Form/Controls/Radio/Radio.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-text--docs":{"id":"form-controls-text--docs","title":"Form/Controls/Text","name":"Docs","importPath":"./src/components/Form/Controls/Text/Text.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"form-controls-text--empty":{"type":"story","id":"form-controls-text--empty","name":"Empty","title":"Form/Controls/Text","importPath":"./src/components/Form/Controls/Text/Text.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-text--filled":{"type":"story","id":"form-controls-text--filled","name":"Filled","title":"Form/Controls/Text","importPath":"./src/components/Form/Controls/Text/Text.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-text--with-ligatures":{"type":"story","id":"form-controls-text--with-ligatures","name":"With Ligatures","title":"Form/Controls/Text","importPath":"./src/components/Form/Controls/Text/Text.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-text--disabled":{"type":"story","id":"form-controls-text--disabled","name":"Disabled","title":"Form/Controls/Text","importPath":"./src/components/Form/Controls/Text/Text.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-text--read-only":{"type":"story","id":"form-controls-text--read-only","name":"Read Only","title":"Form/Controls/Text","importPath":"./src/components/Form/Controls/Text/Text.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-text--focused":{"type":"story","id":"form-controls-text--focused","name":"Focused","title":"Form/Controls/Text","importPath":"./src/components/Form/Controls/Text/Text.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-text--invalid":{"type":"story","id":"form-controls-text--invalid","name":"Invalid","title":"Form/Controls/Text","importPath":"./src/components/Form/Controls/Text/Text.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-toggle--docs":{"id":"form-controls-toggle--docs","title":"Form/Controls/Toggle","name":"Docs","importPath":"./src/components/Form/Controls/Toggle/Toggle.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"form-controls-toggle--unchecked":{"type":"story","id":"form-controls-toggle--unchecked","name":"Unchecked","title":"Form/Controls/Toggle","importPath":"./src/components/Form/Controls/Toggle/Toggle.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-toggle--checked":{"type":"story","id":"form-controls-toggle--checked","name":"Checked","title":"Form/Controls/Toggle","importPath":"./src/components/Form/Controls/Toggle/Toggle.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-toggle--disabled-unchecked":{"type":"story","id":"form-controls-toggle--disabled-unchecked","name":"Disabled Unchecked","title":"Form/Controls/Toggle","importPath":"./src/components/Form/Controls/Toggle/Toggle.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-toggle--disabled-checked":{"type":"story","id":"form-controls-toggle--disabled-checked","name":"Disabled Checked","title":"Form/Controls/Toggle","importPath":"./src/components/Form/Controls/Toggle/Toggle.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-toggle--readonly-unchecked":{"type":"story","id":"form-controls-toggle--readonly-unchecked","name":"Readonly Unchecked","title":"Form/Controls/Toggle","importPath":"./src/components/Form/Controls/Toggle/Toggle.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-toggle--readonly-checked":{"type":"story","id":"form-controls-toggle--readonly-checked","name":"Readonly Checked","title":"Form/Controls/Toggle","importPath":"./src/components/Form/Controls/Toggle/Toggle.stories.tsx","tags":["dev","test","autodocs"]},"form-controls-toggle--focused":{"type":"story","id":"form-controls-toggle--focused","name":"Focused","title":"Form/Controls/Toggle","importPath":"./src/components/Form/Controls/Toggle/Toggle.stories.tsx","tags":["dev","test","autodocs"]},"form-kitchen-sink--docs":{"id":"form-kitchen-sink--docs","title":"Form/Kitchen Sink","name":"Docs","importPath":"./src/components/Form/Form.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"form-kitchen-sink--normal":{"type":"story","id":"form-kitchen-sink--normal","name":"Normal","title":"Form/Kitchen Sink","importPath":"./src/components/Form/Form.stories.tsx","tags":["dev","test","autodocs"]},"form-kitchen-sink--disabled":{"type":"story","id":"form-kitchen-sink--disabled","name":"Disabled","title":"Form/Kitchen Sink","importPath":"./src/components/Form/Form.stories.tsx","tags":["dev","test","autodocs"]},"form-kitchen-sink--read-only":{"type":"story","id":"form-kitchen-sink--read-only","name":"Read Only","title":"Form/Kitchen Sink","importPath":"./src/components/Form/Form.stories.tsx","tags":["dev","test","autodocs"]},"form-kitchen-sink--invalid":{"type":"story","id":"form-kitchen-sink--invalid","name":"Invalid","title":"Form/Kitchen Sink","importPath":"./src/components/Form/Form.stories.tsx","tags":["dev","test","autodocs"]},"glass--docs":{"id":"glass--docs","title":"Glass","name":"Docs","importPath":"./src/components/Glass/Glass.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"glass--glass":{"type":"story","id":"glass--glass","name":"Glass","title":"Glass","importPath":"./src/components/Glass/Glass.stories.tsx","tags":["dev","test","autodocs"]},"icon--docs":{"id":"icon--docs","title":"Icon","name":"Docs","importPath":"./src/components/Icon/Icon.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"icon--icon":{"type":"story","id":"icon--icon","name":"Icon","title":"Icon","importPath":"./src/components/Icon/Icon.stories.tsx","tags":["dev","test","autodocs"]},"icon-indicatoricon--docs":{"id":"icon-indicatoricon--docs","title":"Icon/IndicatorIcon","name":"Docs","importPath":"./src/components/Icon/IndicatorIcon/IndicatorIcon.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"icon-indicatoricon--demo":{"type":"story","id":"icon-indicatoricon--demo","name":"Demo","title":"Icon/IndicatorIcon","importPath":"./src/components/Icon/IndicatorIcon/IndicatorIcon.stories.tsx","tags":["dev","test","autodocs"]},"icon-indicatoricon--default":{"type":"story","id":"icon-indicatoricon--default","name":"Default","title":"Icon/IndicatorIcon","importPath":"./src/components/Icon/IndicatorIcon/IndicatorIcon.stories.tsx","tags":["dev","test","autodocs"]},"icon-indicatoricon--with-indicator":{"type":"story","id":"icon-indicatoricon--with-indicator","name":"With Indicator","title":"Icon/IndicatorIcon","importPath":"./src/components/Icon/IndicatorIcon/IndicatorIcon.stories.tsx","tags":["dev","test","autodocs"]},"icon-indicatoricon--with-success-indicator":{"type":"story","id":"icon-indicatoricon--with-success-indicator","name":"With Success Indicator","title":"Icon/IndicatorIcon","importPath":"./src/components/Icon/IndicatorIcon/IndicatorIcon.stories.tsx","tags":["dev","test","autodocs"]},"icon-indicatoricon--with-critical-indicator":{"type":"story","id":"icon-indicatoricon--with-critical-indicator","name":"With Critical Indicator","title":"Icon/IndicatorIcon","importPath":"./src/components/Icon/IndicatorIcon/IndicatorIcon.stories.tsx","tags":["dev","test","autodocs"]},"inlinespinner--docs":{"id":"inlinespinner--docs","title":"InlineSpinner","name":"Docs","importPath":"./src/components/InlineSpinner/InlineSpinner.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"inlinespinner--default":{"type":"story","id":"inlinespinner--default","name":"Default","title":"InlineSpinner","importPath":"./src/components/InlineSpinner/InlineSpinner.stories.tsx","tags":["dev","test","autodocs"]},"link--docs":{"id":"link--docs","title":"Link","name":"Docs","importPath":"./src/components/Link/Link.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"link--round":{"type":"story","id":"link--round","name":"Round","title":"Link","importPath":"./src/components/Link/Link.stories.tsx","tags":["dev","test","autodocs"]},"menu-contextmenu--docs":{"id":"menu-contextmenu--docs","title":"Menu/ContextMenu","name":"Docs","importPath":"./src/components/Menu/ContextMenu.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"menu-contextmenu--context-menu":{"type":"story","id":"menu-contextmenu--context-menu","name":"Context Menu","title":"Menu/ContextMenu","importPath":"./src/components/Menu/ContextMenu.stories.tsx","tags":["dev","test","autodocs"]},"menu-drawermenu--docs":{"id":"menu-drawermenu--docs","title":"Menu/DrawerMenu","name":"Docs","importPath":"./src/components/Menu/DrawerMenu.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"menu-drawermenu--drawer-menu":{"type":"story","id":"menu-drawermenu--drawer-menu","name":"Drawer Menu","title":"Menu/DrawerMenu","importPath":"./src/components/Menu/DrawerMenu.stories.tsx","tags":["dev","test","autodocs"]},"menu-floatingmenu--docs":{"id":"menu-floatingmenu--docs","title":"Menu/FloatingMenu","name":"Docs","importPath":"./src/components/Menu/FloatingMenu.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"menu-floatingmenu--floating-menu":{"type":"story","id":"menu-floatingmenu--floating-menu","name":"Floating Menu","title":"Menu/FloatingMenu","importPath":"./src/components/Menu/FloatingMenu.stories.tsx","tags":["dev","test","autodocs"]},"menu--docs":{"id":"menu--docs","title":"Menu","name":"Docs","importPath":"./src/components/Menu/Menu.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"menu--menu":{"type":"story","id":"menu--menu","name":"Menu","title":"Menu","importPath":"./src/components/Menu/Menu.stories.tsx","tags":["dev","test","autodocs"]},"menu--without-title":{"type":"story","id":"menu--without-title","name":"Without Title","title":"Menu","importPath":"./src/components/Menu/Menu.stories.tsx","tags":["dev","test","autodocs"]},"menu-menuitem--docs":{"id":"menu-menuitem--docs","title":"Menu/MenuItem","name":"Docs","importPath":"./src/components/Menu/MenuItem.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"menu-menuitem--example":{"type":"story","id":"menu-menuitem--example","name":"Example","title":"Menu/MenuItem","importPath":"./src/components/Menu/MenuItem.stories.tsx","tags":["dev","test","autodocs"]},"menu-menuitem--primary":{"type":"story","id":"menu-menuitem--primary","name":"Primary","title":"Menu/MenuItem","importPath":"./src/components/Menu/MenuItem.stories.tsx","tags":["dev","test","autodocs"]},"menu-menuitem--critical":{"type":"story","id":"menu-menuitem--critical","name":"Critical","title":"Menu/MenuItem","importPath":"./src/components/Menu/MenuItem.stories.tsx","tags":["dev","test","autodocs"]},"menu-menuitem--primary-disabled":{"type":"story","id":"menu-menuitem--primary-disabled","name":"Primary Disabled","title":"Menu/MenuItem","importPath":"./src/components/Menu/MenuItem.stories.tsx","tags":["dev","test","autodocs"]},"menu-menuitem--critical-disabled":{"type":"story","id":"menu-menuitem--critical-disabled","name":"Critical Disabled","title":"Menu/MenuItem","importPath":"./src/components/Menu/MenuItem.stories.tsx","tags":["dev","test","autodocs"]},"menu-menuitem--icon-is-component":{"type":"story","id":"menu-menuitem--icon-is-component","name":"Icon Is Component","title":"Menu/MenuItem","importPath":"./src/components/Menu/MenuItem.stories.tsx","tags":["dev","test","autodocs"]},"menu-menuitem--without-label":{"type":"story","id":"menu-menuitem--without-label","name":"Without Label","title":"Menu/MenuItem","importPath":"./src/components/Menu/MenuItem.stories.tsx","tags":["dev","test","autodocs"]},"menu-menuitem--with-a-long-label":{"type":"story","id":"menu-menuitem--with-a-long-label","name":"With A Long Label","title":"Menu/MenuItem","importPath":"./src/components/Menu/MenuItem.stories.tsx","tags":["dev","test","autodocs"]},"menu-menuitem--with-a-long-label-and-children":{"type":"story","id":"menu-menuitem--with-a-long-label-and-children","name":"With A Long Label And Children","title":"Menu/MenuItem","importPath":"./src/components/Menu/MenuItem.stories.tsx","tags":["dev","test","autodocs"]},"menu-togglemenuitem--docs":{"id":"menu-togglemenuitem--docs","title":"Menu/ToggleMenuItem","name":"Docs","importPath":"./src/components/Menu/ToggleMenuItem.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"menu-togglemenuitem--primary":{"type":"story","id":"menu-togglemenuitem--primary","name":"Primary","title":"Menu/ToggleMenuItem","importPath":"./src/components/Menu/ToggleMenuItem.stories.tsx","tags":["dev","test","autodocs"]},"release-announcement--docs":{"id":"release-announcement--docs","title":"Release Announcement","name":"Docs","importPath":"./src/components/ReleaseAnnouncement/ReleaseAnnouncement.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"release-announcement--default":{"type":"story","id":"release-announcement--default","name":"Default","title":"Release Announcement","importPath":"./src/components/ReleaseAnnouncement/ReleaseAnnouncement.stories.tsx","tags":["dev","test","autodocs"]},"release-announcement--multi-lines-content":{"type":"story","id":"release-announcement--multi-lines-content","name":"Multi Lines Content","title":"Release Announcement","importPath":"./src/components/ReleaseAnnouncement/ReleaseAnnouncement.stories.tsx","tags":["dev","test","autodocs"]},"release-announcement--bottom-placement":{"type":"story","id":"release-announcement--bottom-placement","name":"Bottom Placement","title":"Release Announcement","importPath":"./src/components/ReleaseAnnouncement/ReleaseAnnouncement.stories.tsx","tags":["dev","test","autodocs"]},"search--docs":{"id":"search--docs","title":"Search","name":"Docs","importPath":"./src/components/Search/Search.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"search--search":{"type":"story","id":"search--search","name":"Search","title":"Search","importPath":"./src/components/Search/Search.stories.tsx","tags":["dev","test","autodocs"]},"separator--docs":{"id":"separator--docs","title":"Separator","name":"Docs","importPath":"./src/components/Separator/Separator.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"separator--primary":{"type":"story","id":"separator--primary","name":"Primary","title":"Separator","importPath":"./src/components/Separator/Separator.stories.tsx","tags":["dev","test","autodocs"]},"separator--secondary":{"type":"story","id":"separator--secondary","name":"Secondary","title":"Separator","importPath":"./src/components/Separator/Separator.stories.tsx","tags":["dev","test","autodocs"]},"separator--section":{"type":"story","id":"separator--section","name":"Section","title":"Separator","importPath":"./src/components/Separator/Separator.stories.tsx","tags":["dev","test","autodocs"]},"toast--docs":{"id":"toast--docs","title":"Toast","name":"Docs","importPath":"./src/components/Toast/Toast.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"toast--default":{"type":"story","id":"toast--default","name":"Default","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["dev","test","autodocs"]},"tooltip--docs":{"id":"tooltip--docs","title":"Tooltip","name":"Docs","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"tooltip--placement":{"type":"story","id":"tooltip--placement","name":"Placement","title":"Tooltip","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","tags":["dev","test","autodocs"]},"tooltip--default":{"type":"story","id":"tooltip--default","name":"Default","title":"Tooltip","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","tags":["dev","test","autodocs"]},"tooltip--with-string-caption":{"type":"story","id":"tooltip--with-string-caption","name":"With String Caption","title":"Tooltip","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","tags":["dev","test","autodocs"]},"tooltip--with-component-caption":{"type":"story","id":"tooltip--with-component-caption","name":"With Component Caption","title":"Tooltip","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","tags":["dev","test","autodocs"]},"tooltip--forced-open":{"type":"story","id":"tooltip--forced-open","name":"Forced Open","title":"Tooltip","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","tags":["dev","test","autodocs"]},"tooltip--forced-close":{"type":"story","id":"tooltip--forced-close","name":"Forced Close","title":"Tooltip","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","tags":["dev","test","autodocs"]},"tooltip--forced-disabled":{"type":"story","id":"tooltip--forced-disabled","name":"Forced Disabled","title":"Tooltip","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","tags":["dev","test","autodocs"]},"tooltip--interactive-trigger":{"type":"story","id":"tooltip--interactive-trigger","name":"Interactive Trigger","title":"Tooltip","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","tags":["dev","test","autodocs"]},"tooltip--non-interactive-trigger":{"type":"story","id":"tooltip--non-interactive-trigger","name":"Non Interactive Trigger","title":"Tooltip","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","tags":["dev","test","autodocs"]},"typography--docs":{"id":"typography--docs","title":"Typography","name":"Docs","importPath":"./src/components/Typography/Heading.stories.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":["./src/components/Typography/Text.stories.tsx"]},"typography--heading":{"type":"story","id":"typography--heading","name":"Heading","title":"Typography","importPath":"./src/components/Typography/Heading.stories.tsx","tags":["dev","test","autodocs"]},"typography--text":{"type":"story","id":"typography--text","name":"Text","title":"Typography","importPath":"./src/components/Typography/Text.stories.tsx","tags":["dev","test","autodocs"]},"typography--ligatures":{"type":"story","id":"typography--ligatures","name":"Ligatures","title":"Typography","importPath":"./src/components/Typography/Text.stories.tsx","tags":["dev","test","autodocs"]}}} diff --git a/project.json b/project.json index 5b0c64da..6e08312a 100644 --- a/project.json +++ b/project.json @@ -1 +1 @@ -{"generatedAt":1719307479455,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"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","storybookVersion":"8.1.1","storybookVersionSpecifier":"^8.1.1","language":"typescript","storybookPackages":{"@storybook/addon-a11y":{"version":"8.1.1"},"@storybook/manager-api":{"version":"8.1.1"},"@storybook/react":{"version":"8.1.1"},"@storybook/react-vite":{"version":"8.1.1"},"@storybook/test":{"version":"8.1.1"},"eslint-plugin-storybook":{"version":"0.6.14"},"storybook":{"version":"8.1.1"}},"addons":{"@storybook/addon-links":{"version":"8.1.1"},"@storybook/addon-essentials":{"version":"8.1.1"},"@storybook/addon-interactions":{"version":"8.1.1"},"@storybook/addon-designs":{"version":"8.0.1"},"@storybook/addon-themes":{"version":"8.1.1"}}} +{"generatedAt":1719490829671,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"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","storybookVersion":"8.1.1","storybookVersionSpecifier":"^8.1.1","language":"typescript","storybookPackages":{"@storybook/addon-a11y":{"version":"8.1.1"},"@storybook/manager-api":{"version":"8.1.1"},"@storybook/react":{"version":"8.1.1"},"@storybook/react-vite":{"version":"8.1.1"},"@storybook/test":{"version":"8.1.1"},"eslint-plugin-storybook":{"version":"0.6.14"},"storybook":{"version":"8.1.1"}},"addons":{"@storybook/addon-links":{"version":"8.1.1"},"@storybook/addon-essentials":{"version":"8.1.1"},"@storybook/addon-interactions":{"version":"8.1.1"},"@storybook/addon-designs":{"version":"8.0.1"},"@storybook/addon-themes":{"version":"8.1.1"}}}