@anker-in/headless-ui 0.0.27-alpha.2 → 0.0.27-alpha.21

package/dist/cjs/stories/drawer.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/drawer.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTrigger,\n  Button,\n} from '../components/index.js'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nconst meta = {\n  title: 'Components/Drawer',\n  component: Drawer,\n  subcomponents: {\n    DrawerClose,\n    DrawerContent,\n    DrawerFooter,\n    DrawerHeader,\n    DrawerTrigger,\n  } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: '\u62BD\u5C49\u7EC4\u4EF6\uFF1B\u57FA\u4E8E https://vaul.emilkowal.ski/api \u5F00\u53D1',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Drawer>\n\nexport default meta\n\ntype Story = StoryObj<typeof Drawer>\n\nexport const Default: Story = {\n  args: {\n    direction: 'right',\n    children: (\n      <>\n        <DrawerTrigger asChild>\n          <Button>Open Drawer</Button>\n        </DrawerTrigger>\n        <DrawerContent>\n          <div className=\"mx-auto w-full max-w-sm\">\n            <DrawerHeader>\n              <span>My Cart(0)</span>\n            </DrawerHeader>\n            <div className=\"p-4 pb-0\">The contents of the drawer...</div>\n            <DrawerFooter>\n              <DrawerClose asChild>\n                <Button>Cancel</Button>\n              </DrawerClose>\n            </DrawerFooter>\n          </div>\n        </DrawerContent>\n      </>\n    ),\n  },\n}\n\nexport const Bottom: Story = {\n  args: {\n    direction: 'bottom',\n    children: (\n      <>\n        <DrawerTrigger asChild>\n          <Button>Open Drawer</Button>\n        </DrawerTrigger>\n        <DrawerContent>\n          <div className=\"mx-auto w-full max-w-sm\">\n            <DrawerHeader>\n              <span>Policy</span>\n            </DrawerHeader>\n            <div className=\"p-4 pb-0\">The contents of the drawer...</div>\n            <DrawerFooter>\n              <DrawerClose asChild>\n                <Button className=\"ai-w-40\">Agree</Button>\n              </DrawerClose>\n            </DrawerFooter>\n          </div>\n        </DrawerContent>\n      </>\n    ),\n  },\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GAyCM,IAAAM,EAAA,6BAzCNC,EAAkB,iBAClBC,EAQO,kCAGP,MAAMC,EAAO,CACX,MAAO,oBACP,UAAW,SACX,cAAe,CACb,0BACA,8BACA,4BACA,4BACA,6BACF,EACA,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,wFACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQK,EAIR,MAAMN,EAAiB,CAC5B,KAAM,CACJ,UAAW,QACX,YACE,oBACE,oBAAC,iBAAc,QAAO,GACpB,mBAAC,UAAO,uBAAW,EACrB,KACA,OAAC,iBACC,oBAAC,OAAI,UAAU,0BACb,oBAAC,gBACC,mBAAC,QAAK,sBAAU,EAClB,KACA,OAAC,OAAI,UAAU,WAAW,yCAA6B,KACvD,OAAC,gBACC,mBAAC,eAAY,QAAO,GAClB,mBAAC,UAAO,kBAAM,EAChB,EACF,GACF,EACF,GACF,CAEJ,CACF,EAEaD,EAAgB,CAC3B,KAAM,CACJ,UAAW,SACX,YACE,oBACE,oBAAC,iBAAc,QAAO,GACpB,mBAAC,UAAO,uBAAW,EACrB,KACA,OAAC,iBACC,oBAAC,OAAI,UAAU,0BACb,oBAAC,gBACC,mBAAC,QAAK,kBAAM,EACd,KACA,OAAC,OAAI,UAAU,WAAW,yCAA6B,KACvD,OAAC,gBACC,mBAAC,eAAY,QAAO,GAClB,mBAAC,UAAO,UAAU,UAAU,iBAAK,EACnC,EACF,GACF,EACF,GACF,CAEJ,CACF",
+  "sourcesContent": ["import React from 'react'\nimport {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTrigger,\n  Button,\n} from '../components/index.js'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nconst meta = {\n  title: 'Components/Drawer',\n  component: Drawer,\n  subcomponents: {\n    DrawerClose,\n    DrawerContent,\n    DrawerFooter,\n    DrawerHeader,\n    DrawerTrigger,\n  } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: '\u62BD\u5C49\u7EC4\u4EF6\uFF1B\u57FA\u4E8E https://vaul.emilkowal.ski/api \u5F00\u53D1',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Drawer>\n\nexport default meta\n\ntype Story = StoryObj<typeof Drawer>\n\nexport const Default: Story = {\n  args: {\n    direction: 'right',\n    children: (\n      <Drawer direction=\"right\">\n        <DrawerTrigger asChild>\n          <Button>Open Drawer</Button>\n        </DrawerTrigger>\n        <DrawerContent>\n          <div className=\"mx-auto w-full max-w-sm\">\n            <DrawerHeader>\n              <span>My Cart(0)</span>\n            </DrawerHeader>\n            <div className=\"p-4 pb-0\">The contents of the drawer...</div>\n            <DrawerFooter>\n              <DrawerClose asChild>\n                <Button>Cancel</Button>\n              </DrawerClose>\n            </DrawerFooter>\n          </div>\n        </DrawerContent>\n      </Drawer>\n    ),\n  },\n}\n\nexport const Bottom: Story = {\n  args: {\n    direction: 'bottom',\n    children: (\n      <Drawer>\n        <DrawerTrigger asChild>\n          <Button>Open Drawer</Button>\n        </DrawerTrigger>\n        <DrawerContent>\n          <div className=\"mx-auto w-full\">\n            <DrawerHeader>\n              <span>Policy</span>\n            </DrawerHeader>\n            <div className=\"p-4 pb-0\">The contents of the drawer...</div>\n            <DrawerFooter>\n              <DrawerClose asChild>\n                <Button className=\"w-40\">Agree</Button>\n              </DrawerClose>\n            </DrawerFooter>\n          </div>\n        </DrawerContent>\n      </Drawer>\n    ),\n  },\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GA2CU,IAAAM,EAAA,6BA3CVC,EAAkB,iBAClBC,EAQO,kCAGP,MAAMC,EAAO,CACX,MAAO,oBACP,UAAW,SACX,cAAe,CACb,0BACA,8BACA,4BACA,4BACA,6BACF,EACA,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,wFACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQK,EAIR,MAAMN,EAAiB,CAC5B,KAAM,CACJ,UAAW,QACX,YACE,QAAC,UAAO,UAAU,QAChB,oBAAC,iBAAc,QAAO,GACpB,mBAAC,UAAO,uBAAW,EACrB,KACA,OAAC,iBACC,oBAAC,OAAI,UAAU,0BACb,oBAAC,gBACC,mBAAC,QAAK,sBAAU,EAClB,KACA,OAAC,OAAI,UAAU,WAAW,yCAA6B,KACvD,OAAC,gBACC,mBAAC,eAAY,QAAO,GAClB,mBAAC,UAAO,kBAAM,EAChB,EACF,GACF,EACF,GACF,CAEJ,CACF,EAEaD,EAAgB,CAC3B,KAAM,CACJ,UAAW,SACX,YACE,QAAC,UACC,oBAAC,iBAAc,QAAO,GACpB,mBAAC,UAAO,uBAAW,EACrB,KACA,OAAC,iBACC,oBAAC,OAAI,UAAU,iBACb,oBAAC,gBACC,mBAAC,QAAK,kBAAM,EACd,KACA,OAAC,OAAI,UAAU,WAAW,yCAA6B,KACvD,OAAC,gBACC,mBAAC,eAAY,QAAO,GAClB,mBAAC,UAAO,UAAU,OAAO,iBAAK,EAChC,EACF,GACF,EACF,GACF,CAEJ,CACF",
   "names": ["drawer_stories_exports", "__export", "Bottom", "Default", "drawer_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "meta"]
 }

package/dist/cjs/stories/drop-down.stories.js

@@ -1,2 +1,2 @@
-"use strict";var u=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var D=Object.prototype.hasOwnProperty;var a=(r,e)=>{for(var t in e)u(r,t,{get:e[t],enumerable:!0})},i=(r,e,t,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let p of M(e))!D.call(r,p)&&p!==t&&u(r,p,{get:()=>e[p],enumerable:!(d=w(e,p))||d.enumerable});return r};var s=r=>i(u({},"__esModule",{value:!0}),r);var b={};a(b,{Default:()=>l,default:()=>c});module.exports=s(b);var n=require("react/jsx-runtime"),o=require("../components/drop-down");const m={title:"Components/DropDown",component:o.DropdownMenu,subcomponents:{DropdownMenuTrigger:o.DropdownMenuTrigger,DropdownMenuContent:o.DropdownMenuContent,DropdownMenuItem:o.DropdownMenuItem,DropdownMenuCheckboxItem:o.DropdownMenuCheckboxItem,DropdownMenuRadioItem:o.DropdownMenuRadioItem,DropdownMenuLabel:o.DropdownMenuLabel,DropdownMenuSeparator:o.DropdownMenuSeparator,DropdownMenuShortcut:o.DropdownMenuShortcut,DropdownMenuGroup:o.DropdownMenuGroup,DropdownMenuPortal:o.DropdownMenuPortal,DropdownMenuSub:o.DropdownMenuSub,DropdownMenuSubContent:o.DropdownMenuSubContent,DropdownMenuSubTrigger:o.DropdownMenuSubTrigger,DropdownMenuRadioGroup:o.DropdownMenuRadioGroup},parameters:{layout:"centered",docs:{description:{component:"dropdown\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-dropdown-menu,https://www.radix-ui.com/primitives/docs/components/dropdown-menu"}}},tags:["autodocs"]};var c=m;const l=()=>(0,n.jsxs)(o.DropdownMenu,{children:[(0,n.jsx)(o.DropdownMenuTrigger,{asChild:!0,children:(0,n.jsx)("span",{children:"Open"})}),(0,n.jsxs)(o.DropdownMenuContent,{children:[(0,n.jsx)(o.DropdownMenuLabel,{children:"My Account"}),(0,n.jsxs)(o.DropdownMenuGroup,{children:[(0,n.jsxs)(o.DropdownMenuItem,{children:["Profile",(0,n.jsx)(o.DropdownMenuShortcut,{children:"\u2318"})]}),(0,n.jsx)(o.DropdownMenuItem,{children:"Billing"})]}),(0,n.jsxs)(o.DropdownMenuGroup,{children:[(0,n.jsx)(o.DropdownMenuItem,{children:"Team"}),(0,n.jsxs)(o.DropdownMenuSub,{children:[(0,n.jsx)(o.DropdownMenuSubTrigger,{children:"Invite users"}),(0,n.jsx)(o.DropdownMenuPortal,{children:(0,n.jsxs)(o.DropdownMenuSubContent,{children:[(0,n.jsx)(o.DropdownMenuItem,{children:"Email"}),(0,n.jsx)(o.DropdownMenuItem,{children:"Message"})]})})]})]})]})]});
+"use strict";var u=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var D=Object.prototype.hasOwnProperty;var a=(r,e)=>{for(var t in e)u(r,t,{get:e[t],enumerable:!0})},i=(r,e,t,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let p of M(e))!D.call(r,p)&&p!==t&&u(r,p,{get:()=>e[p],enumerable:!(d=w(e,p))||d.enumerable});return r};var s=r=>i(u({},"__esModule",{value:!0}),r);var b={};a(b,{Default:()=>l,default:()=>c});module.exports=s(b);var n=require("react/jsx-runtime"),o=require("../components/drop-down.js");const m={title:"Components/DropDown",component:o.DropdownMenu,subcomponents:{DropdownMenuTrigger:o.DropdownMenuTrigger,DropdownMenuContent:o.DropdownMenuContent,DropdownMenuItem:o.DropdownMenuItem,DropdownMenuCheckboxItem:o.DropdownMenuCheckboxItem,DropdownMenuRadioItem:o.DropdownMenuRadioItem,DropdownMenuLabel:o.DropdownMenuLabel,DropdownMenuSeparator:o.DropdownMenuSeparator,DropdownMenuShortcut:o.DropdownMenuShortcut,DropdownMenuGroup:o.DropdownMenuGroup,DropdownMenuPortal:o.DropdownMenuPortal,DropdownMenuSub:o.DropdownMenuSub,DropdownMenuSubContent:o.DropdownMenuSubContent,DropdownMenuSubTrigger:o.DropdownMenuSubTrigger,DropdownMenuRadioGroup:o.DropdownMenuRadioGroup},parameters:{layout:"centered",docs:{description:{component:"dropdown\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-dropdown-menu,https://www.radix-ui.com/primitives/docs/components/dropdown-menu"}}},tags:["autodocs"]};var c=m;const l=()=>(0,n.jsxs)(o.DropdownMenu,{children:[(0,n.jsx)(o.DropdownMenuTrigger,{asChild:!0,children:(0,n.jsx)("span",{children:"Open"})}),(0,n.jsxs)(o.DropdownMenuContent,{children:[(0,n.jsx)(o.DropdownMenuLabel,{children:"My Account"}),(0,n.jsxs)(o.DropdownMenuGroup,{children:[(0,n.jsxs)(o.DropdownMenuItem,{children:["Profile",(0,n.jsx)(o.DropdownMenuShortcut,{children:"\u2318"})]}),(0,n.jsx)(o.DropdownMenuItem,{children:"Billing"})]}),(0,n.jsxs)(o.DropdownMenuGroup,{children:[(0,n.jsx)(o.DropdownMenuItem,{children:"Team"}),(0,n.jsxs)(o.DropdownMenuSub,{children:[(0,n.jsx)(o.DropdownMenuSubTrigger,{children:"Invite users"}),(0,n.jsx)(o.DropdownMenuPortal,{children:(0,n.jsxs)(o.DropdownMenuSubContent,{children:[(0,n.jsx)(o.DropdownMenuItem,{children:"Email"}),(0,n.jsx)(o.DropdownMenuItem,{children:"Message"})]})})]})]})]})]});
 //# sourceMappingURL=drop-down.stories.js.map

package/dist/cjs/stories/drop-down.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/drop-down.stories.tsx"],
-  "sourcesContent": ["import type { Meta } from '@storybook/react'\nimport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n} from '../components/drop-down'\n\nconst meta = {\n  // \u540C\u65F6\u5B9A\u4E49\u4E86\u9875\u9762\u5DE6\u4FA7\u83DC\u5355\n  title: 'Components/DropDown',\n  component: DropdownMenu,\n  subcomponents: {\n    DropdownMenuTrigger,\n    DropdownMenuContent,\n    DropdownMenuItem,\n    DropdownMenuCheckboxItem,\n    DropdownMenuRadioItem,\n    DropdownMenuLabel,\n    DropdownMenuSeparator,\n    DropdownMenuShortcut,\n    DropdownMenuGroup,\n    DropdownMenuPortal,\n    DropdownMenuSub,\n    DropdownMenuSubContent,\n    DropdownMenuSubTrigger,\n    DropdownMenuRadioGroup,\n  } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component:\n          'dropdown\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-dropdown-menu,https://www.radix-ui.com/primitives/docs/components/dropdown-menu',\n      },\n    },\n  },\n  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs\n  tags: ['autodocs'],\n} satisfies Meta<typeof DropdownMenu>\n\nexport default meta\n\nexport const Default = () => (\n  <DropdownMenu>\n    <DropdownMenuTrigger asChild>\n      <span>Open</span>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent>\n      <DropdownMenuLabel>My Account</DropdownMenuLabel>\n      <DropdownMenuGroup>\n        <DropdownMenuItem>\n          Profile\n          <DropdownMenuShortcut>\u2318</DropdownMenuShortcut>\n        </DropdownMenuItem>\n        <DropdownMenuItem>Billing</DropdownMenuItem>\n      </DropdownMenuGroup>\n      <DropdownMenuGroup>\n        <DropdownMenuItem>Team</DropdownMenuItem>\n        <DropdownMenuSub>\n          <DropdownMenuSubTrigger>Invite users</DropdownMenuSubTrigger>\n          <DropdownMenuPortal>\n            <DropdownMenuSubContent>\n              <DropdownMenuItem>Email</DropdownMenuItem>\n              <DropdownMenuItem>Message</DropdownMenuItem>\n            </DropdownMenuSubContent>\n          </DropdownMenuPortal>\n        </DropdownMenuSub>\n      </DropdownMenuGroup>\n    </DropdownMenuContent>\n  </DropdownMenu>\n)\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAyDM,IAAAK,EAAA,6BAxDNC,EAgBO,mCAEP,MAAMC,EAAO,CAEX,MAAO,sBACP,UAAW,eACX,cAAe,CACb,0CACA,0CACA,oCACA,oDACA,8CACA,sCACA,8CACA,4CACA,sCACA,wCACA,kCACA,gDACA,gDACA,+CACF,EACA,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,kIACJ,CACF,CACF,EAEA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQI,EAER,MAAML,EAAU,OACrB,QAAC,gBACC,oBAAC,uBAAoB,QAAO,GAC1B,mBAAC,QAAK,gBAAI,EACZ,KACA,QAAC,uBACC,oBAAC,qBAAkB,sBAAU,KAC7B,QAAC,qBACC,qBAAC,oBAAiB,uBAEhB,OAAC,wBAAqB,kBAAC,GACzB,KACA,OAAC,oBAAiB,mBAAO,GAC3B,KACA,QAAC,qBACC,oBAAC,oBAAiB,gBAAI,KACtB,QAAC,mBACC,oBAAC,0BAAuB,wBAAY,KACpC,OAAC,sBACC,oBAAC,0BACC,oBAAC,oBAAiB,iBAAK,KACvB,OAAC,oBAAiB,mBAAO,GAC3B,EACF,GACF,GACF,GACF,GACF",
+  "sourcesContent": ["import type { Meta } from '@storybook/react'\nimport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n} from '../components/drop-down.js'\n\nconst meta = {\n  // \u540C\u65F6\u5B9A\u4E49\u4E86\u9875\u9762\u5DE6\u4FA7\u83DC\u5355\n  title: 'Components/DropDown',\n  component: DropdownMenu,\n  subcomponents: {\n    DropdownMenuTrigger,\n    DropdownMenuContent,\n    DropdownMenuItem,\n    DropdownMenuCheckboxItem,\n    DropdownMenuRadioItem,\n    DropdownMenuLabel,\n    DropdownMenuSeparator,\n    DropdownMenuShortcut,\n    DropdownMenuGroup,\n    DropdownMenuPortal,\n    DropdownMenuSub,\n    DropdownMenuSubContent,\n    DropdownMenuSubTrigger,\n    DropdownMenuRadioGroup,\n  } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component:\n          'dropdown\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-dropdown-menu,https://www.radix-ui.com/primitives/docs/components/dropdown-menu',\n      },\n    },\n  },\n  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs\n  tags: ['autodocs'],\n} satisfies Meta<typeof DropdownMenu>\n\nexport default meta\n\nexport const Default = () => (\n  <DropdownMenu>\n    <DropdownMenuTrigger asChild>\n      <span>Open</span>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent>\n      <DropdownMenuLabel>My Account</DropdownMenuLabel>\n      <DropdownMenuGroup>\n        <DropdownMenuItem>\n          Profile\n          <DropdownMenuShortcut>\u2318</DropdownMenuShortcut>\n        </DropdownMenuItem>\n        <DropdownMenuItem>Billing</DropdownMenuItem>\n      </DropdownMenuGroup>\n      <DropdownMenuGroup>\n        <DropdownMenuItem>Team</DropdownMenuItem>\n        <DropdownMenuSub>\n          <DropdownMenuSubTrigger>Invite users</DropdownMenuSubTrigger>\n          <DropdownMenuPortal>\n            <DropdownMenuSubContent>\n              <DropdownMenuItem>Email</DropdownMenuItem>\n              <DropdownMenuItem>Message</DropdownMenuItem>\n            </DropdownMenuSubContent>\n          </DropdownMenuPortal>\n        </DropdownMenuSub>\n      </DropdownMenuGroup>\n    </DropdownMenuContent>\n  </DropdownMenu>\n)\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAyDM,IAAAK,EAAA,6BAxDNC,EAgBO,sCAEP,MAAMC,EAAO,CAEX,MAAO,sBACP,UAAW,eACX,cAAe,CACb,0CACA,0CACA,oCACA,oDACA,8CACA,sCACA,8CACA,4CACA,sCACA,wCACA,kCACA,gDACA,gDACA,+CACF,EACA,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,kIACJ,CACF,CACF,EAEA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQI,EAER,MAAML,EAAU,OACrB,QAAC,gBACC,oBAAC,uBAAoB,QAAO,GAC1B,mBAAC,QAAK,gBAAI,EACZ,KACA,QAAC,uBACC,oBAAC,qBAAkB,sBAAU,KAC7B,QAAC,qBACC,qBAAC,oBAAiB,uBAEhB,OAAC,wBAAqB,kBAAC,GACzB,KACA,OAAC,oBAAiB,mBAAO,GAC3B,KACA,QAAC,qBACC,oBAAC,oBAAiB,gBAAI,KACtB,QAAC,mBACC,oBAAC,0BAAuB,wBAAY,KACpC,OAAC,sBACC,oBAAC,0BACC,oBAAC,oBAAiB,iBAAK,KACvB,OAAC,oBAAiB,mBAAO,GAC3B,EACF,GACF,GACF,GACF,GACF",
   "names": ["drop_down_stories_exports", "__export", "Default", "drop_down_stories_default", "__toCommonJS", "import_jsx_runtime", "import_drop_down", "meta"]
 }

package/dist/cjs/stories/evaluate.stories.d.ts

@@ -1,7 +1,7 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: import("react").FC<import("../biz-components/Evaluate").EvaluateProps>;
+    component: import("react").FC<import("../biz-components/Evaluate/index.js").EvaluateProps>;
     parameters: {
         layout: string;
     };

package/dist/cjs/stories/evaluate.stories.js

@@ -1,2 +1,2 @@
-"use strict";var p=Object.create;var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var s in t)a(e,s,{get:t[s],enumerable:!0})},i=(e,t,s,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of f(t))!g.call(e,o)&&o!==s&&a(e,o,{get:()=>t[o],enumerable:!(r=m(t,o))||r.enumerable});return e};var b=(e,t,s)=>(s=e!=null?p(l(e)):{},i(t||!e||!e.__esModule?a(s,"default",{value:e,enumerable:!0}):s,e)),d=e=>i(a({},"__esModule",{value:!0}),e);var k={};h(k,{Default:()=>v,Round:()=>P,default:()=>u});module.exports=d(k);var n=b(require("../biz-components/Evaluate"));const y={title:"Biz-Components/Evaluate",component:n.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var u=y;const c=[{rating:4,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{rating:3,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{rating:5,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)650mAh Power Bank (250W)650mAh Power Bank (250W)",avatar:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}],v={args:{products:c,className:"p-4"}},P={args:{products:c,className:"p-4",shape:"round"}};
+"use strict";var p=Object.create;var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var s in t)a(e,s,{get:t[s],enumerable:!0})},i=(e,t,s,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of f(t))!g.call(e,o)&&o!==s&&a(e,o,{get:()=>t[o],enumerable:!(r=m(t,o))||r.enumerable});return e};var b=(e,t,s)=>(s=e!=null?p(l(e)):{},i(t||!e||!e.__esModule?a(s,"default",{value:e,enumerable:!0}):s,e)),d=e=>i(a({},"__esModule",{value:!0}),e);var k={};h(k,{Default:()=>v,Round:()=>P,default:()=>u});module.exports=d(k);var n=b(require("../biz-components/Evaluate/index.js"));const y={title:"Biz-Components/Evaluate",component:n.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var u=y;const c=[{rating:4,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{rating:3,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{rating:5,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)650mAh Power Bank (250W)650mAh Power Bank (250W)",avatar:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}],v={args:{products:c,className:"p-4"}},P={args:{products:c,className:"p-4",shape:"round"}};
 //# sourceMappingURL=evaluate.stories.js.map

package/dist/cjs/stories/evaluate.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/evaluate.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Evaluate from '../biz-components/Evaluate'\n\nconst meta = {\n  title: 'Biz-Components/Evaluate',\n  component: Evaluate,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Evaluate>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    rating: 4,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)',\n    avatar: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    rating:3,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)',\n    avatar: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    rating: 5,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)650mAh Power Bank (250W)650mAh Power Bank (250W)',\n    avatar: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n    shape: 'round',\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAqB,yCAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EAAY,CAChB,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,2GACR,IAAK,8HACP,EACA,CACE,OAAO,EACP,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,2GACR,IAAK,8HACP,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,wKACb,OAAQ,2GACR,IAAK,8HACP,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,SAAUO,EACV,UAAW,KACb,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,SAAUM,EACV,UAAW,MACX,MAAO,OACT,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Evaluate from '../biz-components/Evaluate/index.js'\n\nconst meta = {\n  title: 'Biz-Components/Evaluate',\n  component: Evaluate,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Evaluate>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    rating: 4,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)',\n    avatar: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    rating: 3,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)',\n    avatar: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    rating: 5,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description:\n      'Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)650mAh Power Bank (250W)650mAh Power Bank (250W)',\n    avatar: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n    shape: 'round',\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAqB,kDAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EAAY,CAChB,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,2GACR,IAAK,8HACP,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,2GACR,IAAK,8HACP,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YACE,wKACF,OAAQ,2GACR,IAAK,8HACP,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,SAAUO,EACV,UAAW,KACb,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,SAAUM,EACV,UAAW,MACX,MAAO,OACT,CACF",
   "names": ["evaluate_stories_exports", "__export", "Default", "Round", "evaluate_stories_default", "__toCommonJS", "import_Evaluate", "meta", "Evaluate", "mockItems"]
 }

package/dist/cjs/stories/graphic.stories.d.ts

@@ -0,0 +1,51 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: {
+        (props: Omit<import("../biz-components/Graphic/index.js").GraphicProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+            className?: string;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        shape: {
+            control: {
+                type: "inline-radio";
+            };
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+        className?: string | undefined;
+        key?: import("react").Key | null | undefined;
+        shape?: "round" | "square" | undefined;
+        items: {
+            imgUrl: string;
+            title: string;
+            textColor?: string;
+        }[];
+        style?: string | undefined;
+        uid?: string | undefined;
+        disabled?: boolean | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Round: Story;

package/dist/cjs/stories/graphic.stories.js

@@ -0,0 +1,2 @@
+"use strict";var f=Object.create;var s=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var g=(e,t)=>{for(var o in t)s(e,o,{get:t[o],enumerable:!0})},i=(e,t,o,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of m(t))!d.call(e,r)&&r!==o&&s(e,r,{get:()=>t[r],enumerable:!(p=c(t,r))||p.enumerable});return e};var u=(e,t,o)=>(o=e!=null?f(y(e)):{},i(t||!e||!e.__esModule?s(o,"default",{value:e,enumerable:!0}):o,e)),h=e=>i(s({},"__esModule",{value:!0}),e);var v={};g(v,{Default:()=>F,Round:()=>O,default:()=>b});module.exports=h(v);var a=require("react/jsx-runtime"),n=u(require("../biz-components/Graphic/index.js"));const S={title:"Biz-Components/Graphic",component:n.default,parameters:{layout:"fullscreen",docs:{description:{component:"\u56FE\u6587\u5C55\u793A\u6A21\u5757\uFF0C\u57FA\u4E8Eembla-carousel-react\uFF0Chttps://www.embla-carousel.com/get-started/react/"}}},argTypes:{shape:{control:{type:"inline-radio"},options:["square","round"],description:"\u5706\u89D2",table:{defaultValue:{summary:"square"}}}},decorators:[e=>(0,a.jsx)("div",{style:{paddingTop:"2em"},children:(0,a.jsx)(e,{})})],tags:["autodocs"]};var b=S;const l=[{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF"}],F={args:{items:l}},O={args:{items:l,shape:"round"}};
+//# sourceMappingURL=graphic.stories.js.map

package/dist/cjs/stories/graphic.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/graphic.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Graphic from '../biz-components/Graphic/index.js'\n\nconst meta = {\n  title: 'Biz-Components/Graphic',\n  component: Graphic,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u56FE\u6587\u5C55\u793A\u6A21\u5757\uFF0C\u57FA\u4E8Eembla-carousel-react\uFF0Chttps://www.embla-carousel.com/get-started/react/',\n      },\n    },\n  },\n  argTypes: {\n    shape: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['square', 'round'],\n      description: '\u5706\u89D2',\n      table: {\n        defaultValue: {\n          summary: 'square',\n        },\n      },\n    },\n  },\n  decorators: [\n    Story => (\n      <div style={{ paddingTop: '2em' }}>\n        <Story />\n      </div>\n    ),\n  ],\n  tags: ['autodocs'],\n} satisfies Meta<typeof Graphic>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n    title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n  },\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n    title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n    textColor: '#FFF',\n  },\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n    title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n  },\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n    title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n    textColor: '#FFF',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    items: mockItems,\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    items: mockItems,\n    shape: 'round',\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GA+BQ,IAAAM,EAAA,6BA9BRC,EAAoB,iDAEpB,MAAMC,EAAO,CACX,MAAO,yBACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,mIACb,CACF,CACF,EACA,SAAU,CACR,MAAO,CACL,QAAS,CACP,KAAM,cACR,EACA,QAAS,CAAC,SAAU,OAAO,EAC3B,YAAa,eACb,MAAO,CACL,aAAc,CACZ,QAAS,QACX,CACF,CACF,CACF,EACA,WAAY,CACVC,MACE,OAAC,OAAI,MAAO,CAAE,WAAY,KAAM,EAC9B,mBAACA,EAAA,EAAM,EACT,CAEJ,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAON,EAAQI,EAGf,MAAMG,EAAY,CAChB,CACE,OAAQ,2FACR,MAAO,wEACT,EACA,CACE,OAAQ,2FACR,MAAO,yEACP,UAAW,MACb,EACA,CACE,OAAQ,2FACR,MAAO,wEACT,EACA,CACE,OAAQ,2FACR,MAAO,yEACP,UAAW,MACb,CACF,EAEaT,EAAiB,CAC5B,KAAM,CACJ,MAAOS,CACT,CACF,EAEaR,EAAe,CAC1B,KAAM,CACJ,MAAOQ,EACP,MAAO,OACT,CACF",
+  "names": ["graphic_stories_exports", "__export", "Default", "Round", "graphic_stories_default", "__toCommonJS", "import_jsx_runtime", "import_Graphic", "meta", "Graphic", "Story", "mockItems"]
+}

package/dist/cjs/stories/grid.stories.d.ts

@@ -17,6 +17,6 @@ declare const meta: {
 };
 export default meta;
 export declare const Basic: () => import("react/jsx-runtime").JSX.Element;
-export declare const CustomPosition: ({ baseStart, baseEnd, showBoundaryExamples, gridGap, colorScheme }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomPosition: ({ baseStart, baseEnd, showBoundaryExamples, gridGap, colorScheme, }: any) => import("react/jsx-runtime").JSX.Element;
 export declare const CustomGap: () => import("react/jsx-runtime").JSX.Element;
 export declare const DifferentGaps: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/stories/grid.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/grid.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Grid, GridItem } from '../components/gird.js'\n\nconst meta = {\n  title: 'Layout/Grid',\n  component: Grid,\n  subcomponents: {\n    GridItem,\n  },\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\nGrid \u5E03\u5C40\u7EC4\u4EF6\uFF0C\u57FA\u4E8E CSS Grid \u5B9E\u73B0\u7684 12 \u5217\u7F51\u683C\u7CFB\u7EDF\u3002\n\n### \u5B9E\u73B0\u7EC6\u8282\n- Grid \u7EC4\u4EF6\u4F7F\u7528 CSS Grid \u5E03\u5C40\uFF0C\u9ED8\u8BA4\u4E3A 12 \u5217\u7F51\u683C\n- \u9ED8\u8BA4\u95F4\u8DDD\u4E3A gap-3 (12px)\uFF0C\u5728 md \u65AD\u70B9\u540E\u53D8\u4E3A gap-4 (16px)\n- \u4F7F\u7528 Tailwind CSS \u7684\u7F51\u683C\u7C7B\u5B9E\u73B0\uFF0C\u65E0\u9700\u989D\u5916\u7684 CSS\n\n### \u5BBD\u5EA6 \u548C \u81EA\u5B9A\u4E49\u5B9A\u4F4D\u5F00\u59CB\u548C\u7ED3\u675F\u4F4D\u7F6E\n- \u4F7F\u7528 start \u548C end \u5C5E\u6027\u6765\u6307\u5B9A\u7F51\u683C\u9879\u7684\u5F00\u59CB\u548C\u7ED3\u675F\u4F4D\u7F6E\uFF081-13\uFF09\n- \u4F7F\u7528 span \u5C5E\u6027\u6765\u6307\u5B9A\u7F51\u683C\u9879\u7684\u8DE8\u5EA6\uFF081-12\uFF09\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Grid>\n\nexport default meta\n\ntype Story = StoryObj<typeof Grid>\n\n// \u57FA\u7840\u5E03\u5C40\nexport const Basic = () => (\n  <div className=\"p-4\">\n    <Grid>\n      <GridItem span={12} className=\"bg-blue-100 p-4 text-center\">span-12</GridItem>\n      <GridItem span={6} className=\"bg-blue-200 p-4 text-center\">span-6</GridItem>\n      <GridItem span={6} className=\"bg-blue-300 p-4 text-center\">span-6</GridItem>\n      <GridItem span={4} className=\"bg-blue-400 p-4 text-center\">span-4</GridItem>\n      <GridItem span={4} className=\"bg-blue-500 p-4 text-center\">span-4</GridItem>\n      <GridItem span={4} className=\"bg-blue-600 p-4 text-center\">span-4</GridItem>\n      <GridItem span={3} className=\"bg-blue-700 p-4 text-center text-white\">span-3</GridItem>\n      <GridItem span={3} className=\"bg-blue-800 p-4 text-center text-white\">span-3</GridItem>\n      <GridItem span={3} className=\"bg-blue-900 p-4 text-center text-white\">span-3</GridItem>\n      <GridItem span={3} className=\"bg-blue-950 p-4 text-center text-white\">span-3</GridItem>\n    </Grid>\n  </div>\n)\n\ntype GridStart = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\ntype GridEnd = 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13\n\n\n\nexport const CustomPosition = ({\n  baseStart = 2,\n  baseEnd = 6,\n  showBoundaryExamples = true,\n  gridGap = '',\n  colorScheme = 'blue'\n}: any) => (\n  <div className=\"p-4\">\n    <Grid className={gridGap}>\n      {/* \u57FA\u672C\u5B9A\u4F4D\u793A\u4F8B */}\n      <GridItem \n        start={baseStart as GridStart} \n        end={baseEnd as GridEnd} \n        className={`bg-${colorScheme}-200 p-4 text-center`}\n      >\n        start-{baseStart} end-{baseEnd}\n      </GridItem>\n      <GridItem \n        start={(baseEnd + 1) as GridStart} \n        end={12} \n        className={`bg-${colorScheme}-300 p-4 text-center`}\n      >\n        start-{baseEnd + 1} end-12\n      </GridItem>\n      \n      {/* \u8DE8\u8D8A\u6574\u884C\u793A\u4F8B */}\n      <GridItem \n        start={1} \n        end={13} \n        className={`bg-${colorScheme}-400 p-4 text-center`}\n      >\n        start-1 end-13 (\u6574\u884C)\n      </GridItem>\n      \n      {/* \u5355\u683C\u793A\u4F8B */}\n      <GridItem \n        start={1} \n        end={2} \n        className={`bg-${colorScheme}-500 p-4 text-center text-white`}\n      >\n        1\u683C (start-1)\n      </GridItem>\n      <GridItem \n        start={3} \n        end={4} \n        className={`bg-${colorScheme}-500 p-4 text-center text-white`}\n      >\n        1\u683C (start-3)\n      </GridItem>\n      \n      {/* \u4E0D\u89C4\u5219\u8DE8\u5EA6\u793A\u4F8B */}\n      <GridItem \n        start={5} \n        end={10} \n        className={`bg-${colorScheme}-600 p-4 text-center text-white`}\n      >\n        start-5 end-10\n      </GridItem>\n      <GridItem \n        start={10} \n        end={13} \n        className={`bg-${colorScheme}-700 p-4 text-center text-white`}\n      >\n        end-13\n      </GridItem>\n      \n      {/* \u4F7F\u7528 span \u7684\u793A\u4F8B */}\n      <GridItem \n        start={1} \n        span={3} \n        className={`bg-${colorScheme}-800 p-4 text-center text-white`}\n      >\n        start-1 span-3\n      </GridItem>\n      <GridItem \n        start={4} \n        span={9} \n        className={`bg-${colorScheme}-900 p-4 text-center text-white`}\n      >\n        start-4 span-9\n      </GridItem>\n      \n      {/* \u8FB9\u754C\u60C5\u51B5\u793A\u4F8B */}\n      {showBoundaryExamples && (\n        <>\n          <GridItem \n            start={12} \n            span={1} \n            className=\"bg-yellow-500 p-4 text-center text-white\"\n          >\n            \u6700\u540E1\u683C\n          </GridItem>\n          <GridItem \n            start={1} \n            span={1} \n            className=\"bg-yellow-600 p-4 text-center text-white\"\n          >\n            \u7B2C1\u683C\n          </GridItem>\n        </>\n      )}\n    </Grid>\n  </div>\n)\n\n\n// \u81EA\u5B9A\u4E49\u95F4\u8DDD\nexport const CustomGap = () => (\n  <div className=\"p-4\">\n    <Grid className=\"gap-8\">\n      <GridItem span={6} className=\"bg-purple-200 p-4 text-center\">\u95F4\u8DDD 32px (gap-8)</GridItem>\n      <GridItem span={6} className=\"bg-purple-300 p-4 text-center\">\u95F4\u8DDD 32px (gap-8)</GridItem>\n      <GridItem span={4} className=\"bg-purple-400 p-4 text-center\">\u95F4\u8DDD 32px (gap-8)</GridItem>\n      <GridItem span={4} className=\"bg-purple-500 p-4 text-center text-white\">\u95F4\u8DDD 32px (gap-8)</GridItem>\n      <GridItem span={4} className=\"bg-purple-600 p-4 text-center text-white\">\u95F4\u8DDD 32px (gap-8)</GridItem>\n    </Grid>\n  </div>\n)\n\n// \u4E0D\u540C\u7684\u6A2A\u5411\u548C\u7EB5\u5411\u95F4\u8DDD\nexport const DifferentGaps = () => (\n  <div className=\"p-4\">\n    <Grid className=\"gap-x-8 gap-y-2\">\n      <GridItem span={6} className=\"bg-orange-200 p-4 text-center\">\u6A2A\u5411 32px \u7EB5\u5411 8px</GridItem>\n      <GridItem span={6} className=\"bg-orange-300 p-4 text-center\">\u6A2A\u5411 32px \u7EB5\u5411 8px</GridItem>\n      <GridItem span={4} className=\"bg-orange-400 p-4 text-center\">\u6A2A\u5411 32px \u7EB5\u5411 8px</GridItem>\n      <GridItem span={4} className=\"bg-orange-500 p-4 text-center text-white\">\u6A2A\u5411 32px \u7EB5\u5411 8px</GridItem>\n      <GridItem span={4} className=\"bg-orange-600 p-4 text-center text-white\">\u6A2A\u5411 32px \u7EB5\u5411 8px</GridItem>\n    </Grid>\n  </div>\n) "],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,EAAA,cAAAC,EAAA,mBAAAC,EAAA,kBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GAuCI,IAAAQ,EAAA,6BAvCJC,EAAkB,iBAElBC,EAA+B,iCAE/B,MAAMC,EAAO,CACX,MAAO,cACP,UAAW,OACX,cAAe,CACb,mBACF,EACA,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAYb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQK,EAKR,MAAMT,EAAQ,OACnB,OAAC,OAAI,UAAU,MACb,oBAAC,QACC,oBAAC,YAAS,KAAM,GAAI,UAAU,8BAA8B,mBAAO,KACnE,OAAC,YAAS,KAAM,EAAG,UAAU,8BAA8B,kBAAM,KACjE,OAAC,YAAS,KAAM,EAAG,UAAU,8BAA8B,kBAAM,KACjE,OAAC,YAAS,KAAM,EAAG,UAAU,8BAA8B,kBAAM,KACjE,OAAC,YAAS,KAAM,EAAG,UAAU,8BAA8B,kBAAM,KACjE,OAAC,YAAS,KAAM,EAAG,UAAU,8BAA8B,kBAAM,KACjE,OAAC,YAAS,KAAM,EAAG,UAAU,yCAAyC,kBAAM,KAC5E,OAAC,YAAS,KAAM,EAAG,UAAU,yCAAyC,kBAAM,KAC5E,OAAC,YAAS,KAAM,EAAG,UAAU,yCAAyC,kBAAM,KAC5E,OAAC,YAAS,KAAM,EAAG,UAAU,yCAAyC,kBAAM,GAC9E,EACF,EAQWE,EAAiB,CAAC,CAC7B,UAAAQ,EAAY,EACZ,QAAAC,EAAU,EACV,qBAAAC,EAAuB,GACvB,QAAAC,EAAU,GACV,YAAAC,EAAc,MAChB,OACE,OAAC,OAAI,UAAU,MACb,oBAAC,QAAK,UAAWD,EAEf,qBAAC,YACC,MAAOH,EACP,IAAKC,EACL,UAAW,MAAMG,CAAW,uBAC7B,mBACQJ,EAAU,QAAMC,GACzB,KACA,QAAC,YACC,MAAQA,EAAU,EAClB,IAAK,GACL,UAAW,MAAMG,CAAW,uBAC7B,mBACQH,EAAU,EAAE,WACrB,KAGA,OAAC,YACC,MAAO,EACP,IAAK,GACL,UAAW,MAAMG,CAAW,uBAC7B,yCAED,KAGA,OAAC,YACC,MAAO,EACP,IAAK,EACL,UAAW,MAAMA,CAAW,kCAC7B,6BAED,KACA,OAAC,YACC,MAAO,EACP,IAAK,EACL,UAAW,MAAMA,CAAW,kCAC7B,6BAED,KAGA,OAAC,YACC,MAAO,EACP,IAAK,GACL,UAAW,MAAMA,CAAW,kCAC7B,0BAED,KACA,OAAC,YACC,MAAO,GACP,IAAK,GACL,UAAW,MAAMA,CAAW,kCAC7B,kBAED,KAGA,OAAC,YACC,MAAO,EACP,KAAM,EACN,UAAW,MAAMA,CAAW,kCAC7B,0BAED,KACA,OAAC,YACC,MAAO,EACP,KAAM,EACN,UAAW,MAAMA,CAAW,kCAC7B,0BAED,EAGCF,MACC,oBACE,oBAAC,YACC,MAAO,GACP,KAAM,EACN,UAAU,2CACX,+BAED,KACA,OAAC,YACC,MAAO,EACP,KAAM,EACN,UAAU,2CACX,yBAED,GACF,GAEJ,EACF,EAKWX,EAAY,OACvB,OAAC,OAAI,UAAU,MACb,oBAAC,QAAK,UAAU,QACd,oBAAC,YAAS,KAAM,EAAG,UAAU,gCAAgC,qCAAe,KAC5E,OAAC,YAAS,KAAM,EAAG,UAAU,gCAAgC,qCAAe,KAC5E,OAAC,YAAS,KAAM,EAAG,UAAU,gCAAgC,qCAAe,KAC5E,OAAC,YAAS,KAAM,EAAG,UAAU,2CAA2C,qCAAe,KACvF,OAAC,YAAS,KAAM,EAAG,UAAU,2CAA2C,qCAAe,GACzF,EACF,EAIWE,EAAgB,OAC3B,OAAC,OAAI,UAAU,MACb,oBAAC,QAAK,UAAU,kBACd,oBAAC,YAAS,KAAM,EAAG,UAAU,gCAAgC,8CAAc,KAC3E,OAAC,YAAS,KAAM,EAAG,UAAU,gCAAgC,8CAAc,KAC3E,OAAC,YAAS,KAAM,EAAG,UAAU,gCAAgC,8CAAc,KAC3E,OAAC,YAAS,KAAM,EAAG,UAAU,2CAA2C,8CAAc,KACtF,OAAC,YAAS,KAAM,EAAG,UAAU,2CAA2C,8CAAc,GACxF,EACF",
+  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Grid, GridItem } from '../components/gird.js'\n\nconst meta = {\n  title: 'Layout/Grid',\n  component: Grid,\n  subcomponents: {\n    GridItem,\n  },\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\nGrid \u5E03\u5C40\u7EC4\u4EF6\uFF0C\u57FA\u4E8E CSS Grid \u5B9E\u73B0\u7684 12 \u5217\u7F51\u683C\u7CFB\u7EDF\u3002\n\n### \u5B9E\u73B0\u7EC6\u8282\n- Grid \u7EC4\u4EF6\u4F7F\u7528 CSS Grid \u5E03\u5C40\uFF0C\u9ED8\u8BA4\u4E3A 12 \u5217\u7F51\u683C\n- \u9ED8\u8BA4\u95F4\u8DDD\u4E3A gap-3 (12px)\uFF0C\u5728 md \u65AD\u70B9\u540E\u53D8\u4E3A gap-4 (16px)\n- \u4F7F\u7528 Tailwind CSS \u7684\u7F51\u683C\u7C7B\u5B9E\u73B0\uFF0C\u65E0\u9700\u989D\u5916\u7684 CSS\n\n### \u5BBD\u5EA6 \u548C \u81EA\u5B9A\u4E49\u5B9A\u4F4D\u5F00\u59CB\u548C\u7ED3\u675F\u4F4D\u7F6E\n- \u4F7F\u7528 start \u548C end \u5C5E\u6027\u6765\u6307\u5B9A\u7F51\u683C\u9879\u7684\u5F00\u59CB\u548C\u7ED3\u675F\u4F4D\u7F6E\uFF081-13\uFF09\n- \u4F7F\u7528 span \u5C5E\u6027\u6765\u6307\u5B9A\u7F51\u683C\u9879\u7684\u8DE8\u5EA6\uFF081-12\uFF09\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Grid>\n\nexport default meta\n\ntype Story = StoryObj<typeof Grid>\n\n// \u57FA\u7840\u5E03\u5C40\nexport const Basic = () => (\n  <div className=\"p-4\">\n    <Grid>\n      <GridItem span={12} className=\"bg-blue-100 p-4 text-center\">\n        span-12\n      </GridItem>\n      <GridItem span={6} className=\"bg-blue-200 p-4 text-center\">\n        span-6\n      </GridItem>\n      <GridItem span={6} className=\"bg-blue-300 p-4 text-center\">\n        span-6\n      </GridItem>\n      <GridItem span={4} className=\"bg-blue-400 p-4 text-center\">\n        span-4\n      </GridItem>\n      <GridItem span={4} className=\"bg-blue-500 p-4 text-center\">\n        span-4\n      </GridItem>\n      <GridItem span={4} className=\"bg-blue-600 p-4 text-center\">\n        span-4\n      </GridItem>\n      <GridItem span={3} className=\"bg-blue-700 p-4 text-center text-white\">\n        span-3\n      </GridItem>\n      <GridItem span={3} className=\"bg-blue-800 p-4 text-center text-white\">\n        span-3\n      </GridItem>\n      <GridItem span={3} className=\"bg-blue-900 p-4 text-center text-white\">\n        span-3\n      </GridItem>\n      <GridItem span={3} className=\"bg-blue-950 p-4 text-center text-white\">\n        span-3\n      </GridItem>\n    </Grid>\n  </div>\n)\n\ntype GridStart = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\ntype GridEnd = 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13\n\nexport const CustomPosition = ({\n  baseStart = 2,\n  baseEnd = 6,\n  showBoundaryExamples = true,\n  gridGap = '',\n  colorScheme = 'blue',\n}: any) => (\n  <div className=\"p-4\">\n    <Grid className={gridGap}>\n      {/* \u57FA\u672C\u5B9A\u4F4D\u793A\u4F8B */}\n      <GridItem\n        start={baseStart as GridStart}\n        end={baseEnd as GridEnd}\n        className={`bg-${colorScheme}-200 p-4 text-center`}\n      >\n        start-{baseStart} end-{baseEnd}\n      </GridItem>\n      <GridItem start={(baseEnd + 1) as GridStart} end={12} className={`bg-${colorScheme}-300 p-4 text-center`}>\n        start-{baseEnd + 1} end-12\n      </GridItem>\n\n      {/* \u8DE8\u8D8A\u6574\u884C\u793A\u4F8B */}\n      <GridItem start={1} end={13} className={`bg-${colorScheme}-400 p-4 text-center`}>\n        start-1 end-13 (\u6574\u884C)\n      </GridItem>\n\n      {/* \u5355\u683C\u793A\u4F8B */}\n      <GridItem start={1} end={2} className={`bg-${colorScheme}-500 p-4 text-center text-white`}>\n        1\u683C (start-1)\n      </GridItem>\n      <GridItem start={3} end={4} className={`bg-${colorScheme}-500 p-4 text-center text-white`}>\n        1\u683C (start-3)\n      </GridItem>\n\n      {/* \u4E0D\u89C4\u5219\u8DE8\u5EA6\u793A\u4F8B */}\n      <GridItem start={5} end={10} className={`bg-${colorScheme}-600 p-4 text-center text-white`}>\n        start-5 end-10\n      </GridItem>\n      <GridItem start={10} end={13} className={`bg-${colorScheme}-700 p-4 text-center text-white`}>\n        end-13\n      </GridItem>\n\n      {/* \u4F7F\u7528 span \u7684\u793A\u4F8B */}\n      <GridItem start={1} span={3} className={`bg-${colorScheme}-800 p-4 text-center text-white`}>\n        start-1 span-3\n      </GridItem>\n      <GridItem start={4} span={9} className={`bg-${colorScheme}-900 p-4 text-center text-white`}>\n        start-4 span-9\n      </GridItem>\n\n      {/* \u8FB9\u754C\u60C5\u51B5\u793A\u4F8B */}\n      {showBoundaryExamples && (\n        <>\n          <GridItem start={12} span={1} className=\"bg-yellow-500 p-4 text-center text-white\">\n            \u6700\u540E1\u683C\n          </GridItem>\n          <GridItem start={1} span={1} className=\"bg-yellow-600 p-4 text-center text-white\">\n            \u7B2C1\u683C\n          </GridItem>\n        </>\n      )}\n    </Grid>\n  </div>\n)\n\n// \u81EA\u5B9A\u4E49\u95F4\u8DDD\nexport const CustomGap = () => (\n  <div className=\"p-4\">\n    <Grid className=\"gap-8\">\n      <GridItem span={6} className=\"bg-purple-200 p-4 text-center\">\n        \u95F4\u8DDD 32px (gap-8)\n      </GridItem>\n      <GridItem span={6} className=\"bg-purple-300 p-4 text-center\">\n        \u95F4\u8DDD 32px (gap-8)\n      </GridItem>\n      <GridItem span={4} className=\"bg-purple-400 p-4 text-center\">\n        \u95F4\u8DDD 32px (gap-8)\n      </GridItem>\n      <GridItem span={4} className=\"bg-purple-500 p-4 text-center text-white\">\n        \u95F4\u8DDD 32px (gap-8)\n      </GridItem>\n      <GridItem span={4} className=\"bg-purple-600 p-4 text-center text-white\">\n        \u95F4\u8DDD 32px (gap-8)\n      </GridItem>\n    </Grid>\n  </div>\n)\n\n// \u4E0D\u540C\u7684\u6A2A\u5411\u548C\u7EB5\u5411\u95F4\u8DDD\nexport const DifferentGaps = () => (\n  <div className=\"p-4\">\n    <Grid className=\"gap-x-8 gap-y-2\">\n      <GridItem span={6} className=\"bg-orange-200 p-4 text-center\">\n        \u6A2A\u5411 32px \u7EB5\u5411 8px\n      </GridItem>\n      <GridItem span={6} className=\"bg-orange-300 p-4 text-center\">\n        \u6A2A\u5411 32px \u7EB5\u5411 8px\n      </GridItem>\n      <GridItem span={4} className=\"bg-orange-400 p-4 text-center\">\n        \u6A2A\u5411 32px \u7EB5\u5411 8px\n      </GridItem>\n      <GridItem span={4} className=\"bg-orange-500 p-4 text-center text-white\">\n        \u6A2A\u5411 32px \u7EB5\u5411 8px\n      </GridItem>\n      <GridItem span={4} className=\"bg-orange-600 p-4 text-center text-white\">\n        \u6A2A\u5411 32px \u7EB5\u5411 8px\n      </GridItem>\n    </Grid>\n  </div>\n)\n"],
+  "mappings": "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",
   "names": ["grid_stories_exports", "__export", "Basic", "CustomGap", "CustomPosition", "DifferentGaps", "grid_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_gird", "meta", "baseStart", "baseEnd", "showBoundaryExamples", "gridGap", "colorScheme"]
 }

package/dist/cjs/stories/heading.stories.js

@@ -1,2 +1,2 @@
-"use strict";var l=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var c=(t,o)=>{for(var i in o)l(t,i,{get:o[i],enumerable:!0})},y=(t,o,i,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of d(o))!p.call(t,r)&&r!==i&&l(t,r,{get:()=>o[r],enumerable:!(s=n(o,r))||s.enumerable});return t};var u=t=>y(l({},"__esModule",{value:!0}),t);var b={};c(b,{All:()=>f,Default:()=>g,default:()=>h});module.exports=u(b);var e=require("react/jsx-runtime"),a=require("../components/index.js"),x=require("react");const m={title:"Typography/Heading",component:a.Heading,parameters:{layout:"padded",docs:{description:{component:"Heading \u7EC4\u4EF6, \u57FA\u672C\u548Ctext \u7EC4\u4EF6\u4E00\u6837\uFF0C\u53EA\u662F\u9ED8\u8BA4\u7684\u6807\u7B7E\u7C7B\u578B\u4E0D\u4E00\u6837"}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:[1,2,3,4,5],description:"\u6587\u672C\u5C3A\u5BF8\uFF0C\u4ECE5\u52301\uFF0C\u8D8A\u6765\u8D8A\u5C0F",table:{defaultValue:{summary:"5"}}},weight:{control:{type:"select"},options:["medium","semibold","bold","extraBold","black"],description:"\u6587\u672C\u7C97\u7EC6, \u4ECE500\u5230900 \uFF0C\u9ED8\u8BA4\u662F700",table:{defaultValue:{summary:"black"}}},align:{control:{type:"select"},options:["left","center","right"],table:{defaultValue:{summary:void 0}}},color:{control:{type:"color"}},as:{control:{type:"select"},options:["h1","h2","h3","h4","h5","h6"],description:"html \u6807\u7B7E\u7C7B\u578B",table:{defaultValue:{summary:"h1"}}},html:{type:"string",description:"\u76F8\u5F53\u4E8E dangerouslySetInnerHTML"}},args:{as:"h1",size:1,weight:"bold",align:"left"}};var h=m;const g={args:{as:"h1",children:" The quick brown fox jumps over the lazy dog."}},f={render:()=>(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.Heading,{size:1,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(a.Heading,{size:2,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(a.Heading,{size:3,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(a.Heading,{size:4,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(a.Heading,{size:5,children:"The quick brown fox jumps over the lazy dog."})]})};
+"use strict";var s=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var c=(t,o)=>{for(var i in o)s(t,i,{get:o[i],enumerable:!0})},y=(t,o,i,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of d(o))!p.call(t,r)&&r!==i&&s(t,r,{get:()=>o[r],enumerable:!(l=n(o,r))||l.enumerable});return t};var u=t=>y(s({},"__esModule",{value:!0}),t);var b={};c(b,{All:()=>f,Default:()=>g,default:()=>h});module.exports=u(b);var e=require("react/jsx-runtime"),a=require("../components/index.js"),x=require("react");const m={title:"Typography/Heading",component:a.Heading,parameters:{layout:"padded",docs:{description:{component:"Heading \u7EC4\u4EF6\uFF0C \u5206\u4E3A5\u4E2Asize , \u5185\u7F6E\u5B57\u4F53\u5927\u5C0F\u54CD\u5E94\u5F0F\u9884\u8BBE, \u57FA\u672C\u548Ctext \u7EC4\u4EF6\u4E00\u6837\uFF0C\u53EA\u662F\u9ED8\u8BA4\u7684\u6807\u7B7E\u7C7B\u578B\u4E0D\u4E00\u6837\u3002"}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:[1,2,3,4,5],description:"\u6587\u672C\u5C3A\u5BF8\uFF0C\u4ECE5\u52301\uFF0C\u8D8A\u6765\u8D8A\u5C0F",table:{defaultValue:{summary:"5"}}},weight:{control:{type:"select"},options:["medium","semibold","bold","extraBold","black"],description:"\u6587\u672C\u7C97\u7EC6, \u4ECE500\u5230900 \uFF0C\u9ED8\u8BA4\u662F700",table:{defaultValue:{summary:"bold"}}},align:{control:{type:"select"},options:["left","center","right"],table:{defaultValue:{summary:void 0}}},color:{control:{type:"color"}},as:{control:{type:"select"},options:["h1","h2","h3","h4","h5","h6"],description:"html \u6807\u7B7E\u7C7B\u578B",table:{defaultValue:{summary:"h1"}}},html:{type:"string",description:"\u76F8\u5F53\u4E8E dangerouslySetInnerHTML"}},args:{as:"h1",size:1,weight:"bold",align:"left"}};var h=m;const g={args:{as:"h1",children:" The quick brown fox jumps over the lazy dog."}},f={render:()=>(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.Heading,{size:1,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(a.Heading,{size:2,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(a.Heading,{size:3,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(a.Heading,{size:4,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(a.Heading,{size:5,children:"The quick brown fox jumps over the lazy dog."})]})};
 //# sourceMappingURL=heading.stories.js.map

package/dist/cjs/stories/heading.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/heading.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Heading } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Typography/Heading',\n  component: Heading,\n  parameters: {\n    layout: 'padded',\n    docs: {\n      description: {\n        component: 'Heading \u7EC4\u4EF6, \u57FA\u672C\u548Ctext \u7EC4\u4EF6\u4E00\u6837\uFF0C\u53EA\u662F\u9ED8\u8BA4\u7684\u6807\u7B7E\u7C7B\u578B\u4E0D\u4E00\u6837',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: [1, 2, 3, 4, 5],\n      description: '\u6587\u672C\u5C3A\u5BF8\uFF0C\u4ECE5\u52301\uFF0C\u8D8A\u6765\u8D8A\u5C0F',\n      table: {\n        defaultValue: { summary: '5' },\n      },\n    },\n    weight: {\n      control: {\n        type: 'select',\n      },\n      options: ['medium', 'semibold', 'bold', 'extraBold', 'black'],\n      description: '\u6587\u672C\u7C97\u7EC6, \u4ECE500\u5230900 \uFF0C\u9ED8\u8BA4\u662F700',\n      table: {\n        defaultValue: { summary: 'black' },\n      },\n    },\n    align: {\n      control: {\n        type: 'select',\n      },\n      options: ['left', 'center', 'right'],\n      table: {\n        defaultValue: { summary: undefined },\n      },\n    },\n    color: {\n      control: {\n        type: 'color',\n      },\n    },\n    as: {\n      control: {\n        type: 'select',\n      },\n      options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],\n      description: 'html \u6807\u7B7E\u7C7B\u578B',\n      table: {\n        defaultValue: { summary: 'h1' },\n      },\n    },\n    html: {\n      type: 'string',\n      description: '\u76F8\u5F53\u4E8E dangerouslySetInnerHTML',\n    },\n  },\n  args: {\n    as: 'h1',\n    size: 1,\n    weight: 'bold',\n    align: 'left',\n  },\n} satisfies Meta<typeof Heading>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    as: 'h1',\n    children: ' The quick brown fox jumps over the lazy dog.',\n  },\n}\n\nexport const All: Story = {\n  render: () => (\n    <>\n      <Heading size={1}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={2}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={3}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={4}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={5}>The quick brown fox jumps over the lazy dog.</Heading>\n    </>\n  ),\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,SAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GAwFI,IAAAM,EAAA,6BAtFJC,EAAwB,kCACxBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,qBACP,UAAW,UACX,WAAY,CACV,OAAQ,SACR,KAAM,CACJ,YAAa,CACX,UAAW,qJACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,EAAG,EAAG,EAAG,EAAG,CAAC,EACvB,YAAa,6EACb,MAAO,CACL,aAAc,CAAE,QAAS,GAAI,CAC/B,CACF,EACA,OAAQ,CACN,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,SAAU,WAAY,OAAQ,YAAa,OAAO,EAC5D,YAAa,2EACb,MAAO,CACL,aAAc,CAAE,QAAS,OAAQ,CACnC,CACF,EACA,MAAO,CACL,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,SAAU,OAAO,EACnC,MAAO,CACL,aAAc,CAAE,QAAS,MAAU,CACrC,CACF,EACA,MAAO,CACL,QAAS,CACP,KAAM,OACR,CACF,EACA,GAAI,CACF,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,IAAI,EAC5C,YAAa,gCACb,MAAO,CACL,aAAc,CAAE,QAAS,IAAK,CAChC,CACF,EACA,KAAM,CACJ,KAAM,SACN,YAAa,4CACf,CACF,EACA,KAAM,CACJ,GAAI,KACJ,KAAM,EACN,OAAQ,OACR,MAAO,MACT,CACF,EAEA,IAAOL,EAAQK,EAIR,MAAMN,EAAiB,CAC5B,KAAM,CACJ,GAAI,KACJ,SAAU,+CACZ,CACF,EAEaD,EAAa,CACxB,OAAQ,OACN,oBACE,oBAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,GAChE,CAEJ",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Heading } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Typography/Heading',\n  component: Heading,\n  parameters: {\n    layout: 'padded',\n    docs: {\n      description: {\n        component:\n          'Heading \u7EC4\u4EF6\uFF0C \u5206\u4E3A5\u4E2Asize , \u5185\u7F6E\u5B57\u4F53\u5927\u5C0F\u54CD\u5E94\u5F0F\u9884\u8BBE, \u57FA\u672C\u548Ctext \u7EC4\u4EF6\u4E00\u6837\uFF0C\u53EA\u662F\u9ED8\u8BA4\u7684\u6807\u7B7E\u7C7B\u578B\u4E0D\u4E00\u6837\u3002',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: [1, 2, 3, 4, 5],\n      description: '\u6587\u672C\u5C3A\u5BF8\uFF0C\u4ECE5\u52301\uFF0C\u8D8A\u6765\u8D8A\u5C0F',\n      table: {\n        defaultValue: { summary: '5' },\n      },\n    },\n    weight: {\n      control: {\n        type: 'select',\n      },\n      options: ['medium', 'semibold', 'bold', 'extraBold', 'black'],\n      description: '\u6587\u672C\u7C97\u7EC6, \u4ECE500\u5230900 \uFF0C\u9ED8\u8BA4\u662F700',\n      table: {\n        defaultValue: { summary: 'bold' },\n      },\n    },\n    align: {\n      control: {\n        type: 'select',\n      },\n      options: ['left', 'center', 'right'],\n      table: {\n        defaultValue: { summary: undefined },\n      },\n    },\n    color: {\n      control: {\n        type: 'color',\n      },\n    },\n    as: {\n      control: {\n        type: 'select',\n      },\n      options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],\n      description: 'html \u6807\u7B7E\u7C7B\u578B',\n      table: {\n        defaultValue: { summary: 'h1' },\n      },\n    },\n    html: {\n      type: 'string',\n      description: '\u76F8\u5F53\u4E8E dangerouslySetInnerHTML',\n    },\n  },\n  args: {\n    as: 'h1',\n    size: 1,\n    weight: 'bold',\n    align: 'left',\n  },\n} satisfies Meta<typeof Heading>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    as: 'h1',\n    children: ' The quick brown fox jumps over the lazy dog.',\n  },\n}\n\nexport const All: Story = {\n  render: () => (\n    <>\n      <Heading size={1}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={2}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={3}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={4}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={5}>The quick brown fox jumps over the lazy dog.</Heading>\n    </>\n  ),\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,SAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GAyFI,IAAAM,EAAA,6BAvFJC,EAAwB,kCACxBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,qBACP,UAAW,UACX,WAAY,CACV,OAAQ,SACR,KAAM,CACJ,YAAa,CACX,UACE,8PACJ,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,EAAG,EAAG,EAAG,EAAG,CAAC,EACvB,YAAa,6EACb,MAAO,CACL,aAAc,CAAE,QAAS,GAAI,CAC/B,CACF,EACA,OAAQ,CACN,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,SAAU,WAAY,OAAQ,YAAa,OAAO,EAC5D,YAAa,2EACb,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,EACA,MAAO,CACL,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,SAAU,OAAO,EACnC,MAAO,CACL,aAAc,CAAE,QAAS,MAAU,CACrC,CACF,EACA,MAAO,CACL,QAAS,CACP,KAAM,OACR,CACF,EACA,GAAI,CACF,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,IAAI,EAC5C,YAAa,gCACb,MAAO,CACL,aAAc,CAAE,QAAS,IAAK,CAChC,CACF,EACA,KAAM,CACJ,KAAM,SACN,YAAa,4CACf,CACF,EACA,KAAM,CACJ,GAAI,KACJ,KAAM,EACN,OAAQ,OACR,MAAO,MACT,CACF,EAEA,IAAOL,EAAQK,EAIR,MAAMN,EAAiB,CAC5B,KAAM,CACJ,GAAI,KACJ,SAAU,+CACZ,CACF,EAEaD,EAAa,CACxB,OAAQ,OACN,oBACE,oBAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,GAChE,CAEJ",
   "names": ["heading_stories_exports", "__export", "All", "Default", "heading_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
 }

package/dist/cjs/stories/marquee.stories.d.ts

@@ -2,7 +2,7 @@ import React, { type ComponentType } from 'react';
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<Omit<import("react-fast-marquee/dist/components/Marquee").MarqueeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    component: React.ForwardRefExoticComponent<Omit<import("react-fast-marquee/dist/components/Marquee.js").MarqueeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     subcomponents: {
         MarqueeList: ComponentType<unknown>;
         MarqueeImageContent: ComponentType<unknown>;

package/dist/cjs/stories/marquee.stories.js

@@ -1,2 +1,2 @@
-"use strict";var r=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var m=(o,s)=>{for(var a in s)r(o,a,{get:s[a],enumerable:!0})},f=(o,s,a,i)=>{if(s&&typeof s=="object"||typeof s=="function")for(let n of c(s))!l.call(o,n)&&n!==a&&r(o,n,{get:()=>s[n],enumerable:!(i=p(s,n))||i.enumerable});return o};var g=o=>f(r({},"__esModule",{value:!0}),o);var x={};m(x,{Default:()=>d,MarqueeDirection:()=>h,MarqueeImage:()=>M,MarqueeText:()=>q,default:()=>y});module.exports=g(x);var t=require("react/jsx-runtime"),C=require("react"),e=require("../biz-components/Marquee");const u={title:"Biz Components/Marquee",component:e.Marquee,subcomponents:{MarqueeList:e.MarqueeList,MarqueeImageContent:e.MarqueeImageContent,MarqueeTextContent:e.MarqueeTextContent},parameters:{layout:"fullscreen",docs:{description:{component:"\u8DD1\u9A6C\u706FMarquee\uFF0C\u57FA\u4E8Ereact-fast-marquee<br>\u53EF\u4F7F\u7528react-fast-marquee\u6240\u6709props"}}},tags:["autodocs"],args:{speed:50},argTypes:{direction:{control:{type:"inline-radio"},options:["left","right","up","down"],description:"\u8DD1\u9A6C\u706F\u6ED1\u52A8\u7684\u65B9\u5411",table:{defaultValue:{summary:"left"}}},speed:{control:{type:"number"},description:"\u901F\u5EA6\uFF0C\u5355\u4F4D\uFF1A\u50CF\u7D20/\u79D2"}}};var y=u;const d={render:o=>(0,t.jsx)(e.Marquee,{...o,children:(0,t.jsxs)(e.MarqueeList,{children:[(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}),(0,t.jsx)(e.MarqueeTextContent,{text:"\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}),(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}),(0,t.jsx)(e.MarqueeTextContent,{className:"text-nowrap",text:"\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}),(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"})]})})},M={render:o=>(0,t.jsx)(e.Marquee,{...o,children:(0,t.jsxs)(e.MarqueeList,{children:[(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}),(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}),(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"})]})})},q={render:o=>(0,t.jsx)(e.Marquee,{...o,children:(0,t.jsxs)(e.MarqueeList,{children:[(0,t.jsx)(e.MarqueeTextContent,{className:"w-40",text:"47%<br>R&D Employees"}),(0,t.jsx)(e.MarqueeTextContent,{className:"w-40",text:"100 Million<br>Global Customers"}),(0,t.jsx)(e.MarqueeTextContent,{className:"w-60",text:"Pioneering in Charging<br>Technology for 12 Years"})]})})},h={render:o=>(0,t.jsx)(e.Marquee,{...o,children:(0,t.jsxs)(e.MarqueeList,{children:[(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}),(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}),(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"})]})}),args:{direction:"right"}};
+"use strict";var r=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var m=(o,s)=>{for(var a in s)r(o,a,{get:s[a],enumerable:!0})},f=(o,s,a,i)=>{if(s&&typeof s=="object"||typeof s=="function")for(let n of c(s))!l.call(o,n)&&n!==a&&r(o,n,{get:()=>s[n],enumerable:!(i=p(s,n))||i.enumerable});return o};var g=o=>f(r({},"__esModule",{value:!0}),o);var x={};m(x,{Default:()=>d,MarqueeDirection:()=>h,MarqueeImage:()=>M,MarqueeText:()=>q,default:()=>y});module.exports=g(x);var t=require("react/jsx-runtime"),C=require("react"),e=require("../biz-components/Marquee/index.js");const u={title:"Biz Components/Marquee",component:e.Marquee,subcomponents:{MarqueeList:e.MarqueeList,MarqueeImageContent:e.MarqueeImageContent,MarqueeTextContent:e.MarqueeTextContent},parameters:{layout:"fullscreen",docs:{description:{component:"\u8DD1\u9A6C\u706FMarquee\uFF0C\u57FA\u4E8Ereact-fast-marquee<br>\u53EF\u4F7F\u7528react-fast-marquee\u6240\u6709props"}}},tags:["autodocs"],args:{speed:50},argTypes:{direction:{control:{type:"inline-radio"},options:["left","right","up","down"],description:"\u8DD1\u9A6C\u706F\u6ED1\u52A8\u7684\u65B9\u5411",table:{defaultValue:{summary:"left"}}},speed:{control:{type:"number"},description:"\u901F\u5EA6\uFF0C\u5355\u4F4D\uFF1A\u50CF\u7D20/\u79D2"}}};var y=u;const d={render:o=>(0,t.jsx)(e.Marquee,{...o,children:(0,t.jsxs)(e.MarqueeList,{children:[(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}),(0,t.jsx)(e.MarqueeTextContent,{text:"\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}),(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}),(0,t.jsx)(e.MarqueeTextContent,{className:"text-nowrap",text:"\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}),(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"})]})})},M={render:o=>(0,t.jsx)(e.Marquee,{...o,children:(0,t.jsxs)(e.MarqueeList,{children:[(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}),(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}),(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"})]})})},q={render:o=>(0,t.jsx)(e.Marquee,{...o,children:(0,t.jsxs)(e.MarqueeList,{children:[(0,t.jsx)(e.MarqueeTextContent,{className:"w-40",text:"47%<br>R&D Employees"}),(0,t.jsx)(e.MarqueeTextContent,{className:"w-40",text:"100 Million<br>Global Customers"}),(0,t.jsx)(e.MarqueeTextContent,{className:"w-60",text:"Pioneering in Charging<br>Technology for 12 Years"})]})})},h={render:o=>(0,t.jsx)(e.Marquee,{...o,children:(0,t.jsxs)(e.MarqueeList,{children:[(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}),(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}),(0,t.jsx)(e.MarqueeImageContent,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"})]})}),args:{direction:"right"}};
 //# sourceMappingURL=marquee.stories.js.map

package/dist/cjs/stories/marquee.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/marquee.stories.tsx"],
-  "sourcesContent": ["import React, { type ComponentType } from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Marquee, MarqueeList, MarqueeImageContent, MarqueeTextContent } from '../biz-components/Marquee'\n\nconst meta = {\n  title: 'Biz Components/Marquee',\n  component: Marquee,\n  subcomponents: {\n    MarqueeList: MarqueeList as ComponentType<unknown>,\n    MarqueeImageContent: MarqueeImageContent as ComponentType<unknown>,\n    MarqueeTextContent: MarqueeTextContent as ComponentType<unknown>,\n  },\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u8DD1\u9A6C\u706FMarquee\uFF0C\u57FA\u4E8Ereact-fast-marquee<br>\u53EF\u4F7F\u7528react-fast-marquee\u6240\u6709props',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  args: {\n    speed: 50,\n  },\n  argTypes: {\n    direction: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['left', 'right', 'up', 'down'],\n      description: '\u8DD1\u9A6C\u706F\u6ED1\u52A8\u7684\u65B9\u5411',\n      table: {\n        defaultValue: {\n          summary: 'left',\n        },\n      },\n    },\n    speed: {\n      control: {\n        type: 'number',\n      },\n      description: '\u901F\u5EA6\uFF0C\u5355\u4F4D\uFF1A\u50CF\u7D20/\u79D2',\n    }\n  }\n} satisfies Meta<typeof Marquee>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317\" />\n        <MarqueeTextContent text=\"\u8DD1\u9A6C\u706F\u7EC4\u4EF6\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317\" />\n        <MarqueeTextContent className='text-nowrap' text=\"\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317\" />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeImage: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317\" />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeText: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeTextContent className='w-40' text=\"47%<br>R&D Employees\" />\n        <MarqueeTextContent className='w-40' text=\"100 Million<br>Global Customers\" />\n        <MarqueeTextContent className='w-60' text=\"Pioneering in Charging<br>Technology for 12 Years\" />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeDirection: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317\" />\n      </MarqueeList>\n    </Marquee>\n  ),\n  args: {\n    direction: 'right',\n  },\n}"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,qBAAAC,EAAA,iBAAAC,EAAA,gBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GAqDM,IAAAQ,EAAA,6BArDNC,EAA0C,iBAE1CC,EAA8E,qCAE9E,MAAMC,EAAO,CACX,MAAO,yBACP,UAAW,UACX,cAAe,CACb,YAAa,cACb,oBAAqB,sBACrB,mBAAoB,oBACtB,EACA,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,wHACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,KAAM,CACJ,MAAO,EACT,EACA,SAAU,CACR,UAAW,CACT,QAAS,CACP,KAAM,cACR,EACA,QAAS,CAAC,OAAQ,QAAS,KAAM,MAAM,EACvC,YAAa,mDACb,MAAO,CACL,aAAc,CACZ,QAAS,MACX,CACF,CACF,EACA,MAAO,CACL,QAAS,CACP,KAAM,QACR,EACA,YAAa,yDACf,CACF,CACF,EAEA,IAAOL,EAAQK,EAIR,MAAMT,EAAiB,CAC5B,OAAQU,MACN,OAAC,WAAS,GAAGA,EACX,oBAAC,eACC,oBAAC,uBAAoB,MAAM,yFAAyF,KACpH,OAAC,sBAAmB,KAAK,iCAAQ,KACjC,OAAC,uBAAoB,MAAM,wFAAwF,KACnH,OAAC,sBAAmB,UAAU,cAAc,KAAK,mDAAW,KAC5D,OAAC,uBAAoB,MAAM,wFAAwF,GACrH,EACF,CAEJ,EAEaR,EAAsB,CACjC,OAAQQ,MACN,OAAC,WAAS,GAAGA,EACX,oBAAC,eACC,oBAAC,uBAAoB,MAAM,yFAAyF,KACpH,OAAC,uBAAoB,MAAM,wFAAwF,KACnH,OAAC,uBAAoB,MAAM,wFAAwF,GACrH,EACF,CAEJ,EAEaP,EAAqB,CAChC,OAAQO,MACN,OAAC,WAAS,GAAGA,EACX,oBAAC,eACC,oBAAC,sBAAmB,UAAU,OAAO,KAAK,uBAAuB,KACjE,OAAC,sBAAmB,UAAU,OAAO,KAAK,kCAAkC,KAC5E,OAAC,sBAAmB,UAAU,OAAO,KAAK,oDAAoD,GAChG,EACF,CAEJ,EAEaT,EAA0B,CACrC,OAAQS,MACN,OAAC,WAAS,GAAGA,EACX,oBAAC,eACC,oBAAC,uBAAoB,MAAM,yFAAyF,KACpH,OAAC,uBAAoB,MAAM,wFAAwF,KACnH,OAAC,uBAAoB,MAAM,wFAAwF,GACrH,EACF,EAEF,KAAM,CACJ,UAAW,OACb,CACF",
+  "sourcesContent": ["import React, { type ComponentType } from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Marquee, MarqueeList, MarqueeImageContent, MarqueeTextContent } from '../biz-components/Marquee/index.js'\n\nconst meta = {\n  title: 'Biz Components/Marquee',\n  component: Marquee,\n  subcomponents: {\n    MarqueeList: MarqueeList as ComponentType<unknown>,\n    MarqueeImageContent: MarqueeImageContent as ComponentType<unknown>,\n    MarqueeTextContent: MarqueeTextContent as ComponentType<unknown>,\n  },\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u8DD1\u9A6C\u706FMarquee\uFF0C\u57FA\u4E8Ereact-fast-marquee<br>\u53EF\u4F7F\u7528react-fast-marquee\u6240\u6709props',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  args: {\n    speed: 50,\n  },\n  argTypes: {\n    direction: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['left', 'right', 'up', 'down'],\n      description: '\u8DD1\u9A6C\u706F\u6ED1\u52A8\u7684\u65B9\u5411',\n      table: {\n        defaultValue: {\n          summary: 'left',\n        },\n      },\n    },\n    speed: {\n      control: {\n        type: 'number',\n      },\n      description: '\u901F\u5EA6\uFF0C\u5355\u4F4D\uFF1A\u50CF\u7D20/\u79D2',\n    },\n  },\n} satisfies Meta<typeof Marquee>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317\" />\n        <MarqueeTextContent text=\"\u8DD1\u9A6C\u706F\u7EC4\u4EF6\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317\" />\n        <MarqueeTextContent className=\"text-nowrap\" text=\"\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317\" />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeImage: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317\" />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeText: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeTextContent className=\"w-40\" text=\"47%<br>R&D Employees\" />\n        <MarqueeTextContent className=\"w-40\" text=\"100 Million<br>Global Customers\" />\n        <MarqueeTextContent className=\"w-60\" text=\"Pioneering in Charging<br>Technology for 12 Years\" />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeDirection: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317\" />\n      </MarqueeList>\n    </Marquee>\n  ),\n  args: {\n    direction: 'right',\n  },\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,qBAAAC,EAAA,iBAAAC,EAAA,gBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GAqDM,IAAAQ,EAAA,6BArDNC,EAA0C,iBAE1CC,EAA8E,8CAE9E,MAAMC,EAAO,CACX,MAAO,yBACP,UAAW,UACX,cAAe,CACb,YAAa,cACb,oBAAqB,sBACrB,mBAAoB,oBACtB,EACA,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,wHACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,KAAM,CACJ,MAAO,EACT,EACA,SAAU,CACR,UAAW,CACT,QAAS,CACP,KAAM,cACR,EACA,QAAS,CAAC,OAAQ,QAAS,KAAM,MAAM,EACvC,YAAa,mDACb,MAAO,CACL,aAAc,CACZ,QAAS,MACX,CACF,CACF,EACA,MAAO,CACL,QAAS,CACP,KAAM,QACR,EACA,YAAa,yDACf,CACF,CACF,EAEA,IAAOL,EAAQK,EAIR,MAAMT,EAAiB,CAC5B,OAAQU,MACN,OAAC,WAAS,GAAGA,EACX,oBAAC,eACC,oBAAC,uBAAoB,MAAM,yFAAyF,KACpH,OAAC,sBAAmB,KAAK,iCAAQ,KACjC,OAAC,uBAAoB,MAAM,wFAAwF,KACnH,OAAC,sBAAmB,UAAU,cAAc,KAAK,mDAAW,KAC5D,OAAC,uBAAoB,MAAM,wFAAwF,GACrH,EACF,CAEJ,EAEaR,EAAsB,CACjC,OAAQQ,MACN,OAAC,WAAS,GAAGA,EACX,oBAAC,eACC,oBAAC,uBAAoB,MAAM,yFAAyF,KACpH,OAAC,uBAAoB,MAAM,wFAAwF,KACnH,OAAC,uBAAoB,MAAM,wFAAwF,GACrH,EACF,CAEJ,EAEaP,EAAqB,CAChC,OAAQO,MACN,OAAC,WAAS,GAAGA,EACX,oBAAC,eACC,oBAAC,sBAAmB,UAAU,OAAO,KAAK,uBAAuB,KACjE,OAAC,sBAAmB,UAAU,OAAO,KAAK,kCAAkC,KAC5E,OAAC,sBAAmB,UAAU,OAAO,KAAK,oDAAoD,GAChG,EACF,CAEJ,EAEaT,EAA0B,CACrC,OAAQS,MACN,OAAC,WAAS,GAAGA,EACX,oBAAC,eACC,oBAAC,uBAAoB,MAAM,yFAAyF,KACpH,OAAC,uBAAoB,MAAM,wFAAwF,KACnH,OAAC,uBAAoB,MAAM,wFAAwF,GACrH,EACF,EAEF,KAAM,CACJ,UAAW,OACb,CACF",
   "names": ["marquee_stories_exports", "__export", "Default", "MarqueeDirection", "MarqueeImage", "MarqueeText", "marquee_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_Marquee", "meta", "args"]
 }

package/dist/cjs/stories/mediaplayerBase.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import MediaPlayerBase from '../biz-components/MediaPlayerBase/index.js';
+declare const meta: Meta<typeof MediaPlayerBase>;
+export default meta;
+type Story = StoryObj<typeof MediaPlayerBase>;
+export declare const Default: Story;

package/dist/cjs/stories/mediaplayerBase.stories.js

@@ -0,0 +1,2 @@
+"use strict";var f=Object.create;var r=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty;var n=(e,t)=>{for(var a in t)r(e,a,{get:t[a],enumerable:!0})},i=(e,t,a,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of d(t))!c.call(e,o)&&o!==a&&r(e,o,{get:()=>t[o],enumerable:!(s=l(t,o))||s.enumerable});return e};var b=(e,t,a)=>(a=e!=null?f(y(e)):{},i(t||!e||!e.__esModule?r(a,"default",{value:e,enumerable:!0}):a,e)),m=e=>i(r({},"__esModule",{value:!0}),e);var B={};n(B,{Default:()=>g,default:()=>M});module.exports=m(B);var p=b(require("../biz-components/MediaPlayerBase/index.js"));const h={title:"Biz-Components/MediaPlayerBase",component:p.default,parameters:{layout:"fullscreen"}};var M=h;const g={args:{title:"Live Charged.",videoTitle:`The World's <span class="text-brand-1">NO.1</span> Mobile Charging Brand*`,img:"https://cdn.shopify.com/s/files/1/0819/5735/5793/files/bb4296bf-5436-4998-866d-2665b11e6494_89394f2f67489421c24267fae7fba035.jpg?v=1745399761",btnText:"Watch Video",media:"https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4"}};
+//# sourceMappingURL=mediaplayerBase.stories.js.map

package/dist/cjs/stories/mediaplayerBase.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/mediaplayerBase.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MediaPlayerBase from '../biz-components/MediaPlayerBase/index.js'\n\nconst meta: Meta<typeof MediaPlayerBase> = {\n  title: 'Biz-Components/MediaPlayerBase',\n  component: MediaPlayerBase,\n  parameters: {\n    layout: 'fullscreen',\n  },\n}\n\nexport default meta\ntype Story = StoryObj<typeof MediaPlayerBase>\n\nexport const Default: Story = {\n  args: {\n    title: 'Live Charged.',\n    videoTitle: 'The World\\'s <span class=\"text-brand-1\">NO.1</span> Mobile Charging Brand*',\n    img: 'https://cdn.shopify.com/s/files/1/0819/5735/5793/files/bb4296bf-5436-4998-866d-2665b11e6494_89394f2f67489421c24267fae7fba035.jpg?v=1745399761',\n    btnText: 'Watch Video',\n    media: 'https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4',\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GACA,IAAAK,EAA4B,yDAE5B,MAAMC,EAAqC,CACzC,MAAO,iCACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,CACF,EAEA,IAAOJ,EAAQG,EAGR,MAAMJ,EAAiB,CAC5B,KAAM,CACJ,MAAO,gBACP,WAAY,4EACZ,IAAK,gJACL,QAAS,cACT,MAAO,2EACT,CACF",
+  "names": ["mediaplayerBase_stories_exports", "__export", "Default", "mediaplayerBase_stories_default", "__toCommonJS", "import_MediaPlayerBase", "meta", "MediaPlayerBase"]
+}

package/dist/cjs/stories/mediaplayerMulti.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: {
+        (props: Omit<import("../biz-components/MediaPlayerMulti/types.js").TestimonialSectionProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+            className?: string;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Multi: Story;

package/dist/cjs/stories/mediaplayerMulti.stories.js

@@ -0,0 +1,2 @@
+"use strict";var l=Object.create;var s=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var d=(e,t)=>{for(var o in t)s(e,o,{get:t[o],enumerable:!0})},c=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of m(t))!y.call(e,a)&&a!==o&&s(e,a,{get:()=>t[a],enumerable:!(r=f(t,a))||r.enumerable});return e};var u=(e,t,o)=>(o=e!=null?l(b(e)):{},c(t||!e||!e.__esModule?s(o,"default",{value:e,enumerable:!0}):o,e)),p=e=>c(s({},"__esModule",{value:!0}),e);var I={};d(I,{Default:()=>M,Multi:()=>k,default:()=>g});module.exports=p(I);var n=u(require("../biz-components/MediaPlayerMulti/index.js"));const i=[{name:"MKBHD",description:"18.2 Million Youtube subscribers",quote:'"If efficiency means something to you, then definitely check out Anker, who makes these chargers and cables that I really like."',backgroundImage:"https://cdn.shopify.com/s/files/1/0819/5735/5793/files/9b8ef5a9-97c5-4b81-9fdd-1c2805a12702_dca27557ea115cd0c51fa8ee0d7ebd7b.jpg?v=1745464110"},{name:"Unbox Therapy",description:"18.2 Million Youtube subscribers",quote:'"I highly recommend the Anker Nano Pro. This truly is a no-brainer."',backgroundImage:"https://cdn.shopify.com/s/files/1/0819/5735/5793/files/1dd1b39c-1206-48a5-96ec-1083627f51bb_3a34a11a40cbfb857cec1f91eeeaff29.jpg?v=1745464094"}],h={title:"Biz-Components/MediaPlayerMulti",component:n.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var g=h;const M={args:{items:i}},k={args:{items:i?.concat(i)}};
+//# sourceMappingURL=mediaplayerMulti.stories.js.map

package/dist/cjs/stories/mediaplayerMulti.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/mediaplayerMulti.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MediaPlayerMulti from '../biz-components/MediaPlayerMulti/index.js'\n\nconst testimonialItems = [\n  {\n    name: 'MKBHD',\n    description: '18.2 Million Youtube subscribers',\n    quote:\n      '\"If efficiency means something to you, then definitely check out Anker, who makes these chargers and cables that I really like.\"',\n    backgroundImage:\n      'https://cdn.shopify.com/s/files/1/0819/5735/5793/files/9b8ef5a9-97c5-4b81-9fdd-1c2805a12702_dca27557ea115cd0c51fa8ee0d7ebd7b.jpg?v=1745464110',\n  },\n  {\n    name: 'Unbox Therapy',\n    description: '18.2 Million Youtube subscribers',\n    quote: '\"I highly recommend the Anker Nano Pro. This truly is a no-brainer.\"',\n    backgroundImage:\n      'https://cdn.shopify.com/s/files/1/0819/5735/5793/files/1dd1b39c-1206-48a5-96ec-1083627f51bb_3a34a11a40cbfb857cec1f91eeeaff29.jpg?v=1745464094',\n  },\n]\n\nconst meta = {\n  title: 'Biz-Components/MediaPlayerMulti',\n  component: MediaPlayerMulti,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof MediaPlayerMulti>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    items: testimonialItems,\n  },\n}\n\nexport const Multi: Story = {\n  args: {\n    items: testimonialItems?.concat(testimonialItems),\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAA6B,0DAE7B,MAAMC,EAAmB,CACvB,CACE,KAAM,QACN,YAAa,mCACb,MACE,mIACF,gBACE,+IACJ,EACA,CACE,KAAM,gBACN,YAAa,mCACb,MAAO,uEACP,gBACE,+IACJ,CACF,EAEMC,EAAO,CACX,MAAO,kCACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQI,EAGR,MAAMN,EAAiB,CAC5B,KAAM,CACJ,MAAOK,CACT,CACF,EAEaJ,EAAe,CAC1B,KAAM,CACJ,MAAOI,GAAkB,OAAOA,CAAgB,CAClD,CACF",
+  "names": ["mediaplayerMulti_stories_exports", "__export", "Default", "Multi", "mediaplayerMulti_stories_default", "__toCommonJS", "import_MediaPlayerMulti", "testimonialItems", "meta", "MediaPlayerMulti"]
+}

package/dist/cjs/stories/shelf.stories.d.ts

@@ -2,7 +2,9 @@ import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: {
-        (props: Omit<import("../biz-components/Shelf/types.js").ShelfProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps>): import("react/jsx-runtime").JSX.Element;
+        (props: Omit<import("../biz-components/Shelf/types.js").ShelfProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+            className?: string;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     parameters: {

package/dist/cjs/stories/shelfDisplay.stories.d.ts

@@ -1,7 +1,7 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: import("react").FC<import("../biz-components/ShelfDisplay").ShelfDisplayProps>;
+    component: import("react").FC<import("../biz-components/ShelfDisplay/index.js").ShelfDisplayProps>;
     parameters: {
         layout: string;
     };

package/dist/cjs/stories/shelfDisplay.stories.js

@@ -1,2 +1,2 @@
-"use strict";var m=Object.create;var r=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var g=(e,t)=>{for(var s in t)r(e,s,{get:t[s],enumerable:!0})},i=(e,t,s,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of f(t))!b.call(e,o)&&o!==s&&r(e,o,{get:()=>t[o],enumerable:!(a=n(t,o))||a.enumerable});return e};var h=(e,t,s)=>(s=e!=null?m(l(e)):{},i(t||!e||!e.__esModule?r(s,"default",{value:e,enumerable:!0}):s,e)),u=e=>i(r({},"__esModule",{value:!0}),e);var _={};g(_,{Default:()=>P,Round:()=>F,default:()=>d});module.exports=u(_);var p=h(require("../biz-components/ShelfDisplay"));const y={title:"Biz-Components/ShelfDisplay",component:p.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var d=y;const c=[{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}],P={args:{products:c,className:"p-4",primaryButton:"Learn More",secondaryButton:"Shop Now"}},F={args:{products:c,className:"p-4",shape:"round",itemShape:"round",primaryButton:"Learn More",secondaryButton:"Shop Now"}};
+"use strict";var m=Object.create;var r=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var g=(e,t)=>{for(var s in t)r(e,s,{get:t[s],enumerable:!0})},i=(e,t,s,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of f(t))!b.call(e,o)&&o!==s&&r(e,o,{get:()=>t[o],enumerable:!(a=n(t,o))||a.enumerable});return e};var h=(e,t,s)=>(s=e!=null?m(l(e)):{},i(t||!e||!e.__esModule?r(s,"default",{value:e,enumerable:!0}):s,e)),u=e=>i(r({},"__esModule",{value:!0}),e);var _={};g(_,{Default:()=>P,Round:()=>F,default:()=>d});module.exports=u(_);var p=h(require("../biz-components/ShelfDisplay/index.js"));const y={title:"Biz-Components/ShelfDisplay",component:p.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var d=y;const c=[{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}],P={args:{products:c,className:"p-4",primaryButton:"Learn More",secondaryButton:"Shop Now"}},F={args:{products:c,className:"p-4",shape:"round",itemShape:"round",primaryButton:"Learn More",secondaryButton:"Shop Now"}};
 //# sourceMappingURL=shelfDisplay.stories.js.map

package/dist/cjs/stories/shelfDisplay.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/shelfDisplay.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport ShelfDisplay from '../biz-components/ShelfDisplay'\n\nconst meta = {\n  title: 'Biz-Components/ShelfDisplay',\n  component: ShelfDisplay,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof ShelfDisplay>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n    primaryButton:\"Learn More\",\n    secondaryButton:\"Shop Now\",\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n    shape: 'round',\n    itemShape: 'round',\n    primaryButton:\"Learn More\",\n    secondaryButton:\"Shop Now\",\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAyB,6CAEzB,MAAMC,EAAO,CACX,MAAO,8BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EAAY,CAChB,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,SAAUO,EACV,UAAW,MACX,cAAc,aACd,gBAAgB,UAClB,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,SAAUM,EACV,UAAW,MACX,MAAO,QACP,UAAW,QACX,cAAc,aACd,gBAAgB,UAClB,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport ShelfDisplay from '../biz-components/ShelfDisplay/index.js'\n\nconst meta = {\n  title: 'Biz-Components/ShelfDisplay',\n  component: ShelfDisplay,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof ShelfDisplay>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n    primaryButton: 'Learn More',\n    secondaryButton: 'Shop Now',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n    shape: 'round',\n    itemShape: 'round',\n    primaryButton: 'Learn More',\n    secondaryButton: 'Shop Now',\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAyB,sDAEzB,MAAMC,EAAO,CACX,MAAO,8BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EAAY,CAChB,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,SAAUO,EACV,UAAW,MACX,cAAe,aACf,gBAAiB,UACnB,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,SAAUM,EACV,UAAW,MACX,MAAO,QACP,UAAW,QACX,cAAe,aACf,gBAAiB,UACnB,CACF",
   "names": ["shelfDisplay_stories_exports", "__export", "Default", "Round", "shelfDisplay_stories_default", "__toCommonJS", "import_ShelfDisplay", "meta", "ShelfDisplay", "mockItems"]
 }

package/dist/cjs/stories/skeleton.stories.js

@@ -1,2 +1,2 @@
-"use strict";var l=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(t,o)=>{for(var r in o)l(t,r,{get:o[r],enumerable:!0})},m=(t,o,r,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of c(o))!d.call(t,s)&&s!==r&&l(t,s,{get:()=>o[s],enumerable:!(n=i(o,s))||n.enumerable});return t};var y=t=>m(l({},"__esModule",{value:!0}),t);var g={};p(g,{Default:()=>h,Multiple:()=>x,WithText:()=>S,default:()=>u});module.exports=y(g);var e=require("react/jsx-runtime"),a=require("../components/index.js"),b=require("react");const f={title:"Components/Skeleton",component:a.Skeleton,parameters:{layout:"centered",docs:{description:{component:"\u9AA8\u67B6\u5C4F\u7EC4\u4EF6,\u7528\u6765\u5728\u6570\u636E\u52A0\u8F7D\u65F6\u5C55\u793A\u4E00\u4E2A\u5360\u4F4D\u56FE, \u53EF\u4EE5\u5305\u5728dom \u5916\u4F7F\u7528\uFF0C\u901A\u8FC7loading \u63A7\u5236\u663E\u793A\u9690\u85CF, \u4E5F\u53EF\u4EE5\u5355\u72EC\u4F7F\u7528\uFF0C\u901A\u8FC7\u81EA\u5B9A\u4E49class\u63A7\u5236\u6837\u5F0F, \u7EC4\u5408\u6210\u60F3\u8981\u7684\u5E03\u5C40"}}},tags:["autodocs"]};var u=f;const h={args:{loading:!0,children:(0,e.jsx)("div",{className:"h-14 rounded-3xl overflow-hidden px-4 py-4 w-full",children:"Fog creeps across moors, hills, and rivers. It adds an eerie charm to the landscape, but also complicates driving."})}},x={render(){return(0,e.jsxs)("div",{className:"flex flex-col items-center justify-center",children:[(0,e.jsxs)("div",{className:"flex w-full justify-between",children:[(0,e.jsx)(a.Skeleton,{className:"size-12 rounded-full"}),(0,e.jsx)(a.Skeleton,{className:"h-12 w-[70%] "})]}),(0,e.jsx)(a.Skeleton,{className:"mt-2 h-40 w-[200px]"})]})}},S={render(){return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.Skeleton,{loading:!0,children:"Rainfall is a constant companion. Umbrellas are practically a national accessory. Expect drizzles, showers, and downpours, often accompanied by gray skies."}),(0,e.jsx)("hr",{}),(0,e.jsx)(a.Skeleton,{loading:!1,children:"Rainfall is a constant companion. Umbrellas are practically a national accessory. Expect drizzles, showers, and downpours, often accompanied by gray skies."})]})}};
+"use strict";var l=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(t,o)=>{for(var r in o)l(t,r,{get:o[r],enumerable:!0})},m=(t,o,r,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of c(o))!d.call(t,s)&&s!==r&&l(t,s,{get:()=>o[s],enumerable:!(n=i(o,s))||n.enumerable});return t};var f=t=>m(l({},"__esModule",{value:!0}),t);var g={};p(g,{Default:()=>h,Multiple:()=>x,WithText:()=>S,default:()=>u});module.exports=f(g);var e=require("react/jsx-runtime"),a=require("../components/index.js"),b=require("react");const y={title:"Components/Skeleton",component:a.Skeleton,parameters:{layout:"centered",docs:{description:{component:"\u9AA8\u67B6\u5C4F\u7EC4\u4EF6,\u7528\u6765\u5728\u6570\u636E\u52A0\u8F7D\u65F6\u5C55\u793A\u4E00\u4E2A\u5360\u4F4D\u56FE, \u53EF\u4EE5\u5305\u5728dom \u5916\u4F7F\u7528\uFF0C\u901A\u8FC7loading \u63A7\u5236\u663E\u793A\u9690\u85CF, \u4E5F\u53EF\u4EE5\u5355\u72EC\u4F7F\u7528\uFF0C\u901A\u8FC7\u81EA\u5B9A\u4E49class\u63A7\u5236\u6837\u5F0F, \u7EC4\u5408\u6210\u60F3\u8981\u7684\u5E03\u5C40"}}},tags:["autodocs"]};var u=y;const h={args:{loading:!0,children:(0,e.jsx)("div",{className:"h-14 w-full overflow-hidden rounded-3xl p-4",children:"Fog creeps across moors, hills, and rivers. It adds an eerie charm to the landscape, but also complicates driving."})}},x={render(){return(0,e.jsxs)("div",{className:"flex flex-col items-center justify-center",children:[(0,e.jsxs)("div",{className:"flex w-full justify-between",children:[(0,e.jsx)(a.Skeleton,{className:"size-12 rounded-full"}),(0,e.jsx)(a.Skeleton,{className:"h-12 w-[70%] "})]}),(0,e.jsx)(a.Skeleton,{className:"mt-2 h-40 w-[200px]"})]})}},S={render(){return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.Skeleton,{loading:!0,children:"Rainfall is a constant companion. Umbrellas are practically a national accessory. Expect drizzles, showers, and downpours, often accompanied by gray skies."}),(0,e.jsx)("hr",{}),(0,e.jsx)(a.Skeleton,{loading:!1,children:"Rainfall is a constant companion. Umbrellas are practically a national accessory. Expect drizzles, showers, and downpours, often accompanied by gray skies."})]})}};
 //# sourceMappingURL=skeleton.stories.js.map

package/dist/cjs/stories/skeleton.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/skeleton.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Skeleton } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Components/Skeleton',\n  component: Skeleton,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component:\n          '\u9AA8\u67B6\u5C4F\u7EC4\u4EF6,\u7528\u6765\u5728\u6570\u636E\u52A0\u8F7D\u65F6\u5C55\u793A\u4E00\u4E2A\u5360\u4F4D\u56FE, \u53EF\u4EE5\u5305\u5728dom \u5916\u4F7F\u7528\uFF0C\u901A\u8FC7loading \u63A7\u5236\u663E\u793A\u9690\u85CF, \u4E5F\u53EF\u4EE5\u5355\u72EC\u4F7F\u7528\uFF0C\u901A\u8FC7\u81EA\u5B9A\u4E49class\u63A7\u5236\u6837\u5F0F, \u7EC4\u5408\u6210\u60F3\u8981\u7684\u5E03\u5C40',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Skeleton>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    loading: true,\n    children: (\n      <div className=\"h-14 rounded-3xl overflow-hidden px-4 py-4 w-full\">\n        Fog creeps across moors, hills, and rivers. It adds an eerie charm to the landscape, but also complicates\n        driving.\n      </div>\n    ),\n  },\n}\n\nexport const Multiple: Story = {\n  render() {\n    return (\n      <div className=\"flex flex-col items-center justify-center\">\n        <div className=\"flex w-full justify-between\">\n          <Skeleton className=\"size-12 rounded-full\" />\n          <Skeleton className=\"h-12 w-[70%] \" />\n        </div>\n        <Skeleton className=\"mt-2 h-40 w-[200px]\" />\n      </div>\n    )\n  },\n}\n\nexport const WithText: Story = {\n  render() {\n    return (\n      <>\n        <Skeleton loading={true}>\n          Rainfall is a constant companion. Umbrellas are practically a national accessory. Expect drizzles, showers,\n          and downpours, often accompanied by gray skies.\n        </Skeleton>\n        <hr />\n        <Skeleton loading={false}>\n          Rainfall is a constant companion. Umbrellas are practically a national accessory. Expect drizzles, showers,\n          and downpours, often accompanied by gray skies.\n        </Skeleton>\n      </>\n    )\n  },\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,aAAAC,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GA4BM,IAAAO,EAAA,6BA1BNC,EAAyB,kCACzBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,sBACP,UAAW,WACX,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,wYACJ,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQK,EAIR,MAAMR,EAAiB,CAC5B,KAAM,CACJ,QAAS,GACT,YACE,OAAC,OAAI,UAAU,oDAAoD,8HAGnE,CAEJ,CACF,EAEaC,EAAkB,CAC7B,QAAS,CACP,SACE,QAAC,OAAI,UAAU,4CACb,qBAAC,OAAI,UAAU,8BACb,oBAAC,YAAS,UAAU,uBAAuB,KAC3C,OAAC,YAAS,UAAU,gBAAgB,GACtC,KACA,OAAC,YAAS,UAAU,sBAAsB,GAC5C,CAEJ,CACF,EAEaC,EAAkB,CAC7B,QAAS,CACP,SACE,oBACE,oBAAC,YAAS,QAAS,GAAM,uKAGzB,KACA,OAAC,OAAG,KACJ,OAAC,YAAS,QAAS,GAAO,uKAG1B,GACF,CAEJ,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Skeleton } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Components/Skeleton',\n  component: Skeleton,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component:\n          '\u9AA8\u67B6\u5C4F\u7EC4\u4EF6,\u7528\u6765\u5728\u6570\u636E\u52A0\u8F7D\u65F6\u5C55\u793A\u4E00\u4E2A\u5360\u4F4D\u56FE, \u53EF\u4EE5\u5305\u5728dom \u5916\u4F7F\u7528\uFF0C\u901A\u8FC7loading \u63A7\u5236\u663E\u793A\u9690\u85CF, \u4E5F\u53EF\u4EE5\u5355\u72EC\u4F7F\u7528\uFF0C\u901A\u8FC7\u81EA\u5B9A\u4E49class\u63A7\u5236\u6837\u5F0F, \u7EC4\u5408\u6210\u60F3\u8981\u7684\u5E03\u5C40',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Skeleton>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    loading: true,\n    children: (\n      <div className=\"h-14 w-full overflow-hidden rounded-3xl p-4\">\n        Fog creeps across moors, hills, and rivers. It adds an eerie charm to the landscape, but also complicates\n        driving.\n      </div>\n    ),\n  },\n}\n\nexport const Multiple: Story = {\n  render() {\n    return (\n      <div className=\"flex flex-col items-center justify-center\">\n        <div className=\"flex w-full justify-between\">\n          <Skeleton className=\"size-12 rounded-full\" />\n          <Skeleton className=\"h-12 w-[70%] \" />\n        </div>\n        <Skeleton className=\"mt-2 h-40 w-[200px]\" />\n      </div>\n    )\n  },\n}\n\nexport const WithText: Story = {\n  render() {\n    return (\n      <>\n        <Skeleton loading={true}>\n          Rainfall is a constant companion. Umbrellas are practically a national accessory. Expect drizzles, showers,\n          and downpours, often accompanied by gray skies.\n        </Skeleton>\n        <hr />\n        <Skeleton loading={false}>\n          Rainfall is a constant companion. Umbrellas are practically a national accessory. Expect drizzles, showers,\n          and downpours, often accompanied by gray skies.\n        </Skeleton>\n      </>\n    )\n  },\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,aAAAC,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GA4BM,IAAAO,EAAA,6BA1BNC,EAAyB,kCACzBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,sBACP,UAAW,WACX,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,wYACJ,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQK,EAIR,MAAMR,EAAiB,CAC5B,KAAM,CACJ,QAAS,GACT,YACE,OAAC,OAAI,UAAU,8CAA8C,8HAG7D,CAEJ,CACF,EAEaC,EAAkB,CAC7B,QAAS,CACP,SACE,QAAC,OAAI,UAAU,4CACb,qBAAC,OAAI,UAAU,8BACb,oBAAC,YAAS,UAAU,uBAAuB,KAC3C,OAAC,YAAS,UAAU,gBAAgB,GACtC,KACA,OAAC,YAAS,UAAU,sBAAsB,GAC5C,CAEJ,CACF,EAEaC,EAAkB,CAC7B,QAAS,CACP,SACE,oBACE,oBAAC,YAAS,QAAS,GAAM,uKAGzB,KACA,OAAC,OAAG,KACJ,OAAC,YAAS,QAAS,GAAO,uKAG1B,GACF,CAEJ,CACF",
   "names": ["skeleton_stories_exports", "__export", "Default", "Multiple", "WithText", "skeleton_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
 }

package/dist/cjs/stories/slogan.stories.d.ts

@@ -3,7 +3,9 @@ import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: {
-        (props: Omit<import("../biz-components/Slogan/types").SloganProps & React.RefAttributes<HTMLDivElement>, keyof import("../shared/Styles").StylesProps> & Partial<import("../shared/Styles").StylesProps>): import("react/jsx-runtime").JSX.Element;
+        (props: Omit<import("../biz-components/Slogan/types.js").SloganProps & React.RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+            className?: string;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     parameters: {