@anker-in/headless-ui 0.0.27-alpha.4 → 0.0.27-alpha.40

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

@@ -1,2 +1,2 @@
-"use strict";var n=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var d=(a,t)=>{for(var s in t)n(a,s,{get:t[s],enumerable:!0})},m=(a,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of p(t))!l.call(a,o)&&o!==s&&n(a,o,{get:()=>t[o],enumerable:!(i=w(t,o))||i.enumerable});return a};var c=a=>m(n({},"__esModule",{value:!0}),a);var f={};d(f,{Bottom:()=>C,Default:()=>y,default:()=>u});module.exports=c(f);var e=require("react/jsx-runtime"),g=require("react"),r=require("../components/index.js");const D={title:"Components/Drawer",component:r.Drawer,subcomponents:{DrawerClose:r.DrawerClose,DrawerContent:r.DrawerContent,DrawerFooter:r.DrawerFooter,DrawerHeader:r.DrawerHeader,DrawerTrigger:r.DrawerTrigger},parameters:{layout:"centered",docs:{description:{component:"\u62BD\u5C49\u7EC4\u4EF6\uFF1B\u57FA\u4E8E https://vaul.emilkowal.ski/api \u5F00\u53D1"}}},tags:["autodocs"]};var u=D;const y={args:{direction:"right",children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(r.DrawerTrigger,{asChild:!0,children:(0,e.jsx)(r.Button,{children:"Open Drawer"})}),(0,e.jsx)(r.DrawerContent,{children:(0,e.jsxs)("div",{className:"mx-auto w-full max-w-sm",children:[(0,e.jsx)(r.DrawerHeader,{children:(0,e.jsx)("span",{children:"My Cart(0)"})}),(0,e.jsx)("div",{className:"p-4 pb-0",children:"The contents of the drawer..."}),(0,e.jsx)(r.DrawerFooter,{children:(0,e.jsx)(r.DrawerClose,{asChild:!0,children:(0,e.jsx)(r.Button,{children:"Cancel"})})})]})})]})}},C={args:{direction:"bottom",children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(r.DrawerTrigger,{asChild:!0,children:(0,e.jsx)(r.Button,{children:"Open Drawer"})}),(0,e.jsx)(r.DrawerContent,{children:(0,e.jsxs)("div",{className:"mx-auto w-full max-w-sm",children:[(0,e.jsx)(r.DrawerHeader,{children:(0,e.jsx)("span",{children:"Policy"})}),(0,e.jsx)("div",{className:"p-4 pb-0",children:"The contents of the drawer..."}),(0,e.jsx)(r.DrawerFooter,{children:(0,e.jsx)(r.DrawerClose,{asChild:!0,children:(0,e.jsx)(r.Button,{className:"ai-w-40",children:"Agree"})})})]})})]})}};
+"use strict";var n=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var l=(a,t)=>{for(var s in t)n(a,s,{get:t[s],enumerable:!0})},c=(a,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of p(t))!d.call(a,o)&&o!==s&&n(a,o,{get:()=>t[o],enumerable:!(i=w(t,o))||i.enumerable});return a};var D=a=>c(n({},"__esModule",{value:!0}),a);var C={};l(C,{Bottom:()=>h,Default:()=>y,default:()=>u});module.exports=D(C);var e=require("react/jsx-runtime"),g=require("react"),r=require("../components/index.js");const m={title:"Components/Drawer",component:r.Drawer,subcomponents:{DrawerClose:r.DrawerClose,DrawerContent:r.DrawerContent,DrawerFooter:r.DrawerFooter,DrawerHeader:r.DrawerHeader,DrawerTrigger:r.DrawerTrigger},parameters:{layout:"centered",docs:{description:{component:"\u62BD\u5C49\u7EC4\u4EF6\uFF1B\u57FA\u4E8E https://vaul.emilkowal.ski/api \u5F00\u53D1"}}},tags:["autodocs"]};var u=m;const y={args:{direction:"right",children:(0,e.jsxs)(r.Drawer,{direction:"right",children:[(0,e.jsx)(r.DrawerTrigger,{asChild:!0,children:(0,e.jsx)(r.Button,{children:"Open Drawer"})}),(0,e.jsx)(r.DrawerContent,{children:(0,e.jsxs)("div",{className:"mx-auto w-full max-w-sm",children:[(0,e.jsx)(r.DrawerHeader,{children:(0,e.jsx)("span",{children:"My Cart(0)"})}),(0,e.jsx)("div",{className:"p-4 pb-0",children:"The contents of the drawer..."}),(0,e.jsx)(r.DrawerFooter,{children:(0,e.jsx)(r.DrawerClose,{asChild:!0,children:(0,e.jsx)(r.Button,{children:"Cancel"})})})]})})]})}},h={args:{direction:"bottom",children:(0,e.jsxs)(r.Drawer,{children:[(0,e.jsx)(r.DrawerTrigger,{asChild:!0,children:(0,e.jsx)(r.Button,{children:"Open Drawer"})}),(0,e.jsx)(r.DrawerContent,{children:(0,e.jsxs)("div",{className:"mx-auto w-full",children:[(0,e.jsx)(r.DrawerHeader,{children:(0,e.jsx)("span",{children:"Policy"})}),(0,e.jsx)("div",{className:"p-4 pb-0",children:"The contents of the drawer..."}),(0,e.jsx)(r.DrawerFooter,{children:(0,e.jsx)(r.DrawerClose,{asChild:!0,children:(0,e.jsx)(r.Button,{className:"w-40",children:"Agree"})})})]})})]})}};
 //# sourceMappingURL=drawer.stories.js.map

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,12 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: import("react").FC<import("../biz-components/Evaluate").EvaluateProps>;
+    component: {
+        (props: Omit<import("../biz-components/Evaluate/index.js").EvaluateProps, 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;
     };

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 s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var a in t)s(e,a,{get:t[a],enumerable:!0})},i=(e,t,a,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of m(t))!g.call(e,r)&&r!==a&&s(e,r,{get:()=>t[r],enumerable:!(o=l(t,r))||o.enumerable});return e};var u=(e,t,a)=>(a=e!=null?p(f(e)):{},i(t||!e||!e.__esModule?s(a,"default",{value:e,enumerable:!0}):a,e)),d=e=>i(s({},"__esModule",{value:!0}),e);var k={};h(k,{Default:()=>v,Round:()=>P,default:()=>y});module.exports=d(k);var n=u(require("../biz-components/Evaluate/index.js"));const b={title:"Biz-Components/Evaluate",component:n.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var y=b;const c=[{rating:4,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"},img:{url:"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:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"},img:{url:"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:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"},img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}}],v={args:{data:{products:c},className:"p-4"}},P={args:{data:{products:c,shape:"round"},className:"p-4"}};
 //# 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: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    },\n    img: {\n      url: '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  {\n    rating: 3,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)',\n    avatar: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    },\n    img: {\n      url: '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  {\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: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    },\n    img: {\n      url: '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]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      products: mockItems\n    },\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      products: mockItems,\n      shape: 'round',\n    },\n    className: 'p-4',\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,CACN,IAAK,0GACP,EACA,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,CACN,IAAK,0GACP,EACA,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YACE,wKACF,OAAQ,CACN,IAAK,0GACP,EACA,IAAK,CACH,IAAK,8HACP,CACF,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,SAAUO,CACZ,EACA,UAAW,KACb,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,SAAUM,EACV,MAAO,OACT,EACA,UAAW,KACb,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,56 @@
+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?: string | undefined;
+        data: {
+            title?: string;
+            items?: {
+                imgUrl: import("../types/props.js").Img;
+                title: string;
+                textColor?: string;
+            }[];
+        };
+        shape?: "round" | "square" | undefined;
+        event?: any;
+        condition?: any;
+        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 c=Object.create;var s=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var g=(e,t)=>{for(var r in t)s(e,r,{get:t[r],enumerable:!0})},l=(e,t,r,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of m(t))!d.call(e,o)&&o!==r&&s(e,o,{get:()=>t[o],enumerable:!(p=f(t,o))||p.enumerable});return e};var u=(e,t,r)=>(r=e!=null?c(y(e)):{},l(t||!e||!e.__esModule?s(r,"default",{value:e,enumerable:!0}):r,e)),h=e=>l(s({},"__esModule",{value:!0}),e);var O={};g(O,{Default:()=>S,Round:()=>F,default:()=>U});module.exports=h(O);var a=require("react/jsx-runtime"),n=u(require("../biz-components/Graphic/index.js"));const b={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 U=b;const i=[{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"}],S={args:{data:{title:"Explore Anker\u2019s Top Products By<br>Category",items:i.map(e=>({...e,imgUrl:{url:e.imgUrl,alt:e.title}}))}}},F={args:{data:{title:"Explore Anker\u2019s Top Products By<br>Category",items:i.map(e=>({...e,imgUrl:{url:e.imgUrl,alt:e.title}}))},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    data: {\n      title: 'Explore Anker\u2019s Top Products By<br>Category',\n      items: mockItems.map(item => ({\n        ...item,\n        imgUrl: {\n          url: item.imgUrl,\n          alt: item.title,\n        },\n      })),\n    },\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      title: 'Explore Anker\u2019s Top Products By<br>Category',\n      items: mockItems.map(item => ({\n        ...item,\n        imgUrl: {\n          url: item.imgUrl,\n          alt: item.title,\n        },\n      })),\n    },\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,KAAM,CACJ,MAAO,mDACP,MAAOS,EAAU,IAAIC,IAAS,CAC5B,GAAGA,EACH,OAAQ,CACN,IAAKA,EAAK,OACV,IAAKA,EAAK,KACZ,CACF,EAAE,CACJ,CACF,CACF,EAEaT,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAO,mDACP,MAAOQ,EAAU,IAAIC,IAAS,CAC5B,GAAGA,EACH,OAAQ,CACN,IAAKA,EAAK,OACV,IAAKA,EAAK,KACZ,CACF,EAAE,CACJ,EACA,MAAO,OACT,CACF",
+  "names": ["graphic_stories_exports", "__export", "Default", "Round", "graphic_stories_default", "__toCommonJS", "import_jsx_runtime", "import_Graphic", "meta", "Graphic", "Story", "mockItems", "item"]
+}

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

@@ -1,9 +1,9 @@
 import React from 'react';
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<import("../components/gird.js").GridProps & React.RefAttributes<HTMLDivElement>>;
+    component: React.ForwardRefExoticComponent<import("../index.js").GridProps & React.RefAttributes<HTMLDivElement>>;
     subcomponents: {
-        GridItem: React.ForwardRefExoticComponent<import("../components/gird.js").GridItemProps & React.RefAttributes<HTMLDivElement>>;
+        GridItem: React.ForwardRefExoticComponent<import("../index.js").GridItemProps & React.RefAttributes<HTMLDivElement>>;
     };
     parameters: {
         layout: string;
@@ -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": "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",
+  "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.d.ts

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
 import React from 'react';
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<import("../components/heading.js").HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+    component: React.ForwardRefExoticComponent<import("../index.js").HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
     parameters: {
         layout: string;
         docs: {

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\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,GAwFI,IAAAM,EAAA,6BAtFJC,EAAwB,kCACxBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,qBACP,UAAW,UACX,WAAY,CACV,OAAQ,SACR,KAAM,CACJ,YAAa,CACX,UAAW,8PACb,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",
+  "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/input-number.stories.d.ts

@@ -20,7 +20,7 @@ declare const meta: {
     } & import("class-variance-authority").VariantProps<(props?: ({
         status?: "default" | "error" | "success" | "warning" | null | undefined;
         disabled?: boolean | null | undefined;
-    } & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & import("../helpers/component-props.js").ComponentPropsWithout<"div", import("../helpers/component-props.js").RemovedProps> & import("react").RefAttributes<HTMLDivElement>>;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("../helpers/component-props.js").ComponentPropsWithout<"div", import("../helpers/component-props.js").RemovedProps> & import("react").RefAttributes<HTMLDivElement>>;
     subcomponents: any;
     parameters: {
         layout: string;

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

@@ -13,7 +13,7 @@ declare const meta: {
         size?: "small" | "medium" | "large" | null | undefined;
         underline?: "none" | "always" | "hover" | null | undefined;
         hoverColor?: "none" | "hover" | null | undefined;
-    } & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & import("../helpers/component-props.js").ComponentPropsWithout<"a", import("../helpers/component-props.js").RemovedProps> & import("react").RefAttributes<HTMLAnchorElement>>;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("../helpers/component-props.js").ComponentPropsWithout<"a", import("../helpers/component-props.js").RemovedProps> & import("react").RefAttributes<HTMLAnchorElement>>;
     parameters: {
         layout: string;
     };

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

@@ -1,8 +1,13 @@
-import React, { type ComponentType } from 'react';
+import { 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: {
+        (props: Omit<import("react-fast-marquee").MarqueeProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+            className?: string;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
     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 c=Object.create;var i=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var g=(a,o)=>{for(var s in o)i(a,s,{get:o[s],enumerable:!0})},l=(a,o,s,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of u(o))!d.call(a,n)&&n!==s&&i(a,n,{get:()=>o[n],enumerable:!(p=m(o,n))||p.enumerable});return a};var y=(a,o,s)=>(s=a!=null?c(f(a)):{},l(o||!a||!a.__esModule?i(s,"default",{value:a,enumerable:!0}):s,a)),M=a=>l(i({},"__esModule",{value:!0}),a);var v={};g(v,{Default:()=>x,MarqueeDirection:()=>R,MarqueeImage:()=>b,MarqueeText:()=>C,default:()=>h});module.exports=M(v);var e=require("react/jsx-runtime"),_=require("react"),r=y(require("../biz-components/Marquee/index.js")),t=require("../biz-components/Marquee/index.js");const q={title:"Biz Components/Marquee",component:r.default,subcomponents:{MarqueeList:t.MarqueeList,MarqueeImageContent:t.MarqueeImageContent,MarqueeTextContent:t.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 h=q;const x={render:a=>(0,e.jsx)(r.default,{...a,children:(0,e.jsxs)(t.MarqueeList,{children:[(0,e.jsx)(t.MarqueeImageContent,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}}}),(0,e.jsx)(t.MarqueeTextContent,{data:{text:"\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}}),(0,e.jsx)(t.MarqueeImageContent,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}}}),(0,e.jsx)(t.MarqueeTextContent,{className:"text-nowrap",data:{text:"\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}}),(0,e.jsx)(t.MarqueeImageContent,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}}})]})})},b={render:a=>(0,e.jsx)(r.default,{...a,children:(0,e.jsxs)(t.MarqueeList,{children:[(0,e.jsx)(t.MarqueeImageContent,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}}}),(0,e.jsx)(t.MarqueeImageContent,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}}}),(0,e.jsx)(t.MarqueeImageContent,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}}})]})})},C={render:a=>(0,e.jsx)(r.default,{...a,children:(0,e.jsxs)(t.MarqueeList,{children:[(0,e.jsx)(t.MarqueeTextContent,{className:"w-40",data:{text:"47%<br>R&D Employees"}}),(0,e.jsx)(t.MarqueeTextContent,{className:"w-40",data:{text:"100 Million<br>Global Customers"}}),(0,e.jsx)(t.MarqueeTextContent,{className:"w-60",data:{text:"Pioneering in Charging<br>Technology for 12 Years"}})]})})},R={render:a=>(0,e.jsx)(r.default,{...a,children:(0,e.jsxs)(t.MarqueeList,{children:[(0,e.jsx)(t.MarqueeImageContent,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}}}),(0,e.jsx)(t.MarqueeImageContent,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}}}),(0,e.jsx)(t.MarqueeImageContent,{data:{image:{url:"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",
-  "names": ["marquee_stories_exports", "__export", "Default", "MarqueeDirection", "MarqueeImage", "MarqueeText", "marquee_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_Marquee", "meta", "args"]
+  "sourcesContent": ["import React, { type ComponentType } from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport Marquee from '../biz-components/Marquee/index.js'\nimport { 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\n          data={{\n            image: {\n              url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317',\n            },\n          }}\n        />\n        <MarqueeTextContent data={{ text: '\u8DD1\u9A6C\u706F\u7EC4\u4EF6' }} />\n        <MarqueeImageContent\n          data={{\n            image: {\n              url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317',\n            },\n          }}\n        />\n        <MarqueeTextContent className=\"text-nowrap\" data={{ text: '\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6' }} />\n        <MarqueeImageContent\n          data={{\n            image: {\n              url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317',\n            },\n          }}\n        />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeImage: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeImageContent\n          data={{\n            image: {\n              url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317',\n            },\n          }}\n        />\n        <MarqueeImageContent\n          data={{\n            image: {\n              url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317',\n            },\n          }}\n        />\n        <MarqueeImageContent\n          data={{\n            image: {\n              url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317',\n            },\n          }}\n        />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeText: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeTextContent className=\"w-40\" data={{ text: '47%<br>R&D Employees' }} />\n        <MarqueeTextContent className=\"w-40\" data={{ text: '100 Million<br>Global Customers' }} />\n        <MarqueeTextContent className=\"w-60\" data={{ 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\n          data={{\n            image: {\n              url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317',\n            },\n          }}\n        />\n        <MarqueeImageContent\n          data={{\n            image: {\n              url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317',\n            },\n          }}\n        />\n        <MarqueeImageContent\n          data={{\n            image: {\n              url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317',\n            },\n          }}\n        />\n      </MarqueeList>\n    </Marquee>\n  ),\n  args: {\n    direction: 'right',\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,qBAAAC,EAAA,iBAAAC,EAAA,gBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GAsDM,IAAAQ,EAAA,6BAtDNC,EAA0C,iBAE1CC,EAAoB,iDACpBA,EAAqE,8CAErE,MAAMC,EAAO,CACX,MAAO,yBACP,UAAW,EAAAC,QACX,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,IAAON,EAAQK,EAIR,MAAMT,EAAiB,CAC5B,OAAQW,MACN,OAAC,EAAAD,QAAA,CAAS,GAAGC,EACX,oBAAC,eACC,oBAAC,uBACC,KAAM,CACJ,MAAO,CACL,IAAK,wFACP,CACF,EACF,KACA,OAAC,sBAAmB,KAAM,CAAE,KAAM,gCAAQ,EAAG,KAC7C,OAAC,uBACC,KAAM,CACJ,MAAO,CACL,IAAK,uFACP,CACF,EACF,KACA,OAAC,sBAAmB,UAAU,cAAc,KAAM,CAAE,KAAM,kDAAW,EAAG,KACxE,OAAC,uBACC,KAAM,CACJ,MAAO,CACL,IAAK,uFACP,CACF,EACF,GACF,EACF,CAEJ,EAEaT,EAAsB,CACjC,OAAQS,MACN,OAAC,EAAAD,QAAA,CAAS,GAAGC,EACX,oBAAC,eACC,oBAAC,uBACC,KAAM,CACJ,MAAO,CACL,IAAK,wFACP,CACF,EACF,KACA,OAAC,uBACC,KAAM,CACJ,MAAO,CACL,IAAK,uFACP,CACF,EACF,KACA,OAAC,uBACC,KAAM,CACJ,MAAO,CACL,IAAK,uFACP,CACF,EACF,GACF,EACF,CAEJ,EAEaR,EAAqB,CAChC,OAAQQ,MACN,OAAC,EAAAD,QAAA,CAAS,GAAGC,EACX,oBAAC,eACC,oBAAC,sBAAmB,UAAU,OAAO,KAAM,CAAE,KAAM,sBAAuB,EAAG,KAC7E,OAAC,sBAAmB,UAAU,OAAO,KAAM,CAAE,KAAM,iCAAkC,EAAG,KACxF,OAAC,sBAAmB,UAAU,OAAO,KAAM,CAAE,KAAM,mDAAoD,EAAG,GAC5G,EACF,CAEJ,EAEaV,EAA0B,CACrC,OAAQU,MACN,OAAC,EAAAD,QAAA,CAAS,GAAGC,EACX,oBAAC,eACC,oBAAC,uBACC,KAAM,CACJ,MAAO,CACL,IAAK,wFACP,CACF,EACF,KACA,OAAC,uBACC,KAAM,CACJ,MAAO,CACL,IAAK,uFACP,CACF,EACF,KACA,OAAC,uBACC,KAAM,CACJ,MAAO,CACL,IAAK,uFACP,CACF,EACF,GACF,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", "Marquee", "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 p=Object.create;var r=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var f=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 f(t))!c.call(e,o)&&o!==a&&r(e,o,{get:()=>t[o],enumerable:!(s=d(t,o))||s.enumerable});return e};var b=(e,t,a)=>(a=e!=null?p(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 M={};n(M,{Default:()=>v,default:()=>g});module.exports=m(M);var l=b(require("../biz-components/MediaPlayerBase/index.js"));const h={title:"Biz-Components/MediaPlayerBase",component:l.default,parameters:{layout:"fullscreen"}};var g=h;const v={args:{data:{title:"Live Charged.",videoTitle:`The World's <span class="text-brand-1">NO.1</span> Mobile Charging Brand*`,img:{url:"https://cdn.shopify.com/s/files/1/0819/5735/5793/files/bb4296bf-5436-4998-866d-2665b11e6494_89394f2f67489421c24267fae7fba035.jpg?v=1745399761",alt:"Live Charged."},btnText:"Watch Video",video:{url:"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    data: {\n      title: 'Live Charged.',\n      videoTitle: 'The World\\'s <span class=\"text-brand-1\">NO.1</span> Mobile Charging Brand*',\n      img: {\n        url: 'https://cdn.shopify.com/s/files/1/0819/5735/5793/files/bb4296bf-5436-4998-866d-2665b11e6494_89394f2f67489421c24267fae7fba035.jpg?v=1745399761',\n        alt: 'Live Charged.',\n      },\n      btnText: 'Watch Video',\n      video: {\n        url: 'https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4',\n      },\n    },\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,KAAM,CACJ,MAAO,gBACP,WAAY,4EACZ,IAAK,CACH,IAAK,gJACL,IAAK,eACP,EACA,QAAS,cACT,MAAO,CACL,IAAK,2EACP,CACF,CACF,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").MediaPlayerMultiProps, 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 n=Object.create;var i=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty;var b=(e,t)=>{for(var o in t)i(e,o,{get:t[o],enumerable:!0})},r=(e,t,o,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of d(t))!p.call(e,a)&&a!==o&&i(e,a,{get:()=>t[a],enumerable:!(c=f(t,a))||c.enumerable});return e};var y=(e,t,o)=>(o=e!=null?n(m(e)):{},r(t||!e||!e.__esModule?i(o,"default",{value:e,enumerable:!0}):o,e)),u=e=>r(i({},"__esModule",{value:!0}),e);var k={};b(k,{Default:()=>g,Multi:()=>v,default:()=>M});module.exports=u(k);var l=y(require("../biz-components/MediaPlayerMulti/index.js"));const s=[{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."',img:{url:"https://cdn.shopify.com/s/files/1/0819/5735/5793/files/9b8ef5a9-97c5-4b81-9fdd-1c2805a12702_dca27557ea115cd0c51fa8ee0d7ebd7b.jpg?v=1745464110",alt:"MKBHD"},video:{url:"https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4"}},{name:"Unbox Therapy",description:"18.2 Million Youtube subscribers",quote:'"I highly recommend the Anker Nano Pro. This truly is a no-brainer."',img:{url:"https://cdn.shopify.com/s/files/1/0819/5735/5793/files/1dd1b39c-1206-48a5-96ec-1083627f51bb_3a34a11a40cbfb857cec1f91eeeaff29.jpg?v=1745464094",alt:"Unbox Therapy"},video:{url:"https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4"}}],h={title:"Biz-Components/MediaPlayerMulti",component:l.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var M=h;const g={args:{data:{items:s}}},v={args:{data:{items:s?.concat(s)}}};
+//# 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    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0819/5735/5793/files/9b8ef5a9-97c5-4b81-9fdd-1c2805a12702_dca27557ea115cd0c51fa8ee0d7ebd7b.jpg?v=1745464110',\n      alt: 'MKBHD',\n    },\n    video: {\n      url: 'https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4',\n    },\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    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0819/5735/5793/files/1dd1b39c-1206-48a5-96ec-1083627f51bb_3a34a11a40cbfb857cec1f91eeeaff29.jpg?v=1745464094',\n      alt: 'Unbox Therapy',\n    },\n    video: {\n      url: 'https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4',\n    },\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    data: {\n      items: testimonialItems,\n    },\n  },\n}\n\nexport const Multi: Story = {\n  args: {\n    data: {\n      items: testimonialItems?.concat(testimonialItems),\n    },\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,IAAK,CACH,IAAK,gJACL,IAAK,OACP,EACA,MAAO,CACL,IAAK,2EACP,CACF,EACA,CACE,KAAM,gBACN,YAAa,mCACb,MAAO,uEACP,IAAK,CACH,IAAK,gJACL,IAAK,eACP,EACA,MAAO,CACL,IAAK,2EACP,CACF,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,KAAM,CACJ,MAAOK,CACT,CACF,CACF,EAEaJ,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAOI,GAAkB,OAAOA,CAAgB,CAClD,CACF,CACF",
+  "names": ["mediaplayerMulti_stories_exports", "__export", "Default", "Multi", "mediaplayerMulti_stories_default", "__toCommonJS", "import_MediaPlayerMulti", "testimonialItems", "meta", "MediaPlayerMulti"]
+}

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/popover.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Popover, PopoverContent, PopoverTrigger } from '../components/index.js'\nimport type { Meta } from '@storybook/react/*'\n\nconst meta = {\n  title: 'Components/Popover',\n  component: Popover,\n  subcomponents: { Popover, PopoverTrigger, PopoverContent } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component:\n          'popover\u7EC4\u4EF6\uFF0C\u5728\u4E00\u4E2Aportal\u5C55\u793A\u590D\u6742ui, \u57FA\u4E8E@radix-ui/react-popover, https://www.radix-ui.com/primitives/docs/components/popover',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Popover>\n\nexport default meta\n\nexport const Default = () => (\n  <Popover>\n    <PopoverTrigger asChild>\n      <button>Open popover</button>\n    </PopoverTrigger>\n    <PopoverContent className=\"w-80 bg-white\" side=\"right\">\n      <div className=\"grid gap-4\">\n        <p>\n          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's\n          standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to\n          make a type specimen book. It has survived not only five centuries, but also the leap into electronic\n          typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset\n          sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus\n          PageMaker including versions of Lorem Ipsum.\n        </p>\n      </div>\n    </PopoverContent>\n  </Popover>\n)\n"],
+  "sourcesContent": ["import React from 'react'\nimport { Popover, PopoverContent, PopoverTrigger } from '../components/index.js'\nimport type { Meta } from '@storybook/react'\n\nconst meta = {\n  title: 'Components/Popover',\n  component: Popover,\n  subcomponents: { Popover, PopoverTrigger, PopoverContent } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component:\n          'popover\u7EC4\u4EF6\uFF0C\u5728\u4E00\u4E2Aportal\u5C55\u793A\u590D\u6742ui, \u57FA\u4E8E@radix-ui/react-popover, https://www.radix-ui.com/primitives/docs/components/popover',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Popover>\n\nexport default meta\n\nexport const Default = () => (\n  <Popover>\n    <PopoverTrigger asChild>\n      <button>Open popover</button>\n    </PopoverTrigger>\n    <PopoverContent className=\"w-80 bg-white\" side=\"right\">\n      <div className=\"grid gap-4\">\n        <p>\n          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's\n          standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to\n          make a type specimen book. It has survived not only five centuries, but also the leap into electronic\n          typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset\n          sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus\n          PageMaker including versions of Lorem Ipsum.\n        </p>\n      </div>\n    </PopoverContent>\n  </Popover>\n)\n"],
   "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAuBE,IAAAK,EAAA,6BAvBFC,EAAkB,iBAClBC,EAAwD,kCAGxD,MAAMC,EAAO,CACX,MAAO,qBACP,UAAW,UACX,cAAe,CAAE,kBAAS,gCAAgB,+BAAe,EACzD,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,+KACJ,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQK,EAER,MAAMN,EAAU,OACrB,QAAC,WACC,oBAAC,kBAAe,QAAO,GACrB,mBAAC,UAAO,wBAAY,EACtB,KACA,OAAC,kBAAe,UAAU,gBAAgB,KAAK,QAC7C,mBAAC,OAAI,UAAU,aACb,mBAAC,KAAE,0kBAOH,EACF,EACF,GACF",
   "names": ["popover_stories_exports", "__export", "Default", "popover_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "meta"]
 }

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

@@ -1,9 +1,9 @@
-import type { StoryObj } from '@storybook/react/*';
+import type { StoryObj } from '@storybook/react';
 import { RadioGroup } from '../components/index.js';
 import React, { type ComponentType } from 'react';
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<import("../components/radio.js").RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+    component: React.ForwardRefExoticComponent<import("../index.js").RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
     subcomponents: {
         RadioGroupItem: ComponentType<unknown>;
     };