asterui 0.12.16 → 0.12.17

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/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

@@ -86,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

@@ -3,7 +3,7 @@ import { Anchor as p } from "./index3.js";
 import { Alert as f } from "./index4.js";
 import { Autocomplete as a } from "./index5.js";
 import { Avatar as n, AvatarGroup as s } from "./index6.js";
-import { Badge as u } from "./index7.js";
+import { Badge as l } from "./index7.js";
 import { Breadcrumb as c } from "./index8.js";
 import { Button as T } from "./index9.js";
 import { Checkbox as P } from "./index10.js";
@@ -13,7 +13,7 @@ import { Card as w } from "./index13.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 K } from "./index19.js";
 import { Countdown as O } from "./index20.js";
@@ -30,7 +30,7 @@ import { Filter as mo } from "./index30.js";
 import { Flex as xo } from "./index31.js";
 import { FloatButton as io } from "./index32.js";
 import { Footer as so } from "./index33.js";
-import { Form as uo, useFormInstance as co } from "./index34.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 { HoverGallery as Do } from "./index37.js";
@@ -38,72 +38,71 @@ 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 Lo } from "./index42.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 { Label as zo } from "./index46.js";
-import { Layout as Jo, useSiderContext as Qo } from "./index47.js";
-import { List as jo } from "./index48.js";
-import { Loading as Vo } from "./index49.js";
-import { Mask as Yo } from "./index50.js";
-import { Masonry as _o } from "./index51.js";
-import { Mention as or } from "./index52.js";
-import { Menu as er } from "./index53.js";
-import { Browser as pr } from "./index54.js";
-import { Code as fr } from "./index55.js";
-import { Phone as ar } from "./index56.js";
-import { Window as nr } from "./index57.js";
-import { Modal as lr } 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 { PageLayout as kr } from "./index63.js";
-import { Popconfirm as hr } from "./index64.js";
-import { Popover as yr } from "./index65.js";
-import { Progress as Fr } from "./index66.js";
-import { QRCode as Ir } from "./index67.js";
-import { Radio as Br } from "./index68.js";
-import { RadialProgress as Mr } from "./index69.js";
-import { Range as Gr } from "./index70.js";
-import { Rating as Nr } from "./index71.js";
-import { Result as Wr } from "./index72.js";
-import { Select as Er } from "./index73.js";
-import { Segmented as Qr } from "./index74.js";
-import { Skeleton as jr } from "./index75.js";
-import { Space as Vr } from "./index76.js";
-import { Splitter as Yr } from "./index77.js";
-import { Stats as _r } from "./index78.js";
-import { Status as oe } from "./index79.js";
-import { Steps as ee } from "./index80.js";
-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 le, Tag as ue } 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 { Toggle as be } from "./index89.js";
-import { Tour as De } from "./index90.js";
-import { Tooltip as we } from "./index91.js";
-import { Transfer as ve } from "./index92.js";
-import { Tree as Re } from "./index93.js";
-import { TreeSelect as Ae } from "./index94.js";
-import { Typography as Le } from "./index95.js";
-import { Upload as He } from "./index96.js";
-import { Hide as Ke, Show as Ne } from "./index97.js";
-import { useBreakpoint as We } from "./index98.js";
-import { useDisclosure as Ee } from "./index99.js";
-import { useClipboard as Qe } from "./index100.js";
-import { useLocalStorage as je } from "./index101.js";
-import { useDebounce as Ve } from "./index102.js";
-import { useClickOutside as Ye } from "./index103.js";
-import { usePrevious as _e } from "./index104.js";
-import { useHover as ot } from "./index105.js";
-import { useKeyPress as et, useKeyPressCallback as tt } from "./index106.js";
-import { useWindowSize as mt } from "./index107.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";
+import { Mask as Vo } from "./index49.js";
+import { Masonry as Yo } from "./index50.js";
+import { Mention as _o } from "./index51.js";
+import { Menu as or } from "./index52.js";
+import { Browser as er } from "./index53.js";
+import { Code as pr } from "./index54.js";
+import { Phone as fr } from "./index55.js";
+import { Window as ar } from "./index56.js";
+import { Modal as nr } from "./index57.js";
+import { Navbar as ur } from "./index58.js";
+import { notification as dr } from "./index59.js";
+import { OTPInput as Cr } from "./index60.js";
+import { Pagination as gr } from "./index61.js";
+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 Fr } from "./index66.js";
+import { Radio as Ir } from "./index67.js";
+import { RadialProgress as Br } from "./index68.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";
+import { Skeleton as Qr } from "./index74.js";
+import { Space as jr } from "./index75.js";
+import { Splitter as Vr } from "./index76.js";
+import { Stats as Yr } from "./index77.js";
+import { Status as _r } from "./index78.js";
+import { Steps as oe } from "./index79.js";
+import { Table as ee } from "./index80.js";
+import { Tabs as pe } from "./index81.js";
+import { Textarea as fe } from "./index82.js";
+import { TextRotate as ae } from "./index83.js";
+import { CheckableTag as ne, Tag as se } from "./index84.js";
+import { ThemeController as le } from "./index85.js";
+import { TimePicker as ce } from "./index86.js";
+import { Timeline as Te } from "./index87.js";
+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 ve } from "./index92.js";
+import { TreeSelect as Re } from "./index93.js";
+import { Typography as Ae } from "./index94.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";
+import { useLocalStorage as Qe } from "./index100.js";
+import { useDebounce as je } from "./index101.js";
+import { useClickOutside as Ve } from "./index102.js";
+import { usePrevious as Ye } from "./index103.js";
+import { useHover as _e } from "./index104.js";
+import { useKeyPress as ot, useKeyPressCallback as rt } from "./index105.js";
+import { useWindowSize as tt } from "./index106.js";
 export {
   e as Affix,
   f as Alert,
@@ -111,20 +110,20 @@ export {
   a as Autocomplete,
   n as Avatar,
   s as AvatarGroup,
-  u as Badge,
+  l as Badge,
   c as Breadcrumb,
-  pr as Browser,
+  er as Browser,
   T as Button,
   w as Card,
   A as Carousel,
   v as Cascader,
   R as Chart,
   b as Chat,
-  le as CheckableTag,
+  ne as CheckableTag,
   P as Checkbox,
-  fr as Code,
+  pr as Code,
   To as Col,
-  L as Collapse,
+  M as Collapse,
   D as ColorPicker,
   H as Container,
   K as ContextMenu,
@@ -143,81 +142,80 @@ export {
   xo as Flex,
   io as FloatButton,
   so as Footer,
-  uo as Form,
+  lo as Form,
   go as Grid,
   bo as Hero,
-  Ke as Hide,
+  He as Hide,
   Do as HoverGallery,
   wo as Image,
   vo as Indicator,
-  Lo as Input,
+  Mo as Input,
   Ho as InputNumber,
   Ko as Join,
   Oo as Kbd,
-  zo as Label,
-  Jo as Layout,
-  jo as List,
-  Vo as Loading,
-  Yo as Mask,
-  _o as Masonry,
-  or as Mention,
-  er as Menu,
-  lr as Modal,
-  dr as Navbar,
-  gr as OTPInput,
-  kr as PageLayout,
-  Sr as Pagination,
-  ar as Phone,
-  hr as Popconfirm,
-  yr as Popover,
-  Fr as Progress,
-  Ir as QRCode,
-  Mr as RadialProgress,
-  Br as Radio,
-  Gr as Range,
-  Nr as Rating,
-  Wr as Result,
+  zo as Layout,
+  Qo as List,
+  jo as Loading,
+  Vo as Mask,
+  Yo as Masonry,
+  _o as Mention,
+  or as Menu,
+  nr as Modal,
+  ur as Navbar,
+  Cr as OTPInput,
+  Sr as PageLayout,
+  gr as Pagination,
+  fr as Phone,
+  kr as Popconfirm,
+  hr as Popover,
+  yr as Progress,
+  Fr as QRCode,
+  Br as RadialProgress,
+  Ir as Radio,
+  Lr as Range,
+  Gr as Rating,
+  Nr as Result,
   Po as Row,
-  Qr as Segmented,
-  Er as Select,
-  Ne as Show,
+  Er as Segmented,
+  Wr as Select,
+  Ge as Show,
   $ as SidebarDrawer,
-  jr as Skeleton,
-  Vr as Space,
-  Yr as Splitter,
-  _r as Stats,
-  oe as Status,
-  ee as Steps,
-  pe as Table,
-  fe as Tabs,
-  ue as Tag,
-  ne as TextRotate,
-  ae as Textarea,
-  ce as ThemeController,
-  Te as TimePicker,
-  Pe as Timeline,
-  be as Toggle,
-  we as Tooltip,
-  De as Tour,
-  ve as Transfer,
-  Re as Tree,
-  Ae as TreeSelect,
-  Le as Typography,
-  He as Upload,
-  nr as Window,
-  Cr as notification,
-  We as useBreakpoint,
-  Ye as useClickOutside,
-  Qe as useClipboard,
-  Ve as useDebounce,
-  Ee as useDisclosure,
+  Qr as Skeleton,
+  jr as Space,
+  Vr as Splitter,
+  Yr as Stats,
+  _r as Status,
+  oe as Steps,
+  ee as Table,
+  pe as Tabs,
+  se as Tag,
+  ae as TextRotate,
+  fe as Textarea,
+  le as ThemeController,
+  ce as TimePicker,
+  Te as Timeline,
+  Pe as Toggle,
+  De as Tooltip,
+  be as Tour,
+  we as Transfer,
+  ve as Tree,
+  Re as TreeSelect,
+  Ae as Typography,
+  Me as Upload,
+  ar as Window,
+  dr as notification,
+  Ne as useBreakpoint,
+  Ve as useClickOutside,
+  Ee as useClipboard,
+  je as useDebounce,
+  We as useDisclosure,
   co as useFormInstance,
-  ot as useHover,
-  et as useKeyPress,
-  tt as useKeyPressCallback,
-  je as useLocalStorage,
-  _e as usePrevious,
-  Qo as useSiderContext,
-  mt as useWindowSize
+  _e as useHover,
+  ot as useKeyPress,
+  rt as useKeyPressCallback,
+  Qe as useLocalStorage,
+  Ye as usePrevious,
+  Eo as useSiderContext,
+  tt as useWindowSize
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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