From a5ecd87db25c1235dd19b6e62e3c9edba5d32299 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Tue, 7 May 2024 07:53:25 +0000 Subject: [PATCH] deploy: d916220f5d6f3e022ca8ec81e76ec69df2fc17e4 --- assets/AlertBanner.stories-622bdf24.js | 13 -- assets/AlertBanner.stories-7655e834.js | 13 ++ ...9199d28d.js => Avatar.stories-f8355465.js} | 2 +- .../{Badge-7771e2b1.js => Badge-a283a779.js} | 2 +- ...-de77dfde.js => Badge.stories-96b55588.js} | 2 +- ...{Button-2ba8575b.js => Button-93f2d0ab.js} | 2 +- ...19b36539.js => Button.stories-e89052ad.js} | 2 +- ...s-19dbdb9c.js => Card.stories-4ef4b27b.js} | 2 +- ...elog-79556424.js => Changelog-3bab3e92.js} | 2 +- ...ckbox-bfd1bcda.js => Checkbox-7edd5d0e.js} | 4 +- ...fbeac1.js => Checkbox.stories-15501367.js} | 2 +- ...0.js => CheckboxGroup.stories-c9693e9d.js} | 2 +- ...0143a265.js => Color-6VNJS4EI-bba0351f.js} | 2 +- assets/CornerDialog.stories-99af5c68.js | 116 +++++++++++++++ ...e6c10e7.js => Counter.stories-c16bf323.js} | 2 +- ...2846564.js => Divider.stories-723d8c5b.js} | 2 +- assets/DocsRenderer-NNNQARDV-0628bca0.js | 1 - assets/DocsRenderer-NNNQARDV-49a9705b.js | 1 + ...ext-ff282223.js => HelperText-94c2e4c3.js} | 2 +- ...d03b.js => HelperText.stories-06eefeaa.js} | 2 +- ...s-7c8d5692.js => Icon.stories-8ecf00d6.js} | 2 +- ...ton-fbe54fb7.js => IconButton-84cc995d.js} | 2 +- ...8ee9.js => IconButton.stories-87c6065a.js} | 2 +- assets/InlineBanner.stories-617b265a.js | 17 +++ assets/InlineBanner.stories-8176ecb7.js | 17 --- ...e.js => InlineMessage.stories-e7a47d1e.js} | 2 +- ... => InlineSearchInput.stories-9fb3986f.js} | 2 +- .../{Label-c09f8b49.js => Label-e7b0184c.js} | 2 +- ...-a945af1e.js => Label.stories-040656e5.js} | 2 +- ...9535b6d1.js => Loader.stories-98560477.js} | 2 +- ...c87492b.js => Popover.stories-d9836451.js} | 2 +- ...on-705bd946.js => RadioButton-d5d0a846.js} | 2 +- ...bd6.js => RadioButton.stories-8899627d.js} | 2 +- ...s => RadioButtonGroup.stories-c4b95d33.js} | 2 +- ...{ReadMe-c77f8ef0.js => ReadMe-27f05b50.js} | 2 +- ...ut-b5350c90.js => SearchInput-c4c9ac2e.js} | 2 +- ...1d9.js => SearchInput.stories-307521ec.js} | 2 +- ...c8014670.js => Select.stories-c3c088c9.js} | 2 +- ...1c.js => SocialButton.stories-c30333b9.js} | 2 +- ...57a83bb9.js => Status.stories-1c01dc69.js} | 2 +- ...029b5.js => StatusDot.stories-40750bcf.js} | 2 +- ...es-f018a881.js => Tag.stories-d7565488.js} | 2 +- ...etDocs-deea9a80.js => TetDocs-03bc5c84.js} | 2 +- ...nput-221fd163.js => TextInput-176e108c.js} | 2 +- ...40e13.js => TextInput.stories-25e5bf59.js} | 2 +- assets/Toast.stories-01b44a7d.js | 41 ++++++ assets/Toast.stories-01b67174.js | 41 ------ ...e6.js => WithTooltip-V3YHNWJZ-31f0cdfa.js} | 2 +- ...559df494.js => chunk-HLWAVYOI-b2dddfb9.js} | 2 +- assets/chunk-WFFRPTHA-a68c42c5.js | 1 + ...f5b5.js => formatter-SWP5E3XI-e2817b98.js} | 2 +- assets/iframe-9e50fff3.js | 1 - assets/iframe-c4da43eb.js | 1 + .../{index-78a2083d.js => index-43890eef.js} | 8 +- assets/preview-6c8c1815.js | 1 - assets/preview-da20f919.js | 1 + ...=> syntaxhighlighter-V7JZZA35-14187bd4.js} | 2 +- assets/useAction-275346b1.js | 1 + assets/useAction-291fcc9d.js | 1 - iframe.html | 2 +- index.json | 2 +- project.json | 2 +- src/components/CornerDialog/CornerDialog.d.ts | 3 + .../CornerDialog/CornerDialog.props.d.ts | 12 ++ .../CornerDialog/CornerDialog.stories.d.ts | 31 ++++ .../CornerDialog/CornerDialog.styles.d.ts | 139 ++++++++++++++++++ .../CornerDialog/CornerDialog.test.d.ts | 1 + src/components/CornerDialog/index.d.ts | 3 + .../CornerDialog/stylesBuilder.d.ts | 16 ++ src/docs-components/CornerDialogDocs.d.ts | 1 + src/index.d.ts | 2 + src/utility-types/DistributiveOmit.d.ts | 1 + stories.json | 2 +- 73 files changed, 452 insertions(+), 126 deletions(-) delete mode 100644 assets/AlertBanner.stories-622bdf24.js create mode 100644 assets/AlertBanner.stories-7655e834.js rename assets/{Avatar.stories-9199d28d.js => Avatar.stories-f8355465.js} (96%) rename assets/{Badge-7771e2b1.js => Badge-a283a779.js} (96%) rename assets/{Badge.stories-de77dfde.js => Badge.stories-96b55588.js} (93%) rename assets/{Button-2ba8575b.js => Button-93f2d0ab.js} (99%) rename assets/{Button.stories-19b36539.js => Button.stories-e89052ad.js} (97%) rename assets/{Card.stories-19dbdb9c.js => Card.stories-4ef4b27b.js} (97%) rename assets/{Changelog-79556424.js => Changelog-3bab3e92.js} (98%) rename assets/{Checkbox-bfd1bcda.js => Checkbox-7edd5d0e.js} (96%) rename assets/{Checkbox.stories-c3fbeac1.js => Checkbox.stories-15501367.js} (95%) rename assets/{CheckboxGroup.stories-4b517db0.js => CheckboxGroup.stories-c9693e9d.js} (92%) rename assets/{Color-6VNJS4EI-0143a265.js => Color-6VNJS4EI-bba0351f.js} (99%) create mode 100644 assets/CornerDialog.stories-99af5c68.js rename assets/{Counter.stories-ce6c10e7.js => Counter.stories-c16bf323.js} (98%) rename assets/{Divider.stories-c2846564.js => Divider.stories-723d8c5b.js} (92%) delete mode 100644 assets/DocsRenderer-NNNQARDV-0628bca0.js create mode 100644 assets/DocsRenderer-NNNQARDV-49a9705b.js rename assets/{HelperText-ff282223.js => HelperText-94c2e4c3.js} (93%) rename assets/{HelperText.stories-0f79d03b.js => HelperText.stories-06eefeaa.js} (90%) rename assets/{Icon.stories-7c8d5692.js => Icon.stories-8ecf00d6.js} (92%) rename assets/{IconButton-fbe54fb7.js => IconButton-84cc995d.js} (98%) rename assets/{IconButton.stories-59068ee9.js => IconButton.stories-87c6065a.js} (88%) create mode 100644 assets/InlineBanner.stories-617b265a.js delete mode 100644 assets/InlineBanner.stories-8176ecb7.js rename assets/{InlineMessage.stories-fe66f0ce.js => InlineMessage.stories-e7a47d1e.js} (95%) rename assets/{InlineSearchInput.stories-6d810f73.js => InlineSearchInput.stories-9fb3986f.js} (88%) rename assets/{Label-c09f8b49.js => Label-e7b0184c.js} (96%) rename assets/{Label.stories-a945af1e.js => Label.stories-040656e5.js} (91%) rename assets/{Loader.stories-9535b6d1.js => Loader.stories-98560477.js} (97%) rename assets/{Popover.stories-ac87492b.js => Popover.stories-d9836451.js} (95%) rename assets/{RadioButton-705bd946.js => RadioButton-d5d0a846.js} (96%) rename assets/{RadioButton.stories-79532bd6.js => RadioButton.stories-8899627d.js} (95%) rename assets/{RadioButtonGroup.stories-1b8e2a91.js => RadioButtonGroup.stories-c4b95d33.js} (90%) rename assets/{ReadMe-c77f8ef0.js => ReadMe-27f05b50.js} (97%) rename assets/{SearchInput-b5350c90.js => SearchInput-c4c9ac2e.js} (92%) rename assets/{SearchInput.stories-904cc1d9.js => SearchInput.stories-307521ec.js} (90%) rename assets/{Select.stories-c8014670.js => Select.stories-c3c088c9.js} (91%) rename assets/{SocialButton.stories-8349f81c.js => SocialButton.stories-c30333b9.js} (98%) rename assets/{Status.stories-57a83bb9.js => Status.stories-1c01dc69.js} (97%) rename assets/{StatusDot.stories-d46029b5.js => StatusDot.stories-40750bcf.js} (94%) rename assets/{Tag.stories-f018a881.js => Tag.stories-d7565488.js} (94%) rename assets/{TetDocs-deea9a80.js => TetDocs-03bc5c84.js} (99%) rename assets/{TextInput-221fd163.js => TextInput-176e108c.js} (90%) rename assets/{TextInput.stories-60e40e13.js => TextInput.stories-25e5bf59.js} (95%) create mode 100644 assets/Toast.stories-01b44a7d.js delete mode 100644 assets/Toast.stories-01b67174.js rename assets/{WithTooltip-V3YHNWJZ-71246ee6.js => WithTooltip-V3YHNWJZ-31f0cdfa.js} (64%) rename assets/{chunk-HLWAVYOI-559df494.js => chunk-HLWAVYOI-b2dddfb9.js} (87%) create mode 100644 assets/chunk-WFFRPTHA-a68c42c5.js rename assets/{formatter-SWP5E3XI-4219f5b5.js => formatter-SWP5E3XI-e2817b98.js} (99%) delete mode 100644 assets/iframe-9e50fff3.js create mode 100644 assets/iframe-c4da43eb.js rename assets/{index-78a2083d.js => index-43890eef.js} (99%) delete mode 100644 assets/preview-6c8c1815.js create mode 100644 assets/preview-da20f919.js rename assets/{syntaxhighlighter-V7JZZA35-024ebedc.js => syntaxhighlighter-V7JZZA35-14187bd4.js} (65%) create mode 100644 assets/useAction-275346b1.js delete mode 100644 assets/useAction-291fcc9d.js create mode 100644 src/components/CornerDialog/CornerDialog.d.ts create mode 100644 src/components/CornerDialog/CornerDialog.props.d.ts create mode 100644 src/components/CornerDialog/CornerDialog.stories.d.ts create mode 100644 src/components/CornerDialog/CornerDialog.styles.d.ts create mode 100644 src/components/CornerDialog/CornerDialog.test.d.ts create mode 100644 src/components/CornerDialog/index.d.ts create mode 100644 src/components/CornerDialog/stylesBuilder.d.ts create mode 100644 src/docs-components/CornerDialogDocs.d.ts create mode 100644 src/utility-types/DistributiveOmit.d.ts diff --git a/assets/AlertBanner.stories-622bdf24.js b/assets/AlertBanner.stories-622bdf24.js deleted file mode 100644 index dbaf3efd..00000000 --- a/assets/AlertBanner.stories-622bdf24.js +++ /dev/null @@ -1,13 +0,0 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{u as N,a as g}from"./useAction-291fcc9d.js";import{R as V}from"./tetrisly-icons.es-12549e88.js";import{r as y}from"./index-76fb7be0.js";import{m as q,l as H}from"./mergeConfigWithCutom-aec35d44.js";import{B as C}from"./Button-2ba8575b.js";import{I as M}from"./IconButton-fbe54fb7.js";import{t as r}from"./TetrislyProvider-8c69fae3.js";import{S as x}from"./SectionHeader-c9c7fa6d.js";import{T}from"./TetDocs-deea9a80.js";import"./preview-errors-dde4324f.js";import"./index-356e4a49.js";import"./_commonjsHelpers-de833af9.js";import"./index-60ef7482.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";const D={p:"$space-component-padding-medium",pl:"$space-component-padding-2xLarge",display:"flex",alignItems:"center",text:"$typo-body-medium",intent:{none:{backgroundColor:"$color-background-neutral-strong",color:"$color-content-primary-inverted"},success:{backgroundColor:"$color-background-positive-strong",color:"$color-content-primary-inverted"},warning:{backgroundColor:"$color-background-warning-strong",color:"$color-content-primary"},negative:{backgroundColor:"$color-background-negative-strong",color:"$color-content-primary-inverted"}},innerElements:{iconContainer:{mr:"$space-component-gap-small"},actionContainer:{display:"flex",alignItems:"center",justifyContent:"center",gap:"$space-component-gap-small",ml:"$space-component-gap-large"},closeButton:{ml:"auto"}}},R=n=>({none:"20-info-fill",success:"20-check-circle-fill",warning:"20-warning-fill",negative:"20-alert-fill"})[n],W=(n,o)=>{const{intent:s,innerElements:{iconContainer:v,actionContainer:i,closeButton:f},...t}=q({defaultConfig:D,custom:o}),c={appearance:n==="warning"?"reverseInverted":"inverted"},l={appearance:n==="warning"?"primary":"inverted"};return{container:{...s[n],...t},iconContainer:v,actionContainer:i,actionProps:c,closeButtonProps:l,closeButton:f}},a=({text:n,intent:o="none",custom:s,action:v,onCloseClick:i,...f})=>{const t=y.useMemo(()=>W(o,s),[o,s]),[c,l]=N(v),S=y.useMemo(()=>R(o),[o]);return e.jsxs(r.div,{...t.container,"data-testid":"alert-banner",...f,children:[e.jsx(r.span,{...t.iconContainer,"data-testid":"alert-banner-iconContainer",children:e.jsx(V,{name:S})}),n,c&&e.jsxs(r.div,{...t.actionContainer,"data-testid":"alert-banner-actionContainer",children:[e.jsx(C,{variant:"bare",...t.actionProps,...c}),l&&e.jsxs(e.Fragment,{children:[e.jsx(r.div,{children:"·"}),e.jsx(C,{variant:"bare",...t.actionProps,...l})]})]}),!!i&&e.jsx(M,{size:"small",variant:"ghost",intent:"none",icon:"20-close",onClick:i,...t.closeButton,...t.closeButtonProps,"data-testid":"alert-banner-closeButton"})]})};try{a.displayName="AlertBanner",a.__docgenInfo={description:"",displayName:"AlertBanner",props:{text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"string"}},intent:{defaultValue:{value:"none"},description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"success"'},{value:'"warning"'},{value:'"negative"'}]}},action:{defaultValue:null,description:"",name:"action",required:!1,type:{name:"ActionProp"}},onCloseClick:{defaultValue:null,description:"",name:"onCloseClick",required:!1,type:{name:"((e: MouseEvent) => void)"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"AlertBannerConfig"}}}}}catch{}const z=["none","success","warning","negative"],F=()=>e.jsx(e.Fragment,{children:z.map(n=>e.jsxs(r.section,{children:[e.jsxs(x,{px:{md:"$dimension-1000",_:"$dimension-500"},py:"$dimension-500",variant:"H1",children:["Intent: ",H.capitalize(n)]}),e.jsxs(r.div,{px:{md:"$dimension-1000",_:"$dimension-500"},children:[e.jsx(x,{py:"$dimension-500",variant:"H2",children:"Action: No"}),e.jsx(a,{text:"Alert text",intent:n})]}),e.jsxs(r.div,{px:{md:"$dimension-1000",_:"$dimension-500"},children:[e.jsx(x,{py:"$dimension-500",variant:"H2",children:"Action: Yes"}),e.jsx(a,{text:"Alert text",intent:n,my:"$dimension-500",action:[{label:"Click me",onClick:g("onClick")},{label:"Or click me",onClick:g("onClick")}]})]})]},n))}),me={title:"AlertBanner",component:a,tags:["autodocs"],args:{text:"Alert text",action:[{label:"Action",onClick:g("onClick")},{label:"Action",onClick:g("onClick")}]},argTypes:{intent:{options:["none","success","warning","negative"],defaultValue:"none",control:{type:"radio"}}},parameters:{docs:{description:{component:"Prominent element used to display important messages or notifications to users. Alert Banners can convey various levels of urgency, such as success, warning, or error. They are designed to capture the user's attention and provide a clear and concise message."},page:()=>e.jsx(T,{docs:"https://docs.tetrisly.com/components/list/alertbanner",children:e.jsx(F,{})})}}},m={},d={args:{intent:"success"}},p={args:{intent:"warning"}},u={args:{intent:"negative"}};var $,j,h;m.parameters={...m.parameters,docs:{...($=m.parameters)==null?void 0:$.docs,source:{originalSource:"{}",...(h=(j=m.parameters)==null?void 0:j.docs)==null?void 0:h.source}}};var k,b,A;d.parameters={...d.parameters,docs:{...(k=d.parameters)==null?void 0:k.docs,source:{originalSource:`{ - args: { - intent: 'success' - } -}`,...(A=(b=d.parameters)==null?void 0:b.docs)==null?void 0:A.source}}};var B,_,w;p.parameters={...p.parameters,docs:{...(B=p.parameters)==null?void 0:B.docs,source:{originalSource:`{ - args: { - intent: 'warning' - } -}`,...(w=(_=p.parameters)==null?void 0:_.docs)==null?void 0:w.source}}};var E,P,I;u.parameters={...u.parameters,docs:{...(E=u.parameters)==null?void 0:E.docs,source:{originalSource:`{ - args: { - intent: 'negative' - } -}`,...(I=(P=u.parameters)==null?void 0:P.docs)==null?void 0:I.source}}};const de=["Default","Positive","Warning","Negative"];export{m as Default,u as Negative,d as Positive,p as Warning,de as __namedExportsOrder,me as default}; diff --git a/assets/AlertBanner.stories-7655e834.js b/assets/AlertBanner.stories-7655e834.js new file mode 100644 index 00000000..1377a08b --- /dev/null +++ b/assets/AlertBanner.stories-7655e834.js @@ -0,0 +1,13 @@ +import{j as e}from"./jsx-runtime-ffb262ed.js";import{a as g}from"./chunk-WFFRPTHA-a68c42c5.js";import{R as N}from"./tetrisly-icons.es-12549e88.js";import{r as y}from"./index-76fb7be0.js";import{m as V,l as q}from"./mergeConfigWithCutom-aec35d44.js";import{B as C}from"./Button-93f2d0ab.js";import{I as H}from"./IconButton-84cc995d.js";import{u as M}from"./useAction-275346b1.js";import{t as r}from"./TetrislyProvider-8c69fae3.js";import{S as x}from"./SectionHeader-c9c7fa6d.js";import{T}from"./TetDocs-03bc5c84.js";import"./preview-errors-dde4324f.js";import"./index-356e4a49.js";import"./_commonjsHelpers-de833af9.js";import"./index-60ef7482.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";const D={p:"$space-component-padding-medium",pl:"$space-component-padding-2xLarge",display:"flex",alignItems:"center",text:"$typo-body-medium",intent:{none:{backgroundColor:"$color-background-neutral-strong",color:"$color-content-primary-inverted"},success:{backgroundColor:"$color-background-positive-strong",color:"$color-content-primary-inverted"},warning:{backgroundColor:"$color-background-warning-strong",color:"$color-content-primary"},negative:{backgroundColor:"$color-background-negative-strong",color:"$color-content-primary-inverted"}},innerElements:{iconContainer:{mr:"$space-component-gap-small"},actionContainer:{display:"flex",alignItems:"center",justifyContent:"center",gap:"$space-component-gap-small",ml:"$space-component-gap-large"},closeButton:{ml:"auto"}}},R=n=>({none:"20-info-fill",success:"20-check-circle-fill",warning:"20-warning-fill",negative:"20-alert-fill"})[n],W=(n,o)=>{const{intent:s,innerElements:{iconContainer:v,actionContainer:i,closeButton:f},...t}=V({defaultConfig:D,custom:o}),c={appearance:n==="warning"?"reverseInverted":"inverted"},l={appearance:n==="warning"?"primary":"inverted"};return{container:{...s[n],...t},iconContainer:v,actionContainer:i,actionProps:c,closeButtonProps:l,closeButton:f}},a=({text:n,intent:o="none",custom:s,action:v,onCloseClick:i,...f})=>{const t=y.useMemo(()=>W(o,s),[o,s]),[c,l]=M(v),S=y.useMemo(()=>R(o),[o]);return e.jsxs(r.div,{...t.container,"data-testid":"alert-banner",...f,children:[e.jsx(r.span,{...t.iconContainer,"data-testid":"alert-banner-iconContainer",children:e.jsx(N,{name:S})}),n,c&&e.jsxs(r.div,{...t.actionContainer,"data-testid":"alert-banner-actionContainer",children:[e.jsx(C,{variant:"bare",...t.actionProps,...c}),l&&e.jsxs(e.Fragment,{children:[e.jsx(r.div,{children:"·"}),e.jsx(C,{variant:"bare",...t.actionProps,...l})]})]}),!!i&&e.jsx(H,{size:"small",variant:"ghost",intent:"none",icon:"20-close",onClick:i,...t.closeButton,...t.closeButtonProps,"data-testid":"alert-banner-closeButton"})]})};try{a.displayName="AlertBanner",a.__docgenInfo={description:"",displayName:"AlertBanner",props:{text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"string"}},intent:{defaultValue:{value:"none"},description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"warning"'},{value:'"negative"'},{value:'"none"'},{value:'"success"'}]}},action:{defaultValue:null,description:"",name:"action",required:!1,type:{name:"ActionProp"}},onCloseClick:{defaultValue:null,description:"",name:"onCloseClick",required:!1,type:{name:"((e: MouseEvent) => void)"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"AlertBannerConfig"}}}}}catch{}const z=["none","success","warning","negative"],F=()=>e.jsx(e.Fragment,{children:z.map(n=>e.jsxs(r.section,{children:[e.jsxs(x,{px:{md:"$dimension-1000",_:"$dimension-500"},py:"$dimension-500",variant:"H1",children:["Intent: ",q.capitalize(n)]}),e.jsxs(r.div,{px:{md:"$dimension-1000",_:"$dimension-500"},children:[e.jsx(x,{py:"$dimension-500",variant:"H2",children:"Action: No"}),e.jsx(a,{text:"Alert text",intent:n})]}),e.jsxs(r.div,{px:{md:"$dimension-1000",_:"$dimension-500"},children:[e.jsx(x,{py:"$dimension-500",variant:"H2",children:"Action: Yes"}),e.jsx(a,{text:"Alert text",intent:n,my:"$dimension-500",action:[{label:"Click me",onClick:g("onClick")},{label:"Or click me",onClick:g("onClick")}]})]})]},n))}),pe={title:"AlertBanner",component:a,tags:["autodocs"],args:{text:"Alert text",action:[{label:"Action",onClick:g("onClick")},{label:"Action",onClick:g("onClick")}]},argTypes:{intent:{options:["none","success","warning","negative"],defaultValue:"none",control:{type:"radio"}}},parameters:{docs:{description:{component:"Prominent element used to display important messages or notifications to users. Alert Banners can convey various levels of urgency, such as success, warning, or error. They are designed to capture the user's attention and provide a clear and concise message."},page:()=>e.jsx(T,{docs:"https://docs.tetrisly.com/components/list/alertbanner",children:e.jsx(F,{})})}}},m={},p={args:{intent:"success"}},d={args:{intent:"warning"}},u={args:{intent:"negative"}};var $,j,h;m.parameters={...m.parameters,docs:{...($=m.parameters)==null?void 0:$.docs,source:{originalSource:"{}",...(h=(j=m.parameters)==null?void 0:j.docs)==null?void 0:h.source}}};var k,b,A;p.parameters={...p.parameters,docs:{...(k=p.parameters)==null?void 0:k.docs,source:{originalSource:`{ + args: { + intent: 'success' + } +}`,...(A=(b=p.parameters)==null?void 0:b.docs)==null?void 0:A.source}}};var B,_,w;d.parameters={...d.parameters,docs:{...(B=d.parameters)==null?void 0:B.docs,source:{originalSource:`{ + args: { + intent: 'warning' + } +}`,...(w=(_=d.parameters)==null?void 0:_.docs)==null?void 0:w.source}}};var E,P,I;u.parameters={...u.parameters,docs:{...(E=u.parameters)==null?void 0:E.docs,source:{originalSource:`{ + args: { + intent: 'negative' + } +}`,...(I=(P=u.parameters)==null?void 0:P.docs)==null?void 0:I.source}}};const de=["Default","Positive","Warning","Negative"];export{m as Default,u as Negative,p as Positive,d as Warning,de as __namedExportsOrder,pe as default}; diff --git a/assets/Avatar.stories-9199d28d.js b/assets/Avatar.stories-f8355465.js similarity index 96% rename from assets/Avatar.stories-9199d28d.js rename to assets/Avatar.stories-f8355465.js index b8f3ff91..7dc371d9 100644 --- a/assets/Avatar.stories-9199d28d.js +++ b/assets/Avatar.stories-f8355465.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-ffb262ed.js";import{A as u}from"./Avatar-fa7da47e.js";import{l as h}from"./mergeConfigWithCutom-aec35d44.js";import{C as y}from"./Cols-33da84a1.js";import{S as t}from"./SectionHeader-c9c7fa6d.js";import{t as n}from"./TetrislyProvider-8c69fae3.js";import{T as j}from"./TetDocs-deea9a80.js";import{a as f}from"./Appearance-35507110.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const v=["blue","green","grey","red","orange","raspberry","magenta","purple","grape","violet","cyan","teal","aquamarine","emerald"],$=["large","medium","small","xSmall","2xSmall"],S=["rounded","square"],A=["low","high"],p=({size:r,...e})=>a.jsx(n.div,{display:"flex",gap:"40px",alignItems:"center",children:$.map(s=>a.jsx(u,{...e,size:s},s))}),q=()=>a.jsx(a.Fragment,{children:A.map(r=>a.jsxs(n.section,{pb:"$space-component-padding-4xLarge",py:"$dimension-500",children:[a.jsxs(t,{px:{md:"$dimension-1000",_:"$dimension-500"},variant:"H1",as:"h2",children:[h.capitalize(r)," Emphasis"]}),a.jsx(y,{gap:"80px",px:{md:"$dimension-1000",_:"$dimension-500"},children:S.map(e=>a.jsxs(n.div,{display:"flex",flexDirection:"column",children:[a.jsx(t,{variant:"H2",as:"h3",py:"$dimension-500",children:e==="rounded"?"Shape: Rounded (Default)":"Shape: Square"}),a.jsx(n.hr,{}),a.jsxs(n.div,{display:"flex",flexDirection:"column",gap:"$space-component-gap-xLarge",py:"$space-component-padding-2xLarge",children:[r==="low"&&a.jsx(p,{appearance:"image",shape:e,img:{src:"https://thispersondoesnotexist.com/"}}),v.map(s=>a.jsx(p,{appearance:s,shape:e,emphasis:r,initials:"M"},`${s}${e}${r}`))]})]},e))})]},r))}),G={title:"Avatar",component:u,tags:["autodocs"],args:{img:{src:"https://thispersondoesnotexist.com/"}},argTypes:{img:{if:{arg:"appearance",eq:"image"}},initials:{if:{arg:"appearance",neq:"image"}},emphasis:{if:{arg:"appearance",neq:"image"}},appearance:{options:f,control:{type:"select"}}},parameters:{docs:{description:{component:"A visual representation of a user's identity, often displayed as a small image or icon. Avatars can be personalized with user-uploaded photos or auto-generated images and are commonly used in profile sections, comments, and messaging interfaces."},page:()=>a.jsx(j,{docs:"https://docs.tetrisly.com/components/list/avatar",children:a.jsx(q,{})})}}},o={argTypes:{appearance:f},args:{initials:"M",appearance:"cyan"}},i={args:{appearance:"image"}};var m,c,d;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`{ +import{j as a}from"./jsx-runtime-ffb262ed.js";import{A as u}from"./Avatar-fa7da47e.js";import{l as h}from"./mergeConfigWithCutom-aec35d44.js";import{C as y}from"./Cols-33da84a1.js";import{S as t}from"./SectionHeader-c9c7fa6d.js";import{t as n}from"./TetrislyProvider-8c69fae3.js";import{T as j}from"./TetDocs-03bc5c84.js";import{a as f}from"./Appearance-35507110.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const v=["blue","green","grey","red","orange","raspberry","magenta","purple","grape","violet","cyan","teal","aquamarine","emerald"],$=["large","medium","small","xSmall","2xSmall"],S=["rounded","square"],A=["low","high"],p=({size:r,...e})=>a.jsx(n.div,{display:"flex",gap:"40px",alignItems:"center",children:$.map(s=>a.jsx(u,{...e,size:s},s))}),q=()=>a.jsx(a.Fragment,{children:A.map(r=>a.jsxs(n.section,{pb:"$space-component-padding-4xLarge",py:"$dimension-500",children:[a.jsxs(t,{px:{md:"$dimension-1000",_:"$dimension-500"},variant:"H1",as:"h2",children:[h.capitalize(r)," Emphasis"]}),a.jsx(y,{gap:"80px",px:{md:"$dimension-1000",_:"$dimension-500"},children:S.map(e=>a.jsxs(n.div,{display:"flex",flexDirection:"column",children:[a.jsx(t,{variant:"H2",as:"h3",py:"$dimension-500",children:e==="rounded"?"Shape: Rounded (Default)":"Shape: Square"}),a.jsx(n.hr,{}),a.jsxs(n.div,{display:"flex",flexDirection:"column",gap:"$space-component-gap-xLarge",py:"$space-component-padding-2xLarge",children:[r==="low"&&a.jsx(p,{appearance:"image",shape:e,img:{src:"https://thispersondoesnotexist.com/"}}),v.map(s=>a.jsx(p,{appearance:s,shape:e,emphasis:r,initials:"M"},`${s}${e}${r}`))]})]},e))})]},r))}),G={title:"Avatar",component:u,tags:["autodocs"],args:{img:{src:"https://thispersondoesnotexist.com/"}},argTypes:{img:{if:{arg:"appearance",eq:"image"}},initials:{if:{arg:"appearance",neq:"image"}},emphasis:{if:{arg:"appearance",neq:"image"}},appearance:{options:f,control:{type:"select"}}},parameters:{docs:{description:{component:"A visual representation of a user's identity, often displayed as a small image or icon. Avatars can be personalized with user-uploaded photos or auto-generated images and are commonly used in profile sections, comments, and messaging interfaces."},page:()=>a.jsx(j,{docs:"https://docs.tetrisly.com/components/list/avatar",children:a.jsx(q,{})})}}},o={argTypes:{appearance:f},args:{initials:"M",appearance:"cyan"}},i={args:{appearance:"image"}};var m,c,d;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`{ argTypes: { appearance: appearances }, diff --git a/assets/Badge-7771e2b1.js b/assets/Badge-a283a779.js similarity index 96% rename from assets/Badge-7771e2b1.js rename to assets/Badge-a283a779.js index c64d4cca..0e127c80 100644 --- a/assets/Badge-7771e2b1.js +++ b/assets/Badge-a283a779.js @@ -1 +1 @@ -import{j as n}from"./jsx-runtime-ffb262ed.js";import{R as b}from"./tetrisly-icons.es-12549e88.js";import{r as p}from"./index-76fb7be0.js";import{m as h}from"./mergeConfigWithCutom-aec35d44.js";import{t as m}from"./TetrislyProvider-8c69fae3.js";const v={display:"flex",w:"fit-content",h:"$size-xSmall",borderRadius:"$border-radius-medium",flexShrink:0,alignItems:"center",gap:"$space-component-gap-xSmall",p:"$space-component-padding-xSmall",hasLabel:{px:"$space-component-padding-small"},text:"$typo-body-medium",appearance:{blue:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-blue-background-strong"},medium:{color:"$color-nonSemantic-blue-content-primary",backgroundColor:"$color-nonSemantic-blue-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-blue-background-onSubtle"}}},green:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-green-background-strong"},medium:{color:"$color-nonSemantic-green-content-primary",backgroundColor:"$color-nonSemantic-green-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-green-background-onSubtle"}}},grey:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-grey-background-strong"},medium:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-grey-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-grey-background-onSubtle"}}},red:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-red-background-strong"},medium:{color:"$color-nonSemantic-red-content-primary",backgroundColor:"$color-nonSemantic-red-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-red-background-onSubtle"}}},orange:{emphasis:{high:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-orange-background-strong"},medium:{color:"$color-nonSemantic-orange-content-primary",backgroundColor:"$color-nonSemantic-orange-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-orange-background-onSubtle"}}},raspberry:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-raspberry-background-strong"},medium:{color:"$color-nonSemantic-raspberry-content-primary",backgroundColor:"$color-nonSemantic-raspberry-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-raspberry-background-onSubtle"}}},magenta:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-magenta-background-strong"},medium:{color:"$color-nonSemantic-magenta-content-primary",backgroundColor:"$color-nonSemantic-magenta-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-magenta-background-onSubtle"}}},purple:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-purple-background-strong"},medium:{color:"$color-nonSemantic-purple-content-primary",backgroundColor:"$color-nonSemantic-purple-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-purple-background-onSubtle"}}},grape:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-grape-background-strong"},medium:{color:"$color-nonSemantic-grape-content-primary",backgroundColor:"$color-nonSemantic-grape-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-grape-background-onSubtle"}}},violet:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-violet-background-strong"},medium:{color:"$color-nonSemantic-violet-content-primary",backgroundColor:"$color-nonSemantic-violet-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-violet-background-onSubtle"}}},cyan:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-cyan-background-strong"},medium:{color:"$color-nonSemantic-cyan-content-primary",backgroundColor:"$color-nonSemantic-cyan-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-cyan-background-onSubtle"}}},teal:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-teal-background-strong"},medium:{color:"$color-nonSemantic-teal-content-primary",backgroundColor:"$color-nonSemantic-teal-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-teal-background-onSubtle"}}},aquamarine:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-aquamarine-background-strong"},medium:{color:"$color-nonSemantic-aquamarine-content-primary",backgroundColor:"$color-nonSemantic-aquamarine-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-aquamarine-background-onSubtle"}}},emerald:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-emerald-background-strong"},medium:{color:"$color-nonSemantic-emerald-content-primary",backgroundColor:"$color-nonSemantic-emerald-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-emerald-background-onSubtle"}}},outline:{emphasis:{high:{border:"1px solid",borderColor:"$color-nonSemantic-grey-border-strong",color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-white-background-strong"},medium:{border:"1px solid",borderColor:"$color-nonSemantic-grey-border-subtle",color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-white-background-strong"},low:{border:"1px solid",borderColor:"$color-nonSemantic-grey-border-strong",color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-white-background-strong"}}}},intent:{neutral:{emphasis:{high:{color:"$color-content-primary-inverted",backgroundColor:"$color-background-neutral-strong"},medium:{color:"$color-content-primary",backgroundColor:"$color-background-neutral-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-background-neutral-onSubtle"}}},informative:{emphasis:{high:{color:"$color-content-primary-inverted",backgroundColor:"$color-background-informative-strong"},medium:{color:"$color-content-informative-primary",backgroundColor:"$color-background-informative-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-background-informative-onSubtle"}}},positive:{emphasis:{high:{color:"$color-content-primary-inverted",backgroundColor:"$color-background-positive-strong"},medium:{color:"$color-content-positive-primary",backgroundColor:"$color-background-positive-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-background-positive-onSubtle"}}},warning:{emphasis:{high:{color:"$color-content-primary",backgroundColor:"$color-background-warning-strong"},medium:{color:"$color-content-warning-primary",backgroundColor:"$color-background-warning-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-background-warning-onSubtle"}}},negative:{emphasis:{high:{color:"$color-content-primary-inverted",backgroundColor:"$color-background-negative-strong"},medium:{color:"$color-content-negative-primary",backgroundColor:"$color-background-negative-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-background-negative-onSubtle"}}}},innerElements:{label:{},iconContainer:{}}},$=(r,e,t,d,a)=>{const{innerElements:l,hasLabel:c,intent:i,appearance:g,...u}=h({defaultConfig:v,custom:t}),o=a?g[a].emphasis[e]:i[r].emphasis[e];return{container:{...u,...o,...d?c:{}},iconContainer:l.iconContainer,label:l.label}},s=({appearance:r,intent:e="neutral",emphasis:t="high",icon:d,beforeIcon:a=d,afterIcon:l,label:c,custom:i,...g})=>{const u=!!c,o=p.useMemo(()=>$(e,t,i,u,r),[i,e,t,u,r]);return n.jsxs(m.div,{...o.container,"data-testid":"badge",...g,children:[!!a&&n.jsx(m.span,{...o.iconContainer,"data-testid":"badge-iconContainer",children:n.jsx(b,{name:a,"data-testid":"badge-icon"})}),!!c&&n.jsx(m.span,{...o.label,"data-testid":"badge-label",children:c}),!!l&&n.jsx(m.span,{...o.iconContainer,"data-testid":"badge-iconContainer",children:n.jsx(b,{name:l,"data-testid":"badge-icon"})})]})};try{s.displayName="Badge",s.__docgenInfo={description:"",displayName:"Badge",props:{appearance:{defaultValue:null,description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"outline"'},{value:'"blue"'},{value:'"green"'},{value:'"grey"'},{value:'"red"'},{value:'"orange"'},{value:'"raspberry"'},{value:'"magenta"'},{value:'"purple"'},{value:'"grape"'},{value:'"violet"'},{value:'"cyan"'},{value:'"teal"'},{value:'"aquamarine"'},{value:'"emerald"'}]}},intent:{defaultValue:{value:"neutral"},description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"warning"'},{value:'"negative"'},{value:'"neutral"'},{value:'"informative"'},{value:'"positive"'}]}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},beforeIcon:{defaultValue:null,description:"",name:"beforeIcon",required:!1,type:{name:"enum",value:[{value:'"16-alert-full"'},{value:'"16-arrowhead-down-small"'},{value:'"16-arrowhead-down"'},{value:'"16-arrowhead-left-small"'},{value:'"16-arrowhead-left"'},{value:'"16-arrowhead-right-small"'},{value:'"16-arrowhead-right"'},{value:'"16-arrowhead-top-small"'},{value:'"16-arrowhead-top"'},{value:'"16-bolt"'},{value:'"16-check"'},{value:'"16-chevron-down"'},{value:'"16-chevron-left"'},{value:'"16-chevron-right"'},{value:'"16-chevron-top"'},{value:'"16-close"'},{value:'"16-dot"'},{value:'"16-info"'},{value:'"16-minus"'},{value:'"16-plus"'}]}},afterIcon:{defaultValue:null,description:"",name:"afterIcon",required:!1,type:{name:"enum",value:[{value:'"16-alert-full"'},{value:'"16-arrowhead-down-small"'},{value:'"16-arrowhead-down"'},{value:'"16-arrowhead-left-small"'},{value:'"16-arrowhead-left"'},{value:'"16-arrowhead-right-small"'},{value:'"16-arrowhead-right"'},{value:'"16-arrowhead-top-small"'},{value:'"16-arrowhead-top"'},{value:'"16-bolt"'},{value:'"16-check"'},{value:'"16-chevron-down"'},{value:'"16-chevron-left"'},{value:'"16-chevron-right"'},{value:'"16-chevron-top"'},{value:'"16-close"'},{value:'"16-dot"'},{value:'"16-info"'},{value:'"16-minus"'},{value:'"16-plus"'}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:'"16-alert-full"'},{value:'"16-arrowhead-down-small"'},{value:'"16-arrowhead-down"'},{value:'"16-arrowhead-left-small"'},{value:'"16-arrowhead-left"'},{value:'"16-arrowhead-right-small"'},{value:'"16-arrowhead-right"'},{value:'"16-arrowhead-top-small"'},{value:'"16-arrowhead-top"'},{value:'"16-bolt"'},{value:'"16-check"'},{value:'"16-chevron-down"'},{value:'"16-chevron-left"'},{value:'"16-chevron-right"'},{value:'"16-chevron-top"'},{value:'"16-close"'},{value:'"16-dot"'},{value:'"16-info"'},{value:'"16-minus"'},{value:'"16-plus"'}]}},emphasis:{defaultValue:{value:"high"},description:"",name:"emphasis",required:!1,type:{name:"enum",value:[{value:'"low"'},{value:'"high"'},{value:'"medium"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"BadgeConfig"}}}}}catch{}export{s as B}; +import{j as n}from"./jsx-runtime-ffb262ed.js";import{R as b}from"./tetrisly-icons.es-12549e88.js";import{r as p}from"./index-76fb7be0.js";import{m as h}from"./mergeConfigWithCutom-aec35d44.js";import{t as m}from"./TetrislyProvider-8c69fae3.js";const v={display:"flex",w:"fit-content",h:"$size-xSmall",borderRadius:"$border-radius-medium",flexShrink:0,alignItems:"center",gap:"$space-component-gap-xSmall",p:"$space-component-padding-xSmall",hasLabel:{px:"$space-component-padding-small"},text:"$typo-body-medium",appearance:{blue:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-blue-background-strong"},medium:{color:"$color-nonSemantic-blue-content-primary",backgroundColor:"$color-nonSemantic-blue-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-blue-background-onSubtle"}}},green:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-green-background-strong"},medium:{color:"$color-nonSemantic-green-content-primary",backgroundColor:"$color-nonSemantic-green-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-green-background-onSubtle"}}},grey:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-grey-background-strong"},medium:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-grey-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-grey-background-onSubtle"}}},red:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-red-background-strong"},medium:{color:"$color-nonSemantic-red-content-primary",backgroundColor:"$color-nonSemantic-red-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-red-background-onSubtle"}}},orange:{emphasis:{high:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-orange-background-strong"},medium:{color:"$color-nonSemantic-orange-content-primary",backgroundColor:"$color-nonSemantic-orange-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-orange-background-onSubtle"}}},raspberry:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-raspberry-background-strong"},medium:{color:"$color-nonSemantic-raspberry-content-primary",backgroundColor:"$color-nonSemantic-raspberry-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-raspberry-background-onSubtle"}}},magenta:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-magenta-background-strong"},medium:{color:"$color-nonSemantic-magenta-content-primary",backgroundColor:"$color-nonSemantic-magenta-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-magenta-background-onSubtle"}}},purple:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-purple-background-strong"},medium:{color:"$color-nonSemantic-purple-content-primary",backgroundColor:"$color-nonSemantic-purple-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-purple-background-onSubtle"}}},grape:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-grape-background-strong"},medium:{color:"$color-nonSemantic-grape-content-primary",backgroundColor:"$color-nonSemantic-grape-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-grape-background-onSubtle"}}},violet:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-violet-background-strong"},medium:{color:"$color-nonSemantic-violet-content-primary",backgroundColor:"$color-nonSemantic-violet-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-violet-background-onSubtle"}}},cyan:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-cyan-background-strong"},medium:{color:"$color-nonSemantic-cyan-content-primary",backgroundColor:"$color-nonSemantic-cyan-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-cyan-background-onSubtle"}}},teal:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-teal-background-strong"},medium:{color:"$color-nonSemantic-teal-content-primary",backgroundColor:"$color-nonSemantic-teal-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-teal-background-onSubtle"}}},aquamarine:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-aquamarine-background-strong"},medium:{color:"$color-nonSemantic-aquamarine-content-primary",backgroundColor:"$color-nonSemantic-aquamarine-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-aquamarine-background-onSubtle"}}},emerald:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-emerald-background-strong"},medium:{color:"$color-nonSemantic-emerald-content-primary",backgroundColor:"$color-nonSemantic-emerald-background-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-emerald-background-onSubtle"}}},outline:{emphasis:{high:{border:"1px solid",borderColor:"$color-nonSemantic-grey-border-strong",color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-white-background-strong"},medium:{border:"1px solid",borderColor:"$color-nonSemantic-grey-border-subtle",color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-white-background-strong"},low:{border:"1px solid",borderColor:"$color-nonSemantic-grey-border-strong",color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-white-background-strong"}}}},intent:{neutral:{emphasis:{high:{color:"$color-content-primary-inverted",backgroundColor:"$color-background-neutral-strong"},medium:{color:"$color-content-primary",backgroundColor:"$color-background-neutral-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-background-neutral-onSubtle"}}},informative:{emphasis:{high:{color:"$color-content-primary-inverted",backgroundColor:"$color-background-informative-strong"},medium:{color:"$color-content-informative-primary",backgroundColor:"$color-background-informative-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-background-informative-onSubtle"}}},positive:{emphasis:{high:{color:"$color-content-primary-inverted",backgroundColor:"$color-background-positive-strong"},medium:{color:"$color-content-positive-primary",backgroundColor:"$color-background-positive-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-background-positive-onSubtle"}}},warning:{emphasis:{high:{color:"$color-content-primary",backgroundColor:"$color-background-warning-strong"},medium:{color:"$color-content-warning-primary",backgroundColor:"$color-background-warning-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-background-warning-onSubtle"}}},negative:{emphasis:{high:{color:"$color-content-primary-inverted",backgroundColor:"$color-background-negative-strong"},medium:{color:"$color-content-negative-primary",backgroundColor:"$color-background-negative-muted"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-background-negative-onSubtle"}}}},innerElements:{label:{},iconContainer:{}}},$=(r,e,t,d,a)=>{const{innerElements:l,hasLabel:c,intent:i,appearance:g,...u}=h({defaultConfig:v,custom:t}),o=a?g[a].emphasis[e]:i[r].emphasis[e];return{container:{...u,...o,...d?c:{}},iconContainer:l.iconContainer,label:l.label}},s=({appearance:r,intent:e="neutral",emphasis:t="high",icon:d,beforeIcon:a=d,afterIcon:l,label:c,custom:i,...g})=>{const u=!!c,o=p.useMemo(()=>$(e,t,i,u,r),[i,e,t,u,r]);return n.jsxs(m.div,{...o.container,"data-testid":"badge",...g,children:[!!a&&n.jsx(m.span,{...o.iconContainer,"data-testid":"badge-iconContainer",children:n.jsx(b,{name:a,"data-testid":"badge-icon"})}),!!c&&n.jsx(m.span,{...o.label,"data-testid":"badge-label",children:c}),!!l&&n.jsx(m.span,{...o.iconContainer,"data-testid":"badge-iconContainer",children:n.jsx(b,{name:l,"data-testid":"badge-icon"})})]})};try{s.displayName="Badge",s.__docgenInfo={description:"",displayName:"Badge",props:{appearance:{defaultValue:null,description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"blue"'},{value:'"green"'},{value:'"grey"'},{value:'"red"'},{value:'"orange"'},{value:'"raspberry"'},{value:'"magenta"'},{value:'"purple"'},{value:'"grape"'},{value:'"violet"'},{value:'"cyan"'},{value:'"teal"'},{value:'"aquamarine"'},{value:'"emerald"'},{value:'"outline"'}]}},intent:{defaultValue:{value:"neutral"},description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"neutral"'},{value:'"informative"'},{value:'"positive"'},{value:'"warning"'},{value:'"negative"'}]}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},beforeIcon:{defaultValue:null,description:"",name:"beforeIcon",required:!1,type:{name:"enum",value:[{value:'"16-alert-full"'},{value:'"16-arrowhead-down-small"'},{value:'"16-arrowhead-down"'},{value:'"16-arrowhead-left-small"'},{value:'"16-arrowhead-left"'},{value:'"16-arrowhead-right-small"'},{value:'"16-arrowhead-right"'},{value:'"16-arrowhead-top-small"'},{value:'"16-arrowhead-top"'},{value:'"16-bolt"'},{value:'"16-check"'},{value:'"16-chevron-down"'},{value:'"16-chevron-left"'},{value:'"16-chevron-right"'},{value:'"16-chevron-top"'},{value:'"16-close"'},{value:'"16-dot"'},{value:'"16-info"'},{value:'"16-minus"'},{value:'"16-plus"'}]}},afterIcon:{defaultValue:null,description:"",name:"afterIcon",required:!1,type:{name:"enum",value:[{value:'"16-alert-full"'},{value:'"16-arrowhead-down-small"'},{value:'"16-arrowhead-down"'},{value:'"16-arrowhead-left-small"'},{value:'"16-arrowhead-left"'},{value:'"16-arrowhead-right-small"'},{value:'"16-arrowhead-right"'},{value:'"16-arrowhead-top-small"'},{value:'"16-arrowhead-top"'},{value:'"16-bolt"'},{value:'"16-check"'},{value:'"16-chevron-down"'},{value:'"16-chevron-left"'},{value:'"16-chevron-right"'},{value:'"16-chevron-top"'},{value:'"16-close"'},{value:'"16-dot"'},{value:'"16-info"'},{value:'"16-minus"'},{value:'"16-plus"'}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:'"16-alert-full"'},{value:'"16-arrowhead-down-small"'},{value:'"16-arrowhead-down"'},{value:'"16-arrowhead-left-small"'},{value:'"16-arrowhead-left"'},{value:'"16-arrowhead-right-small"'},{value:'"16-arrowhead-right"'},{value:'"16-arrowhead-top-small"'},{value:'"16-arrowhead-top"'},{value:'"16-bolt"'},{value:'"16-check"'},{value:'"16-chevron-down"'},{value:'"16-chevron-left"'},{value:'"16-chevron-right"'},{value:'"16-chevron-top"'},{value:'"16-close"'},{value:'"16-dot"'},{value:'"16-info"'},{value:'"16-minus"'},{value:'"16-plus"'}]}},emphasis:{defaultValue:{value:"high"},description:"",name:"emphasis",required:!1,type:{name:"enum",value:[{value:'"low"'},{value:'"high"'},{value:'"medium"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"BadgeConfig"}}}}}catch{}export{s as B}; diff --git a/assets/Badge.stories-de77dfde.js b/assets/Badge.stories-96b55588.js similarity index 93% rename from assets/Badge.stories-de77dfde.js rename to assets/Badge.stories-96b55588.js index 113b3995..c4e0f956 100644 --- a/assets/Badge.stories-de77dfde.js +++ b/assets/Badge.stories-96b55588.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{B as r}from"./Badge-7771e2b1.js";import{l as j}from"./mergeConfigWithCutom-aec35d44.js";import{S as l}from"./SectionHeader-c9c7fa6d.js";import{S as v,a as y}from"./States-1bb354e8.js";import{t as o}from"./TetrislyProvider-8c69fae3.js";import{a as $}from"./Appearance-35507110.js";import{T as B}from"./TetDocs-deea9a80.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const p=["neutral","informative","positive","warning","negative"],I=["high","medium","low"],S=()=>e.jsx(e.Fragment,{children:I.map(a=>e.jsxs(o.section,{display:"flex",padding:"40px 0px",flexDirection:"column",children:[e.jsxs(l,{px:"$dimension-1000",variant:"H1",my:"auto",as:"h2",children:[j.capitalize(a)," Emphasis"]}),e.jsxs(o.div,{px:"$dimension-1000",borderBottomWidth:"1px",borderBottomColor:"$color-border-neutral-subtle",children:[e.jsx(l,{variant:"H2",as:"h3",py:"$dimension-500",children:"Intent"}),e.jsx(v,{states:p,gap:"$dimension-500",flexBasis:"$dimension-100"}),e.jsx(o.div,{py:"$dimension-500",display:"flex",flexWrap:"wrap",gap:"$dimension-500",children:p.map(s=>e.jsxs(o.div,{display:"flex",flexDirection:"column",gap:"$dimension-400",flexBasis:"100",flexShrink:"0",flexGrow:"1",children:[e.jsx(r,{intent:s,emphasis:a,label:"Badge Text"}),e.jsx(r,{intent:s,emphasis:a,icon:"16-bolt"})]},s))})]}),e.jsxs(o.div,{px:"$dimension-1000",w:"100%",children:[e.jsx(l,{variant:"H2",as:"h3",py:"$dimension-500",children:"Appearance"}),e.jsx(o.div,{children:e.jsx(o.div,{py:"$dimension-500",display:"flex",gap:"48px",flexWrap:"wrap",children:$.map(s=>e.jsxs(o.div,{display:"flex",gap:"72px",my:"20",flexDirection:"column",children:[e.jsx(y,{state:s}),e.jsxs(o.div,{display:"flex",flexWrap:"wrap",flexDirection:"column",gap:"$dimension-400",flexShrink:"0",children:[e.jsx(r,{appearance:s,emphasis:a,label:"Badge Text"}),e.jsx(r,{appearance:s,emphasis:a,icon:"16-bolt"})]},s)]}))})})]})]},a))}),K={title:"Badge",component:r,tags:["autodocs"],argTypes:{emphasis:{control:{type:"select",options:["high","medium","low"]}}},parameters:{docs:{description:{component:"A small, visually distinct element used to display numbers, small pieces of information, or statuses. Badges are often paired with icons or other components to convey relevant information or updates."},page:()=>e.jsx(B,{docs:"https://docs.tetrisly.com/components/list/badge",children:e.jsx(S,{})})}}},i={args:{intent:"informative",emphasis:"high",label:"Label"}},n={args:{appearance:"blue",icon:"16-bolt"}},t={args:{intent:"informative",label:"Label",beforeIcon:"16-bolt",afterIcon:"16-bolt"}};var m,c,d;i.parameters={...i.parameters,docs:{...(m=i.parameters)==null?void 0:m.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-ffb262ed.js";import{B as r}from"./Badge-a283a779.js";import{l as j}from"./mergeConfigWithCutom-aec35d44.js";import{S as l}from"./SectionHeader-c9c7fa6d.js";import{S as v,a as y}from"./States-1bb354e8.js";import{t as o}from"./TetrislyProvider-8c69fae3.js";import{a as $}from"./Appearance-35507110.js";import{T as B}from"./TetDocs-03bc5c84.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const p=["neutral","informative","positive","warning","negative"],I=["high","medium","low"],S=()=>e.jsx(e.Fragment,{children:I.map(a=>e.jsxs(o.section,{display:"flex",padding:"40px 0px",flexDirection:"column",children:[e.jsxs(l,{px:"$dimension-1000",variant:"H1",my:"auto",as:"h2",children:[j.capitalize(a)," Emphasis"]}),e.jsxs(o.div,{px:"$dimension-1000",borderBottomWidth:"1px",borderBottomColor:"$color-border-neutral-subtle",children:[e.jsx(l,{variant:"H2",as:"h3",py:"$dimension-500",children:"Intent"}),e.jsx(v,{states:p,gap:"$dimension-500",flexBasis:"$dimension-100"}),e.jsx(o.div,{py:"$dimension-500",display:"flex",flexWrap:"wrap",gap:"$dimension-500",children:p.map(s=>e.jsxs(o.div,{display:"flex",flexDirection:"column",gap:"$dimension-400",flexBasis:"100",flexShrink:"0",flexGrow:"1",children:[e.jsx(r,{intent:s,emphasis:a,label:"Badge Text"}),e.jsx(r,{intent:s,emphasis:a,icon:"16-bolt"})]},s))})]}),e.jsxs(o.div,{px:"$dimension-1000",w:"100%",children:[e.jsx(l,{variant:"H2",as:"h3",py:"$dimension-500",children:"Appearance"}),e.jsx(o.div,{children:e.jsx(o.div,{py:"$dimension-500",display:"flex",gap:"48px",flexWrap:"wrap",children:$.map(s=>e.jsxs(o.div,{display:"flex",gap:"72px",my:"20",flexDirection:"column",children:[e.jsx(y,{state:s}),e.jsxs(o.div,{display:"flex",flexWrap:"wrap",flexDirection:"column",gap:"$dimension-400",flexShrink:"0",children:[e.jsx(r,{appearance:s,emphasis:a,label:"Badge Text"}),e.jsx(r,{appearance:s,emphasis:a,icon:"16-bolt"})]},s)]}))})})]})]},a))}),K={title:"Badge",component:r,tags:["autodocs"],argTypes:{emphasis:{control:{type:"select",options:["high","medium","low"]}}},parameters:{docs:{description:{component:"A small, visually distinct element used to display numbers, small pieces of information, or statuses. Badges are often paired with icons or other components to convey relevant information or updates."},page:()=>e.jsx(B,{docs:"https://docs.tetrisly.com/components/list/badge",children:e.jsx(S,{})})}}},i={args:{intent:"informative",emphasis:"high",label:"Label"}},n={args:{appearance:"blue",icon:"16-bolt"}},t={args:{intent:"informative",label:"Label",beforeIcon:"16-bolt",afterIcon:"16-bolt"}};var m,c,d;i.parameters={...i.parameters,docs:{...(m=i.parameters)==null?void 0:m.docs,source:{originalSource:`{ args: { intent: 'informative', emphasis: 'high', diff --git a/assets/Button-2ba8575b.js b/assets/Button-93f2d0ab.js similarity index 99% rename from assets/Button-2ba8575b.js rename to assets/Button-93f2d0ab.js index 8d83f76e..463ce129 100644 --- a/assets/Button-2ba8575b.js +++ b/assets/Button-93f2d0ab.js @@ -1 +1 @@ -import{j as c}from"./jsx-runtime-ffb262ed.js";import{R as p}from"./tetrisly-icons.es-12549e88.js";import{r as k}from"./index-76fb7be0.js";import{m as x}from"./mergeConfigWithCutom-aec35d44.js";import{t as I}from"./TetrislyProvider-8c69fae3.js";import{L as z}from"./index-60ef7482.js";const _=(e,a)=>a in e,h=(e,a,l,o)=>_(e,a)?e[a]:e[l],b={small:{px:"$space-component-padding-medium",h:"$size-small",text:"$typo-body-medium",hasDropdownIndicator:{pr:"$space-component-padding-small"},hasBeforeIcon:{pl:"$space-component-padding-small"},hasAfterIcon:{pr:"$space-component-padding-small"}},medium:{px:"$space-component-padding-large",h:"$size-medium",text:"$typo-body-medium",hasDropdownIndicator:{pr:"$space-component-padding-medium"},hasBeforeIcon:{pl:"$space-component-padding-medium"},hasAfterIcon:{pr:"$space-component-padding-medium"}},large:{px:"$space-component-padding-large",h:"$size-large",text:"$typo-body-large",hasDropdownIndicator:{pr:"$space-component-padding-medium"},hasBeforeIcon:{pl:"$space-component-padding-medium"},hasAfterIcon:{pr:"$space-component-padding-medium"}}},f={display:"inline-flex",borderRadius:"$border-radius-large",gap:"$space-component-gap-small",w:"fit-content",justifyContent:"center",alignItems:"center",textAlign:"center",whiteSpace:"nowrap",opacity:{disabled:"$opacity-disabled"},outline:{focus:"solid"},outlineColor:{focus:"$color-interaction-focus-default"},outlineWidth:{focus:"$border-width-focus"},outlineOffset:1,pointerEvents:{loading:"none",disabled:"none"},transition:!0,transitionDuration:200},B={...f,ring:"unset",boxShadow:"$elevation-bottom-100",appearance:{primary:{color:"$color-action-inverted-normal",intent:{none:{backgroundColor:{_:"$color-action-primary-normal",hover:"$color-action-primary-hover",active:"$color-action-primary-active",selected:"$color-action-primary-selected",loading:"$color-action-primary-loading"}},success:{backgroundColor:{_:"$color-action-success-normal",hover:"$color-action-success-hover",active:"$color-action-success-active",selected:"$color-action-success-selected",loading:"$color-action-success-loading"}},destructive:{backgroundColor:{_:"$color-action-destructive-normal",hover:"$color-action-destructive-hover",active:"$color-action-destructive-active",selected:"$color-action-destructive-selected",loading:"$color-action-destructive-loading"}}}},secondary:{backgroundColor:"$color-action-inverted-normal",ringInset:!0,ring:"$border-width-small",ringColor:{_:"$color-action-outline-normal",hover:"$color-action-outline-hover",active:"$color-action-outline-active",selected:"$color-action-outline-selected"},intent:{none:{color:{_:"$color-action-neutral-normal",hover:"$color-action-neutral-hover",active:"$color-action-neutral-active",selected:"$color-action-neutral-selected"}},success:{color:{_:"$color-action-success-normal",hover:"$color-action-success-hover",active:"$color-action-success-active",selected:"$color-action-success-selected"}},destructive:{color:{_:"$color-action-destructive-normal",hover:"$color-action-destructive-hover",active:"$color-action-destructive-active",selected:"$color-action-destructive-selected"}}}},inverted:{intent:{none:{backgroundColor:{_:"$color-action-inverted-normal",hover:"$color-action-inverted-hover",active:"$color-action-inverted-active",selected:"$color-action-inverted-selected",loading:"$color-action-inverted-loading"},color:{_:"$color-action-neutral-normal",hover:"$color-action-neutral-hover",active:"$color-action-neutral-active",selected:"$color-action-neutral-selected"}}}}},size:b,innerElements:{loader:{appearance:{primary:{appearance:"white"},secondary:{appearance:"greyscale"},inverted:{appearance:"greyscale"}}}}},C={...f,backgroundColor:{_:"transparent",hover:"$color-action-ghost-hover",active:"$color-action-ghost-active",selected:"$color-action-ghost-selected"},appearance:{primary:{intent:{none:{color:{_:"$color-action-primary-normal",hover:"$color-action-primary-hover",active:"$color-action-primary-active",selected:"$color-action-primary-selected"}},success:{color:{_:"$color-action-success-normal",hover:"$color-action-success-hover",active:"$color-action-success-active",selected:"$color-action-success-selected"}},destructive:{color:{_:"$color-action-destructive-normal",hover:"$color-action-destructive-hover",active:"$color-action-destructive-active",selected:"$color-action-destructive-selected"}}}},secondary:{intent:{none:{color:{_:"$color-action-neutral-normal",hover:"$color-action-neutral-hover",active:"$color-action-neutral-active",selected:"$color-action-neutral-selected"}}}},inverted:{intent:{none:{backgroundColor:{_:"$color-action-ghost-normal",hover:"$color-action-ghost-inverted-hover",active:"$color-action-ghost-inverted-active",selected:"$color-action-ghost-inverted-selected"},color:{_:"$color-action-inverted-normal",hover:"$color-action-inverted-hover",active:"$color-action-inverted-active",selected:"$color-action-inverted-selected"}}}},reverseInverted:{intent:{none:{color:{_:"$color-action-reverseInverted-normal",hover:"$color-action-reverseInverted-hover",active:"$color-action-reverseInverted-active",selected:"$color-action-reverseInverted-selected"}}}}},size:b,innerElements:{loader:{appearance:{primary:{appearance:"greyscale",intent:{none:{appearance:"primary"}}},secondary:{appearance:"greyscale"},inverted:{appearance:"greyscale"}}}}},q={...f,outlineOffset:0,p:"$space-component-padding-2xSmall",backgroundColor:"transparent",appearance:{primary:{intent:{none:{color:{_:"$color-action-primary-normal",hover:"$color-action-primary-hover",active:"$color-action-primary-active",selected:"$color-action-primary-selected"}},success:{color:{_:"$color-action-success-normal",hover:"$color-action-success-hover",active:"$color-action-success-active",selected:"$color-action-success-selected"}},destructive:{color:{_:"$color-action-destructive-normal",hover:"$color-action-destructive-hover",active:"$color-action-destructive-active",selected:"$color-action-destructive-selected"}}}},secondary:{intent:{none:{color:{_:"$color-action-neutral-normal",hover:"$color-action-neutral-hover",active:"$color-action-neutral-active",selected:"$color-action-neutral-selected"}}}},inverted:{intent:{none:{color:{_:"$color-action-inverted-normal",hover:"$color-action-inverted-hover",active:"$color-action-inverted-active",selected:"$color-action-inverted-selected"}}},textDecoration:"underline"},reverseInverted:{intent:{none:{color:{_:"$color-action-reverseInverted-normal",hover:"$color-action-reverseInverted-hover",active:"$color-action-reverseInverted-active",selected:"$color-action-reverseInverted-selected"}}},textDecoration:"underline"}},size:{medium:{text:"$typo-body-medium",hasDropdownIndicator:{},hasBeforeIcon:{},hasAfterIcon:{}},large:{text:"$typo-body-large",hasDropdownIndicator:{},hasBeforeIcon:{},hasAfterIcon:{}}},innerElements:{loader:{appearance:{primary:{appearance:"greyscale",intent:{none:{appearance:"primary"}}},secondary:{appearance:"greyscale"},inverted:{appearance:"greyscale"}}}}},D={default:B,ghost:C,bare:q},j=(e,a)=>{var t;let l={};if(!("appearance"in e))return e;const o=(t=e==null?void 0:e.appearance)==null?void 0:t[a.appearance];if(o)if("intent"in o){const{intent:r}=o;l=(r==null?void 0:r[a.intent])||{}}else l=o;return l},A=e=>{const a=x({defaultConfig:D,custom:e.custom}),{appearance:l,size:o,innerElements:{loader:t},...r}=a[e.variant],{hasDropdownIndicator:u,hasBeforeIcon:s,hasAfterIcon:v,...n}=h(o,e.size,"medium",`Button props warning: '${e.size}' is not a valid size for '${e.variant}' variant, using 'medium' as size fallback`),{intent:i,...m}=h(l,e.appearance,"secondary",`Button props warning: '${e.appearance}' is not a valid appearance for '${e.variant}' variant, using 'secondary' as appearance fallback`),d=h(i,e.intent,"none",`Button props warning: '${e.intent}' is not a valid intent for '${e.variant}' variant and '${e.appearance}' appearance, using 'none' as intent fallback`),y=e.hasDropdownIndicator?u:{},w=e.hasAfterIcon?v:{},$=e.hasBeforeIcon?s:{};return{container:{...r,...n,...y,...w,...$,...m,...d},loader:j(t,{appearance:e.appearance,intent:e.intent})}},g=({variant:e="default",appearance:a="secondary",intent:l="none",size:o="medium",label:t,children:r=t,state:u,custom:s,hasDropdownIndicator:v,afterIcon:n,beforeIcon:i,...m})=>{const d=k.useMemo(()=>A({variant:e,appearance:a,intent:l,size:o,hasDropdownIndicator:v,hasBeforeIcon:!!i,hasAfterIcon:!!n,custom:s}),[e,a,l,o,v,i,n,s]);return c.jsxs(I.button,{"data-testid":"button",...d.container,disabled:u?["disabled","loading"].includes(u):!1,"data-state":u,style:{textUnderlineOffset:"3px",textDecorationThickness:"1px"},...m,children:[u==="loading"&&c.jsx(z,{...d.loader,size:"small",shape:"circle"}),i&&u!=="loading"&&c.jsx(p,{name:i}),r,v&&c.jsx(p,{name:"20-chevron-down-small"}),n&&!v&&c.jsx(p,{name:n})]})};try{g.displayName="Button",g.__docgenInfo={description:"",displayName:"Button",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"disabled"'},{value:'"loading"'},{value:'"selected"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"ButtonConfig"}},beforeIcon:{defaultValue:null,description:"",name:"beforeIcon",required:!1,type:{name:"enum",value:[{value:'"20-accesibility"'},{value:'"20-activity"'},{value:'"20-alarm-clock"'},{value:'"20-alert-fill"'},{value:'"20-alert"'},{value:'"20-anchor"'},{value:'"20-apps"'},{value:'"20-archive"'},{value:'"20-arrow-down-left"'},{value:'"20-arrow-down-right"'},{value:'"20-arrow-down"'},{value:'"20-arrow-left"'},{value:'"20-arrow-right"'},{value:'"20-arrow-up-left"'},{value:'"20-arrow-up-right"'},{value:'"20-arrow-up"'},{value:'"20-arrowhead-down"'},{value:'"20-arrowhead-left"'},{value:'"20-arrowhead-right"'},{value:'"20-arrowhead-up"'},{value:'"20-attachment"'},{value:'"20-background"'},{value:'"20-backspace"'},{value:'"20-backward"'},{value:'"20-bank"'},{value:'"20-battery-charging"'},{value:'"20-battery-empty"'},{value:'"20-battery-full"'},{value:'"20-battery-low"'},{value:'"20-battery-medium"'},{value:'"20-bell"'},{value:'"20-block"'},{value:'"20-bluetooth-off"'},{value:'"20-bluetooth"'},{value:'"20-bolt"'},{value:'"20-book"'},{value:'"20-bookmark"'},{value:'"20-border-all"'},{value:'"20-border-bottom"'},{value:'"20-border-horizontal"'},{value:'"20-border-inner"'},{value:'"20-border-left"'},{value:'"20-border-right"'},{value:'"20-border-style"'},{value:'"20-border-top"'},{value:'"20-border-vertical"'},{value:'"20-brackets-curly"'},{value:'"20-brain"'},{value:'"20-broadcast"'},{value:'"20-brush"'},{value:'"20-bug"'},{value:'"20-bulb"'},{value:'"20-calculator"'},{value:'"20-calendar-check"'},{value:'"20-calendar-close"'},{value:'"20-calendar-edit"'},{value:'"20-calendar-minus"'},{value:'"20-calendar-plus"'},{value:'"20-calendar"'},{value:'"20-camera"'},{value:'"20-card"'},{value:'"20-chart-bar-box"'},{value:'"20-chart-bar"'},{value:'"20-chart-line"'},{value:'"20-chart-pie"'},{value:'"20-chat"'},{value:'"20-check-badge-fill"'},{value:'"20-check-badge"'},{value:'"20-check-circle-fill"'},{value:'"20-check-circle"'},{value:'"20-check-large"'},{value:'"20-check-small"'},{value:'"20-chevron-down-small-circle"'},{value:'"20-chevron-down-small-fill"'},{value:'"20-chevron-down-small"'},{value:'"20-chevron-down"'},{value:'"20-chevron-left-small-circle"'},{value:'"20-chevron-left-small-fill"'},{value:'"20-chevron-left-small"'},{value:'"20-chevron-left"'},{value:'"20-chevron-right-small-circle"'},{value:'"20-chevron-right-small-fill"'},{value:'"20-chevron-right-small"'},{value:'"20-chevron-right"'},{value:'"20-chevron-up-small-circle"'},{value:'"20-chevron-up-small-fill"'},{value:'"20-chevron-up-small"'},{value:'"20-chevron-up"'},{value:'"20-clipboard"'},{value:'"20-close"'},{value:'"20-cloud"'},{value:'"20-code-2"'},{value:'"20-code"'},{value:'"20-command"'},{value:'"20-comment"'},{value:'"20-company"'},{value:'"20-compass"'},{value:'"20-copy"'},{value:'"20-cpu"'},{value:'"20-crown"'},{value:'"20-cursor-arrow-fill"'},{value:'"20-cursor-arrow"'},{value:'"20-cursor-text"'},{value:'"20-database"'},{value:'"20-delete"'},{value:'"20-desktop"'},{value:'"20-devices"'},{value:'"20-diamond"'},{value:'"20-dns"'},{value:'"20-download"'},{value:'"20-drag-drop-horizontal"'},{value:'"20-drag-drop-vertical"'},{value:'"20-edit"'},{value:'"20-email"'},{value:'"20-emoji-big-smile"'},{value:'"20-emoji-sad"'},{value:'"20-emoji-smile"'},{value:'"20-error-fill"'},{value:'"20-error"'},{value:'"20-extension"'},{value:'"20-eye-off"'},{value:'"20-eye"'},{value:'"20-file-check"'},{value:'"20-file-close"'},{value:'"20-file-edit"'},{value:'"20-file-minus"'},{value:'"20-file-plus"'},{value:'"20-file"'},{value:'"20-filter"'},{value:'"20-fingerprint"'},{value:'"20-fire"'},{value:'"20-flag"'},{value:'"20-folder-check"'},{value:'"20-folder-close"'},{value:'"20-folder-edit"'},{value:'"20-folder-minus"'},{value:'"20-folder-plus"'},{value:'"20-folder"'},{value:'"20-format-align-center"'},{value:'"20-format-align-justify"'},{value:'"20-format-align-left"'},{value:'"20-format-align-right"'},{value:'"20-format-all-small-caps"'},{value:'"20-format-bold"'},{value:'"20-format-font-size"'},{value:'"20-format-indent-decrease"'},{value:'"20-format-indent-increase"'},{value:'"20-format-italic"'},{value:'"20-format-letter-spacing"'},{value:'"20-format-line-height"'},{value:'"20-format-lowercase"'},{value:'"20-format-paragraph-spacing"'},{value:'"20-format-scale-horizontal"'},{value:'"20-format-scale-vertical"'},{value:'"20-format-small-caps"'},{value:'"20-format-strikethrough"'},{value:'"20-format-subscript"'},{value:'"20-format-superscript"'},{value:'"20-format-titlecase"'},{value:'"20-format-underline"'},{value:'"20-format-uppercase"'},{value:'"20-forward"'},{value:'"20-fullscreen-exit"'},{value:'"20-fullscreen"'},{value:'"20-function"'},{value:'"20-git-branch"'},{value:'"20-git-commit"'},{value:'"20-git-diff"'},{value:'"20-git-fork"'},{value:'"20-git-merge"'},{value:'"20-git-pull-request"'},{value:'"20-globe"'},{value:'"20-hashtag"'},{value:'"20-heading"'},{value:'"20-headphones"'},{value:'"20-health"'},{value:'"20-heart"'},{value:'"20-help-fill"'},{value:'"20-help"'},{value:'"20-home"'},{value:'"20-horizontal-align-center"'},{value:'"20-horizontal-align-left"'},{value:'"20-horizontal-align-right"'},{value:'"20-hourglass"'},{value:'"20-image-check"'},{value:'"20-image-close"'},{value:'"20-image-edit"'},{value:'"20-image-minus"'},{value:'"20-image-plus"'},{value:'"20-image"'},{value:'"20-images"'},{value:'"20-inbox"'},{value:'"20-info-circle"'},{value:'"20-info-fill"'},{value:'"20-key"'},{value:'"20-keyboard"'},{value:'"20-label"'},{value:'"20-laptop"'},{value:'"20-layer-align-bottom-center"'},{value:'"20-layer-align-horizontal"'},{value:'"20-layer-align-left-center"'},{value:'"20-layer-align-right-center"'},{value:'"20-layer-align-top-center"'},{value:'"20-layer-align-vertical"'},{value:'"20-layer-three"'},{value:'"20-layer-two"'},{value:'"20-layout-swap-horizontal"'},{value:'"20-layout-swap-vertical"'},{value:'"20-link-broken"'},{value:'"20-link"'},{value:'"20-list-bullet"'},{value:'"20-list-check"'},{value:'"20-list-ordered"'},{value:'"20-list-unordered"'},{value:'"20-lock"'},{value:'"20-log-in"'},{value:'"20-log-out"'},{value:'"20-mail"'},{value:'"20-map"'},{value:'"20-marker-pin"'},{value:'"20-math-alpha"'},{value:'"20-math-angle"'},{value:'"20-math-beta"'},{value:'"20-math-gamma"'},{value:'"20-math-infinite"'},{value:'"20-math-omega"'},{value:'"20-math-pi"'},{value:'"20-math-sigma"'},{value:'"20-math-sine-wawe"'},{value:'"20-math-square-root "'},{value:'"20-math-theta"'},{value:'"20-megaphone"'},{value:'"20-menu"'},{value:'"20-message"'},{value:'"20-mic"'},{value:'"20-minus"'},{value:'"20-mobile"'},{value:'"20-more-horizontal"'},{value:'"20-more-vertical"'},{value:'"20-mouse"'},{value:'"20-navigation"'},{value:'"20-notification"'},{value:'"20-open-in-new"'},{value:'"20-option"'},{value:'"20-package"'},{value:'"20-paintroller"'},{value:'"20-paperplane"'},{value:'"20-paragraph"'},{value:'"20-pause-circle"'},{value:'"20-pause"'},{value:'"20-phone-call"'},{value:'"20-phone-callback"'},{value:'"20-phone-forwarded"'},{value:'"20-phone-incoming"'},{value:'"20-phone-missed"'},{value:'"20-phone-outgoing"'},{value:'"20-phone"'},{value:'"20-pin"'},{value:'"20-placeholder-2"'},{value:'"20-placeholder"'},{value:'"20-play-circle"'},{value:'"20-play"'},{value:'"20-plugin"'},{value:'"20-plus"'},{value:'"20-print"'},{value:'"20-questionmark"'},{value:'"20-quote"'},{value:'"20-rainbow"'},{value:'"20-receipt"'},{value:'"20-redo"'},{value:'"20-refresh"'},{value:'"20-repeat"'},{value:'"20-reply"'},{value:'"20-robot"'},{value:'"20-scissors"'},{value:'"20-search"'},{value:'"20-settings"'},{value:'"20-share"'},{value:'"20-shield"'},{value:'"20-shirt"'},{value:'"20-shopping-basket"'},{value:'"20-shopping-cart"'},{value:'"20-sidebar-hide"'},{value:'"20-sidebar-show"'},{value:'"20-slider"'},{value:'"20-speedmeter"'},{value:'"20-star-filled"'},{value:'"20-star-half-filled"'},{value:'"20-star"'},{value:'"20-stopwatch"'},{value:'"20-suitcase"'},{value:'"20-sun"'},{value:'"20-tablet"'},{value:'"20-tag"'},{value:'"20-target-off"'},{value:'"20-target"'},{value:'"20-terminal-2"'},{value:'"20-terminal"'},{value:'"20-tetrisly"'},{value:'"20-text"'},{value:'"20-thumb-down"'},{value:'"20-thumb-up"'},{value:'"20-ticket"'},{value:'"20-time-clock"'},{value:'"20-toggle-off"'},{value:'"20-toggle-on"'},{value:'"20-transaction-horizontal"'},{value:'"20-transaction-vertical"'},{value:'"20-tree"'},{value:'"20-trend-down"'},{value:'"20-trend-up"'},{value:'"20-turn-off"'},{value:'"20-tv"'},{value:'"20-undo"'},{value:'"20-unfold-less"'},{value:'"20-unfold-more"'},{value:'"20-unlock"'},{value:'"20-upload"'},{value:'"20-user-check"'},{value:'"20-user-close"'},{value:'"20-user-edit"'},{value:'"20-user-minus"'},{value:'"20-user-plus"'},{value:'"20-user"'},{value:'"20-users"'},{value:'"20-vertical-align-bottom"'},{value:'"20-vertical-align-center"'},{value:'"20-vertical-align-top"'},{value:'"20-video-camera"'},{value:'"20-video"'},{value:'"20-view-boxes"'},{value:'"20-view-columns"'},{value:'"20-view-dashboard"'},{value:'"20-view-day"'},{value:'"20-view-layout-bottom"'},{value:'"20-view-layout-grid"'},{value:'"20-view-layout-left"'},{value:'"20-view-layout-right"'},{value:'"20-view-layout-top"'},{value:'"20-view-lp"'},{value:'"20-view-rows"'},{value:'"20-view-schedule"'},{value:'"20-view-slider"'},{value:'"20-view-table"'},{value:'"20-voice"'},{value:'"20-voicemail"'},{value:'"20-volume-max"'},{value:'"20-volume-medium"'},{value:'"20-volume-min"'},{value:'"20-volume-mute"'},{value:'"20-wallet"'},{value:'"20-warning-fill"'},{value:'"20-warning"'},{value:'"20-watch"'},{value:'"20-water-drop"'},{value:'"20-wifi-off"'},{value:'"20-wifi"'}]}},afterIcon:{defaultValue:null,description:"",name:"afterIcon",required:!1,type:{name:"enum",value:[{value:'"20-accesibility"'},{value:'"20-activity"'},{value:'"20-alarm-clock"'},{value:'"20-alert-fill"'},{value:'"20-alert"'},{value:'"20-anchor"'},{value:'"20-apps"'},{value:'"20-archive"'},{value:'"20-arrow-down-left"'},{value:'"20-arrow-down-right"'},{value:'"20-arrow-down"'},{value:'"20-arrow-left"'},{value:'"20-arrow-right"'},{value:'"20-arrow-up-left"'},{value:'"20-arrow-up-right"'},{value:'"20-arrow-up"'},{value:'"20-arrowhead-down"'},{value:'"20-arrowhead-left"'},{value:'"20-arrowhead-right"'},{value:'"20-arrowhead-up"'},{value:'"20-attachment"'},{value:'"20-background"'},{value:'"20-backspace"'},{value:'"20-backward"'},{value:'"20-bank"'},{value:'"20-battery-charging"'},{value:'"20-battery-empty"'},{value:'"20-battery-full"'},{value:'"20-battery-low"'},{value:'"20-battery-medium"'},{value:'"20-bell"'},{value:'"20-block"'},{value:'"20-bluetooth-off"'},{value:'"20-bluetooth"'},{value:'"20-bolt"'},{value:'"20-book"'},{value:'"20-bookmark"'},{value:'"20-border-all"'},{value:'"20-border-bottom"'},{value:'"20-border-horizontal"'},{value:'"20-border-inner"'},{value:'"20-border-left"'},{value:'"20-border-right"'},{value:'"20-border-style"'},{value:'"20-border-top"'},{value:'"20-border-vertical"'},{value:'"20-brackets-curly"'},{value:'"20-brain"'},{value:'"20-broadcast"'},{value:'"20-brush"'},{value:'"20-bug"'},{value:'"20-bulb"'},{value:'"20-calculator"'},{value:'"20-calendar-check"'},{value:'"20-calendar-close"'},{value:'"20-calendar-edit"'},{value:'"20-calendar-minus"'},{value:'"20-calendar-plus"'},{value:'"20-calendar"'},{value:'"20-camera"'},{value:'"20-card"'},{value:'"20-chart-bar-box"'},{value:'"20-chart-bar"'},{value:'"20-chart-line"'},{value:'"20-chart-pie"'},{value:'"20-chat"'},{value:'"20-check-badge-fill"'},{value:'"20-check-badge"'},{value:'"20-check-circle-fill"'},{value:'"20-check-circle"'},{value:'"20-check-large"'},{value:'"20-check-small"'},{value:'"20-chevron-down-small-circle"'},{value:'"20-chevron-down-small-fill"'},{value:'"20-chevron-down-small"'},{value:'"20-chevron-down"'},{value:'"20-chevron-left-small-circle"'},{value:'"20-chevron-left-small-fill"'},{value:'"20-chevron-left-small"'},{value:'"20-chevron-left"'},{value:'"20-chevron-right-small-circle"'},{value:'"20-chevron-right-small-fill"'},{value:'"20-chevron-right-small"'},{value:'"20-chevron-right"'},{value:'"20-chevron-up-small-circle"'},{value:'"20-chevron-up-small-fill"'},{value:'"20-chevron-up-small"'},{value:'"20-chevron-up"'},{value:'"20-clipboard"'},{value:'"20-close"'},{value:'"20-cloud"'},{value:'"20-code-2"'},{value:'"20-code"'},{value:'"20-command"'},{value:'"20-comment"'},{value:'"20-company"'},{value:'"20-compass"'},{value:'"20-copy"'},{value:'"20-cpu"'},{value:'"20-crown"'},{value:'"20-cursor-arrow-fill"'},{value:'"20-cursor-arrow"'},{value:'"20-cursor-text"'},{value:'"20-database"'},{value:'"20-delete"'},{value:'"20-desktop"'},{value:'"20-devices"'},{value:'"20-diamond"'},{value:'"20-dns"'},{value:'"20-download"'},{value:'"20-drag-drop-horizontal"'},{value:'"20-drag-drop-vertical"'},{value:'"20-edit"'},{value:'"20-email"'},{value:'"20-emoji-big-smile"'},{value:'"20-emoji-sad"'},{value:'"20-emoji-smile"'},{value:'"20-error-fill"'},{value:'"20-error"'},{value:'"20-extension"'},{value:'"20-eye-off"'},{value:'"20-eye"'},{value:'"20-file-check"'},{value:'"20-file-close"'},{value:'"20-file-edit"'},{value:'"20-file-minus"'},{value:'"20-file-plus"'},{value:'"20-file"'},{value:'"20-filter"'},{value:'"20-fingerprint"'},{value:'"20-fire"'},{value:'"20-flag"'},{value:'"20-folder-check"'},{value:'"20-folder-close"'},{value:'"20-folder-edit"'},{value:'"20-folder-minus"'},{value:'"20-folder-plus"'},{value:'"20-folder"'},{value:'"20-format-align-center"'},{value:'"20-format-align-justify"'},{value:'"20-format-align-left"'},{value:'"20-format-align-right"'},{value:'"20-format-all-small-caps"'},{value:'"20-format-bold"'},{value:'"20-format-font-size"'},{value:'"20-format-indent-decrease"'},{value:'"20-format-indent-increase"'},{value:'"20-format-italic"'},{value:'"20-format-letter-spacing"'},{value:'"20-format-line-height"'},{value:'"20-format-lowercase"'},{value:'"20-format-paragraph-spacing"'},{value:'"20-format-scale-horizontal"'},{value:'"20-format-scale-vertical"'},{value:'"20-format-small-caps"'},{value:'"20-format-strikethrough"'},{value:'"20-format-subscript"'},{value:'"20-format-superscript"'},{value:'"20-format-titlecase"'},{value:'"20-format-underline"'},{value:'"20-format-uppercase"'},{value:'"20-forward"'},{value:'"20-fullscreen-exit"'},{value:'"20-fullscreen"'},{value:'"20-function"'},{value:'"20-git-branch"'},{value:'"20-git-commit"'},{value:'"20-git-diff"'},{value:'"20-git-fork"'},{value:'"20-git-merge"'},{value:'"20-git-pull-request"'},{value:'"20-globe"'},{value:'"20-hashtag"'},{value:'"20-heading"'},{value:'"20-headphones"'},{value:'"20-health"'},{value:'"20-heart"'},{value:'"20-help-fill"'},{value:'"20-help"'},{value:'"20-home"'},{value:'"20-horizontal-align-center"'},{value:'"20-horizontal-align-left"'},{value:'"20-horizontal-align-right"'},{value:'"20-hourglass"'},{value:'"20-image-check"'},{value:'"20-image-close"'},{value:'"20-image-edit"'},{value:'"20-image-minus"'},{value:'"20-image-plus"'},{value:'"20-image"'},{value:'"20-images"'},{value:'"20-inbox"'},{value:'"20-info-circle"'},{value:'"20-info-fill"'},{value:'"20-key"'},{value:'"20-keyboard"'},{value:'"20-label"'},{value:'"20-laptop"'},{value:'"20-layer-align-bottom-center"'},{value:'"20-layer-align-horizontal"'},{value:'"20-layer-align-left-center"'},{value:'"20-layer-align-right-center"'},{value:'"20-layer-align-top-center"'},{value:'"20-layer-align-vertical"'},{value:'"20-layer-three"'},{value:'"20-layer-two"'},{value:'"20-layout-swap-horizontal"'},{value:'"20-layout-swap-vertical"'},{value:'"20-link-broken"'},{value:'"20-link"'},{value:'"20-list-bullet"'},{value:'"20-list-check"'},{value:'"20-list-ordered"'},{value:'"20-list-unordered"'},{value:'"20-lock"'},{value:'"20-log-in"'},{value:'"20-log-out"'},{value:'"20-mail"'},{value:'"20-map"'},{value:'"20-marker-pin"'},{value:'"20-math-alpha"'},{value:'"20-math-angle"'},{value:'"20-math-beta"'},{value:'"20-math-gamma"'},{value:'"20-math-infinite"'},{value:'"20-math-omega"'},{value:'"20-math-pi"'},{value:'"20-math-sigma"'},{value:'"20-math-sine-wawe"'},{value:'"20-math-square-root "'},{value:'"20-math-theta"'},{value:'"20-megaphone"'},{value:'"20-menu"'},{value:'"20-message"'},{value:'"20-mic"'},{value:'"20-minus"'},{value:'"20-mobile"'},{value:'"20-more-horizontal"'},{value:'"20-more-vertical"'},{value:'"20-mouse"'},{value:'"20-navigation"'},{value:'"20-notification"'},{value:'"20-open-in-new"'},{value:'"20-option"'},{value:'"20-package"'},{value:'"20-paintroller"'},{value:'"20-paperplane"'},{value:'"20-paragraph"'},{value:'"20-pause-circle"'},{value:'"20-pause"'},{value:'"20-phone-call"'},{value:'"20-phone-callback"'},{value:'"20-phone-forwarded"'},{value:'"20-phone-incoming"'},{value:'"20-phone-missed"'},{value:'"20-phone-outgoing"'},{value:'"20-phone"'},{value:'"20-pin"'},{value:'"20-placeholder-2"'},{value:'"20-placeholder"'},{value:'"20-play-circle"'},{value:'"20-play"'},{value:'"20-plugin"'},{value:'"20-plus"'},{value:'"20-print"'},{value:'"20-questionmark"'},{value:'"20-quote"'},{value:'"20-rainbow"'},{value:'"20-receipt"'},{value:'"20-redo"'},{value:'"20-refresh"'},{value:'"20-repeat"'},{value:'"20-reply"'},{value:'"20-robot"'},{value:'"20-scissors"'},{value:'"20-search"'},{value:'"20-settings"'},{value:'"20-share"'},{value:'"20-shield"'},{value:'"20-shirt"'},{value:'"20-shopping-basket"'},{value:'"20-shopping-cart"'},{value:'"20-sidebar-hide"'},{value:'"20-sidebar-show"'},{value:'"20-slider"'},{value:'"20-speedmeter"'},{value:'"20-star-filled"'},{value:'"20-star-half-filled"'},{value:'"20-star"'},{value:'"20-stopwatch"'},{value:'"20-suitcase"'},{value:'"20-sun"'},{value:'"20-tablet"'},{value:'"20-tag"'},{value:'"20-target-off"'},{value:'"20-target"'},{value:'"20-terminal-2"'},{value:'"20-terminal"'},{value:'"20-tetrisly"'},{value:'"20-text"'},{value:'"20-thumb-down"'},{value:'"20-thumb-up"'},{value:'"20-ticket"'},{value:'"20-time-clock"'},{value:'"20-toggle-off"'},{value:'"20-toggle-on"'},{value:'"20-transaction-horizontal"'},{value:'"20-transaction-vertical"'},{value:'"20-tree"'},{value:'"20-trend-down"'},{value:'"20-trend-up"'},{value:'"20-turn-off"'},{value:'"20-tv"'},{value:'"20-undo"'},{value:'"20-unfold-less"'},{value:'"20-unfold-more"'},{value:'"20-unlock"'},{value:'"20-upload"'},{value:'"20-user-check"'},{value:'"20-user-close"'},{value:'"20-user-edit"'},{value:'"20-user-minus"'},{value:'"20-user-plus"'},{value:'"20-user"'},{value:'"20-users"'},{value:'"20-vertical-align-bottom"'},{value:'"20-vertical-align-center"'},{value:'"20-vertical-align-top"'},{value:'"20-video-camera"'},{value:'"20-video"'},{value:'"20-view-boxes"'},{value:'"20-view-columns"'},{value:'"20-view-dashboard"'},{value:'"20-view-day"'},{value:'"20-view-layout-bottom"'},{value:'"20-view-layout-grid"'},{value:'"20-view-layout-left"'},{value:'"20-view-layout-right"'},{value:'"20-view-layout-top"'},{value:'"20-view-lp"'},{value:'"20-view-rows"'},{value:'"20-view-schedule"'},{value:'"20-view-slider"'},{value:'"20-view-table"'},{value:'"20-voice"'},{value:'"20-voicemail"'},{value:'"20-volume-max"'},{value:'"20-volume-medium"'},{value:'"20-volume-min"'},{value:'"20-volume-mute"'},{value:'"20-wallet"'},{value:'"20-warning-fill"'},{value:'"20-warning"'},{value:'"20-watch"'},{value:'"20-water-drop"'},{value:'"20-wifi-off"'},{value:'"20-wifi"'}]}},hasDropdownIndicator:{defaultValue:null,description:"",name:"hasDropdownIndicator",required:!1,type:{name:"boolean"}},variant:{defaultValue:{value:"default"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"bare"'},{value:'"default"'},{value:'"ghost"'}]}},size:{defaultValue:{value:"medium"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'}]}},appearance:{defaultValue:{value:"secondary"},description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"inverted"'},{value:'"reverseInverted"'}]}},intent:{defaultValue:{value:"none"},description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"success"'},{value:'"destructive"'}]}}}}}catch{}export{g as B}; +import{j as c}from"./jsx-runtime-ffb262ed.js";import{R as p}from"./tetrisly-icons.es-12549e88.js";import{r as k}from"./index-76fb7be0.js";import{m as x}from"./mergeConfigWithCutom-aec35d44.js";import{t as I}from"./TetrislyProvider-8c69fae3.js";import{L as z}from"./index-60ef7482.js";const _=(e,a)=>a in e,h=(e,a,l,o)=>_(e,a)?e[a]:e[l],b={small:{px:"$space-component-padding-medium",h:"$size-small",text:"$typo-body-medium",hasDropdownIndicator:{pr:"$space-component-padding-small"},hasBeforeIcon:{pl:"$space-component-padding-small"},hasAfterIcon:{pr:"$space-component-padding-small"}},medium:{px:"$space-component-padding-large",h:"$size-medium",text:"$typo-body-medium",hasDropdownIndicator:{pr:"$space-component-padding-medium"},hasBeforeIcon:{pl:"$space-component-padding-medium"},hasAfterIcon:{pr:"$space-component-padding-medium"}},large:{px:"$space-component-padding-large",h:"$size-large",text:"$typo-body-large",hasDropdownIndicator:{pr:"$space-component-padding-medium"},hasBeforeIcon:{pl:"$space-component-padding-medium"},hasAfterIcon:{pr:"$space-component-padding-medium"}}},f={display:"inline-flex",borderRadius:"$border-radius-large",gap:"$space-component-gap-small",w:"fit-content",justifyContent:"center",alignItems:"center",textAlign:"center",whiteSpace:"nowrap",opacity:{disabled:"$opacity-disabled"},outline:{focus:"solid"},outlineColor:{focus:"$color-interaction-focus-default"},outlineWidth:{focus:"$border-width-focus"},outlineOffset:1,pointerEvents:{loading:"none",disabled:"none"},transition:!0,transitionDuration:200},B={...f,ring:"unset",boxShadow:"$elevation-bottom-100",appearance:{primary:{color:"$color-action-inverted-normal",intent:{none:{backgroundColor:{_:"$color-action-primary-normal",hover:"$color-action-primary-hover",active:"$color-action-primary-active",selected:"$color-action-primary-selected",loading:"$color-action-primary-loading"}},success:{backgroundColor:{_:"$color-action-success-normal",hover:"$color-action-success-hover",active:"$color-action-success-active",selected:"$color-action-success-selected",loading:"$color-action-success-loading"}},destructive:{backgroundColor:{_:"$color-action-destructive-normal",hover:"$color-action-destructive-hover",active:"$color-action-destructive-active",selected:"$color-action-destructive-selected",loading:"$color-action-destructive-loading"}}}},secondary:{backgroundColor:"$color-action-inverted-normal",ringInset:!0,ring:"$border-width-small",ringColor:{_:"$color-action-outline-normal",hover:"$color-action-outline-hover",active:"$color-action-outline-active",selected:"$color-action-outline-selected"},intent:{none:{color:{_:"$color-action-neutral-normal",hover:"$color-action-neutral-hover",active:"$color-action-neutral-active",selected:"$color-action-neutral-selected"}},success:{color:{_:"$color-action-success-normal",hover:"$color-action-success-hover",active:"$color-action-success-active",selected:"$color-action-success-selected"}},destructive:{color:{_:"$color-action-destructive-normal",hover:"$color-action-destructive-hover",active:"$color-action-destructive-active",selected:"$color-action-destructive-selected"}}}},inverted:{intent:{none:{backgroundColor:{_:"$color-action-inverted-normal",hover:"$color-action-inverted-hover",active:"$color-action-inverted-active",selected:"$color-action-inverted-selected",loading:"$color-action-inverted-loading"},color:{_:"$color-action-neutral-normal",hover:"$color-action-neutral-hover",active:"$color-action-neutral-active",selected:"$color-action-neutral-selected"}}}}},size:b,innerElements:{loader:{appearance:{primary:{appearance:"white"},secondary:{appearance:"greyscale"},inverted:{appearance:"greyscale"}}}}},C={...f,backgroundColor:{_:"transparent",hover:"$color-action-ghost-hover",active:"$color-action-ghost-active",selected:"$color-action-ghost-selected"},appearance:{primary:{intent:{none:{color:{_:"$color-action-primary-normal",hover:"$color-action-primary-hover",active:"$color-action-primary-active",selected:"$color-action-primary-selected"}},success:{color:{_:"$color-action-success-normal",hover:"$color-action-success-hover",active:"$color-action-success-active",selected:"$color-action-success-selected"}},destructive:{color:{_:"$color-action-destructive-normal",hover:"$color-action-destructive-hover",active:"$color-action-destructive-active",selected:"$color-action-destructive-selected"}}}},secondary:{intent:{none:{color:{_:"$color-action-neutral-normal",hover:"$color-action-neutral-hover",active:"$color-action-neutral-active",selected:"$color-action-neutral-selected"}}}},inverted:{intent:{none:{backgroundColor:{_:"$color-action-ghost-normal",hover:"$color-action-ghost-inverted-hover",active:"$color-action-ghost-inverted-active",selected:"$color-action-ghost-inverted-selected"},color:{_:"$color-action-inverted-normal",hover:"$color-action-inverted-hover",active:"$color-action-inverted-active",selected:"$color-action-inverted-selected"}}}},reverseInverted:{intent:{none:{color:{_:"$color-action-reverseInverted-normal",hover:"$color-action-reverseInverted-hover",active:"$color-action-reverseInverted-active",selected:"$color-action-reverseInverted-selected"}}}}},size:b,innerElements:{loader:{appearance:{primary:{appearance:"greyscale",intent:{none:{appearance:"primary"}}},secondary:{appearance:"greyscale"},inverted:{appearance:"greyscale"}}}}},q={...f,outlineOffset:0,p:"$space-component-padding-2xSmall",backgroundColor:"transparent",appearance:{primary:{intent:{none:{color:{_:"$color-action-primary-normal",hover:"$color-action-primary-hover",active:"$color-action-primary-active",selected:"$color-action-primary-selected"}},success:{color:{_:"$color-action-success-normal",hover:"$color-action-success-hover",active:"$color-action-success-active",selected:"$color-action-success-selected"}},destructive:{color:{_:"$color-action-destructive-normal",hover:"$color-action-destructive-hover",active:"$color-action-destructive-active",selected:"$color-action-destructive-selected"}}}},secondary:{intent:{none:{color:{_:"$color-action-neutral-normal",hover:"$color-action-neutral-hover",active:"$color-action-neutral-active",selected:"$color-action-neutral-selected"}}}},inverted:{intent:{none:{color:{_:"$color-action-inverted-normal",hover:"$color-action-inverted-hover",active:"$color-action-inverted-active",selected:"$color-action-inverted-selected"}}},textDecoration:"underline"},reverseInverted:{intent:{none:{color:{_:"$color-action-reverseInverted-normal",hover:"$color-action-reverseInverted-hover",active:"$color-action-reverseInverted-active",selected:"$color-action-reverseInverted-selected"}}},textDecoration:"underline"}},size:{medium:{text:"$typo-body-medium",hasDropdownIndicator:{},hasBeforeIcon:{},hasAfterIcon:{}},large:{text:"$typo-body-large",hasDropdownIndicator:{},hasBeforeIcon:{},hasAfterIcon:{}}},innerElements:{loader:{appearance:{primary:{appearance:"greyscale",intent:{none:{appearance:"primary"}}},secondary:{appearance:"greyscale"},inverted:{appearance:"greyscale"}}}}},D={default:B,ghost:C,bare:q},j=(e,a)=>{var t;let l={};if(!("appearance"in e))return e;const o=(t=e==null?void 0:e.appearance)==null?void 0:t[a.appearance];if(o)if("intent"in o){const{intent:r}=o;l=(r==null?void 0:r[a.intent])||{}}else l=o;return l},A=e=>{const a=x({defaultConfig:D,custom:e.custom}),{appearance:l,size:o,innerElements:{loader:t},...r}=a[e.variant],{hasDropdownIndicator:u,hasBeforeIcon:s,hasAfterIcon:v,...n}=h(o,e.size,"medium",`Button props warning: '${e.size}' is not a valid size for '${e.variant}' variant, using 'medium' as size fallback`),{intent:i,...m}=h(l,e.appearance,"secondary",`Button props warning: '${e.appearance}' is not a valid appearance for '${e.variant}' variant, using 'secondary' as appearance fallback`),d=h(i,e.intent,"none",`Button props warning: '${e.intent}' is not a valid intent for '${e.variant}' variant and '${e.appearance}' appearance, using 'none' as intent fallback`),y=e.hasDropdownIndicator?u:{},w=e.hasAfterIcon?v:{},$=e.hasBeforeIcon?s:{};return{container:{...r,...n,...y,...w,...$,...m,...d},loader:j(t,{appearance:e.appearance,intent:e.intent})}},g=({variant:e="default",appearance:a="secondary",intent:l="none",size:o="medium",label:t,children:r=t,state:u,custom:s,hasDropdownIndicator:v,afterIcon:n,beforeIcon:i,...m})=>{const d=k.useMemo(()=>A({variant:e,appearance:a,intent:l,size:o,hasDropdownIndicator:v,hasBeforeIcon:!!i,hasAfterIcon:!!n,custom:s}),[e,a,l,o,v,i,n,s]);return c.jsxs(I.button,{"data-testid":"button",...d.container,disabled:u?["disabled","loading"].includes(u):!1,"data-state":u,style:{textUnderlineOffset:"3px",textDecorationThickness:"1px"},...m,children:[u==="loading"&&c.jsx(z,{...d.loader,size:"small",shape:"circle"}),i&&u!=="loading"&&c.jsx(p,{name:i}),r,v&&c.jsx(p,{name:"20-chevron-down-small"}),n&&!v&&c.jsx(p,{name:n})]})};try{g.displayName="Button",g.__docgenInfo={description:"",displayName:"Button",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"loading"'},{value:'"disabled"'},{value:'"selected"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"ButtonConfig"}},beforeIcon:{defaultValue:null,description:"",name:"beforeIcon",required:!1,type:{name:"enum",value:[{value:'"20-accesibility"'},{value:'"20-activity"'},{value:'"20-alarm-clock"'},{value:'"20-alert-fill"'},{value:'"20-alert"'},{value:'"20-anchor"'},{value:'"20-apps"'},{value:'"20-archive"'},{value:'"20-arrow-down-left"'},{value:'"20-arrow-down-right"'},{value:'"20-arrow-down"'},{value:'"20-arrow-left"'},{value:'"20-arrow-right"'},{value:'"20-arrow-up-left"'},{value:'"20-arrow-up-right"'},{value:'"20-arrow-up"'},{value:'"20-arrowhead-down"'},{value:'"20-arrowhead-left"'},{value:'"20-arrowhead-right"'},{value:'"20-arrowhead-up"'},{value:'"20-attachment"'},{value:'"20-background"'},{value:'"20-backspace"'},{value:'"20-backward"'},{value:'"20-bank"'},{value:'"20-battery-charging"'},{value:'"20-battery-empty"'},{value:'"20-battery-full"'},{value:'"20-battery-low"'},{value:'"20-battery-medium"'},{value:'"20-bell"'},{value:'"20-block"'},{value:'"20-bluetooth-off"'},{value:'"20-bluetooth"'},{value:'"20-bolt"'},{value:'"20-book"'},{value:'"20-bookmark"'},{value:'"20-border-all"'},{value:'"20-border-bottom"'},{value:'"20-border-horizontal"'},{value:'"20-border-inner"'},{value:'"20-border-left"'},{value:'"20-border-right"'},{value:'"20-border-style"'},{value:'"20-border-top"'},{value:'"20-border-vertical"'},{value:'"20-brackets-curly"'},{value:'"20-brain"'},{value:'"20-broadcast"'},{value:'"20-brush"'},{value:'"20-bug"'},{value:'"20-bulb"'},{value:'"20-calculator"'},{value:'"20-calendar-check"'},{value:'"20-calendar-close"'},{value:'"20-calendar-edit"'},{value:'"20-calendar-minus"'},{value:'"20-calendar-plus"'},{value:'"20-calendar"'},{value:'"20-camera"'},{value:'"20-card"'},{value:'"20-chart-bar-box"'},{value:'"20-chart-bar"'},{value:'"20-chart-line"'},{value:'"20-chart-pie"'},{value:'"20-chat"'},{value:'"20-check-badge-fill"'},{value:'"20-check-badge"'},{value:'"20-check-circle-fill"'},{value:'"20-check-circle"'},{value:'"20-check-large"'},{value:'"20-check-small"'},{value:'"20-chevron-down-small-circle"'},{value:'"20-chevron-down-small-fill"'},{value:'"20-chevron-down-small"'},{value:'"20-chevron-down"'},{value:'"20-chevron-left-small-circle"'},{value:'"20-chevron-left-small-fill"'},{value:'"20-chevron-left-small"'},{value:'"20-chevron-left"'},{value:'"20-chevron-right-small-circle"'},{value:'"20-chevron-right-small-fill"'},{value:'"20-chevron-right-small"'},{value:'"20-chevron-right"'},{value:'"20-chevron-up-small-circle"'},{value:'"20-chevron-up-small-fill"'},{value:'"20-chevron-up-small"'},{value:'"20-chevron-up"'},{value:'"20-clipboard"'},{value:'"20-close"'},{value:'"20-cloud"'},{value:'"20-code-2"'},{value:'"20-code"'},{value:'"20-command"'},{value:'"20-comment"'},{value:'"20-company"'},{value:'"20-compass"'},{value:'"20-copy"'},{value:'"20-cpu"'},{value:'"20-crown"'},{value:'"20-cursor-arrow-fill"'},{value:'"20-cursor-arrow"'},{value:'"20-cursor-text"'},{value:'"20-database"'},{value:'"20-delete"'},{value:'"20-desktop"'},{value:'"20-devices"'},{value:'"20-diamond"'},{value:'"20-dns"'},{value:'"20-download"'},{value:'"20-drag-drop-horizontal"'},{value:'"20-drag-drop-vertical"'},{value:'"20-edit"'},{value:'"20-email"'},{value:'"20-emoji-big-smile"'},{value:'"20-emoji-sad"'},{value:'"20-emoji-smile"'},{value:'"20-error-fill"'},{value:'"20-error"'},{value:'"20-extension"'},{value:'"20-eye-off"'},{value:'"20-eye"'},{value:'"20-file-check"'},{value:'"20-file-close"'},{value:'"20-file-edit"'},{value:'"20-file-minus"'},{value:'"20-file-plus"'},{value:'"20-file"'},{value:'"20-filter"'},{value:'"20-fingerprint"'},{value:'"20-fire"'},{value:'"20-flag"'},{value:'"20-folder-check"'},{value:'"20-folder-close"'},{value:'"20-folder-edit"'},{value:'"20-folder-minus"'},{value:'"20-folder-plus"'},{value:'"20-folder"'},{value:'"20-format-align-center"'},{value:'"20-format-align-justify"'},{value:'"20-format-align-left"'},{value:'"20-format-align-right"'},{value:'"20-format-all-small-caps"'},{value:'"20-format-bold"'},{value:'"20-format-font-size"'},{value:'"20-format-indent-decrease"'},{value:'"20-format-indent-increase"'},{value:'"20-format-italic"'},{value:'"20-format-letter-spacing"'},{value:'"20-format-line-height"'},{value:'"20-format-lowercase"'},{value:'"20-format-paragraph-spacing"'},{value:'"20-format-scale-horizontal"'},{value:'"20-format-scale-vertical"'},{value:'"20-format-small-caps"'},{value:'"20-format-strikethrough"'},{value:'"20-format-subscript"'},{value:'"20-format-superscript"'},{value:'"20-format-titlecase"'},{value:'"20-format-underline"'},{value:'"20-format-uppercase"'},{value:'"20-forward"'},{value:'"20-fullscreen-exit"'},{value:'"20-fullscreen"'},{value:'"20-function"'},{value:'"20-git-branch"'},{value:'"20-git-commit"'},{value:'"20-git-diff"'},{value:'"20-git-fork"'},{value:'"20-git-merge"'},{value:'"20-git-pull-request"'},{value:'"20-globe"'},{value:'"20-hashtag"'},{value:'"20-heading"'},{value:'"20-headphones"'},{value:'"20-health"'},{value:'"20-heart"'},{value:'"20-help-fill"'},{value:'"20-help"'},{value:'"20-home"'},{value:'"20-horizontal-align-center"'},{value:'"20-horizontal-align-left"'},{value:'"20-horizontal-align-right"'},{value:'"20-hourglass"'},{value:'"20-image-check"'},{value:'"20-image-close"'},{value:'"20-image-edit"'},{value:'"20-image-minus"'},{value:'"20-image-plus"'},{value:'"20-image"'},{value:'"20-images"'},{value:'"20-inbox"'},{value:'"20-info-circle"'},{value:'"20-info-fill"'},{value:'"20-key"'},{value:'"20-keyboard"'},{value:'"20-label"'},{value:'"20-laptop"'},{value:'"20-layer-align-bottom-center"'},{value:'"20-layer-align-horizontal"'},{value:'"20-layer-align-left-center"'},{value:'"20-layer-align-right-center"'},{value:'"20-layer-align-top-center"'},{value:'"20-layer-align-vertical"'},{value:'"20-layer-three"'},{value:'"20-layer-two"'},{value:'"20-layout-swap-horizontal"'},{value:'"20-layout-swap-vertical"'},{value:'"20-link-broken"'},{value:'"20-link"'},{value:'"20-list-bullet"'},{value:'"20-list-check"'},{value:'"20-list-ordered"'},{value:'"20-list-unordered"'},{value:'"20-lock"'},{value:'"20-log-in"'},{value:'"20-log-out"'},{value:'"20-mail"'},{value:'"20-map"'},{value:'"20-marker-pin"'},{value:'"20-math-alpha"'},{value:'"20-math-angle"'},{value:'"20-math-beta"'},{value:'"20-math-gamma"'},{value:'"20-math-infinite"'},{value:'"20-math-omega"'},{value:'"20-math-pi"'},{value:'"20-math-sigma"'},{value:'"20-math-sine-wawe"'},{value:'"20-math-square-root "'},{value:'"20-math-theta"'},{value:'"20-megaphone"'},{value:'"20-menu"'},{value:'"20-message"'},{value:'"20-mic"'},{value:'"20-minus"'},{value:'"20-mobile"'},{value:'"20-more-horizontal"'},{value:'"20-more-vertical"'},{value:'"20-mouse"'},{value:'"20-navigation"'},{value:'"20-notification"'},{value:'"20-open-in-new"'},{value:'"20-option"'},{value:'"20-package"'},{value:'"20-paintroller"'},{value:'"20-paperplane"'},{value:'"20-paragraph"'},{value:'"20-pause-circle"'},{value:'"20-pause"'},{value:'"20-phone-call"'},{value:'"20-phone-callback"'},{value:'"20-phone-forwarded"'},{value:'"20-phone-incoming"'},{value:'"20-phone-missed"'},{value:'"20-phone-outgoing"'},{value:'"20-phone"'},{value:'"20-pin"'},{value:'"20-placeholder-2"'},{value:'"20-placeholder"'},{value:'"20-play-circle"'},{value:'"20-play"'},{value:'"20-plugin"'},{value:'"20-plus"'},{value:'"20-print"'},{value:'"20-questionmark"'},{value:'"20-quote"'},{value:'"20-rainbow"'},{value:'"20-receipt"'},{value:'"20-redo"'},{value:'"20-refresh"'},{value:'"20-repeat"'},{value:'"20-reply"'},{value:'"20-robot"'},{value:'"20-scissors"'},{value:'"20-search"'},{value:'"20-settings"'},{value:'"20-share"'},{value:'"20-shield"'},{value:'"20-shirt"'},{value:'"20-shopping-basket"'},{value:'"20-shopping-cart"'},{value:'"20-sidebar-hide"'},{value:'"20-sidebar-show"'},{value:'"20-slider"'},{value:'"20-speedmeter"'},{value:'"20-star-filled"'},{value:'"20-star-half-filled"'},{value:'"20-star"'},{value:'"20-stopwatch"'},{value:'"20-suitcase"'},{value:'"20-sun"'},{value:'"20-tablet"'},{value:'"20-tag"'},{value:'"20-target-off"'},{value:'"20-target"'},{value:'"20-terminal-2"'},{value:'"20-terminal"'},{value:'"20-tetrisly"'},{value:'"20-text"'},{value:'"20-thumb-down"'},{value:'"20-thumb-up"'},{value:'"20-ticket"'},{value:'"20-time-clock"'},{value:'"20-toggle-off"'},{value:'"20-toggle-on"'},{value:'"20-transaction-horizontal"'},{value:'"20-transaction-vertical"'},{value:'"20-tree"'},{value:'"20-trend-down"'},{value:'"20-trend-up"'},{value:'"20-turn-off"'},{value:'"20-tv"'},{value:'"20-undo"'},{value:'"20-unfold-less"'},{value:'"20-unfold-more"'},{value:'"20-unlock"'},{value:'"20-upload"'},{value:'"20-user-check"'},{value:'"20-user-close"'},{value:'"20-user-edit"'},{value:'"20-user-minus"'},{value:'"20-user-plus"'},{value:'"20-user"'},{value:'"20-users"'},{value:'"20-vertical-align-bottom"'},{value:'"20-vertical-align-center"'},{value:'"20-vertical-align-top"'},{value:'"20-video-camera"'},{value:'"20-video"'},{value:'"20-view-boxes"'},{value:'"20-view-columns"'},{value:'"20-view-dashboard"'},{value:'"20-view-day"'},{value:'"20-view-layout-bottom"'},{value:'"20-view-layout-grid"'},{value:'"20-view-layout-left"'},{value:'"20-view-layout-right"'},{value:'"20-view-layout-top"'},{value:'"20-view-lp"'},{value:'"20-view-rows"'},{value:'"20-view-schedule"'},{value:'"20-view-slider"'},{value:'"20-view-table"'},{value:'"20-voice"'},{value:'"20-voicemail"'},{value:'"20-volume-max"'},{value:'"20-volume-medium"'},{value:'"20-volume-min"'},{value:'"20-volume-mute"'},{value:'"20-wallet"'},{value:'"20-warning-fill"'},{value:'"20-warning"'},{value:'"20-watch"'},{value:'"20-water-drop"'},{value:'"20-wifi-off"'},{value:'"20-wifi"'}]}},afterIcon:{defaultValue:null,description:"",name:"afterIcon",required:!1,type:{name:"enum",value:[{value:'"20-accesibility"'},{value:'"20-activity"'},{value:'"20-alarm-clock"'},{value:'"20-alert-fill"'},{value:'"20-alert"'},{value:'"20-anchor"'},{value:'"20-apps"'},{value:'"20-archive"'},{value:'"20-arrow-down-left"'},{value:'"20-arrow-down-right"'},{value:'"20-arrow-down"'},{value:'"20-arrow-left"'},{value:'"20-arrow-right"'},{value:'"20-arrow-up-left"'},{value:'"20-arrow-up-right"'},{value:'"20-arrow-up"'},{value:'"20-arrowhead-down"'},{value:'"20-arrowhead-left"'},{value:'"20-arrowhead-right"'},{value:'"20-arrowhead-up"'},{value:'"20-attachment"'},{value:'"20-background"'},{value:'"20-backspace"'},{value:'"20-backward"'},{value:'"20-bank"'},{value:'"20-battery-charging"'},{value:'"20-battery-empty"'},{value:'"20-battery-full"'},{value:'"20-battery-low"'},{value:'"20-battery-medium"'},{value:'"20-bell"'},{value:'"20-block"'},{value:'"20-bluetooth-off"'},{value:'"20-bluetooth"'},{value:'"20-bolt"'},{value:'"20-book"'},{value:'"20-bookmark"'},{value:'"20-border-all"'},{value:'"20-border-bottom"'},{value:'"20-border-horizontal"'},{value:'"20-border-inner"'},{value:'"20-border-left"'},{value:'"20-border-right"'},{value:'"20-border-style"'},{value:'"20-border-top"'},{value:'"20-border-vertical"'},{value:'"20-brackets-curly"'},{value:'"20-brain"'},{value:'"20-broadcast"'},{value:'"20-brush"'},{value:'"20-bug"'},{value:'"20-bulb"'},{value:'"20-calculator"'},{value:'"20-calendar-check"'},{value:'"20-calendar-close"'},{value:'"20-calendar-edit"'},{value:'"20-calendar-minus"'},{value:'"20-calendar-plus"'},{value:'"20-calendar"'},{value:'"20-camera"'},{value:'"20-card"'},{value:'"20-chart-bar-box"'},{value:'"20-chart-bar"'},{value:'"20-chart-line"'},{value:'"20-chart-pie"'},{value:'"20-chat"'},{value:'"20-check-badge-fill"'},{value:'"20-check-badge"'},{value:'"20-check-circle-fill"'},{value:'"20-check-circle"'},{value:'"20-check-large"'},{value:'"20-check-small"'},{value:'"20-chevron-down-small-circle"'},{value:'"20-chevron-down-small-fill"'},{value:'"20-chevron-down-small"'},{value:'"20-chevron-down"'},{value:'"20-chevron-left-small-circle"'},{value:'"20-chevron-left-small-fill"'},{value:'"20-chevron-left-small"'},{value:'"20-chevron-left"'},{value:'"20-chevron-right-small-circle"'},{value:'"20-chevron-right-small-fill"'},{value:'"20-chevron-right-small"'},{value:'"20-chevron-right"'},{value:'"20-chevron-up-small-circle"'},{value:'"20-chevron-up-small-fill"'},{value:'"20-chevron-up-small"'},{value:'"20-chevron-up"'},{value:'"20-clipboard"'},{value:'"20-close"'},{value:'"20-cloud"'},{value:'"20-code-2"'},{value:'"20-code"'},{value:'"20-command"'},{value:'"20-comment"'},{value:'"20-company"'},{value:'"20-compass"'},{value:'"20-copy"'},{value:'"20-cpu"'},{value:'"20-crown"'},{value:'"20-cursor-arrow-fill"'},{value:'"20-cursor-arrow"'},{value:'"20-cursor-text"'},{value:'"20-database"'},{value:'"20-delete"'},{value:'"20-desktop"'},{value:'"20-devices"'},{value:'"20-diamond"'},{value:'"20-dns"'},{value:'"20-download"'},{value:'"20-drag-drop-horizontal"'},{value:'"20-drag-drop-vertical"'},{value:'"20-edit"'},{value:'"20-email"'},{value:'"20-emoji-big-smile"'},{value:'"20-emoji-sad"'},{value:'"20-emoji-smile"'},{value:'"20-error-fill"'},{value:'"20-error"'},{value:'"20-extension"'},{value:'"20-eye-off"'},{value:'"20-eye"'},{value:'"20-file-check"'},{value:'"20-file-close"'},{value:'"20-file-edit"'},{value:'"20-file-minus"'},{value:'"20-file-plus"'},{value:'"20-file"'},{value:'"20-filter"'},{value:'"20-fingerprint"'},{value:'"20-fire"'},{value:'"20-flag"'},{value:'"20-folder-check"'},{value:'"20-folder-close"'},{value:'"20-folder-edit"'},{value:'"20-folder-minus"'},{value:'"20-folder-plus"'},{value:'"20-folder"'},{value:'"20-format-align-center"'},{value:'"20-format-align-justify"'},{value:'"20-format-align-left"'},{value:'"20-format-align-right"'},{value:'"20-format-all-small-caps"'},{value:'"20-format-bold"'},{value:'"20-format-font-size"'},{value:'"20-format-indent-decrease"'},{value:'"20-format-indent-increase"'},{value:'"20-format-italic"'},{value:'"20-format-letter-spacing"'},{value:'"20-format-line-height"'},{value:'"20-format-lowercase"'},{value:'"20-format-paragraph-spacing"'},{value:'"20-format-scale-horizontal"'},{value:'"20-format-scale-vertical"'},{value:'"20-format-small-caps"'},{value:'"20-format-strikethrough"'},{value:'"20-format-subscript"'},{value:'"20-format-superscript"'},{value:'"20-format-titlecase"'},{value:'"20-format-underline"'},{value:'"20-format-uppercase"'},{value:'"20-forward"'},{value:'"20-fullscreen-exit"'},{value:'"20-fullscreen"'},{value:'"20-function"'},{value:'"20-git-branch"'},{value:'"20-git-commit"'},{value:'"20-git-diff"'},{value:'"20-git-fork"'},{value:'"20-git-merge"'},{value:'"20-git-pull-request"'},{value:'"20-globe"'},{value:'"20-hashtag"'},{value:'"20-heading"'},{value:'"20-headphones"'},{value:'"20-health"'},{value:'"20-heart"'},{value:'"20-help-fill"'},{value:'"20-help"'},{value:'"20-home"'},{value:'"20-horizontal-align-center"'},{value:'"20-horizontal-align-left"'},{value:'"20-horizontal-align-right"'},{value:'"20-hourglass"'},{value:'"20-image-check"'},{value:'"20-image-close"'},{value:'"20-image-edit"'},{value:'"20-image-minus"'},{value:'"20-image-plus"'},{value:'"20-image"'},{value:'"20-images"'},{value:'"20-inbox"'},{value:'"20-info-circle"'},{value:'"20-info-fill"'},{value:'"20-key"'},{value:'"20-keyboard"'},{value:'"20-label"'},{value:'"20-laptop"'},{value:'"20-layer-align-bottom-center"'},{value:'"20-layer-align-horizontal"'},{value:'"20-layer-align-left-center"'},{value:'"20-layer-align-right-center"'},{value:'"20-layer-align-top-center"'},{value:'"20-layer-align-vertical"'},{value:'"20-layer-three"'},{value:'"20-layer-two"'},{value:'"20-layout-swap-horizontal"'},{value:'"20-layout-swap-vertical"'},{value:'"20-link-broken"'},{value:'"20-link"'},{value:'"20-list-bullet"'},{value:'"20-list-check"'},{value:'"20-list-ordered"'},{value:'"20-list-unordered"'},{value:'"20-lock"'},{value:'"20-log-in"'},{value:'"20-log-out"'},{value:'"20-mail"'},{value:'"20-map"'},{value:'"20-marker-pin"'},{value:'"20-math-alpha"'},{value:'"20-math-angle"'},{value:'"20-math-beta"'},{value:'"20-math-gamma"'},{value:'"20-math-infinite"'},{value:'"20-math-omega"'},{value:'"20-math-pi"'},{value:'"20-math-sigma"'},{value:'"20-math-sine-wawe"'},{value:'"20-math-square-root "'},{value:'"20-math-theta"'},{value:'"20-megaphone"'},{value:'"20-menu"'},{value:'"20-message"'},{value:'"20-mic"'},{value:'"20-minus"'},{value:'"20-mobile"'},{value:'"20-more-horizontal"'},{value:'"20-more-vertical"'},{value:'"20-mouse"'},{value:'"20-navigation"'},{value:'"20-notification"'},{value:'"20-open-in-new"'},{value:'"20-option"'},{value:'"20-package"'},{value:'"20-paintroller"'},{value:'"20-paperplane"'},{value:'"20-paragraph"'},{value:'"20-pause-circle"'},{value:'"20-pause"'},{value:'"20-phone-call"'},{value:'"20-phone-callback"'},{value:'"20-phone-forwarded"'},{value:'"20-phone-incoming"'},{value:'"20-phone-missed"'},{value:'"20-phone-outgoing"'},{value:'"20-phone"'},{value:'"20-pin"'},{value:'"20-placeholder-2"'},{value:'"20-placeholder"'},{value:'"20-play-circle"'},{value:'"20-play"'},{value:'"20-plugin"'},{value:'"20-plus"'},{value:'"20-print"'},{value:'"20-questionmark"'},{value:'"20-quote"'},{value:'"20-rainbow"'},{value:'"20-receipt"'},{value:'"20-redo"'},{value:'"20-refresh"'},{value:'"20-repeat"'},{value:'"20-reply"'},{value:'"20-robot"'},{value:'"20-scissors"'},{value:'"20-search"'},{value:'"20-settings"'},{value:'"20-share"'},{value:'"20-shield"'},{value:'"20-shirt"'},{value:'"20-shopping-basket"'},{value:'"20-shopping-cart"'},{value:'"20-sidebar-hide"'},{value:'"20-sidebar-show"'},{value:'"20-slider"'},{value:'"20-speedmeter"'},{value:'"20-star-filled"'},{value:'"20-star-half-filled"'},{value:'"20-star"'},{value:'"20-stopwatch"'},{value:'"20-suitcase"'},{value:'"20-sun"'},{value:'"20-tablet"'},{value:'"20-tag"'},{value:'"20-target-off"'},{value:'"20-target"'},{value:'"20-terminal-2"'},{value:'"20-terminal"'},{value:'"20-tetrisly"'},{value:'"20-text"'},{value:'"20-thumb-down"'},{value:'"20-thumb-up"'},{value:'"20-ticket"'},{value:'"20-time-clock"'},{value:'"20-toggle-off"'},{value:'"20-toggle-on"'},{value:'"20-transaction-horizontal"'},{value:'"20-transaction-vertical"'},{value:'"20-tree"'},{value:'"20-trend-down"'},{value:'"20-trend-up"'},{value:'"20-turn-off"'},{value:'"20-tv"'},{value:'"20-undo"'},{value:'"20-unfold-less"'},{value:'"20-unfold-more"'},{value:'"20-unlock"'},{value:'"20-upload"'},{value:'"20-user-check"'},{value:'"20-user-close"'},{value:'"20-user-edit"'},{value:'"20-user-minus"'},{value:'"20-user-plus"'},{value:'"20-user"'},{value:'"20-users"'},{value:'"20-vertical-align-bottom"'},{value:'"20-vertical-align-center"'},{value:'"20-vertical-align-top"'},{value:'"20-video-camera"'},{value:'"20-video"'},{value:'"20-view-boxes"'},{value:'"20-view-columns"'},{value:'"20-view-dashboard"'},{value:'"20-view-day"'},{value:'"20-view-layout-bottom"'},{value:'"20-view-layout-grid"'},{value:'"20-view-layout-left"'},{value:'"20-view-layout-right"'},{value:'"20-view-layout-top"'},{value:'"20-view-lp"'},{value:'"20-view-rows"'},{value:'"20-view-schedule"'},{value:'"20-view-slider"'},{value:'"20-view-table"'},{value:'"20-voice"'},{value:'"20-voicemail"'},{value:'"20-volume-max"'},{value:'"20-volume-medium"'},{value:'"20-volume-min"'},{value:'"20-volume-mute"'},{value:'"20-wallet"'},{value:'"20-warning-fill"'},{value:'"20-warning"'},{value:'"20-watch"'},{value:'"20-water-drop"'},{value:'"20-wifi-off"'},{value:'"20-wifi"'}]}},hasDropdownIndicator:{defaultValue:null,description:"",name:"hasDropdownIndicator",required:!1,type:{name:"boolean"}},variant:{defaultValue:{value:"default"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"bare"'},{value:'"default"'},{value:'"ghost"'}]}},size:{defaultValue:{value:"medium"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'}]}},appearance:{defaultValue:{value:"secondary"},description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"inverted"'},{value:'"reverseInverted"'}]}},intent:{defaultValue:{value:"none"},description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"success"'},{value:'"destructive"'}]}}}}}catch{}export{g as B}; diff --git a/assets/Button.stories-19b36539.js b/assets/Button.stories-e89052ad.js similarity index 97% rename from assets/Button.stories-19b36539.js rename to assets/Button.stories-e89052ad.js index cfa0a319..1ed68dee 100644 --- a/assets/Button.stories-19b36539.js +++ b/assets/Button.stories-e89052ad.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{B as te}from"./Button-2ba8575b.js";import{l as y}from"./mergeConfigWithCutom-aec35d44.js";import{t as i}from"./TetrislyProvider-8c69fae3.js";import{S as w}from"./SectionHeader-c9c7fa6d.js";import{T as oe}from"./TetDocs-deea9a80.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./index-60ef7482.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const ve=a=>a==="bare"?["medium","large"]:["small","medium","large"],t=({variant:a,...l})=>e.jsx(i.div,{display:"flex",flexBasis:"180px",flexGrow:"1",flexShrink:"0",alignItems:"flex-start",justifyContent:"center",flexDirection:"column",gap:"$dimension-400",py:"$dimension-500",children:ve(a).map(r=>e.jsx(te,{...l,size:r,variant:a},r))});try{t.displayName="ButtonSizes",t.__docgenInfo={description:"",displayName:"ButtonSizes",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"disabled"'},{value:'"loading"'},{value:'"selected"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"ButtonConfig"}},beforeIcon:{defaultValue:null,description:"",name:"beforeIcon",required:!1,type:{name:"enum",value:[{value:'"20-accesibility"'},{value:'"20-activity"'},{value:'"20-alarm-clock"'},{value:'"20-alert-fill"'},{value:'"20-alert"'},{value:'"20-anchor"'},{value:'"20-apps"'},{value:'"20-archive"'},{value:'"20-arrow-down-left"'},{value:'"20-arrow-down-right"'},{value:'"20-arrow-down"'},{value:'"20-arrow-left"'},{value:'"20-arrow-right"'},{value:'"20-arrow-up-left"'},{value:'"20-arrow-up-right"'},{value:'"20-arrow-up"'},{value:'"20-arrowhead-down"'},{value:'"20-arrowhead-left"'},{value:'"20-arrowhead-right"'},{value:'"20-arrowhead-up"'},{value:'"20-attachment"'},{value:'"20-background"'},{value:'"20-backspace"'},{value:'"20-backward"'},{value:'"20-bank"'},{value:'"20-battery-charging"'},{value:'"20-battery-empty"'},{value:'"20-battery-full"'},{value:'"20-battery-low"'},{value:'"20-battery-medium"'},{value:'"20-bell"'},{value:'"20-block"'},{value:'"20-bluetooth-off"'},{value:'"20-bluetooth"'},{value:'"20-bolt"'},{value:'"20-book"'},{value:'"20-bookmark"'},{value:'"20-border-all"'},{value:'"20-border-bottom"'},{value:'"20-border-horizontal"'},{value:'"20-border-inner"'},{value:'"20-border-left"'},{value:'"20-border-right"'},{value:'"20-border-style"'},{value:'"20-border-top"'},{value:'"20-border-vertical"'},{value:'"20-brackets-curly"'},{value:'"20-brain"'},{value:'"20-broadcast"'},{value:'"20-brush"'},{value:'"20-bug"'},{value:'"20-bulb"'},{value:'"20-calculator"'},{value:'"20-calendar-check"'},{value:'"20-calendar-close"'},{value:'"20-calendar-edit"'},{value:'"20-calendar-minus"'},{value:'"20-calendar-plus"'},{value:'"20-calendar"'},{value:'"20-camera"'},{value:'"20-card"'},{value:'"20-chart-bar-box"'},{value:'"20-chart-bar"'},{value:'"20-chart-line"'},{value:'"20-chart-pie"'},{value:'"20-chat"'},{value:'"20-check-badge-fill"'},{value:'"20-check-badge"'},{value:'"20-check-circle-fill"'},{value:'"20-check-circle"'},{value:'"20-check-large"'},{value:'"20-check-small"'},{value:'"20-chevron-down-small-circle"'},{value:'"20-chevron-down-small-fill"'},{value:'"20-chevron-down-small"'},{value:'"20-chevron-down"'},{value:'"20-chevron-left-small-circle"'},{value:'"20-chevron-left-small-fill"'},{value:'"20-chevron-left-small"'},{value:'"20-chevron-left"'},{value:'"20-chevron-right-small-circle"'},{value:'"20-chevron-right-small-fill"'},{value:'"20-chevron-right-small"'},{value:'"20-chevron-right"'},{value:'"20-chevron-up-small-circle"'},{value:'"20-chevron-up-small-fill"'},{value:'"20-chevron-up-small"'},{value:'"20-chevron-up"'},{value:'"20-clipboard"'},{value:'"20-close"'},{value:'"20-cloud"'},{value:'"20-code-2"'},{value:'"20-code"'},{value:'"20-command"'},{value:'"20-comment"'},{value:'"20-company"'},{value:'"20-compass"'},{value:'"20-copy"'},{value:'"20-cpu"'},{value:'"20-crown"'},{value:'"20-cursor-arrow-fill"'},{value:'"20-cursor-arrow"'},{value:'"20-cursor-text"'},{value:'"20-database"'},{value:'"20-delete"'},{value:'"20-desktop"'},{value:'"20-devices"'},{value:'"20-diamond"'},{value:'"20-dns"'},{value:'"20-download"'},{value:'"20-drag-drop-horizontal"'},{value:'"20-drag-drop-vertical"'},{value:'"20-edit"'},{value:'"20-email"'},{value:'"20-emoji-big-smile"'},{value:'"20-emoji-sad"'},{value:'"20-emoji-smile"'},{value:'"20-error-fill"'},{value:'"20-error"'},{value:'"20-extension"'},{value:'"20-eye-off"'},{value:'"20-eye"'},{value:'"20-file-check"'},{value:'"20-file-close"'},{value:'"20-file-edit"'},{value:'"20-file-minus"'},{value:'"20-file-plus"'},{value:'"20-file"'},{value:'"20-filter"'},{value:'"20-fingerprint"'},{value:'"20-fire"'},{value:'"20-flag"'},{value:'"20-folder-check"'},{value:'"20-folder-close"'},{value:'"20-folder-edit"'},{value:'"20-folder-minus"'},{value:'"20-folder-plus"'},{value:'"20-folder"'},{value:'"20-format-align-center"'},{value:'"20-format-align-justify"'},{value:'"20-format-align-left"'},{value:'"20-format-align-right"'},{value:'"20-format-all-small-caps"'},{value:'"20-format-bold"'},{value:'"20-format-font-size"'},{value:'"20-format-indent-decrease"'},{value:'"20-format-indent-increase"'},{value:'"20-format-italic"'},{value:'"20-format-letter-spacing"'},{value:'"20-format-line-height"'},{value:'"20-format-lowercase"'},{value:'"20-format-paragraph-spacing"'},{value:'"20-format-scale-horizontal"'},{value:'"20-format-scale-vertical"'},{value:'"20-format-small-caps"'},{value:'"20-format-strikethrough"'},{value:'"20-format-subscript"'},{value:'"20-format-superscript"'},{value:'"20-format-titlecase"'},{value:'"20-format-underline"'},{value:'"20-format-uppercase"'},{value:'"20-forward"'},{value:'"20-fullscreen-exit"'},{value:'"20-fullscreen"'},{value:'"20-function"'},{value:'"20-git-branch"'},{value:'"20-git-commit"'},{value:'"20-git-diff"'},{value:'"20-git-fork"'},{value:'"20-git-merge"'},{value:'"20-git-pull-request"'},{value:'"20-globe"'},{value:'"20-hashtag"'},{value:'"20-heading"'},{value:'"20-headphones"'},{value:'"20-health"'},{value:'"20-heart"'},{value:'"20-help-fill"'},{value:'"20-help"'},{value:'"20-home"'},{value:'"20-horizontal-align-center"'},{value:'"20-horizontal-align-left"'},{value:'"20-horizontal-align-right"'},{value:'"20-hourglass"'},{value:'"20-image-check"'},{value:'"20-image-close"'},{value:'"20-image-edit"'},{value:'"20-image-minus"'},{value:'"20-image-plus"'},{value:'"20-image"'},{value:'"20-images"'},{value:'"20-inbox"'},{value:'"20-info-circle"'},{value:'"20-info-fill"'},{value:'"20-key"'},{value:'"20-keyboard"'},{value:'"20-label"'},{value:'"20-laptop"'},{value:'"20-layer-align-bottom-center"'},{value:'"20-layer-align-horizontal"'},{value:'"20-layer-align-left-center"'},{value:'"20-layer-align-right-center"'},{value:'"20-layer-align-top-center"'},{value:'"20-layer-align-vertical"'},{value:'"20-layer-three"'},{value:'"20-layer-two"'},{value:'"20-layout-swap-horizontal"'},{value:'"20-layout-swap-vertical"'},{value:'"20-link-broken"'},{value:'"20-link"'},{value:'"20-list-bullet"'},{value:'"20-list-check"'},{value:'"20-list-ordered"'},{value:'"20-list-unordered"'},{value:'"20-lock"'},{value:'"20-log-in"'},{value:'"20-log-out"'},{value:'"20-mail"'},{value:'"20-map"'},{value:'"20-marker-pin"'},{value:'"20-math-alpha"'},{value:'"20-math-angle"'},{value:'"20-math-beta"'},{value:'"20-math-gamma"'},{value:'"20-math-infinite"'},{value:'"20-math-omega"'},{value:'"20-math-pi"'},{value:'"20-math-sigma"'},{value:'"20-math-sine-wawe"'},{value:'"20-math-square-root "'},{value:'"20-math-theta"'},{value:'"20-megaphone"'},{value:'"20-menu"'},{value:'"20-message"'},{value:'"20-mic"'},{value:'"20-minus"'},{value:'"20-mobile"'},{value:'"20-more-horizontal"'},{value:'"20-more-vertical"'},{value:'"20-mouse"'},{value:'"20-navigation"'},{value:'"20-notification"'},{value:'"20-open-in-new"'},{value:'"20-option"'},{value:'"20-package"'},{value:'"20-paintroller"'},{value:'"20-paperplane"'},{value:'"20-paragraph"'},{value:'"20-pause-circle"'},{value:'"20-pause"'},{value:'"20-phone-call"'},{value:'"20-phone-callback"'},{value:'"20-phone-forwarded"'},{value:'"20-phone-incoming"'},{value:'"20-phone-missed"'},{value:'"20-phone-outgoing"'},{value:'"20-phone"'},{value:'"20-pin"'},{value:'"20-placeholder-2"'},{value:'"20-placeholder"'},{value:'"20-play-circle"'},{value:'"20-play"'},{value:'"20-plugin"'},{value:'"20-plus"'},{value:'"20-print"'},{value:'"20-questionmark"'},{value:'"20-quote"'},{value:'"20-rainbow"'},{value:'"20-receipt"'},{value:'"20-redo"'},{value:'"20-refresh"'},{value:'"20-repeat"'},{value:'"20-reply"'},{value:'"20-robot"'},{value:'"20-scissors"'},{value:'"20-search"'},{value:'"20-settings"'},{value:'"20-share"'},{value:'"20-shield"'},{value:'"20-shirt"'},{value:'"20-shopping-basket"'},{value:'"20-shopping-cart"'},{value:'"20-sidebar-hide"'},{value:'"20-sidebar-show"'},{value:'"20-slider"'},{value:'"20-speedmeter"'},{value:'"20-star-filled"'},{value:'"20-star-half-filled"'},{value:'"20-star"'},{value:'"20-stopwatch"'},{value:'"20-suitcase"'},{value:'"20-sun"'},{value:'"20-tablet"'},{value:'"20-tag"'},{value:'"20-target-off"'},{value:'"20-target"'},{value:'"20-terminal-2"'},{value:'"20-terminal"'},{value:'"20-tetrisly"'},{value:'"20-text"'},{value:'"20-thumb-down"'},{value:'"20-thumb-up"'},{value:'"20-ticket"'},{value:'"20-time-clock"'},{value:'"20-toggle-off"'},{value:'"20-toggle-on"'},{value:'"20-transaction-horizontal"'},{value:'"20-transaction-vertical"'},{value:'"20-tree"'},{value:'"20-trend-down"'},{value:'"20-trend-up"'},{value:'"20-turn-off"'},{value:'"20-tv"'},{value:'"20-undo"'},{value:'"20-unfold-less"'},{value:'"20-unfold-more"'},{value:'"20-unlock"'},{value:'"20-upload"'},{value:'"20-user-check"'},{value:'"20-user-close"'},{value:'"20-user-edit"'},{value:'"20-user-minus"'},{value:'"20-user-plus"'},{value:'"20-user"'},{value:'"20-users"'},{value:'"20-vertical-align-bottom"'},{value:'"20-vertical-align-center"'},{value:'"20-vertical-align-top"'},{value:'"20-video-camera"'},{value:'"20-video"'},{value:'"20-view-boxes"'},{value:'"20-view-columns"'},{value:'"20-view-dashboard"'},{value:'"20-view-day"'},{value:'"20-view-layout-bottom"'},{value:'"20-view-layout-grid"'},{value:'"20-view-layout-left"'},{value:'"20-view-layout-right"'},{value:'"20-view-layout-top"'},{value:'"20-view-lp"'},{value:'"20-view-rows"'},{value:'"20-view-schedule"'},{value:'"20-view-slider"'},{value:'"20-view-table"'},{value:'"20-voice"'},{value:'"20-voicemail"'},{value:'"20-volume-max"'},{value:'"20-volume-medium"'},{value:'"20-volume-min"'},{value:'"20-volume-mute"'},{value:'"20-wallet"'},{value:'"20-warning-fill"'},{value:'"20-warning"'},{value:'"20-watch"'},{value:'"20-water-drop"'},{value:'"20-wifi-off"'},{value:'"20-wifi"'}]}},afterIcon:{defaultValue:null,description:"",name:"afterIcon",required:!1,type:{name:"enum",value:[{value:'"20-accesibility"'},{value:'"20-activity"'},{value:'"20-alarm-clock"'},{value:'"20-alert-fill"'},{value:'"20-alert"'},{value:'"20-anchor"'},{value:'"20-apps"'},{value:'"20-archive"'},{value:'"20-arrow-down-left"'},{value:'"20-arrow-down-right"'},{value:'"20-arrow-down"'},{value:'"20-arrow-left"'},{value:'"20-arrow-right"'},{value:'"20-arrow-up-left"'},{value:'"20-arrow-up-right"'},{value:'"20-arrow-up"'},{value:'"20-arrowhead-down"'},{value:'"20-arrowhead-left"'},{value:'"20-arrowhead-right"'},{value:'"20-arrowhead-up"'},{value:'"20-attachment"'},{value:'"20-background"'},{value:'"20-backspace"'},{value:'"20-backward"'},{value:'"20-bank"'},{value:'"20-battery-charging"'},{value:'"20-battery-empty"'},{value:'"20-battery-full"'},{value:'"20-battery-low"'},{value:'"20-battery-medium"'},{value:'"20-bell"'},{value:'"20-block"'},{value:'"20-bluetooth-off"'},{value:'"20-bluetooth"'},{value:'"20-bolt"'},{value:'"20-book"'},{value:'"20-bookmark"'},{value:'"20-border-all"'},{value:'"20-border-bottom"'},{value:'"20-border-horizontal"'},{value:'"20-border-inner"'},{value:'"20-border-left"'},{value:'"20-border-right"'},{value:'"20-border-style"'},{value:'"20-border-top"'},{value:'"20-border-vertical"'},{value:'"20-brackets-curly"'},{value:'"20-brain"'},{value:'"20-broadcast"'},{value:'"20-brush"'},{value:'"20-bug"'},{value:'"20-bulb"'},{value:'"20-calculator"'},{value:'"20-calendar-check"'},{value:'"20-calendar-close"'},{value:'"20-calendar-edit"'},{value:'"20-calendar-minus"'},{value:'"20-calendar-plus"'},{value:'"20-calendar"'},{value:'"20-camera"'},{value:'"20-card"'},{value:'"20-chart-bar-box"'},{value:'"20-chart-bar"'},{value:'"20-chart-line"'},{value:'"20-chart-pie"'},{value:'"20-chat"'},{value:'"20-check-badge-fill"'},{value:'"20-check-badge"'},{value:'"20-check-circle-fill"'},{value:'"20-check-circle"'},{value:'"20-check-large"'},{value:'"20-check-small"'},{value:'"20-chevron-down-small-circle"'},{value:'"20-chevron-down-small-fill"'},{value:'"20-chevron-down-small"'},{value:'"20-chevron-down"'},{value:'"20-chevron-left-small-circle"'},{value:'"20-chevron-left-small-fill"'},{value:'"20-chevron-left-small"'},{value:'"20-chevron-left"'},{value:'"20-chevron-right-small-circle"'},{value:'"20-chevron-right-small-fill"'},{value:'"20-chevron-right-small"'},{value:'"20-chevron-right"'},{value:'"20-chevron-up-small-circle"'},{value:'"20-chevron-up-small-fill"'},{value:'"20-chevron-up-small"'},{value:'"20-chevron-up"'},{value:'"20-clipboard"'},{value:'"20-close"'},{value:'"20-cloud"'},{value:'"20-code-2"'},{value:'"20-code"'},{value:'"20-command"'},{value:'"20-comment"'},{value:'"20-company"'},{value:'"20-compass"'},{value:'"20-copy"'},{value:'"20-cpu"'},{value:'"20-crown"'},{value:'"20-cursor-arrow-fill"'},{value:'"20-cursor-arrow"'},{value:'"20-cursor-text"'},{value:'"20-database"'},{value:'"20-delete"'},{value:'"20-desktop"'},{value:'"20-devices"'},{value:'"20-diamond"'},{value:'"20-dns"'},{value:'"20-download"'},{value:'"20-drag-drop-horizontal"'},{value:'"20-drag-drop-vertical"'},{value:'"20-edit"'},{value:'"20-email"'},{value:'"20-emoji-big-smile"'},{value:'"20-emoji-sad"'},{value:'"20-emoji-smile"'},{value:'"20-error-fill"'},{value:'"20-error"'},{value:'"20-extension"'},{value:'"20-eye-off"'},{value:'"20-eye"'},{value:'"20-file-check"'},{value:'"20-file-close"'},{value:'"20-file-edit"'},{value:'"20-file-minus"'},{value:'"20-file-plus"'},{value:'"20-file"'},{value:'"20-filter"'},{value:'"20-fingerprint"'},{value:'"20-fire"'},{value:'"20-flag"'},{value:'"20-folder-check"'},{value:'"20-folder-close"'},{value:'"20-folder-edit"'},{value:'"20-folder-minus"'},{value:'"20-folder-plus"'},{value:'"20-folder"'},{value:'"20-format-align-center"'},{value:'"20-format-align-justify"'},{value:'"20-format-align-left"'},{value:'"20-format-align-right"'},{value:'"20-format-all-small-caps"'},{value:'"20-format-bold"'},{value:'"20-format-font-size"'},{value:'"20-format-indent-decrease"'},{value:'"20-format-indent-increase"'},{value:'"20-format-italic"'},{value:'"20-format-letter-spacing"'},{value:'"20-format-line-height"'},{value:'"20-format-lowercase"'},{value:'"20-format-paragraph-spacing"'},{value:'"20-format-scale-horizontal"'},{value:'"20-format-scale-vertical"'},{value:'"20-format-small-caps"'},{value:'"20-format-strikethrough"'},{value:'"20-format-subscript"'},{value:'"20-format-superscript"'},{value:'"20-format-titlecase"'},{value:'"20-format-underline"'},{value:'"20-format-uppercase"'},{value:'"20-forward"'},{value:'"20-fullscreen-exit"'},{value:'"20-fullscreen"'},{value:'"20-function"'},{value:'"20-git-branch"'},{value:'"20-git-commit"'},{value:'"20-git-diff"'},{value:'"20-git-fork"'},{value:'"20-git-merge"'},{value:'"20-git-pull-request"'},{value:'"20-globe"'},{value:'"20-hashtag"'},{value:'"20-heading"'},{value:'"20-headphones"'},{value:'"20-health"'},{value:'"20-heart"'},{value:'"20-help-fill"'},{value:'"20-help"'},{value:'"20-home"'},{value:'"20-horizontal-align-center"'},{value:'"20-horizontal-align-left"'},{value:'"20-horizontal-align-right"'},{value:'"20-hourglass"'},{value:'"20-image-check"'},{value:'"20-image-close"'},{value:'"20-image-edit"'},{value:'"20-image-minus"'},{value:'"20-image-plus"'},{value:'"20-image"'},{value:'"20-images"'},{value:'"20-inbox"'},{value:'"20-info-circle"'},{value:'"20-info-fill"'},{value:'"20-key"'},{value:'"20-keyboard"'},{value:'"20-label"'},{value:'"20-laptop"'},{value:'"20-layer-align-bottom-center"'},{value:'"20-layer-align-horizontal"'},{value:'"20-layer-align-left-center"'},{value:'"20-layer-align-right-center"'},{value:'"20-layer-align-top-center"'},{value:'"20-layer-align-vertical"'},{value:'"20-layer-three"'},{value:'"20-layer-two"'},{value:'"20-layout-swap-horizontal"'},{value:'"20-layout-swap-vertical"'},{value:'"20-link-broken"'},{value:'"20-link"'},{value:'"20-list-bullet"'},{value:'"20-list-check"'},{value:'"20-list-ordered"'},{value:'"20-list-unordered"'},{value:'"20-lock"'},{value:'"20-log-in"'},{value:'"20-log-out"'},{value:'"20-mail"'},{value:'"20-map"'},{value:'"20-marker-pin"'},{value:'"20-math-alpha"'},{value:'"20-math-angle"'},{value:'"20-math-beta"'},{value:'"20-math-gamma"'},{value:'"20-math-infinite"'},{value:'"20-math-omega"'},{value:'"20-math-pi"'},{value:'"20-math-sigma"'},{value:'"20-math-sine-wawe"'},{value:'"20-math-square-root "'},{value:'"20-math-theta"'},{value:'"20-megaphone"'},{value:'"20-menu"'},{value:'"20-message"'},{value:'"20-mic"'},{value:'"20-minus"'},{value:'"20-mobile"'},{value:'"20-more-horizontal"'},{value:'"20-more-vertical"'},{value:'"20-mouse"'},{value:'"20-navigation"'},{value:'"20-notification"'},{value:'"20-open-in-new"'},{value:'"20-option"'},{value:'"20-package"'},{value:'"20-paintroller"'},{value:'"20-paperplane"'},{value:'"20-paragraph"'},{value:'"20-pause-circle"'},{value:'"20-pause"'},{value:'"20-phone-call"'},{value:'"20-phone-callback"'},{value:'"20-phone-forwarded"'},{value:'"20-phone-incoming"'},{value:'"20-phone-missed"'},{value:'"20-phone-outgoing"'},{value:'"20-phone"'},{value:'"20-pin"'},{value:'"20-placeholder-2"'},{value:'"20-placeholder"'},{value:'"20-play-circle"'},{value:'"20-play"'},{value:'"20-plugin"'},{value:'"20-plus"'},{value:'"20-print"'},{value:'"20-questionmark"'},{value:'"20-quote"'},{value:'"20-rainbow"'},{value:'"20-receipt"'},{value:'"20-redo"'},{value:'"20-refresh"'},{value:'"20-repeat"'},{value:'"20-reply"'},{value:'"20-robot"'},{value:'"20-scissors"'},{value:'"20-search"'},{value:'"20-settings"'},{value:'"20-share"'},{value:'"20-shield"'},{value:'"20-shirt"'},{value:'"20-shopping-basket"'},{value:'"20-shopping-cart"'},{value:'"20-sidebar-hide"'},{value:'"20-sidebar-show"'},{value:'"20-slider"'},{value:'"20-speedmeter"'},{value:'"20-star-filled"'},{value:'"20-star-half-filled"'},{value:'"20-star"'},{value:'"20-stopwatch"'},{value:'"20-suitcase"'},{value:'"20-sun"'},{value:'"20-tablet"'},{value:'"20-tag"'},{value:'"20-target-off"'},{value:'"20-target"'},{value:'"20-terminal-2"'},{value:'"20-terminal"'},{value:'"20-tetrisly"'},{value:'"20-text"'},{value:'"20-thumb-down"'},{value:'"20-thumb-up"'},{value:'"20-ticket"'},{value:'"20-time-clock"'},{value:'"20-toggle-off"'},{value:'"20-toggle-on"'},{value:'"20-transaction-horizontal"'},{value:'"20-transaction-vertical"'},{value:'"20-tree"'},{value:'"20-trend-down"'},{value:'"20-trend-up"'},{value:'"20-turn-off"'},{value:'"20-tv"'},{value:'"20-undo"'},{value:'"20-unfold-less"'},{value:'"20-unfold-more"'},{value:'"20-unlock"'},{value:'"20-upload"'},{value:'"20-user-check"'},{value:'"20-user-close"'},{value:'"20-user-edit"'},{value:'"20-user-minus"'},{value:'"20-user-plus"'},{value:'"20-user"'},{value:'"20-users"'},{value:'"20-vertical-align-bottom"'},{value:'"20-vertical-align-center"'},{value:'"20-vertical-align-top"'},{value:'"20-video-camera"'},{value:'"20-video"'},{value:'"20-view-boxes"'},{value:'"20-view-columns"'},{value:'"20-view-dashboard"'},{value:'"20-view-day"'},{value:'"20-view-layout-bottom"'},{value:'"20-view-layout-grid"'},{value:'"20-view-layout-left"'},{value:'"20-view-layout-right"'},{value:'"20-view-layout-top"'},{value:'"20-view-lp"'},{value:'"20-view-rows"'},{value:'"20-view-schedule"'},{value:'"20-view-slider"'},{value:'"20-view-table"'},{value:'"20-voice"'},{value:'"20-voicemail"'},{value:'"20-volume-max"'},{value:'"20-volume-medium"'},{value:'"20-volume-min"'},{value:'"20-volume-mute"'},{value:'"20-wallet"'},{value:'"20-warning-fill"'},{value:'"20-warning"'},{value:'"20-watch"'},{value:'"20-water-drop"'},{value:'"20-wifi-off"'},{value:'"20-wifi"'}]}},hasDropdownIndicator:{defaultValue:null,description:"",name:"hasDropdownIndicator",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"bare"'},{value:'"default"'},{value:'"ghost"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'}]}},appearance:{defaultValue:null,description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"inverted"'},{value:'"reverseInverted"'}]}},intent:{defaultValue:null,description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"success"'},{value:'"destructive"'}]}}}}}catch{}const k=({variant:a,appearance:l,intent:r})=>{const o={variant:a,appearance:l,intent:r};return e.jsxs(i.div,{display:"flex",gap:"$dimension-300",pl:"5px",overflowX:"scroll",children:[e.jsx(t,{...o,label:"Button label"}),e.jsx(t,{...o,label:"Button label",beforeIcon:"20-placeholder"}),e.jsx(t,{...o,label:"Button label",afterIcon:"20-placeholder"}),e.jsx(t,{...o,label:"Button label",beforeIcon:"20-placeholder",afterIcon:"20-placeholder"}),e.jsx(t,{...o,label:"Button label",hasDropdownIndicator:!0}),e.jsx(t,{...o,label:"Button label",beforeIcon:"20-placeholder",hasDropdownIndicator:!0})]})};try{k.displayName="ButtonRow",k.__docgenInfo={description:"",displayName:"ButtonRow",props:{intent:{defaultValue:null,description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"success"'},{value:'"destructive"'}]}},appearance:{defaultValue:null,description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"inverted"'},{value:'"reverseInverted"'}]}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"bare"'},{value:'"default"'},{value:'"ghost"'}]}}}}}catch{}const ne=["default","ghost","bare"],ie=a=>a==="default"?["primary","secondary","inverted"]:["primary","secondary","inverted","reverseInverted"],se=(a,l)=>a==="default"&&l==="secondary"||l==="primary"?["none","success","destructive"]:["none"],x=()=>e.jsx(e.Fragment,{children:ne.map(a=>e.jsxs(i.section,{display:"flex",pt:"$dimension-500",flexDirection:"column",children:[e.jsx(w,{variant:"Hero",as:"h2",px:"$dimension-1000",children:y.startCase(a)}),ie(a).map(l=>e.jsxs(i.div,{display:"flex",flexDirection:"column",bg:l==="inverted"?"$color-background-inverted":void 0,children:[e.jsx(w,{variant:"H2",inverted:l==="inverted",as:"h3",px:"$dimension-1000",py:"$dimension-500",borderBottom:"$color-neutral-strong",children:y.startCase(l)}),se(a,l).map(r=>e.jsxs(i.div,{display:"flex",flexDirection:"column",px:"$dimension-1000",pb:"$dimension-500",borderBottomWidth:"1px",borderBottomColor:"$color-border-neutral-subtle",children:[e.jsxs(w,{variant:"H3",as:"h4",pt:"$dimension-500",inverted:l==="inverted",children:["Intent: ",y.startCase(r)]}),e.jsx(k,{variant:a,appearance:l,intent:r})]},r))]},l))]},a))});try{x.displayName="ButtonDocs",x.__docgenInfo={description:"",displayName:"ButtonDocs",props:{}}}catch{}const _e={title:"Button",component:te,tags:["autodocs"],args:{label:"Button label"},argTypes:{state:{options:[void 0,"disabled","loading","selected"],defaultValue:void 0,control:{type:"radio"}},size:{options:["small","medium","large"],defaultValue:"medium",control:{type:"radio"}},variant:{options:["default","ghost","bare"],defaultValue:"default",control:{type:"radio"}},intent:{options:["none","success","destructive"],defaultValue:"none",control:{type:"radio"}}},parameters:{docs:{description:{component:"A versatile and interactive element. Buttons allow users to perform actions and navigate through an application. They come in various styles and sizes, providing clear visual cues and feedback to users."},page:()=>e.jsx(oe,{docs:"https://docs.tetrisly.com/components/list/button",children:e.jsx(x,{})})}}},u={argTypes:{appearance:{options:["primary","secondary","inverted","reverseInverted"],defaultValue:"primary",control:{type:"radio"}}}},s={...u,args:{state:"loading"}},c={...u,args:{state:"disabled"}},d={...u,args:{beforeIcon:"20-placeholder"}},m={...u,args:{afterIcon:"20-placeholder"}},p={...u,args:{hasDropdownIndicator:!0}},v={args:{variant:"ghost"},argTypes:{appearance:{options:["primary","secondary","inverted","reverseInverted"],defaultValue:"primary",control:{type:"radio"}}}},f={...v,args:{state:"loading"}},h={...v,args:{state:"disabled"}},n={args:{variant:"bare"},argTypes:{appearance:{options:["primary","secondary","inverted","reverseInverted"],defaultValue:"primary",control:{type:"radio"}},size:{options:["medium","large"],defaultValue:"medium",control:{type:"radio"}}}},g={...n,args:{state:"loading",variant:"bare"}},b={...n,args:{state:"disabled",variant:"bare"}};var D,B,I;u.parameters={...u.parameters,docs:{...(D=u.parameters)==null?void 0:D.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-ffb262ed.js";import{B as te}from"./Button-93f2d0ab.js";import{l as y}from"./mergeConfigWithCutom-aec35d44.js";import{t as i}from"./TetrislyProvider-8c69fae3.js";import{S as w}from"./SectionHeader-c9c7fa6d.js";import{T as oe}from"./TetDocs-03bc5c84.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./index-60ef7482.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const ve=a=>a==="bare"?["medium","large"]:["small","medium","large"],t=({variant:a,...l})=>e.jsx(i.div,{display:"flex",flexBasis:"180px",flexGrow:"1",flexShrink:"0",alignItems:"flex-start",justifyContent:"center",flexDirection:"column",gap:"$dimension-400",py:"$dimension-500",children:ve(a).map(r=>e.jsx(te,{...l,size:r,variant:a},r))});try{t.displayName="ButtonSizes",t.__docgenInfo={description:"",displayName:"ButtonSizes",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"loading"'},{value:'"disabled"'},{value:'"selected"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"ButtonConfig"}},beforeIcon:{defaultValue:null,description:"",name:"beforeIcon",required:!1,type:{name:"enum",value:[{value:'"20-accesibility"'},{value:'"20-activity"'},{value:'"20-alarm-clock"'},{value:'"20-alert-fill"'},{value:'"20-alert"'},{value:'"20-anchor"'},{value:'"20-apps"'},{value:'"20-archive"'},{value:'"20-arrow-down-left"'},{value:'"20-arrow-down-right"'},{value:'"20-arrow-down"'},{value:'"20-arrow-left"'},{value:'"20-arrow-right"'},{value:'"20-arrow-up-left"'},{value:'"20-arrow-up-right"'},{value:'"20-arrow-up"'},{value:'"20-arrowhead-down"'},{value:'"20-arrowhead-left"'},{value:'"20-arrowhead-right"'},{value:'"20-arrowhead-up"'},{value:'"20-attachment"'},{value:'"20-background"'},{value:'"20-backspace"'},{value:'"20-backward"'},{value:'"20-bank"'},{value:'"20-battery-charging"'},{value:'"20-battery-empty"'},{value:'"20-battery-full"'},{value:'"20-battery-low"'},{value:'"20-battery-medium"'},{value:'"20-bell"'},{value:'"20-block"'},{value:'"20-bluetooth-off"'},{value:'"20-bluetooth"'},{value:'"20-bolt"'},{value:'"20-book"'},{value:'"20-bookmark"'},{value:'"20-border-all"'},{value:'"20-border-bottom"'},{value:'"20-border-horizontal"'},{value:'"20-border-inner"'},{value:'"20-border-left"'},{value:'"20-border-right"'},{value:'"20-border-style"'},{value:'"20-border-top"'},{value:'"20-border-vertical"'},{value:'"20-brackets-curly"'},{value:'"20-brain"'},{value:'"20-broadcast"'},{value:'"20-brush"'},{value:'"20-bug"'},{value:'"20-bulb"'},{value:'"20-calculator"'},{value:'"20-calendar-check"'},{value:'"20-calendar-close"'},{value:'"20-calendar-edit"'},{value:'"20-calendar-minus"'},{value:'"20-calendar-plus"'},{value:'"20-calendar"'},{value:'"20-camera"'},{value:'"20-card"'},{value:'"20-chart-bar-box"'},{value:'"20-chart-bar"'},{value:'"20-chart-line"'},{value:'"20-chart-pie"'},{value:'"20-chat"'},{value:'"20-check-badge-fill"'},{value:'"20-check-badge"'},{value:'"20-check-circle-fill"'},{value:'"20-check-circle"'},{value:'"20-check-large"'},{value:'"20-check-small"'},{value:'"20-chevron-down-small-circle"'},{value:'"20-chevron-down-small-fill"'},{value:'"20-chevron-down-small"'},{value:'"20-chevron-down"'},{value:'"20-chevron-left-small-circle"'},{value:'"20-chevron-left-small-fill"'},{value:'"20-chevron-left-small"'},{value:'"20-chevron-left"'},{value:'"20-chevron-right-small-circle"'},{value:'"20-chevron-right-small-fill"'},{value:'"20-chevron-right-small"'},{value:'"20-chevron-right"'},{value:'"20-chevron-up-small-circle"'},{value:'"20-chevron-up-small-fill"'},{value:'"20-chevron-up-small"'},{value:'"20-chevron-up"'},{value:'"20-clipboard"'},{value:'"20-close"'},{value:'"20-cloud"'},{value:'"20-code-2"'},{value:'"20-code"'},{value:'"20-command"'},{value:'"20-comment"'},{value:'"20-company"'},{value:'"20-compass"'},{value:'"20-copy"'},{value:'"20-cpu"'},{value:'"20-crown"'},{value:'"20-cursor-arrow-fill"'},{value:'"20-cursor-arrow"'},{value:'"20-cursor-text"'},{value:'"20-database"'},{value:'"20-delete"'},{value:'"20-desktop"'},{value:'"20-devices"'},{value:'"20-diamond"'},{value:'"20-dns"'},{value:'"20-download"'},{value:'"20-drag-drop-horizontal"'},{value:'"20-drag-drop-vertical"'},{value:'"20-edit"'},{value:'"20-email"'},{value:'"20-emoji-big-smile"'},{value:'"20-emoji-sad"'},{value:'"20-emoji-smile"'},{value:'"20-error-fill"'},{value:'"20-error"'},{value:'"20-extension"'},{value:'"20-eye-off"'},{value:'"20-eye"'},{value:'"20-file-check"'},{value:'"20-file-close"'},{value:'"20-file-edit"'},{value:'"20-file-minus"'},{value:'"20-file-plus"'},{value:'"20-file"'},{value:'"20-filter"'},{value:'"20-fingerprint"'},{value:'"20-fire"'},{value:'"20-flag"'},{value:'"20-folder-check"'},{value:'"20-folder-close"'},{value:'"20-folder-edit"'},{value:'"20-folder-minus"'},{value:'"20-folder-plus"'},{value:'"20-folder"'},{value:'"20-format-align-center"'},{value:'"20-format-align-justify"'},{value:'"20-format-align-left"'},{value:'"20-format-align-right"'},{value:'"20-format-all-small-caps"'},{value:'"20-format-bold"'},{value:'"20-format-font-size"'},{value:'"20-format-indent-decrease"'},{value:'"20-format-indent-increase"'},{value:'"20-format-italic"'},{value:'"20-format-letter-spacing"'},{value:'"20-format-line-height"'},{value:'"20-format-lowercase"'},{value:'"20-format-paragraph-spacing"'},{value:'"20-format-scale-horizontal"'},{value:'"20-format-scale-vertical"'},{value:'"20-format-small-caps"'},{value:'"20-format-strikethrough"'},{value:'"20-format-subscript"'},{value:'"20-format-superscript"'},{value:'"20-format-titlecase"'},{value:'"20-format-underline"'},{value:'"20-format-uppercase"'},{value:'"20-forward"'},{value:'"20-fullscreen-exit"'},{value:'"20-fullscreen"'},{value:'"20-function"'},{value:'"20-git-branch"'},{value:'"20-git-commit"'},{value:'"20-git-diff"'},{value:'"20-git-fork"'},{value:'"20-git-merge"'},{value:'"20-git-pull-request"'},{value:'"20-globe"'},{value:'"20-hashtag"'},{value:'"20-heading"'},{value:'"20-headphones"'},{value:'"20-health"'},{value:'"20-heart"'},{value:'"20-help-fill"'},{value:'"20-help"'},{value:'"20-home"'},{value:'"20-horizontal-align-center"'},{value:'"20-horizontal-align-left"'},{value:'"20-horizontal-align-right"'},{value:'"20-hourglass"'},{value:'"20-image-check"'},{value:'"20-image-close"'},{value:'"20-image-edit"'},{value:'"20-image-minus"'},{value:'"20-image-plus"'},{value:'"20-image"'},{value:'"20-images"'},{value:'"20-inbox"'},{value:'"20-info-circle"'},{value:'"20-info-fill"'},{value:'"20-key"'},{value:'"20-keyboard"'},{value:'"20-label"'},{value:'"20-laptop"'},{value:'"20-layer-align-bottom-center"'},{value:'"20-layer-align-horizontal"'},{value:'"20-layer-align-left-center"'},{value:'"20-layer-align-right-center"'},{value:'"20-layer-align-top-center"'},{value:'"20-layer-align-vertical"'},{value:'"20-layer-three"'},{value:'"20-layer-two"'},{value:'"20-layout-swap-horizontal"'},{value:'"20-layout-swap-vertical"'},{value:'"20-link-broken"'},{value:'"20-link"'},{value:'"20-list-bullet"'},{value:'"20-list-check"'},{value:'"20-list-ordered"'},{value:'"20-list-unordered"'},{value:'"20-lock"'},{value:'"20-log-in"'},{value:'"20-log-out"'},{value:'"20-mail"'},{value:'"20-map"'},{value:'"20-marker-pin"'},{value:'"20-math-alpha"'},{value:'"20-math-angle"'},{value:'"20-math-beta"'},{value:'"20-math-gamma"'},{value:'"20-math-infinite"'},{value:'"20-math-omega"'},{value:'"20-math-pi"'},{value:'"20-math-sigma"'},{value:'"20-math-sine-wawe"'},{value:'"20-math-square-root "'},{value:'"20-math-theta"'},{value:'"20-megaphone"'},{value:'"20-menu"'},{value:'"20-message"'},{value:'"20-mic"'},{value:'"20-minus"'},{value:'"20-mobile"'},{value:'"20-more-horizontal"'},{value:'"20-more-vertical"'},{value:'"20-mouse"'},{value:'"20-navigation"'},{value:'"20-notification"'},{value:'"20-open-in-new"'},{value:'"20-option"'},{value:'"20-package"'},{value:'"20-paintroller"'},{value:'"20-paperplane"'},{value:'"20-paragraph"'},{value:'"20-pause-circle"'},{value:'"20-pause"'},{value:'"20-phone-call"'},{value:'"20-phone-callback"'},{value:'"20-phone-forwarded"'},{value:'"20-phone-incoming"'},{value:'"20-phone-missed"'},{value:'"20-phone-outgoing"'},{value:'"20-phone"'},{value:'"20-pin"'},{value:'"20-placeholder-2"'},{value:'"20-placeholder"'},{value:'"20-play-circle"'},{value:'"20-play"'},{value:'"20-plugin"'},{value:'"20-plus"'},{value:'"20-print"'},{value:'"20-questionmark"'},{value:'"20-quote"'},{value:'"20-rainbow"'},{value:'"20-receipt"'},{value:'"20-redo"'},{value:'"20-refresh"'},{value:'"20-repeat"'},{value:'"20-reply"'},{value:'"20-robot"'},{value:'"20-scissors"'},{value:'"20-search"'},{value:'"20-settings"'},{value:'"20-share"'},{value:'"20-shield"'},{value:'"20-shirt"'},{value:'"20-shopping-basket"'},{value:'"20-shopping-cart"'},{value:'"20-sidebar-hide"'},{value:'"20-sidebar-show"'},{value:'"20-slider"'},{value:'"20-speedmeter"'},{value:'"20-star-filled"'},{value:'"20-star-half-filled"'},{value:'"20-star"'},{value:'"20-stopwatch"'},{value:'"20-suitcase"'},{value:'"20-sun"'},{value:'"20-tablet"'},{value:'"20-tag"'},{value:'"20-target-off"'},{value:'"20-target"'},{value:'"20-terminal-2"'},{value:'"20-terminal"'},{value:'"20-tetrisly"'},{value:'"20-text"'},{value:'"20-thumb-down"'},{value:'"20-thumb-up"'},{value:'"20-ticket"'},{value:'"20-time-clock"'},{value:'"20-toggle-off"'},{value:'"20-toggle-on"'},{value:'"20-transaction-horizontal"'},{value:'"20-transaction-vertical"'},{value:'"20-tree"'},{value:'"20-trend-down"'},{value:'"20-trend-up"'},{value:'"20-turn-off"'},{value:'"20-tv"'},{value:'"20-undo"'},{value:'"20-unfold-less"'},{value:'"20-unfold-more"'},{value:'"20-unlock"'},{value:'"20-upload"'},{value:'"20-user-check"'},{value:'"20-user-close"'},{value:'"20-user-edit"'},{value:'"20-user-minus"'},{value:'"20-user-plus"'},{value:'"20-user"'},{value:'"20-users"'},{value:'"20-vertical-align-bottom"'},{value:'"20-vertical-align-center"'},{value:'"20-vertical-align-top"'},{value:'"20-video-camera"'},{value:'"20-video"'},{value:'"20-view-boxes"'},{value:'"20-view-columns"'},{value:'"20-view-dashboard"'},{value:'"20-view-day"'},{value:'"20-view-layout-bottom"'},{value:'"20-view-layout-grid"'},{value:'"20-view-layout-left"'},{value:'"20-view-layout-right"'},{value:'"20-view-layout-top"'},{value:'"20-view-lp"'},{value:'"20-view-rows"'},{value:'"20-view-schedule"'},{value:'"20-view-slider"'},{value:'"20-view-table"'},{value:'"20-voice"'},{value:'"20-voicemail"'},{value:'"20-volume-max"'},{value:'"20-volume-medium"'},{value:'"20-volume-min"'},{value:'"20-volume-mute"'},{value:'"20-wallet"'},{value:'"20-warning-fill"'},{value:'"20-warning"'},{value:'"20-watch"'},{value:'"20-water-drop"'},{value:'"20-wifi-off"'},{value:'"20-wifi"'}]}},afterIcon:{defaultValue:null,description:"",name:"afterIcon",required:!1,type:{name:"enum",value:[{value:'"20-accesibility"'},{value:'"20-activity"'},{value:'"20-alarm-clock"'},{value:'"20-alert-fill"'},{value:'"20-alert"'},{value:'"20-anchor"'},{value:'"20-apps"'},{value:'"20-archive"'},{value:'"20-arrow-down-left"'},{value:'"20-arrow-down-right"'},{value:'"20-arrow-down"'},{value:'"20-arrow-left"'},{value:'"20-arrow-right"'},{value:'"20-arrow-up-left"'},{value:'"20-arrow-up-right"'},{value:'"20-arrow-up"'},{value:'"20-arrowhead-down"'},{value:'"20-arrowhead-left"'},{value:'"20-arrowhead-right"'},{value:'"20-arrowhead-up"'},{value:'"20-attachment"'},{value:'"20-background"'},{value:'"20-backspace"'},{value:'"20-backward"'},{value:'"20-bank"'},{value:'"20-battery-charging"'},{value:'"20-battery-empty"'},{value:'"20-battery-full"'},{value:'"20-battery-low"'},{value:'"20-battery-medium"'},{value:'"20-bell"'},{value:'"20-block"'},{value:'"20-bluetooth-off"'},{value:'"20-bluetooth"'},{value:'"20-bolt"'},{value:'"20-book"'},{value:'"20-bookmark"'},{value:'"20-border-all"'},{value:'"20-border-bottom"'},{value:'"20-border-horizontal"'},{value:'"20-border-inner"'},{value:'"20-border-left"'},{value:'"20-border-right"'},{value:'"20-border-style"'},{value:'"20-border-top"'},{value:'"20-border-vertical"'},{value:'"20-brackets-curly"'},{value:'"20-brain"'},{value:'"20-broadcast"'},{value:'"20-brush"'},{value:'"20-bug"'},{value:'"20-bulb"'},{value:'"20-calculator"'},{value:'"20-calendar-check"'},{value:'"20-calendar-close"'},{value:'"20-calendar-edit"'},{value:'"20-calendar-minus"'},{value:'"20-calendar-plus"'},{value:'"20-calendar"'},{value:'"20-camera"'},{value:'"20-card"'},{value:'"20-chart-bar-box"'},{value:'"20-chart-bar"'},{value:'"20-chart-line"'},{value:'"20-chart-pie"'},{value:'"20-chat"'},{value:'"20-check-badge-fill"'},{value:'"20-check-badge"'},{value:'"20-check-circle-fill"'},{value:'"20-check-circle"'},{value:'"20-check-large"'},{value:'"20-check-small"'},{value:'"20-chevron-down-small-circle"'},{value:'"20-chevron-down-small-fill"'},{value:'"20-chevron-down-small"'},{value:'"20-chevron-down"'},{value:'"20-chevron-left-small-circle"'},{value:'"20-chevron-left-small-fill"'},{value:'"20-chevron-left-small"'},{value:'"20-chevron-left"'},{value:'"20-chevron-right-small-circle"'},{value:'"20-chevron-right-small-fill"'},{value:'"20-chevron-right-small"'},{value:'"20-chevron-right"'},{value:'"20-chevron-up-small-circle"'},{value:'"20-chevron-up-small-fill"'},{value:'"20-chevron-up-small"'},{value:'"20-chevron-up"'},{value:'"20-clipboard"'},{value:'"20-close"'},{value:'"20-cloud"'},{value:'"20-code-2"'},{value:'"20-code"'},{value:'"20-command"'},{value:'"20-comment"'},{value:'"20-company"'},{value:'"20-compass"'},{value:'"20-copy"'},{value:'"20-cpu"'},{value:'"20-crown"'},{value:'"20-cursor-arrow-fill"'},{value:'"20-cursor-arrow"'},{value:'"20-cursor-text"'},{value:'"20-database"'},{value:'"20-delete"'},{value:'"20-desktop"'},{value:'"20-devices"'},{value:'"20-diamond"'},{value:'"20-dns"'},{value:'"20-download"'},{value:'"20-drag-drop-horizontal"'},{value:'"20-drag-drop-vertical"'},{value:'"20-edit"'},{value:'"20-email"'},{value:'"20-emoji-big-smile"'},{value:'"20-emoji-sad"'},{value:'"20-emoji-smile"'},{value:'"20-error-fill"'},{value:'"20-error"'},{value:'"20-extension"'},{value:'"20-eye-off"'},{value:'"20-eye"'},{value:'"20-file-check"'},{value:'"20-file-close"'},{value:'"20-file-edit"'},{value:'"20-file-minus"'},{value:'"20-file-plus"'},{value:'"20-file"'},{value:'"20-filter"'},{value:'"20-fingerprint"'},{value:'"20-fire"'},{value:'"20-flag"'},{value:'"20-folder-check"'},{value:'"20-folder-close"'},{value:'"20-folder-edit"'},{value:'"20-folder-minus"'},{value:'"20-folder-plus"'},{value:'"20-folder"'},{value:'"20-format-align-center"'},{value:'"20-format-align-justify"'},{value:'"20-format-align-left"'},{value:'"20-format-align-right"'},{value:'"20-format-all-small-caps"'},{value:'"20-format-bold"'},{value:'"20-format-font-size"'},{value:'"20-format-indent-decrease"'},{value:'"20-format-indent-increase"'},{value:'"20-format-italic"'},{value:'"20-format-letter-spacing"'},{value:'"20-format-line-height"'},{value:'"20-format-lowercase"'},{value:'"20-format-paragraph-spacing"'},{value:'"20-format-scale-horizontal"'},{value:'"20-format-scale-vertical"'},{value:'"20-format-small-caps"'},{value:'"20-format-strikethrough"'},{value:'"20-format-subscript"'},{value:'"20-format-superscript"'},{value:'"20-format-titlecase"'},{value:'"20-format-underline"'},{value:'"20-format-uppercase"'},{value:'"20-forward"'},{value:'"20-fullscreen-exit"'},{value:'"20-fullscreen"'},{value:'"20-function"'},{value:'"20-git-branch"'},{value:'"20-git-commit"'},{value:'"20-git-diff"'},{value:'"20-git-fork"'},{value:'"20-git-merge"'},{value:'"20-git-pull-request"'},{value:'"20-globe"'},{value:'"20-hashtag"'},{value:'"20-heading"'},{value:'"20-headphones"'},{value:'"20-health"'},{value:'"20-heart"'},{value:'"20-help-fill"'},{value:'"20-help"'},{value:'"20-home"'},{value:'"20-horizontal-align-center"'},{value:'"20-horizontal-align-left"'},{value:'"20-horizontal-align-right"'},{value:'"20-hourglass"'},{value:'"20-image-check"'},{value:'"20-image-close"'},{value:'"20-image-edit"'},{value:'"20-image-minus"'},{value:'"20-image-plus"'},{value:'"20-image"'},{value:'"20-images"'},{value:'"20-inbox"'},{value:'"20-info-circle"'},{value:'"20-info-fill"'},{value:'"20-key"'},{value:'"20-keyboard"'},{value:'"20-label"'},{value:'"20-laptop"'},{value:'"20-layer-align-bottom-center"'},{value:'"20-layer-align-horizontal"'},{value:'"20-layer-align-left-center"'},{value:'"20-layer-align-right-center"'},{value:'"20-layer-align-top-center"'},{value:'"20-layer-align-vertical"'},{value:'"20-layer-three"'},{value:'"20-layer-two"'},{value:'"20-layout-swap-horizontal"'},{value:'"20-layout-swap-vertical"'},{value:'"20-link-broken"'},{value:'"20-link"'},{value:'"20-list-bullet"'},{value:'"20-list-check"'},{value:'"20-list-ordered"'},{value:'"20-list-unordered"'},{value:'"20-lock"'},{value:'"20-log-in"'},{value:'"20-log-out"'},{value:'"20-mail"'},{value:'"20-map"'},{value:'"20-marker-pin"'},{value:'"20-math-alpha"'},{value:'"20-math-angle"'},{value:'"20-math-beta"'},{value:'"20-math-gamma"'},{value:'"20-math-infinite"'},{value:'"20-math-omega"'},{value:'"20-math-pi"'},{value:'"20-math-sigma"'},{value:'"20-math-sine-wawe"'},{value:'"20-math-square-root "'},{value:'"20-math-theta"'},{value:'"20-megaphone"'},{value:'"20-menu"'},{value:'"20-message"'},{value:'"20-mic"'},{value:'"20-minus"'},{value:'"20-mobile"'},{value:'"20-more-horizontal"'},{value:'"20-more-vertical"'},{value:'"20-mouse"'},{value:'"20-navigation"'},{value:'"20-notification"'},{value:'"20-open-in-new"'},{value:'"20-option"'},{value:'"20-package"'},{value:'"20-paintroller"'},{value:'"20-paperplane"'},{value:'"20-paragraph"'},{value:'"20-pause-circle"'},{value:'"20-pause"'},{value:'"20-phone-call"'},{value:'"20-phone-callback"'},{value:'"20-phone-forwarded"'},{value:'"20-phone-incoming"'},{value:'"20-phone-missed"'},{value:'"20-phone-outgoing"'},{value:'"20-phone"'},{value:'"20-pin"'},{value:'"20-placeholder-2"'},{value:'"20-placeholder"'},{value:'"20-play-circle"'},{value:'"20-play"'},{value:'"20-plugin"'},{value:'"20-plus"'},{value:'"20-print"'},{value:'"20-questionmark"'},{value:'"20-quote"'},{value:'"20-rainbow"'},{value:'"20-receipt"'},{value:'"20-redo"'},{value:'"20-refresh"'},{value:'"20-repeat"'},{value:'"20-reply"'},{value:'"20-robot"'},{value:'"20-scissors"'},{value:'"20-search"'},{value:'"20-settings"'},{value:'"20-share"'},{value:'"20-shield"'},{value:'"20-shirt"'},{value:'"20-shopping-basket"'},{value:'"20-shopping-cart"'},{value:'"20-sidebar-hide"'},{value:'"20-sidebar-show"'},{value:'"20-slider"'},{value:'"20-speedmeter"'},{value:'"20-star-filled"'},{value:'"20-star-half-filled"'},{value:'"20-star"'},{value:'"20-stopwatch"'},{value:'"20-suitcase"'},{value:'"20-sun"'},{value:'"20-tablet"'},{value:'"20-tag"'},{value:'"20-target-off"'},{value:'"20-target"'},{value:'"20-terminal-2"'},{value:'"20-terminal"'},{value:'"20-tetrisly"'},{value:'"20-text"'},{value:'"20-thumb-down"'},{value:'"20-thumb-up"'},{value:'"20-ticket"'},{value:'"20-time-clock"'},{value:'"20-toggle-off"'},{value:'"20-toggle-on"'},{value:'"20-transaction-horizontal"'},{value:'"20-transaction-vertical"'},{value:'"20-tree"'},{value:'"20-trend-down"'},{value:'"20-trend-up"'},{value:'"20-turn-off"'},{value:'"20-tv"'},{value:'"20-undo"'},{value:'"20-unfold-less"'},{value:'"20-unfold-more"'},{value:'"20-unlock"'},{value:'"20-upload"'},{value:'"20-user-check"'},{value:'"20-user-close"'},{value:'"20-user-edit"'},{value:'"20-user-minus"'},{value:'"20-user-plus"'},{value:'"20-user"'},{value:'"20-users"'},{value:'"20-vertical-align-bottom"'},{value:'"20-vertical-align-center"'},{value:'"20-vertical-align-top"'},{value:'"20-video-camera"'},{value:'"20-video"'},{value:'"20-view-boxes"'},{value:'"20-view-columns"'},{value:'"20-view-dashboard"'},{value:'"20-view-day"'},{value:'"20-view-layout-bottom"'},{value:'"20-view-layout-grid"'},{value:'"20-view-layout-left"'},{value:'"20-view-layout-right"'},{value:'"20-view-layout-top"'},{value:'"20-view-lp"'},{value:'"20-view-rows"'},{value:'"20-view-schedule"'},{value:'"20-view-slider"'},{value:'"20-view-table"'},{value:'"20-voice"'},{value:'"20-voicemail"'},{value:'"20-volume-max"'},{value:'"20-volume-medium"'},{value:'"20-volume-min"'},{value:'"20-volume-mute"'},{value:'"20-wallet"'},{value:'"20-warning-fill"'},{value:'"20-warning"'},{value:'"20-watch"'},{value:'"20-water-drop"'},{value:'"20-wifi-off"'},{value:'"20-wifi"'}]}},hasDropdownIndicator:{defaultValue:null,description:"",name:"hasDropdownIndicator",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"bare"'},{value:'"default"'},{value:'"ghost"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'}]}},appearance:{defaultValue:null,description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"inverted"'},{value:'"reverseInverted"'}]}},intent:{defaultValue:null,description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"success"'},{value:'"destructive"'}]}}}}}catch{}const k=({variant:a,appearance:l,intent:r})=>{const o={variant:a,appearance:l,intent:r};return e.jsxs(i.div,{display:"flex",gap:"$dimension-300",pl:"5px",overflowX:"scroll",children:[e.jsx(t,{...o,label:"Button label"}),e.jsx(t,{...o,label:"Button label",beforeIcon:"20-placeholder"}),e.jsx(t,{...o,label:"Button label",afterIcon:"20-placeholder"}),e.jsx(t,{...o,label:"Button label",beforeIcon:"20-placeholder",afterIcon:"20-placeholder"}),e.jsx(t,{...o,label:"Button label",hasDropdownIndicator:!0}),e.jsx(t,{...o,label:"Button label",beforeIcon:"20-placeholder",hasDropdownIndicator:!0})]})};try{k.displayName="ButtonRow",k.__docgenInfo={description:"",displayName:"ButtonRow",props:{appearance:{defaultValue:null,description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"inverted"'},{value:'"reverseInverted"'}]}},intent:{defaultValue:null,description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"success"'},{value:'"destructive"'}]}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"bare"'},{value:'"default"'},{value:'"ghost"'}]}}}}}catch{}const ne=["default","ghost","bare"],ie=a=>a==="default"?["primary","secondary","inverted"]:["primary","secondary","inverted","reverseInverted"],se=(a,l)=>a==="default"&&l==="secondary"||l==="primary"?["none","success","destructive"]:["none"],x=()=>e.jsx(e.Fragment,{children:ne.map(a=>e.jsxs(i.section,{display:"flex",pt:"$dimension-500",flexDirection:"column",children:[e.jsx(w,{variant:"Hero",as:"h2",px:"$dimension-1000",children:y.startCase(a)}),ie(a).map(l=>e.jsxs(i.div,{display:"flex",flexDirection:"column",bg:l==="inverted"?"$color-background-inverted":void 0,children:[e.jsx(w,{variant:"H2",inverted:l==="inverted",as:"h3",px:"$dimension-1000",py:"$dimension-500",borderBottom:"$color-neutral-strong",children:y.startCase(l)}),se(a,l).map(r=>e.jsxs(i.div,{display:"flex",flexDirection:"column",px:"$dimension-1000",pb:"$dimension-500",borderBottomWidth:"1px",borderBottomColor:"$color-border-neutral-subtle",children:[e.jsxs(w,{variant:"H3",as:"h4",pt:"$dimension-500",inverted:l==="inverted",children:["Intent: ",y.startCase(r)]}),e.jsx(k,{variant:a,appearance:l,intent:r})]},r))]},l))]},a))});try{x.displayName="ButtonDocs",x.__docgenInfo={description:"",displayName:"ButtonDocs",props:{}}}catch{}const _e={title:"Button",component:te,tags:["autodocs"],args:{label:"Button label"},argTypes:{state:{options:[void 0,"disabled","loading","selected"],defaultValue:void 0,control:{type:"radio"}},size:{options:["small","medium","large"],defaultValue:"medium",control:{type:"radio"}},variant:{options:["default","ghost","bare"],defaultValue:"default",control:{type:"radio"}},intent:{options:["none","success","destructive"],defaultValue:"none",control:{type:"radio"}}},parameters:{docs:{description:{component:"A versatile and interactive element. Buttons allow users to perform actions and navigate through an application. They come in various styles and sizes, providing clear visual cues and feedback to users."},page:()=>e.jsx(oe,{docs:"https://docs.tetrisly.com/components/list/button",children:e.jsx(x,{})})}}},u={argTypes:{appearance:{options:["primary","secondary","inverted","reverseInverted"],defaultValue:"primary",control:{type:"radio"}}}},s={...u,args:{state:"loading"}},c={...u,args:{state:"disabled"}},d={...u,args:{beforeIcon:"20-placeholder"}},m={...u,args:{afterIcon:"20-placeholder"}},p={...u,args:{hasDropdownIndicator:!0}},v={args:{variant:"ghost"},argTypes:{appearance:{options:["primary","secondary","inverted","reverseInverted"],defaultValue:"primary",control:{type:"radio"}}}},f={...v,args:{state:"loading"}},h={...v,args:{state:"disabled"}},n={args:{variant:"bare"},argTypes:{appearance:{options:["primary","secondary","inverted","reverseInverted"],defaultValue:"primary",control:{type:"radio"}},size:{options:["medium","large"],defaultValue:"medium",control:{type:"radio"}}}},g={...n,args:{state:"loading",variant:"bare"}},b={...n,args:{state:"disabled",variant:"bare"}};var D,B,I;u.parameters={...u.parameters,docs:{...(D=u.parameters)==null?void 0:D.docs,source:{originalSource:`{ argTypes: { appearance: { options: ['primary', 'secondary', 'inverted', 'reverseInverted'], diff --git a/assets/Card.stories-19dbdb9c.js b/assets/Card.stories-4ef4b27b.js similarity index 97% rename from assets/Card.stories-19dbdb9c.js rename to assets/Card.stories-4ef4b27b.js index 3ed7fd12..cdfe4789 100644 --- a/assets/Card.stories-19dbdb9c.js +++ b/assets/Card.stories-4ef4b27b.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{B as O}from"./Button-2ba8575b.js";import{t as n}from"./TetrislyProvider-8c69fae3.js";import{A as b}from"./Avatar-fa7da47e.js";import{I as R}from"./Icon-c509f708.js";import{m as J}from"./mergeConfigWithCutom-aec35d44.js";import{B as K}from"./Badge-7771e2b1.js";import{T as Q}from"./TetDocs-deea9a80.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./index-60ef7482.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const U={display:"flex",w:"fit-content",p:"$space-component-padding-null",flexDirection:"column",alignItems:"flex-start",gap:"$space-component-padding-null",borderRadius:"$border-radius-xLarge",bg:"$color-background-default",boxShadow:"$elevation-bottom-200",borderWidth:"$border-width-small",borderStyle:"$border-style-solid",borderColor:"$color-border-defaultA",overflow:"hidden",innerElements:{header:{display:"flex",w:"100%",py:"$space-component-padding-large",px:"$space-component-padding-2xLarge",alignItems:"center",gap:"$space-component-gap-large",borderBottomWidth:"$border-width-small",borderStyle:"$border-style-solid",borderColor:"$color-border-defaultA",beforeComponent:{display:"flex",padding:"$space-component-padding-null",alignItems:"center",gap:"$space-component-gap-null"},content:{display:"flex",padding:"$space-component-padding-null",flexDirection:"column",alignItems:"flex-start",gap:"$space-component-padding-null",flex:"1 0 0"},title:{color:"$color-content-primary",text:"$typo-body-strong-large"},description:{color:"$color-content-secondary",text:"$typo-body-medium"},actions:{display:"flex",padding:"$space-component-padding-null",justifyContent:"flex-end",alignItems:"center",gap:"$space-component-gap-large"}},content:{padding:"$space-component-padding-2xLarge",w:"100%"},footer:{display:"flex",px:"$space-component-padding-medium",pb:"$space-component-padding-medium",w:"100%",actions:{w:"100%",display:"flex",padding:"$space-component-padding-null",justifyContent:"flex-end",alignItems:"center",gap:"$space-component-gap-small"}}}},x=({styles:r,actions:a,...t})=>{const o=Y(r);return e.jsx(n.div,{"data-testid":"card-footer",...o.container,...t,children:e.jsx(X,{styles:o.actions,actions:a})})},X=({actions:r,styles:a})=>e.jsx(n.div,{"data-testid":"card-footer-actions",...a,children:r.map(t=>e.jsx(O,{size:"small",variant:"ghost",...t},t.label))});function Y(r){const{actions:a,...t}=r;return{actions:a,container:t}}try{x.displayName="CardFooter",x.__docgenInfo={description:"",displayName:"CardFooter",props:{styles:{defaultValue:null,description:"",name:"styles",required:!0,type:{name:"CardFooterConfig"}},actions:{defaultValue:null,description:"",name:"actions",required:!0,type:{name:"GhostButtonProps[]"}}}}}catch{}const C=({styles:r,...a})=>{const{beforeComponent:t,title:o,description:d,actions:s}=a,i=ne(r);return e.jsxs(n.div,{"data-testid":"card-header",...i.container,children:[e.jsx(Z,{styles:i.beforeComponent,beforeComponent:t}),e.jsxs(n.div,{"data-testid":"card-header-content",...i.content,children:[e.jsx(n.div,{"data-testid":"card-header-title",...i.title,children:o}),e.jsx(ae,{styles:i.description,description:d})]}),e.jsx(re,{styles:i.actions,actions:s})]})},Z=({styles:r,beforeComponent:a})=>a?(ee(a),"icon"in a?e.jsx(n.div,{"data-testid":"card-header-beforeComponent",...r,children:e.jsx(R,{name:a.icon.name})}):"avatar"in a?"image"in a.avatar?e.jsx(n.div,{"data-testid":"card-header-beforeComponent",...r,children:e.jsx(b,{shape:"rounded",size:"medium",emphasis:"low",img:{src:a.avatar.image,alt:"avatar"},appearance:"image"})}):e.jsx(n.div,{"data-testid":"card-header-beforeComponent",...r,children:e.jsx(b,{shape:"rounded",size:"medium",emphasis:"low",appearance:a.avatar.appearance,initials:a.avatar.initials})}):(console.warn("No icon or avatar in beforeComponent."),null)):null;function ee(r){"icon"in r&&"avatar"in r&&console.warn("Both icon and avatar props are present in CardHeader beforeComponent. Icon will be rendered.")}const ae=({styles:r,description:a})=>a?e.jsx(n.div,{"data-testid":"card-header-description",...r,children:a}):null,re=({styles:r,actions:a})=>a?e.jsx(n.div,{"data-testid":"card-header-actions",...r,children:a.map(t=>e.jsx(O,{variant:"bare",...t},t.label))}):null;function ne(r){const{title:a,description:t,actions:o,content:d,beforeComponent:s,...i}=r;return{title:a,description:t,actions:o,content:d,beforeComponent:s,container:i}}try{C.displayName="CardHeader",C.__docgenInfo={description:"",displayName:"CardHeader",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"",name:"description",required:!1,type:{name:"string"}},beforeComponent:{defaultValue:null,description:"",name:"beforeComponent",required:!1,type:{name:"BeforeComponentProps"}},styles:{defaultValue:null,description:"",name:"styles",required:!0,type:{name:"CardHeaderConfig"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"BareButtonProps[]"}}}}}catch{}const h=({custom:r,children:a,header:t,footer:o,...d})=>{const s=te(r);return e.jsxs(n.div,{"data-testid":"card",...s.container,...d,children:[t&&e.jsx(C,{styles:s.header,...t}),e.jsx(n.div,{"data-testid":"card-content",...s.content,children:a}),o&&e.jsx(x,{styles:s.footer,...o})]})};function te(r){const{innerElements:a,...t}=J({defaultConfig:U,custom:r});return{...a,container:t}}try{h.displayName="Card",h.__docgenInfo={description:"",displayName:"Card",props:{custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"CardConfig"}},header:{defaultValue:null,description:"",name:"header",required:!1,type:{name:'Omit'}},footer:{defaultValue:null,description:"",name:"footer",required:!1,type:{name:'Omit'}}}}}catch{}const _e={title:"Card",component:h,tags:["autodocs"],argTypes:{},args:{children:e.jsxs(n.div,{display:"flex",flexDirection:"column",gap:"$space-component-gap-2xLarge",minWidth:"432px",children:[e.jsx(K,{appearance:"blue",emphasis:"medium",label:"In Progress"}),e.jsxs(n.div,{display:"flex",flexDirection:"column",children:[e.jsx(n.span,{color:"$color-content-secondary",text:"$typo-body-small",children:"Task:"}),e.jsx(n.span,{color:"$color-content-primary",text:"$typo-body-large",children:"Creating React components"})]}),e.jsxs(n.div,{display:"flex",gap:"$space-component-gap-2xLarge",children:[e.jsxs(n.div,{display:"flex",flexDirection:"column",flexGrow:1,children:[e.jsx(n.span,{color:"$color-content-secondary",text:"$typo-body-small",children:"Created"}),e.jsx(n.span,{color:"$color-content-primary",text:"$typo-body-medium",children:"Mon, 14 Feb 2023"})]}),e.jsxs(n.div,{display:"flex",flexDirection:"column",flexGrow:1,children:[e.jsx(n.span,{color:"$color-content-secondary",text:"$typo-body-small",children:"Last modified"}),e.jsx(n.span,{color:"$color-content-primary",text:"$typo-body-medium",children:"Today, 5:23 am"})]})]})]})},parameters:{docs:{description:{component:"A Modal that displays content and actions in a visually organized manner. Cards are typically used to present grouped information, like products, articles, or user profiles, within a grid or list."},page:()=>e.jsx(Q,{docs:"https://docs.tetrisly.com/components/in-progress/card"})}}},l={args:{header:{title:"Card Title",description:"Card Description",beforeComponent:{icon:{name:"20-wallet"}},actions:[{label:"Add",onClick:()=>{},beforeIcon:"20-plus"},{label:"Cancel",onClick:()=>{}}]},footer:{actions:[{label:"Details",appearance:"secondary"},{label:"Mark as resolved",appearance:"primary"}]}}},c={},p={args:{header:{title:"Card Title"}}},m={args:{header:{title:"Card Title",description:"Card Description"}}},u={args:{header:{title:"Card Title",beforeComponent:{icon:{name:"20-wallet"}}}}},f={args:{header:{title:"Card Title",beforeComponent:{avatar:{image:"https://thispersondoesnotexist.com/"}}}}},g={args:{header:{title:"Card Title",actions:[{label:"Add",onClick:()=>{},beforeIcon:"20-plus"},{label:"Cancel",onClick:()=>{}}]}}},y={args:{footer:{actions:[{label:"Add",onClick:()=>{},beforeIcon:"20-plus"},{label:"Cancel",onClick:()=>{}}]}}};var $,j,v;l.parameters={...l.parameters,docs:{...($=l.parameters)==null?void 0:$.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-ffb262ed.js";import{B as O}from"./Button-93f2d0ab.js";import{t as n}from"./TetrislyProvider-8c69fae3.js";import{A as b}from"./Avatar-fa7da47e.js";import{I as R}from"./Icon-c509f708.js";import{m as J}from"./mergeConfigWithCutom-aec35d44.js";import{B as K}from"./Badge-a283a779.js";import{T as Q}from"./TetDocs-03bc5c84.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./index-60ef7482.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const U={display:"flex",w:"fit-content",p:"$space-component-padding-null",flexDirection:"column",alignItems:"flex-start",gap:"$space-component-padding-null",borderRadius:"$border-radius-xLarge",bg:"$color-background-default",boxShadow:"$elevation-bottom-200",borderWidth:"$border-width-small",borderStyle:"$border-style-solid",borderColor:"$color-border-defaultA",overflow:"hidden",innerElements:{header:{display:"flex",w:"100%",py:"$space-component-padding-large",px:"$space-component-padding-2xLarge",alignItems:"center",gap:"$space-component-gap-large",borderBottomWidth:"$border-width-small",borderStyle:"$border-style-solid",borderColor:"$color-border-defaultA",beforeComponent:{display:"flex",padding:"$space-component-padding-null",alignItems:"center",gap:"$space-component-gap-null"},content:{display:"flex",padding:"$space-component-padding-null",flexDirection:"column",alignItems:"flex-start",gap:"$space-component-padding-null",flex:"1 0 0"},title:{color:"$color-content-primary",text:"$typo-body-strong-large"},description:{color:"$color-content-secondary",text:"$typo-body-medium"},actions:{display:"flex",padding:"$space-component-padding-null",justifyContent:"flex-end",alignItems:"center",gap:"$space-component-gap-large"}},content:{padding:"$space-component-padding-2xLarge",w:"100%"},footer:{display:"flex",px:"$space-component-padding-medium",pb:"$space-component-padding-medium",w:"100%",actions:{w:"100%",display:"flex",padding:"$space-component-padding-null",justifyContent:"flex-end",alignItems:"center",gap:"$space-component-gap-small"}}}},x=({styles:r,actions:a,...t})=>{const o=Y(r);return e.jsx(n.div,{"data-testid":"card-footer",...o.container,...t,children:e.jsx(X,{styles:o.actions,actions:a})})},X=({actions:r,styles:a})=>e.jsx(n.div,{"data-testid":"card-footer-actions",...a,children:r.map(t=>e.jsx(O,{size:"small",variant:"ghost",...t},t.label))});function Y(r){const{actions:a,...t}=r;return{actions:a,container:t}}try{x.displayName="CardFooter",x.__docgenInfo={description:"",displayName:"CardFooter",props:{styles:{defaultValue:null,description:"",name:"styles",required:!0,type:{name:"CardFooterConfig"}},actions:{defaultValue:null,description:"",name:"actions",required:!0,type:{name:"GhostButtonProps[]"}}}}}catch{}const C=({styles:r,...a})=>{const{beforeComponent:t,title:o,description:d,actions:s}=a,i=ne(r);return e.jsxs(n.div,{"data-testid":"card-header",...i.container,children:[e.jsx(Z,{styles:i.beforeComponent,beforeComponent:t}),e.jsxs(n.div,{"data-testid":"card-header-content",...i.content,children:[e.jsx(n.div,{"data-testid":"card-header-title",...i.title,children:o}),e.jsx(ae,{styles:i.description,description:d})]}),e.jsx(re,{styles:i.actions,actions:s})]})},Z=({styles:r,beforeComponent:a})=>a?(ee(a),"icon"in a?e.jsx(n.div,{"data-testid":"card-header-beforeComponent",...r,children:e.jsx(R,{name:a.icon.name})}):"avatar"in a?"image"in a.avatar?e.jsx(n.div,{"data-testid":"card-header-beforeComponent",...r,children:e.jsx(b,{shape:"rounded",size:"medium",emphasis:"low",img:{src:a.avatar.image,alt:"avatar"},appearance:"image"})}):e.jsx(n.div,{"data-testid":"card-header-beforeComponent",...r,children:e.jsx(b,{shape:"rounded",size:"medium",emphasis:"low",appearance:a.avatar.appearance,initials:a.avatar.initials})}):(console.warn("No icon or avatar in beforeComponent."),null)):null;function ee(r){"icon"in r&&"avatar"in r&&console.warn("Both icon and avatar props are present in CardHeader beforeComponent. Icon will be rendered.")}const ae=({styles:r,description:a})=>a?e.jsx(n.div,{"data-testid":"card-header-description",...r,children:a}):null,re=({styles:r,actions:a})=>a?e.jsx(n.div,{"data-testid":"card-header-actions",...r,children:a.map(t=>e.jsx(O,{variant:"bare",...t},t.label))}):null;function ne(r){const{title:a,description:t,actions:o,content:d,beforeComponent:s,...i}=r;return{title:a,description:t,actions:o,content:d,beforeComponent:s,container:i}}try{C.displayName="CardHeader",C.__docgenInfo={description:"",displayName:"CardHeader",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"",name:"description",required:!1,type:{name:"string"}},beforeComponent:{defaultValue:null,description:"",name:"beforeComponent",required:!1,type:{name:"BeforeComponentProps"}},styles:{defaultValue:null,description:"",name:"styles",required:!0,type:{name:"CardHeaderConfig"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"BareButtonProps[]"}}}}}catch{}const h=({custom:r,children:a,header:t,footer:o,...d})=>{const s=te(r);return e.jsxs(n.div,{"data-testid":"card",...s.container,...d,children:[t&&e.jsx(C,{styles:s.header,...t}),e.jsx(n.div,{"data-testid":"card-content",...s.content,children:a}),o&&e.jsx(x,{styles:s.footer,...o})]})};function te(r){const{innerElements:a,...t}=J({defaultConfig:U,custom:r});return{...a,container:t}}try{h.displayName="Card",h.__docgenInfo={description:"",displayName:"Card",props:{custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"CardConfig"}},header:{defaultValue:null,description:"",name:"header",required:!1,type:{name:'Omit'}},footer:{defaultValue:null,description:"",name:"footer",required:!1,type:{name:'Omit'}}}}}catch{}const _e={title:"Card",component:h,tags:["autodocs"],argTypes:{},args:{children:e.jsxs(n.div,{display:"flex",flexDirection:"column",gap:"$space-component-gap-2xLarge",minWidth:"432px",children:[e.jsx(K,{appearance:"blue",emphasis:"medium",label:"In Progress"}),e.jsxs(n.div,{display:"flex",flexDirection:"column",children:[e.jsx(n.span,{color:"$color-content-secondary",text:"$typo-body-small",children:"Task:"}),e.jsx(n.span,{color:"$color-content-primary",text:"$typo-body-large",children:"Creating React components"})]}),e.jsxs(n.div,{display:"flex",gap:"$space-component-gap-2xLarge",children:[e.jsxs(n.div,{display:"flex",flexDirection:"column",flexGrow:1,children:[e.jsx(n.span,{color:"$color-content-secondary",text:"$typo-body-small",children:"Created"}),e.jsx(n.span,{color:"$color-content-primary",text:"$typo-body-medium",children:"Mon, 14 Feb 2023"})]}),e.jsxs(n.div,{display:"flex",flexDirection:"column",flexGrow:1,children:[e.jsx(n.span,{color:"$color-content-secondary",text:"$typo-body-small",children:"Last modified"}),e.jsx(n.span,{color:"$color-content-primary",text:"$typo-body-medium",children:"Today, 5:23 am"})]})]})]})},parameters:{docs:{description:{component:"A Modal that displays content and actions in a visually organized manner. Cards are typically used to present grouped information, like products, articles, or user profiles, within a grid or list."},page:()=>e.jsx(Q,{docs:"https://docs.tetrisly.com/components/in-progress/card"})}}},l={args:{header:{title:"Card Title",description:"Card Description",beforeComponent:{icon:{name:"20-wallet"}},actions:[{label:"Add",onClick:()=>{},beforeIcon:"20-plus"},{label:"Cancel",onClick:()=>{}}]},footer:{actions:[{label:"Details",appearance:"secondary"},{label:"Mark as resolved",appearance:"primary"}]}}},c={},p={args:{header:{title:"Card Title"}}},m={args:{header:{title:"Card Title",description:"Card Description"}}},u={args:{header:{title:"Card Title",beforeComponent:{icon:{name:"20-wallet"}}}}},f={args:{header:{title:"Card Title",beforeComponent:{avatar:{image:"https://thispersondoesnotexist.com/"}}}}},g={args:{header:{title:"Card Title",actions:[{label:"Add",onClick:()=>{},beforeIcon:"20-plus"},{label:"Cancel",onClick:()=>{}}]}}},y={args:{footer:{actions:[{label:"Add",onClick:()=>{},beforeIcon:"20-plus"},{label:"Cancel",onClick:()=>{}}]}}};var $,j,v;l.parameters={...l.parameters,docs:{...($=l.parameters)==null?void 0:$.docs,source:{originalSource:`{ args: { header: { title: 'Card Title', diff --git a/assets/Changelog-79556424.js b/assets/Changelog-3bab3e92.js similarity index 98% rename from assets/Changelog-79556424.js rename to assets/Changelog-3bab3e92.js index fe3142ee..18fd0a4f 100644 --- a/assets/Changelog-79556424.js +++ b/assets/Changelog-3bab3e92.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-ffb262ed.js";import"./chunk-HLWAVYOI-559df494.js";import{M as a,d as c}from"./index-78a2083d.js";import{u as r}from"./index-a1cf9e47.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./react-18-988a5df2.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const b=`# Changelog +import{j as t}from"./jsx-runtime-ffb262ed.js";import"./chunk-HLWAVYOI-b2dddfb9.js";import{M as a,d as c}from"./index-43890eef.js";import{u as r}from"./index-a1cf9e47.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./react-18-988a5df2.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const b=`# Changelog ## [1.6.1](https://github.com/VirtusLab/tetrisly-react/compare/v1.6.0...v1.6.1) (2024-03-26) diff --git a/assets/Checkbox-bfd1bcda.js b/assets/Checkbox-7edd5d0e.js similarity index 96% rename from assets/Checkbox-bfd1bcda.js rename to assets/Checkbox-7edd5d0e.js index cfb11b27..cade4e03 100644 --- a/assets/Checkbox-bfd1bcda.js +++ b/assets/Checkbox-7edd5d0e.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-ffb262ed.js";import{R as k}from"./tetrisly-icons.es-12549e88.js";import{s as I,t as u}from"./TetrislyProvider-8c69fae3.js";import{r as n}from"./index-76fb7be0.js";import{m as j}from"./mergeConfigWithCutom-aec35d44.js";import{H as q}from"./HelperText-ff282223.js";import{e as T}from"./extractInputProps-08fc967a.js";const V=e=>{const t=n.useRef(null);return n.useEffect(()=>{t.current!==null&&(t.current.indeterminate=e)},[t,e]),t},E={display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$space-component-gap-xSmall",minWidth:"$size-3xSmall",minHeight:"$size-3xSmall",color:"$color-content-primary",opacity:{disabled:"$opacity-disabled"},pointerEvents:{disabled:"none"},innerElements:{checkboxContainer:{position:"relative",cursor:"pointer"},input:{appearance:"none",display:"block",w:"$size-3xSmall",h:"$size-3xSmall",pointerEvents:"none",backgroundColor:{_:"$color-interaction-background-formField",checked:{_:"$color-interaction-default-normal",hover:"$color-interaction-default-hover"},indeterminate:{_:"$color-interaction-default-normal",hover:"$color-interaction-default-hover"}},borderRadius:"$border-radius-medium",boxShadow:"0 0 #0000",ring:"$border-width-focus",ringInset:!0,ringColor:{_:"$color-interaction-border-neutral-normal",hover:"$color-interaction-border-hover",checked:{_:"$color-interaction-ghost-normal",hover:"$color-interaction-ghost-normal"},alert:{_:"$color-interaction-border-alert",hover:"$color-interaction-border-alert",checked:"$color-interaction-ghost-normal"},indeterminate:"transparent"},outlineStyle:{focusWithin:"solid"},outlineColor:{focusWithin:"$color-interaction-focus-default"},outlineWidth:{focusWithin:"$border-width-focus"},outlineOffset:{focusWithin:"$border-width-small"},transition:!0,transitionDuration:200},checkboxIcon:{position:"absolute",color:"$color-interaction-inverted-normal",w:"$size-3xSmall",h:"$size-3xSmall",left:0,top:0},label:{display:"flex",justifyContent:"center",alignItems:"center",gap:"$space-component-gap-small",cursor:"pointer",color:"$color-content-primary",text:"$typo-body-medium"},helperText:{paddingLeft:"$space-component-padding-2xLarge"}}},S=e=>{const{innerElements:{input:t,checkboxContainer:r,checkboxIcon:i,label:p,helperText:m},...c}=j({defaultConfig:E,custom:e});return{container:c,input:t,checkboxContainer:r,checkboxIcon:i,label:p,helperText:m}},h=I(u.div)` +import{j as o}from"./jsx-runtime-ffb262ed.js";import{R as k}from"./tetrisly-icons.es-12549e88.js";import{s as I,t as u}from"./TetrislyProvider-8c69fae3.js";import{r as n}from"./index-76fb7be0.js";import{m as j}from"./mergeConfigWithCutom-aec35d44.js";import{H as q}from"./HelperText-94c2e4c3.js";import{e as T}from"./extractInputProps-08fc967a.js";const V=e=>{const t=n.useRef(null);return n.useEffect(()=>{t.current!==null&&(t.current.indeterminate=e)},[t,e]),t},E={display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$space-component-gap-xSmall",minWidth:"$size-3xSmall",minHeight:"$size-3xSmall",color:"$color-content-primary",opacity:{disabled:"$opacity-disabled"},pointerEvents:{disabled:"none"},innerElements:{checkboxContainer:{position:"relative",cursor:"pointer"},input:{appearance:"none",display:"block",w:"$size-3xSmall",h:"$size-3xSmall",pointerEvents:"none",backgroundColor:{_:"$color-interaction-background-formField",checked:{_:"$color-interaction-default-normal",hover:"$color-interaction-default-hover"},indeterminate:{_:"$color-interaction-default-normal",hover:"$color-interaction-default-hover"}},borderRadius:"$border-radius-medium",boxShadow:"0 0 #0000",ring:"$border-width-focus",ringInset:!0,ringColor:{_:"$color-interaction-border-neutral-normal",hover:"$color-interaction-border-hover",checked:{_:"$color-interaction-ghost-normal",hover:"$color-interaction-ghost-normal"},alert:{_:"$color-interaction-border-alert",hover:"$color-interaction-border-alert",checked:"$color-interaction-ghost-normal"},indeterminate:"transparent"},outlineStyle:{focusWithin:"solid"},outlineColor:{focusWithin:"$color-interaction-focus-default"},outlineWidth:{focusWithin:"$border-width-focus"},outlineOffset:{focusWithin:"$border-width-small"},transition:!0,transitionDuration:200},checkboxIcon:{position:"absolute",color:"$color-interaction-inverted-normal",w:"$size-3xSmall",h:"$size-3xSmall",left:0,top:0},label:{display:"flex",justifyContent:"center",alignItems:"center",gap:"$space-component-gap-small",cursor:"pointer",color:"$color-content-primary",text:"$typo-body-medium"},helperText:{paddingLeft:"$space-component-padding-2xLarge"}}},S=e=>{const{innerElements:{input:t,checkboxContainer:r,checkboxIcon:i,label:p,helperText:m},...c}=j({defaultConfig:E,custom:e});return{container:c,input:t,checkboxContainer:r,checkboxIcon:i,label:p,helperText:m}},h=I(u.div)` input + div > #checkmark { display: none; pointer-events: none; @@ -7,4 +7,4 @@ import{j as o}from"./jsx-runtime-ffb262ed.js";import{R as k}from"./tetrisly-icon input:checked + div > #checkmark { display: block; } -`,y=n.forwardRef(({isChecked:e,isIndeterminate:t=!1,state:r,label:i,helperText:p,custom:m,onChange:c,...v},s)=>{const a=n.useMemo(()=>S(m),[m]),f=n.useId(),d=V(t),[$,C]=T(v),g=n.useCallback(l=>{d.current=l,typeof s=="function"?s(l):s&&(s.current=l)},[s,d]),_=n.useCallback(()=>{var l,b;i||((l=d.current)==null||l.click(),(b=d.current)==null||b.focus())},[d,i]);(c===void 0&&e!==void 0||c!==void 0&&e===void 0)&&console.warn("Checkbox: onChange and isChecked have to be either both provided or both not provided");const x=o.jsxs(h,{...a.checkboxContainer,"data-testid":"checkbox-checkboxContainer",children:[o.jsx(u.input,{...a.input,type:"checkbox",ref:g,checked:e&&!t,onChange:c,disabled:r==="disabled","data-state":r,id:f,"data-testid":"checkbox-input",...$}),o.jsxs(u.div,{...a.checkboxIcon,onClick:_,"data-testid":"checkbox-checkboxIcon",children:[t&&o.jsx(k,{name:"16-minus"}),o.jsx(k,{name:"16-check",id:"checkmark"})]})]});return o.jsxs(u.div,{...a.container,"data-state":r,"data-testid":"checkbox",...C,children:[i?o.jsxs(u.label,{...a.label,htmlFor:f,"data-testid":"checkbox-label",children:[x,i]}):x,!!p&&o.jsx(q,{custom:a.helperText,intent:r==="alert"?"alert":"none",...p,"data-testid":"checkbox-helperText"})]})});try{h.displayName="CheckboxContainer",h.__docgenInfo={description:"",displayName:"CheckboxContainer",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}}}catch{}try{y.displayName="Checkbox",y.__docgenInfo={description:"",displayName:"Checkbox",props:{isChecked:{defaultValue:null,description:"",name:"isChecked",required:!1,type:{name:"boolean"}},isIndeterminate:{defaultValue:{value:"false"},description:"",name:"isIndeterminate",required:!1,type:{name:"boolean"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"disabled"'},{value:'"alert"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"CheckboxConfig"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},helperText:{defaultValue:null,description:"",name:"helperText",required:!1,type:{name:'Pick'}}}}}catch{}export{y as C}; +`,y=n.forwardRef(({isChecked:e,isIndeterminate:t=!1,state:r,label:i,helperText:p,custom:m,onChange:c,...v},s)=>{const a=n.useMemo(()=>S(m),[m]),f=n.useId(),d=V(t),[$,C]=T(v),g=n.useCallback(l=>{d.current=l,typeof s=="function"?s(l):s&&(s.current=l)},[s,d]),_=n.useCallback(()=>{var l,b;i||((l=d.current)==null||l.click(),(b=d.current)==null||b.focus())},[d,i]);(c===void 0&&e!==void 0||c!==void 0&&e===void 0)&&console.warn("Checkbox: onChange and isChecked have to be either both provided or both not provided");const x=o.jsxs(h,{...a.checkboxContainer,"data-testid":"checkbox-checkboxContainer",children:[o.jsx(u.input,{...a.input,type:"checkbox",ref:g,checked:e&&!t,onChange:c,disabled:r==="disabled","data-state":r,id:f,"data-testid":"checkbox-input",...$}),o.jsxs(u.div,{...a.checkboxIcon,onClick:_,"data-testid":"checkbox-checkboxIcon",children:[t&&o.jsx(k,{name:"16-minus"}),o.jsx(k,{name:"16-check",id:"checkmark"})]})]});return o.jsxs(u.div,{...a.container,"data-state":r,"data-testid":"checkbox",...C,children:[i?o.jsxs(u.label,{...a.label,htmlFor:f,"data-testid":"checkbox-label",children:[x,i]}):x,!!p&&o.jsx(q,{custom:a.helperText,intent:r==="alert"?"alert":"none",...p,"data-testid":"checkbox-helperText"})]})});try{h.displayName="CheckboxContainer",h.__docgenInfo={description:"",displayName:"CheckboxContainer",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}}}catch{}try{y.displayName="Checkbox",y.__docgenInfo={description:"",displayName:"Checkbox",props:{isChecked:{defaultValue:null,description:"",name:"isChecked",required:!1,type:{name:"boolean"}},isIndeterminate:{defaultValue:{value:"false"},description:"",name:"isIndeterminate",required:!1,type:{name:"boolean"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"alert"'},{value:'"disabled"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"CheckboxConfig"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},helperText:{defaultValue:null,description:"",name:"helperText",required:!1,type:{name:'Pick'}}}}}catch{}export{y as C}; diff --git a/assets/Checkbox.stories-c3fbeac1.js b/assets/Checkbox.stories-15501367.js similarity index 95% rename from assets/Checkbox.stories-c3fbeac1.js rename to assets/Checkbox.stories-15501367.js index b2018265..ee5b57e0 100644 --- a/assets/Checkbox.stories-c3fbeac1.js +++ b/assets/Checkbox.stories-15501367.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-ffb262ed.js";import{r as c}from"./index-76fb7be0.js";import{C as n}from"./Checkbox-bfd1bcda.js";import{S as g}from"./SectionHeader-c9c7fa6d.js";import{S as U}from"./States-1bb354e8.js";import{t as r}from"./TetrislyProvider-8c69fae3.js";import{T as q}from"./TetDocs-deea9a80.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./mergeConfigWithCutom-aec35d44.js";import"./HelperText-ff282223.js";import"./extractInputProps-08fc967a.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const j=e=>e?"Yes":"No",z=(e,s)=>[`Label: ${j(e)}`,`Helper Text: ${j(s)}`],k=()=>t.jsx(r.div,{children:["Unchecked","Checked","Indeterminate"].map(e=>t.jsxs(r.section,{py:"$dimension-500",children:[t.jsx(g,{variant:"H1",as:"h2",px:"$dimension-1000",py:"$dimension-500",children:e}),[{label:!1,helperText:!1},{label:!0,helperText:!1},{label:!0,helperText:!0}].map(({label:s,helperText:a})=>t.jsxs(r.div,{px:"$dimension-1000",pb:"$dimension-500",children:[t.jsx(g,{variant:"H2",as:"h3",py:"$dimension-500",labels:z(s,a)}),t.jsx(U,{states:["normal","disabled","alert"].filter(i=>!(i==="alert"&&e==="Checked")),flexBasis:"130px",gap:"$dimension-500"}),t.jsxs(r.div,{display:"flex",alignItems:"center",justifyContent:"center",gap:"$dimension-500",children:[t.jsx(r.div,{flexBasis:"130px",flexGrow:"1",flexShrink:"0",children:t.jsx(n,{isChecked:e==="Checked",isIndeterminate:e==="Indeterminate",onChange:()=>{},mt:"$dimension-500",label:s?"Checkbox Label":void 0,helperText:a?{text:"Helper Text"}:void 0})}),t.jsx(r.div,{flexBasis:"130px",flexGrow:"1",flexShrink:"0",children:t.jsx(n,{isChecked:e==="Checked",isIndeterminate:e==="Indeterminate",onChange:()=>{},state:"disabled",mt:"$dimension-500",label:s?"Checkbox Label":void 0,helperText:a?{text:"Helper Text"}:void 0})}),e!=="Checked"&&t.jsx(r.div,{flexBasis:"130px",flexGrow:"1",flexShrink:"0",children:t.jsx(n,{isChecked:!1,isIndeterminate:e==="Indeterminate",onChange:()=>{},state:"alert",mt:"$dimension-500",label:s?"Checkbox Label":void 0,helperText:a?{text:"Helper Text"}:void 0})})]})]},`${s}${a}`))]},e))});try{k.displayName="CheckboxDocs",k.__docgenInfo={description:"",displayName:"CheckboxDocs",props:{}}}catch{}const pe={title:"Checkbox",component:n,tags:["autodocs"],argTypes:{state:{control:{type:"select",options:[void 0,"disabled","alert"]}}},parameters:{docs:{description:{component:"A component that allows users to select one or multiple options from a set. Checkboxes present a clear visual indication of the selected state, making them ideal for forms and settings."},page:()=>t.jsx(q,{docs:"https://docs.tetrisly.com/components/list/checkbox",children:t.jsx(k,{})})}}},l={},d={args:{isChecked:!0,onChange:()=>{}}},p=()=>{const[e,s]=c.useState(!1),[a,i]=c.useState(!1),[b,C]=c.useState(!0),f=c.useRef(!0);return c.useLayoutEffect(()=>{if(f.current){f.current=!1;return}i(e),C(e)},[e]),t.jsxs(r.div,{display:"flex",flexDirection:"column",gap:"$space-component-gap-small",children:[t.jsx(n,{isIndeterminate:!e&&(a||b),isChecked:e,onChange:o=>s(o.target.checked)}),t.jsx(n,{isChecked:a,onChange:o=>i(o.target.checked)}),t.jsx(n,{isChecked:b,onChange:o=>C(o.target.checked)})]})},m={args:{state:"disabled",label:"Disabled"}},h={args:{state:"alert",label:"Label",helperText:{text:"Helper text"}}},x={args:{label:"Label"}},u={args:{label:"Label",helperText:{text:"Helper text"}}};var S,v,I;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:"{}",...(I=(v=l.parameters)==null?void 0:v.docs)==null?void 0:I.source}}};var $,y,V;d.parameters={...d.parameters,docs:{...($=d.parameters)==null?void 0:$.docs,source:{originalSource:`{ +import{j as t}from"./jsx-runtime-ffb262ed.js";import{r as c}from"./index-76fb7be0.js";import{C as n}from"./Checkbox-7edd5d0e.js";import{S as g}from"./SectionHeader-c9c7fa6d.js";import{S as U}from"./States-1bb354e8.js";import{t as r}from"./TetrislyProvider-8c69fae3.js";import{T as q}from"./TetDocs-03bc5c84.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./mergeConfigWithCutom-aec35d44.js";import"./HelperText-94c2e4c3.js";import"./extractInputProps-08fc967a.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const j=e=>e?"Yes":"No",z=(e,s)=>[`Label: ${j(e)}`,`Helper Text: ${j(s)}`],k=()=>t.jsx(r.div,{children:["Unchecked","Checked","Indeterminate"].map(e=>t.jsxs(r.section,{py:"$dimension-500",children:[t.jsx(g,{variant:"H1",as:"h2",px:"$dimension-1000",py:"$dimension-500",children:e}),[{label:!1,helperText:!1},{label:!0,helperText:!1},{label:!0,helperText:!0}].map(({label:s,helperText:a})=>t.jsxs(r.div,{px:"$dimension-1000",pb:"$dimension-500",children:[t.jsx(g,{variant:"H2",as:"h3",py:"$dimension-500",labels:z(s,a)}),t.jsx(U,{states:["normal","disabled","alert"].filter(i=>!(i==="alert"&&e==="Checked")),flexBasis:"130px",gap:"$dimension-500"}),t.jsxs(r.div,{display:"flex",alignItems:"center",justifyContent:"center",gap:"$dimension-500",children:[t.jsx(r.div,{flexBasis:"130px",flexGrow:"1",flexShrink:"0",children:t.jsx(n,{isChecked:e==="Checked",isIndeterminate:e==="Indeterminate",onChange:()=>{},mt:"$dimension-500",label:s?"Checkbox Label":void 0,helperText:a?{text:"Helper Text"}:void 0})}),t.jsx(r.div,{flexBasis:"130px",flexGrow:"1",flexShrink:"0",children:t.jsx(n,{isChecked:e==="Checked",isIndeterminate:e==="Indeterminate",onChange:()=>{},state:"disabled",mt:"$dimension-500",label:s?"Checkbox Label":void 0,helperText:a?{text:"Helper Text"}:void 0})}),e!=="Checked"&&t.jsx(r.div,{flexBasis:"130px",flexGrow:"1",flexShrink:"0",children:t.jsx(n,{isChecked:!1,isIndeterminate:e==="Indeterminate",onChange:()=>{},state:"alert",mt:"$dimension-500",label:s?"Checkbox Label":void 0,helperText:a?{text:"Helper Text"}:void 0})})]})]},`${s}${a}`))]},e))});try{k.displayName="CheckboxDocs",k.__docgenInfo={description:"",displayName:"CheckboxDocs",props:{}}}catch{}const pe={title:"Checkbox",component:n,tags:["autodocs"],argTypes:{state:{control:{type:"select",options:[void 0,"disabled","alert"]}}},parameters:{docs:{description:{component:"A component that allows users to select one or multiple options from a set. Checkboxes present a clear visual indication of the selected state, making them ideal for forms and settings."},page:()=>t.jsx(q,{docs:"https://docs.tetrisly.com/components/list/checkbox",children:t.jsx(k,{})})}}},l={},d={args:{isChecked:!0,onChange:()=>{}}},p=()=>{const[e,s]=c.useState(!1),[a,i]=c.useState(!1),[b,C]=c.useState(!0),f=c.useRef(!0);return c.useLayoutEffect(()=>{if(f.current){f.current=!1;return}i(e),C(e)},[e]),t.jsxs(r.div,{display:"flex",flexDirection:"column",gap:"$space-component-gap-small",children:[t.jsx(n,{isIndeterminate:!e&&(a||b),isChecked:e,onChange:o=>s(o.target.checked)}),t.jsx(n,{isChecked:a,onChange:o=>i(o.target.checked)}),t.jsx(n,{isChecked:b,onChange:o=>C(o.target.checked)})]})},m={args:{state:"disabled",label:"Disabled"}},h={args:{state:"alert",label:"Label",helperText:{text:"Helper text"}}},x={args:{label:"Label"}},u={args:{label:"Label",helperText:{text:"Helper text"}}};var S,v,I;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:"{}",...(I=(v=l.parameters)==null?void 0:v.docs)==null?void 0:I.source}}};var $,y,V;d.parameters={...d.parameters,docs:{...($=d.parameters)==null?void 0:$.docs,source:{originalSource:`{ args: { isChecked: true, onChange: () => {} diff --git a/assets/CheckboxGroup.stories-4b517db0.js b/assets/CheckboxGroup.stories-c9693e9d.js similarity index 92% rename from assets/CheckboxGroup.stories-4b517db0.js rename to assets/CheckboxGroup.stories-c9693e9d.js index 56d10430..5b5b23eb 100644 --- a/assets/CheckboxGroup.stories-4b517db0.js +++ b/assets/CheckboxGroup.stories-c9693e9d.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{r as x}from"./index-76fb7be0.js";import{m as I}from"./mergeConfigWithCutom-aec35d44.js";import{C as y}from"./Checkbox-bfd1bcda.js";import{H as b}from"./HelperText-ff282223.js";import{L as u}from"./Label-c09f8b49.js";import{t as i}from"./TetrislyProvider-8c69fae3.js";import{S as d}from"./SectionHeader-c9c7fa6d.js";import{T as H}from"./TetDocs-deea9a80.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./extractInputProps-08fc967a.js";import"./Button-2ba8575b.js";import"./index-60ef7482.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const T={display:"flex",flexDirection:"column",gap:"$space-component-gap-small",innerElements:{checkboxContainer:{display:"grid",gap:"$space-component-gap-small $space-component-gap-large"},label:{},helperText:{}}},G=o=>{const{innerElements:{helperText:a,label:p,checkboxContainer:l},...r}=I({defaultConfig:T,custom:o});return{container:r,checkboxContainer:l,label:p,helperText:a}},t=({column:o=1,label:a,helperText:p,children:l,custom:r,...L})=>{const s=x.useMemo(()=>G(r),[r]);return x.Children.map(l,n=>{x.isValidElement(n)&&(n==null?void 0:n.type)!==t.Item&&console.error("You should use only CheckboxGroup.Item as a child of a CheckboxGroup component.")}),e.jsxs(i.div,{...s.container,"data-testid":"checkbox-group",...L,children:[e.jsx(_,{label:a,styles:s.label}),e.jsx(i.div,{...s.checkboxContainer,gridTemplateColumns:`repeat(${o}, 1fr)`,"data-testid":"checkbox-group-container",children:l}),e.jsx($,{helperText:p,styles:s.helperText})]})},_=({label:o,styles:a})=>o?typeof o=="string"?e.jsx(u,{label:o,custom:a,"data-testid":"checkbox-group-label"}):e.jsx(u,{...o,custom:a,"data-testid":"checkbox-group-label"}):null,$=({helperText:o,styles:a})=>o?typeof o=="string"?e.jsx(b,{text:o,custom:a,"data-testid":"checkbox-group-helperText"}):e.jsx(b,{...o,custom:a,"data-testid":"checkbox-group-helperText"}):null;t.Item=y;try{t.displayName="CheckboxGroup",t.__docgenInfo={description:"",displayName:"CheckboxGroup",props:{column:{defaultValue:{value:"1"},description:"",name:"column",required:!1,type:{name:"number"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"LabelProp"}},helperText:{defaultValue:null,description:"",name:"helperText",required:!1,type:{name:"HelperTextProp"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"CheckboxGroupConfig"}}}}}catch{}const V=()=>e.jsxs(e.Fragment,{children:[e.jsxs(i.section,{display:"flex",flexDirection:"column",justifyContent:"center",children:[e.jsx(d,{variant:"H1",as:"h2",px:"$dimension-1000",py:"$dimension-500",children:"Horizontal Group"}),e.jsxs(t,{my:"$dimension-500",mx:"auto",label:"Label",helperText:"Helper text",column:4,children:[e.jsx(t.Item,{label:"Checkbox Label 1"}),e.jsx(t.Item,{label:"Checkbox Label 2"}),e.jsx(t.Item,{label:"Checkbox Label 3"}),e.jsx(t.Item,{label:"Checkbox Label 4"}),e.jsx(t.Item,{label:"Checkbox Label 5"}),e.jsx(t.Item,{label:"Checkbox Label 6"}),e.jsx(t.Item,{label:"Checkbox Label 7"}),e.jsx(t.Item,{label:"Checkbox Label 8"})]})]}),e.jsxs(i.section,{display:"flex",flexDirection:"column",justifyContent:"center",children:[e.jsx(d,{variant:"H1",as:"h2",px:"$dimension-1000",py:"$dimension-500",children:"Vertical Group"}),e.jsxs(t,{my:"$dimension-500",mx:"auto",label:"Label",helperText:"Helper text",column:1,children:[e.jsx(t.Item,{label:"Checkbox Label 1"}),e.jsx(t.Item,{label:"Checkbox Label 2"}),e.jsx(t.Item,{label:"Checkbox Label 3"}),e.jsx(t.Item,{label:"Checkbox Label 4"}),e.jsx(t.Item,{label:"Checkbox Label 5"}),e.jsx(t.Item,{label:"Checkbox Label 6"}),e.jsx(t.Item,{label:"Checkbox Label 7"}),e.jsx(t.Item,{label:"Checkbox Label 8"})]})]})]}),X={title:"CheckboxGroup",component:t,tags:["autodocs"],args:{label:"Label",helperText:"Helper text",children:[e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"})]},parameters:{docs:{description:{component:"A component that allows users to select one or multiple options from a set. Checkboxes present a clear visual indication of the selected state, making them ideal for forms and settings."},page:()=>e.jsx(H,{docs:"https://docs.tetrisly.com/components/list/checkbox",children:e.jsx(V,{})})}}},c={args:{column:4}},m={args:{column:1}};var h,j,f;c.parameters={...c.parameters,docs:{...(h=c.parameters)==null?void 0:h.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-ffb262ed.js";import{r as x}from"./index-76fb7be0.js";import{m as I}from"./mergeConfigWithCutom-aec35d44.js";import{C as y}from"./Checkbox-7edd5d0e.js";import{H as b}from"./HelperText-94c2e4c3.js";import{L as u}from"./Label-e7b0184c.js";import{t as i}from"./TetrislyProvider-8c69fae3.js";import{S as d}from"./SectionHeader-c9c7fa6d.js";import{T as H}from"./TetDocs-03bc5c84.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./extractInputProps-08fc967a.js";import"./Button-93f2d0ab.js";import"./index-60ef7482.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const T={display:"flex",flexDirection:"column",gap:"$space-component-gap-small",innerElements:{checkboxContainer:{display:"grid",gap:"$space-component-gap-small $space-component-gap-large"},label:{},helperText:{}}},G=o=>{const{innerElements:{helperText:a,label:p,checkboxContainer:l},...r}=I({defaultConfig:T,custom:o});return{container:r,checkboxContainer:l,label:p,helperText:a}},t=({column:o=1,label:a,helperText:p,children:l,custom:r,...L})=>{const s=x.useMemo(()=>G(r),[r]);return x.Children.map(l,n=>{x.isValidElement(n)&&(n==null?void 0:n.type)!==t.Item&&console.error("You should use only CheckboxGroup.Item as a child of a CheckboxGroup component.")}),e.jsxs(i.div,{...s.container,"data-testid":"checkbox-group",...L,children:[e.jsx(_,{label:a,styles:s.label}),e.jsx(i.div,{...s.checkboxContainer,gridTemplateColumns:`repeat(${o}, 1fr)`,"data-testid":"checkbox-group-container",children:l}),e.jsx($,{helperText:p,styles:s.helperText})]})},_=({label:o,styles:a})=>o?typeof o=="string"?e.jsx(u,{label:o,custom:a,"data-testid":"checkbox-group-label"}):e.jsx(u,{...o,custom:a,"data-testid":"checkbox-group-label"}):null,$=({helperText:o,styles:a})=>o?typeof o=="string"?e.jsx(b,{text:o,custom:a,"data-testid":"checkbox-group-helperText"}):e.jsx(b,{...o,custom:a,"data-testid":"checkbox-group-helperText"}):null;t.Item=y;try{t.displayName="CheckboxGroup",t.__docgenInfo={description:"",displayName:"CheckboxGroup",props:{column:{defaultValue:{value:"1"},description:"",name:"column",required:!1,type:{name:"number"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"LabelProp"}},helperText:{defaultValue:null,description:"",name:"helperText",required:!1,type:{name:"HelperTextProp"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"CheckboxGroupConfig"}}}}}catch{}const V=()=>e.jsxs(e.Fragment,{children:[e.jsxs(i.section,{display:"flex",flexDirection:"column",justifyContent:"center",children:[e.jsx(d,{variant:"H1",as:"h2",px:"$dimension-1000",py:"$dimension-500",children:"Horizontal Group"}),e.jsxs(t,{my:"$dimension-500",mx:"auto",label:"Label",helperText:"Helper text",column:4,children:[e.jsx(t.Item,{label:"Checkbox Label 1"}),e.jsx(t.Item,{label:"Checkbox Label 2"}),e.jsx(t.Item,{label:"Checkbox Label 3"}),e.jsx(t.Item,{label:"Checkbox Label 4"}),e.jsx(t.Item,{label:"Checkbox Label 5"}),e.jsx(t.Item,{label:"Checkbox Label 6"}),e.jsx(t.Item,{label:"Checkbox Label 7"}),e.jsx(t.Item,{label:"Checkbox Label 8"})]})]}),e.jsxs(i.section,{display:"flex",flexDirection:"column",justifyContent:"center",children:[e.jsx(d,{variant:"H1",as:"h2",px:"$dimension-1000",py:"$dimension-500",children:"Vertical Group"}),e.jsxs(t,{my:"$dimension-500",mx:"auto",label:"Label",helperText:"Helper text",column:1,children:[e.jsx(t.Item,{label:"Checkbox Label 1"}),e.jsx(t.Item,{label:"Checkbox Label 2"}),e.jsx(t.Item,{label:"Checkbox Label 3"}),e.jsx(t.Item,{label:"Checkbox Label 4"}),e.jsx(t.Item,{label:"Checkbox Label 5"}),e.jsx(t.Item,{label:"Checkbox Label 6"}),e.jsx(t.Item,{label:"Checkbox Label 7"}),e.jsx(t.Item,{label:"Checkbox Label 8"})]})]})]}),X={title:"CheckboxGroup",component:t,tags:["autodocs"],args:{label:"Label",helperText:"Helper text",children:[e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"})]},parameters:{docs:{description:{component:"A component that allows users to select one or multiple options from a set. Checkboxes present a clear visual indication of the selected state, making them ideal for forms and settings."},page:()=>e.jsx(H,{docs:"https://docs.tetrisly.com/components/list/checkbox",children:e.jsx(V,{})})}}},c={args:{column:4}},m={args:{column:1}};var h,j,f;c.parameters={...c.parameters,docs:{...(h=c.parameters)==null?void 0:h.docs,source:{originalSource:`{ args: { column: 4 } diff --git a/assets/Color-6VNJS4EI-0143a265.js b/assets/Color-6VNJS4EI-bba0351f.js similarity index 99% rename from assets/Color-6VNJS4EI-0143a265.js rename to assets/Color-6VNJS4EI-bba0351f.js index 85c89db8..6d6c26c2 100644 --- a/assets/Color-6VNJS4EI-0143a265.js +++ b/assets/Color-6VNJS4EI-bba0351f.js @@ -1 +1 @@ -import{n as M,g as ue,T as Me,F as Ce,I as $e,h as Ne}from"./index-78a2083d.js";import{R as h,r as b}from"./index-76fb7be0.js";import{g as fe}from"./_commonjsHelpers-de833af9.js";import{_ as Oe,i as J,a as Ie}from"./index-8fd8397b.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-356e4a49.js";function $(){return($=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function K(e){var t=b.useRef(e),n=b.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var S=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e0:p.buttons>0)&&o.current?a(ne(o.current,p,l.current)):_(!1)},N=function(){return _(!1)};function _(p){var m=i.current,x=V(o.current),C=p?x.addEventListener:x.removeEventListener;C(m?"touchmove":"mousemove",k),C(m?"touchend":"mouseup",N)}return[function(p){var m=p.nativeEvent,x=o.current;if(x&&(re(m),!function(X,R){return R&&!j(X)}(m,i.current)&&x)){if(j(m)){i.current=!0;var C=m.changedTouches||[];C.length&&(l.current=C[0].identifier)}x.focus(),a(ne(x,m,l.current)),_(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),s({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},_]},[s,a]),d=c[0],f=c[1],g=c[2];return b.useEffect(function(){return g},[g]),h.createElement("div",$({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),z=function(e){return e.filter(Boolean).join(" ")},ee=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=z(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},y=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?y(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?y(parseInt(e.substring(6,8),16)/255,2):1}},Te=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},je=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?Fe({h:Te(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},Fe=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},ze=function(e){return Pe(de(e))},he=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:y(e.h),s:y(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:y(o/2),a:y(r,2)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},q=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),s=r*(1-n),l=r*(1-(t-a)*n),i=r*(1-(1-t+a)*n),c=a%6;return{r:y(255*[r,l,s,s,i,r][c]),g:y(255*[i,r,r,l,s,s][c]),b:y(255*[s,s,i,r,r,l][c]),a:y(o,2)}},He=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},H=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Pe=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?H(y(255*o)):"";return"#"+H(t)+H(n)+H(r)+a},ge=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),s=a-Math.min(t,n,r),l=s?a===t?(n-r)/s:a===n?2+(r-t)/s:4+(t-n)/s:0;return{h:y(60*(l<0?l+6:l)),s:y(a?s/a*100:0),v:y(a/255*100),a:o}},me=h.memo(function(e){var t=e.hue,n=e.onChange,r=z(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Z,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:S(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(ee,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),be=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Z,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:S(t.s+100*o.left,0,100),v:S(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(ee,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Le=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(n),o=b.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=b.useRef({color:t,hsva:a});b.useEffect(function(){if(!e.equal(t,l.current.color)){var c=e.toHsva(t);l.current={hsva:c,color:t},s(c)}},[t,e]),b.useEffect(function(){var c;ve(a,l.current.hsva)||e.equal(c=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:c},r(c))},[a,e,r]);var i=b.useCallback(function(c){s(function(d){return Object.assign({},d,c)})},[]);return[a,i]}var qe=typeof window<"u"?b.useLayoutEffect:b.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},oe=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!oe.has(t)){var n=t.createElement("style");n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,oe.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},We=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d,className:"react-colorful__last-control"}))},Xe={defaultColor:"000",toHsva:Re,fromHsva:function(e){return ze({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},De=function(e){return h.createElement(We,$({},e,{colorModel:Xe}))},Ke=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+q(Object.assign({},n,{a:0}))+", "+q(Object.assign({},n,{a:1}))+")"},a=z(["react-colorful__alpha",t]),s=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Z,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:S(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(ee,{className:"react-colorful__alpha-pointer",left:n.a,color:q(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d}),h.createElement(Ke,{hsva:c,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:je,fromHsva:q,equal:pe},Ae=function(e){return h.createElement(we,$({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:He,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,$({},e,{colorModel:Ge}))},Ye={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const F=Ye,ke={};for(const e of Object.keys(F))ke[F[e]]=e;const u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var _e=u;for(const e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),s=a-o;let l,i;a===o?l=0:t===a?l=(n-r)/s:n===a?l=2+(r-t)/s:r===a&&(l=4+(t-n)/s),l=Math.min(l*60,360),l<0&&(l+=360);const c=(o+a)/2;return a===o?i=0:c<=.5?i=s/(a+o):i=s/(2-a-o),[l,i*100,c*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,i=e[2]/255,c=Math.max(s,l,i),d=c-Math.min(s,l,i),f=function(g){return(c-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/c,t=f(s),n=f(l),r=f(i),s===c?o=r-n:l===c?o=1/3+t-r:i===c&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,c*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,l=(1-r-o)/(1-o)||0;return[a*100,s*100,l*100,o*100]};function Je(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(F)){const a=F[o],s=Je(e,a);s.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,s=t*.0193+n*.1192+r*.9505;return[o*100,a*100,s*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,s=500*(n-r),l=200*(r-o);return[a,s,l]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,s;if(n===0)return s=r*255,[s,s,s];r<.5?o=r*(1+n):o=r+n-r*n;const l=2*r-o,i=[0,0,0];for(let c=0;c<3;c++)a=t+1/3*-(c-1),a<0&&a++,a>1&&a--,6*a<1?s=l+(o-l)*6*a:2*a<1?s=o:3*a<2?s=l+(o-l)*(2/3-a)*6:s=l,i[c]=s*255;return i};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const s=(r+n)/2,l=r===0?2*o/(a+o):2*n/(r+n);return[t,l*100,s*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),s=255*r*(1-n),l=255*r*(1-n*a),i=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,i,s];case 1:return[l,r,s];case 2:return[s,r,i];case 3:return[s,l,r];case 4:return[i,s,r];case 5:return[r,s,l]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,s;s=(2-n)*r;const l=(2-n)*o;return a=n*o,a/=l<=1?l:2-l,a=a||0,s/=2,[t,a*100,s*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const s=Math.floor(6*t),l=1-r;a=6*t-s,s&1&&(a=1-a);const i=n+a*(l-n);let c,d,f;switch(s){default:case 6:case 0:c=l,d=i,f=n;break;case 1:c=i,d=l,f=n;break;case 2:c=n,d=l,f=i;break;case 3:c=n,d=i,f=l;break;case 4:c=i,d=n,f=l;break;case 5:c=l,d=n,f=i;break}return[c*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,r*(1-o)+o);return[a*255,s*255,l*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,s;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,s=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),[o*255,a*255,s*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),s=200*(n-r);return[o,a,s]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,s;a=(t+16)/116,o=n/500+a,s=a-r/200;const l=a**3,i=o**3,c=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=i>.008856?i:(o-16/116)/7.787,s=c>.008856?c:(s-16/116)/7.787,o*=95.047,a*=100,s*=108.883,[o,a,s]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const s=Math.sqrt(n*n+r*r);return[t,s,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),s=n*Math.sin(o);return[t,a,s]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(s+=60),s};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)};u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(l=>l+l).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,s=r&255;return[o,a,s]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),s=o-a;let l,i;return s<1?l=a/(1-s):l=0,s<=0?i=0:o===t?i=(n-r)/s%6:o===n?i=2+(r-t)/s:i=4+(t-n)/s,i/=6,i%=1,[i*360,s*100,l*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,s=a%1,l=1-s;let i=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=l,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=l,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=l}return i=(1-n)*r,[(n*o[0]+i)*255,(n*o[1]+i)*255,(n*o[2]+i)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*100]};u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};u.gray.hsl=function(e){return[0,0,e[0]]};u.gray.hsv=u.gray.hsl;u.gray.hwb=function(e){return[0,100,e[0]]};u.gray.cmyk=function(e){return[0,0,0,e[0]]};u.gray.lab=function(e){return[e[0],0,0]};u.gray.hex=function(e){const t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r};u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const B=_e;function Qe(){const e={},t=Object.keys(B);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function st(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,s=0;s{O[e]={},Object.defineProperty(O[e],"channels",{value:U[e].channels}),Object.defineProperty(O[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];O[e][r]=st(o),O[e][r].raw=at(o)})});var lt=O;const w=fe(lt);var it=Oe,ct=function(){return it.Date.now()},ut=ct,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,mt=/^\s+/;function bt(e){return e&&e.slice(0,gt(e)+1).replace(mt,"")}var vt=bt,pt=vt,ae=J,yt=Ie,se=0/0,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return se;if(ae(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=ae(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?se:+e}var Mt=Et,Ct=J,D=ut,le=Mt,$t="Expected a function",Nt=Math.max,Ot=Math.min;function It(e,t,n){var r,o,a,s,l,i,c=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError($t);t=le(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?Nt(le(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function k(v){var E=r,T=o;return r=o=void 0,c=v,s=e.apply(T,E),s}function N(v){return c=v,l=setTimeout(m,t),d?k(v):s}function _(v){var E=v-i,T=v-c,te=t-E;return f?Ot(te,a-T):te}function p(v){var E=v-i,T=v-c;return i===void 0||E>=t||E<0||f&&T>=a}function m(){var v=D();if(p(v))return x(v);l=setTimeout(m,_(v))}function x(v){return l=void 0,g&&r?k(v):(r=o=void 0,s)}function C(){l!==void 0&&clearTimeout(l),c=0,r=i=o=l=void 0}function X(){return l===void 0?s:x(D())}function R(){var v=D(),E=p(v);if(r=arguments,o=this,i=v,E){if(l===void 0)return N(i);if(f)return clearTimeout(l),l=setTimeout(m,t),k(i)}return l===void 0&&(l=setTimeout(m,t)),s}return R.cancel=C,R.flush=X,R}var St=It,Rt=St,Tt=J,jt="Expected a function";function Ft(e,t,n){var r=!0,o=!0;if(typeof e!="function")throw new TypeError(jt);return Tt(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),Rt(e,t,{leading:r,maxWait:t,trailing:o})}var zt=Ft;const Ht=fe(zt);var Pt=M.div({position:"relative",maxWidth:250}),Lt=M(ue)({position:"absolute",zIndex:1,top:4,left:4}),qt=M.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Bt=M(Me)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Wt=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Xt=M.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Dt=`url('data:image/svg+xml;charset=utf-8,')`,ie=({value:e,active:t,onClick:n,style:r,...o})=>{let a=`linear-gradient(${e}, ${e}), ${Dt}, linear-gradient(#fff, #fff)`;return h.createElement(Xt,{...o,active:t,onClick:n,style:{...r,backgroundImage:a}})},Kt=M(Ce.Input)(({theme:e})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Vt=M($e)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),P=Object.values(Ee),At=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Gt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ut=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Yt=/^\s*#?([0-9a-f]{3})\s*$/i,Jt={hex:De,rgb:Ue,hsl:Ae},L={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(At);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},I=e=>{if(!e)return;let t=!0;if(Gt.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.rgb.hsl([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.rgb.keyword([s,l,i]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${c})`,hex:`#${w.rgb.hex([s,l,i]).toLowerCase()}`}}if(Ut.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.hsl.rgb([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.hsl.keyword([s,l,i]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${c})`,hsl:e,hex:`#${w.hsl.hex([s,l,i]).toLowerCase()}`}}let n=e.replace("#",""),r=w.keyword.rgb(n)||w.hex.rgb(n),o=w.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{w.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:w.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},Qt=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return L[n];if(n!=="hex")return(t==null?void 0:t[n])||L[n];if(!t.hex.startsWith("#"))try{return`#${w.keyword.hex(t.hex)}`}catch{return L.hex}let r=t.hex.match(Yt);if(!r)return Y.test(t.hex)?t.hex:L.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Zt=(e,t)=>{let[n,r]=b.useState(e||""),[o,a]=b.useState(()=>I(n)),[s,l]=b.useState((o==null?void 0:o.colorSpace)||"hex");b.useEffect(()=>{let f=e||"",g=I(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let i=b.useMemo(()=>Qt(n,o,s).toLowerCase(),[n,o,s]),c=b.useCallback(f=>{let g=I(f),k=(g==null?void 0:g.value)||f||"";r(k),k===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=b.useCallback(()=>{let f=P.indexOf(s)+1;f>=P.length&&(f=0),l(P[f]);let g=(o==null?void 0:o[P[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:i,updateValue:c,color:o,colorSpace:s,cycleColorSpace:d}},W=e=>e.replace(/\s*/,"").toLowerCase(),en=(e,t,n)=>{let[r,o]=b.useState(t!=null&&t.valid?[t]:[]);b.useEffect(()=>{t===void 0&&o([])},[t]);let a=b.useMemo(()=>(e||[]).map(l=>typeof l=="string"?I(l):l.title?{...I(l.color),keyword:l.title}:I(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=b.useCallback(l=>{l!=null&&l.valid&&(a.some(i=>W(i[n])===W(l[n]))||o(i=>i.concat(l)))},[n,a]);return{presets:a,addPreset:s}},tn=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1})=>{let l=b.useCallback(Ht(n,200),[n]),{value:i,realValue:c,updateValue:d,color:f,colorSpace:g,cycleColorSpace:k}=Zt(t,l),{presets:N,addPreset:_}=en(a,f,g),p=Jt[g];return h.createElement(Pt,null,h.createElement(Lt,{startOpen:s,closeOnOutsideClick:!0,onVisibleChange:()=>_(f),tooltip:h.createElement(qt,null,h.createElement(p,{color:c==="transparent"?"#000000":c,onChange:d,onFocus:r,onBlur:o}),N.length>0&&h.createElement(Wt,null,N.map((m,x)=>h.createElement(ue,{key:`${m.value}-${x}`,hasChrome:!1,tooltip:h.createElement(Bt,{note:m.keyword||m.value})},h.createElement(ie,{value:m[g],active:f&&W(m[g])===W(f[g]),onClick:()=>d(m.value)})))))},h.createElement(ie,{value:c,style:{margin:4}})),h.createElement(Kt,{id:Ne(e),value:i,onChange:m=>d(m.target.value),onFocus:m=>m.target.select(),placeholder:"Choose color..."}),i?h.createElement(Vt,{icon:"markup",onClick:k}):null)},hn=tn;export{tn as ColorControl,hn as default}; +import{n as M,g as ue,T as Me,F as Ce,I as $e,h as Ne}from"./index-43890eef.js";import{R as h,r as b}from"./index-76fb7be0.js";import{g as fe}from"./_commonjsHelpers-de833af9.js";import{_ as Oe,i as J,a as Ie}from"./index-8fd8397b.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-356e4a49.js";function $(){return($=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function K(e){var t=b.useRef(e),n=b.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var S=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e0:p.buttons>0)&&o.current?a(ne(o.current,p,l.current)):_(!1)},N=function(){return _(!1)};function _(p){var m=i.current,x=V(o.current),C=p?x.addEventListener:x.removeEventListener;C(m?"touchmove":"mousemove",k),C(m?"touchend":"mouseup",N)}return[function(p){var m=p.nativeEvent,x=o.current;if(x&&(re(m),!function(X,R){return R&&!j(X)}(m,i.current)&&x)){if(j(m)){i.current=!0;var C=m.changedTouches||[];C.length&&(l.current=C[0].identifier)}x.focus(),a(ne(x,m,l.current)),_(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),s({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},_]},[s,a]),d=c[0],f=c[1],g=c[2];return b.useEffect(function(){return g},[g]),h.createElement("div",$({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),z=function(e){return e.filter(Boolean).join(" ")},ee=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=z(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},y=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?y(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?y(parseInt(e.substring(6,8),16)/255,2):1}},Te=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},je=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?Fe({h:Te(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},Fe=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},ze=function(e){return Pe(de(e))},he=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:y(e.h),s:y(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:y(o/2),a:y(r,2)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},q=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),s=r*(1-n),l=r*(1-(t-a)*n),i=r*(1-(1-t+a)*n),c=a%6;return{r:y(255*[r,l,s,s,i,r][c]),g:y(255*[i,r,r,l,s,s][c]),b:y(255*[s,s,i,r,r,l][c]),a:y(o,2)}},He=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},H=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Pe=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?H(y(255*o)):"";return"#"+H(t)+H(n)+H(r)+a},ge=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),s=a-Math.min(t,n,r),l=s?a===t?(n-r)/s:a===n?2+(r-t)/s:4+(t-n)/s:0;return{h:y(60*(l<0?l+6:l)),s:y(a?s/a*100:0),v:y(a/255*100),a:o}},me=h.memo(function(e){var t=e.hue,n=e.onChange,r=z(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Z,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:S(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(ee,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),be=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Z,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:S(t.s+100*o.left,0,100),v:S(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(ee,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Le=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(n),o=b.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=b.useRef({color:t,hsva:a});b.useEffect(function(){if(!e.equal(t,l.current.color)){var c=e.toHsva(t);l.current={hsva:c,color:t},s(c)}},[t,e]),b.useEffect(function(){var c;ve(a,l.current.hsva)||e.equal(c=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:c},r(c))},[a,e,r]);var i=b.useCallback(function(c){s(function(d){return Object.assign({},d,c)})},[]);return[a,i]}var qe=typeof window<"u"?b.useLayoutEffect:b.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},oe=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!oe.has(t)){var n=t.createElement("style");n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,oe.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},We=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d,className:"react-colorful__last-control"}))},Xe={defaultColor:"000",toHsva:Re,fromHsva:function(e){return ze({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},De=function(e){return h.createElement(We,$({},e,{colorModel:Xe}))},Ke=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+q(Object.assign({},n,{a:0}))+", "+q(Object.assign({},n,{a:1}))+")"},a=z(["react-colorful__alpha",t]),s=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Z,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:S(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(ee,{className:"react-colorful__alpha-pointer",left:n.a,color:q(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d}),h.createElement(Ke,{hsva:c,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:je,fromHsva:q,equal:pe},Ae=function(e){return h.createElement(we,$({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:He,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,$({},e,{colorModel:Ge}))},Ye={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const F=Ye,ke={};for(const e of Object.keys(F))ke[F[e]]=e;const u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var _e=u;for(const e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),s=a-o;let l,i;a===o?l=0:t===a?l=(n-r)/s:n===a?l=2+(r-t)/s:r===a&&(l=4+(t-n)/s),l=Math.min(l*60,360),l<0&&(l+=360);const c=(o+a)/2;return a===o?i=0:c<=.5?i=s/(a+o):i=s/(2-a-o),[l,i*100,c*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,i=e[2]/255,c=Math.max(s,l,i),d=c-Math.min(s,l,i),f=function(g){return(c-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/c,t=f(s),n=f(l),r=f(i),s===c?o=r-n:l===c?o=1/3+t-r:i===c&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,c*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,l=(1-r-o)/(1-o)||0;return[a*100,s*100,l*100,o*100]};function Je(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(F)){const a=F[o],s=Je(e,a);s.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,s=t*.0193+n*.1192+r*.9505;return[o*100,a*100,s*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,s=500*(n-r),l=200*(r-o);return[a,s,l]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,s;if(n===0)return s=r*255,[s,s,s];r<.5?o=r*(1+n):o=r+n-r*n;const l=2*r-o,i=[0,0,0];for(let c=0;c<3;c++)a=t+1/3*-(c-1),a<0&&a++,a>1&&a--,6*a<1?s=l+(o-l)*6*a:2*a<1?s=o:3*a<2?s=l+(o-l)*(2/3-a)*6:s=l,i[c]=s*255;return i};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const s=(r+n)/2,l=r===0?2*o/(a+o):2*n/(r+n);return[t,l*100,s*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),s=255*r*(1-n),l=255*r*(1-n*a),i=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,i,s];case 1:return[l,r,s];case 2:return[s,r,i];case 3:return[s,l,r];case 4:return[i,s,r];case 5:return[r,s,l]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,s;s=(2-n)*r;const l=(2-n)*o;return a=n*o,a/=l<=1?l:2-l,a=a||0,s/=2,[t,a*100,s*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const s=Math.floor(6*t),l=1-r;a=6*t-s,s&1&&(a=1-a);const i=n+a*(l-n);let c,d,f;switch(s){default:case 6:case 0:c=l,d=i,f=n;break;case 1:c=i,d=l,f=n;break;case 2:c=n,d=l,f=i;break;case 3:c=n,d=i,f=l;break;case 4:c=i,d=n,f=l;break;case 5:c=l,d=n,f=i;break}return[c*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,r*(1-o)+o);return[a*255,s*255,l*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,s;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,s=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),[o*255,a*255,s*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),s=200*(n-r);return[o,a,s]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,s;a=(t+16)/116,o=n/500+a,s=a-r/200;const l=a**3,i=o**3,c=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=i>.008856?i:(o-16/116)/7.787,s=c>.008856?c:(s-16/116)/7.787,o*=95.047,a*=100,s*=108.883,[o,a,s]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const s=Math.sqrt(n*n+r*r);return[t,s,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),s=n*Math.sin(o);return[t,a,s]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(s+=60),s};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)};u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(l=>l+l).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,s=r&255;return[o,a,s]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),s=o-a;let l,i;return s<1?l=a/(1-s):l=0,s<=0?i=0:o===t?i=(n-r)/s%6:o===n?i=2+(r-t)/s:i=4+(t-n)/s,i/=6,i%=1,[i*360,s*100,l*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,s=a%1,l=1-s;let i=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=l,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=l,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=l}return i=(1-n)*r,[(n*o[0]+i)*255,(n*o[1]+i)*255,(n*o[2]+i)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*100]};u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};u.gray.hsl=function(e){return[0,0,e[0]]};u.gray.hsv=u.gray.hsl;u.gray.hwb=function(e){return[0,100,e[0]]};u.gray.cmyk=function(e){return[0,0,0,e[0]]};u.gray.lab=function(e){return[e[0],0,0]};u.gray.hex=function(e){const t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r};u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const B=_e;function Qe(){const e={},t=Object.keys(B);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function st(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,s=0;s{O[e]={},Object.defineProperty(O[e],"channels",{value:U[e].channels}),Object.defineProperty(O[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];O[e][r]=st(o),O[e][r].raw=at(o)})});var lt=O;const w=fe(lt);var it=Oe,ct=function(){return it.Date.now()},ut=ct,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,mt=/^\s+/;function bt(e){return e&&e.slice(0,gt(e)+1).replace(mt,"")}var vt=bt,pt=vt,ae=J,yt=Ie,se=0/0,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return se;if(ae(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=ae(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?se:+e}var Mt=Et,Ct=J,D=ut,le=Mt,$t="Expected a function",Nt=Math.max,Ot=Math.min;function It(e,t,n){var r,o,a,s,l,i,c=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError($t);t=le(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?Nt(le(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function k(v){var E=r,T=o;return r=o=void 0,c=v,s=e.apply(T,E),s}function N(v){return c=v,l=setTimeout(m,t),d?k(v):s}function _(v){var E=v-i,T=v-c,te=t-E;return f?Ot(te,a-T):te}function p(v){var E=v-i,T=v-c;return i===void 0||E>=t||E<0||f&&T>=a}function m(){var v=D();if(p(v))return x(v);l=setTimeout(m,_(v))}function x(v){return l=void 0,g&&r?k(v):(r=o=void 0,s)}function C(){l!==void 0&&clearTimeout(l),c=0,r=i=o=l=void 0}function X(){return l===void 0?s:x(D())}function R(){var v=D(),E=p(v);if(r=arguments,o=this,i=v,E){if(l===void 0)return N(i);if(f)return clearTimeout(l),l=setTimeout(m,t),k(i)}return l===void 0&&(l=setTimeout(m,t)),s}return R.cancel=C,R.flush=X,R}var St=It,Rt=St,Tt=J,jt="Expected a function";function Ft(e,t,n){var r=!0,o=!0;if(typeof e!="function")throw new TypeError(jt);return Tt(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),Rt(e,t,{leading:r,maxWait:t,trailing:o})}var zt=Ft;const Ht=fe(zt);var Pt=M.div({position:"relative",maxWidth:250}),Lt=M(ue)({position:"absolute",zIndex:1,top:4,left:4}),qt=M.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Bt=M(Me)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Wt=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Xt=M.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Dt=`url('data:image/svg+xml;charset=utf-8,')`,ie=({value:e,active:t,onClick:n,style:r,...o})=>{let a=`linear-gradient(${e}, ${e}), ${Dt}, linear-gradient(#fff, #fff)`;return h.createElement(Xt,{...o,active:t,onClick:n,style:{...r,backgroundImage:a}})},Kt=M(Ce.Input)(({theme:e})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Vt=M($e)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),P=Object.values(Ee),At=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Gt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ut=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Yt=/^\s*#?([0-9a-f]{3})\s*$/i,Jt={hex:De,rgb:Ue,hsl:Ae},L={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(At);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},I=e=>{if(!e)return;let t=!0;if(Gt.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.rgb.hsl([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.rgb.keyword([s,l,i]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${c})`,hex:`#${w.rgb.hex([s,l,i]).toLowerCase()}`}}if(Ut.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.hsl.rgb([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.hsl.keyword([s,l,i]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${c})`,hsl:e,hex:`#${w.hsl.hex([s,l,i]).toLowerCase()}`}}let n=e.replace("#",""),r=w.keyword.rgb(n)||w.hex.rgb(n),o=w.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{w.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:w.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},Qt=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return L[n];if(n!=="hex")return(t==null?void 0:t[n])||L[n];if(!t.hex.startsWith("#"))try{return`#${w.keyword.hex(t.hex)}`}catch{return L.hex}let r=t.hex.match(Yt);if(!r)return Y.test(t.hex)?t.hex:L.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Zt=(e,t)=>{let[n,r]=b.useState(e||""),[o,a]=b.useState(()=>I(n)),[s,l]=b.useState((o==null?void 0:o.colorSpace)||"hex");b.useEffect(()=>{let f=e||"",g=I(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let i=b.useMemo(()=>Qt(n,o,s).toLowerCase(),[n,o,s]),c=b.useCallback(f=>{let g=I(f),k=(g==null?void 0:g.value)||f||"";r(k),k===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=b.useCallback(()=>{let f=P.indexOf(s)+1;f>=P.length&&(f=0),l(P[f]);let g=(o==null?void 0:o[P[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:i,updateValue:c,color:o,colorSpace:s,cycleColorSpace:d}},W=e=>e.replace(/\s*/,"").toLowerCase(),en=(e,t,n)=>{let[r,o]=b.useState(t!=null&&t.valid?[t]:[]);b.useEffect(()=>{t===void 0&&o([])},[t]);let a=b.useMemo(()=>(e||[]).map(l=>typeof l=="string"?I(l):l.title?{...I(l.color),keyword:l.title}:I(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=b.useCallback(l=>{l!=null&&l.valid&&(a.some(i=>W(i[n])===W(l[n]))||o(i=>i.concat(l)))},[n,a]);return{presets:a,addPreset:s}},tn=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1})=>{let l=b.useCallback(Ht(n,200),[n]),{value:i,realValue:c,updateValue:d,color:f,colorSpace:g,cycleColorSpace:k}=Zt(t,l),{presets:N,addPreset:_}=en(a,f,g),p=Jt[g];return h.createElement(Pt,null,h.createElement(Lt,{startOpen:s,closeOnOutsideClick:!0,onVisibleChange:()=>_(f),tooltip:h.createElement(qt,null,h.createElement(p,{color:c==="transparent"?"#000000":c,onChange:d,onFocus:r,onBlur:o}),N.length>0&&h.createElement(Wt,null,N.map((m,x)=>h.createElement(ue,{key:`${m.value}-${x}`,hasChrome:!1,tooltip:h.createElement(Bt,{note:m.keyword||m.value})},h.createElement(ie,{value:m[g],active:f&&W(m[g])===W(f[g]),onClick:()=>d(m.value)})))))},h.createElement(ie,{value:c,style:{margin:4}})),h.createElement(Kt,{id:Ne(e),value:i,onChange:m=>d(m.target.value),onFocus:m=>m.target.select(),placeholder:"Choose color..."}),i?h.createElement(Vt,{icon:"markup",onClick:k}):null)},hn=tn;export{tn as ColorControl,hn as default}; diff --git a/assets/CornerDialog.stories-99af5c68.js b/assets/CornerDialog.stories-99af5c68.js new file mode 100644 index 00000000..7c657483 --- /dev/null +++ b/assets/CornerDialog.stories-99af5c68.js @@ -0,0 +1,116 @@ +import{j as e}from"./jsx-runtime-ffb262ed.js";import{a as n}from"./chunk-WFFRPTHA-a68c42c5.js";import{R as k}from"./tetrisly-icons.es-12549e88.js";import{m as V,l as M}from"./mergeConfigWithCutom-aec35d44.js";import{B as P}from"./Button-93f2d0ab.js";import{I as z}from"./IconButton-84cc995d.js";import{t}from"./TetrislyProvider-8c69fae3.js";import{S as x}from"./SectionHeader-c9c7fa6d.js";import{T as O}from"./TetDocs-03bc5c84.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./preview-errors-dde4324f.js";import"./index-356e4a49.js";import"./index-60ef7482.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";const F={display:"flex",w:"fit-content",minWidth:"420px",p:"$space-component-padding-2xLarge",flexDirection:"row",alignItems:"flex-start",gap:"$space-component-padding-large",borderRadius:"$border-radius-xLarge",bg:"$color-interaction-background-modeless",boxShadow:"$elevation-bottom-300",borderWidth:"$border-width-small",borderStyle:"$border-style-solid",borderColor:"$color-border-defaultA",overflow:"hidden",innerElements:{intentIndicator:{h:"$size-xSmall",display:"flex",alignItems:"flex-end"},intentWarning:{color:"$color-content-warning-secondary"},intentNegative:{color:"$color-content-negative-secondary"},body:{display:"flex",flexGrow:1,flexDirection:"column",justifyContent:"space-between",gap:"$space-component-padding-large"},header:{display:"flex",alignSelf:"stretch",alignItems:"center"},headerTitle:{display:"flex",flexGrow:1,alignItems:"center",justifyContent:"space-between",color:"$color-content-primary",text:"$typo-body-strong-large"},closeButton:{},content:{text:"$typo-body-medium",color:"$color-content-secondary"},footer:{display:"flex",alignSelf:"stretch",justifyContent:"flex-end",gap:"$space-component-padding-small"}}},L=a=>{const{innerElements:o,...u}=V({defaultConfig:F,custom:a});return{container:u,intentIndicator:o.intentIndicator,intentWarning:o.intentWarning,intentNegative:o.intentNegative,body:o.body,header:o.header,headerTitle:o.headerTitle,closeButton:o.closeButton,content:o.content,footer:o.footer}},m=({custom:a,intent:o="none",title:u,content:R,actions:C,onCloseClick:g})=>{const i=L(a);return e.jsxs(t.div,{"data-testid":"corner-dialog",...i.container,children:[o==="warning"&&e.jsx(t.div,{...i.intentIndicator,...i.intentWarning,children:e.jsx(k,{name:"20-warning-fill","data-testid":"warning-icon"})}),o==="negative"&&e.jsx(t.div,{...i.intentIndicator,...i.intentNegative,children:e.jsx(k,{name:"20-alert-fill","data-testid":"negative-icon"})}),e.jsxs(t.div,{...i.body,children:[e.jsx(t.div,{"data-testid":"corner-dialog-header",...i.header,children:e.jsxs(t.div,{"data-testid":"corner-dialog-header-title",...i.headerTitle,children:[e.jsx(t.div,{children:u}),!!g&&e.jsx(z,{variant:"bare",icon:"20-close",size:"medium",onClick:g,"data-testid":"close-icon",...i.closeButton})]})}),e.jsx(t.div,{"data-testid":"corner-dialog-content",...i.content,children:R}),C&&e.jsx(t.div,{"data-testid":"corner-dialog-footer",...i.footer,children:C.map(f=>e.jsx(P,{size:"small",...f},f.label))})]})]})};try{m.displayName="CornerDialog",m.__docgenInfo={description:"",displayName:"CornerDialog",props:{custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"CornerDialogConfig"}},intent:{defaultValue:{value:"none"},description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"warning"'},{value:'"negative"'},{value:'"none"'}]}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"ReactNode"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:'DistributiveOmit[]'}},onCloseClick:{defaultValue:null,description:"",name:"onCloseClick",required:!1,type:{name:"((e?: MouseEvent) => void)"}}}}}catch{}const G=["none","warning","negative"],H=()=>e.jsxs(t.section,{display:"flex",padding:"$dimension-500 $dimension-0",flexDirection:"column",children:[e.jsx(x,{px:"$dimension-1000",variant:"H1",my:"auto",as:"h2",children:"Intent"}),e.jsx(t.div,{py:"$dimension-300",display:"flex",flexWrap:"wrap",gap:"$dimension-300",flexDirection:"column",children:G.map(a=>e.jsxs(t.div,{px:"$dimension-1000",py:"$dimension-300",children:[e.jsx(x,{variant:"H2",as:"h3",py:"$dimension-500",children:M.capitalize(a)}),e.jsx(t.div,{display:"flex",flexDirection:"column",gap:"$dimension-300",pt:"$dimension-300",flexBasis:"100",flexShrink:"0",flexGrow:"1",children:e.jsx(m,{intent:a,title:"Title",content:"Description",actions:[{label:"Action"},{label:"Primary Action",appearance:"primary"}],onCloseClick:()=>{}})})]},a))})]}),ue={title:"CornerDialog",component:m,tags:["autodocs"],argTypes:{},args:{intent:"none",title:"Corner Dialog",content:"Description",actions:void 0,onCloseClick:n("onCloseClick")},parameters:{docs:{description:{component:"A small, non-intrusive window that appears in the corner of the screen to convey contextual information or prompt user interaction. Often used for hints, tips, or non-essential notifications."},page:()=>e.jsx(O,{docs:"https://docs.tetrisly.com/components/in-progress/cornerdialog",children:e.jsx(H,{})})}}},r={args:{intent:"none",title:"Corner Dialog",content:"Description",actions:[{label:"Action",onClick:n("onClick")},{label:"Primary Action",onClick:n("onClick"),appearance:"primary"}],onCloseClick:n("onCloseClick")}},l={args:{intent:"none",title:"Title",content:"Description",actions:[{label:"Cancel",onClick:n("onCancelClick")},{label:"Accept",onClick:n("onAcceptClick"),appearance:"primary"}],onCloseClick:n("onCloseClick")}},c={args:{intent:"none",title:"Title",content:"Description",actions:[{label:"Accept",onClick:n("onAcceptClick"),appearance:"primary"}],onCloseClick:void 0}},s={args:{intent:"negative",title:"Title",content:"Description",actions:[{label:"Cancel",onClick:n("onCancelClick")},{label:"Remove",onClick:n("onRemoveClick"),appearance:"primary",intent:"destructive"}],onCloseClick:n("onCloseClick")}},d={args:{intent:"warning",title:"Title",content:"Description",actions:[{label:"Find out more",onClick:n("onFindOutMoreClick"),custom:{default:{position:"absolute",left:0}}},{label:"Cancel",onClick:n("onCancelClick")},{label:"Accept",onClick:n("onAcceptClick"),appearance:"primary"}],onCloseClick:n("onCloseClick"),custom:{innerElements:{footer:{position:"relative"}}}}},p={args:{intent:"none",title:"Corner Dialog with custom content",content:e.jsxs(t.div,{children:["Lorem ipsum dolor sit amet, consectetur adipiscing elit."," ",e.jsx(t.span,{color:"$color-blue-0",fontWeight:"$font-weight-600",children:"Morbi pellentesque elit ut sem accumsan, eget maximus erat eleifend."}),"Vestibulum ac tortor nunc."," ",e.jsx(t.span,{textDecoration:"underline",children:"Nam tincidunt nibh eget nulla aliquet, et auctor dui rhoncus. Donec bibendum rhoncus lacus vel scelerisque."}),"Suspendisse feugiat ligula quis eros interdum varius. Ut nec ex est."]}),actions:[{label:"Action",onClick:n("onClick")},{label:"Primary Action",onClick:n("onClick"),appearance:"primary"}],onCloseClick:n("onCloseClick")}};var b,h,y;r.parameters={...r.parameters,docs:{...(b=r.parameters)==null?void 0:b.docs,source:{originalSource:`{ + args: { + intent: 'none', + title: 'Corner Dialog', + content: 'Description', + actions: [{ + label: 'Action', + onClick: action('onClick') + }, { + label: 'Primary Action', + onClick: action('onClick'), + appearance: 'primary' + }], + onCloseClick: action('onCloseClick') + } +}`,...(y=(h=r.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};var v,D,$;l.parameters={...l.parameters,docs:{...(v=l.parameters)==null?void 0:v.docs,source:{originalSource:`{ + args: { + intent: 'none', + title: 'Title', + content: 'Description', + actions: [{ + label: 'Cancel', + onClick: action('onCancelClick') + }, { + label: 'Accept', + onClick: action('onAcceptClick'), + appearance: 'primary' + }], + onCloseClick: action('onCloseClick') + } +}`,...($=(D=l.parameters)==null?void 0:D.docs)==null?void 0:$.source}}};var j,A,w;c.parameters={...c.parameters,docs:{...(j=c.parameters)==null?void 0:j.docs,source:{originalSource:`{ + args: { + intent: 'none', + title: 'Title', + content: 'Description', + actions: [{ + label: 'Accept', + onClick: action('onAcceptClick'), + appearance: 'primary' + }], + onCloseClick: undefined + } +}`,...(w=(A=c.parameters)==null?void 0:A.docs)==null?void 0:w.source}}};var S,T,q;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:`{ + args: { + intent: 'negative', + title: 'Title', + content: 'Description', + actions: [{ + label: 'Cancel', + onClick: action('onCancelClick') + }, { + label: 'Remove', + onClick: action('onRemoveClick'), + appearance: \`primary\`, + intent: 'destructive' + }], + onCloseClick: action('onCloseClick') + } +}`,...(q=(T=s.parameters)==null?void 0:T.docs)==null?void 0:q.source}}};var I,W,B;d.parameters={...d.parameters,docs:{...(I=d.parameters)==null?void 0:I.docs,source:{originalSource:`{ + args: { + intent: 'warning', + title: 'Title', + content: 'Description', + actions: [{ + label: 'Find out more', + onClick: action('onFindOutMoreClick'), + custom: { + default: { + position: 'absolute', + left: 0 + } + } + }, { + label: 'Cancel', + onClick: action('onCancelClick') + }, { + label: 'Accept', + onClick: action('onAcceptClick'), + appearance: 'primary' + }], + onCloseClick: action('onCloseClick'), + custom: { + innerElements: { + footer: { + position: 'relative' + } + } + } + } +}`,...(B=(W=d.parameters)==null?void 0:W.docs)==null?void 0:B.source}}};var N,E,_;p.parameters={...p.parameters,docs:{...(N=p.parameters)==null?void 0:N.docs,source:{originalSource:`{ + args: { + intent: 'none', + title: 'Corner Dialog with custom content', + content: + Lorem ipsum dolor sit amet, consectetur adipiscing elit.{' '} + + Morbi pellentesque elit ut sem accumsan, eget maximus erat eleifend. + + Vestibulum ac tortor nunc.{' '} + + Nam tincidunt nibh eget nulla aliquet, et auctor dui rhoncus. Donec + bibendum rhoncus lacus vel scelerisque. + + Suspendisse feugiat ligula quis eros interdum varius. Ut nec ex est. + , + actions: [{ + label: 'Action', + onClick: action('onClick') + }, { + label: 'Primary Action', + onClick: action('onClick'), + appearance: 'primary' + }], + onCloseClick: action('onCloseClick') + } +}`,...(_=(E=p.parameters)==null?void 0:E.docs)==null?void 0:_.source}}};const Ce=["Default","Decision","Confirmation","NegativeWithDestructiveButton","WarningAndAdditionalAction","CustomContent"];export{c as Confirmation,p as CustomContent,l as Decision,r as Default,s as NegativeWithDestructiveButton,d as WarningAndAdditionalAction,Ce as __namedExportsOrder,ue as default}; diff --git a/assets/Counter.stories-ce6c10e7.js b/assets/Counter.stories-c16bf323.js similarity index 98% rename from assets/Counter.stories-ce6c10e7.js rename to assets/Counter.stories-c16bf323.js index 5cbfee5f..1b5aa2d1 100644 --- a/assets/Counter.stories-ce6c10e7.js +++ b/assets/Counter.stories-c16bf323.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{r as se}from"./index-76fb7be0.js";import{m as te,l as $}from"./mergeConfigWithCutom-aec35d44.js";import{t as o}from"./TetrislyProvider-8c69fae3.js";import{S as ce}from"./SectionHeader-c9c7fa6d.js";import{S as ie}from"./States-1bb354e8.js";import{T as pe}from"./TetDocs-deea9a80.js";import"./_commonjsHelpers-de833af9.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const le={display:"inline-flex",flexDirection:"column",justifyContent:"center",alignItems:"center",borderRadius:"$border-radius-full",padding:"0 $space-component-padding-xSmall",minWidth:"20px",text:"$typo-body-small",textAlign:"center",appearance:{default:{emphasis:{high:{boxShadow:"0 0 #0000",ring:"$border-width-small",ringColor:"$color-border-neutral-strong",backgroundColor:"$color-background-default",color:"$color-content-primary"},low:{boxShadow:"0 0 #0000",ring:"$border-width-small",ringColor:"$color-border-neutral-subtle",backgroundColor:"$color-background-default",color:"$color-content-primary"}}},red:{emphasis:{high:{backgroundColor:"$color-nonSemantic-red-background-strong",color:"$color-nonSemantic-white-content-primary"},low:{backgroundColor:"$color-nonSemantic-red-background-onSubtle",color:"$color-nonSemantic-grey-content-primary"}}},grey:{emphasis:{high:{backgroundColor:"$color-nonSemantic-grey-background-strong",color:"$color-nonSemantic-white-content-primary"},low:{backgroundColor:"$color-nonSemantic-grey-background-onSubtle",color:"$color-nonSemantic-grey-content-primary"}}},blue:{emphasis:{high:{backgroundColor:"$color-nonSemantic-blue-background-strong",color:"$color-nonSemantic-white-content-primary"},low:{backgroundColor:"$color-nonSemantic-blue-background-onSubtle",color:"$color-nonSemantic-grey-content-primary"}}},green:{emphasis:{high:{backgroundColor:"$color-nonSemantic-green-background-strong",color:"$color-nonSemantic-white-content-primary"},low:{backgroundColor:"$color-nonSemantic-green-background-onSubtle",color:"$color-nonSemantic-grey-content-primary"}}},orange:{emphasis:{high:{backgroundColor:"$color-nonSemantic-orange-background-strong",color:"$color-nonSemantic-grey-content-primary"},low:{backgroundColor:"$color-nonSemantic-orange-background-onSubtle",color:"$color-nonSemantic-grey-content-primary"}}}}},me=({appearance:r,emphasis:a,custom:n})=>{const{appearance:s,...f}=te({defaultConfig:le,custom:n}),{emphasis:x}=s[r];return{container:{...x[a],...f}}},S=({number:r,appearance:a="default",emphasis:n="low",custom:s,...f})=>{const x=se.useMemo(()=>me({appearance:a,emphasis:n,custom:s}),[a,n,s]);return e.jsx(o.div,{...x.container,"data-testid":"counter",...f,children:r})};try{S.displayName="Counter",S.__docgenInfo={description:"",displayName:"Counter",props:{number:{defaultValue:null,description:"",name:"number",required:!0,type:{name:"string | number"}},appearance:{defaultValue:{value:"default"},description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"blue"'},{value:'"green"'},{value:'"grey"'},{value:'"red"'},{value:'"orange"'},{value:'"default"'}]}},emphasis:{defaultValue:{value:"low"},description:"",name:"emphasis",required:!1,type:{name:"enum",value:[{value:'"low"'},{value:'"high"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"CounterConfig"}}}}}catch{}const ue=["high","low"],C=["default","red","grey","blue","green","orange"],ge=()=>e.jsx(e.Fragment,{children:ue.map(r=>e.jsx(o.section,{py:"$dimension-500",px:"$dimension-1000",children:e.jsxs(ce,{variant:"H1",as:"h2",children:[$.capitalize(r)," Emphasis",e.jsxs(o.div,{py:"$dimension-500",children:[e.jsx(ie,{states:C.map($.capitalize),flexBasis:"96px",gap:"40px"}),e.jsx(o.div,{display:"flex",gap:"40px",children:C.map(a=>e.jsx(o.div,{display:"flex",flexBasis:"96px",flexShrink:"0",flexGrow:"1",children:e.jsx(S,{number:24,emphasis:r,appearance:a})}))})]})]})},r))}),Ge={title:"Counter",component:S,tags:["autodocs"],args:{number:24},parameters:{docs:{description:{component:"A numerical indicator displaying the current count of items, events, or actions. Counters can be used to show unread messages, items in a shopping cart, or other quantities that require the user’s attention."},page:()=>e.jsx(pe,{docs:"https://docs.tetrisly.com/components/list/counter",children:e.jsx(ge,{})})}}},t={},c={args:{appearance:"red"}},i={args:{appearance:"grey"}},p={args:{appearance:"blue"}},l={args:{appearance:"green"}},m={args:{appearance:"orange"}},u={args:{emphasis:"high"}},g={args:{appearance:"red",emphasis:"high"}},d={args:{appearance:"grey",emphasis:"high"}},h={args:{appearance:"blue",emphasis:"high"}},b={args:{appearance:"green",emphasis:"high"}},y={args:{appearance:"orange",emphasis:"high"}};var k,w,v;t.parameters={...t.parameters,docs:{...(k=t.parameters)==null?void 0:k.docs,source:{originalSource:"{}",...(v=(w=t.parameters)==null?void 0:w.docs)==null?void 0:v.source}}};var j,H,_;c.parameters={...c.parameters,docs:{...(j=c.parameters)==null?void 0:j.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-ffb262ed.js";import{r as se}from"./index-76fb7be0.js";import{m as te,l as $}from"./mergeConfigWithCutom-aec35d44.js";import{t as o}from"./TetrislyProvider-8c69fae3.js";import{S as ce}from"./SectionHeader-c9c7fa6d.js";import{S as ie}from"./States-1bb354e8.js";import{T as pe}from"./TetDocs-03bc5c84.js";import"./_commonjsHelpers-de833af9.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const le={display:"inline-flex",flexDirection:"column",justifyContent:"center",alignItems:"center",borderRadius:"$border-radius-full",padding:"0 $space-component-padding-xSmall",minWidth:"20px",text:"$typo-body-small",textAlign:"center",appearance:{default:{emphasis:{high:{boxShadow:"0 0 #0000",ring:"$border-width-small",ringColor:"$color-border-neutral-strong",backgroundColor:"$color-background-default",color:"$color-content-primary"},low:{boxShadow:"0 0 #0000",ring:"$border-width-small",ringColor:"$color-border-neutral-subtle",backgroundColor:"$color-background-default",color:"$color-content-primary"}}},red:{emphasis:{high:{backgroundColor:"$color-nonSemantic-red-background-strong",color:"$color-nonSemantic-white-content-primary"},low:{backgroundColor:"$color-nonSemantic-red-background-onSubtle",color:"$color-nonSemantic-grey-content-primary"}}},grey:{emphasis:{high:{backgroundColor:"$color-nonSemantic-grey-background-strong",color:"$color-nonSemantic-white-content-primary"},low:{backgroundColor:"$color-nonSemantic-grey-background-onSubtle",color:"$color-nonSemantic-grey-content-primary"}}},blue:{emphasis:{high:{backgroundColor:"$color-nonSemantic-blue-background-strong",color:"$color-nonSemantic-white-content-primary"},low:{backgroundColor:"$color-nonSemantic-blue-background-onSubtle",color:"$color-nonSemantic-grey-content-primary"}}},green:{emphasis:{high:{backgroundColor:"$color-nonSemantic-green-background-strong",color:"$color-nonSemantic-white-content-primary"},low:{backgroundColor:"$color-nonSemantic-green-background-onSubtle",color:"$color-nonSemantic-grey-content-primary"}}},orange:{emphasis:{high:{backgroundColor:"$color-nonSemantic-orange-background-strong",color:"$color-nonSemantic-grey-content-primary"},low:{backgroundColor:"$color-nonSemantic-orange-background-onSubtle",color:"$color-nonSemantic-grey-content-primary"}}}}},me=({appearance:r,emphasis:a,custom:n})=>{const{appearance:s,...f}=te({defaultConfig:le,custom:n}),{emphasis:x}=s[r];return{container:{...x[a],...f}}},S=({number:r,appearance:a="default",emphasis:n="low",custom:s,...f})=>{const x=se.useMemo(()=>me({appearance:a,emphasis:n,custom:s}),[a,n,s]);return e.jsx(o.div,{...x.container,"data-testid":"counter",...f,children:r})};try{S.displayName="Counter",S.__docgenInfo={description:"",displayName:"Counter",props:{number:{defaultValue:null,description:"",name:"number",required:!0,type:{name:"string | number"}},appearance:{defaultValue:{value:"default"},description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"blue"'},{value:'"green"'},{value:'"grey"'},{value:'"red"'},{value:'"orange"'},{value:'"default"'}]}},emphasis:{defaultValue:{value:"low"},description:"",name:"emphasis",required:!1,type:{name:"enum",value:[{value:'"low"'},{value:'"high"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"CounterConfig"}}}}}catch{}const ue=["high","low"],C=["default","red","grey","blue","green","orange"],ge=()=>e.jsx(e.Fragment,{children:ue.map(r=>e.jsx(o.section,{py:"$dimension-500",px:"$dimension-1000",children:e.jsxs(ce,{variant:"H1",as:"h2",children:[$.capitalize(r)," Emphasis",e.jsxs(o.div,{py:"$dimension-500",children:[e.jsx(ie,{states:C.map($.capitalize),flexBasis:"96px",gap:"40px"}),e.jsx(o.div,{display:"flex",gap:"40px",children:C.map(a=>e.jsx(o.div,{display:"flex",flexBasis:"96px",flexShrink:"0",flexGrow:"1",children:e.jsx(S,{number:24,emphasis:r,appearance:a})}))})]})]})},r))}),Ge={title:"Counter",component:S,tags:["autodocs"],args:{number:24},parameters:{docs:{description:{component:"A numerical indicator displaying the current count of items, events, or actions. Counters can be used to show unread messages, items in a shopping cart, or other quantities that require the user’s attention."},page:()=>e.jsx(pe,{docs:"https://docs.tetrisly.com/components/list/counter",children:e.jsx(ge,{})})}}},t={},c={args:{appearance:"red"}},i={args:{appearance:"grey"}},p={args:{appearance:"blue"}},l={args:{appearance:"green"}},m={args:{appearance:"orange"}},u={args:{emphasis:"high"}},g={args:{appearance:"red",emphasis:"high"}},d={args:{appearance:"grey",emphasis:"high"}},h={args:{appearance:"blue",emphasis:"high"}},b={args:{appearance:"green",emphasis:"high"}},y={args:{appearance:"orange",emphasis:"high"}};var k,w,v;t.parameters={...t.parameters,docs:{...(k=t.parameters)==null?void 0:k.docs,source:{originalSource:"{}",...(v=(w=t.parameters)==null?void 0:w.docs)==null?void 0:v.source}}};var j,H,_;c.parameters={...c.parameters,docs:{...(j=c.parameters)==null?void 0:j.docs,source:{originalSource:`{ args: { appearance: 'red' } diff --git a/assets/Divider.stories-c2846564.js b/assets/Divider.stories-723d8c5b.js similarity index 92% rename from assets/Divider.stories-c2846564.js rename to assets/Divider.stories-723d8c5b.js index 3900c037..9e543ddb 100644 --- a/assets/Divider.stories-c2846564.js +++ b/assets/Divider.stories-723d8c5b.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-ffb262ed.js";import{r as g}from"./index-76fb7be0.js";import{m as y}from"./mergeConfigWithCutom-aec35d44.js";import{t as p}from"./TetrislyProvider-8c69fae3.js";import{T as x}from"./TetDocs-deea9a80.js";import"./_commonjsHelpers-de833af9.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const D={backgroundColor:"$color-border-default",orientation:{horizontal:{w:"100%",h:"1px"},vertical:{w:"1px",h:"100%"}}},_=({orientation:e,width:o,height:a,custom:i})=>{const{orientation:s,...c}=y({defaultConfig:D,custom:i});return{container:{w:o??s[e].w,h:a??s[e].h,...c}}},t=({orientation:e="horizontal",width:o,height:a,custom:i={},...s})=>{const c=g.useMemo(()=>_({orientation:e,width:o,height:a,custom:i}),[e,o,a,i]);return r.jsx(p.hr,{...c.container,"data-testid":"divider",...s})};try{t.displayName="Divider",t.__docgenInfo={description:"",displayName:"Divider",props:{orientation:{defaultValue:{value:"horizontal"},description:"",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"SystemProp, Theme>"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"SystemProp, Theme>"}},custom:{defaultValue:{value:"{}"},description:"",name:"custom",required:!1,type:{name:"DividerConfig"}}}}}catch{}const P={title:"Divider",component:t,tags:["autodocs"],render:e=>r.jsx(p.div,{h:"100px",children:r.jsx(t,{...e})}),parameters:{docs:{description:{component:"A visual separator that breaks up content or UI elements within a layout. Dividers help to create hierarchy and structure, improving readability and organization of content on the page."},page:()=>r.jsx(x,{docs:"https://docs.tetrisly.com/components/in-progress/divider"})}}},n={},d={args:{orientation:"vertical"},render:e=>r.jsx(p.div,{h:"100px",children:r.jsx(t,{...e})})};var m,l,u;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:"{}",...(u=(l=n.parameters)==null?void 0:l.docs)==null?void 0:u.source}}};var h,v,f;d.parameters={...d.parameters,docs:{...(h=d.parameters)==null?void 0:h.docs,source:{originalSource:`{ +import{j as r}from"./jsx-runtime-ffb262ed.js";import{r as g}from"./index-76fb7be0.js";import{m as y}from"./mergeConfigWithCutom-aec35d44.js";import{t as p}from"./TetrislyProvider-8c69fae3.js";import{T as x}from"./TetDocs-03bc5c84.js";import"./_commonjsHelpers-de833af9.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const D={backgroundColor:"$color-border-default",orientation:{horizontal:{w:"100%",h:"1px"},vertical:{w:"1px",h:"100%"}}},_=({orientation:e,width:o,height:a,custom:i})=>{const{orientation:s,...c}=y({defaultConfig:D,custom:i});return{container:{w:o??s[e].w,h:a??s[e].h,...c}}},t=({orientation:e="horizontal",width:o,height:a,custom:i={},...s})=>{const c=g.useMemo(()=>_({orientation:e,width:o,height:a,custom:i}),[e,o,a,i]);return r.jsx(p.hr,{...c.container,"data-testid":"divider",...s})};try{t.displayName="Divider",t.__docgenInfo={description:"",displayName:"Divider",props:{orientation:{defaultValue:{value:"horizontal"},description:"",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"SystemProp, Theme>"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"SystemProp, Theme>"}},custom:{defaultValue:{value:"{}"},description:"",name:"custom",required:!1,type:{name:"DividerConfig"}}}}}catch{}const P={title:"Divider",component:t,tags:["autodocs"],render:e=>r.jsx(p.div,{h:"100px",children:r.jsx(t,{...e})}),parameters:{docs:{description:{component:"A visual separator that breaks up content or UI elements within a layout. Dividers help to create hierarchy and structure, improving readability and organization of content on the page."},page:()=>r.jsx(x,{docs:"https://docs.tetrisly.com/components/in-progress/divider"})}}},n={},d={args:{orientation:"vertical"},render:e=>r.jsx(p.div,{h:"100px",children:r.jsx(t,{...e})})};var m,l,u;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:"{}",...(u=(l=n.parameters)==null?void 0:l.docs)==null?void 0:u.source}}};var h,v,f;d.parameters={...d.parameters,docs:{...(h=d.parameters)==null?void 0:h.docs,source:{originalSource:`{ args: { orientation: 'vertical' }, diff --git a/assets/DocsRenderer-NNNQARDV-0628bca0.js b/assets/DocsRenderer-NNNQARDV-0628bca0.js deleted file mode 100644 index 7e196d0d..00000000 --- a/assets/DocsRenderer-NNNQARDV-0628bca0.js +++ /dev/null @@ -1 +0,0 @@ -import{D,d as c}from"./chunk-HLWAVYOI-559df494.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./react-18-988a5df2.js";import"./index-d3ea75b5.js";import"./index-78a2083d.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";export{D as DocsRenderer,c as defaultComponents}; diff --git a/assets/DocsRenderer-NNNQARDV-49a9705b.js b/assets/DocsRenderer-NNNQARDV-49a9705b.js new file mode 100644 index 00000000..84245548 --- /dev/null +++ b/assets/DocsRenderer-NNNQARDV-49a9705b.js @@ -0,0 +1 @@ +import{D,d as c}from"./chunk-HLWAVYOI-b2dddfb9.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./react-18-988a5df2.js";import"./index-d3ea75b5.js";import"./index-43890eef.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";export{D as DocsRenderer,c as defaultComponents}; diff --git a/assets/HelperText-ff282223.js b/assets/HelperText-94c2e4c3.js similarity index 93% rename from assets/HelperText-ff282223.js rename to assets/HelperText-94c2e4c3.js index 99a1e4c3..a5071283 100644 --- a/assets/HelperText-ff282223.js +++ b/assets/HelperText-94c2e4c3.js @@ -1 +1 @@ -import{j as r}from"./jsx-runtime-ffb262ed.js";import{R as u}from"./tetrisly-icons.es-12549e88.js";import{r as p}from"./index-76fb7be0.js";import{m as d}from"./mergeConfigWithCutom-aec35d44.js";import{t as l}from"./TetrislyProvider-8c69fae3.js";const f={display:"flex",alignItems:"flex-start",gap:"$space-component-gap-xSmall",text:"$typo-body-small",intent:{none:{color:"$color-content-secondary"},alert:{color:"$color-content-negative-secondary"},success:{color:"$color-content-positive-secondary"}},innerElements:{iconContainer:{display:"flex",alignItems:"center",minHeight:"$size-2xSmall"}}},x=e=>({none:"16-info",success:"16-check",alert:"16-alert-full"})[e],y=(e,n)=>{const{innerElements:t,intent:a,...o}=d({defaultConfig:f,custom:n}),{iconContainer:s}=t;return{container:{...a[e],...o},iconContainer:s}},c=({intent:e="none",hasBeforeIcon:n=!1,counter:t,text:a,custom:o,...s})=>{const i=p.useMemo(()=>y(e,o),[e,o]),m=x(e);return r.jsxs(l.div,{...i.container,"data-testid":"helper-text",...s,children:[n&&r.jsx(l.span,{...i.iconContainer,"data-testid":"helper-text-iconContainer",children:r.jsx(u,{name:m,"data-testid":"helper-text-icon"})}),a,!!t&&r.jsx(l.span,{"data-testid":"helper-text-counter",children:`${t.current}/${t.max}`})]})};try{c.displayName="HelperText",c.__docgenInfo={description:"",displayName:"HelperText",props:{intent:{defaultValue:{value:"none"},description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"success"'},{value:'"alert"'}]}},counter:{defaultValue:null,description:"",name:"counter",required:!1,type:{name:"{ current: number; max: number; }"}},hasBeforeIcon:{defaultValue:{value:"false"},description:"",name:"hasBeforeIcon",required:!1,type:{name:"boolean"}},text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"string"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"HelperTextConfig"}}}}}catch{}export{c as H}; +import{j as r}from"./jsx-runtime-ffb262ed.js";import{R as u}from"./tetrisly-icons.es-12549e88.js";import{r as p}from"./index-76fb7be0.js";import{m as d}from"./mergeConfigWithCutom-aec35d44.js";import{t as l}from"./TetrislyProvider-8c69fae3.js";const f={display:"flex",alignItems:"flex-start",gap:"$space-component-gap-xSmall",text:"$typo-body-small",intent:{none:{color:"$color-content-secondary"},alert:{color:"$color-content-negative-secondary"},success:{color:"$color-content-positive-secondary"}},innerElements:{iconContainer:{display:"flex",alignItems:"center",minHeight:"$size-2xSmall"}}},x=e=>({none:"16-info",success:"16-check",alert:"16-alert-full"})[e],y=(e,n)=>{const{innerElements:t,intent:a,...o}=d({defaultConfig:f,custom:n}),{iconContainer:s}=t;return{container:{...a[e],...o},iconContainer:s}},c=({intent:e="none",hasBeforeIcon:n=!1,counter:t,text:a,custom:o,...s})=>{const i=p.useMemo(()=>y(e,o),[e,o]),m=x(e);return r.jsxs(l.div,{...i.container,"data-testid":"helper-text",...s,children:[n&&r.jsx(l.span,{...i.iconContainer,"data-testid":"helper-text-iconContainer",children:r.jsx(u,{name:m,"data-testid":"helper-text-icon"})}),a,!!t&&r.jsx(l.span,{"data-testid":"helper-text-counter",children:`${t.current}/${t.max}`})]})};try{c.displayName="HelperText",c.__docgenInfo={description:"",displayName:"HelperText",props:{intent:{defaultValue:{value:"none"},description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"alert"'},{value:'"none"'},{value:'"success"'}]}},counter:{defaultValue:null,description:"",name:"counter",required:!1,type:{name:"{ current: number; max: number; }"}},hasBeforeIcon:{defaultValue:{value:"false"},description:"",name:"hasBeforeIcon",required:!1,type:{name:"boolean"}},text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"string"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"HelperTextConfig"}}}}}catch{}export{c as H}; diff --git a/assets/HelperText.stories-0f79d03b.js b/assets/HelperText.stories-06eefeaa.js similarity index 90% rename from assets/HelperText.stories-0f79d03b.js rename to assets/HelperText.stories-06eefeaa.js index df6eb7e4..b3b255c0 100644 --- a/assets/HelperText.stories-0f79d03b.js +++ b/assets/HelperText.stories-06eefeaa.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{H as f}from"./HelperText-ff282223.js";import{S as g}from"./SectionHeader-c9c7fa6d.js";import{t as a}from"./TetrislyProvider-8c69fae3.js";import{T as h}from"./TetDocs-deea9a80.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./mergeConfigWithCutom-aec35d44.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const j=["none","alert","success"],D=()=>e.jsx(e.Fragment,{children:j.map(s=>e.jsxs(a.section,{px:"$dimension-1000",children:[e.jsxs(g,{py:"$dimension-500",variant:"H2",children:["Intent: ",s]}),e.jsx(a.div,{py:"$space-component-padding-4xLarge",children:e.jsx(f,{intent:s,text:"Helper text",hasBeforeIcon:!0})})]},s))}),O={title:"Global Primitives / HelperText",component:f,tags:["autodocs"],args:{text:"Helper text",intent:"none"},argTypes:{intent:{options:["none","alert","success"],defaultValue:"none",control:{type:"radio"}}},parameters:{docs:{page:()=>e.jsx(h,{docs:null,children:e.jsx(D,{})})}}},r={},t={args:{hasBeforeIcon:!0}},o={args:{counter:{current:0,max:0}}};var n,c,p;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(p=(c=r.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var i,m,u;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-ffb262ed.js";import{H as f}from"./HelperText-94c2e4c3.js";import{S as g}from"./SectionHeader-c9c7fa6d.js";import{t as a}from"./TetrislyProvider-8c69fae3.js";import{T as h}from"./TetDocs-03bc5c84.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./mergeConfigWithCutom-aec35d44.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const j=["none","alert","success"],D=()=>e.jsx(e.Fragment,{children:j.map(s=>e.jsxs(a.section,{px:"$dimension-1000",children:[e.jsxs(g,{py:"$dimension-500",variant:"H2",children:["Intent: ",s]}),e.jsx(a.div,{py:"$space-component-padding-4xLarge",children:e.jsx(f,{intent:s,text:"Helper text",hasBeforeIcon:!0})})]},s))}),O={title:"Global Primitives / HelperText",component:f,tags:["autodocs"],args:{text:"Helper text",intent:"none"},argTypes:{intent:{options:["none","alert","success"],defaultValue:"none",control:{type:"radio"}}},parameters:{docs:{page:()=>e.jsx(h,{docs:null,children:e.jsx(D,{})})}}},r={},t={args:{hasBeforeIcon:!0}},o={args:{counter:{current:0,max:0}}};var n,c,p;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(p=(c=r.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var i,m,u;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{ args: { hasBeforeIcon: true } diff --git a/assets/Icon.stories-7c8d5692.js b/assets/Icon.stories-8ecf00d6.js similarity index 92% rename from assets/Icon.stories-7c8d5692.js rename to assets/Icon.stories-8ecf00d6.js index 46addd94..757acfdc 100644 --- a/assets/Icon.stories-7c8d5692.js +++ b/assets/Icon.stories-8ecf00d6.js @@ -1 +1 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{T as c}from"./tetrisly-icons.es-12549e88.js";import{I as m}from"./Icon-c509f708.js";import{S as l}from"./SectionHeader-c9c7fa6d.js";import{t as o}from"./TetrislyProvider-8c69fae3.js";import{T as f}from"./TetDocs-deea9a80.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const p=Object.keys(c),h=p.filter(r=>r.startsWith("20-")),b=p.filter(r=>r.startsWith("16-")),i=({heading:r,items:u,...x})=>e.jsxs(o.div,{...x,children:[e.jsx(l,{variant:"H1",as:"h3",mb:"$dimension-300",children:r}),e.jsx(o.div,{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",ringInset:!0,ring:"$border-width-small",ringColor:"$color-border-default",borderRadius:"$border-radius-medium",overflow:"hidden",children:u.map(s=>e.jsxs(o.div,{display:"flex",alignItems:"center",py:"$dimension-200",px:"$dimension-300",borderBottom:!0,borderRight:!0,borderColor:"$color-border-default",children:[e.jsx(o.div,{display:"flex",alignItems:"center",justifyContent:"center",w:"$size-medium",h:"$size-medium",borderRadius:"$border-radius-medium",backgroundColor:"$color-background-neutral-subtle",children:e.jsx(m,{color:"$color-content-primary",name:s})}),e.jsx(o.b,{text:"$typo-body-strong-medium",color:"$color-content-primary",ml:"$dimension-300",children:s})]},s))})]}),g=()=>e.jsx(o.section,{children:e.jsxs(o.div,{px:"$dimension-1000",children:[e.jsx(l,{variant:"Hero",as:"h2",children:"Icons lists"}),e.jsx(i,{heading:"20x20",items:h}),e.jsx(i,{heading:"16x16",items:b,mt:"$dimension-1000"})]})}),B={title:"Foundations / Icon",component:m,tags:["autodocs"],args:{name:"20-tetrisly"},argTypes:{name:{options:Object.keys(c),defaultValue:void 0,control:{type:"select"}}},parameters:{docs:{description:{component:"A clean, consistent, and pixel-perfect icon library crafted especially for modern UI design."},page:()=>e.jsx(f,{docs:"https://docs.tetrisly.com/foundations/overview/icons",children:e.jsx(g,{})})}}},t={};var n,d,a;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(a=(d=t.parameters)==null?void 0:d.docs)==null?void 0:a.source}}};const E=["Default"];export{t as Default,E as __namedExportsOrder,B as default}; +import{j as e}from"./jsx-runtime-ffb262ed.js";import{T as c}from"./tetrisly-icons.es-12549e88.js";import{I as m}from"./Icon-c509f708.js";import{S as l}from"./SectionHeader-c9c7fa6d.js";import{t as o}from"./TetrislyProvider-8c69fae3.js";import{T as f}from"./TetDocs-03bc5c84.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const p=Object.keys(c),h=p.filter(r=>r.startsWith("20-")),b=p.filter(r=>r.startsWith("16-")),i=({heading:r,items:u,...x})=>e.jsxs(o.div,{...x,children:[e.jsx(l,{variant:"H1",as:"h3",mb:"$dimension-300",children:r}),e.jsx(o.div,{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",ringInset:!0,ring:"$border-width-small",ringColor:"$color-border-default",borderRadius:"$border-radius-medium",overflow:"hidden",children:u.map(s=>e.jsxs(o.div,{display:"flex",alignItems:"center",py:"$dimension-200",px:"$dimension-300",borderBottom:!0,borderRight:!0,borderColor:"$color-border-default",children:[e.jsx(o.div,{display:"flex",alignItems:"center",justifyContent:"center",w:"$size-medium",h:"$size-medium",borderRadius:"$border-radius-medium",backgroundColor:"$color-background-neutral-subtle",children:e.jsx(m,{color:"$color-content-primary",name:s})}),e.jsx(o.b,{text:"$typo-body-strong-medium",color:"$color-content-primary",ml:"$dimension-300",children:s})]},s))})]}),g=()=>e.jsx(o.section,{children:e.jsxs(o.div,{px:"$dimension-1000",children:[e.jsx(l,{variant:"Hero",as:"h2",children:"Icons lists"}),e.jsx(i,{heading:"20x20",items:h}),e.jsx(i,{heading:"16x16",items:b,mt:"$dimension-1000"})]})}),B={title:"Foundations / Icon",component:m,tags:["autodocs"],args:{name:"20-tetrisly"},argTypes:{name:{options:Object.keys(c),defaultValue:void 0,control:{type:"select"}}},parameters:{docs:{description:{component:"A clean, consistent, and pixel-perfect icon library crafted especially for modern UI design."},page:()=>e.jsx(f,{docs:"https://docs.tetrisly.com/foundations/overview/icons",children:e.jsx(g,{})})}}},t={};var n,d,a;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(a=(d=t.parameters)==null?void 0:d.docs)==null?void 0:a.source}}};const E=["Default"];export{t as Default,E as __namedExportsOrder,B as default}; diff --git a/assets/IconButton-fbe54fb7.js b/assets/IconButton-84cc995d.js similarity index 98% rename from assets/IconButton-fbe54fb7.js rename to assets/IconButton-84cc995d.js index 0da0640e..98fcd5cc 100644 --- a/assets/IconButton-fbe54fb7.js +++ b/assets/IconButton-84cc995d.js @@ -1 +1 @@ -import{j as t}from"./jsx-runtime-ffb262ed.js";import{B as o}from"./Button-2ba8575b.js";import{m as i}from"./mergeConfigWithCutom-aec35d44.js";const v={small:{w:"$size-small",h:"$size-small",px:"unset",hasDropdownIndicator:{w:"$size-xLarge",pr:"unset"},hasBeforeIcon:{pl:"unset"},hasAfterIcon:{pr:"unset"}},medium:{w:"$size-medium",h:"$size-medium",px:"unset",hasDropdownIndicator:{w:"$size-2xLarge",pr:"unset"},hasBeforeIcon:{pl:"unset"},hasAfterIcon:{pr:"unset"}},large:{w:"$size-large",h:"$size-large",px:"unset",hasDropdownIndicator:{h:"$size-3xLarge",pr:"unset"},hasBeforeIcon:{pl:"unset"},hasAfterIcon:{pr:"unset"}}},u={p:"$space-component-padding-null",gap:"$space-component-gap-xSmall",borderRadius:"$border-radius-large"},n={default:{...u,size:v},ghost:{...u,size:v},bare:{...u,size:{medium:{w:"fit-content",h:"fit-content"}}}},c=({children:a,...e})=>{const l=e.appearance==="primary"?"secondary":e.appearance;return{...e,appearance:l,intent:e.intent,beforeIcon:e.icon,label:""}},r=a=>{const e=c(a),l=i({defaultConfig:n,custom:e.custom});return t.jsx(o,{...e,custom:l})};try{r.displayName="IconButton",r.__docgenInfo={description:"",displayName:"IconButton",props:{icon:{defaultValue:null,description:"",name:"icon",required:!0,type:{name:"enum",value:[{value:'"20-accesibility"'},{value:'"20-activity"'},{value:'"20-alarm-clock"'},{value:'"20-alert-fill"'},{value:'"20-alert"'},{value:'"20-anchor"'},{value:'"20-apps"'},{value:'"20-archive"'},{value:'"20-arrow-down-left"'},{value:'"20-arrow-down-right"'},{value:'"20-arrow-down"'},{value:'"20-arrow-left"'},{value:'"20-arrow-right"'},{value:'"20-arrow-up-left"'},{value:'"20-arrow-up-right"'},{value:'"20-arrow-up"'},{value:'"20-arrowhead-down"'},{value:'"20-arrowhead-left"'},{value:'"20-arrowhead-right"'},{value:'"20-arrowhead-up"'},{value:'"20-attachment"'},{value:'"20-background"'},{value:'"20-backspace"'},{value:'"20-backward"'},{value:'"20-bank"'},{value:'"20-battery-charging"'},{value:'"20-battery-empty"'},{value:'"20-battery-full"'},{value:'"20-battery-low"'},{value:'"20-battery-medium"'},{value:'"20-bell"'},{value:'"20-block"'},{value:'"20-bluetooth-off"'},{value:'"20-bluetooth"'},{value:'"20-bolt"'},{value:'"20-book"'},{value:'"20-bookmark"'},{value:'"20-border-all"'},{value:'"20-border-bottom"'},{value:'"20-border-horizontal"'},{value:'"20-border-inner"'},{value:'"20-border-left"'},{value:'"20-border-right"'},{value:'"20-border-style"'},{value:'"20-border-top"'},{value:'"20-border-vertical"'},{value:'"20-brackets-curly"'},{value:'"20-brain"'},{value:'"20-broadcast"'},{value:'"20-brush"'},{value:'"20-bug"'},{value:'"20-bulb"'},{value:'"20-calculator"'},{value:'"20-calendar-check"'},{value:'"20-calendar-close"'},{value:'"20-calendar-edit"'},{value:'"20-calendar-minus"'},{value:'"20-calendar-plus"'},{value:'"20-calendar"'},{value:'"20-camera"'},{value:'"20-card"'},{value:'"20-chart-bar-box"'},{value:'"20-chart-bar"'},{value:'"20-chart-line"'},{value:'"20-chart-pie"'},{value:'"20-chat"'},{value:'"20-check-badge-fill"'},{value:'"20-check-badge"'},{value:'"20-check-circle-fill"'},{value:'"20-check-circle"'},{value:'"20-check-large"'},{value:'"20-check-small"'},{value:'"20-chevron-down-small-circle"'},{value:'"20-chevron-down-small-fill"'},{value:'"20-chevron-down-small"'},{value:'"20-chevron-down"'},{value:'"20-chevron-left-small-circle"'},{value:'"20-chevron-left-small-fill"'},{value:'"20-chevron-left-small"'},{value:'"20-chevron-left"'},{value:'"20-chevron-right-small-circle"'},{value:'"20-chevron-right-small-fill"'},{value:'"20-chevron-right-small"'},{value:'"20-chevron-right"'},{value:'"20-chevron-up-small-circle"'},{value:'"20-chevron-up-small-fill"'},{value:'"20-chevron-up-small"'},{value:'"20-chevron-up"'},{value:'"20-clipboard"'},{value:'"20-close"'},{value:'"20-cloud"'},{value:'"20-code-2"'},{value:'"20-code"'},{value:'"20-command"'},{value:'"20-comment"'},{value:'"20-company"'},{value:'"20-compass"'},{value:'"20-copy"'},{value:'"20-cpu"'},{value:'"20-crown"'},{value:'"20-cursor-arrow-fill"'},{value:'"20-cursor-arrow"'},{value:'"20-cursor-text"'},{value:'"20-database"'},{value:'"20-delete"'},{value:'"20-desktop"'},{value:'"20-devices"'},{value:'"20-diamond"'},{value:'"20-dns"'},{value:'"20-download"'},{value:'"20-drag-drop-horizontal"'},{value:'"20-drag-drop-vertical"'},{value:'"20-edit"'},{value:'"20-email"'},{value:'"20-emoji-big-smile"'},{value:'"20-emoji-sad"'},{value:'"20-emoji-smile"'},{value:'"20-error-fill"'},{value:'"20-error"'},{value:'"20-extension"'},{value:'"20-eye-off"'},{value:'"20-eye"'},{value:'"20-file-check"'},{value:'"20-file-close"'},{value:'"20-file-edit"'},{value:'"20-file-minus"'},{value:'"20-file-plus"'},{value:'"20-file"'},{value:'"20-filter"'},{value:'"20-fingerprint"'},{value:'"20-fire"'},{value:'"20-flag"'},{value:'"20-folder-check"'},{value:'"20-folder-close"'},{value:'"20-folder-edit"'},{value:'"20-folder-minus"'},{value:'"20-folder-plus"'},{value:'"20-folder"'},{value:'"20-format-align-center"'},{value:'"20-format-align-justify"'},{value:'"20-format-align-left"'},{value:'"20-format-align-right"'},{value:'"20-format-all-small-caps"'},{value:'"20-format-bold"'},{value:'"20-format-font-size"'},{value:'"20-format-indent-decrease"'},{value:'"20-format-indent-increase"'},{value:'"20-format-italic"'},{value:'"20-format-letter-spacing"'},{value:'"20-format-line-height"'},{value:'"20-format-lowercase"'},{value:'"20-format-paragraph-spacing"'},{value:'"20-format-scale-horizontal"'},{value:'"20-format-scale-vertical"'},{value:'"20-format-small-caps"'},{value:'"20-format-strikethrough"'},{value:'"20-format-subscript"'},{value:'"20-format-superscript"'},{value:'"20-format-titlecase"'},{value:'"20-format-underline"'},{value:'"20-format-uppercase"'},{value:'"20-forward"'},{value:'"20-fullscreen-exit"'},{value:'"20-fullscreen"'},{value:'"20-function"'},{value:'"20-git-branch"'},{value:'"20-git-commit"'},{value:'"20-git-diff"'},{value:'"20-git-fork"'},{value:'"20-git-merge"'},{value:'"20-git-pull-request"'},{value:'"20-globe"'},{value:'"20-hashtag"'},{value:'"20-heading"'},{value:'"20-headphones"'},{value:'"20-health"'},{value:'"20-heart"'},{value:'"20-help-fill"'},{value:'"20-help"'},{value:'"20-home"'},{value:'"20-horizontal-align-center"'},{value:'"20-horizontal-align-left"'},{value:'"20-horizontal-align-right"'},{value:'"20-hourglass"'},{value:'"20-image-check"'},{value:'"20-image-close"'},{value:'"20-image-edit"'},{value:'"20-image-minus"'},{value:'"20-image-plus"'},{value:'"20-image"'},{value:'"20-images"'},{value:'"20-inbox"'},{value:'"20-info-circle"'},{value:'"20-info-fill"'},{value:'"20-key"'},{value:'"20-keyboard"'},{value:'"20-label"'},{value:'"20-laptop"'},{value:'"20-layer-align-bottom-center"'},{value:'"20-layer-align-horizontal"'},{value:'"20-layer-align-left-center"'},{value:'"20-layer-align-right-center"'},{value:'"20-layer-align-top-center"'},{value:'"20-layer-align-vertical"'},{value:'"20-layer-three"'},{value:'"20-layer-two"'},{value:'"20-layout-swap-horizontal"'},{value:'"20-layout-swap-vertical"'},{value:'"20-link-broken"'},{value:'"20-link"'},{value:'"20-list-bullet"'},{value:'"20-list-check"'},{value:'"20-list-ordered"'},{value:'"20-list-unordered"'},{value:'"20-lock"'},{value:'"20-log-in"'},{value:'"20-log-out"'},{value:'"20-mail"'},{value:'"20-map"'},{value:'"20-marker-pin"'},{value:'"20-math-alpha"'},{value:'"20-math-angle"'},{value:'"20-math-beta"'},{value:'"20-math-gamma"'},{value:'"20-math-infinite"'},{value:'"20-math-omega"'},{value:'"20-math-pi"'},{value:'"20-math-sigma"'},{value:'"20-math-sine-wawe"'},{value:'"20-math-square-root "'},{value:'"20-math-theta"'},{value:'"20-megaphone"'},{value:'"20-menu"'},{value:'"20-message"'},{value:'"20-mic"'},{value:'"20-minus"'},{value:'"20-mobile"'},{value:'"20-more-horizontal"'},{value:'"20-more-vertical"'},{value:'"20-mouse"'},{value:'"20-navigation"'},{value:'"20-notification"'},{value:'"20-open-in-new"'},{value:'"20-option"'},{value:'"20-package"'},{value:'"20-paintroller"'},{value:'"20-paperplane"'},{value:'"20-paragraph"'},{value:'"20-pause-circle"'},{value:'"20-pause"'},{value:'"20-phone-call"'},{value:'"20-phone-callback"'},{value:'"20-phone-forwarded"'},{value:'"20-phone-incoming"'},{value:'"20-phone-missed"'},{value:'"20-phone-outgoing"'},{value:'"20-phone"'},{value:'"20-pin"'},{value:'"20-placeholder-2"'},{value:'"20-placeholder"'},{value:'"20-play-circle"'},{value:'"20-play"'},{value:'"20-plugin"'},{value:'"20-plus"'},{value:'"20-print"'},{value:'"20-questionmark"'},{value:'"20-quote"'},{value:'"20-rainbow"'},{value:'"20-receipt"'},{value:'"20-redo"'},{value:'"20-refresh"'},{value:'"20-repeat"'},{value:'"20-reply"'},{value:'"20-robot"'},{value:'"20-scissors"'},{value:'"20-search"'},{value:'"20-settings"'},{value:'"20-share"'},{value:'"20-shield"'},{value:'"20-shirt"'},{value:'"20-shopping-basket"'},{value:'"20-shopping-cart"'},{value:'"20-sidebar-hide"'},{value:'"20-sidebar-show"'},{value:'"20-slider"'},{value:'"20-speedmeter"'},{value:'"20-star-filled"'},{value:'"20-star-half-filled"'},{value:'"20-star"'},{value:'"20-stopwatch"'},{value:'"20-suitcase"'},{value:'"20-sun"'},{value:'"20-tablet"'},{value:'"20-tag"'},{value:'"20-target-off"'},{value:'"20-target"'},{value:'"20-terminal-2"'},{value:'"20-terminal"'},{value:'"20-tetrisly"'},{value:'"20-text"'},{value:'"20-thumb-down"'},{value:'"20-thumb-up"'},{value:'"20-ticket"'},{value:'"20-time-clock"'},{value:'"20-toggle-off"'},{value:'"20-toggle-on"'},{value:'"20-transaction-horizontal"'},{value:'"20-transaction-vertical"'},{value:'"20-tree"'},{value:'"20-trend-down"'},{value:'"20-trend-up"'},{value:'"20-turn-off"'},{value:'"20-tv"'},{value:'"20-undo"'},{value:'"20-unfold-less"'},{value:'"20-unfold-more"'},{value:'"20-unlock"'},{value:'"20-upload"'},{value:'"20-user-check"'},{value:'"20-user-close"'},{value:'"20-user-edit"'},{value:'"20-user-minus"'},{value:'"20-user-plus"'},{value:'"20-user"'},{value:'"20-users"'},{value:'"20-vertical-align-bottom"'},{value:'"20-vertical-align-center"'},{value:'"20-vertical-align-top"'},{value:'"20-video-camera"'},{value:'"20-video"'},{value:'"20-view-boxes"'},{value:'"20-view-columns"'},{value:'"20-view-dashboard"'},{value:'"20-view-day"'},{value:'"20-view-layout-bottom"'},{value:'"20-view-layout-grid"'},{value:'"20-view-layout-left"'},{value:'"20-view-layout-right"'},{value:'"20-view-layout-top"'},{value:'"20-view-lp"'},{value:'"20-view-rows"'},{value:'"20-view-schedule"'},{value:'"20-view-slider"'},{value:'"20-view-table"'},{value:'"20-voice"'},{value:'"20-voicemail"'},{value:'"20-volume-max"'},{value:'"20-volume-medium"'},{value:'"20-volume-min"'},{value:'"20-volume-mute"'},{value:'"20-wallet"'},{value:'"20-warning-fill"'},{value:'"20-warning"'},{value:'"20-watch"'},{value:'"20-water-drop"'},{value:'"20-wifi-off"'},{value:'"20-wifi"'}]}},hasDropdownIndicator:{defaultValue:null,description:"",name:"hasDropdownIndicator",required:!1,type:{name:"boolean"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"disabled"'},{value:'"loading"'},{value:'"selected"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"ButtonConfig"}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"bare"'},{value:'"default"'},{value:'"ghost"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'}]}},appearance:{defaultValue:null,description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"inverted"'},{value:'"reverseInverted"'}]}},intent:{defaultValue:null,description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"success"'},{value:'"destructive"'}]}}}}}catch{}export{r as I}; +import{j as t}from"./jsx-runtime-ffb262ed.js";import{B as o}from"./Button-93f2d0ab.js";import{m as i}from"./mergeConfigWithCutom-aec35d44.js";const v={small:{w:"$size-small",h:"$size-small",px:"unset",hasDropdownIndicator:{w:"$size-xLarge",pr:"unset"},hasBeforeIcon:{pl:"unset"},hasAfterIcon:{pr:"unset"}},medium:{w:"$size-medium",h:"$size-medium",px:"unset",hasDropdownIndicator:{w:"$size-2xLarge",pr:"unset"},hasBeforeIcon:{pl:"unset"},hasAfterIcon:{pr:"unset"}},large:{w:"$size-large",h:"$size-large",px:"unset",hasDropdownIndicator:{h:"$size-3xLarge",pr:"unset"},hasBeforeIcon:{pl:"unset"},hasAfterIcon:{pr:"unset"}}},u={p:"$space-component-padding-null",gap:"$space-component-gap-xSmall",borderRadius:"$border-radius-large"},n={default:{...u,size:v},ghost:{...u,size:v},bare:{...u,size:{medium:{w:"fit-content",h:"fit-content"}}}},c=({children:a,...e})=>{const l=e.appearance==="primary"?"secondary":e.appearance;return{...e,appearance:l,intent:e.intent,beforeIcon:e.icon,label:""}},r=a=>{const e=c(a),l=i({defaultConfig:n,custom:e.custom});return t.jsx(o,{...e,custom:l})};try{r.displayName="IconButton",r.__docgenInfo={description:"",displayName:"IconButton",props:{icon:{defaultValue:null,description:"",name:"icon",required:!0,type:{name:"enum",value:[{value:'"20-accesibility"'},{value:'"20-activity"'},{value:'"20-alarm-clock"'},{value:'"20-alert-fill"'},{value:'"20-alert"'},{value:'"20-anchor"'},{value:'"20-apps"'},{value:'"20-archive"'},{value:'"20-arrow-down-left"'},{value:'"20-arrow-down-right"'},{value:'"20-arrow-down"'},{value:'"20-arrow-left"'},{value:'"20-arrow-right"'},{value:'"20-arrow-up-left"'},{value:'"20-arrow-up-right"'},{value:'"20-arrow-up"'},{value:'"20-arrowhead-down"'},{value:'"20-arrowhead-left"'},{value:'"20-arrowhead-right"'},{value:'"20-arrowhead-up"'},{value:'"20-attachment"'},{value:'"20-background"'},{value:'"20-backspace"'},{value:'"20-backward"'},{value:'"20-bank"'},{value:'"20-battery-charging"'},{value:'"20-battery-empty"'},{value:'"20-battery-full"'},{value:'"20-battery-low"'},{value:'"20-battery-medium"'},{value:'"20-bell"'},{value:'"20-block"'},{value:'"20-bluetooth-off"'},{value:'"20-bluetooth"'},{value:'"20-bolt"'},{value:'"20-book"'},{value:'"20-bookmark"'},{value:'"20-border-all"'},{value:'"20-border-bottom"'},{value:'"20-border-horizontal"'},{value:'"20-border-inner"'},{value:'"20-border-left"'},{value:'"20-border-right"'},{value:'"20-border-style"'},{value:'"20-border-top"'},{value:'"20-border-vertical"'},{value:'"20-brackets-curly"'},{value:'"20-brain"'},{value:'"20-broadcast"'},{value:'"20-brush"'},{value:'"20-bug"'},{value:'"20-bulb"'},{value:'"20-calculator"'},{value:'"20-calendar-check"'},{value:'"20-calendar-close"'},{value:'"20-calendar-edit"'},{value:'"20-calendar-minus"'},{value:'"20-calendar-plus"'},{value:'"20-calendar"'},{value:'"20-camera"'},{value:'"20-card"'},{value:'"20-chart-bar-box"'},{value:'"20-chart-bar"'},{value:'"20-chart-line"'},{value:'"20-chart-pie"'},{value:'"20-chat"'},{value:'"20-check-badge-fill"'},{value:'"20-check-badge"'},{value:'"20-check-circle-fill"'},{value:'"20-check-circle"'},{value:'"20-check-large"'},{value:'"20-check-small"'},{value:'"20-chevron-down-small-circle"'},{value:'"20-chevron-down-small-fill"'},{value:'"20-chevron-down-small"'},{value:'"20-chevron-down"'},{value:'"20-chevron-left-small-circle"'},{value:'"20-chevron-left-small-fill"'},{value:'"20-chevron-left-small"'},{value:'"20-chevron-left"'},{value:'"20-chevron-right-small-circle"'},{value:'"20-chevron-right-small-fill"'},{value:'"20-chevron-right-small"'},{value:'"20-chevron-right"'},{value:'"20-chevron-up-small-circle"'},{value:'"20-chevron-up-small-fill"'},{value:'"20-chevron-up-small"'},{value:'"20-chevron-up"'},{value:'"20-clipboard"'},{value:'"20-close"'},{value:'"20-cloud"'},{value:'"20-code-2"'},{value:'"20-code"'},{value:'"20-command"'},{value:'"20-comment"'},{value:'"20-company"'},{value:'"20-compass"'},{value:'"20-copy"'},{value:'"20-cpu"'},{value:'"20-crown"'},{value:'"20-cursor-arrow-fill"'},{value:'"20-cursor-arrow"'},{value:'"20-cursor-text"'},{value:'"20-database"'},{value:'"20-delete"'},{value:'"20-desktop"'},{value:'"20-devices"'},{value:'"20-diamond"'},{value:'"20-dns"'},{value:'"20-download"'},{value:'"20-drag-drop-horizontal"'},{value:'"20-drag-drop-vertical"'},{value:'"20-edit"'},{value:'"20-email"'},{value:'"20-emoji-big-smile"'},{value:'"20-emoji-sad"'},{value:'"20-emoji-smile"'},{value:'"20-error-fill"'},{value:'"20-error"'},{value:'"20-extension"'},{value:'"20-eye-off"'},{value:'"20-eye"'},{value:'"20-file-check"'},{value:'"20-file-close"'},{value:'"20-file-edit"'},{value:'"20-file-minus"'},{value:'"20-file-plus"'},{value:'"20-file"'},{value:'"20-filter"'},{value:'"20-fingerprint"'},{value:'"20-fire"'},{value:'"20-flag"'},{value:'"20-folder-check"'},{value:'"20-folder-close"'},{value:'"20-folder-edit"'},{value:'"20-folder-minus"'},{value:'"20-folder-plus"'},{value:'"20-folder"'},{value:'"20-format-align-center"'},{value:'"20-format-align-justify"'},{value:'"20-format-align-left"'},{value:'"20-format-align-right"'},{value:'"20-format-all-small-caps"'},{value:'"20-format-bold"'},{value:'"20-format-font-size"'},{value:'"20-format-indent-decrease"'},{value:'"20-format-indent-increase"'},{value:'"20-format-italic"'},{value:'"20-format-letter-spacing"'},{value:'"20-format-line-height"'},{value:'"20-format-lowercase"'},{value:'"20-format-paragraph-spacing"'},{value:'"20-format-scale-horizontal"'},{value:'"20-format-scale-vertical"'},{value:'"20-format-small-caps"'},{value:'"20-format-strikethrough"'},{value:'"20-format-subscript"'},{value:'"20-format-superscript"'},{value:'"20-format-titlecase"'},{value:'"20-format-underline"'},{value:'"20-format-uppercase"'},{value:'"20-forward"'},{value:'"20-fullscreen-exit"'},{value:'"20-fullscreen"'},{value:'"20-function"'},{value:'"20-git-branch"'},{value:'"20-git-commit"'},{value:'"20-git-diff"'},{value:'"20-git-fork"'},{value:'"20-git-merge"'},{value:'"20-git-pull-request"'},{value:'"20-globe"'},{value:'"20-hashtag"'},{value:'"20-heading"'},{value:'"20-headphones"'},{value:'"20-health"'},{value:'"20-heart"'},{value:'"20-help-fill"'},{value:'"20-help"'},{value:'"20-home"'},{value:'"20-horizontal-align-center"'},{value:'"20-horizontal-align-left"'},{value:'"20-horizontal-align-right"'},{value:'"20-hourglass"'},{value:'"20-image-check"'},{value:'"20-image-close"'},{value:'"20-image-edit"'},{value:'"20-image-minus"'},{value:'"20-image-plus"'},{value:'"20-image"'},{value:'"20-images"'},{value:'"20-inbox"'},{value:'"20-info-circle"'},{value:'"20-info-fill"'},{value:'"20-key"'},{value:'"20-keyboard"'},{value:'"20-label"'},{value:'"20-laptop"'},{value:'"20-layer-align-bottom-center"'},{value:'"20-layer-align-horizontal"'},{value:'"20-layer-align-left-center"'},{value:'"20-layer-align-right-center"'},{value:'"20-layer-align-top-center"'},{value:'"20-layer-align-vertical"'},{value:'"20-layer-three"'},{value:'"20-layer-two"'},{value:'"20-layout-swap-horizontal"'},{value:'"20-layout-swap-vertical"'},{value:'"20-link-broken"'},{value:'"20-link"'},{value:'"20-list-bullet"'},{value:'"20-list-check"'},{value:'"20-list-ordered"'},{value:'"20-list-unordered"'},{value:'"20-lock"'},{value:'"20-log-in"'},{value:'"20-log-out"'},{value:'"20-mail"'},{value:'"20-map"'},{value:'"20-marker-pin"'},{value:'"20-math-alpha"'},{value:'"20-math-angle"'},{value:'"20-math-beta"'},{value:'"20-math-gamma"'},{value:'"20-math-infinite"'},{value:'"20-math-omega"'},{value:'"20-math-pi"'},{value:'"20-math-sigma"'},{value:'"20-math-sine-wawe"'},{value:'"20-math-square-root "'},{value:'"20-math-theta"'},{value:'"20-megaphone"'},{value:'"20-menu"'},{value:'"20-message"'},{value:'"20-mic"'},{value:'"20-minus"'},{value:'"20-mobile"'},{value:'"20-more-horizontal"'},{value:'"20-more-vertical"'},{value:'"20-mouse"'},{value:'"20-navigation"'},{value:'"20-notification"'},{value:'"20-open-in-new"'},{value:'"20-option"'},{value:'"20-package"'},{value:'"20-paintroller"'},{value:'"20-paperplane"'},{value:'"20-paragraph"'},{value:'"20-pause-circle"'},{value:'"20-pause"'},{value:'"20-phone-call"'},{value:'"20-phone-callback"'},{value:'"20-phone-forwarded"'},{value:'"20-phone-incoming"'},{value:'"20-phone-missed"'},{value:'"20-phone-outgoing"'},{value:'"20-phone"'},{value:'"20-pin"'},{value:'"20-placeholder-2"'},{value:'"20-placeholder"'},{value:'"20-play-circle"'},{value:'"20-play"'},{value:'"20-plugin"'},{value:'"20-plus"'},{value:'"20-print"'},{value:'"20-questionmark"'},{value:'"20-quote"'},{value:'"20-rainbow"'},{value:'"20-receipt"'},{value:'"20-redo"'},{value:'"20-refresh"'},{value:'"20-repeat"'},{value:'"20-reply"'},{value:'"20-robot"'},{value:'"20-scissors"'},{value:'"20-search"'},{value:'"20-settings"'},{value:'"20-share"'},{value:'"20-shield"'},{value:'"20-shirt"'},{value:'"20-shopping-basket"'},{value:'"20-shopping-cart"'},{value:'"20-sidebar-hide"'},{value:'"20-sidebar-show"'},{value:'"20-slider"'},{value:'"20-speedmeter"'},{value:'"20-star-filled"'},{value:'"20-star-half-filled"'},{value:'"20-star"'},{value:'"20-stopwatch"'},{value:'"20-suitcase"'},{value:'"20-sun"'},{value:'"20-tablet"'},{value:'"20-tag"'},{value:'"20-target-off"'},{value:'"20-target"'},{value:'"20-terminal-2"'},{value:'"20-terminal"'},{value:'"20-tetrisly"'},{value:'"20-text"'},{value:'"20-thumb-down"'},{value:'"20-thumb-up"'},{value:'"20-ticket"'},{value:'"20-time-clock"'},{value:'"20-toggle-off"'},{value:'"20-toggle-on"'},{value:'"20-transaction-horizontal"'},{value:'"20-transaction-vertical"'},{value:'"20-tree"'},{value:'"20-trend-down"'},{value:'"20-trend-up"'},{value:'"20-turn-off"'},{value:'"20-tv"'},{value:'"20-undo"'},{value:'"20-unfold-less"'},{value:'"20-unfold-more"'},{value:'"20-unlock"'},{value:'"20-upload"'},{value:'"20-user-check"'},{value:'"20-user-close"'},{value:'"20-user-edit"'},{value:'"20-user-minus"'},{value:'"20-user-plus"'},{value:'"20-user"'},{value:'"20-users"'},{value:'"20-vertical-align-bottom"'},{value:'"20-vertical-align-center"'},{value:'"20-vertical-align-top"'},{value:'"20-video-camera"'},{value:'"20-video"'},{value:'"20-view-boxes"'},{value:'"20-view-columns"'},{value:'"20-view-dashboard"'},{value:'"20-view-day"'},{value:'"20-view-layout-bottom"'},{value:'"20-view-layout-grid"'},{value:'"20-view-layout-left"'},{value:'"20-view-layout-right"'},{value:'"20-view-layout-top"'},{value:'"20-view-lp"'},{value:'"20-view-rows"'},{value:'"20-view-schedule"'},{value:'"20-view-slider"'},{value:'"20-view-table"'},{value:'"20-voice"'},{value:'"20-voicemail"'},{value:'"20-volume-max"'},{value:'"20-volume-medium"'},{value:'"20-volume-min"'},{value:'"20-volume-mute"'},{value:'"20-wallet"'},{value:'"20-warning-fill"'},{value:'"20-warning"'},{value:'"20-watch"'},{value:'"20-water-drop"'},{value:'"20-wifi-off"'},{value:'"20-wifi"'}]}},hasDropdownIndicator:{defaultValue:null,description:"",name:"hasDropdownIndicator",required:!1,type:{name:"boolean"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"loading"'},{value:'"disabled"'},{value:'"selected"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"ButtonConfig"}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"bare"'},{value:'"default"'},{value:'"ghost"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'}]}},appearance:{defaultValue:null,description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"inverted"'},{value:'"reverseInverted"'}]}},intent:{defaultValue:null,description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"success"'},{value:'"destructive"'}]}}}}}catch{}export{r as I}; diff --git a/assets/IconButton.stories-59068ee9.js b/assets/IconButton.stories-87c6065a.js similarity index 88% rename from assets/IconButton.stories-59068ee9.js rename to assets/IconButton.stories-87c6065a.js index 8a45b9b6..cf7ab1dd 100644 --- a/assets/IconButton.stories-59068ee9.js +++ b/assets/IconButton.stories-87c6065a.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{r as m}from"./index-76fb7be0.js";import{I as l}from"./IconButton-fbe54fb7.js";import{l as i}from"./mergeConfigWithCutom-aec35d44.js";import{S as a}from"./SectionHeader-c9c7fa6d.js";import{t as s}from"./TetrislyProvider-8c69fae3.js";import{T as v}from"./TetDocs-deea9a80.js";import"./_commonjsHelpers-de833af9.js";import"./Button-2ba8575b.js";import"./tetrisly-icons.es-12549e88.js";import"./index-60ef7482.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const j=["default","ghost","bare"],y=t=>t==="default"?["primary","inverted"]:["primary","inverted","reverseInverted"],$=t=>t==="primary"?["none","success","destructive"]:["none"],b=()=>e.jsx(e.Fragment,{children:j.map(t=>e.jsxs(s.section,{children:[e.jsx(a,{variant:"Hero",as:"h2",px:"$dimension-1000",children:i.capitalize(t)}),e.jsx(s.div,{children:y(t).map(r=>e.jsxs(s.div,{bg:r==="inverted"?"$color-background-inverted":void 0,children:[e.jsx(a,{inverted:r==="inverted",variant:"H1",as:"h3",py:"$dimension-500",px:"$dimension-1000",children:i.startCase(r)}),$(r).map(o=>{const n={appearance:r,intent:o,variant:t,icon:"20-placeholder"};return e.jsxs(s.div,{display:"grid",gridTemplateColumns:"1fr 1fr",px:"$dimension-1000",children:[e.jsxs(s.div,{py:"$dimension-500",children:[e.jsx(a,{variant:"H2",as:"h4",inverted:r==="inverted",labels:[`Intent: ${i.capitalize(o)}`,"Dropdown: false"]}),e.jsx(l,{mt:"$dimension-500",...n})]}),e.jsxs(s.div,{py:"$dimension-500",children:[e.jsx(a,{variant:"H2",as:"h4",inverted:r==="inverted",labels:[`Intent: ${i.capitalize(o)}`,"Dropdown: true"]}),e.jsx(l,{mt:"$dimension-500",...n,hasDropdownIndicator:!0})]})]},`${t}${r}${o}`)})]},`${t}${r}`))})]},t))}),q={title:"IconButton",component:l,tags:["autodocs"],argTypes:{variant:{description:'Figma "Type" props',table:{defaultValue:{summary:"default"}}},appearance:{table:{defaultValue:{summary:"primary"}}}},parameters:{docs:{description:{component:"Specific Button that lacks the accompanying text label, relying only on an icon or symbol to convey its purpose. The Icon Button helps to design within limited space, as well as allows for a maintaining cleaner interface."},page:()=>e.jsx(v,{docs:"https://docs.tetrisly.com/components/in-progress/iconbutton",children:e.jsx(b,{})})}}},c={args:{icon:"20-placeholder"}},I=t=>{const[r,o]=m.useState(!1);return m.useEffect(()=>{r&&setTimeout(()=>o(!1),1e3)},[r]),e.jsx(l,{...t,state:r?"loading":void 0,onClick:()=>o(n=>!n)})},d={args:{icon:"20-placeholder"},render:I};var p,u,f;c.parameters={...c.parameters,docs:{...(p=c.parameters)==null?void 0:p.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-ffb262ed.js";import{r as m}from"./index-76fb7be0.js";import{I as l}from"./IconButton-84cc995d.js";import{l as i}from"./mergeConfigWithCutom-aec35d44.js";import{S as a}from"./SectionHeader-c9c7fa6d.js";import{t as s}from"./TetrislyProvider-8c69fae3.js";import{T as v}from"./TetDocs-03bc5c84.js";import"./_commonjsHelpers-de833af9.js";import"./Button-93f2d0ab.js";import"./tetrisly-icons.es-12549e88.js";import"./index-60ef7482.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const j=["default","ghost","bare"],y=t=>t==="default"?["primary","inverted"]:["primary","inverted","reverseInverted"],$=t=>t==="primary"?["none","success","destructive"]:["none"],b=()=>e.jsx(e.Fragment,{children:j.map(t=>e.jsxs(s.section,{children:[e.jsx(a,{variant:"Hero",as:"h2",px:"$dimension-1000",children:i.capitalize(t)}),e.jsx(s.div,{children:y(t).map(r=>e.jsxs(s.div,{bg:r==="inverted"?"$color-background-inverted":void 0,children:[e.jsx(a,{inverted:r==="inverted",variant:"H1",as:"h3",py:"$dimension-500",px:"$dimension-1000",children:i.startCase(r)}),$(r).map(o=>{const n={appearance:r,intent:o,variant:t,icon:"20-placeholder"};return e.jsxs(s.div,{display:"grid",gridTemplateColumns:"1fr 1fr",px:"$dimension-1000",children:[e.jsxs(s.div,{py:"$dimension-500",children:[e.jsx(a,{variant:"H2",as:"h4",inverted:r==="inverted",labels:[`Intent: ${i.capitalize(o)}`,"Dropdown: false"]}),e.jsx(l,{mt:"$dimension-500",...n})]}),e.jsxs(s.div,{py:"$dimension-500",children:[e.jsx(a,{variant:"H2",as:"h4",inverted:r==="inverted",labels:[`Intent: ${i.capitalize(o)}`,"Dropdown: true"]}),e.jsx(l,{mt:"$dimension-500",...n,hasDropdownIndicator:!0})]})]},`${t}${r}${o}`)})]},`${t}${r}`))})]},t))}),q={title:"IconButton",component:l,tags:["autodocs"],argTypes:{variant:{description:'Figma "Type" props',table:{defaultValue:{summary:"default"}}},appearance:{table:{defaultValue:{summary:"primary"}}}},parameters:{docs:{description:{component:"Specific Button that lacks the accompanying text label, relying only on an icon or symbol to convey its purpose. The Icon Button helps to design within limited space, as well as allows for a maintaining cleaner interface."},page:()=>e.jsx(v,{docs:"https://docs.tetrisly.com/components/in-progress/iconbutton",children:e.jsx(b,{})})}}},c={args:{icon:"20-placeholder"}},I=t=>{const[r,o]=m.useState(!1);return m.useEffect(()=>{r&&setTimeout(()=>o(!1),1e3)},[r]),e.jsx(l,{...t,state:r?"loading":void 0,onClick:()=>o(n=>!n)})},d={args:{icon:"20-placeholder"},render:I};var p,u,f;c.parameters={...c.parameters,docs:{...(p=c.parameters)==null?void 0:p.docs,source:{originalSource:`{ args: { icon: '20-placeholder' } diff --git a/assets/InlineBanner.stories-617b265a.js b/assets/InlineBanner.stories-617b265a.js new file mode 100644 index 00000000..b6db4e9f --- /dev/null +++ b/assets/InlineBanner.stories-617b265a.js @@ -0,0 +1,17 @@ +import{j as n}from"./jsx-runtime-ffb262ed.js";import{a as r}from"./chunk-WFFRPTHA-a68c42c5.js";import{R as O}from"./tetrisly-icons.es-12549e88.js";import{r as $}from"./index-76fb7be0.js";import{m as F,l as Y}from"./mergeConfigWithCutom-aec35d44.js";import{B as h}from"./Button-93f2d0ab.js";import{I as G}from"./IconButton-84cc995d.js";import{u as J}from"./useAction-275346b1.js";import{t as o}from"./TetrislyProvider-8c69fae3.js";import{S as x}from"./SectionHeader-c9c7fa6d.js";import{T as K}from"./TetDocs-03bc5c84.js";import"./preview-errors-dde4324f.js";import"./index-356e4a49.js";import"./_commonjsHelpers-de833af9.js";import"./index-60ef7482.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";const Q={position:"relative",display:"flex",p:"$space-component-padding-xLarge",gap:"$space-component-gap-large",borderRadius:"$border-radius-large",boxShadow:"0 0 #0000",ring:"$border-width-small",ringInset:!0,intent:{none:{backgroundColor:"$color-background-neutral-subtle",ringColor:"$color-border-neutral-subtle"},informative:{backgroundColor:"$color-background-informative-subtle",ringColor:"$color-border-informative-subtle"},success:{backgroundColor:"$color-background-positive-subtle",ringColor:"$color-border-positive-subtle"},warning:{backgroundColor:"$color-background-warning-subtle",ringColor:"$color-border-warning-subtle"},negative:{backgroundColor:"$color-background-negative-subtle",ringColor:"$color-border-negative-subtle"}},innerElements:{iconContainer:{h:"$size-xSmall",display:"flex",alignItems:"center",intent:{none:{color:"$color-content-secondary"},informative:{color:"$color-content-informative-secondary"},success:{color:"$color-content-positive-secondary"},warning:{color:"$color-content-warning-secondary"},negative:{color:"$color-content-negative-secondary"}}},contentContainer:{display:"flex",flexDirection:"column",maxW:"90%"},actionContainer:{display:"flex",gap:"$space-component-gap-small",mt:"$space-component-gap-large"},description:{color:"$color-content-secondary",text:"$typo-body-medium"},title:{text:"$typo-body-strong-medium",mb:"$space-component-gap-xSmall",intent:{none:{color:"$color-content-primary"},informative:{color:"$color-content-informative-primary"},success:{color:"$color-content-positive-primary"},warning:{color:"$color-content-warning-primary"},negative:{color:"$color-content-negative-primary"}}},closeButton:{position:"absolute",top:"$space-component-padding-large",right:"$space-component-padding-large"}},spacing:{container:{pr:"$space-component-padding-6xLarge"}}},U=e=>({none:"20-info-fill",informative:"20-info-fill",success:"20-check-circle-fill",warning:"20-warning-fill",negative:"20-alert-fill"})[e],X=({intent:e,hasCloseButton:s,custom:a})=>{const{intent:C,innerElements:{iconContainer:i,contentContainer:l,actionContainer:y,description:t,title:d,closeButton:p},spacing:b,...z}=F({defaultConfig:Q,custom:a}),{intent:H,...M}=d,R={...H[e],...M},{intent:en,...W}=i,L={...i.intent[e],...W};return{container:{...z,...C[e],...s&&b.container},iconContainer:L,contentContainer:l,actionContainer:y,description:t,title:R,closeButton:p}},c=({title:e,description:s,intent:a="none",action:C,onCloseClick:i,custom:l,...y})=>{const t=$.useMemo(()=>X({intent:a,hasCloseButton:!!i,custom:l}),[a,i,l]),[d,p]=J(C),b=$.useMemo(()=>U(a),[a]);return n.jsxs(o.div,{...t.container,style:{wordBreak:"break-word"},"data-testid":"inline-banner",...y,children:[n.jsx(o.span,{...t.iconContainer,"data-testid":"inline-banner-iconContainer",children:n.jsx(O,{name:b})}),n.jsxs(o.div,{...t.contentContainer,"data-testid":"inline-banner-contentContainer",children:[n.jsx(o.span,{...t.title,"data-testid":"inline-banner-title",children:e}),!!s&&n.jsx(o.span,{...t.description,"data-testid":"inline-banner-description",children:s}),d&&n.jsxs(o.div,{...t.actionContainer,"data-testid":"inline-banner-actionContainer",children:[n.jsx(h,{variant:"default",appearance:"secondary",intent:"none",size:"small",...d}),p&&n.jsx(h,{variant:"ghost",appearance:"secondary",intent:"none",size:"small",...p})]})]}),!!i&&n.jsx(G,{size:"small",variant:"ghost",intent:"none",icon:"20-close",onClick:i,...t.closeButton,"data-testid":"inline-banner-closeButton"})]})};try{c.displayName="InlineBanner",c.__docgenInfo={description:"",displayName:"InlineBanner",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"",name:"description",required:!1,type:{name:"string"}},intent:{defaultValue:{value:"none"},description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"informative"'},{value:'"warning"'},{value:'"negative"'},{value:'"none"'},{value:'"success"'}]}},action:{defaultValue:null,description:"",name:"action",required:!1,type:{name:"ActionProp"}},onCloseClick:{defaultValue:null,description:"",name:"onCloseClick",required:!1,type:{name:"((e: MouseEvent) => void)"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"InlineBannerConfig"}}}}}catch{}const Z=["none","informative","success","warning","negative"],nn=()=>n.jsx(n.Fragment,{children:Z.map(e=>n.jsx(o.section,{px:"$dimension-1000",py:"$dimension-500",children:n.jsxs(x,{variant:"H1",as:"h2",children:["Intent: ",Y.startCase(e),n.jsxs(o.div,{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"$dimension-1000",children:[n.jsxs(o.div,{children:[n.jsx(x,{variant:"H2",as:"h3",py:"$dimension-500",children:"Close Button: No"}),n.jsx(c,{mt:"$dimension-500",title:"Title",description:"Description",intent:e,action:[{label:"Primary action",onClick:r("onClick")},{label:"Secondary action",onClick:r("onClick")}]})]}),n.jsxs(o.div,{children:[n.jsx(x,{variant:"H2",as:"h3",py:"$dimension-500",children:"Close Button: Yes"}),n.jsx(c,{mt:"$dimension-500",title:"Title",description:"Description",intent:e,action:[{label:"Primary action",onClick:r("onClick")},{label:"Secondary action",onClick:r("onClick")}],onCloseClick:r("onCloseClick")})]})]})]})},e))}),jn={title:"InlineBanner",component:c,tags:["autodocs"],args:{title:"Title",description:"Description",action:[{label:"Primary action",onClick:r("onClick")},{label:"Secondary action",onClick:r("onClick")}],onCloseClick:r("onCloseClick")},parameters:{docs:{description:{component:"A narrow visual element that displays relevant messages or prompts within the context of the main content. Often used to show alerts, promotions, or feature highlights."},page:()=>n.jsx(K,{docs:"https://docs.tetrisly.com/components/in-progress/inlinebanner",children:n.jsx(nn,{})})}}},m={},u={args:{intent:"informative"}},g={args:{intent:"success"}},f={args:{intent:"warning"}},v={args:{intent:"negative"}};var k,j,S;m.parameters={...m.parameters,docs:{...(k=m.parameters)==null?void 0:k.docs,source:{originalSource:"{}",...(S=(j=m.parameters)==null?void 0:j.docs)==null?void 0:S.source}}};var w,B,I;u.parameters={...u.parameters,docs:{...(w=u.parameters)==null?void 0:w.docs,source:{originalSource:`{ + args: { + intent: 'informative' + } +}`,...(I=(B=u.parameters)==null?void 0:B.docs)==null?void 0:I.source}}};var _,E,D;g.parameters={...g.parameters,docs:{...(_=g.parameters)==null?void 0:_.docs,source:{originalSource:`{ + args: { + intent: 'success' + } +}`,...(D=(E=g.parameters)==null?void 0:E.docs)==null?void 0:D.source}}};var T,N,q;f.parameters={...f.parameters,docs:{...(T=f.parameters)==null?void 0:T.docs,source:{originalSource:`{ + args: { + intent: 'warning' + } +}`,...(q=(N=f.parameters)==null?void 0:N.docs)==null?void 0:q.source}}};var V,A,P;v.parameters={...v.parameters,docs:{...(V=v.parameters)==null?void 0:V.docs,source:{originalSource:`{ + args: { + intent: 'negative' + } +}`,...(P=(A=v.parameters)==null?void 0:A.docs)==null?void 0:P.source}}};const Sn=["Default","Informative","Success","Warning","Negative"];export{m as Default,u as Informative,v as Negative,g as Success,f as Warning,Sn as __namedExportsOrder,jn as default}; diff --git a/assets/InlineBanner.stories-8176ecb7.js b/assets/InlineBanner.stories-8176ecb7.js deleted file mode 100644 index 4160f065..00000000 --- a/assets/InlineBanner.stories-8176ecb7.js +++ /dev/null @@ -1,17 +0,0 @@ -import{j as n}from"./jsx-runtime-ffb262ed.js";import{u as O,a as r}from"./useAction-291fcc9d.js";import{R as F}from"./tetrisly-icons.es-12549e88.js";import{r as $}from"./index-76fb7be0.js";import{m as Y,l as G}from"./mergeConfigWithCutom-aec35d44.js";import{B as h}from"./Button-2ba8575b.js";import{I as J}from"./IconButton-fbe54fb7.js";import{t as o}from"./TetrislyProvider-8c69fae3.js";import{S as x}from"./SectionHeader-c9c7fa6d.js";import{T as K}from"./TetDocs-deea9a80.js";import"./preview-errors-dde4324f.js";import"./index-356e4a49.js";import"./_commonjsHelpers-de833af9.js";import"./index-60ef7482.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";const Q={position:"relative",display:"flex",p:"$space-component-padding-xLarge",gap:"$space-component-gap-large",borderRadius:"$border-radius-large",boxShadow:"0 0 #0000",ring:"$border-width-small",ringInset:!0,intent:{none:{backgroundColor:"$color-background-neutral-subtle",ringColor:"$color-border-neutral-subtle"},informative:{backgroundColor:"$color-background-informative-subtle",ringColor:"$color-border-informative-subtle"},success:{backgroundColor:"$color-background-positive-subtle",ringColor:"$color-border-positive-subtle"},warning:{backgroundColor:"$color-background-warning-subtle",ringColor:"$color-border-warning-subtle"},negative:{backgroundColor:"$color-background-negative-subtle",ringColor:"$color-border-negative-subtle"}},innerElements:{iconContainer:{h:"$size-xSmall",display:"flex",alignItems:"center",intent:{none:{color:"$color-content-secondary"},informative:{color:"$color-content-informative-secondary"},success:{color:"$color-content-positive-secondary"},warning:{color:"$color-content-warning-secondary"},negative:{color:"$color-content-negative-secondary"}}},contentContainer:{display:"flex",flexDirection:"column",maxW:"90%"},actionContainer:{display:"flex",gap:"$space-component-gap-small",mt:"$space-component-gap-large"},description:{color:"$color-content-secondary",text:"$typo-body-medium"},title:{text:"$typo-body-strong-medium",mb:"$space-component-gap-xSmall",intent:{none:{color:"$color-content-primary"},informative:{color:"$color-content-informative-primary"},success:{color:"$color-content-positive-primary"},warning:{color:"$color-content-warning-primary"},negative:{color:"$color-content-negative-primary"}}},closeButton:{position:"absolute",top:"$space-component-padding-large",right:"$space-component-padding-large"}},spacing:{container:{pr:"$space-component-padding-6xLarge"}}},U=e=>({none:"20-info-fill",informative:"20-info-fill",success:"20-check-circle-fill",warning:"20-warning-fill",negative:"20-alert-fill"})[e],X=({intent:e,hasCloseButton:s,custom:a})=>{const{intent:C,innerElements:{iconContainer:i,contentContainer:l,actionContainer:y,description:t,title:d,closeButton:p},spacing:b,...z}=Y({defaultConfig:Q,custom:a}),{intent:H,...M}=d,R={...H[e],...M},{intent:en,...W}=i,L={...i.intent[e],...W};return{container:{...z,...C[e],...s&&b.container},iconContainer:L,contentContainer:l,actionContainer:y,description:t,title:R,closeButton:p}},c=({title:e,description:s,intent:a="none",action:C,onCloseClick:i,custom:l,...y})=>{const t=$.useMemo(()=>X({intent:a,hasCloseButton:!!i,custom:l}),[a,i,l]),[d,p]=O(C),b=$.useMemo(()=>U(a),[a]);return n.jsxs(o.div,{...t.container,style:{wordBreak:"break-word"},"data-testid":"inline-banner",...y,children:[n.jsx(o.span,{...t.iconContainer,"data-testid":"inline-banner-iconContainer",children:n.jsx(F,{name:b})}),n.jsxs(o.div,{...t.contentContainer,"data-testid":"inline-banner-contentContainer",children:[n.jsx(o.span,{...t.title,"data-testid":"inline-banner-title",children:e}),!!s&&n.jsx(o.span,{...t.description,"data-testid":"inline-banner-description",children:s}),d&&n.jsxs(o.div,{...t.actionContainer,"data-testid":"inline-banner-actionContainer",children:[n.jsx(h,{variant:"default",appearance:"secondary",intent:"none",size:"small",...d}),p&&n.jsx(h,{variant:"ghost",appearance:"secondary",intent:"none",size:"small",...p})]})]}),!!i&&n.jsx(J,{size:"small",variant:"ghost",intent:"none",icon:"20-close",onClick:i,...t.closeButton,"data-testid":"inline-banner-closeButton"})]})};try{c.displayName="InlineBanner",c.__docgenInfo={description:"",displayName:"InlineBanner",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"",name:"description",required:!1,type:{name:"string"}},intent:{defaultValue:{value:"none"},description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"success"'},{value:'"warning"'},{value:'"negative"'},{value:'"informative"'}]}},action:{defaultValue:null,description:"",name:"action",required:!1,type:{name:"ActionProp"}},onCloseClick:{defaultValue:null,description:"",name:"onCloseClick",required:!1,type:{name:"((e: MouseEvent) => void)"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"InlineBannerConfig"}}}}}catch{}const Z=["none","informative","success","warning","negative"],nn=()=>n.jsx(n.Fragment,{children:Z.map(e=>n.jsx(o.section,{px:"$dimension-1000",py:"$dimension-500",children:n.jsxs(x,{variant:"H1",as:"h2",children:["Intent: ",G.startCase(e),n.jsxs(o.div,{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"$dimension-1000",children:[n.jsxs(o.div,{children:[n.jsx(x,{variant:"H2",as:"h3",py:"$dimension-500",children:"Close Button: No"}),n.jsx(c,{mt:"$dimension-500",title:"Title",description:"Description",intent:e,action:[{label:"Primary action",onClick:r("onClick")},{label:"Secondary action",onClick:r("onClick")}]})]}),n.jsxs(o.div,{children:[n.jsx(x,{variant:"H2",as:"h3",py:"$dimension-500",children:"Close Button: Yes"}),n.jsx(c,{mt:"$dimension-500",title:"Title",description:"Description",intent:e,action:[{label:"Primary action",onClick:r("onClick")},{label:"Secondary action",onClick:r("onClick")}],onCloseClick:r("onCloseClick")})]})]})]})},e))}),kn={title:"InlineBanner",component:c,tags:["autodocs"],args:{title:"Title",description:"Description",action:[{label:"Primary action",onClick:r("onClick")},{label:"Secondary action",onClick:r("onClick")}],onCloseClick:r("onCloseClick")},parameters:{docs:{description:{component:"A narrow visual element that displays relevant messages or prompts within the context of the main content. Often used to show alerts, promotions, or feature highlights."},page:()=>n.jsx(K,{docs:"https://docs.tetrisly.com/components/in-progress/inlinebanner",children:n.jsx(nn,{})})}}},m={},u={args:{intent:"informative"}},g={args:{intent:"success"}},f={args:{intent:"warning"}},v={args:{intent:"negative"}};var k,j,S;m.parameters={...m.parameters,docs:{...(k=m.parameters)==null?void 0:k.docs,source:{originalSource:"{}",...(S=(j=m.parameters)==null?void 0:j.docs)==null?void 0:S.source}}};var w,B,I;u.parameters={...u.parameters,docs:{...(w=u.parameters)==null?void 0:w.docs,source:{originalSource:`{ - args: { - intent: 'informative' - } -}`,...(I=(B=u.parameters)==null?void 0:B.docs)==null?void 0:I.source}}};var _,E,D;g.parameters={...g.parameters,docs:{...(_=g.parameters)==null?void 0:_.docs,source:{originalSource:`{ - args: { - intent: 'success' - } -}`,...(D=(E=g.parameters)==null?void 0:E.docs)==null?void 0:D.source}}};var T,N,q;f.parameters={...f.parameters,docs:{...(T=f.parameters)==null?void 0:T.docs,source:{originalSource:`{ - args: { - intent: 'warning' - } -}`,...(q=(N=f.parameters)==null?void 0:N.docs)==null?void 0:q.source}}};var V,A,P;v.parameters={...v.parameters,docs:{...(V=v.parameters)==null?void 0:V.docs,source:{originalSource:`{ - args: { - intent: 'negative' - } -}`,...(P=(A=v.parameters)==null?void 0:A.docs)==null?void 0:P.source}}};const jn=["Default","Informative","Success","Warning","Negative"];export{m as Default,u as Informative,v as Negative,g as Success,f as Warning,jn as __namedExportsOrder,kn as default}; diff --git a/assets/InlineMessage.stories-fe66f0ce.js b/assets/InlineMessage.stories-e7a47d1e.js similarity index 95% rename from assets/InlineMessage.stories-fe66f0ce.js rename to assets/InlineMessage.stories-e7a47d1e.js index 909e959c..0971a3ab 100644 --- a/assets/InlineMessage.stories-fe66f0ce.js +++ b/assets/InlineMessage.stories-e7a47d1e.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{R as P}from"./tetrisly-icons.es-12549e88.js";import{r as H}from"./index-76fb7be0.js";import{m as U,l as W}from"./mergeConfigWithCutom-aec35d44.js";import{t}from"./TetrislyProvider-8c69fae3.js";import{C as L}from"./Cols-33da84a1.js";import{S as v}from"./SectionHeader-c9c7fa6d.js";import{T as R}from"./TetDocs-deea9a80.js";import"./_commonjsHelpers-de833af9.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const k={display:"flex",alignItems:"flex-start",gap:"$space-component-gap-small",text:"$typo-body-medium",innerElements:{title:{marginRight:"$space-component-gap-small",intent:{informative:{color:"$color-content-informative-primary"},success:{color:"$color-content-positive-primary"},warning:{color:"$color-content-warning-primary"},negative:{color:"$color-content-negative-primary"}}},iconContainer:{display:"flex",alignItems:"center",minHeight:"$size-xSmall",intent:{informative:{color:"$color-content-informative-secondary"},success:{color:"$color-content-positive-secondary"},warning:{color:"$color-content-warning-secondary"},negative:{color:"$color-content-negative-secondary"}}},description:{color:"$color-content-secondary",display:"inline-block"}}},A=i=>({informative:"20-info-fill",success:"20-check-circle-fill",warning:"20-warning-fill",negative:"20-alert-fill"})[i],F=(i,a)=>{const{innerElements:r,...o}=U({defaultConfig:k,custom:a}),{description:d,title:s,iconContainer:g}=r,{intent:_,...T}=s,{intent:V,...E}=g;return{container:o,description:d,title:{..._[i],...T},iconContainer:{...V[i],...E}}},n=({intent:i="informative",title:a,description:r,custom:o,...d})=>{const s=H.useMemo(()=>F(i,o),[i,o]),g=A(i);return e.jsxs(t.div,{...s.container,"data-testid":"inline-message",...d,children:[e.jsx(t.span,{...s.iconContainer,"data-testid":"inline-message-iconContainer",children:e.jsx(P,{name:g,"data-testid":"inline-message-icon"})}),e.jsxs(t.span,{children:[e.jsx(t.span,{...s.title,"data-testid":"inline-message-title",children:a}),r&&e.jsx(t.div,{...s.description,"data-testid":"inline-message-description",children:r})]})]})};try{n.displayName="InlineMessage",n.__docgenInfo={description:"",displayName:"InlineMessage",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},intent:{defaultValue:{value:"informative"},description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"success"'},{value:'"warning"'},{value:'"negative"'},{value:'"informative"'}]}},description:{defaultValue:null,description:"",name:"description",required:!1,type:{name:"string"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"InlineMessageConfig"}}}}}catch{}const z=["informative","success","warning","negative"],B=()=>e.jsx(e.Fragment,{children:z.map(i=>e.jsxs(t.section,{px:"$dimension-1000",py:"$dimension-500",children:[e.jsxs(v,{variant:"H1",as:"h2",py:"$dimension-500",children:["Intent: ",W.capitalize(i)]}),e.jsxs(L,{children:[e.jsxs(t.div,{children:[e.jsx(v,{variant:"H2",as:"h3",py:"$dimension-500",children:"Description: Yes"}),e.jsx(n,{intent:i,title:"Title",description:"Description",mt:"$dimension-500"})]}),e.jsxs(t.div,{children:[e.jsx(v,{variant:"H2",as:"h3",py:"$dimension-500",children:"Description: No"}),e.jsx(n,{intent:i,title:"Title",mt:"$dimension-500"})]})]})]},i))}),ce={title:"InlineMessage",component:n,tags:["autodocs"],args:{title:"Title",description:"Description",intent:"informative"},argTypes:{intent:{options:["informative","success","warning","negative"],defaultValue:"informative",control:{type:"radio"}}},parameters:{docs:{description:{component:"A concise, contextual message displayed within the UI to provide users with feedback, guidance, or supplementary information. Inline messages often use color and iconography to convey tone or importance."},page:()=>e.jsx(R,{docs:"https://docs.tetrisly.com/components/in-progress/inlinemessage",children:e.jsx(B,{})})}}},c={},l={args:{intent:"success"}},m={args:{intent:"warning"}},u={args:{intent:"negative"}},p={args:{description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu leo suscipit, interdum sapien vitae, finibus arcu. Duis at orci sit amet nunc ullamcorper faucibus. Nullam vitae elit tellus. Aliquam magna risus, placerat nec ornare nec, facilisis sed lectus. Morbi dignissim varius lacus, at molestie tellus bibendum quis. Phasellus ac lacus et nulla viverra vehicula at sed urna. Ut neque eros, egestas eget varius in, condimentum eu sapien. Praesent placerat luctus magna, sed imperdiet augue sodales non. Fusce facilisis dui diam, eget volutpat ligula aliquet eu. Nullam ac nisi in nisi feugiat varius et vel mi. Maecenas vitae elit at neque porttitor sagittis eget ullamcorper nisl. Phasellus sollicitudin risus sit amet semper laoreet."}};var f,y,h;c.parameters={...c.parameters,docs:{...(f=c.parameters)==null?void 0:f.docs,source:{originalSource:"{}",...(h=(y=c.parameters)==null?void 0:y.docs)==null?void 0:h.source}}};var x,j,I;l.parameters={...l.parameters,docs:{...(x=l.parameters)==null?void 0:x.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-ffb262ed.js";import{R as P}from"./tetrisly-icons.es-12549e88.js";import{r as H}from"./index-76fb7be0.js";import{m as U,l as W}from"./mergeConfigWithCutom-aec35d44.js";import{t}from"./TetrislyProvider-8c69fae3.js";import{C as L}from"./Cols-33da84a1.js";import{S as v}from"./SectionHeader-c9c7fa6d.js";import{T as R}from"./TetDocs-03bc5c84.js";import"./_commonjsHelpers-de833af9.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const k={display:"flex",alignItems:"flex-start",gap:"$space-component-gap-small",text:"$typo-body-medium",innerElements:{title:{marginRight:"$space-component-gap-small",intent:{informative:{color:"$color-content-informative-primary"},success:{color:"$color-content-positive-primary"},warning:{color:"$color-content-warning-primary"},negative:{color:"$color-content-negative-primary"}}},iconContainer:{display:"flex",alignItems:"center",minHeight:"$size-xSmall",intent:{informative:{color:"$color-content-informative-secondary"},success:{color:"$color-content-positive-secondary"},warning:{color:"$color-content-warning-secondary"},negative:{color:"$color-content-negative-secondary"}}},description:{color:"$color-content-secondary",display:"inline-block"}}},A=i=>({informative:"20-info-fill",success:"20-check-circle-fill",warning:"20-warning-fill",negative:"20-alert-fill"})[i],F=(i,a)=>{const{innerElements:r,...o}=U({defaultConfig:k,custom:a}),{description:d,title:s,iconContainer:g}=r,{intent:_,...T}=s,{intent:V,...E}=g;return{container:o,description:d,title:{..._[i],...T},iconContainer:{...V[i],...E}}},n=({intent:i="informative",title:a,description:r,custom:o,...d})=>{const s=H.useMemo(()=>F(i,o),[i,o]),g=A(i);return e.jsxs(t.div,{...s.container,"data-testid":"inline-message",...d,children:[e.jsx(t.span,{...s.iconContainer,"data-testid":"inline-message-iconContainer",children:e.jsx(P,{name:g,"data-testid":"inline-message-icon"})}),e.jsxs(t.span,{children:[e.jsx(t.span,{...s.title,"data-testid":"inline-message-title",children:a}),r&&e.jsx(t.div,{...s.description,"data-testid":"inline-message-description",children:r})]})]})};try{n.displayName="InlineMessage",n.__docgenInfo={description:"",displayName:"InlineMessage",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},intent:{defaultValue:{value:"informative"},description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"informative"'},{value:'"warning"'},{value:'"negative"'},{value:'"success"'}]}},description:{defaultValue:null,description:"",name:"description",required:!1,type:{name:"string"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"InlineMessageConfig"}}}}}catch{}const z=["informative","success","warning","negative"],B=()=>e.jsx(e.Fragment,{children:z.map(i=>e.jsxs(t.section,{px:"$dimension-1000",py:"$dimension-500",children:[e.jsxs(v,{variant:"H1",as:"h2",py:"$dimension-500",children:["Intent: ",W.capitalize(i)]}),e.jsxs(L,{children:[e.jsxs(t.div,{children:[e.jsx(v,{variant:"H2",as:"h3",py:"$dimension-500",children:"Description: Yes"}),e.jsx(n,{intent:i,title:"Title",description:"Description",mt:"$dimension-500"})]}),e.jsxs(t.div,{children:[e.jsx(v,{variant:"H2",as:"h3",py:"$dimension-500",children:"Description: No"}),e.jsx(n,{intent:i,title:"Title",mt:"$dimension-500"})]})]})]},i))}),ce={title:"InlineMessage",component:n,tags:["autodocs"],args:{title:"Title",description:"Description",intent:"informative"},argTypes:{intent:{options:["informative","success","warning","negative"],defaultValue:"informative",control:{type:"radio"}}},parameters:{docs:{description:{component:"A concise, contextual message displayed within the UI to provide users with feedback, guidance, or supplementary information. Inline messages often use color and iconography to convey tone or importance."},page:()=>e.jsx(R,{docs:"https://docs.tetrisly.com/components/in-progress/inlinemessage",children:e.jsx(B,{})})}}},c={},l={args:{intent:"success"}},m={args:{intent:"warning"}},u={args:{intent:"negative"}},p={args:{description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu leo suscipit, interdum sapien vitae, finibus arcu. Duis at orci sit amet nunc ullamcorper faucibus. Nullam vitae elit tellus. Aliquam magna risus, placerat nec ornare nec, facilisis sed lectus. Morbi dignissim varius lacus, at molestie tellus bibendum quis. Phasellus ac lacus et nulla viverra vehicula at sed urna. Ut neque eros, egestas eget varius in, condimentum eu sapien. Praesent placerat luctus magna, sed imperdiet augue sodales non. Fusce facilisis dui diam, eget volutpat ligula aliquet eu. Nullam ac nisi in nisi feugiat varius et vel mi. Maecenas vitae elit at neque porttitor sagittis eget ullamcorper nisl. Phasellus sollicitudin risus sit amet semper laoreet."}};var f,y,h;c.parameters={...c.parameters,docs:{...(f=c.parameters)==null?void 0:f.docs,source:{originalSource:"{}",...(h=(y=c.parameters)==null?void 0:y.docs)==null?void 0:h.source}}};var x,j,I;l.parameters={...l.parameters,docs:{...(x=l.parameters)==null?void 0:x.docs,source:{originalSource:`{ args: { intent: 'success' } diff --git a/assets/InlineSearchInput.stories-6d810f73.js b/assets/InlineSearchInput.stories-9fb3986f.js similarity index 88% rename from assets/InlineSearchInput.stories-6d810f73.js rename to assets/InlineSearchInput.stories-9fb3986f.js index 97259f7d..d5111f97 100644 --- a/assets/InlineSearchInput.stories-6d810f73.js +++ b/assets/InlineSearchInput.stories-9fb3986f.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{r as S}from"./index-76fb7be0.js";import{S as b}from"./SearchInput-b5350c90.js";import{m as v}from"./mergeConfigWithCutom-aec35d44.js";import{S as _}from"./States-1bb354e8.js";import{t as l}from"./TetrislyProvider-8c69fae3.js";import{T as j}from"./TetDocs-deea9a80.js";import"./_commonjsHelpers-de833af9.js";import"./TextInput-221fd163.js";import"./tetrisly-icons.es-12549e88.js";import"./useTextInput-71845e1c.js";import"./extractInputProps-08fc967a.js";import"./Avatar-fa7da47e.js";import"./Button-2ba8575b.js";import"./index-60ef7482.js";import"./IconButton-fbe54fb7.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const $={position:"relative",display:"inline-flex",w:"auto",h:"$size-small",padding:"$space-component-padding-xSmall $space-component-padding-small",backgroundColor:{hover:{_:"$color-interaction-ghost-hover",focusWithin:"$color-interaction-background-formField"}},ring:{_:"unset"},ringColor:{_:"unset"},innerElements:{input:{w:"unset",h:"unset",minWidth:"50px",backgroundColor:"transparent",padding:0,paddingRight:"36px",display:"inline-block"},clearButton:{position:"absolute",right:"$space-component-padding-small"},beforeComponent:{spacing:{Icon:{marginLeft:"$space-component-padding-small"}}}}},n=({custom:t,...s})=>{const i=S.useMemo(()=>v({defaultConfig:$,custom:t}),[t]);return e.jsx(b,{size:8,...s,custom:i})};try{n.displayName="InlineSearchInput",n.__docgenInfo={description:"",displayName:"InlineSearchInput",props:{custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"TextInputConfig"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"disabled"'}]}},hasClearButton:{defaultValue:null,description:"",name:"hasClearButton",required:!1,type:{name:"boolean"}}}}}catch{}const p=["normal","disabled"],T=()=>e.jsxs(l.section,{px:"$dimension-1000",children:[e.jsx(_,{states:p,gap:"$dimension-500"}),e.jsx(l.div,{display:"flex",gap:"$dimension-500",children:p.map(t=>e.jsx(l.div,{display:"flex",flexBasis:"96px",flexShrink:"0",flexGrow:"1",children:e.jsx(n,{state:t==="normal"?void 0:"disabled"})},t))})]}),X={title:"InlineSearchInput",component:n,tags:["autodocs"],argTypes:{state:{control:{type:"select",options:["normal","disabled"]}}},parameters:{docs:{description:{component:"A distinctive text input field that allows users to search for content on a website or application, by entering keywords, phrases, or other search terms. Search Inputs often include a search icon and may provide autocomplete suggestions or filters to refine results."},page:()=>e.jsx(j,{docs:"https://docs.tetrisly.com/components/in-progress/searchinput",children:e.jsx(T,{})})}}},o={},r={render:function(){const[s,i]=S.useState("Tetrisly.com"),y=C=>{i(C.target.value)};return e.jsx(n,{value:s,onChange:y})}},a={args:{state:"disabled"}};var c,d,m;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(m=(d=o.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var u,g,h;r.parameters={...r.parameters,docs:{...(u=r.parameters)==null?void 0:u.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-ffb262ed.js";import{r as S}from"./index-76fb7be0.js";import{S as b}from"./SearchInput-c4c9ac2e.js";import{m as v}from"./mergeConfigWithCutom-aec35d44.js";import{S as _}from"./States-1bb354e8.js";import{t as l}from"./TetrislyProvider-8c69fae3.js";import{T as j}from"./TetDocs-03bc5c84.js";import"./_commonjsHelpers-de833af9.js";import"./TextInput-176e108c.js";import"./tetrisly-icons.es-12549e88.js";import"./useTextInput-71845e1c.js";import"./extractInputProps-08fc967a.js";import"./Avatar-fa7da47e.js";import"./Button-93f2d0ab.js";import"./index-60ef7482.js";import"./IconButton-84cc995d.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const $={position:"relative",display:"inline-flex",w:"auto",h:"$size-small",padding:"$space-component-padding-xSmall $space-component-padding-small",backgroundColor:{hover:{_:"$color-interaction-ghost-hover",focusWithin:"$color-interaction-background-formField"}},ring:{_:"unset"},ringColor:{_:"unset"},innerElements:{input:{w:"unset",h:"unset",minWidth:"50px",backgroundColor:"transparent",padding:0,paddingRight:"36px",display:"inline-block"},clearButton:{position:"absolute",right:"$space-component-padding-small"},beforeComponent:{spacing:{Icon:{marginLeft:"$space-component-padding-small"}}}}},n=({custom:t,...s})=>{const i=S.useMemo(()=>v({defaultConfig:$,custom:t}),[t]);return e.jsx(b,{size:8,...s,custom:i})};try{n.displayName="InlineSearchInput",n.__docgenInfo={description:"",displayName:"InlineSearchInput",props:{custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"TextInputConfig"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"disabled"'}]}},hasClearButton:{defaultValue:null,description:"",name:"hasClearButton",required:!1,type:{name:"boolean"}}}}}catch{}const p=["normal","disabled"],T=()=>e.jsxs(l.section,{px:"$dimension-1000",children:[e.jsx(_,{states:p,gap:"$dimension-500"}),e.jsx(l.div,{display:"flex",gap:"$dimension-500",children:p.map(t=>e.jsx(l.div,{display:"flex",flexBasis:"96px",flexShrink:"0",flexGrow:"1",children:e.jsx(n,{state:t==="normal"?void 0:"disabled"})},t))})]}),X={title:"InlineSearchInput",component:n,tags:["autodocs"],argTypes:{state:{control:{type:"select",options:["normal","disabled"]}}},parameters:{docs:{description:{component:"A distinctive text input field that allows users to search for content on a website or application, by entering keywords, phrases, or other search terms. Search Inputs often include a search icon and may provide autocomplete suggestions or filters to refine results."},page:()=>e.jsx(j,{docs:"https://docs.tetrisly.com/components/in-progress/searchinput",children:e.jsx(T,{})})}}},o={},r={render:function(){const[s,i]=S.useState("Tetrisly.com"),y=C=>{i(C.target.value)};return e.jsx(n,{value:s,onChange:y})}},a={args:{state:"disabled"}};var c,d,m;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(m=(d=o.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var u,g,h;r.parameters={...r.parameters,docs:{...(u=r.parameters)==null?void 0:u.docs,source:{originalSource:`{ render: function ControlledSearchInput() { const [value, setValue] = useState('Tetrisly.com'); const handleOnChange: ChangeEventHandler = e => { diff --git a/assets/Label-c09f8b49.js b/assets/Label-e7b0184c.js similarity index 96% rename from assets/Label-c09f8b49.js rename to assets/Label-e7b0184c.js index 41304a19..0cda954d 100644 --- a/assets/Label-c09f8b49.js +++ b/assets/Label-e7b0184c.js @@ -1 +1 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{R as c}from"./tetrisly-icons.es-12549e88.js";import{r as m}from"./index-76fb7be0.js";import{m as d}from"./mergeConfigWithCutom-aec35d44.js";import{B as u}from"./Button-2ba8575b.js";import{t as s}from"./TetrislyProvider-8c69fae3.js";const f={text:"$typo-body-medium",color:"$color-content-primary",display:"flex",alignItems:"flex-start",gap:"$space-component-gap-xSmall",innerElements:{tooltip:{color:"$color-content-secondary",display:"flex",alignItems:"center",minHeight:"$size-xSmall"},optional:{color:"$color-content-tertiary"},action:{ml:"auto"}}},y=t=>{const i=d({defaultConfig:f,custom:t}),{innerElements:{optional:a,tooltip:o,action:l},...r}=i;return{label:r,optional:a,tooltip:o,action:l}},p=({label:t,tooltip:i,action:a,optional:o,custom:l,...r})=>{const n=m.useMemo(()=>y(l),[l]);return e.jsxs(s.label,{...n.label,"data-testid":"label",...r,children:[t,!!o&&e.jsx(s.span,{...n.optional,"data-testid":"label-optional",children:o}),i&&e.jsx(s.span,{...n.tooltip,"data-testid":"label-tooltip",children:e.jsx(c,{name:"16-info"})}),!!a&&e.jsx(u,{variant:"bare",appearance:"primary",...a,...n.action,"data-testid":"label-action"})]})};try{p.displayName="Label",p.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},action:{defaultValue:null,description:"",name:"action",required:!1,type:{name:"Action"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"boolean"}},optional:{defaultValue:null,description:"",name:"optional",required:!1,type:{name:"string"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"LabelConfig"}}}}}catch{}export{p as L}; +import{j as e}from"./jsx-runtime-ffb262ed.js";import{R as c}from"./tetrisly-icons.es-12549e88.js";import{r as m}from"./index-76fb7be0.js";import{m as d}from"./mergeConfigWithCutom-aec35d44.js";import{B as u}from"./Button-93f2d0ab.js";import{t as s}from"./TetrislyProvider-8c69fae3.js";const f={text:"$typo-body-medium",color:"$color-content-primary",display:"flex",alignItems:"flex-start",gap:"$space-component-gap-xSmall",innerElements:{tooltip:{color:"$color-content-secondary",display:"flex",alignItems:"center",minHeight:"$size-xSmall"},optional:{color:"$color-content-tertiary"},action:{ml:"auto"}}},y=t=>{const i=d({defaultConfig:f,custom:t}),{innerElements:{optional:a,tooltip:o,action:l},...r}=i;return{label:r,optional:a,tooltip:o,action:l}},p=({label:t,tooltip:i,action:a,optional:o,custom:l,...r})=>{const n=m.useMemo(()=>y(l),[l]);return e.jsxs(s.label,{...n.label,"data-testid":"label",...r,children:[t,!!o&&e.jsx(s.span,{...n.optional,"data-testid":"label-optional",children:o}),i&&e.jsx(s.span,{...n.tooltip,"data-testid":"label-tooltip",children:e.jsx(c,{name:"16-info"})}),!!a&&e.jsx(u,{variant:"bare",appearance:"primary",...a,...n.action,"data-testid":"label-action"})]})};try{p.displayName="Label",p.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},action:{defaultValue:null,description:"",name:"action",required:!1,type:{name:"Action"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"boolean"}},optional:{defaultValue:null,description:"",name:"optional",required:!1,type:{name:"string"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"LabelConfig"}}}}}catch{}export{p as L}; diff --git a/assets/Label.stories-a945af1e.js b/assets/Label.stories-040656e5.js similarity index 91% rename from assets/Label.stories-a945af1e.js rename to assets/Label.stories-040656e5.js index 5aa87302..42bb8b96 100644 --- a/assets/Label.stories-a945af1e.js +++ b/assets/Label.stories-040656e5.js @@ -1,4 +1,4 @@ -import{j as L}from"./jsx-runtime-ffb262ed.js";import{L as T}from"./Label-c09f8b49.js";import{T as j}from"./TetDocs-deea9a80.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./mergeConfigWithCutom-aec35d44.js";import"./Button-2ba8575b.js";import"./TetrislyProvider-8c69fae3.js";import"./index-60ef7482.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const H={title:"Global Primitives / Label",component:T,tags:["autodocs"],args:{label:"Label"},parameters:{docs:{page:()=>L.jsx(j,{docs:null})}}},o={},r={args:{optional:"(optional)"}},t={args:{tooltip:!0}},a={args:{action:{label:"Action"}}},e={args:{optional:"(optional)",tooltip:!0,action:{label:"Action"}}};var s,n,p;o.parameters={...o.parameters,docs:{...(s=o.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(p=(n=o.parameters)==null?void 0:n.docs)==null?void 0:p.source}}};var i,c,l;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`{ +import{j as L}from"./jsx-runtime-ffb262ed.js";import{L as T}from"./Label-e7b0184c.js";import{T as j}from"./TetDocs-03bc5c84.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./mergeConfigWithCutom-aec35d44.js";import"./Button-93f2d0ab.js";import"./TetrislyProvider-8c69fae3.js";import"./index-60ef7482.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const H={title:"Global Primitives / Label",component:T,tags:["autodocs"],args:{label:"Label"},parameters:{docs:{page:()=>L.jsx(j,{docs:null})}}},o={},r={args:{optional:"(optional)"}},t={args:{tooltip:!0}},a={args:{action:{label:"Action"}}},e={args:{optional:"(optional)",tooltip:!0,action:{label:"Action"}}};var s,n,p;o.parameters={...o.parameters,docs:{...(s=o.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(p=(n=o.parameters)==null?void 0:n.docs)==null?void 0:p.source}}};var i,c,l;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`{ args: { optional: '(optional)' } diff --git a/assets/Loader.stories-9535b6d1.js b/assets/Loader.stories-98560477.js similarity index 97% rename from assets/Loader.stories-9535b6d1.js rename to assets/Loader.stories-98560477.js index c7412c7a..4c9a5457 100644 --- a/assets/Loader.stories-9535b6d1.js +++ b/assets/Loader.stories-98560477.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-ffb262ed.js";import{r as g}from"./index-76fb7be0.js";import{L as o}from"./index-60ef7482.js";import{l as v}from"./mergeConfigWithCutom-aec35d44.js";import{C as W}from"./Cols-33da84a1.js";import{S as n}from"./SectionHeader-c9c7fa6d.js";import{t}from"./TetrislyProvider-8c69fae3.js";import{T as _}from"./TetDocs-deea9a80.js";import"./_commonjsHelpers-de833af9.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const A=["bar","circle"],F=["primary","inverted","white","greyscale"],N={primary:void 0,inverted:"$color-background-neutral-subtle",white:"$color-background-inverted",greyscale:void 0},O=()=>r.jsx(r.Fragment,{children:A.map(s=>r.jsx(t.section,{children:r.jsxs(t.div,{children:[r.jsxs(n,{variant:"Hero",as:"h2",px:"$dimension-1000",children:["Shape: ",v.capitalize(s)]}),F.map(e=>{const a=Math.random();return r.jsxs(t.div,{bg:N[e],px:"$dimension-1000",py:"$dimension-500",children:[r.jsx(n,{variant:"H1",as:"h2",py:"$dimension-500",inverted:e==="white",children:v.capitalize(e)}),r.jsxs(W,{children:[r.jsxs(t.div,{children:[r.jsx(n,{variant:"H2",as:"h4",inverted:e==="white",py:"$dimension-500",children:"Progres: No"}),r.jsx(o,{shape:s,appearance:e,my:"$dimension-500"})]}),r.jsxs(t.div,{children:[r.jsxs(n,{variant:"H2",as:"h4",inverted:e==="white",py:"$dimension-500",children:["Progres: Yes (",Math.floor(a*100),"%)"]}),r.jsx(o,{shape:s,appearance:e,progress:a,my:"$dimension-500"})]})]})]},`${s}${e}`)})]})},s))}),nr={title:"Loader",component:o,tags:["autodocs"],parameters:{docs:{description:{component:"A distinctive text input field that allows users to search for content on a website or application, by entering keywords, phrases, or other search terms. Search Inputs often include a search icon and may provide autocomplete suggestions or filters to refine results."},page:()=>r.jsx(_,{docs:"https://docs.tetrisly.com/components/in-progress/loader",children:r.jsx(O,{})})}}},c={args:{shape:"circle"}},i={args:{shape:"bar"}},p=()=>{const[s,e]=g.useState(0);return g.useEffect(()=>{const a=setInterval(()=>e(h=>(h+.01)%1),50);return()=>clearInterval(a)},[]),r.jsx(o,{shape:"circle",progress:s})},d=()=>{const[s,e]=g.useState(0);return g.useEffect(()=>{const a=setInterval(()=>e(h=>(h+.01)%1),50);return()=>clearInterval(a)},[]),r.jsx(o,{shape:"bar",progress:s})},l={args:{shape:"circle",appearance:"white"},parameters:{backgrounds:{default:"dark"}}},m={args:{shape:"bar",appearance:"inverted"},parameters:{backgrounds:{default:"dark"}}},u={args:{shape:"circle",appearance:"greyscale"}};var f,x,j;c.parameters={...c.parameters,docs:{...(f=c.parameters)==null?void 0:f.docs,source:{originalSource:`{ +import{j as r}from"./jsx-runtime-ffb262ed.js";import{r as g}from"./index-76fb7be0.js";import{L as o}from"./index-60ef7482.js";import{l as v}from"./mergeConfigWithCutom-aec35d44.js";import{C as W}from"./Cols-33da84a1.js";import{S as n}from"./SectionHeader-c9c7fa6d.js";import{t}from"./TetrislyProvider-8c69fae3.js";import{T as _}from"./TetDocs-03bc5c84.js";import"./_commonjsHelpers-de833af9.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const A=["bar","circle"],F=["primary","inverted","white","greyscale"],N={primary:void 0,inverted:"$color-background-neutral-subtle",white:"$color-background-inverted",greyscale:void 0},O=()=>r.jsx(r.Fragment,{children:A.map(s=>r.jsx(t.section,{children:r.jsxs(t.div,{children:[r.jsxs(n,{variant:"Hero",as:"h2",px:"$dimension-1000",children:["Shape: ",v.capitalize(s)]}),F.map(e=>{const a=Math.random();return r.jsxs(t.div,{bg:N[e],px:"$dimension-1000",py:"$dimension-500",children:[r.jsx(n,{variant:"H1",as:"h2",py:"$dimension-500",inverted:e==="white",children:v.capitalize(e)}),r.jsxs(W,{children:[r.jsxs(t.div,{children:[r.jsx(n,{variant:"H2",as:"h4",inverted:e==="white",py:"$dimension-500",children:"Progres: No"}),r.jsx(o,{shape:s,appearance:e,my:"$dimension-500"})]}),r.jsxs(t.div,{children:[r.jsxs(n,{variant:"H2",as:"h4",inverted:e==="white",py:"$dimension-500",children:["Progres: Yes (",Math.floor(a*100),"%)"]}),r.jsx(o,{shape:s,appearance:e,progress:a,my:"$dimension-500"})]})]})]},`${s}${e}`)})]})},s))}),nr={title:"Loader",component:o,tags:["autodocs"],parameters:{docs:{description:{component:"A distinctive text input field that allows users to search for content on a website or application, by entering keywords, phrases, or other search terms. Search Inputs often include a search icon and may provide autocomplete suggestions or filters to refine results."},page:()=>r.jsx(_,{docs:"https://docs.tetrisly.com/components/in-progress/loader",children:r.jsx(O,{})})}}},c={args:{shape:"circle"}},i={args:{shape:"bar"}},p=()=>{const[s,e]=g.useState(0);return g.useEffect(()=>{const a=setInterval(()=>e(h=>(h+.01)%1),50);return()=>clearInterval(a)},[]),r.jsx(o,{shape:"circle",progress:s})},d=()=>{const[s,e]=g.useState(0);return g.useEffect(()=>{const a=setInterval(()=>e(h=>(h+.01)%1),50);return()=>clearInterval(a)},[]),r.jsx(o,{shape:"bar",progress:s})},l={args:{shape:"circle",appearance:"white"},parameters:{backgrounds:{default:"dark"}}},m={args:{shape:"bar",appearance:"inverted"},parameters:{backgrounds:{default:"dark"}}},u={args:{shape:"circle",appearance:"greyscale"}};var f,x,j;c.parameters={...c.parameters,docs:{...(f=c.parameters)==null?void 0:f.docs,source:{originalSource:`{ args: { shape: 'circle' } diff --git a/assets/Popover.stories-ac87492b.js b/assets/Popover.stories-d9836451.js similarity index 95% rename from assets/Popover.stories-ac87492b.js rename to assets/Popover.stories-d9836451.js index a15942be..9daddc07 100644 --- a/assets/Popover.stories-ac87492b.js +++ b/assets/Popover.stories-d9836451.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{s as C,t as o,c as k,u as q}from"./TetrislyProvider-8c69fae3.js";import{r as V}from"./index-76fb7be0.js";import{m as A}from"./mergeConfigWithCutom-aec35d44.js";import{A as D}from"./Avatar-fa7da47e.js";import{B as m}from"./Button-2ba8575b.js";import{L as J}from"./Label-c09f8b49.js";import{T as O}from"./TetDocs-deea9a80.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./index-60ef7482.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const u=C(o.div)``,E=C(o.div)` +import{j as e}from"./jsx-runtime-ffb262ed.js";import{s as C,t as o,c as k,u as q}from"./TetrislyProvider-8c69fae3.js";import{r as V}from"./index-76fb7be0.js";import{m as A}from"./mergeConfigWithCutom-aec35d44.js";import{A as D}from"./Avatar-fa7da47e.js";import{B as m}from"./Button-93f2d0ab.js";import{L as J}from"./Label-e7b0184c.js";import{T as O}from"./TetDocs-03bc5c84.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./index-60ef7482.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const u=C(o.div)``,E=C(o.div)` ${({isOpen:t})=>t===void 0&&k` ${u} { opacity: 0; diff --git a/assets/RadioButton-705bd946.js b/assets/RadioButton-d5d0a846.js similarity index 96% rename from assets/RadioButton-705bd946.js rename to assets/RadioButton-d5d0a846.js index f3fdd788..7b6bd0eb 100644 --- a/assets/RadioButton-705bd946.js +++ b/assets/RadioButton-d5d0a846.js @@ -1 +1 @@ -import{j as i}from"./jsx-runtime-ffb262ed.js";import{r as l}from"./index-76fb7be0.js";import{m as y}from"./mergeConfigWithCutom-aec35d44.js";import{H as g}from"./HelperText-ff282223.js";import{e as $}from"./extractInputProps-08fc967a.js";import{t as d}from"./TetrislyProvider-8c69fae3.js";const v={display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$space-component-gap-xSmall",minWidth:"$size-3xSmall",minHeight:"$size-3xSmall",color:"$color-content-primary",opacity:{disabled:"$opacity-disabled"},pointerEvents:{disabled:"none"},innerElements:{radioButton:{appearance:"none",display:"flex",w:"16px",h:"16px",justifyContent:"center",alignItems:"center",flexShrink:0,backgroundColor:"$color-interaction-background-formField",borderRadius:"$border-radius-full",boxShadow:"0 0 #0000",ring:{_:"$border-width-focus",checked:"5px"},ringInset:!0,ringColor:{_:"$color-interaction-border-neutral-normal",hover:"$color-interaction-border-hover",checked:{_:"$color-interaction-default-normal",hover:"$color-interaction-default-hover"},alert:{_:"$color-interaction-border-alert",hover:"$color-interaction-border-alert",checked:"$color-interaction-default-normal"}},outlineStyle:{focusWithin:"solid"},outlineColor:{focusWithin:"$color-interaction-focus-default"},outlineWidth:{focusWithin:"$border-width-focus"},outlineOffset:{focusWithin:"$border-width-small"},transition:!0,transitionDuration:200,cursor:"pointer"},label:{display:"flex",justifyContent:"center",alignItems:"center",gap:"$space-component-gap-small",cursor:"pointer",color:"$color-content-primary",text:"$typo-body-medium"},helperText:{pl:"$space-component-padding-2xLarge"}}},B=e=>{const{innerElements:{radioButton:o,label:t,helperText:r},...n}=y({defaultConfig:v,custom:e});return{container:n,radioButton:o,label:t,helperText:r}},m=l.forwardRef(({isChecked:e,onChange:o,state:t,label:r,helperText:n,custom:s,...f},h)=>{const[b,x]=$(f),a=l.useMemo(()=>B(s),[s]),c=l.useId();t==="alert"&&e&&console.warn("RadioButton: Checked alert state does not exist."),(e!==void 0&&o===void 0||e===void 0&&o!==void 0)&&console.warn("RadioButton: isChecked and onChange must be both defined or both undefined.");const u=t==="alert"&&!e,p=i.jsx(d.input,{type:"radio",ref:h,id:c,checked:e,onChange:o,disabled:t==="disabled","data-state":t,...a.radioButton,"data-testid":"radio-button-radioButton",...b});return i.jsxs(d.div,{...a.container,"data-state":t,"data-testid":"radio-button",...x,children:[r?i.jsxs(d.label,{htmlFor:c,...a.label,"data-testid":"radio-button-label",children:[p,r]}):p,!!n&&i.jsx(g,{custom:a.helperText,intent:u?"alert":"none",hasBeforeIcon:u,text:n,"data-testid":"radio-button-helperText"})]})});try{m.displayName="RadioButton",m.__docgenInfo={description:"",displayName:"RadioButton",props:{isChecked:{defaultValue:null,description:"",name:"isChecked",required:!1,type:{name:"boolean"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"disabled"'},{value:'"alert"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"RadioButtonConfig"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},helperText:{defaultValue:null,description:"",name:"helperText",required:!1,type:{name:"string"}}}}}catch{}export{m as R}; +import{j as i}from"./jsx-runtime-ffb262ed.js";import{r as l}from"./index-76fb7be0.js";import{m as y}from"./mergeConfigWithCutom-aec35d44.js";import{H as g}from"./HelperText-94c2e4c3.js";import{e as $}from"./extractInputProps-08fc967a.js";import{t as d}from"./TetrislyProvider-8c69fae3.js";const v={display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$space-component-gap-xSmall",minWidth:"$size-3xSmall",minHeight:"$size-3xSmall",color:"$color-content-primary",opacity:{disabled:"$opacity-disabled"},pointerEvents:{disabled:"none"},innerElements:{radioButton:{appearance:"none",display:"flex",w:"16px",h:"16px",justifyContent:"center",alignItems:"center",flexShrink:0,backgroundColor:"$color-interaction-background-formField",borderRadius:"$border-radius-full",boxShadow:"0 0 #0000",ring:{_:"$border-width-focus",checked:"5px"},ringInset:!0,ringColor:{_:"$color-interaction-border-neutral-normal",hover:"$color-interaction-border-hover",checked:{_:"$color-interaction-default-normal",hover:"$color-interaction-default-hover"},alert:{_:"$color-interaction-border-alert",hover:"$color-interaction-border-alert",checked:"$color-interaction-default-normal"}},outlineStyle:{focusWithin:"solid"},outlineColor:{focusWithin:"$color-interaction-focus-default"},outlineWidth:{focusWithin:"$border-width-focus"},outlineOffset:{focusWithin:"$border-width-small"},transition:!0,transitionDuration:200,cursor:"pointer"},label:{display:"flex",justifyContent:"center",alignItems:"center",gap:"$space-component-gap-small",cursor:"pointer",color:"$color-content-primary",text:"$typo-body-medium"},helperText:{pl:"$space-component-padding-2xLarge"}}},B=e=>{const{innerElements:{radioButton:o,label:t,helperText:r},...n}=y({defaultConfig:v,custom:e});return{container:n,radioButton:o,label:t,helperText:r}},m=l.forwardRef(({isChecked:e,onChange:o,state:t,label:r,helperText:n,custom:s,...f},h)=>{const[b,x]=$(f),a=l.useMemo(()=>B(s),[s]),c=l.useId();t==="alert"&&e&&console.warn("RadioButton: Checked alert state does not exist."),(e!==void 0&&o===void 0||e===void 0&&o!==void 0)&&console.warn("RadioButton: isChecked and onChange must be both defined or both undefined.");const u=t==="alert"&&!e,p=i.jsx(d.input,{type:"radio",ref:h,id:c,checked:e,onChange:o,disabled:t==="disabled","data-state":t,...a.radioButton,"data-testid":"radio-button-radioButton",...b});return i.jsxs(d.div,{...a.container,"data-state":t,"data-testid":"radio-button",...x,children:[r?i.jsxs(d.label,{htmlFor:c,...a.label,"data-testid":"radio-button-label",children:[p,r]}):p,!!n&&i.jsx(g,{custom:a.helperText,intent:u?"alert":"none",hasBeforeIcon:u,text:n,"data-testid":"radio-button-helperText"})]})});try{m.displayName="RadioButton",m.__docgenInfo={description:"",displayName:"RadioButton",props:{isChecked:{defaultValue:null,description:"",name:"isChecked",required:!1,type:{name:"boolean"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"alert"'},{value:'"disabled"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"RadioButtonConfig"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},helperText:{defaultValue:null,description:"",name:"helperText",required:!1,type:{name:"string"}}}}}catch{}export{m as R}; diff --git a/assets/RadioButton.stories-79532bd6.js b/assets/RadioButton.stories-8899627d.js similarity index 95% rename from assets/RadioButton.stories-79532bd6.js rename to assets/RadioButton.stories-8899627d.js index aca62bdb..777b9f72 100644 --- a/assets/RadioButton.stories-79532bd6.js +++ b/assets/RadioButton.stories-8899627d.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{R as o}from"./RadioButton-705bd946.js";import{S as h}from"./SectionHeader-c9c7fa6d.js";import{S as O}from"./States-1bb354e8.js";import{t as a}from"./TetrislyProvider-8c69fae3.js";import{T as U}from"./TetDocs-deea9a80.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./mergeConfigWithCutom-aec35d44.js";import"./HelperText-ff282223.js";import"./tetrisly-icons.es-12549e88.js";import"./extractInputProps-08fc967a.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const b=r=>r?"Yes":"No",q=(r,s)=>[`Label: ${b(r)}`,`Helper Text: ${b(s)}`],u=()=>e.jsx(a.div,{children:["Unchecked","Checked"].map(r=>e.jsxs(a.section,{py:"$dimension-500",children:[e.jsx(h,{variant:"H1",as:"h2",px:"$dimension-1000",py:"$dimension-500",children:r}),[{label:!1,helperText:!1},{label:!0,helperText:!1},{label:!0,helperText:!0}].map(({label:s,helperText:t})=>e.jsxs(a.div,{px:"$dimension-1000",pb:"$dimension-500",children:[e.jsx(h,{variant:"H2",as:"h3",py:"$dimension-500",labels:q(s,t)}),e.jsx(O,{states:["normal","disabled","alert"].filter(F=>!(r==="Checked"&&F==="alert")),flexBasis:"130px",gap:"$dimension-500"}),e.jsxs(a.div,{display:"flex",alignItems:"center",justifyContent:"center",gap:"$dimension-500",children:[e.jsx(a.div,{flexBasis:"130px",flexGrow:"1",flexShrink:"0",children:e.jsx(o,{isChecked:r==="Checked",onChange:()=>{},mt:"$dimension-500",label:s?"Checkbox Label":void 0,helperText:t?"Helper Text":void 0})}),e.jsx(a.div,{flexBasis:"130px",flexGrow:"1",flexShrink:"0",children:e.jsx(o,{isChecked:r==="Checked",onChange:()=>{},state:"disabled",mt:"$dimension-500",label:s?"Checkbox Label":void 0,helperText:t?"Helper Text":void 0})}),r!=="Checked"&&e.jsx(a.div,{flexBasis:"130px",flexGrow:"1",flexShrink:"0",children:e.jsx(o,{state:"alert",isChecked:!1,onChange:()=>{},mt:"$dimension-500",label:s?"Checkbox Label":void 0,helperText:t?"Helper Text":void 0})})]})]},`${s}${t}`))]},r))});try{u.displayName="RadioButtonDocs",u.__docgenInfo={description:"",displayName:"RadioButtonDocs",props:{}}}catch{}const ce={title:"RadioButton",component:o,tags:["autodocs"],parameters:{docs:{description:{component:"A component that enables users to choose a single option from a set of mutually exclusive choices. Radio buttons provide clear visual feedback for the selected state, and are commonly used in forms and settings."},page:()=>e.jsx(U,{docs:"https://docs.tetrisly.com/components/list/radiobutton",children:e.jsx(u,{})})}}},n={},l={args:{isChecked:!0,onChange:()=>{}}},i={render:()=>e.jsxs(e.Fragment,{children:[e.jsx(o,{name:"drone",label:"Huey"}),e.jsx(o,{name:"drone",label:"Devey"}),e.jsx(o,{name:"drone",label:"Louie"})]})},d={args:{state:"disabled",label:"Disabled"}},c={args:{state:"alert"}},p={args:{label:"Label"}},m={args:{label:"Label",helperText:"Helper text"}},x={args:{state:"alert",label:"Label",helperText:"Helper text"}};var g,f,j;n.parameters={...n.parameters,docs:{...(g=n.parameters)==null?void 0:g.docs,source:{originalSource:"{}",...(j=(f=n.parameters)==null?void 0:f.docs)==null?void 0:j.source}}};var C,k,v;l.parameters={...l.parameters,docs:{...(C=l.parameters)==null?void 0:C.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-ffb262ed.js";import{R as o}from"./RadioButton-d5d0a846.js";import{S as h}from"./SectionHeader-c9c7fa6d.js";import{S as O}from"./States-1bb354e8.js";import{t as a}from"./TetrislyProvider-8c69fae3.js";import{T as U}from"./TetDocs-03bc5c84.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./mergeConfigWithCutom-aec35d44.js";import"./HelperText-94c2e4c3.js";import"./tetrisly-icons.es-12549e88.js";import"./extractInputProps-08fc967a.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const b=r=>r?"Yes":"No",q=(r,s)=>[`Label: ${b(r)}`,`Helper Text: ${b(s)}`],u=()=>e.jsx(a.div,{children:["Unchecked","Checked"].map(r=>e.jsxs(a.section,{py:"$dimension-500",children:[e.jsx(h,{variant:"H1",as:"h2",px:"$dimension-1000",py:"$dimension-500",children:r}),[{label:!1,helperText:!1},{label:!0,helperText:!1},{label:!0,helperText:!0}].map(({label:s,helperText:t})=>e.jsxs(a.div,{px:"$dimension-1000",pb:"$dimension-500",children:[e.jsx(h,{variant:"H2",as:"h3",py:"$dimension-500",labels:q(s,t)}),e.jsx(O,{states:["normal","disabled","alert"].filter(F=>!(r==="Checked"&&F==="alert")),flexBasis:"130px",gap:"$dimension-500"}),e.jsxs(a.div,{display:"flex",alignItems:"center",justifyContent:"center",gap:"$dimension-500",children:[e.jsx(a.div,{flexBasis:"130px",flexGrow:"1",flexShrink:"0",children:e.jsx(o,{isChecked:r==="Checked",onChange:()=>{},mt:"$dimension-500",label:s?"Checkbox Label":void 0,helperText:t?"Helper Text":void 0})}),e.jsx(a.div,{flexBasis:"130px",flexGrow:"1",flexShrink:"0",children:e.jsx(o,{isChecked:r==="Checked",onChange:()=>{},state:"disabled",mt:"$dimension-500",label:s?"Checkbox Label":void 0,helperText:t?"Helper Text":void 0})}),r!=="Checked"&&e.jsx(a.div,{flexBasis:"130px",flexGrow:"1",flexShrink:"0",children:e.jsx(o,{state:"alert",isChecked:!1,onChange:()=>{},mt:"$dimension-500",label:s?"Checkbox Label":void 0,helperText:t?"Helper Text":void 0})})]})]},`${s}${t}`))]},r))});try{u.displayName="RadioButtonDocs",u.__docgenInfo={description:"",displayName:"RadioButtonDocs",props:{}}}catch{}const ce={title:"RadioButton",component:o,tags:["autodocs"],parameters:{docs:{description:{component:"A component that enables users to choose a single option from a set of mutually exclusive choices. Radio buttons provide clear visual feedback for the selected state, and are commonly used in forms and settings."},page:()=>e.jsx(U,{docs:"https://docs.tetrisly.com/components/list/radiobutton",children:e.jsx(u,{})})}}},n={},l={args:{isChecked:!0,onChange:()=>{}}},i={render:()=>e.jsxs(e.Fragment,{children:[e.jsx(o,{name:"drone",label:"Huey"}),e.jsx(o,{name:"drone",label:"Devey"}),e.jsx(o,{name:"drone",label:"Louie"})]})},d={args:{state:"disabled",label:"Disabled"}},c={args:{state:"alert"}},p={args:{label:"Label"}},m={args:{label:"Label",helperText:"Helper text"}},x={args:{state:"alert",label:"Label",helperText:"Helper text"}};var g,f,j;n.parameters={...n.parameters,docs:{...(g=n.parameters)==null?void 0:g.docs,source:{originalSource:"{}",...(j=(f=n.parameters)==null?void 0:f.docs)==null?void 0:j.source}}};var C,k,v;l.parameters={...l.parameters,docs:{...(C=l.parameters)==null?void 0:C.docs,source:{originalSource:`{ args: { isChecked: true, onChange: () => {} diff --git a/assets/RadioButtonGroup.stories-1b8e2a91.js b/assets/RadioButtonGroup.stories-c4b95d33.js similarity index 90% rename from assets/RadioButtonGroup.stories-1b8e2a91.js rename to assets/RadioButtonGroup.stories-c4b95d33.js index 3d6c7f44..2dc5e08e 100644 --- a/assets/RadioButtonGroup.stories-1b8e2a91.js +++ b/assets/RadioButtonGroup.stories-c4b95d33.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{r as s}from"./index-76fb7be0.js";import{m as B}from"./mergeConfigWithCutom-aec35d44.js";import{H as d}from"./HelperText-ff282223.js";import{L as b}from"./Label-c09f8b49.js";import{R as T}from"./RadioButton-705bd946.js";import{t as c}from"./TetrislyProvider-8c69fae3.js";import{S as x}from"./SectionHeader-c9c7fa6d.js";import{T as H}from"./TetDocs-deea9a80.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./Button-2ba8575b.js";import"./index-60ef7482.js";import"./extractInputProps-08fc967a.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const R={display:"flex",flexDirection:"column",gap:"$space-component-gap-small",innerElements:{radioButtonContainer:{display:"grid",gap:"$space-component-gap-small $space-component-gap-large"},label:{},helperText:{}}},G=a=>{const{innerElements:{radioButtonContainer:u,label:r,helperText:l},...i}=B({defaultConfig:R,custom:a});return{container:i,radioButtonContainer:u,label:r,helperText:l}},t=({name:a,column:u=1,label:r,helperText:l,custom:i,children:I,...C})=>{const n=s.useMemo(()=>G(i),[i]),k=s.Children.map(I,o=>(s.isValidElement(o)&&(o==null?void 0:o.type)!==t.Item&&console.error("You should use only RadioButtonGroup.Item as a child of a RadioButtonGroup component."),s.isValidElement(o)?s.cloneElement(o,{name:a}):o));return e.jsxs(c.div,{...n.container,"data-testid":"radio-button-group",...C,children:[!!r&&(typeof r=="string"?e.jsx(b,{label:r,custom:n.label,"data-testid":"radio-button-group-label"}):e.jsx(b,{...r,custom:n.label,"data-testid":"radio-button-group-label"})),e.jsx(c.div,{...n.radioButtonContainer,gridTemplateColumns:`repeat(${u}, 1fr)`,"data-testid":"radio-button-group-radioButtonContainer",children:k}),!!l&&(typeof l=="string"?e.jsx(d,{text:l,custom:n.helperText,"data-testid":"radio-button-group-helperText"}):e.jsx(d,{...l,custom:n.helperText,"data-testid":"radio-button-group-helperText"}))]})},V=a=>e.jsx(T,{...a});t.Item=V;try{t.displayName="RadioButtonGroup",t.__docgenInfo={description:"",displayName:"RadioButtonGroup",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},column:{defaultValue:{value:"1"},description:"",name:"column",required:!1,type:{name:"number"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"LabelProp"}},helperText:{defaultValue:null,description:"",name:"helperText",required:!1,type:{name:"HelperTextProp"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"RadioButtonGroupConfig"}}}}}catch{}const _=()=>e.jsxs(e.Fragment,{children:[e.jsxs(c.section,{display:"flex",flexDirection:"column",justifyContent:"center",children:[e.jsx(x,{variant:"H1",as:"h2",px:"$dimension-1000",py:"$dimension-500",children:"Horizontal Group"}),e.jsxs(t,{my:"$dimension-500",mx:"auto",label:"Label",name:"my-radio-group",helperText:"Helper text",column:4,children:[e.jsx(t.Item,{label:"Checkbox Label 1"}),e.jsx(t.Item,{label:"Checkbox Label 2"}),e.jsx(t.Item,{label:"Checkbox Label 3"}),e.jsx(t.Item,{label:"Checkbox Label 4"}),e.jsx(t.Item,{label:"Checkbox Label 5"}),e.jsx(t.Item,{label:"Checkbox Label 6"}),e.jsx(t.Item,{label:"Checkbox Label 7"}),e.jsx(t.Item,{label:"Checkbox Label 8"})]})]}),e.jsxs(c.section,{display:"flex",flexDirection:"column",justifyContent:"center",children:[e.jsx(x,{variant:"H1",as:"h2",px:"$dimension-1000",py:"$dimension-500",children:"Vertical Group"}),e.jsxs(t,{my:"$dimension-500",mx:"auto",label:"Label",name:"another-radio-group",helperText:"Helper text",column:1,children:[e.jsx(t.Item,{label:"Checkbox Label 1"}),e.jsx(t.Item,{label:"Checkbox Label 2"}),e.jsx(t.Item,{label:"Checkbox Label 3"}),e.jsx(t.Item,{label:"Checkbox Label 4"}),e.jsx(t.Item,{label:"Checkbox Label 5"}),e.jsx(t.Item,{label:"Checkbox Label 6"}),e.jsx(t.Item,{label:"Checkbox Label 7"}),e.jsx(t.Item,{label:"Checkbox Label 8"})]})]})]}),Z={title:"RadioButtonGroup",component:t,tags:["autodocs"],args:{label:"Label",helperText:"Helper text",children:[e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"})]},parameters:{docs:{description:{component:"A component that enables users to choose a single option from a set of mutually exclusive choices. Radio buttons provide clear visual feedback for the selected state, and are commonly used in forms and settings."},page:()=>e.jsx(H,{docs:"https://docs.tetrisly.com/components/list/radiobutton",children:e.jsx(_,{})})}}},m={args:{column:4,name:"my-radio-group"}},p={args:{column:1,name:"another-radio-group"}};var j,f,h;m.parameters={...m.parameters,docs:{...(j=m.parameters)==null?void 0:j.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-ffb262ed.js";import{r as s}from"./index-76fb7be0.js";import{m as B}from"./mergeConfigWithCutom-aec35d44.js";import{H as d}from"./HelperText-94c2e4c3.js";import{L as b}from"./Label-e7b0184c.js";import{R as T}from"./RadioButton-d5d0a846.js";import{t as c}from"./TetrislyProvider-8c69fae3.js";import{S as x}from"./SectionHeader-c9c7fa6d.js";import{T as H}from"./TetDocs-03bc5c84.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./Button-93f2d0ab.js";import"./index-60ef7482.js";import"./extractInputProps-08fc967a.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const R={display:"flex",flexDirection:"column",gap:"$space-component-gap-small",innerElements:{radioButtonContainer:{display:"grid",gap:"$space-component-gap-small $space-component-gap-large"},label:{},helperText:{}}},G=a=>{const{innerElements:{radioButtonContainer:u,label:r,helperText:l},...i}=B({defaultConfig:R,custom:a});return{container:i,radioButtonContainer:u,label:r,helperText:l}},t=({name:a,column:u=1,label:r,helperText:l,custom:i,children:I,...C})=>{const n=s.useMemo(()=>G(i),[i]),k=s.Children.map(I,o=>(s.isValidElement(o)&&(o==null?void 0:o.type)!==t.Item&&console.error("You should use only RadioButtonGroup.Item as a child of a RadioButtonGroup component."),s.isValidElement(o)?s.cloneElement(o,{name:a}):o));return e.jsxs(c.div,{...n.container,"data-testid":"radio-button-group",...C,children:[!!r&&(typeof r=="string"?e.jsx(b,{label:r,custom:n.label,"data-testid":"radio-button-group-label"}):e.jsx(b,{...r,custom:n.label,"data-testid":"radio-button-group-label"})),e.jsx(c.div,{...n.radioButtonContainer,gridTemplateColumns:`repeat(${u}, 1fr)`,"data-testid":"radio-button-group-radioButtonContainer",children:k}),!!l&&(typeof l=="string"?e.jsx(d,{text:l,custom:n.helperText,"data-testid":"radio-button-group-helperText"}):e.jsx(d,{...l,custom:n.helperText,"data-testid":"radio-button-group-helperText"}))]})},V=a=>e.jsx(T,{...a});t.Item=V;try{t.displayName="RadioButtonGroup",t.__docgenInfo={description:"",displayName:"RadioButtonGroup",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},column:{defaultValue:{value:"1"},description:"",name:"column",required:!1,type:{name:"number"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"LabelProp"}},helperText:{defaultValue:null,description:"",name:"helperText",required:!1,type:{name:"HelperTextProp"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"RadioButtonGroupConfig"}}}}}catch{}const _=()=>e.jsxs(e.Fragment,{children:[e.jsxs(c.section,{display:"flex",flexDirection:"column",justifyContent:"center",children:[e.jsx(x,{variant:"H1",as:"h2",px:"$dimension-1000",py:"$dimension-500",children:"Horizontal Group"}),e.jsxs(t,{my:"$dimension-500",mx:"auto",label:"Label",name:"my-radio-group",helperText:"Helper text",column:4,children:[e.jsx(t.Item,{label:"Checkbox Label 1"}),e.jsx(t.Item,{label:"Checkbox Label 2"}),e.jsx(t.Item,{label:"Checkbox Label 3"}),e.jsx(t.Item,{label:"Checkbox Label 4"}),e.jsx(t.Item,{label:"Checkbox Label 5"}),e.jsx(t.Item,{label:"Checkbox Label 6"}),e.jsx(t.Item,{label:"Checkbox Label 7"}),e.jsx(t.Item,{label:"Checkbox Label 8"})]})]}),e.jsxs(c.section,{display:"flex",flexDirection:"column",justifyContent:"center",children:[e.jsx(x,{variant:"H1",as:"h2",px:"$dimension-1000",py:"$dimension-500",children:"Vertical Group"}),e.jsxs(t,{my:"$dimension-500",mx:"auto",label:"Label",name:"another-radio-group",helperText:"Helper text",column:1,children:[e.jsx(t.Item,{label:"Checkbox Label 1"}),e.jsx(t.Item,{label:"Checkbox Label 2"}),e.jsx(t.Item,{label:"Checkbox Label 3"}),e.jsx(t.Item,{label:"Checkbox Label 4"}),e.jsx(t.Item,{label:"Checkbox Label 5"}),e.jsx(t.Item,{label:"Checkbox Label 6"}),e.jsx(t.Item,{label:"Checkbox Label 7"}),e.jsx(t.Item,{label:"Checkbox Label 8"})]})]})]}),Z={title:"RadioButtonGroup",component:t,tags:["autodocs"],args:{label:"Label",helperText:"Helper text",children:[e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"}),e.jsx(t.Item,{label:"Label"})]},parameters:{docs:{description:{component:"A component that enables users to choose a single option from a set of mutually exclusive choices. Radio buttons provide clear visual feedback for the selected state, and are commonly used in forms and settings."},page:()=>e.jsx(H,{docs:"https://docs.tetrisly.com/components/list/radiobutton",children:e.jsx(_,{})})}}},m={args:{column:4,name:"my-radio-group"}},p={args:{column:1,name:"another-radio-group"}};var j,f,h;m.parameters={...m.parameters,docs:{...(j=m.parameters)==null?void 0:j.docs,source:{originalSource:`{ args: { column: 4, name: 'my-radio-group' diff --git a/assets/ReadMe-c77f8ef0.js b/assets/ReadMe-27f05b50.js similarity index 97% rename from assets/ReadMe-c77f8ef0.js rename to assets/ReadMe-27f05b50.js index bb02bc58..9fc97eae 100644 --- a/assets/ReadMe-c77f8ef0.js +++ b/assets/ReadMe-27f05b50.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-ffb262ed.js";import"./chunk-HLWAVYOI-559df494.js";import{M as r,d as s}from"./index-78a2083d.js";import{u as i}from"./index-a1cf9e47.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./react-18-988a5df2.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const a=`css-in-readme +import{j as t}from"./jsx-runtime-ffb262ed.js";import"./chunk-HLWAVYOI-b2dddfb9.js";import{M as r,d as s}from"./index-43890eef.js";import{u as i}from"./index-a1cf9e47.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./react-18-988a5df2.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const a=`css-in-readme # Tetrisly for React diff --git a/assets/SearchInput-b5350c90.js b/assets/SearchInput-c4c9ac2e.js similarity index 92% rename from assets/SearchInput-b5350c90.js rename to assets/SearchInput-c4c9ac2e.js index 9a31de91..0c1775e1 100644 --- a/assets/SearchInput-b5350c90.js +++ b/assets/SearchInput-c4c9ac2e.js @@ -1 +1 @@ -import{j as r}from"./jsx-runtime-ffb262ed.js";import{T as o}from"./TextInput-221fd163.js";const p={type:"Icon",props:{name:"20-search"}},t=({placeholder:e="Search...",hasClearButton:a=!0,...n})=>r.jsx(o,{placeholder:e,type:"search",hasClearButton:a,beforeComponent:p,...n});try{t.displayName="SearchInput",t.__docgenInfo={description:"",displayName:"SearchInput",props:{custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"TextInputConfig"}},hasClearButton:{defaultValue:{value:"true"},description:"",name:"hasClearButton",required:!1,type:{name:"boolean"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"disabled"'}]}},afterComponent:{defaultValue:null,description:"",name:"afterComponent",required:!1,type:{name:"IconButton | Dropdown"}}}}}catch{}export{t as S}; +import{j as r}from"./jsx-runtime-ffb262ed.js";import{T as o}from"./TextInput-176e108c.js";const p={type:"Icon",props:{name:"20-search"}},t=({placeholder:e="Search...",hasClearButton:a=!0,...n})=>r.jsx(o,{placeholder:e,type:"search",hasClearButton:a,beforeComponent:p,...n});try{t.displayName="SearchInput",t.__docgenInfo={description:"",displayName:"SearchInput",props:{custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"TextInputConfig"}},hasClearButton:{defaultValue:{value:"true"},description:"",name:"hasClearButton",required:!1,type:{name:"boolean"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"disabled"'}]}},afterComponent:{defaultValue:null,description:"",name:"afterComponent",required:!1,type:{name:"IconButton | Dropdown"}}}}}catch{}export{t as S}; diff --git a/assets/SearchInput.stories-904cc1d9.js b/assets/SearchInput.stories-307521ec.js similarity index 90% rename from assets/SearchInput.stories-904cc1d9.js rename to assets/SearchInput.stories-307521ec.js index c7a3949a..edaa5e7c 100644 --- a/assets/SearchInput.stories-904cc1d9.js +++ b/assets/SearchInput.stories-307521ec.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{r as A}from"./index-76fb7be0.js";import{S as c}from"./SearchInput-b5350c90.js";import{S as E}from"./SectionHeader-c9c7fa6d.js";import{S as k}from"./States-1bb354e8.js";import{t as i}from"./TetrislyProvider-8c69fae3.js";import{T as H}from"./TetDocs-deea9a80.js";import"./_commonjsHelpers-de833af9.js";import"./TextInput-221fd163.js";import"./tetrisly-icons.es-12549e88.js";import"./useTextInput-71845e1c.js";import"./mergeConfigWithCutom-aec35d44.js";import"./extractInputProps-08fc967a.js";import"./Avatar-fa7da47e.js";import"./Button-2ba8575b.js";import"./index-60ef7482.js";import"./IconButton-fbe54fb7.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const l=["normal","disabled"],O=["No","Dropdown","IconButton"],$={No:void 0,Dropdown:{type:"Dropdown",props:{label:"All",onClick:()=>{}}},IconButton:{type:"IconButton",props:{icon:"20-placeholder",onClick:()=>{}}}},F=()=>e.jsx(e.Fragment,{children:O.map(o=>e.jsxs(i.section,{px:"$dimension-1000",children:[e.jsxs(E,{variant:"H2",as:"h2",py:"$dimension-500",children:["AfterComponent: ",o]}),e.jsx(k,{states:l,gap:"$dimension-500"}),e.jsx(i.div,{display:"flex",gap:"$dimension-500",children:l.map(r=>e.jsx(i.div,{display:"flex",flexBasis:"96px",flexShrink:"0",flexGrow:"1",children:e.jsx(c,{afterComponent:$[o],state:r==="normal"?void 0:"disabled"})},r))})]},o))}),ae={title:"SearchInput",component:c,tags:["autodocs"],argTypes:{},parameters:{docs:{description:{component:"A distinctive text input field that allows users to search for content on a website or application, by entering keywords, phrases, or other search terms. Search Inputs often include a search icon and may provide autocomplete suggestions or filters to refine results."},page:()=>e.jsx(H,{docs:"https://docs.tetrisly.com/components/in-progress/searchinput",children:e.jsx(F,{})})}}},t={},n={render:function(){const[r,w]=A.useState("Tetrisly.com"),B=T=>{w(T.target.value)};return e.jsx(c,{value:r,onChange:B})}},s={args:{state:"disabled"}},a={args:{afterComponent:{type:"Dropdown",props:{label:"All"}}}},p={args:{afterComponent:{type:"IconButton",props:{icon:"20-filter"}}}};var m,d,u;t.parameters={...t.parameters,docs:{...(m=t.parameters)==null?void 0:m.docs,source:{originalSource:"{}",...(u=(d=t.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var h,f,g;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-ffb262ed.js";import{r as A}from"./index-76fb7be0.js";import{S as c}from"./SearchInput-c4c9ac2e.js";import{S as E}from"./SectionHeader-c9c7fa6d.js";import{S as k}from"./States-1bb354e8.js";import{t as i}from"./TetrislyProvider-8c69fae3.js";import{T as H}from"./TetDocs-03bc5c84.js";import"./_commonjsHelpers-de833af9.js";import"./TextInput-176e108c.js";import"./tetrisly-icons.es-12549e88.js";import"./useTextInput-71845e1c.js";import"./mergeConfigWithCutom-aec35d44.js";import"./extractInputProps-08fc967a.js";import"./Avatar-fa7da47e.js";import"./Button-93f2d0ab.js";import"./index-60ef7482.js";import"./IconButton-84cc995d.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const l=["normal","disabled"],O=["No","Dropdown","IconButton"],$={No:void 0,Dropdown:{type:"Dropdown",props:{label:"All",onClick:()=>{}}},IconButton:{type:"IconButton",props:{icon:"20-placeholder",onClick:()=>{}}}},F=()=>e.jsx(e.Fragment,{children:O.map(o=>e.jsxs(i.section,{px:"$dimension-1000",children:[e.jsxs(E,{variant:"H2",as:"h2",py:"$dimension-500",children:["AfterComponent: ",o]}),e.jsx(k,{states:l,gap:"$dimension-500"}),e.jsx(i.div,{display:"flex",gap:"$dimension-500",children:l.map(r=>e.jsx(i.div,{display:"flex",flexBasis:"96px",flexShrink:"0",flexGrow:"1",children:e.jsx(c,{afterComponent:$[o],state:r==="normal"?void 0:"disabled"})},r))})]},o))}),ae={title:"SearchInput",component:c,tags:["autodocs"],argTypes:{},parameters:{docs:{description:{component:"A distinctive text input field that allows users to search for content on a website or application, by entering keywords, phrases, or other search terms. Search Inputs often include a search icon and may provide autocomplete suggestions or filters to refine results."},page:()=>e.jsx(H,{docs:"https://docs.tetrisly.com/components/in-progress/searchinput",children:e.jsx(F,{})})}}},t={},n={render:function(){const[r,w]=A.useState("Tetrisly.com"),B=T=>{w(T.target.value)};return e.jsx(c,{value:r,onChange:B})}},s={args:{state:"disabled"}},a={args:{afterComponent:{type:"Dropdown",props:{label:"All"}}}},p={args:{afterComponent:{type:"IconButton",props:{icon:"20-filter"}}}};var m,d,u;t.parameters={...t.parameters,docs:{...(m=t.parameters)==null?void 0:m.docs,source:{originalSource:"{}",...(u=(d=t.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var h,f,g;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{ render: function ControlledSearchInput() { const [value, setValue] = useState('Tetrisly.com'); const handleOnChange: ChangeEventHandler = e => { diff --git a/assets/Select.stories-c8014670.js b/assets/Select.stories-c3c088c9.js similarity index 91% rename from assets/Select.stories-c8014670.js rename to assets/Select.stories-c3c088c9.js index 35912e89..2c2c7b2c 100644 --- a/assets/Select.stories-c8014670.js +++ b/assets/Select.stories-c3c088c9.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{R as W}from"./tetrisly-icons.es-12549e88.js";import{A as M}from"./Avatar-fa7da47e.js";import{I as f}from"./IconButton-fbe54fb7.js";import{u as $}from"./useTextInput-71845e1c.js";import{m as F}from"./mergeConfigWithCutom-aec35d44.js";import{t as a}from"./TetrislyProvider-8c69fae3.js";import{T as G}from"./TetDocs-deea9a80.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./Button-2ba8575b.js";import"./index-60ef7482.js";import"./extractInputProps-08fc967a.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const H={innerElements:{afterComponent:{spacing:{IconButton:{marginRight:"$space-component-padding-medium"}}}}},J={type:"IconButton",props:{icon:"20-chevron-down-small"}},m=({state:i,beforeComponent:t,hasClearButton:R,value:l,custom:T,...N})=>{const d=J,q=F({defaultConfig:H,custom:T}),{containerRef:V,handleContainerClick:E,styles:o,containerProps:P,innerValue:u,handleOnChange:k,handleOnClear:w,textInputProps:z}=$({beforeComponent:t,afterComponent:d,custom:q,...N});return e.jsxs(a.div,{ref:V,onClick:E,...o.container,pl:!!t&&"0",pr:"0","data-testid":"select","data-state":i,tabIndex:0,...P,children:[!!t&&e.jsxs(a.span,{...o.beforeComponent,"data-testid":"select-before-component",children:[t.type==="Icon"&&e.jsx(a.span,{...o.icon,children:e.jsx(W,{...t.props})}),t.type==="Avatar"&&e.jsx(M,{...t.props,shape:"square",size:"xSmall"})]}),e.jsx(a.input,{...o.input,value:l||u,onChange:k,"data-testid":"select-input",...z,disabled:i==="disabled"}),!!R&&(l||u)&&e.jsx(f,{variant:"bare",icon:"20-close",size:"medium",onClick:w,...o.clearButton,"data-testid":"select-clear-button"}),e.jsx(a.span,{...o.afterComponent,"data-testid":"select-after-component",children:e.jsx(f,{variant:"bare",size:"medium",...d.props})})]})};try{m.displayName="Select",m.__docgenInfo={description:"",displayName:"Select",props:{custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"TextInputConfig"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"disabled"'},{value:'"alert"'}]}},hasClearButton:{defaultValue:null,description:"",name:"hasClearButton",required:!1,type:{name:"boolean"}},beforeComponent:{defaultValue:null,description:"",name:"beforeComponent",required:!1,type:{name:"Icon | Avatar"}}}}}catch{}const K=()=>e.jsx(a.div,{}),fe={title:"Select",component:m,tags:["autodocs"],args:{placeholder:"Input placeholder"},argTypes:{},parameters:{docs:{description:{component:"A component that allows users to choose one or more options from a list, typically presented as a dropdown or pop-up menu. Select components are commonly used in forms and settings."},page:()=>e.jsx(G,{docs:"https://docs.tetrisly.com/components/list/select",children:e.jsx(K,{})})}}},r={},s={args:{state:"disabled"}},n={args:{state:"alert"}},p={args:{beforeComponent:{type:"Icon",props:{name:"20-bolt"}}}},c={args:{beforeComponent:{type:"Avatar",props:{initials:"A"}}}};var g,C,h;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:"{}",...(h=(C=r.parameters)==null?void 0:C.docs)==null?void 0:h.source}}};var x,y,I;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-ffb262ed.js";import{R as W}from"./tetrisly-icons.es-12549e88.js";import{A as M}from"./Avatar-fa7da47e.js";import{I as f}from"./IconButton-84cc995d.js";import{u as $}from"./useTextInput-71845e1c.js";import{m as F}from"./mergeConfigWithCutom-aec35d44.js";import{t as a}from"./TetrislyProvider-8c69fae3.js";import{T as G}from"./TetDocs-03bc5c84.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./Button-93f2d0ab.js";import"./index-60ef7482.js";import"./extractInputProps-08fc967a.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const H={innerElements:{afterComponent:{spacing:{IconButton:{marginRight:"$space-component-padding-medium"}}}}},J={type:"IconButton",props:{icon:"20-chevron-down-small"}},m=({state:i,beforeComponent:t,hasClearButton:R,value:l,custom:T,...N})=>{const d=J,q=F({defaultConfig:H,custom:T}),{containerRef:V,handleContainerClick:E,styles:o,containerProps:P,innerValue:u,handleOnChange:k,handleOnClear:w,textInputProps:z}=$({beforeComponent:t,afterComponent:d,custom:q,...N});return e.jsxs(a.div,{ref:V,onClick:E,...o.container,pl:!!t&&"0",pr:"0","data-testid":"select","data-state":i,tabIndex:0,...P,children:[!!t&&e.jsxs(a.span,{...o.beforeComponent,"data-testid":"select-before-component",children:[t.type==="Icon"&&e.jsx(a.span,{...o.icon,children:e.jsx(W,{...t.props})}),t.type==="Avatar"&&e.jsx(M,{...t.props,shape:"square",size:"xSmall"})]}),e.jsx(a.input,{...o.input,value:l||u,onChange:k,"data-testid":"select-input",...z,disabled:i==="disabled"}),!!R&&(l||u)&&e.jsx(f,{variant:"bare",icon:"20-close",size:"medium",onClick:w,...o.clearButton,"data-testid":"select-clear-button"}),e.jsx(a.span,{...o.afterComponent,"data-testid":"select-after-component",children:e.jsx(f,{variant:"bare",size:"medium",...d.props})})]})};try{m.displayName="Select",m.__docgenInfo={description:"",displayName:"Select",props:{custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"TextInputConfig"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"alert"'},{value:'"disabled"'}]}},hasClearButton:{defaultValue:null,description:"",name:"hasClearButton",required:!1,type:{name:"boolean"}},beforeComponent:{defaultValue:null,description:"",name:"beforeComponent",required:!1,type:{name:"Icon | Avatar"}}}}}catch{}const K=()=>e.jsx(a.div,{}),fe={title:"Select",component:m,tags:["autodocs"],args:{placeholder:"Input placeholder"},argTypes:{},parameters:{docs:{description:{component:"A component that allows users to choose one or more options from a list, typically presented as a dropdown or pop-up menu. Select components are commonly used in forms and settings."},page:()=>e.jsx(G,{docs:"https://docs.tetrisly.com/components/list/select",children:e.jsx(K,{})})}}},r={},s={args:{state:"disabled"}},n={args:{state:"alert"}},p={args:{beforeComponent:{type:"Icon",props:{name:"20-bolt"}}}},c={args:{beforeComponent:{type:"Avatar",props:{initials:"A"}}}};var g,C,h;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:"{}",...(h=(C=r.parameters)==null?void 0:C.docs)==null?void 0:h.source}}};var x,y,I;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`{ args: { state: 'disabled' } diff --git a/assets/SocialButton.stories-8349f81c.js b/assets/SocialButton.stories-c30333b9.js similarity index 98% rename from assets/SocialButton.stories-8349f81c.js rename to assets/SocialButton.stories-c30333b9.js index 714d976b..05fa2750 100644 --- a/assets/SocialButton.stories-8349f81c.js +++ b/assets/SocialButton.stories-c30333b9.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{r as me}from"./index-76fb7be0.js";import{L as ue}from"./index-60ef7482.js";import{t as n}from"./TetrislyProvider-8c69fae3.js";import{m as ge}from"./mergeConfigWithCutom-aec35d44.js";import{T as he}from"./TetDocs-deea9a80.js";import"./_commonjsHelpers-de833af9.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const o=({loading:a,children:r})=>a?e.jsx(ue,{shape:"circle",size:"small",appearance:"greyscale"}):r;try{o.displayName="WithLoader",o.__docgenInfo={description:"",displayName:"WithLoader",props:{loading:{defaultValue:null,description:"",name:"loading",required:!0,type:{name:"boolean"}}}}}catch{}const w=({fill:a,loading:r})=>e.jsx(o,{loading:r,children:e.jsx(n.svg,{"data-testid":"apple-icon",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{d:"M17.1858 7.1362C17.0814 7.2172 15.2382 8.2558 15.2382 10.5652C15.2382 13.2364 17.5836 14.1814 17.6538 14.2048C17.643 14.2624 17.2812 15.499 16.4172 16.759C15.6468 17.8678 14.8422 18.9748 13.6182 18.9748C12.3942 18.9748 12.0792 18.2638 10.6662 18.2638C9.2892 18.2638 8.7996 18.9982 7.68 18.9982C6.5604 18.9982 5.7792 17.9722 4.881 16.7122C3.8406 15.2326 3 12.934 3 10.7524C3 7.2532 5.2752 5.3974 7.5144 5.3974C8.7042 5.3974 9.696 6.1786 10.443 6.1786C11.154 6.1786 12.2628 5.3506 13.6164 5.3506C14.1294 5.3506 15.9726 5.3974 17.1858 7.1362ZM12.9738 3.8692C13.5336 3.205 13.9296 2.2834 13.9296 1.3618C13.9296 1.234 13.9188 1.1044 13.8954 1C12.9846 1.0342 11.901 1.6066 11.2476 2.3644C10.7346 2.9476 10.2558 3.8692 10.2558 4.8034C10.2558 4.9438 10.2792 5.0842 10.29 5.1292C10.3476 5.14 10.4412 5.1526 10.5348 5.1526C11.352 5.1526 12.3798 4.6054 12.9738 3.8692Z",fill:a})})});try{w.displayName="Apple",w.__docgenInfo={description:"",displayName:"Apple",props:{fill:{defaultValue:null,description:"",name:"fill",required:!0,type:{name:"string | undefined"}},loading:{defaultValue:null,description:"",name:"loading",required:!0,type:{name:"boolean"}}}}}catch{}const _=({fill:a,loading:r})=>e.jsx(o,{loading:r,children:e.jsx("svg",{"data-testid":"facebook-icon",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M11.4061 18.8908V12.6021H13.5033L13.902 9.99995H11.4061V8.31158C11.4061 7.60029 11.7542 6.90545 12.873 6.90545H14.0083V4.69057C14.0083 4.69057 12.9781 4.51465 11.9934 4.51465C9.93797 4.51465 8.59386 5.76004 8.59386 8.01669V9.99995H6.30811V12.6021H8.59386V18.8908C4.2912 18.2157 1 14.4922 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10C19 14.4922 15.7088 18.2157 11.4061 18.8908Z",fill:a})})});try{_.displayName="Facebook",_.__docgenInfo={description:"",displayName:"Facebook",props:{fill:{defaultValue:null,description:"",name:"fill",required:!0,type:{name:"string | undefined"}},loading:{defaultValue:null,description:"",name:"loading",required:!0,type:{name:"boolean"}}}}}catch{}const x=({fill:a,loading:r})=>e.jsx(o,{loading:r,children:e.jsxs("svg",{"data-testid":"figma-icon",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M6.99999 19C8.65599 19 9.99999 17.656 9.99999 16V13H6.99999C5.344 13 4 14.344 4 16C4 17.656 5.344 19 6.99999 19Z",stroke:a,strokeWidth:"1.5"}),e.jsx("path",{d:"M4 9.99975C4 8.34375 5.344 6.99976 6.99999 6.99976H9.99999V12.9997H6.99999C5.344 12.9997 4 11.6557 4 9.99975Z",stroke:a,strokeWidth:"1.5"}),e.jsx("path",{d:"M4 3.99999C4 2.344 5.344 1 6.99999 1H9.99999V6.99999H6.99999C5.344 6.99999 4 5.65599 4 3.99999Z",stroke:a,strokeWidth:"1.5"}),e.jsx("path",{d:"M10 1H13C14.656 1 16 2.344 16 3.99999C16 5.65599 14.656 6.99999 13 6.99999H10V1Z",stroke:a,strokeWidth:"1.5"}),e.jsx("path",{d:"M16 9.99975C16 11.6557 14.656 12.9997 13 12.9997C11.344 12.9997 10 11.6557 10 9.99975C10 8.34375 11.344 6.99976 13 6.99976C14.656 6.99976 16 8.34375 16 9.99975Z",stroke:a,strokeWidth:"1.5"})]})});try{x.displayName="Figma",x.__docgenInfo={description:"",displayName:"Figma",props:{fill:{defaultValue:null,description:"",name:"fill",required:!0,type:{name:"string | undefined"}},loading:{defaultValue:null,description:"",name:"loading",required:!0,type:{name:"boolean"}}}}}catch{}const S=({fill:a,loading:r})=>e.jsx(o,{loading:r,children:e.jsx("svg",{"data-testid":"github-icon",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 1C5.0275 1 1 5.0275 1 10C1 13.9825 3.57625 17.3463 7.15375 18.5387C7.60375 18.6175 7.7725 18.3475 7.7725 18.1112C7.7725 17.8975 7.76125 17.1888 7.76125 16.435C5.5 16.8513 4.915 15.8837 4.735 15.3775C4.63375 15.1187 4.195 14.32 3.8125 14.1062C3.4975 13.9375 3.0475 13.5212 3.80125 13.51C4.51 13.4987 5.01625 14.1625 5.185 14.4325C5.995 15.7937 7.28875 15.4113 7.80625 15.175C7.885 14.59 8.12125 14.1962 8.38 13.9712C6.3775 13.7463 4.285 12.97 4.285 9.5275C4.285 8.54875 4.63375 7.73875 5.2075 7.10875C5.1175 6.88375 4.8025 5.96125 5.2975 4.72375C5.2975 4.72375 6.05125 4.4875 7.7725 5.64625C8.4925 5.44375 9.2575 5.3425 10.0225 5.3425C10.7875 5.3425 11.5525 5.44375 12.2725 5.64625C13.9938 4.47625 14.7475 4.72375 14.7475 4.72375C15.2425 5.96125 14.9275 6.88375 14.8375 7.10875C15.4113 7.73875 15.76 8.5375 15.76 9.5275C15.76 12.9812 13.6562 13.7463 11.6538 13.9712C11.98 14.2525 12.2613 14.7925 12.2613 15.6363C12.2613 16.84 12.25 17.8075 12.25 18.1112C12.25 18.3475 12.4187 18.6287 12.8688 18.5387C16.4237 17.3463 19 13.9712 19 10C19 5.0275 14.9725 1 10 1Z",fill:a})})});try{S.displayName="Github",S.__docgenInfo={description:"",displayName:"Github",props:{fill:{defaultValue:null,description:"",name:"fill",required:!0,type:{name:"string | undefined"}},loading:{defaultValue:null,description:"",name:"loading",required:!0,type:{name:"boolean"}}}}}catch{}const v=({loading:a})=>e.jsx(n.div,{"data-testid":"google-icon",ml:"-10px",display:"flex",padding:"$dimension-100",justifyContent:"center",alignItems:"center",borderRadius:"$border-radius-medium",bg:"$color-action-inverted-normal",children:e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsxs(o,{loading:a,children:[e.jsx("path",{d:"M18.6175 10.2027C18.6175 9.61024 18.565 9.04774 18.475 8.50024H10V11.8827H14.8525C14.635 12.9927 13.9975 13.9302 13.0525 14.5677V16.8177H15.9475C17.6425 15.2502 18.6175 12.9402 18.6175 10.2027Z",fill:"#4285F4"}),e.jsx("path",{d:"M10.0003 18.9998C12.4303 18.9998 14.4628 18.1898 15.9478 16.8173L13.0528 14.5673C12.2428 15.1073 11.2153 15.4373 10.0003 15.4373C7.65277 15.4373 5.66527 13.8548 4.95277 11.7173H1.96777V14.0348C3.44527 16.9748 6.48277 18.9998 10.0003 18.9998Z",fill:"#34A853"}),e.jsx("path",{d:"M4.9525 11.7173C4.765 11.1773 4.6675 10.5998 4.6675 9.99984C4.6675 9.39984 4.7725 8.82234 4.9525 8.28234V5.96484H1.9675C1.3525 7.17984 1 8.54484 1 9.99984C1 11.4548 1.3525 12.8198 1.9675 14.0348L4.9525 11.7173Z",fill:"#FBBC05"}),e.jsx("path",{d:"M10.0003 4.5625C11.3278 4.5625 12.5128 5.02 13.4503 5.9125L16.0153 3.3475C14.4628 1.8925 12.4303 1 10.0003 1C6.48277 1 3.44527 3.025 1.96777 5.965L4.95277 8.2825C5.66527 6.145 7.65277 4.5625 10.0003 4.5625Z",fill:"#EA4335"})]})})});try{v.displayName="Google",v.__docgenInfo={description:"",displayName:"Google",props:{fill:{defaultValue:null,description:"",name:"fill",required:!0,type:{name:"string | undefined"}},loading:{defaultValue:null,description:"",name:"loading",required:!0,type:{name:"boolean"}}}}}catch{}const F=({fill:a,loading:r})=>e.jsx(o,{loading:r,children:e.jsx("svg",{"data-testid":"x-icon",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{d:"M15.1761 2H17.9362L11.9061 8.89195L19 18.2703H13.4456L9.09512 12.5824L4.11723 18.2703H1.35544L7.80517 10.8986L1 2H6.69545L10.6279 7.199L15.1761 2ZM14.2073 16.6183H15.7368L5.86441 3.56529H4.2232L14.2073 16.6183Z",fill:a})})});try{F.displayName="Twitter",F.__docgenInfo={description:"",displayName:"Twitter",props:{fill:{defaultValue:null,description:"",name:"fill",required:!0,type:{name:"string | undefined"}},loading:{defaultValue:null,description:"",name:"loading",required:!0,type:{name:"boolean"}}}}}catch{}const ye={Apple:{Icon:w,color:"#000"},Facebook:{Icon:_,color:"#1977F3"},Figma:{Icon:x,color:"#000"},Github:{Icon:S,color:"#000"},Google:{Icon:v,color:"#468BEF"},X:{Icon:F,color:"#000"}},fe={display:"inline-flex",gap:"$space-component-gap-small",h:"$size-medium",py:"$space-component-padding-small",pr:"$space-component-padding-large",pl:"$space-component-padding-medium",justifyContent:"center",alignItems:"center",flexShrink:0,borderRadius:"$border-radius-large",boxShadow:"$elevation-bottom-100",text:"$typo-body-medium",opacity:{_:1,hover:.8,active:.6,disabled:.5},appearance:{secondary:{ringInset:!0,ring:"$border-width-small",ringColor:{_:"$color-action-outline-normal",hover:"$color-action-outline-hover",active:"$color-action-outline-active",selected:"$color-action-outline-selected"}},primary:{ring:"unset"}}},Ce=(a,r)=>{const{appearance:i,...t}=ge({defaultConfig:fe,custom:r});return{...i[a],...t}},j=({platform:a,appearance:r="primary",custom:i,state:t,label:ce,...de})=>{const b=ye[a],pe=me.useMemo(()=>Ce(r,i),[r,i]);return e.jsxs(n.button,{"data-testid":"social-button",...pe,...de,disabled:["disabled","loading"].includes(t??""),"data-state":t,style:{textUnderlineOffset:"3px",textDecorationThickness:"1px"},bg:r==="primary"?b.color:"$color-action-inverted-normal",children:[e.jsx(b.Icon,{loading:t==="loading",fill:r==="primary"?"white":b.color}),e.jsx(n.span,{color:r==="primary"?"$color-content-primary-inverted":"$color-action-neutral-normal",children:ce})]})};try{j.displayName="SocialButton",j.__docgenInfo={description:"",displayName:"SocialButton",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},platform:{defaultValue:null,description:"",name:"platform",required:!0,type:{name:"enum",value:[{value:'"Apple"'},{value:'"Facebook"'},{value:'"Figma"'},{value:'"Github"'},{value:'"Google"'},{value:'"X"'}]}},appearance:{defaultValue:{value:"primary"},description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'}]}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"disabled"'},{value:'"loading"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"SocialButtonConfig"}}}}}catch{}const be=()=>e.jsx(n.div,{}),qe={title:"SocialButton",component:j,tags:["autodocs"],parameters:{docs:{description:{component:"The Social Button triggers an event or action connected with the social media platforms."},page:()=>e.jsx(he,{docs:null,children:e.jsx(be,{})})}}},l={args:{platform:"Apple",label:"Sign in with Apple"}},s={args:{platform:"Apple",appearance:"secondary",label:"Sign in with Apple"}},c={args:{platform:"Facebook",label:"Sign in with Facebook"}},d={args:{platform:"Facebook",appearance:"secondary",label:"Sign in with Facebook"}},p={args:{platform:"Figma",label:"Sign in with Figma"}},m={args:{platform:"Figma",appearance:"secondary",label:"Sign in with Figma"}},u={args:{platform:"Github",label:"Sign in with Github"}},g={args:{platform:"Github",appearance:"secondary",label:"Sign in with Github"}},h={args:{platform:"Google",label:"Sign in with Google"}},y={args:{platform:"Google",appearance:"secondary",label:"Sign in with Google"}},f={args:{platform:"X",label:"Sign in with Twitter"}},C={args:{platform:"X",appearance:"secondary",label:"Sign in with Twitter"}};var G,V,k;l.parameters={...l.parameters,docs:{...(G=l.parameters)==null?void 0:G.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-ffb262ed.js";import{r as me}from"./index-76fb7be0.js";import{L as ue}from"./index-60ef7482.js";import{t as n}from"./TetrislyProvider-8c69fae3.js";import{m as ge}from"./mergeConfigWithCutom-aec35d44.js";import{T as he}from"./TetDocs-03bc5c84.js";import"./_commonjsHelpers-de833af9.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const o=({loading:a,children:r})=>a?e.jsx(ue,{shape:"circle",size:"small",appearance:"greyscale"}):r;try{o.displayName="WithLoader",o.__docgenInfo={description:"",displayName:"WithLoader",props:{loading:{defaultValue:null,description:"",name:"loading",required:!0,type:{name:"boolean"}}}}}catch{}const w=({fill:a,loading:r})=>e.jsx(o,{loading:r,children:e.jsx(n.svg,{"data-testid":"apple-icon",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{d:"M17.1858 7.1362C17.0814 7.2172 15.2382 8.2558 15.2382 10.5652C15.2382 13.2364 17.5836 14.1814 17.6538 14.2048C17.643 14.2624 17.2812 15.499 16.4172 16.759C15.6468 17.8678 14.8422 18.9748 13.6182 18.9748C12.3942 18.9748 12.0792 18.2638 10.6662 18.2638C9.2892 18.2638 8.7996 18.9982 7.68 18.9982C6.5604 18.9982 5.7792 17.9722 4.881 16.7122C3.8406 15.2326 3 12.934 3 10.7524C3 7.2532 5.2752 5.3974 7.5144 5.3974C8.7042 5.3974 9.696 6.1786 10.443 6.1786C11.154 6.1786 12.2628 5.3506 13.6164 5.3506C14.1294 5.3506 15.9726 5.3974 17.1858 7.1362ZM12.9738 3.8692C13.5336 3.205 13.9296 2.2834 13.9296 1.3618C13.9296 1.234 13.9188 1.1044 13.8954 1C12.9846 1.0342 11.901 1.6066 11.2476 2.3644C10.7346 2.9476 10.2558 3.8692 10.2558 4.8034C10.2558 4.9438 10.2792 5.0842 10.29 5.1292C10.3476 5.14 10.4412 5.1526 10.5348 5.1526C11.352 5.1526 12.3798 4.6054 12.9738 3.8692Z",fill:a})})});try{w.displayName="Apple",w.__docgenInfo={description:"",displayName:"Apple",props:{fill:{defaultValue:null,description:"",name:"fill",required:!0,type:{name:"string | undefined"}},loading:{defaultValue:null,description:"",name:"loading",required:!0,type:{name:"boolean"}}}}}catch{}const _=({fill:a,loading:r})=>e.jsx(o,{loading:r,children:e.jsx("svg",{"data-testid":"facebook-icon",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M11.4061 18.8908V12.6021H13.5033L13.902 9.99995H11.4061V8.31158C11.4061 7.60029 11.7542 6.90545 12.873 6.90545H14.0083V4.69057C14.0083 4.69057 12.9781 4.51465 11.9934 4.51465C9.93797 4.51465 8.59386 5.76004 8.59386 8.01669V9.99995H6.30811V12.6021H8.59386V18.8908C4.2912 18.2157 1 14.4922 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10C19 14.4922 15.7088 18.2157 11.4061 18.8908Z",fill:a})})});try{_.displayName="Facebook",_.__docgenInfo={description:"",displayName:"Facebook",props:{fill:{defaultValue:null,description:"",name:"fill",required:!0,type:{name:"string | undefined"}},loading:{defaultValue:null,description:"",name:"loading",required:!0,type:{name:"boolean"}}}}}catch{}const x=({fill:a,loading:r})=>e.jsx(o,{loading:r,children:e.jsxs("svg",{"data-testid":"figma-icon",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M6.99999 19C8.65599 19 9.99999 17.656 9.99999 16V13H6.99999C5.344 13 4 14.344 4 16C4 17.656 5.344 19 6.99999 19Z",stroke:a,strokeWidth:"1.5"}),e.jsx("path",{d:"M4 9.99975C4 8.34375 5.344 6.99976 6.99999 6.99976H9.99999V12.9997H6.99999C5.344 12.9997 4 11.6557 4 9.99975Z",stroke:a,strokeWidth:"1.5"}),e.jsx("path",{d:"M4 3.99999C4 2.344 5.344 1 6.99999 1H9.99999V6.99999H6.99999C5.344 6.99999 4 5.65599 4 3.99999Z",stroke:a,strokeWidth:"1.5"}),e.jsx("path",{d:"M10 1H13C14.656 1 16 2.344 16 3.99999C16 5.65599 14.656 6.99999 13 6.99999H10V1Z",stroke:a,strokeWidth:"1.5"}),e.jsx("path",{d:"M16 9.99975C16 11.6557 14.656 12.9997 13 12.9997C11.344 12.9997 10 11.6557 10 9.99975C10 8.34375 11.344 6.99976 13 6.99976C14.656 6.99976 16 8.34375 16 9.99975Z",stroke:a,strokeWidth:"1.5"})]})});try{x.displayName="Figma",x.__docgenInfo={description:"",displayName:"Figma",props:{fill:{defaultValue:null,description:"",name:"fill",required:!0,type:{name:"string | undefined"}},loading:{defaultValue:null,description:"",name:"loading",required:!0,type:{name:"boolean"}}}}}catch{}const S=({fill:a,loading:r})=>e.jsx(o,{loading:r,children:e.jsx("svg",{"data-testid":"github-icon",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 1C5.0275 1 1 5.0275 1 10C1 13.9825 3.57625 17.3463 7.15375 18.5387C7.60375 18.6175 7.7725 18.3475 7.7725 18.1112C7.7725 17.8975 7.76125 17.1888 7.76125 16.435C5.5 16.8513 4.915 15.8837 4.735 15.3775C4.63375 15.1187 4.195 14.32 3.8125 14.1062C3.4975 13.9375 3.0475 13.5212 3.80125 13.51C4.51 13.4987 5.01625 14.1625 5.185 14.4325C5.995 15.7937 7.28875 15.4113 7.80625 15.175C7.885 14.59 8.12125 14.1962 8.38 13.9712C6.3775 13.7463 4.285 12.97 4.285 9.5275C4.285 8.54875 4.63375 7.73875 5.2075 7.10875C5.1175 6.88375 4.8025 5.96125 5.2975 4.72375C5.2975 4.72375 6.05125 4.4875 7.7725 5.64625C8.4925 5.44375 9.2575 5.3425 10.0225 5.3425C10.7875 5.3425 11.5525 5.44375 12.2725 5.64625C13.9938 4.47625 14.7475 4.72375 14.7475 4.72375C15.2425 5.96125 14.9275 6.88375 14.8375 7.10875C15.4113 7.73875 15.76 8.5375 15.76 9.5275C15.76 12.9812 13.6562 13.7463 11.6538 13.9712C11.98 14.2525 12.2613 14.7925 12.2613 15.6363C12.2613 16.84 12.25 17.8075 12.25 18.1112C12.25 18.3475 12.4187 18.6287 12.8688 18.5387C16.4237 17.3463 19 13.9712 19 10C19 5.0275 14.9725 1 10 1Z",fill:a})})});try{S.displayName="Github",S.__docgenInfo={description:"",displayName:"Github",props:{fill:{defaultValue:null,description:"",name:"fill",required:!0,type:{name:"string | undefined"}},loading:{defaultValue:null,description:"",name:"loading",required:!0,type:{name:"boolean"}}}}}catch{}const v=({loading:a})=>e.jsx(n.div,{"data-testid":"google-icon",ml:"-10px",display:"flex",padding:"$dimension-100",justifyContent:"center",alignItems:"center",borderRadius:"$border-radius-medium",bg:"$color-action-inverted-normal",children:e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsxs(o,{loading:a,children:[e.jsx("path",{d:"M18.6175 10.2027C18.6175 9.61024 18.565 9.04774 18.475 8.50024H10V11.8827H14.8525C14.635 12.9927 13.9975 13.9302 13.0525 14.5677V16.8177H15.9475C17.6425 15.2502 18.6175 12.9402 18.6175 10.2027Z",fill:"#4285F4"}),e.jsx("path",{d:"M10.0003 18.9998C12.4303 18.9998 14.4628 18.1898 15.9478 16.8173L13.0528 14.5673C12.2428 15.1073 11.2153 15.4373 10.0003 15.4373C7.65277 15.4373 5.66527 13.8548 4.95277 11.7173H1.96777V14.0348C3.44527 16.9748 6.48277 18.9998 10.0003 18.9998Z",fill:"#34A853"}),e.jsx("path",{d:"M4.9525 11.7173C4.765 11.1773 4.6675 10.5998 4.6675 9.99984C4.6675 9.39984 4.7725 8.82234 4.9525 8.28234V5.96484H1.9675C1.3525 7.17984 1 8.54484 1 9.99984C1 11.4548 1.3525 12.8198 1.9675 14.0348L4.9525 11.7173Z",fill:"#FBBC05"}),e.jsx("path",{d:"M10.0003 4.5625C11.3278 4.5625 12.5128 5.02 13.4503 5.9125L16.0153 3.3475C14.4628 1.8925 12.4303 1 10.0003 1C6.48277 1 3.44527 3.025 1.96777 5.965L4.95277 8.2825C5.66527 6.145 7.65277 4.5625 10.0003 4.5625Z",fill:"#EA4335"})]})})});try{v.displayName="Google",v.__docgenInfo={description:"",displayName:"Google",props:{fill:{defaultValue:null,description:"",name:"fill",required:!0,type:{name:"string | undefined"}},loading:{defaultValue:null,description:"",name:"loading",required:!0,type:{name:"boolean"}}}}}catch{}const F=({fill:a,loading:r})=>e.jsx(o,{loading:r,children:e.jsx("svg",{"data-testid":"x-icon",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{d:"M15.1761 2H17.9362L11.9061 8.89195L19 18.2703H13.4456L9.09512 12.5824L4.11723 18.2703H1.35544L7.80517 10.8986L1 2H6.69545L10.6279 7.199L15.1761 2ZM14.2073 16.6183H15.7368L5.86441 3.56529H4.2232L14.2073 16.6183Z",fill:a})})});try{F.displayName="Twitter",F.__docgenInfo={description:"",displayName:"Twitter",props:{fill:{defaultValue:null,description:"",name:"fill",required:!0,type:{name:"string | undefined"}},loading:{defaultValue:null,description:"",name:"loading",required:!0,type:{name:"boolean"}}}}}catch{}const ye={Apple:{Icon:w,color:"#000"},Facebook:{Icon:_,color:"#1977F3"},Figma:{Icon:x,color:"#000"},Github:{Icon:S,color:"#000"},Google:{Icon:v,color:"#468BEF"},X:{Icon:F,color:"#000"}},fe={display:"inline-flex",gap:"$space-component-gap-small",h:"$size-medium",py:"$space-component-padding-small",pr:"$space-component-padding-large",pl:"$space-component-padding-medium",justifyContent:"center",alignItems:"center",flexShrink:0,borderRadius:"$border-radius-large",boxShadow:"$elevation-bottom-100",text:"$typo-body-medium",opacity:{_:1,hover:.8,active:.6,disabled:.5},appearance:{secondary:{ringInset:!0,ring:"$border-width-small",ringColor:{_:"$color-action-outline-normal",hover:"$color-action-outline-hover",active:"$color-action-outline-active",selected:"$color-action-outline-selected"}},primary:{ring:"unset"}}},Ce=(a,r)=>{const{appearance:i,...t}=ge({defaultConfig:fe,custom:r});return{...i[a],...t}},j=({platform:a,appearance:r="primary",custom:i,state:t,label:ce,...de})=>{const b=ye[a],pe=me.useMemo(()=>Ce(r,i),[r,i]);return e.jsxs(n.button,{"data-testid":"social-button",...pe,...de,disabled:["disabled","loading"].includes(t??""),"data-state":t,style:{textUnderlineOffset:"3px",textDecorationThickness:"1px"},bg:r==="primary"?b.color:"$color-action-inverted-normal",children:[e.jsx(b.Icon,{loading:t==="loading",fill:r==="primary"?"white":b.color}),e.jsx(n.span,{color:r==="primary"?"$color-content-primary-inverted":"$color-action-neutral-normal",children:ce})]})};try{j.displayName="SocialButton",j.__docgenInfo={description:"",displayName:"SocialButton",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},platform:{defaultValue:null,description:"",name:"platform",required:!0,type:{name:"enum",value:[{value:'"Apple"'},{value:'"Facebook"'},{value:'"Figma"'},{value:'"Github"'},{value:'"Google"'},{value:'"X"'}]}},appearance:{defaultValue:{value:"primary"},description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'}]}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"loading"'},{value:'"disabled"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"SocialButtonConfig"}}}}}catch{}const be=()=>e.jsx(n.div,{}),qe={title:"SocialButton",component:j,tags:["autodocs"],parameters:{docs:{description:{component:"The Social Button triggers an event or action connected with the social media platforms."},page:()=>e.jsx(he,{docs:null,children:e.jsx(be,{})})}}},l={args:{platform:"Apple",label:"Sign in with Apple"}},s={args:{platform:"Apple",appearance:"secondary",label:"Sign in with Apple"}},c={args:{platform:"Facebook",label:"Sign in with Facebook"}},d={args:{platform:"Facebook",appearance:"secondary",label:"Sign in with Facebook"}},p={args:{platform:"Figma",label:"Sign in with Figma"}},m={args:{platform:"Figma",appearance:"secondary",label:"Sign in with Figma"}},u={args:{platform:"Github",label:"Sign in with Github"}},g={args:{platform:"Github",appearance:"secondary",label:"Sign in with Github"}},h={args:{platform:"Google",label:"Sign in with Google"}},y={args:{platform:"Google",appearance:"secondary",label:"Sign in with Google"}},f={args:{platform:"X",label:"Sign in with Twitter"}},C={args:{platform:"X",appearance:"secondary",label:"Sign in with Twitter"}};var G,V,k;l.parameters={...l.parameters,docs:{...(G=l.parameters)==null?void 0:G.docs,source:{originalSource:`{ args: { platform: 'Apple', label: 'Sign in with Apple' diff --git a/assets/Status.stories-57a83bb9.js b/assets/Status.stories-1c01dc69.js similarity index 97% rename from assets/Status.stories-57a83bb9.js rename to assets/Status.stories-1c01dc69.js index 7897e7e3..b5ed263a 100644 --- a/assets/Status.stories-57a83bb9.js +++ b/assets/Status.stories-1c01dc69.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-ffb262ed.js";import{r as y}from"./index-76fb7be0.js";import{m as S,l as k}from"./mergeConfigWithCutom-aec35d44.js";import{t as r}from"./TetrislyProvider-8c69fae3.js";import{S as x}from"./SectionHeader-c9c7fa6d.js";import{a as f}from"./States-1bb354e8.js";import{T as C}from"./TetDocs-deea9a80.js";import"./_commonjsHelpers-de833af9.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const w={display:"flex",w:"fit-content",h:"$size-xSmall",gap:"$space-component-gap-small",alignItems:"center",text:"$typo-body-medium",dot:{w:"8px",h:"8px",borderRadius:"$border-radius-full",appearance:{grey:{emphasis:{high:{backgroundColor:"$color-nonSemantic-white-content-primary"},medium:{backgroundColor:"$color-nonSemantic-grey-background-strong"},low:{backgroundColor:"$color-nonSemantic-grey-background-strong"}}},blue:{emphasis:{high:{backgroundColor:"$color-nonSemantic-white-content-primary"},medium:{backgroundColor:"$color-nonSemantic-blue-background-strong"},low:{backgroundColor:"$color-nonSemantic-blue-background-strong"}}},green:{emphasis:{high:{backgroundColor:"$color-nonSemantic-white-content-primary"},medium:{backgroundColor:"$color-nonSemantic-green-background-strong"},low:{backgroundColor:"$color-nonSemantic-green-background-strong"}}},red:{emphasis:{high:{backgroundColor:"$color-nonSemantic-white-content-primary"},medium:{backgroundColor:"$color-nonSemantic-red-background-strong"},low:{backgroundColor:"$color-nonSemantic-red-background-strong"}}},orange:{emphasis:{high:{backgroundColor:"$color-nonSemantic-grey-content-primary"},medium:{backgroundColor:"$color-nonSemantic-orange-background-strong"},low:{backgroundColor:"$color-nonSemantic-orange-background-strong"}}}}},appearance:{grey:{emphasis:{high:{backgroundColor:"$color-nonSemantic-grey-background-strong",color:"$color-nonSemantic-white-content-primary",p:"$space-component-padding-null $space-component-padding-small",borderRadius:"$border-radius-medium"},medium:{backgroundColor:"$color-nonSemantic-grey-background-muted",color:"$color-nonSemantic-grey-content-primary",p:"$space-component-padding-null $space-component-padding-small",borderRadius:"$border-radius-medium"},low:{backgroundColor:"$color-transparent",color:"$color-nonSemantic-grey-content-primary",borderRadius:"$border-radius-medium"}}},blue:{emphasis:{high:{backgroundColor:"$color-nonSemantic-blue-background-strong",color:"$color-nonSemantic-white-content-primary",p:"$space-component-padding-null $space-component-padding-small",borderRadius:"$border-radius-medium"},medium:{backgroundColor:"$color-nonSemantic-blue-background-muted",color:"$color-nonSemantic-blue-content-primary",p:"$space-component-padding-null $space-component-padding-small",borderRadius:"$border-radius-medium"},low:{backgroundColor:"$color-transparent",color:"$color-nonSemantic-blue-content-primary"}}},green:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-green-background-strong",p:"$space-component-padding-null $space-component-padding-small",borderRadius:"$border-radius-medium"},medium:{color:"$color-nonSemantic-green-content-primary",backgroundColor:"$color-nonSemantic-green-background-muted",p:"$space-component-padding-null $space-component-padding-small",borderRadius:"$border-radius-medium"},low:{color:"$color-nonSemantic-green-content-primary"}}},red:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-red-background-strong",p:"$space-component-padding-null $space-component-padding-small",borderRadius:"$border-radius-medium"},medium:{color:"$color-nonSemantic-red-content-primary",backgroundColor:"$color-nonSemantic-red-background-muted",p:"$space-component-padding-null $space-component-padding-small",borderRadius:"$border-radius-medium"},low:{color:"$color-nonSemantic-red-content-primary",backgroundColor:"$color-transparent"}}},orange:{emphasis:{high:{backgroundColor:"$color-nonSemantic-orange-background-strong",color:"$color-nonSemantic-grey-content-primary",p:"$space-component-padding-null $space-component-padding-small",borderRadius:"$border-radius-medium"},medium:{color:"$color-nonSemantic-orange-content-primary",backgroundColor:"$color-nonSemantic-orange-background-muted",p:"$space-component-padding-null $space-component-padding-small",borderRadius:"$border-radius-medium"},low:{color:"$color-nonSemantic-orange-content-primary",backgroundColor:"$color-transparent"}}}},innerElements:{label:{}}},v=(n,a,e)=>{const{innerElements:l,appearance:d,dot:t,...g}=S({defaultConfig:w,custom:a}),{appearance:_,...b}=t,$=n&&e&&d[n].emphasis[e],h=n&&e&&t.appearance[n].emphasis[e];return{container:{...g,...$},dot:{...b,...h}}},i=({appearance:n,emphasis:a,label:e,custom:l,...d})=>{const t=y.useMemo(()=>v(n,l,a),[l,a,n]);return o.jsxs(r.div,{...t.container,"data-testid":"status",...d,children:[o.jsx(r.span,{...t.dot,"data-testid":"status-dot"}),o.jsx(r.span,{children:e})]})};try{i.displayName="Status",i.__docgenInfo={description:"",displayName:"Status",props:{appearance:{defaultValue:null,description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"blue"'},{value:'"green"'},{value:'"grey"'},{value:'"red"'},{value:'"orange"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"StatusConfig"}},emphasis:{defaultValue:null,description:"",name:"emphasis",required:!1,type:{name:"enum",value:[{value:'"low"'},{value:'"high"'},{value:'"medium"'}]}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}}}}}catch{}const s=["grey","blue","green","red","orange"],j=["high","medium","low"],R=()=>o.jsx(o.Fragment,{children:j.map(n=>o.jsxs(r.section,{display:"flex",padding:"40px 0px",flexDirection:"column",children:[o.jsxs(x,{px:"$dimension-1000",variant:"H1",my:"auto",children:[k.capitalize(n)," Emphasis"]}),o.jsx(r.div,{px:"$dimension-1000",borderBottomWidth:"1px",borderBottomColor:"$color-border-neutral-subtle",children:o.jsx(r.div,{py:"$dimension-500",display:"flex",flexWrap:"nowrap",flexDirection:"row",gap:"$dimension-500",overflowX:"scroll",children:s.map((a,e)=>o.jsxs(r.div,{display:"flex",flexDirection:"column",gap:"$dimension-400",flexBasis:"100",flexShrink:"0",flexGrow:"1",children:[o.jsx(f,{state:s[e]},s[e]),o.jsx(r.div,{py:"$space-component-padding-4xLarge",children:o.jsx(i,{appearance:a,emphasis:n,label:"Status"})})]},a))})})]},n))}),M={title:"Status",component:i,tags:["autodocs"],argTypes:{emphasis:{control:{type:"select",options:["high","medium","low"]}}},args:{appearance:"grey",emphasis:"high"},parameters:{docs:{description:{component:"An indicator that conveys the current state or condition of a process, item, or user. Status indicators often use colors, icons, or text to communicate information, such as online presence, approval, or completion."},page:()=>o.jsx(C,{docs:"https://docs.tetrisly.com/components/in-progress/status",children:o.jsx(R,{})})}}},c={args:{appearance:"grey",emphasis:"high",label:"status"}};var m,p,u;c.parameters={...c.parameters,docs:{...(m=c.parameters)==null?void 0:m.docs,source:{originalSource:`{ +import{j as o}from"./jsx-runtime-ffb262ed.js";import{r as y}from"./index-76fb7be0.js";import{m as S,l as k}from"./mergeConfigWithCutom-aec35d44.js";import{t as r}from"./TetrislyProvider-8c69fae3.js";import{S as x}from"./SectionHeader-c9c7fa6d.js";import{a as f}from"./States-1bb354e8.js";import{T as C}from"./TetDocs-03bc5c84.js";import"./_commonjsHelpers-de833af9.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const w={display:"flex",w:"fit-content",h:"$size-xSmall",gap:"$space-component-gap-small",alignItems:"center",text:"$typo-body-medium",dot:{w:"8px",h:"8px",borderRadius:"$border-radius-full",appearance:{grey:{emphasis:{high:{backgroundColor:"$color-nonSemantic-white-content-primary"},medium:{backgroundColor:"$color-nonSemantic-grey-background-strong"},low:{backgroundColor:"$color-nonSemantic-grey-background-strong"}}},blue:{emphasis:{high:{backgroundColor:"$color-nonSemantic-white-content-primary"},medium:{backgroundColor:"$color-nonSemantic-blue-background-strong"},low:{backgroundColor:"$color-nonSemantic-blue-background-strong"}}},green:{emphasis:{high:{backgroundColor:"$color-nonSemantic-white-content-primary"},medium:{backgroundColor:"$color-nonSemantic-green-background-strong"},low:{backgroundColor:"$color-nonSemantic-green-background-strong"}}},red:{emphasis:{high:{backgroundColor:"$color-nonSemantic-white-content-primary"},medium:{backgroundColor:"$color-nonSemantic-red-background-strong"},low:{backgroundColor:"$color-nonSemantic-red-background-strong"}}},orange:{emphasis:{high:{backgroundColor:"$color-nonSemantic-grey-content-primary"},medium:{backgroundColor:"$color-nonSemantic-orange-background-strong"},low:{backgroundColor:"$color-nonSemantic-orange-background-strong"}}}}},appearance:{grey:{emphasis:{high:{backgroundColor:"$color-nonSemantic-grey-background-strong",color:"$color-nonSemantic-white-content-primary",p:"$space-component-padding-null $space-component-padding-small",borderRadius:"$border-radius-medium"},medium:{backgroundColor:"$color-nonSemantic-grey-background-muted",color:"$color-nonSemantic-grey-content-primary",p:"$space-component-padding-null $space-component-padding-small",borderRadius:"$border-radius-medium"},low:{backgroundColor:"$color-transparent",color:"$color-nonSemantic-grey-content-primary",borderRadius:"$border-radius-medium"}}},blue:{emphasis:{high:{backgroundColor:"$color-nonSemantic-blue-background-strong",color:"$color-nonSemantic-white-content-primary",p:"$space-component-padding-null $space-component-padding-small",borderRadius:"$border-radius-medium"},medium:{backgroundColor:"$color-nonSemantic-blue-background-muted",color:"$color-nonSemantic-blue-content-primary",p:"$space-component-padding-null $space-component-padding-small",borderRadius:"$border-radius-medium"},low:{backgroundColor:"$color-transparent",color:"$color-nonSemantic-blue-content-primary"}}},green:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-green-background-strong",p:"$space-component-padding-null $space-component-padding-small",borderRadius:"$border-radius-medium"},medium:{color:"$color-nonSemantic-green-content-primary",backgroundColor:"$color-nonSemantic-green-background-muted",p:"$space-component-padding-null $space-component-padding-small",borderRadius:"$border-radius-medium"},low:{color:"$color-nonSemantic-green-content-primary"}}},red:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-red-background-strong",p:"$space-component-padding-null $space-component-padding-small",borderRadius:"$border-radius-medium"},medium:{color:"$color-nonSemantic-red-content-primary",backgroundColor:"$color-nonSemantic-red-background-muted",p:"$space-component-padding-null $space-component-padding-small",borderRadius:"$border-radius-medium"},low:{color:"$color-nonSemantic-red-content-primary",backgroundColor:"$color-transparent"}}},orange:{emphasis:{high:{backgroundColor:"$color-nonSemantic-orange-background-strong",color:"$color-nonSemantic-grey-content-primary",p:"$space-component-padding-null $space-component-padding-small",borderRadius:"$border-radius-medium"},medium:{color:"$color-nonSemantic-orange-content-primary",backgroundColor:"$color-nonSemantic-orange-background-muted",p:"$space-component-padding-null $space-component-padding-small",borderRadius:"$border-radius-medium"},low:{color:"$color-nonSemantic-orange-content-primary",backgroundColor:"$color-transparent"}}}},innerElements:{label:{}}},v=(n,a,e)=>{const{innerElements:l,appearance:d,dot:t,...g}=S({defaultConfig:w,custom:a}),{appearance:_,...b}=t,$=n&&e&&d[n].emphasis[e],h=n&&e&&t.appearance[n].emphasis[e];return{container:{...g,...$},dot:{...b,...h}}},i=({appearance:n,emphasis:a,label:e,custom:l,...d})=>{const t=y.useMemo(()=>v(n,l,a),[l,a,n]);return o.jsxs(r.div,{...t.container,"data-testid":"status",...d,children:[o.jsx(r.span,{...t.dot,"data-testid":"status-dot"}),o.jsx(r.span,{children:e})]})};try{i.displayName="Status",i.__docgenInfo={description:"",displayName:"Status",props:{appearance:{defaultValue:null,description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"blue"'},{value:'"green"'},{value:'"grey"'},{value:'"red"'},{value:'"orange"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"StatusConfig"}},emphasis:{defaultValue:null,description:"",name:"emphasis",required:!1,type:{name:"enum",value:[{value:'"low"'},{value:'"high"'},{value:'"medium"'}]}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}}}}}catch{}const s=["grey","blue","green","red","orange"],j=["high","medium","low"],R=()=>o.jsx(o.Fragment,{children:j.map(n=>o.jsxs(r.section,{display:"flex",padding:"40px 0px",flexDirection:"column",children:[o.jsxs(x,{px:"$dimension-1000",variant:"H1",my:"auto",children:[k.capitalize(n)," Emphasis"]}),o.jsx(r.div,{px:"$dimension-1000",borderBottomWidth:"1px",borderBottomColor:"$color-border-neutral-subtle",children:o.jsx(r.div,{py:"$dimension-500",display:"flex",flexWrap:"nowrap",flexDirection:"row",gap:"$dimension-500",overflowX:"scroll",children:s.map((a,e)=>o.jsxs(r.div,{display:"flex",flexDirection:"column",gap:"$dimension-400",flexBasis:"100",flexShrink:"0",flexGrow:"1",children:[o.jsx(f,{state:s[e]},s[e]),o.jsx(r.div,{py:"$space-component-padding-4xLarge",children:o.jsx(i,{appearance:a,emphasis:n,label:"Status"})})]},a))})})]},n))}),M={title:"Status",component:i,tags:["autodocs"],argTypes:{emphasis:{control:{type:"select",options:["high","medium","low"]}}},args:{appearance:"grey",emphasis:"high"},parameters:{docs:{description:{component:"An indicator that conveys the current state or condition of a process, item, or user. Status indicators often use colors, icons, or text to communicate information, such as online presence, approval, or completion."},page:()=>o.jsx(C,{docs:"https://docs.tetrisly.com/components/in-progress/status",children:o.jsx(R,{})})}}},c={args:{appearance:"grey",emphasis:"high",label:"status"}};var m,p,u;c.parameters={...c.parameters,docs:{...(m=c.parameters)==null?void 0:m.docs,source:{originalSource:`{ args: { appearance: 'grey', emphasis: 'high', diff --git a/assets/StatusDot.stories-d46029b5.js b/assets/StatusDot.stories-40750bcf.js similarity index 94% rename from assets/StatusDot.stories-d46029b5.js rename to assets/StatusDot.stories-40750bcf.js index 180f88e5..ed4c8800 100644 --- a/assets/StatusDot.stories-d46029b5.js +++ b/assets/StatusDot.stories-40750bcf.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{r as j}from"./index-76fb7be0.js";import{m as b}from"./mergeConfigWithCutom-aec35d44.js";import{t as a}from"./TetrislyProvider-8c69fae3.js";import{S as p}from"./SectionHeader-c9c7fa6d.js";import{S as m}from"./States-1bb354e8.js";import{T as v}from"./TetDocs-deea9a80.js";import"./_commonjsHelpers-de833af9.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const $={w:"12px",h:"12px",borderRadius:"$border-radius-full",appearance:{red:{backgroundColor:"$color-nonSemantic-red-background-strong"},green:{backgroundColor:"$color-nonSemantic-green-background-strong"},orange:{backgroundColor:"$color-nonSemantic-orange-background-strong"}},hasStroke:{boxShadow:"0 0 #0000",ring:"$border-width-medium",ringColor:"$color-border-inverted"}},D=({appearance:r,hasStroke:s,custom:t})=>{const c=b({defaultConfig:$,custom:t}),{appearance:l,hasStroke:k,...y}=c;return{container:{...y,...l[r],...s&&k}}},o=({appearance:r="red",hasStroke:s=!1,custom:t,...c})=>{const l=j.useMemo(()=>D({appearance:r,hasStroke:s,custom:t}),[r,s,t]);return e.jsx(a.div,{...l.container,"data-testid":"status-dot",...c})};try{o.displayName="StatusDot",o.__docgenInfo={description:"",displayName:"StatusDot",props:{appearance:{defaultValue:{value:"red"},description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"green"'},{value:'"red"'},{value:'"orange"'}]}},hasStroke:{defaultValue:{value:"false"},description:"You can change the color of a stroke using the custom prop",name:"hasStroke",required:!1,type:{name:"boolean"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"StatusDotConfig"}}}}}catch{}const n=["red","green","orange"],_=()=>e.jsxs(e.Fragment,{children:[e.jsxs(a.section,{py:"$space-component-padding-4xLarge",children:[e.jsx(p,{variant:"H1",as:"h2",children:"Stroked: No"}),e.jsxs(a.div,{px:"$dimension-1000",py:"$dimension-500",children:[e.jsx(m,{states:n,flexBasis:"300px"}),e.jsx(a.div,{display:"flex",children:n.map(r=>e.jsx(a.div,{display:"flex",flexBasis:"300px",flexShrink:"0",flexGrow:"1",children:e.jsx(o,{appearance:r})},r))})]})]}),e.jsxs(a.section,{bg:"$color-background-neutral-subtle",py:"$space-component-padding-4xLarge",children:[e.jsx(p,{variant:"H1",as:"h2",py:"$dimension-500",children:"Stroked: Yes"}),e.jsxs(a.div,{px:"$dimension-1000",py:"$dimension-500",children:[e.jsx(m,{states:n,flexBasis:"300px"}),e.jsx(a.div,{display:"flex",children:n.map(r=>e.jsx(a.div,{display:"flex",flexBasis:"300px",flexShrink:"0",flexGrow:"1",children:e.jsx(o,{appearance:r,hasStroke:!0})},r))})]})]})]}),M={title:"Global Primitives / StatusDot",component:o,tags:["autodocs"],args:{hasStroke:!1},parameters:{backgrounds:{default:"dark"},docs:{page:()=>e.jsx(v,{docs:null,children:e.jsx(_,{})})}}},d={args:{appearance:"red"}},i={args:{appearance:"green",hasStroke:!0},parameters:{backgrounds:{default:"dark"}}};var u,g,x;d.parameters={...d.parameters,docs:{...(u=d.parameters)==null?void 0:u.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-ffb262ed.js";import{r as j}from"./index-76fb7be0.js";import{m as b}from"./mergeConfigWithCutom-aec35d44.js";import{t as a}from"./TetrislyProvider-8c69fae3.js";import{S as p}from"./SectionHeader-c9c7fa6d.js";import{S as m}from"./States-1bb354e8.js";import{T as v}from"./TetDocs-03bc5c84.js";import"./_commonjsHelpers-de833af9.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const $={w:"12px",h:"12px",borderRadius:"$border-radius-full",appearance:{red:{backgroundColor:"$color-nonSemantic-red-background-strong"},green:{backgroundColor:"$color-nonSemantic-green-background-strong"},orange:{backgroundColor:"$color-nonSemantic-orange-background-strong"}},hasStroke:{boxShadow:"0 0 #0000",ring:"$border-width-medium",ringColor:"$color-border-inverted"}},D=({appearance:r,hasStroke:s,custom:t})=>{const c=b({defaultConfig:$,custom:t}),{appearance:l,hasStroke:k,...y}=c;return{container:{...y,...l[r],...s&&k}}},o=({appearance:r="red",hasStroke:s=!1,custom:t,...c})=>{const l=j.useMemo(()=>D({appearance:r,hasStroke:s,custom:t}),[r,s,t]);return e.jsx(a.div,{...l.container,"data-testid":"status-dot",...c})};try{o.displayName="StatusDot",o.__docgenInfo={description:"",displayName:"StatusDot",props:{appearance:{defaultValue:{value:"red"},description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"green"'},{value:'"red"'},{value:'"orange"'}]}},hasStroke:{defaultValue:{value:"false"},description:"You can change the color of a stroke using the custom prop",name:"hasStroke",required:!1,type:{name:"boolean"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"StatusDotConfig"}}}}}catch{}const n=["red","green","orange"],_=()=>e.jsxs(e.Fragment,{children:[e.jsxs(a.section,{py:"$space-component-padding-4xLarge",children:[e.jsx(p,{variant:"H1",as:"h2",children:"Stroked: No"}),e.jsxs(a.div,{px:"$dimension-1000",py:"$dimension-500",children:[e.jsx(m,{states:n,flexBasis:"300px"}),e.jsx(a.div,{display:"flex",children:n.map(r=>e.jsx(a.div,{display:"flex",flexBasis:"300px",flexShrink:"0",flexGrow:"1",children:e.jsx(o,{appearance:r})},r))})]})]}),e.jsxs(a.section,{bg:"$color-background-neutral-subtle",py:"$space-component-padding-4xLarge",children:[e.jsx(p,{variant:"H1",as:"h2",py:"$dimension-500",children:"Stroked: Yes"}),e.jsxs(a.div,{px:"$dimension-1000",py:"$dimension-500",children:[e.jsx(m,{states:n,flexBasis:"300px"}),e.jsx(a.div,{display:"flex",children:n.map(r=>e.jsx(a.div,{display:"flex",flexBasis:"300px",flexShrink:"0",flexGrow:"1",children:e.jsx(o,{appearance:r,hasStroke:!0})},r))})]})]})]}),M={title:"Global Primitives / StatusDot",component:o,tags:["autodocs"],args:{hasStroke:!1},parameters:{backgrounds:{default:"dark"},docs:{page:()=>e.jsx(v,{docs:null,children:e.jsx(_,{})})}}},d={args:{appearance:"red"}},i={args:{appearance:"green",hasStroke:!0},parameters:{backgrounds:{default:"dark"}}};var u,g,x;d.parameters={...d.parameters,docs:{...(u=d.parameters)==null?void 0:u.docs,source:{originalSource:`{ args: { appearance: 'red' } diff --git a/assets/Tag.stories-f018a881.js b/assets/Tag.stories-d7565488.js similarity index 94% rename from assets/Tag.stories-f018a881.js rename to assets/Tag.stories-d7565488.js index 7aac6131..57547f53 100644 --- a/assets/Tag.stories-f018a881.js +++ b/assets/Tag.stories-d7565488.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{r as p}from"./index-76fb7be0.js";import{m as z}from"./mergeConfigWithCutom-aec35d44.js";import{A as I}from"./Avatar-fa7da47e.js";import{I as N}from"./IconButton-fbe54fb7.js";import{t as i}from"./TetrislyProvider-8c69fae3.js";import{S as x}from"./SectionHeader-c9c7fa6d.js";import{S as V}from"./States-1bb354e8.js";import{T as w}from"./TetDocs-deea9a80.js";import"./_commonjsHelpers-de833af9.js";import"./Button-2ba8575b.js";import"./tetrisly-icons.es-12549e88.js";import"./index-60ef7482.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const $={hover:"$color-interaction-neutral-subtle-hover",active:"$color-interaction-neutral-subtle-active",focus:"$color-interaction-neutral-subtle-normal"},H={display:"inline-flex",h:"$size-xSmall",alignItems:"center",borderRadius:"$border-radius-medium",backgroundColor:"$color-interaction-neutral-subtle-normal",opacity:{disabled:"$opacity-disabled"},cursor:"default",outlineColor:{focus:"$color-interaction-focus-default"},transitionDuration:50,color:"$color-content-primary",hasOnClick:{backgroundColor:{_:"$color-interaction-neutral-subtle-normal",disabled:"$color-interaction-neutral-subtle-normal",selected:{_:"$color-interaction-neutral-subtle-selected",...$},...$},cursor:{_:"pointer",disabled:"default"}},innerElements:{label:{mx:"$space-component-padding-small",text:"$typo-body-medium"},closeButton:{mr:"$space-component-padding-xSmall",h:"$size-2xSmall",w:"$size-2xSmall",opacity:{disabled:"$opacity-100"}},beforeComponent:{avatar:{ml:"$space-component-padding-2xSmall"}}}},K=(t,a)=>{const{hasOnClick:o,innerElements:{label:n,closeButton:r,beforeComponent:{avatar:l}},...g}=z({defaultConfig:H,custom:t});return{container:{...g,...a&&o},label:n,avatar:l,closeButton:r}},S={Enter:"Enter",Space:" "},f=({label:t,state:a,beforeComponent:o,onClick:n,onCloseClick:r,custom:l,...g})=>{const v=!!r,h=!!n,c=p.useMemo(()=>K(l,h),[l,h]),b=p.useRef(null),q=p.useCallback(s=>{s.target===b.current&&(s.key===S.Enter||s.key===S.Space)&&(n==null||n(s))},[b,n]),O=p.useCallback(s=>{r==null||r(s),s.stopPropagation()},[r]);return e.jsxs(i.span,{tabIndex:0,ref:b,onClick:n,onKeyDown:q,...c.container,"data-state":a,"data-testid":"tag",...g,children:[!!o&&e.jsx(I,{shape:"square",size:"2xSmall",...o.props,...c.avatar,"data-testid":"tag-avatar"}),e.jsx(i.p,{...c.label,mr:v?"$space-component-padding-xSmall":"$space-component-padding-small","data-testid":"tag-label",children:t}),v&&e.jsx(N,{icon:"20-close",variant:"bare",onClick:O,state:a,...c.closeButton,"data-testid":"tag-iconButton"})]})};try{f.displayName="Tag",f.__docgenInfo={description:"",displayName:"Tag",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"disabled"'},{value:'"selected"'}]}},beforeComponent:{defaultValue:null,description:"",name:"beforeComponent",required:!1,type:{name:"Avatar"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((e: SyntheticEvent) => void)"}},onCloseClick:{defaultValue:null,description:"",name:"onCloseClick",required:!1,type:{name:"((e: SyntheticEvent) => void)"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"TagConfig"}}}}}catch{}const Y=["Remove button: No","Remove button: Yes"],M=["Before component: None","Before component: Avatar"],_=[":normal",":selected",":disabled"],W=({header:t,label:a,state:o})=>e.jsx(i.div,{flexBasis:"120px",flexGrow:"1",flexShrink:"0",children:e.jsx(f,{label:"Tag",state:o===":normal"?void 0:o,onCloseClick:t==="Remove button: Yes"?()=>null:void 0,onClick:()=>null,beforeComponent:a==="Before component: Avatar"?{type:"Avatar",props:{initials:"A",appearance:"blue",emphasis:"high"}}:void 0})}),y=()=>e.jsx(i.div,{children:Y.map(t=>e.jsxs(i.section,{py:"$dimension-500",children:[e.jsx(x,{variant:"H1",as:"h2",py:"$dimension-500",children:t}),M.map(a=>e.jsxs(i.div,{px:"$dimension-1000",pb:"$dimension-500",children:[e.jsx(x,{variant:"H2",as:"h3",py:"$dimension-500",labels:[a]}),e.jsx(V,{states:_,flexBasis:"120px",gap:"40"}),e.jsx(i.div,{display:"flex",mt:"40",gap:"$dimension-500",children:_.map(o=>e.jsx(W,{header:t,label:a,state:o.substring(1)},o))})]},a))]},t))});try{y.displayName="TagDocs",y.__docgenInfo={description:"",displayName:"TagDocs",props:{}}}catch{}const de={title:"Tag",component:f,tags:["autodocs"],parameters:{docs:{description:{component:"A compact, visually distinct element used to label, categorize, or organize content. Tags can help users quickly identify and filter items by attributes such as keywords, topics, or statuses."},page:()=>e.jsx(w,{docs:"https://docs.tetrisly.com/components/in-progress/tag",children:e.jsx(y,{})})}},args:{label:"Tag",onClick:()=>null}},d={},m={args:{beforeComponent:{type:"Avatar",props:{initials:"A",emphasis:"high"}}}},u={args:{state:void 0,onCloseClick:()=>null}};var C,j,B;d.parameters={...d.parameters,docs:{...(C=d.parameters)==null?void 0:C.docs,source:{originalSource:"{}",...(B=(j=d.parameters)==null?void 0:j.docs)==null?void 0:B.source}}};var E,T,A;m.parameters={...m.parameters,docs:{...(E=m.parameters)==null?void 0:E.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-ffb262ed.js";import{r as p}from"./index-76fb7be0.js";import{m as z}from"./mergeConfigWithCutom-aec35d44.js";import{A as I}from"./Avatar-fa7da47e.js";import{I as N}from"./IconButton-84cc995d.js";import{t as i}from"./TetrislyProvider-8c69fae3.js";import{S as x}from"./SectionHeader-c9c7fa6d.js";import{S as V}from"./States-1bb354e8.js";import{T as w}from"./TetDocs-03bc5c84.js";import"./_commonjsHelpers-de833af9.js";import"./Button-93f2d0ab.js";import"./tetrisly-icons.es-12549e88.js";import"./index-60ef7482.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const $={hover:"$color-interaction-neutral-subtle-hover",active:"$color-interaction-neutral-subtle-active",focus:"$color-interaction-neutral-subtle-normal"},H={display:"inline-flex",h:"$size-xSmall",alignItems:"center",borderRadius:"$border-radius-medium",backgroundColor:"$color-interaction-neutral-subtle-normal",opacity:{disabled:"$opacity-disabled"},cursor:"default",outlineColor:{focus:"$color-interaction-focus-default"},transitionDuration:50,color:"$color-content-primary",hasOnClick:{backgroundColor:{_:"$color-interaction-neutral-subtle-normal",disabled:"$color-interaction-neutral-subtle-normal",selected:{_:"$color-interaction-neutral-subtle-selected",...$},...$},cursor:{_:"pointer",disabled:"default"}},innerElements:{label:{mx:"$space-component-padding-small",text:"$typo-body-medium"},closeButton:{mr:"$space-component-padding-xSmall",h:"$size-2xSmall",w:"$size-2xSmall",opacity:{disabled:"$opacity-100"}},beforeComponent:{avatar:{ml:"$space-component-padding-2xSmall"}}}},K=(t,a)=>{const{hasOnClick:o,innerElements:{label:n,closeButton:r,beforeComponent:{avatar:l}},...g}=z({defaultConfig:H,custom:t});return{container:{...g,...a&&o},label:n,avatar:l,closeButton:r}},S={Enter:"Enter",Space:" "},f=({label:t,state:a,beforeComponent:o,onClick:n,onCloseClick:r,custom:l,...g})=>{const v=!!r,h=!!n,c=p.useMemo(()=>K(l,h),[l,h]),b=p.useRef(null),q=p.useCallback(s=>{s.target===b.current&&(s.key===S.Enter||s.key===S.Space)&&(n==null||n(s))},[b,n]),O=p.useCallback(s=>{r==null||r(s),s.stopPropagation()},[r]);return e.jsxs(i.span,{tabIndex:0,ref:b,onClick:n,onKeyDown:q,...c.container,"data-state":a,"data-testid":"tag",...g,children:[!!o&&e.jsx(I,{shape:"square",size:"2xSmall",...o.props,...c.avatar,"data-testid":"tag-avatar"}),e.jsx(i.p,{...c.label,mr:v?"$space-component-padding-xSmall":"$space-component-padding-small","data-testid":"tag-label",children:t}),v&&e.jsx(N,{icon:"20-close",variant:"bare",onClick:O,state:a,...c.closeButton,"data-testid":"tag-iconButton"})]})};try{f.displayName="Tag",f.__docgenInfo={description:"",displayName:"Tag",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"disabled"'},{value:'"selected"'}]}},beforeComponent:{defaultValue:null,description:"",name:"beforeComponent",required:!1,type:{name:"Avatar"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((e: SyntheticEvent) => void)"}},onCloseClick:{defaultValue:null,description:"",name:"onCloseClick",required:!1,type:{name:"((e: SyntheticEvent) => void)"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"TagConfig"}}}}}catch{}const Y=["Remove button: No","Remove button: Yes"],M=["Before component: None","Before component: Avatar"],_=[":normal",":selected",":disabled"],W=({header:t,label:a,state:o})=>e.jsx(i.div,{flexBasis:"120px",flexGrow:"1",flexShrink:"0",children:e.jsx(f,{label:"Tag",state:o===":normal"?void 0:o,onCloseClick:t==="Remove button: Yes"?()=>null:void 0,onClick:()=>null,beforeComponent:a==="Before component: Avatar"?{type:"Avatar",props:{initials:"A",appearance:"blue",emphasis:"high"}}:void 0})}),y=()=>e.jsx(i.div,{children:Y.map(t=>e.jsxs(i.section,{py:"$dimension-500",children:[e.jsx(x,{variant:"H1",as:"h2",py:"$dimension-500",children:t}),M.map(a=>e.jsxs(i.div,{px:"$dimension-1000",pb:"$dimension-500",children:[e.jsx(x,{variant:"H2",as:"h3",py:"$dimension-500",labels:[a]}),e.jsx(V,{states:_,flexBasis:"120px",gap:"40"}),e.jsx(i.div,{display:"flex",mt:"40",gap:"$dimension-500",children:_.map(o=>e.jsx(W,{header:t,label:a,state:o.substring(1)},o))})]},a))]},t))});try{y.displayName="TagDocs",y.__docgenInfo={description:"",displayName:"TagDocs",props:{}}}catch{}const de={title:"Tag",component:f,tags:["autodocs"],parameters:{docs:{description:{component:"A compact, visually distinct element used to label, categorize, or organize content. Tags can help users quickly identify and filter items by attributes such as keywords, topics, or statuses."},page:()=>e.jsx(w,{docs:"https://docs.tetrisly.com/components/in-progress/tag",children:e.jsx(y,{})})}},args:{label:"Tag",onClick:()=>null}},d={},m={args:{beforeComponent:{type:"Avatar",props:{initials:"A",emphasis:"high"}}}},u={args:{state:void 0,onCloseClick:()=>null}};var C,j,B;d.parameters={...d.parameters,docs:{...(C=d.parameters)==null?void 0:C.docs,source:{originalSource:"{}",...(B=(j=d.parameters)==null?void 0:j.docs)==null?void 0:B.source}}};var E,T,A;m.parameters={...m.parameters,docs:{...(E=m.parameters)==null?void 0:E.docs,source:{originalSource:`{ args: { beforeComponent: { type: 'Avatar', diff --git a/assets/TetDocs-deea9a80.js b/assets/TetDocs-03bc5c84.js similarity index 99% rename from assets/TetDocs-deea9a80.js rename to assets/TetDocs-03bc5c84.js index 150daa1a..bbe96e8a 100644 --- a/assets/TetDocs-deea9a80.js +++ b/assets/TetDocs-03bc5c84.js @@ -1 +1 @@ -import{j as x}from"./jsx-runtime-ffb262ed.js";import{u as Re,U as Me,P as Ae,e as $e,f as Pe}from"./index-78a2083d.js";import{t as T,T as Le}from"./TetrislyProvider-8c69fae3.js";var g;(function(r){r.assertEqual=n=>n;function e(n){}r.assertIs=e;function t(n){throw new Error}r.assertNever=t,r.arrayToEnum=n=>{const a={};for(const i of n)a[i]=i;return a},r.getValidEnumValues=n=>{const a=r.objectKeys(n).filter(o=>typeof n[n[o]]!="number"),i={};for(const o of a)i[o]=n[o];return r.objectValues(i)},r.objectValues=n=>r.objectKeys(n).map(function(a){return n[a]}),r.objectKeys=typeof Object.keys=="function"?n=>Object.keys(n):n=>{const a=[];for(const i in n)Object.prototype.hasOwnProperty.call(n,i)&&a.push(i);return a},r.find=(n,a)=>{for(const i of n)if(a(i))return i},r.isInteger=typeof Number.isInteger=="function"?n=>Number.isInteger(n):n=>typeof n=="number"&&isFinite(n)&&Math.floor(n)===n;function s(n,a=" | "){return n.map(i=>typeof i=="string"?`'${i}'`:i).join(a)}r.joinValues=s,r.jsonStringifyReplacer=(n,a)=>typeof a=="bigint"?a.toString():a})(g||(g={}));var ve;(function(r){r.mergeShapes=(e,t)=>({...e,...t})})(ve||(ve={}));const l=g.arrayToEnum(["string","nan","number","integer","float","boolean","date","bigint","symbol","function","undefined","null","array","object","unknown","promise","void","never","map","set"]),R=r=>{switch(typeof r){case"undefined":return l.undefined;case"string":return l.string;case"number":return isNaN(r)?l.nan:l.number;case"boolean":return l.boolean;case"function":return l.function;case"bigint":return l.bigint;case"symbol":return l.symbol;case"object":return Array.isArray(r)?l.array:r===null?l.null:r.then&&typeof r.then=="function"&&r.catch&&typeof r.catch=="function"?l.promise:typeof Map<"u"&&r instanceof Map?l.map:typeof Set<"u"&&r instanceof Set?l.set:typeof Date<"u"&&r instanceof Date?l.date:l.object;default:return l.unknown}},d=g.arrayToEnum(["invalid_type","invalid_literal","custom","invalid_union","invalid_union_discriminator","invalid_enum_value","unrecognized_keys","invalid_arguments","invalid_return_type","invalid_date","invalid_string","too_small","too_big","invalid_intersection_types","not_multiple_of","not_finite"]),He=r=>JSON.stringify(r,null,2).replace(/"([^"]+)":/g,"$1:");class V extends Error{constructor(e){super(),this.issues=[],this.addIssue=s=>{this.issues=[...this.issues,s]},this.addIssues=(s=[])=>{this.issues=[...this.issues,...s]};const t=new.target.prototype;Object.setPrototypeOf?Object.setPrototypeOf(this,t):this.__proto__=t,this.name="ZodError",this.issues=e}get errors(){return this.issues}format(e){const t=e||function(a){return a.message},s={_errors:[]},n=a=>{for(const i of a.issues)if(i.code==="invalid_union")i.unionErrors.map(n);else if(i.code==="invalid_return_type")n(i.returnTypeError);else if(i.code==="invalid_arguments")n(i.argumentsError);else if(i.path.length===0)s._errors.push(t(i));else{let o=s,h=0;for(;ht.message){const t={},s=[];for(const n of this.issues)n.path.length>0?(t[n.path[0]]=t[n.path[0]]||[],t[n.path[0]].push(e(n))):s.push(e(n));return{formErrors:s,fieldErrors:t}}get formErrors(){return this.flatten()}}V.create=r=>new V(r);const W=(r,e)=>{let t;switch(r.code){case d.invalid_type:r.received===l.undefined?t="Required":t=`Expected ${r.expected}, received ${r.received}`;break;case d.invalid_literal:t=`Invalid literal value, expected ${JSON.stringify(r.expected,g.jsonStringifyReplacer)}`;break;case d.unrecognized_keys:t=`Unrecognized key(s) in object: ${g.joinValues(r.keys,", ")}`;break;case d.invalid_union:t="Invalid input";break;case d.invalid_union_discriminator:t=`Invalid discriminator value. Expected ${g.joinValues(r.options)}`;break;case d.invalid_enum_value:t=`Invalid enum value. Expected ${g.joinValues(r.options)}, received '${r.received}'`;break;case d.invalid_arguments:t="Invalid function arguments";break;case d.invalid_return_type:t="Invalid function return type";break;case d.invalid_date:t="Invalid date";break;case d.invalid_string:typeof r.validation=="object"?"includes"in r.validation?(t=`Invalid input: must include "${r.validation.includes}"`,typeof r.validation.position=="number"&&(t=`${t} at one or more positions greater than or equal to ${r.validation.position}`)):"startsWith"in r.validation?t=`Invalid input: must start with "${r.validation.startsWith}"`:"endsWith"in r.validation?t=`Invalid input: must end with "${r.validation.endsWith}"`:g.assertNever(r.validation):r.validation!=="regex"?t=`Invalid ${r.validation}`:t="Invalid";break;case d.too_small:r.type==="array"?t=`Array must contain ${r.exact?"exactly":r.inclusive?"at least":"more than"} ${r.minimum} element(s)`:r.type==="string"?t=`String must contain ${r.exact?"exactly":r.inclusive?"at least":"over"} ${r.minimum} character(s)`:r.type==="number"?t=`Number must be ${r.exact?"exactly equal to ":r.inclusive?"greater than or equal to ":"greater than "}${r.minimum}`:r.type==="date"?t=`Date must be ${r.exact?"exactly equal to ":r.inclusive?"greater than or equal to ":"greater than "}${new Date(Number(r.minimum))}`:t="Invalid input";break;case d.too_big:r.type==="array"?t=`Array must contain ${r.exact?"exactly":r.inclusive?"at most":"less than"} ${r.maximum} element(s)`:r.type==="string"?t=`String must contain ${r.exact?"exactly":r.inclusive?"at most":"under"} ${r.maximum} character(s)`:r.type==="number"?t=`Number must be ${r.exact?"exactly":r.inclusive?"less than or equal to":"less than"} ${r.maximum}`:r.type==="bigint"?t=`BigInt must be ${r.exact?"exactly":r.inclusive?"less than or equal to":"less than"} ${r.maximum}`:r.type==="date"?t=`Date must be ${r.exact?"exactly":r.inclusive?"smaller than or equal to":"smaller than"} ${new Date(Number(r.maximum))}`:t="Invalid input";break;case d.custom:t="Invalid input";break;case d.invalid_intersection_types:t="Intersection results could not be merged";break;case d.not_multiple_of:t=`Number must be a multiple of ${r.multipleOf}`;break;case d.not_finite:t="Number must be finite";break;default:t=e.defaultError,g.assertNever(r)}return{message:t}};let Ze=W;function De(r){Ze=r}function ie(){return Ze}const oe=r=>{const{data:e,path:t,errorMaps:s,issueData:n}=r,a=[...t,...n.path||[]],i={...n,path:a};let o="";const h=s.filter(c=>!!c).slice().reverse();for(const c of h)o=c(i,{data:e,defaultError:o}).message;return{...n,path:a,message:n.message||o}},ze=[];function u(r,e){const t=oe({issueData:e,data:r.data,path:r.path,errorMaps:[r.common.contextualErrorMap,r.schemaErrorMap,ie(),W].filter(s=>!!s)});r.common.issues.push(t)}class b{constructor(){this.value="valid"}dirty(){this.value==="valid"&&(this.value="dirty")}abort(){this.value!=="aborted"&&(this.value="aborted")}static mergeArray(e,t){const s=[];for(const n of t){if(n.status==="aborted")return m;n.status==="dirty"&&e.dirty(),s.push(n.value)}return{status:e.value,value:s}}static async mergeObjectAsync(e,t){const s=[];for(const n of t)s.push({key:await n.key,value:await n.value});return b.mergeObjectSync(e,s)}static mergeObjectSync(e,t){const s={};for(const n of t){const{key:a,value:i}=n;if(a.status==="aborted"||i.status==="aborted")return m;a.status==="dirty"&&e.dirty(),i.status==="dirty"&&e.dirty(),a.value!=="__proto__"&&(typeof i.value<"u"||n.alwaysSet)&&(s[a.value]=i.value)}return{status:e.value,value:s}}}const m=Object.freeze({status:"aborted"}),Ve=r=>({status:"dirty",value:r}),w=r=>({status:"valid",value:r}),ge=r=>r.status==="aborted",xe=r=>r.status==="dirty",J=r=>r.status==="valid",de=r=>typeof Promise<"u"&&r instanceof Promise;var f;(function(r){r.errToObj=e=>typeof e=="string"?{message:e}:e||{},r.toString=e=>typeof e=="string"?e:e==null?void 0:e.message})(f||(f={}));class j{constructor(e,t,s,n){this._cachedPath=[],this.parent=e,this.data=t,this._path=s,this._key=n}get path(){return this._cachedPath.length||(this._key instanceof Array?this._cachedPath.push(...this._path,...this._key):this._cachedPath.push(...this._path,this._key)),this._cachedPath}}const we=(r,e)=>{if(J(e))return{success:!0,data:e.value};if(!r.common.issues.length)throw new Error("Validation failed but no issues detected.");return{success:!1,get error(){if(this._error)return this._error;const t=new V(r.common.issues);return this._error=t,this._error}}};function y(r){if(!r)return{};const{errorMap:e,invalid_type_error:t,required_error:s,description:n}=r;if(e&&(t||s))throw new Error(`Can't use "invalid_type_error" or "required_error" in conjunction with custom error map.`);return e?{errorMap:e,description:n}:{errorMap:(i,o)=>i.code!=="invalid_type"?{message:o.defaultError}:typeof o.data>"u"?{message:s??o.defaultError}:{message:t??o.defaultError},description:n}}class _{constructor(e){this.spa=this.safeParseAsync,this._def=e,this.parse=this.parse.bind(this),this.safeParse=this.safeParse.bind(this),this.parseAsync=this.parseAsync.bind(this),this.safeParseAsync=this.safeParseAsync.bind(this),this.spa=this.spa.bind(this),this.refine=this.refine.bind(this),this.refinement=this.refinement.bind(this),this.superRefine=this.superRefine.bind(this),this.optional=this.optional.bind(this),this.nullable=this.nullable.bind(this),this.nullish=this.nullish.bind(this),this.array=this.array.bind(this),this.promise=this.promise.bind(this),this.or=this.or.bind(this),this.and=this.and.bind(this),this.transform=this.transform.bind(this),this.brand=this.brand.bind(this),this.default=this.default.bind(this),this.catch=this.catch.bind(this),this.describe=this.describe.bind(this),this.pipe=this.pipe.bind(this),this.readonly=this.readonly.bind(this),this.isNullable=this.isNullable.bind(this),this.isOptional=this.isOptional.bind(this)}get description(){return this._def.description}_getType(e){return R(e.data)}_getOrReturnCtx(e,t){return t||{common:e.parent.common,data:e.data,parsedType:R(e.data),schemaErrorMap:this._def.errorMap,path:e.path,parent:e.parent}}_processInputParams(e){return{status:new b,ctx:{common:e.parent.common,data:e.data,parsedType:R(e.data),schemaErrorMap:this._def.errorMap,path:e.path,parent:e.parent}}}_parseSync(e){const t=this._parse(e);if(de(t))throw new Error("Synchronous parse encountered promise.");return t}_parseAsync(e){const t=this._parse(e);return Promise.resolve(t)}parse(e,t){const s=this.safeParse(e,t);if(s.success)return s.data;throw s.error}safeParse(e,t){var s;const n={common:{issues:[],async:(s=t==null?void 0:t.async)!==null&&s!==void 0?s:!1,contextualErrorMap:t==null?void 0:t.errorMap},path:(t==null?void 0:t.path)||[],schemaErrorMap:this._def.errorMap,parent:null,data:e,parsedType:R(e)},a=this._parseSync({data:e,path:n.path,parent:n});return we(n,a)}async parseAsync(e,t){const s=await this.safeParseAsync(e,t);if(s.success)return s.data;throw s.error}async safeParseAsync(e,t){const s={common:{issues:[],contextualErrorMap:t==null?void 0:t.errorMap,async:!0},path:(t==null?void 0:t.path)||[],schemaErrorMap:this._def.errorMap,parent:null,data:e,parsedType:R(e)},n=this._parse({data:e,path:s.path,parent:s}),a=await(de(n)?n:Promise.resolve(n));return we(s,a)}refine(e,t){const s=n=>typeof t=="string"||typeof t>"u"?{message:t}:typeof t=="function"?t(n):t;return this._refinement((n,a)=>{const i=e(n),o=()=>a.addIssue({code:d.custom,...s(n)});return typeof Promise<"u"&&i instanceof Promise?i.then(h=>h?!0:(o(),!1)):i?!0:(o(),!1)})}refinement(e,t){return this._refinement((s,n)=>e(s)?!0:(n.addIssue(typeof t=="function"?t(s,n):t),!1))}_refinement(e){return new S({schema:this,typeName:p.ZodEffects,effect:{type:"refinement",refinement:e}})}superRefine(e){return this._refinement(e)}optional(){return O.create(this,this._def)}nullable(){return D.create(this,this._def)}nullish(){return this.nullable().optional()}array(){return N.create(this,this._def)}promise(){return q.create(this,this._def)}or(e){return Q.create([this,e],this._def)}and(e){return K.create(this,e,this._def)}transform(e){return new S({...y(this._def),schema:this,typeName:p.ZodEffects,effect:{type:"transform",transform:e}})}default(e){const t=typeof e=="function"?e:()=>e;return new se({...y(this._def),innerType:this,defaultValue:t,typeName:p.ZodDefault})}brand(){return new Se({typeName:p.ZodBranded,type:this,...y(this._def)})}catch(e){const t=typeof e=="function"?e:()=>e;return new he({...y(this._def),innerType:this,catchValue:t,typeName:p.ZodCatch})}describe(e){const t=this.constructor;return new t({...this._def,description:e})}pipe(e){return ne.create(this,e)}readonly(){return pe.create(this)}isOptional(){return this.safeParse(void 0).success}isNullable(){return this.safeParse(null).success}}const Ue=/^c[^\s-]{8,}$/i,Be=/^[a-z][a-z0-9]*$/,qe=/[0-9A-HJKMNP-TV-Z]{26}/,We=/^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/i,Je=/^(?!\.)(?!.*\.\.)([A-Z0-9_+-\.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9\-]*\.)+[A-Z]{2,}$/i,Ye=/^(\p{Extended_Pictographic}|\p{Emoji_Component})+$/u,Ge=/^(((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2}))\.){3}((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2}))$/,Xe=/^(([a-f0-9]{1,4}:){7}|::([a-f0-9]{1,4}:){0,6}|([a-f0-9]{1,4}:){1}:([a-f0-9]{1,4}:){0,5}|([a-f0-9]{1,4}:){2}:([a-f0-9]{1,4}:){0,4}|([a-f0-9]{1,4}:){3}:([a-f0-9]{1,4}:){0,3}|([a-f0-9]{1,4}:){4}:([a-f0-9]{1,4}:){0,2}|([a-f0-9]{1,4}:){5}:([a-f0-9]{1,4}:){0,1})([a-f0-9]{1,4}|(((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2}))\.){3}((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2})))$/,Qe=r=>r.precision?r.offset?new RegExp(`^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{${r.precision}}(([+-]\\d{2}(:?\\d{2})?)|Z)$`):new RegExp(`^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{${r.precision}}Z$`):r.precision===0?r.offset?new RegExp("^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(([+-]\\d{2}(:?\\d{2})?)|Z)$"):new RegExp("^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}Z$"):r.offset?new RegExp("^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(\\.\\d+)?(([+-]\\d{2}(:?\\d{2})?)|Z)$"):new RegExp("^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(\\.\\d+)?Z$");function Ke(r,e){return!!((e==="v4"||!e)&&Ge.test(r)||(e==="v6"||!e)&&Xe.test(r))}class Z extends _{constructor(){super(...arguments),this._regex=(e,t,s)=>this.refinement(n=>e.test(n),{validation:t,code:d.invalid_string,...f.errToObj(s)}),this.nonempty=e=>this.min(1,f.errToObj(e)),this.trim=()=>new Z({...this._def,checks:[...this._def.checks,{kind:"trim"}]}),this.toLowerCase=()=>new Z({...this._def,checks:[...this._def.checks,{kind:"toLowerCase"}]}),this.toUpperCase=()=>new Z({...this._def,checks:[...this._def.checks,{kind:"toUpperCase"}]})}_parse(e){if(this._def.coerce&&(e.data=String(e.data)),this._getType(e)!==l.string){const a=this._getOrReturnCtx(e);return u(a,{code:d.invalid_type,expected:l.string,received:a.parsedType}),m}const s=new b;let n;for(const a of this._def.checks)if(a.kind==="min")e.data.lengtha.value&&(n=this._getOrReturnCtx(e,n),u(n,{code:d.too_big,maximum:a.value,type:"string",inclusive:!0,exact:!1,message:a.message}),s.dirty());else if(a.kind==="length"){const i=e.data.length>a.value,o=e.data.length"u"?null:e==null?void 0:e.precision,offset:(t=e==null?void 0:e.offset)!==null&&t!==void 0?t:!1,...f.errToObj(e==null?void 0:e.message)})}regex(e,t){return this._addCheck({kind:"regex",regex:e,...f.errToObj(t)})}includes(e,t){return this._addCheck({kind:"includes",value:e,position:t==null?void 0:t.position,...f.errToObj(t==null?void 0:t.message)})}startsWith(e,t){return this._addCheck({kind:"startsWith",value:e,...f.errToObj(t)})}endsWith(e,t){return this._addCheck({kind:"endsWith",value:e,...f.errToObj(t)})}min(e,t){return this._addCheck({kind:"min",value:e,...f.errToObj(t)})}max(e,t){return this._addCheck({kind:"max",value:e,...f.errToObj(t)})}length(e,t){return this._addCheck({kind:"length",value:e,...f.errToObj(t)})}get isDatetime(){return!!this._def.checks.find(e=>e.kind==="datetime")}get isEmail(){return!!this._def.checks.find(e=>e.kind==="email")}get isURL(){return!!this._def.checks.find(e=>e.kind==="url")}get isEmoji(){return!!this._def.checks.find(e=>e.kind==="emoji")}get isUUID(){return!!this._def.checks.find(e=>e.kind==="uuid")}get isCUID(){return!!this._def.checks.find(e=>e.kind==="cuid")}get isCUID2(){return!!this._def.checks.find(e=>e.kind==="cuid2")}get isULID(){return!!this._def.checks.find(e=>e.kind==="ulid")}get isIP(){return!!this._def.checks.find(e=>e.kind==="ip")}get minLength(){let e=null;for(const t of this._def.checks)t.kind==="min"&&(e===null||t.value>e)&&(e=t.value);return e}get maxLength(){let e=null;for(const t of this._def.checks)t.kind==="max"&&(e===null||t.value{var e;return new Z({checks:[],typeName:p.ZodString,coerce:(e=r==null?void 0:r.coerce)!==null&&e!==void 0?e:!1,...y(r)})};function Fe(r,e){const t=(r.toString().split(".")[1]||"").length,s=(e.toString().split(".")[1]||"").length,n=t>s?t:s,a=parseInt(r.toFixed(n).replace(".","")),i=parseInt(e.toFixed(n).replace(".",""));return a%i/Math.pow(10,n)}class M extends _{constructor(){super(...arguments),this.min=this.gte,this.max=this.lte,this.step=this.multipleOf}_parse(e){if(this._def.coerce&&(e.data=Number(e.data)),this._getType(e)!==l.number){const a=this._getOrReturnCtx(e);return u(a,{code:d.invalid_type,expected:l.number,received:a.parsedType}),m}let s;const n=new b;for(const a of this._def.checks)a.kind==="int"?g.isInteger(e.data)||(s=this._getOrReturnCtx(e,s),u(s,{code:d.invalid_type,expected:"integer",received:"float",message:a.message}),n.dirty()):a.kind==="min"?(a.inclusive?e.dataa.value:e.data>=a.value)&&(s=this._getOrReturnCtx(e,s),u(s,{code:d.too_big,maximum:a.value,type:"number",inclusive:a.inclusive,exact:!1,message:a.message}),n.dirty()):a.kind==="multipleOf"?Fe(e.data,a.value)!==0&&(s=this._getOrReturnCtx(e,s),u(s,{code:d.not_multiple_of,multipleOf:a.value,message:a.message}),n.dirty()):a.kind==="finite"?Number.isFinite(e.data)||(s=this._getOrReturnCtx(e,s),u(s,{code:d.not_finite,message:a.message}),n.dirty()):g.assertNever(a);return{status:n.value,value:e.data}}gte(e,t){return this.setLimit("min",e,!0,f.toString(t))}gt(e,t){return this.setLimit("min",e,!1,f.toString(t))}lte(e,t){return this.setLimit("max",e,!0,f.toString(t))}lt(e,t){return this.setLimit("max",e,!1,f.toString(t))}setLimit(e,t,s,n){return new M({...this._def,checks:[...this._def.checks,{kind:e,value:t,inclusive:s,message:f.toString(n)}]})}_addCheck(e){return new M({...this._def,checks:[...this._def.checks,e]})}int(e){return this._addCheck({kind:"int",message:f.toString(e)})}positive(e){return this._addCheck({kind:"min",value:0,inclusive:!1,message:f.toString(e)})}negative(e){return this._addCheck({kind:"max",value:0,inclusive:!1,message:f.toString(e)})}nonpositive(e){return this._addCheck({kind:"max",value:0,inclusive:!0,message:f.toString(e)})}nonnegative(e){return this._addCheck({kind:"min",value:0,inclusive:!0,message:f.toString(e)})}multipleOf(e,t){return this._addCheck({kind:"multipleOf",value:e,message:f.toString(t)})}finite(e){return this._addCheck({kind:"finite",message:f.toString(e)})}safe(e){return this._addCheck({kind:"min",inclusive:!0,value:Number.MIN_SAFE_INTEGER,message:f.toString(e)})._addCheck({kind:"max",inclusive:!0,value:Number.MAX_SAFE_INTEGER,message:f.toString(e)})}get minValue(){let e=null;for(const t of this._def.checks)t.kind==="min"&&(e===null||t.value>e)&&(e=t.value);return e}get maxValue(){let e=null;for(const t of this._def.checks)t.kind==="max"&&(e===null||t.valuee.kind==="int"||e.kind==="multipleOf"&&g.isInteger(e.value))}get isFinite(){let e=null,t=null;for(const s of this._def.checks){if(s.kind==="finite"||s.kind==="int"||s.kind==="multipleOf")return!0;s.kind==="min"?(t===null||s.value>t)&&(t=s.value):s.kind==="max"&&(e===null||s.valuenew M({checks:[],typeName:p.ZodNumber,coerce:(r==null?void 0:r.coerce)||!1,...y(r)});class A extends _{constructor(){super(...arguments),this.min=this.gte,this.max=this.lte}_parse(e){if(this._def.coerce&&(e.data=BigInt(e.data)),this._getType(e)!==l.bigint){const a=this._getOrReturnCtx(e);return u(a,{code:d.invalid_type,expected:l.bigint,received:a.parsedType}),m}let s;const n=new b;for(const a of this._def.checks)a.kind==="min"?(a.inclusive?e.dataa.value:e.data>=a.value)&&(s=this._getOrReturnCtx(e,s),u(s,{code:d.too_big,type:"bigint",maximum:a.value,inclusive:a.inclusive,message:a.message}),n.dirty()):a.kind==="multipleOf"?e.data%a.value!==BigInt(0)&&(s=this._getOrReturnCtx(e,s),u(s,{code:d.not_multiple_of,multipleOf:a.value,message:a.message}),n.dirty()):g.assertNever(a);return{status:n.value,value:e.data}}gte(e,t){return this.setLimit("min",e,!0,f.toString(t))}gt(e,t){return this.setLimit("min",e,!1,f.toString(t))}lte(e,t){return this.setLimit("max",e,!0,f.toString(t))}lt(e,t){return this.setLimit("max",e,!1,f.toString(t))}setLimit(e,t,s,n){return new A({...this._def,checks:[...this._def.checks,{kind:e,value:t,inclusive:s,message:f.toString(n)}]})}_addCheck(e){return new A({...this._def,checks:[...this._def.checks,e]})}positive(e){return this._addCheck({kind:"min",value:BigInt(0),inclusive:!1,message:f.toString(e)})}negative(e){return this._addCheck({kind:"max",value:BigInt(0),inclusive:!1,message:f.toString(e)})}nonpositive(e){return this._addCheck({kind:"max",value:BigInt(0),inclusive:!0,message:f.toString(e)})}nonnegative(e){return this._addCheck({kind:"min",value:BigInt(0),inclusive:!0,message:f.toString(e)})}multipleOf(e,t){return this._addCheck({kind:"multipleOf",value:e,message:f.toString(t)})}get minValue(){let e=null;for(const t of this._def.checks)t.kind==="min"&&(e===null||t.value>e)&&(e=t.value);return e}get maxValue(){let e=null;for(const t of this._def.checks)t.kind==="max"&&(e===null||t.value{var e;return new A({checks:[],typeName:p.ZodBigInt,coerce:(e=r==null?void 0:r.coerce)!==null&&e!==void 0?e:!1,...y(r)})};class Y extends _{_parse(e){if(this._def.coerce&&(e.data=!!e.data),this._getType(e)!==l.boolean){const s=this._getOrReturnCtx(e);return u(s,{code:d.invalid_type,expected:l.boolean,received:s.parsedType}),m}return w(e.data)}}Y.create=r=>new Y({typeName:p.ZodBoolean,coerce:(r==null?void 0:r.coerce)||!1,...y(r)});class L extends _{_parse(e){if(this._def.coerce&&(e.data=new Date(e.data)),this._getType(e)!==l.date){const a=this._getOrReturnCtx(e);return u(a,{code:d.invalid_type,expected:l.date,received:a.parsedType}),m}if(isNaN(e.data.getTime())){const a=this._getOrReturnCtx(e);return u(a,{code:d.invalid_date}),m}const s=new b;let n;for(const a of this._def.checks)a.kind==="min"?e.data.getTime()a.value&&(n=this._getOrReturnCtx(e,n),u(n,{code:d.too_big,message:a.message,inclusive:!0,exact:!1,maximum:a.value,type:"date"}),s.dirty()):g.assertNever(a);return{status:s.value,value:new Date(e.data.getTime())}}_addCheck(e){return new L({...this._def,checks:[...this._def.checks,e]})}min(e,t){return this._addCheck({kind:"min",value:e.getTime(),message:f.toString(t)})}max(e,t){return this._addCheck({kind:"max",value:e.getTime(),message:f.toString(t)})}get minDate(){let e=null;for(const t of this._def.checks)t.kind==="min"&&(e===null||t.value>e)&&(e=t.value);return e!=null?new Date(e):null}get maxDate(){let e=null;for(const t of this._def.checks)t.kind==="max"&&(e===null||t.valuenew L({checks:[],coerce:(r==null?void 0:r.coerce)||!1,typeName:p.ZodDate,...y(r)});class ce extends _{_parse(e){if(this._getType(e)!==l.symbol){const s=this._getOrReturnCtx(e);return u(s,{code:d.invalid_type,expected:l.symbol,received:s.parsedType}),m}return w(e.data)}}ce.create=r=>new ce({typeName:p.ZodSymbol,...y(r)});class G extends _{_parse(e){if(this._getType(e)!==l.undefined){const s=this._getOrReturnCtx(e);return u(s,{code:d.invalid_type,expected:l.undefined,received:s.parsedType}),m}return w(e.data)}}G.create=r=>new G({typeName:p.ZodUndefined,...y(r)});class X extends _{_parse(e){if(this._getType(e)!==l.null){const s=this._getOrReturnCtx(e);return u(s,{code:d.invalid_type,expected:l.null,received:s.parsedType}),m}return w(e.data)}}X.create=r=>new X({typeName:p.ZodNull,...y(r)});class B extends _{constructor(){super(...arguments),this._any=!0}_parse(e){return w(e.data)}}B.create=r=>new B({typeName:p.ZodAny,...y(r)});class P extends _{constructor(){super(...arguments),this._unknown=!0}_parse(e){return w(e.data)}}P.create=r=>new P({typeName:p.ZodUnknown,...y(r)});class I extends _{_parse(e){const t=this._getOrReturnCtx(e);return u(t,{code:d.invalid_type,expected:l.never,received:t.parsedType}),m}}I.create=r=>new I({typeName:p.ZodNever,...y(r)});class le extends _{_parse(e){if(this._getType(e)!==l.undefined){const s=this._getOrReturnCtx(e);return u(s,{code:d.invalid_type,expected:l.void,received:s.parsedType}),m}return w(e.data)}}le.create=r=>new le({typeName:p.ZodVoid,...y(r)});class N extends _{_parse(e){const{ctx:t,status:s}=this._processInputParams(e),n=this._def;if(t.parsedType!==l.array)return u(t,{code:d.invalid_type,expected:l.array,received:t.parsedType}),m;if(n.exactLength!==null){const i=t.data.length>n.exactLength.value,o=t.data.lengthn.maxLength.value&&(u(t,{code:d.too_big,maximum:n.maxLength.value,type:"array",inclusive:!0,exact:!1,message:n.maxLength.message}),s.dirty()),t.common.async)return Promise.all([...t.data].map((i,o)=>n.type._parseAsync(new j(t,i,t.path,o)))).then(i=>b.mergeArray(s,i));const a=[...t.data].map((i,o)=>n.type._parseSync(new j(t,i,t.path,o)));return b.mergeArray(s,a)}get element(){return this._def.type}min(e,t){return new N({...this._def,minLength:{value:e,message:f.toString(t)}})}max(e,t){return new N({...this._def,maxLength:{value:e,message:f.toString(t)}})}length(e,t){return new N({...this._def,exactLength:{value:e,message:f.toString(t)}})}nonempty(e){return this.min(1,e)}}N.create=(r,e)=>new N({type:r,minLength:null,maxLength:null,exactLength:null,typeName:p.ZodArray,...y(e)});function z(r){if(r instanceof k){const e={};for(const t in r.shape){const s=r.shape[t];e[t]=O.create(z(s))}return new k({...r._def,shape:()=>e})}else return r instanceof N?new N({...r._def,type:z(r.element)}):r instanceof O?O.create(z(r.unwrap())):r instanceof D?D.create(z(r.unwrap())):r instanceof E?E.create(r.items.map(e=>z(e))):r}class k extends _{constructor(){super(...arguments),this._cached=null,this.nonstrict=this.passthrough,this.augment=this.extend}_getCached(){if(this._cached!==null)return this._cached;const e=this._def.shape(),t=g.objectKeys(e);return this._cached={shape:e,keys:t}}_parse(e){if(this._getType(e)!==l.object){const c=this._getOrReturnCtx(e);return u(c,{code:d.invalid_type,expected:l.object,received:c.parsedType}),m}const{status:s,ctx:n}=this._processInputParams(e),{shape:a,keys:i}=this._getCached(),o=[];if(!(this._def.catchall instanceof I&&this._def.unknownKeys==="strip"))for(const c in n.data)i.includes(c)||o.push(c);const h=[];for(const c of i){const v=a[c],C=n.data[c];h.push({key:{status:"valid",value:c},value:v._parse(new j(n,C,n.path,c)),alwaysSet:c in n.data})}if(this._def.catchall instanceof I){const c=this._def.unknownKeys;if(c==="passthrough")for(const v of o)h.push({key:{status:"valid",value:v},value:{status:"valid",value:n.data[v]}});else if(c==="strict")o.length>0&&(u(n,{code:d.unrecognized_keys,keys:o}),s.dirty());else if(c!=="strip")throw new Error("Internal ZodObject error: invalid unknownKeys value.")}else{const c=this._def.catchall;for(const v of o){const C=n.data[v];h.push({key:{status:"valid",value:v},value:c._parse(new j(n,C,n.path,v)),alwaysSet:v in n.data})}}return n.common.async?Promise.resolve().then(async()=>{const c=[];for(const v of h){const C=await v.key;c.push({key:C,value:await v.value,alwaysSet:v.alwaysSet})}return c}).then(c=>b.mergeObjectSync(s,c)):b.mergeObjectSync(s,h)}get shape(){return this._def.shape()}strict(e){return f.errToObj,new k({...this._def,unknownKeys:"strict",...e!==void 0?{errorMap:(t,s)=>{var n,a,i,o;const h=(i=(a=(n=this._def).errorMap)===null||a===void 0?void 0:a.call(n,t,s).message)!==null&&i!==void 0?i:s.defaultError;return t.code==="unrecognized_keys"?{message:(o=f.errToObj(e).message)!==null&&o!==void 0?o:h}:{message:h}}}:{}})}strip(){return new k({...this._def,unknownKeys:"strip"})}passthrough(){return new k({...this._def,unknownKeys:"passthrough"})}extend(e){return new k({...this._def,shape:()=>({...this._def.shape(),...e})})}merge(e){return new k({unknownKeys:e._def.unknownKeys,catchall:e._def.catchall,shape:()=>({...this._def.shape(),...e._def.shape()}),typeName:p.ZodObject})}setKey(e,t){return this.augment({[e]:t})}catchall(e){return new k({...this._def,catchall:e})}pick(e){const t={};return g.objectKeys(e).forEach(s=>{e[s]&&this.shape[s]&&(t[s]=this.shape[s])}),new k({...this._def,shape:()=>t})}omit(e){const t={};return g.objectKeys(this.shape).forEach(s=>{e[s]||(t[s]=this.shape[s])}),new k({...this._def,shape:()=>t})}deepPartial(){return z(this)}partial(e){const t={};return g.objectKeys(this.shape).forEach(s=>{const n=this.shape[s];e&&!e[s]?t[s]=n:t[s]=n.optional()}),new k({...this._def,shape:()=>t})}required(e){const t={};return g.objectKeys(this.shape).forEach(s=>{if(e&&!e[s])t[s]=this.shape[s];else{let a=this.shape[s];for(;a instanceof O;)a=a._def.innerType;t[s]=a}}),new k({...this._def,shape:()=>t})}keyof(){return Ne(g.objectKeys(this.shape))}}k.create=(r,e)=>new k({shape:()=>r,unknownKeys:"strip",catchall:I.create(),typeName:p.ZodObject,...y(e)});k.strictCreate=(r,e)=>new k({shape:()=>r,unknownKeys:"strict",catchall:I.create(),typeName:p.ZodObject,...y(e)});k.lazycreate=(r,e)=>new k({shape:r,unknownKeys:"strip",catchall:I.create(),typeName:p.ZodObject,...y(e)});class Q extends _{_parse(e){const{ctx:t}=this._processInputParams(e),s=this._def.options;function n(a){for(const o of a)if(o.result.status==="valid")return o.result;for(const o of a)if(o.result.status==="dirty")return t.common.issues.push(...o.ctx.common.issues),o.result;const i=a.map(o=>new V(o.ctx.common.issues));return u(t,{code:d.invalid_union,unionErrors:i}),m}if(t.common.async)return Promise.all(s.map(async a=>{const i={...t,common:{...t.common,issues:[]},parent:null};return{result:await a._parseAsync({data:t.data,path:t.path,parent:i}),ctx:i}})).then(n);{let a;const i=[];for(const h of s){const c={...t,common:{...t.common,issues:[]},parent:null},v=h._parseSync({data:t.data,path:t.path,parent:c});if(v.status==="valid")return v;v.status==="dirty"&&!a&&(a={result:v,ctx:c}),c.common.issues.length&&i.push(c.common.issues)}if(a)return t.common.issues.push(...a.ctx.common.issues),a.result;const o=i.map(h=>new V(h));return u(t,{code:d.invalid_union,unionErrors:o}),m}}get options(){return this._def.options}}Q.create=(r,e)=>new Q({options:r,typeName:p.ZodUnion,...y(e)});const ae=r=>r instanceof ee?ae(r.schema):r instanceof S?ae(r.innerType()):r instanceof te?[r.value]:r instanceof $?r.options:r instanceof re?Object.keys(r.enum):r instanceof se?ae(r._def.innerType):r instanceof G?[void 0]:r instanceof X?[null]:null;class me extends _{_parse(e){const{ctx:t}=this._processInputParams(e);if(t.parsedType!==l.object)return u(t,{code:d.invalid_type,expected:l.object,received:t.parsedType}),m;const s=this.discriminator,n=t.data[s],a=this.optionsMap.get(n);return a?t.common.async?a._parseAsync({data:t.data,path:t.path,parent:t}):a._parseSync({data:t.data,path:t.path,parent:t}):(u(t,{code:d.invalid_union_discriminator,options:Array.from(this.optionsMap.keys()),path:[s]}),m)}get discriminator(){return this._def.discriminator}get options(){return this._def.options}get optionsMap(){return this._def.optionsMap}static create(e,t,s){const n=new Map;for(const a of t){const i=ae(a.shape[e]);if(!i)throw new Error(`A discriminator value for key \`${e}\` could not be extracted from all schema options`);for(const o of i){if(n.has(o))throw new Error(`Discriminator property ${String(e)} has duplicate value ${String(o)}`);n.set(o,a)}}return new me({typeName:p.ZodDiscriminatedUnion,discriminator:e,options:t,optionsMap:n,...y(s)})}}function ke(r,e){const t=R(r),s=R(e);if(r===e)return{valid:!0,data:r};if(t===l.object&&s===l.object){const n=g.objectKeys(e),a=g.objectKeys(r).filter(o=>n.indexOf(o)!==-1),i={...r,...e};for(const o of a){const h=ke(r[o],e[o]);if(!h.valid)return{valid:!1};i[o]=h.data}return{valid:!0,data:i}}else if(t===l.array&&s===l.array){if(r.length!==e.length)return{valid:!1};const n=[];for(let a=0;a{if(ge(a)||ge(i))return m;const o=ke(a.value,i.value);return o.valid?((xe(a)||xe(i))&&t.dirty(),{status:t.value,value:o.data}):(u(s,{code:d.invalid_intersection_types}),m)};return s.common.async?Promise.all([this._def.left._parseAsync({data:s.data,path:s.path,parent:s}),this._def.right._parseAsync({data:s.data,path:s.path,parent:s})]).then(([a,i])=>n(a,i)):n(this._def.left._parseSync({data:s.data,path:s.path,parent:s}),this._def.right._parseSync({data:s.data,path:s.path,parent:s}))}}K.create=(r,e,t)=>new K({left:r,right:e,typeName:p.ZodIntersection,...y(t)});class E extends _{_parse(e){const{status:t,ctx:s}=this._processInputParams(e);if(s.parsedType!==l.array)return u(s,{code:d.invalid_type,expected:l.array,received:s.parsedType}),m;if(s.data.lengththis._def.items.length&&(u(s,{code:d.too_big,maximum:this._def.items.length,inclusive:!0,exact:!1,type:"array"}),t.dirty());const a=[...s.data].map((i,o)=>{const h=this._def.items[o]||this._def.rest;return h?h._parse(new j(s,i,s.path,o)):null}).filter(i=>!!i);return s.common.async?Promise.all(a).then(i=>b.mergeArray(t,i)):b.mergeArray(t,a)}get items(){return this._def.items}rest(e){return new E({...this._def,rest:e})}}E.create=(r,e)=>{if(!Array.isArray(r))throw new Error("You must pass an array of schemas to z.tuple([ ... ])");return new E({items:r,typeName:p.ZodTuple,rest:null,...y(e)})};class F extends _{get keySchema(){return this._def.keyType}get valueSchema(){return this._def.valueType}_parse(e){const{status:t,ctx:s}=this._processInputParams(e);if(s.parsedType!==l.object)return u(s,{code:d.invalid_type,expected:l.object,received:s.parsedType}),m;const n=[],a=this._def.keyType,i=this._def.valueType;for(const o in s.data)n.push({key:a._parse(new j(s,o,s.path,o)),value:i._parse(new j(s,s.data[o],s.path,o))});return s.common.async?b.mergeObjectAsync(t,n):b.mergeObjectSync(t,n)}get element(){return this._def.valueType}static create(e,t,s){return t instanceof _?new F({keyType:e,valueType:t,typeName:p.ZodRecord,...y(s)}):new F({keyType:Z.create(),valueType:e,typeName:p.ZodRecord,...y(t)})}}class ue extends _{get keySchema(){return this._def.keyType}get valueSchema(){return this._def.valueType}_parse(e){const{status:t,ctx:s}=this._processInputParams(e);if(s.parsedType!==l.map)return u(s,{code:d.invalid_type,expected:l.map,received:s.parsedType}),m;const n=this._def.keyType,a=this._def.valueType,i=[...s.data.entries()].map(([o,h],c)=>({key:n._parse(new j(s,o,s.path,[c,"key"])),value:a._parse(new j(s,h,s.path,[c,"value"]))}));if(s.common.async){const o=new Map;return Promise.resolve().then(async()=>{for(const h of i){const c=await h.key,v=await h.value;if(c.status==="aborted"||v.status==="aborted")return m;(c.status==="dirty"||v.status==="dirty")&&t.dirty(),o.set(c.value,v.value)}return{status:t.value,value:o}})}else{const o=new Map;for(const h of i){const c=h.key,v=h.value;if(c.status==="aborted"||v.status==="aborted")return m;(c.status==="dirty"||v.status==="dirty")&&t.dirty(),o.set(c.value,v.value)}return{status:t.value,value:o}}}}ue.create=(r,e,t)=>new ue({valueType:e,keyType:r,typeName:p.ZodMap,...y(t)});class H extends _{_parse(e){const{status:t,ctx:s}=this._processInputParams(e);if(s.parsedType!==l.set)return u(s,{code:d.invalid_type,expected:l.set,received:s.parsedType}),m;const n=this._def;n.minSize!==null&&s.data.sizen.maxSize.value&&(u(s,{code:d.too_big,maximum:n.maxSize.value,type:"set",inclusive:!0,exact:!1,message:n.maxSize.message}),t.dirty());const a=this._def.valueType;function i(h){const c=new Set;for(const v of h){if(v.status==="aborted")return m;v.status==="dirty"&&t.dirty(),c.add(v.value)}return{status:t.value,value:c}}const o=[...s.data.values()].map((h,c)=>a._parse(new j(s,h,s.path,c)));return s.common.async?Promise.all(o).then(h=>i(h)):i(o)}min(e,t){return new H({...this._def,minSize:{value:e,message:f.toString(t)}})}max(e,t){return new H({...this._def,maxSize:{value:e,message:f.toString(t)}})}size(e,t){return this.min(e,t).max(e,t)}nonempty(e){return this.min(1,e)}}H.create=(r,e)=>new H({valueType:r,minSize:null,maxSize:null,typeName:p.ZodSet,...y(e)});class U extends _{constructor(){super(...arguments),this.validate=this.implement}_parse(e){const{ctx:t}=this._processInputParams(e);if(t.parsedType!==l.function)return u(t,{code:d.invalid_type,expected:l.function,received:t.parsedType}),m;function s(o,h){return oe({data:o,path:t.path,errorMaps:[t.common.contextualErrorMap,t.schemaErrorMap,ie(),W].filter(c=>!!c),issueData:{code:d.invalid_arguments,argumentsError:h}})}function n(o,h){return oe({data:o,path:t.path,errorMaps:[t.common.contextualErrorMap,t.schemaErrorMap,ie(),W].filter(c=>!!c),issueData:{code:d.invalid_return_type,returnTypeError:h}})}const a={errorMap:t.common.contextualErrorMap},i=t.data;if(this._def.returns instanceof q){const o=this;return w(async function(...h){const c=new V([]),v=await o._def.args.parseAsync(h,a).catch(ye=>{throw c.addIssue(s(h,ye)),c}),C=await Reflect.apply(i,this,v);return await o._def.returns._def.type.parseAsync(C,a).catch(ye=>{throw c.addIssue(n(C,ye)),c})})}else{const o=this;return w(function(...h){const c=o._def.args.safeParse(h,a);if(!c.success)throw new V([s(h,c.error)]);const v=Reflect.apply(i,this,c.data),C=o._def.returns.safeParse(v,a);if(!C.success)throw new V([n(v,C.error)]);return C.data})}}parameters(){return this._def.args}returnType(){return this._def.returns}args(...e){return new U({...this._def,args:E.create(e).rest(P.create())})}returns(e){return new U({...this._def,returns:e})}implement(e){return this.parse(e)}strictImplement(e){return this.parse(e)}static create(e,t,s){return new U({args:e||E.create([]).rest(P.create()),returns:t||P.create(),typeName:p.ZodFunction,...y(s)})}}class ee extends _{get schema(){return this._def.getter()}_parse(e){const{ctx:t}=this._processInputParams(e);return this._def.getter()._parse({data:t.data,path:t.path,parent:t})}}ee.create=(r,e)=>new ee({getter:r,typeName:p.ZodLazy,...y(e)});class te extends _{_parse(e){if(e.data!==this._def.value){const t=this._getOrReturnCtx(e);return u(t,{received:t.data,code:d.invalid_literal,expected:this._def.value}),m}return{status:"valid",value:e.data}}get value(){return this._def.value}}te.create=(r,e)=>new te({value:r,typeName:p.ZodLiteral,...y(e)});function Ne(r,e){return new $({values:r,typeName:p.ZodEnum,...y(e)})}class $ extends _{_parse(e){if(typeof e.data!="string"){const t=this._getOrReturnCtx(e),s=this._def.values;return u(t,{expected:g.joinValues(s),received:t.parsedType,code:d.invalid_type}),m}if(this._def.values.indexOf(e.data)===-1){const t=this._getOrReturnCtx(e),s=this._def.values;return u(t,{received:t.data,code:d.invalid_enum_value,options:s}),m}return w(e.data)}get options(){return this._def.values}get enum(){const e={};for(const t of this._def.values)e[t]=t;return e}get Values(){const e={};for(const t of this._def.values)e[t]=t;return e}get Enum(){const e={};for(const t of this._def.values)e[t]=t;return e}extract(e){return $.create(e)}exclude(e){return $.create(this.options.filter(t=>!e.includes(t)))}}$.create=Ne;class re extends _{_parse(e){const t=g.getValidEnumValues(this._def.values),s=this._getOrReturnCtx(e);if(s.parsedType!==l.string&&s.parsedType!==l.number){const n=g.objectValues(t);return u(s,{expected:g.joinValues(n),received:s.parsedType,code:d.invalid_type}),m}if(t.indexOf(e.data)===-1){const n=g.objectValues(t);return u(s,{received:s.data,code:d.invalid_enum_value,options:n}),m}return w(e.data)}get enum(){return this._def.values}}re.create=(r,e)=>new re({values:r,typeName:p.ZodNativeEnum,...y(e)});class q extends _{unwrap(){return this._def.type}_parse(e){const{ctx:t}=this._processInputParams(e);if(t.parsedType!==l.promise&&t.common.async===!1)return u(t,{code:d.invalid_type,expected:l.promise,received:t.parsedType}),m;const s=t.parsedType===l.promise?t.data:Promise.resolve(t.data);return w(s.then(n=>this._def.type.parseAsync(n,{path:t.path,errorMap:t.common.contextualErrorMap})))}}q.create=(r,e)=>new q({type:r,typeName:p.ZodPromise,...y(e)});class S extends _{innerType(){return this._def.schema}sourceType(){return this._def.schema._def.typeName===p.ZodEffects?this._def.schema.sourceType():this._def.schema}_parse(e){const{status:t,ctx:s}=this._processInputParams(e),n=this._def.effect||null,a={addIssue:i=>{u(s,i),i.fatal?t.abort():t.dirty()},get path(){return s.path}};if(a.addIssue=a.addIssue.bind(a),n.type==="preprocess"){const i=n.transform(s.data,a);return s.common.issues.length?{status:"dirty",value:s.data}:s.common.async?Promise.resolve(i).then(o=>this._def.schema._parseAsync({data:o,path:s.path,parent:s})):this._def.schema._parseSync({data:i,path:s.path,parent:s})}if(n.type==="refinement"){const i=o=>{const h=n.refinement(o,a);if(s.common.async)return Promise.resolve(h);if(h instanceof Promise)throw new Error("Async refinement encountered during synchronous parse operation. Use .parseAsync instead.");return o};if(s.common.async===!1){const o=this._def.schema._parseSync({data:s.data,path:s.path,parent:s});return o.status==="aborted"?m:(o.status==="dirty"&&t.dirty(),i(o.value),{status:t.value,value:o.value})}else return this._def.schema._parseAsync({data:s.data,path:s.path,parent:s}).then(o=>o.status==="aborted"?m:(o.status==="dirty"&&t.dirty(),i(o.value).then(()=>({status:t.value,value:o.value}))))}if(n.type==="transform")if(s.common.async===!1){const i=this._def.schema._parseSync({data:s.data,path:s.path,parent:s});if(!J(i))return i;const o=n.transform(i.value,a);if(o instanceof Promise)throw new Error("Asynchronous transform encountered during synchronous parse operation. Use .parseAsync instead.");return{status:t.value,value:o}}else return this._def.schema._parseAsync({data:s.data,path:s.path,parent:s}).then(i=>J(i)?Promise.resolve(n.transform(i.value,a)).then(o=>({status:t.value,value:o})):i);g.assertNever(n)}}S.create=(r,e,t)=>new S({schema:r,typeName:p.ZodEffects,effect:e,...y(t)});S.createWithPreprocess=(r,e,t)=>new S({schema:e,effect:{type:"preprocess",transform:r},typeName:p.ZodEffects,...y(t)});class O extends _{_parse(e){return this._getType(e)===l.undefined?w(void 0):this._def.innerType._parse(e)}unwrap(){return this._def.innerType}}O.create=(r,e)=>new O({innerType:r,typeName:p.ZodOptional,...y(e)});class D extends _{_parse(e){return this._getType(e)===l.null?w(null):this._def.innerType._parse(e)}unwrap(){return this._def.innerType}}D.create=(r,e)=>new D({innerType:r,typeName:p.ZodNullable,...y(e)});class se extends _{_parse(e){const{ctx:t}=this._processInputParams(e);let s=t.data;return t.parsedType===l.undefined&&(s=this._def.defaultValue()),this._def.innerType._parse({data:s,path:t.path,parent:t})}removeDefault(){return this._def.innerType}}se.create=(r,e)=>new se({innerType:r,typeName:p.ZodDefault,defaultValue:typeof e.default=="function"?e.default:()=>e.default,...y(e)});class he extends _{_parse(e){const{ctx:t}=this._processInputParams(e),s={...t,common:{...t.common,issues:[]}},n=this._def.innerType._parse({data:s.data,path:s.path,parent:{...s}});return de(n)?n.then(a=>({status:"valid",value:a.status==="valid"?a.value:this._def.catchValue({get error(){return new V(s.common.issues)},input:s.data})})):{status:"valid",value:n.status==="valid"?n.value:this._def.catchValue({get error(){return new V(s.common.issues)},input:s.data})}}removeCatch(){return this._def.innerType}}he.create=(r,e)=>new he({innerType:r,typeName:p.ZodCatch,catchValue:typeof e.catch=="function"?e.catch:()=>e.catch,...y(e)});class fe extends _{_parse(e){if(this._getType(e)!==l.nan){const s=this._getOrReturnCtx(e);return u(s,{code:d.invalid_type,expected:l.nan,received:s.parsedType}),m}return{status:"valid",value:e.data}}}fe.create=r=>new fe({typeName:p.ZodNaN,...y(r)});const et=Symbol("zod_brand");class Se extends _{_parse(e){const{ctx:t}=this._processInputParams(e),s=t.data;return this._def.type._parse({data:s,path:t.path,parent:t})}unwrap(){return this._def.type}}class ne extends _{_parse(e){const{status:t,ctx:s}=this._processInputParams(e);if(s.common.async)return(async()=>{const a=await this._def.in._parseAsync({data:s.data,path:s.path,parent:s});return a.status==="aborted"?m:a.status==="dirty"?(t.dirty(),Ve(a.value)):this._def.out._parseAsync({data:a.value,path:s.path,parent:s})})();{const n=this._def.in._parseSync({data:s.data,path:s.path,parent:s});return n.status==="aborted"?m:n.status==="dirty"?(t.dirty(),{status:"dirty",value:n.value}):this._def.out._parseSync({data:n.value,path:s.path,parent:s})}}static create(e,t){return new ne({in:e,out:t,typeName:p.ZodPipeline})}}class pe extends _{_parse(e){const t=this._def.innerType._parse(e);return J(t)&&(t.value=Object.freeze(t.value)),t}}pe.create=(r,e)=>new pe({innerType:r,typeName:p.ZodReadonly,...y(e)});const je=(r,e={},t)=>r?B.create().superRefine((s,n)=>{var a,i;if(!r(s)){const o=typeof e=="function"?e(s):typeof e=="string"?{message:e}:e,h=(i=(a=o.fatal)!==null&&a!==void 0?a:t)!==null&&i!==void 0?i:!0,c=typeof o=="string"?{message:o}:o;n.addIssue({code:"custom",...c,fatal:h})}}):B.create(),tt={object:k.lazycreate};var p;(function(r){r.ZodString="ZodString",r.ZodNumber="ZodNumber",r.ZodNaN="ZodNaN",r.ZodBigInt="ZodBigInt",r.ZodBoolean="ZodBoolean",r.ZodDate="ZodDate",r.ZodSymbol="ZodSymbol",r.ZodUndefined="ZodUndefined",r.ZodNull="ZodNull",r.ZodAny="ZodAny",r.ZodUnknown="ZodUnknown",r.ZodNever="ZodNever",r.ZodVoid="ZodVoid",r.ZodArray="ZodArray",r.ZodObject="ZodObject",r.ZodUnion="ZodUnion",r.ZodDiscriminatedUnion="ZodDiscriminatedUnion",r.ZodIntersection="ZodIntersection",r.ZodTuple="ZodTuple",r.ZodRecord="ZodRecord",r.ZodMap="ZodMap",r.ZodSet="ZodSet",r.ZodFunction="ZodFunction",r.ZodLazy="ZodLazy",r.ZodLiteral="ZodLiteral",r.ZodEnum="ZodEnum",r.ZodEffects="ZodEffects",r.ZodNativeEnum="ZodNativeEnum",r.ZodOptional="ZodOptional",r.ZodNullable="ZodNullable",r.ZodDefault="ZodDefault",r.ZodCatch="ZodCatch",r.ZodPromise="ZodPromise",r.ZodBranded="ZodBranded",r.ZodPipeline="ZodPipeline",r.ZodReadonly="ZodReadonly"})(p||(p={}));const rt=(r,e={message:`Input not instance of ${r.name}`})=>je(t=>t instanceof r,e),Ee=Z.create,Oe=M.create,st=fe.create,nt=A.create,Ie=Y.create,at=L.create,it=ce.create,ot=G.create,dt=X.create,ct=B.create,lt=P.create,ut=I.create,ht=le.create,ft=N.create,pt=k.create,mt=k.strictCreate,yt=Q.create,_t=me.create,vt=K.create,gt=E.create,xt=F.create,kt=ue.create,bt=H.create,wt=U.create,Tt=ee.create,Ct=te.create,Zt=$.create,Vt=re.create,Nt=q.create,Te=S.create,St=O.create,jt=D.create,Et=S.createWithPreprocess,Ot=ne.create,It=()=>Ee().optional(),Rt=()=>Oe().optional(),Mt=()=>Ie().optional(),At={string:r=>Z.create({...r,coerce:!0}),number:r=>M.create({...r,coerce:!0}),boolean:r=>Y.create({...r,coerce:!0}),bigint:r=>A.create({...r,coerce:!0}),date:r=>L.create({...r,coerce:!0})},$t=m;var _e=Object.freeze({__proto__:null,defaultErrorMap:W,setErrorMap:De,getErrorMap:ie,makeIssue:oe,EMPTY_PATH:ze,addIssueToContext:u,ParseStatus:b,INVALID:m,DIRTY:Ve,OK:w,isAborted:ge,isDirty:xe,isValid:J,isAsync:de,get util(){return g},get objectUtil(){return ve},ZodParsedType:l,getParsedType:R,ZodType:_,ZodString:Z,ZodNumber:M,ZodBigInt:A,ZodBoolean:Y,ZodDate:L,ZodSymbol:ce,ZodUndefined:G,ZodNull:X,ZodAny:B,ZodUnknown:P,ZodNever:I,ZodVoid:le,ZodArray:N,ZodObject:k,ZodUnion:Q,ZodDiscriminatedUnion:me,ZodIntersection:K,ZodTuple:E,ZodRecord:F,ZodMap:ue,ZodSet:H,ZodFunction:U,ZodLazy:ee,ZodLiteral:te,ZodEnum:$,ZodNativeEnum:re,ZodPromise:q,ZodEffects:S,ZodTransformer:S,ZodOptional:O,ZodNullable:D,ZodDefault:se,ZodCatch:he,ZodNaN:fe,BRAND:et,ZodBranded:Se,ZodPipeline:ne,ZodReadonly:pe,custom:je,Schema:_,ZodSchema:_,late:tt,get ZodFirstPartyTypeKind(){return p},coerce:At,any:ct,array:ft,bigint:nt,boolean:Ie,date:at,discriminatedUnion:_t,effect:Te,enum:Zt,function:wt,instanceof:rt,intersection:vt,lazy:Tt,literal:Ct,map:kt,nan:st,nativeEnum:Vt,never:ut,null:dt,nullable:jt,number:Oe,object:pt,oboolean:Mt,onumber:Rt,optional:St,ostring:It,pipeline:Ot,preprocess:Et,promise:Nt,record:xt,set:bt,strictObject:mt,string:Ee,symbol:it,transformer:Te,tuple:gt,undefined:ot,union:yt,unknown:lt,void:ht,NEVER:$t,ZodIssueCode:d,quotelessJson:He,ZodError:V});const Pt=()=>x.jsxs(T.svg,{width:"148",height:"32",viewBox:"0 0 148 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[x.jsx("g",{id:"Logo",clipPath:"url(#clip0_6565_309)",children:x.jsx("path",{id:"Vector",d:"M42.3388 23.6726V10.7212H40V8.32737H47.0774V10.7212H44.7183V23.6726H42.3388ZM55.6236 8.32737V10.7212H51.7595V14.4859H55.0744V16.8798H51.7595V21.2788H55.6236V23.6726H49.38V8.32737H55.6236ZM59.5735 23.6726V10.7212H57.2347V8.32737H64.3121V10.7212H61.953V23.6726H59.5735ZM73.9972 14.3632C73.9972 15.5294 73.6107 16.491 72.8989 17.1662C73.5904 17.6368 73.9972 18.3734 73.9972 19.3146V23.6726H71.6177V19.3146C71.6177 18.5575 71.1499 18.046 70.3771 18.046H68.9942V23.6726H66.6147V8.32737H70.3771C72.5735 8.32737 73.9972 9.80051 73.9972 12.0102V14.3632ZM71.6177 14.3632V12.0102C71.6177 11.2327 71.1499 10.7212 70.3771 10.7212H68.9942V15.6522H70.3771C71.1499 15.6522 71.6177 15.1407 71.6177 14.3632ZM79.7368 23.6726H77.3573V8.32737H79.7368V23.6726ZM86.534 24C84.2562 24 82.8122 22.4859 82.8122 20.2148V19.4783H85.1917V20.2148C85.1917 21.0537 85.7001 21.6061 86.534 21.6061C87.3678 21.6061 87.8559 21.0537 87.8559 20.2148V18.7621C87.8559 17.9233 87.3678 17.3708 86.534 17.3708C84.2562 17.3708 82.8122 15.8568 82.8122 13.5857V11.7852C82.8122 9.51407 84.2562 8 86.534 8C88.7914 8 90.2353 9.51407 90.2353 11.7852V12.5013H87.8559V11.7852C87.8559 10.9463 87.3678 10.3939 86.534 10.3939C85.7001 10.3939 85.1917 10.9463 85.1917 11.7852V13.5857C85.1917 14.4246 85.7001 14.977 86.534 14.977C88.7914 14.977 90.2353 16.491 90.2353 18.7621V20.2148C90.2353 22.4859 88.7914 24 86.534 24ZM95.6699 8.32737V21.2788H99.1273V23.6726H93.2905V8.32737H95.6699ZM106.168 8.32737H108.609L105.294 16.4297V23.6726H102.915V16.4297L99.5589 8.32737H101.999L104.094 13.8721L106.168 8.32737ZM110.973 23.6726V20.9719H113.352V23.6726H110.973ZM124.359 19.4783V20.2148C124.359 22.4859 122.895 24 120.637 24C118.38 24 116.936 22.4859 116.936 20.2148V11.7852C116.936 9.51407 118.38 8 120.637 8C122.895 8 124.359 9.51407 124.359 11.7852V12.5013H121.98V11.7852C121.98 10.9463 121.471 10.3939 120.637 10.3939C119.803 10.3939 119.315 10.9463 119.315 11.7852V20.2148C119.315 21.0537 119.803 21.6061 120.637 21.6061C121.471 21.6061 121.98 21.0537 121.98 20.2148V19.4783H124.359ZM130.648 24C128.39 24 126.946 22.4859 126.946 20.2148V11.7852C126.946 9.51407 128.39 8 130.648 8C132.905 8 134.37 9.51407 134.37 11.7852V20.2148C134.37 22.4859 132.905 24 130.648 24ZM130.648 21.6061C131.482 21.6061 131.99 21.0537 131.99 20.2148V11.7852C131.99 10.9463 131.482 10.3939 130.648 10.3939C129.814 10.3939 129.326 10.9463 129.326 11.7852V20.2148C129.326 21.0537 129.814 21.6061 130.648 21.6061ZM145.824 8.32737H148V23.6726H145.783V15.8772L143.668 23.6726H142.082L139.987 15.9386V23.6726H137.77V8.32737H139.946L142.875 19.5192L145.824 8.32737ZM2 0H6C7.10457 0 8 0.89543 8 2V6C8 7.10457 7.10457 8 6 8H2C0.89543 8 0 7.10457 0 6V2C0 0.89543 0.89543 0 2 0ZM14 24H18C19.1046 24 20 24.8954 20 26V30C20 31.1046 19.1046 32 18 32H14C12.8954 32 12 31.1046 12 30V26C12 24.8954 12.8954 24 14 24ZM20 8V18C20 19.1046 19.1046 20 18 20H14C12.8954 20 12 19.1046 12 18V2C12 0.89543 12.8954 0 14 0H30C31.1046 0 32 0.89543 32 2V6C32 7.10457 31.1046 8 30 8H20Z",fill:"#272E35"})}),x.jsx("defs",{children:x.jsx("clipPath",{id:"clip0_6565_309",children:x.jsx("rect",{width:"148",height:"32",fill:"white"})})})]}),Lt=()=>x.jsx(T.svg,{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:x.jsx("path",{id:"Tetrisly-Mark",fillRule:"evenodd",clipRule:"evenodd",d:"M0.999999 0H3C3.55228 0 4 0.447715 4 1V3C4 3.55228 3.55228 4 3 4H0.999999C0.447715 4 0 3.55228 0 3V1C0 0.447715 0.447715 0 0.999999 0ZM7 12H9C9.55228 12 10 12.4477 10 13V15C10 15.5523 9.55228 16 9 16H7C6.44771 16 6 15.5523 6 15V13C6 12.4477 6.44771 12 7 12ZM10 9V4H15C15.5523 4 16 3.55228 16 3V1C16 0.447715 15.5523 0 15 0H7C6.44771 0 6 0.447715 6 1V9C6 9.55229 6.44771 10 7 10H9C9.55228 10 10 9.55229 10 9Z",fill:"#272E35"})}),be=({component:r,description:e,docs:t})=>x.jsx(T.section,{p:{xs:"$space-component-padding-xLarge",md:"$space-component-padding-3xLarge"},display:"flex",flexDirection:"column",children:x.jsxs(T.div,{px:{md:"$dimension-600",sm:"$dimension-400",_:"$dimension-200"},py:{md:"$dimension-1000",sm:"$dimension-600",_:"$dimension-400"},background:"linear-gradient(225deg, #FEF1E7 0%, #DDF3F9 100%);",borderRadius:"$border-radius-xLarge",children:[x.jsxs(T.div,{display:"flex",flexDirection:{sm:"row",_:"column-reverse"},gap:"$dimension-200",justifyContent:"space-between",children:[x.jsxs(T.div,{display:"flex",gap:"$space-component-gap-medium",alignItems:"center",children:[x.jsx(Lt,{}),x.jsx(T.span,{text:{md:"$typo-body-small",_:"$typo-body-xSmall"},color:"$color-content-secondary",children:"Components"})]}),x.jsx(T.a,{href:"https://tetrisly.com/",target:"_blank",display:{sm:"block",_:"none"},children:x.jsx(Pt,{})})]}),x.jsxs(T.div,{my:"$space-component-gap-xLarge",display:"flex",gap:"$space-component-gap-large",flexDirection:"column",children:[x.jsx(T.h1,{text:{md:"$typo-hero-medium",sm:"$typo-header-3xLarge",_:"$typo-header-large"},children:r}),e&&x.jsx(T.p,{color:"$color-content-secondary",text:{md:"$typo-body-large",_:"$typo-body-small"},children:e})]}),t&&x.jsx(T.a,{href:t,target:"_blank",rel:"noreferrer",color:"$color-action-primary-normal",text:{md:"$typo-body-medium",_:"$typo-body-small"},children:"View documentation"})]})});try{be.displayName="Hero",be.__docgenInfo={description:"",displayName:"Hero",props:{component:{defaultValue:null,description:"",name:"component",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"string | null"}},docs:{defaultValue:null,description:"",name:"docs",required:!0,type:{name:"string | null"}}}}}catch{}const Ht=r=>{const t=_e.object({description:_e.object({component:_e.string()})}).safeParse(r);return t.success?t.data.description.component:null},Ce=({children:r,docs:e})=>{const{preparedMeta:{title:t,parameters:{docs:s}}}=Re("meta",["meta"]),n=Ht(s);return x.jsxs(x.Fragment,{children:[x.jsx(Me,{children:x.jsx(Le,{children:x.jsxs(T.div,{overflow:{xs:"scroll",md:"visible"},maxWidth:"888px",children:[x.jsx(be,{component:t.split("/").pop()??"",description:n,docs:e}),r]})})}),x.jsx(Ae,{}),x.jsx($e,{}),x.jsx(Pe,{})]})};try{Ce.displayName="TetDocs",Ce.__docgenInfo={description:"",displayName:"TetDocs",props:{docs:{defaultValue:null,description:"",name:"docs",required:!0,type:{name:"string | null"}}}}}catch{}export{Ce as T}; +import{j as x}from"./jsx-runtime-ffb262ed.js";import{u as Re,U as Me,P as Ae,e as $e,f as Pe}from"./index-43890eef.js";import{t as T,T as Le}from"./TetrislyProvider-8c69fae3.js";var g;(function(r){r.assertEqual=n=>n;function e(n){}r.assertIs=e;function t(n){throw new Error}r.assertNever=t,r.arrayToEnum=n=>{const a={};for(const i of n)a[i]=i;return a},r.getValidEnumValues=n=>{const a=r.objectKeys(n).filter(o=>typeof n[n[o]]!="number"),i={};for(const o of a)i[o]=n[o];return r.objectValues(i)},r.objectValues=n=>r.objectKeys(n).map(function(a){return n[a]}),r.objectKeys=typeof Object.keys=="function"?n=>Object.keys(n):n=>{const a=[];for(const i in n)Object.prototype.hasOwnProperty.call(n,i)&&a.push(i);return a},r.find=(n,a)=>{for(const i of n)if(a(i))return i},r.isInteger=typeof Number.isInteger=="function"?n=>Number.isInteger(n):n=>typeof n=="number"&&isFinite(n)&&Math.floor(n)===n;function s(n,a=" | "){return n.map(i=>typeof i=="string"?`'${i}'`:i).join(a)}r.joinValues=s,r.jsonStringifyReplacer=(n,a)=>typeof a=="bigint"?a.toString():a})(g||(g={}));var ve;(function(r){r.mergeShapes=(e,t)=>({...e,...t})})(ve||(ve={}));const l=g.arrayToEnum(["string","nan","number","integer","float","boolean","date","bigint","symbol","function","undefined","null","array","object","unknown","promise","void","never","map","set"]),R=r=>{switch(typeof r){case"undefined":return l.undefined;case"string":return l.string;case"number":return isNaN(r)?l.nan:l.number;case"boolean":return l.boolean;case"function":return l.function;case"bigint":return l.bigint;case"symbol":return l.symbol;case"object":return Array.isArray(r)?l.array:r===null?l.null:r.then&&typeof r.then=="function"&&r.catch&&typeof r.catch=="function"?l.promise:typeof Map<"u"&&r instanceof Map?l.map:typeof Set<"u"&&r instanceof Set?l.set:typeof Date<"u"&&r instanceof Date?l.date:l.object;default:return l.unknown}},d=g.arrayToEnum(["invalid_type","invalid_literal","custom","invalid_union","invalid_union_discriminator","invalid_enum_value","unrecognized_keys","invalid_arguments","invalid_return_type","invalid_date","invalid_string","too_small","too_big","invalid_intersection_types","not_multiple_of","not_finite"]),He=r=>JSON.stringify(r,null,2).replace(/"([^"]+)":/g,"$1:");class V extends Error{constructor(e){super(),this.issues=[],this.addIssue=s=>{this.issues=[...this.issues,s]},this.addIssues=(s=[])=>{this.issues=[...this.issues,...s]};const t=new.target.prototype;Object.setPrototypeOf?Object.setPrototypeOf(this,t):this.__proto__=t,this.name="ZodError",this.issues=e}get errors(){return this.issues}format(e){const t=e||function(a){return a.message},s={_errors:[]},n=a=>{for(const i of a.issues)if(i.code==="invalid_union")i.unionErrors.map(n);else if(i.code==="invalid_return_type")n(i.returnTypeError);else if(i.code==="invalid_arguments")n(i.argumentsError);else if(i.path.length===0)s._errors.push(t(i));else{let o=s,h=0;for(;ht.message){const t={},s=[];for(const n of this.issues)n.path.length>0?(t[n.path[0]]=t[n.path[0]]||[],t[n.path[0]].push(e(n))):s.push(e(n));return{formErrors:s,fieldErrors:t}}get formErrors(){return this.flatten()}}V.create=r=>new V(r);const W=(r,e)=>{let t;switch(r.code){case d.invalid_type:r.received===l.undefined?t="Required":t=`Expected ${r.expected}, received ${r.received}`;break;case d.invalid_literal:t=`Invalid literal value, expected ${JSON.stringify(r.expected,g.jsonStringifyReplacer)}`;break;case d.unrecognized_keys:t=`Unrecognized key(s) in object: ${g.joinValues(r.keys,", ")}`;break;case d.invalid_union:t="Invalid input";break;case d.invalid_union_discriminator:t=`Invalid discriminator value. Expected ${g.joinValues(r.options)}`;break;case d.invalid_enum_value:t=`Invalid enum value. Expected ${g.joinValues(r.options)}, received '${r.received}'`;break;case d.invalid_arguments:t="Invalid function arguments";break;case d.invalid_return_type:t="Invalid function return type";break;case d.invalid_date:t="Invalid date";break;case d.invalid_string:typeof r.validation=="object"?"includes"in r.validation?(t=`Invalid input: must include "${r.validation.includes}"`,typeof r.validation.position=="number"&&(t=`${t} at one or more positions greater than or equal to ${r.validation.position}`)):"startsWith"in r.validation?t=`Invalid input: must start with "${r.validation.startsWith}"`:"endsWith"in r.validation?t=`Invalid input: must end with "${r.validation.endsWith}"`:g.assertNever(r.validation):r.validation!=="regex"?t=`Invalid ${r.validation}`:t="Invalid";break;case d.too_small:r.type==="array"?t=`Array must contain ${r.exact?"exactly":r.inclusive?"at least":"more than"} ${r.minimum} element(s)`:r.type==="string"?t=`String must contain ${r.exact?"exactly":r.inclusive?"at least":"over"} ${r.minimum} character(s)`:r.type==="number"?t=`Number must be ${r.exact?"exactly equal to ":r.inclusive?"greater than or equal to ":"greater than "}${r.minimum}`:r.type==="date"?t=`Date must be ${r.exact?"exactly equal to ":r.inclusive?"greater than or equal to ":"greater than "}${new Date(Number(r.minimum))}`:t="Invalid input";break;case d.too_big:r.type==="array"?t=`Array must contain ${r.exact?"exactly":r.inclusive?"at most":"less than"} ${r.maximum} element(s)`:r.type==="string"?t=`String must contain ${r.exact?"exactly":r.inclusive?"at most":"under"} ${r.maximum} character(s)`:r.type==="number"?t=`Number must be ${r.exact?"exactly":r.inclusive?"less than or equal to":"less than"} ${r.maximum}`:r.type==="bigint"?t=`BigInt must be ${r.exact?"exactly":r.inclusive?"less than or equal to":"less than"} ${r.maximum}`:r.type==="date"?t=`Date must be ${r.exact?"exactly":r.inclusive?"smaller than or equal to":"smaller than"} ${new Date(Number(r.maximum))}`:t="Invalid input";break;case d.custom:t="Invalid input";break;case d.invalid_intersection_types:t="Intersection results could not be merged";break;case d.not_multiple_of:t=`Number must be a multiple of ${r.multipleOf}`;break;case d.not_finite:t="Number must be finite";break;default:t=e.defaultError,g.assertNever(r)}return{message:t}};let Ze=W;function De(r){Ze=r}function ie(){return Ze}const oe=r=>{const{data:e,path:t,errorMaps:s,issueData:n}=r,a=[...t,...n.path||[]],i={...n,path:a};let o="";const h=s.filter(c=>!!c).slice().reverse();for(const c of h)o=c(i,{data:e,defaultError:o}).message;return{...n,path:a,message:n.message||o}},ze=[];function u(r,e){const t=oe({issueData:e,data:r.data,path:r.path,errorMaps:[r.common.contextualErrorMap,r.schemaErrorMap,ie(),W].filter(s=>!!s)});r.common.issues.push(t)}class b{constructor(){this.value="valid"}dirty(){this.value==="valid"&&(this.value="dirty")}abort(){this.value!=="aborted"&&(this.value="aborted")}static mergeArray(e,t){const s=[];for(const n of t){if(n.status==="aborted")return m;n.status==="dirty"&&e.dirty(),s.push(n.value)}return{status:e.value,value:s}}static async mergeObjectAsync(e,t){const s=[];for(const n of t)s.push({key:await n.key,value:await n.value});return b.mergeObjectSync(e,s)}static mergeObjectSync(e,t){const s={};for(const n of t){const{key:a,value:i}=n;if(a.status==="aborted"||i.status==="aborted")return m;a.status==="dirty"&&e.dirty(),i.status==="dirty"&&e.dirty(),a.value!=="__proto__"&&(typeof i.value<"u"||n.alwaysSet)&&(s[a.value]=i.value)}return{status:e.value,value:s}}}const m=Object.freeze({status:"aborted"}),Ve=r=>({status:"dirty",value:r}),w=r=>({status:"valid",value:r}),ge=r=>r.status==="aborted",xe=r=>r.status==="dirty",J=r=>r.status==="valid",de=r=>typeof Promise<"u"&&r instanceof Promise;var f;(function(r){r.errToObj=e=>typeof e=="string"?{message:e}:e||{},r.toString=e=>typeof e=="string"?e:e==null?void 0:e.message})(f||(f={}));class j{constructor(e,t,s,n){this._cachedPath=[],this.parent=e,this.data=t,this._path=s,this._key=n}get path(){return this._cachedPath.length||(this._key instanceof Array?this._cachedPath.push(...this._path,...this._key):this._cachedPath.push(...this._path,this._key)),this._cachedPath}}const we=(r,e)=>{if(J(e))return{success:!0,data:e.value};if(!r.common.issues.length)throw new Error("Validation failed but no issues detected.");return{success:!1,get error(){if(this._error)return this._error;const t=new V(r.common.issues);return this._error=t,this._error}}};function y(r){if(!r)return{};const{errorMap:e,invalid_type_error:t,required_error:s,description:n}=r;if(e&&(t||s))throw new Error(`Can't use "invalid_type_error" or "required_error" in conjunction with custom error map.`);return e?{errorMap:e,description:n}:{errorMap:(i,o)=>i.code!=="invalid_type"?{message:o.defaultError}:typeof o.data>"u"?{message:s??o.defaultError}:{message:t??o.defaultError},description:n}}class _{constructor(e){this.spa=this.safeParseAsync,this._def=e,this.parse=this.parse.bind(this),this.safeParse=this.safeParse.bind(this),this.parseAsync=this.parseAsync.bind(this),this.safeParseAsync=this.safeParseAsync.bind(this),this.spa=this.spa.bind(this),this.refine=this.refine.bind(this),this.refinement=this.refinement.bind(this),this.superRefine=this.superRefine.bind(this),this.optional=this.optional.bind(this),this.nullable=this.nullable.bind(this),this.nullish=this.nullish.bind(this),this.array=this.array.bind(this),this.promise=this.promise.bind(this),this.or=this.or.bind(this),this.and=this.and.bind(this),this.transform=this.transform.bind(this),this.brand=this.brand.bind(this),this.default=this.default.bind(this),this.catch=this.catch.bind(this),this.describe=this.describe.bind(this),this.pipe=this.pipe.bind(this),this.readonly=this.readonly.bind(this),this.isNullable=this.isNullable.bind(this),this.isOptional=this.isOptional.bind(this)}get description(){return this._def.description}_getType(e){return R(e.data)}_getOrReturnCtx(e,t){return t||{common:e.parent.common,data:e.data,parsedType:R(e.data),schemaErrorMap:this._def.errorMap,path:e.path,parent:e.parent}}_processInputParams(e){return{status:new b,ctx:{common:e.parent.common,data:e.data,parsedType:R(e.data),schemaErrorMap:this._def.errorMap,path:e.path,parent:e.parent}}}_parseSync(e){const t=this._parse(e);if(de(t))throw new Error("Synchronous parse encountered promise.");return t}_parseAsync(e){const t=this._parse(e);return Promise.resolve(t)}parse(e,t){const s=this.safeParse(e,t);if(s.success)return s.data;throw s.error}safeParse(e,t){var s;const n={common:{issues:[],async:(s=t==null?void 0:t.async)!==null&&s!==void 0?s:!1,contextualErrorMap:t==null?void 0:t.errorMap},path:(t==null?void 0:t.path)||[],schemaErrorMap:this._def.errorMap,parent:null,data:e,parsedType:R(e)},a=this._parseSync({data:e,path:n.path,parent:n});return we(n,a)}async parseAsync(e,t){const s=await this.safeParseAsync(e,t);if(s.success)return s.data;throw s.error}async safeParseAsync(e,t){const s={common:{issues:[],contextualErrorMap:t==null?void 0:t.errorMap,async:!0},path:(t==null?void 0:t.path)||[],schemaErrorMap:this._def.errorMap,parent:null,data:e,parsedType:R(e)},n=this._parse({data:e,path:s.path,parent:s}),a=await(de(n)?n:Promise.resolve(n));return we(s,a)}refine(e,t){const s=n=>typeof t=="string"||typeof t>"u"?{message:t}:typeof t=="function"?t(n):t;return this._refinement((n,a)=>{const i=e(n),o=()=>a.addIssue({code:d.custom,...s(n)});return typeof Promise<"u"&&i instanceof Promise?i.then(h=>h?!0:(o(),!1)):i?!0:(o(),!1)})}refinement(e,t){return this._refinement((s,n)=>e(s)?!0:(n.addIssue(typeof t=="function"?t(s,n):t),!1))}_refinement(e){return new S({schema:this,typeName:p.ZodEffects,effect:{type:"refinement",refinement:e}})}superRefine(e){return this._refinement(e)}optional(){return O.create(this,this._def)}nullable(){return D.create(this,this._def)}nullish(){return this.nullable().optional()}array(){return N.create(this,this._def)}promise(){return q.create(this,this._def)}or(e){return Q.create([this,e],this._def)}and(e){return K.create(this,e,this._def)}transform(e){return new S({...y(this._def),schema:this,typeName:p.ZodEffects,effect:{type:"transform",transform:e}})}default(e){const t=typeof e=="function"?e:()=>e;return new se({...y(this._def),innerType:this,defaultValue:t,typeName:p.ZodDefault})}brand(){return new Se({typeName:p.ZodBranded,type:this,...y(this._def)})}catch(e){const t=typeof e=="function"?e:()=>e;return new he({...y(this._def),innerType:this,catchValue:t,typeName:p.ZodCatch})}describe(e){const t=this.constructor;return new t({...this._def,description:e})}pipe(e){return ne.create(this,e)}readonly(){return pe.create(this)}isOptional(){return this.safeParse(void 0).success}isNullable(){return this.safeParse(null).success}}const Ue=/^c[^\s-]{8,}$/i,Be=/^[a-z][a-z0-9]*$/,qe=/[0-9A-HJKMNP-TV-Z]{26}/,We=/^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/i,Je=/^(?!\.)(?!.*\.\.)([A-Z0-9_+-\.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9\-]*\.)+[A-Z]{2,}$/i,Ye=/^(\p{Extended_Pictographic}|\p{Emoji_Component})+$/u,Ge=/^(((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2}))\.){3}((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2}))$/,Xe=/^(([a-f0-9]{1,4}:){7}|::([a-f0-9]{1,4}:){0,6}|([a-f0-9]{1,4}:){1}:([a-f0-9]{1,4}:){0,5}|([a-f0-9]{1,4}:){2}:([a-f0-9]{1,4}:){0,4}|([a-f0-9]{1,4}:){3}:([a-f0-9]{1,4}:){0,3}|([a-f0-9]{1,4}:){4}:([a-f0-9]{1,4}:){0,2}|([a-f0-9]{1,4}:){5}:([a-f0-9]{1,4}:){0,1})([a-f0-9]{1,4}|(((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2}))\.){3}((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2})))$/,Qe=r=>r.precision?r.offset?new RegExp(`^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{${r.precision}}(([+-]\\d{2}(:?\\d{2})?)|Z)$`):new RegExp(`^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{${r.precision}}Z$`):r.precision===0?r.offset?new RegExp("^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(([+-]\\d{2}(:?\\d{2})?)|Z)$"):new RegExp("^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}Z$"):r.offset?new RegExp("^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(\\.\\d+)?(([+-]\\d{2}(:?\\d{2})?)|Z)$"):new RegExp("^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(\\.\\d+)?Z$");function Ke(r,e){return!!((e==="v4"||!e)&&Ge.test(r)||(e==="v6"||!e)&&Xe.test(r))}class Z extends _{constructor(){super(...arguments),this._regex=(e,t,s)=>this.refinement(n=>e.test(n),{validation:t,code:d.invalid_string,...f.errToObj(s)}),this.nonempty=e=>this.min(1,f.errToObj(e)),this.trim=()=>new Z({...this._def,checks:[...this._def.checks,{kind:"trim"}]}),this.toLowerCase=()=>new Z({...this._def,checks:[...this._def.checks,{kind:"toLowerCase"}]}),this.toUpperCase=()=>new Z({...this._def,checks:[...this._def.checks,{kind:"toUpperCase"}]})}_parse(e){if(this._def.coerce&&(e.data=String(e.data)),this._getType(e)!==l.string){const a=this._getOrReturnCtx(e);return u(a,{code:d.invalid_type,expected:l.string,received:a.parsedType}),m}const s=new b;let n;for(const a of this._def.checks)if(a.kind==="min")e.data.lengtha.value&&(n=this._getOrReturnCtx(e,n),u(n,{code:d.too_big,maximum:a.value,type:"string",inclusive:!0,exact:!1,message:a.message}),s.dirty());else if(a.kind==="length"){const i=e.data.length>a.value,o=e.data.length"u"?null:e==null?void 0:e.precision,offset:(t=e==null?void 0:e.offset)!==null&&t!==void 0?t:!1,...f.errToObj(e==null?void 0:e.message)})}regex(e,t){return this._addCheck({kind:"regex",regex:e,...f.errToObj(t)})}includes(e,t){return this._addCheck({kind:"includes",value:e,position:t==null?void 0:t.position,...f.errToObj(t==null?void 0:t.message)})}startsWith(e,t){return this._addCheck({kind:"startsWith",value:e,...f.errToObj(t)})}endsWith(e,t){return this._addCheck({kind:"endsWith",value:e,...f.errToObj(t)})}min(e,t){return this._addCheck({kind:"min",value:e,...f.errToObj(t)})}max(e,t){return this._addCheck({kind:"max",value:e,...f.errToObj(t)})}length(e,t){return this._addCheck({kind:"length",value:e,...f.errToObj(t)})}get isDatetime(){return!!this._def.checks.find(e=>e.kind==="datetime")}get isEmail(){return!!this._def.checks.find(e=>e.kind==="email")}get isURL(){return!!this._def.checks.find(e=>e.kind==="url")}get isEmoji(){return!!this._def.checks.find(e=>e.kind==="emoji")}get isUUID(){return!!this._def.checks.find(e=>e.kind==="uuid")}get isCUID(){return!!this._def.checks.find(e=>e.kind==="cuid")}get isCUID2(){return!!this._def.checks.find(e=>e.kind==="cuid2")}get isULID(){return!!this._def.checks.find(e=>e.kind==="ulid")}get isIP(){return!!this._def.checks.find(e=>e.kind==="ip")}get minLength(){let e=null;for(const t of this._def.checks)t.kind==="min"&&(e===null||t.value>e)&&(e=t.value);return e}get maxLength(){let e=null;for(const t of this._def.checks)t.kind==="max"&&(e===null||t.value{var e;return new Z({checks:[],typeName:p.ZodString,coerce:(e=r==null?void 0:r.coerce)!==null&&e!==void 0?e:!1,...y(r)})};function Fe(r,e){const t=(r.toString().split(".")[1]||"").length,s=(e.toString().split(".")[1]||"").length,n=t>s?t:s,a=parseInt(r.toFixed(n).replace(".","")),i=parseInt(e.toFixed(n).replace(".",""));return a%i/Math.pow(10,n)}class M extends _{constructor(){super(...arguments),this.min=this.gte,this.max=this.lte,this.step=this.multipleOf}_parse(e){if(this._def.coerce&&(e.data=Number(e.data)),this._getType(e)!==l.number){const a=this._getOrReturnCtx(e);return u(a,{code:d.invalid_type,expected:l.number,received:a.parsedType}),m}let s;const n=new b;for(const a of this._def.checks)a.kind==="int"?g.isInteger(e.data)||(s=this._getOrReturnCtx(e,s),u(s,{code:d.invalid_type,expected:"integer",received:"float",message:a.message}),n.dirty()):a.kind==="min"?(a.inclusive?e.dataa.value:e.data>=a.value)&&(s=this._getOrReturnCtx(e,s),u(s,{code:d.too_big,maximum:a.value,type:"number",inclusive:a.inclusive,exact:!1,message:a.message}),n.dirty()):a.kind==="multipleOf"?Fe(e.data,a.value)!==0&&(s=this._getOrReturnCtx(e,s),u(s,{code:d.not_multiple_of,multipleOf:a.value,message:a.message}),n.dirty()):a.kind==="finite"?Number.isFinite(e.data)||(s=this._getOrReturnCtx(e,s),u(s,{code:d.not_finite,message:a.message}),n.dirty()):g.assertNever(a);return{status:n.value,value:e.data}}gte(e,t){return this.setLimit("min",e,!0,f.toString(t))}gt(e,t){return this.setLimit("min",e,!1,f.toString(t))}lte(e,t){return this.setLimit("max",e,!0,f.toString(t))}lt(e,t){return this.setLimit("max",e,!1,f.toString(t))}setLimit(e,t,s,n){return new M({...this._def,checks:[...this._def.checks,{kind:e,value:t,inclusive:s,message:f.toString(n)}]})}_addCheck(e){return new M({...this._def,checks:[...this._def.checks,e]})}int(e){return this._addCheck({kind:"int",message:f.toString(e)})}positive(e){return this._addCheck({kind:"min",value:0,inclusive:!1,message:f.toString(e)})}negative(e){return this._addCheck({kind:"max",value:0,inclusive:!1,message:f.toString(e)})}nonpositive(e){return this._addCheck({kind:"max",value:0,inclusive:!0,message:f.toString(e)})}nonnegative(e){return this._addCheck({kind:"min",value:0,inclusive:!0,message:f.toString(e)})}multipleOf(e,t){return this._addCheck({kind:"multipleOf",value:e,message:f.toString(t)})}finite(e){return this._addCheck({kind:"finite",message:f.toString(e)})}safe(e){return this._addCheck({kind:"min",inclusive:!0,value:Number.MIN_SAFE_INTEGER,message:f.toString(e)})._addCheck({kind:"max",inclusive:!0,value:Number.MAX_SAFE_INTEGER,message:f.toString(e)})}get minValue(){let e=null;for(const t of this._def.checks)t.kind==="min"&&(e===null||t.value>e)&&(e=t.value);return e}get maxValue(){let e=null;for(const t of this._def.checks)t.kind==="max"&&(e===null||t.valuee.kind==="int"||e.kind==="multipleOf"&&g.isInteger(e.value))}get isFinite(){let e=null,t=null;for(const s of this._def.checks){if(s.kind==="finite"||s.kind==="int"||s.kind==="multipleOf")return!0;s.kind==="min"?(t===null||s.value>t)&&(t=s.value):s.kind==="max"&&(e===null||s.valuenew M({checks:[],typeName:p.ZodNumber,coerce:(r==null?void 0:r.coerce)||!1,...y(r)});class A extends _{constructor(){super(...arguments),this.min=this.gte,this.max=this.lte}_parse(e){if(this._def.coerce&&(e.data=BigInt(e.data)),this._getType(e)!==l.bigint){const a=this._getOrReturnCtx(e);return u(a,{code:d.invalid_type,expected:l.bigint,received:a.parsedType}),m}let s;const n=new b;for(const a of this._def.checks)a.kind==="min"?(a.inclusive?e.dataa.value:e.data>=a.value)&&(s=this._getOrReturnCtx(e,s),u(s,{code:d.too_big,type:"bigint",maximum:a.value,inclusive:a.inclusive,message:a.message}),n.dirty()):a.kind==="multipleOf"?e.data%a.value!==BigInt(0)&&(s=this._getOrReturnCtx(e,s),u(s,{code:d.not_multiple_of,multipleOf:a.value,message:a.message}),n.dirty()):g.assertNever(a);return{status:n.value,value:e.data}}gte(e,t){return this.setLimit("min",e,!0,f.toString(t))}gt(e,t){return this.setLimit("min",e,!1,f.toString(t))}lte(e,t){return this.setLimit("max",e,!0,f.toString(t))}lt(e,t){return this.setLimit("max",e,!1,f.toString(t))}setLimit(e,t,s,n){return new A({...this._def,checks:[...this._def.checks,{kind:e,value:t,inclusive:s,message:f.toString(n)}]})}_addCheck(e){return new A({...this._def,checks:[...this._def.checks,e]})}positive(e){return this._addCheck({kind:"min",value:BigInt(0),inclusive:!1,message:f.toString(e)})}negative(e){return this._addCheck({kind:"max",value:BigInt(0),inclusive:!1,message:f.toString(e)})}nonpositive(e){return this._addCheck({kind:"max",value:BigInt(0),inclusive:!0,message:f.toString(e)})}nonnegative(e){return this._addCheck({kind:"min",value:BigInt(0),inclusive:!0,message:f.toString(e)})}multipleOf(e,t){return this._addCheck({kind:"multipleOf",value:e,message:f.toString(t)})}get minValue(){let e=null;for(const t of this._def.checks)t.kind==="min"&&(e===null||t.value>e)&&(e=t.value);return e}get maxValue(){let e=null;for(const t of this._def.checks)t.kind==="max"&&(e===null||t.value{var e;return new A({checks:[],typeName:p.ZodBigInt,coerce:(e=r==null?void 0:r.coerce)!==null&&e!==void 0?e:!1,...y(r)})};class Y extends _{_parse(e){if(this._def.coerce&&(e.data=!!e.data),this._getType(e)!==l.boolean){const s=this._getOrReturnCtx(e);return u(s,{code:d.invalid_type,expected:l.boolean,received:s.parsedType}),m}return w(e.data)}}Y.create=r=>new Y({typeName:p.ZodBoolean,coerce:(r==null?void 0:r.coerce)||!1,...y(r)});class L extends _{_parse(e){if(this._def.coerce&&(e.data=new Date(e.data)),this._getType(e)!==l.date){const a=this._getOrReturnCtx(e);return u(a,{code:d.invalid_type,expected:l.date,received:a.parsedType}),m}if(isNaN(e.data.getTime())){const a=this._getOrReturnCtx(e);return u(a,{code:d.invalid_date}),m}const s=new b;let n;for(const a of this._def.checks)a.kind==="min"?e.data.getTime()a.value&&(n=this._getOrReturnCtx(e,n),u(n,{code:d.too_big,message:a.message,inclusive:!0,exact:!1,maximum:a.value,type:"date"}),s.dirty()):g.assertNever(a);return{status:s.value,value:new Date(e.data.getTime())}}_addCheck(e){return new L({...this._def,checks:[...this._def.checks,e]})}min(e,t){return this._addCheck({kind:"min",value:e.getTime(),message:f.toString(t)})}max(e,t){return this._addCheck({kind:"max",value:e.getTime(),message:f.toString(t)})}get minDate(){let e=null;for(const t of this._def.checks)t.kind==="min"&&(e===null||t.value>e)&&(e=t.value);return e!=null?new Date(e):null}get maxDate(){let e=null;for(const t of this._def.checks)t.kind==="max"&&(e===null||t.valuenew L({checks:[],coerce:(r==null?void 0:r.coerce)||!1,typeName:p.ZodDate,...y(r)});class ce extends _{_parse(e){if(this._getType(e)!==l.symbol){const s=this._getOrReturnCtx(e);return u(s,{code:d.invalid_type,expected:l.symbol,received:s.parsedType}),m}return w(e.data)}}ce.create=r=>new ce({typeName:p.ZodSymbol,...y(r)});class G extends _{_parse(e){if(this._getType(e)!==l.undefined){const s=this._getOrReturnCtx(e);return u(s,{code:d.invalid_type,expected:l.undefined,received:s.parsedType}),m}return w(e.data)}}G.create=r=>new G({typeName:p.ZodUndefined,...y(r)});class X extends _{_parse(e){if(this._getType(e)!==l.null){const s=this._getOrReturnCtx(e);return u(s,{code:d.invalid_type,expected:l.null,received:s.parsedType}),m}return w(e.data)}}X.create=r=>new X({typeName:p.ZodNull,...y(r)});class B extends _{constructor(){super(...arguments),this._any=!0}_parse(e){return w(e.data)}}B.create=r=>new B({typeName:p.ZodAny,...y(r)});class P extends _{constructor(){super(...arguments),this._unknown=!0}_parse(e){return w(e.data)}}P.create=r=>new P({typeName:p.ZodUnknown,...y(r)});class I extends _{_parse(e){const t=this._getOrReturnCtx(e);return u(t,{code:d.invalid_type,expected:l.never,received:t.parsedType}),m}}I.create=r=>new I({typeName:p.ZodNever,...y(r)});class le extends _{_parse(e){if(this._getType(e)!==l.undefined){const s=this._getOrReturnCtx(e);return u(s,{code:d.invalid_type,expected:l.void,received:s.parsedType}),m}return w(e.data)}}le.create=r=>new le({typeName:p.ZodVoid,...y(r)});class N extends _{_parse(e){const{ctx:t,status:s}=this._processInputParams(e),n=this._def;if(t.parsedType!==l.array)return u(t,{code:d.invalid_type,expected:l.array,received:t.parsedType}),m;if(n.exactLength!==null){const i=t.data.length>n.exactLength.value,o=t.data.lengthn.maxLength.value&&(u(t,{code:d.too_big,maximum:n.maxLength.value,type:"array",inclusive:!0,exact:!1,message:n.maxLength.message}),s.dirty()),t.common.async)return Promise.all([...t.data].map((i,o)=>n.type._parseAsync(new j(t,i,t.path,o)))).then(i=>b.mergeArray(s,i));const a=[...t.data].map((i,o)=>n.type._parseSync(new j(t,i,t.path,o)));return b.mergeArray(s,a)}get element(){return this._def.type}min(e,t){return new N({...this._def,minLength:{value:e,message:f.toString(t)}})}max(e,t){return new N({...this._def,maxLength:{value:e,message:f.toString(t)}})}length(e,t){return new N({...this._def,exactLength:{value:e,message:f.toString(t)}})}nonempty(e){return this.min(1,e)}}N.create=(r,e)=>new N({type:r,minLength:null,maxLength:null,exactLength:null,typeName:p.ZodArray,...y(e)});function z(r){if(r instanceof k){const e={};for(const t in r.shape){const s=r.shape[t];e[t]=O.create(z(s))}return new k({...r._def,shape:()=>e})}else return r instanceof N?new N({...r._def,type:z(r.element)}):r instanceof O?O.create(z(r.unwrap())):r instanceof D?D.create(z(r.unwrap())):r instanceof E?E.create(r.items.map(e=>z(e))):r}class k extends _{constructor(){super(...arguments),this._cached=null,this.nonstrict=this.passthrough,this.augment=this.extend}_getCached(){if(this._cached!==null)return this._cached;const e=this._def.shape(),t=g.objectKeys(e);return this._cached={shape:e,keys:t}}_parse(e){if(this._getType(e)!==l.object){const c=this._getOrReturnCtx(e);return u(c,{code:d.invalid_type,expected:l.object,received:c.parsedType}),m}const{status:s,ctx:n}=this._processInputParams(e),{shape:a,keys:i}=this._getCached(),o=[];if(!(this._def.catchall instanceof I&&this._def.unknownKeys==="strip"))for(const c in n.data)i.includes(c)||o.push(c);const h=[];for(const c of i){const v=a[c],C=n.data[c];h.push({key:{status:"valid",value:c},value:v._parse(new j(n,C,n.path,c)),alwaysSet:c in n.data})}if(this._def.catchall instanceof I){const c=this._def.unknownKeys;if(c==="passthrough")for(const v of o)h.push({key:{status:"valid",value:v},value:{status:"valid",value:n.data[v]}});else if(c==="strict")o.length>0&&(u(n,{code:d.unrecognized_keys,keys:o}),s.dirty());else if(c!=="strip")throw new Error("Internal ZodObject error: invalid unknownKeys value.")}else{const c=this._def.catchall;for(const v of o){const C=n.data[v];h.push({key:{status:"valid",value:v},value:c._parse(new j(n,C,n.path,v)),alwaysSet:v in n.data})}}return n.common.async?Promise.resolve().then(async()=>{const c=[];for(const v of h){const C=await v.key;c.push({key:C,value:await v.value,alwaysSet:v.alwaysSet})}return c}).then(c=>b.mergeObjectSync(s,c)):b.mergeObjectSync(s,h)}get shape(){return this._def.shape()}strict(e){return f.errToObj,new k({...this._def,unknownKeys:"strict",...e!==void 0?{errorMap:(t,s)=>{var n,a,i,o;const h=(i=(a=(n=this._def).errorMap)===null||a===void 0?void 0:a.call(n,t,s).message)!==null&&i!==void 0?i:s.defaultError;return t.code==="unrecognized_keys"?{message:(o=f.errToObj(e).message)!==null&&o!==void 0?o:h}:{message:h}}}:{}})}strip(){return new k({...this._def,unknownKeys:"strip"})}passthrough(){return new k({...this._def,unknownKeys:"passthrough"})}extend(e){return new k({...this._def,shape:()=>({...this._def.shape(),...e})})}merge(e){return new k({unknownKeys:e._def.unknownKeys,catchall:e._def.catchall,shape:()=>({...this._def.shape(),...e._def.shape()}),typeName:p.ZodObject})}setKey(e,t){return this.augment({[e]:t})}catchall(e){return new k({...this._def,catchall:e})}pick(e){const t={};return g.objectKeys(e).forEach(s=>{e[s]&&this.shape[s]&&(t[s]=this.shape[s])}),new k({...this._def,shape:()=>t})}omit(e){const t={};return g.objectKeys(this.shape).forEach(s=>{e[s]||(t[s]=this.shape[s])}),new k({...this._def,shape:()=>t})}deepPartial(){return z(this)}partial(e){const t={};return g.objectKeys(this.shape).forEach(s=>{const n=this.shape[s];e&&!e[s]?t[s]=n:t[s]=n.optional()}),new k({...this._def,shape:()=>t})}required(e){const t={};return g.objectKeys(this.shape).forEach(s=>{if(e&&!e[s])t[s]=this.shape[s];else{let a=this.shape[s];for(;a instanceof O;)a=a._def.innerType;t[s]=a}}),new k({...this._def,shape:()=>t})}keyof(){return Ne(g.objectKeys(this.shape))}}k.create=(r,e)=>new k({shape:()=>r,unknownKeys:"strip",catchall:I.create(),typeName:p.ZodObject,...y(e)});k.strictCreate=(r,e)=>new k({shape:()=>r,unknownKeys:"strict",catchall:I.create(),typeName:p.ZodObject,...y(e)});k.lazycreate=(r,e)=>new k({shape:r,unknownKeys:"strip",catchall:I.create(),typeName:p.ZodObject,...y(e)});class Q extends _{_parse(e){const{ctx:t}=this._processInputParams(e),s=this._def.options;function n(a){for(const o of a)if(o.result.status==="valid")return o.result;for(const o of a)if(o.result.status==="dirty")return t.common.issues.push(...o.ctx.common.issues),o.result;const i=a.map(o=>new V(o.ctx.common.issues));return u(t,{code:d.invalid_union,unionErrors:i}),m}if(t.common.async)return Promise.all(s.map(async a=>{const i={...t,common:{...t.common,issues:[]},parent:null};return{result:await a._parseAsync({data:t.data,path:t.path,parent:i}),ctx:i}})).then(n);{let a;const i=[];for(const h of s){const c={...t,common:{...t.common,issues:[]},parent:null},v=h._parseSync({data:t.data,path:t.path,parent:c});if(v.status==="valid")return v;v.status==="dirty"&&!a&&(a={result:v,ctx:c}),c.common.issues.length&&i.push(c.common.issues)}if(a)return t.common.issues.push(...a.ctx.common.issues),a.result;const o=i.map(h=>new V(h));return u(t,{code:d.invalid_union,unionErrors:o}),m}}get options(){return this._def.options}}Q.create=(r,e)=>new Q({options:r,typeName:p.ZodUnion,...y(e)});const ae=r=>r instanceof ee?ae(r.schema):r instanceof S?ae(r.innerType()):r instanceof te?[r.value]:r instanceof $?r.options:r instanceof re?Object.keys(r.enum):r instanceof se?ae(r._def.innerType):r instanceof G?[void 0]:r instanceof X?[null]:null;class me extends _{_parse(e){const{ctx:t}=this._processInputParams(e);if(t.parsedType!==l.object)return u(t,{code:d.invalid_type,expected:l.object,received:t.parsedType}),m;const s=this.discriminator,n=t.data[s],a=this.optionsMap.get(n);return a?t.common.async?a._parseAsync({data:t.data,path:t.path,parent:t}):a._parseSync({data:t.data,path:t.path,parent:t}):(u(t,{code:d.invalid_union_discriminator,options:Array.from(this.optionsMap.keys()),path:[s]}),m)}get discriminator(){return this._def.discriminator}get options(){return this._def.options}get optionsMap(){return this._def.optionsMap}static create(e,t,s){const n=new Map;for(const a of t){const i=ae(a.shape[e]);if(!i)throw new Error(`A discriminator value for key \`${e}\` could not be extracted from all schema options`);for(const o of i){if(n.has(o))throw new Error(`Discriminator property ${String(e)} has duplicate value ${String(o)}`);n.set(o,a)}}return new me({typeName:p.ZodDiscriminatedUnion,discriminator:e,options:t,optionsMap:n,...y(s)})}}function ke(r,e){const t=R(r),s=R(e);if(r===e)return{valid:!0,data:r};if(t===l.object&&s===l.object){const n=g.objectKeys(e),a=g.objectKeys(r).filter(o=>n.indexOf(o)!==-1),i={...r,...e};for(const o of a){const h=ke(r[o],e[o]);if(!h.valid)return{valid:!1};i[o]=h.data}return{valid:!0,data:i}}else if(t===l.array&&s===l.array){if(r.length!==e.length)return{valid:!1};const n=[];for(let a=0;a{if(ge(a)||ge(i))return m;const o=ke(a.value,i.value);return o.valid?((xe(a)||xe(i))&&t.dirty(),{status:t.value,value:o.data}):(u(s,{code:d.invalid_intersection_types}),m)};return s.common.async?Promise.all([this._def.left._parseAsync({data:s.data,path:s.path,parent:s}),this._def.right._parseAsync({data:s.data,path:s.path,parent:s})]).then(([a,i])=>n(a,i)):n(this._def.left._parseSync({data:s.data,path:s.path,parent:s}),this._def.right._parseSync({data:s.data,path:s.path,parent:s}))}}K.create=(r,e,t)=>new K({left:r,right:e,typeName:p.ZodIntersection,...y(t)});class E extends _{_parse(e){const{status:t,ctx:s}=this._processInputParams(e);if(s.parsedType!==l.array)return u(s,{code:d.invalid_type,expected:l.array,received:s.parsedType}),m;if(s.data.lengththis._def.items.length&&(u(s,{code:d.too_big,maximum:this._def.items.length,inclusive:!0,exact:!1,type:"array"}),t.dirty());const a=[...s.data].map((i,o)=>{const h=this._def.items[o]||this._def.rest;return h?h._parse(new j(s,i,s.path,o)):null}).filter(i=>!!i);return s.common.async?Promise.all(a).then(i=>b.mergeArray(t,i)):b.mergeArray(t,a)}get items(){return this._def.items}rest(e){return new E({...this._def,rest:e})}}E.create=(r,e)=>{if(!Array.isArray(r))throw new Error("You must pass an array of schemas to z.tuple([ ... ])");return new E({items:r,typeName:p.ZodTuple,rest:null,...y(e)})};class F extends _{get keySchema(){return this._def.keyType}get valueSchema(){return this._def.valueType}_parse(e){const{status:t,ctx:s}=this._processInputParams(e);if(s.parsedType!==l.object)return u(s,{code:d.invalid_type,expected:l.object,received:s.parsedType}),m;const n=[],a=this._def.keyType,i=this._def.valueType;for(const o in s.data)n.push({key:a._parse(new j(s,o,s.path,o)),value:i._parse(new j(s,s.data[o],s.path,o))});return s.common.async?b.mergeObjectAsync(t,n):b.mergeObjectSync(t,n)}get element(){return this._def.valueType}static create(e,t,s){return t instanceof _?new F({keyType:e,valueType:t,typeName:p.ZodRecord,...y(s)}):new F({keyType:Z.create(),valueType:e,typeName:p.ZodRecord,...y(t)})}}class ue extends _{get keySchema(){return this._def.keyType}get valueSchema(){return this._def.valueType}_parse(e){const{status:t,ctx:s}=this._processInputParams(e);if(s.parsedType!==l.map)return u(s,{code:d.invalid_type,expected:l.map,received:s.parsedType}),m;const n=this._def.keyType,a=this._def.valueType,i=[...s.data.entries()].map(([o,h],c)=>({key:n._parse(new j(s,o,s.path,[c,"key"])),value:a._parse(new j(s,h,s.path,[c,"value"]))}));if(s.common.async){const o=new Map;return Promise.resolve().then(async()=>{for(const h of i){const c=await h.key,v=await h.value;if(c.status==="aborted"||v.status==="aborted")return m;(c.status==="dirty"||v.status==="dirty")&&t.dirty(),o.set(c.value,v.value)}return{status:t.value,value:o}})}else{const o=new Map;for(const h of i){const c=h.key,v=h.value;if(c.status==="aborted"||v.status==="aborted")return m;(c.status==="dirty"||v.status==="dirty")&&t.dirty(),o.set(c.value,v.value)}return{status:t.value,value:o}}}}ue.create=(r,e,t)=>new ue({valueType:e,keyType:r,typeName:p.ZodMap,...y(t)});class H extends _{_parse(e){const{status:t,ctx:s}=this._processInputParams(e);if(s.parsedType!==l.set)return u(s,{code:d.invalid_type,expected:l.set,received:s.parsedType}),m;const n=this._def;n.minSize!==null&&s.data.sizen.maxSize.value&&(u(s,{code:d.too_big,maximum:n.maxSize.value,type:"set",inclusive:!0,exact:!1,message:n.maxSize.message}),t.dirty());const a=this._def.valueType;function i(h){const c=new Set;for(const v of h){if(v.status==="aborted")return m;v.status==="dirty"&&t.dirty(),c.add(v.value)}return{status:t.value,value:c}}const o=[...s.data.values()].map((h,c)=>a._parse(new j(s,h,s.path,c)));return s.common.async?Promise.all(o).then(h=>i(h)):i(o)}min(e,t){return new H({...this._def,minSize:{value:e,message:f.toString(t)}})}max(e,t){return new H({...this._def,maxSize:{value:e,message:f.toString(t)}})}size(e,t){return this.min(e,t).max(e,t)}nonempty(e){return this.min(1,e)}}H.create=(r,e)=>new H({valueType:r,minSize:null,maxSize:null,typeName:p.ZodSet,...y(e)});class U extends _{constructor(){super(...arguments),this.validate=this.implement}_parse(e){const{ctx:t}=this._processInputParams(e);if(t.parsedType!==l.function)return u(t,{code:d.invalid_type,expected:l.function,received:t.parsedType}),m;function s(o,h){return oe({data:o,path:t.path,errorMaps:[t.common.contextualErrorMap,t.schemaErrorMap,ie(),W].filter(c=>!!c),issueData:{code:d.invalid_arguments,argumentsError:h}})}function n(o,h){return oe({data:o,path:t.path,errorMaps:[t.common.contextualErrorMap,t.schemaErrorMap,ie(),W].filter(c=>!!c),issueData:{code:d.invalid_return_type,returnTypeError:h}})}const a={errorMap:t.common.contextualErrorMap},i=t.data;if(this._def.returns instanceof q){const o=this;return w(async function(...h){const c=new V([]),v=await o._def.args.parseAsync(h,a).catch(ye=>{throw c.addIssue(s(h,ye)),c}),C=await Reflect.apply(i,this,v);return await o._def.returns._def.type.parseAsync(C,a).catch(ye=>{throw c.addIssue(n(C,ye)),c})})}else{const o=this;return w(function(...h){const c=o._def.args.safeParse(h,a);if(!c.success)throw new V([s(h,c.error)]);const v=Reflect.apply(i,this,c.data),C=o._def.returns.safeParse(v,a);if(!C.success)throw new V([n(v,C.error)]);return C.data})}}parameters(){return this._def.args}returnType(){return this._def.returns}args(...e){return new U({...this._def,args:E.create(e).rest(P.create())})}returns(e){return new U({...this._def,returns:e})}implement(e){return this.parse(e)}strictImplement(e){return this.parse(e)}static create(e,t,s){return new U({args:e||E.create([]).rest(P.create()),returns:t||P.create(),typeName:p.ZodFunction,...y(s)})}}class ee extends _{get schema(){return this._def.getter()}_parse(e){const{ctx:t}=this._processInputParams(e);return this._def.getter()._parse({data:t.data,path:t.path,parent:t})}}ee.create=(r,e)=>new ee({getter:r,typeName:p.ZodLazy,...y(e)});class te extends _{_parse(e){if(e.data!==this._def.value){const t=this._getOrReturnCtx(e);return u(t,{received:t.data,code:d.invalid_literal,expected:this._def.value}),m}return{status:"valid",value:e.data}}get value(){return this._def.value}}te.create=(r,e)=>new te({value:r,typeName:p.ZodLiteral,...y(e)});function Ne(r,e){return new $({values:r,typeName:p.ZodEnum,...y(e)})}class $ extends _{_parse(e){if(typeof e.data!="string"){const t=this._getOrReturnCtx(e),s=this._def.values;return u(t,{expected:g.joinValues(s),received:t.parsedType,code:d.invalid_type}),m}if(this._def.values.indexOf(e.data)===-1){const t=this._getOrReturnCtx(e),s=this._def.values;return u(t,{received:t.data,code:d.invalid_enum_value,options:s}),m}return w(e.data)}get options(){return this._def.values}get enum(){const e={};for(const t of this._def.values)e[t]=t;return e}get Values(){const e={};for(const t of this._def.values)e[t]=t;return e}get Enum(){const e={};for(const t of this._def.values)e[t]=t;return e}extract(e){return $.create(e)}exclude(e){return $.create(this.options.filter(t=>!e.includes(t)))}}$.create=Ne;class re extends _{_parse(e){const t=g.getValidEnumValues(this._def.values),s=this._getOrReturnCtx(e);if(s.parsedType!==l.string&&s.parsedType!==l.number){const n=g.objectValues(t);return u(s,{expected:g.joinValues(n),received:s.parsedType,code:d.invalid_type}),m}if(t.indexOf(e.data)===-1){const n=g.objectValues(t);return u(s,{received:s.data,code:d.invalid_enum_value,options:n}),m}return w(e.data)}get enum(){return this._def.values}}re.create=(r,e)=>new re({values:r,typeName:p.ZodNativeEnum,...y(e)});class q extends _{unwrap(){return this._def.type}_parse(e){const{ctx:t}=this._processInputParams(e);if(t.parsedType!==l.promise&&t.common.async===!1)return u(t,{code:d.invalid_type,expected:l.promise,received:t.parsedType}),m;const s=t.parsedType===l.promise?t.data:Promise.resolve(t.data);return w(s.then(n=>this._def.type.parseAsync(n,{path:t.path,errorMap:t.common.contextualErrorMap})))}}q.create=(r,e)=>new q({type:r,typeName:p.ZodPromise,...y(e)});class S extends _{innerType(){return this._def.schema}sourceType(){return this._def.schema._def.typeName===p.ZodEffects?this._def.schema.sourceType():this._def.schema}_parse(e){const{status:t,ctx:s}=this._processInputParams(e),n=this._def.effect||null,a={addIssue:i=>{u(s,i),i.fatal?t.abort():t.dirty()},get path(){return s.path}};if(a.addIssue=a.addIssue.bind(a),n.type==="preprocess"){const i=n.transform(s.data,a);return s.common.issues.length?{status:"dirty",value:s.data}:s.common.async?Promise.resolve(i).then(o=>this._def.schema._parseAsync({data:o,path:s.path,parent:s})):this._def.schema._parseSync({data:i,path:s.path,parent:s})}if(n.type==="refinement"){const i=o=>{const h=n.refinement(o,a);if(s.common.async)return Promise.resolve(h);if(h instanceof Promise)throw new Error("Async refinement encountered during synchronous parse operation. Use .parseAsync instead.");return o};if(s.common.async===!1){const o=this._def.schema._parseSync({data:s.data,path:s.path,parent:s});return o.status==="aborted"?m:(o.status==="dirty"&&t.dirty(),i(o.value),{status:t.value,value:o.value})}else return this._def.schema._parseAsync({data:s.data,path:s.path,parent:s}).then(o=>o.status==="aborted"?m:(o.status==="dirty"&&t.dirty(),i(o.value).then(()=>({status:t.value,value:o.value}))))}if(n.type==="transform")if(s.common.async===!1){const i=this._def.schema._parseSync({data:s.data,path:s.path,parent:s});if(!J(i))return i;const o=n.transform(i.value,a);if(o instanceof Promise)throw new Error("Asynchronous transform encountered during synchronous parse operation. Use .parseAsync instead.");return{status:t.value,value:o}}else return this._def.schema._parseAsync({data:s.data,path:s.path,parent:s}).then(i=>J(i)?Promise.resolve(n.transform(i.value,a)).then(o=>({status:t.value,value:o})):i);g.assertNever(n)}}S.create=(r,e,t)=>new S({schema:r,typeName:p.ZodEffects,effect:e,...y(t)});S.createWithPreprocess=(r,e,t)=>new S({schema:e,effect:{type:"preprocess",transform:r},typeName:p.ZodEffects,...y(t)});class O extends _{_parse(e){return this._getType(e)===l.undefined?w(void 0):this._def.innerType._parse(e)}unwrap(){return this._def.innerType}}O.create=(r,e)=>new O({innerType:r,typeName:p.ZodOptional,...y(e)});class D extends _{_parse(e){return this._getType(e)===l.null?w(null):this._def.innerType._parse(e)}unwrap(){return this._def.innerType}}D.create=(r,e)=>new D({innerType:r,typeName:p.ZodNullable,...y(e)});class se extends _{_parse(e){const{ctx:t}=this._processInputParams(e);let s=t.data;return t.parsedType===l.undefined&&(s=this._def.defaultValue()),this._def.innerType._parse({data:s,path:t.path,parent:t})}removeDefault(){return this._def.innerType}}se.create=(r,e)=>new se({innerType:r,typeName:p.ZodDefault,defaultValue:typeof e.default=="function"?e.default:()=>e.default,...y(e)});class he extends _{_parse(e){const{ctx:t}=this._processInputParams(e),s={...t,common:{...t.common,issues:[]}},n=this._def.innerType._parse({data:s.data,path:s.path,parent:{...s}});return de(n)?n.then(a=>({status:"valid",value:a.status==="valid"?a.value:this._def.catchValue({get error(){return new V(s.common.issues)},input:s.data})})):{status:"valid",value:n.status==="valid"?n.value:this._def.catchValue({get error(){return new V(s.common.issues)},input:s.data})}}removeCatch(){return this._def.innerType}}he.create=(r,e)=>new he({innerType:r,typeName:p.ZodCatch,catchValue:typeof e.catch=="function"?e.catch:()=>e.catch,...y(e)});class fe extends _{_parse(e){if(this._getType(e)!==l.nan){const s=this._getOrReturnCtx(e);return u(s,{code:d.invalid_type,expected:l.nan,received:s.parsedType}),m}return{status:"valid",value:e.data}}}fe.create=r=>new fe({typeName:p.ZodNaN,...y(r)});const et=Symbol("zod_brand");class Se extends _{_parse(e){const{ctx:t}=this._processInputParams(e),s=t.data;return this._def.type._parse({data:s,path:t.path,parent:t})}unwrap(){return this._def.type}}class ne extends _{_parse(e){const{status:t,ctx:s}=this._processInputParams(e);if(s.common.async)return(async()=>{const a=await this._def.in._parseAsync({data:s.data,path:s.path,parent:s});return a.status==="aborted"?m:a.status==="dirty"?(t.dirty(),Ve(a.value)):this._def.out._parseAsync({data:a.value,path:s.path,parent:s})})();{const n=this._def.in._parseSync({data:s.data,path:s.path,parent:s});return n.status==="aborted"?m:n.status==="dirty"?(t.dirty(),{status:"dirty",value:n.value}):this._def.out._parseSync({data:n.value,path:s.path,parent:s})}}static create(e,t){return new ne({in:e,out:t,typeName:p.ZodPipeline})}}class pe extends _{_parse(e){const t=this._def.innerType._parse(e);return J(t)&&(t.value=Object.freeze(t.value)),t}}pe.create=(r,e)=>new pe({innerType:r,typeName:p.ZodReadonly,...y(e)});const je=(r,e={},t)=>r?B.create().superRefine((s,n)=>{var a,i;if(!r(s)){const o=typeof e=="function"?e(s):typeof e=="string"?{message:e}:e,h=(i=(a=o.fatal)!==null&&a!==void 0?a:t)!==null&&i!==void 0?i:!0,c=typeof o=="string"?{message:o}:o;n.addIssue({code:"custom",...c,fatal:h})}}):B.create(),tt={object:k.lazycreate};var p;(function(r){r.ZodString="ZodString",r.ZodNumber="ZodNumber",r.ZodNaN="ZodNaN",r.ZodBigInt="ZodBigInt",r.ZodBoolean="ZodBoolean",r.ZodDate="ZodDate",r.ZodSymbol="ZodSymbol",r.ZodUndefined="ZodUndefined",r.ZodNull="ZodNull",r.ZodAny="ZodAny",r.ZodUnknown="ZodUnknown",r.ZodNever="ZodNever",r.ZodVoid="ZodVoid",r.ZodArray="ZodArray",r.ZodObject="ZodObject",r.ZodUnion="ZodUnion",r.ZodDiscriminatedUnion="ZodDiscriminatedUnion",r.ZodIntersection="ZodIntersection",r.ZodTuple="ZodTuple",r.ZodRecord="ZodRecord",r.ZodMap="ZodMap",r.ZodSet="ZodSet",r.ZodFunction="ZodFunction",r.ZodLazy="ZodLazy",r.ZodLiteral="ZodLiteral",r.ZodEnum="ZodEnum",r.ZodEffects="ZodEffects",r.ZodNativeEnum="ZodNativeEnum",r.ZodOptional="ZodOptional",r.ZodNullable="ZodNullable",r.ZodDefault="ZodDefault",r.ZodCatch="ZodCatch",r.ZodPromise="ZodPromise",r.ZodBranded="ZodBranded",r.ZodPipeline="ZodPipeline",r.ZodReadonly="ZodReadonly"})(p||(p={}));const rt=(r,e={message:`Input not instance of ${r.name}`})=>je(t=>t instanceof r,e),Ee=Z.create,Oe=M.create,st=fe.create,nt=A.create,Ie=Y.create,at=L.create,it=ce.create,ot=G.create,dt=X.create,ct=B.create,lt=P.create,ut=I.create,ht=le.create,ft=N.create,pt=k.create,mt=k.strictCreate,yt=Q.create,_t=me.create,vt=K.create,gt=E.create,xt=F.create,kt=ue.create,bt=H.create,wt=U.create,Tt=ee.create,Ct=te.create,Zt=$.create,Vt=re.create,Nt=q.create,Te=S.create,St=O.create,jt=D.create,Et=S.createWithPreprocess,Ot=ne.create,It=()=>Ee().optional(),Rt=()=>Oe().optional(),Mt=()=>Ie().optional(),At={string:r=>Z.create({...r,coerce:!0}),number:r=>M.create({...r,coerce:!0}),boolean:r=>Y.create({...r,coerce:!0}),bigint:r=>A.create({...r,coerce:!0}),date:r=>L.create({...r,coerce:!0})},$t=m;var _e=Object.freeze({__proto__:null,defaultErrorMap:W,setErrorMap:De,getErrorMap:ie,makeIssue:oe,EMPTY_PATH:ze,addIssueToContext:u,ParseStatus:b,INVALID:m,DIRTY:Ve,OK:w,isAborted:ge,isDirty:xe,isValid:J,isAsync:de,get util(){return g},get objectUtil(){return ve},ZodParsedType:l,getParsedType:R,ZodType:_,ZodString:Z,ZodNumber:M,ZodBigInt:A,ZodBoolean:Y,ZodDate:L,ZodSymbol:ce,ZodUndefined:G,ZodNull:X,ZodAny:B,ZodUnknown:P,ZodNever:I,ZodVoid:le,ZodArray:N,ZodObject:k,ZodUnion:Q,ZodDiscriminatedUnion:me,ZodIntersection:K,ZodTuple:E,ZodRecord:F,ZodMap:ue,ZodSet:H,ZodFunction:U,ZodLazy:ee,ZodLiteral:te,ZodEnum:$,ZodNativeEnum:re,ZodPromise:q,ZodEffects:S,ZodTransformer:S,ZodOptional:O,ZodNullable:D,ZodDefault:se,ZodCatch:he,ZodNaN:fe,BRAND:et,ZodBranded:Se,ZodPipeline:ne,ZodReadonly:pe,custom:je,Schema:_,ZodSchema:_,late:tt,get ZodFirstPartyTypeKind(){return p},coerce:At,any:ct,array:ft,bigint:nt,boolean:Ie,date:at,discriminatedUnion:_t,effect:Te,enum:Zt,function:wt,instanceof:rt,intersection:vt,lazy:Tt,literal:Ct,map:kt,nan:st,nativeEnum:Vt,never:ut,null:dt,nullable:jt,number:Oe,object:pt,oboolean:Mt,onumber:Rt,optional:St,ostring:It,pipeline:Ot,preprocess:Et,promise:Nt,record:xt,set:bt,strictObject:mt,string:Ee,symbol:it,transformer:Te,tuple:gt,undefined:ot,union:yt,unknown:lt,void:ht,NEVER:$t,ZodIssueCode:d,quotelessJson:He,ZodError:V});const Pt=()=>x.jsxs(T.svg,{width:"148",height:"32",viewBox:"0 0 148 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[x.jsx("g",{id:"Logo",clipPath:"url(#clip0_6565_309)",children:x.jsx("path",{id:"Vector",d:"M42.3388 23.6726V10.7212H40V8.32737H47.0774V10.7212H44.7183V23.6726H42.3388ZM55.6236 8.32737V10.7212H51.7595V14.4859H55.0744V16.8798H51.7595V21.2788H55.6236V23.6726H49.38V8.32737H55.6236ZM59.5735 23.6726V10.7212H57.2347V8.32737H64.3121V10.7212H61.953V23.6726H59.5735ZM73.9972 14.3632C73.9972 15.5294 73.6107 16.491 72.8989 17.1662C73.5904 17.6368 73.9972 18.3734 73.9972 19.3146V23.6726H71.6177V19.3146C71.6177 18.5575 71.1499 18.046 70.3771 18.046H68.9942V23.6726H66.6147V8.32737H70.3771C72.5735 8.32737 73.9972 9.80051 73.9972 12.0102V14.3632ZM71.6177 14.3632V12.0102C71.6177 11.2327 71.1499 10.7212 70.3771 10.7212H68.9942V15.6522H70.3771C71.1499 15.6522 71.6177 15.1407 71.6177 14.3632ZM79.7368 23.6726H77.3573V8.32737H79.7368V23.6726ZM86.534 24C84.2562 24 82.8122 22.4859 82.8122 20.2148V19.4783H85.1917V20.2148C85.1917 21.0537 85.7001 21.6061 86.534 21.6061C87.3678 21.6061 87.8559 21.0537 87.8559 20.2148V18.7621C87.8559 17.9233 87.3678 17.3708 86.534 17.3708C84.2562 17.3708 82.8122 15.8568 82.8122 13.5857V11.7852C82.8122 9.51407 84.2562 8 86.534 8C88.7914 8 90.2353 9.51407 90.2353 11.7852V12.5013H87.8559V11.7852C87.8559 10.9463 87.3678 10.3939 86.534 10.3939C85.7001 10.3939 85.1917 10.9463 85.1917 11.7852V13.5857C85.1917 14.4246 85.7001 14.977 86.534 14.977C88.7914 14.977 90.2353 16.491 90.2353 18.7621V20.2148C90.2353 22.4859 88.7914 24 86.534 24ZM95.6699 8.32737V21.2788H99.1273V23.6726H93.2905V8.32737H95.6699ZM106.168 8.32737H108.609L105.294 16.4297V23.6726H102.915V16.4297L99.5589 8.32737H101.999L104.094 13.8721L106.168 8.32737ZM110.973 23.6726V20.9719H113.352V23.6726H110.973ZM124.359 19.4783V20.2148C124.359 22.4859 122.895 24 120.637 24C118.38 24 116.936 22.4859 116.936 20.2148V11.7852C116.936 9.51407 118.38 8 120.637 8C122.895 8 124.359 9.51407 124.359 11.7852V12.5013H121.98V11.7852C121.98 10.9463 121.471 10.3939 120.637 10.3939C119.803 10.3939 119.315 10.9463 119.315 11.7852V20.2148C119.315 21.0537 119.803 21.6061 120.637 21.6061C121.471 21.6061 121.98 21.0537 121.98 20.2148V19.4783H124.359ZM130.648 24C128.39 24 126.946 22.4859 126.946 20.2148V11.7852C126.946 9.51407 128.39 8 130.648 8C132.905 8 134.37 9.51407 134.37 11.7852V20.2148C134.37 22.4859 132.905 24 130.648 24ZM130.648 21.6061C131.482 21.6061 131.99 21.0537 131.99 20.2148V11.7852C131.99 10.9463 131.482 10.3939 130.648 10.3939C129.814 10.3939 129.326 10.9463 129.326 11.7852V20.2148C129.326 21.0537 129.814 21.6061 130.648 21.6061ZM145.824 8.32737H148V23.6726H145.783V15.8772L143.668 23.6726H142.082L139.987 15.9386V23.6726H137.77V8.32737H139.946L142.875 19.5192L145.824 8.32737ZM2 0H6C7.10457 0 8 0.89543 8 2V6C8 7.10457 7.10457 8 6 8H2C0.89543 8 0 7.10457 0 6V2C0 0.89543 0.89543 0 2 0ZM14 24H18C19.1046 24 20 24.8954 20 26V30C20 31.1046 19.1046 32 18 32H14C12.8954 32 12 31.1046 12 30V26C12 24.8954 12.8954 24 14 24ZM20 8V18C20 19.1046 19.1046 20 18 20H14C12.8954 20 12 19.1046 12 18V2C12 0.89543 12.8954 0 14 0H30C31.1046 0 32 0.89543 32 2V6C32 7.10457 31.1046 8 30 8H20Z",fill:"#272E35"})}),x.jsx("defs",{children:x.jsx("clipPath",{id:"clip0_6565_309",children:x.jsx("rect",{width:"148",height:"32",fill:"white"})})})]}),Lt=()=>x.jsx(T.svg,{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:x.jsx("path",{id:"Tetrisly-Mark",fillRule:"evenodd",clipRule:"evenodd",d:"M0.999999 0H3C3.55228 0 4 0.447715 4 1V3C4 3.55228 3.55228 4 3 4H0.999999C0.447715 4 0 3.55228 0 3V1C0 0.447715 0.447715 0 0.999999 0ZM7 12H9C9.55228 12 10 12.4477 10 13V15C10 15.5523 9.55228 16 9 16H7C6.44771 16 6 15.5523 6 15V13C6 12.4477 6.44771 12 7 12ZM10 9V4H15C15.5523 4 16 3.55228 16 3V1C16 0.447715 15.5523 0 15 0H7C6.44771 0 6 0.447715 6 1V9C6 9.55229 6.44771 10 7 10H9C9.55228 10 10 9.55229 10 9Z",fill:"#272E35"})}),be=({component:r,description:e,docs:t})=>x.jsx(T.section,{p:{xs:"$space-component-padding-xLarge",md:"$space-component-padding-3xLarge"},display:"flex",flexDirection:"column",children:x.jsxs(T.div,{px:{md:"$dimension-600",sm:"$dimension-400",_:"$dimension-200"},py:{md:"$dimension-1000",sm:"$dimension-600",_:"$dimension-400"},background:"linear-gradient(225deg, #FEF1E7 0%, #DDF3F9 100%);",borderRadius:"$border-radius-xLarge",children:[x.jsxs(T.div,{display:"flex",flexDirection:{sm:"row",_:"column-reverse"},gap:"$dimension-200",justifyContent:"space-between",children:[x.jsxs(T.div,{display:"flex",gap:"$space-component-gap-medium",alignItems:"center",children:[x.jsx(Lt,{}),x.jsx(T.span,{text:{md:"$typo-body-small",_:"$typo-body-xSmall"},color:"$color-content-secondary",children:"Components"})]}),x.jsx(T.a,{href:"https://tetrisly.com/",target:"_blank",display:{sm:"block",_:"none"},children:x.jsx(Pt,{})})]}),x.jsxs(T.div,{my:"$space-component-gap-xLarge",display:"flex",gap:"$space-component-gap-large",flexDirection:"column",children:[x.jsx(T.h1,{text:{md:"$typo-hero-medium",sm:"$typo-header-3xLarge",_:"$typo-header-large"},children:r}),e&&x.jsx(T.p,{color:"$color-content-secondary",text:{md:"$typo-body-large",_:"$typo-body-small"},children:e})]}),t&&x.jsx(T.a,{href:t,target:"_blank",rel:"noreferrer",color:"$color-action-primary-normal",text:{md:"$typo-body-medium",_:"$typo-body-small"},children:"View documentation"})]})});try{be.displayName="Hero",be.__docgenInfo={description:"",displayName:"Hero",props:{component:{defaultValue:null,description:"",name:"component",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"string | null"}},docs:{defaultValue:null,description:"",name:"docs",required:!0,type:{name:"string | null"}}}}}catch{}const Ht=r=>{const t=_e.object({description:_e.object({component:_e.string()})}).safeParse(r);return t.success?t.data.description.component:null},Ce=({children:r,docs:e})=>{const{preparedMeta:{title:t,parameters:{docs:s}}}=Re("meta",["meta"]),n=Ht(s);return x.jsxs(x.Fragment,{children:[x.jsx(Me,{children:x.jsx(Le,{children:x.jsxs(T.div,{overflow:{xs:"scroll",md:"visible"},maxWidth:"888px",children:[x.jsx(be,{component:t.split("/").pop()??"",description:n,docs:e}),r]})})}),x.jsx(Ae,{}),x.jsx($e,{}),x.jsx(Pe,{})]})};try{Ce.displayName="TetDocs",Ce.__docgenInfo={description:"",displayName:"TetDocs",props:{docs:{defaultValue:null,description:"",name:"docs",required:!0,type:{name:"string | null"}}}}}catch{}export{Ce as T}; diff --git a/assets/TextInput-221fd163.js b/assets/TextInput-176e108c.js similarity index 90% rename from assets/TextInput-221fd163.js rename to assets/TextInput-176e108c.js index 965ff935..631cd1ad 100644 --- a/assets/TextInput-221fd163.js +++ b/assets/TextInput-176e108c.js @@ -1 +1 @@ -import{j as t}from"./jsx-runtime-ffb262ed.js";import{R as o}from"./tetrisly-icons.es-12549e88.js";import{r as T}from"./index-76fb7be0.js";import{u as _}from"./useTextInput-71845e1c.js";import{A as b}from"./Avatar-fa7da47e.js";import{B as n}from"./Button-2ba8575b.js";import{I as d}from"./IconButton-fbe54fb7.js";import{t as r}from"./TetrislyProvider-8c69fae3.js";const c=T.forwardRef(({type:i="text",beforeComponent:a,afterComponent:e,state:l,hasClearButton:x,value:p,defaultValue:m,...y},h)=>{const{containerRef:f,handleContainerClick:j,styles:s,containerProps:I,innerValue:u,handleOnChange:v,handleOnClear:B,textInputProps:g}=_({beforeComponent:a,afterComponent:e,defaultValue:m,...y});return t.jsxs(r.div,{ref:f,onClick:j,...s.container,pl:!!a&&"0",pr:!!e&&"0","data-testid":"text-input","data-state":l,...I,children:[!!a&&t.jsxs(r.span,{...s.beforeComponent,"data-testid":"text-input-before-component",children:[a.type==="Icon"&&t.jsx(r.span,{...s.icon,children:t.jsx(o,{...a.props})}),a.type==="Prefix"&&t.jsx(r.span,{...s.text,children:a.props.text}),a.type==="Dropdown"&&t.jsx(n,{size:"small",variant:"ghost",label:a.props.label,hasDropdownIndicator:!0}),a.type==="Avatar"&&t.jsx(b,{...a.props,shape:"square",size:"xSmall"})]}),t.jsx(r.input,{...s.input,value:p||u,onChange:v,"data-testid":"text-input-input",...g,type:i,disabled:l==="disabled",ref:h}),!!x&&(p||u)&&t.jsx(d,{variant:"bare",icon:"20-close",onClick:B,...s.clearButton,"data-testid":"text-input-clear-button"}),!!e&&t.jsxs(r.span,{...s.afterComponent,"data-testid":"text-input-after-component",children:[e.type==="Icon"&&t.jsx(r.span,{...s.icon,children:t.jsx(o,{...e.props})}),e.type==="IconButton"&&t.jsx(d,{variant:"ghost",size:"small",...e.props}),e.type==="Sufix"&&t.jsx(r.span,{...s.text,children:e.props.text}),e.type==="Button"&&t.jsx(n,{size:"small",variant:"ghost",label:"Label"}),e.type==="Dropdown"&&t.jsx(n,{size:"small",variant:"ghost",label:e.props.label,hasDropdownIndicator:!0})]})]})});try{c.displayName="TextInput",c.__docgenInfo={description:"",displayName:"TextInput",props:{type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"HTMLInputTypeAttribute"}},beforeComponent:{defaultValue:null,description:"",name:"beforeComponent",required:!1,type:{name:"Dropdown | Icon | Avatar | Prefix"}},afterComponent:{defaultValue:null,description:"",name:"afterComponent",required:!1,type:{name:"IconButton | Dropdown | Icon | Sufix | Button"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"disabled"'},{value:'"alert"'}]}},hasClearButton:{defaultValue:null,description:"",name:"hasClearButton",required:!1,type:{name:"boolean"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"TextInputConfig"}}}}}catch{}export{c as T}; +import{j as t}from"./jsx-runtime-ffb262ed.js";import{R as o}from"./tetrisly-icons.es-12549e88.js";import{r as T}from"./index-76fb7be0.js";import{u as _}from"./useTextInput-71845e1c.js";import{A as b}from"./Avatar-fa7da47e.js";import{B as n}from"./Button-93f2d0ab.js";import{I as d}from"./IconButton-84cc995d.js";import{t as r}from"./TetrislyProvider-8c69fae3.js";const c=T.forwardRef(({type:i="text",beforeComponent:a,afterComponent:e,state:l,hasClearButton:x,value:p,defaultValue:m,...y},h)=>{const{containerRef:f,handleContainerClick:j,styles:s,containerProps:I,innerValue:u,handleOnChange:v,handleOnClear:B,textInputProps:g}=_({beforeComponent:a,afterComponent:e,defaultValue:m,...y});return t.jsxs(r.div,{ref:f,onClick:j,...s.container,pl:!!a&&"0",pr:!!e&&"0","data-testid":"text-input","data-state":l,...I,children:[!!a&&t.jsxs(r.span,{...s.beforeComponent,"data-testid":"text-input-before-component",children:[a.type==="Icon"&&t.jsx(r.span,{...s.icon,children:t.jsx(o,{...a.props})}),a.type==="Prefix"&&t.jsx(r.span,{...s.text,children:a.props.text}),a.type==="Dropdown"&&t.jsx(n,{size:"small",variant:"ghost",label:a.props.label,hasDropdownIndicator:!0}),a.type==="Avatar"&&t.jsx(b,{...a.props,shape:"square",size:"xSmall"})]}),t.jsx(r.input,{...s.input,value:p||u,onChange:v,"data-testid":"text-input-input",...g,type:i,disabled:l==="disabled",ref:h}),!!x&&(p||u)&&t.jsx(d,{variant:"bare",icon:"20-close",onClick:B,...s.clearButton,"data-testid":"text-input-clear-button"}),!!e&&t.jsxs(r.span,{...s.afterComponent,"data-testid":"text-input-after-component",children:[e.type==="Icon"&&t.jsx(r.span,{...s.icon,children:t.jsx(o,{...e.props})}),e.type==="IconButton"&&t.jsx(d,{variant:"ghost",size:"small",...e.props}),e.type==="Sufix"&&t.jsx(r.span,{...s.text,children:e.props.text}),e.type==="Button"&&t.jsx(n,{size:"small",variant:"ghost",label:"Label"}),e.type==="Dropdown"&&t.jsx(n,{size:"small",variant:"ghost",label:e.props.label,hasDropdownIndicator:!0})]})]})});try{c.displayName="TextInput",c.__docgenInfo={description:"",displayName:"TextInput",props:{type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"HTMLInputTypeAttribute"}},beforeComponent:{defaultValue:null,description:"",name:"beforeComponent",required:!1,type:{name:"Dropdown | Icon | Avatar | Prefix"}},afterComponent:{defaultValue:null,description:"",name:"afterComponent",required:!1,type:{name:"IconButton | Dropdown | Icon | Sufix | Button"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"alert"'},{value:'"disabled"'}]}},hasClearButton:{defaultValue:null,description:"",name:"hasClearButton",required:!1,type:{name:"boolean"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"TextInputConfig"}}}}}catch{}export{c as T}; diff --git a/assets/TextInput.stories-60e40e13.js b/assets/TextInput.stories-25e5bf59.js similarity index 95% rename from assets/TextInput.stories-60e40e13.js rename to assets/TextInput.stories-25e5bf59.js index b3025be8..aec49f14 100644 --- a/assets/TextInput.stories-60e40e13.js +++ b/assets/TextInput.stories-25e5bf59.js @@ -1,4 +1,4 @@ -import{j as l}from"./jsx-runtime-ffb262ed.js";import{T as $}from"./TextInput-221fd163.js";import{T as ee}from"./TetDocs-deea9a80.js";import{t as oe}from"./TetrislyProvider-8c69fae3.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./useTextInput-71845e1c.js";import"./mergeConfigWithCutom-aec35d44.js";import"./extractInputProps-08fc967a.js";import"./Avatar-fa7da47e.js";import"./Button-2ba8575b.js";import"./index-60ef7482.js";import"./IconButton-fbe54fb7.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const re=()=>l.jsx(oe.div,{}),De={title:"TextInput",component:$,tags:["autodocs"],args:{placeholder:"Placeholder"},parameters:{docs:{description:{component:"A versatile and interactive element. Buttons allow users to perform actions and navigate through an application. They come in various styles and sizes, providing clear visual cues and feedback to users."},page:()=>l.jsx(ee,{docs:"https://docs.tetrisly.com/components/list/textinput",children:l.jsx(re,{})})}}},e={},o={args:{state:"disabled"}},r={args:{state:"alert"}},t={args:{hasClearButton:!0}},n={args:{beforeComponent:{type:"Icon",props:{name:"20-bolt"}}}},s={args:{beforeComponent:{type:"Avatar",props:{initials:"A"}}}},a={args:{beforeComponent:{type:"Prefix",props:{text:"Prefix"}}}},p={args:{beforeComponent:{type:"Dropdown",props:{label:"Action"}}}},c={args:{afterComponent:{type:"Dropdown",props:{label:"Action"}}}},m={args:{afterComponent:{type:"Icon",props:{name:"20-bolt"}}}},i={args:{afterComponent:{type:"IconButton",props:{icon:"20-filter"}}}},u={args:{afterComponent:{type:"Sufix",props:{text:"Sufix"}}}},d={args:{afterComponent:{type:"Button",props:{label:"Action"}}}};var f,g,C;e.parameters={...e.parameters,docs:{...(f=e.parameters)==null?void 0:f.docs,source:{originalSource:"{}",...(C=(g=e.parameters)==null?void 0:g.docs)==null?void 0:C.source}}};var x,A,b;o.parameters={...o.parameters,docs:{...(x=o.parameters)==null?void 0:x.docs,source:{originalSource:`{ +import{j as l}from"./jsx-runtime-ffb262ed.js";import{T as $}from"./TextInput-176e108c.js";import{T as ee}from"./TetDocs-03bc5c84.js";import{t as oe}from"./TetrislyProvider-8c69fae3.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./useTextInput-71845e1c.js";import"./mergeConfigWithCutom-aec35d44.js";import"./extractInputProps-08fc967a.js";import"./Avatar-fa7da47e.js";import"./Button-93f2d0ab.js";import"./index-60ef7482.js";import"./IconButton-84cc995d.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const re=()=>l.jsx(oe.div,{}),De={title:"TextInput",component:$,tags:["autodocs"],args:{placeholder:"Placeholder"},parameters:{docs:{description:{component:"A versatile and interactive element. Buttons allow users to perform actions and navigate through an application. They come in various styles and sizes, providing clear visual cues and feedback to users."},page:()=>l.jsx(ee,{docs:"https://docs.tetrisly.com/components/list/textinput",children:l.jsx(re,{})})}}},e={},o={args:{state:"disabled"}},r={args:{state:"alert"}},t={args:{hasClearButton:!0}},n={args:{beforeComponent:{type:"Icon",props:{name:"20-bolt"}}}},s={args:{beforeComponent:{type:"Avatar",props:{initials:"A"}}}},a={args:{beforeComponent:{type:"Prefix",props:{text:"Prefix"}}}},p={args:{beforeComponent:{type:"Dropdown",props:{label:"Action"}}}},c={args:{afterComponent:{type:"Dropdown",props:{label:"Action"}}}},m={args:{afterComponent:{type:"Icon",props:{name:"20-bolt"}}}},i={args:{afterComponent:{type:"IconButton",props:{icon:"20-filter"}}}},u={args:{afterComponent:{type:"Sufix",props:{text:"Sufix"}}}},d={args:{afterComponent:{type:"Button",props:{label:"Action"}}}};var f,g,C;e.parameters={...e.parameters,docs:{...(f=e.parameters)==null?void 0:f.docs,source:{originalSource:"{}",...(C=(g=e.parameters)==null?void 0:g.docs)==null?void 0:C.source}}};var x,A,b;o.parameters={...o.parameters,docs:{...(x=o.parameters)==null?void 0:x.docs,source:{originalSource:`{ args: { state: 'disabled' } diff --git a/assets/Toast.stories-01b44a7d.js b/assets/Toast.stories-01b44a7d.js new file mode 100644 index 00000000..6b5cebf5 --- /dev/null +++ b/assets/Toast.stories-01b44a7d.js @@ -0,0 +1,41 @@ +import{j as n}from"./jsx-runtime-ffb262ed.js";import{a as I}from"./chunk-WFFRPTHA-a68c42c5.js";import{R as me}from"./tetrisly-icons.es-12549e88.js";import{r as S}from"./index-76fb7be0.js";import{m as de}from"./mergeConfigWithCutom-aec35d44.js";import{B}from"./Button-93f2d0ab.js";import{I as pe}from"./IconButton-84cc995d.js";import{u as ue}from"./useAction-275346b1.js";import{t as i}from"./TetrislyProvider-8c69fae3.js";import{T as ge}from"./TetDocs-03bc5c84.js";import"./preview-errors-dde4324f.js";import"./index-356e4a49.js";import"./_commonjsHelpers-de833af9.js";import"./index-60ef7482.js";import"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";const he={display:"inline-flex",alignItems:"center",h:"48px",padding:"$space-component-padding-medium $space-component-padding-large",borderRadius:"$border-radius-large",text:"$typo-body-medium",emphasis:{high:{},low:{backgroundColor:"$color-interaction-background-modeless",color:"$color-content-primary",ringColor:"$color-border-defaultA",ring:"$border-width-small",boxShadow:"$elevation-bottom-200"}},intent:{neutral:{backgroundColor:"$color-background-inverted",color:"$color-content-primary-inverted"},informative:{backgroundColor:"$color-background-informative-strong",color:"$color-content-primary-inverted",pl:"$space-component-padding-medium"},success:{backgroundColor:"$color-background-positive-strong",color:"$color-content-primary-inverted",pl:"$space-component-padding-medium"},warning:{backgroundColor:"$color-background-warning-strong",color:"$color-content-primary",pl:"$space-component-padding-medium"},negative:{backgroundColor:"$color-background-negative-strong",color:"$color-content-primary-inverted",pl:"$space-component-padding-medium"}},closeButton:{pr:"$space-component-padding-small"},innerElements:{iconContainer:{intent:{neutral:{emphasis:{low:{},high:{}}},informative:{emphasis:{low:{color:"$color-content-informative-secondary"},high:{color:"$color-content-primary-inverted"}}},success:{emphasis:{low:{color:"$color-content-positive-secondary"},high:{color:"$color-content-primary-inverted"}}},warning:{emphasis:{low:{color:"$color-content-warning-secondary"},high:{color:"$color-content-primary"}}},negative:{emphasis:{low:{color:"$color-content-negative-secondary"},high:{color:"$color-content-primary-inverted"}}}},mr:"$space-component-gap-small"},actionContainer:{display:"flex",alignItems:"center",justifyContent:"center",gap:"$space-component-gap-small",ml:"$space-component-gap-xLarge"},middleDot:{emphasis:{high:{color:"$color-content-secondary-inverted"},low:{color:"$color-content-tertiary"}},intent:{neutral:{},informative:{},success:{},warning:{color:"$color-content-secondary"},negative:{}}},closeButton:{ml:"$space-component-padding-large"}}},ve=r=>({neutral:null,informative:"20-info-fill",success:"20-check-circle-fill",warning:"20-warning-fill",negative:"20-alert-fill"})[r],fe=({custom:r,...e})=>{const t=de({defaultConfig:he,custom:r}),{emphasis:x,intent:a,closeButton:c,innerElements:{actionContainer:b,closeButton:o,iconContainer:l,middleDot:m},...d}=t,s={...a[e.intent],...x[e.emphasis],...d,...!!e.onCloseClick&&c},{intent:j,...ae}=l,se={...j[e.intent].emphasis[e.emphasis],...ae},{emphasis:ie,intent:ce,...le}=m;return{container:s,actionContainer:b,iconContainer:se,closeButton:o,middleDot:{...le,...ie[e.emphasis],...ce[e.intent]}}},k=({text:r,emphasis:e="low",intent:t="neutral",action:x,onCloseClick:a,custom:c,...b})=>{const o=S.useMemo(()=>fe({custom:c,emphasis:e,intent:t,onCloseClick:a}),[c,e,t,a]),[l,m]=ue(x),d=S.useMemo(()=>ve(t),[t]),s=S.useMemo(()=>e==="high"?t==="warning"?"reverseInverted":"inverted":"primary",[t,e]);return n.jsxs(i.div,{...o.container,"data-testid":"toast",...b,children:[!!d&&n.jsx(i.span,{...o.iconContainer,"data-testid":"toast-iconContainer",children:n.jsx(me,{name:d})}),r,l&&n.jsxs(i.div,{...o.actionContainer,"data-testid":"toast-actionContainer",children:[n.jsx(B,{variant:"bare",appearance:s,...l}),m&&n.jsxs(n.Fragment,{children:[n.jsx(i.span,{...o.middleDot,"data-testid":"toast-middleDot",children:"·"}),n.jsx(B,{variant:"bare",appearance:s,...m})]})]}),!!a&&n.jsx(pe,{size:"small",variant:"ghost",intent:"none",icon:"20-close",onClick:a,appearance:s,...o.closeButton,"data-testid":"toast-closeButton"})]})};try{k.displayName="Toast",k.__docgenInfo={description:"",displayName:"Toast",props:{text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"string"}},emphasis:{defaultValue:{value:"low"},description:"",name:"emphasis",required:!1,type:{name:"enum",value:[{value:'"low"'},{value:'"high"'}]}},intent:{defaultValue:{value:"neutral"},description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"neutral"'},{value:'"informative"'},{value:'"warning"'},{value:'"negative"'},{value:'"success"'}]}},action:{defaultValue:null,description:"",name:"action",required:!1,type:{name:"ActionProp"}},onCloseClick:{defaultValue:null,description:"",name:"onCloseClick",required:!1,type:{name:"((e: MouseEvent) => void)"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"ToastConfig"}}}}}catch{}const ye=()=>n.jsx(i.div,{}),We={title:"Toast",component:k,tags:["autodocs"],args:{text:"Toast text",action:[{label:"Action",onClick:I("onClick")},{label:"Action",onClick:I("onClick")}]},parameters:{docs:{description:{component:"A temporary, non-intrusive notification displayed to provide users with feedback, alerts, or updates. Toasts are typically placed at the edge of the screen and disappear automatically after a set duration or when the user interacts with them."},page:()=>n.jsx(ge,{docs:"https://docs.tetrisly.com/components/in-progress/toast",children:n.jsx(ye,{})})}}},p={},u={args:{intent:"informative"}},g={args:{intent:"success"}},h={args:{intent:"warning"}},v={args:{intent:"negative"}},f={args:{emphasis:"high"}},y={args:{intent:"informative",emphasis:"high"}},$={args:{intent:"success",emphasis:"high"}},C={args:{intent:"warning",emphasis:"high"}},w={args:{intent:"negative",emphasis:"high"}};var D,H,T;p.parameters={...p.parameters,docs:{...(D=p.parameters)==null?void 0:D.docs,source:{originalSource:"{}",...(T=(H=p.parameters)==null?void 0:H.docs)==null?void 0:T.source}}};var A,N,_;u.parameters={...u.parameters,docs:{...(A=u.parameters)==null?void 0:A.docs,source:{originalSource:`{ + args: { + intent: 'informative' + } +}`,...(_=(N=u.parameters)==null?void 0:N.docs)==null?void 0:_.source}}};var M,E,q;g.parameters={...g.parameters,docs:{...(M=g.parameters)==null?void 0:M.docs,source:{originalSource:`{ + args: { + intent: 'success' + } +}`,...(q=(E=g.parameters)==null?void 0:E.docs)==null?void 0:q.source}}};var V,W,R;h.parameters={...h.parameters,docs:{...(V=h.parameters)==null?void 0:V.docs,source:{originalSource:`{ + args: { + intent: 'warning' + } +}`,...(R=(W=h.parameters)==null?void 0:W.docs)==null?void 0:R.source}}};var L,z,F;v.parameters={...v.parameters,docs:{...(L=v.parameters)==null?void 0:L.docs,source:{originalSource:`{ + args: { + intent: 'negative' + } +}`,...(F=(z=v.parameters)==null?void 0:z.docs)==null?void 0:F.source}}};var O,P,G;f.parameters={...f.parameters,docs:{...(O=f.parameters)==null?void 0:O.docs,source:{originalSource:`{ + args: { + emphasis: 'high' + } +}`,...(G=(P=f.parameters)==null?void 0:P.docs)==null?void 0:G.source}}};var J,K,Q;y.parameters={...y.parameters,docs:{...(J=y.parameters)==null?void 0:J.docs,source:{originalSource:`{ + args: { + intent: 'informative', + emphasis: 'high' + } +}`,...(Q=(K=y.parameters)==null?void 0:K.docs)==null?void 0:Q.source}}};var U,X,Y;$.parameters={...$.parameters,docs:{...(U=$.parameters)==null?void 0:U.docs,source:{originalSource:`{ + args: { + intent: 'success', + emphasis: 'high' + } +}`,...(Y=(X=$.parameters)==null?void 0:X.docs)==null?void 0:Y.source}}};var Z,ee,ne;C.parameters={...C.parameters,docs:{...(Z=C.parameters)==null?void 0:Z.docs,source:{originalSource:`{ + args: { + intent: 'warning', + emphasis: 'high' + } +}`,...(ne=(ee=C.parameters)==null?void 0:ee.docs)==null?void 0:ne.source}}};var te,oe,re;w.parameters={...w.parameters,docs:{...(te=w.parameters)==null?void 0:te.docs,source:{originalSource:`{ + args: { + intent: 'negative', + emphasis: 'high' + } +}`,...(re=(oe=w.parameters)==null?void 0:oe.docs)==null?void 0:re.source}}};const Re=["Default","Informative","Success","Warning","Negative","NeutralHigh","InformativeHigh","SuccessHigh","WarningHigh","NegativeHigh"];export{p as Default,u as Informative,y as InformativeHigh,v as Negative,w as NegativeHigh,f as NeutralHigh,g as Success,$ as SuccessHigh,h as Warning,C as WarningHigh,Re as __namedExportsOrder,We as default}; diff --git a/assets/Toast.stories-01b67174.js b/assets/Toast.stories-01b67174.js deleted file mode 100644 index 5f938791..00000000 --- a/assets/Toast.stories-01b67174.js +++ /dev/null @@ -1,41 +0,0 @@ -import{j as n}from"./jsx-runtime-ffb262ed.js";import{u as me,a as I}from"./useAction-291fcc9d.js";import{R as de}from"./tetrisly-icons.es-12549e88.js";import{r as S}from"./index-76fb7be0.js";import{m as pe}from"./mergeConfigWithCutom-aec35d44.js";import{B}from"./Button-2ba8575b.js";import{I as ue}from"./IconButton-fbe54fb7.js";import{t as i}from"./TetrislyProvider-8c69fae3.js";import{T as ge}from"./TetDocs-deea9a80.js";import"./preview-errors-dde4324f.js";import"./index-356e4a49.js";import"./_commonjsHelpers-de833af9.js";import"./index-60ef7482.js";import"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";const he={display:"inline-flex",alignItems:"center",h:"48px",padding:"$space-component-padding-medium $space-component-padding-large",borderRadius:"$border-radius-large",text:"$typo-body-medium",emphasis:{high:{},low:{backgroundColor:"$color-interaction-background-modeless",color:"$color-content-primary",ringColor:"$color-border-defaultA",ring:"$border-width-small",boxShadow:"$elevation-bottom-200"}},intent:{neutral:{backgroundColor:"$color-background-inverted",color:"$color-content-primary-inverted"},informative:{backgroundColor:"$color-background-informative-strong",color:"$color-content-primary-inverted",pl:"$space-component-padding-medium"},success:{backgroundColor:"$color-background-positive-strong",color:"$color-content-primary-inverted",pl:"$space-component-padding-medium"},warning:{backgroundColor:"$color-background-warning-strong",color:"$color-content-primary",pl:"$space-component-padding-medium"},negative:{backgroundColor:"$color-background-negative-strong",color:"$color-content-primary-inverted",pl:"$space-component-padding-medium"}},closeButton:{pr:"$space-component-padding-small"},innerElements:{iconContainer:{intent:{neutral:{emphasis:{low:{},high:{}}},informative:{emphasis:{low:{color:"$color-content-informative-secondary"},high:{color:"$color-content-primary-inverted"}}},success:{emphasis:{low:{color:"$color-content-positive-secondary"},high:{color:"$color-content-primary-inverted"}}},warning:{emphasis:{low:{color:"$color-content-warning-secondary"},high:{color:"$color-content-primary"}}},negative:{emphasis:{low:{color:"$color-content-negative-secondary"},high:{color:"$color-content-primary-inverted"}}}},mr:"$space-component-gap-small"},actionContainer:{display:"flex",alignItems:"center",justifyContent:"center",gap:"$space-component-gap-small",ml:"$space-component-gap-xLarge"},middleDot:{emphasis:{high:{color:"$color-content-secondary-inverted"},low:{color:"$color-content-tertiary"}},intent:{neutral:{},informative:{},success:{},warning:{color:"$color-content-secondary"},negative:{}}},closeButton:{ml:"$space-component-padding-large"}}},ve=r=>({neutral:null,informative:"20-info-fill",success:"20-check-circle-fill",warning:"20-warning-fill",negative:"20-alert-fill"})[r],fe=({custom:r,...e})=>{const t=pe({defaultConfig:he,custom:r}),{emphasis:x,intent:a,closeButton:c,innerElements:{actionContainer:b,closeButton:o,iconContainer:l,middleDot:m},...d}=t,s={...a[e.intent],...x[e.emphasis],...d,...!!e.onCloseClick&&c},{intent:j,...ae}=l,se={...j[e.intent].emphasis[e.emphasis],...ae},{emphasis:ie,intent:ce,...le}=m;return{container:s,actionContainer:b,iconContainer:se,closeButton:o,middleDot:{...le,...ie[e.emphasis],...ce[e.intent]}}},k=({text:r,emphasis:e="low",intent:t="neutral",action:x,onCloseClick:a,custom:c,...b})=>{const o=S.useMemo(()=>fe({custom:c,emphasis:e,intent:t,onCloseClick:a}),[c,e,t,a]),[l,m]=me(x),d=S.useMemo(()=>ve(t),[t]),s=S.useMemo(()=>e==="high"?t==="warning"?"reverseInverted":"inverted":"primary",[t,e]);return n.jsxs(i.div,{...o.container,"data-testid":"toast",...b,children:[!!d&&n.jsx(i.span,{...o.iconContainer,"data-testid":"toast-iconContainer",children:n.jsx(de,{name:d})}),r,l&&n.jsxs(i.div,{...o.actionContainer,"data-testid":"toast-actionContainer",children:[n.jsx(B,{variant:"bare",appearance:s,...l}),m&&n.jsxs(n.Fragment,{children:[n.jsx(i.span,{...o.middleDot,"data-testid":"toast-middleDot",children:"·"}),n.jsx(B,{variant:"bare",appearance:s,...m})]})]}),!!a&&n.jsx(ue,{size:"small",variant:"ghost",intent:"none",icon:"20-close",onClick:a,appearance:s,...o.closeButton,"data-testid":"toast-closeButton"})]})};try{k.displayName="Toast",k.__docgenInfo={description:"",displayName:"Toast",props:{text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"string"}},emphasis:{defaultValue:{value:"low"},description:"",name:"emphasis",required:!1,type:{name:"enum",value:[{value:'"low"'},{value:'"high"'}]}},intent:{defaultValue:{value:"neutral"},description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"success"'},{value:'"warning"'},{value:'"negative"'},{value:'"neutral"'},{value:'"informative"'}]}},action:{defaultValue:null,description:"",name:"action",required:!1,type:{name:"ActionProp"}},onCloseClick:{defaultValue:null,description:"",name:"onCloseClick",required:!1,type:{name:"((e: MouseEvent) => void)"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"ToastConfig"}}}}}catch{}const ye=()=>n.jsx(i.div,{}),Ve={title:"Toast",component:k,tags:["autodocs"],args:{text:"Toast text",action:[{label:"Action",onClick:I("onClick")},{label:"Action",onClick:I("onClick")}]},parameters:{docs:{description:{component:"A temporary, non-intrusive notification displayed to provide users with feedback, alerts, or updates. Toasts are typically placed at the edge of the screen and disappear automatically after a set duration or when the user interacts with them."},page:()=>n.jsx(ge,{docs:"https://docs.tetrisly.com/components/in-progress/toast",children:n.jsx(ye,{})})}}},p={},u={args:{intent:"informative"}},g={args:{intent:"success"}},h={args:{intent:"warning"}},v={args:{intent:"negative"}},f={args:{emphasis:"high"}},y={args:{intent:"informative",emphasis:"high"}},$={args:{intent:"success",emphasis:"high"}},C={args:{intent:"warning",emphasis:"high"}},w={args:{intent:"negative",emphasis:"high"}};var D,H,T;p.parameters={...p.parameters,docs:{...(D=p.parameters)==null?void 0:D.docs,source:{originalSource:"{}",...(T=(H=p.parameters)==null?void 0:H.docs)==null?void 0:T.source}}};var A,N,_;u.parameters={...u.parameters,docs:{...(A=u.parameters)==null?void 0:A.docs,source:{originalSource:`{ - args: { - intent: 'informative' - } -}`,...(_=(N=u.parameters)==null?void 0:N.docs)==null?void 0:_.source}}};var M,E,q;g.parameters={...g.parameters,docs:{...(M=g.parameters)==null?void 0:M.docs,source:{originalSource:`{ - args: { - intent: 'success' - } -}`,...(q=(E=g.parameters)==null?void 0:E.docs)==null?void 0:q.source}}};var V,W,R;h.parameters={...h.parameters,docs:{...(V=h.parameters)==null?void 0:V.docs,source:{originalSource:`{ - args: { - intent: 'warning' - } -}`,...(R=(W=h.parameters)==null?void 0:W.docs)==null?void 0:R.source}}};var L,z,F;v.parameters={...v.parameters,docs:{...(L=v.parameters)==null?void 0:L.docs,source:{originalSource:`{ - args: { - intent: 'negative' - } -}`,...(F=(z=v.parameters)==null?void 0:z.docs)==null?void 0:F.source}}};var O,P,G;f.parameters={...f.parameters,docs:{...(O=f.parameters)==null?void 0:O.docs,source:{originalSource:`{ - args: { - emphasis: 'high' - } -}`,...(G=(P=f.parameters)==null?void 0:P.docs)==null?void 0:G.source}}};var J,K,Q;y.parameters={...y.parameters,docs:{...(J=y.parameters)==null?void 0:J.docs,source:{originalSource:`{ - args: { - intent: 'informative', - emphasis: 'high' - } -}`,...(Q=(K=y.parameters)==null?void 0:K.docs)==null?void 0:Q.source}}};var U,X,Y;$.parameters={...$.parameters,docs:{...(U=$.parameters)==null?void 0:U.docs,source:{originalSource:`{ - args: { - intent: 'success', - emphasis: 'high' - } -}`,...(Y=(X=$.parameters)==null?void 0:X.docs)==null?void 0:Y.source}}};var Z,ee,ne;C.parameters={...C.parameters,docs:{...(Z=C.parameters)==null?void 0:Z.docs,source:{originalSource:`{ - args: { - intent: 'warning', - emphasis: 'high' - } -}`,...(ne=(ee=C.parameters)==null?void 0:ee.docs)==null?void 0:ne.source}}};var te,oe,re;w.parameters={...w.parameters,docs:{...(te=w.parameters)==null?void 0:te.docs,source:{originalSource:`{ - args: { - intent: 'negative', - emphasis: 'high' - } -}`,...(re=(oe=w.parameters)==null?void 0:oe.docs)==null?void 0:re.source}}};const We=["Default","Informative","Success","Warning","Negative","NeutralHigh","InformativeHigh","SuccessHigh","WarningHigh","NegativeHigh"];export{p as Default,u as Informative,y as InformativeHigh,v as Negative,w as NegativeHigh,f as NeutralHigh,g as Success,$ as SuccessHigh,h as Warning,C as WarningHigh,We as __namedExportsOrder,Ve as default}; diff --git a/assets/WithTooltip-V3YHNWJZ-71246ee6.js b/assets/WithTooltip-V3YHNWJZ-31f0cdfa.js similarity index 64% rename from assets/WithTooltip-V3YHNWJZ-71246ee6.js rename to assets/WithTooltip-V3YHNWJZ-31f0cdfa.js index 0f0d832e..2b06c705 100644 --- a/assets/WithTooltip-V3YHNWJZ-71246ee6.js +++ b/assets/WithTooltip-V3YHNWJZ-31f0cdfa.js @@ -1 +1 @@ -import{W as h,W as l,a as s}from"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";export{h as WithToolTipState,l as WithTooltip,s as WithTooltipPure}; +import{W as h,W as l,a as s}from"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";export{h as WithToolTipState,l as WithTooltip,s as WithTooltipPure}; diff --git a/assets/chunk-HLWAVYOI-559df494.js b/assets/chunk-HLWAVYOI-b2dddfb9.js similarity index 87% rename from assets/chunk-HLWAVYOI-559df494.js rename to assets/chunk-HLWAVYOI-b2dddfb9.js index 34265e1a..1796716e 100644 --- a/assets/chunk-HLWAVYOI-559df494.js +++ b/assets/chunk-HLWAVYOI-b2dddfb9.js @@ -1 +1 @@ -import{_ as i}from"./iframe-9e50fff3.js";import{R as t,r as p}from"./index-76fb7be0.js";import{r as l,u}from"./react-18-988a5df2.js";import{C as h,A as E,H as d,D as x}from"./index-78a2083d.js";var D={code:h,a:E,...d},_=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(r){let{showException:e}=this.props;e(r)}render(){let{hasError:r}=this.state,{children:e}=this.props;return r?null:t.createElement(t.Fragment,null,e)}},R=class{constructor(){this.render=async(r,e,o)=>{let n={...D,...e==null?void 0:e.components},s=x;return new Promise((a,m)=>{i(()=>import("./index-9eea8125.js"),["./index-9eea8125.js","./index-a1cf9e47.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js"],import.meta.url).then(({MDXProvider:c})=>l(t.createElement(_,{showException:m,key:Math.random()},t.createElement(c,{components:n},t.createElement(s,{context:r,docsParameter:e}))),o)).then(()=>a())})},this.unmount=r=>{u(r)}}};export{R as D,D as d}; +import{_ as i}from"./iframe-c4da43eb.js";import{R as t,r as p}from"./index-76fb7be0.js";import{r as l,u}from"./react-18-988a5df2.js";import{C as h,A as E,H as d,D as x}from"./index-43890eef.js";var D={code:h,a:E,...d},_=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(r){let{showException:e}=this.props;e(r)}render(){let{hasError:r}=this.state,{children:e}=this.props;return r?null:t.createElement(t.Fragment,null,e)}},R=class{constructor(){this.render=async(r,e,o)=>{let n={...D,...e==null?void 0:e.components},s=x;return new Promise((a,m)=>{i(()=>import("./index-9eea8125.js"),["./index-9eea8125.js","./index-a1cf9e47.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js"],import.meta.url).then(({MDXProvider:c})=>l(t.createElement(_,{showException:m,key:Math.random()},t.createElement(c,{components:n},t.createElement(s,{context:r,docsParameter:e}))),o)).then(()=>a())})},this.unmount=r=>{u(r)}}};export{R as D,D as d}; diff --git a/assets/chunk-WFFRPTHA-a68c42c5.js b/assets/chunk-WFFRPTHA-a68c42c5.js new file mode 100644 index 00000000..54e62cc8 --- /dev/null +++ b/assets/chunk-WFFRPTHA-a68c42c5.js @@ -0,0 +1 @@ +import{I as h,v as m}from"./preview-errors-dde4324f.js";const{addons:E}=__STORYBOOK_MODULE_PREVIEW_API__,{global:O}=__STORYBOOK_MODULE_GLOBAL__;var R="storybook/actions",w=`${R}/action-event`,D={depth:10,clearOnStoryChange:!0,limit:50},d=(t,o)=>{let e=Object.getPrototypeOf(t);return!e||o(e)?e:d(e,o)},b=t=>!!(typeof t=="object"&&t&&d(t,o=>/^Synthetic(?:Base)?Event$/.test(o.constructor.name))&&typeof t.persist=="function"),v=t=>{if(b(t)){let o=Object.create(t.constructor.prototype,Object.getOwnPropertyDescriptors(t));o.persist();let e=Object.getOwnPropertyDescriptor(o,"view"),n=e==null?void 0:e.value;return typeof n=="object"&&(n==null?void 0:n.constructor.name)==="Window"&&Object.defineProperty(o,"view",{...e,value:Object.create(n.constructor.prototype)}),o}return t},I=()=>typeof crypto=="object"&&typeof crypto.getRandomValues=="function"?m():Date.now().toString(36)+Math.random().toString(36).substring(2);function S(t,o={}){let e={...D,...o},n=function(...i){var a,s;if(o.implicit){let p=(a="__STORYBOOK_PREVIEW__"in O?O.__STORYBOOK_PREVIEW__:void 0)==null?void 0:a.storyRenders.find(r=>r.phase==="playing"||r.phase==="rendering");if(p){let r=!((s=window==null?void 0:window.FEATURES)!=null&&s.disallowImplicitActionsInRenderV8),l=new h({phase:p.phase,name:t,deprecated:r});if(r)console.warn(l);else throw l}}let _=E.getChannel(),y=I(),g=5,c=i.map(v),u=i.length>1?c:c[0],f={id:y,count:0,data:{name:t,args:u},options:{...e,maxDepth:g+(e.depth||3),allowFunction:e.allowFunction||!1}};_.emit(w,f)};return n.isAction=!0,n}export{S as a}; diff --git a/assets/formatter-SWP5E3XI-4219f5b5.js b/assets/formatter-SWP5E3XI-e2817b98.js similarity index 99% rename from assets/formatter-SWP5E3XI-4219f5b5.js rename to assets/formatter-SWP5E3XI-e2817b98.js index 734627f5..7469ffe6 100644 --- a/assets/formatter-SWP5E3XI-4219f5b5.js +++ b/assets/formatter-SWP5E3XI-e2817b98.js @@ -1,4 +1,4 @@ -import{_ as ea,m as pl,b as ta}from"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";var cl=ta({"node_modules/prettier/parser-html.js"(Jr,Xr){(function(Ae){if(typeof Jr=="object"&&typeof Xr=="object")Xr.exports=Ae();else if(typeof define=="function"&&define.amd)define(Ae);else{var Yt=typeof globalThis<"u"?globalThis:typeof global<"u"?global:typeof self<"u"?self:this||{};Yt.prettierPlugins=Yt.prettierPlugins||{},Yt.prettierPlugins.html=Ae()}})(function(){var Ae=(ot,Ne)=>()=>(Ne||ot((Ne={exports:{}}).exports,Ne),Ne.exports),Yt=Ae((ot,Ne)=>{var Se=function(Oe){return Oe&&Oe.Math==Math&&Oe};Ne.exports=Se(typeof globalThis=="object"&&globalThis)||Se(typeof window=="object"&&window)||Se(typeof self=="object"&&self)||Se(typeof global=="object"&&global)||function(){return this}()||Function("return this")()}),hr=Ae((ot,Ne)=>{Ne.exports=function(Se){try{return!!Se()}catch{return!0}}}),br=Ae((ot,Ne)=>{var Se=hr();Ne.exports=!Se(function(){return Object.defineProperty({},1,{get:function(){return 7}})[1]!=7})}),Hr=Ae((ot,Ne)=>{var Se=hr();Ne.exports=!Se(function(){var Oe=(function(){}).bind();return typeof Oe!="function"||Oe.hasOwnProperty("prototype")})}),gr=Ae((ot,Ne)=>{var Se=Hr(),Oe=Function.prototype.call;Ne.exports=Se?Oe.bind(Oe):function(){return Oe.apply(Oe,arguments)}}),Dn=Ae(ot=>{var Ne={}.propertyIsEnumerable,Se=Object.getOwnPropertyDescriptor,Oe=Se&&!Ne.call({1:2},1);ot.f=Oe?function(ee){var V=Se(this,ee);return!!V&&V.enumerable}:Ne}),Lr=Ae((ot,Ne)=>{Ne.exports=function(Se,Oe){return{enumerable:!(Se&1),configurable:!(Se&2),writable:!(Se&4),value:Oe}}}),Dr=Ae((ot,Ne)=>{var Se=Hr(),Oe=Function.prototype,ee=Oe.call,V=Se&&Oe.bind.bind(ee,ee);Ne.exports=Se?V:function(W){return function(){return ee.apply(W,arguments)}}}),Br=Ae((ot,Ne)=>{var Se=Dr(),Oe=Se({}.toString),ee=Se("".slice);Ne.exports=function(V){return ee(Oe(V),8,-1)}}),Zr=Ae((ot,Ne)=>{var Se=Dr(),Oe=hr(),ee=Br(),V=Object,W=Se("".split);Ne.exports=Oe(function(){return!V("z").propertyIsEnumerable(0)})?function(Z){return ee(Z)=="String"?W(Z,""):V(Z)}:V}),nn=Ae((ot,Ne)=>{Ne.exports=function(Se){return Se==null}}),qn=Ae((ot,Ne)=>{var Se=nn(),Oe=TypeError;Ne.exports=function(ee){if(Se(ee))throw Oe("Can't call method on "+ee);return ee}}),dn=Ae((ot,Ne)=>{var Se=Zr(),Oe=qn();Ne.exports=function(ee){return Se(Oe(ee))}}),Vn=Ae((ot,Ne)=>{var Se=typeof document=="object"&&document.all,Oe=typeof Se>"u"&&Se!==void 0;Ne.exports={all:Se,IS_HTMLDDA:Oe}}),dr=Ae((ot,Ne)=>{var Se=Vn(),Oe=Se.all;Ne.exports=Se.IS_HTMLDDA?function(ee){return typeof ee=="function"||ee===Oe}:function(ee){return typeof ee=="function"}}),Or=Ae((ot,Ne)=>{var Se=dr(),Oe=Vn(),ee=Oe.all;Ne.exports=Oe.IS_HTMLDDA?function(V){return typeof V=="object"?V!==null:Se(V)||V===ee}:function(V){return typeof V=="object"?V!==null:Se(V)}}),un=Ae((ot,Ne)=>{var Se=Yt(),Oe=dr(),ee=function(V){return Oe(V)?V:void 0};Ne.exports=function(V,W){return arguments.length<2?ee(Se[V]):Se[V]&&Se[V][W]}}),Un=Ae((ot,Ne)=>{var Se=Dr();Ne.exports=Se({}.isPrototypeOf)}),ii=Ae((ot,Ne)=>{var Se=un();Ne.exports=Se("navigator","userAgent")||""}),si=Ae((ot,Ne)=>{var Se=Yt(),Oe=ii(),ee=Se.process,V=Se.Deno,W=ee&&ee.versions||V&&V.version,Z=W&&W.v8,Y,ne;Z&&(Y=Z.split("."),ne=Y[0]>0&&Y[0]<4?1:+(Y[0]+Y[1])),!ne&&Oe&&(Y=Oe.match(/Edge\/(\d+)/),(!Y||Y[1]>=74)&&(Y=Oe.match(/Chrome\/(\d+)/),Y&&(ne=+Y[1]))),Ne.exports=ne}),Gn=Ae((ot,Ne)=>{var Se=si(),Oe=hr();Ne.exports=!!Object.getOwnPropertySymbols&&!Oe(function(){var ee=Symbol();return!String(ee)||!(Object(ee)instanceof Symbol)||!Symbol.sham&&Se&&Se<41})}),Jn=Ae((ot,Ne)=>{var Se=Gn();Ne.exports=Se&&!Symbol.sham&&typeof Symbol.iterator=="symbol"}),Xn=Ae((ot,Ne)=>{var Se=un(),Oe=dr(),ee=Un(),V=Jn(),W=Object;Ne.exports=V?function(Z){return typeof Z=="symbol"}:function(Z){var Y=Se("Symbol");return Oe(Y)&&ee(Y.prototype,W(Z))}}),fn=Ae((ot,Ne)=>{var Se=String;Ne.exports=function(Oe){try{return Se(Oe)}catch{return"Object"}}}),sn=Ae((ot,Ne)=>{var Se=dr(),Oe=fn(),ee=TypeError;Ne.exports=function(V){if(Se(V))return V;throw ee(Oe(V)+" is not a function")}}),mn=Ae((ot,Ne)=>{var Se=sn(),Oe=nn();Ne.exports=function(ee,V){var W=ee[V];return Oe(W)?void 0:Se(W)}}),ai=Ae((ot,Ne)=>{var Se=gr(),Oe=dr(),ee=Or(),V=TypeError;Ne.exports=function(W,Z){var Y,ne;if(Z==="string"&&Oe(Y=W.toString)&&!ee(ne=Se(Y,W))||Oe(Y=W.valueOf)&&!ee(ne=Se(Y,W))||Z!=="string"&&Oe(Y=W.toString)&&!ee(ne=Se(Y,W)))return ne;throw V("Can't convert object to primitive value")}}),oi=Ae((ot,Ne)=>{Ne.exports=!1}),hn=Ae((ot,Ne)=>{var Se=Yt(),Oe=Object.defineProperty;Ne.exports=function(ee,V){try{Oe(Se,ee,{value:V,configurable:!0,writable:!0})}catch{Se[ee]=V}return V}}),gn=Ae((ot,Ne)=>{var Se=Yt(),Oe=hn(),ee="__core-js_shared__",V=Se[ee]||Oe(ee,{});Ne.exports=V}),Wn=Ae((ot,Ne)=>{var Se=oi(),Oe=gn();(Ne.exports=function(ee,V){return Oe[ee]||(Oe[ee]=V!==void 0?V:{})})("versions",[]).push({version:"3.26.1",mode:Se?"pure":"global",copyright:"© 2014-2022 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.26.1/LICENSE",source:"https://github.com/zloirock/core-js"})}),Sn=Ae((ot,Ne)=>{var Se=qn(),Oe=Object;Ne.exports=function(ee){return Oe(Se(ee))}}),kr=Ae((ot,Ne)=>{var Se=Dr(),Oe=Sn(),ee=Se({}.hasOwnProperty);Ne.exports=Object.hasOwn||function(V,W){return ee(Oe(V),W)}}),zn=Ae((ot,Ne)=>{var Se=Dr(),Oe=0,ee=Math.random(),V=Se(1 .toString);Ne.exports=function(W){return"Symbol("+(W===void 0?"":W)+")_"+V(++Oe+ee,36)}}),$r=Ae((ot,Ne)=>{var Se=Yt(),Oe=Wn(),ee=kr(),V=zn(),W=Gn(),Z=Jn(),Y=Oe("wks"),ne=Se.Symbol,Fe=ne&&ne.for,je=Z?ne:ne&&ne.withoutSetter||V;Ne.exports=function(he){if(!ee(Y,he)||!(W||typeof Y[he]=="string")){var qe="Symbol."+he;W&&ee(ne,he)?Y[he]=ne[he]:Z&&Fe?Y[he]=Fe(qe):Y[he]=je(qe)}return Y[he]}}),li=Ae((ot,Ne)=>{var Se=gr(),Oe=Or(),ee=Xn(),V=mn(),W=ai(),Z=$r(),Y=TypeError,ne=Z("toPrimitive");Ne.exports=function(Fe,je){if(!Oe(Fe)||ee(Fe))return Fe;var he=V(Fe,ne),qe;if(he){if(je===void 0&&(je="default"),qe=Se(he,Fe,je),!Oe(qe)||ee(qe))return qe;throw Y("Can't convert object to primitive value")}return je===void 0&&(je="number"),W(Fe,je)}}),yn=Ae((ot,Ne)=>{var Se=li(),Oe=Xn();Ne.exports=function(ee){var V=Se(ee,"string");return Oe(V)?V:V+""}}),pi=Ae((ot,Ne)=>{var Se=Yt(),Oe=Or(),ee=Se.document,V=Oe(ee)&&Oe(ee.createElement);Ne.exports=function(W){return V?ee.createElement(W):{}}}),Hn=Ae((ot,Ne)=>{var Se=br(),Oe=hr(),ee=pi();Ne.exports=!Se&&!Oe(function(){return Object.defineProperty(ee("div"),"a",{get:function(){return 7}}).a!=7})}),Yn=Ae(ot=>{var Ne=br(),Se=gr(),Oe=Dn(),ee=Lr(),V=dn(),W=yn(),Z=kr(),Y=Hn(),ne=Object.getOwnPropertyDescriptor;ot.f=Ne?ne:function(Fe,je){if(Fe=V(Fe),je=W(je),Y)try{return ne(Fe,je)}catch{}if(Z(Fe,je))return ee(!Se(Oe.f,Fe,je),Fe[je])}}),ci=Ae((ot,Ne)=>{var Se=br(),Oe=hr();Ne.exports=Se&&Oe(function(){return Object.defineProperty(function(){},"prototype",{value:42,writable:!1}).prototype!=42})}),Wr=Ae((ot,Ne)=>{var Se=Or(),Oe=String,ee=TypeError;Ne.exports=function(V){if(Se(V))return V;throw ee(Oe(V)+" is not an object")}}),en=Ae(ot=>{var Ne=br(),Se=Hn(),Oe=ci(),ee=Wr(),V=yn(),W=TypeError,Z=Object.defineProperty,Y=Object.getOwnPropertyDescriptor,ne="enumerable",Fe="configurable",je="writable";ot.f=Ne?Oe?function(he,qe,et){if(ee(he),qe=V(qe),ee(et),typeof he=="function"&&qe==="prototype"&&"value"in et&&je in et&&!et[je]){var Ze=Y(he,qe);Ze&&Ze[je]&&(he[qe]=et.value,et={configurable:Fe in et?et[Fe]:Ze[Fe],enumerable:ne in et?et[ne]:Ze[ne],writable:!1})}return Z(he,qe,et)}:Z:function(he,qe,et){if(ee(he),qe=V(qe),ee(et),Se)try{return Z(he,qe,et)}catch{}if("get"in et||"set"in et)throw W("Accessors not supported");return"value"in et&&(he[qe]=et.value),he}}),Kn=Ae((ot,Ne)=>{var Se=br(),Oe=en(),ee=Lr();Ne.exports=Se?function(V,W,Z){return Oe.f(V,W,ee(1,Z))}:function(V,W,Z){return V[W]=Z,V}}),Di=Ae((ot,Ne)=>{var Se=br(),Oe=kr(),ee=Function.prototype,V=Se&&Object.getOwnPropertyDescriptor,W=Oe(ee,"name"),Z=W&&(function(){}).name==="something",Y=W&&(!Se||Se&&V(ee,"name").configurable);Ne.exports={EXISTS:W,PROPER:Z,CONFIGURABLE:Y}}),Qn=Ae((ot,Ne)=>{var Se=Dr(),Oe=dr(),ee=gn(),V=Se(Function.toString);Oe(ee.inspectSource)||(ee.inspectSource=function(W){return V(W)}),Ne.exports=ee.inspectSource}),di=Ae((ot,Ne)=>{var Se=Yt(),Oe=dr(),ee=Se.WeakMap;Ne.exports=Oe(ee)&&/native code/.test(String(ee))}),fi=Ae((ot,Ne)=>{var Se=Wn(),Oe=zn(),ee=Se("keys");Ne.exports=function(V){return ee[V]||(ee[V]=Oe(V))}}),Zn=Ae((ot,Ne)=>{Ne.exports={}}),mi=Ae((ot,Ne)=>{var Se=di(),Oe=Yt(),ee=Or(),V=Kn(),W=kr(),Z=gn(),Y=fi(),ne=Zn(),Fe="Object already initialized",je=Oe.TypeError,he=Oe.WeakMap,qe,et,Ze,nt=function(At){return Ze(At)?et(At):qe(At,{})},rt=function(At){return function(Lt){var qt;if(!ee(Lt)||(qt=et(Lt)).type!==At)throw je("Incompatible receiver, "+At+" required");return qt}};Se||Z.state?($=Z.state||(Z.state=new he),$.get=$.get,$.has=$.has,$.set=$.set,qe=function(At,Lt){if($.has(At))throw je(Fe);return Lt.facade=At,$.set(At,Lt),Lt},et=function(At){return $.get(At)||{}},Ze=function(At){return $.has(At)}):(Ft=Y("state"),ne[Ft]=!0,qe=function(At,Lt){if(W(At,Ft))throw je(Fe);return Lt.facade=At,V(At,Ft,Lt),Lt},et=function(At){return W(At,Ft)?At[Ft]:{}},Ze=function(At){return W(At,Ft)});var $,Ft;Ne.exports={set:qe,get:et,has:Ze,enforce:nt,getterFor:rt}}),gu=Ae((ot,Ne)=>{var Se=hr(),Oe=dr(),ee=kr(),V=br(),W=Di().CONFIGURABLE,Z=Qn(),Y=mi(),ne=Y.enforce,Fe=Y.get,je=Object.defineProperty,he=V&&!Se(function(){return je(function(){},"length",{value:8}).length!==8}),qe=String(String).split("String"),et=Ne.exports=function(Ze,nt,rt){String(nt).slice(0,7)==="Symbol("&&(nt="["+String(nt).replace(/^Symbol\(([^)]*)\)/,"$1")+"]"),rt&&rt.getter&&(nt="get "+nt),rt&&rt.setter&&(nt="set "+nt),(!ee(Ze,"name")||W&&Ze.name!==nt)&&(V?je(Ze,"name",{value:nt,configurable:!0}):Ze.name=nt),he&&rt&&ee(rt,"arity")&&Ze.length!==rt.arity&&je(Ze,"length",{value:rt.arity});try{rt&&ee(rt,"constructor")&&rt.constructor?V&&je(Ze,"prototype",{writable:!1}):Ze.prototype&&(Ze.prototype=void 0)}catch{}var $=ne(Ze);return ee($,"source")||($.source=qe.join(typeof nt=="string"?nt:"")),Ze};Function.prototype.toString=et(function(){return Oe(this)&&Fe(this).source||Z(this)},"toString")}),hi=Ae((ot,Ne)=>{var Se=dr(),Oe=en(),ee=gu(),V=hn();Ne.exports=function(W,Z,Y,ne){ne||(ne={});var Fe=ne.enumerable,je=ne.name!==void 0?ne.name:Z;if(Se(Y)&&ee(Y,je,ne),ne.global)Fe?W[Z]=Y:V(Z,Y);else{try{ne.unsafe?W[Z]&&(Fe=!0):delete W[Z]}catch{}Fe?W[Z]=Y:Oe.f(W,Z,{value:Y,enumerable:!1,configurable:!ne.nonConfigurable,writable:!ne.nonWritable})}return W}}),gi=Ae((ot,Ne)=>{var Se=Math.ceil,Oe=Math.floor;Ne.exports=Math.trunc||function(ee){var V=+ee;return(V>0?Oe:Se)(V)}}),xn=Ae((ot,Ne)=>{var Se=gi();Ne.exports=function(Oe){var ee=+Oe;return ee!==ee||ee===0?0:Se(ee)}}),yi=Ae((ot,Ne)=>{var Se=xn(),Oe=Math.max,ee=Math.min;Ne.exports=function(V,W){var Z=Se(V);return Z<0?Oe(Z+W,0):ee(Z,W)}}),Ei=Ae((ot,Ne)=>{var Se=xn(),Oe=Math.min;Ne.exports=function(ee){return ee>0?Oe(Se(ee),9007199254740991):0}}),tn=Ae((ot,Ne)=>{var Se=Ei();Ne.exports=function(Oe){return Se(Oe.length)}}),Ci=Ae((ot,Ne)=>{var Se=dn(),Oe=yi(),ee=tn(),V=function(W){return function(Z,Y,ne){var Fe=Se(Z),je=ee(Fe),he=Oe(ne,je),qe;if(W&&Y!=Y){for(;je>he;)if(qe=Fe[he++],qe!=qe)return!0}else for(;je>he;he++)if((W||he in Fe)&&Fe[he]===Y)return W||he||0;return!W&&-1}};Ne.exports={includes:V(!0),indexOf:V(!1)}}),Fi=Ae((ot,Ne)=>{var Se=Dr(),Oe=kr(),ee=dn(),V=Ci().indexOf,W=Zn(),Z=Se([].push);Ne.exports=function(Y,ne){var Fe=ee(Y),je=0,he=[],qe;for(qe in Fe)!Oe(W,qe)&&Oe(Fe,qe)&&Z(he,qe);for(;ne.length>je;)Oe(Fe,qe=ne[je++])&&(~V(he,qe)||Z(he,qe));return he}}),Ai=Ae((ot,Ne)=>{Ne.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]}),vi=Ae(ot=>{var Ne=Fi(),Se=Ai(),Oe=Se.concat("length","prototype");ot.f=Object.getOwnPropertyNames||function(ee){return Ne(ee,Oe)}}),bi=Ae(ot=>{ot.f=Object.getOwnPropertySymbols}),Si=Ae((ot,Ne)=>{var Se=un(),Oe=Dr(),ee=vi(),V=bi(),W=Wr(),Z=Oe([].concat);Ne.exports=Se("Reflect","ownKeys")||function(Y){var ne=ee.f(W(Y)),Fe=V.f;return Fe?Z(ne,Fe(Y)):ne}}),xi=Ae((ot,Ne)=>{var Se=kr(),Oe=Si(),ee=Yn(),V=en();Ne.exports=function(W,Z,Y){for(var ne=Oe(Z),Fe=V.f,je=ee.f,he=0;he{var Se=hr(),Oe=dr(),ee=/#|\.prototype\./,V=function(Fe,je){var he=Z[W(Fe)];return he==ne?!0:he==Y?!1:Oe(je)?Se(je):!!je},W=V.normalize=function(Fe){return String(Fe).replace(ee,".").toLowerCase()},Z=V.data={},Y=V.NATIVE="N",ne=V.POLYFILL="P";Ne.exports=V}),an=Ae((ot,Ne)=>{var Se=Yt(),Oe=Yn().f,ee=Kn(),V=hi(),W=hn(),Z=xi(),Y=Ti();Ne.exports=function(ne,Fe){var je=ne.target,he=ne.global,qe=ne.stat,et,Ze,nt,rt,$,Ft;if(he?Ze=Se:qe?Ze=Se[je]||W(je,{}):Ze=(Se[je]||{}).prototype,Ze)for(nt in Fe){if($=Fe[nt],ne.dontCallGetSet?(Ft=Oe(Ze,nt),rt=Ft&&Ft.value):rt=Ze[nt],et=Y(he?nt:je+(qe?".":"#")+nt,ne.forced),!et&&rt!==void 0){if(typeof $==typeof rt)continue;Z($,rt)}(ne.sham||rt&&rt.sham)&&ee($,"sham",!0),V(Ze,nt,$,ne)}}}),yu=Ae(()=>{var ot=an(),Ne=Yt();ot({global:!0,forced:Ne.globalThis!==Ne},{globalThis:Ne})}),Bi=Ae(()=>{yu()}),Eu=Ae((ot,Ne)=>{var Se=Br();Ne.exports=Array.isArray||function(Oe){return Se(Oe)=="Array"}}),Cu=Ae((ot,Ne)=>{var Se=TypeError,Oe=9007199254740991;Ne.exports=function(ee){if(ee>Oe)throw Se("Maximum allowed index exceeded");return ee}}),Fu=Ae((ot,Ne)=>{var Se=Br(),Oe=Dr();Ne.exports=function(ee){if(Se(ee)==="Function")return Oe(ee)}}),Au=Ae((ot,Ne)=>{var Se=Fu(),Oe=sn(),ee=Hr(),V=Se(Se.bind);Ne.exports=function(W,Z){return Oe(W),Z===void 0?W:ee?V(W,Z):function(){return W.apply(Z,arguments)}}}),vu=Ae((ot,Ne)=>{var Se=Eu(),Oe=tn(),ee=Cu(),V=Au(),W=function(Z,Y,ne,Fe,je,he,qe,et){for(var Ze=je,nt=0,rt=qe?V(qe,et):!1,$,Ft;nt0&&Se($)?(Ft=Oe($),Ze=W(Z,Y,$,Ft,Ze,he-1)-1):(ee(Ze+1),Z[Ze]=$),Ze++),nt++;return Ze};Ne.exports=W}),wi=Ae((ot,Ne)=>{var Se=$r(),Oe=Se("toStringTag"),ee={};ee[Oe]="z",Ne.exports=String(ee)==="[object z]"}),bu=Ae((ot,Ne)=>{var Se=wi(),Oe=dr(),ee=Br(),V=$r(),W=V("toStringTag"),Z=Object,Y=ee(function(){return arguments}())=="Arguments",ne=function(Fe,je){try{return Fe[je]}catch{}};Ne.exports=Se?ee:function(Fe){var je,he,qe;return Fe===void 0?"Undefined":Fe===null?"Null":typeof(he=ne(je=Z(Fe),W))=="string"?he:Y?ee(je):(qe=ee(je))=="Object"&&Oe(je.callee)?"Arguments":qe}}),Su=Ae((ot,Ne)=>{var Se=Dr(),Oe=hr(),ee=dr(),V=bu(),W=un(),Z=Qn(),Y=function(){},ne=[],Fe=W("Reflect","construct"),je=/^\s*(?:class|function)\b/,he=Se(je.exec),qe=!je.exec(Y),et=function(nt){if(!ee(nt))return!1;try{return Fe(Y,ne,nt),!0}catch{return!1}},Ze=function(nt){if(!ee(nt))return!1;switch(V(nt)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return qe||!!he(je,Z(nt))}catch{return!0}};Ze.sham=!0,Ne.exports=!Fe||Oe(function(){var nt;return et(et.call)||!et(Object)||!et(function(){nt=!0})||nt})?Ze:et}),Ni=Ae((ot,Ne)=>{var Se=Eu(),Oe=Su(),ee=Or(),V=$r(),W=V("species"),Z=Array;Ne.exports=function(Y){var ne;return Se(Y)&&(ne=Y.constructor,Oe(ne)&&(ne===Z||Se(ne.prototype))?ne=void 0:ee(ne)&&(ne=ne[W],ne===null&&(ne=void 0))),ne===void 0?Z:ne}}),xu=Ae((ot,Ne)=>{var Se=Ni();Ne.exports=function(Oe,ee){return new(Se(Oe))(ee===0?0:ee)}}),_i=Ae(()=>{var ot=an(),Ne=vu(),Se=sn(),Oe=Sn(),ee=tn(),V=xu();ot({target:"Array",proto:!0},{flatMap:function(W){var Z=Oe(this),Y=ee(Z),ne;return Se(W),ne=V(Z,0),ne.length=Ne(ne,Z,Z,Y,0,1,W,arguments.length>1?arguments[1]:void 0),ne}})}),eu=Ae((ot,Ne)=>{Ne.exports={}}),ki=Ae((ot,Ne)=>{var Se=$r(),Oe=eu(),ee=Se("iterator"),V=Array.prototype;Ne.exports=function(W){return W!==void 0&&(Oe.Array===W||V[ee]===W)}}),Tu=Ae((ot,Ne)=>{var Se=bu(),Oe=mn(),ee=nn(),V=eu(),W=$r(),Z=W("iterator");Ne.exports=function(Y){if(!ee(Y))return Oe(Y,Z)||Oe(Y,"@@iterator")||V[Se(Y)]}}),Pi=Ae((ot,Ne)=>{var Se=gr(),Oe=sn(),ee=Wr(),V=fn(),W=Tu(),Z=TypeError;Ne.exports=function(Y,ne){var Fe=arguments.length<2?W(Y):ne;if(Oe(Fe))return ee(Se(Fe,Y));throw Z(V(Y)+" is not iterable")}}),Ii=Ae((ot,Ne)=>{var Se=gr(),Oe=Wr(),ee=mn();Ne.exports=function(V,W,Z){var Y,ne;Oe(V);try{if(Y=ee(V,"return"),!Y){if(W==="throw")throw Z;return Z}Y=Se(Y,V)}catch(Fe){ne=!0,Y=Fe}if(W==="throw")throw Z;if(ne)throw Y;return Oe(Y),Z}}),ji=Ae((ot,Ne)=>{var Se=Au(),Oe=gr(),ee=Wr(),V=fn(),W=ki(),Z=tn(),Y=Un(),ne=Pi(),Fe=Tu(),je=Ii(),he=TypeError,qe=function(Ze,nt){this.stopped=Ze,this.result=nt},et=qe.prototype;Ne.exports=function(Ze,nt,rt){var $=rt&&rt.that,Ft=!!(rt&&rt.AS_ENTRIES),At=!!(rt&&rt.IS_RECORD),Lt=!!(rt&&rt.IS_ITERATOR),qt=!!(rt&&rt.INTERRUPTED),Zt=Se(nt,$),ue,yr,Pr,zr,fr,Rr,mr,rn=function(Fr){return ue&&je(ue,"normal",Fr),new qe(!0,Fr)},wr=function(Fr){return Ft?(ee(Fr),qt?Zt(Fr[0],Fr[1],rn):Zt(Fr[0],Fr[1])):qt?Zt(Fr,rn):Zt(Fr)};if(At)ue=Ze.iterator;else if(Lt)ue=Ze;else{if(yr=Fe(Ze),!yr)throw he(V(Ze)+" is not iterable");if(W(yr)){for(Pr=0,zr=Z(Ze);zr>Pr;Pr++)if(fr=wr(Ze[Pr]),fr&&Y(et,fr))return fr;return new qe(!1)}ue=ne(Ze,yr)}for(Rr=At?Ze.next:ue.next;!(mr=Oe(Rr,ue)).done;){try{fr=wr(mr.value)}catch(Fr){je(ue,"throw",Fr)}if(typeof fr=="object"&&fr&&Y(et,fr))return fr}return new qe(!1)}}),Li=Ae((ot,Ne)=>{var Se=yn(),Oe=en(),ee=Lr();Ne.exports=function(V,W,Z){var Y=Se(W);Y in V?Oe.f(V,Y,ee(0,Z)):V[Y]=Z}}),Oi=Ae(()=>{var ot=an(),Ne=ji(),Se=Li();ot({target:"Object",stat:!0},{fromEntries:function(Oe){var ee={};return Ne(Oe,function(V,W){Se(ee,V,W)},{AS_ENTRIES:!0}),ee}})}),$i=Ae((ot,Ne)=>{var Se=["cliName","cliCategory","cliDescription"];function Oe(L,re){if(L==null)return{};var ge=ee(L,re),Ee,Pe;if(Object.getOwnPropertySymbols){var ie=Object.getOwnPropertySymbols(L);for(Pe=0;Pe=0)&&Object.prototype.propertyIsEnumerable.call(L,Ee)&&(ge[Ee]=L[Ee])}return ge}function ee(L,re){if(L==null)return{};var ge={},Ee=Object.keys(L),Pe,ie;for(ie=0;ie=0)&&(ge[Pe]=L[Pe]);return ge}Bi(),_i(),Oi();var V=Object.create,W=Object.defineProperty,Z=Object.getOwnPropertyDescriptor,Y=Object.getOwnPropertyNames,ne=Object.getPrototypeOf,Fe=Object.prototype.hasOwnProperty,je=(L,re)=>function(){return L&&(re=(0,L[Y(L)[0]])(L=0)),re},he=(L,re)=>function(){return re||(0,L[Y(L)[0]])((re={exports:{}}).exports,re),re.exports},qe=(L,re)=>{for(var ge in re)W(L,ge,{get:re[ge],enumerable:!0})},et=(L,re,ge,Ee)=>{if(re&&typeof re=="object"||typeof re=="function")for(let Pe of Y(re))!Fe.call(L,Pe)&&Pe!==ge&&W(L,Pe,{get:()=>re[Pe],enumerable:!(Ee=Z(re,Pe))||Ee.enumerable});return L},Ze=(L,re,ge)=>(ge=L!=null?V(ne(L)):{},et(re||!L||!L.__esModule?W(ge,"default",{value:L,enumerable:!0}):ge,L)),nt=L=>et(W({},"__esModule",{value:!0}),L),rt,$=je({""(){rt={env:{},argv:[]}}}),Ft=he({"node_modules/angular-html-parser/lib/compiler/src/chars.js"(L){$(),Object.defineProperty(L,"__esModule",{value:!0}),L.$EOF=0,L.$BSPACE=8,L.$TAB=9,L.$LF=10,L.$VTAB=11,L.$FF=12,L.$CR=13,L.$SPACE=32,L.$BANG=33,L.$DQ=34,L.$HASH=35,L.$$=36,L.$PERCENT=37,L.$AMPERSAND=38,L.$SQ=39,L.$LPAREN=40,L.$RPAREN=41,L.$STAR=42,L.$PLUS=43,L.$COMMA=44,L.$MINUS=45,L.$PERIOD=46,L.$SLASH=47,L.$COLON=58,L.$SEMICOLON=59,L.$LT=60,L.$EQ=61,L.$GT=62,L.$QUESTION=63,L.$0=48,L.$7=55,L.$9=57,L.$A=65,L.$E=69,L.$F=70,L.$X=88,L.$Z=90,L.$LBRACKET=91,L.$BACKSLASH=92,L.$RBRACKET=93,L.$CARET=94,L.$_=95,L.$a=97,L.$b=98,L.$e=101,L.$f=102,L.$n=110,L.$r=114,L.$t=116,L.$u=117,L.$v=118,L.$x=120,L.$z=122,L.$LBRACE=123,L.$BAR=124,L.$RBRACE=125,L.$NBSP=160,L.$PIPE=124,L.$TILDA=126,L.$AT=64,L.$BT=96;function re(Ue){return Ue>=L.$TAB&&Ue<=L.$SPACE||Ue==L.$NBSP}L.isWhitespace=re;function ge(Ue){return L.$0<=Ue&&Ue<=L.$9}L.isDigit=ge;function Ee(Ue){return Ue>=L.$a&&Ue<=L.$z||Ue>=L.$A&&Ue<=L.$Z}L.isAsciiLetter=Ee;function Pe(Ue){return Ue>=L.$a&&Ue<=L.$f||Ue>=L.$A&&Ue<=L.$F||ge(Ue)}L.isAsciiHexDigit=Pe;function ie(Ue){return Ue===L.$LF||Ue===L.$CR}L.isNewLine=ie;function de(Ue){return L.$0<=Ue&&Ue<=L.$7}L.isOctalDigit=de}}),At=he({"node_modules/angular-html-parser/lib/compiler/src/aot/static_symbol.js"(L){$(),Object.defineProperty(L,"__esModule",{value:!0});var re=class{constructor(Ee,Pe,ie){this.filePath=Ee,this.name=Pe,this.members=ie}assertNoMembers(){if(this.members.length)throw new Error(`Illegal state: symbol without members expected, but got ${JSON.stringify(this)}.`)}};L.StaticSymbol=re;var ge=class{constructor(){this.cache=new Map}get(Ee,Pe,ie){ie=ie||[];let de=ie.length?`.${ie.join(".")}`:"",Ue=`"${Ee}".${Pe}${de}`,Ge=this.cache.get(Ue);return Ge||(Ge=new re(Ee,Pe,ie),this.cache.set(Ue,Ge)),Ge}};L.StaticSymbolCache=ge}}),Lt=he({"node_modules/angular-html-parser/lib/compiler/src/util.js"(L){$(),Object.defineProperty(L,"__esModule",{value:!0});var re=/-+([a-z0-9])/g;function ge(le){return le.replace(re,function(){for(var We=arguments.length,Me=new Array(We),at=0;atde(Me,this,We))}visitStringMap(le,We){let Me={};return Object.keys(le).forEach(at=>{Me[at]=de(le[at],this,We)}),Me}visitPrimitive(le,We){return le}visitOther(le,We){return le}};L.ValueTransformer=gt,L.SyncAsync={assertSync:le=>{if(st(le))throw new Error("Illegal state: value cannot be a promise");return le},then:(le,We)=>st(le)?le.then(We):We(le),all:le=>le.some(st)?Promise.all(le):le};function ce(le){throw new Error(`Internal Error: ${le}`)}L.error=ce;function ve(le,We){let Me=Error(le);return Me[Ve]=!0,We&&(Me[He]=We),Me}L.syntaxError=ve;var Ve="ngSyntaxError",He="ngParseErrors";function Je(le){return le[Ve]}L.isSyntaxError=Je;function Qe(le){return le[He]||[]}L.getParseErrors=Qe;function yt(le){return le.replace(/([.*+?^=!:${}()|[\]\/\\])/g,"\\$1")}L.escapeRegExp=yt;var _t=Object.getPrototypeOf({});function ct(le){return typeof le=="object"&&le!==null&&Object.getPrototypeOf(le)===_t}function kt(le){let We="";for(let Me=0;Me=55296&&at<=56319&&le.length>Me+1){let Jt=le.charCodeAt(Me+1);Jt>=56320&&Jt<=57343&&(Me++,at=(at-55296<<10)+Jt-56320+65536)}at<=127?We+=String.fromCharCode(at):at<=2047?We+=String.fromCharCode(at>>6&31|192,at&63|128):at<=65535?We+=String.fromCharCode(at>>12|224,at>>6&63|128,at&63|128):at<=2097151&&(We+=String.fromCharCode(at>>18&7|240,at>>12&63|128,at>>6&63|128,at&63|128))}return We}L.utf8Encode=kt;function $t(le){if(typeof le=="string")return le;if(le instanceof Array)return"["+le.map($t).join(", ")+"]";if(le==null)return""+le;if(le.overriddenName)return`${le.overriddenName}`;if(le.name)return`${le.name}`;if(!le.toString)return"object";let We=le.toString();if(We==null)return""+We;let Me=We.indexOf(` +import{_ as ea,m as pl,b as ta}from"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";var cl=ta({"node_modules/prettier/parser-html.js"(Jr,Xr){(function(Ae){if(typeof Jr=="object"&&typeof Xr=="object")Xr.exports=Ae();else if(typeof define=="function"&&define.amd)define(Ae);else{var Yt=typeof globalThis<"u"?globalThis:typeof global<"u"?global:typeof self<"u"?self:this||{};Yt.prettierPlugins=Yt.prettierPlugins||{},Yt.prettierPlugins.html=Ae()}})(function(){var Ae=(ot,Ne)=>()=>(Ne||ot((Ne={exports:{}}).exports,Ne),Ne.exports),Yt=Ae((ot,Ne)=>{var Se=function(Oe){return Oe&&Oe.Math==Math&&Oe};Ne.exports=Se(typeof globalThis=="object"&&globalThis)||Se(typeof window=="object"&&window)||Se(typeof self=="object"&&self)||Se(typeof global=="object"&&global)||function(){return this}()||Function("return this")()}),hr=Ae((ot,Ne)=>{Ne.exports=function(Se){try{return!!Se()}catch{return!0}}}),br=Ae((ot,Ne)=>{var Se=hr();Ne.exports=!Se(function(){return Object.defineProperty({},1,{get:function(){return 7}})[1]!=7})}),Hr=Ae((ot,Ne)=>{var Se=hr();Ne.exports=!Se(function(){var Oe=(function(){}).bind();return typeof Oe!="function"||Oe.hasOwnProperty("prototype")})}),gr=Ae((ot,Ne)=>{var Se=Hr(),Oe=Function.prototype.call;Ne.exports=Se?Oe.bind(Oe):function(){return Oe.apply(Oe,arguments)}}),Dn=Ae(ot=>{var Ne={}.propertyIsEnumerable,Se=Object.getOwnPropertyDescriptor,Oe=Se&&!Ne.call({1:2},1);ot.f=Oe?function(ee){var V=Se(this,ee);return!!V&&V.enumerable}:Ne}),Lr=Ae((ot,Ne)=>{Ne.exports=function(Se,Oe){return{enumerable:!(Se&1),configurable:!(Se&2),writable:!(Se&4),value:Oe}}}),Dr=Ae((ot,Ne)=>{var Se=Hr(),Oe=Function.prototype,ee=Oe.call,V=Se&&Oe.bind.bind(ee,ee);Ne.exports=Se?V:function(W){return function(){return ee.apply(W,arguments)}}}),Br=Ae((ot,Ne)=>{var Se=Dr(),Oe=Se({}.toString),ee=Se("".slice);Ne.exports=function(V){return ee(Oe(V),8,-1)}}),Zr=Ae((ot,Ne)=>{var Se=Dr(),Oe=hr(),ee=Br(),V=Object,W=Se("".split);Ne.exports=Oe(function(){return!V("z").propertyIsEnumerable(0)})?function(Z){return ee(Z)=="String"?W(Z,""):V(Z)}:V}),nn=Ae((ot,Ne)=>{Ne.exports=function(Se){return Se==null}}),qn=Ae((ot,Ne)=>{var Se=nn(),Oe=TypeError;Ne.exports=function(ee){if(Se(ee))throw Oe("Can't call method on "+ee);return ee}}),dn=Ae((ot,Ne)=>{var Se=Zr(),Oe=qn();Ne.exports=function(ee){return Se(Oe(ee))}}),Vn=Ae((ot,Ne)=>{var Se=typeof document=="object"&&document.all,Oe=typeof Se>"u"&&Se!==void 0;Ne.exports={all:Se,IS_HTMLDDA:Oe}}),dr=Ae((ot,Ne)=>{var Se=Vn(),Oe=Se.all;Ne.exports=Se.IS_HTMLDDA?function(ee){return typeof ee=="function"||ee===Oe}:function(ee){return typeof ee=="function"}}),Or=Ae((ot,Ne)=>{var Se=dr(),Oe=Vn(),ee=Oe.all;Ne.exports=Oe.IS_HTMLDDA?function(V){return typeof V=="object"?V!==null:Se(V)||V===ee}:function(V){return typeof V=="object"?V!==null:Se(V)}}),un=Ae((ot,Ne)=>{var Se=Yt(),Oe=dr(),ee=function(V){return Oe(V)?V:void 0};Ne.exports=function(V,W){return arguments.length<2?ee(Se[V]):Se[V]&&Se[V][W]}}),Un=Ae((ot,Ne)=>{var Se=Dr();Ne.exports=Se({}.isPrototypeOf)}),ii=Ae((ot,Ne)=>{var Se=un();Ne.exports=Se("navigator","userAgent")||""}),si=Ae((ot,Ne)=>{var Se=Yt(),Oe=ii(),ee=Se.process,V=Se.Deno,W=ee&&ee.versions||V&&V.version,Z=W&&W.v8,Y,ne;Z&&(Y=Z.split("."),ne=Y[0]>0&&Y[0]<4?1:+(Y[0]+Y[1])),!ne&&Oe&&(Y=Oe.match(/Edge\/(\d+)/),(!Y||Y[1]>=74)&&(Y=Oe.match(/Chrome\/(\d+)/),Y&&(ne=+Y[1]))),Ne.exports=ne}),Gn=Ae((ot,Ne)=>{var Se=si(),Oe=hr();Ne.exports=!!Object.getOwnPropertySymbols&&!Oe(function(){var ee=Symbol();return!String(ee)||!(Object(ee)instanceof Symbol)||!Symbol.sham&&Se&&Se<41})}),Jn=Ae((ot,Ne)=>{var Se=Gn();Ne.exports=Se&&!Symbol.sham&&typeof Symbol.iterator=="symbol"}),Xn=Ae((ot,Ne)=>{var Se=un(),Oe=dr(),ee=Un(),V=Jn(),W=Object;Ne.exports=V?function(Z){return typeof Z=="symbol"}:function(Z){var Y=Se("Symbol");return Oe(Y)&&ee(Y.prototype,W(Z))}}),fn=Ae((ot,Ne)=>{var Se=String;Ne.exports=function(Oe){try{return Se(Oe)}catch{return"Object"}}}),sn=Ae((ot,Ne)=>{var Se=dr(),Oe=fn(),ee=TypeError;Ne.exports=function(V){if(Se(V))return V;throw ee(Oe(V)+" is not a function")}}),mn=Ae((ot,Ne)=>{var Se=sn(),Oe=nn();Ne.exports=function(ee,V){var W=ee[V];return Oe(W)?void 0:Se(W)}}),ai=Ae((ot,Ne)=>{var Se=gr(),Oe=dr(),ee=Or(),V=TypeError;Ne.exports=function(W,Z){var Y,ne;if(Z==="string"&&Oe(Y=W.toString)&&!ee(ne=Se(Y,W))||Oe(Y=W.valueOf)&&!ee(ne=Se(Y,W))||Z!=="string"&&Oe(Y=W.toString)&&!ee(ne=Se(Y,W)))return ne;throw V("Can't convert object to primitive value")}}),oi=Ae((ot,Ne)=>{Ne.exports=!1}),hn=Ae((ot,Ne)=>{var Se=Yt(),Oe=Object.defineProperty;Ne.exports=function(ee,V){try{Oe(Se,ee,{value:V,configurable:!0,writable:!0})}catch{Se[ee]=V}return V}}),gn=Ae((ot,Ne)=>{var Se=Yt(),Oe=hn(),ee="__core-js_shared__",V=Se[ee]||Oe(ee,{});Ne.exports=V}),Wn=Ae((ot,Ne)=>{var Se=oi(),Oe=gn();(Ne.exports=function(ee,V){return Oe[ee]||(Oe[ee]=V!==void 0?V:{})})("versions",[]).push({version:"3.26.1",mode:Se?"pure":"global",copyright:"© 2014-2022 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.26.1/LICENSE",source:"https://github.com/zloirock/core-js"})}),Sn=Ae((ot,Ne)=>{var Se=qn(),Oe=Object;Ne.exports=function(ee){return Oe(Se(ee))}}),kr=Ae((ot,Ne)=>{var Se=Dr(),Oe=Sn(),ee=Se({}.hasOwnProperty);Ne.exports=Object.hasOwn||function(V,W){return ee(Oe(V),W)}}),zn=Ae((ot,Ne)=>{var Se=Dr(),Oe=0,ee=Math.random(),V=Se(1 .toString);Ne.exports=function(W){return"Symbol("+(W===void 0?"":W)+")_"+V(++Oe+ee,36)}}),$r=Ae((ot,Ne)=>{var Se=Yt(),Oe=Wn(),ee=kr(),V=zn(),W=Gn(),Z=Jn(),Y=Oe("wks"),ne=Se.Symbol,Fe=ne&&ne.for,je=Z?ne:ne&&ne.withoutSetter||V;Ne.exports=function(he){if(!ee(Y,he)||!(W||typeof Y[he]=="string")){var qe="Symbol."+he;W&&ee(ne,he)?Y[he]=ne[he]:Z&&Fe?Y[he]=Fe(qe):Y[he]=je(qe)}return Y[he]}}),li=Ae((ot,Ne)=>{var Se=gr(),Oe=Or(),ee=Xn(),V=mn(),W=ai(),Z=$r(),Y=TypeError,ne=Z("toPrimitive");Ne.exports=function(Fe,je){if(!Oe(Fe)||ee(Fe))return Fe;var he=V(Fe,ne),qe;if(he){if(je===void 0&&(je="default"),qe=Se(he,Fe,je),!Oe(qe)||ee(qe))return qe;throw Y("Can't convert object to primitive value")}return je===void 0&&(je="number"),W(Fe,je)}}),yn=Ae((ot,Ne)=>{var Se=li(),Oe=Xn();Ne.exports=function(ee){var V=Se(ee,"string");return Oe(V)?V:V+""}}),pi=Ae((ot,Ne)=>{var Se=Yt(),Oe=Or(),ee=Se.document,V=Oe(ee)&&Oe(ee.createElement);Ne.exports=function(W){return V?ee.createElement(W):{}}}),Hn=Ae((ot,Ne)=>{var Se=br(),Oe=hr(),ee=pi();Ne.exports=!Se&&!Oe(function(){return Object.defineProperty(ee("div"),"a",{get:function(){return 7}}).a!=7})}),Yn=Ae(ot=>{var Ne=br(),Se=gr(),Oe=Dn(),ee=Lr(),V=dn(),W=yn(),Z=kr(),Y=Hn(),ne=Object.getOwnPropertyDescriptor;ot.f=Ne?ne:function(Fe,je){if(Fe=V(Fe),je=W(je),Y)try{return ne(Fe,je)}catch{}if(Z(Fe,je))return ee(!Se(Oe.f,Fe,je),Fe[je])}}),ci=Ae((ot,Ne)=>{var Se=br(),Oe=hr();Ne.exports=Se&&Oe(function(){return Object.defineProperty(function(){},"prototype",{value:42,writable:!1}).prototype!=42})}),Wr=Ae((ot,Ne)=>{var Se=Or(),Oe=String,ee=TypeError;Ne.exports=function(V){if(Se(V))return V;throw ee(Oe(V)+" is not an object")}}),en=Ae(ot=>{var Ne=br(),Se=Hn(),Oe=ci(),ee=Wr(),V=yn(),W=TypeError,Z=Object.defineProperty,Y=Object.getOwnPropertyDescriptor,ne="enumerable",Fe="configurable",je="writable";ot.f=Ne?Oe?function(he,qe,et){if(ee(he),qe=V(qe),ee(et),typeof he=="function"&&qe==="prototype"&&"value"in et&&je in et&&!et[je]){var Ze=Y(he,qe);Ze&&Ze[je]&&(he[qe]=et.value,et={configurable:Fe in et?et[Fe]:Ze[Fe],enumerable:ne in et?et[ne]:Ze[ne],writable:!1})}return Z(he,qe,et)}:Z:function(he,qe,et){if(ee(he),qe=V(qe),ee(et),Se)try{return Z(he,qe,et)}catch{}if("get"in et||"set"in et)throw W("Accessors not supported");return"value"in et&&(he[qe]=et.value),he}}),Kn=Ae((ot,Ne)=>{var Se=br(),Oe=en(),ee=Lr();Ne.exports=Se?function(V,W,Z){return Oe.f(V,W,ee(1,Z))}:function(V,W,Z){return V[W]=Z,V}}),Di=Ae((ot,Ne)=>{var Se=br(),Oe=kr(),ee=Function.prototype,V=Se&&Object.getOwnPropertyDescriptor,W=Oe(ee,"name"),Z=W&&(function(){}).name==="something",Y=W&&(!Se||Se&&V(ee,"name").configurable);Ne.exports={EXISTS:W,PROPER:Z,CONFIGURABLE:Y}}),Qn=Ae((ot,Ne)=>{var Se=Dr(),Oe=dr(),ee=gn(),V=Se(Function.toString);Oe(ee.inspectSource)||(ee.inspectSource=function(W){return V(W)}),Ne.exports=ee.inspectSource}),di=Ae((ot,Ne)=>{var Se=Yt(),Oe=dr(),ee=Se.WeakMap;Ne.exports=Oe(ee)&&/native code/.test(String(ee))}),fi=Ae((ot,Ne)=>{var Se=Wn(),Oe=zn(),ee=Se("keys");Ne.exports=function(V){return ee[V]||(ee[V]=Oe(V))}}),Zn=Ae((ot,Ne)=>{Ne.exports={}}),mi=Ae((ot,Ne)=>{var Se=di(),Oe=Yt(),ee=Or(),V=Kn(),W=kr(),Z=gn(),Y=fi(),ne=Zn(),Fe="Object already initialized",je=Oe.TypeError,he=Oe.WeakMap,qe,et,Ze,nt=function(At){return Ze(At)?et(At):qe(At,{})},rt=function(At){return function(Lt){var qt;if(!ee(Lt)||(qt=et(Lt)).type!==At)throw je("Incompatible receiver, "+At+" required");return qt}};Se||Z.state?($=Z.state||(Z.state=new he),$.get=$.get,$.has=$.has,$.set=$.set,qe=function(At,Lt){if($.has(At))throw je(Fe);return Lt.facade=At,$.set(At,Lt),Lt},et=function(At){return $.get(At)||{}},Ze=function(At){return $.has(At)}):(Ft=Y("state"),ne[Ft]=!0,qe=function(At,Lt){if(W(At,Ft))throw je(Fe);return Lt.facade=At,V(At,Ft,Lt),Lt},et=function(At){return W(At,Ft)?At[Ft]:{}},Ze=function(At){return W(At,Ft)});var $,Ft;Ne.exports={set:qe,get:et,has:Ze,enforce:nt,getterFor:rt}}),gu=Ae((ot,Ne)=>{var Se=hr(),Oe=dr(),ee=kr(),V=br(),W=Di().CONFIGURABLE,Z=Qn(),Y=mi(),ne=Y.enforce,Fe=Y.get,je=Object.defineProperty,he=V&&!Se(function(){return je(function(){},"length",{value:8}).length!==8}),qe=String(String).split("String"),et=Ne.exports=function(Ze,nt,rt){String(nt).slice(0,7)==="Symbol("&&(nt="["+String(nt).replace(/^Symbol\(([^)]*)\)/,"$1")+"]"),rt&&rt.getter&&(nt="get "+nt),rt&&rt.setter&&(nt="set "+nt),(!ee(Ze,"name")||W&&Ze.name!==nt)&&(V?je(Ze,"name",{value:nt,configurable:!0}):Ze.name=nt),he&&rt&&ee(rt,"arity")&&Ze.length!==rt.arity&&je(Ze,"length",{value:rt.arity});try{rt&&ee(rt,"constructor")&&rt.constructor?V&&je(Ze,"prototype",{writable:!1}):Ze.prototype&&(Ze.prototype=void 0)}catch{}var $=ne(Ze);return ee($,"source")||($.source=qe.join(typeof nt=="string"?nt:"")),Ze};Function.prototype.toString=et(function(){return Oe(this)&&Fe(this).source||Z(this)},"toString")}),hi=Ae((ot,Ne)=>{var Se=dr(),Oe=en(),ee=gu(),V=hn();Ne.exports=function(W,Z,Y,ne){ne||(ne={});var Fe=ne.enumerable,je=ne.name!==void 0?ne.name:Z;if(Se(Y)&&ee(Y,je,ne),ne.global)Fe?W[Z]=Y:V(Z,Y);else{try{ne.unsafe?W[Z]&&(Fe=!0):delete W[Z]}catch{}Fe?W[Z]=Y:Oe.f(W,Z,{value:Y,enumerable:!1,configurable:!ne.nonConfigurable,writable:!ne.nonWritable})}return W}}),gi=Ae((ot,Ne)=>{var Se=Math.ceil,Oe=Math.floor;Ne.exports=Math.trunc||function(ee){var V=+ee;return(V>0?Oe:Se)(V)}}),xn=Ae((ot,Ne)=>{var Se=gi();Ne.exports=function(Oe){var ee=+Oe;return ee!==ee||ee===0?0:Se(ee)}}),yi=Ae((ot,Ne)=>{var Se=xn(),Oe=Math.max,ee=Math.min;Ne.exports=function(V,W){var Z=Se(V);return Z<0?Oe(Z+W,0):ee(Z,W)}}),Ei=Ae((ot,Ne)=>{var Se=xn(),Oe=Math.min;Ne.exports=function(ee){return ee>0?Oe(Se(ee),9007199254740991):0}}),tn=Ae((ot,Ne)=>{var Se=Ei();Ne.exports=function(Oe){return Se(Oe.length)}}),Ci=Ae((ot,Ne)=>{var Se=dn(),Oe=yi(),ee=tn(),V=function(W){return function(Z,Y,ne){var Fe=Se(Z),je=ee(Fe),he=Oe(ne,je),qe;if(W&&Y!=Y){for(;je>he;)if(qe=Fe[he++],qe!=qe)return!0}else for(;je>he;he++)if((W||he in Fe)&&Fe[he]===Y)return W||he||0;return!W&&-1}};Ne.exports={includes:V(!0),indexOf:V(!1)}}),Fi=Ae((ot,Ne)=>{var Se=Dr(),Oe=kr(),ee=dn(),V=Ci().indexOf,W=Zn(),Z=Se([].push);Ne.exports=function(Y,ne){var Fe=ee(Y),je=0,he=[],qe;for(qe in Fe)!Oe(W,qe)&&Oe(Fe,qe)&&Z(he,qe);for(;ne.length>je;)Oe(Fe,qe=ne[je++])&&(~V(he,qe)||Z(he,qe));return he}}),Ai=Ae((ot,Ne)=>{Ne.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]}),vi=Ae(ot=>{var Ne=Fi(),Se=Ai(),Oe=Se.concat("length","prototype");ot.f=Object.getOwnPropertyNames||function(ee){return Ne(ee,Oe)}}),bi=Ae(ot=>{ot.f=Object.getOwnPropertySymbols}),Si=Ae((ot,Ne)=>{var Se=un(),Oe=Dr(),ee=vi(),V=bi(),W=Wr(),Z=Oe([].concat);Ne.exports=Se("Reflect","ownKeys")||function(Y){var ne=ee.f(W(Y)),Fe=V.f;return Fe?Z(ne,Fe(Y)):ne}}),xi=Ae((ot,Ne)=>{var Se=kr(),Oe=Si(),ee=Yn(),V=en();Ne.exports=function(W,Z,Y){for(var ne=Oe(Z),Fe=V.f,je=ee.f,he=0;he{var Se=hr(),Oe=dr(),ee=/#|\.prototype\./,V=function(Fe,je){var he=Z[W(Fe)];return he==ne?!0:he==Y?!1:Oe(je)?Se(je):!!je},W=V.normalize=function(Fe){return String(Fe).replace(ee,".").toLowerCase()},Z=V.data={},Y=V.NATIVE="N",ne=V.POLYFILL="P";Ne.exports=V}),an=Ae((ot,Ne)=>{var Se=Yt(),Oe=Yn().f,ee=Kn(),V=hi(),W=hn(),Z=xi(),Y=Ti();Ne.exports=function(ne,Fe){var je=ne.target,he=ne.global,qe=ne.stat,et,Ze,nt,rt,$,Ft;if(he?Ze=Se:qe?Ze=Se[je]||W(je,{}):Ze=(Se[je]||{}).prototype,Ze)for(nt in Fe){if($=Fe[nt],ne.dontCallGetSet?(Ft=Oe(Ze,nt),rt=Ft&&Ft.value):rt=Ze[nt],et=Y(he?nt:je+(qe?".":"#")+nt,ne.forced),!et&&rt!==void 0){if(typeof $==typeof rt)continue;Z($,rt)}(ne.sham||rt&&rt.sham)&&ee($,"sham",!0),V(Ze,nt,$,ne)}}}),yu=Ae(()=>{var ot=an(),Ne=Yt();ot({global:!0,forced:Ne.globalThis!==Ne},{globalThis:Ne})}),Bi=Ae(()=>{yu()}),Eu=Ae((ot,Ne)=>{var Se=Br();Ne.exports=Array.isArray||function(Oe){return Se(Oe)=="Array"}}),Cu=Ae((ot,Ne)=>{var Se=TypeError,Oe=9007199254740991;Ne.exports=function(ee){if(ee>Oe)throw Se("Maximum allowed index exceeded");return ee}}),Fu=Ae((ot,Ne)=>{var Se=Br(),Oe=Dr();Ne.exports=function(ee){if(Se(ee)==="Function")return Oe(ee)}}),Au=Ae((ot,Ne)=>{var Se=Fu(),Oe=sn(),ee=Hr(),V=Se(Se.bind);Ne.exports=function(W,Z){return Oe(W),Z===void 0?W:ee?V(W,Z):function(){return W.apply(Z,arguments)}}}),vu=Ae((ot,Ne)=>{var Se=Eu(),Oe=tn(),ee=Cu(),V=Au(),W=function(Z,Y,ne,Fe,je,he,qe,et){for(var Ze=je,nt=0,rt=qe?V(qe,et):!1,$,Ft;nt0&&Se($)?(Ft=Oe($),Ze=W(Z,Y,$,Ft,Ze,he-1)-1):(ee(Ze+1),Z[Ze]=$),Ze++),nt++;return Ze};Ne.exports=W}),wi=Ae((ot,Ne)=>{var Se=$r(),Oe=Se("toStringTag"),ee={};ee[Oe]="z",Ne.exports=String(ee)==="[object z]"}),bu=Ae((ot,Ne)=>{var Se=wi(),Oe=dr(),ee=Br(),V=$r(),W=V("toStringTag"),Z=Object,Y=ee(function(){return arguments}())=="Arguments",ne=function(Fe,je){try{return Fe[je]}catch{}};Ne.exports=Se?ee:function(Fe){var je,he,qe;return Fe===void 0?"Undefined":Fe===null?"Null":typeof(he=ne(je=Z(Fe),W))=="string"?he:Y?ee(je):(qe=ee(je))=="Object"&&Oe(je.callee)?"Arguments":qe}}),Su=Ae((ot,Ne)=>{var Se=Dr(),Oe=hr(),ee=dr(),V=bu(),W=un(),Z=Qn(),Y=function(){},ne=[],Fe=W("Reflect","construct"),je=/^\s*(?:class|function)\b/,he=Se(je.exec),qe=!je.exec(Y),et=function(nt){if(!ee(nt))return!1;try{return Fe(Y,ne,nt),!0}catch{return!1}},Ze=function(nt){if(!ee(nt))return!1;switch(V(nt)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return qe||!!he(je,Z(nt))}catch{return!0}};Ze.sham=!0,Ne.exports=!Fe||Oe(function(){var nt;return et(et.call)||!et(Object)||!et(function(){nt=!0})||nt})?Ze:et}),Ni=Ae((ot,Ne)=>{var Se=Eu(),Oe=Su(),ee=Or(),V=$r(),W=V("species"),Z=Array;Ne.exports=function(Y){var ne;return Se(Y)&&(ne=Y.constructor,Oe(ne)&&(ne===Z||Se(ne.prototype))?ne=void 0:ee(ne)&&(ne=ne[W],ne===null&&(ne=void 0))),ne===void 0?Z:ne}}),xu=Ae((ot,Ne)=>{var Se=Ni();Ne.exports=function(Oe,ee){return new(Se(Oe))(ee===0?0:ee)}}),_i=Ae(()=>{var ot=an(),Ne=vu(),Se=sn(),Oe=Sn(),ee=tn(),V=xu();ot({target:"Array",proto:!0},{flatMap:function(W){var Z=Oe(this),Y=ee(Z),ne;return Se(W),ne=V(Z,0),ne.length=Ne(ne,Z,Z,Y,0,1,W,arguments.length>1?arguments[1]:void 0),ne}})}),eu=Ae((ot,Ne)=>{Ne.exports={}}),ki=Ae((ot,Ne)=>{var Se=$r(),Oe=eu(),ee=Se("iterator"),V=Array.prototype;Ne.exports=function(W){return W!==void 0&&(Oe.Array===W||V[ee]===W)}}),Tu=Ae((ot,Ne)=>{var Se=bu(),Oe=mn(),ee=nn(),V=eu(),W=$r(),Z=W("iterator");Ne.exports=function(Y){if(!ee(Y))return Oe(Y,Z)||Oe(Y,"@@iterator")||V[Se(Y)]}}),Pi=Ae((ot,Ne)=>{var Se=gr(),Oe=sn(),ee=Wr(),V=fn(),W=Tu(),Z=TypeError;Ne.exports=function(Y,ne){var Fe=arguments.length<2?W(Y):ne;if(Oe(Fe))return ee(Se(Fe,Y));throw Z(V(Y)+" is not iterable")}}),Ii=Ae((ot,Ne)=>{var Se=gr(),Oe=Wr(),ee=mn();Ne.exports=function(V,W,Z){var Y,ne;Oe(V);try{if(Y=ee(V,"return"),!Y){if(W==="throw")throw Z;return Z}Y=Se(Y,V)}catch(Fe){ne=!0,Y=Fe}if(W==="throw")throw Z;if(ne)throw Y;return Oe(Y),Z}}),ji=Ae((ot,Ne)=>{var Se=Au(),Oe=gr(),ee=Wr(),V=fn(),W=ki(),Z=tn(),Y=Un(),ne=Pi(),Fe=Tu(),je=Ii(),he=TypeError,qe=function(Ze,nt){this.stopped=Ze,this.result=nt},et=qe.prototype;Ne.exports=function(Ze,nt,rt){var $=rt&&rt.that,Ft=!!(rt&&rt.AS_ENTRIES),At=!!(rt&&rt.IS_RECORD),Lt=!!(rt&&rt.IS_ITERATOR),qt=!!(rt&&rt.INTERRUPTED),Zt=Se(nt,$),ue,yr,Pr,zr,fr,Rr,mr,rn=function(Fr){return ue&&je(ue,"normal",Fr),new qe(!0,Fr)},wr=function(Fr){return Ft?(ee(Fr),qt?Zt(Fr[0],Fr[1],rn):Zt(Fr[0],Fr[1])):qt?Zt(Fr,rn):Zt(Fr)};if(At)ue=Ze.iterator;else if(Lt)ue=Ze;else{if(yr=Fe(Ze),!yr)throw he(V(Ze)+" is not iterable");if(W(yr)){for(Pr=0,zr=Z(Ze);zr>Pr;Pr++)if(fr=wr(Ze[Pr]),fr&&Y(et,fr))return fr;return new qe(!1)}ue=ne(Ze,yr)}for(Rr=At?Ze.next:ue.next;!(mr=Oe(Rr,ue)).done;){try{fr=wr(mr.value)}catch(Fr){je(ue,"throw",Fr)}if(typeof fr=="object"&&fr&&Y(et,fr))return fr}return new qe(!1)}}),Li=Ae((ot,Ne)=>{var Se=yn(),Oe=en(),ee=Lr();Ne.exports=function(V,W,Z){var Y=Se(W);Y in V?Oe.f(V,Y,ee(0,Z)):V[Y]=Z}}),Oi=Ae(()=>{var ot=an(),Ne=ji(),Se=Li();ot({target:"Object",stat:!0},{fromEntries:function(Oe){var ee={};return Ne(Oe,function(V,W){Se(ee,V,W)},{AS_ENTRIES:!0}),ee}})}),$i=Ae((ot,Ne)=>{var Se=["cliName","cliCategory","cliDescription"];function Oe(L,re){if(L==null)return{};var ge=ee(L,re),Ee,Pe;if(Object.getOwnPropertySymbols){var ie=Object.getOwnPropertySymbols(L);for(Pe=0;Pe=0)&&Object.prototype.propertyIsEnumerable.call(L,Ee)&&(ge[Ee]=L[Ee])}return ge}function ee(L,re){if(L==null)return{};var ge={},Ee=Object.keys(L),Pe,ie;for(ie=0;ie=0)&&(ge[Pe]=L[Pe]);return ge}Bi(),_i(),Oi();var V=Object.create,W=Object.defineProperty,Z=Object.getOwnPropertyDescriptor,Y=Object.getOwnPropertyNames,ne=Object.getPrototypeOf,Fe=Object.prototype.hasOwnProperty,je=(L,re)=>function(){return L&&(re=(0,L[Y(L)[0]])(L=0)),re},he=(L,re)=>function(){return re||(0,L[Y(L)[0]])((re={exports:{}}).exports,re),re.exports},qe=(L,re)=>{for(var ge in re)W(L,ge,{get:re[ge],enumerable:!0})},et=(L,re,ge,Ee)=>{if(re&&typeof re=="object"||typeof re=="function")for(let Pe of Y(re))!Fe.call(L,Pe)&&Pe!==ge&&W(L,Pe,{get:()=>re[Pe],enumerable:!(Ee=Z(re,Pe))||Ee.enumerable});return L},Ze=(L,re,ge)=>(ge=L!=null?V(ne(L)):{},et(re||!L||!L.__esModule?W(ge,"default",{value:L,enumerable:!0}):ge,L)),nt=L=>et(W({},"__esModule",{value:!0}),L),rt,$=je({""(){rt={env:{},argv:[]}}}),Ft=he({"node_modules/angular-html-parser/lib/compiler/src/chars.js"(L){$(),Object.defineProperty(L,"__esModule",{value:!0}),L.$EOF=0,L.$BSPACE=8,L.$TAB=9,L.$LF=10,L.$VTAB=11,L.$FF=12,L.$CR=13,L.$SPACE=32,L.$BANG=33,L.$DQ=34,L.$HASH=35,L.$$=36,L.$PERCENT=37,L.$AMPERSAND=38,L.$SQ=39,L.$LPAREN=40,L.$RPAREN=41,L.$STAR=42,L.$PLUS=43,L.$COMMA=44,L.$MINUS=45,L.$PERIOD=46,L.$SLASH=47,L.$COLON=58,L.$SEMICOLON=59,L.$LT=60,L.$EQ=61,L.$GT=62,L.$QUESTION=63,L.$0=48,L.$7=55,L.$9=57,L.$A=65,L.$E=69,L.$F=70,L.$X=88,L.$Z=90,L.$LBRACKET=91,L.$BACKSLASH=92,L.$RBRACKET=93,L.$CARET=94,L.$_=95,L.$a=97,L.$b=98,L.$e=101,L.$f=102,L.$n=110,L.$r=114,L.$t=116,L.$u=117,L.$v=118,L.$x=120,L.$z=122,L.$LBRACE=123,L.$BAR=124,L.$RBRACE=125,L.$NBSP=160,L.$PIPE=124,L.$TILDA=126,L.$AT=64,L.$BT=96;function re(Ue){return Ue>=L.$TAB&&Ue<=L.$SPACE||Ue==L.$NBSP}L.isWhitespace=re;function ge(Ue){return L.$0<=Ue&&Ue<=L.$9}L.isDigit=ge;function Ee(Ue){return Ue>=L.$a&&Ue<=L.$z||Ue>=L.$A&&Ue<=L.$Z}L.isAsciiLetter=Ee;function Pe(Ue){return Ue>=L.$a&&Ue<=L.$f||Ue>=L.$A&&Ue<=L.$F||ge(Ue)}L.isAsciiHexDigit=Pe;function ie(Ue){return Ue===L.$LF||Ue===L.$CR}L.isNewLine=ie;function de(Ue){return L.$0<=Ue&&Ue<=L.$7}L.isOctalDigit=de}}),At=he({"node_modules/angular-html-parser/lib/compiler/src/aot/static_symbol.js"(L){$(),Object.defineProperty(L,"__esModule",{value:!0});var re=class{constructor(Ee,Pe,ie){this.filePath=Ee,this.name=Pe,this.members=ie}assertNoMembers(){if(this.members.length)throw new Error(`Illegal state: symbol without members expected, but got ${JSON.stringify(this)}.`)}};L.StaticSymbol=re;var ge=class{constructor(){this.cache=new Map}get(Ee,Pe,ie){ie=ie||[];let de=ie.length?`.${ie.join(".")}`:"",Ue=`"${Ee}".${Pe}${de}`,Ge=this.cache.get(Ue);return Ge||(Ge=new re(Ee,Pe,ie),this.cache.set(Ue,Ge)),Ge}};L.StaticSymbolCache=ge}}),Lt=he({"node_modules/angular-html-parser/lib/compiler/src/util.js"(L){$(),Object.defineProperty(L,"__esModule",{value:!0});var re=/-+([a-z0-9])/g;function ge(le){return le.replace(re,function(){for(var We=arguments.length,Me=new Array(We),at=0;atde(Me,this,We))}visitStringMap(le,We){let Me={};return Object.keys(le).forEach(at=>{Me[at]=de(le[at],this,We)}),Me}visitPrimitive(le,We){return le}visitOther(le,We){return le}};L.ValueTransformer=gt,L.SyncAsync={assertSync:le=>{if(st(le))throw new Error("Illegal state: value cannot be a promise");return le},then:(le,We)=>st(le)?le.then(We):We(le),all:le=>le.some(st)?Promise.all(le):le};function ce(le){throw new Error(`Internal Error: ${le}`)}L.error=ce;function ve(le,We){let Me=Error(le);return Me[Ve]=!0,We&&(Me[He]=We),Me}L.syntaxError=ve;var Ve="ngSyntaxError",He="ngParseErrors";function Je(le){return le[Ve]}L.isSyntaxError=Je;function Qe(le){return le[He]||[]}L.getParseErrors=Qe;function yt(le){return le.replace(/([.*+?^=!:${}()|[\]\/\\])/g,"\\$1")}L.escapeRegExp=yt;var _t=Object.getPrototypeOf({});function ct(le){return typeof le=="object"&&le!==null&&Object.getPrototypeOf(le)===_t}function kt(le){let We="";for(let Me=0;Me=55296&&at<=56319&&le.length>Me+1){let Jt=le.charCodeAt(Me+1);Jt>=56320&&Jt<=57343&&(Me++,at=(at-55296<<10)+Jt-56320+65536)}at<=127?We+=String.fromCharCode(at):at<=2047?We+=String.fromCharCode(at>>6&31|192,at&63|128):at<=65535?We+=String.fromCharCode(at>>12|224,at>>6&63|128,at&63|128):at<=2097151&&(We+=String.fromCharCode(at>>18&7|240,at>>12&63|128,at>>6&63|128,at&63|128))}return We}L.utf8Encode=kt;function $t(le){if(typeof le=="string")return le;if(le instanceof Array)return"["+le.map($t).join(", ")+"]";if(le==null)return""+le;if(le.overriddenName)return`${le.overriddenName}`;if(le.name)return`${le.name}`;if(!le.toString)return"object";let We=le.toString();if(We==null)return""+We;let Me=We.indexOf(` `);return Me===-1?We:We.substring(0,Me)}L.stringify=$t;function ir(le){return typeof le=="function"&&le.hasOwnProperty("__forward_ref__")?le():le}L.resolveForwardRef=ir;function st(le){return!!le&&typeof le.then=="function"}L.isPromise=st;var Ot=class{constructor(le){this.full=le;let We=le.split(".");this.major=We[0],this.minor=We[1],this.patch=We.slice(2).join(".")}};L.Version=Ot;var Vt=typeof window<"u"&&window,Ut=typeof self<"u"&&typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope&&self,rr=typeof globalThis<"u"&&globalThis,z=rr||Vt||Ut;L.global=z}}),qt=he({"node_modules/angular-html-parser/lib/compiler/src/compile_metadata.js"(L){$(),Object.defineProperty(L,"__esModule",{value:!0});var re=At(),ge=Lt(),Ee=/^(?:(?:\[([^\]]+)\])|(?:\(([^\)]+)\)))|(\@[-\w]+)$/;function Pe(Me){return Me.replace(/\W/g,"_")}L.sanitizeIdentifier=Pe;var ie=0;function de(Me){if(!Me||!Me.reference)return null;let at=Me.reference;if(at instanceof re.StaticSymbol)return at.name;if(at.__anonymousType)return at.__anonymousType;let Jt=ge.stringify(at);return Jt.indexOf("(")>=0?(Jt=`anonymous_${ie++}`,at.__anonymousType=Jt):Jt=Pe(Jt),Jt}L.identifierName=de;function Ue(Me){let at=Me.reference;return at instanceof re.StaticSymbol?at.filePath:`./${ge.stringify(at)}`}L.identifierModuleUrl=Ue;function Ge(Me,at){return`View_${de({reference:Me})}_${at}`}L.viewClassName=Ge;function gt(Me){return`RenderType_${de({reference:Me})}`}L.rendererTypeName=gt;function ce(Me){return`HostView_${de({reference:Me})}`}L.hostViewClassName=ce;function ve(Me){return`${de({reference:Me})}NgFactory`}L.componentFactoryName=ve;var Ve;(function(Me){Me[Me.Pipe=0]="Pipe",Me[Me.Directive=1]="Directive",Me[Me.NgModule=2]="NgModule",Me[Me.Injectable=3]="Injectable"})(Ve=L.CompileSummaryKind||(L.CompileSummaryKind={}));function He(Me){return Me.value!=null?Pe(Me.value):de(Me.identifier)}L.tokenName=He;function Je(Me){return Me.identifier!=null?Me.identifier.reference:Me.value}L.tokenReference=Je;var Qe=class{constructor(){let{moduleUrl:Me,styles:at,styleUrls:Jt}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};this.moduleUrl=Me||null,this.styles=st(at),this.styleUrls=st(Jt)}};L.CompileStylesheetMetadata=Qe;var yt=class{constructor(Me){let{encapsulation:at,template:Jt,templateUrl:er,htmlAst:Ar,styles:Er,styleUrls:_r,externalStylesheets:xr,animations:Ir,ngContentSelectors:Mr,interpolation:or,isInline:lt,preserveWhitespaces:mt}=Me;if(this.encapsulation=at,this.template=Jt,this.templateUrl=er,this.htmlAst=Ar,this.styles=st(Er),this.styleUrls=st(_r),this.externalStylesheets=st(xr),this.animations=Ir?Vt(Ir):[],this.ngContentSelectors=Mr||[],or&&or.length!=2)throw new Error("'interpolation' should have a start and an end symbol.");this.interpolation=or,this.isInline=lt,this.preserveWhitespaces=mt}toSummary(){return{ngContentSelectors:this.ngContentSelectors,encapsulation:this.encapsulation,styles:this.styles,animations:this.animations}}};L.CompileTemplateMetadata=yt;var _t=class{static create(Me){let{isHost:at,type:Jt,isComponent:er,selector:Ar,exportAs:Er,changeDetection:_r,inputs:xr,outputs:Ir,host:Mr,providers:or,viewProviders:lt,queries:mt,guards:St,viewQueries:xt,entryComponents:Kt,template:sr,componentViewType:lr,rendererType:Qt,componentFactory:Kr}=Me,Pn={},In={},Hu={};Mr!=null&&Object.keys(Mr).forEach(vr=>{let Qr=Mr[vr],cn=vr.match(Ee);cn===null?Hu[vr]=Qr:cn[1]!=null?In[cn[1]]=Qr:cn[2]!=null&&(Pn[cn[2]]=Qr)});let Yu={};xr==null||xr.forEach(vr=>{let Qr=ge.splitAtColon(vr,[vr,vr]);Yu[Qr[0]]=Qr[1]});let Ku={};return Ir==null||Ir.forEach(vr=>{let Qr=ge.splitAtColon(vr,[vr,vr]);Ku[Qr[0]]=Qr[1]}),new _t({isHost:at,type:Jt,isComponent:!!er,selector:Ar,exportAs:Er,changeDetection:_r,inputs:Yu,outputs:Ku,hostListeners:Pn,hostProperties:In,hostAttributes:Hu,providers:or,viewProviders:lt,queries:mt,guards:St,viewQueries:xt,entryComponents:Kt,template:sr,componentViewType:lr,rendererType:Qt,componentFactory:Kr})}constructor(Me){let{isHost:at,type:Jt,isComponent:er,selector:Ar,exportAs:Er,changeDetection:_r,inputs:xr,outputs:Ir,hostListeners:Mr,hostProperties:or,hostAttributes:lt,providers:mt,viewProviders:St,queries:xt,guards:Kt,viewQueries:sr,entryComponents:lr,template:Qt,componentViewType:Kr,rendererType:Pn,componentFactory:In}=Me;this.isHost=!!at,this.type=Jt,this.isComponent=er,this.selector=Ar,this.exportAs=Er,this.changeDetection=_r,this.inputs=xr,this.outputs=Ir,this.hostListeners=Mr,this.hostProperties=or,this.hostAttributes=lt,this.providers=st(mt),this.viewProviders=st(St),this.queries=st(xt),this.guards=Kt,this.viewQueries=st(sr),this.entryComponents=st(lr),this.template=Qt,this.componentViewType=Kr,this.rendererType=Pn,this.componentFactory=In}toSummary(){return{summaryKind:Ve.Directive,type:this.type,isComponent:this.isComponent,selector:this.selector,exportAs:this.exportAs,inputs:this.inputs,outputs:this.outputs,hostListeners:this.hostListeners,hostProperties:this.hostProperties,hostAttributes:this.hostAttributes,providers:this.providers,viewProviders:this.viewProviders,queries:this.queries,guards:this.guards,viewQueries:this.viewQueries,entryComponents:this.entryComponents,changeDetection:this.changeDetection,template:this.template&&this.template.toSummary(),componentViewType:this.componentViewType,rendererType:this.rendererType,componentFactory:this.componentFactory}}};L.CompileDirectiveMetadata=_t;var ct=class{constructor(Me){let{type:at,name:Jt,pure:er}=Me;this.type=at,this.name=Jt,this.pure=!!er}toSummary(){return{summaryKind:Ve.Pipe,type:this.type,name:this.name,pure:this.pure}}};L.CompilePipeMetadata=ct;var kt=class{};L.CompileShallowModuleMetadata=kt;var $t=class{constructor(Me){let{type:at,providers:Jt,declaredDirectives:er,exportedDirectives:Ar,declaredPipes:Er,exportedPipes:_r,entryComponents:xr,bootstrapComponents:Ir,importedModules:Mr,exportedModules:or,schemas:lt,transitiveModule:mt,id:St}=Me;this.type=at||null,this.declaredDirectives=st(er),this.exportedDirectives=st(Ar),this.declaredPipes=st(Er),this.exportedPipes=st(_r),this.providers=st(Jt),this.entryComponents=st(xr),this.bootstrapComponents=st(Ir),this.importedModules=st(Mr),this.exportedModules=st(or),this.schemas=st(lt),this.id=St||null,this.transitiveModule=mt||null}toSummary(){let Me=this.transitiveModule;return{summaryKind:Ve.NgModule,type:this.type,entryComponents:Me.entryComponents,providers:Me.providers,modules:Me.modules,exportedDirectives:Me.exportedDirectives,exportedPipes:Me.exportedPipes}}};L.CompileNgModuleMetadata=$t;var ir=class{constructor(){this.directivesSet=new Set,this.directives=[],this.exportedDirectivesSet=new Set,this.exportedDirectives=[],this.pipesSet=new Set,this.pipes=[],this.exportedPipesSet=new Set,this.exportedPipes=[],this.modulesSet=new Set,this.modules=[],this.entryComponentsSet=new Set,this.entryComponents=[],this.providers=[]}addProvider(Me,at){this.providers.push({provider:Me,module:at})}addDirective(Me){this.directivesSet.has(Me.reference)||(this.directivesSet.add(Me.reference),this.directives.push(Me))}addExportedDirective(Me){this.exportedDirectivesSet.has(Me.reference)||(this.exportedDirectivesSet.add(Me.reference),this.exportedDirectives.push(Me))}addPipe(Me){this.pipesSet.has(Me.reference)||(this.pipesSet.add(Me.reference),this.pipes.push(Me))}addExportedPipe(Me){this.exportedPipesSet.has(Me.reference)||(this.exportedPipesSet.add(Me.reference),this.exportedPipes.push(Me))}addModule(Me){this.modulesSet.has(Me.reference)||(this.modulesSet.add(Me.reference),this.modules.push(Me))}addEntryComponent(Me){this.entryComponentsSet.has(Me.componentType)||(this.entryComponentsSet.add(Me.componentType),this.entryComponents.push(Me))}};L.TransitiveCompileNgModuleMetadata=ir;function st(Me){return Me||[]}var Ot=class{constructor(Me,at){let{useClass:Jt,useValue:er,useExisting:Ar,useFactory:Er,deps:_r,multi:xr}=at;this.token=Me,this.useClass=Jt||null,this.useValue=er,this.useExisting=Ar,this.useFactory=Er||null,this.dependencies=_r||null,this.multi=!!xr}};L.ProviderMeta=Ot;function Vt(Me){return Me.reduce((at,Jt)=>{let er=Array.isArray(Jt)?Vt(Jt):Jt;return at.concat(er)},[])}L.flatten=Vt;function Ut(Me){return Me.replace(/(\w+:\/\/[\w:-]+)?(\/+)?/,"ng:///")}function rr(Me,at,Jt){let er;return Jt.isInline?at.type.reference instanceof re.StaticSymbol?er=`${at.type.reference.filePath}.${at.type.reference.name}.html`:er=`${de(Me)}/${de(at.type)}.html`:er=Jt.templateUrl,at.type.reference instanceof re.StaticSymbol?er:Ut(er)}L.templateSourceUrl=rr;function z(Me,at){let Jt=Me.moduleUrl.split(/\/\\/g),er=Jt[Jt.length-1];return Ut(`css/${at}${er}.ngstyle.js`)}L.sharedStylesheetJitUrl=z;function le(Me){return Ut(`${de(Me.type)}/module.ngfactory.js`)}L.ngModuleJitUrl=le;function We(Me,at){return Ut(`${de(Me)}/${de(at.type)}.ngfactory.js`)}L.templateJitUrl=We}}),Zt=he({"node_modules/angular-html-parser/lib/compiler/src/parse_util.js"(L){$(),Object.defineProperty(L,"__esModule",{value:!0});var re=Ft(),ge=qt(),Ee=class{constructor(ce,ve,Ve,He){this.file=ce,this.offset=ve,this.line=Ve,this.col=He}toString(){return this.offset!=null?`${this.file.url}@${this.line}:${this.col}`:this.file.url}moveBy(ce){let ve=this.file.content,Ve=ve.length,He=this.offset,Je=this.line,Qe=this.col;for(;He>0&&ce<0;)if(He--,ce++,ve.charCodeAt(He)==re.$LF){Je--;let yt=ve.substr(0,He-1).lastIndexOf(String.fromCharCode(re.$LF));Qe=yt>0?He-yt:He}else Qe--;for(;He0;){let yt=ve.charCodeAt(He);He++,ce--,yt==re.$LF?(Je++,Qe=0):Qe++}return new Ee(this.file,He,Je,Qe)}getContext(ce,ve){let Ve=this.file.content,He=this.offset;if(He!=null){He>Ve.length-1&&(He=Ve.length-1);let Je=He,Qe=0,yt=0;for(;Qe0&&(He--,Qe++,!(Ve[He]==` `&&++yt==ve)););for(Qe=0,yt=0;Qe2&&arguments[2]!==void 0?arguments[2]:null;this.start=ce,this.end=ve,this.details=Ve}toString(){return this.start.file.content.substring(this.start.offset,this.end.offset)}};L.ParseSourceSpan=ie,L.EMPTY_PARSE_LOCATION=new Ee(new Pe("",""),0,0,0),L.EMPTY_SOURCE_SPAN=new ie(L.EMPTY_PARSE_LOCATION,L.EMPTY_PARSE_LOCATION);var de;(function(ce){ce[ce.WARNING=0]="WARNING",ce[ce.ERROR=1]="ERROR"})(de=L.ParseErrorLevel||(L.ParseErrorLevel={}));var Ue=class{constructor(ce,ve){let Ve=arguments.length>2&&arguments[2]!==void 0?arguments[2]:de.ERROR;this.span=ce,this.msg=ve,this.level=Ve}contextualMessage(){let ce=this.span.start.getContext(100,3);return ce?`${this.msg} ("${ce.before}[${de[this.level]} ->]${ce.after}")`:this.msg}toString(){let ce=this.span.details?`, ${this.span.details}`:"";return`${this.contextualMessage()}: ${this.span.start}${ce}`}};L.ParseError=Ue;function Ge(ce,ve){let Ve=ge.identifierModuleUrl(ve),He=Ve!=null?`in ${ce} ${ge.identifierName(ve)} in ${Ve}`:`in ${ce} ${ge.identifierName(ve)}`,Je=new Pe("",He);return new ie(new Ee(Je,-1,-1,-1),new Ee(Je,-1,-1,-1))}L.typeSourceSpan=Ge;function gt(ce,ve,Ve){let He=`in ${ce} ${ve} in ${Ve}`,Je=new Pe("",He);return new ie(new Ee(Je,-1,-1,-1),new Ee(Je,-1,-1,-1))}L.r3JitTypeSourceSpan=gt}}),ue=he({"src/utils/front-matter/parse.js"(L,re){$();var ge=new RegExp("^(?-{3}|\\+{3})(?[^\\n]*)\\n(?:|(?.*?)\\n)(?\\k|\\.{3})[^\\S\\n]*(?:\\n|$)","s");function Ee(Pe){let ie=Pe.match(ge);if(!ie)return{content:Pe};let{startDelimiter:de,language:Ue,value:Ge="",endDelimiter:gt}=ie.groups,ce=Ue.trim()||"yaml";if(de==="+++"&&(ce="toml"),ce!=="yaml"&&de!==gt)return{content:Pe};let[ve]=ie;return{frontMatter:{type:"front-matter",lang:ce,value:Ge,startDelimiter:de,endDelimiter:gt,raw:ve.replace(/\n$/,"")},content:ve.replace(/[^\n]/g," ")+Pe.slice(ve.length)}}re.exports=Ee}}),yr=he({"src/utils/get-last.js"(L,re){$();var ge=Ee=>Ee[Ee.length-1];re.exports=ge}}),Pr=he({"src/common/parser-create-error.js"(L,re){$();function ge(Ee,Pe){let ie=new SyntaxError(Ee+" ("+Pe.start.line+":"+Pe.start.column+")");return ie.loc=Pe,ie}re.exports=ge}}),zr={};qe(zr,{default:()=>fr});function fr(L){if(typeof L!="string")throw new TypeError("Expected a string");return L.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}var Rr=je({"node_modules/escape-string-regexp/index.js"(){$()}}),mr=he({"node_modules/semver/internal/debug.js"(L,re){$();var ge=typeof rt=="object"&&rt.env&&rt.env.NODE_DEBUG&&/\bsemver\b/i.test(rt.env.NODE_DEBUG)?function(){for(var Ee=arguments.length,Pe=new Array(Ee),ie=0;ie{};re.exports=ge}}),rn=he({"node_modules/semver/internal/constants.js"(L,re){$();var ge="2.0.0",Ee=256,Pe=Number.MAX_SAFE_INTEGER||9007199254740991,ie=16;re.exports={SEMVER_SPEC_VERSION:ge,MAX_LENGTH:Ee,MAX_SAFE_INTEGER:Pe,MAX_SAFE_COMPONENT_LENGTH:ie}}}),wr=he({"node_modules/semver/internal/re.js"(L,re){$();var{MAX_SAFE_COMPONENT_LENGTH:ge}=rn(),Ee=mr();L=re.exports={};var Pe=L.re=[],ie=L.src=[],de=L.t={},Ue=0,Ge=(gt,ce,ve)=>{let Ve=Ue++;Ee(gt,Ve,ce),de[gt]=Ve,ie[Ve]=ce,Pe[Ve]=new RegExp(ce,ve?"g":void 0)};Ge("NUMERICIDENTIFIER","0|[1-9]\\d*"),Ge("NUMERICIDENTIFIERLOOSE","[0-9]+"),Ge("NONNUMERICIDENTIFIER","\\d*[a-zA-Z-][a-zA-Z0-9-]*"),Ge("MAINVERSION",`(${ie[de.NUMERICIDENTIFIER]})\\.(${ie[de.NUMERICIDENTIFIER]})\\.(${ie[de.NUMERICIDENTIFIER]})`),Ge("MAINVERSIONLOOSE",`(${ie[de.NUMERICIDENTIFIERLOOSE]})\\.(${ie[de.NUMERICIDENTIFIERLOOSE]})\\.(${ie[de.NUMERICIDENTIFIERLOOSE]})`),Ge("PRERELEASEIDENTIFIER",`(?:${ie[de.NUMERICIDENTIFIER]}|${ie[de.NONNUMERICIDENTIFIER]})`),Ge("PRERELEASEIDENTIFIERLOOSE",`(?:${ie[de.NUMERICIDENTIFIERLOOSE]}|${ie[de.NONNUMERICIDENTIFIER]})`),Ge("PRERELEASE",`(?:-(${ie[de.PRERELEASEIDENTIFIER]}(?:\\.${ie[de.PRERELEASEIDENTIFIER]})*))`),Ge("PRERELEASELOOSE",`(?:-?(${ie[de.PRERELEASEIDENTIFIERLOOSE]}(?:\\.${ie[de.PRERELEASEIDENTIFIERLOOSE]})*))`),Ge("BUILDIDENTIFIER","[0-9A-Za-z-]+"),Ge("BUILD",`(?:\\+(${ie[de.BUILDIDENTIFIER]}(?:\\.${ie[de.BUILDIDENTIFIER]})*))`),Ge("FULLPLAIN",`v?${ie[de.MAINVERSION]}${ie[de.PRERELEASE]}?${ie[de.BUILD]}?`),Ge("FULL",`^${ie[de.FULLPLAIN]}$`),Ge("LOOSEPLAIN",`[v=\\s]*${ie[de.MAINVERSIONLOOSE]}${ie[de.PRERELEASELOOSE]}?${ie[de.BUILD]}?`),Ge("LOOSE",`^${ie[de.LOOSEPLAIN]}$`),Ge("GTLT","((?:<|>)?=?)"),Ge("XRANGEIDENTIFIERLOOSE",`${ie[de.NUMERICIDENTIFIERLOOSE]}|x|X|\\*`),Ge("XRANGEIDENTIFIER",`${ie[de.NUMERICIDENTIFIER]}|x|X|\\*`),Ge("XRANGEPLAIN",`[v=\\s]*(${ie[de.XRANGEIDENTIFIER]})(?:\\.(${ie[de.XRANGEIDENTIFIER]})(?:\\.(${ie[de.XRANGEIDENTIFIER]})(?:${ie[de.PRERELEASE]})?${ie[de.BUILD]}?)?)?`),Ge("XRANGEPLAINLOOSE",`[v=\\s]*(${ie[de.XRANGEIDENTIFIERLOOSE]})(?:\\.(${ie[de.XRANGEIDENTIFIERLOOSE]})(?:\\.(${ie[de.XRANGEIDENTIFIERLOOSE]})(?:${ie[de.PRERELEASELOOSE]})?${ie[de.BUILD]}?)?)?`),Ge("XRANGE",`^${ie[de.GTLT]}\\s*${ie[de.XRANGEPLAIN]}$`),Ge("XRANGELOOSE",`^${ie[de.GTLT]}\\s*${ie[de.XRANGEPLAINLOOSE]}$`),Ge("COERCE",`(^|[^\\d])(\\d{1,${ge}})(?:\\.(\\d{1,${ge}}))?(?:\\.(\\d{1,${ge}}))?(?:$|[^\\d])`),Ge("COERCERTL",ie[de.COERCE],!0),Ge("LONETILDE","(?:~>?)"),Ge("TILDETRIM",`(\\s*)${ie[de.LONETILDE]}\\s+`,!0),L.tildeTrimReplace="$1~",Ge("TILDE",`^${ie[de.LONETILDE]}${ie[de.XRANGEPLAIN]}$`),Ge("TILDELOOSE",`^${ie[de.LONETILDE]}${ie[de.XRANGEPLAINLOOSE]}$`),Ge("LONECARET","(?:\\^)"),Ge("CARETTRIM",`(\\s*)${ie[de.LONECARET]}\\s+`,!0),L.caretTrimReplace="$1^",Ge("CARET",`^${ie[de.LONECARET]}${ie[de.XRANGEPLAIN]}$`),Ge("CARETLOOSE",`^${ie[de.LONECARET]}${ie[de.XRANGEPLAINLOOSE]}$`),Ge("COMPARATORLOOSE",`^${ie[de.GTLT]}\\s*(${ie[de.LOOSEPLAIN]})$|^$`),Ge("COMPARATOR",`^${ie[de.GTLT]}\\s*(${ie[de.FULLPLAIN]})$|^$`),Ge("COMPARATORTRIM",`(\\s*)${ie[de.GTLT]}\\s*(${ie[de.LOOSEPLAIN]}|${ie[de.XRANGEPLAIN]})`,!0),L.comparatorTrimReplace="$1$2$3",Ge("HYPHENRANGE",`^\\s*(${ie[de.XRANGEPLAIN]})\\s+-\\s+(${ie[de.XRANGEPLAIN]})\\s*$`),Ge("HYPHENRANGELOOSE",`^\\s*(${ie[de.XRANGEPLAINLOOSE]})\\s+-\\s+(${ie[de.XRANGEPLAINLOOSE]})\\s*$`),Ge("STAR","(<|>)?=?\\s*\\*"),Ge("GTE0","^\\s*>=\\s*0\\.0\\.0\\s*$"),Ge("GTE0PRE","^\\s*>=\\s*0\\.0\\.0-0\\s*$")}}),Fr=he({"node_modules/semver/internal/parse-options.js"(L,re){$();var ge=["includePrerelease","loose","rtl"],Ee=Pe=>Pe?typeof Pe!="object"?{loose:!0}:ge.filter(ie=>Pe[ie]).reduce((ie,de)=>(ie[de]=!0,ie),{}):{};re.exports=Ee}}),Tn=he({"node_modules/semver/internal/identifiers.js"(L,re){$();var ge=/^[0-9]+$/,Ee=(ie,de)=>{let Ue=ge.test(ie),Ge=ge.test(de);return Ue&&Ge&&(ie=+ie,de=+de),ie===de?0:Ue&&!Ge?-1:Ge&&!Ue?1:ieEe(de,ie);re.exports={compareIdentifiers:Ee,rcompareIdentifiers:Pe}}}),Bn=he({"node_modules/semver/classes/semver.js"(L,re){$();var ge=mr(),{MAX_LENGTH:Ee,MAX_SAFE_INTEGER:Pe}=rn(),{re:ie,t:de}=wr(),Ue=Fr(),{compareIdentifiers:Ge}=Tn(),gt=class{constructor(ce,ve){if(ve=Ue(ve),ce instanceof gt){if(ce.loose===!!ve.loose&&ce.includePrerelease===!!ve.includePrerelease)return ce;ce=ce.version}else if(typeof ce!="string")throw new TypeError(`Invalid Version: ${ce}`);if(ce.length>Ee)throw new TypeError(`version is longer than ${Ee} characters`);ge("SemVer",ce,ve),this.options=ve,this.loose=!!ve.loose,this.includePrerelease=!!ve.includePrerelease;let Ve=ce.trim().match(ve.loose?ie[de.LOOSE]:ie[de.FULL]);if(!Ve)throw new TypeError(`Invalid Version: ${ce}`);if(this.raw=ce,this.major=+Ve[1],this.minor=+Ve[2],this.patch=+Ve[3],this.major>Pe||this.major<0)throw new TypeError("Invalid major version");if(this.minor>Pe||this.minor<0)throw new TypeError("Invalid minor version");if(this.patch>Pe||this.patch<0)throw new TypeError("Invalid patch version");Ve[4]?this.prerelease=Ve[4].split(".").map(He=>{if(/^[0-9]+$/.test(He)){let Je=+He;if(Je>=0&&Je=0;)typeof this.prerelease[Ve]=="number"&&(this.prerelease[Ve]++,Ve=-2);Ve===-1&&this.prerelease.push(0)}ve&&(Ge(this.prerelease[0],ve)===0?isNaN(this.prerelease[1])&&(this.prerelease=[ve,0]):this.prerelease=[ve,0]);break;default:throw new Error(`invalid increment argument: ${ce}`)}return this.format(),this.raw=this.version,this}};re.exports=gt}}),on=he({"node_modules/semver/functions/compare.js"(L,re){$();var ge=Bn(),Ee=(Pe,ie,de)=>new ge(Pe,de).compare(new ge(ie,de));re.exports=Ee}}),Nr=he({"node_modules/semver/functions/lt.js"(L,re){$();var ge=on(),Ee=(Pe,ie,de)=>ge(Pe,ie,de)<0;re.exports=Ee}}),Bu=he({"node_modules/semver/functions/gte.js"(L,re){$();var ge=on(),Ee=(Pe,ie,de)=>ge(Pe,ie,de)>=0;re.exports=Ee}}),Ri=he({"src/utils/arrayify.js"(L,re){$(),re.exports=(ge,Ee)=>Object.entries(ge).map(Pe=>{let[ie,de]=Pe;return Object.assign({[Ee]:ie},de)})}}),wu=he({"package.json"(L,re){re.exports={version:"2.8.8"}}}),Mi=he({"node_modules/outdent/lib/index.js"(L,re){$(),Object.defineProperty(L,"__esModule",{value:!0}),L.outdent=void 0;function ge(){for(var ct=[],kt=0;kt{for(const r of e)if(r.type==="childList")for(const o of r.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&c(o)}).observe(document,{childList:!0,subtree:!0});function n(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerPolicy&&(r.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?r.credentials="include":e.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function c(e){if(e.ep)return;e.ep=!0;const r=n(e);fetch(e.href,r)}})();const E="modulepreload",d=function(s,_){return new URL(s,_).href},p={},t=function(_,n,c){if(!n||n.length===0)return _();const e=document.getElementsByTagName("link");return Promise.all(n.map(r=>{if(r=d(r,c),r in p)return;p[r]=!0;const o=r.endsWith(".css"),l=o?'[rel="stylesheet"]':"";if(!!c)for(let m=e.length-1;m>=0;m--){const a=e[m];if(a.href===r&&(!o||a.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${r}"]${l}`))return;const i=document.createElement("link");if(i.rel=o?"stylesheet":E,o||(i.as="script",i.crossOrigin=""),i.href=r,document.head.appendChild(i),o)return new Promise((m,a)=>{i.addEventListener("load",m),i.addEventListener("error",()=>a(new Error(`Unable to preload CSS for ${r}`)))})})).then(()=>_()).catch(r=>{const o=new Event("vite:preloadError",{cancelable:!0});if(o.payload=r,window.dispatchEvent(o),!o.defaultPrevented)throw r})},{createBrowserChannel:O}=__STORYBOOK_MODULE_CHANNELS__,{addons:R}=__STORYBOOK_MODULE_PREVIEW_API__,u=O({page:"preview"});R.setChannel(u);window.__STORYBOOK_ADDONS_CHANNEL__=u;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=u);const I={"./src/components/AlertBanner/AlertBanner.stories.tsx":async()=>t(()=>import("./AlertBanner.stories-622bdf24.js"),["./AlertBanner.stories-622bdf24.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./useAction-291fcc9d.js","./preview-errors-dde4324f.js","./index-356e4a49.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./Button-2ba8575b.js","./TetrislyProvider-8c69fae3.js","./index-60ef7482.js","./IconButton-fbe54fb7.js","./SectionHeader-c9c7fa6d.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js"],import.meta.url),"./src/components/Avatar/Avatar.stories.tsx":async()=>t(()=>import("./Avatar.stories-9199d28d.js"),["./Avatar.stories-9199d28d.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./Avatar-fa7da47e.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./Cols-33da84a1.js","./SectionHeader-c9c7fa6d.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js","./Appearance-35507110.js"],import.meta.url),"./src/components/Badge/Badge.stories.tsx":async()=>t(()=>import("./Badge.stories-de77dfde.js"),["./Badge.stories-de77dfde.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./Badge-7771e2b1.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./Appearance-35507110.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Button/Button.stories.tsx":async()=>t(()=>import("./Button.stories-19b36539.js"),["./Button.stories-19b36539.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./Button-2ba8575b.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./index-60ef7482.js","./SectionHeader-c9c7fa6d.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Card/Card.stories.tsx":async()=>t(()=>import("./Card.stories-19dbdb9c.js"),["./Card.stories-19dbdb9c.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./Button-2ba8575b.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./index-60ef7482.js","./Avatar-fa7da47e.js","./Icon-c509f708.js","./Badge-7771e2b1.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Checkbox/Checkbox.stories.tsx":async()=>t(()=>import("./Checkbox.stories-c3fbeac1.js"),["./Checkbox.stories-c3fbeac1.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./Checkbox-bfd1bcda.js","./tetrisly-icons.es-12549e88.js","./TetrislyProvider-8c69fae3.js","./mergeConfigWithCutom-aec35d44.js","./HelperText-ff282223.js","./extractInputProps-08fc967a.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/CheckboxGroup/CheckboxGroup.stories.tsx":async()=>t(()=>import("./CheckboxGroup.stories-4b517db0.js"),["./CheckboxGroup.stories-4b517db0.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./Checkbox-bfd1bcda.js","./tetrisly-icons.es-12549e88.js","./TetrislyProvider-8c69fae3.js","./HelperText-ff282223.js","./extractInputProps-08fc967a.js","./Label-c09f8b49.js","./Button-2ba8575b.js","./index-60ef7482.js","./SectionHeader-c9c7fa6d.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Counter/Counter.stories.tsx":async()=>t(()=>import("./Counter.stories-ce6c10e7.js"),["./Counter.stories-ce6c10e7.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Divider/Divider.stories.tsx":async()=>t(()=>import("./Divider.stories-c2846564.js"),["./Divider.stories-c2846564.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/HelperText/HelperText.stories.tsx":async()=>t(()=>import("./HelperText.stories-0f79d03b.js"),["./HelperText.stories-0f79d03b.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./HelperText-ff282223.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./SectionHeader-c9c7fa6d.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Icon/Icon.stories.tsx":async()=>t(()=>import("./Icon.stories-7c8d5692.js"),["./Icon.stories-7c8d5692.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./tetrisly-icons.es-12549e88.js","./Icon-c509f708.js","./TetrislyProvider-8c69fae3.js","./SectionHeader-c9c7fa6d.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/IconButton/IconButton.stories.tsx":async()=>t(()=>import("./IconButton.stories-59068ee9.js"),["./IconButton.stories-59068ee9.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./IconButton-fbe54fb7.js","./Button-2ba8575b.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./index-60ef7482.js","./SectionHeader-c9c7fa6d.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/InlineBanner/InlineBanner.stories.tsx":async()=>t(()=>import("./InlineBanner.stories-8176ecb7.js"),["./InlineBanner.stories-8176ecb7.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./useAction-291fcc9d.js","./preview-errors-dde4324f.js","./index-356e4a49.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./Button-2ba8575b.js","./TetrislyProvider-8c69fae3.js","./index-60ef7482.js","./IconButton-fbe54fb7.js","./SectionHeader-c9c7fa6d.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js"],import.meta.url),"./src/components/InlineMessage/InlineMessage.stories.tsx":async()=>t(()=>import("./InlineMessage.stories-fe66f0ce.js"),["./InlineMessage.stories-fe66f0ce.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./Cols-33da84a1.js","./SectionHeader-c9c7fa6d.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx":async()=>t(()=>import("./InlineSearchInput.stories-6d810f73.js"),["./InlineSearchInput.stories-6d810f73.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./SearchInput-b5350c90.js","./TextInput-221fd163.js","./tetrisly-icons.es-12549e88.js","./useTextInput-71845e1c.js","./mergeConfigWithCutom-aec35d44.js","./extractInputProps-08fc967a.js","./Avatar-fa7da47e.js","./TetrislyProvider-8c69fae3.js","./Button-2ba8575b.js","./index-60ef7482.js","./IconButton-fbe54fb7.js","./States-1bb354e8.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Label/Label.stories.tsx":async()=>t(()=>import("./Label.stories-a945af1e.js"),["./Label.stories-a945af1e.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./Label-c09f8b49.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./Button-2ba8575b.js","./TetrislyProvider-8c69fae3.js","./index-60ef7482.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Loader/Loader.stories.tsx":async()=>t(()=>import("./Loader.stories-9535b6d1.js"),["./Loader.stories-9535b6d1.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-60ef7482.js","./TetrislyProvider-8c69fae3.js","./mergeConfigWithCutom-aec35d44.js","./Cols-33da84a1.js","./SectionHeader-c9c7fa6d.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Popover/Popover.stories.tsx":async()=>t(()=>import("./Popover.stories-ac87492b.js"),["./Popover.stories-ac87492b.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./TetrislyProvider-8c69fae3.js","./mergeConfigWithCutom-aec35d44.js","./Avatar-fa7da47e.js","./Button-2ba8575b.js","./tetrisly-icons.es-12549e88.js","./index-60ef7482.js","./Label-c09f8b49.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/RadioButton/RadioButton.stories.tsx":async()=>t(()=>import("./RadioButton.stories-79532bd6.js"),["./RadioButton.stories-79532bd6.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./RadioButton-705bd946.js","./mergeConfigWithCutom-aec35d44.js","./HelperText-ff282223.js","./tetrisly-icons.es-12549e88.js","./TetrislyProvider-8c69fae3.js","./extractInputProps-08fc967a.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx":async()=>t(()=>import("./RadioButtonGroup.stories-1b8e2a91.js"),["./RadioButtonGroup.stories-1b8e2a91.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./HelperText-ff282223.js","./tetrisly-icons.es-12549e88.js","./TetrislyProvider-8c69fae3.js","./Label-c09f8b49.js","./Button-2ba8575b.js","./index-60ef7482.js","./RadioButton-705bd946.js","./extractInputProps-08fc967a.js","./SectionHeader-c9c7fa6d.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/SearchInput/SearchInput.stories.tsx":async()=>t(()=>import("./SearchInput.stories-904cc1d9.js"),["./SearchInput.stories-904cc1d9.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./SearchInput-b5350c90.js","./TextInput-221fd163.js","./tetrisly-icons.es-12549e88.js","./useTextInput-71845e1c.js","./mergeConfigWithCutom-aec35d44.js","./extractInputProps-08fc967a.js","./Avatar-fa7da47e.js","./TetrislyProvider-8c69fae3.js","./Button-2ba8575b.js","./index-60ef7482.js","./IconButton-fbe54fb7.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Select/Select.stories.tsx":async()=>t(()=>import("./Select.stories-c8014670.js"),["./Select.stories-c8014670.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./tetrisly-icons.es-12549e88.js","./Avatar-fa7da47e.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./IconButton-fbe54fb7.js","./Button-2ba8575b.js","./index-60ef7482.js","./useTextInput-71845e1c.js","./extractInputProps-08fc967a.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/SocialButton/SocialButton.stories.tsx":async()=>t(()=>import("./SocialButton.stories-8349f81c.js"),["./SocialButton.stories-8349f81c.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-60ef7482.js","./TetrislyProvider-8c69fae3.js","./mergeConfigWithCutom-aec35d44.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Status/Status.stories.tsx":async()=>t(()=>import("./Status.stories-57a83bb9.js"),["./Status.stories-57a83bb9.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/StatusDot/StatusDot.stories.tsx":async()=>t(()=>import("./StatusDot.stories-d46029b5.js"),["./StatusDot.stories-d46029b5.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Tag/Tag.stories.tsx":async()=>t(()=>import("./Tag.stories-f018a881.js"),["./Tag.stories-f018a881.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./Avatar-fa7da47e.js","./TetrislyProvider-8c69fae3.js","./IconButton-fbe54fb7.js","./Button-2ba8575b.js","./tetrisly-icons.es-12549e88.js","./index-60ef7482.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/TextInput/TextInput.stories.tsx":async()=>t(()=>import("./TextInput.stories-60e40e13.js"),["./TextInput.stories-60e40e13.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./TextInput-221fd163.js","./tetrisly-icons.es-12549e88.js","./useTextInput-71845e1c.js","./mergeConfigWithCutom-aec35d44.js","./extractInputProps-08fc967a.js","./Avatar-fa7da47e.js","./TetrislyProvider-8c69fae3.js","./Button-2ba8575b.js","./index-60ef7482.js","./IconButton-fbe54fb7.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Toast/Toast.stories.tsx":async()=>t(()=>import("./Toast.stories-01b67174.js"),["./Toast.stories-01b67174.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./useAction-291fcc9d.js","./preview-errors-dde4324f.js","./index-356e4a49.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./Button-2ba8575b.js","./TetrislyProvider-8c69fae3.js","./index-60ef7482.js","./IconButton-fbe54fb7.js","./TetDocs-deea9a80.js","./index-78a2083d.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js"],import.meta.url),"./src/docs-pages/Changelog.mdx":async()=>t(()=>import("./Changelog-79556424.js"),["./Changelog-79556424.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./chunk-HLWAVYOI-559df494.js","./react-18-988a5df2.js","./index-d3ea75b5.js","./index-78a2083d.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js","./index-a1cf9e47.js"],import.meta.url),"./src/docs-pages/ReadMe.mdx":async()=>t(()=>import("./ReadMe-c77f8ef0.js"),["./ReadMe-c77f8ef0.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./chunk-HLWAVYOI-559df494.js","./react-18-988a5df2.js","./index-d3ea75b5.js","./index-78a2083d.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js","./index-a1cf9e47.js"],import.meta.url)};async function T(s){return I[s]()}const{composeConfigs:P,PreviewWeb:L,ClientApi:v}=__STORYBOOK_MODULE_PREVIEW_API__,A=async()=>{const s=await Promise.all([t(()=>import("./entry-preview-1f5c28fc.js"),["./entry-preview-1f5c28fc.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./react-18-988a5df2.js","./index-d3ea75b5.js"],import.meta.url),t(()=>import("./entry-preview-docs-1ceceedf.js"),["./entry-preview-docs-1ceceedf.js","./index-8fd8397b.js","./_commonjsHelpers-de833af9.js","./index-356e4a49.js","./index-76fb7be0.js"],import.meta.url),t(()=>import("./preview-73104b77.js"),["./preview-73104b77.js","./index-11d98b33.js"],import.meta.url),t(()=>import("./preview-77a968f3.js"),["./preview-77a968f3.js","./preview-errors-dde4324f.js","./index-356e4a49.js"],import.meta.url),t(()=>import("./preview-30b54f76.js"),["./preview-30b54f76.js","./index-356e4a49.js"],import.meta.url),t(()=>import("./preview-c56bf6ac.js"),[],import.meta.url),t(()=>import("./preview-da31036b.js"),["./preview-da31036b.js","./index-356e4a49.js"],import.meta.url),t(()=>import("./preview-0ef86afd.js"),[],import.meta.url),t(()=>import("./preview-21802b0a.js"),["./preview-21802b0a.js","./_commonjsHelpers-de833af9.js"],import.meta.url),t(()=>import("./preview-0b293f2a.js"),[],import.meta.url),t(()=>import("./preview-6c8c1815.js"),[],import.meta.url),t(()=>import("./preview-76327d59.js"),["./preview-76327d59.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./TetrislyProvider-8c69fae3.js","./jsx-runtime-ffb262ed.js"],import.meta.url)]);return P(s)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new L;window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;window.__STORYBOOK_CLIENT_API__=window.__STORYBOOK_CLIENT_API__||new v({storyStore:window.__STORYBOOK_PREVIEW__.storyStore});window.__STORYBOOK_PREVIEW__.initialize({importFn:T,getProjectAnnotations:A});export{t as _}; diff --git a/assets/iframe-c4da43eb.js b/assets/iframe-c4da43eb.js new file mode 100644 index 00000000..ab53bb88 --- /dev/null +++ b/assets/iframe-c4da43eb.js @@ -0,0 +1 @@ +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"]'))m(o);new MutationObserver(o=>{for(const r of o)if(r.type==="childList")for(const e of r.addedNodes)e.tagName==="LINK"&&e.rel==="modulepreload"&&m(e)}).observe(document,{childList:!0,subtree:!0});function n(o){const r={};return o.integrity&&(r.integrity=o.integrity),o.referrerPolicy&&(r.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?r.credentials="include":o.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function m(o){if(o.ep)return;o.ep=!0;const r=n(o);fetch(o.href,r)}})();const E="modulepreload",d=function(s,_){return new URL(s,_).href},p={},t=function(_,n,m){if(!n||n.length===0)return _();const o=document.getElementsByTagName("link");return Promise.all(n.map(r=>{if(r=d(r,m),r in p)return;p[r]=!0;const e=r.endsWith(".css"),l=e?'[rel="stylesheet"]':"";if(!!m)for(let c=o.length-1;c>=0;c--){const a=o[c];if(a.href===r&&(!e||a.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${r}"]${l}`))return;const i=document.createElement("link");if(i.rel=e?"stylesheet":E,e||(i.as="script",i.crossOrigin=""),i.href=r,document.head.appendChild(i),e)return new Promise((c,a)=>{i.addEventListener("load",c),i.addEventListener("error",()=>a(new Error(`Unable to preload CSS for ${r}`)))})})).then(()=>_()).catch(r=>{const e=new Event("vite:preloadError",{cancelable:!0});if(e.payload=r,window.dispatchEvent(e),!e.defaultPrevented)throw r})},{createBrowserChannel:O}=__STORYBOOK_MODULE_CHANNELS__,{addons:R}=__STORYBOOK_MODULE_PREVIEW_API__,u=O({page:"preview"});R.setChannel(u);window.__STORYBOOK_ADDONS_CHANNEL__=u;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=u);const I={"./src/components/AlertBanner/AlertBanner.stories.tsx":async()=>t(()=>import("./AlertBanner.stories-7655e834.js"),["./AlertBanner.stories-7655e834.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./chunk-WFFRPTHA-a68c42c5.js","./preview-errors-dde4324f.js","./index-356e4a49.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./Button-93f2d0ab.js","./TetrislyProvider-8c69fae3.js","./index-60ef7482.js","./IconButton-84cc995d.js","./useAction-275346b1.js","./SectionHeader-c9c7fa6d.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js"],import.meta.url),"./src/components/Avatar/Avatar.stories.tsx":async()=>t(()=>import("./Avatar.stories-f8355465.js"),["./Avatar.stories-f8355465.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./Avatar-fa7da47e.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./Cols-33da84a1.js","./SectionHeader-c9c7fa6d.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js","./Appearance-35507110.js"],import.meta.url),"./src/components/Badge/Badge.stories.tsx":async()=>t(()=>import("./Badge.stories-96b55588.js"),["./Badge.stories-96b55588.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./Badge-a283a779.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./Appearance-35507110.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Button/Button.stories.tsx":async()=>t(()=>import("./Button.stories-e89052ad.js"),["./Button.stories-e89052ad.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./Button-93f2d0ab.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./index-60ef7482.js","./SectionHeader-c9c7fa6d.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Card/Card.stories.tsx":async()=>t(()=>import("./Card.stories-4ef4b27b.js"),["./Card.stories-4ef4b27b.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./Button-93f2d0ab.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./index-60ef7482.js","./Avatar-fa7da47e.js","./Icon-c509f708.js","./Badge-a283a779.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Checkbox/Checkbox.stories.tsx":async()=>t(()=>import("./Checkbox.stories-15501367.js"),["./Checkbox.stories-15501367.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./Checkbox-7edd5d0e.js","./tetrisly-icons.es-12549e88.js","./TetrislyProvider-8c69fae3.js","./mergeConfigWithCutom-aec35d44.js","./HelperText-94c2e4c3.js","./extractInputProps-08fc967a.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/CheckboxGroup/CheckboxGroup.stories.tsx":async()=>t(()=>import("./CheckboxGroup.stories-c9693e9d.js"),["./CheckboxGroup.stories-c9693e9d.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./Checkbox-7edd5d0e.js","./tetrisly-icons.es-12549e88.js","./TetrislyProvider-8c69fae3.js","./HelperText-94c2e4c3.js","./extractInputProps-08fc967a.js","./Label-e7b0184c.js","./Button-93f2d0ab.js","./index-60ef7482.js","./SectionHeader-c9c7fa6d.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/CornerDialog/CornerDialog.stories.tsx":async()=>t(()=>import("./CornerDialog.stories-99af5c68.js"),["./CornerDialog.stories-99af5c68.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./chunk-WFFRPTHA-a68c42c5.js","./preview-errors-dde4324f.js","./index-356e4a49.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./Button-93f2d0ab.js","./TetrislyProvider-8c69fae3.js","./index-60ef7482.js","./IconButton-84cc995d.js","./SectionHeader-c9c7fa6d.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js"],import.meta.url),"./src/components/Counter/Counter.stories.tsx":async()=>t(()=>import("./Counter.stories-c16bf323.js"),["./Counter.stories-c16bf323.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Divider/Divider.stories.tsx":async()=>t(()=>import("./Divider.stories-723d8c5b.js"),["./Divider.stories-723d8c5b.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/HelperText/HelperText.stories.tsx":async()=>t(()=>import("./HelperText.stories-06eefeaa.js"),["./HelperText.stories-06eefeaa.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./HelperText-94c2e4c3.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./SectionHeader-c9c7fa6d.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Icon/Icon.stories.tsx":async()=>t(()=>import("./Icon.stories-8ecf00d6.js"),["./Icon.stories-8ecf00d6.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./tetrisly-icons.es-12549e88.js","./Icon-c509f708.js","./TetrislyProvider-8c69fae3.js","./SectionHeader-c9c7fa6d.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/IconButton/IconButton.stories.tsx":async()=>t(()=>import("./IconButton.stories-87c6065a.js"),["./IconButton.stories-87c6065a.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./IconButton-84cc995d.js","./Button-93f2d0ab.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./index-60ef7482.js","./SectionHeader-c9c7fa6d.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/InlineBanner/InlineBanner.stories.tsx":async()=>t(()=>import("./InlineBanner.stories-617b265a.js"),["./InlineBanner.stories-617b265a.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./chunk-WFFRPTHA-a68c42c5.js","./preview-errors-dde4324f.js","./index-356e4a49.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./Button-93f2d0ab.js","./TetrislyProvider-8c69fae3.js","./index-60ef7482.js","./IconButton-84cc995d.js","./useAction-275346b1.js","./SectionHeader-c9c7fa6d.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js"],import.meta.url),"./src/components/InlineMessage/InlineMessage.stories.tsx":async()=>t(()=>import("./InlineMessage.stories-e7a47d1e.js"),["./InlineMessage.stories-e7a47d1e.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./Cols-33da84a1.js","./SectionHeader-c9c7fa6d.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx":async()=>t(()=>import("./InlineSearchInput.stories-9fb3986f.js"),["./InlineSearchInput.stories-9fb3986f.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./SearchInput-c4c9ac2e.js","./TextInput-176e108c.js","./tetrisly-icons.es-12549e88.js","./useTextInput-71845e1c.js","./mergeConfigWithCutom-aec35d44.js","./extractInputProps-08fc967a.js","./Avatar-fa7da47e.js","./TetrislyProvider-8c69fae3.js","./Button-93f2d0ab.js","./index-60ef7482.js","./IconButton-84cc995d.js","./States-1bb354e8.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Label/Label.stories.tsx":async()=>t(()=>import("./Label.stories-040656e5.js"),["./Label.stories-040656e5.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./Label-e7b0184c.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./Button-93f2d0ab.js","./TetrislyProvider-8c69fae3.js","./index-60ef7482.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Loader/Loader.stories.tsx":async()=>t(()=>import("./Loader.stories-98560477.js"),["./Loader.stories-98560477.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-60ef7482.js","./TetrislyProvider-8c69fae3.js","./mergeConfigWithCutom-aec35d44.js","./Cols-33da84a1.js","./SectionHeader-c9c7fa6d.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Popover/Popover.stories.tsx":async()=>t(()=>import("./Popover.stories-d9836451.js"),["./Popover.stories-d9836451.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./TetrislyProvider-8c69fae3.js","./mergeConfigWithCutom-aec35d44.js","./Avatar-fa7da47e.js","./Button-93f2d0ab.js","./tetrisly-icons.es-12549e88.js","./index-60ef7482.js","./Label-e7b0184c.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/RadioButton/RadioButton.stories.tsx":async()=>t(()=>import("./RadioButton.stories-8899627d.js"),["./RadioButton.stories-8899627d.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./RadioButton-d5d0a846.js","./mergeConfigWithCutom-aec35d44.js","./HelperText-94c2e4c3.js","./tetrisly-icons.es-12549e88.js","./TetrislyProvider-8c69fae3.js","./extractInputProps-08fc967a.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx":async()=>t(()=>import("./RadioButtonGroup.stories-c4b95d33.js"),["./RadioButtonGroup.stories-c4b95d33.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./HelperText-94c2e4c3.js","./tetrisly-icons.es-12549e88.js","./TetrislyProvider-8c69fae3.js","./Label-e7b0184c.js","./Button-93f2d0ab.js","./index-60ef7482.js","./RadioButton-d5d0a846.js","./extractInputProps-08fc967a.js","./SectionHeader-c9c7fa6d.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/SearchInput/SearchInput.stories.tsx":async()=>t(()=>import("./SearchInput.stories-307521ec.js"),["./SearchInput.stories-307521ec.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./SearchInput-c4c9ac2e.js","./TextInput-176e108c.js","./tetrisly-icons.es-12549e88.js","./useTextInput-71845e1c.js","./mergeConfigWithCutom-aec35d44.js","./extractInputProps-08fc967a.js","./Avatar-fa7da47e.js","./TetrislyProvider-8c69fae3.js","./Button-93f2d0ab.js","./index-60ef7482.js","./IconButton-84cc995d.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Select/Select.stories.tsx":async()=>t(()=>import("./Select.stories-c3c088c9.js"),["./Select.stories-c3c088c9.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./tetrisly-icons.es-12549e88.js","./Avatar-fa7da47e.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./IconButton-84cc995d.js","./Button-93f2d0ab.js","./index-60ef7482.js","./useTextInput-71845e1c.js","./extractInputProps-08fc967a.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/SocialButton/SocialButton.stories.tsx":async()=>t(()=>import("./SocialButton.stories-c30333b9.js"),["./SocialButton.stories-c30333b9.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-60ef7482.js","./TetrislyProvider-8c69fae3.js","./mergeConfigWithCutom-aec35d44.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Status/Status.stories.tsx":async()=>t(()=>import("./Status.stories-1c01dc69.js"),["./Status.stories-1c01dc69.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/StatusDot/StatusDot.stories.tsx":async()=>t(()=>import("./StatusDot.stories-40750bcf.js"),["./StatusDot.stories-40750bcf.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Tag/Tag.stories.tsx":async()=>t(()=>import("./Tag.stories-d7565488.js"),["./Tag.stories-d7565488.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./Avatar-fa7da47e.js","./TetrislyProvider-8c69fae3.js","./IconButton-84cc995d.js","./Button-93f2d0ab.js","./tetrisly-icons.es-12549e88.js","./index-60ef7482.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/TextInput/TextInput.stories.tsx":async()=>t(()=>import("./TextInput.stories-25e5bf59.js"),["./TextInput.stories-25e5bf59.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./TextInput-176e108c.js","./tetrisly-icons.es-12549e88.js","./useTextInput-71845e1c.js","./mergeConfigWithCutom-aec35d44.js","./extractInputProps-08fc967a.js","./Avatar-fa7da47e.js","./TetrislyProvider-8c69fae3.js","./Button-93f2d0ab.js","./index-60ef7482.js","./IconButton-84cc995d.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),"./src/components/Toast/Toast.stories.tsx":async()=>t(()=>import("./Toast.stories-01b44a7d.js"),["./Toast.stories-01b44a7d.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./chunk-WFFRPTHA-a68c42c5.js","./preview-errors-dde4324f.js","./index-356e4a49.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./Button-93f2d0ab.js","./TetrislyProvider-8c69fae3.js","./index-60ef7482.js","./IconButton-84cc995d.js","./useAction-275346b1.js","./TetDocs-03bc5c84.js","./index-43890eef.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js"],import.meta.url),"./src/docs-pages/Changelog.mdx":async()=>t(()=>import("./Changelog-3bab3e92.js"),["./Changelog-3bab3e92.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./chunk-HLWAVYOI-b2dddfb9.js","./react-18-988a5df2.js","./index-d3ea75b5.js","./index-43890eef.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js","./index-a1cf9e47.js"],import.meta.url),"./src/docs-pages/ReadMe.mdx":async()=>t(()=>import("./ReadMe-27f05b50.js"),["./ReadMe-27f05b50.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./chunk-HLWAVYOI-b2dddfb9.js","./react-18-988a5df2.js","./index-d3ea75b5.js","./index-43890eef.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js","./index-a1cf9e47.js"],import.meta.url)};async function T(s){return I[s]()}const{composeConfigs:P,PreviewWeb:L,ClientApi:v}=__STORYBOOK_MODULE_PREVIEW_API__,A=async()=>{const s=await Promise.all([t(()=>import("./entry-preview-1f5c28fc.js"),["./entry-preview-1f5c28fc.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./react-18-988a5df2.js","./index-d3ea75b5.js"],import.meta.url),t(()=>import("./entry-preview-docs-1ceceedf.js"),["./entry-preview-docs-1ceceedf.js","./index-8fd8397b.js","./_commonjsHelpers-de833af9.js","./index-356e4a49.js","./index-76fb7be0.js"],import.meta.url),t(()=>import("./preview-73104b77.js"),["./preview-73104b77.js","./index-11d98b33.js"],import.meta.url),t(()=>import("./preview-77a968f3.js"),["./preview-77a968f3.js","./preview-errors-dde4324f.js","./index-356e4a49.js"],import.meta.url),t(()=>import("./preview-30b54f76.js"),["./preview-30b54f76.js","./index-356e4a49.js"],import.meta.url),t(()=>import("./preview-c56bf6ac.js"),[],import.meta.url),t(()=>import("./preview-da31036b.js"),["./preview-da31036b.js","./index-356e4a49.js"],import.meta.url),t(()=>import("./preview-0ef86afd.js"),[],import.meta.url),t(()=>import("./preview-21802b0a.js"),["./preview-21802b0a.js","./_commonjsHelpers-de833af9.js"],import.meta.url),t(()=>import("./preview-0b293f2a.js"),[],import.meta.url),t(()=>import("./preview-da20f919.js"),[],import.meta.url),t(()=>import("./preview-76327d59.js"),["./preview-76327d59.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./TetrislyProvider-8c69fae3.js","./jsx-runtime-ffb262ed.js"],import.meta.url)]);return P(s)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new L;window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;window.__STORYBOOK_CLIENT_API__=window.__STORYBOOK_CLIENT_API__||new v({storyStore:window.__STORYBOOK_PREVIEW__.storyStore});window.__STORYBOOK_PREVIEW__.initialize({importFn:T,getProjectAnnotations:A});export{t as _}; diff --git a/assets/index-78a2083d.js b/assets/index-43890eef.js similarity index 99% rename from assets/index-78a2083d.js rename to assets/index-43890eef.js index 2b480ee1..2d307e9b 100644 --- a/assets/index-78a2083d.js +++ b/assets/index-43890eef.js @@ -1,4 +1,4 @@ -import{_ as jt}from"./iframe-9e50fff3.js";import{r as b,a as Il,R as a}from"./index-76fb7be0.js";import{g as Fn,c as sa}from"./_commonjsHelpers-de833af9.js";import{r as As,R as z0}from"./index-d3ea75b5.js";import{L as Ss,O as q0}from"./index-11d98b33.js";import{q as Cs,r as U0,s as ks,t as W0,i as $n,v as G0,w as Y0,x as K0,c as _s,y as Os,z as X0,A as Ts,B as J0,C as Q0,D as e1,E as t1,F as r1,G as n1,H as Rs,I as a1,J as o1,K as Fs,_ as l1,L as i1,M as s1,N as _o,d as $s,O as Ds,P as Ls,Q as u1,R as c1,U as d1,e as p1,S as Pl,k as ua,V as Ha}from"./index-8fd8397b.js";import{d as xe}from"./index-356e4a49.js";var He=e=>`control-${e.replace(/\s+/g,"-")}`,Dn=e=>`set-${e.replace(/\s+/g,"-")}`;const{global:f1}=__STORYBOOK_MODULE_GLOBAL__,{logger:m1}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var g1=Object.create,Ms=Object.defineProperty,h1=Object.getOwnPropertyDescriptor,Bs=Object.getOwnPropertyNames,b1=Object.getPrototypeOf,y1=Object.prototype.hasOwnProperty,Oo=(e,t)=>function(){return t||(0,e[Bs(e)[0]])((t={exports:{}}).exports,t),t.exports},v1=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Bs(t))!y1.call(e,o)&&o!==r&&Ms(e,o,{get:()=>t[o],enumerable:!(n=h1(t,o))||n.enumerable});return e},Is=(e,t,r)=>(r=e!=null?g1(b1(e)):{},v1(t||!e||!e.__esModule?Ms(r,"default",{value:e,enumerable:!0}):r,e));function Jt(){return Jt=Object.assign?Object.assign.bind():function(e){for(var t=1;t"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function un(e,t,r){return A1()?un=Reflect.construct.bind():un=function(n,o,l){var i=[null];i.push.apply(i,o);var u=Function.bind.apply(n,i),s=new u;return l&&kr(s,l.prototype),s},un.apply(null,arguments)}function Va(e){var t=typeof Map=="function"?new Map:void 0;return Va=function(r){if(r===null||!w1(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,n)}function n(){return un(r,arguments,Za(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),kr(n,r)},Va(e)}var S1={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }). +import{_ as jt}from"./iframe-c4da43eb.js";import{r as b,a as Il,R as a}from"./index-76fb7be0.js";import{g as Fn,c as sa}from"./_commonjsHelpers-de833af9.js";import{r as As,R as z0}from"./index-d3ea75b5.js";import{L as Ss,O as q0}from"./index-11d98b33.js";import{q as Cs,r as U0,s as ks,t as W0,i as $n,v as G0,w as Y0,x as K0,c as _s,y as Os,z as X0,A as Ts,B as J0,C as Q0,D as e1,E as t1,F as r1,G as n1,H as Rs,I as a1,J as o1,K as Fs,_ as l1,L as i1,M as s1,N as _o,d as $s,O as Ds,P as Ls,Q as u1,R as c1,U as d1,e as p1,S as Pl,k as ua,V as Ha}from"./index-8fd8397b.js";import{d as xe}from"./index-356e4a49.js";var He=e=>`control-${e.replace(/\s+/g,"-")}`,Dn=e=>`set-${e.replace(/\s+/g,"-")}`;const{global:f1}=__STORYBOOK_MODULE_GLOBAL__,{logger:m1}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var g1=Object.create,Ms=Object.defineProperty,h1=Object.getOwnPropertyDescriptor,Bs=Object.getOwnPropertyNames,b1=Object.getPrototypeOf,y1=Object.prototype.hasOwnProperty,Oo=(e,t)=>function(){return t||(0,e[Bs(e)[0]])((t={exports:{}}).exports,t),t.exports},v1=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Bs(t))!y1.call(e,o)&&o!==r&&Ms(e,o,{get:()=>t[o],enumerable:!(n=h1(t,o))||n.enumerable});return e},Is=(e,t,r)=>(r=e!=null?g1(b1(e)):{},v1(t||!e||!e.__esModule?Ms(r,"default",{value:e,enumerable:!0}):r,e));function Jt(){return Jt=Object.assign?Object.assign.bind():function(e){for(var t=1;t"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function un(e,t,r){return A1()?un=Reflect.construct.bind():un=function(n,o,l){var i=[null];i.push.apply(i,o);var u=Function.bind.apply(n,i),s=new u;return l&&kr(s,l.prototype),s},un.apply(null,arguments)}function Va(e){var t=typeof Map=="function"?new Map:void 0;return Va=function(r){if(r===null||!w1(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,n)}function n(){return un(r,arguments,Za(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),kr(n,r)},Va(e)}var S1={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }). `,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }). @@ -226,9 +226,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho path { fill: currentColor; } -`,ve=({icon:e,useSymbol:t,...r})=>a.createElement(hc,{viewBox:"0 0 14 14",width:"14px",height:"14px",...r},t?a.createElement("use",{xlinkHref:`#icon--${e}`}):Pr[e]),Eg=b.memo(function({icons:e=Object.keys(Pr)}){return a.createElement(hc,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},e.map(t=>a.createElement("symbol",{id:`icon--${t}`,key:t},Pr[t])))}),xg=0,wg=e=>e.button===xg&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,Ag=(e,t)=>{wg(e)&&(e.preventDefault(),t(e))},Sg=_.span(({withArrow:e})=>e?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:e})=>e?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),Cg=_.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:Kt(.07,e.color.secondary),"svg path:not([fill])":{fill:Kt(.07,e.color.secondary)}},"&:active":{color:Kt(.1,e.color.secondary),"svg path:not([fill])":{fill:Kt(.1,e.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:e.color.secondary}}}),({theme:e,secondary:t,tertiary:r})=>{let n;return t&&(n=[e.textMutedColor,e.color.dark,e.color.darker]),r&&(n=[e.color.dark,e.color.darkest,e.textMutedColor]),n?{color:n[0],"svg path:not([fill])":{fill:n[0]},"&:hover":{color:n[1],"svg path:not([fill])":{fill:n[1]}},"&:active":{color:n[2],"svg path:not([fill])":{fill:n[2]}}}:{}},({nochrome:e})=>e?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:e,inverse:t})=>t?{color:e.color.lightest,":not([fill])":{fill:e.color.lightest},"&:hover":{color:e.color.lighter,"svg path:not([fill])":{fill:e.color.lighter}},"&:active":{color:e.color.light,"svg path:not([fill])":{fill:e.color.light}}}:{},({isButton:e})=>e?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),wt=({cancel:e,children:t,onClick:r,withArrow:n,containsIcon:o,className:l,...i})=>a.createElement(Cg,{...i,onClick:r&&e?u=>Ag(u,r):r,className:l},a.createElement(Sg,{withArrow:n,containsIcon:o},t,n&&a.createElement(ve,{icon:"arrowright"})));wt.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var kg=_.div(({theme:e})=>({fontSize:`${e.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},h2:{fontSize:`${e.typography.size.m2}px`,borderBottom:`1px solid ${e.appBorderColor}`},h3:{fontSize:`${e.typography.size.m1}px`},h4:{fontSize:`${e.typography.size.s3}px`},h5:{fontSize:`${e.typography.size.s2}px`},h6:{fontSize:`${e.typography.size.s2}px`,color:e.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:e.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:e.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${e.color.mediumlight}`,backgroundColor:e.color.lighter,borderRadius:3,color:e.base==="dark"&&e.color.darkest}})),It=[],lr=null,_g=b.lazy(async()=>{let{SyntaxHighlighter:e}=await jt(()=>import("./syntaxhighlighter-V7JZZA35-024ebedc.js"),["./syntaxhighlighter-V7JZZA35-024ebedc.js","./iframe-9e50fff3.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url);return It.length>0&&(It.forEach(t=>{e.registerLanguage(...t)}),It=[]),lr===null&&(lr=e),{default:t=>a.createElement(e,{...t})}}),Og=b.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([jt(()=>import("./syntaxhighlighter-V7JZZA35-024ebedc.js"),["./syntaxhighlighter-V7JZZA35-024ebedc.js","./iframe-9e50fff3.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),jt(()=>import("./formatter-SWP5E3XI-4219f5b5.js"),["./formatter-SWP5E3XI-4219f5b5.js","./iframe-9e50fff3.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url)]);return It.length>0&&(It.forEach(r=>{e.registerLanguage(...r)}),It=[]),lr===null&&(lr=e),{default:r=>a.createElement(e,{...r,formatter:t})}}),Wn=e=>a.createElement(b.Suspense,{fallback:a.createElement("div",null)},e.format!==!1?a.createElement(Og,{...e}):a.createElement(_g,{...e}));Wn.registerLanguage=(...e)=>{if(lr!==null){lr.registerLanguage(...e);return}It.push(e)};var Tg=e=>typeof e=="number"?e:Number(e),Rg=_.div(({theme:e,col:t,row:r=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Ja}`]:{marginLeft:0}}:{"& > *":{marginTop:r*e.layoutMargin},[`& > *:first-child${Ja}`]:{marginTop:0}},({theme:e,outer:t,col:r,row:n})=>{switch(!0){case!!(t&&r):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&n):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),Fg=({col:e,row:t,outer:r,children:n,...o})=>{let l=Tg(typeof r=="number"||!r?r:e||t);return a.createElement(Rg,{col:e,row:t,outer:l,...o},n)},$g=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),Dg=_.div(),Lg=_.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),bc=({children:e,...t})=>{let[r,n]=b.Children.toArray(e);return a.createElement(Lg,{...t},a.createElement($g,null,r),n&&a.createElement(Dg,null,n))},Mg=_.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function Bg({scale:e,children:t}){let r=b.useRef(null),[n,o]=b.useState(0),l=b.useCallback(({height:i})=>{i&&o(i/e)},[e]);return b.useEffect(()=>{r.current&&o(r.current.getBoundingClientRect().height)},[e]),Wu({ref:r,onResize:l}),a.createElement(Mg,{scale:e,elementHeight:n},a.createElement("div",{ref:r,className:"innerZoomElementWrapper"},t))}var Ig=class extends b.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:e}=this.props;this.iframe=e.current}shouldComponentUpdate(e){let{scale:t,active:r}=this.props;return t!==e.scale&&this.setIframeInnerZoom(e.scale),r!==e.active&&this.iframe.setAttribute("data-is-storybook",e.active?"true":"false"),e.children.props.src!==this.props.children.props.src}setIframeInnerZoom(e){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}catch{this.setIframeZoom(e)}}setIframeZoom(e){Object.assign(this.iframe.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}render(){let{children:e}=this.props;return a.createElement(a.Fragment,null,e)}},yc={Element:Bg,IFrame:Ig},{document:Pg}=Mm,jg=_.strong(({theme:e})=>({color:e.color.orange})),Ng=_.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),Ti=_.em(({theme:e})=>({color:e.textMutedColor})),Hg=/(Error): (.*)\n/,Zg=/at (?:(.*) )?\(?(.+)\)?/,Vg=/([^@]+)?(?:\/<)?@(.+)?/,zg=/([^@]+)?@(.+)?/,vc=({error:e})=>{if(!e)return a.createElement(b.Fragment,null,"This error has no stack or message");if(!e.stack)return a.createElement(b.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message} +`,ve=({icon:e,useSymbol:t,...r})=>a.createElement(hc,{viewBox:"0 0 14 14",width:"14px",height:"14px",...r},t?a.createElement("use",{xlinkHref:`#icon--${e}`}):Pr[e]),Eg=b.memo(function({icons:e=Object.keys(Pr)}){return a.createElement(hc,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},e.map(t=>a.createElement("symbol",{id:`icon--${t}`,key:t},Pr[t])))}),xg=0,wg=e=>e.button===xg&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,Ag=(e,t)=>{wg(e)&&(e.preventDefault(),t(e))},Sg=_.span(({withArrow:e})=>e?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:e})=>e?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),Cg=_.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:Kt(.07,e.color.secondary),"svg path:not([fill])":{fill:Kt(.07,e.color.secondary)}},"&:active":{color:Kt(.1,e.color.secondary),"svg path:not([fill])":{fill:Kt(.1,e.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:e.color.secondary}}}),({theme:e,secondary:t,tertiary:r})=>{let n;return t&&(n=[e.textMutedColor,e.color.dark,e.color.darker]),r&&(n=[e.color.dark,e.color.darkest,e.textMutedColor]),n?{color:n[0],"svg path:not([fill])":{fill:n[0]},"&:hover":{color:n[1],"svg path:not([fill])":{fill:n[1]}},"&:active":{color:n[2],"svg path:not([fill])":{fill:n[2]}}}:{}},({nochrome:e})=>e?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:e,inverse:t})=>t?{color:e.color.lightest,":not([fill])":{fill:e.color.lightest},"&:hover":{color:e.color.lighter,"svg path:not([fill])":{fill:e.color.lighter}},"&:active":{color:e.color.light,"svg path:not([fill])":{fill:e.color.light}}}:{},({isButton:e})=>e?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),wt=({cancel:e,children:t,onClick:r,withArrow:n,containsIcon:o,className:l,...i})=>a.createElement(Cg,{...i,onClick:r&&e?u=>Ag(u,r):r,className:l},a.createElement(Sg,{withArrow:n,containsIcon:o},t,n&&a.createElement(ve,{icon:"arrowright"})));wt.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var kg=_.div(({theme:e})=>({fontSize:`${e.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},h2:{fontSize:`${e.typography.size.m2}px`,borderBottom:`1px solid ${e.appBorderColor}`},h3:{fontSize:`${e.typography.size.m1}px`},h4:{fontSize:`${e.typography.size.s3}px`},h5:{fontSize:`${e.typography.size.s2}px`},h6:{fontSize:`${e.typography.size.s2}px`,color:e.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:e.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:e.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${e.color.mediumlight}`,backgroundColor:e.color.lighter,borderRadius:3,color:e.base==="dark"&&e.color.darkest}})),It=[],lr=null,_g=b.lazy(async()=>{let{SyntaxHighlighter:e}=await jt(()=>import("./syntaxhighlighter-V7JZZA35-14187bd4.js"),["./syntaxhighlighter-V7JZZA35-14187bd4.js","./iframe-c4da43eb.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url);return It.length>0&&(It.forEach(t=>{e.registerLanguage(...t)}),It=[]),lr===null&&(lr=e),{default:t=>a.createElement(e,{...t})}}),Og=b.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([jt(()=>import("./syntaxhighlighter-V7JZZA35-14187bd4.js"),["./syntaxhighlighter-V7JZZA35-14187bd4.js","./iframe-c4da43eb.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url),jt(()=>import("./formatter-SWP5E3XI-e2817b98.js"),["./formatter-SWP5E3XI-e2817b98.js","./iframe-c4da43eb.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url)]);return It.length>0&&(It.forEach(r=>{e.registerLanguage(...r)}),It=[]),lr===null&&(lr=e),{default:r=>a.createElement(e,{...r,formatter:t})}}),Wn=e=>a.createElement(b.Suspense,{fallback:a.createElement("div",null)},e.format!==!1?a.createElement(Og,{...e}):a.createElement(_g,{...e}));Wn.registerLanguage=(...e)=>{if(lr!==null){lr.registerLanguage(...e);return}It.push(e)};var Tg=e=>typeof e=="number"?e:Number(e),Rg=_.div(({theme:e,col:t,row:r=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Ja}`]:{marginLeft:0}}:{"& > *":{marginTop:r*e.layoutMargin},[`& > *:first-child${Ja}`]:{marginTop:0}},({theme:e,outer:t,col:r,row:n})=>{switch(!0){case!!(t&&r):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&n):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),Fg=({col:e,row:t,outer:r,children:n,...o})=>{let l=Tg(typeof r=="number"||!r?r:e||t);return a.createElement(Rg,{col:e,row:t,outer:l,...o},n)},$g=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),Dg=_.div(),Lg=_.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),bc=({children:e,...t})=>{let[r,n]=b.Children.toArray(e);return a.createElement(Lg,{...t},a.createElement($g,null,r),n&&a.createElement(Dg,null,n))},Mg=_.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function Bg({scale:e,children:t}){let r=b.useRef(null),[n,o]=b.useState(0),l=b.useCallback(({height:i})=>{i&&o(i/e)},[e]);return b.useEffect(()=>{r.current&&o(r.current.getBoundingClientRect().height)},[e]),Wu({ref:r,onResize:l}),a.createElement(Mg,{scale:e,elementHeight:n},a.createElement("div",{ref:r,className:"innerZoomElementWrapper"},t))}var Ig=class extends b.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:e}=this.props;this.iframe=e.current}shouldComponentUpdate(e){let{scale:t,active:r}=this.props;return t!==e.scale&&this.setIframeInnerZoom(e.scale),r!==e.active&&this.iframe.setAttribute("data-is-storybook",e.active?"true":"false"),e.children.props.src!==this.props.children.props.src}setIframeInnerZoom(e){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}catch{this.setIframeZoom(e)}}setIframeZoom(e){Object.assign(this.iframe.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}render(){let{children:e}=this.props;return a.createElement(a.Fragment,null,e)}},yc={Element:Bg,IFrame:Ig},{document:Pg}=Mm,jg=_.strong(({theme:e})=>({color:e.color.orange})),Ng=_.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),Ti=_.em(({theme:e})=>({color:e.textMutedColor})),Hg=/(Error): (.*)\n/,Zg=/at (?:(.*) )?\(?(.+)\)?/,Vg=/([^@]+)?(?:\/<)?@(.+)?/,zg=/([^@]+)?@(.+)?/,vc=({error:e})=>{if(!e)return a.createElement(b.Fragment,null,"This error has no stack or message");if(!e.stack)return a.createElement(b.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message} -${t}`);let r=t.match(Hg);if(!r)return a.createElement(b.Fragment,null,t);let[,n,o]=r,l=t.split(/\n/).slice(1),[,...i]=l.map(u=>{let s=u.match(Zg)||u.match(Vg)||u.match(zg);return s?{name:(s[1]||"").replace("/<",""),location:s[2].replace(Pg.location.origin,"")}:null}).filter(Boolean);return a.createElement(b.Fragment,null,a.createElement("span",null,n),": ",a.createElement(jg,null,o),a.createElement("br",null),i.map((u,s)=>u.name?a.createElement(b.Fragment,{key:s}," ","at ",a.createElement(Ng,null,u.name)," (",a.createElement(Ti,null,u.location),")",a.createElement("br",null)):a.createElement(b.Fragment,{key:s}," ","at ",a.createElement(Ti,null,u.location),a.createElement("br",null))))},Ec=_.button(({small:e,theme:t})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:e?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${e?t.typography.size.s1:t.typography.size.s2-1}px`,fontWeight:t.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:e?12:14,width:e?12:14,verticalAlign:"top",marginRight:e?4:6,marginTop:e?0:-1,marginBottom:e?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled:e})=>e?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon:e,small:t})=>e?{svg:{display:"block",margin:0},...t?{padding:10}:{padding:13}}:{},({theme:e,primary:t,secondary:r,gray:n})=>{let o;return n?o=e.color.mediumlight:r?o=e.color.secondary:t&&(o=e.color.primary),o?{background:o,color:n?e.color.darkest:e.color.lightest,"&:hover":{background:Kt(.05,o)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${dt(o,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${dt(o,.2)} 0 8px 18px 0px`}}:{}},({theme:e,tertiary:t,inForm:r,small:n})=>t?{background:e.button.background,color:e.input.color,boxShadow:`${e.button.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,...r&&n?{padding:"10px 16px"}:{},"&:hover":{background:e.base==="light"?Kt(.02,e.button.background):sg(.03,e.button.background),...r?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:e.button.background},"&:focus":{boxShadow:`${dt(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme:e,outline:t})=>t?{boxShadow:`${Ee(.8,e.color.defaultText)} 0 0 0 1px inset`,color:Ee(.3,e.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${Ee(.5,e.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${Ee(.5,e.color.defaultText)} 0 0 0 2px inset`,color:Ee(0,e.color.defaultText)}}:{},({theme:e,outline:t,primary:r})=>{let n=e.color.primary;return t&&r?{boxShadow:`${n} 0 0 0 1px inset`,color:n,"svg path:not([fill])":{fill:n},"&:hover":{boxShadow:`${n} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:n,boxShadow:`${n} 0 0 0 1px inset`,color:e.color.tertiary},"&:focus":{boxShadow:`${n} 0 0 0 1px inset, ${dt(n,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${n} 0 0 0 1px inset, ${dt(n,.2)} 0 8px 18px 0px`}}:{}},({theme:e,outline:t,primary:r,secondary:n})=>{let o;return n?o=e.color.secondary:r&&(o=e.color.primary),t&&o?{boxShadow:`${o} 0 0 0 1px inset`,color:o,"svg path:not([fill])":{fill:o},"&:hover":{boxShadow:`${o} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:o,boxShadow:`${o} 0 0 0 1px inset`,color:e.color.tertiary},"&:focus":{boxShadow:`${o} 0 0 0 1px inset, ${dt(o,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${o} 0 0 0 1px inset, ${dt(o,.2)} 0 8px 18px 0px`}}:{}}),qg=Ec.withComponent("a"),xc=Object.assign(b.forwardRef(function({isLink:e,children:t,...r},n){return e?a.createElement(qg,{...r,ref:n},t):a.createElement(Ec,{...r,ref:n},t)}),{defaultProps:{isLink:!1}}),Ug=_.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Wg=_.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),wc=({label:e,children:t,...r})=>a.createElement(Ug,{...r},e?a.createElement(Wg,null,a.createElement("span",null,e)):null,t);wc.defaultProps={label:void 0};function po(){return po=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)&&(r[o]=e[o]);return r}var Ri=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},Yg=function(e,t){var r=b.useRef();return b.useCallback(function(n){e.current=n,r.current&&Ri(r.current,null),r.current=t,t&&Ri(t,n)},[t])},Kg=Yg,Xg=function(){},Jg=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],Qg=function(e,t){e.cacheMeasurements,e.maxRows,e.minRows;var r=e.onChange,n=r===void 0?Xg:r;e.onHeightChange;var o=Gg(e,Jg);o.value;var l=b.useRef(null),i=Kg(l,t);return b.useRef(0),b.useRef(),b.createElement("textarea",po({},o,{onChange:n,ref:i}))},eh=b.forwardRef(Qg),th={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},sl=({theme:e})=>({...th,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),Gn=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},Ac=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},Yn=({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},rh=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement("input",{...n,ref:o})}))(sl,Gn,Ac,Yn,{minHeight:32}),{displayName:"Input"}),nh=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement("select",{...n,ref:o})}))(sl,Gn,Yn,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),ah=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement(eh,{...n,ref:o})}))(sl,Gn,Ac,Yn,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),oh=_(b.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement(xc,{...n,ref:o})}))(Gn,Yn,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),lh=Object.assign(b.forwardRef(function(e,t){return a.createElement(oh,{...e,tertiary:!0,small:!0,inForm:!0,ref:t})}),{displayName:"Button"}),Ne=Object.assign(_.form({boxSizing:"border-box",width:"100%"}),{Field:wc,Input:rh,Select:nh,Textarea:ah,Button:lh}),ih=b.lazy(()=>jt(()=>import("./WithTooltip-V3YHNWJZ-71246ee6.js"),["./WithTooltip-V3YHNWJZ-71246ee6.js","./iframe-9e50fff3.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url).then(e=>({default:e.WithTooltip}))),sh=e=>a.createElement(b.Suspense,{fallback:a.createElement("div",null)},a.createElement(ih,{...e})),uh=b.lazy(()=>jt(()=>import("./WithTooltip-V3YHNWJZ-71246ee6.js"),["./WithTooltip-V3YHNWJZ-71246ee6.js","./iframe-9e50fff3.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url).then(e=>({default:e.WithTooltipPure}))),Sc=e=>a.createElement(b.Suspense,{fallback:a.createElement("div",null)},a.createElement(uh,{...e})),ch=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),dh=_.span(),ph=_.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),fh=_.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),mh=_.div({padding:15,width:280,boxSizing:"border-box"}),Cc=({title:e,desc:t,links:r})=>a.createElement(mh,null,a.createElement(fh,null,e&&a.createElement(ch,null,e),t&&a.createElement(dh,null,t)),r&&a.createElement(ph,null,r.map(({title:n,...o})=>a.createElement(wt,{...o,key:n},n))));Cc.defaultProps={title:null,desc:null,links:null};var gh=_.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),hh=({note:e,...t})=>a.createElement(gh,{...t},e),bh=_(({active:e,loading:t,disabled:r,...n})=>a.createElement("span",{...n}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:Ee(.7,t.color.defaultText)}:{}),yh=_.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),vh=_.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),Eh=_.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),Fi=_.span(({active:e,theme:t})=>e?{"& svg":{opacity:1},"& svg path:not([fill])":{fill:t.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),xh=_.a(({theme:e})=>({fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:e})=>e?{cursor:"not-allowed"}:{}),wh=Ht(100)((e,t,r)=>{let n={};return e&&Object.assign(n,{onClick:e}),t&&Object.assign(n,{href:t}),r&&t&&Object.assign(n,{to:t,as:r}),n}),kc=({loading:e,left:t,title:r,center:n,right:o,icon:l,active:i,disabled:u,isIndented:s,href:c,onClick:d,LinkWrapper:f,...m})=>{let p=wh(d,c,f),h={active:i,disabled:u},g=typeof l=="string"&&Pr[l];return a.createElement(xh,{...h,...m,...p},l?a.createElement(Fi,{...h},g?a.createElement(ve,{icon:l}):l):t&&a.createElement(Fi,{...h},t),r||n?a.createElement(vh,{isIndented:!t&&!l&&s},r&&a.createElement(bh,{...h,loading:e},r),n&&a.createElement(Eh,{...h},n)):null,o&&a.createElement(yh,{...h},o))};kc.defaultProps={loading:!1,left:null,title:a.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ul=kc,Ah=_.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),Sh=e=>{let{LinkWrapper:t,onClick:r,id:n,isIndented:o,...l}=e,{title:i,href:u,active:s}=l,c=b.useCallback(f=>{r(f,l)},[r]),d=!!r;return a.createElement(ul,{title:i,active:s,href:u,id:`list-item-${n}`,LinkWrapper:t,isIndented:o,...l,...d?{onClick:c}:{}})},cl=({links:e,LinkWrapper:t})=>{let r=e.some(n=>n.left||n.icon);return a.createElement(Ah,null,e.map(({isGatsby:n,...o})=>a.createElement(Sh,{key:o.id,LinkWrapper:n?t:null,isIndented:r,...o})))};cl.defaultProps={LinkWrapper:ul.defaultProps.LinkWrapper};var dl=a.forwardRef(({children:e,...t},r)=>t.href!=null?a.createElement("a",{ref:r,...t},e):a.createElement("button",{ref:r,type:"button",...t},e));dl.displayName="ButtonOrLink";var Gr=_(dl,{shouldForwardProp:Ro})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme:e})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:e.color.secondary}}),({active:e,textColor:t,theme:r})=>e?{color:t||r.barSelectedColor,borderBottomColor:r.barSelectedColor}:{color:t||r.barTextColor,borderBottomColor:"transparent"});Gr.displayName="TabButton";var Pt=_(dl,{shouldForwardProp:Ro})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active:e,theme:t})=>e?{backgroundColor:t.background.hoverable,color:t.barSelectedColor}:{},({disabled:e,theme:t})=>e?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:Ee(.88,t.color.secondary),color:t.barHoverColor},"&:focus-visible":{outline:qn},"&:focus:not(:focus-visible)":{outline:"none"}});Pt.displayName="IconButton";var Ch=_.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),kh=_.div(()=>({marginTop:6,padding:7,height:28})),_c=()=>a.createElement(kh,null,a.createElement(Ch,null)),fo=_.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});fo.displayName="Side";var _h=({children:e,className:t,scrollable:r})=>r?a.createElement(Uo,{vertical:!1,className:t},e):a.createElement("div",{className:t},e),pl=_(_h)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`,background:e.barBg}:{});pl.displayName="Bar";var Oh=_.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),Kn=({children:e,backgroundColor:t,...r})=>{let[n,o]=b.Children.toArray(e);return a.createElement(pl,{...r},a.createElement(Oh,{bgColor:t},a.createElement(fo,{scrollable:r.scrollable,left:!0},n),o?a.createElement(fo,{right:!0},o):null))};Kn.displayName="FlexBar";var Oc=_.div(({active:e})=>e?{display:"block"}:{display:"none"}),$i=e=>b.Children.toArray(e).map(({props:{title:t,id:r,color:n,children:o}})=>{let l=Array.isArray(o)?o[0]:o;return{title:t,id:r,...n?{color:n}:{},render:typeof l=="function"?l:({active:i})=>a.createElement(Oc,{active:i,role:"tabpanel"},l)}}),Th=_.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),Rh=_(Gr)(({active:e,theme:t,preActive:r})=>` +${t}`);let r=t.match(Hg);if(!r)return a.createElement(b.Fragment,null,t);let[,n,o]=r,l=t.split(/\n/).slice(1),[,...i]=l.map(u=>{let s=u.match(Zg)||u.match(Vg)||u.match(zg);return s?{name:(s[1]||"").replace("/<",""),location:s[2].replace(Pg.location.origin,"")}:null}).filter(Boolean);return a.createElement(b.Fragment,null,a.createElement("span",null,n),": ",a.createElement(jg,null,o),a.createElement("br",null),i.map((u,s)=>u.name?a.createElement(b.Fragment,{key:s}," ","at ",a.createElement(Ng,null,u.name)," (",a.createElement(Ti,null,u.location),")",a.createElement("br",null)):a.createElement(b.Fragment,{key:s}," ","at ",a.createElement(Ti,null,u.location),a.createElement("br",null))))},Ec=_.button(({small:e,theme:t})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:e?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${e?t.typography.size.s1:t.typography.size.s2-1}px`,fontWeight:t.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:e?12:14,width:e?12:14,verticalAlign:"top",marginRight:e?4:6,marginTop:e?0:-1,marginBottom:e?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled:e})=>e?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon:e,small:t})=>e?{svg:{display:"block",margin:0},...t?{padding:10}:{padding:13}}:{},({theme:e,primary:t,secondary:r,gray:n})=>{let o;return n?o=e.color.mediumlight:r?o=e.color.secondary:t&&(o=e.color.primary),o?{background:o,color:n?e.color.darkest:e.color.lightest,"&:hover":{background:Kt(.05,o)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${dt(o,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${dt(o,.2)} 0 8px 18px 0px`}}:{}},({theme:e,tertiary:t,inForm:r,small:n})=>t?{background:e.button.background,color:e.input.color,boxShadow:`${e.button.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,...r&&n?{padding:"10px 16px"}:{},"&:hover":{background:e.base==="light"?Kt(.02,e.button.background):sg(.03,e.button.background),...r?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:e.button.background},"&:focus":{boxShadow:`${dt(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme:e,outline:t})=>t?{boxShadow:`${Ee(.8,e.color.defaultText)} 0 0 0 1px inset`,color:Ee(.3,e.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${Ee(.5,e.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${Ee(.5,e.color.defaultText)} 0 0 0 2px inset`,color:Ee(0,e.color.defaultText)}}:{},({theme:e,outline:t,primary:r})=>{let n=e.color.primary;return t&&r?{boxShadow:`${n} 0 0 0 1px inset`,color:n,"svg path:not([fill])":{fill:n},"&:hover":{boxShadow:`${n} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:n,boxShadow:`${n} 0 0 0 1px inset`,color:e.color.tertiary},"&:focus":{boxShadow:`${n} 0 0 0 1px inset, ${dt(n,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${n} 0 0 0 1px inset, ${dt(n,.2)} 0 8px 18px 0px`}}:{}},({theme:e,outline:t,primary:r,secondary:n})=>{let o;return n?o=e.color.secondary:r&&(o=e.color.primary),t&&o?{boxShadow:`${o} 0 0 0 1px inset`,color:o,"svg path:not([fill])":{fill:o},"&:hover":{boxShadow:`${o} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:o,boxShadow:`${o} 0 0 0 1px inset`,color:e.color.tertiary},"&:focus":{boxShadow:`${o} 0 0 0 1px inset, ${dt(o,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${o} 0 0 0 1px inset, ${dt(o,.2)} 0 8px 18px 0px`}}:{}}),qg=Ec.withComponent("a"),xc=Object.assign(b.forwardRef(function({isLink:e,children:t,...r},n){return e?a.createElement(qg,{...r,ref:n},t):a.createElement(Ec,{...r,ref:n},t)}),{defaultProps:{isLink:!1}}),Ug=_.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Wg=_.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),wc=({label:e,children:t,...r})=>a.createElement(Ug,{...r},e?a.createElement(Wg,null,a.createElement("span",null,e)):null,t);wc.defaultProps={label:void 0};function po(){return po=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)&&(r[o]=e[o]);return r}var Ri=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},Yg=function(e,t){var r=b.useRef();return b.useCallback(function(n){e.current=n,r.current&&Ri(r.current,null),r.current=t,t&&Ri(t,n)},[t])},Kg=Yg,Xg=function(){},Jg=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],Qg=function(e,t){e.cacheMeasurements,e.maxRows,e.minRows;var r=e.onChange,n=r===void 0?Xg:r;e.onHeightChange;var o=Gg(e,Jg);o.value;var l=b.useRef(null),i=Kg(l,t);return b.useRef(0),b.useRef(),b.createElement("textarea",po({},o,{onChange:n,ref:i}))},eh=b.forwardRef(Qg),th={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},sl=({theme:e})=>({...th,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),Gn=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},Ac=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},Yn=({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},rh=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement("input",{...n,ref:o})}))(sl,Gn,Ac,Yn,{minHeight:32}),{displayName:"Input"}),nh=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement("select",{...n,ref:o})}))(sl,Gn,Yn,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),ah=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement(eh,{...n,ref:o})}))(sl,Gn,Ac,Yn,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),oh=_(b.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement(xc,{...n,ref:o})}))(Gn,Yn,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),lh=Object.assign(b.forwardRef(function(e,t){return a.createElement(oh,{...e,tertiary:!0,small:!0,inForm:!0,ref:t})}),{displayName:"Button"}),Ne=Object.assign(_.form({boxSizing:"border-box",width:"100%"}),{Field:wc,Input:rh,Select:nh,Textarea:ah,Button:lh}),ih=b.lazy(()=>jt(()=>import("./WithTooltip-V3YHNWJZ-31f0cdfa.js"),["./WithTooltip-V3YHNWJZ-31f0cdfa.js","./iframe-c4da43eb.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url).then(e=>({default:e.WithTooltip}))),sh=e=>a.createElement(b.Suspense,{fallback:a.createElement("div",null)},a.createElement(ih,{...e})),uh=b.lazy(()=>jt(()=>import("./WithTooltip-V3YHNWJZ-31f0cdfa.js"),["./WithTooltip-V3YHNWJZ-31f0cdfa.js","./iframe-c4da43eb.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url).then(e=>({default:e.WithTooltipPure}))),Sc=e=>a.createElement(b.Suspense,{fallback:a.createElement("div",null)},a.createElement(uh,{...e})),ch=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),dh=_.span(),ph=_.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),fh=_.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),mh=_.div({padding:15,width:280,boxSizing:"border-box"}),Cc=({title:e,desc:t,links:r})=>a.createElement(mh,null,a.createElement(fh,null,e&&a.createElement(ch,null,e),t&&a.createElement(dh,null,t)),r&&a.createElement(ph,null,r.map(({title:n,...o})=>a.createElement(wt,{...o,key:n},n))));Cc.defaultProps={title:null,desc:null,links:null};var gh=_.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),hh=({note:e,...t})=>a.createElement(gh,{...t},e),bh=_(({active:e,loading:t,disabled:r,...n})=>a.createElement("span",{...n}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:Ee(.7,t.color.defaultText)}:{}),yh=_.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),vh=_.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),Eh=_.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),Fi=_.span(({active:e,theme:t})=>e?{"& svg":{opacity:1},"& svg path:not([fill])":{fill:t.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),xh=_.a(({theme:e})=>({fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:e})=>e?{cursor:"not-allowed"}:{}),wh=Ht(100)((e,t,r)=>{let n={};return e&&Object.assign(n,{onClick:e}),t&&Object.assign(n,{href:t}),r&&t&&Object.assign(n,{to:t,as:r}),n}),kc=({loading:e,left:t,title:r,center:n,right:o,icon:l,active:i,disabled:u,isIndented:s,href:c,onClick:d,LinkWrapper:f,...m})=>{let p=wh(d,c,f),h={active:i,disabled:u},g=typeof l=="string"&&Pr[l];return a.createElement(xh,{...h,...m,...p},l?a.createElement(Fi,{...h},g?a.createElement(ve,{icon:l}):l):t&&a.createElement(Fi,{...h},t),r||n?a.createElement(vh,{isIndented:!t&&!l&&s},r&&a.createElement(bh,{...h,loading:e},r),n&&a.createElement(Eh,{...h},n)):null,o&&a.createElement(yh,{...h},o))};kc.defaultProps={loading:!1,left:null,title:a.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ul=kc,Ah=_.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),Sh=e=>{let{LinkWrapper:t,onClick:r,id:n,isIndented:o,...l}=e,{title:i,href:u,active:s}=l,c=b.useCallback(f=>{r(f,l)},[r]),d=!!r;return a.createElement(ul,{title:i,active:s,href:u,id:`list-item-${n}`,LinkWrapper:t,isIndented:o,...l,...d?{onClick:c}:{}})},cl=({links:e,LinkWrapper:t})=>{let r=e.some(n=>n.left||n.icon);return a.createElement(Ah,null,e.map(({isGatsby:n,...o})=>a.createElement(Sh,{key:o.id,LinkWrapper:n?t:null,isIndented:r,...o})))};cl.defaultProps={LinkWrapper:ul.defaultProps.LinkWrapper};var dl=a.forwardRef(({children:e,...t},r)=>t.href!=null?a.createElement("a",{ref:r,...t},e):a.createElement("button",{ref:r,type:"button",...t},e));dl.displayName="ButtonOrLink";var Gr=_(dl,{shouldForwardProp:Ro})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme:e})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:e.color.secondary}}),({active:e,textColor:t,theme:r})=>e?{color:t||r.barSelectedColor,borderBottomColor:r.barSelectedColor}:{color:t||r.barTextColor,borderBottomColor:"transparent"});Gr.displayName="TabButton";var Pt=_(dl,{shouldForwardProp:Ro})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active:e,theme:t})=>e?{backgroundColor:t.background.hoverable,color:t.barSelectedColor}:{},({disabled:e,theme:t})=>e?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:Ee(.88,t.color.secondary),color:t.barHoverColor},"&:focus-visible":{outline:qn},"&:focus:not(:focus-visible)":{outline:"none"}});Pt.displayName="IconButton";var Ch=_.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),kh=_.div(()=>({marginTop:6,padding:7,height:28})),_c=()=>a.createElement(kh,null,a.createElement(Ch,null)),fo=_.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});fo.displayName="Side";var _h=({children:e,className:t,scrollable:r})=>r?a.createElement(Uo,{vertical:!1,className:t},e):a.createElement("div",{className:t},e),pl=_(_h)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`,background:e.barBg}:{});pl.displayName="Bar";var Oh=_.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),Kn=({children:e,backgroundColor:t,...r})=>{let[n,o]=b.Children.toArray(e);return a.createElement(pl,{...r},a.createElement(Oh,{bgColor:t},a.createElement(fo,{scrollable:r.scrollable,left:!0},n),o?a.createElement(fo,{right:!0},o):null))};Kn.displayName="FlexBar";var Oc=_.div(({active:e})=>e?{display:"block"}:{display:"none"}),$i=e=>b.Children.toArray(e).map(({props:{title:t,id:r,color:n,children:o}})=>{let l=Array.isArray(o)?o[0]:o;return{title:t,id:r,...n?{color:n}:{},render:typeof l=="function"?l:({active:i})=>a.createElement(Oc,{active:i,role:"tabpanel"},l)}}),Th=_.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),Rh=_(Gr)(({active:e,theme:t,preActive:r})=>` color: ${r||e?t.color.secondary:t.color.mediumdark}; &:hover { color: ${t.color.secondary}; @@ -308,7 +308,7 @@ ${t}`);let r=t.match(Hg);if(!r)return a.createElement(b.Fragment,null,t);let[,n, ${Ke(.02,e.input.background)} 100%)`:`linear-gradient(to right, ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, ${$t(.02,e.input.background)} ${(n-t)/(r-t)*100}%, - ${$t(.02,e.input.background)} 100%)`,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 ${pt(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),D0=_.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),Xx=_(D0)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),Jx=_.div({display:"flex",alignItems:"center",width:"100%"});function Qx(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 e9=({name:e,value:t,onChange:r,min:n=0,max:o=100,step:l=1,onBlur:i,onFocus:u})=>{let s=f=>{r(fx(f.target.value))},c=t!==void 0,d=b.useMemo(()=>Qx(l),[l]);return a.createElement(Jx,null,a.createElement(D0,null,n),a.createElement(Kx,{id:He(e),type:"range",onChange:s,name:e,value:t,min:n,max:o,step:l,onFocus:u,onBlur:i}),a.createElement(Xx,{numberOFDecimalsPlaces:d,max:o},c?t.toFixed(d):"--"," / ",o))},t9=_.label({display:"flex"}),r9=_.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),n9=({name:e,value:t,onChange:r,onFocus:n,onBlur:o,maxLength:l})=>{let i=f=>{r(f.target.value)},[u,s]=b.useState(!1),c=b.useCallback(()=>{r(""),s(!0)},[s]);if(t===void 0)return a.createElement(Ne.Button,{id:Dn(e),onClick:c},"Set string");let d=typeof t=="string";return a.createElement(t9,null,a.createElement(Ne.Textarea,{id:He(e),maxLength:l,onChange:i,size:"flex",placeholder:"Edit string...",autoFocus:u,valid:d?null:"error",name:e,value:d?t:"",onFocus:n,onBlur:o}),l&&a.createElement(r9,{isMaxed:(t==null?void 0:t.length)===l},(t==null?void 0:t.length)??0," / ",l))},a9=_(Ne.Input)({padding:10});function o9(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var l9=({onChange:e,name:t,accept:r="image/*",value:n})=>{let o=b.useRef(null);function l(i){if(!i.target.files)return;let u=Array.from(i.target.files).map(s=>URL.createObjectURL(s));e(u),o9(n)}return b.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),a.createElement(a9,{ref:o,id:He(t),type:"file",name:t,multiple:!0,onChange:l,accept:r,size:"flex"})},i9=b.lazy(()=>jt(()=>import("./Color-6VNJS4EI-0143a265.js"),["./Color-6VNJS4EI-0143a265.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-8fd8397b.js","./iframe-9e50fff3.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-356e4a49.js"],import.meta.url)),s9=e=>a.createElement(b.Suspense,{fallback:a.createElement("div",null)},a.createElement(i9,{...e})),u9={array:Es,object:Es,boolean:ox,color:s9,date:dx,number:mx,check:Gt,"inline-check":Gt,radio:Gt,"inline-radio":Gt,select:Gt,"multi-select":Gt,range:e9,text:n9,file:l9},xs=()=>a.createElement(a.Fragment,null,"-"),c9=({row:e,arg:t,updateArgs:r,isHovered:n})=>{let{key:o,control:l}=e,[i,u]=b.useState(!1),[s,c]=b.useState({value:t});b.useEffect(()=>{i||c({value:t})},[i,t]);let d=b.useCallback(g=>(c({value:g}),r({[o]:g}),g),[r,o]),f=b.useCallback(()=>u(!1),[]),m=b.useCallback(()=>u(!0),[]);if(!l||l.disable)return n?a.createElement(wt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):a.createElement(xs,null);let p={name:o,argType:e,value:s.value,onChange:d,onBlur:f,onFocus:m},h=u9[l.type]||xs;return a.createElement(h,{...p,...l,controlType:l.type})},d9=_.span({fontWeight:"bold"}),p9=_.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),f9=_.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...gt({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),m9=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?4:0})),g9=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),h9=_.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),ln=e=>{var g;let[t,r]=b.useState(!1),{row:n,updateArgs:o,compact:l,expandable:i,initialExpandedArgs:u}=e,{name:s,description:c}=n,d=n.table||{},f=d.type||n.type,m=d.defaultValue||n.defaultValue,p=(g=n.type)==null?void 0:g.required,h=c!=null&&c!=="";return a.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},a.createElement(h9,{expandable:i},a.createElement(d9,null,s),p?a.createElement(p9,{title:"Required"},"*"):null),l?null:a.createElement("td",null,h&&a.createElement(f9,null,a.createElement(a0,null,c)),d.jsDocTags!=null?a.createElement(a.Fragment,null,a.createElement(g9,{hasDescription:h},a.createElement(Pa,{value:f,initialExpandedArgs:u})),a.createElement(W8,{tags:d.jsDocTags})):a.createElement(m9,{hasDescription:h},a.createElement(Pa,{value:f,initialExpandedArgs:u}))),l?null:a.createElement("td",null,a.createElement(Pa,{value:m,initialExpandedArgs:u})),o?a.createElement("td",null,a.createElement(c9,{...e,isHovered:t})):null)},b9=_(ve)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),y9=_.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),v9=_.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),E9=_.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),x9=_.td(()=>({position:"relative"})),w9=_.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${$t(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),ws=_.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"})),Na=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:o=3})=>{let[l,i]=b.useState(n),u=e==="subsection"?E9:v9,s=(r==null?void 0:r.length)||0,c=e==="subsection"?`${s} item${s!==1?"s":""}`:"",d=l?"arrowdown":"arrowright",f=`${l?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return a.createElement(a.Fragment,null,a.createElement(w9,{title:f},a.createElement(u,{colSpan:1},a.createElement(ws,{onClick:m=>i(!l),tabIndex:0},f),a.createElement(y9,null,a.createElement(b9,{icon:d}),t)),a.createElement(x9,{colSpan:o-1},a.createElement(ws,{onClick:m=>i(!l),tabIndex:-1,style:{outline:"none"}},f),l?null:c)),l?r:null)},sn=_.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),me=_.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),ie=_.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})),ge=[2,4,2,2],A9=()=>a.createElement(a.Fragment,null,a.createElement(sn,null,a.createElement(me,{numColumn:ge[0]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[1]},a.createElement(ie,{width:"30%"})),a.createElement(me,{numColumn:ge[2]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[3]},a.createElement(ie,{width:"60%"}))),a.createElement(sn,null,a.createElement(me,{numColumn:ge[0]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[1]},a.createElement(ie,{width:"80%"}),a.createElement(ie,{width:"30%"})),a.createElement(me,{numColumn:ge[2]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[3]},a.createElement(ie,{width:"60%"}))),a.createElement(sn,null,a.createElement(me,{numColumn:ge[0]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[1]},a.createElement(ie,{width:"80%"}),a.createElement(ie,{width:"30%"})),a.createElement(me,{numColumn:ge[2]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[3]},a.createElement(ie,{width:"60%"}))),a.createElement(sn,null,a.createElement(me,{numColumn:ge[0]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[1]},a.createElement(ie,{width:"80%"}),a.createElement(ie,{width:"30%"})),a.createElement(me,{numColumn:ge[2]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[3]},a.createElement(ie,{width:"60%"})))),S9=_.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"})),C9=_.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),k9=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textColor})),_9=_.div(({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textMutedColor})),O9=_.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),T9=_.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),R9=({inAddonPanel:e})=>{let[t,r]=b.useState(!0);return b.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:a.createElement(S9,{inAddonPanel:e},a.createElement(C9,null,a.createElement(k9,null,e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated"),a.createElement(_9,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.")),a.createElement(O9,null,e&&a.createElement(a.Fragment,null,a.createElement(wt,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},a.createElement(ve,{icon:"video"})," Watch 5m video"),a.createElement(T9,null),a.createElement(wt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Read docs")),!e&&a.createElement(wt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Learn how to set that up")))},F9=_.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?ee(.25,e.color.defaultText):ee(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),$9=_(Pt)(({theme:e})=>({color:e.barTextColor,margin:"-4px -12px -4px 0"})),D9=_.span({display:"flex",justifyContent:"space-between"}),L9={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},M9=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([l,i])=>{let{category:u,subcategory:s}=(i==null?void 0:i.table)||{};if(u){let c=r.sections[u]||{ungrouped:[],subsections:{}};if(!s)c.ungrouped.push({key:l,...i});else{let d=c.subsections[s]||[];d.push({key:l,...i}),c.subsections[s]=d}r.sections[u]=c}else if(s){let c=r.ungroupedSubsections[s]||[];c.push({key:l,...i}),r.ungroupedSubsections[s]=c}else r.ungrouped.push({key:l,...i})});let n=L9[t],o=l=>n?Object.keys(l).reduce((i,u)=>({...i,[u]:l[u].sort(n)}),{}):l;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:o(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((l,i)=>({...l,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:o(r.sections[i].subsections)}}),{})}},B9=(e,t,r)=>{try{return q0(e,t,r)}catch(n){return m8.warn(n.message),!1}},I9=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:o,initialExpandedArgs:l,sort:i="none",isLoading:u}=e;if("error"in e){let{error:w}=e;return a.createElement(v0,null,w," ",a.createElement(wt,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"))}if(u)return a.createElement(A9,null);let{rows:s,args:c,globals:d}="rows"in e&&e,f=M9(Ey(s,w=>{var v;return!((v=w==null?void 0:w.table)!=null&&v.disable)&&B9(w,c||{},d||{})}),i),m=f.ungrouped.length===0,p=Object.entries(f.sections).length===0,h=Object.entries(f.ungroupedSubsections).length===0;if(m&&p&&h)return a.createElement(R9,{inAddonPanel:o});let g=1;t&&(g+=1),n||(g+=2);let x=Object.keys(f.sections).length>0,y={updateArgs:t,compact:n,inAddonPanel:o,initialExpandedArgs:l};return a.createElement(il,null,a.createElement(F9,{compact:n,inAddonPanel:o,className:"docblock-argstable sb-unstyled"},a.createElement("thead",{className:"docblock-argstable-head"},a.createElement("tr",null,a.createElement("th",null,a.createElement("span",null,"Name")),n?null:a.createElement("th",null,a.createElement("span",null,"Description")),n?null:a.createElement("th",null,a.createElement("span",null,"Default")),t?a.createElement("th",null,a.createElement(D9,null,"Control"," ",!u&&r&&a.createElement($9,{onClick:()=>r(),title:"Reset controls"},a.createElement(ve,{icon:"undo","aria-hidden":!0})))):null)),a.createElement("tbody",{className:"docblock-argstable-body"},f.ungrouped.map(w=>a.createElement(ln,{key:w.key,row:w,arg:c&&c[w.key],...y})),Object.entries(f.ungroupedSubsections).map(([w,v])=>a.createElement(Na,{key:w,label:w,level:"subsection",colSpan:g},v.map(E=>a.createElement(ln,{key:E.key,row:E,arg:c&&c[E.key],expandable:x,...y})))),Object.entries(f.sections).map(([w,v])=>a.createElement(Na,{key:w,label:w,level:"section",colSpan:g},v.ungrouped.map(E=>a.createElement(ln,{key:E.key,row:E,arg:c&&c[E.key],...y})),Object.entries(v.subsections).map(([E,A])=>a.createElement(Na,{key:E,label:E,level:"subsection",colSpan:g},A.map(S=>a.createElement(ln,{key:S.key,row:S,arg:c&&c[S.key],expandable:x,...y})))))))))};_.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));_.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});_.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});_.div(te,({theme:e})=>({...aa(e),margin:"25px 0 40px",padding:"30px 20px"}));_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));_.div(({theme:e})=>({color:e.base==="light"?ee(.2,e.color.defaultText):ee(.6,e.color.defaultText)}));_.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});_.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));_.div({display:"flex",flexDirection:"row"});_.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));_.div(({theme:e})=>({...aa(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));_.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});_.div({flex:1,display:"flex",flexDirection:"row"});_.div({display:"flex",alignItems:"flex-start"});_.div({flex:"0 0 30%"});_.div({flex:1});_.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));_.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));_.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));_.div(({theme:e})=>({...aa(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));_.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});_.div({display:"flex",flexFlow:"row wrap"});var P9=e=>`anchor--${e}`,L0=({storyId:e,children:t})=>a.createElement("div",{id:P9(e),className:"sb-anchor"},t);$e&&$e.__DOCS_CONTEXT__===void 0&&($e.__DOCS_CONTEXT__=b.createContext(null),$e.__DOCS_CONTEXT__.displayName="DocsContext");var Ce=$e?$e.__DOCS_CONTEXT__:b.createContext(null),Yr=(e,t)=>b.useContext(Ce).resolveOf(e,t);function j9(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function N9(e,t){let r=Rl([e],t);return r&&r[0]}function Rl(e,t){let[r,n]=b.useState({});return b.useEffect(()=>{Promise.all(e.map(async o=>{let l=await t.loadStory(o);n(i=>i[o]===l?i:{...i,[o]:l})}))}),e.map(o=>{if(r[o])return r[o];try{return t.storyById(o)}catch{return null}})}function M0(e){return s8(e)}var B0=b.createContext({sources:{}}),I0="--unknown--",H9=({children:e,channel:t})=>{let[r,n]=b.useState({});return b.useEffect(()=>{let o=(l,i=null,u=!1)=>{let{id:s,args:c=void 0,source:d,format:f}=typeof l=="string"?{id:l,source:i,format:u}:l,m=c?M0(c):I0;n(p=>({...p,[s]:{...p[s],[m]:{code:d,format:f}}}))};return t.on(Pl,o),()=>t.off(Pl,o)},[]),a.createElement(B0.Provider,{value:{sources:r}},e)},Z9=(e=>(e.OPEN="open",e.CLOSED="closed",e.NONE="none",e))(Z9||{}),V9=e=>{let t=e.map(r=>{var n,o;return(o=(n=r.parameters.docs)==null?void 0:n.source)==null?void 0:o.state}).filter(Boolean);return t.length===0?"closed":t[0]},z9=(e,t,r)=>{let{sources:n}=r,o=n==null?void 0:n[e];return(o==null?void 0:o[M0(t)])||(o==null?void 0:o[I0])||{code:""}},q9=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var s,c,d,f,m,p;let{__isArgsStory:o}=t.parameters,l=((s=t.parameters.docs)==null?void 0:s.source)||{},i=r||l.type||ua.AUTO;if(l.code!==void 0)return l.code;let u=i===ua.DYNAMIC||i===ua.AUTO&&e&&o?e:l.originalSource||"";return l.transformSource&&pe(xe`The \`transformSource\` parameter at \`parameters.docs.source.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead. + ${$t(.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 ${pt(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),D0=_.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),Xx=_(D0)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),Jx=_.div({display:"flex",alignItems:"center",width:"100%"});function Qx(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 e9=({name:e,value:t,onChange:r,min:n=0,max:o=100,step:l=1,onBlur:i,onFocus:u})=>{let s=f=>{r(fx(f.target.value))},c=t!==void 0,d=b.useMemo(()=>Qx(l),[l]);return a.createElement(Jx,null,a.createElement(D0,null,n),a.createElement(Kx,{id:He(e),type:"range",onChange:s,name:e,value:t,min:n,max:o,step:l,onFocus:u,onBlur:i}),a.createElement(Xx,{numberOFDecimalsPlaces:d,max:o},c?t.toFixed(d):"--"," / ",o))},t9=_.label({display:"flex"}),r9=_.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),n9=({name:e,value:t,onChange:r,onFocus:n,onBlur:o,maxLength:l})=>{let i=f=>{r(f.target.value)},[u,s]=b.useState(!1),c=b.useCallback(()=>{r(""),s(!0)},[s]);if(t===void 0)return a.createElement(Ne.Button,{id:Dn(e),onClick:c},"Set string");let d=typeof t=="string";return a.createElement(t9,null,a.createElement(Ne.Textarea,{id:He(e),maxLength:l,onChange:i,size:"flex",placeholder:"Edit string...",autoFocus:u,valid:d?null:"error",name:e,value:d?t:"",onFocus:n,onBlur:o}),l&&a.createElement(r9,{isMaxed:(t==null?void 0:t.length)===l},(t==null?void 0:t.length)??0," / ",l))},a9=_(Ne.Input)({padding:10});function o9(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var l9=({onChange:e,name:t,accept:r="image/*",value:n})=>{let o=b.useRef(null);function l(i){if(!i.target.files)return;let u=Array.from(i.target.files).map(s=>URL.createObjectURL(s));e(u),o9(n)}return b.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),a.createElement(a9,{ref:o,id:He(t),type:"file",name:t,multiple:!0,onChange:l,accept:r,size:"flex"})},i9=b.lazy(()=>jt(()=>import("./Color-6VNJS4EI-bba0351f.js"),["./Color-6VNJS4EI-bba0351f.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-8fd8397b.js","./iframe-c4da43eb.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-356e4a49.js"],import.meta.url)),s9=e=>a.createElement(b.Suspense,{fallback:a.createElement("div",null)},a.createElement(i9,{...e})),u9={array:Es,object:Es,boolean:ox,color:s9,date:dx,number:mx,check:Gt,"inline-check":Gt,radio:Gt,"inline-radio":Gt,select:Gt,"multi-select":Gt,range:e9,text:n9,file:l9},xs=()=>a.createElement(a.Fragment,null,"-"),c9=({row:e,arg:t,updateArgs:r,isHovered:n})=>{let{key:o,control:l}=e,[i,u]=b.useState(!1),[s,c]=b.useState({value:t});b.useEffect(()=>{i||c({value:t})},[i,t]);let d=b.useCallback(g=>(c({value:g}),r({[o]:g}),g),[r,o]),f=b.useCallback(()=>u(!1),[]),m=b.useCallback(()=>u(!0),[]);if(!l||l.disable)return n?a.createElement(wt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):a.createElement(xs,null);let p={name:o,argType:e,value:s.value,onChange:d,onBlur:f,onFocus:m},h=u9[l.type]||xs;return a.createElement(h,{...p,...l,controlType:l.type})},d9=_.span({fontWeight:"bold"}),p9=_.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),f9=_.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...gt({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),m9=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?4:0})),g9=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),h9=_.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),ln=e=>{var g;let[t,r]=b.useState(!1),{row:n,updateArgs:o,compact:l,expandable:i,initialExpandedArgs:u}=e,{name:s,description:c}=n,d=n.table||{},f=d.type||n.type,m=d.defaultValue||n.defaultValue,p=(g=n.type)==null?void 0:g.required,h=c!=null&&c!=="";return a.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},a.createElement(h9,{expandable:i},a.createElement(d9,null,s),p?a.createElement(p9,{title:"Required"},"*"):null),l?null:a.createElement("td",null,h&&a.createElement(f9,null,a.createElement(a0,null,c)),d.jsDocTags!=null?a.createElement(a.Fragment,null,a.createElement(g9,{hasDescription:h},a.createElement(Pa,{value:f,initialExpandedArgs:u})),a.createElement(W8,{tags:d.jsDocTags})):a.createElement(m9,{hasDescription:h},a.createElement(Pa,{value:f,initialExpandedArgs:u}))),l?null:a.createElement("td",null,a.createElement(Pa,{value:m,initialExpandedArgs:u})),o?a.createElement("td",null,a.createElement(c9,{...e,isHovered:t})):null)},b9=_(ve)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),y9=_.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),v9=_.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),E9=_.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),x9=_.td(()=>({position:"relative"})),w9=_.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${$t(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),ws=_.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"})),Na=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:o=3})=>{let[l,i]=b.useState(n),u=e==="subsection"?E9:v9,s=(r==null?void 0:r.length)||0,c=e==="subsection"?`${s} item${s!==1?"s":""}`:"",d=l?"arrowdown":"arrowright",f=`${l?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return a.createElement(a.Fragment,null,a.createElement(w9,{title:f},a.createElement(u,{colSpan:1},a.createElement(ws,{onClick:m=>i(!l),tabIndex:0},f),a.createElement(y9,null,a.createElement(b9,{icon:d}),t)),a.createElement(x9,{colSpan:o-1},a.createElement(ws,{onClick:m=>i(!l),tabIndex:-1,style:{outline:"none"}},f),l?null:c)),l?r:null)},sn=_.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),me=_.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),ie=_.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})),ge=[2,4,2,2],A9=()=>a.createElement(a.Fragment,null,a.createElement(sn,null,a.createElement(me,{numColumn:ge[0]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[1]},a.createElement(ie,{width:"30%"})),a.createElement(me,{numColumn:ge[2]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[3]},a.createElement(ie,{width:"60%"}))),a.createElement(sn,null,a.createElement(me,{numColumn:ge[0]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[1]},a.createElement(ie,{width:"80%"}),a.createElement(ie,{width:"30%"})),a.createElement(me,{numColumn:ge[2]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[3]},a.createElement(ie,{width:"60%"}))),a.createElement(sn,null,a.createElement(me,{numColumn:ge[0]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[1]},a.createElement(ie,{width:"80%"}),a.createElement(ie,{width:"30%"})),a.createElement(me,{numColumn:ge[2]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[3]},a.createElement(ie,{width:"60%"}))),a.createElement(sn,null,a.createElement(me,{numColumn:ge[0]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[1]},a.createElement(ie,{width:"80%"}),a.createElement(ie,{width:"30%"})),a.createElement(me,{numColumn:ge[2]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[3]},a.createElement(ie,{width:"60%"})))),S9=_.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"})),C9=_.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),k9=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textColor})),_9=_.div(({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textMutedColor})),O9=_.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),T9=_.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),R9=({inAddonPanel:e})=>{let[t,r]=b.useState(!0);return b.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:a.createElement(S9,{inAddonPanel:e},a.createElement(C9,null,a.createElement(k9,null,e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated"),a.createElement(_9,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.")),a.createElement(O9,null,e&&a.createElement(a.Fragment,null,a.createElement(wt,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},a.createElement(ve,{icon:"video"})," Watch 5m video"),a.createElement(T9,null),a.createElement(wt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Read docs")),!e&&a.createElement(wt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Learn how to set that up")))},F9=_.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?ee(.25,e.color.defaultText):ee(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),$9=_(Pt)(({theme:e})=>({color:e.barTextColor,margin:"-4px -12px -4px 0"})),D9=_.span({display:"flex",justifyContent:"space-between"}),L9={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},M9=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([l,i])=>{let{category:u,subcategory:s}=(i==null?void 0:i.table)||{};if(u){let c=r.sections[u]||{ungrouped:[],subsections:{}};if(!s)c.ungrouped.push({key:l,...i});else{let d=c.subsections[s]||[];d.push({key:l,...i}),c.subsections[s]=d}r.sections[u]=c}else if(s){let c=r.ungroupedSubsections[s]||[];c.push({key:l,...i}),r.ungroupedSubsections[s]=c}else r.ungrouped.push({key:l,...i})});let n=L9[t],o=l=>n?Object.keys(l).reduce((i,u)=>({...i,[u]:l[u].sort(n)}),{}):l;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:o(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((l,i)=>({...l,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:o(r.sections[i].subsections)}}),{})}},B9=(e,t,r)=>{try{return q0(e,t,r)}catch(n){return m8.warn(n.message),!1}},I9=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:o,initialExpandedArgs:l,sort:i="none",isLoading:u}=e;if("error"in e){let{error:w}=e;return a.createElement(v0,null,w," ",a.createElement(wt,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"))}if(u)return a.createElement(A9,null);let{rows:s,args:c,globals:d}="rows"in e&&e,f=M9(Ey(s,w=>{var v;return!((v=w==null?void 0:w.table)!=null&&v.disable)&&B9(w,c||{},d||{})}),i),m=f.ungrouped.length===0,p=Object.entries(f.sections).length===0,h=Object.entries(f.ungroupedSubsections).length===0;if(m&&p&&h)return a.createElement(R9,{inAddonPanel:o});let g=1;t&&(g+=1),n||(g+=2);let x=Object.keys(f.sections).length>0,y={updateArgs:t,compact:n,inAddonPanel:o,initialExpandedArgs:l};return a.createElement(il,null,a.createElement(F9,{compact:n,inAddonPanel:o,className:"docblock-argstable sb-unstyled"},a.createElement("thead",{className:"docblock-argstable-head"},a.createElement("tr",null,a.createElement("th",null,a.createElement("span",null,"Name")),n?null:a.createElement("th",null,a.createElement("span",null,"Description")),n?null:a.createElement("th",null,a.createElement("span",null,"Default")),t?a.createElement("th",null,a.createElement(D9,null,"Control"," ",!u&&r&&a.createElement($9,{onClick:()=>r(),title:"Reset controls"},a.createElement(ve,{icon:"undo","aria-hidden":!0})))):null)),a.createElement("tbody",{className:"docblock-argstable-body"},f.ungrouped.map(w=>a.createElement(ln,{key:w.key,row:w,arg:c&&c[w.key],...y})),Object.entries(f.ungroupedSubsections).map(([w,v])=>a.createElement(Na,{key:w,label:w,level:"subsection",colSpan:g},v.map(E=>a.createElement(ln,{key:E.key,row:E,arg:c&&c[E.key],expandable:x,...y})))),Object.entries(f.sections).map(([w,v])=>a.createElement(Na,{key:w,label:w,level:"section",colSpan:g},v.ungrouped.map(E=>a.createElement(ln,{key:E.key,row:E,arg:c&&c[E.key],...y})),Object.entries(v.subsections).map(([E,A])=>a.createElement(Na,{key:E,label:E,level:"subsection",colSpan:g},A.map(S=>a.createElement(ln,{key:S.key,row:S,arg:c&&c[S.key],expandable:x,...y})))))))))};_.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));_.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});_.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});_.div(te,({theme:e})=>({...aa(e),margin:"25px 0 40px",padding:"30px 20px"}));_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));_.div(({theme:e})=>({color:e.base==="light"?ee(.2,e.color.defaultText):ee(.6,e.color.defaultText)}));_.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});_.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));_.div({display:"flex",flexDirection:"row"});_.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));_.div(({theme:e})=>({...aa(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));_.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});_.div({flex:1,display:"flex",flexDirection:"row"});_.div({display:"flex",alignItems:"flex-start"});_.div({flex:"0 0 30%"});_.div({flex:1});_.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));_.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));_.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));_.div(({theme:e})=>({...aa(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));_.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});_.div({display:"flex",flexFlow:"row wrap"});var P9=e=>`anchor--${e}`,L0=({storyId:e,children:t})=>a.createElement("div",{id:P9(e),className:"sb-anchor"},t);$e&&$e.__DOCS_CONTEXT__===void 0&&($e.__DOCS_CONTEXT__=b.createContext(null),$e.__DOCS_CONTEXT__.displayName="DocsContext");var Ce=$e?$e.__DOCS_CONTEXT__:b.createContext(null),Yr=(e,t)=>b.useContext(Ce).resolveOf(e,t);function j9(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function N9(e,t){let r=Rl([e],t);return r&&r[0]}function Rl(e,t){let[r,n]=b.useState({});return b.useEffect(()=>{Promise.all(e.map(async o=>{let l=await t.loadStory(o);n(i=>i[o]===l?i:{...i,[o]:l})}))}),e.map(o=>{if(r[o])return r[o];try{return t.storyById(o)}catch{return null}})}function M0(e){return s8(e)}var B0=b.createContext({sources:{}}),I0="--unknown--",H9=({children:e,channel:t})=>{let[r,n]=b.useState({});return b.useEffect(()=>{let o=(l,i=null,u=!1)=>{let{id:s,args:c=void 0,source:d,format:f}=typeof l=="string"?{id:l,source:i,format:u}:l,m=c?M0(c):I0;n(p=>({...p,[s]:{...p[s],[m]:{code:d,format:f}}}))};return t.on(Pl,o),()=>t.off(Pl,o)},[]),a.createElement(B0.Provider,{value:{sources:r}},e)},Z9=(e=>(e.OPEN="open",e.CLOSED="closed",e.NONE="none",e))(Z9||{}),V9=e=>{let t=e.map(r=>{var n,o;return(o=(n=r.parameters.docs)==null?void 0:n.source)==null?void 0:o.state}).filter(Boolean);return t.length===0?"closed":t[0]},z9=(e,t,r)=>{let{sources:n}=r,o=n==null?void 0:n[e];return(o==null?void 0:o[M0(t)])||(o==null?void 0:o[I0])||{code:""}},q9=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var s,c,d,f,m,p;let{__isArgsStory:o}=t.parameters,l=((s=t.parameters.docs)==null?void 0:s.source)||{},i=r||l.type||ua.AUTO;if(l.code!==void 0)return l.code;let u=i===ua.DYNAMIC||i===ua.AUTO&&e&&o?e:l.originalSource||"";return l.transformSource&&pe(xe`The \`transformSource\` parameter at \`parameters.docs.source.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead. Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#source-block `),(c=t.parameters.docs)!=null&&c.transformSource&&pe(xe`The \`transformSource\` parameter at \`parameters.docs.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead. diff --git a/assets/preview-6c8c1815.js b/assets/preview-6c8c1815.js deleted file mode 100644 index 6c030014..00000000 --- a/assets/preview-6c8c1815.js +++ /dev/null @@ -1 +0,0 @@ -import{_ as e}from"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-0628bca0.js"),["./DocsRenderer-NNNQARDV-0628bca0.js","./chunk-HLWAVYOI-559df494.js","./iframe-9e50fff3.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./react-18-988a5df2.js","./index-d3ea75b5.js","./index-78a2083d.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url);return new r}}};export{a as parameters}; diff --git a/assets/preview-da20f919.js b/assets/preview-da20f919.js new file mode 100644 index 00000000..54b05e6a --- /dev/null +++ b/assets/preview-da20f919.js @@ -0,0 +1 @@ +import{_ as e}from"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-49a9705b.js"),["./DocsRenderer-NNNQARDV-49a9705b.js","./chunk-HLWAVYOI-b2dddfb9.js","./iframe-c4da43eb.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./react-18-988a5df2.js","./index-d3ea75b5.js","./index-43890eef.js","./index-11d98b33.js","./index-8fd8397b.js","./index-356e4a49.js"],import.meta.url);return new r}}};export{a as parameters}; diff --git a/assets/syntaxhighlighter-V7JZZA35-024ebedc.js b/assets/syntaxhighlighter-V7JZZA35-14187bd4.js similarity index 65% rename from assets/syntaxhighlighter-V7JZZA35-024ebedc.js rename to assets/syntaxhighlighter-V7JZZA35-14187bd4.js index 37e0c87c..380802c0 100644 --- a/assets/syntaxhighlighter-V7JZZA35-024ebedc.js +++ b/assets/syntaxhighlighter-V7JZZA35-14187bd4.js @@ -1 +1 @@ -import{S as l,c as n,s as d}from"./index-78a2083d.js";import"./iframe-9e50fff3.js";import"../sb-preview/runtime.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";export{l as SyntaxHighlighter,n as createCopyToClipboardFunction,d as default}; +import{S as l,c as n,s as d}from"./index-43890eef.js";import"./iframe-c4da43eb.js";import"../sb-preview/runtime.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";export{l as SyntaxHighlighter,n as createCopyToClipboardFunction,d as default}; diff --git a/assets/useAction-275346b1.js b/assets/useAction-275346b1.js new file mode 100644 index 00000000..d1096c1a --- /dev/null +++ b/assets/useAction-275346b1.js @@ -0,0 +1 @@ +const s=r=>Array.isArray(r)?r:[r,void 0];export{s as u}; diff --git a/assets/useAction-291fcc9d.js b/assets/useAction-291fcc9d.js deleted file mode 100644 index 1032eede..00000000 --- a/assets/useAction-291fcc9d.js +++ /dev/null @@ -1 +0,0 @@ -import{I as h,v as m}from"./preview-errors-dde4324f.js";const{addons:E}=__STORYBOOK_MODULE_PREVIEW_API__,{global:O}=__STORYBOOK_MODULE_GLOBAL__;var R="storybook/actions",A=`${R}/action-event`,v={depth:10,clearOnStoryChange:!0,limit:50},d=(t,o)=>{let e=Object.getPrototypeOf(t);return!e||o(e)?e:d(e,o)},w=t=>!!(typeof t=="object"&&t&&d(t,o=>/^Synthetic(?:Base)?Event$/.test(o.constructor.name))&&typeof t.persist=="function"),D=t=>{if(w(t)){let o=Object.create(t.constructor.prototype,Object.getOwnPropertyDescriptors(t));o.persist();let e=Object.getOwnPropertyDescriptor(o,"view"),n=e==null?void 0:e.value;return typeof n=="object"&&(n==null?void 0:n.constructor.name)==="Window"&&Object.defineProperty(o,"view",{...e,value:Object.create(n.constructor.prototype)}),o}return t},b=()=>typeof crypto=="object"&&typeof crypto.getRandomValues=="function"?m():Date.now().toString(36)+Math.random().toString(36).substring(2);function S(t,o={}){let e={...v,...o},n=function(...i){var s,a;if(o.implicit){let p=(s="__STORYBOOK_PREVIEW__"in O?O.__STORYBOOK_PREVIEW__:void 0)==null?void 0:s.storyRenders.find(r=>r.phase==="playing"||r.phase==="rendering");if(p){let r=!((a=window==null?void 0:window.FEATURES)!=null&&a.disallowImplicitActionsInRenderV8),l=new h({phase:p.phase,name:t,deprecated:r});if(r)console.warn(l);else throw l}}let _=E.getChannel(),y=b(),u=5,c=i.map(D),g=i.length>1?c:c[0],f={id:y,count:0,data:{name:t,args:g},options:{...e,maxDepth:u+(e.depth||3),allowFunction:e.allowFunction||!1}};_.emit(A,f)};return n.isAction=!0,n}const j=t=>Array.isArray(t)?t:[t,void 0];export{S as a,j as u}; diff --git a/iframe.html b/iframe.html index fb87a2f9..ada7787d 100644 --- a/iframe.html +++ b/iframe.html @@ -370,7 +370,7 @@ } - + diff --git a/index.json b/index.json index a3d2004d..d1f96ad3 100644 --- a/index.json +++ b/index.json @@ -1 +1 @@ -{"v":4,"entries":{"alertbanner--docs":{"id":"alertbanner--docs","title":"AlertBanner","name":"Docs","importPath":"./src/components/AlertBanner/AlertBanner.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"alertbanner--default":{"type":"story","id":"alertbanner--default","name":"Default","title":"AlertBanner","importPath":"./src/components/AlertBanner/AlertBanner.stories.tsx","tags":["autodocs","story"]},"alertbanner--positive":{"type":"story","id":"alertbanner--positive","name":"Positive","title":"AlertBanner","importPath":"./src/components/AlertBanner/AlertBanner.stories.tsx","tags":["autodocs","story"]},"alertbanner--warning":{"type":"story","id":"alertbanner--warning","name":"Warning","title":"AlertBanner","importPath":"./src/components/AlertBanner/AlertBanner.stories.tsx","tags":["autodocs","story"]},"alertbanner--negative":{"type":"story","id":"alertbanner--negative","name":"Negative","title":"AlertBanner","importPath":"./src/components/AlertBanner/AlertBanner.stories.tsx","tags":["autodocs","story"]},"avatar--docs":{"id":"avatar--docs","title":"Avatar","name":"Docs","importPath":"./src/components/Avatar/Avatar.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"avatar--initials":{"type":"story","id":"avatar--initials","name":"Initials","title":"Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["autodocs","story"]},"avatar--image":{"type":"story","id":"avatar--image","name":"Image","title":"Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["autodocs","story"]},"badge--docs":{"id":"badge--docs","title":"Badge","name":"Docs","importPath":"./src/components/Badge/Badge.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"badge--default":{"type":"story","id":"badge--default","name":"Default","title":"Badge","importPath":"./src/components/Badge/Badge.stories.tsx","tags":["autodocs","story"]},"badge--icon":{"type":"story","id":"badge--icon","name":"Icon","title":"Badge","importPath":"./src/components/Badge/Badge.stories.tsx","tags":["autodocs","story"]},"badge--label-icons":{"type":"story","id":"badge--label-icons","name":"Label Icons","title":"Badge","importPath":"./src/components/Badge/Badge.stories.tsx","tags":["autodocs","story"]},"button--docs":{"id":"button--docs","title":"Button","name":"Docs","importPath":"./src/components/Button/Button.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"button--default":{"type":"story","id":"button--default","name":"Default","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--default-loading":{"type":"story","id":"button--default-loading","name":"Default Loading","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--default-disabled":{"type":"story","id":"button--default-disabled","name":"Default Disabled","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--default-before-icon":{"type":"story","id":"button--default-before-icon","name":"Default Before Icon","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--default-after-icon":{"type":"story","id":"button--default-after-icon","name":"Default After Icon","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--default-dropdown":{"type":"story","id":"button--default-dropdown","name":"Default Dropdown","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--ghost":{"type":"story","id":"button--ghost","name":"Ghost","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--ghost-loading":{"type":"story","id":"button--ghost-loading","name":"Ghost Loading","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--ghost-disabled":{"type":"story","id":"button--ghost-disabled","name":"Ghost Disabled","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--bare":{"type":"story","id":"button--bare","name":"Bare","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--bare-loading":{"type":"story","id":"button--bare-loading","name":"Bare Loading","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--bare-disabled":{"type":"story","id":"button--bare-disabled","name":"Bare Disabled","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"card--docs":{"id":"card--docs","title":"Card","name":"Docs","importPath":"./src/components/Card/Card.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"card--default":{"type":"story","id":"card--default","name":"Default","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"]},"card--content":{"type":"story","id":"card--content","name":"Content","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"]},"card--header":{"type":"story","id":"card--header","name":"Header","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"]},"card--header-description":{"type":"story","id":"card--header-description","name":"Header Description","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"]},"card--header-icon":{"type":"story","id":"card--header-icon","name":"Header Icon","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"]},"card--header-avatar":{"type":"story","id":"card--header-avatar","name":"Header Avatar","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"]},"card--header-actions":{"type":"story","id":"card--header-actions","name":"Header Actions","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"]},"card--footer":{"type":"story","id":"card--footer","name":"Footer","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"]},"checkbox--docs":{"id":"checkbox--docs","title":"Checkbox","name":"Docs","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"checkbox--default":{"type":"story","id":"checkbox--default","name":"Default","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"]},"checkbox--checked":{"type":"story","id":"checkbox--checked","name":"Checked","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"]},"checkbox--indeterminate":{"type":"story","id":"checkbox--indeterminate","name":"Indeterminate","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"]},"checkbox--disabled":{"type":"story","id":"checkbox--disabled","name":"Disabled","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"]},"checkbox--alert":{"type":"story","id":"checkbox--alert","name":"Alert","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"]},"checkbox--label":{"type":"story","id":"checkbox--label","name":"Label","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"]},"checkbox--helper-text":{"type":"story","id":"checkbox--helper-text","name":"Helper Text","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"]},"checkboxgroup--docs":{"id":"checkboxgroup--docs","title":"CheckboxGroup","name":"Docs","importPath":"./src/components/CheckboxGroup/CheckboxGroup.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"checkboxgroup--horizontal":{"type":"story","id":"checkboxgroup--horizontal","name":"Horizontal","title":"CheckboxGroup","importPath":"./src/components/CheckboxGroup/CheckboxGroup.stories.tsx","tags":["autodocs","story"]},"checkboxgroup--vertical":{"type":"story","id":"checkboxgroup--vertical","name":"Vertical","title":"CheckboxGroup","importPath":"./src/components/CheckboxGroup/CheckboxGroup.stories.tsx","tags":["autodocs","story"]},"counter--docs":{"id":"counter--docs","title":"Counter","name":"Docs","importPath":"./src/components/Counter/Counter.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"counter--default":{"type":"story","id":"counter--default","name":"Default","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--red":{"type":"story","id":"counter--red","name":"Red","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--grey":{"type":"story","id":"counter--grey","name":"Grey","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--blue":{"type":"story","id":"counter--blue","name":"Blue","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--green":{"type":"story","id":"counter--green","name":"Green","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--orange":{"type":"story","id":"counter--orange","name":"Orange","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--default-high":{"type":"story","id":"counter--default-high","name":"Default High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--red-high":{"type":"story","id":"counter--red-high","name":"Red High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--grey-high":{"type":"story","id":"counter--grey-high","name":"Grey High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--blue-high":{"type":"story","id":"counter--blue-high","name":"Blue High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--green-high":{"type":"story","id":"counter--green-high","name":"Green High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--orange-high":{"type":"story","id":"counter--orange-high","name":"Orange High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"divider--docs":{"id":"divider--docs","title":"Divider","name":"Docs","importPath":"./src/components/Divider/Divider.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"divider--default":{"type":"story","id":"divider--default","name":"Default","title":"Divider","importPath":"./src/components/Divider/Divider.stories.tsx","tags":["autodocs","story"]},"divider--vertical":{"type":"story","id":"divider--vertical","name":"Vertical","title":"Divider","importPath":"./src/components/Divider/Divider.stories.tsx","tags":["autodocs","story"]},"global-primitives-helpertext--docs":{"id":"global-primitives-helpertext--docs","title":"Global Primitives / HelperText","name":"Docs","importPath":"./src/components/HelperText/HelperText.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"global-primitives-helpertext--default":{"type":"story","id":"global-primitives-helpertext--default","name":"Default","title":"Global Primitives / HelperText","importPath":"./src/components/HelperText/HelperText.stories.tsx","tags":["autodocs","story"]},"global-primitives-helpertext--default-with-icon":{"type":"story","id":"global-primitives-helpertext--default-with-icon","name":"Default With Icon","title":"Global Primitives / HelperText","importPath":"./src/components/HelperText/HelperText.stories.tsx","tags":["autodocs","story"]},"global-primitives-helpertext--default-with-counter":{"type":"story","id":"global-primitives-helpertext--default-with-counter","name":"Default With Counter","title":"Global Primitives / HelperText","importPath":"./src/components/HelperText/HelperText.stories.tsx","tags":["autodocs","story"]},"foundations-icon--docs":{"id":"foundations-icon--docs","title":"Foundations / Icon","name":"Docs","importPath":"./src/components/Icon/Icon.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"foundations-icon--default":{"type":"story","id":"foundations-icon--default","name":"Default","title":"Foundations / Icon","importPath":"./src/components/Icon/Icon.stories.tsx","tags":["autodocs","story"]},"iconbutton--docs":{"id":"iconbutton--docs","title":"IconButton","name":"Docs","importPath":"./src/components/IconButton/IconButton.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"iconbutton--default":{"type":"story","id":"iconbutton--default","name":"Default","title":"IconButton","importPath":"./src/components/IconButton/IconButton.stories.tsx","tags":["autodocs","story"]},"iconbutton--clickable":{"type":"story","id":"iconbutton--clickable","name":"Clickable","title":"IconButton","importPath":"./src/components/IconButton/IconButton.stories.tsx","tags":["autodocs","story"]},"inlinebanner--docs":{"id":"inlinebanner--docs","title":"InlineBanner","name":"Docs","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"inlinebanner--default":{"type":"story","id":"inlinebanner--default","name":"Default","title":"InlineBanner","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","story"]},"inlinebanner--informative":{"type":"story","id":"inlinebanner--informative","name":"Informative","title":"InlineBanner","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","story"]},"inlinebanner--success":{"type":"story","id":"inlinebanner--success","name":"Success","title":"InlineBanner","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","story"]},"inlinebanner--warning":{"type":"story","id":"inlinebanner--warning","name":"Warning","title":"InlineBanner","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","story"]},"inlinebanner--negative":{"type":"story","id":"inlinebanner--negative","name":"Negative","title":"InlineBanner","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","story"]},"inlinemessage--docs":{"id":"inlinemessage--docs","title":"InlineMessage","name":"Docs","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"inlinemessage--informative":{"type":"story","id":"inlinemessage--informative","name":"Informative","title":"InlineMessage","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","story"]},"inlinemessage--success":{"type":"story","id":"inlinemessage--success","name":"Success","title":"InlineMessage","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","story"]},"inlinemessage--warning":{"type":"story","id":"inlinemessage--warning","name":"Warning","title":"InlineMessage","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","story"]},"inlinemessage--negative":{"type":"story","id":"inlinemessage--negative","name":"Negative","title":"InlineMessage","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","story"]},"inlinemessage--informative-with-very-long-description":{"type":"story","id":"inlinemessage--informative-with-very-long-description","name":"Informative With Very Long Description","title":"InlineMessage","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","story"]},"inlinesearchinput--docs":{"id":"inlinesearchinput--docs","title":"InlineSearchInput","name":"Docs","importPath":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"inlinesearchinput--default":{"type":"story","id":"inlinesearchinput--default","name":"Default","title":"InlineSearchInput","importPath":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx","tags":["autodocs","story"]},"inlinesearchinput--filled":{"type":"story","id":"inlinesearchinput--filled","name":"Filled","title":"InlineSearchInput","importPath":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx","tags":["autodocs","story"]},"inlinesearchinput--disabled":{"type":"story","id":"inlinesearchinput--disabled","name":"Disabled","title":"InlineSearchInput","importPath":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx","tags":["autodocs","story"]},"global-primitives-label--docs":{"id":"global-primitives-label--docs","title":"Global Primitives / Label","name":"Docs","importPath":"./src/components/Label/Label.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"global-primitives-label--default":{"type":"story","id":"global-primitives-label--default","name":"Default","title":"Global Primitives / Label","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","story"]},"global-primitives-label--optional":{"type":"story","id":"global-primitives-label--optional","name":"Optional","title":"Global Primitives / Label","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","story"]},"global-primitives-label--tooltip":{"type":"story","id":"global-primitives-label--tooltip","name":"Tooltip","title":"Global Primitives / Label","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","story"]},"global-primitives-label--action":{"type":"story","id":"global-primitives-label--action","name":"Action","title":"Global Primitives / Label","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","story"]},"global-primitives-label--all":{"type":"story","id":"global-primitives-label--all","name":"All","title":"Global Primitives / Label","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","story"]},"loader--docs":{"id":"loader--docs","title":"Loader","name":"Docs","importPath":"./src/components/Loader/Loader.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"loader--default-circle":{"type":"story","id":"loader--default-circle","name":"Default Circle","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"]},"loader--default-bar":{"type":"story","id":"loader--default-bar","name":"Default Bar","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"]},"loader--progress-circle":{"type":"story","id":"loader--progress-circle","name":"Progress Circle","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"]},"loader--progress-bar":{"type":"story","id":"loader--progress-bar","name":"Progress Bar","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"]},"loader--white":{"type":"story","id":"loader--white","name":"White","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"]},"loader--inverted":{"type":"story","id":"loader--inverted","name":"Inverted","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"]},"loader--greyscale":{"type":"story","id":"loader--greyscale","name":"Greyscale","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"]},"popover--docs":{"id":"popover--docs","title":"Popover","name":"Docs","importPath":"./src/components/Popover/Popover.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"popover--default":{"type":"story","id":"popover--default","name":"Default","title":"Popover","importPath":"./src/components/Popover/Popover.stories.tsx","tags":["autodocs","story"]},"popover--open":{"type":"story","id":"popover--open","name":"Open","title":"Popover","importPath":"./src/components/Popover/Popover.stories.tsx","tags":["autodocs","story"]},"popover--custom-content":{"type":"story","id":"popover--custom-content","name":"Custom Content","title":"Popover","importPath":"./src/components/Popover/Popover.stories.tsx","tags":["autodocs","story"]},"radiobutton--docs":{"id":"radiobutton--docs","title":"RadioButton","name":"Docs","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"radiobutton--default":{"type":"story","id":"radiobutton--default","name":"Default","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"]},"radiobutton--checked":{"type":"story","id":"radiobutton--checked","name":"Checked","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"]},"radiobutton--multiple":{"type":"story","id":"radiobutton--multiple","name":"Multiple","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"]},"radiobutton--disabled":{"type":"story","id":"radiobutton--disabled","name":"Disabled","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"]},"radiobutton--alert":{"type":"story","id":"radiobutton--alert","name":"Alert","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"]},"radiobutton--label":{"type":"story","id":"radiobutton--label","name":"Label","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"]},"radiobutton--helper-text":{"type":"story","id":"radiobutton--helper-text","name":"Helper Text","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"]},"radiobutton--alert-helper-text":{"type":"story","id":"radiobutton--alert-helper-text","name":"Alert Helper Text","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"]},"radiobuttongroup--docs":{"id":"radiobuttongroup--docs","title":"RadioButtonGroup","name":"Docs","importPath":"./src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"radiobuttongroup--horizontal":{"type":"story","id":"radiobuttongroup--horizontal","name":"Horizontal","title":"RadioButtonGroup","importPath":"./src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx","tags":["autodocs","story"]},"radiobuttongroup--vertical":{"type":"story","id":"radiobuttongroup--vertical","name":"Vertical","title":"RadioButtonGroup","importPath":"./src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx","tags":["autodocs","story"]},"searchinput--docs":{"id":"searchinput--docs","title":"SearchInput","name":"Docs","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"searchinput--default":{"type":"story","id":"searchinput--default","name":"Default","title":"SearchInput","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","story"]},"searchinput--filled":{"type":"story","id":"searchinput--filled","name":"Filled","title":"SearchInput","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","story"]},"searchinput--disabled":{"type":"story","id":"searchinput--disabled","name":"Disabled","title":"SearchInput","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","story"]},"searchinput--dropdown":{"type":"story","id":"searchinput--dropdown","name":"Dropdown","title":"SearchInput","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","story"]},"searchinput--icon-button":{"type":"story","id":"searchinput--icon-button","name":"Icon Button","title":"SearchInput","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","story"]},"select--docs":{"id":"select--docs","title":"Select","name":"Docs","importPath":"./src/components/Select/Select.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"select--default":{"type":"story","id":"select--default","name":"Default","title":"Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"]},"select--disabled":{"type":"story","id":"select--disabled","name":"Disabled","title":"Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"]},"select--alert":{"type":"story","id":"select--alert","name":"Alert","title":"Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"]},"select--before-icon-component":{"type":"story","id":"select--before-icon-component","name":"Before Icon Component","title":"Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"]},"select--before-avatar-component":{"type":"story","id":"select--before-avatar-component","name":"Before Avatar Component","title":"Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"]},"socialbutton--docs":{"id":"socialbutton--docs","title":"SocialButton","name":"Docs","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"socialbutton--primary-apple":{"type":"story","id":"socialbutton--primary-apple","name":"Primary Apple","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--secondary-apple":{"type":"story","id":"socialbutton--secondary-apple","name":"Secondary Apple","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--primary-facebook":{"type":"story","id":"socialbutton--primary-facebook","name":"Primary Facebook","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--secondary-facebook":{"type":"story","id":"socialbutton--secondary-facebook","name":"Secondary Facebook","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--primary-figma":{"type":"story","id":"socialbutton--primary-figma","name":"Primary Figma","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--secondary-figma":{"type":"story","id":"socialbutton--secondary-figma","name":"Secondary Figma","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--primary-github":{"type":"story","id":"socialbutton--primary-github","name":"Primary Github","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--secondary-github":{"type":"story","id":"socialbutton--secondary-github","name":"Secondary Github","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--primary-google":{"type":"story","id":"socialbutton--primary-google","name":"Primary Google","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--secondary-google":{"type":"story","id":"socialbutton--secondary-google","name":"Secondary Google","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--primary-twitter":{"type":"story","id":"socialbutton--primary-twitter","name":"Primary Twitter","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--secondary-twitter":{"type":"story","id":"socialbutton--secondary-twitter","name":"Secondary Twitter","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"status--docs":{"id":"status--docs","title":"Status","name":"Docs","importPath":"./src/components/Status/Status.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"status--default":{"type":"story","id":"status--default","name":"Default","title":"Status","importPath":"./src/components/Status/Status.stories.tsx","tags":["autodocs","story"]},"global-primitives-statusdot--docs":{"id":"global-primitives-statusdot--docs","title":"Global Primitives / StatusDot","name":"Docs","importPath":"./src/components/StatusDot/StatusDot.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"global-primitives-statusdot--default":{"type":"story","id":"global-primitives-statusdot--default","name":"Default","title":"Global Primitives / StatusDot","importPath":"./src/components/StatusDot/StatusDot.stories.tsx","tags":["autodocs","story"]},"global-primitives-statusdot--stroked":{"type":"story","id":"global-primitives-statusdot--stroked","name":"Stroked","title":"Global Primitives / StatusDot","importPath":"./src/components/StatusDot/StatusDot.stories.tsx","tags":["autodocs","story"]},"tag--docs":{"id":"tag--docs","title":"Tag","name":"Docs","importPath":"./src/components/Tag/Tag.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"tag--default":{"type":"story","id":"tag--default","name":"Default","title":"Tag","importPath":"./src/components/Tag/Tag.stories.tsx","tags":["autodocs","story"]},"tag--before-avatar-component":{"type":"story","id":"tag--before-avatar-component","name":"Before Avatar Component","title":"Tag","importPath":"./src/components/Tag/Tag.stories.tsx","tags":["autodocs","story"]},"tag--with-remove-button":{"type":"story","id":"tag--with-remove-button","name":"With Remove Button","title":"Tag","importPath":"./src/components/Tag/Tag.stories.tsx","tags":["autodocs","story"]},"textinput--docs":{"id":"textinput--docs","title":"TextInput","name":"Docs","importPath":"./src/components/TextInput/TextInput.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"textinput--default":{"type":"story","id":"textinput--default","name":"Default","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--disabled":{"type":"story","id":"textinput--disabled","name":"Disabled","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--alert":{"type":"story","id":"textinput--alert","name":"Alert","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--with-clear-button":{"type":"story","id":"textinput--with-clear-button","name":"With Clear Button","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--before-icon-component":{"type":"story","id":"textinput--before-icon-component","name":"Before Icon Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--before-avatar-component":{"type":"story","id":"textinput--before-avatar-component","name":"Before Avatar Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--before-prefix-component":{"type":"story","id":"textinput--before-prefix-component","name":"Before Prefix Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--before-dropdown-component":{"type":"story","id":"textinput--before-dropdown-component","name":"Before Dropdown Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--after-dropdown-component":{"type":"story","id":"textinput--after-dropdown-component","name":"After Dropdown Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--after-icon-component":{"type":"story","id":"textinput--after-icon-component","name":"After Icon Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--after-icon-button-component":{"type":"story","id":"textinput--after-icon-button-component","name":"After Icon Button Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--after-sufix-component":{"type":"story","id":"textinput--after-sufix-component","name":"After Sufix Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--after-button-component":{"type":"story","id":"textinput--after-button-component","name":"After Button Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"toast--docs":{"id":"toast--docs","title":"Toast","name":"Docs","importPath":"./src/components/Toast/Toast.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"toast--default":{"type":"story","id":"toast--default","name":"Default","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"toast--informative":{"type":"story","id":"toast--informative","name":"Informative","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"toast--success":{"type":"story","id":"toast--success","name":"Success","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"toast--warning":{"type":"story","id":"toast--warning","name":"Warning","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"toast--negative":{"type":"story","id":"toast--negative","name":"Negative","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"toast--neutral-high":{"type":"story","id":"toast--neutral-high","name":"Neutral High","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"toast--informative-high":{"type":"story","id":"toast--informative-high","name":"Informative High","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"toast--success-high":{"type":"story","id":"toast--success-high","name":"Success High","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"toast--warning-high":{"type":"story","id":"toast--warning-high","name":"Warning High","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"toast--negative-high":{"type":"story","id":"toast--negative-high","name":"Negative High","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"docs-changelog--docs":{"id":"docs-changelog--docs","title":"Docs/Changelog","name":"Docs","importPath":"./src/docs-pages/Changelog.mdx","storiesImports":[],"type":"docs","tags":["unattached-mdx","docs"]},"docs-readme--docs":{"id":"docs-readme--docs","title":"Docs/ReadMe","name":"Docs","importPath":"./src/docs-pages/ReadMe.mdx","storiesImports":[],"type":"docs","tags":["unattached-mdx","docs"]}}} +{"v":4,"entries":{"alertbanner--docs":{"id":"alertbanner--docs","title":"AlertBanner","name":"Docs","importPath":"./src/components/AlertBanner/AlertBanner.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"alertbanner--default":{"type":"story","id":"alertbanner--default","name":"Default","title":"AlertBanner","importPath":"./src/components/AlertBanner/AlertBanner.stories.tsx","tags":["autodocs","story"]},"alertbanner--positive":{"type":"story","id":"alertbanner--positive","name":"Positive","title":"AlertBanner","importPath":"./src/components/AlertBanner/AlertBanner.stories.tsx","tags":["autodocs","story"]},"alertbanner--warning":{"type":"story","id":"alertbanner--warning","name":"Warning","title":"AlertBanner","importPath":"./src/components/AlertBanner/AlertBanner.stories.tsx","tags":["autodocs","story"]},"alertbanner--negative":{"type":"story","id":"alertbanner--negative","name":"Negative","title":"AlertBanner","importPath":"./src/components/AlertBanner/AlertBanner.stories.tsx","tags":["autodocs","story"]},"avatar--docs":{"id":"avatar--docs","title":"Avatar","name":"Docs","importPath":"./src/components/Avatar/Avatar.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"avatar--initials":{"type":"story","id":"avatar--initials","name":"Initials","title":"Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["autodocs","story"]},"avatar--image":{"type":"story","id":"avatar--image","name":"Image","title":"Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["autodocs","story"]},"badge--docs":{"id":"badge--docs","title":"Badge","name":"Docs","importPath":"./src/components/Badge/Badge.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"badge--default":{"type":"story","id":"badge--default","name":"Default","title":"Badge","importPath":"./src/components/Badge/Badge.stories.tsx","tags":["autodocs","story"]},"badge--icon":{"type":"story","id":"badge--icon","name":"Icon","title":"Badge","importPath":"./src/components/Badge/Badge.stories.tsx","tags":["autodocs","story"]},"badge--label-icons":{"type":"story","id":"badge--label-icons","name":"Label Icons","title":"Badge","importPath":"./src/components/Badge/Badge.stories.tsx","tags":["autodocs","story"]},"button--docs":{"id":"button--docs","title":"Button","name":"Docs","importPath":"./src/components/Button/Button.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"button--default":{"type":"story","id":"button--default","name":"Default","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--default-loading":{"type":"story","id":"button--default-loading","name":"Default Loading","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--default-disabled":{"type":"story","id":"button--default-disabled","name":"Default Disabled","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--default-before-icon":{"type":"story","id":"button--default-before-icon","name":"Default Before Icon","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--default-after-icon":{"type":"story","id":"button--default-after-icon","name":"Default After Icon","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--default-dropdown":{"type":"story","id":"button--default-dropdown","name":"Default Dropdown","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--ghost":{"type":"story","id":"button--ghost","name":"Ghost","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--ghost-loading":{"type":"story","id":"button--ghost-loading","name":"Ghost Loading","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--ghost-disabled":{"type":"story","id":"button--ghost-disabled","name":"Ghost Disabled","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--bare":{"type":"story","id":"button--bare","name":"Bare","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--bare-loading":{"type":"story","id":"button--bare-loading","name":"Bare Loading","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"button--bare-disabled":{"type":"story","id":"button--bare-disabled","name":"Bare Disabled","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"card--docs":{"id":"card--docs","title":"Card","name":"Docs","importPath":"./src/components/Card/Card.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"card--default":{"type":"story","id":"card--default","name":"Default","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"]},"card--content":{"type":"story","id":"card--content","name":"Content","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"]},"card--header":{"type":"story","id":"card--header","name":"Header","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"]},"card--header-description":{"type":"story","id":"card--header-description","name":"Header Description","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"]},"card--header-icon":{"type":"story","id":"card--header-icon","name":"Header Icon","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"]},"card--header-avatar":{"type":"story","id":"card--header-avatar","name":"Header Avatar","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"]},"card--header-actions":{"type":"story","id":"card--header-actions","name":"Header Actions","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"]},"card--footer":{"type":"story","id":"card--footer","name":"Footer","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"]},"checkbox--docs":{"id":"checkbox--docs","title":"Checkbox","name":"Docs","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"checkbox--default":{"type":"story","id":"checkbox--default","name":"Default","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"]},"checkbox--checked":{"type":"story","id":"checkbox--checked","name":"Checked","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"]},"checkbox--indeterminate":{"type":"story","id":"checkbox--indeterminate","name":"Indeterminate","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"]},"checkbox--disabled":{"type":"story","id":"checkbox--disabled","name":"Disabled","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"]},"checkbox--alert":{"type":"story","id":"checkbox--alert","name":"Alert","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"]},"checkbox--label":{"type":"story","id":"checkbox--label","name":"Label","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"]},"checkbox--helper-text":{"type":"story","id":"checkbox--helper-text","name":"Helper Text","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"]},"checkboxgroup--docs":{"id":"checkboxgroup--docs","title":"CheckboxGroup","name":"Docs","importPath":"./src/components/CheckboxGroup/CheckboxGroup.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"checkboxgroup--horizontal":{"type":"story","id":"checkboxgroup--horizontal","name":"Horizontal","title":"CheckboxGroup","importPath":"./src/components/CheckboxGroup/CheckboxGroup.stories.tsx","tags":["autodocs","story"]},"checkboxgroup--vertical":{"type":"story","id":"checkboxgroup--vertical","name":"Vertical","title":"CheckboxGroup","importPath":"./src/components/CheckboxGroup/CheckboxGroup.stories.tsx","tags":["autodocs","story"]},"cornerdialog--docs":{"id":"cornerdialog--docs","title":"CornerDialog","name":"Docs","importPath":"./src/components/CornerDialog/CornerDialog.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"cornerdialog--default":{"type":"story","id":"cornerdialog--default","name":"Default","title":"CornerDialog","importPath":"./src/components/CornerDialog/CornerDialog.stories.tsx","tags":["autodocs","story"]},"cornerdialog--decision":{"type":"story","id":"cornerdialog--decision","name":"Decision","title":"CornerDialog","importPath":"./src/components/CornerDialog/CornerDialog.stories.tsx","tags":["autodocs","story"]},"cornerdialog--confirmation":{"type":"story","id":"cornerdialog--confirmation","name":"Confirmation","title":"CornerDialog","importPath":"./src/components/CornerDialog/CornerDialog.stories.tsx","tags":["autodocs","story"]},"cornerdialog--negative-with-destructive-button":{"type":"story","id":"cornerdialog--negative-with-destructive-button","name":"Negative With Destructive Button","title":"CornerDialog","importPath":"./src/components/CornerDialog/CornerDialog.stories.tsx","tags":["autodocs","story"]},"cornerdialog--warning-and-additional-action":{"type":"story","id":"cornerdialog--warning-and-additional-action","name":"Warning And Additional Action","title":"CornerDialog","importPath":"./src/components/CornerDialog/CornerDialog.stories.tsx","tags":["autodocs","story"]},"cornerdialog--custom-content":{"type":"story","id":"cornerdialog--custom-content","name":"Custom Content","title":"CornerDialog","importPath":"./src/components/CornerDialog/CornerDialog.stories.tsx","tags":["autodocs","story"]},"counter--docs":{"id":"counter--docs","title":"Counter","name":"Docs","importPath":"./src/components/Counter/Counter.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"counter--default":{"type":"story","id":"counter--default","name":"Default","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--red":{"type":"story","id":"counter--red","name":"Red","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--grey":{"type":"story","id":"counter--grey","name":"Grey","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--blue":{"type":"story","id":"counter--blue","name":"Blue","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--green":{"type":"story","id":"counter--green","name":"Green","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--orange":{"type":"story","id":"counter--orange","name":"Orange","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--default-high":{"type":"story","id":"counter--default-high","name":"Default High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--red-high":{"type":"story","id":"counter--red-high","name":"Red High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--grey-high":{"type":"story","id":"counter--grey-high","name":"Grey High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--blue-high":{"type":"story","id":"counter--blue-high","name":"Blue High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--green-high":{"type":"story","id":"counter--green-high","name":"Green High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"counter--orange-high":{"type":"story","id":"counter--orange-high","name":"Orange High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"]},"divider--docs":{"id":"divider--docs","title":"Divider","name":"Docs","importPath":"./src/components/Divider/Divider.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"divider--default":{"type":"story","id":"divider--default","name":"Default","title":"Divider","importPath":"./src/components/Divider/Divider.stories.tsx","tags":["autodocs","story"]},"divider--vertical":{"type":"story","id":"divider--vertical","name":"Vertical","title":"Divider","importPath":"./src/components/Divider/Divider.stories.tsx","tags":["autodocs","story"]},"global-primitives-helpertext--docs":{"id":"global-primitives-helpertext--docs","title":"Global Primitives / HelperText","name":"Docs","importPath":"./src/components/HelperText/HelperText.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"global-primitives-helpertext--default":{"type":"story","id":"global-primitives-helpertext--default","name":"Default","title":"Global Primitives / HelperText","importPath":"./src/components/HelperText/HelperText.stories.tsx","tags":["autodocs","story"]},"global-primitives-helpertext--default-with-icon":{"type":"story","id":"global-primitives-helpertext--default-with-icon","name":"Default With Icon","title":"Global Primitives / HelperText","importPath":"./src/components/HelperText/HelperText.stories.tsx","tags":["autodocs","story"]},"global-primitives-helpertext--default-with-counter":{"type":"story","id":"global-primitives-helpertext--default-with-counter","name":"Default With Counter","title":"Global Primitives / HelperText","importPath":"./src/components/HelperText/HelperText.stories.tsx","tags":["autodocs","story"]},"foundations-icon--docs":{"id":"foundations-icon--docs","title":"Foundations / Icon","name":"Docs","importPath":"./src/components/Icon/Icon.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"foundations-icon--default":{"type":"story","id":"foundations-icon--default","name":"Default","title":"Foundations / Icon","importPath":"./src/components/Icon/Icon.stories.tsx","tags":["autodocs","story"]},"iconbutton--docs":{"id":"iconbutton--docs","title":"IconButton","name":"Docs","importPath":"./src/components/IconButton/IconButton.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"iconbutton--default":{"type":"story","id":"iconbutton--default","name":"Default","title":"IconButton","importPath":"./src/components/IconButton/IconButton.stories.tsx","tags":["autodocs","story"]},"iconbutton--clickable":{"type":"story","id":"iconbutton--clickable","name":"Clickable","title":"IconButton","importPath":"./src/components/IconButton/IconButton.stories.tsx","tags":["autodocs","story"]},"inlinebanner--docs":{"id":"inlinebanner--docs","title":"InlineBanner","name":"Docs","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"inlinebanner--default":{"type":"story","id":"inlinebanner--default","name":"Default","title":"InlineBanner","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","story"]},"inlinebanner--informative":{"type":"story","id":"inlinebanner--informative","name":"Informative","title":"InlineBanner","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","story"]},"inlinebanner--success":{"type":"story","id":"inlinebanner--success","name":"Success","title":"InlineBanner","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","story"]},"inlinebanner--warning":{"type":"story","id":"inlinebanner--warning","name":"Warning","title":"InlineBanner","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","story"]},"inlinebanner--negative":{"type":"story","id":"inlinebanner--negative","name":"Negative","title":"InlineBanner","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","story"]},"inlinemessage--docs":{"id":"inlinemessage--docs","title":"InlineMessage","name":"Docs","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"inlinemessage--informative":{"type":"story","id":"inlinemessage--informative","name":"Informative","title":"InlineMessage","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","story"]},"inlinemessage--success":{"type":"story","id":"inlinemessage--success","name":"Success","title":"InlineMessage","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","story"]},"inlinemessage--warning":{"type":"story","id":"inlinemessage--warning","name":"Warning","title":"InlineMessage","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","story"]},"inlinemessage--negative":{"type":"story","id":"inlinemessage--negative","name":"Negative","title":"InlineMessage","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","story"]},"inlinemessage--informative-with-very-long-description":{"type":"story","id":"inlinemessage--informative-with-very-long-description","name":"Informative With Very Long Description","title":"InlineMessage","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","story"]},"inlinesearchinput--docs":{"id":"inlinesearchinput--docs","title":"InlineSearchInput","name":"Docs","importPath":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"inlinesearchinput--default":{"type":"story","id":"inlinesearchinput--default","name":"Default","title":"InlineSearchInput","importPath":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx","tags":["autodocs","story"]},"inlinesearchinput--filled":{"type":"story","id":"inlinesearchinput--filled","name":"Filled","title":"InlineSearchInput","importPath":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx","tags":["autodocs","story"]},"inlinesearchinput--disabled":{"type":"story","id":"inlinesearchinput--disabled","name":"Disabled","title":"InlineSearchInput","importPath":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx","tags":["autodocs","story"]},"global-primitives-label--docs":{"id":"global-primitives-label--docs","title":"Global Primitives / Label","name":"Docs","importPath":"./src/components/Label/Label.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"global-primitives-label--default":{"type":"story","id":"global-primitives-label--default","name":"Default","title":"Global Primitives / Label","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","story"]},"global-primitives-label--optional":{"type":"story","id":"global-primitives-label--optional","name":"Optional","title":"Global Primitives / Label","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","story"]},"global-primitives-label--tooltip":{"type":"story","id":"global-primitives-label--tooltip","name":"Tooltip","title":"Global Primitives / Label","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","story"]},"global-primitives-label--action":{"type":"story","id":"global-primitives-label--action","name":"Action","title":"Global Primitives / Label","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","story"]},"global-primitives-label--all":{"type":"story","id":"global-primitives-label--all","name":"All","title":"Global Primitives / Label","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","story"]},"loader--docs":{"id":"loader--docs","title":"Loader","name":"Docs","importPath":"./src/components/Loader/Loader.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"loader--default-circle":{"type":"story","id":"loader--default-circle","name":"Default Circle","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"]},"loader--default-bar":{"type":"story","id":"loader--default-bar","name":"Default Bar","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"]},"loader--progress-circle":{"type":"story","id":"loader--progress-circle","name":"Progress Circle","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"]},"loader--progress-bar":{"type":"story","id":"loader--progress-bar","name":"Progress Bar","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"]},"loader--white":{"type":"story","id":"loader--white","name":"White","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"]},"loader--inverted":{"type":"story","id":"loader--inverted","name":"Inverted","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"]},"loader--greyscale":{"type":"story","id":"loader--greyscale","name":"Greyscale","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"]},"popover--docs":{"id":"popover--docs","title":"Popover","name":"Docs","importPath":"./src/components/Popover/Popover.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"popover--default":{"type":"story","id":"popover--default","name":"Default","title":"Popover","importPath":"./src/components/Popover/Popover.stories.tsx","tags":["autodocs","story"]},"popover--open":{"type":"story","id":"popover--open","name":"Open","title":"Popover","importPath":"./src/components/Popover/Popover.stories.tsx","tags":["autodocs","story"]},"popover--custom-content":{"type":"story","id":"popover--custom-content","name":"Custom Content","title":"Popover","importPath":"./src/components/Popover/Popover.stories.tsx","tags":["autodocs","story"]},"radiobutton--docs":{"id":"radiobutton--docs","title":"RadioButton","name":"Docs","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"radiobutton--default":{"type":"story","id":"radiobutton--default","name":"Default","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"]},"radiobutton--checked":{"type":"story","id":"radiobutton--checked","name":"Checked","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"]},"radiobutton--multiple":{"type":"story","id":"radiobutton--multiple","name":"Multiple","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"]},"radiobutton--disabled":{"type":"story","id":"radiobutton--disabled","name":"Disabled","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"]},"radiobutton--alert":{"type":"story","id":"radiobutton--alert","name":"Alert","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"]},"radiobutton--label":{"type":"story","id":"radiobutton--label","name":"Label","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"]},"radiobutton--helper-text":{"type":"story","id":"radiobutton--helper-text","name":"Helper Text","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"]},"radiobutton--alert-helper-text":{"type":"story","id":"radiobutton--alert-helper-text","name":"Alert Helper Text","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"]},"radiobuttongroup--docs":{"id":"radiobuttongroup--docs","title":"RadioButtonGroup","name":"Docs","importPath":"./src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"radiobuttongroup--horizontal":{"type":"story","id":"radiobuttongroup--horizontal","name":"Horizontal","title":"RadioButtonGroup","importPath":"./src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx","tags":["autodocs","story"]},"radiobuttongroup--vertical":{"type":"story","id":"radiobuttongroup--vertical","name":"Vertical","title":"RadioButtonGroup","importPath":"./src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx","tags":["autodocs","story"]},"searchinput--docs":{"id":"searchinput--docs","title":"SearchInput","name":"Docs","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"searchinput--default":{"type":"story","id":"searchinput--default","name":"Default","title":"SearchInput","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","story"]},"searchinput--filled":{"type":"story","id":"searchinput--filled","name":"Filled","title":"SearchInput","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","story"]},"searchinput--disabled":{"type":"story","id":"searchinput--disabled","name":"Disabled","title":"SearchInput","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","story"]},"searchinput--dropdown":{"type":"story","id":"searchinput--dropdown","name":"Dropdown","title":"SearchInput","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","story"]},"searchinput--icon-button":{"type":"story","id":"searchinput--icon-button","name":"Icon Button","title":"SearchInput","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","story"]},"select--docs":{"id":"select--docs","title":"Select","name":"Docs","importPath":"./src/components/Select/Select.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"select--default":{"type":"story","id":"select--default","name":"Default","title":"Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"]},"select--disabled":{"type":"story","id":"select--disabled","name":"Disabled","title":"Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"]},"select--alert":{"type":"story","id":"select--alert","name":"Alert","title":"Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"]},"select--before-icon-component":{"type":"story","id":"select--before-icon-component","name":"Before Icon Component","title":"Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"]},"select--before-avatar-component":{"type":"story","id":"select--before-avatar-component","name":"Before Avatar Component","title":"Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"]},"socialbutton--docs":{"id":"socialbutton--docs","title":"SocialButton","name":"Docs","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"socialbutton--primary-apple":{"type":"story","id":"socialbutton--primary-apple","name":"Primary Apple","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--secondary-apple":{"type":"story","id":"socialbutton--secondary-apple","name":"Secondary Apple","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--primary-facebook":{"type":"story","id":"socialbutton--primary-facebook","name":"Primary Facebook","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--secondary-facebook":{"type":"story","id":"socialbutton--secondary-facebook","name":"Secondary Facebook","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--primary-figma":{"type":"story","id":"socialbutton--primary-figma","name":"Primary Figma","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--secondary-figma":{"type":"story","id":"socialbutton--secondary-figma","name":"Secondary Figma","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--primary-github":{"type":"story","id":"socialbutton--primary-github","name":"Primary Github","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--secondary-github":{"type":"story","id":"socialbutton--secondary-github","name":"Secondary Github","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--primary-google":{"type":"story","id":"socialbutton--primary-google","name":"Primary Google","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--secondary-google":{"type":"story","id":"socialbutton--secondary-google","name":"Secondary Google","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--primary-twitter":{"type":"story","id":"socialbutton--primary-twitter","name":"Primary Twitter","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"socialbutton--secondary-twitter":{"type":"story","id":"socialbutton--secondary-twitter","name":"Secondary Twitter","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"]},"status--docs":{"id":"status--docs","title":"Status","name":"Docs","importPath":"./src/components/Status/Status.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"status--default":{"type":"story","id":"status--default","name":"Default","title":"Status","importPath":"./src/components/Status/Status.stories.tsx","tags":["autodocs","story"]},"global-primitives-statusdot--docs":{"id":"global-primitives-statusdot--docs","title":"Global Primitives / StatusDot","name":"Docs","importPath":"./src/components/StatusDot/StatusDot.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"global-primitives-statusdot--default":{"type":"story","id":"global-primitives-statusdot--default","name":"Default","title":"Global Primitives / StatusDot","importPath":"./src/components/StatusDot/StatusDot.stories.tsx","tags":["autodocs","story"]},"global-primitives-statusdot--stroked":{"type":"story","id":"global-primitives-statusdot--stroked","name":"Stroked","title":"Global Primitives / StatusDot","importPath":"./src/components/StatusDot/StatusDot.stories.tsx","tags":["autodocs","story"]},"tag--docs":{"id":"tag--docs","title":"Tag","name":"Docs","importPath":"./src/components/Tag/Tag.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"tag--default":{"type":"story","id":"tag--default","name":"Default","title":"Tag","importPath":"./src/components/Tag/Tag.stories.tsx","tags":["autodocs","story"]},"tag--before-avatar-component":{"type":"story","id":"tag--before-avatar-component","name":"Before Avatar Component","title":"Tag","importPath":"./src/components/Tag/Tag.stories.tsx","tags":["autodocs","story"]},"tag--with-remove-button":{"type":"story","id":"tag--with-remove-button","name":"With Remove Button","title":"Tag","importPath":"./src/components/Tag/Tag.stories.tsx","tags":["autodocs","story"]},"textinput--docs":{"id":"textinput--docs","title":"TextInput","name":"Docs","importPath":"./src/components/TextInput/TextInput.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"textinput--default":{"type":"story","id":"textinput--default","name":"Default","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--disabled":{"type":"story","id":"textinput--disabled","name":"Disabled","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--alert":{"type":"story","id":"textinput--alert","name":"Alert","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--with-clear-button":{"type":"story","id":"textinput--with-clear-button","name":"With Clear Button","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--before-icon-component":{"type":"story","id":"textinput--before-icon-component","name":"Before Icon Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--before-avatar-component":{"type":"story","id":"textinput--before-avatar-component","name":"Before Avatar Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--before-prefix-component":{"type":"story","id":"textinput--before-prefix-component","name":"Before Prefix Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--before-dropdown-component":{"type":"story","id":"textinput--before-dropdown-component","name":"Before Dropdown Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--after-dropdown-component":{"type":"story","id":"textinput--after-dropdown-component","name":"After Dropdown Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--after-icon-component":{"type":"story","id":"textinput--after-icon-component","name":"After Icon Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--after-icon-button-component":{"type":"story","id":"textinput--after-icon-button-component","name":"After Icon Button Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--after-sufix-component":{"type":"story","id":"textinput--after-sufix-component","name":"After Sufix Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"textinput--after-button-component":{"type":"story","id":"textinput--after-button-component","name":"After Button Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"]},"toast--docs":{"id":"toast--docs","title":"Toast","name":"Docs","importPath":"./src/components/Toast/Toast.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"toast--default":{"type":"story","id":"toast--default","name":"Default","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"toast--informative":{"type":"story","id":"toast--informative","name":"Informative","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"toast--success":{"type":"story","id":"toast--success","name":"Success","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"toast--warning":{"type":"story","id":"toast--warning","name":"Warning","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"toast--negative":{"type":"story","id":"toast--negative","name":"Negative","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"toast--neutral-high":{"type":"story","id":"toast--neutral-high","name":"Neutral High","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"toast--informative-high":{"type":"story","id":"toast--informative-high","name":"Informative High","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"toast--success-high":{"type":"story","id":"toast--success-high","name":"Success High","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"toast--warning-high":{"type":"story","id":"toast--warning-high","name":"Warning High","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"toast--negative-high":{"type":"story","id":"toast--negative-high","name":"Negative High","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"docs-changelog--docs":{"id":"docs-changelog--docs","title":"Docs/Changelog","name":"Docs","importPath":"./src/docs-pages/Changelog.mdx","storiesImports":[],"type":"docs","tags":["unattached-mdx","docs"]},"docs-readme--docs":{"id":"docs-readme--docs","title":"Docs/ReadMe","name":"Docs","importPath":"./src/docs-pages/ReadMe.mdx","storiesImports":[],"type":"docs","tags":["unattached-mdx","docs"]}}} diff --git a/project.json b/project.json index 698a1156..9edddd80 100644 --- a/project.json +++ b/project.json @@ -1 +1 @@ -{"generatedAt":1714034200576,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.22"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"7.6.7","storybookVersionSpecifier":"^7.6.7","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"7.6.7"},"@storybook/manager-api":{"version":"7.6.7"},"@storybook/react":{"version":"7.6.7"},"@storybook/react-vite":{"version":"7.6.7"},"@storybook/testing-library":{"version":"0.2.2"},"@storybook/theming":{"version":"7.6.7"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.6.7"}},"addons":{"@storybook/addon-links":{"version":"7.6.7"},"@storybook/addon-essentials":{"version":"7.6.7"},"@storybook/addon-interactions":{"version":"7.6.7"},"@storybook/addon-styling":{"version":"1.3.7"},"@storybook/addon-docs":{"version":"7.6.7"},"@storybook/addon-mdx-gfm":{"version":"7.6.7"}}} +{"generatedAt":1715068379186,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.22"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"7.6.7","storybookVersionSpecifier":"^7.6.7","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"7.6.7"},"@storybook/manager-api":{"version":"7.6.7"},"@storybook/react":{"version":"7.6.7"},"@storybook/react-vite":{"version":"7.6.7"},"@storybook/testing-library":{"version":"0.2.2"},"@storybook/theming":{"version":"7.6.7"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.6.7"}},"addons":{"@storybook/addon-links":{"version":"7.6.7"},"@storybook/addon-essentials":{"version":"7.6.7"},"@storybook/addon-interactions":{"version":"7.6.7"},"@storybook/addon-styling":{"version":"1.3.7"},"@storybook/addon-docs":{"version":"7.6.7"},"@storybook/addon-mdx-gfm":{"version":"7.6.7"}}} diff --git a/src/components/CornerDialog/CornerDialog.d.ts b/src/components/CornerDialog/CornerDialog.d.ts new file mode 100644 index 00000000..3d078f1d --- /dev/null +++ b/src/components/CornerDialog/CornerDialog.d.ts @@ -0,0 +1,3 @@ +import { FC } from 'react'; +import { CornerDialogProps } from './CornerDialog.props'; +export declare const CornerDialog: FC; diff --git a/src/components/CornerDialog/CornerDialog.props.d.ts b/src/components/CornerDialog/CornerDialog.props.d.ts new file mode 100644 index 00000000..374a9464 --- /dev/null +++ b/src/components/CornerDialog/CornerDialog.props.d.ts @@ -0,0 +1,12 @@ +import type { ReactNode, MouseEvent } from 'react'; +import { CornerDialogConfig } from './CornerDialog.styles'; +import { DefaultButtonProps } from '../Button/Button.props'; +import { DistributiveOmit } from '../../utility-types/DistributiveOmit'; +export type CornerDialogProps = { + custom?: CornerDialogConfig; + intent?: 'none' | 'warning' | 'negative'; + title: string; + content: ReactNode; + actions?: DistributiveOmit[]; + onCloseClick?: (e?: MouseEvent) => void; +}; diff --git a/src/components/CornerDialog/CornerDialog.stories.d.ts b/src/components/CornerDialog/CornerDialog.stories.d.ts new file mode 100644 index 00000000..68877d65 --- /dev/null +++ b/src/components/CornerDialog/CornerDialog.stories.d.ts @@ -0,0 +1,31 @@ +/// +import type { StoryObj } from '@storybook/react'; +declare const meta: { + title: string; + component: import("react").FC; + tags: string[]; + argTypes: {}; + args: { + intent: "none"; + title: string; + content: string; + actions: undefined; + onCloseClick: import("@storybook/addon-actions").HandlerFunction; + }; + parameters: { + docs: { + description: { + component: string; + }; + page: () => import("react/jsx-runtime").JSX.Element; + }; + }; +}; +export default meta; +type Story = StoryObj; +export declare const Default: Story; +export declare const Decision: Story; +export declare const Confirmation: Story; +export declare const NegativeWithDestructiveButton: Story; +export declare const WarningAndAdditionalAction: Story; +export declare const CustomContent: Story; diff --git a/src/components/CornerDialog/CornerDialog.styles.d.ts b/src/components/CornerDialog/CornerDialog.styles.d.ts new file mode 100644 index 00000000..88432631 --- /dev/null +++ b/src/components/CornerDialog/CornerDialog.styles.d.ts @@ -0,0 +1,139 @@ +import type { BaseProps } from '../../types/BaseProps'; +export type CornerDialogFooterConfig = { + actions?: BaseProps; +} & BaseProps; +export type CornerDialogConfig = BaseProps & { + innerElements?: { + intentIndicator?: BaseProps; + intentWarning?: BaseProps; + intentNegative?: BaseProps; + body?: BaseProps; + header?: BaseProps; + headerTitle?: BaseProps; + closeButton?: BaseProps; + content?: BaseProps; + footer?: CornerDialogFooterConfig; + }; +}; +export declare const defaultConfig: { + readonly display: "flex"; + readonly w: "fit-content"; + readonly minWidth: "420px"; + readonly p: "$space-component-padding-2xLarge"; + readonly flexDirection: "row"; + readonly alignItems: "flex-start"; + readonly gap: "$space-component-padding-large"; + readonly borderRadius: "$border-radius-xLarge"; + readonly bg: "$color-interaction-background-modeless"; + readonly boxShadow: "$elevation-bottom-300"; + readonly borderWidth: "$border-width-small"; + readonly borderStyle: "$border-style-solid"; + readonly borderColor: "$color-border-defaultA"; + readonly overflow: "hidden"; + readonly innerElements: { + readonly intentIndicator: { + readonly h: "$size-xSmall"; + readonly display: "flex"; + readonly alignItems: "flex-end"; + }; + readonly intentWarning: { + readonly color: "$color-content-warning-secondary"; + }; + readonly intentNegative: { + readonly color: "$color-content-negative-secondary"; + }; + readonly body: { + readonly display: "flex"; + readonly flexGrow: 1; + readonly flexDirection: "column"; + readonly justifyContent: "space-between"; + readonly gap: "$space-component-padding-large"; + }; + readonly header: { + readonly display: "flex"; + readonly alignSelf: "stretch"; + readonly alignItems: "center"; + }; + readonly headerTitle: { + readonly display: "flex"; + readonly flexGrow: 1; + readonly alignItems: "center"; + readonly justifyContent: "space-between"; + readonly color: "$color-content-primary"; + readonly text: "$typo-body-strong-large"; + }; + readonly closeButton: {}; + readonly content: { + readonly text: "$typo-body-medium"; + readonly color: "$color-content-secondary"; + }; + readonly footer: { + readonly display: "flex"; + readonly alignSelf: "stretch"; + readonly justifyContent: "flex-end"; + readonly gap: "$space-component-padding-small"; + }; + }; +}; +export declare const cornerDialogStyles: { + defaultConfig: { + readonly display: "flex"; + readonly w: "fit-content"; + readonly minWidth: "420px"; + readonly p: "$space-component-padding-2xLarge"; + readonly flexDirection: "row"; + readonly alignItems: "flex-start"; + readonly gap: "$space-component-padding-large"; + readonly borderRadius: "$border-radius-xLarge"; + readonly bg: "$color-interaction-background-modeless"; + readonly boxShadow: "$elevation-bottom-300"; + readonly borderWidth: "$border-width-small"; + readonly borderStyle: "$border-style-solid"; + readonly borderColor: "$color-border-defaultA"; + readonly overflow: "hidden"; + readonly innerElements: { + readonly intentIndicator: { + readonly h: "$size-xSmall"; + readonly display: "flex"; + readonly alignItems: "flex-end"; + }; + readonly intentWarning: { + readonly color: "$color-content-warning-secondary"; + }; + readonly intentNegative: { + readonly color: "$color-content-negative-secondary"; + }; + readonly body: { + readonly display: "flex"; + readonly flexGrow: 1; + readonly flexDirection: "column"; + readonly justifyContent: "space-between"; + readonly gap: "$space-component-padding-large"; + }; + readonly header: { + readonly display: "flex"; + readonly alignSelf: "stretch"; + readonly alignItems: "center"; + }; + readonly headerTitle: { + readonly display: "flex"; + readonly flexGrow: 1; + readonly alignItems: "center"; + readonly justifyContent: "space-between"; + readonly color: "$color-content-primary"; + readonly text: "$typo-body-strong-large"; + }; + readonly closeButton: {}; + readonly content: { + readonly text: "$typo-body-medium"; + readonly color: "$color-content-secondary"; + }; + readonly footer: { + readonly display: "flex"; + readonly alignSelf: "stretch"; + readonly justifyContent: "flex-end"; + readonly gap: "$space-component-padding-small"; + }; + }; + }; +}; diff --git a/src/components/CornerDialog/CornerDialog.test.d.ts b/src/components/CornerDialog/CornerDialog.test.d.ts new file mode 100644 index 00000000..cb0ff5c3 --- /dev/null +++ b/src/components/CornerDialog/CornerDialog.test.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/components/CornerDialog/index.d.ts b/src/components/CornerDialog/index.d.ts new file mode 100644 index 00000000..593db68c --- /dev/null +++ b/src/components/CornerDialog/index.d.ts @@ -0,0 +1,3 @@ +export * from './CornerDialog'; +export * from './CornerDialog.props'; +export { cornerDialogStyles } from './CornerDialog.styles'; diff --git a/src/components/CornerDialog/stylesBuilder.d.ts b/src/components/CornerDialog/stylesBuilder.d.ts new file mode 100644 index 00000000..df019559 --- /dev/null +++ b/src/components/CornerDialog/stylesBuilder.d.ts @@ -0,0 +1,16 @@ +import { CornerDialogConfig } from './CornerDialog.styles'; +import { BaseProps } from '../../types/BaseProps'; +type CornerDialogStylesBuilder = { + container: BaseProps; + intentIndicator: BaseProps; + intentWarning: BaseProps; + intentNegative: BaseProps; + body: BaseProps; + header: BaseProps; + headerTitle: BaseProps; + closeButton: BaseProps<'appearance'>; + content: BaseProps; + footer: BaseProps; +}; +export declare const stylesBuilder: (custom?: CornerDialogConfig) => CornerDialogStylesBuilder; +export {}; diff --git a/src/docs-components/CornerDialogDocs.d.ts b/src/docs-components/CornerDialogDocs.d.ts new file mode 100644 index 00000000..ba6ddcb7 --- /dev/null +++ b/src/docs-components/CornerDialogDocs.d.ts @@ -0,0 +1 @@ +export declare const CornerDialogDocs: () => import("react/jsx-runtime").JSX.Element; diff --git a/src/index.d.ts b/src/index.d.ts index f8d3dbfb..cfb53891 100644 --- a/src/index.d.ts +++ b/src/index.d.ts @@ -4,6 +4,7 @@ export * from './components/Badge'; export * from './components/Button'; export * from './components/Checkbox'; export * from './components/CheckboxGroup'; +export * from './components/CornerDialog'; export * from './components/Counter'; export * from './components/Divider'; export * from './components/HelperText'; @@ -20,6 +21,7 @@ export * from './components/RadioButtonGroup'; export * from './components/SearchInput'; export * from './components/Select'; export * from './components/SocialButton'; +export * from './components/Status'; export * from './components/StatusDot'; export * from './components/Tag'; export * from './components/TextInput'; diff --git a/src/utility-types/DistributiveOmit.d.ts b/src/utility-types/DistributiveOmit.d.ts new file mode 100644 index 00000000..44e61809 --- /dev/null +++ b/src/utility-types/DistributiveOmit.d.ts @@ -0,0 +1 @@ +export type DistributiveOmit = T extends any ? Omit : never; diff --git a/stories.json b/stories.json index 573ffc3a..077b65b4 100644 --- a/stories.json +++ b/stories.json @@ -1 +1 @@ -{"v":3,"stories":{"alertbanner--docs":{"id":"alertbanner--docs","title":"AlertBanner","name":"Docs","importPath":"./src/components/AlertBanner/AlertBanner.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"AlertBanner","story":"Docs","parameters":{"__id":"alertbanner--docs","docsOnly":true,"fileName":"./src/components/AlertBanner/AlertBanner.stories.tsx"}},"alertbanner--default":{"id":"alertbanner--default","name":"Default","title":"AlertBanner","importPath":"./src/components/AlertBanner/AlertBanner.stories.tsx","tags":["autodocs","story"],"kind":"AlertBanner","story":"Default","parameters":{"__id":"alertbanner--default","docsOnly":false,"fileName":"./src/components/AlertBanner/AlertBanner.stories.tsx"}},"alertbanner--positive":{"id":"alertbanner--positive","name":"Positive","title":"AlertBanner","importPath":"./src/components/AlertBanner/AlertBanner.stories.tsx","tags":["autodocs","story"],"kind":"AlertBanner","story":"Positive","parameters":{"__id":"alertbanner--positive","docsOnly":false,"fileName":"./src/components/AlertBanner/AlertBanner.stories.tsx"}},"alertbanner--warning":{"id":"alertbanner--warning","name":"Warning","title":"AlertBanner","importPath":"./src/components/AlertBanner/AlertBanner.stories.tsx","tags":["autodocs","story"],"kind":"AlertBanner","story":"Warning","parameters":{"__id":"alertbanner--warning","docsOnly":false,"fileName":"./src/components/AlertBanner/AlertBanner.stories.tsx"}},"alertbanner--negative":{"id":"alertbanner--negative","name":"Negative","title":"AlertBanner","importPath":"./src/components/AlertBanner/AlertBanner.stories.tsx","tags":["autodocs","story"],"kind":"AlertBanner","story":"Negative","parameters":{"__id":"alertbanner--negative","docsOnly":false,"fileName":"./src/components/AlertBanner/AlertBanner.stories.tsx"}},"avatar--docs":{"id":"avatar--docs","title":"Avatar","name":"Docs","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Avatar","story":"Docs","parameters":{"__id":"avatar--docs","docsOnly":true,"fileName":"./src/components/Avatar/Avatar.stories.tsx"}},"avatar--initials":{"id":"avatar--initials","name":"Initials","title":"Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["autodocs","story"],"kind":"Avatar","story":"Initials","parameters":{"__id":"avatar--initials","docsOnly":false,"fileName":"./src/components/Avatar/Avatar.stories.tsx"}},"avatar--image":{"id":"avatar--image","name":"Image","title":"Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["autodocs","story"],"kind":"Avatar","story":"Image","parameters":{"__id":"avatar--image","docsOnly":false,"fileName":"./src/components/Avatar/Avatar.stories.tsx"}},"badge--docs":{"id":"badge--docs","title":"Badge","name":"Docs","importPath":"./src/components/Badge/Badge.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Badge","story":"Docs","parameters":{"__id":"badge--docs","docsOnly":true,"fileName":"./src/components/Badge/Badge.stories.tsx"}},"badge--default":{"id":"badge--default","name":"Default","title":"Badge","importPath":"./src/components/Badge/Badge.stories.tsx","tags":["autodocs","story"],"kind":"Badge","story":"Default","parameters":{"__id":"badge--default","docsOnly":false,"fileName":"./src/components/Badge/Badge.stories.tsx"}},"badge--icon":{"id":"badge--icon","name":"Icon","title":"Badge","importPath":"./src/components/Badge/Badge.stories.tsx","tags":["autodocs","story"],"kind":"Badge","story":"Icon","parameters":{"__id":"badge--icon","docsOnly":false,"fileName":"./src/components/Badge/Badge.stories.tsx"}},"badge--label-icons":{"id":"badge--label-icons","name":"Label Icons","title":"Badge","importPath":"./src/components/Badge/Badge.stories.tsx","tags":["autodocs","story"],"kind":"Badge","story":"Label Icons","parameters":{"__id":"badge--label-icons","docsOnly":false,"fileName":"./src/components/Badge/Badge.stories.tsx"}},"button--docs":{"id":"button--docs","title":"Button","name":"Docs","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Button","story":"Docs","parameters":{"__id":"button--docs","docsOnly":true,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--default":{"id":"button--default","name":"Default","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Default","parameters":{"__id":"button--default","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--default-loading":{"id":"button--default-loading","name":"Default Loading","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Default Loading","parameters":{"__id":"button--default-loading","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--default-disabled":{"id":"button--default-disabled","name":"Default Disabled","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Default Disabled","parameters":{"__id":"button--default-disabled","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--default-before-icon":{"id":"button--default-before-icon","name":"Default Before Icon","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Default Before Icon","parameters":{"__id":"button--default-before-icon","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--default-after-icon":{"id":"button--default-after-icon","name":"Default After Icon","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Default After Icon","parameters":{"__id":"button--default-after-icon","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--default-dropdown":{"id":"button--default-dropdown","name":"Default Dropdown","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Default Dropdown","parameters":{"__id":"button--default-dropdown","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--ghost":{"id":"button--ghost","name":"Ghost","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Ghost","parameters":{"__id":"button--ghost","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--ghost-loading":{"id":"button--ghost-loading","name":"Ghost Loading","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Ghost Loading","parameters":{"__id":"button--ghost-loading","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--ghost-disabled":{"id":"button--ghost-disabled","name":"Ghost Disabled","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Ghost Disabled","parameters":{"__id":"button--ghost-disabled","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--bare":{"id":"button--bare","name":"Bare","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Bare","parameters":{"__id":"button--bare","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--bare-loading":{"id":"button--bare-loading","name":"Bare Loading","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Bare Loading","parameters":{"__id":"button--bare-loading","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--bare-disabled":{"id":"button--bare-disabled","name":"Bare Disabled","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Bare Disabled","parameters":{"__id":"button--bare-disabled","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"card--docs":{"id":"card--docs","title":"Card","name":"Docs","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Card","story":"Docs","parameters":{"__id":"card--docs","docsOnly":true,"fileName":"./src/components/Card/Card.stories.tsx"}},"card--default":{"id":"card--default","name":"Default","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"],"kind":"Card","story":"Default","parameters":{"__id":"card--default","docsOnly":false,"fileName":"./src/components/Card/Card.stories.tsx"}},"card--content":{"id":"card--content","name":"Content","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"],"kind":"Card","story":"Content","parameters":{"__id":"card--content","docsOnly":false,"fileName":"./src/components/Card/Card.stories.tsx"}},"card--header":{"id":"card--header","name":"Header","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"],"kind":"Card","story":"Header","parameters":{"__id":"card--header","docsOnly":false,"fileName":"./src/components/Card/Card.stories.tsx"}},"card--header-description":{"id":"card--header-description","name":"Header Description","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"],"kind":"Card","story":"Header Description","parameters":{"__id":"card--header-description","docsOnly":false,"fileName":"./src/components/Card/Card.stories.tsx"}},"card--header-icon":{"id":"card--header-icon","name":"Header Icon","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"],"kind":"Card","story":"Header Icon","parameters":{"__id":"card--header-icon","docsOnly":false,"fileName":"./src/components/Card/Card.stories.tsx"}},"card--header-avatar":{"id":"card--header-avatar","name":"Header Avatar","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"],"kind":"Card","story":"Header Avatar","parameters":{"__id":"card--header-avatar","docsOnly":false,"fileName":"./src/components/Card/Card.stories.tsx"}},"card--header-actions":{"id":"card--header-actions","name":"Header Actions","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"],"kind":"Card","story":"Header Actions","parameters":{"__id":"card--header-actions","docsOnly":false,"fileName":"./src/components/Card/Card.stories.tsx"}},"card--footer":{"id":"card--footer","name":"Footer","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"],"kind":"Card","story":"Footer","parameters":{"__id":"card--footer","docsOnly":false,"fileName":"./src/components/Card/Card.stories.tsx"}},"checkbox--docs":{"id":"checkbox--docs","title":"Checkbox","name":"Docs","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Checkbox","story":"Docs","parameters":{"__id":"checkbox--docs","docsOnly":true,"fileName":"./src/components/Checkbox/Checkbox.stories.tsx"}},"checkbox--default":{"id":"checkbox--default","name":"Default","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"],"kind":"Checkbox","story":"Default","parameters":{"__id":"checkbox--default","docsOnly":false,"fileName":"./src/components/Checkbox/Checkbox.stories.tsx"}},"checkbox--checked":{"id":"checkbox--checked","name":"Checked","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"],"kind":"Checkbox","story":"Checked","parameters":{"__id":"checkbox--checked","docsOnly":false,"fileName":"./src/components/Checkbox/Checkbox.stories.tsx"}},"checkbox--indeterminate":{"id":"checkbox--indeterminate","name":"Indeterminate","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"],"kind":"Checkbox","story":"Indeterminate","parameters":{"__id":"checkbox--indeterminate","docsOnly":false,"fileName":"./src/components/Checkbox/Checkbox.stories.tsx"}},"checkbox--disabled":{"id":"checkbox--disabled","name":"Disabled","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"],"kind":"Checkbox","story":"Disabled","parameters":{"__id":"checkbox--disabled","docsOnly":false,"fileName":"./src/components/Checkbox/Checkbox.stories.tsx"}},"checkbox--alert":{"id":"checkbox--alert","name":"Alert","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"],"kind":"Checkbox","story":"Alert","parameters":{"__id":"checkbox--alert","docsOnly":false,"fileName":"./src/components/Checkbox/Checkbox.stories.tsx"}},"checkbox--label":{"id":"checkbox--label","name":"Label","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"],"kind":"Checkbox","story":"Label","parameters":{"__id":"checkbox--label","docsOnly":false,"fileName":"./src/components/Checkbox/Checkbox.stories.tsx"}},"checkbox--helper-text":{"id":"checkbox--helper-text","name":"Helper Text","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"],"kind":"Checkbox","story":"Helper Text","parameters":{"__id":"checkbox--helper-text","docsOnly":false,"fileName":"./src/components/Checkbox/Checkbox.stories.tsx"}},"checkboxgroup--docs":{"id":"checkboxgroup--docs","title":"CheckboxGroup","name":"Docs","importPath":"./src/components/CheckboxGroup/CheckboxGroup.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"CheckboxGroup","story":"Docs","parameters":{"__id":"checkboxgroup--docs","docsOnly":true,"fileName":"./src/components/CheckboxGroup/CheckboxGroup.stories.tsx"}},"checkboxgroup--horizontal":{"id":"checkboxgroup--horizontal","name":"Horizontal","title":"CheckboxGroup","importPath":"./src/components/CheckboxGroup/CheckboxGroup.stories.tsx","tags":["autodocs","story"],"kind":"CheckboxGroup","story":"Horizontal","parameters":{"__id":"checkboxgroup--horizontal","docsOnly":false,"fileName":"./src/components/CheckboxGroup/CheckboxGroup.stories.tsx"}},"checkboxgroup--vertical":{"id":"checkboxgroup--vertical","name":"Vertical","title":"CheckboxGroup","importPath":"./src/components/CheckboxGroup/CheckboxGroup.stories.tsx","tags":["autodocs","story"],"kind":"CheckboxGroup","story":"Vertical","parameters":{"__id":"checkboxgroup--vertical","docsOnly":false,"fileName":"./src/components/CheckboxGroup/CheckboxGroup.stories.tsx"}},"counter--docs":{"id":"counter--docs","title":"Counter","name":"Docs","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Counter","story":"Docs","parameters":{"__id":"counter--docs","docsOnly":true,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--default":{"id":"counter--default","name":"Default","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Default","parameters":{"__id":"counter--default","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--red":{"id":"counter--red","name":"Red","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Red","parameters":{"__id":"counter--red","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--grey":{"id":"counter--grey","name":"Grey","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Grey","parameters":{"__id":"counter--grey","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--blue":{"id":"counter--blue","name":"Blue","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Blue","parameters":{"__id":"counter--blue","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--green":{"id":"counter--green","name":"Green","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Green","parameters":{"__id":"counter--green","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--orange":{"id":"counter--orange","name":"Orange","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Orange","parameters":{"__id":"counter--orange","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--default-high":{"id":"counter--default-high","name":"Default High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Default High","parameters":{"__id":"counter--default-high","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--red-high":{"id":"counter--red-high","name":"Red High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Red High","parameters":{"__id":"counter--red-high","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--grey-high":{"id":"counter--grey-high","name":"Grey High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Grey High","parameters":{"__id":"counter--grey-high","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--blue-high":{"id":"counter--blue-high","name":"Blue High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Blue High","parameters":{"__id":"counter--blue-high","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--green-high":{"id":"counter--green-high","name":"Green High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Green High","parameters":{"__id":"counter--green-high","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--orange-high":{"id":"counter--orange-high","name":"Orange High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Orange High","parameters":{"__id":"counter--orange-high","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"divider--docs":{"id":"divider--docs","title":"Divider","name":"Docs","importPath":"./src/components/Divider/Divider.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Divider","story":"Docs","parameters":{"__id":"divider--docs","docsOnly":true,"fileName":"./src/components/Divider/Divider.stories.tsx"}},"divider--default":{"id":"divider--default","name":"Default","title":"Divider","importPath":"./src/components/Divider/Divider.stories.tsx","tags":["autodocs","story"],"kind":"Divider","story":"Default","parameters":{"__id":"divider--default","docsOnly":false,"fileName":"./src/components/Divider/Divider.stories.tsx"}},"divider--vertical":{"id":"divider--vertical","name":"Vertical","title":"Divider","importPath":"./src/components/Divider/Divider.stories.tsx","tags":["autodocs","story"],"kind":"Divider","story":"Vertical","parameters":{"__id":"divider--vertical","docsOnly":false,"fileName":"./src/components/Divider/Divider.stories.tsx"}},"global-primitives-helpertext--docs":{"id":"global-primitives-helpertext--docs","title":"Global Primitives / HelperText","name":"Docs","importPath":"./src/components/HelperText/HelperText.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Global Primitives / HelperText","story":"Docs","parameters":{"__id":"global-primitives-helpertext--docs","docsOnly":true,"fileName":"./src/components/HelperText/HelperText.stories.tsx"}},"global-primitives-helpertext--default":{"id":"global-primitives-helpertext--default","name":"Default","title":"Global Primitives / HelperText","importPath":"./src/components/HelperText/HelperText.stories.tsx","tags":["autodocs","story"],"kind":"Global Primitives / HelperText","story":"Default","parameters":{"__id":"global-primitives-helpertext--default","docsOnly":false,"fileName":"./src/components/HelperText/HelperText.stories.tsx"}},"global-primitives-helpertext--default-with-icon":{"id":"global-primitives-helpertext--default-with-icon","name":"Default With Icon","title":"Global Primitives / HelperText","importPath":"./src/components/HelperText/HelperText.stories.tsx","tags":["autodocs","story"],"kind":"Global Primitives / HelperText","story":"Default With Icon","parameters":{"__id":"global-primitives-helpertext--default-with-icon","docsOnly":false,"fileName":"./src/components/HelperText/HelperText.stories.tsx"}},"global-primitives-helpertext--default-with-counter":{"id":"global-primitives-helpertext--default-with-counter","name":"Default With Counter","title":"Global Primitives / HelperText","importPath":"./src/components/HelperText/HelperText.stories.tsx","tags":["autodocs","story"],"kind":"Global Primitives / HelperText","story":"Default With Counter","parameters":{"__id":"global-primitives-helpertext--default-with-counter","docsOnly":false,"fileName":"./src/components/HelperText/HelperText.stories.tsx"}},"foundations-icon--docs":{"id":"foundations-icon--docs","title":"Foundations / Icon","name":"Docs","importPath":"./src/components/Icon/Icon.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Foundations / Icon","story":"Docs","parameters":{"__id":"foundations-icon--docs","docsOnly":true,"fileName":"./src/components/Icon/Icon.stories.tsx"}},"foundations-icon--default":{"id":"foundations-icon--default","name":"Default","title":"Foundations / Icon","importPath":"./src/components/Icon/Icon.stories.tsx","tags":["autodocs","story"],"kind":"Foundations / Icon","story":"Default","parameters":{"__id":"foundations-icon--default","docsOnly":false,"fileName":"./src/components/Icon/Icon.stories.tsx"}},"iconbutton--docs":{"id":"iconbutton--docs","title":"IconButton","name":"Docs","importPath":"./src/components/IconButton/IconButton.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"IconButton","story":"Docs","parameters":{"__id":"iconbutton--docs","docsOnly":true,"fileName":"./src/components/IconButton/IconButton.stories.tsx"}},"iconbutton--default":{"id":"iconbutton--default","name":"Default","title":"IconButton","importPath":"./src/components/IconButton/IconButton.stories.tsx","tags":["autodocs","story"],"kind":"IconButton","story":"Default","parameters":{"__id":"iconbutton--default","docsOnly":false,"fileName":"./src/components/IconButton/IconButton.stories.tsx"}},"iconbutton--clickable":{"id":"iconbutton--clickable","name":"Clickable","title":"IconButton","importPath":"./src/components/IconButton/IconButton.stories.tsx","tags":["autodocs","story"],"kind":"IconButton","story":"Clickable","parameters":{"__id":"iconbutton--clickable","docsOnly":false,"fileName":"./src/components/IconButton/IconButton.stories.tsx"}},"inlinebanner--docs":{"id":"inlinebanner--docs","title":"InlineBanner","name":"Docs","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"InlineBanner","story":"Docs","parameters":{"__id":"inlinebanner--docs","docsOnly":true,"fileName":"./src/components/InlineBanner/InlineBanner.stories.tsx"}},"inlinebanner--default":{"id":"inlinebanner--default","name":"Default","title":"InlineBanner","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","story"],"kind":"InlineBanner","story":"Default","parameters":{"__id":"inlinebanner--default","docsOnly":false,"fileName":"./src/components/InlineBanner/InlineBanner.stories.tsx"}},"inlinebanner--informative":{"id":"inlinebanner--informative","name":"Informative","title":"InlineBanner","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","story"],"kind":"InlineBanner","story":"Informative","parameters":{"__id":"inlinebanner--informative","docsOnly":false,"fileName":"./src/components/InlineBanner/InlineBanner.stories.tsx"}},"inlinebanner--success":{"id":"inlinebanner--success","name":"Success","title":"InlineBanner","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","story"],"kind":"InlineBanner","story":"Success","parameters":{"__id":"inlinebanner--success","docsOnly":false,"fileName":"./src/components/InlineBanner/InlineBanner.stories.tsx"}},"inlinebanner--warning":{"id":"inlinebanner--warning","name":"Warning","title":"InlineBanner","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","story"],"kind":"InlineBanner","story":"Warning","parameters":{"__id":"inlinebanner--warning","docsOnly":false,"fileName":"./src/components/InlineBanner/InlineBanner.stories.tsx"}},"inlinebanner--negative":{"id":"inlinebanner--negative","name":"Negative","title":"InlineBanner","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","story"],"kind":"InlineBanner","story":"Negative","parameters":{"__id":"inlinebanner--negative","docsOnly":false,"fileName":"./src/components/InlineBanner/InlineBanner.stories.tsx"}},"inlinemessage--docs":{"id":"inlinemessage--docs","title":"InlineMessage","name":"Docs","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"InlineMessage","story":"Docs","parameters":{"__id":"inlinemessage--docs","docsOnly":true,"fileName":"./src/components/InlineMessage/InlineMessage.stories.tsx"}},"inlinemessage--informative":{"id":"inlinemessage--informative","name":"Informative","title":"InlineMessage","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","story"],"kind":"InlineMessage","story":"Informative","parameters":{"__id":"inlinemessage--informative","docsOnly":false,"fileName":"./src/components/InlineMessage/InlineMessage.stories.tsx"}},"inlinemessage--success":{"id":"inlinemessage--success","name":"Success","title":"InlineMessage","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","story"],"kind":"InlineMessage","story":"Success","parameters":{"__id":"inlinemessage--success","docsOnly":false,"fileName":"./src/components/InlineMessage/InlineMessage.stories.tsx"}},"inlinemessage--warning":{"id":"inlinemessage--warning","name":"Warning","title":"InlineMessage","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","story"],"kind":"InlineMessage","story":"Warning","parameters":{"__id":"inlinemessage--warning","docsOnly":false,"fileName":"./src/components/InlineMessage/InlineMessage.stories.tsx"}},"inlinemessage--negative":{"id":"inlinemessage--negative","name":"Negative","title":"InlineMessage","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","story"],"kind":"InlineMessage","story":"Negative","parameters":{"__id":"inlinemessage--negative","docsOnly":false,"fileName":"./src/components/InlineMessage/InlineMessage.stories.tsx"}},"inlinemessage--informative-with-very-long-description":{"id":"inlinemessage--informative-with-very-long-description","name":"Informative With Very Long Description","title":"InlineMessage","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","story"],"kind":"InlineMessage","story":"Informative With Very Long Description","parameters":{"__id":"inlinemessage--informative-with-very-long-description","docsOnly":false,"fileName":"./src/components/InlineMessage/InlineMessage.stories.tsx"}},"inlinesearchinput--docs":{"id":"inlinesearchinput--docs","title":"InlineSearchInput","name":"Docs","importPath":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"InlineSearchInput","story":"Docs","parameters":{"__id":"inlinesearchinput--docs","docsOnly":true,"fileName":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx"}},"inlinesearchinput--default":{"id":"inlinesearchinput--default","name":"Default","title":"InlineSearchInput","importPath":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx","tags":["autodocs","story"],"kind":"InlineSearchInput","story":"Default","parameters":{"__id":"inlinesearchinput--default","docsOnly":false,"fileName":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx"}},"inlinesearchinput--filled":{"id":"inlinesearchinput--filled","name":"Filled","title":"InlineSearchInput","importPath":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx","tags":["autodocs","story"],"kind":"InlineSearchInput","story":"Filled","parameters":{"__id":"inlinesearchinput--filled","docsOnly":false,"fileName":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx"}},"inlinesearchinput--disabled":{"id":"inlinesearchinput--disabled","name":"Disabled","title":"InlineSearchInput","importPath":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx","tags":["autodocs","story"],"kind":"InlineSearchInput","story":"Disabled","parameters":{"__id":"inlinesearchinput--disabled","docsOnly":false,"fileName":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx"}},"global-primitives-label--docs":{"id":"global-primitives-label--docs","title":"Global Primitives / Label","name":"Docs","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Global Primitives / Label","story":"Docs","parameters":{"__id":"global-primitives-label--docs","docsOnly":true,"fileName":"./src/components/Label/Label.stories.tsx"}},"global-primitives-label--default":{"id":"global-primitives-label--default","name":"Default","title":"Global Primitives / Label","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","story"],"kind":"Global Primitives / Label","story":"Default","parameters":{"__id":"global-primitives-label--default","docsOnly":false,"fileName":"./src/components/Label/Label.stories.tsx"}},"global-primitives-label--optional":{"id":"global-primitives-label--optional","name":"Optional","title":"Global Primitives / Label","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","story"],"kind":"Global Primitives / Label","story":"Optional","parameters":{"__id":"global-primitives-label--optional","docsOnly":false,"fileName":"./src/components/Label/Label.stories.tsx"}},"global-primitives-label--tooltip":{"id":"global-primitives-label--tooltip","name":"Tooltip","title":"Global Primitives / Label","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","story"],"kind":"Global Primitives / Label","story":"Tooltip","parameters":{"__id":"global-primitives-label--tooltip","docsOnly":false,"fileName":"./src/components/Label/Label.stories.tsx"}},"global-primitives-label--action":{"id":"global-primitives-label--action","name":"Action","title":"Global Primitives / Label","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","story"],"kind":"Global Primitives / Label","story":"Action","parameters":{"__id":"global-primitives-label--action","docsOnly":false,"fileName":"./src/components/Label/Label.stories.tsx"}},"global-primitives-label--all":{"id":"global-primitives-label--all","name":"All","title":"Global Primitives / Label","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","story"],"kind":"Global Primitives / Label","story":"All","parameters":{"__id":"global-primitives-label--all","docsOnly":false,"fileName":"./src/components/Label/Label.stories.tsx"}},"loader--docs":{"id":"loader--docs","title":"Loader","name":"Docs","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Loader","story":"Docs","parameters":{"__id":"loader--docs","docsOnly":true,"fileName":"./src/components/Loader/Loader.stories.tsx"}},"loader--default-circle":{"id":"loader--default-circle","name":"Default Circle","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"],"kind":"Loader","story":"Default Circle","parameters":{"__id":"loader--default-circle","docsOnly":false,"fileName":"./src/components/Loader/Loader.stories.tsx"}},"loader--default-bar":{"id":"loader--default-bar","name":"Default Bar","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"],"kind":"Loader","story":"Default Bar","parameters":{"__id":"loader--default-bar","docsOnly":false,"fileName":"./src/components/Loader/Loader.stories.tsx"}},"loader--progress-circle":{"id":"loader--progress-circle","name":"Progress Circle","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"],"kind":"Loader","story":"Progress Circle","parameters":{"__id":"loader--progress-circle","docsOnly":false,"fileName":"./src/components/Loader/Loader.stories.tsx"}},"loader--progress-bar":{"id":"loader--progress-bar","name":"Progress Bar","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"],"kind":"Loader","story":"Progress Bar","parameters":{"__id":"loader--progress-bar","docsOnly":false,"fileName":"./src/components/Loader/Loader.stories.tsx"}},"loader--white":{"id":"loader--white","name":"White","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"],"kind":"Loader","story":"White","parameters":{"__id":"loader--white","docsOnly":false,"fileName":"./src/components/Loader/Loader.stories.tsx"}},"loader--inverted":{"id":"loader--inverted","name":"Inverted","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"],"kind":"Loader","story":"Inverted","parameters":{"__id":"loader--inverted","docsOnly":false,"fileName":"./src/components/Loader/Loader.stories.tsx"}},"loader--greyscale":{"id":"loader--greyscale","name":"Greyscale","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"],"kind":"Loader","story":"Greyscale","parameters":{"__id":"loader--greyscale","docsOnly":false,"fileName":"./src/components/Loader/Loader.stories.tsx"}},"popover--docs":{"id":"popover--docs","title":"Popover","name":"Docs","importPath":"./src/components/Popover/Popover.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Popover","story":"Docs","parameters":{"__id":"popover--docs","docsOnly":true,"fileName":"./src/components/Popover/Popover.stories.tsx"}},"popover--default":{"id":"popover--default","name":"Default","title":"Popover","importPath":"./src/components/Popover/Popover.stories.tsx","tags":["autodocs","story"],"kind":"Popover","story":"Default","parameters":{"__id":"popover--default","docsOnly":false,"fileName":"./src/components/Popover/Popover.stories.tsx"}},"popover--open":{"id":"popover--open","name":"Open","title":"Popover","importPath":"./src/components/Popover/Popover.stories.tsx","tags":["autodocs","story"],"kind":"Popover","story":"Open","parameters":{"__id":"popover--open","docsOnly":false,"fileName":"./src/components/Popover/Popover.stories.tsx"}},"popover--custom-content":{"id":"popover--custom-content","name":"Custom Content","title":"Popover","importPath":"./src/components/Popover/Popover.stories.tsx","tags":["autodocs","story"],"kind":"Popover","story":"Custom Content","parameters":{"__id":"popover--custom-content","docsOnly":false,"fileName":"./src/components/Popover/Popover.stories.tsx"}},"radiobutton--docs":{"id":"radiobutton--docs","title":"RadioButton","name":"Docs","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"RadioButton","story":"Docs","parameters":{"__id":"radiobutton--docs","docsOnly":true,"fileName":"./src/components/RadioButton/RadioButton.stories.tsx"}},"radiobutton--default":{"id":"radiobutton--default","name":"Default","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"],"kind":"RadioButton","story":"Default","parameters":{"__id":"radiobutton--default","docsOnly":false,"fileName":"./src/components/RadioButton/RadioButton.stories.tsx"}},"radiobutton--checked":{"id":"radiobutton--checked","name":"Checked","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"],"kind":"RadioButton","story":"Checked","parameters":{"__id":"radiobutton--checked","docsOnly":false,"fileName":"./src/components/RadioButton/RadioButton.stories.tsx"}},"radiobutton--multiple":{"id":"radiobutton--multiple","name":"Multiple","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"],"kind":"RadioButton","story":"Multiple","parameters":{"__id":"radiobutton--multiple","docsOnly":false,"fileName":"./src/components/RadioButton/RadioButton.stories.tsx"}},"radiobutton--disabled":{"id":"radiobutton--disabled","name":"Disabled","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"],"kind":"RadioButton","story":"Disabled","parameters":{"__id":"radiobutton--disabled","docsOnly":false,"fileName":"./src/components/RadioButton/RadioButton.stories.tsx"}},"radiobutton--alert":{"id":"radiobutton--alert","name":"Alert","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"],"kind":"RadioButton","story":"Alert","parameters":{"__id":"radiobutton--alert","docsOnly":false,"fileName":"./src/components/RadioButton/RadioButton.stories.tsx"}},"radiobutton--label":{"id":"radiobutton--label","name":"Label","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"],"kind":"RadioButton","story":"Label","parameters":{"__id":"radiobutton--label","docsOnly":false,"fileName":"./src/components/RadioButton/RadioButton.stories.tsx"}},"radiobutton--helper-text":{"id":"radiobutton--helper-text","name":"Helper Text","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"],"kind":"RadioButton","story":"Helper Text","parameters":{"__id":"radiobutton--helper-text","docsOnly":false,"fileName":"./src/components/RadioButton/RadioButton.stories.tsx"}},"radiobutton--alert-helper-text":{"id":"radiobutton--alert-helper-text","name":"Alert Helper Text","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"],"kind":"RadioButton","story":"Alert Helper Text","parameters":{"__id":"radiobutton--alert-helper-text","docsOnly":false,"fileName":"./src/components/RadioButton/RadioButton.stories.tsx"}},"radiobuttongroup--docs":{"id":"radiobuttongroup--docs","title":"RadioButtonGroup","name":"Docs","importPath":"./src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"RadioButtonGroup","story":"Docs","parameters":{"__id":"radiobuttongroup--docs","docsOnly":true,"fileName":"./src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx"}},"radiobuttongroup--horizontal":{"id":"radiobuttongroup--horizontal","name":"Horizontal","title":"RadioButtonGroup","importPath":"./src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx","tags":["autodocs","story"],"kind":"RadioButtonGroup","story":"Horizontal","parameters":{"__id":"radiobuttongroup--horizontal","docsOnly":false,"fileName":"./src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx"}},"radiobuttongroup--vertical":{"id":"radiobuttongroup--vertical","name":"Vertical","title":"RadioButtonGroup","importPath":"./src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx","tags":["autodocs","story"],"kind":"RadioButtonGroup","story":"Vertical","parameters":{"__id":"radiobuttongroup--vertical","docsOnly":false,"fileName":"./src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx"}},"searchinput--docs":{"id":"searchinput--docs","title":"SearchInput","name":"Docs","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"SearchInput","story":"Docs","parameters":{"__id":"searchinput--docs","docsOnly":true,"fileName":"./src/components/SearchInput/SearchInput.stories.tsx"}},"searchinput--default":{"id":"searchinput--default","name":"Default","title":"SearchInput","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","story"],"kind":"SearchInput","story":"Default","parameters":{"__id":"searchinput--default","docsOnly":false,"fileName":"./src/components/SearchInput/SearchInput.stories.tsx"}},"searchinput--filled":{"id":"searchinput--filled","name":"Filled","title":"SearchInput","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","story"],"kind":"SearchInput","story":"Filled","parameters":{"__id":"searchinput--filled","docsOnly":false,"fileName":"./src/components/SearchInput/SearchInput.stories.tsx"}},"searchinput--disabled":{"id":"searchinput--disabled","name":"Disabled","title":"SearchInput","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","story"],"kind":"SearchInput","story":"Disabled","parameters":{"__id":"searchinput--disabled","docsOnly":false,"fileName":"./src/components/SearchInput/SearchInput.stories.tsx"}},"searchinput--dropdown":{"id":"searchinput--dropdown","name":"Dropdown","title":"SearchInput","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","story"],"kind":"SearchInput","story":"Dropdown","parameters":{"__id":"searchinput--dropdown","docsOnly":false,"fileName":"./src/components/SearchInput/SearchInput.stories.tsx"}},"searchinput--icon-button":{"id":"searchinput--icon-button","name":"Icon Button","title":"SearchInput","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","story"],"kind":"SearchInput","story":"Icon Button","parameters":{"__id":"searchinput--icon-button","docsOnly":false,"fileName":"./src/components/SearchInput/SearchInput.stories.tsx"}},"select--docs":{"id":"select--docs","title":"Select","name":"Docs","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Select","story":"Docs","parameters":{"__id":"select--docs","docsOnly":true,"fileName":"./src/components/Select/Select.stories.tsx"}},"select--default":{"id":"select--default","name":"Default","title":"Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"],"kind":"Select","story":"Default","parameters":{"__id":"select--default","docsOnly":false,"fileName":"./src/components/Select/Select.stories.tsx"}},"select--disabled":{"id":"select--disabled","name":"Disabled","title":"Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"],"kind":"Select","story":"Disabled","parameters":{"__id":"select--disabled","docsOnly":false,"fileName":"./src/components/Select/Select.stories.tsx"}},"select--alert":{"id":"select--alert","name":"Alert","title":"Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"],"kind":"Select","story":"Alert","parameters":{"__id":"select--alert","docsOnly":false,"fileName":"./src/components/Select/Select.stories.tsx"}},"select--before-icon-component":{"id":"select--before-icon-component","name":"Before Icon Component","title":"Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"],"kind":"Select","story":"Before Icon Component","parameters":{"__id":"select--before-icon-component","docsOnly":false,"fileName":"./src/components/Select/Select.stories.tsx"}},"select--before-avatar-component":{"id":"select--before-avatar-component","name":"Before Avatar Component","title":"Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"],"kind":"Select","story":"Before Avatar Component","parameters":{"__id":"select--before-avatar-component","docsOnly":false,"fileName":"./src/components/Select/Select.stories.tsx"}},"socialbutton--docs":{"id":"socialbutton--docs","title":"SocialButton","name":"Docs","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"SocialButton","story":"Docs","parameters":{"__id":"socialbutton--docs","docsOnly":true,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--primary-apple":{"id":"socialbutton--primary-apple","name":"Primary Apple","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Primary Apple","parameters":{"__id":"socialbutton--primary-apple","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--secondary-apple":{"id":"socialbutton--secondary-apple","name":"Secondary Apple","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Secondary Apple","parameters":{"__id":"socialbutton--secondary-apple","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--primary-facebook":{"id":"socialbutton--primary-facebook","name":"Primary Facebook","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Primary Facebook","parameters":{"__id":"socialbutton--primary-facebook","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--secondary-facebook":{"id":"socialbutton--secondary-facebook","name":"Secondary Facebook","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Secondary Facebook","parameters":{"__id":"socialbutton--secondary-facebook","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--primary-figma":{"id":"socialbutton--primary-figma","name":"Primary Figma","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Primary Figma","parameters":{"__id":"socialbutton--primary-figma","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--secondary-figma":{"id":"socialbutton--secondary-figma","name":"Secondary Figma","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Secondary Figma","parameters":{"__id":"socialbutton--secondary-figma","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--primary-github":{"id":"socialbutton--primary-github","name":"Primary Github","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Primary Github","parameters":{"__id":"socialbutton--primary-github","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--secondary-github":{"id":"socialbutton--secondary-github","name":"Secondary Github","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Secondary Github","parameters":{"__id":"socialbutton--secondary-github","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--primary-google":{"id":"socialbutton--primary-google","name":"Primary Google","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Primary Google","parameters":{"__id":"socialbutton--primary-google","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--secondary-google":{"id":"socialbutton--secondary-google","name":"Secondary Google","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Secondary Google","parameters":{"__id":"socialbutton--secondary-google","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--primary-twitter":{"id":"socialbutton--primary-twitter","name":"Primary Twitter","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Primary Twitter","parameters":{"__id":"socialbutton--primary-twitter","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--secondary-twitter":{"id":"socialbutton--secondary-twitter","name":"Secondary Twitter","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Secondary Twitter","parameters":{"__id":"socialbutton--secondary-twitter","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"status--docs":{"id":"status--docs","title":"Status","name":"Docs","importPath":"./src/components/Status/Status.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Status","story":"Docs","parameters":{"__id":"status--docs","docsOnly":true,"fileName":"./src/components/Status/Status.stories.tsx"}},"status--default":{"id":"status--default","name":"Default","title":"Status","importPath":"./src/components/Status/Status.stories.tsx","tags":["autodocs","story"],"kind":"Status","story":"Default","parameters":{"__id":"status--default","docsOnly":false,"fileName":"./src/components/Status/Status.stories.tsx"}},"global-primitives-statusdot--docs":{"id":"global-primitives-statusdot--docs","title":"Global Primitives / StatusDot","name":"Docs","importPath":"./src/components/StatusDot/StatusDot.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Global Primitives / StatusDot","story":"Docs","parameters":{"__id":"global-primitives-statusdot--docs","docsOnly":true,"fileName":"./src/components/StatusDot/StatusDot.stories.tsx"}},"global-primitives-statusdot--default":{"id":"global-primitives-statusdot--default","name":"Default","title":"Global Primitives / StatusDot","importPath":"./src/components/StatusDot/StatusDot.stories.tsx","tags":["autodocs","story"],"kind":"Global Primitives / StatusDot","story":"Default","parameters":{"__id":"global-primitives-statusdot--default","docsOnly":false,"fileName":"./src/components/StatusDot/StatusDot.stories.tsx"}},"global-primitives-statusdot--stroked":{"id":"global-primitives-statusdot--stroked","name":"Stroked","title":"Global Primitives / StatusDot","importPath":"./src/components/StatusDot/StatusDot.stories.tsx","tags":["autodocs","story"],"kind":"Global Primitives / StatusDot","story":"Stroked","parameters":{"__id":"global-primitives-statusdot--stroked","docsOnly":false,"fileName":"./src/components/StatusDot/StatusDot.stories.tsx"}},"tag--docs":{"id":"tag--docs","title":"Tag","name":"Docs","importPath":"./src/components/Tag/Tag.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Tag","story":"Docs","parameters":{"__id":"tag--docs","docsOnly":true,"fileName":"./src/components/Tag/Tag.stories.tsx"}},"tag--default":{"id":"tag--default","name":"Default","title":"Tag","importPath":"./src/components/Tag/Tag.stories.tsx","tags":["autodocs","story"],"kind":"Tag","story":"Default","parameters":{"__id":"tag--default","docsOnly":false,"fileName":"./src/components/Tag/Tag.stories.tsx"}},"tag--before-avatar-component":{"id":"tag--before-avatar-component","name":"Before Avatar Component","title":"Tag","importPath":"./src/components/Tag/Tag.stories.tsx","tags":["autodocs","story"],"kind":"Tag","story":"Before Avatar Component","parameters":{"__id":"tag--before-avatar-component","docsOnly":false,"fileName":"./src/components/Tag/Tag.stories.tsx"}},"tag--with-remove-button":{"id":"tag--with-remove-button","name":"With Remove Button","title":"Tag","importPath":"./src/components/Tag/Tag.stories.tsx","tags":["autodocs","story"],"kind":"Tag","story":"With Remove Button","parameters":{"__id":"tag--with-remove-button","docsOnly":false,"fileName":"./src/components/Tag/Tag.stories.tsx"}},"textinput--docs":{"id":"textinput--docs","title":"TextInput","name":"Docs","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"TextInput","story":"Docs","parameters":{"__id":"textinput--docs","docsOnly":true,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--default":{"id":"textinput--default","name":"Default","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"Default","parameters":{"__id":"textinput--default","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--disabled":{"id":"textinput--disabled","name":"Disabled","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"Disabled","parameters":{"__id":"textinput--disabled","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--alert":{"id":"textinput--alert","name":"Alert","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"Alert","parameters":{"__id":"textinput--alert","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--with-clear-button":{"id":"textinput--with-clear-button","name":"With Clear Button","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"With Clear Button","parameters":{"__id":"textinput--with-clear-button","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--before-icon-component":{"id":"textinput--before-icon-component","name":"Before Icon Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"Before Icon Component","parameters":{"__id":"textinput--before-icon-component","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--before-avatar-component":{"id":"textinput--before-avatar-component","name":"Before Avatar Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"Before Avatar Component","parameters":{"__id":"textinput--before-avatar-component","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--before-prefix-component":{"id":"textinput--before-prefix-component","name":"Before Prefix Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"Before Prefix Component","parameters":{"__id":"textinput--before-prefix-component","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--before-dropdown-component":{"id":"textinput--before-dropdown-component","name":"Before Dropdown Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"Before Dropdown Component","parameters":{"__id":"textinput--before-dropdown-component","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--after-dropdown-component":{"id":"textinput--after-dropdown-component","name":"After Dropdown Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"After Dropdown Component","parameters":{"__id":"textinput--after-dropdown-component","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--after-icon-component":{"id":"textinput--after-icon-component","name":"After Icon Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"After Icon Component","parameters":{"__id":"textinput--after-icon-component","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--after-icon-button-component":{"id":"textinput--after-icon-button-component","name":"After Icon Button Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"After Icon Button Component","parameters":{"__id":"textinput--after-icon-button-component","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--after-sufix-component":{"id":"textinput--after-sufix-component","name":"After Sufix Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"After Sufix Component","parameters":{"__id":"textinput--after-sufix-component","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--after-button-component":{"id":"textinput--after-button-component","name":"After Button Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"After Button Component","parameters":{"__id":"textinput--after-button-component","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"toast--docs":{"id":"toast--docs","title":"Toast","name":"Docs","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Toast","story":"Docs","parameters":{"__id":"toast--docs","docsOnly":true,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"toast--default":{"id":"toast--default","name":"Default","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"],"kind":"Toast","story":"Default","parameters":{"__id":"toast--default","docsOnly":false,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"toast--informative":{"id":"toast--informative","name":"Informative","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"],"kind":"Toast","story":"Informative","parameters":{"__id":"toast--informative","docsOnly":false,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"toast--success":{"id":"toast--success","name":"Success","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"],"kind":"Toast","story":"Success","parameters":{"__id":"toast--success","docsOnly":false,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"toast--warning":{"id":"toast--warning","name":"Warning","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"],"kind":"Toast","story":"Warning","parameters":{"__id":"toast--warning","docsOnly":false,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"toast--negative":{"id":"toast--negative","name":"Negative","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"],"kind":"Toast","story":"Negative","parameters":{"__id":"toast--negative","docsOnly":false,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"toast--neutral-high":{"id":"toast--neutral-high","name":"Neutral High","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"],"kind":"Toast","story":"Neutral High","parameters":{"__id":"toast--neutral-high","docsOnly":false,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"toast--informative-high":{"id":"toast--informative-high","name":"Informative High","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"],"kind":"Toast","story":"Informative High","parameters":{"__id":"toast--informative-high","docsOnly":false,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"toast--success-high":{"id":"toast--success-high","name":"Success High","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"],"kind":"Toast","story":"Success High","parameters":{"__id":"toast--success-high","docsOnly":false,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"toast--warning-high":{"id":"toast--warning-high","name":"Warning High","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"],"kind":"Toast","story":"Warning High","parameters":{"__id":"toast--warning-high","docsOnly":false,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"toast--negative-high":{"id":"toast--negative-high","name":"Negative High","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"],"kind":"Toast","story":"Negative High","parameters":{"__id":"toast--negative-high","docsOnly":false,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"docs-changelog--docs":{"id":"docs-changelog--docs","title":"Docs/Changelog","name":"Docs","importPath":"./src/docs-pages/Changelog.mdx","storiesImports":[],"tags":["unattached-mdx","docs"],"kind":"Docs/Changelog","story":"Docs","parameters":{"__id":"docs-changelog--docs","docsOnly":true,"fileName":"./src/docs-pages/Changelog.mdx"}},"docs-readme--docs":{"id":"docs-readme--docs","title":"Docs/ReadMe","name":"Docs","importPath":"./src/docs-pages/ReadMe.mdx","storiesImports":[],"tags":["unattached-mdx","docs"],"kind":"Docs/ReadMe","story":"Docs","parameters":{"__id":"docs-readme--docs","docsOnly":true,"fileName":"./src/docs-pages/ReadMe.mdx"}}}} +{"v":3,"stories":{"alertbanner--docs":{"id":"alertbanner--docs","title":"AlertBanner","name":"Docs","importPath":"./src/components/AlertBanner/AlertBanner.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"AlertBanner","story":"Docs","parameters":{"__id":"alertbanner--docs","docsOnly":true,"fileName":"./src/components/AlertBanner/AlertBanner.stories.tsx"}},"alertbanner--default":{"id":"alertbanner--default","name":"Default","title":"AlertBanner","importPath":"./src/components/AlertBanner/AlertBanner.stories.tsx","tags":["autodocs","story"],"kind":"AlertBanner","story":"Default","parameters":{"__id":"alertbanner--default","docsOnly":false,"fileName":"./src/components/AlertBanner/AlertBanner.stories.tsx"}},"alertbanner--positive":{"id":"alertbanner--positive","name":"Positive","title":"AlertBanner","importPath":"./src/components/AlertBanner/AlertBanner.stories.tsx","tags":["autodocs","story"],"kind":"AlertBanner","story":"Positive","parameters":{"__id":"alertbanner--positive","docsOnly":false,"fileName":"./src/components/AlertBanner/AlertBanner.stories.tsx"}},"alertbanner--warning":{"id":"alertbanner--warning","name":"Warning","title":"AlertBanner","importPath":"./src/components/AlertBanner/AlertBanner.stories.tsx","tags":["autodocs","story"],"kind":"AlertBanner","story":"Warning","parameters":{"__id":"alertbanner--warning","docsOnly":false,"fileName":"./src/components/AlertBanner/AlertBanner.stories.tsx"}},"alertbanner--negative":{"id":"alertbanner--negative","name":"Negative","title":"AlertBanner","importPath":"./src/components/AlertBanner/AlertBanner.stories.tsx","tags":["autodocs","story"],"kind":"AlertBanner","story":"Negative","parameters":{"__id":"alertbanner--negative","docsOnly":false,"fileName":"./src/components/AlertBanner/AlertBanner.stories.tsx"}},"avatar--docs":{"id":"avatar--docs","title":"Avatar","name":"Docs","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Avatar","story":"Docs","parameters":{"__id":"avatar--docs","docsOnly":true,"fileName":"./src/components/Avatar/Avatar.stories.tsx"}},"avatar--initials":{"id":"avatar--initials","name":"Initials","title":"Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["autodocs","story"],"kind":"Avatar","story":"Initials","parameters":{"__id":"avatar--initials","docsOnly":false,"fileName":"./src/components/Avatar/Avatar.stories.tsx"}},"avatar--image":{"id":"avatar--image","name":"Image","title":"Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["autodocs","story"],"kind":"Avatar","story":"Image","parameters":{"__id":"avatar--image","docsOnly":false,"fileName":"./src/components/Avatar/Avatar.stories.tsx"}},"badge--docs":{"id":"badge--docs","title":"Badge","name":"Docs","importPath":"./src/components/Badge/Badge.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Badge","story":"Docs","parameters":{"__id":"badge--docs","docsOnly":true,"fileName":"./src/components/Badge/Badge.stories.tsx"}},"badge--default":{"id":"badge--default","name":"Default","title":"Badge","importPath":"./src/components/Badge/Badge.stories.tsx","tags":["autodocs","story"],"kind":"Badge","story":"Default","parameters":{"__id":"badge--default","docsOnly":false,"fileName":"./src/components/Badge/Badge.stories.tsx"}},"badge--icon":{"id":"badge--icon","name":"Icon","title":"Badge","importPath":"./src/components/Badge/Badge.stories.tsx","tags":["autodocs","story"],"kind":"Badge","story":"Icon","parameters":{"__id":"badge--icon","docsOnly":false,"fileName":"./src/components/Badge/Badge.stories.tsx"}},"badge--label-icons":{"id":"badge--label-icons","name":"Label Icons","title":"Badge","importPath":"./src/components/Badge/Badge.stories.tsx","tags":["autodocs","story"],"kind":"Badge","story":"Label Icons","parameters":{"__id":"badge--label-icons","docsOnly":false,"fileName":"./src/components/Badge/Badge.stories.tsx"}},"button--docs":{"id":"button--docs","title":"Button","name":"Docs","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Button","story":"Docs","parameters":{"__id":"button--docs","docsOnly":true,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--default":{"id":"button--default","name":"Default","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Default","parameters":{"__id":"button--default","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--default-loading":{"id":"button--default-loading","name":"Default Loading","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Default Loading","parameters":{"__id":"button--default-loading","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--default-disabled":{"id":"button--default-disabled","name":"Default Disabled","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Default Disabled","parameters":{"__id":"button--default-disabled","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--default-before-icon":{"id":"button--default-before-icon","name":"Default Before Icon","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Default Before Icon","parameters":{"__id":"button--default-before-icon","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--default-after-icon":{"id":"button--default-after-icon","name":"Default After Icon","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Default After Icon","parameters":{"__id":"button--default-after-icon","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--default-dropdown":{"id":"button--default-dropdown","name":"Default Dropdown","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Default Dropdown","parameters":{"__id":"button--default-dropdown","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--ghost":{"id":"button--ghost","name":"Ghost","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Ghost","parameters":{"__id":"button--ghost","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--ghost-loading":{"id":"button--ghost-loading","name":"Ghost Loading","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Ghost Loading","parameters":{"__id":"button--ghost-loading","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--ghost-disabled":{"id":"button--ghost-disabled","name":"Ghost Disabled","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Ghost Disabled","parameters":{"__id":"button--ghost-disabled","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--bare":{"id":"button--bare","name":"Bare","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Bare","parameters":{"__id":"button--bare","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--bare-loading":{"id":"button--bare-loading","name":"Bare Loading","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Bare Loading","parameters":{"__id":"button--bare-loading","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"button--bare-disabled":{"id":"button--bare-disabled","name":"Bare Disabled","title":"Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"],"kind":"Button","story":"Bare Disabled","parameters":{"__id":"button--bare-disabled","docsOnly":false,"fileName":"./src/components/Button/Button.stories.tsx"}},"card--docs":{"id":"card--docs","title":"Card","name":"Docs","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Card","story":"Docs","parameters":{"__id":"card--docs","docsOnly":true,"fileName":"./src/components/Card/Card.stories.tsx"}},"card--default":{"id":"card--default","name":"Default","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"],"kind":"Card","story":"Default","parameters":{"__id":"card--default","docsOnly":false,"fileName":"./src/components/Card/Card.stories.tsx"}},"card--content":{"id":"card--content","name":"Content","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"],"kind":"Card","story":"Content","parameters":{"__id":"card--content","docsOnly":false,"fileName":"./src/components/Card/Card.stories.tsx"}},"card--header":{"id":"card--header","name":"Header","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"],"kind":"Card","story":"Header","parameters":{"__id":"card--header","docsOnly":false,"fileName":"./src/components/Card/Card.stories.tsx"}},"card--header-description":{"id":"card--header-description","name":"Header Description","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"],"kind":"Card","story":"Header Description","parameters":{"__id":"card--header-description","docsOnly":false,"fileName":"./src/components/Card/Card.stories.tsx"}},"card--header-icon":{"id":"card--header-icon","name":"Header Icon","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"],"kind":"Card","story":"Header Icon","parameters":{"__id":"card--header-icon","docsOnly":false,"fileName":"./src/components/Card/Card.stories.tsx"}},"card--header-avatar":{"id":"card--header-avatar","name":"Header Avatar","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"],"kind":"Card","story":"Header Avatar","parameters":{"__id":"card--header-avatar","docsOnly":false,"fileName":"./src/components/Card/Card.stories.tsx"}},"card--header-actions":{"id":"card--header-actions","name":"Header Actions","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"],"kind":"Card","story":"Header Actions","parameters":{"__id":"card--header-actions","docsOnly":false,"fileName":"./src/components/Card/Card.stories.tsx"}},"card--footer":{"id":"card--footer","name":"Footer","title":"Card","importPath":"./src/components/Card/Card.stories.tsx","tags":["autodocs","story"],"kind":"Card","story":"Footer","parameters":{"__id":"card--footer","docsOnly":false,"fileName":"./src/components/Card/Card.stories.tsx"}},"checkbox--docs":{"id":"checkbox--docs","title":"Checkbox","name":"Docs","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Checkbox","story":"Docs","parameters":{"__id":"checkbox--docs","docsOnly":true,"fileName":"./src/components/Checkbox/Checkbox.stories.tsx"}},"checkbox--default":{"id":"checkbox--default","name":"Default","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"],"kind":"Checkbox","story":"Default","parameters":{"__id":"checkbox--default","docsOnly":false,"fileName":"./src/components/Checkbox/Checkbox.stories.tsx"}},"checkbox--checked":{"id":"checkbox--checked","name":"Checked","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"],"kind":"Checkbox","story":"Checked","parameters":{"__id":"checkbox--checked","docsOnly":false,"fileName":"./src/components/Checkbox/Checkbox.stories.tsx"}},"checkbox--indeterminate":{"id":"checkbox--indeterminate","name":"Indeterminate","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"],"kind":"Checkbox","story":"Indeterminate","parameters":{"__id":"checkbox--indeterminate","docsOnly":false,"fileName":"./src/components/Checkbox/Checkbox.stories.tsx"}},"checkbox--disabled":{"id":"checkbox--disabled","name":"Disabled","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"],"kind":"Checkbox","story":"Disabled","parameters":{"__id":"checkbox--disabled","docsOnly":false,"fileName":"./src/components/Checkbox/Checkbox.stories.tsx"}},"checkbox--alert":{"id":"checkbox--alert","name":"Alert","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"],"kind":"Checkbox","story":"Alert","parameters":{"__id":"checkbox--alert","docsOnly":false,"fileName":"./src/components/Checkbox/Checkbox.stories.tsx"}},"checkbox--label":{"id":"checkbox--label","name":"Label","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"],"kind":"Checkbox","story":"Label","parameters":{"__id":"checkbox--label","docsOnly":false,"fileName":"./src/components/Checkbox/Checkbox.stories.tsx"}},"checkbox--helper-text":{"id":"checkbox--helper-text","name":"Helper Text","title":"Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"],"kind":"Checkbox","story":"Helper Text","parameters":{"__id":"checkbox--helper-text","docsOnly":false,"fileName":"./src/components/Checkbox/Checkbox.stories.tsx"}},"checkboxgroup--docs":{"id":"checkboxgroup--docs","title":"CheckboxGroup","name":"Docs","importPath":"./src/components/CheckboxGroup/CheckboxGroup.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"CheckboxGroup","story":"Docs","parameters":{"__id":"checkboxgroup--docs","docsOnly":true,"fileName":"./src/components/CheckboxGroup/CheckboxGroup.stories.tsx"}},"checkboxgroup--horizontal":{"id":"checkboxgroup--horizontal","name":"Horizontal","title":"CheckboxGroup","importPath":"./src/components/CheckboxGroup/CheckboxGroup.stories.tsx","tags":["autodocs","story"],"kind":"CheckboxGroup","story":"Horizontal","parameters":{"__id":"checkboxgroup--horizontal","docsOnly":false,"fileName":"./src/components/CheckboxGroup/CheckboxGroup.stories.tsx"}},"checkboxgroup--vertical":{"id":"checkboxgroup--vertical","name":"Vertical","title":"CheckboxGroup","importPath":"./src/components/CheckboxGroup/CheckboxGroup.stories.tsx","tags":["autodocs","story"],"kind":"CheckboxGroup","story":"Vertical","parameters":{"__id":"checkboxgroup--vertical","docsOnly":false,"fileName":"./src/components/CheckboxGroup/CheckboxGroup.stories.tsx"}},"cornerdialog--docs":{"id":"cornerdialog--docs","title":"CornerDialog","name":"Docs","importPath":"./src/components/CornerDialog/CornerDialog.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"CornerDialog","story":"Docs","parameters":{"__id":"cornerdialog--docs","docsOnly":true,"fileName":"./src/components/CornerDialog/CornerDialog.stories.tsx"}},"cornerdialog--default":{"id":"cornerdialog--default","name":"Default","title":"CornerDialog","importPath":"./src/components/CornerDialog/CornerDialog.stories.tsx","tags":["autodocs","story"],"kind":"CornerDialog","story":"Default","parameters":{"__id":"cornerdialog--default","docsOnly":false,"fileName":"./src/components/CornerDialog/CornerDialog.stories.tsx"}},"cornerdialog--decision":{"id":"cornerdialog--decision","name":"Decision","title":"CornerDialog","importPath":"./src/components/CornerDialog/CornerDialog.stories.tsx","tags":["autodocs","story"],"kind":"CornerDialog","story":"Decision","parameters":{"__id":"cornerdialog--decision","docsOnly":false,"fileName":"./src/components/CornerDialog/CornerDialog.stories.tsx"}},"cornerdialog--confirmation":{"id":"cornerdialog--confirmation","name":"Confirmation","title":"CornerDialog","importPath":"./src/components/CornerDialog/CornerDialog.stories.tsx","tags":["autodocs","story"],"kind":"CornerDialog","story":"Confirmation","parameters":{"__id":"cornerdialog--confirmation","docsOnly":false,"fileName":"./src/components/CornerDialog/CornerDialog.stories.tsx"}},"cornerdialog--negative-with-destructive-button":{"id":"cornerdialog--negative-with-destructive-button","name":"Negative With Destructive Button","title":"CornerDialog","importPath":"./src/components/CornerDialog/CornerDialog.stories.tsx","tags":["autodocs","story"],"kind":"CornerDialog","story":"Negative With Destructive Button","parameters":{"__id":"cornerdialog--negative-with-destructive-button","docsOnly":false,"fileName":"./src/components/CornerDialog/CornerDialog.stories.tsx"}},"cornerdialog--warning-and-additional-action":{"id":"cornerdialog--warning-and-additional-action","name":"Warning And Additional Action","title":"CornerDialog","importPath":"./src/components/CornerDialog/CornerDialog.stories.tsx","tags":["autodocs","story"],"kind":"CornerDialog","story":"Warning And Additional Action","parameters":{"__id":"cornerdialog--warning-and-additional-action","docsOnly":false,"fileName":"./src/components/CornerDialog/CornerDialog.stories.tsx"}},"cornerdialog--custom-content":{"id":"cornerdialog--custom-content","name":"Custom Content","title":"CornerDialog","importPath":"./src/components/CornerDialog/CornerDialog.stories.tsx","tags":["autodocs","story"],"kind":"CornerDialog","story":"Custom Content","parameters":{"__id":"cornerdialog--custom-content","docsOnly":false,"fileName":"./src/components/CornerDialog/CornerDialog.stories.tsx"}},"counter--docs":{"id":"counter--docs","title":"Counter","name":"Docs","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Counter","story":"Docs","parameters":{"__id":"counter--docs","docsOnly":true,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--default":{"id":"counter--default","name":"Default","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Default","parameters":{"__id":"counter--default","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--red":{"id":"counter--red","name":"Red","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Red","parameters":{"__id":"counter--red","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--grey":{"id":"counter--grey","name":"Grey","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Grey","parameters":{"__id":"counter--grey","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--blue":{"id":"counter--blue","name":"Blue","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Blue","parameters":{"__id":"counter--blue","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--green":{"id":"counter--green","name":"Green","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Green","parameters":{"__id":"counter--green","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--orange":{"id":"counter--orange","name":"Orange","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Orange","parameters":{"__id":"counter--orange","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--default-high":{"id":"counter--default-high","name":"Default High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Default High","parameters":{"__id":"counter--default-high","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--red-high":{"id":"counter--red-high","name":"Red High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Red High","parameters":{"__id":"counter--red-high","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--grey-high":{"id":"counter--grey-high","name":"Grey High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Grey High","parameters":{"__id":"counter--grey-high","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--blue-high":{"id":"counter--blue-high","name":"Blue High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Blue High","parameters":{"__id":"counter--blue-high","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--green-high":{"id":"counter--green-high","name":"Green High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Green High","parameters":{"__id":"counter--green-high","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"counter--orange-high":{"id":"counter--orange-high","name":"Orange High","title":"Counter","importPath":"./src/components/Counter/Counter.stories.tsx","tags":["autodocs","story"],"kind":"Counter","story":"Orange High","parameters":{"__id":"counter--orange-high","docsOnly":false,"fileName":"./src/components/Counter/Counter.stories.tsx"}},"divider--docs":{"id":"divider--docs","title":"Divider","name":"Docs","importPath":"./src/components/Divider/Divider.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Divider","story":"Docs","parameters":{"__id":"divider--docs","docsOnly":true,"fileName":"./src/components/Divider/Divider.stories.tsx"}},"divider--default":{"id":"divider--default","name":"Default","title":"Divider","importPath":"./src/components/Divider/Divider.stories.tsx","tags":["autodocs","story"],"kind":"Divider","story":"Default","parameters":{"__id":"divider--default","docsOnly":false,"fileName":"./src/components/Divider/Divider.stories.tsx"}},"divider--vertical":{"id":"divider--vertical","name":"Vertical","title":"Divider","importPath":"./src/components/Divider/Divider.stories.tsx","tags":["autodocs","story"],"kind":"Divider","story":"Vertical","parameters":{"__id":"divider--vertical","docsOnly":false,"fileName":"./src/components/Divider/Divider.stories.tsx"}},"global-primitives-helpertext--docs":{"id":"global-primitives-helpertext--docs","title":"Global Primitives / HelperText","name":"Docs","importPath":"./src/components/HelperText/HelperText.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Global Primitives / HelperText","story":"Docs","parameters":{"__id":"global-primitives-helpertext--docs","docsOnly":true,"fileName":"./src/components/HelperText/HelperText.stories.tsx"}},"global-primitives-helpertext--default":{"id":"global-primitives-helpertext--default","name":"Default","title":"Global Primitives / HelperText","importPath":"./src/components/HelperText/HelperText.stories.tsx","tags":["autodocs","story"],"kind":"Global Primitives / HelperText","story":"Default","parameters":{"__id":"global-primitives-helpertext--default","docsOnly":false,"fileName":"./src/components/HelperText/HelperText.stories.tsx"}},"global-primitives-helpertext--default-with-icon":{"id":"global-primitives-helpertext--default-with-icon","name":"Default With Icon","title":"Global Primitives / HelperText","importPath":"./src/components/HelperText/HelperText.stories.tsx","tags":["autodocs","story"],"kind":"Global Primitives / HelperText","story":"Default With Icon","parameters":{"__id":"global-primitives-helpertext--default-with-icon","docsOnly":false,"fileName":"./src/components/HelperText/HelperText.stories.tsx"}},"global-primitives-helpertext--default-with-counter":{"id":"global-primitives-helpertext--default-with-counter","name":"Default With Counter","title":"Global Primitives / HelperText","importPath":"./src/components/HelperText/HelperText.stories.tsx","tags":["autodocs","story"],"kind":"Global Primitives / HelperText","story":"Default With Counter","parameters":{"__id":"global-primitives-helpertext--default-with-counter","docsOnly":false,"fileName":"./src/components/HelperText/HelperText.stories.tsx"}},"foundations-icon--docs":{"id":"foundations-icon--docs","title":"Foundations / Icon","name":"Docs","importPath":"./src/components/Icon/Icon.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Foundations / Icon","story":"Docs","parameters":{"__id":"foundations-icon--docs","docsOnly":true,"fileName":"./src/components/Icon/Icon.stories.tsx"}},"foundations-icon--default":{"id":"foundations-icon--default","name":"Default","title":"Foundations / Icon","importPath":"./src/components/Icon/Icon.stories.tsx","tags":["autodocs","story"],"kind":"Foundations / Icon","story":"Default","parameters":{"__id":"foundations-icon--default","docsOnly":false,"fileName":"./src/components/Icon/Icon.stories.tsx"}},"iconbutton--docs":{"id":"iconbutton--docs","title":"IconButton","name":"Docs","importPath":"./src/components/IconButton/IconButton.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"IconButton","story":"Docs","parameters":{"__id":"iconbutton--docs","docsOnly":true,"fileName":"./src/components/IconButton/IconButton.stories.tsx"}},"iconbutton--default":{"id":"iconbutton--default","name":"Default","title":"IconButton","importPath":"./src/components/IconButton/IconButton.stories.tsx","tags":["autodocs","story"],"kind":"IconButton","story":"Default","parameters":{"__id":"iconbutton--default","docsOnly":false,"fileName":"./src/components/IconButton/IconButton.stories.tsx"}},"iconbutton--clickable":{"id":"iconbutton--clickable","name":"Clickable","title":"IconButton","importPath":"./src/components/IconButton/IconButton.stories.tsx","tags":["autodocs","story"],"kind":"IconButton","story":"Clickable","parameters":{"__id":"iconbutton--clickable","docsOnly":false,"fileName":"./src/components/IconButton/IconButton.stories.tsx"}},"inlinebanner--docs":{"id":"inlinebanner--docs","title":"InlineBanner","name":"Docs","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"InlineBanner","story":"Docs","parameters":{"__id":"inlinebanner--docs","docsOnly":true,"fileName":"./src/components/InlineBanner/InlineBanner.stories.tsx"}},"inlinebanner--default":{"id":"inlinebanner--default","name":"Default","title":"InlineBanner","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","story"],"kind":"InlineBanner","story":"Default","parameters":{"__id":"inlinebanner--default","docsOnly":false,"fileName":"./src/components/InlineBanner/InlineBanner.stories.tsx"}},"inlinebanner--informative":{"id":"inlinebanner--informative","name":"Informative","title":"InlineBanner","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","story"],"kind":"InlineBanner","story":"Informative","parameters":{"__id":"inlinebanner--informative","docsOnly":false,"fileName":"./src/components/InlineBanner/InlineBanner.stories.tsx"}},"inlinebanner--success":{"id":"inlinebanner--success","name":"Success","title":"InlineBanner","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","story"],"kind":"InlineBanner","story":"Success","parameters":{"__id":"inlinebanner--success","docsOnly":false,"fileName":"./src/components/InlineBanner/InlineBanner.stories.tsx"}},"inlinebanner--warning":{"id":"inlinebanner--warning","name":"Warning","title":"InlineBanner","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","story"],"kind":"InlineBanner","story":"Warning","parameters":{"__id":"inlinebanner--warning","docsOnly":false,"fileName":"./src/components/InlineBanner/InlineBanner.stories.tsx"}},"inlinebanner--negative":{"id":"inlinebanner--negative","name":"Negative","title":"InlineBanner","importPath":"./src/components/InlineBanner/InlineBanner.stories.tsx","tags":["autodocs","story"],"kind":"InlineBanner","story":"Negative","parameters":{"__id":"inlinebanner--negative","docsOnly":false,"fileName":"./src/components/InlineBanner/InlineBanner.stories.tsx"}},"inlinemessage--docs":{"id":"inlinemessage--docs","title":"InlineMessage","name":"Docs","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"InlineMessage","story":"Docs","parameters":{"__id":"inlinemessage--docs","docsOnly":true,"fileName":"./src/components/InlineMessage/InlineMessage.stories.tsx"}},"inlinemessage--informative":{"id":"inlinemessage--informative","name":"Informative","title":"InlineMessage","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","story"],"kind":"InlineMessage","story":"Informative","parameters":{"__id":"inlinemessage--informative","docsOnly":false,"fileName":"./src/components/InlineMessage/InlineMessage.stories.tsx"}},"inlinemessage--success":{"id":"inlinemessage--success","name":"Success","title":"InlineMessage","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","story"],"kind":"InlineMessage","story":"Success","parameters":{"__id":"inlinemessage--success","docsOnly":false,"fileName":"./src/components/InlineMessage/InlineMessage.stories.tsx"}},"inlinemessage--warning":{"id":"inlinemessage--warning","name":"Warning","title":"InlineMessage","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","story"],"kind":"InlineMessage","story":"Warning","parameters":{"__id":"inlinemessage--warning","docsOnly":false,"fileName":"./src/components/InlineMessage/InlineMessage.stories.tsx"}},"inlinemessage--negative":{"id":"inlinemessage--negative","name":"Negative","title":"InlineMessage","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","story"],"kind":"InlineMessage","story":"Negative","parameters":{"__id":"inlinemessage--negative","docsOnly":false,"fileName":"./src/components/InlineMessage/InlineMessage.stories.tsx"}},"inlinemessage--informative-with-very-long-description":{"id":"inlinemessage--informative-with-very-long-description","name":"Informative With Very Long Description","title":"InlineMessage","importPath":"./src/components/InlineMessage/InlineMessage.stories.tsx","tags":["autodocs","story"],"kind":"InlineMessage","story":"Informative With Very Long Description","parameters":{"__id":"inlinemessage--informative-with-very-long-description","docsOnly":false,"fileName":"./src/components/InlineMessage/InlineMessage.stories.tsx"}},"inlinesearchinput--docs":{"id":"inlinesearchinput--docs","title":"InlineSearchInput","name":"Docs","importPath":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"InlineSearchInput","story":"Docs","parameters":{"__id":"inlinesearchinput--docs","docsOnly":true,"fileName":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx"}},"inlinesearchinput--default":{"id":"inlinesearchinput--default","name":"Default","title":"InlineSearchInput","importPath":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx","tags":["autodocs","story"],"kind":"InlineSearchInput","story":"Default","parameters":{"__id":"inlinesearchinput--default","docsOnly":false,"fileName":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx"}},"inlinesearchinput--filled":{"id":"inlinesearchinput--filled","name":"Filled","title":"InlineSearchInput","importPath":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx","tags":["autodocs","story"],"kind":"InlineSearchInput","story":"Filled","parameters":{"__id":"inlinesearchinput--filled","docsOnly":false,"fileName":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx"}},"inlinesearchinput--disabled":{"id":"inlinesearchinput--disabled","name":"Disabled","title":"InlineSearchInput","importPath":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx","tags":["autodocs","story"],"kind":"InlineSearchInput","story":"Disabled","parameters":{"__id":"inlinesearchinput--disabled","docsOnly":false,"fileName":"./src/components/InlineSearchInput/InlineSearchInput.stories.tsx"}},"global-primitives-label--docs":{"id":"global-primitives-label--docs","title":"Global Primitives / Label","name":"Docs","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Global Primitives / Label","story":"Docs","parameters":{"__id":"global-primitives-label--docs","docsOnly":true,"fileName":"./src/components/Label/Label.stories.tsx"}},"global-primitives-label--default":{"id":"global-primitives-label--default","name":"Default","title":"Global Primitives / Label","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","story"],"kind":"Global Primitives / Label","story":"Default","parameters":{"__id":"global-primitives-label--default","docsOnly":false,"fileName":"./src/components/Label/Label.stories.tsx"}},"global-primitives-label--optional":{"id":"global-primitives-label--optional","name":"Optional","title":"Global Primitives / Label","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","story"],"kind":"Global Primitives / Label","story":"Optional","parameters":{"__id":"global-primitives-label--optional","docsOnly":false,"fileName":"./src/components/Label/Label.stories.tsx"}},"global-primitives-label--tooltip":{"id":"global-primitives-label--tooltip","name":"Tooltip","title":"Global Primitives / Label","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","story"],"kind":"Global Primitives / Label","story":"Tooltip","parameters":{"__id":"global-primitives-label--tooltip","docsOnly":false,"fileName":"./src/components/Label/Label.stories.tsx"}},"global-primitives-label--action":{"id":"global-primitives-label--action","name":"Action","title":"Global Primitives / Label","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","story"],"kind":"Global Primitives / Label","story":"Action","parameters":{"__id":"global-primitives-label--action","docsOnly":false,"fileName":"./src/components/Label/Label.stories.tsx"}},"global-primitives-label--all":{"id":"global-primitives-label--all","name":"All","title":"Global Primitives / Label","importPath":"./src/components/Label/Label.stories.tsx","tags":["autodocs","story"],"kind":"Global Primitives / Label","story":"All","parameters":{"__id":"global-primitives-label--all","docsOnly":false,"fileName":"./src/components/Label/Label.stories.tsx"}},"loader--docs":{"id":"loader--docs","title":"Loader","name":"Docs","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Loader","story":"Docs","parameters":{"__id":"loader--docs","docsOnly":true,"fileName":"./src/components/Loader/Loader.stories.tsx"}},"loader--default-circle":{"id":"loader--default-circle","name":"Default Circle","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"],"kind":"Loader","story":"Default Circle","parameters":{"__id":"loader--default-circle","docsOnly":false,"fileName":"./src/components/Loader/Loader.stories.tsx"}},"loader--default-bar":{"id":"loader--default-bar","name":"Default Bar","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"],"kind":"Loader","story":"Default Bar","parameters":{"__id":"loader--default-bar","docsOnly":false,"fileName":"./src/components/Loader/Loader.stories.tsx"}},"loader--progress-circle":{"id":"loader--progress-circle","name":"Progress Circle","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"],"kind":"Loader","story":"Progress Circle","parameters":{"__id":"loader--progress-circle","docsOnly":false,"fileName":"./src/components/Loader/Loader.stories.tsx"}},"loader--progress-bar":{"id":"loader--progress-bar","name":"Progress Bar","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"],"kind":"Loader","story":"Progress Bar","parameters":{"__id":"loader--progress-bar","docsOnly":false,"fileName":"./src/components/Loader/Loader.stories.tsx"}},"loader--white":{"id":"loader--white","name":"White","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"],"kind":"Loader","story":"White","parameters":{"__id":"loader--white","docsOnly":false,"fileName":"./src/components/Loader/Loader.stories.tsx"}},"loader--inverted":{"id":"loader--inverted","name":"Inverted","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"],"kind":"Loader","story":"Inverted","parameters":{"__id":"loader--inverted","docsOnly":false,"fileName":"./src/components/Loader/Loader.stories.tsx"}},"loader--greyscale":{"id":"loader--greyscale","name":"Greyscale","title":"Loader","importPath":"./src/components/Loader/Loader.stories.tsx","tags":["autodocs","story"],"kind":"Loader","story":"Greyscale","parameters":{"__id":"loader--greyscale","docsOnly":false,"fileName":"./src/components/Loader/Loader.stories.tsx"}},"popover--docs":{"id":"popover--docs","title":"Popover","name":"Docs","importPath":"./src/components/Popover/Popover.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Popover","story":"Docs","parameters":{"__id":"popover--docs","docsOnly":true,"fileName":"./src/components/Popover/Popover.stories.tsx"}},"popover--default":{"id":"popover--default","name":"Default","title":"Popover","importPath":"./src/components/Popover/Popover.stories.tsx","tags":["autodocs","story"],"kind":"Popover","story":"Default","parameters":{"__id":"popover--default","docsOnly":false,"fileName":"./src/components/Popover/Popover.stories.tsx"}},"popover--open":{"id":"popover--open","name":"Open","title":"Popover","importPath":"./src/components/Popover/Popover.stories.tsx","tags":["autodocs","story"],"kind":"Popover","story":"Open","parameters":{"__id":"popover--open","docsOnly":false,"fileName":"./src/components/Popover/Popover.stories.tsx"}},"popover--custom-content":{"id":"popover--custom-content","name":"Custom Content","title":"Popover","importPath":"./src/components/Popover/Popover.stories.tsx","tags":["autodocs","story"],"kind":"Popover","story":"Custom Content","parameters":{"__id":"popover--custom-content","docsOnly":false,"fileName":"./src/components/Popover/Popover.stories.tsx"}},"radiobutton--docs":{"id":"radiobutton--docs","title":"RadioButton","name":"Docs","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"RadioButton","story":"Docs","parameters":{"__id":"radiobutton--docs","docsOnly":true,"fileName":"./src/components/RadioButton/RadioButton.stories.tsx"}},"radiobutton--default":{"id":"radiobutton--default","name":"Default","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"],"kind":"RadioButton","story":"Default","parameters":{"__id":"radiobutton--default","docsOnly":false,"fileName":"./src/components/RadioButton/RadioButton.stories.tsx"}},"radiobutton--checked":{"id":"radiobutton--checked","name":"Checked","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"],"kind":"RadioButton","story":"Checked","parameters":{"__id":"radiobutton--checked","docsOnly":false,"fileName":"./src/components/RadioButton/RadioButton.stories.tsx"}},"radiobutton--multiple":{"id":"radiobutton--multiple","name":"Multiple","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"],"kind":"RadioButton","story":"Multiple","parameters":{"__id":"radiobutton--multiple","docsOnly":false,"fileName":"./src/components/RadioButton/RadioButton.stories.tsx"}},"radiobutton--disabled":{"id":"radiobutton--disabled","name":"Disabled","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"],"kind":"RadioButton","story":"Disabled","parameters":{"__id":"radiobutton--disabled","docsOnly":false,"fileName":"./src/components/RadioButton/RadioButton.stories.tsx"}},"radiobutton--alert":{"id":"radiobutton--alert","name":"Alert","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"],"kind":"RadioButton","story":"Alert","parameters":{"__id":"radiobutton--alert","docsOnly":false,"fileName":"./src/components/RadioButton/RadioButton.stories.tsx"}},"radiobutton--label":{"id":"radiobutton--label","name":"Label","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"],"kind":"RadioButton","story":"Label","parameters":{"__id":"radiobutton--label","docsOnly":false,"fileName":"./src/components/RadioButton/RadioButton.stories.tsx"}},"radiobutton--helper-text":{"id":"radiobutton--helper-text","name":"Helper Text","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"],"kind":"RadioButton","story":"Helper Text","parameters":{"__id":"radiobutton--helper-text","docsOnly":false,"fileName":"./src/components/RadioButton/RadioButton.stories.tsx"}},"radiobutton--alert-helper-text":{"id":"radiobutton--alert-helper-text","name":"Alert Helper Text","title":"RadioButton","importPath":"./src/components/RadioButton/RadioButton.stories.tsx","tags":["autodocs","story"],"kind":"RadioButton","story":"Alert Helper Text","parameters":{"__id":"radiobutton--alert-helper-text","docsOnly":false,"fileName":"./src/components/RadioButton/RadioButton.stories.tsx"}},"radiobuttongroup--docs":{"id":"radiobuttongroup--docs","title":"RadioButtonGroup","name":"Docs","importPath":"./src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"RadioButtonGroup","story":"Docs","parameters":{"__id":"radiobuttongroup--docs","docsOnly":true,"fileName":"./src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx"}},"radiobuttongroup--horizontal":{"id":"radiobuttongroup--horizontal","name":"Horizontal","title":"RadioButtonGroup","importPath":"./src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx","tags":["autodocs","story"],"kind":"RadioButtonGroup","story":"Horizontal","parameters":{"__id":"radiobuttongroup--horizontal","docsOnly":false,"fileName":"./src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx"}},"radiobuttongroup--vertical":{"id":"radiobuttongroup--vertical","name":"Vertical","title":"RadioButtonGroup","importPath":"./src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx","tags":["autodocs","story"],"kind":"RadioButtonGroup","story":"Vertical","parameters":{"__id":"radiobuttongroup--vertical","docsOnly":false,"fileName":"./src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx"}},"searchinput--docs":{"id":"searchinput--docs","title":"SearchInput","name":"Docs","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"SearchInput","story":"Docs","parameters":{"__id":"searchinput--docs","docsOnly":true,"fileName":"./src/components/SearchInput/SearchInput.stories.tsx"}},"searchinput--default":{"id":"searchinput--default","name":"Default","title":"SearchInput","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","story"],"kind":"SearchInput","story":"Default","parameters":{"__id":"searchinput--default","docsOnly":false,"fileName":"./src/components/SearchInput/SearchInput.stories.tsx"}},"searchinput--filled":{"id":"searchinput--filled","name":"Filled","title":"SearchInput","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","story"],"kind":"SearchInput","story":"Filled","parameters":{"__id":"searchinput--filled","docsOnly":false,"fileName":"./src/components/SearchInput/SearchInput.stories.tsx"}},"searchinput--disabled":{"id":"searchinput--disabled","name":"Disabled","title":"SearchInput","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","story"],"kind":"SearchInput","story":"Disabled","parameters":{"__id":"searchinput--disabled","docsOnly":false,"fileName":"./src/components/SearchInput/SearchInput.stories.tsx"}},"searchinput--dropdown":{"id":"searchinput--dropdown","name":"Dropdown","title":"SearchInput","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","story"],"kind":"SearchInput","story":"Dropdown","parameters":{"__id":"searchinput--dropdown","docsOnly":false,"fileName":"./src/components/SearchInput/SearchInput.stories.tsx"}},"searchinput--icon-button":{"id":"searchinput--icon-button","name":"Icon Button","title":"SearchInput","importPath":"./src/components/SearchInput/SearchInput.stories.tsx","tags":["autodocs","story"],"kind":"SearchInput","story":"Icon Button","parameters":{"__id":"searchinput--icon-button","docsOnly":false,"fileName":"./src/components/SearchInput/SearchInput.stories.tsx"}},"select--docs":{"id":"select--docs","title":"Select","name":"Docs","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Select","story":"Docs","parameters":{"__id":"select--docs","docsOnly":true,"fileName":"./src/components/Select/Select.stories.tsx"}},"select--default":{"id":"select--default","name":"Default","title":"Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"],"kind":"Select","story":"Default","parameters":{"__id":"select--default","docsOnly":false,"fileName":"./src/components/Select/Select.stories.tsx"}},"select--disabled":{"id":"select--disabled","name":"Disabled","title":"Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"],"kind":"Select","story":"Disabled","parameters":{"__id":"select--disabled","docsOnly":false,"fileName":"./src/components/Select/Select.stories.tsx"}},"select--alert":{"id":"select--alert","name":"Alert","title":"Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"],"kind":"Select","story":"Alert","parameters":{"__id":"select--alert","docsOnly":false,"fileName":"./src/components/Select/Select.stories.tsx"}},"select--before-icon-component":{"id":"select--before-icon-component","name":"Before Icon Component","title":"Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"],"kind":"Select","story":"Before Icon Component","parameters":{"__id":"select--before-icon-component","docsOnly":false,"fileName":"./src/components/Select/Select.stories.tsx"}},"select--before-avatar-component":{"id":"select--before-avatar-component","name":"Before Avatar Component","title":"Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"],"kind":"Select","story":"Before Avatar Component","parameters":{"__id":"select--before-avatar-component","docsOnly":false,"fileName":"./src/components/Select/Select.stories.tsx"}},"socialbutton--docs":{"id":"socialbutton--docs","title":"SocialButton","name":"Docs","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"SocialButton","story":"Docs","parameters":{"__id":"socialbutton--docs","docsOnly":true,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--primary-apple":{"id":"socialbutton--primary-apple","name":"Primary Apple","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Primary Apple","parameters":{"__id":"socialbutton--primary-apple","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--secondary-apple":{"id":"socialbutton--secondary-apple","name":"Secondary Apple","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Secondary Apple","parameters":{"__id":"socialbutton--secondary-apple","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--primary-facebook":{"id":"socialbutton--primary-facebook","name":"Primary Facebook","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Primary Facebook","parameters":{"__id":"socialbutton--primary-facebook","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--secondary-facebook":{"id":"socialbutton--secondary-facebook","name":"Secondary Facebook","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Secondary Facebook","parameters":{"__id":"socialbutton--secondary-facebook","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--primary-figma":{"id":"socialbutton--primary-figma","name":"Primary Figma","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Primary Figma","parameters":{"__id":"socialbutton--primary-figma","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--secondary-figma":{"id":"socialbutton--secondary-figma","name":"Secondary Figma","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Secondary Figma","parameters":{"__id":"socialbutton--secondary-figma","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--primary-github":{"id":"socialbutton--primary-github","name":"Primary Github","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Primary Github","parameters":{"__id":"socialbutton--primary-github","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--secondary-github":{"id":"socialbutton--secondary-github","name":"Secondary Github","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Secondary Github","parameters":{"__id":"socialbutton--secondary-github","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--primary-google":{"id":"socialbutton--primary-google","name":"Primary Google","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Primary Google","parameters":{"__id":"socialbutton--primary-google","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--secondary-google":{"id":"socialbutton--secondary-google","name":"Secondary Google","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Secondary Google","parameters":{"__id":"socialbutton--secondary-google","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--primary-twitter":{"id":"socialbutton--primary-twitter","name":"Primary Twitter","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Primary Twitter","parameters":{"__id":"socialbutton--primary-twitter","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"socialbutton--secondary-twitter":{"id":"socialbutton--secondary-twitter","name":"Secondary Twitter","title":"SocialButton","importPath":"./src/components/SocialButton/SocialButton.stories.tsx","tags":["autodocs","story"],"kind":"SocialButton","story":"Secondary Twitter","parameters":{"__id":"socialbutton--secondary-twitter","docsOnly":false,"fileName":"./src/components/SocialButton/SocialButton.stories.tsx"}},"status--docs":{"id":"status--docs","title":"Status","name":"Docs","importPath":"./src/components/Status/Status.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Status","story":"Docs","parameters":{"__id":"status--docs","docsOnly":true,"fileName":"./src/components/Status/Status.stories.tsx"}},"status--default":{"id":"status--default","name":"Default","title":"Status","importPath":"./src/components/Status/Status.stories.tsx","tags":["autodocs","story"],"kind":"Status","story":"Default","parameters":{"__id":"status--default","docsOnly":false,"fileName":"./src/components/Status/Status.stories.tsx"}},"global-primitives-statusdot--docs":{"id":"global-primitives-statusdot--docs","title":"Global Primitives / StatusDot","name":"Docs","importPath":"./src/components/StatusDot/StatusDot.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Global Primitives / StatusDot","story":"Docs","parameters":{"__id":"global-primitives-statusdot--docs","docsOnly":true,"fileName":"./src/components/StatusDot/StatusDot.stories.tsx"}},"global-primitives-statusdot--default":{"id":"global-primitives-statusdot--default","name":"Default","title":"Global Primitives / StatusDot","importPath":"./src/components/StatusDot/StatusDot.stories.tsx","tags":["autodocs","story"],"kind":"Global Primitives / StatusDot","story":"Default","parameters":{"__id":"global-primitives-statusdot--default","docsOnly":false,"fileName":"./src/components/StatusDot/StatusDot.stories.tsx"}},"global-primitives-statusdot--stroked":{"id":"global-primitives-statusdot--stroked","name":"Stroked","title":"Global Primitives / StatusDot","importPath":"./src/components/StatusDot/StatusDot.stories.tsx","tags":["autodocs","story"],"kind":"Global Primitives / StatusDot","story":"Stroked","parameters":{"__id":"global-primitives-statusdot--stroked","docsOnly":false,"fileName":"./src/components/StatusDot/StatusDot.stories.tsx"}},"tag--docs":{"id":"tag--docs","title":"Tag","name":"Docs","importPath":"./src/components/Tag/Tag.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Tag","story":"Docs","parameters":{"__id":"tag--docs","docsOnly":true,"fileName":"./src/components/Tag/Tag.stories.tsx"}},"tag--default":{"id":"tag--default","name":"Default","title":"Tag","importPath":"./src/components/Tag/Tag.stories.tsx","tags":["autodocs","story"],"kind":"Tag","story":"Default","parameters":{"__id":"tag--default","docsOnly":false,"fileName":"./src/components/Tag/Tag.stories.tsx"}},"tag--before-avatar-component":{"id":"tag--before-avatar-component","name":"Before Avatar Component","title":"Tag","importPath":"./src/components/Tag/Tag.stories.tsx","tags":["autodocs","story"],"kind":"Tag","story":"Before Avatar Component","parameters":{"__id":"tag--before-avatar-component","docsOnly":false,"fileName":"./src/components/Tag/Tag.stories.tsx"}},"tag--with-remove-button":{"id":"tag--with-remove-button","name":"With Remove Button","title":"Tag","importPath":"./src/components/Tag/Tag.stories.tsx","tags":["autodocs","story"],"kind":"Tag","story":"With Remove Button","parameters":{"__id":"tag--with-remove-button","docsOnly":false,"fileName":"./src/components/Tag/Tag.stories.tsx"}},"textinput--docs":{"id":"textinput--docs","title":"TextInput","name":"Docs","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"TextInput","story":"Docs","parameters":{"__id":"textinput--docs","docsOnly":true,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--default":{"id":"textinput--default","name":"Default","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"Default","parameters":{"__id":"textinput--default","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--disabled":{"id":"textinput--disabled","name":"Disabled","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"Disabled","parameters":{"__id":"textinput--disabled","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--alert":{"id":"textinput--alert","name":"Alert","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"Alert","parameters":{"__id":"textinput--alert","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--with-clear-button":{"id":"textinput--with-clear-button","name":"With Clear Button","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"With Clear Button","parameters":{"__id":"textinput--with-clear-button","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--before-icon-component":{"id":"textinput--before-icon-component","name":"Before Icon Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"Before Icon Component","parameters":{"__id":"textinput--before-icon-component","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--before-avatar-component":{"id":"textinput--before-avatar-component","name":"Before Avatar Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"Before Avatar Component","parameters":{"__id":"textinput--before-avatar-component","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--before-prefix-component":{"id":"textinput--before-prefix-component","name":"Before Prefix Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"Before Prefix Component","parameters":{"__id":"textinput--before-prefix-component","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--before-dropdown-component":{"id":"textinput--before-dropdown-component","name":"Before Dropdown Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"Before Dropdown Component","parameters":{"__id":"textinput--before-dropdown-component","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--after-dropdown-component":{"id":"textinput--after-dropdown-component","name":"After Dropdown Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"After Dropdown Component","parameters":{"__id":"textinput--after-dropdown-component","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--after-icon-component":{"id":"textinput--after-icon-component","name":"After Icon Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"After Icon Component","parameters":{"__id":"textinput--after-icon-component","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--after-icon-button-component":{"id":"textinput--after-icon-button-component","name":"After Icon Button Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"After Icon Button Component","parameters":{"__id":"textinput--after-icon-button-component","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--after-sufix-component":{"id":"textinput--after-sufix-component","name":"After Sufix Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"After Sufix Component","parameters":{"__id":"textinput--after-sufix-component","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"textinput--after-button-component":{"id":"textinput--after-button-component","name":"After Button Component","title":"TextInput","importPath":"./src/components/TextInput/TextInput.stories.tsx","tags":["autodocs","story"],"kind":"TextInput","story":"After Button Component","parameters":{"__id":"textinput--after-button-component","docsOnly":false,"fileName":"./src/components/TextInput/TextInput.stories.tsx"}},"toast--docs":{"id":"toast--docs","title":"Toast","name":"Docs","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Toast","story":"Docs","parameters":{"__id":"toast--docs","docsOnly":true,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"toast--default":{"id":"toast--default","name":"Default","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"],"kind":"Toast","story":"Default","parameters":{"__id":"toast--default","docsOnly":false,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"toast--informative":{"id":"toast--informative","name":"Informative","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"],"kind":"Toast","story":"Informative","parameters":{"__id":"toast--informative","docsOnly":false,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"toast--success":{"id":"toast--success","name":"Success","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"],"kind":"Toast","story":"Success","parameters":{"__id":"toast--success","docsOnly":false,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"toast--warning":{"id":"toast--warning","name":"Warning","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"],"kind":"Toast","story":"Warning","parameters":{"__id":"toast--warning","docsOnly":false,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"toast--negative":{"id":"toast--negative","name":"Negative","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"],"kind":"Toast","story":"Negative","parameters":{"__id":"toast--negative","docsOnly":false,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"toast--neutral-high":{"id":"toast--neutral-high","name":"Neutral High","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"],"kind":"Toast","story":"Neutral High","parameters":{"__id":"toast--neutral-high","docsOnly":false,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"toast--informative-high":{"id":"toast--informative-high","name":"Informative High","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"],"kind":"Toast","story":"Informative High","parameters":{"__id":"toast--informative-high","docsOnly":false,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"toast--success-high":{"id":"toast--success-high","name":"Success High","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"],"kind":"Toast","story":"Success High","parameters":{"__id":"toast--success-high","docsOnly":false,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"toast--warning-high":{"id":"toast--warning-high","name":"Warning High","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"],"kind":"Toast","story":"Warning High","parameters":{"__id":"toast--warning-high","docsOnly":false,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"toast--negative-high":{"id":"toast--negative-high","name":"Negative High","title":"Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"],"kind":"Toast","story":"Negative High","parameters":{"__id":"toast--negative-high","docsOnly":false,"fileName":"./src/components/Toast/Toast.stories.tsx"}},"docs-changelog--docs":{"id":"docs-changelog--docs","title":"Docs/Changelog","name":"Docs","importPath":"./src/docs-pages/Changelog.mdx","storiesImports":[],"tags":["unattached-mdx","docs"],"kind":"Docs/Changelog","story":"Docs","parameters":{"__id":"docs-changelog--docs","docsOnly":true,"fileName":"./src/docs-pages/Changelog.mdx"}},"docs-readme--docs":{"id":"docs-readme--docs","title":"Docs/ReadMe","name":"Docs","importPath":"./src/docs-pages/ReadMe.mdx","storiesImports":[],"tags":["unattached-mdx","docs"],"kind":"Docs/ReadMe","story":"Docs","parameters":{"__id":"docs-readme--docs","docsOnly":true,"fileName":"./src/docs-pages/ReadMe.mdx"}}}}