@anker-in/headless-ui 0.0.27-alpha.9 → 0.0.27-alpha.90

package/dist/esm/stories/graphic.stories.d.ts

@@ -2,7 +2,10 @@ import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: {
-        (props: Omit<import("../biz-components/Graphic").GraphicProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles").StylesProps> & Partial<import("../shared/Styles").StylesProps>): import("react/jsx-runtime").JSX.Element;
+        (props: Omit<import("../biz-components/Graphic/index.js").GraphicProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+            className?: string;
+            data?: Record<string, any>;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     parameters: {
@@ -13,30 +16,23 @@ declare const meta: {
             };
         };
     };
-    argTypes: {
-        shape: {
-            control: {
-                type: "inline-radio";
-            };
-            options: string[];
-            description: string;
-            table: {
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-    };
     decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
         ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
         className?: string | undefined;
-        key?: import("react").Key | null | undefined;
-        shape?: "round" | "square" | undefined;
-        items: {
-            imgUrl: string;
-            title: string;
-            textColor?: string;
-        }[];
+        id?: string | undefined;
+        key?: string | undefined;
+        data: {
+            title?: string;
+            items?: {
+                imgUrl: import("../types/props.js").Img;
+                title: string;
+                description?: string;
+                textColor?: string;
+            }[];
+            itemShape?: "round" | "square";
+        } & Record<string, any>;
+        event?: any;
+        condition?: any;
         style?: string | undefined;
         uid?: string | undefined;
         disabled?: boolean | undefined;

package/dist/esm/stories/graphic.stories.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import r from"../biz-components/Graphic";const s={title:"Biz-Components/Graphic",component:r,parameters:{layout:"fullscreen",docs:{description:{component:"\u56FE\u6587\u5C55\u793A\u6A21\u5757\uFF0C\u57FA\u4E8Eembla-carousel-react\uFF0Chttps://www.embla-carousel.com/get-started/react/"}}},argTypes:{shape:{control:{type:"inline-radio"},options:["square","round"],description:"\u5706\u89D2",table:{defaultValue:{summary:"square"}}}},decorators:[o=>t("div",{style:{paddingTop:"2em"},children:t(o,{})})],tags:["autodocs"]};var p=s;const e=[{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF"}],i={args:{items:e}},l={args:{items:e,shape:"round"}};export{i as Default,l as Round,p as default};
+import{jsx as e}from"react/jsx-runtime";import o from"../biz-components/Graphic/index.js";import"gsap";import"@gsap/react";import"gsap/dist/ScrollTrigger";import"gsap/dist/SplitText";const s={title:"Biz-Components/Graphic",component:o,parameters:{layout:"fullscreen",docs:{description:{component:"\u56FE\u6587\u5C55\u793A\u6A21\u5757\uFF0C\u57FA\u4E8Eembla-carousel-react\uFF0Chttps://www.embla-carousel.com/get-started/react/"}}},decorators:[r=>e("div",{style:{paddingTop:"2em"},children:e(r,{})})],tags:["autodocs"]};var y=s;const t=[{imgUrl:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",alt:"imgUrlPc"},title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off"},{imgUrl:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",alt:"imgUrlPc"},title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF"},{imgUrl:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",alt:"imgUrlPc"},title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off"},{imgUrl:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",alt:"imgUrlPc"},title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF"}],d={args:{data:{title:"Explore Anker\u2019s Top Products By<br>Category",items:t}}},u={args:{data:{title:"Explore Anker\u2019s Top Products By<br>Category",items:t,itemShape:"round"}}};export{d as Default,u as Round,y as default};
 //# sourceMappingURL=graphic.stories.js.map

package/dist/esm/stories/graphic.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/graphic.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Graphic from '../biz-components/Graphic'\n\nconst meta = {\n  title: 'Biz-Components/Graphic',\n  component: Graphic,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u56FE\u6587\u5C55\u793A\u6A21\u5757\uFF0C\u57FA\u4E8Eembla-carousel-react\uFF0Chttps://www.embla-carousel.com/get-started/react/',\n      },\n    },\n  },\n  argTypes: {\n    shape: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['square', 'round'],\n      description: '\u5706\u89D2',\n      table: {\n        defaultValue: {\n          summary: 'square',\n        },\n      },\n    },\n  },\n  decorators: [\n    Story => (\n      <div style={{ paddingTop: '2em' }}>\n        <Story />\n      </div>\n    ),\n  ],\n  tags: ['autodocs'],\n} satisfies Meta<typeof Graphic>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n    title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n  },\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n    title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n    textColor: '#FFF',\n  },\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n    title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n  },\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n    title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n    textColor: '#FFF',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    items: mockItems,\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    items: mockItems,\n    shape: 'round',\n  },\n}\n"],
-  "mappings": "AA+BQ,cAAAA,MAAA,oBA9BR,OAAOC,MAAa,4BAEpB,MAAMC,EAAO,CACX,MAAO,yBACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,mIACb,CACF,CACF,EACA,SAAU,CACR,MAAO,CACL,QAAS,CACP,KAAM,cACR,EACA,QAAS,CAAC,SAAU,OAAO,EAC3B,YAAa,eACb,MAAO,CACL,aAAc,CACZ,QAAS,QACX,CACF,CACF,CACF,EACA,WAAY,CACVE,GACEH,EAAC,OAAI,MAAO,CAAE,WAAY,KAAM,EAC9B,SAAAA,EAACG,EAAA,EAAM,EACT,CAEJ,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOC,EAAQF,EAGf,MAAMG,EAAY,CAChB,CACE,OAAQ,2FACR,MAAO,wEACT,EACA,CACE,OAAQ,2FACR,MAAO,yEACP,UAAW,MACb,EACA,CACE,OAAQ,2FACR,MAAO,wEACT,EACA,CACE,OAAQ,2FACR,MAAO,yEACP,UAAW,MACb,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,MAAOD,CACT,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,MAAOF,EACP,MAAO,OACT,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Graphic from '../biz-components/Graphic/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/Graphic',\n  component: Graphic,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u56FE\u6587\u5C55\u793A\u6A21\u5757\uFF0C\u57FA\u4E8Eembla-carousel-react\uFF0Chttps://www.embla-carousel.com/get-started/react/',\n      },\n    },\n  },\n  decorators: [\n    Story => (\n      <div style={{ paddingTop: '2em' }}>\n        <Story />\n      </div>\n    ),\n  ],\n  tags: ['autodocs'],\n} satisfies Meta<typeof Graphic>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    imgUrl: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n      alt: 'imgUrlPc',\n    },\n    title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n  },\n  {\n    imgUrl: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n      alt: 'imgUrlPc',\n    },\n    title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n    textColor: '#FFF',\n  },\n  {\n    imgUrl: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n      alt: 'imgUrlPc',\n    },\n    title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n  },\n  {\n    imgUrl: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n      alt: 'imgUrlPc',\n    },\n    title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n    textColor: '#FFF',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      title: 'Explore Anker\u2019s Top Products By<br>Category',\n      items: mockItems,\n    },\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      title: 'Explore Anker\u2019s Top Products By<br>Category',\n      items: mockItems,\n      itemShape: 'round',\n    },\n  },\n}\n"],
+  "mappings": "AAqBQ,cAAAA,MAAA,oBApBR,OAAOC,MAAa,qCACpB,MAAqB,OACrB,MAAwB,cACxB,MAA8B,0BAC9B,MAA0B,sBAE1B,MAAMC,EAAO,CACX,MAAO,yBACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,mIACb,CACF,CACF,EACA,WAAY,CACVE,GACEH,EAAC,OAAI,MAAO,CAAE,WAAY,KAAM,EAC9B,SAAAA,EAACG,EAAA,EAAM,EACT,CAEJ,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOC,EAAQF,EAGf,MAAMG,EAAY,CAChB,CACE,OAAQ,CACN,IAAK,2FACL,IAAK,UACP,EACA,MAAO,wEACT,EACA,CACE,OAAQ,CACN,IAAK,2FACL,IAAK,UACP,EACA,MAAO,yEACP,UAAW,MACb,EACA,CACE,OAAQ,CACN,IAAK,2FACL,IAAK,UACP,EACA,MAAO,wEACT,EACA,CACE,OAAQ,CACN,IAAK,2FACL,IAAK,UACP,EACA,MAAO,yEACP,UAAW,MACb,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,mDACP,MAAOD,CACT,CACF,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAO,mDACP,MAAOF,EACP,UAAW,OACb,CACF,CACF",
   "names": ["jsx", "Graphic", "meta", "Story", "graphic_stories_default", "mockItems", "Default", "Round"]
 }

package/dist/esm/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/esm/stories/graphicAttractionBlock.stories.js

@@ -0,0 +1,2 @@
+import{jsx as t}from"react/jsx-runtime";import"react";import o from"../biz-components/GraphicAttractionBlock/index.js";import"gsap";import"@gsap/react";import"gsap/dist/ScrollTrigger";import"gsap/dist/SplitText";const i={title:"Biz-Components/GraphicAttractionBlock",component:o,tags:["autodocs"],parameters:{layout:"fullscreen",docs:{description:{component:"\u56FE\u6587\u5438\u5F15\u533A\u5757"}}},decorators:[e=>t("div",{style:{backgroundColor:"#f5f5f5",padding:"2rem"},children:t(e,{})})]};var b=i;const d={args:{data:{shape:"square",sectionTitle:"Install and save electricity costs",imageTitle:"Whole-Home Backup Power",imageDescription:"Maintain a high quality of life during blackouts by powering all kinds of home appliances.",imageUrlPc:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121235230.png?v=1747301568",alt:"Image1",thumbnailURL:"https://placehold.co/1920x1080?text=Image1",mimeType:"image/png"},imageUrlMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772031.png?v=1747301554",alt:"Image1",thumbnailURL:"https://placehold.co/1920x1080?text=Image1",mimeType:"image/png"},attractionItems:[{title:"storing energy",description:"Maintain a high quality of life during blackouts",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Image1"}},{title:"storing energy",description:"Store solar power for nighttime use with the solar bank.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Image1"}},{title:"Plug&Play",description:"Connect the Schuko plug to a power socket.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Image1"}},{title:"Plug&Play",description:"Connect the Schuko plug to a power socket.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Image1"}}]}}};export{d as Default,b as default};
+//# sourceMappingURL=graphicAttractionBlock.stories.js.map

package/dist/esm/stories/graphicAttractionBlock.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/graphicAttractionBlock.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\nimport GraphicAttractionBlock from '../biz-components/GraphicAttractionBlock/index.js'\nimport type { GraphicAttractionBlockProps } from '../biz-components/GraphicAttractionBlock/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: Meta<typeof GraphicAttractionBlock> = {\n  title: 'Biz-Components/GraphicAttractionBlock',\n  component: GraphicAttractionBlock,\n  tags: ['autodocs'],\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u56FE\u6587\u5438\u5F15\u533A\u5757',\n      },\n    },\n  },\n  decorators: [\n    Story => (\n      <div style={{ backgroundColor: '#f5f5f5', padding: '2rem' }}>\n        <Story />\n      </div>\n    ),\n  ],\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof GraphicAttractionBlock>\n\nexport const Default: Story = {\n  args: {\n    data: {\n      shape: 'square',\n      sectionTitle: 'Install and save electricity costs',\n      imageTitle: 'Whole-Home Backup Power',\n      imageDescription: 'Maintain a high quality of life during blackouts by powering all kinds of home appliances.',\n      imageUrlPc: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_2121235230.png?v=1747301568',\n        alt: 'Image1',\n        thumbnailURL: 'https://placehold.co/1920x1080?text=Image1',\n        mimeType: 'image/png',\n      },\n      imageUrlMob: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772031.png?v=1747301554',\n        alt: 'Image1',\n        thumbnailURL: 'https://placehold.co/1920x1080?text=Image1',\n        mimeType: 'image/png',\n      },\n      attractionItems: [\n        {\n          title: 'storing energy',\n          description: 'Maintain a high quality of life during blackouts',\n          icon: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n            alt: 'Image1',\n          },\n        },\n        {\n          title: 'storing energy',\n          description: 'Store solar power for nighttime use with the solar bank.',\n          icon: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n            alt: 'Image1',\n          },\n        },\n        {\n          title: 'Plug&Play',\n          description: 'Connect the Schuko plug to a power socket.',\n          icon: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n            alt: 'Image1',\n          },\n        },\n        {\n          title: 'Plug&Play',\n          description: 'Connect the Schuko plug to a power socket.',\n          icon: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n            alt: 'Image1',\n          },\n        },\n      ],\n    },\n  } satisfies GraphicAttractionBlockProps,\n}\n"],
+  "mappings": "AAwBQ,cAAAA,MAAA,oBAvBR,MAAkB,QAClB,OAAOC,MAA4B,oDAEnC,MAAqB,OACrB,MAAwB,cACxB,MAA8B,0BAC9B,MAA0B,sBAE1B,MAAMC,EAA4C,CAChD,MAAO,wCACP,UAAWD,EACX,KAAM,CAAC,UAAU,EACjB,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,sCACb,CACF,CACF,EACA,WAAY,CACVE,GACEH,EAAC,OAAI,MAAO,CAAE,gBAAiB,UAAW,QAAS,MAAO,EACxD,SAAAA,EAACG,EAAA,EAAM,EACT,CAEJ,CACF,EAEA,IAAOC,EAAQF,EAIR,MAAMG,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,SACP,aAAc,qCACd,WAAY,0BACZ,iBAAkB,6FAClB,WAAY,CACV,IAAK,2FACL,IAAK,SACL,aAAc,6CACd,SAAU,WACZ,EACA,YAAa,CACX,IAAK,2FACL,IAAK,SACL,aAAc,6CACd,SAAU,WACZ,EACA,gBAAiB,CACf,CACE,MAAO,iBACP,YAAa,mDACb,KAAM,CACJ,IAAK,gJACL,IAAK,QACP,CACF,EACA,CACE,MAAO,iBACP,YAAa,2DACb,KAAM,CACJ,IAAK,gJACL,IAAK,QACP,CACF,EACA,CACE,MAAO,YACP,YAAa,6CACb,KAAM,CACJ,IAAK,gJACL,IAAK,QACP,CACF,EACA,CACE,MAAO,YACP,YAAa,6CACb,KAAM,CACJ,IAAK,gJACL,IAAK,QACP,CACF,CACF,CACF,CACF,CACF",
+  "names": ["jsx", "GraphicAttractionBlock", "meta", "Story", "graphicAttractionBlock_stories_default", "Default"]
+}

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

@@ -1,9 +1,9 @@
 import React from 'react';
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<import("../components/gird.js").GridProps & React.RefAttributes<HTMLDivElement>>;
+    component: React.ForwardRefExoticComponent<import("../index.js").GridProps & React.RefAttributes<HTMLDivElement>>;
     subcomponents: {
-        GridItem: React.ForwardRefExoticComponent<import("../components/gird.js").GridItemProps & React.RefAttributes<HTMLDivElement>>;
+        GridItem: React.ForwardRefExoticComponent<import("../index.js").GridItemProps & React.RefAttributes<HTMLDivElement>>;
     };
     parameters: {
         layout: string;
@@ -17,6 +17,6 @@ declare const meta: {
 };
 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 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/esm/stories/grid.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/grid.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Grid, GridItem } from '../components/gird.js'\n\nconst meta = {\n  title: 'Layout/Grid',\n  component: Grid,\n  subcomponents: {\n    GridItem,\n  },\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\nGrid \u5E03\u5C40\u7EC4\u4EF6\uFF0C\u57FA\u4E8E CSS Grid \u5B9E\u73B0\u7684 12 \u5217\u7F51\u683C\u7CFB\u7EDF\u3002\n\n### \u5B9E\u73B0\u7EC6\u8282\n- Grid \u7EC4\u4EF6\u4F7F\u7528 CSS Grid \u5E03\u5C40\uFF0C\u9ED8\u8BA4\u4E3A 12 \u5217\u7F51\u683C\n- \u9ED8\u8BA4\u95F4\u8DDD\u4E3A gap-3 (12px)\uFF0C\u5728 md \u65AD\u70B9\u540E\u53D8\u4E3A gap-4 (16px)\n- \u4F7F\u7528 Tailwind CSS \u7684\u7F51\u683C\u7C7B\u5B9E\u73B0\uFF0C\u65E0\u9700\u989D\u5916\u7684 CSS\n\n### \u5BBD\u5EA6 \u548C \u81EA\u5B9A\u4E49\u5B9A\u4F4D\u5F00\u59CB\u548C\u7ED3\u675F\u4F4D\u7F6E\n- \u4F7F\u7528 start \u548C end \u5C5E\u6027\u6765\u6307\u5B9A\u7F51\u683C\u9879\u7684\u5F00\u59CB\u548C\u7ED3\u675F\u4F4D\u7F6E\uFF081-13\uFF09\n- \u4F7F\u7528 span \u5C5E\u6027\u6765\u6307\u5B9A\u7F51\u683C\u9879\u7684\u8DE8\u5EA6\uFF081-12\uFF09\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Grid>\n\nexport default meta\n\ntype Story = StoryObj<typeof Grid>\n\n// \u57FA\u7840\u5E03\u5C40\nexport const Basic = () => (\n  <div className=\"p-4\">\n    <Grid>\n      <GridItem span={12} className=\"bg-blue-100 p-4 text-center\">span-12</GridItem>\n      <GridItem span={6} className=\"bg-blue-200 p-4 text-center\">span-6</GridItem>\n      <GridItem span={6} className=\"bg-blue-300 p-4 text-center\">span-6</GridItem>\n      <GridItem span={4} className=\"bg-blue-400 p-4 text-center\">span-4</GridItem>\n      <GridItem span={4} className=\"bg-blue-500 p-4 text-center\">span-4</GridItem>\n      <GridItem span={4} className=\"bg-blue-600 p-4 text-center\">span-4</GridItem>\n      <GridItem span={3} className=\"bg-blue-700 p-4 text-center text-white\">span-3</GridItem>\n      <GridItem span={3} className=\"bg-blue-800 p-4 text-center text-white\">span-3</GridItem>\n      <GridItem span={3} className=\"bg-blue-900 p-4 text-center text-white\">span-3</GridItem>\n      <GridItem span={3} className=\"bg-blue-950 p-4 text-center text-white\">span-3</GridItem>\n    </Grid>\n  </div>\n)\n\ntype GridStart = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\ntype GridEnd = 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13\n\n\n\nexport const CustomPosition = ({\n  baseStart = 2,\n  baseEnd = 6,\n  showBoundaryExamples = true,\n  gridGap = '',\n  colorScheme = 'blue'\n}: any) => (\n  <div className=\"p-4\">\n    <Grid className={gridGap}>\n      {/* \u57FA\u672C\u5B9A\u4F4D\u793A\u4F8B */}\n      <GridItem \n        start={baseStart as GridStart} \n        end={baseEnd as GridEnd} \n        className={`bg-${colorScheme}-200 p-4 text-center`}\n      >\n        start-{baseStart} end-{baseEnd}\n      </GridItem>\n      <GridItem \n        start={(baseEnd + 1) as GridStart} \n        end={12} \n        className={`bg-${colorScheme}-300 p-4 text-center`}\n      >\n        start-{baseEnd + 1} end-12\n      </GridItem>\n      \n      {/* \u8DE8\u8D8A\u6574\u884C\u793A\u4F8B */}\n      <GridItem \n        start={1} \n        end={13} \n        className={`bg-${colorScheme}-400 p-4 text-center`}\n      >\n        start-1 end-13 (\u6574\u884C)\n      </GridItem>\n      \n      {/* \u5355\u683C\u793A\u4F8B */}\n      <GridItem \n        start={1} \n        end={2} \n        className={`bg-${colorScheme}-500 p-4 text-center text-white`}\n      >\n        1\u683C (start-1)\n      </GridItem>\n      <GridItem \n        start={3} \n        end={4} \n        className={`bg-${colorScheme}-500 p-4 text-center text-white`}\n      >\n        1\u683C (start-3)\n      </GridItem>\n      \n      {/* \u4E0D\u89C4\u5219\u8DE8\u5EA6\u793A\u4F8B */}\n      <GridItem \n        start={5} \n        end={10} \n        className={`bg-${colorScheme}-600 p-4 text-center text-white`}\n      >\n        start-5 end-10\n      </GridItem>\n      <GridItem \n        start={10} \n        end={13} \n        className={`bg-${colorScheme}-700 p-4 text-center text-white`}\n      >\n        end-13\n      </GridItem>\n      \n      {/* \u4F7F\u7528 span \u7684\u793A\u4F8B */}\n      <GridItem \n        start={1} \n        span={3} \n        className={`bg-${colorScheme}-800 p-4 text-center text-white`}\n      >\n        start-1 span-3\n      </GridItem>\n      <GridItem \n        start={4} \n        span={9} \n        className={`bg-${colorScheme}-900 p-4 text-center text-white`}\n      >\n        start-4 span-9\n      </GridItem>\n      \n      {/* \u8FB9\u754C\u60C5\u51B5\u793A\u4F8B */}\n      {showBoundaryExamples && (\n        <>\n          <GridItem \n            start={12} \n            span={1} \n            className=\"bg-yellow-500 p-4 text-center text-white\"\n          >\n            \u6700\u540E1\u683C\n          </GridItem>\n          <GridItem \n            start={1} \n            span={1} \n            className=\"bg-yellow-600 p-4 text-center text-white\"\n          >\n            \u7B2C1\u683C\n          </GridItem>\n        </>\n      )}\n    </Grid>\n  </div>\n)\n\n\n// \u81EA\u5B9A\u4E49\u95F4\u8DDD\nexport const CustomGap = () => (\n  <div className=\"p-4\">\n    <Grid className=\"gap-8\">\n      <GridItem span={6} className=\"bg-purple-200 p-4 text-center\">\u95F4\u8DDD 32px (gap-8)</GridItem>\n      <GridItem span={6} className=\"bg-purple-300 p-4 text-center\">\u95F4\u8DDD 32px (gap-8)</GridItem>\n      <GridItem span={4} className=\"bg-purple-400 p-4 text-center\">\u95F4\u8DDD 32px (gap-8)</GridItem>\n      <GridItem span={4} className=\"bg-purple-500 p-4 text-center text-white\">\u95F4\u8DDD 32px (gap-8)</GridItem>\n      <GridItem span={4} className=\"bg-purple-600 p-4 text-center text-white\">\u95F4\u8DDD 32px (gap-8)</GridItem>\n    </Grid>\n  </div>\n)\n\n// \u4E0D\u540C\u7684\u6A2A\u5411\u548C\u7EB5\u5411\u95F4\u8DDD\nexport const DifferentGaps = () => (\n  <div className=\"p-4\">\n    <Grid className=\"gap-x-8 gap-y-2\">\n      <GridItem span={6} className=\"bg-orange-200 p-4 text-center\">\u6A2A\u5411 32px \u7EB5\u5411 8px</GridItem>\n      <GridItem span={6} className=\"bg-orange-300 p-4 text-center\">\u6A2A\u5411 32px \u7EB5\u5411 8px</GridItem>\n      <GridItem span={4} className=\"bg-orange-400 p-4 text-center\">\u6A2A\u5411 32px \u7EB5\u5411 8px</GridItem>\n      <GridItem span={4} className=\"bg-orange-500 p-4 text-center text-white\">\u6A2A\u5411 32px \u7EB5\u5411 8px</GridItem>\n      <GridItem span={4} className=\"bg-orange-600 p-4 text-center text-white\">\u6A2A\u5411 32px \u7EB5\u5411 8px</GridItem>\n    </Grid>\n  </div>\n) "],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Grid, GridItem } from '../components/gird.js'\n\nconst meta = {\n  title: 'Layout/Grid',\n  component: Grid,\n  subcomponents: {\n    GridItem,\n  },\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\nGrid \u5E03\u5C40\u7EC4\u4EF6\uFF0C\u57FA\u4E8E CSS Grid \u5B9E\u73B0\u7684 12 \u5217\u7F51\u683C\u7CFB\u7EDF\u3002\n\n### \u5B9E\u73B0\u7EC6\u8282\n- Grid \u7EC4\u4EF6\u4F7F\u7528 CSS Grid \u5E03\u5C40\uFF0C\u9ED8\u8BA4\u4E3A 12 \u5217\u7F51\u683C\n- \u9ED8\u8BA4\u95F4\u8DDD\u4E3A gap-3 (12px)\uFF0C\u5728 md \u65AD\u70B9\u540E\u53D8\u4E3A gap-4 (16px)\n- \u4F7F\u7528 Tailwind CSS \u7684\u7F51\u683C\u7C7B\u5B9E\u73B0\uFF0C\u65E0\u9700\u989D\u5916\u7684 CSS\n\n### \u5BBD\u5EA6 \u548C \u81EA\u5B9A\u4E49\u5B9A\u4F4D\u5F00\u59CB\u548C\u7ED3\u675F\u4F4D\u7F6E\n- \u4F7F\u7528 start \u548C end \u5C5E\u6027\u6765\u6307\u5B9A\u7F51\u683C\u9879\u7684\u5F00\u59CB\u548C\u7ED3\u675F\u4F4D\u7F6E\uFF081-13\uFF09\n- \u4F7F\u7528 span \u5C5E\u6027\u6765\u6307\u5B9A\u7F51\u683C\u9879\u7684\u8DE8\u5EA6\uFF081-12\uFF09\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Grid>\n\nexport default meta\n\ntype Story = StoryObj<typeof Grid>\n\n// \u57FA\u7840\u5E03\u5C40\nexport const Basic = () => (\n  <div className=\"p-4\">\n    <Grid>\n      <GridItem span={12} className=\"bg-blue-100 p-4 text-center\">\n        span-12\n      </GridItem>\n      <GridItem span={6} className=\"bg-blue-200 p-4 text-center\">\n        span-6\n      </GridItem>\n      <GridItem span={6} className=\"bg-blue-300 p-4 text-center\">\n        span-6\n      </GridItem>\n      <GridItem span={4} className=\"bg-blue-400 p-4 text-center\">\n        span-4\n      </GridItem>\n      <GridItem span={4} className=\"bg-blue-500 p-4 text-center\">\n        span-4\n      </GridItem>\n      <GridItem span={4} className=\"bg-blue-600 p-4 text-center\">\n        span-4\n      </GridItem>\n      <GridItem span={3} className=\"bg-blue-700 p-4 text-center text-white\">\n        span-3\n      </GridItem>\n      <GridItem span={3} className=\"bg-blue-800 p-4 text-center text-white\">\n        span-3\n      </GridItem>\n      <GridItem span={3} className=\"bg-blue-900 p-4 text-center text-white\">\n        span-3\n      </GridItem>\n      <GridItem span={3} className=\"bg-blue-950 p-4 text-center text-white\">\n        span-3\n      </GridItem>\n    </Grid>\n  </div>\n)\n\ntype GridStart = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\ntype GridEnd = 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13\n\nexport const CustomPosition = ({\n  baseStart = 2,\n  baseEnd = 6,\n  showBoundaryExamples = true,\n  gridGap = '',\n  colorScheme = 'blue',\n}: any) => (\n  <div className=\"p-4\">\n    <Grid className={gridGap}>\n      {/* \u57FA\u672C\u5B9A\u4F4D\u793A\u4F8B */}\n      <GridItem\n        start={baseStart as GridStart}\n        end={baseEnd as GridEnd}\n        className={`bg-${colorScheme}-200 p-4 text-center`}\n      >\n        start-{baseStart} end-{baseEnd}\n      </GridItem>\n      <GridItem start={(baseEnd + 1) as GridStart} end={12} className={`bg-${colorScheme}-300 p-4 text-center`}>\n        start-{baseEnd + 1} end-12\n      </GridItem>\n\n      {/* \u8DE8\u8D8A\u6574\u884C\u793A\u4F8B */}\n      <GridItem start={1} end={13} className={`bg-${colorScheme}-400 p-4 text-center`}>\n        start-1 end-13 (\u6574\u884C)\n      </GridItem>\n\n      {/* \u5355\u683C\u793A\u4F8B */}\n      <GridItem start={1} end={2} className={`bg-${colorScheme}-500 p-4 text-center text-white`}>\n        1\u683C (start-1)\n      </GridItem>\n      <GridItem start={3} end={4} className={`bg-${colorScheme}-500 p-4 text-center text-white`}>\n        1\u683C (start-3)\n      </GridItem>\n\n      {/* \u4E0D\u89C4\u5219\u8DE8\u5EA6\u793A\u4F8B */}\n      <GridItem start={5} end={10} className={`bg-${colorScheme}-600 p-4 text-center text-white`}>\n        start-5 end-10\n      </GridItem>\n      <GridItem start={10} end={13} className={`bg-${colorScheme}-700 p-4 text-center text-white`}>\n        end-13\n      </GridItem>\n\n      {/* \u4F7F\u7528 span \u7684\u793A\u4F8B */}\n      <GridItem start={1} span={3} className={`bg-${colorScheme}-800 p-4 text-center text-white`}>\n        start-1 span-3\n      </GridItem>\n      <GridItem start={4} span={9} className={`bg-${colorScheme}-900 p-4 text-center text-white`}>\n        start-4 span-9\n      </GridItem>\n\n      {/* \u8FB9\u754C\u60C5\u51B5\u793A\u4F8B */}\n      {showBoundaryExamples && (\n        <>\n          <GridItem start={12} span={1} className=\"bg-yellow-500 p-4 text-center text-white\">\n            \u6700\u540E1\u683C\n          </GridItem>\n          <GridItem start={1} span={1} className=\"bg-yellow-600 p-4 text-center text-white\">\n            \u7B2C1\u683C\n          </GridItem>\n        </>\n      )}\n    </Grid>\n  </div>\n)\n\n// \u81EA\u5B9A\u4E49\u95F4\u8DDD\nexport const CustomGap = () => (\n  <div className=\"p-4\">\n    <Grid className=\"gap-8\">\n      <GridItem span={6} className=\"bg-purple-200 p-4 text-center\">\n        \u95F4\u8DDD 32px (gap-8)\n      </GridItem>\n      <GridItem span={6} className=\"bg-purple-300 p-4 text-center\">\n        \u95F4\u8DDD 32px (gap-8)\n      </GridItem>\n      <GridItem span={4} className=\"bg-purple-400 p-4 text-center\">\n        \u95F4\u8DDD 32px (gap-8)\n      </GridItem>\n      <GridItem span={4} className=\"bg-purple-500 p-4 text-center text-white\">\n        \u95F4\u8DDD 32px (gap-8)\n      </GridItem>\n      <GridItem span={4} className=\"bg-purple-600 p-4 text-center text-white\">\n        \u95F4\u8DDD 32px (gap-8)\n      </GridItem>\n    </Grid>\n  </div>\n)\n\n// \u4E0D\u540C\u7684\u6A2A\u5411\u548C\u7EB5\u5411\u95F4\u8DDD\nexport const DifferentGaps = () => (\n  <div className=\"p-4\">\n    <Grid className=\"gap-x-8 gap-y-2\">\n      <GridItem span={6} className=\"bg-orange-200 p-4 text-center\">\n        \u6A2A\u5411 32px \u7EB5\u5411 8px\n      </GridItem>\n      <GridItem span={6} className=\"bg-orange-300 p-4 text-center\">\n        \u6A2A\u5411 32px \u7EB5\u5411 8px\n      </GridItem>\n      <GridItem span={4} className=\"bg-orange-400 p-4 text-center\">\n        \u6A2A\u5411 32px \u7EB5\u5411 8px\n      </GridItem>\n      <GridItem span={4} className=\"bg-orange-500 p-4 text-center text-white\">\n        \u6A2A\u5411 32px \u7EB5\u5411 8px\n      </GridItem>\n      <GridItem span={4} className=\"bg-orange-600 p-4 text-center text-white\">\n        \u6A2A\u5411 32px \u7EB5\u5411 8px\n      </GridItem>\n    </Grid>\n  </div>\n)\n"],
+  "mappings": "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",
   "names": ["Fragment", "jsx", "jsxs", "Grid", "GridItem", "meta", "grid_stories_default", "Basic", "CustomPosition", "baseStart", "baseEnd", "showBoundaryExamples", "gridGap", "colorScheme", "CustomGap", "DifferentGaps"]
 }

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

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
 import React from 'react';
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<import("../components/heading.js").HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+    component: React.ForwardRefExoticComponent<import("../index.js").HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
     parameters: {
         layout: string;
         docs: {
@@ -81,3 +81,4 @@ 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/esm/stories/heading.stories.js

@@ -1,2 +1,2 @@
-import{Fragment as a,jsx as o,jsxs as r}from"react/jsx-runtime";import{Heading as e}from"../components/index.js";import"react";const t={title:"Typography/Heading",component:e,parameters:{layout:"padded",docs:{description:{component:"Heading \u7EC4\u4EF6\uFF0C \u5206\u4E3A5\u4E2Asize , \u5185\u7F6E\u5B57\u4F53\u5927\u5C0F\u54CD\u5E94\u5F0F\u9884\u8BBE, \u57FA\u672C\u548Ctext \u7EC4\u4EF6\u4E00\u6837\uFF0C\u53EA\u662F\u9ED8\u8BA4\u7684\u6807\u7B7E\u7C7B\u578B\u4E0D\u4E00\u6837\u3002"}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:[1,2,3,4,5],description:"\u6587\u672C\u5C3A\u5BF8\uFF0C\u4ECE5\u52301\uFF0C\u8D8A\u6765\u8D8A\u5C0F",table:{defaultValue:{summary:"5"}}},weight:{control:{type:"select"},options:["medium","semibold","bold","extraBold","black"],description:"\u6587\u672C\u7C97\u7EC6, \u4ECE500\u5230900 \uFF0C\u9ED8\u8BA4\u662F700",table:{defaultValue:{summary:"bold"}}},align:{control:{type:"select"},options:["left","center","right"],table:{defaultValue:{summary:void 0}}},color:{control:{type:"color"}},as:{control:{type:"select"},options:["h1","h2","h3","h4","h5","h6"],description:"html \u6807\u7B7E\u7C7B\u578B",table:{defaultValue:{summary:"h1"}}},html:{type:"string",description:"\u76F8\u5F53\u4E8E dangerouslySetInnerHTML"}},args:{as:"h1",size:1,weight:"bold",align:"left"}};var n=t;const d={args:{as:"h1",children:" The quick brown fox jumps over the lazy dog."}},p={render:()=>r(a,{children:[o(e,{size:1,children:"The quick brown fox jumps over the lazy dog."}),o(e,{size:2,children:"The quick brown fox jumps over the lazy dog."}),o(e,{size:3,children:"The quick brown fox jumps over the lazy dog."}),o(e,{size:4,children:"The quick brown fox jumps over the lazy dog."}),o(e,{size:5,children:"The quick brown fox jumps over the lazy dog."})]})};export{p as All,d as Default,n as default};
+import{Fragment as o,jsx as e,jsxs as r}from"react/jsx-runtime";import{Heading as t}from"../components/index.js";import"react";const a={title:"Typography/Heading",component:t,parameters:{layout:"padded",docs:{description:{component:"Heading \u7EC4\u4EF6\uFF0C \u5206\u4E3A5\u4E2Asize , \u5185\u7F6E\u5B57\u4F53\u5927\u5C0F\u54CD\u5E94\u5F0F\u9884\u8BBE, \u57FA\u672C\u548Ctext \u7EC4\u4EF6\u4E00\u6837\uFF0C\u53EA\u662F\u9ED8\u8BA4\u7684\u6807\u7B7E\u7C7B\u578B\u4E0D\u4E00\u6837\u3002"}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:[1,2,3,4,5],description:"\u6587\u672C\u5C3A\u5BF8\uFF0C\u4ECE5\u52301\uFF0C\u8D8A\u6765\u8D8A\u5C0F",table:{defaultValue:{summary:"2"}}},weight:{control:{type:"select"},options:["medium","semibold","bold","extraBold","black"],description:"\u6587\u672C\u7C97\u7EC6, \u4ECE500\u5230900 \uFF0C\u9ED8\u8BA4\u662F700",table:{defaultValue:{summary:"bold"}}},align:{control:{type:"select"},options:["left","center","right"],table:{defaultValue:{summary:void 0}}},color:{control:{type:"color"}},as:{control:{type:"select"},options:["h1","h2","h3","h4","h5","h6"],description:"html \u6807\u7B7E\u7C7B\u578B",table:{defaultValue:{summary:"h1"}}},html:{type:"string",description:"\u76F8\u5F53\u4E8E dangerouslySetInnerHTML"}},args:{as:"h1",size:1,weight:"bold",align:"left"}};var s=a;const d={args:{as:"h1",children:" The quick brown fox jumps over the lazy dog."}},p={render:()=>r(o,{children:[e(t,{size:1,children:"The quick brown fox jumps over the lazy dog."}),e(t,{size:2,children:"The quick brown fox jumps over the lazy dog."}),e(t,{size:3,children:"The quick brown fox jumps over the lazy dog."}),e(t,{size:4,children:"The quick brown fox jumps over the lazy dog."}),e(t,{size:5,children:"The quick brown fox jumps over the lazy dog."})]})},c={render:()=>r(o,{children:[e(t,{size:1,children:"\u652F\u6301html \u683C\u5F0F \u548Cpayload cms JSON \u683C\u5F0F \u7684\u5BCC\u6587\u672C"}),e("hr",{}),e(t,{size:1,html:"The quick brown fox jumps over the <span style='color: #FBDB93'>lazy dog.</span>"}),e("hr",{}),e(t,{size:5,html:{root:{type:"root",format:"",indent:0,version:1,children:[{tag:"h1",type:"heading",format:"",indent:0,version:1,children:[{mode:"normal",text:"React to Every Noise as",type:"text",style:"",detail:0,format:0,version:1}],direction:"ltr"},{tag:"h1",type:"heading",format:"",indent:0,version:1,children:[{mode:"normal",text:"You Go",type:"text",style:"",detail:0,format:0,version:1}],direction:"ltr"}],direction:"ltr"}}})]})};export{p as All,d as Default,c as Html,s as default};
 //# sourceMappingURL=heading.stories.js.map

package/dist/esm/stories/heading.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/heading.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Heading } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Typography/Heading',\n  component: Heading,\n  parameters: {\n    layout: 'padded',\n    docs: {\n      description: {\n        component: 'Heading \u7EC4\u4EF6\uFF0C \u5206\u4E3A5\u4E2Asize , \u5185\u7F6E\u5B57\u4F53\u5927\u5C0F\u54CD\u5E94\u5F0F\u9884\u8BBE, \u57FA\u672C\u548Ctext \u7EC4\u4EF6\u4E00\u6837\uFF0C\u53EA\u662F\u9ED8\u8BA4\u7684\u6807\u7B7E\u7C7B\u578B\u4E0D\u4E00\u6837\u3002',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: [1, 2, 3, 4, 5],\n      description: '\u6587\u672C\u5C3A\u5BF8\uFF0C\u4ECE5\u52301\uFF0C\u8D8A\u6765\u8D8A\u5C0F',\n      table: {\n        defaultValue: { summary: '5' },\n      },\n    },\n    weight: {\n      control: {\n        type: 'select',\n      },\n      options: ['medium', 'semibold', 'bold', 'extraBold', 'black'],\n      description: '\u6587\u672C\u7C97\u7EC6, \u4ECE500\u5230900 \uFF0C\u9ED8\u8BA4\u662F700',\n      table: {\n        defaultValue: { summary: 'bold' },\n      },\n    },\n    align: {\n      control: {\n        type: 'select',\n      },\n      options: ['left', 'center', 'right'],\n      table: {\n        defaultValue: { summary: undefined },\n      },\n    },\n    color: {\n      control: {\n        type: 'color',\n      },\n    },\n    as: {\n      control: {\n        type: 'select',\n      },\n      options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],\n      description: 'html \u6807\u7B7E\u7C7B\u578B',\n      table: {\n        defaultValue: { summary: 'h1' },\n      },\n    },\n    html: {\n      type: 'string',\n      description: '\u76F8\u5F53\u4E8E dangerouslySetInnerHTML',\n    },\n  },\n  args: {\n    as: 'h1',\n    size: 1,\n    weight: 'bold',\n    align: 'left',\n  },\n} satisfies Meta<typeof Heading>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    as: 'h1',\n    children: ' The quick brown fox jumps over the lazy dog.',\n  },\n}\n\nexport const All: Story = {\n  render: () => (\n    <>\n      <Heading size={1}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={2}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={3}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={4}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={5}>The quick brown fox jumps over the lazy dog.</Heading>\n    </>\n  ),\n}\n"],
-  "mappings": "AAwFI,mBAAAA,EACE,OAAAC,EADF,QAAAC,MAAA,oBAtFJ,OAAS,WAAAC,MAAe,yBACxB,MAAkB,QAElB,MAAMC,EAAO,CACX,MAAO,qBACP,UAAWD,EACX,WAAY,CACV,OAAQ,SACR,KAAM,CACJ,YAAa,CACX,UAAW,8PACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,EAAG,EAAG,EAAG,EAAG,CAAC,EACvB,YAAa,6EACb,MAAO,CACL,aAAc,CAAE,QAAS,GAAI,CAC/B,CACF,EACA,OAAQ,CACN,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,SAAU,WAAY,OAAQ,YAAa,OAAO,EAC5D,YAAa,2EACb,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,EACA,MAAO,CACL,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,SAAU,OAAO,EACnC,MAAO,CACL,aAAc,CAAE,QAAS,MAAU,CACrC,CACF,EACA,MAAO,CACL,QAAS,CACP,KAAM,OACR,CACF,EACA,GAAI,CACF,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,IAAI,EAC5C,YAAa,gCACb,MAAO,CACL,aAAc,CAAE,QAAS,IAAK,CAChC,CACF,EACA,KAAM,CACJ,KAAM,SACN,YAAa,4CACf,CACF,EACA,KAAM,CACJ,GAAI,KACJ,KAAM,EACN,OAAQ,OACR,MAAO,MACT,CACF,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,GAAI,KACJ,SAAU,+CACZ,CACF,EAEaC,EAAa,CACxB,OAAQ,IACNL,EAAAF,EAAA,CACE,UAAAC,EAACE,EAAA,CAAQ,KAAM,EAAG,wDAA4C,EAC9DF,EAACE,EAAA,CAAQ,KAAM,EAAG,wDAA4C,EAC9DF,EAACE,EAAA,CAAQ,KAAM,EAAG,wDAA4C,EAC9DF,EAACE,EAAA,CAAQ,KAAM,EAAG,wDAA4C,EAC9DF,EAACE,EAAA,CAAQ,KAAM,EAAG,wDAA4C,GAChE,CAEJ",
-  "names": ["Fragment", "jsx", "jsxs", "Heading", "meta", "heading_stories_default", "Default", "All"]
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Heading } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Typography/Heading',\n  component: Heading,\n  parameters: {\n    layout: 'padded',\n    docs: {\n      description: {\n        component:\n          'Heading \u7EC4\u4EF6\uFF0C \u5206\u4E3A5\u4E2Asize , \u5185\u7F6E\u5B57\u4F53\u5927\u5C0F\u54CD\u5E94\u5F0F\u9884\u8BBE, \u57FA\u672C\u548Ctext \u7EC4\u4EF6\u4E00\u6837\uFF0C\u53EA\u662F\u9ED8\u8BA4\u7684\u6807\u7B7E\u7C7B\u578B\u4E0D\u4E00\u6837\u3002',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: [1, 2, 3, 4, 5],\n      description: '\u6587\u672C\u5C3A\u5BF8\uFF0C\u4ECE5\u52301\uFF0C\u8D8A\u6765\u8D8A\u5C0F',\n      table: {\n        defaultValue: { summary: '2' },\n      },\n    },\n    weight: {\n      control: {\n        type: 'select',\n      },\n      options: ['medium', 'semibold', 'bold', 'extraBold', 'black'],\n      description: '\u6587\u672C\u7C97\u7EC6, \u4ECE500\u5230900 \uFF0C\u9ED8\u8BA4\u662F700',\n      table: {\n        defaultValue: { summary: 'bold' },\n      },\n    },\n    align: {\n      control: {\n        type: 'select',\n      },\n      options: ['left', 'center', 'right'],\n      table: {\n        defaultValue: { summary: undefined },\n      },\n    },\n    color: {\n      control: {\n        type: 'color',\n      },\n    },\n    as: {\n      control: {\n        type: 'select',\n      },\n      options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],\n      description: 'html \u6807\u7B7E\u7C7B\u578B',\n      table: {\n        defaultValue: { summary: 'h1' },\n      },\n    },\n    html: {\n      type: 'string',\n      description: '\u76F8\u5F53\u4E8E dangerouslySetInnerHTML',\n    },\n  },\n  args: {\n    as: 'h1',\n    size: 1,\n    weight: 'bold',\n    align: 'left',\n  },\n} satisfies Meta<typeof Heading>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    as: 'h1',\n    children: ' The quick brown fox jumps over the lazy dog.',\n  },\n}\n\nexport const All: Story = {\n  render: () => (\n    <>\n      <Heading size={1}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={2}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={3}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={4}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={5}>The quick brown fox jumps over the lazy dog.</Heading>\n    </>\n  ),\n}\n\nexport const Html: Story = {\n  render: () => (\n    <>\n      <Heading size={1}>\u652F\u6301html \u683C\u5F0F \u548Cpayload cms JSON \u683C\u5F0F \u7684\u5BCC\u6587\u672C</Heading>\n      <hr />\n      <Heading size={1} html=\"The quick brown fox jumps over the <span style='color: #FBDB93'>lazy dog.</span>\" />\n      <hr />\n      <Heading\n        size={5}\n        html={\n          {\n            root: {\n              type: 'root',\n              format: '',\n              indent: 0,\n              version: 1,\n              children: [\n                {\n                  tag: 'h1',\n                  type: 'heading',\n                  format: '',\n                  indent: 0,\n                  version: 1,\n                  children: [\n                    {\n                      mode: 'normal',\n                      text: 'React to Every Noise as',\n                      type: 'text',\n                      style: '',\n                      detail: 0,\n                      format: 0,\n                      version: 1,\n                    },\n                  ],\n                  direction: 'ltr',\n                },\n                {\n                  tag: 'h1',\n                  type: 'heading',\n                  format: '',\n                  indent: 0,\n                  version: 1,\n                  children: [\n                    {\n                      mode: 'normal',\n                      text: 'You Go',\n                      type: 'text',\n                      style: '',\n                      detail: 0,\n                      format: 0,\n                      version: 1,\n                    },\n                  ],\n                  direction: 'ltr',\n                },\n              ],\n              direction: 'ltr',\n            },\n          } as any\n        }\n      />\n    </>\n  ),\n}\n"],
+  "mappings": "AAyFI,mBAAAA,EACE,OAAAC,EADF,QAAAC,MAAA,oBAvFJ,OAAS,WAAAC,MAAe,yBACxB,MAAkB,QAElB,MAAMC,EAAO,CACX,MAAO,qBACP,UAAWD,EACX,WAAY,CACV,OAAQ,SACR,KAAM,CACJ,YAAa,CACX,UACE,8PACJ,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,EAAG,EAAG,EAAG,EAAG,CAAC,EACvB,YAAa,6EACb,MAAO,CACL,aAAc,CAAE,QAAS,GAAI,CAC/B,CACF,EACA,OAAQ,CACN,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,SAAU,WAAY,OAAQ,YAAa,OAAO,EAC5D,YAAa,2EACb,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,EACA,MAAO,CACL,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,SAAU,OAAO,EACnC,MAAO,CACL,aAAc,CAAE,QAAS,MAAU,CACrC,CACF,EACA,MAAO,CACL,QAAS,CACP,KAAM,OACR,CACF,EACA,GAAI,CACF,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,IAAI,EAC5C,YAAa,gCACb,MAAO,CACL,aAAc,CAAE,QAAS,IAAK,CAChC,CACF,EACA,KAAM,CACJ,KAAM,SACN,YAAa,4CACf,CACF,EACA,KAAM,CACJ,GAAI,KACJ,KAAM,EACN,OAAQ,OACR,MAAO,MACT,CACF,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,GAAI,KACJ,SAAU,+CACZ,CACF,EAEaC,EAAa,CACxB,OAAQ,IACNL,EAAAF,EAAA,CACE,UAAAC,EAACE,EAAA,CAAQ,KAAM,EAAG,wDAA4C,EAC9DF,EAACE,EAAA,CAAQ,KAAM,EAAG,wDAA4C,EAC9DF,EAACE,EAAA,CAAQ,KAAM,EAAG,wDAA4C,EAC9DF,EAACE,EAAA,CAAQ,KAAM,EAAG,wDAA4C,EAC9DF,EAACE,EAAA,CAAQ,KAAM,EAAG,wDAA4C,GAChE,CAEJ,EAEaK,EAAc,CACzB,OAAQ,IACNN,EAAAF,EAAA,CACE,UAAAC,EAACE,EAAA,CAAQ,KAAM,EAAG,sGAAmC,EACrDF,EAAC,OAAG,EACJA,EAACE,EAAA,CAAQ,KAAM,EAAG,KAAK,mFAAmF,EAC1GF,EAAC,OAAG,EACJA,EAACE,EAAA,CACC,KAAM,EACN,KACE,CACE,KAAM,CACJ,KAAM,OACN,OAAQ,GACR,OAAQ,EACR,QAAS,EACT,SAAU,CACR,CACE,IAAK,KACL,KAAM,UACN,OAAQ,GACR,OAAQ,EACR,QAAS,EACT,SAAU,CACR,CACE,KAAM,SACN,KAAM,0BACN,KAAM,OACN,MAAO,GACP,OAAQ,EACR,OAAQ,EACR,QAAS,CACX,CACF,EACA,UAAW,KACb,EACA,CACE,IAAK,KACL,KAAM,UACN,OAAQ,GACR,OAAQ,EACR,QAAS,EACT,SAAU,CACR,CACE,KAAM,SACN,KAAM,SACN,KAAM,OACN,MAAO,GACP,OAAQ,EACR,OAAQ,EACR,QAAS,CACX,CACF,EACA,UAAW,KACb,CACF,EACA,UAAW,KACb,CACF,EAEJ,GACF,CAEJ",
+  "names": ["Fragment", "jsx", "jsxs", "Heading", "meta", "heading_stories_default", "Default", "All", "Html"]
 }

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

@@ -20,7 +20,7 @@ declare const meta: {
     } & import("class-variance-authority").VariantProps<(props?: ({
         status?: "default" | "error" | "success" | "warning" | null | undefined;
         disabled?: boolean | null | undefined;
-    } & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & import("../helpers/component-props.js").ComponentPropsWithout<"div", import("../helpers/component-props.js").RemovedProps> & import("react").RefAttributes<HTMLDivElement>>;
+    } & 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;

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

@@ -13,7 +13,7 @@ declare const meta: {
         size?: "small" | "medium" | "large" | null | undefined;
         underline?: "none" | "always" | "hover" | null | undefined;
         hoverColor?: "none" | "hover" | null | undefined;
-    } & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & import("../helpers/component-props.js").ComponentPropsWithout<"a", import("../helpers/component-props.js").RemovedProps> & import("react").RefAttributes<HTMLAnchorElement>>;
+    } & 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;
     };

package/dist/esm/stories/link.stories.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as n}from"react/jsx-runtime";import{ChevronRightIcon as l}from"@storybook/icons";import i from"../components/link.js";const o={title:"Components/Link",component:i,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{size:{description:"\u5C3A\u5BF8",control:{type:"select"},options:["small","medium","large"],table:{defaultValue:{summary:"small"}}},underline:{description:"\u94FE\u63A5\u4E0B\u5212\u7EBF\u5C55\u793A",control:{type:"select"},options:["none","hover","always"],table:{defaultValue:{summary:"none"}}},hoverColor:{description:"\u94FE\u63A5\u60AC\u6D6E\u6587\u5B57\u6837\u5F0F",control:{type:"select"},options:["none","hover"],table:{defaultValue:{summary:"none"}}},onClick:{control:!1},suffixIcon:{control:!1},style:{control:!1},className:{control:!1},children:{control:!1}},args:{onClick:void 0}};var r=o;const t={args:{children:"Link"}},d=()=>n("div",{className:"inline-flex flex-col gap-4",children:[n("div",{className:"inline-flex gap-4",children:[e(i,{size:"small",hoverColor:"hover",children:"Link"}),e(i,{size:"small",underline:"always",children:"Link"}),e(i,{size:"small",underline:"hover",hoverColor:"hover",suffixIcon:e(l,{}),children:"Link"})]}),n("div",{className:"inline-flex gap-4",children:[e(i,{size:"medium",hoverColor:"hover",children:"Link"}),e(i,{size:"medium",underline:"always",children:"Link"}),e(i,{size:"medium",underline:"hover",hoverColor:"hover",suffixIcon:e(l,{}),children:"Link"})]}),n("div",{className:"inline-flex gap-4",children:[e(i,{size:"large",hoverColor:"hover",children:"Link"}),e(i,{size:"large",underline:"always",children:"Link"}),e(i,{size:"large",underline:"hover",hoverColor:"hover",suffixIcon:e(l,{}),children:"Link"})]})]}),c=()=>n("div",{className:"inline-flex flex-col gap-4",children:[n("div",{className:"inline-flex gap-4",children:[e(i,{size:"small",disabled:!0,children:"Link"}),e(i,{size:"small",disabled:!0,suffixIcon:e(l,{}),children:"Link"})]}),n("div",{className:"inline-flex gap-4",children:[e(i,{size:"medium",disabled:!0,children:"Link"}),e(i,{size:"medium",disabled:!0,suffixIcon:e(l,{}),children:"Link"})]}),n("div",{className:"inline-flex gap-4",children:[e(i,{size:"large",disabled:!0,children:"Link"}),e(i,{size:"large",disabled:!0,suffixIcon:e(l,{}),children:"Link"})]})]});export{t as Default,c as Disabled,d as LinkSize,r as default};
+import{jsx as i,jsxs as l}from"react/jsx-runtime";import"@storybook/icons";import e from"../components/link.js";const n={title:"Components/Link",component:e,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{size:{description:"\u5C3A\u5BF8",control:{type:"select"},options:["small","medium","large"],table:{defaultValue:{summary:"small"}}},underline:{description:"\u94FE\u63A5\u4E0B\u5212\u7EBF\u5C55\u793A",control:{type:"select"},options:["none","hover","always"],table:{defaultValue:{summary:"none"}}},hoverColor:{description:"\u94FE\u63A5\u60AC\u6D6E\u6587\u5B57\u6837\u5F0F",control:{type:"select"},options:["none","hover"],table:{defaultValue:{summary:"none"}}},onClick:{control:!1},suffixIcon:{control:!1},style:{control:!1},className:{control:!1},children:{control:!1}},args:{onClick:void 0}};var r=n;const t={args:{children:"Link"}},d=()=>l("div",{className:"inline-flex flex-col gap-4",children:[l("div",{className:"inline-flex gap-4",children:[i(e,{size:"small",hoverColor:"hover",children:"Link"}),i(e,{size:"small",underline:"always",hoverColor:"hover",children:"Link"})]}),l("div",{className:"inline-flex gap-4",children:[i(e,{size:"medium",hoverColor:"hover",children:"Link"}),i(e,{size:"medium",underline:"always",hoverColor:"hover",children:"Link"})]}),l("div",{className:"inline-flex gap-4",children:[i(e,{size:"large",hoverColor:"hover",children:"Link"}),i(e,{size:"large",underline:"always",hoverColor:"hover",children:"Link"})]})]}),m=()=>l("div",{className:"inline-flex flex-col gap-4",children:[l("div",{className:"inline-flex gap-4",children:[i(e,{size:"small",disabled:!0,children:"Link"}),i(e,{size:"small",disabled:!0,underline:"always",children:"Link"})]}),l("div",{className:"inline-flex gap-4",children:[i(e,{size:"medium",disabled:!0,children:"Link"}),i(e,{size:"medium",disabled:!0,underline:"always",children:"Link"})]}),l("div",{className:"inline-flex gap-4",children:[i(e,{size:"large",disabled:!0,children:"Link"}),i(e,{size:"large",disabled:!0,underline:"always",children:"Link"})]})]});export{t as Default,m as Disabled,d as LinkSize,r as default};
 //# sourceMappingURL=link.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "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: ['small', 'medium', 'large'],\n      table: {\n        defaultValue: { summary: 'small' },\n      },\n    },\n    underline: {\n      description: '\u94FE\u63A5\u4E0B\u5212\u7EBF\u5C55\u793A',\n      control: {\n        type: 'select',\n      },\n      options: ['none', 'hover', 'always'],\n      table: {\n        defaultValue: { summary: 'none' },\n      },\n    },\n    hoverColor: {\n      description: '\u94FE\u63A5\u60AC\u6D6E\u6587\u5B57\u6837\u5F0F',\n      control: {\n        type: 'select',\n      },\n      options: ['none', 'hover'],\n      table: {\n        defaultValue: { summary: 'none' },\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=\"small\" hoverColor=\"hover\">\n        Link\n      </Link>\n      <Link size=\"small\" underline=\"always\">\n        Link\n      </Link>\n      <Link size=\"small\" underline=\"hover\" hoverColor=\"hover\" suffixIcon={<ChevronRightIcon />}>\n        Link\n      </Link>\n    </div>\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"medium\" hoverColor=\"hover\">\n        Link\n      </Link>\n      <Link size=\"medium\" underline=\"always\">\n        Link\n      </Link>\n      <Link size=\"medium\" underline=\"hover\" hoverColor=\"hover\" suffixIcon={<ChevronRightIcon />}>\n        Link\n      </Link>\n    </div>\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"large\" hoverColor=\"hover\">\n        Link\n      </Link>\n      <Link size=\"large\" underline=\"always\">\n        Link\n      </Link>\n      <Link size=\"large\" underline=\"hover\" hoverColor=\"hover\" suffixIcon={<ChevronRightIcon />}>\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=\"small\" disabled>\n        Link\n      </Link>\n      <Link size=\"small\" disabled suffixIcon={<ChevronRightIcon />}>\n        Link\n      </Link>\n    </div>\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"medium\" disabled>\n        Link\n      </Link>\n      <Link size=\"medium\" disabled suffixIcon={<ChevronRightIcon />}>\n        Link\n      </Link>\n    </div>\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"large\" disabled>\n        Link\n      </Link>\n      <Link size=\"large\" disabled suffixIcon={<ChevronRightIcon />}>\n        Link\n      </Link>\n    </div>\n  </div>\n)\n"],
-  "mappings": "AA8EI,OACE,OAAAA,EADF,QAAAC,MAAA,oBA7EJ,OAAS,oBAAAC,MAAwB,mBACjC,OAAOC,MAAU,wBAEjB,MAAMC,EAAO,CAEX,MAAO,kBACP,UAAWD,EACX,WAAY,CACV,OAAQ,UACV,EAEA,KAAM,CAAC,UAAU,EAEjB,SAAU,CACR,KAAM,CACJ,YAAa,eACb,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,QAAS,SAAU,OAAO,EACpC,MAAO,CACL,aAAc,CAAE,QAAS,OAAQ,CACnC,CACF,EACA,UAAW,CACT,YAAa,6CACb,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,QAAS,QAAQ,EACnC,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,EACA,WAAY,CACV,YAAa,mDACb,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,OAAO,EACzB,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,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,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,SAAU,MACZ,CACF,EAEaC,EAAW,IACtBN,EAAC,OAAI,UAAU,6BACb,UAAAA,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACG,EAAA,CAAK,KAAK,QAAQ,WAAW,QAAQ,gBAEtC,EACAH,EAACG,EAAA,CAAK,KAAK,QAAQ,UAAU,SAAS,gBAEtC,EACAH,EAACG,EAAA,CAAK,KAAK,QAAQ,UAAU,QAAQ,WAAW,QAAQ,WAAYH,EAACE,EAAA,EAAiB,EAAI,gBAE1F,GACF,EACAD,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACG,EAAA,CAAK,KAAK,SAAS,WAAW,QAAQ,gBAEvC,EACAH,EAACG,EAAA,CAAK,KAAK,SAAS,UAAU,SAAS,gBAEvC,EACAH,EAACG,EAAA,CAAK,KAAK,SAAS,UAAU,QAAQ,WAAW,QAAQ,WAAYH,EAACE,EAAA,EAAiB,EAAI,gBAE3F,GACF,EACAD,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACG,EAAA,CAAK,KAAK,QAAQ,WAAW,QAAQ,gBAEtC,EACAH,EAACG,EAAA,CAAK,KAAK,QAAQ,UAAU,SAAS,gBAEtC,EACAH,EAACG,EAAA,CAAK,KAAK,QAAQ,UAAU,QAAQ,WAAW,QAAQ,WAAYH,EAACE,EAAA,EAAiB,EAAI,gBAE1F,GACF,GACF,EAGWM,EAAW,IACtBP,EAAC,OAAI,UAAU,6BACb,UAAAA,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACG,EAAA,CAAK,KAAK,QAAQ,SAAQ,GAAC,gBAE5B,EACAH,EAACG,EAAA,CAAK,KAAK,QAAQ,SAAQ,GAAC,WAAYH,EAACE,EAAA,EAAiB,EAAI,gBAE9D,GACF,EACAD,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACG,EAAA,CAAK,KAAK,SAAS,SAAQ,GAAC,gBAE7B,EACAH,EAACG,EAAA,CAAK,KAAK,SAAS,SAAQ,GAAC,WAAYH,EAACE,EAAA,EAAiB,EAAI,gBAE/D,GACF,EACAD,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACG,EAAA,CAAK,KAAK,QAAQ,SAAQ,GAAC,gBAE5B,EACAH,EAACG,EAAA,CAAK,KAAK,QAAQ,SAAQ,GAAC,WAAYH,EAACE,EAAA,EAAiB,EAAI,gBAE9D,GACF,GACF",
-  "names": ["jsx", "jsxs", "ChevronRightIcon", "Link", "meta", "link_stories_default", "Default", "LinkSize", "Disabled"]
+  "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: ['small', 'medium', 'large'],\n      table: {\n        defaultValue: { summary: 'small' },\n      },\n    },\n    underline: {\n      description: '\u94FE\u63A5\u4E0B\u5212\u7EBF\u5C55\u793A',\n      control: {\n        type: 'select',\n      },\n      options: ['none', 'hover', 'always'],\n      table: {\n        defaultValue: { summary: 'none' },\n      },\n    },\n    hoverColor: {\n      description: '\u94FE\u63A5\u60AC\u6D6E\u6587\u5B57\u6837\u5F0F',\n      control: {\n        type: 'select',\n      },\n      options: ['none', 'hover'],\n      table: {\n        defaultValue: { summary: 'none' },\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=\"small\" hoverColor=\"hover\">\n        Link\n      </Link>\n      <Link size=\"small\" underline=\"always\" hoverColor=\"hover\">\n        Link\n      </Link>\n    </div>\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"medium\" hoverColor=\"hover\">\n        Link\n      </Link>\n      <Link size=\"medium\" underline=\"always\" hoverColor=\"hover\">\n        Link\n      </Link>\n    </div>\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"large\" hoverColor=\"hover\">\n        Link\n      </Link>\n      <Link size=\"large\" underline=\"always\" hoverColor=\"hover\">\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=\"small\" disabled>\n        Link\n      </Link>\n      <Link size=\"small\" disabled underline=\"always\">\n        Link\n      </Link>\n    </div>\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"medium\" disabled>\n        Link\n      </Link>\n      <Link size=\"medium\" disabled underline=\"always\">\n        Link\n      </Link>\n    </div>\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"large\" disabled>\n        Link\n      </Link>\n      <Link size=\"large\" disabled underline=\"always\">\n        Link\n      </Link>\n    </div>\n  </div>\n)\n"],
+  "mappings": "AA8EI,OACE,OAAAA,EADF,QAAAC,MAAA,oBA7EJ,MAAiC,mBACjC,OAAOC,MAAU,wBAEjB,MAAMC,EAAO,CAEX,MAAO,kBACP,UAAWD,EACX,WAAY,CACV,OAAQ,UACV,EAEA,KAAM,CAAC,UAAU,EAEjB,SAAU,CACR,KAAM,CACJ,YAAa,eACb,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,QAAS,SAAU,OAAO,EACpC,MAAO,CACL,aAAc,CAAE,QAAS,OAAQ,CACnC,CACF,EACA,UAAW,CACT,YAAa,6CACb,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,QAAS,QAAQ,EACnC,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,EACA,WAAY,CACV,YAAa,mDACb,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,OAAO,EACzB,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,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,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,SAAU,MACZ,CACF,EAEaC,EAAW,IACtBL,EAAC,OAAI,UAAU,6BACb,UAAAA,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACE,EAAA,CAAK,KAAK,QAAQ,WAAW,QAAQ,gBAEtC,EACAF,EAACE,EAAA,CAAK,KAAK,QAAQ,UAAU,SAAS,WAAW,QAAQ,gBAEzD,GACF,EACAD,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACE,EAAA,CAAK,KAAK,SAAS,WAAW,QAAQ,gBAEvC,EACAF,EAACE,EAAA,CAAK,KAAK,SAAS,UAAU,SAAS,WAAW,QAAQ,gBAE1D,GACF,EACAD,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACE,EAAA,CAAK,KAAK,QAAQ,WAAW,QAAQ,gBAEtC,EACAF,EAACE,EAAA,CAAK,KAAK,QAAQ,UAAU,SAAS,WAAW,QAAQ,gBAEzD,GACF,GACF,EAGWK,EAAW,IACtBN,EAAC,OAAI,UAAU,6BACb,UAAAA,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACE,EAAA,CAAK,KAAK,QAAQ,SAAQ,GAAC,gBAE5B,EACAF,EAACE,EAAA,CAAK,KAAK,QAAQ,SAAQ,GAAC,UAAU,SAAS,gBAE/C,GACF,EACAD,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACE,EAAA,CAAK,KAAK,SAAS,SAAQ,GAAC,gBAE7B,EACAF,EAACE,EAAA,CAAK,KAAK,SAAS,SAAQ,GAAC,UAAU,SAAS,gBAEhD,GACF,EACAD,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACE,EAAA,CAAK,KAAK,QAAQ,SAAQ,GAAC,gBAE5B,EACAF,EAACE,EAAA,CAAK,KAAK,QAAQ,SAAQ,GAAC,UAAU,SAAS,gBAE/C,GACF,GACF",
+  "names": ["jsx", "jsxs", "Link", "meta", "link_stories_default", "Default", "LinkSize", "Disabled"]
 }

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

@@ -1,10 +1,17 @@
 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<import("react-fast-marquee/dist/components/Marquee").MarqueeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    component: {
+        (props: Omit<MarqueeProps & React.RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+            className?: string;
+            data?: Record<string, any>;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
     subcomponents: {
-        MarqueeList: ComponentType<unknown>;
+        MarqueeItem: ComponentType<unknown>;
         MarqueeImageContent: ComponentType<unknown>;
         MarqueeTextContent: ComponentType<unknown>;
     };
@@ -17,29 +24,6 @@ declare const meta: {
         };
     };
     tags: string[];
-    args: {
-        speed: number;
-    };
-    argTypes: {
-        direction: {
-            control: {
-                type: "inline-radio";
-            };
-            options: string[];
-            description: string;
-            table: {
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        speed: {
-            control: {
-                type: "number";
-            };
-            description: string;
-        };
-    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/esm/stories/marquee.stories.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import"react";import{Marquee as n,MarqueeList as a,MarqueeImageContent as t,MarqueeTextContent as s}from"../biz-components/Marquee";const i={title:"Biz Components/Marquee",component:n,subcomponents:{MarqueeList:a,MarqueeImageContent:t,MarqueeTextContent:s},parameters:{layout:"fullscreen",docs:{description:{component:"\u8DD1\u9A6C\u706FMarquee\uFF0C\u57FA\u4E8Ereact-fast-marquee<br>\u53EF\u4F7F\u7528react-fast-marquee\u6240\u6709props"}}},tags:["autodocs"],args:{speed:50},argTypes:{direction:{control:{type:"inline-radio"},options:["left","right","up","down"],description:"\u8DD1\u9A6C\u706F\u6ED1\u52A8\u7684\u65B9\u5411",table:{defaultValue:{summary:"left"}}},speed:{control:{type:"number"},description:"\u901F\u5EA6\uFF0C\u5355\u4F4D\uFF1A\u50CF\u7D20/\u79D2"}}};var m=i;const f={render:o=>e(n,{...o,children:r(a,{children:[e(t,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}),e(s,{text:"\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}),e(t,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}),e(s,{className:"text-nowrap",text:"\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}),e(t,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"})]})})},g={render:o=>e(n,{...o,children:r(a,{children:[e(t,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}),e(t,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}),e(t,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"})]})})},u={render:o=>e(n,{...o,children:r(a,{children:[e(s,{className:"w-40",text:"47%<br>R&D Employees"}),e(s,{className:"w-40",text:"100 Million<br>Global Customers"}),e(s,{className:"w-60",text:"Pioneering in Charging<br>Technology for 12 Years"})]})})},y={render:o=>e(n,{...o,children:r(a,{children:[e(t,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}),e(t,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}),e(t,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"})]})}),args:{direction:"right"}};export{f as Default,y as MarqueeDirection,g as MarqueeImage,u as MarqueeText,m as default};
+import{jsx as a}from"react/jsx-runtime";import"react";import e,{MarqueeItem as r,MarqueeImageContent as n,MarqueeTextContent as p}from"../biz-components/Marquee/index.js";const i={title:"Biz Components/Marquee",component:e,subcomponents:{MarqueeItem:r,MarqueeImageContent:n,MarqueeTextContent:p},parameters:{layout:"fullscreen",docs:{description:{component:"\u8DD1\u9A6C\u706FMarquee\uFF0C\u57FA\u4E8Ehttps://swiperjs.com/swiper-api"}}},tags:["autodocs"]};var l=i;const t={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"}}]},y={args:{data:t},render:()=>a(e,{data:t})},o={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"}}]},u={args:{data:o},render:()=>a(e,{data:o})},s={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"}]},f={args:{data:s},render:()=>a(e,{data:s})},d={args:{data:{...t,reverseDirection:!0}},render:()=>a(e,{data:t})};export{y as Default,d as MarqueeDirection,u as MarqueeImage,f as MarqueeText,l as default};
 //# sourceMappingURL=marquee.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/marquee.stories.tsx"],
-  "sourcesContent": ["import React, { type ComponentType } from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Marquee, MarqueeList, MarqueeImageContent, MarqueeTextContent } from '../biz-components/Marquee'\n\nconst meta = {\n  title: 'Biz Components/Marquee',\n  component: Marquee,\n  subcomponents: {\n    MarqueeList: MarqueeList 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\u4E8Ereact-fast-marquee<br>\u53EF\u4F7F\u7528react-fast-marquee\u6240\u6709props',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  args: {\n    speed: 50,\n  },\n  argTypes: {\n    direction: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['left', 'right', 'up', 'down'],\n      description: '\u8DD1\u9A6C\u706F\u6ED1\u52A8\u7684\u65B9\u5411',\n      table: {\n        defaultValue: {\n          summary: 'left',\n        },\n      },\n    },\n    speed: {\n      control: {\n        type: 'number',\n      },\n      description: '\u901F\u5EA6\uFF0C\u5355\u4F4D\uFF1A\u50CF\u7D20/\u79D2',\n    }\n  }\n} satisfies Meta<typeof Marquee>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317\" />\n        <MarqueeTextContent text=\"\u8DD1\u9A6C\u706F\u7EC4\u4EF6\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317\" />\n        <MarqueeTextContent className='text-nowrap' text=\"\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317\" />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeImage: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317\" />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeText: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeTextContent className='w-40' text=\"47%<br>R&D Employees\" />\n        <MarqueeTextContent className='w-40' text=\"100 Million<br>Global Customers\" />\n        <MarqueeTextContent className='w-60' text=\"Pioneering in Charging<br>Technology for 12 Years\" />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeDirection: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317\" />\n      </MarqueeList>\n    </Marquee>\n  ),\n  args: {\n    direction: 'right',\n  },\n}"],
-  "mappings": "AAqDM,OACE,OAAAA,EADF,QAAAC,MAAA,oBArDN,MAA0C,QAE1C,OAAS,WAAAC,EAAS,eAAAC,EAAa,uBAAAC,EAAqB,sBAAAC,MAA0B,4BAE9E,MAAMC,EAAO,CACX,MAAO,yBACP,UAAWJ,EACX,cAAe,CACb,YAAaC,EACb,oBAAqBC,EACrB,mBAAoBC,CACtB,EACA,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,wHACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,KAAM,CACJ,MAAO,EACT,EACA,SAAU,CACR,UAAW,CACT,QAAS,CACP,KAAM,cACR,EACA,QAAS,CAAC,OAAQ,QAAS,KAAM,MAAM,EACvC,YAAa,mDACb,MAAO,CACL,aAAc,CACZ,QAAS,MACX,CACF,CACF,EACA,MAAO,CACL,QAAS,CACP,KAAM,QACR,EACA,YAAa,yDACf,CACF,CACF,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,OAAQC,GACNT,EAACE,EAAA,CAAS,GAAGO,EACX,SAAAR,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CAAoB,MAAM,yFAAyF,EACpHJ,EAACK,EAAA,CAAmB,KAAK,iCAAQ,EACjCL,EAACI,EAAA,CAAoB,MAAM,wFAAwF,EACnHJ,EAACK,EAAA,CAAmB,UAAU,cAAc,KAAK,mDAAW,EAC5DL,EAACI,EAAA,CAAoB,MAAM,wFAAwF,GACrH,EACF,CAEJ,EAEaM,EAAsB,CACjC,OAAQD,GACNT,EAACE,EAAA,CAAS,GAAGO,EACX,SAAAR,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CAAoB,MAAM,yFAAyF,EACpHJ,EAACI,EAAA,CAAoB,MAAM,wFAAwF,EACnHJ,EAACI,EAAA,CAAoB,MAAM,wFAAwF,GACrH,EACF,CAEJ,EAEaO,EAAqB,CAChC,OAAQF,GACNT,EAACE,EAAA,CAAS,GAAGO,EACX,SAAAR,EAACE,EAAA,CACC,UAAAH,EAACK,EAAA,CAAmB,UAAU,OAAO,KAAK,uBAAuB,EACjEL,EAACK,EAAA,CAAmB,UAAU,OAAO,KAAK,kCAAkC,EAC5EL,EAACK,EAAA,CAAmB,UAAU,OAAO,KAAK,oDAAoD,GAChG,EACF,CAEJ,EAEaO,EAA0B,CACrC,OAAQH,GACNT,EAACE,EAAA,CAAS,GAAGO,EACX,SAAAR,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CAAoB,MAAM,yFAAyF,EACpHJ,EAACI,EAAA,CAAoB,MAAM,wFAAwF,EACnHJ,EAACI,EAAA,CAAoB,MAAM,wFAAwF,GACrH,EACF,EAEF,KAAM,CACJ,UAAW,OACb,CACF",
-  "names": ["jsx", "jsxs", "Marquee", "MarqueeList", "MarqueeImageContent", "MarqueeTextContent", "meta", "marquee_stories_default", "Default", "args", "MarqueeImage", "MarqueeText", "MarqueeDirection"]
+  "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  render: () => <Marquee data={MarqueeData} />,\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  render: () => <Marquee data={MarqueeImageData} />,\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  render: () => <Marquee data={MarqueeTextData} />,\n}\n\nexport const MarqueeDirection: Story = {\n  args: {\n    data: {\n      ...MarqueeData,\n      reverseDirection: true,\n    },\n  },\n  render: () => <Marquee data={MarqueeData} />,\n}\n"],
+  "mappings": "AAoDgB,cAAAA,MAAA,oBApDhB,MAA0C,QAE1C,OAAOC,GAAW,eAAAC,EAAa,uBAAAC,EAAqB,sBAAAC,MAA0B,qCAG9E,MAAMC,EAAO,CACX,MAAO,yBACP,UAAWJ,EACX,cAAe,CACb,YAAaC,EACb,oBAAqBC,EACrB,mBAAoBC,CACtB,EACA,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,4EACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,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,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAMD,CACR,EACA,OAAQ,IAAMP,EAACC,EAAA,CAAQ,KAAMM,EAAa,CAC5C,EAEME,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,EAEaC,EAAsB,CACjC,KAAM,CACJ,KAAMD,CACR,EACA,OAAQ,IAAMT,EAACC,EAAA,CAAQ,KAAMQ,EAAkB,CACjD,EAEME,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,EACaC,EAAqB,CAChC,KAAM,CACJ,KAAMD,CACR,EACA,OAAQ,IAAMX,EAACC,EAAA,CAAQ,KAAMU,EAAiB,CAChD,EAEaE,EAA0B,CACrC,KAAM,CACJ,KAAM,CACJ,GAAGN,EACH,iBAAkB,EACpB,CACF,EACA,OAAQ,IAAMP,EAACC,EAAA,CAAQ,KAAMM,EAAa,CAC5C",
+  "names": ["jsx", "Marquee", "MarqueeItem", "MarqueeImageContent", "MarqueeTextContent", "meta", "marquee_stories_default", "MarqueeData", "Default", "MarqueeImageData", "MarqueeImage", "MarqueeTextData", "MarqueeText", "MarqueeDirection"]
 }

package/dist/esm/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/esm/stories/mediaplayerBase.stories.js

@@ -0,0 +1,2 @@
+import e from"../biz-components/MediaPlayerBase/index.js";const t={title:"Biz-Components/MediaPlayerBase",component:e,parameters:{layout:"fullscreen"}};var o=t;const r={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"}}}};export{r as Default,o as default};
+//# sourceMappingURL=mediaplayerBase.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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": "AACA,OAAOA,MAAqB,6CAE5B,MAAMC,EAAqC,CACzC,MAAO,iCACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,CACF,EAEA,IAAOE,EAAQD,EAGR,MAAME,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", "meta", "mediaplayerBase_stories_default", "Default"]
+}

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

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: {
+        (props: Omit<import("../biz-components/MediaPlayerMulti/types.js").MediaPlayerMultiProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+            className?: string;
+            data?: Record<string, any>;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    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/esm/stories/mediaplayerMulti.stories.js

@@ -0,0 +1,2 @@
+import t from"../biz-components/MediaPlayerMulti/index.js";import"gsap";import"@gsap/react";import"gsap/dist/ScrollTrigger";import"gsap/dist/SplitText";const e=[{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"}}],o={title:"Biz-Components/MediaPlayerMulti",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var f=o;const d={args:{data:{items:e}}},b={args:{data:{items:e?.concat(e)}}};export{d as Default,b as Multi,f as default};
+//# sourceMappingURL=mediaplayerMulti.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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": "AACA,OAAOA,MAAsB,8CAC7B,MAAqB,OACrB,MAAwB,cACxB,MAA8B,0BAC9B,MAA0B,sBAE1B,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,UAAWF,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOG,EAAQD,EAGR,MAAME,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAOH,CACT,CACF,CACF,EAEaI,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAOJ,GAAkB,OAAOA,CAAgB,CAClD,CACF,CACF",
+  "names": ["MediaPlayerMulti", "testimonialItems", "meta", "mediaplayerMulti_stories_default", "Default", "Multi"]
+}

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

@@ -1,7 +1,7 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ imgClassName, source, quality, deviceSizes, className, ...rest }: import("../components/picture.js").PictureProps) => import("react/jsx-runtime").JSX.Element;
+    component: import("react").ForwardRefExoticComponent<import("../components/picture.js").PictureProps & import("react").RefAttributes<HTMLPictureElement>>;
     parameters: {
         layout: string;
         docs: {