From 12a0788d49286014d89adb1394e4b59673b3220f Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 7 Feb 2024 09:12:00 +0000 Subject: [PATCH] deploy: 9f6ccc1ca73ae3a313bb148db031098ff259259f --- ...tories-f93511be.js => AlertBanner.stories-3c8035ea.js} | 2 +- assets/{Avatar-33fa412b.js => Avatar-fa7da47e.js} | 2 +- ...tar.stories-9bdc03c9.js => Avatar.stories-d89542ae.js} | 2 +- ...adge.stories-02edb9bb.js => Badge.stories-4d97a9dc.js} | 2 +- assets/{Button-45fdb2cf.js => Button-74599000.js} | 2 +- ...ton.stories-6a313ac3.js => Button.stories-5404fa45.js} | 2 +- assets/{Changelog-ce2180e7.js => Changelog-008b62d8.js} | 2 +- ...x.stories-b0ef9a4b.js => Checkbox.stories-f40b3ab7.js} | 2 +- ...ries-d60b972c.js => CheckboxGroup.stories-570853f2.js} | 2 +- ...or-6VNJS4EI-63d2c5f9.js => Color-6VNJS4EI-2337cb08.js} | 2 +- ...er.stories-4e22883d.js => Counter.stories-abd2c7e3.js} | 2 +- ...er.stories-1499ca01.js => Divider.stories-ac139206.js} | 2 +- assets/DocsRenderer-NNNQARDV-28acd60f.js | 1 - assets/DocsRenderer-NNNQARDV-dd17ef5c.js | 1 + ...stories-a6d7c5c8.js => HelperText.stories-ba294c49.js} | 2 +- ...{Icon.stories-2b3d1494.js => Icon.stories-72825907.js} | 2 +- assets/{IconButton-ef08722f.js => IconButton-2eca00b7.js} | 2 +- ...stories-0a808952.js => IconButton.stories-bb2e9c4d.js} | 2 +- ...ories-cd2ba859.js => InlineBanner.stories-6dd4d3c7.js} | 2 +- ...ries-8d5cbf97.js => InlineMessage.stories-8071a7ed.js} | 2 +- ...-21605372.js => InlineSearchInput.stories-149cffa1.js} | 2 +- assets/{Label-895a3a66.js => Label-7c850b63.js} | 2 +- ...abel.stories-29c1ea49.js => Label.stories-a8b6bc4f.js} | 2 +- ...der.stories-5a3381e3.js => Loader.stories-53c73678.js} | 2 +- ...er.stories-406855d7.js => Popover.stories-67c6c0a0.js} | 2 +- ...tories-36a74b8c.js => RadioButton.stories-37c9b94b.js} | 2 +- ...s-8e11da00.js => RadioButtonGroup.stories-979cd842.js} | 2 +- assets/{ReadMe-ddf434b7.js => ReadMe-bdb23488.js} | 2 +- .../{SearchInput-2b98b70b.js => SearchInput-ef6ad324.js} | 2 +- ...tories-2fcb0aa1.js => SearchInput.stories-0bb85d57.js} | 2 +- ...ect.stories-9ad0618f.js => Select.stories-dea3a5bc.js} | 2 +- ...ories-32ec5be4.js => SocialButton.stories-60f689d9.js} | 2 +- ....stories-28461aab.js => StatusDot.stories-b0c4e523.js} | 2 +- .../{Tag.stories-ace3b4ea.js => Tag.stories-d8a98ce0.js} | 2 +- assets/{TetDocs-d591ecc5.js => TetDocs-7d24e22f.js} | 2 +- assets/TextInput-0cb88067.js | 1 - assets/TextInput-4f5882e8.js | 1 + ....stories-08ae909f.js => TextInput.stories-d2eef7f7.js} | 2 +- ...oast.stories-61343db4.js => Toast.stories-3cf6c7b5.js} | 2 +- ...HNWJZ-c2b43e44.js => WithTooltip-V3YHNWJZ-97b84f68.js} | 2 +- ...nk-HLWAVYOI-5c8818c2.js => chunk-HLWAVYOI-5f00026e.js} | 2 +- ...WP5E3XI-dab10263.js => formatter-SWP5E3XI-bdf7a4b3.js} | 2 +- assets/{iframe-f70ffe85.js => iframe-ef487590.js} | 2 +- assets/{index-86dcb147.js => index-284bbdd0.js} | 2 +- assets/{index-f7a9c3d5.js => index-d7ed2552.js} | 8 ++++---- assets/preview-569898da.js | 1 + assets/preview-7e42bd2c.js | 1 - ...c717b22c.js => syntaxhighlighter-V7JZZA35-1755c0d0.js} | 2 +- iframe.html | 2 +- project.json | 2 +- 50 files changed, 50 insertions(+), 50 deletions(-) rename assets/{AlertBanner.stories-f93511be.js => AlertBanner.stories-3c8035ea.js} (94%) rename assets/{Avatar-33fa412b.js => Avatar-fa7da47e.js} (92%) rename assets/{Avatar.stories-9bdc03c9.js => Avatar.stories-d89542ae.js} (94%) rename assets/{Badge.stories-02edb9bb.js => Badge.stories-4d97a9dc.js} (97%) rename assets/{Button-45fdb2cf.js => Button-74599000.js} (99%) rename assets/{Button.stories-6a313ac3.js => Button.stories-5404fa45.js} (98%) rename assets/{Changelog-ce2180e7.js => Changelog-008b62d8.js} (97%) rename assets/{Checkbox.stories-b0ef9a4b.js => Checkbox.stories-f40b3ab7.js} (97%) rename assets/{CheckboxGroup.stories-d60b972c.js => CheckboxGroup.stories-570853f2.js} (94%) rename assets/{Color-6VNJS4EI-63d2c5f9.js => Color-6VNJS4EI-2337cb08.js} (99%) rename assets/{Counter.stories-4e22883d.js => Counter.stories-abd2c7e3.js} (97%) rename assets/{Divider.stories-1499ca01.js => Divider.stories-ac139206.js} (92%) delete mode 100644 assets/DocsRenderer-NNNQARDV-28acd60f.js create mode 100644 assets/DocsRenderer-NNNQARDV-dd17ef5c.js rename assets/{HelperText.stories-a6d7c5c8.js => HelperText.stories-ba294c49.js} (93%) rename assets/{Icon.stories-2b3d1494.js => Icon.stories-72825907.js} (99%) rename assets/{IconButton-ef08722f.js => IconButton-2eca00b7.js} (97%) rename assets/{IconButton.stories-0a808952.js => IconButton.stories-bb2e9c4d.js} (88%) rename assets/{InlineBanner.stories-cd2ba859.js => InlineBanner.stories-6dd4d3c7.js} (95%) rename assets/{InlineMessage.stories-8d5cbf97.js => InlineMessage.stories-8071a7ed.js} (97%) rename assets/{InlineSearchInput.stories-21605372.js => InlineSearchInput.stories-149cffa1.js} (88%) rename assets/{Label-895a3a66.js => Label-7c850b63.js} (96%) rename assets/{Label.stories-29c1ea49.js => Label.stories-a8b6bc4f.js} (88%) rename assets/{Loader.stories-5a3381e3.js => Loader.stories-53c73678.js} (96%) rename assets/{Popover.stories-406855d7.js => Popover.stories-67c6c0a0.js} (94%) rename assets/{RadioButton.stories-36a74b8c.js => RadioButton.stories-37c9b94b.js} (97%) rename assets/{RadioButtonGroup.stories-8e11da00.js => RadioButtonGroup.stories-979cd842.js} (93%) rename assets/{ReadMe-ddf434b7.js => ReadMe-bdb23488.js} (97%) rename assets/{SearchInput-2b98b70b.js => SearchInput-ef6ad324.js} (92%) rename assets/{SearchInput.stories-2fcb0aa1.js => SearchInput.stories-0bb85d57.js} (88%) rename assets/{Select.stories-9ad0618f.js => Select.stories-dea3a5bc.js} (91%) rename assets/{SocialButton.stories-32ec5be4.js => SocialButton.stories-60f689d9.js} (98%) rename assets/{StatusDot.stories-28461aab.js => StatusDot.stories-b0c4e523.js} (94%) rename assets/{Tag.stories-ace3b4ea.js => Tag.stories-d8a98ce0.js} (93%) rename assets/{TetDocs-d591ecc5.js => TetDocs-7d24e22f.js} (99%) delete mode 100644 assets/TextInput-0cb88067.js create mode 100644 assets/TextInput-4f5882e8.js rename assets/{TextInput.stories-08ae909f.js => TextInput.stories-d2eef7f7.js} (94%) rename assets/{Toast.stories-61343db4.js => Toast.stories-3cf6c7b5.js} (95%) rename assets/{WithTooltip-V3YHNWJZ-c2b43e44.js => WithTooltip-V3YHNWJZ-97b84f68.js} (64%) rename assets/{chunk-HLWAVYOI-5c8818c2.js => chunk-HLWAVYOI-5f00026e.js} (87%) rename assets/{formatter-SWP5E3XI-dab10263.js => formatter-SWP5E3XI-bdf7a4b3.js} (99%) rename assets/{iframe-f70ffe85.js => iframe-ef487590.js} (58%) rename assets/{index-86dcb147.js => index-284bbdd0.js} (93%) rename assets/{index-f7a9c3d5.js => index-d7ed2552.js} (99%) create mode 100644 assets/preview-569898da.js delete mode 100644 assets/preview-7e42bd2c.js rename assets/{syntaxhighlighter-V7JZZA35-c717b22c.js => syntaxhighlighter-V7JZZA35-1755c0d0.js} (65%) diff --git a/assets/AlertBanner.stories-f93511be.js b/assets/AlertBanner.stories-3c8035ea.js similarity index 94% rename from assets/AlertBanner.stories-f93511be.js rename to assets/AlertBanner.stories-3c8035ea.js index ca8c50cd..e05ef68d 100644 --- a/assets/AlertBanner.stories-f93511be.js +++ b/assets/AlertBanner.stories-3c8035ea.js @@ -1,4 +1,4 @@ -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-45fdb2cf.js";import{I as M}from"./IconButton-ef08722f.js";import{t as r}from"./TetrislyProvider-8c69fae3.js";import{S as x}from"./SectionHeader-c9c7fa6d.js";import{T}from"./TetDocs-d591ecc5.js";import"./preview-errors-dde4324f.js";import"./index-356e4a49.js";import"./_commonjsHelpers-de833af9.js";import"./index-86dcb147.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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:`{ +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-74599000.js";import{I as M}from"./IconButton-2eca00b7.js";import{t as r}from"./TetrislyProvider-8c69fae3.js";import{S as x}from"./SectionHeader-c9c7fa6d.js";import{T}from"./TetDocs-7d24e22f.js";import"./preview-errors-dde4324f.js";import"./index-356e4a49.js";import"./_commonjsHelpers-de833af9.js";import"./index-284bbdd0.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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' } diff --git a/assets/Avatar-33fa412b.js b/assets/Avatar-fa7da47e.js similarity index 92% rename from assets/Avatar-33fa412b.js rename to assets/Avatar-fa7da47e.js index 946e1248..87cc1ac0 100644 --- a/assets/Avatar-33fa412b.js +++ b/assets/Avatar-fa7da47e.js @@ -1 +1 @@ -import{j as m}from"./jsx-runtime-ffb262ed.js";import{r as p}from"./index-76fb7be0.js";import{m as b}from"./mergeConfigWithCutom-aec35d44.js";import{t as u}from"./TetrislyProvider-8c69fae3.js";const h={overflow:"hidden",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",shape:{rounded:{borderRadius:"$border-radius-full"},square:{borderRadius:{_:"$border-radius-large",'&[data-size="xSmall"]':"$border-radius-medium",'&[data-size="2xSmall"]':"$border-radius-medium"}}},size:{large:{w:"$size-large",h:"$size-large",text:"$typo-body-large"},medium:{w:"$size-medium",h:"$size-medium",text:"$typo-body-medium"},small:{w:"$size-small",h:"$size-small",text:"$typo-body-small"},xSmall:{w:"$size-xSmall",h:"$size-xSmall",text:"$typo-body-strong-xSmall"},"2xSmall":{w:"$size-2xSmall",h:"$size-2xSmall",text:"$typo-body-strong-xSmall"}},appearance:{image:{emphasis:{high:{},low:{}}},blue:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-blue-background-strong"},low:{color:"$color-nonSemantic-blue-content-primary",backgroundColor:"$color-nonSemantic-blue-background-muted"}}},green:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-green-background-strong"},low:{color:"$color-nonSemantic-green-content-primary",backgroundColor:"$color-nonSemantic-green-background-muted"}}},grey:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-grey-background-strong"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-grey-background-muted"}}},red:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-red-background-strong"},low:{color:"$color-nonSemantic-red-content-primary",backgroundColor:"$color-nonSemantic-red-background-muted"}}},orange:{emphasis:{high:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-orange-background-strong"},low:{color:"$color-nonSemantic-orange-content-primary",backgroundColor:"$color-nonSemantic-orange-background-muted"}}},raspberry:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-raspberry-background-strong"},low:{color:"$color-nonSemantic-raspberry-content-primary",backgroundColor:"$color-nonSemantic-raspberry-background-muted"}}},magenta:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-magenta-background-strong"},low:{color:"$color-nonSemantic-magenta-content-primary",backgroundColor:"$color-nonSemantic-magenta-background-muted"}}},purple:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-purple-background-strong"},low:{color:"$color-nonSemantic-purple-content-primary",backgroundColor:"$color-nonSemantic-purple-background-muted"}}},grape:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-grape-background-strong"},low:{color:"$color-nonSemantic-grape-content-primary",backgroundColor:"$color-nonSemantic-grape-background-muted"}}},violet:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-violet-background-strong"},low:{color:"$color-nonSemantic-violet-content-primary",backgroundColor:"$color-nonSemantic-violet-background-muted"}}},cyan:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-cyan-background-strong"},low:{color:"$color-nonSemantic-cyan-content-primary",backgroundColor:"$color-nonSemantic-cyan-background-muted"}}},teal:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-teal-background-strong"},low:{color:"$color-nonSemantic-teal-content-primary",backgroundColor:"$color-nonSemantic-teal-background-muted"}}},aquamarine:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-aquamarine-background-strong"},low:{color:"$color-nonSemantic-aquamarine-content-primary",backgroundColor:"$color-nonSemantic-aquamarine-background-muted"}}},emerald:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-emerald-background-strong"},low:{color:"$color-nonSemantic-emerald-content-primary",backgroundColor:"$color-nonSemantic-emerald-background-muted"}}}},innerElements:{image:{w:"100%",h:"100%"}}},$=({custom:e,variant:n})=>{const{appearance:a,shape:r,size:l,innerElements:{image:o},...t}=b({defaultConfig:h,custom:e}),{appearance:i,emphasis:c,shape:s,size:g}=n;return{container:{...a[i].emphasis[c],...r[s],...l[g],...t},image:o}},d=({appearance:e="blue",emphasis:n="low",shape:a="rounded",size:r="medium",custom:l,initials:o,img:t,...i})=>{const c=p.useMemo(()=>$({custom:l,variant:{appearance:e,emphasis:n,shape:a,size:r}}),[l,e,n,a,r]);return m.jsx(u.div,{...c.container,"data-testid":"avatar","data-size":r,letterSpacing:(o==null?void 0:o.length)===1?"normal":void 0,...i,children:t?m.jsx(u.img,{...c.image,"data-testid":"avatar-image",...t}):o})};try{d.displayName="Avatar",d.__docgenInfo={description:"",displayName:"Avatar",props:{img:{defaultValue:null,description:"",name:"img",required:!1,type:{name:'Omit, "color">'}},appearance:{defaultValue:{value:"blue"},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:'"image"'}]}},emphasis:{defaultValue:{value:"low"},description:"",name:"emphasis",required:!1,type:{name:"enum",value:[{value:'"high"'},{value:'"low"'}]}},initials:{defaultValue:null,description:"",name:"initials",required:!1,type:{name:"string"}},shape:{defaultValue:{value:"rounded"},description:"",name:"shape",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"square"'}]}},size:{defaultValue:{value:"medium"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"large"'},{value:'"small"'},{value:'"xSmall"'},{value:'"2xSmall"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"AvatarConfig"}}}}}catch{}export{d as A}; +import{j as m}from"./jsx-runtime-ffb262ed.js";import{r as p}from"./index-76fb7be0.js";import{m as b}from"./mergeConfigWithCutom-aec35d44.js";import{t as u}from"./TetrislyProvider-8c69fae3.js";const h={overflow:"hidden",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",shape:{rounded:{borderRadius:"$border-radius-full"},square:{borderRadius:{_:"$border-radius-large",'&[data-size="xSmall"]':"$border-radius-medium",'&[data-size="2xSmall"]':"$border-radius-medium"}}},size:{large:{w:"$size-large",h:"$size-large",text:"$typo-body-large"},medium:{w:"$size-medium",h:"$size-medium",text:"$typo-body-medium"},small:{w:"$size-small",h:"$size-small",text:"$typo-body-small"},xSmall:{w:"$size-xSmall",h:"$size-xSmall",text:"$typo-body-strong-xSmall"},"2xSmall":{w:"$size-2xSmall",h:"$size-2xSmall",text:"$typo-body-strong-xSmall"}},appearance:{image:{emphasis:{high:{},low:{}}},blue:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-blue-background-strong"},low:{color:"$color-nonSemantic-blue-content-primary",backgroundColor:"$color-nonSemantic-blue-background-muted"}}},green:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-green-background-strong"},low:{color:"$color-nonSemantic-green-content-primary",backgroundColor:"$color-nonSemantic-green-background-muted"}}},grey:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-grey-background-strong"},low:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-grey-background-muted"}}},red:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-red-background-strong"},low:{color:"$color-nonSemantic-red-content-primary",backgroundColor:"$color-nonSemantic-red-background-muted"}}},orange:{emphasis:{high:{color:"$color-nonSemantic-grey-content-primary",backgroundColor:"$color-nonSemantic-orange-background-strong"},low:{color:"$color-nonSemantic-orange-content-primary",backgroundColor:"$color-nonSemantic-orange-background-muted"}}},raspberry:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-raspberry-background-strong"},low:{color:"$color-nonSemantic-raspberry-content-primary",backgroundColor:"$color-nonSemantic-raspberry-background-muted"}}},magenta:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-magenta-background-strong"},low:{color:"$color-nonSemantic-magenta-content-primary",backgroundColor:"$color-nonSemantic-magenta-background-muted"}}},purple:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-purple-background-strong"},low:{color:"$color-nonSemantic-purple-content-primary",backgroundColor:"$color-nonSemantic-purple-background-muted"}}},grape:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-grape-background-strong"},low:{color:"$color-nonSemantic-grape-content-primary",backgroundColor:"$color-nonSemantic-grape-background-muted"}}},violet:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-violet-background-strong"},low:{color:"$color-nonSemantic-violet-content-primary",backgroundColor:"$color-nonSemantic-violet-background-muted"}}},cyan:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-cyan-background-strong"},low:{color:"$color-nonSemantic-cyan-content-primary",backgroundColor:"$color-nonSemantic-cyan-background-muted"}}},teal:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-teal-background-strong"},low:{color:"$color-nonSemantic-teal-content-primary",backgroundColor:"$color-nonSemantic-teal-background-muted"}}},aquamarine:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-aquamarine-background-strong"},low:{color:"$color-nonSemantic-aquamarine-content-primary",backgroundColor:"$color-nonSemantic-aquamarine-background-muted"}}},emerald:{emphasis:{high:{color:"$color-nonSemantic-white-content-primary",backgroundColor:"$color-nonSemantic-emerald-background-strong"},low:{color:"$color-nonSemantic-emerald-content-primary",backgroundColor:"$color-nonSemantic-emerald-background-muted"}}}},innerElements:{image:{w:"100%",h:"100%"}}},$=({custom:e,variant:n})=>{const{appearance:a,shape:r,size:l,innerElements:{image:o},...t}=b({defaultConfig:h,custom:e}),{appearance:i,emphasis:c,shape:s,size:g}=n;return{container:{...a[i].emphasis[c],...r[s],...l[g],...t},image:o}},d=({appearance:e="blue",emphasis:n="low",shape:a="rounded",size:r="medium",custom:l,initials:o,img:t,...i})=>{const c=p.useMemo(()=>$({custom:l,variant:{appearance:e,emphasis:n,shape:a,size:r}}),[l,e,n,a,r]);return m.jsx(u.div,{...c.container,"data-testid":"avatar","data-size":r,letterSpacing:(o==null?void 0:o.length)===1?"normal":void 0,...i,children:t?m.jsx(u.img,{...c.image,"data-testid":"avatar-image",...t}):o})};try{d.displayName="Avatar",d.__docgenInfo={description:"",displayName:"Avatar",props:{img:{defaultValue:null,description:"",name:"img",required:!1,type:{name:'Omit, "color">'}},appearance:{defaultValue:{value:"blue"},description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"image"'},{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"'}]}},emphasis:{defaultValue:{value:"low"},description:"",name:"emphasis",required:!1,type:{name:"enum",value:[{value:'"low"'},{value:'"high"'}]}},initials:{defaultValue:null,description:"",name:"initials",required:!1,type:{name:"string"}},shape:{defaultValue:{value:"rounded"},description:"",name:"shape",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"square"'}]}},size:{defaultValue:{value:"medium"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:'"xSmall"'},{value:'"2xSmall"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"AvatarConfig"}}}}}catch{}export{d as A}; diff --git a/assets/Avatar.stories-9bdc03c9.js b/assets/Avatar.stories-d89542ae.js similarity index 94% rename from assets/Avatar.stories-9bdc03c9.js rename to assets/Avatar.stories-d89542ae.js index 0d300b62..c58762f2 100644 --- a/assets/Avatar.stories-9bdc03c9.js +++ b/assets/Avatar.stories-d89542ae.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-ffb262ed.js";import{A as u}from"./Avatar-33fa412b.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-d591ecc5.js";import{a as f}from"./Appearance-35507110.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-7d24e22f.js";import{a as f}from"./Appearance-35507110.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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.stories-02edb9bb.js b/assets/Badge.stories-4d97a9dc.js similarity index 97% rename from assets/Badge.stories-02edb9bb.js rename to assets/Badge.stories-4d97a9dc.js index aa10b56e..8d623575 100644 --- a/assets/Badge.stories-02edb9bb.js +++ b/assets/Badge.stories-4d97a9dc.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-ffb262ed.js";import{R as $}from"./tetrisly-icons.es-12549e88.js";import{r as B}from"./index-76fb7be0.js";import{m as L,l as _}from"./mergeConfigWithCutom-aec35d44.js";import{t as r}from"./TetrislyProvider-8c69fae3.js";import{S as v}from"./SectionHeader-c9c7fa6d.js";import{S as D,a as V}from"./States-1bb354e8.js";import{a as E}from"./Appearance-35507110.js";import{T}from"./TetDocs-d591ecc5.js";import"./_commonjsHelpers-de833af9.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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",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:{}}},H=(e,n,m,b,c)=>{const{innerElements:t,hasLabel:i,intent:u,appearance:h,...d}=L({defaultConfig:W,custom:m}),l=c?h[c].emphasis[n]:u[e].emphasis[n];return{container:{...d,...l,...b?i:{}},iconContainer:t.iconContainer,label:t.label}},a=({appearance:e,intent:n="neutral",emphasis:m="high",icon:b,beforeIcon:c=b,afterIcon:t,label:i,custom:u,...h})=>{const d=!!i,l=B.useMemo(()=>H(n,m,u,d,e),[u,n,m,d,e]);return o.jsxs(r.div,{...l.container,"data-testid":"badge",...h,children:[!!c&&o.jsx(r.span,{...l.iconContainer,"data-testid":"badge-iconContainer",children:o.jsx($,{name:c,"data-testid":"badge-icon"})}),!!i&&o.jsx(r.span,{...l.label,"data-testid":"badge-label",children:i}),!!t&&o.jsx(r.span,{...l.iconContainer,"data-testid":"badge-iconContainer",children:o.jsx($,{name:t,"data-testid":"badge-icon"})})]})};try{a.displayName="Badge",a.__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:'"high"'},{value:'"medium"'},{value:'"low"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"BadgeConfig"}}}}}catch{}const y=["neutral","informative","positive","warning","negative"],R=["high","medium","low"],A=()=>o.jsx(o.Fragment,{children:R.map(e=>o.jsxs(r.section,{display:"flex",padding:"40px 0px",flexDirection:"column",children:[o.jsxs(v,{px:"$dimension-1000",variant:"H1",my:"auto",as:"h2",children:[_.capitalize(e)," Emphasis"]}),o.jsxs(r.div,{px:"$dimension-1000",borderBottomWidth:"1px",borderBottomColor:"$color-border-neutral-subtle",children:[o.jsx(v,{variant:"H2",as:"h3",py:"$dimension-500",children:"Intent"}),o.jsx(D,{states:y,gap:"$dimension-500",flexBasis:"$dimension-100"}),o.jsx(r.div,{py:"$dimension-500",display:"flex",flexWrap:"wrap",gap:"$dimension-500",children:y.map(n=>o.jsxs(r.div,{display:"flex",flexDirection:"column",gap:"$dimension-400",flexBasis:"100",flexShrink:"0",flexGrow:"1",children:[o.jsx(a,{intent:n,emphasis:e,label:"Badge Text"}),o.jsx(a,{intent:n,emphasis:e,icon:"16-bolt"})]},n))})]}),o.jsxs(r.div,{px:"$dimension-1000",w:"100%",children:[o.jsx(v,{variant:"H2",as:"h3",py:"$dimension-500",children:"Appearance"}),o.jsx(r.div,{children:o.jsx(r.div,{py:"$dimension-500",display:"flex",gap:"48px",flexWrap:"wrap",children:E.map(n=>o.jsxs(r.div,{display:"flex",gap:"72px",my:"20",flexDirection:"column",children:[o.jsx(V,{state:n}),o.jsxs(r.div,{display:"flex",flexWrap:"wrap",flexDirection:"column",gap:"$dimension-400",flexShrink:"0",children:[o.jsx(a,{appearance:n,emphasis:e,label:"Badge Text"}),o.jsx(a,{appearance:n,emphasis:e,icon:"16-bolt"})]},n)]}))})})]})]},e))}),eo={title:"Badge",component:a,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:()=>o.jsx(T,{docs:"https://docs.tetrisly.com/components/list/badge",children:o.jsx(A,{})})}}},s={args:{intent:"informative",emphasis:"high",label:"Label"}},g={args:{appearance:"blue",icon:"16-bolt"}},p={args:{intent:"informative",label:"Label",beforeIcon:"16-bolt",afterIcon:"16-bolt"}};var S,k,f;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:`{ +import{j as o}from"./jsx-runtime-ffb262ed.js";import{R as $}from"./tetrisly-icons.es-12549e88.js";import{r as B}from"./index-76fb7be0.js";import{m as L,l as _}from"./mergeConfigWithCutom-aec35d44.js";import{t as r}from"./TetrislyProvider-8c69fae3.js";import{S as v}from"./SectionHeader-c9c7fa6d.js";import{S as D,a as V}from"./States-1bb354e8.js";import{a as E}from"./Appearance-35507110.js";import{T}from"./TetDocs-7d24e22f.js";import"./_commonjsHelpers-de833af9.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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",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:{}}},H=(e,n,m,b,c)=>{const{innerElements:t,hasLabel:i,intent:u,appearance:h,...d}=L({defaultConfig:W,custom:m}),l=c?h[c].emphasis[n]:u[e].emphasis[n];return{container:{...d,...l,...b?i:{}},iconContainer:t.iconContainer,label:t.label}},a=({appearance:e,intent:n="neutral",emphasis:m="high",icon:b,beforeIcon:c=b,afterIcon:t,label:i,custom:u,...h})=>{const d=!!i,l=B.useMemo(()=>H(n,m,u,d,e),[u,n,m,d,e]);return o.jsxs(r.div,{...l.container,"data-testid":"badge",...h,children:[!!c&&o.jsx(r.span,{...l.iconContainer,"data-testid":"badge-iconContainer",children:o.jsx($,{name:c,"data-testid":"badge-icon"})}),!!i&&o.jsx(r.span,{...l.label,"data-testid":"badge-label",children:i}),!!t&&o.jsx(r.span,{...l.iconContainer,"data-testid":"badge-iconContainer",children:o.jsx($,{name:t,"data-testid":"badge-icon"})})]})};try{a.displayName="Badge",a.__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{}const y=["neutral","informative","positive","warning","negative"],R=["high","medium","low"],A=()=>o.jsx(o.Fragment,{children:R.map(e=>o.jsxs(r.section,{display:"flex",padding:"40px 0px",flexDirection:"column",children:[o.jsxs(v,{px:"$dimension-1000",variant:"H1",my:"auto",as:"h2",children:[_.capitalize(e)," Emphasis"]}),o.jsxs(r.div,{px:"$dimension-1000",borderBottomWidth:"1px",borderBottomColor:"$color-border-neutral-subtle",children:[o.jsx(v,{variant:"H2",as:"h3",py:"$dimension-500",children:"Intent"}),o.jsx(D,{states:y,gap:"$dimension-500",flexBasis:"$dimension-100"}),o.jsx(r.div,{py:"$dimension-500",display:"flex",flexWrap:"wrap",gap:"$dimension-500",children:y.map(n=>o.jsxs(r.div,{display:"flex",flexDirection:"column",gap:"$dimension-400",flexBasis:"100",flexShrink:"0",flexGrow:"1",children:[o.jsx(a,{intent:n,emphasis:e,label:"Badge Text"}),o.jsx(a,{intent:n,emphasis:e,icon:"16-bolt"})]},n))})]}),o.jsxs(r.div,{px:"$dimension-1000",w:"100%",children:[o.jsx(v,{variant:"H2",as:"h3",py:"$dimension-500",children:"Appearance"}),o.jsx(r.div,{children:o.jsx(r.div,{py:"$dimension-500",display:"flex",gap:"48px",flexWrap:"wrap",children:E.map(n=>o.jsxs(r.div,{display:"flex",gap:"72px",my:"20",flexDirection:"column",children:[o.jsx(V,{state:n}),o.jsxs(r.div,{display:"flex",flexWrap:"wrap",flexDirection:"column",gap:"$dimension-400",flexShrink:"0",children:[o.jsx(a,{appearance:n,emphasis:e,label:"Badge Text"}),o.jsx(a,{appearance:n,emphasis:e,icon:"16-bolt"})]},n)]}))})})]})]},e))}),eo={title:"Badge",component:a,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:()=>o.jsx(T,{docs:"https://docs.tetrisly.com/components/list/badge",children:o.jsx(A,{})})}}},s={args:{intent:"informative",emphasis:"high",label:"Label"}},g={args:{appearance:"blue",icon:"16-bolt"}},p={args:{intent:"informative",label:"Label",beforeIcon:"16-bolt",afterIcon:"16-bolt"}};var S,k,f;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:`{ args: { intent: 'informative', emphasis: 'high', diff --git a/assets/Button-45fdb2cf.js b/assets/Button-74599000.js similarity index 99% rename from assets/Button-45fdb2cf.js rename to assets/Button-74599000.js index 967f6c17..bddc8971 100644 --- a/assets/Button-45fdb2cf.js +++ b/assets/Button-74599000.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-86dcb147.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:'"medium"'},{value:'"large"'},{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-284bbdd0.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:'"default"'},{value:'"bare"'},{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-6a313ac3.js b/assets/Button.stories-5404fa45.js similarity index 98% rename from assets/Button.stories-6a313ac3.js rename to assets/Button.stories-5404fa45.js index 7da3f9b2..c91d11b8 100644 --- a/assets/Button.stories-6a313ac3.js +++ b/assets/Button.stories-5404fa45.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{B as te}from"./Button-45fdb2cf.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-d591ecc5.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./index-86dcb147.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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:'"medium"'},{value:'"large"'},{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-74599000.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-7d24e22f.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./index-284bbdd0.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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:'"default"'},{value:'"bare"'},{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:'"default"'},{value:'"bare"'},{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/Changelog-ce2180e7.js b/assets/Changelog-008b62d8.js similarity index 97% rename from assets/Changelog-ce2180e7.js rename to assets/Changelog-008b62d8.js index 6c96c5a2..6d217ffd 100644 --- a/assets/Changelog-ce2180e7.js +++ b/assets/Changelog-008b62d8.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-ffb262ed.js";import"./chunk-HLWAVYOI-5c8818c2.js";import{M as a,d as c}from"./index-f7a9c3d5.js";import{u as r}from"./index-a1cf9e47.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./iframe-f70ffe85.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-5f00026e.js";import{M as a,d as c}from"./index-d7ed2552.js";import{u as r}from"./index-a1cf9e47.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./iframe-ef487590.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.5.0](https://github.com/VirtusLab/tetrisly-react/compare/v1.4.0...v1.5.0) (2023-12-12) diff --git a/assets/Checkbox.stories-b0ef9a4b.js b/assets/Checkbox.stories-f40b3ab7.js similarity index 97% rename from assets/Checkbox.stories-b0ef9a4b.js rename to assets/Checkbox.stories-f40b3ab7.js index d3fd7146..eb2d71c5 100644 --- a/assets/Checkbox.stories-b0ef9a4b.js +++ b/assets/Checkbox.stories-f40b3ab7.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-75d513d0.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-d591ecc5.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./mergeConfigWithCutom-aec35d44.js";import"./HelperText-ff282223.js";import"./extractInputProps-bea3ee83.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-75d513d0.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-7d24e22f.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./mergeConfigWithCutom-aec35d44.js";import"./HelperText-ff282223.js";import"./extractInputProps-bea3ee83.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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-d60b972c.js b/assets/CheckboxGroup.stories-570853f2.js similarity index 94% rename from assets/CheckboxGroup.stories-d60b972c.js rename to assets/CheckboxGroup.stories-570853f2.js index 25868f91..2aed8472 100644 --- a/assets/CheckboxGroup.stories-d60b972c.js +++ b/assets/CheckboxGroup.stories-570853f2.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-75d513d0.js";import{H as b}from"./HelperText-ff282223.js";import{L as u}from"./Label-895a3a66.js";import{t as p}from"./TetrislyProvider-8c69fae3.js";import{S as d}from"./SectionHeader-c9c7fa6d.js";import{T}from"./TetDocs-d591ecc5.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./extractInputProps-bea3ee83.js";import"./Button-45fdb2cf.js";import"./index-86dcb147.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const H={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=r=>{const{innerElements:{helperText:o,label:a,checkboxContainer:s},...n}=I({defaultConfig:H,custom:r});return{container:n,checkboxContainer:s,label:a,helperText:o}},t=({column:r=1,label:o,helperText:a,children:s,custom:n,...L})=>{const l=x.useMemo(()=>G(n),[n]);return x.Children.map(s,c=>{x.isValidElement(c)&&(c==null?void 0:c.type)!==t.Item&&console.error("You should use only CheckboxGroup.Item as a child of a CheckboxGroup component.")}),e.jsxs(p.div,{...l.container,"data-testid":"checkbox-group",...L,children:[!!o&&(typeof o=="string"?e.jsx(u,{label:o,custom:l.label,"data-testid":"checkbox-group-label"}):e.jsx(u,{...o,custom:l.label,"data-testid":"checkbox-group-label"})),e.jsx(p.div,{...l.checkboxContainer,gridTemplateColumns:`repeat(${r}, 1fr)`,"data-testid":"checkbox-group-container",children:s}),!!a&&(typeof a=="string"?e.jsx(b,{text:a,custom:l.helperText,"data-testid":"checkbox-group-helperText"}):e.jsx(b,{...a,custom:l.helperText,"data-testid":"checkbox-group-helperText"}))]})};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 _=()=>e.jsxs(e.Fragment,{children:[e.jsxs(p.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(p.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"})]})]})]}),Q={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(T,{docs:"https://docs.tetrisly.com/components/list/checkbox",children:e.jsx(_,{})})}}},m={args:{column:4}},i={args:{column:1}};var h,j,f;m.parameters={...m.parameters,docs:{...(h=m.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-75d513d0.js";import{H as b}from"./HelperText-ff282223.js";import{L as u}from"./Label-7c850b63.js";import{t as p}from"./TetrislyProvider-8c69fae3.js";import{S as d}from"./SectionHeader-c9c7fa6d.js";import{T}from"./TetDocs-7d24e22f.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./extractInputProps-bea3ee83.js";import"./Button-74599000.js";import"./index-284bbdd0.js";import"./index-d7ed2552.js";import"./iframe-ef487590.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const H={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=r=>{const{innerElements:{helperText:o,label:a,checkboxContainer:s},...n}=I({defaultConfig:H,custom:r});return{container:n,checkboxContainer:s,label:a,helperText:o}},t=({column:r=1,label:o,helperText:a,children:s,custom:n,...L})=>{const l=x.useMemo(()=>G(n),[n]);return x.Children.map(s,c=>{x.isValidElement(c)&&(c==null?void 0:c.type)!==t.Item&&console.error("You should use only CheckboxGroup.Item as a child of a CheckboxGroup component.")}),e.jsxs(p.div,{...l.container,"data-testid":"checkbox-group",...L,children:[!!o&&(typeof o=="string"?e.jsx(u,{label:o,custom:l.label,"data-testid":"checkbox-group-label"}):e.jsx(u,{...o,custom:l.label,"data-testid":"checkbox-group-label"})),e.jsx(p.div,{...l.checkboxContainer,gridTemplateColumns:`repeat(${r}, 1fr)`,"data-testid":"checkbox-group-container",children:s}),!!a&&(typeof a=="string"?e.jsx(b,{text:a,custom:l.helperText,"data-testid":"checkbox-group-helperText"}):e.jsx(b,{...a,custom:l.helperText,"data-testid":"checkbox-group-helperText"}))]})};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 _=()=>e.jsxs(e.Fragment,{children:[e.jsxs(p.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(p.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"})]})]})]}),Q={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(T,{docs:"https://docs.tetrisly.com/components/list/checkbox",children:e.jsx(_,{})})}}},m={args:{column:4}},i={args:{column:1}};var h,j,f;m.parameters={...m.parameters,docs:{...(h=m.parameters)==null?void 0:h.docs,source:{originalSource:`{ args: { column: 4 } diff --git a/assets/Color-6VNJS4EI-63d2c5f9.js b/assets/Color-6VNJS4EI-2337cb08.js similarity index 99% rename from assets/Color-6VNJS4EI-63d2c5f9.js rename to assets/Color-6VNJS4EI-2337cb08.js index c79b01cb..a4188e4f 100644 --- a/assets/Color-6VNJS4EI-63d2c5f9.js +++ b/assets/Color-6VNJS4EI-2337cb08.js @@ -1 +1 @@ -import{n as M,g as ue,T as Me,F as Ce,I as $e,h as Ne}from"./index-f7a9c3d5.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-f70ffe85.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-d7ed2552.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-ef487590.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/Counter.stories-4e22883d.js b/assets/Counter.stories-abd2c7e3.js similarity index 97% rename from assets/Counter.stories-4e22883d.js rename to assets/Counter.stories-abd2c7e3.js index 879f4a8a..9f7c7b01 100644 --- a/assets/Counter.stories-4e22883d.js +++ b/assets/Counter.stories-abd2c7e3.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-d591ecc5.js";import"./_commonjsHelpers-de833af9.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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:'"high"'},{value:'"low"'}]}},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-7d24e22f.js";import"./_commonjsHelpers-de833af9.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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-1499ca01.js b/assets/Divider.stories-ac139206.js similarity index 92% rename from assets/Divider.stories-1499ca01.js rename to assets/Divider.stories-ac139206.js index 2c80f8d4..dd0e8872 100644 --- a/assets/Divider.stories-1499ca01.js +++ b/assets/Divider.stories-ac139206.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-d591ecc5.js";import"./_commonjsHelpers-de833af9.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-7d24e22f.js";import"./_commonjsHelpers-de833af9.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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-28acd60f.js b/assets/DocsRenderer-NNNQARDV-28acd60f.js deleted file mode 100644 index 791559f3..00000000 --- a/assets/DocsRenderer-NNNQARDV-28acd60f.js +++ /dev/null @@ -1 +0,0 @@ -import{D,d as c}from"./chunk-HLWAVYOI-5c8818c2.js";import"./iframe-f70ffe85.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-f7a9c3d5.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-dd17ef5c.js b/assets/DocsRenderer-NNNQARDV-dd17ef5c.js new file mode 100644 index 00000000..b7a484c9 --- /dev/null +++ b/assets/DocsRenderer-NNNQARDV-dd17ef5c.js @@ -0,0 +1 @@ +import{D,d as c}from"./chunk-HLWAVYOI-5f00026e.js";import"./iframe-ef487590.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-d7ed2552.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.stories-a6d7c5c8.js b/assets/HelperText.stories-ba294c49.js similarity index 93% rename from assets/HelperText.stories-a6d7c5c8.js rename to assets/HelperText.stories-ba294c49.js index a2b8b75c..9f36c7c7 100644 --- a/assets/HelperText.stories-a6d7c5c8.js +++ b/assets/HelperText.stories-ba294c49.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-d591ecc5.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./mergeConfigWithCutom-aec35d44.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-ff282223.js";import{S as g}from"./SectionHeader-c9c7fa6d.js";import{t as a}from"./TetrislyProvider-8c69fae3.js";import{T as h}from"./TetDocs-7d24e22f.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./mergeConfigWithCutom-aec35d44.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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-2b3d1494.js b/assets/Icon.stories-72825907.js similarity index 99% rename from assets/Icon.stories-2b3d1494.js rename to assets/Icon.stories-72825907.js index 5b880d7c..d4012934 100644 --- a/assets/Icon.stories-2b3d1494.js +++ b/assets/Icon.stories-72825907.js @@ -1,3 +1,3 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{R as p,T as c}from"./tetrisly-icons.es-12549e88.js";import{s as f,a as g,t as l}from"./TetrislyProvider-8c69fae3.js";import{S as d}from"./SectionHeader-c9c7fa6d.js";import{T as b}from"./TetDocs-d591ecc5.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const w=f(p)` +import{j as e}from"./jsx-runtime-ffb262ed.js";import{R as p,T as c}from"./tetrisly-icons.es-12549e88.js";import{s as f,a as g,t as l}from"./TetrislyProvider-8c69fae3.js";import{S as d}from"./SectionHeader-c9c7fa6d.js";import{T as b}from"./TetDocs-7d24e22f.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d7ed2552.js";import"./iframe-ef487590.js";import"../sb-preview/runtime.js";import"./index-d3ea75b5.js";import"./index-11d98b33.js";import"./index-8fd8397b.js";import"./index-356e4a49.js";const w=f(p)` ${g} `,r=({custom:a,...v})=>e.jsx(w,{"data-testid":"icon",...v,...a});try{r.displayName="Icon",r.__docgenInfo={description:"",displayName:"Icon",props:{name:{defaultValue:null,description:"",name:"name",required:!0,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"'},{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"'}]}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"SystemProp, Theme>"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"BaseProps"}}}}}catch{}const m=Object.keys(c),y=m.filter(a=>a.startsWith("20-")),k=m.filter(a=>a.startsWith("16-")),t=({heading:a,items:v,...h})=>e.jsxs(l.div,{...h,children:[e.jsx(d,{variant:"H1",as:"h3",mb:"$dimension-300",children:a}),e.jsx(l.div,{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",ringInset:!0,ring:"$border-width-small",ringColor:"$color-border-default",borderRadius:"$border-radius-medium",overflow:"hidden",children:v.map(o=>e.jsxs(l.div,{display:"flex",alignItems:"center",py:"$dimension-200",px:"$dimension-300",borderBottom:!0,borderRight:!0,borderColor:"$color-border-default",children:[e.jsx(l.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(r,{color:"$color-content-primary",name:o})}),e.jsx(l.b,{text:"$typo-body-strong-medium",color:"$color-content-primary",ml:"$dimension-300",children:o})]},o))})]}),x=()=>e.jsx(l.section,{children:e.jsxs(l.div,{px:"$dimension-1000",children:[e.jsx(d,{variant:"Hero",as:"h2",children:"Icons lists"}),e.jsx(t,{heading:"20x20",items:y}),e.jsx(t,{heading:"16x16",items:k,mt:"$dimension-1000"})]})}),O={title:"Foundations / Icon",component:r,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(b,{docs:"https://docs.tetrisly.com/foundations/overview/icons",children:e.jsx(x,{})})}}},u={};var i,n,s;u.parameters={...u.parameters,docs:{...(i=u.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(s=(n=u.parameters)==null?void 0:n.docs)==null?void 0:s.source}}};const E=["Default"];export{u as Default,E as __namedExportsOrder,O as default}; diff --git a/assets/IconButton-ef08722f.js b/assets/IconButton-2eca00b7.js similarity index 97% rename from assets/IconButton-ef08722f.js rename to assets/IconButton-2eca00b7.js index d644ccbe..5bb3d82d 100644 --- a/assets/IconButton-ef08722f.js +++ b/assets/IconButton-2eca00b7.js @@ -1 +1 @@ -import{j as t}from"./jsx-runtime-ffb262ed.js";import{B as o}from"./Button-45fdb2cf.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:'"medium"'},{value:'"large"'},{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-74599000.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:'"default"'},{value:'"bare"'},{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-0a808952.js b/assets/IconButton.stories-bb2e9c4d.js similarity index 88% rename from assets/IconButton.stories-0a808952.js rename to assets/IconButton.stories-bb2e9c4d.js index 0a4abf15..0cb640e2 100644 --- a/assets/IconButton.stories-0a808952.js +++ b/assets/IconButton.stories-bb2e9c4d.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-ef08722f.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-d591ecc5.js";import"./_commonjsHelpers-de833af9.js";import"./Button-45fdb2cf.js";import"./tetrisly-icons.es-12549e88.js";import"./index-86dcb147.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-2eca00b7.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-7d24e22f.js";import"./_commonjsHelpers-de833af9.js";import"./Button-74599000.js";import"./tetrisly-icons.es-12549e88.js";import"./index-284bbdd0.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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-cd2ba859.js b/assets/InlineBanner.stories-6dd4d3c7.js similarity index 95% rename from assets/InlineBanner.stories-cd2ba859.js rename to assets/InlineBanner.stories-6dd4d3c7.js index d91a0144..2156b925 100644 --- a/assets/InlineBanner.stories-cd2ba859.js +++ b/assets/InlineBanner.stories-6dd4d3c7.js @@ -1,4 +1,4 @@ -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-45fdb2cf.js";import{I as J}from"./IconButton-ef08722f.js";import{t as o}from"./TetrislyProvider-8c69fae3.js";import{S as x}from"./SectionHeader-c9c7fa6d.js";import{T as K}from"./TetDocs-d591ecc5.js";import"./preview-errors-dde4324f.js";import"./index-356e4a49.js";import"./_commonjsHelpers-de833af9.js";import"./index-86dcb147.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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:`{ +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-74599000.js";import{I as J}from"./IconButton-2eca00b7.js";import{t as o}from"./TetrislyProvider-8c69fae3.js";import{S as x}from"./SectionHeader-c9c7fa6d.js";import{T as K}from"./TetDocs-7d24e22f.js";import"./preview-errors-dde4324f.js";import"./index-356e4a49.js";import"./_commonjsHelpers-de833af9.js";import"./index-284bbdd0.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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' } diff --git a/assets/InlineMessage.stories-8d5cbf97.js b/assets/InlineMessage.stories-8071a7ed.js similarity index 97% rename from assets/InlineMessage.stories-8d5cbf97.js rename to assets/InlineMessage.stories-8071a7ed.js index 3b712593..646dcf53 100644 --- a/assets/InlineMessage.stories-8d5cbf97.js +++ b/assets/InlineMessage.stories-8071a7ed.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-d591ecc5.js";import"./_commonjsHelpers-de833af9.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-7d24e22f.js";import"./_commonjsHelpers-de833af9.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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:`{ args: { intent: 'success' } diff --git a/assets/InlineSearchInput.stories-21605372.js b/assets/InlineSearchInput.stories-149cffa1.js similarity index 88% rename from assets/InlineSearchInput.stories-21605372.js rename to assets/InlineSearchInput.stories-149cffa1.js index 4c6ed290..d2185147 100644 --- a/assets/InlineSearchInput.stories-21605372.js +++ b/assets/InlineSearchInput.stories-149cffa1.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-2b98b70b.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-d591ecc5.js";import"./_commonjsHelpers-de833af9.js";import"./TextInput-0cb88067.js";import"./tetrisly-icons.es-12549e88.js";import"./useTextInput-62ecf22c.js";import"./extractInputProps-bea3ee83.js";import"./Avatar-33fa412b.js";import"./Button-45fdb2cf.js";import"./index-86dcb147.js";import"./IconButton-ef08722f.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-ef6ad324.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-7d24e22f.js";import"./_commonjsHelpers-de833af9.js";import"./TextInput-4f5882e8.js";import"./tetrisly-icons.es-12549e88.js";import"./useTextInput-62ecf22c.js";import"./extractInputProps-bea3ee83.js";import"./Avatar-fa7da47e.js";import"./Button-74599000.js";import"./index-284bbdd0.js";import"./IconButton-2eca00b7.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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-895a3a66.js b/assets/Label-7c850b63.js similarity index 96% rename from assets/Label-895a3a66.js rename to assets/Label-7c850b63.js index de62d571..670e6c90 100644 --- a/assets/Label-895a3a66.js +++ b/assets/Label-7c850b63.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-45fdb2cf.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-74599000.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-29c1ea49.js b/assets/Label.stories-a8b6bc4f.js similarity index 88% rename from assets/Label.stories-29c1ea49.js rename to assets/Label.stories-a8b6bc4f.js index e0cf3081..e4dae756 100644 --- a/assets/Label.stories-29c1ea49.js +++ b/assets/Label.stories-a8b6bc4f.js @@ -1,4 +1,4 @@ -import{j as L}from"./jsx-runtime-ffb262ed.js";import{L as T}from"./Label-895a3a66.js";import{T as j}from"./TetDocs-d591ecc5.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./mergeConfigWithCutom-aec35d44.js";import"./Button-45fdb2cf.js";import"./TetrislyProvider-8c69fae3.js";import"./index-86dcb147.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-7c850b63.js";import{T as j}from"./TetDocs-7d24e22f.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./mergeConfigWithCutom-aec35d44.js";import"./Button-74599000.js";import"./TetrislyProvider-8c69fae3.js";import"./index-284bbdd0.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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-5a3381e3.js b/assets/Loader.stories-53c73678.js similarity index 96% rename from assets/Loader.stories-5a3381e3.js rename to assets/Loader.stories-53c73678.js index 3a0c12f6..02c9f0da 100644 --- a/assets/Loader.stories-5a3381e3.js +++ b/assets/Loader.stories-53c73678.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-86dcb147.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-d591ecc5.js";import"./_commonjsHelpers-de833af9.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-284bbdd0.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-7d24e22f.js";import"./_commonjsHelpers-de833af9.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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-406855d7.js b/assets/Popover.stories-67c6c0a0.js similarity index 94% rename from assets/Popover.stories-406855d7.js rename to assets/Popover.stories-67c6c0a0.js index 46e18c92..a8f00005 100644 --- a/assets/Popover.stories-406855d7.js +++ b/assets/Popover.stories-67c6c0a0.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-33fa412b.js";import{B as m}from"./Button-45fdb2cf.js";import{L as J}from"./Label-895a3a66.js";import{T as O}from"./TetDocs-d591ecc5.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./index-86dcb147.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-74599000.js";import{L as J}from"./Label-7c850b63.js";import{T as O}from"./TetDocs-7d24e22f.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./index-284bbdd0.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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.stories-36a74b8c.js b/assets/RadioButton.stories-37c9b94b.js similarity index 97% rename from assets/RadioButton.stories-36a74b8c.js rename to assets/RadioButton.stories-37c9b94b.js index 3f1e5f98..36a319f6 100644 --- a/assets/RadioButton.stories-36a74b8c.js +++ b/assets/RadioButton.stories-37c9b94b.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-ffb262ed.js";import{R as o}from"./RadioButton-b6183d04.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-d591ecc5.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-bea3ee83.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-b6183d04.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-7d24e22f.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-bea3ee83.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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-8e11da00.js b/assets/RadioButtonGroup.stories-979cd842.js similarity index 93% rename from assets/RadioButtonGroup.stories-8e11da00.js rename to assets/RadioButtonGroup.stories-979cd842.js index 1ae580ac..6a4bc630 100644 --- a/assets/RadioButtonGroup.stories-8e11da00.js +++ b/assets/RadioButtonGroup.stories-979cd842.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-895a3a66.js";import{R as T}from"./RadioButton-b6183d04.js";import{t as c}from"./TetrislyProvider-8c69fae3.js";import{S as x}from"./SectionHeader-c9c7fa6d.js";import{T as H}from"./TetDocs-d591ecc5.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./Button-45fdb2cf.js";import"./index-86dcb147.js";import"./extractInputProps-bea3ee83.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-ff282223.js";import{L as b}from"./Label-7c850b63.js";import{R as T}from"./RadioButton-b6183d04.js";import{t as c}from"./TetrislyProvider-8c69fae3.js";import{S as x}from"./SectionHeader-c9c7fa6d.js";import{T as H}from"./TetDocs-7d24e22f.js";import"./_commonjsHelpers-de833af9.js";import"./tetrisly-icons.es-12549e88.js";import"./Button-74599000.js";import"./index-284bbdd0.js";import"./extractInputProps-bea3ee83.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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-ddf434b7.js b/assets/ReadMe-bdb23488.js similarity index 97% rename from assets/ReadMe-ddf434b7.js rename to assets/ReadMe-bdb23488.js index f9d11596..585044d4 100644 --- a/assets/ReadMe-ddf434b7.js +++ b/assets/ReadMe-bdb23488.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-ffb262ed.js";import"./chunk-HLWAVYOI-5c8818c2.js";import{M as r,d as s}from"./index-f7a9c3d5.js";import{u as i}from"./index-a1cf9e47.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./iframe-f70ffe85.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-5f00026e.js";import{M as r,d as s}from"./index-d7ed2552.js";import{u as i}from"./index-a1cf9e47.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./iframe-ef487590.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-2b98b70b.js b/assets/SearchInput-ef6ad324.js similarity index 92% rename from assets/SearchInput-2b98b70b.js rename to assets/SearchInput-ef6ad324.js index 2a161450..2ca545cc 100644 --- a/assets/SearchInput-2b98b70b.js +++ b/assets/SearchInput-ef6ad324.js @@ -1 +1 @@ -import{j as r}from"./jsx-runtime-ffb262ed.js";import{T as o}from"./TextInput-0cb88067.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-4f5882e8.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-2fcb0aa1.js b/assets/SearchInput.stories-0bb85d57.js similarity index 88% rename from assets/SearchInput.stories-2fcb0aa1.js rename to assets/SearchInput.stories-0bb85d57.js index 01dc1a8b..b9218053 100644 --- a/assets/SearchInput.stories-2fcb0aa1.js +++ b/assets/SearchInput.stories-0bb85d57.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-2b98b70b.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-d591ecc5.js";import"./_commonjsHelpers-de833af9.js";import"./TextInput-0cb88067.js";import"./tetrisly-icons.es-12549e88.js";import"./useTextInput-62ecf22c.js";import"./mergeConfigWithCutom-aec35d44.js";import"./extractInputProps-bea3ee83.js";import"./Avatar-33fa412b.js";import"./Button-45fdb2cf.js";import"./index-86dcb147.js";import"./IconButton-ef08722f.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-ef6ad324.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-7d24e22f.js";import"./_commonjsHelpers-de833af9.js";import"./TextInput-4f5882e8.js";import"./tetrisly-icons.es-12549e88.js";import"./useTextInput-62ecf22c.js";import"./mergeConfigWithCutom-aec35d44.js";import"./extractInputProps-bea3ee83.js";import"./Avatar-fa7da47e.js";import"./Button-74599000.js";import"./index-284bbdd0.js";import"./IconButton-2eca00b7.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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-9ad0618f.js b/assets/Select.stories-dea3a5bc.js similarity index 91% rename from assets/Select.stories-9ad0618f.js rename to assets/Select.stories-dea3a5bc.js index b032d786..ff1f2ef3 100644 --- a/assets/Select.stories-9ad0618f.js +++ b/assets/Select.stories-dea3a5bc.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-33fa412b.js";import{I as f}from"./IconButton-ef08722f.js";import{u as $}from"./useTextInput-62ecf22c.js";import{m as F}from"./mergeConfigWithCutom-aec35d44.js";import{t as a}from"./TetrislyProvider-8c69fae3.js";import{T as G}from"./TetDocs-d591ecc5.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./Button-45fdb2cf.js";import"./index-86dcb147.js";import"./extractInputProps-bea3ee83.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-2eca00b7.js";import{u as $}from"./useTextInput-62ecf22c.js";import{m as F}from"./mergeConfigWithCutom-aec35d44.js";import{t as a}from"./TetrislyProvider-8c69fae3.js";import{T as G}from"./TetDocs-7d24e22f.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./Button-74599000.js";import"./index-284bbdd0.js";import"./extractInputProps-bea3ee83.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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:`{ args: { state: 'disabled' } diff --git a/assets/SocialButton.stories-32ec5be4.js b/assets/SocialButton.stories-60f689d9.js similarity index 98% rename from assets/SocialButton.stories-32ec5be4.js rename to assets/SocialButton.stories-60f689d9.js index 535196b8..0037086f 100644 --- a/assets/SocialButton.stories-32ec5be4.js +++ b/assets/SocialButton.stories-60f689d9.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-86dcb147.js";import{t as n}from"./TetrislyProvider-8c69fae3.js";import{m as ge}from"./mergeConfigWithCutom-aec35d44.js";import{T as he}from"./TetDocs-d591ecc5.js";import"./_commonjsHelpers-de833af9.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-284bbdd0.js";import{t as n}from"./TetrislyProvider-8c69fae3.js";import{m as ge}from"./mergeConfigWithCutom-aec35d44.js";import{T as he}from"./TetDocs-7d24e22f.js";import"./_commonjsHelpers-de833af9.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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:`{ args: { platform: 'Apple', label: 'Sign in with Apple' diff --git a/assets/StatusDot.stories-28461aab.js b/assets/StatusDot.stories-b0c4e523.js similarity index 94% rename from assets/StatusDot.stories-28461aab.js rename to assets/StatusDot.stories-b0c4e523.js index f4169593..b8b8764e 100644 --- a/assets/StatusDot.stories-28461aab.js +++ b/assets/StatusDot.stories-b0c4e523.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-d591ecc5.js";import"./_commonjsHelpers-de833af9.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-7d24e22f.js";import"./_commonjsHelpers-de833af9.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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-ace3b4ea.js b/assets/Tag.stories-d8a98ce0.js similarity index 93% rename from assets/Tag.stories-ace3b4ea.js rename to assets/Tag.stories-d8a98ce0.js index 3b10d466..5112bac3 100644 --- a/assets/Tag.stories-ace3b4ea.js +++ b/assets/Tag.stories-d8a98ce0.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-33fa412b.js";import{I as N}from"./IconButton-ef08722f.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-d591ecc5.js";import"./_commonjsHelpers-de833af9.js";import"./Button-45fdb2cf.js";import"./tetrisly-icons.es-12549e88.js";import"./index-86dcb147.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-2eca00b7.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-7d24e22f.js";import"./_commonjsHelpers-de833af9.js";import"./Button-74599000.js";import"./tetrisly-icons.es-12549e88.js";import"./index-284bbdd0.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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-d591ecc5.js b/assets/TetDocs-7d24e22f.js similarity index 99% rename from assets/TetDocs-d591ecc5.js rename to assets/TetDocs-7d24e22f.js index 989a787a..81eadb6f 100644 --- a/assets/TetDocs-d591ecc5.js +++ b/assets/TetDocs-7d24e22f.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-f7a9c3d5.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-d7ed2552.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-0cb88067.js b/assets/TextInput-0cb88067.js deleted file mode 100644 index a1644d5a..00000000 --- a/assets/TextInput-0cb88067.js +++ /dev/null @@ -1 +0,0 @@ -import{j as t}from"./jsx-runtime-ffb262ed.js";import{R as o}from"./tetrisly-icons.es-12549e88.js";import{r as w}from"./index-76fb7be0.js";import{u as _}from"./useTextInput-62ecf22c.js";import{A as b}from"./Avatar-33fa412b.js";import{B as l}from"./Button-45fdb2cf.js";import{I as d}from"./IconButton-ef08722f.js";import{t as r}from"./TetrislyProvider-8c69fae3.js";const c=w.forwardRef(({type:n="text",beforeComponent:a,afterComponent:e,state:i,hasClearButton:x,value:p,...m},h)=>{const{containerRef:y,handleContainerClick:v,handleContainerFocus:f,styles:s,containerProps:j,innerValue:u,handleOnChange:I,handleOnClear:B,textInputProps:g}=_({beforeComponent:a,afterComponent:e,...m});return t.jsxs(r.div,{ref:y,onClick:v,...s.container,pl:!!a&&"0",pr:!!e&&"0","data-testid":"text-input","data-state":i,tabIndex:0,onFocus:f,...j,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(l,{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:I,"data-testid":"text-input-input",...g,type:n,disabled:i==="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(l,{size:"small",variant:"ghost",label:"Label"}),e.type==="Dropdown"&&t.jsx(l,{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:"enum",value:[{value:'"text"'},{value:'"email"'},{value:'"search"'},{value:'"tel"'},{value:'"url"'},{value:'"password"'}]}},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}; diff --git a/assets/TextInput-4f5882e8.js b/assets/TextInput-4f5882e8.js new file mode 100644 index 00000000..7caec1c5 --- /dev/null +++ b/assets/TextInput-4f5882e8.js @@ -0,0 +1 @@ +import{j as t}from"./jsx-runtime-ffb262ed.js";import{R as o}from"./tetrisly-icons.es-12549e88.js";import{r as g}from"./index-76fb7be0.js";import{u as w}from"./useTextInput-62ecf22c.js";import{A as _}from"./Avatar-fa7da47e.js";import{B as l}from"./Button-74599000.js";import{I as d}from"./IconButton-2eca00b7.js";import{t as r}from"./TetrislyProvider-8c69fae3.js";const c=g.forwardRef(({type:n="text",beforeComponent:a,afterComponent:e,state:i,hasClearButton:x,value:p,...m},h)=>{const{containerRef:y,handleContainerClick:v,styles:s,containerProps:f,innerValue:u,handleOnChange:j,handleOnClear:I,textInputProps:B}=w({beforeComponent:a,afterComponent:e,...m});return t.jsxs(r.div,{ref:y,onClick:v,...s.container,pl:!!a&&"0",pr:!!e&&"0","data-testid":"text-input","data-state":i,...f,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(l,{size:"small",variant:"ghost",label:a.props.label,hasDropdownIndicator:!0}),a.type==="Avatar"&&t.jsx(_,{...a.props,shape:"square",size:"xSmall"})]}),t.jsx(r.input,{...s.input,value:p||u,onChange:j,"data-testid":"text-input-input",...B,type:n,disabled:i==="disabled",ref:h}),!!x&&(p||u)&&t.jsx(d,{variant:"bare",icon:"20-close",onClick:I,...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(l,{size:"small",variant:"ghost",label:"Label"}),e.type==="Dropdown"&&t.jsx(l,{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:"enum",value:[{value:'"text"'},{value:'"email"'},{value:'"search"'},{value:'"password"'},{value:'"tel"'},{value:'"url"'}]}},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}; diff --git a/assets/TextInput.stories-08ae909f.js b/assets/TextInput.stories-d2eef7f7.js similarity index 94% rename from assets/TextInput.stories-08ae909f.js rename to assets/TextInput.stories-d2eef7f7.js index dd7d808c..45f457cf 100644 --- a/assets/TextInput.stories-08ae909f.js +++ b/assets/TextInput.stories-d2eef7f7.js @@ -1,4 +1,4 @@ -import{j as l}from"./jsx-runtime-ffb262ed.js";import{T as $}from"./TextInput-0cb88067.js";import{T as ee}from"./TetDocs-d591ecc5.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-62ecf22c.js";import"./mergeConfigWithCutom-aec35d44.js";import"./extractInputProps-bea3ee83.js";import"./Avatar-33fa412b.js";import"./Button-45fdb2cf.js";import"./index-86dcb147.js";import"./IconButton-ef08722f.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-4f5882e8.js";import{T as ee}from"./TetDocs-7d24e22f.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-62ecf22c.js";import"./mergeConfigWithCutom-aec35d44.js";import"./extractInputProps-bea3ee83.js";import"./Avatar-fa7da47e.js";import"./Button-74599000.js";import"./index-284bbdd0.js";import"./IconButton-2eca00b7.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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-61343db4.js b/assets/Toast.stories-3cf6c7b5.js similarity index 95% rename from assets/Toast.stories-61343db4.js rename to assets/Toast.stories-3cf6c7b5.js index 06aabcf4..2a07968d 100644 --- a/assets/Toast.stories-61343db4.js +++ b/assets/Toast.stories-3cf6c7b5.js @@ -1,4 +1,4 @@ -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-45fdb2cf.js";import{I as ue}from"./IconButton-ef08722f.js";import{t as i}from"./TetrislyProvider-8c69fae3.js";import{T as ge}from"./TetDocs-d591ecc5.js";import"./preview-errors-dde4324f.js";import"./index-356e4a49.js";import"./_commonjsHelpers-de833af9.js";import"./index-86dcb147.js";import"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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:'"high"'},{value:'"low"'}]}},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:`{ +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-74599000.js";import{I as ue}from"./IconButton-2eca00b7.js";import{t as i}from"./TetrislyProvider-8c69fae3.js";import{T as ge}from"./TetDocs-7d24e22f.js";import"./preview-errors-dde4324f.js";import"./index-356e4a49.js";import"./_commonjsHelpers-de833af9.js";import"./index-284bbdd0.js";import"./index-d7ed2552.js";import"./iframe-ef487590.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' } diff --git a/assets/WithTooltip-V3YHNWJZ-c2b43e44.js b/assets/WithTooltip-V3YHNWJZ-97b84f68.js similarity index 64% rename from assets/WithTooltip-V3YHNWJZ-c2b43e44.js rename to assets/WithTooltip-V3YHNWJZ-97b84f68.js index f6880c3c..003bd44e 100644 --- a/assets/WithTooltip-V3YHNWJZ-c2b43e44.js +++ b/assets/WithTooltip-V3YHNWJZ-97b84f68.js @@ -1 +1 @@ -import{W as h,W as l,a as s}from"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-d7ed2552.js";import"./iframe-ef487590.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-5c8818c2.js b/assets/chunk-HLWAVYOI-5f00026e.js similarity index 87% rename from assets/chunk-HLWAVYOI-5c8818c2.js rename to assets/chunk-HLWAVYOI-5f00026e.js index 7103e74a..ecc33d6a 100644 --- a/assets/chunk-HLWAVYOI-5c8818c2.js +++ b/assets/chunk-HLWAVYOI-5f00026e.js @@ -1 +1 @@ -import{_ as i}from"./iframe-f70ffe85.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-f7a9c3d5.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-ef487590.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-d7ed2552.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/formatter-SWP5E3XI-dab10263.js b/assets/formatter-SWP5E3XI-bdf7a4b3.js similarity index 99% rename from assets/formatter-SWP5E3XI-dab10263.js rename to assets/formatter-SWP5E3XI-bdf7a4b3.js index f432b7e1..8330060c 100644 --- a/assets/formatter-SWP5E3XI-dab10263.js +++ b/assets/formatter-SWP5E3XI-bdf7a4b3.js @@ -1,4 +1,4 @@ -import{_ as ea,m as pl,b as ta}from"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-d7ed2552.js";import"./iframe-ef487590.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 e of r)if(e.type==="childList")for(const o of e.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&c(o)}).observe(document,{childList:!0,subtree:!0});function n(r){const e={};return r.integrity&&(e.integrity=r.integrity),r.referrerPolicy&&(e.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?e.credentials="include":r.crossOrigin==="anonymous"?e.credentials="omit":e.credentials="same-origin",e}function c(r){if(r.ep)return;r.ep=!0;const e=n(r);fetch(r.href,e)}})();const E="modulepreload",d=function(s,_){return new URL(s,_).href},p={},t=function(_,n,c){if(!n||n.length===0)return _();const r=document.getElementsByTagName("link");return Promise.all(n.map(e=>{if(e=d(e,c),e in p)return;p[e]=!0;const o=e.endsWith(".css"),l=o?'[rel="stylesheet"]':"";if(!!c)for(let m=r.length-1;m>=0;m--){const a=r[m];if(a.href===e&&(!o||a.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${e}"]${l}`))return;const i=document.createElement("link");if(i.rel=o?"stylesheet":E,o||(i.as="script",i.crossOrigin=""),i.href=e,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 ${e}`)))})})).then(()=>_()).catch(e=>{const o=new Event("vite:preloadError",{cancelable:!0});if(o.payload=e,window.dispatchEvent(o),!o.defaultPrevented)throw e})},{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-f93511be.js"),["./AlertBanner.stories-f93511be.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-45fdb2cf.js","./TetrislyProvider-8c69fae3.js","./index-86dcb147.js","./IconButton-ef08722f.js","./SectionHeader-c9c7fa6d.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js"],import.meta.url),"./src/components/Avatar/Avatar.stories.tsx":async()=>t(()=>import("./Avatar.stories-9bdc03c9.js"),["./Avatar.stories-9bdc03c9.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./Avatar-33fa412b.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./Cols-33da84a1.js","./SectionHeader-c9c7fa6d.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-02edb9bb.js"),["./Badge.stories-02edb9bb.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./Appearance-35507110.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-6a313ac3.js"),["./Button.stories-6a313ac3.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./Button-45fdb2cf.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./index-86dcb147.js","./SectionHeader-c9c7fa6d.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-b0ef9a4b.js"),["./Checkbox.stories-b0ef9a4b.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./Checkbox-75d513d0.js","./tetrisly-icons.es-12549e88.js","./TetrislyProvider-8c69fae3.js","./mergeConfigWithCutom-aec35d44.js","./HelperText-ff282223.js","./extractInputProps-bea3ee83.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-d60b972c.js"),["./CheckboxGroup.stories-d60b972c.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./Checkbox-75d513d0.js","./tetrisly-icons.es-12549e88.js","./TetrislyProvider-8c69fae3.js","./HelperText-ff282223.js","./extractInputProps-bea3ee83.js","./Label-895a3a66.js","./Button-45fdb2cf.js","./index-86dcb147.js","./SectionHeader-c9c7fa6d.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-4e22883d.js"),["./Counter.stories-4e22883d.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-1499ca01.js"),["./Divider.stories-1499ca01.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-a6d7c5c8.js"),["./HelperText.stories-a6d7c5c8.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-d591ecc5.js","./index-f7a9c3d5.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-2b3d1494.js"),["./Icon.stories-2b3d1494.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./tetrisly-icons.es-12549e88.js","./TetrislyProvider-8c69fae3.js","./SectionHeader-c9c7fa6d.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-0a808952.js"),["./IconButton.stories-0a808952.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./IconButton-ef08722f.js","./Button-45fdb2cf.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./index-86dcb147.js","./SectionHeader-c9c7fa6d.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-cd2ba859.js"),["./InlineBanner.stories-cd2ba859.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-45fdb2cf.js","./TetrislyProvider-8c69fae3.js","./index-86dcb147.js","./IconButton-ef08722f.js","./SectionHeader-c9c7fa6d.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js"],import.meta.url),"./src/components/InlineMessage/InlineMessage.stories.tsx":async()=>t(()=>import("./InlineMessage.stories-8d5cbf97.js"),["./InlineMessage.stories-8d5cbf97.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-d591ecc5.js","./index-f7a9c3d5.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-21605372.js"),["./InlineSearchInput.stories-21605372.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./SearchInput-2b98b70b.js","./TextInput-0cb88067.js","./tetrisly-icons.es-12549e88.js","./useTextInput-62ecf22c.js","./mergeConfigWithCutom-aec35d44.js","./extractInputProps-bea3ee83.js","./Avatar-33fa412b.js","./TetrislyProvider-8c69fae3.js","./Button-45fdb2cf.js","./index-86dcb147.js","./IconButton-ef08722f.js","./States-1bb354e8.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-29c1ea49.js"),["./Label.stories-29c1ea49.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./Label-895a3a66.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./Button-45fdb2cf.js","./TetrislyProvider-8c69fae3.js","./index-86dcb147.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-5a3381e3.js"),["./Loader.stories-5a3381e3.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-86dcb147.js","./TetrislyProvider-8c69fae3.js","./mergeConfigWithCutom-aec35d44.js","./Cols-33da84a1.js","./SectionHeader-c9c7fa6d.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-406855d7.js"),["./Popover.stories-406855d7.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./TetrislyProvider-8c69fae3.js","./mergeConfigWithCutom-aec35d44.js","./Avatar-33fa412b.js","./Button-45fdb2cf.js","./tetrisly-icons.es-12549e88.js","./index-86dcb147.js","./Label-895a3a66.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-36a74b8c.js"),["./RadioButton.stories-36a74b8c.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./RadioButton-b6183d04.js","./mergeConfigWithCutom-aec35d44.js","./HelperText-ff282223.js","./tetrisly-icons.es-12549e88.js","./TetrislyProvider-8c69fae3.js","./extractInputProps-bea3ee83.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-8e11da00.js"),["./RadioButtonGroup.stories-8e11da00.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-895a3a66.js","./Button-45fdb2cf.js","./index-86dcb147.js","./RadioButton-b6183d04.js","./extractInputProps-bea3ee83.js","./SectionHeader-c9c7fa6d.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-2fcb0aa1.js"),["./SearchInput.stories-2fcb0aa1.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./SearchInput-2b98b70b.js","./TextInput-0cb88067.js","./tetrisly-icons.es-12549e88.js","./useTextInput-62ecf22c.js","./mergeConfigWithCutom-aec35d44.js","./extractInputProps-bea3ee83.js","./Avatar-33fa412b.js","./TetrislyProvider-8c69fae3.js","./Button-45fdb2cf.js","./index-86dcb147.js","./IconButton-ef08722f.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-9ad0618f.js"),["./Select.stories-9ad0618f.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./tetrisly-icons.es-12549e88.js","./Avatar-33fa412b.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./IconButton-ef08722f.js","./Button-45fdb2cf.js","./index-86dcb147.js","./useTextInput-62ecf22c.js","./extractInputProps-bea3ee83.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-32ec5be4.js"),["./SocialButton.stories-32ec5be4.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-86dcb147.js","./TetrislyProvider-8c69fae3.js","./mergeConfigWithCutom-aec35d44.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-28461aab.js"),["./StatusDot.stories-28461aab.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-ace3b4ea.js"),["./Tag.stories-ace3b4ea.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./Avatar-33fa412b.js","./TetrislyProvider-8c69fae3.js","./IconButton-ef08722f.js","./Button-45fdb2cf.js","./tetrisly-icons.es-12549e88.js","./index-86dcb147.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-08ae909f.js"),["./TextInput.stories-08ae909f.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./TextInput-0cb88067.js","./tetrisly-icons.es-12549e88.js","./useTextInput-62ecf22c.js","./mergeConfigWithCutom-aec35d44.js","./extractInputProps-bea3ee83.js","./Avatar-33fa412b.js","./TetrislyProvider-8c69fae3.js","./Button-45fdb2cf.js","./index-86dcb147.js","./IconButton-ef08722f.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.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-61343db4.js"),["./Toast.stories-61343db4.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-45fdb2cf.js","./TetrislyProvider-8c69fae3.js","./index-86dcb147.js","./IconButton-ef08722f.js","./TetDocs-d591ecc5.js","./index-f7a9c3d5.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js"],import.meta.url),"./src/docs-pages/Changelog.mdx":async()=>t(()=>import("./Changelog-ce2180e7.js"),["./Changelog-ce2180e7.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./chunk-HLWAVYOI-5c8818c2.js","./react-18-988a5df2.js","./index-d3ea75b5.js","./index-f7a9c3d5.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-ddf434b7.js"),["./ReadMe-ddf434b7.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./chunk-HLWAVYOI-5c8818c2.js","./react-18-988a5df2.js","./index-d3ea75b5.js","./index-f7a9c3d5.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-7e42bd2c.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 _}; +import"../sb-preview/runtime.js";(function(){const _=document.createElement("link").relList;if(_&&_.supports&&_.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))c(r);new MutationObserver(r=>{for(const e of r)if(e.type==="childList")for(const o of e.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&c(o)}).observe(document,{childList:!0,subtree:!0});function n(r){const e={};return r.integrity&&(e.integrity=r.integrity),r.referrerPolicy&&(e.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?e.credentials="include":r.crossOrigin==="anonymous"?e.credentials="omit":e.credentials="same-origin",e}function c(r){if(r.ep)return;r.ep=!0;const e=n(r);fetch(r.href,e)}})();const E="modulepreload",d=function(s,_){return new URL(s,_).href},p={},t=function(_,n,c){if(!n||n.length===0)return _();const r=document.getElementsByTagName("link");return Promise.all(n.map(e=>{if(e=d(e,c),e in p)return;p[e]=!0;const o=e.endsWith(".css"),l=o?'[rel="stylesheet"]':"";if(!!c)for(let m=r.length-1;m>=0;m--){const a=r[m];if(a.href===e&&(!o||a.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${e}"]${l}`))return;const i=document.createElement("link");if(i.rel=o?"stylesheet":E,o||(i.as="script",i.crossOrigin=""),i.href=e,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 ${e}`)))})})).then(()=>_()).catch(e=>{const o=new Event("vite:preloadError",{cancelable:!0});if(o.payload=e,window.dispatchEvent(o),!o.defaultPrevented)throw e})},{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-3c8035ea.js"),["./AlertBanner.stories-3c8035ea.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-74599000.js","./TetrislyProvider-8c69fae3.js","./index-284bbdd0.js","./IconButton-2eca00b7.js","./SectionHeader-c9c7fa6d.js","./TetDocs-7d24e22f.js","./index-d7ed2552.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js"],import.meta.url),"./src/components/Avatar/Avatar.stories.tsx":async()=>t(()=>import("./Avatar.stories-d89542ae.js"),["./Avatar.stories-d89542ae.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-7d24e22f.js","./index-d7ed2552.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-4d97a9dc.js"),["./Badge.stories-4d97a9dc.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./Appearance-35507110.js","./TetDocs-7d24e22f.js","./index-d7ed2552.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-5404fa45.js"),["./Button.stories-5404fa45.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./Button-74599000.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./index-284bbdd0.js","./SectionHeader-c9c7fa6d.js","./TetDocs-7d24e22f.js","./index-d7ed2552.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-f40b3ab7.js"),["./Checkbox.stories-f40b3ab7.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./Checkbox-75d513d0.js","./tetrisly-icons.es-12549e88.js","./TetrislyProvider-8c69fae3.js","./mergeConfigWithCutom-aec35d44.js","./HelperText-ff282223.js","./extractInputProps-bea3ee83.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-7d24e22f.js","./index-d7ed2552.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-570853f2.js"),["./CheckboxGroup.stories-570853f2.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./Checkbox-75d513d0.js","./tetrisly-icons.es-12549e88.js","./TetrislyProvider-8c69fae3.js","./HelperText-ff282223.js","./extractInputProps-bea3ee83.js","./Label-7c850b63.js","./Button-74599000.js","./index-284bbdd0.js","./SectionHeader-c9c7fa6d.js","./TetDocs-7d24e22f.js","./index-d7ed2552.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-abd2c7e3.js"),["./Counter.stories-abd2c7e3.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-7d24e22f.js","./index-d7ed2552.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-ac139206.js"),["./Divider.stories-ac139206.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./TetDocs-7d24e22f.js","./index-d7ed2552.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-ba294c49.js"),["./HelperText.stories-ba294c49.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-7d24e22f.js","./index-d7ed2552.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-72825907.js"),["./Icon.stories-72825907.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./tetrisly-icons.es-12549e88.js","./TetrislyProvider-8c69fae3.js","./SectionHeader-c9c7fa6d.js","./TetDocs-7d24e22f.js","./index-d7ed2552.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-bb2e9c4d.js"),["./IconButton.stories-bb2e9c4d.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./IconButton-2eca00b7.js","./Button-74599000.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./index-284bbdd0.js","./SectionHeader-c9c7fa6d.js","./TetDocs-7d24e22f.js","./index-d7ed2552.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-6dd4d3c7.js"),["./InlineBanner.stories-6dd4d3c7.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-74599000.js","./TetrislyProvider-8c69fae3.js","./index-284bbdd0.js","./IconButton-2eca00b7.js","./SectionHeader-c9c7fa6d.js","./TetDocs-7d24e22f.js","./index-d7ed2552.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js"],import.meta.url),"./src/components/InlineMessage/InlineMessage.stories.tsx":async()=>t(()=>import("./InlineMessage.stories-8071a7ed.js"),["./InlineMessage.stories-8071a7ed.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-7d24e22f.js","./index-d7ed2552.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-149cffa1.js"),["./InlineSearchInput.stories-149cffa1.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./SearchInput-ef6ad324.js","./TextInput-4f5882e8.js","./tetrisly-icons.es-12549e88.js","./useTextInput-62ecf22c.js","./mergeConfigWithCutom-aec35d44.js","./extractInputProps-bea3ee83.js","./Avatar-fa7da47e.js","./TetrislyProvider-8c69fae3.js","./Button-74599000.js","./index-284bbdd0.js","./IconButton-2eca00b7.js","./States-1bb354e8.js","./TetDocs-7d24e22f.js","./index-d7ed2552.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-a8b6bc4f.js"),["./Label.stories-a8b6bc4f.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./Label-7c850b63.js","./tetrisly-icons.es-12549e88.js","./mergeConfigWithCutom-aec35d44.js","./Button-74599000.js","./TetrislyProvider-8c69fae3.js","./index-284bbdd0.js","./TetDocs-7d24e22f.js","./index-d7ed2552.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-53c73678.js"),["./Loader.stories-53c73678.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-284bbdd0.js","./TetrislyProvider-8c69fae3.js","./mergeConfigWithCutom-aec35d44.js","./Cols-33da84a1.js","./SectionHeader-c9c7fa6d.js","./TetDocs-7d24e22f.js","./index-d7ed2552.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-67c6c0a0.js"),["./Popover.stories-67c6c0a0.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./TetrislyProvider-8c69fae3.js","./mergeConfigWithCutom-aec35d44.js","./Avatar-fa7da47e.js","./Button-74599000.js","./tetrisly-icons.es-12549e88.js","./index-284bbdd0.js","./Label-7c850b63.js","./TetDocs-7d24e22f.js","./index-d7ed2552.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-37c9b94b.js"),["./RadioButton.stories-37c9b94b.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./RadioButton-b6183d04.js","./mergeConfigWithCutom-aec35d44.js","./HelperText-ff282223.js","./tetrisly-icons.es-12549e88.js","./TetrislyProvider-8c69fae3.js","./extractInputProps-bea3ee83.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-7d24e22f.js","./index-d7ed2552.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-979cd842.js"),["./RadioButtonGroup.stories-979cd842.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-7c850b63.js","./Button-74599000.js","./index-284bbdd0.js","./RadioButton-b6183d04.js","./extractInputProps-bea3ee83.js","./SectionHeader-c9c7fa6d.js","./TetDocs-7d24e22f.js","./index-d7ed2552.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-0bb85d57.js"),["./SearchInput.stories-0bb85d57.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./SearchInput-ef6ad324.js","./TextInput-4f5882e8.js","./tetrisly-icons.es-12549e88.js","./useTextInput-62ecf22c.js","./mergeConfigWithCutom-aec35d44.js","./extractInputProps-bea3ee83.js","./Avatar-fa7da47e.js","./TetrislyProvider-8c69fae3.js","./Button-74599000.js","./index-284bbdd0.js","./IconButton-2eca00b7.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-7d24e22f.js","./index-d7ed2552.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-dea3a5bc.js"),["./Select.stories-dea3a5bc.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-2eca00b7.js","./Button-74599000.js","./index-284bbdd0.js","./useTextInput-62ecf22c.js","./extractInputProps-bea3ee83.js","./TetDocs-7d24e22f.js","./index-d7ed2552.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-60f689d9.js"),["./SocialButton.stories-60f689d9.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-284bbdd0.js","./TetrislyProvider-8c69fae3.js","./mergeConfigWithCutom-aec35d44.js","./TetDocs-7d24e22f.js","./index-d7ed2552.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-b0c4e523.js"),["./StatusDot.stories-b0c4e523.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./TetrislyProvider-8c69fae3.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-7d24e22f.js","./index-d7ed2552.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-d8a98ce0.js"),["./Tag.stories-d8a98ce0.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./mergeConfigWithCutom-aec35d44.js","./Avatar-fa7da47e.js","./TetrislyProvider-8c69fae3.js","./IconButton-2eca00b7.js","./Button-74599000.js","./tetrisly-icons.es-12549e88.js","./index-284bbdd0.js","./SectionHeader-c9c7fa6d.js","./States-1bb354e8.js","./TetDocs-7d24e22f.js","./index-d7ed2552.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-d2eef7f7.js"),["./TextInput.stories-d2eef7f7.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./TextInput-4f5882e8.js","./tetrisly-icons.es-12549e88.js","./useTextInput-62ecf22c.js","./mergeConfigWithCutom-aec35d44.js","./extractInputProps-bea3ee83.js","./Avatar-fa7da47e.js","./TetrislyProvider-8c69fae3.js","./Button-74599000.js","./index-284bbdd0.js","./IconButton-2eca00b7.js","./TetDocs-7d24e22f.js","./index-d7ed2552.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-3cf6c7b5.js"),["./Toast.stories-3cf6c7b5.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-74599000.js","./TetrislyProvider-8c69fae3.js","./index-284bbdd0.js","./IconButton-2eca00b7.js","./TetDocs-7d24e22f.js","./index-d7ed2552.js","./index-d3ea75b5.js","./index-11d98b33.js","./index-8fd8397b.js"],import.meta.url),"./src/docs-pages/Changelog.mdx":async()=>t(()=>import("./Changelog-008b62d8.js"),["./Changelog-008b62d8.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./chunk-HLWAVYOI-5f00026e.js","./react-18-988a5df2.js","./index-d3ea75b5.js","./index-d7ed2552.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-bdb23488.js"),["./ReadMe-bdb23488.js","./jsx-runtime-ffb262ed.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./chunk-HLWAVYOI-5f00026e.js","./react-18-988a5df2.js","./index-d3ea75b5.js","./index-d7ed2552.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-569898da.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-86dcb147.js b/assets/index-284bbdd0.js similarity index 93% rename from assets/index-86dcb147.js rename to assets/index-284bbdd0.js index 1108a7b0..c0e6a7b7 100644 --- a/assets/index-86dcb147.js +++ b/assets/index-284bbdd0.js @@ -17,4 +17,4 @@ import{j as d}from"./jsx-runtime-ffb262ed.js";import{r as q}from"./index-76fb7be transform-origin: center center; animation: ${({shape:a})=>a==="circle"?A:z} 1.4s infinite linear; -`;try{m.displayName="AnimatedProgress",m.__docgenInfo={description:"",displayName:"AnimatedProgress",props:{shape:{defaultValue:null,description:"",name:"shape",required:!0,type:{name:"string"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: SVGPathElement | 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{}const M={fill:"none",borderRadius:"$border-radius-large",shape:{circle:{size:{large:{w:48,h:48,strokeWidth:"2"},medium:{w:32,h:32,strokeWidth:"2"},small:{w:20,h:20,strokeWidth:"2"}}},bar:{size:{large:{w:128,h:8,strokeWidth:"8"},medium:{w:128,h:6,strokeWidth:"6"},small:{w:128,h:4,strokeWidth:"4"}}}},innerElements:{base:{appearance:{primary:{stroke:"$color-interaction-neutral-subtle-normal"},inverted:{stroke:"$color-interaction-inverted-normal"},white:{stroke:"$color-interaction-inverted-normal",opacity:.4},greyscale:{stroke:"$color-interaction-neutral-subtle-normal"}}},progress:{strokeLinecap:"round",appearance:{primary:{stroke:"$color-interaction-default-normal"},inverted:{stroke:"$color-interaction-default-normal"},white:{stroke:"$color-interaction-inverted-normal"},greyscale:{stroke:"$color-interaction-neutral-normal"}}}}},P=.4,y=(a,e,r,s)=>{const t=(s-90)*Math.PI/180;return{x:a+r*Math.cos(t),y:e+r*Math.sin(t)}},h=(a,e,r,s,t)=>{const o=y(a,e,r,t),l=y(a,e,r,s),i=t-s<=180?"0":"1";return["M",o.x,o.y,"A",r,r,0,i,0,l.x,l.y].join(" ")},E=({custom:a,...e})=>{const r=L({defaultConfig:M,custom:a}),{shape:s,innerElements:{base:t,progress:o},...l}=r,i=s[e.shape].size[e.size],{w:n,h:u,...p}=i,_={...i,viewBox:`0 0 ${n} ${u}`},f=Math.min(Math.max(e.progress??P,0),1),V={d:e.shape==="circle"?h(n/2,n/2,n/2-3,0,359.99):`M 0 ${u/2} H ${n}`},b={d:e.shape==="circle"?h(n/2,n/2,n/2-3,0,359.99*f):`M 0 ${u/2} H ${f*n}`},{appearance:w,...$}=t,{appearance:S,...k}=o;return{container:{..._,...l},base:{...V,...p,...w[e.appearance],...$},progress:{...b,...p,...S[e.appearance],...k}}},g=({appearance:a="primary",progress:e,shape:r,size:s="medium",custom:t,...o})=>{const l=q.useMemo(()=>E({appearance:a,progress:e,shape:r,size:s,custom:t}),[a,e,r,s,t]);return d.jsxs(c.svg,{...l.container,xmlns:"http://www.w3.org/2000/svg","data-testid":"loader",...o,children:[d.jsx(c.path,{...l.base,"data-testid":"loader-base"}),e===void 0?d.jsx(m,{shape:r,...l.progress,"data-testid":"loader-progress"}):d.jsx(c.path,{...l.progress,"data-testid":"loader-progress"})]})};try{g.displayName="Loader",g.__docgenInfo={description:"",displayName:"Loader",props:{appearance:{defaultValue:{value:"primary"},description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"inverted"'},{value:'"white"'},{value:'"greyscale"'}]}},size:{defaultValue:{value:"medium"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"large"'},{value:'"small"'}]}},progress:{defaultValue:null,description:"",name:"progress",required:!1,type:{name:"number"}},shape:{defaultValue:null,description:"",name:"shape",required:!0,type:{name:"enum",value:[{value:'"circle"'},{value:'"bar"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"LoaderConfig"}}}}}catch{}try{Loader.displayName="Loader",Loader.__docgenInfo={description:"",displayName:"Loader",props:{appearance:{defaultValue:{value:"primary"},description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"inverted"'},{value:'"white"'},{value:'"greyscale"'}]}},size:{defaultValue:{value:"medium"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"large"'},{value:'"small"'}]}},progress:{defaultValue:null,description:"",name:"progress",required:!1,type:{name:"number"}},shape:{defaultValue:null,description:"",name:"shape",required:!0,type:{name:"enum",value:[{value:'"circle"'},{value:'"bar"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"LoaderConfig"}}}}}catch{}export{g as L}; +`;try{m.displayName="AnimatedProgress",m.__docgenInfo={description:"",displayName:"AnimatedProgress",props:{shape:{defaultValue:null,description:"",name:"shape",required:!0,type:{name:"string"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: SVGPathElement | 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{}const M={fill:"none",borderRadius:"$border-radius-large",shape:{circle:{size:{large:{w:48,h:48,strokeWidth:"2"},medium:{w:32,h:32,strokeWidth:"2"},small:{w:20,h:20,strokeWidth:"2"}}},bar:{size:{large:{w:128,h:8,strokeWidth:"8"},medium:{w:128,h:6,strokeWidth:"6"},small:{w:128,h:4,strokeWidth:"4"}}}},innerElements:{base:{appearance:{primary:{stroke:"$color-interaction-neutral-subtle-normal"},inverted:{stroke:"$color-interaction-inverted-normal"},white:{stroke:"$color-interaction-inverted-normal",opacity:.4},greyscale:{stroke:"$color-interaction-neutral-subtle-normal"}}},progress:{strokeLinecap:"round",appearance:{primary:{stroke:"$color-interaction-default-normal"},inverted:{stroke:"$color-interaction-default-normal"},white:{stroke:"$color-interaction-inverted-normal"},greyscale:{stroke:"$color-interaction-neutral-normal"}}}}},P=.4,y=(a,e,r,s)=>{const t=(s-90)*Math.PI/180;return{x:a+r*Math.cos(t),y:e+r*Math.sin(t)}},h=(a,e,r,s,t)=>{const o=y(a,e,r,t),l=y(a,e,r,s),i=t-s<=180?"0":"1";return["M",o.x,o.y,"A",r,r,0,i,0,l.x,l.y].join(" ")},E=({custom:a,...e})=>{const r=L({defaultConfig:M,custom:a}),{shape:s,innerElements:{base:t,progress:o},...l}=r,i=s[e.shape].size[e.size],{w:n,h:u,...p}=i,_={...i,viewBox:`0 0 ${n} ${u}`},f=Math.min(Math.max(e.progress??P,0),1),V={d:e.shape==="circle"?h(n/2,n/2,n/2-3,0,359.99):`M 0 ${u/2} H ${n}`},b={d:e.shape==="circle"?h(n/2,n/2,n/2-3,0,359.99*f):`M 0 ${u/2} H ${f*n}`},{appearance:w,...$}=t,{appearance:S,...k}=o;return{container:{..._,...l},base:{...V,...p,...w[e.appearance],...$},progress:{...b,...p,...S[e.appearance],...k}}},g=({appearance:a="primary",progress:e,shape:r,size:s="medium",custom:t,...o})=>{const l=q.useMemo(()=>E({appearance:a,progress:e,shape:r,size:s,custom:t}),[a,e,r,s,t]);return d.jsxs(c.svg,{...l.container,xmlns:"http://www.w3.org/2000/svg","data-testid":"loader",...o,children:[d.jsx(c.path,{...l.base,"data-testid":"loader-base"}),e===void 0?d.jsx(m,{shape:r,...l.progress,"data-testid":"loader-progress"}):d.jsx(c.path,{...l.progress,"data-testid":"loader-progress"})]})};try{g.displayName="Loader",g.__docgenInfo={description:"",displayName:"Loader",props:{appearance:{defaultValue:{value:"primary"},description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"primary"'},{value:'"inverted"'},{value:'"greyscale"'}]}},size:{defaultValue:{value:"medium"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'}]}},progress:{defaultValue:null,description:"",name:"progress",required:!1,type:{name:"number"}},shape:{defaultValue:null,description:"",name:"shape",required:!0,type:{name:"enum",value:[{value:'"circle"'},{value:'"bar"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"LoaderConfig"}}}}}catch{}try{Loader.displayName="Loader",Loader.__docgenInfo={description:"",displayName:"Loader",props:{appearance:{defaultValue:{value:"primary"},description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"primary"'},{value:'"inverted"'},{value:'"greyscale"'}]}},size:{defaultValue:{value:"medium"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'}]}},progress:{defaultValue:null,description:"",name:"progress",required:!1,type:{name:"number"}},shape:{defaultValue:null,description:"",name:"shape",required:!0,type:{name:"enum",value:[{value:'"circle"'},{value:'"bar"'}]}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"LoaderConfig"}}}}}catch{}export{g as L}; diff --git a/assets/index-f7a9c3d5.js b/assets/index-d7ed2552.js similarity index 99% rename from assets/index-f7a9c3d5.js rename to assets/index-d7ed2552.js index b4c15cfe..540ce689 100644 --- a/assets/index-f7a9c3d5.js +++ b/assets/index-d7ed2552.js @@ -1,4 +1,4 @@ -import{_ as jt}from"./iframe-f70ffe85.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-ef487590.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-c717b22c.js"),["./syntaxhighlighter-V7JZZA35-c717b22c.js","./iframe-f70ffe85.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-c717b22c.js"),["./syntaxhighlighter-V7JZZA35-c717b22c.js","./iframe-f70ffe85.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-dab10263.js"),["./formatter-SWP5E3XI-dab10263.js","./iframe-f70ffe85.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-1755c0d0.js"),["./syntaxhighlighter-V7JZZA35-1755c0d0.js","./iframe-ef487590.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-1755c0d0.js"),["./syntaxhighlighter-V7JZZA35-1755c0d0.js","./iframe-ef487590.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-bdf7a4b3.js"),["./formatter-SWP5E3XI-bdf7a4b3.js","./iframe-ef487590.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-c2b43e44.js"),["./WithTooltip-V3YHNWJZ-c2b43e44.js","./iframe-f70ffe85.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-c2b43e44.js"),["./WithTooltip-V3YHNWJZ-c2b43e44.js","./iframe-f70ffe85.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-97b84f68.js"),["./WithTooltip-V3YHNWJZ-97b84f68.js","./iframe-ef487590.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-97b84f68.js"),["./WithTooltip-V3YHNWJZ-97b84f68.js","./iframe-ef487590.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-63d2c5f9.js"),["./Color-6VNJS4EI-63d2c5f9.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-8fd8397b.js","./iframe-f70ffe85.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-2337cb08.js"),["./Color-6VNJS4EI-2337cb08.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./index-8fd8397b.js","./iframe-ef487590.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-569898da.js b/assets/preview-569898da.js new file mode 100644 index 00000000..c09e5b6e --- /dev/null +++ b/assets/preview-569898da.js @@ -0,0 +1 @@ +import{_ as e}from"./iframe-ef487590.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-dd17ef5c.js"),["./DocsRenderer-NNNQARDV-dd17ef5c.js","./chunk-HLWAVYOI-5f00026e.js","./iframe-ef487590.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./react-18-988a5df2.js","./index-d3ea75b5.js","./index-d7ed2552.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-7e42bd2c.js b/assets/preview-7e42bd2c.js deleted file mode 100644 index 4386c0e4..00000000 --- a/assets/preview-7e42bd2c.js +++ /dev/null @@ -1 +0,0 @@ -import{_ as e}from"./iframe-f70ffe85.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-28acd60f.js"),["./DocsRenderer-NNNQARDV-28acd60f.js","./chunk-HLWAVYOI-5c8818c2.js","./iframe-f70ffe85.js","./index-76fb7be0.js","./_commonjsHelpers-de833af9.js","./react-18-988a5df2.js","./index-d3ea75b5.js","./index-f7a9c3d5.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-c717b22c.js b/assets/syntaxhighlighter-V7JZZA35-1755c0d0.js similarity index 65% rename from assets/syntaxhighlighter-V7JZZA35-c717b22c.js rename to assets/syntaxhighlighter-V7JZZA35-1755c0d0.js index 7f6ea479..dfbe84b5 100644 --- a/assets/syntaxhighlighter-V7JZZA35-c717b22c.js +++ b/assets/syntaxhighlighter-V7JZZA35-1755c0d0.js @@ -1 +1 @@ -import{S as l,c as n,s as d}from"./index-f7a9c3d5.js";import"./iframe-f70ffe85.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-d7ed2552.js";import"./iframe-ef487590.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/iframe.html b/iframe.html index 744ee457..fd6c8bd5 100644 --- a/iframe.html +++ b/iframe.html @@ -370,7 +370,7 @@ } - + diff --git a/project.json b/project.json index d9d6c4dc..fc53b030 100644 --- a/project.json +++ b/project.json @@ -1 +1 @@ -{"generatedAt":1704703255211,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.21"},"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":1707297094113,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.21"},"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"}}}