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

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

@@ -0,0 +1,24 @@
+export interface Feature {
+    /**
+     * 特性标题
+     */
+    title: string;
+    /**
+     * 特性描述
+     */
+    description: string;
+}
+export interface SloganProps {
+    /**
+     * 主标题
+     */
+    title: string;
+    /**
+     * 特性列表，最多支持3个
+     */
+    features?: string[];
+    /**
+     * 自定义类名
+     */
+    className?: string;
+}

package/dist/esm/biz-components/Slogan/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/esm/biz-components/Slogan/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/biz-components/index.d.ts

@@ -0,0 +1,9 @@
+export { default as Shelf } from './Shelf/index.js';
+export { default as BrandEquity } from './BrandEquity/index.js';
+export { default as MemberEquity } from './MemberEquity/index.js';
+export { default as Slogan } from './Slogan/index.js';
+export { default as ShelfDisplay } from './ShelfDisplay/index.js';
+export { default as Evaluate } from './Evaluate/index.js';
+export { default as Category } from './Category/index.js';
+export { default as HeroBanner } from './HeroBanner/index.js';
+export * from './Marquee';

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

@@ -0,0 +1,2 @@
+import{default as r}from"./Shelf/index.js";import{default as t}from"./BrandEquity/index.js";import{default as l}from"./MemberEquity/index.js";import{default as m}from"./Slogan/index.js";import{default as d}from"./ShelfDisplay/index.js";import{default as x}from"./Evaluate/index.js";import{default as y}from"./Category/index.js";import{default as E}from"./HeroBanner/index.js";export*from"./Marquee";export{t as BrandEquity,y as Category,x as Evaluate,E as HeroBanner,l as MemberEquity,r as Shelf,d as ShelfDisplay,m as Slogan};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/biz-components/index.ts"],
+  "sourcesContent": ["export { default as Shelf } from './Shelf/index.js'\nexport { default as BrandEquity } from './BrandEquity/index.js'\nexport { default as MemberEquity } from './MemberEquity/index.js'\nexport { default as Slogan } from './Slogan/index.js'\nexport { default as ShelfDisplay } from './ShelfDisplay/index.js'\nexport { default as Evaluate } from './Evaluate/index.js'\nexport { default as Category } from './Category/index.js'\nexport { default as HeroBanner } from './HeroBanner/index.js'\n\n\nexport * from './Marquee'"],
+  "mappings": "AAAA,OAAoB,WAAXA,MAAwB,mBACjC,OAAoB,WAAXA,MAA8B,yBACvC,OAAoB,WAAXA,MAA+B,0BACxC,OAAoB,WAAXA,MAAyB,oBAClC,OAAoB,WAAXA,MAA+B,0BACxC,OAAoB,WAAXA,MAA2B,sBACpC,OAAoB,WAAXA,MAA2B,sBACpC,OAAoB,WAAXA,MAA6B,wBAGtC,WAAc",
+  "names": ["default"]
+}

package/dist/esm/components/alert.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & {
+    /**
+     * 状态
+     */
+    status?: "success" | "error" | "warning" | "info";
+    /**
+     * 是否可以关闭
+     */
+    closable?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { Alert, AlertTitle, AlertDescription };

package/dist/esm/components/alert.js

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import*as s from"react";import{cva as C}from"class-variance-authority";import{cn as a}from"../helpers/index.js";const p=C("[&>svg:first-child]:text-foreground relative w-full rounded-lg border px-4 py-3 text-sm [&>:first-child]:absolute [&>svg:first-child+div]:translate-y-[-3px] [&>svg:first-child]:left-4 [&>svg:first-child]:top-2 [&>svg:first-child~*]:pl-7",{variants:{variant:{default:"bg-background text-foreground",destructive:"border-destructive/50 text-destructive dark:border-destructive [&>svg:first-child]:text-destructive"}},defaultVariants:{variant:"default"}}),w=()=>e("svg",{className:"close absolute right-4 top-2 size-6 cursor-pointer !pl-0",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M15.3452 16.4762L12.1377 13.2687L8.92973 16.4767C8.61712 16.7893 8.11029 16.7891 7.79766 16.4765C7.48505 16.1638 7.4848 15.657 7.79741 15.3444L11.0054 12.1364L7.79791 8.92891C7.48503 8.61603 7.48503 8.10946 7.79765 7.79683C8.11015 7.48433 8.61688 7.48424 8.92973 7.79709L12.1372 11.0046L15.3452 7.79658C15.6577 7.48408 16.1646 7.48421 16.4772 7.79683C16.7899 8.10946 16.79 8.61641 16.4775 8.9289L13.2695 12.1369L16.477 15.3444C16.7899 15.6572 16.7898 16.1639 16.4773 16.4764C16.1647 16.789 15.6581 16.789 15.3452 16.4762L15.3452 16.4762Z",fill:"#1D1D1F"})}),u={info:r("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("circle",{cx:"12",cy:"12",r:"10.5",fill:"#00BEFA"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.1249 7.13281C13.1249 6.51149 12.6213 6.00781 11.9999 6.00781C11.3786 6.00781 10.8749 6.51149 10.8749 7.13281V13.1328C10.8749 13.7541 11.3786 14.2578 11.9999 14.2578C12.6213 14.2578 13.1249 13.7541 13.1249 13.1328V7.13281ZM13.3499 16.6342C13.3499 15.8886 12.7455 15.2842 11.9999 15.2842C11.2543 15.2842 10.6499 15.8886 10.6499 16.6342C10.6499 17.3798 11.2543 17.9842 11.9999 17.9842C12.7455 17.9842 13.3499 17.3798 13.3499 16.6342Z",fill:"white"})]}),success:r("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("circle",{cx:"12.5",cy:"12.5",r:"10.5",fill:"#30D158"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.3976 8.6772C18.0468 8.32635 17.478 8.32635 17.1271 8.6772L11.5586 14.2457L8.15843 10.8456C7.80758 10.4947 7.23874 10.4947 6.88789 10.8456C6.53704 11.1964 6.53704 11.7653 6.88789 12.1161L10.849 16.0772C10.8632 16.0914 10.8778 16.1051 10.8928 16.1182C10.9028 16.1293 10.9132 16.1402 10.9239 16.1509C11.2748 16.5018 11.8436 16.5018 12.1945 16.1509L18.3976 9.94773C18.7485 9.59688 18.7485 9.02805 18.3976 8.6772Z",fill:"white"})]}),warning:r("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("circle",{cx:"12",cy:"12",r:"10.5",fill:"#FFC24D"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.1249 7.13281C13.1249 6.51149 12.6213 6.00781 11.9999 6.00781C11.3786 6.00781 10.8749 6.51149 10.8749 7.13281V13.1328C10.8749 13.7541 11.3786 14.2578 11.9999 14.2578C12.6213 14.2578 13.1249 13.7541 13.1249 13.1328V7.13281ZM13.3499 16.6342C13.3499 15.8886 12.7455 15.2842 11.9999 15.2842C11.2543 15.2842 10.6499 15.8886 10.6499 16.6342C10.6499 17.3798 11.2543 17.9842 11.9999 17.9842C12.7455 17.9842 13.3499 17.3798 13.3499 16.6342Z",fill:"white"})]}),error:r("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("circle",{cx:"12",cy:"12",r:"10.5",fill:"#FF4D4D"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.1249 7.13281C13.1249 6.51149 12.6213 6.00781 11.9999 6.00781C11.3786 6.00781 10.8749 6.51149 10.8749 7.13281V13.1328C10.8749 13.7541 11.3786 14.2578 11.9999 14.2578C12.6213 14.2578 13.1249 13.7541 13.1249 13.1328V7.13281ZM13.3499 16.6342C13.3499 15.8886 12.7455 15.2842 11.9999 15.2842C11.2543 15.2842 10.6499 15.8886 10.6499 16.6342C10.6499 17.3798 11.2543 17.9842 11.9999 17.9842C12.7455 17.9842 13.3499 17.3798 13.3499 16.6342Z",fill:"white"})]})},o=s.forwardRef(({className:l,variant:i,status:t,closable:c=!1,children:v,...f},g)=>{const h=t?u[t]:null;return r("div",{ref:g,role:"alert",className:a(p({variant:i}),l),...f,children:[h,v,c&&e(w,{})]})});o.displayName="Alert";const n=s.forwardRef(({className:l,...i},t)=>e("h5",{ref:t,className:a("mb-1 font-medium leading-none tracking-tight",l),...i}));n.displayName="AlertTitle";const d=s.forwardRef(({className:l,...i},t)=>e("div",{ref:t,className:a("text-sm text-[#86868C] [&_p]:leading-relaxed",l),...i}));d.displayName="AlertDescription";export{o as Alert,d as AlertDescription,n as AlertTitle};
+//# sourceMappingURL=alert.js.map

package/dist/esm/components/alert.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/alert.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../helpers/index.js'\n\nconst alertVariants = cva(\n  '[&>svg:first-child]:text-foreground relative w-full rounded-lg border px-4 py-3 text-sm [&>:first-child]:absolute [&>svg:first-child+div]:translate-y-[-3px] [&>svg:first-child]:left-4 [&>svg:first-child]:top-2 [&>svg:first-child~*]:pl-7',\n  {\n    variants: {\n      variant: {\n        default: 'bg-background text-foreground',\n        destructive:\n          'border-destructive/50 text-destructive dark:border-destructive [&>svg:first-child]:text-destructive',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n)\n\nconst Close = () => (\n  <svg\n    className=\"close absolute right-4 top-2 size-6 cursor-pointer !pl-0\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M15.3452 16.4762L12.1377 13.2687L8.92973 16.4767C8.61712 16.7893 8.11029 16.7891 7.79766 16.4765C7.48505 16.1638 7.4848 15.657 7.79741 15.3444L11.0054 12.1364L7.79791 8.92891C7.48503 8.61603 7.48503 8.10946 7.79765 7.79683C8.11015 7.48433 8.61688 7.48424 8.92973 7.79709L12.1372 11.0046L15.3452 7.79658C15.6577 7.48408 16.1646 7.48421 16.4772 7.79683C16.7899 8.10946 16.79 8.61641 16.4775 8.9289L13.2695 12.1369L16.477 15.3444C16.7899 15.6572 16.7898 16.1639 16.4773 16.4764C16.1647 16.789 15.6581 16.789 15.3452 16.4762L15.3452 16.4762Z\"\n      fill=\"#1D1D1F\"\n    />\n  </svg>\n)\n\nconst IconMap = {\n  info: (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <circle cx=\"12\" cy=\"12\" r=\"10.5\" fill=\"#00BEFA\" />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M13.1249 7.13281C13.1249 6.51149 12.6213 6.00781 11.9999 6.00781C11.3786 6.00781 10.8749 6.51149 10.8749 7.13281V13.1328C10.8749 13.7541 11.3786 14.2578 11.9999 14.2578C12.6213 14.2578 13.1249 13.7541 13.1249 13.1328V7.13281ZM13.3499 16.6342C13.3499 15.8886 12.7455 15.2842 11.9999 15.2842C11.2543 15.2842 10.6499 15.8886 10.6499 16.6342C10.6499 17.3798 11.2543 17.9842 11.9999 17.9842C12.7455 17.9842 13.3499 17.3798 13.3499 16.6342Z\"\n        fill=\"white\"\n      />\n    </svg>\n  ),\n  success: (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <circle cx=\"12.5\" cy=\"12.5\" r=\"10.5\" fill=\"#30D158\" />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M18.3976 8.6772C18.0468 8.32635 17.478 8.32635 17.1271 8.6772L11.5586 14.2457L8.15843 10.8456C7.80758 10.4947 7.23874 10.4947 6.88789 10.8456C6.53704 11.1964 6.53704 11.7653 6.88789 12.1161L10.849 16.0772C10.8632 16.0914 10.8778 16.1051 10.8928 16.1182C10.9028 16.1293 10.9132 16.1402 10.9239 16.1509C11.2748 16.5018 11.8436 16.5018 12.1945 16.1509L18.3976 9.94773C18.7485 9.59688 18.7485 9.02805 18.3976 8.6772Z\"\n        fill=\"white\"\n      />\n    </svg>\n  ),\n  warning: (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <circle cx=\"12\" cy=\"12\" r=\"10.5\" fill=\"#FFC24D\" />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M13.1249 7.13281C13.1249 6.51149 12.6213 6.00781 11.9999 6.00781C11.3786 6.00781 10.8749 6.51149 10.8749 7.13281V13.1328C10.8749 13.7541 11.3786 14.2578 11.9999 14.2578C12.6213 14.2578 13.1249 13.7541 13.1249 13.1328V7.13281ZM13.3499 16.6342C13.3499 15.8886 12.7455 15.2842 11.9999 15.2842C11.2543 15.2842 10.6499 15.8886 10.6499 16.6342C10.6499 17.3798 11.2543 17.9842 11.9999 17.9842C12.7455 17.9842 13.3499 17.3798 13.3499 16.6342Z\"\n        fill=\"white\"\n      />\n    </svg>\n  ),\n  error: (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <circle cx=\"12\" cy=\"12\" r=\"10.5\" fill=\"#FF4D4D\" />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M13.1249 7.13281C13.1249 6.51149 12.6213 6.00781 11.9999 6.00781C11.3786 6.00781 10.8749 6.51149 10.8749 7.13281V13.1328C10.8749 13.7541 11.3786 14.2578 11.9999 14.2578C12.6213 14.2578 13.1249 13.7541 13.1249 13.1328V7.13281ZM13.3499 16.6342C13.3499 15.8886 12.7455 15.2842 11.9999 15.2842C11.2543 15.2842 10.6499 15.8886 10.6499 16.6342C10.6499 17.3798 11.2543 17.9842 11.9999 17.9842C12.7455 17.9842 13.3499 17.3798 13.3499 16.6342Z\"\n        fill=\"white\"\n      />\n    </svg>\n  ),\n}\n\nconst Alert = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> &\n    VariantProps<typeof alertVariants> & {\n      /**\n       * \u72B6\u6001\n       */\n      status?: 'success' | 'error' | 'warning' | 'info'\n      /**\n       * \u662F\u5426\u53EF\u4EE5\u5173\u95ED\n       */\n      closable?: boolean\n    }\n>(({ className, variant, status, closable = false, children, ...props }, ref) => {\n  const icon = status ? IconMap[status] : null\n\n  return (\n    <div ref={ref} role=\"alert\" className={cn(alertVariants({ variant }), className)} {...props}>\n      {icon}\n      {children}\n      {closable && <Close />}\n    </div>\n  )\n})\nAlert.displayName = 'Alert'\n\nconst AlertTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <h5 ref={ref} className={cn('mb-1 font-medium leading-none tracking-tight', className)} {...props} />\n  )\n)\nAlertTitle.displayName = 'AlertTitle'\n\nconst AlertDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn('text-sm text-[#86868C] [&_p]:leading-relaxed', className)} {...props} />\n  )\n)\nAlertDescription.displayName = 'AlertDescription'\n\nexport { Alert, AlertTitle, AlertDescription }\n"],
+  "mappings": "AA6BI,cAAAA,EASA,QAAAC,MATA,oBA7BJ,UAAYC,MAAW,QACvB,OAAS,OAAAC,MAA8B,2BACvC,OAAS,MAAAC,MAAU,sBAEnB,MAAMC,EAAgBF,EACpB,+OACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,gCACT,YACE,qGACJ,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAEMG,EAAQ,IACZN,EAAC,OACC,UAAU,2DACV,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,SAAAA,EAAC,QACC,EAAE,4hBACF,KAAK,UACP,EACF,EAGIO,EAAU,CACd,KACEN,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,UAAAD,EAAC,UAAO,GAAG,KAAK,GAAG,KAAK,EAAE,OAAO,KAAK,UAAU,EAChDA,EAAC,QACC,SAAS,UACT,SAAS,UACT,EAAE,qbACF,KAAK,QACP,GACF,EAEF,QACEC,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,UAAAD,EAAC,UAAO,GAAG,OAAO,GAAG,OAAO,EAAE,OAAO,KAAK,UAAU,EACpDA,EAAC,QACC,SAAS,UACT,SAAS,UACT,EAAE,+ZACF,KAAK,QACP,GACF,EAEF,QACEC,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,UAAAD,EAAC,UAAO,GAAG,KAAK,GAAG,KAAK,EAAE,OAAO,KAAK,UAAU,EAChDA,EAAC,QACC,SAAS,UACT,SAAS,UACT,EAAE,qbACF,KAAK,QACP,GACF,EAEF,MACEC,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,UAAAD,EAAC,UAAO,GAAG,KAAK,GAAG,KAAK,EAAE,OAAO,KAAK,UAAU,EAChDA,EAAC,QACC,SAAS,UACT,SAAS,UACT,EAAE,qbACF,KAAK,QACP,GACF,CAEJ,EAEMQ,EAAQN,EAAM,WAalB,CAAC,CAAE,UAAAO,EAAW,QAAAC,EAAS,OAAAC,EAAQ,SAAAC,EAAW,GAAO,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAAQ,CAC/E,MAAMC,EAAOL,EAASJ,EAAQI,CAAM,EAAI,KAExC,OACEV,EAAC,OAAI,IAAKc,EAAK,KAAK,QAAQ,UAAWX,EAAGC,EAAc,CAAE,QAAAK,CAAQ,CAAC,EAAGD,CAAS,EAAI,GAAGK,EACnF,UAAAE,EACAH,EACAD,GAAYZ,EAACM,EAAA,EAAM,GACtB,CAEJ,CAAC,EACDE,EAAM,YAAc,QAEpB,MAAMS,EAAaf,EAAM,WACvB,CAAC,CAAE,UAAAO,EAAW,GAAGK,CAAM,EAAGC,IACxBf,EAAC,MAAG,IAAKe,EAAK,UAAWX,EAAG,+CAAgDK,CAAS,EAAI,GAAGK,EAAO,CAEvG,EACAG,EAAW,YAAc,aAEzB,MAAMC,EAAmBhB,EAAM,WAC7B,CAAC,CAAE,UAAAO,EAAW,GAAGK,CAAM,EAAGC,IACxBf,EAAC,OAAI,IAAKe,EAAK,UAAWX,EAAG,+CAAgDK,CAAS,EAAI,GAAGK,EAAO,CAExG,EACAI,EAAiB,YAAc",
+  "names": ["jsx", "jsxs", "React", "cva", "cn", "alertVariants", "Close", "IconMap", "Alert", "className", "variant", "status", "closable", "children", "props", "ref", "icon", "AlertTitle", "AlertDescription"]
+}

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { type VariantProps } from 'class-variance-authority';
+declare const Avatar: React.ForwardRefExoticComponent<{
+    /** 定义子组件作为父组件的类型,详细使用方式请参考radix-ui */
+    asChild?: boolean;
+    /** 类名*/
+    className?: string;
+    /** 样式*/
+    style?: React.CSSProperties;
+    /** 点击事件*/
+    onClick?: Function;
+    /** 文本自适应*/
+    isAdaptation?: boolean;
+    /** 文本自适应最小字体, 开启时生效*/
+    minSize?: number;
+    /** 文本自适应最大字体, 开启时生效*/
+    maxSize?: number;
+    /** 文本自适应的类, 开启时生效*/
+    textClassName?: string;
+} & VariantProps<(props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Avatar, AvatarImage, AvatarFallback };

package/dist/esm/components/avatar.js

@@ -0,0 +1,2 @@
+"use client";import{jsx as i}from"react/jsx-runtime";import{useEffect as g,useRef as N,forwardRef as l}from"react";import k from"fitty";import*as r from"@radix-ui/react-avatar";import{cva as z}from"class-variance-authority";import{cn as o}from"../helpers/index.js";const C=z("tracking transition-colors",{variants:{size:{small:"size-6",medium:"size-12",large:"size-[72px]"}}}),c=l(({className:t,textClassName:a,isAdaptation:e=!1,minSize:v=4,maxSize:y=16,children:m,style:f,size:R="small",onClick:d,...P},b)=>{const n=N(null),A=s=>{d?.(s)};return g(()=>{let s;return e&&n.current&&(s=k?.(n.current,{minSize:v,maxSize:y})),()=>s?.unsubscribe?.()},[]),i(r.Root,{ref:b,onClick:A,className:o(C({size:R}),"bg-bg-2 relative flex shrink-0 overflow-hidden rounded-full",t),...f?{style:f}:null,...P,children:e?i("span",{className:"bg-muted flex size-full items-center justify-center rounded-full",children:i("span",{ref:n,className:o("px-2",a),children:m})}):m})});c.displayName="Avatar";const p=l(({className:t,...a},e)=>i(r.Image,{ref:e,className:o("aspect-square size-full",t),...a}));p.displayName=r.Image.displayName;const u=l(({className:t,...a},e)=>i(r.Fallback,{ref:e,className:o("bg-muted flex size-full items-center justify-center rounded-full",t),...a}));u.displayName=r.Fallback.displayName;export{c as Avatar,u as AvatarFallback,p as AvatarImage};
+//# sourceMappingURL=avatar.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/avatar.tsx"],
+  "sourcesContent": ["'use client'\n\nimport React, { useEffect, useRef, forwardRef } from 'react'\nimport fitty from 'fitty'\nimport type { FittyInstance } from 'fitty'\nimport * as AvatarPrimitive from '@radix-ui/react-avatar'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport { cn } from '../helpers/index.js'\n\n// \u5B9A\u4E49 avatar \u7684\u6837\u5F0F\u53D8\u4F53\nconst avatarVariants = cva('tracking transition-colors', {\n  variants: {\n    size: {\n      small: 'size-6', // \u5C0F\n      medium: 'size-12', // \u4E2D\n      large: 'size-[72px]', // \u5927\n    },\n  },\n})\n\ntype AvatarProps = {\n  /** \u5B9A\u4E49\u5B50\u7EC4\u4EF6\u4F5C\u4E3A\u7236\u7EC4\u4EF6\u7684\u7C7B\u578B,\u8BE6\u7EC6\u4F7F\u7528\u65B9\u5F0F\u8BF7\u53C2\u8003radix-ui */\n  asChild?: boolean\n  /** \u7C7B\u540D*/\n  className?: string\n  /** \u6837\u5F0F*/\n  style?: React.CSSProperties\n  /** \u70B9\u51FB\u4E8B\u4EF6*/\n  onClick?: Function\n  /** \u6587\u672C\u81EA\u9002\u5E94*/\n  isAdaptation?: boolean\n  /** \u6587\u672C\u81EA\u9002\u5E94\u6700\u5C0F\u5B57\u4F53, \u5F00\u542F\u65F6\u751F\u6548*/\n  minSize?: number\n  /** \u6587\u672C\u81EA\u9002\u5E94\u6700\u5927\u5B57\u4F53, \u5F00\u542F\u65F6\u751F\u6548*/\n  maxSize?: number\n  /** \u6587\u672C\u81EA\u9002\u5E94\u7684\u7C7B, \u5F00\u542F\u65F6\u751F\u6548*/\n  textClassName?: string\n} & VariantProps<typeof avatarVariants> &\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n\nconst Avatar = forwardRef<React.ElementRef<typeof AvatarPrimitive.Root>, AvatarProps>(\n  (\n    {\n      className,\n      textClassName,\n      isAdaptation = false,\n      minSize = 4,\n      maxSize = 16,\n      children,\n      style,\n      size = 'small',\n      onClick,\n      ...props\n    },\n    ref\n  ) => {\n    const textRef = useRef<HTMLDivElement>(null)\n    // \u70B9\u51FB\u4E8B\u4EF6\n    const handleClick = (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n      onClick?.(e)\n    }\n\n    useEffect(() => {\n      let fittyInstance: FittyInstance\n      if (isAdaptation && textRef.current) {\n        fittyInstance = fitty?.(textRef.current, {\n          minSize,\n          maxSize,\n        })\n      }\n      return () => fittyInstance?.unsubscribe?.()\n    }, [])\n\n    return (\n      <AvatarPrimitive.Root\n        ref={ref}\n        onClick={handleClick}\n        className={cn(\n          avatarVariants({ size }),\n          'bg-bg-2 relative flex shrink-0 overflow-hidden rounded-full',\n          className\n        )}\n        {...(style ? { style: style } : null)}\n        {...props}\n      >\n        {isAdaptation ? (\n          <span className=\"bg-muted flex size-full items-center justify-center rounded-full\">\n            <span ref={textRef} className={cn('px-2', textClassName)}>\n              {children}\n            </span>\n          </span>\n        ) : (\n          children\n        )}\n      </AvatarPrimitive.Root>\n    )\n  }\n)\n\nAvatar.displayName = 'Avatar'\n\nconst AvatarImage = forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image ref={ref} className={cn('aspect-square size-full', className)} {...props} />\n))\n\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\nconst AvatarFallback = forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => {\n  return (\n    <AvatarPrimitive.Fallback\n      ref={ref}\n      className={cn('bg-muted flex size-full items-center justify-center rounded-full', className)}\n      {...props}\n    />\n  )\n})\n\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n\nexport { Avatar, AvatarImage, AvatarFallback }\n"],
+  "mappings": "aAuFY,cAAAA,MAAA,oBArFZ,OAAgB,aAAAC,EAAW,UAAAC,EAAQ,cAAAC,MAAkB,QACrD,OAAOC,MAAW,QAElB,UAAYC,MAAqB,yBACjC,OAA4B,OAAAC,MAAW,2BACvC,OAAS,MAAAC,MAAU,sBAGnB,MAAMC,EAAiBF,EAAI,6BAA8B,CACvD,SAAU,CACR,KAAM,CACJ,MAAO,SACP,OAAQ,UACR,MAAO,aACT,CACF,CACF,CAAC,EAsBKG,EAASN,EACb,CACE,CACE,UAAAO,EACA,cAAAC,EACA,aAAAC,EAAe,GACf,QAAAC,EAAU,EACV,QAAAC,EAAU,GACV,SAAAC,EACA,MAAAC,EACA,KAAAC,EAAO,QACP,QAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,EAAUnB,EAAuB,IAAI,EAErCoB,EAAeC,GAAqD,CACxEL,IAAUK,CAAC,CACb,EAEA,OAAAtB,EAAU,IAAM,CACd,IAAIuB,EACJ,OAAIZ,GAAgBS,EAAQ,UAC1BG,EAAgBpB,IAAQiB,EAAQ,QAAS,CACvC,QAAAR,EACA,QAAAC,CACF,CAAC,GAEI,IAAMU,GAAe,cAAc,CAC5C,EAAG,CAAC,CAAC,EAGHxB,EAACK,EAAgB,KAAhB,CACC,IAAKe,EACL,QAASE,EACT,UAAWf,EACTC,EAAe,CAAE,KAAAS,CAAK,CAAC,EACvB,8DACAP,CACF,EACC,GAAIM,EAAQ,CAAE,MAAOA,CAAM,EAAI,KAC/B,GAAGG,EAEH,SAAAP,EACCZ,EAAC,QAAK,UAAU,mEACd,SAAAA,EAAC,QAAK,IAAKqB,EAAS,UAAWd,EAAG,OAAQI,CAAa,EACpD,SAAAI,EACH,EACF,EAEAA,EAEJ,CAEJ,CACF,EAEAN,EAAO,YAAc,SAErB,MAAMgB,EAActB,EAGlB,CAAC,CAAE,UAAAO,EAAW,GAAGS,CAAM,EAAGC,IAC1BpB,EAACK,EAAgB,MAAhB,CAAsB,IAAKe,EAAK,UAAWb,EAAG,0BAA2BG,CAAS,EAAI,GAAGS,EAAO,CAClG,EAEDM,EAAY,YAAcpB,EAAgB,MAAM,YAEhD,MAAMqB,EAAiBvB,EAGrB,CAAC,CAAE,UAAAO,EAAW,GAAGS,CAAM,EAAGC,IAExBpB,EAACK,EAAgB,SAAhB,CACC,IAAKe,EACL,UAAWb,EAAG,mEAAoEG,CAAS,EAC1F,GAAGS,EACN,CAEH,EAEDO,EAAe,YAAcrB,EAAgB,SAAS",
+  "names": ["jsx", "useEffect", "useRef", "forwardRef", "fitty", "AvatarPrimitive", "cva", "cn", "avatarVariants", "Avatar", "className", "textClassName", "isAdaptation", "minSize", "maxSize", "children", "style", "size", "onClick", "props", "ref", "textRef", "handleClick", "e", "fittyInstance", "AvatarImage", "AvatarFallback"]
+}

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
+    size?: "sm" | "base" | null | undefined;
 } & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
-declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime.js").JSX.Element;
+declare function Badge({ className, size, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
 export default Badge;

package/dist/esm/components/badge.js

@@ -1,2 +1,2 @@
-import{jsx as d}from"react/jsx-runtime";import"react";import{cva as r}from"class-variance-authority";import{cn as i}from"../helpers/index.js";const n=r("ai-inline-flex ai-items-center ai-font-medium ai-rounded-[20px] ai-border ai-px-[10px] ai-py-1 ai-text-xs ai-transition-colors focus:ai-outline-none",{variants:{variant:{default:"ai-bg-badge ai-text-badge-foreground ai-border-transparent",secondary:"ai-bg-secondary ai-text-secondary-foreground ai-border-transparent",destructive:"ai-bg-destructive ai-text-destructive-foreground ai-border-transparent",outline:"ai-text-foreground"}},defaultVariants:{variant:"default"}});function o({className:a,variant:e,...t}){return d("div",{className:i(n({variant:e}),a),...t})}var f=o;export{f as default};
+import{jsx as o}from"react/jsx-runtime";import"react";import{cva as a}from"class-variance-authority";import{cn as n}from"../helpers/index.js";const s=a("inline-flex justify-center text-btn-primary border-btn-primary items-center font-medium rounded-[20px] border px-[10px] py-1 text-xs transition-colors focus:outline-none",{variants:{size:{sm:"text-xs",base:"text-sm"}},defaultVariants:{size:"base"}});function i({className:t,size:e,...r}){return o("div",{className:n(s({size:e}),t),...r})}var f=i;export{f as default};
 //# sourceMappingURL=badge.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/badge.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '../helpers/index.js'\n\nconst badgeVariants = cva(\n  'ai-inline-flex ai-items-center ai-font-medium ai-rounded-[20px] ai-border ai-px-[10px] ai-py-1 ai-text-xs ai-transition-colors focus:ai-outline-none',\n  {\n    variants: {\n      variant: {\n        default: 'ai-bg-badge ai-text-badge-foreground ai-border-transparent',\n        secondary: 'ai-bg-secondary ai-text-secondary-foreground ai-border-transparent',\n        destructive: 'ai-bg-destructive ai-text-destructive-foreground ai-border-transparent',\n        outline: 'ai-text-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n)\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n  return <div className={cn(badgeVariants({ variant }), className)} {...props} />\n}\n\nexport default Badge\n"],
-  "mappings": "AAyBS,cAAAA,MAAA,oBAzBT,MAAuB,QACvB,OAA4B,OAAAC,MAAW,2BAEvC,OAAS,MAAAC,MAAU,sBAEnB,MAAMC,EAAgBF,EACpB,uJACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,6DACT,UAAW,qEACX,YAAa,yEACb,QAAS,oBACX,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAIA,SAASG,EAAM,CAAE,UAAAC,EAAW,QAAAC,EAAS,GAAGC,CAAM,EAAe,CAC3D,OAAOP,EAAC,OAAI,UAAWE,EAAGC,EAAc,CAAE,QAAAG,CAAQ,CAAC,EAAGD,CAAS,EAAI,GAAGE,EAAO,CAC/E,CAEA,IAAOC,EAAQJ",
-  "names": ["jsx", "cva", "cn", "badgeVariants", "Badge", "className", "variant", "props", "badge_default"]
+  "sourcesContent": ["import * as React from 'react'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '../helpers/index.js'\n\nconst badgeVariants = cva(\n  'inline-flex justify-center text-btn-primary border-btn-primary items-center font-medium rounded-[20px] border px-[10px] py-1 text-xs transition-colors focus:outline-none',\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        base: 'text-sm',\n      }\n    },\n    defaultVariants: {\n      size: 'base',\n    },\n  }\n)\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> { }\n\nfunction Badge({ className, size, ...props }: BadgeProps) {\n  return <div className={cn(badgeVariants({ size }), className)} {...props} />\n}\n\nexport default Badge\n"],
+  "mappings": "AAuBS,cAAAA,MAAA,oBAvBT,MAAuB,QACvB,OAA4B,OAAAC,MAAW,2BAEvC,OAAS,MAAAC,MAAU,sBAEnB,MAAMC,EAAgBF,EACpB,4KACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,KAAM,SACR,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAIA,SAASG,EAAM,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAe,CACxD,OAAOP,EAAC,OAAI,UAAWE,EAAGC,EAAc,CAAE,KAAAG,CAAK,CAAC,EAAGD,CAAS,EAAI,GAAGE,EAAO,CAC5E,CAEA,IAAOC,EAAQJ",
+  "names": ["jsx", "cva", "cn", "badgeVariants", "Badge", "className", "size", "props", "badge_default"]
 }

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

@@ -4,10 +4,11 @@ import { type VariantProps } from 'class-variance-authority';
  * Button Variants
  */
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "primary" | "secondary" | "ghost" | null | undefined;
+    variant?: "link" | "nature" | "primary" | "secondary" | "ghost" | null | undefined;
     size?: "sm" | "base" | "lg" | "icon" | null | undefined;
     hoverEffect?: "none" | "slide" | null | undefined;
     state?: "default" | "disabled" | "loading" | null | undefined;
+    theme?: "dark" | "light" | null | undefined;
 } & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     /** 设置按钮载入状态  */

package/dist/esm/components/button.js

@@ -1,2 +1,2 @@
-"use client";import{Fragment as V,jsx as a,jsxs as B}from"react/jsx-runtime";import*as p from"react";import{Slot as y}from"@radix-ui/react-slot";import{VisuallyHidden as m}from"@radix-ui/react-visually-hidden";import{cva as n}from"class-variance-authority";import v from"../icons/spinner.js";import{cn as g}from"../helpers/index.js";const x=n("ai-ring-offset-background focus-visible:ai-ring-ring ai-rounded-btn ai-inline-flex ai-items-center ai-justify-center ai-text-sm ai-font-medium ai-transition-colors focus-visible:ai-outline-none focus-visible:ai-ring-2 focus-visible:ai-ring-offset-2 disabled:ai-pointer-events-none",{variants:{variant:{primary:"ai-bg-btn-primary ai-text-btn-primary-foreground hover:ai-bg-btn-primary-active ",secondary:"ai-bg-btn-secondary hover:ai-border-btn-secondary-active ai-border-btn-secondary-border-disabled ai-text-btn-secondary-foreground hover:ai-bg-btn-secondary-active hover:ai-text-btn-secondary ai-border ai-border-solid ai-border-btn-secondary-foreground",link:"ai-text-primary ai-underline-offset-4 hover:ai-underline",ghost:"hover:ai-bg-btn-primary hover:ai-text-btn-primary-foreground"},size:{sm:"ai-h-8 ai-px-3 ai-py-1 ai-text-[12px]",base:"ai-h-10 ai-px-[2.625rem] ai-py-[0.625rem] ai-text-[14px]",lg:"ai-h-11 ai-px-8 ai-text-[16px]",icon:"ai-size-10 ai-rounded-full"},hoverEffect:{none:"",slide:""},state:{default:"",disabled:"!ai-cursor-not-allowed !ai-pointer-events-auto",loading:""}},compoundVariants:[{variant:"primary",hoverEffect:"slide",class:'ai-z-[1] before:-ai-z-[1] before:ai-rounded-btn hover:!ai-bg-btn-primary before:ai-bg-btn-primary-active ai-relative ai-overflow-hidden before:ai-absolute before:ai-inset-y-0  before:ai-w-full before:-ai-translate-x-full before:ai-transition-transform before:ai-duration-300 before:ai-ease-in-out before:ai-content-[""] hover:before:ai-translate-x-0'},{variant:"secondary",hoverEffect:"slide",class:'ai-z-[1] before:-ai-z-[1] before:ai-rounded-btn hover:!ai-bg-btn-secondary before:ai-bg-btn-secondary-active ai-relative ai-overflow-hidden before:ai-absolute before:ai-inset-y-0  before:ai-w-full before:-ai-translate-x-full before:ai-transition-transform before:ai-duration-300 before:ai-ease-in-out before:ai-content-[""] hover:before:ai-translate-x-0'},{variant:"primary",state:"loading",class:"ai-bg-btn-primary"},{variant:"secondary",state:"loading",class:"ai-bg-btn-secondary-active  disabled:ai-text-btn-secondary-disabled-foreground ai-text-btn-secondary-disabled-foreground"},{variant:"primary",state:"disabled",class:"disabled:ai-bg-btn-primary-disabled disabled:ai-text-btn-primary-disabled-foreground"},{variant:"secondary",state:"disabled",class:"disabled:ai-bg-btn-secondary-disabled disabled:ai-text-btn-secondary-disabled-foreground disabled:ai-border-btn-secondary-disabled-borderColor"}],defaultVariants:{variant:"primary",size:"base",hoverEffect:"none",state:"default"}}),h=n("",{variants:{variant:{primary:"ai-stroke-btn-primary-foreground",secondary:"ai-stroke-btn-secondary",link:"ai-stroke-primary",ghost:"ai-stroke-primary"}},defaultVariants:{variant:"primary"}}),s=p.forwardRef(({asChild:d=!1,size:b="base",children:e,variant:r,hoverEffect:l="none",className:f,disabled:t=!1,loading:i=!1,spinner:o,...c},u)=>a(d?y:"button",{disabled:t||i,className:g(x({variant:r,size:b,hoverEffect:l,state:i?"loading":t?"disabled":"default"}),f),ref:u,...c,children:i?B(V,{children:[a("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0,children:e}),a("span",{className:"ai-absolute",children:o||a(v,{className:h({variant:r})})}),a(m,{children:e})]}):e}));s.displayName="Button";var R=s;export{R as default};
+"use client";import{Fragment as V,jsx as e,jsxs as B}from"react/jsx-runtime";import*as m from"react";import{Slot as g}from"@radix-ui/react-slot";import{VisuallyHidden as y}from"@radix-ui/react-visually-hidden";import{cva as i}from"class-variance-authority";import v from"../icons/spinner.js";import{cn as h}from"../helpers/index.js";const x=i("ring-offset-background focus-visible:ring-ring rounded-btn inline-flex items-center justify-center text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none",{variants:{variant:{nature:"border border-solid border-black",primary:"bg-btn-primary text-btn-primary-foreground hover:bg-btn-primary-active",secondary:"bg-btn-secondary text-btn-secondary-foreground hover:bg-btn-secondary-active hover:text-btn-secondary border border-solid",link:"text-primary underline-offset-4 hover:underline",ghost:"hover:bg-btn-primary hover:text-btn-primary-foreground"},size:{sm:"px-3 py-2 text-[12px]  leading-tight",base:"px-5 pt-[11px] pb-[10px] text-[14px]  leading-tight",lg:"px-7 pt-[15px] pb-[14px] text-[16px]  leading-tight",icon:"size-10 rounded-full  leading-tight"},hoverEffect:{none:"",slide:""},state:{default:"",disabled:"",loading:""},theme:{dark:"",light:""}},compoundVariants:[{variant:"primary",hoverEffect:"slide",class:'z-[1] before:-z-[1] before:rounded-btn hover:!bg-btn-primary before:bg-btn-primary-active relative overflow-hidden before:absolute before:inset-y-0  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[""] hover:before:translate-x-0'},{variant:"secondary",hoverEffect:"slide",class:'z-[1] before:-z-[1] before:rounded-btn hover:!bg-btn-secondary before:bg-btn-secondary-active relative overflow-hidden before:absolute before:inset-y-0  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[""] hover:before:translate-x-0'},{variant:"primary",state:"loading",class:"bg-btn-primary"},{variant:"secondary",state:"loading",class:"bg-btn-secondary disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground"},{variant:"primary",state:"disabled",class:"disabled:bg-btn-primary-disabled disabled:text-btn-primary-disabled-foreground"},{variant:"secondary",state:"disabled",class:"disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground"},{variant:"nature",theme:"dark",class:"bg-transparent text-black"},{variant:"nature",theme:"light",class:"bg-black text-white"}],defaultVariants:{variant:"primary",size:"base",hoverEffect:"none",state:"default",theme:"light"}}),k=i("",{variants:{variant:{nature:"stroke-btn-primary-foreground",primary:"stroke-btn-primary-foreground",secondary:"stroke-btn-secondary-foreground",link:"stroke-primary",ghost:"stroke-primary"}},defaultVariants:{variant:"primary"}}),s=m.forwardRef(({asChild:d=!1,size:b="base",children:t,variant:a,theme:l="light",hoverEffect:f="none",className:c,disabled:n=!1,loading:r=!1,spinner:o,...p},u)=>e(d?g:"button",{disabled:n||r,className:h(x({variant:a,size:b,hoverEffect:f,state:r?"loading":n?"disabled":"default",theme:l}),c),ref:u,...p,children:r?B(V,{children:[e("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0,children:t}),e("span",{className:"absolute",children:o||e(v,{className:k({variant:a})})}),e(y,{children:t})]}):t}));s.displayName="Button";var L=s;export{L as default};
 //# sourceMappingURL=button.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/button.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport Spinner from '../icons/spinner.js'\nimport { cn } from '../helpers/index.js'\n\n/**\n * Button Variants\n */\nconst buttonVariants = cva(\n  'ai-ring-offset-background focus-visible:ai-ring-ring ai-rounded-btn ai-inline-flex ai-items-center ai-justify-center ai-text-sm ai-font-medium ai-transition-colors focus-visible:ai-outline-none focus-visible:ai-ring-2 focus-visible:ai-ring-offset-2 disabled:ai-pointer-events-none',\n  {\n    variants: {\n      variant: {\n        primary: 'ai-bg-btn-primary ai-text-btn-primary-foreground hover:ai-bg-btn-primary-active ',\n        secondary:\n          'ai-bg-btn-secondary hover:ai-border-btn-secondary-active ai-border-btn-secondary-border-disabled ai-text-btn-secondary-foreground hover:ai-bg-btn-secondary-active hover:ai-text-btn-secondary ai-border ai-border-solid ai-border-btn-secondary-foreground',\n        link: 'ai-text-primary ai-underline-offset-4 hover:ai-underline',\n        ghost: 'hover:ai-bg-btn-primary hover:ai-text-btn-primary-foreground',\n      },\n      size: {\n        sm: 'ai-h-8 ai-px-3 ai-py-1 ai-text-[12px]',\n        base: 'ai-h-10 ai-px-[2.625rem] ai-py-[0.625rem] ai-text-[14px]',\n        lg: 'ai-h-11 ai-px-8 ai-text-[16px]',\n        icon: 'ai-size-10 ai-rounded-full',\n      },\n      /** hover \u72B6\u6001\u4E0B\u7684\u52A8\u753B\u6548\u679C,\u9700\u8981\u6CE8\u610F\u4E0D\u540Cvariant \u4E0B\u7684\u6548\u679C */\n      hoverEffect: {\n        none: '',\n        slide: '',\n      },\n      state: {\n        default: '',\n        disabled: '!ai-cursor-not-allowed !ai-pointer-events-auto',\n        loading: '',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'primary',\n        hoverEffect: 'slide',\n        class:\n          'ai-z-[1] before:-ai-z-[1] before:ai-rounded-btn hover:!ai-bg-btn-primary before:ai-bg-btn-primary-active ai-relative ai-overflow-hidden before:ai-absolute before:ai-inset-y-0  before:ai-w-full before:-ai-translate-x-full before:ai-transition-transform before:ai-duration-300 before:ai-ease-in-out before:ai-content-[\"\"] hover:before:ai-translate-x-0',\n      },\n      {\n        variant: 'secondary',\n        hoverEffect: 'slide',\n        class:\n          'ai-z-[1] before:-ai-z-[1] before:ai-rounded-btn hover:!ai-bg-btn-secondary before:ai-bg-btn-secondary-active ai-relative ai-overflow-hidden before:ai-absolute before:ai-inset-y-0  before:ai-w-full before:-ai-translate-x-full before:ai-transition-transform before:ai-duration-300 before:ai-ease-in-out before:ai-content-[\"\"] hover:before:ai-translate-x-0',\n      },\n      {\n        variant: 'primary',\n        state: 'loading',\n        class: 'ai-bg-btn-primary',\n      },\n      {\n        variant: 'secondary',\n        state: 'loading',\n        class:\n          'ai-bg-btn-secondary-active  disabled:ai-text-btn-secondary-disabled-foreground ai-text-btn-secondary-disabled-foreground',\n      },\n      {\n        variant: 'primary',\n        state: 'disabled',\n        class: 'disabled:ai-bg-btn-primary-disabled disabled:ai-text-btn-primary-disabled-foreground',\n      },\n      {\n        variant: 'secondary',\n        state: 'disabled',\n        class:\n          'disabled:ai-bg-btn-secondary-disabled disabled:ai-text-btn-secondary-disabled-foreground disabled:ai-border-btn-secondary-disabled-borderColor',\n      },\n    ],\n    defaultVariants: {\n      variant: 'primary',\n      size: 'base',\n      hoverEffect: 'none',\n      state: 'default',\n    },\n  }\n)\n\nconst loadingSvgVariants = cva('', {\n  variants: {\n    variant: {\n      primary: 'ai-stroke-btn-primary-foreground',\n      secondary: 'ai-stroke-btn-secondary',\n      link: 'ai-stroke-primary',\n      ghost: 'ai-stroke-primary',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n})\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  /** \u8BBE\u7F6E\u6309\u94AE\u8F7D\u5165\u72B6\u6001  */\n  loading?: boolean\n  /** \u8BBE\u7F6E\u6309\u94AE\u5931\u6548\u72B6\u6001  */\n  disabled?: boolean\n  /** \u5B9A\u4E49\u81EA\u7EC4\u4EF6\u4F5C\u4E3A\u7236\u7EC4\u4EF6\u7684\u7C7B\u578B\uFF0C \u8BE6\u7EC6\u4F7F\u7528\u65B9\u5F0F\u8BF7\u53C2\u8003radix-ui */\n  asChild?: boolean\n  /** \u81EA\u5B9A\u4E49loading  */\n  spinner?: React.ReactNode\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      asChild = false,\n      size = 'base',\n      children,\n      variant,\n      hoverEffect = 'none',\n      className,\n      disabled = false,\n      loading = false,\n      spinner,\n      ...props\n    }: ButtonProps,\n    ref\n  ) => {\n    const Comp = asChild ? Slot : 'button'\n    const isInactive = disabled || loading\n    const state = loading ? 'loading' : disabled ? 'disabled' : 'default'\n\n    return (\n      <Comp\n        disabled={isInactive}\n        className={cn(buttonVariants({ variant, size, hoverEffect, state }), className)}\n        ref={ref}\n        {...props}\n      >\n        {loading ? (\n          <>\n            <span style={{ display: 'contents', visibility: 'hidden' }} aria-hidden>\n              {children}\n            </span>\n            <span className=\"ai-absolute\">\n              {spinner ? (\n                spinner\n              ) : (\n                <Spinner\n                  className={loadingSvgVariants({\n                    variant,\n                  })}\n                />\n              )}\n            </span>\n            <VisuallyHidden>{children}</VisuallyHidden>\n          </>\n        ) : (\n          children\n        )}\n      </Comp>\n    )\n  }\n)\n\nButton.displayName = 'Button'\nexport default Button\n"],
-  "mappings": "aA4IU,mBAAAA,EACE,OAAAC,EADF,QAAAC,MAAA,oBA1IV,UAAYC,MAAW,QACvB,OAAS,QAAAC,MAAY,uBACrB,OAAS,kBAAAC,MAAsB,kCAC/B,OAA4B,OAAAC,MAAW,2BACvC,OAAOC,MAAa,sBACpB,OAAS,MAAAC,MAAU,sBAKnB,MAAMC,EAAiBH,EACrB,2RACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,mFACT,UACE,8PACF,KAAM,2DACN,MAAO,8DACT,EACA,KAAM,CACJ,GAAI,wCACJ,KAAM,2DACN,GAAI,iCACJ,KAAM,4BACR,EAEA,YAAa,CACX,KAAM,GACN,MAAO,EACT,EACA,MAAO,CACL,QAAS,GACT,SAAU,iDACV,QAAS,EACX,CACF,EACA,iBAAkB,CAChB,CACE,QAAS,UACT,YAAa,QACb,MACE,+VACJ,EACA,CACE,QAAS,YACT,YAAa,QACb,MACE,mWACJ,EACA,CACE,QAAS,UACT,MAAO,UACP,MAAO,mBACT,EACA,CACE,QAAS,YACT,MAAO,UACP,MACE,0HACJ,EACA,CACE,QAAS,UACT,MAAO,WACP,MAAO,sFACT,EACA,CACE,QAAS,YACT,MAAO,WACP,MACE,gJACJ,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,OACN,YAAa,OACb,MAAO,SACT,CACF,CACF,EAEMI,EAAqBJ,EAAI,GAAI,CACjC,SAAU,CACR,QAAS,CACP,QAAS,mCACT,UAAW,0BACX,KAAM,oBACN,MAAO,mBACT,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CAAC,EAeKK,EAASR,EAAM,WACnB,CACE,CACE,QAAAS,EAAU,GACV,KAAAC,EAAO,OACP,SAAAC,EACA,QAAAC,EACA,YAAAC,EAAc,OACd,UAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EAAU,GACV,QAAAC,EACA,GAAGC,CACL,EACAC,IAOErB,EALWW,EAAUR,EAAO,SAK3B,CACC,SALec,GAAYC,EAM3B,UAAWX,EAAGC,EAAe,CAAE,QAAAM,EAAS,KAAAF,EAAM,YAAAG,EAAa,MALjDG,EAAU,UAAYD,EAAW,WAAa,SAKS,CAAC,EAAGD,CAAS,EAC9E,IAAKK,EACJ,GAAGD,EAEH,SAAAF,EACCjB,EAAAF,EAAA,CACE,UAAAC,EAAC,QAAK,MAAO,CAAE,QAAS,WAAY,WAAY,QAAS,EAAG,cAAW,GACpE,SAAAa,EACH,EACAb,EAAC,QAAK,UAAU,cACb,SAAAmB,GAGCnB,EAACM,EAAA,CACC,UAAWG,EAAmB,CAC5B,QAAAK,CACF,CAAC,EACH,EAEJ,EACAd,EAACI,EAAA,CAAgB,SAAAS,EAAS,GAC5B,EAEAA,EAEJ,CAGN,EAEAH,EAAO,YAAc,SACrB,IAAOY,EAAQZ",
-  "names": ["Fragment", "jsx", "jsxs", "React", "Slot", "VisuallyHidden", "cva", "Spinner", "cn", "buttonVariants", "loadingSvgVariants", "Button", "asChild", "size", "children", "variant", "hoverEffect", "className", "disabled", "loading", "spinner", "props", "ref", "button_default"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport Spinner from '../icons/spinner.js'\nimport { cn } from '../helpers/index.js'\n\n/**\n * Button Variants\n */\nconst buttonVariants = cva(\n  'ring-offset-background focus-visible:ring-ring rounded-btn inline-flex items-center justify-center text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none',\n  {\n    variants: {\n      variant: {\n        nature: 'border border-solid border-black',\n        primary: 'bg-btn-primary text-btn-primary-foreground hover:bg-btn-primary-active',\n        secondary:\n          'bg-btn-secondary text-btn-secondary-foreground hover:bg-btn-secondary-active hover:text-btn-secondary border border-solid',\n        link: 'text-primary underline-offset-4 hover:underline',\n        ghost: 'hover:bg-btn-primary hover:text-btn-primary-foreground',\n      },\n      size: {\n        sm: 'px-3 py-2 text-[12px]  leading-tight',\n        base: 'px-5 pt-[11px] pb-[10px] text-[14px]  leading-tight',\n        lg: 'px-7 pt-[15px] pb-[14px] text-[16px]  leading-tight',\n        icon: 'size-10 rounded-full  leading-tight',\n      },\n      /** hover \u72B6\u6001\u4E0B\u7684\u52A8\u753B\u6548\u679C,\u9700\u8981\u6CE8\u610F\u4E0D\u540Cvariant \u4E0B\u7684\u6548\u679C */\n      hoverEffect: {\n        none: '',\n        slide: '',\n      },\n      state: {\n        default: '',\n        disabled: '',\n        loading: '',\n      },\n      theme: {\n        dark: '',\n        light: '',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'primary',\n        hoverEffect: 'slide',\n        class:\n          'z-[1] before:-z-[1] before:rounded-btn hover:!bg-btn-primary before:bg-btn-primary-active relative overflow-hidden before:absolute before:inset-y-0  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[\"\"] hover:before:translate-x-0',\n      },\n      {\n        variant: 'secondary',\n        hoverEffect: 'slide',\n        class:\n          'z-[1] before:-z-[1] before:rounded-btn hover:!bg-btn-secondary before:bg-btn-secondary-active relative overflow-hidden before:absolute before:inset-y-0  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[\"\"] hover:before:translate-x-0',\n      },\n      {\n        variant: 'primary',\n        state: 'loading',\n        class: 'bg-btn-primary',\n      },\n      {\n        variant: 'secondary',\n        state: 'loading',\n        class: 'bg-btn-secondary disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground',\n      },\n      {\n        variant: 'primary',\n        state: 'disabled',\n        class: 'disabled:bg-btn-primary-disabled disabled:text-btn-primary-disabled-foreground',\n      },\n      {\n        variant: 'secondary',\n        state: 'disabled',\n        class: 'disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground',\n      },\n      {\n        variant: 'nature',\n        theme: 'dark',\n        class: 'bg-transparent text-black',\n      },\n      {\n        variant: 'nature',\n        theme: 'light',\n        class: 'bg-black text-white',\n      },\n    ],\n    defaultVariants: {\n      variant: 'primary',\n      size: 'base',\n      hoverEffect: 'none',\n      state: 'default',\n      theme: 'light',\n    },\n  }\n)\n\nconst loadingSvgVariants = cva('', {\n  variants: {\n    variant: {\n      nature: 'stroke-btn-primary-foreground',\n      primary: 'stroke-btn-primary-foreground',\n      secondary: 'stroke-btn-secondary-foreground',\n      link: 'stroke-primary',\n      ghost: 'stroke-primary',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n})\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n  VariantProps<typeof buttonVariants> {\n  /** \u8BBE\u7F6E\u6309\u94AE\u8F7D\u5165\u72B6\u6001  */\n  loading?: boolean\n  /** \u8BBE\u7F6E\u6309\u94AE\u5931\u6548\u72B6\u6001  */\n  disabled?: boolean\n  /** \u5B9A\u4E49\u81EA\u7EC4\u4EF6\u4F5C\u4E3A\u7236\u7EC4\u4EF6\u7684\u7C7B\u578B\uFF0C \u8BE6\u7EC6\u4F7F\u7528\u65B9\u5F0F\u8BF7\u53C2\u8003radix-ui */\n  asChild?: boolean\n  /** \u81EA\u5B9A\u4E49loading  */\n  spinner?: React.ReactNode\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      asChild = false,\n      size = 'base',\n      children,\n      variant,\n      theme = 'light',\n      hoverEffect = 'none',\n      className,\n      disabled = false,\n      loading = false,\n      spinner,\n      ...props\n    }: ButtonProps,\n    ref\n  ) => {\n    const Comp = asChild ? Slot : 'button'\n    const isInactive = disabled || loading\n    const state = loading ? 'loading' : disabled ? 'disabled' : 'default'\n\n    return (\n      <Comp\n        disabled={isInactive}\n        className={cn(buttonVariants({ variant, size, hoverEffect, state, theme }), className)}\n        ref={ref}\n        {...props}\n      >\n        {loading ? (\n          <>\n            <span style={{ display: 'contents', visibility: 'hidden' }} aria-hidden>\n              {children}\n            </span>\n            <span className=\"absolute\">\n              {spinner ? (\n                spinner\n              ) : (\n                <Spinner\n                  className={loadingSvgVariants({\n                    variant,\n                  })}\n                />\n              )}\n            </span>\n            <VisuallyHidden>{children}</VisuallyHidden>\n          </>\n        ) : (\n          children\n        )}\n      </Comp>\n    )\n  }\n)\n\nButton.displayName = 'Button'\nexport default Button\n"],
+  "mappings": "aA4JU,mBAAAA,EACE,OAAAC,EADF,QAAAC,MAAA,oBA1JV,UAAYC,MAAW,QACvB,OAAS,QAAAC,MAAY,uBACrB,OAAS,kBAAAC,MAAsB,kCAC/B,OAA4B,OAAAC,MAAW,2BACvC,OAAOC,MAAa,sBACpB,OAAS,MAAAC,MAAU,sBAKnB,MAAMC,EAAiBH,EACrB,oPACA,CACE,SAAU,CACR,QAAS,CACP,OAAQ,mCACR,QAAS,yEACT,UACE,4HACF,KAAM,kDACN,MAAO,wDACT,EACA,KAAM,CACJ,GAAI,uCACJ,KAAM,sDACN,GAAI,sDACJ,KAAM,qCACR,EAEA,YAAa,CACX,KAAM,GACN,MAAO,EACT,EACA,MAAO,CACL,QAAS,GACT,SAAU,GACV,QAAS,EACX,EACA,MAAO,CACL,KAAM,GACN,MAAO,EACT,CACF,EACA,iBAAkB,CAChB,CACE,QAAS,UACT,YAAa,QACb,MACE,+SACJ,EACA,CACE,QAAS,YACT,YAAa,QACb,MACE,mTACJ,EACA,CACE,QAAS,UACT,MAAO,UACP,MAAO,gBACT,EACA,CACE,QAAS,YACT,MAAO,UACP,MAAO,qGACT,EACA,CACE,QAAS,UACT,MAAO,WACP,MAAO,gFACT,EACA,CACE,QAAS,YACT,MAAO,WACP,MAAO,oFACT,EACA,CACE,QAAS,SACT,MAAO,OACP,MAAO,2BACT,EACA,CACE,QAAS,SACT,MAAO,QACP,MAAO,qBACT,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,OACN,YAAa,OACb,MAAO,UACP,MAAO,OACT,CACF,CACF,EAEMI,EAAqBJ,EAAI,GAAI,CACjC,SAAU,CACR,QAAS,CACP,OAAQ,gCACR,QAAS,gCACT,UAAW,kCACX,KAAM,iBACN,MAAO,gBACT,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CAAC,EAeKK,EAASR,EAAM,WACnB,CACE,CACE,QAAAS,EAAU,GACV,KAAAC,EAAO,OACP,SAAAC,EACA,QAAAC,EACA,MAAAC,EAAQ,QACR,YAAAC,EAAc,OACd,UAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EAAU,GACV,QAAAC,EACA,GAAGC,CACL,EACAC,IAOEtB,EALWW,EAAUR,EAAO,SAK3B,CACC,SALee,GAAYC,EAM3B,UAAWZ,EAAGC,EAAe,CAAE,QAAAM,EAAS,KAAAF,EAAM,YAAAI,EAAa,MALjDG,EAAU,UAAYD,EAAW,WAAa,UAKU,MAAAH,CAAM,CAAC,EAAGE,CAAS,EACrF,IAAKK,EACJ,GAAGD,EAEH,SAAAF,EACClB,EAAAF,EAAA,CACE,UAAAC,EAAC,QAAK,MAAO,CAAE,QAAS,WAAY,WAAY,QAAS,EAAG,cAAW,GACpE,SAAAa,EACH,EACAb,EAAC,QAAK,UAAU,WACb,SAAAoB,GAGCpB,EAACM,EAAA,CACC,UAAWG,EAAmB,CAC5B,QAAAK,CACF,CAAC,EACH,EAEJ,EACAd,EAACI,EAAA,CAAgB,SAAAS,EAAS,GAC5B,EAEAA,EAEJ,CAGN,EAEAH,EAAO,YAAc,SACrB,IAAOa,EAAQb",
+  "names": ["Fragment", "jsx", "jsxs", "React", "Slot", "VisuallyHidden", "cva", "Spinner", "cn", "buttonVariants", "loadingSvgVariants", "Button", "asChild", "size", "children", "variant", "theme", "hoverEffect", "className", "disabled", "loading", "spinner", "props", "ref", "button_default"]
 }

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

package/dist/esm/components/card.js

@@ -0,0 +1,2 @@
+import{jsx as d}from"react/jsx-runtime";import*as r from"react";import{cn as i}from"../helpers/index.js";const l=r.forwardRef(({className:e,...t},a)=>d("div",{ref:a,className:i("bg-card text-card-foreground rounded-lg border shadow-sm",e),...t}));l.displayName="Card";const n=r.forwardRef(({className:e,...t},a)=>d("div",{ref:a,className:i("min-xl:px-6 min-xl:pt-[32px] flex flex-col space-y-1.5 px-4 pt-6",e),...t}));n.displayName="CardHeader";const s=r.forwardRef(({className:e,...t},a)=>d("div",{ref:a,className:i("text-2xl font-semibold leading-none tracking-tight",e),...t}));s.displayName="CardTitle";const m=r.forwardRef(({className:e,...t},a)=>d("div",{ref:a,className:i("text-muted-foreground text-sm",e),...t}));m.displayName="CardDescription";const o=r.forwardRef(({className:e,...t},a)=>d("div",{ref:a,className:i("min-xl:p-6 p-4 pt-0",e),...t}));o.displayName="CardContent";const c=r.forwardRef(({className:e,...t},a)=>d("div",{ref:a,className:i("min-xl:px-6 min-xl:pb-[32px] flex items-center px-4 pb-6 pt-0",e),...t}));c.displayName="CardFooter";export{l as Card,o as CardContent,m as CardDescription,c as CardFooter,n as CardHeader,s as CardTitle};
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/card.tsx"],
+  "sourcesContent": ["import * as React from 'react'\n\nimport { cn } from '../helpers/index.js'\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('bg-card text-card-foreground rounded-lg border shadow-sm', className)} {...props} />\n))\nCard.displayName = 'Card'\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('min-xl:px-6 min-xl:pt-[32px] flex flex-col space-y-1.5 px-4 pt-6', className)}\n      {...props}\n    />\n  )\n)\nCardHeader.displayName = 'CardHeader'\n\nconst CardTitle = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn('text-2xl font-semibold leading-none tracking-tight', className)} {...props} />\n  )\n)\nCardTitle.displayName = 'CardTitle'\n\nconst CardDescription = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n  )\n)\nCardDescription.displayName = 'CardDescription'\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => <div ref={ref} className={cn('min-xl:p-6 p-4 pt-0', className)} {...props} />\n)\nCardContent.displayName = 'CardContent'\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('min-xl:px-6 min-xl:pb-[32px] flex items-center px-4 pb-6 pt-0', className)}\n      {...props}\n    />\n  )\n)\nCardFooter.displayName = 'CardFooter'\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n"],
+  "mappings": "AAKE,cAAAA,MAAA,oBALF,UAAYC,MAAW,QAEvB,OAAS,MAAAC,MAAU,sBAEnB,MAAMC,EAAOF,EAAM,WAAiE,CAAC,CAAE,UAAAG,EAAW,GAAGC,CAAM,EAAGC,IAC5GN,EAAC,OAAI,IAAKM,EAAK,UAAWJ,EAAG,2DAA4DE,CAAS,EAAI,GAAGC,EAAO,CACjH,EACDF,EAAK,YAAc,OAEnB,MAAMI,EAAaN,EAAM,WACvB,CAAC,CAAE,UAAAG,EAAW,GAAGC,CAAM,EAAGC,IACxBN,EAAC,OACC,IAAKM,EACL,UAAWJ,EAAG,mEAAoEE,CAAS,EAC1F,GAAGC,EACN,CAEJ,EACAE,EAAW,YAAc,aAEzB,MAAMC,EAAYP,EAAM,WACtB,CAAC,CAAE,UAAAG,EAAW,GAAGC,CAAM,EAAGC,IACxBN,EAAC,OAAI,IAAKM,EAAK,UAAWJ,EAAG,qDAAsDE,CAAS,EAAI,GAAGC,EAAO,CAE9G,EACAG,EAAU,YAAc,YAExB,MAAMC,EAAkBR,EAAM,WAC5B,CAAC,CAAE,UAAAG,EAAW,GAAGC,CAAM,EAAGC,IACxBN,EAAC,OAAI,IAAKM,EAAK,UAAWJ,EAAG,gCAAiCE,CAAS,EAAI,GAAGC,EAAO,CAEzF,EACAI,EAAgB,YAAc,kBAE9B,MAAMC,EAAcT,EAAM,WACxB,CAAC,CAAE,UAAAG,EAAW,GAAGC,CAAM,EAAGC,IAAQN,EAAC,OAAI,IAAKM,EAAK,UAAWJ,EAAG,sBAAuBE,CAAS,EAAI,GAAGC,EAAO,CAC/G,EACAK,EAAY,YAAc,cAE1B,MAAMC,EAAaV,EAAM,WACvB,CAAC,CAAE,UAAAG,EAAW,GAAGC,CAAM,EAAGC,IACxBN,EAAC,OACC,IAAKM,EACL,UAAWJ,EAAG,gEAAiEE,CAAS,EACvF,GAAGC,EACN,CAEJ,EACAM,EAAW,YAAc",
+  "names": ["jsx", "React", "cn", "Card", "className", "props", "ref", "CardHeader", "CardTitle", "CardDescription", "CardContent", "CardFooter"]
+}

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

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    /**
+     * 是否显示导航点
+     */
+    showNavigation?: boolean;
+    /**
+     * 导航点位置 default inner
+     */
+    navigationPosition?: 'inner' | 'outter';
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: 'horizontal' | 'vertical';
+    setApi?: (api: CarouselApi) => void;
+};
+type PropType = React.ComponentPropsWithRef<'button'>;
+export declare const DotButton: React.FC<PropType>;
+declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<import("./button.js").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React.ForwardRefExoticComponent<Omit<import("./button.js").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext };

package/dist/esm/components/carousel.js

@@ -0,0 +1,2 @@
+"use client";import{jsx as a,jsxs as y}from"react/jsx-runtime";import*as t from"react";import U from"embla-carousel-react";import{cn as m}from"../helpers/index.js";import P from"./button.js";const F=(e,o)=>{const[s,r]=t.useState(0),[n,p]=t.useState([]),C=t.useCallback(f=>{e&&(e.scrollTo(f),o&&o(e))},[e,o]),u=t.useCallback(f=>{p(f.scrollSnapList())},[]),i=t.useCallback(f=>{r(f.selectedScrollSnap())},[]);return t.useEffect(()=>{e&&(u(e),i(e),e.on("reInit",u).on("reInit",i).on("select",i))},[e,u,i]),{selectedIndex:s,scrollSnaps:n,onDotButtonClick:C}},K=e=>{const{children:o,...s}=e;return a("button",{type:"button",...s,children:o})},h=t.createContext(null);function v(){const e=t.useContext(h);if(!e)throw new Error("useCarousel must be used within a <Carousel />");return e}const N=t.forwardRef(({orientation:e="horizontal",showNavigation:o=!1,navigationPosition:s="inner",opts:r,setApi:n,plugins:p,className:C,children:u,...i},f)=>{const[g,l]=U({...r,axis:e==="horizontal"?"x":"y"},p),[L,R]=t.useState(!1),[k,B]=t.useState(!1),{selectedIndex:M,scrollSnaps:z,onDotButtonClick:H}=F(l),d=t.useCallback(c=>{c&&(R(c.canScrollPrev()),B(c.canScrollNext()))},[]),x=t.useCallback(()=>{l?.scrollPrev()},[l]),b=t.useCallback(()=>{l?.scrollNext()},[l]),I=t.useCallback(c=>{c.key==="ArrowLeft"?(c.preventDefault(),x()):c.key==="ArrowRight"&&(c.preventDefault(),b())},[x,b]);return t.useEffect(()=>{!l||!n||n(l)},[l,n]),t.useEffect(()=>{if(l)return d(l),l.on("reInit",d),l.on("select",d),()=>{l?.off("select",d)}},[l,d]),a(h.Provider,{value:{carouselRef:g,api:l,opts:r,orientation:e||(r?.axis==="y"?"vertical":"horizontal"),scrollPrev:x,scrollNext:b,canScrollPrev:L,canScrollNext:k},children:y("div",{ref:f,onKeyDownCapture:I,className:m("relative",C),role:"region","aria-roledescription":"carousel",...i,children:[u,o&&a("div",{className:m("absolute  left-1/2 mx-auto flex -translate-x-1/2 justify-center gap-[8px]",{"min-md:bottom-[40px] bottom-[24px]":s==="inner","min-md:-bottom-[40px] -bottom-[24px]":s==="outter"}),children:z.map((c,w)=>a(K,{onClick:()=>H(w),className:m("min-md:w-[30px] h-[3px] w-[16px] bg-[#86868C]",{"bg-[#1D1D1F]":w===M})},w))})]})})});N.displayName="Carousel";const T=t.forwardRef(({className:e,...o},s)=>{const{carouselRef:r,orientation:n}=v();return a("div",{ref:r,className:"overflow-hidden",children:a("div",{ref:s,className:m("flex",n==="horizontal"?"-ml-4":"-mt-4 flex-col",e),...o})})});T.displayName="CarouselContent";const E=t.forwardRef(({className:e,...o},s)=>{const{orientation:r}=v();return a("div",{ref:s,role:"group","aria-roledescription":"slide",className:m("min-w-0 shrink-0 grow-0 basis-full",r==="horizontal"?"pl-4":"pt-4",e),...o})});E.displayName="CarouselItem";const S=t.forwardRef(({className:e,variant:o="secondary",size:s="icon",children:r,...n},p)=>{const{orientation:C,scrollPrev:u,canScrollPrev:i}=v();return y(P,{ref:p,variant:o,size:s,className:m("absolute  size-8 rounded-full",C==="horizontal"?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",e),disabled:!i,onClick:u,...n,children:[r||y("svg",{width:"58",height:"58",viewBox:"0 0 58 58",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[a("circle",{opacity:"0.2",cx:"29",cy:"29",r:"29",transform:"matrix(1 -8.74228e-08 -8.74228e-08 -1 0 58)",fill:"#1D1D1F"}),a("path",{d:"M32.1583 36.8248C32.6139 36.3692 32.6139 35.6305 32.1583 35.1749L25.9832 28.9998L32.1583 22.8248C32.6139 22.3692 32.6139 21.6305 32.1583 21.1749C31.7027 20.7193 30.964 20.7193 30.5084 21.1749L23.5084 28.1749C23.0528 28.6305 23.0528 29.3692 23.5084 29.8248L30.5084 36.8248C30.964 37.2804 31.7027 37.2804 32.1583 36.8248Z",fill:"white"})]}),a("span",{className:"sr-only",children:"Previous slide"})]})});S.displayName="CarouselPrevious";const D=t.forwardRef(({className:e,variant:o="secondary",size:s="icon",children:r,...n},p)=>{const{orientation:C,scrollNext:u,canScrollNext:i}=v();return y(P,{ref:p,variant:o,size:s,className:m("absolute size-8 rounded-full",C==="horizontal"?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",e),disabled:!i,onClick:u,...n,children:[r||y("svg",{width:"58",height:"58",viewBox:"0 0 58 58",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[a("circle",{opacity:"0.2",cx:"29",cy:"29",r:"29",transform:"rotate(-180 29 29)",fill:"#1D1D1F"}),a("path",{d:"M25.8417 36.8248C25.3861 36.3692 25.3861 35.6305 25.8417 35.1749L32.0168 28.9998L25.8417 22.8248C25.3861 22.3692 25.3861 21.6305 25.8417 21.1749C26.2973 20.7193 27.036 20.7193 27.4916 21.1749L34.4916 28.1749C34.9472 28.6305 34.9472 29.3692 34.4916 29.8248L27.4916 36.8248C27.036 37.2804 26.2973 37.2804 25.8417 36.8248Z",fill:"white"})]}),a("span",{className:"sr-only",children:"Next slide"})]})});D.displayName="CarouselNext";export{N as Carousel,T as CarouselContent,E as CarouselItem,D as CarouselNext,S as CarouselPrevious,K as DotButton};
+//# sourceMappingURL=carousel.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/carousel.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport type { EmblaCarouselType } from 'embla-carousel'\nimport useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react'\n\nimport { cn } from '../helpers/index.js'\nimport Button from './button.js'\n\ntype CarouselApi = UseEmblaCarouselType[1]\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>\ntype CarouselOptions = UseCarouselParameters[0]\ntype CarouselPlugin = UseCarouselParameters[1]\n\ntype CarouselProps = {\n  /**\n   * \u662F\u5426\u663E\u793A\u5BFC\u822A\u70B9\n   */\n  showNavigation?: boolean\n  /**\n   * \u5BFC\u822A\u70B9\u4F4D\u7F6E default inner\n   */\n  navigationPosition?: 'inner' | 'outter'\n  opts?: CarouselOptions\n  plugins?: CarouselPlugin\n  orientation?: 'horizontal' | 'vertical'\n  setApi?: (api: CarouselApi) => void\n}\n\ntype CarouselContextProps = {\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0]\n  api: ReturnType<typeof useEmblaCarousel>[1]\n  scrollPrev: () => void\n  scrollNext: () => void\n  canScrollPrev: boolean\n  canScrollNext: boolean\n} & CarouselProps\n\ntype UseDotButtonType = {\n  selectedIndex: number\n  scrollSnaps: number[]\n  onDotButtonClick: (index: number) => void\n}\n\nconst useDotButton = (\n  emblaApi: EmblaCarouselType | undefined,\n  onButtonClick?: (emblaApi: EmblaCarouselType) => void\n): UseDotButtonType => {\n  const [selectedIndex, setSelectedIndex] = React.useState(0)\n  const [scrollSnaps, setScrollSnaps] = React.useState<number[]>([])\n\n  const onDotButtonClick = React.useCallback(\n    (index: number) => {\n      if (!emblaApi) return\n      emblaApi.scrollTo(index)\n      if (onButtonClick) onButtonClick(emblaApi)\n    },\n    [emblaApi, onButtonClick]\n  )\n\n  const onInit = React.useCallback((emblaApi: EmblaCarouselType) => {\n    setScrollSnaps(emblaApi.scrollSnapList())\n  }, [])\n\n  const onSelect = React.useCallback((emblaApi: EmblaCarouselType) => {\n    setSelectedIndex(emblaApi.selectedScrollSnap())\n  }, [])\n\n  React.useEffect(() => {\n    if (!emblaApi) return\n\n    onInit(emblaApi)\n    onSelect(emblaApi)\n\n    emblaApi.on('reInit', onInit).on('reInit', onSelect).on('select', onSelect)\n  }, [emblaApi, onInit, onSelect])\n\n  return {\n    selectedIndex,\n    scrollSnaps,\n    onDotButtonClick,\n  }\n}\n\ntype PropType = React.ComponentPropsWithRef<'button'>\n\nexport const DotButton: React.FC<PropType> = props => {\n  const { children, ...restProps } = props\n\n  return (\n    <button type=\"button\" {...restProps}>\n      {children}\n    </button>\n  )\n}\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null)\n\nfunction useCarousel() {\n  const context = React.useContext(CarouselContext)\n\n  if (!context) {\n    throw new Error('useCarousel must be used within a <Carousel />')\n  }\n\n  return context\n}\n\nconst Carousel = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement> & CarouselProps>(\n  (\n    {\n      orientation = 'horizontal',\n      showNavigation = false,\n      navigationPosition = 'inner',\n      opts,\n      setApi,\n      plugins,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [carouselRef, api] = useEmblaCarousel(\n      {\n        ...opts,\n        axis: orientation === 'horizontal' ? 'x' : 'y',\n      },\n      plugins\n    )\n    const [canScrollPrev, setCanScrollPrev] = React.useState(false)\n    const [canScrollNext, setCanScrollNext] = React.useState(false)\n\n    const { selectedIndex, scrollSnaps, onDotButtonClick } = useDotButton(api)\n\n    const onSelect = React.useCallback((api: CarouselApi) => {\n      if (!api) {\n        return\n      }\n\n      setCanScrollPrev(api.canScrollPrev())\n      setCanScrollNext(api.canScrollNext())\n    }, [])\n\n    const scrollPrev = React.useCallback(() => {\n      api?.scrollPrev()\n    }, [api])\n\n    const scrollNext = React.useCallback(() => {\n      api?.scrollNext()\n    }, [api])\n\n    const handleKeyDown = React.useCallback(\n      (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (event.key === 'ArrowLeft') {\n          event.preventDefault()\n          scrollPrev()\n        } else if (event.key === 'ArrowRight') {\n          event.preventDefault()\n          scrollNext()\n        }\n      },\n      [scrollPrev, scrollNext]\n    )\n\n    React.useEffect(() => {\n      if (!api || !setApi) {\n        return\n      }\n\n      setApi(api)\n    }, [api, setApi])\n\n    React.useEffect(() => {\n      if (!api) {\n        return\n      }\n\n      onSelect(api)\n      api.on('reInit', onSelect)\n      api.on('select', onSelect)\n\n      return () => {\n        api?.off('select', onSelect)\n      }\n    }, [api, onSelect])\n\n    return (\n      <CarouselContext.Provider\n        value={{\n          carouselRef,\n          api: api,\n          opts,\n          orientation: orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),\n          scrollPrev,\n          scrollNext,\n          canScrollPrev,\n          canScrollNext,\n        }}\n      >\n        <div\n          ref={ref}\n          onKeyDownCapture={handleKeyDown}\n          className={cn('relative', className)}\n          role=\"region\"\n          aria-roledescription=\"carousel\"\n          {...props}\n        >\n          {children}\n          {showNavigation && (\n            <div\n              className={cn('absolute  left-1/2 mx-auto flex -translate-x-1/2 justify-center gap-[8px]', {\n                'min-md:bottom-[40px] bottom-[24px]': navigationPosition === 'inner',\n                'min-md:-bottom-[40px] -bottom-[24px]': navigationPosition === 'outter',\n              })}\n            >\n              {scrollSnaps.map((_, index) => (\n                <DotButton\n                  key={index}\n                  onClick={() => onDotButtonClick(index)}\n                  className={cn('min-md:w-[30px] h-[3px] w-[16px] bg-[#86868C]', {\n                    'bg-[#1D1D1F]': index === selectedIndex,\n                  })}\n                />\n              ))}\n            </div>\n          )}\n        </div>\n      </CarouselContext.Provider>\n    )\n  }\n)\nCarousel.displayName = 'Carousel'\n\nconst CarouselContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const { carouselRef, orientation } = useCarousel()\n\n    return (\n      <div ref={carouselRef} className=\"overflow-hidden\">\n        <div\n          ref={ref}\n          className={cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className)}\n          {...props}\n        />\n      </div>\n    )\n  }\n)\nCarouselContent.displayName = 'CarouselContent'\n\nconst CarouselItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const { orientation } = useCarousel()\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-roledescription=\"slide\"\n        className={cn('min-w-0 shrink-0 grow-0 basis-full', orientation === 'horizontal' ? 'pl-4' : 'pt-4', className)}\n        {...props}\n      />\n    )\n  }\n)\nCarouselItem.displayName = 'CarouselItem'\n\nconst CarouselPrevious = React.forwardRef<HTMLButtonElement, React.ComponentProps<typeof Button>>(\n  ({ className, variant = 'secondary', size = 'icon', children, ...props }, ref) => {\n    const { orientation, scrollPrev, canScrollPrev } = useCarousel()\n\n    return (\n      <Button\n        ref={ref}\n        variant={variant}\n        size={size}\n        className={cn(\n          'absolute  size-8 rounded-full',\n          orientation === 'horizontal'\n            ? '-left-12 top-1/2 -translate-y-1/2'\n            : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n          className\n        )}\n        disabled={!canScrollPrev}\n        onClick={scrollPrev}\n        {...props}\n      >\n        {children ? (\n          children\n        ) : (\n          <svg width=\"58\" height=\"58\" viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle\n              opacity=\"0.2\"\n              cx=\"29\"\n              cy=\"29\"\n              r=\"29\"\n              transform=\"matrix(1 -8.74228e-08 -8.74228e-08 -1 0 58)\"\n              fill=\"#1D1D1F\"\n            />\n            <path\n              d=\"M32.1583 36.8248C32.6139 36.3692 32.6139 35.6305 32.1583 35.1749L25.9832 28.9998L32.1583 22.8248C32.6139 22.3692 32.6139 21.6305 32.1583 21.1749C31.7027 20.7193 30.964 20.7193 30.5084 21.1749L23.5084 28.1749C23.0528 28.6305 23.0528 29.3692 23.5084 29.8248L30.5084 36.8248C30.964 37.2804 31.7027 37.2804 32.1583 36.8248Z\"\n              fill=\"white\"\n            />\n          </svg>\n        )}\n        <span className=\"sr-only\">Previous slide</span>\n      </Button>\n    )\n  }\n)\nCarouselPrevious.displayName = 'CarouselPrevious'\n\nconst CarouselNext = React.forwardRef<HTMLButtonElement, React.ComponentProps<typeof Button>>(\n  ({ className, variant = 'secondary', size = 'icon', children, ...props }, ref) => {\n    const { orientation, scrollNext, canScrollNext } = useCarousel()\n\n    return (\n      <Button\n        ref={ref}\n        variant={variant}\n        size={size}\n        className={cn(\n          'absolute size-8 rounded-full',\n          orientation === 'horizontal'\n            ? '-right-12 top-1/2 -translate-y-1/2'\n            : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n          className\n        )}\n        disabled={!canScrollNext}\n        onClick={scrollNext}\n        {...props}\n      >\n        {children ? (\n          children\n        ) : (\n          <svg width=\"58\" height=\"58\" viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle opacity=\"0.2\" cx=\"29\" cy=\"29\" r=\"29\" transform=\"rotate(-180 29 29)\" fill=\"#1D1D1F\" />\n            <path\n              d=\"M25.8417 36.8248C25.3861 36.3692 25.3861 35.6305 25.8417 35.1749L32.0168 28.9998L25.8417 22.8248C25.3861 22.3692 25.3861 21.6305 25.8417 21.1749C26.2973 20.7193 27.036 20.7193 27.4916 21.1749L34.4916 28.1749C34.9472 28.6305 34.9472 29.3692 34.4916 29.8248L27.4916 36.8248C27.036 37.2804 26.2973 37.2804 25.8417 36.8248Z\"\n              fill=\"white\"\n            />\n          </svg>\n        )}\n        <span className=\"sr-only\">Next slide</span>\n      </Button>\n    )\n  }\n)\nCarouselNext.displayName = 'CarouselNext'\n\nexport { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext }\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "React", "useEmblaCarousel", "cn", "Button", "useDotButton", "emblaApi", "onButtonClick", "selectedIndex", "setSelectedIndex", "scrollSnaps", "setScrollSnaps", "onDotButtonClick", "index", "onInit", "onSelect", "DotButton", "props", "children", "restProps", "CarouselContext", "useCarousel", "context", "Carousel", "orientation", "showNavigation", "navigationPosition", "opts", "setApi", "plugins", "className", "ref", "carouselRef", "api", "canScrollPrev", "setCanScrollPrev", "canScrollNext", "setCanScrollNext", "scrollPrev", "scrollNext", "handleKeyDown", "event", "_", "CarouselContent", "CarouselItem", "CarouselPrevious", "variant", "size", "CarouselNext"]
+}

package/dist/esm/components/checkbox.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as i}from"react/jsx-runtime";import*as n from"react";import*as e from"@radix-ui/react-checkbox";import{CheckIcon as f}from"@radix-ui/react-icons";import{cn as a}from"../helpers/index.js";import{cva as b}from"class-variance-authority";const p=b("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"}}),o=n.forwardRef(({className:r,size:t,...s},c)=>i(e.Root,{ref:c,className:a(p({size:t}),r),...s,children:i(e.Indicator,{className:a("ai-flex ai-items-center ai-justify-center ai-text-current ai-w-full ai-h-full"),children:i(f,{})})}));o.displayName="Checkbox";var h=o;export{h as default};
+"use client";import{jsx as e}from"react/jsx-runtime";import*as n from"react";import*as o from"@radix-ui/react-checkbox";import{CheckIcon as f}from"@radix-ui/react-icons";import{cn as i}from"../helpers/index.js";import{cva as b}from"class-variance-authority";const p=b("border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground peer shrink-0 rounded-sm border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-btn-primary-disabled",{variants:{size:{sm:"size-[14px]",base:"size-4",lg:"size-5"}},defaultVariants:{size:"base"}}),r=n.forwardRef(({className:t,size:s,...a},c)=>e(o.Root,{ref:c,className:i(p({size:s}),t),...a,children:e(o.Indicator,{className:i("flex items-center justify-center text-current w-full h-full"),children:e(f,{})})}));r.displayName="Checkbox";var h=r;export{h as default};
 //# sourceMappingURL=checkbox.js.map

package/dist/esm/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'\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 = 'Checkbox'\n\nexport default Checkbox\nexport type { CheckboxProps }\n"],
-  "mappings": "aAmCQ,cAAAA,MAAA,oBAjCR,UAAYC,MAAW,QACvB,UAAYC,MAAuB,2BACnC,OAAS,aAAAC,MAAiB,wBAE1B,OAAS,MAAAC,MAAU,sBACnB,OAAS,OAAAC,MAA8B,2BAEvC,MAAMC,EAAmBD,EACvB,uXACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,iBACJ,KAAM,YACN,GAAI,WACN,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAMME,EAAWN,EAAM,WACrB,CAAC,CAAE,UAAAO,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAGC,IAC9BX,EAACE,EAAkB,KAAlB,CAAuB,IAAKS,EAAK,UAAWP,EAAGE,EAAiB,CAAE,KAAAG,CAAK,CAAC,EAAGD,CAAS,EAAI,GAAGE,EAC1F,SAAAV,EAACE,EAAkB,UAAlB,CACC,UAAWE,EAAG,+EAA+E,EAE7F,SAAAJ,EAACG,EAAA,EAAU,EACb,EACF,CAEJ,EACAI,EAAS,YAAc,WAEvB,IAAOK,EAAQL",
+  "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  'border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground peer shrink-0 rounded-sm border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-btn-primary-disabled',\n  {\n    variants: {\n      size: {\n        sm: 'size-[14px]',\n        base: 'size-4',\n        lg: '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 className={cn('flex items-center justify-center text-current w-full h-full')}>\n        <CheckIcon />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n)\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\nexport type { CheckboxProps }\n"],
+  "mappings": "aAiCQ,cAAAA,MAAA,oBA/BR,UAAYC,MAAW,QACvB,UAAYC,MAAuB,2BACnC,OAAS,aAAAC,MAAiB,wBAE1B,OAAS,MAAAC,MAAU,sBACnB,OAAS,OAAAC,MAA8B,2BAEvC,MAAMC,EAAmBD,EACvB,0UACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,cACJ,KAAM,SACN,GAAI,QACN,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAMME,EAAWN,EAAM,WACrB,CAAC,CAAE,UAAAO,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAGC,IAC9BX,EAACE,EAAkB,KAAlB,CAAuB,IAAKS,EAAK,UAAWP,EAAGE,EAAiB,CAAE,KAAAG,CAAK,CAAC,EAAGD,CAAS,EAAI,GAAGE,EAC1F,SAAAV,EAACE,EAAkB,UAAlB,CAA4B,UAAWE,EAAG,6DAA6D,EACtG,SAAAJ,EAACG,EAAA,EAAU,EACb,EACF,CAEJ,EACAI,EAAS,YAAc,WAEvB,IAAOK,EAAQL",
   "names": ["jsx", "React", "CheckboxPrimitive", "CheckIcon", "cn", "cva", "checkboxVariants", "Checkbox", "className", "size", "props", "ref", "checkbox_default"]
 }

package/dist/esm/components/color.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+declare const colorVariants: (props?: ({
+    color?: "brand0" | "brand1" | "success0" | "success1" | "success2" | "success3" | "success4" | "warning0" | "warning1" | "warning2" | "warning3" | "warning4" | "error0" | "error1" | "error2" | "error3" | "error4" | "infoPrimary" | "infoSecondary" | "infoTertiary" | "infoQuaternary" | "infoWhite" | "containerPrimary" | "containerSecondary0" | "containerSecondary1" | "bg0" | "bg1" | "lines" | "masks0" | "masks1" | "tabWord0" | "tabWord1" | "tabWord2" | "tabStroke0" | "tabStroke1" | "tabStroke2" | "tabFill0" | "tabFill1" | "tabFill2" | null | undefined;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+type ColorDivProps = ComponentPropsWithout<'div', RemovedProps>;
+interface CommonColorProps extends VariantProps<typeof colorVariants> {
+}
+type ColorProps = CommonColorProps & ColorDivProps;
+declare const Color: React.ForwardRefExoticComponent<CommonColorProps & ColorDivProps & React.RefAttributes<HTMLDivElement>>;
+export { Color };
+export type { ColorProps };

package/dist/esm/components/color.js

@@ -0,0 +1,2 @@
+import{jsx as p}from"react/jsx-runtime";import*as b from"react";import{Slot as i}from"@radix-ui/react-slot";import{cn as g}from"../helpers/index.js";import{cva as c}from"class-variance-authority";const l=c("",{variants:{color:{brand0:"bg-brand-0",brand1:"bg-brand-1",success0:"bg-success-0",success1:"bg-success-1",success2:"bg-success-2",success3:"bg-success-3",success4:"bg-success-4",warning0:"bg-warning-0",warning1:"bg-warning-1",warning2:"bg-warning-2",warning3:"bg-warning-3",warning4:"bg-warning-4",error0:"bg-error-0",error1:"bg-error-1",error2:"bg-error-2",error3:"bg-error-3",error4:"bg-error-4",infoPrimary:"bg-info-primary",infoSecondary:"bg-info-secondary",infoTertiary:"bg-info-tertiary",infoQuaternary:"bg-info-quaternary",infoWhite:"bg-info-white",containerPrimary:"bg-container-primary",containerSecondary0:"bg-container-secondary-0",containerSecondary1:"bg-container-secondary-1",bg0:"bg-bg-0",bg1:"bg-bg-1",lines:"bg-lines",masks0:"bg-masks-0",masks1:"bg-masks-1",tabWord0:"bg-tab-word-0",tabWord1:"bg-tab-word-1",tabWord2:"bg-tab-word-2",tabStroke0:"bg-tab-stroke-0",tabStroke1:"bg-tab-stroke-1",tabStroke2:"bg-tab-stroke-2",tabFill0:"bg-tab-fill-0",tabFill1:"bg-tab-fill-1",tabFill2:"bg-tab-fill-2"}},defaultVariants:{color:"brand0"}}),r=b.forwardRef((o,a)=>{const{children:e,color:n="brand0",className:s,...t}=o;return p(i,{...t,ref:a,className:g(l({color:n}),s),children:e})});r.displayName="Color";export{r as Color};
+//# sourceMappingURL=color.js.map

package/dist/esm/components/color.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/color.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'\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js'\nconst colorVariants = cva('', {\n  variants: {\n    color: {\n      brand0: 'bg-brand-0',\n      brand1: 'bg-brand-1',\n      success0: 'bg-success-0',\n      success1: 'bg-success-1',\n      success2: 'bg-success-2',\n      success3: 'bg-success-3',\n      success4: 'bg-success-4',\n      warning0: 'bg-warning-0',\n      warning1: 'bg-warning-1',\n      warning2: 'bg-warning-2',\n      warning3: 'bg-warning-3',\n      warning4: 'bg-warning-4',\n      error0: 'bg-error-0',\n      error1: 'bg-error-1',\n      error2: 'bg-error-2',\n      error3: 'bg-error-3',\n      error4: 'bg-error-4',\n      infoPrimary: 'bg-info-primary',\n      infoSecondary: 'bg-info-secondary',\n      infoTertiary: 'bg-info-tertiary',\n      infoQuaternary: 'bg-info-quaternary',\n      infoWhite: 'bg-info-white',\n      containerPrimary: 'bg-container-primary',\n      containerSecondary0: 'bg-container-secondary-0',\n      containerSecondary1: 'bg-container-secondary-1',\n      bg0: 'bg-bg-0',\n      bg1: 'bg-bg-1',\n      lines: 'bg-lines',\n      masks0: 'bg-masks-0',\n      masks1: 'bg-masks-1',\n      tabWord0: 'bg-tab-word-0',\n      tabWord1: 'bg-tab-word-1',\n      tabWord2: 'bg-tab-word-2',\n      tabStroke0: 'bg-tab-stroke-0',\n      tabStroke1: 'bg-tab-stroke-1',\n      tabStroke2: 'bg-tab-stroke-2',\n      tabFill0: 'bg-tab-fill-0',\n      tabFill1: 'bg-tab-fill-1',\n      tabFill2: 'bg-tab-fill-2',\n    },\n  },\n  defaultVariants: {\n    color: 'brand0',\n  },\n})\ntype ColorElement = React.ElementRef<'div'>\ntype ColorDivProps = ComponentPropsWithout<'div', RemovedProps>\ninterface CommonColorProps extends VariantProps<typeof colorVariants> {}\ntype ColorProps = CommonColorProps & ColorDivProps\nconst Color = React.forwardRef<ColorElement, ColorProps>((props, forwardedRef) => {\n  const { children, color = 'brand0', className, ...colorProps } = props\n  return (\n    <Slot\n      {...colorProps}\n      ref={forwardedRef}\n      className={cn(\n        colorVariants({\n          color,\n        }),\n        className\n      )}\n    >\n      {children}\n    </Slot>\n  )\n})\nColor.displayName = 'Color'\nexport { Color }\nexport type { ColorProps }\n"],
+  "mappings": "AA4DI,cAAAA,MAAA,oBA5DJ,UAAYC,MAAW,QACvB,OAAS,QAAAC,MAAY,uBACrB,OAAS,MAAAC,MAAU,sBACnB,OAA4B,OAAAC,MAAW,2BAEvC,MAAMC,EAAgBD,EAAI,GAAI,CAC5B,SAAU,CACR,MAAO,CACL,OAAQ,aACR,OAAQ,aACR,SAAU,eACV,SAAU,eACV,SAAU,eACV,SAAU,eACV,SAAU,eACV,SAAU,eACV,SAAU,eACV,SAAU,eACV,SAAU,eACV,SAAU,eACV,OAAQ,aACR,OAAQ,aACR,OAAQ,aACR,OAAQ,aACR,OAAQ,aACR,YAAa,kBACb,cAAe,oBACf,aAAc,mBACd,eAAgB,qBAChB,UAAW,gBACX,iBAAkB,uBAClB,oBAAqB,2BACrB,oBAAqB,2BACrB,IAAK,UACL,IAAK,UACL,MAAO,WACP,OAAQ,aACR,OAAQ,aACR,SAAU,gBACV,SAAU,gBACV,SAAU,gBACV,WAAY,kBACZ,WAAY,kBACZ,WAAY,kBACZ,SAAU,gBACV,SAAU,gBACV,SAAU,eACZ,CACF,EACA,gBAAiB,CACf,MAAO,QACT,CACF,CAAC,EAKKE,EAAQL,EAAM,WAAqC,CAACM,EAAOC,IAAiB,CAChF,KAAM,CAAE,SAAAC,EAAU,MAAAC,EAAQ,SAAU,UAAAC,EAAW,GAAGC,CAAW,EAAIL,EACjE,OACEP,EAACE,EAAA,CACE,GAAGU,EACJ,IAAKJ,EACL,UAAWL,EACTE,EAAc,CACZ,MAAAK,CACF,CAAC,EACDC,CACF,EAEC,SAAAF,EACH,CAEJ,CAAC,EACDH,EAAM,YAAc",
+  "names": ["jsx", "React", "Slot", "cn", "cva", "colorVariants", "Color", "props", "forwardedRef", "children", "color", "className", "colorProps"]
+}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+type ContainerProps = {
+    asChild?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+} & React.ComponentPropsWithoutRef<'div'>;
+declare const Container: React.ForwardRefExoticComponent<{
+    asChild?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Container };
+export type { ContainerProps };

package/dist/esm/components/container.js

@@ -0,0 +1,2 @@
+import{jsx as l}from"react/jsx-runtime";import i from"react";import{cn as p}from"../helpers/utils.js";import{Slot as s}from"@radix-ui/react-slot";const o=i.forwardRef(({...e},t)=>{const{asChild:n,children:r,className:a,...m}=e;return l(n?s:"div",{...m,ref:t,className:p("box-border max-w-[1664px] mx-4 sm:mx-8 md:mx-16 lg:mx-16 xl:mx-auto ",a),children:r})});o.displayName="Container";export{o as Container};
+//# sourceMappingURL=container.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/container.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { cn } from '../helpers/utils.js'\nimport { Slot } from '@radix-ui/react-slot'\n\ntype ContainerElement = React.ElementRef<'div'>\ntype ContainerProps = {\n  asChild?: boolean\n  children?: React.ReactNode\n  className?: string\n} & React.ComponentPropsWithoutRef<'div'>\nconst Container = React.forwardRef<ContainerElement, ContainerProps>(({ ...props }, forwardedRef) => {\n  const { asChild, children, className, ...containerProps } = props\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...containerProps}\n      ref={forwardedRef}\n      className={cn(\"box-border max-w-[1664px] mx-4 sm:mx-8 md:mx-16 lg:mx-16 xl:mx-auto \", className)}\n    >\n      {children}\n    </Comp>\n  )\n})\nContainer.displayName = 'Container'\n\nexport { Container }\nexport type { ContainerProps }\n"],
+  "mappings": "AAeI,cAAAA,MAAA,oBAfJ,OAAOC,MAAW,QAClB,OAAS,MAAAC,MAAU,sBACnB,OAAS,QAAAC,MAAY,uBAQrB,MAAMC,EAAYH,EAAM,WAA6C,CAAC,CAAE,GAAGI,CAAM,EAAGC,IAAiB,CACnG,KAAM,CAAE,QAAAC,EAAS,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAe,EAAIL,EAG5D,OACEL,EAHWO,EAAUJ,EAAO,MAG3B,CACE,GAAGO,EACJ,IAAKJ,EACL,UAAWJ,EAAG,uEAAwEO,CAAS,EAE9F,SAAAD,EACH,CAEJ,CAAC,EACDJ,EAAU,YAAc",
+  "names": ["jsx", "React", "cn", "Slot", "Container", "props", "forwardedRef", "asChild", "children", "className", "containerProps"]
+}

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

@@ -7,11 +7,11 @@ declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.Dialo
 declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime.js").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime.js").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;