asterui 0.12.24 → 0.12.26

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/Cascader.d.ts

@@ -65,5 +65,7 @@ export interface CascaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     maxTagCount?: number | 'responsive';
     /** Accessible label */
     'aria-label'?: string;
+    /** Test ID for the component */
+    'data-testid'?: string;
 }
 export declare const Cascader: React.ForwardRefExoticComponent<CascaderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Tag.d.ts

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

package/dist/components/Tree.d.ts

@@ -85,6 +85,8 @@ export interface TreeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
         title?: string;
         children?: string;
     };
+    /** Test ID for the component */
+    'data-testid'?: string;
 }
 export interface TreeNodeProps {
     /** Unique key for the node (uses React's key prop) */

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';
@@ -164,8 +164,8 @@ export { Textarea } from './components/Textarea';
 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 { Tag, CheckableTag, TagLiveRegion } from './components/Tag';
+export type { TagProps, CheckableTagProps, TagSize, TagColor, TagVariant } 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,14 +6,14 @@ 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";
-import { Card as v } from "./index14.js";
-import { Cascader as R } from "./index15.js";
+import { Card as w } from "./index14.js";
+import { Cascader as F } from "./index15.js";
 import { Chart as I } from "./index16.js";
-import { Carousel as L } from "./index17.js";
+import { Carousel as A } from "./index17.js";
 import { Collapse as H } from "./index18.js";
 import { Container as K } from "./index19.js";
 import { ContextMenu as N } from "./index20.js";
@@ -32,13 +32,13 @@ 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";
-import { Indicator as Ro } from "./index40.js";
+import { Image as wo } from "./index39.js";
+import { Indicator as Fo } from "./index40.js";
 import { Dropdown as Io } from "./index41.js";
-import { Empty as Lo } from "./index42.js";
+import { Empty as Ao } from "./index42.js";
 import { Input as Ho } from "./index43.js";
 import { InputNumber as Ko } from "./index44.js";
 import { Join as No } from "./index45.js";
@@ -58,13 +58,13 @@ 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";
-import { Progress as Fr } from "./index66.js";
+import { Popover as vr } from "./index65.js";
+import { Progress as Rr } from "./index66.js";
 import { QRCode as Br } from "./index67.js";
-import { Radio as Ar } from "./index68.js";
+import { Radio as Lr } from "./index68.js";
 import { RadialProgress as Mr } from "./index69.js";
 import { Range as Gr } from "./index70.js";
 import { Rating as Wr } from "./index71.js";
@@ -81,31 +81,31 @@ import { Table as pe } from "./index81.js";
 import { Tabs as fe } from "./index82.js";
 import { Textarea as ae } from "./index83.js";
 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 { CheckableTag as ue, Tag as le, TagLiveRegion as de } from "./index85.js";
+import { ThemeController as Ce } from "./index86.js";
+import { TimePicker as ge } from "./index87.js";
 import { Timeline as Pe } 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 { Toggle as ke } from "./index89.js";
+import { Tour as De } from "./index90.js";
+import { Tooltip as ve } from "./index91.js";
+import { Transfer as Re } from "./index92.js";
+import { Tree as Be } from "./index93.js";
+import { TreeSelect as Le, TreeSelectComponent as Ae } from "./index94.js";
+import { Typography as He } from "./index95.js";
+import { Upload as Ke } from "./index96.js";
+import { VirtualList as Ne } from "./index97.js";
+import { Watermark as ze } from "./index98.js";
+import { Hide as Je, Show as Qe } from "./index99.js";
+import { useBreakpoint as Ve } from "./index100.js";
+import { useDisclosure as qe } from "./index101.js";
+import { useClipboard as Ye } from "./index102.js";
+import { useLocalStorage as _e } from "./index103.js";
+import { useDebounce as ot } from "./index104.js";
+import { useClickOutside as et } from "./index105.js";
+import { usePrevious as pt } from "./index106.js";
+import { useHover as ft } from "./index107.js";
+import { useKeyPress as at, useKeyPressCallback as it } from "./index108.js";
+import { useWindowSize as st } from "./index109.js";
 export {
   e as Affix,
   f as Alert,
@@ -117,20 +117,20 @@ export {
   c as Breadcrumb,
   pr as Browser,
   T as Button,
-  v as Card,
-  L as Carousel,
-  R as Cascader,
+  w as Card,
+  A as Carousel,
+  F as Cascader,
   I as Chart,
   y as Chat,
   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,
@@ -139,7 +139,7 @@ export {
   X as Dock,
   $ as Drawer,
   Io as Dropdown,
-  Lo as Empty,
+  Ao as Empty,
   to as Fieldset,
   mo as FileInput,
   xo as Filter,
@@ -147,12 +147,12 @@ export {
   so as FloatButton,
   lo as Footer,
   Co as Form,
-  So as Grid,
+  Po as Grid,
   yo as Hero,
-  ze as Hide,
+  Je as Hide,
   ho as HoverGallery,
-  vo as Image,
-  Ro as Indicator,
+  wo as Image,
+  Fo as Indicator,
   Ho as Input,
   Ko as InputNumber,
   No as Join,
@@ -168,21 +168,21 @@ 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,
-  Fr as Progress,
+  vr as Popover,
+  Rr as Progress,
   Br as QRCode,
   Mr as RadialProgress,
-  Ar as Radio,
+  Lr as Radio,
   Gr as Range,
   Wr as Rating,
   Or as Result,
   bo as Row,
   Qr as Segmented,
   Er as Select,
-  Ee as Show,
+  Qe as Show,
   ro as SidebarDrawer,
   Vr as Skeleton,
   qr as Space,
@@ -193,35 +193,37 @@ export {
   pe as Table,
   fe as Tabs,
   le as Tag,
+  de as TagLiveRegion,
   ne as TextRotate,
   ae as Textarea,
-  ce as ThemeController,
-  Te as TimePicker,
+  Ce as ThemeController,
+  ge as TimePicker,
   Pe 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,
+  ke as Toggle,
+  ve as Tooltip,
+  De as Tour,
+  Re as Transfer,
+  Be as Tree,
+  Le as TreeSelect,
+  Ae as TreeSelectComponent,
+  He as Typography,
+  Ke as Upload,
+  Ne as VirtualList,
+  ze as Watermark,
   nr as Window,
   Cr as notification,
-  Qe as useBreakpoint,
-  ot as useClickOutside,
-  qe as useClipboard,
-  _e as useDebounce,
-  Ve as useDisclosure,
+  Ve as useBreakpoint,
+  et as useClickOutside,
+  Ye as useClipboard,
+  ot as useDebounce,
+  qe as useDisclosure,
   To as useFormInstance,
-  pt as useHover,
-  ft as useKeyPress,
-  xt as useKeyPressCallback,
-  Ye as useLocalStorage,
-  et as usePrevious,
+  ft as useHover,
+  at as useKeyPress,
+  it as useKeyPressCallback,
+  _e as useLocalStorage,
+  pt as usePrevious,
   Qo as useSiderContext,
-  it as useWindowSize
+  st 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";