@v-miniapp/ui-react 1.0.60 → 1.0.72

package/dist-storybook/assets/{typography.stories-DWxFgTz3.js → typography.stories-DSt5W_AG.js}

@@ -1,4 +1,4 @@
-import{j as o}from"./iframe-C0PGuV5s.js";import{T as t}from"./typography-BcLxefPi.js";import{t as e}from"./store-BmYgrUro.js";import{T as c,S as l,M as g,P as m,a as d}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./colors-_6nFGM3e.js";import"./index-1AHvPexM.js";const f=()=>{const h=`
+import{j as o}from"./iframe-Crg_lbde.js";import{T as t}from"./typography-CMIMyivt.js";import{t as e}from"./store-BwIebEt6.js";import{T as c,S as l,a as g,P as m,b as d}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./classname-Bl5epEs-.js";import"./colors-_6nFGM3e.js";import"./index-CdnALcTP.js";const f=()=>{const h=`
 ## ${e("common.table.title")}
 
 ### Typography
@@ -44,7 +44,7 @@ import{j as o}from"./iframe-C0PGuV5s.js";import{T as t}from"./typography-BcLxefP
 | \`'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,{})]})},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:`{
+`;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:`{
   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-C0PGuV5s.js";import{T as t}from"./typography-BcLxefP
     color: 'alias-object-primary',
     component: 'div'
   }
-}`,...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};
+}`,...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};

package/dist-storybook/assets/uploader.stories-C5CmeXEk.js

@@ -0,0 +1,65 @@
+import{r as x,j as o}from"./iframe-Crg_lbde.js";import{c as N,g as U}from"./classname-Bl5epEs-.js";import{u as k}from"./index-hDlmuyu2.js";import{I as P}from"./icon-Cc9W858e.js";import{I as E}from"./image-CB4oeTy-.js";import{t as e}from"./store-BwIebEt6.js";import{T as W,S as z,a as j,P as B,b as L}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-B-Ksafg0.js";import"./colors-_6nFGM3e.js";import"./index-CdnALcTP.js";const R=(s={})=>new Promise((r,l)=>{vsf.chooseImage({...s,success:n=>{r(n)},fail:n=>{l(n)}})});async function q(s){try{const{count:r=1}=s||{},l=await R({count:r,includeBase64:!0}),n=[];return(l.tempFiles||[]).forEach(p=>{if(!p.data)return;const m={tempFile:p};n.push(m)}),n}catch(r){return console.error("Failed to upload image",r),[]}}const a=U("uploader"),F=({limit:s,disabled:r,showPreview:l,className:n,includeBase64:$,value:p,onChange:m,...S})=>{const[D,d]=k({...p!==void 0&&{value:p},...m!==void 0&&{onChange:m}},{defaultValue:[],trigger:"onChange"}),C=x.useCallback(async()=>{if(r||s&&(D??[]).length>=s)return;const t=await q({includeBase64:$});d(c=>{const i=[...c??[]];return t.forEach(_=>{s&&i.length>=s||i.unshift(_)}),i})},[s,r,$,D,d]),I=x.useCallback(t=>{d(c=>{const i=[...c];return i.splice(t,1),i})},[d]);return o.jsxs("div",{...S,className:N(a,{[`${a}--disabled`]:r},n),children:[o.jsx("div",{className:`${a}__trigger`,onClick:C,children:o.jsx(P,{name:"plus",type:"outline",size:40,color:r?"alias-object-disabled":"global-neutral-neutral-50"})}),l&&o.jsx("div",{className:`${a}__preview-list`,children:[...D??[]].reverse().map((t,c)=>o.jsx(T,{previewSrc:t.tempFile.data,onDelete:()=>I(c)},t.tempFile.path))})]})},T=({previewSrc:s,onDelete:r})=>o.jsxs("div",{className:`${a}__preview-item`,children:[o.jsx(E,{className:`${a}__preview-image`,fit:"cover",src:s}),o.jsx("div",{className:`${a}__delete-button`,onClick:r,children:o.jsx(P,{name:"xmark",size:16,color:"white"})})]});F.__docgenInfo={description:"",methods:[],displayName:"Uploader"};T.__docgenInfo={description:"",methods:[],displayName:"FilePreview",props:{previewSrc:{required:!1,tsType:{name:"string"},description:""},onDelete:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const M=()=>{const s=`
+## ${e("common.table.title")}
+| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
+| :--- | :--- | :---: | :--- |
+| \`value\` | \`IFileUpload[]\` | ${e("common.table.no")} | ${e("components.uploader.argTypes.valueDescription")} |
+| \`onChange\` | \`(files: IFileUpload[]) => void\` | ${e("common.table.no")} | ${e("components.uploader.argTypes.onChangeDescription")} |
+| \`limit\` | \`number\` | ${e("common.table.no")} | ${e("components.uploader.argTypes.limitDescription")} |
+| \`disabled\` | \`boolean\` | ${e("common.table.no")} | ${e("components.uploader.argTypes.disabledDescription")} |
+| \`showPreview\` | \`boolean\` | ${e("common.table.no")} | ${e("components.uploader.argTypes.showPreviewDescription")} |
+| \`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(W,{}),o.jsx(z,{}),o.jsx(j,{children:e("components.uploader.description")}),o.jsx(B,{}),o.jsx(j,{children:s}),o.jsx(L,{})]})},ee={title:"Components/Uploader",component:F,parameters:{layout:"padded",docs:{page:M}},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"}}}}},u={name:e("components.uploader.stories.default.name"),args:{}},g={name:e("components.uploader.stories.controlled.name"),render:()=>{const[s,r]=x.useState([]);return o.jsx(F,{value:s,onChange:r})}},h={name:e("components.uploader.stories.withLimit.name"),args:{limit:3}},v={name:e("components.uploader.stories.withPreview.name"),args:{showPreview:!0}},b={name:e("components.uploader.stories.disabled.name"),args:{disabled:!0}},w={name:e("components.uploader.stories.singleFile.name"),args:{limit:1,showPreview:!0}},f={name:e("components.uploader.stories.multipleFiles.name"),args:{limit:5,showPreview:!0}},y={name:e("components.uploader.stories.interactive.name"),render:()=>{const[s,r]=x.useState([]);return o.jsxs("div",{children:[o.jsx(F,{value:s,onChange:r,showPreview:!0,limit:3}),o.jsx("p",{style:{marginTop:"16px",fontSize:"14px"},children:e("components.uploader.stories.interactive.filesUploaded",{count:s.length})})]})}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
+  name: t('components.uploader.stories.default.name'),
+  args: {}
+}`,...u.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+  name: t('components.uploader.stories.controlled.name'),
+  render: () => {
+    const [files, setFiles] = useState<IFileUpload[]>([]);
+    return <Uploader value={files} onChange={setFiles} />;
+  }
+}`,...g.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+  name: t('components.uploader.stories.withLimit.name'),
+  args: {
+    limit: 3
+  }
+}`,...h.parameters?.docs?.source}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
+  name: t('components.uploader.stories.withPreview.name'),
+  args: {
+    showPreview: true
+  }
+}`,...v.parameters?.docs?.source}}};b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
+  name: t('components.uploader.stories.disabled.name'),
+  args: {
+    disabled: true
+  }
+}`,...b.parameters?.docs?.source}}};w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
+  name: t('components.uploader.stories.singleFile.name'),
+  args: {
+    limit: 1,
+    showPreview: true
+  }
+}`,...w.parameters?.docs?.source}}};f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
+  name: t('components.uploader.stories.multipleFiles.name'),
+  args: {
+    limit: 5,
+    showPreview: true
+  }
+}`,...f.parameters?.docs?.source}}};y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+  name: t('components.uploader.stories.interactive.name'),
+  render: () => {
+    const [files, setFiles] = useState<IFileUpload[]>([]);
+    return <div>
+        <Uploader value={files} onChange={setFiles} showPreview limit={3} />
+        <p style={{
+        marginTop: '16px',
+        fontSize: '14px'
+      }}>
+          {t('components.uploader.stories.interactive.filesUploaded', {
+          count: files.length
+        })}
+        </p>
+      </div>;
+  }
+}`,...y.parameters?.docs?.source}}};const oe=["Default","Controlled","WithLimit","WithPreview","Disabled","SingleFile","MultipleFiles","Interactive"];export{g as Controlled,u as Default,b as Disabled,y as Interactive,f as MultipleFiles,w as SingleFile,h as WithLimit,v as WithPreview,oe as __namedExportsOrder,ee as default};

package/dist-storybook/assets/{use-app-pause-CyjeIEPG.js → use-app-pause-_ycnhKwZ.js}

@@ -1,6 +1,6 @@
-import{j as e}from"./iframe-C0PGuV5s.js";import{useMDXComponents as t}from"./index-SzFZQQjs.js";import{b as a,M as p}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.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:[`
+import{j as e}from"./iframe-Crg_lbde.js";import{useMDXComponents as a}from"./index-B24pfkXD.js";import{M as t,a as p}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.js";function r(s){const n={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...a(),...s.components};return e.jsxs(e.Fragment,{children:[`
 `,`
-`,e.jsx(a,{title:"Router/useAppPause"}),`
+`,e.jsx(t,{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"}),`
@@ -18,4 +18,4 @@ const MyPage = () => {
 }
 `})}),`
 `,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};
+`,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}={...a(),...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-DntO6Rkm.js → use-app-resume-CWb2s-wo.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./iframe-C0PGuV5s.js";import{useMDXComponents as t}from"./index-SzFZQQjs.js";import{b as o,M as p}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.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:[`
+import{j as e}from"./iframe-Crg_lbde.js";import{useMDXComponents as t}from"./index-B24pfkXD.js";import{M as o,a as p}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.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"}),`

package/dist-storybook/assets/{use-bottom-tab-bar-Da7gjw6y.js → use-bottom-tab-bar--DRl-8c4.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./iframe-C0PGuV5s.js";import{useMDXComponents as a}from"./index-SzFZQQjs.js";import{b as r,M as i}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.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:[`
+import{j as t}from"./iframe-Crg_lbde.js";import{useMDXComponents as a}from"./index-B24pfkXD.js";import{M as r,a as i}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.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"}),`

package/dist-storybook/assets/{use-custom-icon-event-BEYPYrKY.js → use-custom-icon-event-BXcRPkLg.js}

@@ -1,4 +1,4 @@
-import{j as n}from"./iframe-C0PGuV5s.js";import{useMDXComponents as i}from"./index-SzFZQQjs.js";import{b as c,M as s}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.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:[`
+import{j as n}from"./iframe-Crg_lbde.js";import{useMDXComponents as i}from"./index-B24pfkXD.js";import{M as c,a as s}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.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"}),`

package/dist-storybook/assets/{use-did-hide-Do-KOSzV.js → use-did-hide-LBcrwoUo.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./iframe-C0PGuV5s.js";import{useMDXComponents as s}from"./index-SzFZQQjs.js";import{b as o,M as d}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";function r(i){const n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...s(),...i.components};return e.jsxs(e.Fragment,{children:[`
+import{j as e}from"./iframe-Crg_lbde.js";import{useMDXComponents as s}from"./index-B24pfkXD.js";import{M as o,a as d}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.js";function r(i){const n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...s(),...i.components};return e.jsxs(e.Fragment,{children:[`
 `,`
 `,e.jsx(o,{title:"Router/useDidHide"}),`
 `,e.jsx(n.h1,{id:"usedidhide",children:"useDidHide"}),`

package/dist-storybook/assets/{use-did-show-Bv9k7DdG.js → use-did-show-BXLstTgt.js}

@@ -1,4 +1,4 @@
-import{j as n}from"./iframe-C0PGuV5s.js";import{useMDXComponents as r}from"./index-SzFZQQjs.js";import{b as s,M as t}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";function o(i){const e={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...r(),...i.components};return n.jsxs(n.Fragment,{children:[`
+import{j as n}from"./iframe-Crg_lbde.js";import{useMDXComponents as r}from"./index-B24pfkXD.js";import{M as s,a as t}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.js";function o(i){const e={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...r(),...i.components};return n.jsxs(n.Fragment,{children:[`
 `,`
 `,n.jsx(s,{title:"Router/useDidShow"}),`
 `,n.jsx(e.h1,{id:"usedidshow",children:"useDidShow"}),`

package/dist-storybook/assets/{use-histories-Ci1HfRe-.js → use-histories-Cz7ncXaj.js}

@@ -1,4 +1,4 @@
-import{j as n}from"./iframe-C0PGuV5s.js";import{useMDXComponents as r}from"./index-SzFZQQjs.js";import{b as i}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";function t(s){const e={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...r(),...s.components};return n.jsxs(n.Fragment,{children:[`
+import{j as n}from"./iframe-Crg_lbde.js";import{useMDXComponents as r}from"./index-B24pfkXD.js";import{M as i}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.js";function t(s){const e={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...r(),...s.components};return n.jsxs(n.Fragment,{children:[`
 `,`
 `,n.jsx(i,{title:"Router/useHistories"}),`
 `,n.jsx(e.h1,{id:"usehistories",children:"useHistories"}),`

package/dist-storybook/assets/{use-history-CkVE1jRy.js → use-history-B_w6SPwr.js}

@@ -1,4 +1,4 @@
-import{j as n}from"./iframe-C0PGuV5s.js";import{useMDXComponents as o}from"./index-SzFZQQjs.js";import{b as i,M as s}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";function e(r){const t={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...o(),...r.components};return n.jsxs(n.Fragment,{children:[`
+import{j as n}from"./iframe-Crg_lbde.js";import{useMDXComponents as o}from"./index-B24pfkXD.js";import{M as i,a as s}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.js";function e(r){const t={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...o(),...r.components};return n.jsxs(n.Fragment,{children:[`
 `,`
 `,n.jsx(i,{title:"Router/useHistory"}),`
 `,n.jsx(t.h1,{id:"usehistory",children:"useHistory"}),`

package/dist-storybook/assets/{use-language-Bg-LzpzQ.js → use-language-D84C9QNT.js}

@@ -1,4 +1,4 @@
-import{j as n}from"./iframe-C0PGuV5s.js";import{useMDXComponents as s}from"./index-SzFZQQjs.js";import{b as t,M as i}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";function a(g){const e={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",strong:"strong",...s(),...g.components};return n.jsxs(n.Fragment,{children:[`
+import{j as n}from"./iframe-Crg_lbde.js";import{useMDXComponents as s}from"./index-B24pfkXD.js";import{M as t,a as i}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.js";function a(g){const e={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",strong:"strong",...s(),...g.components};return n.jsxs(n.Fragment,{children:[`
 `,`
 `,n.jsx(t,{title:"Locale/useLanguage"}),`
 `,n.jsx(e.h1,{id:"uselanguage",children:"useLanguage"}),`

package/dist-storybook/assets/{use-load-more-eaC8W6Cc.js → use-load-more-Bb9YFkAE.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./iframe-C0PGuV5s.js";import{useMDXComponents as r}from"./index-SzFZQQjs.js";import{b as s,M as o}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";function t(i){const n={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...r(),...i.components};return e.jsxs(e.Fragment,{children:[`
+import{j as e}from"./iframe-Crg_lbde.js";import{useMDXComponents as r}from"./index-B24pfkXD.js";import{M as s,a as o}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.js";function t(i){const n={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...r(),...i.components};return e.jsxs(e.Fragment,{children:[`
 `,`
 `,e.jsx(s,{title:"UI React/useLoadMore"}),`
 `,e.jsx(n.h1,{id:"useloadmore",children:"useLoadMore"}),`

package/dist-storybook/assets/{use-location-BMrQnhPi.js → use-location-DnxJ5FvJ.js}

@@ -1,4 +1,4 @@
-import{j as n}from"./iframe-C0PGuV5s.js";import{useMDXComponents as i}from"./index-SzFZQQjs.js";import{b as r,M as s}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";function o(e){const t={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...i(),...e.components};return n.jsxs(n.Fragment,{children:[`
+import{j as n}from"./iframe-Crg_lbde.js";import{useMDXComponents as i}from"./index-B24pfkXD.js";import{M as r,a as s}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.js";function o(e){const t={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...i(),...e.components};return n.jsxs(n.Fragment,{children:[`
 `,`
 `,n.jsx(r,{title:"Router/useLocation"}),`
 `,n.jsx(t.h1,{id:"uselocation",children:"useLocation"}),`

package/dist-storybook/assets/{use-navigate-BwwmhToy.js → use-navigate-OLqoL3vR.js}

@@ -1,4 +1,4 @@
-import{j as n}from"./iframe-C0PGuV5s.js";import{useMDXComponents as r}from"./index-SzFZQQjs.js";import{b as s,M as a}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";function i(t){const e={code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...r(),...t.components};return n.jsxs(n.Fragment,{children:[`
+import{j as n}from"./iframe-Crg_lbde.js";import{useMDXComponents as r}from"./index-B24pfkXD.js";import{M as s,a as t}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.js";function i(a){const e={code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...r(),...a.components};return n.jsxs(n.Fragment,{children:[`
 `,`
 `,n.jsx(s,{title:"Router/useNavigate"}),`
 `,n.jsx(e.h1,{id:"usenavigate",children:"useNavigate"}),`
@@ -31,6 +31,6 @@ navigate(1)   // Forward 1 page
 navigate(-1, { animation: { type: 'none' } })
 `})}),`
 `,n.jsx(e.h2,{id:"inavigatepathnameoptions",children:"INavigatePathnameOptions"}),`
-`,n.jsx(a,{children:"\n| Option | Kiểu | Mô tả |\n| :--- | :--- | :--- |\n| `replace` | `boolean` | `true`: thay thế entry hiện tại thay vì push mới |\n| `params` | `Record<string, string>` | Query params (xuất hiện trên URL) |\n| `state` | `any` | State gửi kèm (không lên URL), lưu trong history |\n| Các thuộc tính `IRouterPageState` | - | Override animation, keepAlive, Layouts, v.v. cho page đích |\n"}),`
+`,n.jsx(t,{children:"\n| Option | Kiểu | Mô tả |\n| :--- | :--- | :--- |\n| `replace` | `boolean` | `true`: thay thế entry hiện tại thay vì push mới |\n| `params` | `Record<string, string>` | Query params (xuất hiện trên URL) |\n| `state` | `any` | State gửi kèm (không lên URL), lưu trong history |\n| Các thuộc tính `IRouterPageState` | - | Override animation, keepAlive, Layouts, v.v. cho page đích |\n"}),`
 `,n.jsx(e.h2,{id:"inavigatedeltaoptions",children:"INavigateDeltaOptions"}),`
-`,n.jsx(a,{children:"\n| Option | Kiểu | Mô tả |\n| :--- | :--- | :--- |\n| `animation` | `IAnimationState` | Override animation cho lần navigate này. `type` (`'none'`, `'slide_up'`, `'slide_left'`, `'fade_in'`) |\n"})]})}function l(t={}){const{wrapper:e}={...r(),...t.components};return e?n.jsx(e,{...t,children:n.jsx(i,{...t})}):i(t)}export{l as default};
+`,n.jsx(t,{children:"\n| Option | Kiểu | Mô tả |\n| :--- | :--- | :--- |\n| `animation` | `IAnimationState` | Override animation cho lần navigate này. `type` (`'none'`, `'slide_up'`, `'slide_left'`, `'fade_in'`) |\n"})]})}function l(a={}){const{wrapper:e}={...r(),...a.components};return e?n.jsx(e,{...a,children:n.jsx(i,{...a})}):i(a)}export{l as default};

package/dist-storybook/assets/{use-navigation-bar-DzgWeTpM.js → use-navigation-bar-D5BX6S-r.js}

@@ -1,14 +1,14 @@
-import{j as n}from"./iframe-C0PGuV5s.js";import{useMDXComponents as i}from"./index-SzFZQQjs.js";import{b as r,M as o}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";function e(t){const a={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",strong:"strong",...i(),...t.components};return n.jsxs(n.Fragment,{children:[`
+import{j as a}from"./iframe-Crg_lbde.js";import{useMDXComponents as i}from"./index-B24pfkXD.js";import{M as r,a as o}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.js";function e(t){const n={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",strong:"strong",...i(),...t.components};return a.jsxs(a.Fragment,{children:[`
 `,`
-`,n.jsx(r,{title:"UI React/useNavigationBar"}),`
-`,n.jsx(a.h1,{id:"usenavigationbar",children:"useNavigationBar"}),`
-`,n.jsxs(a.p,{children:["Hook trả về ",n.jsx(a.strong,{children:"state"})," navigation bar đã merge (app + page hiện tại) và các function để ",n.jsx(a.strong,{children:"cập nhật"})," / ",n.jsx(a.strong,{children:"ẩn"})," / ",n.jsx(a.strong,{children:"reset"})," cho page hoặc cho app. Dùng khi cần đọc hoặc thay đổi title, backIcon, hidden, … của navigation bar từ trong component."]}),`
-`,n.jsx(a.h2,{id:"import",children:"Import"}),`
-`,n.jsx(a.pre,{children:n.jsx(a.code,{className:"language-typescript",children:`import { useNavigationBar } from '@v-miniapp/ui-react'
+`,a.jsx(r,{title:"UI React/useNavigationBar"}),`
+`,a.jsx(n.h1,{id:"usenavigationbar",children:"useNavigationBar"}),`
+`,a.jsxs(n.p,{children:["Hook trả về ",a.jsx(n.strong,{children:"state"})," navigation bar đã merge (app + page hiện tại) và các function để ",a.jsx(n.strong,{children:"cập nhật"})," / ",a.jsx(n.strong,{children:"ẩn"})," / ",a.jsx(n.strong,{children:"reset"})," cho page hoặc cho app. Dùng khi cần đọc hoặc thay đổi title, backIcon, hidden, … của navigation bar từ trong component."]}),`
+`,a.jsx(n.h2,{id:"import",children:"Import"}),`
+`,a.jsx(n.pre,{children:a.jsx(n.code,{className:"language-typescript",children:`import { useNavigationBar } from '@v-miniapp/ui-react'
 `})}),`
-`,n.jsx(a.h2,{id:"usage",children:"Usage"}),`
-`,n.jsx(a.h3,{id:"đổi-title-cho-page-hiện-tại",children:"Đổi title cho page hiện tại"}),`
-`,n.jsx(a.pre,{children:n.jsx(a.code,{className:"language-tsx",children:`import { useNavigationBar } from '@v-miniapp/ui-react'
+`,a.jsx(n.h2,{id:"usage",children:"Usage"}),`
+`,a.jsx(n.h3,{id:"đổi-title-cho-page-hiện-tại",children:"Đổi title cho page hiện tại"}),`
+`,a.jsx(n.pre,{children:a.jsx(n.code,{className:"language-tsx",children:`import { useNavigationBar } from '@v-miniapp/ui-react'
 
 const DetailPage = () => {
   const { setPageNavigationBar } = useNavigationBar()
@@ -20,16 +20,16 @@ const DetailPage = () => {
   return <div>...</div>
 }
 `})}),`
-`,n.jsx(a.h3,{id:"ẩn-navigation-bar-trên-một-page",children:"Ẩn navigation bar trên một page"}),`
-`,n.jsx(a.pre,{children:n.jsx(a.code,{className:"language-tsx",children:`const { removePageNavigationBar } = useNavigationBar()
+`,a.jsx(n.h3,{id:"ẩn-navigation-bar-trên-một-page",children:"Ẩn navigation bar trên một page"}),`
+`,a.jsx(n.pre,{children:a.jsx(n.code,{className:"language-tsx",children:`const { removePageNavigationBar } = useNavigationBar()
 
 useEffect(() => {
   removePageNavigationBar()
   return () => resetPageNavigationBar()
 }, [])
 `})}),`
-`,n.jsx(a.h3,{id:"đọc-state-để-render-tùy-biến",children:"Đọc state để render tùy biến"}),`
-`,n.jsx(a.pre,{children:n.jsx(a.code,{className:"language-tsx",children:`const { state } = useNavigationBar()
+`,a.jsx(n.h3,{id:"đọc-state-để-render-tùy-biến",children:"Đọc state để render tùy biến"}),`
+`,a.jsx(n.pre,{children:a.jsx(n.code,{className:"language-tsx",children:`const { state } = useNavigationBar()
 
 return (
   <div>
@@ -38,5 +38,5 @@ return (
   </div>
 )
 `})}),`
-`,n.jsx(a.h2,{id:"returns",children:"Returns"}),`
-`,n.jsx(o,{children:"\n| Thuộc tính | Kiểu | Mô tả |\n| :--- | :--- | :--- |\n| `state` | `IPageNavigationBarState` (merged) | State đã merge: default (divider, transparent) + app + page. Dùng để render NavigationBar. |\n| `pageState` | `object` | State navigation bar riêng của page hiện tại (theo `location.key`). |\n| `appState` | `object` | State navigation bar mặc định của app. |\n| `setPageNavigationBar` | `(state: Partial<IPageNavigationBarState>) => void` | Cập nhật navigation bar cho **page hiện tại**. |\n| `setAppNavigationBar` | `(state: Partial<IAppNavigationBarState>) => void` | Cập nhật navigation bar **mặc định** cho toàn app. |\n| `removePageNavigationBar` | `() => void` | Ẩn navigation bar cho page hiện tại (`hidden: true`). |\n| `removeAppNavigationBar` | `() => void` | Ẩn navigation bar mặc định của app. |\n| `resetPageNavigationBar` | `() => void` | Reset navigation bar của page hiện tại về config từ `IPageConfig`. |\n| `resetAppNavigationBar` | `() => void` | Reset navigation bar app về config từ `IAppConfig`. |\n"})]})}function d(t={}){const{wrapper:a}={...i(),...t.components};return a?n.jsx(a,{...t,children:n.jsx(e,{...t})}):e(t)}export{d as default};
+`,a.jsx(n.h2,{id:"returns",children:"Returns"}),`
+`,a.jsx(o,{children:"\n| Thuộc tính | Kiểu | Mô tả |\n| :--- | :--- | :--- |\n| `state` | `IPageNavigationBarState` (merged) | State đã merge: default (divider, transparent) + app + page. Dùng để render NavigationBar. |\n| `pageState` | `object` | State navigation bar riêng của page hiện tại (theo `location.key`). |\n| `appState` | `object` | State navigation bar mặc định của app. |\n| `setPageNavigationBar` | `(state: Partial<IPageNavigationBarState>) => void` | Cập nhật navigation bar cho **page hiện tại**. |\n| `setAppNavigationBar` | `(state: Partial<IAppNavigationBarState>) => void` | Cập nhật navigation bar **mặc định** cho toàn app. |\n| `removePageNavigationBar` | `() => void` | Ẩn navigation bar cho page hiện tại (`hidden: true`). |\n| `removeAppNavigationBar` | `() => void` | Ẩn navigation bar mặc định của app. |\n| `resetPageNavigationBar` | `() => void` | Reset navigation bar của page hiện tại về config từ `IPageConfig`. |\n| `resetAppNavigationBar` | `() => void` | Reset navigation bar app về config từ `IAppConfig`. |\n"})]})}function d(t={}){const{wrapper:n}={...i(),...t.components};return n?a.jsx(n,{...t,children:a.jsx(e,{...t})}):e(t)}export{d as default};

package/dist-storybook/assets/{use-navigation-type-DNvXTqYH.js → use-navigation-type-Cq7T35ur.js}

@@ -1,4 +1,4 @@
-import{j as n}from"./iframe-C0PGuV5s.js";import{useMDXComponents as t}from"./index-SzFZQQjs.js";import{b as o,M as s}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";function r(i){const e={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...t(),...i.components};return n.jsxs(n.Fragment,{children:[`
+import{j as n}from"./iframe-Crg_lbde.js";import{useMDXComponents as t}from"./index-B24pfkXD.js";import{M as o,a as s}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.js";function r(i){const e={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...t(),...i.components};return n.jsxs(n.Fragment,{children:[`
 `,`
 `,n.jsx(o,{title:"Router/useNavigationType"}),`
 `,n.jsx(e.h1,{id:"usenavigationtype",children:"useNavigationType"}),`

package/dist-storybook/assets/{use-page-layout-BA2HvjAQ.js → use-page-layout-BrFRWwC6.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./iframe-C0PGuV5s.js";import{useMDXComponents as o}from"./index-SzFZQQjs.js";import{b as s,M as r}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";function n(t){const a={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",strong:"strong",...o(),...t.components};return e.jsxs(e.Fragment,{children:[`
+import{j as e}from"./iframe-Crg_lbde.js";import{useMDXComponents as o}from"./index-B24pfkXD.js";import{M as s,a as r}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.js";function n(t){const a={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",strong:"strong",...o(),...t.components};return e.jsxs(e.Fragment,{children:[`
 `,`
 `,e.jsx(s,{title:"UI React/usePageLayout"}),`
 `,e.jsx(a.h1,{id:"usepagelayout",children:"usePageLayout"}),`

package/dist-storybook/assets/{use-page-scroll-D_gjlV-S.js → use-page-scroll-BZ8XiPza.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./iframe-C0PGuV5s.js";import{useMDXComponents as l}from"./index-SzFZQQjs.js";import{b as o,M as s}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";function r(t){const n={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",strong:"strong",...l(),...t.components};return e.jsxs(e.Fragment,{children:[`
+import{j as e}from"./iframe-Crg_lbde.js";import{useMDXComponents as l}from"./index-B24pfkXD.js";import{M as o,a as s}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.js";function r(t){const n={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",strong:"strong",...l(),...t.components};return e.jsxs(e.Fragment,{children:[`
 `,`
 `,e.jsx(o,{title:"UI React/usePageScroll"}),`
 `,e.jsx(n.h1,{id:"usepagescroll",children:"usePageScroll"}),`

package/dist-storybook/assets/{use-pull-to-refresh-SZfswIA6.js → use-pull-to-refresh-BEjtxiFn.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./iframe-C0PGuV5s.js";import{useMDXComponents as t}from"./index-SzFZQQjs.js";import{b as i,M as o}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";function s(r){const n={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...t(),...r.components};return e.jsxs(e.Fragment,{children:[`
+import{j as e}from"./iframe-Crg_lbde.js";import{useMDXComponents as t}from"./index-B24pfkXD.js";import{M as i,a as o}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.js";function s(r){const n={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...t(),...r.components};return e.jsxs(e.Fragment,{children:[`
 `,`
 `,e.jsx(i,{title:"UI React/usePullToRefresh"}),`
 `,e.jsx(n.h1,{id:"usepulltorefresh",children:"usePullToRefresh"}),`

package/dist-storybook/assets/{use-settings-changed-D2gdx5rD.js → use-settings-changed-UaQRSWAg.js}

@@ -1,4 +1,4 @@
-import{j as n}from"./iframe-C0PGuV5s.js";import{useMDXComponents as s}from"./index-SzFZQQjs.js";import{b as r,M as h}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";function i(e){const t={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...s(),...e.components};return n.jsxs(n.Fragment,{children:[`
+import{j as n}from"./iframe-Crg_lbde.js";import{useMDXComponents as s}from"./index-B24pfkXD.js";import{M as r,a as h}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.js";function i(e){const t={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...s(),...e.components};return n.jsxs(n.Fragment,{children:[`
 `,`
 `,n.jsx(r,{title:"UI React/useSettingsChanged"}),`
 `,n.jsx(t.h1,{id:"usesettingschanged",children:"useSettingsChanged"}),`

package/dist-storybook/assets/{use-translate-BTC2AQ0k.js → use-translate-BO8E9Sde.js}

@@ -1,4 +1,4 @@
-import{j as n}from"./iframe-C0PGuV5s.js";import{useMDXComponents as s}from"./index-SzFZQQjs.js";import{b as i}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";function r(t){const e={code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...s(),...t.components};return n.jsxs(n.Fragment,{children:[`
+import{j as n}from"./iframe-Crg_lbde.js";import{useMDXComponents as s}from"./index-B24pfkXD.js";import{M as i}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.js";function r(t){const e={code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...s(),...t.components};return n.jsxs(n.Fragment,{children:[`
 `,`
 `,n.jsx(i,{title:"Locale/useTranslate"}),`
 `,n.jsx(e.h1,{id:"usetranslate",children:"useTranslate"}),`

package/dist-storybook/iframe.html

@@ -13,10 +13,10 @@
       window.LOGLEVEL = 'info';
       window.FRAMEWORK_OPTIONS = {};
       window.CHANNEL_OPTIONS = {};
-      window.FEATURES = {"argTypeTargetsV7":true,"legacyDecoratorFileOrder":false,"disallowImplicitActionsInRenderV8":true,"viewport":true,"highlight":true,"controls":true,"interactions":true,"actions":true,"backgrounds":true,"outline":true,"measure":true};
+      window.FEATURES = {"argTypeTargetsV7":true,"legacyDecoratorFileOrder":false,"disallowImplicitActionsInRenderV8":true,"viewport":true,"highlight":true,"controls":true,"interactions":true,"actions":true,"backgrounds":true,"outline":true,"measure":true,"sidebarOnboardingChecklist":true};
       window.STORIES = [{"titlePrefix":"","directory":"./src","files":"**/*.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|mjs|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|mjs|ts|tsx))$"}];
       window.DOCS_OPTIONS = {"defaultName":"Docs"};
-      window.TAGS_OPTIONS = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};
+      window.TAGS_OPTIONS = {};
 
       
 
@@ -137,7 +137,13 @@
     margin: auto;
     padding: 30px;
     border-radius: 10px;
-    background: rgba(0, 0, 0, 0.03);
+    background: rgb(247, 247, 247);
+    color: rgb(46, 52, 56);
+
+    & * {
+      background: rgb(247, 247, 247);
+      color: rgb(46, 52, 56);
+    }
   }
 
   .sb-nopreview_heading {
@@ -151,12 +157,35 @@
     width: 100vw;
     min-height: 100vh;
     box-sizing: border-box;
+  }
+
+  .sb-errordisplay_main {
+    margin: auto;
+    padding: 24px;
+    display: flex;
+    box-sizing: border-box;
+
+    flex-direction: column;
+    min-height: 100%;
+    width: 100%;
+    border-radius: 6px;
+    background: white;
+    color: black;
+    border: 1px solid #ff0000;
+    box-shadow: 0 0 64px rgba(0, 0, 0, 0.1);
+    gap: 24px;
 
     & ol {
       padding-left: 18px;
       margin: 0;
     }
 
+    /* Redefine colors to ensure readability regardless of user-provided * selectors. */
+    * {
+      background: white;
+      color: black;
+    }
+
     & h1 {
       font-family: Nunito Sans;
       font-size: 22px;
@@ -194,46 +223,35 @@
     & a {
       color: currentColor;
     }
-  }
-
-  .sb-errordisplay_main {
-    margin: auto;
-    padding: 24px;
-    display: flex;
-    box-sizing: border-box;
 
-    flex-direction: column;
-    min-height: 100%;
-    width: 100%;
-    border-radius: 6px;
-    background: white;
-    border: 1px solid #ff0000;
-    box-shadow: 0 0 64px rgba(0, 0, 0, 0.1);
-    gap: 24px;
-  }
+    & .sb-errordisplay_code {
+      padding: 10px;
+      flex: 1;
+      background: #242424;
+      color: #c6c6c6;
+      box-sizing: border-box;
 
-  .sb-errordisplay_code {
-    padding: 10px;
-    flex: 1;
-    background: #242424;
-    color: #c6c6c6;
-    box-sizing: border-box;
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 19px;
+      border-radius: 4px;
 
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 19px;
-    border-radius: 4px;
+      font-family:
+        'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
+        'Lucida Console', Consolas, Monaco, monospace;
+      margin: 0;
+      overflow: auto;
 
-    font-family:
-      'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
-      'Lucida Console', Consolas, Monaco, monospace;
-    margin: 0;
-    overflow: auto;
-  }
+      & code {
+        background-color: inherit;
+        color: inherit;
+      }
+    }
 
-  .sb-errordisplay pre {
-    white-space: pre-wrap;
-    white-space: revert;
+    & .sb-errordisplay pre {
+      white-space: pre-wrap;
+      white-space: revert;
+    }
   }
 
   @-webkit-keyframes sb-rotate360 {
@@ -512,9 +530,9 @@
   }
 </style>
 
-    <script type="module" crossorigin src="./assets/iframe-C0PGuV5s.js"></script>
+    <script type="module" crossorigin src="./assets/iframe-Crg_lbde.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-PPVm8Dsz.js">
-    <link rel="stylesheet" crossorigin href="./assets/iframe-BKfReaAn.css">
+    <link rel="stylesheet" crossorigin href="./assets/iframe-BBKyXin_.css">
   </head>
 
   <body>

package/dist-storybook/index.html

@@ -57,7 +57,8 @@
   "actions": true,
   "backgrounds": true,
   "outline": true,
-  "measure": true
+  "measure": true,
+  "sidebarOnboardingChecklist": true
 };
         
       
@@ -84,30 +85,21 @@
         
       
         
-          window['TAGS_OPTIONS'] = {
-  "dev-only": {
-    "excludeFromDocsStories": true
-  },
-  "docs-only": {
-    "excludeFromSidebar": true
-  },
-  "test-only": {
-    "excludeFromSidebar": true,
-    "excludeFromDocsStories": true
-  }
-};
+          window['TAGS_OPTIONS'] = {};
         
       
         
-          window['STORYBOOK_RENDERER'] = "react";
+          window['STORYBOOK_BUILDER'] = "vite";
         
       
         
-          window['STORYBOOK_BUILDER'] = "@storybook/builder-vite";
+          window['STORYBOOK_FRAMEWORK'] = "react-vite";
         
       
         
-          window['STORYBOOK_FRAMEWORK'] = "@storybook/react-vite";
+          window['STORYBOOK_RENDERER'] = "react";
+        
+      
         
       
     </script>