@v-miniapp/ui-react 1.0.59 → 1.0.71

package/dist-storybook/assets/{chip.stories-D7E6fdiV.js → chip.stories-DYEfUGq3.js}

@@ -1,4 +1,4 @@
-import{j as t,r as g}from"./iframe-DfPay7Zl.js";import{T as j,S as b,M as u,P as w,a as I}from"./blocks-DKR3P4qW.js";import{C as s}from"./chip-Crt60rph.js";import{t as e}from"./store-Ce3Ikv5g.js";import"./preload-helper-PPVm8Dsz.js";import"./index-cMNObl2z.js";import"./icon-CdiFzFyf.js";import"./colors-_6nFGM3e.js";import"./app-CTv8lFU3.js";import"./index-BWpuenI4.js";import"./react-I9jCW2VV.js";import"./button-DJH3RlJl.js";import"./typography-CB8hPDyK.js";import"./image-CMKb-R3x.js";import"./visibility-sensor-Jf-Nmil6.js";import"./index-B-Ksafg0.js";import"./toast-provider-DKSrfhJD.js";import"./proxy-B4G9nIBd.js";import"./navigation-bar-DK3TxcTu.js";import"./_baseClone-DQVxEhny.js";import"./bottom-tab-bar-B6IAoRwz.js";import"./carousel-DJlgMyS5.js";import"./embla-carousel-react.esm-5D5fs7OQ.js";import"./pagination-Cp-DHO4Q.js";import"./sheet-footer-nEdxsYan.js";import"./dialog-BAfGQzk5.js";import"./section-content-D49PabBW.js";import"./option-item-CpeNcb5w.js";import"./index-EGt7xBnA.js";import"./alert-CKwsuaPI.js";import"./skeleton-B12XbNAJ.js";import"./label-D44azUgi.js";import"./input-wrapper-CgaUwbbE.js";import"./omit-BWHsnDSR.js";import"./text-field-CGWNqitB.js";import"./number-field-Bz7su9S1.js";import"./checkbox-JOxcmyCZ.js";import"./radio-D0aV0RIg.js";import"./date-field-range-B-sv9nbW.js";import"./calendar-C4Xe_TW2.js";import"./date-B3PFMb6s.js";import"./date-picker-BPzKPdhO.js";import"./search-field-DINESW8Y.js";import"./text-area-GKy5HL12.js";import"./dropdown-Dtomaqpw.js";import"./avatar-rWcYGe6j.js";import"./badge-VcjGVEum.js";import"./switch-D0Z9tWin.js";import"./tab-bar-kExoGg5P.js";import"./rating-D2e8RTGl.js";import"./tooltip-B9rDI6z9.js";const S=()=>{const i=`
+import{j as t,r as W}from"./iframe-Crg_lbde.js";import{T as E,S as _,a as I,P as k,b as O}from"./blocks-CB7UwFa4.js";import{c as S,g as G}from"./classname-Bl5epEs-.js";import{B as R}from"./badge-Gh2kTOE3.js";import{T as P}from"./typography-CMIMyivt.js";import{r as V}from"./icon-Cc9W858e.js";import{t as e}from"./store-BwIebEt6.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.js";import"./colors-_6nFGM3e.js";const o=G("chip"),s=({theme:i="default",type:n="selection",leadingIcon:r,trailingIcon:l,selected:p,label:C,style:F,className:$,disabled:D,count:j,...b})=>{i=i==="default"?"brand":i;const c=(w,B)=>w?t.jsx("span",{className:S(`${o}__icon`,B),children:V(w)}):null,N=()=>r?c(r,`${o}__icon--leading`):n==="selection"&&p?c({name:"circle-check",type:"fill"},`${o}__icon--leading`):null,T=()=>{if(l)return c(l,`${o}__icon--trailing`);switch(n){case"dropdown":return c({name:"chevron-down"},`${o}__icon--trailing`);case"input":return p?c({name:"xmark"},`${o}__icon--trailing`):null;case"action":return j==null?null:t.jsx(R,{outline:!0,className:`${o}__badge`,children:j});default:return null}};return t.jsxs("div",{className:S(o,{[`${o}--${p?"selected":""}`]:!0,[`${o}--theme-${i}`]:!0,[`${o}--type-${n}`]:!0,[`${o}--disabled`]:D},$),onClick:b.onClick,...b,children:[t.jsx("span",{className:`${o}__overlay`}),N(),t.jsx(P,{component:"span",size:"base",weight:400,className:`${o}__label`,children:C||b.children}),T()]})};s.__docgenInfo={description:"",methods:[],displayName:"Chip",props:{theme:{defaultValue:{value:"'default'",computed:!1},required:!1},type:{defaultValue:{value:"'selection'",computed:!1},required:!1}}};const A=()=>{const i=`
 ## ${e("common.table.title")}
 
 | ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
@@ -14,12 +14,12 @@ import{j as t,r as g}from"./iframe-DfPay7Zl.js";import{T as j,S as b,M as u,P as
 | \`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,{})]})},we={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:`{
+  `;return t.jsxs(t.Fragment,{children:[t.jsx(E,{}),t.jsx(_,{}),t.jsx(I,{children:e("components.chip.description")}),t.jsx(k,{}),t.jsx(I,{children:i}),t.jsx(O,{})]})},Y={title:"Components/Chip",component:s,parameters:{layout:"padded",docs:{page:A}},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")}}},a={storyName:e("components.chip.stories.default.title"),args:{children:e("components.chip.stories.interactive.label")}},d={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")]})]})]})]})},h={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")})]})]})]})},m={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")]})]})]})]})},x={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")})})]})]})},y={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")})]})},u={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")})]})]})})},f={storyName:e("components.chip.stories.chipGroup.title"),render:()=>{const[i,n]=W.useState([]),r=["Option 1","Option 2","Option 3","Option 4"],l=p=>{i.includes(p)?n(i.filter(C=>C!==p)):n([...i,p])};return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"},children:r.map(p=>t.jsx(s,{type:"selection",selected:i.includes(p),onClick:()=>l(p),children:p},p))}),t.jsxs("p",{style:{fontSize:"14px",color:"#666"},children:[e("components.chip.stories.chipGroup.selected")," ",i.join(", ")||e("components.chip.stories.chipGroup.none")]})]})}},g={storyName:e("components.chip.stories.completeExample.title"),render:()=>{const[i,n]=W.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:()=>n(!i),children:e("components.chip.stories.completeExample.favorite")})]})]})}},v={storyName:e("components.chip.stories.interactive.title"),args:{children:e("components.chip.stories.interactive.label"),type:"selection",theme:"default",selected:!1,disabled:!1}};a.parameters={...a.parameters,docs:{...a.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:`{
+}`,...a.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
   storyName: t('components.chip.stories.types.title'),
   render: () => <div style={{
     display: 'flex',
@@ -106,7 +106,7 @@ import{j as t,r as g}from"./iframe-DfPay7Zl.js";import{T as j,S as b,M as u,P as
         </div>
       </div>
     </div>
-}`,...c.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+}`,...d.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
   storyName: t('components.chip.stories.themes.title'),
   render: () => <div style={{
     display: 'flex',
@@ -152,7 +152,7 @@ import{j as t,r as g}from"./iframe-DfPay7Zl.js";import{T as j,S as b,M as u,P as
         </div>
       </div>
     </div>
-}`,...r.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+}`,...h.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
   storyName: t('components.chip.stories.selectedState.title'),
   render: () => <div style={{
     display: 'flex',
@@ -201,7 +201,7 @@ import{j as t,r as g}from"./iframe-DfPay7Zl.js";import{T as j,S as b,M as u,P as
         </div>
       </div>
     </div>
-}`,...l.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+}`,...m.parameters?.docs?.source}}};x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
   storyName: t('components.chip.stories.withIcons.title'),
   render: () => <div style={{
     display: 'flex',
@@ -275,7 +275,7 @@ import{j as t,r as g}from"./iframe-DfPay7Zl.js";import{T as j,S as b,M as u,P as
         </div>
       </div>
     </div>
-}`,...a.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+}`,...x.parameters?.docs?.source}}};y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
   storyName: t('components.chip.stories.actionChipWithCount.title'),
   render: () => <div style={{
     display: 'flex',
@@ -295,7 +295,7 @@ import{j as t,r as g}from"./iframe-DfPay7Zl.js";import{T as j,S as b,M as u,P as
         {t('components.chip.stories.types.veryHighCount')}
       </Chip>
     </div>
-}`,...d.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+}`,...y.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
   storyName: t('components.chip.stories.disabledState.title'),
   render: () => <div style={{
     display: 'flex',
@@ -325,7 +325,7 @@ import{j as t,r as g}from"./iframe-DfPay7Zl.js";import{T as j,S as b,M as u,P as
         </div>
       </div>
     </div>
-}`,...m.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+}`,...u.parameters?.docs?.source}}};f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
   storyName: t('components.chip.stories.chipGroup.title'),
   render: () => {
     const [selected, setSelected] = useState<string[]>([]);
@@ -360,7 +360,7 @@ import{j as t,r as g}from"./iframe-DfPay7Zl.js";import{T as j,S as b,M as u,P as
         </p>
       </div>;
   }
-}`,...h.parameters?.docs?.source}}};x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
+}`,...f.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
   storyName: t('components.chip.stories.completeExample.title'),
   render: () => {
     const [favorite, setFavorite] = useState(false);
@@ -430,7 +430,7 @@ import{j as t,r as g}from"./iframe-DfPay7Zl.js";import{T as j,S as b,M as u,P as
         </div>
       </div>;
   }
-}`,...x.parameters?.docs?.source}}};y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+}`,...g.parameters?.docs?.source}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
   storyName: t('components.chip.stories.interactive.title'),
   args: {
     children: t('components.chip.stories.interactive.label'),
@@ -439,4 +439,4 @@ import{j as t,r as g}from"./iframe-DfPay7Zl.js";import{T as j,S as b,M as u,P as
     selected: false,
     disabled: false
   }
-}`,...y.parameters?.docs?.source}}};const Ie=["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,Ie as __namedExportsOrder,we as default};
+}`,...v.parameters?.docs?.source}}};const Z=["Default","Types","Themes","SelectedState","WithIcons","ActionChipWithCount","DisabledState","ChipGroup","CompleteExample","Interactive"];export{y as ActionChipWithCount,f as ChipGroup,g as CompleteExample,a as Default,u as DisabledState,v as Interactive,m as SelectedState,h as Themes,d as Types,x as WithIcons,Z as __namedExportsOrder,Y as default};

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

@@ -0,0 +1 @@
+import{g as c}from"./iframe-Crg_lbde.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};