@anker-in/headless-ui 1.1.16 → 1.1.17-alpha-1765978730

package/dist/esm/stories/eventSchedule.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/eventSchedule.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\n\nimport EventSchedule, { type EventScheduleData } from '../biz-components/EventSchedule/index.js'\n\n// \u6A21\u62DF\u56FE\u6807\u7EC4\u4EF6\nconst CalendarIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M15.833 3.333h-11.666c-.92 0-1.667.746-1.667 1.667v11.667c0 .92.746 1.666 1.667 1.666h11.666c.92 0 1.667-.746 1.667-1.666V5c0-.921-.746-1.667-1.667-1.667z\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M13.333 1.667V5M6.667 1.667V5M2.5 8.333h15\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\nconst ClockIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666z\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M10 5v5l3.333 1.667\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\nconst GiftIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M16.667 10v6.667c0 .442-.176.866-.489 1.179-.313.312-.737.488-1.178.488H5c-.442 0-.866-.176-1.179-.488A1.667 1.667 0 013.333 16.667V10\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M18.333 5.833v4.167H1.667V5.833c0-.442.175-.866.488-1.178.313-.313.737-.489 1.179-.489h13.333c.441 0 .865.176 1.178.489.313.312.489.736.489 1.178zM10 18.333V4.167\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M10 4.167H6.25A2.083 2.083 0 014.167 2.083c0-1.15.933-2.083 2.083-2.083C8.333 0 10 4.167 10 4.167zM10 4.167h3.75a2.083 2.083 0 002.083-2.084c0-1.15-.933-2.083-2.083-2.083C11.667 0 10 4.167 10 4.167z\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\n// \u6A21\u62DF\u4E1A\u52A1\u6570\u636E\nconst mockData: EventScheduleData = {\n  scheduleList: [\n    {\n      title: '\u65E9\u9E1F\u4E13\u5C5E\u798F\u5229',\n      date: '2024-12-01',\n      active: true,\n      backgroundImage: 'https://images.unsplash.com/photo-1549465220-1a8b9238cd48?w=200&h=150&fit=crop',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u67081\u65E5 - 12\u670815\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u9650\u65F6\u4F18\u60E0 48 \u5C0F\u65F6',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u8D2D\u4E70\u5373\u9001\u7CBE\u7F8E\u793C\u54C1',\n        },\n      ],\n    },\n    {\n      title: '\u5723\u8BDE\u7279\u60E0\u6D3B\u52A8',\n      date: '2024-12-16',\n      active: false,\n      backgroundImage: 'https://images.unsplash.com/photo-1512909006721-3d6018887383?w=200&h=150&fit=crop',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u670816\u65E5 - 12\u670831\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u5168\u5929\u5019\u4F18\u60E0',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u6EE1\u989D\u8D60\u9001\u5723\u8BDE\u793C\u76D2',\n        },\n      ],\n    },\n  ],\n}\n\n// \u4E09\u4E2A\u6D3B\u52A8\u7684\u6570\u636E\nconst threeEventsData: EventScheduleData = {\n  scheduleList: [\n    {\n      title: '\u65B0\u5E74\u9884\u70ED\u6D3B\u52A8',\n      date: '2024-12-01',\n      active: true,\n      backgroundImage: 'https://images.unsplash.com/photo-1549465220-1a8b9238cd48?w=200&h=150&fit=crop',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u67081\u65E5 - 12\u670810\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u6BCF\u65E5\u4E0A\u534810\u70B9\u5F00\u62A2',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u524D100\u540D\u9001\u795E\u79D8\u793C\u7269',\n        },\n      ],\n    },\n    {\n      title: '\u5723\u8BDE\u72C2\u6B22',\n      date: '2024-12-11',\n      active: false,\n      backgroundImage: 'https://images.unsplash.com/photo-1512909006721-3d6018887383?w=200&h=150&fit=crop',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u670811\u65E5 - 12\u670825\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u5168\u5929\u4F18\u60E0\u4E0D\u95F4\u65AD',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u6EE1\u51CF\u6D3B\u52A8\u6700\u9AD8\u7701500',\n        },\n      ],\n    },\n    {\n      title: '\u8DE8\u5E74\u7279\u60E0',\n      date: '2024-12-26',\n      active: false,\n      backgroundImage: 'https://images.unsplash.com/photo-1467810563316-b5476525c0f9?w=200&h=150&fit=crop',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u670826\u65E5 - 1\u67081\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u5012\u8BA1\u65F6\u7279\u60E0',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u65B0\u5E74\u793C\u5305\u9650\u91CF\u62A2\u8D2D',\n        },\n      ],\n    },\n  ],\n}\n\nconst meta = {\n  title: 'Biz Components/EventSchedule',\n  component: EventSchedule,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u6D3B\u52A8\u65E5\u7A0B\u7EC4\u4EF6 - \u5C55\u793A\u6D3B\u52A8\u65F6\u95F4\u8F74\u548C\u8BE6\u7EC6\u4FE1\u606F\u5361\u7247\uFF0C\u652F\u6301\u591A\u4E2A\u6D3B\u52A8\u540C\u65F6\u5C55\u793A\uFF0C\u5E26\u6709\u6FC0\u6D3B\u72B6\u6001\u6307\u793A',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: '\u4E1A\u52A1\u6570\u636E\uFF0C\u5305\u542B\u65E5\u7A0B\u5217\u8868',\n      control: { type: 'object' },\n    },\n    className: {\n      description: '\u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D',\n      control: { type: 'text' },\n    },\n  },\n} satisfies Meta<typeof EventSchedule>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\n/**\n * \u9ED8\u8BA4\u5C55\u793A - \u4E24\u4E2A\u6D3B\u52A8\n */\nexport const Default: Story = {\n  args: {\n    data: mockData,\n  },\n}\n\n/**\n * \u4E09\u4E2A\u6D3B\u52A8\u5C55\u793A\n */\nexport const ThreeEvents: Story = {\n  args: {\n    data: threeEventsData,\n  },\n}\n\n/**\n * \u5355\u4E2A\u6D3B\u52A8\n */\nexport const SingleEvent: Story = {\n  args: {\n    data: {\n      scheduleList: [\n        {\n          title: '\u9650\u65F6\u79D2\u6740\u6D3B\u52A8',\n          date: '2024-12-01',\n          active: true,\n          backgroundImage: 'https://images.unsplash.com/photo-1549465220-1a8b9238cd48?w=200&h=150&fit=crop',\n          items: [\n            {\n              icon: <CalendarIcon />,\n              label: '12\u67081\u65E5\u5168\u5929',\n            },\n            {\n              icon: <ClockIcon />,\n              label: '\u6BCF\u5C0F\u65F6\u6574\u70B9\u5F00\u62A2',\n            },\n            {\n              icon: <GiftIcon />,\n              label: '\u79D2\u6740\u4EF7\u4F4E\u81F33\u6298',\n            },\n          ],\n        },\n      ],\n    },\n  },\n}\n\n/**\n * \u65E0\u80CC\u666F\u56FE\u7247\n */\nexport const WithoutBackgroundImage: Story = {\n  args: {\n    data: {\n      scheduleList: [\n        {\n          title: '\u590F\u5B63\u6E05\u4ED3\u7279\u5356',\n          date: '2024-06-01',\n          active: true,\n          items: [\n            {\n              icon: <CalendarIcon />,\n              label: '6\u67081\u65E5 - 6\u670830\u65E5',\n            },\n            {\n              icon: <ClockIcon />,\n              label: '\u5168\u5929\u5019\u4F18\u60E0',\n            },\n            {\n              icon: <GiftIcon />,\n              label: '\u4E70\u4E00\u9001\u4E00',\n            },\n          ],\n        },\n        {\n          title: '\u65B0\u54C1\u4E0A\u5E02',\n          date: '2024-07-01',\n          active: false,\n          items: [\n            {\n              icon: <CalendarIcon />,\n              label: '7\u67081\u65E5\u8D77',\n            },\n            {\n              icon: <ClockIcon />,\n              label: '\u6301\u7EED\u4E00\u4E2A\u6708',\n            },\n            {\n              icon: <GiftIcon />,\n              label: '\u65B0\u54C1\u5C1D\u9C9C\u4EF7',\n            },\n          ],\n        },\n      ],\n    },\n  },\n}\n"],
+  "mappings": "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B,MAAO,CACL,CACE,KAAMZ,EAACG,EAAA,EAAa,EACpB,MAAO,6BACT,EACA,CACE,KAAMH,EAACI,EAAA,EAAU,EACjB,MAAO,4CACT,EACA,CACE,KAAMJ,EAACK,EAAA,EAAS,EAChB,MAAO,uCACT,CACF,CACF,CACF,CACF,CACF,CACF,EAKaQ,EAAgC,CAC3C,KAAM,CACJ,KAAM,CACJ,aAAc,CACZ,CACE,MAAO,uCACP,KAAM,aACN,OAAQ,GACR,MAAO,CACL,CACE,KAAMb,EAACG,EAAA,EAAa,EACpB,MAAO,kCACT,EACA,CACE,KAAMH,EAACI,EAAA,EAAU,EACjB,MAAO,gCACT,EACA,CACE,KAAMJ,EAACK,EAAA,EAAS,EAChB,MAAO,0BACT,CACF,CACF,EACA,CACE,MAAO,2BACP,KAAM,aACN,OAAQ,GACR,MAAO,CACL,CACE,KAAML,EAACG,EAAA,EAAa,EACpB,MAAO,sBACT,EACA,CACE,KAAMH,EAACI,EAAA,EAAU,EACjB,MAAO,gCACT,EACA,CACE,KAAMJ,EAACK,EAAA,EAAS,EAChB,MAAO,gCACT,CACF,CACF,CACF,CACF,CACF,CACF",
+  "names": ["jsx", "jsxs", "EventSchedule", "CalendarIcon", "ClockIcon", "GiftIcon", "mockData", "threeEventsData", "meta", "eventSchedule_stories_default", "Default", "ThreeEvents", "SingleEvent", "WithoutBackgroundImage"]
+}

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

@@ -0,0 +1,26 @@
+import type { StoryObj } from '@storybook/react';
+import { type PromotionalBarData } from '../biz-components/PromotionalBar/index.js';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("../biz-components/PromotionalBar/index.js").PromotionalBarProps & import("react").RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        data: {
+            description: string;
+        };
+    };
+    args: {
+        data: PromotionalBarData;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/esm/stories/promotionalBar.stories.js

@@ -0,0 +1,2 @@
+import t from"../biz-components/PromotionalBar/index.js";const o={title:"\u63A8\u5E7F\u680F"},a={title:"Biz Components/PromotionalBar",component:t,parameters:{layout:"centered",docs:{description:{component:"\u63A8\u5E7F\u680F - \u63A8\u5E7F\u680F"}}},tags:["autodocs"],argTypes:{data:{description:"\u4E1A\u52A1\u6570\u636E"}},args:{data:o}};var e=a;const n={args:{}};export{n as Default,e as default};
+//# sourceMappingURL=promotionalBar.stories.js.map

package/dist/esm/stories/promotionalBar.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/promotionalBar.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport PromotionalBar, { type PromotionalBarData } from '../biz-components/PromotionalBar/index.js'\n\n// \u6A21\u62DF\u4E1A\u52A1\u6570\u636E\nconst mockData: PromotionalBarData = {\n  title: '\u63A8\u5E7F\u680F',\n  // \u6839\u636E\u5B9E\u9645\u4E1A\u52A1\u9700\u6C42\u6DFB\u52A0\u66F4\u591A\u6570\u636E\u5B57\u6BB5\n}\n\nconst meta = {\n  title: 'Biz Components/PromotionalBar',\n  component: PromotionalBar,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: '\u63A8\u5E7F\u680F - \u63A8\u5E7F\u680F',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: '\u4E1A\u52A1\u6570\u636E',\n    },\n  },\n  args: {\n    data: mockData,\n  },\n} satisfies Meta<typeof PromotionalBar>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {},\n}\n"],
+  "mappings": "AAEA,OAAOA,MAAiD,4CAGxD,MAAMC,EAA+B,CACnC,MAAO,oBAET,EAEMC,EAAO,CACX,MAAO,gCACP,UAAWF,EACX,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,yCACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,YAAa,0BACf,CACF,EACA,KAAM,CACJ,KAAMC,CACR,CACF,EAEA,IAAOE,EAAQD,EAGR,MAAME,EAAiB,CAC5B,KAAM,CAAC,CACT",
+  "names": ["PromotionalBar", "mockData", "meta", "promotionalBar_stories_default", "Default"]
+}

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

@@ -0,0 +1,47 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import { type SecondaryBannerData } from '../biz-components/SecondaryBanner/index.js';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<Omit<import("../biz-components/SecondaryBanner/index.js").SecondaryBannerProps & React.RefAttributes<HTMLElement>, 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[];
+    argTypes: {
+        data: {
+            description: string;
+            control: "object";
+        };
+        className: {
+            description: string;
+            control: "text";
+        };
+        classNames: {
+            description: string;
+            control: "object";
+        };
+    };
+    args: {
+        data: SecondaryBannerData;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const SmallSize: Story;
+export declare const LargeSize: Story;
+export declare const ExtraLargeSize: Story;
+export declare const WithButton: Story;
+export declare const TitleOnly: Story;
+export declare const FullContent: Story;
+export declare const DarkTheme: Story;
+export declare const WithVideosBackground: Story;

package/dist/esm/stories/secondaryBanner.stories.js

@@ -0,0 +1,2 @@
+import"react";import e from"../biz-components/SecondaryBanner/index.js";const t={title:"Explore Endless Possibilities",superTitle:"New Experience",subtitle:"Discover more exciting content and start your digital journey",size:"base",theme:"light",primaryButton:{text:"Get Started",onClick:()=>alert("Button clicked!"),link:"#start"},secondaryButton:{text:"Learn More",onClick:()=>alert("Learn More clicked!"),link:"#learn-more"},endDate:"2025-12-31T23:59:59",endDate_tz:"America/Los_Angeles",dateFormat:"Day, Hour, Minute, Second",pcImage:{url:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/banner_pc.png?v=1765779947",alt:"PC background image",thumbnailURL:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/banner_pc.png?v=1765779947",mimeType:"image/jpeg"},padImage:{url:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Secondary_Banner_public_mobile.png?v=1765780165",alt:"Tablet background image",thumbnailURL:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Secondary_Banner_public_mobile.png?v=1765780165",mimeType:"image/jpeg"},mobileImage:{url:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Secondary_Banner_public_mobile_2.png?v=1765780255",alt:"Mobile background image",thumbnailURL:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Secondary_Banner_public_mobile_2.png?v=1765780255",mimeType:"image/jpeg"},iconArray:[{url:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/icon_endorsement_2.png?v=1765765485",alt:"icon1",thumbnailURL:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/icon_endorsement_2.png?v=1765765485",mimeType:"image/png"},{url:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/icon_endorsement.png?v=1765765486",alt:"icon2",thumbnailURL:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/icon_endorsement.png?v=1765765486",mimeType:"image/png"}]},a={title:"Biz Components/SecondaryBanner",component:e,parameters:{layout:"fullscreen",docs:{description:{component:'\u6B21\u7EA7\u6A2A\u5E45banner - \u662F\u6307\u7528\u6237\u8FDB\u5165\u4E8C\u7EA7\u9875\u9762\u540E\uFF0C\u65E0\u9700\u6EDA\u52A8\u9875\u9762\u5C31\u80FD\u5728\u7B2C\u4E00\u5C4F\uFF08\u5373"\u9996\u5C4F"\uFF09\u770B\u5230\u7684\u3001\u901A\u5E38\u6A2A\u8DE8\u6574\u4E2A\u6D4F\u89C8\u5668\u7A97\u53E3\u5BBD\u5EA6\u7684\u6838\u5FC3\u89C6\u89C9\u533A\u57DF\u3002\u652F\u6301\u54CD\u5E94\u5F0F\u8BBE\u8BA1\uFF0C\u9002\u914D\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u3002'}}},tags:["autodocs"],argTypes:{data:{description:"\u4E1A\u52A1\u6570\u636E",control:"object"},className:{description:"\u81EA\u5B9A\u4E49CSS\u7C7B\u540D",control:"text"},classNames:{description:"\u8BED\u4E49\u5316\u7C7B\u540D\u6620\u5C04",control:"object"}},args:{data:t}};var p=a;const s={args:{}},r={args:{data:{...t,title:"Filter Page Title",superTitle:"Product Filter",subtitle:"Find the products that suit you best",size:"sm",pcImage:{url:"https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80",alt:"Filter page background image",thumbnailURL:"https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"},padImage:{url:"https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80",alt:"Filter page background image",thumbnailURL:"https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"},mobileImage:{url:"https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80",alt:"Filter page background image",thumbnailURL:"https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"}}}},l={args:{data:{...t,title:"Exciting Topic Page Content",superTitle:"Special Topic",subtitle:"Deep exploration, discover more value",size:"lg",pcImage:{url:"https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80",alt:"Topic page background image",thumbnailURL:"https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"},padImage:{url:"https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80",alt:"Topic page background image",thumbnailURL:"https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"},mobileImage:{url:"https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80",alt:"Topic page background image",thumbnailURL:"https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"}}}},c={args:{data:{...t,title:"Exciting Events in Progress",superTitle:"Limited Time Event",subtitle:"Don't miss out, join now to get exclusive offers",size:"xlg",pcImage:{url:"https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80",alt:"Event page background image",thumbnailURL:"https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"},padImage:{url:"https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80",alt:"Event page background image",thumbnailURL:"https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"},mobileImage:{url:"https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80",alt:"Event page background image",thumbnailURL:"https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"}}}},n={args:{data:{...t,title:"Start Your Journey Now",superTitle:"Welcome Experience",subtitle:"Click the button below to explore more exciting content",pcImage:{url:"https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80",alt:"Background image with button",thumbnailURL:"https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"},padImage:{url:"https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80",alt:"Background image with button",thumbnailURL:"https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"},mobileImage:{url:"https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80",alt:"Background image with button",thumbnailURL:"https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"}}}},u={args:{data:{...t,title:"Clear and Concise Main Title",superTitle:void 0,subtitle:void 0,pcImage:{url:"https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80",alt:"Simple title background image",thumbnailURL:"https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"},padImage:{url:"https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80",alt:"Simple title background image",thumbnailURL:"https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"},mobileImage:{url:"https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80",alt:"Simple title background image",thumbnailURL:"https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"}}}},g={args:{data:{...t,title:"Complete Banner Content Display",superTitle:"Full Example",subtitle:"This showcases all available text fields, including main title, subtitle and description text, plus action button",size:"lg",pcImage:{url:"https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80",alt:"Full content background image",thumbnailURL:"https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"},padImage:{url:"https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80",alt:"Full content background image",thumbnailURL:"https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"},mobileImage:{url:"https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80",alt:"Full content background image",thumbnailURL:"https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"}}}},b={args:{data:{...t,title:"Dark Theme Display",superTitle:"Theme Style",subtitle:"Showcasing banner effects under dark theme",theme:"dark",pcImage:{url:"https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80",alt:"Dark theme background image",thumbnailURL:"https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"},padImage:{url:"https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80",alt:"Dark theme background image",thumbnailURL:"https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"},mobileImage:{url:"https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80",alt:"Dark theme background image",thumbnailURL:"https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"image/jpeg"}}}},h={args:{data:{...t,theme:"dark",title:"Multi-Device Video Display",superTitle:"Responsive Video",subtitle:"Different video content optimized for each device size",size:"base",pcImage:{url:"https://cdn.shopify.com/videos/c/o/v/159d37d62cef485fa14bf2491b6e8725.mp4",alt:"PC background video",thumbnailURL:"https://images.unsplash.com/photo-1518709268805-4e9042af2176?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"video/mp4"},padImage:{url:"https://cdn.shopify.com/videos/c/o/v/159d37d62cef485fa14bf2491b6e8725.mp4",alt:"Tablet background video",thumbnailURL:"https://images.unsplash.com/photo-1518709268805-4e9042af2176?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"video/mp4"},mobileImage:{url:"https://cdn.shopify.com/videos/c/o/v/50981dfe2910408fa76436ca394cbc6f.mp4",alt:"Mobile background video",thumbnailURL:"https://images.unsplash.com/photo-1518709268805-4e9042af2176?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80",mimeType:"video/mp4"},iconArray:void 0}}};export{b as DarkTheme,s as Default,c as ExtraLargeSize,g as FullContent,l as LargeSize,r as SmallSize,u as TitleOnly,n as WithButton,h as WithVideosBackground,p as default};
+//# sourceMappingURL=secondaryBanner.stories.js.map

package/dist/esm/stories/secondaryBanner.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/secondaryBanner.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\n\nimport SecondaryBanner, { type SecondaryBannerData } from '../biz-components/SecondaryBanner/index.js'\n\n// \u57FA\u7840\u6A21\u62DF\u6570\u636E\nconst baseData: SecondaryBannerData = {\n  title: 'Explore Endless Possibilities',\n  superTitle: 'New Experience',\n  subtitle: 'Discover more exciting content and start your digital journey',\n  size: 'base',\n  theme: 'light',\n  primaryButton: {\n    text: 'Get Started',\n    onClick: () => alert('Button clicked!'),\n    link: '#start',\n  },\n  secondaryButton: {\n    text: 'Learn More',\n    onClick: () => alert('Learn More clicked!'),\n    link: '#learn-more',\n  },\n  endDate: '2025-12-31T23:59:59',\n  endDate_tz: 'America/Los_Angeles',\n  dateFormat: 'Day, Hour, Minute, Second',\n  pcImage: {\n    url: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/banner_pc.png?v=1765779947',\n    alt: 'PC background image',\n    thumbnailURL: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/banner_pc.png?v=1765779947',\n    mimeType: 'image/jpeg',\n  },\n  padImage: {\n    url: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Secondary_Banner_public_mobile.png?v=1765780165',\n    alt: 'Tablet background image',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Secondary_Banner_public_mobile.png?v=1765780165',\n    mimeType: 'image/jpeg',\n  },\n  mobileImage: {\n    url: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Secondary_Banner_public_mobile_2.png?v=1765780255',\n    alt: 'Mobile background image',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Secondary_Banner_public_mobile_2.png?v=1765780255',\n    mimeType: 'image/jpeg',\n  },\n  iconArray: [\n    {\n      url: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/icon_endorsement_2.png?v=1765765485',\n      alt: 'icon1',\n      thumbnailURL: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/icon_endorsement_2.png?v=1765765485',\n      mimeType: 'image/png',\n    },\n    {\n      url: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/icon_endorsement.png?v=1765765486',\n      alt: 'icon2',\n      thumbnailURL: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/icon_endorsement.png?v=1765765486',\n      mimeType: 'image/png',\n    },\n  ],\n}\n\nconst meta = {\n  title: 'Biz Components/SecondaryBanner',\n  component: SecondaryBanner,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u6B21\u7EA7\u6A2A\u5E45banner - \u662F\u6307\u7528\u6237\u8FDB\u5165\u4E8C\u7EA7\u9875\u9762\u540E\uFF0C\u65E0\u9700\u6EDA\u52A8\u9875\u9762\u5C31\u80FD\u5728\u7B2C\u4E00\u5C4F\uFF08\u5373\"\u9996\u5C4F\"\uFF09\u770B\u5230\u7684\u3001\u901A\u5E38\u6A2A\u8DE8\u6574\u4E2A\u6D4F\u89C8\u5668\u7A97\u53E3\u5BBD\u5EA6\u7684\u6838\u5FC3\u89C6\u89C9\u533A\u57DF\u3002\u652F\u6301\u54CD\u5E94\u5F0F\u8BBE\u8BA1\uFF0C\u9002\u914D\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u3002',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: '\u4E1A\u52A1\u6570\u636E',\n      control: 'object',\n    },\n    className: {\n      description: '\u81EA\u5B9A\u4E49CSS\u7C7B\u540D',\n      control: 'text',\n    },\n    classNames: {\n      description: '\u8BED\u4E49\u5316\u7C7B\u540D\u6620\u5C04',\n      control: 'object',\n    },\n  },\n  args: {\n    data: baseData,\n  },\n} satisfies Meta<typeof SecondaryBanner>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\n// Default state\nexport const Default: Story = {\n  args: {},\n}\n\n// Small size variant (suitable for filter pages)\nexport const SmallSize: Story = {\n  args: {\n    data: {\n      ...baseData,\n      title: 'Filter Page Title',\n      superTitle: 'Product Filter',\n      subtitle: 'Find the products that suit you best',\n      size: 'sm',\n      pcImage: {\n        url: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n        alt: 'Filter page background image',\n        thumbnailURL: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n      padImage: {\n        url: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n        alt: 'Filter page background image',\n        thumbnailURL: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n      mobileImage: {\n        url: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n        alt: 'Filter page background image',\n        thumbnailURL: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n    },\n  },\n}\n\n// Large size variant (suitable for topic pages)\nexport const LargeSize: Story = {\n  args: {\n    data: {\n      ...baseData,\n      title: 'Exciting Topic Page Content',\n      superTitle: 'Special Topic',\n      subtitle: 'Deep exploration, discover more value',\n      size: 'lg',\n      pcImage: {\n        url: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n        alt: 'Topic page background image',\n        thumbnailURL: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n      padImage: {\n        url: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n        alt: 'Topic page background image',\n        thumbnailURL: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n      mobileImage: {\n        url: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n        alt: 'Topic page background image',\n        thumbnailURL: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n    },\n  },\n}\n\n// Extra large size variant (suitable for event page banner)\nexport const ExtraLargeSize: Story = {\n  args: {\n    data: {\n      ...baseData,\n      title: 'Exciting Events in Progress',\n      superTitle: 'Limited Time Event',\n      subtitle: 'Don\\'t miss out, join now to get exclusive offers',\n      size: 'xlg',\n      pcImage: {\n        url: 'https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n        alt: 'Event page background image',\n        thumbnailURL: 'https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n      padImage: {\n        url: 'https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n        alt: 'Event page background image',\n        thumbnailURL: 'https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n      mobileImage: {\n        url: 'https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n        alt: 'Event page background image',\n        thumbnailURL: 'https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n    },\n  },\n}\n\n// Variant with button\nexport const WithButton: Story = {\n  args: {\n    data: {\n      ...baseData,\n      title: 'Start Your Journey Now',\n      superTitle: 'Welcome Experience',\n      subtitle: 'Click the button below to explore more exciting content',\n\n      pcImage: {\n        url: 'https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n        alt: 'Background image with button',\n        thumbnailURL: 'https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n      padImage: {\n        url: 'https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n        alt: 'Background image with button',\n        thumbnailURL: 'https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n      mobileImage: {\n        url: 'https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n        alt: 'Background image with button',\n        thumbnailURL: 'https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n    },\n  },\n}\n\n// Simplified version (title only)\nexport const TitleOnly: Story = {\n  args: {\n    data: {\n      ...baseData,\n      title: 'Clear and Concise Main Title',\n      superTitle: undefined,\n      subtitle: undefined,\n      pcImage: {\n        url: 'https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n        alt: 'Simple title background image',\n        thumbnailURL: 'https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n      padImage: {\n        url: 'https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n        alt: 'Simple title background image',\n        thumbnailURL: 'https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n      mobileImage: {\n        url: 'https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n        alt: 'Simple title background image',\n        thumbnailURL: 'https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n    },\n  },\n}\n\n// Full content version (includes all text and button)\nexport const FullContent: Story = {\n  args: {\n    data: {\n      ...baseData,\n      title: 'Complete Banner Content Display',\n      superTitle: 'Full Example',\n      subtitle: 'This showcases all available text fields, including main title, subtitle and description text, plus action button',\n    \n      size: 'lg',\n      pcImage: {\n        url: 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n        alt: 'Full content background image',\n        thumbnailURL: 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n      padImage: {\n        url: 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n        alt: 'Full content background image',\n        thumbnailURL: 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n      mobileImage: {\n        url: 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n        alt: 'Full content background image',\n        thumbnailURL: 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n    },\n  },\n}\n\n// Dark theme variant\nexport const DarkTheme: Story = {\n  args: {\n    data: {\n      ...baseData,\n      title: 'Dark Theme Display',\n      superTitle: 'Theme Style',\n      subtitle: 'Showcasing banner effects under dark theme',\n      theme: 'dark',\n      pcImage: {\n        url: 'https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80',\n        alt: 'Dark theme background image',\n        thumbnailURL: 'https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n      padImage: {\n        url: 'https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=1024&q=80',\n        alt: 'Dark theme background image',\n        thumbnailURL: 'https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n      mobileImage: {\n        url: 'https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=768&q=80',\n        alt: 'Dark theme background image',\n        thumbnailURL: 'https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'image/jpeg'\n      },\n    },\n  },\n}\n\n\n// Multiple video sources variant\nexport const WithVideosBackground: Story = {\n  args: {\n    data: {\n      ...baseData,\n      theme: 'dark',\n      title: 'Multi-Device Video Display',\n      superTitle: 'Responsive Video',\n      subtitle: 'Different video content optimized for each device size',\n      size: 'base',\n      pcImage: {\n        url: 'https://cdn.shopify.com/videos/c/o/v/159d37d62cef485fa14bf2491b6e8725.mp4',\n        alt: 'PC background video',\n        thumbnailURL:\n          'https://images.unsplash.com/photo-1518709268805-4e9042af2176?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'video/mp4',\n      },\n      padImage: {\n        url: 'https://cdn.shopify.com/videos/c/o/v/159d37d62cef485fa14bf2491b6e8725.mp4',\n        alt: 'Tablet background video',\n        thumbnailURL:\n          'https://images.unsplash.com/photo-1518709268805-4e9042af2176?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'video/mp4',\n      },\n      mobileImage: {\n        url: 'https://cdn.shopify.com/videos/c/o/v/50981dfe2910408fa76436ca394cbc6f.mp4',\n        alt: 'Mobile background video',\n        thumbnailURL:\n          'https://images.unsplash.com/photo-1518709268805-4e9042af2176?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80',\n        mimeType: 'video/mp4',\n      },\n      iconArray: undefined,\n    },\n  },\n}"],
+  "mappings": "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",
+  "names": ["SecondaryBanner", "baseData", "meta", "secondaryBanner_stories_default", "Default", "SmallSize", "LargeSize", "ExtraLargeSize", "WithButton", "TitleOnly", "FullContent", "DarkTheme", "WithVideosBackground"]
+}

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

@@ -0,0 +1,27 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import { type StockShelfData } from '../biz-components/StockShelf/index.js';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../biz-components/StockShelf/index.js").StockShelfProps & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        data: {
+            description: string;
+        };
+    };
+    args: {
+        data: StockShelfData;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/esm/stories/stockShelf.stories.js

@@ -0,0 +1,2 @@
+import"react";import t from"../biz-components/StockShelf/index.js";const o={title:"\u5E93\u5B58\u8D27\u67B6",description:"\u80FD\u591F\u5B9E\u65F6\u663E\u793A\u5546\u54C1\u5E93\u5B58\u4FE1\u606F\u548C\u4F1A\u5458\u4EF7\u7684\u8D27\u67B6"},e={title:"Biz Components/StockShelf",component:t,parameters:{layout:"centered",docs:{description:{component:"\u5E93\u5B58\u8D27\u67B6 - \u80FD\u591F\u5B9E\u65F6\u663E\u793A\u5546\u54C1\u5E93\u5B58\u4FE1\u606F\u548C\u4F1A\u5458\u4EF7\u7684\u8D27\u67B6"}}},tags:["autodocs"],argTypes:{data:{description:"\u4E1A\u52A1\u6570\u636E"}},args:{data:o}};var p=e;const s={args:{}};export{s as Default,p as default};
+//# sourceMappingURL=stockShelf.stories.js.map

package/dist/esm/stories/stockShelf.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/stockShelf.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\n\nimport StockShelf, { type StockShelfData } from '../biz-components/StockShelf/index.js'\n\n// \u6A21\u62DF\u4E1A\u52A1\u6570\u636E\nconst mockData: StockShelfData = {\n  title: '\u5E93\u5B58\u8D27\u67B6',\n  description: '\u80FD\u591F\u5B9E\u65F6\u663E\u793A\u5546\u54C1\u5E93\u5B58\u4FE1\u606F\u548C\u4F1A\u5458\u4EF7\u7684\u8D27\u67B6',\n  // \u6839\u636E\u5B9E\u9645\u4E1A\u52A1\u9700\u6C42\u6DFB\u52A0\u66F4\u591A\u6570\u636E\u5B57\u6BB5\n}\n\nconst meta = {\n  title: 'Biz Components/StockShelf',\n  component: StockShelf,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: '\u5E93\u5B58\u8D27\u67B6 - \u80FD\u591F\u5B9E\u65F6\u663E\u793A\u5546\u54C1\u5E93\u5B58\u4FE1\u606F\u548C\u4F1A\u5458\u4EF7\u7684\u8D27\u67B6',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: '\u4E1A\u52A1\u6570\u636E',\n    },\n  },\n  args: {\n    data: mockData,\n  },\n} satisfies Meta<typeof StockShelf>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {},\n}"],
+  "mappings": "AACA,MAAkB,QAElB,OAAOA,MAAyC,wCAGhD,MAAMC,EAA2B,CAC/B,MAAO,2BACP,YAAa,oHAEf,EAEMC,EAAO,CACX,MAAO,4BACP,UAAWF,EACX,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,+IACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,YAAa,0BACf,CACF,EACA,KAAM,CACJ,KAAMC,CACR,CACF,EAEA,IAAOE,EAAQD,EAGR,MAAME,EAAiB,CAC5B,KAAM,CAAC,CACT",
+  "names": ["StockShelf", "mockData", "meta", "stockShelf_stories_default", "Default"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "1.1.16",
+  "version": "1.1.17-alpha-1765978730",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -108,6 +108,7 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "copy-to-clipboard": "^3.3.3",
+    "dayjs": "^1.11.19",
     "decimal.js": "^10.6.0",
     "embla-carousel": "^8.6.0",
     "embla-carousel-autoplay": "^8.5.2",