@v-miniapp/ui-react 1.0.40 → 1.0.45

package/dist-storybook/assets/bottom-tab-bar.stories-CDmEve6z.js

@@ -0,0 +1,186 @@
+import{j as e,r as i}from"./iframe-CQAwSt4E.js";import{T as v,S as h,M as l,P as B,a as I}from"./blocks-BuaOUtiH.js";import{B as s}from"./bottom-tab-bar-CtcTAxuI.js";import{t}from"./store-D2RudmNr.js";import"./preload-helper-PPVm8Dsz.js";import"./index-DHiZ-gXR.js";import"./icon-DdQsMyRa.js";import"./colors-_6nFGM3e.js";import"./classname-CUR_zgkh.js";import"./typography-DEpAJl_i.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,{})]})},D={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 k=["Default","WithIcons","WithActiveIcons","WithoutIndicator","Interactive"];export{r as Default,p as Interactive,c as WithActiveIcons,m as WithIcons,d as WithoutIndicator,k as __namedExportsOrder,D as default};

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

@@ -0,0 +1 @@
+import{j as u}from"./iframe-CQAwSt4E.js";import{r as N}from"./icon-DdQsMyRa.js";import{c as f,g as b}from"./classname-CUR_zgkh.js";import{T as j}from"./typography-DEpAJl_i.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/button.stories-CaqLWQiY.js

@@ -0,0 +1,287 @@
+import{j as e}from"./iframe-CQAwSt4E.js";import{T as y,S as x,M as u,P as h,a as g}from"./blocks-BuaOUtiH.js";import{B as o}from"./button-CL7GeC23.js";import{t}from"./store-D2RudmNr.js";import"./preload-helper-PPVm8Dsz.js";import"./index-DHiZ-gXR.js";import"./icon-DdQsMyRa.js";import"./colors-_6nFGM3e.js";import"./classname-CUR_zgkh.js";import"./typography-DEpAJl_i.js";const f=()=>{const b=`
+## ${t("common.table.title")}
+
+| ${t("common.table.name")} | ${t("common.table.type")} | ${t("common.table.required")} | ${t("common.table.description")} |
+| :--- | :--- | :--- | :--- |
+| \`shape\` | \`'rounded' | 'pill'\` | ${t("common.table.no")} | ${t("components.button.shapeDescription")} |
+| \`size\` | \`'large' | 'medium'\` | ${t("common.table.no")} | ${t("components.button.sizeDescription")} |
+| \`type\` | \`'solid' | 'solid-subtle' | 'outline' | 'ghost'\` | ${t("common.table.no")} | ${t("components.button.typeDescription")} |
+| \`theme\` | \`'default' | 'brand' | 'neutral' | 'neutral-inverse'\` | ${t("common.table.no")} | ${t("components.button.themeDescription")} |
+| \`disabled\` | \`boolean\` | ${t("common.table.no")} | ${t("components.button.disabledDescription")} |
+| \`loading\` | \`boolean\` | ${t("common.table.no")} | ${t("components.button.loadingDescription")} |
+| \`leadingIcon\` | \`IIconProps | ReactNode\` | ${t("common.table.no")} | ${t("components.button.leadingIconDescription")} |
+| \`trailingIcon\` | \`IIconProps | ReactNode\` | ${t("common.table.no")} | ${t("components.button.trailingIconDescription")} |
+| \`htmlType\` | \`'button' | 'submit' | 'reset'\` | ${t("common.table.no")} | ${t("components.button.htmlTypeDescription")} |
+| \`block\` | \`boolean\` | ${t("common.table.no")} | ${t("components.button.blockDescription")} |
+| \`children\` | \`ReactNode\` | ${t("common.table.no")} | ${t("components.button.childrenDescription")} |
+| \`className\` | \`string\` | ${t("common.table.no")} | ${t("components.button.classNameDescription")} |
+| \`...props\` | \`ComponentPropsWithRef<'button'>\` | ${t("common.table.no")} | ${t("components.button.propsDescription")} |
+  `;return e.jsxs(e.Fragment,{children:[e.jsx(y,{}),e.jsx(x,{}),e.jsx(u,{children:t("components.button.description")}),e.jsx(h,{}),e.jsx(u,{children:b}),e.jsx(g,{})]})},T={title:"Components/Button",component:o,parameters:{layout:"padded",docs:{page:f}},tags:["autodocs"],argTypes:{shape:{control:"select",options:["rounded","pill"],description:t("components.button.argTypes.shapeDescription"),table:{type:{summary:"IButtonShape"},defaultValue:{summary:"rounded"}}},size:{control:"select",options:["large","medium"],description:t("components.button.argTypes.sizeDescription"),table:{type:{summary:"IButtonSize"},defaultValue:{summary:"medium"}}},type:{control:"select",options:["solid","solid-subtle","outline","ghost"],description:t("components.button.argTypes.typeDescription"),table:{type:{summary:"IButtonType"},defaultValue:{summary:"solid"}}},theme:{control:"select",options:["default","brand","neutral","neutral-inverse"],description:t("components.button.argTypes.themeDescription"),table:{type:{summary:"IButtonTheme"},defaultValue:{summary:"default"}}},disabled:{control:"boolean",description:t("components.button.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},loading:{control:"boolean",description:t("components.button.argTypes.loadingDescription"),table:{type:{summary:"boolean"}}},leadingIcon:{control:!1,description:t("components.button.argTypes.leadingIconDescription"),table:{type:{summary:"IIconProps | ReactNode"}}},trailingIcon:{control:!1,description:t("components.button.argTypes.trailingIconDescription"),table:{type:{summary:"IIconProps | ReactNode"}}},htmlType:{control:"select",options:["button","submit","reset"],description:t("components.button.argTypes.htmlTypeDescription"),table:{type:{summary:'"button" | "submit" | "reset"'}}},block:{control:"boolean",description:t("components.button.argTypes.blockDescription"),table:{type:{summary:"boolean"}}},children:{control:"text",description:t("components.button.argTypes.childrenDescription"),table:{type:{summary:"ReactNode"}}}}},n={storyName:t("components.button.stories.default.title"),args:{children:t("components.button.stories.default.label")}},s={storyName:t("components.button.stories.themes.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"12px",flexWrap:"wrap"},children:[e.jsx(o,{theme:"brand",children:t("components.button.stories.themes.brand")}),e.jsx(o,{theme:"neutral",children:t("components.button.stories.themes.neutral")}),e.jsx(o,{theme:"neutral-inverse",children:t("components.button.stories.themes.neutralInverse")})]})},i={storyName:t("components.button.stories.types.title"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",gap:"12px",flexWrap:"wrap"},children:[e.jsx(o,{type:"solid",children:t("components.button.stories.types.solid")}),e.jsx(o,{type:"solid-subtle",children:t("components.button.stories.types.solidSubtle")}),e.jsx(o,{type:"outline",children:t("components.button.stories.types.outline")}),e.jsx(o,{type:"ghost",children:t("components.button.stories.types.ghost")})]}),e.jsxs("div",{style:{display:"flex",gap:"12px",flexWrap:"wrap"},children:[e.jsx(o,{type:"solid",theme:"neutral",children:t("components.button.stories.types.solid")}),e.jsx(o,{type:"solid-subtle",theme:"neutral",children:t("components.button.stories.types.solidSubtle")}),e.jsx(o,{type:"outline",theme:"neutral",children:t("components.button.stories.types.outline")}),e.jsx(o,{type:"ghost",theme:"neutral",children:t("components.button.stories.types.ghost")})]})]})},r={storyName:t("components.button.stories.sizes.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"12px",alignItems:"center"},children:[e.jsx(o,{size:"medium",children:t("components.button.stories.sizes.medium")}),e.jsx(o,{size:"large",children:t("components.button.stories.sizes.large")})]})},l={storyName:t("components.button.stories.shapes.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"12px",flexWrap:"wrap"},children:[e.jsx(o,{shape:"rounded",children:t("components.button.stories.shapes.rounded")}),e.jsx(o,{shape:"pill",children:t("components.button.stories.shapes.pill")})]})},a={storyName:t("components.button.stories.withIcons.title"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",gap:"12px",flexWrap:"wrap"},children:[e.jsx(o,{leadingIcon:{name:"placeholder"},children:t("components.button.stories.icons.leading")}),e.jsx(o,{trailingIcon:{name:"placeholder"},children:t("components.button.stories.icons.trailing")}),e.jsx(o,{leadingIcon:{name:"placeholder"},trailingIcon:{name:"placeholder"},children:t("components.button.stories.icons.both")})]}),e.jsxs("div",{style:{display:"flex",gap:"12px",flexWrap:"wrap"},children:[e.jsx(o,{leadingIcon:{name:"placeholder"}}),e.jsx(o,{trailingIcon:{name:"placeholder"}})]})]})},p={storyName:t("components.button.stories.states.title"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",gap:"12px",flexWrap:"wrap"},children:[e.jsx(o,{children:t("components.button.stories.states.default")}),e.jsx(o,{disabled:!0,children:t("components.button.stories.states.disabled")}),e.jsx(o,{loading:!0,children:t("components.button.stories.states.loading")}),e.jsx(o,{disabled:!0,loading:!0,children:t("components.button.stories.states.disabledLoading")})]}),e.jsxs("div",{style:{display:"flex",gap:"12px",flexWrap:"wrap"},children:[e.jsx(o,{type:"outline",children:t("components.button.stories.states.default")}),e.jsx(o,{type:"outline",disabled:!0,children:t("components.button.stories.states.disabled")}),e.jsx(o,{type:"outline",loading:!0,children:t("components.button.stories.states.loading")})]})]})},c={storyName:t("components.button.stories.blockButton.title"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px",maxWidth:"400px"},children:[e.jsx(o,{block:!0,children:t("components.button.stories.block.fullWidth")}),e.jsx(o,{block:!0,type:"outline",children:t("components.button.stories.block.fullWidthOutline")}),e.jsx(o,{block:!0,loading:!0,children:t("components.button.stories.block.fullWidthLoading")})]})},d={storyName:t("components.button.stories.completeExample.title"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:t("components.button.stories.complete.primaryActions")}),e.jsxs("div",{style:{display:"flex",gap:"12px",flexWrap:"wrap"},children:[e.jsx(o,{type:"solid",size:"large",leadingIcon:{name:"placeholder"},children:t("components.button.stories.complete.saveChanges")}),e.jsx(o,{type:"outline",size:"large",children:t("components.button.stories.complete.cancel")})]})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:t("components.button.stories.complete.secondaryActions")}),e.jsxs("div",{style:{display:"flex",gap:"12px",flexWrap:"wrap"},children:[e.jsx(o,{type:"solid-subtle",theme:"neutral",children:t("components.button.stories.complete.secondary")}),e.jsx(o,{type:"ghost",theme:"neutral",children:t("components.button.stories.complete.tertiary")})]})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:t("components.button.stories.complete.iconButtons")}),e.jsxs("div",{style:{display:"flex",gap:"12px",flexWrap:"wrap"},children:[e.jsx(o,{leadingIcon:{name:"placeholder"}}),e.jsx(o,{trailingIcon:{name:"placeholder"}}),e.jsx(o,{leadingIcon:{name:"placeholder"},shape:"pill"})]})]})]})},m={storyName:t("components.button.stories.interactive.title"),args:{children:t("components.button.stories.interactive.label"),shape:"rounded",size:"medium",type:"solid",theme:"default",disabled:!1,loading:!1,block:!1}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.button.stories.default.title'),
+  args: {
+    children: t('components.button.stories.default.label')
+  }
+}`,...n.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.button.stories.themes.title'),
+  render: () => <div style={{
+    display: 'flex',
+    gap: '12px',
+    flexWrap: 'wrap'
+  }}>
+      <Button theme="brand">
+        {t('components.button.stories.themes.brand')}
+      </Button>
+      <Button theme="neutral">
+        {t('components.button.stories.themes.neutral')}
+      </Button>
+      <Button theme="neutral-inverse">
+        {t('components.button.stories.themes.neutralInverse')}
+      </Button>
+    </div>
+}`,...s.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.button.stories.types.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <div style={{
+      display: 'flex',
+      gap: '12px',
+      flexWrap: 'wrap'
+    }}>
+        <Button type="solid">
+          {t('components.button.stories.types.solid')}
+        </Button>
+        <Button type="solid-subtle">
+          {t('components.button.stories.types.solidSubtle')}
+        </Button>
+        <Button type="outline">
+          {t('components.button.stories.types.outline')}
+        </Button>
+        <Button type="ghost">
+          {t('components.button.stories.types.ghost')}
+        </Button>
+      </div>
+      <div style={{
+      display: 'flex',
+      gap: '12px',
+      flexWrap: 'wrap'
+    }}>
+        <Button type="solid" theme="neutral">
+          {t('components.button.stories.types.solid')}
+        </Button>
+        <Button type="solid-subtle" theme="neutral">
+          {t('components.button.stories.types.solidSubtle')}
+        </Button>
+        <Button type="outline" theme="neutral">
+          {t('components.button.stories.types.outline')}
+        </Button>
+        <Button type="ghost" theme="neutral">
+          {t('components.button.stories.types.ghost')}
+        </Button>
+      </div>
+    </div>
+}`,...i.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.button.stories.sizes.title'),
+  render: () => <div style={{
+    display: 'flex',
+    gap: '12px',
+    alignItems: 'center'
+  }}>
+      <Button size="medium">
+        {t('components.button.stories.sizes.medium')}
+      </Button>
+      <Button size="large">{t('components.button.stories.sizes.large')}</Button>
+    </div>
+}`,...r.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.button.stories.shapes.title'),
+  render: () => <div style={{
+    display: 'flex',
+    gap: '12px',
+    flexWrap: 'wrap'
+  }}>
+      <Button shape="rounded">
+        {t('components.button.stories.shapes.rounded')}
+      </Button>
+      <Button shape="pill">{t('components.button.stories.shapes.pill')}</Button>
+    </div>
+}`,...l.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.button.stories.withIcons.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <div style={{
+      display: 'flex',
+      gap: '12px',
+      flexWrap: 'wrap'
+    }}>
+        <Button leadingIcon={{
+        name: 'placeholder'
+      }}>
+          {t('components.button.stories.icons.leading')}
+        </Button>
+        <Button trailingIcon={{
+        name: 'placeholder'
+      }}>
+          {t('components.button.stories.icons.trailing')}
+        </Button>
+        <Button leadingIcon={{
+        name: 'placeholder'
+      }} trailingIcon={{
+        name: 'placeholder'
+      }}>
+          {t('components.button.stories.icons.both')}
+        </Button>
+      </div>
+      <div style={{
+      display: 'flex',
+      gap: '12px',
+      flexWrap: 'wrap'
+    }}>
+        <Button leadingIcon={{
+        name: 'placeholder'
+      }} />
+        <Button trailingIcon={{
+        name: 'placeholder'
+      }} />
+      </div>
+    </div>
+}`,...a.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.button.stories.states.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <div style={{
+      display: 'flex',
+      gap: '12px',
+      flexWrap: 'wrap'
+    }}>
+        <Button>{t('components.button.stories.states.default')}</Button>
+        <Button disabled>
+          {t('components.button.stories.states.disabled')}
+        </Button>
+        <Button loading>{t('components.button.stories.states.loading')}</Button>
+        <Button disabled loading>
+          {t('components.button.stories.states.disabledLoading')}
+        </Button>
+      </div>
+      <div style={{
+      display: 'flex',
+      gap: '12px',
+      flexWrap: 'wrap'
+    }}>
+        <Button type="outline">
+          {t('components.button.stories.states.default')}
+        </Button>
+        <Button type="outline" disabled>
+          {t('components.button.stories.states.disabled')}
+        </Button>
+        <Button type="outline" loading>
+          {t('components.button.stories.states.loading')}
+        </Button>
+      </div>
+    </div>
+}`,...p.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.button.stories.blockButton.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '12px',
+    maxWidth: '400px'
+  }}>
+      <Button block>{t('components.button.stories.block.fullWidth')}</Button>
+      <Button block type="outline">
+        {t('components.button.stories.block.fullWidthOutline')}
+      </Button>
+      <Button block loading>
+        {t('components.button.stories.block.fullWidthLoading')}
+      </Button>
+    </div>
+}`,...c.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.button.stories.completeExample.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '24px'
+  }}>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.button.stories.complete.primaryActions')}
+        </h3>
+        <div style={{
+        display: 'flex',
+        gap: '12px',
+        flexWrap: 'wrap'
+      }}>
+          <Button type="solid" size="large" leadingIcon={{
+          name: 'placeholder'
+        }}>
+            {t('components.button.stories.complete.saveChanges')}
+          </Button>
+          <Button type="outline" size="large">
+            {t('components.button.stories.complete.cancel')}
+          </Button>
+        </div>
+      </div>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.button.stories.complete.secondaryActions')}
+        </h3>
+        <div style={{
+        display: 'flex',
+        gap: '12px',
+        flexWrap: 'wrap'
+      }}>
+          <Button type="solid-subtle" theme="neutral">
+            {t('components.button.stories.complete.secondary')}
+          </Button>
+          <Button type="ghost" theme="neutral">
+            {t('components.button.stories.complete.tertiary')}
+          </Button>
+        </div>
+      </div>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.button.stories.complete.iconButtons')}
+        </h3>
+        <div style={{
+        display: 'flex',
+        gap: '12px',
+        flexWrap: 'wrap'
+      }}>
+          <Button leadingIcon={{
+          name: 'placeholder'
+        }} />
+          <Button trailingIcon={{
+          name: 'placeholder'
+        }} />
+          <Button leadingIcon={{
+          name: 'placeholder'
+        }} shape="pill" />
+        </div>
+      </div>
+    </div>
+}`,...d.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.button.stories.interactive.title'),
+  args: {
+    children: t('components.button.stories.interactive.label'),
+    shape: 'rounded',
+    size: 'medium',
+    type: 'solid',
+    theme: 'default',
+    disabled: false,
+    loading: false,
+    block: false
+  }
+}`,...m.parameters?.docs?.source}}};const k=["Default","Themes","Types","Sizes","Shapes","WithIcons","States","BlockButton","CompleteExample","Interactive"];export{c as BlockButton,d as CompleteExample,n as Default,m as Interactive,l as Shapes,r as Sizes,p as States,s as Themes,i as Types,a as WithIcons,k as __namedExportsOrder,T as default};

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

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