@v-miniapp/ui-react 1.0.41 → 1.0.45

package/dist-storybook/assets/section.stories-C2I_kKhu.js

@@ -0,0 +1,69 @@
+import{j as t}from"./iframe-CQAwSt4E.js";import{S as a,a as m,b as p}from"./section-content-DGNB4eLN.js";import{t as e}from"./store-D2RudmNr.js";import{T as u,S,M as l,P as h,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"./typography-DEpAJl_i.js";import"./index-DHiZ-gXR.js";const x=()=>{const d=`
+## ${e("common.table.title")}
+
+| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
+| :--- | :--- | :--- | :--- |
+| \`space\` | \`boolean\` | ${e("common.table.no")} | ${e("components.section.spaceDescription")} |
+| \`shape\` | \`'rounded' | 'square'\` | ${e("common.table.no")} | ${e("components.section.shapeDescription")} |
+| \`children\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.section.childrenDescription")} |
+| \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.section.classNameDescription")} |
+| \`...props\` | \`ComponentPropsWithRef<'div'>\` | ${e("common.table.no")} | ${e("components.section.propsDescription")} |
+`;return t.jsxs(t.Fragment,{children:[t.jsx(u,{}),t.jsx(S,{}),t.jsx(l,{children:e("components.section.description")}),t.jsx(h,{}),t.jsx(l,{children:d}),t.jsx(y,{})]})},v={title:"Components/Section",component:a,parameters:{layout:"padded",docs:{page:x}},tags:["autodocs"],argTypes:{space:{control:"boolean",description:e("components.section.argTypes.spaceDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},shape:{control:"select",options:["rounded","square"],description:e("components.section.argTypes.shapeDescription"),table:{type:{summary:'"rounded" | "square"'},defaultValue:{summary:"rounded"}}}}},n={storyName:e("components.section.stories.default.storyName"),name:e("components.section.stories.default.name"),args:{children:t.jsx("p",{children:e("components.section.stories.default.content")})}},o={storyName:e("components.section.stories.withoutSpacing.storyName"),name:e("components.section.stories.withoutSpacing.name"),args:{space:!1,children:t.jsx("p",{children:e("components.section.stories.withoutSpacing.content")})}},s={storyName:e("components.section.stories.squareShape.storyName"),name:e("components.section.stories.squareShape.name"),args:{shape:"square",children:t.jsx("p",{children:e("components.section.stories.squareShape.content")})}},i={storyName:e("components.section.stories.withTitleAndContent.storyName"),name:e("components.section.stories.withTitleAndContent.name"),render:()=>t.jsxs(a,{children:[t.jsx(m,{title:e("components.section.stories.withTitleAndContent.title")}),t.jsx(p,{children:t.jsx("p",{children:e("components.section.stories.withTitleAndContent.content")})})]})},c={storyName:e("components.section.stories.multipleSections.storyName"),name:e("components.section.stories.multipleSections.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsxs(a,{children:[t.jsx(m,{title:e("components.section.stories.multipleSections.firstTitle")}),t.jsx(p,{children:t.jsx("p",{children:e("components.section.stories.multipleSections.firstContent")})})]}),t.jsxs(a,{children:[t.jsx(m,{title:e("components.section.stories.multipleSections.secondTitle")}),t.jsx(p,{children:t.jsx("p",{children:e("components.section.stories.multipleSections.secondContent")})})]})]})},r={storyName:e("components.section.stories.interactive.storyName"),name:e("components.section.stories.interactive.name"),args:{children:t.jsx("p",{children:e("components.section.stories.interactive.content")})}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.section.stories.default.storyName'),
+  name: t('components.section.stories.default.name'),
+  args: {
+    children: <p>{t('components.section.stories.default.content')}</p>
+  }
+}`,...n.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.section.stories.withoutSpacing.storyName'),
+  name: t('components.section.stories.withoutSpacing.name'),
+  args: {
+    space: false,
+    children: <p>{t('components.section.stories.withoutSpacing.content')}</p>
+  }
+}`,...o.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.section.stories.squareShape.storyName'),
+  name: t('components.section.stories.squareShape.name'),
+  args: {
+    shape: 'square',
+    children: <p>{t('components.section.stories.squareShape.content')}</p>
+  }
+}`,...s.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.section.stories.withTitleAndContent.storyName'),
+  name: t('components.section.stories.withTitleAndContent.name'),
+  render: () => <Section>
+      <SectionTitle title={t('components.section.stories.withTitleAndContent.title')} />
+      <SectionContent>
+        <p>{t('components.section.stories.withTitleAndContent.content')}</p>
+      </SectionContent>
+    </Section>
+}`,...i.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.section.stories.multipleSections.storyName'),
+  name: t('components.section.stories.multipleSections.name'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <Section>
+        <SectionTitle title={t('components.section.stories.multipleSections.firstTitle')} />
+        <SectionContent>
+          <p>{t('components.section.stories.multipleSections.firstContent')}</p>
+        </SectionContent>
+      </Section>
+      <Section>
+        <SectionTitle title={t('components.section.stories.multipleSections.secondTitle')} />
+        <SectionContent>
+          <p>
+            {t('components.section.stories.multipleSections.secondContent')}
+          </p>
+        </SectionContent>
+      </Section>
+    </div>
+}`,...c.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.section.stories.interactive.storyName'),
+  name: t('components.section.stories.interactive.name'),
+  args: {
+    children: <p>{t('components.section.stories.interactive.content')}</p>
+  }
+}`,...r.parameters?.docs?.source}}};const D=["Default","WithoutSpacing","SquareShape","WithSectionTitleAndContent","MultipleSections","Interactive"];export{n as Default,r as Interactive,c as MultipleSections,s as SquareShape,i as WithSectionTitleAndContent,o as WithoutSpacing,D as __namedExportsOrder,v as default};

package/dist-storybook/assets/sheet.stories-wk1JaKU5.js

@@ -0,0 +1,152 @@
+import{j as t,r as c}from"./iframe-CQAwSt4E.js";import{S as r,d as p,e as i,f}from"./chip-kG4p82WT.js";import{B as s}from"./button-CL7GeC23.js";import{t as e}from"./store-D2RudmNr.js";import{T as C,S as x,M as B,P as j,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"./image-C3EsNRhz.js";import"./typography-DEpAJl_i.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 b=()=>{const n=`
+## ${e("common.table.title")}
+
+| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
+| :--- | :--- | :--- | :--- |
+| \`open\` | \`boolean\` | ${e("common.table.no")} | ${e("components.sheet.openDescription")} |
+| \`onBackdropClick\` | \`(e: React.MouseEvent) => void\` | ${e("common.table.no")} | ${e("components.sheet.onBackdropClickDescription")} |
+| \`portal\` | \`boolean\` | ${e("common.table.no")} | ${e("components.sheet.portalDescription")} |
+| \`overlay\` | \`'default' | 'blur'\` | ${e("common.table.no")} | ${e("components.sheet.overlayDescription")} |
+| \`children\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.sheet.childrenDescription")} |
+| \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.sheet.classNameDescription")} |
+
+### SheetHeader
+
+| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
+| :--- | :--- | :--- | :--- |
+| \`title\` | \`string\` | ${e("common.table.no")} | ${e("components.sheet.titleDescription")} |
+| \`backIcon\` | \`boolean\` | ${e("common.table.no")} | ${e("components.sheet.backIconDescription")} |
+| \`closeIcon\` | \`boolean\` | ${e("common.table.no")} | ${e("components.sheet.closeIconDescription")} |
+| \`onBackClick\` | \`() => void\` | ${e("common.table.no")} | ${e("components.sheet.onBackClickDescription")} |
+| \`onCloseClick\` | \`() => void\` | ${e("common.table.no")} | ${e("components.sheet.onCloseClickDescription")} |
+
+### SheetBody
+
+| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
+| :--- | :--- | :--- | :--- |
+| \`horizontalSpace\` | \`boolean\` | ${e("common.table.no")} | ${e("components.sheet.horizontalSpaceDescription")} |
+`;return t.jsxs(t.Fragment,{children:[t.jsx(C,{}),t.jsx(x,{}),t.jsx(B,{children:e("components.sheet.description")}),t.jsx(j,{}),t.jsx(B,{children:n}),t.jsx(y,{})]})},Be={title:"Components/Sheet",component:r,parameters:{layout:"fullscreen",docs:{page:b}},tags:["autodocs"],argTypes:{open:{control:"boolean",description:e("components.sheet.argTypes.openDescription"),table:{type:{summary:"boolean"}}},onBackdropClick:{action:"backdrop-clicked",description:e("components.sheet.argTypes.onBackdropClickDescription"),table:{type:{summary:"(e: React.MouseEvent) => void"}}},portal:{control:"boolean",description:e("components.sheet.argTypes.portalDescription"),table:{type:{summary:"boolean"}}},overlay:{control:"select",options:["default","blur"],description:e("components.sheet.argTypes.overlayDescription"),table:{type:{summary:"default | blur"}}},children:{description:e("components.sheet.argTypes.childrenDescription"),table:{type:{summary:"ReactNode"}}},className:{description:e("components.sheet.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},l={name:e("components.sheet.stories.default.name"),render:()=>{const[n,o]=c.useState(!1),[S,a]=c.useState(!1);return t.jsxs("div",{children:[t.jsx(s,{theme:"neutral",onClick:()=>o(!0),children:e("components.sheet.stories.default.openButton")}),t.jsxs(r,{open:S,portal:!0,onBackdropClick:()=>a(!1),children:[t.jsx(p,{title:e("components.sheet.stories.default.title2"),closeIcon:!0,onCloseClick:()=>a(!1)}),t.jsx(i,{children:t.jsx("p",{children:e("components.sheet.stories.default.content2")})})]}),t.jsxs(r,{open:n,portal:!0,onBackdropClick:()=>o(!1),children:[t.jsx(p,{title:e("components.sheet.stories.default.title"),closeIcon:!0,onCloseClick:()=>o(!1)}),t.jsxs(i,{children:[t.jsx("p",{children:e("components.sheet.stories.default.content")}),t.jsx(s,{theme:"neutral",onClick:()=>a(!0),style:{marginTop:"16px"},children:e("components.sheet.stories.default.open2")})]})]})]})}},m={name:e("components.sheet.stories.withFooter.name"),render:()=>{const[n,o]=c.useState(!1);return t.jsxs("div",{children:[t.jsx(s,{theme:"neutral",onClick:()=>o(!0),children:e("components.sheet.stories.withFooter.openButton")}),t.jsxs(r,{open:n,onBackdropClick:()=>o(!1),children:[t.jsx(p,{title:e("components.sheet.stories.withFooter.title")}),t.jsx(i,{children:t.jsx("p",{children:e("components.sheet.stories.withFooter.content")})}),t.jsxs(f,{children:[t.jsx(s,{theme:"neutral",onClick:()=>o(!1),children:e("common.actions.cancel")}),t.jsx(s,{theme:"neutral",onClick:()=>o(!1),children:e("common.actions.confirm")})]})]})]})}},h={name:e("components.sheet.stories.withBackIcon.name"),render:()=>{const[n,o]=c.useState(!1);return t.jsxs("div",{children:[t.jsx(s,{theme:"neutral",onClick:()=>o(!0),children:e("components.sheet.stories.withBackIcon.openButton")}),t.jsxs(r,{open:n,onBackdropClick:()=>o(!1),children:[t.jsx(p,{title:e("components.sheet.stories.withBackIcon.title"),backIcon:!0,onBackClick:()=>o(!1)}),t.jsx(i,{children:e("components.sheet.stories.withBackIcon.content")})]})]})}},d={name:e("components.sheet.stories.withoutHorizontalSpace.name"),render:()=>{const[n,o]=c.useState(!1);return t.jsxs("div",{children:[t.jsx(s,{theme:"neutral",onClick:()=>o(!0),children:e("components.sheet.stories.withoutHorizontalSpace.openButton")}),t.jsx(r,{open:n,onBackdropClick:()=>o(!1),children:t.jsx(i,{horizontalSpace:!1,children:t.jsx("p",{children:e("components.sheet.stories.withoutHorizontalSpace.content")})})})]})}},u={name:e("components.sheet.stories.nested.name"),render:()=>{const[n,o]=c.useState(!1),[S,a]=c.useState(!1);return t.jsxs("div",{children:[t.jsx(s,{theme:"neutral",onClick:()=>o(!0),children:e("components.sheet.stories.nested.openButton")}),t.jsxs(r,{open:n,onBackdropClick:()=>o(!1),children:[t.jsx(p,{title:e("components.sheet.stories.nested.title"),closeIcon:!0,onCloseClick:()=>o(!1)}),t.jsxs(i,{children:[t.jsx("p",{children:e("components.sheet.stories.nested.content")}),t.jsx(s,{theme:"neutral",onClick:()=>a(!0),style:{marginTop:"16px"},children:e("components.sheet.stories.nested.openNestedButton")})]})]}),t.jsxs(r,{open:S,onBackdropClick:()=>a(!1),children:[t.jsx(p,{title:e("components.sheet.stories.nested.nestedTitle"),closeIcon:!0,onCloseClick:()=>a(!1)}),t.jsx(i,{children:t.jsx("p",{children:e("components.sheet.stories.nested.nestedContent")})})]})]})}},k={name:e("components.sheet.stories.interactive.name"),render:()=>{const[n,o]=c.useState(!0);return t.jsxs(r,{open:n,onBackdropClick:()=>o(!1),children:[t.jsx(p,{title:e("components.sheet.stories.interactive.title"),closeIcon:!0,onCloseClick:()=>o(!1)}),t.jsx(i,{children:t.jsx("p",{children:e("components.sheet.stories.interactive.content")})})]})}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  name: t('components.sheet.stories.default.name'),
+  render: () => {
+    const [open, setOpen] = useState(false);
+    const [open2, setOpen2] = useState(false);
+    return <div>
+        <Button theme="neutral" onClick={() => setOpen(true)}>
+          {t('components.sheet.stories.default.openButton')}
+        </Button>
+        <Sheet open={open2} portal onBackdropClick={() => setOpen2(false)}>
+          <SheetHeader title={t('components.sheet.stories.default.title2')} closeIcon onCloseClick={() => setOpen2(false)} />
+          <SheetBody>
+            <p>{t('components.sheet.stories.default.content2')}</p>
+          </SheetBody>
+        </Sheet>
+        <Sheet open={open} portal onBackdropClick={() => setOpen(false)}>
+          <SheetHeader title={t('components.sheet.stories.default.title')} closeIcon onCloseClick={() => setOpen(false)} />
+          <SheetBody>
+            <p>{t('components.sheet.stories.default.content')}</p>
+            <Button theme="neutral" onClick={() => setOpen2(true)} style={{
+            marginTop: '16px'
+          }}>
+              {t('components.sheet.stories.default.open2')}
+            </Button>
+          </SheetBody>
+        </Sheet>
+      </div>;
+  }
+}`,...l.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  name: t('components.sheet.stories.withFooter.name'),
+  render: () => {
+    const [open, setOpen] = useState(false);
+    return <div>
+        <Button theme="neutral" onClick={() => setOpen(true)}>
+          {t('components.sheet.stories.withFooter.openButton')}
+        </Button>
+        <Sheet open={open} onBackdropClick={() => setOpen(false)}>
+          <SheetHeader title={t('components.sheet.stories.withFooter.title')} />
+          <SheetBody>
+            <p>{t('components.sheet.stories.withFooter.content')}</p>
+          </SheetBody>
+          <SheetFooter>
+            <Button theme="neutral" onClick={() => setOpen(false)}>
+              {t('common.actions.cancel')}
+            </Button>
+            <Button theme="neutral" onClick={() => setOpen(false)}>
+              {t('common.actions.confirm')}
+            </Button>
+          </SheetFooter>
+        </Sheet>
+      </div>;
+  }
+}`,...m.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+  name: t('components.sheet.stories.withBackIcon.name'),
+  render: () => {
+    const [open, setOpen] = useState(false);
+    return <div>
+        <Button theme="neutral" onClick={() => setOpen(true)}>
+          {t('components.sheet.stories.withBackIcon.openButton')}
+        </Button>
+        <Sheet open={open} onBackdropClick={() => setOpen(false)}>
+          <SheetHeader title={t('components.sheet.stories.withBackIcon.title')} backIcon onBackClick={() => setOpen(false)} />
+          <SheetBody>
+            {t('components.sheet.stories.withBackIcon.content')}
+          </SheetBody>
+        </Sheet>
+      </div>;
+  }
+}`,...h.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  name: t('components.sheet.stories.withoutHorizontalSpace.name'),
+  render: () => {
+    const [open, setOpen] = useState(false);
+    return <div>
+        <Button theme="neutral" onClick={() => setOpen(true)}>
+          {t('components.sheet.stories.withoutHorizontalSpace.openButton')}
+        </Button>
+        <Sheet open={open} onBackdropClick={() => setOpen(false)}>
+          <SheetBody horizontalSpace={false}>
+            <p>
+              {t('components.sheet.stories.withoutHorizontalSpace.content')}
+            </p>
+          </SheetBody>
+        </Sheet>
+      </div>;
+  }
+}`,...d.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
+  name: t('components.sheet.stories.nested.name'),
+  render: () => {
+    const [open, setOpen] = useState(false);
+    const [openNested, setOpenNested] = useState(false);
+    return <div>
+        <Button theme="neutral" onClick={() => setOpen(true)}>
+          {t('components.sheet.stories.nested.openButton')}
+        </Button>
+        <Sheet open={open} onBackdropClick={() => setOpen(false)}>
+          <SheetHeader title={t('components.sheet.stories.nested.title')} closeIcon onCloseClick={() => setOpen(false)} />
+          <SheetBody>
+            <p>{t('components.sheet.stories.nested.content')}</p>
+            <Button theme="neutral" onClick={() => setOpenNested(true)} style={{
+            marginTop: '16px'
+          }}>
+              {t('components.sheet.stories.nested.openNestedButton')}
+            </Button>
+          </SheetBody>
+        </Sheet>
+        <Sheet open={openNested} onBackdropClick={() => setOpenNested(false)}>
+          <SheetHeader title={t('components.sheet.stories.nested.nestedTitle')} closeIcon onCloseClick={() => setOpenNested(false)} />
+          <SheetBody>
+            <p>{t('components.sheet.stories.nested.nestedContent')}</p>
+          </SheetBody>
+        </Sheet>
+      </div>;
+  }
+}`,...u.parameters?.docs?.source}}};k.parameters={...k.parameters,docs:{...k.parameters?.docs,source:{originalSource:`{
+  name: t('components.sheet.stories.interactive.name'),
+  render: () => {
+    const [open, setOpen] = useState(true);
+    return <Sheet open={open} onBackdropClick={() => setOpen(false)}>
+        <SheetHeader title={t('components.sheet.stories.interactive.title')} closeIcon onCloseClick={() => setOpen(false)} />
+        <SheetBody>
+          <p>{t('components.sheet.stories.interactive.content')}</p>
+        </SheetBody>
+      </Sheet>;
+  }
+}`,...k.parameters?.docs?.source}}};const fe=["Default","WithSheetFooter","SheetHeaderWithBackIcon","SheetBodyWithoutHorizontalSpace","Nested","Interactive"];export{l as Default,k as Interactive,u as Nested,d as SheetBodyWithoutHorizontalSpace,h as SheetHeaderWithBackIcon,m as WithSheetFooter,fe as __namedExportsOrder,Be as default};

package/dist-storybook/assets/skeleton-C91JgehG.js

@@ -0,0 +1 @@
+import{j as r}from"./iframe-CQAwSt4E.js";import{c as n,g as u}from"./classname-CUR_zgkh.js";const s=u("skeleton"),o=({animated:e=!0,className:t,width:l,height:a,shape:m="square",...i})=>r.jsx("div",{...i,className:n(s,`${s}--${m}`,{[`${s}--animated`]:e},t),style:{...l?{"--width":l+(typeof l=="number"?"px":"")}:{},...a?{"--height":a+(typeof a=="number"?"px":"")}:{}}}),d=e=>r.jsx(o,{...e,className:n(`${s}--title`,e.className)}),p=({lineCount:e=3,...t})=>r.jsx("div",{children:new Array(e).fill(0).map((l,a)=>r.jsx(o,{...t,className:n(`${s}__paragraph-line`,t.className)},a))});o.__docgenInfo={description:"",methods:[],displayName:"Skeleton",props:{animated:{defaultValue:{value:"true",computed:!1},required:!1},shape:{defaultValue:{value:"'square'",computed:!1},required:!1}}};d.__docgenInfo={description:"",methods:[],displayName:"SkeletonTitle"};p.__docgenInfo={description:"",methods:[],displayName:"SkeletonParagraph",props:{lineCount:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"3",computed:!1}}}};export{o as S,d as a,p as b};

package/dist-storybook/assets/skeleton.stories-BCmX-VNr.js

@@ -0,0 +1,139 @@
+import{j as n}from"./iframe-CQAwSt4E.js";import{S as m,a as d,b as l}from"./skeleton-C91JgehG.js";import{t as e}from"./store-D2RudmNr.js";import{T as g,S as u,M as c,P as x,a as k}from"./blocks-BuaOUtiH.js";import"./preload-helper-PPVm8Dsz.js";import"./classname-CUR_zgkh.js";import"./index-DHiZ-gXR.js";const S=()=>{const h=`
+## ${e("common.table.title")}
+
+### Skeleton
+
+| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
+| :--- | :--- | :--- | :--- |
+| \`width\` | \`number | string\` | ${e("common.table.no")} | ${e("components.skeleton.widthDescription")} |
+| \`height\` | \`number | string\` | ${e("common.table.no")} | ${e("components.skeleton.heightDescription")} |
+| \`shape\` | \`'rounded' | 'rounded-8' | 'rounded-4' | 'pill' | 'none'\` | ${e("common.table.no")} | ${e("components.skeleton.shapeDescription")} |
+| \`animated\` | \`boolean\` | ${e("common.table.no")} | ${e("components.skeleton.animatedDescription")} |
+| \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.skeleton.classNameDescription")} |
+| \`...props\` | \`ComponentPropsWithRef<'div'>\` | ${e("common.table.no")} | ${e("components.skeleton.propsDescription")} |
+
+### SkeletonTitle & SkeletonParagraph
+
+| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
+| :--- | :--- | :--- | :--- |
+| \`lineCount\` | \`number\` | ${e("common.table.no")} | ${e("components.skeleton.lineCountDescription")} |
+| \`paragraphProps\` | \`object\` | ${e("common.table.no")} | ${e("components.skeleton.paragraphPropsDescription")} |
+| \`title\` | \`boolean\` | ${e("common.table.no")} | ${e("components.skeleton.titleDescription")} |
+| \`paragraph\` | \`boolean\` | ${e("common.table.no")} | ${e("components.skeleton.paragraphDescription")} |
+`;return n.jsxs(n.Fragment,{children:[n.jsx(g,{}),n.jsx(u,{}),n.jsx(c,{children:e("components.skeleton.description")}),n.jsx(x,{}),n.jsx(c,{children:h}),n.jsx(k,{})]})},w={title:"Components/Skeleton",component:m,parameters:{layout:"padded",docs:{page:S}},tags:["autodocs"],argTypes:{width:{control:"text",description:e("components.skeleton.argTypes.widthDescription"),table:{type:{summary:"number | string"}}},height:{control:"text",description:e("components.skeleton.argTypes.heightDescription"),table:{type:{summary:"number | string"}}},shape:{control:"select",options:["rounded","rounded-8","rounded-4","pill","none"],description:e("components.skeleton.argTypes.shapeDescription"),table:{type:{summary:'"rounded" | "rounded-8" | "rounded-4" | "pill" | "none"'}}},animated:{control:"boolean",description:e("components.skeleton.argTypes.animatedDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},className:{description:e("components.skeleton.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},t={name:e("components.skeleton.stories.default.name"),args:{width:200,height:20}},o={name:e("components.skeleton.stories.differentShapes.name"),render:()=>n.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[n.jsxs("div",{children:[n.jsx("p",{style:{marginBottom:"8px"},children:e("components.skeleton.stories.differentShapes.rounded")}),n.jsx(m,{width:200,height:20,shape:"rounded"})]}),n.jsxs("div",{children:[n.jsx("p",{style:{marginBottom:"8px"},children:e("components.skeleton.stories.differentShapes.pill")}),n.jsx(m,{width:200,height:20,shape:"pill"})]}),n.jsxs("div",{children:[n.jsx("p",{style:{marginBottom:"8px"},children:e("components.skeleton.stories.differentShapes.square")}),n.jsx(m,{width:200,height:20,shape:"none"})]})]})},s={name:e("components.skeleton.stories.titleComponent.name"),render:()=>n.jsxs("div",{children:[n.jsx("h3",{style:{marginBottom:"12px"},children:e("components.skeleton.stories.titleComponent.title")}),n.jsx(d,{width:300,height:24})]})},r={name:e("components.skeleton.stories.paragraphComponent.name"),render:()=>n.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[n.jsxs("div",{children:[n.jsx("h3",{style:{marginBottom:"12px"},children:e("components.skeleton.stories.paragraphComponent.defaultTitle")}),n.jsx(l,{})]}),n.jsxs("div",{children:[n.jsx("h3",{style:{marginBottom:"12px"},children:e("components.skeleton.stories.paragraphComponent.customLineCountTitle")}),n.jsx(l,{lineCount:5})]}),n.jsxs("div",{children:[n.jsx("h3",{style:{marginBottom:"12px"},children:e("components.skeleton.stories.paragraphComponent.customSizeTitle")}),n.jsx(l,{lineCount:3,width:400,height:16})]})]})},a={name:e("components.skeleton.stories.withoutAnimation.name"),args:{width:200,height:20,animated:!1}},i={name:e("components.skeleton.stories.loadingStatePattern.name"),render:()=>n.jsx("div",{children:n.jsxs(n.Fragment,{children:[n.jsx(d,{width:300,height:24}),n.jsx("div",{style:{marginTop:"16px"},children:n.jsx(l,{lineCount:3})})]})})},p={name:e("components.skeleton.stories.interactive.name"),args:{width:200,height:20,shape:"rounded"}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  name: t('components.skeleton.stories.default.name'),
+  args: {
+    width: 200,
+    height: 20
+  }
+}`,...t.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  name: t('components.skeleton.stories.differentShapes.name'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <div>
+        <p style={{
+        marginBottom: '8px'
+      }}>
+          {t('components.skeleton.stories.differentShapes.rounded')}
+        </p>
+        <Skeleton width={200} height={20} shape="rounded" />
+      </div>
+      <div>
+        <p style={{
+        marginBottom: '8px'
+      }}>
+          {t('components.skeleton.stories.differentShapes.pill')}
+        </p>
+        <Skeleton width={200} height={20} shape="pill" />
+      </div>
+      <div>
+        <p style={{
+        marginBottom: '8px'
+      }}>
+          {t('components.skeleton.stories.differentShapes.square')}
+        </p>
+        <Skeleton width={200} height={20} shape="none" />
+      </div>
+    </div>
+}`,...o.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  name: t('components.skeleton.stories.titleComponent.name'),
+  render: () => <div>
+      <h3 style={{
+      marginBottom: '12px'
+    }}>
+        {t('components.skeleton.stories.titleComponent.title')}
+      </h3>
+      <SkeletonTitle width={300} height={24} />
+    </div>
+}`,...s.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  name: t('components.skeleton.stories.paragraphComponent.name'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.skeleton.stories.paragraphComponent.defaultTitle')}
+        </h3>
+        <SkeletonParagraph />
+      </div>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.skeleton.stories.paragraphComponent.customLineCountTitle')}
+        </h3>
+        <SkeletonParagraph lineCount={5} />
+      </div>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.skeleton.stories.paragraphComponent.customSizeTitle')}
+        </h3>
+        <SkeletonParagraph lineCount={3} width={400} height={16} />
+      </div>
+    </div>
+}`,...r.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  name: t('components.skeleton.stories.withoutAnimation.name'),
+  args: {
+    width: 200,
+    height: 20,
+    animated: false
+  }
+}`,...a.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  name: t('components.skeleton.stories.loadingStatePattern.name'),
+  render: () => {
+    const loading = true;
+    return <div>
+        {loading ? <>
+            <SkeletonTitle width={300} height={24} />
+            <div style={{
+          marginTop: '16px'
+        }}>
+              <SkeletonParagraph lineCount={3} />
+            </div>
+          </> : <>
+            <h1>
+              {t('components.skeleton.stories.loadingStatePattern.actualTitle')}
+            </h1>
+            <p>
+              {t('components.skeleton.stories.loadingStatePattern.actualContent')}
+            </p>
+          </>}
+      </div>;
+  }
+}`,...i.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  name: t('components.skeleton.stories.interactive.name'),
+  args: {
+    width: 200,
+    height: 20,
+    shape: 'rounded'
+  }
+}`,...p.parameters?.docs?.source}}};const D=["Default","DifferentShapes","SkeletonTitleComponent","SkeletonParagraphComponent","WithoutAnimation","LoadingStatePattern","Interactive"];export{t as Default,o as DifferentShapes,p as Interactive,i as LoadingStatePattern,r as SkeletonParagraphComponent,s as SkeletonTitleComponent,a as WithoutAnimation,D as __namedExportsOrder,w as default};

package/dist-storybook/assets/store-CPumdfcU.js

@@ -0,0 +1 @@
+import{g as ue}from"./iframe-CQAwSt4E.js";import{f as oe,g as ee,h as re,i as ce,j as fe,k as ae,l as de,m as ge,n as he,o as be,c as me,d as Le,p as qe,q as pe,a as B,s as ye,t as Te,u as ve,v as _e,w as Re,x as we,b as Ae}from"./_setToString-CbM921C9.js";import{c as Oe}from"./react-hufnxGVs.js";const ne={"pullToRefresh.canReleaseText":"Thả để làm mới","pullToRefresh.completeText":"Làm mới hoàn tất","pullToRefresh.pullingText":"Kéo để làm mới","pullToRefresh.refreshingText":"Đang làm mới...","calendar.monthLabel[0]":"Tháng 1","calendar.monthLabel[1]":"Tháng 2","calendar.monthLabel[2]":"Tháng 3","calendar.monthLabel[3]":"Tháng 4","calendar.monthLabel[4]":"Tháng 5","calendar.monthLabel[5]":"Tháng 6","calendar.monthLabel[6]":"Tháng 7","calendar.monthLabel[7]":"Tháng 8","calendar.monthLabel[8]":"Tháng 9","calendar.monthLabel[9]":"Tháng 10","calendar.monthLabel[10]":"Tháng 11","calendar.monthLabel[11]":"Tháng 12","calendar.weekdayLabel[0]":"CN","calendar.weekdayLabel[1]":"T2","calendar.weekdayLabel[2]":"T3","calendar.weekdayLabel[3]":"T4","calendar.weekdayLabel[4]":"T5","calendar.weekdayLabel[5]":"T6","calendar.weekdayLabel[6]":"T7","calendar.headerLabel":"{month} - {year}","calendar.weekday":"{day}"};var A,J;function te(){if(J)return A;J=1;var r=oe(),n=ee();function e(a,i,t){(t!==void 0&&!n(a[i],t)||t===void 0&&!(i in a))&&r(a,i,t)}return A=e,A}var O,N;function Ie(){if(N)return O;N=1;function r(n){return function(e,a,i){for(var t=-1,u=Object(e),s=i(e),l=s.length;l--;){var c=s[n?l:++t];if(a(u[c],c,u)===!1)break}return e}}return O=r,O}var I,K;function Me(){if(K)return I;K=1;var r=Ie(),n=r();return I=n,I}var M,$;function Fe(){if($)return M;$=1;var r=re(),n=ce();function e(a){return n(a)&&r(a)}return M=e,M}var F,U;function ie(){if(U)return F;U=1;function r(n,e){if(!(e==="constructor"&&typeof n[e]=="function")&&e!="__proto__")return n[e]}return F=r,F}var x,W;function xe(){if(W)return x;W=1;var r=fe(),n=ae();function e(a){return r(a,n(a))}return x=e,x}var k,H;function ke(){if(H)return k;H=1;var r=te(),n=de(),e=ge(),a=he(),i=be(),t=me(),u=Le(),s=Fe(),l=qe(),c=pe(),g=B(),L=ye(),h=Te(),b=ie(),m=xe();function q(v,G,p,se,le,_,y){var d=b(v,p),o=b(G,p),V=y.get(o);if(V){r(v,p,V);return}var f=_?_(d,o,p+"",v,G,y):void 0,T=f===void 0;if(T){var R=u(o),w=!R&&l(o),E=!R&&!w&&h(o);f=o,R||w||E?u(d)?f=d:s(d)?f=a(d):w?(T=!1,f=n(o,!0)):E?(T=!1,f=e(o,!0)):f=[]:L(o)||t(o)?(f=d,t(d)?f=m(d):(!g(d)||c(d))&&(f=i(o))):T=!1}T&&(y.set(o,f),le(f,o,se,_,y),y.delete(o)),r(v,p,f)}return k=q,k}var C,Q;function Ce(){if(Q)return C;Q=1;var r=ve(),n=te(),e=Me(),a=ke(),i=B(),t=ae(),u=ie();function s(l,c,g,L,h){l!==c&&e(c,function(b,m){if(h||(h=new r),i(b))a(l,c,m,g,s,L,h);else{var q=L?L(u(l,m),b,m+"",l,c,h):void 0;q===void 0&&(q=b),n(l,m,q)}},t)}return C=s,C}var j,X;function je(){if(X)return j;X=1;var r=_e(),n=Re(),e=we();function a(i,t){return e(n(i,t,r),i+"")}return j=a,j}var P,Y;function Pe(){if(Y)return P;Y=1;var r=ee(),n=re(),e=Ae(),a=B();function i(t,u,s){if(!a(s))return!1;var l=typeof u;return(l=="number"?n(s)&&e(u,s.length):l=="string"&&u in s)?r(s[u],t):!1}return P=i,P}var S,Z;function Se(){if(Z)return S;Z=1;var r=je(),n=Pe();function e(a){return r(function(i,t){var u=-1,s=t.length,l=s>1?t[s-1]:void 0,c=s>2?t[2]:void 0;for(l=a.length>3&&typeof l=="function"?(s--,l):void 0,c&&n(t[0],t[1],c)&&(l=s<3?void 0:l,s=1),i=Object(i);++u<s;){var g=t[u];g&&a(i,g,u,l)}return i})}return S=e,S}var D,z;function De(){if(z)return D;z=1;var r=Ce(),n=Se(),e=n(function(a,i,t){r(a,i,t)});return D=e,D}var Be=De();const Ge=ue(Be),Ve={"pullToRefresh.canReleaseText":"Release to refresh","pullToRefresh.completeText":"Refresh complete","pullToRefresh.pullingText":"Pulling to refresh","pullToRefresh.refreshingText":"Refreshing...","calendar.monthLabel[0]":"January","calendar.monthLabel[1]":"February","calendar.monthLabel[2]":"March","calendar.monthLabel[3]":"April","calendar.monthLabel[4]":"May","calendar.monthLabel[5]":"June","calendar.monthLabel[6]":"July","calendar.monthLabel[7]":"August","calendar.monthLabel[8]":"September","calendar.monthLabel[9]":"October","calendar.monthLabel[10]":"November","calendar.monthLabel[11]":"December","calendar.weekdayLabel[0]":"Sun","calendar.weekdayLabel[1]":"Mon","calendar.weekdayLabel[2]":"Tue","calendar.weekdayLabel[3]":"Wed","calendar.weekdayLabel[4]":"Thu","calendar.weekdayLabel[5]":"Fri","calendar.weekdayLabel[6]":"Sat","calendar.headerLabel":"{month} - {year}","calendar.weekday":"{day}"};function Ee(r,n){if(!n)return r;const e=[];let a=0;return r.replace(/\{(\w+)\}/g,(i,t,u)=>(u>a&&e.push(r.slice(a,u)),e.push(n[t]?.toString()??i),a=u+i.length,i)),a<r.length&&e.push(r.slice(a)),e.join("")}const Je={vi:ne,en:Ve},Ne=(r,n)=>Ge({},r,n),We=Oe((r,n)=>({language:"system",systemLanguage:window.LANG_CODE||new URL(window?.location.href).searchParams.get("langCode")||"vi",initialized:!1,resources:Je,translate:(e,a,i)=>{const t=i??n().language,{resources:u,systemLanguage:s}=n();let l=t;t==="system"&&(l=s);const g=(u[l]??ne)[e];return g?Ee(g,a):(console.warn(`Translation key "${e}" not found in locale "${t}"`),e)},setLanguage:e=>{r({language:e})},init:e=>{r(({resources:a})=>({resources:Ne(a,e?.resources),initialized:!0}))}}));export{Ge as m,We as u};