diff --git a/assets/Action-CbfS63IH.js b/assets/Action-lVpIJAKN.js similarity index 74% rename from assets/Action-CbfS63IH.js rename to assets/Action-lVpIJAKN.js index bbc788c4..5c1abb41 100644 --- a/assets/Action-CbfS63IH.js +++ b/assets/Action-lVpIJAKN.js @@ -1,9 +1,9 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{c as h}from"./index-lhGYx47h.js";import{r as i}from"./index-DRjF_FHU.js";import{C as f}from"./index-2SmsnS5l.js";import{a as b}from"./Tooltip-B6Zstkea.js";import{T as g}from"./Text-CZnraUGE.js";const y="_container_1qov4_17",_="_control_1qov4_22",x="_action_1qov4_33",a={container:y,control:_,action:x},r=i.forwardRef(function({Icon:n,className:o,actionLabel:c,onActionClick:u,...d},p){const l=i.useId(),m=h(a.container,o);return e.jsxs("div",{className:m,id:l,children:[e.jsx(g,{ref:p,...d,className:a.control}),e.jsx(b,{label:c,children:e.jsx("button",{type:"button",className:a.action,onClick:u,"aria-controls":l,children:e.jsx(n,{"aria-hidden":!0})})})]})}),s=i.forwardRef(function(n,o){return e.jsx(f,{asChild:!0,children:e.jsx(r,{ref:o,...n})})});try{r.displayName="ActionInput",r.__docgenInfo={description:`A generic input with an action icon on the right hand side. +import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{c as h}from"./index-lhGYx47h.js";import{r as i}from"./index-DRjF_FHU.js";import{C as f}from"./index-2SmsnS5l.js";import{a as b}from"./Tooltip-DWBiSZRI.js";import{T as g}from"./Text-CZnraUGE.js";const y="_container_1qov4_17",_="_control_1qov4_22",x="_action_1qov4_33",a={container:y,control:_,action:x},r=i.forwardRef(function({Icon:n,className:o,actionLabel:c,onActionClick:u,...d},p){const l=i.useId(),m=h(a.container,o);return e.jsxs("div",{className:m,id:l,children:[e.jsx(g,{ref:p,...d,className:a.control}),e.jsx(b,{label:c,children:e.jsx("button",{type:"button",className:a.action,onClick:u,"aria-controls":l,children:e.jsx(n,{"aria-hidden":!0})})})]})}),s=i.forwardRef(function(n,o){return e.jsx(f,{asChild:!0,children:e.jsx(r,{ref:o,...n})})});try{r.displayName="ActionInput",r.__docgenInfo={description:`A generic input with an action icon on the right hand side. You should rarely use it directly, -but it is powering the likes of "copy to clipboard input", "password reveal", ...`,displayName:"ActionInput",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},Icon:{defaultValue:null,description:"The React component to display on the right hand side of the icon.",name:"Icon",required:!0,type:{name:"FunctionComponent>"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text +but it is powering the likes of "copy to clipboard input", "password reveal", ...`,displayName:"ActionInput",props:{Icon:{defaultValue:null,description:"The React component to display on the right hand side of the icon.",name:"Icon",required:!0,type:{name:"FunctionComponent>"}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text For example on an in-place editing field https://github.com/rsms/inter/issues/222 -https://github.com/rsms/inter/blob/master/src/features/calt.fea`,name:"enableLigatures",required:!1,type:{name:"boolean"}},onActionClick:{defaultValue:null,description:"On click callback for the icon on the right hand side",name:"onActionClick",required:!0,type:{name:"(e: MouseEvent) => void"}},actionLabel:{defaultValue:null,description:'The name of the action to perform (e.g. "Copy to clipboard")',name:"actionLabel",required:!0,type:{name:"string"}}}}}catch{}try{s.displayName="ActionControl",s.__docgenInfo={description:"A styled text input wrapped in a `Control` component, for use in Radix forms.",displayName:"ActionControl",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},Icon:{defaultValue:null,description:"The React component to display on the right hand side of the icon.",name:"Icon",required:!0,type:{name:"FunctionComponent>"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text +https://github.com/rsms/inter/blob/master/src/features/calt.fea`,name:"enableLigatures",required:!1,type:{name:"boolean"}},onActionClick:{defaultValue:null,description:"On click callback for the icon on the right hand side",name:"onActionClick",required:!0,type:{name:"(e: MouseEvent) => void"}},actionLabel:{defaultValue:null,description:'The name of the action to perform (e.g. "Copy to clipboard")',name:"actionLabel",required:!0,type:{name:"string"}}}}}catch{}try{s.displayName="ActionControl",s.__docgenInfo={description:"A styled text input wrapped in a `Control` component, for use in Radix forms.",displayName:"ActionControl",props:{Icon:{defaultValue:null,description:"The React component to display on the right hand side of the icon.",name:"Icon",required:!0,type:{name:"FunctionComponent>"}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text For example on an in-place editing field https://github.com/rsms/inter/issues/222 https://github.com/rsms/inter/blob/master/src/features/calt.fea`,name:"enableLigatures",required:!1,type:{name:"boolean"}},onActionClick:{defaultValue:null,description:"On click callback for the icon on the right hand side",name:"onActionClick",required:!0,type:{name:"(e: MouseEvent) => void"}},actionLabel:{defaultValue:null,description:'The name of the action to perform (e.g. "Copy to clipboard")',name:"actionLabel",required:!0,type:{name:"string"}}}}}catch{}export{r as A}; diff --git a/assets/Action.stories-Cv7Vx1Xu.js b/assets/Action.stories-99aeL6-_.js similarity index 97% rename from assets/Action.stories-Cv7Vx1Xu.js rename to assets/Action.stories-99aeL6-_.js index dbf93156..ab2744da 100644 --- a/assets/Action.stories-Cv7Vx1Xu.js +++ b/assets/Action.stories-99aeL6-_.js @@ -1,4 +1,4 @@ -import{j as s}from"./jsx-runtime-DR9Q75dM.js";import{f as l}from"./index-JRK_GaCU.js";import{i}from"./index-DrexSNDm.js";import{T as c}from"./Tooltip-B6Zstkea.js";import{A as p}from"./Action-CbfS63IH.js";import{C as u}from"./check-BWxs5Tf9.js";import"./index-DRjF_FHU.js";import"./notifications-BEKrtwGv.js";import"./extensions-DRIHxRsb.js";import"./check-circle-solid-DvGH8qX5.js";import"./info-D9sKA_Xt.js";import"./chevron-down-vguALCSX.js";import"./chevron-left-BDLoE29P.js";import"./chevron-right-DND12YKW.js";import"./close-CWATPeIo.js";import"./error-DOy7ZFuJ.js";import"./key-CQb-bpaf.js";import"./search-DQyZo8im.js";import"./settings-xa_4DC6i.js";import"./spinner--mCkS-8r.js";import"./threads-CbVN7W51.js";import"./user-profile-cqTW1cHH.js";import"./visibility-on-BsZOuBEH.js";import"./warning-DNnCy5FR.js";import"./floating-ui.react-C0ln9j1M.js";import"./index-BvEl7W6R.js";import"./index-lhGYx47h.js";import"./index-2SmsnS5l.js";import"./index-CGa_gRws.js";import"./index-C8xBnYIG.js";import"./index-DlsBsfvk.js";import"./index-Ksfxd92j.js";import"./Text-CZnraUGE.js";const K={title:"Form/Controls/Action",component:p,tags:["autodocs"],parameters:{controls:{include:["onActionClick","defaultValue","placeholder","disabled","autoFocus","readOnly","invalid","actionLabel","Icon"]}},argTypes:{onActionClick:{action:"clicked"},defaultValue:{type:"string"},placeholder:{type:"string"},disabled:{type:"boolean"},autoFocus:{type:"boolean"},readOnly:{type:"boolean"},invalid:{type:"boolean"},actionLabel:{type:"string"},Icon:{options:Object.keys(i),mapping:i,defaultValue:"check",control:{type:"select"}}},render:({invalid:d,...m})=>s.jsx(c,{children:s.jsx(p,{"data-invalid":d||void 0,...m})}),args:{placeholder:"",autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1,actionLabel:"Action",onActionClick:l(),Icon:u}},e={parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4477"}}},o={args:{defaultValue:"Filled"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4536"}}},a={args:{defaultValue:"Disabled",disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4530"}}},n={args:{defaultValue:"Read only",readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2126-21984"}}},r={args:{autoFocus:!0}},t={args:{defaultValue:"Invalid",invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4514"}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ +import{j as s}from"./jsx-runtime-DR9Q75dM.js";import{f as l}from"./index-JRK_GaCU.js";import{i}from"./index-DrexSNDm.js";import{T as c}from"./Tooltip-DWBiSZRI.js";import{A as p}from"./Action-lVpIJAKN.js";import{C as u}from"./check-BWxs5Tf9.js";import"./index-DRjF_FHU.js";import"./notifications-BEKrtwGv.js";import"./extensions-DRIHxRsb.js";import"./check-circle-solid-DvGH8qX5.js";import"./info-D9sKA_Xt.js";import"./chevron-down-vguALCSX.js";import"./chevron-left-BDLoE29P.js";import"./chevron-right-DND12YKW.js";import"./close-CWATPeIo.js";import"./error-DOy7ZFuJ.js";import"./key-CQb-bpaf.js";import"./search-DQyZo8im.js";import"./settings-xa_4DC6i.js";import"./spinner--mCkS-8r.js";import"./threads-CbVN7W51.js";import"./user-profile-cqTW1cHH.js";import"./visibility-on-BsZOuBEH.js";import"./warning-DNnCy5FR.js";import"./floating-ui.react-C0ln9j1M.js";import"./index-BvEl7W6R.js";import"./index-lhGYx47h.js";import"./index-2SmsnS5l.js";import"./index-CGa_gRws.js";import"./index-C8xBnYIG.js";import"./index-DlsBsfvk.js";import"./index-Ksfxd92j.js";import"./Text-CZnraUGE.js";const K={title:"Form/Controls/Action",component:p,tags:["autodocs"],parameters:{controls:{include:["onActionClick","defaultValue","placeholder","disabled","autoFocus","readOnly","invalid","actionLabel","Icon"]}},argTypes:{onActionClick:{action:"clicked"},defaultValue:{type:"string"},placeholder:{type:"string"},disabled:{type:"boolean"},autoFocus:{type:"boolean"},readOnly:{type:"boolean"},invalid:{type:"boolean"},actionLabel:{type:"string"},Icon:{options:Object.keys(i),mapping:i,defaultValue:"check",control:{type:"select"}}},render:({invalid:d,...m})=>s.jsx(c,{children:s.jsx(p,{"data-invalid":d||void 0,...m})}),args:{placeholder:"",autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1,actionLabel:"Action",onActionClick:l(),Icon:u}},e={parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4477"}}},o={args:{defaultValue:"Filled"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4536"}}},a={args:{defaultValue:"Disabled",disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4530"}}},n={args:{defaultValue:"Read only",readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2126-21984"}}},r={args:{autoFocus:!0}},t={args:{defaultValue:"Invalid",invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4514"}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ parameters: { design: { type: "figma", diff --git a/assets/ActionButton.stories-Ba1ILiNz.js b/assets/ActionButton.stories-Db7s220i.js similarity index 99% rename from assets/ActionButton.stories-Ba1ILiNz.js rename to assets/ActionButton.stories-Db7s220i.js index d0d8f919..cdc9cd18 100644 --- a/assets/ActionButton.stories-Ba1ILiNz.js +++ b/assets/ActionButton.stories-Db7s220i.js @@ -1,4 +1,4 @@ -import{j as y}from"./jsx-runtime-DR9Q75dM.js";import{f as O}from"./index-JRK_GaCU.js";import{i as b,s as z,l as E,v as T,a as x,m as j,b as M,c as k,e as V,d as A,u as F,f as B}from"./index-DrexSNDm.js";import{B as L}from"./Button-BORixq-h.js";import{T as D,a as _}from"./Tooltip-B6Zstkea.js";import{S as P}from"./search-DQyZo8im.js";import{C as f}from"./check-BWxs5Tf9.js";import{C}from"./close-CWATPeIo.js";import"./index-DRjF_FHU.js";import"./notifications-BEKrtwGv.js";import"./extensions-DRIHxRsb.js";import"./check-circle-solid-DvGH8qX5.js";import"./info-D9sKA_Xt.js";import"./chevron-down-vguALCSX.js";import"./chevron-left-BDLoE29P.js";import"./chevron-right-DND12YKW.js";import"./error-DOy7ZFuJ.js";import"./key-CQb-bpaf.js";import"./settings-xa_4DC6i.js";import"./spinner--mCkS-8r.js";import"./threads-CbVN7W51.js";import"./user-profile-cqTW1cHH.js";import"./visibility-on-BsZOuBEH.js";import"./warning-DNnCy5FR.js";import"./index-lhGYx47h.js";import"./UnstyledButton-DuxpNl0e.js";import"./floating-ui.react-C0ln9j1M.js";import"./index-BvEl7W6R.js";const R=({label:h,...v})=>y.jsx(D,{children:y.jsx(_,{label:h,children:y.jsx(L,{iconOnly:!0,...v})})}),Se={title:"Button/Actions",component:R,tags:["autodocs"],argTypes:{label:{type:"string"},size:{options:["sm","lg"],control:{type:"inline-radio"}},kind:{options:["primary","secondary","tertiary"],control:{type:"inline-radio"}},destructive:{type:"boolean"},disabled:{type:"boolean"},as:{options:["a","button"],control:{type:"inline-radio"}},Icon:{options:Object.keys(b),mapping:b,control:{type:"select"}},onClick:{action:"onClick"}},args:{label:"Action",size:"lg",as:"button",destructive:!1,disabled:!1,onClick:O()},parameters:{controls:{exclude:["children"]}}},e={args:{label:"Settings",kind:"secondary",Icon:z}},r={args:{label:"Copy link",kind:"secondary",Icon:E}},n={args:{label:"Turn video off",kind:"secondary",Icon:T}},o={args:{label:"Turn video on",kind:"primary",Icon:x}},s={args:{label:"Turn mic off",kind:"secondary",Icon:j}},a={args:{label:"Turn mic on",kind:"primary",Icon:M}},c={args:{label:"Share screen",kind:"secondary",Icon:k}},i={args:{label:"Stop sharing screen",kind:"primary",Icon:k}},t={args:{label:"Full screen",kind:"secondary",Icon:V}},l={args:{label:"End call",kind:"primary",destructive:!0,Icon:A}},d={args:{label:"Invite",kind:"primary",size:"sm",Icon:F}},m={args:{label:"Edit",kind:"primary",size:"sm",Icon:B}},p={args:{label:"Search",kind:"secondary",size:"sm",Icon:P}},u={args:{label:"Save",kind:"primary",size:"sm",Icon:f}},S={args:{label:"Save",kind:"primary",size:"sm",Icon:f,disabled:!0}},g={args:{label:"Cancel",kind:"secondary",size:"sm",Icon:C}},I={args:{label:"Close",kind:"secondary",size:"sm",Icon:C}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ +import{j as y}from"./jsx-runtime-DR9Q75dM.js";import{f as O}from"./index-JRK_GaCU.js";import{i as b,s as z,l as E,v as T,a as x,m as j,b as M,c as k,e as V,d as A,u as F,f as B}from"./index-DrexSNDm.js";import{B as L}from"./Button-BORixq-h.js";import{T as D,a as _}from"./Tooltip-DWBiSZRI.js";import{S as P}from"./search-DQyZo8im.js";import{C as f}from"./check-BWxs5Tf9.js";import{C}from"./close-CWATPeIo.js";import"./index-DRjF_FHU.js";import"./notifications-BEKrtwGv.js";import"./extensions-DRIHxRsb.js";import"./check-circle-solid-DvGH8qX5.js";import"./info-D9sKA_Xt.js";import"./chevron-down-vguALCSX.js";import"./chevron-left-BDLoE29P.js";import"./chevron-right-DND12YKW.js";import"./error-DOy7ZFuJ.js";import"./key-CQb-bpaf.js";import"./settings-xa_4DC6i.js";import"./spinner--mCkS-8r.js";import"./threads-CbVN7W51.js";import"./user-profile-cqTW1cHH.js";import"./visibility-on-BsZOuBEH.js";import"./warning-DNnCy5FR.js";import"./index-lhGYx47h.js";import"./UnstyledButton-DuxpNl0e.js";import"./floating-ui.react-C0ln9j1M.js";import"./index-BvEl7W6R.js";const R=({label:h,...v})=>y.jsx(D,{children:y.jsx(_,{label:h,children:y.jsx(L,{iconOnly:!0,...v})})}),Se={title:"Button/Actions",component:R,tags:["autodocs"],argTypes:{label:{type:"string"},size:{options:["sm","lg"],control:{type:"inline-radio"}},kind:{options:["primary","secondary","tertiary"],control:{type:"inline-radio"}},destructive:{type:"boolean"},disabled:{type:"boolean"},as:{options:["a","button"],control:{type:"inline-radio"}},Icon:{options:Object.keys(b),mapping:b,control:{type:"select"}},onClick:{action:"onClick"}},args:{label:"Action",size:"lg",as:"button",destructive:!1,disabled:!1,onClick:O()},parameters:{controls:{exclude:["children"]}}},e={args:{label:"Settings",kind:"secondary",Icon:z}},r={args:{label:"Copy link",kind:"secondary",Icon:E}},n={args:{label:"Turn video off",kind:"secondary",Icon:T}},o={args:{label:"Turn video on",kind:"primary",Icon:x}},s={args:{label:"Turn mic off",kind:"secondary",Icon:j}},a={args:{label:"Turn mic on",kind:"primary",Icon:M}},c={args:{label:"Share screen",kind:"secondary",Icon:k}},i={args:{label:"Stop sharing screen",kind:"primary",Icon:k}},t={args:{label:"Full screen",kind:"secondary",Icon:V}},l={args:{label:"End call",kind:"primary",destructive:!0,Icon:A}},d={args:{label:"Invite",kind:"primary",size:"sm",Icon:F}},m={args:{label:"Edit",kind:"primary",size:"sm",Icon:B}},p={args:{label:"Search",kind:"secondary",size:"sm",Icon:P}},u={args:{label:"Save",kind:"primary",size:"sm",Icon:f}},S={args:{label:"Save",kind:"primary",size:"sm",Icon:f,disabled:!0}},g={args:{label:"Cancel",kind:"secondary",size:"sm",Icon:C}},I={args:{label:"Close",kind:"secondary",size:"sm",Icon:C}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ args: { label: "Settings", kind: "secondary", diff --git a/assets/Alert.stories-CsxIVrUm.js b/assets/Alert.stories-B2jqbb0c.js similarity index 95% rename from assets/Alert.stories-CsxIVrUm.js rename to assets/Alert.stories-B2jqbb0c.js index 6aaf5c40..c2817877 100644 --- a/assets/Alert.stories-CsxIVrUm.js +++ b/assets/Alert.stories-B2jqbb0c.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{B as u}from"./Button-BORixq-h.js";import{c as b}from"./index-lhGYx47h.js";import{r as q}from"./index-DRjF_FHU.js";import{C as v,I as C}from"./info-D9sKA_Xt.js";import{E as j}from"./error-DOy7ZFuJ.js";import{C as S}from"./close-CWATPeIo.js";import{T as p}from"./Text-Ca3mYoxg.js";import{I}from"./IconButton-3PxLUc9U.js";import"./UnstyledButton-DuxpNl0e.js";import"./Typography-f-oayws_.js";import"./IndicatorIcon-RjQ7x471.js";import"./Tooltip-B6Zstkea.js";import"./floating-ui.react-C0ln9j1M.js";import"./index-BvEl7W6R.js";const N="_alert_1bz08_19",A="_content_1bz08_46",w="_title_1bz08_57",z="_icon_1bz08_57",B="_actions_1bz08_73",t={alert:N,content:A,"text-content":"_text-content_1bz08_53",title:w,icon:z,actions:B},l=({type:o,title:g,children:h,className:f,actions:m,onClose:d,...x})=>{const y=b(t.alert,f),_=q.useCallback(c=>{switch(o){case"critical":return e.jsx(j,{...c});case"info":return e.jsx(C,{...c});case"success":return e.jsx(v,{...c})}},[o]);return e.jsxs("div",{...x,className:y,"data-type":o,children:[_({width:24,height:24,className:t.icon,"aria-hidden":!0}),e.jsxs("div",{className:t.content,children:[e.jsxs("div",{className:t["text-content"],children:[e.jsx(p,{size:"md",weight:"semibold",children:g}),e.jsx(p,{size:"sm",weight:"regular",children:h})]}),m&&e.jsx("div",{className:t.actions,children:m})]}),d&&e.jsx(I,{onClick:d,"aria-label":"Close",role:"button",className:t.close,children:e.jsx(S,{})})]})};try{l.displayName="Alert",l.__docgenInfo={description:"An alert component component that is dismissable when passing an `onClose`\nproperty.",displayName:"Alert",props:{type:{defaultValue:null,description:"The type of alert",name:"type",required:!0,type:{name:"enum",value:[{value:'"success"'},{value:'"critical"'},{value:'"info"'}]}},title:{defaultValue:null,description:"The headline of the alert.",name:"title",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},actions:{defaultValue:null,description:`Actions that will be displayed to the right of the content +import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{B as u}from"./Button-BORixq-h.js";import{c as b}from"./index-lhGYx47h.js";import{r as q}from"./index-DRjF_FHU.js";import{C as v,I as C}from"./info-D9sKA_Xt.js";import{E as j}from"./error-DOy7ZFuJ.js";import{C as S}from"./close-CWATPeIo.js";import{T as p}from"./Text-BvzksikX.js";import{I}from"./IconButton-z1dCC4vP.js";import"./UnstyledButton-DuxpNl0e.js";import"./Typography-DzhKoIWt.js";import"./IndicatorIcon-CKMK3E77.js";import"./Tooltip-DWBiSZRI.js";import"./floating-ui.react-C0ln9j1M.js";import"./index-BvEl7W6R.js";const N="_alert_1bz08_19",A="_content_1bz08_46",w="_title_1bz08_57",z="_icon_1bz08_57",B="_actions_1bz08_73",t={alert:N,content:A,"text-content":"_text-content_1bz08_53",title:w,icon:z,actions:B},l=({type:o,title:g,children:h,className:f,actions:m,onClose:d,...x})=>{const y=b(t.alert,f),_=q.useCallback(c=>{switch(o){case"critical":return e.jsx(j,{...c});case"info":return e.jsx(C,{...c});case"success":return e.jsx(v,{...c})}},[o]);return e.jsxs("div",{...x,className:y,"data-type":o,children:[_({width:24,height:24,className:t.icon,"aria-hidden":!0}),e.jsxs("div",{className:t.content,children:[e.jsxs("div",{className:t["text-content"],children:[e.jsx(p,{size:"md",weight:"semibold",children:g}),e.jsx(p,{size:"sm",weight:"regular",children:h})]}),m&&e.jsx("div",{className:t.actions,children:m})]}),d&&e.jsx(I,{onClick:d,"aria-label":"Close",role:"button",className:t.close,children:e.jsx(S,{})})]})};try{l.displayName="Alert",l.__docgenInfo={description:"An alert component component that is dismissable when passing an `onClose`\nproperty.",displayName:"Alert",props:{type:{defaultValue:null,description:"The type of alert",name:"type",required:!0,type:{name:"enum",value:[{value:'"success"'},{value:'"critical"'},{value:'"info"'}]}},title:{defaultValue:null,description:"The headline of the alert.",name:"title",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},actions:{defaultValue:null,description:`Actions that will be displayed to the right of the content Wraps and stacks actions under content when alert's size is <=600px eg \`\`\` diff --git a/assets/Avatar-Bru8WDRV.js b/assets/Avatar-BPJ7Tfaa.js similarity index 84% rename from assets/Avatar-Bru8WDRV.js rename to assets/Avatar-BPJ7Tfaa.js index 5f1fddfd..a76d5aa6 100644 --- a/assets/Avatar-Bru8WDRV.js +++ b/assets/Avatar-BPJ7Tfaa.js @@ -1,2 +1,2 @@ import{j as m}from"./jsx-runtime-DR9Q75dM.js";import{c as d}from"./index-lhGYx47h.js";import{r as f,R as u}from"./index-DRjF_FHU.js";const v="@",h="#",y="+",A=new Intl.Segmenter;function I(a){if(a.length<1)return"";const e=a[0];[v,h,y].includes(e)&&(a=a.substring(1));const t=A.segment(a)[Symbol.iterator]().next();return t.done?"":t.value.segment}const R="_avatar_mcap2_17",M="_image_mcap2_50",o={avatar:R,image:M,"avatar-imageless":"_avatar-imageless_mcap2_61","stacked-avatars":"_stacked-avatars_mcap2_111","clip-path":"_clip-path_mcap2_130"};function S(a){return a.split("").reduce((r,n)=>r+n.charCodeAt(0),0)%6+1}function x(a){return!!(a.onClick||a.onKeyDown||a.onKeyUp)}const p=f.forwardRef(function({src:e,id:t,name:i="",type:r="round",className:n="",size:s,style:c={},onError:_,...l},g){return u.createElement(x(l)?"button":"span",{ref:g,role:"img","aria-label":t,...l,"data-type":r,"data-color":S(t),className:d(o.avatar,n,{[o["avatar-imageless"]]:!e}),style:{...c,"--cpd-avatar-size":s}},m.jsx(u.Fragment,{children:e?m.jsx("img",{loading:"lazy",alt:"",src:e,referrerPolicy:"no-referrer",className:d(o.image),"data-type":r,style:c,width:s,height:s,onError:_}):I(i)}))});try{p.displayName="Avatar",p.__docgenInfo={description:`Avatar component that will fallback to an initial letter over a coloured -background if no source is provided or if the source has failed to load.`,displayName:"Avatar",props:{src:{defaultValue:null,description:"The avatar image URL, if any.",name:"src",required:!1,type:{name:"string"}},size:{defaultValue:null,description:'The avatar size in CSS units, e.g. `"24px"`.',name:"size",required:!1,type:{name:"string"}}}}}catch{}export{p as A,o as s}; +background if no source is provided or if the source has failed to load.`,displayName:"Avatar",props:{size:{defaultValue:null,description:'The avatar size in CSS units, e.g. `"24px"`.',name:"size",required:!1,type:{name:"string"}},src:{defaultValue:null,description:"The avatar image URL, if any.",name:"src",required:!1,type:{name:"string"}}}}}catch{}export{p as A,o as s}; diff --git a/assets/Avatar.stories-qHFB6lG3.js b/assets/Avatar.stories-DKfLf0fr.js similarity index 97% rename from assets/Avatar.stories-qHFB6lG3.js rename to assets/Avatar.stories-DKfLf0fr.js index 4cc49d20..20dca1ac 100644 --- a/assets/Avatar.stories-qHFB6lG3.js +++ b/assets/Avatar.stories-DKfLf0fr.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-DR9Q75dM.js";import{A as a}from"./Avatar-Bru8WDRV.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";const u={title:"Avatar",component:a,tags:["autodocs"],argTypes:{},args:{name:"Bob",size:"64px",id:"@bob:example.org",src:"/images/__test__/kitten.jpg",type:"round"}},s={args:{type:"round"}},o={args:{type:"square"}},n={args:{type:"round",onClick:()=>console.log("clicked!")}},t={args:{src:""}},c={args:{src:"",size:"128px"}},p={args:{src:"",size:"36px"},render:e=>r.jsxs(r.Fragment,{children:[r.jsx(a,{...e,id:"1"})," ",r.jsx(a,{...e,id:"2"})," ",r.jsx(a,{...e,id:"3"})," ",r.jsx(a,{...e,id:"4"})," ",r.jsx(a,{...e,id:"5"})," ",r.jsx(a,{...e,id:"6"})," "]})};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{ +import{j as r}from"./jsx-runtime-DR9Q75dM.js";import{A as a}from"./Avatar-BPJ7Tfaa.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";const u={title:"Avatar",component:a,tags:["autodocs"],argTypes:{},args:{name:"Bob",size:"64px",id:"@bob:example.org",src:"/images/__test__/kitten.jpg",type:"round"}},s={args:{type:"round"}},o={args:{type:"square"}},n={args:{type:"round",onClick:()=>console.log("clicked!")}},t={args:{src:""}},c={args:{src:"",size:"128px"}},p={args:{src:"",size:"36px"},render:e=>r.jsxs(r.Fragment,{children:[r.jsx(a,{...e,id:"1"})," ",r.jsx(a,{...e,id:"2"})," ",r.jsx(a,{...e,id:"3"})," ",r.jsx(a,{...e,id:"4"})," ",r.jsx(a,{...e,id:"5"})," ",r.jsx(a,{...e,id:"6"})," "]})};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{ args: { type: "round" } diff --git a/assets/AvatarStack.stories-h38V2i3w.js b/assets/AvatarStack.stories-Bh4Nry_2.js similarity index 97% rename from assets/AvatarStack.stories-h38V2i3w.js rename to assets/AvatarStack.stories-Bh4Nry_2.js index d32a0a50..9a39b194 100644 --- a/assets/AvatarStack.stories-h38V2i3w.js +++ b/assets/AvatarStack.stories-Bh4Nry_2.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{c as p}from"./index-lhGYx47h.js";import{r as l}from"./index-DRjF_FHU.js";import{s as r,A as i}from"./Avatar-Bru8WDRV.js";const m=`)/,sM=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,N1=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,uM=/^\{.*\}$/,cM=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,dM=/^<([^ >]+@[^ >]+)>/,pM=/^<([^ >]+:\/[^ >]+)>/,fM=/-([a-z])?/gi,K9=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,hM=/^\[([^\]]*)\]:\s+]+)>?\s*("([^"]*)")?/,mM=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,gM=/^\[([^\]]*)\] ?\[([^\]]*)\]/,vM=/(\[|\])/g,yM=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,bM=/\t/g,wM=/^ *\| */,EM=/(^ *\||\| *$)/g,xM=/ *$/,DM=/^ *:-+: *$/,CM=/^ *:-+ *$/,SM=/^ *-+: *$/,fu="((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~~.*?~~|==.*?==|.|\\n)*?)",kM=new RegExp(`^([*_])\\1${fu}\\1\\1(?!\\1)`),AM=new RegExp(`^([*_])${fu}\\1(?!\\1|\\w)`),FM=new RegExp(`^==${fu}==`),_M=new RegExp(`^~~${fu}~~`),RM=/^\\([^0-9A-Za-z\s])/,IM=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&#;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,TM=/^\n+/,BM=/^([ \t]*)/,zM=/\\([^\\])/g,S4=/ *\n+$/,LM=/(?:^|\n)( *)$/,Qf="(?:\\d+\\.)",eh="(?:[*+-])";function Z9(e){return"( *)("+(e===1?Qf:eh)+") +"}var J9=Z9(1),X9=Z9(2);function Q9(e){return new RegExp("^"+(e===1?J9:X9))}var OM=Q9(1),MM=Q9(2);function ex(e){return new RegExp("^"+(e===1?J9:X9)+"[^\\n]*(?:\\n(?!\\1"+(e===1?Qf:eh)+" )[^\\n]*)*(\\n|$)","gm")}var tx=ex(1),rx=ex(2);function nx(e){let t=e===1?Qf:eh;return new RegExp("^( *)("+t+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+t+" (?!"+t+" ))\\n*|\\s*\\n*$)")}var ax=nx(1),ox=nx(2);function k4(e,t){let r=t===1,n=r?ax:ox,a=r?tx:rx,o=r?OM:MM;return{match(i,s,c){let d=LM.exec(c);return d&&(s.list||!s.inline&&!s.simple)?n.exec(i=d[1]+i):null},order:1,parse(i,s,c){let d=r?+i[2]:void 0,p=i[0].replace(KO,` +`};function qL(){for(var e=arguments.length,t=new Array(e),r=0;r1?a-1:0),i=1;i=0&&a<1?(s=o,c=i):a>=1&&a<2?(s=i,c=o):a>=2&&a<3?(c=o,d=i):a>=3&&a<4?(c=i,d=o):a>=4&&a<5?(s=i,d=o):a>=5&&a<6&&(s=o,d=i);var p=r-o/2,m=s+p,h=c+p,f=d+p;return n(m,h,f)}var b4={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 GL(e){if(typeof e!="string")return e;var t=e.toLowerCase();return b4[t]?"#"+b4[t]:e}var YL=/^#[a-fA-F0-9]{6}$/,KL=/^#[a-fA-F0-9]{8}$/,ZL=/^#[a-fA-F0-9]{3}$/,JL=/^#[a-fA-F0-9]{4}$/,N0=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,XL=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,QL=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,eO=/^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 uu(e){if(typeof e!="string")throw new Ot(3);var t=GL(e);if(t.match(YL))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(KL)){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(ZL))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(JL)){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=N0.exec(t);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var o=XL.exec(t.substring(0,50));if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10),alpha:parseFloat(""+o[4])>1?parseFloat(""+o[4])/100:parseFloat(""+o[4])};var i=QL.exec(t);if(i){var s=parseInt(""+i[1],10),c=parseInt(""+i[2],10)/100,d=parseInt(""+i[3],10)/100,p="rgb("+qo(s,c,d)+")",m=N0.exec(p);if(!m)throw new Ot(4,t,p);return{red:parseInt(""+m[1],10),green:parseInt(""+m[2],10),blue:parseInt(""+m[3],10)}}var h=eO.exec(t.substring(0,50));if(h){var f=parseInt(""+h[1],10),v=parseInt(""+h[2],10)/100,g=parseInt(""+h[3],10)/100,w="rgb("+qo(f,v,g)+")",x=N0.exec(w);if(!x)throw new Ot(4,t,w);return{red:parseInt(""+x[1],10),green:parseInt(""+x[2],10),blue:parseInt(""+x[3],10),alpha:parseFloat(""+h[4])>1?parseFloat(""+h[4])/100:parseFloat(""+h[4])}}throw new Ot(5)}function tO(e){var t=e.red/255,r=e.green/255,n=e.blue/255,a=Math.max(t,r,n),o=Math.min(t,r,n),i=(a+o)/2;if(a===o)return e.alpha!==void 0?{hue:0,saturation:0,lightness:i,alpha:e.alpha}:{hue:0,saturation:0,lightness:i};var s,c=a-o,d=i>.5?c/(2-a-o):c/(a+o);switch(a){case t:s=(r-n)/c+(r=1?cs(e,t,r):"rgba("+qo(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?cs(e.hue,e.saturation,e.lightness):"rgba("+qo(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new Ot(2)}function M1(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return O1("#"+Yr(e)+Yr(t)+Yr(r));if(typeof e=="object"&&t===void 0&&r===void 0)return O1("#"+Yr(e.red)+Yr(e.green)+Yr(e.blue));throw new Ot(6)}function nr(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var a=uu(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?M1(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?M1(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new Ot(7)}var iO=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},lO=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},sO=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},uO=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function L9(e){if(typeof e!="object")throw new Ot(8);if(lO(e))return nr(e);if(iO(e))return M1(e);if(uO(e))return oO(e);if(sO(e))return aO(e);throw new Ot(8)}function O9(e,t,r){return function(){var n=r.concat(Array.prototype.slice.call(arguments));return n.length>=t?e.apply(this,n):O9(e,t,n)}}function cu(e){return O9(e,e.length,[])}function du(e,t,r){return Math.max(e,Math.min(t,r))}function cO(e,t){if(t==="transparent")return t;var r=z9(t);return L9(Da({},r,{lightness:du(0,1,r.lightness-parseFloat(e))}))}var dO=cu(cO),Rt=dO;function pO(e,t){if(t==="transparent")return t;var r=z9(t);return L9(Da({},r,{lightness:du(0,1,r.lightness+parseFloat(e))}))}var fO=cu(pO),Kr=fO;function hO(e,t){if(t==="transparent")return t;var r=uu(t),n=typeof r.alpha=="number"?r.alpha:1,a=Da({},r,{alpha:du(0,1,(n*100+parseFloat(e)*100)/100)});return nr(a)}var mO=cu(hO),Yi=mO;function gO(e,t){if(t==="transparent")return t;var r=uu(t),n=typeof r.alpha=="number"?r.alpha:1,a=Da({},r,{alpha:du(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return nr(a)}var vO=cu(gO),oe=vO,yO=F.div(se,({theme:e})=>({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:oe(.3,e.color.defaultText),fontSize:e.typography.size.s2})),M9=e=>y.createElement(yO,{...e,className:"docblock-emptyblock sb-unstyled"}),bO=F(Hf)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}})),wO=F.div(({theme:e})=>({background:e.background.content,borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"})),Ki=F.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${td}`]:{margin:0}})),EO=()=>y.createElement(wO,null,y.createElement(Ki,null),y.createElement(Ki,{style:{width:"80%"}}),y.createElement(Ki,{style:{width:"30%"}}),y.createElement(Ki,{style:{width:"80%"}})),P9=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:s}=E3();if(e)return y.createElement(EO,null);if(t)return y.createElement(M9,null,t);let c=y.createElement(bO,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return c;let d=a?Q0.dark:Q0.light;return y.createElement(x3,{theme:ed({...d,fontCode:s.fonts.mono,fontBase:s.fonts.base})},c)},he=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,Xf=600,xO=F.h1(se,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${Xf}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),DO=F.h2(se,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${Xf}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:oe(.25,e.color.defaultText)})),CO=F.div(({theme:e})=>{let t={fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},r={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},n={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?oe(.1,e.color.defaultText):oe(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[he("a")]:{...t,fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[he("blockquote")]:{...t,margin:"16px 0",borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[he("div")]:t,[he("dl")]:{...t,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[he("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[he("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[he("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[he("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[he("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[he("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[he("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[he("img")]:{maxWidth:"100%"},[he("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[he("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[he("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[he("pre")]:{...t,fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[he("span")]:{...t,"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[he("table")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[he("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),SO=F.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${Xf}px)`]:{}})),kO=({children:e,toc:t})=>y.createElement(SO,{className:"sbdocs sbdocs-wrapper"},y.createElement(CO,{className:"sbdocs sbdocs-content"},e),t),pu=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${e.appBorderColor}`}),{window:AO}=globalThis,FO=class extends l.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=AO.document.getElementById(e)}shouldComponentUpdate(e){let{scale:t}=e;return t!==this.props.scale&&this.setIframeBodyStyle({width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(e){return Object.assign(this.iframe.contentDocument.body.style,e)}render(){let{id:e,title:t,src:r,allowFullScreen:n,scale:a,...o}=this.props;return y.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...o})}},$9=l.createContext({scale:1}),{PREVIEW_URL:_O}=globalThis,RO=_O||"iframe.html",P1=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,IO=e=>{let t=l.useRef(),[r,n]=l.useState(!0),[a,o]=l.useState(),{story:i,height:s,autoplay:c,forceInitialArgs:d,renderStoryToElement:p}=e;return l.useEffect(()=>{if(!(i&&t.current))return()=>{};let m=t.current,h=p(i,m,{showMain:()=>{},showError:({title:f,description:v})=>o(new Error(`${f} - ${v}`)),showException:f=>o(f)},{autoplay:c,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>h())}},[c,p,i]),a?y.createElement("pre",null,y.createElement(VB,{error:a})):y.createElement(y.Fragment,null,s?y.createElement("style",null,`#${P1(e)} { min-height: ${s}; transform: translateZ(0); overflow: auto }`):null,r&&y.createElement(N9,null),y.createElement("div",{ref:t,id:`${P1(e)}-inner`,"data-name":i.name}))},TO=({story:e,height:t="500px"})=>y.createElement("div",{style:{width:"100%",height:t}},y.createElement($9.Consumer,null,({scale:r})=>y.createElement(FO,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:pL(RO,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),BO=F.strong(({theme:e})=>({color:e.color.orange})),zO=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?y.createElement(BO,null,"This story mounts inside of play. Set"," ",y.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):y.createElement("div",{id:P1(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?y.createElement(IO,{...e}):y.createElement(TO,{...e}))},N9=()=>y.createElement(dL,null),LO=F(Zf)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),OO=F.div({display:"flex",alignItems:"center",gap:4}),MO=F.div(({theme:e})=>({width:14,height:14,borderRadius:2,margin:"0 7px",backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),PO=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>y.createElement(LO,{...o},y.createElement(OO,{key:"left"},e?[1,2,3].map(i=>y.createElement(MO,{key:i})):y.createElement(y.Fragment,null,y.createElement(sn,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},y.createElement(gL,null)),y.createElement(sn,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},y.createElement(vL,null)),y.createElement(sn,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},y.createElement(yL,null))))),$O=F.div(({isColumn:e,columns:t,layout:r})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px","& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),w4=F(P9)(({theme:e})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:e.appBorderRadius,borderBottomRightRadius:e.appBorderRadius,border:"none",background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Rt(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Rt(.05,e.background.content)}})),NO=F.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...pu(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),HO=(e,t,r)=>{switch(!0){case!!(e&&e.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>r(!1)}};case t:return{source:y.createElement(w4,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:y.createElement(w4,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function jO(e){if(l.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var VO=F(PO)({position:"absolute",top:0,left:0,right:0,height:40}),UO=F.div({overflow:"hidden",position:"relative"}),H9=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:s,className:c,layout:d="padded",...p})=>{let[m,h]=l.useState(i),{source:f,actionItem:v}=HO(a,m,h),[g,w]=l.useState(1),x=[c].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),D=a?[v]:[],[E,b]=l.useState(s?[...s]:[]),C=[...D,...E],{window:S}=globalThis,k=l.useCallback(async _=>{let{createCopyToClipboardFunction:I}=await G1(()=>import("./index-WSA8mAmq.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url);I()},[]),A=_=>{let I=S.getSelection();I&&I.type==="Range"||(_.preventDefault(),E.filter(T=>T.title==="Copied").length===0&&k(f.props.code).then(()=>{b([...E,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>b(E.filter(T=>T.title!=="Copied")),1500)}))};return y.createElement(NO,{withSource:a,withToolbar:o,...p,className:x.join(" ")},o&&y.createElement(VO,{isLoading:e,border:!0,zoom:_=>w(g*_),resetZoom:()=>w(1),storyId:jO(n),baseUrl:"./iframe.html"}),y.createElement($9.Provider,{value:{scale:g}},y.createElement(UO,{className:"docs-story",onCopyCapture:a&&A},y.createElement($O,{isColumn:t||!Array.isArray(n),columns:r,layout:d},y.createElement(LB.Element,{scale:g},Array.isArray(n)?n.map((_,I)=>y.createElement("div",{key:I},_)):y.createElement("div",null,n))),y.createElement(Dp,{actionItems:C}))),a&&m&&f)};F(H9)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));function Jr(){return Jr=Object.assign?Object.assign.bind():function(e){for(var t=1;t(e[t.toLowerCase()]=t,e),{for:"htmlFor"}),C4={amp:"&",apos:"'",gt:">",lt:"<",nbsp:" ",quot:"“"},WO=["style","script"],GO=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,YO=/mailto:/i,KO=/\n{2,}$/,j9=/^(\s*>[\s\S]*?)(?=\n{2,})/,ZO=/^ *> ?/gm,JO=/^ {2,}\n/,XO=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,V9=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,U9=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,QO=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,eM=/^(?:\n *)*\n/,tM=/\r\n?/g,rM=/^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/,nM=/^\[\^([^\]]+)]/,aM=/\f/g,oM=/^---[ \t]*\n(.|\n)*\n---[ \t]*\n/,iM=/^\s*?\[(x|\s)\]/,q9=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,W9=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,G9=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,$1=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1\b)[\s\S])*?)<\/\1>(?!<\/\1>)\n*/i,lM=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,Y9=/^)/,sM=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,N1=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,uM=/^\{.*\}$/,cM=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,dM=/^<([^ >]+@[^ >]+)>/,pM=/^<([^ >]+:\/[^ >]+)>/,fM=/-([a-z])?/gi,K9=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,hM=/^\[([^\]]*)\]:\s+]+)>?\s*("([^"]*)")?/,mM=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,gM=/^\[([^\]]*)\] ?\[([^\]]*)\]/,vM=/(\[|\])/g,yM=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,bM=/\t/g,wM=/^ *\| */,EM=/(^ *\||\| *$)/g,xM=/ *$/,DM=/^ *:-+: *$/,CM=/^ *:-+ *$/,SM=/^ *-+: *$/,fu="((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~~.*?~~|==.*?==|.|\\n)*?)",kM=new RegExp(`^([*_])\\1${fu}\\1\\1(?!\\1)`),AM=new RegExp(`^([*_])${fu}\\1(?!\\1|\\w)`),FM=new RegExp(`^==${fu}==`),_M=new RegExp(`^~~${fu}~~`),RM=/^\\([^0-9A-Za-z\s])/,IM=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&#;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,TM=/^\n+/,BM=/^([ \t]*)/,zM=/\\([^\\])/g,S4=/ *\n+$/,LM=/(?:^|\n)( *)$/,Qf="(?:\\d+\\.)",eh="(?:[*+-])";function Z9(e){return"( *)("+(e===1?Qf:eh)+") +"}var J9=Z9(1),X9=Z9(2);function Q9(e){return new RegExp("^"+(e===1?J9:X9))}var OM=Q9(1),MM=Q9(2);function ex(e){return new RegExp("^"+(e===1?J9:X9)+"[^\\n]*(?:\\n(?!\\1"+(e===1?Qf:eh)+" )[^\\n]*)*(\\n|$)","gm")}var tx=ex(1),rx=ex(2);function nx(e){let t=e===1?Qf:eh;return new RegExp("^( *)("+t+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+t+" (?!"+t+" ))\\n*|\\s*\\n*$)")}var ax=nx(1),ox=nx(2);function k4(e,t){let r=t===1,n=r?ax:ox,a=r?tx:rx,o=r?OM:MM;return{match(i,s,c){let d=LM.exec(c);return d&&(s.list||!s.inline&&!s.simple)?n.exec(i=d[1]+i):null},order:1,parse(i,s,c){let d=r?+i[2]:void 0,p=i[0].replace(KO,` `).match(a),m=!1;return{items:p.map(function(h,f){let v=o.exec(h)[0].length,g=new RegExp("^ {1,"+v+"}","gm"),w=h.replace(g,"").replace(o,""),x=f===p.length-1,D=w.indexOf(` `)!==-1||x&&m;m=D;let E=c.inline,b=c.list,C;c.list=!0,D?(c.inline=!1,C=w.replace(S4,` @@ -708,7 +708,7 @@ To pass a single animation please supply them in simple values, e.g. animation(' ${Rt(.02,e.input.background)} 100%)`:`linear-gradient(to right, ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, ${Kr(.02,e.input.background)} ${(n-t)/(r-t)*100}%, - ${Kr(.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 ${nr(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),bx=F.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),WP=F(bx)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),GP=F.div({display:"flex",alignItems:"center",width:"100%"});function YP(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 KP=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:s,argType:c})=>{let d=f=>{r(oP(f.target.value))},p=t!==void 0,m=l.useMemo(()=>YP(o),[o]),h=!!c?.table?.readonly;return y.createElement(GP,{"aria-readonly":h},y.createElement(bx,null,n),y.createElement(qP,{id:vt(e),type:"range",disabled:h,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:s,onBlur:i}),y.createElement(WP,{numberOFDecimalsPlaces:m,max:a},p?t.toFixed(m):"--"," / ",a))},ZP=F.label({display:"flex"}),JP=F.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),XP=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{let s=f=>{r(f.target.value)},c=!!i?.table?.readonly,[d,p]=l.useState(!1),m=l.useCallback(()=>{r(""),p(!0)},[p]);if(t===void 0)return y.createElement(Sn,{variant:"outline",size:"medium",disabled:c,id:ps(e),onClick:m},"Set string");let h=typeof t=="string";return y.createElement(ZP,null,y.createElement(mi.Textarea,{id:vt(e),maxLength:o,onChange:s,disabled:c,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:h?null:"error",name:e,value:h?t:"",onFocus:n,onBlur:a}),o&&y.createElement(JP,{isMaxed:t?.length===o},t?.length??0," / ",o))},QP=F(mi.Input)({padding:10});function e$(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var t$=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{let o=l.useRef(null),i=a?.control?.readOnly;function s(c){if(!c.target.files)return;let d=Array.from(c.target.files).map(p=>URL.createObjectURL(p));e(d),e$(n)}return l.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),y.createElement(QP,{ref:o,id:vt(t),type:"file",name:t,multiple:!0,disabled:i,onChange:s,accept:r,size:"flex"})},r$=l.lazy(()=>G1(()=>import("./Color-F6OSRLHC-RvF0tuuJ.js"),__vite__mapDeps([9,2,1,3,4,5,6,7,8]),import.meta.url)),n$=e=>y.createElement(l.Suspense,{fallback:y.createElement("div",null)},y.createElement(r$,{...e})),a$={array:O4,object:O4,boolean:JM,color:n$,date:nP,number:lP,check:Mn,"inline-check":Mn,radio:Mn,"inline-radio":Mn,select:Mn,"multi-select":Mn,range:KP,text:XP,file:t$},M4=()=>y.createElement(y.Fragment,null,"-"),o$=({row:e,arg:t,updateArgs:r,isHovered:n})=>{let{key:a,control:o}=e,[i,s]=l.useState(!1),[c,d]=l.useState({value:t});l.useEffect(()=>{i||d({value:t})},[i,t]);let p=l.useCallback(g=>(d({value:g}),r({[a]:g}),g),[r,a]),m=l.useCallback(()=>s(!1),[]),h=l.useCallback(()=>s(!0),[]);if(!o||o.disable){let g=o?.disable!==!0&&e?.type?.name!=="function";return n&&g?y.createElement(aa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):y.createElement(M4,null)}let f={name:a,argType:e,value:c.value,onChange:p,onBlur:m,onFocus:h},v=a$[o.type]||M4;return y.createElement(v,{...f,...o,controlType:o.type})},i$=F.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:Lr({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),l$=({tags:e})=>{let t=(e.params||[]).filter(o=>o.description),r=t.length!==0,n=e.deprecated!=null,a=e.returns!=null&&e.returns.description!=null;return!r&&!a&&!n?null:y.createElement(y.Fragment,null,y.createElement(i$,null,y.createElement("tbody",null,n&&y.createElement("tr",{key:"deprecated"},y.createElement("td",{colSpan:2},y.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(o=>y.createElement("tr",{key:o.name},y.createElement("td",null,y.createElement("code",null,o.name)),y.createElement("td",null,o.description))),a&&y.createElement("tr",{key:"returns"},y.createElement("td",null,y.createElement("code",null,"Returns")),y.createElement("td",null,e.returns.description)))))},s$=Y1(T9()),V1=8,P4=F.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),u$=F.span(Lr,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),c$=F.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),d$=F.div(Lr,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),p$=F.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),f$=F(AL)({marginLeft:4}),h$=F(I9)({marginLeft:4}),m$=()=>y.createElement("span",null,"-"),wx=({text:e,simple:t})=>y.createElement(u$,{simple:t},e),g$=(0,s$.default)(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),v$=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return Xx(t)},$4=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,V1)),r.map(n=>y.createElement(wx,{key:n,text:n===""?'""':n}))},y$=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,o]=l.useState(!1),[i,s]=l.useState(t||!1);if(r==null)return null;let c=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(c))return y.createElement(wx,{text:c});let d=v$(c),p=d.length;return p>V1?y.createElement(P4,{isExpanded:i},$4(d,i),y.createElement(c$,{onClick:()=>s(!i)},i?"Show less...":`Show ${p-V1} more...`)):y.createElement(P4,null,$4(d))}return y.createElement(mz,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:y.createElement(p$,{width:g$(n)},y.createElement(Hf,{language:"jsx",format:!1},n))},y.createElement(d$,{className:"sbdocs-expandable"},y.createElement("span",null,c),a?y.createElement(f$,null):y.createElement(h$,null)))},G0=({value:e,initialExpandedArgs:t})=>e==null?y.createElement(m$,null):y.createElement(y$,{value:e,initialExpandedArgs:t}),b$=F.span({fontWeight:"bold"}),w$=F.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),E$=F.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Lr({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),x$=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?oe(.1,e.color.defaultText):oe(.2,e.color.defaultText),marginTop:t?4:0})),D$=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?oe(.1,e.color.defaultText):oe(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),C$=F.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),S$=e=>e&&{summary:typeof e=="string"?e:e.name},Zi=e=>{let[t,r]=l.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:s}=e,{name:c,description:d}=n,p=n.table||{},m=p.type||S$(n.type),h=p.defaultValue||n.defaultValue,f=n.type?.required,v=d!=null&&d!=="";return y.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},y.createElement(C$,{expandable:i},y.createElement(b$,null,c),f?y.createElement(w$,{title:"Required"},"*"):null),o?null:y.createElement("td",null,v&&y.createElement(E$,null,y.createElement(lx,null,d)),p.jsDocTags!=null?y.createElement(y.Fragment,null,y.createElement(D$,{hasDescription:v},y.createElement(G0,{value:m,initialExpandedArgs:s})),y.createElement(l$,{tags:p.jsDocTags})):y.createElement(x$,{hasDescription:v},y.createElement(G0,{value:m,initialExpandedArgs:s}))),o?null:y.createElement("td",null,y.createElement(G0,{value:h,initialExpandedArgs:s})),a?y.createElement("td",null,y.createElement(o$,{...e,isHovered:t})):null)},k$=F.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"})),A$=F.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),F$=F.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),_$=({inAddonPanel:e})=>{let[t,r]=l.useState(!0);return l.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:y.createElement(k$,{inAddonPanel:e},y.createElement(C9,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:y.createElement(y.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:y.createElement(A$,null,e&&y.createElement(y.Fragment,null,y.createElement(aa,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},y.createElement(EL,null)," Watch 5m video"),y.createElement(F$,null),y.createElement(aa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(B1,null)," Read docs")),!e&&y.createElement(aa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(B1,null)," Learn how to set that up"))}))},R$=F(SL)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?oe(.25,e.color.defaultText):oe(.3,e.color.defaultText),border:"none",display:"inline-block"})),I$=F(kL)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?oe(.25,e.color.defaultText):oe(.3,e.color.defaultText),border:"none",display:"inline-block"})),T$=F.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),B$=F.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"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),z$=F.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),L$=F.td(()=>({position:"relative"})),O$=F.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Kr(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),N4=F.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"})),Y0=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=l.useState(n),s=e==="subsection"?z$:B$,c=r?.length||0,d=e==="subsection"?`${c} item${c!==1?"s":""}`:"",p=`${o?"Hide":"Show"} ${e==="subsection"?c:t} item${c!==1?"s":""}`;return y.createElement(y.Fragment,null,y.createElement(O$,{title:p},y.createElement(s,{colSpan:1},y.createElement(N4,{onClick:m=>i(!o),tabIndex:0},p),y.createElement(T$,null,o?y.createElement(R$,null):y.createElement(I$,null),t)),y.createElement(L$,{colSpan:a-1},y.createElement(N4,{onClick:m=>i(!o),tabIndex:-1,style:{outline:"none"}},p),o?null:d)),o?r:null)},Ji=F.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Ae=F.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),me=F.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})),Fe=[2,4,2,2],M$=()=>y.createElement(y.Fragment,null,y.createElement(Ji,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(Ji,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(Ji,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(Ji,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"})))),P$=F.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"?oe(.25,e.color.defaultText):oe(.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}}}}})),$$=F(sn)(({theme:e})=>({margin:"-4px -12px -4px 0"})),N$=F.span({display:"flex",justifyContent:"space-between"}),H$={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},j$=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:s,subcategory:c}=i?.table||{};if(s){let d=r.sections[s]||{ungrouped:[],subsections:{}};if(!c)d.ungrouped.push({key:o,...i});else{let p=d.subsections[c]||[];p.push({key:o,...i}),d.subsections[c]=p}r.sections[s]=d}else if(c){let d=r.ungroupedSubsections[c]||[];d.push({key:o,...i}),r.ungroupedSubsections[c]=d}else r.ungrouped.push({key:o,...i})});let n=H$[t],a=o=>n?Object.keys(o).reduce((i,s)=>({...i,[s]:o[s].sort(n)}),{}):o;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((o,i)=>({...o,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},V$=(e,t,r)=>{try{return jx(e,t,r)}catch(n){return RL.warn(n.message),!1}},U1=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:s}=e;if("error"in e){let{error:D}=e;return y.createElement(M9,null,D," ",y.createElement(aa,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},y.createElement(B1,null)," Read the docs"))}if(s)return y.createElement(M$,null);let{rows:c,args:d,globals:p}="rows"in e&&e,m=j$(Qx(c||{},D=>!D?.table?.disable&&V$(D,d||{},p||{})),i),h=m.ungrouped.length===0,f=Object.entries(m.sections).length===0,v=Object.entries(m.ungroupedSubsections).length===0;if(h&&f&&v)return y.createElement(_$,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let w=Object.keys(m.sections).length>0,x={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return y.createElement(N8,null,y.createElement(P$,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},y.createElement("thead",{className:"docblock-argstable-head"},y.createElement("tr",null,y.createElement("th",null,y.createElement("span",null,"Name")),n?null:y.createElement("th",null,y.createElement("span",null,"Description")),n?null:y.createElement("th",null,y.createElement("span",null,"Default")),t?y.createElement("th",null,y.createElement(N$,null,"Control"," ",!s&&r&&y.createElement($$,{onClick:()=>r(),title:"Reset controls"},y.createElement(FL,{"aria-hidden":!0})))):null)),y.createElement("tbody",{className:"docblock-argstable-body"},m.ungrouped.map(D=>y.createElement(Zi,{key:D.key,row:D,arg:d&&d[D.key],...x})),Object.entries(m.ungroupedSubsections).map(([D,E])=>y.createElement(Y0,{key:D,label:D,level:"subsection",colSpan:g},E.map(b=>y.createElement(Zi,{key:b.key,row:b,arg:d&&d[b.key],expandable:w,...x})))),Object.entries(m.sections).map(([D,E])=>y.createElement(Y0,{key:D,label:D,level:"section",colSpan:g},E.ungrouped.map(b=>y.createElement(Zi,{key:b.key,row:b,arg:d&&d[b.key],...x})),Object.entries(E.subsections).map(([b,C])=>y.createElement(Y0,{key:b,label:b,level:"subsection",colSpan:g},C.map(S=>y.createElement(Zi,{key:S.key,row:S,arg:d&&d[S.key],expandable:w,...x})))))))))},U$=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?y.createElement(U1,{...r[0][1],...t}):y.createElement(Jz,null,r.map((n,a)=>{let[o,i]=n,s=`prop_table_div_${o}`,c="div",d=a===0?t:{sort:t.sort};return y.createElement(c,{key:s,id:s,title:o},({active:p})=>p?y.createElement(U1,{key:`prop_table_${o}`,...i,...d}):null)}))};F.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText)}));F.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});F.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});F.div(se,({theme:e})=>({...pu(e),margin:"25px 0 40px",padding:"30px 20px"}));F.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));F.div(({theme:e})=>({color:e.base==="light"?oe(.2,e.color.defaultText):oe(.6,e.color.defaultText)}));F.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});F.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"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));F.div({display:"flex",flexDirection:"row"});F.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));F.div(({theme:e})=>({...pu(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"}));F.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});F.div({flex:1,display:"flex",flexDirection:"row"});F.div({display:"flex",alignItems:"flex-start"});F.div({flex:"0 0 30%"});F.div({flex:1});F.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText)}));F.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));F.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));F.div(({theme:e})=>({...pu(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));F.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});F.div({display:"flex",flexFlow:"row wrap"});var q$=e=>`anchor--${e}`,W$=({storyId:e,children:t})=>y.createElement("div",{id:q$(e),className:"sb-anchor"},t);globalThis&&globalThis.__DOCS_CONTEXT__===void 0&&(globalThis.__DOCS_CONTEXT__=l.createContext(null),globalThis.__DOCS_CONTEXT__.displayName="DocsContext");var Yt=globalThis?globalThis.__DOCS_CONTEXT__:l.createContext(null),kn=(e,t)=>l.useContext(Yt).resolveOf(e,t),G$=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),Y$=e=>{if(e)return typeof e=="string"?e.includes("-")?G$(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function K$(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}var Z$=Object.create,Ex=Object.defineProperty,J$=Object.getOwnPropertyDescriptor,xx=Object.getOwnPropertyNames,X$=Object.getPrototypeOf,Q$=Object.prototype.hasOwnProperty,et=(e,t)=>function(){return t||(0,e[xx(e)[0]])((t={exports:{}}).exports,t),t.exports},eN=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of xx(t))!Q$.call(e,a)&&a!==r&&Ex(e,a,{get:()=>t[a],enumerable:!(n=J$(t,a))||n.enumerable});return e},nh=(e,t,r)=>(r=e!=null?Z$(X$(e)):{},eN(!e||!e.__esModule?Ex(r,"default",{value:e,enumerable:!0}):r,e)),tN=["bubbles","cancelBubble","cancelable","composed","currentTarget","defaultPrevented","eventPhase","isTrusted","returnValue","srcElement","target","timeStamp","type"],rN=["detail"];function nN(e){let t=tN.filter(r=>e[r]!==void 0).reduce((r,n)=>({...r,[n]:e[n]}),{});return e instanceof CustomEvent&&rN.filter(r=>e[r]!==void 0).forEach(r=>{t[r]=e[r]}),t}var aN=Y1(T9(),1),Dx=et({"node_modules/has-symbols/shams.js"(e,t){t.exports=function(){if(typeof Symbol!="function"||typeof Object.getOwnPropertySymbols!="function")return!1;if(typeof Symbol.iterator=="symbol")return!0;var r={},n=Symbol("test"),a=Object(n);if(typeof n=="string"||Object.prototype.toString.call(n)!=="[object Symbol]"||Object.prototype.toString.call(a)!=="[object Symbol]")return!1;var o=42;r[n]=o;for(n in r)return!1;if(typeof Object.keys=="function"&&Object.keys(r).length!==0||typeof Object.getOwnPropertyNames=="function"&&Object.getOwnPropertyNames(r).length!==0)return!1;var i=Object.getOwnPropertySymbols(r);if(i.length!==1||i[0]!==n||!Object.prototype.propertyIsEnumerable.call(r,n))return!1;if(typeof Object.getOwnPropertyDescriptor=="function"){var s=Object.getOwnPropertyDescriptor(r,n);if(s.value!==o||s.enumerable!==!0)return!1}return!0}}}),Cx=et({"node_modules/has-symbols/index.js"(e,t){var r=typeof Symbol<"u"&&Symbol,n=Dx();t.exports=function(){return typeof r!="function"||typeof Symbol!="function"||typeof r("foo")!="symbol"||typeof Symbol("bar")!="symbol"?!1:n()}}}),oN=et({"node_modules/function-bind/implementation.js"(e,t){var r="Function.prototype.bind called on incompatible ",n=Array.prototype.slice,a=Object.prototype.toString,o="[object Function]";t.exports=function(i){var s=this;if(typeof s!="function"||a.call(s)!==o)throw new TypeError(r+s);for(var c=n.call(arguments,1),d,p=function(){if(this instanceof d){var g=s.apply(this,c.concat(n.call(arguments)));return Object(g)===g?g:this}else return s.apply(i,c.concat(n.call(arguments)))},m=Math.max(0,s.length-c.length),h=[],f=0;f"u"?r:m(Uint8Array),v={"%AggregateError%":typeof AggregateError>"u"?r:AggregateError,"%Array%":Array,"%ArrayBuffer%":typeof ArrayBuffer>"u"?r:ArrayBuffer,"%ArrayIteratorPrototype%":p?m([][Symbol.iterator]()):r,"%AsyncFromSyncIteratorPrototype%":r,"%AsyncFunction%":h,"%AsyncGenerator%":h,"%AsyncGeneratorFunction%":h,"%AsyncIteratorPrototype%":h,"%Atomics%":typeof Atomics>"u"?r:Atomics,"%BigInt%":typeof BigInt>"u"?r:BigInt,"%Boolean%":Boolean,"%DataView%":typeof DataView>"u"?r:DataView,"%Date%":Date,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":Error,"%eval%":eval,"%EvalError%":EvalError,"%Float32Array%":typeof Float32Array>"u"?r:Float32Array,"%Float64Array%":typeof Float64Array>"u"?r:Float64Array,"%FinalizationRegistry%":typeof FinalizationRegistry>"u"?r:FinalizationRegistry,"%Function%":a,"%GeneratorFunction%":h,"%Int8Array%":typeof Int8Array>"u"?r:Int8Array,"%Int16Array%":typeof Int16Array>"u"?r:Int16Array,"%Int32Array%":typeof Int32Array>"u"?r:Int32Array,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":p?m(m([][Symbol.iterator]())):r,"%JSON%":typeof JSON=="object"?JSON:r,"%Map%":typeof Map>"u"?r:Map,"%MapIteratorPrototype%":typeof Map>"u"||!p?r:m(new Map()[Symbol.iterator]()),"%Math%":Math,"%Number%":Number,"%Object%":Object,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":typeof Promise>"u"?r:Promise,"%Proxy%":typeof Proxy>"u"?r:Proxy,"%RangeError%":RangeError,"%ReferenceError%":ReferenceError,"%Reflect%":typeof Reflect>"u"?r:Reflect,"%RegExp%":RegExp,"%Set%":typeof Set>"u"?r:Set,"%SetIteratorPrototype%":typeof Set>"u"||!p?r:m(new Set()[Symbol.iterator]()),"%SharedArrayBuffer%":typeof SharedArrayBuffer>"u"?r:SharedArrayBuffer,"%String%":String,"%StringIteratorPrototype%":p?m(""[Symbol.iterator]()):r,"%Symbol%":p?Symbol:r,"%SyntaxError%":n,"%ThrowTypeError%":d,"%TypedArray%":f,"%TypeError%":o,"%Uint8Array%":typeof Uint8Array>"u"?r:Uint8Array,"%Uint8ClampedArray%":typeof Uint8ClampedArray>"u"?r:Uint8ClampedArray,"%Uint16Array%":typeof Uint16Array>"u"?r:Uint16Array,"%Uint32Array%":typeof Uint32Array>"u"?r:Uint32Array,"%URIError%":URIError,"%WeakMap%":typeof WeakMap>"u"?r:WeakMap,"%WeakRef%":typeof WeakRef>"u"?r:WeakRef,"%WeakSet%":typeof WeakSet>"u"?r:WeakSet},g=function z(L){var M;if(L==="%AsyncFunction%")M=i("async function () {}");else if(L==="%GeneratorFunction%")M=i("function* () {}");else if(L==="%AsyncGeneratorFunction%")M=i("async function* () {}");else if(L==="%AsyncGenerator%"){var O=z("%AsyncGeneratorFunction%");O&&(M=O.prototype)}else if(L==="%AsyncIteratorPrototype%"){var P=z("%AsyncGenerator%");P&&(M=m(P.prototype))}return v[L]=M,M},w={"%ArrayBufferPrototype%":["ArrayBuffer","prototype"],"%ArrayPrototype%":["Array","prototype"],"%ArrayProto_entries%":["Array","prototype","entries"],"%ArrayProto_forEach%":["Array","prototype","forEach"],"%ArrayProto_keys%":["Array","prototype","keys"],"%ArrayProto_values%":["Array","prototype","values"],"%AsyncFunctionPrototype%":["AsyncFunction","prototype"],"%AsyncGenerator%":["AsyncGeneratorFunction","prototype"],"%AsyncGeneratorPrototype%":["AsyncGeneratorFunction","prototype","prototype"],"%BooleanPrototype%":["Boolean","prototype"],"%DataViewPrototype%":["DataView","prototype"],"%DatePrototype%":["Date","prototype"],"%ErrorPrototype%":["Error","prototype"],"%EvalErrorPrototype%":["EvalError","prototype"],"%Float32ArrayPrototype%":["Float32Array","prototype"],"%Float64ArrayPrototype%":["Float64Array","prototype"],"%FunctionPrototype%":["Function","prototype"],"%Generator%":["GeneratorFunction","prototype"],"%GeneratorPrototype%":["GeneratorFunction","prototype","prototype"],"%Int8ArrayPrototype%":["Int8Array","prototype"],"%Int16ArrayPrototype%":["Int16Array","prototype"],"%Int32ArrayPrototype%":["Int32Array","prototype"],"%JSONParse%":["JSON","parse"],"%JSONStringify%":["JSON","stringify"],"%MapPrototype%":["Map","prototype"],"%NumberPrototype%":["Number","prototype"],"%ObjectPrototype%":["Object","prototype"],"%ObjProto_toString%":["Object","prototype","toString"],"%ObjProto_valueOf%":["Object","prototype","valueOf"],"%PromisePrototype%":["Promise","prototype"],"%PromiseProto_then%":["Promise","prototype","then"],"%Promise_all%":["Promise","all"],"%Promise_reject%":["Promise","reject"],"%Promise_resolve%":["Promise","resolve"],"%RangeErrorPrototype%":["RangeError","prototype"],"%ReferenceErrorPrototype%":["ReferenceError","prototype"],"%RegExpPrototype%":["RegExp","prototype"],"%SetPrototype%":["Set","prototype"],"%SharedArrayBufferPrototype%":["SharedArrayBuffer","prototype"],"%StringPrototype%":["String","prototype"],"%SymbolPrototype%":["Symbol","prototype"],"%SyntaxErrorPrototype%":["SyntaxError","prototype"],"%TypedArrayPrototype%":["TypedArray","prototype"],"%TypeErrorPrototype%":["TypeError","prototype"],"%Uint8ArrayPrototype%":["Uint8Array","prototype"],"%Uint8ClampedArrayPrototype%":["Uint8ClampedArray","prototype"],"%Uint16ArrayPrototype%":["Uint16Array","prototype"],"%Uint32ArrayPrototype%":["Uint32Array","prototype"],"%URIErrorPrototype%":["URIError","prototype"],"%WeakMapPrototype%":["WeakMap","prototype"],"%WeakSetPrototype%":["WeakSet","prototype"]},x=ah(),D=iN(),E=x.call(Function.call,Array.prototype.concat),b=x.call(Function.apply,Array.prototype.splice),C=x.call(Function.call,String.prototype.replace),S=x.call(Function.call,String.prototype.slice),k=x.call(Function.call,RegExp.prototype.exec),A=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g,_=/\\(\\)?/g,I=function(z){var L=S(z,0,1),M=S(z,-1);if(L==="%"&&M!=="%")throw new n("invalid intrinsic syntax, expected closing `%`");if(M==="%"&&L!=="%")throw new n("invalid intrinsic syntax, expected opening `%`");var O=[];return C(z,A,function(P,j,U,V){O[O.length]=U?C(V,_,"$1"):j||P}),O},T=function(z,L){var M=z,O;if(D(w,M)&&(O=w[M],M="%"+O[0]+"%"),D(v,M)){var P=v[M];if(P===h&&(P=g(M)),typeof P>"u"&&!L)throw new o("intrinsic "+z+" exists, but is not available. Please file an issue!");return{alias:O,name:M,value:P}}throw new n("intrinsic "+z+" does not exist!")};t.exports=function(z,L){if(typeof z!="string"||z.length===0)throw new o("intrinsic name must be a non-empty string");if(arguments.length>1&&typeof L!="boolean")throw new o('"allowMissing" argument must be a boolean');if(k(/^%?[^%]*%?$/,z)===null)throw new n("`%` may not be present anywhere but at the beginning and end of the intrinsic name");var M=I(z),O=M.length>0?M[0]:"",P=T("%"+O+"%",L),j=P.name,U=P.value,V=!1,G=P.alias;G&&(O=G[0],b(M,E([0,1],G)));for(var Q=1,ne=!0;Q=M.length){var K=s(U,Z);ne=!!K,ne&&"get"in K&&!("originalValue"in K.get)?U=K.get:U=U[Z]}else ne=D(U,Z),U=U[Z];ne&&!V&&(v[j]=U)}}return U}}}),lN=et({"node_modules/call-bind/index.js"(e,t){var r=ah(),n=Sx(),a=n("%Function.prototype.apply%"),o=n("%Function.prototype.call%"),i=n("%Reflect.apply%",!0)||r.call(o,a),s=n("%Object.getOwnPropertyDescriptor%",!0),c=n("%Object.defineProperty%",!0),d=n("%Math.max%");if(c)try{c({},"a",{value:1})}catch{c=null}t.exports=function(m){var h=i(r,o,arguments);if(s&&c){var f=s(h,"length");f.configurable&&c(h,"length",{value:1+d(0,m.length-(arguments.length-1))})}return h};var p=function(){return i(r,a,arguments)};c?c(t.exports,"apply",{value:p}):t.exports.apply=p}}),sN=et({"node_modules/call-bind/callBound.js"(e,t){var r=Sx(),n=lN(),a=n(r("String.prototype.indexOf"));t.exports=function(o,i){var s=r(o,!!i);return typeof s=="function"&&a(o,".prototype.")>-1?n(s):s}}}),uN=et({"node_modules/has-tostringtag/shams.js"(e,t){var r=Dx();t.exports=function(){return r()&&!!Symbol.toStringTag}}}),cN=et({"node_modules/is-regex/index.js"(e,t){var r=sN(),n=uN()(),a,o,i,s;n&&(a=r("Object.prototype.hasOwnProperty"),o=r("RegExp.prototype.exec"),i={},c=function(){throw i},s={toString:c,valueOf:c},typeof Symbol.toPrimitive=="symbol"&&(s[Symbol.toPrimitive]=c));var c,d=r("Object.prototype.toString"),p=Object.getOwnPropertyDescriptor,m="[object RegExp]";t.exports=n?function(h){if(!h||typeof h!="object")return!1;var f=p(h,"lastIndex"),v=f&&a(f,"value");if(!v)return!1;try{o(h,s)}catch(g){return g===i}}:function(h){return!h||typeof h!="object"&&typeof h!="function"?!1:d(h)===m}}}),dN=et({"node_modules/is-function/index.js"(e,t){t.exports=n;var r=Object.prototype.toString;function n(a){if(!a)return!1;var o=r.call(a);return o==="[object Function]"||typeof a=="function"&&o!=="[object RegExp]"||typeof window<"u"&&(a===window.setTimeout||a===window.alert||a===window.confirm||a===window.prompt)}}}),pN=et({"node_modules/is-symbol/index.js"(e,t){var r=Object.prototype.toString,n=Cx()();n?(a=Symbol.prototype.toString,o=/^Symbol\(.*\)$/,i=function(s){return typeof s.valueOf()!="symbol"?!1:o.test(a.call(s))},t.exports=function(s){if(typeof s=="symbol")return!0;if(r.call(s)!=="[object Symbol]")return!1;try{return i(s)}catch{return!1}}):t.exports=function(s){return!1};var a,o,i}}),fN=nh(cN()),hN=nh(dN()),mN=nh(pN());function gN(e){return e!=null&&typeof e=="object"&&Array.isArray(e)===!1}var vN=typeof global=="object"&&global&&global.Object===Object&&global,yN=vN,bN=typeof self=="object"&&self&&self.Object===Object&&self,wN=yN||bN||Function("return this")(),oh=wN,EN=oh.Symbol,Ca=EN,kx=Object.prototype,xN=kx.hasOwnProperty,DN=kx.toString,no=Ca?Ca.toStringTag:void 0;function CN(e){var t=xN.call(e,no),r=e[no];try{e[no]=void 0;var n=!0}catch{}var a=DN.call(e);return n&&(t?e[no]=r:delete e[no]),a}var SN=CN,kN=Object.prototype,AN=kN.toString;function FN(e){return AN.call(e)}var _N=FN,RN="[object Null]",IN="[object Undefined]",H4=Ca?Ca.toStringTag:void 0;function TN(e){return e==null?e===void 0?IN:RN:H4&&H4 in Object(e)?SN(e):_N(e)}var BN=TN,j4=Ca?Ca.prototype:void 0;j4&&j4.toString;function zN(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var Ax=zN,LN="[object AsyncFunction]",ON="[object Function]",MN="[object GeneratorFunction]",PN="[object Proxy]";function $N(e){if(!Ax(e))return!1;var t=BN(e);return t==ON||t==MN||t==LN||t==PN}var NN=$N,HN=oh["__core-js_shared__"],K0=HN,V4=function(){var e=/[^.]+$/.exec(K0&&K0.keys&&K0.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function jN(e){return!!V4&&V4 in e}var VN=jN,UN=Function.prototype,qN=UN.toString;function WN(e){if(e!=null){try{return qN.call(e)}catch{}try{return e+""}catch{}}return""}var GN=WN,YN=/[\\^$.*+?()[\]{}|]/g,KN=/^\[object .+?Constructor\]$/,ZN=Function.prototype,JN=Object.prototype,XN=ZN.toString,QN=JN.hasOwnProperty,eH=RegExp("^"+XN.call(QN).replace(YN,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function tH(e){if(!Ax(e)||VN(e))return!1;var t=NN(e)?eH:KN;return t.test(GN(e))}var rH=tH;function nH(e,t){return e?.[t]}var aH=nH;function oH(e,t){var r=aH(e,t);return rH(r)?r:void 0}var Fx=oH;function iH(e,t){return e===t||e!==e&&t!==t}var lH=iH,sH=Fx(Object,"create"),Wo=sH;function uH(){this.__data__=Wo?Wo(null):{},this.size=0}var cH=uH;function dH(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var pH=dH,fH="__lodash_hash_undefined__",hH=Object.prototype,mH=hH.hasOwnProperty;function gH(e){var t=this.__data__;if(Wo){var r=t[e];return r===fH?void 0:r}return mH.call(t,e)?t[e]:void 0}var vH=gH,yH=Object.prototype,bH=yH.hasOwnProperty;function wH(e){var t=this.__data__;return Wo?t[e]!==void 0:bH.call(t,e)}var EH=wH,xH="__lodash_hash_undefined__";function DH(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Wo&&t===void 0?xH:t,this}var CH=DH;function za(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t-1}var LH=zH;function OH(e,t){var r=this.__data__,n=mu(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this}var MH=OH;function La(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t{let t=null,r=!1,n=!1,a=!1,o="";if(e.indexOf("//")>=0||e.indexOf("/*")>=0)for(let i=0;i({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),GP=F.div({display:"flex",alignItems:"center",width:"100%"});function YP(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 KP=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:s,argType:c})=>{let d=f=>{r(oP(f.target.value))},p=t!==void 0,m=l.useMemo(()=>YP(o),[o]),h=!!c?.table?.readonly;return y.createElement(GP,{"aria-readonly":h},y.createElement(bx,null,n),y.createElement(qP,{id:vt(e),type:"range",disabled:h,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:s,onBlur:i}),y.createElement(WP,{numberOFDecimalsPlaces:m,max:a},p?t.toFixed(m):"--"," / ",a))},ZP=F.label({display:"flex"}),JP=F.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),XP=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{let s=f=>{r(f.target.value)},c=!!i?.table?.readonly,[d,p]=l.useState(!1),m=l.useCallback(()=>{r(""),p(!0)},[p]);if(t===void 0)return y.createElement(Sn,{variant:"outline",size:"medium",disabled:c,id:ps(e),onClick:m},"Set string");let h=typeof t=="string";return y.createElement(ZP,null,y.createElement(mi.Textarea,{id:vt(e),maxLength:o,onChange:s,disabled:c,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:h?null:"error",name:e,value:h?t:"",onFocus:n,onBlur:a}),o&&y.createElement(JP,{isMaxed:t?.length===o},t?.length??0," / ",o))},QP=F(mi.Input)({padding:10});function e$(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var t$=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{let o=l.useRef(null),i=a?.control?.readOnly;function s(c){if(!c.target.files)return;let d=Array.from(c.target.files).map(p=>URL.createObjectURL(p));e(d),e$(n)}return l.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),y.createElement(QP,{ref:o,id:vt(t),type:"file",name:t,multiple:!0,disabled:i,onChange:s,accept:r,size:"flex"})},r$=l.lazy(()=>G1(()=>import("./Color-F6OSRLHC-CZdfZVmr.js"),__vite__mapDeps([9,2,1,3,4,5,6,7,8]),import.meta.url)),n$=e=>y.createElement(l.Suspense,{fallback:y.createElement("div",null)},y.createElement(r$,{...e})),a$={array:O4,object:O4,boolean:JM,color:n$,date:nP,number:lP,check:Mn,"inline-check":Mn,radio:Mn,"inline-radio":Mn,select:Mn,"multi-select":Mn,range:KP,text:XP,file:t$},M4=()=>y.createElement(y.Fragment,null,"-"),o$=({row:e,arg:t,updateArgs:r,isHovered:n})=>{let{key:a,control:o}=e,[i,s]=l.useState(!1),[c,d]=l.useState({value:t});l.useEffect(()=>{i||d({value:t})},[i,t]);let p=l.useCallback(g=>(d({value:g}),r({[a]:g}),g),[r,a]),m=l.useCallback(()=>s(!1),[]),h=l.useCallback(()=>s(!0),[]);if(!o||o.disable){let g=o?.disable!==!0&&e?.type?.name!=="function";return n&&g?y.createElement(aa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):y.createElement(M4,null)}let f={name:a,argType:e,value:c.value,onChange:p,onBlur:m,onFocus:h},v=a$[o.type]||M4;return y.createElement(v,{...f,...o,controlType:o.type})},i$=F.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:Lr({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),l$=({tags:e})=>{let t=(e.params||[]).filter(o=>o.description),r=t.length!==0,n=e.deprecated!=null,a=e.returns!=null&&e.returns.description!=null;return!r&&!a&&!n?null:y.createElement(y.Fragment,null,y.createElement(i$,null,y.createElement("tbody",null,n&&y.createElement("tr",{key:"deprecated"},y.createElement("td",{colSpan:2},y.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(o=>y.createElement("tr",{key:o.name},y.createElement("td",null,y.createElement("code",null,o.name)),y.createElement("td",null,o.description))),a&&y.createElement("tr",{key:"returns"},y.createElement("td",null,y.createElement("code",null,"Returns")),y.createElement("td",null,e.returns.description)))))},s$=Y1(T9()),V1=8,P4=F.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),u$=F.span(Lr,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),c$=F.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),d$=F.div(Lr,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),p$=F.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),f$=F(AL)({marginLeft:4}),h$=F(I9)({marginLeft:4}),m$=()=>y.createElement("span",null,"-"),wx=({text:e,simple:t})=>y.createElement(u$,{simple:t},e),g$=(0,s$.default)(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),v$=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return Xx(t)},$4=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,V1)),r.map(n=>y.createElement(wx,{key:n,text:n===""?'""':n}))},y$=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,o]=l.useState(!1),[i,s]=l.useState(t||!1);if(r==null)return null;let c=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(c))return y.createElement(wx,{text:c});let d=v$(c),p=d.length;return p>V1?y.createElement(P4,{isExpanded:i},$4(d,i),y.createElement(c$,{onClick:()=>s(!i)},i?"Show less...":`Show ${p-V1} more...`)):y.createElement(P4,null,$4(d))}return y.createElement(mz,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:y.createElement(p$,{width:g$(n)},y.createElement(Hf,{language:"jsx",format:!1},n))},y.createElement(d$,{className:"sbdocs-expandable"},y.createElement("span",null,c),a?y.createElement(f$,null):y.createElement(h$,null)))},G0=({value:e,initialExpandedArgs:t})=>e==null?y.createElement(m$,null):y.createElement(y$,{value:e,initialExpandedArgs:t}),b$=F.span({fontWeight:"bold"}),w$=F.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),E$=F.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Lr({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),x$=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?oe(.1,e.color.defaultText):oe(.2,e.color.defaultText),marginTop:t?4:0})),D$=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?oe(.1,e.color.defaultText):oe(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),C$=F.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),S$=e=>e&&{summary:typeof e=="string"?e:e.name},Zi=e=>{let[t,r]=l.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:s}=e,{name:c,description:d}=n,p=n.table||{},m=p.type||S$(n.type),h=p.defaultValue||n.defaultValue,f=n.type?.required,v=d!=null&&d!=="";return y.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},y.createElement(C$,{expandable:i},y.createElement(b$,null,c),f?y.createElement(w$,{title:"Required"},"*"):null),o?null:y.createElement("td",null,v&&y.createElement(E$,null,y.createElement(lx,null,d)),p.jsDocTags!=null?y.createElement(y.Fragment,null,y.createElement(D$,{hasDescription:v},y.createElement(G0,{value:m,initialExpandedArgs:s})),y.createElement(l$,{tags:p.jsDocTags})):y.createElement(x$,{hasDescription:v},y.createElement(G0,{value:m,initialExpandedArgs:s}))),o?null:y.createElement("td",null,y.createElement(G0,{value:h,initialExpandedArgs:s})),a?y.createElement("td",null,y.createElement(o$,{...e,isHovered:t})):null)},k$=F.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"})),A$=F.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),F$=F.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),_$=({inAddonPanel:e})=>{let[t,r]=l.useState(!0);return l.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:y.createElement(k$,{inAddonPanel:e},y.createElement(C9,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:y.createElement(y.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:y.createElement(A$,null,e&&y.createElement(y.Fragment,null,y.createElement(aa,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},y.createElement(EL,null)," Watch 5m video"),y.createElement(F$,null),y.createElement(aa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(B1,null)," Read docs")),!e&&y.createElement(aa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(B1,null)," Learn how to set that up"))}))},R$=F(SL)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?oe(.25,e.color.defaultText):oe(.3,e.color.defaultText),border:"none",display:"inline-block"})),I$=F(kL)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?oe(.25,e.color.defaultText):oe(.3,e.color.defaultText),border:"none",display:"inline-block"})),T$=F.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),B$=F.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"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),z$=F.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),L$=F.td(()=>({position:"relative"})),O$=F.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Kr(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),N4=F.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"})),Y0=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=l.useState(n),s=e==="subsection"?z$:B$,c=r?.length||0,d=e==="subsection"?`${c} item${c!==1?"s":""}`:"",p=`${o?"Hide":"Show"} ${e==="subsection"?c:t} item${c!==1?"s":""}`;return y.createElement(y.Fragment,null,y.createElement(O$,{title:p},y.createElement(s,{colSpan:1},y.createElement(N4,{onClick:m=>i(!o),tabIndex:0},p),y.createElement(T$,null,o?y.createElement(R$,null):y.createElement(I$,null),t)),y.createElement(L$,{colSpan:a-1},y.createElement(N4,{onClick:m=>i(!o),tabIndex:-1,style:{outline:"none"}},p),o?null:d)),o?r:null)},Ji=F.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Ae=F.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),me=F.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})),Fe=[2,4,2,2],M$=()=>y.createElement(y.Fragment,null,y.createElement(Ji,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(Ji,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(Ji,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(Ji,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"})))),P$=F.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"?oe(.25,e.color.defaultText):oe(.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}}}}})),$$=F(sn)(({theme:e})=>({margin:"-4px -12px -4px 0"})),N$=F.span({display:"flex",justifyContent:"space-between"}),H$={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},j$=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:s,subcategory:c}=i?.table||{};if(s){let d=r.sections[s]||{ungrouped:[],subsections:{}};if(!c)d.ungrouped.push({key:o,...i});else{let p=d.subsections[c]||[];p.push({key:o,...i}),d.subsections[c]=p}r.sections[s]=d}else if(c){let d=r.ungroupedSubsections[c]||[];d.push({key:o,...i}),r.ungroupedSubsections[c]=d}else r.ungrouped.push({key:o,...i})});let n=H$[t],a=o=>n?Object.keys(o).reduce((i,s)=>({...i,[s]:o[s].sort(n)}),{}):o;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((o,i)=>({...o,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},V$=(e,t,r)=>{try{return jx(e,t,r)}catch(n){return RL.warn(n.message),!1}},U1=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:s}=e;if("error"in e){let{error:D}=e;return y.createElement(M9,null,D," ",y.createElement(aa,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},y.createElement(B1,null)," Read the docs"))}if(s)return y.createElement(M$,null);let{rows:c,args:d,globals:p}="rows"in e&&e,m=j$(Qx(c||{},D=>!D?.table?.disable&&V$(D,d||{},p||{})),i),h=m.ungrouped.length===0,f=Object.entries(m.sections).length===0,v=Object.entries(m.ungroupedSubsections).length===0;if(h&&f&&v)return y.createElement(_$,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let w=Object.keys(m.sections).length>0,x={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return y.createElement(N8,null,y.createElement(P$,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},y.createElement("thead",{className:"docblock-argstable-head"},y.createElement("tr",null,y.createElement("th",null,y.createElement("span",null,"Name")),n?null:y.createElement("th",null,y.createElement("span",null,"Description")),n?null:y.createElement("th",null,y.createElement("span",null,"Default")),t?y.createElement("th",null,y.createElement(N$,null,"Control"," ",!s&&r&&y.createElement($$,{onClick:()=>r(),title:"Reset controls"},y.createElement(FL,{"aria-hidden":!0})))):null)),y.createElement("tbody",{className:"docblock-argstable-body"},m.ungrouped.map(D=>y.createElement(Zi,{key:D.key,row:D,arg:d&&d[D.key],...x})),Object.entries(m.ungroupedSubsections).map(([D,E])=>y.createElement(Y0,{key:D,label:D,level:"subsection",colSpan:g},E.map(b=>y.createElement(Zi,{key:b.key,row:b,arg:d&&d[b.key],expandable:w,...x})))),Object.entries(m.sections).map(([D,E])=>y.createElement(Y0,{key:D,label:D,level:"section",colSpan:g},E.ungrouped.map(b=>y.createElement(Zi,{key:b.key,row:b,arg:d&&d[b.key],...x})),Object.entries(E.subsections).map(([b,C])=>y.createElement(Y0,{key:b,label:b,level:"subsection",colSpan:g},C.map(S=>y.createElement(Zi,{key:S.key,row:S,arg:d&&d[S.key],expandable:w,...x})))))))))},U$=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?y.createElement(U1,{...r[0][1],...t}):y.createElement(Jz,null,r.map((n,a)=>{let[o,i]=n,s=`prop_table_div_${o}`,c="div",d=a===0?t:{sort:t.sort};return y.createElement(c,{key:s,id:s,title:o},({active:p})=>p?y.createElement(U1,{key:`prop_table_${o}`,...i,...d}):null)}))};F.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText)}));F.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});F.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});F.div(se,({theme:e})=>({...pu(e),margin:"25px 0 40px",padding:"30px 20px"}));F.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));F.div(({theme:e})=>({color:e.base==="light"?oe(.2,e.color.defaultText):oe(.6,e.color.defaultText)}));F.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});F.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"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));F.div({display:"flex",flexDirection:"row"});F.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));F.div(({theme:e})=>({...pu(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"}));F.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});F.div({flex:1,display:"flex",flexDirection:"row"});F.div({display:"flex",alignItems:"flex-start"});F.div({flex:"0 0 30%"});F.div({flex:1});F.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText)}));F.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));F.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));F.div(({theme:e})=>({...pu(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));F.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});F.div({display:"flex",flexFlow:"row wrap"});var q$=e=>`anchor--${e}`,W$=({storyId:e,children:t})=>y.createElement("div",{id:q$(e),className:"sb-anchor"},t);globalThis&&globalThis.__DOCS_CONTEXT__===void 0&&(globalThis.__DOCS_CONTEXT__=l.createContext(null),globalThis.__DOCS_CONTEXT__.displayName="DocsContext");var Yt=globalThis?globalThis.__DOCS_CONTEXT__:l.createContext(null),kn=(e,t)=>l.useContext(Yt).resolveOf(e,t),G$=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),Y$=e=>{if(e)return typeof e=="string"?e.includes("-")?G$(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function K$(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}var Z$=Object.create,Ex=Object.defineProperty,J$=Object.getOwnPropertyDescriptor,xx=Object.getOwnPropertyNames,X$=Object.getPrototypeOf,Q$=Object.prototype.hasOwnProperty,et=(e,t)=>function(){return t||(0,e[xx(e)[0]])((t={exports:{}}).exports,t),t.exports},eN=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of xx(t))!Q$.call(e,a)&&a!==r&&Ex(e,a,{get:()=>t[a],enumerable:!(n=J$(t,a))||n.enumerable});return e},nh=(e,t,r)=>(r=e!=null?Z$(X$(e)):{},eN(!e||!e.__esModule?Ex(r,"default",{value:e,enumerable:!0}):r,e)),tN=["bubbles","cancelBubble","cancelable","composed","currentTarget","defaultPrevented","eventPhase","isTrusted","returnValue","srcElement","target","timeStamp","type"],rN=["detail"];function nN(e){let t=tN.filter(r=>e[r]!==void 0).reduce((r,n)=>({...r,[n]:e[n]}),{});return e instanceof CustomEvent&&rN.filter(r=>e[r]!==void 0).forEach(r=>{t[r]=e[r]}),t}var aN=Y1(T9(),1),Dx=et({"node_modules/has-symbols/shams.js"(e,t){t.exports=function(){if(typeof Symbol!="function"||typeof Object.getOwnPropertySymbols!="function")return!1;if(typeof Symbol.iterator=="symbol")return!0;var r={},n=Symbol("test"),a=Object(n);if(typeof n=="string"||Object.prototype.toString.call(n)!=="[object Symbol]"||Object.prototype.toString.call(a)!=="[object Symbol]")return!1;var o=42;r[n]=o;for(n in r)return!1;if(typeof Object.keys=="function"&&Object.keys(r).length!==0||typeof Object.getOwnPropertyNames=="function"&&Object.getOwnPropertyNames(r).length!==0)return!1;var i=Object.getOwnPropertySymbols(r);if(i.length!==1||i[0]!==n||!Object.prototype.propertyIsEnumerable.call(r,n))return!1;if(typeof Object.getOwnPropertyDescriptor=="function"){var s=Object.getOwnPropertyDescriptor(r,n);if(s.value!==o||s.enumerable!==!0)return!1}return!0}}}),Cx=et({"node_modules/has-symbols/index.js"(e,t){var r=typeof Symbol<"u"&&Symbol,n=Dx();t.exports=function(){return typeof r!="function"||typeof Symbol!="function"||typeof r("foo")!="symbol"||typeof Symbol("bar")!="symbol"?!1:n()}}}),oN=et({"node_modules/function-bind/implementation.js"(e,t){var r="Function.prototype.bind called on incompatible ",n=Array.prototype.slice,a=Object.prototype.toString,o="[object Function]";t.exports=function(i){var s=this;if(typeof s!="function"||a.call(s)!==o)throw new TypeError(r+s);for(var c=n.call(arguments,1),d,p=function(){if(this instanceof d){var g=s.apply(this,c.concat(n.call(arguments)));return Object(g)===g?g:this}else return s.apply(i,c.concat(n.call(arguments)))},m=Math.max(0,s.length-c.length),h=[],f=0;f"u"?r:m(Uint8Array),v={"%AggregateError%":typeof AggregateError>"u"?r:AggregateError,"%Array%":Array,"%ArrayBuffer%":typeof ArrayBuffer>"u"?r:ArrayBuffer,"%ArrayIteratorPrototype%":p?m([][Symbol.iterator]()):r,"%AsyncFromSyncIteratorPrototype%":r,"%AsyncFunction%":h,"%AsyncGenerator%":h,"%AsyncGeneratorFunction%":h,"%AsyncIteratorPrototype%":h,"%Atomics%":typeof Atomics>"u"?r:Atomics,"%BigInt%":typeof BigInt>"u"?r:BigInt,"%Boolean%":Boolean,"%DataView%":typeof DataView>"u"?r:DataView,"%Date%":Date,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":Error,"%eval%":eval,"%EvalError%":EvalError,"%Float32Array%":typeof Float32Array>"u"?r:Float32Array,"%Float64Array%":typeof Float64Array>"u"?r:Float64Array,"%FinalizationRegistry%":typeof FinalizationRegistry>"u"?r:FinalizationRegistry,"%Function%":a,"%GeneratorFunction%":h,"%Int8Array%":typeof Int8Array>"u"?r:Int8Array,"%Int16Array%":typeof Int16Array>"u"?r:Int16Array,"%Int32Array%":typeof Int32Array>"u"?r:Int32Array,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":p?m(m([][Symbol.iterator]())):r,"%JSON%":typeof JSON=="object"?JSON:r,"%Map%":typeof Map>"u"?r:Map,"%MapIteratorPrototype%":typeof Map>"u"||!p?r:m(new Map()[Symbol.iterator]()),"%Math%":Math,"%Number%":Number,"%Object%":Object,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":typeof Promise>"u"?r:Promise,"%Proxy%":typeof Proxy>"u"?r:Proxy,"%RangeError%":RangeError,"%ReferenceError%":ReferenceError,"%Reflect%":typeof Reflect>"u"?r:Reflect,"%RegExp%":RegExp,"%Set%":typeof Set>"u"?r:Set,"%SetIteratorPrototype%":typeof Set>"u"||!p?r:m(new Set()[Symbol.iterator]()),"%SharedArrayBuffer%":typeof SharedArrayBuffer>"u"?r:SharedArrayBuffer,"%String%":String,"%StringIteratorPrototype%":p?m(""[Symbol.iterator]()):r,"%Symbol%":p?Symbol:r,"%SyntaxError%":n,"%ThrowTypeError%":d,"%TypedArray%":f,"%TypeError%":o,"%Uint8Array%":typeof Uint8Array>"u"?r:Uint8Array,"%Uint8ClampedArray%":typeof Uint8ClampedArray>"u"?r:Uint8ClampedArray,"%Uint16Array%":typeof Uint16Array>"u"?r:Uint16Array,"%Uint32Array%":typeof Uint32Array>"u"?r:Uint32Array,"%URIError%":URIError,"%WeakMap%":typeof WeakMap>"u"?r:WeakMap,"%WeakRef%":typeof WeakRef>"u"?r:WeakRef,"%WeakSet%":typeof WeakSet>"u"?r:WeakSet},g=function z(L){var M;if(L==="%AsyncFunction%")M=i("async function () {}");else if(L==="%GeneratorFunction%")M=i("function* () {}");else if(L==="%AsyncGeneratorFunction%")M=i("async function* () {}");else if(L==="%AsyncGenerator%"){var O=z("%AsyncGeneratorFunction%");O&&(M=O.prototype)}else if(L==="%AsyncIteratorPrototype%"){var P=z("%AsyncGenerator%");P&&(M=m(P.prototype))}return v[L]=M,M},w={"%ArrayBufferPrototype%":["ArrayBuffer","prototype"],"%ArrayPrototype%":["Array","prototype"],"%ArrayProto_entries%":["Array","prototype","entries"],"%ArrayProto_forEach%":["Array","prototype","forEach"],"%ArrayProto_keys%":["Array","prototype","keys"],"%ArrayProto_values%":["Array","prototype","values"],"%AsyncFunctionPrototype%":["AsyncFunction","prototype"],"%AsyncGenerator%":["AsyncGeneratorFunction","prototype"],"%AsyncGeneratorPrototype%":["AsyncGeneratorFunction","prototype","prototype"],"%BooleanPrototype%":["Boolean","prototype"],"%DataViewPrototype%":["DataView","prototype"],"%DatePrototype%":["Date","prototype"],"%ErrorPrototype%":["Error","prototype"],"%EvalErrorPrototype%":["EvalError","prototype"],"%Float32ArrayPrototype%":["Float32Array","prototype"],"%Float64ArrayPrototype%":["Float64Array","prototype"],"%FunctionPrototype%":["Function","prototype"],"%Generator%":["GeneratorFunction","prototype"],"%GeneratorPrototype%":["GeneratorFunction","prototype","prototype"],"%Int8ArrayPrototype%":["Int8Array","prototype"],"%Int16ArrayPrototype%":["Int16Array","prototype"],"%Int32ArrayPrototype%":["Int32Array","prototype"],"%JSONParse%":["JSON","parse"],"%JSONStringify%":["JSON","stringify"],"%MapPrototype%":["Map","prototype"],"%NumberPrototype%":["Number","prototype"],"%ObjectPrototype%":["Object","prototype"],"%ObjProto_toString%":["Object","prototype","toString"],"%ObjProto_valueOf%":["Object","prototype","valueOf"],"%PromisePrototype%":["Promise","prototype"],"%PromiseProto_then%":["Promise","prototype","then"],"%Promise_all%":["Promise","all"],"%Promise_reject%":["Promise","reject"],"%Promise_resolve%":["Promise","resolve"],"%RangeErrorPrototype%":["RangeError","prototype"],"%ReferenceErrorPrototype%":["ReferenceError","prototype"],"%RegExpPrototype%":["RegExp","prototype"],"%SetPrototype%":["Set","prototype"],"%SharedArrayBufferPrototype%":["SharedArrayBuffer","prototype"],"%StringPrototype%":["String","prototype"],"%SymbolPrototype%":["Symbol","prototype"],"%SyntaxErrorPrototype%":["SyntaxError","prototype"],"%TypedArrayPrototype%":["TypedArray","prototype"],"%TypeErrorPrototype%":["TypeError","prototype"],"%Uint8ArrayPrototype%":["Uint8Array","prototype"],"%Uint8ClampedArrayPrototype%":["Uint8ClampedArray","prototype"],"%Uint16ArrayPrototype%":["Uint16Array","prototype"],"%Uint32ArrayPrototype%":["Uint32Array","prototype"],"%URIErrorPrototype%":["URIError","prototype"],"%WeakMapPrototype%":["WeakMap","prototype"],"%WeakSetPrototype%":["WeakSet","prototype"]},x=ah(),D=iN(),E=x.call(Function.call,Array.prototype.concat),b=x.call(Function.apply,Array.prototype.splice),C=x.call(Function.call,String.prototype.replace),S=x.call(Function.call,String.prototype.slice),k=x.call(Function.call,RegExp.prototype.exec),A=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g,_=/\\(\\)?/g,I=function(z){var L=S(z,0,1),M=S(z,-1);if(L==="%"&&M!=="%")throw new n("invalid intrinsic syntax, expected closing `%`");if(M==="%"&&L!=="%")throw new n("invalid intrinsic syntax, expected opening `%`");var O=[];return C(z,A,function(P,j,U,V){O[O.length]=U?C(V,_,"$1"):j||P}),O},T=function(z,L){var M=z,O;if(D(w,M)&&(O=w[M],M="%"+O[0]+"%"),D(v,M)){var P=v[M];if(P===h&&(P=g(M)),typeof P>"u"&&!L)throw new o("intrinsic "+z+" exists, but is not available. Please file an issue!");return{alias:O,name:M,value:P}}throw new n("intrinsic "+z+" does not exist!")};t.exports=function(z,L){if(typeof z!="string"||z.length===0)throw new o("intrinsic name must be a non-empty string");if(arguments.length>1&&typeof L!="boolean")throw new o('"allowMissing" argument must be a boolean');if(k(/^%?[^%]*%?$/,z)===null)throw new n("`%` may not be present anywhere but at the beginning and end of the intrinsic name");var M=I(z),O=M.length>0?M[0]:"",P=T("%"+O+"%",L),j=P.name,U=P.value,V=!1,G=P.alias;G&&(O=G[0],b(M,E([0,1],G)));for(var Q=1,ne=!0;Q=M.length){var K=s(U,Z);ne=!!K,ne&&"get"in K&&!("originalValue"in K.get)?U=K.get:U=U[Z]}else ne=D(U,Z),U=U[Z];ne&&!V&&(v[j]=U)}}return U}}}),lN=et({"node_modules/call-bind/index.js"(e,t){var r=ah(),n=Sx(),a=n("%Function.prototype.apply%"),o=n("%Function.prototype.call%"),i=n("%Reflect.apply%",!0)||r.call(o,a),s=n("%Object.getOwnPropertyDescriptor%",!0),c=n("%Object.defineProperty%",!0),d=n("%Math.max%");if(c)try{c({},"a",{value:1})}catch{c=null}t.exports=function(m){var h=i(r,o,arguments);if(s&&c){var f=s(h,"length");f.configurable&&c(h,"length",{value:1+d(0,m.length-(arguments.length-1))})}return h};var p=function(){return i(r,a,arguments)};c?c(t.exports,"apply",{value:p}):t.exports.apply=p}}),sN=et({"node_modules/call-bind/callBound.js"(e,t){var r=Sx(),n=lN(),a=n(r("String.prototype.indexOf"));t.exports=function(o,i){var s=r(o,!!i);return typeof s=="function"&&a(o,".prototype.")>-1?n(s):s}}}),uN=et({"node_modules/has-tostringtag/shams.js"(e,t){var r=Dx();t.exports=function(){return r()&&!!Symbol.toStringTag}}}),cN=et({"node_modules/is-regex/index.js"(e,t){var r=sN(),n=uN()(),a,o,i,s;n&&(a=r("Object.prototype.hasOwnProperty"),o=r("RegExp.prototype.exec"),i={},c=function(){throw i},s={toString:c,valueOf:c},typeof Symbol.toPrimitive=="symbol"&&(s[Symbol.toPrimitive]=c));var c,d=r("Object.prototype.toString"),p=Object.getOwnPropertyDescriptor,m="[object RegExp]";t.exports=n?function(h){if(!h||typeof h!="object")return!1;var f=p(h,"lastIndex"),v=f&&a(f,"value");if(!v)return!1;try{o(h,s)}catch(g){return g===i}}:function(h){return!h||typeof h!="object"&&typeof h!="function"?!1:d(h)===m}}}),dN=et({"node_modules/is-function/index.js"(e,t){t.exports=n;var r=Object.prototype.toString;function n(a){if(!a)return!1;var o=r.call(a);return o==="[object Function]"||typeof a=="function"&&o!=="[object RegExp]"||typeof window<"u"&&(a===window.setTimeout||a===window.alert||a===window.confirm||a===window.prompt)}}}),pN=et({"node_modules/is-symbol/index.js"(e,t){var r=Object.prototype.toString,n=Cx()();n?(a=Symbol.prototype.toString,o=/^Symbol\(.*\)$/,i=function(s){return typeof s.valueOf()!="symbol"?!1:o.test(a.call(s))},t.exports=function(s){if(typeof s=="symbol")return!0;if(r.call(s)!=="[object Symbol]")return!1;try{return i(s)}catch{return!1}}):t.exports=function(s){return!1};var a,o,i}}),fN=nh(cN()),hN=nh(dN()),mN=nh(pN());function gN(e){return e!=null&&typeof e=="object"&&Array.isArray(e)===!1}var vN=typeof global=="object"&&global&&global.Object===Object&&global,yN=vN,bN=typeof self=="object"&&self&&self.Object===Object&&self,wN=yN||bN||Function("return this")(),oh=wN,EN=oh.Symbol,Ca=EN,kx=Object.prototype,xN=kx.hasOwnProperty,DN=kx.toString,no=Ca?Ca.toStringTag:void 0;function CN(e){var t=xN.call(e,no),r=e[no];try{e[no]=void 0;var n=!0}catch{}var a=DN.call(e);return n&&(t?e[no]=r:delete e[no]),a}var SN=CN,kN=Object.prototype,AN=kN.toString;function FN(e){return AN.call(e)}var _N=FN,RN="[object Null]",IN="[object Undefined]",H4=Ca?Ca.toStringTag:void 0;function TN(e){return e==null?e===void 0?IN:RN:H4&&H4 in Object(e)?SN(e):_N(e)}var BN=TN,j4=Ca?Ca.prototype:void 0;j4&&j4.toString;function zN(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var Ax=zN,LN="[object AsyncFunction]",ON="[object Function]",MN="[object GeneratorFunction]",PN="[object Proxy]";function $N(e){if(!Ax(e))return!1;var t=BN(e);return t==ON||t==MN||t==LN||t==PN}var NN=$N,HN=oh["__core-js_shared__"],K0=HN,V4=function(){var e=/[^.]+$/.exec(K0&&K0.keys&&K0.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function jN(e){return!!V4&&V4 in e}var VN=jN,UN=Function.prototype,qN=UN.toString;function WN(e){if(e!=null){try{return qN.call(e)}catch{}try{return e+""}catch{}}return""}var GN=WN,YN=/[\\^$.*+?()[\]{}|]/g,KN=/^\[object .+?Constructor\]$/,ZN=Function.prototype,JN=Object.prototype,XN=ZN.toString,QN=JN.hasOwnProperty,eH=RegExp("^"+XN.call(QN).replace(YN,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function tH(e){if(!Ax(e)||VN(e))return!1;var t=NN(e)?eH:KN;return t.test(GN(e))}var rH=tH;function nH(e,t){return e?.[t]}var aH=nH;function oH(e,t){var r=aH(e,t);return rH(r)?r:void 0}var Fx=oH;function iH(e,t){return e===t||e!==e&&t!==t}var lH=iH,sH=Fx(Object,"create"),Wo=sH;function uH(){this.__data__=Wo?Wo(null):{},this.size=0}var cH=uH;function dH(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var pH=dH,fH="__lodash_hash_undefined__",hH=Object.prototype,mH=hH.hasOwnProperty;function gH(e){var t=this.__data__;if(Wo){var r=t[e];return r===fH?void 0:r}return mH.call(t,e)?t[e]:void 0}var vH=gH,yH=Object.prototype,bH=yH.hasOwnProperty;function wH(e){var t=this.__data__;return Wo?t[e]!==void 0:bH.call(t,e)}var EH=wH,xH="__lodash_hash_undefined__";function DH(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Wo&&t===void 0?xH:t,this}var CH=DH;function za(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t-1}var LH=zH;function OH(e,t){var r=this.__data__,n=mu(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this}var MH=OH;function La(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t{let t=null,r=!1,n=!1,a=!1,o="";if(e.indexOf("//")>=0||e.indexOf("/*")>=0)for(let i=0;isj(e).replace(/\n\s*/g,"").trim()),cj=function(e,t){let r=t.slice(0,t.indexOf("{")),n=t.slice(t.indexOf("{"));if(r.includes("=>")||r.includes("function"))return t;let a=r;return a=a.replace(e,"function"),a+n},dj=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z$/;function Rx(e){if(!lj(e))return e;let t=e,r=!1;return typeof Event<"u"&&e instanceof Event&&(t=nN(t),r=!0),t=Object.keys(t).reduce((n,a)=>{try{t[a]&&t[a].toJSON,n[a]=t[a]}catch{r=!0}return n},{}),r?t:e}var pj=function(e){let t,r,n,a;return function(o,i){try{if(o==="")return a=[],t=new Map([[i,"[]"]]),r=new Map,n=[],i;let s=r.get(this)||this;for(;n.length&&s!==n[0];)n.shift(),a.pop();if(typeof i=="boolean")return i;if(i===void 0)return e.allowUndefined?"_undefined_":void 0;if(i===null)return null;if(typeof i=="number")return i===-1/0?"_-Infinity_":i===1/0?"_Infinity_":Number.isNaN(i)?"_NaN_":i;if(typeof i=="bigint")return`_bigint_${i.toString()}`;if(typeof i=="string")return dj.test(i)?e.allowDate?`_date_${i}`:void 0:i;if((0,fN.default)(i))return e.allowRegExp?`_regexp_${i.flags}|${i.source}`:void 0;if((0,hN.default)(i)){if(!e.allowFunction)return;let{name:d}=i,p=i.toString();return p.match(/(\[native code\]|WEBPACK_IMPORTED_MODULE|__webpack_exports__|__webpack_require__)/)?`_function_${d}|${(()=>{}).toString()}`:`_function_${d}|${uj(cj(o,p))}`}if((0,mN.default)(i)){if(!e.allowSymbol)return;let d=Symbol.keyFor(i);return d!==void 0?`_gsymbol_${d}`:`_symbol_${i.toString().slice(7,-1)}`}if(n.length>=e.maxDepth)return Array.isArray(i)?`[Array(${i.length})]`:"[Object]";if(i===this)return`_duplicate_${JSON.stringify(a)}`;if(i instanceof Error&&e.allowError)return{__isConvertedError__:!0,errorProperties:{...i.cause?{cause:i.cause}:{},...i,name:i.name,message:i.message,stack:i.stack,"_constructor-name_":i.constructor.name}};if(i.constructor&&i.constructor.name&&i.constructor.name!=="Object"&&!Array.isArray(i)&&!e.allowClass)return;let c=t.get(i);if(!c){let d=Array.isArray(i)?i:Rx(i);if(i.constructor&&i.constructor.name&&i.constructor.name!=="Object"&&!Array.isArray(i)&&e.allowClass)try{Object.assign(d,{"_constructor-name_":i.constructor.name})}catch{}return a.push(o),n.unshift(d),t.set(i,JSON.stringify(a)),i!==d&&r.set(i,d),d}return`_duplicate_${c}`}catch{return}}},fj={maxDepth:10,space:void 0,allowFunction:!0,allowRegExp:!0,allowDate:!0,allowClass:!0,allowError:!0,allowUndefined:!0,allowSymbol:!0,lazyEval:!0},hj=(e,t={})=>{let r={...fj,...t};return JSON.stringify(Rx(e),pj(r),t.space)};function Ix(e){return hj(e,{allowFunction:!1})}var Tx=l.createContext({sources:{}}),Bx="--unknown--",mj=({children:e,channel:t})=>{let[r,n]=l.useState({});return l.useEffect(()=>{let a=(o,i=null,s=!1)=>{let{id:c,args:d=void 0,source:p,format:m}=typeof o=="string"?{id:o,source:i,format:s}:o,h=d?Ix(d):Bx;n(f=>({...f,[c]:{...f[c],[h]:{code:p,format:m}}}))};return t.on(fh,a),()=>t.off(fh,a)},[]),y.createElement(Tx.Provider,{value:{sources:r}},e)},gj=(e,t,r)=>{let{sources:n}=r,a=n?.[e];return a?.[Ix(t)]||a?.[Bx]||{code:""}},vj=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{let{__isArgsStory:a}=t.parameters,o=t.parameters.docs?.source||{},i=r||o.type||bu.AUTO;if(o.code!==void 0)return o.code;let s=i===bu.DYNAMIC||i===bu.AUTO&&e&&a?e:o.originalSource||"";return(n??o.transform)?.(s,t)||s},yj=(e,t,r)=>{let n,{of:a}=e;if("of"in e&&a===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(a)n=t.resolveOf(a,["story"]).story;else try{n=t.storyById()}catch{}let o=n?.parameters?.docs?.source||{},{code:i}=e,s=e.format??o.format,c=e.language??o.language??"jsx",d=e.dark??o.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:s,language:c,dark:d};let p=t.getStoryContext(n),m=e.__forceInitialArgs?p.initialArgs:p.unmappedArgs,h=gj(n.id,m,r);return s=h.format??n.parameters.docs?.source?.format??!1,{code:vj({snippet:h.code,storyContext:{...p,args:m},typeFromProps:e.type,transformFromProps:e.transform}),format:s,language:c,dark:d}};function bj(e,t){let r=wj([e],t);return r&&r[0]}function wj(e,t){let[r,n]=l.useState({});return l.useEffect(()=>{Promise.all(e.map(async a=>{let o=await t.loadStory(a);n(i=>i[a]===o?i:{...i,[a]:o})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var Ej=(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},xj=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,o=a.story||{};if(a.disable)return null;if(e.inline??o.inline??!1){let s=e.height??o.height,c=e.autoplay??o.autoplay??!1;return{story:t,inline:!0,height:s,autoplay:c,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??o.height??o.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},Dj=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=l.useContext(Yt),r=Ej(e,t),n=bj(r,t);if(!n)return y.createElement(N9,null);let a=xj(e,n,t);return a?y.createElement(zO,{...a}):null},Cj=e=>{let t=l.useContext(Yt),r=l.useContext(Tx),{of:n,source:a}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:o}=kn(n||"story",["story"]),i=yj({...a,...n&&{of:n}},t,r),s=e.layout??o.parameters.layout??o.parameters.docs?.canvas?.layout??"padded",c=e.withToolbar??o.parameters.docs?.canvas?.withToolbar??!1,d=e.additionalActions??o.parameters.docs?.canvas?.additionalActions,p=e.sourceState??o.parameters.docs?.canvas?.sourceState??"hidden",m=e.className??o.parameters.docs?.canvas?.className;return y.createElement(H9,{withSource:p==="none"?void 0:i,isExpanded:p==="shown",withToolbar:c,additionalActions:d,className:m,layout:s},y.createElement(Dj,{of:n||o.moduleExport,meta:e.meta,...e.story}))},Sj=(e,t)=>{let r=kj(e,t);if(!r)throw new Error("No result when story was defined");return r},kj=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,o]=l.useState(r.args);l.useEffect(()=>{let c=d=>{d.storyId===n&&o(d.args)};return t.channel.on(v4,c),()=>t.channel.off(v4,c)},[n,t.channel]);let i=l.useCallback(c=>t.channel.emit(IL,{storyId:n,updatedArgs:c}),[n,t.channel]),s=l.useCallback(c=>t.channel.emit(TL,{storyId:n,argNames:c}),[n,t.channel]);return e&&[a,i,s]},Aj=(e,t)=>{let r=t.getStoryContext(e),[n,a]=l.useState(r.globals);return l.useEffect(()=>{let o=i=>{a(i.globals)};return t.channel.on(y4,o),()=>t.channel.off(y4,o)},[t.channel]),[n]};function Fj(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var _j=e=>{let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r=l.useContext(Yt),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:o,component:i,subcomponents:s}=n,c=a.docs?.controls||{},d=e.include??c.include,p=e.exclude??c.exclude,m=e.sort??c.sort,[h,f,v]=Sj(n,r),[g]=Aj(n,r),w=g4(o,d,p);if(!(s&&Object.keys(s).length>0))return Object.keys(w).length>0||Object.keys(h).length>0?y.createElement(U1,{rows:w,sort:m,args:h,globals:g,updateArgs:f,resetArgs:v}):null;let x=Y$(i),D=Object.fromEntries(Object.entries(s).map(([b,C])=>[b,{rows:g4(Fj(C,a),d,p),sort:m}])),E={[x]:{rows:w,sort:m},...D};return y.createElement(U$,{tabs:E,sort:m,args:h,globals:g,updateArgs:f,resetArgs:v})},{document:zx}=globalThis,Lx=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return y.createElement(H8,null,t);let n=e&&e.split("-");return y.createElement(P9,{language:n&&n[1]||"text",format:!1,code:t,...r})};function lh(e,t){e.channel.emit(BL,t)}var q1=hL.a,Rj=({hash:e,children:t})=>{let r=l.useContext(Yt);return y.createElement(q1,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);zx.getElementById(a)&&lh(r,e)}},t)},Ox=e=>{let{href:t,target:r,children:n,...a}=e,o=l.useContext(Yt);return!t||r==="_blank"||/^https?:\/\//.test(t)?y.createElement(q1,{...e}):t.startsWith("#")?y.createElement(Rj,{hash:t},n):y.createElement(q1,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),lh(o,i.currentTarget.getAttribute("href")))},target:r,...a},n)},Mx=["h1","h2","h3","h4","h5","h6"],Ij=Mx.reduce((e,t)=>({...e,[t]:F(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Tj=F.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),Bj=({as:e,id:t,children:r,...n})=>{let a=l.useContext(Yt),o=Ij[e],i=`#${t}`;return y.createElement(o,{id:t,...n},y.createElement(Tj,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:s=>{zx.getElementById(t)&&lh(a,i)}},y.createElement(CL,null)),r)},sh=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return y.createElement(Bj,{as:t,id:r,...a},n);let o=t,{as:i,...s}=e;return y.createElement(o,{...le(s,t)})},Px=Mx.reduce((e,t)=>({...e,[t]:r=>y.createElement(sh,{as:t,...r})}),{}),zj=e=>{if(!e.children)return null;if(typeof e.children!="string")throw new Error(Vx`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}' diff --git a/assets/DrawerMenu.stories-Cefvj2AB.js b/assets/DrawerMenu.stories-D5NdbO-l.js similarity index 78% rename from assets/DrawerMenu.stories-Cefvj2AB.js rename to assets/DrawerMenu.stories-D5NdbO-l.js index e830fcf3..537887f1 100644 --- a/assets/DrawerMenu.stories-Cefvj2AB.js +++ b/assets/DrawerMenu.stories-D5NdbO-l.js @@ -1,3 +1,3 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{U as a}from"./user-profile-cqTW1cHH.js";import{N as s,C as n,L as i}from"./notifications-BEKrtwGv.js";import{d as m,D as c}from"./DrawerMenu-BNILBemh.js";import{M as r}from"./MenuItem-gUZ49Jwi.js";import{S as p}from"./Separator-CEmvN0Jc.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";import"./Text-Ca3mYoxg.js";import"./Typography-f-oayws_.js";import"./chevron-right-DND12YKW.js";import"./index-C8xBnYIG.js";import"./index-Ksfxd92j.js";import"./index-BvEl7W6R.js";import"./floating-ui.react-C0ln9j1M.js";const l=t=>e.jsxs(e.Fragment,{children:[e.jsx("div",{className:m.bg}),e.jsxs(c,{...t,title:"Settings",children:[e.jsx(r,{Icon:a,label:"Profile",onSelect:()=>{}}),e.jsx(r,{Icon:s,label:"Notifications",onSelect:()=>{}}),e.jsx(r,{Icon:n,label:"Feedback",onSelect:()=>{}}),e.jsx(p,{}),e.jsx(r,{kind:"critical",Icon:i,label:"Sign out",onSelect:()=>{}})]})]}),v={title:"Menu/DrawerMenu",component:l,argTypes:{},args:{}},o={args:{}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{U as a}from"./user-profile-cqTW1cHH.js";import{N as s,C as n,L as i}from"./notifications-BEKrtwGv.js";import{d as m,D as c}from"./DrawerMenu-BNILBemh.js";import{M as r}from"./MenuItem-Bd8p7-6r.js";import{S as p}from"./Separator-BOThMJvu.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";import"./Text-BvzksikX.js";import"./Typography-DzhKoIWt.js";import"./chevron-right-DND12YKW.js";import"./index-C8xBnYIG.js";import"./index-Ksfxd92j.js";import"./index-BvEl7W6R.js";import"./floating-ui.react-C0ln9j1M.js";const l=t=>e.jsxs(e.Fragment,{children:[e.jsx("div",{className:m.bg}),e.jsxs(c,{...t,title:"Settings",children:[e.jsx(r,{Icon:a,label:"Profile",onSelect:()=>{}}),e.jsx(r,{Icon:s,label:"Notifications",onSelect:()=>{}}),e.jsx(r,{Icon:n,label:"Feedback",onSelect:()=>{}}),e.jsx(p,{}),e.jsx(r,{kind:"critical",Icon:i,label:"Sign out",onSelect:()=>{}})]})]}),v={title:"Menu/DrawerMenu",component:l,argTypes:{},args:{}},o={args:{}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{ args: {} }`,...o.parameters?.docs?.source}}};const y=["DrawerMenu"];export{o as DrawerMenu,y as __namedExportsOrder,v as default}; diff --git a/assets/EditInPlace.stories-isVHSFf4.js b/assets/EditInPlace.stories-zcK3CM3Z.js similarity index 88% rename from assets/EditInPlace.stories-isVHSFf4.js rename to assets/EditInPlace.stories-zcK3CM3Z.js index f1c55579..a93a2393 100644 --- a/assets/EditInPlace.stories-isVHSFf4.js +++ b/assets/EditInPlace.stories-zcK3CM3Z.js @@ -1,11 +1,11 @@ -import{j as t}from"./jsx-runtime-DR9Q75dM.js";import{w as V,u as c,e as Q}from"./index-JRK_GaCU.js";import{R as Y,L as $,S as G,H as J,E as K}from"./Message-DAbH8XS4.js";import{a as B,T as X}from"./Tooltip-B6Zstkea.js";import{r as a}from"./index-DRjF_FHU.js";import{S as Z,V as ee}from"./index-2SmsnS5l.js";import{C as te}from"./check-BWxs5Tf9.js";import{C as ae}from"./close-CWATPeIo.js";import{F as ne,L as re}from"./Label-Bz2llXvT.js";import{a as se}from"./Text-CZnraUGE.js";import{B as R}from"./Button-BORixq-h.js";import"./index-lhGYx47h.js";import"./check-circle-solid-DvGH8qX5.js";import"./error-DOy7ZFuJ.js";import"./InlineSpinner-DDpdhuC2.js";import"./spinner--mCkS-8r.js";import"./floating-ui.react-C0ln9j1M.js";import"./index-BvEl7W6R.js";import"./index-CGa_gRws.js";import"./index-C8xBnYIG.js";import"./index-DlsBsfvk.js";import"./index-Ksfxd92j.js";import"./UnstyledButton-DuxpNl0e.js";const oe="_controls_1h4nb_17",E={controls:oe,"button-group":"_button-group_1h4nb_27"};function le(e,s){switch(s){case 0:return e===0||e===3?1:e;case 1:return 2;case 4:return 0;case 2:return e===2?3:e;case 3:return e===2?0:e;case 5:return e===3?0:e}ie(s)}function ie(e){throw new Error(`Unreachable value: ${e}`)}const g=a.forwardRef(function({className:s,label:o,onSave:u,onCancel:S,onInput:w,onClearServerErrors:j,serverInvalid:L,saveButtonLabel:H,cancelButtonLabel:q,savedLabel:C,savingLabel:F,helpLabel:T,disabled:_,children:k,...W},M){const[n,l]=a.useReducer(le,0),d=a.useRef(!1),[y,p]=a.useState(!1),P=n===1||n===2||y,i=a.useRef();a.useEffect(()=>(n===3&&(i.current=setTimeout(()=>{l(5),i.current=void 0},2e3)),()=>{i.current&&clearTimeout(i.current),i.current=void 0}),[n]);const N=a.useRef(null),I=a.useRef(null),x=a.useRef(null),O=a.useCallback(()=>{d.current||(d.current=!0,p(!0))},[y,p]),D=a.useCallback(r=>{d.current&&(r.currentTarget.contains(r.relatedTarget)||(d.current=!1,p(!1)))},[y,p]),z=a.useCallback(r=>{l(0),w?.(r)},[l,w]),U=a.useCallback(async r=>{if(r.preventDefault(),n!==0)try{l(1),I.current?.blur(),await u?.(r),l(2)}catch{l(3)}},[u,n,i]),A=a.useCallback(r=>{x.current?.blur(),S?.(r),l(4)},[x,S]);return t.jsx(Y,{className:s,onSubmit:U,onReset:A,onFocus:O,onBlur:D,onClearServerErrors:j,ref:N,children:t.jsxs(ne,{name:"input",serverInvalid:L,children:[t.jsx(re,{children:o}),t.jsxs("div",{className:E.controls,children:[t.jsx(se,{ref:M,...W,onInput:z,disabled:_||n===2}),P&&t.jsxs("div",{className:E["button-group"],children:[t.jsx(B,{label:H,children:t.jsx(Z,{asChild:!0,children:t.jsx(R,{type:"submit",kind:"primary",size:"sm",ref:I,disabled:n!==1,iconOnly:!0,Icon:te})})}),t.jsx(B,{label:q,children:t.jsx(R,{type:"reset",kind:"secondary",size:"sm",ref:x,className:E.button,disabled:n===2,iconOnly:!0,Icon:ae})})]})]}),n===2?t.jsx($,{children:F}):k,C&&n===3&&t.jsx(G,{children:C}),T&&(n===0||n===1)&&t.jsx(ee,{children:r=>(r===void 0||r.valid)&&!L&&t.jsx(J,{children:T})})]})})});try{g.displayName="EditInPlace",g.__docgenInfo={description:`A text box with save/cancel buttons that appear when the field is active. +import{j as t}from"./jsx-runtime-DR9Q75dM.js";import{w as V,u as c,e as Q}from"./index-JRK_GaCU.js";import{R as Y,L as $,S as G,H as J,E as K}from"./Message-DAbH8XS4.js";import{a as B,T as X}from"./Tooltip-DWBiSZRI.js";import{r as a}from"./index-DRjF_FHU.js";import{S as Z,V as ee}from"./index-2SmsnS5l.js";import{C as te}from"./check-BWxs5Tf9.js";import{C as ae}from"./close-CWATPeIo.js";import{F as ne,L as re}from"./Label-Bz2llXvT.js";import{a as se}from"./Text-CZnraUGE.js";import{B as R}from"./Button-BORixq-h.js";import"./index-lhGYx47h.js";import"./check-circle-solid-DvGH8qX5.js";import"./error-DOy7ZFuJ.js";import"./InlineSpinner-DDpdhuC2.js";import"./spinner--mCkS-8r.js";import"./floating-ui.react-C0ln9j1M.js";import"./index-BvEl7W6R.js";import"./index-CGa_gRws.js";import"./index-C8xBnYIG.js";import"./index-DlsBsfvk.js";import"./index-Ksfxd92j.js";import"./UnstyledButton-DuxpNl0e.js";const oe="_controls_1h4nb_17",E={controls:oe,"button-group":"_button-group_1h4nb_27"};function le(e,s){switch(s){case 0:return e===0||e===3?1:e;case 1:return 2;case 4:return 0;case 2:return e===2?3:e;case 3:return e===2?0:e;case 5:return e===3?0:e}ie(s)}function ie(e){throw new Error(`Unreachable value: ${e}`)}const g=a.forwardRef(function({className:s,label:o,onSave:u,onCancel:S,onInput:w,onClearServerErrors:j,serverInvalid:L,saveButtonLabel:H,cancelButtonLabel:q,savedLabel:C,savingLabel:F,helpLabel:T,disabled:_,children:k,...W},M){const[n,l]=a.useReducer(le,0),d=a.useRef(!1),[y,p]=a.useState(!1),P=n===1||n===2||y,i=a.useRef();a.useEffect(()=>(n===3&&(i.current=setTimeout(()=>{l(5),i.current=void 0},2e3)),()=>{i.current&&clearTimeout(i.current),i.current=void 0}),[n]);const N=a.useRef(null),I=a.useRef(null),x=a.useRef(null),O=a.useCallback(()=>{d.current||(d.current=!0,p(!0))},[y,p]),D=a.useCallback(r=>{d.current&&(r.currentTarget.contains(r.relatedTarget)||(d.current=!1,p(!1)))},[y,p]),z=a.useCallback(r=>{l(0),w?.(r)},[l,w]),U=a.useCallback(async r=>{if(r.preventDefault(),n!==0)try{l(1),I.current?.blur(),await u?.(r),l(2)}catch{l(3)}},[u,n,i]),A=a.useCallback(r=>{x.current?.blur(),S?.(r),l(4)},[x,S]);return t.jsx(Y,{className:s,onSubmit:U,onReset:A,onFocus:O,onBlur:D,onClearServerErrors:j,ref:N,children:t.jsxs(ne,{name:"input",serverInvalid:L,children:[t.jsx(re,{children:o}),t.jsxs("div",{className:E.controls,children:[t.jsx(se,{ref:M,...W,onInput:z,disabled:_||n===2}),P&&t.jsxs("div",{className:E["button-group"],children:[t.jsx(B,{label:H,children:t.jsx(Z,{asChild:!0,children:t.jsx(R,{type:"submit",kind:"primary",size:"sm",ref:I,disabled:n!==1,iconOnly:!0,Icon:te})})}),t.jsx(B,{label:q,children:t.jsx(R,{type:"reset",kind:"secondary",size:"sm",ref:x,className:E.button,disabled:n===2,iconOnly:!0,Icon:ae})})]})]}),n===2?t.jsx($,{children:F}):k,C&&n===3&&t.jsx(G,{children:C}),T&&(n===0||n===1)&&t.jsx(ee,{children:r=>(r===void 0||r.valid)&&!L&&t.jsx(J,{children:T})})]})})});try{g.displayName="EditInPlace",g.__docgenInfo={description:`A text box with save/cancel buttons that appear when the field is active. Since thios control has its own 'save' button, it should *not* appear as part -of a larger form: it exists as its own form that submits separately.`,displayName:"EditInPlace",props:{disabled:{defaultValue:null,description:"If true, disabled the entire component to disallow editing.",name:"disabled",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},onInput:{defaultValue:null,description:"onInput event handler on the text control",name:"onInput",required:!1,type:{name:"(((e: ChangeEvent) => void) & FormEventHandler)"}},label:{defaultValue:null,description:"The label for the control",name:"label",required:!0,type:{name:"string"}},helpLabel:{defaultValue:null,description:"Label to be displayed under the input as a help text",name:"helpLabel",required:!1,type:{name:"string"}},serverInvalid:{defaultValue:null,description:`Whether the field is in an error state according to the server validation. +of a larger form: it exists as its own form that submits separately.`,displayName:"EditInPlace",props:{disabled:{defaultValue:null,description:"If true, disabled the entire component to disallow editing.",name:"disabled",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"The label for the control",name:"label",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},onInput:{defaultValue:null,description:"onInput event handler on the text control",name:"onInput",required:!1,type:{name:"(((e: ChangeEvent) => void) & FormEventHandler)"}},helpLabel:{defaultValue:null,description:"Label to be displayed under the input as a help text",name:"helpLabel",required:!1,type:{name:"string"}},serverInvalid:{defaultValue:null,description:`Whether the field is in an error state according to the server validation. -For validation messages, use native validations properties directly, or add custom error messages as children.`,name:"serverInvalid",required:!1,type:{name:"boolean"}},onClearServerErrors:{defaultValue:null,description:"Callback for when the server validation errors should be cleared.",name:"onClearServerErrors",required:!1,type:{name:"(() => void)"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text +For validation messages, use native validations properties directly, or add custom error messages as children.`,name:"serverInvalid",required:!1,type:{name:"boolean"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text For example on an in-place editing field https://github.com/rsms/inter/issues/222 -https://github.com/rsms/inter/blob/master/src/features/calt.fea`,name:"enableLigatures",required:!1,type:{name:"boolean"}},onSave:{defaultValue:null,description:"Callback for when the user confirms the change",name:"onSave",required:!1,type:{name:"((e: FormEvent) => void | Promise)"}},onCancel:{defaultValue:null,description:"Callback for when the user wishes to cancel the change",name:"onCancel",required:!1,type:{name:"((e: FormEvent) => void)"}},savedLabel:{defaultValue:null,description:`Label to be displayed by the green check at the bottom. Will only be displayed +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)"}},onClearServerErrors:{defaultValue:null,description:"Callback for when the server validation errors should be cleared.",name:"onClearServerErrors",required:!1,type:{name:"(() => void)"}},savedLabel:{defaultValue:null,description:`Label to be displayed by the green check at the bottom. Will only be displayed for 2 seconds after the onSave callback promise resolves successfully.`,name:"savedLabel",required:!1,type:{name:"string"}},saveButtonLabel:{defaultValue:null,description:"The label for the save button",name:"saveButtonLabel",required:!0,type:{name:"string"}},savingLabel:{defaultValue:null,description:"The label for the 'in progress' saving caption",name:"savingLabel",required:!0,type:{name:"string"}},cancelButtonLabel:{defaultValue:null,description:"The label for the cancel button",name:"cancelButtonLabel",required:!0,type:{name:"string"}}}}}catch{}const He={title:"Form/Controls/EditInPlace",component:g,tags:["autodocs"],parameters:{controls:{include:["onChange","onSave","onCancel","onClearServerErrors","defaultValue","error","serverInvalid","savedLabel","saveButtonLabel","cancelButtonLabel","helpLabel","disabled"]},design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=4335-2016&mode=design&t=BvxRca0YDRaq20IR-0"}},argTypes:{label:{type:"string"},defaultValue:{type:"string"},onChange:{action:"changed"},onCancel:{action:"cancelled"},onClearServerErrors:{action:"cleared server errors"},serverInvalid:{type:"boolean"},helpLabel:{type:"string"},savedLabel:{type:"string"},saveButtonLabel:{type:"string"},savingLabel:{type:"string"},cancelButtonLabel:{type:"string"},disabled:{type:"boolean"}},render:({...e})=>t.jsx(X,{children:t.jsx(g,{...e})}),args:{label:"Label",onSave:()=>new Promise(e=>setTimeout(e,1e3)),savedLabel:"Saved",saveButtonLabel:"Save",cancelButtonLabel:"Cancel",savingLabel:"Saving…"}},m={},h={args:{defaultValue:"Hello, Computer"},play:async({canvasElement:e})=>{const o=V(e).getByRole("textbox");await c.clear(o),await c.type(o,"Hello, Computer")}},f={args:{defaultValue:"Hello",onSave:()=>new Promise(()=>{})},play:async({canvasElement:e})=>{const s=V(e),o=s.getByRole("textbox");await c.clear(o),await c.type(o,"Hello");const u=s.getByRole("button",{name:"Save"});await c.click(u),await Q(s.getByText("Saving…")).toBeInTheDocument()}},v={args:{serverInvalid:!0,children:t.jsx(K,{children:"I am a teapot"})}},b={args:{helpLabel:"Optional help text."}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:"{}",...m.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{ args: { defaultValue: "Hello, Computer" diff --git a/assets/FloatingMenu-Cmtm68dq.js b/assets/FloatingMenu-Dc89G4Nf.js similarity index 95% rename from assets/FloatingMenu-Cmtm68dq.js rename to assets/FloatingMenu-Dc89G4Nf.js index 5e808de4..c0bead4c 100644 --- a/assets/FloatingMenu-Cmtm68dq.js +++ b/assets/FloatingMenu-Dc89G4Nf.js @@ -1 +1 @@ -import{j as a}from"./jsx-runtime-DR9Q75dM.js";import{c as m}from"./index-lhGYx47h.js";import{r as i}from"./index-DRjF_FHU.js";import{T as c}from"./Text-Ca3mYoxg.js";const _="_menu_1x5h1_17",p="_title_1x5h1_83",n={menu:_,"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:p},h=({title:e,id:t})=>a.jsx(c,{as:"h3",id:t,className:n.title,size:"sm",weight:"semibold",children:e}),l=i.forwardRef(({title:e,showTitle:t=!0,className:r,children:o,...d},u)=>{const s=i.useId();return a.jsxs("div",{role:"menu",ref:u,"aria-label":t?void 0:e,"aria-labelledby":t?s:void 0,className:m(r,n.menu),...d,children:[t&&a.jsx(h,{title:e,id:s}),o]})});l.displayName="FloatingMenu";try{l.displayName="FloatingMenu",l.__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{l as F}; +import{j as a}from"./jsx-runtime-DR9Q75dM.js";import{c as m}from"./index-lhGYx47h.js";import{r as i}from"./index-DRjF_FHU.js";import{T as c}from"./Text-BvzksikX.js";const _="_menu_1x5h1_17",p="_title_1x5h1_83",n={menu:_,"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:p},h=({title:e,id:t})=>a.jsx(c,{as:"h3",id:t,className:n.title,size:"sm",weight:"semibold",children:e}),l=i.forwardRef(({title:e,showTitle:t=!0,className:r,children:o,...d},u)=>{const s=i.useId();return a.jsxs("div",{role:"menu",ref:u,"aria-label":t?void 0:e,"aria-labelledby":t?s:void 0,className:m(r,n.menu),...d,children:[t&&a.jsx(h,{title:e,id:s}),o]})});l.displayName="FloatingMenu";try{l.displayName="FloatingMenu",l.__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{l as F}; diff --git a/assets/FloatingMenu.stories-kKHZlwO7.js b/assets/FloatingMenu.stories-5Lf1Qkdx.js similarity index 72% rename from assets/FloatingMenu.stories-kKHZlwO7.js rename to assets/FloatingMenu.stories-5Lf1Qkdx.js index 1f3dee8d..e5bb2c0e 100644 --- a/assets/FloatingMenu.stories-kKHZlwO7.js +++ b/assets/FloatingMenu.stories-5Lf1Qkdx.js @@ -1,3 +1,3 @@ -import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{U as a}from"./user-profile-cqTW1cHH.js";import{N as i,C as n,L as s}from"./notifications-BEKrtwGv.js";import{F as m}from"./FloatingMenu-Cmtm68dq.js";import{M as t}from"./MenuItem-gUZ49Jwi.js";import{S as c}from"./Separator-CEmvN0Jc.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";import"./Text-Ca3mYoxg.js";import"./Typography-f-oayws_.js";import"./chevron-right-DND12YKW.js";import"./index-C8xBnYIG.js";import"./index-Ksfxd92j.js";import"./index-BvEl7W6R.js";import"./floating-ui.react-C0ln9j1M.js";const p=r=>o.jsxs(m,{...r,title:"Settings",children:[o.jsx(t,{Icon:a,label:"Profile",onSelect:()=>{}}),o.jsx(t,{Icon:i,label:"Notificationsnotificationsnotifications",onSelect:()=>{}}),o.jsx(t,{Icon:n,label:"Feedback",onSelect:()=>{}}),o.jsx(c,{}),o.jsx(t,{kind:"critical",Icon:s,label:"Sign out",onSelect:()=>{}})]}),C={title:"Menu/FloatingMenu",component:p,argTypes:{},args:{}},e={args:{}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ +import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{U as a}from"./user-profile-cqTW1cHH.js";import{N as i,C as n,L as s}from"./notifications-BEKrtwGv.js";import{F as m}from"./FloatingMenu-Dc89G4Nf.js";import{M as t}from"./MenuItem-Bd8p7-6r.js";import{S as c}from"./Separator-BOThMJvu.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";import"./Text-BvzksikX.js";import"./Typography-DzhKoIWt.js";import"./chevron-right-DND12YKW.js";import"./index-C8xBnYIG.js";import"./index-Ksfxd92j.js";import"./index-BvEl7W6R.js";import"./floating-ui.react-C0ln9j1M.js";const p=r=>o.jsxs(m,{...r,title:"Settings",children:[o.jsx(t,{Icon:a,label:"Profile",onSelect:()=>{}}),o.jsx(t,{Icon:i,label:"Notificationsnotificationsnotifications",onSelect:()=>{}}),o.jsx(t,{Icon:n,label:"Feedback",onSelect:()=>{}}),o.jsx(c,{}),o.jsx(t,{kind:"critical",Icon:s,label:"Sign out",onSelect:()=>{}})]}),C={title:"Menu/FloatingMenu",component:p,argTypes:{},args:{}},e={args:{}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ args: {} }`,...e.parameters?.docs?.source}}};const E=["FloatingMenu"];export{e as FloatingMenu,E as __namedExportsOrder,C as default}; diff --git a/assets/Form.stories-uVSbGHR-.js b/assets/Form.stories-Cq0upOHL.js similarity index 53% rename from assets/Form.stories-uVSbGHR-.js rename to assets/Form.stories-Cq0upOHL.js index c8e7801c..dba43b3c 100644 --- a/assets/Form.stories-uVSbGHR-.js +++ b/assets/Form.stories-Cq0upOHL.js @@ -1,6 +1,6 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{T as v}from"./Tooltip-B6Zstkea.js";import{R as S,E as a,H as o}from"./Message-DAbH8XS4.js";import{s as u,F as p,L as n}from"./Label-Bz2llXvT.js";import{a as C}from"./Text-CZnraUGE.js";import{a as _}from"./Password-WzjY7HSR.js";import{a as I}from"./MFA-C938Elnf.js";import{r as x}from"./index-DRjF_FHU.js";import{F as E,S as V}from"./index-2SmsnS5l.js";import{c as k}from"./index-lhGYx47h.js";import{a as N}from"./Checkbox-mwqWFgAZ.js";import{a as f}from"./Radio-DKXe57dN.js";import{a as F}from"./Toggle-B06isGdb.js";import{B as T}from"./Button-BORixq-h.js";import"./floating-ui.react-C0ln9j1M.js";import"./index-BvEl7W6R.js";import"./check-circle-solid-DvGH8qX5.js";import"./error-DOy7ZFuJ.js";import"./InlineSpinner-DDpdhuC2.js";import"./spinner--mCkS-8r.js";import"./visibility-on-BsZOuBEH.js";import"./Action-CbfS63IH.js";import"./index-CGa_gRws.js";import"./index-C8xBnYIG.js";import"./index-DlsBsfvk.js";import"./index-Ksfxd92j.js";import"./check-BWxs5Tf9.js";import"./UnstyledButton-DuxpNl0e.js";const i=x.forwardRef(function({className:r,control:t,children:b,...j},g){const y=k(u["inline-field"],r);return e.jsxs(E,{ref:g,...j,className:y,children:[e.jsx("div",{className:u["inline-field-control"],children:t}),e.jsx("div",{className:u["inline-field-body"],children:b})]})});try{i.displayName="InlineField",i.__docgenInfo={description:"",displayName:"InlineField",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}},control:{defaultValue:null,description:"The checkbox/radio control to render alongside the rest of the field.",name:"control",required:!0,type:{name:"ReactElement>"}}}}}catch{}const h=x.forwardRef(function(r,t){return e.jsx(V,{asChild:!0,children:e.jsx(T,{type:"submit",ref:t,...r})})});try{h.displayName="Submit",h.__docgenInfo={description:"A stylised submit button for forms.",displayName:"Submit",props:{disabled:{defaultValue:null,description:"Note that disabled attribute is not added to buttons, so that disabled buttons are discoverable by keyboard.\n`aria-disabled` attribute is used to indicate button is disabled.\nEvent handlers are not passed to disabled buttons (onClick, onSubmit, etc.)",name:"disabled",required:!1,type:{name:"boolean"}},size:{defaultValue:null,description:"The t-shirt size of the button.",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'}]}},kind:{defaultValue:null,description:`The type of button. +import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{T as v}from"./Tooltip-DWBiSZRI.js";import{R as S,E as a,H as o}from"./Message-DAbH8XS4.js";import{s as u,F as p,L as n}from"./Label-Bz2llXvT.js";import{a as C}from"./Text-CZnraUGE.js";import{a as _}from"./Password-BNBFWnWg.js";import{a as I}from"./MFA-C938Elnf.js";import{r as x}from"./index-DRjF_FHU.js";import{F as E,S as V}from"./index-2SmsnS5l.js";import{c as k}from"./index-lhGYx47h.js";import{a as N}from"./Checkbox-mwqWFgAZ.js";import{a as f}from"./Radio-DKXe57dN.js";import{a as F}from"./Toggle-B06isGdb.js";import{B as T}from"./Button-BORixq-h.js";import"./floating-ui.react-C0ln9j1M.js";import"./index-BvEl7W6R.js";import"./check-circle-solid-DvGH8qX5.js";import"./error-DOy7ZFuJ.js";import"./InlineSpinner-DDpdhuC2.js";import"./spinner--mCkS-8r.js";import"./visibility-on-BsZOuBEH.js";import"./Action-lVpIJAKN.js";import"./index-CGa_gRws.js";import"./index-C8xBnYIG.js";import"./index-DlsBsfvk.js";import"./index-Ksfxd92j.js";import"./check-BWxs5Tf9.js";import"./UnstyledButton-DuxpNl0e.js";const i=x.forwardRef(function({className:r,control:t,children:b,...j},g){const y=k(u["inline-field"],r);return e.jsxs(E,{ref:g,...j,className:y,children:[e.jsx("div",{className:u["inline-field-control"],children:t}),e.jsx("div",{className:u["inline-field-body"],children:b})]})});try{i.displayName="InlineField",i.__docgenInfo={description:"",displayName:"InlineField",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}},control:{defaultValue:null,description:"The checkbox/radio control to render alongside the rest of the field.",name:"control",required:!0,type:{name:"ReactElement>"}}}}}catch{}const h=x.forwardRef(function(r,t){return e.jsx(V,{asChild:!0,children:e.jsx(T,{type:"submit",ref:t,...r})})});try{h.displayName="Submit",h.__docgenInfo={description:"A stylised submit button for forms.",displayName:"Submit",props:{disabled:{defaultValue:null,description:"Note that disabled attribute is not added to buttons, so that disabled buttons are discoverable by keyboard.\n`aria-disabled` attribute is used to indicate button is disabled.\nEvent handlers are not passed to disabled buttons (onClick, onSubmit, etc.)",name:"disabled",required:!1,type:{name:"boolean"}},kind:{defaultValue:null,description:`The type of button. Note: "destructive" is deprecated, please use the destructive prop in -conjunction with another button kind.`,name:"kind",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"destructive"'}]}},destructive:{defaultValue:{value:"false"},description:"Whether this button triggers a destructive action.",name:"destructive",required:!1,type:{name:"boolean"}},iconOnly:{defaultValue:null,description:"Whether the button is an icon only button.",name:"iconOnly",required:!1,type:{name:"boolean"}},Icon:{defaultValue:null,description:"An icon to display within the button.",name:"Icon",required:!1,type:{name:"ComponentType>"}}}}}catch{}const H=({disabled:s,invalid:r,readOnly:t})=>e.jsx(v,{children:e.jsxs(S,{children:[e.jsxs(p,{serverInvalid:r,name:"mxid",children:[e.jsx(n,{children:"Username"}),e.jsx(C,{disabled:s,readOnly:t,defaultValue:"Hello world!"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsxs(p,{serverInvalid:r,name:"password",children:[e.jsx(n,{children:"Password"}),e.jsx(_,{disabled:s,readOnly:t,defaultValue:"sup3rS3cur3p4ssw0rd!"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsxs(p,{serverInvalid:r,name:"mfa",children:[e.jsx(n,{children:"MFA"}),e.jsx(I,{disabled:s,readOnly:t,defaultValue:"123"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsxs(i,{serverInvalid:r,name:"remember",control:e.jsx(N,{disabled:s,readOnly:t,defaultChecked:!0}),children:[e.jsx(n,{children:"Remember me"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsxs(i,{serverInvalid:r,name:"radio",control:e.jsx(f,{disabled:s,readOnly:t,defaultChecked:!0}),children:[e.jsx(n,{children:"Option 1"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsxs(i,{serverInvalid:r,name:"radio",control:e.jsx(f,{disabled:s,readOnly:t,defaultChecked:!0}),children:[e.jsx(n,{children:"Option 2"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsxs(i,{serverInvalid:r,name:"toggle",control:e.jsx(F,{disabled:s,readOnly:t,defaultChecked:!0}),children:[e.jsx(n,{children:"Toggle"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsx(h,{disabled:s,children:"Submit"})]})}),ie={title:"Form/Kitchen Sink",component:H,argTypes:{disabled:{type:"boolean"},readOnly:{type:"boolean"},invalid:{type:"boolean"}},args:{disabled:!1,readOnly:!1,invalid:!1}},l={},d={args:{disabled:!0}},c={args:{readOnly:!0}},m={args:{invalid:!0}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:"{}",...l.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{ +conjunction with another button kind.`,name:"kind",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"destructive"'}]}},destructive:{defaultValue:{value:"false"},description:"Whether this button triggers a destructive action.",name:"destructive",required:!1,type:{name:"boolean"}},size:{defaultValue:null,description:"The t-shirt size of the button.",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'}]}},iconOnly:{defaultValue:null,description:"Whether the button is an icon only button.",name:"iconOnly",required:!1,type:{name:"boolean"}},Icon:{defaultValue:null,description:"An icon to display within the button.",name:"Icon",required:!1,type:{name:"ComponentType>"}}}}}catch{}const H=({disabled:s,invalid:r,readOnly:t})=>e.jsx(v,{children:e.jsxs(S,{children:[e.jsxs(p,{serverInvalid:r,name:"mxid",children:[e.jsx(n,{children:"Username"}),e.jsx(C,{disabled:s,readOnly:t,defaultValue:"Hello world!"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsxs(p,{serverInvalid:r,name:"password",children:[e.jsx(n,{children:"Password"}),e.jsx(_,{disabled:s,readOnly:t,defaultValue:"sup3rS3cur3p4ssw0rd!"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsxs(p,{serverInvalid:r,name:"mfa",children:[e.jsx(n,{children:"MFA"}),e.jsx(I,{disabled:s,readOnly:t,defaultValue:"123"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsxs(i,{serverInvalid:r,name:"remember",control:e.jsx(N,{disabled:s,readOnly:t,defaultChecked:!0}),children:[e.jsx(n,{children:"Remember me"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsxs(i,{serverInvalid:r,name:"radio",control:e.jsx(f,{disabled:s,readOnly:t,defaultChecked:!0}),children:[e.jsx(n,{children:"Option 1"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsxs(i,{serverInvalid:r,name:"radio",control:e.jsx(f,{disabled:s,readOnly:t,defaultChecked:!0}),children:[e.jsx(n,{children:"Option 2"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsxs(i,{serverInvalid:r,name:"toggle",control:e.jsx(F,{disabled:s,readOnly:t,defaultChecked:!0}),children:[e.jsx(n,{children:"Toggle"}),r?e.jsx(a,{children:"Error message."}):e.jsx(o,{children:"Help message."})]}),e.jsx(h,{disabled:s,children:"Submit"})]})}),ie={title:"Form/Kitchen Sink",component:H,argTypes:{disabled:{type:"boolean"},readOnly:{type:"boolean"},invalid:{type:"boolean"}},args:{disabled:!1,readOnly:!1,invalid:!1}},l={},d={args:{disabled:!0}},c={args:{readOnly:!0}},m={args:{invalid:!0}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:"{}",...l.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{ args: { disabled: true } diff --git a/assets/Glass.stories-CA7YKiuP.js b/assets/Glass.stories-Dd-dekY0.js similarity index 95% rename from assets/Glass.stories-CA7YKiuP.js rename to assets/Glass.stories-Dd-dekY0.js index 3f7446a3..9db57716 100644 --- a/assets/Glass.stories-CA7YKiuP.js +++ b/assets/Glass.stories-Dd-dekY0.js @@ -1,3 +1,3 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{r as t}from"./index-DRjF_FHU.js";import{c}from"./index-lhGYx47h.js";import{T as i}from"./Text-Ca3mYoxg.js";import"./Typography-f-oayws_.js";const d="_glass_1x9g9_17",p={glass:d},r=t.forwardRef(({children:s,className:n,...o},l)=>e.jsx("div",{ref:l,className:c(n,p.glass),...o,children:t.Children.only(s)}));r.displayName="Glass";try{r.displayName="Glass",r.__docgenInfo={description:"Adds a border of glass around a child component.",displayName:"Glass",props:{children:{defaultValue:null,description:"The child component.",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"The CSS class.",name:"className",required:!1,type:{name:"string"}}}}}catch{}const y={title:"Glass",component:r,tags:["autodocs"],argTypes:{},args:{style:{inlineSize:250,blockSize:150},children:e.jsx("div",{style:{background:"var(--cpd-color-bg-canvas-default)",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(i,{style:{textAlign:"center"},children:"Your content here"})})},decorators:[s=>e.jsx("div",{style:{background:"url('/images/__test__/kitten2.jpg')",backgroundSize:"cover",inlineSize:"fit-content",blockSize:"fit-content",padding:16},children:e.jsx(s,{})})]},a={args:{}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{r as t}from"./index-DRjF_FHU.js";import{c}from"./index-lhGYx47h.js";import{T as i}from"./Text-BvzksikX.js";import"./Typography-DzhKoIWt.js";const d="_glass_1x9g9_17",p={glass:d},r=t.forwardRef(({children:s,className:n,...o},l)=>e.jsx("div",{ref:l,className:c(n,p.glass),...o,children:t.Children.only(s)}));r.displayName="Glass";try{r.displayName="Glass",r.__docgenInfo={description:"Adds a border of glass around a child component.",displayName:"Glass",props:{children:{defaultValue:null,description:"The child component.",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"The CSS class.",name:"className",required:!1,type:{name:"string"}}}}}catch{}const y={title:"Glass",component:r,tags:["autodocs"],argTypes:{},args:{style:{inlineSize:250,blockSize:150},children:e.jsx("div",{style:{background:"var(--cpd-color-bg-canvas-default)",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(i,{style:{textAlign:"center"},children:"Your content here"})})},decorators:[s=>e.jsx("div",{style:{background:"url('/images/__test__/kitten2.jpg')",backgroundSize:"cover",inlineSize:"fit-content",blockSize:"fit-content",padding:16},children:e.jsx(s,{})})]},a={args:{}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{ args: {} }`,...a.parameters?.docs?.source}}};const h=["Glass"];export{a as Glass,h as __namedExportsOrder,y as default}; diff --git a/assets/Heading.stories-BAGWf2LJ.js b/assets/Heading.stories-Bgd-NNgE.js similarity index 97% rename from assets/Heading.stories-BAGWf2LJ.js rename to assets/Heading.stories-Bgd-NNgE.js index ce311556..3e6bb203 100644 --- a/assets/Heading.stories-BAGWf2LJ.js +++ b/assets/Heading.stories-Bgd-NNgE.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-DR9Q75dM.js";import{T as m}from"./Typography-f-oayws_.js";import{T as l}from"./Text-Ca3mYoxg.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";const n=({as:e="h1",children:r,...g})=>t.jsx(m,{as:e,type:"heading",...g,children:r}),a=({children:e,...r})=>t.jsx(n,{as:"h1",weight:"semibold",size:"xl",...r,children:e}),s=({children:e,...r})=>t.jsx(n,{as:"h2",weight:"semibold",size:"lg",...r,children:e}),i=({children:e,...r})=>t.jsx(n,{as:"h3",weight:"semibold",size:"md",...r,children:e}),d=({children:e,...r})=>t.jsx(n,{as:"h4",weight:"semibold",size:"sm",...r,children:e}),p=({children:e,...r})=>t.jsx(l,{as:"h5",weight:"semibold",size:"lg",...r,children:e}),c=({children:e,...r})=>t.jsx(l,{as:"h6",weight:"semibold",size:"md",...r,children:e});try{n.displayName="Heading",n.__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{i.displayName="H3",i.__docgenInfo={description:"A Heading level-3 styled component. Underlying HTML element can be changed\nusign the `as` property.",displayName:"H3",props:{}}}catch{}try{d.displayName="H4",d.__docgenInfo={description:"A Heading level-4 styled component. Underlying HTML element can be changed\nusign the `as` property.",displayName:"H4",props:{}}}catch{}try{p.displayName="H5",p.__docgenInfo={description:"A Heading level-5 styled component. Underlying HTML element can be changed\nusign the `as` property.",displayName:"H5",props:{}}}catch{}try{c.displayName="H6",c.__docgenInfo={description:"A Heading level-6 styled component. Underlying HTML element can be changed\nusign the `as` property.",displayName:"H6",props:{}}}catch{}const x={title:"Typography",component:n,argTypes:{size:{options:["sm","md","lg","xl"],control:{type:"inline-radio"}},weight:{options:["regular","medium","semibold"],control:{type:"inline-radio"}}}},o={args:{children:"The quick brown fox jumps over the lazy dog",size:"md",weight:"regular"}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{ +import{j as t}from"./jsx-runtime-DR9Q75dM.js";import{T as m}from"./Typography-DzhKoIWt.js";import{T as l}from"./Text-BvzksikX.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";const n=({as:e="h1",children:r,...g})=>t.jsx(m,{as:e,type:"heading",...g,children:r}),a=({children:e,...r})=>t.jsx(n,{as:"h1",weight:"semibold",size:"xl",...r,children:e}),s=({children:e,...r})=>t.jsx(n,{as:"h2",weight:"semibold",size:"lg",...r,children:e}),i=({children:e,...r})=>t.jsx(n,{as:"h3",weight:"semibold",size:"md",...r,children:e}),d=({children:e,...r})=>t.jsx(n,{as:"h4",weight:"semibold",size:"sm",...r,children:e}),p=({children:e,...r})=>t.jsx(l,{as:"h5",weight:"semibold",size:"lg",...r,children:e}),c=({children:e,...r})=>t.jsx(l,{as:"h6",weight:"semibold",size:"md",...r,children:e});try{n.displayName="Heading",n.__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{i.displayName="H3",i.__docgenInfo={description:"A Heading level-3 styled component. Underlying HTML element can be changed\nusign the `as` property.",displayName:"H3",props:{}}}catch{}try{d.displayName="H4",d.__docgenInfo={description:"A Heading level-4 styled component. Underlying HTML element can be changed\nusign the `as` property.",displayName:"H4",props:{}}}catch{}try{p.displayName="H5",p.__docgenInfo={description:"A Heading level-5 styled component. Underlying HTML element can be changed\nusign the `as` property.",displayName:"H5",props:{}}}catch{}try{c.displayName="H6",c.__docgenInfo={description:"A Heading level-6 styled component. Underlying HTML element can be changed\nusign the `as` property.",displayName:"H6",props:{}}}catch{}const x={title:"Typography",component:n,argTypes:{size:{options:["sm","md","lg","xl"],control:{type:"inline-radio"}},weight:{options:["regular","medium","semibold"],control:{type:"inline-radio"}}}},o={args:{children:"The quick brown fox jumps over the lazy dog",size:"md",weight:"regular"}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{ args: { children: "The quick brown fox jumps over the lazy dog", size: "md", diff --git a/assets/IconButton-3PxLUc9U.js b/assets/IconButton-3PxLUc9U.js deleted file mode 100644 index 638936af..00000000 --- a/assets/IconButton-3PxLUc9U.js +++ /dev/null @@ -1,5 +0,0 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{r as y,R as v}from"./index-DRjF_FHU.js";import{c as _}from"./index-lhGYx47h.js";import{U as g}from"./UnstyledButton-DuxpNl0e.js";import{I}from"./IndicatorIcon-RjQ7x471.js";import{a as q}from"./Tooltip-B6Zstkea.js";const x="_destructive_bh2qc_83",t={"icon-button":"_icon-button_bh2qc_17","subtle-bg":"_subtle-bg_bh2qc_38",destructive:x},s=y.forwardRef(function({children:l,className:d,indicator:a,size:u="32px",style:c,disabled:n,destructive:b,tooltip:o,subtleBackground:p,...m},f){const h=_(t["icon-button"],d,{[t.destructive]:b,[t["subtle-bg"]]:p}),i=e.jsx(g,{as:"button",ref:f,className:h,style:{"--cpd-icon-button-size":u,...c},disabled:n,...m,"data-indicator":a,children:e.jsx(I,{indicator:a,colour:n?"var(--cpd-color-icon-disabled)":void 0,children:v.Children.only(l)})});return o?e.jsx(q,{label:o,children:i}):i});try{s.displayName="IconButton",s.__docgenInfo={description:"Display an icon as a button. Can render an indicator",displayName:"IconButton",props:{tooltip:{defaultValue:null,description:"Optional tooltip for the button",name:"tooltip",required:!1,type:{name:"string"}},disabled:{defaultValue:null,description:`Note that disabled attribute is not added to buttons, so that disabled buttons are discoverable by keyboard. -\`aria-disabled\` attribute is used to indicate button is disabled. -Event handlers are not passed to disabled buttons (onClick, onSubmit, etc.) -Whether the button is interactable`,name:"disabled",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"32px"},description:'The size of the button in CSS units, e.g. `"24px"`.\nNote that this is the size of the *button* itself: the icon will be 0.75 * this size',name:"size",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},destructive:{defaultValue:{value:"false"},description:"Whether this button triggers a destructive action.",name:"destructive",required:!1,type:{name:"boolean"}},indicator:{defaultValue:null,description:`The icon button indicator dot displayed on the top right -As in IndicatorIcon`,name:"indicator",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"success"'},{value:'"critical"'}]}},subtleBackground:{defaultValue:null,description:"",name:"subtleBackground",required:!1,type:{name:"boolean"}}}}}catch{}export{s as I}; diff --git a/assets/IconButton-z1dCC4vP.js b/assets/IconButton-z1dCC4vP.js new file mode 100644 index 00000000..19384881 --- /dev/null +++ b/assets/IconButton-z1dCC4vP.js @@ -0,0 +1,5 @@ +import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{r as y,R as v}from"./index-DRjF_FHU.js";import{c as _}from"./index-lhGYx47h.js";import{U as g}from"./UnstyledButton-DuxpNl0e.js";import{I}from"./IndicatorIcon-CKMK3E77.js";import{a as q}from"./Tooltip-DWBiSZRI.js";const x="_destructive_bh2qc_83",t={"icon-button":"_icon-button_bh2qc_17","subtle-bg":"_subtle-bg_bh2qc_38",destructive:x},s=y.forwardRef(function({children:l,className:d,indicator:a,size:u="32px",style:c,disabled:n,destructive:b,tooltip:o,subtleBackground:p,...m},f){const h=_(t["icon-button"],d,{[t.destructive]:b,[t["subtle-bg"]]:p}),i=e.jsx(g,{as:"button",ref:f,className:h,style:{"--cpd-icon-button-size":u,...c},disabled:n,...m,"data-indicator":a,children:e.jsx(I,{indicator:a,colour:n?"var(--cpd-color-icon-disabled)":void 0,children:v.Children.only(l)})});return o?e.jsx(q,{label:o,children:i}):i});try{s.displayName="IconButton",s.__docgenInfo={description:"Display an icon as a button. Can render an indicator",displayName:"IconButton",props:{disabled:{defaultValue:null,description:`Note that disabled attribute is not added to buttons, so that disabled buttons are discoverable by keyboard. +\`aria-disabled\` attribute is used to indicate button is disabled. +Event handlers are not passed to disabled buttons (onClick, onSubmit, etc.) +Whether the button is interactable`,name:"disabled",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},destructive:{defaultValue:{value:"false"},description:"Whether this button triggers a destructive action.",name:"destructive",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"32px"},description:'The size of the button in CSS units, e.g. `"24px"`.\nNote that this is the size of the *button* itself: the icon will be 0.75 * this size',name:"size",required:!1,type:{name:"string"}},tooltip:{defaultValue:null,description:"Optional tooltip for the button",name:"tooltip",required:!1,type:{name:"string"}},indicator:{defaultValue:null,description:`The icon button indicator dot displayed on the top right +As in IndicatorIcon`,name:"indicator",required:!1,type:{name:"enum",value:[{value:'"success"'},{value:'"critical"'},{value:'"default"'}]}},subtleBackground:{defaultValue:null,description:"",name:"subtleBackground",required:!1,type:{name:"boolean"}}}}}catch{}export{s as I}; diff --git a/assets/IconButton.stories-BcLJo7UF.js b/assets/IconButton.stories-DwiiKPkw.js similarity index 94% rename from assets/IconButton.stories-BcLJo7UF.js rename to assets/IconButton.stories-DwiiKPkw.js index c306a630..f36414d5 100644 --- a/assets/IconButton.stories-BcLJo7UF.js +++ b/assets/IconButton.stories-DwiiKPkw.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-DR9Q75dM.js";import{f as g}from"./index-JRK_GaCU.js";import{I as p}from"./IconButton-3PxLUc9U.js";import{U as m}from"./user-profile-cqTW1cHH.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";import"./UnstyledButton-DuxpNl0e.js";import"./IndicatorIcon-RjQ7x471.js";import"./Tooltip-B6Zstkea.js";import"./floating-ui.react-C0ln9j1M.js";import"./index-BvEl7W6R.js";const k={title:"Button/IconButton",component:p,tags:["autodocs"],argTypes:{disabled:{type:"boolean"},onClick:{action:"onClick"}},args:{size:"32px",disabled:!1,children:r.jsx(m,{}),onClick:g()}},e={render:l=>r.jsxs(r.Fragment,{children:[r.jsx(p,{...l,size:"32px",children:r.jsx(m,{})}),r.jsx(p,{...l,size:"48px",children:r.jsx(m,{})}),r.jsx(p,{...l,size:"64px",children:r.jsx(m,{})})]})},s={args:{}},a={args:{disabled:!0}},o={args:{indicator:"default"}},t={args:{indicator:"default",disabled:!0}},n={args:{indicator:"success"}},c={args:{indicator:"critical"}},i={args:{subtleBackground:!0}},d={args:{label:"label"}},u={args:{destructive:!0}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ +import{j as r}from"./jsx-runtime-DR9Q75dM.js";import{f as g}from"./index-JRK_GaCU.js";import{I as p}from"./IconButton-z1dCC4vP.js";import{U as m}from"./user-profile-cqTW1cHH.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";import"./UnstyledButton-DuxpNl0e.js";import"./IndicatorIcon-CKMK3E77.js";import"./Tooltip-DWBiSZRI.js";import"./floating-ui.react-C0ln9j1M.js";import"./index-BvEl7W6R.js";const k={title:"Button/IconButton",component:p,tags:["autodocs"],argTypes:{disabled:{type:"boolean"},onClick:{action:"onClick"}},args:{size:"32px",disabled:!1,children:r.jsx(m,{}),onClick:g()}},e={render:l=>r.jsxs(r.Fragment,{children:[r.jsx(p,{...l,size:"32px",children:r.jsx(m,{})}),r.jsx(p,{...l,size:"48px",children:r.jsx(m,{})}),r.jsx(p,{...l,size:"64px",children:r.jsx(m,{})})]})},s={args:{}},a={args:{disabled:!0}},o={args:{indicator:"default"}},t={args:{indicator:"default",disabled:!0}},n={args:{indicator:"success"}},c={args:{indicator:"critical"}},i={args:{subtleBackground:!0}},d={args:{label:"label"}},u={args:{destructive:!0}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ render: (args: React.ComponentProps) => <> diff --git a/assets/IndicatorIcon-RjQ7x471.js b/assets/IndicatorIcon-CKMK3E77.js similarity index 94% rename from assets/IndicatorIcon-RjQ7x471.js rename to assets/IndicatorIcon-CKMK3E77.js index 96fd75bb..3a467768 100644 --- a/assets/IndicatorIcon-RjQ7x471.js +++ b/assets/IndicatorIcon-CKMK3E77.js @@ -1,2 +1,2 @@ import{j as d}from"./jsx-runtime-DR9Q75dM.js";import{r as l,R as u}from"./index-DRjF_FHU.js";import{c as p}from"./index-lhGYx47h.js";const m={"indicator-icon":"_indicator-icon_133tf_26"},e=l.forwardRef(function({children:o,className:n,size:t="100%",colour:i,indicator:r},s){const c=p(m["indicator-icon"],n);return d.jsx("div",{ref:s,className:c,"data-indicator":r,style:{"--cpd-icon-button-size":t,"--cpd-color-icon-tertiary":i},children:u.Children.only(o)})});try{e.displayName="IndicatorIcon",e.__docgenInfo={description:"",displayName:"IndicatorIcon",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},size:{defaultValue:{value:"100%"},description:'The icon size in CSS units, e.g. `"24px"`.',name:"size",required:!1,type:{name:"string"}},colour:{defaultValue:null,description:"The icon colour.",name:"colour",required:!1,type:{name:"string"}},indicator:{defaultValue:null,description:`The indicator dot displayed on the top right -Names based on the colours used for the dot, or undefined for no dot.`,name:"indicator",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"success"'},{value:'"critical"'}]}}}}}catch{}export{e as I}; +Names based on the colours used for the dot, or undefined for no dot.`,name:"indicator",required:!1,type:{name:"enum",value:[{value:'"success"'},{value:'"critical"'},{value:'"default"'}]}}}}}catch{}export{e as I}; diff --git a/assets/IndicatorIcon.stories-DD5xj9jv.js b/assets/IndicatorIcon.stories-CNg5JOp3.js similarity index 97% rename from assets/IndicatorIcon.stories-DD5xj9jv.js rename to assets/IndicatorIcon.stories-CNg5JOp3.js index 1c692495..a7d0e7b2 100644 --- a/assets/IndicatorIcon.stories-DD5xj9jv.js +++ b/assets/IndicatorIcon.stories-CNg5JOp3.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-DR9Q75dM.js";import{I as r}from"./IndicatorIcon-RjQ7x471.js";import{T as o}from"./threads-CbVN7W51.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";const x={title:"Icon/IndicatorIcon",component:r,tags:["autodocs"],args:{size:"32px",children:n.jsx(o,{})}},a={render:e=>n.jsxs(n.Fragment,{children:[n.jsx(r,{...e,size:"32px",children:n.jsx(o,{})}),n.jsx(r,{...e,size:"48px",children:n.jsx(o,{})}),n.jsx(r,{...e,size:"64px",children:n.jsx(o,{})}),n.jsx(r,{...e,size:"32px",indicator:"default",children:n.jsx(o,{})}),n.jsx(r,{...e,size:"48px",indicator:"default",children:n.jsx(o,{})}),n.jsx(r,{...e,size:"64px",indicator:"default",children:n.jsx(o,{})})]})},c={args:{}},s={args:{indicator:"default"}},t={args:{indicator:"success"}},i={args:{indicator:"critical"}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{ +import{j as n}from"./jsx-runtime-DR9Q75dM.js";import{I as r}from"./IndicatorIcon-CKMK3E77.js";import{T as o}from"./threads-CbVN7W51.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";const x={title:"Icon/IndicatorIcon",component:r,tags:["autodocs"],args:{size:"32px",children:n.jsx(o,{})}},a={render:e=>n.jsxs(n.Fragment,{children:[n.jsx(r,{...e,size:"32px",children:n.jsx(o,{})}),n.jsx(r,{...e,size:"48px",children:n.jsx(o,{})}),n.jsx(r,{...e,size:"64px",children:n.jsx(o,{})}),n.jsx(r,{...e,size:"32px",indicator:"default",children:n.jsx(o,{})}),n.jsx(r,{...e,size:"48px",indicator:"default",children:n.jsx(o,{})}),n.jsx(r,{...e,size:"64px",indicator:"default",children:n.jsx(o,{})})]})},c={args:{}},s={args:{indicator:"default"}},t={args:{indicator:"success"}},i={args:{indicator:"critical"}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{ render: args => <> diff --git a/assets/Link-CLwJo_6p.js b/assets/Link-CLwJo_6p.js new file mode 100644 index 00000000..dfcae21b --- /dev/null +++ b/assets/Link-CLwJo_6p.js @@ -0,0 +1 @@ +import{j as m}from"./jsx-runtime-DR9Q75dM.js";import{r as o}from"./index-DRjF_FHU.js";import{c as u}from"./index-lhGYx47h.js";const p="_link_ue21z_17",c={link:p},e=o.forwardRef(function({children:r,className:i,kind:n="primary",size:s="medium",...l},t){return m.jsx("a",{ref:t,...l,rel:"noreferrer noopener",className:u(c.link,i),"data-kind":n,"data-size":s,children:r})});try{e.displayName="Link",e.__docgenInfo={description:"A link component.",displayName:"Link",props:{kind:{defaultValue:{value:"primary"},description:"The type of link.",name:"kind",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"critical"'}]}},size:{defaultValue:{value:"medium"},description:"The size of link.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'}]}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}}}}}catch{}export{e as L}; diff --git a/assets/Link-CWOiyvSG.js b/assets/Link-CWOiyvSG.js deleted file mode 100644 index 2c4eae95..00000000 --- a/assets/Link-CWOiyvSG.js +++ /dev/null @@ -1 +0,0 @@ -import{j as m}from"./jsx-runtime-DR9Q75dM.js";import{r as o}from"./index-DRjF_FHU.js";import{c as u}from"./index-lhGYx47h.js";const p="_link_ue21z_17",c={link:p},e=o.forwardRef(function({children:r,className:i,kind:n="primary",size:s="medium",...l},t){return m.jsx("a",{ref:t,...l,rel:"noreferrer noopener",className:u(c.link,i),"data-kind":n,"data-size":s,children:r})});try{e.displayName="Link",e.__docgenInfo={description:"A link component.",displayName:"Link",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},size:{defaultValue:{value:"medium"},description:"The size of link.",name:"size",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"small"'}]}},kind:{defaultValue:{value:"primary"},description:"The type of link.",name:"kind",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"critical"'}]}}}}}catch{}export{e as L}; diff --git a/assets/Link.stories-DwGDRume.js b/assets/Link.stories-2xyGaFdM.js similarity index 90% rename from assets/Link.stories-DwGDRume.js rename to assets/Link.stories-2xyGaFdM.js index 461c7e1a..e2b0c911 100644 --- a/assets/Link.stories-DwGDRume.js +++ b/assets/Link.stories-2xyGaFdM.js @@ -1,4 +1,4 @@ -import{L as e}from"./Link-CWOiyvSG.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";const n={title:"Link",component:e,tags:["autodocs"],argTypes:{},args:{size:"medium",children:"Text link"}},r={args:{}},s={args:{size:"small"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ +import{L as e}from"./Link-CLwJo_6p.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";const n={title:"Link",component:e,tags:["autodocs"],argTypes:{},args:{size:"medium",children:"Text link"}},r={args:{}},s={args:{size:"small"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ args: {} }`,...r.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{ args: { diff --git a/assets/Menu.stories-DLGeCRHt.js b/assets/Menu.stories-D4ou0ies.js similarity index 96% rename from assets/Menu.stories-DLGeCRHt.js rename to assets/Menu.stories-D4ou0ies.js index 6ee5117e..117b3001 100644 --- a/assets/Menu.stories-DLGeCRHt.js +++ b/assets/Menu.stories-D4ou0ies.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-DR9Q75dM.js";import{r as i}from"./index-DRjF_FHU.js";import{U as G}from"./user-profile-cqTW1cHH.js";import{N as L,C as q,L as U}from"./notifications-BEKrtwGv.js";import{c as D,u as S}from"./index-CGa_gRws.js";import{c as V}from"./index-C8xBnYIG.js";import{c as C,A as $,C as B,G as W,L as F,I as K,a as H,R as X,b as z,d as J,S as Q,e as Y,f as Z,g as ee,i as oe,h as re,P as ne,D as g}from"./index-CqQoUxx_.js";import{P as te}from"./index-Ksfxd92j.js";import{F as ae}from"./FloatingMenu-Cmtm68dq.js";import{c as se}from"./index-lhGYx47h.js";import{d as ie,D as pe,g as ue}from"./DrawerMenu-BNILBemh.js";import{a as de,M}from"./MenuItem-gUZ49Jwi.js";import{S as ce}from"./Separator-CEmvN0Jc.js";import{B as le}from"./Button-BORixq-h.js";import"./index-DlsBsfvk.js";import"./floating-ui.react-C0ln9j1M.js";import"./index-BvEl7W6R.js";import"./Text-Ca3mYoxg.js";import"./Typography-f-oayws_.js";import"./chevron-right-DND12YKW.js";import"./UnstyledButton-DuxpNl0e.js";function me(e,r=[]){let o=[];function n(p,u){const s=i.createContext(u),d=o.length;o=[...o,u];const m=l=>{const{scope:f,children:_,...w}=l,O=f?.[e]?.[d]||s,k=i.useMemo(()=>w,Object.values(w));return a.jsx(O.Provider,{value:k,children:_})};m.displayName=p+"Provider";function h(l,f){const _=f?.[e]?.[d]||s,w=i.useContext(_);if(w)return w;if(u!==void 0)return u;throw new Error(`\`${l}\` must be used within \`${p}\``)}return[m,h]}const t=()=>{const p=o.map(u=>i.createContext(u));return function(s){const d=s?.[e]||p;return i.useMemo(()=>({[`__scope${e}`]:{...s,[e]:d}}),[s,d])}};return t.scopeName=e,[n,he(t,...r)]}function he(...e){const r=e[0];if(e.length===1)return r;const o=()=>{const n=e.map(t=>({useScope:t(),scopeName:t.scopeName}));return function(p){const u=n.reduce((s,{useScope:d,scopeName:m})=>{const l=d(p)[`__scope${m}`];return{...s,...l}},{});return i.useMemo(()=>({[`__scope${r.scopeName}`]:u}),[u])}};return o.scopeName=r.scopeName,o}var y="DropdownMenu",[fe,mo]=me(y,[C]),c=C(),[we,I]=fe(y),R=e=>{const{__scopeDropdownMenu:r,children:o,dir:n,open:t,defaultOpen:p,onOpenChange:u,modal:s=!0}=e,d=c(r),m=i.useRef(null),[h=!1,l]=oe({prop:t,defaultProp:p,onChange:u});return a.jsx(we,{scope:r,triggerId:S(),triggerRef:m,contentId:S(),open:h,onOpenChange:l,onOpenToggle:i.useCallback(()=>l(f=>!f),[l]),modal:s,children:a.jsx(re,{...d,open:h,onOpenChange:l,dir:n,modal:s,children:o})})};R.displayName=y;var N="DropdownMenuTrigger",T=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,disabled:n=!1,...t}=e,p=I(N,o),u=c(o);return a.jsx($,{asChild:!0,...u,children:a.jsx(te.button,{type:"button",id:p.triggerId,"aria-haspopup":"menu","aria-expanded":p.open,"aria-controls":p.open?p.contentId:void 0,"data-state":p.open?"open":"closed","data-disabled":n?"":void 0,disabled:n,...t,ref:V(r,p.triggerRef),onPointerDown:D(e.onPointerDown,s=>{!n&&s.button===0&&s.ctrlKey===!1&&(p.onOpenToggle(),p.open||s.preventDefault())}),onKeyDown:D(e.onKeyDown,s=>{n||(["Enter"," "].includes(s.key)&&p.onOpenToggle(),s.key==="ArrowDown"&&p.onOpenChange(!0),["Enter"," ","ArrowDown"].includes(s.key)&&s.preventDefault())})})})});T.displayName=N;var ge="DropdownMenuPortal",j=e=>{const{__scopeDropdownMenu:r,...o}=e,n=c(r);return a.jsx(ne,{...n,...o})};j.displayName=ge;var P="DropdownMenuContent",E=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=I(P,o),p=c(o),u=i.useRef(!1);return a.jsx(B,{id:t.contentId,"aria-labelledby":t.triggerId,...p,...n,ref:r,onCloseAutoFocus:D(e.onCloseAutoFocus,s=>{u.current||t.triggerRef.current?.focus(),u.current=!1,s.preventDefault()}),onInteractOutside:D(e.onInteractOutside,s=>{const d=s.detail.originalEvent,m=d.button===0&&d.ctrlKey===!0,h=d.button===2||m;(!t.modal||h)&&(u.current=!0)}),style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});E.displayName=P;var Me="DropdownMenuGroup",xe=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(W,{...t,...n,ref:r})});xe.displayName=Me;var ve="DropdownMenuLabel",De=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(F,{...t,...n,ref:r})});De.displayName=ve;var _e="DropdownMenuItem",A=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(K,{...t,...n,ref:r})});A.displayName=_e;var be="DropdownMenuCheckboxItem",ye=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(H,{...t,...n,ref:r})});ye.displayName=be;var Se="DropdownMenuRadioGroup",Ce=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(X,{...t,...n,ref:r})});Ce.displayName=Se;var Ie="DropdownMenuRadioItem",Re=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(z,{...t,...n,ref:r})});Re.displayName=Ie;var Ne="DropdownMenuItemIndicator",Te=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(J,{...t,...n,ref:r})});Te.displayName=Ne;var je="DropdownMenuSeparator",Pe=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(Q,{...t,...n,ref:r})});Pe.displayName=je;var Ee="DropdownMenuArrow",Ae=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(Y,{...t,...n,ref:r})});Ae.displayName=Ee;var Oe="DropdownMenuSubTrigger",ke=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(Z,{...t,...n,ref:r})});ke.displayName=Oe;var Ge="DropdownMenuSubContent",Le=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(ee,{...t,...n,ref:r,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)"}})});Le.displayName=Ge;var qe=R,Ue=T,Ve=j,$e=E;const Be=({onSelect:e,children:r})=>a.jsx(A,{onSelect:e??void 0,asChild:!0,children:r}),b=({title:e,showTitle:r=!0,open:o,onOpenChange:n,trigger:t,children:p,side:u="bottom",align:s="center"})=>{const d=ue(),m=d==="android"||d==="ios",h=i.useMemo(()=>({MenuItemWrapper:m?null:Be,onOpenChange:n}),[n]),l=a.jsx(de.Provider,{value:h,children:p});return m?a.jsxs(g.Root,{open:o,onOpenChange:n,children:[a.jsx(g.Trigger,{asChild:!0,children:t}),a.jsxs(g.Portal,{children:[a.jsx(g.Overlay,{className:se(ie.bg)}),a.jsx(g.Content,{asChild:!0,children:a.jsx(pe,{title:e,children:l})})]})]}):a.jsxs(qe,{open:o,onOpenChange:n,children:[a.jsx(Ue,{asChild:!0,children:t}),a.jsx(Ve,{children:a.jsx($e,{asChild:!0,side:u,align:s,sideOffset:8,onCloseAutoFocus:f=>{f.preventDefault()},children:a.jsx(ae,{title:e,showTitle:r,children:l})})})]})};try{b.displayName="Menu",b.__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 a}from"./jsx-runtime-DR9Q75dM.js";import{r as i}from"./index-DRjF_FHU.js";import{U as G}from"./user-profile-cqTW1cHH.js";import{N as L,C as q,L as U}from"./notifications-BEKrtwGv.js";import{c as D,u as S}from"./index-CGa_gRws.js";import{c as V}from"./index-C8xBnYIG.js";import{c as C,A as $,C as B,G as W,L as F,I as K,a as H,R as X,b as z,d as J,S as Q,e as Y,f as Z,g as ee,i as oe,h as re,P as ne,D as g}from"./index-CqQoUxx_.js";import{P as te}from"./index-Ksfxd92j.js";import{F as ae}from"./FloatingMenu-Dc89G4Nf.js";import{c as se}from"./index-lhGYx47h.js";import{d as ie,D as pe,g as ue}from"./DrawerMenu-BNILBemh.js";import{a as de,M}from"./MenuItem-Bd8p7-6r.js";import{S as ce}from"./Separator-BOThMJvu.js";import{B as le}from"./Button-BORixq-h.js";import"./index-DlsBsfvk.js";import"./floating-ui.react-C0ln9j1M.js";import"./index-BvEl7W6R.js";import"./Text-BvzksikX.js";import"./Typography-DzhKoIWt.js";import"./chevron-right-DND12YKW.js";import"./UnstyledButton-DuxpNl0e.js";function me(e,r=[]){let o=[];function n(p,u){const s=i.createContext(u),d=o.length;o=[...o,u];const m=l=>{const{scope:f,children:_,...w}=l,O=f?.[e]?.[d]||s,k=i.useMemo(()=>w,Object.values(w));return a.jsx(O.Provider,{value:k,children:_})};m.displayName=p+"Provider";function h(l,f){const _=f?.[e]?.[d]||s,w=i.useContext(_);if(w)return w;if(u!==void 0)return u;throw new Error(`\`${l}\` must be used within \`${p}\``)}return[m,h]}const t=()=>{const p=o.map(u=>i.createContext(u));return function(s){const d=s?.[e]||p;return i.useMemo(()=>({[`__scope${e}`]:{...s,[e]:d}}),[s,d])}};return t.scopeName=e,[n,he(t,...r)]}function he(...e){const r=e[0];if(e.length===1)return r;const o=()=>{const n=e.map(t=>({useScope:t(),scopeName:t.scopeName}));return function(p){const u=n.reduce((s,{useScope:d,scopeName:m})=>{const l=d(p)[`__scope${m}`];return{...s,...l}},{});return i.useMemo(()=>({[`__scope${r.scopeName}`]:u}),[u])}};return o.scopeName=r.scopeName,o}var y="DropdownMenu",[fe,mo]=me(y,[C]),c=C(),[we,I]=fe(y),R=e=>{const{__scopeDropdownMenu:r,children:o,dir:n,open:t,defaultOpen:p,onOpenChange:u,modal:s=!0}=e,d=c(r),m=i.useRef(null),[h=!1,l]=oe({prop:t,defaultProp:p,onChange:u});return a.jsx(we,{scope:r,triggerId:S(),triggerRef:m,contentId:S(),open:h,onOpenChange:l,onOpenToggle:i.useCallback(()=>l(f=>!f),[l]),modal:s,children:a.jsx(re,{...d,open:h,onOpenChange:l,dir:n,modal:s,children:o})})};R.displayName=y;var N="DropdownMenuTrigger",T=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,disabled:n=!1,...t}=e,p=I(N,o),u=c(o);return a.jsx($,{asChild:!0,...u,children:a.jsx(te.button,{type:"button",id:p.triggerId,"aria-haspopup":"menu","aria-expanded":p.open,"aria-controls":p.open?p.contentId:void 0,"data-state":p.open?"open":"closed","data-disabled":n?"":void 0,disabled:n,...t,ref:V(r,p.triggerRef),onPointerDown:D(e.onPointerDown,s=>{!n&&s.button===0&&s.ctrlKey===!1&&(p.onOpenToggle(),p.open||s.preventDefault())}),onKeyDown:D(e.onKeyDown,s=>{n||(["Enter"," "].includes(s.key)&&p.onOpenToggle(),s.key==="ArrowDown"&&p.onOpenChange(!0),["Enter"," ","ArrowDown"].includes(s.key)&&s.preventDefault())})})})});T.displayName=N;var ge="DropdownMenuPortal",j=e=>{const{__scopeDropdownMenu:r,...o}=e,n=c(r);return a.jsx(ne,{...n,...o})};j.displayName=ge;var P="DropdownMenuContent",E=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=I(P,o),p=c(o),u=i.useRef(!1);return a.jsx(B,{id:t.contentId,"aria-labelledby":t.triggerId,...p,...n,ref:r,onCloseAutoFocus:D(e.onCloseAutoFocus,s=>{u.current||t.triggerRef.current?.focus(),u.current=!1,s.preventDefault()}),onInteractOutside:D(e.onInteractOutside,s=>{const d=s.detail.originalEvent,m=d.button===0&&d.ctrlKey===!0,h=d.button===2||m;(!t.modal||h)&&(u.current=!0)}),style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});E.displayName=P;var Me="DropdownMenuGroup",xe=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(W,{...t,...n,ref:r})});xe.displayName=Me;var ve="DropdownMenuLabel",De=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(F,{...t,...n,ref:r})});De.displayName=ve;var _e="DropdownMenuItem",A=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(K,{...t,...n,ref:r})});A.displayName=_e;var be="DropdownMenuCheckboxItem",ye=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(H,{...t,...n,ref:r})});ye.displayName=be;var Se="DropdownMenuRadioGroup",Ce=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(X,{...t,...n,ref:r})});Ce.displayName=Se;var Ie="DropdownMenuRadioItem",Re=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(z,{...t,...n,ref:r})});Re.displayName=Ie;var Ne="DropdownMenuItemIndicator",Te=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(J,{...t,...n,ref:r})});Te.displayName=Ne;var je="DropdownMenuSeparator",Pe=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(Q,{...t,...n,ref:r})});Pe.displayName=je;var Ee="DropdownMenuArrow",Ae=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(Y,{...t,...n,ref:r})});Ae.displayName=Ee;var Oe="DropdownMenuSubTrigger",ke=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(Z,{...t,...n,ref:r})});ke.displayName=Oe;var Ge="DropdownMenuSubContent",Le=i.forwardRef((e,r)=>{const{__scopeDropdownMenu:o,...n}=e,t=c(o);return a.jsx(ee,{...t,...n,ref:r,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)"}})});Le.displayName=Ge;var qe=R,Ue=T,Ve=j,$e=E;const Be=({onSelect:e,children:r})=>a.jsx(A,{onSelect:e??void 0,asChild:!0,children:r}),b=({title:e,showTitle:r=!0,open:o,onOpenChange:n,trigger:t,children:p,side:u="bottom",align:s="center"})=>{const d=ue(),m=d==="android"||d==="ios",h=i.useMemo(()=>({MenuItemWrapper:m?null:Be,onOpenChange:n}),[n]),l=a.jsx(de.Provider,{value:h,children:p});return m?a.jsxs(g.Root,{open:o,onOpenChange:n,children:[a.jsx(g.Trigger,{asChild:!0,children:t}),a.jsxs(g.Portal,{children:[a.jsx(g.Overlay,{className:se(ie.bg)}),a.jsx(g.Content,{asChild:!0,children:a.jsx(pe,{title:e,children:l})})]})]}):a.jsxs(qe,{open:o,onOpenChange:n,children:[a.jsx(Ue,{asChild:!0,children:t}),a.jsx(Ve,{children:a.jsx($e,{asChild:!0,side:u,align:s,sideOffset:8,onCloseAutoFocus:f=>{f.preventDefault()},children:a.jsx(ae,{title:e,showTitle:r,children:l})})})]})};try{b.displayName="Menu",b.__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/MenuItem-gUZ49Jwi.js b/assets/MenuItem-Bd8p7-6r.js similarity index 91% rename from assets/MenuItem-gUZ49Jwi.js rename to assets/MenuItem-Bd8p7-6r.js index 6cf9b39f..51e45f07 100644 --- a/assets/MenuItem-gUZ49Jwi.js +++ b/assets/MenuItem-Bd8p7-6r.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-DR9Q75dM.js";import{c as I}from"./index-lhGYx47h.js";import{r as l}from"./index-DRjF_FHU.js";import{T as w}from"./Text-Ca3mYoxg.js";import{C as M}from"./chevron-right-DND12YKW.js";import{S as N}from"./index-C8xBnYIG.js";const m=l.createContext(null);try{m.displayName="MenuContext",m.__docgenInfo={description:`A React context providing information about the menu in which a given -component resides.`,displayName:"MenuContext",props:{}}}catch{}const V="_item_8j2l6_17",T="_interactive_8j2l6_35",k="_icon_8j2l6_43",q="_label_8j2l6_52",R="_disabled_8j2l6_118",e={item:V,interactive:T,"no-label":"_no-label_8j2l6_39",icon:k,label:q,"nav-hint":"_nav-hint_8j2l6_59",disabled:R},p=({as:o,className:h,Icon:s,label:r,labelProps:b,onSelect:n,kind:f="primary",children:v,onClick:_,disabled:u,...y})=>{const a=o??"button",i=l.useContext(m),g=l.useCallback(E=>{if(_?.(E),n!==null&&i?.MenuItemWrapper==null){const d=new CustomEvent("menu.itemSelect",{bubbles:!0,cancelable:!0});n(d),d.defaultPrevented||i?.onOpenChange(!1)}},[i,n]),x=l.isValidElement(s),C=s,j=s,c=t.jsxs(a,{role:"menuitem",...y,className:I(h,e.item,{[e.interactive]:n!==null,[e["no-label"]]:r===null,[e.disabled]:u}),"data-kind":f,onClick:g,disabled:a==="button"?u:void 0,"aria-disabled":a==="button"?void 0:u,children:[x?t.jsx(N,{className:e.icon,children:C}):t.jsx(j,{width:24,height:24,className:e.icon,"aria-hidden":!0}),r!==null&&t.jsx(w,{className:e.label,size:"md",weight:"medium",as:"span",...b,children:r}),(a==="button"||a==="a")&&t.jsx(M,{width:8,height:24,className:e["nav-hint"],"aria-hidden":!0,viewBox:"8 0 8 24"}),v]});return i?.MenuItemWrapper==null||n===null?c:t.jsx(i.MenuItemWrapper,{onSelect:n,children:c})};try{p.displayName="MenuItem",p.__docgenInfo={description:"An item within a menu, acting either as a navigation button, or simply a\ncontainer for other interactive elements.\nMust be used within a compound Menu or other `menu` or `menubar` aria role subtree.",displayName:"MenuItem",props:{as:{defaultValue:{value:"button"},description:"The element type of this menu item.",name:"as",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"a"'},{value:'"div"'}]}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},Icon:{defaultValue:null,description:"The icon to show on this menu item.\nWhen `Icon` is a ReactElement, it should spread the props",name:"Icon",required:!0,type:{name:"ReactElement> | ComponentType>"}},label:{defaultValue:null,description:"The label to show on this menu item.",name:"label",required:!0,type:{name:"string | null"}},labelProps:{defaultValue:null,description:"Additional properties to pass to the Text label component.",name:"labelProps",required:!1,type:{name:'Omit; type?: "heading" | "body"; weight?: "medium" | "bold" | "regular" | "semibold" | undefined; size?: "sm" | ... 4 more ... | undefined; className?: string | undefined; } & Omit<...> & { ...; }, "type"> & { ...; }, "ref"> | undefined'}},onSelect:{defaultValue:null,description:`Event callback for when the item is selected via mouse, touch, or keyboard. +import{j as t}from"./jsx-runtime-DR9Q75dM.js";import{c as I}from"./index-lhGYx47h.js";import{r as l}from"./index-DRjF_FHU.js";import{T as w}from"./Text-BvzksikX.js";import{C as M}from"./chevron-right-DND12YKW.js";import{S as N}from"./index-C8xBnYIG.js";const m=l.createContext(null);try{m.displayName="MenuContext",m.__docgenInfo={description:`A React context providing information about the menu in which a given +component resides.`,displayName:"MenuContext",props:{}}}catch{}const V="_item_8j2l6_17",T="_interactive_8j2l6_35",k="_icon_8j2l6_43",q="_label_8j2l6_52",R="_disabled_8j2l6_118",e={item:V,interactive:T,"no-label":"_no-label_8j2l6_39",icon:k,label:q,"nav-hint":"_nav-hint_8j2l6_59",disabled:R},p=({as:o,className:h,Icon:s,label:r,labelProps:b,onSelect:n,kind:f="primary",children:v,onClick:_,disabled:u,...y})=>{const a=o??"button",i=l.useContext(m),g=l.useCallback(E=>{if(_?.(E),n!==null&&i?.MenuItemWrapper==null){const d=new CustomEvent("menu.itemSelect",{bubbles:!0,cancelable:!0});n(d),d.defaultPrevented||i?.onOpenChange(!1)}},[i,n]),x=l.isValidElement(s),C=s,j=s,c=t.jsxs(a,{role:"menuitem",...y,className:I(h,e.item,{[e.interactive]:n!==null,[e["no-label"]]:r===null,[e.disabled]:u}),"data-kind":f,onClick:g,disabled:a==="button"?u:void 0,"aria-disabled":a==="button"?void 0:u,children:[x?t.jsx(N,{className:e.icon,children:C}):t.jsx(j,{width:24,height:24,className:e.icon,"aria-hidden":!0}),r!==null&&t.jsx(w,{className:e.label,size:"md",weight:"medium",as:"span",...b,children:r}),(a==="button"||a==="a")&&t.jsx(M,{width:8,height:24,className:e["nav-hint"],"aria-hidden":!0,viewBox:"8 0 8 24"}),v]});return i?.MenuItemWrapper==null||n===null?c:t.jsx(i.MenuItemWrapper,{onSelect:n,children:c})};try{p.displayName="MenuItem",p.__docgenInfo={description:"An item within a menu, acting either as a navigation button, or simply a\ncontainer for other interactive elements.\nMust be used within a compound Menu or other `menu` or `menubar` aria role subtree.",displayName:"MenuItem",props:{as:{defaultValue:{value:"button"},description:"The element type of this menu item.",name:"as",required:!1,type:{name:"enum",value:[{value:'"a"'},{value:'"button"'},{value:'"div"'}]}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},Icon:{defaultValue:null,description:"The icon to show on this menu item.\nWhen `Icon` is a ReactElement, it should spread the props",name:"Icon",required:!0,type:{name:"ComponentType> | ReactElement>"}},label:{defaultValue:null,description:"The label to show on this menu item.",name:"label",required:!0,type:{name:"string | null"}},labelProps:{defaultValue:null,description:"Additional properties to pass to the Text label component.",name:"labelProps",required:!1,type:{name:'Omit; type?: "body" | "heading"; weight?: "medium" | "bold" | "regular" | "semibold" | undefined; size?: "sm" | ... 4 more ... | undefined; className?: string | undefined; } & Omit<...> & { ...; }, "type"> & { ...; }, "ref"> | undefined'}},onSelect:{defaultValue:null,description:`Event callback for when the item is selected via mouse, touch, or keyboard. Calling event.preventDefault in this handler will prevent the menu from being dismissed.`,name:"onSelect",required:!0,type:{name:"((e: Event) => void) | null"}},kind:{defaultValue:{value:"primary"},description:"The color variant of the menu item.",name:"kind",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"critical"'}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}}}}}catch{}export{p as M,m as a}; diff --git a/assets/MenuItem.stories-CueTbcbp.js b/assets/MenuItem.stories-C9I6G_HJ.js similarity index 95% rename from assets/MenuItem.stories-CueTbcbp.js rename to assets/MenuItem.stories-C9I6G_HJ.js index 63378bfd..d928a8b9 100644 --- a/assets/MenuItem.stories-CueTbcbp.js +++ b/assets/MenuItem.stories-C9I6G_HJ.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{f as g}from"./index-JRK_GaCU.js";import{C as u,E as h}from"./extensions-DRIHxRsb.js";import{S as b}from"./settings-xa_4DC6i.js";import{M as l}from"./MenuItem-gUZ49Jwi.js";import{T as d}from"./Text-Ca3mYoxg.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";import"./chevron-right-DND12YKW.js";import"./index-C8xBnYIG.js";import"./Typography-f-oayws_.js";const v={title:"Menu/MenuItem",component:l,tags:["autodocs"],args:{label:"Menu item",children:e.jsx(d,{as:"span",size:"sm",children:"99"}),Icon:u,onSelect:g()},decorators:[p=>e.jsx("div",{style:{width:300},children:e.jsx(p,{})})]},s={render:()=>e.jsxs("div",{style:{width:300},children:[e.jsx(l,{Icon:u,label:"First item",onSelect:()=>{},children:e.jsx(d,{as:"span",size:"sm",children:"99"})}),e.jsx(l,{Icon:h,label:"Second item with a name that's quite long",onSelect:()=>{}}),e.jsx(l,{Icon:b,label:null,onSelect:()=>{},children:e.jsx(d,{as:"span",size:"sm",children:"Third item without a label"})})]})},r={args:{kind:"primary"}},a={args:{kind:"critical"}},o={args:{...r.args,disabled:!0}},t={args:{...a.args,disabled:!0}},x=p=>e.jsx("div",{style:{height:24,width:48,backgroundColor:"teal"},...p}),n={args:{...r.args,Icon:e.jsx(x,{})}},i={args:{...r.args,label:void 0}},c={args:{...r.args,label:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."}},m={args:{...r.args,label:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, empor incididunt ut labore et dolore magna aliqua.",children:e.jsx(d,{as:"span",size:"sm",children:"Longer children too"})}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{f as g}from"./index-JRK_GaCU.js";import{C as u,E as h}from"./extensions-DRIHxRsb.js";import{S as b}from"./settings-xa_4DC6i.js";import{M as l}from"./MenuItem-Bd8p7-6r.js";import{T as d}from"./Text-BvzksikX.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";import"./chevron-right-DND12YKW.js";import"./index-C8xBnYIG.js";import"./Typography-DzhKoIWt.js";const v={title:"Menu/MenuItem",component:l,tags:["autodocs"],args:{label:"Menu item",children:e.jsx(d,{as:"span",size:"sm",children:"99"}),Icon:u,onSelect:g()},decorators:[p=>e.jsx("div",{style:{width:300},children:e.jsx(p,{})})]},s={render:()=>e.jsxs("div",{style:{width:300},children:[e.jsx(l,{Icon:u,label:"First item",onSelect:()=>{},children:e.jsx(d,{as:"span",size:"sm",children:"99"})}),e.jsx(l,{Icon:h,label:"Second item with a name that's quite long",onSelect:()=>{}}),e.jsx(l,{Icon:b,label:null,onSelect:()=>{},children:e.jsx(d,{as:"span",size:"sm",children:"Third item without a label"})})]})},r={args:{kind:"primary"}},a={args:{kind:"critical"}},o={args:{...r.args,disabled:!0}},t={args:{...a.args,disabled:!0}},x=p=>e.jsx("div",{style:{height:24,width:48,backgroundColor:"teal"},...p}),n={args:{...r.args,Icon:e.jsx(x,{})}},i={args:{...r.args,label:void 0}},c={args:{...r.args,label:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."}},m={args:{...r.args,label:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, empor incididunt ut labore et dolore magna aliqua.",children:e.jsx(d,{as:"span",size:"sm",children:"Longer children too"})}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{ render: () =>
diff --git a/assets/Password-WzjY7HSR.js b/assets/Password-BNBFWnWg.js similarity index 96% rename from assets/Password-WzjY7HSR.js rename to assets/Password-BNBFWnWg.js index a81d5f62..73779ad7 100644 --- a/assets/Password-WzjY7HSR.js +++ b/assets/Password-BNBFWnWg.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-DR9Q75dM.js";import{r as o}from"./index-DRjF_FHU.js";import{C as m}from"./index-2SmsnS5l.js";import{a as f,V as b}from"./visibility-on-BsZOuBEH.js";import{A as h}from"./Action-CbfS63IH.js";const r={isHidden:!0,icon:f,label:"Show",type:"password"},g={isHidden:!1,icon:b,label:"Hide",type:"text"},n=o.forwardRef(function(t,s){const[{icon:l,label:d,type:p},c]=o.useReducer(u=>u.isHidden?g:r,r);return a.jsx(h,{ref:s,...t,Icon:l,actionLabel:d,onActionClick:()=>c(),type:p})}),i=o.forwardRef(function(t,s){return a.jsx(m,{asChild:!0,children:a.jsx(n,{ref:s,...t})})});try{n.displayName="PasswordInput",n.__docgenInfo={description:`A password input with a toggle to show/hide the password. +import{j as a}from"./jsx-runtime-DR9Q75dM.js";import{r as o}from"./index-DRjF_FHU.js";import{C as m}from"./index-2SmsnS5l.js";import{a as f,V as b}from"./visibility-on-BsZOuBEH.js";import{A as h}from"./Action-lVpIJAKN.js";const r={isHidden:!0,icon:f,label:"Show",type:"password"},g={isHidden:!1,icon:b,label:"Hide",type:"text"},n=o.forwardRef(function(t,s){const[{icon:l,label:d,type:p},c]=o.useReducer(u=>u.isHidden?g:r,r);return a.jsx(h,{ref:s,...t,Icon:l,actionLabel:d,onActionClick:()=>c(),type:p})}),i=o.forwardRef(function(t,s){return a.jsx(m,{asChild:!0,children:a.jsx(n,{ref:s,...t})})});try{n.displayName="PasswordInput",n.__docgenInfo={description:`A password input with a toggle to show/hide the password. Standalone input to be used outside of Radix forms.`,displayName:"PasswordInput",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text For example on an in-place editing field diff --git a/assets/Password.stories-DqC-K-A-.js b/assets/Password.stories-C5Rtb51e.js similarity index 96% rename from assets/Password.stories-DqC-K-A-.js rename to assets/Password.stories-C5Rtb51e.js index bb590337..53eb5c4a 100644 --- a/assets/Password.stories-DqC-K-A-.js +++ b/assets/Password.stories-C5Rtb51e.js @@ -1,4 +1,4 @@ -import{j as p}from"./jsx-runtime-DR9Q75dM.js";import{T as l}from"./Tooltip-B6Zstkea.js";import{u,s as g}from"./index-JRK_GaCU.js";import{P as m}from"./Password-WzjY7HSR.js";import"./index-DRjF_FHU.js";import"./floating-ui.react-C0ln9j1M.js";import"./index-BvEl7W6R.js";import"./index-lhGYx47h.js";import"./index-2SmsnS5l.js";import"./index-CGa_gRws.js";import"./index-C8xBnYIG.js";import"./index-DlsBsfvk.js";import"./index-Ksfxd92j.js";import"./visibility-on-BsZOuBEH.js";import"./Action-CbfS63IH.js";import"./Text-CZnraUGE.js";const L={title:"Form/Controls/Password",component:m,tags:["autodocs"],parameters:{controls:{include:["defaultValue","placeholder","disabled","autoFocus","readOnly","invalid"]}},argTypes:{defaultValue:{type:"string"},placeholder:{type:"string"},disabled:{type:"boolean"},autoFocus:{type:"boolean"},readOnly:{type:"boolean"},invalid:{type:"boolean"}},render:({invalid:i,...d})=>p.jsx(l,{children:p.jsx(m,{"data-invalid":i||void 0,...d})}),args:{placeholder:"",autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1}},e={parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4477"}}},a={args:{defaultValue:"Filled"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4536"}}},n={args:{defaultValue:"Disabled",disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4530"}}},o={args:{defaultValue:"Read only",readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2126-21984"}}},r={args:{autoFocus:!0}},s={args:{defaultValue:"Invalid",invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4514"}}},t={args:{defaultValue:"hunter2"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4536"}},play:async()=>{const i=u.setup(),d=g.getByRole("button",{name:"Show"});await i.click(d)}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ +import{j as p}from"./jsx-runtime-DR9Q75dM.js";import{T as l}from"./Tooltip-DWBiSZRI.js";import{u,s as g}from"./index-JRK_GaCU.js";import{P as m}from"./Password-BNBFWnWg.js";import"./index-DRjF_FHU.js";import"./floating-ui.react-C0ln9j1M.js";import"./index-BvEl7W6R.js";import"./index-lhGYx47h.js";import"./index-2SmsnS5l.js";import"./index-CGa_gRws.js";import"./index-C8xBnYIG.js";import"./index-DlsBsfvk.js";import"./index-Ksfxd92j.js";import"./visibility-on-BsZOuBEH.js";import"./Action-lVpIJAKN.js";import"./Text-CZnraUGE.js";const L={title:"Form/Controls/Password",component:m,tags:["autodocs"],parameters:{controls:{include:["defaultValue","placeholder","disabled","autoFocus","readOnly","invalid"]}},argTypes:{defaultValue:{type:"string"},placeholder:{type:"string"},disabled:{type:"boolean"},autoFocus:{type:"boolean"},readOnly:{type:"boolean"},invalid:{type:"boolean"}},render:({invalid:i,...d})=>p.jsx(l,{children:p.jsx(m,{"data-invalid":i||void 0,...d})}),args:{placeholder:"",autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1}},e={parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4477"}}},a={args:{defaultValue:"Filled"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4536"}}},n={args:{defaultValue:"Disabled",disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4530"}}},o={args:{defaultValue:"Read only",readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2126-21984"}}},r={args:{autoFocus:!0}},s={args:{defaultValue:"Invalid",invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4514"}}},t={args:{defaultValue:"hunter2"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4536"}},play:async()=>{const i=u.setup(),d=g.getByRole("button",{name:"Show"});await i.click(d)}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ parameters: { design: { type: "figma", diff --git a/assets/PasswordForm.stories-DuuRNbTu.js b/assets/PasswordForm.stories-R0JEjfHD.js similarity index 94% rename from assets/PasswordForm.stories-DuuRNbTu.js rename to assets/PasswordForm.stories-R0JEjfHD.js index 9d197d6e..508ed884 100644 --- a/assets/PasswordForm.stories-DuuRNbTu.js +++ b/assets/PasswordForm.stories-R0JEjfHD.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{W as p}from"./warning-DNnCy5FR.js";import{P as r}from"./Progress-DyxFkwdM.js";import{T as x}from"./Tooltip-B6Zstkea.js";import{R as s,H as g,S as w}from"./Message-DAbH8XS4.js";import{F as a,L as o}from"./Label-Bz2llXvT.js";import{a as t}from"./Password-WzjY7HSR.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";import"./index-DlsBsfvk.js";import"./index-Ksfxd92j.js";import"./index-BvEl7W6R.js";import"./index-C8xBnYIG.js";import"./floating-ui.react-C0ln9j1M.js";import"./index-2SmsnS5l.js";import"./index-CGa_gRws.js";import"./check-circle-solid-DvGH8qX5.js";import"./error-DOy7ZFuJ.js";import"./InlineSpinner-DDpdhuC2.js";import"./spinner--mCkS-8r.js";import"./visibility-on-BsZOuBEH.js";import"./Action-CbfS63IH.js";import"./Text-CZnraUGE.js";const O={title:"Form/Password form",component:s,tags:["autodocs"],decorators:[c=>e.jsx(x,{children:e.jsx("div",{style:{maxWidth:"378px"},children:e.jsx(c,{})})})]},n=c=>{switch(c){case 1:return"Very weak password";case 2:return"Weak password";case 3:return"Strong password";case 4:return"Very strong password";default:return"Password strength"}},d=()=>e.jsx(s,{children:e.jsxs(a,{name:"password",children:[e.jsx(o,{children:"Password"}),e.jsx(t,{}),e.jsx(r,{getValueLabel:n,size:"sm",value:0,max:4})]})}),i=()=>e.jsx(s,{children:e.jsxs(a,{name:"password",children:[e.jsx(o,{children:"Password"}),e.jsx(t,{defaultValue:"password"}),e.jsx(r,{getValueLabel:n,size:"sm",tint:"red",value:1,max:4}),e.jsxs(g,{children:[e.jsx(p,{}),"Guess time: a few seconds. Try adding a few more words."]})]})}),l=()=>e.jsx(s,{children:e.jsxs(a,{name:"password",children:[e.jsx(o,{children:"Password"}),e.jsx(t,{defaultValue:"hunter2"}),e.jsx(r,{getValueLabel:n,size:"sm",tint:"orange",value:2,max:4}),e.jsxs(g,{children:[e.jsx(p,{}),"Guess time: a few days. Try adding a few more words."]})]})}),m=()=>e.jsx(s,{children:e.jsxs(a,{name:"password",children:[e.jsx(o,{children:"Password"}),e.jsx(t,{defaultValue:"this is a strong password"}),e.jsx(r,{getValueLabel:n,size:"sm",tint:"lime",value:3,max:4}),e.jsx(w,{children:"Guess time: years"})]})}),u=()=>e.jsx(s,{children:e.jsxs(a,{name:"password",children:[e.jsx(o,{children:"Password"}),e.jsx(t,{defaultValue:"this is a very strong password"}),e.jsx(r,{getValueLabel:n,size:"sm",tint:"green",value:4,max:4}),e.jsx(w,{children:"Guess time: centruries"})]})});d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`() => { +import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{W as p}from"./warning-DNnCy5FR.js";import{P as r}from"./Progress-DssNWzF4.js";import{T as x}from"./Tooltip-DWBiSZRI.js";import{R as s,H as g,S as w}from"./Message-DAbH8XS4.js";import{F as a,L as o}from"./Label-Bz2llXvT.js";import{a as t}from"./Password-BNBFWnWg.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";import"./index-DlsBsfvk.js";import"./index-Ksfxd92j.js";import"./index-BvEl7W6R.js";import"./index-C8xBnYIG.js";import"./floating-ui.react-C0ln9j1M.js";import"./index-2SmsnS5l.js";import"./index-CGa_gRws.js";import"./check-circle-solid-DvGH8qX5.js";import"./error-DOy7ZFuJ.js";import"./InlineSpinner-DDpdhuC2.js";import"./spinner--mCkS-8r.js";import"./visibility-on-BsZOuBEH.js";import"./Action-lVpIJAKN.js";import"./Text-CZnraUGE.js";const O={title:"Form/Password form",component:s,tags:["autodocs"],decorators:[c=>e.jsx(x,{children:e.jsx("div",{style:{maxWidth:"378px"},children:e.jsx(c,{})})})]},n=c=>{switch(c){case 1:return"Very weak password";case 2:return"Weak password";case 3:return"Strong password";case 4:return"Very strong password";default:return"Password strength"}},d=()=>e.jsx(s,{children:e.jsxs(a,{name:"password",children:[e.jsx(o,{children:"Password"}),e.jsx(t,{}),e.jsx(r,{getValueLabel:n,size:"sm",value:0,max:4})]})}),i=()=>e.jsx(s,{children:e.jsxs(a,{name:"password",children:[e.jsx(o,{children:"Password"}),e.jsx(t,{defaultValue:"password"}),e.jsx(r,{getValueLabel:n,size:"sm",tint:"red",value:1,max:4}),e.jsxs(g,{children:[e.jsx(p,{}),"Guess time: a few seconds. Try adding a few more words."]})]})}),l=()=>e.jsx(s,{children:e.jsxs(a,{name:"password",children:[e.jsx(o,{children:"Password"}),e.jsx(t,{defaultValue:"hunter2"}),e.jsx(r,{getValueLabel:n,size:"sm",tint:"orange",value:2,max:4}),e.jsxs(g,{children:[e.jsx(p,{}),"Guess time: a few days. Try adding a few more words."]})]})}),m=()=>e.jsx(s,{children:e.jsxs(a,{name:"password",children:[e.jsx(o,{children:"Password"}),e.jsx(t,{defaultValue:"this is a strong password"}),e.jsx(r,{getValueLabel:n,size:"sm",tint:"lime",value:3,max:4}),e.jsx(w,{children:"Guess time: years"})]})}),u=()=>e.jsx(s,{children:e.jsxs(a,{name:"password",children:[e.jsx(o,{children:"Password"}),e.jsx(t,{defaultValue:"this is a very strong password"}),e.jsx(r,{getValueLabel:n,size:"sm",tint:"green",value:4,max:4}),e.jsx(w,{children:"Guess time: centruries"})]})});d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`() => { return diff --git a/assets/Progress-DyxFkwdM.js b/assets/Progress-DssNWzF4.js similarity index 76% rename from assets/Progress-DyxFkwdM.js rename to assets/Progress-DssNWzF4.js index 26bc945a..9189702d 100644 --- a/assets/Progress-DyxFkwdM.js +++ b/assets/Progress-DssNWzF4.js @@ -3,6 +3,6 @@ import{j as n}from"./jsx-runtime-DR9Q75dM.js";import{r as p}from"./index-DRjF_FH - less than the value passed to \`max\` (or ${b} if no \`max\` prop is set) - \`null\` or \`undefined\` if the progress is indeterminate. -Defaulting to \`null\`.`}var A=N,M=j;const P=p.forwardRef(function({size:r,tint:i,className:s,value:a,max:c,getValueLabel:u,...t},o){const l=c??1,v=a??l,x=p.useId(),f=u?u(v,l):null;return n.jsxs("div",{className:V(d["progress-bar-container"],s),"data-tint":i,...t,children:[f&&n.jsx("div",{id:x,className:d["progress-bar-label"],children:f}),n.jsx(A,{className:d["progress-bar"],"data-size":r,max:l,value:v,ref:o,"aria-labelledby":f?x:void 0,getValueLabel:u,children:n.jsx(M,{className:d["progress-bar-indicator"],style:{transform:`translateX(-${100-v/l*100}%)`}})})]})});try{P.displayName="Progress",P.__docgenInfo={description:"Displays an indicator showing the completion progress of a task, optionally with a label",displayName:"Progress",props:{value:{defaultValue:null,description:"The value of the progress bar. Defaults to max if not provided",name:"value",required:!1,type:{name:"number | null"}},className:{defaultValue:null,description:"The CSS class name forwarded to the root element",name:"className",required:!1,type:{name:"string"}},size:{defaultValue:null,description:"The size variant of the progress bar",name:"size",required:!0,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'}]}},tint:{defaultValue:null,description:`The colour variant to use for the progress bar indicator -If not set, the progress bar will be rendered with a gray tone, which should only be used when the progress bar is empty`,name:"tint",required:!1,type:{name:"enum",value:[{value:'"green"'},{value:'"lime"'},{value:'"orange"'},{value:'"red"'}]}},max:{defaultValue:null,description:"The maximum value of the progress bar. Defaults to 1 if not provided",name:"max",required:!1,type:{name:"number"}},getValueLabel:{defaultValue:null,description:`A function to get the text label to display in the progress bar. +Defaulting to \`null\`.`}var A=N,M=j;const P=p.forwardRef(function({size:r,tint:i,className:s,value:a,max:c,getValueLabel:u,...t},o){const l=c??1,v=a??l,x=p.useId(),f=u?u(v,l):null;return n.jsxs("div",{className:V(d["progress-bar-container"],s),"data-tint":i,...t,children:[f&&n.jsx("div",{id:x,className:d["progress-bar-label"],children:f}),n.jsx(A,{className:d["progress-bar"],"data-size":r,max:l,value:v,ref:o,"aria-labelledby":f?x:void 0,getValueLabel:u,children:n.jsx(M,{className:d["progress-bar-indicator"],style:{transform:`translateX(-${100-v/l*100}%)`}})})]})});try{P.displayName="Progress",P.__docgenInfo={description:"Displays an indicator showing the completion progress of a task, optionally with a label",displayName:"Progress",props:{size:{defaultValue:null,description:"The size variant of the progress bar",name:"size",required:!0,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'}]}},className:{defaultValue:null,description:"The CSS class name forwarded to the root element",name:"className",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"The value of the progress bar. Defaults to max if not provided",name:"value",required:!1,type:{name:"number | null"}},max:{defaultValue:null,description:"The maximum value of the progress bar. Defaults to 1 if not provided",name:"max",required:!1,type:{name:"number"}},tint:{defaultValue:null,description:`The colour variant to use for the progress bar indicator +If not set, the progress bar will be rendered with a gray tone, which should only be used when the progress bar is empty`,name:"tint",required:!1,type:{name:"enum",value:[{value:'"green"'},{value:'"lime"'},{value:'"orange"'},{value:'"red"'}]}},getValueLabel:{defaultValue:null,description:`A function to get the text label to display in the progress bar. If set, it will display a label on top of the progress bar`,name:"getValueLabel",required:!1,type:{name:"((value: number, max: number) => string)"}}}}}catch{}export{P}; diff --git a/assets/Progress.stories-CupFT_UY.js b/assets/Progress.stories-DJh3OqRO.js similarity index 97% rename from assets/Progress.stories-CupFT_UY.js rename to assets/Progress.stories-DJh3OqRO.js index 2078e1d7..29ac43dd 100644 --- a/assets/Progress.stories-CupFT_UY.js +++ b/assets/Progress.stories-DJh3OqRO.js @@ -1,4 +1,4 @@ -import{P as u}from"./Progress-DyxFkwdM.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";import"./index-DlsBsfvk.js";import"./index-Ksfxd92j.js";import"./index-BvEl7W6R.js";import"./index-C8xBnYIG.js";function i(e){return e===0?"Empty progress bar":e<=25?"Quarter-full progress bar":e<=50?"Half-full progress bar":e<=75?"Three-quarters full progress bar":"Full progress bar"}const L={title:"Progress",component:u,tags:["autodocs"],argTypes:{max:{type:"number"},value:{type:"number"}},args:{getValueLabel:i,size:"sm",max:100,value:50}},r={args:{tint:"green",size:"lg",value:50}},a={args:{tint:"green",size:"sm",value:50}},s={args:{tint:"green",size:"lg",value:100}},n={args:{tint:"green",size:"sm",value:100}},t={args:{value:0}},o={args:{value:25,tint:"red"}},l={args:{value:50,tint:"orange"}},c={args:{value:75,tint:"lime"}},m={args:{value:100,tint:"green"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ +import{P as u}from"./Progress-DssNWzF4.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";import"./index-DlsBsfvk.js";import"./index-Ksfxd92j.js";import"./index-BvEl7W6R.js";import"./index-C8xBnYIG.js";function i(e){return e===0?"Empty progress bar":e<=25?"Quarter-full progress bar":e<=50?"Half-full progress bar":e<=75?"Three-quarters full progress bar":"Full progress bar"}const L={title:"Progress",component:u,tags:["autodocs"],argTypes:{max:{type:"number"},value:{type:"number"}},args:{getValueLabel:i,size:"sm",max:100,value:50}},r={args:{tint:"green",size:"lg",value:50}},a={args:{tint:"green",size:"sm",value:50}},s={args:{tint:"green",size:"lg",value:100}},n={args:{tint:"green",size:"sm",value:100}},t={args:{value:0}},o={args:{value:25,tint:"red"}},l={args:{value:50,tint:"orange"}},c={args:{value:75,tint:"lime"}},m={args:{value:100,tint:"green"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ args: { tint: "green", size: "lg", diff --git a/assets/ReleaseAnnouncement.stories-DoD7fyFW.js b/assets/ReleaseAnnouncement.stories-BIdVZUic.js similarity index 94% rename from assets/ReleaseAnnouncement.stories-DoD7fyFW.js rename to assets/ReleaseAnnouncement.stories-BIdVZUic.js index 602d0b36..c3ac2116 100644 --- a/assets/ReleaseAnnouncement.stories-DoD7fyFW.js +++ b/assets/ReleaseAnnouncement.stories-BIdVZUic.js @@ -1,5 +1,5 @@ -import{j as n}from"./jsx-runtime-DR9Q75dM.js";import{r as s}from"./index-DRjF_FHU.js";import{u as A,b as k,c as C,o as V,s as q,n as E,d as N,j as F,k as I,a as M,l as L,p as P,m as S}from"./floating-ui.react-C0ln9j1M.js";import{T as R}from"./Text-Ca3mYoxg.js";import{B as T}from"./Button-BORixq-h.js";import"./index-BvEl7W6R.js";import"./Typography-f-oayws_.js";import"./index-lhGYx47h.js";import"./UnstyledButton-DuxpNl0e.js";const B="_content_1oa1y_17",O="_header_1oa1y_46",H="_description_1oa1y_52",W="_button_1oa1y_57",z="_arrow_1oa1y_62",l={content:B,header:O,description:H,button:W,arrow:z},j=s.createContext(null);function b(){const e=s.useContext(j);if(e==null)throw new Error("ReleaseAnnouncement components must be wrapped in ");return e}function g({open:e,header:t,description:a,closeLabel:o,placement:r,onClick:i,displayArrow:p}){const v=A(),w=A(),h=s.useRef(null),f=k({placement:r,open:e,whileElementsMounted:C,middleware:[V(16),q({limiter:E({offset:50})}),p&&N({element:h})]}),x=F(f.context),_=I([x]);return s.useMemo(()=>({open:e,...f,..._,labelId:v,descriptionId:w,header:t,description:a,closeLabel:o,onClick:i,displayArrow:p,arrowRef:h}),[e,x,_,f,v,w,t,a,o,i,p,h])}try{g.displayName="useReleaseAnnouncement",g.__docgenInfo={description:"This hook provides the necessary props to create a release announcement.",displayName:"useReleaseAnnouncement",props:{open:{defaultValue:null,description:"Whether the release announcement is open.",name:"open",required:!0,type:{name:"boolean"}},header:{defaultValue:null,description:"The header of the release announcement.",name:"header",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"The description of the release announcement.",name:"description",required:!0,type:{name:"string"}},closeLabel:{defaultValue:null,description:"The label of the close button.",name:"closeLabel",required:!0,type:{name:"string"}},placement:{defaultValue:null,description:"The placement of the release announcement.",name:"placement",required:!0,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'},{value:'"bottom"'},{value:'"top"'},{value:'"left-end"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-start"'},{value:'"bottom-end"'},{value:'"bottom-start"'},{value:'"top-end"'},{value:'"top-start"'}]}},onClick:{defaultValue:null,description:"The event handler for the close button.",name:"onClick",required:!0,type:{name:"MouseEventHandler"}},displayArrow:{defaultValue:null,description:"Whether to display an arrow.",name:"displayArrow",required:!1,type:{name:"boolean"}}}}}catch{}function y({children:e,placement:t="right",displayArrow:a=!0,...o}){const r=g({placement:t,displayArrow:a,...o});return n.jsxs(j.Provider,{value:r,children:[n.jsx(D,{children:e}),n.jsx(K,{children:n.jsx(U,{})})]})}function D({children:e}){const t=b(),a=e?.ref,o=M([t.refs.setReference,a]);if(!s.isValidElement(e))throw new Error("ReleaseAnnouncement anchor must be a single valid React element");return s.cloneElement(e,t.getReferenceProps({ref:o,...e.props,...t.open&&{"aria-describedby":t.getFloatingProps().id}}))}function K({children:e}){const{context:t,arrowRef:a,displayArrow:o,...r}=b();return t.open?n.jsx(L,{children:n.jsx(P,{context:t,modal:!1,children:n.jsxs("div",{ref:r.refs.setFloating,style:r.floatingStyles,"aria-labelledby":r.labelId,"aria-describedby":r.descriptionId,...r.getFloatingProps(),className:l.content,children:[o&&n.jsx(S,{ref:a,context:t,width:20,height:12,className:l.arrow}),e]})})}):null}function U(){const{labelId:e,descriptionId:t,header:a,description:o,closeLabel:r,onClick:i}=b();return n.jsxs(n.Fragment,{children:[n.jsx(R,{as:"h3",id:e,className:l.header,size:"lg",weight:"semibold",children:a}),n.jsx(R,{as:"span",id:t,className:l.description,size:"sm",weight:"regular",children:o}),n.jsx(T,{size:"sm",kind:"secondary",className:l.button,onClick:i,children:r})]})}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"'}]}},displayArrow:{defaultValue:{value:"true"},description:"Whether to display an arrow.",name:"displayArrow",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"The event handler for the close button.",name:"onClick",required:!0,type:{name:"MouseEventHandler"}},open:{defaultValue:null,description:"Whether the release announcement is open.",name:"open",required:!0,type:{name:"boolean"}},header:{defaultValue:null,description:"The header of the release announcement.",name:"header",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"The description of the release announcement.",name:"description",required:!0,type:{name:"string"}},closeLabel:{defaultValue:null,description:"The label of the close button.",name:"closeLabel",required:!0,type:{name:"string"}}}}}catch{}const $=e=>{const[t,a]=s.useState(!0);return n.jsx(y,{...e,open:t,onClick:()=>a(!1),children:n.jsx(T,{onClick:()=>a(o=>!o),children:"Open menu"})})},ae={title:"Release Announcement",component:$,tags:["autodocs"],argTypes:{},args:{header:"Notifications have moved",description:"From now on, click the icon here to view your notifications.",placement:"right",closeLabel:"Ok"}},c={args:{}},u={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."}},d={args:{placement:"bottom"}},m={args:{displayArrow:!1}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{ +import{j as n}from"./jsx-runtime-DR9Q75dM.js";import{r as s}from"./index-DRjF_FHU.js";import{u as A,b as k,c as C,o as V,s as q,n as E,d as N,j as F,k as I,a as M,l as L,p as P,m as S}from"./floating-ui.react-C0ln9j1M.js";import{T as R}from"./Text-BvzksikX.js";import{B as T}from"./Button-BORixq-h.js";import"./index-BvEl7W6R.js";import"./Typography-DzhKoIWt.js";import"./index-lhGYx47h.js";import"./UnstyledButton-DuxpNl0e.js";const B="_content_1oa1y_17",O="_header_1oa1y_46",H="_description_1oa1y_52",W="_button_1oa1y_57",z="_arrow_1oa1y_62",l={content:B,header:O,description:H,button:W,arrow:z},j=s.createContext(null);function b(){const e=s.useContext(j);if(e==null)throw new Error("ReleaseAnnouncement components must be wrapped in ");return e}function g({open:e,header:t,description:a,closeLabel:o,placement:r,onClick:i,displayArrow:p}){const v=A(),w=A(),h=s.useRef(null),f=k({placement:r,open:e,whileElementsMounted:C,middleware:[V(16),q({limiter:E({offset:50})}),p&&N({element:h})]}),x=F(f.context),_=I([x]);return s.useMemo(()=>({open:e,...f,..._,labelId:v,descriptionId:w,header:t,description:a,closeLabel:o,onClick:i,displayArrow:p,arrowRef:h}),[e,x,_,f,v,w,t,a,o,i,p,h])}try{g.displayName="useReleaseAnnouncement",g.__docgenInfo={description:"This hook provides the necessary props to create a release announcement.",displayName:"useReleaseAnnouncement",props:{open:{defaultValue:null,description:"Whether the release announcement is open.",name:"open",required:!0,type:{name:"boolean"}},header:{defaultValue:null,description:"The header of the release announcement.",name:"header",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"The description of the release announcement.",name:"description",required:!0,type:{name:"string"}},closeLabel:{defaultValue:null,description:"The label of the close button.",name:"closeLabel",required:!0,type:{name:"string"}},placement:{defaultValue:null,description:"The placement of the release announcement.",name:"placement",required:!0,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'},{value:'"bottom"'},{value:'"top"'},{value:'"left-end"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-start"'},{value:'"bottom-end"'},{value:'"bottom-start"'},{value:'"top-end"'},{value:'"top-start"'}]}},onClick:{defaultValue:null,description:"The event handler for the close button.",name:"onClick",required:!0,type:{name:"MouseEventHandler"}},displayArrow:{defaultValue:null,description:"Whether to display an arrow.",name:"displayArrow",required:!1,type:{name:"boolean"}}}}}catch{}function y({children:e,placement:t="right",displayArrow:a=!0,...o}){const r=g({placement:t,displayArrow:a,...o});return n.jsxs(j.Provider,{value:r,children:[n.jsx(D,{children:e}),n.jsx(K,{children:n.jsx(U,{})})]})}function D({children:e}){const t=b(),a=e?.ref,o=M([t.refs.setReference,a]);if(!s.isValidElement(e))throw new Error("ReleaseAnnouncement anchor must be a single valid React element");return s.cloneElement(e,t.getReferenceProps({ref:o,...e.props,...t.open&&{"aria-describedby":t.getFloatingProps().id}}))}function K({children:e}){const{context:t,arrowRef:a,displayArrow:o,...r}=b();return t.open?n.jsx(L,{children:n.jsx(P,{context:t,modal:!1,children:n.jsxs("div",{ref:r.refs.setFloating,style:r.floatingStyles,"aria-labelledby":r.labelId,"aria-describedby":r.descriptionId,...r.getFloatingProps(),className:l.content,children:[o&&n.jsx(S,{ref:a,context:t,width:20,height:12,className:l.arrow}),e]})})}):null}function U(){const{labelId:e,descriptionId:t,header:a,description:o,closeLabel:r,onClick:i}=b();return n.jsxs(n.Fragment,{children:[n.jsx(R,{as:"h3",id:e,className:l.header,size:"lg",weight:"semibold",children:a}),n.jsx(R,{as:"span",id:t,className:l.description,size:"sm",weight:"regular",children:o}),n.jsx(T,{size:"sm",kind:"secondary",className:l.button,onClick:i,children:r})]})}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"'}]}},displayArrow:{defaultValue:{value:"true"},description:"Whether to display an arrow.",name:"displayArrow",required:!1,type:{name:"boolean"}},header:{defaultValue:null,description:"The header of the release announcement.",name:"header",required:!0,type:{name:"string"}},onClick:{defaultValue:null,description:"The event handler for the close button.",name:"onClick",required:!0,type:{name:"MouseEventHandler"}},open:{defaultValue:null,description:"Whether the release announcement is open.",name:"open",required:!0,type:{name:"boolean"}},description:{defaultValue:null,description:"The description of the release announcement.",name:"description",required:!0,type:{name:"string"}},closeLabel:{defaultValue:null,description:"The label of the close button.",name:"closeLabel",required:!0,type:{name:"string"}}}}}catch{}const $=e=>{const[t,a]=s.useState(!0);return n.jsx(y,{...e,open:t,onClick:()=>a(!1),children:n.jsx(T,{onClick:()=>a(o=>!o),children:"Open menu"})})},ae={title:"Release Announcement",component:$,tags:["autodocs"],argTypes:{},args:{header:"Notifications have moved",description:"From now on, click the icon here to view your notifications.",placement:"right",closeLabel:"Ok"}},c={args:{}},u={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."}},d={args:{placement:"bottom"}},m={args:{displayArrow:!1}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{ args: {} }`,...c.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{ args: { diff --git a/assets/Search.stories-C7Tmsfc7.js b/assets/Search.stories-8x15PkYe.js similarity index 88% rename from assets/Search.stories-C7Tmsfc7.js rename to assets/Search.stories-8x15PkYe.js index 665dffd4..62987e1a 100644 --- a/assets/Search.stories-C7Tmsfc7.js +++ b/assets/Search.stories-8x15PkYe.js @@ -1,3 +1,3 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{a as u}from"./index-2SmsnS5l.js";import{c as _}from"./index-lhGYx47h.js";import{r as n}from"./index-DRjF_FHU.js";import{S as f}from"./search-DQyZo8im.js";import{F as S,L as g}from"./Label-Bz2llXvT.js";import"./index-CGa_gRws.js";import"./index-C8xBnYIG.js";import"./index-DlsBsfvk.js";import"./index-Ksfxd92j.js";import"./index-BvEl7W6R.js";const x="_search_1ki2c_17",y="_icon_1ki2c_46",j="_input_1ki2c_61",s={search:x,icon:y,input:j},t=n.forwardRef(function({className:i,onChange:m,placeholder:p="Search…",name:c,...l},d){const h=_(s.search,i),o=n.useId();return e.jsx(S,{name:c,asChild:!0,children:e.jsxs(g,{className:h,htmlFor:o,children:[e.jsx(f,{className:s.icon,width:20,height:20}),e.jsx("input",{ref:d,...l,id:o,name:c,type:"search",placeholder:p,onChange:m,className:s.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{}const R={title:"Search",component:t,tags:["autodocs"],argTypes:{},args:{name:"search"},decorators:[r=>e.jsx(u,{children:e.jsx(r,{})})]},a={args:{}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{a as u}from"./index-2SmsnS5l.js";import{c as _}from"./index-lhGYx47h.js";import{r as n}from"./index-DRjF_FHU.js";import{S as f}from"./search-DQyZo8im.js";import{F as S,L as g}from"./Label-Bz2llXvT.js";import"./index-CGa_gRws.js";import"./index-C8xBnYIG.js";import"./index-DlsBsfvk.js";import"./index-Ksfxd92j.js";import"./index-BvEl7W6R.js";const x="_search_1ki2c_17",y="_icon_1ki2c_46",j="_input_1ki2c_61",s={search:x,icon:y,input:j},t=n.forwardRef(function({className:i,onChange:m,placeholder:p="Search…",name:c,...l},d){const h=_(s.search,i),o=n.useId();return e.jsx(S,{name:c,asChild:!0,children:e.jsxs(g,{className:h,htmlFor:o,children:[e.jsx(f,{className:s.icon,width:20,height:20}),e.jsx("input",{ref:d,...l,id:o,name:c,type:"search",placeholder:p,onChange:m,className:s.input})]})})});try{t.displayName="Search",t.__docgenInfo={description:"A standalone search component",displayName:"Search",props:{className:{defaultValue:null,description:"The CSS class name",name:"className",required:!1,type:{name:"string"}},name:{defaultValue:null,description:"The field name.",name:"name",required:!1,type:{name:"string"}},placeholder:{defaultValue:{value:"Search…"},description:"The input placeholder.",name:"placeholder",required:!1,type:{name:"string"}}}}}catch{}const R={title:"Search",component:t,tags:["autodocs"],argTypes:{},args:{name:"search"},decorators:[r=>e.jsx(u,{children:e.jsx(r,{})})]},a={args:{}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{ args: {} }`,...a.parameters?.docs?.source}}};const b=["Search"];export{a as Search,b as __namedExportsOrder,R as default}; diff --git a/assets/Separator-CEmvN0Jc.js b/assets/Separator-BOThMJvu.js similarity index 80% rename from assets/Separator-CEmvN0Jc.js rename to assets/Separator-BOThMJvu.js index 5f255801..20e8a44c 100644 --- a/assets/Separator-CEmvN0Jc.js +++ b/assets/Separator-BOThMJvu.js @@ -1 +1 @@ -import{j as u}from"./jsx-runtime-DR9Q75dM.js";import{c as y}from"./index-lhGYx47h.js";import{r as o}from"./index-DRjF_FHU.js";import{P as v}from"./index-Ksfxd92j.js";import{a as _}from"./floating-ui.react-C0ln9j1M.js";var N="Separator",d="horizontal",S=["horizontal","vertical"],f=o.forwardRef((e,a)=>{const{decorative:s,orientation:t=d,...n}=e,r=h(t)?t:d,p=s?{role:"none"}:{"aria-orientation":r==="vertical"?r:void 0,role:"separator"};return u.jsx(v.div,{"data-orientation":r,...p,...n,ref:a})});f.displayName=N;function h(e){return S.includes(e)}var P=f;const R="_separator_144s5_17",O={separator:R},m="--cpd-separator-spacing",l=o.forwardRef(({className:e,spacing:a,kind:s="primary",...t},n)=>{const r=y(O.separator,e),i=o.useRef(null),p=_([i,n]);return o.useEffect(()=>{const c=i.current?.style;a?c?.setProperty(m,a):c?.removeProperty(m)},[a]),u.jsx(P,{...t,className:r,ref:p,"data-kind":s})});l.displayName="Separator";try{l.displayName="Separator",l.__docgenInfo={description:"A separator component.",displayName:"Separator",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},kind:{defaultValue:{value:"primary"},description:"The style of separator.",name:"kind",required:!1,type:{name:"enum",value:[{value:'"section"'},{value:'"primary"'},{value:'"secondary"'}]}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}},spacing:{defaultValue:{value:"var(--cpd-space-2x)"},description:"The spacing on either side of the separator.",name:"spacing",required:!1,type:{name:"string"}}}}}catch{}export{l as S}; +import{j as u}from"./jsx-runtime-DR9Q75dM.js";import{c as y}from"./index-lhGYx47h.js";import{r as o}from"./index-DRjF_FHU.js";import{P as v}from"./index-Ksfxd92j.js";import{a as _}from"./floating-ui.react-C0ln9j1M.js";var N="Separator",d="horizontal",S=["horizontal","vertical"],f=o.forwardRef((e,a)=>{const{decorative:s,orientation:t=d,...n}=e,r=h(t)?t:d,p=s?{role:"none"}:{"aria-orientation":r==="vertical"?r:void 0,role:"separator"};return u.jsx(v.div,{"data-orientation":r,...p,...n,ref:a})});f.displayName=N;function h(e){return S.includes(e)}var P=f;const R="_separator_144s5_17",O={separator:R},m="--cpd-separator-spacing",l=o.forwardRef(({className:e,spacing:a,kind:s="primary",...t},n)=>{const r=y(O.separator,e),i=o.useRef(null),p=_([i,n]);return o.useEffect(()=>{const c=i.current?.style;a?c?.setProperty(m,a):c?.removeProperty(m)},[a]),u.jsx(P,{...t,className:r,ref:p,"data-kind":s})});l.displayName="Separator";try{l.displayName="Separator",l.__docgenInfo={description:"A separator component.",displayName:"Separator",props:{kind:{defaultValue:{value:"primary"},description:"The style of separator.",name:"kind",required:!1,type:{name:"enum",value:[{value:'"section"'},{value:'"primary"'},{value:'"secondary"'}]}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}},spacing:{defaultValue:{value:"var(--cpd-space-2x)"},description:"The spacing on either side of the separator.",name:"spacing",required:!1,type:{name:"string"}}}}}catch{}export{l as S}; diff --git a/assets/Separator.stories-BVxjHZlO.js b/assets/Separator.stories-Wg5CqqIV.js similarity index 93% rename from assets/Separator.stories-BVxjHZlO.js rename to assets/Separator.stories-Wg5CqqIV.js index d0f2c312..f1ce34d5 100644 --- a/assets/Separator.stories-BVxjHZlO.js +++ b/assets/Separator.stories-Wg5CqqIV.js @@ -1,4 +1,4 @@ -import{S as o}from"./Separator-CEmvN0Jc.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";import"./index-Ksfxd92j.js";import"./index-BvEl7W6R.js";import"./index-C8xBnYIG.js";import"./floating-ui.react-C0ln9j1M.js";const g={title:"Separator",component:o,tags:["autodocs"],argTypes:{},args:{}},r={args:{kind:"primary"}},a={args:{kind:"secondary"}},e={args:{kind:"section"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ +import{S as o}from"./Separator-BOThMJvu.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./index-lhGYx47h.js";import"./index-Ksfxd92j.js";import"./index-BvEl7W6R.js";import"./index-C8xBnYIG.js";import"./floating-ui.react-C0ln9j1M.js";const g={title:"Separator",component:o,tags:["autodocs"],argTypes:{},args:{}},r={args:{kind:"primary"}},a={args:{kind:"secondary"}},e={args:{kind:"section"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ args: { kind: "primary" } diff --git a/assets/Text-Ca3mYoxg.js b/assets/Text-BvzksikX.js similarity index 88% rename from assets/Text-Ca3mYoxg.js rename to assets/Text-BvzksikX.js index 7fd69518..8935d7a3 100644 --- a/assets/Text-Ca3mYoxg.js +++ b/assets/Text-BvzksikX.js @@ -1 +1 @@ -import{j as p}from"./jsx-runtime-DR9Q75dM.js";import{T as n}from"./Typography-f-oayws_.js";const a=({as:e="p",children:t,...r})=>p.jsx(n,{as:e,type:"body",...r,children:t});try{a.displayName="Text",a.__docgenInfo={description:"A text component. Underlying HTML element can be changed using the `as`\nproperty. Will default to be a paragraph.",displayName:"Text",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'},{value:'"xs"'},{value:'"md"'}]}}}}}catch{}export{a as T}; +import{j as p}from"./jsx-runtime-DR9Q75dM.js";import{T as n}from"./Typography-DzhKoIWt.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-i1JtWLhZ.js b/assets/Text.stories-SkRabSCE.js similarity index 78% rename from assets/Text.stories-i1JtWLhZ.js rename to assets/Text.stories-SkRabSCE.js index 27ff1431..6b0b4c05 100644 --- a/assets/Text.stories-i1JtWLhZ.js +++ b/assets/Text.stories-SkRabSCE.js @@ -1,4 +1,4 @@ -import{T as o}from"./Text-Ca3mYoxg.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./Typography-f-oayws_.js";import"./index-lhGYx47h.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-BvzksikX.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./Typography-DzhKoIWt.js";import"./index-lhGYx47h.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/ToggleMenuItem.stories-A_6X47D1.js b/assets/ToggleMenuItem.stories-A_6X47D1.js deleted file mode 100644 index 25f9c3f4..00000000 --- a/assets/ToggleMenuItem.stories-A_6X47D1.js +++ /dev/null @@ -1,5 +0,0 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{r}from"./index-DRjF_FHU.js";import{C as h,E as g}from"./extensions-DRIHxRsb.js";import{M as f}from"./MenuItem-gUZ49Jwi.js";import{T as b}from"./Toggle-B06isGdb.js";import"./index-lhGYx47h.js";import"./Text-Ca3mYoxg.js";import"./Typography-f-oayws_.js";import"./chevron-right-DND12YKW.js";import"./index-C8xBnYIG.js";import"./index-2SmsnS5l.js";import"./index-CGa_gRws.js";import"./index-DlsBsfvk.js";import"./index-Ksfxd92j.js";import"./index-BvEl7W6R.js";const o=r.forwardRef(function({className:a,Icon:s,label:i,onSelect:l,checked:m,disabled:c},u){const d=r.useId(),p=r.useCallback(()=>{},[]);return e.jsx(f,{as:"div",role:"menuitemcheckbox","aria-checked":m,className:a,Icon:s,label:i,onSelect:l,disabled:c,children:e.jsx(b,{id:d,ref:u,"aria-hidden":!0,checked:m,disabled:c,onChange:p})})});try{o.displayName="ToggleMenuItem",o.__docgenInfo={description:"A menu item with a toggle control.\nMust be used within a compound Menu or other `menu` or `menubar` aria role subtree.",displayName:"ToggleMenuItem",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},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 ReactElement, it should spread the props",name:"Icon",required:!0,type:{name:"ReactElement> | ComponentType>"}},checked:{defaultValue:null,description:"Whether the toggle is checked.",name:"checked",required:!0,type:{name:"boolean"}}}}}catch{}const y=t=>{const[a,s]=r.useState(!1);return e.jsxs("div",{style:{width:300},children:[e.jsx(o,{...t,Icon:h,label:"First item",checked:a,onSelect:i=>{i.preventDefault(),s(l=>!l)}}),e.jsx(o,{...t,Icon:g,label:"Second item with a name that's quite long",checked:!0,disabled:!0,onSelect:()=>{}})]})},R={title:"Menu/ToggleMenuItem",component:y,tags:["autodocs"],argTypes:{},args:{}},n={args:{}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{ - args: {} -}`,...n.parameters?.docs?.source}}};const A=["Primary"];export{n as Primary,A as __namedExportsOrder,R as default}; diff --git a/assets/ToggleMenuItem.stories-Ejr8jJsP.js b/assets/ToggleMenuItem.stories-Ejr8jJsP.js new file mode 100644 index 00000000..75fbebeb --- /dev/null +++ b/assets/ToggleMenuItem.stories-Ejr8jJsP.js @@ -0,0 +1,5 @@ +import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{r}from"./index-DRjF_FHU.js";import{C as h,E as g}from"./extensions-DRIHxRsb.js";import{M as f}from"./MenuItem-Bd8p7-6r.js";import{T as b}from"./Toggle-B06isGdb.js";import"./index-lhGYx47h.js";import"./Text-BvzksikX.js";import"./Typography-DzhKoIWt.js";import"./chevron-right-DND12YKW.js";import"./index-C8xBnYIG.js";import"./index-2SmsnS5l.js";import"./index-CGa_gRws.js";import"./index-DlsBsfvk.js";import"./index-Ksfxd92j.js";import"./index-BvEl7W6R.js";const o=r.forwardRef(function({className:a,Icon:s,label:i,onSelect:l,checked:m,disabled:c},u){const d=r.useId(),p=r.useCallback(()=>{},[]);return e.jsx(f,{as:"div",role:"menuitemcheckbox","aria-checked":m,className:a,Icon:s,label:i,onSelect:l,disabled:c,children:e.jsx(b,{id:d,ref:u,"aria-hidden":!0,checked:m,disabled:c,onChange:p})})});try{o.displayName="ToggleMenuItem",o.__docgenInfo={description:"A menu item with a toggle control.\nMust be used within a compound Menu or other `menu` or `menubar` aria role subtree.",displayName:"ToggleMenuItem",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"The label to show on this menu item.",name:"label",required:!0,type:{name:"string | null"}},Icon:{defaultValue:null,description:"The icon to show on this menu item.\nWhen `Icon` is a ReactElement, it should spread the props",name:"Icon",required:!0,type:{name:"ComponentType> | ReactElement>"}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},onSelect:{defaultValue:null,description:`Event callback for when the item is selected via mouse, touch, or keyboard. +Calling event.preventDefault in this handler will prevent the menu from +being dismissed.`,name:"onSelect",required:!0,type:{name:"((e: Event) => void) | null"}},checked:{defaultValue:null,description:"Whether the toggle is checked.",name:"checked",required:!0,type:{name:"boolean"}}}}}catch{}const y=t=>{const[a,s]=r.useState(!1);return e.jsxs("div",{style:{width:300},children:[e.jsx(o,{...t,Icon:h,label:"First item",checked:a,onSelect:i=>{i.preventDefault(),s(l=>!l)}}),e.jsx(o,{...t,Icon:g,label:"Second item with a name that's quite long",checked:!0,disabled:!0,onSelect:()=>{}})]})},R={title:"Menu/ToggleMenuItem",component:y,tags:["autodocs"],argTypes:{},args:{}},n={args:{}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{ + args: {} +}`,...n.parameters?.docs?.source}}};const A=["Primary"];export{n as Primary,A as __namedExportsOrder,R as default}; diff --git a/assets/Tooltip-B6Zstkea.js b/assets/Tooltip-DWBiSZRI.js similarity index 82% rename from assets/Tooltip-B6Zstkea.js rename to assets/Tooltip-DWBiSZRI.js index e2bb1b88..f1b479a6 100644 --- a/assets/Tooltip-B6Zstkea.js +++ b/assets/Tooltip-DWBiSZRI.js @@ -1,13 +1,13 @@ import{j as a}from"./jsx-runtime-DR9Q75dM.js";import{r as n}from"./index-DRjF_FHU.js";import{F as U,u as C,b as Y,c as B,o as H,f as J,s as K,d as X,e as $,g as z,h as L,i as Q,j as Z,k as ee,l as te,m as oe,a as ne}from"./floating-ui.react-C0ln9j1M.js";import{c as P}from"./index-lhGYx47h.js";const R=n.createContext(null);function _(){const e=n.useContext(R);if(e==null)throw new Error("Tooltip components must be wrapped in ");return e}const ae="_tooltip_1pslb_17",ie="_invisible_1pslb_30",re="_caption_1pslb_37",le="_arrow_1pslb_42",v={tooltip:ae,invisible:ie,caption:re,arrow:le},q={open:300,close:0},x=({children:e})=>a.jsx(U,{delay:q,timeoutMs:300,children:e});x.displayName="TooltipProvider";try{x.displayName="TooltipProvider",x.__docgenInfo={description:`Enables tooltips to share a global "warm-up" period for their hover delay. -You must wrap your application in this component for tooltips to function.`,displayName:"TooltipProvider",props:{}}}catch{}function se({open:e,disabled:i=!1,onOpenChange:r,placement:t="bottom",isTriggerInteractive:l,caption:o,"aria-atomic":h,"aria-live":d,...g}){const c=C(),p=C(),w=n.useRef(null),[V,A]=n.useState(!1),y=i?!1:e??V,u=(m,O,G)=>{r?.(m,O,G),e===void 0&&A(m)},T=Y({placement:t,open:y,onOpenChange:u,whileElementsMounted:B,middleware:[H(6),J({crossAxis:t.includes("-"),fallbackAxisSideDirection:"start",padding:5}),K({padding:5}),X({element:w})]}),f=T.context,{delay:F,initialDelay:N}=$(f);if(N!==q)throw new Error("Tooltips must be wrapped in a global ");const W=z(f,{move:!1,enabled:e===void 0,delay:l?F:{},mouseOnly:!0}),M=L(f,{enabled:e===void 0}),s=n.useRef();n.useEffect(()=>()=>window.clearTimeout(s.current),[]);const S=n.useMemo(()=>{const m=()=>{s.current===void 0?s.current=window.setTimeout(()=>{u(!1),s.current=void 0},1500):window.clearTimeout(s.current)};return{reference:{onTouchStart:()=>{s.current!==void 0&&window.clearTimeout(s.current),s.current=window.setTimeout(()=>{u(!0),s.current=void 0},500)},onTouchEnd:m,onTouchCancel:m}}},[]),k=Q(f),b="label"in g?"label":"description",I=Z(f,{enabled:b==="description",role:"tooltip"}),D=n.useMemo(()=>b==="label"?{reference:{"aria-labelledby":c,"aria-describedby":o?p:void 0}}:{},[b,c,p]),j=ee([W,M,S,k,I,D]);return n.useMemo(()=>({labelId:c,captionId:o?p:void 0,caption:o,purpose:b,open:y,setOpen:u,tooltipProps:{"aria-atomic":h,"aria-live":d},...j,...T,arrowRef:w}),[c,p,o,I,y,u,j,T,w])}function E({children:e,isTriggerInteractive:i=!0,nonInteractiveTriggerTabIndex:r=0,...t}){const l=se({isTriggerInteractive:i,...t});return a.jsxs(R.Provider,{value:l,children:[a.jsx(de,{isTriggerInteractive:i,nonInteractiveTriggerTabIndex:r,children:e}),a.jsxs(pe,{children:[a.jsx("span",{id:l.labelId,children:"label"in t?t.label:t.description}),a.jsx(ce,{})]})]})}function ce(){const{caption:e,captionId:i}=_();if(!e)return null;const t=typeof e=="string"?"span":"div";return a.jsx(t,{id:i,className:P(v.caption,"cpd-theme-dark"),children:e})}function pe({children:e}){const{context:i,open:r,arrowRef:t,purpose:l,...o}=_();return!r&&l!=="label"?null:a.jsx(te,{children:a.jsxs("div",{ref:o.refs.setFloating,style:o.floatingStyles,...o.tooltipProps,...o.getFloatingProps(),className:P(v.tooltip,{[v.invisible]:l==="label"&&!r}),children:[a.jsx(oe,{ref:t,context:i,width:10,height:6,className:v.arrow}),e]})})}const de=({children:e,isTriggerInteractive:i,nonInteractiveTriggerTabIndex:r})=>{const t=_(),l=e?.ref,o=ne([t.refs.setReference,l]),h=n.useMemo(()=>{if(n.isValidElement(e))if(i){const d=t.getReferenceProps({ref:o,...e.props});return n.cloneElement(e,d)}else{const d=t.getReferenceProps({ref:o,tabIndex:r}),{"aria-labelledby":g,"aria-describedby":c,...p}=d;return a.jsx("span",{tabIndex:r,...p,children:n.cloneElement(e,{"aria-labelledby":g,"aria-describedby":c})})}},[t,o,e]);if(!h)throw new Error("Tooltip anchor must be a single valid React element");return h};try{E.displayName="Tooltip",E.__docgenInfo={description:"A tooltip component",displayName:"Tooltip",props:{disabled:{defaultValue:null,description:"Whether the tooltip should be forced to be in a closed state.",name:"disabled",required:!1,type:{name:"boolean"}},"aria-atomic":{defaultValue:null,description:`Additional aria-* attributes to pass through to the floating tooltip for +You must wrap your application in this component for tooltips to function.`,displayName:"TooltipProvider",props:{}}}catch{}function se({open:e,disabled:i=!1,onOpenChange:r,placement:t="bottom",isTriggerInteractive:l,caption:o,"aria-atomic":h,"aria-live":d,...g}){const c=C(),p=C(),w=n.useRef(null),[V,A]=n.useState(!1),y=i?!1:e??V,u=(m,O,G)=>{r?.(m,O,G),e===void 0&&A(m)},T=Y({placement:t,open:y,onOpenChange:u,whileElementsMounted:B,middleware:[H(6),J({crossAxis:t.includes("-"),fallbackAxisSideDirection:"start",padding:5}),K({padding:5}),X({element:w})]}),f=T.context,{delay:F,initialDelay:N}=$(f);if(N!==q)throw new Error("Tooltips must be wrapped in a global ");const W=z(f,{move:!1,enabled:e===void 0,delay:l?F:{},mouseOnly:!0}),M=L(f,{enabled:e===void 0}),s=n.useRef();n.useEffect(()=>()=>window.clearTimeout(s.current),[]);const S=n.useMemo(()=>{const m=()=>{s.current===void 0?s.current=window.setTimeout(()=>{u(!1),s.current=void 0},1500):window.clearTimeout(s.current)};return{reference:{onTouchStart:()=>{s.current!==void 0&&window.clearTimeout(s.current),s.current=window.setTimeout(()=>{u(!0),s.current=void 0},500)},onTouchEnd:m,onTouchCancel:m}}},[]),k=Q(f),b="label"in g?"label":"description",I=Z(f,{enabled:b==="description",role:"tooltip"}),D=n.useMemo(()=>b==="label"?{reference:{"aria-labelledby":c,"aria-describedby":o?p:void 0}}:{},[b,c,p]),j=ee([W,M,S,k,I,D]);return n.useMemo(()=>({labelId:c,captionId:o?p:void 0,caption:o,purpose:b,open:y,setOpen:u,tooltipProps:{"aria-atomic":h,"aria-live":d},...j,...T,arrowRef:w}),[c,p,o,I,y,u,j,T,w])}function E({children:e,isTriggerInteractive:i=!0,nonInteractiveTriggerTabIndex:r=0,...t}){const l=se({isTriggerInteractive:i,...t});return a.jsxs(R.Provider,{value:l,children:[a.jsx(de,{isTriggerInteractive:i,nonInteractiveTriggerTabIndex:r,children:e}),a.jsxs(pe,{children:[a.jsx("span",{id:l.labelId,children:"label"in t?t.label:t.description}),a.jsx(ce,{})]})]})}function ce(){const{caption:e,captionId:i}=_();if(!e)return null;const t=typeof e=="string"?"span":"div";return a.jsx(t,{id:i,className:P(v.caption,"cpd-theme-dark"),children:e})}function pe({children:e}){const{context:i,open:r,arrowRef:t,purpose:l,...o}=_();return!r&&l!=="label"?null:a.jsx(te,{children:a.jsxs("div",{ref:o.refs.setFloating,style:o.floatingStyles,...o.tooltipProps,...o.getFloatingProps(),className:P(v.tooltip,{[v.invisible]:l==="label"&&!r}),children:[a.jsx(oe,{ref:t,context:i,width:10,height:6,className:v.arrow}),e]})})}const de=({children:e,isTriggerInteractive:i,nonInteractiveTriggerTabIndex:r})=>{const t=_(),l=e?.ref,o=ne([t.refs.setReference,l]),h=n.useMemo(()=>{if(n.isValidElement(e))if(i){const d=t.getReferenceProps({ref:o,...e.props});return n.cloneElement(e,d)}else{const d=t.getReferenceProps({ref:o,tabIndex:r}),{"aria-labelledby":g,"aria-describedby":c,...p}=d;return a.jsx("span",{tabIndex:r,...p,children:n.cloneElement(e,{"aria-labelledby":g,"aria-describedby":c})})}},[t,o,e]);if(!h)throw new Error("Tooltip anchor must be a single valid React element");return h};try{E.displayName="Tooltip",E.__docgenInfo={description:"A tooltip component",displayName:"Tooltip",props:{disabled:{defaultValue:null,description:"Whether the tooltip should be forced to be in a closed state.",name:"disabled",required:!1,type:{name:"boolean"}},caption:{defaultValue:null,description:`The caption of the tooltip. +JSX.Element can be used to provide accessibility content like kbd element. +Keep in mind, the caption should not be used for interactive content.`,name:"caption",required:!1,type:{name:"string | Element"}},"aria-atomic":{defaultValue:null,description:`Additional aria-* attributes to pass through to the floating tooltip for edge cases which require more user awareness like errors & alerts.`,name:"aria-atomic",required:!1,type:{name:"Booleanish"}},"aria-live":{defaultValue:null,description:"",name:"aria-live",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"assertive"'},{value:'"polite"'}]}},open:{defaultValue:{value:"undefined"},description:`The controlled open state of the tooltip. If provided, the tooltip will be in controlled mode. When true, the tooltip is always open. When false, the tooltip is always hidden. When undefined, the tooltip will manage its own open state. You will mostly want to omit this property. Will be used the vast majority -of the time during development.`,name:"open",required:!1,type:{name:"boolean"}},caption:{defaultValue:null,description:`The caption of the tooltip. -JSX.Element can be used to provide accessibility content like kbd element. -Keep in mind, the caption should not be used for interactive content.`,name:"caption",required:!1,type:{name:"string | Element"}},onOpenChange:{defaultValue:null,description:"The event handler for the open change.",name:"onOpenChange",required:!1,type:{name:"((open: boolean, event?: Event, reason?: OpenChangeReason) => void) | undefined"}},placement:{defaultValue:{value:'"bottom"'},description:"The placement of the tooltip.",name:"placement",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'},{value:'"bottom"'},{value:'"top"'},{value:'"left-end"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-start"'},{value:'"bottom-end"'},{value:'"bottom-start"'},{value:'"top-end"'},{value:'"top-start"'}]}},description:{defaultValue:null,description:"A description for the target element.",name:"description",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"A label for the target element.",name:"label",required:!1,type:{name:"string"}},isTriggerInteractive:{defaultValue:{value:"true"},description:`Whether the trigger element is interactive. +of the time during development.`,name:"open",required:!1,type:{name:"boolean"}},onOpenChange:{defaultValue:null,description:"The event handler for the open change.",name:"onOpenChange",required:!1,type:{name:"((open: boolean, event?: Event, reason?: OpenChangeReason) => void) | undefined"}},placement:{defaultValue:{value:'"bottom"'},description:"The placement of the tooltip.",name:"placement",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'},{value:'"bottom"'},{value:'"top"'},{value:'"left-end"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-start"'},{value:'"bottom-end"'},{value:'"bottom-start"'},{value:'"top-end"'},{value:'"top-start"'}]}},description:{defaultValue:null,description:"A description for the target element.",name:"description",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"A label for the target element.",name:"label",required:!1,type:{name:"string"}},isTriggerInteractive:{defaultValue:{value:"true"},description:`Whether the trigger element is interactive. When trigger is interactive: - tooltip will be shown after a 300ms delay. When trigger is not interactive: diff --git a/assets/Tooltip.stories-CqXTvywv.js b/assets/Tooltip.stories-CXwKF0bZ.js similarity index 96% rename from assets/Tooltip.stories-CqXTvywv.js rename to assets/Tooltip.stories-CXwKF0bZ.js index 1c0fc21c..6aac8c5f 100644 --- a/assets/Tooltip.stories-CqXTvywv.js +++ b/assets/Tooltip.stories-CXwKF0bZ.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{a as m,T as h}from"./Tooltip-B6Zstkea.js";import{U as g}from"./user-profile-cqTW1cHH.js";import{I as u}from"./IconButton-3PxLUc9U.js";import"./index-DRjF_FHU.js";import"./floating-ui.react-C0ln9j1M.js";import"./index-BvEl7W6R.js";import"./index-lhGYx47h.js";import"./UnstyledButton-DuxpNl0e.js";import"./IndicatorIcon-RjQ7x471.js";const k={title:"Tooltip",component:m,tags:["autodocs"],parameters:{controls:{include:["placement","open","label","caption","isTriggerInteractive"]}},argTypes:{placement:{control:"inline-radio",options:["top","right","left","bottom"]},open:{control:"boolean"},isTriggerInteractive:{control:"boolean"},label:{control:"text"},description:{control:"text"},caption:{control:"text"}},args:{onOpenChange:void 0,children:e.jsx(u,{children:e.jsx(g,{})})},decorators:[r=>e.jsx("div",{style:{padding:100},children:e.jsx(h,{children:e.jsx(r,{})})})]},b=({children:r})=>e.jsx("div",{style:{display:"flex",gap:"50px",flexDirection:"column",alignItems:"center"},children:r}),x=()=>e.jsx(b,{children:["top","top-start","right","right-end","bottom","bottom-end","left","left-start"].map(r=>e.jsx(m,{open:!0,placement:r,label:"@bob:example.org",children:e.jsx(u,{children:e.jsx(g,{})})},r))}),o=x.bind({});o.args={};const t={args:{label:"@bob:example.org"}},a={args:{label:"I can have a caption",caption:"My beautiful caption"}},s={args:{label:"Copy",caption:e.jsxs(e.Fragment,{children:[e.jsx("kbd",{children:"Ctrl"})," + ",e.jsx("kbd",{children:"C"})]})}},n={args:{open:!0,label:"I'm always open"}},i={args:{open:!1,description:"You can't see me",children:e.jsx("span",{children:"No tooltip to see here"})}},c={args:{disabled:!0,description:"You can't see me",children:e.jsx("span",{children:"No tooltip to see here"})}},p={args:{isTriggerInteractive:!0,description:"Shown with delay",children:e.jsx("a",{href:"https://example.org",children:"Link"})}},l={args:{isTriggerInteractive:!1,description:"Shown without delay",children:e.jsx("span",{children:"Just some text"})}},d={args:{open:!0,description:"Employer Identification Number",children:e.jsx("span",{children:"EIN"})}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`() => +import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{a as m,T as h}from"./Tooltip-DWBiSZRI.js";import{U as g}from"./user-profile-cqTW1cHH.js";import{I as u}from"./IconButton-z1dCC4vP.js";import"./index-DRjF_FHU.js";import"./floating-ui.react-C0ln9j1M.js";import"./index-BvEl7W6R.js";import"./index-lhGYx47h.js";import"./UnstyledButton-DuxpNl0e.js";import"./IndicatorIcon-CKMK3E77.js";const k={title:"Tooltip",component:m,tags:["autodocs"],parameters:{controls:{include:["placement","open","label","caption","isTriggerInteractive"]}},argTypes:{placement:{control:"inline-radio",options:["top","right","left","bottom"]},open:{control:"boolean"},isTriggerInteractive:{control:"boolean"},label:{control:"text"},description:{control:"text"},caption:{control:"text"}},args:{onOpenChange:void 0,children:e.jsx(u,{children:e.jsx(g,{})})},decorators:[r=>e.jsx("div",{style:{padding:100},children:e.jsx(h,{children:e.jsx(r,{})})})]},b=({children:r})=>e.jsx("div",{style:{display:"flex",gap:"50px",flexDirection:"column",alignItems:"center"},children:r}),x=()=>e.jsx(b,{children:["top","top-start","right","right-end","bottom","bottom-end","left","left-start"].map(r=>e.jsx(m,{open:!0,placement:r,label:"@bob:example.org",children:e.jsx(u,{children:e.jsx(g,{})})},r))}),o=x.bind({});o.args={};const t={args:{label:"@bob:example.org"}},a={args:{label:"I can have a caption",caption:"My beautiful caption"}},s={args:{label:"Copy",caption:e.jsxs(e.Fragment,{children:[e.jsx("kbd",{children:"Ctrl"})," + ",e.jsx("kbd",{children:"C"})]})}},n={args:{open:!0,label:"I'm always open"}},i={args:{open:!1,description:"You can't see me",children:e.jsx("span",{children:"No tooltip to see here"})}},c={args:{disabled:!0,description:"You can't see me",children:e.jsx("span",{children:"No tooltip to see here"})}},p={args:{isTriggerInteractive:!0,description:"Shown with delay",children:e.jsx("a",{href:"https://example.org",children:"Link"})}},l={args:{isTriggerInteractive:!1,description:"Shown without delay",children:e.jsx("span",{children:"Just some text"})}},d={args:{open:!0,description:"Employer Identification Number",children:e.jsx("span",{children:"EIN"})}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`() => {(["top", "top-start", "right", "right-end", "bottom", "bottom-end", "left", "left-start"] as Array).map(placement => diff --git a/assets/Typography-f-oayws_.js b/assets/Typography-DzhKoIWt.js similarity index 97% rename from assets/Typography-f-oayws_.js rename to assets/Typography-DzhKoIWt.js index 7e1163d8..2c03590d 100644 --- a/assets/Typography-f-oayws_.js +++ b/assets/Typography-DzhKoIWt.js @@ -1 +1 @@ -import{j as r}from"./jsx-runtime-DR9Q75dM.js";import{c as y}from"./index-lhGYx47h.js";const _="_typography_yh5dq_162",d={"font-body-xs-regular":"_font-body-xs-regular_yh5dq_21","font-body-xs-semibold":"_font-body-xs-semibold_yh5dq_26","font-body-xs-medium":"_font-body-xs-medium_yh5dq_31","font-body-sm-regular":"_font-body-sm-regular_yh5dq_40","font-body-sm-semibold":"_font-body-sm-semibold_yh5dq_45","font-body-sm-medium":"_font-body-sm-medium_yh5dq_50","font-body-md-regular":"_font-body-md-regular_yh5dq_59","font-body-md-semibold":"_font-body-md-semibold_yh5dq_64","font-body-md-medium":"_font-body-md-medium_yh5dq_69","font-body-lg-regular":"_font-body-lg-regular_yh5dq_78","font-body-lg-semibold":"_font-body-lg-semibold_yh5dq_83","font-body-lg-medium":"_font-body-lg-medium_yh5dq_88","font-heading-sm-regular":"_font-heading-sm-regular_yh5dq_97","font-heading-sm-semibold":"_font-heading-sm-semibold_yh5dq_102","font-heading-sm-medium":"_font-heading-sm-medium_yh5dq_107","font-heading-md-regular":"_font-heading-md-regular_yh5dq_116","font-heading-md-semibold":"_font-heading-md-semibold_yh5dq_121","font-heading-lg-regular":"_font-heading-lg-regular_yh5dq_130","font-heading-lg-semibold":"_font-heading-lg-semibold_yh5dq_135","font-heading-xl-regular":"_font-heading-xl-regular_yh5dq_144","font-heading-xl-semibold":"_font-heading-xl-semibold_yh5dq_149",typography:_},o=({as:e,children:a,type:n="body",weight:l="regular",size:t="md",className:m,...s})=>{const i=e||"p";return r.jsx(i,{...s,className:y(d.typography,d[`font-${n}-${t}-${l}`],m),children:a})};try{o.displayName="Typography",o.__docgenInfo={description:"",displayName:"Typography",props:{as:{defaultValue:{value:'"p"'},description:"The HTML tag.",name:"as",required:!1,type:{name:"ElementType"}},type:{defaultValue:{value:"body"},description:"The type of content.",name:"type",required:!1,type:{name:"enum",value:[{value:'"heading"'},{value:'"body"'}]}},weight:{defaultValue:{value:"regular"},description:"The font weight.",name:"weight",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"bold"'},{value:'"regular"'},{value:'"semibold"'}]}},size:{defaultValue:{value:"md"},description:"The t-shirt size of the content.",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'},{value:'"xs"'},{value:'"md"'},{value:'"xl"'}]}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}}}}}catch{}export{o as T}; +import{j as r}from"./jsx-runtime-DR9Q75dM.js";import{c as y}from"./index-lhGYx47h.js";const _="_typography_yh5dq_162",d={"font-body-xs-regular":"_font-body-xs-regular_yh5dq_21","font-body-xs-semibold":"_font-body-xs-semibold_yh5dq_26","font-body-xs-medium":"_font-body-xs-medium_yh5dq_31","font-body-sm-regular":"_font-body-sm-regular_yh5dq_40","font-body-sm-semibold":"_font-body-sm-semibold_yh5dq_45","font-body-sm-medium":"_font-body-sm-medium_yh5dq_50","font-body-md-regular":"_font-body-md-regular_yh5dq_59","font-body-md-semibold":"_font-body-md-semibold_yh5dq_64","font-body-md-medium":"_font-body-md-medium_yh5dq_69","font-body-lg-regular":"_font-body-lg-regular_yh5dq_78","font-body-lg-semibold":"_font-body-lg-semibold_yh5dq_83","font-body-lg-medium":"_font-body-lg-medium_yh5dq_88","font-heading-sm-regular":"_font-heading-sm-regular_yh5dq_97","font-heading-sm-semibold":"_font-heading-sm-semibold_yh5dq_102","font-heading-sm-medium":"_font-heading-sm-medium_yh5dq_107","font-heading-md-regular":"_font-heading-md-regular_yh5dq_116","font-heading-md-semibold":"_font-heading-md-semibold_yh5dq_121","font-heading-lg-regular":"_font-heading-lg-regular_yh5dq_130","font-heading-lg-semibold":"_font-heading-lg-semibold_yh5dq_135","font-heading-xl-regular":"_font-heading-xl-regular_yh5dq_144","font-heading-xl-semibold":"_font-heading-xl-semibold_yh5dq_149",typography:_},o=({as:e,children:a,type:n="body",weight:l="regular",size:t="md",className:m,...s})=>{const i=e||"p";return r.jsx(i,{...s,className:y(d.typography,d[`font-${n}-${t}-${l}`],m),children:a})};try{o.displayName="Typography",o.__docgenInfo={description:"",displayName:"Typography",props:{as:{defaultValue:{value:'"p"'},description:"The HTML tag.",name:"as",required:!1,type:{name:"ElementType"}},type:{defaultValue:{value:"body"},description:"The type of content.",name:"type",required:!1,type:{name:"enum",value:[{value:'"body"'},{value:'"heading"'}]}},weight:{defaultValue:{value:"regular"},description:"The font weight.",name:"weight",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"bold"'},{value:'"regular"'},{value:'"semibold"'}]}},size:{defaultValue:{value:"md"},description:"The t-shirt size of the content.",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'},{value:'"xs"'},{value:'"md"'},{value:'"xl"'}]}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}}}}}catch{}export{o as T}; diff --git a/assets/entry-preview-DTtoaN-M.js b/assets/entry-preview-CxlvnIM6.js similarity index 99% rename from assets/entry-preview-DTtoaN-M.js rename to assets/entry-preview-CxlvnIM6.js index 75e2404f..39fc652b 100644 --- a/assets/entry-preview-DTtoaN-M.js +++ b/assets/entry-preview-CxlvnIM6.js @@ -1,5 +1,5 @@ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./react-18-BZ4hdgop.js","./index-DRjF_FHU.js","./index-BvEl7W6R.js"])))=>i.map(i=>d[i]); -import{_ as rr}from"./iframe-Yner_Jz7.js";import{_ as tr,a as sr,b as L}from"./chunk-XP5HYGXS-BGCqD1aY.js";import{r as Y,R as re}from"./index-DRjF_FHU.js";import{r as nr}from"./index-BvEl7W6R.js";import"../sb-preview/runtime.js";var b={};/** +import{_ as rr}from"./iframe-xV1FUjqs.js";import{_ as tr,a as sr,b as L}from"./chunk-XP5HYGXS-BGCqD1aY.js";import{r as Y,R as re}from"./index-DRjF_FHU.js";import{r as nr}from"./index-BvEl7W6R.js";import"../sb-preview/runtime.js";var b={};/** * @license React * react-dom-test-utils.production.min.js * diff --git a/assets/iframe-Yner_Jz7.js b/assets/iframe-xV1FUjqs.js similarity index 70% rename from assets/iframe-Yner_Jz7.js rename to assets/iframe-xV1FUjqs.js index aef715c3..ba1265e3 100644 --- a/assets/iframe-Yner_Jz7.js +++ b/assets/iframe-xV1FUjqs.js @@ -1,2 +1,2 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Alert.stories-CsxIVrUm.js","./jsx-runtime-DR9Q75dM.js","./index-DRjF_FHU.js","./Button-BORixq-h.js","./index-lhGYx47h.js","./UnstyledButton-DuxpNl0e.js","./Button-W0jf5teY.css","./info-D9sKA_Xt.js","./error-DOy7ZFuJ.js","./close-CWATPeIo.js","./Text-Ca3mYoxg.js","./Typography-f-oayws_.js","./Typography-CFo2KqHV.css","./IconButton-3PxLUc9U.js","./IndicatorIcon-RjQ7x471.js","./IndicatorIcon-Df2gvoto.css","./Tooltip-B6Zstkea.js","./floating-ui.react-C0ln9j1M.js","./index-BvEl7W6R.js","./Tooltip-Bx3q_cph.css","./IconButton-X8Xpz74a.css","./Alert-RAKRA8iu.css","./Avatar.stories-qHFB6lG3.js","./Avatar-Bru8WDRV.js","./Avatar-CE8ocXGL.css","./AvatarStack.stories-h38V2i3w.js","./Badge.stories-Cmar0_xs.js","./Badge-DHQHyvgX.css","./Breadcrumb.stories-EqYM7Z4E.js","./chevron-left-BDLoE29P.js","./Link-CWOiyvSG.js","./Link-BtBl_cOv.css","./index-JRK_GaCU.js","./Breadcrumb-BZLL2PDQ.css","./ActionButton.stories-Ba1ILiNz.js","./index-DrexSNDm.js","./notifications-BEKrtwGv.js","./extensions-DRIHxRsb.js","./check-circle-solid-DvGH8qX5.js","./check-BWxs5Tf9.js","./chevron-down-vguALCSX.js","./chevron-right-DND12YKW.js","./key-CQb-bpaf.js","./search-DQyZo8im.js","./settings-xa_4DC6i.js","./spinner--mCkS-8r.js","./threads-CbVN7W51.js","./user-profile-cqTW1cHH.js","./visibility-on-BsZOuBEH.js","./warning-DNnCy5FR.js","./Button.stories-CFZtjl63.js","./IconButton.stories-BcLJo7UF.js","./Dropdown.stories-hpxiheUn.js","./Dropdown-C4zrN70D.css","./Action.stories-Cv7Vx1Xu.js","./Action-CbfS63IH.js","./index-2SmsnS5l.js","./index-CGa_gRws.js","./index-C8xBnYIG.js","./index-DlsBsfvk.js","./index-Ksfxd92j.js","./Text-CZnraUGE.js","./Text-CJ1qRzt7.css","./Action-BdUqm_WT.css","./Checkbox.stories-CA-_xcab.js","./Checkbox-mwqWFgAZ.js","./Checkbox-BH8Av3st.css","./EditInPlace.stories-isVHSFf4.js","./Message-DAbH8XS4.js","./Label-Bz2llXvT.js","./Label-e_-ztC9G.css","./InlineSpinner-DDpdhuC2.js","./InlineSpinner-D_6da_B5.css","./EditInPlace-BZjvBnvF.css","./MFA.stories-VHKnboqQ.js","./MFA-C938Elnf.js","./MFA-olUceP-x.css","./Password.stories-DqC-K-A-.js","./Password-WzjY7HSR.js","./Radio.stories-CQe2WOQl.js","./Radio-DKXe57dN.js","./Radio-DlPAN7Bx.css","./Text.stories-DoOPFVkB.js","./Toggle.stories-jIWSGnMv.js","./Toggle-B06isGdb.js","./Toggle-CNr3UW_e.css","./Form.stories-uVSbGHR-.js","./PasswordForm.stories-DuuRNbTu.js","./Progress-DyxFkwdM.js","./Progress-DsAeAa3U.css","./Glass.stories-CA7YKiuP.js","./Glass-wf6Qw4nq.css","./BigIcon.stories-t-BLa6UH.js","./BigIcon-Cf58aiqL.css","./Icon.stories-B-VcmbD4.js","./IndicatorIcon.stories-DD5xj9jv.js","./InlineSpinner.stories-B4-TwS0a.js","./Link.stories-DwGDRume.js","./ContextMenu.stories-DznLTZ7-.js","./index-CqQoUxx_.js","./FloatingMenu-Cmtm68dq.js","./FloatingMenu-BDo-TlpM.css","./DrawerMenu-BNILBemh.js","./DrawerMenu-CGcQbDnp.css","./MenuItem-gUZ49Jwi.js","./MenuItem-Bu829Vy7.css","./Separator-CEmvN0Jc.js","./Separator-BT_CUzhe.css","./DrawerMenu.stories-Cefvj2AB.js","./FloatingMenu.stories-kKHZlwO7.js","./Menu.stories-DLGeCRHt.js","./MenuItem.stories-CueTbcbp.js","./ToggleMenuItem.stories-A_6X47D1.js","./NavBar.stories-CwaIRvOu.js","./NavItem-BBPqqn85.js","./NavItem-D86QAt32.css","./NavItem.stories-DZLNuxNC.js","./Progress.stories-CupFT_UY.js","./ReleaseAnnouncement.stories-DoD7fyFW.js","./ReleaseAnnouncement-DDl8J4p8.css","./Search.stories-C7Tmsfc7.js","./Search-DWHFY3y9.css","./Separator.stories-BVxjHZlO.js","./Toast.stories-CMpAni_J.js","./Toast-YaIeoY4p.css","./Tooltip.stories-CqXTvywv.js","./Heading.stories-BAGWf2LJ.js","./Text.stories-i1JtWLhZ.js","./entry-preview-DTtoaN-M.js","./chunk-XP5HYGXS-BGCqD1aY.js","./entry-preview-docs-CfC3f9x0.js","./index-CidnEmUr.js","./preview-BhhEZcNS.js","./index-D-8MO0q_.js","./preview-ncvtW_hb.js","./index-DrFu-skq.js","./preview-BWzBA1C2.js","./preview-CA0YOuCz.js","./preview-Bpxiq0cb.js","./preview-mdfz1jNf.css"])))=>i.map(i=>d[i]); -import"../sb-preview/runtime.js";(function(){const _=document.createElement("link").relList;if(_&&_.supports&&_.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))a(o);new MutationObserver(o=>{for(const e of o)if(e.type==="childList")for(const s of e.addedNodes)s.tagName==="LINK"&&s.rel==="modulepreload"&&a(s)}).observe(document,{childList:!0,subtree:!0});function m(o){const e={};return o.integrity&&(e.integrity=o.integrity),o.referrerPolicy&&(e.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?e.credentials="include":o.crossOrigin==="anonymous"?e.credentials="omit":e.credentials="same-origin",e}function a(o){if(o.ep)return;o.ep=!0;const e=m(o);fetch(o.href,e)}})();const T="modulepreload",I=function(r,_){return new URL(r,_).href},O={},t=function(_,m,a){let o=Promise.resolve();if(m&&m.length>0){const s=document.getElementsByTagName("link"),i=document.querySelector("meta[property=csp-nonce]"),d=i?.nonce||i?.getAttribute("nonce");o=Promise.allSettled(m.map(n=>{if(n=I(n,a),n in O)return;O[n]=!0;const p=n.endsWith(".css"),R=p?'[rel="stylesheet"]':"";if(!!a)for(let u=s.length-1;u>=0;u--){const E=s[u];if(E.href===n&&(!p||E.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${n}"]${R}`))return;const c=document.createElement("link");if(c.rel=p?"stylesheet":T,p||(c.as="script"),c.crossOrigin="",c.href=n,d&&c.setAttribute("nonce",d),document.head.appendChild(c),p)return new Promise((u,E)=>{c.addEventListener("load",u),c.addEventListener("error",()=>E(new Error(`Unable to preload CSS for ${n}`)))})}))}function e(s){const i=new Event("vite:preloadError",{cancelable:!0});if(i.payload=s,window.dispatchEvent(i),!i.defaultPrevented)throw s}return o.then(s=>{for(const i of s||[])i.status==="rejected"&&e(i.reason);return _().catch(e)})},{createBrowserChannel:L}=__STORYBOOK_MODULE_CHANNELS__,{addons:P}=__STORYBOOK_MODULE_PREVIEW_API__,l=L({page:"preview"});P.setChannel(l);window.__STORYBOOK_ADDONS_CHANNEL__=l;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=l);const y={"./src/components/Alert/Alert.stories.tsx":async()=>t(()=>import("./Alert.stories-CsxIVrUm.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-qHFB6lG3.js"),__vite__mapDeps([22,1,2,23,4,24]),import.meta.url),"./src/components/Avatar/AvatarStack.stories.tsx":async()=>t(()=>import("./AvatarStack.stories-h38V2i3w.js"),__vite__mapDeps([25,1,2,4,23,24]),import.meta.url),"./src/components/Badge/Badge.stories.tsx":async()=>t(()=>import("./Badge.stories-Cmar0_xs.js"),__vite__mapDeps([26,1,2,4,11,12,27]),import.meta.url),"./src/components/Breadcrumb/Breadcrumb.stories.tsx":async()=>t(()=>import("./Breadcrumb.stories-EqYM7Z4E.js"),__vite__mapDeps([28,1,2,29,30,4,31,13,5,14,15,16,17,18,19,20,32,3,6,33]),import.meta.url),"./src/components/Button/ActionButton.stories.tsx":async()=>t(()=>import("./ActionButton.stories-Ba1ILiNz.js"),__vite__mapDeps([34,1,2,32,35,36,37,38,7,39,40,29,41,9,8,42,43,44,45,46,47,48,49,3,4,5,6,16,17,18,19]),import.meta.url),"./src/components/Button/Button.stories.tsx":async()=>t(()=>import("./Button.stories-CFZtjl63.js"),__vite__mapDeps([50,32,3,1,2,4,5,6,35,36,37,38,7,39,40,29,41,9,8,42,43,44,45,46,47,48,49]),import.meta.url),"./src/components/Button/IconButton/IconButton.stories.tsx":async()=>t(()=>import("./IconButton.stories-BcLJo7UF.js"),__vite__mapDeps([51,1,2,32,13,4,5,14,15,16,17,18,19,20,47]),import.meta.url),"./src/components/Dropdown/Dropdown.stories.tsx":async()=>t(()=>import("./Dropdown.stories-hpxiheUn.js"),__vite__mapDeps([52,1,2,40,39,8,4,17,18,32,53]),import.meta.url),"./src/components/Form/Controls/Action/Action.stories.tsx":async()=>t(()=>import("./Action.stories-Cv7Vx1Xu.js"),__vite__mapDeps([54,1,2,32,35,36,37,38,7,39,40,29,41,9,8,42,43,44,45,46,47,48,49,16,17,18,4,19,55,56,57,58,59,60,61,62,63]),import.meta.url),"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx":async()=>t(()=>import("./Checkbox.stories-CA-_xcab.js"),__vite__mapDeps([64,1,2,65,4,39,56,57,58,59,60,18,66]),import.meta.url),"./src/components/Form/Controls/EditInPlace/EditInPlace.stories.tsx":async()=>t(()=>import("./EditInPlace.stories-isVHSFf4.js"),__vite__mapDeps([67,1,2,32,68,56,57,58,59,60,18,69,4,70,38,8,71,45,72,16,17,19,39,9,61,62,3,5,6,73]),import.meta.url),"./src/components/Form/Controls/MFA/MFA.stories.tsx":async()=>t(()=>import("./MFA.stories-VHKnboqQ.js"),__vite__mapDeps([74,1,2,75,4,56,57,58,59,60,18,76]),import.meta.url),"./src/components/Form/Controls/Password/Password.stories.tsx":async()=>t(()=>import("./Password.stories-DqC-K-A-.js"),__vite__mapDeps([77,1,2,16,17,18,4,19,32,78,56,57,58,59,60,48,55,61,62,63]),import.meta.url),"./src/components/Form/Controls/Radio/Radio.stories.tsx":async()=>t(()=>import("./Radio.stories-CQe2WOQl.js"),__vite__mapDeps([79,1,2,80,4,56,57,58,59,60,18,81]),import.meta.url),"./src/components/Form/Controls/Text/Text.stories.tsx":async()=>t(()=>import("./Text.stories-DoOPFVkB.js"),__vite__mapDeps([82,1,2,61,56,57,58,59,60,18,4,62]),import.meta.url),"./src/components/Form/Controls/Toggle/Toggle.stories.tsx":async()=>t(()=>import("./Toggle.stories-jIWSGnMv.js"),__vite__mapDeps([83,84,1,2,4,56,57,58,59,60,18,85]),import.meta.url),"./src/components/Form/Form.stories.tsx":async()=>t(()=>import("./Form.stories-uVSbGHR-.js"),__vite__mapDeps([86,1,2,16,17,18,4,19,68,56,57,58,59,60,69,70,38,8,71,45,72,61,62,78,48,55,63,75,76,65,39,66,80,81,84,85,3,5,6]),import.meta.url),"./src/components/Form/PasswordForm.stories.tsx":async()=>t(()=>import("./PasswordForm.stories-DuuRNbTu.js"),__vite__mapDeps([87,1,2,49,88,4,59,60,18,58,89,16,17,19,68,56,57,69,70,38,8,71,45,72,78,48,55,61,62,63]),import.meta.url),"./src/components/Glass/Glass.stories.tsx":async()=>t(()=>import("./Glass.stories-CA7YKiuP.js"),__vite__mapDeps([90,1,2,4,10,11,12,91]),import.meta.url),"./src/components/Icon/BigIcon/BigIcon.stories.tsx":async()=>t(()=>import("./BigIcon.stories-t-BLa6UH.js"),__vite__mapDeps([92,1,2,4,42,93]),import.meta.url),"./src/components/Icon/Icon.stories.tsx":async()=>t(()=>import("./Icon.stories-B-VcmbD4.js"),__vite__mapDeps([94,46,2,1]),import.meta.url),"./src/components/Icon/IndicatorIcon/IndicatorIcon.stories.tsx":async()=>t(()=>import("./IndicatorIcon.stories-DD5xj9jv.js"),__vite__mapDeps([95,1,2,14,4,15,46]),import.meta.url),"./src/components/InlineSpinner/InlineSpinner.stories.tsx":async()=>t(()=>import("./InlineSpinner.stories-B4-TwS0a.js"),__vite__mapDeps([96,71,1,2,45,72]),import.meta.url),"./src/components/Link/Link.stories.tsx":async()=>t(()=>import("./Link.stories-DwGDRume.js"),__vite__mapDeps([97,30,1,2,4,31]),import.meta.url),"./src/components/Menu/ContextMenu.stories.tsx":async()=>t(()=>import("./ContextMenu.stories-DznLTZ7-.js"),__vite__mapDeps([98,1,2,47,36,57,60,18,58,99,59,17,100,4,10,11,12,101,102,103,104,41,105,106,107]),import.meta.url),"./src/components/Menu/DrawerMenu.stories.tsx":async()=>t(()=>import("./DrawerMenu.stories-Cefvj2AB.js"),__vite__mapDeps([108,1,2,47,36,102,4,103,104,10,11,12,41,58,105,106,60,18,17,107]),import.meta.url),"./src/components/Menu/FloatingMenu.stories.tsx":async()=>t(()=>import("./FloatingMenu.stories-kKHZlwO7.js"),__vite__mapDeps([109,1,2,47,36,100,4,10,11,12,101,104,41,58,105,106,60,18,17,107]),import.meta.url),"./src/components/Menu/Menu.stories.tsx":async()=>t(()=>import("./Menu.stories-DLGeCRHt.js"),__vite__mapDeps([110,1,2,47,36,57,58,99,59,17,18,60,100,4,10,11,12,101,102,103,104,41,105,106,107,3,5,6]),import.meta.url),"./src/components/Menu/MenuItem.stories.tsx":async()=>t(()=>import("./MenuItem.stories-CueTbcbp.js"),__vite__mapDeps([111,1,2,32,37,44,104,4,10,11,12,41,58,105]),import.meta.url),"./src/components/Menu/ToggleMenuItem.stories.tsx":async()=>t(()=>import("./ToggleMenuItem.stories-A_6X47D1.js"),__vite__mapDeps([112,1,2,37,104,4,10,11,12,41,58,105,84,56,57,59,60,18,85]),import.meta.url),"./src/components/Nav/NavBar.stories.tsx":async()=>t(()=>import("./NavBar.stories-CwaIRvOu.js"),__vite__mapDeps([113,1,2,114,4,115]),import.meta.url),"./src/components/Nav/NavItem.stories.tsx":async()=>t(()=>import("./NavItem.stories-DZLNuxNC.js"),__vite__mapDeps([116,1,2,32,114,4,115]),import.meta.url),"./src/components/Progress/Progress.stories.tsx":async()=>t(()=>import("./Progress.stories-CupFT_UY.js"),__vite__mapDeps([117,88,1,2,4,59,60,18,58,89]),import.meta.url),"./src/components/ReleaseAnnouncement/ReleaseAnnouncement.stories.tsx":async()=>t(()=>import("./ReleaseAnnouncement.stories-DoD7fyFW.js"),__vite__mapDeps([118,1,2,17,18,10,11,4,12,3,5,6,119]),import.meta.url),"./src/components/Search/Search.stories.tsx":async()=>t(()=>import("./Search.stories-C7Tmsfc7.js"),__vite__mapDeps([120,1,2,56,57,58,59,60,18,4,43,69,70,121]),import.meta.url),"./src/components/Separator/Separator.stories.tsx":async()=>t(()=>import("./Separator.stories-BVxjHZlO.js"),__vite__mapDeps([122,106,1,2,4,60,18,58,17,107]),import.meta.url),"./src/components/Toast/Toast.stories.tsx":async()=>t(()=>import("./Toast.stories-CMpAni_J.js"),__vite__mapDeps([123,1,2,4,124]),import.meta.url),"./src/components/Tooltip/Tooltip.stories.tsx":async()=>t(()=>import("./Tooltip.stories-CqXTvywv.js"),__vite__mapDeps([125,1,2,16,17,18,4,19,47,13,5,14,15,20]),import.meta.url),"./src/components/Typography/Heading.stories.tsx":async()=>t(()=>import("./Heading.stories-BAGWf2LJ.js"),__vite__mapDeps([126,1,2,11,4,12,10]),import.meta.url),"./src/components/Typography/Text.stories.tsx":async()=>t(()=>import("./Text.stories-i1JtWLhZ.js"),__vite__mapDeps([127,10,1,2,11,4,12]),import.meta.url)};async function A(r){return y[r]()}const{composeConfigs:v,PreviewWeb:D,ClientApi:g}=__STORYBOOK_MODULE_PREVIEW_API__,V=async(r=[])=>{const _=await Promise.all([r[0]??t(()=>import("./entry-preview-DTtoaN-M.js"),__vite__mapDeps([128,129,2,18]),import.meta.url),r[1]??t(()=>import("./entry-preview-docs-CfC3f9x0.js"),__vite__mapDeps([130,129,131,2]),import.meta.url),r[2]??t(()=>import("./preview-BhhEZcNS.js"),__vite__mapDeps([132,133]),import.meta.url),r[3]??t(()=>import("./preview-k2WZdRmv.js"),[],import.meta.url),r[4]??t(()=>import("./preview-DHPc-V4N.js"),[],import.meta.url),r[5]??t(()=>import("./preview-ncvtW_hb.js"),__vite__mapDeps([134,135]),import.meta.url),r[6]??t(()=>import("./preview-DYzi3Z2p.js"),[],import.meta.url),r[7]??t(()=>import("./preview-CuLlOZat.js"),[],import.meta.url),r[8]??t(()=>import("./preview-BWzBA1C2.js"),__vite__mapDeps([136,135]),import.meta.url),r[9]??t(()=>import("./preview-caVMbCIR.js"),[],import.meta.url),r[10]??t(()=>import("./preview-CA0YOuCz.js"),__vite__mapDeps([137,32]),import.meta.url),r[11]??t(()=>import("./preview-CVgpLj3b.js"),[],import.meta.url),r[12]??t(()=>import("./preview-Bpxiq0cb.js"),__vite__mapDeps([138,2,139]),import.meta.url)]);return v(_)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new D(A,V);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; +const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Alert.stories-B2jqbb0c.js","./jsx-runtime-DR9Q75dM.js","./index-DRjF_FHU.js","./Button-BORixq-h.js","./index-lhGYx47h.js","./UnstyledButton-DuxpNl0e.js","./Button-W0jf5teY.css","./info-D9sKA_Xt.js","./error-DOy7ZFuJ.js","./close-CWATPeIo.js","./Text-BvzksikX.js","./Typography-DzhKoIWt.js","./Typography-CFo2KqHV.css","./IconButton-z1dCC4vP.js","./IndicatorIcon-CKMK3E77.js","./IndicatorIcon-Df2gvoto.css","./Tooltip-DWBiSZRI.js","./floating-ui.react-C0ln9j1M.js","./index-BvEl7W6R.js","./Tooltip-Bx3q_cph.css","./IconButton-X8Xpz74a.css","./Alert-RAKRA8iu.css","./Avatar.stories-DKfLf0fr.js","./Avatar-BPJ7Tfaa.js","./Avatar-CE8ocXGL.css","./AvatarStack.stories-Bh4Nry_2.js","./Badge.stories-x8kD5fZ6.js","./Badge-DHQHyvgX.css","./Breadcrumb.stories-567ieKQM.js","./chevron-left-BDLoE29P.js","./Link-CLwJo_6p.js","./Link-BtBl_cOv.css","./index-JRK_GaCU.js","./Breadcrumb-BZLL2PDQ.css","./ActionButton.stories-Db7s220i.js","./index-DrexSNDm.js","./notifications-BEKrtwGv.js","./extensions-DRIHxRsb.js","./check-circle-solid-DvGH8qX5.js","./check-BWxs5Tf9.js","./chevron-down-vguALCSX.js","./chevron-right-DND12YKW.js","./key-CQb-bpaf.js","./search-DQyZo8im.js","./settings-xa_4DC6i.js","./spinner--mCkS-8r.js","./threads-CbVN7W51.js","./user-profile-cqTW1cHH.js","./visibility-on-BsZOuBEH.js","./warning-DNnCy5FR.js","./Button.stories-CFZtjl63.js","./IconButton.stories-DwiiKPkw.js","./Dropdown.stories-hpxiheUn.js","./Dropdown-C4zrN70D.css","./Action.stories-99aeL6-_.js","./Action-lVpIJAKN.js","./index-2SmsnS5l.js","./index-CGa_gRws.js","./index-C8xBnYIG.js","./index-DlsBsfvk.js","./index-Ksfxd92j.js","./Text-CZnraUGE.js","./Text-CJ1qRzt7.css","./Action-BdUqm_WT.css","./Checkbox.stories-CA-_xcab.js","./Checkbox-mwqWFgAZ.js","./Checkbox-BH8Av3st.css","./EditInPlace.stories-zcK3CM3Z.js","./Message-DAbH8XS4.js","./Label-Bz2llXvT.js","./Label-e_-ztC9G.css","./InlineSpinner-DDpdhuC2.js","./InlineSpinner-D_6da_B5.css","./EditInPlace-BZjvBnvF.css","./MFA.stories-VHKnboqQ.js","./MFA-C938Elnf.js","./MFA-olUceP-x.css","./Password.stories-C5Rtb51e.js","./Password-BNBFWnWg.js","./Radio.stories-CQe2WOQl.js","./Radio-DKXe57dN.js","./Radio-DlPAN7Bx.css","./Text.stories-DoOPFVkB.js","./Toggle.stories-jIWSGnMv.js","./Toggle-B06isGdb.js","./Toggle-CNr3UW_e.css","./Form.stories-Cq0upOHL.js","./PasswordForm.stories-R0JEjfHD.js","./Progress-DssNWzF4.js","./Progress-DsAeAa3U.css","./Glass.stories-Dd-dekY0.js","./Glass-wf6Qw4nq.css","./BigIcon.stories-BLBE0OYe.js","./BigIcon-Cf58aiqL.css","./Icon.stories-B-VcmbD4.js","./IndicatorIcon.stories-CNg5JOp3.js","./InlineSpinner.stories-B4-TwS0a.js","./Link.stories-2xyGaFdM.js","./ContextMenu.stories-CXCegFoO.js","./index-CqQoUxx_.js","./FloatingMenu-Dc89G4Nf.js","./FloatingMenu-BDo-TlpM.css","./DrawerMenu-BNILBemh.js","./DrawerMenu-CGcQbDnp.css","./MenuItem-Bd8p7-6r.js","./MenuItem-Bu829Vy7.css","./Separator-BOThMJvu.js","./Separator-BT_CUzhe.css","./DrawerMenu.stories-D5NdbO-l.js","./FloatingMenu.stories-5Lf1Qkdx.js","./Menu.stories-D4ou0ies.js","./MenuItem.stories-C9I6G_HJ.js","./ToggleMenuItem.stories-Ejr8jJsP.js","./NavBar.stories-CwaIRvOu.js","./NavItem-BBPqqn85.js","./NavItem-D86QAt32.css","./NavItem.stories-DZLNuxNC.js","./Progress.stories-DJh3OqRO.js","./ReleaseAnnouncement.stories-BIdVZUic.js","./ReleaseAnnouncement-DDl8J4p8.css","./Search.stories-8x15PkYe.js","./Search-DWHFY3y9.css","./Separator.stories-Wg5CqqIV.js","./Toast.stories-CMpAni_J.js","./Toast-YaIeoY4p.css","./Tooltip.stories-CXwKF0bZ.js","./Heading.stories-Bgd-NNgE.js","./Text.stories-SkRabSCE.js","./entry-preview-CxlvnIM6.js","./chunk-XP5HYGXS-BGCqD1aY.js","./entry-preview-docs-CfC3f9x0.js","./index-CidnEmUr.js","./preview-BhhEZcNS.js","./index-D-8MO0q_.js","./preview-ncvtW_hb.js","./index-DrFu-skq.js","./preview-BWzBA1C2.js","./preview-CA0YOuCz.js","./preview-Bpxiq0cb.js","./preview-mdfz1jNf.css"])))=>i.map(i=>d[i]); +import"../sb-preview/runtime.js";(function(){const _=document.createElement("link").relList;if(_&&_.supports&&_.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))a(o);new MutationObserver(o=>{for(const e of o)if(e.type==="childList")for(const s of e.addedNodes)s.tagName==="LINK"&&s.rel==="modulepreload"&&a(s)}).observe(document,{childList:!0,subtree:!0});function m(o){const e={};return o.integrity&&(e.integrity=o.integrity),o.referrerPolicy&&(e.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?e.credentials="include":o.crossOrigin==="anonymous"?e.credentials="omit":e.credentials="same-origin",e}function a(o){if(o.ep)return;o.ep=!0;const e=m(o);fetch(o.href,e)}})();const T="modulepreload",I=function(r,_){return new URL(r,_).href},O={},t=function(_,m,a){let o=Promise.resolve();if(m&&m.length>0){const s=document.getElementsByTagName("link"),i=document.querySelector("meta[property=csp-nonce]"),d=i?.nonce||i?.getAttribute("nonce");o=Promise.allSettled(m.map(n=>{if(n=I(n,a),n in O)return;O[n]=!0;const p=n.endsWith(".css"),R=p?'[rel="stylesheet"]':"";if(!!a)for(let u=s.length-1;u>=0;u--){const E=s[u];if(E.href===n&&(!p||E.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${n}"]${R}`))return;const c=document.createElement("link");if(c.rel=p?"stylesheet":T,p||(c.as="script"),c.crossOrigin="",c.href=n,d&&c.setAttribute("nonce",d),document.head.appendChild(c),p)return new Promise((u,E)=>{c.addEventListener("load",u),c.addEventListener("error",()=>E(new Error(`Unable to preload CSS for ${n}`)))})}))}function e(s){const i=new Event("vite:preloadError",{cancelable:!0});if(i.payload=s,window.dispatchEvent(i),!i.defaultPrevented)throw s}return o.then(s=>{for(const i of s||[])i.status==="rejected"&&e(i.reason);return _().catch(e)})},{createBrowserChannel:L}=__STORYBOOK_MODULE_CHANNELS__,{addons:P}=__STORYBOOK_MODULE_PREVIEW_API__,l=L({page:"preview"});P.setChannel(l);window.__STORYBOOK_ADDONS_CHANNEL__=l;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=l);const y={"./src/components/Alert/Alert.stories.tsx":async()=>t(()=>import("./Alert.stories-B2jqbb0c.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-DKfLf0fr.js"),__vite__mapDeps([22,1,2,23,4,24]),import.meta.url),"./src/components/Avatar/AvatarStack.stories.tsx":async()=>t(()=>import("./AvatarStack.stories-Bh4Nry_2.js"),__vite__mapDeps([25,1,2,4,23,24]),import.meta.url),"./src/components/Badge/Badge.stories.tsx":async()=>t(()=>import("./Badge.stories-x8kD5fZ6.js"),__vite__mapDeps([26,1,2,4,11,12,27]),import.meta.url),"./src/components/Breadcrumb/Breadcrumb.stories.tsx":async()=>t(()=>import("./Breadcrumb.stories-567ieKQM.js"),__vite__mapDeps([28,1,2,29,30,4,31,13,5,14,15,16,17,18,19,20,32,3,6,33]),import.meta.url),"./src/components/Button/ActionButton.stories.tsx":async()=>t(()=>import("./ActionButton.stories-Db7s220i.js"),__vite__mapDeps([34,1,2,32,35,36,37,38,7,39,40,29,41,9,8,42,43,44,45,46,47,48,49,3,4,5,6,16,17,18,19]),import.meta.url),"./src/components/Button/Button.stories.tsx":async()=>t(()=>import("./Button.stories-CFZtjl63.js"),__vite__mapDeps([50,32,3,1,2,4,5,6,35,36,37,38,7,39,40,29,41,9,8,42,43,44,45,46,47,48,49]),import.meta.url),"./src/components/Button/IconButton/IconButton.stories.tsx":async()=>t(()=>import("./IconButton.stories-DwiiKPkw.js"),__vite__mapDeps([51,1,2,32,13,4,5,14,15,16,17,18,19,20,47]),import.meta.url),"./src/components/Dropdown/Dropdown.stories.tsx":async()=>t(()=>import("./Dropdown.stories-hpxiheUn.js"),__vite__mapDeps([52,1,2,40,39,8,4,17,18,32,53]),import.meta.url),"./src/components/Form/Controls/Action/Action.stories.tsx":async()=>t(()=>import("./Action.stories-99aeL6-_.js"),__vite__mapDeps([54,1,2,32,35,36,37,38,7,39,40,29,41,9,8,42,43,44,45,46,47,48,49,16,17,18,4,19,55,56,57,58,59,60,61,62,63]),import.meta.url),"./src/components/Form/Controls/Checkbox/Checkbox.stories.tsx":async()=>t(()=>import("./Checkbox.stories-CA-_xcab.js"),__vite__mapDeps([64,1,2,65,4,39,56,57,58,59,60,18,66]),import.meta.url),"./src/components/Form/Controls/EditInPlace/EditInPlace.stories.tsx":async()=>t(()=>import("./EditInPlace.stories-zcK3CM3Z.js"),__vite__mapDeps([67,1,2,32,68,56,57,58,59,60,18,69,4,70,38,8,71,45,72,16,17,19,39,9,61,62,3,5,6,73]),import.meta.url),"./src/components/Form/Controls/MFA/MFA.stories.tsx":async()=>t(()=>import("./MFA.stories-VHKnboqQ.js"),__vite__mapDeps([74,1,2,75,4,56,57,58,59,60,18,76]),import.meta.url),"./src/components/Form/Controls/Password/Password.stories.tsx":async()=>t(()=>import("./Password.stories-C5Rtb51e.js"),__vite__mapDeps([77,1,2,16,17,18,4,19,32,78,56,57,58,59,60,48,55,61,62,63]),import.meta.url),"./src/components/Form/Controls/Radio/Radio.stories.tsx":async()=>t(()=>import("./Radio.stories-CQe2WOQl.js"),__vite__mapDeps([79,1,2,80,4,56,57,58,59,60,18,81]),import.meta.url),"./src/components/Form/Controls/Text/Text.stories.tsx":async()=>t(()=>import("./Text.stories-DoOPFVkB.js"),__vite__mapDeps([82,1,2,61,56,57,58,59,60,18,4,62]),import.meta.url),"./src/components/Form/Controls/Toggle/Toggle.stories.tsx":async()=>t(()=>import("./Toggle.stories-jIWSGnMv.js"),__vite__mapDeps([83,84,1,2,4,56,57,58,59,60,18,85]),import.meta.url),"./src/components/Form/Form.stories.tsx":async()=>t(()=>import("./Form.stories-Cq0upOHL.js"),__vite__mapDeps([86,1,2,16,17,18,4,19,68,56,57,58,59,60,69,70,38,8,71,45,72,61,62,78,48,55,63,75,76,65,39,66,80,81,84,85,3,5,6]),import.meta.url),"./src/components/Form/PasswordForm.stories.tsx":async()=>t(()=>import("./PasswordForm.stories-R0JEjfHD.js"),__vite__mapDeps([87,1,2,49,88,4,59,60,18,58,89,16,17,19,68,56,57,69,70,38,8,71,45,72,78,48,55,61,62,63]),import.meta.url),"./src/components/Glass/Glass.stories.tsx":async()=>t(()=>import("./Glass.stories-Dd-dekY0.js"),__vite__mapDeps([90,1,2,4,10,11,12,91]),import.meta.url),"./src/components/Icon/BigIcon/BigIcon.stories.tsx":async()=>t(()=>import("./BigIcon.stories-BLBE0OYe.js"),__vite__mapDeps([92,1,2,4,42,93]),import.meta.url),"./src/components/Icon/Icon.stories.tsx":async()=>t(()=>import("./Icon.stories-B-VcmbD4.js"),__vite__mapDeps([94,46,2,1]),import.meta.url),"./src/components/Icon/IndicatorIcon/IndicatorIcon.stories.tsx":async()=>t(()=>import("./IndicatorIcon.stories-CNg5JOp3.js"),__vite__mapDeps([95,1,2,14,4,15,46]),import.meta.url),"./src/components/InlineSpinner/InlineSpinner.stories.tsx":async()=>t(()=>import("./InlineSpinner.stories-B4-TwS0a.js"),__vite__mapDeps([96,71,1,2,45,72]),import.meta.url),"./src/components/Link/Link.stories.tsx":async()=>t(()=>import("./Link.stories-2xyGaFdM.js"),__vite__mapDeps([97,30,1,2,4,31]),import.meta.url),"./src/components/Menu/ContextMenu.stories.tsx":async()=>t(()=>import("./ContextMenu.stories-CXCegFoO.js"),__vite__mapDeps([98,1,2,47,36,57,60,18,58,99,59,17,100,4,10,11,12,101,102,103,104,41,105,106,107]),import.meta.url),"./src/components/Menu/DrawerMenu.stories.tsx":async()=>t(()=>import("./DrawerMenu.stories-D5NdbO-l.js"),__vite__mapDeps([108,1,2,47,36,102,4,103,104,10,11,12,41,58,105,106,60,18,17,107]),import.meta.url),"./src/components/Menu/FloatingMenu.stories.tsx":async()=>t(()=>import("./FloatingMenu.stories-5Lf1Qkdx.js"),__vite__mapDeps([109,1,2,47,36,100,4,10,11,12,101,104,41,58,105,106,60,18,17,107]),import.meta.url),"./src/components/Menu/Menu.stories.tsx":async()=>t(()=>import("./Menu.stories-D4ou0ies.js"),__vite__mapDeps([110,1,2,47,36,57,58,99,59,17,18,60,100,4,10,11,12,101,102,103,104,41,105,106,107,3,5,6]),import.meta.url),"./src/components/Menu/MenuItem.stories.tsx":async()=>t(()=>import("./MenuItem.stories-C9I6G_HJ.js"),__vite__mapDeps([111,1,2,32,37,44,104,4,10,11,12,41,58,105]),import.meta.url),"./src/components/Menu/ToggleMenuItem.stories.tsx":async()=>t(()=>import("./ToggleMenuItem.stories-Ejr8jJsP.js"),__vite__mapDeps([112,1,2,37,104,4,10,11,12,41,58,105,84,56,57,59,60,18,85]),import.meta.url),"./src/components/Nav/NavBar.stories.tsx":async()=>t(()=>import("./NavBar.stories-CwaIRvOu.js"),__vite__mapDeps([113,1,2,114,4,115]),import.meta.url),"./src/components/Nav/NavItem.stories.tsx":async()=>t(()=>import("./NavItem.stories-DZLNuxNC.js"),__vite__mapDeps([116,1,2,32,114,4,115]),import.meta.url),"./src/components/Progress/Progress.stories.tsx":async()=>t(()=>import("./Progress.stories-DJh3OqRO.js"),__vite__mapDeps([117,88,1,2,4,59,60,18,58,89]),import.meta.url),"./src/components/ReleaseAnnouncement/ReleaseAnnouncement.stories.tsx":async()=>t(()=>import("./ReleaseAnnouncement.stories-BIdVZUic.js"),__vite__mapDeps([118,1,2,17,18,10,11,4,12,3,5,6,119]),import.meta.url),"./src/components/Search/Search.stories.tsx":async()=>t(()=>import("./Search.stories-8x15PkYe.js"),__vite__mapDeps([120,1,2,56,57,58,59,60,18,4,43,69,70,121]),import.meta.url),"./src/components/Separator/Separator.stories.tsx":async()=>t(()=>import("./Separator.stories-Wg5CqqIV.js"),__vite__mapDeps([122,106,1,2,4,60,18,58,17,107]),import.meta.url),"./src/components/Toast/Toast.stories.tsx":async()=>t(()=>import("./Toast.stories-CMpAni_J.js"),__vite__mapDeps([123,1,2,4,124]),import.meta.url),"./src/components/Tooltip/Tooltip.stories.tsx":async()=>t(()=>import("./Tooltip.stories-CXwKF0bZ.js"),__vite__mapDeps([125,1,2,16,17,18,4,19,47,13,5,14,15,20]),import.meta.url),"./src/components/Typography/Heading.stories.tsx":async()=>t(()=>import("./Heading.stories-Bgd-NNgE.js"),__vite__mapDeps([126,1,2,11,4,12,10]),import.meta.url),"./src/components/Typography/Text.stories.tsx":async()=>t(()=>import("./Text.stories-SkRabSCE.js"),__vite__mapDeps([127,10,1,2,11,4,12]),import.meta.url)};async function A(r){return y[r]()}const{composeConfigs:v,PreviewWeb:D,ClientApi:g}=__STORYBOOK_MODULE_PREVIEW_API__,V=async(r=[])=>{const _=await Promise.all([r[0]??t(()=>import("./entry-preview-CxlvnIM6.js"),__vite__mapDeps([128,129,2,18]),import.meta.url),r[1]??t(()=>import("./entry-preview-docs-CfC3f9x0.js"),__vite__mapDeps([130,129,131,2]),import.meta.url),r[2]??t(()=>import("./preview-BhhEZcNS.js"),__vite__mapDeps([132,133]),import.meta.url),r[3]??t(()=>import("./preview-5WLhJoY6.js"),[],import.meta.url),r[4]??t(()=>import("./preview-DHPc-V4N.js"),[],import.meta.url),r[5]??t(()=>import("./preview-ncvtW_hb.js"),__vite__mapDeps([134,135]),import.meta.url),r[6]??t(()=>import("./preview-DYzi3Z2p.js"),[],import.meta.url),r[7]??t(()=>import("./preview-CuLlOZat.js"),[],import.meta.url),r[8]??t(()=>import("./preview-BWzBA1C2.js"),__vite__mapDeps([136,135]),import.meta.url),r[9]??t(()=>import("./preview-caVMbCIR.js"),[],import.meta.url),r[10]??t(()=>import("./preview-CA0YOuCz.js"),__vite__mapDeps([137,32]),import.meta.url),r[11]??t(()=>import("./preview-CVgpLj3b.js"),[],import.meta.url),r[12]??t(()=>import("./preview-Bpxiq0cb.js"),__vite__mapDeps([138,2,139]),import.meta.url)]);return v(_)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new D(A,V);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; diff --git a/assets/index-DnveFQwc.js b/assets/index-WSA8mAmq.js similarity index 92% rename from assets/index-DnveFQwc.js rename to assets/index-WSA8mAmq.js index 4b671aa2..e69cd616 100644 --- a/assets/index-DnveFQwc.js +++ b/assets/index-WSA8mAmq.js @@ -1 +1 @@ -import{m as c,a as T,G as b,K as d,P as S,g as B,L,b as C,v as H,w as u,c as g,E as y,$ as I,y as h,d as k,N as P,e as W,D as A,x as F,C as x,f as D,S as R,R as f,I as v,h as E,i as M,A as N,F as q,j as w,k as O,l as U,W as Z,n as j,T as z,t as G,o as J,p as K,q as Q,r as V,s as X,u as Y,z as _,B as $,H as aa,J as sa,M as oa,V as ta,O as ea,Q as ra,U as pa,X as ia,Y as na,Z as ma,_ as la,a0 as ca,a1 as Ta,a2 as ba,a3 as da,a4 as Sa,a5 as Ba,a6 as La,a7 as Ca,a8 as Ha,a9 as ua,aa as ga,ab as ya,ac as Ia,ad as ha}from"./DocsRenderer-CFRXHY34-CfHzBOMS.js";import"./iframe-Yner_Jz7.js";import"../sb-preview/runtime.js";import"./index-DRjF_FHU.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-BvEl7W6R.js";import"./index-D-8MO0q_.js";import"./index-CidnEmUr.js";import"./index-DrFu-skq.js";import"./react-18-BZ4hdgop.js";export{c as A,T as ActionBar,b as AddonPanel,d as Badge,S as Bar,B as Blockquote,L as Button,C as ClipboardCode,H as Code,u as DL,g as Div,y as DocumentWrapper,I as EmptyTabContent,h as ErrorFormatter,k as FlexBar,P as Form,W as H1,A as H2,F as H3,x as H4,D as H5,R as H6,f as HR,v as IconButton,E as IconButtonSkeleton,M as Icons,N as Img,q as LI,w as Link,O as ListItem,U as Loader,Z as Modal,j as OL,z as P,G as Placeholder,J as Pre,K as ResetWrapper,Q as ScrollArea,V as Separator,X as Spaced,Y as Span,_ as StorybookIcon,$ as StorybookLogo,aa as Symbols,sa as SyntaxHighlighter,oa as TT,ta as TabBar,ea as TabButton,ra as TabWrapper,pa as Table,ia as Tabs,na as TabsState,ma as TooltipLinkList,la as TooltipMessage,ca as TooltipNote,Ta as UL,ba as WithTooltip,da as WithTooltipPure,Sa as Zoom,Ba as codeCommon,La as components,Ca as createCopyToClipboardFunction,Ha as getStoryHref,ua as icons,ga as interleaveSeparators,ya as nameSpaceClassNames,Ia as resetComponents,ha as withReset}; +import{m as c,a as T,G as b,K as d,P as S,g as B,L,b as C,v as H,w as u,c as g,E as y,$ as I,y as h,d as k,N as P,e as W,D as A,x as F,C as x,f as D,S as R,R as f,I as v,h as E,i as M,A as N,F as q,j as w,k as O,l as U,W as Z,n as j,T as z,t as G,o as J,p as K,q as Q,r as V,s as X,u as Y,z as _,B as $,H as aa,J as sa,M as oa,V as ta,O as ea,Q as ra,U as pa,X as ia,Y as na,Z as ma,_ as la,a0 as ca,a1 as Ta,a2 as ba,a3 as da,a4 as Sa,a5 as Ba,a6 as La,a7 as Ca,a8 as Ha,a9 as ua,aa as ga,ab as ya,ac as Ia,ad as ha}from"./DocsRenderer-CFRXHY34-ikTFdQR4.js";import"./iframe-xV1FUjqs.js";import"../sb-preview/runtime.js";import"./index-DRjF_FHU.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-BvEl7W6R.js";import"./index-D-8MO0q_.js";import"./index-CidnEmUr.js";import"./index-DrFu-skq.js";import"./react-18-BZ4hdgop.js";export{c as A,T as ActionBar,b as AddonPanel,d as Badge,S as Bar,B as Blockquote,L as Button,C as ClipboardCode,H as Code,u as DL,g as Div,y as DocumentWrapper,I as EmptyTabContent,h as ErrorFormatter,k as FlexBar,P as Form,W as H1,A as H2,F as H3,x as H4,D as H5,R as H6,f as HR,v as IconButton,E as IconButtonSkeleton,M as Icons,N as Img,q as LI,w as Link,O as ListItem,U as Loader,Z as Modal,j as OL,z as P,G as Placeholder,J as Pre,K as ResetWrapper,Q as ScrollArea,V as Separator,X as Spaced,Y as Span,_ as StorybookIcon,$ as StorybookLogo,aa as Symbols,sa as SyntaxHighlighter,oa as TT,ta as TabBar,ea as TabButton,ra as TabWrapper,pa as Table,ia as Tabs,na as TabsState,ma as TooltipLinkList,la as TooltipMessage,ca as TooltipNote,Ta as UL,ba as WithTooltip,da as WithTooltipPure,Sa as Zoom,Ba as codeCommon,La as components,Ca as createCopyToClipboardFunction,Ha as getStoryHref,ua as icons,ga as interleaveSeparators,ya as nameSpaceClassNames,Ia as resetComponents,ha as withReset}; diff --git a/assets/preview-k2WZdRmv.js b/assets/preview-5WLhJoY6.js similarity index 76% rename from assets/preview-k2WZdRmv.js rename to assets/preview-5WLhJoY6.js index 70bb6118..2698f099 100644 --- a/assets/preview-k2WZdRmv.js +++ b/assets/preview-5WLhJoY6.js @@ -1,2 +1,2 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-CFRXHY34-CfHzBOMS.js","./iframe-Yner_Jz7.js","./index-DRjF_FHU.js","./jsx-runtime-DR9Q75dM.js","./index-BvEl7W6R.js","./index-D-8MO0q_.js","./index-CidnEmUr.js","./index-DrFu-skq.js","./react-18-BZ4hdgop.js"])))=>i.map(i=>d[i]); -import{_ as a}from"./iframe-Yner_Jz7.js";import"../sb-preview/runtime.js";var i=Object.entries(globalThis.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-CFRXHY34-CfHzBOMS.js").then(r=>r.ak),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url);return new e},stories:{filter:e=>(e.tags||[]).filter(r=>i[r]).length===0&&!e.parameters.docs?.disable}}};export{d as parameters}; +const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-CFRXHY34-ikTFdQR4.js","./iframe-xV1FUjqs.js","./index-DRjF_FHU.js","./jsx-runtime-DR9Q75dM.js","./index-BvEl7W6R.js","./index-D-8MO0q_.js","./index-CidnEmUr.js","./index-DrFu-skq.js","./react-18-BZ4hdgop.js"])))=>i.map(i=>d[i]); +import{_ as a}from"./iframe-xV1FUjqs.js";import"../sb-preview/runtime.js";var i=Object.entries(globalThis.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-CFRXHY34-ikTFdQR4.js").then(r=>r.ak),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url);return new e},stories:{filter:e=>(e.tags||[]).filter(r=>i[r]).length===0&&!e.parameters.docs?.disable}}};export{d as parameters}; diff --git a/iframe.html b/iframe.html index db95161e..8e098fe0 100644 --- a/iframe.html +++ b/iframe.html @@ -513,7 +513,7 @@ window.global = window; - + diff --git a/project.json b/project.json index 31aa1d04..6941dfb0 100644 --- a/project.json +++ b/project.json @@ -1 +1 @@ -{"generatedAt":1733842161187,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@playwright/test":"1.49.0","@testing-library/dom":"10.4.0","@testing-library/jest-dom":"6.6.3","@testing-library/react":"16.1.0","@testing-library/user-event":null,"@vitest/coverage-v8":"2.1.8","vitest":"2.1.8"},"packageManager":{"type":"yarn","version":"1.22.22"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":14,"storybookVersion":"8.4.7","storybookVersionSpecifier":"^8.1.1","language":"typescript","storybookPackages":{"@storybook/addon-a11y":{"version":"8.4.7"},"@storybook/manager-api":{"version":"8.4.7"},"@storybook/react":{"version":"8.4.7"},"@storybook/react-vite":{"version":"8.4.7"},"@storybook/test":{"version":"8.4.7"},"eslint-plugin-storybook":{"version":"0.11.1"},"storybook":{"version":"8.4.7"}},"addons":{"@storybook/addon-links":{"version":"8.4.7"},"@storybook/addon-essentials":{"version":"8.4.7"},"@storybook/addon-interactions":{"version":"8.4.7"},"@storybook/addon-designs":{"version":"8.0.4"},"@storybook/addon-themes":{"version":"8.4.7"}}} \ No newline at end of file +{"generatedAt":1734090590975,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@playwright/test":"1.49.0","@testing-library/dom":"10.4.0","@testing-library/jest-dom":"6.6.3","@testing-library/react":"16.1.0","@testing-library/user-event":null,"@vitest/coverage-v8":"2.1.8","vitest":"2.1.8"},"packageManager":{"type":"yarn","version":"1.22.22"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":14,"storybookVersion":"8.4.7","storybookVersionSpecifier":"^8.1.1","language":"typescript","storybookPackages":{"@storybook/addon-a11y":{"version":"8.4.7"},"@storybook/manager-api":{"version":"8.4.7"},"@storybook/react":{"version":"8.4.7"},"@storybook/react-vite":{"version":"8.4.7"},"@storybook/test":{"version":"8.4.7"},"eslint-plugin-storybook":{"version":"0.11.1"},"storybook":{"version":"8.4.7"}},"addons":{"@storybook/addon-links":{"version":"8.4.7"},"@storybook/addon-essentials":{"version":"8.4.7"},"@storybook/addon-interactions":{"version":"8.4.7"},"@storybook/addon-designs":{"version":"8.0.4"},"@storybook/addon-themes":{"version":"8.4.7"}}} \ No newline at end of file