asterui 0.12.24 → 0.12.25

package/dist/components/Card.d.ts

@@ -1,4 +1,11 @@
 import { default as React } from 'react';
+export type CardSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type CardVariant = 'default' | 'border' | 'dash' | 'borderless';
+export interface CardTabItem {
+    key: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+}
 export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
     children?: React.ReactNode;
     title?: React.ReactNode;
@@ -6,8 +13,13 @@ export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 't
     extra?: React.ReactNode;
     cover?: React.ReactNode;
     actions?: React.ReactNode;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size?: CardSize;
+    /** @deprecated Use variant instead */
     bordered?: boolean;
+    /** Card style variant */
+    variant?: CardVariant;
+    /** Inner card style (nested cards) */
+    type?: 'inner';
     side?: boolean;
     imageFull?: boolean;
     actionsJustify?: 'start' | 'center' | 'end';
@@ -15,6 +27,12 @@ export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 't
     hoverable?: boolean;
     avatar?: React.ReactNode;
     description?: React.ReactNode;
+    tabList?: CardTabItem[];
+    activeTabKey?: string;
+    defaultActiveTabKey?: string;
+    onTabChange?: (key: string) => void;
+    tabBarExtraContent?: React.ReactNode;
+    'data-testid'?: string;
 }
 export interface CardMetaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
     /** Avatar or icon element */
@@ -23,16 +41,15 @@ export interface CardMetaProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     title?: React.ReactNode;
     /** Description content */
     description?: React.ReactNode;
+    'data-testid'?: string;
 }
 export interface CardGridProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     hoverable?: boolean;
+    'data-testid'?: string;
 }
-declare function CardGrid({ children, hoverable, className, style, ...rest }: CardGridProps): import("react/jsx-runtime").JSX.Element;
-declare function CardMeta({ avatar, title, description, className, ...rest }: CardMetaProps): import("react/jsx-runtime").JSX.Element;
-declare function CardRoot({ children, title, extra, cover, actions, className, style, size, bordered, side, imageFull, actionsJustify, loading, hoverable, avatar, description, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;
-export declare const Card: typeof CardRoot & {
-    Grid: typeof CardGrid;
-    Meta: typeof CardMeta;
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
+    Grid: React.ForwardRefExoticComponent<CardGridProps & React.RefAttributes<HTMLDivElement>>;
+    Meta: React.ForwardRefExoticComponent<CardMetaProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default Card;

package/dist/components/Tag.d.ts

@@ -1,18 +1,22 @@
 import { default as React } from 'react';
+export type TagSize = 'xs' | 'sm' | 'md' | 'lg';
+export type TagColor = 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error' | 'ghost';
 export interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> {
     closable?: boolean;
     closeIcon?: React.ReactNode;
     onClose?: () => void;
-    color?: string;
+    color?: TagColor | string;
     icon?: React.ReactNode;
-    size?: 'xs' | 'sm' | 'md' | 'lg';
+    size?: TagSize;
     children?: React.ReactNode;
+    'data-testid'?: string;
 }
 export interface CheckableTagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'> {
     checked?: boolean;
     onChange?: (checked: boolean) => void;
     icon?: React.ReactNode;
     children?: React.ReactNode;
+    'data-testid'?: string;
 }
-export declare const Tag: React.FC<TagProps>;
-export declare const CheckableTag: React.FC<CheckableTagProps>;
+export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const CheckableTag: React.ForwardRefExoticComponent<CheckableTagProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/TreeSelect.d.ts

@@ -1,19 +1,28 @@
 import { default as React } from 'react';
 import { TreeDataNode } from './Tree';
 export type TreeSelectSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type TreeSelectColor = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+export type TreeSelectColor = 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error';
 export type TreeSelectStatus = 'error' | 'warning';
+export type TreeSelectVariant = 'outlined' | 'filled' | 'borderless';
 export type ShowCheckedStrategy = 'SHOW_ALL' | 'SHOW_PARENT' | 'SHOW_CHILD';
 export interface TreeSelectFieldNames {
     label?: string;
     value?: string;
     children?: string;
 }
+/** Value type when labelInValue is true */
+export interface LabeledValue {
+    value: string;
+    label: React.ReactNode;
+}
 export interface TreeSelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
     treeData: TreeDataNode[];
-    value?: string | string[];
-    defaultValue?: string | string[];
-    onChange?: (value: string | string[], labels: React.ReactNode[]) => void;
+    value?: string | string[] | LabeledValue | LabeledValue[];
+    defaultValue?: string | string[] | LabeledValue | LabeledValue[];
+    onChange?: (value: string | string[] | LabeledValue | LabeledValue[], labels: React.ReactNode[], extra?: {
+        triggerValue: string;
+        triggerNode: TreeDataNode;
+    }) => void;
     multiple?: boolean;
     treeCheckable?: boolean;
     treeCheckStrictly?: boolean;
@@ -32,10 +41,26 @@ export interface TreeSelectProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     size?: TreeSelectSize;
     color?: TreeSelectColor;
     status?: TreeSelectStatus;
+    /** Visual variant style */
+    variant?: TreeSelectVariant;
+    /** Ghost style with no background */
+    ghost?: boolean;
+    /** Maximum number of tags to show (multiple/treeCheckable mode) */
     maxTagCount?: number | 'responsive';
     maxTagPlaceholder?: React.ReactNode | ((omittedValues: string[]) => React.ReactNode);
+    /** Maximum number of selections allowed */
+    maxCount?: number;
+    /** Return object with value and label instead of just value */
     labelInValue?: boolean;
+    /** Custom tag render function */
+    tagRender?: (props: {
+        label: React.ReactNode;
+        value: string;
+        closable: boolean;
+        onClose: () => void;
+    }) => React.ReactNode;
     treeLine?: boolean;
+    /** Show tree node icon */
     treeIcon?: boolean;
     loadData?: (node: TreeDataNode) => Promise<void>;
     fieldNames?: TreeSelectFieldNames;
@@ -51,3 +76,9 @@ export interface TreeSelectProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     'data-testid'?: string;
 }
 export declare const TreeSelect: React.ForwardRefExoticComponent<TreeSelectProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TreeSelectComponent: React.ForwardRefExoticComponent<TreeSelectProps & React.RefAttributes<HTMLDivElement>> & {
+    SHOW_ALL: "SHOW_ALL";
+    SHOW_PARENT: "SHOW_PARENT";
+    SHOW_CHILD: "SHOW_CHILD";
+};
+export { TreeSelectComponent as default };

package/dist/index.d.ts

@@ -23,7 +23,7 @@ export type { ChatProps } from './components/Chat';
 export { ColorPicker } from './components/ColorPicker';
 export type { ColorPickerProps } from './components/ColorPicker';
 export { Card } from './components/Card';
-export type { CardProps, CardGridProps } from './components/Card';
+export type { CardProps, CardGridProps, CardMetaProps, CardSize, CardVariant, CardTabItem } from './components/Card';
 export { Cascader } from './components/Cascader';
 export type { CascaderProps, CascaderOption } from './components/Cascader';
 export { Chart } from './components/Chart';
@@ -165,7 +165,7 @@ export type { TextareaProps } from './components/Textarea';
 export { TextRotate } from './components/TextRotate';
 export type { TextRotateProps, TextRotateDuration } from './components/TextRotate';
 export { Tag, CheckableTag } from './components/Tag';
-export type { TagProps, CheckableTagProps } from './components/Tag';
+export type { TagProps, CheckableTagProps, TagSize, TagColor } from './components/Tag';
 export { ThemeController } from './components/ThemeController';
 export type { ThemeControllerSwapProps, ThemeControllerDropdownProps, ThemeControllerToggleProps } from './components/ThemeController';
 export { TimePicker } from './components/TimePicker';
@@ -182,8 +182,8 @@ export { Transfer } from './components/Transfer';
 export type { TransferProps, TransferItem } from './components/Transfer';
 export { Tree } from './components/Tree';
 export type { TreeProps, TreeDataNode } from './components/Tree';
-export { TreeSelect } from './components/TreeSelect';
-export type { TreeSelectProps, TreeSelectSize, TreeSelectColor, TreeSelectStatus, TreeSelectFieldNames, ShowCheckedStrategy, } from './components/TreeSelect';
+export { TreeSelect, TreeSelectComponent } from './components/TreeSelect';
+export type { TreeSelectProps, TreeSelectSize, TreeSelectColor, TreeSelectStatus, TreeSelectVariant, TreeSelectFieldNames, ShowCheckedStrategy, LabeledValue, } from './components/TreeSelect';
 export { Typography } from './components/Typography';
 export type { TypographyProps, TitleProps, ParagraphProps, TextProps, TypographyLinkProps, TypographySize, TitleLevel, } from './components/Typography';
 export { Upload } from './components/Upload';

package/dist/index.js

@@ -6,7 +6,7 @@ import { Avatar as n, AvatarGroup as s } from "./index6.js";
 import { Badge as l } from "./index7.js";
 import { Breadcrumb as c } from "./index8.js";
 import { Button as T } from "./index9.js";
-import { CopyButton as P } from "./index10.js";
+import { CopyButton as S } from "./index10.js";
 import { Checkbox as b } from "./index11.js";
 import { Chat as y } from "./index12.js";
 import { ColorPicker as h } from "./index13.js";
@@ -32,7 +32,7 @@ import { Flex as io } from "./index32.js";
 import { FloatButton as so } from "./index33.js";
 import { Footer as lo } from "./index34.js";
 import { Form as Co, useFormInstance as To } from "./index35.js";
-import { Col as Po, Grid as So, Row as bo } from "./index36.js";
+import { Col as So, Grid as Po, Row as bo } from "./index36.js";
 import { Hero as yo } from "./index37.js";
 import { HoverGallery as ho } from "./index38.js";
 import { Image as vo } from "./index39.js";
@@ -58,7 +58,7 @@ import { Modal as ur } from "./index58.js";
 import { Navbar as dr } from "./index59.js";
 import { notification as Cr } from "./index60.js";
 import { OTPInput as gr } from "./index61.js";
-import { Pagination as Sr } from "./index62.js";
+import { Pagination as Pr } from "./index62.js";
 import { PageLayout as kr } from "./index63.js";
 import { Popconfirm as Dr } from "./index64.js";
 import { Popover as wr } from "./index65.js";
@@ -84,28 +84,28 @@ import { TextRotate as ne } from "./index84.js";
 import { CheckableTag as ue, Tag as le } from "./index85.js";
 import { ThemeController as ce } from "./index86.js";
 import { TimePicker as Te } from "./index87.js";
-import { Timeline as Pe } from "./index88.js";
+import { Timeline as Se } from "./index88.js";
 import { Toggle as be } from "./index89.js";
 import { Tour as ye } from "./index90.js";
 import { Tooltip as he } from "./index91.js";
 import { Transfer as ve } from "./index92.js";
 import { Tree as Re } from "./index93.js";
-import { TreeSelect as Ie } from "./index94.js";
-import { Typography as Le } from "./index95.js";
-import { Upload as He } from "./index96.js";
-import { VirtualList as Ke } from "./index97.js";
-import { Watermark as Ne } from "./index98.js";
-import { Hide as ze, Show as Ee } from "./index99.js";
-import { useBreakpoint as Qe } from "./index100.js";
-import { useDisclosure as Ve } from "./index101.js";
-import { useClipboard as qe } from "./index102.js";
-import { useLocalStorage as Ye } from "./index103.js";
-import { useDebounce as _e } from "./index104.js";
-import { useClickOutside as ot } from "./index105.js";
-import { usePrevious as et } from "./index106.js";
-import { useHover as pt } from "./index107.js";
-import { useKeyPress as ft, useKeyPressCallback as xt } from "./index108.js";
-import { useWindowSize as it } from "./index109.js";
+import { TreeSelect as Ie, TreeSelectComponent as Ae } from "./index94.js";
+import { Typography as Me } from "./index95.js";
+import { Upload as Ge } from "./index96.js";
+import { VirtualList as We } from "./index97.js";
+import { Watermark as Oe } from "./index98.js";
+import { Hide as Ee, Show as Je } from "./index99.js";
+import { useBreakpoint as Ue } from "./index100.js";
+import { useDisclosure as je } from "./index101.js";
+import { useClipboard as Xe } from "./index102.js";
+import { useLocalStorage as Ze } from "./index103.js";
+import { useDebounce as $e } from "./index104.js";
+import { useClickOutside as rt } from "./index105.js";
+import { usePrevious as tt } from "./index106.js";
+import { useHover as mt } from "./index107.js";
+import { useKeyPress as xt, useKeyPressCallback as at } from "./index108.js";
+import { useWindowSize as nt } from "./index109.js";
 export {
   e as Affix,
   f as Alert,
@@ -125,12 +125,12 @@ export {
   ue as CheckableTag,
   b as Checkbox,
   fr as Code,
-  Po as Col,
+  So as Col,
   H as Collapse,
   h as ColorPicker,
   K as Container,
   N as ContextMenu,
-  P as CopyButton,
+  S as CopyButton,
   z as Countdown,
   J as DatePicker,
   U as Descriptions,
@@ -147,9 +147,9 @@ export {
   so as FloatButton,
   lo as Footer,
   Co as Form,
-  So as Grid,
+  Po as Grid,
   yo as Hero,
-  ze as Hide,
+  Ee as Hide,
   ho as HoverGallery,
   vo as Image,
   Ro as Indicator,
@@ -168,7 +168,7 @@ export {
   dr as Navbar,
   gr as OTPInput,
   kr as PageLayout,
-  Sr as Pagination,
+  Pr as Pagination,
   ar as Phone,
   Dr as Popconfirm,
   wr as Popover,
@@ -182,7 +182,7 @@ export {
   bo as Row,
   Qr as Segmented,
   Er as Select,
-  Ee as Show,
+  Je as Show,
   ro as SidebarDrawer,
   Vr as Skeleton,
   qr as Space,
@@ -197,31 +197,32 @@ export {
   ae as Textarea,
   ce as ThemeController,
   Te as TimePicker,
-  Pe as Timeline,
+  Se as Timeline,
   be as Toggle,
   he as Tooltip,
   ye as Tour,
   ve as Transfer,
   Re as Tree,
   Ie as TreeSelect,
-  Le as Typography,
-  He as Upload,
-  Ke as VirtualList,
-  Ne as Watermark,
+  Ae as TreeSelectComponent,
+  Me as Typography,
+  Ge as Upload,
+  We as VirtualList,
+  Oe as Watermark,
   nr as Window,
   Cr as notification,
-  Qe as useBreakpoint,
-  ot as useClickOutside,
-  qe as useClipboard,
-  _e as useDebounce,
-  Ve as useDisclosure,
+  Ue as useBreakpoint,
+  rt as useClickOutside,
+  Xe as useClipboard,
+  $e as useDebounce,
+  je as useDisclosure,
   To as useFormInstance,
-  pt as useHover,
-  ft as useKeyPress,
-  xt as useKeyPressCallback,
-  Ye as useLocalStorage,
-  et as usePrevious,
+  mt as useHover,
+  xt as useKeyPress,
+  at as useKeyPressCallback,
+  Ze as useLocalStorage,
+  tt as usePrevious,
   Qo as useSiderContext,
-  it as useWindowSize
+  nt as useWindowSize
 };
 //# sourceMappingURL=index.js.map

package/dist/index11.js

@@ -2,49 +2,49 @@ import { jsxs as p, jsx as c } from "react/jsx-runtime";
 import R, { forwardRef as G, useContext as $, createContext as B } from "react";
 const y = B(null);
 function I({
-  children: f,
-  value: o,
-  defaultValue: x,
+  children: x,
+  value: r,
+  defaultValue: b,
   onChange: d,
-  disabled: n = !1,
+  disabled: a = !1,
   options: h,
-  direction: a = "vertical",
+  direction: s = "vertical",
   className: u = ""
 }) {
-  const [C, g] = R.useState(x || []), r = o !== void 0 ? o : C, t = {
-    value: r,
+  const [C, g] = R.useState(b || []), l = r !== void 0 ? r : C, t = {
+    value: l,
     onChange: (i, e) => {
-      const k = e ? [...r, i] : r.filter((b) => b !== i);
-      o === void 0 && g(k), d?.(k);
+      const k = e ? [...l, i] : l.filter((f) => f !== i);
+      r === void 0 && g(k), d?.(k);
     },
-    disabled: n
+    disabled: a
   };
   if (h) {
-    const i = a === "horizontal" ? "flex flex-row flex-wrap gap-4" : "flex flex-col";
-    return /* @__PURE__ */ c(y.Provider, { value: t, children: /* @__PURE__ */ c("div", { className: `${i} ${u}`.trim(), children: h.map((e) => typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ p("label", { className: "label cursor-pointer justify-start gap-2", children: [
+    const i = s === "horizontal" ? "flex flex-row flex-wrap gap-4" : "flex flex-col";
+    return /* @__PURE__ */ c(y.Provider, { value: t, children: /* @__PURE__ */ c("div", { className: `${i} ${u}`.trim(), children: h.map((e) => typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ p("label", { className: "flex items-center cursor-pointer gap-2", children: [
       /* @__PURE__ */ c(m, { value: e }),
-      /* @__PURE__ */ c("span", { className: "label-text", children: e })
-    ] }, e) : /* @__PURE__ */ p("label", { className: "label cursor-pointer justify-start gap-2", children: [
+      /* @__PURE__ */ c("span", { children: e })
+    ] }, e) : /* @__PURE__ */ p("label", { className: "flex items-center cursor-pointer gap-2", children: [
       /* @__PURE__ */ c(m, { value: e.value, disabled: e.disabled }),
-      /* @__PURE__ */ c("span", { className: "label-text", children: e.label })
+      /* @__PURE__ */ c("span", { children: e.label })
     ] }, e.value)) }) });
   }
-  return /* @__PURE__ */ c(y.Provider, { value: t, children: /* @__PURE__ */ c("div", { className: u, children: f }) });
+  return /* @__PURE__ */ c(y.Provider, { value: t, children: /* @__PURE__ */ c("div", { className: u, children: x }) });
 }
 const m = G(
   ({
-    children: f,
-    size: o,
-    color: x,
+    children: x,
+    size: r,
+    color: b,
     indeterminate: d = !1,
-    swap: n,
+    swap: a,
     className: h = "",
-    value: a,
+    value: s,
     checked: u,
     onChange: C,
     disabled: g,
-    ...r
-  }, l) => {
+    ...l
+  }, o) => {
     const t = $(y), i = {
       xs: "checkbox-xs",
       sm: "checkbox-sm",
@@ -62,58 +62,58 @@ const m = G(
       error: "checkbox-error"
     }, k = [
       "checkbox",
-      o && i[o],
-      x && e[x]
-    ].filter(Boolean).join(" "), b = t && a !== void 0 && (typeof a == "string" || typeof a == "number") ? t.value?.includes(a) ?? !1 : u, N = t?.disabled || g, v = (s) => {
-      t && a !== void 0 && (typeof a == "string" || typeof a == "number") && t.onChange?.(a, s.target.checked), C?.(s);
+      r && i[r],
+      b && e[b]
+    ].filter(Boolean).join(" "), f = t && s !== void 0 && (typeof s == "string" || typeof s == "number") ? t.value?.includes(s) ?? !1 : u, v = t?.disabled || g, w = (n) => {
+      t && s !== void 0 && (typeof s == "string" || typeof s == "number") && t.onChange?.(s, n.target.checked), C?.(n);
     }, V = R.useCallback(
-      (s) => {
-        s && (s.indeterminate = d), typeof l == "function" ? l(s) : l && (l.current = s);
+      (n) => {
+        n && (n.indeterminate = d), typeof o == "function" ? o(n) : o && (o.current = n);
       },
-      [d, l]
-    ), j = d ? "indeterminate" : b ? "checked" : "unchecked";
-    if (n) {
-      const s = [
+      [d, o]
+    ), N = d ? "indeterminate" : f ? "checked" : "unchecked";
+    if (a) {
+      const n = [
         "swap",
-        n.effect === "rotate" && "swap-rotate",
-        n.effect === "flip" && "swap-flip",
+        a.effect === "rotate" && "swap-rotate",
+        a.effect === "flip" && "swap-flip",
         h
       ].filter(Boolean).join(" ");
-      return /* @__PURE__ */ p("label", { className: s, children: [
+      return /* @__PURE__ */ p("label", { className: n, children: [
         /* @__PURE__ */ c(
           "input",
           {
-            ref: l,
+            ref: o,
             type: "checkbox",
-            checked: b,
-            onChange: v,
-            disabled: N,
-            "data-state": j,
-            ...r
+            checked: f,
+            onChange: w,
+            disabled: v,
+            "data-state": N,
+            ...l
           }
         ),
-        /* @__PURE__ */ c("div", { className: "swap-on", children: n.on }),
-        /* @__PURE__ */ c("div", { className: "swap-off", children: n.off })
+        /* @__PURE__ */ c("div", { className: "swap-on", children: a.on }),
+        /* @__PURE__ */ c("div", { className: "swap-off", children: a.off })
       ] });
     }
-    const w = /* @__PURE__ */ c(
+    const j = /* @__PURE__ */ c(
       "input",
       {
         ref: V,
         type: "checkbox",
         className: k,
-        value: a,
-        checked: b,
-        onChange: v,
-        disabled: N,
-        "data-state": j,
-        ...r
+        value: s,
+        checked: f,
+        onChange: w,
+        disabled: v,
+        "data-state": N,
+        ...l
       }
     );
-    return f ? /* @__PURE__ */ p("label", { className: `label cursor-pointer justify-start gap-2 ${h}`, children: [
-      w,
-      /* @__PURE__ */ c("span", { className: "label-text", children: f })
-    ] }) : w;
+    return x ? /* @__PURE__ */ p("label", { className: `flex items-center cursor-pointer gap-2 ${h}`, children: [
+      j,
+      /* @__PURE__ */ c("span", { children: x })
+    ] }) : j;
   }
 );
 m.displayName = "Checkbox";

package/dist/index11.js.map

@@ -1 +1 @@
-{"version":3,"file":"index11.js","sources":["../src/components/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, createContext, useContext } from 'react'\n\nexport interface CheckboxSwapConfig {\n  /** Content shown when checked */\n  on: React.ReactNode\n  /** Content shown when unchecked */\n  off: React.ReactNode\n  /** Animation effect for the swap transition */\n  effect?: 'rotate' | 'flip'\n}\n\nexport interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  children?: React.ReactNode\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'info' | 'error'\n  indeterminate?: boolean\n  /** Swap mode: toggle between two visual states instead of showing a checkbox */\n  swap?: CheckboxSwapConfig\n  className?: string\n}\n\nexport interface CheckboxOptionType {\n  label: React.ReactNode\n  value: string | number\n  disabled?: boolean\n}\n\nexport interface CheckboxGroupProps {\n  children?: React.ReactNode\n  value?: (string | number)[]\n  defaultValue?: (string | number)[]\n  onChange?: (values: (string | number)[]) => void\n  disabled?: boolean\n  options?: (string | number | CheckboxOptionType)[]\n  /** Layout direction for options */\n  direction?: 'horizontal' | 'vertical'\n  className?: string\n}\n\ninterface CheckboxGroupContextValue {\n  value?: (string | number)[]\n  onChange?: (checkedValue: string | number, checked: boolean) => void\n  disabled?: boolean\n}\n\nconst CheckboxGroupContext = createContext<CheckboxGroupContextValue | null>(null)\n\nfunction CheckboxGroup({\n  children,\n  value,\n  defaultValue,\n  onChange,\n  disabled = false,\n  options,\n  direction = 'vertical',\n  className = ''\n}: CheckboxGroupProps) {\n  const [internalValue, setInternalValue] = React.useState<(string | number)[]>(defaultValue || [])\n  const currentValue = value !== undefined ? value : internalValue\n\n  const handleChange = (checkedValue: string | number, checked: boolean) => {\n    const newValue = checked\n      ? [...currentValue, checkedValue]\n      : currentValue.filter((v) => v !== checkedValue)\n\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n  }\n\n  const contextValue: CheckboxGroupContextValue = {\n    value: currentValue,\n    onChange: handleChange,\n    disabled,\n  }\n\n  // If options are provided, render checkboxes automatically\n  if (options) {\n    const directionClasses = direction === 'horizontal' ? 'flex flex-row flex-wrap gap-4' : 'flex flex-col'\n    return (\n      <CheckboxGroupContext.Provider value={contextValue}>\n        <div className={`${directionClasses} ${className}`.trim()}>\n          {options.map((option) => {\n            if (typeof option === 'string' || typeof option === 'number') {\n              return (\n                <label key={option} className=\"label cursor-pointer justify-start gap-2\">\n                  <CheckboxRoot value={option} />\n                  <span className=\"label-text\">{option}</span>\n                </label>\n              )\n            } else {\n              return (\n                <label key={option.value} className=\"label cursor-pointer justify-start gap-2\">\n                  <CheckboxRoot value={option.value} disabled={option.disabled} />\n                  <span className=\"label-text\">{option.label}</span>\n                </label>\n              )\n            }\n          })}\n        </div>\n      </CheckboxGroupContext.Provider>\n    )\n  }\n\n  return (\n    <CheckboxGroupContext.Provider value={contextValue}>\n      <div className={className}>{children}</div>\n    </CheckboxGroupContext.Provider>\n  )\n}\n\nconst CheckboxRoot = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      children,\n      size,\n      color,\n      indeterminate = false,\n      swap,\n      className = '',\n      value,\n      checked,\n      onChange,\n      disabled: disabledProp,\n      ...props\n    },\n    ref\n  ) => {\n    const groupContext = useContext(CheckboxGroupContext)\n\n    const sizeClasses = {\n      xs: 'checkbox-xs',\n      sm: 'checkbox-sm',\n      md: 'checkbox-md',\n      lg: 'checkbox-lg',\n      xl: 'checkbox-xl',\n    }\n\n    const colorClasses = {\n      primary: 'checkbox-primary',\n      secondary: 'checkbox-secondary',\n      accent: 'checkbox-accent',\n      neutral: 'checkbox-neutral',\n      success: 'checkbox-success',\n      warning: 'checkbox-warning',\n      info: 'checkbox-info',\n      error: 'checkbox-error',\n    }\n\n    const checkboxClasses = [\n      'checkbox',\n      size && sizeClasses[size],\n      color && colorClasses[color],\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    // If in a group, use group's value to determine checked state\n    const isChecked = groupContext && value !== undefined && (typeof value === 'string' || typeof value === 'number')\n      ? groupContext.value?.includes(value) ?? false\n      : checked\n\n    const isDisabled = groupContext?.disabled || disabledProp\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (groupContext && value !== undefined && (typeof value === 'string' || typeof value === 'number')) {\n        groupContext.onChange?.(value, e.target.checked)\n      }\n      onChange?.(e)\n    }\n\n    // Handle indeterminate state\n    const checkboxRef = React.useCallback(\n      (node: HTMLInputElement | null) => {\n        if (node) {\n          node.indeterminate = indeterminate\n        }\n        if (typeof ref === 'function') {\n          ref(node)\n        } else if (ref) {\n          ref.current = node\n        }\n      },\n      [indeterminate, ref]\n    )\n\n    const dataState = indeterminate ? 'indeterminate' : isChecked ? 'checked' : 'unchecked'\n\n    // Swap mode: render as a swap toggle instead of checkbox\n    if (swap) {\n      const swapClasses = [\n        'swap',\n        swap.effect === 'rotate' && 'swap-rotate',\n        swap.effect === 'flip' && 'swap-flip',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')\n\n      return (\n        <label className={swapClasses}>\n          <input\n            ref={ref}\n            type=\"checkbox\"\n            checked={isChecked}\n            onChange={handleChange}\n            disabled={isDisabled}\n            data-state={dataState}\n            {...props}\n          />\n          <div className=\"swap-on\">{swap.on}</div>\n          <div className=\"swap-off\">{swap.off}</div>\n        </label>\n      )\n    }\n\n    const checkboxInput = (\n      <input\n        ref={checkboxRef}\n        type=\"checkbox\"\n        className={checkboxClasses}\n        value={value}\n        checked={isChecked}\n        onChange={handleChange}\n        disabled={isDisabled}\n        data-state={dataState}\n        {...props}\n      />\n    )\n\n    // If children provided, wrap in label\n    if (children) {\n      return (\n        <label className={`label cursor-pointer justify-start gap-2 ${className}`}>\n          {checkboxInput}\n          <span className=\"label-text\">{children}</span>\n        </label>\n      )\n    }\n\n    return checkboxInput\n  }\n)\n\nCheckboxRoot.displayName = 'Checkbox'\n\nexport const Checkbox = Object.assign(CheckboxRoot, {\n  Group: CheckboxGroup,\n})\n"],"names":["CheckboxGroupContext","createContext","CheckboxGroup","children","value","defaultValue","onChange","disabled","options","direction","className","internalValue","setInternalValue","React","currentValue","contextValue","checkedValue","checked","newValue","v","directionClasses","option","jsxs","jsx","CheckboxRoot","forwardRef","size","color","indeterminate","swap","disabledProp","props","ref","groupContext","useContext","sizeClasses","colorClasses","checkboxClasses","isChecked","isDisabled","handleChange","e","checkboxRef","node","dataState","swapClasses","checkboxInput","Checkbox"],"mappings":"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"}
+{"version":3,"file":"index11.js","sources":["../src/components/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, createContext, useContext } from 'react'\n\nexport interface CheckboxSwapConfig {\n  /** Content shown when checked */\n  on: React.ReactNode\n  /** Content shown when unchecked */\n  off: React.ReactNode\n  /** Animation effect for the swap transition */\n  effect?: 'rotate' | 'flip'\n}\n\nexport interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  children?: React.ReactNode\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'info' | 'error'\n  indeterminate?: boolean\n  /** Swap mode: toggle between two visual states instead of showing a checkbox */\n  swap?: CheckboxSwapConfig\n  className?: string\n}\n\nexport interface CheckboxOptionType {\n  label: React.ReactNode\n  value: string | number\n  disabled?: boolean\n}\n\nexport interface CheckboxGroupProps {\n  children?: React.ReactNode\n  value?: (string | number)[]\n  defaultValue?: (string | number)[]\n  onChange?: (values: (string | number)[]) => void\n  disabled?: boolean\n  options?: (string | number | CheckboxOptionType)[]\n  /** Layout direction for options */\n  direction?: 'horizontal' | 'vertical'\n  className?: string\n}\n\ninterface CheckboxGroupContextValue {\n  value?: (string | number)[]\n  onChange?: (checkedValue: string | number, checked: boolean) => void\n  disabled?: boolean\n}\n\nconst CheckboxGroupContext = createContext<CheckboxGroupContextValue | null>(null)\n\nfunction CheckboxGroup({\n  children,\n  value,\n  defaultValue,\n  onChange,\n  disabled = false,\n  options,\n  direction = 'vertical',\n  className = ''\n}: CheckboxGroupProps) {\n  const [internalValue, setInternalValue] = React.useState<(string | number)[]>(defaultValue || [])\n  const currentValue = value !== undefined ? value : internalValue\n\n  const handleChange = (checkedValue: string | number, checked: boolean) => {\n    const newValue = checked\n      ? [...currentValue, checkedValue]\n      : currentValue.filter((v) => v !== checkedValue)\n\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n  }\n\n  const contextValue: CheckboxGroupContextValue = {\n    value: currentValue,\n    onChange: handleChange,\n    disabled,\n  }\n\n  // If options are provided, render checkboxes automatically\n  if (options) {\n    const directionClasses = direction === 'horizontal' ? 'flex flex-row flex-wrap gap-4' : 'flex flex-col'\n    return (\n      <CheckboxGroupContext.Provider value={contextValue}>\n        <div className={`${directionClasses} ${className}`.trim()}>\n          {options.map((option) => {\n            if (typeof option === 'string' || typeof option === 'number') {\n              return (\n                <label key={option} className=\"flex items-center cursor-pointer gap-2\">\n                  <CheckboxRoot value={option} />\n                  <span>{option}</span>\n                </label>\n              )\n            } else {\n              return (\n                <label key={option.value} className=\"flex items-center cursor-pointer gap-2\">\n                  <CheckboxRoot value={option.value} disabled={option.disabled} />\n                  <span>{option.label}</span>\n                </label>\n              )\n            }\n          })}\n        </div>\n      </CheckboxGroupContext.Provider>\n    )\n  }\n\n  return (\n    <CheckboxGroupContext.Provider value={contextValue}>\n      <div className={className}>{children}</div>\n    </CheckboxGroupContext.Provider>\n  )\n}\n\nconst CheckboxRoot = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      children,\n      size,\n      color,\n      indeterminate = false,\n      swap,\n      className = '',\n      value,\n      checked,\n      onChange,\n      disabled: disabledProp,\n      ...props\n    },\n    ref\n  ) => {\n    const groupContext = useContext(CheckboxGroupContext)\n\n    const sizeClasses = {\n      xs: 'checkbox-xs',\n      sm: 'checkbox-sm',\n      md: 'checkbox-md',\n      lg: 'checkbox-lg',\n      xl: 'checkbox-xl',\n    }\n\n    const colorClasses = {\n      primary: 'checkbox-primary',\n      secondary: 'checkbox-secondary',\n      accent: 'checkbox-accent',\n      neutral: 'checkbox-neutral',\n      success: 'checkbox-success',\n      warning: 'checkbox-warning',\n      info: 'checkbox-info',\n      error: 'checkbox-error',\n    }\n\n    const checkboxClasses = [\n      'checkbox',\n      size && sizeClasses[size],\n      color && colorClasses[color],\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    // If in a group, use group's value to determine checked state\n    const isChecked = groupContext && value !== undefined && (typeof value === 'string' || typeof value === 'number')\n      ? groupContext.value?.includes(value) ?? false\n      : checked\n\n    const isDisabled = groupContext?.disabled || disabledProp\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (groupContext && value !== undefined && (typeof value === 'string' || typeof value === 'number')) {\n        groupContext.onChange?.(value, e.target.checked)\n      }\n      onChange?.(e)\n    }\n\n    // Handle indeterminate state\n    const checkboxRef = React.useCallback(\n      (node: HTMLInputElement | null) => {\n        if (node) {\n          node.indeterminate = indeterminate\n        }\n        if (typeof ref === 'function') {\n          ref(node)\n        } else if (ref) {\n          ref.current = node\n        }\n      },\n      [indeterminate, ref]\n    )\n\n    const dataState = indeterminate ? 'indeterminate' : isChecked ? 'checked' : 'unchecked'\n\n    // Swap mode: render as a swap toggle instead of checkbox\n    if (swap) {\n      const swapClasses = [\n        'swap',\n        swap.effect === 'rotate' && 'swap-rotate',\n        swap.effect === 'flip' && 'swap-flip',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')\n\n      return (\n        <label className={swapClasses}>\n          <input\n            ref={ref}\n            type=\"checkbox\"\n            checked={isChecked}\n            onChange={handleChange}\n            disabled={isDisabled}\n            data-state={dataState}\n            {...props}\n          />\n          <div className=\"swap-on\">{swap.on}</div>\n          <div className=\"swap-off\">{swap.off}</div>\n        </label>\n      )\n    }\n\n    const checkboxInput = (\n      <input\n        ref={checkboxRef}\n        type=\"checkbox\"\n        className={checkboxClasses}\n        value={value}\n        checked={isChecked}\n        onChange={handleChange}\n        disabled={isDisabled}\n        data-state={dataState}\n        {...props}\n      />\n    )\n\n    // If children provided, wrap in label\n    if (children) {\n      return (\n        <label className={`flex items-center cursor-pointer gap-2 ${className}`}>\n          {checkboxInput}\n          <span>{children}</span>\n        </label>\n      )\n    }\n\n    return checkboxInput\n  }\n)\n\nCheckboxRoot.displayName = 'Checkbox'\n\nexport const Checkbox = Object.assign(CheckboxRoot, {\n  Group: CheckboxGroup,\n})\n"],"names":["CheckboxGroupContext","createContext","CheckboxGroup","children","value","defaultValue","onChange","disabled","options","direction","className","internalValue","setInternalValue","React","currentValue","contextValue","checkedValue","checked","newValue","v","directionClasses","option","jsxs","jsx","CheckboxRoot","forwardRef","size","color","indeterminate","swap","disabledProp","props","ref","groupContext","useContext","sizeClasses","colorClasses","checkboxClasses","isChecked","isDisabled","handleChange","e","checkboxRef","node","dataState","swapClasses","checkboxInput","Checkbox"],"mappings":"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"}