@aster-ui/prefixed 0.12.50

package/dist/components/Input.js

@@ -0,0 +1,263 @@
+import { jsx as d, jsxs as L } from "react/jsx-runtime";
+import { forwardRef as St, useRef as Bt, useCallback as z, useState as Q, useEffect as Y } from "react";
+import { useConfig as Mt } from "./ConfigProvider.js";
+const F = "d-input", lt = "d-input-xs", ut = "d-input-sm", at = "d-input-md", dt = "d-input-lg", pt = "d-input-xl", Wt = "d-input-neutral", Tt = "d-input-primary", $t = "d-input-secondary", Lt = "d-input-accent", Ft = "d-input-info", Ut = "d-input-success", ft = "d-input-warning", gt = "d-input-error", Xt = "d-input-ghost", Zt = "d-floating-label";
+function q(e, s, i) {
+  let l = "", o = 0;
+  for (let f = 0; f < s.length && o <= e.length; f++) {
+    const x = s[f];
+    x === "#" || x === "A" || x === "*" ? o < e.length ? (l += e[o], o++) : l += i : l += x;
+  }
+  return l;
+}
+function K(e, s, i) {
+  let l = "";
+  for (let o = 0; o < e.length && o < s.length; o++) {
+    const f = s[o];
+    (f === "#" || f === "A" || f === "*") && e[o] !== i && (l += e[o]);
+  }
+  return l;
+}
+function Gt(e, s) {
+  return s === "#" ? /\d/.test(e) : s === "A" ? /[a-zA-Z]/.test(e) : s === "*" ? /[a-zA-Z0-9]/.test(e) : !1;
+}
+function ht(e, s) {
+  for (let i = s; i < e.length; i++)
+    if (e[i] === "#" || e[i] === "A" || e[i] === "*")
+      return i;
+  return e.length;
+}
+const _t = ({ onClick: e, className: s }) => /* @__PURE__ */ d(
+  "button",
+  {
+    type: "button",
+    onClick: e,
+    className: `flex items-center justify-center opacity-50 hover:opacity-100 transition-opacity ${s || ""}`,
+    "aria-label": "Clear input",
+    tabIndex: -1,
+    children: /* @__PURE__ */ d("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+  }
+), Dt = St(
+  ({
+    type: e = "text",
+    size: s,
+    color: i,
+    status: l,
+    ghost: o = !1,
+    bordered: f = !0,
+    className: x = "",
+    mask: t,
+    maskPlaceholder: p = "_",
+    allowClear: C,
+    onClear: P,
+    prefix: E,
+    suffix: N,
+    addonBefore: U,
+    addonAfter: X,
+    floatingLabel: S,
+    errorId: m,
+    unstyled: It = !1,
+    value: r,
+    defaultValue: A,
+    onChange: u,
+    onKeyDown: R,
+    disabled: Z,
+    required: G,
+    ...k
+  }, xt) => {
+    const { componentSize: yt } = Mt(), _ = s ?? yt ?? "md", tt = {
+      xs: lt,
+      sm: ut,
+      md: at,
+      lg: dt,
+      xl: pt
+    }, nt = l ? {
+      error: gt,
+      warning: ft
+    }[l] : i ? {
+      neutral: Wt,
+      primary: Tt,
+      secondary: $t,
+      accent: Lt,
+      info: Ft,
+      success: Ut,
+      warning: ft,
+      error: gt
+    }[i] : "", et = U || X, bt = et || It ? ["grow", "bg-transparent", "border-0", "outline-none", "focus:outline-none", x].filter(Boolean).join(" ") : [
+      F,
+      !f && "border-0",
+      o && Xt,
+      tt[_],
+      nt,
+      x
+    ].filter(Boolean).join(" "), wt = Bt(null), g = xt || wt, vt = z(() => t ? K(r ?? A ?? "", t, p) : "", [t, r, A, p]), [B, M] = Q(vt), [W, D] = Q(null);
+    Y(() => {
+      t && r !== void 0 && M(K(r, t, p));
+    }, [t, r, p]), Y(() => {
+      W !== null && g.current && (g.current.setSelectionRange(W, W), D(null));
+    }, [W, g]);
+    const rt = z(
+      (n) => {
+        if (!t) {
+          u?.(n);
+          return;
+        }
+        const a = n.target, V = a.value, w = K(V, t, p);
+        let y = "", b = 0;
+        for (let h = 0; h < t.length && b < w.length; h++) {
+          const I = t[h];
+          (I === "#" || I === "A" || I === "*") && (Gt(w[b], I) && (y += w[b]), b++);
+        }
+        M(y);
+        const $ = q(y, t, p);
+        let c = ht(t, 0), v = 0;
+        for (let h = 0; h < t.length; h++) {
+          const I = t[h];
+          (I === "#" || I === "A" || I === "*") && v < y.length && (v++, c = h + 1);
+        }
+        c = ht(t, c), c > t.length && (c = t.length), D(c);
+        const Et = {
+          ...n,
+          target: { ...a, value: $ },
+          currentTarget: { ...a, value: $ }
+        };
+        u?.(Et);
+      },
+      [t, p, u]
+    ), st = z(
+      (n) => {
+        if (!t) {
+          R?.(n);
+          return;
+        }
+        if (n.key === "Backspace") {
+          n.preventDefault();
+          const a = B.slice(0, -1);
+          M(a);
+          let V = 0, w = 0;
+          for (let c = 0; c < t.length; c++) {
+            const v = t[c];
+            if (v === "#" || v === "A" || v === "*")
+              if (w < a.length)
+                w++, V = c + 1;
+              else {
+                V = c;
+                break;
+              }
+          }
+          D(V);
+          const y = q(a, t, p), b = n.currentTarget, $ = {
+            target: { ...b, value: y },
+            currentTarget: { ...b, value: y }
+          };
+          u?.($);
+        }
+        R?.(n);
+      },
+      [t, p, B, u, R]
+    ), [H, J] = Q(r ?? A ?? "");
+    Y(() => {
+      r !== void 0 && J(r);
+    }, [r]);
+    const it = z((n) => {
+      J(n.target.value), u?.(n);
+    }, [u]), Ct = z(() => {
+      if (J(""), M(""), P?.(), u && g.current) {
+        const n = {
+          target: { ...g.current, value: "" },
+          currentTarget: { ...g.current, value: "" }
+        };
+        u(n);
+      }
+    }, [P, u, g]), O = C && (t ? B : H) && !Z, Nt = typeof C == "object" && C.clearIcon ? C.clearIcon : null, j = {};
+    l === "error" && (j["aria-invalid"] = !0), m && (j["aria-describedby"] = m), G && (j["aria-required"] = !0);
+    const T = E || N || C, At = {
+      xs: lt,
+      sm: ut,
+      md: at,
+      lg: dt,
+      xl: pt
+    }, ot = t ? q(B, t, p) : void 0, ct = (n) => /* @__PURE__ */ d(
+      "input",
+      {
+        ref: g,
+        type: t ? "text" : e,
+        className: [
+          bt,
+          T && "w-full",
+          E && "pl-10",
+          (N || O) && "pr-10",
+          n
+        ].filter(Boolean).join(" "),
+        value: ot ?? (r !== void 0 ? r : T ? H : r),
+        defaultValue: r === void 0 && !t ? A : void 0,
+        onChange: t ? rt : T ? it : u,
+        onKeyDown: t ? st : R,
+        disabled: Z,
+        required: G,
+        ...j,
+        ...k
+      }
+    ), Rt = (n) => T ? /* @__PURE__ */ L("div", { className: `relative flex items-center ${n || ""}`, children: [
+      E && /* @__PURE__ */ d("span", { className: "absolute left-3 flex items-center text-base-content/70 pointer-events-none z-10", children: E }),
+      ct(),
+      (N || O) && /* @__PURE__ */ L("span", { className: "absolute right-3 flex items-center gap-1 z-10", children: [
+        O && (Nt || /* @__PURE__ */ d(_t, { onClick: Ct })),
+        N && /* @__PURE__ */ d("span", { className: "text-base-content/70", children: N })
+      ] })
+    ] }) : ct(n), jt = (n) => {
+      if (!S) return n;
+      const a = [
+        Zt,
+        At[_]
+      ].filter(Boolean).join(" ");
+      return /* @__PURE__ */ L("label", { className: a, children: [
+        n,
+        /* @__PURE__ */ d("span", { children: S })
+      ] });
+    }, Vt = (n) => {
+      if (!et) return n;
+      const a = [
+        F,
+        "flex",
+        "items-center",
+        "gap-2",
+        tt[_],
+        nt
+      ].filter(Boolean).join(" ");
+      return /* @__PURE__ */ L("label", { className: a, children: [
+        U && /* @__PURE__ */ d("span", { className: "text-base-content/70", children: U }),
+        n,
+        X && /* @__PURE__ */ d("span", { className: "text-base-content/70", children: X })
+      ] });
+    }, zt = Rt(
+      S ? `${F} w-full` : void 0
+    );
+    return Vt(jt(
+      S ? (
+        // For floating label, use raw input (label wrapper provides styling)
+        /* @__PURE__ */ d(
+          "input",
+          {
+            ref: g,
+            type: t ? "text" : e,
+            className: `${F} w-full`,
+            value: ot ?? (r !== void 0 ? r : H),
+            defaultValue: r === void 0 && !t ? A : void 0,
+            onChange: t ? rt : it,
+            onKeyDown: t ? st : R,
+            disabled: Z,
+            required: G,
+            ...j,
+            ...k
+          }
+        )
+      ) : zt
+    ));
+  }
+);
+Dt.displayName = "Input";
+export {
+  Dt as Input
+};
+//# sourceMappingURL=Input.js.map

package/dist/components/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../src/components/Input.tsx"],"sourcesContent":["import React, { forwardRef, useState, useCallback, useRef, useEffect } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dInput = 'd-input'\nconst dInputXs = 'd-input-xs'\nconst dInputSm = 'd-input-sm'\nconst dInputMd = 'd-input-md'\nconst dInputLg = 'd-input-lg'\nconst dInputXl = 'd-input-xl'\nconst dInputNeutral = 'd-input-neutral'\nconst dInputPrimary = 'd-input-primary'\nconst dInputSecondary = 'd-input-secondary'\nconst dInputAccent = 'd-input-accent'\nconst dInputInfo = 'd-input-info'\nconst dInputSuccess = 'd-input-success'\nconst dInputWarning = 'd-input-warning'\nconst dInputError = 'd-input-error'\nconst dInputGhost = 'd-input-ghost'\nconst dFloatingLabel = 'd-floating-label'\n\nexport interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {\n  type?: 'text' | 'password' | 'email' | 'number' | 'date' | 'datetime-local' | 'week' | 'month' | 'tel' | 'url' | 'search' | 'time'\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  className?: string\n  /** Input mask pattern. Use # for digits, A for letters, * for alphanumeric */\n  mask?: string\n  /** Placeholder character shown in mask (default: _) */\n  maskPlaceholder?: string\n  /** Show clear button when input has value */\n  allowClear?: boolean | { clearIcon?: React.ReactNode }\n  /** Callback when clear button is clicked */\n  onClear?: () => void\n  /** Prefix icon or element (inside input) */\n  prefix?: React.ReactNode\n  /** Suffix icon or element (inside input) */\n  suffix?: React.ReactNode\n  /** Text/element before input (outside, using DaisyUI label) */\n  addonBefore?: React.ReactNode\n  /** Text/element after input (outside, using DaisyUI label) */\n  addonAfter?: React.ReactNode\n  /** Floating label text (uses DaisyUI floating-label) */\n  floatingLabel?: string\n  /** ID for error message element (for aria-describedby) */\n  errorId?: string\n  /** Render as unstyled input (for use inside styled wrappers) */\n  unstyled?: boolean\n}\n\n// Helper to apply mask to raw value\nfunction applyMask(raw: string, mask: string, placeholder: string): string {\n  let result = ''\n  let rawIndex = 0\n\n  for (let i = 0; i < mask.length && rawIndex <= raw.length; i++) {\n    const maskChar = mask[i]\n    if (maskChar === '#' || maskChar === 'A' || maskChar === '*') {\n      if (rawIndex < raw.length) {\n        result += raw[rawIndex]\n        rawIndex++\n      } else {\n        result += placeholder\n      }\n    } else {\n      result += maskChar\n    }\n  }\n\n  return result\n}\n\n// Extract raw value from masked input\nfunction extractRaw(value: string, mask: string, placeholder: string): string {\n  let raw = ''\n  for (let i = 0; i < value.length && i < mask.length; i++) {\n    const maskChar = mask[i]\n    if ((maskChar === '#' || maskChar === 'A' || maskChar === '*') && value[i] !== placeholder) {\n      raw += value[i]\n    }\n  }\n  return raw\n}\n\n// Check if character is valid for mask position\nfunction isValidChar(char: string, maskChar: string): boolean {\n  if (maskChar === '#') return /\\d/.test(char)\n  if (maskChar === 'A') return /[a-zA-Z]/.test(char)\n  if (maskChar === '*') return /[a-zA-Z0-9]/.test(char)\n  return false\n}\n\n// Find next input position in mask\nfunction findNextInputPosition(mask: string, fromIndex: number): number {\n  for (let i = fromIndex; i < mask.length; i++) {\n    if (mask[i] === '#' || mask[i] === 'A' || mask[i] === '*') {\n      return i\n    }\n  }\n  return mask.length\n}\n\n// Clear icon component\nconst ClearIcon: React.FC<{ onClick: () => void; className?: string }> = ({ onClick, className }) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className={`flex items-center justify-center opacity-50 hover:opacity-100 transition-opacity ${className || ''}`}\n    aria-label=\"Clear input\"\n    tabIndex={-1}\n  >\n    <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n    </svg>\n  </button>\n)\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      type = 'text',\n      size,\n      color,\n      status,\n      ghost = false,\n      bordered = true,\n      className = '',\n      mask,\n      maskPlaceholder = '_',\n      allowClear,\n      onClear,\n      prefix,\n      suffix,\n      addonBefore,\n      addonAfter,\n      floatingLabel,\n      errorId,\n      unstyled = false,\n      value,\n      defaultValue,\n      onChange,\n      onKeyDown,\n      disabled,\n      required,\n      ...props\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const sizeClasses = {\n      xs: dInputXs,\n      sm: dInputSm,\n      md: dInputMd,\n      lg: dInputLg,\n      xl: dInputXl,\n    }\n\n    const colorClasses = {\n      neutral: dInputNeutral,\n      primary: dInputPrimary,\n      secondary: dInputSecondary,\n      accent: dInputAccent,\n      info: dInputInfo,\n      success: dInputSuccess,\n      warning: dInputWarning,\n      error: dInputError,\n    }\n\n    const statusClasses = {\n      error: dInputError,\n      warning: dInputWarning,\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 OR unstyled prop, the wrapper has the input styling\n    // Inner input should be unstyled (grow to fill space)\n    const hasExternalAddons = addonBefore || addonAfter\n    const shouldBeUnstyled = hasExternalAddons || unstyled\n\n    const inputClasses = shouldBeUnstyled\n      ? ['grow', 'bg-transparent', 'border-0', 'outline-none', 'focus:outline-none', className].filter(Boolean).join(' ')\n      : [\n          dInput,\n          !bordered && 'border-0',\n          ghost && dInputGhost,\n          sizeClasses[effectiveSize],\n          effectiveColorClass,\n          className,\n        ].filter(Boolean).join(' ')\n\n    // Mask handling\n    const innerRef = useRef<HTMLInputElement>(null)\n    const inputRef = (ref as React.RefObject<HTMLInputElement>) || innerRef\n\n    const getInitialRaw = useCallback(() => {\n      if (!mask) return ''\n      const initial = (value ?? defaultValue ?? '') as string\n      return extractRaw(initial, mask, maskPlaceholder)\n    }, [mask, value, defaultValue, maskPlaceholder])\n\n    const [rawValue, setRawValue] = useState(getInitialRaw)\n    const [cursorPos, setCursorPos] = useState<number | null>(null)\n\n    // Sync with controlled value\n    useEffect(() => {\n      if (mask && value !== undefined) {\n        setRawValue(extractRaw(value as string, mask, maskPlaceholder))\n      }\n    }, [mask, value, maskPlaceholder])\n\n    // Set cursor position after render\n    useEffect(() => {\n      if (cursorPos !== null && inputRef.current) {\n        inputRef.current.setSelectionRange(cursorPos, cursorPos)\n        setCursorPos(null)\n      }\n    }, [cursorPos, inputRef])\n\n    const handleMaskedChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (!mask) {\n          onChange?.(e)\n          return\n        }\n\n        const input = e.target\n        const inputValue = input.value\n\n        // Extract what the user is trying to type\n        const newRaw = extractRaw(inputValue, mask, maskPlaceholder)\n\n        // Filter to only valid characters\n        let filteredRaw = ''\n        let rawIdx = 0\n        for (let i = 0; i < mask.length && rawIdx < newRaw.length; i++) {\n          const maskChar = mask[i]\n          if (maskChar === '#' || maskChar === 'A' || maskChar === '*') {\n            if (isValidChar(newRaw[rawIdx], maskChar)) {\n              filteredRaw += newRaw[rawIdx]\n            }\n            rawIdx++\n          }\n        }\n\n        setRawValue(filteredRaw)\n\n        // Calculate new cursor position\n        const maskedValue = applyMask(filteredRaw, mask, maskPlaceholder)\n        let newCursor = findNextInputPosition(mask, 0)\n        let charsPlaced = 0\n        for (let i = 0; i < mask.length; i++) {\n          const maskChar = mask[i]\n          if (maskChar === '#' || maskChar === 'A' || maskChar === '*') {\n            if (charsPlaced < filteredRaw.length) {\n              charsPlaced++\n              newCursor = i + 1\n            }\n          }\n        }\n        // Skip to next input position if we're on a literal\n        newCursor = findNextInputPosition(mask, newCursor)\n        if (newCursor > mask.length) newCursor = mask.length\n\n        setCursorPos(newCursor)\n\n        // Create synthetic event with masked value\n        const syntheticEvent = {\n          ...e,\n          target: { ...input, value: maskedValue },\n          currentTarget: { ...input, value: maskedValue },\n        } as React.ChangeEvent<HTMLInputElement>\n\n        onChange?.(syntheticEvent)\n      },\n      [mask, maskPlaceholder, onChange]\n    )\n\n    const handleMaskedKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (!mask) {\n          onKeyDown?.(e)\n          return\n        }\n\n        if (e.key === 'Backspace') {\n          e.preventDefault()\n          const newRaw = rawValue.slice(0, -1)\n          setRawValue(newRaw)\n\n          // Calculate cursor position\n          let newCursor = 0\n          let charsPlaced = 0\n          for (let i = 0; i < mask.length; i++) {\n            const maskChar = mask[i]\n            if (maskChar === '#' || maskChar === 'A' || maskChar === '*') {\n              if (charsPlaced < newRaw.length) {\n                charsPlaced++\n                newCursor = i + 1\n              } else {\n                newCursor = i\n                break\n              }\n            }\n          }\n          setCursorPos(newCursor)\n\n          const maskedValue = applyMask(newRaw, mask, maskPlaceholder)\n          const input = e.currentTarget\n          const syntheticEvent = {\n            target: { ...input, value: maskedValue },\n            currentTarget: { ...input, value: maskedValue },\n          } as unknown as React.ChangeEvent<HTMLInputElement>\n\n          onChange?.(syntheticEvent)\n        }\n\n        onKeyDown?.(e)\n      },\n      [mask, maskPlaceholder, rawValue, onChange, onKeyDown]\n    )\n\n    // Track internal value for allowClear visibility\n    const [internalValue, setInternalValue] = useState((value ?? defaultValue ?? '') as string)\n\n    // Sync internal value with controlled value\n    useEffect(() => {\n      if (value !== undefined) {\n        setInternalValue(value as string)\n      }\n    }, [value])\n\n    const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n      setInternalValue(e.target.value)\n      onChange?.(e)\n    }, [onChange])\n\n    const handleClear = useCallback(() => {\n      setInternalValue('')\n      setRawValue('')\n      onClear?.()\n      // Create synthetic event for onChange\n      if (onChange && inputRef.current) {\n        const syntheticEvent = {\n          target: { ...inputRef.current, value: '' },\n          currentTarget: { ...inputRef.current, value: '' },\n        } as React.ChangeEvent<HTMLInputElement>\n        onChange(syntheticEvent)\n      }\n    }, [onClear, onChange, inputRef])\n\n    // Determine if we should show clear button\n    const currentValue = mask ? rawValue : internalValue\n    const showClear = allowClear && currentValue && !disabled\n\n    // Get custom clear icon if provided\n    const clearIcon = typeof allowClear === 'object' && allowClear.clearIcon\n      ? allowClear.clearIcon\n      : null\n\n    // Accessibility attributes\n    const ariaProps: Record<string, string | boolean | undefined> = {}\n    if (status === 'error') {\n      ariaProps['aria-invalid'] = true\n    }\n    if (errorId) {\n      ariaProps['aria-describedby'] = errorId\n    }\n    if (required) {\n      ariaProps['aria-required'] = true\n    }\n\n    // If we have prefix, suffix, or allowClear, wrap in a container\n    const hasInternalAddons = prefix || suffix || allowClear\n\n    // Size class for floating label\n    const floatingSizeClasses = {\n      xs: dInputXs,\n      sm: dInputSm,\n      md: dInputMd,\n      lg: dInputLg,\n      xl: dInputXl,\n    }\n\n    // Build the masked value if needed\n    const maskedValue = mask ? applyMask(rawValue, mask, maskPlaceholder) : undefined\n\n    // Build the core input element\n    const buildInput = (extraClasses?: string) => (\n      <input\n        ref={inputRef}\n        type={mask ? 'text' : type}\n        className={[\n          inputClasses,\n          hasInternalAddons && 'w-full',\n          prefix && 'pl-10',\n          (suffix || showClear) && 'pr-10',\n          extraClasses,\n        ].filter(Boolean).join(' ')}\n        value={maskedValue ?? (value !== undefined ? value : (hasInternalAddons ? internalValue : value))}\n        defaultValue={value === undefined && !mask ? defaultValue : undefined}\n        onChange={mask ? handleMaskedChange : (hasInternalAddons ? handleChange : onChange)}\n        onKeyDown={mask ? handleMaskedKeyDown : onKeyDown}\n        disabled={disabled}\n        required={required}\n        {...ariaProps}\n        {...props}\n      />\n    )\n\n    // Build input with internal addons (prefix icon, suffix icon, clear button)\n    const buildInputWithInternalAddons = (extraClasses?: string) => {\n      if (!hasInternalAddons) {\n        return buildInput(extraClasses)\n      }\n\n      return (\n        <div className={`relative flex items-center ${extraClasses || ''}`}>\n          {prefix && (\n            <span className=\"absolute left-3 flex items-center text-base-content/70 pointer-events-none z-10\">\n              {prefix}\n            </span>\n          )}\n          {buildInput()}\n          {(suffix || showClear) && (\n            <span className=\"absolute right-3 flex items-center gap-1 z-10\">\n              {showClear && (clearIcon || <ClearIcon onClick={handleClear} />)}\n              {suffix && <span className=\"text-base-content/70\">{suffix}</span>}\n            </span>\n          )}\n        </div>\n      )\n    }\n\n    // Wrap with floating label if specified\n    const wrapWithFloatingLabel = (input: React.ReactNode) => {\n      if (!floatingLabel) return input\n\n      const floatingClasses = [\n        dFloatingLabel,\n        floatingSizeClasses[effectiveSize],\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={floatingClasses}>\n          {input}\n          <span>{floatingLabel}</span>\n        </label>\n      )\n    }\n\n    // Wrap with external addons (addonBefore/addonAfter) using DaisyUI input wrapper pattern\n    const wrapWithExternalAddons = (input: React.ReactNode) => {\n      if (!hasExternalAddons) return input\n\n      const addonClasses = [\n        dInput,\n        'flex',\n        'items-center',\n        'gap-2',\n        sizeClasses[effectiveSize],\n        effectiveColorClass,\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={addonClasses}>\n          {addonBefore && <span className=\"text-base-content/70\">{addonBefore}</span>}\n          {input}\n          {addonAfter && <span className=\"text-base-content/70\">{addonAfter}</span>}\n        </label>\n      )\n    }\n\n    // Build the final element\n    const inputElement = buildInputWithInternalAddons(\n      floatingLabel ? `${dInput} w-full` : undefined\n    )\n\n    // Apply wrappers\n    return wrapWithExternalAddons(wrapWithFloatingLabel(\n      floatingLabel ? (\n        // For floating label, use raw input (label wrapper provides styling)\n        <input\n          ref={inputRef}\n          type={mask ? 'text' : type}\n          className={`${dInput} w-full`}\n          value={maskedValue ?? (value !== undefined ? value : internalValue)}\n          defaultValue={value === undefined && !mask ? defaultValue : undefined}\n          onChange={mask ? handleMaskedChange : handleChange}\n          onKeyDown={mask ? handleMaskedKeyDown : onKeyDown}\n          disabled={disabled}\n          required={required}\n          {...ariaProps}\n          {...props}\n        />\n      ) : inputElement\n    ))\n  }\n)\n\nInput.displayName = 'Input'\n"],"names":["dInput","dInputXs","dInputSm","dInputMd","dInputLg","dInputXl","dInputNeutral","dInputPrimary","dInputSecondary","dInputAccent","dInputInfo","dInputSuccess","dInputWarning","dInputError","dInputGhost","dFloatingLabel","applyMask","raw","mask","placeholder","result","rawIndex","i","maskChar","extractRaw","value","isValidChar","char","findNextInputPosition","fromIndex","ClearIcon","onClick","className","jsx","Input","forwardRef","type","size","color","status","ghost","bordered","maskPlaceholder","allowClear","onClear","prefix","suffix","addonBefore","addonAfter","floatingLabel","errorId","unstyled","defaultValue","onChange","onKeyDown","disabled","required","props","ref","componentSize","useConfig","effectiveSize","sizeClasses","effectiveColorClass","hasExternalAddons","inputClasses","innerRef","useRef","inputRef","getInitialRaw","useCallback","rawValue","setRawValue","useState","cursorPos","setCursorPos","useEffect","handleMaskedChange","e","input","inputValue","newRaw","filteredRaw","rawIdx","maskedValue","newCursor","charsPlaced","syntheticEvent","handleMaskedKeyDown","internalValue","setInternalValue","handleChange","handleClear","showClear","clearIcon","ariaProps","hasInternalAddons","floatingSizeClasses","buildInput","extraClasses","buildInputWithInternalAddons","jsxs","wrapWithFloatingLabel","floatingClasses","wrapWithExternalAddons","addonClasses","inputElement"],"mappings":"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"}

package/dist/components/InputNumber.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+export interface InputNumberProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange' | 'value' | 'defaultValue'> {
+    value?: number;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    precision?: number;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    disabled?: boolean;
+    onChange?: (value: number | null) => void;
+    formatter?: (value: number | undefined) => string;
+    parser?: (displayValue: string) => number;
+    className?: string;
+    controls?: boolean;
+    block?: boolean;
+}
+export declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<HTMLInputElement>>;
+export default InputNumber;

package/dist/components/InputNumber.js

@@ -0,0 +1,158 @@
+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 = "d-input", E = "d-input-xs", J = "d-input-sm", O = "d-input-md", P = "d-input-lg", Q = "d-input-xl", T = "d-input-disabled", k = "d-btn", Y = "d-btn-xs", Z = "d-btn-sm", w = "d-btn-ghost", _ = K(
+  ({
+    value: i,
+    defaultValue: B,
+    min: r = -1 / 0,
+    max: a = 1 / 0,
+    step: c = 1,
+    precision: s,
+    size: C,
+    disabled: l = !1,
+    onChange: p,
+    formatter: f,
+    parser: m,
+    className: D = "",
+    controls: h = !0,
+    block: $ = !1,
+    ...S
+  }, M) => {
+    const { componentSize: V } = U(), d = 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 t = b(n);
+      i === void 0 && v(t), p?.(t);
+    }, x = () => {
+      if (l) return;
+      u((e ?? 0) + c);
+    }, y = () => {
+      if (l) return;
+      u((e ?? 0) - c);
+    }, 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",
+      d && {
+        xs: E,
+        sm: J,
+        md: O,
+        lg: P,
+        xl: Q
+      }[d],
+      l && T,
+      h && "pr-8"
+    ].filter(Boolean).join(" "), g = d === "xs" || d === "sm" ? Y : Z;
+    return /* @__PURE__ */ N("div", { className: `relative ${$ ? "w-full" : "inline-block"} group ${D}`, children: [
+      /* @__PURE__ */ o(
+        "input",
+        {
+          ref: I,
+          type: "text",
+          inputMode: "decimal",
+          role: "spinbutton",
+          "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,
+          ...S
+        }
+      ),
+      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: `${k} ${g} ${w} px-1 min-h-0 h-3.5`,
+            onClick: x,
+            disabled: l || e !== null && e >= a,
+            tabIndex: -1,
+            children: /* @__PURE__ */ o(
+              "svg",
+              {
+                className: "w-3 h-3",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ o(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M5 15l7-7 7 7"
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Decrease value",
+            className: `${k} ${g} ${w} px-1 min-h-0 h-3.5`,
+            onClick: y,
+            disabled: l || e !== null && e <= r,
+            tabIndex: -1,
+            children: /* @__PURE__ */ o(
+              "svg",
+              {
+                className: "w-3 h-3",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ o(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M19 9l-7 7-7-7"
+                  }
+                )
+              }
+            )
+          }
+        )
+      ] })
+    ] });
+  }
+);
+_.displayName = "InputNumber";
+export {
+  _ as InputNumber,
+  _ as default
+};
+//# sourceMappingURL=InputNumber.js.map

package/dist/components/InputNumber.js.map

@@ -0,0 +1 @@
+{"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 = 'd-input'\nconst dInputXs = 'd-input-xs'\nconst dInputSm = 'd-input-sm'\nconst dInputMd = 'd-input-md'\nconst dInputLg = 'd-input-lg'\nconst dInputXl = 'd-input-xl'\nconst dInputDisabled = 'd-input-disabled'\nconst dBtn = 'd-btn'\nconst dBtnXs = 'd-btn-xs'\nconst dBtnSm = 'd-btn-sm'\nconst dBtnGhost = 'd-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.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface JoinProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    direction?: 'horizontal' | 'vertical';
+}
+export declare function Join({ children, direction, className, ...rest }: JoinProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Join.js

@@ -0,0 +1,19 @@
+import { jsx as d } from "react/jsx-runtime";
+import e from "react";
+const p = "d-join", f = "d-join-vertical", t = "d-join-item";
+function N({ children: i, direction: s = "horizontal", className: r = "", ...a }) {
+  const c = [p, 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 n;
+  });
+  return /* @__PURE__ */ d("div", { className: c, ...a, children: l });
+}
+export {
+  N as Join
+};
+//# sourceMappingURL=Join.js.map

package/dist/components/Join.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Join.js","sources":["../../src/components/Join.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dJoin = 'd-join'\nconst dJoinVertical = 'd-join-vertical'\nconst dJoinItem = 'd-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,UACRC,IAAgB,mBAChBC,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.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export type KbdSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface KbdProps extends React.HTMLAttributes<HTMLElement> {
+    /** Size of the kbd */
+    size?: KbdSize;
+    /** Key content */
+    children?: React.ReactNode;
+}
+export declare const Kbd: React.FC<KbdProps>;

package/dist/components/Kbd.js

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

package/dist/components/Kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.js","sources":["../../src/components/Kbd.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dKbd = 'd-kbd'\nconst dKbdXs = 'd-kbd-xs'\nconst dKbdSm = 'd-kbd-sm'\nconst dKbdMd = 'd-kbd-md'\nconst dKbdLg = 'd-kbd-lg'\nconst dKbdXl = 'd-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,SACPC,IAAS,YACTC,IAAS,YACTC,IAAS,YACTC,IAAS,YACTC,IAAS,YAWTC,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;"}