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

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

@@ -0,0 +1,72 @@
+import type { StoryObj } from '@storybook/react';
+/**
+ * MarqueeReview 组件用于展示垂直滚动的用户评论轮播。
+ *
+ * ## 功能特性
+ * - 垂直无限滚动动画
+ * - 支持多列布局(响应式)
+ * - 星级评分显示
+ * - 用户头像展示
+ * - 渐变边缘遮罩效果
+ *
+ * ## 使用场景
+ * - 产品评价展示
+ * - 用户证言
+ * - 客户反馈墙
+ */
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("../biz-components/index.js").MarqueeReviewProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
+        className?: string;
+        data?: Record<string, any>;
+    } & import("react").RefAttributes<any>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        data: {
+            description: string;
+            control: {
+                type: "object";
+            };
+        };
+        className: {
+            description: string;
+            control: {
+                type: "text";
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * 默认状态 - 展示完整的评论轮播效果
+ */
+export declare const Default: Story;
+/**
+ * 中文内容 - 展示中文评论
+ */
+export declare const Chinese: Story;
+/**
+ * 少量评论 - 当评论数量不足时,组件会自动复制填充
+ */
+export declare const FewReviews: Story;
+/**
+ * 不同评分 - 展示不同星级评分
+ */
+export declare const MixedRatings: Story;
+/**
+ * 自定义样式 - 使用自定义 className
+ */
+export declare const CustomStyle: Story;
+/**
+ * 长评论内容 - 测试长文本的显示效果
+ */
+export declare const LongComments: Story;

package/dist/esm/stories/MarqueeReview.stories.js

@@ -0,0 +1,19 @@
+import t from"../biz-components/MarqueeReview/index.js";const r={title:"Biz-Components/MarqueeReview",component:t,parameters:{layout:"fullscreen",docs:{description:{component:`
+# MarqueeReview \u8BC4\u8BBA\u8F6E\u64AD\u7EC4\u4EF6
+
+\u7528\u4E8E\u5C55\u793A\u7528\u6237\u8BC4\u8BBA\u7684\u5782\u76F4\u6EDA\u52A8\u8F6E\u64AD\uFF0C\u901A\u8FC7\u65E0\u9650\u5FAA\u73AF\u52A8\u753B\u5C55\u793A\u5BA2\u6237\u53CD\u9988\u3002
+
+## \u6838\u5FC3\u529F\u80FD
+
+- **\u5782\u76F4\u65E0\u9650\u6EDA\u52A8**\uFF1A\u8BC4\u8BBA\u5361\u7247\u4ECE\u4E0B\u5F80\u4E0A\u5FAA\u73AF\u6EDA\u52A8
+- **\u591A\u5217\u54CD\u5E94\u5F0F\u5E03\u5C40**\uFF1A\u79FB\u52A8\u7AEF 1 \u5217\uFF0C\u5E73\u677F 2 \u5217\uFF0C\u684C\u9762 3 \u5217
+- **\u661F\u7EA7\u8BC4\u5206**\uFF1A\u652F\u6301 1-5 \u661F\u8BC4\u5206\u5C55\u793A
+- **\u7528\u6237\u5934\u50CF**\uFF1A\u5C55\u793A\u7528\u6237\u5934\u50CF\uFF0C\u652F\u6301\u56DE\u9000\u65B9\u6848
+- **\u6E10\u53D8\u906E\u7F69**\uFF1A\u9876\u90E8/\u5E95\u90E8\u6E10\u53D8\u906E\u7F69\u6548\u679C
+- **\u81EA\u52A8\u8865\u9F50**\uFF1A\u5C11\u4E8E 9 \u6761\u8BC4\u8BBA\u65F6\u81EA\u52A8\u590D\u5236\u8865\u9F50
+
+## \u4F7F\u7528\u573A\u666F
+
+\u9002\u7528\u4E8E\u4EA7\u54C1\u8BC4\u4EF7\u5C55\u793A\u3001\u5BA2\u6237\u53CD\u9988\u5899\u3001\u793E\u4F1A\u8BC1\u660E\u7B49\u573A\u666F\u3002
+        `}}},tags:["autodocs"],argTypes:{data:{description:"\u8BC4\u8BBA\u6570\u636E,\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u8BC4\u8BBA\u5217\u8868",control:{type:"object"}},className:{description:"\u81EA\u5B9A\u4E49 CSS \u7C7B\u540D",control:{type:"text"}}}};var i=r;const a=[{name:"Sarah Johnson",avatar:{url:"https://i.pravatar.cc/150?img=1",alt:"Sarah Johnson avatar",thumbnailURL:"https://i.pravatar.cc/150?img=1"},comment:"This product has completely transformed my daily routine. The quality is outstanding!",rating:5},{name:"Michael Chen",avatar:{url:"https://i.pravatar.cc/150?img=2",alt:"Michael Chen avatar",thumbnailURL:"https://i.pravatar.cc/150?img=2"},comment:"Excellent customer service and fast shipping. Highly recommend to everyone!",rating:5},{name:"Emma Williams",avatar:{url:"https://i.pravatar.cc/150?img=3",alt:"Emma Williams avatar",thumbnailURL:"https://i.pravatar.cc/150?img=3"},comment:"Best purchase I made this year. Worth every penny and more!",rating:5},{name:"David Martinez",avatar:{url:"https://i.pravatar.cc/150?img=4",alt:"David Martinez avatar",thumbnailURL:"https://i.pravatar.cc/150?img=4"},comment:"Amazing build quality. You can feel the attention to detail in every aspect.",rating:5},{name:"Lisa Anderson",avatar:{url:"https://i.pravatar.cc/150?img=5",alt:"Lisa Anderson avatar",thumbnailURL:"https://i.pravatar.cc/150?img=5"},comment:"Exceeded my expectations in every way. Will definitely buy again!",rating:4},{name:"James Taylor",avatar:{url:"https://i.pravatar.cc/150?img=6",alt:"James Taylor avatar",thumbnailURL:"https://i.pravatar.cc/150?img=6"},comment:"The design is sleek and modern. Fits perfectly with my aesthetic.",rating:5},{name:"Sophia Lee",avatar:{url:"https://i.pravatar.cc/150?img=7",alt:"Sophia Lee avatar",thumbnailURL:"https://i.pravatar.cc/150?img=7"},comment:"Great value for money. I was skeptical at first but now I am a believer!",rating:5},{name:"Robert Brown",avatar:{url:"https://i.pravatar.cc/150?img=8",alt:"Robert Brown avatar",thumbnailURL:"https://i.pravatar.cc/150?img=8"},comment:"Innovative features that actually make a difference in everyday use.",rating:5},{name:"Olivia Garcia",avatar:{url:"https://i.pravatar.cc/150?img=9",alt:"Olivia Garcia avatar",thumbnailURL:"https://i.pravatar.cc/150?img=9"},comment:"Customer support was incredibly helpful when I had questions. Five stars!",rating:5}],m={args:{data:{title:"What Our Customers Say",subtitle:"Trusted by thousands of satisfied customers worldwide",items:a}}},n={args:{data:{title:"\u5BA2\u6237\u8BC4\u4EF7",subtitle:"\u5168\u7403\u6570\u5343\u540D\u6EE1\u610F\u5BA2\u6237\u7684\u4FE1\u8D56\u4E4B\u9009",items:[{name:"\u5F20\u4F1F",avatar:{url:"https://i.pravatar.cc/150?img=10",alt:"\u5F20\u4F1F avatar",thumbnailURL:"https://i.pravatar.cc/150?img=10"},comment:"\u4EA7\u54C1\u8D28\u91CF\u975E\u5E38\u597D,\u4F7F\u7528\u4F53\u9A8C\u8D85\u51FA\u9884\u671F,\u5F3A\u70C8\u63A8\u8350!",rating:5},{name:"\u674E\u5A1C",avatar:{url:"https://i.pravatar.cc/150?img=11",alt:"\u674E\u5A1C avatar",thumbnailURL:"https://i.pravatar.cc/150?img=11"},comment:"\u8BBE\u8BA1\u5F88\u7CBE\u7F8E,\u529F\u80FD\u4E5F\u5F88\u5B9E\u7528,\u7269\u8D85\u6240\u503C!",rating:5},{name:"\u738B\u5F3A",avatar:{url:"https://i.pravatar.cc/150?img=12",alt:"\u738B\u5F3A avatar",thumbnailURL:"https://i.pravatar.cc/150?img=12"},comment:"\u5BA2\u670D\u6001\u5EA6\u5F88\u597D,\u7269\u6D41\u4E5F\u5F88\u5FEB,\u975E\u5E38\u6EE1\u610F!",rating:5},{name:"\u5218\u82B3",avatar:{url:"https://i.pravatar.cc/150?img=13",alt:"\u5218\u82B3 avatar",thumbnailURL:"https://i.pravatar.cc/150?img=13"},comment:"\u8FD9\u662F\u6211\u4ECA\u5E74\u4E70\u8FC7\u6700\u6EE1\u610F\u7684\u4EA7\u54C1,\u503C\u5F97\u8D2D\u4E70!",rating:5},{name:"\u9648\u660E",avatar:{url:"https://i.pravatar.cc/150?img=14",alt:"\u9648\u660E avatar",thumbnailURL:"https://i.pravatar.cc/150?img=14"},comment:"\u505A\u5DE5\u7CBE\u7EC6,\u8D28\u91CF\u4E0A\u4E58,\u4F7F\u7528\u8D77\u6765\u5F88\u8212\u9002!",rating:4},{name:"\u8D75\u4E3D",avatar:{url:"https://i.pravatar.cc/150?img=15",alt:"\u8D75\u4E3D avatar",thumbnailURL:"https://i.pravatar.cc/150?img=15"},comment:"\u5916\u89C2\u8BBE\u8BA1\u65F6\u5C1A,\u6027\u80FD\u7A33\u5B9A,\u975E\u5E38\u4E0D\u9519!",rating:5},{name:"\u5B59\u6D69",avatar:{url:"https://i.pravatar.cc/150?img=16",alt:"\u5B59\u6D69 avatar",thumbnailURL:"https://i.pravatar.cc/150?img=16"},comment:"\u6027\u4EF7\u6BD4\u5F88\u9AD8,\u8D85\u51FA\u4E86\u6211\u7684\u9884\u671F,\u4F1A\u56DE\u8D2D!",rating:5},{name:"\u5468\u654F",avatar:{url:"https://i.pravatar.cc/150?img=17",alt:"\u5468\u654F avatar",thumbnailURL:"https://i.pravatar.cc/150?img=17"},comment:"\u529F\u80FD\u521B\u65B0,\u5B9E\u7528\u6027\u5F3A,\u65E5\u5E38\u4F7F\u7528\u5F88\u65B9\u4FBF!",rating:5},{name:"\u5434\u521A",avatar:{url:"https://i.pravatar.cc/150?img=18",alt:"\u5434\u521A avatar",thumbnailURL:"https://i.pravatar.cc/150?img=18"},comment:"\u552E\u540E\u670D\u52A1\u5F88\u597D,\u6709\u95EE\u9898\u53CA\u65F6\u89E3\u51B3,\u4E94\u661F\u597D\u8BC4!",rating:5}]}}},s={args:{data:{title:"Early Reviews",subtitle:"What our first customers are saying",items:a.slice(0,3)}}},c={args:{data:{title:"Customer Feedback",subtitle:"Real reviews from real customers",items:[{name:"John Doe",avatar:{url:"https://i.pravatar.cc/150?img=20",alt:"John Doe avatar",thumbnailURL:"https://i.pravatar.cc/150?img=20"},comment:"Perfect product! Could not be happier with my purchase.",rating:5},{name:"Jane Smith",avatar:{url:"https://i.pravatar.cc/150?img=21",alt:"Jane Smith avatar",thumbnailURL:"https://i.pravatar.cc/150?img=21"},comment:"Very good quality. Minor improvements could be made but overall great.",rating:4},{name:"Bob Wilson",avatar:{url:"https://i.pravatar.cc/150?img=22",alt:"Bob Wilson avatar",thumbnailURL:"https://i.pravatar.cc/150?img=22"},comment:"Good product for the price. Does what it promises.",rating:3},{name:"Alice Cooper",avatar:{url:"https://i.pravatar.cc/150?img=23",alt:"Alice Cooper avatar",thumbnailURL:"https://i.pravatar.cc/150?img=23"},comment:"Excellent design and functionality. Impressed!",rating:5},{name:"Tom Harris",avatar:{url:"https://i.pravatar.cc/150?img=24",alt:"Tom Harris avatar",thumbnailURL:"https://i.pravatar.cc/150?img=24"},comment:"Pretty good overall. Some features could be better.",rating:4},{name:"Mary Johnson",avatar:{url:"https://i.pravatar.cc/150?img=25",alt:"Mary Johnson avatar",thumbnailURL:"https://i.pravatar.cc/150?img=25"},comment:"Amazing! This is exactly what I was looking for.",rating:5},{name:"Peter Parker",avatar:{url:"https://i.pravatar.cc/150?img=26",alt:"Peter Parker avatar",thumbnailURL:"https://i.pravatar.cc/150?img=26"},comment:"Great value. Happy with my decision to buy.",rating:4},{name:"Diana Prince",avatar:{url:"https://i.pravatar.cc/150?img=27",alt:"Diana Prince avatar",thumbnailURL:"https://i.pravatar.cc/150?img=27"},comment:"Outstanding quality and customer service.",rating:5},{name:"Bruce Wayne",avatar:{url:"https://i.pravatar.cc/150?img=28",alt:"Bruce Wayne avatar",thumbnailURL:"https://i.pravatar.cc/150?img=28"},comment:"Solid product. Meets all my needs perfectly.",rating:4}]}}},o={args:{data:{title:"Styled Reviews",subtitle:"Custom styling applied",items:a},className:"border-t-4 border-orange-500"}},l={args:{data:{title:"Detailed Reviews",subtitle:"In-depth feedback from our customers",items:[{name:"Alexandra Mitchell",avatar:{url:"https://i.pravatar.cc/150?img=30",alt:"Alexandra Mitchell avatar",thumbnailURL:"https://i.pravatar.cc/150?img=30"},comment:"I have been using this product for several months now and I must say it has completely exceeded all of my expectations. The quality is outstanding and the attention to detail is remarkable. Every aspect has been carefully thought through.",rating:5},{name:"Christopher Davis",avatar:{url:"https://i.pravatar.cc/150?img=31",alt:"Christopher Davis avatar",thumbnailURL:"https://i.pravatar.cc/150?img=31"},comment:"Initially I was skeptical about making this purchase, but after reading all the positive reviews I decided to give it a try. I am so glad I did! This has become an essential part of my daily routine.",rating:5},{name:"Victoria Thompson",avatar:{url:"https://i.pravatar.cc/150?img=32",alt:"Victoria Thompson avatar",thumbnailURL:"https://i.pravatar.cc/150?img=32"},comment:"The customer service team was incredibly helpful throughout the entire process. They answered all my questions promptly and made sure I was completely satisfied with my purchase. Five stars!",rating:5},...a.slice(0,6)]}}};export{n as Chinese,o as CustomStyle,m as Default,s as FewReviews,l as LongComments,c as MixedRatings,i as default};
+//# sourceMappingURL=MarqueeReview.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/MarqueeReview.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MarqueeReview from '../biz-components/MarqueeReview/index.js'\nimport type { ReviewItem } from '../biz-components/MarqueeReview/index.js'\n\n/**\n * MarqueeReview \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u5782\u76F4\u6EDA\u52A8\u7684\u7528\u6237\u8BC4\u8BBA\u8F6E\u64AD\u3002\n *\n * ## \u529F\u80FD\u7279\u6027\n * - \u5782\u76F4\u65E0\u9650\u6EDA\u52A8\u52A8\u753B\n * - \u652F\u6301\u591A\u5217\u5E03\u5C40(\u54CD\u5E94\u5F0F)\n * - \u661F\u7EA7\u8BC4\u5206\u663E\u793A\n * - \u7528\u6237\u5934\u50CF\u5C55\u793A\n * - \u6E10\u53D8\u8FB9\u7F18\u906E\u7F69\u6548\u679C\n *\n * ## \u4F7F\u7528\u573A\u666F\n * - \u4EA7\u54C1\u8BC4\u4EF7\u5C55\u793A\n * - \u7528\u6237\u8BC1\u8A00\n * - \u5BA2\u6237\u53CD\u9988\u5899\n */\nconst meta = {\n  title: 'Biz-Components/MarqueeReview',\n  component: MarqueeReview,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\n# MarqueeReview \u8BC4\u8BBA\u8F6E\u64AD\u7EC4\u4EF6\n\n\u7528\u4E8E\u5C55\u793A\u7528\u6237\u8BC4\u8BBA\u7684\u5782\u76F4\u6EDA\u52A8\u8F6E\u64AD\uFF0C\u901A\u8FC7\u65E0\u9650\u5FAA\u73AF\u52A8\u753B\u5C55\u793A\u5BA2\u6237\u53CD\u9988\u3002\n\n## \u6838\u5FC3\u529F\u80FD\n\n- **\u5782\u76F4\u65E0\u9650\u6EDA\u52A8**\uFF1A\u8BC4\u8BBA\u5361\u7247\u4ECE\u4E0B\u5F80\u4E0A\u5FAA\u73AF\u6EDA\u52A8\n- **\u591A\u5217\u54CD\u5E94\u5F0F\u5E03\u5C40**\uFF1A\u79FB\u52A8\u7AEF 1 \u5217\uFF0C\u5E73\u677F 2 \u5217\uFF0C\u684C\u9762 3 \u5217\n- **\u661F\u7EA7\u8BC4\u5206**\uFF1A\u652F\u6301 1-5 \u661F\u8BC4\u5206\u5C55\u793A\n- **\u7528\u6237\u5934\u50CF**\uFF1A\u5C55\u793A\u7528\u6237\u5934\u50CF\uFF0C\u652F\u6301\u56DE\u9000\u65B9\u6848\n- **\u6E10\u53D8\u906E\u7F69**\uFF1A\u9876\u90E8/\u5E95\u90E8\u6E10\u53D8\u906E\u7F69\u6548\u679C\n- **\u81EA\u52A8\u8865\u9F50**\uFF1A\u5C11\u4E8E 9 \u6761\u8BC4\u8BBA\u65F6\u81EA\u52A8\u590D\u5236\u8865\u9F50\n\n## \u4F7F\u7528\u573A\u666F\n\n\u9002\u7528\u4E8E\u4EA7\u54C1\u8BC4\u4EF7\u5C55\u793A\u3001\u5BA2\u6237\u53CD\u9988\u5899\u3001\u793E\u4F1A\u8BC1\u660E\u7B49\u573A\u666F\u3002\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: '\u8BC4\u8BBA\u6570\u636E,\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u8BC4\u8BBA\u5217\u8868',\n      control: { type: 'object' },\n    },\n    className: {\n      description: '\u81EA\u5B9A\u4E49 CSS \u7C7B\u540D',\n      control: { type: 'text' },\n    },\n  },\n} satisfies Meta<typeof MarqueeReview>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\n// \u6A21\u62DF\u8BC4\u8BBA\u6570\u636E\nconst mockReviews: ReviewItem[] = [\n  {\n    name: 'Sarah Johnson',\n    avatar: {\n      url: 'https://i.pravatar.cc/150?img=1',\n      alt: 'Sarah Johnson avatar',\n      thumbnailURL: 'https://i.pravatar.cc/150?img=1',\n    },\n    comment: 'This product has completely transformed my daily routine. The quality is outstanding!',\n    rating: 5,\n  },\n  {\n    name: 'Michael Chen',\n    avatar: {\n      url: 'https://i.pravatar.cc/150?img=2',\n      alt: 'Michael Chen avatar',\n      thumbnailURL: 'https://i.pravatar.cc/150?img=2',\n    },\n    comment: 'Excellent customer service and fast shipping. Highly recommend to everyone!',\n    rating: 5,\n  },\n  {\n    name: 'Emma Williams',\n    avatar: {\n      url: 'https://i.pravatar.cc/150?img=3',\n      alt: 'Emma Williams avatar',\n      thumbnailURL: 'https://i.pravatar.cc/150?img=3',\n    },\n    comment: 'Best purchase I made this year. Worth every penny and more!',\n    rating: 5,\n  },\n  {\n    name: 'David Martinez',\n    avatar: {\n      url: 'https://i.pravatar.cc/150?img=4',\n      alt: 'David Martinez avatar',\n      thumbnailURL: 'https://i.pravatar.cc/150?img=4',\n    },\n    comment: 'Amazing build quality. You can feel the attention to detail in every aspect.',\n    rating: 5,\n  },\n  {\n    name: 'Lisa Anderson',\n    avatar: {\n      url: 'https://i.pravatar.cc/150?img=5',\n      alt: 'Lisa Anderson avatar',\n      thumbnailURL: 'https://i.pravatar.cc/150?img=5',\n    },\n    comment: 'Exceeded my expectations in every way. Will definitely buy again!',\n    rating: 4,\n  },\n  {\n    name: 'James Taylor',\n    avatar: {\n      url: 'https://i.pravatar.cc/150?img=6',\n      alt: 'James Taylor avatar',\n      thumbnailURL: 'https://i.pravatar.cc/150?img=6',\n    },\n    comment: 'The design is sleek and modern. Fits perfectly with my aesthetic.',\n    rating: 5,\n  },\n  {\n    name: 'Sophia Lee',\n    avatar: {\n      url: 'https://i.pravatar.cc/150?img=7',\n      alt: 'Sophia Lee avatar',\n      thumbnailURL: 'https://i.pravatar.cc/150?img=7',\n    },\n    comment: 'Great value for money. I was skeptical at first but now I am a believer!',\n    rating: 5,\n  },\n  {\n    name: 'Robert Brown',\n    avatar: {\n      url: 'https://i.pravatar.cc/150?img=8',\n      alt: 'Robert Brown avatar',\n      thumbnailURL: 'https://i.pravatar.cc/150?img=8',\n    },\n    comment: 'Innovative features that actually make a difference in everyday use.',\n    rating: 5,\n  },\n  {\n    name: 'Olivia Garcia',\n    avatar: {\n      url: 'https://i.pravatar.cc/150?img=9',\n      alt: 'Olivia Garcia avatar',\n      thumbnailURL: 'https://i.pravatar.cc/150?img=9',\n    },\n    comment: 'Customer support was incredibly helpful when I had questions. Five stars!',\n    rating: 5,\n  },\n]\n\n/**\n * \u9ED8\u8BA4\u72B6\u6001 - \u5C55\u793A\u5B8C\u6574\u7684\u8BC4\u8BBA\u8F6E\u64AD\u6548\u679C\n */\nexport const Default: Story = {\n  args: {\n    data: {\n      title: 'What Our Customers Say',\n      subtitle: 'Trusted by thousands of satisfied customers worldwide',\n      items: mockReviews,\n    },\n  },\n}\n\n/**\n * \u4E2D\u6587\u5185\u5BB9 - \u5C55\u793A\u4E2D\u6587\u8BC4\u8BBA\n */\nexport const Chinese: Story = {\n  args: {\n    data: {\n      title: '\u5BA2\u6237\u8BC4\u4EF7',\n      subtitle: '\u5168\u7403\u6570\u5343\u540D\u6EE1\u610F\u5BA2\u6237\u7684\u4FE1\u8D56\u4E4B\u9009',\n      items: [\n        {\n          name: '\u5F20\u4F1F',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=10',\n            alt: '\u5F20\u4F1F avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=10',\n          },\n          comment: '\u4EA7\u54C1\u8D28\u91CF\u975E\u5E38\u597D,\u4F7F\u7528\u4F53\u9A8C\u8D85\u51FA\u9884\u671F,\u5F3A\u70C8\u63A8\u8350!',\n          rating: 5,\n        },\n        {\n          name: '\u674E\u5A1C',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=11',\n            alt: '\u674E\u5A1C avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=11',\n          },\n          comment: '\u8BBE\u8BA1\u5F88\u7CBE\u7F8E,\u529F\u80FD\u4E5F\u5F88\u5B9E\u7528,\u7269\u8D85\u6240\u503C!',\n          rating: 5,\n        },\n        {\n          name: '\u738B\u5F3A',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=12',\n            alt: '\u738B\u5F3A avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=12',\n          },\n          comment: '\u5BA2\u670D\u6001\u5EA6\u5F88\u597D,\u7269\u6D41\u4E5F\u5F88\u5FEB,\u975E\u5E38\u6EE1\u610F!',\n          rating: 5,\n        },\n        {\n          name: '\u5218\u82B3',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=13',\n            alt: '\u5218\u82B3 avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=13',\n          },\n          comment: '\u8FD9\u662F\u6211\u4ECA\u5E74\u4E70\u8FC7\u6700\u6EE1\u610F\u7684\u4EA7\u54C1,\u503C\u5F97\u8D2D\u4E70!',\n          rating: 5,\n        },\n        {\n          name: '\u9648\u660E',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=14',\n            alt: '\u9648\u660E avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=14',\n          },\n          comment: '\u505A\u5DE5\u7CBE\u7EC6,\u8D28\u91CF\u4E0A\u4E58,\u4F7F\u7528\u8D77\u6765\u5F88\u8212\u9002!',\n          rating: 4,\n        },\n        {\n          name: '\u8D75\u4E3D',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=15',\n            alt: '\u8D75\u4E3D avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=15',\n          },\n          comment: '\u5916\u89C2\u8BBE\u8BA1\u65F6\u5C1A,\u6027\u80FD\u7A33\u5B9A,\u975E\u5E38\u4E0D\u9519!',\n          rating: 5,\n        },\n        {\n          name: '\u5B59\u6D69',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=16',\n            alt: '\u5B59\u6D69 avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=16',\n          },\n          comment: '\u6027\u4EF7\u6BD4\u5F88\u9AD8,\u8D85\u51FA\u4E86\u6211\u7684\u9884\u671F,\u4F1A\u56DE\u8D2D!',\n          rating: 5,\n        },\n        {\n          name: '\u5468\u654F',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=17',\n            alt: '\u5468\u654F avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=17',\n          },\n          comment: '\u529F\u80FD\u521B\u65B0,\u5B9E\u7528\u6027\u5F3A,\u65E5\u5E38\u4F7F\u7528\u5F88\u65B9\u4FBF!',\n          rating: 5,\n        },\n        {\n          name: '\u5434\u521A',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=18',\n            alt: '\u5434\u521A avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=18',\n          },\n          comment: '\u552E\u540E\u670D\u52A1\u5F88\u597D,\u6709\u95EE\u9898\u53CA\u65F6\u89E3\u51B3,\u4E94\u661F\u597D\u8BC4!',\n          rating: 5,\n        },\n      ],\n    },\n  },\n}\n\n/**\n * \u5C11\u91CF\u8BC4\u8BBA - \u5F53\u8BC4\u8BBA\u6570\u91CF\u4E0D\u8DB3\u65F6,\u7EC4\u4EF6\u4F1A\u81EA\u52A8\u590D\u5236\u586B\u5145\n */\nexport const FewReviews: Story = {\n  args: {\n    data: {\n      title: 'Early Reviews',\n      subtitle: 'What our first customers are saying',\n      items: mockReviews.slice(0, 3),\n    },\n  },\n}\n\n/**\n * \u4E0D\u540C\u8BC4\u5206 - \u5C55\u793A\u4E0D\u540C\u661F\u7EA7\u8BC4\u5206\n */\nexport const MixedRatings: Story = {\n  args: {\n    data: {\n      title: 'Customer Feedback',\n      subtitle: 'Real reviews from real customers',\n      items: [\n        {\n          name: 'John Doe',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=20',\n            alt: 'John Doe avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=20',\n          },\n          comment: 'Perfect product! Could not be happier with my purchase.',\n          rating: 5,\n        },\n        {\n          name: 'Jane Smith',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=21',\n            alt: 'Jane Smith avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=21',\n          },\n          comment: 'Very good quality. Minor improvements could be made but overall great.',\n          rating: 4,\n        },\n        {\n          name: 'Bob Wilson',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=22',\n            alt: 'Bob Wilson avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=22',\n          },\n          comment: 'Good product for the price. Does what it promises.',\n          rating: 3,\n        },\n        {\n          name: 'Alice Cooper',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=23',\n            alt: 'Alice Cooper avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=23',\n          },\n          comment: 'Excellent design and functionality. Impressed!',\n          rating: 5,\n        },\n        {\n          name: 'Tom Harris',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=24',\n            alt: 'Tom Harris avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=24',\n          },\n          comment: 'Pretty good overall. Some features could be better.',\n          rating: 4,\n        },\n        {\n          name: 'Mary Johnson',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=25',\n            alt: 'Mary Johnson avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=25',\n          },\n          comment: 'Amazing! This is exactly what I was looking for.',\n          rating: 5,\n        },\n        {\n          name: 'Peter Parker',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=26',\n            alt: 'Peter Parker avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=26',\n          },\n          comment: 'Great value. Happy with my decision to buy.',\n          rating: 4,\n        },\n        {\n          name: 'Diana Prince',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=27',\n            alt: 'Diana Prince avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=27',\n          },\n          comment: 'Outstanding quality and customer service.',\n          rating: 5,\n        },\n        {\n          name: 'Bruce Wayne',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=28',\n            alt: 'Bruce Wayne avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=28',\n          },\n          comment: 'Solid product. Meets all my needs perfectly.',\n          rating: 4,\n        },\n      ],\n    },\n  },\n}\n\n/**\n * \u81EA\u5B9A\u4E49\u6837\u5F0F - \u4F7F\u7528\u81EA\u5B9A\u4E49 className\n */\nexport const CustomStyle: Story = {\n  args: {\n    data: {\n      title: 'Styled Reviews',\n      subtitle: 'Custom styling applied',\n      items: mockReviews,\n    },\n    className: 'border-t-4 border-orange-500',\n  },\n}\n\n/**\n * \u957F\u8BC4\u8BBA\u5185\u5BB9 - \u6D4B\u8BD5\u957F\u6587\u672C\u7684\u663E\u793A\u6548\u679C\n */\nexport const LongComments: Story = {\n  args: {\n    data: {\n      title: 'Detailed Reviews',\n      subtitle: 'In-depth feedback from our customers',\n      items: [\n        {\n          name: 'Alexandra Mitchell',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=30',\n            alt: 'Alexandra Mitchell avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=30',\n          },\n          comment:\n            'I have been using this product for several months now and I must say it has completely exceeded all of my expectations. The quality is outstanding and the attention to detail is remarkable. Every aspect has been carefully thought through.',\n          rating: 5,\n        },\n        {\n          name: 'Christopher Davis',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=31',\n            alt: 'Christopher Davis avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=31',\n          },\n          comment:\n            'Initially I was skeptical about making this purchase, but after reading all the positive reviews I decided to give it a try. I am so glad I did! This has become an essential part of my daily routine.',\n          rating: 5,\n        },\n        {\n          name: 'Victoria Thompson',\n          avatar: {\n            url: 'https://i.pravatar.cc/150?img=32',\n            alt: 'Victoria Thompson avatar',\n            thumbnailURL: 'https://i.pravatar.cc/150?img=32',\n          },\n          comment:\n            'The customer service team was incredibly helpful throughout the entire process. They answered all my questions promptly and made sure I was completely satisfied with my purchase. Five stars!',\n          rating: 5,\n        },\n        ...mockReviews.slice(0, 6),\n      ],\n    },\n  },\n}\n"],
+  "mappings": "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",
+  "names": ["MarqueeReview", "meta", "MarqueeReview_stories_default", "mockReviews", "Default", "Chinese", "FewReviews", "MixedRatings", "CustomStyle", "LongComments"]
+}

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

@@ -0,0 +1,47 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/index.js").MediaSceneSwitcherProps & 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: {
+            titleIcon?: import("../types/props.js").Media;
+            title?: string;
+            subtitle?: string;
+            items?: import("../biz-components/MediaSceneSwitcher/types.js").MediaSceneSwitcherItem[];
+            theme?: import("../types/props.js").Theme;
+            layout?: "left" | "right";
+        } & 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 WithoutTags: Story;
+export declare const ImageOnly: Story;
+export declare const TwoItems: Story;

package/dist/esm/stories/MediaSceneSwitcher.stories.js

@@ -0,0 +1,2 @@
+import{jsx as t}from"react/jsx-runtime";import d from"../biz-components/MediaSceneSwitcher/index.js";const l={title:"Biz-Components/MediaSceneSwitcher",component:d,parameters:{layout:"fullscreen",docs:{description:{component:"Media Scene Switcher component - A versatile component for switching between multiple media scenes with auto-play functionality"}}},decorators:[e=>t("div",{style:{paddingTop:"2em",background:"#000",minHeight:"100vh"},children:t(e,{})})],tags:["autodocs"]};var o=l;const i={id:"690c3b11535a7c9975ffcd47",display:"visible",title:"360 Times/Minute",subtitle:"Self-Cleaning",container:{mobileSpan:"12",desktopSpan:"10"},blockName:"\u591A\u573A\u666F\u5207\u63621_10\u6805\u683C_public",blockType:"MediaSceneSwitcher",items:[{id:"690c3b32535a7c9975ffcd49",title:"Scrapes Off Dirt",tag:"20% OFF",videoUrl:{alt:"Scrapes Off Dirt video",baseUrl:"https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4",url:"https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/preview_images/1e998bd871c04ccbb800c1d8d3d3fea8.thumbnail.0000000000.jpg?v=1762410832",filename:"987f27aa1745438f80200fa6bc87429f.mp4",mimeType:"video/mp4",width:void 0,height:void 0},imageUrl:{alt:"Scrapes Off Dirt image",baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",filename:"Frame_2121235302.png",mimeType:"image/png",width:1648,height:1120},mobVideoUrl:null,mobImageUrl:null},{id:"690c3b35535a7c9975ffcd4b",title:"Cleans the Mop with Water and Detergent",tag:"20% OFF",videoUrl:{alt:"Cleans the Mop with Water and Detergent video",baseUrl:"https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4",url:"https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/preview_images/1e998bd871c04ccbb800c1d8d3d3fea8.thumbnail.0000000000.jpg?v=1762410832",filename:"987f27aa1745438f80200fa6bc87429f.mp4",mimeType:"video/mp4",width:void 0,height:void 0},imageUrl:{alt:"Cleans the Mop with Water and Detergent image",baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",filename:"Frame_2121235302.png",mimeType:"image/png",width:1648,height:1120},mobVideoUrl:null,mobImageUrl:null},{id:"690c3b38535a7c9975ffcd4d",title:"Squeezes Out Dirty Water",tag:"20% OFF",videoUrl:{alt:"Squeezes Out Dirty Water video",baseUrl:"https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4",url:"https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/preview_images/1e998bd871c04ccbb800c1d8d3d3fea8.thumbnail.0000000000.jpg?v=1762410832",filename:"987f27aa1745438f80200fa6bc87429f.mp4",mimeType:"video/mp4",width:void 0,height:void 0},imageUrl:{alt:"Squeezes Out Dirty Water image",baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",filename:"Frame_2121235302.png",mimeType:"image/png",width:1648,height:1120},mobVideoUrl:null,mobImageUrl:null}]},s={args:{data:{title:i.title,subtitle:i.subtitle,items:i.items.map(e=>({id:e.id,title:e.title,tag:e.tag,videoUrl:e.videoUrl?{...e.videoUrl,alt:e.videoUrl.alt||"Video",width:e.videoUrl.width||void 0,height:e.videoUrl.height||void 0}:null,imageUrl:e.imageUrl?{...e.imageUrl,alt:e.imageUrl.alt||"Image",width:e.imageUrl.width||void 0,height:e.imageUrl.height||void 0}:null,mobVideoUrl:e.mobVideoUrl,mobImageUrl:e.mobImageUrl}))}}},n={args:{data:{title:i.title,subtitle:i.subtitle,items:i.items.map(e=>({id:e.id,title:e.title,tag:void 0,videoUrl:e.videoUrl?{...e.videoUrl,alt:e.videoUrl.alt||"Video",width:e.videoUrl.width||void 0,height:e.videoUrl.height||void 0}:null,imageUrl:e.imageUrl?{...e.imageUrl,alt:e.imageUrl.alt||"Image",width:e.imageUrl.width||void 0,height:e.imageUrl.height||void 0}:null,mobVideoUrl:e.mobVideoUrl,mobImageUrl:e.mobImageUrl}))}}},r={args:{data:{title:i.title,subtitle:i.subtitle,items:i.items.map(e=>({id:e.id,title:e.title,tag:e.tag,videoUrl:null,imageUrl:e.imageUrl?{...e.imageUrl,alt:e.imageUrl.alt||"Image",width:e.imageUrl.width||void 0,height:e.imageUrl.height||void 0}:null,mobVideoUrl:e.mobVideoUrl,mobImageUrl:e.mobImageUrl}))}}},c={args:{data:{title:i.title,subtitle:i.subtitle,items:i.items.slice(0,2).map(e=>({id:e.id,title:e.title,tag:e.tag,videoUrl:e.videoUrl?{...e.videoUrl,alt:e.videoUrl.alt||"Video",width:e.videoUrl.width||void 0,height:e.videoUrl.height||void 0}:null,imageUrl:e.imageUrl?{...e.imageUrl,alt:e.imageUrl.alt||"Image",width:e.imageUrl.width||void 0,height:e.imageUrl.height||void 0}:null,mobVideoUrl:e.mobVideoUrl,mobImageUrl:e.mobImageUrl}))}}};export{s as Default,r as ImageOnly,c as TwoItems,n as WithoutTags,o as default};
+//# sourceMappingURL=MediaSceneSwitcher.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/MediaSceneSwitcher.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MediaSceneSwitcher from '../biz-components/MediaSceneSwitcher/index.js'\n\nconst meta = {\n  title: 'Biz-Components/MediaSceneSwitcher',\n  component: MediaSceneSwitcher,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component:\n          'Media Scene Switcher component - A versatile component for switching between multiple media scenes with auto-play functionality',\n      },\n    },\n  },\n  decorators: [\n    Story => (\n      <div style={{ paddingTop: '2em', background: '#000', minHeight: '100vh' }}>\n        <Story />\n      </div>\n    ),\n  ],\n  tags: ['autodocs'],\n} satisfies Meta<typeof MediaSceneSwitcher>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockData = {\n  id: '690c3b11535a7c9975ffcd47',\n  display: 'visible' as const,\n  title: '360 Times/Minute',\n  subtitle: 'Self-Cleaning',\n  container: {\n    mobileSpan: '12',\n    desktopSpan: '10',\n  },\n  blockName: '\u591A\u573A\u666F\u5207\u63621_10\u6805\u683C_public',\n  blockType: 'MediaSceneSwitcher',\n  items: [\n    {\n      id: '690c3b32535a7c9975ffcd49',\n      title: 'Scrapes Off Dirt',\n      tag: '20% OFF',\n      videoUrl: {\n        alt: 'Scrapes Off Dirt video',\n        baseUrl: 'https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4',\n        url: 'https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/preview_images/1e998bd871c04ccbb800c1d8d3d3fea8.thumbnail.0000000000.jpg?v=1762410832',\n        filename: '987f27aa1745438f80200fa6bc87429f.mp4',\n        mimeType: 'video/mp4' as const,\n        width: undefined,\n        height: undefined,\n      },\n      imageUrl: {\n        alt: 'Scrapes Off Dirt image',\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n        filename: 'Frame_2121235302.png',\n        mimeType: 'image/png' as const,\n        width: 1648,\n        height: 1120,\n      },\n      mobVideoUrl: null,\n      mobImageUrl: null,\n    },\n    {\n      id: '690c3b35535a7c9975ffcd4b',\n      title: 'Cleans the Mop with Water and Detergent',\n      tag: '20% OFF',\n      videoUrl: {\n        alt: 'Cleans the Mop with Water and Detergent video',\n        baseUrl: 'https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4',\n        url: 'https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/preview_images/1e998bd871c04ccbb800c1d8d3d3fea8.thumbnail.0000000000.jpg?v=1762410832',\n        filename: '987f27aa1745438f80200fa6bc87429f.mp4',\n        mimeType: 'video/mp4' as const,\n        width: undefined,\n        height: undefined,\n      },\n      imageUrl: {\n        alt: 'Cleans the Mop with Water and Detergent image',\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n        filename: 'Frame_2121235302.png',\n        mimeType: 'image/png' as const,\n        width: 1648,\n        height: 1120,\n      },\n      mobVideoUrl: null,\n      mobImageUrl: null,\n    },\n    {\n      id: '690c3b38535a7c9975ffcd4d',\n      title: 'Squeezes Out Dirty Water',\n      tag: '20% OFF',\n      videoUrl: {\n        alt: 'Squeezes Out Dirty Water video',\n        baseUrl: 'https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4',\n        url: 'https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/preview_images/1e998bd871c04ccbb800c1d8d3d3fea8.thumbnail.0000000000.jpg?v=1762410832',\n        filename: '987f27aa1745438f80200fa6bc87429f.mp4',\n        mimeType: 'video/mp4' as const,\n        width: undefined,\n        height: undefined,\n      },\n      imageUrl: {\n        alt: 'Squeezes Out Dirty Water image',\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n        filename: 'Frame_2121235302.png',\n        mimeType: 'image/png' as const,\n        width: 1648,\n        height: 1120,\n      },\n      mobVideoUrl: null,\n      mobImageUrl: null,\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    data: {\n      title: mockData.title,\n      subtitle: mockData.subtitle,\n      items: mockData.items.map(item => ({\n        id: item.id,\n        title: item.title,\n        tag: item.tag,\n        videoUrl: item.videoUrl\n          ? {\n              ...item.videoUrl,\n              alt: item.videoUrl.alt || 'Video',\n              width: item.videoUrl.width || undefined,\n              height: item.videoUrl.height || undefined,\n            }\n          : null,\n        imageUrl: item.imageUrl\n          ? {\n              ...item.imageUrl,\n              alt: item.imageUrl.alt || 'Image',\n              width: item.imageUrl.width || undefined,\n              height: item.imageUrl.height || undefined,\n            }\n          : null,\n        mobVideoUrl: item.mobVideoUrl,\n        mobImageUrl: item.mobImageUrl,\n      })),\n    },\n  },\n}\n\nexport const WithoutTags: Story = {\n  args: {\n    data: {\n      title: mockData.title,\n      subtitle: mockData.subtitle,\n      items: mockData.items.map(item => ({\n        id: item.id,\n        title: item.title,\n        tag: undefined,\n        videoUrl: item.videoUrl\n          ? {\n              ...item.videoUrl,\n              alt: item.videoUrl.alt || 'Video',\n              width: item.videoUrl.width || undefined,\n              height: item.videoUrl.height || undefined,\n            }\n          : null,\n        imageUrl: item.imageUrl\n          ? {\n              ...item.imageUrl,\n              alt: item.imageUrl.alt || 'Image',\n              width: item.imageUrl.width || undefined,\n              height: item.imageUrl.height || undefined,\n            }\n          : null,\n        mobVideoUrl: item.mobVideoUrl,\n        mobImageUrl: item.mobImageUrl,\n      })),\n    },\n  },\n}\n\nexport const ImageOnly: Story = {\n  args: {\n    data: {\n      title: mockData.title,\n      subtitle: mockData.subtitle,\n      items: mockData.items.map(item => ({\n        id: item.id,\n        title: item.title,\n        tag: item.tag,\n        videoUrl: null,\n        imageUrl: item.imageUrl\n          ? {\n              ...item.imageUrl,\n              alt: item.imageUrl.alt || 'Image',\n              width: item.imageUrl.width || undefined,\n              height: item.imageUrl.height || undefined,\n            }\n          : null,\n        mobVideoUrl: item.mobVideoUrl,\n        mobImageUrl: item.mobImageUrl,\n      })),\n    },\n  },\n}\n\nexport const TwoItems: Story = {\n  args: {\n    data: {\n      title: mockData.title,\n      subtitle: mockData.subtitle,\n      items: mockData.items.slice(0, 2).map(item => ({\n        id: item.id,\n        title: item.title,\n        tag: item.tag,\n        videoUrl: item.videoUrl\n          ? {\n              ...item.videoUrl,\n              alt: item.videoUrl.alt || 'Video',\n              width: item.videoUrl.width || undefined,\n              height: item.videoUrl.height || undefined,\n            }\n          : null,\n        imageUrl: item.imageUrl\n          ? {\n              ...item.imageUrl,\n              alt: item.imageUrl.alt || 'Image',\n              width: item.imageUrl.width || undefined,\n              height: item.imageUrl.height || undefined,\n            }\n          : null,\n        mobVideoUrl: item.mobVideoUrl,\n        mobImageUrl: item.mobImageUrl,\n      })),\n    },\n  },\n}\n"],
+  "mappings": "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",
+  "names": ["jsx", "MediaSceneSwitcher", "meta", "Story", "MediaSceneSwitcher_stories_default", "mockData", "Default", "item", "WithoutTags", "ImageOnly", "TwoItems"]
+}

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

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

package/dist/esm/stories/MemberEquity.stories.js

@@ -0,0 +1,31 @@
+import e from"../biz-components/MemberEquity/index.js";const t={title:"Biz-Components/MemberEquity",component:e,parameters:{layout:"fullscreen",docs:{description:{component:` 
+MemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\u7684\u7EC4\u4EF6\u3002  
+
+
+### \u81EA\u5B9A\u4E49style \u53EF\u7528class 
+.member-equity-title  
+.member-equity-description  
+.member-equity-button-primary  
+.member-equity-button-secondary  
+      `}}},tags:["autodocs"]};var r=t;const o={args:{data:{title:"Become a Member Today",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:{alt:"backgroundImage",url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},mobileBackgroundImage:{alt:"mobileBackgroundImage",url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},primaryButton:{text:"Shop Now",link:"/shop"},secondaryButton:{text:"Learn More",link:"/learn"},primaryButtonHandler:()=>{alert("primaryButtonHandler is triggered")},secondaryButtonHandler:()=>{console.log("secondaryButtonHandler")},shape:"square"}}},s={args:{data:{title:"Become a Member Today",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:{url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",alt:"backgroundImage",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},primaryButton:{text:"Shop Now",link:"/shop"},secondaryButton:{text:"Learn More",link:"/learn"},shape:"rounded"}}},n={args:{data:{...o.args?.data,title:"Premium Experience",description:"Join our community to get early access to new products and exclusive member benefits.",backgroundImage:{alt:"backgroundImage",url:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",thumbnailURL:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",mimeType:"image/jpeg"},mobileBackgroundImage:{alt:"mobileBackgroundImage",url:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",thumbnailURL:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",mimeType:"image/jpeg"},primaryButton:{text:"Join Now",link:"/join"},secondaryButton:{text:"Explore Benefits",link:"/benefits"}}}},i={args:{data:{title:"Become a Member Today and opportunities",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:{alt:"backgroundImage",url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},mobileBackgroundImage:{alt:"mobileBackgroundImage",url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},primaryButton:{text:"Shop Now",link:"/shop"},secondaryButton:{text:"Learn More",link:"/learn"},shape:"square"},style:`
+      .member-equity-title {
+          background: linear-gradient(
+                90deg,
+              #FFD700,   /* \u91D1\u8272 (Gold) */
+              #FFC000,   /* \u4EAE\u91D1\u8272 (Light Gold) */
+              #FFA500,   /* \u6A59\u8272 (Orange) */
+              #FF8C00,   /* \u6DF1\u6A59\u8272 (Dark Orange) */
+              #FF6B00    /* \u6A59\u7EA2\u8272 (Red-Orange) */
+          );
+          -webkit-background-clip: text; /* \u517C\u5BB9 WebKit \u6D4F\u89C8\u5668 */
+          background-clip: text;
+          color: transparent; /* \u9690\u85CF\u539F\u59CB\u6587\u5B57\u989C\u8272 */
+      }
+      .member-equity-description {
+        color: blue;
+      }
+      .member-equity-button-primary {
+        color: green;
+      }
+    `}};export{n as CustomButtons,i as CustomStyles,o as Default,s as Round,r as default};
+//# sourceMappingURL=MemberEquity.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/MemberEquity.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MemberEquity from '../biz-components/MemberEquity/index.js'\n\nconst meta: Meta<typeof MemberEquity> = {\n  title: 'Biz-Components/MemberEquity',\n  component: MemberEquity,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: ` \nMemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\u7684\u7EC4\u4EF6\u3002  \n\n\n### \u81EA\u5B9A\u4E49style \u53EF\u7528class \n.member-equity-title  \n.member-equity-description  \n.member-equity-button-primary  \n.member-equity-button-secondary  \n      `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n}\n\nexport default meta\ntype Story = StoryObj<typeof MemberEquity>\n\n// \u9ED8\u8BA4\u6837\u5F0F - \u65B9\u5F62\nexport const Default: Story = {\n  args: {\n    data: {\n      title: 'Become a Member Today',\n      description:\n        'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n      backgroundImage: {\n        alt: 'backgroundImage',\n        url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        mimeType: 'image/jpeg',\n      },\n      mobileBackgroundImage: {\n        alt: 'mobileBackgroundImage',\n        url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        mimeType: 'image/jpeg',\n      },\n      primaryButton: {\n        text: 'Shop Now',\n        link: '/shop',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n        link: '/learn',\n      },\n      primaryButtonHandler: () => {\n        alert('primaryButtonHandler is triggered')\n      },\n      secondaryButtonHandler: () => {\n        console.log('secondaryButtonHandler')\n      },\n      shape: 'square',\n    },\n  },\n}\n\n// \u5706\u89D2\u98CE\u683C\nexport const Round: Story = {\n  args: {\n    data: {\n      title: 'Become a Member Today',\n      description:\n        'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n      backgroundImage: {\n        url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        alt: 'backgroundImage',\n        thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        mimeType: 'image/jpeg',\n      },\n      primaryButton: {\n        text: 'Shop Now',\n        link: '/shop',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n        link: '/learn',\n      },\n      shape: 'rounded',\n    },\n  },\n}\n\n// \u81EA\u5B9A\u4E49\u6309\u94AE\nexport const CustomButtons: Story = {\n  args: {\n    data: {\n      ...Default.args?.data,\n      title: 'Premium Experience',\n      description: 'Join our community to get early access to new products and exclusive member benefits.',\n      backgroundImage: {\n        alt: 'backgroundImage',\n        url: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n        thumbnailURL: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n        mimeType: 'image/jpeg',\n      },\n      mobileBackgroundImage: {\n        alt: 'mobileBackgroundImage',\n        url: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n        thumbnailURL: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n        mimeType: 'image/jpeg',\n      },\n      primaryButton: {\n        text: 'Join Now',\n        link: '/join',\n      },\n      secondaryButton: {\n        text: 'Explore Benefits',\n        link: '/benefits',\n      },\n    },\n  },\n}\n\n// \u81EA\u5B9A\u4E49\u6837\u5F0F\nexport const CustomStyles: Story = {\n  args: {\n    data: {\n      title: 'Become a Member Today and opportunities',\n      description:\n        'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n      backgroundImage: {\n        alt: 'backgroundImage',\n        url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        mimeType: 'image/jpeg',\n      },\n      mobileBackgroundImage: {\n        alt: 'mobileBackgroundImage',\n        url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        mimeType: 'image/jpeg',\n      },\n      primaryButton: {\n        text: 'Shop Now',\n        link: '/shop',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n        link: '/learn',\n      },\n      shape: 'square',\n    },\n    style: `\n      .member-equity-title {\n          background: linear-gradient(\n                90deg,\n              #FFD700,   /* \u91D1\u8272 (Gold) */\n              #FFC000,   /* \u4EAE\u91D1\u8272 (Light Gold) */\n              #FFA500,   /* \u6A59\u8272 (Orange) */\n              #FF8C00,   /* \u6DF1\u6A59\u8272 (Dark Orange) */\n              #FF6B00    /* \u6A59\u7EA2\u8272 (Red-Orange) */\n          );\n          -webkit-background-clip: text; /* \u517C\u5BB9 WebKit \u6D4F\u89C8\u5668 */\n          background-clip: text;\n          color: transparent; /* \u9690\u85CF\u539F\u59CB\u6587\u5B57\u989C\u8272 */\n      }\n      .member-equity-description {\n        color: blue;\n      }\n      .member-equity-button-primary {\n        color: green;\n      }\n    `,\n  },\n}\n"],
+  "mappings": "AACA,OAAOA,MAAkB,0CAEzB,MAAMC,EAAkC,CACtC,MAAO,8BACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAUb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,wBACP,YACE,sGACF,gBAAiB,CACf,IAAK,kBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,sBAAuB,CACrB,IAAK,wBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,qBAAsB,IAAM,CAC1B,MAAM,mCAAmC,CAC3C,EACA,uBAAwB,IAAM,CAC5B,QAAQ,IAAI,wBAAwB,CACtC,EACA,MAAO,QACT,CACF,CACF,EAGaC,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAO,wBACP,YACE,sGACF,gBAAiB,CACf,IAAK,+DACL,IAAK,kBACL,aAAc,+DACd,SAAU,YACZ,EACA,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,SACT,CACF,CACF,EAGaC,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,GAAGF,EAAQ,MAAM,KACjB,MAAO,qBACP,YAAa,wFACb,gBAAiB,CACf,IAAK,kBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,sBAAuB,CACrB,IAAK,wBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,mBACN,KAAM,WACR,CACF,CACF,CACF,EAGaG,EAAsB,CACjC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,YACE,sGACF,gBAAiB,CACf,IAAK,kBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,sBAAuB,CACrB,IAAK,wBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,QACT,EACA,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAqBT,CACF",
+  "names": ["MemberEquity", "meta", "MemberEquity_stories_default", "Default", "Round", "CustomButtons", "CustomStyles"]
+}

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

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

package/dist/esm/stories/MultiLayoutGraphicBlock.stories.js

@@ -0,0 +1,2 @@
+import l from"../biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js";const o={title:"Biz-Components/MultiLayoutGraphicBlock",component:l,tags:["autodocs"],parameters:{layout:"fullscreen",docs:{description:{component:"\u591A\u5E03\u5C40\u56FE\u6587\u533A\u5757\uFF0C\u652F\u6301\u4E0D\u540C\u5BBD\u5EA6\u3001\u4E3B\u9898\u548C\u8F6E\u64AD\u3002"}}}};var m=o;const t=[{theme:"light",title:"\u6807\u98981",description:"\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/1920x1080?text=Image1",alt:"Image1",thumbnailURL:"https://placehold.co/1920x1080?text=Image1",mimeType:"image/png"},imageMobileUrl:{url:"https://placehold.co/1920x1080?text=Image1",alt:"Image1",thumbnailURL:"https://placehold.co/1920x1080?text=Image1",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"full",blockLink:"/this-is-a-link"},{theme:"dark",title:"\u6807\u98982",description:"\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image2",alt:"Image2",thumbnailURL:"https://placehold.co/200x240?text=Image2",mimeType:"image/png"},imageMobileUrl:{url:"https://placehold.co/200x240?text=Image2",alt:"Image2",thumbnailURL:"https://placehold.co/200x240?text=Image2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"half"},{theme:"light",title:"\u6807\u98983",description:"\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image3",alt:"Image3",thumbnailURL:"https://placehold.co/200x240?text=Image3",mimeType:"image/png"},imageMobileUrl:{url:"https://placehold.co/200x240?text=Image2",alt:"Image2",thumbnailURL:"https://placehold.co/200x240?text=Image2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"half"}],i=[{theme:"dark",title:"\u8F6E\u64AD1",description:"\u8F6E\u64AD\u533A\u57571",imageUrl:{url:"https://placehold.co/200x240?text=Carousel1",alt:"Carousel1",thumbnailURL:"https://placehold.co/200x240?text=Carousel1",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD2",description:"\u8F6E\u64AD\u533A\u57572",imageUrl:{url:"https://placehold.co/200x240?text=Carousel2",alt:"Carousel2",thumbnailURL:"https://placehold.co/200x240?text=Carousel2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD3",description:"\u8F6E\u64AD\u533A\u57573",imageUrl:"https://placehold.co/200x240?text=Carousel2",primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD4",description:"\u8F6E\u64AD\u533A\u57574",imageUrl:{url:"https://placehold.co/200x240?text=Carousel2",alt:"Carousel2",thumbnailURL:"https://placehold.co/200x240?text=Carousel2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD5",description:"\u8F6E\u64AD\u533A\u57575",imageUrl:{url:"https://placehold.co/200x240?text=Carousel2",alt:"Carousel2",thumbnailURL:"https://placehold.co/200x240?text=Carousel2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}}],r={args:{data:{items:t,carousel:{items:[]}}}},c={args:{data:{items:[{theme:"light",title:"\u6807\u98981",description:"\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/1920x1080?text=Image1",alt:"Image1",thumbnailURL:"https://placehold.co/1920x1080?text=Image1",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"full"},{theme:"dark",title:"\u6807\u98982",description:"\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image2",alt:"Image2",thumbnailURL:"https://placehold.co/200x240?text=Image2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"},{theme:"light",title:"\u6807\u98983",description:"\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image3",alt:"Image3",thumbnailURL:"https://placehold.co/200x240?text=Image3",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"},{theme:"light",title:"\u6807\u98984",description:"\u8FD9\u662F\u7B2C4\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image3",alt:"Image3",thumbnailURL:"https://placehold.co/200x240?text=Image3",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"}]}}},n={args:{data:{items:t.slice(0,1),carousel:{items:i}}}},s={args:{data:{groupByTab:!0,items:t.slice(1,3).map((e,a)=>({...e,tabName:e.title+" "+(a+1)}))}}};export{r as Default,c as ThirdWidth,n as WithCarousel,s as WithTabs,m as default};
+//# sourceMappingURL=MultiLayoutGraphicBlock.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/MultiLayoutGraphicBlock.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MultiLayoutGraphicBlock from '../biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js'\nimport type { MultiLayoutGraphicBlockProps } from '../biz-components/MultiLayoutGraphicBlock/types.js'\n\nconst meta: Meta<typeof MultiLayoutGraphicBlock> = {\n  title: 'Biz-Components/MultiLayoutGraphicBlock',\n  component: MultiLayoutGraphicBlock,\n  tags: ['autodocs'],\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u591A\u5E03\u5C40\u56FE\u6587\u533A\u5757\uFF0C\u652F\u6301\u4E0D\u540C\u5BBD\u5EA6\u3001\u4E3B\u9898\u548C\u8F6E\u64AD\u3002',\n      },\n    },\n  },\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof MultiLayoutGraphicBlock>\n\nconst baseItems = [\n  {\n    theme: 'light',\n    title: '\u6807\u98981',\n    description: '\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n    imageUrl: {\n      url: 'https://placehold.co/1920x1080?text=Image1',\n      alt: 'Image1',\n      thumbnailURL: 'https://placehold.co/1920x1080?text=Image1',\n      mimeType: 'image/png',\n    },\n    imageMobileUrl: {\n      url: 'https://placehold.co/1920x1080?text=Image1',\n      alt: 'Image1',\n      thumbnailURL: 'https://placehold.co/1920x1080?text=Image1',\n      mimeType: 'image/png',\n    },\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n    width: 'full' as const,\n    blockLink: '/this-is-a-link',\n  },\n  {\n    theme: 'dark',\n    title: '\u6807\u98982',\n    description: '\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n    imageUrl: {\n      url: 'https://placehold.co/200x240?text=Image2',\n      alt: 'Image2',\n      thumbnailURL: 'https://placehold.co/200x240?text=Image2',\n      mimeType: 'image/png',\n    },\n    imageMobileUrl: {\n      url: 'https://placehold.co/200x240?text=Image2',\n      alt: 'Image2',\n      thumbnailURL: 'https://placehold.co/200x240?text=Image2',\n      mimeType: 'image/png',\n    },\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n    width: 'half' as const,\n  },\n  {\n    theme: 'light',\n    title: '\u6807\u98983',\n    description: '\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n    imageUrl: {\n      url: 'https://placehold.co/200x240?text=Image3',\n      alt: 'Image3',\n      thumbnailURL: 'https://placehold.co/200x240?text=Image3',\n      mimeType: 'image/png',\n    },\n    imageMobileUrl: {\n      url: 'https://placehold.co/200x240?text=Image2',\n      alt: 'Image2',\n      thumbnailURL: 'https://placehold.co/200x240?text=Image2',\n      mimeType: 'image/png',\n    },\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n    width: 'half' as const,\n  },\n]\n\nconst carouselItems = [\n  {\n    theme: 'dark',\n    title: '\u8F6E\u64AD1',\n    description: '\u8F6E\u64AD\u533A\u57571',\n    imageUrl: {\n      url: 'https://placehold.co/200x240?text=Carousel1',\n      alt: 'Carousel1',\n      thumbnailURL: 'https://placehold.co/200x240?text=Carousel1',\n      mimeType: 'image/png',\n    },\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n  },\n  {\n    theme: 'light',\n    title: '\u8F6E\u64AD2',\n    description: '\u8F6E\u64AD\u533A\u57572',\n    imageUrl: {\n      url: 'https://placehold.co/200x240?text=Carousel2',\n      alt: 'Carousel2',\n      thumbnailURL: 'https://placehold.co/200x240?text=Carousel2',\n      mimeType: 'image/png',\n    },\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n  },\n  {\n    theme: 'light',\n    title: '\u8F6E\u64AD3',\n    description: '\u8F6E\u64AD\u533A\u57573',\n    imageUrl: 'https://placehold.co/200x240?text=Carousel2',\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n  },\n  {\n    theme: 'light',\n    title: '\u8F6E\u64AD4',\n    description: '\u8F6E\u64AD\u533A\u57574',\n    imageUrl: {\n      url: 'https://placehold.co/200x240?text=Carousel2',\n      alt: 'Carousel2',\n      thumbnailURL: 'https://placehold.co/200x240?text=Carousel2',\n      mimeType: 'image/png',\n    },\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n  },\n  {\n    theme: 'light',\n    title: '\u8F6E\u64AD5',\n    description: '\u8F6E\u64AD\u533A\u57575',\n    imageUrl: {\n      url: 'https://placehold.co/200x240?text=Carousel2',\n      alt: 'Carousel2',\n      thumbnailURL: 'https://placehold.co/200x240?text=Carousel2',\n      mimeType: 'image/png',\n    },\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      items: baseItems,\n      carousel: { items: [] },\n    },\n  } as MultiLayoutGraphicBlockProps,\n}\n\nexport const ThirdWidth: Story = {\n  args: {\n    data: {\n      items: [\n        {\n          theme: 'light',\n          title: '\u6807\u98981',\n          description: '\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n          imageUrl: {\n            url: 'https://placehold.co/1920x1080?text=Image1',\n            alt: 'Image1',\n            thumbnailURL: 'https://placehold.co/1920x1080?text=Image1',\n            mimeType: 'image/png',\n          },\n          primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n          secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n          width: 'full' as const,\n        },\n        {\n          theme: 'dark',\n          title: '\u6807\u98982',\n          description: '\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n          imageUrl: {\n            url: 'https://placehold.co/200x240?text=Image2',\n            alt: 'Image2',\n            thumbnailURL: 'https://placehold.co/200x240?text=Image2',\n            mimeType: 'image/png',\n          },\n          primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n          secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n          width: 'one-third' as const,\n        },\n        {\n          theme: 'light',\n          title: '\u6807\u98983',\n          description: '\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n          imageUrl: {\n            url: 'https://placehold.co/200x240?text=Image3',\n            alt: 'Image3',\n            thumbnailURL: 'https://placehold.co/200x240?text=Image3',\n            mimeType: 'image/png',\n          },\n          primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n          secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n          width: 'one-third' as const,\n        },\n        {\n          theme: 'light',\n          title: '\u6807\u98984',\n          description: '\u8FD9\u662F\u7B2C4\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n          imageUrl: {\n            url: 'https://placehold.co/200x240?text=Image3',\n            alt: 'Image3',\n            thumbnailURL: 'https://placehold.co/200x240?text=Image3',\n            mimeType: 'image/png',\n          },\n          primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n          secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n          width: 'one-third' as const,\n        },\n      ],\n    },\n  } as MultiLayoutGraphicBlockProps,\n}\n\nexport const WithCarousel: Story = {\n  args: {\n    data: {\n      items: baseItems.slice(0, 1),\n      carousel: { items: carouselItems },\n    },\n  } as MultiLayoutGraphicBlockProps,\n}\n\nexport const WithTabs: Story = {\n  args: {\n    data: {\n      groupByTab: true,\n      items: baseItems.slice(1, 3).map((item, index) => ({\n        ...item,\n        tabName: item.title + ' ' + (index + 1),\n      })),\n    },\n  } as MultiLayoutGraphicBlockProps,\n}\n"],
+  "mappings": "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",
+  "names": ["MultiLayoutGraphicBlock", "meta", "MultiLayoutGraphicBlock_stories_default", "baseItems", "carouselItems", "Default", "ThirdWidth", "WithCarousel", "WithTabs", "item", "index"]
+}

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

@@ -0,0 +1,55 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<Omit<import("../biz-components/index.js").ProductNavProps & 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;
+            };
+        };
+    };
+    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: {
+            tabLinks?: import("../biz-components/index.js").TabLink[];
+            anchorList?: import("../biz-components/index.js").AnchorItem[];
+            textLink?: import("../biz-components/ProductNav/types.js").TextLink;
+            buyBtn?: import("../biz-components/index.js").BuyButton;
+            theme?: import("../types/props.js").Theme;
+        } & Record<string, any>;
+        key?: string | undefined;
+        uid?: string | undefined;
+        wrapperClassName?: string | undefined;
+        event?: any;
+        condition?: any;
+        ref?: 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 WithoutBuyButton: Story;
+export declare const SingleTab: Story;
+export declare const ManyTabs: Story;
+export declare const FewAnchors: Story;
+export declare const CustomBuyButton: Story;
+export declare const MinimalNav: Story;
+export declare const DarkTheme: Story;
+export declare const WithTextLink: Story;
+export declare const TextLinkNewWindow: Story;
+export declare const OnlyTextLink: Story;
+export declare const WithoutTextLink: Story;

package/dist/esm/stories/ProductNav.stories.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";import"react";import r from"../biz-components/ProductNav/index.js";const i={title:"Biz-Components/ProductNav",component:r,parameters:{layout:"fullscreen",docs:{description:{component:"Product Navigation component - A versatile navigation component for product pages with tab links, anchors, and action buttons"}}},decorators:[t=>e("div",{style:{paddingTop:"2em",background:"#f5f5f5",minHeight:"50vh"},children:e(t,{})})],tags:["autodocs"]};var u=i;const o={textLink:{link:"/learn-more",text:"Learn More",target:"_self"},buyBtn:{link:"/products/t2353111",text:"Buy Now"},tabLinks:[{link:"/robot-vacuum-e25",label:"Robot Vacuum Omni E25"},{link:"/robot-vacuum-e28",label:"Robot Vacuum Omni E28"}],anchorList:[{id:"overview",label:"Overview"},{id:"cleaning-power",label:"Cleaning Power"},{id:"smart-cleaning",label:"Smart Cleaning"},{id:"ease-of-use",label:"Ease of Use"},{id:"brand-equity",label:"Brand Equity"}],currentSku:"T2353111,T2352111"},n=({children:t,...a})=>e("div",{children:t({...a})}),l={render:t=>e(n,{...t,children:a=>e(r,{...a})}),args:{data:o}},p={render:t=>e(n,{...t,children:a=>e(r,{...a})}),args:{data:{...o,buyBtn:void 0}}},b={render:t=>e(n,{...t,children:a=>e(r,{...a})}),args:{data:{...o,tabLinks:[{link:"/robot-vacuum-e25",label:"Robot Vacuum Omni E25"}]}}},y={render:t=>e(n,{...t,children:a=>e(r,{...a})}),args:{data:{...o,tabLinks:[{link:"/robot-vacuum-e25",label:"Robot Vacuum Omni E25"},{link:"/robot-vacuum-e28",label:"Robot Vacuum Omni E28"},{link:"/robot-vacuum-e30",label:"Robot Vacuum Omni E30"},{link:"/robot-vacuum-x20",label:"Robot Vacuum X20 Pro"}]}}},m={render:t=>e(n,{...t,children:a=>e(r,{...a})}),args:{data:{...o,anchorList:[{id:"overview",label:"Overview"},{id:"features",label:"Features"}]}}},v={render:t=>e(n,{...t,children:a=>e(r,{...a})}),args:{data:{...o,buyBtn:{link:"/cart/add/t2353111",text:"Add to Cart"}}}},k={render:t=>e(n,{...t,children:a=>e(r,{...a})}),args:{data:{tabLinks:[{link:"/product",label:"Product Name"}],anchorList:[{id:"overview",label:"Overview"}],buyBtn:{link:"/buy",text:"Buy"}}}},g={render:t=>e(n,{...t,children:a=>e(r,{...a})}),args:{data:{...o,theme:"dark"}},decorators:[t=>e("div",{style:{paddingTop:"2em",background:"#000",minHeight:"50vh"},children:e(t,{})})]},x={render:t=>e(n,{...t,children:a=>e(r,{...a})}),args:{data:{...o,textLink:{link:"/specifications",text:"View Specs",target:"_self"}}}},f={render:t=>e(n,{...t,children:a=>e(r,{...a})}),args:{data:{...o,textLink:{link:"https://support.example.com/guides",text:"User Guide",target:"_blank"}}}},S={render:t=>e(n,{...t,children:a=>e(r,{...a})}),args:{data:{...o,textLink:{link:"/more-info",text:"More Info",target:"_self"},buyBtn:void 0}}},L={render:t=>e(n,{...t,children:a=>e(r,{...a})}),args:{data:{...o,textLink:void 0}}};export{v as CustomBuyButton,g as DarkTheme,l as Default,m as FewAnchors,y as ManyTabs,k as MinimalNav,S as OnlyTextLink,b as SingleTab,f as TextLinkNewWindow,x as WithTextLink,p as WithoutBuyButton,L as WithoutTextLink,u as default};
+//# sourceMappingURL=ProductNav.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/ProductNav.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\nimport ProductNav from '../biz-components/ProductNav/index.js'\n\nconst meta = {\n  title: 'Biz-Components/ProductNav',\n  component: ProductNav,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component:\n          'Product Navigation component - A versatile navigation component for product pages with tab links, anchors, and action buttons',\n      },\n    },\n  },\n  decorators: [\n    Story => (\n      <div style={{ paddingTop: '2em', background: '#f5f5f5', minHeight: '50vh' }}>\n        <Story />\n      </div>\n    ),\n  ],\n  tags: ['autodocs'],\n} satisfies Meta<typeof ProductNav>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockData = {\n  textLink: {\n    link: '/learn-more',\n    text: 'Learn More',\n    target: '_self' as const,\n  },\n  buyBtn: {\n    link: '/products/t2353111',\n    text: 'Buy Now',\n  },\n  tabLinks: [\n    {\n      link: '/robot-vacuum-e25',\n      label: 'Robot Vacuum Omni E25',\n    },\n    {\n      link: '/robot-vacuum-e28',\n      label: 'Robot Vacuum Omni E28',\n    },\n  ],\n  anchorList: [\n    {\n      id: 'overview',\n      label: 'Overview',\n    },\n    {\n      id: 'cleaning-power',\n      label: 'Cleaning Power',\n    },\n    {\n      id: 'smart-cleaning',\n      label: 'Smart Cleaning',\n    },\n    {\n      id: 'ease-of-use',\n      label: 'Ease of Use',\n    },\n    {\n      id: 'brand-equity',\n      label: 'Brand Equity',\n    },\n  ],\n  currentSku: 'T2353111,T2352111',\n}\n\n// Interactive wrapper component for stories\nconst InteractiveWrapper = ({ children, ...props }: any) => {\n  return <div>{children({ ...props })}</div>\n}\n\nexport const Default: Story = {\n  render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n  args: {\n    data: mockData,\n  },\n}\n\nexport const WithoutBuyButton: Story = {\n  render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n  args: {\n    data: {\n      ...mockData,\n      buyBtn: undefined,\n    },\n  },\n}\n\nexport const SingleTab: Story = {\n  render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n  args: {\n    data: {\n      ...mockData,\n      tabLinks: [\n        {\n          link: '/robot-vacuum-e25',\n          label: 'Robot Vacuum Omni E25',\n        },\n      ],\n    },\n  },\n}\n\nexport const ManyTabs: Story = {\n  render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n  args: {\n    data: {\n      ...mockData,\n      tabLinks: [\n        {\n          link: '/robot-vacuum-e25',\n          label: 'Robot Vacuum Omni E25',\n        },\n        {\n          link: '/robot-vacuum-e28',\n          label: 'Robot Vacuum Omni E28',\n        },\n        {\n          link: '/robot-vacuum-e30',\n          label: 'Robot Vacuum Omni E30',\n        },\n        {\n          link: '/robot-vacuum-x20',\n          label: 'Robot Vacuum X20 Pro',\n        },\n      ],\n    },\n  },\n}\n\nexport const FewAnchors: Story = {\n  render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n  args: {\n    data: {\n      ...mockData,\n      anchorList: [\n        {\n          id: 'overview',\n          label: 'Overview',\n        },\n        {\n          id: 'features',\n          label: 'Features',\n        },\n      ],\n    },\n  },\n}\n\nexport const CustomBuyButton: Story = {\n  render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n  args: {\n    data: {\n      ...mockData,\n      buyBtn: {\n        link: '/cart/add/t2353111',\n        text: 'Add to Cart',\n      },\n    },\n  },\n}\n\nexport const MinimalNav: Story = {\n  render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n  args: {\n    data: {\n      tabLinks: [\n        {\n          link: '/product',\n          label: 'Product Name',\n        },\n      ],\n      anchorList: [\n        {\n          id: 'overview',\n          label: 'Overview',\n        },\n      ],\n      buyBtn: {\n        link: '/buy',\n        text: 'Buy',\n      },\n    },\n  },\n}\n\nexport const DarkTheme: Story = {\n  render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n  args: {\n    data: {\n      ...mockData,\n      theme: 'dark',\n    },\n  },\n  decorators: [\n    Story => (\n      <div style={{ paddingTop: '2em', background: '#000', minHeight: '50vh' }}>\n        <Story />\n      </div>\n    ),\n  ],\n}\n\nexport const WithTextLink: Story = {\n  render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n  args: {\n    data: {\n      ...mockData,\n      textLink: {\n        link: '/specifications',\n        text: 'View Specs',\n        target: '_self' as const,\n      },\n    },\n  },\n}\n\nexport const TextLinkNewWindow: Story = {\n  render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n  args: {\n    data: {\n      ...mockData,\n      textLink: {\n        link: 'https://support.example.com/guides',\n        text: 'User Guide',\n        target: '_blank' as const,\n      },\n    },\n  },\n}\n\nexport const OnlyTextLink: Story = {\n  render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n  args: {\n    data: {\n      ...mockData,\n      textLink: {\n        link: '/more-info',\n        text: 'More Info',\n        target: '_self' as const,\n      },\n      buyBtn: undefined,\n    },\n  },\n}\n\nexport const WithoutTextLink: Story = {\n  render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n  args: {\n    data: {\n      ...mockData,\n      textLink: undefined,\n    },\n  },\n}\n"],
+  "mappings": "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",
+  "names": ["jsx", "ProductNav", "meta", "Story", "ProductNav_stories_default", "mockData", "InteractiveWrapper", "children", "props", "Default", "args", "WithoutBuyButton", "SingleTab", "ManyTabs", "FewAnchors", "CustomBuyButton", "MinimalNav", "DarkTheme", "WithTextLink", "TextLinkNewWindow", "OnlyTextLink", "WithoutTextLink"]
+}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import type { ThreeDCarouselProps } from '../biz-components/ThreeDCarousel/types.js';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<Omit<ThreeDCarouselProps & 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 SingleItem: Story;
+export declare const TwoItems: Story;
+export declare const WithoutMobileImages: Story;
+export declare const WithCustomClass: Story;
+export declare const CustomTitle: Story;