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

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

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

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

@@ -0,0 +1,22 @@
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../index.js").GridProps & React.RefAttributes<HTMLDivElement>>;
+    subcomponents: {
+        GridItem: React.ForwardRefExoticComponent<import("../index.js").GridItemProps & React.RefAttributes<HTMLDivElement>>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+export declare const Basic: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomPosition: ({ baseStart, baseEnd, showBoundaryExamples, gridGap, colorScheme, }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomGap: () => import("react/jsx-runtime").JSX.Element;
+export declare const DifferentGaps: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,84 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../index.js").HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: (string | number)[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        weight: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        align: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: undefined;
+                };
+            };
+        };
+        color: {
+            control: {
+                type: "color";
+            };
+        };
+        as: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        html: {
+            type: "string";
+            description: string;
+        };
+    };
+    args: {
+        as: "h1";
+        size: 1;
+        weight: "bold";
+        align: "left";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const All: Story;
+export declare const Html: Story;

package/dist/cjs/stories/input-number.stories.d.ts

@@ -0,0 +1,39 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        asChild?: boolean;
+        className?: string;
+        tips?: string;
+        status?: "default" | "error" | "success" | "warning" | null;
+        value?: number;
+        defaultValue?: number;
+        step?: number;
+        min?: number;
+        max?: number;
+        disabled?: boolean;
+        readonly?: boolean;
+        style?: React.CSSProperties;
+        onChange?: (value: number) => void;
+        onBlur?: (value: number, e: import("react").FocusEvent) => void;
+        onEnter?: (value: number, e: import("react").KeyboardEvent) => void;
+    } & import("class-variance-authority").VariantProps<(props?: ({
+        status?: "default" | "error" | "success" | "warning" | null | undefined;
+        disabled?: boolean | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("../helpers/component-props.js").ComponentPropsWithout<"div", import("../helpers/component-props.js").RemovedProps> & import("react").RefAttributes<HTMLDivElement>>;
+    subcomponents: any;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        onBlur: undefined;
+        onChange: undefined;
+        onEnter: undefined;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Tips: Story;
+export declare const Disabled: Story;

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

@@ -0,0 +1,35 @@
+import type { StoryObj } from '@storybook/react';
+import type { ComponentType } from 'react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/input.js").InputProps & React.RefAttributes<HTMLInputElement>>;
+    subcomponents: {
+        InputSlot: ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+    args: {
+        size: "base";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithButton: Story;
+export declare const WithIcon: Story;

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

@@ -0,0 +1,69 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        asChild?: boolean;
+        className?: string;
+        disabled?: boolean;
+        suffixIcon?: import("react").ReactNode;
+        href?: string;
+        style?: React.CSSProperties;
+        onClick?: Function;
+    } & import("class-variance-authority").VariantProps<(props?: ({
+        size?: "base" | "lg" | null | undefined;
+        variant?: "primary" | "secondary" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("../helpers/component-props.js").ComponentPropsWithout<"a", import("../helpers/component-props.js").RemovedProps> & import("react").RefAttributes<HTMLAnchorElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            description: string;
+            control: {
+                type: "select";
+            };
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        variant: {
+            description: string;
+            control: {
+                type: "select";
+            };
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onClick: {
+            control: false;
+        };
+        suffixIcon: {
+            control: false;
+        };
+        style: {
+            control: false;
+        };
+        className: {
+            control: false;
+        };
+        children: {
+            control: false;
+        };
+    };
+    args: {
+        onClick: undefined;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const LinkSize: () => import("react/jsx-runtime").JSX.Element;
+export declare const Disabled: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,30 @@
+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/mediaplayerBase.stories.d.ts

@@ -0,0 +1,6 @@
+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/mediaplayerMulti.stories.d.ts

@@ -0,0 +1,16 @@
+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/picture.stories.d.ts

@@ -0,0 +1,23 @@
+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 +1,9 @@
-"use strict";var c=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var d=(o,t)=>{for(var r in t)c(o,r,{get:t[r],enumerable:!0})},y=(o,t,r,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of m(t))!n.call(o,e)&&e!==r&&c(o,e,{get:()=>t[e],enumerable:!(l=i(t,e))||l.enumerable});return o};var u=o=>y(c({},"__esModule",{value:!0}),o);var w={};d(w,{AltPriority:()=>S,Default:()=>h,MixedAltSources:()=>b,NotMatchDomain:()=>$,WithAltFromUrl:()=>L,WithAltFromUrlMultipleBreakpoints:()=>R,default:()=>x});module.exports=u(w);var p=require("../components/index.js");const g="https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219",f="https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627",s="https://http.cat/images/200.jpg",a="https://http.cat/images/102.jpg",U={title:"Components/Picture",component:p.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". 
+"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 x=U;const h={args:{source:`${g}, ${f} 768`,imgClassName:"rounded-[24px]"}},$={args:{source:`${s}, ${a} 768`,className:"w-[300px]"},parameters:{docs:{description:{story:"\u56FE\u7247\u4E0D\u5339\u914D\u57DF\u540D"}}}},L={args:{source:`${s}?alt=\u4ECEURL\u53C2\u6570\u89E3\u6790\u7684\u56FE\u7247\u63CF\u8FF0, ${a}?alt=\u79FB\u52A8\u7AEF\u56FE\u7247\u63CF\u8FF0 768`,className:"w-[300px]"},parameters:{docs:{description:{story:"\u4ECE URL query \u53C2\u6570\u4E2D\u89E3\u6790 alt \u5C5E\u6027"}}}},R={args:{source:`${s}?alt=\u7B2C\u4E00\u4E2A\u56FE\u7247\u63CF\u8FF0, ${a}?alt=\u7B2C\u4E8C\u4E2A\u56FE\u7247\u63CF\u8FF0 768, ${s}?alt=\u7B2C\u4E09\u4E2A\u56FE\u7247\u63CF\u8FF0 1024`,className:"w-[300px]"},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"}}}},S={args:{source:`${s}?alt=URL\u4E2D\u7684alt\u53C2\u6570, ${a}?alt=\u79FB\u52A8\u7AEFalt\u53C2\u6570 768`,alt:"\u76F4\u63A5\u4F20\u5165\u7684alt\u5C5E\u6027",className:"w-[300px]"},parameters:{docs:{description:{story:"\u76F4\u63A5\u4F20\u5165\u7684 alt \u5C5E\u6027\u4F18\u5148\u7EA7\u66F4\u9AD8"}}}},b={args:{source:`${s}, ${a}?alt=\u53EA\u6709\u7B2C\u4E8C\u4E2AURL\u6709alt\u53C2\u6570 768`,className:"w-[300px]"},parameters:{docs:{description:{story:"\u6DF7\u5408\u60C5\u51B5\uFF1A\u7B2C\u4E00\u4E2A URL \u6CA1\u6709 alt \u53C2\u6570\uFF0C\u7B2C\u4E8C\u4E2A\u6709"}}}};
+           `}}},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 +1,7 @@
 {
   "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://http.cat/images/200.jpg'\nconst mobImageUrl2 = 'https://http.cat/images/102.jpg'\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  parameters: {\n    docs: {\n      description: {\n        story: '\u4ECE URL query \u53C2\u6570\u4E2D\u89E3\u6790 alt \u5C5E\u6027',\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  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',\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  parameters: {\n    docs: {\n      description: {\n        story: '\u76F4\u63A5\u4F20\u5165\u7684 alt \u5C5E\u6027\u4F18\u5148\u7EA7\u66F4\u9AD8',\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  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',\n      },\n    },\n  },\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,YAAAC,EAAA,oBAAAC,EAAA,mBAAAC,EAAA,mBAAAC,EAAA,sCAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAT,GACA,IAAAU,EAAwB,kCACxB,MAAMC,EACJ,4HAEIC,EACJ,iHAEIC,EAAY,kCACZC,EAAe,kCAEfC,EAAO,CACX,MAAO,qBACP,UAAW,UACX,WAAY,CACV,OAAQ,UACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOP,EAAQO,EAIR,MAAMZ,EAAiB,CAC5B,KAAM,CACJ,OAAQ,GAAGQ,CAAQ,KAAKC,CAAW,OACnC,aAAc,gBAChB,CACF,EAEaP,EAAwB,CACnC,KAAM,CACJ,OAAQ,GAAGQ,CAAS,KAAKC,CAAY,OACrC,UAAW,WACb,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,4CACT,CACF,CACF,CACF,EAEaR,EAAwB,CACnC,KAAM,CACJ,OAAQ,GAAGO,CAAS,yEAAuBC,CAAY,sDACvD,UAAW,WACb,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,kEACT,CACF,CACF,CACF,EAEaP,EAA2C,CACtD,KAAM,CACJ,OAAQ,GAAGM,CAAS,oDAAiBC,CAAY,wDAAqBD,CAAS,uDAC/E,UAAW,WACb,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,kIACT,CACF,CACF,CACF,EAEaX,EAAqB,CAChC,KAAM,CACJ,OAAQ,GAAGW,CAAS,wCAAoBC,CAAY,6CACpD,IAAK,gDACL,UAAW,WACb,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,+EACT,CACF,CACF,CACF,EAEaV,EAAyB,CACpC,KAAM,CACJ,OAAQ,GAAGS,CAAS,KAAKC,CAAY,kEACrC,UAAW,WACb,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,kHACT,CACF,CACF,CACF",
-  "names": ["picture_stories_exports", "__export", "AltPriority", "Default", "MixedAltSources", "NotMatchDomain", "WithAltFromUrl", "WithAltFromUrlMultipleBreakpoints", "picture_stories_default", "__toCommonJS", "import_components", "imageUrl", "mobImageUrl", "imageUrl2", "mobImageUrl2", "meta"]
+  "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

@@ -0,0 +1,17 @@
+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/radio.stories.d.ts

@@ -0,0 +1,39 @@
+import type { StoryObj } from '@storybook/react';
+import { RadioGroup } from '../components/index.js';
+import React, { type ComponentType } from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../index.js").RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+    subcomponents: {
+        RadioGroupItem: ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        size: "base";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof RadioGroup>;
+export declare const Default: Story;

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

@@ -0,0 +1,16 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/ShelfDisplay/shelfDisplay.js").ShelfDisplayProps & 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 Round: Story;

package/dist/cjs/stories/shelfDisplay.stories.js

@@ -1,2 +1,2 @@
-"use strict";var c=Object.create;var a=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var y=(e,t)=>{for(var o in t)a(e,o,{get:t[o],enumerable:!0})},i=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of f(t))!u.call(e,r)&&r!==o&&a(e,r,{get:()=>t[r],enumerable:!(s=n(t,r))||s.enumerable});return e};var g=(e,t,o)=>(o=e!=null?c(l(e)):{},i(t||!e||!e.__esModule?a(o,"default",{value:e,enumerable:!0}):o,e)),d=e=>i(a({},"__esModule",{value:!0}),e);var B={};y(B,{Default:()=>S,Round:()=>P,default:()=>h});module.exports=d(B);var m=g(require("../biz-components/ShelfDisplay/index.js")),w=require("gsap"),F=require("@gsap/react"),_=require("gsap/dist/ScrollTrigger"),C=require("gsap/dist/SplitText");const b={title:"Biz-Components/ShelfDisplay",component:m.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var h=b;const p=[{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}},{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}}],S={args:{data:{productsCard:p,primaryButton:"Learn More",secondaryButton:"Shop Now"},className:"p-4"}},P={args:{data:{productsCard:p,shape:"round",itemShape:"round",primaryButton:"Learn More",secondaryButton:"Shop Now"},className:"p-4"}};
+"use strict";var n=Object.create;var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var y=(e,t)=>{for(var o in t)a(e,o,{get:t[o],enumerable:!0})},i=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of l(t))!u.call(e,r)&&r!==o&&a(e,r,{get:()=>t[r],enumerable:!(s=m(t,r))||s.enumerable});return e};var d=(e,t,o)=>(o=e!=null?n(f(e)):{},i(t||!e||!e.__esModule?a(o,"default",{value:e,enumerable:!0}):o,e)),b=e=>i(a({},"__esModule",{value:!0}),e);var B={};y(B,{Default:()=>S,Round:()=>P,default:()=>h});module.exports=b(B);var c=d(require("../biz-components/ShelfDisplay/index.js"));const g={title:"Biz-Components/ShelfDisplay",component:c.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var h=g;const p=[{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}},{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}}],S={args:{data:{productsCard:p,primaryButton:"Learn More",secondaryButton:"Shop Now"},className:"p-4"}},P={args:{data:{productsCard:p,shape:"round",itemShape:"round",primaryButton:"Learn More",secondaryButton:"Shop Now"},className:"p-4"}};
 //# sourceMappingURL=shelfDisplay.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/shelfDisplay.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport ShelfDisplay from '../biz-components/ShelfDisplay/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 meta = {\n  title: 'Biz-Components/ShelfDisplay',\n  component: ShelfDisplay,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof ShelfDisplay>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      productsCard: mockItems,\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n    },\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      productsCard: mockItems,\n      shape: 'round',\n      itemShape: 'round',\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n    },\n    className: 'p-4',\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAyB,sDACzBC,EAAqB,gBACrBC,EAAwB,uBACxBC,EAA8B,mCAC9BC,EAA0B,+BAE1B,MAAMC,EAAO,CACX,MAAO,8BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOR,EAAQO,EAGf,MAAME,EAAY,CAChB,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,CACH,IAAK,8HACP,CACF,CACF,EAEaX,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,aAAcW,EACd,cAAe,aACf,gBAAiB,UACnB,EACA,UAAW,KACb,CACF,EAEaV,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,aAAcU,EACd,MAAO,QACP,UAAW,QACX,cAAe,aACf,gBAAiB,UACnB,EACA,UAAW,KACb,CACF",
-  "names": ["shelfDisplay_stories_exports", "__export", "Default", "Round", "shelfDisplay_stories_default", "__toCommonJS", "import_ShelfDisplay", "import_gsap", "import_react", "import_ScrollTrigger", "import_SplitText", "meta", "ShelfDisplay", "mockItems"]
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport ShelfDisplay from '../biz-components/ShelfDisplay/index.js'\n\nconst meta = {\n  title: 'Biz-Components/ShelfDisplay',\n  component: ShelfDisplay,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof ShelfDisplay>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      productsCard: mockItems,\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n    },\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      productsCard: mockItems,\n      shape: 'round',\n      itemShape: 'round',\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n    },\n    className: 'p-4',\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAyB,sDAEzB,MAAMC,EAAO,CACX,MAAO,8BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EAAY,CAChB,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,CACH,IAAK,8HACP,CACF,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,aAAcO,EACd,cAAe,aACf,gBAAiB,UACnB,EACA,UAAW,KACb,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,aAAcM,EACd,MAAO,QACP,UAAW,QACX,cAAe,aACf,gBAAiB,UACnB,EACA,UAAW,KACb,CACF",
+  "names": ["shelfDisplay_stories_exports", "__export", "Default", "Round", "shelfDisplay_stories_default", "__toCommonJS", "import_ShelfDisplay", "meta", "ShelfDisplay", "mockItems"]
 }

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

@@ -0,0 +1,20 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/skeleton.js").SkeletonProps & React.RefAttributes<HTMLSpanElement>>;
+    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 Multiple: Story;
+export declare const WithText: Story;

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

@@ -0,0 +1,20 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/Slogan/types.js").SloganProps & 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 TitleOnly: Story;
+export declare const SingleFeature: Story;
+export declare const TwoFeatures: Story;
+export declare const CustomClassName: Story;
+export declare const CustomStyle: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<any, "ref"> & 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;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;