asterui 0.12.76 → 0.12.78

package/dist/components/Select.d.ts

@@ -1,4 +1,9 @@
 import { default as React } from 'react';
+export interface SelectOption {
+    label: React.ReactNode;
+    value: string | number;
+    disabled?: boolean;
+}
 export interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
@@ -12,6 +17,8 @@ export interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectE
     addonBefore?: React.ReactNode;
     /** Text/element after select (outside, using DaisyUI label) */
     addonAfter?: React.ReactNode;
+    /** Select options array (recommended for better performance) */
+    options?: SelectOption[];
     className?: string;
     children?: React.ReactNode;
     'data-testid'?: string;

package/dist/components/Select.js

@@ -1,88 +1,89 @@
 import { jsx as c, jsxs as w } from "react/jsx-runtime";
-import { forwardRef as W, useRef as X } from "react";
-import { useConfig as F } from "../providers/ConfigProvider.js";
-const i = "select", f = "select-bordered", G = "select-ghost", M = "select-xs", P = "select-sm", k = "select-md", q = "select-lg", A = "select-xl", D = "select-neutral", H = "select-primary", J = "select-secondary", K = "select-accent", L = "select-info", O = "select-success", y = "select-warning", N = "select-error", Q = "floating-label", U = W(
+import { forwardRef as F, useRef as G } from "react";
+import { useConfig as M } from "../providers/ConfigProvider.js";
+const i = "select", f = "select-bordered", O = "select-ghost", P = "select-xs", k = "select-sm", q = "select-md", A = "select-lg", D = "select-xl", H = "select-neutral", J = "select-primary", K = "select-secondary", L = "select-accent", Q = "select-info", U = "select-success", y = "select-warning", N = "select-error", V = "floating-label", Y = F(
   ({
     size: j,
     color: m,
-    status: S,
-    ghost: v = !1,
-    bordered: R = !0,
+    status: u,
+    ghost: R = !1,
+    bordered: $ = !0,
     floatingLabel: l,
     addonBefore: n,
     addonAfter: o,
-    className: u = "",
-    children: g,
-    "data-testid": e,
-    ...p
-  }, $) => {
-    const { componentSize: z } = F(), s = j ?? z ?? "md", B = X(null), x = $ || B, a = {
-      xs: M,
-      sm: P,
-      md: k,
-      lg: q,
-      xl: A
-    }, C = S ? {
+    options: S,
+    className: g = "",
+    children: z,
+    "data-testid": s,
+    ...h
+  }, B) => {
+    const { componentSize: E } = M(), t = j ?? E ?? "md", p = () => S ? S.map((e) => /* @__PURE__ */ c("option", { value: e.value, disabled: e.disabled, children: e.label }, e.value)) : z, T = G(null), b = B || T, a = {
+      xs: P,
+      sm: k,
+      md: q,
+      lg: A,
+      xl: D
+    }, x = u ? {
       error: N,
       warning: y
-    }[S] : m ? {
-      neutral: D,
-      primary: H,
-      secondary: J,
-      accent: K,
-      info: L,
-      success: O,
+    }[u] : m ? {
+      neutral: H,
+      primary: J,
+      secondary: K,
+      accent: L,
+      info: Q,
+      success: U,
       warning: y,
       error: N
-    }[m] : "", r = n || o, E = r || !!l, d = (t) => e ? `${e}-${t}` : void 0, b = e ? E ? d("select") : e : void 0, T = r ? ["grow", "bg-transparent", "border-0", "outline-none", "focus:outline-none", u].filter(Boolean).join(" ") : [
+    }[m] : "", r = n || o, W = r || !!l, d = (e) => s ? `${s}-${e}` : void 0, C = s ? W ? d("select") : s : void 0, X = r ? ["grow", "bg-transparent", "border-0", "outline-none", "focus:outline-none", g].filter(Boolean).join(" ") : [
       i,
       "w-full",
-      R && f,
-      v && G,
-      s && a[s],
-      C,
-      u
-    ].filter(Boolean).join(" "), h = /* @__PURE__ */ c("select", { ref: x, className: T, "data-testid": b, ...p, children: g });
+      $ && f,
+      R && O,
+      t && a[t],
+      x,
+      g
+    ].filter(Boolean).join(" "), v = /* @__PURE__ */ c("select", { ref: b, className: X, "data-testid": C, ...h, children: p() });
     if (l) {
-      const t = [
-        Q,
-        s && a[s]
+      const e = [
+        V,
+        t && a[t]
       ].filter(Boolean).join(" ");
-      return /* @__PURE__ */ w("label", { className: t, "data-testid": e, children: [
+      return /* @__PURE__ */ w("label", { className: e, "data-testid": s, children: [
         /* @__PURE__ */ c(
           "select",
           {
-            ref: x,
+            ref: b,
             className: `${i} ${f} w-full`,
-            "data-testid": b,
-            ...p,
-            children: g
+            "data-testid": C,
+            ...h,
+            children: p()
           }
         ),
         /* @__PURE__ */ c("span", { children: l })
       ] });
     }
     if (r) {
-      const t = [
+      const e = [
         i,
         f,
         "flex",
         "items-center",
         "gap-2",
-        s && a[s],
-        C
+        t && a[t],
+        x
       ].filter(Boolean).join(" ");
-      return /* @__PURE__ */ w("label", { className: t, "data-testid": e, children: [
+      return /* @__PURE__ */ w("label", { className: e, "data-testid": s, children: [
         n && /* @__PURE__ */ c("span", { className: "text-base-content/70", "data-testid": d("addon-before"), children: n }),
-        h,
+        v,
         o && /* @__PURE__ */ c("span", { className: "text-base-content/70", "data-testid": d("addon-after"), children: o })
       ] });
     }
-    return h;
+    return v;
   }
 );
-U.displayName = "Select";
+Y.displayName = "Select";
 export {
-  U as Select
+  Y as Select
 };
 //# sourceMappingURL=Select.js.map

package/dist/components/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../src/components/Select.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dSelect = 'select'\nconst dSelectBordered = 'select-bordered'\nconst dSelectGhost = 'select-ghost'\nconst dSelectXs = 'select-xs'\nconst dSelectSm = 'select-sm'\nconst dSelectMd = 'select-md'\nconst dSelectLg = 'select-lg'\nconst dSelectXl = 'select-xl'\nconst dSelectNeutral = 'select-neutral'\nconst dSelectPrimary = 'select-primary'\nconst dSelectSecondary = 'select-secondary'\nconst dSelectAccent = 'select-accent'\nconst dSelectInfo = 'select-info'\nconst dSelectSuccess = 'select-success'\nconst dSelectWarning = 'select-warning'\nconst dSelectError = 'select-error'\nconst dFloatingLabel = 'floating-label'\n\nexport interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Validation status */\n  status?: 'error' | 'warning'\n  ghost?: boolean\n  bordered?: boolean\n  /** Floating label text (uses DaisyUI floating-label) */\n  floatingLabel?: string\n  /** Text/element before select (outside, using DaisyUI label) */\n  addonBefore?: React.ReactNode\n  /** Text/element after select (outside, using DaisyUI label) */\n  addonAfter?: React.ReactNode\n  className?: string\n  children?: React.ReactNode\n  'data-testid'?: string\n}\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      size,\n      color,\n      status,\n      ghost = false,\n      bordered = true,\n      floatingLabel,\n      addonBefore,\n      addonAfter,\n      className = '',\n      children,\n      'data-testid': testId,\n      ...props\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const innerRef = useRef<HTMLSelectElement>(null)\n    const selectRef = (ref as React.RefObject<HTMLSelectElement>) || innerRef\n\n    const sizeClasses = {\n      xs: dSelectXs,\n      sm: dSelectSm,\n      md: dSelectMd,\n      lg: dSelectLg,\n      xl: dSelectXl,\n    }\n\n    const colorClasses = {\n      neutral: dSelectNeutral,\n      primary: dSelectPrimary,\n      secondary: dSelectSecondary,\n      accent: dSelectAccent,\n      info: dSelectInfo,\n      success: dSelectSuccess,\n      warning: dSelectWarning,\n      error: dSelectError,\n    }\n\n    const statusClasses = {\n      error: dSelectError,\n      warning: dSelectWarning,\n    }\n\n    // Status takes precedence over color for validation feedback\n    const effectiveColorClass = status ? statusClasses[status] : (color ? colorClasses[color] : '')\n\n    // When wrapped with external addons, the wrapper has the styling\n    const hasExternalAddons = addonBefore || addonAfter\n    const hasWrapper = hasExternalAddons || !!floatingLabel\n    const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n    const selectTestId = testId ? (hasWrapper ? getTestId('select') : testId) : undefined\n\n    const selectClasses = hasExternalAddons\n      ? ['grow', 'bg-transparent', 'border-0', 'outline-none', 'focus:outline-none', className].filter(Boolean).join(' ')\n      : [\n          dSelect,\n          'w-full',\n          bordered && dSelectBordered,\n          ghost && dSelectGhost,\n          effectiveSize && sizeClasses[effectiveSize],\n          effectiveColorClass,\n          className,\n        ].filter(Boolean).join(' ')\n\n    // Build the core select element\n    const selectElement = (\n      <select ref={selectRef} className={selectClasses} data-testid={selectTestId} {...props}>\n        {children}\n      </select>\n    )\n\n    // Wrap with floating label if specified\n    if (floatingLabel) {\n      const floatingClasses = [\n        dFloatingLabel,\n        effectiveSize && sizeClasses[effectiveSize],\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={floatingClasses} data-testid={testId}>\n          <select\n            ref={selectRef}\n            className={`${dSelect} ${dSelectBordered} w-full`}\n            data-testid={selectTestId}\n            {...props}\n          >\n            {children}\n          </select>\n          <span>{floatingLabel}</span>\n        </label>\n      )\n    }\n\n    // Wrap with external addons if specified\n    if (hasExternalAddons) {\n      const addonClasses = [\n        dSelect,\n        dSelectBordered,\n        'flex',\n        'items-center',\n        'gap-2',\n        effectiveSize && sizeClasses[effectiveSize],\n        effectiveColorClass,\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={addonClasses} data-testid={testId}>\n          {addonBefore && (\n            <span className=\"text-base-content/70\" data-testid={getTestId('addon-before')}>\n              {addonBefore}\n            </span>\n          )}\n          {selectElement}\n          {addonAfter && (\n            <span className=\"text-base-content/70\" data-testid={getTestId('addon-after')}>\n              {addonAfter}\n            </span>\n          )}\n        </label>\n      )\n    }\n\n    return selectElement\n  }\n)\n\nSelect.displayName = 'Select'\n"],"names":["dSelect","dSelectBordered","dSelectGhost","dSelectXs","dSelectSm","dSelectMd","dSelectLg","dSelectXl","dSelectNeutral","dSelectPrimary","dSelectSecondary","dSelectAccent","dSelectInfo","dSelectSuccess","dSelectWarning","dSelectError","dFloatingLabel","Select","forwardRef","size","color","status","ghost","bordered","floatingLabel","addonBefore","addonAfter","className","children","testId","props","ref","componentSize","useConfig","effectiveSize","innerRef","useRef","selectRef","sizeClasses","effectiveColorClass","hasExternalAddons","hasWrapper","getTestId","suffix","selectTestId","selectClasses","selectElement","jsx","floatingClasses","jsxs","addonClasses"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../src/components/Select.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dSelect = 'select'\nconst dSelectBordered = 'select-bordered'\nconst dSelectGhost = 'select-ghost'\nconst dSelectXs = 'select-xs'\nconst dSelectSm = 'select-sm'\nconst dSelectMd = 'select-md'\nconst dSelectLg = 'select-lg'\nconst dSelectXl = 'select-xl'\nconst dSelectNeutral = 'select-neutral'\nconst dSelectPrimary = 'select-primary'\nconst dSelectSecondary = 'select-secondary'\nconst dSelectAccent = 'select-accent'\nconst dSelectInfo = 'select-info'\nconst dSelectSuccess = 'select-success'\nconst dSelectWarning = 'select-warning'\nconst dSelectError = 'select-error'\nconst dFloatingLabel = 'floating-label'\n\nexport interface SelectOption {\n  label: React.ReactNode\n  value: string | number\n  disabled?: boolean\n}\n\nexport interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Validation status */\n  status?: 'error' | 'warning'\n  ghost?: boolean\n  bordered?: boolean\n  /** Floating label text (uses DaisyUI floating-label) */\n  floatingLabel?: string\n  /** Text/element before select (outside, using DaisyUI label) */\n  addonBefore?: React.ReactNode\n  /** Text/element after select (outside, using DaisyUI label) */\n  addonAfter?: React.ReactNode\n  /** Select options array (recommended for better performance) */\n  options?: SelectOption[]\n  className?: string\n  children?: React.ReactNode\n  'data-testid'?: string\n}\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      size,\n      color,\n      status,\n      ghost = false,\n      bordered = true,\n      floatingLabel,\n      addonBefore,\n      addonAfter,\n      options,\n      className = '',\n      children,\n      'data-testid': testId,\n      ...props\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    // Render options from array or use children\n    const renderOptions = () => {\n      if (options) {\n        return options.map((option) => (\n          <option key={option.value} value={option.value} disabled={option.disabled}>\n            {option.label}\n          </option>\n        ))\n      }\n      return children\n    }\n\n    const innerRef = useRef<HTMLSelectElement>(null)\n    const selectRef = (ref as React.RefObject<HTMLSelectElement>) || innerRef\n\n    const sizeClasses = {\n      xs: dSelectXs,\n      sm: dSelectSm,\n      md: dSelectMd,\n      lg: dSelectLg,\n      xl: dSelectXl,\n    }\n\n    const colorClasses = {\n      neutral: dSelectNeutral,\n      primary: dSelectPrimary,\n      secondary: dSelectSecondary,\n      accent: dSelectAccent,\n      info: dSelectInfo,\n      success: dSelectSuccess,\n      warning: dSelectWarning,\n      error: dSelectError,\n    }\n\n    const statusClasses = {\n      error: dSelectError,\n      warning: dSelectWarning,\n    }\n\n    // Status takes precedence over color for validation feedback\n    const effectiveColorClass = status ? statusClasses[status] : (color ? colorClasses[color] : '')\n\n    // When wrapped with external addons, the wrapper has the styling\n    const hasExternalAddons = addonBefore || addonAfter\n    const hasWrapper = hasExternalAddons || !!floatingLabel\n    const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n    const selectTestId = testId ? (hasWrapper ? getTestId('select') : testId) : undefined\n\n    const selectClasses = hasExternalAddons\n      ? ['grow', 'bg-transparent', 'border-0', 'outline-none', 'focus:outline-none', className].filter(Boolean).join(' ')\n      : [\n          dSelect,\n          'w-full',\n          bordered && dSelectBordered,\n          ghost && dSelectGhost,\n          effectiveSize && sizeClasses[effectiveSize],\n          effectiveColorClass,\n          className,\n        ].filter(Boolean).join(' ')\n\n    // Build the core select element\n    const selectElement = (\n      <select ref={selectRef} className={selectClasses} data-testid={selectTestId} {...props}>\n        {renderOptions()}\n      </select>\n    )\n\n    // Wrap with floating label if specified\n    if (floatingLabel) {\n      const floatingClasses = [\n        dFloatingLabel,\n        effectiveSize && sizeClasses[effectiveSize],\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={floatingClasses} data-testid={testId}>\n          <select\n            ref={selectRef}\n            className={`${dSelect} ${dSelectBordered} w-full`}\n            data-testid={selectTestId}\n            {...props}\n          >\n            {renderOptions()}\n          </select>\n          <span>{floatingLabel}</span>\n        </label>\n      )\n    }\n\n    // Wrap with external addons if specified\n    if (hasExternalAddons) {\n      const addonClasses = [\n        dSelect,\n        dSelectBordered,\n        'flex',\n        'items-center',\n        'gap-2',\n        effectiveSize && sizeClasses[effectiveSize],\n        effectiveColorClass,\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={addonClasses} data-testid={testId}>\n          {addonBefore && (\n            <span className=\"text-base-content/70\" data-testid={getTestId('addon-before')}>\n              {addonBefore}\n            </span>\n          )}\n          {selectElement}\n          {addonAfter && (\n            <span className=\"text-base-content/70\" data-testid={getTestId('addon-after')}>\n              {addonAfter}\n            </span>\n          )}\n        </label>\n      )\n    }\n\n    return selectElement\n  }\n)\n\nSelect.displayName = 'Select'\n"],"names":["dSelect","dSelectBordered","dSelectGhost","dSelectXs","dSelectSm","dSelectMd","dSelectLg","dSelectXl","dSelectNeutral","dSelectPrimary","dSelectSecondary","dSelectAccent","dSelectInfo","dSelectSuccess","dSelectWarning","dSelectError","dFloatingLabel","Select","forwardRef","size","color","status","ghost","bordered","floatingLabel","addonBefore","addonAfter","options","className","children","testId","props","ref","componentSize","useConfig","effectiveSize","renderOptions","option","jsx","innerRef","useRef","selectRef","sizeClasses","effectiveColorClass","hasExternalAddons","hasWrapper","getTestId","suffix","selectTestId","selectClasses","selectElement","floatingClasses","jsxs","addonClasses"],"mappings":"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"}

package/dist/components/Toggle.d.ts

@@ -1,9 +1,11 @@
 import { default as React } from 'react';
-export interface ToggleProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+export interface ToggleProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'onChange'> {
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'info' | 'error';
     className?: string;
     /** Test ID for testing */
     'data-testid'?: string;
+    /** Callback fired when the checked state changes */
+    onChange?: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
 }
 export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Toggle.js

@@ -1,39 +1,42 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { useConfig as T } from "../providers/ConfigProvider.js";
-const f = "toggle", u = "toggle-xs", p = "toggle-sm", y = "toggle-md", x = "toggle-lg", S = "toggle-xl", h = "toggle-primary", k = "toggle-secondary", C = "toggle-accent", w = "toggle-neutral", z = "toggle-success", N = "toggle-warning", j = "toggle-info", X = "toggle-error", b = m(
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { useConfig as h } from "../providers/ConfigProvider.js";
+const p = "toggle", y = "toggle-xs", x = "toggle-sm", C = "toggle-md", S = "toggle-lg", k = "toggle-xl", w = "toggle-primary", z = "toggle-secondary", N = "toggle-accent", j = "toggle-neutral", X = "toggle-success", b = "toggle-warning", A = "toggle-info", B = "toggle-error", E = u(
   ({
-    size: t,
-    color: o,
-    className: s = "",
-    ...e
-  }, c) => {
-    const { componentSize: l } = T(), g = t ?? l ?? "md", n = {
-      xs: u,
-      sm: p,
-      md: y,
-      lg: x,
-      xl: S
-    }, r = {
-      primary: h,
-      secondary: k,
-      accent: C,
-      neutral: w,
-      success: z,
-      warning: N,
-      info: j,
-      error: X
-    }, a = [
-      f,
-      g && n[g],
-      o && r[o],
-      s
-    ].filter(Boolean).join(" "), d = e.checked ? "checked" : "unchecked";
-    return /* @__PURE__ */ i("input", { ref: c, type: "checkbox", className: a, "data-state": d, ...e });
+    size: s,
+    color: e,
+    className: c = "",
+    onChange: n,
+    ...o
+  }, l) => {
+    const { componentSize: r } = h(), g = s ?? r ?? "md", a = {
+      xs: y,
+      sm: x,
+      md: C,
+      lg: S,
+      xl: k
+    }, d = {
+      primary: w,
+      secondary: z,
+      accent: N,
+      neutral: j,
+      success: X,
+      warning: b,
+      info: A,
+      error: B
+    }, i = [
+      p,
+      g && a[g],
+      e && d[e],
+      c
+    ].filter(Boolean).join(" "), m = (t) => {
+      n?.(t.target.checked, t);
+    }, T = o.checked ? "checked" : "unchecked";
+    return /* @__PURE__ */ f("input", { ref: l, type: "checkbox", className: i, "data-state": T, ...o, onChange: m });
   }
 );
-b.displayName = "Toggle";
+E.displayName = "Toggle";
 export {
-  b as Toggle
+  E as Toggle
 };
 //# sourceMappingURL=Toggle.js.map

package/dist/components/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sources":["../../src/components/Toggle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dToggle = 'toggle'\nconst dToggleXs = 'toggle-xs'\nconst dToggleSm = 'toggle-sm'\nconst dToggleMd = 'toggle-md'\nconst dToggleLg = 'toggle-lg'\nconst dToggleXl = 'toggle-xl'\nconst dTogglePrimary = 'toggle-primary'\nconst dToggleSecondary = 'toggle-secondary'\nconst dToggleAccent = 'toggle-accent'\nconst dToggleNeutral = 'toggle-neutral'\nconst dToggleSuccess = 'toggle-success'\nconst dToggleWarning = 'toggle-warning'\nconst dToggleInfo = 'toggle-info'\nconst dToggleError = 'toggle-error'\n\nexport interface ToggleProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'info' | 'error'\n  className?: string\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nexport const Toggle = forwardRef<HTMLInputElement, ToggleProps>(\n  (\n    {\n      size,\n      color,\n      className = '',\n      ...props\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const sizeClasses = {\n      xs: dToggleXs,\n      sm: dToggleSm,\n      md: dToggleMd,\n      lg: dToggleLg,\n      xl: dToggleXl,\n    }\n\n    const colorClasses = {\n      primary: dTogglePrimary,\n      secondary: dToggleSecondary,\n      accent: dToggleAccent,\n      neutral: dToggleNeutral,\n      success: dToggleSuccess,\n      warning: dToggleWarning,\n      info: dToggleInfo,\n      error: dToggleError,\n    }\n\n    const toggleClasses = [\n      dToggle,\n      effectiveSize && sizeClasses[effectiveSize],\n      color && colorClasses[color],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const dataState = props.checked ? 'checked' : 'unchecked'\n    return <input ref={ref} type=\"checkbox\" className={toggleClasses} data-state={dataState} {...props} />\n  }\n)\n\nToggle.displayName = 'Toggle'\n"],"names":["dToggle","dToggleXs","dToggleSm","dToggleMd","dToggleLg","dToggleXl","dTogglePrimary","dToggleSecondary","dToggleAccent","dToggleNeutral","dToggleSuccess","dToggleWarning","dToggleInfo","dToggleError","Toggle","forwardRef","size","color","className","props","ref","componentSize","useConfig","effectiveSize","sizeClasses","colorClasses","toggleClasses","dataState","jsx"],"mappings":";;;AAIA,MAAMA,IAAU,UACVC,IAAY,aACZC,IAAY,aACZC,IAAY,aACZC,IAAY,aACZC,IAAY,aACZC,IAAiB,kBACjBC,IAAmB,oBACnBC,IAAgB,iBAChBC,IAAiB,kBACjBC,IAAiB,kBACjBC,IAAiB,kBACjBC,IAAc,eACdC,IAAe,gBAURC,IAASC;AAAA,EACpB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GACpBC,IAAgBP,KAAQK,KAAiB,MAEzCG,IAAc;AAAA,MAClB,IAAIvB;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,IAAA,GAGAoB,IAAe;AAAA,MACnB,SAASnB;AAAA,MACT,WAAWC;AAAA,MACX,QAAQC;AAAA,MACR,SAASC;AAAA,MACT,SAASC;AAAA,MACT,SAASC;AAAA,MACT,MAAMC;AAAA,MACN,OAAOC;AAAA,IAAA,GAGHa,IAAgB;AAAA,MACpB1B;AAAA,MACAuB,KAAiBC,EAAYD,CAAa;AAAA,MAC1CN,KAASQ,EAAaR,CAAK;AAAA,MAC3BC;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELS,IAAYR,EAAM,UAAU,YAAY;AAC9C,WAAO,gBAAAS,EAAC,SAAA,EAAM,KAAAR,GAAU,MAAK,YAAW,WAAWM,GAAe,cAAYC,GAAY,GAAGR,EAAA,CAAO;AAAA,EACtG;AACF;AAEAL,EAAO,cAAc;"}
+{"version":3,"file":"Toggle.js","sources":["../../src/components/Toggle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dToggle = 'toggle'\nconst dToggleXs = 'toggle-xs'\nconst dToggleSm = 'toggle-sm'\nconst dToggleMd = 'toggle-md'\nconst dToggleLg = 'toggle-lg'\nconst dToggleXl = 'toggle-xl'\nconst dTogglePrimary = 'toggle-primary'\nconst dToggleSecondary = 'toggle-secondary'\nconst dToggleAccent = 'toggle-accent'\nconst dToggleNeutral = 'toggle-neutral'\nconst dToggleSuccess = 'toggle-success'\nconst dToggleWarning = 'toggle-warning'\nconst dToggleInfo = 'toggle-info'\nconst dToggleError = 'toggle-error'\n\nexport interface ToggleProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'onChange'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'info' | 'error'\n  className?: string\n  /** Test ID for testing */\n  'data-testid'?: string\n  /** Callback fired when the checked state changes */\n  onChange?: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void\n}\n\nexport const Toggle = forwardRef<HTMLInputElement, ToggleProps>(\n  (\n    {\n      size,\n      color,\n      className = '',\n      onChange,\n      ...props\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const sizeClasses = {\n      xs: dToggleXs,\n      sm: dToggleSm,\n      md: dToggleMd,\n      lg: dToggleLg,\n      xl: dToggleXl,\n    }\n\n    const colorClasses = {\n      primary: dTogglePrimary,\n      secondary: dToggleSecondary,\n      accent: dToggleAccent,\n      neutral: dToggleNeutral,\n      success: dToggleSuccess,\n      warning: dToggleWarning,\n      info: dToggleInfo,\n      error: dToggleError,\n    }\n\n    const toggleClasses = [\n      dToggle,\n      effectiveSize && sizeClasses[effectiveSize],\n      color && colorClasses[color],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(event.target.checked, event)\n    }\n\n    const dataState = props.checked ? 'checked' : 'unchecked'\n    return <input ref={ref} type=\"checkbox\" className={toggleClasses} data-state={dataState} {...props} onChange={handleChange} />\n  }\n)\n\nToggle.displayName = 'Toggle'\n"],"names":["dToggle","dToggleXs","dToggleSm","dToggleMd","dToggleLg","dToggleXl","dTogglePrimary","dToggleSecondary","dToggleAccent","dToggleNeutral","dToggleSuccess","dToggleWarning","dToggleInfo","dToggleError","Toggle","forwardRef","size","color","className","onChange","props","ref","componentSize","useConfig","effectiveSize","sizeClasses","colorClasses","toggleClasses","handleChange","event","dataState","jsx"],"mappings":";;;AAIA,MAAMA,IAAU,UACVC,IAAY,aACZC,IAAY,aACZC,IAAY,aACZC,IAAY,aACZC,IAAY,aACZC,IAAiB,kBACjBC,IAAmB,oBACnBC,IAAgB,iBAChBC,IAAiB,kBACjBC,IAAiB,kBACjBC,IAAiB,kBACjBC,IAAc,eACdC,IAAe,gBAYRC,IAASC;AAAA,EACpB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GACpBC,IAAgBR,KAAQM,KAAiB,MAEzCG,IAAc;AAAA,MAClB,IAAIxB;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,IAAA,GAGAqB,IAAe;AAAA,MACnB,SAASpB;AAAA,MACT,WAAWC;AAAA,MACX,QAAQC;AAAA,MACR,SAASC;AAAA,MACT,SAASC;AAAA,MACT,SAASC;AAAA,MACT,MAAMC;AAAA,MACN,OAAOC;AAAA,IAAA,GAGHc,IAAgB;AAAA,MACpB3B;AAAA,MACAwB,KAAiBC,EAAYD,CAAa;AAAA,MAC1CP,KAASS,EAAaT,CAAK;AAAA,MAC3BC;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELU,IAAe,CAACC,MAA+C;AACnE,MAAAV,IAAWU,EAAM,OAAO,SAASA,CAAK;AAAA,IACxC,GAEMC,IAAYV,EAAM,UAAU,YAAY;AAC9C,WAAO,gBAAAW,EAAC,SAAA,EAAM,KAAAV,GAAU,MAAK,YAAW,WAAWM,GAAe,cAAYG,GAAY,GAAGV,GAAO,UAAUQ,EAAA,CAAc;AAAA,EAC9H;AACF;AAEAd,EAAO,cAAc;"}

package/dist/index.d.ts

@@ -151,7 +151,7 @@ export type { RatingProps, RatingItemProps } from './components/Rating';
 export { Result } from './components/Result';
 export type { ResultProps, ResultStatus } from './components/Result';
 export { Select } from './components/Select';
-export type { SelectProps } from './components/Select';
+export type { SelectProps, SelectOption } from './components/Select';
 export { Segmented } from './components/Segmented';
 export type { SegmentedProps, SegmentedItemProps, SegmentedValue } from './components/Segmented';
 export { Skeleton } from './components/Skeleton';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asterui",
-  "version": "0.12.76",
+  "version": "0.12.78",
   "description": "React UI component library with DaisyUI",
   "homepage": "https://asterui.com",
   "repository": {