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

package/dist/esm/stories/drawer.stories.js

@@ -0,0 +1,2 @@
+import{jsx as r,jsxs as t}from"react/jsx-runtime";import"react";import{Drawer as a,DrawerClose as o,DrawerContent as s,DrawerFooter as n,DrawerHeader as i,DrawerTrigger as w,Button as e}from"../components/index.js";const p={title:"Components/Drawer",component:a,subcomponents:{DrawerClose:o,DrawerContent:s,DrawerFooter:n,DrawerHeader:i,DrawerTrigger:w},parameters:{layout:"centered",docs:{description:{component:"\u62BD\u5C49\u7EC4\u4EF6\uFF1B\u57FA\u4E8E https://vaul.emilkowal.ski/api \u5F00\u53D1"}}},tags:["autodocs"]};var D=p;const m={args:{direction:"right",children:t(a,{direction:"right",children:[r(w,{asChild:!0,children:r(e,{children:"Open Drawer"})}),r(s,{children:t("div",{className:"mx-auto w-full max-w-sm",children:[r(i,{children:r("span",{children:"My Cart(0)"})}),r("div",{className:"p-4 pb-0",children:"The contents of the drawer..."}),r(n,{children:r(o,{asChild:!0,children:r(e,{children:"Cancel"})})})]})})]})}},u={args:{direction:"bottom",children:t(a,{children:[r(w,{asChild:!0,children:r(e,{children:"Open Drawer"})}),r(s,{children:t("div",{className:"mx-auto w-full",children:[r(i,{children:r("span",{children:"Policy"})}),r("div",{className:"p-4 pb-0",children:"The contents of the drawer..."}),r(n,{children:r(o,{asChild:!0,children:r(e,{className:"w-40",children:"Agree"})})})]})})]})}};export{u as Bottom,m as Default,D as default};
+//# sourceMappingURL=drawer.stories.js.map

package/dist/esm/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": "AA2CU,cAAAA,EAGA,QAAAC,MAHA,oBA3CV,MAAkB,QAClB,OACE,UAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,UAAAC,MACK,yBAGP,MAAMC,EAAO,CACX,MAAO,oBACP,UAAWP,EACX,cAAe,CACb,YAAAC,EACA,cAAAC,EACA,aAAAC,EACA,aAAAC,EACA,cAAAC,CACF,EACA,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,wFACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOG,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,UAAW,QACX,SACEV,EAACC,EAAA,CAAO,UAAU,QAChB,UAAAF,EAACO,EAAA,CAAc,QAAO,GACpB,SAAAP,EAACQ,EAAA,CAAO,uBAAW,EACrB,EACAR,EAACI,EAAA,CACC,SAAAH,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACM,EAAA,CACC,SAAAN,EAAC,QAAK,sBAAU,EAClB,EACAA,EAAC,OAAI,UAAU,WAAW,yCAA6B,EACvDA,EAACK,EAAA,CACC,SAAAL,EAACG,EAAA,CAAY,QAAO,GAClB,SAAAH,EAACQ,EAAA,CAAO,kBAAM,EAChB,EACF,GACF,EACF,GACF,CAEJ,CACF,EAEaI,EAAgB,CAC3B,KAAM,CACJ,UAAW,SACX,SACEX,EAACC,EAAA,CACC,UAAAF,EAACO,EAAA,CAAc,QAAO,GACpB,SAAAP,EAACQ,EAAA,CAAO,uBAAW,EACrB,EACAR,EAACI,EAAA,CACC,SAAAH,EAAC,OAAI,UAAU,iBACb,UAAAD,EAACM,EAAA,CACC,SAAAN,EAAC,QAAK,kBAAM,EACd,EACAA,EAAC,OAAI,UAAU,WAAW,yCAA6B,EACvDA,EAACK,EAAA,CACC,SAAAL,EAACG,EAAA,CAAY,QAAO,GAClB,SAAAH,EAACQ,EAAA,CAAO,UAAU,OAAO,iBAAK,EAChC,EACF,GACF,EACF,GACF,CAEJ,CACF",
+  "names": ["jsx", "jsxs", "Drawer", "DrawerClose", "DrawerContent", "DrawerFooter", "DrawerHeader", "DrawerTrigger", "Button", "meta", "drawer_stories_default", "Default", "Bottom"]
+}

package/dist/esm/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/esm/stories/drop-down.stories.js

@@ -0,0 +1,2 @@
+import{jsx as o,jsxs as n}from"react/jsx-runtime";import{DropdownMenu as p,DropdownMenuTrigger as t,DropdownMenuContent as u,DropdownMenuItem as e,DropdownMenuCheckboxItem as s,DropdownMenuRadioItem as m,DropdownMenuLabel as d,DropdownMenuSeparator as c,DropdownMenuShortcut as w,DropdownMenuGroup as r,DropdownMenuPortal as M,DropdownMenuSub as D,DropdownMenuSubContent as a,DropdownMenuSubTrigger as i,DropdownMenuRadioGroup as l}from"../components/drop-down.js";const b={title:"Components/DropDown",component:p,subcomponents:{DropdownMenuTrigger:t,DropdownMenuContent:u,DropdownMenuItem:e,DropdownMenuCheckboxItem:s,DropdownMenuRadioItem:m,DropdownMenuLabel:d,DropdownMenuSeparator:c,DropdownMenuShortcut:w,DropdownMenuGroup:r,DropdownMenuPortal:M,DropdownMenuSub:D,DropdownMenuSubContent:a,DropdownMenuSubTrigger:i,DropdownMenuRadioGroup:l},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 I=b;const S=()=>n(p,{children:[o(t,{asChild:!0,children:o("span",{children:"Open"})}),n(u,{children:[o(d,{children:"My Account"}),n(r,{children:[n(e,{children:["Profile",o(w,{children:"\u2318"})]}),o(e,{children:"Billing"})]}),n(r,{children:[o(e,{children:"Team"}),n(D,{children:[o(i,{children:"Invite users"}),o(M,{children:n(a,{children:[o(e,{children:"Email"}),o(e,{children:"Message"})]})})]})]})]})]});export{S as Default,I as default};
+//# sourceMappingURL=drop-down.stories.js.map

package/dist/esm/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": "AAyDM,cAAAA,EAKE,QAAAC,MALF,oBAxDN,OACE,gBAAAC,EACA,uBAAAC,EACA,uBAAAC,EACA,oBAAAC,EACA,4BAAAC,EACA,yBAAAC,EACA,qBAAAC,EACA,yBAAAC,EACA,wBAAAC,EACA,qBAAAC,EACA,sBAAAC,EACA,mBAAAC,EACA,0BAAAC,EACA,0BAAAC,EACA,0BAAAC,MACK,6BAEP,MAAMC,EAAO,CAEX,MAAO,sBACP,UAAWf,EACX,cAAe,CACb,oBAAAC,EACA,oBAAAC,EACA,iBAAAC,EACA,yBAAAC,EACA,sBAAAC,EACA,kBAAAC,EACA,sBAAAC,EACA,qBAAAC,EACA,kBAAAC,EACA,mBAAAC,EACA,gBAAAC,EACA,uBAAAC,EACA,uBAAAC,EACA,uBAAAC,CACF,EACA,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,kIACJ,CACF,CACF,EAEA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAER,MAAME,EAAU,IACrBlB,EAACC,EAAA,CACC,UAAAF,EAACG,EAAA,CAAoB,QAAO,GAC1B,SAAAH,EAAC,QAAK,gBAAI,EACZ,EACAC,EAACG,EAAA,CACC,UAAAJ,EAACQ,EAAA,CAAkB,sBAAU,EAC7BP,EAACU,EAAA,CACC,UAAAV,EAACI,EAAA,CAAiB,oBAEhBL,EAACU,EAAA,CAAqB,kBAAC,GACzB,EACAV,EAACK,EAAA,CAAiB,mBAAO,GAC3B,EACAJ,EAACU,EAAA,CACC,UAAAX,EAACK,EAAA,CAAiB,gBAAI,EACtBJ,EAACY,EAAA,CACC,UAAAb,EAACe,EAAA,CAAuB,wBAAY,EACpCf,EAACY,EAAA,CACC,SAAAX,EAACa,EAAA,CACC,UAAAd,EAACK,EAAA,CAAiB,iBAAK,EACvBL,EAACK,EAAA,CAAiB,mBAAO,GAC3B,EACF,GACF,GACF,GACF,GACF",
+  "names": ["jsx", "jsxs", "DropdownMenu", "DropdownMenuTrigger", "DropdownMenuContent", "DropdownMenuItem", "DropdownMenuCheckboxItem", "DropdownMenuRadioItem", "DropdownMenuLabel", "DropdownMenuSeparator", "DropdownMenuShortcut", "DropdownMenuGroup", "DropdownMenuPortal", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuRadioGroup", "meta", "drop_down_stories_default", "Default"]
+}

package/dist/esm/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/esm/stories/evaluate.stories.js

@@ -0,0 +1,2 @@
+import t from"../biz-components/Evaluate/index.js";const a={title:"Biz-Components/Evaluate",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var s=a;const e=[{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"}}],o={args:{data:{products:e},className:"p-4"}},i={args:{data:{products:e,shape:"round"},className:"p-4"}};export{o as Default,i as Round,s as default};
+//# sourceMappingURL=evaluate.stories.js.map

package/dist/esm/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": "AACA,OAAOA,MAAc,sCAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,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,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,SAAUD,CACZ,EACA,UAAW,KACb,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,SAAUF,EACV,MAAO,OACT,EACA,UAAW,KACb,CACF",
+  "names": ["Evaluate", "meta", "evaluate_stories_default", "mockItems", "Default", "Round"]
+}

package/dist/esm/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/esm/stories/faq.stories.js

@@ -0,0 +1,2 @@
+import e from"../biz-components/Faq/Faq.js";const a={title:"Biz Components/Faq",component:e,parameters:{layout:"fullscreen",docs:{description:{component:"Faq \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u5E38\u89C1\u95EE\u9898"}}},tags:["autodocs"]};var o=a;const t=[{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."}],s={args:{data:{productData:t}}};export{s as Default,o as default};
+//# sourceMappingURL=faq.stories.js.map

package/dist/esm/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": "AACA,OAAOA,MAAS,+BAGhB,MAAMC,EAAO,CACX,MAAO,qBACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,kEACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,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,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,YAAaD,CACf,CACF,CACF",
+  "names": ["Faq", "meta", "faq_stories_default", "listData", "Default"]
+}

package/dist/esm/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/esm/stories/featureCards.stories.js

@@ -0,0 +1,61 @@
+import"react";import a from"../biz-components/FeatureCards/index.js";const s={title:"Biz Components/FeatureCards",component:a,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 c=s;const e={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."}]},n={args:{data:e}},p={args:{data:{...e,items:e.items.map(t=>({...t,theme:"light"}))}}},l={args:{data:{...e,items:e.items.map(t=>({...t,link:"https://www.example.com"}))}}},d={args:{data:{...e,items:e.items.slice(0,2)}}},m={args:{data:{...e,items:[e.items[0]]}}},f={args:{data:{title:"Personalized Carpet Cleaning Mode",items:e.items}}},u={args:{data:{...e,items:[...e.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"}}}},g={args:{data:{...e,items:[...e.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"}}}},h={args:{data:e,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;
+}
+\`\`\`
+        `}}}};export{n as Default,g as FiveCards,u as FourCards,p as LightTheme,m as SingleCard,d as TwoCards,h as WithCustomStyles,l as WithLinks,f as WithoutSubtitle,c as default};
+//# sourceMappingURL=featureCards.stories.js.map

package/dist/esm/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": "AAAA,MAAkB,QAElB,OAAOA,MAAkB,0CAGzB,MAAMC,EAAO,CACX,MAAO,8BACP,UAAWD,EACX,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,IAAOE,EAAQD,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,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAMD,CACR,CACF,EAEaE,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,GAAGF,EACH,MAAOA,EAAY,MAAM,IAAIG,IAAS,CACpC,GAAGA,EACH,MAAO,OACT,EAAE,CACJ,CACF,CACF,EAEaC,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGJ,EACH,MAAOA,EAAY,MAAM,IAAIG,IAAS,CACpC,GAAGA,EACH,KAAM,yBACR,EAAE,CACJ,CACF,CACF,EAEaE,EAAkB,CAC7B,KAAM,CACJ,KAAM,CACJ,GAAGL,EACH,MAAOA,EAAY,MAAM,MAAM,EAAG,CAAC,CACrC,CACF,CACF,EAEaM,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,GAAGN,EACH,MAAO,CAACA,EAAY,MAAM,CAAC,CAAC,CAC9B,CACF,CACF,EAEaO,EAAyB,CACpC,KAAM,CACJ,KAAM,CACJ,MAAO,oCACP,MAAOP,EAAY,KACrB,CACF,CACF,EAEaQ,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGR,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,EAEaS,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGT,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,EAEaU,EAA0B,CACrC,KAAM,CACJ,KAAMV,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", "meta", "featureCards_stories_default", "defaultData", "Default", "LightTheme", "item", "WithLinks", "TwoCards", "SingleCard", "WithoutSubtitle", "FourCards", "FiveCards", "WithCustomStyles"]
+}

package/dist/esm/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/esm/stories/featureShowcase.stories.js

@@ -0,0 +1,44 @@
+import"react";import a from"../biz-components/FeatureShowcase/index.js";const t={title:"Biz Components/FeatureShowcase",component:a,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 c=t;const e={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"}}]},r={args:{data:e}},f={args:{data:{datalist:e.datalist,datalists:[]}}},m={args:{data:{datalist:[e.datalist[0]],datalists:[e.datalists[0]]}}},n={args:{data:{datalist:[],datalists:[]}}},p={args:{data:e,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;
+}
+\`\`\`
+        `}}}};export{r as Default,n as EmptyLists,m as SingleItemPerList,f as SingleList,p as WithCustomStyles,c as default};
+//# sourceMappingURL=featureShowcase.stories.js.map

package/dist/esm/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": "AAAA,MAAkB,QAElB,OAAOA,MAAqB,6CAG5B,MAAMC,EAAO,CACX,MAAO,iCACP,UAAWD,EACX,WAAY,CACV,OAAQ,SACR,YAAa,CACX,QAAS,MACX,EACA,KAAM,CACJ,YAAa,CACX,UAAW,0KACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,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,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAMD,CACR,CACF,EAEaE,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,SAAUF,EAAY,SACtB,UAAW,CAAC,CACd,CACF,CACF,EAEaG,EAA2B,CACtC,KAAM,CACJ,KAAM,CACJ,SAAU,CAACH,EAAY,SAAS,CAAC,CAAC,EAClC,UAAW,CAACA,EAAY,UAAU,CAAC,CAAC,CACtC,CACF,CACF,EAEaI,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,SAAU,CAAC,EACX,UAAW,CAAC,CACd,CACF,CACF,EAEaC,EAA0B,CACrC,KAAM,CACJ,KAAML,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", "meta", "featureShowcase_stories_default", "defaultData", "Default", "SingleList", "SingleItemPerList", "EmptyLists", "WithCustomStyles"]
+}

package/dist/esm/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/esm/stories/graphic.stories.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";import o from"../biz-components/Graphic/index.js";const r={title:"Biz-Components/Graphic",component:o,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:[s=>e("div",{style:{paddingTop:"2em"},children:e(s,{})})],tags:["autodocs"]};var n=r;const t=[{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"}}}],a={args:{data:{title:"Explore Anker\u2019s Top Products By<br>Category",items:t}}},c={args:{data:{title:"Explore Anker\u2019s Top Products By<br>Category",items:t,itemShape:"round"}}};export{a as Default,c as Round,n as default};
+//# sourceMappingURL=graphic.stories.js.map

package/dist/esm/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": "AAiBQ,cAAAA,MAAA,oBAhBR,OAAOC,MAAa,qCAEpB,MAAMC,EAAO,CACX,MAAO,yBACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,mIACb,CACF,CACF,EACA,WAAY,CACVE,GACEH,EAAC,OAAI,MAAO,CAAE,WAAY,KAAM,EAC9B,SAAAA,EAACG,EAAA,EAAM,EACT,CAEJ,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOC,EAAQF,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,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,mDACP,MAAOD,CACT,CACF,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAO,mDACP,MAAOF,EACP,UAAW,OACb,CACF,CACF",
+  "names": ["jsx", "Graphic", "meta", "Story", "graphic_stories_default", "mockItems", "Default", "Round"]
+}

package/dist/esm/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/esm/stories/graphicAttractionBlock.stories.js

@@ -0,0 +1,2 @@
+import{jsx as t}from"react/jsx-runtime";import"react";import o from"../biz-components/GraphicAttractionBlock/index.js";const i={title:"Biz-Components/GraphicAttractionBlock",component:o,tags:["autodocs"],parameters:{layout:"fullscreen",docs:{description:{component:"\u56FE\u6587\u5438\u5F15\u533A\u5757"}}},decorators:[e=>t("div",{style:{backgroundColor:"#f5f5f5",padding:"2rem"},children:t(e,{})})]};var l=i;const r={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"}}]}}};export{r as Default,l as default};
+//# sourceMappingURL=graphicAttractionBlock.stories.js.map

package/dist/esm/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": "AAoBQ,cAAAA,MAAA,oBAnBR,MAAkB,QAClB,OAAOC,MAA4B,oDAGnC,MAAMC,EAA4C,CAChD,MAAO,wCACP,UAAWD,EACX,KAAM,CAAC,UAAU,EACjB,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,sCACb,CACF,CACF,EACA,WAAY,CACVE,GACEH,EAAC,OAAI,MAAO,CAAE,gBAAiB,UAAW,QAAS,MAAO,EACxD,SAAAA,EAACG,EAAA,EAAM,EACT,CAEJ,CACF,EAEA,IAAOC,EAAQF,EAIR,MAAMG,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": ["jsx", "GraphicAttractionBlock", "meta", "Story", "graphicAttractionBlock_stories_default", "Default"]
+}

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

@@ -0,0 +1,22 @@
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../index.js").GridProps & React.RefAttributes<HTMLDivElement>>;
+    subcomponents: {
+        GridItem: React.ForwardRefExoticComponent<import("../index.js").GridItemProps & React.RefAttributes<HTMLDivElement>>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+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 CustomGap: () => import("react/jsx-runtime").JSX.Element;
+export declare const DifferentGaps: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/stories/grid.stories.js

@@ -0,0 +1,13 @@
+import{Fragment as x,jsx as t,jsxs as s}from"react/jsx-runtime";import"react";import{Grid as p,GridItem as e}from"../components/grid.js";const m={title:"Layout/Grid",component:p,subcomponents:{GridItem:e},parameters:{layout:"fullscreen",docs:{description:{component:`
+Grid \u5E03\u5C40\u7EC4\u4EF6\uFF0C\u57FA\u4E8E CSS Grid \u5B9E\u73B0\u7684 12 \u5217\u7F51\u683C\u7CFB\u7EDF\u3002
+
+### \u5B9E\u73B0\u7EC6\u8282
+- Grid \u7EC4\u4EF6\u4F7F\u7528 CSS Grid \u5E03\u5C40\uFF0C\u9ED8\u8BA4\u4E3A 12 \u5217\u7F51\u683C
+- \u9ED8\u8BA4\u95F4\u8DDD\u4E3A gap-3 (12px)\uFF0C\u5728 md \u65AD\u70B9\u540E\u53D8\u4E3A gap-4 (16px)
+- \u4F7F\u7528 Tailwind CSS \u7684\u7F51\u683C\u7C7B\u5B9E\u73B0\uFF0C\u65E0\u9700\u989D\u5916\u7684 CSS
+
+### \u5BBD\u5EA6 \u548C \u81EA\u5B9A\u4E49\u5B9A\u4F4D\u5F00\u59CB\u548C\u7ED3\u675F\u4F4D\u7F6E
+- \u4F7F\u7528 start \u548C end \u5C5E\u6027\u6765\u6307\u5B9A\u7F51\u683C\u9879\u7684\u5F00\u59CB\u548C\u7ED3\u675F\u4F4D\u7F6E\uFF081-13\uFF09
+- \u4F7F\u7528 span \u5C5E\u6027\u6765\u6307\u5B9A\u7F51\u683C\u9879\u7684\u8DE8\u5EA6\uFF081-12\uFF09
+        `}}},tags:["autodocs"]};var g=m;const b=()=>t("div",{className:"p-4",children:s(p,{children:[t(e,{span:12,className:"bg-blue-100 p-4 text-center",children:"span-12"}),t(e,{span:6,className:"bg-blue-200 p-4 text-center",children:"span-6"}),t(e,{span:6,className:"bg-blue-300 p-4 text-center",children:"span-6"}),t(e,{span:4,className:"bg-blue-400 p-4 text-center",children:"span-4"}),t(e,{span:4,className:"bg-blue-500 p-4 text-center",children:"span-4"}),t(e,{span:4,className:"bg-blue-600 p-4 text-center",children:"span-4"}),t(e,{span:3,className:"bg-blue-700 p-4 text-center text-white",children:"span-3"}),t(e,{span:3,className:"bg-blue-800 p-4 text-center text-white",children:"span-3"}),t(e,{span:3,className:"bg-blue-900 p-4 text-center text-white",children:"span-3"}),t(e,{span:3,className:"bg-blue-950 p-4 text-center text-white",children:"span-3"})]})}),N=({baseStart:n=2,baseEnd:r=6,showBoundaryExamples:i=!0,gridGap:d="",colorScheme:a="blue"})=>t("div",{className:"p-4",children:s(p,{className:d,children:[s(e,{start:n,end:r,className:`bg-${a}-200 p-4 text-center`,children:["start-",n," end-",r]}),s(e,{start:r+1,end:12,className:`bg-${a}-300 p-4 text-center`,children:["start-",r+1," end-12"]}),t(e,{start:1,end:13,className:`bg-${a}-400 p-4 text-center`,children:"start-1 end-13 (\u6574\u884C)"}),t(e,{start:1,end:2,className:`bg-${a}-500 p-4 text-center text-white`,children:"1\u683C (start-1)"}),t(e,{start:3,end:4,className:`bg-${a}-500 p-4 text-center text-white`,children:"1\u683C (start-3)"}),t(e,{start:5,end:10,className:`bg-${a}-600 p-4 text-center text-white`,children:"start-5 end-10"}),t(e,{start:10,end:13,className:`bg-${a}-700 p-4 text-center text-white`,children:"end-13"}),t(e,{start:1,span:3,className:`bg-${a}-800 p-4 text-center text-white`,children:"start-1 span-3"}),t(e,{start:4,span:9,className:`bg-${a}-900 p-4 text-center text-white`,children:"start-4 span-9"}),i&&s(x,{children:[t(e,{start:12,span:1,className:"bg-yellow-500 p-4 text-center text-white",children:"\u6700\u540E1\u683C"}),t(e,{start:1,span:1,className:"bg-yellow-600 p-4 text-center text-white",children:"\u7B2C1\u683C"})]})]})}),I=()=>t("div",{className:"p-4",children:s(p,{className:"gap-8",children:[t(e,{span:6,className:"bg-purple-200 p-4 text-center",children:"\u95F4\u8DDD 32px (gap-8)"}),t(e,{span:6,className:"bg-purple-300 p-4 text-center",children:"\u95F4\u8DDD 32px (gap-8)"}),t(e,{span:4,className:"bg-purple-400 p-4 text-center",children:"\u95F4\u8DDD 32px (gap-8)"}),t(e,{span:4,className:"bg-purple-500 p-4 text-center text-white",children:"\u95F4\u8DDD 32px (gap-8)"}),t(e,{span:4,className:"bg-purple-600 p-4 text-center text-white",children:"\u95F4\u8DDD 32px (gap-8)"})]})}),o=()=>t("div",{className:"p-4",children:s(p,{className:"gap-x-8 gap-y-2",children:[t(e,{span:6,className:"bg-orange-200 p-4 text-center",children:"\u6A2A\u5411 32px \u7EB5\u5411 8px"}),t(e,{span:6,className:"bg-orange-300 p-4 text-center",children:"\u6A2A\u5411 32px \u7EB5\u5411 8px"}),t(e,{span:4,className:"bg-orange-400 p-4 text-center",children:"\u6A2A\u5411 32px \u7EB5\u5411 8px"}),t(e,{span:4,className:"bg-orange-500 p-4 text-center text-white",children:"\u6A2A\u5411 32px \u7EB5\u5411 8px"}),t(e,{span:4,className:"bg-orange-600 p-4 text-center text-white",children:"\u6A2A\u5411 32px \u7EB5\u5411 8px"})]})});export{b as Basic,I as CustomGap,N as CustomPosition,o as DifferentGaps,g as default};
+//# sourceMappingURL=grid.stories.js.map