@v-miniapp/ui-react 1.0.60 → 1.0.72

package/dist-storybook/assets/bottom-tab-bar.stories--7Qh-68J.js

@@ -1,186 +0,0 @@
-import{j as e,r as i}from"./iframe-C0PGuV5s.js";import{T as v,S as h,M as l,P as B,a as I}from"./blocks-D4qvS4eZ.js";import{B as s}from"./bottom-tab-bar-UaYvPAic.js";import{t}from"./store-BmYgrUro.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";import"./icon-CgGksgRS.js";import"./colors-_6nFGM3e.js";import"./typography-BcLxefPi.js";const T=()=>{const o=`
-## ${t("common.table.title")}
-
-| ${t("common.table.name")} | ${t("common.table.type")} | ${t("common.table.required")} | ${t("common.table.description")} |
-| :--- | :--- | :--- | :--- |
-| \`items\` | \`IBottomTabBarItem[]\` | ${t("common.table.yes")} | ${t("components.bottomTabBar.itemsDescription")} |
-| \`activeId\` | \`string\` | ${t("common.table.yes")} | ${t("components.bottomTabBar.activeIdDescription")} |
-| \`indicator\` | \`boolean\` | ${t("common.table.no")} | ${t("components.bottomTabBar.indicatorDescription")} |
-| \`setCssVariable\` | \`boolean\` | ${t("common.table.no")} | ${t("components.bottomTabBar.setCssVariableDescription")} |
-| \`safeAreaBottomOffset\` | \`boolean\` | ${t("common.table.no")} | ${t("components.bottomTabBar.safeAreaBottomOffsetDescription")} |
-| \`className\` | \`string\` | ${t("common.table.no")} | ${t("components.bottomTabBar.classNameDescription")} |
-| \`onItemClick\` | \`(item: IBottomTabBarItem, index: number) => void\` | ${t("common.table.no")} | ${t("components.bottomTabBar.onItemClickDescription")} |
-| \`...props\` | \`ComponentProps<'div'>\` | ${t("common.table.no")} | ${t("components.bottomTabBar.propsDescription")} |
-  `;return e.jsxs(e.Fragment,{children:[e.jsx(v,{}),e.jsx(h,{}),e.jsx(l,{children:t("components.bottomTabBar.description")}),e.jsx(B,{}),e.jsx(l,{children:o}),e.jsx(I,{})]})},S={title:"Components/BottomTabBar",component:s,parameters:{layout:"fullscreen",docs:{page:T}},tags:["autodocs"],argTypes:{items:{control:!1,description:t("components.bottomTabBar.argTypes.itemsDescription"),table:{type:{summary:"IBottomTabBarItem[]"}}},activeId:{control:"text",description:t("components.bottomTabBar.argTypes.activeIdDescription"),table:{type:{summary:"string"}}},indicator:{control:"boolean",description:t("components.bottomTabBar.argTypes.indicatorDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},setCssVariable:{control:"boolean",description:t("components.bottomTabBar.argTypes.setCssVariableDescription"),table:{type:{summary:"boolean"}}},safeAreaBottomOffset:{control:"boolean",description:t("components.bottomTabBar.argTypes.safeAreaBottomOffsetDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},onItemClick:{action:"item-clicked",description:t("components.bottomTabBar.argTypes.onItemClickDescription"),table:{type:{summary:"(item: IBottomTabBarItem, index: number) => void"}}}}},r={storyName:t("components.bottomTabBar.stories.default.title"),render:()=>{const[o,n]=i.useState("1");return e.jsxs("div",{style:{position:"relative",height:"100vh"},children:[e.jsx("div",{style:{padding:"20px"},children:e.jsx("p",{children:t("components.bottomTabBar.stories.default.content")})}),e.jsx(s,{activeId:o,onItemClick:a=>n(a.id),items:[{id:"1",name:t("components.bottomTabBar.stories.tabs.home")},{id:"2",name:t("components.bottomTabBar.stories.tabs.search")},{id:"3",name:t("components.bottomTabBar.stories.tabs.profile")}]})]})}},m={storyName:t("components.bottomTabBar.stories.withIcons.title"),render:()=>{const[o,n]=i.useState("1");return e.jsxs("div",{style:{position:"relative",height:"100vh"},children:[e.jsx("div",{style:{padding:"20px"},children:e.jsx("p",{children:t("components.bottomTabBar.stories.withIcons.content")})}),e.jsx(s,{activeId:o,onItemClick:a=>n(a.id),items:[{id:"1",name:t("components.bottomTabBar.stories.tabs.home"),icon:{name:"placeholder"}},{id:"2",name:t("components.bottomTabBar.stories.tabs.search"),icon:{name:"placeholder"}},{id:"3",name:t("components.bottomTabBar.stories.tabs.profile"),icon:{name:"placeholder"}}]})]})}},c={storyName:t("components.bottomTabBar.stories.withActiveIcons.title"),render:()=>{const[o,n]=i.useState("1");return e.jsxs("div",{style:{position:"relative",height:"100vh"},children:[e.jsx("div",{style:{padding:"20px"},children:e.jsx("p",{children:t("components.bottomTabBar.stories.withActiveIcons.content")})}),e.jsx(s,{activeId:o,onItemClick:a=>n(a.id),items:[{id:"1",name:t("components.bottomTabBar.stories.tabs.home"),icon:{name:"placeholder",type:"outline"},activeIcon:{name:"placeholder",type:"fill"}},{id:"2",name:t("components.bottomTabBar.stories.tabs.search"),icon:{name:"placeholder",type:"outline"},activeIcon:{name:"placeholder",type:"fill"}},{id:"3",name:t("components.bottomTabBar.stories.tabs.profile"),icon:{name:"placeholder",type:"outline"},activeIcon:{name:"placeholder",type:"fill"}}]})]})}},d={storyName:t("components.bottomTabBar.stories.withoutIndicator.title"),render:()=>{const[o,n]=i.useState("1");return e.jsxs("div",{style:{position:"relative",height:"100vh"},children:[e.jsx("div",{style:{padding:"20px"},children:e.jsx("p",{children:t("components.bottomTabBar.stories.withoutIndicator.content")})}),e.jsx(s,{activeId:o,onItemClick:a=>n(a.id),indicator:!1,items:[{id:"1",name:t("components.bottomTabBar.stories.tabs.tab1")},{id:"2",name:t("components.bottomTabBar.stories.tabs.tab2")},{id:"3",name:t("components.bottomTabBar.stories.tabs.tab3")}]})]})}},p={storyName:t("components.bottomTabBar.stories.interactive.title"),render:()=>{const o=[{id:"1",name:t("components.bottomTabBar.stories.tabs.home"),icon:{name:"placeholder"}},{id:"2",name:t("components.bottomTabBar.stories.tabs.search"),icon:{name:"placeholder"}},{id:"3",name:t("components.bottomTabBar.stories.tabs.profile"),icon:{name:"placeholder"}}],[n,a]=i.useState("1");return e.jsxs("div",{style:{position:"relative",height:"100vh"},children:[e.jsx("div",{style:{padding:"20px"},children:e.jsx("p",{children:t("components.bottomTabBar.stories.interactive.activeTab",{tabName:o.find(b=>b.id===n)?.name||""})})}),e.jsx(s,{activeId:n,onItemClick:b=>a(b.id),items:o})]})}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.bottomTabBar.stories.default.title'),
-  render: () => {
-    const [activeId, setActiveId] = useState('1');
-    return <div style={{
-      position: 'relative',
-      height: '100vh'
-    }}>
-        <div style={{
-        padding: '20px'
-      }}>
-          <p>{t('components.bottomTabBar.stories.default.content')}</p>
-        </div>
-        <BottomTabBar activeId={activeId} onItemClick={item => setActiveId(item.id)} items={[{
-        id: '1',
-        name: t('components.bottomTabBar.stories.tabs.home')
-      }, {
-        id: '2',
-        name: t('components.bottomTabBar.stories.tabs.search')
-      }, {
-        id: '3',
-        name: t('components.bottomTabBar.stories.tabs.profile')
-      }]} />
-      </div>;
-  }
-}`,...r.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.bottomTabBar.stories.withIcons.title'),
-  render: () => {
-    const [activeId, setActiveId] = useState('1');
-    return <div style={{
-      position: 'relative',
-      height: '100vh'
-    }}>
-        <div style={{
-        padding: '20px'
-      }}>
-          <p>{t('components.bottomTabBar.stories.withIcons.content')}</p>
-        </div>
-        <BottomTabBar activeId={activeId} onItemClick={item => setActiveId(item.id)} items={[{
-        id: '1',
-        name: t('components.bottomTabBar.stories.tabs.home'),
-        icon: {
-          name: 'placeholder'
-        }
-      }, {
-        id: '2',
-        name: t('components.bottomTabBar.stories.tabs.search'),
-        icon: {
-          name: 'placeholder'
-        }
-      }, {
-        id: '3',
-        name: t('components.bottomTabBar.stories.tabs.profile'),
-        icon: {
-          name: 'placeholder'
-        }
-      }]} />
-      </div>;
-  }
-}`,...m.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.bottomTabBar.stories.withActiveIcons.title'),
-  render: () => {
-    const [activeId, setActiveId] = useState('1');
-    return <div style={{
-      position: 'relative',
-      height: '100vh'
-    }}>
-        <div style={{
-        padding: '20px'
-      }}>
-          <p>{t('components.bottomTabBar.stories.withActiveIcons.content')}</p>
-        </div>
-        <BottomTabBar activeId={activeId} onItemClick={item => setActiveId(item.id)} items={[{
-        id: '1',
-        name: t('components.bottomTabBar.stories.tabs.home'),
-        icon: {
-          name: 'placeholder',
-          type: 'outline'
-        },
-        activeIcon: {
-          name: 'placeholder',
-          type: 'fill'
-        }
-      }, {
-        id: '2',
-        name: t('components.bottomTabBar.stories.tabs.search'),
-        icon: {
-          name: 'placeholder',
-          type: 'outline'
-        },
-        activeIcon: {
-          name: 'placeholder',
-          type: 'fill'
-        }
-      }, {
-        id: '3',
-        name: t('components.bottomTabBar.stories.tabs.profile'),
-        icon: {
-          name: 'placeholder',
-          type: 'outline'
-        },
-        activeIcon: {
-          name: 'placeholder',
-          type: 'fill'
-        }
-      }]} />
-      </div>;
-  }
-}`,...c.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.bottomTabBar.stories.withoutIndicator.title'),
-  render: () => {
-    const [activeId, setActiveId] = useState('1');
-    return <div style={{
-      position: 'relative',
-      height: '100vh'
-    }}>
-        <div style={{
-        padding: '20px'
-      }}>
-          <p>{t('components.bottomTabBar.stories.withoutIndicator.content')}</p>
-        </div>
-        <BottomTabBar activeId={activeId} onItemClick={item => setActiveId(item.id)} indicator={false} items={[{
-        id: '1',
-        name: t('components.bottomTabBar.stories.tabs.tab1')
-      }, {
-        id: '2',
-        name: t('components.bottomTabBar.stories.tabs.tab2')
-      }, {
-        id: '3',
-        name: t('components.bottomTabBar.stories.tabs.tab3')
-      }]} />
-      </div>;
-  }
-}`,...d.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.bottomTabBar.stories.interactive.title'),
-  render: () => {
-    const items = [{
-      id: '1',
-      name: t('components.bottomTabBar.stories.tabs.home'),
-      icon: {
-        name: 'placeholder'
-      }
-    }, {
-      id: '2',
-      name: t('components.bottomTabBar.stories.tabs.search'),
-      icon: {
-        name: 'placeholder'
-      }
-    }, {
-      id: '3',
-      name: t('components.bottomTabBar.stories.tabs.profile'),
-      icon: {
-        name: 'placeholder'
-      }
-    }] as IBottomTabBarItem[];
-    const [activeId, setActiveId] = useState('1');
-    return <div style={{
-      position: 'relative',
-      height: '100vh'
-    }}>
-        <div style={{
-        padding: '20px'
-      }}>
-          <p>
-            {t('components.bottomTabBar.stories.interactive.activeTab', {
-            tabName: items.find(item => item.id === activeId)?.name || ''
-          })}
-          </p>
-        </div>
-        <BottomTabBar activeId={activeId} onItemClick={item => setActiveId(item.id)} items={items} />
-      </div>;
-  }
-}`,...p.parameters?.docs?.source}}};const D=["Default","WithIcons","WithActiveIcons","WithoutIndicator","Interactive"];export{r as Default,p as Interactive,c as WithActiveIcons,m as WithIcons,d as WithoutIndicator,D as __namedExportsOrder,S as default};

package/dist-storybook/assets/button-CbLEqALK.js

@@ -1 +0,0 @@
-import{j as u}from"./iframe-C0PGuV5s.js";import{r as N}from"./icon-CgGksgRS.js";import{c as f,g as b}from"./store-BmYgrUro.js";import{T as j}from"./typography-BcLxefPi.js";const v={medium:"small",large:"base"},e=b("button"),g=({shape:p="rounded",size:m="medium",type:c="solid",theme:a="default",disabled:i,loading:s,children:r,className:$,leadingIcon:o,trailingIcon:l,htmlType:_,block:x,...d})=>{a=a==="default"?"brand":a;const n=(t,y)=>t?u.jsx("span",{className:f(`${e}__icon`,y),children:N(t)}):null;return u.jsxs("button",{...d,onClick:t=>{i||s||d.onClick?.(t)},disabled:i,type:_,className:f(e,{[`${e}--${p}`]:!0,[`${e}--${m}`]:!0,[`${e}--${c}`]:!0,[`${e}--block`]:x,[`${e}--theme-${a}`]:!0,[`${e}--icon-only`]:!r&&(o&&!l||!o&&l),[`${e}--loading`]:s},$),children:[u.jsx("span",{className:`${e}__overlay`}),!!s&&n({name:"loader",animation:"spin"},`${e}__icon--loading`),!s&&n(o,`${e}__icon--leading`),!!r&&u.jsx(j,{size:v[m],weight:"medium",children:r}),n(l,`${e}__icon--trailing`)]})};g.__docgenInfo={description:"",methods:[],displayName:"Button",props:{shape:{defaultValue:{value:"'rounded'",computed:!1},required:!1},size:{defaultValue:{value:"'medium'",computed:!1},required:!1},type:{defaultValue:{value:"'solid'",computed:!1},required:!1},theme:{defaultValue:{value:"'default'",computed:!1},required:!1}}};export{g as B};

package/dist-storybook/assets/calendar-C7tiySn0.js

@@ -1 +0,0 @@
-import{r as x,j as e}from"./iframe-C0PGuV5s.js";import{c,g as _e}from"./store-BmYgrUro.js";import{d as k}from"./date-C1W0DfQy.js";import{I as A}from"./icon-CgGksgRS.js";import{B as F}from"./button-CbLEqALK.js";import{T as m}from"./typography-BcLxefPi.js";import{u as ye}from"./index-DWjPAWoJ.js";import{s as oe,p as ke,g as pe}from"./index-BLzgbpm2.js";class we{getNumDaysInMonth(t,i){return new Date(i,t+1,0).getDate()}isSame(t,i){return k(t).isSame(k(i),"day")}isBefore(t,i){return k(t).isBefore(k(i),"day")}isAfter(t,i){return k(t).isAfter(k(i),"day")}isSameOrBefore(t,i){return k(t).isSameOrBefore(k(i),"day")}isSameOrAfter(t,i){return k(t).isSameOrAfter(k(i),"day")}}const g=new we,Ce=n=>({date:t=>t.getDate(),headerLabel:(t,i)=>oe("calendar.headerLabel",{month:oe(`calendar.monthLabel[${t}]`,void 0,n),year:i},n),weekday:t=>oe(`calendar.weekdayLabel[${t}]`,void 0,n)}),ge=(n,t)=>({...t,...Ce(n==="en"?"en":"vi")}),xe=_e("calendar"),l=xe+"-single-picker",Se=new Date(1900,0,1),ze=new Date(2099,11,31),Ie=n=>{const t={};return n.defaultValue!==void 0&&(t.defaultValue=n.defaultValue),n.value!==void 0&&(t.value=n.value),n.onChange!==void 0&&(t.onChange=n.onChange),t},be=n=>{const{className:t,renderText:i,lang:p,navigationMode:w="month-year",defaultValue:Ne,onChange:Me,value:C,minDate:V=Se,maxDate:R=ze,...W}=n,[z,U]=ye(Ie(n)),ee=ge(p,i),{date:v,dateSubText:h,headerLabel:b,weekday:T}=ee,O=new Date,[d,I]=x.useState(()=>z?z.getMonth():O.getMonth()),[o,S]=x.useState(()=>z?z.getFullYear():O.getFullYear()),Y=(new Date(o,d,1).getDay()+6)%7,f=g.getNumDaysInMonth(d,o),K=Y+f,u=Math.ceil(K/7),P=R.getMonth(),N=R.getFullYear(),q=V.getMonth(),G=V.getFullYear(),Q=o<N||o===N&&d<P,H=o>G||o===G&&d>q,L=o<N||o+1===N&&d<=P,X=o>G||o-1===G&&d>=q,j=x.useMemo(()=>{if(!H)return null;let y=o,s=d-1;return s<0&&(y--,s=11),{month:s,year:y}},[d,H,o]),M=x.useMemo(()=>{if(!Q)return null;let y=o,s=d+1;return s>11&&(y++,s=0),{month:s,year:y}},[d,Q,o]),J=x.useMemo(()=>j?g.getNumDaysInMonth(j.month,j.year):null,[j]),te=x.useMemo(()=>M?g.getNumDaysInMonth(M.month,M.year):null,[M]),ne=y=>{const s=new Date(o,d,y);return g.isSameOrAfter(s,V)&&g.isSameOrBefore(s,R)};return e.jsxs("div",{className:c(xe,l,t),...W,children:[e.jsxs("div",{className:`${l}__header`,children:[w==="month-year"&&e.jsx(F,{type:"ghost",theme:"neutral",disabled:!X,onClick:()=>{X&&S(o-1)},children:e.jsx(A,{size:20,name:"double-chevron-left"})}),w!=="time-only"&&e.jsx(F,{type:"ghost",theme:"neutral",disabled:!H,onClick:()=>{j&&(I(j.month),S(j.year))},children:e.jsx(A,{size:20,name:"chevron-left"})}),e.jsx(m,{className:`${l}__header-label`,children:typeof b=="function"?b?.(d,o):b}),w!=="time-only"&&e.jsx(F,{type:"ghost",theme:"neutral",disabled:!Q,onClick:()=>{M&&(I(M.month),S(M.year))},children:e.jsx(A,{size:20,name:"chevron-right"})}),w==="month-year"&&e.jsx(F,{type:"ghost",theme:"neutral",disabled:!L,onClick:()=>{L&&S(o+1)},children:e.jsx(A,{size:20,name:"double-chevron-right"})})]}),e.jsx("div",{children:e.jsxs("div",{className:`${l}__grid`,children:[Array.from({length:7},(y,s)=>{const B=(s+1)%7;return e.jsx("div",{className:c(`${l}__cell-container`),children:e.jsx("div",{className:c(`${l}__cell`,`${l}__cell-week`),children:e.jsx(m,{color:"alias-object-secondary",children:typeof T=="function"?T(B):T})})})}),Array.from({length:u*7},(y,s)=>{if(s<Y){if(!J)return e.jsx("div",{className:c(`${l}__cell-container`),children:e.jsx(m,{size:"base",role:"button",className:c(`${l}__cell`,`${l}__cell-day`,`${l}__cell-day-filler`),children:"null"})},s);const $=J-Y+s+1,r=new Date(o,d,$);return e.jsx("div",{className:c(`${l}__cell-container`),children:e.jsxs(m,{size:"base",role:"button",className:c(`${l}__cell`,`${l}__cell-day`,`${l}__cell-day-filler`),children:[typeof v=="function"?v(r):v,e.jsx(m,{size:"2x-small",className:`${l}__cell-day-sub-title`,children:typeof h=="function"?h(r):h})]})},s)}if(s>=Y+f){if(!te)return e.jsx("div",{className:c(`${l}__cell-container`),children:e.jsx(m,{size:"base",role:"button",className:c(`${l}__cell`,`${l}__cell-day`,`${l}__cell-day-filler`),children:"null"})},s);const $=s-(Y+f)+1,r=new Date(o,d,$);return e.jsx("div",{className:c(`${l}__cell-container`),children:e.jsxs(m,{size:"base",role:"button",className:c(`${l}__cell`,`${l}__cell-day`,`${l}__cell-day-filler`),children:[typeof v=="function"?v(r):v,e.jsx(m,{size:"2x-small",className:`${l}__cell-day-sub-title`,children:typeof h=="function"?h(r):h})]})},s)}const B=s-Y+1,E=new Date(o,d,B),ae=!ne(B);return e.jsx("div",{className:c(`${l}__cell-container`),children:e.jsxs(m,{size:"base",role:"button",onClick:()=>{!E||ae||U(E)},className:c(`${l}__cell`,`${l}__cell-day`,{[`${l}__cell-day--disabled`]:ae,[`${l}__cell-day--today`]:g.isSame(E,O),[`${l}__cell-day--selected`]:z&&g.isSame(E,z)}),children:[typeof v=="function"?v(E):v,e.jsx(m,{size:"2x-small",className:`${l}__cell-day-sub-title`,children:typeof h=="function"?h(E):h})]})},s)})]})})]})};be.__docgenInfo={description:"",methods:[],displayName:"SinglePicker"};const $e=_e("calendar"),a=$e+"-range-picker",Ye=new Date(1900,0,1),Pe=new Date(2099,11,31),Ee=n=>{const t={};return(n.defaultValue!==void 0||n.defaultValue===null)&&(t.defaultValue=n.defaultValue),(n.value!==void 0||n.value===null)&&(t.value=n.value),n.onChange!==void 0&&(t.onChange=n.onChange),t},ue=n=>{const t=new Date;if(n){const[i,p]=n;return i?i.getMonth():p?p.getMonth():t.getMonth()}return t.getMonth()},me=n=>{const t=new Date;if(n){const[i,p]=n;return i?i.getFullYear():p?p.getFullYear():t.getFullYear()}return t.getFullYear()},he=n=>{if(!n)return null;const[t]=n;return t},fe=n=>{if(!n)return null;const[,t]=n;return t},je=n=>{const{className:t,renderText:i,lang:p,navigationMode:w="month-year",defaultValue:Ne,onChange:Me,value:C,minDate:V=Ye,maxDate:R=Pe,onPick:W,...z}=n,[U,ee]=ye(Ee(n)),v=ge(p,i),{date:h,dateSubText:b,headerLabel:T,weekday:O}=v,[d,I]=x.useState(he(U)),[o,S]=x.useState(fe(U)),Y=new Date,[f,K]=x.useState(ue(U)),[u,P]=x.useState(me(U)),N=(new Date(u,f,1).getDay()+6)%7,q=g.getNumDaysInMonth(f,u),G=N+q,Q=Math.ceil(G/7),H=R.getMonth(),L=R.getFullYear(),X=V.getMonth(),j=V.getFullYear(),M=u<L||u===L&&f<H,J=u>j||u===j&&f>X,te=u<L||u+1===L&&f<=H,ne=u>j||u-1===j&&f>=X,y=x.useMemo(()=>{if(!J)return null;let $=u,r=f-1;return r<0&&($--,r=11),{month:r,year:$}},[f,J,u]),s=x.useMemo(()=>{if(!M)return null;let $=u,r=f+1;return r>11&&($++,r=0),{month:r,year:$}},[f,M,u]),B=x.useMemo(()=>y?g.getNumDaysInMonth(y.month,y.year):null,[y]),E=x.useMemo(()=>s?g.getNumDaysInMonth(s.month,s.year):null,[s]),ae=$=>{const r=new Date(u,f,$);return g.isSameOrAfter(r,V)&&g.isSameOrBefore(r,R)};return x.useEffect(()=>{C!=null&&(K(ue(C)),P(me(C)))},[C?.[0]?.getTime()]),x.useEffect(()=>{C!=null&&(I(he(C)),S(fe(C)))},[C]),e.jsxs("div",{className:c($e,a,t),...z,children:[e.jsxs("div",{className:`${a}__header`,children:[w==="month-year"&&e.jsx(F,{type:"ghost",theme:"neutral",disabled:!ne,onClick:()=>{ne&&P(u-1)},children:e.jsx(A,{size:20,name:"double-chevron-left"})}),w!=="time-only"&&e.jsx(F,{type:"ghost",theme:"neutral",disabled:!J,onClick:()=>{y&&(K(y.month),P(y.year))},children:e.jsx(A,{size:20,name:"chevron-left"})}),e.jsx(m,{className:`${a}__header-label`,children:typeof T=="function"?T?.(f,u):T}),w!=="time-only"&&e.jsx(F,{type:"ghost",theme:"neutral",disabled:!M,onClick:()=>{s&&(K(s.month),P(s.year))},children:e.jsx(A,{size:20,name:"chevron-right"})}),w==="month-year"&&e.jsx(F,{type:"ghost",theme:"neutral",disabled:!te,onClick:()=>{te&&P(u+1)},children:e.jsx(A,{size:20,name:"double-chevron-right"})})]}),e.jsx("div",{children:e.jsxs("div",{className:`${a}__grid`,children:[Array.from({length:7},($,r)=>{const le=(r+1)%7;return e.jsx("div",{className:c(`${a}__cell-container`),children:e.jsx("div",{className:c(`${a}__cell`,`${a}__cell-week`),children:e.jsx(m,{color:"alias-object-secondary",children:typeof O=="function"?O(le):O})})})}),Array.from({length:Q*7},($,r)=>{if(r<N){if(!B)return e.jsx("div",{className:c(`${a}__cell-container`),children:e.jsx(m,{size:"base",role:"button",className:c(`${a}__cell`,`${a}__cell-day`,`${a}__cell-day-filler`),children:"null"})},r);const D=B-N+r+1,Z=new Date(u,f,D);return e.jsx("div",{className:c(`${a}__cell-container`),children:e.jsxs(m,{size:"base",role:"button",className:c(`${a}__cell`,`${a}__cell-day`,`${a}__cell-day-filler`),children:[typeof h=="function"?h(Z):h,e.jsx(m,{size:"2x-small",className:`${a}__cell-day-sub-title`,children:typeof b=="function"?b(Z):b})]})},r)}if(r>=N+q){if(!E)return e.jsx("div",{className:c(`${a}__cell-container`),children:e.jsx(m,{size:"base",role:"button",className:c(`${a}__cell`,`${a}__cell-day`,`${a}__cell-day-filler`),children:"null"})},r);const D=r-(N+q)+1,Z=new Date(u,f,D);return e.jsx("div",{className:c(`${a}__cell-container`),children:e.jsxs(m,{size:"base",role:"button",className:c(`${a}__cell`,`${a}__cell-day`,`${a}__cell-day-filler`),children:[typeof h=="function"?h(Z):h,e.jsx(m,{size:"2x-small",className:`${a}__cell-day-sub-title`,children:typeof b=="function"?b(Z):b})]})},r)}const le=r%7===6,De=r%7===0,ce=r-N+1,_=new Date(u,f,ce),ie=!ae(ce),se=d&&g.isSame(_,d),re=o&&g.isSame(_,o),de=(function(){return d&&o?g.isSameOrAfter(_,d)&&g.isSameOrBefore(_,o):!1})();return e.jsxs("div",{className:c(`${a}__cell-container`),children:[de&&e.jsx("div",{className:c(`${a}__cell-range-background`,{[`${a}__cell-range-background-start`]:se,[`${a}__cell-range-background-end`]:re,[`${a}__cell-range-background-start-end-row`]:se&&le,[`${a}__cell-range-background-end-start-row`]:re&&De})}),e.jsxs(m,{size:"base",role:"button",onClick:()=>{if(ie)return;if(d&&o){I(_),S(null),W?.([_,null]);return}if(!d&&!o){I(_),W?.([_,null]);return}const D=d||o;if(_<D){I(_),S(D),ee?.([_,D]),W?.([_,D]);return}I(D),S(_),ee?.([D,_]),W?.([D,_])},className:c(`${a}__cell`,`${a}__cell-day`,{[`${a}__cell-day--disabled`]:ie,[`${a}__cell-day--today`]:g.isSame(_,Y),[`${a}__cell-day--in-range-picker`]:de,[`${a}__cell-day--selected`]:se||re}),children:[typeof h=="function"?h(_):h,e.jsx(m,{size:"2x-small",className:`${a}__cell-day-sub-title`,children:typeof b=="function"?b(_):b})]})]},r)})]})})]})};je.__docgenInfo={description:"",methods:[],displayName:"RangePicker"};const ve=({type:n="single",...t})=>n==="single"?e.jsx(be,{...t}):e.jsx(je,{...t}),Ae=({lang:n,...t})=>{const{language:i}=pe();return e.jsx(ve,{lang:n||i,...t})},Fe=n=>ke()?e.jsx(ve,{...n}):e.jsx(Ae,{...n});Fe.__docgenInfo={description:"",methods:[],displayName:"Calendar"};export{Fe as C};

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

@@ -1,37 +0,0 @@
-import{r as u,j as I}from"./iframe-C0PGuV5s.js";import{c as R,g as z}from"./store-BmYgrUro.js";import{u as B}from"./embla-carousel-react.esm-Pp2OIUrN.js";import{P as G}from"./pagination-MBP1YLhT.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-C5d6yLzd.js

@@ -1,217 +0,0 @@
-import{j as e,r as j}from"./iframe-C0PGuV5s.js";import{C as a,a as n,u as f}from"./carousel-C1nQGnJZ.js";import{B as r}from"./button-CbLEqALK.js";import{t as o}from"./store-BmYgrUro.js";import{T as F,S as b,M as h,P as $,a as v}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./embla-carousel-react.esm-Pp2OIUrN.js";import"./pagination-MBP1YLhT.js";import"./icon-CgGksgRS.js";import"./colors-_6nFGM3e.js";import"./typography-BcLxefPi.js";import"./index-1AHvPexM.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")} |
-| :--- | :--- | :--- | :--- |
-| \`children\` | \`ReactNode\` | ${o("common.table.yes")} | ${o("components.carousel.childrenDescription")} |
-| \`carousel\` | \`ICarouselInstance\` | ${o("common.table.no")} | ${o("components.carousel.carouselDescription")} |
-| \`options\` | \`ICarouselOptions\` | ${o("common.table.no")} | ${o("components.carousel.optionsDescription")} |
-| \`pagination\` | \`boolean\` | ${o("common.table.no")} | ${o("components.carousel.paginationDescription")} |
-| \`className\` | \`string\` | ${o("common.table.no")} | ${o("components.carousel.classNameDescription")} |
-
-### ICarouselOptions
-
-| ${o("common.table.name")} | ${o("common.table.type")} | ${o("common.table.required")} | ${o("common.table.description")} |
-| :--- | :--- | :--- | :--- |
-| \`align\` | \`'start' | 'center' | 'end'\` | ${o("common.table.no")} | ${o("components.carousel.options.alignDescription")} |
-| \`initialIndex\` | \`number\` | ${o("common.table.no")} | ${o("components.carousel.options.initialIndexDescription")} |
-| \`loop\` | \`boolean\` | ${o("common.table.no")} | ${o("components.carousel.options.loopDescription")} |
-| \`duration\` | \`number\` | ${o("common.table.no")} | ${o("components.carousel.options.durationDescription")} |
-| \`autoplay\` | \`boolean\` | ${o("common.table.no")} | ${o("components.carousel.options.autoplayDescription")} |
-| \`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,{})]})},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>
-      <CarouselItem>{createSlideContent(1, '#50C878')}</CarouselItem>
-      <CarouselItem>{createSlideContent(2, '#FF6B6B')}</CarouselItem>
-    </Carousel>
-}`,...c.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.carousel.stories.withLoop.title'),
-  render: () => <Carousel options={{
-    loop: true
-  }}>
-      <CarouselItem>{createSlideContent(0, '#4A90E2')}</CarouselItem>
-      <CarouselItem>{createSlideContent(1, '#50C878')}</CarouselItem>
-      <CarouselItem>{createSlideContent(2, '#FF6B6B')}</CarouselItem>
-    </Carousel>
-}`,...i.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.carousel.stories.withoutPagination.title'),
-  render: () => <Carousel pagination={false}>
-      <CarouselItem>{createSlideContent(0, '#4A90E2')}</CarouselItem>
-      <CarouselItem>{createSlideContent(1, '#50C878')}</CarouselItem>
-      <CarouselItem>{createSlideContent(2, '#FF6B6B')}</CarouselItem>
-    </Carousel>
-}`,...u.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.carousel.stories.customOptions.title'),
-  render: () => <Carousel options={{
-    align: 'center',
-    loop: true,
-    autoplay: true,
-    delay: 5000,
-    gap: 16,
-    duration: 25
-  }}>
-      <CarouselItem>{createSlideContent(0, '#4A90E2')}</CarouselItem>
-      <CarouselItem>{createSlideContent(1, '#50C878')}</CarouselItem>
-      <CarouselItem>{createSlideContent(2, '#FF6B6B')}</CarouselItem>
-    </Carousel>
-}`,...m.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.carousel.stories.programmaticControl.title'),
-  render: () => {
-    const carouselRef = useRef<ICarouselInstance | null>(null);
-    const goToNext = () => {
-      carouselRef.current?.next({});
-    };
-    const goToPrevious = () => {
-      carouselRef.current?.prev({});
-    };
-    const goToSlide = (index: number) => {
-      carouselRef.current?.toSlide(index, {});
-    };
-    return <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '16px'
-    }}>
-        <div style={{
-        display: 'flex',
-        gap: '8px'
-      }}>
-          <Button onClick={goToPrevious}>
-            {t('components.carousel.stories.programmaticControl.previous')}
-          </Button>
-          <Button onClick={goToNext}>
-            {t('components.carousel.stories.programmaticControl.next')}
-          </Button>
-          <Button onClick={() => goToSlide(0)}>
-            {t('components.carousel.stories.programmaticControl.goToSlide', {
-            index: 1
-          })}
-          </Button>
-          <Button onClick={() => goToSlide(1)}>
-            {t('components.carousel.stories.programmaticControl.goToSlide', {
-            index: 2
-          })}
-          </Button>
-          <Button onClick={() => goToSlide(2)}>
-            {t('components.carousel.stories.programmaticControl.goToSlide', {
-            index: 3
-          })}
-          </Button>
-        </div>
-        <Carousel ref={carouselRef}>
-          <CarouselItem>{createSlideContent(0, '#4A90E2')}</CarouselItem>
-          <CarouselItem>{createSlideContent(1, '#50C878')}</CarouselItem>
-          <CarouselItem>{createSlideContent(2, '#FF6B6B')}</CarouselItem>
-        </Carousel>
-      </div>;
-  }
-}`,...p.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.carousel.stories.externalCarouselInstance.title'),
-  render: () => {
-    const carousel = useCarousel({
-      loop: false,
-      autoplay: false
-    });
-    return <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '16px'
-    }}>
-        <div style={{
-        display: 'flex',
-        gap: '8px'
-      }}>
-          <Button onClick={() => carousel.prev({})}>
-            {t('components.carousel.stories.externalCarouselInstance.previous')}
-          </Button>
-          <Button onClick={() => carousel.next({})}>
-            {t('components.carousel.stories.externalCarouselInstance.next')}
-          </Button>
-          <p style={{
-          fontSize: '14px',
-          color: '#666'
-        }}>
-            {\`\${t('components.carousel.stories.externalCarouselInstance.activeIndex')} \${carousel.activeIndex} | \`}
-            {\`\${t('components.carousel.stories.externalCarouselInstance.canNext')}: \`}
-            {carousel.canNext ? t('components.carousel.stories.externalCarouselInstance.yes') : t('components.carousel.stories.externalCarouselInstance.no')}
-            {\` | \${t('components.carousel.stories.externalCarouselInstance.canPrev')}: \`}
-            {carousel.canPrev ? t('components.carousel.stories.externalCarouselInstance.yes') : t('components.carousel.stories.externalCarouselInstance.no')}
-          </p>
-        </div>
-        <Carousel carousel={carousel}>
-          <CarouselItem>{createSlideContent(0, '#4A90E2')}</CarouselItem>
-          <CarouselItem>{createSlideContent(1, '#50C878')}</CarouselItem>
-          <CarouselItem>{createSlideContent(2, '#FF6B6B')}</CarouselItem>
-        </Carousel>
-      </div>;
-  }
-}`,...d.parameters?.docs?.source}}};C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.carousel.stories.alignmentOptions.title'),
-  render: () => {
-    const [align, setAlign] = useState<'start' | 'center' | 'end'>('center');
-    return <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '16px'
-    }}>
-        <div style={{
-        display: 'flex',
-        gap: '8px'
-      }}>
-          <Button onClick={() => setAlign('start')} type={align === 'start' ? 'solid' : 'outline'}>
-            {t('components.carousel.stories.alignmentOptions.start')}
-          </Button>
-          <Button onClick={() => setAlign('center')} type={align === 'center' ? 'solid' : 'outline'}>
-            {t('components.carousel.stories.alignmentOptions.center')}
-          </Button>
-          <Button onClick={() => setAlign('end')} type={align === 'end' ? 'solid' : 'outline'}>
-            {t('components.carousel.stories.alignmentOptions.end')}
-          </Button>
-        </div>
-        <Carousel options={{
-        align,
-        loop: true
-      }}>
-          <CarouselItem>{createSlideContent(0, '#4A90E2')}</CarouselItem>
-          <CarouselItem>{createSlideContent(1, '#50C878')}</CarouselItem>
-          <CarouselItem>{createSlideContent(2, '#FF6B6B')}</CarouselItem>
-        </Carousel>
-      </div>;
-  }
-}`,...C.parameters?.docs?.source}}};x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.carousel.stories.multipleSlides.title'),
-  render: () => <Carousel options={{
-    loop: true,
-    gap: 12
-  }}>
-      <CarouselItem>{createSlideContent(0, '#4A90E2')}</CarouselItem>
-      <CarouselItem>{createSlideContent(1, '#50C878')}</CarouselItem>
-      <CarouselItem>{createSlideContent(2, '#FF6B6B')}</CarouselItem>
-      <CarouselItem>{createSlideContent(3, '#FFD93D')}</CarouselItem>
-      <CarouselItem>{createSlideContent(4, '#9B59B6')}</CarouselItem>
-      <CarouselItem>{createSlideContent(5, '#E67E22')}</CarouselItem>
-    </Carousel>
-}`,...x.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.carousel.stories.withoutAutoplay.title'),
-  render: () => <Carousel options={{
-    autoplay: false
-  }}>
-      <CarouselItem>{createSlideContent(0, '#4A90E2')}</CarouselItem>
-      <CarouselItem>{createSlideContent(1, '#50C878')}</CarouselItem>
-      <CarouselItem>{createSlideContent(2, '#FF6B6B')}</CarouselItem>
-    </Carousel>
-}`,...g.parameters?.docs?.source}}};I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.carousel.stories.interactive.title'),
-  args: {
-    pagination: true,
-    children: <>
-        <CarouselItem>{createSlideContent(0, '#4A90E2')}</CarouselItem>
-        <CarouselItem>{createSlideContent(1, '#50C878')}</CarouselItem>
-        <CarouselItem>{createSlideContent(2, '#FF6B6B')}</CarouselItem>
-      </>
-  }
-}`,...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-Bs8ghsWP.js

@@ -1 +0,0 @@
-import{j as t,r as d}from"./iframe-C0PGuV5s.js";import{c as B,g as F}from"./store-BmYgrUro.js";import{u as p}from"./index-DWjPAWoJ.js";import{T as b}from"./typography-BcLxefPi.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};