npm - @anker-in/headless-ui - Versions diffs - 1.0.26-temp-111401-alpha.1763091370012 → 1.0.26-temp.1 - Mend

@anker-in/headless-ui 1.0.26-temp-111401-alpha.1763091370012 → 1.0.26-temp.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (802) hide show

package/dist/cjs/stories/InlineVideo.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/InlineVideo.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport InlineVideo from '../biz-components/InlineVideo/index.js'\n\nconst meta = {\n  title: 'Biz Components/InlineVideo',\n  component: InlineVideo,\n  parameters: {\n    layout: 'padded',\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        component: `\n## InlineVideo - \u5185\u8054\u89C6\u9891\u7EC4\u4EF6\n\n\u7528\u4E8E\u4EA7\u54C1\u529F\u80FD\u5C55\u793A\u7684\u54CD\u5E94\u5F0F\u89C6\u9891\u7EC4\u4EF6\uFF0C\u652F\u6301\u81EA\u52A8\u64AD\u653E\u3001\u5FAA\u73AF\u64AD\u653E\u548C\u54CD\u5E94\u5F0F\u5E03\u5C40\u3002\n\n### \u6838\u5FC3\u529F\u80FD\n\n- **\u54CD\u5E94\u5F0F\u89C6\u9891\u6E90**: \u652F\u6301\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u4F7F\u7528\u4E0D\u540C\u7684\u89C6\u9891\u6E90\u548C\u6D77\u62A5\u56FE\n- **\u81EA\u52A8\u64AD\u653E**: \u89C6\u9891\u81EA\u52A8\u64AD\u653E\u5E76\u5FAA\u73AF\uFF0C\u63D0\u4F9B\u6D41\u7545\u7684\u89C2\u770B\u4F53\u9A8C\n- **\u4E30\u5BCC\u7684\u5185\u5BB9\u5C55\u793A**: \u652F\u6301\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u8BE6\u7EC6\u63CF\u8FF0\n- **\u54CD\u5E94\u5F0F\u5E03\u5C40**: \u6839\u636E\u5C4F\u5E55\u5C3A\u5BF8\u81EA\u52A8\u8C03\u6574\u89C6\u9891\u6BD4\u4F8B\u548C\u6587\u672C\u5E03\u5C40\n\n### \u4F7F\u7528\u573A\u666F\n\n- \u4EA7\u54C1\u7279\u6027\u4ECB\u7ECD\n- \u529F\u80FD\u6F14\u793A\u89C6\u9891\n- \u6280\u672F\u4EAE\u70B9\u5C55\u793A\n- \u4F7F\u7528\u6559\u7A0B\u8BF4\u660E\n\n### \u54CD\u5E94\u5F0F\u65AD\u70B9\n\n- **\u79FB\u52A8\u7AEF** (< 768px): 398:400 \u6BD4\u4F8B\uFF0C\u5782\u76F4\u5E03\u5C40\n- **\u5E73\u677F\u7AEF** (\u2265 768px): 3060:1180 \u6BD4\u4F8B\uFF0C\u5C45\u4E2D\u5E03\u5C40\n- **\u684C\u9762\u7AEF** (\u2265 1024px): \u56FA\u5B9A\u9AD8\u5EA6 360px\uFF0C\u5C45\u4E2D\u5BF9\u9F50\n\n### \u6570\u636E\u7ED3\u6784\n\n\\`\\`\\`typescript\n{\n  title: string        // \u4E3B\u6807\u9898\uFF08\u5FC5\u586B\uFF09\n  subtitle?: string    // \u526F\u6807\u9898\uFF08\u53EF\u9009\uFF09\n  desc: string         // \u63CF\u8FF0\u6587\u672C\uFF08\u5FC5\u586B\uFF09\n  poster?: string      // \u684C\u9762\u7AEF\u6D77\u62A5\u56FE\uFF08\u53EF\u9009\uFF09\n  videoUrl: string     // \u684C\u9762\u7AEF\u89C6\u9891\u5730\u5740\uFF08\u5FC5\u586B\uFF09\n  mobPoster?: string   // \u79FB\u52A8\u7AEF\u6D77\u62A5\u56FE\uFF08\u53EF\u9009\uFF09\n  mobVideoUrl: string  // \u79FB\u52A8\u7AEF\u89C6\u9891\u5730\u5740\uFF08\u5FC5\u586B\uFF09\n  theme?: 'light' | 'dark'  // \u4E3B\u9898\u6A21\u5F0F\uFF08\u53EF\u9009\uFF0C\u9ED8\u8BA4 'light'\uFF09\n}\n\\`\\`\\`\n\n### \u89C6\u9891\u7279\u6027\n\n- **\u9759\u97F3\u64AD\u653E**: \u9ED8\u8BA4\u9759\u97F3\uFF0C\u7B26\u5408\u7528\u6237\u4F53\u9A8C\u6700\u4F73\u5B9E\u8DF5\n- **\u5FAA\u73AF\u64AD\u653E**: \u89C6\u9891\u81EA\u52A8\u5FAA\u73AF\uFF0C\u6301\u7EED\u5C55\u793A\u4EA7\u54C1\u7279\u6027\n- **\u5185\u8054\u64AD\u653E**: \u4F7F\u7528 \\`playsInline\\` \u5C5E\u6027\uFF0C\u907F\u514D\u5168\u5C4F\u64AD\u653E\n- **\u5706\u89D2\u8BBE\u8BA1**: 16px \u5706\u89D2\uFF0C\u4E0E\u73B0\u4EE3\u8BBE\u8BA1\u98CE\u683C\u4E00\u81F4\n\n### \u4E3B\u9898\u6A21\u5F0F\n\n\u7EC4\u4EF6\u652F\u6301\u6D45\u8272\u548C\u6DF1\u8272\u4E24\u79CD\u4E3B\u9898\u6A21\u5F0F\uFF1A\n\n- **\u6D45\u8272\u6A21\u5F0F** (\\`theme: 'light'\\`): \u9ED8\u8BA4\u6A21\u5F0F\uFF0C\u9002\u7528\u4E8E\u6D45\u8272\u80CC\u666F\n- **\u6DF1\u8272\u6A21\u5F0F** (\\`theme: 'dark'\\`): \u6DF1\u8272\u6A21\u5F0F\uFF0C\u4F7F\u7528 \\`aiui-dark\\` \u7C7B\uFF0C\u6587\u672C\u989C\u8272\u81EA\u52A8\u9002\u914D\n\n\u6587\u672C\u989C\u8272\u4F7F\u7528 Tailwind CSS \u7684\u4E3B\u9898\u53D8\u91CF \\`text-info-primary\\`\uFF0C\u4F1A\u6839\u636E \\`.aiui-dark\\` \u7C7B\u81EA\u52A8\u5207\u6362\u4E3A\u6DF1\u8272\u6A21\u5F0F\u7684\u989C\u8272\u3002\n\n### \u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D\n\n\u7EC4\u4EF6\u5185\u90E8\u5173\u952E\u8282\u70B9\u90FD\u6709\u8BED\u4E49\u5316\u7684 className\uFF0C\u65B9\u4FBF\u901A\u8FC7 CSS \u81EA\u5B9A\u4E49\u6837\u5F0F\uFF1A\n\n| \u7C7B\u540D | \u8BF4\u660E | \u7528\u9014 |\n|------|------|------|\n| \\`.inline-video-section\\` | \u6839\u5BB9\u5668 | \u6574\u4F53\u5E03\u5C40\u3001\u80CC\u666F\u3001\u95F4\u8DDD |\n| \\`.inline-video-content\\` | \u5185\u5BB9\u533A\u57DF | \u6587\u672C\u5185\u5BB9\u7684\u5E03\u5C40\u5BB9\u5668 |\n| \\`.inline-video-title\\` | \u4E3B\u6807\u9898 | \u6807\u9898\u6837\u5F0F\u3001\u5B57\u4F53\u3001\u989C\u8272 |\n| \\`.inline-video-subtitle\\` | \u526F\u6807\u9898 | \u526F\u6807\u9898\u6837\u5F0F\u3001\u95F4\u8DDD |\n| \\`.inline-video-text-wrapper\\` | \u6587\u672C\u5305\u88C5\u5668 | \u526F\u6807\u9898\u548C\u63CF\u8FF0\u7684\u5BB9\u5668 |\n| \\`.inline-video-description\\` | \u63CF\u8FF0\u6587\u672C | \u63CF\u8FF0\u6837\u5F0F\u3001\u884C\u9AD8\u3001\u5BBD\u5EA6 |\n| \\`.inline-video-container\\` | \u89C6\u9891\u5BB9\u5668 | \u89C6\u9891\u5BBD\u9AD8\u6BD4\u3001\u5706\u89D2 |\n| \\`.inline-video-desktop\\` | \u684C\u9762\u7AEF\u89C6\u9891 | \u684C\u9762\u7AEF\u89C6\u9891\u6837\u5F0F |\n| \\`.inline-video-mobile\\` | \u79FB\u52A8\u7AEF\u89C6\u9891 | \u79FB\u52A8\u7AEF\u89C6\u9891\u6837\u5F0F |\n\n### \u81EA\u5B9A\u4E49\u6837\u5F0F\u793A\u4F8B\n\n\\`\\`\\`css\n/* \u4FEE\u6539\u6807\u9898\u989C\u8272 */\n.inline-video-title {\n  color: #00d4ff;\n}\n\n/* \u4FEE\u6539\u89C6\u9891\u5BB9\u5668\u5706\u89D2 */\n.inline-video-container {\n  border-radius: 24px;\n}\n\n/* \u81EA\u5B9A\u4E49\u63CF\u8FF0\u6587\u672C\u6837\u5F0F */\n.inline-video-description {\n  line-height: 1.8;\n  opacity: 0.9;\n}\n\n/* \u6DFB\u52A0\u5BB9\u5668\u80CC\u666F */\n.inline-video-section {\n  background: linear-gradient(180deg, #1a1a1a 0%, #000000 100%);\n  padding: 32px;\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: '\u89C6\u9891\u7EC4\u4EF6\u7684\u6570\u636E\u914D\u7F6E\u5BF9\u8C61',\n      control: 'object',\n    },\n    className: {\n      description: '\u81EA\u5B9A\u4E49 CSS \u7C7B\u540D',\n      control: 'text',\n    },\n  },\n} satisfies Meta<typeof InlineVideo>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData = {\n  title: 'DuoSpiral\u2122 \u9632\u7F20\u7ED5\u5237\u5934',\n  subtitle: '\u521B\u65B0\u7684\u53CC\u87BA\u65CB\u8BBE\u8BA1',\n  desc: 'DuoSpiral\u2122 \u5237\u5934\u91C7\u7528\u72EC\u7279\u7684\u53CC\u87BA\u65CB\u8BBE\u8BA1\uFF0C\u6709\u6548\u9632\u6B62\u6BDB\u53D1\u7F20\u7ED5\uFF0C\u4E3A\u60A8\u63D0\u4F9B\u65E0\u5FE7\u7684\u6E05\u6D01\u4F53\u9A8C\u3002\u5148\u8FDB\u7684\u5DE5\u7A0B\u8BBE\u8BA1\u786E\u4FDD\u6BCF\u6B21\u4F7F\u7528\u90FD\u80FD\u83B7\u5F97\u6700\u4F73\u7684\u6E05\u6D01\u6548\u679C\u3002',\n  poster:\n    'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n  videoUrl: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n  mobPoster:\n    'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n  mobVideoUrl: 'https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4',\n}\n\nexport const Default: Story = {\n  name: '\u9ED8\u8BA4\u793A\u4F8B',\n  args: {\n    data: defaultData,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u5B8C\u6574\u914D\u7F6E\u7684\u89C6\u9891\u7EC4\u4EF6\u793A\u4F8B\uFF0C\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u3001\u63CF\u8FF0\u6587\u672C\u3001\u6D77\u62A5\u56FE\u548C\u89C6\u9891\u6E90\u3002\u5C55\u793A\u4E86\u7EC4\u4EF6\u7684\u6240\u6709\u53EF\u7528\u529F\u80FD\u3002',\n      },\n    },\n  },\n}\n\nexport const WithoutSubtitle: Story = {\n  name: '\u65E0\u526F\u6807\u9898',\n  args: {\n    data: {\n      title: '\u9AD8\u6548\u6E05\u6D01\u6280\u672F',\n      desc: '\u4F53\u9A8C\u6211\u4EEC\u6700\u65B0\u7684\u6E05\u6D01\u521B\u65B0\u6280\u672F\uFF0C\u4E3A\u60A8\u7684\u5BB6\u5C45\u6E05\u6D01\u5E26\u6765\u9769\u547D\u6027\u7684\u6539\u53D8\u3002',\n      poster:\n        'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n      videoUrl: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n      mobPoster:\n        'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n      mobVideoUrl: 'https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u7701\u7565\u526F\u6807\u9898\u7684\u7B80\u5316\u7248\u672C\u3002\u9002\u7528\u4E8E\u5185\u5BB9\u8F83\u5C11\u6216\u5F3A\u8C03\u4E3B\u6807\u9898\u7684\u573A\u666F\uFF0C\u4FDD\u6301\u9875\u9762\u7B80\u6D01\u6E05\u6670\u3002',\n      },\n    },\n  },\n}\n\nexport const WithoutPosters: Story = {\n  name: '\u65E0\u6D77\u62A5\u56FE',\n  args: {\n    data: {\n      title: '\u65E0\u6D77\u62A5\u56FE\u7247',\n      subtitle: '\u7EAF\u89C6\u9891\u5C55\u793A',\n      desc: '\u4E0D\u4F7F\u7528\u6D77\u62A5\u56FE\u7247\u7684\u89C6\u9891\u5C55\u793A\uFF0C\u76F4\u63A5\u64AD\u653E\u89C6\u9891\u5185\u5BB9\u3002',\n      videoUrl: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n      mobVideoUrl: 'https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u4E0D\u4F7F\u7528\u6D77\u62A5\u56FE\u7684\u793A\u4F8B\u3002\u89C6\u9891\u4F1A\u76F4\u63A5\u663E\u793A\u7B2C\u4E00\u5E27\u5185\u5BB9\uFF0C\u9002\u7528\u4E8E\u4E0D\u9700\u8981\u81EA\u5B9A\u4E49\u6D77\u62A5\u56FE\u6216\u5E0C\u671B\u5FEB\u901F\u52A0\u8F7D\u7684\u573A\u666F\u3002',\n      },\n    },\n  },\n}\n\nexport const LongDescription: Story = {\n  name: '\u957F\u63CF\u8FF0\u6587\u672C',\n  args: {\n    data: {\n      title: '\u4EA7\u54C1\u529F\u80FD\u8BE6\u7EC6\u4ECB\u7ECD',\n      subtitle: '\u5168\u9762\u4E86\u89E3\u4EA7\u54C1\u7279\u6027',\n      desc: '\u6211\u4EEC\u7684\u4EA7\u54C1\u91C7\u7528\u6700\u5148\u8FDB\u7684\u6280\u672F\u548C\u6750\u6599\uFF0C\u7ECF\u8FC7\u4E25\u683C\u7684\u8D28\u91CF\u63A7\u5236\u548C\u6D4B\u8BD5\u3002\u6BCF\u4E2A\u7EC6\u8282\u90FD\u7ECF\u8FC7\u7CBE\u5FC3\u8BBE\u8BA1\uFF0C\u786E\u4FDD\u4E3A\u7528\u6237\u63D0\u4F9B\u6700\u4F73\u7684\u4F7F\u7528\u4F53\u9A8C\u3002\u4ECE\u5916\u89C2\u8BBE\u8BA1\u5230\u5185\u90E8\u7ED3\u6784\uFF0C\u4ECE\u529F\u80FD\u5B9E\u73B0\u5230\u7528\u6237\u754C\u9762\uFF0C\u6BCF\u4E00\u4E2A\u73AF\u8282\u90FD\u4F53\u73B0\u4E86\u6211\u4EEC\u5BF9\u54C1\u8D28\u7684\u8FFD\u6C42\u3002\u65E0\u8BBA\u60A8\u662F\u4E13\u4E1A\u7528\u6237\u8FD8\u662F\u666E\u901A\u6D88\u8D39\u8005\uFF0C\u90FD\u80FD\u5728\u6211\u4EEC\u7684\u4EA7\u54C1\u4E2D\u627E\u5230\u6EE1\u8DB3\u60A8\u9700\u6C42\u7684\u529F\u80FD\u548C\u7279\u6027\u3002',\n      poster:\n        'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n      videoUrl: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n      mobPoster:\n        'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n      mobVideoUrl: 'https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u5C55\u793A\u8F83\u957F\u63CF\u8FF0\u6587\u672C\u7684\u6392\u7248\u6548\u679C\u3002\u7EC4\u4EF6\u4F1A\u6839\u636E\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u81EA\u52A8\u8C03\u6574\u6587\u672C\u5BBD\u5EA6\u548C\u884C\u9AD8\uFF0C\u786E\u4FDD\u957F\u6587\u672C\u7684\u53EF\u8BFB\u6027\u3002\u9002\u7528\u4E8E\u9700\u8981\u8BE6\u7EC6\u8BF4\u660E\u4EA7\u54C1\u529F\u80FD\u6216\u6280\u672F\u7EC6\u8282\u7684\u573A\u666F\u3002',\n      },\n    },\n  },\n}\n\nexport const DarkTheme: Story = {\n  name: '\u6DF1\u8272\u4E3B\u9898',\n  args: {\n    data: {\n      ...defaultData,\n      theme: 'dark',\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'light',\n    },\n    docs: {\n      description: {\n        story: '\u6DF1\u8272\u4E3B\u9898\u6A21\u5F0F\u793A\u4F8B\u3002\u901A\u8FC7\u8BBE\u7F6E `theme: \"dark\"` \u542F\u7528\u6DF1\u8272\u6A21\u5F0F\uFF0C\u6587\u672C\u989C\u8272\u4F1A\u81EA\u52A8\u4F7F\u7528\u6DF1\u8272\u4E3B\u9898\u7684\u914D\u8272\u65B9\u6848\u3002\u9002\u7528\u4E8E\u6D45\u8272\u80CC\u666F\u4E0A\u5C55\u793A\u6DF1\u8272\u5185\u5BB9\u7684\u573A\u666F\u3002',\n      },\n    },\n  },\n}\n\nexport const LightTheme: Story = {\n  name: '\u6D45\u8272\u4E3B\u9898',\n  args: {\n    data: {\n      ...defaultData,\n      theme: 'light',\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        story: '\u6D45\u8272\u4E3B\u9898\u6A21\u5F0F\u793A\u4F8B\uFF08\u9ED8\u8BA4\uFF09\u3002\u901A\u8FC7\u8BBE\u7F6E `theme: \"light\"` \u6216\u4E0D\u8BBE\u7F6E\u4E3B\u9898\uFF08\u9ED8\u8BA4\u4E3A\u6D45\u8272\uFF09\uFF0C\u6587\u672C\u989C\u8272\u4F7F\u7528\u6D45\u8272\u4E3B\u9898\u914D\u8272\u3002\u9002\u7528\u4E8E\u6DF1\u8272\u80CC\u666F\u4E0A\u5C55\u793A\u6D45\u8272\u5185\u5BB9\u7684\u573A\u666F\u3002',\n      },\n    },\n  },\n}\n\nexport const CustomStyled: Story = {\n  name: '\u81EA\u5B9A\u4E49\u6837\u5F0F',\n  args: {\n    data: defaultData,\n    className: 'custom-inline-video',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: `\n\u901A\u8FC7 className \u5C5E\u6027\u548C\u5185\u7F6E\u7684\u8BED\u4E49\u5316\u7C7B\u540D\uFF0C\u53EF\u4EE5\u8F7B\u677E\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\n\n### \u4F7F\u7528\u65B9\u5F0F\n\n1. **\u901A\u8FC7 className prop**: \u4F20\u5165\u81EA\u5B9A\u4E49\u7C7B\u540D\n2. **\u4F7F\u7528\u5185\u7F6E\u7C7B\u540D**: \u76F4\u63A5\u8986\u76D6\u5185\u7F6E\u7684\u8BED\u4E49\u5316\u7C7B\u540D\n\n### \u793A\u4F8B\u4EE3\u7801\n\n\\`\\`\\`tsx\n<InlineVideo\n  data={data}\n  className=\"custom-inline-video\"\n/>\n\\`\\`\\`\n\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u6837\u5F0F */\n.custom-inline-video {\n  background: rgba(0, 0, 0, 0.5);\n  padding: 40px;\n  backdrop-filter: blur(10px);\n}\n\n.custom-inline-video .inline-video-title {\n  color: #00d4ff;\n  text-shadow: 0 0 20px rgba(0, 212, 255, 0.5);\n}\n\n.custom-inline-video .inline-video-subtitle {\n  color: #ffd700;\n}\n\n.custom-inline-video .inline-video-container {\n  border: 2px solid rgba(255, 255, 255, 0.1);\n  border-radius: 24px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n}\n\\`\\`\\`\n\n\u6B64\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u7EC4\u5408 className prop \u548C\u5185\u7F6E\u7C7B\u540D\u6765\u5B9E\u73B0\u5B8C\u5168\u81EA\u5B9A\u4E49\u7684\u89C6\u89C9\u6548\u679C\u3002\n        `,\n      },\n    },\n  },\n  decorators: [\n    (Story) => (\n      <div>\n        <style>{`\n          .custom-inline-video {\n            background: rgba(0, 0, 0, 0.3);\n            padding: 40px;\n            backdrop-filter: blur(10px);\n          }\n\n          .custom-inline-video .inline-video-title {\n            color: #00d4ff !important;\n            text-shadow: 0 0 20px rgba(0, 212, 255, 0.5);\n          }\n\n          .custom-inline-video .inline-video-subtitle {\n            color: #ffd700 !important;\n          }\n\n          .custom-inline-video .inline-video-description {\n            opacity: 0.9;\n            line-height: 1.8;\n          }\n\n          .custom-inline-video .inline-video-container {\n            border: 2px solid rgba(255, 255, 255, 0.1);\n            border-radius: 24px;\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n          }\n        `}</style>\n        <Story />\n      </div>\n    ),\n  ],\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport InlineVideo from '../biz-components/InlineVideo/index.js'\n\nconst meta = {\n  title: 'Biz Components/InlineVideo',\n  component: InlineVideo,\n  parameters: {\n    layout: 'padded',\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        component: `\n## InlineVideo - \u5185\u8054\u89C6\u9891\u7EC4\u4EF6\n\n\u7528\u4E8E\u4EA7\u54C1\u529F\u80FD\u5C55\u793A\u7684\u54CD\u5E94\u5F0F\u89C6\u9891\u7EC4\u4EF6\uFF0C\u652F\u6301\u81EA\u52A8\u64AD\u653E\u3001\u5FAA\u73AF\u64AD\u653E\u548C\u54CD\u5E94\u5F0F\u5E03\u5C40\u3002\n\n### \u6838\u5FC3\u529F\u80FD\n\n- **\u54CD\u5E94\u5F0F\u89C6\u9891\u6E90**: \u652F\u6301\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u4F7F\u7528\u4E0D\u540C\u7684\u89C6\u9891\u6E90\u548C\u6D77\u62A5\u56FE\n- **\u81EA\u52A8\u64AD\u653E**: \u89C6\u9891\u81EA\u52A8\u64AD\u653E\u5E76\u5FAA\u73AF\uFF0C\u63D0\u4F9B\u6D41\u7545\u7684\u89C2\u770B\u4F53\u9A8C\n- **\u4E30\u5BCC\u7684\u5185\u5BB9\u5C55\u793A**: \u652F\u6301\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u8BE6\u7EC6\u63CF\u8FF0\n- **\u54CD\u5E94\u5F0F\u5E03\u5C40**: \u6839\u636E\u5C4F\u5E55\u5C3A\u5BF8\u81EA\u52A8\u8C03\u6574\u89C6\u9891\u6BD4\u4F8B\u548C\u6587\u672C\u5E03\u5C40\n\n### \u4F7F\u7528\u573A\u666F\n\n- \u4EA7\u54C1\u7279\u6027\u4ECB\u7ECD\n- \u529F\u80FD\u6F14\u793A\u89C6\u9891\n- \u6280\u672F\u4EAE\u70B9\u5C55\u793A\n- \u4F7F\u7528\u6559\u7A0B\u8BF4\u660E\n\n### \u54CD\u5E94\u5F0F\u65AD\u70B9\n\n- **\u79FB\u52A8\u7AEF** (< 768px): 398:400 \u6BD4\u4F8B\uFF0C\u5782\u76F4\u5E03\u5C40\n- **\u5E73\u677F\u7AEF** (\u2265 768px): 3060:1180 \u6BD4\u4F8B\uFF0C\u5C45\u4E2D\u5E03\u5C40\n- **\u684C\u9762\u7AEF** (\u2265 1024px): \u56FA\u5B9A\u9AD8\u5EA6 360px\uFF0C\u5C45\u4E2D\u5BF9\u9F50\n\n### \u6570\u636E\u7ED3\u6784\n\n\\`\\`\\`typescript\n{\n  title: string        // \u4E3B\u6807\u9898\uFF08\u5FC5\u586B\uFF09\n  subtitle?: string    // \u526F\u6807\u9898\uFF08\u53EF\u9009\uFF09\n  desc: string         // \u63CF\u8FF0\u6587\u672C\uFF08\u5FC5\u586B\uFF09\n  poster?: string      // \u684C\u9762\u7AEF\u6D77\u62A5\u56FE\uFF08\u53EF\u9009\uFF09\n  videoUrl: string     // \u684C\u9762\u7AEF\u89C6\u9891\u5730\u5740\uFF08\u5FC5\u586B\uFF09\n  mobPoster?: string   // \u79FB\u52A8\u7AEF\u6D77\u62A5\u56FE\uFF08\u53EF\u9009\uFF09\n  mobVideoUrl: string  // \u79FB\u52A8\u7AEF\u89C6\u9891\u5730\u5740\uFF08\u5FC5\u586B\uFF09\n  theme?: 'light' | 'dark'  // \u4E3B\u9898\u6A21\u5F0F\uFF08\u53EF\u9009\uFF0C\u9ED8\u8BA4 'light'\uFF09\n}\n\\`\\`\\`\n\n### \u89C6\u9891\u7279\u6027\n\n- **\u9759\u97F3\u64AD\u653E**: \u9ED8\u8BA4\u9759\u97F3\uFF0C\u7B26\u5408\u7528\u6237\u4F53\u9A8C\u6700\u4F73\u5B9E\u8DF5\n- **\u5FAA\u73AF\u64AD\u653E**: \u89C6\u9891\u81EA\u52A8\u5FAA\u73AF\uFF0C\u6301\u7EED\u5C55\u793A\u4EA7\u54C1\u7279\u6027\n- **\u5185\u8054\u64AD\u653E**: \u4F7F\u7528 \\`playsInline\\` \u5C5E\u6027\uFF0C\u907F\u514D\u5168\u5C4F\u64AD\u653E\n- **\u5706\u89D2\u8BBE\u8BA1**: 16px \u5706\u89D2\uFF0C\u4E0E\u73B0\u4EE3\u8BBE\u8BA1\u98CE\u683C\u4E00\u81F4\n\n### \u4E3B\u9898\u6A21\u5F0F\n\n\u7EC4\u4EF6\u652F\u6301\u6D45\u8272\u548C\u6DF1\u8272\u4E24\u79CD\u4E3B\u9898\u6A21\u5F0F\uFF1A\n\n- **\u6D45\u8272\u6A21\u5F0F** (\\`theme: 'light'\\`): \u9ED8\u8BA4\u6A21\u5F0F\uFF0C\u9002\u7528\u4E8E\u6D45\u8272\u80CC\u666F\n- **\u6DF1\u8272\u6A21\u5F0F** (\\`theme: 'dark'\\`): \u6DF1\u8272\u6A21\u5F0F\uFF0C\u4F7F\u7528 \\`aiui-dark\\` \u7C7B\uFF0C\u6587\u672C\u989C\u8272\u81EA\u52A8\u9002\u914D\n\n\u6587\u672C\u989C\u8272\u4F7F\u7528 Tailwind CSS \u7684\u4E3B\u9898\u53D8\u91CF \\`text-info-primary\\`\uFF0C\u4F1A\u6839\u636E \\`.aiui-dark\\` \u7C7B\u81EA\u52A8\u5207\u6362\u4E3A\u6DF1\u8272\u6A21\u5F0F\u7684\u989C\u8272\u3002\n\n### \u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D\n\n\u7EC4\u4EF6\u5185\u90E8\u5173\u952E\u8282\u70B9\u90FD\u6709\u8BED\u4E49\u5316\u7684 className\uFF0C\u65B9\u4FBF\u901A\u8FC7 CSS \u81EA\u5B9A\u4E49\u6837\u5F0F\uFF1A\n\n| \u7C7B\u540D | \u8BF4\u660E | \u7528\u9014 |\n|------|------|------|\n| \\`.inline-video-section\\` | \u6839\u5BB9\u5668 | \u6574\u4F53\u5E03\u5C40\u3001\u80CC\u666F\u3001\u95F4\u8DDD |\n| \\`.inline-video-content\\` | \u5185\u5BB9\u533A\u57DF | \u6587\u672C\u5185\u5BB9\u7684\u5E03\u5C40\u5BB9\u5668 |\n| \\`.inline-video-title\\` | \u4E3B\u6807\u9898 | \u6807\u9898\u6837\u5F0F\u3001\u5B57\u4F53\u3001\u989C\u8272 |\n| \\`.inline-video-subtitle\\` | \u526F\u6807\u9898 | \u526F\u6807\u9898\u6837\u5F0F\u3001\u95F4\u8DDD |\n| \\`.inline-video-text-wrapper\\` | \u6587\u672C\u5305\u88C5\u5668 | \u526F\u6807\u9898\u548C\u63CF\u8FF0\u7684\u5BB9\u5668 |\n| \\`.inline-video-description\\` | \u63CF\u8FF0\u6587\u672C | \u63CF\u8FF0\u6837\u5F0F\u3001\u884C\u9AD8\u3001\u5BBD\u5EA6 |\n| \\`.inline-video-container\\` | \u89C6\u9891\u5BB9\u5668 | \u89C6\u9891\u5BBD\u9AD8\u6BD4\u3001\u5706\u89D2 |\n| \\`.inline-video-desktop\\` | \u684C\u9762\u7AEF\u89C6\u9891 | \u684C\u9762\u7AEF\u89C6\u9891\u6837\u5F0F |\n| \\`.inline-video-mobile\\` | \u79FB\u52A8\u7AEF\u89C6\u9891 | \u79FB\u52A8\u7AEF\u89C6\u9891\u6837\u5F0F |\n\n### \u81EA\u5B9A\u4E49\u6837\u5F0F\u793A\u4F8B\n\n\\`\\`\\`css\n/* \u4FEE\u6539\u6807\u9898\u989C\u8272 */\n.inline-video-title {\n  color: #00d4ff;\n}\n\n/* \u4FEE\u6539\u89C6\u9891\u5BB9\u5668\u5706\u89D2 */\n.inline-video-container {\n}\n\n/* \u81EA\u5B9A\u4E49\u63CF\u8FF0\u6587\u672C\u6837\u5F0F */\n.inline-video-description {\n  line-height: 1.8;\n  opacity: 0.9;\n}\n\n/* \u6DFB\u52A0\u5BB9\u5668\u80CC\u666F */\n.inline-video-section {\n  background: linear-gradient(180deg, #1a1a1a 0%, #000000 100%);\n  padding: 32px;\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: '\u89C6\u9891\u7EC4\u4EF6\u7684\u6570\u636E\u914D\u7F6E\u5BF9\u8C61',\n      control: 'object',\n    },\n    className: {\n      description: '\u81EA\u5B9A\u4E49 CSS \u7C7B\u540D',\n      control: 'text',\n    },\n  },\n} satisfies Meta<typeof InlineVideo>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData = {\n  title: 'DuoSpiral\u2122 \u9632\u7F20\u7ED5\u5237\u5934',\n  subtitle: '\u521B\u65B0\u7684\u53CC\u87BA\u65CB\u8BBE\u8BA1',\n  desc: 'DuoSpiral\u2122 \u5237\u5934\u91C7\u7528\u72EC\u7279\u7684\u53CC\u87BA\u65CB\u8BBE\u8BA1\uFF0C\u6709\u6548\u9632\u6B62\u6BDB\u53D1\u7F20\u7ED5\uFF0C\u4E3A\u60A8\u63D0\u4F9B\u65E0\u5FE7\u7684\u6E05\u6D01\u4F53\u9A8C\u3002\u5148\u8FDB\u7684\u5DE5\u7A0B\u8BBE\u8BA1\u786E\u4FDD\u6BCF\u6B21\u4F7F\u7528\u90FD\u80FD\u83B7\u5F97\u6700\u4F73\u7684\u6E05\u6D01\u6548\u679C\u3002',\n  poster:\n    'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n  videoUrl: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n  mobPoster:\n    'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n  mobVideoUrl: 'https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4',\n}\n\nexport const Default: Story = {\n  name: '\u9ED8\u8BA4\u793A\u4F8B',\n  args: {\n    data: defaultData,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u5B8C\u6574\u914D\u7F6E\u7684\u89C6\u9891\u7EC4\u4EF6\u793A\u4F8B\uFF0C\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u3001\u63CF\u8FF0\u6587\u672C\u3001\u6D77\u62A5\u56FE\u548C\u89C6\u9891\u6E90\u3002\u5C55\u793A\u4E86\u7EC4\u4EF6\u7684\u6240\u6709\u53EF\u7528\u529F\u80FD\u3002',\n      },\n    },\n  },\n}\n\nexport const WithoutSubtitle: Story = {\n  name: '\u65E0\u526F\u6807\u9898',\n  args: {\n    data: {\n      title: '\u9AD8\u6548\u6E05\u6D01\u6280\u672F',\n      desc: '\u4F53\u9A8C\u6211\u4EEC\u6700\u65B0\u7684\u6E05\u6D01\u521B\u65B0\u6280\u672F\uFF0C\u4E3A\u60A8\u7684\u5BB6\u5C45\u6E05\u6D01\u5E26\u6765\u9769\u547D\u6027\u7684\u6539\u53D8\u3002',\n      poster:\n        'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n      videoUrl: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n      mobPoster:\n        'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n      mobVideoUrl: 'https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u7701\u7565\u526F\u6807\u9898\u7684\u7B80\u5316\u7248\u672C\u3002\u9002\u7528\u4E8E\u5185\u5BB9\u8F83\u5C11\u6216\u5F3A\u8C03\u4E3B\u6807\u9898\u7684\u573A\u666F\uFF0C\u4FDD\u6301\u9875\u9762\u7B80\u6D01\u6E05\u6670\u3002',\n      },\n    },\n  },\n}\n\nexport const WithoutPosters: Story = {\n  name: '\u65E0\u6D77\u62A5\u56FE',\n  args: {\n    data: {\n      title: '\u65E0\u6D77\u62A5\u56FE\u7247',\n      subtitle: '\u7EAF\u89C6\u9891\u5C55\u793A',\n      desc: '\u4E0D\u4F7F\u7528\u6D77\u62A5\u56FE\u7247\u7684\u89C6\u9891\u5C55\u793A\uFF0C\u76F4\u63A5\u64AD\u653E\u89C6\u9891\u5185\u5BB9\u3002',\n      videoUrl: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n      mobVideoUrl: 'https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u4E0D\u4F7F\u7528\u6D77\u62A5\u56FE\u7684\u793A\u4F8B\u3002\u89C6\u9891\u4F1A\u76F4\u63A5\u663E\u793A\u7B2C\u4E00\u5E27\u5185\u5BB9\uFF0C\u9002\u7528\u4E8E\u4E0D\u9700\u8981\u81EA\u5B9A\u4E49\u6D77\u62A5\u56FE\u6216\u5E0C\u671B\u5FEB\u901F\u52A0\u8F7D\u7684\u573A\u666F\u3002',\n      },\n    },\n  },\n}\n\nexport const LongDescription: Story = {\n  name: '\u957F\u63CF\u8FF0\u6587\u672C',\n  args: {\n    data: {\n      title: '\u4EA7\u54C1\u529F\u80FD\u8BE6\u7EC6\u4ECB\u7ECD',\n      subtitle: '\u5168\u9762\u4E86\u89E3\u4EA7\u54C1\u7279\u6027',\n      desc: '\u6211\u4EEC\u7684\u4EA7\u54C1\u91C7\u7528\u6700\u5148\u8FDB\u7684\u6280\u672F\u548C\u6750\u6599\uFF0C\u7ECF\u8FC7\u4E25\u683C\u7684\u8D28\u91CF\u63A7\u5236\u548C\u6D4B\u8BD5\u3002\u6BCF\u4E2A\u7EC6\u8282\u90FD\u7ECF\u8FC7\u7CBE\u5FC3\u8BBE\u8BA1\uFF0C\u786E\u4FDD\u4E3A\u7528\u6237\u63D0\u4F9B\u6700\u4F73\u7684\u4F7F\u7528\u4F53\u9A8C\u3002\u4ECE\u5916\u89C2\u8BBE\u8BA1\u5230\u5185\u90E8\u7ED3\u6784\uFF0C\u4ECE\u529F\u80FD\u5B9E\u73B0\u5230\u7528\u6237\u754C\u9762\uFF0C\u6BCF\u4E00\u4E2A\u73AF\u8282\u90FD\u4F53\u73B0\u4E86\u6211\u4EEC\u5BF9\u54C1\u8D28\u7684\u8FFD\u6C42\u3002\u65E0\u8BBA\u60A8\u662F\u4E13\u4E1A\u7528\u6237\u8FD8\u662F\u666E\u901A\u6D88\u8D39\u8005\uFF0C\u90FD\u80FD\u5728\u6211\u4EEC\u7684\u4EA7\u54C1\u4E2D\u627E\u5230\u6EE1\u8DB3\u60A8\u9700\u6C42\u7684\u529F\u80FD\u548C\u7279\u6027\u3002',\n      poster:\n        'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n      videoUrl: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n      mobPoster:\n        'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n      mobVideoUrl: 'https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u5C55\u793A\u8F83\u957F\u63CF\u8FF0\u6587\u672C\u7684\u6392\u7248\u6548\u679C\u3002\u7EC4\u4EF6\u4F1A\u6839\u636E\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u81EA\u52A8\u8C03\u6574\u6587\u672C\u5BBD\u5EA6\u548C\u884C\u9AD8\uFF0C\u786E\u4FDD\u957F\u6587\u672C\u7684\u53EF\u8BFB\u6027\u3002\u9002\u7528\u4E8E\u9700\u8981\u8BE6\u7EC6\u8BF4\u660E\u4EA7\u54C1\u529F\u80FD\u6216\u6280\u672F\u7EC6\u8282\u7684\u573A\u666F\u3002',\n      },\n    },\n  },\n}\n\nexport const DarkTheme: Story = {\n  name: '\u6DF1\u8272\u4E3B\u9898',\n  args: {\n    data: {\n      ...defaultData,\n      theme: 'dark',\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'light',\n    },\n    docs: {\n      description: {\n        story: '\u6DF1\u8272\u4E3B\u9898\u6A21\u5F0F\u793A\u4F8B\u3002\u901A\u8FC7\u8BBE\u7F6E `theme: \"dark\"` \u542F\u7528\u6DF1\u8272\u6A21\u5F0F\uFF0C\u6587\u672C\u989C\u8272\u4F1A\u81EA\u52A8\u4F7F\u7528\u6DF1\u8272\u4E3B\u9898\u7684\u914D\u8272\u65B9\u6848\u3002\u9002\u7528\u4E8E\u6D45\u8272\u80CC\u666F\u4E0A\u5C55\u793A\u6DF1\u8272\u5185\u5BB9\u7684\u573A\u666F\u3002',\n      },\n    },\n  },\n}\n\nexport const LightTheme: Story = {\n  name: '\u6D45\u8272\u4E3B\u9898',\n  args: {\n    data: {\n      ...defaultData,\n      theme: 'light',\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        story: '\u6D45\u8272\u4E3B\u9898\u6A21\u5F0F\u793A\u4F8B\uFF08\u9ED8\u8BA4\uFF09\u3002\u901A\u8FC7\u8BBE\u7F6E `theme: \"light\"` \u6216\u4E0D\u8BBE\u7F6E\u4E3B\u9898\uFF08\u9ED8\u8BA4\u4E3A\u6D45\u8272\uFF09\uFF0C\u6587\u672C\u989C\u8272\u4F7F\u7528\u6D45\u8272\u4E3B\u9898\u914D\u8272\u3002\u9002\u7528\u4E8E\u6DF1\u8272\u80CC\u666F\u4E0A\u5C55\u793A\u6D45\u8272\u5185\u5BB9\u7684\u573A\u666F\u3002',\n      },\n    },\n  },\n}\n\nexport const CustomStyled: Story = {\n  name: '\u81EA\u5B9A\u4E49\u6837\u5F0F',\n  args: {\n    data: defaultData,\n    className: 'custom-inline-video',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: `\n\u901A\u8FC7 className \u5C5E\u6027\u548C\u5185\u7F6E\u7684\u8BED\u4E49\u5316\u7C7B\u540D\uFF0C\u53EF\u4EE5\u8F7B\u677E\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\n\n### \u4F7F\u7528\u65B9\u5F0F\n\n1. **\u901A\u8FC7 className prop**: \u4F20\u5165\u81EA\u5B9A\u4E49\u7C7B\u540D\n2. **\u4F7F\u7528\u5185\u7F6E\u7C7B\u540D**: \u76F4\u63A5\u8986\u76D6\u5185\u7F6E\u7684\u8BED\u4E49\u5316\u7C7B\u540D\n\n### \u793A\u4F8B\u4EE3\u7801\n\n\\`\\`\\`tsx\n<InlineVideo\n  data={data}\n  className=\"custom-inline-video\"\n/>\n\\`\\`\\`\n\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u6837\u5F0F */\n.custom-inline-video {\n  background: rgba(0, 0, 0, 0.5);\n  padding: 40px;\n  backdrop-filter: blur(10px);\n}\n\n.custom-inline-video .inline-video-title {\n  color: #00d4ff;\n  text-shadow: 0 0 20px rgba(0, 212, 255, 0.5);\n}\n\n.custom-inline-video .inline-video-subtitle {\n  color: #ffd700;\n}\n\n.custom-inline-video .inline-video-container {\n  border: 2px solid rgba(255, 255, 255, 0.1);\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n}\n\\`\\`\\`\n\n\u6B64\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u7EC4\u5408 className prop \u548C\u5185\u7F6E\u7C7B\u540D\u6765\u5B9E\u73B0\u5B8C\u5168\u81EA\u5B9A\u4E49\u7684\u89C6\u89C9\u6548\u679C\u3002\n        `,\n      },\n    },\n  },\n  decorators: [\n    (Story) => (\n      <div>\n        <style>{`\n          .custom-inline-video {\n            background: rgba(0, 0, 0, 0.3);\n            padding: 40px;\n            backdrop-filter: blur(10px);\n          }\n\n          .custom-inline-video .inline-video-title {\n            color: #00d4ff !important;\n            text-shadow: 0 0 20px rgba(0, 212, 255, 0.5);\n          }\n\n          .custom-inline-video .inline-video-subtitle {\n            color: #ffd700 !important;\n          }\n\n          .custom-inline-video .inline-video-description {\n            opacity: 0.9;\n            line-height: 1.8;\n          }\n\n          .custom-inline-video .inline-video-container {\n            border: 2px solid rgba(255, 255, 255, 0.1);\n                      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n          }\n        `}</style>\n        <Story />\n      </div>\n    ),\n  ],\n}\n"],
+  "mappings": "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",
   "names": ["InlineVideo_stories_exports", "__export", "CustomStyled", "DarkTheme", "Default", "LightTheme", "LongDescription", "WithoutPosters", "WithoutSubtitle", "InlineVideo_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_InlineVideo", "meta", "InlineVideo", "defaultData", "Story"]
 }

package/dist/cjs/stories/ProductNav.stories.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var l=Object.create;var s=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var v=(t,e)=>{for(var i in e)s(t,i,{get:e[i],enumerable:!0})},u=(t,e,i,d)=>{if(e&&typeof e=="object"\|\|typeof e=="function")for(let c of b(e))!m.call(t,c)&&c!==i&&s(t,c,{get:()=>e[c],enumerable:!(d=p(e,c))\|\|d.enumerable});return t};var k=(t,e,i)=>(i=t!=null?l(y(t)):{},u(e\|\|!t\|\|!t.__esModule?s(i,"default",{value:t,enumerable:!0}):i,t)),g=t=>u(s({},"__esModule",{value:!0}),t);var V={};v(V,{CustomBuyButton:()=>I,DarkTheme:()=>O,Default:()=>S,FewAnchors:()=>w,ManyTabs:()=>h,MinimalNav:()=>B,OnlyTextLink:()=>N,SingleTab:()=>W,TextLinkNewWindow:()=>E,WithTextLink:()=>T,WithoutBuyButton:()=>L,WithoutTextLink:()=>R,default:()=>f});module.exports=g(V);var a=require("react/jsx-runtime"),M=require("react"),r=k(require("../biz-components/ProductNav/index.js"));const x={title:"Biz-Components/ProductNav",component:r.default,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=>(0,a.jsx)("div",{style:{paddingTop:"2em",background:"#f5f5f5",minHeight:"50vh"},children:(0,a.jsx)(t,{})})],tags:["autodocs"]};var f=x;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,...e})=>(0,a.jsx)("div",{children:t({...e})}),S={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:o}},L={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{...o,buyBtn:void 0}}},W={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{...o,tabLinks:[{link:"/robot-vacuum-e25",label:"Robot Vacuum Omni E25"}]}}},h={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),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"}]}}},w={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{...o,anchorList:[{id:"overview",label:"Overview"},{id:"features",label:"Features"}]}}},I={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{...o,buyBtn:{link:"/cart/add/t2353111",text:"Add to Cart"}}}},B={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{tabLinks:[{link:"/product",label:"Product Name"}],anchorList:[{id:"overview",label:"Overview"}],buyBtn:{link:"/buy",text:"Buy"}}}},O={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{...o,theme:"dark"}},decorators:[t=>(0,a.jsx)("div",{style:{paddingTop:"2em",background:"#000",minHeight:"50vh"},children:(0,a.jsx)(t,{})})]},T={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{...o,textLink:{link:"/specifications",text:"View Specs",target:"_self"}}}},E={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{...o,textLink:{link:"https://support.example.com/guides",text:"User Guide",target:"_blank"}}}},N={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{...o,textLink:{link:"/more-info",text:"More Info",target:"_self"},buyBtn:void 0}}},R={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{...o,textLink:void 0}}};
2	+ //# sourceMappingURL=ProductNav.stories.js.map

package/dist/cjs/stories/ProductNav.stories.js.map ADDED Viewed

@@ -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: '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 (\n    <div>\n      {children({ ...props })}\n    </div>\n  )\n}\n\nexport const Default: Story = {\n  render: (args) => (\n    <InteractiveWrapper {...args}>\n      {(props: any) => <ProductNav {...props} />}\n    </InteractiveWrapper>\n  ),\n  args: {\n    data: mockData,\n  },\n}\n\nexport const WithoutBuyButton: Story = {\n  render: (args) => (\n    <InteractiveWrapper {...args}>\n      {(props: any) => <ProductNav {...props} />}\n    </InteractiveWrapper>\n  ),\n  args: {\n    data: {\n      ...mockData,\n      buyBtn: undefined,\n    },\n  },\n}\n\nexport const SingleTab: Story = {\n  render: (args) => (\n    <InteractiveWrapper {...args}>\n      {(props: any) => <ProductNav {...props} />}\n    </InteractiveWrapper>\n  ),\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) => (\n    <InteractiveWrapper {...args}>\n      {(props: any) => <ProductNav {...props} />}\n    </InteractiveWrapper>\n  ),\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) => (\n    <InteractiveWrapper {...args}>\n      {(props: any) => <ProductNav {...props} />}\n    </InteractiveWrapper>\n  ),\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) => (\n    <InteractiveWrapper {...args}>\n      {(props: any) => <ProductNav {...props} />}\n    </InteractiveWrapper>\n  ),\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) => (\n    <InteractiveWrapper {...args}>\n      {(props: any) => <ProductNav {...props} />}\n    </InteractiveWrapper>\n  ),\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) => (\n    <InteractiveWrapper {...args}>\n      {(props: any) => <ProductNav {...props} />}\n    </InteractiveWrapper>\n  ),\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) => (\n    <InteractiveWrapper {...args}>\n      {(props: any) => <ProductNav {...props} />}\n    </InteractiveWrapper>\n  ),\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) => (\n    <InteractiveWrapper {...args}>\n      {(props: any) => <ProductNav {...props} />}\n    </InteractiveWrapper>\n  ),\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) => (\n    <InteractiveWrapper {...args}>\n      {(props: any) => <ProductNav {...props} />}\n    </InteractiveWrapper>\n  ),\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) => (\n    <InteractiveWrapper {...args}>\n      {(props: any) => <ProductNav {...props} />}\n    </InteractiveWrapper>\n  ),\n  args: {\n    data: {\n      ...mockData,\n      textLink: undefined,\n    },\n  },\n}"],
+  "mappings": "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",
+  "names": ["ProductNav_stories_exports", "__export", "CustomBuyButton", "DarkTheme", "Default", "FewAnchors", "ManyTabs", "MinimalNav", "OnlyTextLink", "SingleTab", "TextLinkNewWindow", "WithTextLink", "WithoutBuyButton", "WithoutTextLink", "ProductNav_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_ProductNav", "meta", "ProductNav", "Story", "mockData", "InteractiveWrapper", "children", "props", "args"]
+}

package/dist/cjs/stories/ThreeDCarousel.stories.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var n=Object.create;var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var a in t)i(e,a,{get:t[a],enumerable:!0})},c=(e,t,a,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of p(t))!b.call(e,o)&&o!==a&&i(e,o,{get:()=>t[o],enumerable:!(r=d(t,o))||r.enumerable});return e};var u=(e,t,a)=>(a=e!=null?n(m(e)):{},c(t||!e||!e.__esModule?i(a,"default",{value:e,enumerable:!0}):a,e)),f=e=>c(i({},"__esModule",{value:!0}),e);var L={};h(L,{CustomTitle:()=>w,Default:()=>y,SingleItem:()=>v,TwoItems:()=>T,WithCustomClass:()=>U,WithoutMobileImages:()=>x,default:()=>g});module.exports=f(L);var k=require("react"),l=u(require("../biz-components/ThreeDCarousel/index.js"));const _={title:"Biz Components/ThreeDCarousel",component:l.default,parameters:{layout:"fullscreen",docs:{description:{component:`
+"use strict";var n=Object.create;var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var a in t)i(e,a,{get:t[a],enumerable:!0})},r=(e,t,a,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of p(t))!b.call(e,o)&&o!==a&&i(e,o,{get:()=>t[o],enumerable:!(c=d(t,o))||c.enumerable});return e};var f=(e,t,a)=>(a=e!=null?n(m(e)):{},r(t||!e||!e.__esModule?i(a,"default",{value:e,enumerable:!0}):a,e)),u=e=>r(i({},"__esModule",{value:!0}),e);var L={};h(L,{CustomTitle:()=>w,Default:()=>y,SingleItem:()=>v,TwoItems:()=>T,WithCustomClass:()=>U,WithoutMobileImages:()=>x,default:()=>g});module.exports=u(L);var k=require("react"),l=f(require("../biz-components/ThreeDCarousel/index.js"));const _={title:"Biz Components/ThreeDCarousel",component:l.default,parameters:{layout:"fullscreen",docs:{description:{component:`
 3D \u8F6E\u64AD\u7EC4\u4EF6\uFF0C\u652F\u6301\u684C\u9762\u7AEF 3D \u89C6\u89C9\u6548\u679C\u548C\u79FB\u52A8\u7AEF\u6ED1\u52A8\u5C55\u793A\u3002\u9002\u7528\u4E8E\u4EA7\u54C1\u5C55\u793A\u3001\u56FE\u7247\u753B\u5ECA\u7B49\u573A\u666F\u3002
 ## \u529F\u80FD\u7279\u6027
@@ -55,12 +55,6 @@
   -webkit-text-fill-color: transparent;
 }
-/* \u81EA\u5B9A\u4E49\u56FE\u7247\u5706\u89D2 */
-.three-d-carousel__image,
-.three-d-carousel__image-mobile {
-  border-radius: 24px;
-}
 /* \u81EA\u5B9A\u4E49\u5BFC\u822A\u56FE\u6807\u989C\u8272 */
 .three-d-carousel__nav-icon {
   color: #667eea;
@@ -119,11 +113,6 @@
   -webkit-text-fill-color: transparent;
 }
-/* \u81EA\u5B9A\u4E49\u56FE\u7247\u5706\u89D2 */
-.three-d-carousel__image,
-.three-d-carousel__image-mobile {
-  border-radius: 24px;
-}
 \`\`\`
         `}}}},w={args:{data:{...s,title:'Experience <span class="text-blue-400">Revolutionary</span> Cleaning'}},parameters:{docs:{description:{story:"\u4F7F\u7528 HTML \u6807\u7B7E\u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F\u3002\u6807\u9898\u652F\u6301 HTML \u5185\u5BB9\uFF0C\u53EF\u4EE5\u6DFB\u52A0\u6837\u5F0F\u548C\u683C\u5F0F\u3002"}}}};
 //# sourceMappingURL=ThreeDCarousel.stories.js.map

package/dist/cjs/stories/ThreeDCarousel.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/ThreeDCarousel.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport ThreeDCarousel from '../biz-components/ThreeDCarousel/index.js'\nimport type { ThreeDCarouselProps } from '../biz-components/ThreeDCarousel/types.js'\n\nconst meta = {\n  title: 'Biz Components/ThreeDCarousel',\n  component: ThreeDCarousel,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\n3D \u8F6E\u64AD\u7EC4\u4EF6\uFF0C\u652F\u6301\u684C\u9762\u7AEF 3D \u89C6\u89C9\u6548\u679C\u548C\u79FB\u52A8\u7AEF\u6ED1\u52A8\u5C55\u793A\u3002\u9002\u7528\u4E8E\u4EA7\u54C1\u5C55\u793A\u3001\u56FE\u7247\u753B\u5ECA\u7B49\u573A\u666F\u3002\n\n## \u529F\u80FD\u7279\u6027\n\n- **\u684C\u9762\u7AEF 3D \u6548\u679C**\uFF1A\u4F7F\u7528 Swiper Coverflow \u6548\u679C\uFF0C\u63D0\u4F9B\u6C89\u6D78\u5F0F 3D \u89C6\u89C9\u4F53\u9A8C\n- **\u54CD\u5E94\u5F0F\u8BBE\u8BA1**\uFF1A\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u4F7F\u7528\u4E0D\u540C\u7684\u5E03\u5C40\u548C\u4EA4\u4E92\u65B9\u5F0F\n- **\u5FAA\u73AF\u64AD\u653E**\uFF1A\u652F\u6301\u65E0\u9650\u5FAA\u73AF\u6ED1\u52A8\n- **\u54CD\u5E94\u5F0F\u65AD\u70B9**\uFF1A\u6839\u636E\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u81EA\u52A8\u8C03\u6574 3D \u6548\u679C\u53C2\u6570\n- **\u56FE\u7247\u81EA\u9002\u5E94**\uFF1A\u652F\u6301\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u72EC\u7ACB\u56FE\u7247\u8D44\u6E90\n\n## \u53EF\u7528\u7684\u8BED\u4E49\u5316 CSS \u7C7B\u540D\n\n\u7EC4\u4EF6\u4F7F\u7528 BEM \u547D\u540D\u89C4\u8303\uFF0C\u63D0\u4F9B\u5B8C\u6574\u7684\u8BED\u4E49\u5316\u7C7B\u540D\u65B9\u4FBF\u6837\u5F0F\u5B9A\u5236\uFF1A\n\n### \u6839\u5BB9\u5668\n- \\`.three-d-carousel\\` - \u7EC4\u4EF6\u6839\u5143\u7D20\n- \\`.three-d-carousel__title\\` - \u6807\u9898\u5143\u7D20\n\n### \u684C\u9762\u7AEF\u5E03\u5C40\n- \\`.three-d-carousel__desktop\\` - \u684C\u9762\u7AEF\u5BB9\u5668\n- \\`.three-d-carousel__swiper\\` - Swiper \u5B9E\u4F8B\n- \\`.three-d-carousel__slide\\` - \u5355\u4E2A\u6ED1\u5757\n- \\`.three-d-carousel__image\\` - \u56FE\u7247\u5143\u7D20\n- \\`.three-d-carousel__nav-controls\\` - \u5BFC\u822A\u63A7\u5236\u5BB9\u5668\n- \\`.three-d-carousel__nav-button\\` - \u5BFC\u822A\u6309\u94AE\n- \\`.three-d-carousel__nav-button--prev\\` - \u4E0A\u4E00\u5F20\u6309\u94AE\n- \\`.three-d-carousel__nav-button--next\\` - \u4E0B\u4E00\u5F20\u6309\u94AE\n- \\`.three-d-carousel__nav-icon\\` - \u5BFC\u822A\u56FE\u6807\n\n### \u79FB\u52A8\u7AEF\u5E03\u5C40\n- \\`.three-d-carousel__mobile\\` - \u79FB\u52A8\u7AEF\u5BB9\u5668\n- \\`.three-d-carousel__swiper-mobile\\` - \u79FB\u52A8\u7AEF Swiper \u5B9E\u4F8B\n- \\`.three-d-carousel__slide-mobile\\` - \u79FB\u52A8\u7AEF\u6ED1\u5757\n- \\`.three-d-carousel__image-mobile\\` - \u79FB\u52A8\u7AEF\u56FE\u7247\n\n### \u81EA\u5B9A\u4E49\u6837\u5F0F\u793A\u4F8B\n\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE\u6837\u5F0F */\n.three-d-carousel__nav-button {\n  opacity: 0.8;\n  transition: opacity 0.3s ease;\n}\n\n.three-d-carousel__nav-button:hover {\n  opacity: 1;\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */\n.three-d-carousel__title {\n  font-size: 3rem;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n/* \u81EA\u5B9A\u4E49\u56FE\u7247\u5706\u89D2 */\n.three-d-carousel__image,\n.three-d-carousel__image-mobile {\n  border-radius: 24px;\n}\n\n/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u56FE\u6807\u989C\u8272 */\n.three-d-carousel__nav-icon {\n  color: #667eea;\n}\n\n.three-d-carousel__nav-icon:hover {\n  color: #764ba2;\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof ThreeDCarousel>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: ThreeDCarouselProps['data'] = {\n  title: 'Conquer Every Mess',\n  items: [\n    {\n      imageUrl: {\n        id: 3064,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718',\n        filename: 'pc-c1.png',\n        mimeType: 'image/png',\n        width: 1648,\n        height: 960,\n      },\n      mobImageUrl: {\n        id: 3065,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762',\n        url: 'https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762',\n        filename: 'mob-c1.png',\n        mimeType: 'image/png',\n        width: 592,\n        height: 720,\n      },\n      title: 'Text/Heading/h3',\n      description: 'Text/Body/t1',\n      buttonText: 'Learn More',\n      buttonLink: null,\n    },\n    {\n      imageUrl: {\n        id: 3068,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924',\n        filename: 'pc-c2.png',\n        mimeType: 'image/png',\n        width: 1648,\n        height: 960,\n      },\n      mobImageUrl: {\n        id: 3069,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954',\n        filename: 'mob-c2.png',\n        mimeType: 'image/png',\n        width: 592,\n        height: 720,\n      },\n      title: 'Text/Heading/h3',\n      description: 'Text/Body/t1',\n      buttonText: 'Learn More',\n      buttonLink: null,\n    },\n    {\n      imageUrl: {\n        id: 3070,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983',\n        filename: 'pc-c3.png',\n        mimeType: 'image/png',\n        width: 1648,\n        height: 960,\n      },\n      mobImageUrl: {\n        id: 3071,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000',\n        filename: 'mob-c3.png',\n        mimeType: 'image/png',\n        width: 592,\n        height: 720,\n      },\n      title: 'Text/Heading/h3',\n      description: 'Text/Body/t1',\n      buttonText: 'Learn More',\n      buttonLink: null,\n    },\n    {\n      imageUrl: {\n        id: 3072,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037',\n        filename: 'pc-c4.png',\n        mimeType: 'image/png',\n        width: 1648,\n        height: 960,\n      },\n      mobImageUrl: {\n        id: 3073,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058',\n        filename: 'mob-c4.png',\n        mimeType: 'image/png',\n        width: 592,\n        height: 720,\n      },\n      title: 'Text/Heading/h3',\n      description: 'Text/Body/t1',\n      buttonText: 'Learn More',\n      buttonLink: null,\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u9ED8\u8BA4\u573A\u666F\uFF0C\u5C55\u793A\u4E09\u4E2A\u6E05\u6D01\u573A\u666F\u7684 3D \u8F6E\u64AD\u6548\u679C\u3002\u684C\u9762\u7AEF\u652F\u6301\u70B9\u51FB\u5BFC\u822A\u6309\u94AE\u6216\u70B9\u51FB\u5E7B\u706F\u7247\u5207\u6362\uFF0C\u79FB\u52A8\u7AEF\u652F\u6301\u6ED1\u52A8\u5207\u6362\u3002',\n      },\n    },\n  },\n}\n\nexport const SingleItem: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: [defaultData.items[0]],\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u53EA\u6709\u4E00\u4E2A\u9879\u76EE\u7684\u60C5\u51B5\u3002\u4ECD\u7136\u53EF\u4EE5\u5FAA\u73AF\u6D4F\u89C8\u3002',\n      },\n    },\n  },\n}\n\nexport const TwoItems: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.slice(0, 2),\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u4E24\u4E2A\u9879\u76EE\u7684\u573A\u666F\uFF0C3D \u6548\u679C\u4F9D\u7136\u751F\u6548\u3002',\n      },\n    },\n  },\n}\n\nexport const WithoutMobileImages: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.map(({ mobImageUrl, ...item }) => ({\n        ...item,\n        mobImageUrl: null,\n      })),\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u6CA1\u6709\u63D0\u4F9B\u79FB\u52A8\u7AEF\u4E13\u7528\u56FE\u7247\uFF0C\u5C06\u81EA\u52A8\u4F7F\u7528\u684C\u9762\u7AEF\u56FE\u7247\u8D44\u6E90\u3002',\n      },\n    },\n  },\n}\n\nexport const WithCustomClass: Story = {\n  args: {\n    data: defaultData,\n    className: 'bg-gradient-to-b from-gray-900 to-black py-20',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: `\n\u901A\u8FC7 className \u5C5E\u6027\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u5916\u89C2\u3002\u8BE5\u793A\u4F8B\u6DFB\u52A0\u4E86\u6E10\u53D8\u80CC\u666F\u548C\u5185\u8FB9\u8DDD\u3002\n\n**\u53EF\u7528\u7684\u8BED\u4E49\u5316 CSS \u7C7B\u540D\uFF1A**\n\n\\`\\`\\`css\n/* \u6839\u5BB9\u5668 */\n.three-d-carousel { }\n.three-d-carousel__title { }\n\n/* \u684C\u9762\u7AEF\u5E03\u5C40 */\n.three-d-carousel__desktop { }\n.three-d-carousel__swiper { }\n.three-d-carousel__slide { }\n.three-d-carousel__image { }\n.three-d-carousel__nav-controls { }\n.three-d-carousel__nav-button { }\n.three-d-carousel__nav-button--prev { }\n.three-d-carousel__nav-button--next { }\n.three-d-carousel__nav-icon { }\n\n/* \u79FB\u52A8\u7AEF\u5E03\u5C40 */\n.three-d-carousel__mobile { }\n.three-d-carousel__swiper-mobile { }\n.three-d-carousel__slide-mobile { }\n.three-d-carousel__image-mobile { }\n\\`\\`\\`\n\n**\u4F7F\u7528\u793A\u4F8B\uFF1A**\n\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE\u6837\u5F0F */\n.three-d-carousel__nav-button {\n  opacity: 0.8;\n  transition: opacity 0.3s ease;\n}\n\n.three-d-carousel__nav-button:hover {\n  opacity: 1;\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */\n.three-d-carousel__title {\n  font-size: 3rem;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n/* \u81EA\u5B9A\u4E49\u56FE\u7247\u5706\u89D2 */\n.three-d-carousel__image,\n.three-d-carousel__image-mobile {\n  border-radius: 24px;\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n}\n\nexport const CustomTitle: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      title: 'Experience <span class=\"text-blue-400\">Revolutionary</span> Cleaning',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u4F7F\u7528 HTML \u6807\u7B7E\u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F\u3002\u6807\u9898\u652F\u6301 HTML \u5185\u5BB9\uFF0C\u53EF\u4EE5\u6DFB\u52A0\u6837\u5F0F\u548C\u683C\u5F0F\u3002',\n      },\n    },\n  },\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport ThreeDCarousel from '../biz-components/ThreeDCarousel/index.js'\nimport type { ThreeDCarouselProps } from '../biz-components/ThreeDCarousel/types.js'\n\nconst meta = {\n  title: 'Biz Components/ThreeDCarousel',\n  component: ThreeDCarousel,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\n3D \u8F6E\u64AD\u7EC4\u4EF6\uFF0C\u652F\u6301\u684C\u9762\u7AEF 3D \u89C6\u89C9\u6548\u679C\u548C\u79FB\u52A8\u7AEF\u6ED1\u52A8\u5C55\u793A\u3002\u9002\u7528\u4E8E\u4EA7\u54C1\u5C55\u793A\u3001\u56FE\u7247\u753B\u5ECA\u7B49\u573A\u666F\u3002\n\n## \u529F\u80FD\u7279\u6027\n\n- **\u684C\u9762\u7AEF 3D \u6548\u679C**\uFF1A\u4F7F\u7528 Swiper Coverflow \u6548\u679C\uFF0C\u63D0\u4F9B\u6C89\u6D78\u5F0F 3D \u89C6\u89C9\u4F53\u9A8C\n- **\u54CD\u5E94\u5F0F\u8BBE\u8BA1**\uFF1A\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u4F7F\u7528\u4E0D\u540C\u7684\u5E03\u5C40\u548C\u4EA4\u4E92\u65B9\u5F0F\n- **\u5FAA\u73AF\u64AD\u653E**\uFF1A\u652F\u6301\u65E0\u9650\u5FAA\u73AF\u6ED1\u52A8\n- **\u54CD\u5E94\u5F0F\u65AD\u70B9**\uFF1A\u6839\u636E\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u81EA\u52A8\u8C03\u6574 3D \u6548\u679C\u53C2\u6570\n- **\u56FE\u7247\u81EA\u9002\u5E94**\uFF1A\u652F\u6301\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u72EC\u7ACB\u56FE\u7247\u8D44\u6E90\n\n## \u53EF\u7528\u7684\u8BED\u4E49\u5316 CSS \u7C7B\u540D\n\n\u7EC4\u4EF6\u4F7F\u7528 BEM \u547D\u540D\u89C4\u8303\uFF0C\u63D0\u4F9B\u5B8C\u6574\u7684\u8BED\u4E49\u5316\u7C7B\u540D\u65B9\u4FBF\u6837\u5F0F\u5B9A\u5236\uFF1A\n\n### \u6839\u5BB9\u5668\n- \\`.three-d-carousel\\` - \u7EC4\u4EF6\u6839\u5143\u7D20\n- \\`.three-d-carousel__title\\` - \u6807\u9898\u5143\u7D20\n\n### \u684C\u9762\u7AEF\u5E03\u5C40\n- \\`.three-d-carousel__desktop\\` - \u684C\u9762\u7AEF\u5BB9\u5668\n- \\`.three-d-carousel__swiper\\` - Swiper \u5B9E\u4F8B\n- \\`.three-d-carousel__slide\\` - \u5355\u4E2A\u6ED1\u5757\n- \\`.three-d-carousel__image\\` - \u56FE\u7247\u5143\u7D20\n- \\`.three-d-carousel__nav-controls\\` - \u5BFC\u822A\u63A7\u5236\u5BB9\u5668\n- \\`.three-d-carousel__nav-button\\` - \u5BFC\u822A\u6309\u94AE\n- \\`.three-d-carousel__nav-button--prev\\` - \u4E0A\u4E00\u5F20\u6309\u94AE\n- \\`.three-d-carousel__nav-button--next\\` - \u4E0B\u4E00\u5F20\u6309\u94AE\n- \\`.three-d-carousel__nav-icon\\` - \u5BFC\u822A\u56FE\u6807\n\n### \u79FB\u52A8\u7AEF\u5E03\u5C40\n- \\`.three-d-carousel__mobile\\` - \u79FB\u52A8\u7AEF\u5BB9\u5668\n- \\`.three-d-carousel__swiper-mobile\\` - \u79FB\u52A8\u7AEF Swiper \u5B9E\u4F8B\n- \\`.three-d-carousel__slide-mobile\\` - \u79FB\u52A8\u7AEF\u6ED1\u5757\n- \\`.three-d-carousel__image-mobile\\` - \u79FB\u52A8\u7AEF\u56FE\u7247\n\n### \u81EA\u5B9A\u4E49\u6837\u5F0F\u793A\u4F8B\n\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE\u6837\u5F0F */\n.three-d-carousel__nav-button {\n  opacity: 0.8;\n  transition: opacity 0.3s ease;\n}\n\n.three-d-carousel__nav-button:hover {\n  opacity: 1;\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */\n.three-d-carousel__title {\n  font-size: 3rem;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u56FE\u6807\u989C\u8272 */\n.three-d-carousel__nav-icon {\n  color: #667eea;\n}\n\n.three-d-carousel__nav-icon:hover {\n  color: #764ba2;\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof ThreeDCarousel>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: ThreeDCarouselProps['data'] = {\n  title: 'Conquer Every Mess',\n  items: [\n    {\n      imageUrl: {\n        id: 3064,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718',\n        filename: 'pc-c1.png',\n        mimeType: 'image/png',\n        width: 1648,\n        height: 960,\n      },\n      mobImageUrl: {\n        id: 3065,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762',\n        url: 'https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762',\n        filename: 'mob-c1.png',\n        mimeType: 'image/png',\n        width: 592,\n        height: 720,\n      },\n      title: 'Text/Heading/h3',\n      description: 'Text/Body/t1',\n      buttonText: 'Learn More',\n      buttonLink: null,\n    },\n    {\n      imageUrl: {\n        id: 3068,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924',\n        filename: 'pc-c2.png',\n        mimeType: 'image/png',\n        width: 1648,\n        height: 960,\n      },\n      mobImageUrl: {\n        id: 3069,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954',\n        filename: 'mob-c2.png',\n        mimeType: 'image/png',\n        width: 592,\n        height: 720,\n      },\n      title: 'Text/Heading/h3',\n      description: 'Text/Body/t1',\n      buttonText: 'Learn More',\n      buttonLink: null,\n    },\n    {\n      imageUrl: {\n        id: 3070,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983',\n        filename: 'pc-c3.png',\n        mimeType: 'image/png',\n        width: 1648,\n        height: 960,\n      },\n      mobImageUrl: {\n        id: 3071,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000',\n        filename: 'mob-c3.png',\n        mimeType: 'image/png',\n        width: 592,\n        height: 720,\n      },\n      title: 'Text/Heading/h3',\n      description: 'Text/Body/t1',\n      buttonText: 'Learn More',\n      buttonLink: null,\n    },\n    {\n      imageUrl: {\n        id: 3072,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037',\n        filename: 'pc-c4.png',\n        mimeType: 'image/png',\n        width: 1648,\n        height: 960,\n      },\n      mobImageUrl: {\n        id: 3073,\n        alt: null,\n        baseUrl:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058',\n        filename: 'mob-c4.png',\n        mimeType: 'image/png',\n        width: 592,\n        height: 720,\n      },\n      title: 'Text/Heading/h3',\n      description: 'Text/Body/t1',\n      buttonText: 'Learn More',\n      buttonLink: null,\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u9ED8\u8BA4\u573A\u666F\uFF0C\u5C55\u793A\u4E09\u4E2A\u6E05\u6D01\u573A\u666F\u7684 3D \u8F6E\u64AD\u6548\u679C\u3002\u684C\u9762\u7AEF\u652F\u6301\u70B9\u51FB\u5BFC\u822A\u6309\u94AE\u6216\u70B9\u51FB\u5E7B\u706F\u7247\u5207\u6362\uFF0C\u79FB\u52A8\u7AEF\u652F\u6301\u6ED1\u52A8\u5207\u6362\u3002',\n      },\n    },\n  },\n}\n\nexport const SingleItem: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: [defaultData.items[0]],\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u53EA\u6709\u4E00\u4E2A\u9879\u76EE\u7684\u60C5\u51B5\u3002\u4ECD\u7136\u53EF\u4EE5\u5FAA\u73AF\u6D4F\u89C8\u3002',\n      },\n    },\n  },\n}\n\nexport const TwoItems: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.slice(0, 2),\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u4E24\u4E2A\u9879\u76EE\u7684\u573A\u666F\uFF0C3D \u6548\u679C\u4F9D\u7136\u751F\u6548\u3002',\n      },\n    },\n  },\n}\n\nexport const WithoutMobileImages: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.map(({ mobImageUrl, ...item }) => ({\n        ...item,\n        mobImageUrl: null,\n      })),\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u6CA1\u6709\u63D0\u4F9B\u79FB\u52A8\u7AEF\u4E13\u7528\u56FE\u7247\uFF0C\u5C06\u81EA\u52A8\u4F7F\u7528\u684C\u9762\u7AEF\u56FE\u7247\u8D44\u6E90\u3002',\n      },\n    },\n  },\n}\n\nexport const WithCustomClass: Story = {\n  args: {\n    data: defaultData,\n    className: 'bg-gradient-to-b from-gray-900 to-black py-20',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: `\n\u901A\u8FC7 className \u5C5E\u6027\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u5916\u89C2\u3002\u8BE5\u793A\u4F8B\u6DFB\u52A0\u4E86\u6E10\u53D8\u80CC\u666F\u548C\u5185\u8FB9\u8DDD\u3002\n\n**\u53EF\u7528\u7684\u8BED\u4E49\u5316 CSS \u7C7B\u540D\uFF1A**\n\n\\`\\`\\`css\n/* \u6839\u5BB9\u5668 */\n.three-d-carousel { }\n.three-d-carousel__title { }\n\n/* \u684C\u9762\u7AEF\u5E03\u5C40 */\n.three-d-carousel__desktop { }\n.three-d-carousel__swiper { }\n.three-d-carousel__slide { }\n.three-d-carousel__image { }\n.three-d-carousel__nav-controls { }\n.three-d-carousel__nav-button { }\n.three-d-carousel__nav-button--prev { }\n.three-d-carousel__nav-button--next { }\n.three-d-carousel__nav-icon { }\n\n/* \u79FB\u52A8\u7AEF\u5E03\u5C40 */\n.three-d-carousel__mobile { }\n.three-d-carousel__swiper-mobile { }\n.three-d-carousel__slide-mobile { }\n.three-d-carousel__image-mobile { }\n\\`\\`\\`\n\n**\u4F7F\u7528\u793A\u4F8B\uFF1A**\n\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE\u6837\u5F0F */\n.three-d-carousel__nav-button {\n  opacity: 0.8;\n  transition: opacity 0.3s ease;\n}\n\n.three-d-carousel__nav-button:hover {\n  opacity: 1;\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */\n.three-d-carousel__title {\n  font-size: 3rem;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n}\n\nexport const CustomTitle: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      title: 'Experience <span class=\"text-blue-400\">Revolutionary</span> Cleaning',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u4F7F\u7528 HTML \u6807\u7B7E\u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F\u3002\u6807\u9898\u652F\u6301 HTML \u5185\u5BB9\uFF0C\u53EF\u4EE5\u6DFB\u52A0\u6837\u5F0F\u548C\u683C\u5F0F\u3002',\n      },\n    },\n  },\n}\n"],
+  "mappings": "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",
   "names": ["ThreeDCarousel_stories_exports", "__export", "CustomTitle", "Default", "SingleItem", "TwoItems", "WithCustomClass", "WithoutMobileImages", "ThreeDCarousel_stories_default", "__toCommonJS", "import_react", "import_ThreeDCarousel", "meta", "ThreeDCarousel", "defaultData", "mobImageUrl", "item"]
 }

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

@@ -1,4 +1,4 @@
-"use strict";var c=Object.create;var r=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var u=(t,s)=>{for(var a in s)r(t,a,{get:s[a],enumerable:!0})},n=(t,s,a,o)=>{if(s&&typeof s=="object"||typeof s=="function")for(let i of p(s))!f.call(t,i)&&i!==a&&r(t,i,{get:()=>s[i],enumerable:!(o=l(s,i))||o.enumerable});return t};var g=(t,s,a)=>(a=t!=null?c(m(t)):{},n(s||!t||!t.__esModule?r(a,"default",{value:t,enumerable:!0}):a,t)),h=t=>n(r({},"__esModule",{value:!0}),t);var W={};u(W,{Default:()=>_,FiveCards:()=>w,FiveCardsWithRounded:()=>F,FourCards:()=>x,FourCardsWithRounded:()=>T,LightTheme:()=>S,SingleCard:()=>k,TwoCards:()=>v,TwoCardsWithRounded:()=>R,WithCustomStyles:()=>U,WithLinks:()=>C,WithRounded:()=>L,WithoutSubtitle:()=>D,default:()=>b});module.exports=h(W);var M=require("react"),d=g(require("../biz-components/FeatureCards/index.js"));const y={title:"Biz Components/FeatureCards",component:d.default,parameters:{layout:"padded",docs:{description:{component:`\u7279\u6027\u5361\u7247\u5C55\u793A\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u5C55\u793A\u591A\u4E2A\u4EA7\u54C1\u529F\u80FD\u6216\u7279\u6027
+"use strict";var p=Object.create;var r=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var u=(e,a)=>{for(var s in a)r(e,s,{get:a[s],enumerable:!0})},c=(e,a,s,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of d(a))!f.call(e,i)&&i!==s&&r(e,i,{get:()=>a[i],enumerable:!(o=l(a,i))||o.enumerable});return e};var g=(e,a,s)=>(s=e!=null?p(m(e)):{},c(a||!e||!e.__esModule?r(s,"default",{value:e,enumerable:!0}):s,e)),h=e=>c(r({},"__esModule",{value:!0}),e);var F={};u(F,{Default:()=>b,FiveCards:()=>x,FourCards:()=>w,LightTheme:()=>S,SingleCard:()=>k,TwoCards:()=>v,WithCustomStyles:()=>L,WithLinks:()=>C,WithoutSubtitle:()=>D,default:()=>_});module.exports=h(F);var R=require("react"),n=g(require("../biz-components/FeatureCards/index.js"));const y={title:"Biz Components/FeatureCards",component:n.default,parameters:{layout:"padded",docs:{description:{component:`\u7279\u6027\u5361\u7247\u5C55\u793A\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u5C55\u793A\u591A\u4E2A\u4EA7\u54C1\u529F\u80FD\u6216\u7279\u6027
 ## \u54CD\u5E94\u5F0F\u5E03\u5C40
@@ -12,13 +12,7 @@
 - **4\u5F20\u5361\u7247**\uFF1A\u7B2C\u4E00\u884C 2:3\uFF0C\u7B2C\u4E8C\u884C 3:2\uFF08\u81EA\u52A8\u6362\u884C\uFF09
 - **5\u5F20\u5361\u7247**\uFF1A\u7B2C\u4E00\u884C 1:1:1\uFF0C\u7B2C\u4E8C\u884C 2:3\uFF08\u81EA\u52A8\u6362\u884C\uFF09
-## \u5706\u89D2\u914D\u7F6E
-\u901A\u8FC7 \`rounded\` \u5C5E\u6027\u63A7\u5236\u5361\u7247\u5706\u89D2\uFF1A
-- **\u9ED8\u8BA4**\uFF1A\`rounded: false\`\uFF08\u76F4\u89D2\uFF09
-- **\u5F00\u542F\u5706\u89D2**\uFF1A\`rounded: true\`
-  - laptop \u4EE5\u4E0B\uFF1A12px \u5706\u89D2
-  - laptop \u4EE5\u4E0A\uFF1A16px \u5706\u89D2`}}},tags:["autodocs"]};var b=y;const e={title:"Personalized Carpet Cleaning Mode",subtitle:"You can customize the carpet cleaning mode to suit your needs.",items:[{link:"",theme:"dark",title:"Carpet Avoidance",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",alt:"Carpet Avoidance",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",mimeType:"image/png"},subtitle:"Automatically avoids carpets based on personalized settings."},{link:"",theme:"dark",title:"Mop Lifting",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429",alt:"Mop Lifting",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429",mimeType:"image/png"},subtitle:"Lifts the mop to prevent wetting carpets"},{link:"",theme:"dark",title:"Carpet Detection",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3_99cbfc97-44f5-44f6-a6b0-4b0bbcd26588.png?v=1752499429",alt:"Carpet Detection",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3_99cbfc97-44f5-44f6-a6b0-4b0bbcd26588.png?v=1752499429",mimeType:"image/png"},subtitle:"Increases suction power when carpets are detected."}]},_={args:{data:e}},S={args:{data:{...e,items:e.items.map(t=>({...t,theme:"light"}))}}},C={args:{data:{...e,items:e.items.map(t=>({...t,link:"https://www.example.com"}))}}},v={args:{data:{...e,items:e.items.slice(0,2)}}},k={args:{data:{...e,items:[e.items[0]]}}},D={args:{data:{title:"Personalized Carpet Cleaning Mode",items:e.items}}},x={args:{data:{...e,items:[...e.items,{link:"",theme:"dark",title:"Smart Scheduling",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",alt:"Smart Scheduling",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",mimeType:"image/png"},subtitle:"Schedule cleaning tasks automatically based on your preferences."}]}},parameters:{docs:{description:{story:"4\u5F20\u5361\u7247\u5E03\u5C40\uFF1A\u684C\u9762\u7AEF\u7B2C\u4E00\u884C 2:3 \u6BD4\u4F8B\uFF0C\u7B2C\u4E8C\u884C 3:2 \u6BD4\u4F8B\uFF08\u81EA\u52A8\u6362\u884C\uFF09"}}}},w={args:{data:{...e,items:[...e.items,{link:"",theme:"dark",title:"Smart Scheduling",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",alt:"Smart Scheduling",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",mimeType:"image/png"},subtitle:"Schedule cleaning tasks automatically based on your preferences."},{link:"",theme:"dark",title:"Voice Control",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429",alt:"Voice Control",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429",mimeType:"image/png"},subtitle:"Control your robot vacuum with voice commands."}]}},parameters:{docs:{description:{story:"5\u5F20\u5361\u7247\u5E03\u5C40\uFF1A\u684C\u9762\u7AEF\u7B2C\u4E00\u884C 1:1:1 \u7B49\u5BBD\uFF0C\u7B2C\u4E8C\u884C 2:3 \u6BD4\u4F8B\uFF08\u81EA\u52A8\u6362\u884C\uFF09"}}}},L={args:{data:{...e,rounded:!0}},parameters:{docs:{description:{story:"\u5E26\u5706\u89D2\u7684\u5361\u7247\uFF1Alaptop \u4EE5\u4E0B 12px \u5706\u89D2\uFF0Claptop \u4EE5\u4E0A 16px \u5706\u89D2"}}}},R={args:{data:{...e,items:e.items.slice(0,2),rounded:!0}},parameters:{docs:{description:{story:"2\u5F20\u5361\u7247\u5E26\u5706\u89D2\uFF1A\u684C\u9762\u7AEF 2:3 \u6BD4\u4F8B\u5E03\u5C40"}}}},T={args:{data:{...e,items:[...e.items,{link:"",theme:"dark",title:"Smart Scheduling",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",alt:"Smart Scheduling",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",mimeType:"image/png"},subtitle:"Schedule cleaning tasks automatically based on your preferences."}],rounded:!0}},parameters:{docs:{description:{story:"4\u5F20\u5361\u7247\u5E26\u5706\u89D2\uFF1A\u684C\u9762\u7AEF\u7B2C\u4E00\u884C 2:3\uFF0C\u7B2C\u4E8C\u884C 3:2\uFF08\u81EA\u52A8\u6362\u884C\uFF09"}}}},F={args:{data:{...e,items:[...e.items,{link:"",theme:"dark",title:"Smart Scheduling",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",alt:"Smart Scheduling",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",mimeType:"image/png"},subtitle:"Schedule cleaning tasks automatically based on your preferences."},{link:"",theme:"dark",title:"Voice Control",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429",alt:"Voice Control",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429",mimeType:"image/png"},subtitle:"Control your robot vacuum with voice commands."}],rounded:!0}},parameters:{docs:{description:{story:"5\u5F20\u5361\u7247\u5E26\u5706\u89D2\uFF1A\u684C\u9762\u7AEF\u7B2C\u4E00\u884C 1:1:1\uFF0C\u7B2C\u4E8C\u884C 2:3\uFF08\u81EA\u52A8\u6362\u884C\uFF09"}}}},U={args:{data:e,className:"custom-feature-cards"},parameters:{docs:{description:{story:`
+`}}},tags:["autodocs"]};var _=y;const t={title:"Personalized Carpet Cleaning Mode",subtitle:"You can customize the carpet cleaning mode to suit your needs.",items:[{link:"",theme:"dark",title:"Carpet Avoidance",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",alt:"Carpet Avoidance",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",mimeType:"image/png"},subtitle:"Automatically avoids carpets based on personalized settings."},{link:"",theme:"dark",title:"Mop Lifting",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429",alt:"Mop Lifting",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429",mimeType:"image/png"},subtitle:"Lifts the mop to prevent wetting carpets"},{link:"",theme:"dark",title:"Carpet Detection",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3_99cbfc97-44f5-44f6-a6b0-4b0bbcd26588.png?v=1752499429",alt:"Carpet Detection",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3_99cbfc97-44f5-44f6-a6b0-4b0bbcd26588.png?v=1752499429",mimeType:"image/png"},subtitle:"Increases suction power when carpets are detected."}]},b={args:{data:t}},S={args:{data:{...t,items:t.items.map(e=>({...e,theme:"light"}))}}},C={args:{data:{...t,items:t.items.map(e=>({...e,link:"https://www.example.com"}))}}},v={args:{data:{...t,items:t.items.slice(0,2)}}},k={args:{data:{...t,items:[t.items[0]]}}},D={args:{data:{title:"Personalized Carpet Cleaning Mode",items:t.items}}},w={args:{data:{...t,items:[...t.items,{link:"",theme:"dark",title:"Smart Scheduling",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",alt:"Smart Scheduling",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",mimeType:"image/png"},subtitle:"Schedule cleaning tasks automatically based on your preferences."}]}},parameters:{docs:{description:{story:"4\u5F20\u5361\u7247\u5E03\u5C40\uFF1A\u684C\u9762\u7AEF\u7B2C\u4E00\u884C 2:3 \u6BD4\u4F8B\uFF0C\u7B2C\u4E8C\u884C 3:2 \u6BD4\u4F8B\uFF08\u81EA\u52A8\u6362\u884C\uFF09"}}}},x={args:{data:{...t,items:[...t.items,{link:"",theme:"dark",title:"Smart Scheduling",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",alt:"Smart Scheduling",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",mimeType:"image/png"},subtitle:"Schedule cleaning tasks automatically based on your preferences."},{link:"",theme:"dark",title:"Voice Control",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429",alt:"Voice Control",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429",mimeType:"image/png"},subtitle:"Control your robot vacuum with voice commands."}]}},parameters:{docs:{description:{story:"5\u5F20\u5361\u7247\u5E03\u5C40\uFF1A\u684C\u9762\u7AEF\u7B2C\u4E00\u884C 1:1:1 \u7B49\u5BBD\uFF0C\u7B2C\u4E8C\u884C 2:3 \u6BD4\u4F8B\uFF08\u81EA\u52A8\u6362\u884C\uFF09"}}}},L={args:{data:t,className:"custom-feature-cards"},parameters:{docs:{description:{story:`
 \u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A
 **\u6839\u5143\u7D20\uFF1A**
@@ -47,11 +41,6 @@
 **\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**
 \`\`\`css
-/* \u81EA\u5B9A\u4E49\u5361\u7247\u5706\u89D2 */
-.feature-cards__card {
-  border-radius: 20px;
-}
 /* \u81EA\u5B9A\u4E49\u6807\u9898\u989C\u8272 */
 .feature-cards__card-title {
   color: #ff6b6b;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/featureCards.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport FeatureCards from '../biz-components/FeatureCards/index.js'\nimport type { FeatureCardsProps } from '../biz-components/FeatureCards/types.js'\n\nconst meta = {\n  title: 'Biz Components/FeatureCards',\n  component: FeatureCards,\n  parameters: {\n    layout: 'padded',\n    docs: {\n      description: {\n        component: `\u7279\u6027\u5361\u7247\u5C55\u793A\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u5C55\u793A\u591A\u4E2A\u4EA7\u54C1\u529F\u80FD\u6216\u7279\u6027\n\n## \u54CD\u5E94\u5F0F\u5E03\u5C40\n\n### \u79FB\u52A8\u7AEF\u548C\u5E73\u677F\n- \u6240\u6709\u5361\u7247\u5BBD\u5EA6\u76F8\u7B49\uFF0C\u4F7F\u7528 Swiper \u8F6E\u64AD\u5C55\u793A\n\n### \u684C\u9762\u7AEF\uFF08laptop+\uFF09\n\u6839\u636E\u5361\u7247\u6570\u91CF\u81EA\u52A8\u8C03\u6574\u5E03\u5C40\u6BD4\u4F8B\uFF1A\n- **2\u5F20\u5361\u7247**\uFF1A2:3 \u6BD4\u4F8B\n- **3\u5F20\u5361\u7247**\uFF1A1:1:1 \u7B49\u5BBD\n- **4\u5F20\u5361\u7247**\uFF1A\u7B2C\u4E00\u884C 2:3\uFF0C\u7B2C\u4E8C\u884C 3:2\uFF08\u81EA\u52A8\u6362\u884C\uFF09\n- **5\u5F20\u5361\u7247**\uFF1A\u7B2C\u4E00\u884C 1:1:1\uFF0C\u7B2C\u4E8C\u884C 2:3\uFF08\u81EA\u52A8\u6362\u884C\uFF09\n\n## \u5706\u89D2\u914D\u7F6E\n\n\u901A\u8FC7 \\`rounded\\` \u5C5E\u6027\u63A7\u5236\u5361\u7247\u5706\u89D2\uFF1A\n- **\u9ED8\u8BA4**\uFF1A\\`rounded: false\\`\uFF08\u76F4\u89D2\uFF09\n- **\u5F00\u542F\u5706\u89D2**\uFF1A\\`rounded: true\\`\n  - laptop \u4EE5\u4E0B\uFF1A12px \u5706\u89D2\n  - laptop \u4EE5\u4E0A\uFF1A16px \u5706\u89D2`,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof FeatureCards>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: FeatureCardsProps['data'] = {\n  title: 'Personalized Carpet Cleaning Mode',\n  subtitle: 'You can customize the carpet cleaning mode to suit your needs.',\n  items: [\n    {\n      link: '',\n      theme: 'dark',\n      title: 'Carpet Avoidance',\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n        alt: 'Carpet Avoidance',\n        thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n        mimeType: 'image/png',\n      },\n      subtitle: 'Automatically avoids carpets based on personalized settings.',\n    },\n    {\n      link: '',\n      theme: 'dark',\n      title: 'Mop Lifting',\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429',\n        alt: 'Mop Lifting',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429',\n        mimeType: 'image/png',\n      },\n      subtitle: 'Lifts the mop to prevent wetting carpets',\n    },\n    {\n      link: '',\n      theme: 'dark',\n      title: 'Carpet Detection',\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3_99cbfc97-44f5-44f6-a6b0-4b0bbcd26588.png?v=1752499429',\n        alt: 'Carpet Detection',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3_99cbfc97-44f5-44f6-a6b0-4b0bbcd26588.png?v=1752499429',\n        mimeType: 'image/png',\n      },\n      subtitle: 'Increases suction power when carpets are detected.',\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n}\n\nexport const LightTheme: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.map((item) => ({\n        ...item,\n        theme: 'light',\n      })),\n    },\n  },\n}\n\nexport const WithLinks: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.map((item) => ({\n        ...item,\n        link: 'https://www.example.com',\n      })),\n    },\n  },\n}\n\nexport const TwoCards: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.slice(0, 2),\n    },\n  },\n}\n\nexport const SingleCard: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: [defaultData.items[0]],\n    },\n  },\n}\n\nexport const WithoutSubtitle: Story = {\n  args: {\n    data: {\n      title: 'Personalized Carpet Cleaning Mode',\n      items: defaultData.items,\n    },\n  },\n}\n\nexport const FourCards: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: [\n        ...defaultData.items,\n        {\n          link: '',\n          theme: 'dark',\n          title: 'Smart Scheduling',\n          image: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n            alt: 'Smart Scheduling',\n            thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n            mimeType: 'image/png',\n          },\n          subtitle: 'Schedule cleaning tasks automatically based on your preferences.',\n        },\n      ],\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '4\u5F20\u5361\u7247\u5E03\u5C40\uFF1A\u684C\u9762\u7AEF\u7B2C\u4E00\u884C 2:3 \u6BD4\u4F8B\uFF0C\u7B2C\u4E8C\u884C 3:2 \u6BD4\u4F8B\uFF08\u81EA\u52A8\u6362\u884C\uFF09',\n      },\n    },\n  },\n}\n\nexport const FiveCards: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: [\n        ...defaultData.items,\n        {\n          link: '',\n          theme: 'dark',\n          title: 'Smart Scheduling',\n          image: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n            alt: 'Smart Scheduling',\n            thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n            mimeType: 'image/png',\n          },\n          subtitle: 'Schedule cleaning tasks automatically based on your preferences.',\n        },\n        {\n          link: '',\n          theme: 'dark',\n          title: 'Voice Control',\n          image: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429',\n            alt: 'Voice Control',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429',\n            mimeType: 'image/png',\n          },\n          subtitle: 'Control your robot vacuum with voice commands.',\n        },\n      ],\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '5\u5F20\u5361\u7247\u5E03\u5C40\uFF1A\u684C\u9762\u7AEF\u7B2C\u4E00\u884C 1:1:1 \u7B49\u5BBD\uFF0C\u7B2C\u4E8C\u884C 2:3 \u6BD4\u4F8B\uFF08\u81EA\u52A8\u6362\u884C\uFF09',\n      },\n    },\n  },\n}\n\nexport const WithRounded: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      rounded: true,\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u5E26\u5706\u89D2\u7684\u5361\u7247\uFF1Alaptop \u4EE5\u4E0B 12px \u5706\u89D2\uFF0Claptop \u4EE5\u4E0A 16px \u5706\u89D2',\n      },\n    },\n  },\n}\n\nexport const TwoCardsWithRounded: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.slice(0, 2),\n      rounded: true,\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '2\u5F20\u5361\u7247\u5E26\u5706\u89D2\uFF1A\u684C\u9762\u7AEF 2:3 \u6BD4\u4F8B\u5E03\u5C40',\n      },\n    },\n  },\n}\n\nexport const FourCardsWithRounded: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: [\n        ...defaultData.items,\n        {\n          link: '',\n          theme: 'dark',\n          title: 'Smart Scheduling',\n          image: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n            alt: 'Smart Scheduling',\n            thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n            mimeType: 'image/png',\n          },\n          subtitle: 'Schedule cleaning tasks automatically based on your preferences.',\n        },\n      ],\n      rounded: true,\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '4\u5F20\u5361\u7247\u5E26\u5706\u89D2\uFF1A\u684C\u9762\u7AEF\u7B2C\u4E00\u884C 2:3\uFF0C\u7B2C\u4E8C\u884C 3:2\uFF08\u81EA\u52A8\u6362\u884C\uFF09',\n      },\n    },\n  },\n}\n\nexport const FiveCardsWithRounded: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: [\n        ...defaultData.items,\n        {\n          link: '',\n          theme: 'dark',\n          title: 'Smart Scheduling',\n          image: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n            alt: 'Smart Scheduling',\n            thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n            mimeType: 'image/png',\n          },\n          subtitle: 'Schedule cleaning tasks automatically based on your preferences.',\n        },\n        {\n          link: '',\n          theme: 'dark',\n          title: 'Voice Control',\n          image: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429',\n            alt: 'Voice Control',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429',\n            mimeType: 'image/png',\n          },\n          subtitle: 'Control your robot vacuum with voice commands.',\n        },\n      ],\n      rounded: true,\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '5\u5F20\u5361\u7247\u5E26\u5706\u89D2\uFF1A\u684C\u9762\u7AEF\u7B2C\u4E00\u884C 1:1:1\uFF0C\u7B2C\u4E8C\u884C 2:3\uFF08\u81EA\u52A8\u6362\u884C\uFF09',\n      },\n    },\n  },\n}\n\nexport const WithCustomStyles: Story = {\n  args: {\n    data: defaultData,\n    className: 'custom-feature-cards',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: `\n\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A\n\n**\u6839\u5143\u7D20\uFF1A**\n- \\`.feature-cards\\` - \u7EC4\u4EF6\u6839\u5BB9\u5668\n\n**\u5934\u90E8\u533A\u57DF\uFF1A**\n- \\`.feature-cards__header\\` - \u5934\u90E8\u5BB9\u5668\n- \\`.feature-cards__title\\` - \u4E3B\u6807\u9898\n- \\`.feature-cards__subtitle\\` - \u526F\u6807\u9898\n\n**\u684C\u9762\u7AEF\u5E03\u5C40\uFF1A**\n- \\`.feature-cards__grid\\` - \u684C\u9762\u7AEF\u7F51\u683C\u5BB9\u5668\n\n**\u79FB\u52A8\u7AEF\u5E03\u5C40\uFF1A**\n- \\`.feature-cards__swiper-container\\` - Swiper \u5916\u5C42\u5BB9\u5668\n- \\`.feature-cards__swiper\\` - Swiper \u5B9E\u4F8B\n- \\`.feature-cards__swiper-slide\\` - Swiper \u5355\u4E2A\u6ED1\u5757\n\n**\u5361\u7247\u5143\u7D20\uFF1A**\n- \\`.feature-cards__card\\` - \u5361\u7247\u5BB9\u5668\n- \\`.feature-cards__card--mobile\\` - \u79FB\u52A8\u7AEF\u5361\u7247\u4FEE\u9970\u7B26\n- \\`.feature-cards__card-image\\` - \u5361\u7247\u80CC\u666F\u56FE\u7247\n- \\`.feature-cards__card-content\\` - \u5361\u7247\u5185\u5BB9\u5BB9\u5668\n- \\`.feature-cards__card-title\\` - \u5361\u7247\u6807\u9898\n- \\`.feature-cards__card-subtitle\\` - \u5361\u7247\u526F\u6807\u9898\n\n**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u5361\u7247\u5706\u89D2 */\n.feature-cards__card {\n  border-radius: 20px;\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u989C\u8272 */\n.feature-cards__card-title {\n  color: #ff6b6b;\n}\n\n/* \u81EA\u5B9A\u4E49\u5361\u7247\u60AC\u505C\u6548\u679C */\n.feature-cards__card:hover {\n  transform: translateY(-5px);\n  transition: transform 0.3s ease;\n}\n\n/* \u81EA\u5B9A\u4E49\u7F51\u683C\u95F4\u8DDD */\n.feature-cards__grid {\n  gap: 24px;\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n}\n"],
-  "mappings": "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",
-  "names": ["featureCards_stories_exports", "__export", "Default", "FiveCards", "FiveCardsWithRounded", "FourCards", "FourCardsWithRounded", "LightTheme", "SingleCard", "TwoCards", "TwoCardsWithRounded", "WithCustomStyles", "WithLinks", "WithRounded", "WithoutSubtitle", "featureCards_stories_default", "__toCommonJS", "import_react", "import_FeatureCards", "meta", "FeatureCards", "defaultData", "item"]
+  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport FeatureCards from '../biz-components/FeatureCards/index.js'\nimport type { FeatureCardsProps } from '../biz-components/FeatureCards/types.js'\n\nconst meta = {\n  title: 'Biz Components/FeatureCards',\n  component: FeatureCards,\n  parameters: {\n    layout: 'padded',\n    docs: {\n      description: {\n        component: `\u7279\u6027\u5361\u7247\u5C55\u793A\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u5C55\u793A\u591A\u4E2A\u4EA7\u54C1\u529F\u80FD\u6216\u7279\u6027\n\n## \u54CD\u5E94\u5F0F\u5E03\u5C40\n\n### \u79FB\u52A8\u7AEF\u548C\u5E73\u677F\n- \u6240\u6709\u5361\u7247\u5BBD\u5EA6\u76F8\u7B49\uFF0C\u4F7F\u7528 Swiper \u8F6E\u64AD\u5C55\u793A\n\n### \u684C\u9762\u7AEF\uFF08laptop+\uFF09\n\u6839\u636E\u5361\u7247\u6570\u91CF\u81EA\u52A8\u8C03\u6574\u5E03\u5C40\u6BD4\u4F8B\uFF1A\n- **2\u5F20\u5361\u7247**\uFF1A2:3 \u6BD4\u4F8B\n- **3\u5F20\u5361\u7247**\uFF1A1:1:1 \u7B49\u5BBD\n- **4\u5F20\u5361\u7247**\uFF1A\u7B2C\u4E00\u884C 2:3\uFF0C\u7B2C\u4E8C\u884C 3:2\uFF08\u81EA\u52A8\u6362\u884C\uFF09\n- **5\u5F20\u5361\u7247**\uFF1A\u7B2C\u4E00\u884C 1:1:1\uFF0C\u7B2C\u4E8C\u884C 2:3\uFF08\u81EA\u52A8\u6362\u884C\uFF09\n\n`,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof FeatureCards>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: FeatureCardsProps['data'] = {\n  title: 'Personalized Carpet Cleaning Mode',\n  subtitle: 'You can customize the carpet cleaning mode to suit your needs.',\n  items: [\n    {\n      link: '',\n      theme: 'dark',\n      title: 'Carpet Avoidance',\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n        alt: 'Carpet Avoidance',\n        thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n        mimeType: 'image/png',\n      },\n      subtitle: 'Automatically avoids carpets based on personalized settings.',\n    },\n    {\n      link: '',\n      theme: 'dark',\n      title: 'Mop Lifting',\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429',\n        alt: 'Mop Lifting',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429',\n        mimeType: 'image/png',\n      },\n      subtitle: 'Lifts the mop to prevent wetting carpets',\n    },\n    {\n      link: '',\n      theme: 'dark',\n      title: 'Carpet Detection',\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3_99cbfc97-44f5-44f6-a6b0-4b0bbcd26588.png?v=1752499429',\n        alt: 'Carpet Detection',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3_99cbfc97-44f5-44f6-a6b0-4b0bbcd26588.png?v=1752499429',\n        mimeType: 'image/png',\n      },\n      subtitle: 'Increases suction power when carpets are detected.',\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n}\n\nexport const LightTheme: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.map((item) => ({\n        ...item,\n        theme: 'light',\n      })),\n    },\n  },\n}\n\nexport const WithLinks: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.map((item) => ({\n        ...item,\n        link: 'https://www.example.com',\n      })),\n    },\n  },\n}\n\nexport const TwoCards: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.slice(0, 2),\n    },\n  },\n}\n\nexport const SingleCard: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: [defaultData.items[0]],\n    },\n  },\n}\n\nexport const WithoutSubtitle: Story = {\n  args: {\n    data: {\n      title: 'Personalized Carpet Cleaning Mode',\n      items: defaultData.items,\n    },\n  },\n}\n\nexport const FourCards: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: [\n        ...defaultData.items,\n        {\n          link: '',\n          theme: 'dark',\n          title: 'Smart Scheduling',\n          image: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n            alt: 'Smart Scheduling',\n            thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n            mimeType: 'image/png',\n          },\n          subtitle: 'Schedule cleaning tasks automatically based on your preferences.',\n        },\n      ],\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '4\u5F20\u5361\u7247\u5E03\u5C40\uFF1A\u684C\u9762\u7AEF\u7B2C\u4E00\u884C 2:3 \u6BD4\u4F8B\uFF0C\u7B2C\u4E8C\u884C 3:2 \u6BD4\u4F8B\uFF08\u81EA\u52A8\u6362\u884C\uFF09',\n      },\n    },\n  },\n}\n\nexport const FiveCards: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: [\n        ...defaultData.items,\n        {\n          link: '',\n          theme: 'dark',\n          title: 'Smart Scheduling',\n          image: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n            alt: 'Smart Scheduling',\n            thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n            mimeType: 'image/png',\n          },\n          subtitle: 'Schedule cleaning tasks automatically based on your preferences.',\n        },\n        {\n          link: '',\n          theme: 'dark',\n          title: 'Voice Control',\n          image: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429',\n            alt: 'Voice Control',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429',\n            mimeType: 'image/png',\n          },\n          subtitle: 'Control your robot vacuum with voice commands.',\n        },\n      ],\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '5\u5F20\u5361\u7247\u5E03\u5C40\uFF1A\u684C\u9762\u7AEF\u7B2C\u4E00\u884C 1:1:1 \u7B49\u5BBD\uFF0C\u7B2C\u4E8C\u884C 2:3 \u6BD4\u4F8B\uFF08\u81EA\u52A8\u6362\u884C\uFF09',\n      },\n    },\n  },\n}\n\n\nexport const WithCustomStyles: Story = {\n  args: {\n    data: defaultData,\n    className: 'custom-feature-cards',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: `\n\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A\n\n**\u6839\u5143\u7D20\uFF1A**\n- \\`.feature-cards\\` - \u7EC4\u4EF6\u6839\u5BB9\u5668\n\n**\u5934\u90E8\u533A\u57DF\uFF1A**\n- \\`.feature-cards__header\\` - \u5934\u90E8\u5BB9\u5668\n- \\`.feature-cards__title\\` - \u4E3B\u6807\u9898\n- \\`.feature-cards__subtitle\\` - \u526F\u6807\u9898\n\n**\u684C\u9762\u7AEF\u5E03\u5C40\uFF1A**\n- \\`.feature-cards__grid\\` - \u684C\u9762\u7AEF\u7F51\u683C\u5BB9\u5668\n\n**\u79FB\u52A8\u7AEF\u5E03\u5C40\uFF1A**\n- \\`.feature-cards__swiper-container\\` - Swiper \u5916\u5C42\u5BB9\u5668\n- \\`.feature-cards__swiper\\` - Swiper \u5B9E\u4F8B\n- \\`.feature-cards__swiper-slide\\` - Swiper \u5355\u4E2A\u6ED1\u5757\n\n**\u5361\u7247\u5143\u7D20\uFF1A**\n- \\`.feature-cards__card\\` - \u5361\u7247\u5BB9\u5668\n- \\`.feature-cards__card--mobile\\` - \u79FB\u52A8\u7AEF\u5361\u7247\u4FEE\u9970\u7B26\n- \\`.feature-cards__card-image\\` - \u5361\u7247\u80CC\u666F\u56FE\u7247\n- \\`.feature-cards__card-content\\` - \u5361\u7247\u5185\u5BB9\u5BB9\u5668\n- \\`.feature-cards__card-title\\` - \u5361\u7247\u6807\u9898\n- \\`.feature-cards__card-subtitle\\` - \u5361\u7247\u526F\u6807\u9898\n\n**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u989C\u8272 */\n.feature-cards__card-title {\n  color: #ff6b6b;\n}\n\n/* \u81EA\u5B9A\u4E49\u5361\u7247\u60AC\u505C\u6548\u679C */\n.feature-cards__card:hover {\n  transform: translateY(-5px);\n  transition: transform 0.3s ease;\n}\n\n/* \u81EA\u5B9A\u4E49\u7F51\u683C\u95F4\u8DDD */\n.feature-cards__grid {\n  gap: 24px;\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n}\n"],
+  "mappings": "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",
+  "names": ["featureCards_stories_exports", "__export", "Default", "FiveCards", "FourCards", "LightTheme", "SingleCard", "TwoCards", "WithCustomStyles", "WithLinks", "WithoutSubtitle", "featureCards_stories_default", "__toCommonJS", "import_react", "import_FeatureCards", "meta", "FeatureCards", "defaultData", "item"]
 }