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

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

@@ -1,56 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import React from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("../components/button.js").ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-    argTypes: {
-        variant: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-        };
-        size: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-        };
-        hoverEffect: {
-            description: string;
-            control: {
-                type: "select";
-            };
-            options: string[];
-        };
-    };
-    args: {
-        variant: "primary";
-        size: "base";
-        children: string;
-        disabled: false;
-        loading: false;
-        hoverEffect: "none";
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Link: Story;
-export declare const WithIcon: Story;
-export declare const Loading: Story;
-export declare const Aschild: Story;
-export declare const Spinner: Story;
-export declare const AsLinkTag: Story;

package/dist/cjs/stories/button.stories.js

@@ -1,2 +0,0 @@
-"use strict";var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var g=(o,t)=>{for(var r in t)s(o,r,{get:t[r],enumerable:!0})},m=(o,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of p(t))!d.call(o,a)&&a!==r&&s(o,a,{get:()=>t[a],enumerable:!(n=l(t,a))||n.enumerable});return o};var y=o=>m(s({},"__esModule",{value:!0}),o);var w={};g(w,{AsLinkTag:()=>k,Aschild:()=>M,Link:()=>x,Loading:()=>u,Primary:()=>v,Secondary:()=>z,Spinner:()=>b,WithIcon:()=>S,default:()=>f});module.exports=y(w);var e=require("react/jsx-runtime"),i=require("@storybook/icons"),c=require("../components/index.js"),B=require("react");const h={title:"Components/Button",component:c.Button,parameters:{layout:"centered",docs:{description:{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"}}},tags:["autodocs"],argTypes:{variant:{control:{type:"select"},options:["primary","secondary","link","ghost"],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"},size:{control:{type:"select"},options:["sm","base","lg","icon"],description:"\u6309\u94AE\u5927\u5C0F \u9ED8\u8BA4\u662F lg, \u53EF\u9009\u503C: sm, base, lg, icon"},hoverEffect:{description:"hover \u72B6\u6001\u4E0B\u7684\u52A8\u753B\u6548\u679C\uFF0C\u4EC5\u5728variant\u662Fprimary \u548C secondary \u65F6\u751F\u6548",control:{type:"select"},options:["none","slide"]}},args:{variant:"primary",size:"base",children:"Button",disabled:!1,loading:!1,hoverEffect:"none"}};var f=h;const v={args:{size:"lg",children:"Primary"}},z={args:{size:"lg",variant:"secondary",children:"Secondary"}},x={args:{size:"lg",variant:"link",children:"Link"}},S={args:{size:"lg",children:(0,e.jsxs)(e.Fragment,{children:["WithIcon ",(0,e.jsx)(i.SearchIcon,{className:"ml-2"})]})}},u={args:{size:"lg",loading:!0}},M={args:{size:"lg",asChild:!0,children:(0,e.jsx)("a",{href:"http://example.com",children:"as a a tag"})}},b={args:{size:"lg",loading:!0,spinner:(0,e.jsxs)("div",{className:"flex animate-pulse flex-row font-bold text-neutral-900",children:[(0,e.jsx)("svg",{viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"2625",width:"1rem",className:"align-middle",children:(0,e.jsx)("path",{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",fill:"","p-id":"2626"})}),"\xA0loading..."]})}},k={args:{size:"lg",as:"a",href:"http://example.com",children:"learn more"}};
-//# sourceMappingURL=button.stories.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,EAAA,YAAAC,EAAA,SAAAC,EAAA,YAAAC,EAAA,YAAAC,EAAA,cAAAC,EAAA,YAAAC,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAX,GA0FM,IAAAY,EAAA,6BAzFNC,EAA2B,4BAE3BC,EAAuB,kCACvBC,EAAkB,iBAGlB,MAAMC,EAAO,CAEX,MAAO,oBACP,UAAW,SACX,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,IAAON,EAAQM,EAOR,MAAMV,EAAiB,CAC5B,KAAM,CACJ,KAAM,KACN,SAAU,SACZ,CACF,EAEaC,EAAmB,CAC9B,KAAM,CACJ,KAAM,KACN,QAAS,YACT,SAAU,WACZ,CACF,EAEaH,EAAc,CACzB,KAAM,CACJ,KAAM,KACN,QAAS,OACT,SAAU,MACZ,CACF,EAEaK,EAAkB,CAC7B,KAAM,CACJ,KAAM,KACN,YACE,oBAAE,yBACS,OAAC,cAAW,UAAU,OAAO,GACxC,CAEJ,CACF,EAEaJ,EAAiB,CAC5B,KAAM,CACJ,KAAM,KACN,QAAS,EACX,CACF,EAEaF,EAAiB,CAC5B,KAAM,CACJ,KAAM,KACN,QAAS,GACT,YAAU,OAAC,KAAE,KAAK,qBAAqB,sBAAU,CACnD,CACF,EAEaK,EAAiB,CAC5B,KAAM,CACJ,KAAM,KACN,QAAS,GACT,WACE,QAAC,OAAI,UAAU,yDACb,oBAAC,OACC,QAAQ,gBACR,QAAQ,MACR,MAAM,6BACN,OAAK,OACL,MAAM,OACN,UAAU,eAEV,mBAAC,QACC,EAAE,o5EACF,KAAK,GACL,OAAK,OACN,EACH,EAAM,kBAER,CAEJ,CACF,EAEaN,EAAmB,CAC9B,KAAM,CACJ,KAAM,KACN,GAAI,IACJ,KAAM,qBACN,SAAU,YACZ,CACF",
-  "names": ["button_stories_exports", "__export", "AsLinkTag", "Aschild", "Link", "Loading", "Primary", "Secondary", "Spinner", "WithIcon", "button_stories_default", "__toCommonJS", "import_jsx_runtime", "import_icons", "import_components", "import_react", "meta"]
-}

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

@@ -1,27 +0,0 @@
-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/cjs/stories/card.stories.js

@@ -1,2 +0,0 @@
-"use strict";var s=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var i=(a,t)=>{for(var n in t)s(a,n,{get:t[n],enumerable:!0})},l=(a,t,n,d)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of p(t))!C.call(a,o)&&o!==n&&s(a,o,{get:()=>t[o],enumerable:!(d=c(t,o))||d.enumerable});return a};var m=a=>l(s({},"__esModule",{value:!0}),a);var b={};i(b,{Default:()=>f,WithHeader:()=>u,WithImage:()=>g,default:()=>h});module.exports=m(b);var r=require("react/jsx-runtime"),e=require("../components/index.js"),x=require("react");const y={title:"Components/Card",component:e.Card,subcomponents:{CardHeader:e.CardHeader,CardContent:e.CardContent,CardDescription:e.CardDescription,CardFooter:e.CardFooter,CardTitle:e.CardTitle},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 h=y;const f={render(){return(0,r.jsxs)(e.Card,{className:"",children:[(0,r.jsx)(e.CardHeader,{}),(0,r.jsxs)(e.CardContent,{children:[(0,r.jsx)("p",{children:"Charge Easily On the Go"}),(0,r.jsx)("p",{children:"charge Everything Everywhere Faster All at Once"})]}),(0,r.jsx)(e.CardFooter,{className:"flex justify-between",children:(0,r.jsx)(e.Button,{children:"Learn More"})})]})}},u={render(){return(0,r.jsxs)(e.Card,{className:"",children:[(0,r.jsxs)(e.CardHeader,{children:[(0,r.jsx)(e.CardTitle,{children:"Card title"}),(0,r.jsx)(e.CardDescription,{children:"Card description"})]}),(0,r.jsxs)(e.CardContent,{children:[(0,r.jsx)("p",{children:"Charge Easily On the Go"}),(0,r.jsx)("p",{children:"charge Everything Everywhere Faster All at Once"})]}),(0,r.jsx)(e.CardFooter,{className:"flex justify-between",children:(0,r.jsx)(e.Button,{children:"Learn More"})})]})}},g={render(){return(0,r.jsxs)(e.Card,{className:"w-[400px]",children:[(0,r.jsxs)(e.CardContent,{className:"p-0",children:[(0,r.jsx)(e.Picture,{source:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e5e7c8b6a240bb042c57529a3299c255.png?v=1741664601",alt:"A random image"}),(0,r.jsx)("p",{className:"p-2",children:"click learn more to see how we can help you charge everything everywhere faster all at once"})]}),(0,r.jsx)(e.CardFooter,{className:"flex justify-between pt-[8px]",children:(0,r.jsx)(e.Button,{children:"Learn More"})})]})}};
-//# sourceMappingURL=card.stories.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,eAAAC,EAAA,cAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GA4CQ,IAAAO,EAAA,6BA1CRC,EASO,kCACPC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,kBACP,UAAW,OACX,cAAe,CACb,wBACA,0BACA,kCACA,wBACA,qBACF,EACA,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,8LACJ,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQK,EAIR,MAAMR,EAAiB,CAC5B,QAAS,CACP,SACE,QAAC,QAAK,UAAU,GACd,oBAAC,eAAW,KACZ,QAAC,eACC,oBAAC,KAAE,mCAAuB,KAC1B,OAAC,KAAE,2DAA+C,GACpD,KACA,OAAC,cAAW,UAAU,uBACpB,mBAAC,UAAO,sBAAU,EACpB,GACF,CAEJ,CACF,EAEaC,EAAoB,CAC/B,QAAS,CACP,SACE,QAAC,QAAK,UAAU,GACd,qBAAC,cACC,oBAAC,aAAU,sBAAU,KACrB,OAAC,mBAAgB,4BAAgB,GACnC,KACA,QAAC,eACC,oBAAC,KAAE,mCAAuB,KAC1B,OAAC,KAAE,2DAA+C,GACpD,KACA,OAAC,cAAW,UAAU,uBACpB,mBAAC,UAAO,sBAAU,EACpB,GACF,CAEJ,CACF,EAEaC,EAAmB,CAC9B,QAAS,CACP,SACE,QAAC,QAAK,UAAU,YACd,qBAAC,eAAY,UAAU,MACrB,oBAAC,WACC,OAAO,2GACP,IAAI,iBACN,KACA,OAAC,KAAE,UAAU,MAAM,uGAEnB,GACF,KACA,OAAC,cAAW,UAAU,gCACpB,mBAAC,UAAO,sBAAU,EACpB,GACF,CAEJ,CACF",
-  "names": ["card_stories_exports", "__export", "Default", "WithHeader", "WithImage", "card_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
-}

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

@@ -1,8 +0,0 @@
-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/cjs/stories/carousel.stories.js

@@ -1,2 +0,0 @@
-"use strict";var l=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var u=(a,s)=>{for(var r in s)l(a,r,{get:s[r],enumerable:!0})},f=(a,s,r,n)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of c(s))!m.call(a,o)&&o!==r&&l(a,o,{get:()=>s[o],enumerable:!(n=p(s,o))||n.enumerable});return a};var d=a=>f(l({},"__esModule",{value:!0}),a);var v={};u(v,{Default:()=>g,OverrideClassName:()=>i,Vertical:()=>h,default:()=>C});module.exports=d(v);var e=require("react/jsx-runtime"),t=require("../components/index.js"),_=require("react");const y={title:"Components/Carousel",component:t.Carousel,subcomponents:{CarouselContent:t.CarouselContent,CarouselItem:t.CarouselItem},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 C=y;const g={args:{opts:{align:"start"},children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t.CarouselContent,{children:Array.from({length:5}).map((a,s)=>(0,e.jsx)(t.CarouselItem,{className:"basis-1/3",children:(0,e.jsx)("div",{className:"p-1",children:(0,e.jsx)(t.Card,{children:(0,e.jsx)(t.CardContent,{className:"flex aspect-square items-center justify-center p-6",children:(0,e.jsx)("span",{className:"text-3xl font-semibold",children:s+1})})})})},s))}),(0,e.jsx)(t.CarouselPrevious,{}),(0,e.jsx)(t.CarouselNext,{})]})}},h={render(){return(0,e.jsxs)(t.Carousel,{opts:{align:"start"},orientation:"vertical",className:"w-full max-w-xs",children:[(0,e.jsx)(t.CarouselContent,{className:"-mt-1 h-[200px]",children:Array.from({length:5}).map((a,s)=>(0,e.jsx)(t.CarouselItem,{className:"basis-1/2 pt-1",children:(0,e.jsx)("div",{className:"p-1",children:(0,e.jsx)(t.Card,{children:(0,e.jsx)(t.CardContent,{className:"flex aspect-square items-center justify-center p-6",children:(0,e.jsx)("span",{className:"text-3xl font-semibold",children:s+1})})})})},s))}),(0,e.jsx)(t.CarouselPrevious,{}),(0,e.jsx)(t.CarouselNext,{})]})}},N=["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"],i={render(){return(0,e.jsxs)(t.Carousel,{opts:{loop:!0,align:"center"},showNavigation:!0,navigationPosition:"outter",className:"w-full max-w-xl",children:[(0,e.jsx)(t.CarouselContent,{className:"",children:Array.from({length:5}).map((a,s)=>(0,e.jsx)(t.CarouselItem,{className:"basis-1/2",children:(0,e.jsx)("div",{className:"p-1",children:(0,e.jsx)("img",{src:N[s],alt:""})})},s))}),(0,e.jsx)(t.CarouselPrevious,{className:"left-4"}),(0,e.jsx)(t.CarouselNext,{className:"right-4"})]})}};i.parameters={layout:"padded"};
-//# sourceMappingURL=carousel.stories.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,sBAAAC,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GAyEM,IAAAO,EAAA,6BAxENC,EAQO,kCAEPC,EAAkB,iBAElB,MAAMC,EAA8B,CAClC,MAAO,sBACP,UAAW,WACX,cAAe,CACb,kCACA,2BACF,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,IAAOL,EAAQK,EAGR,MAAMR,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,OACT,EACA,YACE,oBACE,oBAAC,mBACE,eAAM,KAAK,CAAE,OAAQ,CAAE,CAAC,EAAE,IAAI,CAACS,EAAGC,OACjC,OAAC,gBAAyB,UAAU,YAClC,mBAAC,OAAI,UAAU,MACb,mBAAC,QACC,mBAAC,eAAY,UAAU,qDACrB,mBAAC,QAAK,UAAU,yBAA0B,SAAAA,EAAQ,EAAE,EACtD,EACF,EACF,GAPiBA,CAQnB,CACD,EACH,KACA,OAAC,qBAAiB,KAClB,OAAC,iBAAa,GAChB,CAEJ,CACF,EAEaR,EAAkB,CAC7B,QAAS,CACP,SACE,QAAC,YACC,KAAM,CACJ,MAAO,OACT,EACA,YAAY,WACZ,UAAU,kBAEV,oBAAC,mBAAgB,UAAU,kBACxB,eAAM,KAAK,CAAE,OAAQ,CAAE,CAAC,EAAE,IAAI,CAACO,EAAGC,OACjC,OAAC,gBAAyB,UAAU,iBAClC,mBAAC,OAAI,UAAU,MACb,mBAAC,QACC,mBAAC,eAAY,UAAU,qDACrB,mBAAC,QAAK,UAAU,yBAA0B,SAAAA,EAAQ,EAAE,EACtD,EACF,EACF,GAPiBA,CAQnB,CACD,EACH,KACA,OAAC,qBAAiB,KAClB,OAAC,iBAAa,GAChB,CAEJ,CACF,EAEMC,EAAS,CACb,qGACA,2FACA,8GACA,qGACA,0FACF,EACaV,EAA2B,CACtC,QAAS,CACP,SACE,QAAC,YACC,KAAM,CACJ,KAAM,GACN,MAAO,QACT,EACA,eAAgB,GAChB,mBAAmB,SACnB,UAAU,kBAEV,oBAAC,mBAAgB,UAAU,GACxB,eAAM,KAAK,CAAE,OAAQ,CAAE,CAAC,EAAE,IAAI,CAACQ,EAAGC,OACjC,OAAC,gBAAyB,UAAU,YAClC,mBAAC,OAAI,UAAU,MACb,mBAAC,OAAI,IAAKC,EAAOD,CAAK,EAAG,IAAI,GAAG,EAClC,GAHiBA,CAInB,CACD,EACH,KACA,OAAC,oBAAiB,UAAU,SAAS,KACrC,OAAC,gBAAa,UAAU,UAAU,GACpC,CAEJ,CACF,EACAT,EAAkB,WAAa,CAC7B,OAAQ,QACV",
-  "names": ["carousel_stories_exports", "__export", "Default", "OverrideClassName", "Vertical", "carousel_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta", "_", "index", "images"]
-}

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

@@ -1,17 +0,0 @@
-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/cjs/stories/category.stories.js

@@ -1,2 +0,0 @@
-"use strict";var i=Object.create;var p=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var y=(t,e)=>{for(var r in e)p(t,r,{get:e[r],enumerable:!0})},m=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of d(e))!u.call(t,s)&&s!==r&&p(t,s,{get:()=>e[s],enumerable:!(n=l(e,s))||n.enumerable});return t};var b=(t,e,r)=>(r=t!=null?i(f(t)):{},m(e||!t||!t.__esModule?p(r,"default",{value:t,enumerable:!0}):r,t)),g=t=>m(p({},"__esModule",{value:!0}),t);var k={};y(k,{Default:()=>x,MoreThanFive:()=>_,Round:()=>P,default:()=>S});module.exports=g(k);var o=require("react/jsx-runtime"),c=b(require("../biz-components/Category/index.js"));const h={title:"Biz-Components/Category",component:c.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var S=h;const a=[{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"}}],x={args:{data:{isShowSelect:!0,productData:[],products:a},className:"p-4"}},P={args:{data:{isShowSelect:!0,productData:[],shape:"round",products:a},className:"p-4"}},_=()=>(0,o.jsxs)("div",{className:"flex size-full flex-col gap-6 p-4",children:[(0,o.jsx)("span",{className:"text-info-primary text-center text-sm font-bold",children:" 5 Items"}),(0,o.jsx)(c.default,{data:{shape:"round",isShowSelect:!0,productData:[],products:[...a,...a.slice(0,2)]}}),(0,o.jsx)("span",{className:"text-info-primary text-center text-sm font-bold",children:" 6 Items"}),(0,o.jsx)(c.default,{data:{shape:"round",isShowSelect:!0,productData:[],products:[...a,...a]}}),(0,o.jsx)("span",{className:"text-info-primary text-center text-sm font-bold",children:" 9 Items"}),(0,o.jsx)(c.default,{data:{shape:"round",isShowSelect:!0,productData:[],products:[...a,...a,...a]}})]});
-//# sourceMappingURL=category.stories.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,iBAAAC,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GAgEI,IAAAO,EAAA,6BA/DJC,EAAqB,kDAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQI,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,EAEaT,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,aAAc,GACd,YAAa,CAAC,EACd,SAAUS,CACZ,EACA,UAAW,KACb,CACF,EAEaP,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,aAAc,GACd,YAAa,CAAC,EACd,MAAO,QACP,SAAUO,CACZ,EACA,UAAW,KACb,CACF,EAEaR,EAAe,OAExB,QAAC,OAAI,UAAU,oCACb,oBAAC,QAAK,UAAU,kDAAkD,oBAAQ,KAC1E,OAAC,EAAAO,QAAA,CACC,KAAM,CACJ,MAAO,QACP,aAAc,GACd,YAAa,CAAC,EACd,SAAU,CAAC,GAAGC,EAAM,GAAGA,EAAK,MAAM,EAAG,CAAC,CAAC,CACzC,EACF,KACA,OAAC,QAAK,UAAU,kDAAkD,oBAAQ,KAC1E,OAAC,EAAAD,QAAA,CACC,KAAM,CACJ,MAAO,QACP,aAAc,GACd,YAAa,CAAC,EACd,SAAU,CAAC,GAAGC,EAAM,GAAGA,CAAI,CAC7B,EACF,KACA,OAAC,QAAK,UAAU,kDAAkD,oBAAQ,KAC1E,OAAC,EAAAD,QAAA,CACC,KAAM,CACJ,MAAO,QACP,aAAc,GACd,YAAa,CAAC,EACd,SAAU,CAAC,GAAGC,EAAM,GAAGA,EAAM,GAAGA,CAAI,CACtC,EACF,GACF",
-  "names": ["category_stories_exports", "__export", "Default", "MoreThanFive", "Round", "category_stories_default", "__toCommonJS", "import_jsx_runtime", "import_Category", "meta", "Category", "mock"]
-}

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

@@ -1,46 +0,0 @@
-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/cjs/stories/checkbox.stories.js

@@ -1,2 +0,0 @@
-"use strict";var l=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var p=(s,t)=>{for(var i in t)l(s,i,{get:t[i],enumerable:!0})},b=(s,t,i,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of m(t))!n.call(s,o)&&o!==i&&l(s,o,{get:()=>t[o],enumerable:!(r=d(t,o))||r.enumerable});return s};var x=s=>b(l({},"__esModule",{value:!0}),s);var v={};p(v,{Default:()=>u,Disabled:()=>g,Sizes:()=>c,default:()=>y});module.exports=x(v);var e=require("react/jsx-runtime"),a=require("../components/index.js"),N=require("react");const f={title:"Components/Checkbox",component:a.Checkbox,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 y=f;const u={args:{size:"base"}},c=()=>(0,e.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,e.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,e.jsx)(a.Checkbox,{id:"terms",size:"sm"}),(0,e.jsx)("label",{htmlFor:"terms",className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:"Accept terms and conditions"})]}),(0,e.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,e.jsx)(a.Checkbox,{id:"terms1",size:"base"}),(0,e.jsx)("label",{htmlFor:"terms1",className:"text-base font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:"Accept terms and conditions"})]}),(0,e.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,e.jsx)(a.Checkbox,{id:"terms2",size:"lg"}),(0,e.jsx)("label",{htmlFor:"terms2",className:"text-lg font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:"Accept terms and conditions"})]})]});c.parameters={docs:{description:{story:"\u4E0D\u540C\u7684\u5C3A\u5BF8"}}};const g=()=>(0,e.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,e.jsx)(a.Checkbox,{id:"terms",disabled:!0}),(0,e.jsx)("label",{htmlFor:"terms",className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:"Accept terms and conditions"})]});
-//# sourceMappingURL=checkbox.stories.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,aAAAC,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GA6CI,IAAAO,EAAA,6BA5CJC,EAAyB,kCACzBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,sBACP,UAAW,WACX,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,IAAOL,EAAQK,EAIR,MAAMR,EAAiB,CAC5B,KAAM,CACJ,KAAM,MACR,CACF,EAEaE,EAAQ,OACnB,QAAC,OAAI,UAAU,sBACb,qBAAC,OAAI,UAAU,8BACb,oBAAC,YAAS,GAAG,QAAQ,KAAK,KAAK,KAC/B,OAAC,SACC,QAAQ,QACR,UAAU,6FACX,uCAED,GACF,KACA,QAAC,OAAI,UAAU,8BACb,oBAAC,YAAS,GAAG,SAAS,KAAK,OAAO,KAClC,OAAC,SACC,QAAQ,SACR,UAAU,+FACX,uCAED,GACF,KACA,QAAC,OAAI,UAAU,8BACb,oBAAC,YAAS,GAAG,SAAS,KAAK,KAAK,KAChC,OAAC,SACC,QAAQ,SACR,UAAU,6FACX,uCAED,GACF,GACF,EAEFA,EAAM,WAAa,CACjB,KAAM,CACJ,YAAa,CACX,MAAO,gCACT,CACF,CACF,EAEO,MAAMD,EAAW,OACtB,QAAC,OAAI,UAAU,8BACb,oBAAC,YAAS,GAAG,QAAQ,SAAQ,GAAC,KAC9B,OAAC,SACC,QAAQ,QACR,UAAU,6FACX,uCAED,GACF",
-  "names": ["checkbox_stories_exports", "__export", "Default", "Disabled", "Sizes", "checkbox_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
-}

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

@@ -1,28 +0,0 @@
-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/cjs/stories/container.stories.js

@@ -1,15 +0,0 @@
-"use strict";var p=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var n=(t,a)=>{for(var r in a)p(t,r,{get:a[r],enumerable:!0})},c=(t,a,r,d)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of i(a))!m.call(t,s)&&s!==r&&p(t,s,{get:()=>a[s],enumerable:!(d=l(a,s))||d.enumerable});return t};var g=t=>c(p({},"__esModule",{value:!0}),t);var v={};n(v,{Basic:()=>N,NestedContent:()=>h,ResponsivePadding:()=>y,WithPaddingAndBackground:()=>u,default:()=>b});module.exports=g(v);var e=require("react/jsx-runtime"),C=require("react"),o=require("../components/index.js");const x={title:"Layout/Container",component:o.Container,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 b=x;const N=()=>(0,e.jsx)(o.Container,{className:"p-4",children:(0,e.jsx)("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"})}),u=()=>(0,e.jsx)(o.Container,{className:"bg-gray-50 p-4",children:(0,e.jsxs)("div",{className:"space-y-4",children:[(0,e.jsxs)("div",{className:"rounded-lg bg-white p-4 shadow-sm",children:[(0,e.jsx)("h3",{className:"text-lg font-medium",children:"\u5185\u5BB9\u533A\u5757 1"}),(0,e.jsx)("p",{className:"text-gray-600",children:"\u5E26\u6709\u5185\u8FB9\u8DDD\u548C\u80CC\u666F\u8272\u7684\u5BB9\u5668\u793A\u4F8B"})]}),(0,e.jsxs)("div",{className:"rounded-lg bg-white p-4 shadow-sm",children:[(0,e.jsx)("h3",{className:"text-lg font-medium",children:"\u5185\u5BB9\u533A\u5757 2"}),(0,e.jsx)("p",{className:"text-gray-600",children:"\u5C55\u793A\u5185\u5BB9\u7684\u7EC4\u7EC7\u65B9\u5F0F"})]})]})}),y=()=>(0,e.jsx)(o.Container,{className:"tablet:px-6 laptop:px-8 bg-gradient-to-r from-blue-50 to-purple-50 p-4",children:(0,e.jsxs)("div",{className:"rounded-lg bg-white p-4 shadow-sm",children:[(0,e.jsx)("h3",{className:"text-lg font-medium",children:"\u54CD\u5E94\u5F0F\u5185\u8FB9\u8DDD"}),(0,e.jsxs)("p",{className:"text-gray-600",children:["\u5728\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u4E0B\u6709\u4E0D\u540C\u7684\u6C34\u5E73\u5185\u8FB9\u8DDD\uFF1A",(0,e.jsx)("br",{}),"\u9ED8\u8BA4: px-4 (16px)",(0,e.jsx)("br",{}),"tablet: px-6 (24px)",(0,e.jsx)("br",{}),"laptop: px-8 (32px)"]})]})}),h=()=>(0,e.jsxs)(o.Container,{className:"p-4",children:[(0,e.jsx)("header",{className:"rounded-t-lg bg-gray-800 p-4 text-white",children:(0,e.jsx)("h2",{className:"text-xl",children:"\u9875\u9762\u6807\u9898"})}),(0,e.jsxs)("main",{className:"border-x border-gray-200 bg-white p-4",children:[(0,e.jsx)("p",{className:"mb-4 text-gray-600",children:"\u4E3B\u8981\u5185\u5BB9\u533A\u57DF"}),(0,e.jsxs)("div",{className:"laptop:grid-cols-2 grid grid-cols-1 gap-4",children:[(0,e.jsx)("div",{className:"rounded bg-blue-50 p-4",children:"\u5185\u5BB9\u5757 1"}),(0,e.jsx)("div",{className:"rounded bg-purple-50 p-4",children:"\u5185\u5BB9\u5757 2"})]})]}),(0,e.jsx)("footer",{className:"rounded-b-lg border-x border-b border-gray-200 bg-gray-100 p-4",children:(0,e.jsx)("p",{className:"text-sm text-gray-500",children:"\u9875\u811A\u5185\u5BB9"})})]});
-//# sourceMappingURL=container.stories.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,EAAA,kBAAAC,EAAA,sBAAAC,EAAA,6BAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GAsCI,IAAAQ,EAAA,6BAtCJC,EAAkB,iBAClBC,EAA0B,kCAG1B,MAAMC,EAAO,CACX,MAAO,mBACP,UAAW,YACX,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,IAAOL,EAAQK,EAKR,MAAMT,EAAQ,OACnB,OAAC,aAAU,UAAU,MACnB,mBAAC,OAAI,UAAU,yCAAyC,mGAAiB,EAC3E,EAIWG,EAA2B,OACtC,OAAC,aAAU,UAAU,iBACnB,oBAAC,OAAI,UAAU,YACb,qBAAC,OAAI,UAAU,oCACb,oBAAC,MAAG,UAAU,sBAAsB,sCAAM,KAC1C,OAAC,KAAE,UAAU,gBAAgB,gGAAc,GAC7C,KACA,QAAC,OAAI,UAAU,oCACb,oBAAC,MAAG,UAAU,sBAAsB,sCAAM,KAC1C,OAAC,KAAE,UAAU,gBAAgB,kEAAS,GACxC,GACF,EACF,EAIWD,EAAoB,OAC/B,OAAC,aAAU,UAAU,yEACnB,oBAAC,OAAI,UAAU,oCACb,oBAAC,MAAG,UAAU,sBAAsB,gDAAM,KAC1C,QAAC,KAAE,UAAU,gBAAgB,4HAE3B,OAAC,OAAG,EAAE,+BAEN,OAAC,OAAG,EAAE,yBAEN,OAAC,OAAG,EAAE,uBAER,GACF,EACF,EAIWD,EAAgB,OAC3B,QAAC,aAAU,UAAU,MACnB,oBAAC,UAAO,UAAU,0CAChB,mBAAC,MAAG,UAAU,UAAU,oCAAI,EAC9B,KACA,QAAC,QAAK,UAAU,wCACd,oBAAC,KAAE,UAAU,qBAAqB,gDAAM,KACxC,QAAC,OAAI,UAAU,4CACb,oBAAC,OAAI,UAAU,yBAAyB,gCAAK,KAC7C,OAAC,OAAI,UAAU,2BAA2B,gCAAK,GACjD,GACF,KACA,OAAC,UAAO,UAAU,iEAChB,mBAAC,KAAE,UAAU,wBAAwB,oCAAI,EAC3C,GACF",
-  "names": ["container_stories_exports", "__export", "Basic", "NestedContent", "ResponsivePadding", "WithPaddingAndBackground", "container_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "meta"]
-}

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

@@ -1,14 +0,0 @@
-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/cjs/stories/cpnBanner.stories.js

@@ -1,2 +0,0 @@
-"use strict";var s=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var r=Object.prototype.hasOwnProperty;var c=(e,t)=>{for(var n in t)s(e,n,{get:t[n],enumerable:!0})},y=(e,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of m(t))!r.call(e,o)&&o!==n&&s(e,o,{get:()=>t[o],enumerable:!(i=p(t,o))||i.enumerable});return e};var f=e=>y(s({},"__esModule",{value:!0}),e);var d={};c(d,{Default:()=>b,default:()=>u});module.exports=f(d);var a=require("../cpn-components/index.js");const l={title:"Cpn-Components/CpnBanner",component:a.CpnBanner,parameters:{viewport:{defaultViewport:"tablet"}},tags:["autodocs"]};var u=l;const b={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"}}}};
-//# sourceMappingURL=cpnBanner.stories.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAEA,IAAAK,EAA0B,sCAE1B,MAAMC,EAAO,CACX,MAAO,2BACP,UAAW,YACX,WAAY,CAEV,SAAU,CAAE,gBAAiB,QAAS,CACxC,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOH,EAAQG,EAIR,MAAMJ,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_stories_exports", "__export", "Default", "cpnBanner_stories_default", "__toCommonJS", "import_cpn_components", "meta"]
-}

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

@@ -1,12 +0,0 @@
-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/cjs/stories/cpnCountdown.stories.js

@@ -1,2 +0,0 @@
-"use strict";var r=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var C=(o,t)=>{for(var n in t)r(o,n,{get:t[n],enumerable:!0})},f=(o,t,n,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of m(t))!y.call(o,e)&&e!==n&&r(o,e,{get:()=>t[e],enumerable:!(p=s(t,e))||p.enumerable});return o};var u=o=>f(r({},"__esModule",{value:!0}),o);var l={};C(l,{Default:()=>d,default:()=>i});module.exports=u(l);var a=require("../cpn-components/index.js");const c={title:"Cpn-Components/CpnCountDown",component:a.CpnCountDown,parameters:{layout:"centered"},tags:["autodocs"]};var i=c;const d={args:{endTime:"2025-06-30T00:00:00"}};
-//# sourceMappingURL=cpnCountdown.stories.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAEA,IAAAK,EAA6B,sCAE7B,MAAMC,EAAO,CACX,MAAO,8BACP,UAAW,eACX,WAAY,CACV,OAAQ,UACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOH,EAAQG,EAIR,MAAMJ,EAAiB,CAC5B,KAAM,CACJ,QAAS,qBACX,CACF",
-  "names": ["cpnCountdown_stories_exports", "__export", "Default", "cpnCountdown_stories_default", "__toCommonJS", "import_cpn_components", "meta"]
-}

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

@@ -1,14 +0,0 @@
-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/cjs/stories/cpnNavigation.stories.js

@@ -1,2 +0,0 @@
-"use strict";var r=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var f=(e,t)=>{for(var a in t)r(e,a,{get:t[a],enumerable:!0})},c=(e,t,a,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of s(t))!l.call(e,o)&&o!==a&&r(e,o,{get:()=>t[o],enumerable:!(n=i(t,o))||n.enumerable});return e};var u=e=>c(r({},"__esModule",{value:!0}),e);var g={};f(g,{Default:()=>m,default:()=>b});module.exports=u(g);var p=require("../cpn-components/index.js");const y={title:"Cpn-Components/CpnNavigation",component:p.CpnNavigation,parameters:{viewport:{defaultViewport:"tablet"}},tags:["autodocs"]};var b=y;const m={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]"}}};
-//# sourceMappingURL=cpnNavigation.stories.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAEA,IAAAK,EAA8B,sCAE9B,MAAMC,EAAO,CACX,MAAO,+BACP,UAAW,gBACX,WAAY,CAEV,SAAU,CAAE,gBAAiB,QAAS,CACxC,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOH,EAAQG,EAIR,MAAMJ,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_stories_exports", "__export", "Default", "cpnNavigation_stories_default", "__toCommonJS", "import_cpn_components", "meta"]
-}

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

@@ -1,14 +0,0 @@
-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/cjs/stories/cpnProductcard.stories.js

@@ -1,2 +0,0 @@
-"use strict";var a=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var i=(e,t)=>{for(var r in t)a(e,r,{get:t[r],enumerable:!0})},d=(e,t,r,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of y(t))!c.call(e,o)&&o!==r&&a(e,o,{get:()=>t[o],enumerable:!(p=n(t,o))||p.enumerable});return e};var m=e=>d(a({},"__esModule",{value:!0}),e);var l={};i(l,{Default:()=>C,default:()=>u});module.exports=m(l);var s=require("../cpn-components/index.js");const f={title:"Cpn-Components/CpnProductCard",component:s.CpnProductCard,parameters:{viewport:{defaultViewport:"tablet"}},tags:["autodocs"]};var u=f;const C={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:{}}};
-//# sourceMappingURL=cpnProductcard.stories.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAEA,IAAAK,EAA+B,sCAE/B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAW,iBACX,WAAY,CAEV,SAAU,CAAE,gBAAiB,QAAS,CACxC,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOH,EAAQG,EAIR,MAAMJ,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_stories_exports", "__export", "Default", "cpnProductcard_stories_default", "__toCommonJS", "import_cpn_components", "meta"]
-}

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

@@ -1,14 +0,0 @@
-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/cjs/stories/cpnTitle.stories.js

@@ -1,2 +0,0 @@
-"use strict";var p=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var r=Object.prototype.hasOwnProperty;var l=(e,t)=>{for(var s in t)p(e,s,{get:t[s],enumerable:!0})},c=(e,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of n(t))!r.call(e,o)&&o!==s&&p(e,o,{get:()=>t[o],enumerable:!(i=a(t,o))||i.enumerable});return e};var m=e=>c(p({},"__esModule",{value:!0}),e);var h={};l(h,{Default:()=>b,default:()=>d});module.exports=m(h);var f=require("../cpn-components/index.js");const y={title:"Cpn-Components/CpnTitle",component:f.CpnTitle,parameters:{viewport:{defaultViewport:"tablet"}},tags:["autodocs"]};var d=y;const b={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:{}}};
-//# sourceMappingURL=cpnTitle.stories.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAEA,IAAAK,EAAyB,sCAEzB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAW,WACX,WAAY,CAEV,SAAU,CAAE,gBAAiB,QAAS,CACxC,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOH,EAAQG,EAIR,MAAMJ,EAAiB,CAC5B,KAAM,CACJ,KAAM,6BACN,OAAQ,4EACR,OACE,iHACF,IAAK,CAAC,CACR,CACF",
-  "names": ["cpnTitle_stories_exports", "__export", "Default", "cpnTitle_stories_default", "__toCommonJS", "import_cpn_components", "meta"]
-}

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

@@ -1,19 +0,0 @@
-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/cjs/stories/creativeModule.stories.js

@@ -1,2 +0,0 @@
-"use strict";var i=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var p=(t,e)=>{for(var d in e)i(t,d,{get:e[d],enumerable:!0})},n=(t,e,d,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of r(e))!c.call(t,a)&&a!==d&&i(t,a,{get:()=>e[a],enumerable:!(o=f(e,a))||o.enumerable});return t};var u=t=>n(i({},"__esModule",{value:!0}),t);var h={};p(h,{Default:()=>v,default:()=>_});module.exports=u(h);var l=require("react/jsx-runtime"),s=require("../biz-components/index.js");const m={title:"Biz-Components/CreativeModule",component:s.CreativeModule,tags:["autodocs"],parameters:{layout:"centered"}};var _=m;const g={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"}}]},v=()=>(0,l.jsx)(s.CreativeModule,{data:g});
-//# sourceMappingURL=creativeModule.stories.js.map