npm - @anker-in/headless-ui - Versions diffs - 1.1.17-alpha.1765880007709 → 1.1.17 - Mend

@anker-in/headless-ui 1.1.17-alpha.1765880007709 → 1.1.17

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 (881) hide show

package/dist/esm/stories/productCompare.stories.js DELETED Viewed

@@ -1,54 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import a from"../biz-components/ProductCompare/index.js";const p={title:"Biz-Components/ProductCompare",component:a,parameters:{layout:"fullscreen",docs:{description:{component:`
-# ProductCompare \u4EA7\u54C1\u5BF9\u6BD4\u7EC4\u4EF6
-\u7528\u4E8E\u5C55\u793A\u4EA7\u54C1\u5BF9\u6BD4\u6548\u679C\uFF0C\u901A\u8FC7\u89C6\u89C9\u5316\u7684\u65B9\u5F0F\u7A81\u51FA\u4EA7\u54C1\u4F18\u52BF\uFF0C\u652F\u63012-3\u4E2A\u4EA7\u54C1\u7684\u7075\u6D3B\u5BF9\u6BD4\u3002
-## \u{1F3AF} \u6838\u5FC3\u529F\u80FD
-- **\u7075\u6D3B\u5E03\u5C40**\uFF1A\u652F\u63012-3\u4E2A\u4EA7\u54C1\u5BF9\u6BD4\uFF0C\u53EF\u914D\u7F6E\u5BBD\u5EA6\u6BD4\u4F8B
-- **3\u79CD\u6807\u9898\u7C7B\u578B**\uFF1A
-  - \u5356\u70B9\u6807\u9898\uFF08selling-point\uFF09\uFF1A\u5E26\u56FE\u6807\uFF0C\u6807\u9898\u989C\u8272 #00BEFA
-  - \u4E00\u7EA7\u6807\u9898\uFF08primary\uFF09\uFF1A\u5E38\u89C4\u6807\u9898\uFF0Csize=4
-  - \u4E8C\u7EA7\u6807\u9898\uFF08secondary\uFF09\uFF1A\u8F83\u5C0F\u6807\u9898\uFF0Csize=3
-- **\u6587\u672C\u5BF9\u9F50**\uFF1A\u652F\u6301\u5DE6\u5BF9\u9F50\u548C\u5C45\u4E2D\u5BF9\u9F50
-- **\u526F\u6807\u9898\u56FE\u7247**\uFF1A\u652F\u6301\u5728\u526F\u6807\u9898\u4E0B\u65B9\u663E\u793A\u56FE\u7247
-- **\u5A92\u4F53\u7C7B\u578B\u81EA\u9002\u5E94**\uFF1A\u81EA\u52A8\u8BC6\u522B\u89C6\u9891/\u56FE\u7247\u683C\u5F0F\uFF0C\u6839\u636E mimeType \u6E32\u67D3\u5BF9\u5E94\u5143\u7D20
-- **\u54CD\u5E94\u5F0F\u8BBE\u8BA1**\uFF1A\u79FB\u52A8\u7AEF\u5782\u76F4\u5E03\u5C40\uFF0C\u5E73\u677F/\u684C\u9762\u7AEF\u6C34\u5E73\u5E03\u5C40
-- **\u667A\u80FD\u61D2\u52A0\u8F7D**\uFF1A\u4F7F\u7528 Intersection Observer API\uFF0C\u8DDD\u79BB\u89C6\u53E3 1500px \u63D0\u524D\u52A0\u8F7D
-- **\u89C6\u9891\u81EA\u52A8\u64AD\u653E**\uFF1A\u652F\u6301\u81EA\u52A8\u64AD\u653E\u3001\u5FAA\u73AF\u3001\u9759\u97F3\uFF0C\u517C\u5BB9 iOS Safari\u3001\u5FAE\u4FE1/QQ \u6D4F\u89C8\u5668
-- **\u4E3B\u9898\u652F\u6301**\uFF1A\u5185\u7F6E light/dark \u4E3B\u9898
-- **\u5706\u89D2\u914D\u7F6E**\uFF1A\u652F\u6301\u5706\u89D2\uFF08laptop \u4EE5\u4E0B 12px\uFF0Claptop \u4EE5\u4E0A 16px\uFF09\u548C\u76F4\u89D2
-## \u{1F4D0} \u5E03\u5C40\u6BD4\u4F8B
-### 2\u5F20\u56FE\u7247
-- 2:3 \u6BD4\u4F8B\uFF08\u9ED8\u8BA4\uFF09
-- 1:1 \u6BD4\u4F8B\uFF08\u53EF\u914D\u7F6E\uFF09
-### 3\u5F20\u56FE\u7247
-- 1:1:1 \u7B49\u5BBD
-## \u{1F3F7}\uFE0F \u6807\u7B7E\u6837\u5F0F
-- **\u6700\u540E\u4E00\u4E2A\u4EA7\u54C1**\uFF1Abg-brand-0 \u80CC\u666F\uFF0C\u767D\u8272\u6587\u5B57
-- **\u5176\u4ED6\u4EA7\u54C1**\uFF1Argba(0,0,0,0.2) \u80CC\u666F\uFF0C\u767D\u8272\u6587\u5B57
-## \u{1F4F1} \u517C\u5BB9\u6027
-- **iOS Safari**\uFF1Awebkit-playsinline \u5185\u8054\u64AD\u653E
-- **Android Chrome**\uFF1A\u6807\u51C6 HTML5 \u89C6\u9891\u64AD\u653E
-- **\u5FAE\u4FE1/QQ \u6D4F\u89C8\u5668**\uFF1AX5 \u5185\u6838\u540C\u5C42\u64AD\u653E\uFF0C\u4E0D\u52AB\u6301\u5168\u5C4F
-- **\u684C\u9762\u6D4F\u89C8\u5668**\uFF1A\u7981\u7528\u753B\u4E2D\u753B\u548C\u8FDC\u7A0B\u64AD\u653E
-## \u{1F3A8} \u81EA\u5B9A\u4E49\u6837\u5F0F
-\u7EC4\u4EF6\u63D0\u4F9B\u8BED\u4E49\u5316 className\uFF1A
-- \`.product-compare\` - \u7EC4\u4EF6\u5BB9\u5668
-- \`.product-compare-title / .product-compare-subtitle\` - \u6807\u9898/\u526F\u6807\u9898
-- \`.product-compare-title-icon\` - \u6807\u9898\u56FE\u6807\uFF08\u5356\u70B9\u7C7B\u578B\uFF09
-- \`.product-compare-subtitle-image\` - \u526F\u6807\u9898\u56FE\u7247
-- \`.product-compare-item\` - \u5355\u4E2A\u4EA7\u54C1\u5BB9\u5668
-- \`.product-compare-label\` - \u4EA7\u54C1\u6807\u7B7E
-- \`.product-compare-media\` - \u5A92\u4F53\u5143\u7D20
-        `}}},decorators:[o=>e("div",{style:{padding:"2em"},children:e(o,{})})],tags:["autodocs"]};var r=p;const t={title:"\u6027\u80FD\u5BF9\u6BD4",titleType:"primary",subtitle:"\u771F\u5B9E\u573A\u666F\u4E0B\u7684\u8868\u73B0\u5DEE\u5F02",textAlign:"left",twoImageRatio:"2:3",theme:"light",products:[{text:"\u5176\u4ED6\u54C1\u724C",media:{url:"https://cdn.shopify.com/videos/c/o/v/61c978092bd24ca585f8a188b77458a6.mp4",alt:"\u7ADE\u54C1\u6F14\u793A",thumbnailURL:"https://via.placeholder.com/400x300",mimeType:"video/mp4",height:560,width:544},mobMedia:{url:"https://cdn.shopify.com/videos/c/o/v/3f97af0b92b2434eb2d11cb0307e3d08.mp4",alt:"\u7ADE\u54C1\u6F14\u793A\uFF08\u79FB\u52A8\u7248\uFF09",thumbnailURL:"https://via.placeholder.com/300x400",mimeType:"video/mp4"},poster:"https://via.placeholder.com/800x600/666666/ffffff?text=Competitor",mobPoster:"https://via.placeholder.com/600x800/666666/ffffff?text=Competitor"},{text:"Eufy E25",media:{url:"https://cdn.shopify.com/videos/c/o/v/763f24558ba84e098b817740384a0f38.mp4",alt:"Eufy E25 \u4EA7\u54C1\u6F14\u793A",thumbnailURL:"https://via.placeholder.com/400x300",mimeType:"video/mp4",height:560,width:360},mobMedia:{url:"https://cdn.shopify.com/videos/c/o/v/bb1e9dcefc9e433a8bdf70215c39eedc.mp4",alt:"Eufy E25 \u4EA7\u54C1\u6F14\u793A\uFF08\u79FB\u52A8\u7248\uFF09",thumbnailURL:"https://via.placeholder.com/300x400",mimeType:"video/mp4"},poster:"https://via.placeholder.com/800x600/008CD6/ffffff?text=Anker+E25",mobPoster:"https://via.placeholder.com/600x800/008CD6/ffffff?text=Anker+E25"}]},m={args:{data:t}},s={args:{data:{...t,titleType:"selling-point",title:"\u8D85\u5F3A\u7EED\u822A\u80FD\u529B",titleIcon:{url:"https://cdn-icons-png.flaticon.com/512/1828/1828884.png",alt:"\u7535\u6C60\u56FE\u6807",mimeType:"image/png"}}},parameters:{docs:{description:{story:"\u5356\u70B9\u6807\u9898\u7C7B\u578B\uFF1A\u5E26\u56FE\u6807\uFF0C\u6807\u9898\u989C\u8272\u4E3A #00BEFA"}}}},c={args:{data:{...t,titleType:"primary",title:"\u6027\u80FD\u5BF9\u6BD4"}},parameters:{docs:{description:{story:"\u4E00\u7EA7\u6807\u9898\u7C7B\u578B\uFF1Asize=4"}}}},l={args:{data:{...t,titleType:"secondary",title:"\u6E05\u6D01\u6548\u679C\u5BF9\u6BD4"}},parameters:{docs:{description:{story:"\u4E8C\u7EA7\u6807\u9898\u7C7B\u578B\uFF1Asize=3\uFF0C\u5B57\u4F53\u8F83\u5C0F"}}}},d={args:{data:{...t,textAlign:"center"}},parameters:{docs:{description:{story:"\u6807\u9898\u548C\u526F\u6807\u9898\u5C45\u4E2D\u5BF9\u9F50"}}}},n={args:{data:{...t,subtitleImage:{url:"https://via.placeholder.com/800x200/008CD6/ffffff?text=Feature+Comparison+Chart",alt:"\u529F\u80FD\u5BF9\u6BD4\u56FE",mimeType:"image/png",width:800,height:200}}},parameters:{docs:{description:{story:"\u5728\u526F\u6807\u9898\u4E0B\u65B9\u663E\u793A\u56FE\u7247"}}}},h={args:{data:{...t,twoImageRatio:"1:1"}},parameters:{docs:{description:{story:"2\u5F20\u56FE\u7247\u7B49\u5BBD 1:1 \u6BD4\u4F8B"}}}},f={args:{data:{...t,title:"\u591A\u4EA7\u54C1\u5BF9\u6BD4",subtitle:"\u4E09\u6B3E\u4EA7\u54C1\u5168\u9762\u5BF9\u6BD4",products:[{text:"\u54C1\u724C A",media:{url:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=800&h=600&fit=crop",alt:"\u54C1\u724C A",mimeType:"image/jpeg"},mobMedia:{url:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=600&h=800&fit=crop",alt:"\u54C1\u724C A",mimeType:"image/jpeg"}},{text:"\u54C1\u724C B",media:{url:"https://images.unsplash.com/photo-1572635196237-14b3f281503f?w=800&h=600&fit=crop",alt:"\u54C1\u724C B",mimeType:"image/jpeg"},mobMedia:{url:"https://images.unsplash.com/photo-1572635196237-14b3f281503f?w=600&h=800&fit=crop",alt:"\u54C1\u724C B",mimeType:"image/jpeg"}},{text:"Anker \u65D7\u8230",media:{url:"https://images.unsplash.com/photo-1593642632559-0c6d3fc62b89?w=800&h=600&fit=crop",alt:"Anker \u65D7\u8230",mimeType:"image/jpeg"},mobMedia:{url:"https://images.unsplash.com/photo-1593642632559-0c6d3fc62b89?w=600&h=800&fit=crop",alt:"Anker \u65D7\u8230",mimeType:"image/jpeg"}}]}},parameters:{docs:{description:{story:"3\u5F20\u56FE\u7247 1:1:1 \u7B49\u5BBD\u5E03\u5C40"}}}},g={args:{data:{...t,theme:"dark"}},parameters:{docs:{description:{story:"Dark \u4E3B\u9898\u6837\u5F0F"}}}},y={args:{data:{titleType:"selling-point",title:"\u667A\u80FD\u6E05\u6D01\u7CFB\u7EDF",titleIcon:{url:"https://cdn-icons-png.flaticon.com/512/2917/2917995.png",alt:"\u667A\u80FD\u56FE\u6807",mimeType:"image/png"},subtitle:"\u5168\u65B9\u4F4D\u5BF9\u6BD4\uFF0C\u770B\u89C1\u771F\u5B9E\u5DEE\u5F02",subtitleImage:{url:"https://via.placeholder.com/600x150/008CD6/ffffff?text=AI+Powered+Cleaning",alt:"AI \u6E05\u6D01\u7CFB\u7EDF",mimeType:"image/png",width:600,height:150},textAlign:"center",theme:"light",twoImageRatio:"2:3",products:[{text:"\u666E\u901A\u4EA7\u54C1",media:{url:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=800&h=600&fit=crop",alt:"\u666E\u901A\u4EA7\u54C1",mimeType:"image/jpeg"},mobMedia:{url:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=800&fit=crop",alt:"\u666E\u901A\u4EA7\u54C1",mimeType:"image/jpeg"}},{text:"Anker \u667A\u80FD\u7248",media:{url:"https://images.unsplash.com/photo-1593642632559-0c6d3fc62b89?w=800&h=600&fit=crop",alt:"Anker \u667A\u80FD\u7248",mimeType:"image/jpeg"},mobMedia:{url:"https://images.unsplash.com/photo-1593642632559-0c6d3fc62b89?w=600&h=800&fit=crop",alt:"Anker \u667A\u80FD\u7248",mimeType:"image/jpeg"}}]}},parameters:{docs:{description:{story:"\u7EFC\u5408\u793A\u4F8B\uFF1A\u5C55\u793A\u591A\u79CD\u529F\u80FD\u7EC4\u5408\u4F7F\u7528"}}}};export{d as CenterAlign,y as CompleteExample,g as DarkTheme,m as Default,c as PrimaryTitle,l as SecondaryTitle,s as SellingPointTitle,f as ThreeImages,h as TwoImagesEqualRatio,n as WithSubtitleImage,r as default};
-//# sourceMappingURL=productCompare.stories.js.map

package/dist/esm/stories/productCompare.stories.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/productCompare.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport ProductCompare from '../biz-components/ProductCompare/index.js'\nimport type { ProductCompareProps } from '../biz-components/ProductCompare/index.js'\n\nconst meta = {\n  title: 'Biz-Components/ProductCompare',\n  component: ProductCompare,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\n# ProductCompare \u4EA7\u54C1\u5BF9\u6BD4\u7EC4\u4EF6\n\n\u7528\u4E8E\u5C55\u793A\u4EA7\u54C1\u5BF9\u6BD4\u6548\u679C\uFF0C\u901A\u8FC7\u89C6\u89C9\u5316\u7684\u65B9\u5F0F\u7A81\u51FA\u4EA7\u54C1\u4F18\u52BF\uFF0C\u652F\u63012-3\u4E2A\u4EA7\u54C1\u7684\u7075\u6D3B\u5BF9\u6BD4\u3002\n\n## \uD83C\uDFAF \u6838\u5FC3\u529F\u80FD\n\n- **\u7075\u6D3B\u5E03\u5C40**\uFF1A\u652F\u63012-3\u4E2A\u4EA7\u54C1\u5BF9\u6BD4\uFF0C\u53EF\u914D\u7F6E\u5BBD\u5EA6\u6BD4\u4F8B\n- **3\u79CD\u6807\u9898\u7C7B\u578B**\uFF1A\n  - \u5356\u70B9\u6807\u9898\uFF08selling-point\uFF09\uFF1A\u5E26\u56FE\u6807\uFF0C\u6807\u9898\u989C\u8272 #00BEFA\n  - \u4E00\u7EA7\u6807\u9898\uFF08primary\uFF09\uFF1A\u5E38\u89C4\u6807\u9898\uFF0Csize=4\n  - \u4E8C\u7EA7\u6807\u9898\uFF08secondary\uFF09\uFF1A\u8F83\u5C0F\u6807\u9898\uFF0Csize=3\n- **\u6587\u672C\u5BF9\u9F50**\uFF1A\u652F\u6301\u5DE6\u5BF9\u9F50\u548C\u5C45\u4E2D\u5BF9\u9F50\n- **\u526F\u6807\u9898\u56FE\u7247**\uFF1A\u652F\u6301\u5728\u526F\u6807\u9898\u4E0B\u65B9\u663E\u793A\u56FE\u7247\n- **\u5A92\u4F53\u7C7B\u578B\u81EA\u9002\u5E94**\uFF1A\u81EA\u52A8\u8BC6\u522B\u89C6\u9891/\u56FE\u7247\u683C\u5F0F\uFF0C\u6839\u636E mimeType \u6E32\u67D3\u5BF9\u5E94\u5143\u7D20\n- **\u54CD\u5E94\u5F0F\u8BBE\u8BA1**\uFF1A\u79FB\u52A8\u7AEF\u5782\u76F4\u5E03\u5C40\uFF0C\u5E73\u677F/\u684C\u9762\u7AEF\u6C34\u5E73\u5E03\u5C40\n- **\u667A\u80FD\u61D2\u52A0\u8F7D**\uFF1A\u4F7F\u7528 Intersection Observer API\uFF0C\u8DDD\u79BB\u89C6\u53E3 1500px \u63D0\u524D\u52A0\u8F7D\n- **\u89C6\u9891\u81EA\u52A8\u64AD\u653E**\uFF1A\u652F\u6301\u81EA\u52A8\u64AD\u653E\u3001\u5FAA\u73AF\u3001\u9759\u97F3\uFF0C\u517C\u5BB9 iOS Safari\u3001\u5FAE\u4FE1/QQ \u6D4F\u89C8\u5668\n- **\u4E3B\u9898\u652F\u6301**\uFF1A\u5185\u7F6E light/dark \u4E3B\u9898\n- **\u5706\u89D2\u914D\u7F6E**\uFF1A\u652F\u6301\u5706\u89D2\uFF08laptop \u4EE5\u4E0B 12px\uFF0Claptop \u4EE5\u4E0A 16px\uFF09\u548C\u76F4\u89D2\n\n## \uD83D\uDCD0 \u5E03\u5C40\u6BD4\u4F8B\n\n### 2\u5F20\u56FE\u7247\n- 2:3 \u6BD4\u4F8B\uFF08\u9ED8\u8BA4\uFF09\n- 1:1 \u6BD4\u4F8B\uFF08\u53EF\u914D\u7F6E\uFF09\n\n### 3\u5F20\u56FE\u7247\n- 1:1:1 \u7B49\u5BBD\n\n## \uD83C\uDFF7\uFE0F \u6807\u7B7E\u6837\u5F0F\n\n- **\u6700\u540E\u4E00\u4E2A\u4EA7\u54C1**\uFF1Abg-brand-0 \u80CC\u666F\uFF0C\u767D\u8272\u6587\u5B57\n- **\u5176\u4ED6\u4EA7\u54C1**\uFF1Argba(0,0,0,0.2) \u80CC\u666F\uFF0C\u767D\u8272\u6587\u5B57\n\n## \uD83D\uDCF1 \u517C\u5BB9\u6027\n\n- **iOS Safari**\uFF1Awebkit-playsinline \u5185\u8054\u64AD\u653E\n- **Android Chrome**\uFF1A\u6807\u51C6 HTML5 \u89C6\u9891\u64AD\u653E\n- **\u5FAE\u4FE1/QQ \u6D4F\u89C8\u5668**\uFF1AX5 \u5185\u6838\u540C\u5C42\u64AD\u653E\uFF0C\u4E0D\u52AB\u6301\u5168\u5C4F\n- **\u684C\u9762\u6D4F\u89C8\u5668**\uFF1A\u7981\u7528\u753B\u4E2D\u753B\u548C\u8FDC\u7A0B\u64AD\u653E\n\n## \uD83C\uDFA8 \u81EA\u5B9A\u4E49\u6837\u5F0F\n\n\u7EC4\u4EF6\u63D0\u4F9B\u8BED\u4E49\u5316 className\uFF1A\n- \\`.product-compare\\` - \u7EC4\u4EF6\u5BB9\u5668\n- \\`.product-compare-title / .product-compare-subtitle\\` - \u6807\u9898/\u526F\u6807\u9898\n- \\`.product-compare-title-icon\\` - \u6807\u9898\u56FE\u6807\uFF08\u5356\u70B9\u7C7B\u578B\uFF09\n- \\`.product-compare-subtitle-image\\` - \u526F\u6807\u9898\u56FE\u7247\n- \\`.product-compare-item\\` - \u5355\u4E2A\u4EA7\u54C1\u5BB9\u5668\n- \\`.product-compare-label\\` - \u4EA7\u54C1\u6807\u7B7E\n- \\`.product-compare-media\\` - \u5A92\u4F53\u5143\u7D20\n        `,\n      },\n    },\n  },\n  decorators: [\n    Story => (\n      <div style={{ padding: '2em' }}>\n        <Story />\n      </div>\n    ),\n  ],\n  tags: ['autodocs'],\n} satisfies Meta<typeof ProductCompare>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\n// \u57FA\u7840\u6570\u636E\uFF082\u5F20\u56FE\u7247 2:3 \u6BD4\u4F8B\uFF09\nconst defaultData: ProductCompareProps['data'] = {\n  title: '\u6027\u80FD\u5BF9\u6BD4',\n  titleType: 'primary',\n  subtitle: '\u771F\u5B9E\u573A\u666F\u4E0B\u7684\u8868\u73B0\u5DEE\u5F02',\n  textAlign: 'left',\n  twoImageRatio: '2:3',\n  theme: 'light',\n  products: [\n    {\n      text: '\u5176\u4ED6\u54C1\u724C',\n      media: {\n        url: 'https://cdn.shopify.com/videos/c/o/v/61c978092bd24ca585f8a188b77458a6.mp4',\n        alt: '\u7ADE\u54C1\u6F14\u793A',\n        thumbnailURL: 'https://via.placeholder.com/400x300',\n        mimeType: 'video/mp4',\n        height: 560,\n        width: 544,\n      },\n      mobMedia: {\n        url: 'https://cdn.shopify.com/videos/c/o/v/3f97af0b92b2434eb2d11cb0307e3d08.mp4',\n        alt: '\u7ADE\u54C1\u6F14\u793A\uFF08\u79FB\u52A8\u7248\uFF09',\n        thumbnailURL: 'https://via.placeholder.com/300x400',\n        mimeType: 'video/mp4',\n      },\n      poster: 'https://via.placeholder.com/800x600/666666/ffffff?text=Competitor',\n      mobPoster: 'https://via.placeholder.com/600x800/666666/ffffff?text=Competitor',\n    },\n    {\n      text: 'Eufy E25',\n      media: {\n        url: 'https://cdn.shopify.com/videos/c/o/v/763f24558ba84e098b817740384a0f38.mp4',\n        alt: 'Eufy E25 \u4EA7\u54C1\u6F14\u793A',\n        thumbnailURL: 'https://via.placeholder.com/400x300',\n        mimeType: 'video/mp4',\n        height: 560,\n        width: 360,\n      },\n      mobMedia: {\n        url: 'https://cdn.shopify.com/videos/c/o/v/bb1e9dcefc9e433a8bdf70215c39eedc.mp4',\n        alt: 'Eufy E25 \u4EA7\u54C1\u6F14\u793A\uFF08\u79FB\u52A8\u7248\uFF09',\n        thumbnailURL: 'https://via.placeholder.com/300x400',\n        mimeType: 'video/mp4',\n      },\n      poster: 'https://via.placeholder.com/800x600/008CD6/ffffff?text=Anker+E25',\n      mobPoster: 'https://via.placeholder.com/600x800/008CD6/ffffff?text=Anker+E25',\n    },\n  ],\n}\n\n// \u9ED8\u8BA4\uFF1A2\u5F20\u56FE\u7247 2:3 \u6BD4\u4F8B\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n}\n\n// \u6807\u9898\u7C7B\u578B\uFF1A\u5356\u70B9\uFF08\u5E26\u56FE\u6807\uFF09\nexport const SellingPointTitle: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      titleType: 'selling-point',\n      title: '\u8D85\u5F3A\u7EED\u822A\u80FD\u529B',\n      titleIcon: {\n        url: 'https://cdn-icons-png.flaticon.com/512/1828/1828884.png',\n        alt: '\u7535\u6C60\u56FE\u6807',\n        mimeType: 'image/png',\n      },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u5356\u70B9\u6807\u9898\u7C7B\u578B\uFF1A\u5E26\u56FE\u6807\uFF0C\u6807\u9898\u989C\u8272\u4E3A #00BEFA',\n      },\n    },\n  },\n}\n\n// \u6807\u9898\u7C7B\u578B\uFF1A\u4E00\u7EA7\u6807\u9898\nexport const PrimaryTitle: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      titleType: 'primary',\n      title: '\u6027\u80FD\u5BF9\u6BD4',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u4E00\u7EA7\u6807\u9898\u7C7B\u578B\uFF1Asize=4',\n      },\n    },\n  },\n}\n\n// \u6807\u9898\u7C7B\u578B\uFF1A\u4E8C\u7EA7\u6807\u9898\nexport const SecondaryTitle: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      titleType: 'secondary',\n      title: '\u6E05\u6D01\u6548\u679C\u5BF9\u6BD4',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u4E8C\u7EA7\u6807\u9898\u7C7B\u578B\uFF1Asize=3\uFF0C\u5B57\u4F53\u8F83\u5C0F',\n      },\n    },\n  },\n}\n\n// \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\nexport const CenterAlign: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      textAlign: 'center',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u6807\u9898\u548C\u526F\u6807\u9898\u5C45\u4E2D\u5BF9\u9F50',\n      },\n    },\n  },\n}\n\n// \u526F\u6807\u9898\u4E0B\u65B9\u5E26\u56FE\u7247\nexport const WithSubtitleImage: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      subtitleImage: {\n        url: 'https://via.placeholder.com/800x200/008CD6/ffffff?text=Feature+Comparison+Chart',\n        alt: '\u529F\u80FD\u5BF9\u6BD4\u56FE',\n        mimeType: 'image/png',\n        width: 800,\n        height: 200,\n      },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u5728\u526F\u6807\u9898\u4E0B\u65B9\u663E\u793A\u56FE\u7247',\n      },\n    },\n  },\n}\n\n// 2\u5F20\u56FE\u7247 1:1 \u6BD4\u4F8B\nexport const TwoImagesEqualRatio: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      twoImageRatio: '1:1',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '2\u5F20\u56FE\u7247\u7B49\u5BBD 1:1 \u6BD4\u4F8B',\n      },\n    },\n  },\n}\n\n// 3\u5F20\u56FE\u7247 1:1:1\nexport const ThreeImages: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      title: '\u591A\u4EA7\u54C1\u5BF9\u6BD4',\n      subtitle: '\u4E09\u6B3E\u4EA7\u54C1\u5168\u9762\u5BF9\u6BD4',\n      products: [\n        {\n          text: '\u54C1\u724C A',\n          media: {\n            url: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=800&h=600&fit=crop',\n            alt: '\u54C1\u724C A',\n            mimeType: 'image/jpeg',\n          },\n          mobMedia: {\n            url: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=600&h=800&fit=crop',\n            alt: '\u54C1\u724C A',\n            mimeType: 'image/jpeg',\n          },\n        },\n        {\n          text: '\u54C1\u724C B',\n          media: {\n            url: 'https://images.unsplash.com/photo-1572635196237-14b3f281503f?w=800&h=600&fit=crop',\n            alt: '\u54C1\u724C B',\n            mimeType: 'image/jpeg',\n          },\n          mobMedia: {\n            url: 'https://images.unsplash.com/photo-1572635196237-14b3f281503f?w=600&h=800&fit=crop',\n            alt: '\u54C1\u724C B',\n            mimeType: 'image/jpeg',\n          },\n        },\n        {\n          text: 'Anker \u65D7\u8230',\n          media: {\n            url: 'https://images.unsplash.com/photo-1593642632559-0c6d3fc62b89?w=800&h=600&fit=crop',\n            alt: 'Anker \u65D7\u8230',\n            mimeType: 'image/jpeg',\n          },\n          mobMedia: {\n            url: 'https://images.unsplash.com/photo-1593642632559-0c6d3fc62b89?w=600&h=800&fit=crop',\n            alt: 'Anker \u65D7\u8230',\n            mimeType: 'image/jpeg',\n          },\n        },\n      ],\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '3\u5F20\u56FE\u7247 1:1:1 \u7B49\u5BBD\u5E03\u5C40',\n      },\n    },\n  },\n}\n\n// \u5E26\u5706\u89D2\n// Dark \u4E3B\u9898\nexport const DarkTheme: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      theme: 'dark',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: 'Dark \u4E3B\u9898\u6837\u5F0F',\n      },\n    },\n  },\n}\n\n// \u7EFC\u5408\u793A\u4F8B\uFF1A\u5356\u70B9\u6807\u9898 + \u5C45\u4E2D\u5BF9\u9F50 + \u526F\u6807\u9898\u56FE\u7247 + \u5706\u89D2\nexport const CompleteExample: Story = {\n  args: {\n    data: {\n      titleType: 'selling-point',\n      title: '\u667A\u80FD\u6E05\u6D01\u7CFB\u7EDF',\n      titleIcon: {\n        url: 'https://cdn-icons-png.flaticon.com/512/2917/2917995.png',\n        alt: '\u667A\u80FD\u56FE\u6807',\n        mimeType: 'image/png',\n      },\n      subtitle: '\u5168\u65B9\u4F4D\u5BF9\u6BD4\uFF0C\u770B\u89C1\u771F\u5B9E\u5DEE\u5F02',\n      subtitleImage: {\n        url: 'https://via.placeholder.com/600x150/008CD6/ffffff?text=AI+Powered+Cleaning',\n        alt: 'AI \u6E05\u6D01\u7CFB\u7EDF',\n        mimeType: 'image/png',\n        width: 600,\n        height: 150,\n      },\n      textAlign: 'center',\n      theme: 'light',\n      twoImageRatio: '2:3',\n      products: [\n        {\n          text: '\u666E\u901A\u4EA7\u54C1',\n          media: {\n            url: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=800&h=600&fit=crop',\n            alt: '\u666E\u901A\u4EA7\u54C1',\n            mimeType: 'image/jpeg',\n          },\n          mobMedia: {\n            url: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=800&fit=crop',\n            alt: '\u666E\u901A\u4EA7\u54C1',\n            mimeType: 'image/jpeg',\n          },\n        },\n        {\n          text: 'Anker \u667A\u80FD\u7248',\n          media: {\n            url: 'https://images.unsplash.com/photo-1593642632559-0c6d3fc62b89?w=800&h=600&fit=crop',\n            alt: 'Anker \u667A\u80FD\u7248',\n            mimeType: 'image/jpeg',\n          },\n          mobMedia: {\n            url: 'https://images.unsplash.com/photo-1593642632559-0c6d3fc62b89?w=600&h=800&fit=crop',\n            alt: 'Anker \u667A\u80FD\u7248',\n            mimeType: 'image/jpeg',\n          },\n        },\n      ],\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u7EFC\u5408\u793A\u4F8B\uFF1A\u5C55\u793A\u591A\u79CD\u529F\u80FD\u7EC4\u5408\u4F7F\u7528',\n      },\n    },\n  },\n}\n"],
-  "mappings": "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,oDACT,CACF,CACF,CACF,EAIaS,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGT,EACH,MAAO,MACT,CACF,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,+BACT,CACF,CACF,CACF,EAGaU,EAAyB,CACpC,KAAM,CACJ,KAAM,CACJ,UAAW,gBACX,MAAO,uCACP,UAAW,CACT,IAAK,0DACL,IAAK,2BACL,SAAU,WACZ,EACA,SAAU,2EACV,cAAe,CACb,IAAK,6EACL,IAAK,8BACL,SAAU,YACV,MAAO,IACP,OAAQ,GACV,EACA,UAAW,SACX,MAAO,QACP,cAAe,MACf,SAAU,CACR,CACE,KAAM,2BACN,MAAO,CACL,IAAK,iFACL,IAAK,2BACL,SAAU,YACZ,EACA,SAAU,CACR,IAAK,iFACL,IAAK,2BACL,SAAU,YACZ,CACF,EACA,CACE,KAAM,2BACN,MAAO,CACL,IAAK,oFACL,IAAK,2BACL,SAAU,YACZ,EACA,SAAU,CACR,IAAK,oFACL,IAAK,2BACL,SAAU,YACZ,CACF,CACF,CACF,CACF,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,4FACT,CACF,CACF,CACF",
-  "names": ["jsx", "ProductCompare", "meta", "Story", "productCompare_stories_default", "defaultData", "Default", "SellingPointTitle", "PrimaryTitle", "SecondaryTitle", "CenterAlign", "WithSubtitleImage", "TwoImagesEqualRatio", "ThreeImages", "DarkTheme", "CompleteExample"]
-}

package/dist/esm/stories/productHero.stories.js DELETED Viewed

@@ -1,50 +0,0 @@
-import"react";import o from"../biz-components/ProductHero/index.js";const e={title:"Biz Components/ProductHero",component:o,parameters:{layout:"padded",backgrounds:{default:"dark"},docs:{description:{component:"\u4EA7\u54C1\u5C55\u793A\u7EC4\u4EF6\uFF0C\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u3001CTA \u6309\u94AE\u548C\u4EA7\u54C1\u56FE\u7247"}}},tags:["autodocs"]};var c=e;const t={title:"Buy your cleaning housekeeper now",poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-poster.png?v=1751427172",alt:"Product Hero",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-poster.png?v=1751427172",mimeType:"image/png"},ctaLink:"/products/t2353111",ctaText:"shop now",subtitle:"The World's First HydrJet\u2122 Robot Vacuum with 20,000 Pa Turbo Suction",mobPoster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-poster.png?v=1751427222",alt:"Product Hero Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-poster.png?v=1751427222",mimeType:"image/png"}},p={args:{data:t}},i={args:{data:{...t,title:"Buy your advanced cleaning housekeeper with revolutionary technology now"}}},n={args:{data:{...t,subtitle:"Revolutionary Robot Vacuum"}}},u={args:{data:{...t,ctaText:"Learn More",ctaLink:"/learn-more"}}},d={args:{data:t,className:"custom-product-hero"},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**
-- \`.product-hero\` - \u7EC4\u4EF6\u6839\u5BB9\u5668
-**\u5185\u5BB9\u533A\u57DF\uFF1A**
-- \`.product-hero__content\` - \u5185\u5BB9\u5BB9\u5668
-- \`.product-hero__text\` - \u6587\u672C\u5BB9\u5668
-- \`.product-hero__title\` - \u6807\u9898
-- \`.product-hero__subtitle\` - \u526F\u6807\u9898
-- \`.product-hero__subtitle--desktop\` - \u684C\u9762\u7AEF\u526F\u6807\u9898\u4FEE\u9970\u7B26
-- \`.product-hero__subtitle--mobile\` - \u79FB\u52A8\u7AEF\u526F\u6807\u9898\u4FEE\u9970\u7B26
-**CTA \u6309\u94AE\uFF1A**
-- \`.product-hero__cta-link\` - CTA \u94FE\u63A5
-- \`.product-hero__cta-button\` - CTA \u6309\u94AE
-**\u56FE\u7247\u5143\u7D20\uFF1A**
-- \`.product-hero__image\` - \u4EA7\u54C1\u56FE\u7247
-**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**
-\`\`\`css
-/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */
-.product-hero__title {
-  font-size: 3rem;
-  font-weight: 900;
-  color: #1e293b;
-}
-/* \u81EA\u5B9A\u4E49 CTA \u6309\u94AE */
-.product-hero__cta-button {
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  padding: 16px 32px;
-}
-/* \u81EA\u5B9A\u4E49\u56FE\u7247\u60AC\u505C\u6548\u679C */
-.product-hero__image:hover {
-  transform: scale(1.02);
-  transition: transform 0.4s ease;
-}
-/* \u81EA\u5B9A\u4E49\u5185\u5BB9\u533A\u57DF */
-.product-hero__content {
-  padding: 24px;
-  background: rgba(255, 255, 255, 0.05);
-}
-\`\`\`
-        `}}}};export{u as CustomCTA,p as Default,i as LongTitle,n as ShortSubtitle,d as WithCustomStyles,c as default};
-//# sourceMappingURL=productHero.stories.js.map

package/dist/esm/stories/productHero.stories.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/productHero.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport ProductHero from '../biz-components/ProductHero/index.js'\nimport type { ProductHeroProps } from '../biz-components/ProductHero/types.js'\n\nconst meta = {\n  title: 'Biz Components/ProductHero',\n  component: ProductHero,\n  parameters: {\n    layout: 'padded',\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        component: '\u4EA7\u54C1\u5C55\u793A\u7EC4\u4EF6\uFF0C\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u3001CTA \u6309\u94AE\u548C\u4EA7\u54C1\u56FE\u7247',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof ProductHero>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: ProductHeroProps['data'] = {\n  title: 'Buy your cleaning housekeeper now',\n  poster: {\n    url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-poster.png?v=1751427172',\n    alt: 'Product Hero',\n    thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-poster.png?v=1751427172',\n    mimeType: 'image/png',\n  },\n  ctaLink: '/products/t2353111',\n  ctaText: 'shop now',\n  subtitle: \"The World's First HydrJet\u2122 Robot Vacuum with 20,000 Pa Turbo Suction\",\n  mobPoster: {\n    url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-poster.png?v=1751427222',\n    alt: 'Product Hero Mobile',\n    thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-poster.png?v=1751427222',\n    mimeType: 'image/png',\n  },\n}\n\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n}\n\nexport const LongTitle: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      title: 'Buy your advanced cleaning housekeeper with revolutionary technology now',\n    },\n  },\n}\n\nexport const ShortSubtitle: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      subtitle: 'Revolutionary Robot Vacuum',\n    },\n  },\n}\n\nexport const CustomCTA: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      ctaText: 'Learn More',\n      ctaLink: '/learn-more',\n    },\n  },\n}\n\nexport const WithCustomStyles: Story = {\n  args: {\n    data: defaultData,\n    className: 'custom-product-hero',\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- \\`.product-hero\\` - \u7EC4\u4EF6\u6839\u5BB9\u5668\n\n**\u5185\u5BB9\u533A\u57DF\uFF1A**\n- \\`.product-hero__content\\` - \u5185\u5BB9\u5BB9\u5668\n- \\`.product-hero__text\\` - \u6587\u672C\u5BB9\u5668\n- \\`.product-hero__title\\` - \u6807\u9898\n- \\`.product-hero__subtitle\\` - \u526F\u6807\u9898\n- \\`.product-hero__subtitle--desktop\\` - \u684C\u9762\u7AEF\u526F\u6807\u9898\u4FEE\u9970\u7B26\n- \\`.product-hero__subtitle--mobile\\` - \u79FB\u52A8\u7AEF\u526F\u6807\u9898\u4FEE\u9970\u7B26\n\n**CTA \u6309\u94AE\uFF1A**\n- \\`.product-hero__cta-link\\` - CTA \u94FE\u63A5\n- \\`.product-hero__cta-button\\` - CTA \u6309\u94AE\n\n**\u56FE\u7247\u5143\u7D20\uFF1A**\n- \\`.product-hero__image\\` - \u4EA7\u54C1\u56FE\u7247\n\n**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */\n.product-hero__title {\n  font-size: 3rem;\n  font-weight: 900;\n  color: #1e293b;\n}\n\n/* \u81EA\u5B9A\u4E49 CTA \u6309\u94AE */\n.product-hero__cta-button {\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  padding: 16px 32px;\n}\n\n/* \u81EA\u5B9A\u4E49\u56FE\u7247\u60AC\u505C\u6548\u679C */\n.product-hero__image:hover {\n  transform: scale(1.02);\n  transition: transform 0.4s ease;\n}\n\n/* \u81EA\u5B9A\u4E49\u5185\u5BB9\u533A\u57DF */\n.product-hero__content {\n  padding: 24px;\n  background: rgba(255, 255, 255, 0.05);\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n}\n"],
-  "mappings": "AAAA,MAAkB,QAElB,OAAOA,MAAiB,yCAGxB,MAAMC,EAAO,CACX,MAAO,6BACP,UAAWD,EACX,WAAY,CACV,OAAQ,SACR,YAAa,CACX,QAAS,MACX,EACA,KAAM,CACJ,YAAa,CACX,UAAW,gJACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIf,MAAME,EAAwC,CAC5C,MAAO,oCACP,OAAQ,CACN,IAAK,qFACL,IAAK,eACL,aAAc,qFACd,SAAU,WACZ,EACA,QAAS,qBACT,QAAS,WACT,SAAU,4EACV,UAAW,CACT,IAAK,yFACL,IAAK,sBACL,aAAc,yFACd,SAAU,WACZ,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAMD,CACR,CACF,EAEaE,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGF,EACH,MAAO,0EACT,CACF,CACF,EAEaG,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,GAAGH,EACH,SAAU,4BACZ,CACF,CACF,EAEaI,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGJ,EACH,QAAS,aACT,QAAS,aACX,CACF,CACF,EAEaK,EAA0B,CACrC,KAAM,CACJ,KAAML,EACN,UAAW,qBACb,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAiDT,CACF,CACF,CACF",
-  "names": ["ProductHero", "meta", "productHero_stories_default", "defaultData", "Default", "LongTitle", "ShortSubtitle", "CustomCTA", "WithCustomStyles"]
-}

package/dist/esm/stories/specsComparison.stories.js DELETED Viewed

@@ -1,105 +0,0 @@
-import"react";import o from"../biz-components/SpecsComparison/index.js";const n={title:"Biz Components/SpecsComparison",component:o,parameters:{layout:"fullscreen",backgrounds:{default:"light"},docs:{description:{component:"\u4EA7\u54C1\u89C4\u683C\u5BF9\u6BD4\u7EC4\u4EF6\uFF0C\u5C55\u793A\u591A\u4E2A\u4EA7\u54C1\u7684\u89C4\u683C\u53C2\u6570\u5BF9\u6BD4"}}},tags:["autodocs"]};var s=n;const e={LeftMenu:{data:[{title:"",subTitle:["Clean Types","Portable Deep Cleaner","HydroJet\u2122 Mopping System","Mop Type","Downward Pressure","Rotations Per Minute","Suction Power","Auto-Detangling","Obstacle Avoidance","Omni Station","Obstacle Clearance Height","Minimum Height and Width Restrictions","Robot/Station","Run Time","App Control","Bluetooth","Wi-Fi"],isProduct:!0}]},RightMenu:{menus:[{sku:"T2353111",handle:"t2353111",subTitle:{"Wi-Fi":"\u2705","Mop Type":"Rolling Mop","Run Time":`Vacuum and Mop\uFF1A
-125 min (Standard)
-Vacuum\uFF1A
-216 min (Standard)`,Bluetooth:"\u2705","App Control":"\u2705","Clean Types":"Vacuum and Mop","Omni Station":"\u2705","Robot/Station":`Robot:
-12.83 \xD7 13.72 \xD7 4.40 in
-Station\uFF1A
-14.63 \xD7 19.07 \xD7 17.29 in`,"Suction Power":"20,000 Pa","Auto-Detangling":"DuoSpiral\u2122 Brushes","Downward Pressure":"1.5kg","Obstacle Avoidance":"RGB Camera + LED","Rotations Per Minute":"180RPM","Portable Deep Cleaner":"\u274C","Obstacle Clearance Height":"0.83 in","HydroJet\u2122 Mopping System":"\u2705","Minimum Height and Width Restrictions":"4.40 in / 12.83 in"}},{sku:"T2352111",handle:"t2352111",subTitle:{"Wi-Fi":"\u2705","Mop Type":"Rolling Mop","Run Time":`Vacuum and Mop\uFF1A
-125 min (Standard)
-Vacuum\uFF1A
-216 min (Standard)`,Bluetooth:"\u2705","App Control":"\u2705","Clean Types":"Vacuum and Mop","Omni Station":"\u2705","Robot/Station":`Robot:
-12.83 \xD7 13.72 \xD7 4.40 in
-Station\uFF1A
-14.63 \xD7 19.07 \xD7 17.29 in`,"Suction Power":"20,000 Pa","Auto-Detangling":"DuoSpiral\u2122 Brushes","Downward Pressure":"1.5kg","Obstacle Avoidance":"RGB Camera + LED","Rotations Per Minute":"180RPM","Portable Deep Cleaner":"\u2705","Obstacle Clearance Height":"0.83 in","HydroJet\u2122 Mopping System":"\u2705","Minimum Height and Width Restrictions":"4.40 in / 12.83 in"}}]},DefaultSelectMenu:{buttonText:"Buy Now"}},r={args:{data:e}},p={args:{data:{...e,RightMenu:{menus:[e.RightMenu.menus[0]]}}}},c={args:{data:{...e,RightMenu:{menus:[...e.RightMenu.menus,{sku:"T20801A1",handle:"t2080111-c",subTitle:{"Wi-Fi":"\u2705","Mop Type":"Rolling Mop","Run Time":`Vacuum and Mop\uFF1A
-136 min (Standard)
-Vacuum\uFF1A
-216 min (Standard)`,Bluetooth:"\u2705","App Control":"\u2705","Clean Types":"Vacuum and Mop","Omni Station":"\u2705","Robot/Station":`Robot:
-12.79 \xD7 13.66 \xD7 3.78 in
-Station:
-15.08 \xD7 18.39 \xD7 26.38 in`,"Suction Power":"8,000 Pa","Auto-Detangling":"Detangling Brush","Downward Pressure":"1kg","Obstacle Avoidance":"Active Binocular Infrared Camera + RGB camera","Rotations Per Minute":"170RPM","Portable Deep Cleaner":"\u274C","Obstacle Clearance Height":"0.79 in","HydroJet\u2122 Mopping System":"\u2705","Minimum Height and Width Restrictions":"4.02 in / 16.54 in"}},{sku:"T2351111",handle:"t2351111",subTitle:{"Wi-Fi":"\u2705","Mop Type":"Dual Rotating Mop Pads","Run Time":`Vacuum and Mop\uFF1A
-136 min (Standard)
-Vacuum\uFF1A
-173 min (Standard)`,Bluetooth:"\u2705","App Control":"\u2705","Clean Types":"Vacuum and Mop","Omni Station":"\u2705","Robot/Station":`Robot:
-12.8 \xD7 13.90 \xD7 4.47 in
-Station\uFF1A
-14.41 \xD7 18.90 \xD7 18.11 in`,"Suction Power":"8,000 Pa","Auto-Detangling":"Pro-Detangle Comb\u2122","Downward Pressure":"1kg","Obstacle Avoidance":"RGB Camera + LED","Rotations Per Minute":"180RPM","Portable Deep Cleaner":"\u274C","Obstacle Clearance Height":"0.83 in","HydroJet\u2122 Mopping System":"\u274C","Minimum Height and Width Restrictions":"5.12 in / 13.78 in"}}]}}}},u={args:{data:e,className:"custom-specs-comparison"},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**
-- \`.specs-comparison\` - \u7EC4\u4EF6\u6839\u5BB9\u5668
-**\u5BB9\u5668\u5143\u7D20\uFF1A**
-- \`.specs-comparison__container\` - \u4E3B\u5BB9\u5668
-- \`.specs-comparison__wrapper\` - \u5185\u5BB9\u5305\u88C5\u5668
-**\u4FA7\u8FB9\u680F\u5BFC\u822A\uFF1A**
-- \`.specs-comparison__sidebar\` - \u4FA7\u8FB9\u680F\u5BB9\u5668
-- \`.specs-comparison__nav\` - \u5BFC\u822A\u680F
-- \`.specs-comparison__nav-item\` - \u5BFC\u822A\u9879
-- \`.specs-comparison__nav-item--active\` - \u6FC0\u6D3B\u7684\u5BFC\u822A\u9879\u4FEE\u9970\u7B26
-**\u5185\u5BB9\u533A\u57DF\uFF1A**
-- \`.specs-comparison__content\` - \u5185\u5BB9\u5BB9\u5668
-- \`.specs-comparison__sections\` - \u533A\u5757\u5217\u8868\u5BB9\u5668
-- \`.specs-comparison__section\` - \u5355\u4E2A\u533A\u5757
-- \`.specs-comparison__section-title\` - \u533A\u5757\u6807\u9898
-**\u89C4\u683C\u884C\uFF1A**
-- \`.specs-comparison__row\` - \u89C4\u683C\u53C2\u6570\u884C
-- \`.specs-comparison__row--first\` - \u7B2C\u4E00\u884C\u4FEE\u9970\u7B26
-- \`.specs-comparison__spec-label\` - \u89C4\u683C\u53C2\u6570\u6807\u7B7E
-- \`.specs-comparison__values-grid\` - \u53C2\u6570\u503C\u7F51\u683C\u5BB9\u5668
-- \`.specs-comparison__values-grid--single\` - \u5355\u5217\u7F51\u683C\u4FEE\u9970\u7B26
-- \`.specs-comparison__values-grid--double\` - \u53CC\u5217\u7F51\u683C\u4FEE\u9970\u7B26
-- \`.specs-comparison__value-wrapper\` - \u53C2\u6570\u503C\u5916\u5C42\u5BB9\u5668
-- \`.specs-comparison__value\` - \u53C2\u6570\u503C\u6587\u672C
-**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**
-\`\`\`css
-/* \u81EA\u5B9A\u4E49\u80CC\u666F\u8272 */
-.specs-comparison {
-  background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%);
-}
-/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u9879\u6837\u5F0F */
-.specs-comparison__nav-item {
-  border-left: 3px solid transparent;
-  transition: all 0.3s ease;
-}
-.specs-comparison__nav-item--active {
-  border-left-color: #007bff;
-  background: linear-gradient(90deg, #fff 0%, rgba(0,123,255,0.05) 100%);
-}
-/* \u81EA\u5B9A\u4E49\u89C4\u683C\u884C\u60AC\u505C\u6548\u679C */
-.specs-comparison__row:hover {
-  background: rgba(255, 255, 255, 0.5);
-  transition: background 0.2s ease;
-}
-/* \u81EA\u5B9A\u4E49\u89C4\u683C\u6807\u7B7E */
-.specs-comparison__spec-label {
-  color: #495057;
-  font-weight: 600;
-}
-/* \u81EA\u5B9A\u4E49\u53C2\u6570\u503C */
-.specs-comparison__value {
-  color: #212529;
-  line-height: 1.6;
-}
-/* \u81EA\u5B9A\u4E49\u533A\u5757\u6807\u9898 */
-.specs-comparison__section-title {
-  color: #1a1a1a;
-  border-bottom: 2px solid #007bff;
-  padding-bottom: 8px;
-}
-\`\`\`
-        `}}}};export{r as Default,c as FourProducts,p as SingleProduct,u as WithCustomStyles,s as default};
-//# sourceMappingURL=specsComparison.stories.js.map

package/dist/esm/stories/specsComparison.stories.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/specsComparison.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport SpecsComparison from '../biz-components/SpecsComparison/index.js'\nimport type { SpecsComparisonProps } from '../biz-components/SpecsComparison/types.js'\n\nconst meta = {\n  title: 'Biz Components/SpecsComparison',\n  component: SpecsComparison,\n  parameters: {\n    layout: 'fullscreen',\n    backgrounds: {\n      default: 'light',\n    },\n    docs: {\n      description: {\n        component: '\u4EA7\u54C1\u89C4\u683C\u5BF9\u6BD4\u7EC4\u4EF6\uFF0C\u5C55\u793A\u591A\u4E2A\u4EA7\u54C1\u7684\u89C4\u683C\u53C2\u6570\u5BF9\u6BD4',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof SpecsComparison>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: SpecsComparisonProps['data'] = {\n  LeftMenu: {\n    data: [\n      {\n        title: '',\n        subTitle: [\n          'Clean Types',\n          'Portable Deep Cleaner',\n          'HydroJet\u2122 Mopping System',\n          'Mop Type',\n          'Downward Pressure',\n          'Rotations Per Minute',\n          'Suction Power',\n          'Auto-Detangling',\n          'Obstacle Avoidance',\n          'Omni Station',\n          'Obstacle Clearance Height',\n          'Minimum Height and Width Restrictions',\n          'Robot/Station',\n          'Run Time',\n          'App Control',\n          'Bluetooth',\n          'Wi-Fi',\n        ],\n        isProduct: true,\n      },\n    ],\n  },\n  RightMenu: {\n    menus: [\n      {\n        sku: 'T2353111',\n        handle: 't2353111',\n        subTitle: {\n          'Wi-Fi': '\u2705',\n          'Mop Type': 'Rolling Mop',\n          'Run Time': 'Vacuum and Mop\uFF1A\\n125 min (Standard)\\n\\nVacuum\uFF1A\\n216 min (Standard)',\n          Bluetooth: '\u2705',\n          'App Control': '\u2705',\n          'Clean Types': 'Vacuum and Mop',\n          'Omni Station': '\u2705',\n          'Robot/Station': 'Robot: \\n12.83 \u00D7 13.72 \u00D7 4.40 in\\nStation\uFF1A\\n14.63 \u00D7 19.07 \u00D7 17.29 in',\n          'Suction Power': '20,000 Pa',\n          'Auto-Detangling': 'DuoSpiral\u2122 Brushes',\n          'Downward Pressure': '1.5kg',\n          'Obstacle Avoidance': 'RGB Camera + LED',\n          'Rotations Per Minute': '180RPM',\n          'Portable Deep Cleaner': '\u274C',\n          'Obstacle Clearance Height': '0.83 in',\n          'HydroJet\u2122 Mopping System': '\u2705',\n          'Minimum Height and Width Restrictions': '4.40 in / 12.83 in',\n        },\n      },\n      {\n        sku: 'T2352111',\n        handle: 't2352111',\n        subTitle: {\n          'Wi-Fi': '\u2705',\n          'Mop Type': 'Rolling Mop',\n          'Run Time': 'Vacuum and Mop\uFF1A\\n125 min (Standard)\\n\\nVacuum\uFF1A\\n216 min (Standard)',\n          Bluetooth: '\u2705',\n          'App Control': '\u2705',\n          'Clean Types': 'Vacuum and Mop',\n          'Omni Station': '\u2705',\n          'Robot/Station': 'Robot: \\n12.83 \u00D7 13.72 \u00D7 4.40 in\\nStation\uFF1A\\n14.63 \u00D7 19.07 \u00D7 17.29 in',\n          'Suction Power': '20,000 Pa',\n          'Auto-Detangling': 'DuoSpiral\u2122 Brushes',\n          'Downward Pressure': '1.5kg',\n          'Obstacle Avoidance': 'RGB Camera + LED',\n          'Rotations Per Minute': '180RPM',\n          'Portable Deep Cleaner': '\u2705',\n          'Obstacle Clearance Height': '0.83 in',\n          'HydroJet\u2122 Mopping System': '\u2705',\n          'Minimum Height and Width Restrictions': '4.40 in / 12.83 in',\n        },\n      },\n    ],\n  },\n  DefaultSelectMenu: {\n    buttonText: 'Buy Now',\n  },\n}\n\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n}\n\nexport const SingleProduct: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      RightMenu: {\n        menus: [defaultData.RightMenu.menus[0]],\n      },\n    },\n  },\n}\n\nexport const FourProducts: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      RightMenu: {\n        menus: [\n          ...defaultData.RightMenu.menus,\n          {\n            sku: 'T20801A1',\n            handle: 't2080111-c',\n            subTitle: {\n              'Wi-Fi': '\u2705',\n              'Mop Type': 'Rolling Mop',\n              'Run Time': 'Vacuum and Mop\uFF1A\\n136 min (Standard)\\n\\nVacuum\uFF1A\\n216 min (Standard)',\n              Bluetooth: '\u2705',\n              'App Control': '\u2705',\n              'Clean Types': 'Vacuum and Mop',\n              'Omni Station': '\u2705',\n              'Robot/Station': 'Robot:\\n12.79 \u00D7 13.66 \u00D7 3.78 in\\nStation:\\n15.08 \u00D7 18.39 \u00D7 26.38 in',\n              'Suction Power': '8,000 Pa',\n              'Auto-Detangling': 'Detangling Brush',\n              'Downward Pressure': '1kg',\n              'Obstacle Avoidance': 'Active Binocular Infrared Camera + RGB camera',\n              'Rotations Per Minute': '170RPM',\n              'Portable Deep Cleaner': '\u274C',\n              'Obstacle Clearance Height': '0.79 in',\n              'HydroJet\u2122 Mopping System': '\u2705',\n              'Minimum Height and Width Restrictions': '4.02 in / 16.54 in',\n            },\n          },\n          {\n            sku: 'T2351111',\n            handle: 't2351111',\n            subTitle: {\n              'Wi-Fi': '\u2705',\n              'Mop Type': 'Dual Rotating Mop Pads',\n              'Run Time': 'Vacuum and Mop\uFF1A\\n136 min (Standard)\\n\\nVacuum\uFF1A\\n173 min (Standard)',\n              Bluetooth: '\u2705',\n              'App Control': '\u2705',\n              'Clean Types': 'Vacuum and Mop',\n              'Omni Station': '\u2705',\n              'Robot/Station': 'Robot: \\n12.8 \u00D7 13.90 \u00D7 4.47 in\\nStation\uFF1A\\n14.41 \u00D7 18.90 \u00D7 18.11 in',\n              'Suction Power': '8,000 Pa',\n              'Auto-Detangling': 'Pro-Detangle Comb\u2122',\n              'Downward Pressure': '1kg',\n              'Obstacle Avoidance': 'RGB Camera + LED',\n              'Rotations Per Minute': '180RPM',\n              'Portable Deep Cleaner': '\u274C',\n              'Obstacle Clearance Height': '0.83 in',\n              'HydroJet\u2122 Mopping System': '\u274C',\n              'Minimum Height and Width Restrictions': '5.12 in / 13.78 in',\n            },\n          },\n        ],\n      },\n    },\n  },\n}\n\nexport const WithCustomStyles: Story = {\n  args: {\n    data: defaultData,\n    className: 'custom-specs-comparison',\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- \\`.specs-comparison\\` - \u7EC4\u4EF6\u6839\u5BB9\u5668\n\n**\u5BB9\u5668\u5143\u7D20\uFF1A**\n- \\`.specs-comparison__container\\` - \u4E3B\u5BB9\u5668\n- \\`.specs-comparison__wrapper\\` - \u5185\u5BB9\u5305\u88C5\u5668\n\n**\u4FA7\u8FB9\u680F\u5BFC\u822A\uFF1A**\n- \\`.specs-comparison__sidebar\\` - \u4FA7\u8FB9\u680F\u5BB9\u5668\n- \\`.specs-comparison__nav\\` - \u5BFC\u822A\u680F\n- \\`.specs-comparison__nav-item\\` - \u5BFC\u822A\u9879\n- \\`.specs-comparison__nav-item--active\\` - \u6FC0\u6D3B\u7684\u5BFC\u822A\u9879\u4FEE\u9970\u7B26\n\n**\u5185\u5BB9\u533A\u57DF\uFF1A**\n- \\`.specs-comparison__content\\` - \u5185\u5BB9\u5BB9\u5668\n- \\`.specs-comparison__sections\\` - \u533A\u5757\u5217\u8868\u5BB9\u5668\n- \\`.specs-comparison__section\\` - \u5355\u4E2A\u533A\u5757\n- \\`.specs-comparison__section-title\\` - \u533A\u5757\u6807\u9898\n\n**\u89C4\u683C\u884C\uFF1A**\n- \\`.specs-comparison__row\\` - \u89C4\u683C\u53C2\u6570\u884C\n- \\`.specs-comparison__row--first\\` - \u7B2C\u4E00\u884C\u4FEE\u9970\u7B26\n- \\`.specs-comparison__spec-label\\` - \u89C4\u683C\u53C2\u6570\u6807\u7B7E\n- \\`.specs-comparison__values-grid\\` - \u53C2\u6570\u503C\u7F51\u683C\u5BB9\u5668\n- \\`.specs-comparison__values-grid--single\\` - \u5355\u5217\u7F51\u683C\u4FEE\u9970\u7B26\n- \\`.specs-comparison__values-grid--double\\` - \u53CC\u5217\u7F51\u683C\u4FEE\u9970\u7B26\n- \\`.specs-comparison__value-wrapper\\` - \u53C2\u6570\u503C\u5916\u5C42\u5BB9\u5668\n- \\`.specs-comparison__value\\` - \u53C2\u6570\u503C\u6587\u672C\n\n**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u80CC\u666F\u8272 */\n.specs-comparison {\n  background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%);\n}\n\n/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u9879\u6837\u5F0F */\n.specs-comparison__nav-item {\n  border-left: 3px solid transparent;\n  transition: all 0.3s ease;\n}\n\n.specs-comparison__nav-item--active {\n  border-left-color: #007bff;\n  background: linear-gradient(90deg, #fff 0%, rgba(0,123,255,0.05) 100%);\n}\n\n/* \u81EA\u5B9A\u4E49\u89C4\u683C\u884C\u60AC\u505C\u6548\u679C */\n.specs-comparison__row:hover {\n  background: rgba(255, 255, 255, 0.5);\n  transition: background 0.2s ease;\n}\n\n/* \u81EA\u5B9A\u4E49\u89C4\u683C\u6807\u7B7E */\n.specs-comparison__spec-label {\n  color: #495057;\n  font-weight: 600;\n}\n\n/* \u81EA\u5B9A\u4E49\u53C2\u6570\u503C */\n.specs-comparison__value {\n  color: #212529;\n  line-height: 1.6;\n}\n\n/* \u81EA\u5B9A\u4E49\u533A\u5757\u6807\u9898 */\n.specs-comparison__section-title {\n  color: #1a1a1a;\n  border-bottom: 2px solid #007bff;\n  padding-bottom: 8px;\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n}\n"],
-  "mappings": "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",
-  "names": ["SpecsComparison", "meta", "specsComparison_stories_default", "defaultData", "Default", "SingleProduct", "FourProducts", "WithCustomStyles"]
-}

package/dist/esm/stories/tabWithImage.stories.js DELETED Viewed

@@ -1,53 +0,0 @@
-import"react";import a from"../biz-components/TabWithImage/index.js";const t={title:"Biz Components/TabWithImage",component:a,parameters:{layout:"padded",backgrounds:{default:"dark"},docs:{description:{component:"Tab \u5207\u6362\u548C\u56FE\u7247\u5C55\u793A\u7EC4\u4EF6\uFF0C\u4F7F\u7528\u6ED1\u52A8\u80CC\u666F\u9AD8\u4EAE\u6548\u679C\u548C Framer Motion \u52A8\u753B"}}},tags:["autodocs"]};var o=t;const e={desc:"Effortless customization at your fingertips.",title:"Smart App Control",datalist:[{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585",alt:"Customizable Cleaning Modes",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585",mimeType:"image/png"},title:"Customizable Cleaning Modes",imgPad:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131",alt:"Customizable Cleaning Modes Pad",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131",mimeType:"image/png"},imageMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614",alt:"Customizable Cleaning Modes Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614",mimeType:"image/png"}},{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e55fcd7a-cebf-45c1-bb71-452abdaf95ae_Frame_2121235327_1.png?v=1751439903",alt:"Multi-Floor Mapping",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e55fcd7a-cebf-45c1-bb71-452abdaf95ae_Frame_2121235327_1.png?v=1751439903",mimeType:"image/png"},title:"Multi-Floor Mapping",imgPad:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ccdbbbff-5c33-4805-a434-e04a12e32a72_Frame_2121235493.png?v=1752735394",alt:"Multi-Floor Mapping Pad",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ccdbbbff-5c33-4805-a434-e04a12e32a72_Frame_2121235493.png?v=1752735394",mimeType:"image/png"},imageMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ac28983f-6257-469d-81bb-03dfb54429b6_Frame_2121235514_1.png?v=1752735193",alt:"Multi-Floor Mapping Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ac28983f-6257-469d-81bb-03dfb54429b6_Frame_2121235514_1.png?v=1752735193",mimeType:"image/png"}}]},p={args:{data:e}},b={args:{data:{...e,datalist:[...e.datalist,{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585",alt:"Smart Scheduling",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585",mimeType:"image/png"},title:"Smart Scheduling",imgPad:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131",alt:"Smart Scheduling Pad",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131",mimeType:"image/png"},imageMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614",alt:"Smart Scheduling Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614",mimeType:"image/png"}}]}}},l={args:{data:{...e,datalist:[e.datalist[0]]}}},c={args:{data:e,className:"custom-tab-with-image"},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**
-- \`.tab-with-image\` - \u7EC4\u4EF6\u6839\u5BB9\u5668
-**\u5185\u5BB9\u533A\u57DF\uFF1A**
-- \`.tab-with-image__content\` - \u5185\u5BB9\u5BB9\u5668
-- \`.tab-with-image__header\` - \u5934\u90E8\u5BB9\u5668
-- \`.tab-with-image__title\` - \u6807\u9898
-- \`.tab-with-image__description\` - \u63CF\u8FF0\u6587\u672C
-**Tab \u533A\u57DF\uFF1A**
-- \`.tab-with-image__tabs-wrapper\` - Tab \u5916\u5C42\u5BB9\u5668
-- \`.tab-with-image__tabs\` - Tab \u5217\u8868\u5BB9\u5668
-- \`.tab-with-image__slider\` - \u6ED1\u52A8\u80CC\u666F
-- \`.tab-with-image__tab\` - \u5355\u4E2A Tab
-- \`.tab-with-image__tab--active\` - \u6FC0\u6D3B\u7684 Tab \u4FEE\u9970\u7B26
-- \`.tab-with-image__tab-title\` - Tab \u6807\u9898
-**\u56FE\u7247\u533A\u57DF\uFF1A**
-- \`.tab-with-image__image-wrapper\` - \u56FE\u7247\u5916\u5C42\u5BB9\u5668
-- \`.tab-with-image__image-motion\` - \u56FE\u7247\u52A8\u753B\u5BB9\u5668
-- \`.tab-with-image__image\` - \u56FE\u7247\u5143\u7D20
-**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**
-\`\`\`css
-/* \u81EA\u5B9A\u4E49 Tab \u6837\u5F0F */
-.tab-with-image__tab {
-  font-weight: 600;
-  padding: 12px 24px;
-}
-/* \u81EA\u5B9A\u4E49\u6FC0\u6D3B\u72B6\u6001 */
-.tab-with-image__tab--active {
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  color: white !important;
-}
-/* \u81EA\u5B9A\u4E49\u6ED1\u52A8\u80CC\u666F */
-.tab-with-image__slider {
-  background: rgba(255, 255, 255, 0.2);
-  backdrop-filter: blur(10px);
-}
-/* \u81EA\u5B9A\u4E49\u56FE\u7247\u5BB9\u5668 */
-.tab-with-image__image-wrapper {
-  overflow: hidden;
-  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
-}
-\`\`\`
-        `}}}};export{p as Default,l as SingleItem,b as ThreeItems,c as WithCustomStyles,o as default};
-//# sourceMappingURL=tabWithImage.stories.js.map

package/dist/esm/stories/tabWithImage.stories.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/tabWithImage.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport TabWithImage from '../biz-components/TabWithImage/index.js'\nimport type { TabWithImageProps } from '../biz-components/TabWithImage/types.js'\n\nconst meta = {\n  title: 'Biz Components/TabWithImage',\n  component: TabWithImage,\n  parameters: {\n    layout: 'padded',\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        component: 'Tab \u5207\u6362\u548C\u56FE\u7247\u5C55\u793A\u7EC4\u4EF6\uFF0C\u4F7F\u7528\u6ED1\u52A8\u80CC\u666F\u9AD8\u4EAE\u6548\u679C\u548C Framer Motion \u52A8\u753B',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof TabWithImage>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: TabWithImageProps['data'] = {\n  desc: 'Effortless customization at your fingertips.',\n  title: 'Smart App Control',\n  datalist: [\n    {\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585',\n        alt: 'Customizable Cleaning Modes',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585',\n        mimeType: 'image/png',\n      },\n      title: 'Customizable Cleaning Modes',\n      imgPad: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131',\n        alt: 'Customizable Cleaning Modes Pad',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131',\n        mimeType: 'image/png',\n      },\n      imageMob: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614',\n        alt: 'Customizable Cleaning Modes Mobile',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e55fcd7a-cebf-45c1-bb71-452abdaf95ae_Frame_2121235327_1.png?v=1751439903',\n        alt: 'Multi-Floor Mapping',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e55fcd7a-cebf-45c1-bb71-452abdaf95ae_Frame_2121235327_1.png?v=1751439903',\n        mimeType: 'image/png',\n      },\n      title: 'Multi-Floor Mapping',\n      imgPad: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ccdbbbff-5c33-4805-a434-e04a12e32a72_Frame_2121235493.png?v=1752735394',\n        alt: 'Multi-Floor Mapping Pad',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ccdbbbff-5c33-4805-a434-e04a12e32a72_Frame_2121235493.png?v=1752735394',\n        mimeType: 'image/png',\n      },\n      imageMob: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ac28983f-6257-469d-81bb-03dfb54429b6_Frame_2121235514_1.png?v=1752735193',\n        alt: 'Multi-Floor Mapping Mobile',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ac28983f-6257-469d-81bb-03dfb54429b6_Frame_2121235514_1.png?v=1752735193',\n        mimeType: 'image/png',\n      },\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n}\n\nexport const ThreeItems: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      datalist: [\n        ...defaultData.datalist,\n        {\n          image: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585',\n            alt: 'Smart Scheduling',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585',\n            mimeType: 'image/png',\n          },\n          title: 'Smart Scheduling',\n          imgPad: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131',\n            alt: 'Smart Scheduling Pad',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131',\n            mimeType: 'image/png',\n          },\n          imageMob: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614',\n            alt: 'Smart Scheduling Mobile',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614',\n            mimeType: 'image/png',\n          },\n        },\n      ],\n    },\n  },\n}\n\nexport const SingleItem: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      datalist: [defaultData.datalist[0]],\n    },\n  },\n}\n\nexport const WithCustomStyles: Story = {\n  args: {\n    data: defaultData,\n    className: 'custom-tab-with-image',\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- \\`.tab-with-image\\` - \u7EC4\u4EF6\u6839\u5BB9\u5668\n\n**\u5185\u5BB9\u533A\u57DF\uFF1A**\n- \\`.tab-with-image__content\\` - \u5185\u5BB9\u5BB9\u5668\n- \\`.tab-with-image__header\\` - \u5934\u90E8\u5BB9\u5668\n- \\`.tab-with-image__title\\` - \u6807\u9898\n- \\`.tab-with-image__description\\` - \u63CF\u8FF0\u6587\u672C\n\n**Tab \u533A\u57DF\uFF1A**\n- \\`.tab-with-image__tabs-wrapper\\` - Tab \u5916\u5C42\u5BB9\u5668\n- \\`.tab-with-image__tabs\\` - Tab \u5217\u8868\u5BB9\u5668\n- \\`.tab-with-image__slider\\` - \u6ED1\u52A8\u80CC\u666F\n- \\`.tab-with-image__tab\\` - \u5355\u4E2A Tab\n- \\`.tab-with-image__tab--active\\` - \u6FC0\u6D3B\u7684 Tab \u4FEE\u9970\u7B26\n- \\`.tab-with-image__tab-title\\` - Tab \u6807\u9898\n\n**\u56FE\u7247\u533A\u57DF\uFF1A**\n- \\`.tab-with-image__image-wrapper\\` - \u56FE\u7247\u5916\u5C42\u5BB9\u5668\n- \\`.tab-with-image__image-motion\\` - \u56FE\u7247\u52A8\u753B\u5BB9\u5668\n- \\`.tab-with-image__image\\` - \u56FE\u7247\u5143\u7D20\n\n**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49 Tab \u6837\u5F0F */\n.tab-with-image__tab {\n  font-weight: 600;\n  padding: 12px 24px;\n}\n\n/* \u81EA\u5B9A\u4E49\u6FC0\u6D3B\u72B6\u6001 */\n.tab-with-image__tab--active {\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white !important;\n}\n\n/* \u81EA\u5B9A\u4E49\u6ED1\u52A8\u80CC\u666F */\n.tab-with-image__slider {\n  background: rgba(255, 255, 255, 0.2);\n  backdrop-filter: blur(10px);\n}\n\n/* \u81EA\u5B9A\u4E49\u56FE\u7247\u5BB9\u5668 */\n.tab-with-image__image-wrapper {\n  overflow: hidden;\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n}\n"],
-  "mappings": "AAAA,MAAkB,QAElB,OAAOA,MAAkB,0CAGzB,MAAMC,EAAO,CACX,MAAO,8BACP,UAAWD,EACX,WAAY,CACV,OAAQ,SACR,YAAa,CACX,QAAS,MACX,EACA,KAAM,CACJ,YAAa,CACX,UAAW,+JACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIf,MAAME,EAAyC,CAC7C,KAAM,+CACN,MAAO,oBACP,SAAU,CACR,CACE,MAAO,CACL,IAAK,gIACL,IAAK,8BACL,aACE,gIACF,SAAU,WACZ,EACA,MAAO,8BACP,OAAQ,CACN,IAAK,gIACL,IAAK,kCACL,aACE,gIACF,SAAU,WACZ,EACA,SAAU,CACR,IAAK,gIACL,IAAK,qCACL,aACE,gIACF,SAAU,WACZ,CACF,EACA,CACE,MAAO,CACL,IAAK,kIACL,IAAK,sBACL,aACE,kIACF,SAAU,WACZ,EACA,MAAO,sBACP,OAAQ,CACN,IAAK,gIACL,IAAK,0BACL,aACE,gIACF,SAAU,WACZ,EACA,SAAU,CACR,IAAK,kIACL,IAAK,6BACL,aACE,kIACF,SAAU,WACZ,CACF,CACF,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAMD,CACR,CACF,EAEaE,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,GAAGF,EACH,SAAU,CACR,GAAGA,EAAY,SACf,CACE,MAAO,CACL,IAAK,gIACL,IAAK,mBACL,aACE,gIACF,SAAU,WACZ,EACA,MAAO,mBACP,OAAQ,CACN,IAAK,gIACL,IAAK,uBACL,aACE,gIACF,SAAU,WACZ,EACA,SAAU,CACR,IAAK,gIACL,IAAK,0BACL,aACE,gIACF,SAAU,WACZ,CACF,CACF,CACF,CACF,CACF,EAEaG,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,GAAGH,EACH,SAAU,CAACA,EAAY,SAAS,CAAC,CAAC,CACpC,CACF,CACF,EAEaI,EAA0B,CACrC,KAAM,CACJ,KAAMJ,EACN,UAAW,uBACb,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAoDT,CACF,CACF,CACF",
-  "names": ["TabWithImage", "meta", "tabWithImage_stories_default", "defaultData", "Default", "ThreeItems", "SingleItem", "WithCustomStyles"]
-}

package/dist/esm/stories/tabsWithMedia.stories.js DELETED Viewed

@@ -1,68 +0,0 @@
-import"react";import t from"../biz-components/TabsWithMedia/index.js";const i={title:"Biz Components/TabsWithMedia",component:t,parameters:{layout:"padded",backgrounds:{default:"dark"},docs:{description:{component:"Tab \u5207\u6362\u5A92\u4F53\u5C55\u793A\u7EC4\u4EF6\uFF0C\u652F\u6301\u89C6\u9891\u81EA\u52A8\u5207\u6362 Tab\u3001Swiper \u5185\u5BB9\u5207\u6362\u3001\u52A8\u753B\u6548\u679C\uFF0C\u9002\u5408\u5C55\u793A\u591A\u4E2A\u529F\u80FD\u7279\u6027"}}},tags:["autodocs"]};var n=i;const e={title:"All You Need, All-in-One",poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046",alt:"All You Need, All-in-One",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046",mimeType:"image/png"},video:{url:"https://cdn.shopify.com/videos/c/o/v/1478fa98828e4879890963a4c60fff14.mp4",alt:"All You Need, All-in-One Video",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046",mimeType:"video/mp4"},mobvideo:{url:"https://cdn.shopify.com/videos/c/vp/b8cf80b388c54228860dd0bf1de7c36c/b8cf80b388c54228860dd0bf1de7c36c.SD-480p-0.9Mbps-50503406.mp4",alt:"All You Need, All-in-One Mobile Video",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046",mimeType:"video/mp4"},items:[{tab:"Self-Emptying",desc:"3L dust bag supports up to 75 days of maintenance-free cleaning.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6a7e92ad-5be0-4ba1-a549-eb794a8cbdcb_Property_1_Self-Emptying.png?v=1751509824",alt:"Self-Emptying",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6a7e92ad-5be0-4ba1-a549-eb794a8cbdcb_Property_1_Self-Emptying.png?v=1751509824",mimeType:"image/png"},poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046",alt:"Self-Emptying Poster",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046",mimeType:"image/png"}},{tab:"Self-Refilling",desc:"Features a 2.5L clean water tank, sufficient for 4 mopping sessions in a 2,000 sq ft house.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/98814790-6119-48d3-9518-3706103971ce_Property_1_Self-Refilling.png?v=1751509870",alt:"Self-Refilling",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/98814790-6119-48d3-9518-3706103971ce_Property_1_Self-Refilling.png?v=1751509870",mimeType:"image/png"},poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/62f8efdb-baa0-4b66-b0ce-e43ba80aaa93_1952837054_2.png?v=1751440082",alt:"Self-Refilling Poster",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/62f8efdb-baa0-4b66-b0ce-e43ba80aaa93_1952837054_2.png?v=1751440082",mimeType:"image/png"}},{tab:"Self-Washing",desc:"Automatically washes the mop after each session.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/cb041a84-9e89-4844-ac1b-8fc6fff8f13c_Property_1_Self-Washing.png?v=1751509912",alt:"Self-Washing",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/cb041a84-9e89-4844-ac1b-8fc6fff8f13c_Property_1_Self-Washing.png?v=1751509912",mimeType:"image/png"},poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0506a613-f916-4bce-84ab-a3da4cd9078a_1952837054_4.png?v=1751440128",alt:"Self-Washing Poster",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0506a613-f916-4bce-84ab-a3da4cd9078a_1952837054_4.png?v=1751440128",mimeType:"image/png"}},{tab:"Hot Air Drying",desc:"Intelligent 35-50\xB0C (95-122\xB0F) temperature control for efficient drying.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/074f6c07-dc85-44b1-9351-fcc8b3423f1f_Property_1_Hot_Air_Drying.png?v=1751509932",alt:"Hot Air Drying",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/074f6c07-dc85-44b1-9351-fcc8b3423f1f_Property_1_Hot_Air_Drying.png?v=1751509932",mimeType:"image/png"},poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/65e9ba72-06d6-49cb-90b4-27406c409567_1952837054_3.png?v=1751440106",alt:"Hot Air Drying Poster",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/65e9ba72-06d6-49cb-90b4-27406c409567_1952837054_3.png?v=1751440106",mimeType:"image/png"}},{tab:"Wastewater Collection",desc:"1.8L tank collects dirty water.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6f392913-919d-4842-9b40-a1736c3b1213_Property_1_Wastewater_Collection.png?v=1751509955",alt:"Wastewater Collection",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6f392913-919d-4842-9b40-a1736c3b1213_Property_1_Wastewater_Collection.png?v=1751509955",mimeType:"image/png"},poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/39b69bf4-e615-42b7-8eda-eaef031c79c4_1952837054_5.png?v=1751536624",alt:"Wastewater Collection Poster",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/39b69bf4-e615-42b7-8eda-eaef031c79c4_1952837054_5.png?v=1751536624",mimeType:"image/png"}},{tab:"Automatic Detergent Dispensing",desc:"Automatically dispenses detergent, lasting up to  6 months.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/57d9d293-e511-40a5-a100-0763f7681ba6_Property_1_Automatic_Detergent_Dispensing.png?v=1751510012",alt:"Automatic Detergent Dispensing",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/57d9d293-e511-40a5-a100-0763f7681ba6_Property_1_Automatic_Detergent_Dispensing.png?v=1751510012",mimeType:"image/png"},poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/03b6c2d7-e5a8-47c4-9d21-20fcb70eb385_1952837054_6.png?v=1751536659",alt:"Automatic Detergent Dispensing Poster",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/03b6c2d7-e5a8-47c4-9d21-20fcb70eb385_1952837054_6.png?v=1751536659",mimeType:"image/png"}}]},p={args:{data:e}},l={args:{data:{...e,items:e.items.slice(0,3),timeIdx:[{time:2.4,point:2.4,highlightIdx:0},{time:2.5,point:4.9,highlightIdx:1},{time:2.5,point:7.4,highlightIdx:2}]}}},c={args:{data:{...e,items:e.items.slice(0,4),timeIdx:[{time:2.4,point:2.4,highlightIdx:0},{time:2.5,point:4.9,highlightIdx:1},{time:2.5,point:7.4,highlightIdx:2},{time:2.8,point:10.2,highlightIdx:3}]}}},f={args:{data:e,className:"custom-tabs-with-media"},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**
-- \`.tabs-with-media\` - \u7EC4\u4EF6\u6839\u5BB9\u5668
-**\u6807\u9898\u533A\u57DF\uFF1A**
-- \`.tabs-with-media__title\` - \u4E3B\u6807\u9898
-**\u6807\u7B7E\u9875\u533A\u57DF\uFF1A**
-- \`.tabs-with-media__tabs-wrapper\` - \u6807\u7B7E\u9875\u5916\u5C42\u5305\u88C5\u5668
-- \`.tabs-with-media__tabs-inner\` - \u6807\u7B7E\u9875\u5185\u5C42\u5BB9\u5668
-- \`.tabs-with-media__tabs-container\` - \u6807\u7B7E\u9875\u5BB9\u5668\uFF08\u5305\u542B\u6240\u6709\u6807\u7B7E\u9879\uFF09
-- \`.tabs-with-media__tab-item\` - \u5355\u4E2A\u6807\u7B7E\u9879\uFF08motion.div\uFF09
-- \`.tabs-with-media__tab-inner\` - \u6807\u7B7E\u9879\u5185\u5C42\u5BB9\u5668
-- \`.tabs-with-media__tab-content\` - \u6807\u7B7E\u9879\u5185\u5BB9\u5BB9\u5668
-- \`.tabs-with-media__tab-icon\` - \u6807\u7B7E\u56FE\u6807\u5BB9\u5668
-- \`.tabs-with-media__tab-icon-image\` - \u6807\u7B7E\u56FE\u6807\u56FE\u7247
-- \`.tabs-with-media__tab-text-wrapper\` - \u6807\u7B7E\u6587\u672C\u5305\u88C5\u5668
-- \`.tabs-with-media__tab-text\` - \u6807\u7B7E\u6587\u672C
-**\u63CF\u8FF0\u533A\u57DF\uFF1A**
-- \`.tabs-with-media__description-container\` - \u63CF\u8FF0\u533A\u57DF\u5916\u5C42\u5BB9\u5668
-- \`.tabs-with-media__description-swiper\` - \u63CF\u8FF0 Swiper \u5B9E\u4F8B
-- \`.tabs-with-media__description-slide\` - \u63CF\u8FF0\u6ED1\u5757
-- \`.tabs-with-media__description-content\` - \u63CF\u8FF0\u5185\u5BB9\u5BB9\u5668
-- \`.tabs-with-media__description-text\` - \u63CF\u8FF0\u6587\u672C
-**\u89C6\u9891\u533A\u57DF\uFF1A**
-- \`.tabs-with-media__video-wrapper\` - \u89C6\u9891\u5916\u5C42\u5BB9\u5668
-- \`.tabs-with-media__video\` - \u89C6\u9891\u5143\u7D20
-**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**
-\`\`\`css
-/* \u81EA\u5B9A\u4E49\u6807\u9898\u989C\u8272 */
-.tabs-with-media__title {
-  color: #ff6b6b;
-}
-/* \u81EA\u5B9A\u4E49\u6807\u7B7E\u9879\u60AC\u505C\u6548\u679C */
-.tabs-with-media__tab-item:hover .tabs-with-media__tab-icon {
-  transform: scale(1.1);
-  transition: transform 0.3s ease;
-}
-/* \u81EA\u5B9A\u4E49\u6D3B\u8DC3\u6807\u7B7E\u6837\u5F0F */
-.tabs-with-media__tab-content {
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-}
-/* \u81EA\u5B9A\u4E49\u63CF\u8FF0\u6587\u672C\u6837\u5F0F */
-.tabs-with-media__description-text {
-  font-weight: 500;
-  line-height: 1.8;
-}
-/* \u81EA\u5B9A\u4E49\u89C6\u9891\u5C3A\u5BF8 */
-.tabs-with-media__video {
-  max-height: 600px;
-}
-/* \u81EA\u5B9A\u4E49\u6807\u7B7E\u56FE\u6807\u80CC\u666F */
-.tabs-with-media__tab-icon {
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-}
-\`\`\`
-        `}}}};export{p as Default,c as FourItems,l as ThreeItems,f as WithCustomStyles,n as default};
-//# sourceMappingURL=tabsWithMedia.stories.js.map

package/dist/esm/stories/tabsWithMedia.stories.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/tabsWithMedia.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport TabsWithMedia from '../biz-components/TabsWithMedia/index.js'\nimport type { TabsWithMediaProps } from '../biz-components/TabsWithMedia/types.js'\n\nconst meta = {\n  title: 'Biz Components/TabsWithMedia',\n  component: TabsWithMedia,\n  parameters: {\n    layout: 'padded',\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        component: 'Tab \u5207\u6362\u5A92\u4F53\u5C55\u793A\u7EC4\u4EF6\uFF0C\u652F\u6301\u89C6\u9891\u81EA\u52A8\u5207\u6362 Tab\u3001Swiper \u5185\u5BB9\u5207\u6362\u3001\u52A8\u753B\u6548\u679C\uFF0C\u9002\u5408\u5C55\u793A\u591A\u4E2A\u529F\u80FD\u7279\u6027',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof TabsWithMedia>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: TabsWithMediaProps['data'] = {\n  title: 'All You Need, All-in-One',\n  poster: {\n    url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046',\n    alt: 'All You Need, All-in-One',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046',\n    mimeType: 'image/png',\n  },\n  video: {\n    url: 'https://cdn.shopify.com/videos/c/o/v/1478fa98828e4879890963a4c60fff14.mp4',\n    alt: 'All You Need, All-in-One Video',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046',\n    mimeType: 'video/mp4',\n  },\n  mobvideo: {\n    url: 'https://cdn.shopify.com/videos/c/vp/b8cf80b388c54228860dd0bf1de7c36c/b8cf80b388c54228860dd0bf1de7c36c.SD-480p-0.9Mbps-50503406.mp4',\n    alt: 'All You Need, All-in-One Mobile Video',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046',\n    mimeType: 'video/mp4',\n  },\n  items: [\n    {\n      tab: 'Self-Emptying',\n      desc: '3L dust bag supports up to 75 days of maintenance-free cleaning.',\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6a7e92ad-5be0-4ba1-a549-eb794a8cbdcb_Property_1_Self-Emptying.png?v=1751509824',\n        alt: 'Self-Emptying',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6a7e92ad-5be0-4ba1-a549-eb794a8cbdcb_Property_1_Self-Emptying.png?v=1751509824',\n        mimeType: 'image/png',\n      },\n      poster: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046',\n        alt: 'Self-Emptying Poster',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      tab: 'Self-Refilling',\n      desc: 'Features a 2.5L clean water tank, sufficient for 4 mopping sessions in a 2,000 sq ft house.',\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/98814790-6119-48d3-9518-3706103971ce_Property_1_Self-Refilling.png?v=1751509870',\n        alt: 'Self-Refilling',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/98814790-6119-48d3-9518-3706103971ce_Property_1_Self-Refilling.png?v=1751509870',\n        mimeType: 'image/png',\n      },\n      poster: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/62f8efdb-baa0-4b66-b0ce-e43ba80aaa93_1952837054_2.png?v=1751440082',\n        alt: 'Self-Refilling Poster',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/62f8efdb-baa0-4b66-b0ce-e43ba80aaa93_1952837054_2.png?v=1751440082',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      tab: 'Self-Washing',\n      desc: 'Automatically washes the mop after each session.',\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/cb041a84-9e89-4844-ac1b-8fc6fff8f13c_Property_1_Self-Washing.png?v=1751509912',\n        alt: 'Self-Washing',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/cb041a84-9e89-4844-ac1b-8fc6fff8f13c_Property_1_Self-Washing.png?v=1751509912',\n        mimeType: 'image/png',\n      },\n      poster: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0506a613-f916-4bce-84ab-a3da4cd9078a_1952837054_4.png?v=1751440128',\n        alt: 'Self-Washing Poster',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0506a613-f916-4bce-84ab-a3da4cd9078a_1952837054_4.png?v=1751440128',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      tab: 'Hot Air Drying',\n      desc: 'Intelligent 35-50\u00B0C (95-122\u00B0F) temperature control for efficient drying.',\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/074f6c07-dc85-44b1-9351-fcc8b3423f1f_Property_1_Hot_Air_Drying.png?v=1751509932',\n        alt: 'Hot Air Drying',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/074f6c07-dc85-44b1-9351-fcc8b3423f1f_Property_1_Hot_Air_Drying.png?v=1751509932',\n        mimeType: 'image/png',\n      },\n      poster: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/65e9ba72-06d6-49cb-90b4-27406c409567_1952837054_3.png?v=1751440106',\n        alt: 'Hot Air Drying Poster',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/65e9ba72-06d6-49cb-90b4-27406c409567_1952837054_3.png?v=1751440106',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      tab: 'Wastewater Collection',\n      desc: '1.8L tank collects dirty water.',\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6f392913-919d-4842-9b40-a1736c3b1213_Property_1_Wastewater_Collection.png?v=1751509955',\n        alt: 'Wastewater Collection',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6f392913-919d-4842-9b40-a1736c3b1213_Property_1_Wastewater_Collection.png?v=1751509955',\n        mimeType: 'image/png',\n      },\n      poster: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/39b69bf4-e615-42b7-8eda-eaef031c79c4_1952837054_5.png?v=1751536624',\n        alt: 'Wastewater Collection Poster',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/39b69bf4-e615-42b7-8eda-eaef031c79c4_1952837054_5.png?v=1751536624',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      tab: 'Automatic Detergent Dispensing',\n      desc: 'Automatically dispenses detergent, lasting up to  6 months.',\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/57d9d293-e511-40a5-a100-0763f7681ba6_Property_1_Automatic_Detergent_Dispensing.png?v=1751510012',\n        alt: 'Automatic Detergent Dispensing',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/57d9d293-e511-40a5-a100-0763f7681ba6_Property_1_Automatic_Detergent_Dispensing.png?v=1751510012',\n        mimeType: 'image/png',\n      },\n      poster: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/03b6c2d7-e5a8-47c4-9d21-20fcb70eb385_1952837054_6.png?v=1751536659',\n        alt: 'Automatic Detergent Dispensing Poster',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/03b6c2d7-e5a8-47c4-9d21-20fcb70eb385_1952837054_6.png?v=1751536659',\n        mimeType: 'image/png',\n      },\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n}\n\nexport const ThreeItems: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.slice(0, 3),\n      timeIdx: [\n        { time: 2.4, point: 2.4, highlightIdx: 0 },\n        { time: 2.5, point: 4.9, highlightIdx: 1 },\n        { time: 2.5, point: 7.4, highlightIdx: 2 },\n      ],\n    },\n  },\n}\n\nexport const FourItems: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.slice(0, 4),\n      timeIdx: [\n        { time: 2.4, point: 2.4, highlightIdx: 0 },\n        { time: 2.5, point: 4.9, highlightIdx: 1 },\n        { time: 2.5, point: 7.4, highlightIdx: 2 },\n        { time: 2.8, point: 10.2, highlightIdx: 3 },\n      ],\n    },\n  },\n}\n\nexport const WithCustomStyles: Story = {\n  args: {\n    data: defaultData,\n    className: 'custom-tabs-with-media',\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- \\`.tabs-with-media\\` - \u7EC4\u4EF6\u6839\u5BB9\u5668\n\n**\u6807\u9898\u533A\u57DF\uFF1A**\n- \\`.tabs-with-media__title\\` - \u4E3B\u6807\u9898\n\n**\u6807\u7B7E\u9875\u533A\u57DF\uFF1A**\n- \\`.tabs-with-media__tabs-wrapper\\` - \u6807\u7B7E\u9875\u5916\u5C42\u5305\u88C5\u5668\n- \\`.tabs-with-media__tabs-inner\\` - \u6807\u7B7E\u9875\u5185\u5C42\u5BB9\u5668\n- \\`.tabs-with-media__tabs-container\\` - \u6807\u7B7E\u9875\u5BB9\u5668\uFF08\u5305\u542B\u6240\u6709\u6807\u7B7E\u9879\uFF09\n- \\`.tabs-with-media__tab-item\\` - \u5355\u4E2A\u6807\u7B7E\u9879\uFF08motion.div\uFF09\n- \\`.tabs-with-media__tab-inner\\` - \u6807\u7B7E\u9879\u5185\u5C42\u5BB9\u5668\n- \\`.tabs-with-media__tab-content\\` - \u6807\u7B7E\u9879\u5185\u5BB9\u5BB9\u5668\n- \\`.tabs-with-media__tab-icon\\` - \u6807\u7B7E\u56FE\u6807\u5BB9\u5668\n- \\`.tabs-with-media__tab-icon-image\\` - \u6807\u7B7E\u56FE\u6807\u56FE\u7247\n- \\`.tabs-with-media__tab-text-wrapper\\` - \u6807\u7B7E\u6587\u672C\u5305\u88C5\u5668\n- \\`.tabs-with-media__tab-text\\` - \u6807\u7B7E\u6587\u672C\n\n**\u63CF\u8FF0\u533A\u57DF\uFF1A**\n- \\`.tabs-with-media__description-container\\` - \u63CF\u8FF0\u533A\u57DF\u5916\u5C42\u5BB9\u5668\n- \\`.tabs-with-media__description-swiper\\` - \u63CF\u8FF0 Swiper \u5B9E\u4F8B\n- \\`.tabs-with-media__description-slide\\` - \u63CF\u8FF0\u6ED1\u5757\n- \\`.tabs-with-media__description-content\\` - \u63CF\u8FF0\u5185\u5BB9\u5BB9\u5668\n- \\`.tabs-with-media__description-text\\` - \u63CF\u8FF0\u6587\u672C\n\n**\u89C6\u9891\u533A\u57DF\uFF1A**\n- \\`.tabs-with-media__video-wrapper\\` - \u89C6\u9891\u5916\u5C42\u5BB9\u5668\n- \\`.tabs-with-media__video\\` - \u89C6\u9891\u5143\u7D20\n\n**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u989C\u8272 */\n.tabs-with-media__title {\n  color: #ff6b6b;\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u7B7E\u9879\u60AC\u505C\u6548\u679C */\n.tabs-with-media__tab-item:hover .tabs-with-media__tab-icon {\n  transform: scale(1.1);\n  transition: transform 0.3s ease;\n}\n\n/* \u81EA\u5B9A\u4E49\u6D3B\u8DC3\u6807\u7B7E\u6837\u5F0F */\n.tabs-with-media__tab-content {\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n/* \u81EA\u5B9A\u4E49\u63CF\u8FF0\u6587\u672C\u6837\u5F0F */\n.tabs-with-media__description-text {\n  font-weight: 500;\n  line-height: 1.8;\n}\n\n/* \u81EA\u5B9A\u4E49\u89C6\u9891\u5C3A\u5BF8 */\n.tabs-with-media__video {\n  max-height: 600px;\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u7B7E\u56FE\u6807\u80CC\u666F */\n.tabs-with-media__tab-icon {\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n}\n"],
-  "mappings": "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",
-  "names": ["TabsWithMedia", "meta", "tabsWithMedia_stories_default", "defaultData", "Default", "ThreeItems", "FourItems", "WithCustomStyles"]
-}