@v-miniapp/ui-react 1.0.45 → 1.0.59

package/dist-storybook/assets/carousel-DJlgMyS5.js

@@ -0,0 +1,37 @@
+import{r as u,j as I}from"./iframe-DfPay7Zl.js";import{c as R,g as z}from"./store-Ce3Ikv5g.js";import{u as B}from"./embla-carousel-react.esm-5D5fs7OQ.js";import{P as G}from"./pagination-Cp-DHO4Q.js";const J={active:!0,breakpoints:{},delay:4e3,jump:!1,playOnInit:!0,stopOnFocusIn:!0,stopOnInteraction:!0,stopOnMouseEnter:!1,stopOnLastSnap:!1,rootNode:null};function K(a,e){const n=a.scrollSnapList();return typeof e=="number"?n.map(()=>e):e(n,a)}function Q(a,e){const n=a.rootNode();return e&&e(n)||n}function H(a={}){let e,n,s,f,p=null,l=0,o=!1,g=!1,t=!1,i=!1;function y(r,x){n=r;const{mergeOptions:q,optionsAtMedia:D}=x,U=q(J,H.globalOptions),$=q(U,a);if(e=D($),n.scrollSnapList().length<=1)return;i=e.jump,s=!1,f=K(n,e.delay);const{eventStore:C,ownerDocument:W}=n.internalEngine(),_=!!n.internalEngine().options.watchDrag,L=Q(n,e.rootNode);C.add(W,"visibilitychange",j),_&&n.on("pointerDown",w),_&&!e.stopOnInteraction&&n.on("pointerUp",S),e.stopOnMouseEnter&&C.add(L,"mouseenter",E),e.stopOnMouseEnter&&!e.stopOnInteraction&&C.add(L,"mouseleave",T),e.stopOnFocusIn&&n.on("slideFocusStart",d),e.stopOnFocusIn&&!e.stopOnInteraction&&C.add(n.containerNode(),"focusout",m),e.playOnInit&&m()}function c(){n.off("pointerDown",w).off("pointerUp",S).off("slideFocusStart",d),d(),s=!0,o=!1}function O(){const{ownerWindow:r}=n.internalEngine();r.clearTimeout(l),l=r.setTimeout(F,f[n.selectedScrollSnap()]),p=new Date().getTime(),n.emit("autoplay:timerset")}function h(){const{ownerWindow:r}=n.internalEngine();r.clearTimeout(l),l=0,p=null,n.emit("autoplay:timerstopped")}function m(){if(!s){if(k()){t=!0;return}o||n.emit("autoplay:play"),O(),o=!0}}function d(){s||(o&&n.emit("autoplay:stop"),h(),o=!1)}function j(){if(k())return t=o,d();t&&m()}function k(){const{ownerDocument:r}=n.internalEngine();return r.visibilityState==="hidden"}function w(){g||d()}function S(){g||m()}function E(){g=!0,d()}function T(){g=!1,m()}function A(r){typeof r<"u"&&(i=r),m()}function b(){o&&d()}function v(){o&&m()}function P(){return o}function F(){const{index:r}=n.internalEngine(),x=r.clone().add(1).get(),q=n.scrollSnapList().length-1,D=e.stopOnLastSnap&&x===q;if(n.canScrollNext()?n.scrollNext(i):n.scrollTo(0,i),n.emit("autoplay:select"),D)return d();m()}function M(){if(!p)return null;const r=f[n.selectedScrollSnap()],x=new Date().getTime()-p;return r-x}return{name:"autoplay",options:a,init:y,destroy:c,play:A,stop:b,reset:v,isPlaying:P,timeUntilNext:M}}H.globalOptions=void 0;function V(a={}){let e,n=[];const s=["select","slideFocus"];function f(t){e=t;const{options:{axis:i},slideRects:y}=e.internalEngine();i!=="y"&&(n=y.map(c=>c.height),s.forEach(c=>e.on(c,o)),o())}function p(){s.forEach(i=>e.off(i,o));const t=e.containerNode();t.style.height="",t.getAttribute("style")||t.removeAttribute("style")}function l(){const{slideRegistry:t}=e.internalEngine(),i=t[e.selectedScrollSnap()];return i?i.map(y=>n[y]).reduce((y,c)=>Math.max(y,c),0):null}function o(){l()!==null&&(e.containerNode().style.height=`${l()}px`)}return{name:"autoHeight",options:a,init:f,destroy:p}}V.globalOptions=void 0;const X=(a={})=>{const{align:e="center",initialIndex:n=0,autoplay:s=!1,delay:f=3e3,duration:p=25,loop:l,autoHeight:o=!0}=a,[g,t]=B({axis:"x",align:e,startIndex:n,duration:p,loop:l},[H({playOnInit:!0,delay:f,active:s}),V({active:o})]),i=t?.scrollNext,y=u.useCallback(v=>i?.(v.jump),[i]),c=t?.scrollPrev,O=u.useCallback(v=>c?.(v.jump),[c]),h=t?.scrollTo,m=u.useCallback((v,P)=>h?.(v,P.jump),[h]),[d,j]=u.useState(!1),[k,w]=u.useState(!1),[S,E]=u.useState(0),[T,A]=u.useState([]),b=u.useCallback(()=>{t&&(w(!!t?.canScrollPrev()),j(!!t?.canScrollNext()),A(t.scrollSnapList()),E(t.selectedScrollSnap()))},[t]);return u.useEffect(()=>{t&&(b(),t.on("reInit",b).on("select",b))},[t,b]),{ref:g,next:y,prev:O,toSlide:m,activeIndex:S,canNext:d,canPrev:k,snaps:T,options:a}},N=z("carousel"),Y=u.forwardRef(({className:a,carousel:e,options:n,pagination:s=!0,children:f},p)=>{const l=X(n);return e=e||l,u.useImperativeHandle(p,()=>e),I.jsxs("div",{className:R(N,a),style:{"--carousel-gap":typeof e.options.gap=="number"?e.options.gap+"px":"8px"},children:[I.jsx("div",{className:`${N}__viewport`,ref:e.ref,children:I.jsx("div",{className:`${N}__tracks`,children:f})}),!!s&&I.jsx(G,{total:e.snaps.length,activeIndex:e.activeIndex})]})}),Z=({children:a,className:e,...n})=>I.jsx("div",{className:R(`${N}__item`,e),...n,children:a});Y.__docgenInfo={description:"",methods:[],displayName:"Carousel",props:{className:{required:!1,tsType:{name:"string"},description:""},children:{required:!0,tsType:{name:"ReactNode"},description:""},carousel:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+  ref: ICarouselViewPortRef
+  next: (options: ICarouselToOptions) => void
+  prev: (options: ICarouselToOptions) => void
+  toSlide: (index: number, options: ICarouselToOptions) => void
+  activeIndex: number
+  canNext: boolean
+  canPrev: boolean
+  snaps: number[]
+  options: ICarouselOptions
+}`,signature:{properties:[{key:"ref",value:{name:"signature",type:"function",raw:`<ViewportElement extends HTMLElement>(
+  instance: ViewportElement | null,
+) => void`,signature:{arguments:[{type:{name:"union",raw:"ViewportElement | null",elements:[{name:"ViewportElement"},{name:"null"}]},name:"instance"}],return:{name:"void"}},required:!0}},{key:"next",value:{name:"signature",type:"function",raw:"(options: ICarouselToOptions) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:`{
+  jump?: boolean
+}`,signature:{properties:[{key:"jump",value:{name:"boolean",required:!1}}]}},name:"options"}],return:{name:"void"}},required:!0}},{key:"prev",value:{name:"signature",type:"function",raw:"(options: ICarouselToOptions) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:`{
+  jump?: boolean
+}`,signature:{properties:[{key:"jump",value:{name:"boolean",required:!1}}]}},name:"options"}],return:{name:"void"}},required:!0}},{key:"toSlide",value:{name:"signature",type:"function",raw:"(index: number, options: ICarouselToOptions) => void",signature:{arguments:[{type:{name:"number"},name:"index"},{type:{name:"signature",type:"object",raw:`{
+  jump?: boolean
+}`,signature:{properties:[{key:"jump",value:{name:"boolean",required:!1}}]}},name:"options"}],return:{name:"void"}},required:!0}},{key:"activeIndex",value:{name:"number",required:!0}},{key:"canNext",value:{name:"boolean",required:!0}},{key:"canPrev",value:{name:"boolean",required:!0}},{key:"snaps",value:{name:"Array",elements:[{name:"number"}],raw:"number[]",required:!0}},{key:"options",value:{name:"signature",type:"object",raw:`{
+  align?: ICarouselAlign
+  initialIndex?: number
+  loop?: boolean
+  duration?: number
+  autoplay?: boolean
+  delay?: number
+  autoHeight?: boolean
+  gap?: number
+}`,signature:{properties:[{key:"align",value:{name:"union",raw:"'start' | 'center' | 'end'",elements:[{name:"literal",value:"'start'"},{name:"literal",value:"'center'"},{name:"literal",value:"'end'"}],required:!1}},{key:"initialIndex",value:{name:"number",required:!1}},{key:"loop",value:{name:"boolean",required:!1}},{key:"duration",value:{name:"number",required:!1}},{key:"autoplay",value:{name:"boolean",required:!1}},{key:"delay",value:{name:"number",required:!1}},{key:"autoHeight",value:{name:"boolean",required:!1}},{key:"gap",value:{name:"number",required:!1}}]},required:!0}}]}},description:""},options:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+  align?: ICarouselAlign
+  initialIndex?: number
+  loop?: boolean
+  duration?: number
+  autoplay?: boolean
+  delay?: number
+  autoHeight?: boolean
+  gap?: number
+}`,signature:{properties:[{key:"align",value:{name:"union",raw:"'start' | 'center' | 'end'",elements:[{name:"literal",value:"'start'"},{name:"literal",value:"'center'"},{name:"literal",value:"'end'"}],required:!1}},{key:"initialIndex",value:{name:"number",required:!1}},{key:"loop",value:{name:"boolean",required:!1}},{key:"duration",value:{name:"number",required:!1}},{key:"autoplay",value:{name:"boolean",required:!1}},{key:"delay",value:{name:"number",required:!1}},{key:"autoHeight",value:{name:"boolean",required:!1}},{key:"gap",value:{name:"number",required:!1}}]}},description:""},pagination:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}}}};Z.__docgenInfo={description:"",methods:[],displayName:"CarouselItem"};export{Y as C,Z as a,X as u};

package/dist-storybook/assets/{carousel.stories-B8YbGOOr.js → carousel.stories-3rA3nxdL.js}

@@ -1,4 +1,4 @@
-import{j as e,r as j}from"./iframe-CQAwSt4E.js";import{C as a,a as n,u as f}from"./carousel-1Kww3hIz.js";import{B as r}from"./button-CL7GeC23.js";import{t as o}from"./store-D2RudmNr.js";import{T as F,S as b,M as h,P as $,a as v}from"./blocks-BuaOUtiH.js";import"./preload-helper-PPVm8Dsz.js";import"./classname-CUR_zgkh.js";import"./embla-carousel-react.esm-BYjpaHZ9.js";import"./pagination-DZHoBs_4.js";import"./icon-DdQsMyRa.js";import"./colors-_6nFGM3e.js";import"./typography-DEpAJl_i.js";import"./index-DHiZ-gXR.js";const N=()=>{const s=`
+import{j as e,r as j}from"./iframe-DfPay7Zl.js";import{C as a,a as n,u as f}from"./carousel-DJlgMyS5.js";import{B as r}from"./button-DJH3RlJl.js";import{t as o}from"./store-Ce3Ikv5g.js";import{T as F,S as b,M as h,P as $,a as v}from"./blocks-DKR3P4qW.js";import"./preload-helper-PPVm8Dsz.js";import"./embla-carousel-react.esm-5D5fs7OQ.js";import"./pagination-Cp-DHO4Q.js";import"./icon-CdiFzFyf.js";import"./colors-_6nFGM3e.js";import"./typography-CB8hPDyK.js";import"./index-cMNObl2z.js";const N=()=>{const s=`
 ## ${o("common.table.title")}
 
 | ${o("common.table.name")} | ${o("common.table.type")} | ${o("common.table.required")} | ${o("common.table.description")} |
@@ -21,7 +21,7 @@ import{j as e,r as j}from"./iframe-CQAwSt4E.js";import{C as a,a as n,u as f}from
 | \`delay\` | \`number\` | ${o("common.table.no")} | ${o("components.carousel.options.delayDescription")} |
 | \`autoHeight\` | \`boolean\` | ${o("common.table.no")} | ${o("components.carousel.options.autoHeightDescription")} |
 | \`gap\` | \`number\` | ${o("common.table.no")} | ${o("components.carousel.options.gapDescription")} |
-  `;return e.jsxs(e.Fragment,{children:[e.jsx(F,{}),e.jsx(b,{}),e.jsx(h,{children:o("components.carousel.description")}),e.jsx($,{}),e.jsx(h,{children:s}),e.jsx(v,{})]})},q={title:"Components/Carousel",component:a,parameters:{layout:"padded",docs:{page:N}},tags:["autodocs"],argTypes:{children:{control:!1,description:o("components.carousel.argTypes.childrenDescription"),table:{type:{summary:"ReactNode"}}},carousel:{control:!1,description:o("components.carousel.argTypes.carouselDescription"),table:{type:{summary:"ICarouselInstance"}}},options:{control:"object",description:o("components.carousel.argTypes.optionsDescription"),table:{type:{summary:"ICarouselOptions"}}},pagination:{control:"boolean",description:o("components.carousel.argTypes.paginationDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},className:{control:"text",description:o("components.carousel.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},t=(s,l)=>e.jsxs("div",{style:{width:"100%",height:"200px",backgroundColor:l,display:"flex",alignItems:"center",justifyContent:"center",color:"white",fontSize:"24px",fontWeight:"bold"},children:[o("components.carousel.stories.slide")," ",s+1]}),c={storyName:o("components.carousel.stories.default.title"),render:()=>e.jsxs(a,{children:[e.jsx(n,{children:t(0,"#4A90E2")}),e.jsx(n,{children:t(1,"#50C878")}),e.jsx(n,{children:t(2,"#FF6B6B")})]})},i={storyName:o("components.carousel.stories.withLoop.title"),render:()=>e.jsxs(a,{options:{loop:!0},children:[e.jsx(n,{children:t(0,"#4A90E2")}),e.jsx(n,{children:t(1,"#50C878")}),e.jsx(n,{children:t(2,"#FF6B6B")})]})},u={storyName:o("components.carousel.stories.withoutPagination.title"),render:()=>e.jsxs(a,{pagination:!1,children:[e.jsx(n,{children:t(0,"#4A90E2")}),e.jsx(n,{children:t(1,"#50C878")}),e.jsx(n,{children:t(2,"#FF6B6B")})]})},m={storyName:o("components.carousel.stories.customOptions.title"),render:()=>e.jsxs(a,{options:{align:"center",loop:!0,autoplay:!0,delay:5e3,gap:16,duration:25},children:[e.jsx(n,{children:t(0,"#4A90E2")}),e.jsx(n,{children:t(1,"#50C878")}),e.jsx(n,{children:t(2,"#FF6B6B")})]})},p={storyName:o("components.carousel.stories.programmaticControl.title"),render:()=>{const s=j.useRef(null),l=()=>{s.current?.next({})},S=()=>{s.current?.prev({})},y=B=>{s.current?.toSlide(B,{})};return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",gap:"8px"},children:[e.jsx(r,{onClick:S,children:o("components.carousel.stories.programmaticControl.previous")}),e.jsx(r,{onClick:l,children:o("components.carousel.stories.programmaticControl.next")}),e.jsx(r,{onClick:()=>y(0),children:o("components.carousel.stories.programmaticControl.goToSlide",{index:1})}),e.jsx(r,{onClick:()=>y(1),children:o("components.carousel.stories.programmaticControl.goToSlide",{index:2})}),e.jsx(r,{onClick:()=>y(2),children:o("components.carousel.stories.programmaticControl.goToSlide",{index:3})})]}),e.jsxs(a,{ref:s,children:[e.jsx(n,{children:t(0,"#4A90E2")}),e.jsx(n,{children:t(1,"#50C878")}),e.jsx(n,{children:t(2,"#FF6B6B")})]})]})}},d={storyName:o("components.carousel.stories.externalCarouselInstance.title"),render:()=>{const s=f({loop:!1,autoplay:!1});return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",gap:"8px"},children:[e.jsx(r,{onClick:()=>s.prev({}),children:o("components.carousel.stories.externalCarouselInstance.previous")}),e.jsx(r,{onClick:()=>s.next({}),children:o("components.carousel.stories.externalCarouselInstance.next")}),e.jsxs("p",{style:{fontSize:"14px",color:"#666"},children:[`${o("components.carousel.stories.externalCarouselInstance.activeIndex")} ${s.activeIndex} | `,`${o("components.carousel.stories.externalCarouselInstance.canNext")}: `,s.canNext?o("components.carousel.stories.externalCarouselInstance.yes"):o("components.carousel.stories.externalCarouselInstance.no"),` | ${o("components.carousel.stories.externalCarouselInstance.canPrev")}: `,s.canPrev?o("components.carousel.stories.externalCarouselInstance.yes"):o("components.carousel.stories.externalCarouselInstance.no")]})]}),e.jsxs(a,{carousel:s,children:[e.jsx(n,{children:t(0,"#4A90E2")}),e.jsx(n,{children:t(1,"#50C878")}),e.jsx(n,{children:t(2,"#FF6B6B")})]})]})}},C={storyName:o("components.carousel.stories.alignmentOptions.title"),render:()=>{const[s,l]=j.useState("center");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",gap:"8px"},children:[e.jsx(r,{onClick:()=>l("start"),type:s==="start"?"solid":"outline",children:o("components.carousel.stories.alignmentOptions.start")}),e.jsx(r,{onClick:()=>l("center"),type:s==="center"?"solid":"outline",children:o("components.carousel.stories.alignmentOptions.center")}),e.jsx(r,{onClick:()=>l("end"),type:s==="end"?"solid":"outline",children:o("components.carousel.stories.alignmentOptions.end")})]}),e.jsxs(a,{options:{align:s,loop:!0},children:[e.jsx(n,{children:t(0,"#4A90E2")}),e.jsx(n,{children:t(1,"#50C878")}),e.jsx(n,{children:t(2,"#FF6B6B")})]})]})}},x={storyName:o("components.carousel.stories.multipleSlides.title"),render:()=>e.jsxs(a,{options:{loop:!0,gap:12},children:[e.jsx(n,{children:t(0,"#4A90E2")}),e.jsx(n,{children:t(1,"#50C878")}),e.jsx(n,{children:t(2,"#FF6B6B")}),e.jsx(n,{children:t(3,"#FFD93D")}),e.jsx(n,{children:t(4,"#9B59B6")}),e.jsx(n,{children:t(5,"#E67E22")})]})},g={storyName:o("components.carousel.stories.withoutAutoplay.title"),render:()=>e.jsxs(a,{options:{autoplay:!1},children:[e.jsx(n,{children:t(0,"#4A90E2")}),e.jsx(n,{children:t(1,"#50C878")}),e.jsx(n,{children:t(2,"#FF6B6B")})]})},I={storyName:o("components.carousel.stories.interactive.title"),args:{pagination:!0,children:e.jsxs(e.Fragment,{children:[e.jsx(n,{children:t(0,"#4A90E2")}),e.jsx(n,{children:t(1,"#50C878")}),e.jsx(n,{children:t(2,"#FF6B6B")})]})}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  `;return e.jsxs(e.Fragment,{children:[e.jsx(F,{}),e.jsx(b,{}),e.jsx(h,{children:o("components.carousel.description")}),e.jsx($,{}),e.jsx(h,{children:s}),e.jsx(v,{})]})},z={title:"Components/Carousel",component:a,parameters:{layout:"padded",docs:{page:N}},tags:["autodocs"],argTypes:{children:{control:!1,description:o("components.carousel.argTypes.childrenDescription"),table:{type:{summary:"ReactNode"}}},carousel:{control:!1,description:o("components.carousel.argTypes.carouselDescription"),table:{type:{summary:"ICarouselInstance"}}},options:{control:"object",description:o("components.carousel.argTypes.optionsDescription"),table:{type:{summary:"ICarouselOptions"}}},pagination:{control:"boolean",description:o("components.carousel.argTypes.paginationDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},className:{control:"text",description:o("components.carousel.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},t=(s,l)=>e.jsxs("div",{style:{width:"100%",height:"200px",backgroundColor:l,display:"flex",alignItems:"center",justifyContent:"center",color:"white",fontSize:"24px",fontWeight:"bold"},children:[o("components.carousel.stories.slide")," ",s+1]}),c={storyName:o("components.carousel.stories.default.title"),render:()=>e.jsxs(a,{children:[e.jsx(n,{children:t(0,"#4A90E2")}),e.jsx(n,{children:t(1,"#50C878")}),e.jsx(n,{children:t(2,"#FF6B6B")})]})},i={storyName:o("components.carousel.stories.withLoop.title"),render:()=>e.jsxs(a,{options:{loop:!0},children:[e.jsx(n,{children:t(0,"#4A90E2")}),e.jsx(n,{children:t(1,"#50C878")}),e.jsx(n,{children:t(2,"#FF6B6B")})]})},u={storyName:o("components.carousel.stories.withoutPagination.title"),render:()=>e.jsxs(a,{pagination:!1,children:[e.jsx(n,{children:t(0,"#4A90E2")}),e.jsx(n,{children:t(1,"#50C878")}),e.jsx(n,{children:t(2,"#FF6B6B")})]})},m={storyName:o("components.carousel.stories.customOptions.title"),render:()=>e.jsxs(a,{options:{align:"center",loop:!0,autoplay:!0,delay:5e3,gap:16,duration:25},children:[e.jsx(n,{children:t(0,"#4A90E2")}),e.jsx(n,{children:t(1,"#50C878")}),e.jsx(n,{children:t(2,"#FF6B6B")})]})},p={storyName:o("components.carousel.stories.programmaticControl.title"),render:()=>{const s=j.useRef(null),l=()=>{s.current?.next({})},S=()=>{s.current?.prev({})},y=B=>{s.current?.toSlide(B,{})};return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",gap:"8px"},children:[e.jsx(r,{onClick:S,children:o("components.carousel.stories.programmaticControl.previous")}),e.jsx(r,{onClick:l,children:o("components.carousel.stories.programmaticControl.next")}),e.jsx(r,{onClick:()=>y(0),children:o("components.carousel.stories.programmaticControl.goToSlide",{index:1})}),e.jsx(r,{onClick:()=>y(1),children:o("components.carousel.stories.programmaticControl.goToSlide",{index:2})}),e.jsx(r,{onClick:()=>y(2),children:o("components.carousel.stories.programmaticControl.goToSlide",{index:3})})]}),e.jsxs(a,{ref:s,children:[e.jsx(n,{children:t(0,"#4A90E2")}),e.jsx(n,{children:t(1,"#50C878")}),e.jsx(n,{children:t(2,"#FF6B6B")})]})]})}},d={storyName:o("components.carousel.stories.externalCarouselInstance.title"),render:()=>{const s=f({loop:!1,autoplay:!1});return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",gap:"8px"},children:[e.jsx(r,{onClick:()=>s.prev({}),children:o("components.carousel.stories.externalCarouselInstance.previous")}),e.jsx(r,{onClick:()=>s.next({}),children:o("components.carousel.stories.externalCarouselInstance.next")}),e.jsxs("p",{style:{fontSize:"14px",color:"#666"},children:[`${o("components.carousel.stories.externalCarouselInstance.activeIndex")} ${s.activeIndex} | `,`${o("components.carousel.stories.externalCarouselInstance.canNext")}: `,s.canNext?o("components.carousel.stories.externalCarouselInstance.yes"):o("components.carousel.stories.externalCarouselInstance.no"),` | ${o("components.carousel.stories.externalCarouselInstance.canPrev")}: `,s.canPrev?o("components.carousel.stories.externalCarouselInstance.yes"):o("components.carousel.stories.externalCarouselInstance.no")]})]}),e.jsxs(a,{carousel:s,children:[e.jsx(n,{children:t(0,"#4A90E2")}),e.jsx(n,{children:t(1,"#50C878")}),e.jsx(n,{children:t(2,"#FF6B6B")})]})]})}},C={storyName:o("components.carousel.stories.alignmentOptions.title"),render:()=>{const[s,l]=j.useState("center");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",gap:"8px"},children:[e.jsx(r,{onClick:()=>l("start"),type:s==="start"?"solid":"outline",children:o("components.carousel.stories.alignmentOptions.start")}),e.jsx(r,{onClick:()=>l("center"),type:s==="center"?"solid":"outline",children:o("components.carousel.stories.alignmentOptions.center")}),e.jsx(r,{onClick:()=>l("end"),type:s==="end"?"solid":"outline",children:o("components.carousel.stories.alignmentOptions.end")})]}),e.jsxs(a,{options:{align:s,loop:!0},children:[e.jsx(n,{children:t(0,"#4A90E2")}),e.jsx(n,{children:t(1,"#50C878")}),e.jsx(n,{children:t(2,"#FF6B6B")})]})]})}},x={storyName:o("components.carousel.stories.multipleSlides.title"),render:()=>e.jsxs(a,{options:{loop:!0,gap:12},children:[e.jsx(n,{children:t(0,"#4A90E2")}),e.jsx(n,{children:t(1,"#50C878")}),e.jsx(n,{children:t(2,"#FF6B6B")}),e.jsx(n,{children:t(3,"#FFD93D")}),e.jsx(n,{children:t(4,"#9B59B6")}),e.jsx(n,{children:t(5,"#E67E22")})]})},g={storyName:o("components.carousel.stories.withoutAutoplay.title"),render:()=>e.jsxs(a,{options:{autoplay:!1},children:[e.jsx(n,{children:t(0,"#4A90E2")}),e.jsx(n,{children:t(1,"#50C878")}),e.jsx(n,{children:t(2,"#FF6B6B")})]})},I={storyName:o("components.carousel.stories.interactive.title"),args:{pagination:!0,children:e.jsxs(e.Fragment,{children:[e.jsx(n,{children:t(0,"#4A90E2")}),e.jsx(n,{children:t(1,"#50C878")}),e.jsx(n,{children:t(2,"#FF6B6B")})]})}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
   storyName: t('components.carousel.stories.default.title'),
   render: () => <Carousel>
       <CarouselItem>{createSlideContent(0, '#4A90E2')}</CarouselItem>
@@ -214,4 +214,4 @@ import{j as e,r as j}from"./iframe-CQAwSt4E.js";import{C as a,a as n,u as f}from
         <CarouselItem>{createSlideContent(2, '#FF6B6B')}</CarouselItem>
       </>
   }
-}`,...I.parameters?.docs?.source}}};const H=["Default","WithLoop","WithoutPagination","CustomOptions","ProgrammaticControl","ExternalCarouselInstance","AlignmentOptions","MultipleSlides","WithoutAutoplay","Interactive"];export{C as AlignmentOptions,m as CustomOptions,c as Default,d as ExternalCarouselInstance,I as Interactive,x as MultipleSlides,p as ProgrammaticControl,i as WithLoop,g as WithoutAutoplay,u as WithoutPagination,H as __namedExportsOrder,q as default};
+}`,...I.parameters?.docs?.source}}};const q=["Default","WithLoop","WithoutPagination","CustomOptions","ProgrammaticControl","ExternalCarouselInstance","AlignmentOptions","MultipleSlides","WithoutAutoplay","Interactive"];export{C as AlignmentOptions,m as CustomOptions,c as Default,d as ExternalCarouselInstance,I as Interactive,x as MultipleSlides,p as ProgrammaticControl,i as WithLoop,g as WithoutAutoplay,u as WithoutPagination,q as __namedExportsOrder,z as default};

package/dist-storybook/assets/checkbox-JOxcmyCZ.js

@@ -0,0 +1 @@
+import{j as t,r as d}from"./iframe-DfPay7Zl.js";import{c as B,g as F}from"./store-Ce3Ikv5g.js";import{u as p}from"./index-EGt7xBnA.js";import{T as b}from"./typography-CB8hPDyK.js";const g=({fill:n="white",...l})=>t.jsx("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",...l,children:t.jsx("path",{d:"M5.11112 12.4445H5.10934C4.90756 12.4445 4.71645 12.352 4.59112 12.1947L1.03556 7.75026C0.805341 7.46226 0.851563 7.04359 1.13956 6.81337C1.42845 6.58315 1.84712 6.63026 2.07645 6.91737L5.11467 10.7147L12.1485 2.02492C12.3805 1.7387 12.7991 1.69337 13.0862 1.92626C13.3725 2.15826 13.4169 2.57781 13.1849 2.86403L5.62934 12.1974C5.50223 12.3538 5.31201 12.4445 5.11112 12.4445Z",fill:n})});g.__docgenInfo={description:"",methods:[],displayName:"CheckIcon",props:{fill:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'white'",computed:!1}}}};const x=({fill:n="white",...l})=>t.jsx("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",...l,children:t.jsx("rect",{x:"2",y:"6.5",width:"11",height:"2",rx:"1",fill:n})});x.__docgenInfo={description:"",methods:[],displayName:"IndeterminateIcon",props:{fill:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'white'",computed:!1}}}};const a=F("checkbox"),S=d.forwardRef((n,l)=>{const{disabled:r=!1,theme:C="brand",variant:s="default",className:N,style:k,checked:V,defaultChecked:L,onChange:R,number:T,defaultNumber:q,onNumberChange:z,children:m,typography:_,...h}=n,v=C||"brand",u=d.useRef(null),[w,i]=d.useState(!1),[f,j]=p(n,{valuePropName:"checked",defaultValuePropName:"defaultChecked",trigger:"onChange"}),[o,y]=p(n,{valuePropName:"number",defaultValuePropName:"defaultNumber",trigger:"onNumberChange"}),c=o!==void 0?!0:f;d.useImperativeHandle(l,()=>({focus:()=>u.current?.focus?.(),blur:()=>u.current?.blur?.()}));const $=e=>{if(e.preventDefault(),r)return;const P=o===void 0?1:o+1;y(P)},I=()=>s==="number"?t.jsx("input",{...h,type:"text",inputMode:"numeric",value:o??"",disabled:r,readOnly:!0,ref:u,className:`${a}__input`,onClick:e=>e.stopPropagation(),onFocus:e=>{i(!0),n.onFocus?.(e)},onBlur:e=>{i(!1),n.onBlur?.(e)}}):t.jsx("input",{...h,type:"checkbox",checked:f,disabled:r,onChange:e=>j(e.target.checked),ref:u,className:`${a}__input`,onFocus:e=>{i(!0),n.onFocus?.(e)},onBlur:e=>{i(!1),n.onBlur?.(e)}});return t.jsxs("label",{className:B(a,{[`${a}--checked`]:c,[`${a}--unchecked`]:!c,[`${a}--disabled`]:r,[`${a}--focus`]:w,[`${a}--theme-${v}`]:!0,[`${a}--variant-${s}`]:s!=="default"},N),style:k,onClick:s==="number"?$:void 0,children:[t.jsxs("span",{className:`${a}__button`,children:[t.jsx("span",{className:`${a}__overlay`}),c&&s==="number"&&o!==void 0?t.jsx(b,{component:"span",size:"x-small",weight:700,color:r?"alias-border-disabled":"alias-object-on-brand",className:`${a}__number`,children:o}):c&&s==="indeterminate"?t.jsx(x,{fill:r?"var(--color-alias-border-disabled, rgba(10, 10, 10, 0.25))":"white"}):c?t.jsx(g,{fill:r?"var(--color-alias-border-disabled, rgba(10, 10, 10, 0.25))":"white"}):null,I()]}),m&&t.jsx(b,{component:"span",..._,size:"base",children:m})]})});S.__docgenInfo={description:"",methods:[{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"blur",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Checkbox"};export{S as C};

package/dist-storybook/assets/{checkbox.stories-CLvfZPiw.js → checkbox.stories-ge3pgfBb.js}

@@ -1,4 +1,4 @@
-import{j as o,r as i}from"./iframe-CQAwSt4E.js";import{T as g,S as v,M as f,P as j,a as N}from"./blocks-BuaOUtiH.js";import{C as n}from"./checkbox-MGytNNRt.js";import{B as D}from"./button-CL7GeC23.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"./index-BV0AJWP6.js";import"./index-B-Ksafg0.js";import"./typography-DEpAJl_i.js";import"./colors-_6nFGM3e.js";import"./icon-DdQsMyRa.js";const S=()=>{const t=`
+import{j as o,r as i}from"./iframe-DfPay7Zl.js";import{T as g,S as v,M as f,P as j,a as N}from"./blocks-DKR3P4qW.js";import{C as n}from"./checkbox-JOxcmyCZ.js";import{B as D}from"./button-DJH3RlJl.js";import{t as e}from"./store-Ce3Ikv5g.js";import"./preload-helper-PPVm8Dsz.js";import"./index-cMNObl2z.js";import"./index-EGt7xBnA.js";import"./index-B-Ksafg0.js";import"./typography-CB8hPDyK.js";import"./colors-_6nFGM3e.js";import"./icon-CdiFzFyf.js";const S=()=>{const t=`
 ## ${e("common.table.title")}
 
 | ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
@@ -16,7 +16,7 @@ import{j as o,r as i}from"./iframe-CQAwSt4E.js";import{T as g,S as v,M as f,P as
 | \`typography\` | \`Omit<ITypographyProps<'span'>, 'component' | 'children'>\` | ${e("common.table.no")} | ${e("components.checkbox.typographyDescription")} |
 | \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.checkbox.classNameDescription")} |
 | \`...props\` | \`ComponentProps<'input'>\` | ${e("common.table.no")} | ${e("components.checkbox.propsDescription")} |
-  `;return o.jsxs(o.Fragment,{children:[o.jsx(g,{}),o.jsx(v,{}),o.jsx(f,{children:e("components.checkbox.description")}),o.jsx(j,{}),o.jsx(f,{children:t}),o.jsx(N,{})]})},M={title:"Components/Checkbox",component:n,parameters:{layout:"padded",docs:{page:S}},tags:["autodocs"],argTypes:{checked:{control:"boolean",description:e("components.checkbox.argTypes.checkedDescription"),table:{type:{summary:"boolean"}}},defaultChecked:{control:"boolean",description:e("components.checkbox.argTypes.defaultCheckedDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},disabled:{control:"boolean",description:e("components.checkbox.argTypes.disabledDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},theme:{control:"select",options:["default","brand","inverse"],description:e("components.checkbox.argTypes.themeDescription"),table:{type:{summary:"ICheckboxTheme"},defaultValue:{summary:"default"}}},variant:{control:"select",options:["default","number","indeterminate"],description:e("components.checkbox.argTypes.variantDescription"),table:{type:{summary:"ICheckboxVariant"},defaultValue:{summary:"default"}}},number:{control:{type:"number",min:0,max:99,step:1},description:e("components.checkbox.argTypes.numberDescription"),table:{type:{summary:"number"}}},defaultNumber:{control:{type:"number",min:0,max:99,step:1},description:e("components.checkbox.argTypes.defaultNumberDescription"),table:{type:{summary:"number"}}},children:{control:"text",description:e("components.checkbox.argTypes.childrenDescription"),table:{type:{summary:"ReactNode"}}}}},a={storyName:e("components.checkbox.stories.default.title"),args:{children:e("components.checkbox.stories.interactive.label")}},m={storyName:e("components.checkbox.stories.states.title"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(n,{checked:!1,children:e("components.checkbox.stories.states.notChecked")}),o.jsx(n,{checked:!0,children:e("components.checkbox.stories.states.checked")}),o.jsx(n,{checked:!0,disabled:!0,children:e("components.checkbox.stories.states.disabledChecked")}),o.jsx(n,{checked:!1,disabled:!0,children:e("components.checkbox.stories.states.disabledUnchecked")})]})},l={storyName:e("components.checkbox.stories.variants.title"),render:()=>{const[t,c]=i.useState(3);return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(n,{checked:!0,variant:"default",children:e("components.checkbox.stories.variants.defaultCheckbox")}),o.jsx(n,{checked:!0,variant:"indeterminate",children:e("components.checkbox.stories.variants.indeterminateCheckbox")}),o.jsx(n,{checked:t>0,variant:"number",number:t,onNumberChange:r=>c(r||0),children:e("components.checkbox.stories.variants.quantity",{count:t})})]})}},p={storyName:e("components.checkbox.stories.themes.title"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(n,{checked:!0,children:e("components.checkbox.stories.themes.brandTheme")}),o.jsx(n,{checked:!0,theme:"inverse",children:e("components.checkbox.stories.themes.inverseTheme")})]})},d={storyName:e("components.checkbox.stories.controlled.title"),render:()=>{const[t,c]=i.useState(!1);return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(n,{checked:t,onChange:c,children:e("components.checkbox.stories.controlled.currently",{state:t?e("components.checkbox.stories.controlled.checked"):e("components.checkbox.stories.controlled.unchecked")})}),o.jsx(D,{onClick:()=>c(!t),children:e("components.checkbox.stories.controlled.toggleButton")})]})}},h={storyName:e("components.checkbox.stories.numberVariant.title"),render:()=>{const[t,c]=i.useState(1);return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(n,{variant:"number",number:t,onNumberChange:r=>c(r||0),children:e("components.checkbox.stories.numberVariant.quantity")}),o.jsx("p",{style:{fontSize:"14px",color:"#666"},children:e("components.checkbox.stories.numberVariant.instructions",{count:t})})]})}},b={storyName:e("components.checkbox.stories.checkboxGroup.title"),render:()=>{const[t,c]=i.useState([]),r=["Option 1","Option 2","Option 3"],k=(s,y)=>{c(y?[...t,s]:t.filter(C=>C!==s))};return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[r.map(s=>o.jsx(n,{checked:t.includes(s),onChange:y=>k(s,y),children:e(`components.checkbox.stories.checkboxGroup.options.${s}`)},s)),o.jsxs("p",{style:{fontSize:"14px",color:"#666",marginTop:"8px"},children:[e("components.checkbox.stories.checkboxGroup.selected")," ",t.join(", ")||e("components.checkbox.stories.checkboxGroup.none")]})]})}},x={storyName:e("components.checkbox.stories.completeExample.title"),render:()=>{const[t,c]=i.useState(!1),[r,k]=i.useState(2);return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[o.jsxs("div",{children:[o.jsx("h3",{style:{marginBottom:"12px"},children:e("components.checkbox.stories.complete.termsTitle")}),o.jsx(n,{checked:t,onChange:c,children:e("components.checkbox.stories.complete.agreeTerms")})]}),o.jsxs("div",{children:[o.jsx("h3",{style:{marginBottom:"12px"},children:e("components.checkbox.stories.complete.quantityTitle")}),o.jsx(n,{variant:"number",number:r,onNumberChange:s=>k(s||0),children:e("components.checkbox.stories.complete.items")})]}),o.jsxs("div",{children:[o.jsx("h3",{style:{marginBottom:"12px"},children:e("components.checkbox.stories.complete.disabledTitle")}),o.jsx(n,{checked:!0,disabled:!0,children:e("components.checkbox.stories.complete.disabledOption")})]})]})}},u={storyName:e("components.checkbox.stories.interactive.title"),args:{children:e("components.checkbox.stories.interactive.label"),checked:!1,disabled:!1,variant:"default"}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  `;return o.jsxs(o.Fragment,{children:[o.jsx(g,{}),o.jsx(v,{}),o.jsx(f,{children:e("components.checkbox.description")}),o.jsx(j,{}),o.jsx(f,{children:t}),o.jsx(N,{})]})},R={title:"Components/Checkbox",component:n,parameters:{layout:"padded",docs:{page:S}},tags:["autodocs"],argTypes:{checked:{control:"boolean",description:e("components.checkbox.argTypes.checkedDescription"),table:{type:{summary:"boolean"}}},defaultChecked:{control:"boolean",description:e("components.checkbox.argTypes.defaultCheckedDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},disabled:{control:"boolean",description:e("components.checkbox.argTypes.disabledDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},theme:{control:"select",options:["default","brand","inverse"],description:e("components.checkbox.argTypes.themeDescription"),table:{type:{summary:"ICheckboxTheme"},defaultValue:{summary:"default"}}},variant:{control:"select",options:["default","number","indeterminate"],description:e("components.checkbox.argTypes.variantDescription"),table:{type:{summary:"ICheckboxVariant"},defaultValue:{summary:"default"}}},number:{control:{type:"number",min:0,max:99,step:1},description:e("components.checkbox.argTypes.numberDescription"),table:{type:{summary:"number"}}},defaultNumber:{control:{type:"number",min:0,max:99,step:1},description:e("components.checkbox.argTypes.defaultNumberDescription"),table:{type:{summary:"number"}}},children:{control:"text",description:e("components.checkbox.argTypes.childrenDescription"),table:{type:{summary:"ReactNode"}}}}},a={storyName:e("components.checkbox.stories.default.title"),args:{children:e("components.checkbox.stories.interactive.label")}},m={storyName:e("components.checkbox.stories.states.title"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(n,{checked:!1,children:e("components.checkbox.stories.states.notChecked")}),o.jsx(n,{checked:!0,children:e("components.checkbox.stories.states.checked")}),o.jsx(n,{checked:!0,disabled:!0,children:e("components.checkbox.stories.states.disabledChecked")}),o.jsx(n,{checked:!1,disabled:!0,children:e("components.checkbox.stories.states.disabledUnchecked")})]})},l={storyName:e("components.checkbox.stories.variants.title"),render:()=>{const[t,c]=i.useState(3);return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(n,{checked:!0,variant:"default",children:e("components.checkbox.stories.variants.defaultCheckbox")}),o.jsx(n,{checked:!0,variant:"indeterminate",children:e("components.checkbox.stories.variants.indeterminateCheckbox")}),o.jsx(n,{checked:t>0,variant:"number",number:t,onNumberChange:r=>c(r||0),children:e("components.checkbox.stories.variants.quantity",{count:t})})]})}},p={storyName:e("components.checkbox.stories.themes.title"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(n,{checked:!0,children:e("components.checkbox.stories.themes.brandTheme")}),o.jsx(n,{checked:!0,theme:"inverse",children:e("components.checkbox.stories.themes.inverseTheme")})]})},d={storyName:e("components.checkbox.stories.controlled.title"),render:()=>{const[t,c]=i.useState(!1);return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(n,{checked:t,onChange:c,children:e("components.checkbox.stories.controlled.currently",{state:t?e("components.checkbox.stories.controlled.checked"):e("components.checkbox.stories.controlled.unchecked")})}),o.jsx(D,{onClick:()=>c(!t),children:e("components.checkbox.stories.controlled.toggleButton")})]})}},h={storyName:e("components.checkbox.stories.numberVariant.title"),render:()=>{const[t,c]=i.useState(1);return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(n,{variant:"number",number:t,onNumberChange:r=>c(r||0),children:e("components.checkbox.stories.numberVariant.quantity")}),o.jsx("p",{style:{fontSize:"14px",color:"#666"},children:e("components.checkbox.stories.numberVariant.instructions",{count:t})})]})}},b={storyName:e("components.checkbox.stories.checkboxGroup.title"),render:()=>{const[t,c]=i.useState([]),r=["Option 1","Option 2","Option 3"],k=(s,y)=>{c(y?[...t,s]:t.filter(C=>C!==s))};return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[r.map(s=>o.jsx(n,{checked:t.includes(s),onChange:y=>k(s,y),children:e(`components.checkbox.stories.checkboxGroup.options.${s}`)},s)),o.jsxs("p",{style:{fontSize:"14px",color:"#666",marginTop:"8px"},children:[e("components.checkbox.stories.checkboxGroup.selected")," ",t.join(", ")||e("components.checkbox.stories.checkboxGroup.none")]})]})}},x={storyName:e("components.checkbox.stories.completeExample.title"),render:()=>{const[t,c]=i.useState(!1),[r,k]=i.useState(2);return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[o.jsxs("div",{children:[o.jsx("h3",{style:{marginBottom:"12px"},children:e("components.checkbox.stories.complete.termsTitle")}),o.jsx(n,{checked:t,onChange:c,children:e("components.checkbox.stories.complete.agreeTerms")})]}),o.jsxs("div",{children:[o.jsx("h3",{style:{marginBottom:"12px"},children:e("components.checkbox.stories.complete.quantityTitle")}),o.jsx(n,{variant:"number",number:r,onNumberChange:s=>k(s||0),children:e("components.checkbox.stories.complete.items")})]}),o.jsxs("div",{children:[o.jsx("h3",{style:{marginBottom:"12px"},children:e("components.checkbox.stories.complete.disabledTitle")}),o.jsx(n,{checked:!0,disabled:!0,children:e("components.checkbox.stories.complete.disabledOption")})]})]})}},u={storyName:e("components.checkbox.stories.interactive.title"),args:{children:e("components.checkbox.stories.interactive.label"),checked:!1,disabled:!1,variant:"default"}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
   storyName: t('components.checkbox.stories.default.title'),
   args: {
     children: t('components.checkbox.stories.interactive.label')
@@ -198,4 +198,4 @@ import{j as o,r as i}from"./iframe-CQAwSt4E.js";import{T as g,S as v,M as f,P as
     disabled: false,
     variant: 'default'
   }
-}`,...u.parameters?.docs?.source}}};const U=["Default","States","Variants","Themes","Controlled","NumberVariant","CheckboxGroup","CompleteExample","Interactive"];export{b as CheckboxGroup,x as CompleteExample,d as Controlled,a as Default,u as Interactive,h as NumberVariant,m as States,p as Themes,l as Variants,U as __namedExportsOrder,M as default};
+}`,...u.parameters?.docs?.source}}};const M=["Default","States","Variants","Themes","Controlled","NumberVariant","CheckboxGroup","CompleteExample","Interactive"];export{b as CheckboxGroup,x as CompleteExample,d as Controlled,a as Default,u as Interactive,h as NumberVariant,m as States,p as Themes,l as Variants,M as __namedExportsOrder,R as default};

package/dist-storybook/assets/chip-Crt60rph.js

@@ -0,0 +1 @@
+import{r as $,j as i}from"./iframe-DfPay7Zl.js";import{c as x,g as w}from"./store-Ce3Ikv5g.js";import{I as N,r as y}from"./icon-CdiFzFyf.js";import"./app-CTv8lFU3.js";import"./navigation-bar-DK3TxcTu.js";import{T as C}from"./typography-CB8hPDyK.js";import"./button-DJH3RlJl.js";import"./bottom-tab-bar-B6IAoRwz.js";import"./carousel-DJlgMyS5.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{I}from"./image-CMKb-R3x.js";import"./visibility-sensor-Jf-Nmil6.js";import"./alert-CKwsuaPI.js";import"./skeleton-B12XbNAJ.js";import"./label-D44azUgi.js";import"./input-wrapper-CgaUwbbE.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"./search-field-DINESW8Y.js";import"./text-area-GKy5HL12.js";import"./dropdown-Dtomaqpw.js";import"./date-picker-BPzKPdhO.js";import"./avatar-rWcYGe6j.js";import{B as b}from"./badge-VcjGVEum.js";import"./switch-D0Z9tWin.js";import"./tab-bar-kExoGg5P.js";import"./rating-D2e8RTGl.js";import"./tooltip-B9rDI6z9.js";import"./calendar-C4Xe_TW2.js";import"./toast-provider-DKSrfhJD.js";import{u as F}from"./index-EGt7xBnA.js";const k=(e={})=>new Promise((r,a)=>{vsf.chooseImage({...e,success:s=>{r(s)},fail:s=>{a(s)}})});async function D(e){try{const{count:r=1}=e||{},a=await k({count:r,includeBase64:!0}),s=[];return(a.tempFiles||[]).forEach(m=>{if(!m.data)return;const f={tempFile:m};s.push(f)}),s}catch(r){return console.error("Failed to upload image",r),[]}}const d=w("uploader"),T=({limit:e,disabled:r,showPreview:a,className:s,includeBase64:c,value:m,onChange:f,...g})=>{const[h,n]=F({...m!==void 0&&{value:m},...f!==void 0&&{onChange:f}},{defaultValue:[],trigger:"onChange"}),_=$.useCallback(async()=>{if(r||e&&(h??[]).length>=e)return;const l=await D({includeBase64:c});n(u=>{const o=[...u??[]];return l.forEach(v=>{e&&o.length>=e||o.unshift(v)}),o})},[e,r,c,h,n]),p=$.useCallback(l=>{n(u=>{const o=[...u];return o.splice(l,1),o})},[n]);return i.jsxs("div",{...g,className:x(d,{[`${d}--disabled`]:r},s),children:[i.jsx("div",{className:`${d}__trigger`,onClick:_,children:i.jsx(N,{name:"plus",type:"outline",size:40,color:r?"alias-object-disabled":"global-neutral-neutral-50"})}),a&&i.jsx("div",{className:`${d}__preview-list`,children:[...h??[]].reverse().map((l,u)=>i.jsx(j,{previewSrc:l.tempFile.data,onDelete:()=>p(u)},l.tempFile.path))})]})},j=({previewSrc:e,onDelete:r})=>i.jsxs("div",{className:`${d}__preview-item`,children:[i.jsx(I,{className:`${d}__preview-image`,fit:"cover",src:e}),i.jsx("div",{className:`${d}__delete-button`,onClick:r,children:i.jsx(N,{name:"xmark",size:16,color:"white"})})]});T.__docgenInfo={description:"",methods:[],displayName:"Uploader"};j.__docgenInfo={description:"",methods:[],displayName:"FilePreview",props:{previewSrc:{required:!1,tsType:{name:"string"},description:""},onDelete:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const t=w("chip"),q=({theme:e="default",type:r="selection",leadingIcon:a,trailingIcon:s,selected:c,label:m,style:f,className:g,disabled:h,count:n,..._})=>{e=e==="default"?"brand":e;const p=(o,v)=>o?i.jsx("span",{className:x(`${t}__icon`,v),children:y(o)}):null,l=()=>{if(a)return p(a,`${t}__icon--leading`);switch(r){case"selection":return c?p({name:"circle-check",type:"fill"},`${t}__icon--leading`):null;default:return null}},u=()=>{if(s)return p(s,`${t}__icon--trailing`);switch(r){case"dropdown":return p({name:"chevron-down"},`${t}__icon--trailing`);case"input":return c?p({name:"xmark"},`${t}__icon--trailing`):null;case"action":return n==null?null:i.jsx(b,{outline:!0,className:`${t}__badge`,children:n});default:return null}};return i.jsxs("div",{className:x(t,{[`${t}--${c?"selected":""}`]:!0,[`${t}--theme-${e}`]:!0,[`${t}--type-${r}`]:!0,[`${t}--disabled`]:h},g),onClick:_.onClick,..._,children:[i.jsx("span",{className:`${t}__overlay`}),l(),i.jsx(C,{component:"span",size:"base",weight:400,className:`${t}__label`,children:m||_.children}),u()]})};q.__docgenInfo={description:"",methods:[],displayName:"Chip",props:{theme:{defaultValue:{value:"'default'",computed:!1},required:!1},type:{defaultValue:{value:"'selection'",computed:!1},required:!1}}};export{q as C,T as U};

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

@@ -1,4 +1,4 @@
-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=`
+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=`
 ## ${e("common.table.title")}
 
 | ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
@@ -14,7 +14,7 @@ import{j as t,r as g}from"./iframe-CQAwSt4E.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,{})]})},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:`{
+  `;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:`{
   storyName: t('components.chip.stories.default.title'),
   args: {
     children: t('components.chip.stories.interactive.label')
@@ -439,4 +439,4 @@ import{j as t,r as g}from"./iframe-CQAwSt4E.js";import{T as j,S as b,M as u,P as
     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};
+}`,...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};

package/dist-storybook/assets/{date-Cg-Uk_pp.js → date-B3PFMb6s.js}

@@ -1 +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};
+import{g as J}from"./iframe-DfPay7Zl.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};

package/dist-storybook/assets/date-field-range-B-sv9nbW.js

@@ -0,0 +1 @@
+import{r,j as e}from"./iframe-DfPay7Zl.js";import{g as K,I as L}from"./input-wrapper-CgaUwbbE.js";import{c as y,g as k}from"./store-Ce3Ikv5g.js";import{S as N}from"./skeleton-B12XbNAJ.js";import{B as I}from"./button-DJH3RlJl.js";import{S as _,a as F,b as D,c as R}from"./sheet-footer-nEdxsYan.js";import{C as v}from"./calendar-C4Xe_TW2.js";import{u as z}from"./index-EGt7xBnA.js";import{d as H}from"./date-B3PFMb6s.js";import{I as X}from"./icon-CdiFzFyf.js";import{D as A}from"./date-picker-BPzKPdhO.js";import{o as w}from"./omit-BWHsnDSR.js";const W=k("date-field-input"),b=r.forwardRef((c,p)=>{const{value:l,onChange:n,onCompleted:a,defaultValue:i,...C}=c,h=l!==void 0,[x,u]=r.useState(()=>l?j(l):c.defaultValue?j(c.defaultValue):""),t=r.useRef(null),o=r.useRef("");return r.useImperativeHandle(p,()=>t.current),r.useEffect(()=>{l!==void 0&&u(j(l))},[l?.getTime()]),e.jsx("input",{inputMode:"numeric",...C,className:y(W,c.className),value:x,onChange:d=>{let f=d.target.selectionEnd||0;const g=P(d.target.value),s=o.current.length>d.target.value.length;if(o.current=g,s||[2,3,5,6].includes(f)&&(f+=1),u(g),setTimeout(()=>{d.target.setSelectionRange(f,f)}),g.length===10){const m=T(g);m&&a?.(m,f)}},onBlur:d=>{const f=P(d.target.value),g=T(f);h?(u(l?j(l):""),o.current="",n?.(g)):H(g).isValid()?(u(j(g)),n?.(g)):(u(""),o.current="",l!==null&&n?.(null)),c.onBlur?.(d)},ref:t})}),P=c=>{const p=c.replace(/\D/g,""),l=p.slice(0,2),n=p.slice(2,4),a=p.slice(4,8);let i="";return l&&(i+=l+(l.length===2?"/":"")),n&&(i+=n+(n.length===2?"/":"")),a&&(i+=a),i},j=c=>c?H(c).format("DD/MM/YYYY"):"",T=c=>{if(!c||c.length!==10)return null;const[p,l,n]=c.split("/");try{return new Date(parseInt(n),parseInt(l)-1,parseInt(p))}catch{return null}};b.__docgenInfo={description:"",methods:[],displayName:"Input"};const S=({title:c,confirmButton:p,open:l,onCancel:n,value:a,defaultValue:i,onSelect:C,...h})=>{const x=a!==void 0,[u,t]=r.useState(a||i||new Date),o=r.useCallback(()=>{x&&u.getTime()!==a?.getTime()&&t(a||new Date)},[x,u,a]);return r.useEffect(()=>{a===null&&t(new Date),a&&t(a)},[a?.getTime()]),e.jsxs(_,{open:l,children:[e.jsx(F,{title:c,closeIcon:!0,onCloseClick:()=>{n?.(),o()}}),e.jsx(D,{children:l&&e.jsx(A,{...h,value:u,onChange:t})}),e.jsx(R,{children:e.jsx(I,{size:"large",children:"Xác nhận",theme:"neutral",...p,onClick:()=>{C?.(u),o()}})})]})};S.__docgenInfo={description:"",methods:[],displayName:"DatePickerSheet"};const B=k("calendar-sheet"),O=({title:c,confirmButton:p,open:l,onCancel:n,value:a,defaultValue:i,onSelect:C,className:h,...x})=>{const u=a!==void 0,[t,o]=r.useState(a||i||null),d=r.useCallback(()=>{u&&t?.getTime()!==a?.getTime()&&o(a||null)},[u,t,a]);return r.useEffect(()=>{a===null&&o(null),a&&o(a)},[a?.getTime()]),e.jsxs(_,{open:l,className:y(B,h),children:[e.jsx(F,{title:c,closeIcon:!0,onCloseClick:()=>{n?.(),d()}}),e.jsx(D,{className:`${B}__body`,children:l&&e.jsx(v,{type:"single",...x,onChange:o,value:t})}),e.jsx(R,{children:e.jsx(I,{size:"large",children:"Xác nhận",theme:"neutral",...p,disabled:!t,onClick:()=>{t&&(C?.(t),d())}})})]})};O.__docgenInfo={description:"",methods:[],displayName:"CalendarSingleSheet"};const V=k("date-field"),q=r.forwardRef((c,p)=>{const{wrapper:l,props:n}=K(c),{picker:a="date-picker",onChange:i,value:C,defaultValue:h,pickerProps:x}=n,[u,t]=r.useState(n.autoFocus),[o,d]=z(n,{trigger:"onChange",valuePropName:"value",defaultValuePropName:"defaultValue",defaultValue:null}),f=r.useRef(null),[g,s]=r.useState(!1);return r.useImperativeHandle(p,()=>({focus:()=>f.current?.focus?.(),blur:()=>f.current?.blur?.()})),e.jsxs(e.Fragment,{children:[e.jsx(L,{trailingIcon:{name:"calendar",color:"alias-object-secondary"},onTrailingIconClick:m=>{m.stopPropagation(),s(!0)},...l,className:l.className,isFocus:u,onClick:()=>f.current?.focus(),loadingNode:n.loading&&e.jsxs("div",{className:`${V}__loading`,children:[e.jsxs("div",{className:`${V}__loading__left`,children:[e.jsx(N,{width:40,height:13,shape:"pill"}),e.jsx(N,{width:128,height:13,shape:"pill"})]}),e.jsx(N,{width:40,height:13,shape:"pill"})]}),children:e.jsx(b,{...n,value:o,onChange:d,disabled:l.disabled,onFocus:m=>{t(!0),n.onFocus?.(m)},onBlur:m=>{t(!1),n.onBlur?.(m)},ref:f,className:y(V,n.inputClassName)})}),a==="date-picker"&&e.jsx(S,{open:g,value:o,onSelect:m=>{s(!1),d(m)},onCancel:()=>s(!1),title:l.label?.text,...x}),a==="calendar"&&e.jsx(O,{open:g,value:o,onSelect:m=>{s(!1),d(m)},onCancel:()=>s(!1),title:l.label?.text,...x})]})});q.__docgenInfo={description:"",methods:[{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"blur",docblock:null,modifiers:[],params:[],returns:null}],displayName:"DateField"};const $=k("calendar-sheet"),Y=({className:c,title:p,confirmButton:l,open:n,onCancel:a,value:i,defaultValue:C,onSelect:h,...x})=>{const u=i!==void 0,[t,o]=r.useState(i||C||[null,null]),d=r.useCallback(()=>{u&&o(i||[null,null])},[u,i]);return r.useEffect(()=>{i===null&&o([null,null]),i&&o(i)},[i]),e.jsxs(_,{open:n,className:y($,c),children:[e.jsx(F,{title:p,closeIcon:!0,onCloseClick:()=>{a?.(),d()}}),e.jsx(D,{className:`${$}__body`,children:n&&e.jsx(v,{type:"range",...x,value:t,onPick:o})}),e.jsx(R,{children:e.jsx(I,{size:"large",children:"Xác nhận",theme:"neutral",...l,disabled:!t||t[0]===null||t[1]===null,onClick:()=>{h?.(t),d()}})})]})};Y.__docgenInfo={description:"",methods:[],displayName:"CalendarRangeSheet"};const E=k("date-field-range"),G=r.forwardRef((c,p)=>{const{wrapper:l,props:n}=K(c),{picker:a="date-picker",pickerProps:i}=n,[C,h]=r.useState(-1),[x,u]=r.useState(n.autoFocus),[t,o]=z(n,{trigger:"onChange",valuePropName:"value",defaultValuePropName:"defaultValue",defaultValue:{from:null,to:null}}),d=r.useRef(null),f=r.useRef(null),g=()=>{x||(t?.from?f.current?.focus?.():d.current?.focus?.())};return r.useImperativeHandle(p,()=>({focus:g,blur:()=>{d.current?.blur?.(),f.current?.blur?.()}})),e.jsxs(e.Fragment,{children:[e.jsx(L,{trailingIcon:{name:"calendar",color:"alias-object-secondary"},onTrailingIconClick:s=>{s.stopPropagation(),h(0)},...l,className:l.className,isFocus:x,onClick:()=>g(),loadingNode:n.loading&&e.jsxs("div",{className:`${E}__loading`,children:[e.jsx(N,{width:128,height:13,shape:"pill"}),e.jsx(N,{width:128,height:13,shape:"pill"})]}),children:e.jsxs("div",{className:E,children:[e.jsx(b,{...w(n,["value","onChange","defaultValue"]),placeholder:n.placeholder?.from,value:t?.from,onChange:s=>o({...t,from:s}),onCompleted:(s,m)=>{m<10||(f.current?.focus?.(),f.current?.setSelectionRange(0,0))},disabled:l.disabled,onKeyDown:s=>{const m=s.key==="ArrowRight";d.current?.selectionStart===10&&m&&(f.current?.focus(),f.current?.setSelectionRange(0,0)),n.onKeyDown?.(s)},onFocus:s=>{u(!0),n.onFocus?.(s)},onBlur:s=>{u(!1),n.onBlur?.(s)},ref:d,className:n.inputClassName}),e.jsx(X,{name:"arrow-right",color:l.error?"alias-support-negative":l.success?"alias-support-positive":"alias-object-secondary",size:16}),e.jsx(b,{...w(n,["value","onChange","defaultValue"]),placeholder:n.placeholder?.to,value:t?.to,onChange:s=>o({...t,to:s}),disabled:l.disabled,onKeyDown:s=>{const m=s.key==="Delete",M=s.key==="ArrowLeft";f.current?.selectionStart===0&&(m||M)&&d.current?.focus(),n.onKeyDown?.(s)},onFocus:s=>{u(!0),n.onFocus?.(s)},onBlur:s=>{u(!1),n.onBlur?.(s)},ref:f,className:n.inputClassName})]})}),a==="date-picker"&&e.jsxs(e.Fragment,{children:[e.jsx(S,{open:C===0,value:t?.from,onSelect:s=>{h(1),o({...t,from:s})},onCancel:()=>h(-1),title:e.jsxs(e.Fragment,{children:[l.label?.text," từ ngày"]}),...i?.[0]}),e.jsx(S,{open:C===1,value:t?.to,onSelect:s=>{h(-1),o({...t,to:s})},min:t?.from,onCancel:()=>h(-1),title:e.jsxs(e.Fragment,{children:[l.label?.text," đến ngày"]}),...i?.[1]})]}),a==="calendar"&&e.jsx(Y,{open:C===0,value:[t?.from||null,t?.to||null],onSelect:s=>{h(-1),o({from:s[0],to:s[1]})},onCancel:()=>h(-1),title:e.jsx(e.Fragment,{children:l.label?.text}),...i})]})});G.__docgenInfo={description:"",methods:[{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"blur",docblock:null,modifiers:[],params:[],returns:null}],displayName:"DateFieldRange"};export{q as D,G as a};

package/dist-storybook/assets/date-field.stories-B9G2heHt.js

@@ -0,0 +1,129 @@
+import{j as t,r as h}from"./iframe-DfPay7Zl.js";import{T as g,S as D,M as u,P as b,a as f}from"./blocks-DKR3P4qW.js";import{D as a,a as l}from"./date-field-range-B-sv9nbW.js";import{t as e}from"./store-Ce3Ikv5g.js";import"./preload-helper-PPVm8Dsz.js";import"./index-cMNObl2z.js";import"./input-wrapper-CgaUwbbE.js";import"./icon-CdiFzFyf.js";import"./colors-_6nFGM3e.js";import"./label-D44azUgi.js";import"./typography-CB8hPDyK.js";import"./skeleton-B12XbNAJ.js";import"./omit-BWHsnDSR.js";import"./_baseClone-DQVxEhny.js";import"./button-DJH3RlJl.js";import"./sheet-footer-nEdxsYan.js";import"./navigation-bar-DK3TxcTu.js";import"./proxy-B4G9nIBd.js";import"./visibility-sensor-Jf-Nmil6.js";import"./index-B-Ksafg0.js";import"./index-BWpuenI4.js";import"./react-I9jCW2VV.js";import"./app-CTv8lFU3.js";import"./image-CMKb-R3x.js";import"./toast-provider-DKSrfhJD.js";import"./bottom-tab-bar-B6IAoRwz.js";import"./calendar-C4Xe_TW2.js";import"./date-B3PFMb6s.js";import"./index-EGt7xBnA.js";import"./date-picker-BPzKPdhO.js";import"./embla-carousel-react.esm-5D5fs7OQ.js";const x=()=>{const o=`
+## ${e("common.table.title")}
+
+| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
+| :--- | :--- | :--- | :--- |
+| \`value\` | \`Date | null\` | ${e("common.table.no")} | ${e("components.dateField.valueDescription")} |
+| \`onChange\` | \`(value: Date | null) => void\` | ${e("common.table.no")} | ${e("components.dateField.onChangeDescription")} |
+| \`picker\` | \`boolean | IDatePickerSheetProps\` | ${e("common.table.no")} | ${e("components.dateField.pickerDescription")} |
+| \`loading\` | \`boolean\` | ${e("common.table.no")} | ${e("components.dateField.loadingDescription")} |
+| \`label\` | \`ILabelProps\` | ${e("common.table.no")} | ${e("components.dateField.labelDescription")} |
+| \`placeholder\` | \`string\` | ${e("common.table.no")} | ${e("components.dateField.placeholderDescription")} |
+| \`shape\` | \`'rounded' | 'pill'\` | ${e("common.table.no")} | ${e("components.dateField.shapeDescription")} |
+| \`disabled\` | \`boolean\` | ${e("common.table.no")} | ${e("components.dateField.disabledDescription")} |
+| \`error\` | \`boolean\` | ${e("common.table.no")} | ${e("components.dateField.errorDescription")} |
+| \`errorMessage\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.dateField.errorMessageDescription")} |
+| \`success\` | \`boolean\` | ${e("common.table.no")} | ${e("components.dateField.successDescription")} |
+| \`successMessage\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.dateField.successMessageDescription")} |
+| \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.dateField.classNameDescription")} |
+| \`...props\` | \`ComponentPropsWithRef<'div'>\` | ${e("common.table.no")} | ${e("components.dateField.propsDescription")} |
+  `;return t.jsxs(t.Fragment,{children:[t.jsx(g,{}),t.jsx(D,{}),t.jsx(u,{children:e("components.dateField.description")}),t.jsx(b,{}),t.jsx(u,{children:o}),t.jsx(f,{})]})},Y={title:"Components/DateField",component:a,parameters:{layout:"padded",docs:{page:x}},tags:["autodocs"],argTypes:{value:{control:"date",description:e("components.dateField.valueDescription"),table:{type:{summary:"Date | null"}}},onChange:{action:"changed",description:e("components.dateField.onChangeDescription"),table:{type:{summary:"(value: Date | null) => void"}}},picker:{control:"boolean",description:e("components.dateField.pickerDescription"),table:{type:{summary:"boolean | IDatePickerSheetProps"},defaultValue:{summary:"true"}}},loading:{control:"boolean",description:e("components.dateField.loadingDescription"),table:{type:{summary:"boolean"}}},placeholder:{control:"text",description:e("components.dateField.placeholderDescription"),table:{type:{summary:"string"}}},shape:{control:"select",options:["rounded","pill"],description:e("components.dateField.shapeDescription"),table:{type:{summary:'"rounded" | "pill"'},defaultValue:{summary:"rounded"}}},disabled:{control:"boolean",description:e("components.dateField.disabledDescription"),table:{type:{summary:"boolean"}}},error:{control:"boolean",description:e("components.dateField.errorDescription"),table:{type:{summary:"boolean"}}},errorMessage:{control:"text",description:e("components.dateField.errorMessageDescription"),table:{type:{summary:"ReactNode"}}},success:{control:"boolean",description:e("components.dateField.successDescription"),table:{type:{summary:"boolean"}}},successMessage:{control:"text",description:e("components.dateField.successMessageDescription"),table:{type:{summary:"ReactNode"}}},className:{control:"text",description:e("components.dateField.classNameDescription"),table:{type:{summary:"string"}}}}},s={storyName:e("components.dateField.stories.default.title"),args:{defaultValue:new Date,picker:"calendar",placeholder:e("components.dateField.stories.default.placeholder")}},n={storyName:e("components.dateField.stories.controlled.title"),render:()=>{const[o,r]=h.useState(new Date);return t.jsx(a,{value:o,picker:"calendar",onChange:r,placeholder:e("components.dateField.stories.default.placeholder")})}},d={storyName:e("components.dateField.stories.withLabel.title"),args:{label:{text:e("components.dateField.stories.withLabel.label")},placeholder:e("components.dateField.stories.withLabel.placeholder")}},i={storyName:e("components.dateField.stories.withoutPicker.title"),args:{picker:!1,placeholder:e("components.dateField.stories.withoutPicker.placeholder")}},c={storyName:e("components.dateField.stories.states.title"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(a,{placeholder:e("components.dateField.stories.default.placeholder")}),t.jsx(a,{value:new Date}),t.jsx(a,{disabled:!0,placeholder:e("components.dateField.disabledDescription")}),t.jsx(a,{error:!0,errorMessage:e("components.dateField.stories.states.errorMessage"),placeholder:e("components.dateField.stories.default.placeholder")}),t.jsx(a,{loading:!0,placeholder:e("components.dateField.stories.states.loading")})]})},p={storyName:e("components.dateField.stories.shapes.title"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(a,{shape:"rounded",placeholder:e("components.dateField.stories.shapes.rounded")}),t.jsx(a,{shape:"pill",placeholder:e("components.dateField.stories.shapes.pill")})]})},m={storyName:e("components.dateField.stories.rangeDateField.title"),render:()=>{const[o,r]=h.useState({from:new Date("2025-01-01"),to:new Date("2025-01-10")});return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(l,{label:{text:e("components.dateField.stories.rangeDateField.datePickerControlled.label")},placeholder:{from:e("components.dateField.stories.rangeDateField.placeholder.from"),to:e("components.dateField.stories.rangeDateField.placeholder.to")},value:o,onChange:r}),t.jsx(l,{label:{text:e("components.dateField.stories.rangeDateField.calendarControlled.label")},placeholder:{from:e("components.dateField.stories.rangeDateField.placeholder.from"),to:e("components.dateField.stories.rangeDateField.placeholder.to")},value:o,onChange:r,picker:"calendar"}),t.jsx(l,{label:{text:e("components.dateField.stories.rangeDateField.inputControlled.label")},placeholder:{from:e("components.dateField.stories.rangeDateField.placeholder.from"),to:e("components.dateField.stories.rangeDateField.placeholder.to")},value:o,onChange:r,picker:!1}),t.jsx(l,{label:{text:e("components.dateField.stories.rangeDateField.datePickerUncontrolled.label")},placeholder:{from:e("components.dateField.stories.rangeDateField.placeholder.from"),to:e("components.dateField.stories.rangeDateField.placeholder.to")},defaultValue:o}),t.jsx(l,{label:{text:e("components.dateField.stories.rangeDateField.calendarUncontrolled.label")},placeholder:{from:e("components.dateField.stories.rangeDateField.placeholder.from"),to:e("components.dateField.stories.rangeDateField.placeholder.to")},defaultValue:o,picker:"calendar"}),t.jsx(l,{label:{text:e("components.dateField.stories.rangeDateField.inputUncontrolled.label")},placeholder:{from:e("components.dateField.stories.rangeDateField.placeholder.from"),to:e("components.dateField.stories.rangeDateField.placeholder.to")},defaultValue:o,picker:!1})]})}},F={storyName:e("components.dateField.stories.interactive.title"),args:{placeholder:e("components.dateField.stories.default.placeholder")}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.dateField.stories.default.title'),
+  args: {
+    defaultValue: new Date(),
+    picker: 'calendar',
+    placeholder: t('components.dateField.stories.default.placeholder')
+  }
+}`,...s.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.dateField.stories.controlled.title'),
+  render: () => {
+    const [date, setDate] = useState<Date | null>(new Date());
+    return <DateField value={date} picker="calendar" onChange={setDate} placeholder={t('components.dateField.stories.default.placeholder')} />;
+  }
+}`,...n.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.dateField.stories.withLabel.title'),
+  args: {
+    label: {
+      text: t('components.dateField.stories.withLabel.label')
+    },
+    placeholder: t('components.dateField.stories.withLabel.placeholder')
+  }
+}`,...d.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.dateField.stories.withoutPicker.title'),
+  args: {
+    picker: false,
+    placeholder: t('components.dateField.stories.withoutPicker.placeholder')
+  }
+}`,...i.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.dateField.stories.states.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <DateField placeholder={t('components.dateField.stories.default.placeholder')} />
+      <DateField value={new Date()} />
+      <DateField disabled placeholder={t('components.dateField.disabledDescription')} />
+      <DateField error errorMessage={t('components.dateField.stories.states.errorMessage')} placeholder={t('components.dateField.stories.default.placeholder')} />
+      <DateField loading placeholder={t('components.dateField.stories.states.loading')} />
+    </div>
+}`,...c.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.dateField.stories.shapes.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <DateField shape="rounded" placeholder={t('components.dateField.stories.shapes.rounded')} />
+      <DateField shape="pill" placeholder={t('components.dateField.stories.shapes.pill')} />
+    </div>
+}`,...p.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.dateField.stories.rangeDateField.title'),
+  render: () => {
+    const [range, setRange] = useState<IDateFieldRangeValue>({
+      from: new Date('2025-01-01'),
+      to: new Date('2025-01-10')
+    });
+    return <div style={{
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '16px'
+    }}>
+        <DateFieldRangeComponent label={{
+        text: t('components.dateField.stories.rangeDateField.datePickerControlled.label')
+      }} placeholder={{
+        from: t('components.dateField.stories.rangeDateField.placeholder.from'),
+        to: t('components.dateField.stories.rangeDateField.placeholder.to')
+      }} value={range} onChange={setRange} />
+        <DateFieldRangeComponent label={{
+        text: t('components.dateField.stories.rangeDateField.calendarControlled.label')
+      }} placeholder={{
+        from: t('components.dateField.stories.rangeDateField.placeholder.from'),
+        to: t('components.dateField.stories.rangeDateField.placeholder.to')
+      }} value={range} onChange={setRange} picker="calendar" />
+
+        <DateFieldRangeComponent label={{
+        text: t('components.dateField.stories.rangeDateField.inputControlled.label')
+      }} placeholder={{
+        from: t('components.dateField.stories.rangeDateField.placeholder.from'),
+        to: t('components.dateField.stories.rangeDateField.placeholder.to')
+      }} value={range} onChange={setRange} picker={false} />
+
+        <DateFieldRangeComponent label={{
+        text: t('components.dateField.stories.rangeDateField.datePickerUncontrolled.label')
+      }} placeholder={{
+        from: t('components.dateField.stories.rangeDateField.placeholder.from'),
+        to: t('components.dateField.stories.rangeDateField.placeholder.to')
+      }} defaultValue={range} />
+
+        <DateFieldRangeComponent label={{
+        text: t('components.dateField.stories.rangeDateField.calendarUncontrolled.label')
+      }} placeholder={{
+        from: t('components.dateField.stories.rangeDateField.placeholder.from'),
+        to: t('components.dateField.stories.rangeDateField.placeholder.to')
+      }} defaultValue={range} picker="calendar" />
+
+        <DateFieldRangeComponent label={{
+        text: t('components.dateField.stories.rangeDateField.inputUncontrolled.label')
+      }} placeholder={{
+        from: t('components.dateField.stories.rangeDateField.placeholder.from'),
+        to: t('components.dateField.stories.rangeDateField.placeholder.to')
+      }} defaultValue={range} picker={false} />
+      </div>;
+  }
+}`,...m.parameters?.docs?.source}}};F.parameters={...F.parameters,docs:{...F.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.dateField.stories.interactive.title'),
+  args: {
+    placeholder: t('components.dateField.stories.default.placeholder')
+  }
+}`,...F.parameters?.docs?.source}}};const Z=["Default","Controlled","WithLabel","WithoutPicker","States","Shapes","DateFieldRange","Interactive"];export{n as Controlled,m as DateFieldRange,s as Default,F as Interactive,p as Shapes,c as States,d as WithLabel,i as WithoutPicker,Z as __namedExportsOrder,Y as default};

package/dist-storybook/assets/date-picker-BPzKPdhO.js

@@ -0,0 +1 @@
+import{r as n,j as p}from"./iframe-DfPay7Zl.js";import{u as Y}from"./index-EGt7xBnA.js";import{o as ae}from"./omit-BWHsnDSR.js";import{g as se,c as A}from"./store-Ce3Ikv5g.js";import{u as ne}from"./embla-carousel-react.esm-5D5fs7OQ.js";import{T as oe}from"./typography-CB8hPDyK.js";import{d as E}from"./date-B3PFMb6s.js";const F=se("date-picker"),re={CIRCLE_DEGREES:360,WHEEL_ITEM_SIZE:24,WHEEL_ITEM_COUNT:80,WHEEL_ITEMS_IN_VIEW:4},T=`${F}-item`,{CIRCLE_DEGREES:$,WHEEL_ITEM_COUNT:U,WHEEL_ITEMS_IN_VIEW:le,WHEEL_ITEM_SIZE:q}=re,L=$/U,ce=L*le,Z=Math.round(q/2/Math.tan(Math.PI/U)),R=(e,o)=>Math.abs(e-o)<ce,ie=(e,o,a,r,s)=>{const f=e.slideNodes()[o],l=e.scrollProgress()*s,i=e.scrollSnapList()[o]*s,t=i+s,u=i-s;let O=!1,d=o*-L;if(R(l,i)&&(O=!0),R(l,u)&&(O=!0,d=-$+(r-o)*L),R(l,t)&&(O=!0,d=-(s%$)-o*L),O){const c=Math.abs(l-i)<L/2;f.style.opacity=c?"1":"0.25",f.style.transform=`translateY(-${o*100}%) rotateX(${d}deg) translateZ(${Z}px)`}else f.style.opacity="0",f.style.transform="none"},ue=(e,o)=>{e.containerNode().style.transform=`translateZ(${Z}px) rotateX(${o}deg)`},k=e=>{const{className:o,items:a,activeIndex:r=0,renderLabel:s,onChange:f}=e,l=!0,[i,t]=ne({loop:l,axis:"y",dragFree:!0,containScroll:!1,watchSlides:!1,startIndex:r}),u=a.length,O=n.useRef(null),d=u*L,c=0,g=n.useCallback(h=>{if(!h)return;const{translate:y,slideLooper:I}=h.internalEngine();y.clear(),y.toggleActive(!1),I.loopPoints.forEach(({translate:M})=>{M.clear(),M.toggleActive(!1)})},[]),C=n.useCallback(h=>{const I=(u*L-c)*h.scrollProgress();ue(h,I),h.slideNodes().forEach((M,D)=>{ie(h,D,l,u,d)})},[u,c,d,l]);return n.useEffect(()=>{if(!t)return;t.on("pointerUp",y=>{const{scrollTo:I,target:M,location:D}=y.internalEngine(),j=M.get()-D.get(),H=Math.abs(j)<q/2.5?10:.1,x=j*H;I.distance(x,!0)}),t.on("scroll",C),t.on("reInit",y=>{g(y),C(y)}),g(t),C(t);const h=()=>{f&&f(t.selectedScrollSnap())};return t.on("select",h),()=>{t.off("select",h)}},[t,g,C,f]),p.jsx("div",{className:A(T,o),children:p.jsx("div",{className:`${T}__scene`,ref:O,children:p.jsx("div",{className:`${T}__viewport`,ref:i,children:p.jsx("div",{className:`${T}__container`,children:a.map(h=>p.jsx("div",{className:`${T}__slide`,children:p.jsx(oe,{size:"base",weight:"600",children:s?.(h)||h})},h))})})})})};k.__docgenInfo={description:"",methods:[],displayName:"DatePickerItem"};const de=e=>{const{type:o,value:a,max:r,min:s,hasHour:f,renderLabels:l}=e;let i,t,u;switch(o){case"day":{u=l?.days||ge,i=r&&E(r).startOf("month").valueOf()===E(a).startOf("month").valueOf()?r.getDate():void 0,t=s&&E(s).startOf("month").valueOf()===E(a).startOf("month").valueOf()?s.getDate():void 0;break}case"month":{u=l?.months||(f?ye:he),i=r&&E(r).startOf("year").valueOf()===E(a).startOf("year").valueOf()?r.getMonth():void 0,t=s&&E(s).startOf("year").valueOf()===E(a).startOf("year").valueOf()?s.getMonth():void 0;break}case"year":{u=l?.years||ve,i=r?r.getFullYear():void 0,t=s?s.getFullYear():void 0;break}case"hour":{u=l?.hours||me,i=r&&E(r).startOf("day").valueOf()===E(a).startOf("day").valueOf()?r.getHours():void 0,t=s&&E(s).startOf("day").valueOf()===E(a).startOf("day").valueOf()?s.getHours():void 0;break}case"minute":{u=l?.minutes||fe,i=r&&E(r).startOf("hour").valueOf()===E(a).startOf("hour").valueOf()?r.getMinutes():void 0,t=s&&E(s).startOf("hour").valueOf()===E(a).startOf("hour").valueOf()?s.getMinutes():void 0;break}case"dayOfWeek":{u=l?.dayOfWeeks||Ee;break}}return{renderLabel:u,max:i,min:t}},W=(e,o,a)=>Array.from({length:Math.floor((o-e+1)/a)},(r,s)=>e+s*a),w=(e,o)=>{let a=0;for(;a<e.length;a++){if(e[a]===o)return a;if(e[a]>o)return Math.max(a,0)}return a-1},me=e=>e.toString().padStart(2,"0"),fe=e=>e.toString().padStart(2,"0"),ge=e=>e.toString().padStart(2,"0"),he=e=>"tháng "+(e+1).toString().padStart(2,"0"),ye=e=>"thg "+(e+1).toString().padStart(2,"0"),ve=e=>e.toString().padStart(4,"0"),Ee=e=>["chủ nhật","thứ 2","thứ 3","thứ 4","thứ 5","thứ 6","thứ 7"][e%7],B=({className:e,hour:o,day:a,month:r,year:s,minutesProps:f,hoursProps:l,daysProps:i,monthsProps:t,yearsProps:u,dayOfWeeksProps:O,...d})=>{const[c,g]=Y(d,{trigger:"onChange",valuePropName:"value",defaultValue:{years:new Date().getFullYear(),minutes:new Date().getMinutes(),hours:new Date().getHours(),days:new Date().getDate(),months:new Date().getMonth(),dayOfWeeks:new Date().getDay()}});let C=!1;a=a||o&&(r||s),r=r||(o||a)&&s,a&&!o&&!r&&!s&&(C=!0,a=!1);const h=o,y=n.useMemo(()=>W(0,59,f?.step||1),[f?.step]),I=n.useMemo(()=>w(y,c.minutes),[y,c.minutes]),M=n.useCallback(v=>{g(m=>({...m,minutes:y[v%y.length]}))},[y,g]),D=n.useMemo(()=>W(0,23,l?.step||1),[l?.step]),j=n.useMemo(()=>w(D,c.hours),[D,c.hours]),H=n.useCallback(v=>{g(m=>({...m,hours:D[v%D.length]}))},[D,g]),x=n.useMemo(()=>{const v=new Date(c.years,c.months+1,0).getDate();return W(1,v,i?.step||1)},[i?.step,c.months,c.years]),G=n.useMemo(()=>w(x,c.days),[x,c.days]),X=n.useCallback(v=>{g(m=>({...m,days:x[v%x.length],dayOfWeeks:new Date(m.years,m.months,x[v%x.length]).getDay()}))},[x,g]),b=n.useMemo(()=>W(0,11,t?.step||1),[t?.step]),z=n.useMemo(()=>w(b,c.months),[b,c.months]),J=n.useCallback(v=>{g(m=>({...m,months:b[v%b.length],dayOfWeeks:new Date(m.years,b[v%b.length],m.days).getDay()}))},[b,g]),_=n.useMemo(()=>W(1900,2300,u?.step||1),[u?.step]),K=n.useMemo(()=>w(_,c.years),[_,c.years]),Q=n.useCallback(v=>{g(m=>({...m,years:_[v%_.length],dayOfWeeks:new Date(_[v%_.length],m.months,m.days).getDay()}))},[_,g]),S=n.useMemo(()=>W(0,59,O?.step||1),[O?.step]),P=n.useMemo(()=>w(S,c.dayOfWeeks),[S,c.dayOfWeeks]),ee=n.useCallback(v=>{g(m=>{const N=new Date(m.years,m.months,m.days),V=S[v%S.length],te=N.getDay()-V;return N.setDate(N.getDate()-te),{...m,years:N.getFullYear(),months:N.getMonth(),days:N.getDate(),dayOfWeeks:V}})},[S,g]);return p.jsxs("div",{className:A(`${F}-base`,e),children:[a&&p.jsx(k,{items:x,activeIndex:G,onChange:X,renderLabel:i.renderLabel,min:i.min,max:i.max},x.length),r&&p.jsx(k,{items:b,activeIndex:z,onChange:J,renderLabel:t.renderLabel,min:t.min,max:t.max}),s&&p.jsx(k,{items:_,activeIndex:K,onChange:Q,renderLabel:u.renderLabel,min:u.min,max:u.max}),C&&p.jsx(k,{items:S,activeIndex:P,onChange:ee,renderLabel:O.renderLabel,min:O.min,max:O.max}),o&&p.jsx(k,{items:D,activeIndex:j,onChange:H,renderLabel:l.renderLabel,min:l.min,max:l.max}),h&&p.jsx(k,{items:y,activeIndex:I,onChange:M,renderLabel:f.renderLabel,min:f.min,max:f.max})]})};B.__docgenInfo={description:"",methods:[],displayName:"DatePickerBase"};const Me=({min:e,max:o,renderLabels:a,year:r=!0,month:s=!0,day:f=!0,hour:l=!1,...i})=>{const[t,u]=Y(i,{trigger:"onChange",valuePropName:"value",defaultValue:new Date}),O=n.useMemo(()=>({years:t.getFullYear(),months:t.getMonth(),days:t.getDate(),dayOfWeeks:t.getDay(),hours:t.getHours(),minutes:t.getMinutes()}),[t]),d=n.useCallback(M=>de({type:M,value:t,max:o,min:e,hasHour:l,renderLabels:a}),[t,o,e,l,a]),c=n.useMemo(()=>d("year"),[d]),g=n.useMemo(()=>d("month"),[d]),C=n.useMemo(()=>d("day"),[d]),h=n.useMemo(()=>d("hour"),[d]),y=n.useMemo(()=>d("minute"),[d]),I=n.useMemo(()=>d("dayOfWeek"),[d]);return p.jsx(B,{...ae(i,["value","onChange"]),year:r,month:s,day:f,hour:l,yearsProps:c,monthsProps:g,daysProps:C,hoursProps:h,minutesProps:y,dayOfWeeksProps:I,value:O,onChange:M=>{u(new Date(M.years,M.months,M.days,M.hours,M.minutes))}})};Me.__docgenInfo={description:"",methods:[],displayName:"DatePicker",props:{year:{defaultValue:{value:"true",computed:!1},required:!1},month:{defaultValue:{value:"true",computed:!1},required:!1},day:{defaultValue:{value:"true",computed:!1},required:!1},hour:{defaultValue:{value:"false",computed:!1},required:!1}}};export{Me as D};

package/dist-storybook/assets/{date-picker.stories-BuGWvzFL.js → date-picker.stories-CIFgk4q_.js}

@@ -1,4 +1,4 @@
-import{j as t,r as y}from"./iframe-CQAwSt4E.js";import{T as D,S as g,M as u,P,a as k}from"./blocks-BuaOUtiH.js";import{D as l}from"./date-picker-Dnq_-0Md.js";import{t as e}from"./store-D2RudmNr.js";import"./preload-helper-PPVm8Dsz.js";import"./index-DHiZ-gXR.js";import"./index-BV0AJWP6.js";import"./index-B-Ksafg0.js";import"./omit-Bsx5nTI0.js";import"./_setToString-CbM921C9.js";import"./classname-CUR_zgkh.js";import"./embla-carousel-react.esm-BYjpaHZ9.js";import"./typography-DEpAJl_i.js";import"./colors-_6nFGM3e.js";import"./date-Cg-Uk_pp.js";const h=()=>{const o=`
+import{j as t,r as y}from"./iframe-DfPay7Zl.js";import{T as D,S as g,M as u,P,a as k}from"./blocks-DKR3P4qW.js";import{D as l}from"./date-picker-BPzKPdhO.js";import{t as e}from"./store-Ce3Ikv5g.js";import"./preload-helper-PPVm8Dsz.js";import"./index-cMNObl2z.js";import"./index-EGt7xBnA.js";import"./index-B-Ksafg0.js";import"./omit-BWHsnDSR.js";import"./_baseClone-DQVxEhny.js";import"./embla-carousel-react.esm-5D5fs7OQ.js";import"./typography-CB8hPDyK.js";import"./colors-_6nFGM3e.js";import"./date-B3PFMb6s.js";const h=()=>{const o=`
 ## ${e("common.table.title")}
 
 | ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
@@ -13,7 +13,7 @@ import{j as t,r as y}from"./iframe-CQAwSt4E.js";import{T as D,S as g,M as u,P,a
 | \`max\` | \`Date | null\` | ${e("common.table.no")} | ${e("components.datePicker.maxDescription")} |
 | \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.datePicker.classNameDescription")} |
 | \`...props\` | \`ComponentPropsWithRef<'div'>\` | ${e("common.table.no")} | ${e("components.datePicker.propsDescription")} |
-  `;return t.jsxs(t.Fragment,{children:[t.jsx(D,{}),t.jsx(g,{}),t.jsx(u,{children:e("components.datePicker.description")}),t.jsx(P,{}),t.jsx(u,{children:o}),t.jsx(k,{})]})},B={title:"Components/DatePicker",component:l,parameters:{layout:"padded",docs:{page:h}},tags:["autodocs"],argTypes:{value:{control:"date",description:e("components.datePicker.argTypes.valueDescription"),table:{type:{summary:"Date"}}},onChange:{action:"changed",description:e("components.datePicker.argTypes.onChangeDescription"),table:{type:{summary:"(value: Date) => void"}}},year:{control:"boolean",description:e("components.datePicker.argTypes.yearDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},month:{control:"boolean",description:e("components.datePicker.argTypes.monthDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},day:{control:"boolean",description:e("components.datePicker.argTypes.dayDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},hour:{control:"boolean",description:e("components.datePicker.argTypes.hourDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},min:{control:"date",description:e("components.datePicker.argTypes.minDescription"),table:{type:{summary:"Date | null"}}},max:{control:"date",description:e("components.datePicker.argTypes.maxDescription"),table:{type:{summary:"Date | null"}}},className:{control:"text",description:e("components.datePicker.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},r={storyName:e("components.datePicker.stories.default.title"),args:{}},n={storyName:e("components.datePicker.stories.controlled.title"),render:()=>{const[o,p]=y.useState(new Date);return t.jsxs("div",{children:[t.jsxs("p",{style:{marginBottom:"16px"},children:[e("components.datePicker.stories.interactive.selected")," ",o.toLocaleDateString()]}),t.jsx(l,{value:o,onChange:p})]})}},a={storyName:e("components.datePicker.stories.dateOnly.title"),args:{day:!0,month:!0,year:!0,hour:!1},parameters:{docs:{description:{story:e("components.datePicker.stories.dateOnly.description")}}}},s={storyName:e("components.datePicker.stories.dateAndTime.title"),args:{day:!0,month:!0,year:!0,hour:!0},parameters:{docs:{description:{story:e("components.datePicker.stories.dateAndTime.description")}}}},i={storyName:e("components.datePicker.stories.timeOnly.title"),args:{day:!1,month:!1,year:!1,hour:!0},parameters:{docs:{description:{story:e("components.datePicker.stories.timeOnly.description")}}}},c={storyName:e("components.datePicker.stories.dateAndTimeNoYear.title"),args:{day:!0,month:!0,year:!1,hour:!0},parameters:{docs:{description:{story:e("components.datePicker.stories.dateAndTimeNoYear.description")}}}},m={storyName:e("components.datePicker.stories.withDateRange.title"),args:{min:new Date("2020-01-01"),max:new Date("2030-12-31")},parameters:{docs:{description:{story:e("components.datePicker.stories.withDateRange.description",{min:"2020-01-01",max:"2030-12-31"})}}}},d={storyName:e("components.datePicker.stories.interactive.title"),render:()=>{const[o,p]=y.useState(new Date);return t.jsxs("div",{children:[t.jsxs("p",{style:{marginBottom:"16px"},children:[e("components.datePicker.stories.interactive.selected")," ",o.toLocaleDateString()]}),t.jsx(l,{value:o,onChange:p})]})}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  `;return t.jsxs(t.Fragment,{children:[t.jsx(D,{}),t.jsx(g,{}),t.jsx(u,{children:e("components.datePicker.description")}),t.jsx(P,{}),t.jsx(u,{children:o}),t.jsx(k,{})]})},Y={title:"Components/DatePicker",component:l,parameters:{layout:"padded",docs:{page:h}},tags:["autodocs"],argTypes:{value:{control:"date",description:e("components.datePicker.argTypes.valueDescription"),table:{type:{summary:"Date"}}},onChange:{action:"changed",description:e("components.datePicker.argTypes.onChangeDescription"),table:{type:{summary:"(value: Date) => void"}}},year:{control:"boolean",description:e("components.datePicker.argTypes.yearDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},month:{control:"boolean",description:e("components.datePicker.argTypes.monthDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},day:{control:"boolean",description:e("components.datePicker.argTypes.dayDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},hour:{control:"boolean",description:e("components.datePicker.argTypes.hourDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},min:{control:"date",description:e("components.datePicker.argTypes.minDescription"),table:{type:{summary:"Date | null"}}},max:{control:"date",description:e("components.datePicker.argTypes.maxDescription"),table:{type:{summary:"Date | null"}}},className:{control:"text",description:e("components.datePicker.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},r={storyName:e("components.datePicker.stories.default.title"),args:{}},n={storyName:e("components.datePicker.stories.controlled.title"),render:()=>{const[o,p]=y.useState(new Date);return t.jsxs("div",{children:[t.jsxs("p",{style:{marginBottom:"16px"},children:[e("components.datePicker.stories.interactive.selected")," ",o.toLocaleDateString()]}),t.jsx(l,{value:o,onChange:p})]})}},a={storyName:e("components.datePicker.stories.dateOnly.title"),args:{day:!0,month:!0,year:!0,hour:!1},parameters:{docs:{description:{story:e("components.datePicker.stories.dateOnly.description")}}}},s={storyName:e("components.datePicker.stories.dateAndTime.title"),args:{day:!0,month:!0,year:!0,hour:!0},parameters:{docs:{description:{story:e("components.datePicker.stories.dateAndTime.description")}}}},i={storyName:e("components.datePicker.stories.timeOnly.title"),args:{day:!1,month:!1,year:!1,hour:!0},parameters:{docs:{description:{story:e("components.datePicker.stories.timeOnly.description")}}}},c={storyName:e("components.datePicker.stories.dateAndTimeNoYear.title"),args:{day:!0,month:!0,year:!1,hour:!0},parameters:{docs:{description:{story:e("components.datePicker.stories.dateAndTimeNoYear.description")}}}},m={storyName:e("components.datePicker.stories.withDateRange.title"),args:{min:new Date("2020-01-01"),max:new Date("2030-12-31")},parameters:{docs:{description:{story:e("components.datePicker.stories.withDateRange.description",{min:"2020-01-01",max:"2030-12-31"})}}}},d={storyName:e("components.datePicker.stories.interactive.title"),render:()=>{const[o,p]=y.useState(new Date);return t.jsxs("div",{children:[t.jsxs("p",{style:{marginBottom:"16px"},children:[e("components.datePicker.stories.interactive.selected")," ",o.toLocaleDateString()]}),t.jsx(l,{value:o,onChange:p})]})}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
   storyName: t('components.datePicker.stories.default.title'),
   args: {}
 }`,...r.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
@@ -120,4 +120,4 @@ import{j as t,r as y}from"./iframe-CQAwSt4E.js";import{T as D,S as g,M as u,P,a
         <DatePicker value={date} onChange={setDate} />
       </div>;
   }
-}`,...d.parameters?.docs?.source}}};const L=["Default","Controlled","DateOnly","DateAndTime","TimeOnly","DateAndTimeNoYear","WithDateRange","Interactive"];export{n as Controlled,s as DateAndTime,c as DateAndTimeNoYear,a as DateOnly,r as Default,d as Interactive,i as TimeOnly,m as WithDateRange,L as __namedExportsOrder,B as default};
+}`,...d.parameters?.docs?.source}}};const B=["Default","Controlled","DateOnly","DateAndTime","TimeOnly","DateAndTimeNoYear","WithDateRange","Interactive"];export{n as Controlled,s as DateAndTime,c as DateAndTimeNoYear,a as DateOnly,r as Default,d as Interactive,i as TimeOnly,m as WithDateRange,B as __namedExportsOrder,Y as default};

package/dist-storybook/assets/dialog-BAfGQzk5.js

@@ -0,0 +1 @@
+import{j as s,r as i}from"./iframe-DfPay7Zl.js";import{c,g as N}from"./store-Ce3Ikv5g.js";import{I as $}from"./image-CMKb-R3x.js";import{T as d}from"./typography-CB8hPDyK.js";import{B as v}from"./button-DJH3RlJl.js";import{r as p}from"./blocks-DKR3P4qW.js";import{j as E,I as D}from"./navigation-bar-DK3TxcTu.js";import{A as n}from"./app-CTv8lFU3.js";const r=N("dialog"),u=i.forwardRef(({topImageUrl:e,top:l,title:a,description:t,children:o,closeAction:m,footer:f,open:x,onBackdropClick:g,onCloseClick:_,overlay:j="default",className:h,...y},b)=>s.jsxs("div",{ref:b,className:c(r,{[`${r}--open`]:x},h),...y,children:[s.jsx("div",{className:c(`${r}__overlay`,{[`${r}__overlay--blur`]:j==="blur"}),onClick:g}),!!m&&s.jsx(v,{className:`${r}__close`,leadingIcon:{name:"xmark"},size:"large",theme:"neutral",type:"outline",shape:"pill",onClick:_}),s.jsxs("div",{className:c(`${r}__box`,!!m&&`${r}__box--close`),children:[e&&s.jsx($,{src:e,className:`${r}__image`}),l,(!!a||!!t)&&s.jsxs("div",{className:`${r}__title-group`,children:[!!a&&s.jsx(d,{size:"large",weight:600,children:a}),!!t&&s.jsx(d,{size:"base",weight:400,children:t})]}),!!o&&s.jsx("div",{className:`${r}__body`,children:o}),!!f&&s.jsx("div",{className:`${r}__footer`,children:f})]})]})),R=({open:e,...l})=>{const[a,t]=i.useState(e),o=i.useRef(null);return E(()=>{e&&t(e)}),D(()=>{t(!1)}),i.useEffect(()=>{t(e)},[e]),i.useEffect(()=>{a&&o.current&&document.body.appendChild(o.current)},[a]),p.createPortal(s.jsx(u,{ref:o,open:a,...l}),document.body)},C=({open:e,...l})=>{const[a,t]=i.useState(e),o=i.useRef(null);return i.useEffect(()=>()=>{t(!1)},[]),i.useEffect(()=>{t(e)},[e]),i.useEffect(()=>{a&&o.current&&document.body.appendChild(o.current)},[a]),p.createPortal(s.jsx(u,{ref:o,open:a,...l}),document.body)},I=({portal:e=!0,...l})=>e&&n.isUsingApp&&n.isUsingRouter?s.jsx(R,{...l}):e&&(!n.isUsingApp||!n.isUsingRouter)?s.jsx(C,{...l}):s.jsx(u,{...l});I.__docgenInfo={description:"",methods:[],displayName:"Dialog",props:{portal:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}}}};export{I as D};