@anker-in/headless-ui 0.0.27-alpha.4 → 0.0.27-alpha.40

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/cpnBanner.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { CpnBanner } from '../cpn-components/index.js'\n\nconst meta = {\n  title: 'Cpn-Components/CpnBanner',\n  component: CpnBanner,\n  parameters: {\n    // layout: 'fullscreen',\n    viewport: { defaultViewport: 'tablet' },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof CpnBanner>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/landing_banner.jpg?v=1742379112',\n    imageMob: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/landing_banner_mob.png?v=1742458121',\n    content: [\n      {\n        type: 'subheading',\n        text: 'Kick Off Summer with Exclusive Savings',\n      },\n      {\n        type: 'title',\n        text: 'Kick Off Summer with Exclusive Savings',\n      },\n      {\n        type: 'subtitle',\n        text: 'Get Early Access to Amazing Offers',\n      },\n      {\n        type: 'countdown',\n        endTime: '2025-06-30T00:00:00',\n        copy: {\n          days: 'Days',\n          hours: 'HRS',\n          minutes: 'MINS',\n          seconds: 'SEC',\n        },\n      },\n      {\n        type: 'button',\n        text: 'Check Out Now',\n      },\n    ],\n    cns: {\n      box: '',\n      content: 'min-md:max-w-[28vw] min-xl:max-w-[25vw] mx-auto',\n      title: '',\n      subtitle: '',\n      button: '',\n      countdown: {\n        item: 'bg-[#042637]',\n        copy: 'opacity-75',\n      },\n    },\n  },\n}\n"],
+  "mappings": "AAEA,OAAS,aAAAA,MAAiB,6BAE1B,MAAMC,EAAO,CACX,MAAO,2BACP,UAAWD,EACX,WAAY,CAEV,SAAU,CAAE,gBAAiB,QAAS,CACxC,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,MAAO,yFACP,SAAU,6FACV,QAAS,CACP,CACE,KAAM,aACN,KAAM,wCACR,EACA,CACE,KAAM,QACN,KAAM,wCACR,EACA,CACE,KAAM,WACN,KAAM,oCACR,EACA,CACE,KAAM,YACN,QAAS,sBACT,KAAM,CACJ,KAAM,OACN,MAAO,MACP,QAAS,OACT,QAAS,KACX,CACF,EACA,CACE,KAAM,SACN,KAAM,eACR,CACF,EACA,IAAK,CACH,IAAK,GACL,QAAS,kDACT,MAAO,GACP,SAAU,GACV,OAAQ,GACR,UAAW,CACT,KAAM,eACN,KAAM,YACR,CACF,CACF,CACF",
+  "names": ["CpnBanner", "meta", "cpnBanner_stories_default", "Default"]
+}

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

@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import("../cpn-components/CpnCountDown/types.js").CountDownProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/esm/stories/cpnCountdown.stories.js

@@ -0,0 +1,2 @@
+import{CpnCountDown as t}from"../cpn-components/index.js";const o={title:"Cpn-Components/CpnCountDown",component:t,parameters:{layout:"centered"},tags:["autodocs"]};var n=o;const r={args:{endTime:"2025-06-30T00:00:00"}};export{r as Default,n as default};
+//# sourceMappingURL=cpnCountdown.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/cpnCountdown.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { CpnCountDown } from '../cpn-components/index.js'\n\nconst meta = {\n  title: 'Cpn-Components/CpnCountDown',\n  component: CpnCountDown,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof CpnCountDown>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    endTime: '2025-06-30T00:00:00',\n  },\n}\n"],
+  "mappings": "AAEA,OAAS,gBAAAA,MAAoB,6BAE7B,MAAMC,EAAO,CACX,MAAO,8BACP,UAAWD,EACX,WAAY,CACV,OAAQ,UACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,QAAS,qBACX,CACF",
+  "names": ["CpnCountDown", "meta", "cpnCountdown_stories_default", "Default"]
+}

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

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import("../cpn-components/CpnNavigation/types.js").NavigationProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        viewport: {
+            defaultViewport: string;
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/esm/stories/cpnNavigation.stories.js

@@ -0,0 +1,2 @@
+import{CpnNavigation as t}from"../cpn-components/index.js";const e={title:"Cpn-Components/CpnNavigation",component:t,parameters:{viewport:{defaultViewport:"tablet"}},tags:["autodocs"]};var a=e;const r={args:{lists:[{label:"Benefits",anchor:"benefits"},{label:"Super Sale",anchor:"featureProducts"},{label:"Free Gifts",anchor:"giftWithPurchase"},{label:"Group Buy",anchor:"groupBuying"},{label:"Super Gifts",anchor:"superGifts"}],cns:{container:"top-[46px]"}}};export{r as Default,a as default};
+//# sourceMappingURL=cpnNavigation.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/cpnNavigation.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { CpnNavigation } from '../cpn-components/index.js'\n\nconst meta = {\n  title: 'Cpn-Components/CpnNavigation',\n  component: CpnNavigation,\n  parameters: {\n    // layout: 'fullscreen',\n    viewport: { defaultViewport: 'tablet' },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof CpnNavigation>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    lists: [\n      { label: 'Benefits', anchor: 'benefits' },\n      { label: 'Super Sale', anchor: 'featureProducts' },\n      { label: 'Free Gifts', anchor: 'giftWithPurchase' },\n      { label: 'Group Buy', anchor: 'groupBuying' },\n      { label: 'Super Gifts', anchor: 'superGifts' },\n    ],\n    cns: {\n      container: 'top-[46px]',\n    },\n  },\n}\n"],
+  "mappings": "AAEA,OAAS,iBAAAA,MAAqB,6BAE9B,MAAMC,EAAO,CACX,MAAO,+BACP,UAAWD,EACX,WAAY,CAEV,SAAU,CAAE,gBAAiB,QAAS,CACxC,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,MAAO,CACL,CAAE,MAAO,WAAY,OAAQ,UAAW,EACxC,CAAE,MAAO,aAAc,OAAQ,iBAAkB,EACjD,CAAE,MAAO,aAAc,OAAQ,kBAAmB,EAClD,CAAE,MAAO,YAAa,OAAQ,aAAc,EAC5C,CAAE,MAAO,cAAe,OAAQ,YAAa,CAC/C,EACA,IAAK,CACH,UAAW,YACb,CACF,CACF",
+  "names": ["CpnNavigation", "meta", "cpnNavigation_stories_default", "Default"]
+}

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

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import("../cpn-components/CpnProductCard/types.js").ProductCardProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        viewport: {
+            defaultViewport: string;
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/esm/stories/cpnProductcard.stories.js

@@ -0,0 +1,2 @@
+import{CpnProductCard as t}from"../cpn-components/index.js";const e={title:"Cpn-Components/CpnProductCard",component:t,parameters:{viewport:{defaultViewport:"tablet"}},tags:["autodocs"]};var r=e;const a={args:{content:[{type:"image",image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/s1pro_fce43284-98a8-4454-9133-51924e9659d9.png?v=1745309083"},{type:"title",text:"eufy Robot Vacuum Omni S1 Pro"},{type:"price",text:"1,999.99"},{type:"buttons",buttons:[{text:"Add to Cart",variant:"secondary"},{text:"Buy Now"}]}],cns:{}}};export{a as Default,r as default};
+//# sourceMappingURL=cpnProductcard.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/cpnProductcard.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { CpnProductCard } from '../cpn-components/index.js'\n\nconst meta = {\n  title: 'Cpn-Components/CpnProductCard',\n  component: CpnProductCard,\n  parameters: {\n    // layout: 'fullscreen',\n    viewport: { defaultViewport: 'tablet' },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof CpnProductCard>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    content: [\n      {\n        type: 'image',\n        image:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/s1pro_fce43284-98a8-4454-9133-51924e9659d9.png?v=1745309083',\n      },\n      { type: 'title', text: 'eufy Robot Vacuum Omni S1 Pro' },\n      { type: 'price', text: '1,999.99' },\n      {\n        type: 'buttons',\n        buttons: [\n          {\n            text: 'Add to Cart',\n            variant: 'secondary',\n          },\n          {\n            text: 'Buy Now',\n          },\n        ],\n      },\n    ],\n    cns: {},\n  },\n}\n"],
+  "mappings": "AAEA,OAAS,kBAAAA,MAAsB,6BAE/B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAWD,EACX,WAAY,CAEV,SAAU,CAAE,gBAAiB,QAAS,CACxC,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,QAAS,CACP,CACE,KAAM,QACN,MACE,oHACJ,EACA,CAAE,KAAM,QAAS,KAAM,+BAAgC,EACvD,CAAE,KAAM,QAAS,KAAM,UAAW,EAClC,CACE,KAAM,UACN,QAAS,CACP,CACE,KAAM,cACN,QAAS,WACX,EACA,CACE,KAAM,SACR,CACF,CACF,CACF,EACA,IAAK,CAAC,CACR,CACF",
+  "names": ["CpnProductCard", "meta", "cpnProductcard_stories_default", "Default"]
+}

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

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import("../cpn-components/CpnTitle/types.js").TitleProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        viewport: {
+            defaultViewport: string;
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/esm/stories/cpnTitle.stories.js

@@ -0,0 +1,2 @@
+import{CpnTitle as t}from"../cpn-components/index.js";const e={title:"Cpn-Components/CpnTitle",component:t,parameters:{viewport:{defaultViewport:"tablet"}},tags:["autodocs"]};var s=e;const p={args:{html:"Exclusive Holiday Benefits",icon_l:"https://cdn.shopify.com/s/files/1/0887/1798/4111/files/E.png?v=1745373442",icon_r:"https://cdn.shopify.com/s/files/1/0887/1798/4111/files/1_55d7df96-f1ed-440a-ae3f-f02544b1d508.png?v=1745373442",cns:{}}};export{p as Default,s as default};
+//# sourceMappingURL=cpnTitle.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/cpnTitle.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { CpnTitle } from '../cpn-components/index.js'\n\nconst meta = {\n  title: 'Cpn-Components/CpnTitle',\n  component: CpnTitle,\n  parameters: {\n    // layout: 'fullscreen',\n    viewport: { defaultViewport: 'tablet' },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof CpnTitle>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    html: 'Exclusive Holiday Benefits',\n    icon_l: 'https://cdn.shopify.com/s/files/1/0887/1798/4111/files/E.png?v=1745373442',\n    icon_r:\n      'https://cdn.shopify.com/s/files/1/0887/1798/4111/files/1_55d7df96-f1ed-440a-ae3f-f02544b1d508.png?v=1745373442',\n    cns: {},\n  },\n}\n"],
+  "mappings": "AAEA,OAAS,YAAAA,MAAgB,6BAEzB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAWD,EACX,WAAY,CAEV,SAAU,CAAE,gBAAiB,QAAS,CACxC,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,KAAM,6BACN,OAAQ,4EACR,OACE,iHACF,IAAK,CAAC,CACR,CACF",
+  "names": ["CpnTitle", "meta", "cpnTitle_stories_default", "Default"]
+}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Dialog } from '../components/index.js';
-import type { StoryObj } from '@storybook/react/*';
+import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: React.FC<import("@radix-ui/react-dialog").DialogProps>;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/dialog.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport {\n  Button,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n  Input,\n} from '../components/index.js'\nimport type { Meta, StoryObj } from '@storybook/react/*'\n\nconst meta = {\n  title: 'Components/Dialog',\n  component: Dialog,\n  subcomponents: {\n    DialogTrigger,\n    DialogContent,\n    DialogHeader,\n    DialogTitle,\n    DialogDescription,\n    DialogFooter,\n  } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: '\u5F39\u7A97\u7EC4\u4EF6\uFF0C\u57FA\u4E8E@radix-ui/react-dialog\uFF0Chttps://www.radix-ui.com/primitives/docs/components/dialog ',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Dialog>\n\nexport default meta\n\ntype Story = StoryObj<typeof Dialog>\n\nexport const Default: Story = {\n  args: {\n    children: (\n      <>\n        <DialogTrigger asChild>\n          <button>Edit Profile</button>\n        </DialogTrigger>\n        <DialogContent className=\"tablet:max-w-[425px]\">\n          <DialogHeader>\n            <DialogTitle>Edit profile</DialogTitle>\n            <DialogDescription>Make changes to your profile here. Click save when you're done.</DialogDescription>\n          </DialogHeader>\n          <div className=\"grid gap-4 py-4\">\n            <div className=\"grid grid-cols-4 items-center gap-4\">\n              <label htmlFor=\"name\" className=\"text-right\">\n                Name\n              </label>\n              <Input id=\"name\" defaultValue=\"Pedro Duarte\" className=\"col-span-3\" />\n            </div>\n            <div className=\"grid grid-cols-4 items-center gap-4\">\n              <label htmlFor=\"username\" className=\"text-right\">\n                Username\n              </label>\n              <Input id=\"username\" defaultValue=\"@peduarte\" className=\"col-span-3\" />\n            </div>\n          </div>\n          <DialogFooter>\n            <Button type=\"submit\">Save changes</Button>\n          </DialogFooter>\n        </DialogContent>\n      </>\n    ),\n  },\n}\n"],
+  "sourcesContent": ["import React from 'react'\nimport {\n  Button,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n  Input,\n} from '../components/index.js'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nconst meta = {\n  title: 'Components/Dialog',\n  component: Dialog,\n  subcomponents: {\n    DialogTrigger,\n    DialogContent,\n    DialogHeader,\n    DialogTitle,\n    DialogDescription,\n    DialogFooter,\n  } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: '\u5F39\u7A97\u7EC4\u4EF6\uFF0C\u57FA\u4E8E@radix-ui/react-dialog\uFF0Chttps://www.radix-ui.com/primitives/docs/components/dialog ',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Dialog>\n\nexport default meta\n\ntype Story = StoryObj<typeof Dialog>\n\nexport const Default: Story = {\n  args: {\n    children: (\n      <>\n        <DialogTrigger asChild>\n          <button>Edit Profile</button>\n        </DialogTrigger>\n        <DialogContent className=\"tablet:max-w-[425px]\">\n          <DialogHeader>\n            <DialogTitle>Edit profile</DialogTitle>\n            <DialogDescription>Make changes to your profile here. Click save when you're done.</DialogDescription>\n          </DialogHeader>\n          <div className=\"grid gap-4 py-4\">\n            <div className=\"grid grid-cols-4 items-center gap-4\">\n              <label htmlFor=\"name\" className=\"text-right\">\n                Name\n              </label>\n              <Input id=\"name\" defaultValue=\"Pedro Duarte\" className=\"col-span-3\" />\n            </div>\n            <div className=\"grid grid-cols-4 items-center gap-4\">\n              <label htmlFor=\"username\" className=\"text-right\">\n                Username\n              </label>\n              <Input id=\"username\" defaultValue=\"@peduarte\" className=\"col-span-3\" />\n            </div>\n          </div>\n          <DialogFooter>\n            <Button type=\"submit\">Save changes</Button>\n          </DialogFooter>\n        </DialogContent>\n      </>\n    ),\n  },\n}\n"],
   "mappings": "AA2CM,mBAAAA,EAEI,OAAAC,EAGA,QAAAC,MALJ,oBA3CN,MAAkB,QAClB,OACE,UAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,qBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,SAAAC,MACK,yBAGP,MAAMC,EAAO,CACX,MAAO,oBACP,UAAWR,EACX,cAAe,CACb,cAAAM,EACA,cAAAL,EACA,aAAAG,EACA,YAAAC,EACA,kBAAAH,EACA,aAAAC,CACF,EACA,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,mIACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOM,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,SACEZ,EAAAF,EAAA,CACE,UAAAC,EAACS,EAAA,CAAc,QAAO,GACpB,SAAAT,EAAC,UAAO,wBAAY,EACtB,EACAC,EAACG,EAAA,CAAc,UAAU,uBACvB,UAAAH,EAACM,EAAA,CACC,UAAAP,EAACQ,EAAA,CAAY,wBAAY,EACzBR,EAACK,EAAA,CAAkB,2EAA+D,GACpF,EACAJ,EAAC,OAAI,UAAU,kBACb,UAAAA,EAAC,OAAI,UAAU,sCACb,UAAAD,EAAC,SAAM,QAAQ,OAAO,UAAU,aAAa,gBAE7C,EACAA,EAACU,EAAA,CAAM,GAAG,OAAO,aAAa,eAAe,UAAU,aAAa,GACtE,EACAT,EAAC,OAAI,UAAU,sCACb,UAAAD,EAAC,SAAM,QAAQ,WAAW,UAAU,aAAa,oBAEjD,EACAA,EAACU,EAAA,CAAM,GAAG,WAAW,aAAa,YAAY,UAAU,aAAa,GACvE,GACF,EACAV,EAACM,EAAA,CACC,SAAAN,EAACE,EAAA,CAAO,KAAK,SAAS,wBAAY,EACpC,GACF,GACF,CAEJ,CACF",
   "names": ["Fragment", "jsx", "jsxs", "Button", "Dialog", "DialogContent", "DialogDescription", "DialogFooter", "DialogHeader", "DialogTitle", "DialogTrigger", "Input", "meta", "dialog_stories_default", "Default"]
 }

package/dist/esm/stories/drawer.stories.js

@@ -1,2 +1,2 @@
-import{Fragment as w,jsx as e,jsxs as t}from"react/jsx-runtime";import"react";import{Drawer as p,DrawerClose as a,DrawerContent as o,DrawerFooter as s,DrawerHeader as n,DrawerTrigger as i,Button as r}from"../components/index.js";const l={title:"Components/Drawer",component:p,subcomponents:{DrawerClose:a,DrawerContent:o,DrawerFooter:s,DrawerHeader:n,DrawerTrigger:i},parameters:{layout:"centered",docs:{description:{component:"\u62BD\u5C49\u7EC4\u4EF6\uFF1B\u57FA\u4E8E https://vaul.emilkowal.ski/api \u5F00\u53D1"}}},tags:["autodocs"]};var D=l;const u={args:{direction:"right",children:t(w,{children:[e(i,{asChild:!0,children:e(r,{children:"Open Drawer"})}),e(o,{children:t("div",{className:"mx-auto w-full max-w-sm",children:[e(n,{children:e("span",{children:"My Cart(0)"})}),e("div",{className:"p-4 pb-0",children:"The contents of the drawer..."}),e(s,{children:e(a,{asChild:!0,children:e(r,{children:"Cancel"})})})]})})]})}},y={args:{direction:"bottom",children:t(w,{children:[e(i,{asChild:!0,children:e(r,{children:"Open Drawer"})}),e(o,{children:t("div",{className:"mx-auto w-full max-w-sm",children:[e(n,{children:e("span",{children:"Policy"})}),e("div",{className:"p-4 pb-0",children:"The contents of the drawer..."}),e(s,{children:e(a,{asChild:!0,children:e(r,{className:"ai-w-40",children:"Agree"})})})]})})]})}};export{y as Bottom,u as Default,D as default};
+import{jsx as r,jsxs as t}from"react/jsx-runtime";import"react";import{Drawer as a,DrawerClose as o,DrawerContent as s,DrawerFooter as n,DrawerHeader as i,DrawerTrigger as w,Button as e}from"../components/index.js";const p={title:"Components/Drawer",component:a,subcomponents:{DrawerClose:o,DrawerContent:s,DrawerFooter:n,DrawerHeader:i,DrawerTrigger:w},parameters:{layout:"centered",docs:{description:{component:"\u62BD\u5C49\u7EC4\u4EF6\uFF1B\u57FA\u4E8E https://vaul.emilkowal.ski/api \u5F00\u53D1"}}},tags:["autodocs"]};var D=p;const m={args:{direction:"right",children:t(a,{direction:"right",children:[r(w,{asChild:!0,children:r(e,{children:"Open Drawer"})}),r(s,{children:t("div",{className:"mx-auto w-full max-w-sm",children:[r(i,{children:r("span",{children:"My Cart(0)"})}),r("div",{className:"p-4 pb-0",children:"The contents of the drawer..."}),r(n,{children:r(o,{asChild:!0,children:r(e,{children:"Cancel"})})})]})})]})}},u={args:{direction:"bottom",children:t(a,{children:[r(w,{asChild:!0,children:r(e,{children:"Open Drawer"})}),r(s,{children:t("div",{className:"mx-auto w-full",children:[r(i,{children:r("span",{children:"Policy"})}),r("div",{className:"p-4 pb-0",children:"The contents of the drawer..."}),r(n,{children:r(o,{asChild:!0,children:r(e,{className:"w-40",children:"Agree"})})})]})})]})}};export{u as Bottom,m as Default,D as default};
 //# sourceMappingURL=drawer.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/drawer.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTrigger,\n  Button,\n} from '../components/index.js'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nconst meta = {\n  title: 'Components/Drawer',\n  component: Drawer,\n  subcomponents: {\n    DrawerClose,\n    DrawerContent,\n    DrawerFooter,\n    DrawerHeader,\n    DrawerTrigger,\n  } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: '\u62BD\u5C49\u7EC4\u4EF6\uFF1B\u57FA\u4E8E https://vaul.emilkowal.ski/api \u5F00\u53D1',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Drawer>\n\nexport default meta\n\ntype Story = StoryObj<typeof Drawer>\n\nexport const Default: Story = {\n  args: {\n    direction: 'right',\n    children: (\n      <>\n        <DrawerTrigger asChild>\n          <Button>Open Drawer</Button>\n        </DrawerTrigger>\n        <DrawerContent>\n          <div className=\"mx-auto w-full max-w-sm\">\n            <DrawerHeader>\n              <span>My Cart(0)</span>\n            </DrawerHeader>\n            <div className=\"p-4 pb-0\">The contents of the drawer...</div>\n            <DrawerFooter>\n              <DrawerClose asChild>\n                <Button>Cancel</Button>\n              </DrawerClose>\n            </DrawerFooter>\n          </div>\n        </DrawerContent>\n      </>\n    ),\n  },\n}\n\nexport const Bottom: Story = {\n  args: {\n    direction: 'bottom',\n    children: (\n      <>\n        <DrawerTrigger asChild>\n          <Button>Open Drawer</Button>\n        </DrawerTrigger>\n        <DrawerContent>\n          <div className=\"mx-auto w-full max-w-sm\">\n            <DrawerHeader>\n              <span>Policy</span>\n            </DrawerHeader>\n            <div className=\"p-4 pb-0\">The contents of the drawer...</div>\n            <DrawerFooter>\n              <DrawerClose asChild>\n                <Button className=\"ai-w-40\">Agree</Button>\n              </DrawerClose>\n            </DrawerFooter>\n          </div>\n        </DrawerContent>\n      </>\n    ),\n  },\n}\n"],
-  "mappings": "AAyCM,mBAAAA,EAEI,OAAAC,EAGA,QAAAC,MALJ,oBAzCN,MAAkB,QAClB,OACE,UAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,UAAAC,MACK,yBAGP,MAAMC,EAAO,CACX,MAAO,oBACP,UAAWP,EACX,cAAe,CACb,YAAAC,EACA,cAAAC,EACA,aAAAC,EACA,aAAAC,EACA,cAAAC,CACF,EACA,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,wFACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOG,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,UAAW,QACX,SACEV,EAAAF,EAAA,CACE,UAAAC,EAACO,EAAA,CAAc,QAAO,GACpB,SAAAP,EAACQ,EAAA,CAAO,uBAAW,EACrB,EACAR,EAACI,EAAA,CACC,SAAAH,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACM,EAAA,CACC,SAAAN,EAAC,QAAK,sBAAU,EAClB,EACAA,EAAC,OAAI,UAAU,WAAW,yCAA6B,EACvDA,EAACK,EAAA,CACC,SAAAL,EAACG,EAAA,CAAY,QAAO,GAClB,SAAAH,EAACQ,EAAA,CAAO,kBAAM,EAChB,EACF,GACF,EACF,GACF,CAEJ,CACF,EAEaI,EAAgB,CAC3B,KAAM,CACJ,UAAW,SACX,SACEX,EAAAF,EAAA,CACE,UAAAC,EAACO,EAAA,CAAc,QAAO,GACpB,SAAAP,EAACQ,EAAA,CAAO,uBAAW,EACrB,EACAR,EAACI,EAAA,CACC,SAAAH,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACM,EAAA,CACC,SAAAN,EAAC,QAAK,kBAAM,EACd,EACAA,EAAC,OAAI,UAAU,WAAW,yCAA6B,EACvDA,EAACK,EAAA,CACC,SAAAL,EAACG,EAAA,CAAY,QAAO,GAClB,SAAAH,EAACQ,EAAA,CAAO,UAAU,UAAU,iBAAK,EACnC,EACF,GACF,EACF,GACF,CAEJ,CACF",
-  "names": ["Fragment", "jsx", "jsxs", "Drawer", "DrawerClose", "DrawerContent", "DrawerFooter", "DrawerHeader", "DrawerTrigger", "Button", "meta", "drawer_stories_default", "Default", "Bottom"]
+  "sourcesContent": ["import React from 'react'\nimport {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTrigger,\n  Button,\n} from '../components/index.js'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nconst meta = {\n  title: 'Components/Drawer',\n  component: Drawer,\n  subcomponents: {\n    DrawerClose,\n    DrawerContent,\n    DrawerFooter,\n    DrawerHeader,\n    DrawerTrigger,\n  } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: '\u62BD\u5C49\u7EC4\u4EF6\uFF1B\u57FA\u4E8E https://vaul.emilkowal.ski/api \u5F00\u53D1',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Drawer>\n\nexport default meta\n\ntype Story = StoryObj<typeof Drawer>\n\nexport const Default: Story = {\n  args: {\n    direction: 'right',\n    children: (\n      <Drawer direction=\"right\">\n        <DrawerTrigger asChild>\n          <Button>Open Drawer</Button>\n        </DrawerTrigger>\n        <DrawerContent>\n          <div className=\"mx-auto w-full max-w-sm\">\n            <DrawerHeader>\n              <span>My Cart(0)</span>\n            </DrawerHeader>\n            <div className=\"p-4 pb-0\">The contents of the drawer...</div>\n            <DrawerFooter>\n              <DrawerClose asChild>\n                <Button>Cancel</Button>\n              </DrawerClose>\n            </DrawerFooter>\n          </div>\n        </DrawerContent>\n      </Drawer>\n    ),\n  },\n}\n\nexport const Bottom: Story = {\n  args: {\n    direction: 'bottom',\n    children: (\n      <Drawer>\n        <DrawerTrigger asChild>\n          <Button>Open Drawer</Button>\n        </DrawerTrigger>\n        <DrawerContent>\n          <div className=\"mx-auto w-full\">\n            <DrawerHeader>\n              <span>Policy</span>\n            </DrawerHeader>\n            <div className=\"p-4 pb-0\">The contents of the drawer...</div>\n            <DrawerFooter>\n              <DrawerClose asChild>\n                <Button className=\"w-40\">Agree</Button>\n              </DrawerClose>\n            </DrawerFooter>\n          </div>\n        </DrawerContent>\n      </Drawer>\n    ),\n  },\n}\n"],
+  "mappings": "AA2CU,cAAAA,EAGA,QAAAC,MAHA,oBA3CV,MAAkB,QAClB,OACE,UAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,UAAAC,MACK,yBAGP,MAAMC,EAAO,CACX,MAAO,oBACP,UAAWP,EACX,cAAe,CACb,YAAAC,EACA,cAAAC,EACA,aAAAC,EACA,aAAAC,EACA,cAAAC,CACF,EACA,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,wFACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOG,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,UAAW,QACX,SACEV,EAACC,EAAA,CAAO,UAAU,QAChB,UAAAF,EAACO,EAAA,CAAc,QAAO,GACpB,SAAAP,EAACQ,EAAA,CAAO,uBAAW,EACrB,EACAR,EAACI,EAAA,CACC,SAAAH,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACM,EAAA,CACC,SAAAN,EAAC,QAAK,sBAAU,EAClB,EACAA,EAAC,OAAI,UAAU,WAAW,yCAA6B,EACvDA,EAACK,EAAA,CACC,SAAAL,EAACG,EAAA,CAAY,QAAO,GAClB,SAAAH,EAACQ,EAAA,CAAO,kBAAM,EAChB,EACF,GACF,EACF,GACF,CAEJ,CACF,EAEaI,EAAgB,CAC3B,KAAM,CACJ,UAAW,SACX,SACEX,EAACC,EAAA,CACC,UAAAF,EAACO,EAAA,CAAc,QAAO,GACpB,SAAAP,EAACQ,EAAA,CAAO,uBAAW,EACrB,EACAR,EAACI,EAAA,CACC,SAAAH,EAAC,OAAI,UAAU,iBACb,UAAAD,EAACM,EAAA,CACC,SAAAN,EAAC,QAAK,kBAAM,EACd,EACAA,EAAC,OAAI,UAAU,WAAW,yCAA6B,EACvDA,EAACK,EAAA,CACC,SAAAL,EAACG,EAAA,CAAY,QAAO,GAClB,SAAAH,EAACQ,EAAA,CAAO,UAAU,OAAO,iBAAK,EAChC,EACF,GACF,EACF,GACF,CAEJ,CACF",
+  "names": ["jsx", "jsxs", "Drawer", "DrawerClose", "DrawerContent", "DrawerFooter", "DrawerHeader", "DrawerTrigger", "Button", "meta", "drawer_stories_default", "Default", "Bottom"]
 }

package/dist/esm/stories/drop-down.stories.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as n}from"react/jsx-runtime";import{DropdownMenu as p,DropdownMenuTrigger as t,DropdownMenuContent as u,DropdownMenuItem as e,DropdownMenuCheckboxItem as s,DropdownMenuRadioItem as m,DropdownMenuLabel as d,DropdownMenuSeparator as c,DropdownMenuShortcut as w,DropdownMenuGroup as r,DropdownMenuPortal as M,DropdownMenuSub as D,DropdownMenuSubContent as a,DropdownMenuSubTrigger as i,DropdownMenuRadioGroup as l}from"../components/drop-down";const b={title:"Components/DropDown",component:p,subcomponents:{DropdownMenuTrigger:t,DropdownMenuContent:u,DropdownMenuItem:e,DropdownMenuCheckboxItem:s,DropdownMenuRadioItem:m,DropdownMenuLabel:d,DropdownMenuSeparator:c,DropdownMenuShortcut:w,DropdownMenuGroup:r,DropdownMenuPortal:M,DropdownMenuSub:D,DropdownMenuSubContent:a,DropdownMenuSubTrigger:i,DropdownMenuRadioGroup:l},parameters:{layout:"centered",docs:{description:{component:"dropdown\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-dropdown-menu,https://www.radix-ui.com/primitives/docs/components/dropdown-menu"}}},tags:["autodocs"]};var I=b;const S=()=>n(p,{children:[o(t,{asChild:!0,children:o("span",{children:"Open"})}),n(u,{children:[o(d,{children:"My Account"}),n(r,{children:[n(e,{children:["Profile",o(w,{children:"\u2318"})]}),o(e,{children:"Billing"})]}),n(r,{children:[o(e,{children:"Team"}),n(D,{children:[o(i,{children:"Invite users"}),o(M,{children:n(a,{children:[o(e,{children:"Email"}),o(e,{children:"Message"})]})})]})]})]})]});export{S as Default,I as default};
+import{jsx as o,jsxs as n}from"react/jsx-runtime";import{DropdownMenu as p,DropdownMenuTrigger as t,DropdownMenuContent as u,DropdownMenuItem as e,DropdownMenuCheckboxItem as s,DropdownMenuRadioItem as m,DropdownMenuLabel as d,DropdownMenuSeparator as c,DropdownMenuShortcut as w,DropdownMenuGroup as r,DropdownMenuPortal as M,DropdownMenuSub as D,DropdownMenuSubContent as a,DropdownMenuSubTrigger as i,DropdownMenuRadioGroup as l}from"../components/drop-down.js";const b={title:"Components/DropDown",component:p,subcomponents:{DropdownMenuTrigger:t,DropdownMenuContent:u,DropdownMenuItem:e,DropdownMenuCheckboxItem:s,DropdownMenuRadioItem:m,DropdownMenuLabel:d,DropdownMenuSeparator:c,DropdownMenuShortcut:w,DropdownMenuGroup:r,DropdownMenuPortal:M,DropdownMenuSub:D,DropdownMenuSubContent:a,DropdownMenuSubTrigger:i,DropdownMenuRadioGroup:l},parameters:{layout:"centered",docs:{description:{component:"dropdown\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-dropdown-menu,https://www.radix-ui.com/primitives/docs/components/dropdown-menu"}}},tags:["autodocs"]};var I=b;const S=()=>n(p,{children:[o(t,{asChild:!0,children:o("span",{children:"Open"})}),n(u,{children:[o(d,{children:"My Account"}),n(r,{children:[n(e,{children:["Profile",o(w,{children:"\u2318"})]}),o(e,{children:"Billing"})]}),n(r,{children:[o(e,{children:"Team"}),n(D,{children:[o(i,{children:"Invite users"}),o(M,{children:n(a,{children:[o(e,{children:"Email"}),o(e,{children:"Message"})]})})]})]})]})]});export{S as Default,I as default};
 //# sourceMappingURL=drop-down.stories.js.map

package/dist/esm/stories/drop-down.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/drop-down.stories.tsx"],
-  "sourcesContent": ["import type { Meta } from '@storybook/react'\nimport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n} from '../components/drop-down'\n\nconst meta = {\n  // \u540C\u65F6\u5B9A\u4E49\u4E86\u9875\u9762\u5DE6\u4FA7\u83DC\u5355\n  title: 'Components/DropDown',\n  component: DropdownMenu,\n  subcomponents: {\n    DropdownMenuTrigger,\n    DropdownMenuContent,\n    DropdownMenuItem,\n    DropdownMenuCheckboxItem,\n    DropdownMenuRadioItem,\n    DropdownMenuLabel,\n    DropdownMenuSeparator,\n    DropdownMenuShortcut,\n    DropdownMenuGroup,\n    DropdownMenuPortal,\n    DropdownMenuSub,\n    DropdownMenuSubContent,\n    DropdownMenuSubTrigger,\n    DropdownMenuRadioGroup,\n  } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component:\n          'dropdown\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-dropdown-menu,https://www.radix-ui.com/primitives/docs/components/dropdown-menu',\n      },\n    },\n  },\n  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs\n  tags: ['autodocs'],\n} satisfies Meta<typeof DropdownMenu>\n\nexport default meta\n\nexport const Default = () => (\n  <DropdownMenu>\n    <DropdownMenuTrigger asChild>\n      <span>Open</span>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent>\n      <DropdownMenuLabel>My Account</DropdownMenuLabel>\n      <DropdownMenuGroup>\n        <DropdownMenuItem>\n          Profile\n          <DropdownMenuShortcut>\u2318</DropdownMenuShortcut>\n        </DropdownMenuItem>\n        <DropdownMenuItem>Billing</DropdownMenuItem>\n      </DropdownMenuGroup>\n      <DropdownMenuGroup>\n        <DropdownMenuItem>Team</DropdownMenuItem>\n        <DropdownMenuSub>\n          <DropdownMenuSubTrigger>Invite users</DropdownMenuSubTrigger>\n          <DropdownMenuPortal>\n            <DropdownMenuSubContent>\n              <DropdownMenuItem>Email</DropdownMenuItem>\n              <DropdownMenuItem>Message</DropdownMenuItem>\n            </DropdownMenuSubContent>\n          </DropdownMenuPortal>\n        </DropdownMenuSub>\n      </DropdownMenuGroup>\n    </DropdownMenuContent>\n  </DropdownMenu>\n)\n"],
-  "mappings": "AAyDM,cAAAA,EAKE,QAAAC,MALF,oBAxDN,OACE,gBAAAC,EACA,uBAAAC,EACA,uBAAAC,EACA,oBAAAC,EACA,4BAAAC,EACA,yBAAAC,EACA,qBAAAC,EACA,yBAAAC,EACA,wBAAAC,EACA,qBAAAC,EACA,sBAAAC,EACA,mBAAAC,EACA,0BAAAC,EACA,0BAAAC,EACA,0BAAAC,MACK,0BAEP,MAAMC,EAAO,CAEX,MAAO,sBACP,UAAWf,EACX,cAAe,CACb,oBAAAC,EACA,oBAAAC,EACA,iBAAAC,EACA,yBAAAC,EACA,sBAAAC,EACA,kBAAAC,EACA,sBAAAC,EACA,qBAAAC,EACA,kBAAAC,EACA,mBAAAC,EACA,gBAAAC,EACA,uBAAAC,EACA,uBAAAC,EACA,uBAAAC,CACF,EACA,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,kIACJ,CACF,CACF,EAEA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAER,MAAME,EAAU,IACrBlB,EAACC,EAAA,CACC,UAAAF,EAACG,EAAA,CAAoB,QAAO,GAC1B,SAAAH,EAAC,QAAK,gBAAI,EACZ,EACAC,EAACG,EAAA,CACC,UAAAJ,EAACQ,EAAA,CAAkB,sBAAU,EAC7BP,EAACU,EAAA,CACC,UAAAV,EAACI,EAAA,CAAiB,oBAEhBL,EAACU,EAAA,CAAqB,kBAAC,GACzB,EACAV,EAACK,EAAA,CAAiB,mBAAO,GAC3B,EACAJ,EAACU,EAAA,CACC,UAAAX,EAACK,EAAA,CAAiB,gBAAI,EACtBJ,EAACY,EAAA,CACC,UAAAb,EAACe,EAAA,CAAuB,wBAAY,EACpCf,EAACY,EAAA,CACC,SAAAX,EAACa,EAAA,CACC,UAAAd,EAACK,EAAA,CAAiB,iBAAK,EACvBL,EAACK,EAAA,CAAiB,mBAAO,GAC3B,EACF,GACF,GACF,GACF,GACF",
+  "sourcesContent": ["import type { Meta } from '@storybook/react'\nimport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n} from '../components/drop-down.js'\n\nconst meta = {\n  // \u540C\u65F6\u5B9A\u4E49\u4E86\u9875\u9762\u5DE6\u4FA7\u83DC\u5355\n  title: 'Components/DropDown',\n  component: DropdownMenu,\n  subcomponents: {\n    DropdownMenuTrigger,\n    DropdownMenuContent,\n    DropdownMenuItem,\n    DropdownMenuCheckboxItem,\n    DropdownMenuRadioItem,\n    DropdownMenuLabel,\n    DropdownMenuSeparator,\n    DropdownMenuShortcut,\n    DropdownMenuGroup,\n    DropdownMenuPortal,\n    DropdownMenuSub,\n    DropdownMenuSubContent,\n    DropdownMenuSubTrigger,\n    DropdownMenuRadioGroup,\n  } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component:\n          'dropdown\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-dropdown-menu,https://www.radix-ui.com/primitives/docs/components/dropdown-menu',\n      },\n    },\n  },\n  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs\n  tags: ['autodocs'],\n} satisfies Meta<typeof DropdownMenu>\n\nexport default meta\n\nexport const Default = () => (\n  <DropdownMenu>\n    <DropdownMenuTrigger asChild>\n      <span>Open</span>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent>\n      <DropdownMenuLabel>My Account</DropdownMenuLabel>\n      <DropdownMenuGroup>\n        <DropdownMenuItem>\n          Profile\n          <DropdownMenuShortcut>\u2318</DropdownMenuShortcut>\n        </DropdownMenuItem>\n        <DropdownMenuItem>Billing</DropdownMenuItem>\n      </DropdownMenuGroup>\n      <DropdownMenuGroup>\n        <DropdownMenuItem>Team</DropdownMenuItem>\n        <DropdownMenuSub>\n          <DropdownMenuSubTrigger>Invite users</DropdownMenuSubTrigger>\n          <DropdownMenuPortal>\n            <DropdownMenuSubContent>\n              <DropdownMenuItem>Email</DropdownMenuItem>\n              <DropdownMenuItem>Message</DropdownMenuItem>\n            </DropdownMenuSubContent>\n          </DropdownMenuPortal>\n        </DropdownMenuSub>\n      </DropdownMenuGroup>\n    </DropdownMenuContent>\n  </DropdownMenu>\n)\n"],
+  "mappings": "AAyDM,cAAAA,EAKE,QAAAC,MALF,oBAxDN,OACE,gBAAAC,EACA,uBAAAC,EACA,uBAAAC,EACA,oBAAAC,EACA,4BAAAC,EACA,yBAAAC,EACA,qBAAAC,EACA,yBAAAC,EACA,wBAAAC,EACA,qBAAAC,EACA,sBAAAC,EACA,mBAAAC,EACA,0BAAAC,EACA,0BAAAC,EACA,0BAAAC,MACK,6BAEP,MAAMC,EAAO,CAEX,MAAO,sBACP,UAAWf,EACX,cAAe,CACb,oBAAAC,EACA,oBAAAC,EACA,iBAAAC,EACA,yBAAAC,EACA,sBAAAC,EACA,kBAAAC,EACA,sBAAAC,EACA,qBAAAC,EACA,kBAAAC,EACA,mBAAAC,EACA,gBAAAC,EACA,uBAAAC,EACA,uBAAAC,EACA,uBAAAC,CACF,EACA,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,kIACJ,CACF,CACF,EAEA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAER,MAAME,EAAU,IACrBlB,EAACC,EAAA,CACC,UAAAF,EAACG,EAAA,CAAoB,QAAO,GAC1B,SAAAH,EAAC,QAAK,gBAAI,EACZ,EACAC,EAACG,EAAA,CACC,UAAAJ,EAACQ,EAAA,CAAkB,sBAAU,EAC7BP,EAACU,EAAA,CACC,UAAAV,EAACI,EAAA,CAAiB,oBAEhBL,EAACU,EAAA,CAAqB,kBAAC,GACzB,EACAV,EAACK,EAAA,CAAiB,mBAAO,GAC3B,EACAJ,EAACU,EAAA,CACC,UAAAX,EAACK,EAAA,CAAiB,gBAAI,EACtBJ,EAACY,EAAA,CACC,UAAAb,EAACe,EAAA,CAAuB,wBAAY,EACpCf,EAACY,EAAA,CACC,SAAAX,EAACa,EAAA,CACC,UAAAd,EAACK,EAAA,CAAiB,iBAAK,EACvBL,EAACK,EAAA,CAAiB,mBAAO,GAC3B,EACF,GACF,GACF,GACF,GACF",
   "names": ["jsx", "jsxs", "DropdownMenu", "DropdownMenuTrigger", "DropdownMenuContent", "DropdownMenuItem", "DropdownMenuCheckboxItem", "DropdownMenuRadioItem", "DropdownMenuLabel", "DropdownMenuSeparator", "DropdownMenuShortcut", "DropdownMenuGroup", "DropdownMenuPortal", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuRadioGroup", "meta", "drop_down_stories_default", "Default"]
 }

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

@@ -1,7 +1,12 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: import("react").FC<import("../biz-components/Evaluate").EvaluateProps>;
+    component: {
+        (props: Omit<import("../biz-components/Evaluate/index.js").EvaluateProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+            className?: string;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         layout: string;
     };

package/dist/esm/stories/evaluate.stories.js

@@ -1,2 +1,2 @@
-import t from"../biz-components/Evaluate";const s={title:"Biz-Components/Evaluate",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var a=s;const e=[{rating:4,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{rating:3,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{rating:5,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)650mAh Power Bank (250W)650mAh Power Bank (250W)",avatar:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}],r={args:{products:e,className:"p-4"}},i={args:{products:e,className:"p-4",shape:"round"}};export{r as Default,i as Round,a as default};
+import t from"../biz-components/Evaluate/index.js";const a={title:"Biz-Components/Evaluate",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var s=a;const e=[{rating:4,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"},img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}},{rating:3,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"},img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}},{rating:5,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)650mAh Power Bank (250W)650mAh Power Bank (250W)",avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"},img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}}],o={args:{data:{products:e},className:"p-4"}},i={args:{data:{products:e,shape:"round"},className:"p-4"}};export{o as Default,i as Round,s as default};
 //# sourceMappingURL=evaluate.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/evaluate.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Evaluate from '../biz-components/Evaluate'\n\nconst meta = {\n  title: 'Biz-Components/Evaluate',\n  component: Evaluate,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Evaluate>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    rating: 4,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)',\n    avatar: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    rating:3,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)',\n    avatar: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    rating: 5,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)650mAh Power Bank (250W)650mAh Power Bank (250W)',\n    avatar: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n    shape: 'round',\n  },\n}\n"],
-  "mappings": "AACA,OAAOA,MAAc,6BAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,2GACR,IAAK,8HACP,EACA,CACE,OAAO,EACP,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,2GACR,IAAK,8HACP,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,wKACb,OAAQ,2GACR,IAAK,8HACP,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,SAAUD,EACV,UAAW,KACb,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,SAAUF,EACV,UAAW,MACX,MAAO,OACT,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Evaluate from '../biz-components/Evaluate/index.js'\n\nconst meta = {\n  title: 'Biz-Components/Evaluate',\n  component: Evaluate,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Evaluate>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    rating: 4,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)',\n    avatar: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    },\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n  {\n    rating: 3,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)',\n    avatar: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    },\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n  {\n    rating: 5,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description:\n      'Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)650mAh Power Bank (250W)650mAh Power Bank (250W)',\n    avatar: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    },\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      products: mockItems\n    },\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      products: mockItems,\n      shape: 'round',\n    },\n    className: 'p-4',\n  },\n}\n"],
+  "mappings": "AACA,OAAOA,MAAc,sCAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,CACN,IAAK,0GACP,EACA,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,CACN,IAAK,0GACP,EACA,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YACE,wKACF,OAAQ,CACN,IAAK,0GACP,EACA,IAAK,CACH,IAAK,8HACP,CACF,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,SAAUD,CACZ,EACA,UAAW,KACb,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,SAAUF,EACV,MAAO,OACT,EACA,UAAW,KACb,CACF",
   "names": ["Evaluate", "meta", "evaluate_stories_default", "mockItems", "Default", "Round"]
 }

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

@@ -0,0 +1,56 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: {
+        (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;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    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?: string | undefined;
+        data: {
+            title?: string;
+            items?: {
+                imgUrl: import("../types/props.js").Img;
+                title: string;
+                textColor?: string;
+            }[];
+        };
+        shape?: "round" | "square" | undefined;
+        event?: any;
+        condition?: any;
+        style?: string | undefined;
+        uid?: string | undefined;
+        disabled?: boolean | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Round: Story;

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

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import o from"../biz-components/Graphic/index.js";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/"}}},argTypes:{shape:{control:{type:"inline-radio"},options:["square","round"],description:"\u5706\u89D2",table:{defaultValue:{summary:"square"}}}},decorators:[e=>r("div",{style:{paddingTop:"2em"},children:r(e,{})})],tags:["autodocs"]};var p=s;const t=[{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"}],l={args:{data:{title:"Explore Anker\u2019s Top Products By<br>Category",items:t.map(e=>({...e,imgUrl:{url:e.imgUrl,alt:e.title}}))}}},i={args:{data:{title:"Explore Anker\u2019s Top Products By<br>Category",items:t.map(e=>({...e,imgUrl:{url:e.imgUrl,alt:e.title}}))},shape:"round"}};export{l as Default,i as Round,p as default};
+//# sourceMappingURL=graphic.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/graphic.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Graphic from '../biz-components/Graphic/index.js'\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    data: {\n      title: 'Explore Anker\u2019s Top Products By<br>Category',\n      items: mockItems.map(item => ({\n        ...item,\n        imgUrl: {\n          url: item.imgUrl,\n          alt: item.title,\n        },\n      })),\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.map(item => ({\n        ...item,\n        imgUrl: {\n          url: item.imgUrl,\n          alt: item.title,\n        },\n      })),\n    },\n    shape: 'round',\n  },\n}\n"],
+  "mappings": "AA+BQ,cAAAA,MAAA,oBA9BR,OAAOC,MAAa,qCAEpB,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,KAAM,CACJ,MAAO,mDACP,MAAOD,EAAU,IAAIE,IAAS,CAC5B,GAAGA,EACH,OAAQ,CACN,IAAKA,EAAK,OACV,IAAKA,EAAK,KACZ,CACF,EAAE,CACJ,CACF,CACF,EAEaC,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAO,mDACP,MAAOH,EAAU,IAAIE,IAAS,CAC5B,GAAGA,EACH,OAAQ,CACN,IAAKA,EAAK,OACV,IAAKA,EAAK,KACZ,CACF,EAAE,CACJ,EACA,MAAO,OACT,CACF",
+  "names": ["jsx", "Graphic", "meta", "Story", "graphic_stories_default", "mockItems", "Default", "item", "Round"]
+}

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: {

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",
+  "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: '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": "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",
   "names": ["Fragment", "jsx", "jsxs", "Heading", "meta", "heading_stories_default", "Default", "All"]
 }

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/marquee.stories.d.ts

@@ -1,8 +1,13 @@
-import React, { type ComponentType } from 'react';
+import { type ComponentType } from 'react';
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<Omit<import("react-fast-marquee/dist/components/Marquee").MarqueeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    component: {
+        (props: Omit<import("react-fast-marquee").MarqueeProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+            className?: string;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
     subcomponents: {
         MarqueeList: ComponentType<unknown>;
         MarqueeImageContent: ComponentType<unknown>;

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 e,jsxs as n}from"react/jsx-runtime";import"react";import s from"../biz-components/Marquee/index.js";import{MarqueeList as r,MarqueeImageContent as t,MarqueeTextContent as o}from"../biz-components/Marquee/index.js";const i={title:"Biz Components/Marquee",component:s,subcomponents:{MarqueeList:r,MarqueeImageContent:t,MarqueeTextContent:o},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 u=i;const f={render:a=>e(s,{...a,children:n(r,{children:[e(t,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}}}),e(o,{data:{text:"\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}}),e(t,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}}}),e(o,{className:"text-nowrap",data:{text:"\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}}),e(t,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}}})]})})},d={render:a=>e(s,{...a,children:n(r,{children:[e(t,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}}}),e(t,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}}}),e(t,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}}})]})})},g={render:a=>e(s,{...a,children:n(r,{children:[e(o,{className:"w-40",data:{text:"47%<br>R&D Employees"}}),e(o,{className:"w-40",data:{text:"100 Million<br>Global Customers"}}),e(o,{className:"w-60",data:{text:"Pioneering in Charging<br>Technology for 12 Years"}})]})})},y={render:a=>e(s,{...a,children:n(r,{children:[e(t,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}}}),e(t,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}}}),e(t,{data:{image:{url:"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,d as MarqueeImage,g as MarqueeText,u as default};
 //# sourceMappingURL=marquee.stories.js.map