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/esm/stories/featureShowcase.stories.d.ts CHANGED Viewed

@@ -1,5 +1,25 @@
+import React from 'react';
 import type { StoryObj } from '@storybook/react';
-declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
+import type { FeatureShowcaseProps } from '../biz-components/FeatureShowcase/types.js';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<Omit<FeatureShowcaseProps & React.RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
+        className?: string;
+        data?: Record<string, any>;
+    }, "ref"> & React.RefAttributes<any>>;
+    parameters: {
+        layout: string;
+        backgrounds: {
+            default: string;
+        };
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;

package/dist/esm/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/esm/stories/imageTextFeature.stories.d.ts CHANGED Viewed

@@ -1,5 +1,22 @@
+import React from 'react';
 import type { StoryObj } from '@storybook/react';
-declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
+import type { ImageTextFeatureProps } from '../biz-components/ImageTextFeature/types.js';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<Omit<ImageTextFeatureProps & React.RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
+        className?: string;
+        data?: Record<string, any>;
+    }, "ref"> & React.RefAttributes<any>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;

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

@@ -1,5 +1,22 @@
+import React from 'react';
 import type { StoryObj } from '@storybook/react';
-declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
+import type { ImageWithTextProps } from '../biz-components/ImageWithText/types.js';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<Omit<ImageWithTextProps & React.RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
+        className?: string;
+        data?: Record<string, any>;
+    }, "ref"> & React.RefAttributes<any>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
@@ -21,4 +38,14 @@ 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/esm/stories/imageWithText.stories.js CHANGED Viewed

@@ -31,7 +31,7 @@ import"react";import s from"../biz-components/ImageWithText/index.js";const o={t
 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 m=o;const t={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."}]},r={args:{data:t},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"}}}},d={args:{data:{...t,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"}}}},l={args:{data:{...t,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"}}}},f={args:{data:{...t,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"}}}},g={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"}}}},h={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"}}}},b={args:{data:{...t,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"}}}},y={args:{data:{...t,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"}}}},u={args:{data:{...t,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"}}}},i={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"}},_={args:{data:i},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"}}}},v={args:{data:{...i,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"}}}},x={args:{data:{...i,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"}}}},a={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."}]},T={args:{data:a},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"}}}},S={args:{data:{...a,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"}}}},M={args:{data:{...a,theme:"dark"}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F + \u529F\u80FD\u5217\u8868 - \u6DF1\u8272\u4E3B\u9898"}}}},I={args:{data:{title:"AI.See\u2122 Obstacle Avoidance",subtitle:"Advanced AI and RGB visual recognition.",mediaType:"video",video:i.video,padVideo:i.video,mobVideo:i.mobVideo,items:a.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"}}]},A={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"}}}},R={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"}}}},L={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"}}}},k={args:{data:{...t,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"}}}},P={args:{data:{...t,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"}}}},C={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"}}}},U={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"}}}},D={args:{data:t,className:"custom-image-with-text"},parameters:{docs:{description:{story:`
+        `}}},tags:["autodocs"]};var m=o;const t={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."}]},l={args:{data:t},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"}}}},r={args:{data:{...t,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"}}}},d={args:{data:{...t,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"}}}},f={args:{data:{...t,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"}}}},g={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"}}}},h={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"}}}},b={args:{data:{...t,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"}}}},u={args:{data:{...t,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"}}}},y={args:{data:{...t,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"}}}},i={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"}},_={args:{data:i},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"}}}},v={args:{data:{...i,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"}}}},x={args:{data:{...i,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"}}}},a={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."}]},T={args:{data:a},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"}}}},S={args:{data:{...a,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"}}}},R={args:{data:{...a,theme:"dark"}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F + \u529F\u80FD\u5217\u8868 - \u6DF1\u8272\u4E3B\u9898"}}}},M={args:{data:{title:"AI.See\u2122 Obstacle Avoidance",subtitle:"Advanced AI and RGB visual recognition.",mediaType:"video",video:i.video,padVideo:i.video,mobVideo:i.mobVideo,items:a.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"}}]},L={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"}}}},I={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"}}}},A={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"}}}},k={args:{data:{...t,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"}}}},P={args:{data:{...t,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"}}}},U={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"}}}},C={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"}}}},D={args:{data:t,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**
@@ -80,5 +80,5 @@ import"react";import s from"../biz-components/ImageWithText/index.js";const o={t
   font-weight: 600;
 }
 \`\`\`
-        `}}}},W={args:{data:{...t,textAlign:"center"}},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF1A\u901A\u8FC7\u8BBE\u7F6E textAlign \u4E3A center \u5C06\u6587\u672C\u5185\u5BB9\u5C45\u4E2D\u5BF9\u9F50\uFF0C\u5305\u62EC\u6807\u9898\u3001\u526F\u6807\u9898\u7B49\u6240\u6709\u6587\u672C\u5143\u7D20"}}}},w={args:{data:{...t,textAlign:"center",button:{text:"\u7ACB\u5373\u8D2D\u4E70",link:"https://example.com/buy",variant:"primary"}}},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50 + \u6309\u94AE\uFF1A\u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\u6A21\u5F0F\u4E0B\u7684\u6309\u94AE\u5C55\u793A\u6548\u679C"}}}},F={args:{data:{...a,textAlign:"center"}},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F + \u529F\u80FD\u5217\u8868 - \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF1A\u529F\u80FD\u5217\u8868\u6A21\u5F0F\u4E0B\u7684\u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\u6548\u679C\uFF0C\u6807\u9898\u548C\u526F\u6807\u9898\u5C45\u4E2D\uFF0C\u529F\u80FD\u5217\u8868\u9879\u7684\u56FE\u6807\u548C\u6807\u9898\u4E5F\u4F1A\u5C45\u4E2D\u5BF9\u9F50"}}}},V={args:{data:{...i,textAlign:"center"}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u89C6\u9891 + \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF1A\u89C6\u9891\u6A21\u5F0F\u4E0B\u7684\u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\u6548\u679C"}}}},E={args:{data:{...e,textAlign:"center"}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"Tab\u6A21\u5F0F - \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF1ATab\u6A21\u5F0F\u4E0B\u7684\u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF0C\u6807\u9898\u3001\u63CF\u8FF0\u5C45\u4E2D\u663E\u793A\uFF0CTab\u5BFC\u822A\u680F\u4E5F\u4F1A\u5C45\u4E2D\u5BF9\u9F50"}}}},B={args:{data:{title:"Smart App Control",desc:"Effortless customization at your fingertips.",mediaType:"video",textAlign:"center",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:"Tab\u6A21\u5F0F - \u89C6\u9891 + \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF1ATab\u6A21\u5F0F\u7ED3\u5408\u89C6\u9891\u529F\u80FD\u7684\u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\u6548\u679C"}}}};export{d as DarkTheme,r as Default,u as LayoutBottom,b as LayoutRight,y as LayoutTop,h as MinimalContent,A as TabMode,E as TabModeTextAlignCenter,B as TabModeTextAlignCenterWithVideo,R as TabModeThreeItems,L as TabModeWithVideo,W as TextAlignCenter,w as TextAlignCenterWithButton,F as TextAlignCenterWithItems,V as TextAlignCenterWithVideo,k as WithButton,P as WithButtonSecondary,D as WithCustomStyles,l as WithDescriptionText,f as WithDescriptionTextDark,T as WithItems,C as WithItemsAndButton,U as WithItemsButtonAndVideo,M as WithItemsDark,S as WithItemsImageRight,I as WithItemsVideo,_ as WithVideo,v as WithVideoRight,x as WithVideoTop,g as WithoutSubtitle,m as default};
+        `}}}},W={args:{data:{...t,textAlign:"center"}},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF1A\u901A\u8FC7\u8BBE\u7F6E textAlign \u4E3A center \u5C06\u6587\u672C\u5185\u5BB9\u5C45\u4E2D\u5BF9\u9F50\uFF0C\u5305\u62EC\u6807\u9898\u3001\u526F\u6807\u9898\u7B49\u6240\u6709\u6587\u672C\u5143\u7D20"}}}},w={args:{data:{...t,textAlign:"center",button:{text:"\u7ACB\u5373\u8D2D\u4E70",link:"https://example.com/buy",variant:"primary"}}},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50 + \u6309\u94AE\uFF1A\u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\u6A21\u5F0F\u4E0B\u7684\u6309\u94AE\u5C55\u793A\u6548\u679C"}}}},F={args:{data:{...a,textAlign:"center"}},parameters:{docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F + \u529F\u80FD\u5217\u8868 - \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF1A\u529F\u80FD\u5217\u8868\u6A21\u5F0F\u4E0B\u7684\u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\u6548\u679C\uFF0C\u6807\u9898\u548C\u526F\u6807\u9898\u5C45\u4E2D\uFF0C\u529F\u80FD\u5217\u8868\u9879\u7684\u56FE\u6807\u548C\u6807\u9898\u4E5F\u4F1A\u5C45\u4E2D\u5BF9\u9F50"}}}},V={args:{data:{...i,textAlign:"center"}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"\u57FA\u7840\u6A21\u5F0F - \u89C6\u9891 + \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF1A\u89C6\u9891\u6A21\u5F0F\u4E0B\u7684\u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\u6548\u679C"}}}},E={args:{data:{...e,textAlign:"center"}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:"Tab\u6A21\u5F0F - \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF1ATab\u6A21\u5F0F\u4E0B\u7684\u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF0C\u6807\u9898\u3001\u63CF\u8FF0\u5C45\u4E2D\u663E\u793A\uFF0CTab\u5BFC\u822A\u680F\u4E5F\u4F1A\u5C45\u4E2D\u5BF9\u9F50"}}}},B={args:{data:{title:"Smart App Control",desc:"Effortless customization at your fingertips.",mediaType:"video",textAlign:"center",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:"Tab\u6A21\u5F0F - \u89C6\u9891 + \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF1ATab\u6A21\u5F0F\u7ED3\u5408\u89C6\u9891\u529F\u80FD\u7684\u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\u6548\u679C"}}}};export{r as DarkTheme,l as Default,y as LayoutBottom,b as LayoutRight,u as LayoutTop,h as MinimalContent,L as TabMode,E as TabModeTextAlignCenter,B as TabModeTextAlignCenterWithVideo,I as TabModeThreeItems,A as TabModeWithVideo,W as TextAlignCenter,w as TextAlignCenterWithButton,F as TextAlignCenterWithItems,V as TextAlignCenterWithVideo,k as WithButton,P as WithButtonSecondary,D as WithCustomStyles,d as WithDescriptionText,f as WithDescriptionTextDark,T as WithItems,U as WithItemsAndButton,C as WithItemsButtonAndVideo,R as WithItemsDark,S as WithItemsImageRight,M as WithItemsVideo,_ as WithVideo,v as WithVideoRight,x as WithVideoTop,g as WithoutSubtitle,m as default};
 //# sourceMappingURL=imageWithText.stories.js.map

package/dist/esm/stories/imageWithText.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/imageWithText.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport ImageWithText from '../biz-components/ImageWithText/index.js'\nimport type { ImageWithTextProps } from '../biz-components/ImageWithText/types.js'\n\nconst meta = {\n  title: 'Biz Components/ImageWithText',\n  component: ImageWithText,\n  parameters: {\n    layout: 'padded',\n    docs: {\n      description: {\n        component: `\n# ImageWithText \u56FE\u6587\u5C55\u793A\u7EC4\u4EF6\n\n\u591A\u529F\u80FD\u56FE\u6587\u5C55\u793A\u7EC4\u4EF6\uFF0C\u652F\u6301\u591A\u79CD\u6A21\u5F0F\u548C\u5E03\u5C40\uFF1A\n\n## \uD83C\uDFAF \u6838\u5FC3\u529F\u80FD\n\n### \uD83C\uDFD7\uFE0F \u5E03\u5C40\u652F\u6301\n- **3\u79CD\u5E03\u5C40**\uFF1A\u4E0A\u6587\u4E0B\u56FE\uFF08top\uFF09\u3001\u5DE6\u6587\u53F3\u56FE\uFF08left\uFF09\u3001\u53F3\u6587\u5DE6\u56FE\uFF08right\uFF09\n- **\u54CD\u5E94\u5F0F**\uFF1Alaptop \u4EE5\u4E0B\u7EDF\u4E00\u4E3A\u4E0A\u6587\u4E0B\u56FE\u5E03\u5C40\n- **\u7075\u6D3B\u914D\u7F6E**\uFF1A\u6587\u672C\u533A\u548C\u591A\u5A92\u4F53\u533A\u5B8C\u5168\u72EC\u7ACB\n\n### \uD83D\uDCF1 \u591A\u5A92\u4F53\u652F\u6301\n- **\u56FE\u7247**\uFF1A\u652F\u6301\u4E09\u7AEF\u72EC\u7ACB\u914D\u7F6E\uFF08\u684C\u9762/\u5E73\u677F/\u79FB\u52A8\uFF09\n- **\u89C6\u9891**\uFF1A\u652F\u6301 video \u6807\u7B7E\uFF0C\u81EA\u52A8\u64AD\u653E\u3001\u5FAA\u73AF\u3001\u9759\u97F3\n- **\u5C01\u9762\u56FE**\uFF1A\u89C6\u9891\u548C\u56FE\u7247\u540C\u65F6\u4E0A\u4F20\u65F6\uFF0C\u56FE\u7247\u4F5C\u4E3A video \u7684 poster\n\n### \uD83C\uDFA8 \u6587\u672C\u533A\u529F\u80FD\n- **\u5782\u76F4\u5BF9\u9F50**\uFF1A\u9ED8\u8BA4\u5C45\u4E2D\u5BF9\u9F50\n- **\u6C34\u5E73\u5BF9\u9F50**\uFF1A\u652F\u6301\u5DE6\u5BF9\u9F50\uFF08left\uFF09\u548C\u5C45\u4E2D\u5BF9\u9F50\uFF08center\uFF09\uFF0C\u9ED8\u8BA4\u5DE6\u5BF9\u9F50\n- **\u6807\u9898\u526F\u6807\u9898**\uFF1A\u5B8C\u6574\u7684\u5185\u5BB9\u5C42\u6B21\n- **Tab \u5207\u6362**\uFF1A\u70B9\u51FB tab \u5207\u6362\u5A92\u4F53\u533A\u5185\u5BB9\n- **\u529F\u80FD\u5217\u8868**\uFF1A\u652F\u6301\u529F\u80FD\u7279\u6027\u5C55\u793A\n- **\u6309\u94AE\u529F\u80FD**\uFF1A\u53EF\u7528\u4E8E\u8DF3\u8F6C\u94FE\u63A5\n\n### \uD83D\uDD18 \u6309\u94AE\u529F\u80FD\n- **\u6837\u5F0F**\uFF1A\u652F\u6301 primary/secondary \u4E24\u79CD\u6837\u5F0F\n- **\u5BF9\u9F50\u5F71\u54CD**\uFF1A\u5B58\u5728\u6309\u94AE\u65F6\u6587\u672C\u533A\u6539\u4E3A space-between \u5BF9\u9F50\n\n### \uD83D\uDCCB \u8FD0\u884C\u6A21\u5F0F\n1. **\u57FA\u7840\u6A21\u5F0F**\uFF1A\u56FE\u7247/\u89C6\u9891 + \u6587\u672C\u5185\u5BB9\uFF0C\u53EF\u9009\u529F\u80FD\u5217\u8868\n2. **Tab\u6A21\u5F0F**\uFF1ATab \u5207\u6362\u5C55\u793A\uFF0C\u652F\u6301\u56FE\u7247/\u89C6\u9891\n3. **\u6309\u94AE\u6A21\u5F0F**\uFF1A\u5E26\u8DF3\u8F6C\u6309\u94AE\u7684\u4EA4\u4E92\u7248\u672C\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof ImageWithText>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: ImageWithTextProps['data'] = {\n  theme: 'light',\n  title: 'Precise Navigation',\n  image: {\n    url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008',\n    alt: 'Precise Navigation',\n    thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008',\n    mimeType: 'image/png',\n  },\n  subtitle: 'iPath Laser Navigation plans optimal cleaning routes with pinpoint accuracy to ensure nothing is missed.',\n  mobileImage: {\n    url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556',\n    alt: 'Precise Navigation Mobile',\n    thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556',\n    mimeType: 'image/png',\n  },\n  padImage: {\n    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',\n    alt: 'Precise Navigation Pad',\n    thumbnailURL:\n      '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',\n    mimeType: 'image/png',\n  },\n  items: [\n    {\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015',\n        alt: 'LED',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015',\n        mimeType: 'image/svg+xml',\n      },\n      text: 'LED',\n      desc: 'Equipped with LEDs for dark environments',\n    },\n    {\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon2_fb84c5b0-dfe6-4930-b637-a8735ed0f946.svg?v=1751875015',\n        alt: '200+',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon2_fb84c5b0-dfe6-4930-b637-a8735ed0f946.svg?v=1751875015',\n        mimeType: 'image/svg+xml',\n      },\n      text: '200+',\n      desc: 'Identifies and avoids 200+ objects.',\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const DarkTheme: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      theme: 'dark',\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        story: '\u57FA\u7840\u6A21\u5F0F - \u6DF1\u8272\u4E3B\u9898\uFF1A\u901A\u8FC7\u8BBE\u7F6Etheme\u4E3Adark\u542F\u7528\u6DF1\u8272\u4E3B\u9898',\n      },\n    },\n  },\n}\n\nexport const WithDescriptionText: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      desc: '20,000Pa',\n      descIcon:\n        'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const WithDescriptionTextDark: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      theme: 'dark',\n      desc: '20,000Pa',\n      descIcon:\n        'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015',\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        story: '\u57FA\u7840\u6A21\u5F0F - \u5E26\u63CF\u8FF0\u6587\u672C\u6DF1\u8272\u4E3B\u9898',\n      },\n    },\n  },\n}\n\nexport const WithoutSubtitle: Story = {\n  args: {\n    data: {\n      theme: 'light',\n      title: 'Precise Navigation',\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008',\n        alt: 'Precise Navigation',\n        thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008',\n        mimeType: 'image/png',\n      },\n      padImage: {\n        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',\n        alt: 'Precise Navigation Pad',\n        thumbnailURL:\n          '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',\n        mimeType: 'image/png',\n      },\n      mobileImage: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556',\n        alt: 'Precise Navigation Mobile',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556',\n        mimeType: 'image/png',\n      },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const MinimalContent: Story = {\n  args: {\n    data: {\n      theme: 'light',\n      title: 'Simple Title',\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008',\n        alt: 'Simple Title',\n        thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008',\n        mimeType: 'image/png',\n      },\n      padImage: {\n        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',\n        alt: 'Simple Title Pad',\n        thumbnailURL:\n          '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',\n        mimeType: 'image/png',\n      },\n      mobileImage: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556',\n        alt: 'Simple Title Mobile',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556',\n        mimeType: 'image/png',\n      },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u57FA\u7840\u6A21\u5F0F - \u6700\u5C0F\u5185\u5BB9\uFF1A\u4EC5\u5305\u542B\u6807\u9898\u548C\u56FE\u7247\u7684\u6700\u7B80\u914D\u7F6E',\n      },\n    },\n  },\n}\n\n// ==================== \u57FA\u7840\u6A21\u5F0F - \u5E03\u5C40\u4F4D\u7F6E\u53D8\u4F53 ====================\n\nexport const LayoutRight: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      layout: 'right',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const LayoutTop: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      layout: 'top',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const LayoutBottom: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      layout: 'bottom',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\n// ==================== \u57FA\u7840\u6A21\u5F0F - \u89C6\u9891\u652F\u6301 ====================\n\nconst videoData: ImageWithTextProps['data'] = {\n  title: 'DuoSpiral\u2122 Detangle Brushes',\n  subtitle: 'DuoSpiral\u2122 brushes prevent hair from getting tangled for a hassle-free cleaning experience.',\n  mediaType: 'video',\n  image: {\n    url: 'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n    alt: 'DuoSpiral\u2122 Detangle Brushes',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n    mimeType: 'image/png',\n  },\n  video: {\n    url: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n    alt: 'DuoSpiral\u2122 Detangle Brushes Video',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n    mimeType: 'video/mp4',\n  },\n  mobileImage: {\n    url: 'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n    alt: 'DuoSpiral\u2122 Detangle Brushes Mobile',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n    mimeType: 'image/png',\n  },\n  mobVideo: {\n    url: 'https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4',\n    alt: 'DuoSpiral\u2122 Detangle Brushes Mobile Video',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n    mimeType: 'video/mp4',\n  },\n}\n\nexport const WithVideo: Story = {\n  args: {\n    data: videoData,\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        story:\n          '\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',\n      },\n    },\n  },\n}\n\nexport const WithVideoRight: Story = {\n  args: {\n    data: {\n      ...videoData,\n      layout: 'right',\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const WithVideoTop: Story = {\n  args: {\n    data: {\n      ...videoData,\n      layout: 'top',\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\n// ==================== \u57FA\u7840\u6A21\u5F0F + \u529F\u80FD\u5217\u8868 ====================\n\nconst featureData: ImageWithTextProps['data'] = {\n  title: 'AI.See\u2122 Obstacle Avoidance',\n  subtitle: 'Advanced AI and RGB visual recognition.',\n  image: {\n    url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance.png?v=1751341747',\n    alt: 'AI.See\u2122 Obstacle Avoidance',\n    thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance.png?v=1751341747',\n    mimeType: 'image/png',\n  },\n  padImage: {\n    url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-pad-ai.png?v=1752582807',\n    alt: 'AI.See\u2122 Obstacle Avoidance Pad',\n    thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-pad-ai.png?v=1752582807',\n    mimeType: 'image/png',\n  },\n  mobileImage: {\n    url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance-mob.png?v=1751341780',\n    alt: 'AI.See\u2122 Obstacle Avoidance Mobile',\n    thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance-mob.png?v=1751341780',\n    mimeType: 'image/png',\n  },\n  items: [\n    {\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015',\n        alt: 'LED',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015',\n        mimeType: 'image/svg+xml',\n      },\n      text: 'LED',\n      desc: 'Equipped with LEDs for dark environments',\n    },\n    {\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon2_fb84c5b0-dfe6-4930-b637-a8735ed0f946.svg?v=1751875015',\n        alt: '200+',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon2_fb84c5b0-dfe6-4930-b637-a8735ed0f946.svg?v=1751875015',\n        mimeType: 'image/svg+xml',\n      },\n      text: '200+',\n      desc: 'Identifies and avoids 200+ objects.',\n    },\n  ],\n}\n\nexport const WithItems: Story = {\n  args: {\n    data: featureData,\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const WithItemsImageRight: Story = {\n  args: {\n    data: {\n      ...featureData,\n      layout: 'right',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const WithItemsDark: Story = {\n  args: {\n    data: {\n      ...featureData,\n      theme: 'dark',\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        story: '\u57FA\u7840\u6A21\u5F0F + \u529F\u80FD\u5217\u8868 - \u6DF1\u8272\u4E3B\u9898',\n      },\n    },\n  },\n}\n\nexport const WithItemsVideo: Story = {\n  args: {\n    data: {\n      title: 'AI.See\u2122 Obstacle Avoidance',\n      subtitle: 'Advanced AI and RGB visual recognition.',\n      mediaType: 'video',\n      video: videoData.video,\n      padVideo: videoData.video,\n      mobVideo: videoData.mobVideo,\n      items: featureData.items,\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\n// ==================== TabWithImage \u6A21\u5F0F ====================\n\nconst tabData: ImageWithTextProps['data'] = {\n  desc: 'Effortless customization at your fingertips.',\n  title: 'Smart App Control',\n  datalist: [\n    {\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585',\n        alt: 'Customizable Cleaning Modes',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585',\n        mimeType: 'image/png',\n      },\n      title: 'Customizable Cleaning Modes',\n      imgPad: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131',\n        alt: 'Customizable Cleaning Modes Pad',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131',\n        mimeType: 'image/png',\n      },\n      imageMob: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614',\n        alt: 'Customizable Cleaning Modes Mobile',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e55fcd7a-cebf-45c1-bb71-452abdaf95ae_Frame_2121235327_1.png?v=1751439903',\n        alt: 'Multi-Floor Mapping',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e55fcd7a-cebf-45c1-bb71-452abdaf95ae_Frame_2121235327_1.png?v=1751439903',\n        mimeType: 'image/png',\n      },\n      title: 'Multi-Floor Mapping',\n      imgPad: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ccdbbbff-5c33-4805-a434-e04a12e32a72_Frame_2121235493.png?v=1752735394',\n        alt: 'Multi-Floor Mapping Pad',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ccdbbbff-5c33-4805-a434-e04a12e32a72_Frame_2121235493.png?v=1752735394',\n        mimeType: 'image/png',\n      },\n      imageMob: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ac28983f-6257-469d-81bb-03dfb54429b6_Frame_2121235514_1.png?v=1752735193',\n        alt: 'Multi-Floor Mapping Mobile',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ac28983f-6257-469d-81bb-03dfb54429b6_Frame_2121235514_1.png?v=1752735193',\n        mimeType: 'image/png',\n      },\n    },\n  ],\n}\n\nexport const TabMode: Story = {\n  args: {\n    data: tabData,\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const TabModeThreeItems: Story = {\n  args: {\n    data: {\n      ...tabData,\n      datalist: [\n        ...tabData.datalist!,\n        {\n          image: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585',\n            alt: 'Smart Scheduling',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585',\n            mimeType: 'image/png',\n          },\n          title: 'Smart Scheduling',\n          imgPad: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131',\n            alt: 'Smart Scheduling Pad',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131',\n            mimeType: 'image/png',\n          },\n          imageMob: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614',\n            alt: 'Smart Scheduling Mobile',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614',\n            mimeType: 'image/png',\n          },\n        },\n      ],\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        story: 'TabWithImage\u6A21\u5F0F - \u4E09\u4E2ATab\u9879',\n      },\n    },\n  },\n}\n\nexport const TabModeWithVideo: Story = {\n  args: {\n    data: {\n      title: 'Smart App Control',\n      desc: 'Effortless customization at your fingertips.',\n      mediaType: 'video',\n      datalist: [\n        {\n          title: 'Customizable Cleaning Modes',\n          video: {\n            url: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n            alt: 'Customizable Cleaning Modes Video',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n            mimeType: 'video/mp4',\n          },\n          image: tabData.datalist![0].image,\n          imgPad: tabData.datalist![0].imgPad,\n          imageMob: tabData.datalist![0].imageMob,\n        },\n        {\n          title: 'Multi-Floor Mapping',\n          video: {\n            url: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n            alt: 'Multi-Floor Mapping Video',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n            mimeType: 'video/mp4',\n          },\n          image: tabData.datalist![1].image,\n          imgPad: tabData.datalist![1].imgPad,\n          imageMob: tabData.datalist![1].imageMob,\n        },\n      ],\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\n// ==================== \u6309\u94AE\u529F\u80FD\u53D8\u4F53 ====================\n\nexport const WithButton: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      button: {\n        text: '\u7ACB\u5373\u8D2D\u4E70',\n        link: 'https://example.com/buy',\n        variant: 'primary' as const,\n      },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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      },\n    },\n  },\n}\n\nexport const WithButtonSecondary: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      layout: 'right',\n      button: {\n        text: '\u4E86\u89E3\u66F4\u591A',\n        link: 'https://example.com/learn-more',\n        variant: 'secondary' as const,\n      },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\n// ==================== \u7EFC\u5408\u529F\u80FD\u53D8\u4F53 ====================\n\nexport const WithItemsAndButton: Story = {\n  args: {\n    data: {\n      title: '\u667A\u80FD\u6E05\u6D01\u673A\u5668\u4EBA',\n      subtitle: 'AI \u6280\u672F\u91CD\u65B0\u5B9A\u4E49\u6E05\u6D01\u4F53\u9A8C',\n      layout: 'left' as const,\n      image: {\n        url: 'https://images.unsplash.com/photo-1593642632559-0c6d3fc62b89?w=800&h=600&fit=crop',\n        alt: '\u667A\u80FD\u6E05\u6D01\u673A\u5668\u4EBA',\n        mimeType: 'image/jpeg',\n      },\n      mobileImage: {\n        url: 'https://images.unsplash.com/photo-1593642632559-0c6d3fc62b89?w=600&h=800&fit=crop',\n        alt: '\u667A\u80FD\u6E05\u6D01\u673A\u5668\u4EBA',\n        mimeType: 'image/jpeg',\n      },\n      items: [\n        {\n          icon: {\n            url: 'https://cdn-icons-png.flaticon.com/512/1828/1828884.png',\n            alt: '\u8D85\u5F3A\u7EED\u822A',\n            mimeType: 'image/png',\n          },\n          text: '\u8D85\u5F3A\u7EED\u822A',\n          desc: '\u4E00\u6B21\u5145\u7535\u53EF\u6301\u7EED\u5DE5\u4F5C 180 \u5206\u949F\uFF0C\u8F7B\u677E\u5B8C\u6210\u5168\u5C4B\u6E05\u6D01\u4EFB\u52A1',\n        },\n        {\n          icon: {\n            url: 'https://cdn-icons-png.flaticon.com/512/2917/2917995.png',\n            alt: '\u667A\u80FD\u8DEF\u5F84',\n            mimeType: 'image/png',\n          },\n          text: 'AI \u5BFC\u822A',\n          desc: '\u6FC0\u5149\u5BFC\u822A\u6280\u672F\uFF0C\u81EA\u52A8\u89C4\u5212\u6700\u4F18\u6E05\u6D01\u8DEF\u5F84\uFF0C\u9AD8\u6548\u4E0D\u91CD\u590D',\n        },\n      ],\n      button: {\n        text: '\u7ACB\u5373\u4F53\u9A8C',\n        link: 'https://example.com/experience',\n        variant: 'primary' as const,\n      },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const WithItemsButtonAndVideo: Story = {\n  args: {\n    data: {\n      title: '\u9769\u65B0\u6E05\u6D01\u4F53\u9A8C',\n      subtitle: '\u770B\u89C1\u79D1\u6280\u5982\u4F55\u91CD\u65B0\u5B9A\u4E49\u5BB6\u5C45\u6E05\u6D01',\n      layout: 'top' as const,\n      mediaType: 'video' as const,\n      video: {\n        url: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n        alt: '\u4EA7\u54C1\u6F14\u793A\u89C6\u9891',\n        thumbnailURL: 'https://via.placeholder.com/800x600/008CD6/ffffff?text=Product+Demo',\n        mimeType: 'video/mp4',\n      },\n      image: {\n        url: 'https://via.placeholder.com/800x600/008CD6/ffffff?text=Product+Demo',\n        alt: '\u4EA7\u54C1\u6F14\u793A\u89C6\u9891\u5C01\u9762',\n        thumbnailURL: 'https://via.placeholder.com/800x600/008CD6/ffffff?text=Product+Demo',\n        mimeType: 'image/png',\n      },\n      items: [\n        {\n          icon: {\n            url: 'https://cdn-icons-png.flaticon.com/512/1792/1792931.png',\n            alt: 'AI \u6280\u672F',\n            mimeType: 'image/png',\n          },\n          text: 'AI \u89C6\u89C9\u8BC6\u522B',\n          desc: '\u5148\u8FDB AI \u7B97\u6CD5\uFF0C\u667A\u80FD\u8BC6\u522B\u5E76\u907F\u5F00\u969C\u788D\u7269',\n        },\n        {\n          icon: {\n            url: 'https://cdn-icons-png.flaticon.com/512/2942/2942813.png',\n            alt: '\u9759\u97F3\u6280\u672F',\n            mimeType: 'image/png',\n          },\n          text: '\u9759\u97F3\u8FD0\u884C',\n          desc: '\u566A\u97F3\u63A7\u5236\u5728 55dB \u4EE5\u4E0B\uFF0C\u9759\u4EAB\u6E05\u6D01\u65F6\u5149',\n        },\n      ],\n      button: {\n        text: '\u67E5\u770B\u8BE6\u7EC6\u53C2\u6570',\n        link: 'https://example.com/specs',\n        variant: 'secondary' as const,\n      },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const WithCustomStyles: Story = {\n  args: {\n    data: defaultData,\n    className: 'custom-image-with-text',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: `\n\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A\n\n**\u6839\u5143\u7D20\uFF1A**\n- \\`.image-with-text\\` - \u7EC4\u4EF6\u6839\u5BB9\u5668\n- \\`.image-with-text--dark\\` - \u6DF1\u8272\u4E3B\u9898\u4FEE\u9970\u7B26\n- \\`.image-with-text--light\\` - \u6D45\u8272\u4E3B\u9898\u4FEE\u9970\u7B26\n\n**\u5185\u5BB9\u533A\u57DF\uFF1A**\n- \\`.image-with-text__content\\` - \u5185\u5BB9\u5BB9\u5668\n- \\`.image-with-text__title\\` - \u6807\u9898\n- \\`.image-with-text__subtitle\\` - \u526F\u6807\u9898\n\n**\u529F\u80FD\u5217\u8868\uFF1A**\n- \\`.image-with-text__items\\` - \u529F\u80FD\u5217\u8868\u5BB9\u5668\n- \\`.image-with-text__item\\` - \u5355\u4E2A\u529F\u80FD\u9879\n- \\`.image-with-text__item-icon\\` - \u529F\u80FD\u56FE\u6807\n- \\`.image-with-text__item-text\\` - \u529F\u80FD\u6807\u9898\n- \\`.image-with-text__item-desc\\` - \u529F\u80FD\u63CF\u8FF0\n\n**\u6309\u94AE\u529F\u80FD\uFF1A**\n- \\`.image-with-text__button-wrapper\\` - \u6309\u94AE\u5BB9\u5668\n- \\`.image-with-text__button\\` - \u6309\u94AE\u5143\u7D20\n\n**\u56FE\u7247\u533A\u57DF\uFF1A**\n- \\`.image-with-text__media-wrapper\\` - \u5A92\u4F53\u5916\u5C42\u5BB9\u5668\n- \\`.image-with-text__image\\` - \u56FE\u7247\u5143\u7D20\n\n**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u529F\u80FD\u56FE\u6807 */\n.image-with-text__item-icon {\n  border-radius: 50%;\n  background: #f0f9ff;\n  padding: 8px;\n}\n\n/* \u81EA\u5B9A\u4E49\u6309\u94AE\u60AC\u505C\u6548\u679C */\n.image-with-text__button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n/* \u81EA\u5B9A\u4E49\u529F\u80FD\u6807\u9898\u6837\u5F0F */\n.image-with-text__item-text {\n  color: #333;\n  font-weight: 600;\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n}\n\n// ==================== \u6587\u672C\u5BF9\u9F50\u529F\u80FD\u53D8\u4F53 ====================\n\nexport const TextAlignCenter: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      textAlign: 'center',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          '\u57FA\u7840\u6A21\u5F0F - \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF1A\u901A\u8FC7\u8BBE\u7F6E textAlign \u4E3A center \u5C06\u6587\u672C\u5185\u5BB9\u5C45\u4E2D\u5BF9\u9F50\uFF0C\u5305\u62EC\u6807\u9898\u3001\u526F\u6807\u9898\u7B49\u6240\u6709\u6587\u672C\u5143\u7D20',\n      },\n    },\n  },\n}\n\nexport const TextAlignCenterWithButton: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      textAlign: 'center',\n      button: {\n        text: '\u7ACB\u5373\u8D2D\u4E70',\n        link: 'https://example.com/buy',\n        variant: 'primary' as const,\n      },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u57FA\u7840\u6A21\u5F0F - \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50 + \u6309\u94AE\uFF1A\u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\u6A21\u5F0F\u4E0B\u7684\u6309\u94AE\u5C55\u793A\u6548\u679C',\n      },\n    },\n  },\n}\n\nexport const TextAlignCenterWithItems: Story = {\n  args: {\n    data: {\n      ...featureData,\n      textAlign: 'center',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          '\u57FA\u7840\u6A21\u5F0F + \u529F\u80FD\u5217\u8868 - \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF1A\u529F\u80FD\u5217\u8868\u6A21\u5F0F\u4E0B\u7684\u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\u6548\u679C\uFF0C\u6807\u9898\u548C\u526F\u6807\u9898\u5C45\u4E2D\uFF0C\u529F\u80FD\u5217\u8868\u9879\u7684\u56FE\u6807\u548C\u6807\u9898\u4E5F\u4F1A\u5C45\u4E2D\u5BF9\u9F50',\n      },\n    },\n  },\n}\n\nexport const TextAlignCenterWithVideo: Story = {\n  args: {\n    data: {\n      ...videoData,\n      textAlign: 'center',\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        story: '\u57FA\u7840\u6A21\u5F0F - \u89C6\u9891 + \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF1A\u89C6\u9891\u6A21\u5F0F\u4E0B\u7684\u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\u6548\u679C',\n      },\n    },\n  },\n}\n\nexport const TabModeTextAlignCenter: Story = {\n  args: {\n    data: {\n      ...tabData,\n      textAlign: 'center',\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        story: 'Tab\u6A21\u5F0F - \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF1ATab\u6A21\u5F0F\u4E0B\u7684\u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF0C\u6807\u9898\u3001\u63CF\u8FF0\u5C45\u4E2D\u663E\u793A\uFF0CTab\u5BFC\u822A\u680F\u4E5F\u4F1A\u5C45\u4E2D\u5BF9\u9F50',\n      },\n    },\n  },\n}\n\nexport const TabModeTextAlignCenterWithVideo: Story = {\n  args: {\n    data: {\n      title: 'Smart App Control',\n      desc: 'Effortless customization at your fingertips.',\n      mediaType: 'video',\n      textAlign: 'center',\n      datalist: [\n        {\n          title: 'Customizable Cleaning Modes',\n          video: {\n            url: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n            alt: 'Customizable Cleaning Modes Video',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n            mimeType: 'video/mp4',\n          },\n          image: tabData.datalist![0].image,\n          imgPad: tabData.datalist![0].imgPad,\n          imageMob: tabData.datalist![0].imageMob,\n        },\n        {\n          title: 'Multi-Floor Mapping',\n          video: {\n            url: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n            alt: 'Multi-Floor Mapping Video',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n            mimeType: 'video/mp4',\n          },\n          image: tabData.datalist![1].image,\n          imgPad: tabData.datalist![1].imgPad,\n          imageMob: tabData.datalist![1].imageMob,\n        },\n      ],\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        story: 'Tab\u6A21\u5F0F - \u89C6\u9891 + \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF1ATab\u6A21\u5F0F\u7ED3\u5408\u89C6\u9891\u529F\u80FD\u7684\u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\u6548\u679C',\n      },\n    },\n  },\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport ImageWithText from '../biz-components/ImageWithText/index.js'\nimport type { ImageWithTextProps } from '../biz-components/ImageWithText/types.js'\n\nconst meta = {\n  title: 'Biz Components/ImageWithText',\n  component: ImageWithText,\n  parameters: {\n    layout: 'padded',\n    docs: {\n      description: {\n        component: `\n# ImageWithText \u56FE\u6587\u5C55\u793A\u7EC4\u4EF6\n\n\u591A\u529F\u80FD\u56FE\u6587\u5C55\u793A\u7EC4\u4EF6\uFF0C\u652F\u6301\u591A\u79CD\u6A21\u5F0F\u548C\u5E03\u5C40\uFF1A\n\n## \uD83C\uDFAF \u6838\u5FC3\u529F\u80FD\n\n### \uD83C\uDFD7\uFE0F \u5E03\u5C40\u652F\u6301\n- **3\u79CD\u5E03\u5C40**\uFF1A\u4E0A\u6587\u4E0B\u56FE\uFF08top\uFF09\u3001\u5DE6\u6587\u53F3\u56FE\uFF08left\uFF09\u3001\u53F3\u6587\u5DE6\u56FE\uFF08right\uFF09\n- **\u54CD\u5E94\u5F0F**\uFF1Alaptop \u4EE5\u4E0B\u7EDF\u4E00\u4E3A\u4E0A\u6587\u4E0B\u56FE\u5E03\u5C40\n- **\u7075\u6D3B\u914D\u7F6E**\uFF1A\u6587\u672C\u533A\u548C\u591A\u5A92\u4F53\u533A\u5B8C\u5168\u72EC\u7ACB\n\n### \uD83D\uDCF1 \u591A\u5A92\u4F53\u652F\u6301\n- **\u56FE\u7247**\uFF1A\u652F\u6301\u4E09\u7AEF\u72EC\u7ACB\u914D\u7F6E\uFF08\u684C\u9762/\u5E73\u677F/\u79FB\u52A8\uFF09\n- **\u89C6\u9891**\uFF1A\u652F\u6301 video \u6807\u7B7E\uFF0C\u81EA\u52A8\u64AD\u653E\u3001\u5FAA\u73AF\u3001\u9759\u97F3\n- **\u5C01\u9762\u56FE**\uFF1A\u89C6\u9891\u548C\u56FE\u7247\u540C\u65F6\u4E0A\u4F20\u65F6\uFF0C\u56FE\u7247\u4F5C\u4E3A video \u7684 poster\n\n### \uD83C\uDFA8 \u6587\u672C\u533A\u529F\u80FD\n- **\u5782\u76F4\u5BF9\u9F50**\uFF1A\u9ED8\u8BA4\u5C45\u4E2D\u5BF9\u9F50\n- **\u6C34\u5E73\u5BF9\u9F50**\uFF1A\u652F\u6301\u5DE6\u5BF9\u9F50\uFF08left\uFF09\u548C\u5C45\u4E2D\u5BF9\u9F50\uFF08center\uFF09\uFF0C\u9ED8\u8BA4\u5DE6\u5BF9\u9F50\n- **\u6807\u9898\u526F\u6807\u9898**\uFF1A\u5B8C\u6574\u7684\u5185\u5BB9\u5C42\u6B21\n- **Tab \u5207\u6362**\uFF1A\u70B9\u51FB tab \u5207\u6362\u5A92\u4F53\u533A\u5185\u5BB9\n- **\u529F\u80FD\u5217\u8868**\uFF1A\u652F\u6301\u529F\u80FD\u7279\u6027\u5C55\u793A\n- **\u6309\u94AE\u529F\u80FD**\uFF1A\u53EF\u7528\u4E8E\u8DF3\u8F6C\u94FE\u63A5\n\n### \uD83D\uDD18 \u6309\u94AE\u529F\u80FD\n- **\u6837\u5F0F**\uFF1A\u652F\u6301 primary/secondary \u4E24\u79CD\u6837\u5F0F\n- **\u5BF9\u9F50\u5F71\u54CD**\uFF1A\u5B58\u5728\u6309\u94AE\u65F6\u6587\u672C\u533A\u6539\u4E3A space-between \u5BF9\u9F50\n\n### \uD83D\uDCCB \u8FD0\u884C\u6A21\u5F0F\n1. **\u57FA\u7840\u6A21\u5F0F**\uFF1A\u56FE\u7247/\u89C6\u9891 + \u6587\u672C\u5185\u5BB9\uFF0C\u53EF\u9009\u529F\u80FD\u5217\u8868\n2. **Tab\u6A21\u5F0F**\uFF1ATab \u5207\u6362\u5C55\u793A\uFF0C\u652F\u6301\u56FE\u7247/\u89C6\u9891\n3. **\u6309\u94AE\u6A21\u5F0F**\uFF1A\u5E26\u8DF3\u8F6C\u6309\u94AE\u7684\u4EA4\u4E92\u7248\u672C\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof ImageWithText>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: ImageWithTextProps['data'] = {\n  theme: 'light',\n  title: 'Precise Navigation',\n  image: {\n    url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008',\n    alt: 'Precise Navigation',\n    thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008',\n    mimeType: 'image/png',\n  },\n  subtitle: 'iPath Laser Navigation plans optimal cleaning routes with pinpoint accuracy to ensure nothing is missed.',\n  mobileImage: {\n    url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556',\n    alt: 'Precise Navigation Mobile',\n    thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556',\n    mimeType: 'image/png',\n  },\n  padImage: {\n    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',\n    alt: 'Precise Navigation Pad',\n    thumbnailURL:\n      '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',\n    mimeType: 'image/png',\n  },\n  items: [\n    {\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015',\n        alt: 'LED',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015',\n        mimeType: 'image/svg+xml',\n      },\n      text: 'LED',\n      desc: 'Equipped with LEDs for dark environments',\n    },\n    {\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon2_fb84c5b0-dfe6-4930-b637-a8735ed0f946.svg?v=1751875015',\n        alt: '200+',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon2_fb84c5b0-dfe6-4930-b637-a8735ed0f946.svg?v=1751875015',\n        mimeType: 'image/svg+xml',\n      },\n      text: '200+',\n      desc: 'Identifies and avoids 200+ objects.',\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const DarkTheme: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      theme: 'dark',\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        story: '\u57FA\u7840\u6A21\u5F0F - \u6DF1\u8272\u4E3B\u9898\uFF1A\u901A\u8FC7\u8BBE\u7F6Etheme\u4E3Adark\u542F\u7528\u6DF1\u8272\u4E3B\u9898',\n      },\n    },\n  },\n}\n\nexport const WithDescriptionText: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      desc: '20,000Pa',\n      descIcon:\n        'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const WithDescriptionTextDark: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      theme: 'dark',\n      desc: '20,000Pa',\n      descIcon:\n        'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015',\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        story: '\u57FA\u7840\u6A21\u5F0F - \u5E26\u63CF\u8FF0\u6587\u672C\u6DF1\u8272\u4E3B\u9898',\n      },\n    },\n  },\n}\n\nexport const WithoutSubtitle: Story = {\n  args: {\n    data: {\n      theme: 'light',\n      title: 'Precise Navigation',\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008',\n        alt: 'Precise Navigation',\n        thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008',\n        mimeType: 'image/png',\n      },\n      padImage: {\n        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',\n        alt: 'Precise Navigation Pad',\n        thumbnailURL:\n          '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',\n        mimeType: 'image/png',\n      },\n      mobileImage: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556',\n        alt: 'Precise Navigation Mobile',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556',\n        mimeType: 'image/png',\n      },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const MinimalContent: Story = {\n  args: {\n    data: {\n      theme: 'light',\n      title: 'Simple Title',\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008',\n        alt: 'Simple Title',\n        thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/precise_navigation.png?v=1751271008',\n        mimeType: 'image/png',\n      },\n      padImage: {\n        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',\n        alt: 'Simple Title Pad',\n        thumbnailURL:\n          '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',\n        mimeType: 'image/png',\n      },\n      mobileImage: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556',\n        alt: 'Simple Title Mobile',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-precise-navigation.png?v=1752581556',\n        mimeType: 'image/png',\n      },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u57FA\u7840\u6A21\u5F0F - \u6700\u5C0F\u5185\u5BB9\uFF1A\u4EC5\u5305\u542B\u6807\u9898\u548C\u56FE\u7247\u7684\u6700\u7B80\u914D\u7F6E',\n      },\n    },\n  },\n}\n\n// ==================== \u57FA\u7840\u6A21\u5F0F - \u5E03\u5C40\u4F4D\u7F6E\u53D8\u4F53 ====================\n\nexport const LayoutRight: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      layout: 'right',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const LayoutTop: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      layout: 'top',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const LayoutBottom: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      layout: 'bottom',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\n// ==================== \u57FA\u7840\u6A21\u5F0F - \u89C6\u9891\u652F\u6301 ====================\n\nconst videoData: ImageWithTextProps['data'] = {\n  title: 'DuoSpiral\u2122 Detangle Brushes',\n  subtitle: 'DuoSpiral\u2122 brushes prevent hair from getting tangled for a hassle-free cleaning experience.',\n  mediaType: 'video',\n  image: {\n    url: 'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n    alt: 'DuoSpiral\u2122 Detangle Brushes',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n    mimeType: 'image/png',\n  },\n  video: {\n    url: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n    alt: 'DuoSpiral\u2122 Detangle Brushes Video',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n    mimeType: 'video/mp4',\n  },\n  mobileImage: {\n    url: 'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n    alt: 'DuoSpiral\u2122 Detangle Brushes Mobile',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n    mimeType: 'image/png',\n  },\n  mobVideo: {\n    url: 'https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4',\n    alt: 'DuoSpiral\u2122 Detangle Brushes Mobile Video',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n    mimeType: 'video/mp4',\n  },\n}\n\nexport const WithVideo: Story = {\n  args: {\n    data: videoData,\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        story:\n          '\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',\n      },\n    },\n  },\n}\n\nexport const WithVideoRight: Story = {\n  args: {\n    data: {\n      ...videoData,\n      layout: 'right',\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const WithVideoTop: Story = {\n  args: {\n    data: {\n      ...videoData,\n      layout: 'top',\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\n// ==================== \u57FA\u7840\u6A21\u5F0F + \u529F\u80FD\u5217\u8868 ====================\n\nconst featureData: ImageWithTextProps['data'] = {\n  title: 'AI.See\u2122 Obstacle Avoidance',\n  subtitle: 'Advanced AI and RGB visual recognition.',\n  image: {\n    url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance.png?v=1751341747',\n    alt: 'AI.See\u2122 Obstacle Avoidance',\n    thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance.png?v=1751341747',\n    mimeType: 'image/png',\n  },\n  padImage: {\n    url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-pad-ai.png?v=1752582807',\n    alt: 'AI.See\u2122 Obstacle Avoidance Pad',\n    thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-pad-ai.png?v=1752582807',\n    mimeType: 'image/png',\n  },\n  mobileImage: {\n    url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance-mob.png?v=1751341780',\n    alt: 'AI.See\u2122 Obstacle Avoidance Mobile',\n    thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance-mob.png?v=1751341780',\n    mimeType: 'image/png',\n  },\n  items: [\n    {\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015',\n        alt: 'LED',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015',\n        mimeType: 'image/svg+xml',\n      },\n      text: 'LED',\n      desc: 'Equipped with LEDs for dark environments',\n    },\n    {\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon2_fb84c5b0-dfe6-4930-b637-a8735ed0f946.svg?v=1751875015',\n        alt: '200+',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon2_fb84c5b0-dfe6-4930-b637-a8735ed0f946.svg?v=1751875015',\n        mimeType: 'image/svg+xml',\n      },\n      text: '200+',\n      desc: 'Identifies and avoids 200+ objects.',\n    },\n  ],\n}\n\nexport const WithItems: Story = {\n  args: {\n    data: featureData,\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const WithItemsImageRight: Story = {\n  args: {\n    data: {\n      ...featureData,\n      layout: 'right',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const WithItemsDark: Story = {\n  args: {\n    data: {\n      ...featureData,\n      theme: 'dark',\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        story: '\u57FA\u7840\u6A21\u5F0F + \u529F\u80FD\u5217\u8868 - \u6DF1\u8272\u4E3B\u9898',\n      },\n    },\n  },\n}\n\nexport const WithItemsVideo: Story = {\n  args: {\n    data: {\n      title: 'AI.See\u2122 Obstacle Avoidance',\n      subtitle: 'Advanced AI and RGB visual recognition.',\n      mediaType: 'video',\n      video: videoData.video,\n      padVideo: videoData.video,\n      mobVideo: videoData.mobVideo,\n      items: featureData.items,\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\n// ==================== TabWithImage \u6A21\u5F0F ====================\n\nconst tabData: ImageWithTextProps['data'] = {\n  desc: 'Effortless customization at your fingertips.',\n  title: 'Smart App Control',\n  datalist: [\n    {\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585',\n        alt: 'Customizable Cleaning Modes',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585',\n        mimeType: 'image/png',\n      },\n      title: 'Customizable Cleaning Modes',\n      imgPad: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131',\n        alt: 'Customizable Cleaning Modes Pad',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131',\n        mimeType: 'image/png',\n      },\n      imageMob: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614',\n        alt: 'Customizable Cleaning Modes Mobile',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e55fcd7a-cebf-45c1-bb71-452abdaf95ae_Frame_2121235327_1.png?v=1751439903',\n        alt: 'Multi-Floor Mapping',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e55fcd7a-cebf-45c1-bb71-452abdaf95ae_Frame_2121235327_1.png?v=1751439903',\n        mimeType: 'image/png',\n      },\n      title: 'Multi-Floor Mapping',\n      imgPad: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ccdbbbff-5c33-4805-a434-e04a12e32a72_Frame_2121235493.png?v=1752735394',\n        alt: 'Multi-Floor Mapping Pad',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ccdbbbff-5c33-4805-a434-e04a12e32a72_Frame_2121235493.png?v=1752735394',\n        mimeType: 'image/png',\n      },\n      imageMob: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ac28983f-6257-469d-81bb-03dfb54429b6_Frame_2121235514_1.png?v=1752735193',\n        alt: 'Multi-Floor Mapping Mobile',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ac28983f-6257-469d-81bb-03dfb54429b6_Frame_2121235514_1.png?v=1752735193',\n        mimeType: 'image/png',\n      },\n    },\n  ],\n}\n\nexport const TabMode: Story = {\n  args: {\n    data: tabData,\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const TabModeThreeItems: Story = {\n  args: {\n    data: {\n      ...tabData,\n      datalist: [\n        ...tabData.datalist!,\n        {\n          image: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585',\n            alt: 'Smart Scheduling',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585',\n            mimeType: 'image/png',\n          },\n          title: 'Smart Scheduling',\n          imgPad: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131',\n            alt: 'Smart Scheduling Pad',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131',\n            mimeType: 'image/png',\n          },\n          imageMob: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614',\n            alt: 'Smart Scheduling Mobile',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614',\n            mimeType: 'image/png',\n          },\n        },\n      ],\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        story: 'TabWithImage\u6A21\u5F0F - \u4E09\u4E2ATab\u9879',\n      },\n    },\n  },\n}\n\nexport const TabModeWithVideo: Story = {\n  args: {\n    data: {\n      title: 'Smart App Control',\n      desc: 'Effortless customization at your fingertips.',\n      mediaType: 'video',\n      datalist: [\n        {\n          title: 'Customizable Cleaning Modes',\n          video: {\n            url: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n            alt: 'Customizable Cleaning Modes Video',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n            mimeType: 'video/mp4',\n          },\n          image: tabData.datalist![0].image,\n          imgPad: tabData.datalist![0].imgPad,\n          imageMob: tabData.datalist![0].imageMob,\n        },\n        {\n          title: 'Multi-Floor Mapping',\n          video: {\n            url: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n            alt: 'Multi-Floor Mapping Video',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n            mimeType: 'video/mp4',\n          },\n          image: tabData.datalist![1].image,\n          imgPad: tabData.datalist![1].imgPad,\n          imageMob: tabData.datalist![1].imageMob,\n        },\n      ],\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\n// ==================== \u6309\u94AE\u529F\u80FD\u53D8\u4F53 ====================\n\nexport const WithButton: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      button: {\n        text: '\u7ACB\u5373\u8D2D\u4E70',\n        link: 'https://example.com/buy',\n        variant: 'primary' as const,\n      },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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      },\n    },\n  },\n}\n\nexport const WithButtonSecondary: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      layout: 'right',\n      button: {\n        text: '\u4E86\u89E3\u66F4\u591A',\n        link: 'https://example.com/learn-more',\n        variant: 'secondary' as const,\n      },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\n// ==================== \u7EFC\u5408\u529F\u80FD\u53D8\u4F53 ====================\n\nexport const WithItemsAndButton: Story = {\n  args: {\n    data: {\n      title: '\u667A\u80FD\u6E05\u6D01\u673A\u5668\u4EBA',\n      subtitle: 'AI \u6280\u672F\u91CD\u65B0\u5B9A\u4E49\u6E05\u6D01\u4F53\u9A8C',\n      layout: 'left' as const,\n      image: {\n        url: 'https://images.unsplash.com/photo-1593642632559-0c6d3fc62b89?w=800&h=600&fit=crop',\n        alt: '\u667A\u80FD\u6E05\u6D01\u673A\u5668\u4EBA',\n        thumbnailURL: 'https://images.unsplash.com/photo-1593642632559-0c6d3fc62b89?w=800&h=600&fit=crop',\n        mimeType: 'image/jpeg',\n      },\n      mobileImage: {\n        url: 'https://images.unsplash.com/photo-1593642632559-0c6d3fc62b89?w=600&h=800&fit=crop',\n        alt: '\u667A\u80FD\u6E05\u6D01\u673A\u5668\u4EBA',\n        thumbnailURL: 'https://images.unsplash.com/photo-1593642632559-0c6d3fc62b89?w=600&h=800&fit=crop',\n        mimeType: 'image/jpeg',\n      },\n      items: [\n        {\n          icon: {\n            url: 'https://cdn-icons-png.flaticon.com/512/1828/1828884.png',\n            alt: '\u8D85\u5F3A\u7EED\u822A',\n            thumbnailURL: 'https://cdn-icons-png.flaticon.com/512/1828/1828884.png',\n            mimeType: 'image/png',\n          },\n          text: '\u8D85\u5F3A\u7EED\u822A',\n          desc: '\u4E00\u6B21\u5145\u7535\u53EF\u6301\u7EED\u5DE5\u4F5C 180 \u5206\u949F\uFF0C\u8F7B\u677E\u5B8C\u6210\u5168\u5C4B\u6E05\u6D01\u4EFB\u52A1',\n        },\n        {\n          icon: {\n            url: 'https://cdn-icons-png.flaticon.com/512/2917/2917995.png',\n            alt: '\u667A\u80FD\u8DEF\u5F84',\n            thumbnailURL: 'https://cdn-icons-png.flaticon.com/512/2917/2917995.png',\n            mimeType: 'image/png',\n          },\n          text: 'AI \u5BFC\u822A',\n          desc: '\u6FC0\u5149\u5BFC\u822A\u6280\u672F\uFF0C\u81EA\u52A8\u89C4\u5212\u6700\u4F18\u6E05\u6D01\u8DEF\u5F84\uFF0C\u9AD8\u6548\u4E0D\u91CD\u590D',\n        },\n      ],\n      button: {\n        text: '\u7ACB\u5373\u4F53\u9A8C',\n        link: 'https://example.com/experience',\n        variant: 'primary' as const,\n      },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const WithItemsButtonAndVideo: Story = {\n  args: {\n    data: {\n      title: '\u9769\u65B0\u6E05\u6D01\u4F53\u9A8C',\n      subtitle: '\u770B\u89C1\u79D1\u6280\u5982\u4F55\u91CD\u65B0\u5B9A\u4E49\u5BB6\u5C45\u6E05\u6D01',\n      layout: 'top' as const,\n      mediaType: 'video' as const,\n      video: {\n        url: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n        alt: '\u4EA7\u54C1\u6F14\u793A\u89C6\u9891',\n        thumbnailURL: 'https://via.placeholder.com/800x600/008CD6/ffffff?text=Product+Demo',\n        mimeType: 'video/mp4',\n      },\n      image: {\n        url: 'https://via.placeholder.com/800x600/008CD6/ffffff?text=Product+Demo',\n        alt: '\u4EA7\u54C1\u6F14\u793A\u89C6\u9891\u5C01\u9762',\n        thumbnailURL: 'https://via.placeholder.com/800x600/008CD6/ffffff?text=Product+Demo',\n        mimeType: 'image/png',\n      },\n      items: [\n        {\n          icon: {\n            url: 'https://cdn-icons-png.flaticon.com/512/1792/1792931.png',\n            alt: 'AI \u6280\u672F',\n            thumbnailURL: 'https://cdn-icons-png.flaticon.com/512/1792/1792931.png',\n            mimeType: 'image/png',\n          },\n          text: 'AI \u89C6\u89C9\u8BC6\u522B',\n          desc: '\u5148\u8FDB AI \u7B97\u6CD5\uFF0C\u667A\u80FD\u8BC6\u522B\u5E76\u907F\u5F00\u969C\u788D\u7269',\n        },\n        {\n          icon: {\n            url: 'https://cdn-icons-png.flaticon.com/512/2942/2942813.png',\n            alt: '\u9759\u97F3\u6280\u672F',\n            thumbnailURL: 'https://cdn-icons-png.flaticon.com/512/2942/2942813.png',\n            mimeType: 'image/png',\n          },\n          text: '\u9759\u97F3\u8FD0\u884C',\n          desc: '\u566A\u97F3\u63A7\u5236\u5728 55dB \u4EE5\u4E0B\uFF0C\u9759\u4EAB\u6E05\u6D01\u65F6\u5149',\n        },\n      ],\n      button: {\n        text: '\u67E5\u770B\u8BE6\u7EC6\u53C2\u6570',\n        link: 'https://example.com/specs',\n        variant: 'secondary' as const,\n      },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        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',\n      },\n    },\n  },\n}\n\nexport const WithCustomStyles: Story = {\n  args: {\n    data: defaultData,\n    className: 'custom-image-with-text',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: `\n\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A\n\n**\u6839\u5143\u7D20\uFF1A**\n- \\`.image-with-text\\` - \u7EC4\u4EF6\u6839\u5BB9\u5668\n- \\`.image-with-text--dark\\` - \u6DF1\u8272\u4E3B\u9898\u4FEE\u9970\u7B26\n- \\`.image-with-text--light\\` - \u6D45\u8272\u4E3B\u9898\u4FEE\u9970\u7B26\n\n**\u5185\u5BB9\u533A\u57DF\uFF1A**\n- \\`.image-with-text__content\\` - \u5185\u5BB9\u5BB9\u5668\n- \\`.image-with-text__title\\` - \u6807\u9898\n- \\`.image-with-text__subtitle\\` - \u526F\u6807\u9898\n\n**\u529F\u80FD\u5217\u8868\uFF1A**\n- \\`.image-with-text__items\\` - \u529F\u80FD\u5217\u8868\u5BB9\u5668\n- \\`.image-with-text__item\\` - \u5355\u4E2A\u529F\u80FD\u9879\n- \\`.image-with-text__item-icon\\` - \u529F\u80FD\u56FE\u6807\n- \\`.image-with-text__item-text\\` - \u529F\u80FD\u6807\u9898\n- \\`.image-with-text__item-desc\\` - \u529F\u80FD\u63CF\u8FF0\n\n**\u6309\u94AE\u529F\u80FD\uFF1A**\n- \\`.image-with-text__button-wrapper\\` - \u6309\u94AE\u5BB9\u5668\n- \\`.image-with-text__button\\` - \u6309\u94AE\u5143\u7D20\n\n**\u56FE\u7247\u533A\u57DF\uFF1A**\n- \\`.image-with-text__media-wrapper\\` - \u5A92\u4F53\u5916\u5C42\u5BB9\u5668\n- \\`.image-with-text__image\\` - \u56FE\u7247\u5143\u7D20\n\n**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u529F\u80FD\u56FE\u6807 */\n.image-with-text__item-icon {\n  border-radius: 50%;\n  background: #f0f9ff;\n  padding: 8px;\n}\n\n/* \u81EA\u5B9A\u4E49\u6309\u94AE\u60AC\u505C\u6548\u679C */\n.image-with-text__button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n/* \u81EA\u5B9A\u4E49\u529F\u80FD\u6807\u9898\u6837\u5F0F */\n.image-with-text__item-text {\n  color: #333;\n  font-weight: 600;\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n}\n\n// ==================== \u6587\u672C\u5BF9\u9F50\u529F\u80FD\u53D8\u4F53 ====================\n\nexport const TextAlignCenter: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      textAlign: 'center',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          '\u57FA\u7840\u6A21\u5F0F - \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF1A\u901A\u8FC7\u8BBE\u7F6E textAlign \u4E3A center \u5C06\u6587\u672C\u5185\u5BB9\u5C45\u4E2D\u5BF9\u9F50\uFF0C\u5305\u62EC\u6807\u9898\u3001\u526F\u6807\u9898\u7B49\u6240\u6709\u6587\u672C\u5143\u7D20',\n      },\n    },\n  },\n}\n\nexport const TextAlignCenterWithButton: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      textAlign: 'center',\n      button: {\n        text: '\u7ACB\u5373\u8D2D\u4E70',\n        link: 'https://example.com/buy',\n        variant: 'primary' as const,\n      },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u57FA\u7840\u6A21\u5F0F - \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50 + \u6309\u94AE\uFF1A\u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\u6A21\u5F0F\u4E0B\u7684\u6309\u94AE\u5C55\u793A\u6548\u679C',\n      },\n    },\n  },\n}\n\nexport const TextAlignCenterWithItems: Story = {\n  args: {\n    data: {\n      ...featureData,\n      textAlign: 'center',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          '\u57FA\u7840\u6A21\u5F0F + \u529F\u80FD\u5217\u8868 - \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF1A\u529F\u80FD\u5217\u8868\u6A21\u5F0F\u4E0B\u7684\u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\u6548\u679C\uFF0C\u6807\u9898\u548C\u526F\u6807\u9898\u5C45\u4E2D\uFF0C\u529F\u80FD\u5217\u8868\u9879\u7684\u56FE\u6807\u548C\u6807\u9898\u4E5F\u4F1A\u5C45\u4E2D\u5BF9\u9F50',\n      },\n    },\n  },\n}\n\nexport const TextAlignCenterWithVideo: Story = {\n  args: {\n    data: {\n      ...videoData,\n      textAlign: 'center',\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        story: '\u57FA\u7840\u6A21\u5F0F - \u89C6\u9891 + \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF1A\u89C6\u9891\u6A21\u5F0F\u4E0B\u7684\u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\u6548\u679C',\n      },\n    },\n  },\n}\n\nexport const TabModeTextAlignCenter: Story = {\n  args: {\n    data: {\n      ...tabData,\n      textAlign: 'center',\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        story: 'Tab\u6A21\u5F0F - \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF1ATab\u6A21\u5F0F\u4E0B\u7684\u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF0C\u6807\u9898\u3001\u63CF\u8FF0\u5C45\u4E2D\u663E\u793A\uFF0CTab\u5BFC\u822A\u680F\u4E5F\u4F1A\u5C45\u4E2D\u5BF9\u9F50',\n      },\n    },\n  },\n}\n\nexport const TabModeTextAlignCenterWithVideo: Story = {\n  args: {\n    data: {\n      title: 'Smart App Control',\n      desc: 'Effortless customization at your fingertips.',\n      mediaType: 'video',\n      textAlign: 'center',\n      datalist: [\n        {\n          title: 'Customizable Cleaning Modes',\n          video: {\n            url: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n            alt: 'Customizable Cleaning Modes Video',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n            mimeType: 'video/mp4',\n          },\n          image: tabData.datalist![0].image,\n          imgPad: tabData.datalist![0].imgPad,\n          imageMob: tabData.datalist![0].imageMob,\n        },\n        {\n          title: 'Multi-Floor Mapping',\n          video: {\n            url: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n            alt: 'Multi-Floor Mapping Video',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n            mimeType: 'video/mp4',\n          },\n          image: tabData.datalist![1].image,\n          imgPad: tabData.datalist![1].imgPad,\n          imageMob: tabData.datalist![1].imageMob,\n        },\n      ],\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        story: 'Tab\u6A21\u5F0F - \u89C6\u9891 + \u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\uFF1ATab\u6A21\u5F0F\u7ED3\u5408\u89C6\u9891\u529F\u80FD\u7684\u6587\u672C\u5C45\u4E2D\u5BF9\u9F50\u6548\u679C',\n      },\n    },\n  },\n}\n"],
+  "mappings": "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",
   "names": ["ImageWithText", "meta", "imageWithText_stories_default", "defaultData", "Default", "DarkTheme", "WithDescriptionText", "WithDescriptionTextDark", "WithoutSubtitle", "MinimalContent", "LayoutRight", "LayoutTop", "LayoutBottom", "videoData", "WithVideo", "WithVideoRight", "WithVideoTop", "featureData", "WithItems", "WithItemsImageRight", "WithItemsDark", "WithItemsVideo", "tabData", "TabMode", "TabModeThreeItems", "TabModeWithVideo", "WithButton", "WithButtonSecondary", "WithItemsAndButton", "WithItemsButtonAndVideo", "WithCustomStyles", "TextAlignCenter", "TextAlignCenterWithButton", "TextAlignCenterWithItems", "TextAlignCenterWithVideo", "TabModeTextAlignCenter", "TabModeTextAlignCenterWithVideo"]
 }

package/dist/esm/stories/ksp.stories.d.ts CHANGED Viewed

@@ -1,5 +1,35 @@
 import type { StoryObj } from '@storybook/react';
-declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
+import type { KspProps } from '../biz-components/Ksp/index.js';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<KspProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
+        className?: string;
+        data?: Record<string, any>;
+    } & import("react").RefAttributes<any>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        data: {
+            description: string;
+            control: {
+                type: "object";
+            };
+        };
+        className: {
+            description: string;
+            control: {
+                type: "text";
+            };
+        };
+    };
+};
 export default meta;
 type Story = StoryObj<typeof meta>;
 /**