npm - @anker-in/headless-ui - Versions diffs - 1.1.9-temp.120303 → 1.1.9-tmp-01 - Mend

@anker-in/headless-ui 1.1.9-temp.120303 → 1.1.9-tmp-01

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

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})},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:`
+"use strict";var l=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 u=(e,t,a)=>(a=e!=null?l(m(e)):{},r(t||!e||!e.__esModule?i(a,"default",{value:e,enumerable:!0}):a,e)),f=e=>r(i({},"__esModule",{value:!0}),e);var k={};h(k,{CustomTitle:()=>U,Default:()=>y,SingleItem:()=>v,TwoItems:()=>T,WithCustomClass:()=>x,WithoutMobileImages:()=>w,default:()=>g});module.exports=f(k);var L=require("react"),n=u(require("../biz-components/ThreeDCarousel/index.js"));const _={title:"Biz Components/ThreeDCarousel",component:n.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
@@ -64,7 +64,7 @@
   color: #764ba2;
 }
 \`\`\`
-        `}}},tags:["autodocs"]};var g=_;const s={title:"Conquer Every Mess",items:[{imageUrl:{id:3064,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718",filename:"pc-c1.png",mimeType:"image/png",width:1648,height:960},mobImageUrl:{id:3065,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762",url:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762",thumbnailURL:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762",filename:"mob-c1.png",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null},{imageUrl:{id:3068,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924",filename:"pc-c2.png",mimeType:"image/png",width:1648,height:960},mobImageUrl:{id:3069,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954",filename:"mob-c2.png",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null},{imageUrl:{id:3070,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983",filename:"pc-c3.png",mimeType:"image/png",width:1648,height:960},mobImageUrl:{id:3071,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000",filename:"mob-c3.png",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null},{imageUrl:{id:3072,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037",filename:"pc-c4.png",mimeType:"image/png",width:1648,height:960},mobImageUrl:{id:3073,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058",filename:"mob-c4.png",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null}]},y={args:{data:s},parameters:{docs:{description:{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"}}}},v={args:{data:{...s,items:[s.items[0]]}},parameters:{docs:{description:{story:"\u53EA\u6709\u4E00\u4E2A\u9879\u76EE\u7684\u60C5\u51B5\u3002\u4ECD\u7136\u53EF\u4EE5\u5FAA\u73AF\u6D4F\u89C8\u3002"}}}},T={args:{data:{...s,items:s.items.slice(0,2)}},parameters:{docs:{description:{story:"\u4E24\u4E2A\u9879\u76EE\u7684\u573A\u666F\uFF0C3D \u6548\u679C\u4F9D\u7136\u751F\u6548\u3002"}}}},x={args:{data:{...s,items:s.items.map(({mobImageUrl:e,...t})=>({...t,mobImageUrl:null}))}},parameters:{docs:{description:{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"}}}},U={args:{data:s,className:"bg-gradient-to-b from-gray-900 to-black py-20"},parameters:{docs:{description:{story:`
+        `}}},tags:["autodocs"]};var g=_;const s={title:"Conquer Every Mess",items:[{imageUrl:{id:3064,alt:"Vacuum cleaner demonstration scene 1 - Desktop view",baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718",filename:"pc-c1.png",mimeType:"image/png",width:1648,height:960},mobImageUrl:{id:3065,alt:"Vacuum cleaner demonstration scene 1 - Mobile view",baseUrl:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762",url:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762",thumbnailURL:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762",filename:"mob-c1.png",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null},{imageUrl:{id:3068,alt:"Vacuum cleaner demonstration scene 2 - Desktop view",baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924",filename:"pc-c2.png",mimeType:"image/png",width:1648,height:960},mobImageUrl:{id:3069,alt:"Vacuum cleaner demonstration scene 2 - Mobile view",baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954",filename:"mob-c2.png",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null},{imageUrl:{id:3070,alt:"Vacuum cleaner demonstration scene 3 - Desktop view",baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983",filename:"pc-c3.png",mimeType:"image/png",width:1648,height:960},mobImageUrl:{id:3071,alt:"Vacuum cleaner demonstration scene 3 - Mobile view",baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000",filename:"mob-c3.png",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null},{imageUrl:{id:3072,alt:"Vacuum cleaner demonstration scene 4 - Desktop view",baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037",filename:"pc-c4.png",mimeType:"image/png",width:1648,height:960},mobImageUrl:{id:3073,alt:"Vacuum cleaner demonstration scene 4 - Mobile view",baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058",filename:"mob-c4.png",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null}]},y={args:{data:s},parameters:{docs:{description:{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"}}}},v={args:{data:{...s,items:[s.items[0]]}},parameters:{docs:{description:{story:"\u53EA\u6709\u4E00\u4E2A\u9879\u76EE\u7684\u60C5\u51B5\u3002\u4ECD\u7136\u53EF\u4EE5\u5FAA\u73AF\u6D4F\u89C8\u3002"}}}},T={args:{data:{...s,items:s.items.slice(0,2)}},parameters:{docs:{description:{story:"\u4E24\u4E2A\u9879\u76EE\u7684\u573A\u666F\uFF0C3D \u6548\u679C\u4F9D\u7136\u751F\u6548\u3002"}}}},w={args:{data:{...s,items:s.items.map(({mobImageUrl:e,...t})=>({...t,mobImageUrl:null}))}},parameters:{docs:{description:{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"}}}},x={args:{data:s,className:"bg-gradient-to-b from-gray-900 to-black py-20"},parameters:{docs:{description:{story:`
 \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
 **\u53EF\u7528\u7684\u8BED\u4E49\u5316 CSS \u7C7B\u540D\uFF1A**
@@ -114,5 +114,5 @@
 }
 \`\`\`
-        `}}}},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"}}}};
+        `}}}},U={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\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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",
+  "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: 'Vacuum cleaner demonstration scene 1 - Desktop view',\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: 'Vacuum cleaner demonstration scene 1 - Mobile view',\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: 'Vacuum cleaner demonstration scene 2 - Desktop view',\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: 'Vacuum cleaner demonstration scene 2 - Mobile view',\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: 'Vacuum cleaner demonstration scene 3 - Desktop view',\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: 'Vacuum cleaner demonstration scene 3 - Mobile view',\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: 'Vacuum cleaner demonstration scene 4 - Desktop view',\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: 'Vacuum cleaner demonstration scene 4 - Mobile view',\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/brandStrip.stories.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("../components/brand-strip.js").BrandStripProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

	@@ -0,0 +1,2 @@
1	+ "use strict";var p=Object.create;var r=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty;var g=(t,o)=>{for(var e in o)r(t,e,{get:o[e],enumerable:!0})},m=(t,o,e,s)=>{if(o&&typeof o=="object"\|\|typeof o=="function")for(let n of f(o))!c.call(t,n)&&n!==e&&r(t,n,{get:()=>o[n],enumerable:!(s=l(o,n))\|\|s.enumerable});return t};var u=(t,o,e)=>(e=t!=null?p(y(t)):{},m(o\|\|!t\|\|!t.__esModule?r(e,"default",{value:t,enumerable:!0}):e,t)),d=t=>m(r({},"__esModule",{value:!0}),t);var B={};g(B,{Default:()=>k,default:()=>x});module.exports=d(B);var i=u(require("../components/brand-strip.js"));const w={title:"Components/BrandStrip",component:i.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var x=w;const a=(t,o="#0B6CFF")=>`data:image/svg+xml,${encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 ${Math.max(120,t.length*11)} 32'><text x='0' y='22' font-family="Inter, Arial, sans-serif" font-size='20' font-weight='700' fill='${o}'>${t}</text></svg>`)}`,S=[{name:"ANKER",logo:a("ANKER","#0B6CFF"),link:"https://www.anker.com"},{name:"ANKER SOLIX",logo:a("ANKER SOLIX","#111827"),link:"https://www.anker.com/solix"},{name:"eufy",logo:a("eufy","#00A5A5"),link:"https://us.eufy.com"},{name:"eufy Make",logo:a("eufy Make","#0B6CFF"),link:"https://us.eufy.com"},{name:"soundcore",logo:a("soundcore","#101828"),link:"https://us.soundcore.com"}],k={args:{data:S}};
2	+ //# sourceMappingURL=brandStrip.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/brandStrip.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport BrandStrip, { type BrandStripItem } from '../components/brand-strip.js'\n\nconst meta = {\n  title: 'Components/BrandStrip',\n  component: BrandStrip,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof BrandStrip>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst createTextLogo = (label: string, color: string = '#0B6CFF') =>\n  `data:image/svg+xml,${encodeURIComponent(\n    `<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 ${Math.max(\n      120,\n      label.length * 11\n    )} 32'><text x='0' y='22' font-family=\"Inter, Arial, sans-serif\" font-size='20' font-weight='700' fill='${color}'>${label}</text></svg>`\n  )}`\n\nconst demoBrands: BrandStripItem[] = [\n  { name: 'ANKER', logo: createTextLogo('ANKER', '#0B6CFF'), link: 'https://www.anker.com' },\n  { name: 'ANKER SOLIX', logo: createTextLogo('ANKER SOLIX', '#111827'), link: 'https://www.anker.com/solix' },\n  { name: 'eufy', logo: createTextLogo('eufy', '#00A5A5'), link: 'https://us.eufy.com' },\n  { name: 'eufy Make', logo: createTextLogo('eufy Make', '#0B6CFF'), link: 'https://us.eufy.com' },\n  { name: 'soundcore', logo: createTextLogo('soundcore', '#101828'), link: 'https://us.soundcore.com' },\n]\n\nexport const Default: Story = {\n  args: {\n    data: demoBrands,\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GACA,IAAAK,EAAgD,2CAEhD,MAAMC,EAAO,CACX,MAAO,wBACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EAAiB,CAACC,EAAeC,EAAgB,YACrD,sBAAsB,mBACpB,wDAAwD,KAAK,IAC3D,IACAD,EAAM,OAAS,EACjB,CAAC,yGAAyGC,CAAK,KAAKD,CAAK,eAC3H,CAAC,GAEGE,EAA+B,CACnC,CAAE,KAAM,QAAS,KAAMH,EAAe,QAAS,SAAS,EAAG,KAAM,uBAAwB,EACzF,CAAE,KAAM,cAAe,KAAMA,EAAe,cAAe,SAAS,EAAG,KAAM,6BAA8B,EAC3G,CAAE,KAAM,OAAQ,KAAMA,EAAe,OAAQ,SAAS,EAAG,KAAM,qBAAsB,EACrF,CAAE,KAAM,YAAa,KAAMA,EAAe,YAAa,SAAS,EAAG,KAAM,qBAAsB,EAC/F,CAAE,KAAM,YAAa,KAAMA,EAAe,YAAa,SAAS,EAAG,KAAM,0BAA2B,CACtG,EAEaN,EAAiB,CAC5B,KAAM,CACJ,KAAMS,CACR,CACF",
+  "names": ["brandStrip_stories_exports", "__export", "Default", "brandStrip_stories_default", "__toCommonJS", "import_brand_strip", "meta", "BrandStrip", "createTextLogo", "label", "color", "demoBrands"]
+}

package/dist/cjs/stories/featureCards.stories.d.ts CHANGED Viewed

@@ -26,3 +26,5 @@ export declare const TwoCards: Story;
 export declare const SingleCard: Story;
 export declare const WithoutSubtitle: Story;
 export declare const FourCards: Story;
+export declare const FiveCards: Story;
+export declare const WithCustomStyles: Story;

package/dist/cjs/stories/featureShowcase.stories.d.ts CHANGED Viewed

@@ -26,3 +26,4 @@ export declare const Default: Story;
 export declare const SingleList: Story;
 export declare const SingleItemPerList: Story;
 export declare const EmptyLists: Story;
+export declare const WithCustomStyles: Story;

package/dist/cjs/stories/graphic.stories.d.ts CHANGED Viewed

@@ -21,7 +21,7 @@ declare const meta: {
         className?: string | undefined;
         disabled?: boolean | undefined;
         id?: string | undefined;
-        style?: string | undefined;
+        style?: (string | React.CSSProperties) | undefined;
         data: {
             title?: string;
             items?: {

package/dist/cjs/stories/imageTextFeature.stories.d.ts CHANGED Viewed

@@ -25,3 +25,4 @@ export declare const DarkTheme: Story;
 export declare const WithoutSubtitle: Story;
 export declare const TwoItems: Story;
 export declare const SingleItem: Story;
+export declare const WithCustomStyles: Story;

package/dist/cjs/stories/imageWithText.stories.d.ts CHANGED Viewed

@@ -25,3 +25,27 @@ export declare const WithDescriptionText: Story;
 export declare const WithDescriptionTextDark: Story;
 export declare const WithoutSubtitle: Story;
 export declare const MinimalContent: Story;
+export declare const LayoutRight: Story;
+export declare const LayoutTop: Story;
+export declare const LayoutBottom: Story;
+export declare const WithVideo: Story;
+export declare const WithVideoRight: Story;
+export declare const WithVideoTop: Story;
+export declare const WithItems: Story;
+export declare const WithItemsImageRight: Story;
+export declare const WithItemsDark: Story;
+export declare const WithItemsVideo: Story;
+export declare const TabMode: Story;
+export declare const TabModeThreeItems: Story;
+export declare const TabModeWithVideo: Story;
+export declare const WithButton: Story;
+export declare const WithButtonSecondary: Story;
+export declare const WithItemsAndButton: Story;
+export declare const WithItemsButtonAndVideo: Story;
+export declare const WithCustomStyles: Story;
+export declare const TextAlignCenter: Story;
+export declare const TextAlignCenterWithButton: Story;
+export declare const TextAlignCenterWithItems: Story;
+export declare const TextAlignCenterWithVideo: Story;
+export declare const TabModeTextAlignCenter: Story;
+export declare const TabModeTextAlignCenterWithVideo: Story;

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

@@ -1,4 +1,4 @@
-"use strict";var l=Object.create;var p=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var y=(t,a)=>{for(var s in a)p(t,s,{get:a[s],enumerable:!0})},r=(t,a,s,m)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of g(a))!b.call(t,n)&&n!==s&&p(t,n,{get:()=>a[n],enumerable:!(m=f(a,n))||m.enumerable});return t};var u=(t,a,s)=>(s=t!=null?l(h(t)):{},r(a||!t||!t.__esModule?p(s,"default",{value:t,enumerable:!0}):s,t)),_=t=>r(p({},"__esModule",{value:!0}),t);var Z={};y(Z,{DarkTheme:()=>S,Default:()=>T,LayoutBottom:()=>P,LayoutRight:()=>L,LayoutTop:()=>k,MinimalContent:()=>R,TabMode:()=>E,TabModeTextAlignCenter:()=>Q,TabModeTextAlignCenterWithVideo:()=>X,TabModeThreeItems:()=>B,TabModeWithVideo:()=>z,TextAlignCenter:()=>q,TextAlignCenterWithButton:()=>G,TextAlignCenterWithItems:()=>Y,TextAlignCenterWithVideo:()=>K,WithButton:()=>O,WithButtonSecondary:()=>N,WithCustomStyles:()=>J,WithDescriptionText:()=>M,WithDescriptionTextDark:()=>I,WithItems:()=>W,WithItemsAndButton:()=>j,WithItemsButtonAndVideo:()=>H,WithItemsDark:()=>F,WithItemsImageRight:()=>w,WithItemsVideo:()=>V,WithVideo:()=>C,WithVideoRight:()=>U,WithVideoTop:()=>D,WithoutSubtitle:()=>A,default:()=>x});module.exports=_(Z);var ee=require("react"),d=u(require("../biz-components/ImageWithText/index.js"));const v={title:"Biz Components/ImageWithText",component:d.default,parameters:{layout:"padded",docs:{description:{component:`
+"use strict";var d=Object.create;var p=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var u=(t,a)=>{for(var s in a)p(t,s,{get:a[s],enumerable:!0})},l=(t,a,s,m)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of g(a))!b.call(t,n)&&n!==s&&p(t,n,{get:()=>a[n],enumerable:!(m=f(a,n))||m.enumerable});return t};var y=(t,a,s)=>(s=t!=null?d(h(t)):{},l(a||!t||!t.__esModule?p(s,"default",{value:t,enumerable:!0}):s,t)),_=t=>l(p({},"__esModule",{value:!0}),t);var Z={};u(Z,{DarkTheme:()=>S,Default:()=>T,LayoutBottom:()=>P,LayoutRight:()=>A,LayoutTop:()=>k,MinimalContent:()=>I,TabMode:()=>E,TabModeTextAlignCenter:()=>Q,TabModeTextAlignCenterWithVideo:()=>X,TabModeThreeItems:()=>B,TabModeWithVideo:()=>z,TextAlignCenter:()=>q,TextAlignCenterWithButton:()=>G,TextAlignCenterWithItems:()=>Y,TextAlignCenterWithVideo:()=>K,WithButton:()=>O,WithButtonSecondary:()=>N,WithCustomStyles:()=>J,WithDescriptionText:()=>R,WithDescriptionTextDark:()=>M,WithItems:()=>W,WithItemsAndButton:()=>j,WithItemsButtonAndVideo:()=>H,WithItemsDark:()=>F,WithItemsImageRight:()=>w,WithItemsVideo:()=>V,WithVideo:()=>U,WithVideoRight:()=>C,WithVideoTop:()=>D,WithoutSubtitle:()=>L,default:()=>x});module.exports=_(Z);var ee=require("react"),r=y(require("../biz-components/ImageWithText/index.js"));const v={title:"Biz Components/ImageWithText",component:r.default,parameters:{layout:"padded",docs:{description:{component:`
 # ImageWithText \u56FE\u6587\u5C55\u793A\u7EC4\u4EF6
 \u591A\u529F\u80FD\u56FE\u6587\u5C55\u793A\u7EC4\u4EF6\uFF0C\u652F\u6301\u591A\u79CD\u6A21\u5F0F\u548C\u5E03\u5C40\uFF1A
@@ -31,7 +31,7 @@
 1. **\u57FA\u7840\u6A21\u5F0F**\uFF1A\u56FE\u7247/\u89C6\u9891 + \u6587\u672C\u5185\u5BB9\uFF0C\u53EF\u9009\u529F\u80FD\u5217\u8868
 2. **Tab\u6A21\u5F0F**\uFF1ATab \u5207\u6362\u5C55\u793A\uFF0C\u652F\u6301\u56FE\u7247/\u89C6\u9891
 3. **\u6309\u94AE\u6A21\u5F0F**\uFF1A\u5E26\u8DF3\u8F6C\u6309\u94AE\u7684\u4EA4\u4E92\u7248\u672C
-        `}}},tags:["autodocs"]};var x=v;const i={theme:"light",title:"Precise Navigation",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008",alt:"Precise Navigation",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008",mimeType:"image/png"},subtitle:"iPath Laser Navigation plans optimal cleaning routes with pinpoint accuracy to ensure nothing is missed.",mobileImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556",alt:"Precise Navigation Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556",mimeType:"image/png"},padImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3eff1459-0ad0-4484-9768-6912c863e0b7_eufy_E25_HydroJet_Robot_Vacuum_20_000_Pa_Suction_All-in-One_Cleaning_1.png?v=1752660252",alt:"Precise Navigation Pad",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3eff1459-0ad0-4484-9768-6912c863e0b7_eufy_E25_HydroJet_Robot_Vacuum_20_000_Pa_Suction_All-in-One_Cleaning_1.png?v=1752660252",mimeType:"image/png"},items:[{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015",alt:"LED",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015",mimeType:"image/svg+xml"},text:"LED",desc:"Equipped with LEDs for dark environments"},{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon2_fb84c5b0-dfe6-4930-b637-a8735ed0f946.svg?v=1751875015",alt:"200+",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon2_fb84c5b0-dfe6-4930-b637-a8735ed0f946.svg?v=1751875015",mimeType:"image/svg+xml"},text:"200+",desc:"Identifies and avoids 200+ objects."}]},T={args:{data:i},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u9ED8\u8BA4\u5E03\u5C40(\u5DE6\u4FA7)\uFF1A\u56FE\u7247\u5728\u5DE6\u4FA7\uFF0C\u6587\u5B57\u5185\u5BB9\u5728\u53F3\u4FA7\uFF0C\u8FD9\u662F\u6700\u5E38\u7528\u7684\u5E03\u5C40\u65B9\u5F0F"}}}},S={args:{data:{...i,theme:"dark"}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u6DF1\u8272\u4E3B\u9898\uFF1A\u901A\u8FC7\u8BBE\u7F6Etheme\u4E3Adark\u542F\u7528\u6DF1\u8272\u4E3B\u9898"}}}},M={args:{data:{...i,desc:"20,000Pa",descIcon:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015"}},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u5E26\u63CF\u8FF0\u6587\u672C\uFF1A\u6DFB\u52A0desc\u548CdescIcon\u5B57\u6BB5\u663E\u793A\u989D\u5916\u7684\u4EA7\u54C1\u63CF\u8FF0\u4FE1\u606F"}}}},I={args:{data:{...i,theme:"dark",desc:"20,000Pa",descIcon:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015"}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u5E26\u63CF\u8FF0\u6587\u672C\u6DF1\u8272\u4E3B\u9898"}}}},A={args:{data:{theme:"light",title:"Precise Navigation",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008",alt:"Precise Navigation",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008",mimeType:"image/png"},padImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3eff1459-0ad0-4484-9768-6912c863e0b7_eufy_E25_HydroJet_Robot_Vacuum_20_000_Pa_Suction_All-in-One_Cleaning_1.png?v=1752660252",alt:"Precise Navigation Pad",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3eff1459-0ad0-4484-9768-6912c863e0b7_eufy_E25_HydroJet_Robot_Vacuum_20_000_Pa_Suction_All-in-One_Cleaning_1.png?v=1752660252",mimeType:"image/png"},mobileImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556",alt:"Precise Navigation Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556",mimeType:"image/png"}}},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u65E0\u526F\u6807\u9898\uFF1A\u53EA\u663E\u793A\u6807\u9898\u548C\u56FE\u7247\uFF0C\u4E0D\u663E\u793A\u526F\u6807\u9898"}}}},R={args:{data:{theme:"light",title:"Simple Title",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008",alt:"Simple Title",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008",mimeType:"image/png"},padImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3eff1459-0ad0-4484-9768-6912c863e0b7_eufy_E25_HydroJet_Robot_Vacuum_20_000_Pa_Suction_All-in-One_Cleaning_1.png?v=1752660252",alt:"Simple Title Pad",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3eff1459-0ad0-4484-9768-6912c863e0b7_eufy_E25_HydroJet_Robot_Vacuum_20_000_Pa_Suction_All-in-One_Cleaning_1.png?v=1752660252",mimeType:"image/png"},mobileImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556",alt:"Simple Title Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556",mimeType:"image/png"}}},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u6700\u5C0F\u5185\u5BB9\uFF1A\u4EC5\u5305\u542B\u6807\u9898\u548C\u56FE\u7247\u7684\u6700\u7B80\u914D\u7F6E"}}}},L={args:{data:{...i,layout:"right"}},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u53F3\u4FA7\u5E03\u5C40\uFF1A\u56FE\u7247\u5728\u53F3\u4FA7\uFF0C\u6587\u5B57\u5185\u5BB9\u5728\u5DE6\u4FA7\uFF0C\u901A\u8FC7\u8BBE\u7F6Elayout\u4E3Aright\u5B9E\u73B0"}}}},k={args:{data:{...i,layout:"top"}},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u9876\u90E8\u5E03\u5C40\uFF1A\u56FE\u7247\u5728\u4E0A\u65B9\uFF0C\u6587\u5B57\u5185\u5BB9\u5728\u4E0B\u65B9\uFF0C\u901A\u8FC7\u8BBE\u7F6Elayout\u4E3Atop\u5B9E\u73B0\uFF0C\u9002\u5408\u7AD6\u5C4F\u5C55\u793A"}}}},P={args:{data:{...i,layout:"bottom"}},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u5E95\u90E8\u5E03\u5C40\uFF1A\u56FE\u7247\u5728\u4E0B\u65B9\uFF0C\u6587\u5B57\u5185\u5BB9\u5728\u4E0A\u65B9\uFF0C\u901A\u8FC7\u8BBE\u7F6Elayout\u4E3Abottom\u5B9E\u73B0"}}}},o={title:"DuoSpiral\u2122 Detangle Brushes",subtitle:"DuoSpiral\u2122 brushes prevent hair from getting tangled for a hassle-free cleaning experience.",mediaType:"video",image:{url:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",alt:"DuoSpiral\u2122 Detangle Brushes",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",mimeType:"image/png"},video:{url:"https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4",alt:"DuoSpiral\u2122 Detangle Brushes Video",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",mimeType:"video/mp4"},mobileImage:{url:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811",alt:"DuoSpiral\u2122 Detangle Brushes Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811",mimeType:"image/png"},mobVideo:{url:"https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4",alt:"DuoSpiral\u2122 Detangle Brushes Mobile Video",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811",mimeType:"video/mp4"}},C={args:{data:o},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u89C6\u9891\u652F\u6301(\u9ED8\u8BA4\u5DE6\u4FA7\u5E03\u5C40)\uFF1A\u901A\u8FC7\u8BBE\u7F6EmediaType\u4E3Avideo\uFF0C\u4F7F\u7528video\u548CmobileVideo\u5B57\u6BB5\u5C55\u793A\u89C6\u9891\u5185\u5BB9\uFF0C\u652F\u6301\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u4E0D\u540C\u89C6\u9891\uFF0C\u5E26\u61D2\u52A0\u8F7D\u529F\u80FD"}}}},U={args:{data:{...o,layout:"right"}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u89C6\u9891\u53F3\u4FA7\u5E03\u5C40\uFF1A\u89C6\u9891\u5728\u53F3\u4FA7\uFF0C\u6587\u5B57\u5185\u5BB9\u5728\u5DE6\u4FA7\uFF0C\u7ED3\u5408mediaType\u548Clayout\u5B9E\u73B0"}}}},D={args:{data:{...o,layout:"top"}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u89C6\u9891\u9876\u90E8\u5E03\u5C40\uFF1A\u89C6\u9891\u5728\u4E0A\u65B9\uFF0C\u6587\u5B57\u5185\u5BB9\u5728\u4E0B\u65B9\uFF0C\u9002\u5408\u5F3A\u8C03\u89C6\u9891\u5185\u5BB9\u7684\u573A\u666F"}}}},c={title:"AI.See\u2122 Obstacle Avoidance",subtitle:"Advanced AI and RGB visual recognition.",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance.png?v=1751341747",alt:"AI.See\u2122 Obstacle Avoidance",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance.png?v=1751341747",mimeType:"image/png"},padImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-pad-ai.png?v=1752582807",alt:"AI.See\u2122 Obstacle Avoidance Pad",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-pad-ai.png?v=1752582807",mimeType:"image/png"},mobileImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance-mob.png?v=1751341780",alt:"AI.See\u2122 Obstacle Avoidance Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance-mob.png?v=1751341780",mimeType:"image/png"},items:[{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015",alt:"LED",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015",mimeType:"image/svg+xml"},text:"LED",desc:"Equipped with LEDs for dark environments"},{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon2_fb84c5b0-dfe6-4930-b637-a8735ed0f946.svg?v=1751875015",alt:"200+",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon2_fb84c5b0-dfe6-4930-b637-a8735ed0f946.svg?v=1751875015",mimeType:"image/svg+xml"},text:"200+",desc:"Identifies and avoids 200+ objects."}]},W={args:{data:c},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F + \u529F\u80FD\u5217\u8868\uFF1A\u901A\u8FC7\u6DFB\u52A0items\u6570\u7EC4\u5C55\u793A\u4EA7\u54C1\u529F\u80FD\u7279\u6027\u5217\u8868\uFF0C\u652F\u6301\u56FE\u7247/\u89C6\u9891\u548C\u5E03\u5C40\u4F4D\u7F6E\u914D\u7F6E"}}}},w={args:{data:{...c,layout:"right"}},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F + \u529F\u80FD\u5217\u8868 - \u56FE\u7247\u5728\u53F3\u4FA7\uFF1A\u901A\u8FC7\u8BBE\u7F6Elayout\u4E3Aright\u5C06\u56FE\u7247\u653E\u7F6E\u5728\u53F3\u4FA7"}}}},F={args:{data:{...c,theme:"dark"}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F + \u529F\u80FD\u5217\u8868 - \u6DF1\u8272\u4E3B\u9898"}}}},V={args:{data:{title:"AI.See\u2122 Obstacle Avoidance",subtitle:"Advanced AI and RGB visual recognition.",mediaType:"video",video:o.video,padVideo:o.video,mobVideo:o.mobVideo,items:c.items}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F + \u529F\u80FD\u5217\u8868 - \u89C6\u9891\u652F\u6301\uFF1A\u529F\u80FD\u5217\u8868\u6A21\u5F0F\u4E5F\u652F\u6301\u89C6\u9891\u5C55\u793A\uFF0C\u652F\u6301\u4E09\u7AEF\u72EC\u7ACB\u914D\u7F6E"}}}},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"}}]},E={args:{data:e},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"TabWithImage\u6A21\u5F0F\uFF1A\u5F53data\u4E2D\u5305\u542Bdatalist\u6570\u7EC4\u65F6\u81EA\u52A8\u542F\u7528\uFF0C\u652F\u6301Tab\u5207\u6362\u548C\u56FE\u7247\u52A8\u753B\u6548\u679C"}}}},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"}}]}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"TabWithImage\u6A21\u5F0F - \u4E09\u4E2ATab\u9879"}}}},z={args:{data:{title:"Smart App Control",desc:"Effortless customization at your fingertips.",mediaType:"video",datalist:[{title:"Customizable Cleaning Modes",video:{url:"https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4",alt:"Customizable Cleaning Modes Video",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",mimeType:"video/mp4"},image:e.datalist[0].image,imgPad:e.datalist[0].imgPad,imageMob:e.datalist[0].imageMob},{title:"Multi-Floor Mapping",video:{url:"https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4",alt:"Multi-Floor Mapping Video",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",mimeType:"video/mp4"},image:e.datalist[1].image,imgPad:e.datalist[1].imgPad,imageMob:e.datalist[1].imageMob}]}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"TabWithImage\u6A21\u5F0F - \u89C6\u9891\u652F\u6301\uFF1ATab\u6A21\u5F0F\u73B0\u5728\u4E5F\u652F\u6301\u89C6\u9891\uFF0C\u901A\u8FC7\u8BBE\u7F6EmediaType\u4E3Avideo\u542F\u7528\uFF0C\u652F\u6301\u4E09\u7AEF\u72EC\u7ACB\u89C6\u9891\u914D\u7F6E"}}}},O={args:{data:{...i,button:{text:"\u7ACB\u5373\u8D2D\u4E70",link:"https://example.com/buy",variant:"primary"}}},parameters:{docs:{description:{story:"\u6309\u94AE\u529F\u80FD\u5C55\u793A\uFF1A\u6DFB\u52A0\u4E3B\u8981\u6837\u5F0F\u6309\u94AE\uFF0C\u5B58\u5728\u6309\u94AE\u65F6\u6587\u672C\u533A\u57DF\u7531\u5782\u76F4\u5C45\u4E2D\u6539\u4E3A space-between \u5BF9\u9F50"}}}},N={args:{data:{...i,layout:"right",button:{text:"\u4E86\u89E3\u66F4\u591A",link:"https://example.com/learn-more",variant:"secondary"}}},parameters:{docs:{description:{story:"\u6309\u94AE\u529F\u80FD + \u6B21\u8981\u6837\u5F0F\uFF1A\u5C55\u793A secondary \u6837\u5F0F\u6309\u94AE\uFF08\u8FB9\u6846\u6837\u5F0F\uFF09\uFF0C\u7ED3\u5408\u53F3\u6587\u5DE6\u56FE\u5E03\u5C40"}}}},j={args:{data:{title:"\u667A\u80FD\u6E05\u6D01\u673A\u5668\u4EBA",subtitle:"AI \u6280\u672F\u91CD\u65B0\u5B9A\u4E49\u6E05\u6D01\u4F53\u9A8C",layout:"left",image:{url:"https://images.unsplash.com/photo-1593642632559-0c6d3fc62b89?w=800&h=600&fit=crop",alt:"\u667A\u80FD\u6E05\u6D01\u673A\u5668\u4EBA",mimeType:"image/jpeg"},mobileImage:{url:"https://images.unsplash.com/photo-1593642632559-0c6d3fc62b89?w=600&h=800&fit=crop",alt:"\u667A\u80FD\u6E05\u6D01\u673A\u5668\u4EBA",mimeType:"image/jpeg"},items:[{icon:{url:"https://cdn-icons-png.flaticon.com/512/1828/1828884.png",alt:"\u8D85\u5F3A\u7EED\u822A",mimeType:"image/png"},text:"\u8D85\u5F3A\u7EED\u822A",desc:"\u4E00\u6B21\u5145\u7535\u53EF\u6301\u7EED\u5DE5\u4F5C 180 \u5206\u949F\uFF0C\u8F7B\u677E\u5B8C\u6210\u5168\u5C4B\u6E05\u6D01\u4EFB\u52A1"},{icon:{url:"https://cdn-icons-png.flaticon.com/512/2917/2917995.png",alt:"\u667A\u80FD\u8DEF\u5F84",mimeType:"image/png"},text:"AI \u5BFC\u822A",desc:"\u6FC0\u5149\u5BFC\u822A\u6280\u672F\uFF0C\u81EA\u52A8\u89C4\u5212\u6700\u4F18\u6E05\u6D01\u8DEF\u5F84\uFF0C\u9AD8\u6548\u4E0D\u91CD\u590D"}],button:{text:"\u7ACB\u5373\u4F53\u9A8C",link:"https://example.com/experience",variant:"primary"}}},parameters:{docs:{description:{story:"\u7EFC\u5408\u529F\u80FD\u5C55\u793A\uFF1A\u529F\u80FD\u5217\u8868 + \u6309\u94AE\u529F\u80FD\u7EC4\u5408\u4F7F\u7528\uFF0C\u5C55\u793A\u5B8C\u6574\u7684\u4EA7\u54C1\u4ECB\u7ECD\u9875\u9762\u6548\u679C"}}}},H={args:{data:{title:"\u9769\u65B0\u6E05\u6D01\u4F53\u9A8C",subtitle:"\u770B\u89C1\u79D1\u6280\u5982\u4F55\u91CD\u65B0\u5B9A\u4E49\u5BB6\u5C45\u6E05\u6D01",layout:"top",mediaType:"video",video:{url:"https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4",alt:"\u4EA7\u54C1\u6F14\u793A\u89C6\u9891",thumbnailURL:"https://via.placeholder.com/800x600/008CD6/ffffff?text=Product+Demo",mimeType:"video/mp4"},image:{url:"https://via.placeholder.com/800x600/008CD6/ffffff?text=Product+Demo",alt:"\u4EA7\u54C1\u6F14\u793A\u89C6\u9891\u5C01\u9762",thumbnailURL:"https://via.placeholder.com/800x600/008CD6/ffffff?text=Product+Demo",mimeType:"image/png"},items:[{icon:{url:"https://cdn-icons-png.flaticon.com/512/1792/1792931.png",alt:"AI \u6280\u672F",mimeType:"image/png"},text:"AI \u89C6\u89C9\u8BC6\u522B",desc:"\u5148\u8FDB AI \u7B97\u6CD5\uFF0C\u667A\u80FD\u8BC6\u522B\u5E76\u907F\u5F00\u969C\u788D\u7269"},{icon:{url:"https://cdn-icons-png.flaticon.com/512/2942/2942813.png",alt:"\u9759\u97F3\u6280\u672F",mimeType:"image/png"},text:"\u9759\u97F3\u8FD0\u884C",desc:"\u566A\u97F3\u63A7\u5236\u5728 55dB \u4EE5\u4E0B\uFF0C\u9759\u4EAB\u6E05\u6D01\u65F6\u5149"}],button:{text:"\u67E5\u770B\u8BE6\u7EC6\u53C2\u6570",link:"https://example.com/specs",variant:"secondary"}}},parameters:{docs:{description:{story:"\u7EC8\u6781\u7EFC\u5408\u5C55\u793A\uFF1A\u89C6\u9891 + \u529F\u80FD\u5217\u8868 + \u6309\u94AE\u529F\u80FD\uFF0C\u4E0A\u6587\u4E0B\u56FE\u5E03\u5C40\uFF0C\u5C55\u793A\u6700\u5B8C\u6574\u7684\u529F\u80FD\u7EC4\u5408"}}}},J={args:{data:i,className:"custom-image-with-text"},parameters:{docs:{description:{story:`
+        `}}},tags:["autodocs"]};var x=v;const i={theme:"light",title:"Precise Navigation",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008",alt:"Precise Navigation",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008",mimeType:"image/png"},subtitle:"iPath Laser Navigation plans optimal cleaning routes with pinpoint accuracy to ensure nothing is missed.",mobileImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556",alt:"Precise Navigation Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556",mimeType:"image/png"},padImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3eff1459-0ad0-4484-9768-6912c863e0b7_eufy_E25_HydroJet_Robot_Vacuum_20_000_Pa_Suction_All-in-One_Cleaning_1.png?v=1752660252",alt:"Precise Navigation Pad",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3eff1459-0ad0-4484-9768-6912c863e0b7_eufy_E25_HydroJet_Robot_Vacuum_20_000_Pa_Suction_All-in-One_Cleaning_1.png?v=1752660252",mimeType:"image/png"},items:[{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015",alt:"LED",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015",mimeType:"image/svg+xml"},text:"LED",desc:"Equipped with LEDs for dark environments"},{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon2_fb84c5b0-dfe6-4930-b637-a8735ed0f946.svg?v=1751875015",alt:"200+",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon2_fb84c5b0-dfe6-4930-b637-a8735ed0f946.svg?v=1751875015",mimeType:"image/svg+xml"},text:"200+",desc:"Identifies and avoids 200+ objects."}]},T={args:{data:i},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u9ED8\u8BA4\u5E03\u5C40(\u5DE6\u4FA7)\uFF1A\u56FE\u7247\u5728\u5DE6\u4FA7\uFF0C\u6587\u5B57\u5185\u5BB9\u5728\u53F3\u4FA7\uFF0C\u8FD9\u662F\u6700\u5E38\u7528\u7684\u5E03\u5C40\u65B9\u5F0F"}}}},S={args:{data:{...i,theme:"dark"}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u6DF1\u8272\u4E3B\u9898\uFF1A\u901A\u8FC7\u8BBE\u7F6Etheme\u4E3Adark\u542F\u7528\u6DF1\u8272\u4E3B\u9898"}}}},R={args:{data:{...i,desc:"20,000Pa",descIcon:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015"}},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u5E26\u63CF\u8FF0\u6587\u672C\uFF1A\u6DFB\u52A0desc\u548CdescIcon\u5B57\u6BB5\u663E\u793A\u989D\u5916\u7684\u4EA7\u54C1\u63CF\u8FF0\u4FE1\u606F"}}}},M={args:{data:{...i,theme:"dark",desc:"20,000Pa",descIcon:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015"}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u5E26\u63CF\u8FF0\u6587\u672C\u6DF1\u8272\u4E3B\u9898"}}}},L={args:{data:{theme:"light",title:"Precise Navigation",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008",alt:"Precise Navigation",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008",mimeType:"image/png"},padImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3eff1459-0ad0-4484-9768-6912c863e0b7_eufy_E25_HydroJet_Robot_Vacuum_20_000_Pa_Suction_All-in-One_Cleaning_1.png?v=1752660252",alt:"Precise Navigation Pad",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3eff1459-0ad0-4484-9768-6912c863e0b7_eufy_E25_HydroJet_Robot_Vacuum_20_000_Pa_Suction_All-in-One_Cleaning_1.png?v=1752660252",mimeType:"image/png"},mobileImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556",alt:"Precise Navigation Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556",mimeType:"image/png"}}},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u65E0\u526F\u6807\u9898\uFF1A\u53EA\u663E\u793A\u6807\u9898\u548C\u56FE\u7247\uFF0C\u4E0D\u663E\u793A\u526F\u6807\u9898"}}}},I={args:{data:{theme:"light",title:"Simple Title",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008",alt:"Simple Title",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008",mimeType:"image/png"},padImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3eff1459-0ad0-4484-9768-6912c863e0b7_eufy_E25_HydroJet_Robot_Vacuum_20_000_Pa_Suction_All-in-One_Cleaning_1.png?v=1752660252",alt:"Simple Title Pad",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3eff1459-0ad0-4484-9768-6912c863e0b7_eufy_E25_HydroJet_Robot_Vacuum_20_000_Pa_Suction_All-in-One_Cleaning_1.png?v=1752660252",mimeType:"image/png"},mobileImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556",alt:"Simple Title Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556",mimeType:"image/png"}}},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u6700\u5C0F\u5185\u5BB9\uFF1A\u4EC5\u5305\u542B\u6807\u9898\u548C\u56FE\u7247\u7684\u6700\u7B80\u914D\u7F6E"}}}},A={args:{data:{...i,layout:"right"}},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u53F3\u4FA7\u5E03\u5C40\uFF1A\u56FE\u7247\u5728\u53F3\u4FA7\uFF0C\u6587\u5B57\u5185\u5BB9\u5728\u5DE6\u4FA7\uFF0C\u901A\u8FC7\u8BBE\u7F6Elayout\u4E3Aright\u5B9E\u73B0"}}}},k={args:{data:{...i,layout:"top"}},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u9876\u90E8\u5E03\u5C40\uFF1A\u56FE\u7247\u5728\u4E0A\u65B9\uFF0C\u6587\u5B57\u5185\u5BB9\u5728\u4E0B\u65B9\uFF0C\u901A\u8FC7\u8BBE\u7F6Elayout\u4E3Atop\u5B9E\u73B0\uFF0C\u9002\u5408\u7AD6\u5C4F\u5C55\u793A"}}}},P={args:{data:{...i,layout:"bottom"}},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u5E95\u90E8\u5E03\u5C40\uFF1A\u56FE\u7247\u5728\u4E0B\u65B9\uFF0C\u6587\u5B57\u5185\u5BB9\u5728\u4E0A\u65B9\uFF0C\u901A\u8FC7\u8BBE\u7F6Elayout\u4E3Abottom\u5B9E\u73B0"}}}},o={title:"DuoSpiral\u2122 Detangle Brushes",subtitle:"DuoSpiral\u2122 brushes prevent hair from getting tangled for a hassle-free cleaning experience.",mediaType:"video",image:{url:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",alt:"DuoSpiral\u2122 Detangle Brushes",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",mimeType:"image/png"},video:{url:"https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4",alt:"DuoSpiral\u2122 Detangle Brushes Video",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",mimeType:"video/mp4"},mobileImage:{url:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811",alt:"DuoSpiral\u2122 Detangle Brushes Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811",mimeType:"image/png"},mobVideo:{url:"https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4",alt:"DuoSpiral\u2122 Detangle Brushes Mobile Video",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811",mimeType:"video/mp4"}},U={args:{data:o},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u89C6\u9891\u652F\u6301(\u9ED8\u8BA4\u5DE6\u4FA7\u5E03\u5C40)\uFF1A\u901A\u8FC7\u8BBE\u7F6EmediaType\u4E3Avideo\uFF0C\u4F7F\u7528video\u548CmobileVideo\u5B57\u6BB5\u5C55\u793A\u89C6\u9891\u5185\u5BB9\uFF0C\u652F\u6301\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u4E0D\u540C\u89C6\u9891\uFF0C\u5E26\u61D2\u52A0\u8F7D\u529F\u80FD"}}}},C={args:{data:{...o,layout:"right"}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u89C6\u9891\u53F3\u4FA7\u5E03\u5C40\uFF1A\u89C6\u9891\u5728\u53F3\u4FA7\uFF0C\u6587\u5B57\u5185\u5BB9\u5728\u5DE6\u4FA7\uFF0C\u7ED3\u5408mediaType\u548Clayout\u5B9E\u73B0"}}}},D={args:{data:{...o,layout:"top"}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u89C6\u9891\u9876\u90E8\u5E03\u5C40\uFF1A\u89C6\u9891\u5728\u4E0A\u65B9\uFF0C\u6587\u5B57\u5185\u5BB9\u5728\u4E0B\u65B9\uFF0C\u9002\u5408\u5F3A\u8C03\u89C6\u9891\u5185\u5BB9\u7684\u573A\u666F"}}}},c={title:"AI.See\u2122 Obstacle Avoidance",subtitle:"Advanced AI and RGB visual recognition.",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance.png?v=1751341747",alt:"AI.See\u2122 Obstacle Avoidance",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance.png?v=1751341747",mimeType:"image/png"},padImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-pad-ai.png?v=1752582807",alt:"AI.See\u2122 Obstacle Avoidance Pad",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-pad-ai.png?v=1752582807",mimeType:"image/png"},mobileImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance-mob.png?v=1751341780",alt:"AI.See\u2122 Obstacle Avoidance Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance-mob.png?v=1751341780",mimeType:"image/png"},items:[{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015",alt:"LED",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015",mimeType:"image/svg+xml"},text:"LED",desc:"Equipped with LEDs for dark environments"},{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon2_fb84c5b0-dfe6-4930-b637-a8735ed0f946.svg?v=1751875015",alt:"200+",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon2_fb84c5b0-dfe6-4930-b637-a8735ed0f946.svg?v=1751875015",mimeType:"image/svg+xml"},text:"200+",desc:"Identifies and avoids 200+ objects."}]},W={args:{data:c},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F + \u529F\u80FD\u5217\u8868\uFF1A\u901A\u8FC7\u6DFB\u52A0items\u6570\u7EC4\u5C55\u793A\u4EA7\u54C1\u529F\u80FD\u7279\u6027\u5217\u8868\uFF0C\u652F\u6301\u56FE\u7247/\u89C6\u9891\u548C\u5E03\u5C40\u4F4D\u7F6E\u914D\u7F6E"}}}},w={args:{data:{...c,layout:"right"}},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F + \u529F\u80FD\u5217\u8868 - \u56FE\u7247\u5728\u53F3\u4FA7\uFF1A\u901A\u8FC7\u8BBE\u7F6Elayout\u4E3Aright\u5C06\u56FE\u7247\u653E\u7F6E\u5728\u53F3\u4FA7"}}}},F={args:{data:{...c,theme:"dark"}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F + \u529F\u80FD\u5217\u8868 - \u6DF1\u8272\u4E3B\u9898"}}}},V={args:{data:{title:"AI.See\u2122 Obstacle Avoidance",subtitle:"Advanced AI and RGB visual recognition.",mediaType:"video",video:o.video,padVideo:o.video,mobVideo:o.mobVideo,items:c.items}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F + \u529F\u80FD\u5217\u8868 - \u89C6\u9891\u652F\u6301\uFF1A\u529F\u80FD\u5217\u8868\u6A21\u5F0F\u4E5F\u652F\u6301\u89C6\u9891\u5C55\u793A\uFF0C\u652F\u6301\u4E09\u7AEF\u72EC\u7ACB\u914D\u7F6E"}}}},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"}}]},E={args:{data:e},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"TabWithImage\u6A21\u5F0F\uFF1A\u5F53data\u4E2D\u5305\u542Bdatalist\u6570\u7EC4\u65F6\u81EA\u52A8\u542F\u7528\uFF0C\u652F\u6301Tab\u5207\u6362\u548C\u56FE\u7247\u52A8\u753B\u6548\u679C"}}}},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"}}]}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"TabWithImage\u6A21\u5F0F - \u4E09\u4E2ATab\u9879"}}}},z={args:{data:{title:"Smart App Control",desc:"Effortless customization at your fingertips.",mediaType:"video",datalist:[{title:"Customizable Cleaning Modes",video:{url:"https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4",alt:"Customizable Cleaning Modes Video",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",mimeType:"video/mp4"},image:e.datalist[0].image,imgPad:e.datalist[0].imgPad,imageMob:e.datalist[0].imageMob},{title:"Multi-Floor Mapping",video:{url:"https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4",alt:"Multi-Floor Mapping Video",thumbnailURL:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",mimeType:"video/mp4"},image:e.datalist[1].image,imgPad:e.datalist[1].imgPad,imageMob:e.datalist[1].imageMob}]}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"TabWithImage\u6A21\u5F0F - \u89C6\u9891\u652F\u6301\uFF1ATab\u6A21\u5F0F\u73B0\u5728\u4E5F\u652F\u6301\u89C6\u9891\uFF0C\u901A\u8FC7\u8BBE\u7F6EmediaType\u4E3Avideo\u542F\u7528\uFF0C\u652F\u6301\u4E09\u7AEF\u72EC\u7ACB\u89C6\u9891\u914D\u7F6E"}}}},O={args:{data:{...i,button:{text:"\u7ACB\u5373\u8D2D\u4E70",link:"https://example.com/buy",variant:"primary"}}},parameters:{docs:{description:{story:"\u6309\u94AE\u529F\u80FD\u5C55\u793A\uFF1A\u6DFB\u52A0\u4E3B\u8981\u6837\u5F0F\u6309\u94AE\uFF0C\u5B58\u5728\u6309\u94AE\u65F6\u6587\u672C\u533A\u57DF\u7531\u5782\u76F4\u5C45\u4E2D\u6539\u4E3A space-between \u5BF9\u9F50"}}}},N={args:{data:{...i,layout:"right",button:{text:"\u4E86\u89E3\u66F4\u591A",link:"https://example.com/learn-more",variant:"secondary"}}},parameters:{docs:{description:{story:"\u6309\u94AE\u529F\u80FD + \u6B21\u8981\u6837\u5F0F\uFF1A\u5C55\u793A secondary \u6837\u5F0F\u6309\u94AE\uFF08\u8FB9\u6846\u6837\u5F0F\uFF09\uFF0C\u7ED3\u5408\u53F3\u6587\u5DE6\u56FE\u5E03\u5C40"}}}},j={args:{data:{title:"\u667A\u80FD\u6E05\u6D01\u673A\u5668\u4EBA",subtitle:"AI \u6280\u672F\u91CD\u65B0\u5B9A\u4E49\u6E05\u6D01\u4F53\u9A8C",layout:"left",image:{url:"https://images.unsplash.com/photo-1593642632559-0c6d3fc62b89?w=800&h=600&fit=crop",alt:"\u667A\u80FD\u6E05\u6D01\u673A\u5668\u4EBA",thumbnailURL:"https://images.unsplash.com/photo-1593642632559-0c6d3fc62b89?w=800&h=600&fit=crop",mimeType:"image/jpeg"},mobileImage:{url:"https://images.unsplash.com/photo-1593642632559-0c6d3fc62b89?w=600&h=800&fit=crop",alt:"\u667A\u80FD\u6E05\u6D01\u673A\u5668\u4EBA",thumbnailURL:"https://images.unsplash.com/photo-1593642632559-0c6d3fc62b89?w=600&h=800&fit=crop",mimeType:"image/jpeg"},items:[{icon:{url:"https://cdn-icons-png.flaticon.com/512/1828/1828884.png",alt:"\u8D85\u5F3A\u7EED\u822A",thumbnailURL:"https://cdn-icons-png.flaticon.com/512/1828/1828884.png",mimeType:"image/png"},text:"\u8D85\u5F3A\u7EED\u822A",desc:"\u4E00\u6B21\u5145\u7535\u53EF\u6301\u7EED\u5DE5\u4F5C 180 \u5206\u949F\uFF0C\u8F7B\u677E\u5B8C\u6210\u5168\u5C4B\u6E05\u6D01\u4EFB\u52A1"},{icon:{url:"https://cdn-icons-png.flaticon.com/512/2917/2917995.png",alt:"\u667A\u80FD\u8DEF\u5F84",thumbnailURL:"https://cdn-icons-png.flaticon.com/512/2917/2917995.png",mimeType:"image/png"},text:"AI \u5BFC\u822A",desc:"\u6FC0\u5149\u5BFC\u822A\u6280\u672F\uFF0C\u81EA\u52A8\u89C4\u5212\u6700\u4F18\u6E05\u6D01\u8DEF\u5F84\uFF0C\u9AD8\u6548\u4E0D\u91CD\u590D"}],button:{text:"\u7ACB\u5373\u4F53\u9A8C",link:"https://example.com/experience",variant:"primary"}}},parameters:{docs:{description:{story:"\u7EFC\u5408\u529F\u80FD\u5C55\u793A\uFF1A\u529F\u80FD\u5217\u8868 + \u6309\u94AE\u529F\u80FD\u7EC4\u5408\u4F7F\u7528\uFF0C\u5C55\u793A\u5B8C\u6574\u7684\u4EA7\u54C1\u4ECB\u7ECD\u9875\u9762\u6548\u679C"}}}},H={args:{data:{title:"\u9769\u65B0\u6E05\u6D01\u4F53\u9A8C",subtitle:"\u770B\u89C1\u79D1\u6280\u5982\u4F55\u91CD\u65B0\u5B9A\u4E49\u5BB6\u5C45\u6E05\u6D01",layout:"top",mediaType:"video",video:{url:"https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4",alt:"\u4EA7\u54C1\u6F14\u793A\u89C6\u9891",thumbnailURL:"https://via.placeholder.com/800x600/008CD6/ffffff?text=Product+Demo",mimeType:"video/mp4"},image:{url:"https://via.placeholder.com/800x600/008CD6/ffffff?text=Product+Demo",alt:"\u4EA7\u54C1\u6F14\u793A\u89C6\u9891\u5C01\u9762",thumbnailURL:"https://via.placeholder.com/800x600/008CD6/ffffff?text=Product+Demo",mimeType:"image/png"},items:[{icon:{url:"https://cdn-icons-png.flaticon.com/512/1792/1792931.png",alt:"AI \u6280\u672F",thumbnailURL:"https://cdn-icons-png.flaticon.com/512/1792/1792931.png",mimeType:"image/png"},text:"AI \u89C6\u89C9\u8BC6\u522B",desc:"\u5148\u8FDB AI \u7B97\u6CD5\uFF0C\u667A\u80FD\u8BC6\u522B\u5E76\u907F\u5F00\u969C\u788D\u7269"},{icon:{url:"https://cdn-icons-png.flaticon.com/512/2942/2942813.png",alt:"\u9759\u97F3\u6280\u672F",thumbnailURL:"https://cdn-icons-png.flaticon.com/512/2942/2942813.png",mimeType:"image/png"},text:"\u9759\u97F3\u8FD0\u884C",desc:"\u566A\u97F3\u63A7\u5236\u5728 55dB \u4EE5\u4E0B\uFF0C\u9759\u4EAB\u6E05\u6D01\u65F6\u5149"}],button:{text:"\u67E5\u770B\u8BE6\u7EC6\u53C2\u6570",link:"https://example.com/specs",variant:"secondary"}}},parameters:{docs:{description:{story:"\u7EC8\u6781\u7EFC\u5408\u5C55\u793A\uFF1A\u89C6\u9891 + \u529F\u80FD\u5217\u8868 + \u6309\u94AE\u529F\u80FD\uFF0C\u4E0A\u6587\u4E0B\u56FE\u5E03\u5C40\uFF0C\u5C55\u793A\u6700\u5B8C\u6574\u7684\u529F\u80FD\u7EC4\u5408"}}}},J={args:{data:i,className:"custom-image-with-text"},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**