@anker-in/headless-ui 0.0.11 → 0.0.12

package/CONTRIBUTING.md

@@ -2,6 +2,8 @@
 
 # 关于
 
+这是一个基于@radix-ui/primitive 二次封装的组件库，目标是通过 css 变量的形式，实现多主题，以达到同时支持多品牌站点开发的能力。
+
 # 代码文件结构
 
 ```shell
@@ -68,7 +70,10 @@ pnpm run dev
 # 如何新增组件
 
 新增组件之前先看下仓库有没有类似的组件已经存在。
-如果不存在，需要新增，建议新组件基于 [@radix-ui/primitive](https://www.radix-ui.com/primitives) 或者手动复制[shadcn](https://ui.shadcn.com/) 的组件 进行二次封装。
+如果不存在，需要新增组件，  
+
+**建议新组件基于 [@radix-ui/primitive](https://www.radix-ui.com/primitives) 或者手动复制[shadcn](https://ui.shadcn.com/) 的组件 进行二次封装。**
+
 组件目录位于`packages/ui/src`。
 
 运行`pnpm run dev` 之后，会运行storybook 和 playground 项目，在storybook 中测试组件的功能，编写文档。

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

@@ -1,4 +1,11 @@
 import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+import { type VariantProps } from 'class-variance-authority';
+declare const checkboxVariants: (props?: ({
+    size?: "sm" | "lg" | "base" | null | undefined;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
 export default Checkbox;
+export type { CheckboxProps };

package/dist/cjs/components/checkbox.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var b=Object.create;var t=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var R=(i,e)=>{for(var o in e)t(i,o,{get:e[o],enumerable:!0})},n=(i,e,o,m)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of u(e))!k.call(i,a)&&a!==o&&t(i,a,{get:()=>e[a],enumerable:!(m=p(e,a))||m.enumerable});return i};var f=(i,e,o)=>(o=i!=null?b(h(i)):{},n(e||!i||!i.__esModule?t(o,"default",{value:i,enumerable:!0}):o,i)),v=i=>n(t({},"__esModule",{value:!0}),i);var g={};R(g,{default:()=>y});module.exports=v(g);var r=require("react/jsx-runtime"),x=f(require("react")),s=f(require("@radix-ui/react-checkbox")),l=require("@radix-ui/react-icons"),c=require("../helpers/index.js");const d=x.forwardRef(({className:i,...e},o)=>(0,r.jsx)(s.Root,{ref:o,className:(0,c.cn)("ai-border-primary ai-ring-offset-background focus-visible:ai-ring-ring data-[state=checked]:ai-bg-primary data-[state=checked]:ai-text-primary-foreground ai-peer ai-size-4 ai-shrink-0 ai-rounded-sm ai-border focus-visible:ai-outline-none focus-visible:ai-ring-2 focus-visible:ai-ring-offset-2 disabled:ai-cursor-not-allowed disabled:ai-opacity-50",i),...e,children:(0,r.jsx)(s.Indicator,{className:(0,c.cn)("ai-flex ai-items-center ai-justify-center ai-text-current"),children:(0,r.jsx)(l.CheckIcon,{className:"ai-size-4"})})}));d.displayName=s.Root.displayName;var y=d;
+"use strict";"use client";var l=Object.create;var r=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var y=(i,e)=>{for(var a in e)r(i,a,{get:e[a],enumerable:!0})},f=(i,e,a,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of x(e))!u.call(i,o)&&o!==a&&r(i,o,{get:()=>e[o],enumerable:!(t=h(e,o))||t.enumerable});return i};var p=(i,e,a)=>(a=i!=null?l(k(i)):{},f(e||!i||!i.__esModule?r(a,"default",{value:i,enumerable:!0}):a,i)),v=i=>f(r({},"__esModule",{value:!0}),i);var g={};y(g,{default:()=>R});module.exports=v(g);var s=require("react/jsx-runtime"),C=p(require("react")),c=p(require("@radix-ui/react-checkbox")),d=require("@radix-ui/react-icons"),n=require("../helpers/index.js"),m=require("class-variance-authority");const P=(0,m.cva)("ai-border-primary ai-ring-offset-background focus-visible:ai-ring-ring data-[state=checked]:ai-bg-primary data-[state=checked]:ai-text-primary-foreground ai-peer ai-shrink-0 ai-rounded-sm ai-border focus-visible:ai-outline-none focus-visible:ai-ring-2 focus-visible:ai-ring-offset-2 disabled:ai-cursor-not-allowed disabled:ai-opacity-50 disabled:ai-bg-btn-primary-disabled",{variants:{size:{sm:"ai-size-[14px]",base:"ai-size-4",lg:"ai-size-5"}},defaultVariants:{size:"base"}}),b=C.forwardRef(({className:i,size:e,...a},t)=>(0,s.jsx)(c.Root,{ref:t,className:(0,n.cn)(P({size:e}),i),...a,children:(0,s.jsx)(c.Indicator,{className:(0,n.cn)("ai-flex ai-items-center ai-justify-center ai-text-current ai-w-full ai-h-full"),children:(0,s.jsx)(d.CheckIcon,{})})}));b.displayName=c.Root.displayName;var R=b;
 //# sourceMappingURL=checkbox.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/checkbox.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { CheckIcon } from '@radix-ui/react-icons'\n\nimport { cn } from '../helpers/index.js'\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      'ai-border-primary ai-ring-offset-background focus-visible:ai-ring-ring data-[state=checked]:ai-bg-primary data-[state=checked]:ai-text-primary-foreground ai-peer ai-size-4 ai-shrink-0 ai-rounded-sm ai-border focus-visible:ai-outline-none focus-visible:ai-ring-2 focus-visible:ai-ring-offset-2 disabled:ai-cursor-not-allowed disabled:ai-opacity-50',\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className={cn('ai-flex ai-items-center ai-justify-center ai-text-current')}>\n      <CheckIcon className=\"ai-size-4\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport default Checkbox\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAqBM,IAAAI,EAAA,6BAnBNC,EAAuB,oBACvBC,EAAmC,uCACnCC,EAA0B,iCAE1BC,EAAmB,+BAEnB,MAAMC,EAAWJ,EAAM,WAGrB,CAAC,CAAE,UAAAK,EAAW,GAAGC,CAAM,EAAGC,OAC1B,OAACN,EAAkB,KAAlB,CACC,IAAKM,EACL,aAAW,MACT,6VACAF,CACF,EACC,GAAGC,EAEJ,mBAACL,EAAkB,UAAlB,CAA4B,aAAW,MAAG,2DAA2D,EACpG,mBAAC,aAAU,UAAU,YAAY,EACnC,EACF,CACD,EACDG,EAAS,YAAcH,EAAkB,KAAK,YAE9C,IAAOJ,EAAQO",
-  "names": ["checkbox_exports", "__export", "checkbox_default", "__toCommonJS", "import_jsx_runtime", "React", "CheckboxPrimitive", "import_react_icons", "import_helpers", "Checkbox", "className", "props", "ref"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { CheckIcon } from '@radix-ui/react-icons'\n\nimport { cn } from '../helpers/index.js'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nconst checkboxVariants = cva(\n  'ai-border-primary ai-ring-offset-background focus-visible:ai-ring-ring data-[state=checked]:ai-bg-primary data-[state=checked]:ai-text-primary-foreground ai-peer ai-shrink-0 ai-rounded-sm ai-border focus-visible:ai-outline-none focus-visible:ai-ring-2 focus-visible:ai-ring-offset-2 disabled:ai-cursor-not-allowed disabled:ai-opacity-50 disabled:ai-bg-btn-primary-disabled',\n  {\n    variants: {\n      size: {\n        sm: 'ai-size-[14px]',\n        base: 'ai-size-4',\n        lg: 'ai-size-5',\n      },\n    },\n    defaultVariants: {\n      size: 'base',\n    },\n  }\n)\n\ninterface CheckboxProps\n  extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,\n    VariantProps<typeof checkboxVariants> {}\n\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n  ({ className, size, ...props }, ref) => (\n    <CheckboxPrimitive.Root ref={ref} className={cn(checkboxVariants({ size }), className)} {...props}>\n      <CheckboxPrimitive.Indicator\n        className={cn('ai-flex ai-items-center ai-justify-center ai-text-current ai-w-full ai-h-full')}\n      >\n        <CheckIcon />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n)\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport default Checkbox\nexport type { CheckboxProps }\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAmCQ,IAAAI,EAAA,6BAjCRC,EAAuB,oBACvBC,EAAmC,uCACnCC,EAA0B,iCAE1BC,EAAmB,+BACnBC,EAAuC,oCAEvC,MAAMC,KAAmB,OACvB,uXACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,iBACJ,KAAM,YACN,GAAI,WACN,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAMMC,EAAWN,EAAM,WACrB,CAAC,CAAE,UAAAO,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAGC,OAC9B,OAACT,EAAkB,KAAlB,CAAuB,IAAKS,EAAK,aAAW,MAAGL,EAAiB,CAAE,KAAAG,CAAK,CAAC,EAAGD,CAAS,EAAI,GAAGE,EAC1F,mBAACR,EAAkB,UAAlB,CACC,aAAW,MAAG,+EAA+E,EAE7F,mBAAC,cAAU,EACb,EACF,CAEJ,EACAK,EAAS,YAAcL,EAAkB,KAAK,YAE9C,IAAOJ,EAAQS",
+  "names": ["checkbox_exports", "__export", "checkbox_default", "__toCommonJS", "import_jsx_runtime", "React", "CheckboxPrimitive", "import_react_icons", "import_helpers", "import_class_variance_authority", "checkboxVariants", "Checkbox", "className", "size", "props", "ref"]
 }

package/dist/cjs/components/heading.d.ts

@@ -1,7 +1,15 @@
+import { type VariantProps } from 'class-variance-authority';
 import React from 'react';
-interface HeadingProps extends React.ComponentPropsWithoutRef<'h1'> {
+declare const headingVariants: (props?: ({
+    size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
+    weights?: "bold" | "light" | "normal" | "medium" | null | undefined;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+interface HeadingProps extends React.ComponentPropsWithoutRef<'h1'>, VariantProps<typeof headingVariants> {
     as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | undefined;
     asChild?: boolean;
+    color?: string;
+    html?: string;
 }
 declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
 export { Heading };
+export type { HeadingProps };

package/dist/cjs/components/heading.js

@@ -1,2 +1,2 @@
-"use strict";var g=Object.create;var d=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var C=(e,a)=>{for(var o in a)d(e,o,{get:a[o],enumerable:!0})},s=(e,a,o,t)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of R(a))!u.call(e,n)&&n!==o&&d(e,n,{get:()=>a[n],enumerable:!(t=H(a,n))||t.enumerable});return e};var E=(e,a,o)=>(o=e!=null?g(P(e)):{},s(a||!e||!e.__esModule?d(o,"default",{value:e,enumerable:!0}):o,e)),N=e=>s(d({},"__esModule",{value:!0}),e);var y={};C(y,{Heading:()=>r});module.exports=N(y);var i=require("react/jsx-runtime"),h=require("../helpers/index.js"),l=require("@radix-ui/react-slot"),c=E(require("react"));const r=c.default.forwardRef((e,a)=>{const{children:o,className:t,asChild:n,as:m="h1",color:f,...p}=e;return(0,i.jsx)(l.Slot,{"data-accent-color":f||void 0,...p,ref:a,className:(0,h.cn)("",t),children:n?o:(0,i.jsx)(m,{children:o})})});r.displayName="Heading";
+"use strict";var R=Object.create;var o=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var z=(t,e)=>{for(var a in e)o(t,a,{get:e[a],enumerable:!0})},d=(t,e,a,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of b(e))!C.call(t,i)&&i!==a&&o(t,i,{get:()=>e[i],enumerable:!(n=V(e,i))||n.enumerable});return t};var E=(t,e,a)=>(a=t!=null?R(w(t)):{},d(e||!t||!t.__esModule?o(a,"default",{value:t,enumerable:!0}):a,t)),N=t=>d(o({},"__esModule",{value:!0}),t);var T={};z(T,{Heading:()=>l});module.exports=N(T);var s=require("react/jsx-runtime"),g=require("../helpers/index.js"),p=require("@radix-ui/react-slot"),f=require("class-variance-authority"),x=E(require("react"));const S=(0,f.cva)("",{variants:{size:{1:"ai-text-xs",2:"ai-text-sm",3:"ai-text-base",4:"ai-text-lg",5:"ai-text-xl",6:"ai-text-2xl",7:"ai-text-3xl",8:"ai-text-4xl",9:"ai-text-5xl"},weights:{light:"ai-font-light",normal:"ai-font-normal",medium:"ai-font-medium",bold:"ai-font-bold"}},defaultVariants:{size:3,weights:"normal"}}),l=x.default.forwardRef((t,e)=>{const{children:a,className:n,size:i,weights:c,asChild:u,as:P="h1",color:r,html:m,...y}=t,h=m?{dangerouslySetInnerHTML:{__html:m}}:null,H=r?{style:{color:r}}:null;return(0,s.jsx)(p.Slot,{...y,ref:e,className:(0,g.cn)(S({size:i,weights:c}),n),...h,...H,children:u?a:(0,s.jsx)(P,{children:h?null:a})})});l.displayName="Heading";
 //# sourceMappingURL=heading.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/heading.tsx"],
-  "sourcesContent": ["import { cn } from '../helpers/index.js'\nimport { Slot } from '@radix-ui/react-slot'\nimport React from 'react'\n\ntype HeadingElement = React.ElementRef<'h1'>\n\ninterface HeadingProps extends React.ComponentPropsWithoutRef<'h1'> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | undefined\n  asChild?: boolean\n}\n\nconst Heading = React.forwardRef<HeadingElement, HeadingProps>((props, forwardedRef) => {\n  const { children, className, asChild, as: Tag = 'h1', color, ...headingProps } = props\n  return (\n    <Slot data-accent-color={color || undefined} {...headingProps} ref={forwardedRef} className={cn('', className)}>\n      {asChild ? children : <Tag>{children}</Tag>}\n    </Slot>\n  )\n})\n\nHeading.displayName = 'Heading'\n\nexport { Heading }\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAe4B,IAAAI,EAAA,6BAf5BC,EAAmB,+BACnBC,EAAqB,gCACrBC,EAAkB,oBASlB,MAAML,EAAU,EAAAM,QAAM,WAAyC,CAACC,EAAOC,IAAiB,CACtF,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,QAAAC,EAAS,GAAIC,EAAM,KAAM,MAAAC,EAAO,GAAGC,CAAa,EAAIP,EACjF,SACE,OAAC,QAAK,oBAAmBM,GAAS,OAAY,GAAGC,EAAc,IAAKN,EAAc,aAAW,MAAG,GAAIE,CAAS,EAC1G,SAAAC,EAAUF,KAAW,OAACG,EAAA,CAAK,SAAAH,EAAS,EACvC,CAEJ,CAAC,EAEDT,EAAQ,YAAc",
-  "names": ["heading_exports", "__export", "Heading", "__toCommonJS", "import_jsx_runtime", "import_helpers", "import_react_slot", "import_react", "React", "props", "forwardedRef", "children", "className", "asChild", "Tag", "color", "headingProps"]
+  "sourcesContent": ["import { cn } from '../helpers/index.js'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport React from 'react'\n\nconst headingVariants = cva('', {\n  variants: {\n    size: {\n      1: 'ai-text-xs',\n      2: 'ai-text-sm',\n      3: 'ai-text-base',\n      4: 'ai-text-lg',\n      5: 'ai-text-xl',\n      6: 'ai-text-2xl',\n      7: 'ai-text-3xl',\n      8: 'ai-text-4xl',\n      9: 'ai-text-5xl',\n    },\n    weights: {\n      light: 'ai-font-light',\n      normal: 'ai-font-normal',\n      medium: 'ai-font-medium',\n      bold: 'ai-font-bold',\n    },\n  },\n  defaultVariants: {\n    size: 3,\n    weights: 'normal',\n  },\n})\n\ntype HeadingElement = React.ElementRef<'h1'>\n\ninterface HeadingProps extends React.ComponentPropsWithoutRef<'h1'>, VariantProps<typeof headingVariants> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | undefined\n  asChild?: boolean\n  color?: string\n  html?: string\n}\n\nconst Heading = React.forwardRef<HeadingElement, HeadingProps>((props, forwardedRef) => {\n  const { children, className, size, weights, asChild, as: Tag = 'h1', color, html, ...headingProps } = props\n  const htmlContentProps = html\n    ? {\n        dangerouslySetInnerHTML: { __html: html },\n      }\n    : null\n\n  const styleProps = color\n    ? {\n        style: {\n          color,\n        },\n      }\n    : null\n  return (\n    <Slot\n      {...headingProps}\n      ref={forwardedRef}\n      className={cn(\n        headingVariants({\n          size,\n          weights,\n        }),\n        className\n      )}\n      {...htmlContentProps}\n      {...styleProps}\n    >\n      {asChild ? children : <Tag>{htmlContentProps ? null : children}</Tag>}\n    </Slot>\n  )\n})\n\nHeading.displayName = 'Heading'\n\nexport { Heading }\nexport type { HeadingProps }\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAqE4B,IAAAI,EAAA,6BArE5BC,EAAmB,+BACnBC,EAAqB,gCACrBC,EAAuC,oCACvCC,EAAkB,oBAElB,MAAMC,KAAkB,OAAI,GAAI,CAC9B,SAAU,CACR,KAAM,CACJ,EAAG,aACH,EAAG,aACH,EAAG,eACH,EAAG,aACH,EAAG,aACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,aACL,EACA,QAAS,CACP,MAAO,gBACP,OAAQ,iBACR,OAAQ,iBACR,KAAM,cACR,CACF,EACA,gBAAiB,CACf,KAAM,EACN,QAAS,QACX,CACF,CAAC,EAWKP,EAAU,EAAAQ,QAAM,WAAyC,CAACC,EAAOC,IAAiB,CACtF,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,KAAAC,EAAM,QAAAC,EAAS,QAAAC,EAAS,GAAIC,EAAM,KAAM,MAAAC,EAAO,KAAAC,EAAM,GAAGC,CAAa,EAAIV,EAChGW,EAAmBF,EACrB,CACE,wBAAyB,CAAE,OAAQA,CAAK,CAC1C,EACA,KAEEG,EAAaJ,EACf,CACE,MAAO,CACL,MAAAA,CACF,CACF,EACA,KACJ,SACE,OAAC,QACE,GAAGE,EACJ,IAAKT,EACL,aAAW,MACTH,EAAgB,CACd,KAAAM,EACA,QAAAC,CACF,CAAC,EACDF,CACF,EACC,GAAGQ,EACH,GAAGC,EAEH,SAAAN,EAAUJ,KAAW,OAACK,EAAA,CAAK,SAAAI,EAAmB,KAAOT,EAAS,EACjE,CAEJ,CAAC,EAEDX,EAAQ,YAAc",
+  "names": ["heading_exports", "__export", "Heading", "__toCommonJS", "import_jsx_runtime", "import_helpers", "import_react_slot", "import_class_variance_authority", "import_react", "headingVariants", "React", "props", "forwardedRef", "children", "className", "size", "weights", "asChild", "Tag", "color", "html", "headingProps", "htmlContentProps", "styleProps"]
 }

package/dist/cjs/components/index.d.ts

@@ -8,4 +8,5 @@ export * from './popover.js';
 export * from './radio.js';
 export * from './dialog.js';
 export * from './text.js';
+export * from './heading.js';
 export { default as Theme } from './theme.js';

package/dist/cjs/components/index.js

@@ -1,2 +1,2 @@
-"use strict";var n=Object.create;var p=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var C=(r,t)=>{for(var f in t)p(r,f,{get:t[f],enumerable:!0})},a=(r,t,f,d)=>{if(t&&typeof t=="object"||typeof t=="function")for(let m of b(t))!g.call(r,m)&&m!==f&&p(r,m,{get:()=>t[m],enumerable:!(d=B(t,m))||d.enumerable});return r},e=(r,t,f)=>(a(r,t,"default"),f&&a(f,t,"default")),x=(r,t,f)=>(f=r!=null?n(c(r)):{},a(t||!r||!r.__esModule?p(f,"default",{value:r,enumerable:!0}):f,r)),S=r=>a(p({},"__esModule",{value:!0}),r);var o={};C(o,{Badge:()=>u.default,Button:()=>l.default,Checkbox:()=>s.default,Skeleton:()=>h.default,Theme:()=>k.default});module.exports=S(o);var l=x(require("./button.js")),u=x(require("./badge.js"));e(o,require("./input.js"),module.exports);var s=x(require("./checkbox.js")),h=x(require("./skeleton.js"));e(o,require("./dialog.js"),module.exports);e(o,require("./popover.js"),module.exports);e(o,require("./radio.js"),module.exports);e(o,require("./dialog.js"),module.exports);e(o,require("./text.js"),module.exports);var k=x(require("./theme.js"));
+"use strict";var n=Object.create;var a=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var f in t)a(e,f,{get:t[f],enumerable:!0})},p=(e,t,f,d)=>{if(t&&typeof t=="object"||typeof t=="function")for(let m of b(t))!g.call(e,m)&&m!==f&&a(e,m,{get:()=>t[m],enumerable:!(d=B(t,m))||d.enumerable});return e},r=(e,t,f)=>(p(e,t,"default"),f&&p(f,t,"default")),x=(e,t,f)=>(f=e!=null?n(c(e)):{},p(t||!e||!e.__esModule?a(f,"default",{value:e,enumerable:!0}):f,e)),S=e=>p(a({},"__esModule",{value:!0}),e);var o={};C(o,{Badge:()=>u.default,Button:()=>l.default,Checkbox:()=>s.default,Skeleton:()=>h.default,Theme:()=>k.default});module.exports=S(o);var l=x(require("./button.js")),u=x(require("./badge.js"));r(o,require("./input.js"),module.exports);var s=x(require("./checkbox.js")),h=x(require("./skeleton.js"));r(o,require("./dialog.js"),module.exports);r(o,require("./popover.js"),module.exports);r(o,require("./radio.js"),module.exports);r(o,require("./dialog.js"),module.exports);r(o,require("./text.js"),module.exports);r(o,require("./heading.js"),module.exports);var k=x(require("./theme.js"));
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/index.ts"],
-  "sourcesContent": ["// theme\n// export { default as Theme } from './theme'\n\n// components\nexport { default as Button } from './button.js'\nexport { default as Badge } from './badge.js'\nexport * from './input.js'\n\nexport { default as Checkbox } from './checkbox.js'\n\nexport { default as Skeleton } from './skeleton.js'\nexport * from './dialog.js'\nexport * from './popover.js'\nexport * from './radio.js'\nexport * from './dialog.js'\nexport * from './text.js'\nexport { default as Theme } from './theme.js'\n"],
-  "mappings": "wmBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,6HAAAE,EAAAF,GAIA,IAAAG,EAAkC,0BAClCC,EAAiC,yBACjCC,EAAAL,EAAc,sBANd,gBAQA,IAAAM,EAAoC,4BAEpCC,EAAoC,4BACpCF,EAAAL,EAAc,uBAXd,gBAYAK,EAAAL,EAAc,wBAZd,gBAaAK,EAAAL,EAAc,sBAbd,gBAcAK,EAAAL,EAAc,uBAdd,gBAeAK,EAAAL,EAAc,qBAfd,gBAgBA,IAAAQ,EAAiC",
+  "sourcesContent": ["// theme\n// export { default as Theme } from './theme'\n\n// components\nexport { default as Button } from './button.js'\nexport { default as Badge } from './badge.js'\nexport * from './input.js'\n\nexport { default as Checkbox } from './checkbox.js'\n\nexport { default as Skeleton } from './skeleton.js'\nexport * from './dialog.js'\nexport * from './popover.js'\nexport * from './radio.js'\nexport * from './dialog.js'\nexport * from './text.js'\nexport * from './heading.js'\nexport { default as Theme } from './theme.js'\n"],
+  "mappings": "wmBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,6HAAAE,EAAAF,GAIA,IAAAG,EAAkC,0BAClCC,EAAiC,yBACjCC,EAAAL,EAAc,sBANd,gBAQA,IAAAM,EAAoC,4BAEpCC,EAAoC,4BACpCF,EAAAL,EAAc,uBAXd,gBAYAK,EAAAL,EAAc,wBAZd,gBAaAK,EAAAL,EAAc,sBAbd,gBAcAK,EAAAL,EAAc,uBAdd,gBAeAK,EAAAL,EAAc,qBAfd,gBAgBAK,EAAAL,EAAc,wBAhBd,gBAiBA,IAAAQ,EAAiC",
   "names": ["components_exports", "__export", "__toCommonJS", "import_button", "import_badge", "__reExport", "import_checkbox", "import_skeleton", "import_theme"]
 }

package/dist/cjs/components/input.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { ComponentPropsWithout, RemovedProps } from '@/helpers/component-props';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
 import { type VariantProps } from 'class-variance-authority';
 declare const inputVariants: (props?: ({
     size?: "sm" | "lg" | "base" | null | undefined;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/input.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\nimport type { ComponentPropsWithout, RemovedProps } from '@/helpers/component-props'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nconst inputVariants = cva(\n  'ai-border-input ai-bg-background focus-visible:ai-ring-ring ai-ring-offset-background ai-flex ai-flex-row ai-items-center ai-overflow-hidden ai-rounded-md ai-border ai-px-3 focus-visible:ai-ring-2 focus-visible:ai-ring-offset-2',\n  {\n    variants: {\n      size: {\n        sm: 'ai-h-8',\n        base: 'ai-h-10',\n        lg: 'ai-h-12',\n      },\n    },\n    defaultVariants: {\n      size: 'base',\n    },\n  }\n)\n\nexport interface InputProps extends ComponentPropsWithout<'input', 'size'>, VariantProps<typeof inputVariants> {}\n\ntype InputSlotElement = React.ElementRef<'div'>\ninterface InputSlotProps extends ComponentPropsWithout<'div', RemovedProps> {\n  /**\n   * \u63D2\u69FD\u7684\u4F4D\u7F6E\n   */\n  side: 'left' | 'right'\n}\n\n/**\n * InputSlot\n * \u7528\u6765\u5728 Input \u7EC4\u4EF6\u4E2D\u63D2\u5165\u989D\u5916\u7684\u5185\u5BB9\uFF0C\u6BD4\u5982icon \uFF0C\u6309\u94AE\n */\nconst InputSlot = React.forwardRef<InputSlotElement, InputSlotProps>((props, forwardedRef) => {\n  const { className, side, children, ...slotProps } = props\n\n  return (\n    <div\n      ref={forwardedRef}\n      {...slotProps}\n      className={cn('ai-flex ai-h-full ai-items-center ai-px-2', className, {\n        '-ai-order-1 ai-pl-0': side === 'left',\n        'ai-order-2 ai-pr-0': side === 'right',\n      })}\n    >\n      {children}\n    </div>\n  )\n})\n\nconst Input = React.forwardRef<React.ElementRef<'input'>, InputProps>(\n  ({ className, type, size, children, ...props }, ref) => {\n    return (\n      <div className={cn(inputVariants({ size }), className)}>\n        <input\n          type={type}\n          className={cn(\n            'placeholder:ai-text-muted-foreground ai-flex ai-size-full ai-text-sm file:ai-border-0 file:ai-bg-transparent file:ai-text-sm file:ai-font-medium focus-visible:ai-outline-none disabled:ai-cursor-not-allowed disabled:ai-opacity-50'\n          )}\n          ref={ref}\n          {...props}\n        />\n        {children}\n      </div>\n    )\n  }\n)\nInput.displayName = 'Input'\nInputSlot.displayName = 'InputSlot'\n\nexport { Input, InputSlot }\n"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nconst inputVariants = cva(\n  'ai-border-input ai-bg-background focus-visible:ai-ring-ring ai-ring-offset-background ai-flex ai-flex-row ai-items-center ai-overflow-hidden ai-rounded-md ai-border ai-px-3 focus-visible:ai-ring-2 focus-visible:ai-ring-offset-2',\n  {\n    variants: {\n      size: {\n        sm: 'ai-h-8',\n        base: 'ai-h-10',\n        lg: 'ai-h-12',\n      },\n    },\n    defaultVariants: {\n      size: 'base',\n    },\n  }\n)\n\nexport interface InputProps extends ComponentPropsWithout<'input', 'size'>, VariantProps<typeof inputVariants> {}\n\ntype InputSlotElement = React.ElementRef<'div'>\ninterface InputSlotProps extends ComponentPropsWithout<'div', RemovedProps> {\n  /**\n   * \u63D2\u69FD\u7684\u4F4D\u7F6E\n   */\n  side: 'left' | 'right'\n}\n\n/**\n * InputSlot\n * \u7528\u6765\u5728 Input \u7EC4\u4EF6\u4E2D\u63D2\u5165\u989D\u5916\u7684\u5185\u5BB9\uFF0C\u6BD4\u5982icon \uFF0C\u6309\u94AE\n */\nconst InputSlot = React.forwardRef<InputSlotElement, InputSlotProps>((props, forwardedRef) => {\n  const { className, side, children, ...slotProps } = props\n\n  return (\n    <div\n      ref={forwardedRef}\n      {...slotProps}\n      className={cn('ai-flex ai-h-full ai-items-center ai-px-2', className, {\n        '-ai-order-1 ai-pl-0': side === 'left',\n        'ai-order-2 ai-pr-0': side === 'right',\n      })}\n    >\n      {children}\n    </div>\n  )\n})\n\nconst Input = React.forwardRef<React.ElementRef<'input'>, InputProps>(\n  ({ className, type, size, children, ...props }, ref) => {\n    return (\n      <div className={cn(inputVariants({ size }), className)}>\n        <input\n          type={type}\n          className={cn(\n            'placeholder:ai-text-muted-foreground ai-flex ai-size-full ai-text-sm file:ai-border-0 file:ai-bg-transparent file:ai-text-sm file:ai-font-medium focus-visible:ai-outline-none disabled:ai-cursor-not-allowed disabled:ai-opacity-50'\n          )}\n          ref={ref}\n          {...props}\n        />\n        {children}\n      </div>\n    )\n  }\n)\nInput.displayName = 'Input'\nInputSlot.displayName = 'InputSlot'\n\nexport { Input, InputSlot }\n"],
   "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,EAAA,cAAAC,IAAA,eAAAC,EAAAJ,GAyCI,IAAAK,EAAA,6BAvCJC,EAAuB,oBACvBC,EAAmB,+BAEnBC,EAAuC,oCAEvC,MAAMC,KAAgB,OACpB,sOACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,SACJ,KAAM,UACN,GAAI,SACN,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAgBMN,EAAYG,EAAM,WAA6C,CAACI,EAAOC,IAAiB,CAC5F,KAAM,CAAE,UAAAC,EAAW,KAAAC,EAAM,SAAAC,EAAU,GAAGC,CAAU,EAAIL,EAEpD,SACE,OAAC,OACC,IAAKC,EACJ,GAAGI,EACJ,aAAW,MAAG,4CAA6CH,EAAW,CACpE,sBAAuBC,IAAS,OAChC,qBAAsBA,IAAS,OACjC,CAAC,EAEA,SAAAC,EACH,CAEJ,CAAC,EAEKZ,EAAQI,EAAM,WAClB,CAAC,CAAE,UAAAM,EAAW,KAAAI,EAAM,KAAAC,EAAM,SAAAH,EAAU,GAAGJ,CAAM,EAAGQ,OAE5C,QAAC,OAAI,aAAW,MAAGT,EAAc,CAAE,KAAAQ,CAAK,CAAC,EAAGL,CAAS,EACnD,oBAAC,SACC,KAAMI,EACN,aAAW,MACT,sOACF,EACA,IAAKE,EACJ,GAAGR,EACN,EACCI,GACH,CAGN,EACAZ,EAAM,YAAc,QACpBC,EAAU,YAAc",
   "names": ["input_exports", "__export", "Input", "InputSlot", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_class_variance_authority", "inputVariants", "props", "forwardedRef", "className", "side", "children", "slotProps", "type", "size", "ref"]
 }

package/dist/cjs/components/radio.d.ts

@@ -1,5 +1,16 @@
 import * as React from 'react';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+import { type VariantProps } from 'class-variance-authority';
+declare const radioGroupVariants: (props?: ({
+    size?: "sm" | "lg" | "base" | null | undefined;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
+    /** 尺寸 */
+    size?: 'sm' | 'base' | 'lg';
+}
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, VariantProps<typeof radioGroupVariants> {
+}
+declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
 export { RadioGroup, RadioGroupItem };
+export type { RadioGroupProps, RadioGroupItemProps };

package/dist/cjs/components/radio.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var R=Object.create;var m=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var G=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var P=(i,e)=>{for(var o in e)m(i,o,{get:e[o],enumerable:!0})},n=(i,e,o,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of v(e))!I.call(i,a)&&a!==o&&m(i,a,{get:()=>e[a],enumerable:!(d=y(e,a))||d.enumerable});return i};var c=(i,e,o)=>(o=i!=null?R(G(i)):{},n(e||!i||!i.__esModule?m(o,"default",{value:i,enumerable:!0}):o,i)),b=i=>n(m({},"__esModule",{value:!0}),i);var g={};P(g,{RadioGroup:()=>p,RadioGroupItem:()=>f});module.exports=b(g);var t=require("react/jsx-runtime"),u=c(require("react")),r=c(require("@radix-ui/react-radio-group")),l=require("@radix-ui/react-icons"),s=require("../helpers/index.js");const p=u.forwardRef(({className:i,...e},o)=>(0,t.jsx)(r.Root,{className:(0,s.cn)("grid gap-2",i),...e,ref:o}));p.displayName=r.Root.displayName;const f=u.forwardRef(({className:i,...e},o)=>(0,t.jsx)(r.Item,{ref:o,className:(0,s.cn)("ai-border-primary ai-text-primary ai-ring-offset-background focus-visible:ai-ring-ring ai-aspect-square ai-size-4 ai-rounded-full ai-border focus:ai-outline-none focus-visible:ai-ring-2 focus-visible:ai-ring-offset-2 disabled:ai-cursor-not-allowed disabled:ai-opacity-50",i),...e,children:(0,t.jsx)(r.Indicator,{className:"ai-flex ai-items-center ai-justify-center",children:(0,t.jsx)(l.CheckIcon,{className:"ai-text-primary ai-size-2.5 ai-fill-current"})})}));f.displayName=r.Item.displayName;
+"use strict";"use client";var G=Object.create;var p=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var x=(e,i)=>{for(var o in i)p(e,o,{get:i[o],enumerable:!0})},c=(e,i,o,r)=>{if(i&&typeof i=="object"||typeof i=="function")for(let a of v(i))!g.call(e,a)&&a!==o&&p(e,a,{get:()=>i[a],enumerable:!(r=y(i,a))||r.enumerable});return e};var f=(e,i,o)=>(o=e!=null?G(b(e)):{},c(i||!e||!e.__esModule?p(o,"default",{value:e,enumerable:!0}):o,e)),I=e=>c(p({},"__esModule",{value:!0}),e);var C={};x(C,{RadioGroup:()=>m,RadioGroupItem:()=>u});module.exports=I(C);var t=require("react/jsx-runtime"),d=f(require("react")),s=f(require("@radix-ui/react-radio-group")),l=require("@radix-ui/react-icons"),P=require("class-variance-authority"),n=require("../helpers/index.js");const R=d.createContext({size:"base"}),z=(0,P.cva)("ai-border-primary ai-text-primary ai-ring-offset-background focus-visible:ai-ring-ring ai-aspect-square ai-rounded-full ai-border focus:ai-outline-none focus-visible:ai-ring-2 focus-visible:ai-ring-offset-2 disabled:ai-cursor-not-allowed disabled:ai-opacity-50 data-[state=checked]:ai-bg-primary data-[state=checked]:ai-text-primary-foreground",{variants:{size:{sm:"ai-size-[14px]",base:"ai-size-4",lg:"ai-size-5"}},defaultVariants:{size:"base"}}),m=d.forwardRef(({className:e,children:i,size:o,...r},a)=>(0,t.jsx)(s.Root,{className:(0,n.cn)("grid gap-2",e),...r,ref:a,children:(0,t.jsx)(R.Provider,{value:{size:o},children:i})}));m.displayName=s.Root.displayName;const u=d.forwardRef(({className:e,size:i,...o},r)=>{const{size:a}=d.useContext(R);return(0,t.jsx)(s.Item,{ref:r,className:(0,n.cn)(z({size:i??a}),e),...o,children:(0,t.jsx)(s.Indicator,{className:"ai-flex ai-items-center ai-justify-center ai-text-current ai-w-full ai-h-full",children:(0,t.jsx)(l.CheckIcon,{})})})});u.displayName=s.Item.displayName;
 //# sourceMappingURL=radio.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/radio.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport { CheckIcon } from '@radix-ui/react-icons'\n\nimport { cn } from '../helpers/index.js'\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref} />\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        'ai-border-primary ai-text-primary ai-ring-offset-background focus-visible:ai-ring-ring ai-aspect-square ai-size-4 ai-rounded-full ai-border focus:ai-outline-none focus-visible:ai-ring-2 focus-visible:ai-ring-offset-2 disabled:ai-cursor-not-allowed disabled:ai-opacity-50',\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"ai-flex ai-items-center ai-justify-center\">\n        <CheckIcon className=\"ai-text-primary ai-size-2.5 ai-fill-current\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\nexport { RadioGroup, RadioGroupItem }\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,EAAA,mBAAAC,IAAA,eAAAC,EAAAJ,GAYS,IAAAK,EAAA,6BAVTC,EAAuB,oBACvBC,EAAqC,0CACrCC,EAA0B,iCAE1BC,EAAmB,+BAEnB,MAAMP,EAAaI,EAAM,WAGvB,CAAC,CAAE,UAAAI,EAAW,GAAGC,CAAM,EAAGC,OACnB,OAACL,EAAoB,KAApB,CAAyB,aAAW,MAAG,aAAcG,CAAS,EAAI,GAAGC,EAAO,IAAKC,EAAK,CAC/F,EACDV,EAAW,YAAcK,EAAoB,KAAK,YAElD,MAAMJ,EAAiBG,EAAM,WAG3B,CAAC,CAAE,UAAAI,EAAW,GAAGC,CAAM,EAAGC,OAExB,OAACL,EAAoB,KAApB,CACC,IAAKK,EACL,aAAW,MACT,iRACAF,CACF,EACC,GAAGC,EAEJ,mBAACJ,EAAoB,UAApB,CAA8B,UAAU,4CACvC,mBAAC,aAAU,UAAU,8CAA8C,EACrE,EACF,CAEH,EACDJ,EAAe,YAAcI,EAAoB,KAAK",
-  "names": ["radio_exports", "__export", "RadioGroup", "RadioGroupItem", "__toCommonJS", "import_jsx_runtime", "React", "RadioGroupPrimitive", "import_react_icons", "import_helpers", "className", "props", "ref"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport { CheckIcon } from '@radix-ui/react-icons'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../helpers/index.js'\n\nconst RadioContext = React.createContext<{ size?: 'sm' | 'base' | 'lg' }>({\n  size: 'base',\n})\n\nconst radioGroupVariants = cva(\n  'ai-border-primary ai-text-primary ai-ring-offset-background focus-visible:ai-ring-ring ai-aspect-square ai-rounded-full ai-border focus:ai-outline-none focus-visible:ai-ring-2 focus-visible:ai-ring-offset-2 disabled:ai-cursor-not-allowed disabled:ai-opacity-50 data-[state=checked]:ai-bg-primary data-[state=checked]:ai-text-primary-foreground',\n  {\n    variants: {\n      size: {\n        sm: 'ai-size-[14px]',\n        base: 'ai-size-4',\n        lg: 'ai-size-5',\n      },\n    },\n    defaultVariants: {\n      size: 'base',\n    },\n  }\n)\n\ninterface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {\n  /** \u5C3A\u5BF8 */\n  size?: 'sm' | 'base' | 'lg'\n}\n\nconst RadioGroup = React.forwardRef<React.ElementRef<typeof RadioGroupPrimitive.Root>, RadioGroupProps>(\n  ({ className, children, size, ...props }, ref) => {\n    return (\n      <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref}>\n        <RadioContext.Provider value={{ size }}>{children}</RadioContext.Provider>\n      </RadioGroupPrimitive.Root>\n    )\n  }\n)\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\ninterface RadioGroupItemProps\n  extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>,\n    VariantProps<typeof radioGroupVariants> {}\n\nconst RadioGroupItem = React.forwardRef<React.ElementRef<typeof RadioGroupPrimitive.Item>, RadioGroupItemProps>(\n  ({ className, size, ...props }, ref) => {\n    const { size: sizeFromParent } = React.useContext(RadioContext)\n    return (\n      <RadioGroupPrimitive.Item\n        ref={ref}\n        className={cn(\n          radioGroupVariants({\n            size: size ?? sizeFromParent,\n          }),\n          className\n        )}\n        {...props}\n      >\n        <RadioGroupPrimitive.Indicator className=\"ai-flex ai-items-center ai-justify-center ai-text-current ai-w-full ai-h-full\">\n          <CheckIcon />\n        </RadioGroupPrimitive.Indicator>\n      </RadioGroupPrimitive.Item>\n    )\n  }\n)\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\nexport { RadioGroup, RadioGroupItem }\nexport type { RadioGroupProps, RadioGroupItemProps }\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,EAAA,mBAAAC,IAAA,eAAAC,EAAAJ,GAqCQ,IAAAK,EAAA,6BAnCRC,EAAuB,oBACvBC,EAAqC,0CACrCC,EAA0B,iCAC1BC,EAAuC,oCACvCC,EAAmB,+BAEnB,MAAMC,EAAeL,EAAM,cAA+C,CACxE,KAAM,MACR,CAAC,EAEKM,KAAqB,OACzB,0VACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,iBACJ,KAAM,YACN,GAAI,WACN,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAOMV,EAAaI,EAAM,WACvB,CAAC,CAAE,UAAAO,EAAW,SAAAC,EAAU,KAAAC,EAAM,GAAGC,CAAM,EAAGC,OAEtC,OAACV,EAAoB,KAApB,CAAyB,aAAW,MAAG,aAAcM,CAAS,EAAI,GAAGG,EAAO,IAAKC,EAChF,mBAACN,EAAa,SAAb,CAAsB,MAAO,CAAE,KAAAI,CAAK,EAAI,SAAAD,EAAS,EACpD,CAGN,EACAZ,EAAW,YAAcK,EAAoB,KAAK,YAMlD,MAAMJ,EAAiBG,EAAM,WAC3B,CAAC,CAAE,UAAAO,EAAW,KAAAE,EAAM,GAAGC,CAAM,EAAGC,IAAQ,CACtC,KAAM,CAAE,KAAMC,CAAe,EAAIZ,EAAM,WAAWK,CAAY,EAC9D,SACE,OAACJ,EAAoB,KAApB,CACC,IAAKU,EACL,aAAW,MACTL,EAAmB,CACjB,KAAMG,GAAQG,CAChB,CAAC,EACDL,CACF,EACC,GAAGG,EAEJ,mBAACT,EAAoB,UAApB,CAA8B,UAAU,gFACvC,mBAAC,cAAU,EACb,EACF,CAEJ,CACF,EACAJ,EAAe,YAAcI,EAAoB,KAAK",
+  "names": ["radio_exports", "__export", "RadioGroup", "RadioGroupItem", "__toCommonJS", "import_jsx_runtime", "React", "RadioGroupPrimitive", "import_react_icons", "import_class_variance_authority", "import_helpers", "RadioContext", "radioGroupVariants", "className", "children", "size", "props", "ref", "sizeFromParent"]
 }

package/dist/cjs/components/skeleton.d.ts

@@ -1,6 +1,9 @@
 import * as React from 'react';
-declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime.js").JSX.Element;
-declare namespace Skeleton {
-    var displayName: string;
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+interface SkeletonProps extends ComponentPropsWithout<'span', RemovedProps> {
+    /** 是否正在加载 */
+    loading?: boolean;
 }
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLSpanElement>>;
 export default Skeleton;
+export type { SkeletonProps };

package/dist/cjs/components/skeleton.js

@@ -1,2 +1,5 @@
-"use strict";var o=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var f=(t,e)=>{for(var i in e)o(t,i,{get:e[i],enumerable:!0})},u=(t,e,i,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of p(e))!c.call(t,a)&&a!==i&&o(t,a,{get:()=>e[a],enumerable:!(l=r(e,a))||l.enumerable});return t};var d=t=>u(o({},"__esModule",{value:!0}),t);var b={};f(b,{default:()=>k});module.exports=d(b);var s=require("react/jsx-runtime"),H=require("react"),m=require("../helpers/index.js");function n({className:t,...e}){return(0,s.jsx)("div",{className:(0,m.cn)("ai-bg-skeleton ai-size-12 ai-animate-pulse",t),...e})}n.displayName="Skeleton";var k=n;
+"use strict";var b=Object.create;var i=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var S=(e,n)=>{for(var o in n)i(e,o,{get:n[o],enumerable:!0})},l=(e,n,o,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of u(n))!P.call(e,t)&&t!==o&&i(e,t,{get:()=>n[t],enumerable:!(a=k(n,t))||a.enumerable});return e};var v=(e,n,o)=>(o=e!=null?b(g(e)):{},l(n||!e||!e.__esModule?i(o,"default",{value:e,enumerable:!0}):o,e)),R=e=>l(i({},"__esModule",{value:!0}),e);var y={};S(y,{default:()=>h});module.exports=R(y);var m=require("react/jsx-runtime"),r=v(require("react")),p=require("../helpers/index.js"),d=require("@radix-ui/react-slot");const s=r.forwardRef((e,n)=>{const{children:o,className:a,loading:t=!0,...c}=e;if(!t)return o;const f=r.isValidElement(o)?d.Slot:"span";return(0,m.jsx)(f,{ref:n,className:(0,p.cn)(`ai-bg-skeleton ai-animate-pulse empty:ai-block data-[inline-skeleton=true]:ai-leading-[0] !ai-bg-none !ai-bg-clip-border !ai-border-none !ai-shadow-none 
+        !ai-text-transparent !ai-outline-none !ai-select-none !ai-cursor-default !ai-pointer-events-none !ai-decoration-clone
+        after:!ai-invisible before:!ai-invisible [&>*]:!ai-invisible
+        `,a),"data-inline-skeleton":r.isValidElement(o)?void 0:!0,tabIndex:-1,...c,children:o})});s.displayName="Skeleton";var h=s;
 //# sourceMappingURL=skeleton.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/skeleton.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { cn } from '../helpers/index.js'\n\nfunction Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return <div className={cn('ai-bg-skeleton ai-size-12 ai-animate-pulse', className)} {...props} />\n}\n\nSkeleton.displayName = 'Skeleton'\n\nexport default Skeleton\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAIS,IAAAI,EAAA,6BAJTC,EAAuB,iBACvBC,EAAmB,+BAEnB,SAASC,EAAS,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAyC,CAC/E,SAAO,OAAC,OAAI,aAAW,MAAG,6CAA8CD,CAAS,EAAI,GAAGC,EAAO,CACjG,CAEAF,EAAS,YAAc,WAEvB,IAAOL,EAAQK",
-  "names": ["skeleton_exports", "__export", "skeleton_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "Skeleton", "className", "props"]
+  "sourcesContent": ["import * as React from 'react'\nimport { cn } from '../helpers/index.js'\nimport { Slot } from '@radix-ui/react-slot'\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js'\n\ntype SkeletonElement = React.ElementRef<'span'>\n\ninterface SkeletonProps extends ComponentPropsWithout<'span', RemovedProps> {\n  /** \u662F\u5426\u6B63\u5728\u52A0\u8F7D */\n  loading?: boolean\n}\n\nconst Skeleton = React.forwardRef<SkeletonElement, SkeletonProps>((props, forwardedRef) => {\n  const { children, className, loading = true, ...skeletonProps } = props\n\n  if (!loading) return children\n  const Tag = React.isValidElement(children) ? Slot : 'span'\n\n  return (\n    <Tag\n      ref={forwardedRef}\n      className={cn(\n        `ai-bg-skeleton ai-animate-pulse empty:ai-block data-[inline-skeleton=true]:ai-leading-[0] !ai-bg-none !ai-bg-clip-border !ai-border-none !ai-shadow-none \n        !ai-text-transparent !ai-outline-none !ai-select-none !ai-cursor-default !ai-pointer-events-none !ai-decoration-clone\n        after:!ai-invisible before:!ai-invisible [&>*]:!ai-invisible\n        `,\n        className\n      )}\n      data-inline-skeleton={React.isValidElement(children) ? undefined : true}\n      tabIndex={-1}\n      {...skeletonProps}\n    >\n      {children}\n    </Tag>\n  )\n})\n\nSkeleton.displayName = 'Skeleton'\n\nexport default Skeleton\nexport type { SkeletonProps }\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAmBI,IAAAI,EAAA,6BAnBJC,EAAuB,oBACvBC,EAAmB,+BACnBC,EAAqB,gCAUrB,MAAMC,EAAWH,EAAM,WAA2C,CAACI,EAAOC,IAAiB,CACzF,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,QAAAC,EAAU,GAAM,GAAGC,CAAc,EAAIL,EAElE,GAAI,CAACI,EAAS,OAAOF,EACrB,MAAMI,EAAMV,EAAM,eAAeM,CAAQ,EAAI,OAAO,OAEpD,SACE,OAACI,EAAA,CACC,IAAKL,EACL,aAAW,MACT;AAAA;AAAA;AAAA,UAIAE,CACF,EACA,uBAAsBP,EAAM,eAAeM,CAAQ,EAAI,OAAY,GACnE,SAAU,GACT,GAAGG,EAEH,SAAAH,EACH,CAEJ,CAAC,EAEDH,EAAS,YAAc,WAEvB,IAAON,EAAQM",
+  "names": ["skeleton_exports", "__export", "skeleton_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_react_slot", "Skeleton", "props", "forwardedRef", "children", "className", "loading", "skeletonProps", "Tag"]
 }

package/dist/cjs/components/text.js

@@ -1,2 +1,2 @@
-"use strict";var u=Object.create;var n=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var R=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var V=(t,e)=>{for(var a in e)n(t,a,{get:e[a],enumerable:!0})},m=(t,e,a,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of y(e))!b.call(t,o)&&o!==a&&n(t,o,{get:()=>e[o],enumerable:!(i=P(e,o))||i.enumerable});return t};var z=(t,e,a)=>(a=t!=null?u(R(t)):{},m(e||!t||!t.__esModule?n(a,"default",{value:t,enumerable:!0}):a,t)),C=t=>m(n({},"__esModule",{value:!0}),t);var E={};V(E,{Text:()=>s});module.exports=C(E);var l=require("react/jsx-runtime"),v=z(require("react")),p=require("@radix-ui/react-slot"),f=require("../helpers/index.js"),d=require("class-variance-authority");const w=(0,d.cva)("",{variants:{size:{1:"ai-text-xs",2:"ai-text-sm",3:"ai-text-base",4:"ai-text-lg",5:"ai-text-xl",6:"ai-text-2xl",7:"ai-text-3xl",8:"ai-text-4xl",9:"ai-text-5xl"},weights:{light:"ai-font-light",normal:"ai-font-normal",medium:"ai-font-medium",bold:"ai-font-bold"}},defaultVariants:{size:3,weights:"normal"}}),s=v.forwardRef((t,e)=>{const{children:a,size:i,className:o,asChild:c,as:h="span",color:g,html:r,...T}=t,x=r?{dangerouslySetInnerHTML:{__html:r}}:null;return(0,l.jsx)(p.Slot,{...T,ref:e,className:(0,f.cn)(w({size:i}),o,`text-[${g}]`),...x,children:c?a:(0,l.jsx)(h,{children:x?null:a})})});s.displayName="Text";
+"use strict";var y=Object.create;var n=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var V=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var C=(t,e)=>{for(var a in e)n(t,a,{get:e[a],enumerable:!0})},p=(t,e,a,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of b(e))!w.call(t,o)&&o!==a&&n(t,o,{get:()=>e[o],enumerable:!(s=R(e,o))||s.enumerable});return t};var v=(t,e,a)=>(a=t!=null?y(V(t)):{},p(e||!t||!t.__esModule?n(a,"default",{value:t,enumerable:!0}):a,t)),z=t=>p(n({},"__esModule",{value:!0}),t);var S={};C(S,{Text:()=>l});module.exports=z(S);var i=require("react/jsx-runtime"),E=v(require("react")),f=require("@radix-ui/react-slot"),c=require("../helpers/index.js"),d=require("class-variance-authority");const N=(0,d.cva)("",{variants:{size:{1:"ai-text-xs",2:"ai-text-sm",3:"ai-text-base",4:"ai-text-lg",5:"ai-text-xl",6:"ai-text-2xl",7:"ai-text-3xl",8:"ai-text-4xl",9:"ai-text-5xl"},weights:{light:"ai-font-light",normal:"ai-font-normal",medium:"ai-font-medium",bold:"ai-font-bold"}},defaultVariants:{size:3,weights:"normal"}}),l=E.forwardRef((t,e)=>{const{children:a,size:s,weights:o,className:h,asChild:g,as:T="span",color:r,html:x,...u}=t,m=x?{dangerouslySetInnerHTML:{__html:x}}:null,P=r?{style:{color:r}}:null;return(0,i.jsx)(f.Slot,{...u,ref:e,className:(0,c.cn)(N({size:s,weights:o}),h),...m,...P,children:g?a:(0,i.jsx)(T,{children:m?null:a})})});l.displayName="Text";
 //# sourceMappingURL=text.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/text.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cn } from '../helpers/index.js'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nconst textVariants = cva('', {\n  variants: {\n    size: {\n      1: 'ai-text-xs',\n      2: 'ai-text-sm',\n      3: 'ai-text-base',\n      4: 'ai-text-lg',\n      5: 'ai-text-xl',\n      6: 'ai-text-2xl',\n      7: 'ai-text-3xl',\n      8: 'ai-text-4xl',\n      9: 'ai-text-5xl',\n    },\n    weights: {\n      light: 'ai-font-light',\n      normal: 'ai-font-normal',\n      medium: 'ai-font-medium',\n      bold: 'ai-font-bold',\n    },\n  },\n  defaultVariants: {\n    size: 3,\n    weights: 'normal',\n  },\n})\n\ntype TextElement = React.ElementRef<'span'>\ninterface TextProps extends React.ComponentPropsWithoutRef<'span'>, VariantProps<typeof textVariants> {\n  as?: 'div' | 'label' | 'p' | 'span' | undefined\n  asChild?: boolean\n  color?: string\n  /** \u76F8\u5F53\u4E8E dangerouslySetInnerHTML */\n  html?: string\n}\n\nconst Text = React.forwardRef<TextElement, TextProps>((props, forwardedRef) => {\n  const { children, size, className, asChild, as: Tag = 'span', color, html, ...textProps } = props\n\n  const htmlContentProps = html\n    ? {\n        dangerouslySetInnerHTML: { __html: html },\n      }\n    : null\n\n  return (\n    <Slot\n      {...textProps}\n      ref={forwardedRef}\n      className={cn(\n        textVariants({\n          size: size,\n        }),\n        className,\n        `text-[${color}]`\n      )}\n      {...htmlContentProps}\n    >\n      {asChild ? children : <Tag>{htmlContentProps ? null : children}</Tag>}\n    </Slot>\n  )\n})\nText.displayName = 'Text'\n\nexport { Text }\nexport type { TextProps }\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,IAAA,eAAAC,EAAAH,GA8D4B,IAAAI,EAAA,6BA9D5BC,EAAuB,oBACvBC,EAAqB,gCACrBC,EAAmB,+BACnBC,EAAuC,oCAEvC,MAAMC,KAAe,OAAI,GAAI,CAC3B,SAAU,CACR,KAAM,CACJ,EAAG,aACH,EAAG,aACH,EAAG,eACH,EAAG,aACH,EAAG,aACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,aACL,EACA,QAAS,CACP,MAAO,gBACP,OAAQ,iBACR,OAAQ,iBACR,KAAM,cACR,CACF,EACA,gBAAiB,CACf,KAAM,EACN,QAAS,QACX,CACF,CAAC,EAWKP,EAAOG,EAAM,WAAmC,CAACK,EAAOC,IAAiB,CAC7E,KAAM,CAAE,SAAAC,EAAU,KAAAC,EAAM,UAAAC,EAAW,QAAAC,EAAS,GAAIC,EAAM,OAAQ,MAAAC,EAAO,KAAAC,EAAM,GAAGC,CAAU,EAAIT,EAEtFU,EAAmBF,EACrB,CACE,wBAAyB,CAAE,OAAQA,CAAK,CAC1C,EACA,KAEJ,SACE,OAAC,QACE,GAAGC,EACJ,IAAKR,EACL,aAAW,MACTF,EAAa,CACX,KAAMI,CACR,CAAC,EACDC,EACA,SAASG,CAAK,GAChB,EACC,GAAGG,EAEH,SAAAL,EAAUH,KAAW,OAACI,EAAA,CAAK,SAAAI,EAAmB,KAAOR,EAAS,EACjE,CAEJ,CAAC,EACDV,EAAK,YAAc",
-  "names": ["text_exports", "__export", "Text", "__toCommonJS", "import_jsx_runtime", "React", "import_react_slot", "import_helpers", "import_class_variance_authority", "textVariants", "props", "forwardedRef", "children", "size", "className", "asChild", "Tag", "color", "html", "textProps", "htmlContentProps"]
+  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cn } from '../helpers/index.js'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nconst textVariants = cva('', {\n  variants: {\n    size: {\n      1: 'ai-text-xs',\n      2: 'ai-text-sm',\n      3: 'ai-text-base',\n      4: 'ai-text-lg',\n      5: 'ai-text-xl',\n      6: 'ai-text-2xl',\n      7: 'ai-text-3xl',\n      8: 'ai-text-4xl',\n      9: 'ai-text-5xl',\n    },\n    weights: {\n      light: 'ai-font-light',\n      normal: 'ai-font-normal',\n      medium: 'ai-font-medium',\n      bold: 'ai-font-bold',\n    },\n  },\n  defaultVariants: {\n    size: 3,\n    weights: 'normal',\n  },\n})\n\ntype TextElement = React.ElementRef<'span'>\ninterface TextProps extends React.ComponentPropsWithoutRef<'span'>, VariantProps<typeof textVariants> {\n  as?: 'div' | 'label' | 'p' | 'span' | undefined\n  asChild?: boolean\n  color?: string\n  /** \u76F8\u5F53\u4E8E dangerouslySetInnerHTML */\n  html?: string\n}\n\nconst Text = React.forwardRef<TextElement, TextProps>((props, forwardedRef) => {\n  const { children, size, weights, className, asChild, as: Tag = 'span', color, html, ...textProps } = props\n\n  const htmlContentProps = html\n    ? {\n        dangerouslySetInnerHTML: { __html: html },\n      }\n    : null\n\n  const styleProps = color\n    ? {\n        style: {\n          color,\n        },\n      }\n    : null\n\n  return (\n    <Slot\n      {...textProps}\n      ref={forwardedRef}\n      className={cn(\n        textVariants({\n          size,\n          weights,\n        }),\n        className\n      )}\n      {...htmlContentProps}\n      {...styleProps}\n    >\n      {asChild ? children : <Tag>{htmlContentProps ? null : children}</Tag>}\n    </Slot>\n  )\n})\nText.displayName = 'Text'\n\nexport { Text }\nexport type { TextProps }\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,IAAA,eAAAC,EAAAH,GAuE4B,IAAAI,EAAA,6BAvE5BC,EAAuB,oBACvBC,EAAqB,gCACrBC,EAAmB,+BACnBC,EAAuC,oCAEvC,MAAMC,KAAe,OAAI,GAAI,CAC3B,SAAU,CACR,KAAM,CACJ,EAAG,aACH,EAAG,aACH,EAAG,eACH,EAAG,aACH,EAAG,aACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,aACL,EACA,QAAS,CACP,MAAO,gBACP,OAAQ,iBACR,OAAQ,iBACR,KAAM,cACR,CACF,EACA,gBAAiB,CACf,KAAM,EACN,QAAS,QACX,CACF,CAAC,EAWKP,EAAOG,EAAM,WAAmC,CAACK,EAAOC,IAAiB,CAC7E,KAAM,CAAE,SAAAC,EAAU,KAAAC,EAAM,QAAAC,EAAS,UAAAC,EAAW,QAAAC,EAAS,GAAIC,EAAM,OAAQ,MAAAC,EAAO,KAAAC,EAAM,GAAGC,CAAU,EAAIV,EAE/FW,EAAmBF,EACrB,CACE,wBAAyB,CAAE,OAAQA,CAAK,CAC1C,EACA,KAEEG,EAAaJ,EACf,CACE,MAAO,CACL,MAAAA,CACF,CACF,EACA,KAEJ,SACE,OAAC,QACE,GAAGE,EACJ,IAAKT,EACL,aAAW,MACTF,EAAa,CACX,KAAAI,EACA,QAAAC,CACF,CAAC,EACDC,CACF,EACC,GAAGM,EACH,GAAGC,EAEH,SAAAN,EAAUJ,KAAW,OAACK,EAAA,CAAK,SAAAI,EAAmB,KAAOT,EAAS,EACjE,CAEJ,CAAC,EACDV,EAAK,YAAc",
+  "names": ["text_exports", "__export", "Text", "__toCommonJS", "import_jsx_runtime", "React", "import_react_slot", "import_helpers", "import_class_variance_authority", "textVariants", "props", "forwardedRef", "children", "size", "weights", "className", "asChild", "Tag", "color", "html", "textProps", "htmlContentProps", "styleProps"]
 }

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

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

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/checkbox.stories.tsx"],
-  "sourcesContent": ["import { Checkbox } from '../components/index'\nimport React from 'react'\n\nexport default { title: 'Components/Checkbox' }\n\nexport const Default = () => (\n  <div className=\"ai-flex ai-items-center ai-space-x-2\">\n    <Checkbox id=\"terms\" />\n    <label\n      htmlFor=\"terms\"\n      className=\"ai-text-sm ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-opacity-70\"\n    >\n      Accept terms and conditions\n    </label>\n  </div>\n)\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAME,IAAAK,EAAA,6BANFC,EAAyB,+BACzBC,EAAkB,iBAEXJ,EAAQ,CAAE,MAAO,qBAAsB,EAEvC,MAAMD,EAAU,OACrB,QAAC,OAAI,UAAU,uCACb,oBAAC,YAAS,GAAG,QAAQ,KACrB,OAAC,SACC,QAAQ,QACR,UAAU,4GACX,uCAED,GACF",
-  "names": ["checkbox_stories_exports", "__export", "Default", "checkbox_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react"]
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react/*'\nimport { Checkbox } from '../components/index'\nimport React from 'react'\n\nconst meta = {\n  title: 'Components/Checkbox',\n  component: Checkbox,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: '\u590D\u9009\u6846, \u57FA\u4E8E@radix-ui/react-checkbox https://www.radix-ui.com/primitives/docs/components/checkbox',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: ['sm', 'base', 'lg'],\n      description: '\u5C3A\u5BF8',\n      table: {\n        defaultValue: { summary: 'base' },\n      },\n    },\n  },\n  args: {\n    size: 'base',\n  },\n} satisfies Meta<typeof Checkbox>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    size: 'base',\n  },\n}\n\nexport const Sizes = () => (\n  <div className=\"ai-flex ai-flex-col ai-gap-2\">\n    <div className=\"ai-flex ai-items-center ai-space-x-2\">\n      <Checkbox id=\"terms\" size=\"sm\" />\n      <label\n        htmlFor=\"terms\"\n        className=\"ai-text-sm ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-opacity-70\"\n      >\n        Accept terms and conditions\n      </label>\n    </div>\n    <div className=\"ai-flex ai-items-center ai-space-x-2\">\n      <Checkbox id=\"terms1\" size=\"base\" />\n      <label\n        htmlFor=\"terms1\"\n        className=\"ai-text-base ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-opacity-70\"\n      >\n        Accept terms and conditions\n      </label>\n    </div>\n    <div className=\"ai-flex ai-items-center ai-space-x-2\">\n      <Checkbox id=\"terms2\" size=\"lg\" />\n      <label\n        htmlFor=\"terms2\"\n        className=\"ai-text-lg ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-opacity-70\"\n      >\n        Accept terms and conditions\n      </label>\n    </div>\n  </div>\n)\nSizes.parameters = {\n  docs: {\n    description: {\n      story: '\u4E0D\u540C\u7684\u5C3A\u5BF8',\n    },\n  },\n}\n\nexport const Disabled = () => (\n  <div className=\"ai-flex ai-items-center ai-space-x-2\">\n    <Checkbox id=\"terms\" disabled />\n    <label\n      htmlFor=\"terms\"\n      className=\"ai-text-sm ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-opacity-70\"\n    >\n      Accept terms and conditions\n    </label>\n  </div>\n)\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,aAAAC,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GA6CI,IAAAO,EAAA,6BA5CJC,EAAyB,+BACzBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,sBACP,UAAW,WACX,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,uHACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,OAAQ,IAAI,EAC5B,YAAa,eACb,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,CACF,EACA,KAAM,CACJ,KAAM,MACR,CACF,EAEA,IAAOL,EAAQK,EAIR,MAAMR,EAAiB,CAC5B,KAAM,CACJ,KAAM,MACR,CACF,EAEaE,EAAQ,OACnB,QAAC,OAAI,UAAU,+BACb,qBAAC,OAAI,UAAU,uCACb,oBAAC,YAAS,GAAG,QAAQ,KAAK,KAAK,KAC/B,OAAC,SACC,QAAQ,QACR,UAAU,4GACX,uCAED,GACF,KACA,QAAC,OAAI,UAAU,uCACb,oBAAC,YAAS,GAAG,SAAS,KAAK,OAAO,KAClC,OAAC,SACC,QAAQ,SACR,UAAU,8GACX,uCAED,GACF,KACA,QAAC,OAAI,UAAU,uCACb,oBAAC,YAAS,GAAG,SAAS,KAAK,KAAK,KAChC,OAAC,SACC,QAAQ,SACR,UAAU,4GACX,uCAED,GACF,GACF,EAEFA,EAAM,WAAa,CACjB,KAAM,CACJ,YAAa,CACX,MAAO,gCACT,CACF,CACF,EAEO,MAAMD,EAAW,OACtB,QAAC,OAAI,UAAU,uCACb,oBAAC,YAAS,GAAG,QAAQ,SAAQ,GAAC,KAC9B,OAAC,SACC,QAAQ,QACR,UAAU,4GACX,uCAED,GACF",
+  "names": ["checkbox_stories_exports", "__export", "Default", "Disabled", "Sizes", "checkbox_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
 }

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

@@ -0,0 +1,68 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/heading").HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: number[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        weights: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        color: {
+            control: "color";
+        };
+        as: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        html: {
+            type: "string";
+            description: string;
+        };
+    };
+    args: {
+        as: "h1";
+        size: 3;
+        weights: "normal";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const All: Story;

package/dist/cjs/stories/heading.stories.js

@@ -0,0 +1,2 @@
+"use strict";var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var h=(r,t)=>{for(var i in t)s(r,i,{get:t[i],enumerable:!0})},u=(r,t,i,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of d(t))!p.call(r,a)&&a!==i&&s(r,a,{get:()=>t[a],enumerable:!(n=l(t,a))||n.enumerable});return r};var c=r=>u(s({},"__esModule",{value:!0}),r);var z={};h(z,{All:()=>f,Default:()=>y,default:()=>m});module.exports=c(z);var e=require("react/jsx-runtime"),o=require("../components/index"),H=require("react");const g={title:"Typography/Heading",component:o.Heading,parameters:{layout:"centered",docs:{description:{component:"Heading \u7EC4\u4EF6, \u57FA\u672C\u548Ctext \u7EC4\u4EF6\u4E00\u6837\uFF0C\u53EA\u662F\u9ED8\u8BA4\u7684\u6807\u7B7E\u7C7B\u578B\u4E0D\u4E00\u6837"}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:[1,2,3,4,5,6,7,8,9],description:"1~9",table:{defaultValue:{summary:"3"}}},weights:{control:{type:"select"},options:["light","normal","medium","bold"],table:{defaultValue:{summary:"normal"}}},color:{control:"color"},as:{control:{type:"select"},options:["h1","h2","h3","h4","h5","h6"],description:"html \u6807\u7B7E\u7C7B\u578B",table:{defaultValue:{summary:"h1"}}},html:{type:"string",description:"\u76F8\u5F53\u4E8E dangerouslySetInnerHTML"}},args:{as:"h1",size:3,weights:"normal"}};var m=g;const y={args:{as:"h1",children:" The quick brown fox jumps over the lazy dog."}},f={render:()=>(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o.Heading,{size:1,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:2,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:3,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:4,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:5,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:6,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:7,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:8,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:9,children:"The quick brown fox jumps over the lazy dog."})]})};
+//# sourceMappingURL=heading.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/heading.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Heading } from '../components/index'\nimport React from 'react'\n\nconst meta = {\n  title: 'Typography/Heading',\n  component: Heading,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'Heading \u7EC4\u4EF6, \u57FA\u672C\u548Ctext \u7EC4\u4EF6\u4E00\u6837\uFF0C\u53EA\u662F\u9ED8\u8BA4\u7684\u6807\u7B7E\u7C7B\u578B\u4E0D\u4E00\u6837',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: [1, 2, 3, 4, 5, 6, 7, 8, 9],\n      description: '1~9',\n      table: {\n        defaultValue: { summary: '3' },\n      },\n    },\n    weights: {\n      control: {\n        type: 'select',\n      },\n      options: ['light', 'normal', 'medium', 'bold'],\n      table: {\n        defaultValue: { summary: 'normal' },\n      },\n    },\n    color: {\n      control: 'color',\n    },\n    as: {\n      control: {\n        type: 'select',\n      },\n      options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],\n      description: 'html \u6807\u7B7E\u7C7B\u578B',\n      table: {\n        defaultValue: { summary: 'h1' },\n      },\n    },\n    html: {\n      type: 'string',\n      description: '\u76F8\u5F53\u4E8E dangerouslySetInnerHTML',\n    },\n  },\n  args: {\n    as: 'h1',\n    size: 3,\n    weights: 'normal',\n  },\n} satisfies Meta<typeof Heading>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    as: 'h1',\n    children: ' The quick brown fox jumps over the lazy dog.',\n  },\n}\n\nexport const All: Story = {\n  render: () => (\n    <>\n      <Heading size={1}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={2}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={3}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={4}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={5}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={6}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={7}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={8}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={9}>The quick brown fox jumps over the lazy dog.</Heading>\n    </>\n  ),\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,SAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GA2EI,IAAAM,EAAA,6BAzEJC,EAAwB,+BACxBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,qBACP,UAAW,UACX,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,qJACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,CAAC,EACnC,YAAa,MACb,MAAO,CACL,aAAc,CAAE,QAAS,GAAI,CAC/B,CACF,EACA,QAAS,CACP,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,QAAS,SAAU,SAAU,MAAM,EAC7C,MAAO,CACL,aAAc,CAAE,QAAS,QAAS,CACpC,CACF,EACA,MAAO,CACL,QAAS,OACX,EACA,GAAI,CACF,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,IAAI,EAC5C,YAAa,gCACb,MAAO,CACL,aAAc,CAAE,QAAS,IAAK,CAChC,CACF,EACA,KAAM,CACJ,KAAM,SACN,YAAa,4CACf,CACF,EACA,KAAM,CACJ,GAAI,KACJ,KAAM,EACN,QAAS,QACX,CACF,EAEA,IAAOL,EAAQK,EAIR,MAAMN,EAAiB,CAC5B,KAAM,CACJ,GAAI,KACJ,SAAU,+CACZ,CACF,EAEaD,EAAa,CACxB,OAAQ,OACN,oBACE,oBAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,GAChE,CAEJ",
+  "names": ["heading_stories_exports", "__export", "All", "Default", "heading_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
+}

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

@@ -1,5 +1,36 @@
-declare const _default: {
+import type { StoryObj } from '@storybook/react/*';
+import { RadioGroup } from '../components/index';
+import React from 'react';
+declare const meta: {
     title: string;
+    component: React.ForwardRefExoticComponent<import("../components/radio").RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        size: "base";
+    };
 };
-export default _default;
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export default meta;
+type Story = StoryObj<typeof RadioGroup>;
+export declare const Default: Story;

package/dist/cjs/stories/radio.stories.js

@@ -1,2 +1,2 @@
-"use strict";var n=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var r=Object.prototype.hasOwnProperty;var s=(e,i)=>{for(var l in i)n(e,l,{get:i[l],enumerable:!0})},c=(e,i,l,p)=>{if(i&&typeof i=="object"||typeof i=="function")for(let a of m(i))!r.call(e,a)&&a!==l&&n(e,a,{get:()=>i[a],enumerable:!(p=d(i,a))||p.enumerable});return e};var f=e=>c(n({},"__esModule",{value:!0}),e);var x={};s(x,{Default:()=>v,default:()=>u});module.exports=f(x);var o=require("react/jsx-runtime"),t=require("../components/index"),R=require("react"),u={title:"Components/Radio"};const v=()=>(0,o.jsx)("div",{className:"ai-flex ai-h-40 ai-w-48 ai-items-center ai-justify-center",children:(0,o.jsxs)(t.RadioGroup,{defaultValue:"ai-option-one",children:[(0,o.jsxs)("div",{className:"ai-flex ai-items-center ai-space-x-2",children:[(0,o.jsx)(t.RadioGroupItem,{value:"option-one",id:"option-one"}),(0,o.jsx)("label",{htmlFor:"option-one",children:"Option One"})]}),(0,o.jsxs)("div",{className:"ai-flex ai-items-center ai-space-x-2",children:[(0,o.jsx)(t.RadioGroupItem,{value:"option-two",id:"option-two"}),(0,o.jsx)("label",{htmlFor:"option-two",children:"Option Two"})]})]})});
+"use strict";var s=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var c=(t,e)=>{for(var r in e)s(t,r,{get:e[r],enumerable:!0})},m=(t,e,r,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of l(e))!d.call(t,a)&&a!==r&&s(t,a,{get:()=>e[a],enumerable:!(p=n(e,a))||p.enumerable});return t};var u=t=>m(s({},"__esModule",{value:!0}),t);var g={};c(g,{Default:()=>f,default:()=>b});module.exports=u(g);var o=require("react/jsx-runtime"),i=require("../components/index"),w=require("react");const y={title:"Components/Radio",component:i.RadioGroup,parameters:{layout:"centered",docs:{description:{component:"\u5355\u9009\u6846, \u57FA\u4E8E@radix-ui/react-radio-group https://www.radix-ui.com/primitives/docs/components/radio-group"}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["sm","base","lg"],description:"\u5C3A\u5BF8",table:{defaultValue:{summary:"base"}}}},args:{size:"base"}};var b=y;const f={args:{size:"base",children:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"ai-flex ai-items-center ai-space-x-2",children:[(0,o.jsx)(i.RadioGroupItem,{value:"option-one",id:"option-one"}),(0,o.jsx)("label",{htmlFor:"option-one",children:"Option One"})]}),(0,o.jsxs)("div",{className:"ai-flex ai-items-center ai-space-x-2",children:[(0,o.jsx)(i.RadioGroupItem,{value:"option-two",id:"option-two"}),(0,o.jsx)("label",{htmlFor:"option-two",children:"Option Two"})]})]})}};
 //# sourceMappingURL=radio.stories.js.map