@anker-in/headless-ui 1.1.28-alpha.1768202456200 → 1.1.29

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

@@ -0,0 +1,20 @@
+import { Drawer } from '../components/index.js';
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: typeof Drawer;
+    subcomponents: any;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof Drawer>;
+export declare const Default: Story;
+export declare const Bottom: Story;

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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +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      <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.d.ts

@@ -0,0 +1,16 @@
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuProps & import("react").RefAttributes<never>>;
+    subcomponents: any;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +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.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

@@ -0,0 +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.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

@@ -0,0 +1,16 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/Evaluate/index.js").EvaluateProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
+        className?: string;
+        data?: Record<string, any>;
+    }, "ref"> & import("react").RefAttributes<any>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Round: Story;

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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/evaluate.stories.tsx"],
+  "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/faq.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from '@storybook/react';
+import type { FaqProps } from '../biz-components/Faq/types.js';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<Omit<FaqProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
+        className?: string;
+        data?: Record<string, any>;
+    }, "ref"> & import("react").RefAttributes<any>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/cjs/stories/faq.stories.js

@@ -0,0 +1,2 @@
+"use strict";var d=Object.create;var o=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var p=(e,a)=>{for(var t in a)o(e,t,{get:a[t],enumerable:!0})},i=(e,a,t,s)=>{if(a&&typeof a=="object"||typeof a=="function")for(let r of m(a))!f.call(e,r)&&r!==t&&o(e,r,{get:()=>a[r],enumerable:!(s=c(a,r))||s.enumerable});return e};var h=(e,a,t)=>(t=e!=null?d(l(e)):{},i(a||!e||!e.__esModule?o(t,"default",{value:e,enumerable:!0}):t,e)),u=e=>i(o({},"__esModule",{value:!0}),e);var w={};p(w,{Default:()=>_,default:()=>y});module.exports=u(w);var n=h(require("../biz-components/Faq/Faq.js"));const b={title:"Biz Components/Faq",component:n.default,parameters:{layout:"fullscreen",docs:{description:{component:"Faq \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u5E38\u89C1\u95EE\u9898"}}},tags:["autodocs"]};var y=b;const g=[{img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/92a36c4d-f432-4e1b-b22f-01229d03a2b2_ae_e__c_a.png?v=1753410632",alt:"Image1",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/92a36c4d-f432-4e1b-b22f-01229d03a2b2_ae_e__c_a.png?v=1753410632",mimeType:"image/png"},title:"F1: Was muss ich tun, wenn ich ein Solarladeger\xE4t zum Aufladen der tragbaren Anker 767 Powerstation verwende?",desc:"The soundcoreCredits Rewards program allows customers to earn soundcoreCredits on soundcore.com (excluding third-party retailers like Amazon, eBay, Walmart, etc.) that can be redeemed for rewards and member benefits as a thank-you for their loyalty."},{img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/92a36c4d-f432-4e1b-b22f-01229d03a2b2_ae_e__c_a.png?v=1753410632",alt:"Image2",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/92a36c4d-f432-4e1b-b22f-01229d03a2b2_ae_e__c_a.png?v=1753410632",mimeType:"image/png"},title:"F2: Wie sollte ich die Powerstation lagern und warten?",desc:"The soundcoreCredits Rewards program allows customers to earn soundcoreCredits on soundcore.com (excluding third-party retailers like Amazon, eBay, Walmart, etc.) that can be redeemed for rewards and member benefits as a thank-you for their loyalty."},{img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/92a36c4d-f432-4e1b-b22f-01229d03a2b2_ae_e__c_a.png?v=1753410632",alt:"Image3",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/92a36c4d-f432-4e1b-b22f-01229d03a2b2_ae_e__c_a.png?v=1753410632",mimeType:"image/png"},title:"F3: Was muss ich bei der Nutzung der Anker App beachten?",desc:"The soundcoreCredits Rewards program allows customers to earn soundcoreCredits on soundcore.com (excluding third-party retailers like Amazon, eBay, Walmart, etc.) that can be redeemed for rewards and member benefits as a thank-you for their loyalty."},{img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/92a36c4d-f432-4e1b-b22f-01229d03a2b2_ae_e__c_a.png?v=1753410632",alt:"Image4",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/92a36c4d-f432-4e1b-b22f-01229d03a2b2_ae_e__c_a.png?v=1753410632",mimeType:"image/png"},title:"F4: Kann die Powerstation mein Elektroauto aufladen?",desc:"The soundcoreCredits Rewards program allows customers to earn soundcoreCredits on soundcore.com (excluding third-party retailers like Amazon, eBay, Walmart, etc.) that can be redeemed for rewards and member benefits as a thank-you for their loyalty."},{img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/92a36c4d-f432-4e1b-b22f-01229d03a2b2_ae_e__c_a.png?v=1753410632",alt:"Image5",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/92a36c4d-f432-4e1b-b22f-01229d03a2b2_ae_e__c_a.png?v=1753410632",mimeType:"image/png"},title:"F5: Kann ich die tragbare Anker 767 Powerstation gleichzeitig mit Wechselstrom und Gleichstrom aufgeladen werden?",desc:"The soundcoreCredits Rewards program allows customers to earn soundcoreCredits on soundcore.com (excluding third-party retailers like Amazon, eBay, Walmart, etc.) that can be redeemed for rewards and member benefits as a thank-you for their loyalty."}],_={args:{data:{productData:g}}};
+//# sourceMappingURL=faq.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/faq.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Faq from '../biz-components/Faq/Faq.js'\nimport type { FaqProps } from '../biz-components/Faq/types.js'\n\nconst meta = {\n  title: 'Biz Components/Faq',\n  component: Faq,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: 'Faq \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u5E38\u89C1\u95EE\u9898',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Faq>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst listData: FaqProps['data']['productData'] = [\n  {\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/92a36c4d-f432-4e1b-b22f-01229d03a2b2_ae_e__c_a.png?v=1753410632',\n      alt: 'Image1',\n      thumbnailURL:\n        'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/92a36c4d-f432-4e1b-b22f-01229d03a2b2_ae_e__c_a.png?v=1753410632',\n      mimeType: 'image/png',\n    },\n    title:\n      'F1: Was muss ich tun, wenn ich ein Solarladeger\u00E4t zum Aufladen der tragbaren Anker 767 Powerstation verwende?',\n    desc: 'The soundcoreCredits Rewards program allows customers to earn soundcoreCredits on soundcore.com (excluding third-party retailers like Amazon, eBay, Walmart, etc.) that can be redeemed for rewards and member benefits as a thank-you for their loyalty.',\n  },\n  {\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/92a36c4d-f432-4e1b-b22f-01229d03a2b2_ae_e__c_a.png?v=1753410632',\n      alt: 'Image2',\n      thumbnailURL:\n        'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/92a36c4d-f432-4e1b-b22f-01229d03a2b2_ae_e__c_a.png?v=1753410632',\n      mimeType: 'image/png',\n    },\n    title: 'F2: Wie sollte ich die Powerstation lagern und warten?',\n    desc: 'The soundcoreCredits Rewards program allows customers to earn soundcoreCredits on soundcore.com (excluding third-party retailers like Amazon, eBay, Walmart, etc.) that can be redeemed for rewards and member benefits as a thank-you for their loyalty.',\n  },\n  {\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/92a36c4d-f432-4e1b-b22f-01229d03a2b2_ae_e__c_a.png?v=1753410632',\n      alt: 'Image3',\n      thumbnailURL:\n        'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/92a36c4d-f432-4e1b-b22f-01229d03a2b2_ae_e__c_a.png?v=1753410632',\n      mimeType: 'image/png',\n    },\n    title: 'F3: Was muss ich bei der Nutzung der Anker App beachten?',\n    desc: 'The soundcoreCredits Rewards program allows customers to earn soundcoreCredits on soundcore.com (excluding third-party retailers like Amazon, eBay, Walmart, etc.) that can be redeemed for rewards and member benefits as a thank-you for their loyalty.',\n  },\n  {\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/92a36c4d-f432-4e1b-b22f-01229d03a2b2_ae_e__c_a.png?v=1753410632',\n      alt: 'Image4',\n      thumbnailURL:\n        'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/92a36c4d-f432-4e1b-b22f-01229d03a2b2_ae_e__c_a.png?v=1753410632',\n      mimeType: 'image/png',\n    },\n    title: 'F4: Kann die Powerstation mein Elektroauto aufladen?',\n    desc: 'The soundcoreCredits Rewards program allows customers to earn soundcoreCredits on soundcore.com (excluding third-party retailers like Amazon, eBay, Walmart, etc.) that can be redeemed for rewards and member benefits as a thank-you for their loyalty.',\n  },\n  {\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/92a36c4d-f432-4e1b-b22f-01229d03a2b2_ae_e__c_a.png?v=1753410632',\n      alt: 'Image5',\n      thumbnailURL:\n        'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/92a36c4d-f432-4e1b-b22f-01229d03a2b2_ae_e__c_a.png?v=1753410632',\n      mimeType: 'image/png',\n    },\n    title:\n      'F5: Kann ich die tragbare Anker 767 Powerstation gleichzeitig mit Wechselstrom und Gleichstrom aufgeladen werden?',\n    desc: 'The soundcoreCredits Rewards program allows customers to earn soundcoreCredits on soundcore.com (excluding third-party retailers like Amazon, eBay, Walmart, etc.) that can be redeemed for rewards and member benefits as a thank-you for their loyalty.',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      productData: listData,\n    },\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GACA,IAAAK,EAAgB,2CAGhB,MAAMC,EAAO,CACX,MAAO,qBACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,kEACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAIf,MAAME,EAA4C,CAChD,CACE,IAAK,CACH,IAAK,yHACL,IAAK,SACL,aACE,yHACF,SAAU,WACZ,EACA,MACE,mHACF,KAAM,2PACR,EACA,CACE,IAAK,CACH,IAAK,yHACL,IAAK,SACL,aACE,yHACF,SAAU,WACZ,EACA,MAAO,yDACP,KAAM,2PACR,EACA,CACE,IAAK,CACH,IAAK,yHACL,IAAK,SACL,aACE,yHACF,SAAU,WACZ,EACA,MAAO,2DACP,KAAM,2PACR,EACA,CACE,IAAK,CACH,IAAK,yHACL,IAAK,SACL,aACE,yHACF,SAAU,WACZ,EACA,MAAO,uDACP,KAAM,2PACR,EACA,CACE,IAAK,CACH,IAAK,yHACL,IAAK,SACL,aACE,yHACF,SAAU,WACZ,EACA,MACE,oHACF,KAAM,2PACR,CACF,EAEaN,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,YAAaM,CACf,CACF,CACF",
+  "names": ["faq_stories_exports", "__export", "Default", "faq_stories_default", "__toCommonJS", "import_Faq", "meta", "Faq", "listData"]
+}

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import type { FeatureCardsProps } from '../biz-components/FeatureCards/types.js';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<Omit<FeatureCardsProps & React.RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
+        className?: string;
+        data?: Record<string, any>;
+    }, "ref"> & React.RefAttributes<any>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const LightTheme: Story;
+export declare const WithLinks: Story;
+export declare const TwoCards: Story;
+export declare const SingleCard: Story;
+export declare const WithoutSubtitle: Story;
+export declare const FourCards: Story;
+export declare const FiveCards: Story;
+export declare const WithCustomStyles: Story;

package/dist/cjs/stories/featureCards.stories.js

@@ -0,0 +1,61 @@
+"use strict";var p=Object.create;var r=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var u=(e,a)=>{for(var s in a)r(e,s,{get:a[s],enumerable:!0})},c=(e,a,s,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of d(a))!f.call(e,i)&&i!==s&&r(e,i,{get:()=>a[i],enumerable:!(o=l(a,i))||o.enumerable});return e};var g=(e,a,s)=>(s=e!=null?p(m(e)):{},c(a||!e||!e.__esModule?r(s,"default",{value:e,enumerable:!0}):s,e)),h=e=>c(r({},"__esModule",{value:!0}),e);var F={};u(F,{Default:()=>b,FiveCards:()=>x,FourCards:()=>w,LightTheme:()=>S,SingleCard:()=>k,TwoCards:()=>v,WithCustomStyles:()=>L,WithLinks:()=>C,WithoutSubtitle:()=>D,default:()=>_});module.exports=h(F);var R=require("react"),n=g(require("../biz-components/FeatureCards/index.js"));const y={title:"Biz Components/FeatureCards",component:n.default,parameters:{layout:"padded",docs:{description:{component:`\u7279\u6027\u5361\u7247\u5C55\u793A\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u5C55\u793A\u591A\u4E2A\u4EA7\u54C1\u529F\u80FD\u6216\u7279\u6027
+
+## \u54CD\u5E94\u5F0F\u5E03\u5C40
+
+### \u79FB\u52A8\u7AEF\u548C\u5E73\u677F
+- \u6240\u6709\u5361\u7247\u5BBD\u5EA6\u76F8\u7B49\uFF0C\u4F7F\u7528 Swiper \u8F6E\u64AD\u5C55\u793A
+
+### \u684C\u9762\u7AEF\uFF08laptop+\uFF09
+\u6839\u636E\u5361\u7247\u6570\u91CF\u81EA\u52A8\u8C03\u6574\u5E03\u5C40\u6BD4\u4F8B\uFF1A
+- **2\u5F20\u5361\u7247**\uFF1A2:3 \u6BD4\u4F8B
+- **3\u5F20\u5361\u7247**\uFF1A1:1:1 \u7B49\u5BBD
+- **4\u5F20\u5361\u7247**\uFF1A\u7B2C\u4E00\u884C 2:3\uFF0C\u7B2C\u4E8C\u884C 3:2\uFF08\u81EA\u52A8\u6362\u884C\uFF09
+- **5\u5F20\u5361\u7247**\uFF1A\u7B2C\u4E00\u884C 1:1:1\uFF0C\u7B2C\u4E8C\u884C 2:3\uFF08\u81EA\u52A8\u6362\u884C\uFF09
+
+`}}},tags:["autodocs"]};var _=y;const t={title:"Personalized Carpet Cleaning Mode",subtitle:"You can customize the carpet cleaning mode to suit your needs.",items:[{link:"",theme:"dark",title:"Carpet Avoidance",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",alt:"Carpet Avoidance",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",mimeType:"image/png"},subtitle:"Automatically avoids carpets based on personalized settings."},{link:"",theme:"dark",title:"Mop Lifting",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429",alt:"Mop Lifting",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429",mimeType:"image/png"},subtitle:"Lifts the mop to prevent wetting carpets"},{link:"",theme:"dark",title:"Carpet Detection",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3_99cbfc97-44f5-44f6-a6b0-4b0bbcd26588.png?v=1752499429",alt:"Carpet Detection",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3_99cbfc97-44f5-44f6-a6b0-4b0bbcd26588.png?v=1752499429",mimeType:"image/png"},subtitle:"Increases suction power when carpets are detected."}]},b={args:{data:t}},S={args:{data:{...t,items:t.items.map(e=>({...e,theme:"light"}))}}},C={args:{data:{...t,items:t.items.map(e=>({...e,link:"https://www.example.com"}))}}},v={args:{data:{...t,items:t.items.slice(0,2)}}},k={args:{data:{...t,items:[t.items[0]]}}},D={args:{data:{title:"Personalized Carpet Cleaning Mode",items:t.items}}},w={args:{data:{...t,items:[...t.items,{link:"",theme:"dark",title:"Smart Scheduling",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",alt:"Smart Scheduling",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",mimeType:"image/png"},subtitle:"Schedule cleaning tasks automatically based on your preferences."}]}},parameters:{docs:{description:{story:"4\u5F20\u5361\u7247\u5E03\u5C40\uFF1A\u684C\u9762\u7AEF\u7B2C\u4E00\u884C 2:3 \u6BD4\u4F8B\uFF0C\u7B2C\u4E8C\u884C 3:2 \u6BD4\u4F8B\uFF08\u81EA\u52A8\u6362\u884C\uFF09"}}}},x={args:{data:{...t,items:[...t.items,{link:"",theme:"dark",title:"Smart Scheduling",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",alt:"Smart Scheduling",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",mimeType:"image/png"},subtitle:"Schedule cleaning tasks automatically based on your preferences."},{link:"",theme:"dark",title:"Voice Control",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429",alt:"Voice Control",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429",mimeType:"image/png"},subtitle:"Control your robot vacuum with voice commands."}]}},parameters:{docs:{description:{story:"5\u5F20\u5361\u7247\u5E03\u5C40\uFF1A\u684C\u9762\u7AEF\u7B2C\u4E00\u884C 1:1:1 \u7B49\u5BBD\uFF0C\u7B2C\u4E8C\u884C 2:3 \u6BD4\u4F8B\uFF08\u81EA\u52A8\u6362\u884C\uFF09"}}}},L={args:{data:t,className:"custom-feature-cards"},parameters:{docs:{description:{story:`
+\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A
+
+**\u6839\u5143\u7D20\uFF1A**
+- \`.feature-cards\` - \u7EC4\u4EF6\u6839\u5BB9\u5668
+
+**\u5934\u90E8\u533A\u57DF\uFF1A**
+- \`.feature-cards__header\` - \u5934\u90E8\u5BB9\u5668
+- \`.feature-cards__title\` - \u4E3B\u6807\u9898
+- \`.feature-cards__subtitle\` - \u526F\u6807\u9898
+
+**\u684C\u9762\u7AEF\u5E03\u5C40\uFF1A**
+- \`.feature-cards__grid\` - \u684C\u9762\u7AEF\u7F51\u683C\u5BB9\u5668
+
+**\u79FB\u52A8\u7AEF\u5E03\u5C40\uFF1A**
+- \`.feature-cards__swiper-container\` - Swiper \u5916\u5C42\u5BB9\u5668
+- \`.feature-cards__swiper\` - Swiper \u5B9E\u4F8B
+- \`.feature-cards__swiper-slide\` - Swiper \u5355\u4E2A\u6ED1\u5757
+
+**\u5361\u7247\u5143\u7D20\uFF1A**
+- \`.feature-cards__card\` - \u5361\u7247\u5BB9\u5668
+- \`.feature-cards__card--mobile\` - \u79FB\u52A8\u7AEF\u5361\u7247\u4FEE\u9970\u7B26
+- \`.feature-cards__card-image\` - \u5361\u7247\u80CC\u666F\u56FE\u7247
+- \`.feature-cards__card-content\` - \u5361\u7247\u5185\u5BB9\u5BB9\u5668
+- \`.feature-cards__card-title\` - \u5361\u7247\u6807\u9898
+- \`.feature-cards__card-subtitle\` - \u5361\u7247\u526F\u6807\u9898
+
+**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**
+\`\`\`css
+/* \u81EA\u5B9A\u4E49\u6807\u9898\u989C\u8272 */
+.feature-cards__card-title {
+  color: #ff6b6b;
+}
+
+/* \u81EA\u5B9A\u4E49\u5361\u7247\u60AC\u505C\u6548\u679C */
+.feature-cards__card:hover {
+  transform: translateY(-5px);
+  transition: transform 0.3s ease;
+}
+
+/* \u81EA\u5B9A\u4E49\u7F51\u683C\u95F4\u8DDD */
+.feature-cards__grid {
+  gap: 24px;
+}
+\`\`\`
+        `}}}};
+//# sourceMappingURL=featureCards.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/featureCards.stories.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport FeatureCards from '../biz-components/FeatureCards/index.js'\nimport type { FeatureCardsProps } from '../biz-components/FeatureCards/types.js'\n\nconst meta = {\n  title: 'Biz Components/FeatureCards',\n  component: FeatureCards,\n  parameters: {\n    layout: 'padded',\n    docs: {\n      description: {\n        component: `\u7279\u6027\u5361\u7247\u5C55\u793A\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u5C55\u793A\u591A\u4E2A\u4EA7\u54C1\u529F\u80FD\u6216\u7279\u6027\n\n## \u54CD\u5E94\u5F0F\u5E03\u5C40\n\n### \u79FB\u52A8\u7AEF\u548C\u5E73\u677F\n- \u6240\u6709\u5361\u7247\u5BBD\u5EA6\u76F8\u7B49\uFF0C\u4F7F\u7528 Swiper \u8F6E\u64AD\u5C55\u793A\n\n### \u684C\u9762\u7AEF\uFF08laptop+\uFF09\n\u6839\u636E\u5361\u7247\u6570\u91CF\u81EA\u52A8\u8C03\u6574\u5E03\u5C40\u6BD4\u4F8B\uFF1A\n- **2\u5F20\u5361\u7247**\uFF1A2:3 \u6BD4\u4F8B\n- **3\u5F20\u5361\u7247**\uFF1A1:1:1 \u7B49\u5BBD\n- **4\u5F20\u5361\u7247**\uFF1A\u7B2C\u4E00\u884C 2:3\uFF0C\u7B2C\u4E8C\u884C 3:2\uFF08\u81EA\u52A8\u6362\u884C\uFF09\n- **5\u5F20\u5361\u7247**\uFF1A\u7B2C\u4E00\u884C 1:1:1\uFF0C\u7B2C\u4E8C\u884C 2:3\uFF08\u81EA\u52A8\u6362\u884C\uFF09\n\n`,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof FeatureCards>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: FeatureCardsProps['data'] = {\n  title: 'Personalized Carpet Cleaning Mode',\n  subtitle: 'You can customize the carpet cleaning mode to suit your needs.',\n  items: [\n    {\n      link: '',\n      theme: 'dark',\n      title: 'Carpet Avoidance',\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n        alt: 'Carpet Avoidance',\n        thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n        mimeType: 'image/png',\n      },\n      subtitle: 'Automatically avoids carpets based on personalized settings.',\n    },\n    {\n      link: '',\n      theme: 'dark',\n      title: 'Mop Lifting',\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429',\n        alt: 'Mop Lifting',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429',\n        mimeType: 'image/png',\n      },\n      subtitle: 'Lifts the mop to prevent wetting carpets',\n    },\n    {\n      link: '',\n      theme: 'dark',\n      title: 'Carpet Detection',\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3_99cbfc97-44f5-44f6-a6b0-4b0bbcd26588.png?v=1752499429',\n        alt: 'Carpet Detection',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3_99cbfc97-44f5-44f6-a6b0-4b0bbcd26588.png?v=1752499429',\n        mimeType: 'image/png',\n      },\n      subtitle: 'Increases suction power when carpets are detected.',\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n}\n\nexport const LightTheme: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.map(item => ({\n        ...item,\n        theme: 'light',\n      })),\n    },\n  },\n}\n\nexport const WithLinks: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.map(item => ({\n        ...item,\n        link: 'https://www.example.com',\n      })),\n    },\n  },\n}\n\nexport const TwoCards: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.slice(0, 2),\n    },\n  },\n}\n\nexport const SingleCard: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: [defaultData.items[0]],\n    },\n  },\n}\n\nexport const WithoutSubtitle: Story = {\n  args: {\n    data: {\n      title: 'Personalized Carpet Cleaning Mode',\n      items: defaultData.items,\n    },\n  },\n}\n\nexport const FourCards: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: [\n        ...defaultData.items,\n        {\n          link: '',\n          theme: 'dark',\n          title: 'Smart Scheduling',\n          image: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n            alt: 'Smart Scheduling',\n            thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n            mimeType: 'image/png',\n          },\n          subtitle: 'Schedule cleaning tasks automatically based on your preferences.',\n        },\n      ],\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '4\u5F20\u5361\u7247\u5E03\u5C40\uFF1A\u684C\u9762\u7AEF\u7B2C\u4E00\u884C 2:3 \u6BD4\u4F8B\uFF0C\u7B2C\u4E8C\u884C 3:2 \u6BD4\u4F8B\uFF08\u81EA\u52A8\u6362\u884C\uFF09',\n      },\n    },\n  },\n}\n\nexport const FiveCards: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: [\n        ...defaultData.items,\n        {\n          link: '',\n          theme: 'dark',\n          title: 'Smart Scheduling',\n          image: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n            alt: 'Smart Scheduling',\n            thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n            mimeType: 'image/png',\n          },\n          subtitle: 'Schedule cleaning tasks automatically based on your preferences.',\n        },\n        {\n          link: '',\n          theme: 'dark',\n          title: 'Voice Control',\n          image: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429',\n            alt: 'Voice Control',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429',\n            mimeType: 'image/png',\n          },\n          subtitle: 'Control your robot vacuum with voice commands.',\n        },\n      ],\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '5\u5F20\u5361\u7247\u5E03\u5C40\uFF1A\u684C\u9762\u7AEF\u7B2C\u4E00\u884C 1:1:1 \u7B49\u5BBD\uFF0C\u7B2C\u4E8C\u884C 2:3 \u6BD4\u4F8B\uFF08\u81EA\u52A8\u6362\u884C\uFF09',\n      },\n    },\n  },\n}\n\nexport const WithCustomStyles: Story = {\n  args: {\n    data: defaultData,\n    className: 'custom-feature-cards',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: `\n\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A\n\n**\u6839\u5143\u7D20\uFF1A**\n- \\`.feature-cards\\` - \u7EC4\u4EF6\u6839\u5BB9\u5668\n\n**\u5934\u90E8\u533A\u57DF\uFF1A**\n- \\`.feature-cards__header\\` - \u5934\u90E8\u5BB9\u5668\n- \\`.feature-cards__title\\` - \u4E3B\u6807\u9898\n- \\`.feature-cards__subtitle\\` - \u526F\u6807\u9898\n\n**\u684C\u9762\u7AEF\u5E03\u5C40\uFF1A**\n- \\`.feature-cards__grid\\` - \u684C\u9762\u7AEF\u7F51\u683C\u5BB9\u5668\n\n**\u79FB\u52A8\u7AEF\u5E03\u5C40\uFF1A**\n- \\`.feature-cards__swiper-container\\` - Swiper \u5916\u5C42\u5BB9\u5668\n- \\`.feature-cards__swiper\\` - Swiper \u5B9E\u4F8B\n- \\`.feature-cards__swiper-slide\\` - Swiper \u5355\u4E2A\u6ED1\u5757\n\n**\u5361\u7247\u5143\u7D20\uFF1A**\n- \\`.feature-cards__card\\` - \u5361\u7247\u5BB9\u5668\n- \\`.feature-cards__card--mobile\\` - \u79FB\u52A8\u7AEF\u5361\u7247\u4FEE\u9970\u7B26\n- \\`.feature-cards__card-image\\` - \u5361\u7247\u80CC\u666F\u56FE\u7247\n- \\`.feature-cards__card-content\\` - \u5361\u7247\u5185\u5BB9\u5BB9\u5668\n- \\`.feature-cards__card-title\\` - \u5361\u7247\u6807\u9898\n- \\`.feature-cards__card-subtitle\\` - \u5361\u7247\u526F\u6807\u9898\n\n**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u989C\u8272 */\n.feature-cards__card-title {\n  color: #ff6b6b;\n}\n\n/* \u81EA\u5B9A\u4E49\u5361\u7247\u60AC\u505C\u6548\u679C */\n.feature-cards__card:hover {\n  transform: translateY(-5px);\n  transition: transform 0.3s ease;\n}\n\n/* \u81EA\u5B9A\u4E49\u7F51\u683C\u95F4\u8DDD */\n.feature-cards__grid {\n  gap: 24px;\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,cAAAC,EAAA,cAAAC,EAAA,eAAAC,EAAA,eAAAC,EAAA,aAAAC,EAAA,qBAAAC,EAAA,cAAAC,EAAA,oBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAZ,GAAA,IAAAa,EAAkB,iBAElBC,EAAyB,sDAGzB,MAAMC,EAAO,CACX,MAAO,8BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,SACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAeb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQI,EAIf,MAAME,EAAyC,CAC7C,MAAO,oCACP,SAAU,iEACV,MAAO,CACL,CACE,KAAM,GACN,MAAO,OACP,MAAO,mBACP,MAAO,CACL,IAAK,wFACL,IAAK,mBACL,aAAc,wFACd,SAAU,WACZ,EACA,SAAU,8DACZ,EACA,CACE,KAAM,GACN,MAAO,OACP,MAAO,cACP,MAAO,CACL,IAAK,iHACL,IAAK,cACL,aACE,iHACF,SAAU,WACZ,EACA,SAAU,0CACZ,EACA,CACE,KAAM,GACN,MAAO,OACP,MAAO,mBACP,MAAO,CACL,IAAK,iHACL,IAAK,mBACL,aACE,iHACF,SAAU,WACZ,EACA,SAAU,oDACZ,CACF,CACF,EAEaf,EAAiB,CAC5B,KAAM,CACJ,KAAMe,CACR,CACF,EAEaZ,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,GAAGY,EACH,MAAOA,EAAY,MAAM,IAAIC,IAAS,CACpC,GAAGA,EACH,MAAO,OACT,EAAE,CACJ,CACF,CACF,EAEaT,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGQ,EACH,MAAOA,EAAY,MAAM,IAAIC,IAAS,CACpC,GAAGA,EACH,KAAM,yBACR,EAAE,CACJ,CACF,CACF,EAEaX,EAAkB,CAC7B,KAAM,CACJ,KAAM,CACJ,GAAGU,EACH,MAAOA,EAAY,MAAM,MAAM,EAAG,CAAC,CACrC,CACF,CACF,EAEaX,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,GAAGW,EACH,MAAO,CAACA,EAAY,MAAM,CAAC,CAAC,CAC9B,CACF,CACF,EAEaP,EAAyB,CACpC,KAAM,CACJ,KAAM,CACJ,MAAO,oCACP,MAAOO,EAAY,KACrB,CACF,CACF,EAEab,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGa,EACH,MAAO,CACL,GAAGA,EAAY,MACf,CACE,KAAM,GACN,MAAO,OACP,MAAO,mBACP,MAAO,CACL,IAAK,wFACL,IAAK,mBACL,aAAc,wFACd,SAAU,WACZ,EACA,SAAU,kEACZ,CACF,CACF,CACF,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,yKACT,CACF,CACF,CACF,EAEad,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGc,EACH,MAAO,CACL,GAAGA,EAAY,MACf,CACE,KAAM,GACN,MAAO,OACP,MAAO,mBACP,MAAO,CACL,IAAK,wFACL,IAAK,mBACL,aAAc,wFACd,SAAU,WACZ,EACA,SAAU,kEACZ,EACA,CACE,KAAM,GACN,MAAO,OACP,MAAO,gBACP,MAAO,CACL,IAAK,iHACL,IAAK,gBACL,aACE,iHACF,SAAU,WACZ,EACA,SAAU,gDACZ,CACF,CACF,CACF,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,2KACT,CACF,CACF,CACF,EAEaT,EAA0B,CACrC,KAAM,CACJ,KAAMS,EACN,UAAW,sBACb,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SA8CT,CACF,CACF,CACF",
+  "names": ["featureCards_stories_exports", "__export", "Default", "FiveCards", "FourCards", "LightTheme", "SingleCard", "TwoCards", "WithCustomStyles", "WithLinks", "WithoutSubtitle", "featureCards_stories_default", "__toCommonJS", "import_react", "import_FeatureCards", "meta", "FeatureCards", "defaultData", "item"]
+}

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import type { FeatureShowcaseProps } from '../biz-components/FeatureShowcase/types.js';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<Omit<FeatureShowcaseProps & React.RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
+        className?: string;
+        data?: Record<string, any>;
+    }, "ref"> & React.RefAttributes<any>>;
+    parameters: {
+        layout: string;
+        backgrounds: {
+            default: string;
+        };
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const SingleList: Story;
+export declare const SingleItemPerList: Story;
+export declare const EmptyLists: Story;
+export declare const WithCustomStyles: Story;

package/dist/cjs/stories/featureShowcase.stories.js

@@ -0,0 +1,44 @@
+"use strict";var m=Object.create;var i=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var b=(e,a)=>{for(var t in a)i(e,t,{get:a[t],enumerable:!0})},r=(e,a,t,c)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of p(a))!d.call(e,s)&&s!==t&&i(e,s,{get:()=>a[s],enumerable:!(c=n(a,s))||c.enumerable});return e};var h=(e,a,t)=>(t=e!=null?m(l(e)):{},r(a||!e||!e.__esModule?i(t,"default",{value:e,enumerable:!0}):t,e)),g=e=>r(i({},"__esModule",{value:!0}),e);var R={};b(R,{Default:()=>y,EmptyLists:()=>F,SingleItemPerList:()=>w,SingleList:()=>S,WithCustomStyles:()=>v,default:()=>u});module.exports=g(R);var k=require("react"),f=h(require("../biz-components/FeatureShowcase/index.js"));const _={title:"Biz Components/FeatureShowcase",component:f.default,parameters:{layout:"padded",backgrounds:{default:"dark"},docs:{description:{component:"\u529F\u80FD\u5C55\u793A\u7EC4\u4EF6\uFF0C\u5C55\u793A\u591A\u4E2A\u5E26\u6587\u5B57\u8986\u76D6\u7684\u56FE\u7247\u5361\u7247\uFF0C\u652F\u6301\u6A2A\u5411\u6EDA\u52A8"}}},tags:["autodocs"]};var u=_;const o={datalist:[{desc:"Saves energy by charging during off-peak hours.",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/12f00a84-d4f7-4f7d-af6b-361b49c70a87_Frame_2121235336.png?v=1751425415",alt:"Off-Peak Charging",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/12f00a84-d4f7-4f7d-af6b-361b49c70a87_Frame_2121235336.png?v=1751425415",mimeType:"image/png"},title:"Off-Peak Charging",imageMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0dd1df60-4732-45a3-995e-43977d45d2b2_Frame_2121235316.png?v=1751547005",alt:"Off-Peak Charging Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0dd1df60-4732-45a3-995e-43977d45d2b2_Frame_2121235316.png?v=1751547005",mimeType:"image/png"}},{desc:"Keep RoboVac out of restricted areas.",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/45dacd44-c1c2-43b2-af50-bfe539925428_Frame_2121235337.png?v=1751425570",alt:"No-Go Zones",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/45dacd44-c1c2-43b2-af50-bfe539925428_Frame_2121235337.png?v=1751425570",mimeType:"image/png"},title:"No-Go Zones",imageMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7aabcf2e-5601-4b1f-b66f-95c9a5d1c55d_Frame_2121235317.png?v=1751547075",alt:"No-Go Zones Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7aabcf2e-5601-4b1f-b66f-95c9a5d1c55d_Frame_2121235317.png?v=1751547075",mimeType:"image/png"}}],datalists:[{desc:"Prevents accidental  activation.",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b9b2cb76-411c-4e95-9a21-590522a2b8b5_Frame_2121235339.png?v=1751452403",alt:"Child Lock Protection",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b9b2cb76-411c-4e95-9a21-590522a2b8b5_Frame_2121235339.png?v=1751452403",mimeType:"image/png"},title:"Child Lock Protection",imageMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/feae0e5e-85fb-49d1-bdc1-b59d632210b8_Frame_2121235516.png?v=1751547104",alt:"Child Lock Protection Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/feae0e5e-85fb-49d1-bdc1-b59d632210b8_Frame_2121235516.png?v=1751547104",mimeType:"image/png"}},{desc:"Automatically resumes cleaning after charging.",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/eb323290-a12b-4b42-80f3-76641e5d0fab_Frame_2121235338.png?v=1751452429",alt:"Recharge and Resume",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/eb323290-a12b-4b42-80f3-76641e5d0fab_Frame_2121235338.png?v=1751452429",mimeType:"image/png"},title:"Recharge and Resume",imageMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7a90f1b9-b20a-4958-9088-a3639d23b4b4_Frame_2121235516_1.png?v=1751547133",alt:"Recharge and Resume Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7a90f1b9-b20a-4958-9088-a3639d23b4b4_Frame_2121235516_1.png?v=1751547133",mimeType:"image/png"}}]},y={args:{data:o}},S={args:{data:{datalist:o.datalist,datalists:[]}}},w={args:{data:{datalist:[o.datalist[0]],datalists:[o.datalists[0]]}}},F={args:{data:{datalist:[],datalists:[]}}},v={args:{data:o,className:"custom-feature-showcase"},parameters:{docs:{description:{story:`
+\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A
+
+**\u6839\u5143\u7D20\uFF1A**
+- \`.feature-showcase\` - \u7EC4\u4EF6\u6839\u5BB9\u5668
+
+**\u5217\u8868\u5143\u7D20\uFF1A**
+- \`.feature-showcase__list\` - \u5217\u8868\u5BB9\u5668
+- \`.feature-showcase__item\` - \u5355\u4E2A\u5361\u7247\u9879\u5BB9\u5668
+
+**\u5361\u7247\u5143\u7D20\uFF1A**
+- \`.feature-showcase__card\` - \u5361\u7247\u5BB9\u5668
+- \`.feature-showcase__image\` - \u56FE\u7247\u5143\u7D20
+- \`.feature-showcase__image--mobile\` - \u79FB\u52A8\u7AEF\u56FE\u7247\u4FEE\u9970\u7B26
+- \`.feature-showcase__image--desktop\` - \u684C\u9762\u7AEF\u56FE\u7247\u4FEE\u9970\u7B26
+- \`.feature-showcase__content\` - \u5185\u5BB9\u8986\u76D6\u5C42
+- \`.feature-showcase__title\` - \u6807\u9898
+- \`.feature-showcase__description\` - \u63CF\u8FF0\u6587\u672C
+
+**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**
+\`\`\`css
+/* \u81EA\u5B9A\u4E49\u5361\u7247\u60AC\u505C\u6548\u679C */
+.feature-showcase__card:hover {
+  transform: scale(1.05);
+  transition: transform 0.3s ease;
+}
+
+/* \u81EA\u5B9A\u4E49\u5185\u5BB9\u8986\u76D6\u5C42\u80CC\u666F */
+.feature-showcase__content {
+  background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
+}
+
+/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */
+.feature-showcase__title {
+  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
+}
+
+/* \u81EA\u5B9A\u4E49\u5217\u8868\u95F4\u8DDD */
+.feature-showcase__list {
+  gap: 24px;
+}
+\`\`\`
+        `}}}};
+//# sourceMappingURL=featureShowcase.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/featureShowcase.stories.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport FeatureShowcase from '../biz-components/FeatureShowcase/index.js'\nimport type { FeatureShowcaseProps } from '../biz-components/FeatureShowcase/types.js'\n\nconst meta = {\n  title: 'Biz Components/FeatureShowcase',\n  component: FeatureShowcase,\n  parameters: {\n    layout: 'padded',\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        component: '\u529F\u80FD\u5C55\u793A\u7EC4\u4EF6\uFF0C\u5C55\u793A\u591A\u4E2A\u5E26\u6587\u5B57\u8986\u76D6\u7684\u56FE\u7247\u5361\u7247\uFF0C\u652F\u6301\u6A2A\u5411\u6EDA\u52A8',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof FeatureShowcase>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: FeatureShowcaseProps['data'] = {\n  datalist: [\n    {\n      desc: 'Saves energy by charging during off-peak hours.',\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/12f00a84-d4f7-4f7d-af6b-361b49c70a87_Frame_2121235336.png?v=1751425415',\n        alt: 'Off-Peak Charging',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/12f00a84-d4f7-4f7d-af6b-361b49c70a87_Frame_2121235336.png?v=1751425415',\n        mimeType: 'image/png',\n      },\n      title: 'Off-Peak Charging',\n      imageMob: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0dd1df60-4732-45a3-995e-43977d45d2b2_Frame_2121235316.png?v=1751547005',\n        alt: 'Off-Peak Charging Mobile',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0dd1df60-4732-45a3-995e-43977d45d2b2_Frame_2121235316.png?v=1751547005',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      desc: 'Keep RoboVac out of restricted areas.',\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/45dacd44-c1c2-43b2-af50-bfe539925428_Frame_2121235337.png?v=1751425570',\n        alt: 'No-Go Zones',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/45dacd44-c1c2-43b2-af50-bfe539925428_Frame_2121235337.png?v=1751425570',\n        mimeType: 'image/png',\n      },\n      title: 'No-Go Zones',\n      imageMob: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7aabcf2e-5601-4b1f-b66f-95c9a5d1c55d_Frame_2121235317.png?v=1751547075',\n        alt: 'No-Go Zones Mobile',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7aabcf2e-5601-4b1f-b66f-95c9a5d1c55d_Frame_2121235317.png?v=1751547075',\n        mimeType: 'image/png',\n      },\n    },\n  ],\n  datalists: [\n    {\n      desc: 'Prevents accidental  activation.',\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b9b2cb76-411c-4e95-9a21-590522a2b8b5_Frame_2121235339.png?v=1751452403',\n        alt: 'Child Lock Protection',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b9b2cb76-411c-4e95-9a21-590522a2b8b5_Frame_2121235339.png?v=1751452403',\n        mimeType: 'image/png',\n      },\n      title: 'Child Lock Protection',\n      imageMob: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/feae0e5e-85fb-49d1-bdc1-b59d632210b8_Frame_2121235516.png?v=1751547104',\n        alt: 'Child Lock Protection Mobile',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/feae0e5e-85fb-49d1-bdc1-b59d632210b8_Frame_2121235516.png?v=1751547104',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      desc: 'Automatically resumes cleaning after charging.',\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/eb323290-a12b-4b42-80f3-76641e5d0fab_Frame_2121235338.png?v=1751452429',\n        alt: 'Recharge and Resume',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/eb323290-a12b-4b42-80f3-76641e5d0fab_Frame_2121235338.png?v=1751452429',\n        mimeType: 'image/png',\n      },\n      title: 'Recharge and Resume',\n      imageMob: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7a90f1b9-b20a-4958-9088-a3639d23b4b4_Frame_2121235516_1.png?v=1751547133',\n        alt: 'Recharge and Resume Mobile',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7a90f1b9-b20a-4958-9088-a3639d23b4b4_Frame_2121235516_1.png?v=1751547133',\n        mimeType: 'image/png',\n      },\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n}\n\nexport const SingleList: Story = {\n  args: {\n    data: {\n      datalist: defaultData.datalist,\n      datalists: [],\n    },\n  },\n}\n\nexport const SingleItemPerList: Story = {\n  args: {\n    data: {\n      datalist: [defaultData.datalist[0]],\n      datalists: [defaultData.datalists[0]],\n    },\n  },\n}\n\nexport const EmptyLists: Story = {\n  args: {\n    data: {\n      datalist: [],\n      datalists: [],\n    },\n  },\n}\n\nexport const WithCustomStyles: Story = {\n  args: {\n    data: defaultData,\n    className: 'custom-feature-showcase',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: `\n\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A\n\n**\u6839\u5143\u7D20\uFF1A**\n- \\`.feature-showcase\\` - \u7EC4\u4EF6\u6839\u5BB9\u5668\n\n**\u5217\u8868\u5143\u7D20\uFF1A**\n- \\`.feature-showcase__list\\` - \u5217\u8868\u5BB9\u5668\n- \\`.feature-showcase__item\\` - \u5355\u4E2A\u5361\u7247\u9879\u5BB9\u5668\n\n**\u5361\u7247\u5143\u7D20\uFF1A**\n- \\`.feature-showcase__card\\` - \u5361\u7247\u5BB9\u5668\n- \\`.feature-showcase__image\\` - \u56FE\u7247\u5143\u7D20\n- \\`.feature-showcase__image--mobile\\` - \u79FB\u52A8\u7AEF\u56FE\u7247\u4FEE\u9970\u7B26\n- \\`.feature-showcase__image--desktop\\` - \u684C\u9762\u7AEF\u56FE\u7247\u4FEE\u9970\u7B26\n- \\`.feature-showcase__content\\` - \u5185\u5BB9\u8986\u76D6\u5C42\n- \\`.feature-showcase__title\\` - \u6807\u9898\n- \\`.feature-showcase__description\\` - \u63CF\u8FF0\u6587\u672C\n\n**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u5361\u7247\u60AC\u505C\u6548\u679C */\n.feature-showcase__card:hover {\n  transform: scale(1.05);\n  transition: transform 0.3s ease;\n}\n\n/* \u81EA\u5B9A\u4E49\u5185\u5BB9\u8986\u76D6\u5C42\u80CC\u666F */\n.feature-showcase__content {\n  background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */\n.feature-showcase__title {\n  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n}\n\n/* \u81EA\u5B9A\u4E49\u5217\u8868\u95F4\u8DDD */\n.feature-showcase__list {\n  gap: 24px;\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,eAAAC,EAAA,sBAAAC,EAAA,eAAAC,EAAA,qBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAR,GAAA,IAAAS,EAAkB,iBAElBC,EAA4B,yDAG5B,MAAMC,EAAO,CACX,MAAO,iCACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,SACR,YAAa,CACX,QAAS,MACX,EACA,KAAM,CACJ,YAAa,CACX,UAAW,0KACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQI,EAIf,MAAME,EAA4C,CAChD,SAAU,CACR,CACE,KAAM,kDACN,MAAO,CACL,IAAK,gIACL,IAAK,oBACL,aACE,gIACF,SAAU,WACZ,EACA,MAAO,oBACP,SAAU,CACR,IAAK,gIACL,IAAK,2BACL,aACE,gIACF,SAAU,WACZ,CACF,EACA,CACE,KAAM,wCACN,MAAO,CACL,IAAK,gIACL,IAAK,cACL,aACE,gIACF,SAAU,WACZ,EACA,MAAO,cACP,SAAU,CACR,IAAK,gIACL,IAAK,qBACL,aACE,gIACF,SAAU,WACZ,CACF,CACF,EACA,UAAW,CACT,CACE,KAAM,mCACN,MAAO,CACL,IAAK,gIACL,IAAK,wBACL,aACE,gIACF,SAAU,WACZ,EACA,MAAO,wBACP,SAAU,CACR,IAAK,gIACL,IAAK,+BACL,aACE,gIACF,SAAU,WACZ,CACF,EACA,CACE,KAAM,iDACN,MAAO,CACL,IAAK,gIACL,IAAK,sBACL,aACE,gIACF,SAAU,WACZ,EACA,MAAO,sBACP,SAAU,CACR,IAAK,kIACL,IAAK,6BACL,aACE,kIACF,SAAU,WACZ,CACF,CACF,CACF,EAEaX,EAAiB,CAC5B,KAAM,CACJ,KAAMW,CACR,CACF,EAEaR,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,SAAUQ,EAAY,SACtB,UAAW,CAAC,CACd,CACF,CACF,EAEaT,EAA2B,CACtC,KAAM,CACJ,KAAM,CACJ,SAAU,CAACS,EAAY,SAAS,CAAC,CAAC,EAClC,UAAW,CAACA,EAAY,UAAU,CAAC,CAAC,CACtC,CACF,CACF,EAEaV,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,SAAU,CAAC,EACX,UAAW,CAAC,CACd,CACF,CACF,EAEaG,EAA0B,CACrC,KAAM,CACJ,KAAMO,EACN,UAAW,yBACb,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SA2CT,CACF,CACF,CACF",
+  "names": ["featureShowcase_stories_exports", "__export", "Default", "EmptyLists", "SingleItemPerList", "SingleList", "WithCustomStyles", "featureShowcase_stories_default", "__toCommonJS", "import_react", "import_FeatureShowcase", "meta", "FeatureShowcase", "defaultData"]
+}

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

@@ -0,0 +1,64 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/Graphic/index.js").GraphicProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
+        className?: string;
+        data?: Record<string, any>;
+    }, "ref"> & import("react").RefAttributes<any>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        container?: {
+            desktopSpan: number;
+            mobileSpan: number;
+        } | undefined;
+        className?: string | undefined;
+        disabled?: boolean | undefined;
+        id?: string | undefined;
+        style?: (string | React.CSSProperties) | undefined;
+        data: {
+            title?: string;
+            items?: {
+                imgUrl: import("../types/props.js").Img;
+                title: string;
+                description?: string;
+                textColor?: string;
+                href?: string;
+                video?: import("../types/props.js").Video;
+                mobileVideo?: import("../types/props.js").Video;
+                youtubeId?: string;
+                isYouTube?: boolean;
+                isShowIcon?: boolean;
+                buttonText?: string;
+                icon?: import("../types/props.js").Img;
+                theme?: import("../types/props.js").Theme;
+                extension?: {
+                    text: string;
+                    textDesc: string;
+                    textTitle: string;
+                    textPcImg: import("../types/props.js").Img;
+                    textMobileImg: import("../types/props.js").Img;
+                };
+            }[];
+            itemShape?: "round" | "square";
+            itemTheme?: import("../types/props.js").Theme;
+        } & Record<string, any>;
+        key?: string | undefined;
+        uid?: string | undefined;
+        wrapperClassName?: string | undefined;
+        event?: any;
+        condition?: any;
+        ref?: import("react").LegacyRef<any> | 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 p=Object.create;var r=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var y=(t,e)=>{for(var s in e)r(t,s,{get:e[s],enumerable:!0})},a=(t,e,s,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of m(e))!h.call(t,o)&&o!==s&&r(t,o,{get:()=>e[o],enumerable:!(n=d(e,o))||n.enumerable});return t};var g=(t,e,s)=>(s=t!=null?p(f(t)):{},a(e||!t||!t.__esModule?r(s,"default",{value:t,enumerable:!0}):s,t)),u=t=>a(r({},"__esModule",{value:!0}),t);var F={};y(F,{Default:()=>b,Round:()=>w,default:()=>v});module.exports=u(F);var i=require("react/jsx-runtime"),l=g(require("../biz-components/Graphic/index.js"));const x={title:"Biz-Components/Graphic",component:l.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/"}}},decorators:[t=>(0,i.jsx)("div",{style:{paddingTop:"2em"},children:(0,i.jsx)(t,{})})],tags:["autodocs"]};var v=x;const c=[{imgUrl:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",alt:"imgUrlPc"},title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off",buttonText:"learn More",theme:"light",extension:{text:"Al Detection 1",textDesc:"BionicMind detects, recognizes, determines, acts,and learns. It knows who's at the door, knows if they canbe trusted, and acts accordingly, all with virtually no errors at up to 99.9% accuracy.",textTitle:"Advanced BionicMind AI ",textPcImg:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121236640.png?v=1754016442"},textMobileImg:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121236640.png?v=1754016442"}}},{imgUrl:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",alt:"imgUrlPc"},title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF",theme:"dark",buttonText:"learn More",extension:{text:"Al Detection 2",textDesc:"BionicMind detects, recognizes, determines, acts,and learns. It knows who's at the door, knows if they canbe trusted, and acts accordingly, all with virtually no errors at up to 99.9% accuracy.",textTitle:"Advanced BionicMind AI ",textPcImg:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121236640.png?v=1754016442"},textMobileImg:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121236640.png?v=1754016442"}}},{imgUrl:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",alt:"imgUrlPc"},title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off",theme:"light",buttonText:"learn More",extension:{text:"Al Detection 3",textDesc:"BionicMind detects, recognizes, determines, acts,and learns. It knows who's at the door, knows if they canbe trusted, and acts accordingly, all with virtually no errors at up to 99.9% accuracy.",textTitle:"Advanced BionicMind AI ",textPcImg:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121236640.png?v=1754016442"},textMobileImg:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121236640.png?v=1754016442"}}},{imgUrl:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",alt:"imgUrlPc"},title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF",theme:"dark",buttonText:"learn More",extension:{text:"Al Detection 4",textDesc:"BionicMind detects, recognizes, determines, acts,and learns. It knows who's at the door, knows if they canbe trusted, and acts accordingly, all with virtually no errors at up to 99.9% accuracy.",textTitle:"Advanced BionicMind AI ",textPcImg:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121236640.png?v=1754016442"},textMobileImg:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121236640.png?v=1754016442"}}}],b={args:{data:{title:"Explore Anker\u2019s Top Products By<br>Category",items:c}}},w={args:{data:{title:"Explore Anker\u2019s Top Products By<br>Category",items:c,itemShape:"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  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: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n      alt: 'imgUrlPc',\n    },\n    title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n    buttonText: 'learn More',\n    theme: 'light',\n    extension: {\n      text: 'Al Detection 1',\n      textDesc:\n        \"BionicMind detects, recognizes, determines, acts,and learns. It knows who's at the door, knows if they canbe trusted, and acts accordingly, all with virtually no errors at up to 99.9% accuracy.\",\n      textTitle: 'Advanced BionicMind AI ',\n      textPcImg: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121236640.png?v=1754016442',\n      },\n      textMobileImg: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121236640.png?v=1754016442',\n      },\n    },\n  },\n  {\n    imgUrl: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n      alt: 'imgUrlPc',\n    },\n    title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n    textColor: '#FFF',\n    theme: 'dark',\n    buttonText: 'learn More',\n    extension: {\n      text: 'Al Detection 2',\n      textDesc:\n        \"BionicMind detects, recognizes, determines, acts,and learns. It knows who's at the door, knows if they canbe trusted, and acts accordingly, all with virtually no errors at up to 99.9% accuracy.\",\n      textTitle: 'Advanced BionicMind AI ',\n      textPcImg: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121236640.png?v=1754016442',\n      },\n      textMobileImg: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121236640.png?v=1754016442',\n      },\n    },\n  },\n  {\n    imgUrl: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n      alt: 'imgUrlPc',\n    },\n    title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n    theme: 'light',\n    buttonText: 'learn More',\n    extension: {\n      text: 'Al Detection 3',\n      textDesc:\n        \"BionicMind detects, recognizes, determines, acts,and learns. It knows who's at the door, knows if they canbe trusted, and acts accordingly, all with virtually no errors at up to 99.9% accuracy.\",\n      textTitle: 'Advanced BionicMind AI ',\n      textPcImg: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121236640.png?v=1754016442',\n      },\n      textMobileImg: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121236640.png?v=1754016442',\n      },\n    },\n  },\n  {\n    imgUrl: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n      alt: 'imgUrlPc',\n    },\n    title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n    textColor: '#FFF',\n    theme: 'dark',\n    buttonText: 'learn More',\n    extension: {\n      text: 'Al Detection 4',\n      textDesc:\n        \"BionicMind detects, recognizes, determines, acts,and learns. It knows who's at the door, knows if they canbe trusted, and acts accordingly, all with virtually no errors at up to 99.9% accuracy.\",\n      textTitle: 'Advanced BionicMind AI ',\n      textPcImg: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121236640.png?v=1754016442',\n      },\n      textMobileImg: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121236640.png?v=1754016442',\n      },\n    },\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      title: 'Explore Anker\u2019s Top Products By<br>Category',\n      items: mockItems as any,\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 as any,\n      itemShape: 'round',\n    },\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GAiBQ,IAAAM,EAAA,6BAhBRC,EAAoB,iDAEpB,MAAMC,EAAO,CACX,MAAO,yBACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,mIACb,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,CACN,IAAK,2FACL,IAAK,UACP,EACA,MAAO,yEACP,WAAY,aACZ,MAAO,QACP,UAAW,CACT,KAAM,iBACN,SACE,oMACF,UAAW,0BACX,UAAW,CACT,IAAK,0FACP,EACA,cAAe,CACb,IAAK,0FACP,CACF,CACF,EACA,CACE,OAAQ,CACN,IAAK,2FACL,IAAK,UACP,EACA,MAAO,yEACP,UAAW,OACX,MAAO,OACP,WAAY,aACZ,UAAW,CACT,KAAM,iBACN,SACE,oMACF,UAAW,0BACX,UAAW,CACT,IAAK,0FACP,EACA,cAAe,CACb,IAAK,0FACP,CACF,CACF,EACA,CACE,OAAQ,CACN,IAAK,2FACL,IAAK,UACP,EACA,MAAO,yEACP,MAAO,QACP,WAAY,aACZ,UAAW,CACT,KAAM,iBACN,SACE,oMACF,UAAW,0BACX,UAAW,CACT,IAAK,0FACP,EACA,cAAe,CACb,IAAK,0FACP,CACF,CACF,EACA,CACE,OAAQ,CACN,IAAK,2FACL,IAAK,UACP,EACA,MAAO,yEACP,UAAW,OACX,MAAO,OACP,WAAY,aACZ,UAAW,CACT,KAAM,iBACN,SACE,oMACF,UAAW,0BACX,UAAW,CACT,IAAK,0FACP,EACA,cAAe,CACb,IAAK,0FACP,CACF,CACF,CACF,EAEaT,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,mDACP,MAAOS,CACT,CACF,CACF,EAEaR,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAO,mDACP,MAAOQ,EACP,UAAW,OACb,CACF,CACF",
+  "names": ["graphic_stories_exports", "__export", "Default", "Round", "graphic_stories_default", "__toCommonJS", "import_jsx_runtime", "import_Graphic", "meta", "Graphic", "Story", "mockItems"]
+}

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

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

package/dist/cjs/stories/graphicAttractionBlock.stories.js

@@ -0,0 +1,2 @@
+"use strict";var n=Object.create;var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var h=(t,e)=>{for(var o in e)a(t,o,{get:e[o],enumerable:!0})},l=(t,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of f(e))!g.call(t,i)&&i!==o&&a(t,i,{get:()=>e[i],enumerable:!(s=p(e,i))||s.enumerable});return t};var b=(t,e,o)=>(o=t!=null?n(m(t)):{},l(e||!t||!t.__esModule?a(o,"default",{value:t,enumerable:!0}):o,t)),d=t=>l(a({},"__esModule",{value:!0}),t);var I={};h(I,{Default:()=>k,default:()=>y});module.exports=d(I);var c=require("react/jsx-runtime"),B=require("react"),r=b(require("../biz-components/GraphicAttractionBlock/index.js"));const u={title:"Biz-Components/GraphicAttractionBlock",component:r.default,tags:["autodocs"],parameters:{layout:"fullscreen",docs:{description:{component:"\u56FE\u6587\u5438\u5F15\u533A\u5757"}}},decorators:[t=>(0,c.jsx)("div",{style:{backgroundColor:"#f5f5f5",padding:"2rem"},children:(0,c.jsx)(t,{})})]};var y=u;const k={args:{data:{shape:"square",sectionTitle:"Install and save electricity costs",imageTitle:"Whole-Home Backup Power",imageDescription:"Maintain a high quality of life during blackouts by powering all kinds of home appliances.",imageUrlPc:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121235230.png?v=1747301568",alt:"Image1",thumbnailURL:"https://placehold.co/1920x1080?text=Image1",mimeType:"image/png"},imageUrlMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772031.png?v=1747301554",alt:"Image1",thumbnailURL:"https://placehold.co/1920x1080?text=Image1",mimeType:"image/png"},attractionItems:[{title:"storing energy",description:"Maintain a high quality of life during blackouts",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Image1"}},{title:"storing energy",description:"Store solar power for nighttime use with the solar bank.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Image1"}},{title:"Plug&Play",description:"Connect the Schuko plug to a power socket.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Image1"}},{title:"Plug&Play",description:"Connect the Schuko plug to a power socket.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Image1"}}]}}};
+//# sourceMappingURL=graphicAttractionBlock.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/graphicAttractionBlock.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\nimport GraphicAttractionBlock from '../biz-components/GraphicAttractionBlock/index.js'\nimport type { GraphicAttractionBlockProps } from '../biz-components/GraphicAttractionBlock/index.js'\n\nconst meta: Meta<typeof GraphicAttractionBlock> = {\n  title: 'Biz-Components/GraphicAttractionBlock',\n  component: GraphicAttractionBlock,\n  tags: ['autodocs'],\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u56FE\u6587\u5438\u5F15\u533A\u5757',\n      },\n    },\n  },\n  decorators: [\n    Story => (\n      <div style={{ backgroundColor: '#f5f5f5', padding: '2rem' }}>\n        <Story />\n      </div>\n    ),\n  ],\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof GraphicAttractionBlock>\n\nexport const Default: Story = {\n  args: {\n    data: {\n      shape: 'square',\n      sectionTitle: 'Install and save electricity costs',\n      imageTitle: 'Whole-Home Backup Power',\n      imageDescription: 'Maintain a high quality of life during blackouts by powering all kinds of home appliances.',\n      imageUrlPc: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121235230.png?v=1747301568',\n        alt: 'Image1',\n        thumbnailURL: 'https://placehold.co/1920x1080?text=Image1',\n        mimeType: 'image/png',\n      },\n      imageUrlMob: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772031.png?v=1747301554',\n        alt: 'Image1',\n        thumbnailURL: 'https://placehold.co/1920x1080?text=Image1',\n        mimeType: 'image/png',\n      },\n      attractionItems: [\n        {\n          title: 'storing energy',\n          description: 'Maintain a high quality of life during blackouts',\n          icon: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n            alt: 'Image1',\n          },\n        },\n        {\n          title: 'storing energy',\n          description: 'Store solar power for nighttime use with the solar bank.',\n          icon: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n            alt: 'Image1',\n          },\n        },\n        {\n          title: 'Plug&Play',\n          description: 'Connect the Schuko plug to a power socket.',\n          icon: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n            alt: 'Image1',\n          },\n        },\n        {\n          title: 'Plug&Play',\n          description: 'Connect the Schuko plug to a power socket.',\n          icon: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n            alt: 'Image1',\n          },\n        },\n      ],\n    },\n  } satisfies GraphicAttractionBlockProps,\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAoBQ,IAAAK,EAAA,6BAnBRC,EAAkB,iBAClBC,EAAmC,gEAGnC,MAAMC,EAA4C,CAChD,MAAO,wCACP,UAAW,EAAAC,QACX,KAAM,CAAC,UAAU,EACjB,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,sCACb,CACF,CACF,EACA,WAAY,CACVC,MACE,OAAC,OAAI,MAAO,CAAE,gBAAiB,UAAW,QAAS,MAAO,EACxD,mBAACA,EAAA,EAAM,EACT,CAEJ,CACF,EAEA,IAAOP,EAAQK,EAIR,MAAMN,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,SACP,aAAc,qCACd,WAAY,0BACZ,iBAAkB,6FAClB,WAAY,CACV,IAAK,2FACL,IAAK,SACL,aAAc,6CACd,SAAU,WACZ,EACA,YAAa,CACX,IAAK,2FACL,IAAK,SACL,aAAc,6CACd,SAAU,WACZ,EACA,gBAAiB,CACf,CACE,MAAO,iBACP,YAAa,mDACb,KAAM,CACJ,IAAK,gJACL,IAAK,QACP,CACF,EACA,CACE,MAAO,iBACP,YAAa,2DACb,KAAM,CACJ,IAAK,gJACL,IAAK,QACP,CACF,EACA,CACE,MAAO,YACP,YAAa,6CACb,KAAM,CACJ,IAAK,gJACL,IAAK,QACP,CACF,EACA,CACE,MAAO,YACP,YAAa,6CACb,KAAM,CACJ,IAAK,gJACL,IAAK,QACP,CACF,CACF,CACF,CACF,CACF",
+  "names": ["graphicAttractionBlock_stories_exports", "__export", "Default", "graphicAttractionBlock_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_GraphicAttractionBlock", "meta", "GraphicAttractionBlock", "Story"]
+}