@v-miniapp/ui-react 1.0.41 → 1.0.45

package/dist-storybook/assets/chip.stories-BbwJb5eD.js

@@ -0,0 +1,442 @@
+import{j as t,r as g}from"./iframe-CQAwSt4E.js";import{T as j,S as b,M as u,P as w,a as I}from"./blocks-BuaOUtiH.js";import{C as s}from"./chip-kG4p82WT.js";import{t as e}from"./store-D2RudmNr.js";import"./preload-helper-PPVm8Dsz.js";import"./index-DHiZ-gXR.js";import"./classname-CUR_zgkh.js";import"./icon-DdQsMyRa.js";import"./colors-_6nFGM3e.js";import"./navigation-bar-vI-FPasP.js";import"./visibility-sensor-CwrzJO06.js";import"./index-B-Ksafg0.js";import"./store-CPumdfcU.js";import"./_setToString-CbM921C9.js";import"./react-hufnxGVs.js";import"./omit-Bsx5nTI0.js";import"./pick-BhmhLmLe.js";import"./button-CL7GeC23.js";import"./typography-DEpAJl_i.js";import"./image-C3EsNRhz.js";import"./bottom-tab-bar-CtcTAxuI.js";import"./toast-provider-DurnMJhd.js";import"./carousel-1Kww3hIz.js";import"./embla-carousel-react.esm-BYjpaHZ9.js";import"./pagination-DZHoBs_4.js";import"./section-content-DGNB4eLN.js";import"./option-item-LRh_OyV4.js";import"./index-BV0AJWP6.js";import"./alert-DLW8CoyB.js";import"./skeleton-C91JgehG.js";import"./label-DV2iCDmN.js";import"./input-wrapper-BKHgnPy6.js";import"./text-field-jK6rpOo2.js";import"./number-field-CXKmnfKe.js";import"./checkbox-MGytNNRt.js";import"./radio-B5NJxG_l.js";import"./date-Cg-Uk_pp.js";import"./date-picker-Dnq_-0Md.js";import"./calendar-dOCsjhVU.js";import"./search-field-CQqgFbfg.js";import"./text-area-DwSXyqOe.js";import"./avatar-GxcYPA1p.js";import"./badge-D_LzMVtw.js";import"./switch-p-aXI-ev.js";import"./tab-bar-CSeCmtIZ.js";import"./rating-BdXViYBv.js";import"./tooltip-QDdel5My.js";const S=()=>{const i=`
+## ${e("common.table.title")}
+
+| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
+| :--- | :--- | :--- | :--- |
+| \`theme\` | \`'default' | 'brand' | 'neutral'\` | ${e("common.table.no")} | ${e("components.chip.themeDescription")} |
+| \`type\` | \`'selection' | 'dropdown' | 'action' | 'input'\` | ${e("common.table.no")} | ${e("components.chip.typeDescription")} |
+| \`disabled\` | \`boolean\` | ${e("common.table.no")} | ${e("components.chip.disabledDescription")} |
+| \`selected\` | \`boolean\` | ${e("common.table.no")} | ${e("components.chip.selectedDescription")} |
+| \`label\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.chip.labelDescription")} |
+| \`leadingIcon\` | \`IIconProps | ReactNode\` | ${e("common.table.no")} | ${e("components.chip.leadingIconDescription")} |
+| \`trailingIcon\` | \`IIconProps | ReactNode\` | ${e("common.table.no")} | ${e("components.chip.trailingIconDescription")} |
+| \`count\` | \`number\` | ${e("common.table.no")} | ${e("components.chip.countDescription")} |
+| \`children\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.chip.childrenDescription")} |
+| \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.chip.classNameDescription")} |
+| \`...props\` | \`ComponentPropsWithRef<'div'>\` | ${e("common.table.no")} | ${e("components.chip.propsDescription")} |
+  `;return t.jsxs(t.Fragment,{children:[t.jsx(j,{}),t.jsx(b,{}),t.jsx(u,{children:e("components.chip.description")}),t.jsx(w,{}),t.jsx(u,{children:i}),t.jsx(I,{})]})},ve={title:"Components/Chip",component:s,parameters:{layout:"padded",docs:{page:S}},tags:["autodocs"],argTypes:{theme:{control:"select",options:["default","brand","neutral"],description:e("components.chip.argTypes.themeDescription"),table:{type:{summary:"IChipTheme"},defaultValue:{summary:"default"}}},type:{control:"select",options:["selection","dropdown","action","input"],description:e("components.chip.argTypes.typeDescription"),table:{type:{summary:"IChipType"},defaultValue:{summary:"selection"}}},disabled:{control:"boolean",description:e("components.chip.argTypes.disabledDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},selected:{control:"boolean",description:e("components.chip.argTypes.selectedDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},label:{control:"text",description:e("components.chip.argTypes.labelDescription"),table:{type:{summary:"ReactNode"}}},count:{control:{type:"number",min:0,max:999,step:1},description:e("components.chip.argTypes.countDescription")},children:{control:"text",description:e("components.chip.argTypes.childrenDescription")},className:{control:"text",description:e("components.chip.argTypes.classNameDescription")}}},n={storyName:e("components.chip.stories.default.title"),args:{children:e("components.chip.stories.interactive.label")}},c={storyName:e("components.chip.stories.types.title"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.chip.stories.types.selection")}),t.jsxs("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"},children:[t.jsx(s,{type:"selection",children:e("components.chip.stories.types.selection")}),t.jsx(s,{type:"selection",selected:!0,children:e("components.chip.stories.types.selected")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.chip.stories.types.dropdown")}),t.jsxs("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"},children:[t.jsx(s,{type:"dropdown",children:e("components.chip.stories.types.dropdown")}),t.jsxs(s,{type:"dropdown",selected:!0,children:[e("components.chip.stories.types.selected")," ",e("components.chip.stories.types.dropdown")]})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.chip.stories.types.action")}),t.jsxs("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"},children:[t.jsx(s,{type:"action",count:5,children:e("components.chip.stories.types.action")}),t.jsx(s,{type:"action",count:99,children:e("components.chip.stories.actionChip.notifications")}),t.jsx(s,{type:"action",count:999,children:e("components.chip.stories.types.highCount")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.chip.stories.types.input")}),t.jsxs("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"},children:[t.jsx(s,{type:"input",children:e("components.chip.stories.types.input")}),t.jsxs(s,{type:"input",selected:!0,children:[e("components.chip.stories.types.selected")," ",e("components.chip.stories.types.input")]})]})]})]})},r={storyName:e("components.chip.stories.themes.title"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.chip.stories.themes.brandTheme")}),t.jsxs("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"},children:[t.jsx(s,{theme:"brand",children:e("components.chip.stories.themes.brandTheme")}),t.jsx(s,{theme:"brand",selected:!0,children:e("components.chip.stories.types.selected")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.chip.stories.themes.neutralTheme")}),t.jsxs("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"},children:[t.jsx(s,{theme:"neutral",children:e("components.chip.stories.themes.neutralTheme")}),t.jsx(s,{theme:"neutral",selected:!0,children:e("components.chip.stories.types.selected")})]})]})]})},l={storyName:e("components.chip.stories.selectedState.title"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsxs("div",{children:[t.jsxs("h3",{style:{marginBottom:"12px"},children:[e("components.chip.stories.types.selection")," ",e("components.chip.stories.types.input")]}),t.jsxs("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"},children:[t.jsx(s,{type:"selection",children:e("components.chip.stories.types.notSelected")}),t.jsx(s,{type:"selection",selected:!0,children:e("components.chip.stories.types.selectedWithIcon")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.chip.stories.types.otherTypes")}),t.jsxs("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"},children:[t.jsxs(s,{type:"dropdown",selected:!0,children:[e("components.chip.stories.types.selected")," ",e("components.chip.stories.types.dropdown")]}),t.jsxs(s,{type:"input",selected:!0,children:[e("components.chip.stories.types.selected")," ",e("components.chip.stories.types.input")]})]})]})]})},a={storyName:e("components.chip.stories.withIcons.title"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.chip.stories.withIcons.leadingIcon")}),t.jsxs("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"},children:[t.jsx(s,{leadingIcon:{name:"placeholder"},children:e("components.chip.stories.withIcons.withIcon")}),t.jsx(s,{type:"selection",leadingIcon:{name:"placeholder"},selected:!0,children:e("components.chip.stories.withIcons.selectedWithIcon")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.chip.stories.withIcons.trailingIcon")}),t.jsxs("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"},children:[t.jsx(s,{trailingIcon:{name:"xmark"},children:e("components.chip.stories.withIcons.withTrailingIcon")}),t.jsx(s,{type:"dropdown",trailingIcon:{name:"placeholder"},children:e("components.chip.stories.withIcons.customTrailingIcon")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.chip.stories.withIcons.bothIcons")}),t.jsx("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"},children:t.jsx(s,{leadingIcon:{name:"placeholder"},trailingIcon:{name:"xmark"},children:e("components.chip.stories.withIcons.bothIcons")})})]})]})},d={storyName:e("components.chip.stories.actionChipWithCount.title"),render:()=>t.jsxs("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"},children:[t.jsx(s,{type:"action",count:1,children:e("components.chip.stories.actionChip.notifications")}),t.jsx(s,{type:"action",count:5,children:e("components.chip.stories.actionChip.messages")}),t.jsx(s,{type:"action",count:99,children:e("components.chip.stories.types.highCount")}),t.jsx(s,{type:"action",count:999,children:e("components.chip.stories.types.veryHighCount")})]})},m={storyName:e("components.chip.stories.disabledState.title"),render:()=>t.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.chip.stories.disabledState.disabledChips")}),t.jsxs("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"},children:[t.jsx(s,{disabled:!0,children:e("components.chip.stories.disabledState.disabled")}),t.jsx(s,{selected:!0,disabled:!0,children:e("components.chip.stories.disabledState.selectedAndDisabled")}),t.jsx(s,{type:"action",count:5,disabled:!0,children:e("components.chip.stories.disabledState.actionDisabled")})]})]})})},h={storyName:e("components.chip.stories.chipGroup.title"),render:()=>{const[i,p]=g.useState([]),f=["Option 1","Option 2","Option 3","Option 4"],v=o=>{i.includes(o)?p(i.filter(C=>C!==o)):p([...i,o])};return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"},children:f.map(o=>t.jsx(s,{type:"selection",selected:i.includes(o),onClick:()=>v(o),children:o},o))}),t.jsxs("p",{style:{fontSize:"14px",color:"#666"},children:[e("components.chip.stories.chipGroup.selected")," ",i.join(", ")||e("components.chip.stories.chipGroup.none")]})]})}},x={storyName:e("components.chip.stories.completeExample.title"),render:()=>{const[i,p]=g.useState(!1);return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.chip.stories.completeExample.filterChips")}),t.jsxs("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"},children:[t.jsx(s,{type:"selection",selected:!0,children:e("components.chip.stories.completeExample.all")}),t.jsx(s,{type:"selection",children:e("components.chip.stories.completeExample.active")}),t.jsx(s,{type:"selection",children:e("components.chip.stories.completeExample.completed")}),t.jsx(s,{type:"dropdown",children:e("components.chip.stories.completeExample.sortBy")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.chip.stories.completeExample.actionChips")}),t.jsxs("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"},children:[t.jsx(s,{type:"action",count:3,children:e("components.chip.stories.completeExample.inbox")}),t.jsx(s,{type:"action",count:12,children:e("components.chip.stories.actionChip.messages")}),t.jsx(s,{type:"action",count:99,children:e("components.chip.stories.actionChip.notifications")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.chip.stories.completeExample.interactiveChip")}),t.jsx(s,{type:"selection",theme:"brand",selected:i,leadingIcon:{name:"placeholder"},onClick:()=>p(!i),children:e("components.chip.stories.completeExample.favorite")})]})]})}},y={storyName:e("components.chip.stories.interactive.title"),args:{children:e("components.chip.stories.interactive.label"),type:"selection",theme:"default",selected:!1,disabled:!1}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.chip.stories.default.title'),
+  args: {
+    children: t('components.chip.stories.interactive.label')
+  }
+}`,...n.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.chip.stories.types.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.chip.stories.types.selection')}
+        </h3>
+        <div style={{
+        display: 'flex',
+        gap: '8px',
+        flexWrap: 'wrap'
+      }}>
+          <Chip type="selection">
+            {t('components.chip.stories.types.selection')}
+          </Chip>
+          <Chip type="selection" selected>
+            {t('components.chip.stories.types.selected')}
+          </Chip>
+        </div>
+      </div>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.chip.stories.types.dropdown')}
+        </h3>
+        <div style={{
+        display: 'flex',
+        gap: '8px',
+        flexWrap: 'wrap'
+      }}>
+          <Chip type="dropdown">
+            {t('components.chip.stories.types.dropdown')}
+          </Chip>
+          <Chip type="dropdown" selected>
+            {t('components.chip.stories.types.selected')}{' '}
+            {t('components.chip.stories.types.dropdown')}
+          </Chip>
+        </div>
+      </div>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.chip.stories.types.action')}
+        </h3>
+        <div style={{
+        display: 'flex',
+        gap: '8px',
+        flexWrap: 'wrap'
+      }}>
+          <Chip type="action" count={5}>
+            {t('components.chip.stories.types.action')}
+          </Chip>
+          <Chip type="action" count={99}>
+            {t('components.chip.stories.actionChip.notifications')}
+          </Chip>
+          <Chip type="action" count={999}>
+            {t('components.chip.stories.types.highCount')}
+          </Chip>
+        </div>
+      </div>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.chip.stories.types.input')}
+        </h3>
+        <div style={{
+        display: 'flex',
+        gap: '8px',
+        flexWrap: 'wrap'
+      }}>
+          <Chip type="input">{t('components.chip.stories.types.input')}</Chip>
+          <Chip type="input" selected>
+            {t('components.chip.stories.types.selected')}{' '}
+            {t('components.chip.stories.types.input')}
+          </Chip>
+        </div>
+      </div>
+    </div>
+}`,...c.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.chip.stories.themes.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.chip.stories.themes.brandTheme')}
+        </h3>
+        <div style={{
+        display: 'flex',
+        gap: '8px',
+        flexWrap: 'wrap'
+      }}>
+          <Chip theme="brand">
+            {t('components.chip.stories.themes.brandTheme')}
+          </Chip>
+          <Chip theme="brand" selected>
+            {t('components.chip.stories.types.selected')}
+          </Chip>
+        </div>
+      </div>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.chip.stories.themes.neutralTheme')}
+        </h3>
+        <div style={{
+        display: 'flex',
+        gap: '8px',
+        flexWrap: 'wrap'
+      }}>
+          <Chip theme="neutral">
+            {t('components.chip.stories.themes.neutralTheme')}
+          </Chip>
+          <Chip theme="neutral" selected>
+            {t('components.chip.stories.types.selected')}
+          </Chip>
+        </div>
+      </div>
+    </div>
+}`,...r.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.chip.stories.selectedState.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.chip.stories.types.selection')}{' '}
+          {t('components.chip.stories.types.input')}
+        </h3>
+        <div style={{
+        display: 'flex',
+        gap: '8px',
+        flexWrap: 'wrap'
+      }}>
+          <Chip type="selection">
+            {t('components.chip.stories.types.notSelected')}
+          </Chip>
+          <Chip type="selection" selected>
+            {t('components.chip.stories.types.selectedWithIcon')}
+          </Chip>
+        </div>
+      </div>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.chip.stories.types.otherTypes')}
+        </h3>
+        <div style={{
+        display: 'flex',
+        gap: '8px',
+        flexWrap: 'wrap'
+      }}>
+          <Chip type="dropdown" selected>
+            {t('components.chip.stories.types.selected')}{' '}
+            {t('components.chip.stories.types.dropdown')}
+          </Chip>
+          <Chip type="input" selected>
+            {t('components.chip.stories.types.selected')}{' '}
+            {t('components.chip.stories.types.input')}
+          </Chip>
+        </div>
+      </div>
+    </div>
+}`,...l.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.chip.stories.withIcons.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.chip.stories.withIcons.leadingIcon')}
+        </h3>
+        <div style={{
+        display: 'flex',
+        gap: '8px',
+        flexWrap: 'wrap'
+      }}>
+          <Chip leadingIcon={{
+          name: 'placeholder'
+        }}>
+            {t('components.chip.stories.withIcons.withIcon')}
+          </Chip>
+          <Chip type="selection" leadingIcon={{
+          name: 'placeholder'
+        }} selected>
+            {t('components.chip.stories.withIcons.selectedWithIcon')}
+          </Chip>
+        </div>
+      </div>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.chip.stories.withIcons.trailingIcon')}
+        </h3>
+        <div style={{
+        display: 'flex',
+        gap: '8px',
+        flexWrap: 'wrap'
+      }}>
+          <Chip trailingIcon={{
+          name: 'xmark'
+        }}>
+            {t('components.chip.stories.withIcons.withTrailingIcon')}
+          </Chip>
+          <Chip type="dropdown" trailingIcon={{
+          name: 'placeholder'
+        }}>
+            {t('components.chip.stories.withIcons.customTrailingIcon')}
+          </Chip>
+        </div>
+      </div>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.chip.stories.withIcons.bothIcons')}
+        </h3>
+        <div style={{
+        display: 'flex',
+        gap: '8px',
+        flexWrap: 'wrap'
+      }}>
+          <Chip leadingIcon={{
+          name: 'placeholder'
+        }} trailingIcon={{
+          name: 'xmark'
+        }}>
+            {t('components.chip.stories.withIcons.bothIcons')}
+          </Chip>
+        </div>
+      </div>
+    </div>
+}`,...a.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.chip.stories.actionChipWithCount.title'),
+  render: () => <div style={{
+    display: 'flex',
+    gap: '8px',
+    flexWrap: 'wrap'
+  }}>
+      <Chip type="action" count={1}>
+        {t('components.chip.stories.actionChip.notifications')}
+      </Chip>
+      <Chip type="action" count={5}>
+        {t('components.chip.stories.actionChip.messages')}
+      </Chip>
+      <Chip type="action" count={99}>
+        {t('components.chip.stories.types.highCount')}
+      </Chip>
+      <Chip type="action" count={999}>
+        {t('components.chip.stories.types.veryHighCount')}
+      </Chip>
+    </div>
+}`,...d.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.chip.stories.disabledState.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.chip.stories.disabledState.disabledChips')}
+        </h3>
+        <div style={{
+        display: 'flex',
+        gap: '8px',
+        flexWrap: 'wrap'
+      }}>
+          <Chip disabled>
+            {t('components.chip.stories.disabledState.disabled')}
+          </Chip>
+          <Chip selected disabled>
+            {t('components.chip.stories.disabledState.selectedAndDisabled')}
+          </Chip>
+          <Chip type="action" count={5} disabled>
+            {t('components.chip.stories.disabledState.actionDisabled')}
+          </Chip>
+        </div>
+      </div>
+    </div>
+}`,...m.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.chip.stories.chipGroup.title'),
+  render: () => {
+    const [selected, setSelected] = useState<string[]>([]);
+    const options = ['Option 1', 'Option 2', 'Option 3', 'Option 4'];
+    const handleToggle = (option: string) => {
+      if (selected.includes(option)) {
+        setSelected(selected.filter(o => o !== option));
+      } else {
+        setSelected([...selected, option]);
+      }
+    };
+    return <div style={{
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '16px'
+    }}>
+        <div style={{
+        display: 'flex',
+        gap: '8px',
+        flexWrap: 'wrap'
+      }}>
+          {options.map(option => <Chip key={option} type="selection" selected={selected.includes(option)} onClick={() => handleToggle(option)}>
+              {option}
+            </Chip>)}
+        </div>
+        <p style={{
+        fontSize: '14px',
+        color: '#666'
+      }}>
+          {t('components.chip.stories.chipGroup.selected')}{' '}
+          {selected.join(', ') || t('components.chip.stories.chipGroup.none')}
+        </p>
+      </div>;
+  }
+}`,...h.parameters?.docs?.source}}};x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.chip.stories.completeExample.title'),
+  render: () => {
+    const [favorite, setFavorite] = useState(false);
+    return <div style={{
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '24px'
+    }}>
+        <div>
+          <h3 style={{
+          marginBottom: '12px'
+        }}>
+            {t('components.chip.stories.completeExample.filterChips')}
+          </h3>
+          <div style={{
+          display: 'flex',
+          gap: '8px',
+          flexWrap: 'wrap'
+        }}>
+            <Chip type="selection" selected>
+              {t('components.chip.stories.completeExample.all')}
+            </Chip>
+            <Chip type="selection">
+              {t('components.chip.stories.completeExample.active')}
+            </Chip>
+            <Chip type="selection">
+              {t('components.chip.stories.completeExample.completed')}
+            </Chip>
+            <Chip type="dropdown">
+              {t('components.chip.stories.completeExample.sortBy')}
+            </Chip>
+          </div>
+        </div>
+        <div>
+          <h3 style={{
+          marginBottom: '12px'
+        }}>
+            {t('components.chip.stories.completeExample.actionChips')}
+          </h3>
+          <div style={{
+          display: 'flex',
+          gap: '8px',
+          flexWrap: 'wrap'
+        }}>
+            <Chip type="action" count={3}>
+              {t('components.chip.stories.completeExample.inbox')}
+            </Chip>
+            <Chip type="action" count={12}>
+              {t('components.chip.stories.actionChip.messages')}
+            </Chip>
+            <Chip type="action" count={99}>
+              {t('components.chip.stories.actionChip.notifications')}
+            </Chip>
+          </div>
+        </div>
+        <div>
+          <h3 style={{
+          marginBottom: '12px'
+        }}>
+            {t('components.chip.stories.completeExample.interactiveChip')}
+          </h3>
+          <Chip type="selection" theme="brand" selected={favorite} leadingIcon={{
+          name: 'placeholder'
+        }} onClick={() => setFavorite(!favorite)}>
+            {t('components.chip.stories.completeExample.favorite')}
+          </Chip>
+        </div>
+      </div>;
+  }
+}`,...x.parameters?.docs?.source}}};y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.chip.stories.interactive.title'),
+  args: {
+    children: t('components.chip.stories.interactive.label'),
+    type: 'selection',
+    theme: 'default',
+    selected: false,
+    disabled: false
+  }
+}`,...y.parameters?.docs?.source}}};const Ce=["Default","Types","Themes","SelectedState","WithIcons","ActionChipWithCount","DisabledState","ChipGroup","CompleteExample","Interactive"];export{d as ActionChipWithCount,h as ChipGroup,x as CompleteExample,n as Default,m as DisabledState,y as Interactive,l as SelectedState,r as Themes,c as Types,a as WithIcons,Ce as __namedExportsOrder,ve as default};

package/dist-storybook/assets/classname-CUR_zgkh.js

@@ -0,0 +1 @@
+import{g as c}from"./iframe-CQAwSt4E.js";var o={exports:{}};var i;function p(){return i||(i=1,(function(n){(function(){var f={}.hasOwnProperty;function e(){for(var t="",r=0;r<arguments.length;r++){var s=arguments[r];s&&(t=a(t,u(s)))}return t}function u(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return e.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var r="";for(var s in t)f.call(t,s)&&t[s]&&(r=a(r,s));return r}function a(t,r){return r?t?t+" "+r:t+r:t}n.exports?(e.default=e,n.exports=e):window.classNames=e})()})(o)),o.exports}var l=p();const x=c(l),v=n=>`vsf-${n}`;export{x as c,v as g};

package/dist-storybook/assets/colors-_6nFGM3e.js

@@ -0,0 +1 @@
+const a={"alias-background":"var(--color-alias-background)","alias-background-brand":"var(--color-alias-background-brand)","alias-background-brand-disabled":"var(--color-alias-background-brand-disabled)","alias-background-brand-strong":"var(--color-alias-background-brand-strong)","alias-background-brand-subtle":"var(--color-alias-background-brand-subtle)","alias-background-disabled":"var(--color-alias-background-disabled)","alias-background-disabled-inverse":"var(--color-alias-background-disabled-inverse)","alias-background-grid-pattern":"var(--color-alias-background-grid-pattern)","alias-background-inverse":"var(--color-alias-background-inverse)","alias-background-nav-box":"var(--color-alias-background-nav-box)","alias-background-nav-box-inverse":"var(--color-alias-background-nav-box-inverse)","alias-border-brand":"var(--color-alias-border-brand)","alias-border-disabled":"var(--color-alias-border-disabled)","alias-border-disabled-inverse":"var(--color-alias-border-disabled-inverse)","alias-border-inverse":"var(--color-alias-border-inverse)","alias-border-on-brand":"var(--color-alias-border-on-brand)","alias-border-overlay":"var(--color-alias-border-overlay)","alias-border-strong-01":"var(--color-alias-border-strong-01)","alias-border-strong-02":"var(--color-alias-border-strong-02)","alias-border-subtle-00":"var(--color-alias-border-subtle-00)","alias-border-subtle-01":"var(--color-alias-border-subtle-01)","alias-border-subtle-02":"var(--color-alias-border-subtle-02)","alias-border-subtle-selected-01":"var(--color-alias-border-subtle-selected-01)","alias-border-subtle-selected-02":"var(--color-alias-border-subtle-selected-02)","alias-custom-brand":"var(--color-alias-custom-brand)","alias-custom-brand-disabled":"var(--color-alias-custom-brand-disabled)","alias-custom-brand-strong":"var(--color-alias-custom-brand-strong)","alias-custom-brand-subtle":"var(--color-alias-custom-brand-subtle)","alias-layer-01":"var(--color-alias-layer-01)","alias-layer-02":"var(--color-alias-layer-02)","alias-layer-accent-01":"var(--color-alias-layer-accent-01)","alias-layer-accent-02":"var(--color-alias-layer-accent-02)","alias-layer-accent-hover-01":"var(--color-alias-layer-accent-hover-01)","alias-layer-accent-hover-02":"var(--color-alias-layer-accent-hover-02)","alias-layer-hover-01":"var(--color-alias-layer-hover-01)","alias-layer-hover-02":"var(--color-alias-layer-hover-02)","alias-layer-overlay":"var(--color-alias-layer-overlay)","alias-layer-overlay-inverse":"var(--color-alias-layer-overlay-inverse)","alias-link-inverse":"var(--color-alias-link-inverse)","alias-link-inverse-hover":"var(--color-alias-link-inverse-hover)","alias-link-inverse-visited":"var(--color-alias-link-inverse-visited)","alias-link-primary":"var(--color-alias-link-primary)","alias-link-primary-hover":"var(--color-alias-link-primary-hover)","alias-link-secondary":"var(--color-alias-link-secondary)","alias-link-visited":"var(--color-alias-link-visited)","alias-object-brand":"var(--color-alias-object-brand)","alias-object-disabled":"var(--color-alias-object-disabled)","alias-object-disabled-inverse":"var(--color-alias-object-disabled-inverse)","alias-object-helper":"var(--color-alias-object-helper)","alias-object-interactive":"var(--color-alias-object-interactive)","alias-object-on-brand":"var(--color-alias-object-on-brand)","alias-object-on-color-dark":"var(--color-alias-object-on-color-dark)","alias-object-on-color-light":"var(--color-alias-object-on-color-light)","alias-object-placeholder":"var(--color-alias-object-placeholder)","alias-object-primary":"var(--color-alias-object-primary)","alias-object-primary-inverse":"var(--color-alias-object-primary-inverse)","alias-object-secondary":"var(--color-alias-object-secondary)","alias-overlay":"var(--color-alias-overlay)","alias-overlay-subtle":"var(--color-alias-overlay-subtle)","alias-picker-view-overlay":"var(--color-alias-picker-view-overlay)","alias-skeleton-background":"var(--color-alias-skeleton-background)","alias-skeleton-background-inverse":"var(--color-alias-skeleton-background-inverse)","alias-skeleton-element":"var(--color-alias-skeleton-element)","alias-skeleton-element-inverse":"var(--color-alias-skeleton-element-inverse)","alias-support-highlight":"var(--color-alias-support-highlight)","alias-support-info":"var(--color-alias-support-info)","alias-support-info-inverse":"var(--color-alias-support-info-inverse)","alias-support-info-subtle":"var(--color-alias-support-info-subtle)","alias-support-negative":"var(--color-alias-support-negative)","alias-support-negative-inverse":"var(--color-alias-support-negative-inverse)","alias-support-negative-subtle":"var(--color-alias-support-negative-subtle)","alias-support-positive":"var(--color-alias-support-positive)","alias-support-positive-inverse":"var(--color-alias-support-positive-inverse)","alias-support-positive-subtle":"var(--color-alias-support-positive-subtle)","alias-support-warning":"var(--color-alias-support-warning)","alias-support-warning-inverse":"var(--color-alias-support-warning-inverse)","alias-support-warning-subtle":"var(--color-alias-support-warning-subtle)","alias-switch-off":"var(--color-alias-switch-off)","alias-transparent":"var(--color-alias-transparent)","global-amber-amber-05":"var(--color-global-amber-amber-05)","global-amber-amber-10":"var(--color-global-amber-amber-10)","global-amber-amber-20":"var(--color-global-amber-amber-20)","global-amber-amber-30":"var(--color-global-amber-amber-30)","global-amber-amber-40":"var(--color-global-amber-amber-40)","global-amber-amber-50":"var(--color-global-amber-amber-50)","global-amber-amber-60":"var(--color-global-amber-amber-60)","global-amber-amber-70":"var(--color-global-amber-amber-70)","global-amber-amber-80":"var(--color-global-amber-amber-80)","global-amber-amber-90":"var(--color-global-amber-amber-90)","global-amber-amber-95":"var(--color-global-amber-amber-95)","global-basic-black":"var(--color-global-basic-black)","global-basic-black-20":"var(--color-global-basic-black-20)","global-basic-black-5":"var(--color-global-basic-black-5)","global-basic-white":"var(--color-global-basic-white)","global-basic-white-0":"var(--color-global-basic-white-0)","global-basic-white-15":"var(--color-global-basic-white-15)","global-basic-white-25":"var(--color-global-basic-white-25)","global-basic-white-30":"var(--color-global-basic-white-30)","global-basic-white-5":"var(--color-global-basic-white-5)","global-basic-white-50":"var(--color-global-basic-white-50)","global-basic-white-80":"var(--color-global-basic-white-80)","global-blue-blue-05":"var(--color-global-blue-blue-05)","global-blue-blue-10":"var(--color-global-blue-blue-10)","global-blue-blue-20":"var(--color-global-blue-blue-20)","global-blue-blue-30":"var(--color-global-blue-blue-30)","global-blue-blue-40":"var(--color-global-blue-blue-40)","global-blue-blue-40-15":"var(--color-global-blue-blue-40-15)","global-blue-blue-40-25":"var(--color-global-blue-blue-40-25)","global-blue-blue-50":"var(--color-global-blue-blue-50)","global-blue-blue-60":"var(--color-global-blue-blue-60)","global-blue-blue-60-15":"var(--color-global-blue-blue-60-15)","global-blue-blue-60-25":"var(--color-global-blue-blue-60-25)","global-blue-blue-70":"var(--color-global-blue-blue-70)","global-blue-blue-80":"var(--color-global-blue-blue-80)","global-blue-blue-90":"var(--color-global-blue-blue-90)","global-blue-blue-95":"var(--color-global-blue-blue-95)","global-cyan-cyan-05":"var(--color-global-cyan-cyan-05)","global-cyan-cyan-10":"var(--color-global-cyan-cyan-10)","global-cyan-cyan-20":"var(--color-global-cyan-cyan-20)","global-cyan-cyan-30":"var(--color-global-cyan-cyan-30)","global-cyan-cyan-40":"var(--color-global-cyan-cyan-40)","global-cyan-cyan-50":"var(--color-global-cyan-cyan-50)","global-cyan-cyan-60":"var(--color-global-cyan-cyan-60)","global-cyan-cyan-70":"var(--color-global-cyan-cyan-70)","global-cyan-cyan-80":"var(--color-global-cyan-cyan-80)","global-cyan-cyan-90":"var(--color-global-cyan-cyan-90)","global-cyan-cyan-95":"var(--color-global-cyan-cyan-95)","global-dynamic-red-dynamic-red-05":"var(--color-global-dynamic-red-dynamic-red-05)","global-dynamic-red-dynamic-red-10":"var(--color-global-dynamic-red-dynamic-red-10)","global-dynamic-red-dynamic-red-20":"var(--color-global-dynamic-red-dynamic-red-20)","global-dynamic-red-dynamic-red-30":"var(--color-global-dynamic-red-dynamic-red-30)","global-dynamic-red-dynamic-red-40":"var(--color-global-dynamic-red-dynamic-red-40)","global-dynamic-red-dynamic-red-50":"var(--color-global-dynamic-red-dynamic-red-50)","global-dynamic-red-dynamic-red-60":"var(--color-global-dynamic-red-dynamic-red-60)","global-dynamic-red-dynamic-red-70":"var(--color-global-dynamic-red-dynamic-red-70)","global-dynamic-red-dynamic-red-80":"var(--color-global-dynamic-red-dynamic-red-80)","global-dynamic-red-dynamic-red-90":"var(--color-global-dynamic-red-dynamic-red-90)","global-dynamic-red-dynamic-red-95":"var(--color-global-dynamic-red-dynamic-red-95)","global-emerald-emerald-05":"var(--color-global-emerald-emerald-05)","global-emerald-emerald-10":"var(--color-global-emerald-emerald-10)","global-emerald-emerald-20":"var(--color-global-emerald-emerald-20)","global-emerald-emerald-30":"var(--color-global-emerald-emerald-30)","global-emerald-emerald-40":"var(--color-global-emerald-emerald-40)","global-emerald-emerald-50":"var(--color-global-emerald-emerald-50)","global-emerald-emerald-60":"var(--color-global-emerald-emerald-60)","global-emerald-emerald-70":"var(--color-global-emerald-emerald-70)","global-emerald-emerald-80":"var(--color-global-emerald-emerald-80)","global-emerald-emerald-90":"var(--color-global-emerald-emerald-90)","global-emerald-emerald-95":"var(--color-global-emerald-emerald-95)","global-fuchsia-fuchsia-05":"var(--color-global-fuchsia-fuchsia-05)","global-fuchsia-fuchsia-10":"var(--color-global-fuchsia-fuchsia-10)","global-fuchsia-fuchsia-20":"var(--color-global-fuchsia-fuchsia-20)","global-fuchsia-fuchsia-30":"var(--color-global-fuchsia-fuchsia-30)","global-fuchsia-fuchsia-40":"var(--color-global-fuchsia-fuchsia-40)","global-fuchsia-fuchsia-50":"var(--color-global-fuchsia-fuchsia-50)","global-fuchsia-fuchsia-60":"var(--color-global-fuchsia-fuchsia-60)","global-fuchsia-fuchsia-70":"var(--color-global-fuchsia-fuchsia-70)","global-fuchsia-fuchsia-80":"var(--color-global-fuchsia-fuchsia-80)","global-fuchsia-fuchsia-90":"var(--color-global-fuchsia-fuchsia-90)","global-fuchsia-fuchsia-95":"var(--color-global-fuchsia-fuchsia-95)","global-gray-gray-05":"var(--color-global-gray-gray-05)","global-gray-gray-10":"var(--color-global-gray-gray-10)","global-gray-gray-20":"var(--color-global-gray-gray-20)","global-gray-gray-30":"var(--color-global-gray-gray-30)","global-gray-gray-40":"var(--color-global-gray-gray-40)","global-gray-gray-50":"var(--color-global-gray-gray-50)","global-gray-gray-60":"var(--color-global-gray-gray-60)","global-gray-gray-70":"var(--color-global-gray-gray-70)","global-gray-gray-80":"var(--color-global-gray-gray-80)","global-gray-gray-90":"var(--color-global-gray-gray-90)","global-gray-gray-95":"var(--color-global-gray-gray-95)","global-green-green-05":"var(--color-global-green-green-05)","global-green-green-10":"var(--color-global-green-green-10)","global-green-green-20":"var(--color-global-green-green-20)","global-green-green-30":"var(--color-global-green-green-30)","global-green-green-40":"var(--color-global-green-green-40)","global-green-green-50":"var(--color-global-green-green-50)","global-green-green-60":"var(--color-global-green-green-60)","global-green-green-70":"var(--color-global-green-green-70)","global-green-green-80":"var(--color-global-green-green-80)","global-green-green-90":"var(--color-global-green-green-90)","global-green-green-95":"var(--color-global-green-green-95)","global-indigo-indigo-05":"var(--color-global-indigo-indigo-05)","global-indigo-indigo-10":"var(--color-global-indigo-indigo-10)","global-indigo-indigo-20":"var(--color-global-indigo-indigo-20)","global-indigo-indigo-30":"var(--color-global-indigo-indigo-30)","global-indigo-indigo-40":"var(--color-global-indigo-indigo-40)","global-indigo-indigo-50":"var(--color-global-indigo-indigo-50)","global-indigo-indigo-60":"var(--color-global-indigo-indigo-60)","global-indigo-indigo-70":"var(--color-global-indigo-indigo-70)","global-indigo-indigo-80":"var(--color-global-indigo-indigo-80)","global-indigo-indigo-90":"var(--color-global-indigo-indigo-90)","global-indigo-indigo-95":"var(--color-global-indigo-indigo-95)","global-lime-lime-05":"var(--color-global-lime-lime-05)","global-lime-lime-10":"var(--color-global-lime-lime-10)","global-lime-lime-20":"var(--color-global-lime-lime-20)","global-lime-lime-30":"var(--color-global-lime-lime-30)","global-lime-lime-40":"var(--color-global-lime-lime-40)","global-lime-lime-50":"var(--color-global-lime-lime-50)","global-lime-lime-60":"var(--color-global-lime-lime-60)","global-lime-lime-70":"var(--color-global-lime-lime-70)","global-lime-lime-80":"var(--color-global-lime-lime-80)","global-lime-lime-90":"var(--color-global-lime-lime-90)","global-lime-lime-95":"var(--color-global-lime-lime-95)","global-neutral-neutral-05":"var(--color-global-neutral-neutral-05)","global-neutral-neutral-05-5":"var(--color-global-neutral-neutral-05-5)","global-neutral-neutral-05-50":"var(--color-global-neutral-neutral-05-50)","global-neutral-neutral-10":"var(--color-global-neutral-neutral-10)","global-neutral-neutral-20":"var(--color-global-neutral-neutral-20)","global-neutral-neutral-20-30":"var(--color-global-neutral-neutral-20-30)","global-neutral-neutral-30":"var(--color-global-neutral-neutral-30)","global-neutral-neutral-40":"var(--color-global-neutral-neutral-40)","global-neutral-neutral-50":"var(--color-global-neutral-neutral-50)","global-neutral-neutral-50-15":"var(--color-global-neutral-neutral-50-15)","global-neutral-neutral-50-20":"var(--color-global-neutral-neutral-50-20)","global-neutral-neutral-50-30":"var(--color-global-neutral-neutral-50-30)","global-neutral-neutral-50-50":"var(--color-global-neutral-neutral-50-50)","global-neutral-neutral-60":"var(--color-global-neutral-neutral-60)","global-neutral-neutral-70":"var(--color-global-neutral-neutral-70)","global-neutral-neutral-80":"var(--color-global-neutral-neutral-80)","global-neutral-neutral-90":"var(--color-global-neutral-neutral-90)","global-neutral-neutral-95":"var(--color-global-neutral-neutral-95)","global-neutral-neutral-95-0":"var(--color-global-neutral-neutral-95-0)","global-neutral-neutral-95-15":"var(--color-global-neutral-neutral-95-15)","global-neutral-neutral-95-25":"var(--color-global-neutral-neutral-95-25)","global-neutral-neutral-95-5":"var(--color-global-neutral-neutral-95-5)","global-neutral-neutral-95-50":"var(--color-global-neutral-neutral-95-50)","global-neutral-neutral-95-65":"var(--color-global-neutral-neutral-95-65)","global-orange-orange-05":"var(--color-global-orange-orange-05)","global-orange-orange-10":"var(--color-global-orange-orange-10)","global-orange-orange-20":"var(--color-global-orange-orange-20)","global-orange-orange-30":"var(--color-global-orange-orange-30)","global-orange-orange-40":"var(--color-global-orange-orange-40)","global-orange-orange-50":"var(--color-global-orange-orange-50)","global-orange-orange-60":"var(--color-global-orange-orange-60)","global-orange-orange-70":"var(--color-global-orange-orange-70)","global-orange-orange-80":"var(--color-global-orange-orange-80)","global-orange-orange-90":"var(--color-global-orange-orange-90)","global-orange-orange-95":"var(--color-global-orange-orange-95)","global-pink-pink-05":"var(--color-global-pink-pink-05)","global-pink-pink-10":"var(--color-global-pink-pink-10)","global-pink-pink-20":"var(--color-global-pink-pink-20)","global-pink-pink-30":"var(--color-global-pink-pink-30)","global-pink-pink-40":"var(--color-global-pink-pink-40)","global-pink-pink-50":"var(--color-global-pink-pink-50)","global-pink-pink-60":"var(--color-global-pink-pink-60)","global-pink-pink-70":"var(--color-global-pink-pink-70)","global-pink-pink-80":"var(--color-global-pink-pink-80)","global-pink-pink-90":"var(--color-global-pink-pink-90)","global-pink-pink-95":"var(--color-global-pink-pink-95)","global-purple-purple-05":"var(--color-global-purple-purple-05)","global-purple-purple-10":"var(--color-global-purple-purple-10)","global-purple-purple-20":"var(--color-global-purple-purple-20)","global-purple-purple-30":"var(--color-global-purple-purple-30)","global-purple-purple-40":"var(--color-global-purple-purple-40)","global-purple-purple-50":"var(--color-global-purple-purple-50)","global-purple-purple-60":"var(--color-global-purple-purple-60)","global-purple-purple-70":"var(--color-global-purple-purple-70)","global-purple-purple-80":"var(--color-global-purple-purple-80)","global-purple-purple-90":"var(--color-global-purple-purple-90)","global-purple-purple-95":"var(--color-global-purple-purple-95)","global-red-red-05":"var(--color-global-red-red-05)","global-red-red-10":"var(--color-global-red-red-10)","global-red-red-20":"var(--color-global-red-red-20)","global-red-red-30":"var(--color-global-red-red-30)","global-red-red-40":"var(--color-global-red-red-40)","global-red-red-50":"var(--color-global-red-red-50)","global-red-red-50-15":"var(--color-global-red-red-50-15)","global-red-red-50-25":"var(--color-global-red-red-50-25)","global-red-red-60":"var(--color-global-red-red-60)","global-red-red-60-15":"var(--color-global-red-red-60-15)","global-red-red-60-25":"var(--color-global-red-red-60-25)","global-red-red-70":"var(--color-global-red-red-70)","global-red-red-80":"var(--color-global-red-red-80)","global-red-red-90":"var(--color-global-red-red-90)","global-red-red-95":"var(--color-global-red-red-95)","global-rose-rose-05":"var(--color-global-rose-rose-05)","global-rose-rose-10":"var(--color-global-rose-rose-10)","global-rose-rose-20":"var(--color-global-rose-rose-20)","global-rose-rose-30":"var(--color-global-rose-rose-30)","global-rose-rose-40":"var(--color-global-rose-rose-40)","global-rose-rose-50":"var(--color-global-rose-rose-50)","global-rose-rose-60":"var(--color-global-rose-rose-60)","global-rose-rose-70":"var(--color-global-rose-rose-70)","global-rose-rose-80":"var(--color-global-rose-rose-80)","global-rose-rose-90":"var(--color-global-rose-rose-90)","global-rose-rose-95":"var(--color-global-rose-rose-95)","global-sky-sky-05":"var(--color-global-sky-sky-05)","global-sky-sky-10":"var(--color-global-sky-sky-10)","global-sky-sky-20":"var(--color-global-sky-sky-20)","global-sky-sky-30":"var(--color-global-sky-sky-30)","global-sky-sky-40":"var(--color-global-sky-sky-40)","global-sky-sky-50":"var(--color-global-sky-sky-50)","global-sky-sky-60":"var(--color-global-sky-sky-60)","global-sky-sky-70":"var(--color-global-sky-sky-70)","global-sky-sky-80":"var(--color-global-sky-sky-80)","global-sky-sky-90":"var(--color-global-sky-sky-90)","global-sky-sky-95":"var(--color-global-sky-sky-95)","global-slate-slate-05":"var(--color-global-slate-slate-05)","global-slate-slate-10":"var(--color-global-slate-slate-10)","global-slate-slate-20":"var(--color-global-slate-slate-20)","global-slate-slate-30":"var(--color-global-slate-slate-30)","global-slate-slate-40":"var(--color-global-slate-slate-40)","global-slate-slate-50":"var(--color-global-slate-slate-50)","global-slate-slate-60":"var(--color-global-slate-slate-60)","global-slate-slate-70":"var(--color-global-slate-slate-70)","global-slate-slate-80":"var(--color-global-slate-slate-80)","global-slate-slate-90":"var(--color-global-slate-slate-90)","global-slate-slate-95":"var(--color-global-slate-slate-95)","global-stone-stone-05":"var(--color-global-stone-stone-05)","global-stone-stone-10":"var(--color-global-stone-stone-10)","global-stone-stone-20":"var(--color-global-stone-stone-20)","global-stone-stone-30":"var(--color-global-stone-stone-30)","global-stone-stone-40":"var(--color-global-stone-stone-40)","global-stone-stone-50":"var(--color-global-stone-stone-50)","global-stone-stone-60":"var(--color-global-stone-stone-60)","global-stone-stone-70":"var(--color-global-stone-stone-70)","global-stone-stone-80":"var(--color-global-stone-stone-80)","global-stone-stone-90":"var(--color-global-stone-stone-90)","global-stone-stone-95":"var(--color-global-stone-stone-95)","global-teal-teal-05":"var(--color-global-teal-teal-05)","global-teal-teal-10":"var(--color-global-teal-teal-10)","global-teal-teal-20":"var(--color-global-teal-teal-20)","global-teal-teal-30":"var(--color-global-teal-teal-30)","global-teal-teal-40":"var(--color-global-teal-teal-40)","global-teal-teal-50":"var(--color-global-teal-teal-50)","global-teal-teal-60":"var(--color-global-teal-teal-60)","global-teal-teal-70":"var(--color-global-teal-teal-70)","global-teal-teal-80":"var(--color-global-teal-teal-80)","global-teal-teal-90":"var(--color-global-teal-teal-90)","global-teal-teal-95":"var(--color-global-teal-teal-95)","global-violet-violet-05":"var(--color-global-violet-violet-05)","global-violet-violet-10":"var(--color-global-violet-violet-10)","global-violet-violet-20":"var(--color-global-violet-violet-20)","global-violet-violet-30":"var(--color-global-violet-violet-30)","global-violet-violet-40":"var(--color-global-violet-violet-40)","global-violet-violet-50":"var(--color-global-violet-violet-50)","global-violet-violet-60":"var(--color-global-violet-violet-60)","global-violet-violet-70":"var(--color-global-violet-violet-70)","global-violet-violet-80":"var(--color-global-violet-violet-80)","global-violet-violet-90":"var(--color-global-violet-violet-90)","global-violet-violet-95":"var(--color-global-violet-violet-95)","global-yellow-yellow-05":"var(--color-global-yellow-yellow-05)","global-yellow-yellow-10":"var(--color-global-yellow-yellow-10)","global-yellow-yellow-20":"var(--color-global-yellow-yellow-20)","global-yellow-yellow-30":"var(--color-global-yellow-yellow-30)","global-yellow-yellow-40":"var(--color-global-yellow-yellow-40)","global-yellow-yellow-40-15":"var(--color-global-yellow-yellow-40-15)","global-yellow-yellow-40-25":"var(--color-global-yellow-yellow-40-25)","global-yellow-yellow-50":"var(--color-global-yellow-yellow-50)","global-yellow-yellow-60":"var(--color-global-yellow-yellow-60)","global-yellow-yellow-70":"var(--color-global-yellow-yellow-70)","global-yellow-yellow-80":"var(--color-global-yellow-yellow-80)","global-yellow-yellow-90":"var(--color-global-yellow-yellow-90)","global-yellow-yellow-95":"var(--color-global-yellow-yellow-95)","global-zinc-zinc-05":"var(--color-global-zinc-zinc-05)","global-zinc-zinc-10":"var(--color-global-zinc-zinc-10)","global-zinc-zinc-20":"var(--color-global-zinc-zinc-20)","global-zinc-zinc-30":"var(--color-global-zinc-zinc-30)","global-zinc-zinc-40":"var(--color-global-zinc-zinc-40)","global-zinc-zinc-50":"var(--color-global-zinc-zinc-50)","global-zinc-zinc-60":"var(--color-global-zinc-zinc-60)","global-zinc-zinc-70":"var(--color-global-zinc-zinc-70)","global-zinc-zinc-80":"var(--color-global-zinc-zinc-80)","global-zinc-zinc-90":"var(--color-global-zinc-zinc-90)","global-zinc-zinc-95":"var(--color-global-zinc-zinc-95)"},o=l=>{if(l)return a[l]||l};export{o as g};

package/dist-storybook/assets/date-Cg-Uk_pp.js

@@ -0,0 +1 @@
+import{g as J}from"./iframe-CQAwSt4E.js";var q={exports:{}},st=q.exports,Q;function it(){return Q||(Q=1,(function(j,Z){(function(g,l){j.exports=l()})(st,(function(){var g=1e3,l=6e4,S=36e5,v="millisecond",_="second",b="minute",k="hour",y="day",B="week",p="month",z="quarter",M="year",A="date",R="Invalid Date",tt=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,et=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,rt={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(s){var r=["th","st","nd","rd"],t=s%100;return"["+s+(r[(t-20)%10]||r[t]||r[0])+"]"}},N=function(s,r,t){var n=String(s);return!n||n.length>=r?s:""+Array(r+1-n.length).join(t)+s},nt={s:N,z:function(s){var r=-s.utcOffset(),t=Math.abs(r),n=Math.floor(t/60),e=t%60;return(r<=0?"+":"-")+N(n,2,"0")+":"+N(e,2,"0")},m:function s(r,t){if(r.date()<t.date())return-s(t,r);var n=12*(t.year()-r.year())+(t.month()-r.month()),e=r.clone().add(n,p),i=t-e<0,u=r.clone().add(n+(i?-1:1),p);return+(-(n+(t-e)/(i?e-u:u-e))||0)},a:function(s){return s<0?Math.ceil(s)||0:Math.floor(s)},p:function(s){return{M:p,y:M,w:B,d:y,D:A,h:k,m:b,s:_,ms:v,Q:z}[s]||String(s||"").toLowerCase().replace(/s$/,"")},u:function(s){return s===void 0}},H="en",O={};O[H]=rt;var V="$isDayjsObject",U=function(s){return s instanceof L||!(!s||!s[V])},C=function s(r,t,n){var e;if(!r)return H;if(typeof r=="string"){var i=r.toLowerCase();O[i]&&(e=i),t&&(O[i]=t,e=i);var u=r.split("-");if(!e&&u.length>1)return s(u[0])}else{var o=r.name;O[o]=r,e=o}return!n&&e&&(H=e),e||!n&&H},f=function(s,r){if(U(s))return s.clone();var t=typeof r=="object"?r:{};return t.date=s,t.args=arguments,new L(t)},a=nt;a.l=C,a.i=U,a.w=function(s,r){return f(s,{locale:r.$L,utc:r.$u,x:r.$x,$offset:r.$offset})};var L=(function(){function s(t){this.$L=C(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[V]=!0}var r=s.prototype;return r.parse=function(t){this.$d=(function(n){var e=n.date,i=n.utc;if(e===null)return new Date(NaN);if(a.u(e))return new Date;if(e instanceof Date)return new Date(e);if(typeof e=="string"&&!/Z$/i.test(e)){var u=e.match(tt);if(u){var o=u[2]-1||0,c=(u[7]||"0").substring(0,3);return i?new Date(Date.UTC(u[1],o,u[3]||1,u[4]||0,u[5]||0,u[6]||0,c)):new Date(u[1],o,u[3]||1,u[4]||0,u[5]||0,u[6]||0,c)}}return new Date(e)})(t),this.init()},r.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},r.$utils=function(){return a},r.isValid=function(){return this.$d.toString()!==R},r.isSame=function(t,n){var e=f(t);return this.startOf(n)<=e&&e<=this.endOf(n)},r.isAfter=function(t,n){return f(t)<this.startOf(n)},r.isBefore=function(t,n){return this.endOf(n)<f(t)},r.$g=function(t,n,e){return a.u(t)?this[n]:this.set(e,t)},r.unix=function(){return Math.floor(this.valueOf()/1e3)},r.valueOf=function(){return this.$d.getTime()},r.startOf=function(t,n){var e=this,i=!!a.u(n)||n,u=a.p(t),o=function(w,$){var D=a.w(e.$u?Date.UTC(e.$y,$,w):new Date(e.$y,$,w),e);return i?D:D.endOf(y)},c=function(w,$){return a.w(e.toDate()[w].apply(e.toDate("s"),(i?[0,0,0,0]:[23,59,59,999]).slice($)),e)},h=this.$W,d=this.$M,m=this.$D,Y="set"+(this.$u?"UTC":"");switch(u){case M:return i?o(1,0):o(31,11);case p:return i?o(1,d):o(0,d+1);case B:var x=this.$locale().weekStart||0,T=(h<x?h+7:h)-x;return o(i?m-T:m+(6-T),d);case y:case A:return c(Y+"Hours",0);case k:return c(Y+"Minutes",1);case b:return c(Y+"Seconds",2);case _:return c(Y+"Milliseconds",3);default:return this.clone()}},r.endOf=function(t){return this.startOf(t,!1)},r.$set=function(t,n){var e,i=a.p(t),u="set"+(this.$u?"UTC":""),o=(e={},e[y]=u+"Date",e[A]=u+"Date",e[p]=u+"Month",e[M]=u+"FullYear",e[k]=u+"Hours",e[b]=u+"Minutes",e[_]=u+"Seconds",e[v]=u+"Milliseconds",e)[i],c=i===y?this.$D+(n-this.$W):n;if(i===p||i===M){var h=this.clone().set(A,1);h.$d[o](c),h.init(),this.$d=h.set(A,Math.min(this.$D,h.daysInMonth())).$d}else o&&this.$d[o](c);return this.init(),this},r.set=function(t,n){return this.clone().$set(t,n)},r.get=function(t){return this[a.p(t)]()},r.add=function(t,n){var e,i=this;t=Number(t);var u=a.p(n),o=function(d){var m=f(i);return a.w(m.date(m.date()+Math.round(d*t)),i)};if(u===p)return this.set(p,this.$M+t);if(u===M)return this.set(M,this.$y+t);if(u===y)return o(1);if(u===B)return o(7);var c=(e={},e[b]=l,e[k]=S,e[_]=g,e)[u]||1,h=this.$d.getTime()+t*c;return a.w(h,this)},r.subtract=function(t,n){return this.add(-1*t,n)},r.format=function(t){var n=this,e=this.$locale();if(!this.isValid())return e.invalidDate||R;var i=t||"YYYY-MM-DDTHH:mm:ssZ",u=a.z(this),o=this.$H,c=this.$m,h=this.$M,d=e.weekdays,m=e.months,Y=e.meridiem,x=function($,D,I,W){return $&&($[D]||$(n,i))||I[D].slice(0,W)},T=function($){return a.s(o%12||12,$,"0")},w=Y||function($,D,I){var W=$<12?"AM":"PM";return I?W.toLowerCase():W};return i.replace(et,(function($,D){return D||(function(I){switch(I){case"YY":return String(n.$y).slice(-2);case"YYYY":return a.s(n.$y,4,"0");case"M":return h+1;case"MM":return a.s(h+1,2,"0");case"MMM":return x(e.monthsShort,h,m,3);case"MMMM":return x(m,h);case"D":return n.$D;case"DD":return a.s(n.$D,2,"0");case"d":return String(n.$W);case"dd":return x(e.weekdaysMin,n.$W,d,2);case"ddd":return x(e.weekdaysShort,n.$W,d,3);case"dddd":return d[n.$W];case"H":return String(o);case"HH":return a.s(o,2,"0");case"h":return T(1);case"hh":return T(2);case"a":return w(o,c,!0);case"A":return w(o,c,!1);case"m":return String(c);case"mm":return a.s(c,2,"0");case"s":return String(n.$s);case"ss":return a.s(n.$s,2,"0");case"SSS":return a.s(n.$ms,3,"0");case"Z":return u}return null})($)||u.replace(":","")}))},r.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},r.diff=function(t,n,e){var i,u=this,o=a.p(n),c=f(t),h=(c.utcOffset()-this.utcOffset())*l,d=this-c,m=function(){return a.m(u,c)};switch(o){case M:i=m()/12;break;case p:i=m();break;case z:i=m()/3;break;case B:i=(d-h)/6048e5;break;case y:i=(d-h)/864e5;break;case k:i=d/S;break;case b:i=d/l;break;case _:i=d/g;break;default:i=d}return e?i:a.a(i)},r.daysInMonth=function(){return this.endOf(p).$D},r.$locale=function(){return O[this.$L]},r.locale=function(t,n){if(!t)return this.$L;var e=this.clone(),i=C(t,n,!0);return i&&(e.$L=i),e},r.clone=function(){return a.w(this.$d,this)},r.toDate=function(){return new Date(this.valueOf())},r.toJSON=function(){return this.isValid()?this.toISOString():null},r.toISOString=function(){return this.$d.toISOString()},r.toString=function(){return this.$d.toUTCString()},s})(),P=L.prototype;return f.prototype=P,[["$ms",v],["$s",_],["$m",b],["$H",k],["$W",y],["$M",p],["$y",M],["$D",A]].forEach((function(s){P[s[1]]=function(r){return this.$g(r,s[0],s[1])}})),f.extend=function(s,r){return s.$i||(s(r,L,f),s.$i=!0),f},f.locale=C,f.isDayjs=U,f.unix=function(s){return f(1e3*s)},f.en=O[H],f.Ls=O,f.p={},f}))})(q)),q.exports}var ut=it();const X=J(ut);var E={exports:{}},at=E.exports,G;function ot(){return G||(G=1,(function(j,Z){(function(g,l){j.exports=l()})(at,(function(){return function(g,l){l.prototype.isSameOrAfter=function(S,v){return this.isSame(S,v)||this.isAfter(S,v)}}}))})(E)),E.exports}var ct=ot();const ft=J(ct);var F={exports:{}},ht=F.exports,K;function dt(){return K||(K=1,(function(j,Z){(function(g,l){j.exports=l()})(ht,(function(){return function(g,l){l.prototype.isSameOrBefore=function(S,v){return this.isSame(S,v)||this.isBefore(S,v)}}}))})(F)),F.exports}var $t=dt();const lt=J($t);X.extend(ft);X.extend(lt);export{X as d};