@anker-in/headless-ui 1.3.21 → 1.3.22-alpha.1781754422536

package/dist/esm/components/alert.js

@@ -1,2 +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};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import*as s from"react";import{cva as w}from"class-variance-authority";import{cn as o}from"../helpers/index.js";const h=w("[&>svg:first-child]:text-foreground laptop:max-w-[824px] relative w-full max-w-[358px] items-center rounded-lg border px-4 py-3 text-sm font-bold [&>: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-container-secondary-1 text-info-primary",destructive:"border-destructive/50 text-destructive dark:border-destructive [&>svg:first-child]:text-destructive"},status:{info:"bg-[#626263]",success:"bg-[#D6F4DE]",warning:"bg-[#F6EAD0]",error:"bg-[#F6DBD8]"}},defaultVariants:{variant:"default",status:"info"}}),C=()=>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"})}),x={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"})]})},a=s.forwardRef(({className:l,variant:i,status:t,closable:d=!1,children:f,...g},p)=>{const v=t?x[t]:null;return r("div",{ref:p,role:"alert",className:o(h({variant:i,status:t}),l),...g,children:[v,f,d&&e(C,{})]})});a.displayName="Alert";const n=s.forwardRef(({className:l,...i},t)=>e("h5",{ref:t,className:o("mb-1 font-bold leading-none tracking-tight",l),...i}));n.displayName="AlertTitle";const c=s.forwardRef(({className:l,...i},t)=>e("p",{ref:t,className:o("lg-desktop:text-[18px] desktop:text-[16px] text-[14px] leading-[140%]",l),...i}));c.displayName="AlertDescription";export{a as Alert,c as AlertDescription,n as AlertTitle};
 //# sourceMappingURL=alert.js.map

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

@@ -1,7 +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\n/**\n * Alert - \u8B66\u544A\u63D0\u793A\n *\n * @description \u7528\u4E8E\u663E\u793A\u91CD\u8981\u7684\u8B66\u544A\u6216\u4FE1\u606F\u63D0\u793A\uFF0C\u652F\u6301\u591A\u79CD\u72B6\u6001\u548C\u53EF\u5173\u95ED\u529F\u80FD\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,EAOMQ,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",
+  "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 laptop:max-w-[824px] relative w-full max-w-[358px] items-center rounded-lg border px-4 py-3 text-sm font-bold [&>: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-container-secondary-1 text-info-primary',\n        destructive:\n          'border-destructive/50 text-destructive dark:border-destructive [&>svg:first-child]:text-destructive',\n      },\n      status: {\n        info: 'bg-[#626263]',\n        success: 'bg-[#D6F4DE]',\n        warning: 'bg-[#F6EAD0]',\n        error: 'bg-[#F6DBD8]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      status: 'info',\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\n/**\n * Alert - \u8B66\u544A\u63D0\u793A\n *\n * @description \u7528\u4E8E\u663E\u793A\u91CD\u8981\u7684\u8B66\u544A\u6216\u4FE1\u606F\u63D0\u793A\uFF0C\u652F\u6301\u591A\u79CD\u72B6\u6001\u548C\u53EF\u5173\u95ED\u529F\u80FD\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, status }), 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-bold 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    <p\n      ref={ref}\n      className={cn('lg-desktop:text-[18px] desktop:text-[16px] text-[14px] leading-[140%]', className)}\n      {...props}\n    />\n  )\n)\nAlertDescription.displayName = 'AlertDescription'\n\nexport { Alert, AlertTitle, AlertDescription }\n"],
+  "mappings": "AAoCI,cAAAA,EASA,QAAAC,MATA,oBApCJ,UAAYC,MAAW,QACvB,OAAS,OAAAC,MAA8B,2BACvC,OAAS,MAAAC,MAAU,sBAEnB,MAAMC,EAAgBF,EACpB,ySACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,6CACT,YACE,qGACJ,EACA,OAAQ,CACN,KAAM,eACN,QAAS,eACT,QAAS,eACT,MAAO,cACT,CACF,EACA,gBAAiB,CACf,QAAS,UACT,OAAQ,MACV,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,EAOMQ,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,EAAS,OAAAC,CAAO,CAAC,EAAGF,CAAS,EAAI,GAAGK,EAC3F,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,6CAA8CK,CAAS,EAAI,GAAGK,EAAO,CAErG,EACAG,EAAW,YAAc,aAEzB,MAAMC,EAAmBhB,EAAM,WAC7B,CAAC,CAAE,UAAAO,EAAW,GAAGK,CAAM,EAAGC,IACxBf,EAAC,KACC,IAAKe,EACL,UAAWX,EAAG,wEAAyEK,CAAS,EAC/F,GAAGK,EACN,CAEJ,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/breadcrumb.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+}
+export interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
+    items: BreadcrumbItem[];
+    separator?: React.ReactNode;
+}
+declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
+export { Breadcrumb };
+export default Breadcrumb;

package/dist/esm/components/breadcrumb.js

@@ -0,0 +1,2 @@
+"use client";import{jsx as e,jsxs as p}from"react/jsx-runtime";import*as f from"react";import{cn as i}from"../helpers/index.js";const n=f.forwardRef(({items:s,separator:o,className:l,...c},m)=>e("nav",{ref:m,"aria-label":"breadcrumb",className:i("flex items-center",l),...c,children:e("ol",{className:"flex items-center gap-1 text-[14px] font-bold leading-tight tracking-[-0.28px]",children:s.map((r,a)=>{const t=a===s.length-1;return p("li",{className:"flex items-center gap-1",children:[a>0&&e("span",{className:"text-info-tertiary","aria-hidden":!0,children:o??"/"}),t||!r.href?e("span",{className:i(t?"text-info-primary":"text-info-tertiary hover:text-info-primary transition-colors"),"aria-current":t?"page":void 0,children:r.label}):e("a",{href:r.href,className:"text-info-tertiary hover:text-info-primary transition-colors",children:r.label})]},a)})})}));n.displayName="Breadcrumb";var b=n;export{n as Breadcrumb,b as default};
+//# sourceMappingURL=breadcrumb.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/breadcrumb.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\n\nexport interface BreadcrumbItem {\n  label: string\n  href?: string\n}\n\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n  items: BreadcrumbItem[]\n  separator?: React.ReactNode\n}\n\nconst Breadcrumb = React.forwardRef<HTMLElement, BreadcrumbProps>(({ items, separator, className, ...props }, ref) => {\n  return (\n    <nav ref={ref} aria-label=\"breadcrumb\" className={cn('flex items-center', className)} {...props}>\n      <ol className=\"flex items-center gap-1 text-[14px] font-bold leading-tight tracking-[-0.28px]\">\n        {items.map((item, index) => {\n          const isLast = index === items.length - 1\n          return (\n            <li key={index} className=\"flex items-center gap-1\">\n              {index > 0 && (\n                <span className=\"text-info-tertiary\" aria-hidden>\n                  {separator ?? '/'}\n                </span>\n              )}\n              {isLast || !item.href ? (\n                <span\n                  className={cn(\n                    isLast ? 'text-info-primary' : 'text-info-tertiary hover:text-info-primary transition-colors'\n                  )}\n                  aria-current={isLast ? 'page' : undefined}\n                >\n                  {item.label}\n                </span>\n              ) : (\n                <a href={item.href} className=\"text-info-tertiary hover:text-info-primary transition-colors\">\n                  {item.label}\n                </a>\n              )}\n            </li>\n          )\n        })}\n      </ol>\n    </nav>\n  )\n})\n\nBreadcrumb.displayName = 'Breadcrumb'\n\nexport { Breadcrumb }\nexport default Breadcrumb\n"],
+  "mappings": "aAsBY,OAEI,OAAAA,EAFJ,QAAAC,MAAA,oBApBZ,UAAYC,MAAW,QACvB,OAAS,MAAAC,MAAU,sBAYnB,MAAMC,EAAaF,EAAM,WAAyC,CAAC,CAAE,MAAAG,EAAO,UAAAC,EAAW,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAE1GT,EAAC,OAAI,IAAKS,EAAK,aAAW,aAAa,UAAWN,EAAG,oBAAqBI,CAAS,EAAI,GAAGC,EACxF,SAAAR,EAAC,MAAG,UAAU,iFACX,SAAAK,EAAM,IAAI,CAACK,EAAMC,IAAU,CAC1B,MAAMC,EAASD,IAAUN,EAAM,OAAS,EACxC,OACEJ,EAAC,MAAe,UAAU,0BACvB,UAAAU,EAAQ,GACPX,EAAC,QAAK,UAAU,qBAAqB,cAAW,GAC7C,SAAAM,GAAa,IAChB,EAEDM,GAAU,CAACF,EAAK,KACfV,EAAC,QACC,UAAWG,EACTS,EAAS,oBAAsB,8DACjC,EACA,eAAcA,EAAS,OAAS,OAE/B,SAAAF,EAAK,MACR,EAEAV,EAAC,KAAE,KAAMU,EAAK,KAAM,UAAU,+DAC3B,SAAAA,EAAK,MACR,IAlBKC,CAoBT,CAEJ,CAAC,EACH,EACF,CAEH,EAEDP,EAAW,YAAc,aAGzB,IAAOS,EAAQT",
+  "names": ["jsx", "jsxs", "React", "cn", "Breadcrumb", "items", "separator", "className", "props", "ref", "item", "index", "isLast", "breadcrumb_default"]
+}

package/dist/esm/components/checkbox.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as e}from"react/jsx-runtime";import*as l from"react";import*as o from"@radix-ui/react-checkbox";import{cn as i}from"../helpers/index.js";import{cva as b}from"class-variance-authority";const d=t=>e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:e("path",{d:"M7.5 15.8333L1.66667 10L3.75 7.91667L7.5 11.6667L16.25 3L18.3333 5.08333L7.5 15.8333Z",fill:"currentColor"})}),f=b("border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-brand-0 disabled:bg-btn-primary-disabled 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 data-[state=checked]:text-white",{variants:{size:{sm:"size-[14px]",base:"size-4",lg:"size-5"}},defaultVariants:{size:"base"}}),r=l.forwardRef(({className:t,size:s,iconClassName:a,...c},n)=>e(o.Root,{ref:n,className:i(f({size:s}),t),...c,children:e(o.Indicator,{className:i("flex size-full items-center justify-center text-current"),children:e(d,{width:16,height:12,className:a})})}));r.displayName="Checkbox";var m=r;export{m as default};
+"use client";import{jsx as e}from"react/jsx-runtime";import*as f from"react";import*as t from"@radix-ui/react-checkbox";import{cn as i}from"../helpers/index.js";import{cva as l}from"class-variance-authority";const b=o=>e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:e("path",{d:"M7.5 15.8333L1.66667 10L3.75 7.91667L7.5 11.6667L16.25 3L18.3333 5.08333L7.5 15.8333Z",fill:"currentColor"})}),d=l("border-info-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-info-primary disabled:bg-btn-primary-disabled data-[state=checked]:text-info-white 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",{variants:{size:{sm:"size-[14px]",base:"size-4",lg:"size-5"}},defaultVariants:{size:"base"}}),r=f.forwardRef(({className:o,size:s,iconClassName:a,...c},n)=>e(t.Root,{ref:n,className:i(d({size:s}),o),...c,children:e(t.Indicator,{className:i("flex size-full items-center justify-center text-current"),children:e(b,{width:16,height:12,className:a})})}));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'\n// import { CheckIcon } from '@radix-ui/react-icons'\n\nimport { cn } from '../helpers/index.js'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nconst CheckIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M7.5 15.8333L1.66667 10L3.75 7.91667L7.5 11.6667L16.25 3L18.3333 5.08333L7.5 15.8333Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nconst checkboxVariants = cva(\n  'border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-brand-0 disabled:bg-btn-primary-disabled 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 data-[state=checked]:text-white',\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>, VariantProps<typeof checkboxVariants> {\n  iconClassName?: string\n}\n\n/**\n * Checkbox - \u590D\u9009\u6846\n *\n * @description \u5141\u8BB8\u7528\u6237\u8FDB\u884C\u591A\u9009\u64CD\u4F5C\u7684\u590D\u9009\u6846\u7EC4\u4EF6\uFF0C\u652F\u6301\u4E0D\u540C\u5C3A\u5BF8\u548C\u81EA\u5B9A\u4E49\u56FE\u6807\n */\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n  ({ className, size, iconClassName, ...props }, ref) => (\n    <CheckboxPrimitive.Root ref={ref} className={cn(checkboxVariants({ size }), className)} {...props}>\n      <CheckboxPrimitive.Indicator className={cn('flex size-full items-center justify-center text-current')}>\n        <CheckIcon width={16} height={12} className={iconClassName} />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n)\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\nexport type { CheckboxProps }\n"],
-  "mappings": "aAYM,cAAAA,MAAA,oBAVN,UAAYC,MAAW,QACvB,UAAYC,MAAuB,2BAGnC,OAAS,MAAAC,MAAU,sBACnB,OAAS,OAAAC,MAA8B,2BAEvC,MAAMC,EAAaC,GAEfN,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA8B,GAAGM,EACjG,SAAAN,EAAC,QACC,EAAE,wFACF,KAAK,eACP,EACF,EAIEO,EAAmBH,EACvB,6TACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,cACJ,KAAM,SACN,GAAI,QACN,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAYMI,EAAWP,EAAM,WACrB,CAAC,CAAE,UAAAQ,EAAW,KAAAC,EAAM,cAAAC,EAAe,GAAGL,CAAM,EAAGM,IAC7CZ,EAACE,EAAkB,KAAlB,CAAuB,IAAKU,EAAK,UAAWT,EAAGI,EAAiB,CAAE,KAAAG,CAAK,CAAC,EAAGD,CAAS,EAAI,GAAGH,EAC1F,SAAAN,EAACE,EAAkB,UAAlB,CAA4B,UAAWC,EAAG,yDAAyD,EAClG,SAAAH,EAACK,EAAA,CAAU,MAAO,GAAI,OAAQ,GAAI,UAAWM,EAAe,EAC9D,EACF,CAEJ,EACAH,EAAS,YAAc,WAEvB,IAAOK,EAAQL",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\n// import { CheckIcon } from '@radix-ui/react-icons'\n\nimport { cn } from '../helpers/index.js'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nconst CheckIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M7.5 15.8333L1.66667 10L3.75 7.91667L7.5 11.6667L16.25 3L18.3333 5.08333L7.5 15.8333Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nconst checkboxVariants = cva(\n  'border-info-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-info-primary disabled:bg-btn-primary-disabled data-[state=checked]:text-info-white 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',\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>, VariantProps<typeof checkboxVariants> {\n  iconClassName?: string\n}\n\n/**\n * Checkbox - \u590D\u9009\u6846\n *\n * @description \u5141\u8BB8\u7528\u6237\u8FDB\u884C\u591A\u9009\u64CD\u4F5C\u7684\u590D\u9009\u6846\u7EC4\u4EF6\uFF0C\u652F\u6301\u4E0D\u540C\u5C3A\u5BF8\u548C\u81EA\u5B9A\u4E49\u56FE\u6807\n */\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n  ({ className, size, iconClassName, ...props }, ref) => (\n    <CheckboxPrimitive.Root ref={ref} className={cn(checkboxVariants({ size }), className)} {...props}>\n      <CheckboxPrimitive.Indicator className={cn('flex size-full items-center justify-center text-current')}>\n        <CheckIcon width={16} height={12} className={iconClassName} />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n)\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\nexport type { CheckboxProps }\n"],
+  "mappings": "aAYM,cAAAA,MAAA,oBAVN,UAAYC,MAAW,QACvB,UAAYC,MAAuB,2BAGnC,OAAS,MAAAC,MAAU,sBACnB,OAAS,OAAAC,MAA8B,2BAEvC,MAAMC,EAAaC,GAEfN,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA8B,GAAGM,EACjG,SAAAN,EAAC,QACC,EAAE,wFACF,KAAK,eACP,EACF,EAIEO,EAAmBH,EACvB,4UACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,cACJ,KAAM,SACN,GAAI,QACN,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAYMI,EAAWP,EAAM,WACrB,CAAC,CAAE,UAAAQ,EAAW,KAAAC,EAAM,cAAAC,EAAe,GAAGL,CAAM,EAAGM,IAC7CZ,EAACE,EAAkB,KAAlB,CAAuB,IAAKU,EAAK,UAAWT,EAAGI,EAAiB,CAAE,KAAAG,CAAK,CAAC,EAAGD,CAAS,EAAI,GAAGH,EAC1F,SAAAN,EAACE,EAAkB,UAAlB,CAA4B,UAAWC,EAAG,yDAAyD,EAClG,SAAAH,EAACK,EAAA,CAAU,MAAO,GAAI,OAAQ,GAAI,UAAWM,EAAe,EAC9D,EACF,CAEJ,EACAH,EAAS,YAAc,WAEvB,IAAOK,EAAQL",
   "names": ["jsx", "React", "CheckboxPrimitive", "cn", "cva", "CheckIcon", "props", "checkboxVariants", "Checkbox", "className", "size", "iconClassName", "ref", "checkbox_default"]
 }

package/dist/esm/components/dialog.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as o,jsxs as r}from"react/jsx-runtime";import*as s from"react";import*as e from"@radix-ui/react-dialog";import{Cross2Icon as v}from"@radix-ui/react-icons";import{cn as l}from"../helpers/index.js";const d=e.Root;d.displayName="Dialog";const N=e.Trigger,m=e.Portal,R=e.Close,n=s.forwardRef(({className:t,...a},i)=>o(e.Overlay,{ref:i,className:l("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  fixed inset-0 z-[1000] bg-black/80",t),...a}));n.displayName=e.Overlay.displayName;const c=s.forwardRef(({className:t,children:a,overlayClassName:i,...y},u)=>r(m,{children:[o(n,{className:i}),r(e.Content,{ref:u,className:l("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] tablet:rounded-lg fixed left-1/2 top-1/2 z-[1001] grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200",t),...y,children:[a,r(e.Close,{className:"dialog-close-button ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none",children:[o(v,{className:"dialog-close-icon size-4"}),o("span",{className:"sr-only",children:"Close"})]})]})]}));c.displayName=e.Content.displayName;const p=({className:t,...a})=>o("div",{className:l("tablet:text-left flex flex-col space-y-1.5 text-center",t),...a});p.displayName="DialogHeader";const f=({className:t,...a})=>o("div",{className:l("tablet:flex-row tablet:justify-end tablet:space-x-2 flex flex-col-reverse",t),...a});f.displayName="DialogFooter";const g=s.forwardRef(({className:t,...a},i)=>o(e.Title,{ref:i,className:l("text-lg font-semibold leading-none tracking-tight",t),...a}));g.displayName=e.Title.displayName;const D=s.forwardRef(({className:t,...a},i)=>o(e.Description,{ref:i,className:l("text-muted-foreground text-sm",t),...a}));D.displayName=e.Description.displayName;export{d as Dialog,R as DialogClose,c as DialogContent,D as DialogDescription,f as DialogFooter,p as DialogHeader,n as DialogOverlay,m as DialogPortal,g as DialogTitle,N as DialogTrigger};
+"use client";import{jsx as o,jsxs as r}from"react/jsx-runtime";import*as s from"react";import*as t from"@radix-ui/react-dialog";import{cn as l}from"../helpers/index.js";const u=e=>o("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:o("path",{d:"M5.63657 5.63618C6.02704 5.2456 6.66026 5.24565 7.05079 5.63618L12.0005 10.5859L16.9503 5.63618C17.3408 5.24565 17.974 5.2456 18.3645 5.63618C18.7549 6.02672 18.7549 6.65986 18.3645 7.05039L13.4147 12.0001L18.3645 16.9499C18.7549 17.3404 18.7549 17.9736 18.3645 18.3641C17.974 18.7547 17.3408 18.7546 16.9503 18.3641L12.0005 13.4144L7.05079 18.3641C6.66026 18.7546 6.02704 18.7547 5.63657 18.3641C5.24614 17.9736 5.24615 17.3404 5.63657 16.9499L10.5863 12.0001L5.63657 7.05039C5.24615 6.65986 5.24614 6.02672 5.63657 5.63618Z",fill:"#4A4C56"})}),d=t.Root;d.displayName="Dialog";const C=t.Trigger,c=t.Portal,R=t.Close,n=s.forwardRef(({className:e,...a},i)=>o(t.Overlay,{ref:i,className:l("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  fixed inset-0 z-[1000] bg-black/80",e),...a}));n.displayName=t.Overlay.displayName;const m=s.forwardRef(({className:e,children:a,overlayClassName:i,...y},v)=>r(c,{children:[o(n,{className:i}),r(t.Content,{ref:v,className:l("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] tablet:rounded-lg fixed left-1/2 top-1/2 z-[1001] grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200",e),...y,children:[a,r(t.Close,{className:"dialog-close-button ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none",children:[o(u,{className:"dialog-close-icon tablet:size-6 size-4"}),o("span",{className:"sr-only",children:"Close"})]})]})]}));m.displayName=t.Content.displayName;const p=({className:e,...a})=>o("div",{className:l("tablet:text-left flex flex-col space-y-1.5 text-center",e),...a});p.displayName="DialogHeader";const g=({className:e,...a})=>o("div",{className:l("tablet:flex-row tablet:justify-end tablet:space-x-2 flex flex-col-reverse",e),...a});g.displayName="DialogFooter";const f=s.forwardRef(({className:e,...a},i)=>o(t.Title,{ref:i,className:l("text-lg font-semibold leading-none tracking-tight",e),...a}));f.displayName=t.Title.displayName;const D=s.forwardRef(({className:e,...a},i)=>o(t.Description,{ref:i,className:l("text-muted-foreground text-sm",e),...a}));D.displayName=t.Description.displayName;export{d as Dialog,R as DialogClose,m as DialogContent,D as DialogDescription,g as DialogFooter,p as DialogHeader,n as DialogOverlay,c as DialogPortal,f as DialogTitle,C as DialogTrigger};
 //# sourceMappingURL=dialog.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/dialog.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { Cross2Icon } from '@radix-ui/react-icons'\n\nimport { cn } from '../helpers/index.js'\n\nconst Dialog = DialogPrimitive.Root\nDialog.displayName = 'Dialog'\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\ntype OverlayProps = DialogPrimitive.DialogOverlayProps & React.HTMLAttributes<HTMLDivElement>\n\nconst DialogOverlay = React.forwardRef<HTMLDivElement, OverlayProps>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  fixed inset-0 z-[1000] bg-black/80',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n    overlayClassName?: string\n  }\n>(({ className, children, overlayClassName, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay className={overlayClassName} />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] tablet:rounded-lg fixed left-1/2 top-1/2 z-[1001] grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close className=\"dialog-close-button ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none\">\n        <Cross2Icon className=\"dialog-close-icon size-4\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('tablet:text-left flex flex-col space-y-1.5 text-center', className)} {...props} />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('tablet:flex-row tablet:justify-end tablet:space-x-2 flex flex-col-reverse', className)}\n    {...props}\n  />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n}\n"],
-  "mappings": "aAoBE,cAAAA,EA4BI,QAAAC,MA5BJ,oBAlBF,UAAYC,MAAW,QACvB,UAAYC,MAAqB,yBACjC,OAAS,cAAAC,MAAkB,wBAE3B,OAAS,MAAAC,MAAU,sBAEnB,MAAMC,EAASH,EAAgB,KAC/BG,EAAO,YAAc,SAErB,MAAMC,EAAgBJ,EAAgB,QAEhCK,EAAeL,EAAgB,OAE/BM,EAAcN,EAAgB,MAI9BO,EAAgBR,EAAM,WAAyC,CAAC,CAAE,UAAAS,EAAW,GAAGC,CAAM,EAAGC,IAC7Fb,EAACG,EAAgB,QAAhB,CACC,IAAKU,EACL,UAAWR,EACT,8JACAM,CACF,EACC,GAAGC,EACN,CACD,EACDF,EAAc,YAAcP,EAAgB,QAAQ,YAEpD,MAAMW,EAAgBZ,EAAM,WAK1B,CAAC,CAAE,UAAAS,EAAW,SAAAI,EAAU,iBAAAC,EAAkB,GAAGJ,CAAM,EAAGC,IACtDZ,EAACO,EAAA,CACC,UAAAR,EAACU,EAAA,CAAc,UAAWM,EAAkB,EAC5Cf,EAACE,EAAgB,QAAhB,CACC,IAAKU,EACL,UAAWR,EACT,8fACAM,CACF,EACC,GAAGC,EAEH,UAAAG,EACDd,EAACE,EAAgB,MAAhB,CAAsB,UAAU,gPAC/B,UAAAH,EAACI,EAAA,CAAW,UAAU,2BAA2B,EACjDJ,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CACD,EACDc,EAAc,YAAcX,EAAgB,QAAQ,YAEpD,MAAMc,EAAe,CAAC,CAAE,UAAAN,EAAW,GAAGC,CAAM,IAC1CZ,EAAC,OAAI,UAAWK,EAAG,yDAA0DM,CAAS,EAAI,GAAGC,EAAO,EAEtGK,EAAa,YAAc,eAE3B,MAAMC,EAAe,CAAC,CAAE,UAAAP,EAAW,GAAGC,CAAM,IAC1CZ,EAAC,OACC,UAAWK,EAAG,4EAA6EM,CAAS,EACnG,GAAGC,EACN,EAEFM,EAAa,YAAc,eAE3B,MAAMC,EAAcjB,EAAM,WAGxB,CAAC,CAAE,UAAAS,EAAW,GAAGC,CAAM,EAAGC,IAC1Bb,EAACG,EAAgB,MAAhB,CACC,IAAKU,EACL,UAAWR,EAAG,oDAAqDM,CAAS,EAC3E,GAAGC,EACN,CACD,EACDO,EAAY,YAAchB,EAAgB,MAAM,YAEhD,MAAMiB,EAAoBlB,EAAM,WAG9B,CAAC,CAAE,UAAAS,EAAW,GAAGC,CAAM,EAAGC,IAC1Bb,EAACG,EAAgB,YAAhB,CAA4B,IAAKU,EAAK,UAAWR,EAAG,gCAAiCM,CAAS,EAAI,GAAGC,EAAO,CAC9G,EACDQ,EAAkB,YAAcjB,EAAgB,YAAY",
-  "names": ["jsx", "jsxs", "React", "DialogPrimitive", "Cross2Icon", "cn", "Dialog", "DialogTrigger", "DialogPortal", "DialogClose", "DialogOverlay", "className", "props", "ref", "DialogContent", "children", "overlayClassName", "DialogHeader", "DialogFooter", "DialogTitle", "DialogDescription"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\n\nimport { cn } from '../helpers/index.js'\n\nconst Cross2Icon = (props: React.ComponentPropsWithoutRef<'svg'>) => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path\n      d=\"M5.63657 5.63618C6.02704 5.2456 6.66026 5.24565 7.05079 5.63618L12.0005 10.5859L16.9503 5.63618C17.3408 5.24565 17.974 5.2456 18.3645 5.63618C18.7549 6.02672 18.7549 6.65986 18.3645 7.05039L13.4147 12.0001L18.3645 16.9499C18.7549 17.3404 18.7549 17.9736 18.3645 18.3641C17.974 18.7547 17.3408 18.7546 16.9503 18.3641L12.0005 13.4144L7.05079 18.3641C6.66026 18.7546 6.02704 18.7547 5.63657 18.3641C5.24614 17.9736 5.24615 17.3404 5.63657 16.9499L10.5863 12.0001L5.63657 7.05039C5.24615 6.65986 5.24614 6.02672 5.63657 5.63618Z\"\n      fill=\"#4A4C56\"\n    />\n  </svg>\n)\n\nconst Dialog = DialogPrimitive.Root\nDialog.displayName = 'Dialog'\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\ntype OverlayProps = DialogPrimitive.DialogOverlayProps & React.HTMLAttributes<HTMLDivElement>\n\nconst DialogOverlay = React.forwardRef<HTMLDivElement, OverlayProps>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  fixed inset-0 z-[1000] bg-black/80',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n    overlayClassName?: string\n  }\n>(({ className, children, overlayClassName, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay className={overlayClassName} />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] tablet:rounded-lg fixed left-1/2 top-1/2 z-[1001] grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close className=\"dialog-close-button ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none\">\n        <Cross2Icon className=\"dialog-close-icon tablet:size-6 size-4\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('tablet:text-left flex flex-col space-y-1.5 text-center', className)} {...props} />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('tablet:flex-row tablet:justify-end tablet:space-x-2 flex flex-col-reverse', className)}\n    {...props}\n  />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n}\n"],
+  "mappings": "aASI,cAAAA,EA+CE,QAAAC,MA/CF,oBAPJ,UAAYC,MAAW,QACvB,UAAYC,MAAqB,yBAEjC,OAAS,MAAAC,MAAU,sBAEnB,MAAMC,EAAcC,GAClBN,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA8B,GAAGM,EACjG,SAAAN,EAAC,QACC,EAAE,ghBACF,KAAK,UACP,EACF,EAGIO,EAASJ,EAAgB,KAC/BI,EAAO,YAAc,SAErB,MAAMC,EAAgBL,EAAgB,QAEhCM,EAAeN,EAAgB,OAE/BO,EAAcP,EAAgB,MAI9BQ,EAAgBT,EAAM,WAAyC,CAAC,CAAE,UAAAU,EAAW,GAAGN,CAAM,EAAGO,IAC7Fb,EAACG,EAAgB,QAAhB,CACC,IAAKU,EACL,UAAWT,EACT,8JACAQ,CACF,EACC,GAAGN,EACN,CACD,EACDK,EAAc,YAAcR,EAAgB,QAAQ,YAEpD,MAAMW,EAAgBZ,EAAM,WAK1B,CAAC,CAAE,UAAAU,EAAW,SAAAG,EAAU,iBAAAC,EAAkB,GAAGV,CAAM,EAAGO,IACtDZ,EAACQ,EAAA,CACC,UAAAT,EAACW,EAAA,CAAc,UAAWK,EAAkB,EAC5Cf,EAACE,EAAgB,QAAhB,CACC,IAAKU,EACL,UAAWT,EACT,8fACAQ,CACF,EACC,GAAGN,EAEH,UAAAS,EACDd,EAACE,EAAgB,MAAhB,CAAsB,UAAU,gPAC/B,UAAAH,EAACK,EAAA,CAAW,UAAU,yCAAyC,EAC/DL,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CACD,EACDc,EAAc,YAAcX,EAAgB,QAAQ,YAEpD,MAAMc,EAAe,CAAC,CAAE,UAAAL,EAAW,GAAGN,CAAM,IAC1CN,EAAC,OAAI,UAAWI,EAAG,yDAA0DQ,CAAS,EAAI,GAAGN,EAAO,EAEtGW,EAAa,YAAc,eAE3B,MAAMC,EAAe,CAAC,CAAE,UAAAN,EAAW,GAAGN,CAAM,IAC1CN,EAAC,OACC,UAAWI,EAAG,4EAA6EQ,CAAS,EACnG,GAAGN,EACN,EAEFY,EAAa,YAAc,eAE3B,MAAMC,EAAcjB,EAAM,WAGxB,CAAC,CAAE,UAAAU,EAAW,GAAGN,CAAM,EAAGO,IAC1Bb,EAACG,EAAgB,MAAhB,CACC,IAAKU,EACL,UAAWT,EAAG,oDAAqDQ,CAAS,EAC3E,GAAGN,EACN,CACD,EACDa,EAAY,YAAchB,EAAgB,MAAM,YAEhD,MAAMiB,EAAoBlB,EAAM,WAG9B,CAAC,CAAE,UAAAU,EAAW,GAAGN,CAAM,EAAGO,IAC1Bb,EAACG,EAAgB,YAAhB,CAA4B,IAAKU,EAAK,UAAWT,EAAG,gCAAiCQ,CAAS,EAAI,GAAGN,EAAO,CAC9G,EACDc,EAAkB,YAAcjB,EAAgB,YAAY",
+  "names": ["jsx", "jsxs", "React", "DialogPrimitive", "cn", "Cross2Icon", "props", "Dialog", "DialogTrigger", "DialogPortal", "DialogClose", "DialogOverlay", "className", "ref", "DialogContent", "children", "overlayClassName", "DialogHeader", "DialogFooter", "DialogTitle", "DialogDescription"]
 }

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

@@ -28,3 +28,8 @@ export { default as LoadingDots } from './loadingDots.js';
 export { ExposureDetector, type ExposureDetectorProps } from './ExposureDetector.js';
 export { default as BrandStrip } from './brand-strip.js';
 export { default as Progress, type ProgressProps, type ProgressClassNames } from './progress.js';
+export { default as OtpInput, type OtpInputProps } from './otp-input.js';
+export { sizeMap } from './button.js';
+export type { ButtonProps } from './button.js';
+export { Toast, useToast, type ToastProps, type UseToastOptions } from './toast.js';
+export { default as Breadcrumb, type BreadcrumbProps, type BreadcrumbItem } from './breadcrumb.js';

package/dist/esm/components/index.js

@@ -1,2 +1,2 @@
-import{default as e}from"./button.js";import{default as a}from"./badge.js";import{Input as n,InputSlot as u}from"./input.js";import{default as d}from"./checkbox.js";import{default as i}from"./skeleton.js";import{Dialog as m,DialogPortal as D,DialogOverlay as x,DialogClose as C,DialogTrigger as g,DialogContent as w,DialogHeader as P,DialogFooter as y,DialogTitle as T,DialogDescription as M}from"./dialog.js";import{Popover as I,PopoverTrigger as c,PopoverContent as G}from"./popover.js";import{RadioGroup as S,RadioGroupItem as A}from"./radio.js";import{Text as R}from"./text.js";import{Grid as L,GridItem as h}from"./grid.js";import{Heading as F}from"./heading.js";import{Container as E}from"./container.js";import{Color as j}from"./color.js";import{Drawer as z,DrawerPortal as J,DrawerOverlay as K,DrawerTrigger as Q,DrawerClose as U,DrawerContent as V,DrawerHeader as W,DrawerFooter as X,DrawerTitle as Y,DrawerDescription as Z}from"./drawer.js";import{default as $}from"./link.js";import{Avatar as or,AvatarImage as er,AvatarFallback as tr}from"./avatar.js";import{default as pr}from"./input-number.js";import{DropdownMenu as ur,DropdownMenuTrigger as sr,DropdownMenuContent as dr,DropdownMenuItem as lr,DropdownMenuCheckboxItem as ir,DropdownMenuRadioItem as fr,DropdownMenuLabel as mr,DropdownMenuSeparator as Dr,DropdownMenuShortcut as xr,DropdownMenuGroup as Cr,DropdownMenuPortal as gr,DropdownMenuSub as wr,DropdownMenuSubContent as Pr,DropdownMenuSubTrigger as yr,DropdownMenuRadioGroup as Tr}from"./drop-down.js";import{Card as br,CardHeader as Ir,CardFooter as cr,CardTitle as Gr,CardDescription as vr,CardContent as Sr}from"./card.js";import{default as kr}from"./Countdown.js";import{Carousel as Hr,CarouselContent as Lr,CarouselItem as hr,CarouselPrevious as Br,CarouselNext as Fr}from"./carousel.js";import{Tabs as Er,TabsList as Or,TabsTrigger as jr,TabsContent as qr}from"./tabs.js";import{Alert as Jr,AlertTitle as Kr,AlertDescription as Qr}from"./alert.js";import{default as Vr}from"./picture.js";import{default as Xr}from"./theme.js";import{default as Zr}from"./board.js";import{default as $r}from"./loadingDots.js";import{ExposureDetector as oo}from"./ExposureDetector.js";import{default as to}from"./brand-strip.js";import{default as po}from"./progress.js";export{Jr as Alert,Qr as AlertDescription,Kr as AlertTitle,or as Avatar,tr as AvatarFallback,er as AvatarImage,a as Badge,Zr as Board,to as BrandStrip,e as Button,br as Card,Sr as CardContent,vr as CardDescription,cr as CardFooter,Ir as CardHeader,Gr as CardTitle,Hr as Carousel,Lr as CarouselContent,hr as CarouselItem,Fr as CarouselNext,Br as CarouselPrevious,d as Checkbox,j as Color,E as Container,kr as Countdown,m as Dialog,C as DialogClose,w as DialogContent,M as DialogDescription,y as DialogFooter,P as DialogHeader,x as DialogOverlay,D as DialogPortal,T as DialogTitle,g as DialogTrigger,z as Drawer,U as DrawerClose,V as DrawerContent,Z as DrawerDescription,X as DrawerFooter,W as DrawerHeader,K as DrawerOverlay,J as DrawerPortal,Y as DrawerTitle,Q as DrawerTrigger,ur as DropdownMenu,ir as DropdownMenuCheckboxItem,dr as DropdownMenuContent,Cr as DropdownMenuGroup,lr as DropdownMenuItem,mr as DropdownMenuLabel,gr as DropdownMenuPortal,Tr as DropdownMenuRadioGroup,fr as DropdownMenuRadioItem,Dr as DropdownMenuSeparator,xr as DropdownMenuShortcut,wr as DropdownMenuSub,Pr as DropdownMenuSubContent,yr as DropdownMenuSubTrigger,sr as DropdownMenuTrigger,oo as ExposureDetector,L as Grid,h as GridItem,F as Heading,n as Input,pr as InputNumber,u as InputSlot,$ as Link,$r as LoadingDots,Vr as Picture,I as Popover,G as PopoverContent,c as PopoverTrigger,po as Progress,S as RadioGroup,A as RadioGroupItem,i as Skeleton,Er as Tabs,qr as TabsContent,Or as TabsList,jr as TabsTrigger,R as Text,Xr as Theme};
+import{default as e}from"./button.js";import{default as p}from"./badge.js";import{Input as n,InputSlot as s}from"./input.js";import{default as d}from"./checkbox.js";import{default as i}from"./skeleton.js";import{Dialog as f,DialogPortal as x,DialogOverlay as D,DialogClose as C,DialogTrigger as g,DialogContent as P,DialogHeader as w,DialogFooter as y,DialogTitle as T,DialogDescription as b}from"./dialog.js";import{Popover as M,PopoverTrigger as c,PopoverContent as G}from"./popover.js";import{RadioGroup as B,RadioGroupItem as S}from"./radio.js";import{Text as k}from"./text.js";import{Grid as H,GridItem as L}from"./grid.js";import{Heading as h}from"./heading.js";import{Container as N}from"./container.js";import{Color as j}from"./color.js";import{Drawer as U,DrawerPortal as q,DrawerOverlay as J,DrawerTrigger as K,DrawerClose as Q,DrawerContent as V,DrawerHeader as W,DrawerFooter as X,DrawerTitle as Y,DrawerDescription as Z}from"./drawer.js";import{default as $}from"./link.js";import{Avatar as or,AvatarImage as er,AvatarFallback as tr}from"./avatar.js";import{default as ar}from"./input-number.js";import{DropdownMenu as sr,DropdownMenuTrigger as ur,DropdownMenuContent as dr,DropdownMenuItem as lr,DropdownMenuCheckboxItem as ir,DropdownMenuRadioItem as mr,DropdownMenuLabel as fr,DropdownMenuSeparator as xr,DropdownMenuShortcut as Dr,DropdownMenuGroup as Cr,DropdownMenuPortal as gr,DropdownMenuSub as Pr,DropdownMenuSubContent as wr,DropdownMenuSubTrigger as yr,DropdownMenuRadioGroup as Tr}from"./drop-down.js";import{Card as Ir,CardHeader as Mr,CardFooter as cr,CardTitle as Gr,CardDescription as vr,CardContent as Br}from"./card.js";import{default as Ar}from"./Countdown.js";import{Carousel as Rr,CarouselContent as Hr,CarouselItem as Lr,CarouselPrevious as Or,CarouselNext as hr}from"./carousel.js";import{Tabs as Nr,TabsList as Er,TabsTrigger as jr,TabsContent as zr}from"./tabs.js";import{Alert as qr,AlertTitle as Jr,AlertDescription as Kr}from"./alert.js";import{default as Vr}from"./picture.js";import{default as Xr}from"./theme.js";import{default as Zr}from"./board.js";import{default as $r}from"./loadingDots.js";import{ExposureDetector as oo}from"./ExposureDetector.js";import{default as to}from"./brand-strip.js";import{default as ao}from"./progress.js";import{default as so}from"./otp-input.js";import{sizeMap as lo}from"./button.js";import{Toast as mo,useToast as fo}from"./toast.js";import{default as Do}from"./breadcrumb.js";export{qr as Alert,Kr as AlertDescription,Jr as AlertTitle,or as Avatar,tr as AvatarFallback,er as AvatarImage,p as Badge,Zr as Board,to as BrandStrip,Do as Breadcrumb,e as Button,Ir as Card,Br as CardContent,vr as CardDescription,cr as CardFooter,Mr as CardHeader,Gr as CardTitle,Rr as Carousel,Hr as CarouselContent,Lr as CarouselItem,hr as CarouselNext,Or as CarouselPrevious,d as Checkbox,j as Color,N as Container,Ar as Countdown,f as Dialog,C as DialogClose,P as DialogContent,b as DialogDescription,y as DialogFooter,w as DialogHeader,D as DialogOverlay,x as DialogPortal,T as DialogTitle,g as DialogTrigger,U as Drawer,Q as DrawerClose,V as DrawerContent,Z as DrawerDescription,X as DrawerFooter,W as DrawerHeader,J as DrawerOverlay,q as DrawerPortal,Y as DrawerTitle,K as DrawerTrigger,sr as DropdownMenu,ir as DropdownMenuCheckboxItem,dr as DropdownMenuContent,Cr as DropdownMenuGroup,lr as DropdownMenuItem,fr as DropdownMenuLabel,gr as DropdownMenuPortal,Tr as DropdownMenuRadioGroup,mr as DropdownMenuRadioItem,xr as DropdownMenuSeparator,Dr as DropdownMenuShortcut,Pr as DropdownMenuSub,wr as DropdownMenuSubContent,yr as DropdownMenuSubTrigger,ur as DropdownMenuTrigger,oo as ExposureDetector,H as Grid,L as GridItem,h as Heading,n as Input,ar as InputNumber,s as InputSlot,$ as Link,$r as LoadingDots,so as OtpInput,Vr as Picture,M as Popover,G as PopoverContent,c as PopoverTrigger,ao as Progress,B as RadioGroup,S as RadioGroupItem,i as Skeleton,Nr as Tabs,zr as TabsContent,Er as TabsList,jr as TabsTrigger,k as Text,Xr as Theme,mo as Toast,lo as sizeMap,fo as useToast};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/index.ts"],
-  "sourcesContent": ["export { default as Button } from './button.js'\nexport { default as Badge } from './badge.js'\nexport { Input, InputSlot } from './input.js'\n\nexport { default as Checkbox } from './checkbox.js'\n\nexport { default as Skeleton } from './skeleton.js'\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n} from './dialog.js'\nexport { Popover, PopoverTrigger, PopoverContent } from './popover.js'\nexport { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps } from './radio.js'\nexport { Text, type TextProps } from './text.js'\nexport { Grid, GridItem, type GridProps, type GridItemProps } from './grid.js'\nexport { Heading, type HeadingProps } from './heading.js'\nexport { Container, type ContainerProps } from './container.js'\nexport { Color, type ColorProps } from './color.js'\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n} from './drawer.js'\nexport { default as Link, type LinkProps } from './link.js'\nexport { Avatar, AvatarImage, AvatarFallback } from './avatar.js'\nexport { default as InputNumber, type InputNumberProps } from './input-number.js'\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n} from './drop-down.js'\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from './card.js'\nexport { default as Countdown, type CountdownProps } from './Countdown.js'\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n} from './carousel.js'\nexport { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs.js'\nexport { Alert, AlertTitle, AlertDescription } from './alert.js'\nexport { default as Picture } from './picture.js'\nexport { default as Theme } from './theme.js'\nexport { default as Board } from './board.js'\nexport { default as LoadingDots } from './loadingDots.js'\nexport { ExposureDetector, type ExposureDetectorProps } from './ExposureDetector.js'\nexport { default as BrandStrip } from './brand-strip.js'\nexport { default as Progress, type ProgressProps, type ProgressClassNames } from './progress.js'\n"],
-  "mappings": "AAAA,OAAoB,WAAXA,MAAyB,cAClC,OAAoB,WAAXA,MAAwB,aACjC,OAAS,SAAAC,EAAO,aAAAC,MAAiB,aAEjC,OAAoB,WAAXF,MAA2B,gBAEpC,OAAoB,WAAXA,MAA2B,gBACpC,OACE,UAAAG,EACA,gBAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,qBAAAC,MACK,cACP,OAAS,WAAAC,EAAS,kBAAAC,EAAgB,kBAAAC,MAAsB,eACxD,OAAS,cAAAC,EAAY,kBAAAC,MAAsE,aAC3F,OAAS,QAAAC,MAA4B,YACrC,OAAS,QAAAC,EAAM,YAAAC,MAAoD,YACnE,OAAS,WAAAC,MAAkC,eAC3C,OAAS,aAAAC,MAAsC,iBAC/C,OAAS,SAAAC,MAA8B,aACvC,OACE,UAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,qBAAAC,MACK,cACP,OAAoB,WAAXjC,MAAuC,YAChD,OAAS,UAAAkC,GAAQ,eAAAC,GAAa,kBAAAC,OAAsB,cACpD,OAAoB,WAAXpC,OAAqD,oBAC9D,OACE,gBAAAqC,GACA,uBAAAC,GACA,uBAAAC,GACA,oBAAAC,GACA,4BAAAC,GACA,yBAAAC,GACA,qBAAAC,GACA,yBAAAC,GACA,wBAAAC,GACA,qBAAAC,GACA,sBAAAC,GACA,mBAAAC,GACA,0BAAAC,GACA,0BAAAC,GACA,0BAAAC,OACK,iBACP,OAAS,QAAAC,GAAM,cAAAC,GAAY,cAAAC,GAAY,aAAAC,GAAW,mBAAAC,GAAiB,eAAAC,OAAmB,YACtF,OAAoB,WAAXzD,OAAiD,iBAC1D,OAEE,YAAA0D,GACA,mBAAAC,GACA,gBAAAC,GACA,oBAAAC,GACA,gBAAAC,OACK,gBACP,OAAS,QAAAC,GAAM,YAAAC,GAAU,eAAAC,GAAa,eAAAC,OAAmB,YACzD,OAAS,SAAAC,GAAO,cAAAC,GAAY,oBAAAC,OAAwB,aACpD,OAAoB,WAAXrE,OAA0B,eACnC,OAAoB,WAAXA,OAAwB,aACjC,OAAoB,WAAXA,OAAwB,aACjC,OAAoB,WAAXA,OAA8B,mBACvC,OAAS,oBAAAsE,OAAoD,wBAC7D,OAAoB,WAAXtE,OAA6B,mBACtC,OAAoB,WAAXA,OAAwE",
-  "names": ["default", "Input", "InputSlot", "Dialog", "DialogPortal", "DialogOverlay", "DialogClose", "DialogTrigger", "DialogContent", "DialogHeader", "DialogFooter", "DialogTitle", "DialogDescription", "Popover", "PopoverTrigger", "PopoverContent", "RadioGroup", "RadioGroupItem", "Text", "Grid", "GridItem", "Heading", "Container", "Color", "Drawer", "DrawerPortal", "DrawerOverlay", "DrawerTrigger", "DrawerClose", "DrawerContent", "DrawerHeader", "DrawerFooter", "DrawerTitle", "DrawerDescription", "Avatar", "AvatarImage", "AvatarFallback", "DropdownMenu", "DropdownMenuTrigger", "DropdownMenuContent", "DropdownMenuItem", "DropdownMenuCheckboxItem", "DropdownMenuRadioItem", "DropdownMenuLabel", "DropdownMenuSeparator", "DropdownMenuShortcut", "DropdownMenuGroup", "DropdownMenuPortal", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuRadioGroup", "Card", "CardHeader", "CardFooter", "CardTitle", "CardDescription", "CardContent", "Carousel", "CarouselContent", "CarouselItem", "CarouselPrevious", "CarouselNext", "Tabs", "TabsList", "TabsTrigger", "TabsContent", "Alert", "AlertTitle", "AlertDescription", "ExposureDetector"]
+  "sourcesContent": ["export { default as Button } from './button.js'\nexport { default as Badge } from './badge.js'\nexport { Input, InputSlot } from './input.js'\n\nexport { default as Checkbox } from './checkbox.js'\n\nexport { default as Skeleton } from './skeleton.js'\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n} from './dialog.js'\nexport { Popover, PopoverTrigger, PopoverContent } from './popover.js'\nexport { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps } from './radio.js'\nexport { Text, type TextProps } from './text.js'\nexport { Grid, GridItem, type GridProps, type GridItemProps } from './grid.js'\nexport { Heading, type HeadingProps } from './heading.js'\nexport { Container, type ContainerProps } from './container.js'\nexport { Color, type ColorProps } from './color.js'\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n} from './drawer.js'\nexport { default as Link, type LinkProps } from './link.js'\nexport { Avatar, AvatarImage, AvatarFallback } from './avatar.js'\nexport { default as InputNumber, type InputNumberProps } from './input-number.js'\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n} from './drop-down.js'\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from './card.js'\nexport { default as Countdown, type CountdownProps } from './Countdown.js'\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n} from './carousel.js'\nexport { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs.js'\nexport { Alert, AlertTitle, AlertDescription } from './alert.js'\nexport { default as Picture } from './picture.js'\nexport { default as Theme } from './theme.js'\nexport { default as Board } from './board.js'\nexport { default as LoadingDots } from './loadingDots.js'\nexport { ExposureDetector, type ExposureDetectorProps } from './ExposureDetector.js'\nexport { default as BrandStrip } from './brand-strip.js'\nexport { default as Progress, type ProgressProps, type ProgressClassNames } from './progress.js'\nexport { default as OtpInput, type OtpInputProps } from './otp-input.js'\n\n// \u516C\u5F00\u5BFC\u51FA button \u5185\u90E8\u5DE5\u5177\uFF08\u4F9B Registry \u5206\u53D1\u7684 biz-components \u4F7F\u7528\uFF09\nexport { sizeMap } from './button.js'\nexport type { ButtonProps } from './button.js'\nexport { Toast, useToast, type ToastProps, type UseToastOptions } from './toast.js'\nexport { default as Breadcrumb, type BreadcrumbProps, type BreadcrumbItem } from './breadcrumb.js'\n"],
+  "mappings": "AAAA,OAAoB,WAAXA,MAAyB,cAClC,OAAoB,WAAXA,MAAwB,aACjC,OAAS,SAAAC,EAAO,aAAAC,MAAiB,aAEjC,OAAoB,WAAXF,MAA2B,gBAEpC,OAAoB,WAAXA,MAA2B,gBACpC,OACE,UAAAG,EACA,gBAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,qBAAAC,MACK,cACP,OAAS,WAAAC,EAAS,kBAAAC,EAAgB,kBAAAC,MAAsB,eACxD,OAAS,cAAAC,EAAY,kBAAAC,MAAsE,aAC3F,OAAS,QAAAC,MAA4B,YACrC,OAAS,QAAAC,EAAM,YAAAC,MAAoD,YACnE,OAAS,WAAAC,MAAkC,eAC3C,OAAS,aAAAC,MAAsC,iBAC/C,OAAS,SAAAC,MAA8B,aACvC,OACE,UAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,qBAAAC,MACK,cACP,OAAoB,WAAXjC,MAAuC,YAChD,OAAS,UAAAkC,GAAQ,eAAAC,GAAa,kBAAAC,OAAsB,cACpD,OAAoB,WAAXpC,OAAqD,oBAC9D,OACE,gBAAAqC,GACA,uBAAAC,GACA,uBAAAC,GACA,oBAAAC,GACA,4BAAAC,GACA,yBAAAC,GACA,qBAAAC,GACA,yBAAAC,GACA,wBAAAC,GACA,qBAAAC,GACA,sBAAAC,GACA,mBAAAC,GACA,0BAAAC,GACA,0BAAAC,GACA,0BAAAC,OACK,iBACP,OAAS,QAAAC,GAAM,cAAAC,GAAY,cAAAC,GAAY,aAAAC,GAAW,mBAAAC,GAAiB,eAAAC,OAAmB,YACtF,OAAoB,WAAXzD,OAAiD,iBAC1D,OAEE,YAAA0D,GACA,mBAAAC,GACA,gBAAAC,GACA,oBAAAC,GACA,gBAAAC,OACK,gBACP,OAAS,QAAAC,GAAM,YAAAC,GAAU,eAAAC,GAAa,eAAAC,OAAmB,YACzD,OAAS,SAAAC,GAAO,cAAAC,GAAY,oBAAAC,OAAwB,aACpD,OAAoB,WAAXrE,OAA0B,eACnC,OAAoB,WAAXA,OAAwB,aACjC,OAAoB,WAAXA,OAAwB,aACjC,OAAoB,WAAXA,OAA8B,mBACvC,OAAS,oBAAAsE,OAAoD,wBAC7D,OAAoB,WAAXtE,OAA6B,mBACtC,OAAoB,WAAXA,OAAwE,gBACjF,OAAoB,WAAXA,OAA+C,iBAGxD,OAAS,WAAAuE,OAAe,cAExB,OAAS,SAAAC,GAAO,YAAAC,OAAuD,aACvE,OAAoB,WAAXzE,OAAwE",
+  "names": ["default", "Input", "InputSlot", "Dialog", "DialogPortal", "DialogOverlay", "DialogClose", "DialogTrigger", "DialogContent", "DialogHeader", "DialogFooter", "DialogTitle", "DialogDescription", "Popover", "PopoverTrigger", "PopoverContent", "RadioGroup", "RadioGroupItem", "Text", "Grid", "GridItem", "Heading", "Container", "Color", "Drawer", "DrawerPortal", "DrawerOverlay", "DrawerTrigger", "DrawerClose", "DrawerContent", "DrawerHeader", "DrawerFooter", "DrawerTitle", "DrawerDescription", "Avatar", "AvatarImage", "AvatarFallback", "DropdownMenu", "DropdownMenuTrigger", "DropdownMenuContent", "DropdownMenuItem", "DropdownMenuCheckboxItem", "DropdownMenuRadioItem", "DropdownMenuLabel", "DropdownMenuSeparator", "DropdownMenuShortcut", "DropdownMenuGroup", "DropdownMenuPortal", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuRadioGroup", "Card", "CardHeader", "CardFooter", "CardTitle", "CardDescription", "CardContent", "Carousel", "CarouselContent", "CarouselItem", "CarouselPrevious", "CarouselNext", "Tabs", "TabsList", "TabsTrigger", "TabsContent", "Alert", "AlertTitle", "AlertDescription", "ExposureDetector", "sizeMap", "Toast", "useToast"]
 }

package/dist/esm/components/input-number.d.ts

@@ -12,6 +12,17 @@ type InputNumberProps = {
     asChild?: boolean;
     /** 类名*/
     className?: string;
+    /** 自定义各部分的 className */
+    classNames?: {
+        /** 根元素 */
+        root?: string;
+        /** 输入框Wrapper */
+        inputWrapper?: string;
+        /** 输入框 */
+        input?: string;
+        /** 加减按钮 */
+        button?: string;
+    };
     /** 输入框下方提示文本，会根据不同的 status 呈现不同的样式*/
     tips?: string;
     /** 文本框状态*/
@@ -49,6 +60,17 @@ declare const InputNumber: React.ForwardRefExoticComponent<{
     asChild?: boolean;
     /** 类名*/
     className?: string;
+    /** 自定义各部分的 className */
+    classNames?: {
+        /** 根元素 */
+        root?: string;
+        /** 输入框Wrapper */
+        inputWrapper?: string;
+        /** 输入框 */
+        input?: string;
+        /** 加减按钮 */
+        button?: string;
+    };
     /** 输入框下方提示文本，会根据不同的 status 呈现不同的样式*/
     tips?: string;
     /** 文本框状态*/

package/dist/esm/components/input-number.js

@@ -1,2 +1,2 @@
-"use client";import{Fragment as O,jsx as o,jsxs as x}from"react/jsx-runtime";import{cn as c}from"../helpers/index.js";import{Slot as q}from"@radix-ui/react-slot";import{PlusIcon as z,MinusIcon as B}from"@radix-ui/react-icons";import{useState as D,useEffect as H,forwardRef as L}from"react";import{cva as W}from"class-variance-authority";const j=W("size-full border bg-transparent text-center text-base outline-none",{variants:{status:{default:"border-lines-1 group-hover:border-lines-2",success:"border-lines-3 group-hover:border-lines-3",warning:"border-lines-4 group-hover:border-lines-4",error:"border-lines-5 group-hover:border-lines-5"},disabled:{true:"border-lines-1 group-hover:border-lines-1 text-info-quaternary cursor-not-allowed"}}}),h=L(({value:b,defaultValue:w=0,step:p=1,min:n=0,max:u,tips:d,style:v,children:E,asChild:m=!1,disabled:r=!1,readonly:s=!1,status:N="default",className:I,onChange:f,onBlur:g,onEnter:C},V)=>{const[l,a]=D(w),P=m?q:"div",y=c("border-lines-1 flex size-12 items-center justify-center border text-base",{"group-hover:border-lines-2":!r,"text-info-quaternary cursor-not-allowed":r}),R=(e,t)=>t?"text-lines-1":{default:"text-lines-1",success:"text-lines-3",warning:"text-lines-4",error:"text-lines-5"}[e||"default"],M=e=>e===""||/^[0-9]+$/.test(e),T=e=>{if(r||s)return;const t=e.target.value;if(M(t)&&(a(t),t!=="")){let i=Number(t);u!==void 0&&i>u&&(i=u),n!==void 0&&i<n&&(i=n),f?.(i)}},K=e=>{if(!(r||s))if(l===""||isNaN(Number(l))){const t=n!==void 0?n:0;a(t),g?.(t,e)}else{const t=Number(l);a(t),g?.(t,e)}},S=()=>{if(r||s)return;let e=Number(l)+(p?Math.ceil(Number(p)):1);u!==void 0&&e>u&&(e=u),a(e),f?.(e)},k=()=>{if(r||s)return;let e=Number(l)-(p?Math.ceil(Number(p)):1);n!==void 0&&e<n&&(e=n),a(e),f?.(e)},F=e=>{if(!(r||s)&&e.key==="Enter"){const t=e.target?.value;C?.(t,e)}};return H(()=>{a(b||0)},[b]),o(P,{ref:V,...v?{style:v}:null,className:c({"group flex items-center":!m},I),children:m?E:x(O,{children:[o("button",{onClick:S,className:y,children:o(z,{})}),x("div",{className:"relative mx-1.5 h-[52px] w-[105px]",children:[o("input",{type:"text",value:l,disabled:r,readOnly:s,onBlur:K,onKeyDown:F,onChange:T,className:c(j({status:N,disabled:r}))}),d?o("span",{className:c(R(N,r),"absolute -bottom-4 left-0 w-full truncate text-xs"),children:d}):null]}),o("button",{onClick:k,className:y,children:o(B,{})})]})})});h.displayName="InputNumber";var X=h;export{X as default};
+"use client";import{Fragment as $,jsx as o,jsxs as w}from"react/jsx-runtime";import{cn as p}from"../helpers/index.js";import{Slot as q}from"@radix-ui/react-slot";import{PlusIcon as z,MinusIcon as B}from"@radix-ui/react-icons";import{useState as D,useEffect as H,forwardRef as L}from"react";import{cva as j}from"class-variance-authority";const O=j("size-full border bg-transparent text-center text-base outline-none",{variants:{status:{default:"border-lines-1 group-hover:border-lines-2",success:"border-lines-3 group-hover:border-lines-3",warning:"border-lines-4 group-hover:border-lines-4",error:"border-lines-5 group-hover:border-lines-5"},disabled:{true:"border-lines-1 group-hover:border-lines-1 text-info-quaternary cursor-not-allowed"}}}),x=L(({value:d,defaultValue:E=0,step:c=1,min:n=0,max:u,tips:v,style:N,children:I,asChild:b=!1,disabled:r=!1,readonly:s=!1,status:g="default",className:C,classNames:m,onChange:f,onBlur:y,onEnter:V},P)=>{const[l,i]=D(E),R=b?q:"div",h=p("border-lines-1 flex size-12 items-center justify-center border text-base",{"group-hover:border-lines-2":!r,"text-info-quaternary cursor-not-allowed":r},m?.button),M=(e,t)=>t?"text-lines-1":{default:"text-lines-1",success:"text-lines-3",warning:"text-lines-4",error:"text-lines-5"}[e||"default"],T=e=>e===""||/^[0-9]+$/.test(e),K=e=>{if(r||s)return;const t=e.target.value;if(T(t)&&(i(t),t!=="")){let a=Number(t);u!==void 0&&a>u&&(a=u),n!==void 0&&a<n&&(a=n),f?.(a)}},S=e=>{if(!(r||s))if(l===""||isNaN(Number(l))){const t=n!==void 0?n:0;i(t),y?.(t,e)}else{const t=Number(l);i(t),y?.(t,e)}},W=()=>{if(r||s)return;let e=Number(l)+(c?Math.ceil(Number(c)):1);u!==void 0&&e>u&&(e=u),i(e),f?.(e)},k=()=>{if(r||s)return;let e=Number(l)-(c?Math.ceil(Number(c)):1);n!==void 0&&e<n&&(e=n),i(e),f?.(e)},F=e=>{if(!(r||s)&&e.key==="Enter"){const t=e.target?.value;V?.(t,e)}};return H(()=>{i(d||0)},[d]),o(R,{ref:P,...N?{style:N}:null,className:p({"group flex items-center":!b},m?.root,C),children:b?I:w($,{children:[o("button",{onClick:W,className:h,children:o(z,{})}),w("div",{className:p("relative mx-1.5 h-[52px] w-[105px]",m?.inputWrapper),children:[o("input",{type:"text",value:l,disabled:r,readOnly:s,onBlur:S,onKeyDown:F,onChange:K,className:p(O({status:g,disabled:r}),m?.input)}),v?o("span",{className:p(M(g,r),"absolute -bottom-4 left-0 w-full truncate text-xs"),children:v}):null]}),o("button",{onClick:k,className:h,children:o(B,{})})]})})});x.displayName="InputNumber";var Y=x;export{Y as default};
 //# sourceMappingURL=input-number.js.map

package/dist/esm/components/input-number.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/input-number.tsx"],
-  "sourcesContent": ["'use client'\nimport { cn } from '../helpers/index.js'\nimport { Slot } from '@radix-ui/react-slot'\nimport { PlusIcon, MinusIcon } from '@radix-ui/react-icons'\nimport React, { useState, useEffect, forwardRef } from 'react'\nimport type { ChangeEvent, KeyboardEvent, FocusEvent } from 'react'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js'\n\n// \u5B9A\u4E49 InputNumber \u7684\u6837\u5F0F\u53D8\u4F53\nconst InputNumberVariants = cva('size-full border bg-transparent text-center text-base outline-none', {\n  variants: {\n    status: {\n      default: 'border-lines-1 group-hover:border-lines-2',\n      success: 'border-lines-3 group-hover:border-lines-3',\n      warning: 'border-lines-4 group-hover:border-lines-4',\n      error: 'border-lines-5 group-hover:border-lines-5',\n    },\n    disabled: {\n      true: 'border-lines-1 group-hover:border-lines-1 text-info-quaternary cursor-not-allowed',\n    },\n  },\n})\n\ntype ColorType = 'default' | 'success' | 'warning' | 'error' | null\n\n// \u5B9A\u4E49\u7EC4\u4EF6\u7C7B\u578B\uFF0C\u7EE7\u627F div \u6807\u7B7E\u6807\u51C6\u5C5E\u6027\ntype InputNumberElement = React.ElementRef<'div'>\n\ntype InputNumberProps = {\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  /** \u8F93\u5165\u6846\u4E0B\u65B9\u63D0\u793A\u6587\u672C\uFF0C\u4F1A\u6839\u636E\u4E0D\u540C\u7684 status \u5448\u73B0\u4E0D\u540C\u7684\u6837\u5F0F*/\n  tips?: string\n  /** \u6587\u672C\u6846\u72B6\u6001*/\n  status?: ColorType\n  /** \u6570\u5B57\u8F93\u5165\u6846\u7684\u503C */\n  value?: number\n  /** \u6570\u5B57\u8F93\u5165\u6846\u7684\u521D\u59CB\u503C */\n  defaultValue?: number\n  /** \u6570\u503C\u6539\u53D8\u6B65\u6570 */\n  step?: number\n  /** \u6700\u5C0F\u503C */\n  min?: number\n  /** \u6700\u5927\u503C */\n  max?: number\n  /** \u662F\u5426\u7981\u7528*/\n  disabled?: boolean\n  /** \u662F\u5426\u53EA\u8BFB*/\n  readonly?: boolean\n  /** \u6837\u5F0F*/\n  style?: React.CSSProperties\n  /** \u503C\u53D8\u5316\u65F6\u89E6\u53D1*/\n  onChange?: (value: number) => void\n  /** \u5931\u53BB\u7126\u70B9\u65F6\u89E6\u53D1*/\n  onBlur?: (value: number, e: FocusEvent) => void\n  /** \u6309\u4E0B\u56DE\u8F66\u952E\u65F6\u89E6\u53D1*/\n  onEnter?: (value: number, e: KeyboardEvent) => void\n} & VariantProps<typeof InputNumberVariants> &\n  ComponentPropsWithout<'div', RemovedProps>\n\n/**\n * InputNumber - \u6570\u5B57\u8F93\u5165\u6846\n *\n * @description \u4E13\u7528\u4E8E\u6570\u5B57\u8F93\u5165\u7684\u7EC4\u4EF6\uFF0C\u652F\u6301\u6B65\u8FDB\u8C03\u8282\u3001\u6700\u503C\u9650\u5236\u3001\u72B6\u6001\u63D0\u793A\u548C\u952E\u76D8\u64CD\u4F5C\n */\nconst InputNumber = forwardRef<InputNumberElement, InputNumberProps>(\n  (\n    {\n      value,\n      defaultValue = 0,\n      step = 1,\n      min = 0,\n      max,\n      tips,\n      style,\n      children,\n      asChild = false,\n      disabled = false,\n      readonly = false,\n      status = 'default',\n      className,\n      onChange,\n      onBlur,\n      onEnter,\n    },\n    ref\n  ) => {\n    const [inputValue, setInputValue] = useState<number | string>(defaultValue)\n\n    const Comp = asChild ? Slot : 'div'\n\n    const baseClassName = cn('border-lines-1 flex size-12 items-center justify-center border text-base', {\n      'group-hover:border-lines-2': !disabled,\n      'text-info-quaternary cursor-not-allowed': disabled,\n    })\n\n    const textColor = (type: ColorType, flag: boolean) => {\n      if (flag) return 'text-lines-1'\n      return {\n        default: 'text-lines-1',\n        success: 'text-lines-3',\n        warning: 'text-lines-4',\n        error: 'text-lines-5',\n      }[type || 'default']\n    }\n\n    const isValue = (params: string) => {\n      return params === '' || /^[0-9]+$/.test(params)\n    }\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n      if (disabled || readonly) return\n      const value = e.target.value\n      // \u5141\u8BB8\u7A7A\u5B57\u7B26\u4E32\uFF0C\u6216\u4EC5\u5305\u542B\u6574\u6570\u7684\u5B57\u7B26\u4E32\n      if (isValue(value)) {\n        setInputValue(value)\n        if (value !== '') {\n          let newValue = Number(value)\n          if (max !== undefined && newValue > max) {\n            newValue = max\n          }\n          if (min !== undefined && newValue < min) {\n            newValue = min\n          }\n          onChange?.(newValue)\n        }\n      }\n    }\n\n    const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n      if (disabled || readonly) return\n      if (inputValue === '' || isNaN(Number(inputValue))) {\n        const newValue = min !== undefined ? min : 0\n        setInputValue(newValue)\n        onBlur?.(newValue, e)\n      } else {\n        const newValue = Number(inputValue)\n        setInputValue(newValue)\n        onBlur?.(newValue, e)\n      }\n    }\n\n    const increment = () => {\n      if (disabled || readonly) return\n      let newValue = Number(inputValue) + (step ? Math.ceil(Number(step)) : 1)\n      if (max !== undefined && newValue > max) {\n        newValue = max\n      }\n      setInputValue(newValue)\n      onChange?.(newValue)\n    }\n\n    const decrement = () => {\n      if (disabled || readonly) return\n      let newValue = Number(inputValue) - (step ? Math.ceil(Number(step)) : 1)\n      if (min !== undefined && newValue < min) {\n        newValue = min\n      }\n      setInputValue(newValue)\n      onChange?.(newValue)\n    }\n\n    const handleKeyDown = (e: any) => {\n      if (disabled || readonly) return\n      if (e.key === 'Enter') {\n        const initalValue = e.target?.value\n        onEnter?.(initalValue, e)\n      }\n    }\n\n    useEffect(() => {\n      setInputValue(value || 0)\n    }, [value])\n\n    return (\n      <Comp\n        ref={ref}\n        {...(style ? { style: style } : null)}\n        className={cn({ 'group flex items-center': !asChild }, className)}\n      >\n        {asChild ? (\n          children\n        ) : (\n          <>\n            <button onClick={increment} className={baseClassName}>\n              <PlusIcon />\n            </button>\n            <div className=\"relative mx-1.5 h-[52px] w-[105px]\">\n              <input\n                type=\"text\"\n                value={inputValue}\n                disabled={disabled}\n                readOnly={readonly}\n                onBlur={handleBlur}\n                onKeyDown={handleKeyDown}\n                onChange={handleInputChange}\n                className={cn(InputNumberVariants({ status, disabled }))}\n              />\n              {tips ? (\n                <span className={cn(textColor(status, disabled), 'absolute -bottom-4 left-0 w-full truncate text-xs')}>\n                  {tips}\n                </span>\n              ) : null}\n            </div>\n            <button onClick={decrement} className={baseClassName}>\n              <MinusIcon />\n            </button>\n          </>\n        )}\n      </Comp>\n    )\n  }\n)\n\nInputNumber.displayName = 'InputNumber'\n\nexport default InputNumber\nexport type { InputNumberProps }\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "cn", "Slot", "PlusIcon", "MinusIcon", "useState", "useEffect", "forwardRef", "cva", "InputNumberVariants", "InputNumber", "value", "defaultValue", "step", "min", "max", "tips", "style", "children", "asChild", "disabled", "readonly", "status", "className", "onChange", "onBlur", "onEnter", "ref", "inputValue", "setInputValue", "Comp", "baseClassName", "textColor", "type", "flag", "isValue", "params", "handleInputChange", "newValue", "handleBlur", "increment", "decrement", "handleKeyDown", "initalValue", "input_number_default"]
+  "sourcesContent": ["'use client'\nimport { cn } from '../helpers/index.js'\nimport { Slot } from '@radix-ui/react-slot'\nimport { PlusIcon, MinusIcon } from '@radix-ui/react-icons'\nimport React, { useState, useEffect, forwardRef } from 'react'\nimport type { ChangeEvent, KeyboardEvent, FocusEvent } from 'react'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js'\n\n// \u5B9A\u4E49 InputNumber \u7684\u6837\u5F0F\u53D8\u4F53\nconst InputNumberVariants = cva('size-full border bg-transparent text-center text-base outline-none', {\n  variants: {\n    status: {\n      default: 'border-lines-1 group-hover:border-lines-2',\n      success: 'border-lines-3 group-hover:border-lines-3',\n      warning: 'border-lines-4 group-hover:border-lines-4',\n      error: 'border-lines-5 group-hover:border-lines-5',\n    },\n    disabled: {\n      true: 'border-lines-1 group-hover:border-lines-1 text-info-quaternary cursor-not-allowed',\n    },\n  },\n})\n\ntype ColorType = 'default' | 'success' | 'warning' | 'error' | null\n\n// \u5B9A\u4E49\u7EC4\u4EF6\u7C7B\u578B\uFF0C\u7EE7\u627F div \u6807\u7B7E\u6807\u51C6\u5C5E\u6027\ntype InputNumberElement = React.ElementRef<'div'>\n\ntype InputNumberProps = {\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  /** \u81EA\u5B9A\u4E49\u5404\u90E8\u5206\u7684 className */\n  classNames?: {\n    /** \u6839\u5143\u7D20 */\n    root?: string\n    /** \u8F93\u5165\u6846Wrapper */\n    inputWrapper?: string\n    /** \u8F93\u5165\u6846 */\n    input?: string\n    /** \u52A0\u51CF\u6309\u94AE */\n    button?: string\n  }\n  /** \u8F93\u5165\u6846\u4E0B\u65B9\u63D0\u793A\u6587\u672C\uFF0C\u4F1A\u6839\u636E\u4E0D\u540C\u7684 status \u5448\u73B0\u4E0D\u540C\u7684\u6837\u5F0F*/\n  tips?: string\n  /** \u6587\u672C\u6846\u72B6\u6001*/\n  status?: ColorType\n  /** \u6570\u5B57\u8F93\u5165\u6846\u7684\u503C */\n  value?: number\n  /** \u6570\u5B57\u8F93\u5165\u6846\u7684\u521D\u59CB\u503C */\n  defaultValue?: number\n  /** \u6570\u503C\u6539\u53D8\u6B65\u6570 */\n  step?: number\n  /** \u6700\u5C0F\u503C */\n  min?: number\n  /** \u6700\u5927\u503C */\n  max?: number\n  /** \u662F\u5426\u7981\u7528*/\n  disabled?: boolean\n  /** \u662F\u5426\u53EA\u8BFB*/\n  readonly?: boolean\n  /** \u6837\u5F0F*/\n  style?: React.CSSProperties\n  /** \u503C\u53D8\u5316\u65F6\u89E6\u53D1*/\n  onChange?: (value: number) => void\n  /** \u5931\u53BB\u7126\u70B9\u65F6\u89E6\u53D1*/\n  onBlur?: (value: number, e: FocusEvent) => void\n  /** \u6309\u4E0B\u56DE\u8F66\u952E\u65F6\u89E6\u53D1*/\n  onEnter?: (value: number, e: KeyboardEvent) => void\n} & VariantProps<typeof InputNumberVariants> &\n  ComponentPropsWithout<'div', RemovedProps>\n\n/**\n * InputNumber - \u6570\u5B57\u8F93\u5165\u6846\n *\n * @description \u4E13\u7528\u4E8E\u6570\u5B57\u8F93\u5165\u7684\u7EC4\u4EF6\uFF0C\u652F\u6301\u6B65\u8FDB\u8C03\u8282\u3001\u6700\u503C\u9650\u5236\u3001\u72B6\u6001\u63D0\u793A\u548C\u952E\u76D8\u64CD\u4F5C\n */\nconst InputNumber = forwardRef<InputNumberElement, InputNumberProps>(\n  (\n    {\n      value,\n      defaultValue = 0,\n      step = 1,\n      min = 0,\n      max,\n      tips,\n      style,\n      children,\n      asChild = false,\n      disabled = false,\n      readonly = false,\n      status = 'default',\n      className,\n      classNames,\n      onChange,\n      onBlur,\n      onEnter,\n    },\n    ref\n  ) => {\n    const [inputValue, setInputValue] = useState<number | string>(defaultValue)\n\n    const Comp = asChild ? Slot : 'div'\n\n    const baseClassName = cn(\n      'border-lines-1 flex size-12 items-center justify-center border text-base',\n      {\n        'group-hover:border-lines-2': !disabled,\n        'text-info-quaternary cursor-not-allowed': disabled,\n      },\n      classNames?.button\n    )\n\n    const textColor = (type: ColorType, flag: boolean) => {\n      if (flag) return 'text-lines-1'\n      return {\n        default: 'text-lines-1',\n        success: 'text-lines-3',\n        warning: 'text-lines-4',\n        error: 'text-lines-5',\n      }[type || 'default']\n    }\n\n    const isValue = (params: string) => {\n      return params === '' || /^[0-9]+$/.test(params)\n    }\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n      if (disabled || readonly) return\n      const value = e.target.value\n      // \u5141\u8BB8\u7A7A\u5B57\u7B26\u4E32\uFF0C\u6216\u4EC5\u5305\u542B\u6574\u6570\u7684\u5B57\u7B26\u4E32\n      if (isValue(value)) {\n        setInputValue(value)\n        if (value !== '') {\n          let newValue = Number(value)\n          if (max !== undefined && newValue > max) {\n            newValue = max\n          }\n          if (min !== undefined && newValue < min) {\n            newValue = min\n          }\n          onChange?.(newValue)\n        }\n      }\n    }\n\n    const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n      if (disabled || readonly) return\n      if (inputValue === '' || isNaN(Number(inputValue))) {\n        const newValue = min !== undefined ? min : 0\n        setInputValue(newValue)\n        onBlur?.(newValue, e)\n      } else {\n        const newValue = Number(inputValue)\n        setInputValue(newValue)\n        onBlur?.(newValue, e)\n      }\n    }\n\n    const increment = () => {\n      if (disabled || readonly) return\n      let newValue = Number(inputValue) + (step ? Math.ceil(Number(step)) : 1)\n      if (max !== undefined && newValue > max) {\n        newValue = max\n      }\n      setInputValue(newValue)\n      onChange?.(newValue)\n    }\n\n    const decrement = () => {\n      if (disabled || readonly) return\n      let newValue = Number(inputValue) - (step ? Math.ceil(Number(step)) : 1)\n      if (min !== undefined && newValue < min) {\n        newValue = min\n      }\n      setInputValue(newValue)\n      onChange?.(newValue)\n    }\n\n    const handleKeyDown = (e: any) => {\n      if (disabled || readonly) return\n      if (e.key === 'Enter') {\n        const initalValue = e.target?.value\n        onEnter?.(initalValue, e)\n      }\n    }\n\n    useEffect(() => {\n      setInputValue(value || 0)\n    }, [value])\n\n    return (\n      <Comp\n        ref={ref}\n        {...(style ? { style: style } : null)}\n        className={cn({ 'group flex items-center': !asChild }, classNames?.root, className)}\n      >\n        {asChild ? (\n          children\n        ) : (\n          <>\n            <button onClick={increment} className={baseClassName}>\n              <PlusIcon />\n            </button>\n            <div className={cn('relative mx-1.5 h-[52px] w-[105px]', classNames?.inputWrapper)}>\n              <input\n                type=\"text\"\n                value={inputValue}\n                disabled={disabled}\n                readOnly={readonly}\n                onBlur={handleBlur}\n                onKeyDown={handleKeyDown}\n                onChange={handleInputChange}\n                className={cn(InputNumberVariants({ status, disabled }), classNames?.input)}\n              />\n              {tips ? (\n                <span className={cn(textColor(status, disabled), 'absolute -bottom-4 left-0 w-full truncate text-xs')}>\n                  {tips}\n                </span>\n              ) : null}\n            </div>\n            <button onClick={decrement} className={baseClassName}>\n              <MinusIcon />\n            </button>\n          </>\n        )}\n      </Comp>\n    )\n  }\n)\n\nInputNumber.displayName = 'InputNumber'\n\nexport default InputNumber\nexport type { InputNumberProps }\n"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "cn", "Slot", "PlusIcon", "MinusIcon", "useState", "useEffect", "forwardRef", "cva", "InputNumberVariants", "InputNumber", "value", "defaultValue", "step", "min", "max", "tips", "style", "children", "asChild", "disabled", "readonly", "status", "className", "classNames", "onChange", "onBlur", "onEnter", "ref", "inputValue", "setInputValue", "Comp", "baseClassName", "textColor", "type", "flag", "isValue", "params", "handleInputChange", "newValue", "handleBlur", "increment", "decrement", "handleKeyDown", "initalValue", "input_number_default"]
 }

package/dist/esm/components/link.js

@@ -1,2 +1,2 @@
-"use client";import{Fragment as C,jsx as i,jsxs as P}from"react/jsx-runtime";import u from"react";import{Slot as d}from"@radix-ui/react-slot";import{cn as h}from"../helpers/index.js";import{cva as x}from"class-variance-authority";const v=x("tracking  hover:text-brand-0 font-bold underline transition-colors",{variants:{size:{base:"text-text-2",lg:"text-text-3"},variant:{secondary:"text-info-secondary hover:text-info-primary",primary:"text-info-primary hover:text-brand-0"}}}),a=u.forwardRef(({children:p,size:s="base",variant:l="primary",className:m,asChild:c=!1,href:o,style:r,disabled:e=!1,suffixIcon:t,onClick:f,...y},k)=>i(c?d:"a",{ref:k,onClick:n=>{if(!e&&f?.(n),e||!o){n.preventDefault();return}},href:e?void 0:o,className:h(v({size:s,variant:l}),m,{"flex items-center":t,"cursor-pointer":!e,"text-info-quaternary cursor-not-allowed hover:text-info-quaternary":e}),...r?{style:r}:null,...y,children:P(C,{children:[p,t&&i("span",{className:"svg",children:t})]})}));a.displayName="Link";var V=a;export{V as default};
+"use client";import{Fragment as h,jsx as s,jsxs as C}from"react/jsx-runtime";import u from"react";import{Slot as x}from"@radix-ui/react-slot";import{cn as d}from"../helpers/index.js";import{cva as v}from"class-variance-authority";const P=v("tracking  hover:text-brand-0 font-bold underline transition-colors",{variants:{size:{base:"text-text-2",lg:"text-text-3"},variant:{secondary:"text-info-secondary hover:text-info-primary",primary:"text-info-primary hover:text-brand-0"}}}),p=u.forwardRef(({children:o,size:m="base",variant:l="primary",className:c,asChild:r=!1,href:n,style:a,disabled:e=!1,suffixIcon:t,onClick:f,...y},k)=>s(r?x:"a",{ref:k,onClick:i=>{if(!e&&f?.(i),e||!n){i.preventDefault();return}},href:e?void 0:n,className:d(P({size:m,variant:l}),c,{"flex items-center":t,"cursor-pointer":!e,"text-info-quaternary cursor-not-allowed hover:text-info-quaternary":e}),...a?{style:a}:null,...y,children:r?o:C(h,{children:[o,t&&s("span",{className:"svg",children:t})]})}));p.displayName="Link";var V=p;export{V as default};
 //# sourceMappingURL=link.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/link.tsx"],
-  "sourcesContent": ["'use client'\nimport React from 'react'\nimport type { ReactNode } 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'\n\n// \u5B9A\u4E49 link \u7684\u6837\u5F0F\u53D8\u4F53\nconst linkVariants = cva('tracking  hover:text-brand-0 font-bold underline transition-colors', {\n  variants: {\n    size: {\n      base: 'text-text-2', // \u4E2D\n      lg: 'text-text-3', // \u5927\n    },\n    variant: {\n      secondary: 'text-info-secondary hover:text-info-primary',\n      primary: 'text-info-primary hover:text-brand-0',\n    },\n  },\n})\n// \u5B9A\u4E49\u7EC4\u4EF6\u7C7B\u578B\uFF0C\u7EE7\u627F a \u6807\u7B7E\u6807\u51C6\u5C5E\u6027\ntype LinkElement = React.ElementRef<'a'>\ntype LinkProps = {\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  /** \u7981\u7528\u94FE\u63A5 */\n  disabled?: boolean\n  /** \u540E\u7F6E\u56FE\u6807*/\n  suffixIcon?: ReactNode\n  /** \u8DF3\u8F6C\u94FE\u63A5*/\n  href?: string\n  /** \u6837\u5F0F*/\n  style?: React.CSSProperties\n  /** \u70B9\u51FB\u4E8B\u4EF6\uFF0C\u7981\u7528\u72B6\u6001\u65E0\u6CD5\u89E6\u53D1*/\n  onClick?: Function\n} & VariantProps<typeof linkVariants> &\n  ComponentPropsWithout<'a', RemovedProps>\n\n/**\n * Link - \u94FE\u63A5\n *\n * @description \u53EF\u70B9\u51FB\u7684\u94FE\u63A5\u7EC4\u4EF6\uFF0C\u652F\u6301\u4E0D\u540C\u5C3A\u5BF8\u3001\u6837\u5F0F\u53D8\u4F53\u3001\u7981\u7528\u72B6\u6001\u548C\u540E\u7F6E\u56FE\u6807\n */\nconst Link = React.forwardRef<LinkElement, LinkProps>(\n  (\n    {\n      children,\n      size = 'base',\n      variant = 'primary',\n      className,\n      asChild = false,\n      href,\n      style,\n      disabled = false,\n      suffixIcon,\n      onClick,\n      ...props // \u8FD9\u91CC\u4F1A\u5305\u542B href\u3001target\u3001rel \u7B49\u6807\u51C6 anchor \u5C5E\u6027\n    }: LinkProps,\n    forwardedRef\n  ) => {\n    const Comp = asChild ? Slot : 'a'\n\n    const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n      !disabled && onClick?.(event)\n      if (disabled || !href) {\n        event.preventDefault()\n        return\n      }\n    }\n\n    return (\n      <Comp\n        ref={forwardedRef}\n        onClick={handleClick}\n        href={disabled ? undefined : href}\n        className={cn(linkVariants({ size, variant }), className, {\n          'flex items-center': suffixIcon,\n          'cursor-pointer': !disabled,\n          'text-info-quaternary cursor-not-allowed hover:text-info-quaternary': disabled,\n        })}\n        {...(style ? { style: style } : null)}\n        {...props}\n      >\n        <>\n          {children}\n          {suffixIcon && <span className=\"svg\">{suffixIcon}</span>}\n        </>\n      </Comp>\n    )\n  }\n)\nLink.displayName = 'Link'\n\nexport default Link\nexport type { LinkProps }\n"],
-  "mappings": "aAsFQ,mBAAAA,EAEiB,OAAAC,EAFjB,QAAAC,MAAA,oBArFR,OAAOC,MAAW,QAElB,OAAS,QAAAC,MAAY,uBACrB,OAAS,MAAAC,MAAU,sBACnB,OAA4B,OAAAC,MAAW,2BAIvC,MAAMC,EAAeD,EAAI,qEAAsE,CAC7F,SAAU,CACR,KAAM,CACJ,KAAM,cACN,GAAI,aACN,EACA,QAAS,CACP,UAAW,8CACX,QAAS,sCACX,CACF,CACF,CAAC,EA0BKE,EAAOL,EAAM,WACjB,CACE,CACE,SAAAM,EACA,KAAAC,EAAO,OACP,QAAAC,EAAU,UACV,UAAAC,EACA,QAAAC,EAAU,GACV,KAAAC,EACA,MAAAC,EACA,SAAAC,EAAW,GACX,WAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EACAC,IAaEnB,EAXWY,EAAUT,EAAO,IAW3B,CACC,IAAKgB,EACL,QAXiBC,GAA+C,CAElE,GADA,CAACL,GAAYE,IAAUG,CAAK,EACxBL,GAAY,CAACF,EAAM,CACrBO,EAAM,eAAe,EACrB,MACF,CACF,EAMI,KAAML,EAAW,OAAYF,EAC7B,UAAWT,EAAGE,EAAa,CAAE,KAAAG,EAAM,QAAAC,CAAQ,CAAC,EAAGC,EAAW,CACxD,oBAAqBK,EACrB,iBAAkB,CAACD,EACnB,qEAAsEA,CACxE,CAAC,EACA,GAAID,EAAQ,CAAE,MAAOA,CAAM,EAAI,KAC/B,GAAGI,EAEJ,SAAAjB,EAAAF,EAAA,CACG,UAAAS,EACAQ,GAAchB,EAAC,QAAK,UAAU,MAAO,SAAAgB,EAAW,GACnD,EACF,CAGN,EACAT,EAAK,YAAc,OAEnB,IAAOc,EAAQd",
+  "sourcesContent": ["'use client'\nimport React from 'react'\nimport type { ReactNode } 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'\n\n// \u5B9A\u4E49 link \u7684\u6837\u5F0F\u53D8\u4F53\nconst linkVariants = cva('tracking  hover:text-brand-0 font-bold underline transition-colors', {\n  variants: {\n    size: {\n      base: 'text-text-2', // \u4E2D\n      lg: 'text-text-3', // \u5927\n    },\n    variant: {\n      secondary: 'text-info-secondary hover:text-info-primary',\n      primary: 'text-info-primary hover:text-brand-0',\n    },\n  },\n})\n// \u5B9A\u4E49\u7EC4\u4EF6\u7C7B\u578B\uFF0C\u7EE7\u627F a \u6807\u7B7E\u6807\u51C6\u5C5E\u6027\ntype LinkElement = React.ElementRef<'a'>\ntype LinkProps = {\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  /** \u7981\u7528\u94FE\u63A5 */\n  disabled?: boolean\n  /** \u540E\u7F6E\u56FE\u6807*/\n  suffixIcon?: ReactNode\n  /** \u8DF3\u8F6C\u94FE\u63A5*/\n  href?: string\n  /** \u6837\u5F0F*/\n  style?: React.CSSProperties\n  /** \u70B9\u51FB\u4E8B\u4EF6\uFF0C\u7981\u7528\u72B6\u6001\u65E0\u6CD5\u89E6\u53D1*/\n  onClick?: Function\n} & VariantProps<typeof linkVariants> &\n  ComponentPropsWithout<'a', RemovedProps>\n\n/**\n * Link - \u94FE\u63A5\n *\n * @description \u53EF\u70B9\u51FB\u7684\u94FE\u63A5\u7EC4\u4EF6\uFF0C\u652F\u6301\u4E0D\u540C\u5C3A\u5BF8\u3001\u6837\u5F0F\u53D8\u4F53\u3001\u7981\u7528\u72B6\u6001\u548C\u540E\u7F6E\u56FE\u6807\n */\nconst Link = React.forwardRef<LinkElement, LinkProps>(\n  (\n    {\n      children,\n      size = 'base',\n      variant = 'primary',\n      className,\n      asChild = false,\n      href,\n      style,\n      disabled = false,\n      suffixIcon,\n      onClick,\n      ...props // \u8FD9\u91CC\u4F1A\u5305\u542B href\u3001target\u3001rel \u7B49\u6807\u51C6 anchor \u5C5E\u6027\n    }: LinkProps,\n    forwardedRef\n  ) => {\n    const Comp = asChild ? Slot : 'a'\n\n    const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n      !disabled && onClick?.(event)\n      if (disabled || !href) {\n        event.preventDefault()\n        return\n      }\n    }\n\n    return (\n      <Comp\n        ref={forwardedRef}\n        onClick={handleClick}\n        href={disabled ? undefined : href}\n        className={cn(linkVariants({ size, variant }), className, {\n          'flex items-center': suffixIcon,\n          'cursor-pointer': !disabled,\n          'text-info-quaternary cursor-not-allowed hover:text-info-quaternary': disabled,\n        })}\n        {...(style ? { style: style } : null)}\n        {...props}\n      >\n        {asChild ? (\n          children\n        ) : (\n          <>\n            {children}\n            {suffixIcon && <span className=\"svg\">{suffixIcon}</span>}\n          </>\n        )}\n      </Comp>\n    )\n  }\n)\nLink.displayName = 'Link'\n\nexport default Link\nexport type { LinkProps }\n"],
+  "mappings": "aAyFU,mBAAAA,EAEiB,OAAAC,EAFjB,QAAAC,MAAA,oBAxFV,OAAOC,MAAW,QAElB,OAAS,QAAAC,MAAY,uBACrB,OAAS,MAAAC,MAAU,sBACnB,OAA4B,OAAAC,MAAW,2BAIvC,MAAMC,EAAeD,EAAI,qEAAsE,CAC7F,SAAU,CACR,KAAM,CACJ,KAAM,cACN,GAAI,aACN,EACA,QAAS,CACP,UAAW,8CACX,QAAS,sCACX,CACF,CACF,CAAC,EA0BKE,EAAOL,EAAM,WACjB,CACE,CACE,SAAAM,EACA,KAAAC,EAAO,OACP,QAAAC,EAAU,UACV,UAAAC,EACA,QAAAC,EAAU,GACV,KAAAC,EACA,MAAAC,EACA,SAAAC,EAAW,GACX,WAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EACAC,IAaEnB,EAXWY,EAAUT,EAAO,IAW3B,CACC,IAAKgB,EACL,QAXiBC,GAA+C,CAElE,GADA,CAACL,GAAYE,IAAUG,CAAK,EACxBL,GAAY,CAACF,EAAM,CACrBO,EAAM,eAAe,EACrB,MACF,CACF,EAMI,KAAML,EAAW,OAAYF,EAC7B,UAAWT,EAAGE,EAAa,CAAE,KAAAG,EAAM,QAAAC,CAAQ,CAAC,EAAGC,EAAW,CACxD,oBAAqBK,EACrB,iBAAkB,CAACD,EACnB,qEAAsEA,CACxE,CAAC,EACA,GAAID,EAAQ,CAAE,MAAOA,CAAM,EAAI,KAC/B,GAAGI,EAEH,SAAAN,EACCJ,EAEAP,EAAAF,EAAA,CACG,UAAAS,EACAQ,GAAchB,EAAC,QAAK,UAAU,MAAO,SAAAgB,EAAW,GACnD,EAEJ,CAGN,EACAT,EAAK,YAAc,OAEnB,IAAOc,EAAQd",
   "names": ["Fragment", "jsx", "jsxs", "React", "Slot", "cn", "cva", "linkVariants", "Link", "children", "size", "variant", "className", "asChild", "href", "style", "disabled", "suffixIcon", "onClick", "props", "forwardedRef", "event", "link_default"]
 }

package/dist/esm/components/otp-input.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export interface OtpInputProps {
+    length?: number;
+    value?: string;
+    onChange?: (value: string) => void;
+    onComplete?: (value: string) => void;
+    onFocus?: (index: number) => void;
+    onBlur?: () => void;
+    onPaste?: (text: string) => void;
+    className?: string;
+    cellClassName?: string;
+    disabled?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+    autoFocus?: boolean;
+}
+declare const OtpInput: React.ForwardRefExoticComponent<OtpInputProps & React.RefAttributes<HTMLDivElement>>;
+export default OtpInput;

package/dist/esm/components/otp-input.js

@@ -0,0 +1,2 @@
+"use client";import{jsx as m,jsxs as P}from"react/jsx-runtime";import*as c from"react";import{cn as h}from"../helpers/index.js";const w=c.forwardRef(({length:s=6,value:r="",onChange:u,onComplete:g,onFocus:b,onBlur:E,onPaste:F,className:R,cellClassName:I,disabled:f=!1,error:y=!1,errorMessage:x,autoFocus:D=!1},k)=>{const i=c.useRef([]),[A,p]=c.useState(null),d=c.useRef(!1);c.useEffect(()=>{D&&i.current[0]?.focus()},[D]);const o=e=>{d.current=!0,i.current[e]?.focus()},a=c.useRef(null),v=(e,n)=>{const t=e<r.length;let l;t?l=r.slice(0,e)+n+r.slice(e+1):l=(r+n).slice(0,s),u?.(l),l.length===s?(g?.(l),o(t?Math.min(e+1,s-1):s-1)):o(l.length)},M=(e,n)=>{const t=n.replace(/\D/g,"");t&&v(e,t[0])},N=(e,n)=>{if(/^\d$/.test(e.key))e.preventDefault(),v(n,e.key);else if(e.key==="Backspace"){if(e.preventDefault(),a.current!==null&&a.current<r.length){const t=a.current,l=r.slice(0,t)+r.slice(t+1);u?.(l),o(t>0?t-1:0)}else if(r.length>0){const t=r.slice(0,-1);u?.(t),o(t.length>0?t.length-1:0)}}else if(e.key==="ArrowLeft"){const t=(a.current??0)-1;t>=0&&o(t)}else if(e.key==="ArrowRight"){const t=(a.current??0)+1;t<s&&o(t)}},C=e=>{e.preventDefault();const n=e.clipboardData.getData("text");F?.(n);const t=n.replace(/\D/g,"").slice(0,s);u?.(t),t.length===s&&g?.(t),o(Math.min(t.length,s-1))},O=e=>{if(d.current){d.current=!1,a.current=e,p(e),b?.(e);return}const n=Math.min(r.length,s-1);if(e>n){o(n);return}a.current=e,p(e),b?.(e)},B=()=>{p(null),requestAnimationFrame(()=>{i.current.some(n=>n===document.activeElement)||E?.()})},L=e=>y?"border-[#FF4D4D]":A===e?"border-info-primary":"border-lines-default";return P("div",{ref:k,className:h("otp-input-root flex flex-col gap-2",R),children:[m("div",{className:"laptop:gap-2 flex gap-1.5",children:Array.from({length:s}).map((e,n)=>m("input",{ref:t=>{i.current[n]=t},type:"text",inputMode:"numeric",maxLength:1,value:r[n]??"",disabled:f,readOnly:f,onChange:t=>M(n,t.target.value),onKeyDown:t=>N(t,n),onPaste:C,onFocus:()=>O(n),onBlur:B,className:h("otp-input-cell text-info-primary laptop:size-[54px] rounded-box-small size-[44px] border text-center text-base font-bold transition-colors focus:outline-none",L(n),f&&"text-info-quaternary cursor-not-allowed bg-[#EAEAEC]",I)},n))}),y&&x&&m("span",{className:"otp-input-error text-base font-bold leading-[1.4] tracking-[-0.02em] text-[#FF4D4D]",children:x})]})});w.displayName="OtpInput";var K=w;export{K as default};
+//# sourceMappingURL=otp-input.js.map

package/dist/esm/components/otp-input.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/otp-input.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\n\nexport interface OtpInputProps {\n  length?: number\n  value?: string\n  onChange?: (value: string) => void\n  onComplete?: (value: string) => void\n  onFocus?: (index: number) => void\n  onBlur?: () => void\n  onPaste?: (text: string) => void\n  className?: string\n  cellClassName?: string\n  disabled?: boolean\n  error?: boolean\n  errorMessage?: string\n  autoFocus?: boolean\n}\n\nconst OtpInput = React.forwardRef<HTMLDivElement, OtpInputProps>(\n  (\n    {\n      length = 6,\n      value = '',\n      onChange,\n      onComplete,\n      onFocus,\n      onBlur,\n      onPaste,\n      className,\n      cellClassName,\n      disabled = false,\n      error = false,\n      errorMessage,\n      autoFocus = false,\n    },\n    ref\n  ) => {\n    const inputsRef = React.useRef<Array<HTMLInputElement | null>>([])\n    const [focusedIndex, setFocusedIndex] = React.useState<number | null>(null)\n    const programmaticFocusRef = React.useRef(false)\n\n    React.useEffect(() => {\n      if (autoFocus) {\n        inputsRef.current[0]?.focus()\n      }\n    }, [autoFocus])\n\n    const focusCell = (index: number) => {\n      programmaticFocusRef.current = true\n      inputsRef.current[index]?.focus()\n    }\n\n    const focusedIndexRef = React.useRef<number | null>(null)\n\n    const applyDigit = (index: number, digit: string) => {\n      const isOverwrite = index < value.length\n      let newValue: string\n      if (isOverwrite) {\n        newValue = value.slice(0, index) + digit + value.slice(index + 1)\n      } else {\n        newValue = (value + digit).slice(0, length)\n      }\n      onChange?.(newValue)\n      if (newValue.length === length) {\n        onComplete?.(newValue)\n        focusCell(isOverwrite ? Math.min(index + 1, length - 1) : length - 1)\n      } else {\n        focusCell(newValue.length)\n      }\n    }\n\n    const handleChange = (index: number, char: string) => {\n      const digit = char.replace(/\\D/g, '')\n      if (!digit) return\n      applyDigit(index, digit[0])\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>, index: number) => {\n      if (/^\\d$/.test(e.key)) {\n        e.preventDefault()\n        applyDigit(index, e.key)\n      } else if (e.key === 'Backspace') {\n        e.preventDefault()\n        if (focusedIndexRef.current !== null && focusedIndexRef.current < value.length) {\n          const i = focusedIndexRef.current\n          const newValue = value.slice(0, i) + value.slice(i + 1)\n          onChange?.(newValue)\n          focusCell(i > 0 ? i - 1 : 0)\n        } else if (value.length > 0) {\n          const newValue = value.slice(0, -1)\n          onChange?.(newValue)\n          focusCell(newValue.length > 0 ? newValue.length - 1 : 0)\n        }\n      } else if (e.key === 'ArrowLeft') {\n        const prev = (focusedIndexRef.current ?? 0) - 1\n        if (prev >= 0) focusCell(prev)\n      } else if (e.key === 'ArrowRight') {\n        const next = (focusedIndexRef.current ?? 0) + 1\n        if (next < length) focusCell(next)\n      }\n    }\n\n    const handlePaste = (e: React.ClipboardEvent) => {\n      e.preventDefault()\n      const raw = e.clipboardData.getData('text')\n      onPaste?.(raw)\n      const pasted = raw.replace(/\\D/g, '').slice(0, length)\n      onChange?.(pasted)\n      if (pasted.length === length) {\n        onComplete?.(pasted)\n      }\n      focusCell(Math.min(pasted.length, length - 1))\n    }\n\n    const handleFocus = (i: number) => {\n      if (programmaticFocusRef.current) {\n        programmaticFocusRef.current = false\n        focusedIndexRef.current = i\n        setFocusedIndex(i)\n        onFocus?.(i)\n        return\n      }\n      const firstEmpty = Math.min(value.length, length - 1)\n      if (i > firstEmpty) {\n        focusCell(firstEmpty)\n        return\n      }\n      focusedIndexRef.current = i\n      setFocusedIndex(i)\n      onFocus?.(i)\n    }\n\n    const handleBlur = () => {\n      setFocusedIndex(null)\n      requestAnimationFrame(() => {\n        const anyFocused = inputsRef.current.some(el => el === document.activeElement)\n        if (!anyFocused) onBlur?.()\n      })\n    }\n\n    const getCellBorderClass = (index: number) => {\n      if (error) return 'border-[#FF4D4D]'\n      if (focusedIndex === index) return 'border-info-primary'\n      return 'border-lines-default'\n    }\n\n    return (\n      <div ref={ref} className={cn('otp-input-root flex flex-col gap-2', className)}>\n        <div className=\"laptop:gap-2 flex gap-1.5\">\n          {Array.from({ length }).map((_, i) => (\n            <input\n              key={i}\n              ref={el => {\n                inputsRef.current[i] = el\n              }}\n              type=\"text\"\n              inputMode=\"numeric\"\n              maxLength={1}\n              value={value[i] ?? ''}\n              disabled={disabled}\n              readOnly={disabled}\n              onChange={e => handleChange(i, e.target.value)}\n              onKeyDown={e => handleKeyDown(e, i)}\n              onPaste={handlePaste}\n              onFocus={() => handleFocus(i)}\n              onBlur={handleBlur}\n              className={cn(\n                'otp-input-cell text-info-primary laptop:size-[54px] rounded-box-small size-[44px] border text-center text-base font-bold transition-colors focus:outline-none',\n                getCellBorderClass(i),\n                disabled && 'text-info-quaternary cursor-not-allowed bg-[#EAEAEC]',\n                cellClassName\n              )}\n            />\n          ))}\n        </div>\n        {error && errorMessage && (\n          <span className=\"otp-input-error text-base font-bold leading-[1.4] tracking-[-0.02em] text-[#FF4D4D]\">\n            {errorMessage}\n          </span>\n        )}\n      </div>\n    )\n  }\n)\n\nOtpInput.displayName = 'OtpInput'\n\nexport default OtpInput\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "React", "cn", "OtpInput", "length", "value", "onChange", "onComplete", "onFocus", "onBlur", "onPaste", "className", "cellClassName", "disabled", "error", "errorMessage", "autoFocus", "ref", "inputsRef", "focusedIndex", "setFocusedIndex", "programmaticFocusRef", "focusCell", "index", "focusedIndexRef", "applyDigit", "digit", "isOverwrite", "newValue", "handleChange", "char", "handleKeyDown", "i", "prev", "next", "handlePaste", "raw", "pasted", "handleFocus", "firstEmpty", "handleBlur", "el", "getCellBorderClass", "_", "e", "otp_input_default"]
+}

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const toastVariants: (props?: ({
+    variant?: "success" | "warning" | "countdown" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ToastProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof toastVariants> {
+    open?: boolean;
+    message: string;
+    duration?: number;
+    seconds?: number;
+    onClose?: () => void;
+}
+declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
+export interface UseToastOptions {
+    variant?: ToastProps['variant'];
+    message: string;
+    duration?: number;
+    seconds?: number;
+}
+declare function useToast(): {
+    toastProps: ToastProps;
+    showToast: (opts: UseToastOptions) => void;
+};
+export { Toast, toastVariants, useToast };
+export default Toast;

package/dist/esm/components/toast.js

@@ -0,0 +1,2 @@
+"use client";import{jsx as s,jsxs as h}from"react/jsx-runtime";import*as o from"react";import{cva as L}from"class-variance-authority";import{cn as b}from"../helpers/index.js";const w=L("lg-desktop:text-[16px] pointer-events-none fixed left-1/2 top-6 z-[9999] flex -translate-x-1/2 select-none items-center gap-2 rounded-[24px] px-5 py-3 text-[14px] font-bold leading-tight tracking-[-0.32px] shadow-lg transition-all duration-300 ease-in-out data-[state=closed]:-translate-y-2 data-[state=open]:translate-y-0 data-[state=closed]:opacity-0 data-[state=open]:opacity-100",{variants:{variant:{success:"bg-[#080A0F] text-white",warning:"bg-[#080A0F] text-white",countdown:"bg-[#080A0F] text-white"}},defaultVariants:{variant:"success"}}),y=()=>s("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:s("path",{d:"M3.33337 8.00004L6.33337 11L12.6667 4.66671",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),M=()=>s("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:s("path",{d:"M8 5.33337V8.00004M8 10.6667H8.00667M6.86 2.57337L1.21334 12C1.09693 12.2018 1.03533 12.4308 1.03467 12.664C1.03401 12.8972 1.09429 13.1265 1.20956 13.329C1.32482 13.5314 1.49096 13.6997 1.69182 13.8173C1.89267 13.9348 2.12126 13.9976 2.35467 14H13.6453C13.8788 13.9976 14.1073 13.9348 14.3082 13.8173C14.509 13.6997 14.6752 13.5314 14.7904 13.329C14.9057 13.1265 14.966 12.8972 14.9653 12.664C14.9647 12.4308 14.9031 12.2018 14.7867 12L9.14 2.57337C9.02112 2.37742 8.85348 2.21555 8.65337 2.10336C8.45326 1.99116 8.22757 1.93237 7.998 1.93237C7.76844 1.93237 7.54275 1.99116 7.34264 2.10336C7.14253 2.21555 6.97489 2.37742 6.856 2.57337H6.86Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),P=()=>h("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:[s("circle",{cx:"8",cy:"8",r:"6",stroke:"currentColor",strokeWidth:"1.5"}),s("path",{d:"M8 5V8L10 10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),g=o.forwardRef(({className:l,variant:t,open:e=!1,message:a,duration:r=2500,seconds:n,onClose:i,...u},x)=>{const[c,f]=o.useState(!1),[d,m]=o.useState(n??0);if(o.useEffect(()=>{if(e)f(!0),t==="countdown"&&n!=null&&m(n);else if(c){const p=setTimeout(()=>f(!1),300);return()=>clearTimeout(p)}},[e,t,n]),o.useEffect(()=>{if(!e||!c)return;if(t==="countdown"){if(d<=0){i?.();return}const k=setTimeout(()=>m(T=>T-1),1e3);return()=>clearTimeout(k)}const p=setTimeout(()=>i?.(),r);return()=>clearTimeout(p)},[e,c,t,r,d,i]),!c)return null;const v=t==="warning"?s(M,{}):t==="countdown"?s(P,{}):s(y,{}),C=t==="countdown"?a.replace(/\{seconds\}/g,String(d)):a;return h("div",{ref:x,className:b(w({variant:t}),l),"data-state":e?"open":"closed",role:"alert","aria-live":"assertive","aria-atomic":"true",...u,children:[v,s("span",{children:C})]})});g.displayName="Toast";function V(){const[l,t]=o.useState(!1),[e,a]=o.useState({message:""}),r=o.useCallback(u=>{a(u),t(!0)},[]),n=o.useCallback(()=>{t(!1)},[]);return{toastProps:{open:l,variant:e.variant,message:e.message,duration:e.duration,seconds:e.seconds,onClose:n},showToast:r}}var S=g;export{g as Toast,S as default,w as toastVariants,V as useToast};
+//# sourceMappingURL=toast.js.map