asterui 0.12.49 → 0.12.51

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

@@ -34,7 +34,7 @@ export interface ListProps<T = unknown> extends Omit<React.HTMLAttributes<HTMLUL
     /** Show divider between items */
     split?: boolean;
     /** Size variant */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     /** Layout direction */
     itemLayout?: 'horizontal' | 'vertical';
     /** Empty state text */

package/dist/components/List.js

@@ -1,106 +1,109 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import p, { forwardRef as L } from "react";
-import { Pagination as P } from "./Pagination.js";
-import { Loading as W } from "./Loading.js";
-const q = {
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
+import p, { forwardRef as j } from "react";
+import { Pagination as A } from "./Pagination.js";
+import { Loading as D } from "./Loading.js";
+import { useConfig as F } from "./ConfigProvider.js";
+const G = "list", u = "list-row", H = {
+  xs: "py-1",
   sm: "py-2",
   md: "py-3",
-  lg: "py-4"
-}, x = L(
-  ({ children: r, actions: a, extra: i, className: d = "", "data-testid": m, ...l }, c) => {
-    const b = ["list-row", d].filter(Boolean).join(" ");
-    return /* @__PURE__ */ u("li", { ref: c, className: b, "data-testid": m, ...l, children: [
-      /* @__PURE__ */ e("div", { className: "flex-1", children: r }),
-      i && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: i }),
-      a && a.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 flex-shrink-0", children: a.map((N, h) => /* @__PURE__ */ e("span", { children: N }, h)) })
+  lg: "py-4",
+  xl: "py-5"
+}, y = j(
+  ({ children: i, actions: a, extra: r, className: d = "", "data-testid": o, ...l }, c) => {
+    const N = [u, d].filter(Boolean).join(" ");
+    return /* @__PURE__ */ b("li", { ref: c, className: N, "data-testid": o, ...l, children: [
+      /* @__PURE__ */ e("div", { className: "flex-1", children: i }),
+      r && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: r }),
+      a && a.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 flex-shrink-0", children: a.map((x, h) => /* @__PURE__ */ e("span", { children: x }, h)) })
     ] });
   }
 );
-x.displayName = "List.Item";
-const j = ({
-  avatar: r,
+y.displayName = "List.Item";
+const z = ({
+  avatar: i,
   title: a,
-  description: i,
+  description: r,
   className: d = "",
-  ...m
-}) => /* @__PURE__ */ u("div", { className: `flex items-center gap-3 ${d}`, ...m, children: [
-  r && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: r }),
-  /* @__PURE__ */ u("div", { className: "flex-1 min-w-0", children: [
+  ...o
+}) => /* @__PURE__ */ b("div", { className: `flex items-center gap-3 ${d}`, ...o, children: [
+  i && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: i }),
+  /* @__PURE__ */ b("div", { className: "flex-1 min-w-0", children: [
     a && /* @__PURE__ */ e("div", { className: "font-medium truncate", children: a }),
-    i && /* @__PURE__ */ e("div", { className: "text-sm text-base-content/70 truncate", children: i })
+    r && /* @__PURE__ */ e("div", { className: "text-sm text-base-content/70 truncate", children: r })
   ] })
 ] });
-j.displayName = "List.Item.Meta";
-const z = L(
+z.displayName = "List.Item.Meta";
+const R = j(
   ({
-    dataSource: r,
+    dataSource: i,
     renderItem: a,
-    header: i,
+    header: r,
     footer: d,
-    loading: m = !1,
+    loading: o = !1,
     pagination: l = !1,
     grid: c,
-    bordered: b = !0,
-    split: N = !0,
-    size: h = "md",
+    bordered: N = !0,
+    split: x = !0,
+    size: h,
     itemLayout: k = "horizontal",
-    locale: y,
-    loadMore: $,
+    locale: $,
+    loadMore: g,
     rowKey: f,
-    children: g,
-    className: w = "",
-    "aria-label": E,
+    children: v,
+    className: E = "",
+    "aria-label": S,
     "data-testid": t = "list",
-    ...R
-  }, M) => {
-    const T = [
-      "list bg-base-100 rounded-box",
-      b && "border border-base-300",
-      N && "[&_.list-row]:border-b [&_.list-row]:border-base-200 [&_.list-row:last-child]:border-b-0",
-      w
-    ].filter(Boolean).join(" "), v = q[h], _ = c ? {
+    ...M
+  }, T) => {
+    const { componentSize: _ } = F(), w = h ?? _ ?? "md", B = [
+      `${G} bg-base-100 rounded-box`,
+      N && "border border-base-300",
+      x && `[&_.${u}]:border-b [&_.${u}]:border-base-200 [&_.${u}:last-child]:border-b-0`,
+      E
+    ].filter(Boolean).join(" "), C = H[w], O = c ? {
       display: "grid",
       gridTemplateColumns: `repeat(${c.column || 1}, minmax(0, 1fr))`,
       gap: c.gutter ? `${c.gutter}px` : void 0
-    } : {}, B = (s, n) => f ? typeof f == "function" ? f(s) : String(s[f] ?? n) : n, C = k === "vertical" ? "flex-col items-start" : "", O = () => m ? /* @__PURE__ */ e("div", { className: "flex justify-center py-8", "data-testid": `${t}-loading`, role: "status", children: /* @__PURE__ */ e(W, { size: "md", "aria-label": "Loading list" }) }) : r && a ? r.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-8 text-base-content/50", "data-testid": `${t}-empty`, children: y?.emptyText ?? "No data" }) : r.map((s, n) => {
-      const o = a(s, n), S = B(s, n);
-      if (p.isValidElement(o)) {
-        const V = o.props.className || "";
-        return p.cloneElement(o, {
-          key: S,
-          className: `${V} ${v} ${C}`.trim(),
+    } : {}, V = (s, n) => f ? typeof f == "function" ? f(s) : String(s[f] ?? n) : n, L = k === "vertical" ? "flex-col items-start" : "", P = () => o ? /* @__PURE__ */ e("div", { className: "flex justify-center py-8", "data-testid": `${t}-loading`, role: "status", children: /* @__PURE__ */ e(D, { size: "md", "aria-label": "Loading list" }) }) : i && a ? i.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-8 text-base-content/50", "data-testid": `${t}-empty`, children: $?.emptyText ?? "No data" }) : i.map((s, n) => {
+      const m = a(s, n), W = V(s, n);
+      if (p.isValidElement(m)) {
+        const q = m.props.className || "";
+        return p.cloneElement(m, {
+          key: W,
+          className: `${q} ${C} ${L}`.trim(),
           "data-testid": `${t}-item-${n}`
         });
       }
-      return o;
-    }) : g ? p.Children.map(g, (s, n) => {
+      return m;
+    }) : v ? p.Children.map(v, (s, n) => {
       if (p.isValidElement(s)) {
-        const o = s.props.className || "";
+        const m = s.props.className || "";
         return p.cloneElement(s, {
-          className: `${o} ${v} ${C}`.trim(),
+          className: `${m} ${C} ${L}`.trim(),
           "data-testid": `${t}-item-${n}`
         });
       }
       return s;
-    }) : /* @__PURE__ */ e("div", { className: "text-center py-8 text-base-content/50", "data-testid": `${t}-empty`, children: y?.emptyText ?? "No data" });
-    return /* @__PURE__ */ u("div", { "data-testid": t, "aria-busy": m, children: [
-      i && /* @__PURE__ */ e("div", { className: "px-4 py-3 border-b border-base-200 font-medium", "data-testid": `${t}-header`, children: i }),
+    }) : /* @__PURE__ */ e("div", { className: "text-center py-8 text-base-content/50", "data-testid": `${t}-empty`, children: $?.emptyText ?? "No data" });
+    return /* @__PURE__ */ b("div", { "data-testid": t, "aria-busy": o, children: [
+      r && /* @__PURE__ */ e("div", { className: "px-4 py-3 border-b border-base-200 font-medium", "data-testid": `${t}-header`, children: r }),
       /* @__PURE__ */ e(
         "ul",
         {
-          ref: M,
+          ref: T,
           role: "list",
-          "aria-label": E,
-          className: T,
-          style: _,
-          ...R,
-          children: O()
+          "aria-label": S,
+          className: B,
+          style: O,
+          ...M,
+          children: P()
         }
       ),
       d && /* @__PURE__ */ e("div", { className: "px-4 py-3 border-t border-base-200", "data-testid": `${t}-footer`, children: d }),
-      $ && /* @__PURE__ */ e("div", { className: "py-4 text-center", "data-testid": `${t}-load-more`, children: $ }),
+      g && /* @__PURE__ */ e("div", { className: "py-4 text-center", "data-testid": `${t}-load-more`, children: g }),
       l && l.total !== void 0 && /* @__PURE__ */ e("div", { className: "flex justify-end pt-4", "data-testid": `${t}-pagination`, children: /* @__PURE__ */ e(
-        P,
+        A,
         {
           current: l.current,
           pageSize: l.pageSize,
@@ -111,15 +114,15 @@ const z = L(
     ] });
   }
 );
-z.displayName = "List";
-const A = Object.assign(x, {
-  Meta: j
-}), J = Object.assign(z, {
-  Item: A,
-  Row: x
+R.displayName = "List";
+const J = Object.assign(y, {
+  Meta: z
+}), K = Object.assign(R, {
+  Item: J,
+  Row: y
   // Backwards compatibility with DaisyUI pattern
 });
 export {
-  J as List
+  K as List
 };
 //# sourceMappingURL=List.js.map