asterui 0.12.2 → 0.12.3

package/dist/index39.js

@@ -1,100 +1,165 @@
-import { jsxs as e, jsx as a } from "react/jsx-runtime";
-const r = () => /* @__PURE__ */ a(
-  "svg",
-  {
-    width: "184",
-    height: "152",
-    viewBox: "0 0 184 152",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "mx-auto",
-    children: /* @__PURE__ */ e("g", { fill: "none", fillRule: "evenodd", children: [
-      /* @__PURE__ */ e("g", { transform: "translate(24 31.67)", children: [
-        /* @__PURE__ */ a(
-          "ellipse",
-          {
-            className: "fill-base-300",
-            cx: "67.797",
-            cy: "106.89",
-            rx: "67.797",
-            ry: "12.668"
-          }
-        ),
-        /* @__PURE__ */ a(
-          "path",
-          {
-            className: "fill-base-200",
-            d: "M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
-          }
-        ),
-        /* @__PURE__ */ a(
-          "path",
-          {
-            className: "fill-base-100",
-            d: "M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z",
-            transform: "translate(13.56)"
-          }
-        ),
-        /* @__PURE__ */ a(
-          "ellipse",
-          {
-            className: "fill-base-300",
-            cx: "67.797",
-            cy: "106.89",
-            rx: "67.797",
-            ry: "12.668"
-          }
-        ),
-        /* @__PURE__ */ a(
-          "path",
-          {
-            className: "fill-base-200",
-            d: "M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
-          }
-        ),
-        /* @__PURE__ */ a(
-          "path",
-          {
-            className: "fill-base-content opacity-10",
-            d: "M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
-          }
-        ),
-        /* @__PURE__ */ a(
-          "path",
-          {
-            className: "fill-base-100",
-            d: "M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
+import { jsx as Z } from "react/jsx-runtime";
+import { forwardRef as U, useRef as W, useCallback as M, useState as _, useEffect as P } from "react";
+function T(n, e, r) {
+  let i = "", l = 0;
+  for (let x = 0; x < e.length && l <= n.length; x++) {
+    const t = e[x];
+    t === "#" || t === "A" || t === "*" ? l < n.length ? (i += n[l], l++) : i += r : i += t;
+  }
+  return i;
+}
+function j(n, e) {
+  let r = "";
+  for (let i = 0; i < n.length && i < e.length; i++) {
+    const l = e[i];
+    (l === "#" || l === "A" || l === "*") && n[i] !== "_" && (r += n[i]);
+  }
+  return r;
+}
+function X(n, e) {
+  return e === "#" ? /\d/.test(n) : e === "A" ? /[a-zA-Z]/.test(n) : e === "*" ? /[a-zA-Z0-9]/.test(n) : !1;
+}
+function q(n, e) {
+  for (let r = e; r < n.length; r++)
+    if (n[r] === "#" || n[r] === "A" || n[r] === "*")
+      return r;
+  return n.length;
+}
+const Y = U(
+  ({
+    type: n = "text",
+    size: e,
+    color: r,
+    ghost: i = !1,
+    bordered: l = !0,
+    className: x = "",
+    mask: t,
+    maskPlaceholder: R = "_",
+    value: g,
+    defaultValue: N,
+    onChange: d,
+    onKeyDown: A,
+    ...z
+  }, B) => {
+    const D = {
+      xs: "input-xs",
+      sm: "input-sm",
+      md: "input-md",
+      lg: "input-lg",
+      xl: "input-xl"
+    }, F = {
+      neutral: "input-neutral",
+      primary: "input-primary",
+      secondary: "input-secondary",
+      accent: "input-accent",
+      info: "input-info",
+      success: "input-success",
+      warning: "input-warning",
+      error: "input-error"
+    }, S = [
+      "input",
+      !l && "border-0",
+      i && "input-ghost",
+      e && D[e],
+      r && F[r],
+      x
+    ].filter(Boolean).join(" "), G = W(null), C = B || G, H = M(() => t ? j(g ?? N ?? "", t) : "", [t, g, N]), [b, v] = _(H), [I, E] = _(null);
+    P(() => {
+      t && g !== void 0 && v(j(g, t));
+    }, [t, g]), P(() => {
+      I !== null && C.current && (C.current.setSelectionRange(I, I), E(null));
+    }, [I, C]);
+    const J = M(
+      (s) => {
+        if (!t) {
+          d?.(s);
+          return;
+        }
+        const f = s.target, y = f.value, h = j(y, t);
+        let p = "", a = 0;
+        for (let c = 0; c < t.length && a < h.length; c++) {
+          const o = t[c];
+          (o === "#" || o === "A" || o === "*") && (X(h[a], o) && (p += h[a]), a++);
+        }
+        v(p);
+        const V = T(p, t, R);
+        let u = q(t, 0), w = 0;
+        for (let c = 0; c < t.length; c++) {
+          const o = t[c];
+          (o === "#" || o === "A" || o === "*") && w < p.length && (w++, u = c + 1);
+        }
+        u = q(t, u), u > t.length && (u = t.length), E(u);
+        const Q = {
+          ...s,
+          target: { ...f, value: V },
+          currentTarget: { ...f, value: V }
+        };
+        d?.(Q);
+      },
+      [t, R, d]
+    ), L = M(
+      (s) => {
+        if (!t) {
+          A?.(s);
+          return;
+        }
+        if (s.key === "Backspace") {
+          s.preventDefault();
+          const f = b.slice(0, -1);
+          v(f);
+          let y = 0, h = 0;
+          for (let u = 0; u < t.length; u++) {
+            const w = t[u];
+            if (w === "#" || w === "A" || w === "*")
+              if (h < f.length)
+                h++, y = u + 1;
+              else {
+                y = u;
+                break;
+              }
           }
-        )
-      ] }),
-      /* @__PURE__ */ a(
-        "path",
+          E(y);
+          const p = T(f, t, R), a = s.currentTarget, V = {
+            target: { ...a, value: p },
+            currentTarget: { ...a, value: p }
+          };
+          d?.(V);
+        }
+        A?.(s);
+      },
+      [t, R, b, d, A]
+    );
+    if (!t)
+      return /* @__PURE__ */ Z(
+        "input",
         {
-          className: "fill-base-content opacity-10",
-          d: "M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
+          ref: B,
+          type: n,
+          className: S,
+          value: g,
+          defaultValue: N,
+          onChange: d,
+          onKeyDown: A,
+          ...z
         }
-      ),
-      /* @__PURE__ */ e("g", { className: "fill-base-100", transform: "translate(149.65 15.383)", children: [
-        /* @__PURE__ */ a("ellipse", { cx: "20.654", cy: "3.167", rx: "2.849", ry: "2.815" }),
-        /* @__PURE__ */ a("path", { d: "M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z" })
-      ] })
-    ] })
+      );
+    const O = T(b, t, R);
+    return /* @__PURE__ */ Z(
+      "input",
+      {
+        ref: C,
+        type: "text",
+        className: S,
+        value: O,
+        onChange: J,
+        onKeyDown: L,
+        ...z
+      }
+    );
   }
-), o = ({
-  children: l,
-  className: t = "",
-  description: s = "No Data",
-  image: c,
-  imageStyle: i,
-  ...h
-}) => {
-  const n = ["flex flex-col items-center justify-center py-8 px-4", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: n, ...h, children: [
-    /* @__PURE__ */ a("div", { className: "mb-2", style: i, children: c === void 0 ? /* @__PURE__ */ a(r, {}) : c }),
-    s && /* @__PURE__ */ a("div", { className: "text-base-content/60 text-sm mb-4", children: s }),
-    l && /* @__PURE__ */ a("div", { className: "mt-2", children: l })
-  ] });
-};
+);
+Y.displayName = "Input";
 export {
-  o as Empty
+  Y as Input
 };
 //# sourceMappingURL=index39.js.map

package/dist/index39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index39.js","sources":["../src/components/Empty.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface EmptyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode\n  description?: React.ReactNode\n  image?: React.ReactNode\n  imageStyle?: React.CSSProperties\n}\n\nconst DefaultEmptyImage: React.FC = () => (\n  <svg\n    width=\"184\"\n    height=\"152\"\n    viewBox=\"0 0 184 152\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"mx-auto\"\n  >\n    <g fill=\"none\" fillRule=\"evenodd\">\n      <g transform=\"translate(24 31.67)\">\n        <ellipse\n          className=\"fill-base-300\"\n          cx=\"67.797\"\n          cy=\"106.89\"\n          rx=\"67.797\"\n          ry=\"12.668\"\n        />\n        <path\n          className=\"fill-base-200\"\n          d=\"M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z\"\n        />\n        <path\n          className=\"fill-base-100\"\n          d=\"M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z\"\n          transform=\"translate(13.56)\"\n        />\n        <ellipse\n          className=\"fill-base-300\"\n          cx=\"67.797\"\n          cy=\"106.89\"\n          rx=\"67.797\"\n          ry=\"12.668\"\n        />\n        <path\n          className=\"fill-base-200\"\n          d=\"M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z\"\n        />\n        <path\n          className=\"fill-base-content opacity-10\"\n          d=\"M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z\"\n        />\n        <path\n          className=\"fill-base-100\"\n          d=\"M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z\"\n        />\n      </g>\n      <path\n        className=\"fill-base-content opacity-10\"\n        d=\"M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z\"\n      />\n      <g className=\"fill-base-100\" transform=\"translate(149.65 15.383)\">\n        <ellipse cx=\"20.654\" cy=\"3.167\" rx=\"2.849\" ry=\"2.815\" />\n        <path d=\"M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z\" />\n      </g>\n    </g>\n  </svg>\n)\n\nexport const Empty: React.FC<EmptyProps> = ({\n  children,\n  className = '',\n  description = 'No Data',\n  image,\n  imageStyle,\n  ...rest\n}) => {\n  const classes = ['flex flex-col items-center justify-center py-8 px-4', className]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={classes} {...rest}>\n      <div className=\"mb-2\" style={imageStyle}>\n        {image === undefined ? <DefaultEmptyImage /> : image}\n      </div>\n      {description && (\n        <div className=\"text-base-content/60 text-sm mb-4\">{description}</div>\n      )}\n      {children && <div className=\"mt-2\">{children}</div>}\n    </div>\n  )\n}\n"],"names":["DefaultEmptyImage","jsx","jsxs","Empty","children","className","description","image","imageStyle","rest","classes"],"mappings":";AASA,MAAMA,IAA8B,MAClC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,WAAU;AAAA,IAEV,UAAA,gBAAAC,EAAC,KAAA,EAAE,MAAK,QAAO,UAAS,WACtB,UAAA;AAAA,MAAA,gBAAAA,EAAC,KAAA,EAAE,WAAU,uBACX,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,UAAA;AAAA,QAAA;AAAA,QAEL,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,GAAE;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJ,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,GAAE;AAAA,YACF,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,UAAA;AAAA,QAAA;AAAA,QAEL,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,GAAE;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJ,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,GAAE;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJ,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,GAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,GACF;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJ,gBAAAC,EAAC,KAAA,EAAE,WAAU,iBAAgB,WAAU,4BACrC,UAAA;AAAA,QAAA,gBAAAD,EAAC,WAAA,EAAQ,IAAG,UAAS,IAAG,SAAQ,IAAG,SAAQ,IAAG,QAAA,CAAQ;AAAA,QACtD,gBAAAA,EAAC,QAAA,EAAK,GAAE,uDAAA,CAAuD;AAAA,MAAA,EAAA,CACjE;AAAA,IAAA,EAAA,CACF;AAAA,EAAA;AACF,GAGWE,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAU,CAAC,uDAAuDL,CAAS,EAC9E,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAH,EAAC,OAAA,EAAI,WAAWQ,GAAU,GAAGD,GAC3B,UAAA;AAAA,IAAA,gBAAAR,EAAC,OAAA,EAAI,WAAU,QAAO,OAAOO,GAC1B,gBAAU,SAAY,gBAAAP,EAACD,GAAA,CAAA,CAAkB,IAAKO,EAAA,CACjD;AAAA,IACCD,KACC,gBAAAL,EAAC,OAAA,EAAI,WAAU,qCAAqC,UAAAK,GAAY;AAAA,IAEjEF,KAAY,gBAAAH,EAAC,OAAA,EAAI,WAAU,QAAQ,UAAAG,EAAA,CAAS;AAAA,EAAA,GAC/C;AAEJ;"}
+{"version":3,"file":"index39.js","sources":["../src/components/Input.tsx"],"sourcesContent":["import React, { forwardRef, useState, useCallback, useRef, useEffect } from 'react'\n\nexport interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {\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  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}\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): 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] !== '_') {\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\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      type = 'text',\n      size,\n      color,\n      ghost = false,\n      bordered = true,\n      className = '',\n      mask,\n      maskPlaceholder = '_',\n      value,\n      defaultValue,\n      onChange,\n      onKeyDown,\n      ...props\n    },\n    ref\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 colorClasses = {\n      neutral: 'input-neutral',\n      primary: 'input-primary',\n      secondary: 'input-secondary',\n      accent: 'input-accent',\n      info: 'input-info',\n      success: 'input-success',\n      warning: 'input-warning',\n      error: 'input-error',\n    }\n\n    const inputClasses = [\n      'input',\n      !bordered && 'border-0',\n      ghost && 'input-ghost',\n      size && sizeClasses[size],\n      color && colorClasses[color],\n      className,\n    ]\n      .filter(Boolean)\n      .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)\n    }, [mask, value, defaultValue])\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))\n      }\n    }, [mask, value])\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)\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    // If no mask, render simple input\n    if (!mask) {\n      return (\n        <input\n          ref={ref}\n          type={type}\n          className={inputClasses}\n          value={value}\n          defaultValue={defaultValue}\n          onChange={onChange}\n          onKeyDown={onKeyDown}\n          {...props}\n        />\n      )\n    }\n\n    // Render masked input\n    const maskedValue = applyMask(rawValue, mask, maskPlaceholder)\n\n    return (\n      <input\n        ref={inputRef}\n        type=\"text\"\n        className={inputClasses}\n        value={maskedValue}\n        onChange={handleMaskedChange}\n        onKeyDown={handleMaskedKeyDown}\n        {...props}\n      />\n    )\n  }\n)\n\nInput.displayName = 'Input'\n"],"names":["applyMask","raw","mask","placeholder","result","rawIndex","i","maskChar","extractRaw","value","isValidChar","char","findNextInputPosition","fromIndex","Input","forwardRef","type","size","color","ghost","bordered","className","maskPlaceholder","defaultValue","onChange","onKeyDown","props","ref","sizeClasses","colorClasses","inputClasses","innerRef","useRef","inputRef","getInitialRaw","useCallback","rawValue","setRawValue","useState","cursorPos","setCursorPos","useEffect","handleMaskedChange","e","input","inputValue","newRaw","filteredRaw","rawIdx","maskedValue","newCursor","charsPlaced","syntheticEvent","handleMaskedKeyDown","jsx"],"mappings":"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"}

package/dist/index40.js

@@ -1,165 +1,149 @@
-import { jsx as Z } from "react/jsx-runtime";
-import { forwardRef as U, useRef as W, useCallback as M, useState as _, useEffect as P } from "react";
-function T(n, e, r) {
-  let i = "", l = 0;
-  for (let x = 0; x < e.length && l <= n.length; x++) {
-    const t = e[x];
-    t === "#" || t === "A" || t === "*" ? l < n.length ? (i += n[l], l++) : i += r : i += t;
-  }
-  return i;
-}
-function j(n, e) {
-  let r = "";
-  for (let i = 0; i < n.length && i < e.length; i++) {
-    const l = e[i];
-    (l === "#" || l === "A" || l === "*") && n[i] !== "_" && (r += n[i]);
-  }
-  return r;
-}
-function X(n, e) {
-  return e === "#" ? /\d/.test(n) : e === "A" ? /[a-zA-Z]/.test(n) : e === "*" ? /[a-zA-Z0-9]/.test(n) : !1;
-}
-function q(n, e) {
-  for (let r = e; r < n.length; r++)
-    if (n[r] === "#" || n[r] === "A" || n[r] === "*")
-      return r;
-  return n.length;
-}
-const Y = U(
+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(
   ({
-    type: n = "text",
-    size: e,
-    color: r,
-    ghost: i = !1,
-    bordered: l = !0,
-    className: x = "",
-    mask: t,
-    maskPlaceholder: R = "_",
-    value: g,
-    defaultValue: N,
-    onChange: d,
-    onKeyDown: A,
-    ...z
-  }, B) => {
-    const D = {
-      xs: "input-xs",
-      sm: "input-sm",
-      md: "input-md",
-      lg: "input-lg",
-      xl: "input-xl"
-    }, F = {
-      neutral: "input-neutral",
-      primary: "input-primary",
-      secondary: "input-secondary",
-      accent: "input-accent",
-      info: "input-info",
-      success: "input-success",
-      warning: "input-warning",
-      error: "input-error"
-    }, S = [
+    value: o,
+    defaultValue: w,
+    min: i = -1 / 0,
+    max: c = 1 / 0,
+    step: p = 1,
+    precision: a,
+    size: s,
+    disabled: l = !1,
+    onChange: f,
+    formatter: d,
+    parser: h,
+    className: I = "",
+    controls: m = !0,
+    block: C = !0,
+    ...D
+  }, V) => {
+    const [j, v] = A(w ?? null), x = K(null);
+    W(V, () => x.current);
+    const n = o !== void 0 ? o : j, B = (t) => {
+      if (t === null) return "";
+      let e = t;
+      return a !== void 0 && (e = Number(t.toFixed(a))), d ? d(e) : String(e);
+    }, L = (t) => {
+      if (!t) return null;
+      const e = h ? h(t) : parseFloat(t);
+      return isNaN(e) ? null : e;
+    }, b = (t) => {
+      let e = Math.max(i, Math.min(c, t));
+      return a !== void 0 && (e = Number(e.toFixed(a))), e;
+    }, u = (t) => {
+      if (t === null) {
+        o === void 0 && v(null), f?.(null);
+        return;
+      }
+      const e = b(t);
+      o === void 0 && v(e), f?.(e);
+    }, g = () => {
+      if (l) return;
+      u((n ?? 0) + p);
+    }, y = () => {
+      if (l) return;
+      u((n ?? 0) - p);
+    }, M = (t) => {
+      const e = L(t.target.value);
+      e !== null ? u(e) : t.target.value === "" && u(null);
+    }, $ = (t) => {
+      l || (t.key === "ArrowUp" ? (t.preventDefault(), g()) : t.key === "ArrowDown" && (t.preventDefault(), y()));
+    }, F = () => {
+      n !== null && (n < i || n > c) && u(b(n));
+    }, R = [
       "input",
-      !l && "border-0",
-      i && "input-ghost",
-      e && D[e],
-      r && F[r],
-      x
-    ].filter(Boolean).join(" "), G = W(null), C = B || G, H = M(() => t ? j(g ?? N ?? "", t) : "", [t, g, N]), [b, v] = _(H), [I, E] = _(null);
-    P(() => {
-      t && g !== void 0 && v(j(g, t));
-    }, [t, g]), P(() => {
-      I !== null && C.current && (C.current.setSelectionRange(I, I), E(null));
-    }, [I, C]);
-    const J = M(
-      (s) => {
-        if (!t) {
-          d?.(s);
-          return;
-        }
-        const f = s.target, y = f.value, h = j(y, t);
-        let p = "", a = 0;
-        for (let c = 0; c < t.length && a < h.length; c++) {
-          const o = t[c];
-          (o === "#" || o === "A" || o === "*") && (X(h[a], o) && (p += h[a]), a++);
-        }
-        v(p);
-        const V = T(p, t, R);
-        let u = q(t, 0), w = 0;
-        for (let c = 0; c < t.length; c++) {
-          const o = t[c];
-          (o === "#" || o === "A" || o === "*") && w < p.length && (w++, u = c + 1);
-        }
-        u = q(t, u), u > t.length && (u = t.length), E(u);
-        const Q = {
-          ...s,
-          target: { ...f, value: V },
-          currentTarget: { ...f, value: V }
-        };
-        d?.(Q);
-      },
-      [t, R, d]
-    ), L = M(
-      (s) => {
-        if (!t) {
-          A?.(s);
-          return;
-        }
-        if (s.key === "Backspace") {
-          s.preventDefault();
-          const f = b.slice(0, -1);
-          v(f);
-          let y = 0, h = 0;
-          for (let u = 0; u < t.length; u++) {
-            const w = t[u];
-            if (w === "#" || w === "A" || w === "*")
-              if (h < f.length)
-                h++, y = u + 1;
-              else {
-                y = u;
-                break;
-              }
-          }
-          E(y);
-          const p = T(f, t, R), a = s.currentTarget, V = {
-            target: { ...a, value: p },
-            currentTarget: { ...a, value: p }
-          };
-          d?.(V);
-        }
-        A?.(s);
-      },
-      [t, R, b, d, A]
-    );
-    if (!t)
-      return /* @__PURE__ */ Z(
+      "input-bordered",
+      "w-full",
+      s && {
+        xs: "input-xs",
+        sm: "input-sm",
+        md: "input-md",
+        lg: "input-lg",
+        xl: "input-xl"
+      }[s],
+      l && "input-disabled",
+      m && "pr-8"
+    ].filter(Boolean).join(" "), N = s === "xs" || s === "sm" ? "btn-xs" : "btn-sm";
+    return /* @__PURE__ */ k("div", { className: `relative ${C ? "w-full" : "inline-block"} group ${I}`, children: [
+      /* @__PURE__ */ r(
         "input",
         {
-          ref: B,
-          type: n,
-          className: S,
-          value: g,
-          defaultValue: N,
-          onChange: d,
-          onKeyDown: A,
-          ...z
+          ref: x,
+          type: "text",
+          className: R,
+          value: B(n),
+          onChange: M,
+          onKeyDown: $,
+          onBlur: F,
+          disabled: l,
+          ...D
         }
-      );
-    const O = T(b, t, R);
-    return /* @__PURE__ */ Z(
-      "input",
-      {
-        ref: C,
-        type: "text",
-        className: S,
-        value: O,
-        onChange: J,
-        onKeyDown: L,
-        ...z
-      }
-    );
+      ),
+      m && /* @__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(
+          "button",
+          {
+            type: "button",
+            className: `btn ${N} btn-ghost px-1 min-h-0 h-3.5`,
+            onClick: g,
+            disabled: l || n !== null && n >= c,
+            tabIndex: -1,
+            children: /* @__PURE__ */ r(
+              "svg",
+              {
+                className: "w-3 h-3",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                children: /* @__PURE__ */ r(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M5 15l7-7 7 7"
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            className: `btn ${N} btn-ghost px-1 min-h-0 h-3.5`,
+            onClick: y,
+            disabled: l || n !== null && n <= i,
+            tabIndex: -1,
+            children: /* @__PURE__ */ r(
+              "svg",
+              {
+                className: "w-3 h-3",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                children: /* @__PURE__ */ r(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M19 9l-7 7-7-7"
+                  }
+                )
+              }
+            )
+          }
+        )
+      ] })
+    ] });
   }
 );
-Y.displayName = "Input";
+H.displayName = "InputNumber";
 export {
-  Y as Input
+  H as InputNumber,
+  H as default
 };
 //# sourceMappingURL=index40.js.map