@anker-in/headless-ui 0.0.25 → 0.0.27-alpha.0

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

@@ -0,0 +1,40 @@
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        asChild?: boolean;
+        className?: string;
+        style?: React.CSSProperties;
+        onClick?: Function;
+        isAdaptation?: boolean;
+        minSize?: number;
+        maxSize?: number;
+        textClassName?: string;
+    } & import("class-variance-authority").VariantProps<(props?: ({
+        size?: "small" | "medium" | "large" | null | undefined;
+    } & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & Omit<import("@radix-ui/react-avatar").AvatarProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    tags: string[];
+    subcomponents: any;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        size: {
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default meta;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarType: () => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarTextAdaptation: () => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarSize: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/stories/avatar.stories.js

@@ -0,0 +1,2 @@
+import{jsx as a,jsxs as s}from"react/jsx-runtime";import{UserIcon as c}from"@storybook/icons";import{Avatar as t,AvatarImage as r,AvatarFallback as e}from"../components/index.js";const o={title:"Components/Avatar",component:t,tags:["autodocs"],subcomponents:{AvatarImage:r,AvatarFallback:e},parameters:{layout:"centered",docs:{description:{component:"avatar\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-avatar,https://www.radix-ui.com/primitives/docs/components/avatar"}}},argTypes:{size:{description:"\u5C3A\u5BF8",table:{defaultValue:{summary:"small"}}}}};var l=o;const p=()=>s(t,{children:[a(r,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a(e,{children:"CN"})]}),v=()=>s("div",{className:"flex items-center gap-4",children:[s(t,{children:[a(r,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a(e,{children:"CN"})]}),a(t,{children:a(e,{children:a(c,{})})}),a(t,{children:a(e,{children:"A"})})]}),d=()=>s("div",{className:"flex items-center gap-4",children:[a(t,{size:"large",isAdaptation:!0,children:"Text"}),a(t,{size:"large",isAdaptation:!0,children:"TextTextText"}),a(t,{size:"large",isAdaptation:!0,children:"TextTextTextTextText"})]}),m=()=>s("div",{className:"flex items-center gap-4",children:[s(t,{children:[a(r,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a(e,{children:"CN"})]}),s(t,{size:"medium",children:[a(r,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a(e,{children:"CN"})]}),s(t,{size:"large",children:[a(r,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a(e,{children:"CN"})]})]});export{m as AvatarSize,d as AvatarTextAdaptation,v as AvatarType,p as Default,l as default};
+//# sourceMappingURL=avatar.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/avatar.stories.tsx"],
+  "sourcesContent": ["import type { Meta } from '@storybook/react/*'\nimport { UserIcon } from '@storybook/icons'\nimport { Avatar, AvatarImage, AvatarFallback } from '../components/index.js'\n\nconst meta = {\n  title: 'Components/Avatar',\n  component: Avatar,\n  tags: ['autodocs'],\n  subcomponents: { AvatarImage, AvatarFallback } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'avatar\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-avatar,https://www.radix-ui.com/primitives/docs/components/avatar',\n      },\n    },\n  },\n  argTypes: {\n    size: {\n      description: '\u5C3A\u5BF8',\n      table: {\n        defaultValue: { summary: 'small' },\n      },\n    },\n  },\n} satisfies Meta<typeof Avatar>\n\nexport default meta\n\nexport const Default = () => (\n  <Avatar>\n    <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n    <AvatarFallback>CN</AvatarFallback>\n  </Avatar>\n)\n\nexport const AvatarType = () => (\n  <div className=\"flex items-center gap-4\">\n    <Avatar>\n      <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n      <AvatarFallback>CN</AvatarFallback>\n    </Avatar>\n    <Avatar>\n      <AvatarFallback>\n        <UserIcon />\n      </AvatarFallback>\n    </Avatar>\n    <Avatar>\n      <AvatarFallback>A</AvatarFallback>\n    </Avatar>\n  </div>\n)\n\nexport const AvatarTextAdaptation = () => (\n  <div className=\"flex items-center gap-4\">\n    <Avatar size=\"large\" isAdaptation>\n      Text\n    </Avatar>\n    <Avatar size=\"large\" isAdaptation>\n      TextTextText\n    </Avatar>\n    <Avatar size=\"large\" isAdaptation>\n      TextTextTextTextText\n    </Avatar>\n  </div>\n)\n\nexport const AvatarSize = () => (\n  <div className=\"flex items-center gap-4\">\n    <Avatar>\n      <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n      <AvatarFallback>CN</AvatarFallback>\n    </Avatar>\n    <Avatar size=\"medium\">\n      <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n      <AvatarFallback>CN</AvatarFallback>\n    </Avatar>\n    <Avatar size=\"large\">\n      <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n      <AvatarFallback>CN</AvatarFallback>\n    </Avatar>\n  </div>\n)\n"],
+  "mappings": "AA8BE,OACE,OAAAA,EADF,QAAAC,MAAA,oBA7BF,OAAS,YAAAC,MAAgB,mBACzB,OAAS,UAAAC,EAAQ,eAAAC,EAAa,kBAAAC,MAAsB,yBAEpD,MAAMC,EAAO,CACX,MAAO,oBACP,UAAWH,EACX,KAAM,CAAC,UAAU,EACjB,cAAe,CAAE,YAAAC,EAAa,eAAAC,CAAe,EAC7C,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,kHACb,CACF,CACF,EACA,SAAU,CACR,KAAM,CACJ,YAAa,eACb,MAAO,CACL,aAAc,CAAE,QAAS,OAAQ,CACnC,CACF,CACF,CACF,EAEA,IAAOE,EAAQD,EAER,MAAME,EAAU,IACrBP,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CAAY,IAAI,gCAAgC,IAAI,UAAU,EAC/DJ,EAACK,EAAA,CAAe,cAAE,GACpB,EAGWI,EAAa,IACxBR,EAAC,OAAI,UAAU,0BACb,UAAAA,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CAAY,IAAI,gCAAgC,IAAI,UAAU,EAC/DJ,EAACK,EAAA,CAAe,cAAE,GACpB,EACAL,EAACG,EAAA,CACC,SAAAH,EAACK,EAAA,CACC,SAAAL,EAACE,EAAA,EAAS,EACZ,EACF,EACAF,EAACG,EAAA,CACC,SAAAH,EAACK,EAAA,CAAe,aAAC,EACnB,GACF,EAGWK,EAAuB,IAClCT,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACG,EAAA,CAAO,KAAK,QAAQ,aAAY,GAAC,gBAElC,EACAH,EAACG,EAAA,CAAO,KAAK,QAAQ,aAAY,GAAC,wBAElC,EACAH,EAACG,EAAA,CAAO,KAAK,QAAQ,aAAY,GAAC,gCAElC,GACF,EAGWQ,EAAa,IACxBV,EAAC,OAAI,UAAU,0BACb,UAAAA,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CAAY,IAAI,gCAAgC,IAAI,UAAU,EAC/DJ,EAACK,EAAA,CAAe,cAAE,GACpB,EACAJ,EAACE,EAAA,CAAO,KAAK,SACX,UAAAH,EAACI,EAAA,CAAY,IAAI,gCAAgC,IAAI,UAAU,EAC/DJ,EAACK,EAAA,CAAe,cAAE,GACpB,EACAJ,EAACE,EAAA,CAAO,KAAK,QACX,UAAAH,EAACI,EAAA,CAAY,IAAI,gCAAgC,IAAI,UAAU,EAC/DJ,EAACK,EAAA,CAAe,cAAE,GACpB,GACF",
+  "names": ["jsx", "jsxs", "UserIcon", "Avatar", "AvatarImage", "AvatarFallback", "meta", "avatar_stories_default", "Default", "AvatarType", "AvatarTextAdaptation", "AvatarSize"]
+}

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

@@ -7,18 +7,8 @@ declare const meta: {
         layout: string;
     };
     tags: string[];
-    argTypes: {
-        variant: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-        };
-    };
-    args: {
-        variant: "default";
-        children: string;
-    };
+    argTypes: {};
+    args: {};
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/esm/stories/badge.stories.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as o}from"react/jsx-runtime";import{Badge as e}from"../components/index.js";import"react";const a={title:"Components/Badge",component:e,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{variant:{control:{type:"select"},options:["default","destructive","outline","secondary"]}},args:{variant:"default",children:"New"}};var s=a;const d={},c={render(){return o("div",{className:"ai-flex ai-flex-col ai-space-y-4",children:[t(e,{variant:"default",children:"Default"}),t(e,{variant:"secondary",children:"Secondary"}),t(e,{variant:"destructive",children:"Destructive"}),t(e,{variant:"outline",children:"Outline"})]})}};export{d as Default,c as Examples,s as default};
+import{jsx as t,jsxs as a}from"react/jsx-runtime";import{Badge as e}from"../components/index.js";import"react";const o={title:"Components/Badge",component:e,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{},args:{}};var d=o;const l={args:{children:"Badge"}},y={render(){return a("div",{className:"flex flex-col space-y-4",children:[t(e,{children:"Outline"}),t(e,{children:"Fill"})]})}};export{l as Default,y as Examples,d as default};
 //# sourceMappingURL=badge.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/badge.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Badge } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Components/Badge',\n  component: Badge,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    variant: {\n      control: {\n        type: 'select',\n      },\n      options: ['default', 'destructive', 'outline', 'secondary'],\n    },\n  },\n  args: {\n    variant: 'default',\n    children: 'New',\n  },\n} satisfies Meta<typeof Badge>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {}\n\nexport const Examples: Story = {\n  render() {\n    return (\n      <div className=\"ai-flex ai-flex-col ai-space-y-4\">\n        <Badge variant=\"default\">Default</Badge>\n        <Badge variant=\"secondary\">Secondary</Badge>\n        <Badge variant=\"destructive\">Destructive</Badge>\n        <Badge variant=\"outline\">Outline</Badge>\n      </div>\n    )\n  },\n}\n"],
-  "mappings": "AAmCM,OACE,OAAAA,EADF,QAAAC,MAAA,oBAjCN,OAAS,SAAAC,MAAa,yBACtB,MAAkB,QAElB,MAAMC,EAAO,CACX,MAAO,mBACP,UAAWD,EACX,WAAY,CACV,OAAQ,UACV,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,QAAS,CACP,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,UAAW,cAAe,UAAW,WAAW,CAC5D,CACF,EACA,KAAM,CACJ,QAAS,UACT,SAAU,KACZ,CACF,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAAC,EAElBC,EAAkB,CAC7B,QAAS,CACP,OACEL,EAAC,OAAI,UAAU,mCACb,UAAAD,EAACE,EAAA,CAAM,QAAQ,UAAU,mBAAO,EAChCF,EAACE,EAAA,CAAM,QAAQ,YAAY,qBAAS,EACpCF,EAACE,EAAA,CAAM,QAAQ,cAAc,uBAAW,EACxCF,EAACE,EAAA,CAAM,QAAQ,UAAU,mBAAO,GAClC,CAEJ,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Badge } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Components/Badge',\n  component: Badge,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n\n  },\n  args: {\n\n  },\n} satisfies Meta<typeof Badge>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    children: 'Badge',\n  }\n}\n\nexport const Examples: Story = {\n  render() {\n    return (\n      <div className=\"flex flex-col space-y-4\">\n        <Badge>Outline</Badge>\n        <Badge>Fill</Badge>\n      </div>\n    )\n  },\n}\n"],
+  "mappings": "AAiCM,OACE,OAAAA,EADF,QAAAC,MAAA,oBA/BN,OAAS,SAAAC,MAAa,yBACtB,MAAkB,QAElB,MAAMC,EAAO,CACX,MAAO,mBACP,UAAWD,EACX,WAAY,CACV,OAAQ,UACV,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CAEV,EACA,KAAM,CAEN,CACF,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,SAAU,OACZ,CACF,EAEaC,EAAkB,CAC7B,QAAS,CACP,OACEL,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACE,EAAA,CAAM,mBAAO,EACdF,EAACE,EAAA,CAAM,gBAAI,GACb,CAEJ,CACF",
   "names": ["jsx", "jsxs", "Badge", "meta", "badge_stories_default", "Default", "Examples"]
 }

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

@@ -0,0 +1,16 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: {
+        (props: Omit<import("../biz-components/BrandEquity/BrandEquity.js").BrandEquityProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const CustomBackground: Story;

package/dist/esm/stories/brandEquity.stories.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";import a from"../biz-components/BrandEquity/BrandEquity.js";const t=o=>e("svg",{width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.4653 6.25C11.9801 4.79351 13.3691 3.75 15.0019 3.75C16.6347 3.75 18.0237 4.79351 18.5385 6.25H11.4653ZM8.75192 8.75V13.75C8.75192 14.4404 9.31156 15 10.0019 15C10.6923 15 11.2519 14.4404 11.2519 13.75V8.75H18.7519V13.75C18.7519 14.4404 19.3116 15 20.0019 15C20.6923 15 21.2519 14.4404 21.2519 13.75V8.75H23.8452C24.5037 8.75 25.0493 9.26086 25.0925 9.91794L26.0793 24.9179C26.1268 25.639 25.5547 26.25 24.832 26.25H5.1718C4.44915 26.25 3.87705 25.639 3.92449 24.9179L4.91133 9.91794C4.95456 9.26086 5.50014 8.75 6.15864 8.75H8.75192ZM8.87694 6.25C9.45603 3.3972 11.9782 1.25 15.0019 1.25C18.0256 1.25 20.5478 3.3972 21.1269 6.25H23.8452C25.8207 6.25 27.4574 7.78258 27.5871 9.75382L28.5739 24.7538C28.7163 26.9171 27 28.75 24.832 28.75H5.1718C3.00385 28.75 1.28756 26.9171 1.42989 24.7538L2.41673 9.75382C2.54641 7.78259 4.18314 6.25 6.15864 6.25H8.87694ZM12.5019 16.25C12.5019 15.5596 13.0616 15 13.7519 15H16.2519C16.9423 15 17.5019 15.5596 17.5019 16.25C17.5019 16.9404 16.9423 17.5 16.2519 17.5H13.7519C13.0616 17.5 12.5019 16.9404 12.5019 16.25Z",fill:"#1D1D1F"})}),i={title:"Biz-Components/BrandEquity",component:a,parameters:{layout:"fullscreen"},tags:["autodocs"]};var r=i;const s=[{icon:e(t,{className:"w-6 h-6"}),title:"Hassle-Free Warranty",description:"Comprehensive warranty protection on all purchases."},{icon:e(t,{className:"w-6 h-6"}),title:"Our Happy Customers",description:"Join millions of satisfied Anker users worldwide."},{icon:e(t,{className:"w-6 h-6"}),title:"Anker credits rewards",description:"Buy more, save more, and earn more."},{icon:e(t,{className:"w-6 h-6"}),title:"Pay with Ease",description:"Pay immediately or in installments with Affirm."},{icon:e(t,{className:"w-6 h-6"}),title:"30-day money-back guarantee",description:"Return within 30 days for a full refund."},{avatarList:["https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"],title:"We are Here to Help",description:"Contact our expert team via email or live chat for assistance."}],n={args:{items:s,className:"bg-[#eeeeee] p-4"}},l={args:{items:s,className:"bg-gray-900 p-4",itemShape:"round"}};export{l as CustomBackground,n as Default,r as default};
+//# sourceMappingURL=brandEquity.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/brandEquity.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react';\nimport BrandEquity from '../biz-components/BrandEquity/BrandEquity.js';\n\nconst ShieldCheckIcon = (props: { className?: string }) => <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.4653 6.25C11.9801 4.79351 13.3691 3.75 15.0019 3.75C16.6347 3.75 18.0237 4.79351 18.5385 6.25H11.4653ZM8.75192 8.75V13.75C8.75192 14.4404 9.31156 15 10.0019 15C10.6923 15 11.2519 14.4404 11.2519 13.75V8.75H18.7519V13.75C18.7519 14.4404 19.3116 15 20.0019 15C20.6923 15 21.2519 14.4404 21.2519 13.75V8.75H23.8452C24.5037 8.75 25.0493 9.26086 25.0925 9.91794L26.0793 24.9179C26.1268 25.639 25.5547 26.25 24.832 26.25H5.1718C4.44915 26.25 3.87705 25.639 3.92449 24.9179L4.91133 9.91794C4.95456 9.26086 5.50014 8.75 6.15864 8.75H8.75192ZM8.87694 6.25C9.45603 3.3972 11.9782 1.25 15.0019 1.25C18.0256 1.25 20.5478 3.3972 21.1269 6.25H23.8452C25.8207 6.25 27.4574 7.78258 27.5871 9.75382L28.5739 24.7538C28.7163 26.9171 27 28.75 24.832 28.75H5.1718C3.00385 28.75 1.28756 26.9171 1.42989 24.7538L2.41673 9.75382C2.54641 7.78259 4.18314 6.25 6.15864 6.25H8.87694ZM12.5019 16.25C12.5019 15.5596 13.0616 15 13.7519 15H16.2519C16.9423 15 17.5019 15.5596 17.5019 16.25C17.5019 16.9404 16.9423 17.5 16.2519 17.5H13.7519C13.0616 17.5 12.5019 16.9404 12.5019 16.25Z\" fill=\"#1D1D1F\" />\n</svg>\n\nconst meta = {\n  title: 'Biz-Components/BrandEquity',\n  component: BrandEquity,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof BrandEquity>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst mockItems = [\n  {\n    icon: <ShieldCheckIcon className=\"w-6 h-6\" />,\n    title: 'Hassle-Free Warranty',\n    description: 'Comprehensive warranty protection on all purchases.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"w-6 h-6\" />,\n    title: 'Our Happy Customers',\n    description: 'Join millions of satisfied Anker users worldwide.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"w-6 h-6\" />,\n    title: 'Anker credits rewards',\n    description: 'Buy more, save more, and earn more.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"w-6 h-6\" />,\n    title: 'Pay with Ease',\n    description: 'Pay immediately or in installments with Affirm.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"w-6 h-6\" />,\n    title: '30-day money-back guarantee',\n    description: 'Return within 30 days for a full refund.',\n  },\n  {\n    avatarList: [\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102'\n    ],\n    title: 'We are Here to Help',\n    description: 'Contact our expert team via email or live chat for assistance.',\n  },\n];\n\nexport const Default: Story = {\n  args: {\n    items: mockItems,\n    className: \"bg-[#eeeeee] p-4\"\n  },\n};\n\n\nexport const CustomBackground: Story = {\n  args: {\n    items: mockItems,\n    className: 'bg-gray-900 p-4',\n    itemShape: 'round',\n  },\n}; "],
+  "mappings": "AAIE,cAAAA,MAAA,oBAHF,OAAOC,MAAiB,+CAExB,MAAMC,EAAmBC,GAAkCH,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAC3H,SAAAA,EAAC,QAAK,YAAU,UAAU,YAAU,UAAU,EAAE,iiCAAiiC,KAAK,UAAU,EAClmC,EAEMI,EAAO,CACX,MAAO,6BACP,UAAWH,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOI,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,KAAMN,EAACE,EAAA,CAAgB,UAAU,UAAU,EAC3C,MAAO,uBACP,YAAa,qDACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,UAAU,EAC3C,MAAO,sBACP,YAAa,mDACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,UAAU,EAC3C,MAAO,wBACP,YAAa,qCACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,UAAU,EAC3C,MAAO,gBACP,YAAa,iDACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,UAAU,EAC3C,MAAO,8BACP,YAAa,0CACf,EACA,CACE,WAAY,CACV,gJACA,gJACA,gJACA,gJACA,0GACF,EACA,MAAO,sBACP,YAAa,gEACf,CACF,EAEaK,EAAiB,CAC5B,KAAM,CACJ,MAAOD,EACP,UAAW,kBACb,CACF,EAGaE,EAA0B,CACrC,KAAM,CACJ,MAAOF,EACP,UAAW,kBACX,UAAW,OACb,CACF",
+  "names": ["jsx", "BrandEquity", "ShieldCheckIcon", "props", "meta", "brandEquity_stories_default", "mockItems", "Default", "CustomBackground"]
+}

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

@@ -5,9 +5,21 @@ declare const meta: {
     component: React.ForwardRefExoticComponent<import("../components/button.js").ButtonProps & React.RefAttributes<HTMLButtonElement>>;
     parameters: {
         layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
     };
     tags: string[];
     argTypes: {
+        theme: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
         variant: {
             control: {
                 type: "select";
@@ -29,6 +41,7 @@ declare const meta: {
         };
     };
     args: {
+        theme: "light";
         variant: "primary";
         size: "base";
         children: string;
@@ -40,6 +53,7 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
+export declare const Nature: Story;
 export declare const Primary: Story;
 export declare const Secondary: Story;
 export declare const Link: Story;

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

@@ -1,2 +1,2 @@
-import{Fragment as i,jsx as a,jsxs as t}from"react/jsx-runtime";import{SearchIcon as e}from"@storybook/icons";import{Button as o}from"../components/index.js";import"react";const r={title:"Components/Button",component:o,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{variant:{control:{type:"select"},options:["primary","secondary","link","ghost"]},size:{control:{type:"select"},options:["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",asChild:!1,disabled:!1,loading:!1,hoverEffect:"none"}};var p=r;const d={args:{size:"lg",children:"Primary"}},y={args:{size:"lg",variant:"secondary",children:"Secondary"}},m={args:{size:"lg",variant:"link",children:"Link"}},h={args:{size:"lg",children:t(i,{children:["WithIcon ",a(e,{className:"ai-ml-2"})]})}},g={args:{size:"lg",asChild:!0,children:a("a",{href:"http://example.com",children:"as a a tag"})}},f={args:{size:"lg",loading:!0,spinner:t("div",{className:"ai-text-neutral-900 ai-animate-pulse ai-font-bold ai-flex-row ai-flex",children:[a("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:a("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..."]})}};export{g as Aschild,m as Link,d as Primary,y as Secondary,f as Spinner,h as WithIcon,p as default};
+import{Fragment as n,jsx as t,jsxs as e}from"react/jsx-runtime";import{SearchIcon as a}from"@storybook/icons";import{Button as o}from"../components/index.js";import"react";const r={title:"Components/Button",component:o,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"}}},tags:["autodocs"],argTypes:{theme:{control:{type:"select"},options:["dark","light"],description:"\u4E3B\u9898, \u9ED8\u8BA4\u662F light"},variant:{control:{type:"select"},options:["nature","primary","secondary","link","ghost"]},size:{control:{type:"select"},options:["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:{theme:"light",variant:"primary",size:"base",children:"Button",asChild:!1,disabled:!1,loading:!1,hoverEffect:"none"}};var p=r;const d={args:{size:"lg",variant:"nature",children:"Default"}},h={args:{size:"lg",children:"Primary"}},g={args:{size:"lg",variant:"secondary",children:"Secondary"}},m={args:{size:"lg",variant:"link",children:"Link"}},y={args:{size:"lg",children:e(n,{children:["WithIcon ",t(a,{className:"ml-2"})]})}},f={args:{size:"lg",asChild:!0,children:t("a",{href:"http://example.com",children:"as a a tag"})}},v={args:{size:"lg",loading:!0,spinner:e("div",{className:"flex animate-pulse flex-row font-bold text-neutral-900",children:[t("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:t("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..."]})}};export{f as Aschild,m as Link,d as Nature,h as Primary,g as Secondary,v as Spinner,y as WithIcon,p as default};
 //# sourceMappingURL=button.stories.js.map

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

@@ -1,7 +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  },\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    },\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: ['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    asChild: false,\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=\"ai-ml-2\" />\n      </>\n    ),\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=\"ai-text-neutral-900 ai-animate-pulse ai-font-bold ai-flex-row ai-flex\">\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"],
-  "mappings": "AAoFM,mBAAAA,EACW,OAAAC,EADX,QAAAC,MAAA,oBAnFN,OAAS,cAAAC,MAAkB,mBAE3B,OAAS,UAAAC,MAAc,yBACvB,MAAkB,QAGlB,MAAMC,EAAO,CAEX,MAAO,oBACP,UAAWD,EACX,WAAY,CAEV,OAAQ,UACV,EAEA,KAAM,CAAC,UAAU,EAEjB,SAAU,CACR,QAAS,CACP,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,UAAW,YAAa,OAAQ,OAAO,CACnD,EACA,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,OAAQ,KAAM,MAAM,CACtC,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,QAAS,GACT,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,UAAU,GAC3C,CAEJ,CACF,EAEaQ,EAAiB,CAC5B,KAAM,CACJ,KAAM,KACN,QAAS,GACT,SAAUV,EAAC,KAAE,KAAK,qBAAqB,sBAAU,CACnD,CACF,EAEaW,EAAiB,CAC5B,KAAM,CACJ,KAAM,KACN,QAAS,GACT,QACEV,EAAC,OAAI,UAAU,wEACb,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",
-  "names": ["Fragment", "jsx", "jsxs", "SearchIcon", "Button", "meta", "button_stories_default", "Primary", "Secondary", "Link", "WithIcon", "Aschild", "Spinner"]
+  "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`\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    theme: {\n      control: {\n        type: 'select',\n      },\n      options: ['dark', 'light'],\n      description: '\u4E3B\u9898, \u9ED8\u8BA4\u662F light',\n    },\n    variant: {\n      control: {\n        type: 'select',\n      },\n      options: ['nature', 'primary', 'secondary', 'link', 'ghost'],\n    },\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: ['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    theme: 'light',\n    variant: 'primary',\n    size: 'base',\n    children: 'Button',\n    asChild: false,\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 Nature: Story = {\n  args: {\n    size: 'lg',\n    variant: 'nature',\n    children: 'Default',\n  },\n}\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 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"],
+  "mappings": "AAyGM,mBAAAA,EACW,OAAAC,EADX,QAAAC,MAAA,oBAxGN,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,uIACb,CACF,CACF,EAEA,KAAM,CAAC,UAAU,EAEjB,SAAU,CACR,MAAO,CACL,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,OAAO,EACzB,YAAa,wCACf,EACA,QAAS,CACP,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,SAAU,UAAW,YAAa,OAAQ,OAAO,CAC7D,EACA,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,OAAQ,KAAM,MAAM,CACtC,EACA,YAAa,CACX,YAAa,mIACb,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,OAAO,CAC3B,CACF,EACA,KAAM,CACJ,MAAO,QACP,QAAS,UACT,KAAM,OACN,SAAU,SACV,QAAS,GACT,SAAU,GACV,QAAS,GACT,YAAa,MACf,CACF,EAEA,IAAOE,EAAQD,EAOR,MAAME,EAAgB,CAC3B,KAAM,CACJ,KAAM,KACN,QAAS,SACT,SAAU,SACZ,CACF,EAEaC,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,SACET,EAAAF,EAAA,CAAE,sBACSC,EAACE,EAAA,CAAW,UAAU,OAAO,GACxC,CAEJ,CACF,EAEaS,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",
+  "names": ["Fragment", "jsx", "jsxs", "SearchIcon", "Button", "meta", "button_stories_default", "Nature", "Primary", "Secondary", "Link", "WithIcon", "Aschild", "Spinner"]
 }

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,62 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+        showNavigation?: boolean;
+        navigationPosition?: "inner" | "outter";
+        opts?: Partial<import("embla-carousel/components/Options.js").OptionsType> | undefined;
+        plugins?: import("embla-carousel").CreatePluginType<import("embla-carousel/components/Plugins.js").LoosePluginType, {}>[] | undefined;
+        orientation?: "horizontal" | "vertical";
+        setApi?: (api: import("../components/carousel.js").CarouselApi) => void;
+    } & React.RefAttributes<HTMLDivElement>>;
+    subcomponents: {
+        CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+        CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        opts: {
+            description: string;
+            control: {
+                type: "object";
+            };
+        };
+        showNavigation: {
+            description: string;
+            control: {
+                type: "boolean";
+            };
+        };
+        orientation: {
+            description: string;
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        setApi: {
+            description: string;
+        };
+        plugins: {
+            description: string;
+        };
+    };
+    args: {
+        opts: {};
+        orientation: "horizontal";
+    };
+};
+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 f,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:"centered",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(f,{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"],d={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"})]})}};d.parameters={layout:"padded"};export{N as Default,d 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 = {\n  title: 'Components/Carousel',\n  component: Carousel,\n  subcomponents: {\n    CarouselContent,\n    CarouselItem,\n  },\n  parameters: {\n    layout: 'centered',\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,EAAO,CACX,MAAO,sBACP,UAAWP,EACX,cAAe,CACb,gBAAAC,EACA,aAAAC,CACF,EACA,WAAY,CACV,OAAQ,WACR,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,13 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("../biz-components/Category").CategoryProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Round: Story;

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

@@ -0,0 +1,2 @@
+import t from"../biz-components/Category";const o={title:"Biz-Components/Category",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var r=o;const e=[{title:"Anker Prime 27",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}],c={args:{products:e,className:"p-4"}},i={args:{products:e,className:"p-4",shape:"round"}};export{c as Default,i as Round,r 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'\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 mockItems = [\n  {\n    title: 'Anker Prime 27',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    title: 'Anker Prime',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    title: 'Anker Prime',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    title: 'Anker Prime',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    title: 'Anker Prime',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n    shape: 'round',\n  },\n}\n"],
+  "mappings": "AACA,OAAOA,MAAc,6BAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,MAAO,iBACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,SAAUD,EACV,UAAW,KACb,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,SAAUF,EACV,UAAW,MACX,MAAO,OACT,CACF",
+  "names": ["Category", "meta", "category_stories_default", "mockItems", "Default", "Round"]
+}

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

@@ -34,7 +34,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Sizes: {
-    (): import("react/jsx-runtime.js").JSX.Element;
+    (): import("react/jsx-runtime").JSX.Element;
     parameters: {
         docs: {
             description: {
@@ -43,4 +43,4 @@ export declare const Sizes: {
         };
     };
 };
-export declare const Disabled: () => import("react/jsx-runtime.js").JSX.Element;
+export declare const Disabled: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Checkbox as a}from"../components/index.js";import"react";const t={title:"Components/Checkbox",component:a,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=t;const d={args:{size:"base"}},s=()=>i("div",{className:"ai-flex ai-flex-col ai-gap-2",children:[i("div",{className:"ai-flex ai-items-center ai-space-x-2",children:[e(a,{id:"terms",size:"sm"}),e("label",{htmlFor:"terms",className:"ai-text-sm ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-opacity-70",children:"Accept terms and conditions"})]}),i("div",{className:"ai-flex ai-items-center ai-space-x-2",children:[e(a,{id:"terms1",size:"base"}),e("label",{htmlFor:"terms1",className:"ai-text-base ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-opacity-70",children:"Accept terms and conditions"})]}),i("div",{className:"ai-flex ai-items-center ai-space-x-2",children:[e(a,{id:"terms2",size:"lg"}),e("label",{htmlFor:"terms2",className:"ai-text-lg ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-opacity-70",children:"Accept terms and conditions"})]})]});s.parameters={docs:{description:{story:"\u4E0D\u540C\u7684\u5C3A\u5BF8"}}};const m=()=>i("div",{className:"ai-flex ai-items-center ai-space-x-2",children:[e(a,{id:"terms",disabled:!0}),e("label",{htmlFor:"terms",className:"ai-text-sm ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-opacity-70",children:"Accept terms and conditions"})]});export{d as Default,m as Disabled,s as Sizes,c as default};
+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

@@ -1,7 +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=\"ai-flex ai-flex-col ai-gap-2\">\n    <div className=\"ai-flex ai-items-center ai-space-x-2\">\n      <Checkbox id=\"terms\" size=\"sm\" />\n      <label\n        htmlFor=\"terms\"\n        className=\"ai-text-sm ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-opacity-70\"\n      >\n        Accept terms and conditions\n      </label>\n    </div>\n    <div className=\"ai-flex ai-items-center ai-space-x-2\">\n      <Checkbox id=\"terms1\" size=\"base\" />\n      <label\n        htmlFor=\"terms1\"\n        className=\"ai-text-base ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-opacity-70\"\n      >\n        Accept terms and conditions\n      </label>\n    </div>\n    <div className=\"ai-flex ai-items-center ai-space-x-2\">\n      <Checkbox id=\"terms2\" size=\"lg\" />\n      <label\n        htmlFor=\"terms2\"\n        className=\"ai-text-lg ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-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=\"ai-flex ai-items-center ai-space-x-2\">\n    <Checkbox id=\"terms\" disabled />\n    <label\n      htmlFor=\"terms\"\n      className=\"ai-text-sm ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-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,+BACb,UAAAA,EAAC,OAAI,UAAU,uCACb,UAAAD,EAACE,EAAA,CAAS,GAAG,QAAQ,KAAK,KAAK,EAC/BF,EAAC,SACC,QAAQ,QACR,UAAU,4GACX,uCAED,GACF,EACAC,EAAC,OAAI,UAAU,uCACb,UAAAD,EAACE,EAAA,CAAS,GAAG,SAAS,KAAK,OAAO,EAClCF,EAAC,SACC,QAAQ,SACR,UAAU,8GACX,uCAED,GACF,EACAC,EAAC,OAAI,UAAU,uCACb,UAAAD,EAACE,EAAA,CAAS,GAAG,SAAS,KAAK,KAAK,EAChCF,EAAC,SACC,QAAQ,SACR,UAAU,4GACX,uCAED,GACF,GACF,EAEFM,EAAM,WAAa,CACjB,KAAM,CACJ,YAAa,CACX,MAAO,gCACT,CACF,CACF,EAEO,MAAMC,EAAW,IACtBN,EAAC,OAAI,UAAU,uCACb,UAAAD,EAACE,EAAA,CAAS,GAAG,QAAQ,SAAQ,GAAC,EAC9BF,EAAC,SACC,QAAQ,QACR,UAAU,4GACX,uCAED,GACF",
+  "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,23 @@
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+        children?: React.ReactNode;
+        className?: string;
+    } & 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";import"../helpers/utils.js";const s={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)
+  - sm: \u5DE6\u53F3\u8FB9\u8DDD 32px (mx-8)
+  - md: \u5DE6\u53F3\u8FB9\u8DDD 64px (mx-16)
+  - lg: \u5DE6\u53F3\u8FB9\u8DDD 64px (mx-16)
+  - xl: \u5DE6\u53F3\u8FB9\u8DDD 128px (mx-32)
+
+        `}}},tags:["autodocs"]};var i=s;const n=()=>e(t,{className:"p-4",children:e("div",{className:"bg-blue-100 p-4 rounded-lg text-center",children:"\u57FA\u7840\u5BB9\u5668 - \u81EA\u52A8\u5C45\u4E2D\uFF0C\u54CD\u5E94\u5F0F\u5BBD\u5EA6"})}),l=()=>e(t,{className:"p-4 bg-gray-50",children:a("div",{className:"space-y-4",children:[a("div",{className:"bg-white p-4 rounded-lg 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:"bg-white p-4 rounded-lg 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"})]})]})}),c=()=>e(t,{className:"px-4 sm:px-6 md:px-8 py-4 bg-gradient-to-r from-blue-50 to-purple-50",children:a("div",{className:"bg-white p-4 rounded-lg 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",{}),"sm: px-6 (24px)",e("br",{}),"md: px-8 (32px)"]})]})}),g=()=>a(t,{className:"p-4",children:[e("header",{className:"bg-gray-800 text-white p-4 rounded-t-lg",children:e("h2",{className:"text-xl",children:"\u9875\u9762\u6807\u9898"})}),a("main",{className:"bg-white p-4 border-x border-gray-200",children:[e("p",{className:"text-gray-600 mb-4",children:"\u4E3B\u8981\u5185\u5BB9\u533A\u57DF"}),a("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e("div",{className:"bg-blue-50 p-4 rounded",children:"\u5185\u5BB9\u5757 1"}),e("div",{className:"bg-purple-50 p-4 rounded",children:"\u5185\u5BB9\u5757 2"})]})]}),e("footer",{className:"bg-gray-100 p-4 rounded-b-lg border-x border-b border-gray-200",children:e("p",{className:"text-gray-500 text-sm",children:"\u9875\u811A\u5185\u5BB9"})})]});export{n as Basic,g as NestedContent,c as ResponsivePadding,l as WithPaddingAndBackground,i 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'\nimport { cn } from '../helpers/utils.js'\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  - sm: \u5DE6\u53F3\u8FB9\u8DDD 32px (mx-8)\n  - md: \u5DE6\u53F3\u8FB9\u8DDD 64px (mx-16)\n  - lg: \u5DE6\u53F3\u8FB9\u8DDD 64px (mx-16)\n  - xl: \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=\"bg-blue-100 p-4 rounded-lg text-center\">\n      \u57FA\u7840\u5BB9\u5668 - \u81EA\u52A8\u5C45\u4E2D\uFF0C\u54CD\u5E94\u5F0F\u5BBD\u5EA6\n    </div>\n  </Container>\n)\n\n// \u5E26\u5185\u8FB9\u8DDD\u548C\u80CC\u666F\u8272\nexport const WithPaddingAndBackground = () => (\n  <Container className=\"p-4 bg-gray-50\">\n    <div className=\"space-y-4\">\n      <div className=\"bg-white p-4 rounded-lg 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=\"bg-white p-4 rounded-lg 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=\"px-4 sm:px-6 md:px-8 py-4 bg-gradient-to-r from-blue-50 to-purple-50\">\n    <div className=\"bg-white p-4 rounded-lg 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        sm: px-6 (24px)\n        <br />\n        md: 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=\"bg-gray-800 text-white p-4 rounded-t-lg\">\n      <h2 className=\"text-xl\">\u9875\u9762\u6807\u9898</h2>\n    </header>\n    <main className=\"bg-white p-4 border-x border-gray-200\">\n      <p className=\"text-gray-600 mb-4\">\u4E3B\u8981\u5185\u5BB9\u533A\u57DF</p>\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        <div className=\"bg-blue-50 p-4 rounded\">\u5185\u5BB9\u5757 1</div>\n        <div className=\"bg-purple-50 p-4 rounded\">\u5185\u5BB9\u5757 2</div>\n      </div>\n    </main>\n    <footer className=\"bg-gray-100 p-4 rounded-b-lg border-x border-b border-gray-200\">\n      <p className=\"text-gray-500 text-sm\">\u9875\u811A\u5185\u5BB9</p>\n    </footer>\n  </Container>\n)\n"],
+  "mappings": "AAuCI,cAAAA,EAUE,QAAAC,MAVF,oBAvCJ,MAAkB,QAClB,OAAS,aAAAC,MAAiB,yBAE1B,MAAmB,sBAEnB,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,mGAExD,EACF,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,uEACnB,SAAAD,EAAC,OAAI,UAAU,oCACb,UAAAD,EAAC,MAAG,UAAU,sBAAsB,gDAAM,EAC1CC,EAAC,KAAE,UAAU,gBAAgB,yHAE3BD,EAAC,OAAG,EAAE,4BAENA,EAAC,OAAG,EAAE,kBAENA,EAAC,OAAG,EAAE,mBAER,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,wCACb,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"]
+}