asterui 0.12.15 → 0.12.17

package/README.md

@@ -86,7 +86,7 @@ export default function App() {
             </Form.Item>
             <Link size="sm">Forgot password?</Link>
           </Space>
-          <Button type="primary" htmlType="submit" shape="block">
+          <Button color="primary" htmlType="submit" shape="block">
             Sign In
           </Button>
           <Divider>or</Divider>

package/dist/components/Checkbox.d.ts

@@ -28,9 +28,11 @@ export interface CheckboxGroupProps {
     onChange?: (values: (string | number)[]) => void;
     disabled?: boolean;
     options?: (string | number | CheckboxOptionType)[];
+    /** Layout direction for options */
+    direction?: 'horizontal' | 'vertical';
     className?: string;
 }
-declare function CheckboxGroup({ children, value, defaultValue, onChange, disabled, options, className }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function CheckboxGroup({ children, value, defaultValue, onChange, disabled, options, direction, className }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
 export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> & {
     Group: typeof CheckboxGroup;
 };

package/dist/components/Form.d.ts

@@ -42,6 +42,8 @@ export type ValidateTrigger = 'onChange' | 'onBlur' | 'onSubmit' | ('onChange' |
 export interface FormItemProps {
     name?: string | string[];
     label?: string;
+    /** Floating label text (alternative to label, uses DaisyUI floating-label) */
+    floatingLabel?: string;
     help?: string;
     required?: boolean;
     rules?: FormRule | FormRule[];
@@ -63,6 +65,10 @@ export interface FormItemProps {
     initialValue?: any;
     /** Hide this field (still validates and submits) */
     hidden?: boolean;
+    /** Text/element before input (outside, using DaisyUI label) */
+    addonBefore?: React.ReactNode;
+    /** Text/element after input (outside, using DaisyUI label) */
+    addonAfter?: React.ReactNode;
 }
 export interface FormListProps<TFieldValues extends FieldValues = FieldValues> {
     name: FieldArrayPath<TFieldValues>;
@@ -73,7 +79,7 @@ export interface FormListProps<TFieldValues extends FieldValues = FieldValues> {
     }) => React.ReactNode;
 }
 declare function FormRoot<TFieldValues extends FieldValues = FieldValues>({ form: externalForm, onFinish, onFinishFailed, initialValues, layout, labelWidth, size, disabled, children, className, noValidate, ...props }: FormProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
-declare function FormItem({ name, label, help, required, rules, valuePropName, inline, className, children, tooltip, extra, hasFeedback, dependencies, validateTrigger, initialValue, hidden, }: FormItemProps): import("react/jsx-runtime").JSX.Element;
+declare function FormItem({ name, label, floatingLabel, help, required, rules, valuePropName, inline, className, children, tooltip, extra, hasFeedback, dependencies, validateTrigger, initialValue, hidden, addonBefore, addonAfter, }: FormItemProps): import("react/jsx-runtime").JSX.Element;
 declare function FormList<TFieldValues extends FieldValues = FieldValues>({ name, children, }: FormListProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export declare function useFormInstance<TFieldValues extends FieldValues = FieldValues>(): UseFormReturn<TFieldValues, any, TFieldValues> & {
     setFieldValue: import('react-hook-form').UseFormSetValue<TFieldValues>;

package/dist/components/HoverGallery.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface HoverGalleryProps {
+    /** Image sources (2-10 images) */
+    images: string[];
+    /** Alt text for images (optional, uses index if not provided) */
+    alts?: string[];
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const HoverGallery: React.FC<HoverGalleryProps>;

package/dist/components/Input.d.ts

@@ -18,11 +18,19 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     };
     /** Callback when clear button is clicked */
     onClear?: () => void;
-    /** Prefix icon or element */
+    /** Prefix icon or element (inside input) */
     prefix?: React.ReactNode;
-    /** Suffix icon or element */
+    /** Suffix icon or element (inside input) */
     suffix?: React.ReactNode;
+    /** Text/element before input (outside, using DaisyUI label) */
+    addonBefore?: React.ReactNode;
+    /** Text/element after input (outside, using DaisyUI label) */
+    addonAfter?: React.ReactNode;
+    /** Floating label text (uses DaisyUI floating-label) */
+    floatingLabel?: string;
     /** ID for error message element (for aria-describedby) */
     errorId?: string;
+    /** Render as unstyled input (for use inside styled wrappers) */
+    unstyled?: boolean;
 }
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/index.d.ts

@@ -68,6 +68,8 @@ export { Grid, Row, Col } from './components/Grid';
 export type { RowProps, ColProps } from './components/Grid';
 export { Hero } from './components/Hero';
 export type { HeroProps } from './components/Hero';
+export { HoverGallery } from './components/HoverGallery';
+export type { HoverGalleryProps } from './components/HoverGallery';
 export { Image } from './components/Image';
 export type { ImageProps } from './components/Image';
 export { Indicator } from './components/Indicator';
@@ -84,8 +86,6 @@ export { Join } from './components/Join';
 export type { JoinProps } from './components/Join';
 export { Kbd } from './components/Kbd';
 export type { KbdProps } from './components/Kbd';
-export { Label } from './components/Label';
-export type { LabelProps, FloatingLabelProps } from './components/Label';
 export { Layout, useSiderContext } from './components/Layout';
 export type { LayoutProps, LayoutHeaderProps, LayoutFooterProps, LayoutContentProps, LayoutSiderProps } from './components/Layout';
 export { List } from './components/List';

package/dist/index.js

@@ -10,12 +10,12 @@ import { Checkbox as P } from "./index10.js";
 import { Chat as b } from "./index11.js";
 import { ColorPicker as D } from "./index12.js";
 import { Card as w } from "./index13.js";
-import { Cascader as F } from "./index14.js";
-import { Chart as v } from "./index15.js";
+import { Cascader as v } from "./index14.js";
+import { Chart as R } from "./index15.js";
 import { Carousel as A } from "./index16.js";
-import { Collapse as L } from "./index17.js";
+import { Collapse as M } from "./index17.js";
 import { Container as H } from "./index18.js";
-import { ContextMenu as G } from "./index19.js";
+import { ContextMenu as K } from "./index19.js";
 import { Countdown as O } from "./index20.js";
 import { DatePicker as z } from "./index21.js";
 import { Descriptions as J } from "./index22.js";
@@ -33,15 +33,15 @@ import { Footer as so } from "./index33.js";
 import { Form as lo, useFormInstance as co } from "./index34.js";
 import { Col as To, Grid as go, Row as Po } from "./index35.js";
 import { Hero as bo } from "./index36.js";
-import { Image as Do } from "./index37.js";
-import { Indicator as wo } from "./index38.js";
-import { Dropdown as Fo } from "./index39.js";
-import { Empty as vo } from "./index40.js";
-import { Input as Ao } from "./index41.js";
-import { InputNumber as Lo } from "./index42.js";
-import { Join as Ho } from "./index43.js";
-import { Kbd as Go } from "./index44.js";
-import { Label as Oo } from "./index45.js";
+import { HoverGallery as Do } from "./index37.js";
+import { Image as wo } from "./index38.js";
+import { Indicator as vo } from "./index39.js";
+import { Dropdown as Ro } from "./index40.js";
+import { Empty as Ao } from "./index41.js";
+import { Input as Mo } from "./index42.js";
+import { InputNumber as Ho } from "./index43.js";
+import { Join as Ko } from "./index44.js";
+import { Kbd as Oo } from "./index45.js";
 import { Layout as zo, useSiderContext as Eo } from "./index46.js";
 import { List as Qo } from "./index47.js";
 import { Loading as jo } from "./index48.js";
@@ -62,11 +62,11 @@ import { PageLayout as Sr } from "./index62.js";
 import { Popconfirm as kr } from "./index63.js";
 import { Popover as hr } from "./index64.js";
 import { Progress as yr } from "./index65.js";
-import { QRCode as Rr } from "./index66.js";
+import { QRCode as Fr } from "./index66.js";
 import { Radio as Ir } from "./index67.js";
 import { RadialProgress as Br } from "./index68.js";
-import { Range as Mr } from "./index69.js";
-import { Rating as Kr } from "./index70.js";
+import { Range as Lr } from "./index69.js";
+import { Rating as Gr } from "./index70.js";
 import { Result as Nr } from "./index71.js";
 import { Select as Wr } from "./index72.js";
 import { Segmented as Er } from "./index73.js";
@@ -88,11 +88,11 @@ import { Toggle as Pe } from "./index88.js";
 import { Tour as be } from "./index89.js";
 import { Tooltip as De } from "./index90.js";
 import { Transfer as we } from "./index91.js";
-import { Tree as Fe } from "./index92.js";
-import { TreeSelect as ve } from "./index93.js";
+import { Tree as ve } from "./index92.js";
+import { TreeSelect as Re } from "./index93.js";
 import { Typography as Ae } from "./index94.js";
-import { Upload as Le } from "./index95.js";
-import { Hide as He, Show as Ke } from "./index96.js";
+import { Upload as Me } from "./index95.js";
+import { Hide as He, Show as Ge } from "./index96.js";
 import { useBreakpoint as Ne } from "./index97.js";
 import { useDisclosure as We } from "./index98.js";
 import { useClipboard as Ee } from "./index99.js";
@@ -116,17 +116,17 @@ export {
   T as Button,
   w as Card,
   A as Carousel,
-  F as Cascader,
-  v as Chart,
+  v as Cascader,
+  R as Chart,
   b as Chat,
   ne as CheckableTag,
   P as Checkbox,
   pr as Code,
   To as Col,
-  L as Collapse,
+  M as Collapse,
   D as ColorPicker,
   H as Container,
-  G as ContextMenu,
+  K as ContextMenu,
   O as Countdown,
   z as DatePicker,
   J as Descriptions,
@@ -134,8 +134,8 @@ export {
   X as Divider,
   q as Dock,
   Z as Drawer,
-  Fo as Dropdown,
-  vo as Empty,
+  Ro as Dropdown,
+  Ao as Empty,
   ro as Fieldset,
   to as FileInput,
   mo as Filter,
@@ -146,13 +146,13 @@ export {
   go as Grid,
   bo as Hero,
   He as Hide,
-  Do as Image,
-  wo as Indicator,
-  Ao as Input,
-  Lo as InputNumber,
-  Ho as Join,
-  Go as Kbd,
-  Oo as Label,
+  Do as HoverGallery,
+  wo as Image,
+  vo as Indicator,
+  Mo as Input,
+  Ho as InputNumber,
+  Ko as Join,
+  Oo as Kbd,
   zo as Layout,
   Qo as List,
   jo as Loading,
@@ -169,16 +169,16 @@ export {
   kr as Popconfirm,
   hr as Popover,
   yr as Progress,
-  Rr as QRCode,
+  Fr as QRCode,
   Br as RadialProgress,
   Ir as Radio,
-  Mr as Range,
-  Kr as Rating,
+  Lr as Range,
+  Gr as Rating,
   Nr as Result,
   Po as Row,
   Er as Segmented,
   Wr as Select,
-  Ke as Show,
+  Ge as Show,
   $ as SidebarDrawer,
   Qr as Skeleton,
   jr as Space,
@@ -198,10 +198,10 @@ export {
   De as Tooltip,
   be as Tour,
   we as Transfer,
-  Fe as Tree,
-  ve as TreeSelect,
+  ve as Tree,
+  Re as TreeSelect,
   Ae as Typography,
-  Le as Upload,
+  Me as Upload,
   ar as Window,
   dr as notification,
   Ne as useBreakpoint,

package/dist/index10.js

@@ -1,52 +1,57 @@
-import { jsxs as f, jsx as c } from "react/jsx-runtime";
-import R, { forwardRef as G, useContext as B, createContext as I } from "react";
-const y = I(null);
-function P({
-  children: h,
-  value: l,
-  defaultValue: d,
-  onChange: o,
+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,
+  onChange: h,
   disabled: n = !1,
-  options: r,
-  className: s = ""
+  options: d,
+  direction: a = "vertical",
+  className: u = ""
 }) {
-  const [x, k] = R.useState(d || []), i = l !== void 0 ? l : x, a = {
-    value: i,
-    onChange: (e, m) => {
-      const b = m ? [...i, e] : i.filter((C) => C !== e);
-      l === void 0 && k(b), o?.(b);
+  const [C, g] = R.useState(x || []), r = o !== void 0 ? o : C, t = {
+    value: r,
+    onChange: (i, e) => {
+      const k = e ? [...r, i] : r.filter((b) => b !== i);
+      o === void 0 && g(k), h?.(k);
     },
     disabled: n
   };
-  return r ? /* @__PURE__ */ c(y.Provider, { value: a, children: /* @__PURE__ */ c("div", { className: s, children: r.map((e) => typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ f("label", { className: "label cursor-pointer justify-start gap-2", children: [
-    /* @__PURE__ */ c(u, { value: e }),
-    /* @__PURE__ */ c("span", { className: "label-text", children: e })
-  ] }, e) : /* @__PURE__ */ f("label", { className: "label cursor-pointer justify-start gap-2", children: [
-    /* @__PURE__ */ c(u, { value: e.value, disabled: e.disabled }),
-    /* @__PURE__ */ c("span", { className: "label-text", children: e.label })
-  ] }, e.value)) }) }) : /* @__PURE__ */ c(y.Provider, { value: a, children: /* @__PURE__ */ c("div", { className: s, children: h }) });
+  if (d) {
+    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: d.map((e) => typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ p("label", { className: "label cursor-pointer justify-start 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(m, { value: e.value, disabled: e.disabled }),
+      /* @__PURE__ */ c("span", { className: "label-text", children: e.label })
+    ] }, e.value)) }) });
+  }
+  return /* @__PURE__ */ c(y.Provider, { value: t, children: /* @__PURE__ */ c("div", { className: u, children: f }) });
 }
-const u = G(
+const m = G(
   ({
-    children: h,
-    size: l,
-    color: d,
-    indeterminate: o = !1,
+    children: f,
+    size: o,
+    color: x,
+    indeterminate: h = !1,
     swap: n,
-    className: r = "",
-    value: s,
-    checked: x,
-    onChange: k,
-    disabled: i,
-    ...p
-  }, a) => {
-    const e = B(y), m = {
+    className: d = "",
+    value: a,
+    checked: u,
+    onChange: C,
+    disabled: g,
+    ...r
+  }, l) => {
+    const t = $(y), i = {
       xs: "checkbox-xs",
       sm: "checkbox-sm",
       md: "checkbox-md",
       lg: "checkbox-lg",
       xl: "checkbox-xl"
-    }, b = {
+    }, e = {
       primary: "checkbox-primary",
       secondary: "checkbox-secondary",
       accent: "checkbox-accent",
@@ -55,36 +60,36 @@ const u = G(
       warning: "checkbox-warning",
       info: "checkbox-info",
       error: "checkbox-error"
-    }, C = [
+    }, k = [
       "checkbox",
-      l && m[l],
-      d && b[d]
-    ].filter(Boolean).join(" "), g = e && s !== void 0 && (typeof s == "string" || typeof s == "number") ? e.value?.includes(s) ?? !1 : x, N = e?.disabled || i, j = (t) => {
-      e && s !== void 0 && (typeof s == "string" || typeof s == "number") && e.onChange?.(s, t.target.checked), k?.(t);
+      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);
     }, V = R.useCallback(
-      (t) => {
-        t && (t.indeterminate = o), typeof a == "function" ? a(t) : a && (a.current = t);
+      (s) => {
+        s && (s.indeterminate = h), typeof l == "function" ? l(s) : l && (l.current = s);
       },
-      [o, a]
-    ), v = o ? "indeterminate" : g ? "checked" : "unchecked";
+      [h, l]
+    ), j = h ? "indeterminate" : b ? "checked" : "unchecked";
     if (n) {
-      const t = [
+      const s = [
         "swap",
         n.effect === "rotate" && "swap-rotate",
         n.effect === "flip" && "swap-flip",
-        r
+        d
       ].filter(Boolean).join(" ");
-      return /* @__PURE__ */ f("label", { className: t, children: [
+      return /* @__PURE__ */ p("label", { className: s, children: [
         /* @__PURE__ */ c(
           "input",
           {
-            ref: a,
+            ref: l,
             type: "checkbox",
-            checked: g,
-            onChange: j,
+            checked: b,
+            onChange: v,
             disabled: N,
-            "data-state": v,
-            ...p
+            "data-state": j,
+            ...r
           }
         ),
         /* @__PURE__ */ c("div", { className: "swap-on", children: n.on }),
@@ -96,26 +101,26 @@ const u = G(
       {
         ref: V,
         type: "checkbox",
-        className: C,
-        value: s,
-        checked: g,
-        onChange: j,
+        className: k,
+        value: a,
+        checked: b,
+        onChange: v,
         disabled: N,
-        "data-state": v,
-        ...p
+        "data-state": j,
+        ...r
       }
     );
-    return h ? /* @__PURE__ */ f("label", { className: `label cursor-pointer justify-start gap-2 ${r}`, children: [
+    return f ? /* @__PURE__ */ p("label", { className: `label cursor-pointer justify-start gap-2 ${d}`, children: [
       w,
-      /* @__PURE__ */ c("span", { className: "label-text", children: h })
+      /* @__PURE__ */ c("span", { className: "label-text", children: f })
     ] }) : w;
   }
 );
-u.displayName = "Checkbox";
-const O = Object.assign(u, {
-  Group: P
+m.displayName = "Checkbox";
+const z = Object.assign(m, {
+  Group: I
 });
 export {
-  O as Checkbox
+  z as Checkbox
 };
 //# sourceMappingURL=index10.js.map

package/dist/index10.js.map

@@ -1 +1 @@
-{"version":3,"file":"index10.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  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  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    return (\n      <CheckboxGroupContext.Provider value={contextValue}>\n        <div className={className}>\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","className","internalValue","setInternalValue","React","currentValue","contextValue","checkedValue","checked","newValue","v","jsx","option","jsxs","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":"index10.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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"}

package/dist/index21.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as n } from "react/jsx-runtime";
 import { useState as h, useRef as j, useEffect as y } from "react";
-import { Input as T } from "./index41.js";
+import { Input as T } from "./index42.js";
 const $ = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], I = [
   "January",
   "February",