@v-miniapp/ui-react 1.0.45 → 1.0.59

package/dist-storybook/assets/switch-D0Z9tWin.js

@@ -0,0 +1 @@
+import{r as c,j as t}from"./iframe-DfPay7Zl.js";import{c as p,g as b}from"./store-Ce3Ikv5g.js";import{u as x}from"./index-EGt7xBnA.js";const e=b("switch"),C=c.forwardRef((a,u)=>{const{disabled:o=!1,theme:d="brand",className:m,style:f,checked:N,defaultChecked:_,onChange:g,...h}=a,l=c.useRef(null),[i,n]=c.useState(!1),[r,k]=x(a,{defaultValuePropName:"defaultChecked",valuePropName:"checked",trigger:"onChange"});return c.useImperativeHandle(u,()=>({focus:()=>l.current?.focus?.(),blur:()=>l.current?.blur?.()})),t.jsxs("label",{className:p(e,{[`${e}--checked`]:r,[`${e}--unchecked`]:!r,[`${e}--disabled`]:o,[`${e}--focus`]:i,[`${e}--theme-${d}`]:!0},m),style:f,children:[t.jsx("span",{className:`${e}__overlay`}),t.jsx("span",{className:`${e}__thumb`}),t.jsx("input",{...h,type:"checkbox",checked:r,disabled:o,onChange:s=>k(s.target.checked),ref:l,className:`${e}__input`,onFocus:s=>{n(!0),a.onFocus?.(s)},onBlur:s=>{n(!1),a.onBlur?.(s)}})]})});C.__docgenInfo={description:"",methods:[{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"blur",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Switch"};export{C as S};

package/dist-storybook/assets/{switch.stories-BqPLNKB9.js → switch.stories-BdWFln-M.js}

@@ -1,4 +1,4 @@
-import{j as e,r as c}from"./iframe-CQAwSt4E.js";import{S as s}from"./switch-p-aXI-ev.js";import{B as y}from"./button-CL7GeC23.js";import{t as n}from"./store-D2RudmNr.js";import{T as b,S as w,M as u,P as v,a as S}from"./blocks-BuaOUtiH.js";import"./preload-helper-PPVm8Dsz.js";import"./classname-CUR_zgkh.js";import"./index-BV0AJWP6.js";import"./index-B-Ksafg0.js";import"./icon-DdQsMyRa.js";import"./colors-_6nFGM3e.js";import"./typography-DEpAJl_i.js";import"./index-DHiZ-gXR.js";const k=()=>{const t=`
+import{j as e,r as c}from"./iframe-DfPay7Zl.js";import{S as s}from"./switch-D0Z9tWin.js";import{B as y}from"./button-DJH3RlJl.js";import{t as n}from"./store-Ce3Ikv5g.js";import{T as b,S as w,M as u,P as v,a as S}from"./blocks-DKR3P4qW.js";import"./preload-helper-PPVm8Dsz.js";import"./index-EGt7xBnA.js";import"./index-B-Ksafg0.js";import"./icon-CdiFzFyf.js";import"./colors-_6nFGM3e.js";import"./typography-CB8hPDyK.js";import"./index-cMNObl2z.js";const k=()=>{const t=`
 ## ${n("common.table.title")}
 | ${n("common.table.name")} | ${n("common.table.type")} | ${n("common.table.required")} | ${n("common.table.description")} |
 | :--- | :--- | :--- | :--- |
@@ -8,7 +8,7 @@ import{j as e,r as c}from"./iframe-CQAwSt4E.js";import{S as s}from"./switch-p-aX
 | \`theme\` | \`'brand' | 'inverse'\` | ${n("common.table.no")} | ${n("components.switch.argTypes.themeDescription")} |
 | \`className\` | \`string\` | ${n("common.table.no")} | ${n("components.switch.argTypes.classNameDescription")} |
 | \`...props\` | \`ComponentProps<'input'>\` | ${n("common.table.no")} | ${n("components.switch.argTypes.propsDescription")} |
-`;return e.jsxs(e.Fragment,{children:[e.jsx(b,{}),e.jsx(w,{}),e.jsx(u,{children:n("components.switch.description")}),e.jsx(v,{}),e.jsx(u,{children:t}),e.jsx(S,{})]})},A={title:"Components/Switch",component:s,parameters:{layout:"padded",docs:{page:k}},tags:["autodocs"],argTypes:{checked:{control:"boolean",description:n("components.switch.argTypes.checkedDescription"),table:{type:{summary:"boolean"}}},onChange:{action:"changed",description:n("components.switch.argTypes.onChangeDescription"),table:{type:{summary:"(checked: boolean) => void"}}},disabled:{control:"boolean",description:n("components.switch.argTypes.disabledDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},theme:{control:"select",options:["default","inverse"],description:n("components.switch.argTypes.themeDescription"),table:{type:{summary:"ISwitchTheme"},defaultValue:{summary:"default"}}},className:{description:n("components.switch.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},l={args:{}},r={name:n("components.switch.stories.states.name"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:!1}),e.jsx("span",{children:n("components.switch.states.off")})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:!0}),e.jsx("span",{children:n("components.switch.states.on")})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:!0,disabled:!0}),e.jsx("span",{children:n("components.switch.states.onDisabled")})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:!1,disabled:!0}),e.jsx("span",{children:n("components.switch.states.offDisabled")})]})]})},p={name:n("components.switch.stories.controlled.name"),render:()=>{const[t,a]=c.useState(!1);return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:t,onChange:a}),e.jsx("span",{children:n("components.switch.stories.controlled.notificationLabel",{status:t?n("components.switch.states.on").toLowerCase():n("components.switch.states.off").toLowerCase()})})]}),e.jsx(y,{onClick:()=>a(!t),children:n("components.switch.stories.controlled.toggleButton")})]})}},d={name:n("components.switch.stories.themes.name"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:!0}),e.jsx("span",{children:n("components.switch.stories.themes.brand")})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{theme:"inverse",checked:!0}),e.jsx("span",{children:n("components.switch.stories.themes.inverse")})]})]})},m={name:n("components.switch.stories.withLabels.name"),render:()=>{const[t,a]=c.useState(!1),[i,o]=c.useState(!0),[g,f]=c.useState(!1);return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:t,onChange:a}),e.jsx("span",{children:n("components.switch.stories.withLabels.notifications")})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:i,onChange:o}),e.jsx("span",{children:n("components.switch.stories.withLabels.darkMode")})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:g,onChange:f}),e.jsx("span",{children:n("components.switch.stories.withLabels.autoSave")})]})]})}},h={name:n("components.switch.stories.completeExample.name"),render:()=>{const[t,a]=c.useState({notifications:!1,darkMode:!0,autoSave:!1,publicProfile:!0}),i=(o,g)=>{a({...t,[o]:g})};return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:n("components.switch.stories.completeExample.settingsTitle")}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:t.notifications,onChange:o=>i("notifications",o)}),e.jsx("span",{children:n("components.switch.stories.completeExample.pushNotifications")})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:t.darkMode,onChange:o=>i("darkMode",o)}),e.jsx("span",{children:n("components.switch.stories.completeExample.darkMode")})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:t.autoSave,onChange:o=>i("autoSave",o)}),e.jsx("span",{children:n("components.switch.stories.completeExample.autoSave")})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"not-allowed",opacity:.6},children:[e.jsx(s,{checked:t.publicProfile,onChange:o=>i("publicProfile",o),disabled:!0}),e.jsx("span",{children:n("components.switch.stories.completeExample.publicProfile")})]})]})]}),e.jsxs("div",{style:{padding:"12px",backgroundColor:"#f5f5f5",borderRadius:"4px"},children:[e.jsx("p",{style:{fontSize:"14px",margin:0},children:e.jsxs("strong",{children:[n("components.switch.stories.completeExample.currentSettings"),":"]})}),e.jsx("pre",{style:{fontSize:"12px",marginTop:"8px"},children:JSON.stringify(t,null,2)})]})]})}},x={name:n("components.switch.stories.interactive.name"),args:{checked:!1,disabled:!1,theme:"brand"}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+`;return e.jsxs(e.Fragment,{children:[e.jsx(b,{}),e.jsx(w,{}),e.jsx(u,{children:n("components.switch.description")}),e.jsx(v,{}),e.jsx(u,{children:t}),e.jsx(S,{})]})},z={title:"Components/Switch",component:s,parameters:{layout:"padded",docs:{page:k}},tags:["autodocs"],argTypes:{checked:{control:"boolean",description:n("components.switch.argTypes.checkedDescription"),table:{type:{summary:"boolean"}}},onChange:{action:"changed",description:n("components.switch.argTypes.onChangeDescription"),table:{type:{summary:"(checked: boolean) => void"}}},disabled:{control:"boolean",description:n("components.switch.argTypes.disabledDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},theme:{control:"select",options:["default","inverse"],description:n("components.switch.argTypes.themeDescription"),table:{type:{summary:"ISwitchTheme"},defaultValue:{summary:"default"}}},className:{description:n("components.switch.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},l={args:{}},r={name:n("components.switch.stories.states.name"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:!1}),e.jsx("span",{children:n("components.switch.states.off")})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:!0}),e.jsx("span",{children:n("components.switch.states.on")})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:!0,disabled:!0}),e.jsx("span",{children:n("components.switch.states.onDisabled")})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:!1,disabled:!0}),e.jsx("span",{children:n("components.switch.states.offDisabled")})]})]})},p={name:n("components.switch.stories.controlled.name"),render:()=>{const[t,a]=c.useState(!1);return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:t,onChange:a}),e.jsx("span",{children:n("components.switch.stories.controlled.notificationLabel",{status:t?n("components.switch.states.on").toLowerCase():n("components.switch.states.off").toLowerCase()})})]}),e.jsx(y,{onClick:()=>a(!t),children:n("components.switch.stories.controlled.toggleButton")})]})}},d={name:n("components.switch.stories.themes.name"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:!0}),e.jsx("span",{children:n("components.switch.stories.themes.brand")})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{theme:"inverse",checked:!0}),e.jsx("span",{children:n("components.switch.stories.themes.inverse")})]})]})},m={name:n("components.switch.stories.withLabels.name"),render:()=>{const[t,a]=c.useState(!1),[i,o]=c.useState(!0),[g,f]=c.useState(!1);return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:t,onChange:a}),e.jsx("span",{children:n("components.switch.stories.withLabels.notifications")})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:i,onChange:o}),e.jsx("span",{children:n("components.switch.stories.withLabels.darkMode")})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:g,onChange:f}),e.jsx("span",{children:n("components.switch.stories.withLabels.autoSave")})]})]})}},h={name:n("components.switch.stories.completeExample.name"),render:()=>{const[t,a]=c.useState({notifications:!1,darkMode:!0,autoSave:!1,publicProfile:!0}),i=(o,g)=>{a({...t,[o]:g})};return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:n("components.switch.stories.completeExample.settingsTitle")}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:t.notifications,onChange:o=>i("notifications",o)}),e.jsx("span",{children:n("components.switch.stories.completeExample.pushNotifications")})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:t.darkMode,onChange:o=>i("darkMode",o)}),e.jsx("span",{children:n("components.switch.stories.completeExample.darkMode")})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:t.autoSave,onChange:o=>i("autoSave",o)}),e.jsx("span",{children:n("components.switch.stories.completeExample.autoSave")})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"not-allowed",opacity:.6},children:[e.jsx(s,{checked:t.publicProfile,onChange:o=>i("publicProfile",o),disabled:!0}),e.jsx("span",{children:n("components.switch.stories.completeExample.publicProfile")})]})]})]}),e.jsxs("div",{style:{padding:"12px",backgroundColor:"#f5f5f5",borderRadius:"4px"},children:[e.jsx("p",{style:{fontSize:"14px",margin:0},children:e.jsxs("strong",{children:[n("components.switch.stories.completeExample.currentSettings"),":"]})}),e.jsx("pre",{style:{fontSize:"12px",marginTop:"8px"},children:JSON.stringify(t,null,2)})]})]})}},x={name:n("components.switch.stories.interactive.name"),args:{checked:!1,disabled:!1,theme:"brand"}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
   args: {}
 }`,...l.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
   name: t('components.switch.stories.states.name'),
@@ -247,4 +247,4 @@ import{j as e,r as c}from"./iframe-CQAwSt4E.js";import{S as s}from"./switch-p-aX
     disabled: false,
     theme: 'brand'
   }
-}`,...x.parameters?.docs?.source}}};const O=["Default","States","Controlled","Themes","WithLabels","CompleteExample","Interactive"];export{h as CompleteExample,p as Controlled,l as Default,x as Interactive,r as States,d as Themes,m as WithLabels,O as __namedExportsOrder,A as default};
+}`,...x.parameters?.docs?.source}}};const A=["Default","States","Controlled","Themes","WithLabels","CompleteExample","Interactive"];export{h as CompleteExample,p as Controlled,l as Default,x as Interactive,r as States,d as Themes,m as WithLabels,A as __namedExportsOrder,z as default};

package/dist-storybook/assets/{tab-bar-CSeCmtIZ.js → tab-bar-kExoGg5P.js}

@@ -1,4 +1,4 @@
-import{r as a,j as i}from"./iframe-CQAwSt4E.js";import{c as $,g as S}from"./classname-CUR_zgkh.js";import{r as G}from"./icon-DdQsMyRa.js";import{T as F}from"./typography-DEpAJl_i.js";import{a as H,B as W}from"./badge-D_LzMVtw.js";import{u as J}from"./index-BV0AJWP6.js";const p=S("tab-bar__item"),B=a.forwardRef(({className:u,id:r,active:w,icon:m,name:I,badge:n,onItemClick:f,...k},v)=>{const o=()=>{if(!m)return null;const t=i.jsx("span",{className:`${p}__icon`,children:G(m)});return n?i.jsxs(H,{children:[t,i.jsx(W,{...n===!0?{}:n})]}):t},h=()=>{const t=i.jsx(F,{component:"span",size:"base",className:`${p}__label`,children:I});return!n||m?t:i.jsxs("div",{className:`${p}__label-with-badge`,children:[t,i.jsx(W,{...n===!0?{}:n})]})};return i.jsxs("div",{ref:v,className:$(p,{[`${p}--active`]:w},u),onClick:()=>f?.(),...k,children:[o(),h()]})});B.__docgenInfo={description:"",methods:[],displayName:"TabBarItem",props:{id:{required:!0,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"union",raw:"IIconProps | ReactNode",elements:[{name:"intersection",raw:"Destination & Omit<Origin, keyof Destination>",elements:[{name:"intersection",raw:`{
+import{r as a,j as i}from"./iframe-DfPay7Zl.js";import{c as $,g as S}from"./store-Ce3Ikv5g.js";import{r as G}from"./icon-CdiFzFyf.js";import{T as F}from"./typography-CB8hPDyK.js";import{a as H,B as W}from"./badge-VcjGVEum.js";import{u as J}from"./index-EGt7xBnA.js";const p=S("tab-bar__item"),B=a.forwardRef(({className:u,id:r,active:w,icon:m,name:I,badge:n,onItemClick:f,...k},v)=>{const o=()=>{if(!m)return null;const t=i.jsx("span",{className:`${p}__icon`,children:G(m)});return n?i.jsxs(H,{children:[t,i.jsx(W,{...n===!0?{}:n})]}):t},h=()=>{const t=i.jsx(F,{component:"span",size:"base",className:`${p}__label`,children:I});return!n||m?t:i.jsxs("div",{className:`${p}__label-with-badge`,children:[t,i.jsx(W,{...n===!0?{}:n})]})};return i.jsxs("div",{ref:v,className:$(p,{[`${p}--active`]:w},u),onClick:()=>f?.(),...k,children:[o(),h()]})});B.__docgenInfo={description:"",methods:[],displayName:"TabBarItem",props:{id:{required:!0,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"union",raw:"IIconProps | ReactNode",elements:[{name:"intersection",raw:"Destination & Omit<Origin, keyof Destination>",elements:[{name:"intersection",raw:`{
   size?: number | string
   color?: IColor
   animation?: IIconAnimation

package/dist-storybook/assets/{tab-bar.stories-Cb6v8H2w.js → tab-bar.stories-BgDXX0of.js}

@@ -1,4 +1,4 @@
-import{j as t,r as o}from"./iframe-CQAwSt4E.js";import{T as i}from"./tab-bar-CSeCmtIZ.js";import{t as e}from"./store-D2RudmNr.js";import{T as x,S as g,M as v,P as y,a as T}from"./blocks-BuaOUtiH.js";import"./preload-helper-PPVm8Dsz.js";import"./classname-CUR_zgkh.js";import"./icon-DdQsMyRa.js";import"./colors-_6nFGM3e.js";import"./typography-DEpAJl_i.js";import"./badge-D_LzMVtw.js";import"./index-BV0AJWP6.js";import"./index-B-Ksafg0.js";import"./index-DHiZ-gXR.js";const f=()=>{const n=`
+import{j as t,r as o}from"./iframe-DfPay7Zl.js";import{T as i}from"./tab-bar-kExoGg5P.js";import{t as e}from"./store-Ce3Ikv5g.js";import{T as x,S as g,M as v,P as y,a as T}from"./blocks-DKR3P4qW.js";import"./preload-helper-PPVm8Dsz.js";import"./icon-CdiFzFyf.js";import"./colors-_6nFGM3e.js";import"./typography-CB8hPDyK.js";import"./badge-VcjGVEum.js";import"./index-EGt7xBnA.js";import"./index-B-Ksafg0.js";import"./index-cMNObl2z.js";const f=()=>{const n=`
 ## ${e("common.table.title")}
 | ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
 | :--- | :--- | :--- | :--- |
@@ -9,7 +9,7 @@ import{j as t,r as o}from"./iframe-CQAwSt4E.js";import{T as i}from"./tab-bar-CSe
 | \`onItemClick\` | \`(item: ITabBarItem, index: number) => void\` | ${e("common.table.no")} | ${e("components.tabBar.argTypes.onItemClickDescription")} |
 | \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.tabBar.argTypes.classNameDescription")} |
 | \`...props\` | \`ComponentPropsWithRef<'div'>\` | ${e("common.table.no")} | ${e("components.tabBar.argTypes.propsDescription")} |
-`;return t.jsxs(t.Fragment,{children:[t.jsx(x,{}),t.jsx(g,{}),t.jsx(v,{children:e("components.tabBar.description")}),t.jsx(y,{}),t.jsx(v,{children:n}),t.jsx(T,{})]})},M={title:"Components/TabBar",component:i,parameters:{layout:"padded",docs:{page:f}},tags:["autodocs"],argTypes:{items:{control:!1,description:e("components.tabBar.argTypes.itemsDescription"),table:{type:{summary:"ITabBarItem[]"}}},activeId:{control:"text",description:e("components.tabBar.argTypes.activeIdDescription"),table:{type:{summary:"string"}}},defaultActiveId:{control:"text",description:e("components.tabBar.argTypes.defaultActiveIdDescription"),table:{type:{summary:"string"}}},theme:{control:"select",options:["default","brand","neutral"],description:e("components.tabBar.argTypes.themeDescription"),table:{type:{summary:'"default" | "brand" | "neutral"'},defaultValue:{summary:"default"}}},onItemClick:{action:"item-clicked",description:e("components.tabBar.argTypes.onItemClickDescription"),table:{type:{summary:"(item: ITabBarItem, index: number) => void"}}},className:{description:e("components.tabBar.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},m=[{id:"1",name:e("components.tabBar.stories.items.home"),icon:{name:"placeholder"}},{id:"2",name:e("components.tabBar.stories.items.search"),icon:{name:"placeholder"}},{id:"3",name:e("components.tabBar.stories.items.profile"),icon:{name:"placeholder"}}],c={render:()=>{const[n,a]=o.useState("1");return t.jsx(i,{items:m,activeId:n,onItemClick:s=>a(s.id)})}},d={name:e("components.tabBar.stories.withIcons.name"),render:()=>{const[n,a]=o.useState("1");return t.jsx(i,{items:[{id:"1",name:e("components.tabBar.stories.items.home"),icon:{name:"placeholder"}},{id:"2",name:e("components.tabBar.stories.items.search"),icon:{name:"placeholder"}},{id:"3",name:e("components.tabBar.stories.items.profile"),icon:{name:"placeholder"}}],activeId:n,onItemClick:s=>a(s.id)})}},p={name:e("components.tabBar.stories.withBadges.name"),render:()=>{const[n,a]=o.useState("1");return t.jsx(i,{items:[{id:"1",name:e("components.tabBar.stories.items.home"),icon:{name:"placeholder"},badge:{children:3}},{id:"2",name:e("components.tabBar.stories.items.messages"),icon:{name:"placeholder"},badge:!0},{id:"3",name:e("components.tabBar.stories.items.profile"),icon:{name:"placeholder"}}],activeId:n,onItemClick:s=>a(s.id)})}},l={name:e("components.tabBar.stories.textOnly.name"),render:()=>{const[n,a]=o.useState("1");return t.jsx(i,{items:[{id:"1",name:e("components.tabBar.stories.items.tab1")},{id:"2",name:e("components.tabBar.stories.items.tab2")},{id:"3",name:e("components.tabBar.stories.items.tab3")}],activeId:n,onItemClick:s=>a(s.id)})}},b={name:e("components.tabBar.stories.themes.name"),render:()=>{const[n,a]=o.useState("1"),[s,u]=o.useState("1"),[h,B]=o.useState("1");return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.tabBar.stories.themes.defaultTheme")}),t.jsx(i,{items:m,activeId:n,onItemClick:r=>a(r.id)})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.tabBar.stories.themes.brandTheme")}),t.jsx(i,{theme:"brand",items:m,activeId:s,onItemClick:r=>u(r.id)})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.tabBar.stories.themes.neutralTheme")}),t.jsx(i,{theme:"neutral",items:m,activeId:h,onItemClick:r=>B(r.id)})]})]})}},I={name:e("components.tabBar.stories.interactive.name"),render:()=>{const[n,a]=o.useState("1");return t.jsxs("div",{children:[t.jsx(i,{items:m,activeId:n,onItemClick:s=>a(s.id)}),t.jsx("p",{style:{marginTop:"16px"},children:e("components.tabBar.stories.interactive.activeTab",{id:n})})]})}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+`;return t.jsxs(t.Fragment,{children:[t.jsx(x,{}),t.jsx(g,{}),t.jsx(v,{children:e("components.tabBar.description")}),t.jsx(y,{}),t.jsx(v,{children:n}),t.jsx(T,{})]})},P={title:"Components/TabBar",component:i,parameters:{layout:"padded",docs:{page:f}},tags:["autodocs"],argTypes:{items:{control:!1,description:e("components.tabBar.argTypes.itemsDescription"),table:{type:{summary:"ITabBarItem[]"}}},activeId:{control:"text",description:e("components.tabBar.argTypes.activeIdDescription"),table:{type:{summary:"string"}}},defaultActiveId:{control:"text",description:e("components.tabBar.argTypes.defaultActiveIdDescription"),table:{type:{summary:"string"}}},theme:{control:"select",options:["default","brand","neutral"],description:e("components.tabBar.argTypes.themeDescription"),table:{type:{summary:'"default" | "brand" | "neutral"'},defaultValue:{summary:"default"}}},onItemClick:{action:"item-clicked",description:e("components.tabBar.argTypes.onItemClickDescription"),table:{type:{summary:"(item: ITabBarItem, index: number) => void"}}},className:{description:e("components.tabBar.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},m=[{id:"1",name:e("components.tabBar.stories.items.home"),icon:{name:"placeholder"}},{id:"2",name:e("components.tabBar.stories.items.search"),icon:{name:"placeholder"}},{id:"3",name:e("components.tabBar.stories.items.profile"),icon:{name:"placeholder"}}],c={render:()=>{const[n,a]=o.useState("1");return t.jsx(i,{items:m,activeId:n,onItemClick:s=>a(s.id)})}},d={name:e("components.tabBar.stories.withIcons.name"),render:()=>{const[n,a]=o.useState("1");return t.jsx(i,{items:[{id:"1",name:e("components.tabBar.stories.items.home"),icon:{name:"placeholder"}},{id:"2",name:e("components.tabBar.stories.items.search"),icon:{name:"placeholder"}},{id:"3",name:e("components.tabBar.stories.items.profile"),icon:{name:"placeholder"}}],activeId:n,onItemClick:s=>a(s.id)})}},p={name:e("components.tabBar.stories.withBadges.name"),render:()=>{const[n,a]=o.useState("1");return t.jsx(i,{items:[{id:"1",name:e("components.tabBar.stories.items.home"),icon:{name:"placeholder"},badge:{children:3}},{id:"2",name:e("components.tabBar.stories.items.messages"),icon:{name:"placeholder"},badge:!0},{id:"3",name:e("components.tabBar.stories.items.profile"),icon:{name:"placeholder"}}],activeId:n,onItemClick:s=>a(s.id)})}},l={name:e("components.tabBar.stories.textOnly.name"),render:()=>{const[n,a]=o.useState("1");return t.jsx(i,{items:[{id:"1",name:e("components.tabBar.stories.items.tab1")},{id:"2",name:e("components.tabBar.stories.items.tab2")},{id:"3",name:e("components.tabBar.stories.items.tab3")}],activeId:n,onItemClick:s=>a(s.id)})}},b={name:e("components.tabBar.stories.themes.name"),render:()=>{const[n,a]=o.useState("1"),[s,u]=o.useState("1"),[h,B]=o.useState("1");return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.tabBar.stories.themes.defaultTheme")}),t.jsx(i,{items:m,activeId:n,onItemClick:r=>a(r.id)})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.tabBar.stories.themes.brandTheme")}),t.jsx(i,{theme:"brand",items:m,activeId:s,onItemClick:r=>u(r.id)})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.tabBar.stories.themes.neutralTheme")}),t.jsx(i,{theme:"neutral",items:m,activeId:h,onItemClick:r=>B(r.id)})]})]})}},I={name:e("components.tabBar.stories.interactive.name"),render:()=>{const[n,a]=o.useState("1");return t.jsxs("div",{children:[t.jsx(i,{items:m,activeId:n,onItemClick:s=>a(s.id)}),t.jsx("p",{style:{marginTop:"16px"},children:e("components.tabBar.stories.interactive.activeTab",{id:n})})]})}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
   render: () => {
     const [activeId, setActiveId] = useState('1');
     return <TabBar items={items} activeId={activeId} onItemClick={item => setActiveId(item.id)} />;
@@ -133,4 +133,4 @@ import{j as t,r as o}from"./iframe-CQAwSt4E.js";import{T as i}from"./tab-bar-CSe
         </p>
       </div>;
   }
-}`,...I.parameters?.docs?.source}}};const R=["Default","WithIcons","WithBadges","TextOnly","Themes","Interactive"];export{c as Default,I as Interactive,l as TextOnly,b as Themes,p as WithBadges,d as WithIcons,R as __namedExportsOrder,M as default};
+}`,...I.parameters?.docs?.source}}};const M=["Default","WithIcons","WithBadges","TextOnly","Themes","Interactive"];export{c as Default,I as Interactive,l as TextOnly,b as Themes,p as WithBadges,d as WithIcons,M as __namedExportsOrder,P as default};

package/dist-storybook/assets/text-area-GKy5HL12.js

@@ -0,0 +1 @@
+import{r,j as s}from"./iframe-DfPay7Zl.js";import{c as i,g as h}from"./store-Ce3Ikv5g.js";import{g as f,I as x}from"./input-wrapper-CgaUwbbE.js";import{T as N}from"./typography-CB8hPDyK.js";import{u as b}from"./index-EGt7xBnA.js";import{S as c}from"./skeleton-B12XbNAJ.js";const o=h("text-area"),_=r.forwardRef((m,p)=>{const{wrapper:l,props:e}=f(m),[g,n]=r.useState(e.autoFocus),t=r.useRef(null),[u,d]=b(e,{trigger:"onChange",valuePropName:"value"});return r.useImperativeHandle(p,()=>({focus:()=>t.current?.focus?.(),blur:()=>t.current?.blur?.()})),s.jsx(x,{...l,className:i(o,l.className),align:"start",isFocus:g,onClick:()=>t.current?.focus(),bottomInput:e.maxLength?s.jsxs(N,{size:"x-small",weight:400,color:"alias-object-secondary",className:`${o}__count`,children:["(",u?.length||0,"/",e.maxLength,")"]}):null,loadingNode:e.loading&&s.jsxs("div",{className:`${o}__loading`,children:[s.jsx(c,{width:128,height:12,shape:"pill"}),s.jsx(c,{width:40,height:12,shape:"pill"})]}),children:s.jsx("textarea",{rows:3,...e,maxLength:e.maxLength,value:u,onChange:a=>d?.(a.target.value),disabled:l.disabled,onFocus:a=>{n(!0),e.onFocus?.(a)},onBlur:a=>{n(!1),e.onBlur?.(a)},ref:t,className:i(`${o}__input`,{[`${o}__input--auto-height`]:e.autoHeight},e.inputClassName)})})});_.__docgenInfo={description:"",methods:[{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"blur",docblock:null,modifiers:[],params:[],returns:null}],displayName:"TextArea"};export{_ as T};

package/dist-storybook/assets/{text-area.stories-By8bCfgc.js → text-area.stories-DCt3RB3A.js}

@@ -1,4 +1,4 @@
-import{j as t,r as g}from"./iframe-CQAwSt4E.js";import{T as o}from"./text-area-DwSXyqOe.js";import{t as e}from"./store-D2RudmNr.js";import{T as u,S as h,M as x,P as A,a as b}from"./blocks-BuaOUtiH.js";import"./preload-helper-PPVm8Dsz.js";import"./classname-CUR_zgkh.js";import"./input-wrapper-BKHgnPy6.js";import"./icon-DdQsMyRa.js";import"./colors-_6nFGM3e.js";import"./label-DV2iCDmN.js";import"./typography-DEpAJl_i.js";import"./skeleton-C91JgehG.js";import"./pick-BhmhLmLe.js";import"./omit-Bsx5nTI0.js";import"./_setToString-CbM921C9.js";import"./index-BV0AJWP6.js";import"./index-B-Ksafg0.js";import"./index-DHiZ-gXR.js";const y=()=>{const r=`
+import{j as t,r as g}from"./iframe-DfPay7Zl.js";import{T as o}from"./text-area-GKy5HL12.js";import{t as e}from"./store-Ce3Ikv5g.js";import{T as u,S as h,M as x,P as A,a as b}from"./blocks-DKR3P4qW.js";import"./preload-helper-PPVm8Dsz.js";import"./input-wrapper-CgaUwbbE.js";import"./icon-CdiFzFyf.js";import"./colors-_6nFGM3e.js";import"./label-D44azUgi.js";import"./typography-CB8hPDyK.js";import"./skeleton-B12XbNAJ.js";import"./omit-BWHsnDSR.js";import"./_baseClone-DQVxEhny.js";import"./index-EGt7xBnA.js";import"./index-B-Ksafg0.js";import"./index-cMNObl2z.js";const y=()=>{const r=`
 ## ${e("common.table.title")}
 | ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
 | :--- | :--- | :--- | :--- |
@@ -23,7 +23,7 @@ import{j as t,r as g}from"./iframe-CQAwSt4E.js";import{T as o}from"./text-area-D
 | \`suffix\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.textArea.argTypes.suffixDescription")} |
 | \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.textArea.argTypes.classNameDescription")} |
 | \`...props\` | \`ComponentProps<'textarea'>\` | ${e("common.table.no")} | ${e("components.textArea.argTypes.propsDescription")} |
-`;return t.jsxs(t.Fragment,{children:[t.jsx(u,{}),t.jsx(h,{}),t.jsx(x,{children:e("components.textArea.description")}),t.jsx(A,{}),t.jsx(x,{children:r}),t.jsx(b,{})]})},E={title:"Components/TextArea",component:o,parameters:{layout:"padded",docs:{page:y}},tags:["autodocs"],argTypes:{value:{control:"text",description:e("components.textArea.argTypes.valueDescription"),table:{type:{summary:"string"}}},onChange:{action:"changed",description:e("components.textArea.argTypes.onChangeDescription"),table:{type:{summary:"(value: string) => void"}}},placeholder:{control:"text",description:e("components.textArea.argTypes.placeholderDescription"),table:{type:{summary:"string"}}},label:{control:"text",description:e("components.textArea.argTypes.labelDescription"),table:{type:{summary:"ILabelProps"}}},shape:{control:"select",options:["rounded","pill"],description:e("components.textArea.argTypes.shapeDescription"),table:{type:{summary:'"rounded" | "pill"'},defaultValue:{summary:"rounded"}}},disabled:{control:"boolean",description:e("components.textArea.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},error:{control:"boolean",description:e("components.textArea.argTypes.errorDescription"),table:{type:{summary:"boolean"}}},errorMessage:{control:"text",description:e("components.textArea.argTypes.errorMessageDescription"),table:{type:{summary:"ReactNode"}}},maxLength:{control:{type:"number",min:0,max:1e3,step:10},description:e("components.textArea.argTypes.maxLengthDescription"),table:{type:{summary:"number"}}},autoHeight:{control:"boolean",description:e("components.textArea.argTypes.autoHeightDescription"),table:{type:{summary:"boolean"}}},loading:{control:"boolean",description:e("components.textArea.argTypes.loadingDescription"),table:{type:{summary:"boolean"}}},className:{description:e("components.textArea.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},a={name:e("components.textArea.stories.default.name"),args:{placeholder:e("components.textArea.stories.default.placeholder")}},s={name:e("components.textArea.stories.controlled.name"),render:()=>{const[r,d]=g.useState("");return t.jsx(o,{value:r,onChange:d,placeholder:e("components.textArea.stories.controlled.placeholder")})}},n={name:e("components.textArea.stories.withLabel.name"),args:{label:{text:e("components.textArea.stories.withLabel.label")},placeholder:e("components.textArea.stories.withLabel.placeholder")}},c={name:e("components.textArea.stories.states.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{placeholder:e("components.textArea.stories.states.normal")}),t.jsx(o,{value:e("components.textArea.stories.states.filled")}),t.jsx(o,{disabled:!0,placeholder:e("components.textArea.states.disabled")}),t.jsx(o,{error:!0,errorMessage:e("components.textArea.stories.states.errorMessage"),placeholder:e("components.textArea.stories.states.error")}),t.jsx(o,{loading:!0,placeholder:e("components.textArea.states.loading")})]})},p={name:e("components.textArea.stories.withMaxLength.name"),render:()=>{const[r,d]=g.useState("");return t.jsx(o,{value:r,onChange:d,maxLength:100,placeholder:e("components.textArea.stories.withMaxLength.placeholder",{count:100})})}},l={name:e("components.textArea.stories.autoHeight.name"),args:{autoHeight:!0,placeholder:e("components.textArea.stories.autoHeight.placeholder")}},i={name:e("components.textArea.stories.shapes.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{shape:"rounded",placeholder:e("components.textArea.stories.shapes.rounded")}),t.jsx(o,{shape:"pill",placeholder:e("components.textArea.stories.shapes.pill")})]})},m={name:e("components.textArea.stories.interactive.name"),args:{placeholder:e("components.textArea.stories.interactive.placeholder")}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+`;return t.jsxs(t.Fragment,{children:[t.jsx(u,{}),t.jsx(h,{}),t.jsx(x,{children:e("components.textArea.description")}),t.jsx(A,{}),t.jsx(x,{children:r}),t.jsx(b,{})]})},V={title:"Components/TextArea",component:o,parameters:{layout:"padded",docs:{page:y}},tags:["autodocs"],argTypes:{value:{control:"text",description:e("components.textArea.argTypes.valueDescription"),table:{type:{summary:"string"}}},onChange:{action:"changed",description:e("components.textArea.argTypes.onChangeDescription"),table:{type:{summary:"(value: string) => void"}}},placeholder:{control:"text",description:e("components.textArea.argTypes.placeholderDescription"),table:{type:{summary:"string"}}},label:{control:"text",description:e("components.textArea.argTypes.labelDescription"),table:{type:{summary:"ILabelProps"}}},shape:{control:"select",options:["rounded","pill"],description:e("components.textArea.argTypes.shapeDescription"),table:{type:{summary:'"rounded" | "pill"'},defaultValue:{summary:"rounded"}}},disabled:{control:"boolean",description:e("components.textArea.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},error:{control:"boolean",description:e("components.textArea.argTypes.errorDescription"),table:{type:{summary:"boolean"}}},errorMessage:{control:"text",description:e("components.textArea.argTypes.errorMessageDescription"),table:{type:{summary:"ReactNode"}}},maxLength:{control:{type:"number",min:0,max:1e3,step:10},description:e("components.textArea.argTypes.maxLengthDescription"),table:{type:{summary:"number"}}},autoHeight:{control:"boolean",description:e("components.textArea.argTypes.autoHeightDescription"),table:{type:{summary:"boolean"}}},loading:{control:"boolean",description:e("components.textArea.argTypes.loadingDescription"),table:{type:{summary:"boolean"}}},className:{description:e("components.textArea.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},a={name:e("components.textArea.stories.default.name"),args:{placeholder:e("components.textArea.stories.default.placeholder")}},s={name:e("components.textArea.stories.controlled.name"),render:()=>{const[r,d]=g.useState("");return t.jsx(o,{value:r,onChange:d,placeholder:e("components.textArea.stories.controlled.placeholder")})}},n={name:e("components.textArea.stories.withLabel.name"),args:{label:{text:e("components.textArea.stories.withLabel.label")},placeholder:e("components.textArea.stories.withLabel.placeholder")}},c={name:e("components.textArea.stories.states.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{placeholder:e("components.textArea.stories.states.normal")}),t.jsx(o,{value:e("components.textArea.stories.states.filled")}),t.jsx(o,{disabled:!0,placeholder:e("components.textArea.states.disabled")}),t.jsx(o,{error:!0,errorMessage:e("components.textArea.stories.states.errorMessage"),placeholder:e("components.textArea.stories.states.error")}),t.jsx(o,{loading:!0,placeholder:e("components.textArea.states.loading")})]})},p={name:e("components.textArea.stories.withMaxLength.name"),render:()=>{const[r,d]=g.useState("");return t.jsx(o,{value:r,onChange:d,maxLength:100,placeholder:e("components.textArea.stories.withMaxLength.placeholder",{count:100})})}},l={name:e("components.textArea.stories.autoHeight.name"),args:{autoHeight:!0,placeholder:e("components.textArea.stories.autoHeight.placeholder")}},i={name:e("components.textArea.stories.shapes.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{shape:"rounded",placeholder:e("components.textArea.stories.shapes.rounded")}),t.jsx(o,{shape:"pill",placeholder:e("components.textArea.stories.shapes.pill")})]})},m={name:e("components.textArea.stories.interactive.name"),args:{placeholder:e("components.textArea.stories.interactive.placeholder")}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
   name: t('components.textArea.stories.default.name'),
   args: {
     placeholder: t('components.textArea.stories.default.placeholder')
@@ -84,4 +84,4 @@ import{j as t,r as g}from"./iframe-CQAwSt4E.js";import{T as o}from"./text-area-D
   args: {
     placeholder: t('components.textArea.stories.interactive.placeholder')
   }
-}`,...m.parameters?.docs?.source}}};const W=["Default","Controlled","WithLabel","States","WithMaxLength","AutoHeight","Shapes","Interactive"];export{l as AutoHeight,s as Controlled,a as Default,m as Interactive,i as Shapes,c as States,n as WithLabel,p as WithMaxLength,W as __namedExportsOrder,E as default};
+}`,...m.parameters?.docs?.source}}};const k=["Default","Controlled","WithLabel","States","WithMaxLength","AutoHeight","Shapes","Interactive"];export{l as AutoHeight,s as Controlled,a as Default,m as Interactive,i as Shapes,c as States,n as WithLabel,p as WithMaxLength,k as __namedExportsOrder,V as default};

package/dist-storybook/assets/text-field-CGWNqitB.js

@@ -0,0 +1 @@
+import{r,j as o}from"./iframe-DfPay7Zl.js";import{c as d,g as m}from"./store-Ce3Ikv5g.js";import{g as f,I as g}from"./input-wrapper-CgaUwbbE.js";import{S as i}from"./skeleton-B12XbNAJ.js";const l=m("text-field"),h=r.forwardRef((u,c)=>{const{wrapper:n,props:e}=f(u),[p,t]=r.useState(e.autoFocus),a=r.useRef(null);return r.useImperativeHandle(c,()=>({focus:()=>a.current?.focus?.(),blur:()=>a.current?.blur?.()})),o.jsx(g,{...n,isFocus:p,onClick:()=>a.current?.focus(),loadingNode:e.loading&&o.jsxs("div",{className:`${l}__loading ${l}__loading--${e.loadingType}`,children:[o.jsx(i,{width:e.loadingType==="search"?24:40,height:e.loadingType==="search"?24:13,shape:"pill"}),o.jsx(i,{width:128,height:13,shape:"pill"})]}),children:o.jsx("input",{...e,onChange:s=>e.onChange?.(s.target.value),disabled:n.disabled,onFocus:s=>{t(!0),e.onFocus?.(s)},onBlur:s=>{t(!1),e.onBlur?.(s)},ref:a,className:d(l,e.inputClassName)})})});h.__docgenInfo={description:"",methods:[{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"blur",docblock:null,modifiers:[],params:[],returns:null}],displayName:"TextField"};export{h as T};

package/dist-storybook/assets/{text-field.stories-CrWBAhvI.js → text-field.stories-Bqv7f948.js}

@@ -1,4 +1,4 @@
-import{j as t,r as x}from"./iframe-CQAwSt4E.js";import{T as o}from"./text-field-jK6rpOo2.js";import{t as e}from"./store-D2RudmNr.js";import{T as g,S as u,M as d,P as h,a as F}from"./blocks-BuaOUtiH.js";import"./preload-helper-PPVm8Dsz.js";import"./classname-CUR_zgkh.js";import"./input-wrapper-BKHgnPy6.js";import"./icon-DdQsMyRa.js";import"./colors-_6nFGM3e.js";import"./label-DV2iCDmN.js";import"./typography-DEpAJl_i.js";import"./skeleton-C91JgehG.js";import"./pick-BhmhLmLe.js";import"./omit-Bsx5nTI0.js";import"./_setToString-CbM921C9.js";import"./index-DHiZ-gXR.js";const b=()=>{const p=`
+import{j as t,r as x}from"./iframe-DfPay7Zl.js";import{T as o}from"./text-field-CGWNqitB.js";import{t as e}from"./store-Ce3Ikv5g.js";import{T as g,S as u,M as d,P as h,a as F}from"./blocks-DKR3P4qW.js";import"./preload-helper-PPVm8Dsz.js";import"./input-wrapper-CgaUwbbE.js";import"./icon-CdiFzFyf.js";import"./colors-_6nFGM3e.js";import"./label-D44azUgi.js";import"./typography-CB8hPDyK.js";import"./skeleton-B12XbNAJ.js";import"./omit-BWHsnDSR.js";import"./_baseClone-DQVxEhny.js";import"./index-cMNObl2z.js";const b=()=>{const p=`
 ## ${e("common.table.title")}
 | ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
 | :--- | :--- | :---: | :--- |
@@ -22,7 +22,7 @@ import{j as t,r as x}from"./iframe-CQAwSt4E.js";import{T as o}from"./text-field-
 | \`suffix\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.textField.argTypes.suffixDescription")} |
 | \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.textField.argTypes.classNameDescription")} |
 | \`...props\` | \`ComponentProps<'input'>\` | ${e("common.table.no")} | ${e("components.textField.argTypes.propsDescription")} |
-`;return t.jsxs(t.Fragment,{children:[t.jsx(g,{}),t.jsx(u,{}),t.jsx(d,{children:e("components.textField.description")}),t.jsx(h,{}),t.jsx(d,{children:p}),t.jsx(F,{})]})},k={title:"Components/TextField",component:o,parameters:{layout:"padded",docs:{page:b}},tags:["autodocs"],argTypes:{value:{control:"text",description:e("components.textField.argTypes.valueDescription"),table:{type:{summary:"string"}}},onChange:{action:"changed",description:e("components.textField.argTypes.onChangeDescription"),table:{type:{summary:"(value: string) => void"}}},placeholder:{control:"text",description:e("components.textField.argTypes.placeholderDescription"),table:{type:{summary:"string"}}},label:{control:"text",description:e("components.textField.argTypes.labelDescription"),table:{type:{summary:"ILabelProps"}}},shape:{control:"select",options:["rounded","pill"],description:e("components.textField.argTypes.shapeDescription"),table:{type:{summary:'"rounded" | "pill"'},defaultValue:{summary:"rounded"}}},disabled:{control:"boolean",description:e("components.textField.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},error:{control:"boolean",description:e("components.textField.argTypes.errorDescription"),table:{type:{summary:"boolean"}}},errorMessage:{control:"text",description:e("components.textField.argTypes.errorMessageDescription"),table:{type:{summary:"ReactNode"}}},maxLength:{control:{type:"number",min:0,max:1e3,step:10},description:e("components.textField.argTypes.maxLengthDescription"),table:{type:{summary:"number"}}},loading:{control:"boolean",description:e("components.textField.argTypes.loadingDescription"),table:{type:{summary:"boolean"}}},className:{description:e("components.textField.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},s={name:e("components.textField.stories.default.name"),args:{placeholder:e("components.textField.stories.default.placeholder")}},n={name:e("components.textField.stories.controlled.name"),render:()=>{const[p,m]=x.useState("");return t.jsx(o,{value:p,onChange:m,placeholder:e("components.textField.stories.controlled.placeholder")})}},r={name:e("components.textField.stories.withLabel.name"),args:{label:{text:e("components.textField.stories.withLabel.label")},placeholder:e("components.textField.stories.withLabel.placeholder")}},a={name:e("components.textField.stories.withIcons.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{leadingIcon:{name:"placeholder"},placeholder:e("components.textField.stories.withIcons.leading")}),t.jsx(o,{trailingIcon:{name:"placeholder"},placeholder:e("components.textField.stories.withIcons.trailing")}),t.jsx(o,{leadingIcon:{name:"placeholder"},trailingIcon:{name:"placeholder"},placeholder:e("components.textField.stories.withIcons.both")})]})},l={name:e("components.textField.stories.states.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{placeholder:e("components.textField.stories.states.normal")}),t.jsx(o,{value:e("components.textField.stories.states.filled")}),t.jsx(o,{disabled:!0,placeholder:e("components.textField.states.disabled")}),t.jsx(o,{success:!0,successMessage:e("components.textField.stories.states.successMessage"),placeholder:e("components.textField.stories.states.success")}),t.jsx(o,{error:!0,errorMessage:e("components.textField.stories.states.errorMessage"),placeholder:e("components.textField.stories.states.error")}),t.jsx(o,{loading:!0,placeholder:e("components.textField.states.loading")})]})},i={name:e("components.textField.stories.shapes.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{shape:"rounded",placeholder:e("components.textField.stories.shapes.rounded")}),t.jsx(o,{shape:"pill",placeholder:e("components.textField.stories.shapes.pill")})]})},c={name:e("components.textField.stories.interactive.name"),args:{placeholder:e("components.textField.stories.interactive.placeholder")}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+`;return t.jsxs(t.Fragment,{children:[t.jsx(g,{}),t.jsx(u,{}),t.jsx(d,{children:e("components.textField.description")}),t.jsx(h,{}),t.jsx(d,{children:p}),t.jsx(F,{})]})},R={title:"Components/TextField",component:o,parameters:{layout:"padded",docs:{page:b}},tags:["autodocs"],argTypes:{value:{control:"text",description:e("components.textField.argTypes.valueDescription"),table:{type:{summary:"string"}}},onChange:{action:"changed",description:e("components.textField.argTypes.onChangeDescription"),table:{type:{summary:"(value: string) => void"}}},placeholder:{control:"text",description:e("components.textField.argTypes.placeholderDescription"),table:{type:{summary:"string"}}},label:{control:"text",description:e("components.textField.argTypes.labelDescription"),table:{type:{summary:"ILabelProps"}}},shape:{control:"select",options:["rounded","pill"],description:e("components.textField.argTypes.shapeDescription"),table:{type:{summary:'"rounded" | "pill"'},defaultValue:{summary:"rounded"}}},disabled:{control:"boolean",description:e("components.textField.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},error:{control:"boolean",description:e("components.textField.argTypes.errorDescription"),table:{type:{summary:"boolean"}}},errorMessage:{control:"text",description:e("components.textField.argTypes.errorMessageDescription"),table:{type:{summary:"ReactNode"}}},maxLength:{control:{type:"number",min:0,max:1e3,step:10},description:e("components.textField.argTypes.maxLengthDescription"),table:{type:{summary:"number"}}},loading:{control:"boolean",description:e("components.textField.argTypes.loadingDescription"),table:{type:{summary:"boolean"}}},className:{description:e("components.textField.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},s={name:e("components.textField.stories.default.name"),args:{placeholder:e("components.textField.stories.default.placeholder")}},n={name:e("components.textField.stories.controlled.name"),render:()=>{const[p,m]=x.useState("");return t.jsx(o,{value:p,onChange:m,placeholder:e("components.textField.stories.controlled.placeholder")})}},r={name:e("components.textField.stories.withLabel.name"),args:{label:{text:e("components.textField.stories.withLabel.label")},placeholder:e("components.textField.stories.withLabel.placeholder")}},a={name:e("components.textField.stories.withIcons.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{leadingIcon:{name:"placeholder"},placeholder:e("components.textField.stories.withIcons.leading")}),t.jsx(o,{trailingIcon:{name:"placeholder"},placeholder:e("components.textField.stories.withIcons.trailing")}),t.jsx(o,{leadingIcon:{name:"placeholder"},trailingIcon:{name:"placeholder"},placeholder:e("components.textField.stories.withIcons.both")})]})},l={name:e("components.textField.stories.states.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{placeholder:e("components.textField.stories.states.normal")}),t.jsx(o,{value:e("components.textField.stories.states.filled")}),t.jsx(o,{disabled:!0,placeholder:e("components.textField.states.disabled")}),t.jsx(o,{success:!0,successMessage:e("components.textField.stories.states.successMessage"),placeholder:e("components.textField.stories.states.success")}),t.jsx(o,{error:!0,errorMessage:e("components.textField.stories.states.errorMessage"),placeholder:e("components.textField.stories.states.error")}),t.jsx(o,{loading:!0,placeholder:e("components.textField.states.loading")})]})},i={name:e("components.textField.stories.shapes.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{shape:"rounded",placeholder:e("components.textField.stories.shapes.rounded")}),t.jsx(o,{shape:"pill",placeholder:e("components.textField.stories.shapes.pill")})]})},c={name:e("components.textField.stories.interactive.name"),args:{placeholder:e("components.textField.stories.interactive.placeholder")}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
   name: t('components.textField.stories.default.name'),
   args: {
     placeholder: t('components.textField.stories.default.placeholder')
@@ -89,4 +89,4 @@ import{j as t,r as x}from"./iframe-CQAwSt4E.js";import{T as o}from"./text-field-
   args: {
     placeholder: t('components.textField.stories.interactive.placeholder')
   }
-}`,...c.parameters?.docs?.source}}};const E=["Default","Controlled","WithLabel","WithIcons","States","Shapes","Interactive"];export{n as Controlled,s as Default,c as Interactive,i as Shapes,l as States,a as WithIcons,r as WithLabel,E as __namedExportsOrder,k as default};
+}`,...c.parameters?.docs?.source}}};const P=["Default","Controlled","WithLabel","WithIcons","States","Shapes","Interactive"];export{n as Controlled,s as Default,c as Interactive,i as Shapes,l as States,a as WithIcons,r as WithLabel,P as __namedExportsOrder,R as default};

package/dist-storybook/assets/toast-provider-DKSrfhJD.js

@@ -0,0 +1,9 @@
+import{r,j as i}from"./iframe-DfPay7Zl.js";import{c as H,g as S}from"./store-Ce3Ikv5g.js";import{r as _}from"./blocks-DKR3P4qW.js";import{r as V,I as b}from"./icon-CdiFzFyf.js";import{T as W}from"./typography-CB8hPDyK.js";import{c as q}from"./react-I9jCW2VV.js";import{B as K}from"./button-DJH3RlJl.js";import{M as G,i as O,u as D,P as X,a as J,b as Q,L as Y,m as Z}from"./proxy-B4G9nIBd.js";const ee=3e3,w=q((e,o)=>{let t=0;const c=()=>++t;return{items:[],add:s=>{const n=c();return e(a=>{const f=s.position||"top",m=a.items.filter(l=>l.config.position==="top"),u=a.items.filter(l=>l.config.position==="bottom");return f==="top"?m.push({config:{...s,position:f},id:n}):u.push({config:{...s,position:f},id:n}),{items:[...m.slice(-3),...u.slice(-3)]}}),setTimeout(()=>{o().remove(n)},s.duration||ee),n},remove:s=>{e(n=>(n.items.find(f=>f.id===s)?.config?.onHide?.(),{items:n.items.filter(f=>f.id!==s)}))},clear:()=>{e({items:[]})}}}),$=S("toast"),R=({type:e="informative",message:o,closeAction:t=!0,onCloseActionClick:c,action:s,onActionClick:n,icon:a})=>{const f=r.useMemo(()=>{if(a)return V(a);const m={neutral:null,informative:"circle-info",positive:"circle-check",negative:"triangle-warning"}[e];if(m)return i.jsx(b,{name:m,type:"fill",size:24})},[a,e]);return i.jsxs("div",{className:H($,`${$}--${e}`),children:[!!f&&i.jsx("span",{className:`${$}__icon`,children:f}),i.jsx(W,{component:"div",size:"base",weight:"regular",color:"inherit",className:`${$}__content`,children:o}),s&&i.jsx(K,{size:"medium",type:"ghost",theme:e==="informative"||e==="neutral"?"neutral-inverse":"neutral",onClick:n,children:s}),t&&i.jsx("div",{onClick:c,className:`${$}__close-icon`,children:i.jsx(b,{name:"xmark",size:16})})]})};R.show=e=>w.getState().add(e);R.hide=e=>e?w.getState().remove(e):w.getState().clear();R.__docgenInfo={description:"",methods:[{name:"show",docblock:null,modifiers:["static"],params:[{name:"config",optional:!1,type:null}],returns:null},{name:"hide",docblock:null,modifiers:["static"],params:[{name:"id",optional:!1,type:null}],returns:null}],displayName:"Toast",props:{type:{defaultValue:{value:"'informative'",computed:!1},required:!1},closeAction:{defaultValue:{value:"true",computed:!1},required:!1}}};function M(e,o){if(typeof e=="function")return e(o);e!=null&&(e.current=o)}function te(...e){return o=>{let t=!1;const c=e.map(s=>{const n=M(s,o);return!t&&typeof n=="function"&&(t=!0),n});if(t)return()=>{for(let s=0;s<c.length;s++){const n=c[s];typeof n=="function"?n():M(e[s],null)}}}}function ne(...e){return r.useCallback(te(...e),e)}class se extends r.Component{getSnapshotBeforeUpdate(o){const t=this.props.childRef.current;if(t&&o.isPresent&&!this.props.isPresent){const c=t.offsetParent,s=O(c)&&c.offsetWidth||0,n=this.props.sizeRef.current;n.height=t.offsetHeight||0,n.width=t.offsetWidth||0,n.top=t.offsetTop,n.left=t.offsetLeft,n.right=s-n.width-n.left}return null}componentDidUpdate(){}render(){return this.props.children}}function oe({children:e,isPresent:o,anchorX:t,root:c}){const s=r.useId(),n=r.useRef(null),a=r.useRef({width:0,height:0,top:0,left:0,right:0}),{nonce:f}=r.useContext(G),m=ne(n,e?.ref);return r.useInsertionEffect(()=>{const{width:u,height:y,top:l,left:h,right:x}=a.current;if(o||!n.current||!u||!y)return;const C=t==="left"?`left: ${h}`:`right: ${x}`;n.current.dataset.motionPopId=s;const p=document.createElement("style");f&&(p.nonce=f);const P=c??document.head;return P.appendChild(p),p.sheet&&p.sheet.insertRule(`
+          [data-motion-pop-id="${s}"] {
+            position: absolute !important;
+            width: ${u}px !important;
+            height: ${y}px !important;
+            ${C}px !important;
+            top: ${l}px !important;
+          }
+        `),()=>{P.contains(p)&&P.removeChild(p)}},[o]),i.jsx(se,{isPresent:o,childRef:n,sizeRef:a,children:r.cloneElement(e,{ref:m})})}const ie=({children:e,initial:o,isPresent:t,onExitComplete:c,custom:s,presenceAffectsLayout:n,mode:a,anchorX:f,root:m})=>{const u=D(re),y=r.useId();let l=!0,h=r.useMemo(()=>(l=!1,{id:y,initial:o,isPresent:t,custom:s,onExitComplete:x=>{u.set(x,!0);for(const C of u.values())if(!C)return;c&&c()},register:x=>(u.set(x,!1),()=>u.delete(x))}),[t,u,c]);return n&&l&&(h={...h}),r.useMemo(()=>{u.forEach((x,C)=>u.set(C,!1))},[t]),r.useEffect(()=>{!t&&!u.size&&c&&c()},[t]),a==="popLayout"&&(e=i.jsx(oe,{isPresent:t,anchorX:f,root:m,children:e})),i.jsx(X.Provider,{value:h,children:e})};function re(){return new Map}const k=e=>e.key||"";function z(e){const o=[];return r.Children.forEach(e,t=>{r.isValidElement(t)&&o.push(t)}),o}const ce=({children:e,custom:o,initial:t=!0,onExitComplete:c,presenceAffectsLayout:s=!0,mode:n="sync",propagate:a=!1,anchorX:f="left",root:m})=>{const[u,y]=J(a),l=r.useMemo(()=>z(e),[e]),h=a&&!u?[]:l.map(k),x=r.useRef(!0),C=r.useRef(l),p=D(()=>new Map),[P,U]=r.useState(l),[v,I]=r.useState(l);Q(()=>{x.current=!1,C.current=l;for(let g=0;g<v.length;g++){const d=k(v[g]);h.includes(d)?p.delete(d):p.get(d)!==!0&&p.set(d,!1)}},[v,h.length,h.join("-")]);const E=[];if(l!==P){let g=[...l];for(let d=0;d<v.length;d++){const j=v[d],T=k(j);h.includes(T)||(g.splice(d,0,j),E.push(j))}return n==="wait"&&E.length&&(g=E),I(z(g)),U(l),null}const{forceRender:B}=r.useContext(Y);return i.jsx(i.Fragment,{children:v.map(g=>{const d=k(g),j=a&&!u?!1:l===v||h.includes(d),T=()=>{if(p.has(d))p.set(d,!0);else return;let N=!0;p.forEach(F=>{F||(N=!1)}),N&&(B?.(),I(C.current),a&&y?.(),c&&c())};return i.jsx(ie,{isPresent:j,initial:!x.current||t?void 0:!1,custom:o,presenceAffectsLayout:s,mode:n,root:m,onExitComplete:j?void 0:T,anchorX:f,children:g},d)})})},L=S("toast-provider"),A=({position:e})=>{const{items:o}=w();return i.jsx("div",{className:`${L} ${L}--${e}`,children:i.jsx(ce,{mode:"popLayout",children:o.filter(t=>t.config.position===e).map(t=>i.jsx(Z.div,{style:{display:"flex",flexDirection:"column",justifyContent:e==="bottom"?"flex-start":"flex-end"},initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{opacity:0,y:o.length>1?"0%":e==="top"?"-100%":"100%"},children:i.jsx(R,{...t.config,onActionClick:()=>{R.hide(t.id),t.config.onActionClick?.()},onCloseActionClick:()=>{R.hide(t.id),t.config.onCloseActionClick?.()}})},t.id))})})},le=()=>i.jsxs(i.Fragment,{children:[_.createPortal(i.jsx(A,{position:"top"}),document.body),_.createPortal(i.jsx(A,{position:"bottom"}),document.body)]});le.__docgenInfo={description:"",methods:[],displayName:"ToastProvider"};export{R as T,le as a};

package/dist-storybook/assets/{toast.stories-iWAToAZA.js → toast.stories-CcFzS6QI.js}

@@ -1,4 +1,4 @@
-import{j as o}from"./iframe-CQAwSt4E.js";import{T as M,S as k,M as y,P as N,a as T}from"./blocks-BuaOUtiH.js";import{T as e,a as j}from"./toast-provider-DurnMJhd.js";import{B as s}from"./button-CL7GeC23.js";import{t}from"./store-D2RudmNr.js";import"./preload-helper-PPVm8Dsz.js";import"./index-DHiZ-gXR.js";import"./classname-CUR_zgkh.js";import"./icon-DdQsMyRa.js";import"./colors-_6nFGM3e.js";import"./typography-DEpAJl_i.js";import"./react-hufnxGVs.js";const D=()=>{const n=`
+import{j as o}from"./iframe-DfPay7Zl.js";import{T as M,S as k,M as y,P as N,a as T}from"./blocks-DKR3P4qW.js";import{T as e,a as j}from"./toast-provider-DKSrfhJD.js";import{B as s}from"./button-DJH3RlJl.js";import{t}from"./store-Ce3Ikv5g.js";import"./preload-helper-PPVm8Dsz.js";import"./index-cMNObl2z.js";import"./icon-CdiFzFyf.js";import"./colors-_6nFGM3e.js";import"./typography-CB8hPDyK.js";import"./react-I9jCW2VV.js";import"./proxy-B4G9nIBd.js";const D=()=>{const n=`
 ## ${t("common.table.title")}
 
 | ${t("common.table.name")} | ${t("common.table.type")} | ${t("common.table.required")} | ${t("common.table.description")} |

package/dist-storybook/assets/tooltip-B9rDI6z9.js

@@ -0,0 +1 @@
+import{j as o}from"./iframe-DfPay7Zl.js";import{c as e,g as n}from"./store-Ce3Ikv5g.js";import{I as p}from"./icon-CdiFzFyf.js";const s=n("tooltip"),d=r=>{const{type:a="default",position:t="top",closeable:i,className:c,children:l,...m}=r;return o.jsxs("div",{className:e(s,`${s}--${a}`,c),...m,children:[o.jsx("div",{className:e(`${s}__arrow`,`${s}__arrow--${t}`,`${s}__arrow--${a}`)}),o.jsx("div",{className:`${s}__content`,children:l}),i&&o.jsx("div",{className:`${s}__close`,children:o.jsx(p,{name:"xmark",size:16})})]})};d.__docgenInfo={description:"",methods:[],displayName:"Tooltip"};export{d as T};

package/dist-storybook/assets/{tooltip.stories-RC6SuPPD.js → tooltip.stories-DDdsuU3U.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./iframe-CQAwSt4E.js";import{T as e}from"./tooltip-QDdel5My.js";import{t as o}from"./store-D2RudmNr.js";import{T as a,S as d,M as c,P as g,a as h}from"./blocks-BuaOUtiH.js";import"./preload-helper-PPVm8Dsz.js";import"./classname-CUR_zgkh.js";import"./icon-DdQsMyRa.js";import"./colors-_6nFGM3e.js";import"./index-DHiZ-gXR.js";const x=()=>{const m=`
+import{j as t}from"./iframe-DfPay7Zl.js";import{T as e}from"./tooltip-B9rDI6z9.js";import{t as o}from"./store-Ce3Ikv5g.js";import{T as a,S as d,M as c,P as g,a as h}from"./blocks-DKR3P4qW.js";import"./preload-helper-PPVm8Dsz.js";import"./icon-CdiFzFyf.js";import"./colors-_6nFGM3e.js";import"./index-cMNObl2z.js";const x=()=>{const m=`
 ## ${o("common.table.title")}
 | ${o("common.table.name")} | ${o("common.table.type")} | ${o("common.table.required")} | ${o("common.table.description")} |
 | :--- | :--- | :---: | :--- |
@@ -8,7 +8,7 @@ import{j as t}from"./iframe-CQAwSt4E.js";import{T as e}from"./tooltip-QDdel5My.j
 | \`children\` | \`ReactNode\` | ${o("common.table.no")} | ${o("components.tooltip.argTypes.childrenDescription")} |
 | \`className\` | \`string\` | ${o("common.table.no")} | ${o("components.tooltip.argTypes.classNameDescription")} |
 | \`...props\` | \`ComponentPropsWithRef<'div'>\` | ${o("common.table.no")} | ${o("components.tooltip.argTypes.propsDescription")} |
-`;return t.jsxs(t.Fragment,{children:[t.jsx(a,{}),t.jsx(d,{}),t.jsx(c,{children:o("components.tooltip.description")}),t.jsx(g,{}),t.jsx(c,{children:m}),t.jsx(h,{})]})},B={title:"Components/Tooltip",component:e,parameters:{layout:"padded",docs:{page:x}},tags:["autodocs"],argTypes:{type:{control:"select",options:["default","reverse"],description:o("components.tooltip.argTypes.typeDescription"),table:{type:{summary:'"default" | "reverse"'},defaultValue:{summary:"default"}}},position:{control:"select",options:["top","bottom","right","left","top-left","top-right","bottom-left","bottom-right","left-top","left-bottom","right-top","right-bottom"],description:o("components.tooltip.argTypes.positionDescription"),table:{type:{summary:"ITooltipPosition"},defaultValue:{summary:"top"}}},closeable:{control:"boolean",description:o("components.tooltip.argTypes.closeableDescription"),table:{type:{summary:"boolean"}}},children:{description:o("components.tooltip.argTypes.childrenDescription")},className:{description:o("components.tooltip.argTypes.classNameDescription")}}},s={name:o("components.tooltip.stories.default.name"),args:{children:o("components.tooltip.stories.default.content")}},i={name:o("components.tooltip.stories.types.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsxs("div",{children:[t.jsx("p",{style:{marginBottom:"8px"},children:o("components.tooltip.stories.types.default")}),t.jsx(e,{type:"default",position:"top",children:o("components.tooltip.stories.types.defaultContent")})]}),t.jsxs("div",{children:[t.jsx("p",{style:{marginBottom:"8px"},children:o("components.tooltip.stories.types.reverse")}),t.jsx(e,{type:"reverse",position:"top",children:o("components.tooltip.stories.types.reverseContent")})]})]})},n={name:o("components.tooltip.stories.positions.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.top")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"top",children:o("components.tooltip.positions.top")}),t.jsx(e,{position:"top-left",children:o("components.tooltip.positions.topLeft")}),t.jsx(e,{position:"top-right",children:o("components.tooltip.positions.topRight")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.bottom")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"bottom",children:o("components.tooltip.positions.bottom")}),t.jsx(e,{position:"bottom-left",children:o("components.tooltip.positions.bottomLeft")}),t.jsx(e,{position:"bottom-right",children:o("components.tooltip.positions.bottomRight")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.left")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"left",children:o("components.tooltip.positions.left")}),t.jsx(e,{position:"left-top",children:o("components.tooltip.positions.leftTop")}),t.jsx(e,{position:"left-bottom",children:o("components.tooltip.positions.leftBottom")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.right")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"right",children:o("components.tooltip.positions.right")}),t.jsx(e,{position:"right-top",children:o("components.tooltip.positions.rightTop")}),t.jsx(e,{position:"right-bottom",children:o("components.tooltip.positions.rightBottom")})]})]})]})},p={name:o("components.tooltip.stories.closeable.name"),args:{children:o("components.tooltip.stories.closeable.content"),closeable:!0}},l={name:o("components.tooltip.stories.longContent.name"),args:{children:o("components.tooltip.stories.longContent.content")}},r={name:o("components.tooltip.stories.interactive.name"),args:{children:o("components.tooltip.stories.interactive.content"),position:"top"}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+`;return t.jsxs(t.Fragment,{children:[t.jsx(a,{}),t.jsx(d,{}),t.jsx(c,{children:o("components.tooltip.description")}),t.jsx(g,{}),t.jsx(c,{children:m}),t.jsx(h,{})]})},$={title:"Components/Tooltip",component:e,parameters:{layout:"padded",docs:{page:x}},tags:["autodocs"],argTypes:{type:{control:"select",options:["default","reverse"],description:o("components.tooltip.argTypes.typeDescription"),table:{type:{summary:'"default" | "reverse"'},defaultValue:{summary:"default"}}},position:{control:"select",options:["top","bottom","right","left","top-left","top-right","bottom-left","bottom-right","left-top","left-bottom","right-top","right-bottom"],description:o("components.tooltip.argTypes.positionDescription"),table:{type:{summary:"ITooltipPosition"},defaultValue:{summary:"top"}}},closeable:{control:"boolean",description:o("components.tooltip.argTypes.closeableDescription"),table:{type:{summary:"boolean"}}},children:{description:o("components.tooltip.argTypes.childrenDescription")},className:{description:o("components.tooltip.argTypes.classNameDescription")}}},s={name:o("components.tooltip.stories.default.name"),args:{children:o("components.tooltip.stories.default.content")}},i={name:o("components.tooltip.stories.types.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsxs("div",{children:[t.jsx("p",{style:{marginBottom:"8px"},children:o("components.tooltip.stories.types.default")}),t.jsx(e,{type:"default",position:"top",children:o("components.tooltip.stories.types.defaultContent")})]}),t.jsxs("div",{children:[t.jsx("p",{style:{marginBottom:"8px"},children:o("components.tooltip.stories.types.reverse")}),t.jsx(e,{type:"reverse",position:"top",children:o("components.tooltip.stories.types.reverseContent")})]})]})},n={name:o("components.tooltip.stories.positions.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.top")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"top",children:o("components.tooltip.positions.top")}),t.jsx(e,{position:"top-left",children:o("components.tooltip.positions.topLeft")}),t.jsx(e,{position:"top-right",children:o("components.tooltip.positions.topRight")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.bottom")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"bottom",children:o("components.tooltip.positions.bottom")}),t.jsx(e,{position:"bottom-left",children:o("components.tooltip.positions.bottomLeft")}),t.jsx(e,{position:"bottom-right",children:o("components.tooltip.positions.bottomRight")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.left")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"left",children:o("components.tooltip.positions.left")}),t.jsx(e,{position:"left-top",children:o("components.tooltip.positions.leftTop")}),t.jsx(e,{position:"left-bottom",children:o("components.tooltip.positions.leftBottom")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.right")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"right",children:o("components.tooltip.positions.right")}),t.jsx(e,{position:"right-top",children:o("components.tooltip.positions.rightTop")}),t.jsx(e,{position:"right-bottom",children:o("components.tooltip.positions.rightBottom")})]})]})]})},p={name:o("components.tooltip.stories.closeable.name"),args:{children:o("components.tooltip.stories.closeable.content"),closeable:!0}},l={name:o("components.tooltip.stories.longContent.name"),args:{children:o("components.tooltip.stories.longContent.content")}},r={name:o("components.tooltip.stories.interactive.name"),args:{children:o("components.tooltip.stories.interactive.content"),position:"top"}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
   name: t('components.tooltip.stories.default.name'),
   args: {
     children: t('components.tooltip.stories.default.content')
@@ -150,4 +150,4 @@ import{j as t}from"./iframe-CQAwSt4E.js";import{T as e}from"./tooltip-QDdel5My.j
     children: t('components.tooltip.stories.interactive.content'),
     position: 'top'
   }
-}`,...r.parameters?.docs?.source}}};const C=["Default","Types","Positions","Closeable","LongContent","Interactive"];export{p as Closeable,s as Default,r as Interactive,l as LongContent,n as Positions,i as Types,C as __namedExportsOrder,B as default};
+}`,...r.parameters?.docs?.source}}};const B=["Default","Types","Positions","Closeable","LongContent","Interactive"];export{p as Closeable,s as Default,r as Interactive,l as LongContent,n as Positions,i as Types,B as __namedExportsOrder,$ as default};

package/dist-storybook/assets/typography-CB8hPDyK.js

@@ -0,0 +1 @@
+import{j as l}from"./iframe-DfPay7Zl.js";import{c as m,g as n}from"./store-Ce3Ikv5g.js";import{g as f}from"./colors-_6nFGM3e.js";const e=n("typography"),u=({component:s,size:a="inherit",weight:o="inherit",color:r,className:t,...i})=>{const p=s||"div";return l.jsx(p,{className:m(e,`${e}__size--${a}`,`${e}__weight--${o}`,t),...i,style:{color:f(r)}})};u.__docgenInfo={description:"",methods:[],displayName:"Typography",props:{size:{defaultValue:{value:"'inherit'",computed:!1},required:!1},weight:{defaultValue:{value:"'inherit'",computed:!1},required:!1}}};export{u as T};

package/dist-storybook/assets/{typography.stories-Bu8qFugR.js → typography.stories-BzCxaZQU.js}

@@ -1,4 +1,4 @@
-import{j as o}from"./iframe-CQAwSt4E.js";import{T as t}from"./typography-DEpAJl_i.js";import{t as e}from"./store-D2RudmNr.js";import{T as c,S as l,M as g,P as m,a as d}from"./blocks-BuaOUtiH.js";import"./preload-helper-PPVm8Dsz.js";import"./classname-CUR_zgkh.js";import"./colors-_6nFGM3e.js";import"./index-DHiZ-gXR.js";const f=()=>{const h=`
+import{j as o}from"./iframe-DfPay7Zl.js";import{T as t}from"./typography-CB8hPDyK.js";import{t as e}from"./store-Ce3Ikv5g.js";import{T as c,S as l,M as g,P as m,a as d}from"./blocks-DKR3P4qW.js";import"./preload-helper-PPVm8Dsz.js";import"./colors-_6nFGM3e.js";import"./index-cMNObl2z.js";const f=()=>{const h=`
 ## ${e("common.table.title")}
 
 ### Typography
@@ -44,7 +44,7 @@ import{j as o}from"./iframe-CQAwSt4E.js";import{T as t}from"./typography-DEpAJl_
 | \`'700'\` / \`'bold'\` | ${e("components.typography.weights.bold")} |
 | \`'800'\` | ${e("components.typography.weights.800")} |
 | \`'900'\` | ${e("components.typography.weights.900")} |
-`;return o.jsxs(o.Fragment,{children:[o.jsx(c,{}),o.jsx(l,{}),o.jsx(g,{children:e("components.typography.description")}),o.jsx(m,{}),o.jsx(g,{children:h}),o.jsx(d,{})]})},D={title:"Components/Typography",component:t,parameters:{layout:"padded",docs:{page:f}},tags:["autodocs"],argTypes:{component:{control:"select",options:["div","p","span","h1","h2","h3","h4","h5","h6"],description:e("components.typography.argTypes.componentDescription"),table:{type:{summary:"ElementType"},defaultValue:{summary:"div"}}},size:{control:"select",options:["inherit","5x-large","4x-large","3x-large","2x-large","x-large","large","base","small","x-small","2x-small","3x-small"],description:e("components.typography.argTypes.sizeDescription"),table:{type:{summary:"ITypographySize"},defaultValue:{summary:"inherit"}}},weight:{control:"select",options:["inherit","bold","semibold","medium","regular","100","200","300","400","500","600","700","800","900"],description:e("components.typography.argTypes.weightDescription"),table:{type:{summary:"ITypographyWeight"},defaultValue:{summary:"inherit"}}},color:{control:"text",description:e("components.typography.argTypes.colorDescription")+" (e.g., alias-object-primary) or CSS color value (e.g., #FF0000).",table:{type:{summary:"IColor"}}},className:{control:"text",description:e("components.typography.argTypes.classNameDescription"),table:{type:{summary:"string"}}},children:{control:"text",description:e("components.typography.argTypes.childrenDescription"),table:{type:{summary:"ReactNode"}}}}},s={name:e("components.typography.stories.default.name"),args:{children:e("components.typography.stories.default.text")}},r={name:e("components.typography.stories.differentSizes.name"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{size:"3x-small",children:e("components.typography.stories.differentSizes.size3xSmall")}),o.jsx(t,{size:"2x-small",children:e("components.typography.stories.differentSizes.size2xSmall")}),o.jsx(t,{size:"x-small",children:e("components.typography.stories.differentSizes.sizeXSmall")}),o.jsx(t,{size:"small",children:e("components.typography.stories.differentSizes.sizeSmall")}),o.jsx(t,{size:"base",children:e("components.typography.stories.differentSizes.sizeBase")}),o.jsx(t,{size:"large",children:e("components.typography.stories.differentSizes.sizeLarge")}),o.jsx(t,{size:"x-large",children:e("components.typography.stories.differentSizes.sizeXLarge")}),o.jsx(t,{size:"2x-large",children:e("components.typography.stories.differentSizes.size2xLarge")}),o.jsx(t,{size:"3x-large",children:e("components.typography.stories.differentSizes.size3xLarge")}),o.jsx(t,{size:"4x-large",children:e("components.typography.stories.differentSizes.size4xLarge")}),o.jsx(t,{size:"5x-large",children:e("components.typography.stories.differentSizes.size5xLarge")})]})},p={name:e("components.typography.stories.differentWeights.name"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{weight:"100",children:e("components.typography.stories.differentWeights.weight100")}),o.jsx(t,{weight:"200",children:e("components.typography.stories.differentWeights.weight200")}),o.jsx(t,{weight:"300",children:e("components.typography.stories.differentWeights.weight300")}),o.jsx(t,{weight:"400",children:e("components.typography.stories.differentWeights.weight400")}),o.jsx(t,{weight:"500",children:e("components.typography.stories.differentWeights.weight500")}),o.jsx(t,{weight:"600",children:e("components.typography.stories.differentWeights.weight600")}),o.jsx(t,{weight:"700",children:e("components.typography.stories.differentWeights.weight700")}),o.jsx(t,{weight:"800",children:e("components.typography.stories.differentWeights.weight800")}),o.jsx(t,{weight:"900",children:e("components.typography.stories.differentWeights.weight900")})]})},i={name:e("components.typography.stories.withColors.name"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{color:"alias-object-primary",children:e("components.typography.stories.withColors.primary")}),o.jsx(t,{color:"alias-object-secondary",children:e("components.typography.stories.withColors.secondary")}),o.jsx(t,{color:"alias-object-tertiary",children:e("components.typography.stories.withColors.tertiary")}),o.jsx(t,{color:"alias-object-danger",children:e("components.typography.stories.withColors.danger")}),o.jsx(t,{color:"alias-object-success",children:e("components.typography.stories.withColors.success")})]})},n={name:e("components.typography.stories.asDifferentElements.name"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{component:"h1",size:"4x-large",weight:"bold",children:e("components.typography.stories.asDifferentElements.heading1")}),o.jsx(t,{component:"h2",size:"3x-large",weight:"bold",children:e("components.typography.stories.asDifferentElements.heading2")}),o.jsx(t,{component:"h3",size:"2x-large",weight:"semibold",children:e("components.typography.stories.asDifferentElements.heading3")}),o.jsx(t,{component:"h4",size:"x-large",weight:"semibold",children:e("components.typography.stories.asDifferentElements.heading4")}),o.jsx(t,{component:"p",size:"base",children:e("components.typography.stories.asDifferentElements.paragraph")}),o.jsx(t,{component:"span",size:"small",children:e("components.typography.stories.asDifferentElements.span")})]})},a={render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[o.jsx(t,{component:"h2",size:"x-large",weight:"bold",color:"alias-object-primary",children:e("components.typography.stories.completeExample.title")}),o.jsx(t,{component:"p",size:"base",weight:"regular",children:e("components.typography.stories.completeExample.paragraph")}),o.jsx(t,{component:"span",size:"small",weight:"medium",color:"#666666",children:e("components.typography.stories.completeExample.caption")})]})},y={name:e("components.typography.stories.interactive.name"),args:{children:e("components.typography.stories.interactive.text"),size:"base",weight:"regular",color:"alias-object-primary",component:"div"}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+`;return o.jsxs(o.Fragment,{children:[o.jsx(c,{}),o.jsx(l,{}),o.jsx(g,{children:e("components.typography.description")}),o.jsx(m,{}),o.jsx(g,{children:h}),o.jsx(d,{})]})},S={title:"Components/Typography",component:t,parameters:{layout:"padded",docs:{page:f}},tags:["autodocs"],argTypes:{component:{control:"select",options:["div","p","span","h1","h2","h3","h4","h5","h6"],description:e("components.typography.argTypes.componentDescription"),table:{type:{summary:"ElementType"},defaultValue:{summary:"div"}}},size:{control:"select",options:["inherit","5x-large","4x-large","3x-large","2x-large","x-large","large","base","small","x-small","2x-small","3x-small"],description:e("components.typography.argTypes.sizeDescription"),table:{type:{summary:"ITypographySize"},defaultValue:{summary:"inherit"}}},weight:{control:"select",options:["inherit","bold","semibold","medium","regular","100","200","300","400","500","600","700","800","900"],description:e("components.typography.argTypes.weightDescription"),table:{type:{summary:"ITypographyWeight"},defaultValue:{summary:"inherit"}}},color:{control:"text",description:e("components.typography.argTypes.colorDescription")+" (e.g., alias-object-primary) or CSS color value (e.g., #FF0000).",table:{type:{summary:"IColor"}}},className:{control:"text",description:e("components.typography.argTypes.classNameDescription"),table:{type:{summary:"string"}}},children:{control:"text",description:e("components.typography.argTypes.childrenDescription"),table:{type:{summary:"ReactNode"}}}}},s={name:e("components.typography.stories.default.name"),args:{children:e("components.typography.stories.default.text")}},r={name:e("components.typography.stories.differentSizes.name"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{size:"3x-small",children:e("components.typography.stories.differentSizes.size3xSmall")}),o.jsx(t,{size:"2x-small",children:e("components.typography.stories.differentSizes.size2xSmall")}),o.jsx(t,{size:"x-small",children:e("components.typography.stories.differentSizes.sizeXSmall")}),o.jsx(t,{size:"small",children:e("components.typography.stories.differentSizes.sizeSmall")}),o.jsx(t,{size:"base",children:e("components.typography.stories.differentSizes.sizeBase")}),o.jsx(t,{size:"large",children:e("components.typography.stories.differentSizes.sizeLarge")}),o.jsx(t,{size:"x-large",children:e("components.typography.stories.differentSizes.sizeXLarge")}),o.jsx(t,{size:"2x-large",children:e("components.typography.stories.differentSizes.size2xLarge")}),o.jsx(t,{size:"3x-large",children:e("components.typography.stories.differentSizes.size3xLarge")}),o.jsx(t,{size:"4x-large",children:e("components.typography.stories.differentSizes.size4xLarge")}),o.jsx(t,{size:"5x-large",children:e("components.typography.stories.differentSizes.size5xLarge")})]})},p={name:e("components.typography.stories.differentWeights.name"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{weight:"100",children:e("components.typography.stories.differentWeights.weight100")}),o.jsx(t,{weight:"200",children:e("components.typography.stories.differentWeights.weight200")}),o.jsx(t,{weight:"300",children:e("components.typography.stories.differentWeights.weight300")}),o.jsx(t,{weight:"400",children:e("components.typography.stories.differentWeights.weight400")}),o.jsx(t,{weight:"500",children:e("components.typography.stories.differentWeights.weight500")}),o.jsx(t,{weight:"600",children:e("components.typography.stories.differentWeights.weight600")}),o.jsx(t,{weight:"700",children:e("components.typography.stories.differentWeights.weight700")}),o.jsx(t,{weight:"800",children:e("components.typography.stories.differentWeights.weight800")}),o.jsx(t,{weight:"900",children:e("components.typography.stories.differentWeights.weight900")})]})},i={name:e("components.typography.stories.withColors.name"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{color:"alias-object-primary",children:e("components.typography.stories.withColors.primary")}),o.jsx(t,{color:"alias-object-secondary",children:e("components.typography.stories.withColors.secondary")}),o.jsx(t,{color:"alias-object-tertiary",children:e("components.typography.stories.withColors.tertiary")}),o.jsx(t,{color:"alias-object-danger",children:e("components.typography.stories.withColors.danger")}),o.jsx(t,{color:"alias-object-success",children:e("components.typography.stories.withColors.success")})]})},n={name:e("components.typography.stories.asDifferentElements.name"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{component:"h1",size:"4x-large",weight:"bold",children:e("components.typography.stories.asDifferentElements.heading1")}),o.jsx(t,{component:"h2",size:"3x-large",weight:"bold",children:e("components.typography.stories.asDifferentElements.heading2")}),o.jsx(t,{component:"h3",size:"2x-large",weight:"semibold",children:e("components.typography.stories.asDifferentElements.heading3")}),o.jsx(t,{component:"h4",size:"x-large",weight:"semibold",children:e("components.typography.stories.asDifferentElements.heading4")}),o.jsx(t,{component:"p",size:"base",children:e("components.typography.stories.asDifferentElements.paragraph")}),o.jsx(t,{component:"span",size:"small",children:e("components.typography.stories.asDifferentElements.span")})]})},a={render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[o.jsx(t,{component:"h2",size:"x-large",weight:"bold",color:"alias-object-primary",children:e("components.typography.stories.completeExample.title")}),o.jsx(t,{component:"p",size:"base",weight:"regular",children:e("components.typography.stories.completeExample.paragraph")}),o.jsx(t,{component:"span",size:"small",weight:"medium",color:"#666666",children:e("components.typography.stories.completeExample.caption")})]})},y={name:e("components.typography.stories.interactive.name"),args:{children:e("components.typography.stories.interactive.text"),size:"base",weight:"regular",color:"alias-object-primary",component:"div"}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
   name: t('components.typography.stories.default.name'),
   args: {
     children: t('components.typography.stories.default.text')
@@ -199,4 +199,4 @@ import{j as o}from"./iframe-CQAwSt4E.js";import{T as t}from"./typography-DEpAJl_
     color: 'alias-object-primary',
     component: 'div'
   }
-}`,...y.parameters?.docs?.source}}};const $=["Default","DifferentSizes","DifferentWeights","WithColors","AsDifferentElements","CompleteExample","Interactive"];export{n as AsDifferentElements,a as CompleteExample,s as Default,r as DifferentSizes,p as DifferentWeights,y as Interactive,i as WithColors,$ as __namedExportsOrder,D as default};
+}`,...y.parameters?.docs?.source}}};const D=["Default","DifferentSizes","DifferentWeights","WithColors","AsDifferentElements","CompleteExample","Interactive"];export{n as AsDifferentElements,a as CompleteExample,s as Default,r as DifferentSizes,p as DifferentWeights,y as Interactive,i as WithColors,D as __namedExportsOrder,S as default};

package/dist-storybook/assets/{uploader.stories-B2wW9qVy.js → uploader.stories-izVumFqZ.js}

@@ -1,4 +1,4 @@
-import{j as o,r as g}from"./iframe-CQAwSt4E.js";import{U as d}from"./chip-kG4p82WT.js";import{t as e}from"./store-D2RudmNr.js";import{T as b,S as h,M as u,P as v,a as y}from"./blocks-BuaOUtiH.js";import"./preload-helper-PPVm8Dsz.js";import"./classname-CUR_zgkh.js";import"./icon-DdQsMyRa.js";import"./colors-_6nFGM3e.js";import"./navigation-bar-vI-FPasP.js";import"./visibility-sensor-CwrzJO06.js";import"./index-B-Ksafg0.js";import"./store-CPumdfcU.js";import"./_setToString-CbM921C9.js";import"./react-hufnxGVs.js";import"./omit-Bsx5nTI0.js";import"./pick-BhmhLmLe.js";import"./button-CL7GeC23.js";import"./typography-DEpAJl_i.js";import"./image-C3EsNRhz.js";import"./bottom-tab-bar-CtcTAxuI.js";import"./toast-provider-DurnMJhd.js";import"./carousel-1Kww3hIz.js";import"./embla-carousel-react.esm-BYjpaHZ9.js";import"./pagination-DZHoBs_4.js";import"./section-content-DGNB4eLN.js";import"./option-item-LRh_OyV4.js";import"./index-BV0AJWP6.js";import"./alert-DLW8CoyB.js";import"./skeleton-C91JgehG.js";import"./label-DV2iCDmN.js";import"./input-wrapper-BKHgnPy6.js";import"./text-field-jK6rpOo2.js";import"./number-field-CXKmnfKe.js";import"./checkbox-MGytNNRt.js";import"./radio-B5NJxG_l.js";import"./date-Cg-Uk_pp.js";import"./date-picker-Dnq_-0Md.js";import"./calendar-dOCsjhVU.js";import"./search-field-CQqgFbfg.js";import"./text-area-DwSXyqOe.js";import"./avatar-GxcYPA1p.js";import"./badge-D_LzMVtw.js";import"./switch-p-aXI-ev.js";import"./tab-bar-CSeCmtIZ.js";import"./rating-BdXViYBv.js";import"./tooltip-QDdel5My.js";import"./index-DHiZ-gXR.js";const w=()=>{const r=`
+import{j as o,r as g}from"./iframe-DfPay7Zl.js";import{U as d}from"./chip-Crt60rph.js";import{t as e}from"./store-Ce3Ikv5g.js";import{T as b,S as h,M as u,P as v,a as y}from"./blocks-DKR3P4qW.js";import"./preload-helper-PPVm8Dsz.js";import"./icon-CdiFzFyf.js";import"./colors-_6nFGM3e.js";import"./app-CTv8lFU3.js";import"./index-BWpuenI4.js";import"./react-I9jCW2VV.js";import"./button-DJH3RlJl.js";import"./typography-CB8hPDyK.js";import"./image-CMKb-R3x.js";import"./visibility-sensor-Jf-Nmil6.js";import"./index-B-Ksafg0.js";import"./toast-provider-DKSrfhJD.js";import"./proxy-B4G9nIBd.js";import"./navigation-bar-DK3TxcTu.js";import"./_baseClone-DQVxEhny.js";import"./bottom-tab-bar-B6IAoRwz.js";import"./carousel-DJlgMyS5.js";import"./embla-carousel-react.esm-5D5fs7OQ.js";import"./pagination-Cp-DHO4Q.js";import"./sheet-footer-nEdxsYan.js";import"./dialog-BAfGQzk5.js";import"./section-content-D49PabBW.js";import"./option-item-CpeNcb5w.js";import"./index-EGt7xBnA.js";import"./alert-CKwsuaPI.js";import"./skeleton-B12XbNAJ.js";import"./label-D44azUgi.js";import"./input-wrapper-CgaUwbbE.js";import"./omit-BWHsnDSR.js";import"./text-field-CGWNqitB.js";import"./number-field-Bz7su9S1.js";import"./checkbox-JOxcmyCZ.js";import"./radio-D0aV0RIg.js";import"./date-field-range-B-sv9nbW.js";import"./calendar-C4Xe_TW2.js";import"./date-B3PFMb6s.js";import"./date-picker-BPzKPdhO.js";import"./search-field-DINESW8Y.js";import"./text-area-GKy5HL12.js";import"./dropdown-Dtomaqpw.js";import"./avatar-rWcYGe6j.js";import"./badge-VcjGVEum.js";import"./switch-D0Z9tWin.js";import"./tab-bar-kExoGg5P.js";import"./rating-D2e8RTGl.js";import"./tooltip-B9rDI6z9.js";import"./index-cMNObl2z.js";const w=()=>{const r=`
 ## ${e("common.table.title")}
 | ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
 | :--- | :--- | :---: | :--- |
@@ -10,7 +10,7 @@ import{j as o,r as g}from"./iframe-CQAwSt4E.js";import{U as d}from"./chip-kG4p82
 | \`includeBase64\` | \`boolean\` | ${e("common.table.no")} | ${e("components.uploader.argTypes.includeBase64Description")} |
 | \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.uploader.argTypes.classNameDescription")} |
 | \`...props\` | \`ComponentPropsWithRef<'div'>\` | ${e("common.table.no")} | ${e("components.uploader.argTypes.propsDescription")} |
-`;return o.jsxs(o.Fragment,{children:[o.jsx(b,{}),o.jsx(h,{}),o.jsx(u,{children:e("components.uploader.description")}),o.jsx(v,{}),o.jsx(u,{children:r}),o.jsx(y,{})]})},ue={title:"Components/Uploader",component:d,parameters:{layout:"padded",docs:{page:w}},tags:["autodocs"],argTypes:{value:{control:!1,description:e("components.uploader.argTypes.valueDescription"),table:{type:{summary:"IFileUpload[]"}}},onChange:{action:"changed",description:e("components.uploader.argTypes.onChangeDescription"),table:{type:{summary:"(files: IFileUpload[]) => void"}}},limit:{control:{type:"number",min:1,max:10,step:1},description:e("components.uploader.argTypes.limitDescription"),table:{type:{summary:"number"}}},disabled:{control:"boolean",description:e("components.uploader.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},showPreview:{control:"boolean",description:e("components.uploader.argTypes.showPreviewDescription"),table:{type:{summary:"boolean"}}},includeBase64:{control:"boolean",description:e("components.uploader.argTypes.includeBase64Description"),table:{type:{summary:"boolean"}}},className:{control:"text",description:e("components.uploader.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},t={name:e("components.uploader.stories.default.name"),args:{}},s={name:e("components.uploader.stories.controlled.name"),render:()=>{const[r,c]=g.useState([]);return o.jsx(d,{value:r,onChange:c})}},n={name:e("components.uploader.stories.withLimit.name"),args:{limit:3}},a={name:e("components.uploader.stories.withPreview.name"),args:{showPreview:!0}},i={name:e("components.uploader.stories.disabled.name"),args:{disabled:!0}},p={name:e("components.uploader.stories.singleFile.name"),args:{limit:1,showPreview:!0}},m={name:e("components.uploader.stories.multipleFiles.name"),args:{limit:5,showPreview:!0}},l={name:e("components.uploader.stories.interactive.name"),render:()=>{const[r,c]=g.useState([]);return o.jsxs("div",{children:[o.jsx(d,{value:r,onChange:c,showPreview:!0,limit:3}),o.jsx("p",{style:{marginTop:"16px",fontSize:"14px"},children:e("components.uploader.stories.interactive.filesUploaded",{count:r.length})})]})}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+`;return o.jsxs(o.Fragment,{children:[o.jsx(b,{}),o.jsx(h,{}),o.jsx(u,{children:e("components.uploader.description")}),o.jsx(v,{}),o.jsx(u,{children:r}),o.jsx(y,{})]})},ve={title:"Components/Uploader",component:d,parameters:{layout:"padded",docs:{page:w}},tags:["autodocs"],argTypes:{value:{control:!1,description:e("components.uploader.argTypes.valueDescription"),table:{type:{summary:"IFileUpload[]"}}},onChange:{action:"changed",description:e("components.uploader.argTypes.onChangeDescription"),table:{type:{summary:"(files: IFileUpload[]) => void"}}},limit:{control:{type:"number",min:1,max:10,step:1},description:e("components.uploader.argTypes.limitDescription"),table:{type:{summary:"number"}}},disabled:{control:"boolean",description:e("components.uploader.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},showPreview:{control:"boolean",description:e("components.uploader.argTypes.showPreviewDescription"),table:{type:{summary:"boolean"}}},includeBase64:{control:"boolean",description:e("components.uploader.argTypes.includeBase64Description"),table:{type:{summary:"boolean"}}},className:{control:"text",description:e("components.uploader.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},t={name:e("components.uploader.stories.default.name"),args:{}},s={name:e("components.uploader.stories.controlled.name"),render:()=>{const[r,c]=g.useState([]);return o.jsx(d,{value:r,onChange:c})}},n={name:e("components.uploader.stories.withLimit.name"),args:{limit:3}},a={name:e("components.uploader.stories.withPreview.name"),args:{showPreview:!0}},i={name:e("components.uploader.stories.disabled.name"),args:{disabled:!0}},p={name:e("components.uploader.stories.singleFile.name"),args:{limit:1,showPreview:!0}},m={name:e("components.uploader.stories.multipleFiles.name"),args:{limit:5,showPreview:!0}},l={name:e("components.uploader.stories.interactive.name"),render:()=>{const[r,c]=g.useState([]);return o.jsxs("div",{children:[o.jsx(d,{value:r,onChange:c,showPreview:!0,limit:3}),o.jsx("p",{style:{marginTop:"16px",fontSize:"14px"},children:e("components.uploader.stories.interactive.filesUploaded",{count:r.length})})]})}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
   name: t('components.uploader.stories.default.name'),
   args: {}
 }`,...t.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
@@ -62,4 +62,4 @@ import{j as o,r as g}from"./iframe-CQAwSt4E.js";import{U as d}from"./chip-kG4p82
         </p>
       </div>;
   }
-}`,...l.parameters?.docs?.source}}};const ge=["Default","Controlled","WithLimit","WithPreview","Disabled","SingleFile","MultipleFiles","Interactive"];export{s as Controlled,t as Default,i as Disabled,l as Interactive,m as MultipleFiles,p as SingleFile,n as WithLimit,a as WithPreview,ge as __namedExportsOrder,ue as default};
+}`,...l.parameters?.docs?.source}}};const ye=["Default","Controlled","WithLimit","WithPreview","Disabled","SingleFile","MultipleFiles","Interactive"];export{s as Controlled,t as Default,i as Disabled,l as Interactive,m as MultipleFiles,p as SingleFile,n as WithLimit,a as WithPreview,ye as __namedExportsOrder,ve as default};

package/dist-storybook/assets/use-app-pause-ClsUnndr.js

@@ -0,0 +1,21 @@
+import{j as e}from"./iframe-DfPay7Zl.js";import{useMDXComponents as t}from"./index-DqZh6B0b.js";import{b as a,M as p}from"./blocks-DKR3P4qW.js";import"./preload-helper-PPVm8Dsz.js";import"./index-cMNObl2z.js";function r(s){const n={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...t(),...s.components};return e.jsxs(e.Fragment,{children:[`
+`,`
+`,e.jsx(a,{title:"Router/useAppPause"}),`
+`,e.jsx(n.h1,{id:"useapppause",children:"useAppPause"}),`
+`,e.jsxs(n.p,{children:["Hook đăng ký callback khi ",e.jsx(n.strong,{children:"app bị pause"})," (vào nền). Lắng nghe event khi v-app chuyển về chế độ background"]}),`
+`,e.jsx(n.h2,{id:"import",children:"Import"}),`
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-typescript",children:`import { useAppPause } from '@v-miniapp/router'
+`})}),`
+`,e.jsx(n.h2,{id:"usage",children:"Usage"}),`
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`import { useAppPause } from '@v-miniapp/router'
+
+const MyPage = () => {
+  useAppPause(() => {
+    console.log('App paused - pause timers, save draft, etc.')
+  })
+
+  return <div>...</div>
+}
+`})}),`
+`,e.jsx(n.h2,{id:"parameters",children:"Parameters"}),`
+`,e.jsx(p,{children:"\n| Tham số | Kiểu | Mô tả |\n| :--- | :--- | :--- |\n| `onPause` | `() => void` | Callback được gọi khi app pause. Bắt buộc. |\n"})]})}function h(s={}){const{wrapper:n}={...t(),...s.components};return n?e.jsx(n,{...s,children:e.jsx(r,{...s})}):r(s)}export{h as default};

package/dist-storybook/assets/use-app-resume-D_EcIvMd.js

@@ -0,0 +1,21 @@
+import{j as e}from"./iframe-DfPay7Zl.js";import{useMDXComponents as t}from"./index-DqZh6B0b.js";import{b as o,M as p}from"./blocks-DKR3P4qW.js";import"./preload-helper-PPVm8Dsz.js";import"./index-cMNObl2z.js";function s(r){const n={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...t(),...r.components};return e.jsxs(e.Fragment,{children:[`
+`,`
+`,e.jsx(o,{title:"Router/useAppResume"}),`
+`,e.jsx(n.h1,{id:"useappresume",children:"useAppResume"}),`
+`,e.jsxs(n.p,{children:["Hook đăng ký callback khi ",e.jsx(n.strong,{children:"app resume"})," (quay lại foreground). Lắng nghe event khi v-app chuyển thoát chế độ background"]}),`
+`,e.jsx(n.h2,{id:"import",children:"Import"}),`
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-typescript",children:`import { useAppResume } from '@v-miniapp/router'
+`})}),`
+`,e.jsx(n.h2,{id:"usage",children:"Usage"}),`
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`import { useAppResume } from '@v-miniapp/router'
+
+const MyPage = () => {
+  useAppResume(() => {
+    console.log('App resumed - refresh data, resume timers, etc.')
+  })
+
+  return <div>...</div>
+}
+`})}),`
+`,e.jsx(n.h2,{id:"parameters",children:"Parameters"}),`
+`,e.jsx(p,{children:"\n| Tham số | Kiểu | Mô tả |\n| :--- | :--- | :--- |\n| `onResume` | `() => void` | Callback được gọi khi app resume. Bắt buộc. |\n"})]})}function d(r={}){const{wrapper:n}={...t(),...r.components};return n?e.jsx(n,{...r,children:e.jsx(s,{...r})}):s(r)}export{d as default};

package/dist-storybook/assets/use-bottom-tab-bar-BC1cz2uE.js

@@ -0,0 +1,49 @@
+import{j as t}from"./iframe-DfPay7Zl.js";import{useMDXComponents as a}from"./index-DqZh6B0b.js";import{b as r,M as i}from"./blocks-DKR3P4qW.js";import"./preload-helper-PPVm8Dsz.js";import"./index-cMNObl2z.js";function o(n){const e={code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...a(),...n.components};return t.jsxs(t.Fragment,{children:[`
+`,`
+`,t.jsx(r,{title:"UI React/useBottomTabBar"}),`
+`,t.jsx(e.h1,{id:"usebottomtabbar",children:"useBottomTabBar"}),`
+`,t.jsxs(e.p,{children:["Hook trả về ",t.jsx(e.strong,{children:"state"})," bottom tab bar đã merge (app + page hiện tại), ",t.jsx(e.strong,{children:"hidden"})," (có nên ẩn bar không), và các function để ",t.jsx(e.strong,{children:"cập nhật"})," / ",t.jsx(e.strong,{children:"ẩn"})," / ",t.jsx(e.strong,{children:"reset"})," cho page hoặc app. Dùng khi cần đọc hoặc thay đổi items, theme, hidden, … từ trong component."]}),`
+`,t.jsx(e.h2,{id:"import",children:"Import"}),`
+`,t.jsx(e.pre,{children:t.jsx(e.code,{className:"language-typescript",children:`import { useBottomTabBar } from '@v-miniapp/ui-react'
+`})}),`
+`,t.jsx(e.h2,{id:"usage",children:"Usage"}),`
+`,t.jsx(e.h3,{id:"đọc-state-và-hidden",children:"Đọc state và hidden"}),`
+`,t.jsx(e.pre,{children:t.jsx(e.code,{className:"language-tsx",children:`import { useBottomTabBar } from '@v-miniapp/ui-react'
+
+const MyPage = () => {
+  const { state, hidden } = useBottomTabBar()
+
+  if (hidden) return <div>Bottom bar is hidden</div>
+
+  return (
+    <div>
+      <p>Active tab ID from config: {state.items?.find(i => i.id === state.activeId)?.id}</p>
+    </div>
+  )
+}
+`})}),`
+`,t.jsx(e.h3,{id:"ẩn-bottom-tab-bar-trên-một-page",children:"Ẩn bottom tab bar trên một page"}),`
+`,t.jsx(e.pre,{children:t.jsx(e.code,{className:"language-tsx",children:`const { removePageBottomTabBar, resetPageBottomTabBar } = useBottomTabBar()
+
+useEffect(() => {
+  removePageBottomTabBar()
+  return () => resetPageBottomTabBar()
+}, [])
+`})}),`
+`,t.jsx(e.h3,{id:"cập-nhật-items-hoặc-config-cho-page",children:"Cập nhật items hoặc config cho page"}),`
+`,t.jsx(e.pre,{children:t.jsx(e.code,{className:"language-tsx",children:`const { setPageBottomTabBar } = useBottomTabBar()
+
+setPageBottomTabBar({
+  items: [
+    { id: 'home', path: '/home', name: 'Trang chủ', icon: '...' },
+    { id: 'profile', path: '/profile', name: 'Cá nhân', icon: '...' },
+  ],
+})
+`})}),`
+`,t.jsx(e.h2,{id:"returns",children:"Returns"}),`
+`,t.jsx(i,{children:"\n| Thuộc tính | Kiểu | Mô tả |\n| :--- | :--- | :--- |\n| `hidden` | `boolean` | `true` khi bar bị ẩn hoặc page không có `bottomTabBarId` khớp với `items`, hoặc `items` rỗng. |\n| `state` | merged | State đã merge: app + page. Gồm `items`, `hidden`, … theo `IAppBottomTabBarConfig`. |\n| `pageState` | `object` | State bottom tab bar riêng của page hiện tại (`bottomTabBarId`, …). |\n| `appState` | `object` | State bottom tab bar mặc định của app. |\n| `setPageBottomTabBar` | `(state: Partial<IPageBottomTabBarState>) => void` | Cập nhật bottom tab bar cho **page hiện tại**. |\n| `setAppBottomTabBar` | `(state: Partial<IAppBottomTabBarState>) => void` | Cập nhật bottom tab bar **mặc định** cho app. |\n| `removePageBottomTabBar` | `() => void` | Ẩn bottom tab bar cho page hiện tại (`hidden: true`). |\n| `removeAppBottomTabBar` | `() => void` | Ẩn bottom tab bar mặc định của app. |\n| `resetPageBottomTabBar` | `() => void` | Reset bottom tab bar của page về config từ `IPageConfig`. |\n| `resetAppBottomTabBar` | `() => void` | Reset bottom tab bar app về config từ `IAppConfig`. |\n"}),`
+`,t.jsx(e.h2,{id:"lưu-ý",children:"Lưu ý"}),`
+`,t.jsxs(e.ul,{children:[`
+`,t.jsxs(e.li,{children:[t.jsx(e.strong,{children:"hidden"})," = true khi: ",t.jsx(e.code,{children:"state.hidden"})," === true, hoặc page không có ",t.jsx(e.code,{children:"bottomTabBarId"}),", hoặc ",t.jsx(e.code,{children:"items"})," rỗng, hoặc không có item nào có ",t.jsx(e.code,{children:"id"})," trùng ",t.jsx(e.code,{children:"pageState.bottomTabBarId"}),"."]}),`
+`,t.jsxs(e.li,{children:["Bottom tab bar thường được cấu hình trong ",t.jsx(e.code,{children:"IAppConfig.bottomTabBar"})," và ",t.jsx(e.code,{children:"IPageConfig.bottomTabBarId"}),"; dùng hook khi cần thay đổi động theo logic trong page."]}),`
+`]})]})}function p(n={}){const{wrapper:e}={...a(),...n.components};return e?t.jsx(e,{...n,children:t.jsx(o,{...n})}):o(n)}export{p as default};

package/dist-storybook/assets/use-custom-icon-event-cUk4Md0Y.js

@@ -0,0 +1,26 @@
+import{j as n}from"./iframe-DfPay7Zl.js";import{useMDXComponents as i}from"./index-DqZh6B0b.js";import{b as c,M as s}from"./blocks-DKR3P4qW.js";import"./preload-helper-PPVm8Dsz.js";import"./index-cMNObl2z.js";function t(o){const e={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...i(),...o.components};return n.jsxs(n.Fragment,{children:[`
+`,`
+`,n.jsx(c,{title:"UI React/useCustomIconEvent"}),`
+`,n.jsx(e.h1,{id:"usecustomiconevent",children:"useCustomIconEvent"}),`
+`,n.jsxs(e.p,{children:["Hook đăng ký ",n.jsx(e.strong,{children:"callback"})," khi user bấm vào ",n.jsx(e.strong,{children:"custom icon"})," trên navigation bar. Callback nhận ",n.jsx(e.strong,{children:"index"})," của icon (theo thứ tự trong config). Dùng khi page có ",n.jsx(e.code,{children:"navigationBar.customRightIcons"})," hoặc custom icons tương tự."]}),`
+`,n.jsx(e.h2,{id:"import",children:"Import"}),`
+`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-typescript",children:`import { useCustomIconEvent } from '@v-miniapp/ui-react'
+`})}),`
+`,n.jsx(e.h2,{id:"usage",children:"Usage"}),`
+`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-tsx",children:`import { useCustomIconEvent } from '@v-miniapp/ui-react'
+
+const MyPage = () => {
+  useCustomIconEvent((index) => {
+    if (index === 0) console.log('Icon đầu tiên được bấm')
+    if (index === 1) console.log('Icon thứ hai được bấm')
+  })
+
+  return <div>...</div>
+}
+`})}),`
+`,n.jsxs(e.p,{children:["Kết hợp với ",n.jsx(e.code,{children:"navigationBar.customRightIcons"})," (hoặc config tương tự) trong page config để hiển thị icon và xử lý click qua hook này."]}),`
+`,n.jsx(e.h2,{id:"signature",children:"Signature"}),`
+`,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-typescript",children:`function useCustomIconEvent(onCustomIconEvent: (index: number) => void): void
+`})}),`
+`,n.jsx(e.h2,{id:"parameters",children:"Parameters"}),`
+`,n.jsx(s,{children:"\n| Tham số | Kiểu | Bắt buộc | Mô tả |\n| :--- | :--- | :--- | :--- |\n| `onCustomIconEvent` | `(index: number) => void` | ✓ | Gọi khi custom icon được bấm. `index`: vị trí icon (0-based). |\n"})]})}function u(o={}){const{wrapper:e}={...i(),...o.components};return e?n.jsx(e,{...o,children:n.jsx(t,{...o})}):t(o)}export{u as default};