asterui 0.12.49 → 0.12.50

package/dist/components/InputNumber.js

@@ -1,100 +1,101 @@
-import { jsxs as k, jsx as r } from "react/jsx-runtime";
-import { forwardRef as S, useState as A, useRef as K, useImperativeHandle as W } from "react";
-const H = S(
+import { jsxs as N, jsx as o } from "react/jsx-runtime";
+import { forwardRef as K, useState as W, useRef as G, useImperativeHandle as H } from "react";
+import { useConfig as U } from "./ConfigProvider.js";
+const q = "input", E = "input-xs", J = "input-sm", O = "input-md", P = "input-lg", Q = "input-xl", T = "input-disabled", k = "btn", Y = "btn-xs", Z = "btn-sm", w = "btn-ghost", _ = K(
   ({
-    value: o,
-    defaultValue: I,
-    min: a = -1 / 0,
-    max: u = 1 / 0,
-    step: p = 1,
+    value: i,
+    defaultValue: B,
+    min: r = -1 / 0,
+    max: a = 1 / 0,
+    step: d = 1,
     precision: s,
-    size: c,
+    size: C,
     disabled: l = !1,
-    onChange: d,
+    onChange: p,
     formatter: f,
-    parser: h,
-    className: w = "",
-    controls: v = !0,
-    block: C = !1,
-    ...D
-  }, V) => {
-    const [j, m] = A(I ?? null), b = K(null);
-    W(V, () => b.current);
-    const t = o !== void 0 ? o : j, B = (e) => {
-      if (e === null) return "";
-      let n = e;
-      return s !== void 0 && (n = Number(e.toFixed(s))), f ? f(n) : String(n);
-    }, M = (e) => {
-      if (!e) return null;
-      const n = h ? h(e) : parseFloat(e);
-      return isNaN(n) ? null : n;
-    }, x = (e) => {
-      let n = Math.max(a, Math.min(u, e));
-      return s !== void 0 && (n = Number(n.toFixed(s))), n;
-    }, i = (e) => {
-      if (e === null) {
-        o === void 0 && m(null), d?.(null);
+    parser: m,
+    className: D = "",
+    controls: h = !0,
+    block: $ = !1,
+    ...S
+  }, M) => {
+    const { componentSize: V } = U(), c = C ?? V ?? "md", [j, v] = W(B ?? null), I = G(null);
+    H(M, () => I.current);
+    const e = i !== void 0 ? i : j, z = (n) => {
+      if (n === null) return "";
+      let t = n;
+      return s !== void 0 && (t = Number(n.toFixed(s))), f ? f(t) : String(t);
+    }, L = (n) => {
+      if (!n) return null;
+      const t = m ? m(n) : parseFloat(n);
+      return isNaN(t) ? null : t;
+    }, b = (n) => {
+      let t = Math.max(r, Math.min(a, n));
+      return s !== void 0 && (t = Number(t.toFixed(s))), t;
+    }, u = (n) => {
+      if (n === null) {
+        i === void 0 && v(null), p?.(null);
         return;
       }
-      const n = x(e);
-      o === void 0 && m(n), d?.(n);
-    }, y = () => {
+      const t = b(n);
+      i === void 0 && v(t), p?.(t);
+    }, x = () => {
       if (l) return;
-      i((t ?? 0) + p);
-    }, g = () => {
+      u((e ?? 0) + d);
+    }, y = () => {
       if (l) return;
-      i((t ?? 0) - p);
-    }, L = (e) => {
-      const n = M(e.target.value);
-      n !== null ? i(n) : e.target.value === "" && i(null);
-    }, $ = (e) => {
-      l || (e.key === "ArrowUp" ? (e.preventDefault(), y()) : e.key === "ArrowDown" && (e.preventDefault(), g()));
-    }, F = () => {
-      t !== null && (t < a || t > u) && i(x(t));
-    }, R = [
-      "input",
+      u((e ?? 0) - d);
+    }, F = (n) => {
+      const t = L(n.target.value);
+      t !== null ? u(t) : n.target.value === "" && u(null);
+    }, R = (n) => {
+      l || (n.key === "ArrowUp" ? (n.preventDefault(), x()) : n.key === "ArrowDown" && (n.preventDefault(), y()));
+    }, X = () => {
+      e !== null && (e < r || e > a) && u(b(e));
+    }, A = [
+      q,
       "w-full",
       c && {
-        xs: "input-xs",
-        sm: "input-sm",
-        md: "input-md",
-        lg: "input-lg",
-        xl: "input-xl"
+        xs: E,
+        sm: J,
+        md: O,
+        lg: P,
+        xl: Q
       }[c],
-      l && "input-disabled",
-      v && "pr-8"
-    ].filter(Boolean).join(" "), N = c === "xs" || c === "sm" ? "btn-xs" : "btn-sm";
-    return /* @__PURE__ */ k("div", { className: `relative ${C ? "w-full" : "inline-block"} group ${w}`, children: [
-      /* @__PURE__ */ r(
+      l && T,
+      h && "pr-8"
+    ].filter(Boolean).join(" "), g = c === "xs" || c === "sm" ? Y : Z;
+    return /* @__PURE__ */ N("div", { className: `relative ${$ ? "w-full" : "inline-block"} group ${D}`, children: [
+      /* @__PURE__ */ o(
         "input",
         {
-          ref: b,
+          ref: I,
           type: "text",
           inputMode: "decimal",
           role: "spinbutton",
-          "aria-valuemin": a !== -1 / 0 ? a : void 0,
-          "aria-valuemax": u !== 1 / 0 ? u : void 0,
-          "aria-valuenow": t ?? void 0,
-          className: R,
-          value: B(t),
-          onChange: L,
-          onKeyDown: $,
-          onBlur: F,
+          "aria-valuemin": r !== -1 / 0 ? r : void 0,
+          "aria-valuemax": a !== 1 / 0 ? a : void 0,
+          "aria-valuenow": e ?? void 0,
+          className: A,
+          value: z(e),
+          onChange: F,
+          onKeyDown: R,
+          onBlur: X,
           disabled: l,
-          ...D
+          ...S
         }
       ),
-      v && /* @__PURE__ */ k("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex flex-col gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity", children: [
-        /* @__PURE__ */ r(
+      h && /* @__PURE__ */ N("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex flex-col gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity", children: [
+        /* @__PURE__ */ o(
           "button",
           {
             type: "button",
             "aria-label": "Increase value",
-            className: `btn ${N} btn-ghost px-1 min-h-0 h-3.5`,
-            onClick: y,
-            disabled: l || t !== null && t >= u,
+            className: `${k} ${g} ${w} px-1 min-h-0 h-3.5`,
+            onClick: x,
+            disabled: l || e !== null && e >= a,
             tabIndex: -1,
-            children: /* @__PURE__ */ r(
+            children: /* @__PURE__ */ o(
               "svg",
               {
                 className: "w-3 h-3",
@@ -102,7 +103,7 @@ const H = S(
                 viewBox: "0 0 24 24",
                 stroke: "currentColor",
                 "aria-hidden": "true",
-                children: /* @__PURE__ */ r(
+                children: /* @__PURE__ */ o(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -115,16 +116,16 @@ const H = S(
             )
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ o(
           "button",
           {
             type: "button",
             "aria-label": "Decrease value",
-            className: `btn ${N} btn-ghost px-1 min-h-0 h-3.5`,
-            onClick: g,
-            disabled: l || t !== null && t <= a,
+            className: `${k} ${g} ${w} px-1 min-h-0 h-3.5`,
+            onClick: y,
+            disabled: l || e !== null && e <= r,
             tabIndex: -1,
-            children: /* @__PURE__ */ r(
+            children: /* @__PURE__ */ o(
               "svg",
               {
                 className: "w-3 h-3",
@@ -132,7 +133,7 @@ const H = S(
                 viewBox: "0 0 24 24",
                 stroke: "currentColor",
                 "aria-hidden": "true",
-                children: /* @__PURE__ */ r(
+                children: /* @__PURE__ */ o(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -149,9 +150,9 @@ const H = S(
     ] });
   }
 );
-H.displayName = "InputNumber";
+_.displayName = "InputNumber";
 export {
-  H as InputNumber,
-  H as default
+  _ as InputNumber,
+  _ as default
 };
 //# sourceMappingURL=InputNumber.js.map

package/dist/components/InputNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputNumber.js","sources":["../../src/components/InputNumber.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef, useImperativeHandle } from 'react'\n\nexport interface InputNumberProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange' | 'value' | 'defaultValue'> {\n  value?: number\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  precision?: number\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  disabled?: boolean\n  onChange?: (value: number | null) => void\n  formatter?: (value: number | undefined) => string\n  parser?: (displayValue: string) => number\n  className?: string\n  controls?: boolean\n  block?: boolean\n}\n\nexport const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(\n  (\n    {\n      value: controlledValue,\n      defaultValue,\n      min = -Infinity,\n      max = Infinity,\n      step = 1,\n      precision,\n      size,\n      disabled = false,\n      onChange,\n      formatter,\n      parser,\n      className = '',\n      controls = true,\n      block = false,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalValue, setInternalValue] = useState<number | null>(defaultValue ?? null)\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    useImperativeHandle(ref, () => inputRef.current!)\n\n    const value = controlledValue !== undefined ? controlledValue : internalValue\n\n    const formatValue = (num: number | null): string => {\n      if (num === null) return ''\n      let formatted = num\n      if (precision !== undefined) {\n        formatted = Number(num.toFixed(precision))\n      }\n      return formatter ? formatter(formatted) : String(formatted)\n    }\n\n    const parseValue = (str: string): number | null => {\n      if (!str) return null\n      const parsed = parser ? parser(str) : parseFloat(str)\n      if (isNaN(parsed)) return null\n      return parsed\n    }\n\n    const clampValue = (num: number): number => {\n      let clamped = Math.max(min, Math.min(max, num))\n      if (precision !== undefined) {\n        clamped = Number(clamped.toFixed(precision))\n      }\n      return clamped\n    }\n\n    const updateValue = (newValue: number | null) => {\n      if (newValue === null) {\n        if (controlledValue === undefined) {\n          setInternalValue(null)\n        }\n        onChange?.(null)\n        return\n      }\n\n      const clamped = clampValue(newValue)\n      if (controlledValue === undefined) {\n        setInternalValue(clamped)\n      }\n      onChange?.(clamped)\n    }\n\n    const handleIncrement = () => {\n      if (disabled) return\n      const currentValue = value ?? 0\n      updateValue(currentValue + step)\n    }\n\n    const handleDecrement = () => {\n      if (disabled) return\n      const currentValue = value ?? 0\n      updateValue(currentValue - step)\n    }\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const parsed = parseValue(e.target.value)\n      if (parsed !== null) {\n        updateValue(parsed)\n      } else if (e.target.value === '') {\n        updateValue(null)\n      }\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (disabled) return\n\n      if (e.key === 'ArrowUp') {\n        e.preventDefault()\n        handleIncrement()\n      } else if (e.key === 'ArrowDown') {\n        e.preventDefault()\n        handleDecrement()\n      }\n    }\n\n    const handleBlur = () => {\n      // Ensure value is within bounds on blur\n      if (value !== null && (value < min || value > max)) {\n        updateValue(clampValue(value))\n      }\n    }\n\n    const sizeClasses = {\n      xs: 'input-xs',\n      sm: 'input-sm',\n      md: 'input-md',\n      lg: 'input-lg',\n      xl: 'input-xl',\n    }\n\n    const inputClasses = [\n      'input',\n      'w-full',\n      size && sizeClasses[size],\n      disabled && 'input-disabled',\n      controls && 'pr-8',\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const buttonSize = size === 'xs' || size === 'sm' ? 'btn-xs' : 'btn-sm'\n\n    return (\n      <div className={`relative ${block ? 'w-full' : 'inline-block'} group ${className}`}>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          inputMode=\"decimal\"\n          role=\"spinbutton\"\n          aria-valuemin={min !== -Infinity ? min : undefined}\n          aria-valuemax={max !== Infinity ? max : undefined}\n          aria-valuenow={value ?? undefined}\n          className={inputClasses}\n          value={formatValue(value)}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onBlur={handleBlur}\n          disabled={disabled}\n          {...props}\n        />\n        {controls && (\n          <div className=\"absolute right-1 top-1/2 -translate-y-1/2 flex flex-col gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity\">\n            <button\n              type=\"button\"\n              aria-label=\"Increase value\"\n              className={`btn ${buttonSize} btn-ghost px-1 min-h-0 h-3.5`}\n              onClick={handleIncrement}\n              disabled={disabled || (value !== null && value >= max)}\n              tabIndex={-1}\n            >\n              <svg\n                className=\"w-3 h-3\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n                aria-hidden=\"true\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M5 15l7-7 7 7\"\n                />\n              </svg>\n            </button>\n            <button\n              type=\"button\"\n              aria-label=\"Decrease value\"\n              className={`btn ${buttonSize} btn-ghost px-1 min-h-0 h-3.5`}\n              onClick={handleDecrement}\n              disabled={disabled || (value !== null && value <= min)}\n              tabIndex={-1}\n            >\n              <svg\n                className=\"w-3 h-3\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n                aria-hidden=\"true\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M19 9l-7 7-7-7\"\n                />\n              </svg>\n            </button>\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nInputNumber.displayName = 'InputNumber'\n\nexport default InputNumber\n"],"names":["InputNumber","forwardRef","controlledValue","defaultValue","min","max","step","precision","size","disabled","onChange","formatter","parser","className","controls","block","props","ref","internalValue","setInternalValue","useState","inputRef","useRef","useImperativeHandle","value","formatValue","num","formatted","parseValue","str","parsed","clampValue","clamped","updateValue","newValue","handleIncrement","handleDecrement","handleInputChange","handleKeyDown","handleBlur","inputClasses","buttonSize","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"InputNumber.js","sources":["../../src/components/InputNumber.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef, useImperativeHandle } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dInput = 'input'\nconst dInputXs = 'input-xs'\nconst dInputSm = 'input-sm'\nconst dInputMd = 'input-md'\nconst dInputLg = 'input-lg'\nconst dInputXl = 'input-xl'\nconst dInputDisabled = 'input-disabled'\nconst dBtn = 'btn'\nconst dBtnXs = 'btn-xs'\nconst dBtnSm = 'btn-sm'\nconst dBtnGhost = 'btn-ghost'\n\nexport interface InputNumberProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange' | 'value' | 'defaultValue'> {\n  value?: number\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  precision?: number\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  disabled?: boolean\n  onChange?: (value: number | null) => void\n  formatter?: (value: number | undefined) => string\n  parser?: (displayValue: string) => number\n  className?: string\n  controls?: boolean\n  block?: boolean\n}\n\nexport const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(\n  (\n    {\n      value: controlledValue,\n      defaultValue,\n      min = -Infinity,\n      max = Infinity,\n      step = 1,\n      precision,\n      size,\n      disabled = false,\n      onChange,\n      formatter,\n      parser,\n      className = '',\n      controls = true,\n      block = false,\n      ...props\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const [internalValue, setInternalValue] = useState<number | null>(defaultValue ?? null)\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    useImperativeHandle(ref, () => inputRef.current!)\n\n    const value = controlledValue !== undefined ? controlledValue : internalValue\n\n    const formatValue = (num: number | null): string => {\n      if (num === null) return ''\n      let formatted = num\n      if (precision !== undefined) {\n        formatted = Number(num.toFixed(precision))\n      }\n      return formatter ? formatter(formatted) : String(formatted)\n    }\n\n    const parseValue = (str: string): number | null => {\n      if (!str) return null\n      const parsed = parser ? parser(str) : parseFloat(str)\n      if (isNaN(parsed)) return null\n      return parsed\n    }\n\n    const clampValue = (num: number): number => {\n      let clamped = Math.max(min, Math.min(max, num))\n      if (precision !== undefined) {\n        clamped = Number(clamped.toFixed(precision))\n      }\n      return clamped\n    }\n\n    const updateValue = (newValue: number | null) => {\n      if (newValue === null) {\n        if (controlledValue === undefined) {\n          setInternalValue(null)\n        }\n        onChange?.(null)\n        return\n      }\n\n      const clamped = clampValue(newValue)\n      if (controlledValue === undefined) {\n        setInternalValue(clamped)\n      }\n      onChange?.(clamped)\n    }\n\n    const handleIncrement = () => {\n      if (disabled) return\n      const currentValue = value ?? 0\n      updateValue(currentValue + step)\n    }\n\n    const handleDecrement = () => {\n      if (disabled) return\n      const currentValue = value ?? 0\n      updateValue(currentValue - step)\n    }\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const parsed = parseValue(e.target.value)\n      if (parsed !== null) {\n        updateValue(parsed)\n      } else if (e.target.value === '') {\n        updateValue(null)\n      }\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (disabled) return\n\n      if (e.key === 'ArrowUp') {\n        e.preventDefault()\n        handleIncrement()\n      } else if (e.key === 'ArrowDown') {\n        e.preventDefault()\n        handleDecrement()\n      }\n    }\n\n    const handleBlur = () => {\n      // Ensure value is within bounds on blur\n      if (value !== null && (value < min || value > max)) {\n        updateValue(clampValue(value))\n      }\n    }\n\n    const sizeClasses = {\n      xs: dInputXs,\n      sm: dInputSm,\n      md: dInputMd,\n      lg: dInputLg,\n      xl: dInputXl,\n    }\n\n    const inputClasses = [\n      dInput,\n      'w-full',\n      effectiveSize && sizeClasses[effectiveSize],\n      disabled && dInputDisabled,\n      controls && 'pr-8',\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const buttonSize = effectiveSize === 'xs' || effectiveSize === 'sm' ? dBtnXs : dBtnSm\n\n    return (\n      <div className={`relative ${block ? 'w-full' : 'inline-block'} group ${className}`}>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          inputMode=\"decimal\"\n          role=\"spinbutton\"\n          aria-valuemin={min !== -Infinity ? min : undefined}\n          aria-valuemax={max !== Infinity ? max : undefined}\n          aria-valuenow={value ?? undefined}\n          className={inputClasses}\n          value={formatValue(value)}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onBlur={handleBlur}\n          disabled={disabled}\n          {...props}\n        />\n        {controls && (\n          <div className=\"absolute right-1 top-1/2 -translate-y-1/2 flex flex-col gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity\">\n            <button\n              type=\"button\"\n              aria-label=\"Increase value\"\n              className={`${dBtn} ${buttonSize} ${dBtnGhost} px-1 min-h-0 h-3.5`}\n              onClick={handleIncrement}\n              disabled={disabled || (value !== null && value >= max)}\n              tabIndex={-1}\n            >\n              <svg\n                className=\"w-3 h-3\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n                aria-hidden=\"true\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M5 15l7-7 7 7\"\n                />\n              </svg>\n            </button>\n            <button\n              type=\"button\"\n              aria-label=\"Decrease value\"\n              className={`${dBtn} ${buttonSize} ${dBtnGhost} px-1 min-h-0 h-3.5`}\n              onClick={handleDecrement}\n              disabled={disabled || (value !== null && value <= min)}\n              tabIndex={-1}\n            >\n              <svg\n                className=\"w-3 h-3\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n                aria-hidden=\"true\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M19 9l-7 7-7-7\"\n                />\n              </svg>\n            </button>\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nInputNumber.displayName = 'InputNumber'\n\nexport default InputNumber\n"],"names":["dInput","dInputXs","dInputSm","dInputMd","dInputLg","dInputXl","dInputDisabled","dBtn","dBtnXs","dBtnSm","dBtnGhost","InputNumber","forwardRef","controlledValue","defaultValue","min","max","step","precision","size","disabled","onChange","formatter","parser","className","controls","block","props","ref","componentSize","useConfig","effectiveSize","internalValue","setInternalValue","useState","inputRef","useRef","useImperativeHandle","value","formatValue","num","formatted","parseValue","str","parsed","clampValue","clamped","updateValue","newValue","handleIncrement","handleDecrement","handleInputChange","e","handleKeyDown","handleBlur","inputClasses","buttonSize","jsxs","jsx"],"mappings":"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"}

package/dist/components/Join.js

@@ -1,18 +1,19 @@
-import { jsx as c } from "react/jsx-runtime";
-import n from "react";
-function f({ children: o, direction: t = "horizontal", className: s = "", ...r }) {
-  const a = ["join", t === "vertical" && "join-vertical", s].filter(Boolean).join(" "), l = n.Children.map(o, (e) => {
-    if (n.isValidElement(e)) {
-      const i = e.props.className || "", m = i ? `join-item ${i}` : "join-item";
-      return n.cloneElement(e, {
+import { jsx as p } from "react/jsx-runtime";
+import e from "react";
+const d = "join", f = "join-vertical", t = "join-item";
+function N({ children: i, direction: s = "horizontal", className: r = "", ...a }) {
+  const c = [d, s === "vertical" && f, r].filter(Boolean).join(" "), l = e.Children.map(i, (n) => {
+    if (e.isValidElement(n)) {
+      const o = n.props.className || "", m = o ? `${t} ${o}` : t;
+      return e.cloneElement(n, {
         className: m
       });
     }
-    return e;
+    return n;
   });
-  return /* @__PURE__ */ c("div", { className: a, ...r, children: l });
+  return /* @__PURE__ */ p("div", { className: c, ...a, children: l });
 }
 export {
-  f as Join
+  N as Join
 };
 //# sourceMappingURL=Join.js.map

package/dist/components/Join.js.map

@@ -1 +1 @@
-{"version":3,"file":"Join.js","sources":["../../src/components/Join.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface JoinProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  direction?: 'horizontal' | 'vertical'\n}\n\nexport function Join({ children, direction = 'horizontal', className = '', ...rest }: JoinProps) {\n  const classes = ['join', direction === 'vertical' && 'join-vertical', className].filter(Boolean).join(' ')\n\n  // Automatically add join-item class to all children\n  const childrenWithJoinItem = React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      const existingClassName = (child.props as any).className || ''\n      const newClassName = existingClassName ? `join-item ${existingClassName}` : 'join-item'\n\n      return React.cloneElement(child as React.ReactElement<any>, {\n        className: newClassName,\n      })\n    }\n    return child\n  })\n\n  return <div className={classes} {...rest}>{childrenWithJoinItem}</div>\n}\n"],"names":["Join","children","direction","className","rest","classes","childrenWithJoinItem","React","child","existingClassName","newClassName"],"mappings":";;AAOO,SAASA,EAAK,EAAE,UAAAC,GAAU,WAAAC,IAAY,cAAc,WAAAC,IAAY,IAAI,GAAGC,KAAmB;AAC/F,QAAMC,IAAU,CAAC,QAAQH,MAAc,cAAc,iBAAiBC,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAGnGG,IAAuBC,EAAM,SAAS,IAAIN,GAAU,CAACO,MAAU;AACnE,QAAID,EAAM,eAAeC,CAAK,GAAG;AAC/B,YAAMC,IAAqBD,EAAM,MAAc,aAAa,IACtDE,IAAeD,IAAoB,aAAaA,CAAiB,KAAK;AAE5E,aAAOF,EAAM,aAAaC,GAAkC;AAAA,QAC1D,WAAWE;AAAA,MAAA,CACZ;AAAA,IACH;AACA,WAAOF;AAAA,EACT,CAAC;AAED,2BAAQ,OAAA,EAAI,WAAWH,GAAU,GAAGD,GAAO,UAAAE,GAAqB;AAClE;"}
+{"version":3,"file":"Join.js","sources":["../../src/components/Join.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dJoin = 'join'\nconst dJoinVertical = 'join-vertical'\nconst dJoinItem = 'join-item'\n\nexport interface JoinProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  direction?: 'horizontal' | 'vertical'\n}\n\nexport function Join({ children, direction = 'horizontal', className = '', ...rest }: JoinProps) {\n  const classes = [dJoin, direction === 'vertical' && dJoinVertical, className].filter(Boolean).join(' ')\n\n  // Automatically add join-item class to all children\n  const childrenWithJoinItem = React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      const existingClassName = (child.props as any).className || ''\n      const newClassName = existingClassName ? `${dJoinItem} ${existingClassName}` : dJoinItem\n\n      return React.cloneElement(child as React.ReactElement<any>, {\n        className: newClassName,\n      })\n    }\n    return child\n  })\n\n  return <div className={classes} {...rest}>{childrenWithJoinItem}</div>\n}\n"],"names":["dJoin","dJoinVertical","dJoinItem","Join","children","direction","className","rest","classes","childrenWithJoinItem","React","child","existingClassName","newClassName"],"mappings":";;AAGA,MAAMA,IAAQ,QACRC,IAAgB,iBAChBC,IAAY;AAOX,SAASC,EAAK,EAAE,UAAAC,GAAU,WAAAC,IAAY,cAAc,WAAAC,IAAY,IAAI,GAAGC,KAAmB;AAC/F,QAAMC,IAAU,CAACR,GAAOK,MAAc,cAAcJ,GAAeK,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAGhGG,IAAuBC,EAAM,SAAS,IAAIN,GAAU,CAACO,MAAU;AACnE,QAAID,EAAM,eAAeC,CAAK,GAAG;AAC/B,YAAMC,IAAqBD,EAAM,MAAc,aAAa,IACtDE,IAAeD,IAAoB,GAAGV,CAAS,IAAIU,CAAiB,KAAKV;AAE/E,aAAOQ,EAAM,aAAaC,GAAkC;AAAA,QAC1D,WAAWE;AAAA,MAAA,CACZ;AAAA,IACH;AACA,WAAOF;AAAA,EACT,CAAC;AAED,2BAAQ,OAAA,EAAI,WAAWH,GAAU,GAAGD,GAAO,UAAAE,GAAqB;AAClE;"}

package/dist/components/Kbd.js

@@ -1,20 +1,20 @@
-import { jsx as e } from "react/jsx-runtime";
-const k = {
-  xs: "kbd-xs",
-  sm: "kbd-sm",
-  md: "kbd-md",
-  lg: "kbd-lg",
-  xl: "kbd-xl"
-}, t = ({
-  size: s,
-  children: d,
-  className: l = "",
-  ...o
+import { jsx as n } from "react/jsx-runtime";
+const c = "kbd", l = "kbd-xs", m = "kbd-sm", e = "kbd-md", k = "kbd-lg", K = "kbd-xl", r = {
+  xs: l,
+  sm: m,
+  md: e,
+  lg: k,
+  xl: K
+}, a = ({
+  size: d,
+  children: s,
+  className: o = "",
+  ...b
 }) => {
-  const b = ["kbd", s ? k[s] : "", l].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("kbd", { className: b, ...o, children: d });
+  const t = [c, d ? r[d] : "", o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("kbd", { className: t, ...b, children: s });
 };
 export {
-  t as Kbd
+  a as Kbd
 };
 //# sourceMappingURL=Kbd.js.map

package/dist/components/Kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.js","sources":["../../src/components/Kbd.tsx"],"sourcesContent":["import React from 'react'\n\nexport type KbdSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface KbdProps extends React.HTMLAttributes<HTMLElement> {\n  /** Size of the kbd */\n  size?: KbdSize\n  /** Key content */\n  children?: React.ReactNode\n}\n\nconst sizeClasses: Record<KbdSize, string> = {\n  xs: 'kbd-xs',\n  sm: 'kbd-sm',\n  md: 'kbd-md',\n  lg: 'kbd-lg',\n  xl: 'kbd-xl',\n}\n\nexport const Kbd: React.FC<KbdProps> = ({\n  size,\n  children,\n  className = '',\n  ...rest\n}) => {\n  const classes = ['kbd', size ? sizeClasses[size] : '', className]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <kbd className={classes} {...rest}>\n      {children}\n    </kbd>\n  )\n}\n"],"names":["sizeClasses","Kbd","size","children","className","rest","classes"],"mappings":";AAWA,MAAMA,IAAuC;AAAA,EAC3C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAA0B,CAAC;AAAA,EACtC,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAU,CAAC,OAAOJ,IAAOF,EAAYE,CAAI,IAAI,IAAIE,CAAS,EAC7D,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BACG,OAAA,EAAI,WAAWE,GAAU,GAAGD,GAC1B,UAAAF,GACH;AAEJ;"}
+{"version":3,"file":"Kbd.js","sources":["../../src/components/Kbd.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dKbd = 'kbd'\nconst dKbdXs = 'kbd-xs'\nconst dKbdSm = 'kbd-sm'\nconst dKbdMd = 'kbd-md'\nconst dKbdLg = 'kbd-lg'\nconst dKbdXl = 'kbd-xl'\n\nexport type KbdSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface KbdProps extends React.HTMLAttributes<HTMLElement> {\n  /** Size of the kbd */\n  size?: KbdSize\n  /** Key content */\n  children?: React.ReactNode\n}\n\nconst sizeClasses: Record<KbdSize, string> = {\n  xs: dKbdXs,\n  sm: dKbdSm,\n  md: dKbdMd,\n  lg: dKbdLg,\n  xl: dKbdXl,\n}\n\nexport const Kbd: React.FC<KbdProps> = ({\n  size,\n  children,\n  className = '',\n  ...rest\n}) => {\n  const classes = [dKbd, size ? sizeClasses[size] : '', className]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <kbd className={classes} {...rest}>\n      {children}\n    </kbd>\n  )\n}\n"],"names":["dKbd","dKbdXs","dKbdSm","dKbdMd","dKbdLg","dKbdXl","sizeClasses","Kbd","size","children","className","rest","classes"],"mappings":";AAGA,MAAMA,IAAO,OACPC,IAAS,UACTC,IAAS,UACTC,IAAS,UACTC,IAAS,UACTC,IAAS,UAWTC,IAAuC;AAAA,EAC3C,IAAIL;AAAA,EACJ,IAAIC;AAAA,EACJ,IAAIC;AAAA,EACJ,IAAIC;AAAA,EACJ,IAAIC;AACN,GAEaE,IAA0B,CAAC;AAAA,EACtC,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAU,CAACZ,GAAMQ,IAAOF,EAAYE,CAAI,IAAI,IAAIE,CAAS,EAC5D,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BACG,OAAA,EAAI,WAAWE,GAAU,GAAGD,GAC1B,UAAAF,GACH;AAEJ;"}

package/dist/components/Layout.js

@@ -1,54 +1,54 @@
-import { jsx as a, jsxs as Q } from "react/jsx-runtime";
-import N, { forwardRef as y, useContext as Z, createContext as _, useState as S, useEffect as q, useCallback as G } from "react";
-const B = _(null);
-function I() {
-  return Z(B);
+import { jsx as a, jsxs as Z } from "react/jsx-runtime";
+import C, { forwardRef as y, useContext as _, createContext as q, useState as S, useEffect as G, useCallback as J } from "react";
+const U = "bg-base-100", X = "bg-base-200", v = "bg-base-300", E = q(null);
+function ae() {
+  return _(E);
 }
-const v = y(
+const b = y(
   ({ children: s, hasSider: o, className: n = "", "data-testid": e, ...l }, r) => {
-    const d = N.Children.toArray(s), f = d.some(
-      (t) => N.isValidElement(t) && t.type.displayName === "LayoutSider"
+    const d = C.Children.toArray(s), f = d.some(
+      (t) => C.isValidElement(t) && t.type.displayName === "LayoutSider"
     ), c = o ?? f, p = [
       "flex",
       "min-h-0",
       c ? "flex-row" : "flex-col",
       n
-    ].filter(Boolean).join(" "), b = c ? d.map((t) => {
-      if (N.isValidElement(t) && (t.type === v || t.type.displayName === "LayoutRoot") && t.type.displayName !== "LayoutSider") {
-        const g = t.props.className || "";
-        if (!g.includes("flex-1"))
-          return N.cloneElement(t, {
-            className: `flex-1 ${g}`.trim()
+    ].filter(Boolean).join(" "), g = c ? d.map((t) => {
+      if (C.isValidElement(t) && (t.type === b || t.type.displayName === "LayoutRoot") && t.type.displayName !== "LayoutSider") {
+        const N = t.props.className || "";
+        if (!N.includes("flex-1"))
+          return C.cloneElement(t, {
+            className: `flex-1 ${N}`.trim()
           });
       }
       return t;
     }) : s;
-    return /* @__PURE__ */ a("div", { ref: r, className: p, "data-testid": e, ...l, children: b });
+    return /* @__PURE__ */ a("div", { ref: r, className: p, "data-testid": e, ...l, children: g });
   }
 );
-v.displayName = "LayoutRoot";
-const E = y(
+b.displayName = "LayoutRoot";
+const $ = y(
   ({ children: s, className: o = "", "data-testid": n, ...e }, l) => {
     const r = [
       "flex",
       "items-center",
       "px-6",
       "h-16",
-      "bg-base-300",
+      v,
       "flex-shrink-0",
       o
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ a("header", { ref: l, className: r, "data-testid": n, ...e, children: s });
   }
 );
-E.displayName = "LayoutHeader";
+$.displayName = "LayoutHeader";
 const R = y(
   ({ children: s, className: o = "", "data-testid": n, ...e }, l) => {
     const r = [
       "px-6",
       "py-4",
       "text-center",
-      "bg-base-300",
+      v,
       "flex-shrink-0",
       o
     ].filter(Boolean).join(" ");
@@ -56,20 +56,20 @@ const R = y(
   }
 );
 R.displayName = "LayoutFooter";
-const $ = y(
+const A = y(
   ({ children: s, className: o = "", "data-testid": n, ...e }, l) => {
     const r = ["flex-1", "min-h-0", "overflow-auto", o].filter(Boolean).join(" ");
     return /* @__PURE__ */ a("main", { ref: l, className: r, "data-testid": n, ...e, children: s });
   }
 );
-$.displayName = "LayoutContent";
-const J = {
+A.displayName = "LayoutContent";
+const Y = {
   sm: "(max-width: 639px)",
   md: "(max-width: 767px)",
   lg: "(max-width: 1023px)",
   xl: "(max-width: 1279px)",
   "2xl": "(max-width: 1535px)"
-}, A = y(
+}, M = y(
   ({
     children: s,
     width: o = 200,
@@ -81,49 +81,49 @@ const J = {
     trigger: f,
     breakpoint: c,
     onBreakpoint: p,
-    reverseArrow: b = !1,
+    reverseArrow: g = !1,
     theme: t = "dark",
-    zeroWidthTriggerStyle: g,
-    className: M = "",
-    style: T,
+    zeroWidthTriggerStyle: N,
+    className: T = "",
+    style: W,
     "data-testid": x,
-    ...W
-  }, z) => {
-    const [F, L] = S(l), [w, H] = S(!1), i = e ?? F;
-    q(() => {
+    ...z
+  }, F) => {
+    const [H, w] = S(l), [k, P] = S(!1), i = e ?? H;
+    G(() => {
       if (!c) return;
-      const m = window.matchMedia(J[c]), C = (K) => {
-        const h = K.matches;
-        H(h), p?.(h), e === void 0 && L(h), h !== w && d?.(h, "responsive");
+      const m = window.matchMedia(Y[c]), L = (Q) => {
+        const h = Q.matches;
+        P(h), p?.(h), e === void 0 && w(h), h !== k && d?.(h, "responsive");
       };
-      return C(m), m.addEventListener("change", C), () => m.removeEventListener("change", C);
-    }, [c, p, e, d, w]);
-    const k = G(() => {
+      return L(m), m.addEventListener("change", L), () => m.removeEventListener("change", L);
+    }, [c, p, e, d, k]);
+    const B = J(() => {
       const m = !i;
-      e === void 0 && L(m), d?.(m, "clickTrigger");
-    }, [i, e, d]), u = i ? n : o, j = u === 0 || u === "0" || u === "0px", P = [
+      e === void 0 && w(m), d?.(m, "clickTrigger");
+    }, [i, e, d]), u = i ? n : o, j = u === 0 || u === "0" || u === "0px", O = [
       "flex",
       "flex-col",
       {
-        light: "bg-base-100",
-        dark: "bg-base-200"
+        light: U,
+        dark: X
       }[t],
       "flex-shrink-0",
       "transition-all",
       "duration-200",
       "relative",
-      M
-    ].filter(Boolean).join(" "), O = () => b ? i ? "" : "rotate-180" : i ? "rotate-180" : "", V = r && f !== null && /* @__PURE__ */ a(
+      T
+    ].filter(Boolean).join(" "), V = () => g ? i ? "" : "rotate-180" : i ? "rotate-180" : "", D = r && f !== null && /* @__PURE__ */ a(
       "button",
       {
-        onClick: k,
-        className: "flex items-center justify-center h-10 w-full bg-base-300 hover:bg-base-content/10 transition-colors",
+        onClick: B,
+        className: `flex items-center justify-center h-10 w-full ${v} hover:bg-base-content/10 transition-colors`,
         "aria-label": i ? "Expand sidebar" : "Collapse sidebar",
         "data-testid": x ? `${x}-trigger` : void 0,
         children: /* @__PURE__ */ a(
           "svg",
           {
-            className: `w-4 h-4 transition-transform ${O()}`,
+            className: `w-4 h-4 transition-transform ${V()}`,
             fill: "none",
             viewBox: "0 0 24 24",
             stroke: "currentColor",
@@ -131,18 +131,18 @@ const J = {
           }
         )
       }
-    ), D = r && j && i && /* @__PURE__ */ a(
+    ), K = r && j && i && /* @__PURE__ */ a(
       "button",
       {
-        onClick: k,
-        className: "absolute top-1/2 -translate-y-1/2 right-0 translate-x-full w-6 h-12 flex items-center justify-center bg-base-300 hover:bg-base-content/10 transition-colors rounded-r z-10",
+        onClick: B,
+        className: `absolute top-1/2 -translate-y-1/2 right-0 translate-x-full w-6 h-12 flex items-center justify-center ${v} hover:bg-base-content/10 transition-colors rounded-r z-10`,
         "aria-label": "Expand sidebar",
-        style: g,
+        style: N,
         "data-testid": x ? `${x}-zero-trigger` : void 0,
         children: /* @__PURE__ */ a(
           "svg",
           {
-            className: `w-3 h-3 ${b ? "rotate-180" : ""}`,
+            className: `w-3 h-3 ${g ? "rotate-180" : ""}`,
             fill: "none",
             viewBox: "0 0 24 24",
             stroke: "currentColor",
@@ -151,38 +151,38 @@ const J = {
         )
       }
     );
-    return /* @__PURE__ */ a(B.Provider, { value: { collapsed: i, collapsedWidth: n, width: o }, children: /* @__PURE__ */ Q(
+    return /* @__PURE__ */ a(E.Provider, { value: { collapsed: i, collapsedWidth: n, width: o }, children: /* @__PURE__ */ Z(
       "aside",
       {
-        ref: z,
-        className: P,
+        ref: F,
+        className: O,
         style: {
           width: typeof u == "number" ? `${u}px` : u,
-          ...T
+          ...W
         },
         "data-collapsed": i,
         "data-theme": t,
         "data-testid": x,
         "aria-expanded": !i,
-        ...W,
+        ...z,
         children: [
           /* @__PURE__ */ a("div", { className: "flex-1 overflow-auto", children: s }),
-          !j && f !== null && (f ?? V),
-          D
+          !j && f !== null && (f ?? D),
+          K
         ]
       }
     ) });
   }
 );
-A.displayName = "LayoutSider";
-const ee = Object.assign(v, {
-  Header: E,
+M.displayName = "LayoutSider";
+const se = Object.assign(b, {
+  Header: $,
   Footer: R,
-  Content: $,
-  Sider: A
+  Content: A,
+  Sider: M
 });
 export {
-  ee as Layout,
-  I as useSiderContext
+  se as Layout,
+  ae as useSiderContext
 };
 //# sourceMappingURL=Layout.js.map