@anker-in/headless-ui 0.0.27-alpha.15 → 0.0.27-alpha.16

package/dist/cjs/components/tabs.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var x=Object.create;var p=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var a in t)p(e,a,{get:t[a],enumerable:!0})},u=(e,t,a,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of T(t))!v.call(e,r)&&r!==a&&p(e,r,{get:()=>t[r],enumerable:!(i=y(t,r))||i.enumerable});return e};var b=(e,t,a)=>(a=e!=null?x(P(e)):{},u(t||!e||!e.__esModule?p(a,"default",{value:e,enumerable:!0}):a,e)),N=e=>u(p({},"__esModule",{value:!0}),e);var L={};C(L,{Tabs:()=>m,TabsContent:()=>h,TabsList:()=>g,TabsTrigger:()=>c});module.exports=N(L);var n=require("react/jsx-runtime"),s=b(require("react")),d=require("../helpers/index.js"),o=b(require("@radix-ui/react-tabs")),l=require("class-variance-authority");const f=s.createContext({algin:"left",theme:"light",shape:"square"}),m=s.forwardRef(({children:e,algin:t="left",shape:a="square",theme:i="light",...r},R)=>(0,n.jsx)(o.Root,{ref:R,...r,children:(0,n.jsx)(f.Provider,{value:{algin:t,theme:i,shape:a},children:e})}));m.displayName="Tabs";const k=(0,l.cva)("",{variants:{algin:{left:"justify-left",center:"justify-center",right:"justify-end"},shape:{rounded:"rounded-[28px]",square:"rounded-none"},theme:{light:"bg-container-secondary-2",dark:"bg-container-secondary-1"}},defaultVariants:{algin:"left",shape:"square",theme:"light"}}),q=(0,l.cva)("",{variants:{shape:{rounded:"rounded-[28px]",square:"rounded-none"}},defaultVariants:{shape:"square"}}),g=s.forwardRef(({className:e,...t},a)=>{const{algin:i,shape:r}=s.useContext(f);return(0,n.jsx)(o.List,{ref:a,className:(0,d.cn)("bg-container-secondary-1 flex w-fit overflow-x-auto p-1",k({algin:i,shape:r}),e),...t})});g.displayName=o.List.displayName;const c=s.forwardRef(({className:e,...t},a)=>{const{shape:i}=s.useContext(f);return(0,n.jsx)(o.Trigger,{ref:a,className:(0,d.cn)("text-info-primary lg-desktop:text-[16px] disabled:text-btn-secondary-disabled lg-desktop:px-[28px] lg-desktop:pt-[15px] lg-desktop:pb-[14px] shrink-0 px-[20px] pb-[10px] pt-[11px] text-[14px] font-bold data-[state=active]:bg-white",e,q({shape:i})),...t})});c.displayName=o.Trigger.displayName;const h=s.forwardRef(({className:e,...t},a)=>(0,n.jsx)(o.Content,{ref:a,className:(0,d.cn)(e),...t}));h.displayName=o.Content.displayName;
+"use strict";"use client";var x=Object.create;var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var P=(e,t)=>{for(var a in t)p(e,a,{get:t[a],enumerable:!0})},u=(e,t,a,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of T(t))!v.call(e,s)&&s!==a&&p(e,s,{get:()=>t[s],enumerable:!(i=h(t,s))||i.enumerable});return e};var R=(e,t,a)=>(a=e!=null?x(y(e)):{},u(t||!e||!e.__esModule?p(a,"default",{value:e,enumerable:!0}):a,e)),C=e=>u(p({},"__esModule",{value:!0}),e);var w={};P(w,{Tabs:()=>m,TabsContent:()=>c,TabsList:()=>g,TabsTrigger:()=>b});module.exports=C(w);var n=require("react/jsx-runtime"),o=R(require("react")),f=require("../helpers/index.js"),r=R(require("@radix-ui/react-tabs")),d=require("class-variance-authority");const l=o.createContext({align:"left",shape:"square"}),m=o.forwardRef(({children:e,align:t="left",shape:a="square",...i},s)=>(0,n.jsx)(r.Root,{ref:s,...i,children:(0,n.jsx)(l.Provider,{value:{align:t,shape:a},children:e})}));m.displayName="Tabs";const N=(0,d.cva)("",{variants:{align:{left:"justify-left",center:"justify-center",right:"justify-end"},shape:{rounded:"rounded-[28px]",square:"rounded-none"}},defaultVariants:{align:"left",shape:"square"}}),L=(0,d.cva)("",{variants:{shape:{rounded:"rounded-[28px]",square:"rounded-none"}},defaultVariants:{shape:"square"}}),g=o.forwardRef(({className:e,...t},a)=>{const{align:i,shape:s}=o.useContext(l);return(0,n.jsx)(r.List,{ref:a,className:(0,f.cn)("bg-tabs-list-bg flex w-fit overflow-x-auto p-1",N({align:i,shape:s}),e),...t})});g.displayName=r.List.displayName;const b=o.forwardRef(({className:e,...t},a)=>{const{shape:i}=o.useContext(l);return(0,n.jsx)(r.Trigger,{ref:a,className:(0,f.cn)("text-info-primary lg-desktop:text-[16px] disabled:text-btn-secondary-disabled lg-desktop:px-[28px] lg-desktop:pt-[15px] lg-desktop:pb-[14px] shrink-0 px-[20px] pb-[10px] pt-[11px] text-[14px] font-bold data-[state=active]:bg-white data-[state=active]:text-[#1d1d1d]",e,L({shape:i})),...t})});b.displayName=r.Trigger.displayName;const c=o.forwardRef(({className:e,...t},a)=>(0,n.jsx)(r.Content,{ref:a,className:(0,f.cn)(e),...t}));c.displayName=r.Content.displayName;
 //# sourceMappingURL=tabs.js.map

package/dist/cjs/components/tabs.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/tabs.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { cva } from 'class-variance-authority'\n\nconst TabListContext = React.createContext<{\n  algin?: 'left' | 'center' | 'right'\n  theme: 'light' | 'dark'\n  shape: 'rounded' | 'square'\n}>({\n  algin: 'left',\n  theme: 'light',\n  shape: 'square',\n})\n\nconst Tabs = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {\n    algin?: 'left' | 'center' | 'right'\n    shape?: 'rounded' | 'square'\n    theme: 'light' | 'dark'\n  }\n>(({ children, algin = 'left', shape = 'square', theme = 'light', ...props }, ref) => (\n  <TabsPrimitive.Root ref={ref} {...props}>\n    <TabListContext.Provider value={{ algin, theme, shape }}>{children}</TabListContext.Provider>\n  </TabsPrimitive.Root>\n))\nTabs.displayName = 'Tabs'\n\nconst tabsListVariants = cva('', {\n  variants: {\n    algin: {\n      left: 'justify-left',\n      center: 'justify-center',\n      right: 'justify-end',\n    },\n    shape: {\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n    theme: {\n      light: 'bg-container-secondary-2',\n      dark: 'bg-container-secondary-1',\n    },\n  },\n  defaultVariants: {\n    algin: 'left',\n    shape: 'square',\n    theme: 'light',\n  },\n})\n\nconst tabsTriggerVariants = cva('', {\n  variants: {\n    shape: {\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    shape: 'square',\n  },\n})\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => {\n  const { algin: alginFromParent, shape: shapeFromParent } = React.useContext(TabListContext)\n  return (\n    <TabsPrimitive.List\n      ref={ref}\n      className={cn(\n        'bg-container-secondary-1 flex w-fit overflow-x-auto p-1',\n        tabsListVariants({\n          algin: alginFromParent,\n          shape: shapeFromParent,\n        }),\n        className\n      )}\n      {...props}\n    />\n  )\n})\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => {\n  const { shape: shapeFromParent } = React.useContext(TabListContext)\n  return (\n    <TabsPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'text-info-primary lg-desktop:text-[16px] disabled:text-btn-secondary-disabled lg-desktop:px-[28px] lg-desktop:pt-[15px] lg-desktop:pb-[14px] shrink-0 px-[20px] pb-[10px] pt-[11px] text-[14px] font-bold data-[state=active]:bg-white',\n        className,\n        tabsTriggerVariants({\n          shape: shapeFromParent,\n        })\n      )}\n      {...props}\n    />\n  )\n})\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => <TabsPrimitive.Content ref={ref} className={cn(className)} {...props} />)\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,gBAAAC,EAAA,aAAAC,EAAA,gBAAAC,IAAA,eAAAC,EAAAN,GA2BI,IAAAO,EAAA,6BAzBJC,EAAuB,oBACvBC,EAAmB,+BAEnBC,EAA+B,mCAC/BC,EAAoB,oCAEpB,MAAMC,EAAiBJ,EAAM,cAI1B,CACD,MAAO,OACP,MAAO,QACP,MAAO,QACT,CAAC,EAEKN,EAAOM,EAAM,WAOjB,CAAC,CAAE,SAAAK,EAAU,MAAAC,EAAQ,OAAQ,MAAAC,EAAQ,SAAU,MAAAC,EAAQ,QAAS,GAAGC,CAAM,EAAGC,OAC5E,OAACR,EAAc,KAAd,CAAmB,IAAKQ,EAAM,GAAGD,EAChC,mBAACL,EAAe,SAAf,CAAwB,MAAO,CAAE,MAAAE,EAAO,MAAAE,EAAO,MAAAD,CAAM,EAAI,SAAAF,EAAS,EACrE,CACD,EACDX,EAAK,YAAc,OAEnB,MAAMiB,KAAmB,OAAI,GAAI,CAC/B,SAAU,CACR,MAAO,CACL,KAAM,eACN,OAAQ,iBACR,MAAO,aACT,EACA,MAAO,CACL,QAAS,iBACT,OAAQ,cACV,EACA,MAAO,CACL,MAAO,2BACP,KAAM,0BACR,CACF,EACA,gBAAiB,CACf,MAAO,OACP,MAAO,SACP,MAAO,OACT,CACF,CAAC,EAEKC,KAAsB,OAAI,GAAI,CAClC,SAAU,CACR,MAAO,CACL,QAAS,iBACT,OAAQ,cACV,CACF,EACA,gBAAiB,CACf,MAAO,QACT,CACF,CAAC,EACKhB,EAAWI,EAAM,WAGrB,CAAC,CAAE,UAAAa,EAAW,GAAGJ,CAAM,EAAGC,IAAQ,CAClC,KAAM,CAAE,MAAOI,EAAiB,MAAOC,CAAgB,EAAIf,EAAM,WAAWI,CAAc,EAC1F,SACE,OAACF,EAAc,KAAd,CACC,IAAKQ,EACL,aAAW,MACT,0DACAC,EAAiB,CACf,MAAOG,EACP,MAAOC,CACT,CAAC,EACDF,CACF,EACC,GAAGJ,EACN,CAEJ,CAAC,EACDb,EAAS,YAAcM,EAAc,KAAK,YAE1C,MAAML,EAAcG,EAAM,WAGxB,CAAC,CAAE,UAAAa,EAAW,GAAGJ,CAAM,EAAGC,IAAQ,CAClC,KAAM,CAAE,MAAOK,CAAgB,EAAIf,EAAM,WAAWI,CAAc,EAClE,SACE,OAACF,EAAc,QAAd,CACC,IAAKQ,EACL,aAAW,MACT,yOACAG,EACAD,EAAoB,CAClB,MAAOG,CACT,CAAC,CACH,EACC,GAAGN,EACN,CAEJ,CAAC,EACDZ,EAAY,YAAcK,EAAc,QAAQ,YAEhD,MAAMP,EAAcK,EAAM,WAGxB,CAAC,CAAE,UAAAa,EAAW,GAAGJ,CAAM,EAAGC,OAAQ,OAACR,EAAc,QAAd,CAAsB,IAAKQ,EAAK,aAAW,MAAGG,CAAS,EAAI,GAAGJ,EAAO,CAAE,EAC5Gd,EAAY,YAAcO,EAAc,QAAQ",
-  "names": ["tabs_exports", "__export", "Tabs", "TabsContent", "TabsList", "TabsTrigger", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "TabsPrimitive", "import_class_variance_authority", "TabListContext", "children", "algin", "shape", "theme", "props", "ref", "tabsListVariants", "tabsTriggerVariants", "className", "alginFromParent", "shapeFromParent"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { cva } from 'class-variance-authority'\nimport type { Align, Shape } from '../types/props.js'\n\nconst TabListContext = React.createContext<{\n  align?: Align\n  shape: Shape\n}>({\n  align: 'left',\n  shape: 'square',\n})\n\nconst Tabs = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {\n    align?: Align\n    shape?: Shape\n\n  }\n>(({ children, align = 'left', shape = 'square', ...props }, ref) => (\n  <TabsPrimitive.Root ref={ref} {...props}>\n    <TabListContext.Provider value={{ align, shape }}>{children}</TabListContext.Provider>\n  </TabsPrimitive.Root>\n))\nTabs.displayName = 'Tabs'\n\nconst tabsListVariants = cva('', {\n  variants: {\n    align: {\n      left: 'justify-left',\n      center: 'justify-center',\n      right: 'justify-end',\n    },\n    shape: {\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    align: 'left',\n    shape: 'square',\n  },\n})\n\nconst tabsTriggerVariants = cva('', {\n  variants: {\n    shape: {\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    shape: 'square',\n  },\n})\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => {\n  const { align: alignFromParent, shape: shapeFromParent } = React.useContext(TabListContext)\n  return (\n    <TabsPrimitive.List\n      ref={ref}\n      className={cn(\n        'bg-tabs-list-bg flex w-fit overflow-x-auto p-1',\n        tabsListVariants({\n          align: alignFromParent,\n          shape: shapeFromParent,\n        }),\n        className\n      )}\n      {...props}\n    />\n  )\n})\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => {\n  const { shape: shapeFromParent } = React.useContext(TabListContext)\n  return (\n    <TabsPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'text-info-primary lg-desktop:text-[16px] disabled:text-btn-secondary-disabled lg-desktop:px-[28px] lg-desktop:pt-[15px] lg-desktop:pb-[14px] shrink-0 px-[20px] pb-[10px] pt-[11px] text-[14px] font-bold data-[state=active]:bg-white data-[state=active]:text-[#1d1d1d]',\n        className,\n        tabsTriggerVariants({\n          shape: shapeFromParent,\n        })\n      )}\n      {...props}\n    />\n  )\n})\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => <TabsPrimitive.Content ref={ref} className={cn(className)} {...props} />)\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,gBAAAC,EAAA,aAAAC,EAAA,gBAAAC,IAAA,eAAAC,EAAAN,GA0BI,IAAAO,EAAA,6BAxBJC,EAAuB,oBACvBC,EAAmB,+BAEnBC,EAA+B,mCAC/BC,EAAoB,oCAGpB,MAAMC,EAAiBJ,EAAM,cAG1B,CACD,MAAO,OACP,MAAO,QACT,CAAC,EAEKN,EAAOM,EAAM,WAOjB,CAAC,CAAE,SAAAK,EAAU,MAAAC,EAAQ,OAAQ,MAAAC,EAAQ,SAAU,GAAGC,CAAM,EAAGC,OAC3D,OAACP,EAAc,KAAd,CAAmB,IAAKO,EAAM,GAAGD,EAChC,mBAACJ,EAAe,SAAf,CAAwB,MAAO,CAAE,MAAAE,EAAO,MAAAC,CAAM,EAAI,SAAAF,EAAS,EAC9D,CACD,EACDX,EAAK,YAAc,OAEnB,MAAMgB,KAAmB,OAAI,GAAI,CAC/B,SAAU,CACR,MAAO,CACL,KAAM,eACN,OAAQ,iBACR,MAAO,aACT,EACA,MAAO,CACL,QAAS,iBACT,OAAQ,cACV,CACF,EACA,gBAAiB,CACf,MAAO,OACP,MAAO,QACT,CACF,CAAC,EAEKC,KAAsB,OAAI,GAAI,CAClC,SAAU,CACR,MAAO,CACL,QAAS,iBACT,OAAQ,cACV,CACF,EACA,gBAAiB,CACf,MAAO,QACT,CACF,CAAC,EACKf,EAAWI,EAAM,WAGrB,CAAC,CAAE,UAAAY,EAAW,GAAGJ,CAAM,EAAGC,IAAQ,CAClC,KAAM,CAAE,MAAOI,EAAiB,MAAOC,CAAgB,EAAId,EAAM,WAAWI,CAAc,EAC1F,SACE,OAACF,EAAc,KAAd,CACC,IAAKO,EACL,aAAW,MACT,iDACAC,EAAiB,CACf,MAAOG,EACP,MAAOC,CACT,CAAC,EACDF,CACF,EACC,GAAGJ,EACN,CAEJ,CAAC,EACDZ,EAAS,YAAcM,EAAc,KAAK,YAE1C,MAAML,EAAcG,EAAM,WAGxB,CAAC,CAAE,UAAAY,EAAW,GAAGJ,CAAM,EAAGC,IAAQ,CAClC,KAAM,CAAE,MAAOK,CAAgB,EAAId,EAAM,WAAWI,CAAc,EAClE,SACE,OAACF,EAAc,QAAd,CACC,IAAKO,EACL,aAAW,MACT,4QACAG,EACAD,EAAoB,CAClB,MAAOG,CACT,CAAC,CACH,EACC,GAAGN,EACN,CAEJ,CAAC,EACDX,EAAY,YAAcK,EAAc,QAAQ,YAEhD,MAAMP,EAAcK,EAAM,WAGxB,CAAC,CAAE,UAAAY,EAAW,GAAGJ,CAAM,EAAGC,OAAQ,OAACP,EAAc,QAAd,CAAsB,IAAKO,EAAK,aAAW,MAAGG,CAAS,EAAI,GAAGJ,EAAO,CAAE,EAC5Gb,EAAY,YAAcO,EAAc,QAAQ",
+  "names": ["tabs_exports", "__export", "Tabs", "TabsContent", "TabsList", "TabsTrigger", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "TabsPrimitive", "import_class_variance_authority", "TabListContext", "children", "align", "shape", "props", "ref", "tabsListVariants", "tabsTriggerVariants", "className", "alignFromParent", "shapeFromParent"]
 }

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

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import MemberEquity from '../biz-components/MemberEquity';
+import MemberEquity from '../biz-components/MemberEquity/index.js';
 declare const meta: Meta<typeof MemberEquity>;
 export default meta;
 type Story = StoryObj<typeof MemberEquity>;

package/dist/cjs/stories/MemberEquity.stories.js

@@ -1,4 +1,4 @@
-"use strict";var m=Object.create;var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var l=(e,t)=>{for(var o in t)s(e,o,{get:t[o],enumerable:!0})},i=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of p(t))!d.call(e,r)&&r!==o&&s(e,r,{get:()=>t[r],enumerable:!(a=u(t,r))||a.enumerable});return e};var b=(e,t,o)=>(o=e!=null?m(y(e)):{},i(t||!e||!e.__esModule?s(o,"default",{value:e,enumerable:!0}):o,e)),g=e=>i(s({},"__esModule",{value:!0}),e);var B={};l(B,{CustomButtons:()=>q,CustomStyles:()=>F,Default:()=>n,Round:()=>x,default:()=>f});module.exports=g(B);var c=b(require("../biz-components/MemberEquity"));const h={title:"Biz-Components/MemberEquity",component:c.default,parameters:{layout:"fullscreen",docs:{description:{component:` 
+"use strict";var m=Object.create;var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var l=(e,t)=>{for(var o in t)s(e,o,{get:t[o],enumerable:!0})},i=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of p(t))!d.call(e,r)&&r!==o&&s(e,r,{get:()=>t[r],enumerable:!(a=u(t,r))||a.enumerable});return e};var b=(e,t,o)=>(o=e!=null?m(y(e)):{},i(t||!e||!e.__esModule?s(o,"default",{value:e,enumerable:!0}):o,e)),g=e=>i(s({},"__esModule",{value:!0}),e);var B={};l(B,{CustomButtons:()=>q,CustomStyles:()=>F,Default:()=>n,Round:()=>x,default:()=>f});module.exports=g(B);var c=b(require("../biz-components/MemberEquity/index.js"));const h={title:"Biz-Components/MemberEquity",component:c.default,parameters:{layout:"fullscreen",docs:{description:{component:` 
 MemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\u7684\u7EC4\u4EF6\u3002  
 
 
@@ -7,7 +7,7 @@ MemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\
 .member-equity-description  
 .member-equity-button-primary  
 .member-equity-button-secondary  
-      `}}},tags:["autodocs"]};var f=h;const n={args:{title:"Become a Member Today",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",primaryButton:{text:"Shop Now",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"square"}},x={args:{...n.args,title:"Join Our Family",description:"Get exclusive access to new products and special member-only discounts.",backgroundImage:"https://images.unsplash.com/photo-1558002038-1055907df827",shape:"round"}},q={args:{...n.args,title:"Premium Experience",description:"Join our community to get early access to new products and exclusive member benefits.",backgroundImage:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",primaryButton:{text:"Join Now",href:"/join"},secondaryButton:{text:"Explore Benefits",href:"/benefits"}}},F={args:{...n.args,title:"Become a Member Today and opportunities",style:`
+      `}}},tags:["autodocs"]};var f=h;const n={args:{title:"Become a Member Today",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",primaryButton:{text:"Shop Now",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"square"}},x={args:{...n.args,title:"Join Our Family",description:"Get exclusive access to new products and special member-only discounts.",backgroundImage:"https://images.unsplash.com/photo-1558002038-1055907df827",shape:"rounded"}},q={args:{...n.args,title:"Premium Experience",description:"Join our community to get early access to new products and exclusive member benefits.",backgroundImage:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",primaryButton:{text:"Join Now",href:"/join"},secondaryButton:{text:"Explore Benefits",href:"/benefits"}}},F={args:{...n.args,title:"Become a Member Today and opportunities",style:`
       .member-equity-title {
           background: linear-gradient(
                 90deg,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/MemberEquity.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react';\nimport MemberEquity from '../biz-components/MemberEquity';\n\nconst meta: Meta<typeof MemberEquity> = {\n  title: 'Biz-Components/MemberEquity',\n  component: MemberEquity,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: ` \nMemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\u7684\u7EC4\u4EF6\u3002  \n\n\n### \u81EA\u5B9A\u4E49style \u53EF\u7528class \n.member-equity-title  \n.member-equity-description  \n.member-equity-button-primary  \n.member-equity-button-secondary  \n      `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof MemberEquity>;\n\n// \u9ED8\u8BA4\u6837\u5F0F - \u65B9\u5F62\nexport const Default: Story = {\n  args: {\n    title: 'Become a Member Today',\n    description: 'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n    backgroundImage: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n    primaryButton: {\n      text: 'Shop Now',\n      href: '/shop',\n    },\n    secondaryButton: {\n      text: 'Learn More',\n      href: '/learn',\n    },\n    shape: 'square',\n  },\n};\n\n// \u5706\u89D2\u98CE\u683C\nexport const Round: Story = {\n  args: {\n    ...Default.args,\n    title: 'Join Our Family',\n    description: 'Get exclusive access to new products and special member-only discounts.',\n    backgroundImage: 'https://images.unsplash.com/photo-1558002038-1055907df827',\n    shape: 'round',\n  },\n};\n\n// \u81EA\u5B9A\u4E49\u6309\u94AE\nexport const CustomButtons: Story = {\n  args: {\n    ...Default.args,\n    title: 'Premium Experience',\n    description: 'Join our community to get early access to new products and exclusive member benefits.',\n    backgroundImage: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n    primaryButton: {\n      text: 'Join Now',\n      href: '/join',\n    },\n    secondaryButton: {\n      text: 'Explore Benefits',\n      href: '/benefits',\n    },\n  },\n};\n\n// \u81EA\u5B9A\u4E49\u6837\u5F0F\nexport const CustomStyles: Story = {\n  args: {\n    ...Default.args,\n    title: 'Become a Member Today and opportunities',\n    style: `\n      .member-equity-title {\n          background: linear-gradient(\n                90deg,\n              #FFD700,   /* \u91D1\u8272 (Gold) */\n              #FFC000,   /* \u4EAE\u91D1\u8272 (Light Gold) */\n              #FFA500,   /* \u6A59\u8272 (Orange) */\n              #FF8C00,   /* \u6DF1\u6A59\u8272 (Dark Orange) */\n              #FF6B00    /* \u6A59\u7EA2\u8272 (Red-Orange) */\n          );\n          -webkit-background-clip: text; /* \u517C\u5BB9 WebKit \u6D4F\u89C8\u5668 */\n          background-clip: text;\n          color: transparent; /* \u9690\u85CF\u539F\u59CB\u6587\u5B57\u989C\u8272 */\n      }\n      .member-equity-description {\n        color: blue;\n      }\n      .member-equity-button-primary {\n        color: green;\n      }\n    `,\n    event: {\n\n    }\n  },\n}; "],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,EAAA,iBAAAC,EAAA,YAAAC,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GACA,IAAAQ,EAAyB,6CAEzB,MAAMC,EAAkC,CACtC,MAAO,8BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAUb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAIR,MAAML,EAAiB,CAC5B,KAAM,CACJ,MAAO,wBACP,YAAa,sGACb,gBAAiB,+DACjB,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,QACT,CACF,EAGaC,EAAe,CAC1B,KAAM,CACJ,GAAGD,EAAQ,KACX,MAAO,kBACP,YAAa,0EACb,gBAAiB,4DACjB,MAAO,OACT,CACF,EAGaF,EAAuB,CAClC,KAAM,CACJ,GAAGE,EAAQ,KACX,MAAO,qBACP,YAAa,wFACb,gBAAiB,+DACjB,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,mBACN,KAAM,WACR,CACF,CACF,EAGaD,EAAsB,CACjC,KAAM,CACJ,GAAGC,EAAQ,KACX,MAAO,0CACP,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAqBP,MAAO,CAEP,CACF,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MemberEquity from '../biz-components/MemberEquity/index.js'\n\nconst meta: Meta<typeof MemberEquity> = {\n  title: 'Biz-Components/MemberEquity',\n  component: MemberEquity,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: ` \nMemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\u7684\u7EC4\u4EF6\u3002  \n\n\n### \u81EA\u5B9A\u4E49style \u53EF\u7528class \n.member-equity-title  \n.member-equity-description  \n.member-equity-button-primary  \n.member-equity-button-secondary  \n      `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n}\n\nexport default meta\ntype Story = StoryObj<typeof MemberEquity>\n\n// \u9ED8\u8BA4\u6837\u5F0F - \u65B9\u5F62\nexport const Default: Story = {\n  args: {\n    title: 'Become a Member Today',\n    description: 'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n    backgroundImage: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n    primaryButton: {\n      text: 'Shop Now',\n      href: '/shop',\n    },\n    secondaryButton: {\n      text: 'Learn More',\n      href: '/learn',\n    },\n    shape: 'square',\n  },\n}\n\n// \u5706\u89D2\u98CE\u683C\nexport const Round: Story = {\n  args: {\n    ...Default.args,\n    title: 'Join Our Family',\n    description: 'Get exclusive access to new products and special member-only discounts.',\n    backgroundImage: 'https://images.unsplash.com/photo-1558002038-1055907df827',\n    shape: 'rounded',\n  },\n}\n\n// \u81EA\u5B9A\u4E49\u6309\u94AE\nexport const CustomButtons: Story = {\n  args: {\n    ...Default.args,\n    title: 'Premium Experience',\n    description: 'Join our community to get early access to new products and exclusive member benefits.',\n    backgroundImage: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n    primaryButton: {\n      text: 'Join Now',\n      href: '/join',\n    },\n    secondaryButton: {\n      text: 'Explore Benefits',\n      href: '/benefits',\n    },\n  },\n}\n\n// \u81EA\u5B9A\u4E49\u6837\u5F0F\nexport const CustomStyles: Story = {\n  args: {\n    ...Default.args,\n    title: 'Become a Member Today and opportunities',\n    style: `\n      .member-equity-title {\n          background: linear-gradient(\n                90deg,\n              #FFD700,   /* \u91D1\u8272 (Gold) */\n              #FFC000,   /* \u4EAE\u91D1\u8272 (Light Gold) */\n              #FFA500,   /* \u6A59\u8272 (Orange) */\n              #FF8C00,   /* \u6DF1\u6A59\u8272 (Dark Orange) */\n              #FF6B00    /* \u6A59\u7EA2\u8272 (Red-Orange) */\n          );\n          -webkit-background-clip: text; /* \u517C\u5BB9 WebKit \u6D4F\u89C8\u5668 */\n          background-clip: text;\n          color: transparent; /* \u9690\u85CF\u539F\u59CB\u6587\u5B57\u989C\u8272 */\n      }\n      .member-equity-description {\n        color: blue;\n      }\n      .member-equity-button-primary {\n        color: green;\n      }\n    `,\n    event: {},\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,EAAA,iBAAAC,EAAA,YAAAC,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GACA,IAAAQ,EAAyB,sDAEzB,MAAMC,EAAkC,CACtC,MAAO,8BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAUb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAIR,MAAML,EAAiB,CAC5B,KAAM,CACJ,MAAO,wBACP,YAAa,sGACb,gBAAiB,+DACjB,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,QACT,CACF,EAGaC,EAAe,CAC1B,KAAM,CACJ,GAAGD,EAAQ,KACX,MAAO,kBACP,YAAa,0EACb,gBAAiB,4DACjB,MAAO,SACT,CACF,EAGaF,EAAuB,CAClC,KAAM,CACJ,GAAGE,EAAQ,KACX,MAAO,qBACP,YAAa,wFACb,gBAAiB,+DACjB,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,mBACN,KAAM,WACR,CACF,CACF,EAGaD,EAAsB,CACjC,KAAM,CACJ,GAAGC,EAAQ,KACX,MAAO,0CACP,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAqBP,MAAO,CAAC,CACV,CACF",
   "names": ["MemberEquity_stories_exports", "__export", "CustomButtons", "CustomStyles", "Default", "Round", "MemberEquity_stories_default", "__toCommonJS", "import_MemberEquity", "meta", "MemberEquity"]
 }

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

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

package/dist/cjs/stories/bizTabs.stories.js

@@ -0,0 +1,2 @@
+"use strict";var c=Object.create;var o=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var f=(t,e)=>{for(var s in e)o(t,s,{get:e[s],enumerable:!0})},p=(t,e,s,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of b(e))!h.call(t,a)&&a!==s&&o(t,a,{get:()=>e[a],enumerable:!(r=l(e,a))||r.enumerable});return t};var T=(t,e,s)=>(s=t!=null?c(y(t)):{},p(e||!t||!t.__esModule?o(s,"default",{value:t,enumerable:!0}):s,t)),u=t=>p(o({},"__esModule",{value:!0}),t);var D={};f(D,{Dark:()=>k,Default:()=>S,default:()=>d});module.exports=u(D);var m=T(require("../biz-components/Tabs/index.js"));const g={title:"Biz-Components/Tabs",component:m.default,tags:["autodocs"],argTypes:{theme:{control:"select",options:["light","dark"]}}};var d=g;const i={tabName:"\u7545\u9500\u5546\u54C1",tabContent:[{blockType:"ShelfDisplay",primaryButton:"Learn More",secondaryButton:"Shop Now",products:[{img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/B25M2111_Richimage_TD01_US_V11.png?v=1745726871",price:"\uFFE599",title:"\u5546\u54C11",basePrice:"\uFFE5199",subTitle:"\u526F\u6807\u98981",tagItems:["\u70ED\u5356"]}],itemShape:"square",theme:"dark"}]},n={tabName:"\u6298\u6263\u5546\u54C1",tabContent:[{blockType:"ShelfDisplay",primaryButton:"Learn More",secondaryButton:"Shop Now",products:[{img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/A2147113_TD01_V2_1.png?v=1745389222",price:"\uFFE5199",title:"\u5546\u54C11",basePrice:"\uFFE5199",subTitle:"\u526F\u6807\u98981",tagItems:["\u6298\u6263"]}],itemShape:"square",theme:"dark"}]},S={args:{shape:"square",align:"left",tabs:[i,n]}},k={args:{theme:"dark",shape:"square",align:"center",tabs:[i,n],className:"mx-auto"}};
+//# sourceMappingURL=bizTabs.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/bizTabs.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Tabs from '../biz-components/Tabs/index.js'\nimport type { TabsProps } from '../biz-components/Tabs/types'\n\nconst meta: Meta<typeof Tabs> = {\n  title: 'Biz-Components/Tabs',\n  component: Tabs,\n  tags: ['autodocs'],\n  argTypes: {\n    theme: {\n      control: 'select',\n      options: ['light', 'dark'],\n    },\n  },\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof Tabs>\n\nconst shelfDisplayTab1 = {\n  tabName: '\u7545\u9500\u5546\u54C1',\n  tabContent: [\n    {\n      blockType: 'ShelfDisplay',\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n      products: [\n        {\n          img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/B25M2111_Richimage_TD01_US_V11.png?v=1745726871',\n          price: '\uFFE599',\n          title: '\u5546\u54C11',\n          basePrice: '\uFFE5199',\n          subTitle: '\u526F\u6807\u98981',\n          tagItems: ['\u70ED\u5356'],\n        },\n      ],\n      itemShape: 'square',\n      theme: 'dark',\n    },\n  ],\n}\n\n\nconst shelfDisplayTab2 = {\n  tabName: '\u6298\u6263\u5546\u54C1',\n  tabContent: [\n    {\n      blockType: 'ShelfDisplay',\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n      products: [\n        {\n          img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/A2147113_TD01_V2_1.png?v=1745389222',\n          price: '\uFFE5199',\n          title: '\u5546\u54C11',\n          basePrice: '\uFFE5199',\n          subTitle: '\u526F\u6807\u98981',\n          tagItems: ['\u6298\u6263'],\n        },\n      ],\n      itemShape: 'square',\n      theme: 'dark',\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    shape: 'square',\n    align: 'left',\n    tabs: [shelfDisplayTab1, shelfDisplayTab2],\n  } as TabsProps,\n}\n\n\nexport const Dark: Story = {\n  args: {\n    theme: 'dark',\n    shape: 'square',\n    align: 'center',\n    tabs: [shelfDisplayTab1, shelfDisplayTab2],\n    className: 'mx-auto',\n  } as TabsProps,\n}"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAiB,8CAGjB,MAAMC,EAA0B,CAC9B,MAAO,sBACP,UAAW,EAAAC,QACX,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,MAAO,CACL,QAAS,SACT,QAAS,CAAC,QAAS,MAAM,CAC3B,CACF,CACF,EAEA,IAAOJ,EAAQG,EAIf,MAAME,EAAmB,CACvB,QAAS,2BACT,WAAY,CACV,CACE,UAAW,eACX,cAAe,aACf,gBAAiB,WACjB,SAAU,CACR,CACE,IAAK,yGACL,MAAO,WACP,MAAO,gBACP,UAAW,YACX,SAAU,sBACV,SAAU,CAAC,cAAI,CACjB,CACF,EACA,UAAW,SACX,MAAO,MACT,CACF,CACF,EAGMC,EAAmB,CACvB,QAAS,2BACT,WAAY,CACV,CACE,UAAW,eACX,cAAe,aACf,gBAAiB,WACjB,SAAU,CACR,CACE,IAAK,6FACL,MAAO,YACP,MAAO,gBACP,UAAW,YACX,SAAU,sBACV,SAAU,CAAC,cAAI,CACjB,CACF,EACA,UAAW,SACX,MAAO,MACT,CACF,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,MAAO,SACP,MAAO,OACP,KAAM,CAACM,EAAkBC,CAAgB,CAC3C,CACF,EAGaR,EAAc,CACzB,KAAM,CACJ,MAAO,OACP,MAAO,SACP,MAAO,SACP,KAAM,CAACO,EAAkBC,CAAgB,EACzC,UAAW,SACb,CACF",
+  "names": ["bizTabs_stories_exports", "__export", "Dark", "Default", "bizTabs_stories_default", "__toCommonJS", "import_Tabs", "meta", "Tabs", "shelfDisplayTab1", "shelfDisplayTab2"]
+}

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

@@ -13,13 +13,6 @@ declare const meta: {
     };
     tags: string[];
     argTypes: {
-        theme: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-        };
         variant: {
             control: {
                 type: "select";
@@ -43,7 +36,6 @@ declare const meta: {
         };
     };
     args: {
-        theme: "light";
         variant: "primary";
         size: "base";
         children: string;

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

@@ -1,2 +1,2 @@
-"use strict";var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var g=(o,e)=>{for(var r in e)s(o,r,{get:e[r],enumerable:!0})},y=(o,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of p(e))!d.call(o,a)&&a!==r&&s(o,a,{get:()=>e[a],enumerable:!(i=l(e,a))||i.enumerable});return o};var h=o=>y(s({},"__esModule",{value:!0}),o);var k={};g(k,{Aschild:()=>b,Link:()=>S,Loading:()=>u,Primary:()=>v,Secondary:()=>z,Spinner:()=>M,WithIcon:()=>x,default:()=>f});module.exports=h(k);var t=require("react/jsx-runtime"),n=require("@storybook/icons"),c=require("../components/index.js"),L=require("react");const m={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"}}},tags:["autodocs"],argTypes:{theme:{control:{type:"select"},options:["dark","light"],description:"\u4E3B\u9898, \u9ED8\u8BA4\u662F light"},variant:{control:{type:"select"},options:["primary","secondary","link","ghost"],description:"\u6309\u94AE\u7C7B\u578B, \u63A8\u8350\u4F7F\u7528 primary \u548C secondary\uFF0C 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 base, \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:{theme:"light",variant:"primary",size:"base",children:"Button",asChild:!1,disabled:!1,loading:!1,hoverEffect:"none"}};var f=m;const v={args:{size:"lg",children:"Primary"}},z={args:{size:"lg",variant:"secondary",children:"Secondary"}},S={args:{size:"lg",variant:"link",children:"Link"}},x={args:{size:"lg",children:(0,t.jsxs)(t.Fragment,{children:["WithIcon ",(0,t.jsx)(n.SearchIcon,{className:"ml-2"})]})}},u={args:{size:"lg",loading:!0}},b={args:{size:"lg",asChild:!0,children:(0,t.jsx)("a",{href:"http://example.com",children:"as a a tag"})}},M={args:{size:"lg",loading:!0,spinner:(0,t.jsxs)("div",{className:"flex animate-pulse flex-row font-bold text-neutral-900",children:[(0,t.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,t.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..."]})}};
+"use strict";var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var g=(e,t)=>{for(var r in t)s(e,r,{get:t[r],enumerable:!0})},y=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of p(t))!d.call(e,o)&&o!==r&&s(e,o,{get:()=>t[o],enumerable:!(n=l(t,o))||n.enumerable});return e};var m=e=>y(s({},"__esModule",{value:!0}),e);var w={};g(w,{Aschild:()=>b,Link:()=>S,Loading:()=>u,Primary:()=>v,Secondary:()=>z,Spinner:()=>M,WithIcon:()=>x,default:()=>f});module.exports=m(w);var a=require("react/jsx-runtime"),i=require("@storybook/icons"),c=require("../components/index.js"),L=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"}}},tags:["autodocs"],argTypes:{variant:{control:{type:"select"},options:["primary","secondary","link","ghost"],description:"\u6309\u94AE\u7C7B\u578B, \u63A8\u8350\u4F7F\u7528 primary \u548C secondary\uFF0C 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 base, \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",asChild:!1,disabled:!1,loading:!1,hoverEffect:"none"}};var f=h;const v={args:{size:"lg",children:"Primary"}},z={args:{size:"lg",variant:"secondary",children:"Secondary"}},S={args:{size:"lg",variant:"link",children:"Link"}},x={args:{size:"lg",children:(0,a.jsxs)(a.Fragment,{children:["WithIcon ",(0,a.jsx)(i.SearchIcon,{className:"ml-2"})]})}},u={args:{size:"lg",loading:!0}},b={args:{size:"lg",asChild:!0,children:(0,a.jsx)("a",{href:"http://example.com",children:"as a a tag"})}},M={args:{size:"lg",loading:!0,spinner:(0,a.jsxs)("div",{className:"flex animate-pulse flex-row font-bold text-neutral-900",children:[(0,a.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,a.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..."]})}};
 //# sourceMappingURL=button.stories.js.map

package/dist/cjs/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    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: ['primary', 'secondary', 'link', 'ghost'],\n      description: '\u6309\u94AE\u7C7B\u578B, \u63A8\u8350\u4F7F\u7528 primary \u548C secondary\uFF0C 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 base, \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    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 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"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,SAAAC,EAAA,YAAAC,EAAA,YAAAC,EAAA,cAAAC,EAAA,YAAAC,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAV,GAmGM,IAAAW,EAAA,6BAlGNC,EAA2B,4BAE3BC,EAAuB,kCACvBC,EAAkB,iBAGlB,MAAMC,EAAO,CAEX,MAAO,oBACP,UAAW,SACX,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,UAAW,YAAa,OAAQ,OAAO,EACjD,YAAa,8KACf,EACA,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,OAAQ,KAAM,MAAM,EACpC,YAAa,0FACf,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,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",
+  "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    variant: {\n      control: {\n        type: 'select',\n      },\n      options: ['primary', 'secondary', 'link', 'ghost'],\n      description: '\u6309\u94AE\u7C7B\u578B, \u63A8\u8350\u4F7F\u7528 primary \u548C secondary\uFF0C 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 base, \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    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=\"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"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,SAAAC,EAAA,YAAAC,EAAA,YAAAC,EAAA,cAAAC,EAAA,YAAAC,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAV,GA2FM,IAAAW,EAAA,6BA1FNC,EAA2B,4BAE3BC,EAAuB,kCACvBC,EAAkB,iBAGlB,MAAMC,EAAO,CAEX,MAAO,oBACP,UAAW,SACX,WAAY,CAEV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,uIACb,CACF,CACF,EAEA,KAAM,CAAC,UAAU,EAEjB,SAAU,CACR,QAAS,CACP,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,UAAW,YAAa,OAAQ,OAAO,EACjD,YAAa,8KACf,EACA,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,OAAQ,KAAM,MAAM,EACpC,YAAa,0FACf,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,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",
   "names": ["button_stories_exports", "__export", "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/tabs.stories.d.ts

@@ -4,9 +4,8 @@ import React, { type ComponentType } from 'react';
 declare const meta: {
     title: string;
     component: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-        algin?: "left" | "center" | "right";
-        shape?: "rounded" | "square";
-        theme: "light" | "dark";
+        align?: import("../types/props.js").Align;
+        shape?: import("../types/props.js").Shape;
     } & React.RefAttributes<HTMLDivElement>>;
     subcomponents: {
         TabsList: ComponentType<unknown>;
@@ -288,9 +287,8 @@ declare const meta: {
         orientation?: "horizontal" | "vertical" | undefined;
         onValueChange?: ((value: string) => void) | undefined;
         activationMode?: "automatic" | "manual" | undefined;
-        algin?: "left" | "center" | "right" | undefined;
-        shape?: "rounded" | "square" | undefined;
-        theme: "light" | "dark";
+        align?: import("../types/props.js").Align | undefined;
+        shape?: import("../types/props.js").Shape | undefined;
         ref?: React.LegacyRef<HTMLDivElement> | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
     parameters: {
@@ -304,7 +302,7 @@ declare const meta: {
     tags: string[];
     args: {
         defaultValue: string;
-        algin: "left";
+        align: "left";
     };
     argTypes: {
         defaultValue: {
@@ -322,7 +320,7 @@ declare const meta: {
             };
             options: string[];
         };
-        algin: {
+        align: {
             description: string;
         };
         onValueChange: {

package/dist/cjs/stories/tabs.stories.js

@@ -1,2 +1,2 @@
-"use strict";var r=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var d=(a,s)=>{for(var o in s)r(a,o,{get:s[o],enumerable:!0})},T=(a,s,o,l)=>{if(s&&typeof s=="object"||typeof s=="function")for(let n of i(s))!b.call(a,n)&&n!==o&&r(a,n,{get:()=>s[n],enumerable:!(l=u(s,n))||l.enumerable});return a};var c=a=>T(r({},"__esModule",{value:!0}),a);var S={};d(S,{AlignCenter:()=>v,AlignRight:()=>y,Default:()=>p,Disabled:()=>C,default:()=>m});module.exports=c(S);var t=require("react/jsx-runtime"),e=require("../components/index.js"),f=require("react");const g={title:"Components/Tabs",component:e.Tabs,subcomponents:{TabsList:e.TabsList,TabsTrigger:e.TabsTrigger,TabsContent:e.TabsContent},decorators:[a=>(0,t.jsx)("div",{style:{margin:"2em"},children:(0,t.jsx)(a,{})})],parameters:{layout:"fullscreen",docs:{description:{component:"Tab\u9009\u9879\u5361\uFF0C\u63D0\u4F9B\u53EF\u8BBF\u95EE\u7684\u6807\u7B7E\u754C\u9762\uFF0C\u57FA\u4E8E@radix-ui/react-tabs"}}},tags:["autodocs"],args:{defaultValue:"bestSeller",algin:"left"},argTypes:{defaultValue:{description:"\u9ED8\u8BA4\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C",control:"text",table:{summary:"bestSeller",readonly:!0}},value:{description:"\u5F53\u524D\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C\uFF08\u53D7\u63A7\u6A21\u5F0F\uFF09",control:{type:"radio"},options:["bestSeller","discountProducts","bundleDeals","recommend"]},algin:{description:"\u5BF9\u9F50\u65B9\u5411"},onValueChange:{description:"\u6807\u7B7E\u9875\u503C\u53D8\u5316\u65F6\u7684\u56DE\u8C03\u51FD\u6570",action:"changed",type:"function"},orientation:{control:{type:"inline-radio"},options:["horizontal","vertical"],description:"\u6807\u7B7E\u9875\u5E03\u5C40\u65B9\u5411",table:{defaultValue:{summary:"horizontal"}}},dir:{control:{type:"inline-radio"},options:["ltr","rtl"],description:"\u6587\u672C\u65B9\u5411",table:{defaultValue:{summary:"ltr"}}}}};var m=g;const p={render:a=>(0,t.jsxs)(e.Tabs,{...a,children:[(0,t.jsxs)(e.TabsList,{children:[(0,t.jsx)(e.TabsTrigger,{value:"bestSeller",children:"Best Seller"}),(0,t.jsx)(e.TabsTrigger,{value:"discountProducts",children:"Discount products"}),(0,t.jsx)(e.TabsTrigger,{value:"bundleDeals",children:"Bundle Deals"}),(0,t.jsx)(e.TabsTrigger,{value:"recommend",children:"Recommend"})]}),(0,t.jsx)(e.TabsContent,{value:"bestSeller",children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"discountProducts",children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"bundleDeals",children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"recommend",children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})]})},v={args:{algin:"center"},render:a=>(0,t.jsxs)(e.Tabs,{...a,children:[(0,t.jsxs)(e.TabsList,{children:[(0,t.jsx)(e.TabsTrigger,{value:"bestSeller",children:"Best Seller"}),(0,t.jsx)(e.TabsTrigger,{value:"discountProducts",children:"Discount products"}),(0,t.jsx)(e.TabsTrigger,{value:"bundleDeals",children:"Bundle Deals"}),(0,t.jsx)(e.TabsTrigger,{value:"recommend",children:"Recommend"})]}),(0,t.jsx)(e.TabsContent,{value:"bestSeller",children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"discountProducts",children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"bundleDeals",children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"recommend",children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})]})},y={args:{algin:"right"},render:a=>(0,t.jsxs)(e.Tabs,{...a,children:[(0,t.jsxs)(e.TabsList,{children:[(0,t.jsx)(e.TabsTrigger,{value:"bestSeller",children:"Best Seller"}),(0,t.jsx)(e.TabsTrigger,{value:"discountProducts",children:"Discount products"}),(0,t.jsx)(e.TabsTrigger,{value:"bundleDeals",children:"Bundle Deals"}),(0,t.jsx)(e.TabsTrigger,{value:"recommend",children:"Recommend"})]}),(0,t.jsx)(e.TabsContent,{value:"bestSeller",children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"discountProducts",children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"bundleDeals",children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"recommend",children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})]})},C={args:{defaultValue:""},render:a=>(0,t.jsxs)(e.Tabs,{...a,children:[(0,t.jsxs)(e.TabsList,{children:[(0,t.jsx)(e.TabsTrigger,{disabled:!0,value:"bestSeller",children:"Best Seller"}),(0,t.jsx)(e.TabsTrigger,{value:"discountProducts",children:"Discount products"}),(0,t.jsx)(e.TabsTrigger,{value:"bundleDeals",children:"Bundle Deals"}),(0,t.jsx)(e.TabsTrigger,{value:"recommend",children:"Recommend"})]}),(0,t.jsx)(e.TabsContent,{value:"bestSeller",children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"discountProducts",children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"bundleDeals",children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"recommend",children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})]})};
+"use strict";var r=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var d=(a,s)=>{for(var o in s)r(a,o,{get:s[o],enumerable:!0})},T=(a,s,o,l)=>{if(s&&typeof s=="object"||typeof s=="function")for(let n of i(s))!b.call(a,n)&&n!==o&&r(a,n,{get:()=>s[n],enumerable:!(l=u(s,n))||l.enumerable});return a};var c=a=>T(r({},"__esModule",{value:!0}),a);var S={};d(S,{AlignCenter:()=>v,AlignRight:()=>y,Default:()=>p,Disabled:()=>C,default:()=>m});module.exports=c(S);var t=require("react/jsx-runtime"),e=require("../components/index.js"),f=require("react");const g={title:"Components/Tabs",component:e.Tabs,subcomponents:{TabsList:e.TabsList,TabsTrigger:e.TabsTrigger,TabsContent:e.TabsContent},decorators:[a=>(0,t.jsx)("div",{style:{margin:"2em"},children:(0,t.jsx)(a,{})})],parameters:{layout:"fullscreen",docs:{description:{component:"Tab\u9009\u9879\u5361\uFF0C\u63D0\u4F9B\u53EF\u8BBF\u95EE\u7684\u6807\u7B7E\u754C\u9762\uFF0C\u57FA\u4E8E@radix-ui/react-tabs"}}},tags:["autodocs"],args:{defaultValue:"bestSeller",align:"left"},argTypes:{defaultValue:{description:"\u9ED8\u8BA4\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C",control:"text",table:{summary:"bestSeller",readonly:!0}},value:{description:"\u5F53\u524D\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C\uFF08\u53D7\u63A7\u6A21\u5F0F\uFF09",control:{type:"radio"},options:["bestSeller","discountProducts","bundleDeals","recommend"]},align:{description:"\u5BF9\u9F50\u65B9\u5411"},onValueChange:{description:"\u6807\u7B7E\u9875\u503C\u53D8\u5316\u65F6\u7684\u56DE\u8C03\u51FD\u6570",action:"changed",type:"function"},orientation:{control:{type:"inline-radio"},options:["horizontal","vertical"],description:"\u6807\u7B7E\u9875\u5E03\u5C40\u65B9\u5411",table:{defaultValue:{summary:"horizontal"}}},dir:{control:{type:"inline-radio"},options:["ltr","rtl"],description:"\u6587\u672C\u65B9\u5411",table:{defaultValue:{summary:"ltr"}}}}};var m=g;const p={render:a=>(0,t.jsxs)(e.Tabs,{...a,children:[(0,t.jsxs)(e.TabsList,{children:[(0,t.jsx)(e.TabsTrigger,{value:"bestSeller",children:"Best Seller"}),(0,t.jsx)(e.TabsTrigger,{value:"discountProducts",children:"Discount products"}),(0,t.jsx)(e.TabsTrigger,{value:"bundleDeals",children:"Bundle Deals"}),(0,t.jsx)(e.TabsTrigger,{value:"recommend",children:"Recommend"})]}),(0,t.jsx)(e.TabsContent,{value:"bestSeller",children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"discountProducts",children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"bundleDeals",children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"recommend",children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})]})},v={args:{align:"center"},render:a=>(0,t.jsxs)(e.Tabs,{...a,children:[(0,t.jsxs)(e.TabsList,{children:[(0,t.jsx)(e.TabsTrigger,{value:"bestSeller",children:"Best Seller"}),(0,t.jsx)(e.TabsTrigger,{value:"discountProducts",children:"Discount products"}),(0,t.jsx)(e.TabsTrigger,{value:"bundleDeals",children:"Bundle Deals"}),(0,t.jsx)(e.TabsTrigger,{value:"recommend",children:"Recommend"})]}),(0,t.jsx)(e.TabsContent,{value:"bestSeller",children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"discountProducts",children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"bundleDeals",children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"recommend",children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})]})},y={args:{align:"right"},render:a=>(0,t.jsxs)(e.Tabs,{...a,children:[(0,t.jsxs)(e.TabsList,{children:[(0,t.jsx)(e.TabsTrigger,{value:"bestSeller",children:"Best Seller"}),(0,t.jsx)(e.TabsTrigger,{value:"discountProducts",children:"Discount products"}),(0,t.jsx)(e.TabsTrigger,{value:"bundleDeals",children:"Bundle Deals"}),(0,t.jsx)(e.TabsTrigger,{value:"recommend",children:"Recommend"})]}),(0,t.jsx)(e.TabsContent,{value:"bestSeller",children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"discountProducts",children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"bundleDeals",children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"recommend",children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})]})},C={args:{defaultValue:""},render:a=>(0,t.jsxs)(e.Tabs,{...a,children:[(0,t.jsxs)(e.TabsList,{children:[(0,t.jsx)(e.TabsTrigger,{disabled:!0,value:"bestSeller",children:"Best Seller"}),(0,t.jsx)(e.TabsTrigger,{value:"discountProducts",children:"Discount products"}),(0,t.jsx)(e.TabsTrigger,{value:"bundleDeals",children:"Bundle Deals"}),(0,t.jsx)(e.TabsTrigger,{value:"recommend",children:"Recommend"})]}),(0,t.jsx)(e.TabsContent,{value:"bestSeller",children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"discountProducts",children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"bundleDeals",children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"recommend",children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})]})};
 //# sourceMappingURL=tabs.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/tabs.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../components/index.js'\n\nimport React, { type ComponentType } from 'react'\n\nconst meta = {\n  title: 'Components/Tabs',\n  component: Tabs,\n  subcomponents: {\n    TabsList: TabsList as ComponentType<unknown>,\n    TabsTrigger: TabsTrigger as ComponentType<unknown>,\n    TabsContent: TabsContent as ComponentType<unknown>,\n  },\n  decorators: [\n    Story => (\n      <div style={{ margin: '2em' }}>\n        <Story />\n      </div>\n    ),\n  ],\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: 'Tab\u9009\u9879\u5361\uFF0C\u63D0\u4F9B\u53EF\u8BBF\u95EE\u7684\u6807\u7B7E\u754C\u9762\uFF0C\u57FA\u4E8E@radix-ui/react-tabs',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  args: {\n    defaultValue: 'bestSeller',\n    algin: 'left',\n  },\n  argTypes: {\n    defaultValue: {\n      description: '\u9ED8\u8BA4\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C',\n      control: 'text',\n      table: {\n        summary: 'bestSeller',\n        readonly: true,\n      },\n    },\n    value: {\n      description: '\u5F53\u524D\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C\uFF08\u53D7\u63A7\u6A21\u5F0F\uFF09',\n      control: {\n        type: 'radio',\n      },\n      options: ['bestSeller', 'discountProducts', 'bundleDeals', 'recommend'],\n    },\n    algin: {\n      description: '\u5BF9\u9F50\u65B9\u5411',\n    },\n    onValueChange: {\n      description: '\u6807\u7B7E\u9875\u503C\u53D8\u5316\u65F6\u7684\u56DE\u8C03\u51FD\u6570',\n      action: 'changed',\n      type: 'function',\n    },\n    orientation: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['horizontal', 'vertical'],\n      description: '\u6807\u7B7E\u9875\u5E03\u5C40\u65B9\u5411',\n      table: {\n        defaultValue: {\n          summary: 'horizontal',\n        },\n      },\n    },\n    dir: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['ltr', 'rtl'],\n      description: '\u6587\u672C\u65B9\u5411',\n      table: {\n        defaultValue: {\n          summary: 'ltr',\n        },\n      },\n    },\n    // activationMode: {\n    //   control: {\n    //     type: 'select',\n    //   },\n    //   options: ['automatic', 'manual'],\n    //   description: '\u6FC0\u6D3B\u6A21\u5F0F\uFF08automatic: \u81EA\u52A8\u6FC0\u6D3B, manual: \u624B\u52A8\u6FC0\u6D3B\uFF09',\n    //   table: {\n    //     defaultValue: {\n    //       summary: 'automatic',\n    //     },\n    //   },\n    // },\n  },\n} satisfies Meta<typeof Tabs>\n\nexport default meta\n\ntype Story = StoryObj<typeof Tabs>\n\nexport const Default: Story = {\n  render: args => (\n    <Tabs {...args}>\n      <TabsList>\n        <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n        <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n        <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n        <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"bestSeller\">\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"discountProducts\">\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"bundleDeals\">\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"recommend\">\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n    </Tabs>\n  ),\n}\n\nexport const AlignCenter: Story = {\n  args: {\n    algin: 'center',\n  },\n  render: args => (\n    <Tabs {...args}>\n      <TabsList>\n        <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n        <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n        <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n        <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"bestSeller\">\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"discountProducts\">\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"bundleDeals\">\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"recommend\">\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n    </Tabs>\n  ),\n}\n\nexport const AlignRight: Story = {\n  args: {\n    algin: 'right',\n  },\n  render: args => (\n    <Tabs {...args}>\n      <TabsList>\n        <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n        <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n        <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n        <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"bestSeller\">\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"discountProducts\">\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"bundleDeals\">\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"recommend\">\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n    </Tabs>\n  ),\n}\n\nexport const Disabled: Story = {\n  args: {\n    defaultValue: '',\n  },\n  render: args => (\n    <Tabs {...args}>\n      <TabsList>\n        <TabsTrigger disabled value=\"bestSeller\">\n          Best Seller\n        </TabsTrigger>\n        <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n        <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n        <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"bestSeller\">\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"discountProducts\">\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"bundleDeals\">\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"recommend\">\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n    </Tabs>\n  ),\n}\n"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../components/index.js'\n\nimport React, { type ComponentType } from 'react'\n\nconst meta = {\n  title: 'Components/Tabs',\n  component: Tabs,\n  subcomponents: {\n    TabsList: TabsList as ComponentType<unknown>,\n    TabsTrigger: TabsTrigger as ComponentType<unknown>,\n    TabsContent: TabsContent as ComponentType<unknown>,\n  },\n  decorators: [\n    Story => (\n      <div style={{ margin: '2em' }}>\n        <Story />\n      </div>\n    ),\n  ],\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: 'Tab\u9009\u9879\u5361\uFF0C\u63D0\u4F9B\u53EF\u8BBF\u95EE\u7684\u6807\u7B7E\u754C\u9762\uFF0C\u57FA\u4E8E@radix-ui/react-tabs',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  args: {\n    defaultValue: 'bestSeller',\n    align: 'left',\n  },\n  argTypes: {\n    defaultValue: {\n      description: '\u9ED8\u8BA4\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C',\n      control: 'text',\n      table: {\n        summary: 'bestSeller',\n        readonly: true,\n      },\n    },\n    value: {\n      description: '\u5F53\u524D\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C\uFF08\u53D7\u63A7\u6A21\u5F0F\uFF09',\n      control: {\n        type: 'radio',\n      },\n      options: ['bestSeller', 'discountProducts', 'bundleDeals', 'recommend'],\n    },\n    align: {\n      description: '\u5BF9\u9F50\u65B9\u5411',\n    },\n    onValueChange: {\n      description: '\u6807\u7B7E\u9875\u503C\u53D8\u5316\u65F6\u7684\u56DE\u8C03\u51FD\u6570',\n      action: 'changed',\n      type: 'function',\n    },\n    orientation: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['horizontal', 'vertical'],\n      description: '\u6807\u7B7E\u9875\u5E03\u5C40\u65B9\u5411',\n      table: {\n        defaultValue: {\n          summary: 'horizontal',\n        },\n      },\n    },\n    dir: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['ltr', 'rtl'],\n      description: '\u6587\u672C\u65B9\u5411',\n      table: {\n        defaultValue: {\n          summary: 'ltr',\n        },\n      },\n    },\n    // activationMode: {\n    //   control: {\n    //     type: 'select',\n    //   },\n    //   options: ['automatic', 'manual'],\n    //   description: '\u6FC0\u6D3B\u6A21\u5F0F\uFF08automatic: \u81EA\u52A8\u6FC0\u6D3B, manual: \u624B\u52A8\u6FC0\u6D3B\uFF09',\n    //   table: {\n    //     defaultValue: {\n    //       summary: 'automatic',\n    //     },\n    //   },\n    // },\n  },\n} satisfies Meta<typeof Tabs>\n\nexport default meta\n\ntype Story = StoryObj<typeof Tabs>\n\nexport const Default: Story = {\n  render: args => (\n    <Tabs {...args}>\n      <TabsList>\n        <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n        <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n        <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n        <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"bestSeller\">\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"discountProducts\">\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"bundleDeals\">\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"recommend\">\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n    </Tabs>\n  ),\n}\n\nexport const AlignCenter: Story = {\n  args: {\n    align: 'center',\n  },\n  render: args => (\n    <Tabs {...args}>\n      <TabsList>\n        <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n        <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n        <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n        <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"bestSeller\">\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"discountProducts\">\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"bundleDeals\">\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"recommend\">\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n    </Tabs>\n  ),\n}\n\nexport const AlignRight: Story = {\n  args: {\n    align: 'right',\n  },\n  render: args => (\n    <Tabs {...args}>\n      <TabsList>\n        <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n        <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n        <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n        <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"bestSeller\">\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"discountProducts\">\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"bundleDeals\">\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"recommend\">\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n    </Tabs>\n  ),\n}\n\nexport const Disabled: Story = {\n  args: {\n    defaultValue: '',\n  },\n  render: args => (\n    <Tabs {...args}>\n      <TabsList>\n        <TabsTrigger disabled value=\"bestSeller\">\n          Best Seller\n        </TabsTrigger>\n        <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n        <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n        <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"bestSeller\">\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"discountProducts\">\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"bundleDeals\">\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"recommend\">\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n    </Tabs>\n  ),\n}\n"],
   "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,eAAAC,EAAA,YAAAC,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GAiBQ,IAAAQ,EAAA,6BAfRC,EAAyD,kCAEzDC,EAA0C,iBAE1C,MAAMC,EAAO,CACX,MAAO,kBACP,UAAW,OACX,cAAe,CACb,SAAU,WACV,YAAa,cACb,YAAa,aACf,EACA,WAAY,CACVC,MACE,OAAC,OAAI,MAAO,CAAE,OAAQ,KAAM,EAC1B,mBAACA,EAAA,EAAM,EACT,CAEJ,EACA,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,+HACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,KAAM,CACJ,aAAc,aACd,MAAO,MACT,EACA,SAAU,CACR,aAAc,CACZ,YAAa,yDACb,QAAS,OACT,MAAO,CACL,QAAS,aACT,SAAU,EACZ,CACF,EACA,MAAO,CACL,YAAa,6FACb,QAAS,CACP,KAAM,OACR,EACA,QAAS,CAAC,aAAc,mBAAoB,cAAe,WAAW,CACxE,EACA,MAAO,CACL,YAAa,0BACf,EACA,cAAe,CACb,YAAa,2EACb,OAAQ,UACR,KAAM,UACR,EACA,YAAa,CACX,QAAS,CACP,KAAM,cACR,EACA,QAAS,CAAC,aAAc,UAAU,EAClC,YAAa,6CACb,MAAO,CACL,aAAc,CACZ,QAAS,YACX,CACF,CACF,EACA,IAAK,CACH,QAAS,CACP,KAAM,cACR,EACA,QAAS,CAAC,MAAO,KAAK,EACtB,YAAa,2BACb,MAAO,CACL,aAAc,CACZ,QAAS,KACX,CACF,CACF,CAaF,CACF,EAEA,IAAON,EAAQK,EAIR,MAAMP,EAAiB,CAC5B,OAAQS,MACN,QAAC,QAAM,GAAGA,EACR,qBAAC,YACC,oBAAC,eAAY,MAAM,aAAa,uBAAW,KAC3C,OAAC,eAAY,MAAM,mBAAmB,6BAAiB,KACvD,OAAC,eAAY,MAAM,cAAc,wBAAY,KAC7C,OAAC,eAAY,MAAM,YAAY,qBAAS,GAC1C,KACA,OAAC,eAAY,MAAM,aAAa,8EAAW,KAC3C,OAAC,eAAY,MAAM,mBAAmB,8EAAW,KACjD,OAAC,eAAY,MAAM,cAAc,8EAAW,KAC5C,OAAC,eAAY,MAAM,YAAY,8EAAW,GAC5C,CAEJ,EAEaX,EAAqB,CAChC,KAAM,CACJ,MAAO,QACT,EACA,OAAQW,MACN,QAAC,QAAM,GAAGA,EACR,qBAAC,YACC,oBAAC,eAAY,MAAM,aAAa,uBAAW,KAC3C,OAAC,eAAY,MAAM,mBAAmB,6BAAiB,KACvD,OAAC,eAAY,MAAM,cAAc,wBAAY,KAC7C,OAAC,eAAY,MAAM,YAAY,qBAAS,GAC1C,KACA,OAAC,eAAY,MAAM,aAAa,8EAAW,KAC3C,OAAC,eAAY,MAAM,mBAAmB,8EAAW,KACjD,OAAC,eAAY,MAAM,cAAc,8EAAW,KAC5C,OAAC,eAAY,MAAM,YAAY,8EAAW,GAC5C,CAEJ,EAEaV,EAAoB,CAC/B,KAAM,CACJ,MAAO,OACT,EACA,OAAQU,MACN,QAAC,QAAM,GAAGA,EACR,qBAAC,YACC,oBAAC,eAAY,MAAM,aAAa,uBAAW,KAC3C,OAAC,eAAY,MAAM,mBAAmB,6BAAiB,KACvD,OAAC,eAAY,MAAM,cAAc,wBAAY,KAC7C,OAAC,eAAY,MAAM,YAAY,qBAAS,GAC1C,KACA,OAAC,eAAY,MAAM,aAAa,8EAAW,KAC3C,OAAC,eAAY,MAAM,mBAAmB,8EAAW,KACjD,OAAC,eAAY,MAAM,cAAc,8EAAW,KAC5C,OAAC,eAAY,MAAM,YAAY,8EAAW,GAC5C,CAEJ,EAEaR,EAAkB,CAC7B,KAAM,CACJ,aAAc,EAChB,EACA,OAAQQ,MACN,QAAC,QAAM,GAAGA,EACR,qBAAC,YACC,oBAAC,eAAY,SAAQ,GAAC,MAAM,aAAa,uBAEzC,KACA,OAAC,eAAY,MAAM,mBAAmB,6BAAiB,KACvD,OAAC,eAAY,MAAM,cAAc,wBAAY,KAC7C,OAAC,eAAY,MAAM,YAAY,qBAAS,GAC1C,KACA,OAAC,eAAY,MAAM,aAAa,8EAAW,KAC3C,OAAC,eAAY,MAAM,mBAAmB,8EAAW,KACjD,OAAC,eAAY,MAAM,cAAc,8EAAW,KAC5C,OAAC,eAAY,MAAM,YAAY,8EAAW,GAC5C,CAEJ",
   "names": ["tabs_stories_exports", "__export", "AlignCenter", "AlignRight", "Default", "Disabled", "tabs_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta", "Story", "args"]
 }

package/dist/cjs/types/props.d.ts

@@ -3,3 +3,6 @@ export interface ComponentCommonProps {
     event?: any;
     condition?: any;
 }
+export type Theme = 'light' | 'dark';
+export type Shape = 'rounded' | 'square';
+export type Align = 'left' | 'center' | 'right';

package/dist/cjs/types/props.js

@@ -1,2 +1,2 @@
-"use strict";var i=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var s=(o,n,r,t)=>{if(n&&typeof n=="object"||typeof n=="function")for(let e of m(n))!p.call(o,e)&&e!==r&&i(o,e,{get:()=>n[e],enumerable:!(t=a(n,e))||t.enumerable});return o};var y=o=>s(i({},"__esModule",{value:!0}),o);var c={};module.exports=y(c);
+"use strict";var r=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var d=(t,e,p,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of a(e))!y.call(t,n)&&n!==p&&r(t,n,{get:()=>e[n],enumerable:!(o=i(e,n))||o.enumerable});return t};var g=t=>d(r({},"__esModule",{value:!0}),t);var h={};module.exports=g(h);
 //# sourceMappingURL=props.js.map

package/dist/cjs/types/props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/types/props.ts"],
-  "sourcesContent": ["export interface ComponentCommonProps  {\n    style?: string\n    event?: any\n    condition?: any\n}"],
+  "sourcesContent": ["export interface ComponentCommonProps {\n  style?: string\n  event?: any\n  condition?: any\n}\n\nexport type Theme = 'light' | 'dark'\nexport type Shape = 'rounded' | 'square'\nexport type Align = 'left' | 'center' | 'right'\n"],
   "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
   "names": ["props_exports", "__toCommonJS"]
 }

package/dist/esm/biz-components/HeroBanner/HeroBanner.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import m from"react";import{Button as c,Picture as N,Text as k}from"../../components/index.js";import{cn as a}from"../../helpers/index.js";import{withStyles as w}from"../../shared/Styles.js";const p=m.forwardRef(({title:d,subtitle:x,background:g,primaryButton:l,secondaryButton:s,theme:t="light",className:b,products:n=[]},v)=>{const i=t==="dark"?"text-white":"text-[#1D1D1F]",f=t==="dark"?"bg-white":"bg-[#1D1D1F]";return r("div",{ref:v,className:a("lg-desktop:aspect-[1920/930] tablet:aspect-[768/660] relative aspect-[390/660] w-full",b),children:[e(N,{className:"absolute top-0",source:g}),r("div",{className:"relative z-10 flex flex-col gap-8 px-32",children:[r("div",{className:"max-w-[686px] space-y-4",children:[e("h1",{className:a("hero-banner-title font-mont text-[64px] font-bold leading-none tracking-[-0.04em]",i),children:d}),e("p",{className:a("hero-banner-subtitle text-lg font-medium leading-[1.2] tracking-[-0.02em]",i),children:x})]}),r("div",{className:"flex items-center gap-4",children:[s&&e(c,{size:"lg",variant:"primary",theme:t,className:"hero-banner-primary-button",...s,children:s.text}),l&&e(c,{size:"lg",variant:"secondary",theme:t,...l,className:"hero-banner-secondary-button border-black bg-transparent text-black hover:bg-black hover:text-white",children:l.text})]})]}),n.length>0&&e("div",{className:"relative z-10 flex items-center gap-3 px-32 pb-6",children:n.map((h,o)=>r(m.Fragment,{children:[e(k,{className:a("hero-banner-product-text text-sm font-medium leading-[1.2] tracking-[-0.02em]",t==="dark"?"text-white":"text-[#1D1D1F]"),children:h.title}),o<n.length-1&&e("div",{className:a("h-4 w-px",f)})]},o))})]})});p.displayName="HeroBanner";var H=w(p);export{H as default};
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import m from"react";import{Button as c,Picture as k,Text as N}from"../../components/index.js";import{cn as t}from"../../helpers/index.js";import{withStyles as u}from"../../shared/Styles.js";const p=m.forwardRef(({title:d,subtitle:x,background:g,primaryButton:l,secondaryButton:s,theme:r="light",className:b,products:i=[]},v)=>{const n=r==="dark"?"text-white":"text-[#1D1D1F]",f=r==="dark"?"bg-white":"bg-[#1D1D1F]";return a("div",{ref:v,className:t(r==="dark"?"aiui-dark":"","lg-desktop:aspect-[1920/930] tablet:aspect-[768/660] relative aspect-[390/660] w-full",b),children:[e(k,{className:"absolute top-0",source:g}),a("div",{className:"relative z-10 flex flex-col gap-8 px-32",children:[a("div",{className:"max-w-[686px] space-y-4",children:[e("h1",{className:t("hero-banner-title font-mont text-[64px] font-bold leading-none tracking-[-0.04em]",n),children:d}),e("p",{className:t("hero-banner-subtitle text-lg font-medium leading-[1.2] tracking-[-0.02em]",n),children:x})]}),a("div",{className:"flex items-center gap-4",children:[s&&e(c,{size:"lg",variant:"primary",className:"hero-banner-primary-button",...s,children:s.text}),l&&e(c,{size:"lg",variant:"secondary",...l,className:"hero-banner-secondary-button border-black bg-transparent text-black hover:bg-black hover:text-white",children:l.text})]})]}),i.length>0&&e("div",{className:"relative z-10 flex items-center gap-3 px-32 pb-6",children:i.map((h,o)=>a(m.Fragment,{children:[e(N,{className:t("hero-banner-product-text text-sm font-medium leading-[1.2] tracking-[-0.02em]",r==="dark"?"text-white":"text-[#1D1D1F]"),children:h.title}),o<i.length-1&&e("div",{className:t("h-4 w-px",f)})]},o))})]})});p.displayName="HeroBanner";var H=u(p);export{H as default};
 //# sourceMappingURL=HeroBanner.js.map

package/dist/esm/biz-components/HeroBanner/HeroBanner.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/HeroBanner/HeroBanner.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { HeroBannerProps } from './types.js'\nimport { Button, Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/index.js'\nimport { withStyles } from '../../shared/Styles.js'\n\nconst HeroBanner = React.forwardRef<HTMLDivElement, HeroBannerProps>(\n  ({ title, subtitle, background, primaryButton, secondaryButton, theme = 'light', className, products = [] }, ref) => {\n    const textColorClass = theme === 'dark' ? 'text-white' : 'text-[#1D1D1F]'\n    const dividerColorClass = theme === 'dark' ? 'bg-white' : 'bg-[#1D1D1F]'\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'lg-desktop:aspect-[1920/930] tablet:aspect-[768/660] relative aspect-[390/660] w-full',\n          className\n        )}\n      >\n        <Picture className=\"absolute top-0\" source={background} />\n        {/* \u5185\u5BB9\u533A\u57DF */}\n        <div className=\"relative z-10 flex flex-col gap-8 px-32\">\n          <div className=\"max-w-[686px] space-y-4\">\n            <h1\n              className={cn(\n                'hero-banner-title font-mont text-[64px] font-bold leading-none tracking-[-0.04em]',\n                textColorClass\n              )}\n            >\n              {title}\n            </h1>\n            <p\n              className={cn(\n                'hero-banner-subtitle text-lg font-medium leading-[1.2] tracking-[-0.02em]',\n                textColorClass\n              )}\n            >\n              {subtitle}\n            </p>\n          </div>\n\n          {/* \u6309\u94AE\u7EC4 */}\n          <div className=\"flex items-center gap-4\">\n            {secondaryButton && (\n              <Button\n                size=\"lg\"\n                variant=\"primary\"\n                theme={theme}\n                className=\"hero-banner-primary-button\"\n                {...secondaryButton}\n              >\n                {secondaryButton.text}\n              </Button>\n            )}\n            {primaryButton && (\n              <Button\n                size=\"lg\"\n                variant=\"secondary\"\n                theme={theme}\n                {...primaryButton}\n                className=\"hero-banner-secondary-button border-black bg-transparent text-black hover:bg-black hover:text-white\"\n              >\n                {primaryButton.text}\n              </Button>\n            )}\n          </div>\n        </div>\n\n        {/* \u5E95\u90E8\u4EA7\u54C1\u5217\u8868 */}\n        {products.length > 0 && (\n          <div className=\"relative z-10 flex items-center gap-3 px-32 pb-6\">\n            {products.map((product, index) => (\n              <React.Fragment key={index}>\n                <Text\n                  className={cn(\n                    'hero-banner-product-text text-sm font-medium leading-[1.2] tracking-[-0.02em]',\n                    theme === 'dark' ? 'text-white' : 'text-[#1D1D1F]'\n                  )}\n                >\n                  {product.title}\n                </Text>\n                {index < products.length - 1 && <div className={cn('h-4 w-px', dividerColorClass)} />}\n              </React.Fragment>\n            ))}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nHeroBanner.displayName = 'HeroBanner'\n\nexport default withStyles(HeroBanner)\n"],
-  "mappings": "AAmBQ,cAAAA,EAGE,QAAAC,MAHF,oBAnBR,OAAOC,MAAW,QAElB,OAAS,UAAAC,EAAQ,WAAAC,EAAS,QAAAC,MAAY,4BACtC,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAE3B,MAAMC,EAAaN,EAAM,WACvB,CAAC,CAAE,MAAAO,EAAO,SAAAC,EAAU,WAAAC,EAAY,cAAAC,EAAe,gBAAAC,EAAiB,MAAAC,EAAQ,QAAS,UAAAC,EAAW,SAAAC,EAAW,CAAC,CAAE,EAAGC,IAAQ,CACnH,MAAMC,EAAiBJ,IAAU,OAAS,aAAe,iBACnDK,EAAoBL,IAAU,OAAS,WAAa,eAE1D,OACEb,EAAC,OACC,IAAKgB,EACL,UAAWX,EACT,wFACAS,CACF,EAEA,UAAAf,EAACI,EAAA,CAAQ,UAAU,iBAAiB,OAAQO,EAAY,EAExDV,EAAC,OAAI,UAAU,0CACb,UAAAA,EAAC,OAAI,UAAU,0BACb,UAAAD,EAAC,MACC,UAAWM,EACT,oFACAY,CACF,EAEC,SAAAT,EACH,EACAT,EAAC,KACC,UAAWM,EACT,4EACAY,CACF,EAEC,SAAAR,EACH,GACF,EAGAT,EAAC,OAAI,UAAU,0BACZ,UAAAY,GACCb,EAACG,EAAA,CACC,KAAK,KACL,QAAQ,UACR,MAAOW,EACP,UAAU,6BACT,GAAGD,EAEH,SAAAA,EAAgB,KACnB,EAEDD,GACCZ,EAACG,EAAA,CACC,KAAK,KACL,QAAQ,YACR,MAAOW,EACN,GAAGF,EACJ,UAAU,sGAET,SAAAA,EAAc,KACjB,GAEJ,GACF,EAGCI,EAAS,OAAS,GACjBhB,EAAC,OAAI,UAAU,mDACZ,SAAAgB,EAAS,IAAI,CAACI,EAASC,IACtBpB,EAACC,EAAM,SAAN,CACC,UAAAF,EAACK,EAAA,CACC,UAAWC,EACT,gFACAQ,IAAU,OAAS,aAAe,gBACpC,EAEC,SAAAM,EAAQ,MACX,EACCC,EAAQL,EAAS,OAAS,GAAKhB,EAAC,OAAI,UAAWM,EAAG,WAAYa,CAAiB,EAAG,IAThEE,CAUrB,CACD,EACH,GAEJ,CAEJ,CACF,EAEAb,EAAW,YAAc,aAEzB,IAAOc,EAAQf,EAAWC,CAAU",
+  "sourcesContent": ["import React from 'react'\nimport type { HeroBannerProps } from './types.js'\nimport { Button, Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/index.js'\nimport { withStyles } from '../../shared/Styles.js'\n\nconst HeroBanner = React.forwardRef<HTMLDivElement, HeroBannerProps>(\n  ({ title, subtitle, background, primaryButton, secondaryButton, theme = 'light', className, products = [] }, ref) => {\n    const textColorClass = theme === 'dark' ? 'text-white' : 'text-[#1D1D1F]'\n    const dividerColorClass = theme === 'dark' ? 'bg-white' : 'bg-[#1D1D1F]'\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          theme === 'dark' ? 'aiui-dark' : '',\n          'lg-desktop:aspect-[1920/930] tablet:aspect-[768/660] relative aspect-[390/660] w-full',\n          className\n        )}\n      >\n        <Picture className=\"absolute top-0\" source={background} />\n        {/* \u5185\u5BB9\u533A\u57DF */}\n        <div className=\"relative z-10 flex flex-col gap-8 px-32\">\n          <div className=\"max-w-[686px] space-y-4\">\n            <h1\n              className={cn(\n                'hero-banner-title font-mont text-[64px] font-bold leading-none tracking-[-0.04em]',\n                textColorClass\n              )}\n            >\n              {title}\n            </h1>\n            <p\n              className={cn(\n                'hero-banner-subtitle text-lg font-medium leading-[1.2] tracking-[-0.02em]',\n                textColorClass\n              )}\n            >\n              {subtitle}\n            </p>\n          </div>\n\n          {/* \u6309\u94AE\u7EC4 */}\n          <div className=\"flex items-center gap-4\">\n            {secondaryButton && (\n              <Button size=\"lg\" variant=\"primary\" className=\"hero-banner-primary-button\" {...secondaryButton}>\n                {secondaryButton.text}\n              </Button>\n            )}\n            {primaryButton && (\n              <Button\n                size=\"lg\"\n                variant=\"secondary\"\n                {...primaryButton}\n                className=\"hero-banner-secondary-button border-black bg-transparent text-black hover:bg-black hover:text-white\"\n              >\n                {primaryButton.text}\n              </Button>\n            )}\n          </div>\n        </div>\n\n        {/* \u5E95\u90E8\u4EA7\u54C1\u5217\u8868 */}\n        {products.length > 0 && (\n          <div className=\"relative z-10 flex items-center gap-3 px-32 pb-6\">\n            {products.map((product, index) => (\n              <React.Fragment key={index}>\n                <Text\n                  className={cn(\n                    'hero-banner-product-text text-sm font-medium leading-[1.2] tracking-[-0.02em]',\n                    theme === 'dark' ? 'text-white' : 'text-[#1D1D1F]'\n                  )}\n                >\n                  {product.title}\n                </Text>\n                {index < products.length - 1 && <div className={cn('h-4 w-px', dividerColorClass)} />}\n              </React.Fragment>\n            ))}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nHeroBanner.displayName = 'HeroBanner'\n\nexport default withStyles(HeroBanner)\n"],
+  "mappings": "AAoBQ,cAAAA,EAGE,QAAAC,MAHF,oBApBR,OAAOC,MAAW,QAElB,OAAS,UAAAC,EAAQ,WAAAC,EAAS,QAAAC,MAAY,4BACtC,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAE3B,MAAMC,EAAaN,EAAM,WACvB,CAAC,CAAE,MAAAO,EAAO,SAAAC,EAAU,WAAAC,EAAY,cAAAC,EAAe,gBAAAC,EAAiB,MAAAC,EAAQ,QAAS,UAAAC,EAAW,SAAAC,EAAW,CAAC,CAAE,EAAGC,IAAQ,CACnH,MAAMC,EAAiBJ,IAAU,OAAS,aAAe,iBACnDK,EAAoBL,IAAU,OAAS,WAAa,eAE1D,OACEb,EAAC,OACC,IAAKgB,EACL,UAAWX,EACTQ,IAAU,OAAS,YAAc,GACjC,wFACAC,CACF,EAEA,UAAAf,EAACI,EAAA,CAAQ,UAAU,iBAAiB,OAAQO,EAAY,EAExDV,EAAC,OAAI,UAAU,0CACb,UAAAA,EAAC,OAAI,UAAU,0BACb,UAAAD,EAAC,MACC,UAAWM,EACT,oFACAY,CACF,EAEC,SAAAT,EACH,EACAT,EAAC,KACC,UAAWM,EACT,4EACAY,CACF,EAEC,SAAAR,EACH,GACF,EAGAT,EAAC,OAAI,UAAU,0BACZ,UAAAY,GACCb,EAACG,EAAA,CAAO,KAAK,KAAK,QAAQ,UAAU,UAAU,6BAA8B,GAAGU,EAC5E,SAAAA,EAAgB,KACnB,EAEDD,GACCZ,EAACG,EAAA,CACC,KAAK,KACL,QAAQ,YACP,GAAGS,EACJ,UAAU,sGAET,SAAAA,EAAc,KACjB,GAEJ,GACF,EAGCI,EAAS,OAAS,GACjBhB,EAAC,OAAI,UAAU,mDACZ,SAAAgB,EAAS,IAAI,CAACI,EAASC,IACtBpB,EAACC,EAAM,SAAN,CACC,UAAAF,EAACK,EAAA,CACC,UAAWC,EACT,gFACAQ,IAAU,OAAS,aAAe,gBACpC,EAEC,SAAAM,EAAQ,MACX,EACCC,EAAQL,EAAS,OAAS,GAAKhB,EAAC,OAAI,UAAWM,EAAG,WAAYa,CAAiB,EAAG,IAThEE,CAUrB,CACD,EACH,GAEJ,CAEJ,CACF,EAEAb,EAAW,YAAc,aAEzB,IAAOc,EAAQf,EAAWC,CAAU",
   "names": ["jsx", "jsxs", "React", "Button", "Picture", "Text", "cn", "withStyles", "HeroBanner", "title", "subtitle", "background", "primaryButton", "secondaryButton", "theme", "className", "products", "ref", "textColorClass", "dividerColorClass", "product", "index", "HeroBanner_default"]
 }

package/dist/esm/biz-components/HeroBanner/types.d.ts

@@ -1,4 +1,5 @@
 import type { ButtonProps } from '../../components/button.js';
+import type { Theme } from '../../types/props.js';
 export interface HeroBannerProps {
     /** 主标题 */
     title: string;
@@ -17,7 +18,7 @@ export interface HeroBannerProps {
     /** 自定义类名 */
     className?: string;
     /** 主题 */
-    theme?: 'light' | 'dark';
+    theme?: Theme;
     /** 底部产品列表 */
     products?: Array<{
         title: string;

package/dist/esm/biz-components/MemberEquity/index.js

@@ -1,6 +1,7 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import"react";import{Button as o}from"../../components/index.js";import{withStyles as g}from"../../shared/Styles.js";const b=({title:l,description:x,backgroundImage:d,primaryButton:s,secondaryButton:r,shape:p="square",theme:a="light",className:n=""})=>{const i=()=>{},m=()=>{};return e("section",{"data-ui-component-id":"MemberEquity",className:`
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import"react";import{Button as a}from"../../components/index.js";import{withStyles as g}from"../../shared/Styles.js";const b=({title:o,description:l,backgroundImage:d,primaryButton:x,secondaryButton:s,shape:p="square",theme:r="light",className:n=""})=>{const i=()=>{},m=()=>{};return e("section",{"data-ui-component-id":"MemberEquity",className:`
+        ${r==="dark"?"aiui-dark":""}
         relative w-full overflow-hidden bg-[#242426]
-        ${p==="round"?"tablet:rounded-lg laptop:rounded-xl desktop:rounded-2xl rounded-none":""}
+        ${p==="rounded"?"tablet:rounded-lg laptop:rounded-xl desktop:rounded-2xl rounded-none":""}
         ${n}
       `,children:[t("div",{className:"absolute inset-0 size-full",style:{backgroundImage:`
             radial-gradient(circle at 70% 176%, rgba(84, 85, 87, 0) 72%, rgba(84, 85, 87, 1) 100%),
@@ -21,20 +22,20 @@ import{jsx as t,jsxs as e}from"react/jsx-runtime";import"react";import{Button as
               lg-desktop:text-[32px] tablet:max-w-[300px] laptop:max-w-[400px] desktop:max-w-[500px] lg-desktop:max-w-[547px]
               max-w-[280px]
               text-xl font-bold leading-[1.2] tracking-[-0.04em] text-white
-            `,children:l}),t("p",{className:`
+            `,children:o}),t("p",{className:`
               member-equity-description font-pingfang tablet:text-sm laptop:text-base desktop:text-lg
               lg-desktop:text-lg tablet:max-w-[286px] laptop:max-w-[350px] desktop:max-w-[426px] lg-desktop:max-w-[547px]
               max-w-[260px]
               text-sm font-semibold leading-[1.4] tracking-[-0.02em] text-white
-            `,children:x})]}),e("div",{className:"tablet:gap-3 laptop:gap-4 desktop:gap-4 lg-desktop:gap-4 flex items-center gap-3",children:[t(o,{theme:a,variant:"primary",onClick:i,className:`
+            `,children:l})]}),e("div",{className:"tablet:gap-3 laptop:gap-4 desktop:gap-4 lg-desktop:gap-4 flex items-center gap-3",children:[t(a,{variant:"primary",onClick:i,className:`
                 member-equity-button-primary tablet:text-sm laptop:text-sm desktop:text-base lg-desktop:text-base tablet:px-5 laptop:px-6 desktop:px-7 lg-desktop:px-7 tablet:py-[10px]
                 laptop:py-[11px] desktop:py-[12px] lg-desktop:py-[14px] border border-white bg-transparent px-4
                 py-2 text-xs text-white hover:bg-white hover:text-black
-                ${p==="round"?"tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]":""}
-              `,children:s.text}),t(o,{theme:a,variant:"secondary",onClick:m,className:`
+                ${p==="rounded"?"tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]":""}
+              `,children:x.text}),t(a,{variant:"secondary",onClick:m,className:`
                 member-equity-button-secondary tablet:text-sm laptop:text-sm desktop:text-base lg-desktop:text-base tablet:px-5
                 laptop:px-6 desktop:px-7 lg-desktop:px-7 tablet:py-[10px] laptop:py-[11px]
                 desktop:py-[12px] lg-desktop:py-[14px] px-4 py-2 text-xs
-                ${p==="round"?"tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]":""}
-              `,children:r.text})]})]})})]})};var f=g(b);export{f as default};
+                ${p==="rounded"?"tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]":""}
+              `,children:s.text})]})]})})]})};var f=g(b);export{f as default};
 //# sourceMappingURL=index.js.map

package/dist/esm/biz-components/MemberEquity/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/MemberEquity/index.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Button } from '../../components/index.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport type { MemberEquityProps } from './types.js'\n\nconst MemberEquity: React.FC<MemberEquityProps> = ({\n  title,\n  description,\n  backgroundImage,\n  primaryButton,\n  secondaryButton,\n  shape = 'square',\n  theme = 'light',\n  className = '',\n}) => {\n  const handleButtonPrimaryClick = () => {\n    // \u6267\u884C\u4E3B\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6\n  }\n\n  const handleButtonSecondaryClick = () => {\n    // \u6267\u884C\u526F\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6\n  }\n\n  return (\n    <section\n      data-ui-component-id=\"MemberEquity\"\n      className={`\n        relative w-full overflow-hidden bg-[#242426]\n        ${shape === 'round' ? 'tablet:rounded-lg laptop:rounded-xl desktop:rounded-2xl rounded-none' : ''}\n        ${className}\n      `}\n    >\n      <div\n        className=\"absolute inset-0 size-full\"\n        style={{\n          backgroundImage: `\n            radial-gradient(circle at 70% 176%, rgba(84, 85, 87, 0) 72%, rgba(84, 85, 87, 1) 100%),\n            url(${backgroundImage})\n          `,\n          backgroundSize: 'cover',\n          backgroundPosition: 'center',\n        }}\n      />\n      <div\n        className={`\n        xs:aspect-[343/200] tablet:aspect-[343/200] laptop:aspect-[592/336]\n        desktop:aspect-[800/448] lg-desktop:aspect-[1000/560]\n        relative \n        mx-auto\n        flex\n        aspect-[343/200]\n        w-full items-center\n      `}\n      >\n        <div\n          className={`\n          tablet:px-6 laptop:px-[76px] desktop:px-[111px] lg-desktop:px-[139px] tablet:gap-5 laptop:gap-6\n          desktop:gap-7 lg-desktop:gap-8 flex w-full flex-col gap-4 px-4\n        `}\n        >\n          <div className=\"tablet:gap-2 laptop:gap-3 desktop:gap-3 lg-desktop:gap-4 flex flex-col gap-2\">\n            <h2\n              className={`\n              member-equity-title font-mont tablet:text-2xl laptop:text-3xl desktop:text-4xl\n              lg-desktop:text-[32px] tablet:max-w-[300px] laptop:max-w-[400px] desktop:max-w-[500px] lg-desktop:max-w-[547px]\n              max-w-[280px]\n              text-xl font-bold leading-[1.2] tracking-[-0.04em] text-white\n            `}\n            >\n              {title}\n            </h2>\n            <p\n              className={`\n              member-equity-description font-pingfang tablet:text-sm laptop:text-base desktop:text-lg\n              lg-desktop:text-lg tablet:max-w-[286px] laptop:max-w-[350px] desktop:max-w-[426px] lg-desktop:max-w-[547px]\n              max-w-[260px]\n              text-sm font-semibold leading-[1.4] tracking-[-0.02em] text-white\n            `}\n            >\n              {description}\n            </p>\n          </div>\n\n          {/* \u6309\u94AE\u7EC4 */}\n          <div className=\"tablet:gap-3 laptop:gap-4 desktop:gap-4 lg-desktop:gap-4 flex items-center gap-3\">\n            <Button\n              theme={theme}\n              variant=\"primary\"\n              onClick={handleButtonPrimaryClick}\n              className={`\n                member-equity-button-primary tablet:text-sm laptop:text-sm desktop:text-base lg-desktop:text-base tablet:px-5 laptop:px-6 desktop:px-7 lg-desktop:px-7 tablet:py-[10px]\n                laptop:py-[11px] desktop:py-[12px] lg-desktop:py-[14px] border border-white bg-transparent px-4\n                py-2 text-xs text-white hover:bg-white hover:text-black\n                ${shape === 'round' ? 'tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]' : ''}\n              `}\n            >\n              {primaryButton.text}\n            </Button>\n            <Button\n              theme={theme}\n              variant=\"secondary\"\n              onClick={handleButtonSecondaryClick}\n              className={`\n                member-equity-button-secondary tablet:text-sm laptop:text-sm desktop:text-base lg-desktop:text-base tablet:px-5\n                laptop:px-6 desktop:px-7 lg-desktop:px-7 tablet:py-[10px] laptop:py-[11px]\n                desktop:py-[12px] lg-desktop:py-[14px] px-4 py-2 text-xs\n                ${shape === 'round' ? 'tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]' : ''}\n              `}\n            >\n              {secondaryButton.text}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport default withStyles(MemberEquity)\n"],
-  "mappings": "AAgCM,cAAAA,EA4BI,QAAAC,MA5BJ,oBAhCN,MAAkB,QAClB,OAAS,UAAAC,MAAc,4BACvB,OAAS,cAAAC,MAAkB,yBAG3B,MAAMC,EAA4C,CAAC,CACjD,MAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,gBAAAC,EACA,MAAAC,EAAQ,SACR,MAAAC,EAAQ,QACR,UAAAC,EAAY,EACd,IAAM,CACJ,MAAMC,EAA2B,IAAM,CAEvC,EAEMC,EAA6B,IAAM,CAEzC,EAEA,OACEb,EAAC,WACC,uBAAqB,eACrB,UAAW;AAAA;AAAA,UAEPS,IAAU,QAAU,uEAAyE,EAAE;AAAA,UAC/FE,CAAS;AAAA,QAGb,UAAAZ,EAAC,OACC,UAAU,6BACV,MAAO,CACL,gBAAiB;AAAA;AAAA,kBAETO,CAAe;AAAA,YAEvB,eAAgB,QAChB,mBAAoB,QACtB,EACF,EACAP,EAAC,OACC,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAUX,SAAAC,EAAC,OACC,UAAW;AAAA;AAAA;AAAA,UAKX,UAAAA,EAAC,OAAI,UAAU,+EACb,UAAAD,EAAC,MACC,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA,cAOV,SAAAK,EACH,EACAL,EAAC,KACC,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA,cAOV,SAAAM,EACH,GACF,EAGAL,EAAC,OAAI,UAAU,mFACb,UAAAD,EAACE,EAAA,CACC,MAAOS,EACP,QAAQ,UACR,QAASE,EACT,UAAW;AAAA;AAAA;AAAA;AAAA,kBAIPH,IAAU,QAAU,8GAAgH,EAAE;AAAA,gBAGzI,SAAAF,EAAc,KACjB,EACAR,EAACE,EAAA,CACC,MAAOS,EACP,QAAQ,YACR,QAASG,EACT,UAAW;AAAA;AAAA;AAAA;AAAA,kBAIPJ,IAAU,QAAU,8GAAgH,EAAE;AAAA,gBAGzI,SAAAD,EAAgB,KACnB,GACF,GACF,EACF,GACF,CAEJ,EAEA,IAAOM,EAAQZ,EAAWC,CAAY",
+  "sourcesContent": ["import React from 'react'\nimport { Button } from '../../components/index.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport type { MemberEquityProps } from './types.js'\n\nconst MemberEquity: React.FC<MemberEquityProps> = ({\n  title,\n  description,\n  backgroundImage,\n  primaryButton,\n  secondaryButton,\n  shape = 'square',\n  theme = 'light',\n  className = '',\n}) => {\n  const handleButtonPrimaryClick = () => {\n    // \u6267\u884C\u4E3B\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6\n  }\n\n  const handleButtonSecondaryClick = () => {\n    // \u6267\u884C\u526F\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6\n  }\n\n  return (\n    <section\n      data-ui-component-id=\"MemberEquity\"\n      className={`\n        ${theme === 'dark' ? 'aiui-dark' : ''}\n        relative w-full overflow-hidden bg-[#242426]\n        ${shape === 'rounded' ? 'tablet:rounded-lg laptop:rounded-xl desktop:rounded-2xl rounded-none' : ''}\n        ${className}\n      `}\n    >\n      <div\n        className=\"absolute inset-0 size-full\"\n        style={{\n          backgroundImage: `\n            radial-gradient(circle at 70% 176%, rgba(84, 85, 87, 0) 72%, rgba(84, 85, 87, 1) 100%),\n            url(${backgroundImage})\n          `,\n          backgroundSize: 'cover',\n          backgroundPosition: 'center',\n        }}\n      />\n      <div\n        className={`\n        xs:aspect-[343/200] tablet:aspect-[343/200] laptop:aspect-[592/336]\n        desktop:aspect-[800/448] lg-desktop:aspect-[1000/560]\n        relative \n        mx-auto\n        flex\n        aspect-[343/200]\n        w-full items-center\n      `}\n      >\n        <div\n          className={`\n          tablet:px-6 laptop:px-[76px] desktop:px-[111px] lg-desktop:px-[139px] tablet:gap-5 laptop:gap-6\n          desktop:gap-7 lg-desktop:gap-8 flex w-full flex-col gap-4 px-4\n        `}\n        >\n          <div className=\"tablet:gap-2 laptop:gap-3 desktop:gap-3 lg-desktop:gap-4 flex flex-col gap-2\">\n            <h2\n              className={`\n              member-equity-title font-mont tablet:text-2xl laptop:text-3xl desktop:text-4xl\n              lg-desktop:text-[32px] tablet:max-w-[300px] laptop:max-w-[400px] desktop:max-w-[500px] lg-desktop:max-w-[547px]\n              max-w-[280px]\n              text-xl font-bold leading-[1.2] tracking-[-0.04em] text-white\n            `}\n            >\n              {title}\n            </h2>\n            <p\n              className={`\n              member-equity-description font-pingfang tablet:text-sm laptop:text-base desktop:text-lg\n              lg-desktop:text-lg tablet:max-w-[286px] laptop:max-w-[350px] desktop:max-w-[426px] lg-desktop:max-w-[547px]\n              max-w-[260px]\n              text-sm font-semibold leading-[1.4] tracking-[-0.02em] text-white\n            `}\n            >\n              {description}\n            </p>\n          </div>\n\n          {/* \u6309\u94AE\u7EC4 */}\n          <div className=\"tablet:gap-3 laptop:gap-4 desktop:gap-4 lg-desktop:gap-4 flex items-center gap-3\">\n            <Button\n              variant=\"primary\"\n              onClick={handleButtonPrimaryClick}\n              className={`\n                member-equity-button-primary tablet:text-sm laptop:text-sm desktop:text-base lg-desktop:text-base tablet:px-5 laptop:px-6 desktop:px-7 lg-desktop:px-7 tablet:py-[10px]\n                laptop:py-[11px] desktop:py-[12px] lg-desktop:py-[14px] border border-white bg-transparent px-4\n                py-2 text-xs text-white hover:bg-white hover:text-black\n                ${shape === 'rounded' ? 'tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]' : ''}\n              `}\n            >\n              {primaryButton.text}\n            </Button>\n            <Button\n              variant=\"secondary\"\n              onClick={handleButtonSecondaryClick}\n              className={`\n                member-equity-button-secondary tablet:text-sm laptop:text-sm desktop:text-base lg-desktop:text-base tablet:px-5\n                laptop:px-6 desktop:px-7 lg-desktop:px-7 tablet:py-[10px] laptop:py-[11px]\n                desktop:py-[12px] lg-desktop:py-[14px] px-4 py-2 text-xs\n                ${shape === 'rounded' ? 'tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px] rounded-[16px]' : ''}\n              `}\n            >\n              {secondaryButton.text}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport default withStyles(MemberEquity)\n"],
+  "mappings": "AAiCM,cAAAA,EA4BI,QAAAC,MA5BJ,oBAjCN,MAAkB,QAClB,OAAS,UAAAC,MAAc,4BACvB,OAAS,cAAAC,MAAkB,yBAG3B,MAAMC,EAA4C,CAAC,CACjD,MAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,gBAAAC,EACA,MAAAC,EAAQ,SACR,MAAAC,EAAQ,QACR,UAAAC,EAAY,EACd,IAAM,CACJ,MAAMC,EAA2B,IAAM,CAEvC,EAEMC,EAA6B,IAAM,CAEzC,EAEA,OACEb,EAAC,WACC,uBAAqB,eACrB,UAAW;AAAA,UACPU,IAAU,OAAS,YAAc,EAAE;AAAA;AAAA,UAEnCD,IAAU,UAAY,uEAAyE,EAAE;AAAA,UACjGE,CAAS;AAAA,QAGb,UAAAZ,EAAC,OACC,UAAU,6BACV,MAAO,CACL,gBAAiB;AAAA;AAAA,kBAETO,CAAe;AAAA,YAEvB,eAAgB,QAChB,mBAAoB,QACtB,EACF,EACAP,EAAC,OACC,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAUX,SAAAC,EAAC,OACC,UAAW;AAAA;AAAA;AAAA,UAKX,UAAAA,EAAC,OAAI,UAAU,+EACb,UAAAD,EAAC,MACC,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA,cAOV,SAAAK,EACH,EACAL,EAAC,KACC,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA,cAOV,SAAAM,EACH,GACF,EAGAL,EAAC,OAAI,UAAU,mFACb,UAAAD,EAACE,EAAA,CACC,QAAQ,UACR,QAASW,EACT,UAAW;AAAA;AAAA;AAAA;AAAA,kBAIPH,IAAU,UAAY,8GAAgH,EAAE;AAAA,gBAG3I,SAAAF,EAAc,KACjB,EACAR,EAACE,EAAA,CACC,QAAQ,YACR,QAASY,EACT,UAAW;AAAA;AAAA;AAAA;AAAA,kBAIPJ,IAAU,UAAY,8GAAgH,EAAE;AAAA,gBAG3I,SAAAD,EAAgB,KACnB,GACF,GACF,EACF,GACF,CAEJ,EAEA,IAAOM,EAAQZ,EAAWC,CAAY",
   "names": ["jsx", "jsxs", "Button", "withStyles", "MemberEquity", "title", "description", "backgroundImage", "primaryButton", "secondaryButton", "shape", "theme", "className", "handleButtonPrimaryClick", "handleButtonSecondaryClick", "MemberEquity_default"]
 }

package/dist/esm/biz-components/MemberEquity/types.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentCommonProps } from '../../types/props.js';
+import type { ComponentCommonProps, Shape, Theme } from '../../types/props.js';
 export interface MemberEquityProps extends ComponentCommonProps {
     /** 标题 */
     title: string;
@@ -17,9 +17,9 @@ export interface MemberEquityProps extends ComponentCommonProps {
         href: string;
     };
     /** 形状 */
-    shape?: 'round' | 'square';
+    shape?: Shape;
     /** 主题 */
-    theme?: 'light' | 'dark';
+    theme?: Theme;
     /** 自定义类名 */
     className?: string;
 }