@anker-in/headless-ui 1.1.28-alpha.1768202456200 → 1.1.29

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/button.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport { SearchIcon } from '@storybook/icons'\n\nimport { Button } from '../components/index.js'\nimport React from 'react'\n\n// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export\nconst meta = {\n  // \u540C\u65F6\u5B9A\u4E49\u4E86\u9875\u9762\u5DE6\u4FA7\u83DC\u5355\n  title: 'Components/Button',\n  component: Button,\n  parameters: {\n    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout\n    layout: 'centered',\n    docs: {\n      description: {\n        component: `\u6309\u94AE\u7EC4\u4EF6, \u5206\u4E3A\u591A\u79CD\u53D8\u4F53\u548C\u5927\u5C0F, \u652F\u6301 loading \u72B6\u6001\u548C\u56FE\u6807, \u9ED8\u8BA4\u5927\u5C0F\u662Flg, \u81EA\u5E26\u54CD\u5E94\u5F0F\u5C3A\u5BF8`,\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  // More on argTypes: https://storybook.js.org/docs/api/argtypes\n  argTypes: {\n    variant: {\n      control: {\n        type: 'select',\n      },\n      options: ['primary', 'secondary', 'link', 'ghost'],\n      description: '\u6309\u94AE\u7C7B\u578B, \u63A8\u8350\u4F7F\u7528 primary , secondary \u548C link ; ghost \u5C06\u4F1A\u5E9F\u5F03\uFF0C\u8BF7\u4F7F\u7528 secondary\uFF0C \u4EE3\u66FF',\n    },\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: ['sm', 'base', 'lg', 'icon'],\n      description: '\u6309\u94AE\u5927\u5C0F \u9ED8\u8BA4\u662F lg, \u53EF\u9009\u503C: sm, base, lg, icon',\n    },\n    hoverEffect: {\n      description: 'hover \u72B6\u6001\u4E0B\u7684\u52A8\u753B\u6548\u679C\uFF0C\u4EC5\u5728variant\u662Fprimary \u548C secondary \u65F6\u751F\u6548',\n      control: {\n        type: 'select',\n      },\n      options: ['none', 'slide'],\n    },\n  },\n  args: {\n    variant: 'primary',\n    size: 'base',\n    children: 'Button',\n    disabled: false,\n    loading: false,\n    hoverEffect: 'none',\n  },\n} satisfies Meta<typeof Button>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\n// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args\n// args \u4F1A\u4F5C\u4E3A props \u4F20\u9012\u7ED9\u7EC4\u4EF6\n// Story\u7684\u540D\u4F1A\u4F5C\u4E3A\u83DC\u5355\u7684\u540D\u79F0 \u81EA\u52A8\u9996\u5B57\u6BCD\u5927\u5199\u5E76\u6309\u7167\u5927\u5199\u5B57\u6BCD\u62C6\u5206 UseAsButton => Use As Button\n\nexport const Primary: Story = {\n  args: {\n    size: 'lg',\n    children: 'Primary',\n  },\n}\n\nexport const Secondary: Story = {\n  args: {\n    size: 'lg',\n    variant: 'secondary',\n    children: 'Secondary',\n  },\n}\n\nexport const Link: Story = {\n  args: {\n    size: 'lg',\n    variant: 'link',\n    children: 'Link',\n  },\n}\n\nexport const WithIcon: Story = {\n  args: {\n    size: 'lg',\n    children: (\n      <>\n        WithIcon <SearchIcon className=\"ml-2\" />\n      </>\n    ),\n  },\n}\n\nexport const Loading: Story = {\n  args: {\n    size: 'lg',\n    loading: true,\n  },\n}\n\nexport const Aschild: Story = {\n  args: {\n    size: 'lg',\n    asChild: true,\n    children: <a href=\"http://example.com\">as a a tag</a>,\n  },\n}\n\nexport const Spinner: Story = {\n  args: {\n    size: 'lg',\n    loading: true,\n    spinner: (\n      <div className=\"flex animate-pulse flex-row font-bold text-neutral-900\">\n        <svg\n          viewBox=\"0 0 1024 1024\"\n          version=\"1.1\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          p-id=\"2625\"\n          width=\"1rem\"\n          className=\"align-middle\"\n        >\n          <path\n            d=\"M511.882596 287.998081h-0.361244a31.998984 31.998984 0 0 1-31.659415-31.977309v-0.361244c0-0.104761 0.115598-11.722364 0.115598-63.658399V96.000564a31.998984 31.998984 0 1 1 64.001581 0V192.001129c0 52.586273-0.111986 63.88237-0.119211 64.337537a32.002596 32.002596 0 0 1-31.977309 31.659415zM511.998194 959.99842a31.998984 31.998984 0 0 1-31.998984-31.998984v-96.379871c0-51.610915-0.111986-63.174332-0.115598-63.286318s0-0.242033 0-0.361243a31.998984 31.998984 0 0 1 63.997968-0.314283c0 0.455167 0.11921 11.711527 0.11921 64.034093v96.307622a31.998984 31.998984 0 0 1-32.002596 31.998984zM330.899406 363.021212a31.897836 31.897836 0 0 1-22.866739-9.612699c-0.075861-0.075861-8.207461-8.370021-44.931515-45.094076L195.198137 240.429485a31.998984 31.998984 0 0 1 45.256635-45.253022L308.336112 263.057803c37.182834 37.182834 45.090463 45.253022 45.41197 45.578141A31.998984 31.998984 0 0 1 330.899406 363.021212zM806.137421 838.11473a31.901448 31.901448 0 0 1-22.628318-9.374279L715.624151 760.859111c-36.724054-36.724054-45.018214-44.859267-45.097687-44.93874a31.998984 31.998984 0 0 1 44.77618-45.729864c0.32512 0.317895 8.395308 8.229136 45.578142 45.411969l67.88134 67.88134a31.998984 31.998984 0 0 1-22.624705 54.630914zM224.000113 838.11473a31.901448 31.901448 0 0 0 22.628317-9.374279l67.88134-67.88134c36.724054-36.724054 45.021826-44.859267 45.097688-44.93874a31.998984 31.998984 0 0 0-44.776181-45.729864c-0.32512 0.317895-8.395308 8.229136-45.578142 45.411969l-67.88134 67.884953a31.998984 31.998984 0 0 0 22.628318 54.627301zM255.948523 544.058589h-0.361244c-0.104761 0-11.722364-0.115598-63.658399-0.115598H95.942765a31.998984 31.998984 0 1 1 0-64.00158h95.996952c52.586273 0 63.88237 0.111986 64.337538 0.11921a31.998984 31.998984 0 0 1 31.659414 31.97731v0.361244a32.002596 32.002596 0 0 1-31.988146 31.659414zM767.939492 544.058589a32.002596 32.002596 0 0 1-31.995372-31.666639v-0.361244a31.998984 31.998984 0 0 1 31.659415-31.970085c0.455167 0 11.754876-0.11921 64.34115-0.11921h96.000564a31.998984 31.998984 0 0 1 0 64.00158H831.944685c-51.936034 0-63.553638 0.111986-63.665624 0.115598h-0.335957zM692.999446 363.0176a31.998984 31.998984 0 0 1-22.863126-54.381656c0.317895-0.32512 8.229136-8.395308 45.41197-45.578141l67.88134-67.884953A31.998984 31.998984 0 1 1 828.693489 240.429485l-67.892177 67.88134c-31.020013 31.023625-41.644196 41.759794-44.241539 44.393262l-0.697201 0.722488a31.908673 31.908673 0 0 1-22.863126 9.591025z\"\n            fill=\"\"\n            p-id=\"2626\"\n          ></path>\n        </svg>\n        &nbsp;loading...\n      </div>\n    ),\n  },\n}\n\nexport const AsLinkTag: Story = {\n  args: {\n    size: 'lg',\n    as: 'a',\n    href: 'http://example.com',\n    children: 'learn more',\n  },\n}\n"],
+  "mappings": "AA0FM,mBAAAA,EACW,OAAAC,EADX,QAAAC,MAAA,oBAzFN,OAAS,cAAAC,MAAkB,mBAE3B,OAAS,UAAAC,MAAc,yBACvB,MAAkB,QAGlB,MAAMC,EAAO,CAEX,MAAO,oBACP,UAAWD,EACX,WAAY,CAEV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,qNACb,CACF,CACF,EAEA,KAAM,CAAC,UAAU,EAEjB,SAAU,CACR,QAAS,CACP,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,UAAW,YAAa,OAAQ,OAAO,EACjD,YAAa,0KACf,EACA,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,OAAQ,KAAM,MAAM,EACpC,YAAa,wFACf,EACA,YAAa,CACX,YAAa,mIACb,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,OAAO,CAC3B,CACF,EACA,KAAM,CACJ,QAAS,UACT,KAAM,OACN,SAAU,SACV,SAAU,GACV,QAAS,GACT,YAAa,MACf,CACF,EAEA,IAAOE,EAAQD,EAOR,MAAME,EAAiB,CAC5B,KAAM,CACJ,KAAM,KACN,SAAU,SACZ,CACF,EAEaC,EAAmB,CAC9B,KAAM,CACJ,KAAM,KACN,QAAS,YACT,SAAU,WACZ,CACF,EAEaC,EAAc,CACzB,KAAM,CACJ,KAAM,KACN,QAAS,OACT,SAAU,MACZ,CACF,EAEaC,EAAkB,CAC7B,KAAM,CACJ,KAAM,KACN,SACER,EAAAF,EAAA,CAAE,sBACSC,EAACE,EAAA,CAAW,UAAU,OAAO,GACxC,CAEJ,CACF,EAEaQ,EAAiB,CAC5B,KAAM,CACJ,KAAM,KACN,QAAS,EACX,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,KACN,QAAS,GACT,SAAUX,EAAC,KAAE,KAAK,qBAAqB,sBAAU,CACnD,CACF,EAEaY,EAAiB,CAC5B,KAAM,CACJ,KAAM,KACN,QAAS,GACT,QACEX,EAAC,OAAI,UAAU,yDACb,UAAAD,EAAC,OACC,QAAQ,gBACR,QAAQ,MACR,MAAM,6BACN,OAAK,OACL,MAAM,OACN,UAAU,eAEV,SAAAA,EAAC,QACC,EAAE,o5EACF,KAAK,GACL,OAAK,OACN,EACH,EAAM,kBAER,CAEJ,CACF,EAEaa,EAAmB,CAC9B,KAAM,CACJ,KAAM,KACN,GAAI,IACJ,KAAM,qBACN,SAAU,YACZ,CACF",
+  "names": ["Fragment", "jsx", "jsxs", "SearchIcon", "Button", "meta", "button_stories_default", "Primary", "Secondary", "Link", "WithIcon", "Loading", "Aschild", "Spinner", "AsLinkTag"]
+}

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

@@ -0,0 +1,27 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    subcomponents: {
+        CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+        CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+        CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+        CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+        CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithHeader: Story;
+export declare const WithImage: Story;

package/dist/esm/stories/card.stories.js

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Card as t,CardContent as a,CardFooter as o,CardDescription as d,CardHeader as n,CardTitle as c,Button as s,Picture as p}from"../components/index.js";import"react";const C={title:"Components/Card",component:t,subcomponents:{CardHeader:n,CardContent:a,CardDescription:d,CardFooter:o,CardTitle:c},parameters:{layout:"centered",docs:{description:{component:"\u5361\u7247\u7EC4\u4EF6\uFF0C\u5185\u90E8\u53EF\u4EE5\u5D4C\u5957CardHeader, CardContent, CardFooter\u7B49\u7EC4\u4EF6, CardHeader \u5185\u53EF\u4EE5\u5D4C\u5957CardTitle, CardDescription"}}},tags:["autodocs"]};var y=C;const h={render(){return r(t,{className:"",children:[e(n,{}),r(a,{children:[e("p",{children:"Charge Easily On the Go"}),e("p",{children:"charge Everything Everywhere Faster All at Once"})]}),e(o,{className:"flex justify-between",children:e(s,{children:"Learn More"})})]})}},f={render(){return r(t,{className:"",children:[r(n,{children:[e(c,{children:"Card title"}),e(d,{children:"Card description"})]}),r(a,{children:[e("p",{children:"Charge Easily On the Go"}),e("p",{children:"charge Everything Everywhere Faster All at Once"})]}),e(o,{className:"flex justify-between",children:e(s,{children:"Learn More"})})]})}},u={render(){return r(t,{className:"w-[400px]",children:[r(a,{className:"p-0",children:[e(p,{source:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e5e7c8b6a240bb042c57529a3299c255.png?v=1741664601",alt:"A random image"}),e("p",{className:"p-2",children:"click learn more to see how we can help you charge everything everywhere faster all at once"})]}),e(o,{className:"flex justify-between pt-[8px]",children:e(s,{children:"Learn More"})})]})}};export{h as Default,f as WithHeader,u as WithImage,y as default};
+//# sourceMappingURL=card.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/card.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport {\n  Card,\n  CardContent,\n  CardFooter,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Button,\n  Picture,\n} from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Components/Card',\n  component: Card,\n  subcomponents: {\n    CardHeader,\n    CardContent,\n    CardDescription,\n    CardFooter,\n    CardTitle,\n  },\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component:\n          '\u5361\u7247\u7EC4\u4EF6\uFF0C\u5185\u90E8\u53EF\u4EE5\u5D4C\u5957CardHeader, CardContent, CardFooter\u7B49\u7EC4\u4EF6, CardHeader \u5185\u53EF\u4EE5\u5D4C\u5957CardTitle, CardDescription',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Card>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  render() {\n    return (\n      <Card className=\"\">\n        <CardHeader></CardHeader>\n        <CardContent>\n          <p>Charge Easily On the Go</p>\n          <p>charge Everything Everywhere Faster All at Once</p>\n        </CardContent>\n        <CardFooter className=\"flex justify-between\">\n          <Button>Learn More</Button>\n        </CardFooter>\n      </Card>\n    )\n  },\n}\n\nexport const WithHeader: Story = {\n  render() {\n    return (\n      <Card className=\"\">\n        <CardHeader>\n          <CardTitle>Card title</CardTitle>\n          <CardDescription>Card description</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <p>Charge Easily On the Go</p>\n          <p>charge Everything Everywhere Faster All at Once</p>\n        </CardContent>\n        <CardFooter className=\"flex justify-between\">\n          <Button>Learn More</Button>\n        </CardFooter>\n      </Card>\n    )\n  },\n}\n\nexport const WithImage: Story = {\n  render() {\n    return (\n      <Card className=\"w-[400px]\">\n        <CardContent className=\"p-0\">\n          <Picture\n            source=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e5e7c8b6a240bb042c57529a3299c255.png?v=1741664601\"\n            alt=\"A random image\"\n          />\n          <p className=\"p-2\">\n            click learn more to see how we can help you charge everything everywhere faster all at once\n          </p>\n        </CardContent>\n        <CardFooter className=\"flex justify-between pt-[8px]\">\n          <Button>Learn More</Button>\n        </CardFooter>\n      </Card>\n    )\n  },\n}\n"],
+  "mappings": "AA4CQ,cAAAA,EACA,QAAAC,MADA,oBA1CR,OACE,QAAAC,EACA,eAAAC,EACA,cAAAC,EACA,mBAAAC,EACA,cAAAC,EACA,aAAAC,EACA,UAAAC,EACA,WAAAC,MACK,yBACP,MAAkB,QAElB,MAAMC,EAAO,CACX,MAAO,kBACP,UAAWR,EACX,cAAe,CACb,WAAAI,EACA,YAAAH,EACA,gBAAAE,EACA,WAAAD,EACA,UAAAG,CACF,EACA,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,8LACJ,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOI,EAAQD,EAIR,MAAME,EAAiB,CAC5B,QAAS,CACP,OACEX,EAACC,EAAA,CAAK,UAAU,GACd,UAAAF,EAACM,EAAA,EAAW,EACZL,EAACE,EAAA,CACC,UAAAH,EAAC,KAAE,mCAAuB,EAC1BA,EAAC,KAAE,2DAA+C,GACpD,EACAA,EAACI,EAAA,CAAW,UAAU,uBACpB,SAAAJ,EAACQ,EAAA,CAAO,sBAAU,EACpB,GACF,CAEJ,CACF,EAEaK,EAAoB,CAC/B,QAAS,CACP,OACEZ,EAACC,EAAA,CAAK,UAAU,GACd,UAAAD,EAACK,EAAA,CACC,UAAAN,EAACO,EAAA,CAAU,sBAAU,EACrBP,EAACK,EAAA,CAAgB,4BAAgB,GACnC,EACAJ,EAACE,EAAA,CACC,UAAAH,EAAC,KAAE,mCAAuB,EAC1BA,EAAC,KAAE,2DAA+C,GACpD,EACAA,EAACI,EAAA,CAAW,UAAU,uBACpB,SAAAJ,EAACQ,EAAA,CAAO,sBAAU,EACpB,GACF,CAEJ,CACF,EAEaM,EAAmB,CAC9B,QAAS,CACP,OACEb,EAACC,EAAA,CAAK,UAAU,YACd,UAAAD,EAACE,EAAA,CAAY,UAAU,MACrB,UAAAH,EAACS,EAAA,CACC,OAAO,2GACP,IAAI,iBACN,EACAT,EAAC,KAAE,UAAU,MAAM,uGAEnB,GACF,EACAA,EAACI,EAAA,CAAW,UAAU,gCACpB,SAAAJ,EAACQ,EAAA,CAAO,sBAAU,EACpB,GACF,CAEJ,CACF",
+  "names": ["jsx", "jsxs", "Card", "CardContent", "CardFooter", "CardDescription", "CardHeader", "CardTitle", "Button", "Picture", "meta", "card_stories_default", "Default", "WithHeader", "WithImage"]
+}

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

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

package/dist/esm/stories/carousel.stories.js

@@ -0,0 +1,2 @@
+import{Fragment as d,jsx as e,jsxs as n}from"react/jsx-runtime";import{Carousel as o,CarouselContent as s,CarouselItem as a,CarouselNext as r,CarouselPrevious as l,Card as p,CardContent as c}from"../components/index.js";import"react";const m={title:"Components/Carousel",component:o,subcomponents:{CarouselContent:s,CarouselItem:a},parameters:{layout:"fullscreen",docs:{description:{component:"\u8F6E\u64AD\u7EC4\u4EF6, \u57FA\u4E8E\u8F7B\u91CF\u7EA7\u7EC4\u4EF6embla-carousel-react, https://www.embla-carousel.com/get-started/react/"}}},tags:["autodocs"],argTypes:{opts:{description:"embla-carousel-react \u7684\u914D\u7F6E\u53C2\u6570, \u53EF\u4EE5\u914D\u7F6Eloop: true \u5F00\u542F\u5FAA\u73AF\uFF0Calign: center | start | end \u5BF9\u9F50\u65B9\u5F0F\uFF0C \u67E5\u770B https://www.embla-carousel.com/api/options/",control:{type:"object"}},showNavigation:{description:"\u662F\u5426\u663E\u793A\u5BFC\u822A\u70B9",control:{type:"boolean"}},orientation:{description:"\u8F6E\u64AD\u65B9\u5411",control:{type:"select"},options:["horizontal","vertical"]},setApi:{description:"\u8BBE\u7F6Eapi, \u53EF\u4EE5\u901A\u8FC7\u8FD9\u4E2A\u51FD\u6570\u83B7\u53D6carousel API \u5B9E\u4F8B\uFF0C\u62FF\u5230api \u5B9E\u4F8B\u540E,\u53EF\u4EE5\u8C03\u7528api \u5B9E\u4F8B\u7684\u65B9\u6CD5\u6216\u8005\u5C5E\u6027"},plugins:{description:"embla-carousel-react \u7684\u63D2\u4EF6,embla-carousel \u7684 Autoplay, Wheel Gesture \u7B49\u9AD8\u7EA7\u529F\u80FD \u901A\u8FC7\u63D2\u4EF6\u652F\u6301  https://www.embla-carousel.com/plugins/"}},args:{opts:{},orientation:"horizontal"}};var h=m;const N={args:{opts:{align:"start"},children:n(d,{children:[e(s,{children:Array.from({length:5}).map((i,t)=>e(a,{className:"basis-1/3",children:e("div",{className:"p-1",children:e(p,{children:e(c,{className:"flex aspect-square items-center justify-center p-6",children:e("span",{className:"text-3xl font-semibold",children:t+1})})})})},t))}),e(l,{}),e(r,{})]})}},v={render(){return n(o,{opts:{align:"start"},orientation:"vertical",className:"w-full max-w-xs",children:[e(s,{className:"-mt-1 h-[200px]",children:Array.from({length:5}).map((i,t)=>e(a,{className:"basis-1/2 pt-1",children:e("div",{className:"p-1",children:e(p,{children:e(c,{className:"flex aspect-square items-center justify-center p-6",children:e("span",{className:"text-3xl font-semibold",children:t+1})})})})},t))}),e(l,{}),e(r,{})]})}},u=["https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1312320388_mo_path_1.png?v=1741689169","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1312320388.png?v=1741689169","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1312320388_1_mo_never_missing.png?v=1741689169","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1312320388_mo_path_1.png?v=1741689169","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1312320388.png?v=1741689169"],f={render(){return n(o,{opts:{loop:!0,align:"center"},showNavigation:!0,navigationPosition:"outter",className:"w-full max-w-xl",children:[e(s,{className:"",children:Array.from({length:5}).map((i,t)=>e(a,{className:"basis-1/2",children:e("div",{className:"p-1",children:e("img",{src:u[t],alt:""})})},t))}),e(l,{className:"left-4"}),e(r,{className:"right-4"})]})}};f.parameters={layout:"padded"};export{N as Default,f as OverrideClassName,v as Vertical,h as default};
+//# sourceMappingURL=carousel.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/carousel.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n  Card,\n  CardContent,\n} from '../components/index.js'\n\nimport React from 'react'\n\nconst meta: Meta<typeof Carousel> = {\n  title: 'Components/Carousel',\n  component: Carousel,\n  subcomponents: {\n    CarouselContent,\n    CarouselItem,\n  },\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u8F6E\u64AD\u7EC4\u4EF6, \u57FA\u4E8E\u8F7B\u91CF\u7EA7\u7EC4\u4EF6embla-carousel-react, https://www.embla-carousel.com/get-started/react/',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    opts: {\n      description:\n        'embla-carousel-react \u7684\u914D\u7F6E\u53C2\u6570, \u53EF\u4EE5\u914D\u7F6Eloop: true \u5F00\u542F\u5FAA\u73AF\uFF0Calign: center | start | end \u5BF9\u9F50\u65B9\u5F0F\uFF0C \u67E5\u770B https://www.embla-carousel.com/api/options/',\n      control: {\n        type: 'object',\n      },\n    },\n    showNavigation: {\n      description: '\u662F\u5426\u663E\u793A\u5BFC\u822A\u70B9',\n      control: {\n        type: 'boolean',\n      },\n    },\n    orientation: {\n      description: '\u8F6E\u64AD\u65B9\u5411',\n      control: {\n        type: 'select',\n      },\n      options: ['horizontal', 'vertical'],\n    },\n    setApi: {\n      description: '\u8BBE\u7F6Eapi, \u53EF\u4EE5\u901A\u8FC7\u8FD9\u4E2A\u51FD\u6570\u83B7\u53D6carousel API \u5B9E\u4F8B\uFF0C\u62FF\u5230api \u5B9E\u4F8B\u540E,\u53EF\u4EE5\u8C03\u7528api \u5B9E\u4F8B\u7684\u65B9\u6CD5\u6216\u8005\u5C5E\u6027',\n    },\n    plugins: {\n      description:\n        'embla-carousel-react \u7684\u63D2\u4EF6,embla-carousel \u7684 Autoplay, Wheel Gesture \u7B49\u9AD8\u7EA7\u529F\u80FD \u901A\u8FC7\u63D2\u4EF6\u652F\u6301  https://www.embla-carousel.com/plugins/',\n    },\n  },\n  args: {\n    opts: {},\n    orientation: 'horizontal',\n  },\n} satisfies Meta<typeof Carousel>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    opts: {\n      align: 'start',\n    },\n    children: (\n      <>\n        <CarouselContent>\n          {Array.from({ length: 5 }).map((_, index) => (\n            <CarouselItem key={index} className=\"basis-1/3\">\n              <div className=\"p-1\">\n                <Card>\n                  <CardContent className=\"flex aspect-square items-center justify-center p-6\">\n                    <span className=\"text-3xl font-semibold\">{index + 1}</span>\n                  </CardContent>\n                </Card>\n              </div>\n            </CarouselItem>\n          ))}\n        </CarouselContent>\n        <CarouselPrevious />\n        <CarouselNext />\n      </>\n    ),\n  },\n}\n\nexport const Vertical: Story = {\n  render() {\n    return (\n      <Carousel\n        opts={{\n          align: 'start',\n        }}\n        orientation=\"vertical\"\n        className=\"w-full max-w-xs\"\n      >\n        <CarouselContent className=\"-mt-1 h-[200px]\">\n          {Array.from({ length: 5 }).map((_, index) => (\n            <CarouselItem key={index} className=\"basis-1/2 pt-1\">\n              <div className=\"p-1\">\n                <Card>\n                  <CardContent className=\"flex aspect-square items-center justify-center p-6\">\n                    <span className=\"text-3xl font-semibold\">{index + 1}</span>\n                  </CardContent>\n                </Card>\n              </div>\n            </CarouselItem>\n          ))}\n        </CarouselContent>\n        <CarouselPrevious />\n        <CarouselNext />\n      </Carousel>\n    )\n  },\n}\n\nconst images = [\n  'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1312320388_mo_path_1.png?v=1741689169',\n  'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1312320388.png?v=1741689169',\n  'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1312320388_1_mo_never_missing.png?v=1741689169',\n  'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1312320388_mo_path_1.png?v=1741689169',\n  'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1312320388.png?v=1741689169',\n]\nexport const OverrideClassName: Story = {\n  render() {\n    return (\n      <Carousel\n        opts={{\n          loop: true,\n          align: 'center',\n        }}\n        showNavigation={true}\n        navigationPosition=\"outter\"\n        className=\"w-full max-w-xl\"\n      >\n        <CarouselContent className=\"\">\n          {Array.from({ length: 5 }).map((_, index) => (\n            <CarouselItem key={index} className=\"basis-1/2\">\n              <div className=\"p-1\">\n                <img src={images[index]} alt=\"\" />\n              </div>\n            </CarouselItem>\n          ))}\n        </CarouselContent>\n        <CarouselPrevious className=\"left-4\" />\n        <CarouselNext className=\"right-4\" />\n      </Carousel>\n    )\n  },\n}\nOverrideClassName.parameters = {\n  layout: 'padded',\n}\n"],
+  "mappings": "AAyEM,mBAAAA,EAOc,OAAAC,EAPd,QAAAC,MAAA,oBAxEN,OACE,YAAAC,EACA,mBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,oBAAAC,EACA,QAAAC,EACA,eAAAC,MACK,yBAEP,MAAkB,QAElB,MAAMC,EAA8B,CAClC,MAAO,sBACP,UAAWP,EACX,cAAe,CACb,gBAAAC,EACA,aAAAC,CACF,EACA,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,6IACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,YACE,4OACF,QAAS,CACP,KAAM,QACR,CACF,EACA,eAAgB,CACd,YAAa,6CACb,QAAS,CACP,KAAM,SACR,CACF,EACA,YAAa,CACX,YAAa,2BACb,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,aAAc,UAAU,CACpC,EACA,OAAQ,CACN,YAAa,mOACf,EACA,QAAS,CACP,YACE,oMACJ,CACF,EACA,KAAM,CACJ,KAAM,CAAC,EACP,YAAa,YACf,CACF,EAEA,IAAOM,EAAQD,EAGR,MAAME,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,OACT,EACA,SACEV,EAAAF,EAAA,CACE,UAAAC,EAACG,EAAA,CACE,eAAM,KAAK,CAAE,OAAQ,CAAE,CAAC,EAAE,IAAI,CAACS,EAAGC,IACjCb,EAACI,EAAA,CAAyB,UAAU,YAClC,SAAAJ,EAAC,OAAI,UAAU,MACb,SAAAA,EAACO,EAAA,CACC,SAAAP,EAACQ,EAAA,CAAY,UAAU,qDACrB,SAAAR,EAAC,QAAK,UAAU,yBAA0B,SAAAa,EAAQ,EAAE,EACtD,EACF,EACF,GAPiBA,CAQnB,CACD,EACH,EACAb,EAACM,EAAA,EAAiB,EAClBN,EAACK,EAAA,EAAa,GAChB,CAEJ,CACF,EAEaS,EAAkB,CAC7B,QAAS,CACP,OACEb,EAACC,EAAA,CACC,KAAM,CACJ,MAAO,OACT,EACA,YAAY,WACZ,UAAU,kBAEV,UAAAF,EAACG,EAAA,CAAgB,UAAU,kBACxB,eAAM,KAAK,CAAE,OAAQ,CAAE,CAAC,EAAE,IAAI,CAACS,EAAGC,IACjCb,EAACI,EAAA,CAAyB,UAAU,iBAClC,SAAAJ,EAAC,OAAI,UAAU,MACb,SAAAA,EAACO,EAAA,CACC,SAAAP,EAACQ,EAAA,CAAY,UAAU,qDACrB,SAAAR,EAAC,QAAK,UAAU,yBAA0B,SAAAa,EAAQ,EAAE,EACtD,EACF,EACF,GAPiBA,CAQnB,CACD,EACH,EACAb,EAACM,EAAA,EAAiB,EAClBN,EAACK,EAAA,EAAa,GAChB,CAEJ,CACF,EAEMU,EAAS,CACb,qGACA,2FACA,8GACA,qGACA,0FACF,EACaC,EAA2B,CACtC,QAAS,CACP,OACEf,EAACC,EAAA,CACC,KAAM,CACJ,KAAM,GACN,MAAO,QACT,EACA,eAAgB,GAChB,mBAAmB,SACnB,UAAU,kBAEV,UAAAF,EAACG,EAAA,CAAgB,UAAU,GACxB,eAAM,KAAK,CAAE,OAAQ,CAAE,CAAC,EAAE,IAAI,CAACS,EAAGC,IACjCb,EAACI,EAAA,CAAyB,UAAU,YAClC,SAAAJ,EAAC,OAAI,UAAU,MACb,SAAAA,EAAC,OAAI,IAAKe,EAAOF,CAAK,EAAG,IAAI,GAAG,EAClC,GAHiBA,CAInB,CACD,EACH,EACAb,EAACM,EAAA,CAAiB,UAAU,SAAS,EACrCN,EAACK,EAAA,CAAa,UAAU,UAAU,GACpC,CAEJ,CACF,EACAW,EAAkB,WAAa,CAC7B,OAAQ,QACV",
+  "names": ["Fragment", "jsx", "jsxs", "Carousel", "CarouselContent", "CarouselItem", "CarouselNext", "CarouselPrevious", "Card", "CardContent", "meta", "carousel_stories_default", "Default", "_", "index", "Vertical", "images", "OverrideClassName"]
+}

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

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

package/dist/esm/stories/category.stories.js

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import a from"../biz-components/Category/index.js";const o={title:"Biz-Components/Category",component:a,parameters:{layout:"fullscreen"},tags:["autodocs"]};var c=o;const t=[{name:"Anker Prime 22",image:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554",alt:"Anker Prime 22"}},{name:"Anker Prime 25",image:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554",alt:"Anker Prime 25"}},{name:"Anker Prime 37",image:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554",alt:"Anker Prime 37"}}],p={args:{data:{isShowSelect:!0,productData:[],products:t},className:"p-4"}},n={args:{data:{isShowSelect:!0,productData:[],shape:"round",products:t},className:"p-4"}},m=()=>r("div",{className:"flex size-full flex-col gap-6 p-4",children:[e("span",{className:"text-info-primary text-center text-sm font-bold",children:" 5 Items"}),e(a,{data:{shape:"round",isShowSelect:!0,productData:[],products:[...t,...t.slice(0,2)]}}),e("span",{className:"text-info-primary text-center text-sm font-bold",children:" 6 Items"}),e(a,{data:{shape:"round",isShowSelect:!0,productData:[],products:[...t,...t]}}),e("span",{className:"text-info-primary text-center text-sm font-bold",children:" 9 Items"}),e(a,{data:{shape:"round",isShowSelect:!0,productData:[],products:[...t,...t,...t]}})]});export{p as Default,m as MoreThanFive,n as Round,c as default};
+//# sourceMappingURL=category.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/category.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Category from '../biz-components/Category/index.js'\n\nconst meta = {\n  title: 'Biz-Components/Category',\n  component: Category,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Category>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mock = [\n  {\n    name: 'Anker Prime 22',\n    image: {\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      alt: 'Anker Prime 22',\n    },\n  },\n  {\n    name: 'Anker Prime 25',\n    image: {\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      alt: 'Anker Prime 25',\n    },\n  },\n  {\n    name: 'Anker Prime 37',\n    image: {\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      alt: 'Anker Prime 37',\n    },\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      isShowSelect: true,\n      productData: [],\n      products: mock,\n    },\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      isShowSelect: true,\n      productData: [],\n      shape: 'round',\n      products: mock,\n    },\n    className: 'p-4',\n  },\n}\n\nexport const MoreThanFive = () => {\n  return (\n    <div className=\"flex size-full flex-col gap-6 p-4\">\n      <span className=\"text-info-primary text-center text-sm font-bold\"> 5 Items</span>\n      <Category\n        data={{\n          shape: 'round',\n          isShowSelect: true,\n          productData: [],\n          products: [...mock, ...mock.slice(0, 2)],\n        }}\n      />\n      <span className=\"text-info-primary text-center text-sm font-bold\"> 6 Items</span>\n      <Category\n        data={{\n          shape: 'round',\n          isShowSelect: true,\n          productData: [],\n          products: [...mock, ...mock],\n        }}\n      />\n      <span className=\"text-info-primary text-center text-sm font-bold\"> 9 Items</span>\n      <Category\n        data={{\n          shape: 'round',\n          isShowSelect: true,\n          productData: [],\n          products: [...mock, ...mock, ...mock],\n        }}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "AAgEI,OACE,OAAAA,EADF,QAAAC,MAAA,oBA/DJ,OAAOC,MAAc,sCAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAO,CACX,CACE,KAAM,iBACN,MAAO,CACL,IAAK,+HACL,IAAK,gBACP,CACF,EACA,CACE,KAAM,iBACN,MAAO,CACL,IAAK,+HACL,IAAK,gBACP,CACF,EACA,CACE,KAAM,iBACN,MAAO,CACL,IAAK,+HACL,IAAK,gBACP,CACF,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,aAAc,GACd,YAAa,CAAC,EACd,SAAUD,CACZ,EACA,UAAW,KACb,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,aAAc,GACd,YAAa,CAAC,EACd,MAAO,QACP,SAAUF,CACZ,EACA,UAAW,KACb,CACF,EAEaG,EAAe,IAExBP,EAAC,OAAI,UAAU,oCACb,UAAAD,EAAC,QAAK,UAAU,kDAAkD,oBAAQ,EAC1EA,EAACE,EAAA,CACC,KAAM,CACJ,MAAO,QACP,aAAc,GACd,YAAa,CAAC,EACd,SAAU,CAAC,GAAGG,EAAM,GAAGA,EAAK,MAAM,EAAG,CAAC,CAAC,CACzC,EACF,EACAL,EAAC,QAAK,UAAU,kDAAkD,oBAAQ,EAC1EA,EAACE,EAAA,CACC,KAAM,CACJ,MAAO,QACP,aAAc,GACd,YAAa,CAAC,EACd,SAAU,CAAC,GAAGG,EAAM,GAAGA,CAAI,CAC7B,EACF,EACAL,EAAC,QAAK,UAAU,kDAAkD,oBAAQ,EAC1EA,EAACE,EAAA,CACC,KAAM,CACJ,MAAO,QACP,aAAc,GACd,YAAa,CAAC,EACd,SAAU,CAAC,GAAGG,EAAM,GAAGA,EAAM,GAAGA,CAAI,CACtC,EACF,GACF",
+  "names": ["jsx", "jsxs", "Category", "meta", "category_stories_default", "mock", "Default", "Round", "MoreThanFive"]
+}

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

@@ -0,0 +1,46 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/checkbox.js").CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        size: "base";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Disabled: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/stories/checkbox.stories.js

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as s}from"react/jsx-runtime";import{Checkbox as t}from"../components/index.js";import"react";const a={title:"Components/Checkbox",component:t,parameters:{layout:"centered",docs:{description:{component:"\u590D\u9009\u6846, \u57FA\u4E8E@radix-ui/react-checkbox https://www.radix-ui.com/primitives/docs/components/checkbox"}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["sm","base","lg"],description:"\u5C3A\u5BF8",table:{defaultValue:{summary:"base"}}}},args:{size:"base"}};var c=a;const d={args:{size:"base"}},o=()=>s("div",{className:"flex flex-col gap-2",children:[s("div",{className:"flex items-center space-x-2",children:[e(t,{id:"terms",size:"sm"}),e("label",{htmlFor:"terms",className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:"Accept terms and conditions"})]}),s("div",{className:"flex items-center space-x-2",children:[e(t,{id:"terms1",size:"base"}),e("label",{htmlFor:"terms1",className:"text-base font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:"Accept terms and conditions"})]}),s("div",{className:"flex items-center space-x-2",children:[e(t,{id:"terms2",size:"lg"}),e("label",{htmlFor:"terms2",className:"text-lg font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:"Accept terms and conditions"})]})]});o.parameters={docs:{description:{story:"\u4E0D\u540C\u7684\u5C3A\u5BF8"}}};const m=()=>s("div",{className:"flex items-center space-x-2",children:[e(t,{id:"terms",disabled:!0}),e("label",{htmlFor:"terms",className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:"Accept terms and conditions"})]});export{d as Default,m as Disabled,o as Sizes,c as default};
+//# sourceMappingURL=checkbox.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/checkbox.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport { Checkbox } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Components/Checkbox',\n  component: Checkbox,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: '\u590D\u9009\u6846, \u57FA\u4E8E@radix-ui/react-checkbox https://www.radix-ui.com/primitives/docs/components/checkbox',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: ['sm', 'base', 'lg'],\n      description: '\u5C3A\u5BF8',\n      table: {\n        defaultValue: { summary: 'base' },\n      },\n    },\n  },\n  args: {\n    size: 'base',\n  },\n} satisfies Meta<typeof Checkbox>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    size: 'base',\n  },\n}\n\nexport const Sizes = () => (\n  <div className=\"flex flex-col gap-2\">\n    <div className=\"flex items-center space-x-2\">\n      <Checkbox id=\"terms\" size=\"sm\" />\n      <label\n        htmlFor=\"terms\"\n        className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n      >\n        Accept terms and conditions\n      </label>\n    </div>\n    <div className=\"flex items-center space-x-2\">\n      <Checkbox id=\"terms1\" size=\"base\" />\n      <label\n        htmlFor=\"terms1\"\n        className=\"text-base font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n      >\n        Accept terms and conditions\n      </label>\n    </div>\n    <div className=\"flex items-center space-x-2\">\n      <Checkbox id=\"terms2\" size=\"lg\" />\n      <label\n        htmlFor=\"terms2\"\n        className=\"text-lg font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n      >\n        Accept terms and conditions\n      </label>\n    </div>\n  </div>\n)\nSizes.parameters = {\n  docs: {\n    description: {\n      story: '\u4E0D\u540C\u7684\u5C3A\u5BF8',\n    },\n  },\n}\n\nexport const Disabled = () => (\n  <div className=\"flex items-center space-x-2\">\n    <Checkbox id=\"terms\" disabled />\n    <label\n      htmlFor=\"terms\"\n      className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n    >\n      Accept terms and conditions\n    </label>\n  </div>\n)\n"],
+  "mappings": "AA6CI,OACE,OAAAA,EADF,QAAAC,MAAA,oBA5CJ,OAAS,YAAAC,MAAgB,yBACzB,MAAkB,QAElB,MAAMC,EAAO,CACX,MAAO,sBACP,UAAWD,EACX,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,uHACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,OAAQ,IAAI,EAC5B,YAAa,eACb,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,CACF,EACA,KAAM,CACJ,KAAM,MACR,CACF,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,KAAM,MACR,CACF,EAEaC,EAAQ,IACnBL,EAAC,OAAI,UAAU,sBACb,UAAAA,EAAC,OAAI,UAAU,8BACb,UAAAD,EAACE,EAAA,CAAS,GAAG,QAAQ,KAAK,KAAK,EAC/BF,EAAC,SACC,QAAQ,QACR,UAAU,6FACX,uCAED,GACF,EACAC,EAAC,OAAI,UAAU,8BACb,UAAAD,EAACE,EAAA,CAAS,GAAG,SAAS,KAAK,OAAO,EAClCF,EAAC,SACC,QAAQ,SACR,UAAU,+FACX,uCAED,GACF,EACAC,EAAC,OAAI,UAAU,8BACb,UAAAD,EAACE,EAAA,CAAS,GAAG,SAAS,KAAK,KAAK,EAChCF,EAAC,SACC,QAAQ,SACR,UAAU,6FACX,uCAED,GACF,GACF,EAEFM,EAAM,WAAa,CACjB,KAAM,CACJ,YAAa,CACX,MAAO,gCACT,CACF,CACF,EAEO,MAAMC,EAAW,IACtBN,EAAC,OAAI,UAAU,8BACb,UAAAD,EAACE,EAAA,CAAS,GAAG,QAAQ,SAAQ,GAAC,EAC9BF,EAAC,SACC,QAAQ,QACR,UAAU,6FACX,uCAED,GACF",
+  "names": ["jsx", "jsxs", "Checkbox", "meta", "checkbox_stories_default", "Default", "Sizes", "Disabled"]
+}

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

@@ -0,0 +1,28 @@
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+        children?: React.ReactNode;
+        className?: string;
+        childClassName?: string;
+        spaceY?: import("../types/props.js").SpaceY;
+        spaceTop?: import("../types/props.js").SpaceTop;
+        spaceBottom?: import("../types/props.js").SpaceBottom;
+        mode?: import("../types/props.js").Mode;
+    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+export declare const Basic: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithPaddingAndBackground: () => import("react/jsx-runtime").JSX.Element;
+export declare const ResponsivePadding: () => import("react/jsx-runtime").JSX.Element;
+export declare const NestedContent: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/stories/container.stories.js

@@ -0,0 +1,15 @@
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import"react";import{Container as t}from"../components/index.js";const o={title:"Layout/Container",component:t,parameters:{layout:"fullscreen",docs:{description:{component:`
+Container \u5BB9\u5668\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u9650\u5236\u548C\u7EA6\u675F\u5185\u5BB9\u7684\u6700\u5927\u5BBD\u5EA6\uFF0C\u5B9E\u73B0\u54CD\u5E94\u5F0F\u7684\u9875\u9762\u5E03\u5C40\u3002
+
+### \u5B9E\u73B0\u7EC6\u8282
+- \u57FA\u4E8E Tailwind CSS \u5B9E\u73B0
+- \u9ED8\u8BA4\u6700\u5927\u5BBD\u5EA6\u4E3A 1664px
+- \u54CD\u5E94\u5F0F\u8FB9\u8DDD\u8BBE\u8BA1\uFF1A
+  - \u9ED8\u8BA4: \u5DE6\u53F3\u8FB9\u8DDD 16px (mx-4)
+  - tablet: \u5DE6\u53F3\u8FB9\u8DDD 32px (mx-8)
+  - laptop: \u5DE6\u53F3\u8FB9\u8DDD 64px (mx-16)
+  - desktop: \u5DE6\u53F3\u8FB9\u8DDD 64px (mx-16)
+  - lg-desktop: \u5DE6\u53F3\u8FB9\u8DDD 128px (mx-32)
+
+        `}}},tags:["autodocs"]};var d=o;const l=()=>e(t,{className:"p-4",children:e("div",{className:"rounded-lg bg-blue-100 p-4 text-center",children:"\u57FA\u7840\u5BB9\u5668 - \u81EA\u52A8\u5C45\u4E2D\uFF0C\u54CD\u5E94\u5F0F\u5BBD\u5EA6"})}),i=()=>e(t,{className:"bg-gray-50 p-4",children:a("div",{className:"space-y-4",children:[a("div",{className:"rounded-lg bg-white p-4 shadow-sm",children:[e("h3",{className:"text-lg font-medium",children:"\u5185\u5BB9\u533A\u5757 1"}),e("p",{className:"text-gray-600",children:"\u5E26\u6709\u5185\u8FB9\u8DDD\u548C\u80CC\u666F\u8272\u7684\u5BB9\u5668\u793A\u4F8B"})]}),a("div",{className:"rounded-lg bg-white p-4 shadow-sm",children:[e("h3",{className:"text-lg font-medium",children:"\u5185\u5BB9\u533A\u5757 2"}),e("p",{className:"text-gray-600",children:"\u5C55\u793A\u5185\u5BB9\u7684\u7EC4\u7EC7\u65B9\u5F0F"})]})]})}),m=()=>e(t,{className:"tablet:px-6 laptop:px-8 bg-gradient-to-r from-blue-50 to-purple-50 p-4",children:a("div",{className:"rounded-lg bg-white p-4 shadow-sm",children:[e("h3",{className:"text-lg font-medium",children:"\u54CD\u5E94\u5F0F\u5185\u8FB9\u8DDD"}),a("p",{className:"text-gray-600",children:["\u5728\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u4E0B\u6709\u4E0D\u540C\u7684\u6C34\u5E73\u5185\u8FB9\u8DDD\uFF1A",e("br",{}),"\u9ED8\u8BA4: px-4 (16px)",e("br",{}),"tablet: px-6 (24px)",e("br",{}),"laptop: px-8 (32px)"]})]})}),n=()=>a(t,{className:"p-4",children:[e("header",{className:"rounded-t-lg bg-gray-800 p-4 text-white",children:e("h2",{className:"text-xl",children:"\u9875\u9762\u6807\u9898"})}),a("main",{className:"border-x border-gray-200 bg-white p-4",children:[e("p",{className:"mb-4 text-gray-600",children:"\u4E3B\u8981\u5185\u5BB9\u533A\u57DF"}),a("div",{className:"laptop:grid-cols-2 grid grid-cols-1 gap-4",children:[e("div",{className:"rounded bg-blue-50 p-4",children:"\u5185\u5BB9\u5757 1"}),e("div",{className:"rounded bg-purple-50 p-4",children:"\u5185\u5BB9\u5757 2"})]})]}),e("footer",{className:"rounded-b-lg border-x border-b border-gray-200 bg-gray-100 p-4",children:e("p",{className:"text-sm text-gray-500",children:"\u9875\u811A\u5185\u5BB9"})})]});export{l as Basic,n as NestedContent,m as ResponsivePadding,i as WithPaddingAndBackground,d as default};
+//# sourceMappingURL=container.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/container.stories.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Container } from '../components/index.js'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nconst meta = {\n  title: 'Layout/Container',\n  component: Container,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\nContainer \u5BB9\u5668\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u9650\u5236\u548C\u7EA6\u675F\u5185\u5BB9\u7684\u6700\u5927\u5BBD\u5EA6\uFF0C\u5B9E\u73B0\u54CD\u5E94\u5F0F\u7684\u9875\u9762\u5E03\u5C40\u3002\n\n### \u5B9E\u73B0\u7EC6\u8282\n- \u57FA\u4E8E Tailwind CSS \u5B9E\u73B0\n- \u9ED8\u8BA4\u6700\u5927\u5BBD\u5EA6\u4E3A 1664px\n- \u54CD\u5E94\u5F0F\u8FB9\u8DDD\u8BBE\u8BA1\uFF1A\n  - \u9ED8\u8BA4: \u5DE6\u53F3\u8FB9\u8DDD 16px (mx-4)\n  - tablet: \u5DE6\u53F3\u8FB9\u8DDD 32px (mx-8)\n  - laptop: \u5DE6\u53F3\u8FB9\u8DDD 64px (mx-16)\n  - desktop: \u5DE6\u53F3\u8FB9\u8DDD 64px (mx-16)\n  - lg-desktop: \u5DE6\u53F3\u8FB9\u8DDD 128px (mx-32)\n\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Container>\n\nexport default meta\n\ntype Story = StoryObj<typeof Container>\n\n// \u57FA\u7840\u793A\u4F8B\nexport const Basic = () => (\n  <Container className=\"p-4\">\n    <div className=\"rounded-lg bg-blue-100 p-4 text-center\">\u57FA\u7840\u5BB9\u5668 - \u81EA\u52A8\u5C45\u4E2D\uFF0C\u54CD\u5E94\u5F0F\u5BBD\u5EA6</div>\n  </Container>\n)\n\n// \u5E26\u5185\u8FB9\u8DDD\u548C\u80CC\u666F\u8272\nexport const WithPaddingAndBackground = () => (\n  <Container className=\"bg-gray-50 p-4\">\n    <div className=\"space-y-4\">\n      <div className=\"rounded-lg bg-white p-4 shadow-sm\">\n        <h3 className=\"text-lg font-medium\">\u5185\u5BB9\u533A\u5757 1</h3>\n        <p className=\"text-gray-600\">\u5E26\u6709\u5185\u8FB9\u8DDD\u548C\u80CC\u666F\u8272\u7684\u5BB9\u5668\u793A\u4F8B</p>\n      </div>\n      <div className=\"rounded-lg bg-white p-4 shadow-sm\">\n        <h3 className=\"text-lg font-medium\">\u5185\u5BB9\u533A\u5757 2</h3>\n        <p className=\"text-gray-600\">\u5C55\u793A\u5185\u5BB9\u7684\u7EC4\u7EC7\u65B9\u5F0F</p>\n      </div>\n    </div>\n  </Container>\n)\n\n// \u54CD\u5E94\u5F0F\u5185\u8FB9\u8DDD\nexport const ResponsivePadding = () => (\n  <Container className=\"tablet:px-6 laptop:px-8 bg-gradient-to-r from-blue-50 to-purple-50 p-4\">\n    <div className=\"rounded-lg bg-white p-4 shadow-sm\">\n      <h3 className=\"text-lg font-medium\">\u54CD\u5E94\u5F0F\u5185\u8FB9\u8DDD</h3>\n      <p className=\"text-gray-600\">\n        \u5728\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u4E0B\u6709\u4E0D\u540C\u7684\u6C34\u5E73\u5185\u8FB9\u8DDD\uFF1A\n        <br />\n        \u9ED8\u8BA4: px-4 (16px)\n        <br />\n        tablet: px-6 (24px)\n        <br />\n        laptop: px-8 (32px)\n      </p>\n    </div>\n  </Container>\n)\n\n// \u5D4C\u5957\u5185\u5BB9\u793A\u4F8B\nexport const NestedContent = () => (\n  <Container className=\"p-4\">\n    <header className=\"rounded-t-lg bg-gray-800 p-4 text-white\">\n      <h2 className=\"text-xl\">\u9875\u9762\u6807\u9898</h2>\n    </header>\n    <main className=\"border-x border-gray-200 bg-white p-4\">\n      <p className=\"mb-4 text-gray-600\">\u4E3B\u8981\u5185\u5BB9\u533A\u57DF</p>\n      <div className=\"laptop:grid-cols-2 grid grid-cols-1 gap-4\">\n        <div className=\"rounded bg-blue-50 p-4\">\u5185\u5BB9\u5757 1</div>\n        <div className=\"rounded bg-purple-50 p-4\">\u5185\u5BB9\u5757 2</div>\n      </div>\n    </main>\n    <footer className=\"rounded-b-lg border-x border-b border-gray-200 bg-gray-100 p-4\">\n      <p className=\"text-sm text-gray-500\">\u9875\u811A\u5185\u5BB9</p>\n    </footer>\n  </Container>\n)\n"],
+  "mappings": "AAsCI,cAAAA,EAQE,QAAAC,MARF,oBAtCJ,MAAkB,QAClB,OAAS,aAAAC,MAAiB,yBAG1B,MAAMC,EAAO,CACX,MAAO,mBACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAcb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAKR,MAAME,EAAQ,IACnBL,EAACE,EAAA,CAAU,UAAU,MACnB,SAAAF,EAAC,OAAI,UAAU,yCAAyC,mGAAiB,EAC3E,EAIWM,EAA2B,IACtCN,EAACE,EAAA,CAAU,UAAU,iBACnB,SAAAD,EAAC,OAAI,UAAU,YACb,UAAAA,EAAC,OAAI,UAAU,oCACb,UAAAD,EAAC,MAAG,UAAU,sBAAsB,sCAAM,EAC1CA,EAAC,KAAE,UAAU,gBAAgB,gGAAc,GAC7C,EACAC,EAAC,OAAI,UAAU,oCACb,UAAAD,EAAC,MAAG,UAAU,sBAAsB,sCAAM,EAC1CA,EAAC,KAAE,UAAU,gBAAgB,kEAAS,GACxC,GACF,EACF,EAIWO,EAAoB,IAC/BP,EAACE,EAAA,CAAU,UAAU,yEACnB,SAAAD,EAAC,OAAI,UAAU,oCACb,UAAAD,EAAC,MAAG,UAAU,sBAAsB,gDAAM,EAC1CC,EAAC,KAAE,UAAU,gBAAgB,yHAE3BD,EAAC,OAAG,EAAE,4BAENA,EAAC,OAAG,EAAE,sBAENA,EAAC,OAAG,EAAE,uBAER,GACF,EACF,EAIWQ,EAAgB,IAC3BP,EAACC,EAAA,CAAU,UAAU,MACnB,UAAAF,EAAC,UAAO,UAAU,0CAChB,SAAAA,EAAC,MAAG,UAAU,UAAU,oCAAI,EAC9B,EACAC,EAAC,QAAK,UAAU,wCACd,UAAAD,EAAC,KAAE,UAAU,qBAAqB,gDAAM,EACxCC,EAAC,OAAI,UAAU,4CACb,UAAAD,EAAC,OAAI,UAAU,yBAAyB,gCAAK,EAC7CA,EAAC,OAAI,UAAU,2BAA2B,gCAAK,GACjD,GACF,EACAA,EAAC,UAAO,UAAU,iEAChB,SAAAA,EAAC,KAAE,UAAU,wBAAwB,oCAAI,EAC3C,GACF",
+  "names": ["jsx", "jsxs", "Container", "meta", "container_stories_default", "Basic", "WithPaddingAndBackground", "ResponsivePadding", "NestedContent"]
+}

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

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import("../cpn-components/CpnBanner/types.js").BannerProps) => 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/cpnBanner.stories.js

@@ -0,0 +1,2 @@
+import{CpnBanner as t}from"../cpn-components/index.js";const e={title:"Cpn-Components/CpnBanner",component:t,parameters:{viewport:{defaultViewport:"tablet"}},tags:["autodocs"]};var n=e;const s={args:{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/landing_banner.jpg?v=1742379112",imageMob:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/landing_banner_mob.png?v=1742458121",content:[{type:"subheading",text:"Kick Off Summer with Exclusive Savings"},{type:"title",text:"Kick Off Summer with Exclusive Savings"},{type:"subtitle",text:"Get Early Access to Amazing Offers"},{type:"countdown",endTime:"2025-06-30T00:00:00",copy:{days:"Days",hours:"HRS",minutes:"MINS",seconds:"SEC"}},{type:"button",text:"Check Out Now"}],cns:{box:"",content:"min-md:max-w-[28vw] min-xl:max-w-[25vw] mx-auto",title:"",subtitle:"",button:"",countdown:{item:"bg-[#042637]",copy:"opacity-75"}}}};export{s as Default,n as default};
+//# sourceMappingURL=cpnBanner.stories.js.map

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

@@ -0,0 +1,19 @@
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<{
+        data: {
+            shape?: "rounded" | "square";
+            productsTab: import("../biz-components/CreativeModule/index.js").CreativeModuleDataType[];
+        };
+        className?: string;
+    }, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
+        className?: string;
+        data?: Record<string, any>;
+    } & import("react").RefAttributes<any>>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/stories/creativeModule.stories.js

@@ -0,0 +1,2 @@
+import{jsx as d}from"react/jsx-runtime";import{CreativeModule as e}from"../biz-components/index.js";const t={title:"Biz-Components/CreativeModule",component:e,tags:["autodocs"],parameters:{layout:"centered"}};var s=t;const a={productsTab:[{title:"Creative Module",description:"Creative Module",shape:"rounded",span:8,img:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/fdf5df46-fd39-4f58-8f22-ce0ca9060dff_A3035Z11_Rich_image_TD01_US_V1_3840x_4223056c-ac1e-4240-b485-e9547bd03de0.jpg?v=1753674542",alt:"Creative Module"},mobileImg:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/fdf5df46-fd39-4f58-8f22-ce0ca9060dff_A3035Z11_Rich_image_TD01_US_V1_3840x_4223056c-ac1e-4240-b485-e9547bd03de0.jpg?v=1753674542",alt:"Creative Module"}},{title:"Creative Module",description:"Creative Module",shape:"rounded",span:4,img:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889",alt:"Creative Module"},mobileImg:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889",alt:"Creative Module"}},{title:"Creative Module",description:"Creative Module",shape:"rounded",span:4,img:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/40626a76-013f-4fb1-aead-2efa567fc7fa_20250617-103321_3840x_46ed02ba-b7a0-48a1-8ca0-45042163e62f.jpg?v=1753670282",alt:"Creative Module"},mobileImg:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889",alt:"Creative Module"}},{title:"Creative Module",description:"Creative Module",shape:"rounded",span:4,img:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/40626a76-013f-4fb1-aead-2efa567fc7fa_20250617-103321_3840x_46ed02ba-b7a0-48a1-8ca0-45042163e62f.jpg?v=1753670282",alt:"Creative Module"},mobileImg:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889",alt:"Creative Module"}}]},o=()=>d(e,{data:a});export{o as Default,s as default};
+//# sourceMappingURL=creativeModule.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/creativeModule.stories.tsx"],
+  "sourcesContent": ["import type { Meta } from '@storybook/react'\nimport { CreativeModule } from '../biz-components/index.js'\n\nconst meta = {\n  title: 'Biz-Components/CreativeModule',\n  component: CreativeModule,\n  tags: ['autodocs'],\n  parameters: {\n    layout: 'centered',\n  },\n} satisfies Meta<typeof CreativeModule>\n\nexport default meta\n\nconst data = {\n  productsTab: [\n    {\n      title: 'Creative Module',\n      description: 'Creative Module',\n      shape: 'rounded',\n      span: 8,\n      img: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/fdf5df46-fd39-4f58-8f22-ce0ca9060dff_A3035Z11_Rich_image_TD01_US_V1_3840x_4223056c-ac1e-4240-b485-e9547bd03de0.jpg?v=1753674542',\n        alt: 'Creative Module',\n      },\n      mobileImg: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/fdf5df46-fd39-4f58-8f22-ce0ca9060dff_A3035Z11_Rich_image_TD01_US_V1_3840x_4223056c-ac1e-4240-b485-e9547bd03de0.jpg?v=1753674542',\n        alt: 'Creative Module',\n      },\n    },\n    {\n      title: 'Creative Module',\n      description: 'Creative Module',\n      shape: 'rounded',\n      span: 4,\n      img: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889',\n        alt: 'Creative Module',\n      },\n      mobileImg: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889',\n        alt: 'Creative Module',\n      },\n    },\n    {\n      title: 'Creative Module',\n      description: 'Creative Module',\n      shape: 'rounded',\n      span: 4,\n      img: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/40626a76-013f-4fb1-aead-2efa567fc7fa_20250617-103321_3840x_46ed02ba-b7a0-48a1-8ca0-45042163e62f.jpg?v=1753670282',\n        alt: 'Creative Module',\n      },\n      mobileImg: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889',\n        alt: 'Creative Module',\n      },\n    },\n    {\n      title: 'Creative Module',\n      description: 'Creative Module',\n      shape: 'rounded',\n      span: 4,\n      img: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/40626a76-013f-4fb1-aead-2efa567fc7fa_20250617-103321_3840x_46ed02ba-b7a0-48a1-8ca0-45042163e62f.jpg?v=1753670282',\n        alt: 'Creative Module',\n      },\n      mobileImg: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889',\n        alt: 'Creative Module',\n      },\n    },\n  ],\n} as {\n  productsTab: {\n    title: string\n    description: string\n    theme: 'light' | 'dark'\n    shape: 'rounded' | 'square'\n    span: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n    img: {\n      url: string\n      alt: string\n    }\n    mobileImg: {\n      url: string\n      alt: string\n    }\n  }[]\n}\n\nexport const Default = () => <CreativeModule data={data} />\n"],
+  "mappings": "AA2F6B,cAAAA,MAAA,oBA1F7B,OAAS,kBAAAC,MAAsB,6BAE/B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAWD,EACX,KAAM,CAAC,UAAU,EACjB,WAAY,CACV,OAAQ,UACV,CACF,EAEA,IAAOE,EAAQD,EAEf,MAAME,EAAO,CACX,YAAa,CACX,CACE,MAAO,kBACP,YAAa,kBACb,MAAO,UACP,KAAM,EACN,IAAK,CACH,IAAK,yLACL,IAAK,iBACP,EACA,UAAW,CACT,IAAK,yLACL,IAAK,iBACP,CACF,EACA,CACE,MAAO,kBACP,YAAa,kBACb,MAAO,UACP,KAAM,EACN,IAAK,CACH,IAAK,uHACL,IAAK,iBACP,EACA,UAAW,CACT,IAAK,uHACL,IAAK,iBACP,CACF,EACA,CACE,MAAO,kBACP,YAAa,kBACb,MAAO,UACP,KAAM,EACN,IAAK,CACH,IAAK,0KACL,IAAK,iBACP,EACA,UAAW,CACT,IAAK,uHACL,IAAK,iBACP,CACF,EACA,CACE,MAAO,kBACP,YAAa,kBACb,MAAO,UACP,KAAM,EACN,IAAK,CACH,IAAK,0KACL,IAAK,iBACP,EACA,UAAW,CACT,IAAK,uHACL,IAAK,iBACP,CACF,CACF,CACF,EAkBaC,EAAU,IAAML,EAACC,EAAA,CAAe,KAAMG,EAAM",
+  "names": ["jsx", "CreativeModule", "meta", "creativeModule_stories_default", "data", "Default"]
+}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Dialog } from '../components/index.js';
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<import("@radix-ui/react-dialog").DialogProps>;
+    subcomponents: any;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof Dialog>;
+export declare const Default: Story;

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

@@ -0,0 +1,2 @@
+import{Fragment as m,jsx as e,jsxs as a}from"react/jsx-runtime";import"react";import{Button as g,Dialog as c,DialogContent as t,DialogDescription as o,DialogFooter as i,DialogHeader as l,DialogTitle as r,DialogTrigger as s,Input as n}from"../components/index.js";const d={title:"Components/Dialog",component:c,subcomponents:{DialogTrigger:s,DialogContent:t,DialogHeader:l,DialogTitle:r,DialogDescription:o,DialogFooter:i},parameters:{layout:"centered",docs:{description:{component:"\u5F39\u7A97\u7EC4\u4EF6\uFF0C\u57FA\u4E8E@radix-ui/react-dialog\uFF0Chttps://www.radix-ui.com/primitives/docs/components/dialog "}}},tags:["autodocs"]};var y=d;const f={args:{children:a(m,{children:[e(s,{asChild:!0,children:e("button",{children:"Edit Profile"})}),a(t,{className:"tablet:max-w-[425px]",children:[a(l,{children:[e(r,{children:"Edit profile"}),e(o,{children:"Make changes to your profile here. Click save when you're done."})]}),a("div",{className:"grid gap-4 py-4",children:[a("div",{className:"grid grid-cols-4 items-center gap-4",children:[e("label",{htmlFor:"name",className:"text-right",children:"Name"}),e(n,{id:"name",defaultValue:"Pedro Duarte",className:"col-span-3"})]}),a("div",{className:"grid grid-cols-4 items-center gap-4",children:[e("label",{htmlFor:"username",className:"text-right",children:"Username"}),e(n,{id:"username",defaultValue:"@peduarte",className:"col-span-3"})]})]}),e(i,{children:e(g,{type:"submit",children:"Save changes"})})]})]})}};export{f as Default,y as default};
+//# sourceMappingURL=dialog.stories.js.map

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

@@ -0,0 +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"],
+  "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.d.ts

@@ -0,0 +1,20 @@
+import { Drawer } from '../components/index.js';
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: typeof Drawer;
+    subcomponents: any;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof Drawer>;
+export declare const Default: Story;
+export declare const Bottom: Story;