@anker-in/headless-ui 1.1.32 → 1.1.34-alpha.1768461697532

package/dist/cjs/stories/link.stories.js

@@ -1,2 +0,0 @@
-"use strict";var d=Object.create;var o=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var k=(i,a)=>{for(var s in a)o(i,s,{get:a[s],enumerable:!0})},r=(i,a,s,t)=>{if(a&&typeof a=="object"||typeof a=="function")for(let l of p(a))!m.call(i,l)&&l!==s&&o(i,l,{get:()=>a[l],enumerable:!(t=c(a,l))||t.enumerable});return i};var y=(i,a,s)=>(s=i!=null?d(f(i)):{},r(a||!i||!i.__esModule?o(s,"default",{value:i,enumerable:!0}):s,i)),L=i=>r(o({},"__esModule",{value:!0}),i);var z={};k(z,{Default:()=>b,Disabled:()=>u,LinkSize:()=>x,default:()=>g});module.exports=L(z);var e=require("react/jsx-runtime"),S=require("@storybook/icons"),n=y(require("../components/link.js"));const v={title:"Components/Link",component:n.default,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{size:{description:"\u5C3A\u5BF8",control:{type:"select"},options:["base","lg"],table:{defaultValue:{summary:"base"}}},variant:{description:"\u94FE\u63A5\u60AC\u6D6E\u6587\u5B57\u6837\u5F0F",control:{type:"select"},options:["primary","secondary"],table:{defaultValue:{summary:"primary"}}},onClick:{control:!1},suffixIcon:{control:!1},style:{control:!1},className:{control:!1},children:{control:!1}},args:{onClick:void 0}};var g=v;const b={args:{children:"Link"}},x=()=>(0,e.jsxs)("div",{className:"inline-flex flex-col gap-4",children:[(0,e.jsx)("div",{className:"inline-flex gap-4",children:(0,e.jsx)(n.default,{size:"base",children:"Link"})}),(0,e.jsx)("div",{className:"inline-flex gap-4",children:(0,e.jsx)(n.default,{size:"lg",children:"Link"})}),(0,e.jsx)("div",{className:"inline-flex gap-4",children:(0,e.jsx)(n.default,{size:"base",variant:"secondary",children:"Link"})}),(0,e.jsx)("div",{className:"inline-flex gap-4",children:(0,e.jsx)(n.default,{size:"lg",variant:"secondary",children:"Link"})})]}),u=()=>(0,e.jsxs)("div",{className:"inline-flex flex-col gap-4",children:[(0,e.jsxs)("div",{className:"inline-flex gap-4",children:[(0,e.jsx)(n.default,{size:"base",disabled:!0,children:"Link"}),(0,e.jsx)(n.default,{size:"base",disabled:!0,children:"Link"})]}),(0,e.jsxs)("div",{className:"inline-flex gap-4",children:[(0,e.jsx)(n.default,{size:"lg",disabled:!0,children:"Link"}),(0,e.jsx)(n.default,{size:"lg",disabled:!0,children:"Link"})]})]});
-//# sourceMappingURL=link.stories.js.map

package/dist/cjs/stories/link.stories.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/link.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport { ChevronRightIcon } from '@storybook/icons'\nimport Link from '../components/link.js'\n\nconst meta = {\n  // \u540C\u65F6\u5B9A\u4E49\u4E86\u9875\u9762\u5DE6\u4FA7\u83DC\u5355\n  title: 'Components/Link',\n  component: Link,\n  parameters: {\n    layout: 'centered',\n  },\n  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs\n  tags: ['autodocs'],\n  // More on argTypes: https://storybook.js.org/docs/api/argtypes\n  argTypes: {\n    size: {\n      description: '\u5C3A\u5BF8',\n      control: {\n        type: 'select',\n      },\n      options: ['base', 'lg'],\n      table: {\n        defaultValue: { summary: 'base' },\n      },\n    },\n    variant: {\n      description: '\u94FE\u63A5\u60AC\u6D6E\u6587\u5B57\u6837\u5F0F',\n      control: {\n        type: 'select',\n      },\n      options: ['primary', 'secondary'],\n      table: {\n        defaultValue: { summary: 'primary' },\n      },\n    },\n    onClick: {\n      control: false,\n    },\n    suffixIcon: {\n      control: false,\n    },\n    style: {\n      control: false,\n    },\n    className: {\n      control: false,\n    },\n    children: {\n      control: false,\n    },\n  },\n  args: {\n    onClick: undefined,\n  },\n} satisfies Meta<typeof Link>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    children: 'Link',\n  },\n}\n\nexport const LinkSize = () => (\n  <div className=\"inline-flex flex-col gap-4\">\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"base\">Link</Link>\n    </div>\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"lg\">Link</Link>\n    </div>\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"base\" variant=\"secondary\">\n        Link\n      </Link>\n    </div>\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"lg\" variant=\"secondary\">\n        Link\n      </Link>\n    </div>\n  </div>\n)\n\nexport const Disabled = () => (\n  <div className=\"inline-flex flex-col gap-4\">\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"base\" disabled>\n        Link\n      </Link>\n      <Link size=\"base\" disabled>\n        Link\n      </Link>\n    </div>\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"lg\" disabled>\n        Link\n      </Link>\n      <Link size=\"lg\" disabled>\n        Link\n      </Link>\n    </div>\n  </div>\n)\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,aAAAC,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GAmEE,IAAAO,EAAA,6BAlEFC,EAAiC,4BACjCC,EAAiB,oCAEjB,MAAMC,EAAO,CAEX,MAAO,kBACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,UACV,EAEA,KAAM,CAAC,UAAU,EAEjB,SAAU,CACR,KAAM,CACJ,YAAa,eACb,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,IAAI,EACtB,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,EACA,QAAS,CACP,YAAa,mDACb,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,UAAW,WAAW,EAChC,MAAO,CACL,aAAc,CAAE,QAAS,SAAU,CACrC,CACF,EACA,QAAS,CACP,QAAS,EACX,EACA,WAAY,CACV,QAAS,EACX,EACA,MAAO,CACL,QAAS,EACX,EACA,UAAW,CACT,QAAS,EACX,EACA,SAAU,CACR,QAAS,EACX,CACF,EACA,KAAM,CACJ,QAAS,MACX,CACF,EAEA,IAAON,EAAQK,EAIR,MAAMR,EAAiB,CAC5B,KAAM,CACJ,SAAU,MACZ,CACF,EAEaE,EAAW,OACtB,QAAC,OAAI,UAAU,6BACb,oBAAC,OAAI,UAAU,oBACb,mBAAC,EAAAO,QAAA,CAAK,KAAK,OAAO,gBAAI,EACxB,KACA,OAAC,OAAI,UAAU,oBACb,mBAAC,EAAAA,QAAA,CAAK,KAAK,KAAK,gBAAI,EACtB,KACA,OAAC,OAAI,UAAU,oBACb,mBAAC,EAAAA,QAAA,CAAK,KAAK,OAAO,QAAQ,YAAY,gBAEtC,EACF,KACA,OAAC,OAAI,UAAU,oBACb,mBAAC,EAAAA,QAAA,CAAK,KAAK,KAAK,QAAQ,YAAY,gBAEpC,EACF,GACF,EAGWR,EAAW,OACtB,QAAC,OAAI,UAAU,6BACb,qBAAC,OAAI,UAAU,oBACb,oBAAC,EAAAQ,QAAA,CAAK,KAAK,OAAO,SAAQ,GAAC,gBAE3B,KACA,OAAC,EAAAA,QAAA,CAAK,KAAK,OAAO,SAAQ,GAAC,gBAE3B,GACF,KACA,QAAC,OAAI,UAAU,oBACb,oBAAC,EAAAA,QAAA,CAAK,KAAK,KAAK,SAAQ,GAAC,gBAEzB,KACA,OAAC,EAAAA,QAAA,CAAK,KAAK,KAAK,SAAQ,GAAC,gBAEzB,GACF,GACF",
-  "names": ["link_stories_exports", "__export", "Default", "Disabled", "LinkSize", "link_stories_default", "__toCommonJS", "import_jsx_runtime", "import_icons", "import_link", "meta", "Link"]
-}

package/dist/cjs/stories/marquee.stories.d.ts

@@ -1,30 +0,0 @@
-import React, { type ComponentType } from 'react';
-import type { StoryObj } from '@storybook/react';
-import type { MarqueeProps } from '../biz-components/Marquee/type.js';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<Omit<Omit<MarqueeProps & React.RefAttributes<import("swiper/react").SwiperRef>, 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>>;
-    subcomponents: {
-        MarqueeItem: ComponentType<unknown>;
-        MarqueeImageContent: ComponentType<unknown>;
-        MarqueeTextContent: ComponentType<unknown>;
-    };
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const MarqueeImage: Story;
-export declare const MarqueeText: Story;
-export declare const MarqueeDirection: Story;

package/dist/cjs/stories/marquee.stories.js

@@ -1,2 +0,0 @@
-"use strict";var m=Object.create;var r=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var u=(e,t)=>{for(var a in t)r(e,a,{get:t[a],enumerable:!0})},n=(e,t,a,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of c(t))!y.call(e,o)&&o!==a&&r(e,o,{get:()=>t[o],enumerable:!(p=g(t,o))||p.enumerable});return e};var f=(e,t,a)=>(a=e!=null?m(l(e)):{},n(t||!e||!e.__esModule?r(a,"default",{value:e,enumerable:!0}):a,e)),M=e=>n(r({},"__esModule",{value:!0}),e);var b={};u(b,{Default:()=>d,MarqueeDirection:()=>T,MarqueeImage:()=>C,MarqueeText:()=>v,default:()=>h});module.exports=M(b);var k=require("react"),s=f(require("../biz-components/Marquee/index.js"));const q={title:"Biz Components/Marquee",component:s.default,subcomponents:{MarqueeItem:s.MarqueeItem,MarqueeImageContent:s.MarqueeImageContent,MarqueeTextContent:s.MarqueeTextContent},parameters:{layout:"fullscreen",docs:{description:{component:"\u8DD1\u9A6C\u706FMarquee\uFF0C\u57FA\u4E8Ehttps://swiperjs.com/swiper-api"}}},tags:["autodocs"]};var h=q;const i={key:"Marquee",items:[{type:"image",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}},{type:"text",text:"\u8DD1\u9A6C\u706F\u7EC4\u4EF6"},{type:"image",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}},{type:"text",text:"\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6"},{type:"image",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}}]},d={args:{data:i}},x={key:"MarqueeImage",items:[{type:"image",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}},{type:"image",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}},{type:"image",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}},{type:"image",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}},{type:"image",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}},{type:"image",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}}]},C={args:{data:x}},R={key:"MarqueeText",items:[{type:"text",text:"47%<br>R&D Employees"},{type:"text",text:"100 Million<br>Global Customers"},{type:"text",text:"Pioneering in Charging<br>Technology for 12 Years"}]},v={args:{data:R}},T={args:{data:{...i,reverseDirection:!0}}};
-//# sourceMappingURL=marquee.stories.js.map

package/dist/cjs/stories/marquee.stories.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/marquee.stories.tsx"],
-  "sourcesContent": ["import React, { type ComponentType } from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport Marquee, { MarqueeItem, MarqueeImageContent, MarqueeTextContent } from '../biz-components/Marquee/index.js'\nimport type { MarqueeProps } from '../biz-components/Marquee/type.js'\n\nconst meta = {\n  title: 'Biz Components/Marquee',\n  component: Marquee,\n  subcomponents: {\n    MarqueeItem: MarqueeItem as ComponentType<unknown>,\n    MarqueeImageContent: MarqueeImageContent as ComponentType<unknown>,\n    MarqueeTextContent: MarqueeTextContent as ComponentType<unknown>,\n  },\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u8DD1\u9A6C\u706FMarquee\uFF0C\u57FA\u4E8Ehttps://swiperjs.com/swiper-api',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Marquee>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst MarqueeData = {\n  key: 'Marquee',\n  items: [\n    {\n      type: 'image',\n      image: { url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317' },\n    },\n    { type: 'text', text: '\u8DD1\u9A6C\u706F\u7EC4\u4EF6' },\n    {\n      type: 'image',\n      image: { url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317' },\n    },\n    { type: 'text', text: '\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6' },\n    {\n      type: 'image',\n      image: { url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317' },\n    },\n  ] as MarqueeProps['data']['items'],\n}\n\nexport const Default: Story = {\n  args: {\n    data: MarqueeData,\n  },\n}\n\nconst MarqueeImageData = {\n  key: 'MarqueeImage',\n  items: [\n    {\n      type: 'image',\n      image: { url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317' },\n    },\n    {\n      type: 'image',\n      image: { url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317' },\n    },\n    {\n      type: 'image',\n      image: { url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317' },\n    },\n    {\n      type: 'image',\n      image: { url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317' },\n    },\n    {\n      type: 'image',\n      image: { url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317' },\n    },\n    {\n      type: 'image',\n      image: { url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317' },\n    },\n  ] as MarqueeProps['data']['items'],\n}\n\nexport const MarqueeImage: Story = {\n  args: {\n    data: MarqueeImageData,\n  },\n}\n\nconst MarqueeTextData = {\n  key: 'MarqueeText',\n  items: [\n    { type: 'text', text: '47%<br>R&D Employees' },\n    { type: 'text', text: '100 Million<br>Global Customers' },\n    { type: 'text', text: 'Pioneering in Charging<br>Technology for 12 Years' },\n  ] as MarqueeProps['data']['items'],\n}\nexport const MarqueeText: Story = {\n  args: {\n    data: MarqueeTextData,\n  },\n}\n\nexport const MarqueeDirection: Story = {\n  args: {\n    data: {\n      ...MarqueeData,\n      reverseDirection: true,\n    },\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,qBAAAC,EAAA,iBAAAC,EAAA,gBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GAAA,IAAAQ,EAA0C,iBAE1CC,EAA8E,iDAG9E,MAAMC,EAAO,CACX,MAAO,yBACP,UAAW,EAAAC,QACX,cAAe,CACb,YAAa,cACb,oBAAqB,sBACrB,mBAAoB,oBACtB,EACA,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,4EACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQI,EAIf,MAAME,EAAc,CAClB,IAAK,UACL,MAAO,CACL,CACE,KAAM,QACN,MAAO,CAAE,IAAK,wFAAyF,CACzG,EACA,CAAE,KAAM,OAAQ,KAAM,gCAAQ,EAC9B,CACE,KAAM,QACN,MAAO,CAAE,IAAK,uFAAwF,CACxG,EACA,CAAE,KAAM,OAAQ,KAAM,kDAAW,EACjC,CACE,KAAM,QACN,MAAO,CAAE,IAAK,uFAAwF,CACxG,CACF,CACF,EAEaV,EAAiB,CAC5B,KAAM,CACJ,KAAMU,CACR,CACF,EAEMC,EAAmB,CACvB,IAAK,eACL,MAAO,CACL,CACE,KAAM,QACN,MAAO,CAAE,IAAK,wFAAyF,CACzG,EACA,CACE,KAAM,QACN,MAAO,CAAE,IAAK,uFAAwF,CACxG,EACA,CACE,KAAM,QACN,MAAO,CAAE,IAAK,uFAAwF,CACxG,EACA,CACE,KAAM,QACN,MAAO,CAAE,IAAK,wFAAyF,CACzG,EACA,CACE,KAAM,QACN,MAAO,CAAE,IAAK,uFAAwF,CACxG,EACA,CACE,KAAM,QACN,MAAO,CAAE,IAAK,uFAAwF,CACxG,CACF,CACF,EAEaT,EAAsB,CACjC,KAAM,CACJ,KAAMS,CACR,CACF,EAEMC,EAAkB,CACtB,IAAK,cACL,MAAO,CACL,CAAE,KAAM,OAAQ,KAAM,sBAAuB,EAC7C,CAAE,KAAM,OAAQ,KAAM,iCAAkC,EACxD,CAAE,KAAM,OAAQ,KAAM,mDAAoD,CAC5E,CACF,EACaT,EAAqB,CAChC,KAAM,CACJ,KAAMS,CACR,CACF,EAEaX,EAA0B,CACrC,KAAM,CACJ,KAAM,CACJ,GAAGS,EACH,iBAAkB,EACpB,CACF,CACF",
-  "names": ["marquee_stories_exports", "__export", "Default", "MarqueeDirection", "MarqueeImage", "MarqueeText", "marquee_stories_default", "__toCommonJS", "import_react", "import_Marquee", "meta", "Marquee", "MarqueeData", "MarqueeImageData", "MarqueeTextData"]
-}

package/dist/cjs/stories/mediaplayerBase.stories.d.ts

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

package/dist/cjs/stories/mediaplayerBase.stories.js

@@ -1,2 +0,0 @@
-"use strict";var p=Object.create;var r=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty;var n=(e,t)=>{for(var a in t)r(e,a,{get:t[a],enumerable:!0})},i=(e,t,a,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of f(t))!c.call(e,o)&&o!==a&&r(e,o,{get:()=>t[o],enumerable:!(s=d(t,o))||s.enumerable});return e};var b=(e,t,a)=>(a=e!=null?p(y(e)):{},i(t||!e||!e.__esModule?r(a,"default",{value:e,enumerable:!0}):a,e)),m=e=>i(r({},"__esModule",{value:!0}),e);var M={};n(M,{Default:()=>v,default:()=>g});module.exports=m(M);var l=b(require("../biz-components/MediaPlayerBase/index.js"));const h={title:"Biz-Components/MediaPlayerBase",component:l.default,parameters:{layout:"fullscreen"}};var g=h;const v={args:{data:{title:"Live Charged.",videoTitle:`The World's <span class="text-brand-1">NO.1</span> Mobile Charging Brand*`,img:{url:"https://cdn.shopify.com/s/files/1/0819/5735/5793/files/bb4296bf-5436-4998-866d-2665b11e6494_89394f2f67489421c24267fae7fba035.jpg?v=1745399761",alt:"Live Charged."},btnText:"Watch Video",video:{url:"https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4"}}}};
-//# sourceMappingURL=mediaplayerBase.stories.js.map

package/dist/cjs/stories/mediaplayerBase.stories.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/mediaplayerBase.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MediaPlayerBase from '../biz-components/MediaPlayerBase/index.js'\n\nconst meta: Meta<typeof MediaPlayerBase> = {\n  title: 'Biz-Components/MediaPlayerBase',\n  component: MediaPlayerBase,\n  parameters: {\n    layout: 'fullscreen',\n  },\n}\n\nexport default meta\ntype Story = StoryObj<typeof MediaPlayerBase>\n\nexport const Default: Story = {\n  args: {\n    data: {\n      title: 'Live Charged.',\n      videoTitle: 'The World\\'s <span class=\"text-brand-1\">NO.1</span> Mobile Charging Brand*',\n      img: {\n        url: 'https://cdn.shopify.com/s/files/1/0819/5735/5793/files/bb4296bf-5436-4998-866d-2665b11e6494_89394f2f67489421c24267fae7fba035.jpg?v=1745399761',\n        alt: 'Live Charged.',\n      },\n      btnText: 'Watch Video',\n      video: {\n        url: 'https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4',\n      },\n    },\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GACA,IAAAK,EAA4B,yDAE5B,MAAMC,EAAqC,CACzC,MAAO,iCACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,CACF,EAEA,IAAOJ,EAAQG,EAGR,MAAMJ,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,gBACP,WAAY,4EACZ,IAAK,CACH,IAAK,gJACL,IAAK,eACP,EACA,QAAS,cACT,MAAO,CACL,IAAK,2EACP,CACF,CACF,CACF",
-  "names": ["mediaplayerBase_stories_exports", "__export", "Default", "mediaplayerBase_stories_default", "__toCommonJS", "import_MediaPlayerBase", "meta", "MediaPlayerBase"]
-}

package/dist/cjs/stories/mediaplayerMulti.stories.d.ts

@@ -1,16 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/MediaPlayerMulti/types.js").MediaPlayerMultiProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
-        className?: string;
-        data?: Record<string, any>;
-    }, "ref"> & import("react").RefAttributes<any>>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Multi: Story;

package/dist/cjs/stories/mediaplayerMulti.stories.js

@@ -1,2 +0,0 @@
-"use strict";var m=Object.create;var i=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var b=(e,t)=>{for(var o in t)i(e,o,{get:t[o],enumerable:!0})},c=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of p(t))!d.call(e,a)&&a!==o&&i(e,a,{get:()=>t[a],enumerable:!(s=n(t,a))||s.enumerable});return e};var y=(e,t,o)=>(o=e!=null?m(f(e)):{},c(t||!e||!e.__esModule?i(o,"default",{value:e,enumerable:!0}):o,e)),u=e=>c(i({},"__esModule",{value:!0}),e);var S={};b(S,{Default:()=>g,Multi:()=>v,default:()=>M});module.exports=u(S);var l=y(require("../biz-components/MediaPlayerMulti/index.js")),k=require("gsap"),P=require("@gsap/react"),B=require("gsap/dist/ScrollTrigger"),I=require("gsap/dist/SplitText");const r=[{title:"MKBHD",name:"MKBHD",description:"18.2 Million Youtube subscribers",quote:'"If efficiency means something to you, then definitely check out Anker, who makes these chargers and cables that I really like."',img:{url:"https://cdn.shopify.com/s/files/1/0819/5735/5793/files/9b8ef5a9-97c5-4b81-9fdd-1c2805a12702_dca27557ea115cd0c51fa8ee0d7ebd7b.jpg?v=1745464110",alt:"MKBHD"},video:{url:"https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4"}},{title:"Unbox Therapy",name:"Unbox Therapy",description:"18.2 Million Youtube subscribers",quote:'"I highly recommend the Anker Nano Pro. This truly is a no-brainer."',img:{url:"https://cdn.shopify.com/s/files/1/0819/5735/5793/files/1dd1b39c-1206-48a5-96ec-1083627f51bb_3a34a11a40cbfb857cec1f91eeeaff29.jpg?v=1745464094",alt:"Unbox Therapy"},video:{url:"https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4"}}],h={title:"Biz-Components/MediaPlayerMulti",component:l.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var M=h;const g={args:{data:{items:r}}},v={args:{data:{items:r?.concat(r)}}};
-//# sourceMappingURL=mediaplayerMulti.stories.js.map

package/dist/cjs/stories/mediaplayerMulti.stories.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/mediaplayerMulti.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MediaPlayerMulti from '../biz-components/MediaPlayerMulti/index.js'\nimport { gsap } from 'gsap'\nimport { useGSAP } from '@gsap/react'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { SplitText } from 'gsap/dist/SplitText'\n\nconst testimonialItems = [\n  {\n    title: 'MKBHD',\n    name: 'MKBHD',\n    description: '18.2 Million Youtube subscribers',\n    quote:\n      '\"If efficiency means something to you, then definitely check out Anker, who makes these chargers and cables that I really like.\"',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0819/5735/5793/files/9b8ef5a9-97c5-4b81-9fdd-1c2805a12702_dca27557ea115cd0c51fa8ee0d7ebd7b.jpg?v=1745464110',\n      alt: 'MKBHD',\n    },\n    video: {\n      url: 'https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4',\n    },\n  },\n  {\n    title: 'Unbox Therapy',\n    name: 'Unbox Therapy',\n    description: '18.2 Million Youtube subscribers',\n    quote: '\"I highly recommend the Anker Nano Pro. This truly is a no-brainer.\"',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0819/5735/5793/files/1dd1b39c-1206-48a5-96ec-1083627f51bb_3a34a11a40cbfb857cec1f91eeeaff29.jpg?v=1745464094',\n      alt: 'Unbox Therapy',\n    },\n    video: {\n      url: 'https://cdn.shopify.com/videos/c/o/v/97144231c93943c4aae54f8056b1073b.mp4',\n    },\n  },\n]\n\nconst meta = {\n  title: 'Biz-Components/MediaPlayerMulti',\n  component: MediaPlayerMulti,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof MediaPlayerMulti>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    data: {\n      items: testimonialItems,\n    },\n  },\n}\n\nexport const Multi: Story = {\n  args: {\n    data: {\n      items: testimonialItems?.concat(testimonialItems),\n    },\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAA6B,0DAC7BC,EAAqB,gBACrBC,EAAwB,uBACxBC,EAA8B,mCAC9BC,EAA0B,+BAE1B,MAAMC,EAAmB,CACvB,CACE,MAAO,QACP,KAAM,QACN,YAAa,mCACb,MACE,mIACF,IAAK,CACH,IAAK,gJACL,IAAK,OACP,EACA,MAAO,CACL,IAAK,2EACP,CACF,EACA,CACE,MAAO,gBACP,KAAM,gBACN,YAAa,mCACb,MAAO,uEACP,IAAK,CACH,IAAK,gJACL,IAAK,eACP,EACA,MAAO,CACL,IAAK,2EACP,CACF,CACF,EAEMC,EAAO,CACX,MAAO,kCACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOT,EAAQQ,EAGR,MAAMV,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAOS,CACT,CACF,CACF,EAEaR,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAOQ,GAAkB,OAAOA,CAAgB,CAClD,CACF,CACF",
-  "names": ["mediaplayerMulti_stories_exports", "__export", "Default", "Multi", "mediaplayerMulti_stories_default", "__toCommonJS", "import_MediaPlayerMulti", "import_gsap", "import_react", "import_ScrollTrigger", "import_SplitText", "testimonialItems", "meta", "MediaPlayerMulti"]
-}

package/dist/cjs/stories/picture.stories.d.ts

@@ -1,23 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<import("../components/picture.js").PictureProps & import("react").RefAttributes<HTMLPictureElement>>;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const NotMatchDomain: Story;
-export declare const WithAltFromUrl: Story;
-export declare const WithAltFromUrlMultipleBreakpoints: Story;
-export declare const AltPriority: Story;
-export declare const MixedAltSources: Story;
-export declare const AmazonImageWithCommas: Story;

package/dist/cjs/stories/picture.stories.js

@@ -1,9 +0,0 @@
-"use strict";var m=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var g=(a,s)=>{for(var d in s)m(a,d,{get:s[d],enumerable:!0})},y=(a,s,d,c)=>{if(s&&typeof s=="object"||typeof s=="function")for(let r of p(s))!n.call(a,r)&&r!==d&&m(a,r,{get:()=>s[r],enumerable:!(c=i(s,r))||c.enumerable});return a};var x=a=>y(m({},"__esModule",{value:!0}),a);var S={};g(S,{AltPriority:()=>L,AmazonImageWithCommas:()=>w,Default:()=>U,MixedAltSources:()=>_,NotMatchDomain:()=>N,WithAltFromUrl:()=>R,WithAltFromUrlMultipleBreakpoints:()=>f,default:()=>h});module.exports=x(S);var t=require("react/jsx-runtime"),e=require("../components/index.js");const u="https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219",v="https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627",o="https://images.unsplash.com/photo-1549388604-817d15aa0110?w=800",l="https://images.unsplash.com/photo-1549388604-817d15aa0110?w=400",b={title:"Components/Picture",component:e.Picture,parameters:{layout:"centerd",docs:{description:{component:`\u54CD\u5E94\u5F0F\u56FE\u7247\u7EC4\u4EF6, \u652F\u6301\u4F20\u5165\u4E0D\u540C\u5206\u8FA8\u7387\u4E0B\u7684\u56FE\u7247\uFF0C\u6BD4\u5982\uFF0Csource="url1 1920\uFF0C url2 1080, url3 767". 
-          \u5F53\u56FE\u7247\u5339\u914D\u57DF\u540D\uFF08'cdn.shopify.com', 'cdn.shopifycdn.net', 'www.facebook.com'\uFF09\u7684\u65F6\u5019\uFF0C\u4F1A\u81EA\u52A8\u5728\u56FE\u7247url\u540E\u9762\u6DFB\u52A0\u56FE\u7247\u5C3A\u5BF8\u540E\u7F00\u3002
-
-          \u65B0\u7279\u6027\uFF1A\u652F\u6301\u4ECE URL query \u53C2\u6570\u4E2D\u81EA\u52A8\u89E3\u6790 alt \u5C5E\u6027\uFF1A
-          - \u5982\u679C\u76F4\u63A5\u4F20\u5165 alt \u5C5E\u6027\uFF0C\u4F18\u5148\u7EA7\u66F4\u9AD8
-          - \u5982\u679C\u672A\u4F20\u5165 alt \u5C5E\u6027\uFF0C\u4F1A\u4ECE source \u4E2D\u7684 URL \u89E3\u6790 alt \u53C2\u6570
-          - \u591A\u4E2A\u65AD\u70B9 URL \u65F6\uFF0C\u53EA\u4F7F\u7528\u7B2C\u4E00\u4E2A\u6709 alt \u53C2\u6570\u7684 URL \u7684 alt \u503C
-           `}}},tags:["autodocs"]};var h=b;const U={args:{source:`${u}, ${v} 768`,imgClassName:"rounded-[24px]"}},N={args:{source:`${o}, ${l} 768`,className:"w-[300px]"},parameters:{docs:{description:{story:"\u56FE\u7247\u4E0D\u5339\u914D\u57DF\u540D"}}}},R={args:{source:`${o}?alt=\u4ECEURL\u53C2\u6570\u89E3\u6790\u7684\u56FE\u7247\u63CF\u8FF0, ${l}?alt=\u79FB\u52A8\u7AEF\u56FE\u7247\u63CF\u8FF0 768`,className:"w-[300px]"},render:a=>(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)(e.Picture,{...a}),(0,t.jsxs)("div",{className:"text-sm text-gray-600 p-2 bg-gray-50 rounded",children:[(0,t.jsx)("strong",{children:"Alt\u5C5E\u6027:"})," \u4ECEURL\u53C2\u6570\u89E3\u6790\u7684\u56FE\u7247\u63CF\u8FF0"]})]}),parameters:{docs:{description:{story:"\u4ECE URL query \u53C2\u6570\u4E2D\u89E3\u6790 alt \u5C5E\u6027\uFF0C\u4E0B\u65B9\u663E\u793A\u4E86\u5B9E\u9645\u89E3\u6790\u51FA\u7684alt\u6587\u672C"}}}},f={args:{source:`${o}?alt=\u7B2C\u4E00\u4E2A\u56FE\u7247\u63CF\u8FF0, ${l}?alt=\u7B2C\u4E8C\u4E2A\u56FE\u7247\u63CF\u8FF0 768, ${o}?alt=\u7B2C\u4E09\u4E2A\u56FE\u7247\u63CF\u8FF0 1024`,className:"w-[300px]"},render:a=>(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)(e.Picture,{...a}),(0,t.jsxs)("div",{className:"text-sm text-gray-600 p-2 bg-gray-50 rounded",children:[(0,t.jsx)("strong",{children:"Alt\u5C5E\u6027:"})," \u7B2C\u4E00\u4E2A\u56FE\u7247\u63CF\u8FF0",(0,t.jsx)("div",{className:"text-xs mt-1 text-gray-500",children:'(\u4F7F\u7528\u7B2C\u4E00\u4E2A\u6709alt\u53C2\u6570\u7684URL: "\u7B2C\u4E00\u4E2A\u56FE\u7247\u63CF\u8FF0")'})]})]}),parameters:{docs:{description:{story:"\u591A\u4E2A\u65AD\u70B9 URL \u65F6\uFF0C\u53EA\u4F7F\u7528\u7B2C\u4E00\u4E2A\u6709 alt \u53C2\u6570\u7684 URL \u7684 alt \u503C\uFF0C\u4E0B\u65B9\u663E\u793A\u5B9E\u9645\u4F7F\u7528\u7684alt\u6587\u672C"}}}},L={args:{source:`${o}?alt=URL\u4E2D\u7684alt\u53C2\u6570, ${l}?alt=\u79FB\u52A8\u7AEFalt\u53C2\u6570 768`,alt:"\u76F4\u63A5\u4F20\u5165\u7684alt\u5C5E\u6027",className:"w-[300px]"},render:a=>(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)(e.Picture,{...a}),(0,t.jsxs)("div",{className:"text-sm text-gray-600 p-2 bg-gray-50 rounded",children:[(0,t.jsx)("strong",{children:"Alt\u5C5E\u6027:"})," \u76F4\u63A5\u4F20\u5165\u7684alt\u5C5E\u6027",(0,t.jsx)("div",{className:"text-xs mt-1 text-gray-500",children:'(\u76F4\u63A5\u4F20\u5165\u7684alt\u4F18\u5148\u7EA7\u66F4\u9AD8\uFF0C\u8986\u76D6URL\u53C2\u6570\u4E2D\u7684"URL\u4E2D\u7684alt\u53C2\u6570")'})]})]}),parameters:{docs:{description:{story:"\u76F4\u63A5\u4F20\u5165\u7684 alt \u5C5E\u6027\u4F18\u5148\u7EA7\u66F4\u9AD8\uFF0C\u4F1A\u8986\u76D6URL\u53C2\u6570\u4E2D\u7684alt\u503C\uFF0C\u4E0B\u65B9\u663E\u793A\u5B9E\u9645\u4F7F\u7528\u7684alt\u6587\u672C"}}}},_={args:{source:`${o}, ${l}?alt=\u53EA\u6709\u7B2C\u4E8C\u4E2AURL\u6709alt\u53C2\u6570 768`,className:"w-[300px]"},render:a=>(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)(e.Picture,{...a}),(0,t.jsxs)("div",{className:"text-sm text-gray-600 p-2 bg-gray-50 rounded",children:[(0,t.jsx)("strong",{children:"Alt\u5C5E\u6027:"})," \u53EA\u6709\u7B2C\u4E8C\u4E2AURL\u6709alt\u53C2\u6570",(0,t.jsx)("div",{className:"text-xs mt-1 text-gray-500",children:"(\u7B2C\u4E00\u4E2AURL\u6CA1\u6709alt\u53C2\u6570\uFF0C\u4F7F\u7528\u7B2C\u4E8C\u4E2AURL\u7684alt\u53C2\u6570)"})]})]}),parameters:{docs:{description:{story:"\u6DF7\u5408\u60C5\u51B5\uFF1A\u7B2C\u4E00\u4E2A URL \u6CA1\u6709 alt \u53C2\u6570\uFF0C\u7B2C\u4E8C\u4E2A\u6709\u3002\u4F1A\u4F7F\u7528\u627E\u5230\u7684\u7B2C\u4E00\u4E2A\u6709\u6548alt\u503C\uFF0C\u4E0B\u65B9\u663E\u793A\u5B9E\u9645\u4F7F\u7528\u7684alt\u6587\u672C"}}}},w={args:{source:"https://m.media-amazon.com/images/S/aplus-media-library-service-media/b4b0b7a8-b5ae-4ee3-8cc5-a8f93cb91f7a.__CR0,0,1200,900_PT0_SX600_V1___.png 1920, https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=800&q=80 768, https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=400&q=80 400",alt:"Amazon\u4EA7\u54C1\u5C55\u793A\u56FE\u7247",className:"w-full max-w-[600px]",imgClassName:"rounded-lg shadow-lg"},render:a=>(0,t.jsxs)("div",{className:"space-y-3",children:[(0,t.jsx)(e.Picture,{...a}),(0,t.jsxs)("div",{className:"text-sm text-gray-600 p-3 bg-gray-50 rounded-lg",children:[(0,t.jsx)("div",{className:"font-semibold mb-2",children:"\u89E3\u6790\u7ED3\u679C\u5C55\u793A:"}),(0,t.jsxs)("div",{children:[(0,t.jsx)("strong",{children:"Alt\u5C5E\u6027:"})," Amazon\u4EA7\u54C1\u5C55\u793A\u56FE\u7247"]}),(0,t.jsxs)("div",{className:"text-xs mt-2 text-gray-500",children:[(0,t.jsx)("strong",{children:"\u667A\u80FD\u89E3\u6790\u7684URL:"}),(0,t.jsx)("div",{className:"mt-1 font-mono text-xs bg-white p-2 rounded border break-all",children:"1. https://m.media-amazon.com/images/S/aplus-media-library-service-media/b4b0b7a8-b5ae-4ee3-8cc5-a8f93cb91f7a.__CR0,0,1200,900_PT0_SX600_V1___.png (1920px)"}),(0,t.jsx)("div",{className:"mt-1 font-mono text-xs bg-white p-2 rounded border break-all",children:"2. https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=800&q=80 (768px)"})]})]})]}),parameters:{docs:{description:{story:"\u2728 **URL\u5305\u542B\u9017\u53F7\u7684\u667A\u80FD\u89E3\u6790** - \u5C55\u793A\u5982\u4F55\u6B63\u786E\u5904\u7406\u5305\u542B\u9017\u53F7\u7684\u590D\u6742URL\uFF08\u5982Amazon CDN URL\u4E2D\u7684 `__CR0,0,1200,900_`\uFF09\u3002\u65B0\u7684\u89E3\u6790\u903B\u8F91\u80FD\u591F\u8BC6\u522B\u5B8C\u6574\u7684 `http://domain/path` \u6A21\u5F0F\uFF0C\u4E0D\u4F1A\u88ABURL\u5185\u90E8\u7684\u9017\u53F7\u5206\u5272\uFF0C\u540C\u65F6\u4FDD\u6301\u4E0E\u539F\u6709\u683C\u5F0F\u7684\u5B8C\u5168\u517C\u5BB9\u3002\u4E0B\u65B9\u663E\u793A\u4E86\u89E3\u6790\u7ED3\u679C\u3002"}}}};
-//# sourceMappingURL=picture.stories.js.map

package/dist/cjs/stories/picture.stories.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/picture.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport { Picture } from '../components/index.js'\nconst imageUrl =\n  'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219'\n\nconst mobImageUrl =\n  'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627'\n\nconst imageUrl2 = 'https://images.unsplash.com/photo-1549388604-817d15aa0110?w=800'\nconst mobImageUrl2 = 'https://images.unsplash.com/photo-1549388604-817d15aa0110?w=400'\n\nconst meta = {\n  title: 'Components/Picture',\n  component: Picture,\n  parameters: {\n    layout: 'centerd',\n    docs: {\n      description: {\n        component: `\u54CD\u5E94\u5F0F\u56FE\u7247\u7EC4\u4EF6, \u652F\u6301\u4F20\u5165\u4E0D\u540C\u5206\u8FA8\u7387\u4E0B\u7684\u56FE\u7247\uFF0C\u6BD4\u5982\uFF0Csource=\"url1 1920\uFF0C url2 1080, url3 767\". \n          \u5F53\u56FE\u7247\u5339\u914D\u57DF\u540D\uFF08'cdn.shopify.com', 'cdn.shopifycdn.net', 'www.facebook.com'\uFF09\u7684\u65F6\u5019\uFF0C\u4F1A\u81EA\u52A8\u5728\u56FE\u7247url\u540E\u9762\u6DFB\u52A0\u56FE\u7247\u5C3A\u5BF8\u540E\u7F00\u3002\n\n          \u65B0\u7279\u6027\uFF1A\u652F\u6301\u4ECE URL query \u53C2\u6570\u4E2D\u81EA\u52A8\u89E3\u6790 alt \u5C5E\u6027\uFF1A\n          - \u5982\u679C\u76F4\u63A5\u4F20\u5165 alt \u5C5E\u6027\uFF0C\u4F18\u5148\u7EA7\u66F4\u9AD8\n          - \u5982\u679C\u672A\u4F20\u5165 alt \u5C5E\u6027\uFF0C\u4F1A\u4ECE source \u4E2D\u7684 URL \u89E3\u6790 alt \u53C2\u6570\n          - \u591A\u4E2A\u65AD\u70B9 URL \u65F6\uFF0C\u53EA\u4F7F\u7528\u7B2C\u4E00\u4E2A\u6709 alt \u53C2\u6570\u7684 URL \u7684 alt \u503C\n           `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Picture>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    source: `${imageUrl}, ${mobImageUrl} 768`,\n    imgClassName: 'rounded-[24px]',\n  },\n}\n\nexport const NotMatchDomain: Story = {\n  args: {\n    source: `${imageUrl2}, ${mobImageUrl2} 768`,\n    className: 'w-[300px]',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u56FE\u7247\u4E0D\u5339\u914D\u57DF\u540D',\n      },\n    },\n  },\n}\n\nexport const WithAltFromUrl: Story = {\n  args: {\n    source: `${imageUrl2}?alt=\u4ECEURL\u53C2\u6570\u89E3\u6790\u7684\u56FE\u7247\u63CF\u8FF0, ${mobImageUrl2}?alt=\u79FB\u52A8\u7AEF\u56FE\u7247\u63CF\u8FF0 768`,\n    className: 'w-[300px]',\n  },\n  render: (args) => (\n    <div className=\"space-y-2\">\n      <Picture {...args} />\n      <div className=\"text-sm text-gray-600 p-2 bg-gray-50 rounded\">\n        <strong>Alt\u5C5E\u6027:</strong> \u4ECEURL\u53C2\u6570\u89E3\u6790\u7684\u56FE\u7247\u63CF\u8FF0\n      </div>\n    </div>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: '\u4ECE URL query \u53C2\u6570\u4E2D\u89E3\u6790 alt \u5C5E\u6027\uFF0C\u4E0B\u65B9\u663E\u793A\u4E86\u5B9E\u9645\u89E3\u6790\u51FA\u7684alt\u6587\u672C',\n      },\n    },\n  },\n}\n\nexport const WithAltFromUrlMultipleBreakpoints: Story = {\n  args: {\n    source: `${imageUrl2}?alt=\u7B2C\u4E00\u4E2A\u56FE\u7247\u63CF\u8FF0, ${mobImageUrl2}?alt=\u7B2C\u4E8C\u4E2A\u56FE\u7247\u63CF\u8FF0 768, ${imageUrl2}?alt=\u7B2C\u4E09\u4E2A\u56FE\u7247\u63CF\u8FF0 1024`,\n    className: 'w-[300px]',\n  },\n  render: (args) => (\n    <div className=\"space-y-2\">\n      <Picture {...args} />\n      <div className=\"text-sm text-gray-600 p-2 bg-gray-50 rounded\">\n        <strong>Alt\u5C5E\u6027:</strong> \u7B2C\u4E00\u4E2A\u56FE\u7247\u63CF\u8FF0\n        <div className=\"text-xs mt-1 text-gray-500\">\n          (\u4F7F\u7528\u7B2C\u4E00\u4E2A\u6709alt\u53C2\u6570\u7684URL: \"\u7B2C\u4E00\u4E2A\u56FE\u7247\u63CF\u8FF0\")\n        </div>\n      </div>\n    </div>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: '\u591A\u4E2A\u65AD\u70B9 URL \u65F6\uFF0C\u53EA\u4F7F\u7528\u7B2C\u4E00\u4E2A\u6709 alt \u53C2\u6570\u7684 URL \u7684 alt \u503C\uFF0C\u4E0B\u65B9\u663E\u793A\u5B9E\u9645\u4F7F\u7528\u7684alt\u6587\u672C',\n      },\n    },\n  },\n}\n\nexport const AltPriority: Story = {\n  args: {\n    source: `${imageUrl2}?alt=URL\u4E2D\u7684alt\u53C2\u6570, ${mobImageUrl2}?alt=\u79FB\u52A8\u7AEFalt\u53C2\u6570 768`,\n    alt: '\u76F4\u63A5\u4F20\u5165\u7684alt\u5C5E\u6027',\n    className: 'w-[300px]',\n  },\n  render: (args) => (\n    <div className=\"space-y-2\">\n      <Picture {...args} />\n      <div className=\"text-sm text-gray-600 p-2 bg-gray-50 rounded\">\n        <strong>Alt\u5C5E\u6027:</strong> \u76F4\u63A5\u4F20\u5165\u7684alt\u5C5E\u6027\n        <div className=\"text-xs mt-1 text-gray-500\">\n          (\u76F4\u63A5\u4F20\u5165\u7684alt\u4F18\u5148\u7EA7\u66F4\u9AD8\uFF0C\u8986\u76D6URL\u53C2\u6570\u4E2D\u7684\"URL\u4E2D\u7684alt\u53C2\u6570\")\n        </div>\n      </div>\n    </div>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: '\u76F4\u63A5\u4F20\u5165\u7684 alt \u5C5E\u6027\u4F18\u5148\u7EA7\u66F4\u9AD8\uFF0C\u4F1A\u8986\u76D6URL\u53C2\u6570\u4E2D\u7684alt\u503C\uFF0C\u4E0B\u65B9\u663E\u793A\u5B9E\u9645\u4F7F\u7528\u7684alt\u6587\u672C',\n      },\n    },\n  },\n}\n\nexport const MixedAltSources: Story = {\n  args: {\n    source: `${imageUrl2}, ${mobImageUrl2}?alt=\u53EA\u6709\u7B2C\u4E8C\u4E2AURL\u6709alt\u53C2\u6570 768`,\n    className: 'w-[300px]',\n  },\n  render: (args) => (\n    <div className=\"space-y-2\">\n      <Picture {...args} />\n      <div className=\"text-sm text-gray-600 p-2 bg-gray-50 rounded\">\n        <strong>Alt\u5C5E\u6027:</strong> \u53EA\u6709\u7B2C\u4E8C\u4E2AURL\u6709alt\u53C2\u6570\n        <div className=\"text-xs mt-1 text-gray-500\">\n          (\u7B2C\u4E00\u4E2AURL\u6CA1\u6709alt\u53C2\u6570\uFF0C\u4F7F\u7528\u7B2C\u4E8C\u4E2AURL\u7684alt\u53C2\u6570)\n        </div>\n      </div>\n    </div>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: '\u6DF7\u5408\u60C5\u51B5\uFF1A\u7B2C\u4E00\u4E2A URL \u6CA1\u6709 alt \u53C2\u6570\uFF0C\u7B2C\u4E8C\u4E2A\u6709\u3002\u4F1A\u4F7F\u7528\u627E\u5230\u7684\u7B2C\u4E00\u4E2A\u6709\u6548alt\u503C\uFF0C\u4E0B\u65B9\u663E\u793A\u5B9E\u9645\u4F7F\u7528\u7684alt\u6587\u672C',\n      },\n    },\n  },\n}\n\nexport const AmazonImageWithCommas: Story = {\n  args: {\n    source: 'https://m.media-amazon.com/images/S/aplus-media-library-service-media/b4b0b7a8-b5ae-4ee3-8cc5-a8f93cb91f7a.__CR0,0,1200,900_PT0_SX600_V1___.png 1920, https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=800&q=80 768, https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=400&q=80 400',\n    alt: 'Amazon\u4EA7\u54C1\u5C55\u793A\u56FE\u7247',\n    className: 'w-full max-w-[600px]',\n    imgClassName: 'rounded-lg shadow-lg',\n  },\n  render: (args) => (\n    <div className=\"space-y-3\">\n      <Picture {...args} />\n      <div className=\"text-sm text-gray-600 p-3 bg-gray-50 rounded-lg\">\n        <div className=\"font-semibold mb-2\">\u89E3\u6790\u7ED3\u679C\u5C55\u793A:</div>\n        <div><strong>Alt\u5C5E\u6027:</strong> Amazon\u4EA7\u54C1\u5C55\u793A\u56FE\u7247</div>\n        <div className=\"text-xs mt-2 text-gray-500\">\n          <strong>\u667A\u80FD\u89E3\u6790\u7684URL:</strong>\n          <div className=\"mt-1 font-mono text-xs bg-white p-2 rounded border break-all\">\n            1. https://m.media-amazon.com/images/S/aplus-media-library-service-media/b4b0b7a8-b5ae-4ee3-8cc5-a8f93cb91f7a.__CR0,0,1200,900_PT0_SX600_V1___.png (1920px)\n          </div>\n          <div className=\"mt-1 font-mono text-xs bg-white p-2 rounded border break-all\">\n            2. https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=800&q=80 (768px)\n          </div>\n        </div>\n      </div>\n    </div>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: '\u2728 **URL\u5305\u542B\u9017\u53F7\u7684\u667A\u80FD\u89E3\u6790** - \u5C55\u793A\u5982\u4F55\u6B63\u786E\u5904\u7406\u5305\u542B\u9017\u53F7\u7684\u590D\u6742URL\uFF08\u5982Amazon CDN URL\u4E2D\u7684 `__CR0,0,1200,900_`\uFF09\u3002\u65B0\u7684\u89E3\u6790\u903B\u8F91\u80FD\u591F\u8BC6\u522B\u5B8C\u6574\u7684 `http://domain/path` \u6A21\u5F0F\uFF0C\u4E0D\u4F1A\u88ABURL\u5185\u90E8\u7684\u9017\u53F7\u5206\u5272\uFF0C\u540C\u65F6\u4FDD\u6301\u4E0E\u539F\u6709\u683C\u5F0F\u7684\u5B8C\u5168\u517C\u5BB9\u3002\u4E0B\u65B9\u663E\u793A\u4E86\u89E3\u6790\u7ED3\u679C\u3002',\n      },\n    },\n  },\n}\n"],
-  "mappings": "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",
-  "names": ["picture_stories_exports", "__export", "AltPriority", "AmazonImageWithCommas", "Default", "MixedAltSources", "NotMatchDomain", "WithAltFromUrl", "WithAltFromUrlMultipleBreakpoints", "picture_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "imageUrl", "mobImageUrl", "imageUrl2", "mobImageUrl2", "meta", "args"]
-}

package/dist/cjs/stories/popover.stories.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-declare const meta: {
-    title: string;
-    component: React.FC<import("@radix-ui/react-popover").PopoverProps>;
-    subcomponents: any;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-};
-export default meta;
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/stories/popover.stories.js

@@ -1,2 +0,0 @@
-"use strict";var i=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var c=(s,t)=>{for(var r in t)i(s,r,{get:t[r],enumerable:!0})},u=(s,t,r,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of m(t))!d.call(s,n)&&n!==r&&i(s,n,{get:()=>t[n],enumerable:!(p=a(t,n))||p.enumerable});return s};var l=s=>u(i({},"__esModule",{value:!0}),s);var y={};c(y,{Default:()=>h,default:()=>v});module.exports=l(y);var o=require("react/jsx-runtime"),w=require("react"),e=require("../components/index.js");const g={title:"Components/Popover",component:e.Popover,subcomponents:{Popover:e.Popover,PopoverTrigger:e.PopoverTrigger,PopoverContent:e.PopoverContent},parameters:{layout:"centered",docs:{description:{component:"popover\u7EC4\u4EF6\uFF0C\u5728\u4E00\u4E2Aportal\u5C55\u793A\u590D\u6742ui, \u57FA\u4E8E@radix-ui/react-popover, https://www.radix-ui.com/primitives/docs/components/popover"}}},tags:["autodocs"]};var v=g;const h=()=>(0,o.jsxs)(e.Popover,{children:[(0,o.jsx)(e.PopoverTrigger,{asChild:!0,children:(0,o.jsx)("button",{children:"Open popover"})}),(0,o.jsx)(e.PopoverContent,{className:"w-80 bg-white",side:"right",children:(0,o.jsx)("div",{className:"grid gap-4",children:(0,o.jsx)("p",{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."})})})]});
-//# sourceMappingURL=popover.stories.js.map

package/dist/cjs/stories/popover.stories.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/popover.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Popover, PopoverContent, PopoverTrigger } from '../components/index.js'\nimport type { Meta } from '@storybook/react'\n\nconst meta = {\n  title: 'Components/Popover',\n  component: Popover,\n  subcomponents: { Popover, PopoverTrigger, PopoverContent } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component:\n          'popover\u7EC4\u4EF6\uFF0C\u5728\u4E00\u4E2Aportal\u5C55\u793A\u590D\u6742ui, \u57FA\u4E8E@radix-ui/react-popover, https://www.radix-ui.com/primitives/docs/components/popover',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Popover>\n\nexport default meta\n\nexport const Default = () => (\n  <Popover>\n    <PopoverTrigger asChild>\n      <button>Open popover</button>\n    </PopoverTrigger>\n    <PopoverContent className=\"w-80 bg-white\" side=\"right\">\n      <div className=\"grid gap-4\">\n        <p>\n          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's\n          standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to\n          make a type specimen book. It has survived not only five centuries, but also the leap into electronic\n          typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset\n          sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus\n          PageMaker including versions of Lorem Ipsum.\n        </p>\n      </div>\n    </PopoverContent>\n  </Popover>\n)\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAuBE,IAAAK,EAAA,6BAvBFC,EAAkB,iBAClBC,EAAwD,kCAGxD,MAAMC,EAAO,CACX,MAAO,qBACP,UAAW,UACX,cAAe,CAAE,kBAAS,gCAAgB,+BAAe,EACzD,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,+KACJ,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQK,EAER,MAAMN,EAAU,OACrB,QAAC,WACC,oBAAC,kBAAe,QAAO,GACrB,mBAAC,UAAO,wBAAY,EACtB,KACA,OAAC,kBAAe,UAAU,gBAAgB,KAAK,QAC7C,mBAAC,OAAI,UAAU,aACb,mBAAC,KAAE,0kBAOH,EACF,EACF,GACF",
-  "names": ["popover_stories_exports", "__export", "Default", "popover_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "meta"]
-}

package/dist/cjs/stories/productCompare.stories.d.ts

@@ -1,54 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import type { ProductCompareProps } from '../biz-components/ProductCompare/index.js';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<ProductCompareProps, 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;
-            };
-        };
-    };
-    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
-        className?: string | undefined;
-        data: {
-            title?: string;
-            titleType?: import("../biz-components/ProductCompare/index.js").TitleType;
-            titleIcon?: import("../types/props.js").Media;
-            subtitle?: string;
-            subtitleImage?: import("../types/props.js").Media;
-            textAlign?: import("../biz-components/ProductCompare/index.js").TextAlign;
-            products?: import("../biz-components/index.js").ProductItemData[];
-            twoImageRatio?: import("../biz-components/ProductCompare/index.js").TwoImageRatio;
-            threeImageRatio?: import("../biz-components/ProductCompare/index.js").ThreeImageRatio;
-            theme?: import("../types/props.js").Theme;
-        } & Record<string, any>;
-        style?: (string | React.CSSProperties) | undefined;
-        uid?: string | undefined;
-        disabled?: boolean | undefined;
-        container?: {
-            desktopSpan: number;
-            mobileSpan: number;
-        } | undefined;
-        ref?: import("react").LegacyRef<any> | undefined;
-        key?: import("react").Key | null | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const SellingPointTitle: Story;
-export declare const PrimaryTitle: Story;
-export declare const SecondaryTitle: Story;
-export declare const CenterAlign: Story;
-export declare const WithSubtitleImage: Story;
-export declare const TwoImagesEqualRatio: Story;
-export declare const ThreeImages: Story;
-export declare const DarkTheme: Story;
-export declare const CompleteExample: Story;

package/dist/cjs/stories/productCompare.stories.js

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

package/dist/cjs/stories/productCompare.stories.js.map

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

package/dist/cjs/stories/productHero.stories.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import type { StoryObj } from '@storybook/react';
-import type { ProductHeroProps } from '../biz-components/ProductHero/types.js';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<Omit<Omit<ProductHeroProps & 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;
-export declare const LongTitle: Story;
-export declare const ShortSubtitle: Story;
-export declare const CustomCTA: Story;
-export declare const WithCustomStyles: Story;

package/dist/cjs/stories/productHero.stories.js

@@ -1,50 +0,0 @@
-"use strict";var n=Object.create;var a=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var h=(t,o)=>{for(var e in o)a(t,e,{get:o[e],enumerable:!0})},p=(t,o,e,c)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of d(o))!m.call(t,r)&&r!==e&&a(t,r,{get:()=>o[r],enumerable:!(c=u(o,r))||c.enumerable});return t};var y=(t,o,e)=>(e=t!=null?n(l(t)):{},p(o||!t||!t.__esModule?a(e,"default",{value:t,enumerable:!0}):e,t)),g=t=>p(a({},"__esModule",{value:!0}),t);var P={};h(P,{CustomCTA:()=>x,Default:()=>_,LongTitle:()=>S,ShortSubtitle:()=>T,WithCustomStyles:()=>C,default:()=>f});module.exports=g(P);var H=require("react"),i=y(require("../biz-components/ProductHero/index.js"));const b={title:"Biz Components/ProductHero",component:i.default,parameters:{layout:"padded",backgrounds:{default:"dark"},docs:{description:{component:"\u4EA7\u54C1\u5C55\u793A\u7EC4\u4EF6\uFF0C\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u3001CTA \u6309\u94AE\u548C\u4EA7\u54C1\u56FE\u7247"}}},tags:["autodocs"]};var f=b;const s={title:"Buy your cleaning housekeeper now",poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-poster.png?v=1751427172",alt:"Product Hero",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-poster.png?v=1751427172",mimeType:"image/png"},ctaLink:"/products/t2353111",ctaText:"shop now",subtitle:"The World's First HydrJet\u2122 Robot Vacuum with 20,000 Pa Turbo Suction",mobPoster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-poster.png?v=1751427222",alt:"Product Hero Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-poster.png?v=1751427222",mimeType:"image/png"}},_={args:{data:s}},S={args:{data:{...s,title:"Buy your advanced cleaning housekeeper with revolutionary technology now"}}},T={args:{data:{...s,subtitle:"Revolutionary Robot Vacuum"}}},x={args:{data:{...s,ctaText:"Learn More",ctaLink:"/learn-more"}}},C={args:{data:s,className:"custom-product-hero"},parameters:{docs:{description:{story:`
-\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A
-
-**\u6839\u5143\u7D20\uFF1A**
-- \`.product-hero\` - \u7EC4\u4EF6\u6839\u5BB9\u5668
-
-**\u5185\u5BB9\u533A\u57DF\uFF1A**
-- \`.product-hero__content\` - \u5185\u5BB9\u5BB9\u5668
-- \`.product-hero__text\` - \u6587\u672C\u5BB9\u5668
-- \`.product-hero__title\` - \u6807\u9898
-- \`.product-hero__subtitle\` - \u526F\u6807\u9898
-- \`.product-hero__subtitle--desktop\` - \u684C\u9762\u7AEF\u526F\u6807\u9898\u4FEE\u9970\u7B26
-- \`.product-hero__subtitle--mobile\` - \u79FB\u52A8\u7AEF\u526F\u6807\u9898\u4FEE\u9970\u7B26
-
-**CTA \u6309\u94AE\uFF1A**
-- \`.product-hero__cta-link\` - CTA \u94FE\u63A5
-- \`.product-hero__cta-button\` - CTA \u6309\u94AE
-
-**\u56FE\u7247\u5143\u7D20\uFF1A**
-- \`.product-hero__image\` - \u4EA7\u54C1\u56FE\u7247
-
-**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**
-\`\`\`css
-/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */
-.product-hero__title {
-  font-size: 3rem;
-  font-weight: 900;
-  color: #1e293b;
-}
-
-/* \u81EA\u5B9A\u4E49 CTA \u6309\u94AE */
-.product-hero__cta-button {
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  padding: 16px 32px;
-}
-
-/* \u81EA\u5B9A\u4E49\u56FE\u7247\u60AC\u505C\u6548\u679C */
-.product-hero__image:hover {
-  transform: scale(1.02);
-  transition: transform 0.4s ease;
-}
-
-/* \u81EA\u5B9A\u4E49\u5185\u5BB9\u533A\u57DF */
-.product-hero__content {
-  padding: 24px;
-  background: rgba(255, 255, 255, 0.05);
-}
-\`\`\`
-        `}}}};
-//# sourceMappingURL=productHero.stories.js.map

package/dist/cjs/stories/productHero.stories.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/productHero.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport ProductHero from '../biz-components/ProductHero/index.js'\nimport type { ProductHeroProps } from '../biz-components/ProductHero/types.js'\n\nconst meta = {\n  title: 'Biz Components/ProductHero',\n  component: ProductHero,\n  parameters: {\n    layout: 'padded',\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        component: '\u4EA7\u54C1\u5C55\u793A\u7EC4\u4EF6\uFF0C\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u3001CTA \u6309\u94AE\u548C\u4EA7\u54C1\u56FE\u7247',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof ProductHero>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: ProductHeroProps['data'] = {\n  title: 'Buy your cleaning housekeeper now',\n  poster: {\n    url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-poster.png?v=1751427172',\n    alt: 'Product Hero',\n    thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-poster.png?v=1751427172',\n    mimeType: 'image/png',\n  },\n  ctaLink: '/products/t2353111',\n  ctaText: 'shop now',\n  subtitle: \"The World's First HydrJet\u2122 Robot Vacuum with 20,000 Pa Turbo Suction\",\n  mobPoster: {\n    url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-poster.png?v=1751427222',\n    alt: 'Product Hero Mobile',\n    thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/mob-e25-poster.png?v=1751427222',\n    mimeType: 'image/png',\n  },\n}\n\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n}\n\nexport const LongTitle: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      title: 'Buy your advanced cleaning housekeeper with revolutionary technology now',\n    },\n  },\n}\n\nexport const ShortSubtitle: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      subtitle: 'Revolutionary Robot Vacuum',\n    },\n  },\n}\n\nexport const CustomCTA: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      ctaText: 'Learn More',\n      ctaLink: '/learn-more',\n    },\n  },\n}\n\nexport const WithCustomStyles: Story = {\n  args: {\n    data: defaultData,\n    className: 'custom-product-hero',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: `\n\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A\n\n**\u6839\u5143\u7D20\uFF1A**\n- \\`.product-hero\\` - \u7EC4\u4EF6\u6839\u5BB9\u5668\n\n**\u5185\u5BB9\u533A\u57DF\uFF1A**\n- \\`.product-hero__content\\` - \u5185\u5BB9\u5BB9\u5668\n- \\`.product-hero__text\\` - \u6587\u672C\u5BB9\u5668\n- \\`.product-hero__title\\` - \u6807\u9898\n- \\`.product-hero__subtitle\\` - \u526F\u6807\u9898\n- \\`.product-hero__subtitle--desktop\\` - \u684C\u9762\u7AEF\u526F\u6807\u9898\u4FEE\u9970\u7B26\n- \\`.product-hero__subtitle--mobile\\` - \u79FB\u52A8\u7AEF\u526F\u6807\u9898\u4FEE\u9970\u7B26\n\n**CTA \u6309\u94AE\uFF1A**\n- \\`.product-hero__cta-link\\` - CTA \u94FE\u63A5\n- \\`.product-hero__cta-button\\` - CTA \u6309\u94AE\n\n**\u56FE\u7247\u5143\u7D20\uFF1A**\n- \\`.product-hero__image\\` - \u4EA7\u54C1\u56FE\u7247\n\n**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */\n.product-hero__title {\n  font-size: 3rem;\n  font-weight: 900;\n  color: #1e293b;\n}\n\n/* \u81EA\u5B9A\u4E49 CTA \u6309\u94AE */\n.product-hero__cta-button {\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  padding: 16px 32px;\n}\n\n/* \u81EA\u5B9A\u4E49\u56FE\u7247\u60AC\u505C\u6548\u679C */\n.product-hero__image:hover {\n  transform: scale(1.02);\n  transition: transform 0.4s ease;\n}\n\n/* \u81EA\u5B9A\u4E49\u5185\u5BB9\u533A\u57DF */\n.product-hero__content {\n  padding: 24px;\n  background: rgba(255, 255, 255, 0.05);\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,EAAA,YAAAC,EAAA,cAAAC,EAAA,kBAAAC,EAAA,qBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAR,GAAA,IAAAS,EAAkB,iBAElBC,EAAwB,qDAGxB,MAAMC,EAAO,CACX,MAAO,6BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,SACR,YAAa,CACX,QAAS,MACX,EACA,KAAM,CACJ,YAAa,CACX,UAAW,gJACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQI,EAIf,MAAME,EAAwC,CAC5C,MAAO,oCACP,OAAQ,CACN,IAAK,qFACL,IAAK,eACL,aAAc,qFACd,SAAU,WACZ,EACA,QAAS,qBACT,QAAS,WACT,SAAU,4EACV,UAAW,CACT,IAAK,yFACL,IAAK,sBACL,aAAc,yFACd,SAAU,WACZ,CACF,EAEaV,EAAiB,CAC5B,KAAM,CACJ,KAAMU,CACR,CACF,EAEaT,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGS,EACH,MAAO,0EACT,CACF,CACF,EAEaR,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,GAAGQ,EACH,SAAU,4BACZ,CACF,CACF,EAEaX,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGW,EACH,QAAS,aACT,QAAS,aACX,CACF,CACF,EAEaP,EAA0B,CACrC,KAAM,CACJ,KAAMO,EACN,UAAW,qBACb,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAiDT,CACF,CACF,CACF",
-  "names": ["productHero_stories_exports", "__export", "CustomCTA", "Default", "LongTitle", "ShortSubtitle", "WithCustomStyles", "productHero_stories_default", "__toCommonJS", "import_react", "import_ProductHero", "meta", "ProductHero", "defaultData"]
-}