@mpen/react-basic-inputs 0.3.3 → 0.3.4

package/dist/react-basic-inputs.js

@@ -1,8 +1,8 @@
 var z = Object.defineProperty;
 var q = (e, t, n) => t in e ? z(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var P = (e, t, n) => (q(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { jsx as v, jsxs as L } from "react/jsx-runtime";
-import { useDebugValue as G, useRef as h, useInsertionEffect as Z, useEffect as C, useMemo as F, useCallback as T, createElement as W, forwardRef as k, useState as D, useImperativeHandle as B, useLayoutEffect as J, useId as X } from "react";
+import { jsx as x, jsxs as L } from "react/jsx-runtime";
+import { useDebugValue as G, useRef as h, useInsertionEffect as Z, useEffect as C, useMemo as K, useCallback as O, createElement as W, forwardRef as k, useState as D, useImperativeHandle as B, useLayoutEffect as J, useId as X } from "react";
 const Q = Object.freeze(() => {
 });
 function ee(e) {
@@ -26,23 +26,23 @@ function te(e) {
 function ne() {
   throw new Error("INVALID_USE_EVENT_INVOCATION: the callback from useEvent cannot be invoked before the component has mounted.");
 }
-function re() {
+function ue() {
   var e = h(!0);
   return e.current ? (e.current = !1, !0) : e.current;
 }
 var R = function(e, t) {
-  var n = re();
+  var n = ue();
   C(function() {
     if (!n)
       return e();
   }, t);
 };
-function ue(e, ...t) {
+function re(e, ...t) {
   return typeof e == "function" ? e(...t) : e;
 }
 function se(e, t) {
   if (e.uniqueKey != null)
-    return ue(e.uniqueKey, e, t);
+    return re(e.uniqueKey, e, t);
   if (typeof e.value == "string")
     return e.value;
   if (typeof e.value == "number")
@@ -60,16 +60,16 @@ class H {
     P(this, "_usedKeys", /* @__PURE__ */ new Map());
   }
   fix(t, n) {
-    let r = se(t, n);
+    let u = se(t, n);
     for (; ; ) {
-      let u = this._usedKeys.get(r);
-      if (u === void 0) {
-        this._usedKeys.set(r, 1);
+      let r = this._usedKeys.get(u);
+      if (r === void 0) {
+        this._usedKeys.set(u, 1);
         break;
       }
-      this._usedKeys.set(r, ++u), r = `${r}(${u})`;
+      this._usedKeys.set(u, ++r), u = `${u}(${r})`;
     }
-    return r;
+    return u;
   }
 }
 const ce = (e) => ({
@@ -78,23 +78,23 @@ const ce = (e) => ({
   disabled: !0,
   key: ae
 }), le = "3c9369b7-0a5e-46ea-93c2-e8b9fec67fdb", ae = "1a53f789-77f5-4ce6-a829-b00e563f1ee8";
-function ie({
+function fe({
   options: e,
   value: t,
   invalidValueOption: n = ce,
-  onChange: r,
-  placeholder: u,
+  onChange: u,
+  placeholder: r,
   ...s
 }) {
-  const i = t == null, f = F(() => t != null && e.some((c) => c.value == t), [e, t]), o = F(() => t == null || !n ? null : n(t), [n, t]), l = F(() => {
-    if (f)
+  const l = t == null, o = K(() => t != null && e.some((c) => c.value == t), [e, t]), i = K(() => t == null || !n ? null : n(t), [n, t]), a = K(() => {
+    if (o)
       return e;
     const c = [...e];
-    return i ? u != null && c.unshift({ text: u, hidden: !0, value: null, key: le }) : o && c.push(o), c;
-  }, [f, e, i, o, u]), d = te((c) => {
-    const g = c.target.selectedIndex, O = l[g];
-    r == null || r({
-      value: O.value,
+    return l ? r != null && c.unshift({ text: r, hidden: !0, value: null, key: le }) : i && c.push(i), c;
+  }, [o, e, l, i, r]), d = te((c) => {
+    const g = c.target.selectedIndex, S = a[g];
+    u == null || u({
+      value: S.value,
       // option: opt,
       // event: ev,
       index: g,
@@ -102,21 +102,21 @@ function ie({
       timeStamp: c.timeStamp,
       target: c.target
     });
-  }), a = h(null), x = T(() => {
-    a.current && (a.current.selectedIndex < 0 || l[a.current.selectedIndex].value != t) && (a.current.selectedIndex = l.findIndex((c) => c.value == t));
-  }, [l, t]), N = (c) => {
-    a.current = c, x();
+  }), f = h(null), m = O(() => {
+    f.current && (f.current.selectedIndex < 0 || a[f.current.selectedIndex].value != t) && (f.current.selectedIndex = a.findIndex((c) => c.value == t));
+  }, [a, t]), N = (c) => {
+    f.current = c, m();
   };
   R(() => {
-    x();
-  }, [x]);
-  const m = new H();
-  return /* @__PURE__ */ v("select", { ...s, onChange: d, ref: N, children: l.map((c, g) => {
-    const { value: O, text: b, uniqueKey: S, ...y } = c, V = m.fix(c, g);
-    return /* @__PURE__ */ W("option", { ...y, key: V, value: V }, c.text);
+    m();
+  }, [m]);
+  const v = new H();
+  return /* @__PURE__ */ x("select", { ...s, onChange: d, ref: N, children: a.map((c, g) => {
+    const { value: S, text: b, uniqueKey: y, ...T } = c, V = v.fix(c, g);
+    return /* @__PURE__ */ W("option", { ...T, key: V, value: V }, c.text);
   }) });
 }
-function fe(e) {
+function ie(e) {
   return e ? String(e).replace(/\s+/gu, " ").trim() : "";
 }
 function oe(e) {
@@ -132,24 +132,24 @@ function de(e) {
 function Y(e) {
   return Number.isNaN(e) ? "" : e === Number.POSITIVE_INFINITY ? "∞" : e === Number.NEGATIVE_INFINITY ? "-∞" : oe(e);
 }
-function xe(e) {
+function me(e) {
   return e ? Y(Number.parseFloat(e)) : "";
 }
 function I(e, t = 2) {
   return String(e).padStart(t, "0");
 }
-const j = k(function({ value: t = "", onPaste: n, onChange: r, onInput: u, onBlur: s, formatOnChange: i = ee, ...f }, o) {
-  const [l, d] = D(t), a = h(t), x = h(!1);
+const j = k(function({ value: t = "", onPaste: n, onChange: u, onInput: r, onBlur: s, formatOnChange: l = ee, ...o }, i) {
+  const [a, d] = D(t), f = h(t), m = h(!1);
   R(() => {
-    d(t), x.current = !1, a.current = t;
+    d(t), m.current = !1, f.current = t;
   }, [t]);
   const N = {
     type: "text",
-    ...f,
-    ref: o,
-    value: l,
-    onChange: (m) => {
-      d(m.target.value);
+    ...o,
+    ref: i,
+    value: a,
+    onChange: (v) => {
+      d(v.target.value);
     },
     // TODO: fire a change event onPaste ?
     // formatOnPaste?
@@ -167,157 +167,157 @@ const j = k(function({ value: t = "", onPaste: n, onChange: r, onInput: u, onBlu
     //     // ev.preventDefault()
     //     // setCurrentValue(formatOnChange(ev.clipboardData.getData('text/plain')))
     // },
-    onInput: (m) => {
-      x.current = !0, u == null || u(m);
+    onInput: (v) => {
+      m.current = !0, r == null || r(v);
     },
-    onBlur: (m) => {
-      const c = i(l);
-      x.current && (c !== a.current && (r == null || r({
+    onBlur: (v) => {
+      const c = l(a);
+      m.current && (c !== f.current && (u == null || u({
         type: "change",
         value: c,
-        timeStamp: m.timeStamp,
-        target: m.target
-      }), a.current = c), c !== m.target.value && d(c)), s == null || s(m);
+        timeStamp: v.timeStamp,
+        target: v.target
+      }), f.current = c), c !== v.target.value && d(c)), s == null || s(v);
     }
   };
-  return /* @__PURE__ */ v("input", { ...N });
+  return /* @__PURE__ */ x("input", { ...N });
 });
-function Oe({ formatOnChange: e = fe, ...t }) {
-  return /* @__PURE__ */ v(j, { formatOnChange: e, ...t, type: "text" });
+function Ee({ formatOnChange: e = ie, ...t }) {
+  return /* @__PURE__ */ x(j, { formatOnChange: e, ...t, type: "text" });
 }
-const Se = k(function({
+const De = k(function({
   onInput: t,
   style: n,
-  initialHeight: r = "auto",
-  ...u
+  initialHeight: u = "auto",
+  ...r
 }, s) {
-  const i = h(null), [f, o] = D(r), l = T(() => {
-    const a = i.current;
-    if (!a)
+  const l = h(null), [o, i] = D(u), a = O(() => {
+    const f = l.current;
+    if (!f)
       return;
-    a.style.height = r;
-    const x = `${a.scrollHeight}px`;
-    o(x), a.style.height = x;
-  }, [r]);
+    f.style.height = u;
+    const m = `${f.scrollHeight}px`;
+    i(m), f.style.height = m;
+  }, [u]);
   B(s, () => ({
-    element: i.current,
-    adjustHeight: l
-  }), [l]);
-  const d = _((a) => {
-    l(), t == null || t(a);
+    element: l.current,
+    adjustHeight: a
+  }), [a]);
+  const d = _((f) => {
+    a(), t == null || t(f);
   });
   return J(() => {
-    l();
-    const a = i.current;
-    if (!a)
+    a();
+    const f = l.current;
+    if (!f)
       return;
-    const x = new ResizeObserver((N) => {
-      l();
+    const m = new ResizeObserver((N) => {
+      a();
     });
-    return x.observe(a), () => {
-      x.unobserve(a);
+    return m.observe(f), () => {
+      m.unobserve(f);
     };
-  }, [l]), /* @__PURE__ */ v("textarea", { ...u, style: {
+  }, [a]), /* @__PURE__ */ x("textarea", { ...r, style: {
     overflow: "hidden",
     // these 2 styles aren't needed if the caller sets them in CSS.
     resize: "none",
     ...n,
-    height: f
-  }, onInput: d, ref: i });
+    height: o
+  }, onInput: d, ref: l });
 });
-function Ee(e) {
-  const t = X(), n = e.name ?? t, r = e.valueEquals ?? Object.is, u = e.options ?? [], s = new H(), i = _((f) => {
-    const o = Number(f.target.value), l = u[o];
-    l != null && e.onChange != null && e.onChange({
-      value: l.value,
-      index: o,
+function _e(e) {
+  const t = X(), n = e.name ?? t, u = e.valueEquals ?? Object.is, r = e.options ?? [], s = new H(), l = _((o) => {
+    const i = Number(o.target.value), a = r[i];
+    a != null && e.onChange != null && e.onChange({
+      value: a.value,
+      index: i,
       type: "change",
-      timeStamp: f.timeStamp,
-      target: f.target
+      timeStamp: o.timeStamp,
+      target: o.target
     });
   });
-  return /* @__PURE__ */ v("ul", { className: e.className, children: u.map((f, o) => {
-    const { value: l, text: d, key: a, itemClassName: x, labelClassName: N, inputClassName: m, textClassName: c, ...g } = f, O = s.fix(f, o);
-    return e.value !== void 0 && (g.checked = r(l, e.value)), /* @__PURE__ */ v("li", { className: x, "aria-disabled": g.disabled, children: /* @__PURE__ */ L("label", { className: N, children: [
-      /* @__PURE__ */ v("input", { ...g, className: m, value: o, onChange: i, name: n, type: "radio" }),
-      /* @__PURE__ */ v("span", { className: c, children: d })
-    ] }) }, O);
+  return /* @__PURE__ */ x("ul", { className: e.className, children: r.map((o, i) => {
+    const { value: a, text: d, key: f, itemClassName: m, labelClassName: N, inputClassName: v, textClassName: c, ...g } = o, S = s.fix(o, i);
+    return e.value !== void 0 && (g.checked = u(a, e.value)), /* @__PURE__ */ x("li", { className: m, "aria-disabled": g.disabled, children: /* @__PURE__ */ L("label", { className: N, children: [
+      /* @__PURE__ */ x("input", { ...g, className: v, value: i, onChange: l, name: n, type: "radio" }),
+      /* @__PURE__ */ x("span", { className: c, children: d })
+    ] }) }, S);
   }) });
 }
 function U() {
   return h(null);
 }
-function K(e) {
+function A(e) {
   e.current != null && (clearTimeout(e.current), e.current = null);
 }
-const De = ({
+const Me = ({
   value: e,
   onChange: t,
   debounce: n = 500,
-  ...r
+  ...u
 }) => {
-  const u = U(), s = U();
+  const r = U(), s = U();
   R(() => {
-    K(s), u.current != null && (u.current.value = e);
+    A(s), r.current != null && (r.current.value = e);
   }, [e]);
-  const i = () => {
-    u.current != null && u.current.value !== e && (t == null || t({ value: u.current.value }));
+  const l = () => {
+    r.current != null && r.current.value !== e && (t == null || t({ value: r.current.value }));
   };
-  return /* @__PURE__ */ v("input", { ...r, ref: u, defaultValue: e, onInput: () => {
-    K(s), s.current = setTimeout(i, n);
+  return /* @__PURE__ */ x("input", { ...u, ref: r, defaultValue: e, onInput: () => {
+    A(s), s.current = setTimeout(l, n);
   }, onBlur: () => {
-    K(s), i();
+    A(s), l();
   } });
 };
-function _e({ onClick: e, ...t }) {
+function pe({ onClick: e, ...t }) {
   return t.onClick = (n) => {
     n.preventDefault(), e == null || e(n);
-  }, /* @__PURE__ */ v("button", { type: "button", ...t });
+  }, /* @__PURE__ */ x("button", { type: "button", ...t });
 }
 function E(e, t) {
   const n = e instanceof Date ? e : new Date(e);
-  let r = `${n.getFullYear()}-${I(n.getMonth() + 1)}-${I(n.getDate())}T${I(n.getHours())}:${I(n.getMinutes())}`;
-  const u = (t == null ? void 0 : t.milliseconds) || (t == null ? void 0 : t.milliseconds) == null && n.getMilliseconds() !== 0;
-  return ((t == null ? void 0 : t.seconds) || (t == null ? void 0 : t.seconds) == null && (n.getSeconds() !== 0 || u)) && (r += `:${I(n.getSeconds())}`, u && (r += `.${I(n.getMilliseconds(), 3)}`)), t != null && t.offset && (r += p(-n.getTimezoneOffset())), r;
+  let u = `${n.getFullYear()}-${I(n.getMonth() + 1)}-${I(n.getDate())}T${I(n.getHours())}:${I(n.getMinutes())}`;
+  const r = (t == null ? void 0 : t.milliseconds) || (t == null ? void 0 : t.milliseconds) == null && n.getMilliseconds() !== 0;
+  return ((t == null ? void 0 : t.seconds) || (t == null ? void 0 : t.seconds) == null && (n.getSeconds() !== 0 || r)) && (u += `:${I(n.getSeconds())}`, r && (u += `.${I(n.getMilliseconds(), 3)}`)), t != null && t.offset && (u += F(-n.getTimezoneOffset())), u;
 }
-function p(e) {
+function F(e) {
   if (e == null)
     return "";
   if (e === 0)
     return "Z";
-  const t = e > 0 ? "+" : "-", n = Math.floor(Math.abs(e) / 60), r = Math.abs(e) % 60;
-  return `${t}${I(n)}:${I(r)}`;
+  const t = e > 0 ? "+" : "-", n = Math.floor(Math.abs(e) / 60), u = Math.abs(e) % 60;
+  return `${t}${I(n)}:${I(u)}`;
 }
-const me = /^(\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(?::\d{2}(?:\.\d{1,3})?)?)(Z|[+-]\d{2}:\d{2})?$/, ve = { offset: !1, seconds: !1, milliseconds: !1 };
+const xe = /^(\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(?::\d{2}(?:\.\d{1,3})?)?)(Z|[+-]\d{2}:\d{2})?$/, ve = { offset: !1, seconds: !1, milliseconds: !1 };
 function Ne(e) {
   return e == null || Number.isNaN(e) || e === "" || Number.isNaN(+new Date(e));
 }
 function M(e) {
   if (typeof e == "string") {
-    const t = e.match(me);
+    const t = e.match(xe);
     if (t)
       return t[1];
   }
   return Ne(e) ? "" : E(e, ve);
 }
-const w = { offset: !1 };
-function Me({ value: e, defaultValue: t, min: n, max: r, onChange: u, ...s }) {
-  return e !== void 0 && (s.value = e === null ? "" : E(e, w)), t != null && (s.defaultValue = E(t, w)), n != null && (s.min = E(n, w)), r != null && (s.max = E(r, w)), u != null && (s.onChange = (i) => {
-    u({
-      value: i.currentTarget.value
+const p = { offset: !1 };
+function we({ value: e, defaultValue: t, min: n, max: u, onChange: r, ...s }) {
+  return e !== void 0 && (s.value = e === null ? "" : E(e, p)), t != null && (s.defaultValue = E(t, p)), n != null && (s.min = E(n, p)), u != null && (s.max = E(u, p)), r != null && (s.onChange = (l) => {
+    r({
+      value: l.currentTarget.value
     });
-  }), /* @__PURE__ */ v("input", { type: "datetime-local", ...s });
+  }), /* @__PURE__ */ x("input", { type: "datetime-local", ...s });
 }
 function ge(e) {
   const t = h(e);
   return t.current = e, t;
 }
 function be(e, t) {
-  const n = h(e), r = ge(t);
+  const n = h(e), u = ge(t);
   return C(() => {
-    Object.is(n.current, e) || (r.current(), n.current = e);
-  }, [r, e]), T((u) => {
-    n.current = u;
+    Object.is(n.current, e) || (u.current(), n.current = e);
+  }, [u, e]), O((r) => {
+    n.current = r;
   }, []);
 }
 const he = [
@@ -398,7 +398,7 @@ const he = [
   // Kiribati
   { value: 14 * 60, text: "+14:00" }
 ];
-function $(e) {
+function w(e) {
   if (typeof e != "string" || e === "")
     return null;
   const t = e.match(/([+-])(\d{2}):(\d{2})|Z$/);
@@ -406,50 +406,56 @@ function $(e) {
     return null;
   if (t[0] === "Z")
     return 0;
-  const [, n, r, u] = t, s = Number(r) * 60 + Number(u);
+  const [, n, u, r] = t, s = Number(u) * 60 + Number(r);
   return n === "+" ? s : -s;
 }
-function A(e) {
+function $(e) {
   return e === "" ? null : -new Date(e).getTimezoneOffset();
 }
-function we({
+function Ie(e, t, n) {
+  return e ? t : $(n);
+}
+function ye(e, t, n) {
+  return F(Ie(e, t, n));
+}
+function $e({
   value: e,
   defaultValue: t,
   min: n,
-  max: r,
-  onChange: u,
+  max: u,
+  onChange: r,
   ...s
 }) {
-  const [i, f] = D(() => $(e ?? t) !== null), [o, l] = D(() => $(e ?? t)), [d, a] = D(() => M(e ?? t)), x = be(e, () => {
-    f($(e) !== null), l($(e)), a(M(e));
-  }), N = T((b) => {
-    x(b), u == null || u({
+  const [l, o] = D(() => w(e ?? t) !== null), [i, a] = D(() => w(e ?? t)), [d, f] = D(() => M(e ?? t)), m = be(e, () => {
+    o(w(e) !== null), a(w(e)), f(M(e));
+  }), N = O((b) => {
+    m(b), r == null || r({
       value: b
     });
-  }, [u, x]);
-  n != null && (s.min = M(n)), r != null && (s.max = M(r));
-  const m = i ? o : A(d), c = T(
+  }, [r, m]);
+  n != null && (s.min = M(n)), u != null && (s.max = M(u));
+  const v = l ? i : $(d), c = O(
     (b) => {
-      const S = b.currentTarget.value;
-      a(S), N(S + p(m));
+      const y = b.currentTarget.value;
+      f(y), N(y + ye(l, i, y));
     },
-    [N, m]
-  ), g = T(
+    [N, l, i]
+  ), g = O(
     (b) => {
-      l(b.value), N(d + p(b.value));
+      a(b.value), N(d + F(b.value));
     },
     [N, d]
-  ), O = T(
+  ), S = O(
     (b) => {
-      const S = b.currentTarget.checked;
-      f(S);
-      let y;
-      S ? d && o === null ? (y = A(d), l(y)) : y = o : y = A(d), N(d + p(y));
+      const y = b.currentTarget.checked;
+      o(y);
+      let T;
+      y ? d && i === null ? (T = $(d), a(T)) : T = i : T = $(d), N(d + F(T));
     },
-    [o, d, N]
+    [i, d, N]
   );
   return /* @__PURE__ */ L("span", { children: [
-    /* @__PURE__ */ v(
+    /* @__PURE__ */ x(
       "input",
       {
         type: "datetime-local",
@@ -458,49 +464,49 @@ function we({
         onChange: c
       }
     ),
-    /* @__PURE__ */ v(
+    /* @__PURE__ */ x(
       "input",
       {
         type: "checkbox",
-        title: i ? "Use UTC offset from this device" : "Enable UTC offset selection",
-        checked: i,
-        onChange: O
+        title: l ? "Use UTC offset from this device" : "Enable UTC offset selection",
+        checked: l,
+        onChange: S
       }
     ),
-    /* @__PURE__ */ v(
-      ie,
+    /* @__PURE__ */ x(
+      fe,
       {
-        value: m,
+        value: v,
         onChange: g,
-        disabled: !i,
+        disabled: !l,
         options: he
       }
     )
   ] });
 }
-const $e = k(function({ placeholder: t, formatOnChange: n = xe, onChange: r, value: u, ...s }, i) {
-  const f = {
+const Fe = k(function({ placeholder: t, formatOnChange: n = me, onChange: u, value: r, ...s }, l) {
+  const o = {
     inputMode: "decimal",
     ...s,
     formatOnChange: n,
     type: "number"
   };
-  return u !== void 0 && (f.value = Y(u)), t != null && (f.placeholder = String(t)), r != null && (f.onChange = (o) => {
-    r({
-      ...o,
-      value: de(o.value)
+  return r !== void 0 && (o.value = Y(r)), t != null && (o.placeholder = String(t)), u != null && (o.onChange = (i) => {
+    u({
+      ...i,
+      value: de(i.value)
     });
-  }), /* @__PURE__ */ v(j, { ...f, ref: i });
+  }), /* @__PURE__ */ x(j, { ...o, ref: l });
 });
 export {
-  _e as ActionButton,
-  Me as DatetimeLocalInput,
-  we as DatetimeOffsetInput,
-  De as DebouncedInput,
+  pe as ActionButton,
+  we as DatetimeLocalInput,
+  $e as DatetimeOffsetInput,
+  Me as DebouncedInput,
   j as Input,
-  $e as NumberInput,
-  Ee as RadioMenu,
-  ie as Select,
-  Se as TextArea,
-  Oe as TextInput
+  Fe as NumberInput,
+  _e as RadioMenu,
+  fe as Select,
+  De as TextArea,
+  Ee as TextInput
 };

package/dist/react-basic-inputs.umd.cjs

@@ -1 +1 @@
-(function(o,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],f):(o=typeof globalThis<"u"?globalThis:o||self,f(o["@mpen/react-basic-inputs"]={},o.jsxRuntime,o.React))})(this,function(o,f,r){"use strict";var ve=Object.defineProperty;var be=(o,f,r)=>f in o?ve(o,f,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[f]=r;var L=(o,f,r)=>(be(o,typeof f!="symbol"?f+"":f,r),r);const U=Object.freeze(()=>{});function q(e){return e}let E;typeof window<"u"?E=e=>{r.useDebugValue(e);const t=r.useRef(Y);r.useInsertionEffect(()=>{t.current=e},[e]);const n=r.useRef(null);return n.current||(n.current=function(){return t.current.apply(this,arguments)}),n.current}:E=U;function H(e){return E(e)}function Y(){throw new Error("INVALID_USE_EVENT_INVOCATION: the callback from useEvent cannot be invoked before the component has mounted.")}function z(){var e=r.useRef(!0);return e.current?(e.current=!1,!0):e.current}var p=function(e,t){var n=z();r.useEffect(function(){if(!n)return e()},t)};function G(e,...t){return typeof e=="function"?e(...t):e}function Z(e,t){if(e.uniqueKey!=null)return G(e.uniqueKey,e,t);if(typeof e.value=="string")return e.value;if(typeof e.value=="number")return String(e.value);try{const n=JSON.stringify(e.value);if(n!==void 0)return n}catch{}return String(t)}class K{constructor(){L(this,"_usedKeys",new Map)}fix(t,n){let u=Z(t,n);for(;;){let s=this._usedKeys.get(u);if(s===void 0){this._usedKeys.set(u,1);break}this._usedKeys.set(u,++s),u=`${u}(${s})`}return u}}const B=e=>({value:e,text:String(e),disabled:!0,key:J}),W="3c9369b7-0a5e-46ea-93c2-e8b9fec67fdb",J="1a53f789-77f5-4ce6-a829-b00e563f1ee8";function C({options:e,value:t,invalidValueOption:n=B,onChange:u,placeholder:s,...l}){const d=t==null,x=r.useMemo(()=>t!=null&&e.some(c=>c.value==t),[e,t]),m=r.useMemo(()=>t==null||!n?null:n(t),[n,t]),i=r.useMemo(()=>{if(x)return e;const c=[...e];return d?s!=null&&c.unshift({text:s,hidden:!0,value:null,key:W}):m&&c.push(m),c},[x,e,d,m,s]),v=H(c=>{const h=c.target.selectedIndex,S=i[h];u==null||u({value:S.value,index:h,type:"change",timeStamp:c.timeStamp,target:c.target})}),a=r.useRef(null),b=r.useCallback(()=>{a.current&&(a.current.selectedIndex<0||i[a.current.selectedIndex].value!=t)&&(a.current.selectedIndex=i.findIndex(c=>c.value==t))},[i,t]),I=c=>{a.current=c,b()};p(()=>{b()},[b]);const N=new K;return f.jsx("select",{...l,onChange:v,ref:I,children:i.map((c,h)=>{const{value:S,text:g,uniqueKey:O,...T}=c,P=N.fix(c,h);return r.createElement("option",{...T,key:P,value:P},c.text)})})}function X(e){return e?String(e).replace(/\s+/gu," ").trim():""}function Q(e){try{return e.toLocaleString("en-US",{useGrouping:!1,maximumFractionDigits:20})}catch{return e.toFixed(14).replace(/\.?0+$/,"")}}function R(e){return e?e==="∞"||e==="+∞"?Number.POSITIVE_INFINITY:e==="-∞"?Number.NEGATIVE_INFINITY:Number.parseFloat(e):Number.NaN}function V(e){return Number.isNaN(e)?"":e===Number.POSITIVE_INFINITY?"∞":e===Number.NEGATIVE_INFINITY?"-∞":Q(e)}function ee(e){return e?V(Number.parseFloat(e)):""}function y(e,t=2){return String(e).padStart(t,"0")}const $=r.forwardRef(function({value:t="",onPaste:n,onChange:u,onInput:s,onBlur:l,formatOnChange:d=q,...x},m){const[i,v]=r.useState(t),a=r.useRef(t),b=r.useRef(!1);p(()=>{v(t),b.current=!1,a.current=t},[t]);const I={type:"text",...x,ref:m,value:i,onChange:N=>{v(N.target.value)},onInput:N=>{b.current=!0,s==null||s(N)},onBlur:N=>{const c=d(i);b.current&&(c!==a.current&&(u==null||u({type:"change",value:c,timeStamp:N.timeStamp,target:N.target}),a.current=c),c!==N.target.value&&v(c)),l==null||l(N)}};return f.jsx("input",{...I})});function te({formatOnChange:e=X,...t}){return f.jsx($,{formatOnChange:e,...t,type:"text"})}const ne=r.forwardRef(function({onInput:t,style:n,initialHeight:u="auto",...s},l){const d=r.useRef(null),[x,m]=r.useState(u),i=r.useCallback(()=>{const a=d.current;if(!a)return;a.style.height=u;const b=`${a.scrollHeight}px`;m(b),a.style.height=b},[u]);r.useImperativeHandle(l,()=>({element:d.current,adjustHeight:i}),[i]);const v=E(a=>{i(),t==null||t(a)});return r.useLayoutEffect(()=>{i();const a=d.current;if(!a)return;const b=new ResizeObserver(I=>{i()});return b.observe(a),()=>{b.unobserve(a)}},[i]),f.jsx("textarea",{...s,style:{overflow:"hidden",resize:"none",...n,height:x},onInput:v,ref:d})});function ue(e){const t=r.useId(),n=e.name??t,u=e.valueEquals??Object.is,s=e.options??[],l=new K,d=E(x=>{const m=Number(x.target.value),i=s[m];i!=null&&e.onChange!=null&&e.onChange({value:i.value,index:m,type:"change",timeStamp:x.timeStamp,target:x.target})});return f.jsx("ul",{className:e.className,children:s.map((x,m)=>{const{value:i,text:v,key:a,itemClassName:b,labelClassName:I,inputClassName:N,textClassName:c,...h}=x,S=l.fix(x,m);return e.value!==void 0&&(h.checked=u(i,e.value)),f.jsx("li",{className:b,"aria-disabled":h.disabled,children:f.jsxs("label",{className:I,children:[f.jsx("input",{...h,className:N,value:m,onChange:d,name:n,type:"radio"}),f.jsx("span",{className:c,children:v})]})},S)})})}function j(){return r.useRef(null)}function A(e){e.current!=null&&(clearTimeout(e.current),e.current=null)}const re=({value:e,onChange:t,debounce:n=500,...u})=>{const s=j(),l=j();p(()=>{A(l),s.current!=null&&(s.current.value=e)},[e]);const d=()=>{s.current!=null&&s.current.value!==e&&(t==null||t({value:s.current.value}))};return f.jsx("input",{...u,ref:s,defaultValue:e,onInput:()=>{A(l),l.current=setTimeout(d,n)},onBlur:()=>{A(l),d()}})};function se({onClick:e,...t}){return t.onClick=n=>{n.preventDefault(),e==null||e(n)},f.jsx("button",{type:"button",...t})}function D(e,t){const n=e instanceof Date?e:new Date(e);let u=`${n.getFullYear()}-${y(n.getMonth()+1)}-${y(n.getDate())}T${y(n.getHours())}:${y(n.getMinutes())}`;const s=(t==null?void 0:t.milliseconds)||(t==null?void 0:t.milliseconds)==null&&n.getMilliseconds()!==0;return((t==null?void 0:t.seconds)||(t==null?void 0:t.seconds)==null&&(n.getSeconds()!==0||s))&&(u+=`:${y(n.getSeconds())}`,s&&(u+=`.${y(n.getMilliseconds(),3)}`)),t!=null&&t.offset&&(u+=M(-n.getTimezoneOffset())),u}function M(e){if(e==null)return"";if(e===0)return"Z";const t=e>0?"+":"-",n=Math.floor(Math.abs(e)/60),u=Math.abs(e)%60;return`${t}${y(n)}:${y(u)}`}const le=/^(\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(?::\d{2}(?:\.\d{1,3})?)?)(Z|[+-]\d{2}:\d{2})?$/,fe={offset:!1,seconds:!1,milliseconds:!1};function ce(e){return e==null||Number.isNaN(e)||e===""||Number.isNaN(+new Date(e))}function _(e){if(typeof e=="string"){const t=e.match(le);if(t)return t[1]}return ce(e)?"":D(e,fe)}const w={offset:!1};function ie({value:e,defaultValue:t,min:n,max:u,onChange:s,...l}){return e!==void 0&&(l.value=e===null?"":D(e,w)),t!=null&&(l.defaultValue=D(t,w)),n!=null&&(l.min=D(n,w)),u!=null&&(l.max=D(u,w)),s!=null&&(l.onChange=d=>{s({value:d.currentTarget.value})}),f.jsx("input",{type:"datetime-local",...l})}function ae(e){const t=r.useRef(e);return t.current=e,t}function oe(e,t){const n=r.useRef(e),u=ae(t);return r.useEffect(()=>{Object.is(n.current,e)||(u.current(),n.current=e)},[u,e]),r.useCallback(s=>{n.current=s},[])}const de=[{value:-12*60,text:"-12:00"},{value:-11*60,text:"-11:00"},{value:-10*60,text:"-10:00"},{value:-9.5*60,text:"-09:30"},{value:-9*60,text:"-09:00"},{value:-8*60,text:"-08:00"},{value:-7*60,text:"-07:00"},{value:-6*60,text:"-06:00"},{value:-5*60,text:"-05:00"},{value:-4*60,text:"-04:00"},{value:-3.5*60,text:"-03:30"},{value:-3*60,text:"-03:00"},{value:-2*60,text:"-02:00"},{value:-1*60,text:"-01:00"},{value:0,text:"±00:00"},{value:1*60,text:"+01:00"},{value:2*60,text:"+02:00"},{value:3*60,text:"+03:00"},{value:3.5*60,text:"+03:30"},{value:4*60,text:"+04:00"},{value:4.5*60,text:"+04:30"},{value:5*60,text:"+05:00"},{value:5.5*60,text:"+05:30"},{value:5.75*60,text:"+05:45"},{value:6*60,text:"+06:00"},{value:6.5*60,text:"+06:30"},{value:7*60,text:"+07:00"},{value:8*60,text:"+08:00"},{value:8.75*60,text:"+08:45"},{value:9*60,text:"+09:00"},{value:9.5*60,text:"+09:30"},{value:10*60,text:"+10:00"},{value:10.5*60,text:"+10:30"},{value:11*60,text:"+11:00"},{value:12*60,text:"+12:00"},{value:12.75*60,text:"+12:45"},{value:13*60,text:"+13:00"},{value:14*60,text:"+14:00"}];function k(e){if(typeof e!="string"||e==="")return null;const t=e.match(/([+-])(\d{2}):(\d{2})|Z$/);if(!t)return null;if(t[0]==="Z")return 0;const[,n,u,s]=t,l=Number(u)*60+Number(s);return n==="+"?l:-l}function F(e){return e===""?null:-new Date(e).getTimezoneOffset()}function xe({value:e,defaultValue:t,min:n,max:u,onChange:s,...l}){const[d,x]=r.useState(()=>k(e??t)!==null),[m,i]=r.useState(()=>k(e??t)),[v,a]=r.useState(()=>_(e??t)),b=oe(e,()=>{x(k(e)!==null),i(k(e)),a(_(e))}),I=r.useCallback(g=>{b(g),s==null||s({value:g})},[s,b]);n!=null&&(l.min=_(n)),u!=null&&(l.max=_(u));const N=d?m:F(v),c=r.useCallback(g=>{const O=g.currentTarget.value;a(O),I(O+M(N))},[I,N]),h=r.useCallback(g=>{i(g.value),I(v+M(g.value))},[I,v]),S=r.useCallback(g=>{const O=g.currentTarget.checked;x(O);let T;O?v&&m===null?(T=F(v),i(T)):T=m:T=F(v),I(v+M(T))},[m,v,I]);return f.jsxs("span",{children:[f.jsx("input",{type:"datetime-local",...l,value:v,onChange:c}),f.jsx("input",{type:"checkbox",title:d?"Use UTC offset from this device":"Enable UTC offset selection",checked:d,onChange:S}),f.jsx(C,{value:N,onChange:h,disabled:!d,options:de})]})}const me=r.forwardRef(function({placeholder:t,formatOnChange:n=ee,onChange:u,value:s,...l},d){const x={inputMode:"decimal",...l,formatOnChange:n,type:"number"};return s!==void 0&&(x.value=V(s)),t!=null&&(x.placeholder=String(t)),u!=null&&(x.onChange=m=>{u({...m,value:R(m.value)})}),f.jsx($,{...x,ref:d})});o.ActionButton=se,o.DatetimeLocalInput=ie,o.DatetimeOffsetInput=xe,o.DebouncedInput=re,o.Input=$,o.NumberInput=me,o.RadioMenu=ue,o.Select=C,o.TextArea=ne,o.TextInput=te,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
+(function(d,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],f):(d=typeof globalThis<"u"?globalThis:d||self,f(d["@mpen/react-basic-inputs"]={},d.jsxRuntime,d.React))})(this,function(d,f,r){"use strict";var Ne=Object.defineProperty;var Ie=(d,f,r)=>f in d?Ne(d,f,{enumerable:!0,configurable:!0,writable:!0,value:r}):d[f]=r;var L=(d,f,r)=>(Ie(d,typeof f!="symbol"?f+"":f,r),r);const U=Object.freeze(()=>{});function q(e){return e}let E;typeof window<"u"?E=e=>{r.useDebugValue(e);const t=r.useRef(Y);r.useInsertionEffect(()=>{t.current=e},[e]);const n=r.useRef(null);return n.current||(n.current=function(){return t.current.apply(this,arguments)}),n.current}:E=U;function H(e){return E(e)}function Y(){throw new Error("INVALID_USE_EVENT_INVOCATION: the callback from useEvent cannot be invoked before the component has mounted.")}function z(){var e=r.useRef(!0);return e.current?(e.current=!1,!0):e.current}var $=function(e,t){var n=z();r.useEffect(function(){if(!n)return e()},t)};function G(e,...t){return typeof e=="function"?e(...t):e}function Z(e,t){if(e.uniqueKey!=null)return G(e.uniqueKey,e,t);if(typeof e.value=="string")return e.value;if(typeof e.value=="number")return String(e.value);try{const n=JSON.stringify(e.value);if(n!==void 0)return n}catch{}return String(t)}class K{constructor(){L(this,"_usedKeys",new Map)}fix(t,n){let u=Z(t,n);for(;;){let s=this._usedKeys.get(u);if(s===void 0){this._usedKeys.set(u,1);break}this._usedKeys.set(u,++s),u=`${u}(${s})`}return u}}const B=e=>({value:e,text:String(e),disabled:!0,key:J}),W="3c9369b7-0a5e-46ea-93c2-e8b9fec67fdb",J="1a53f789-77f5-4ce6-a829-b00e563f1ee8";function C({options:e,value:t,invalidValueOption:n=B,onChange:u,placeholder:s,...l}){const i=t==null,m=r.useMemo(()=>t!=null&&e.some(c=>c.value==t),[e,t]),x=r.useMemo(()=>t==null||!n?null:n(t),[n,t]),a=r.useMemo(()=>{if(m)return e;const c=[...e];return i?s!=null&&c.unshift({text:s,hidden:!0,value:null,key:W}):x&&c.push(x),c},[m,e,i,x,s]),v=H(c=>{const g=c.target.selectedIndex,O=a[g];u==null||u({value:O.value,index:g,type:"change",timeStamp:c.timeStamp,target:c.target})}),o=r.useRef(null),b=r.useCallback(()=>{o.current&&(o.current.selectedIndex<0||a[o.current.selectedIndex].value!=t)&&(o.current.selectedIndex=a.findIndex(c=>c.value==t))},[a,t]),I=c=>{o.current=c,b()};$(()=>{b()},[b]);const N=new K;return f.jsx("select",{...l,onChange:v,ref:I,children:a.map((c,g)=>{const{value:O,text:h,uniqueKey:T,...S}=c,P=N.fix(c,g);return r.createElement("option",{...S,key:P,value:P},c.text)})})}function X(e){return e?String(e).replace(/\s+/gu," ").trim():""}function Q(e){try{return e.toLocaleString("en-US",{useGrouping:!1,maximumFractionDigits:20})}catch{return e.toFixed(14).replace(/\.?0+$/,"")}}function R(e){return e?e==="∞"||e==="+∞"?Number.POSITIVE_INFINITY:e==="-∞"?Number.NEGATIVE_INFINITY:Number.parseFloat(e):Number.NaN}function V(e){return Number.isNaN(e)?"":e===Number.POSITIVE_INFINITY?"∞":e===Number.NEGATIVE_INFINITY?"-∞":Q(e)}function ee(e){return e?V(Number.parseFloat(e)):""}function y(e,t=2){return String(e).padStart(t,"0")}const A=r.forwardRef(function({value:t="",onPaste:n,onChange:u,onInput:s,onBlur:l,formatOnChange:i=q,...m},x){const[a,v]=r.useState(t),o=r.useRef(t),b=r.useRef(!1);$(()=>{v(t),b.current=!1,o.current=t},[t]);const I={type:"text",...m,ref:x,value:a,onChange:N=>{v(N.target.value)},onInput:N=>{b.current=!0,s==null||s(N)},onBlur:N=>{const c=i(a);b.current&&(c!==o.current&&(u==null||u({type:"change",value:c,timeStamp:N.timeStamp,target:N.target}),o.current=c),c!==N.target.value&&v(c)),l==null||l(N)}};return f.jsx("input",{...I})});function te({formatOnChange:e=X,...t}){return f.jsx(A,{formatOnChange:e,...t,type:"text"})}const ne=r.forwardRef(function({onInput:t,style:n,initialHeight:u="auto",...s},l){const i=r.useRef(null),[m,x]=r.useState(u),a=r.useCallback(()=>{const o=i.current;if(!o)return;o.style.height=u;const b=`${o.scrollHeight}px`;x(b),o.style.height=b},[u]);r.useImperativeHandle(l,()=>({element:i.current,adjustHeight:a}),[a]);const v=E(o=>{a(),t==null||t(o)});return r.useLayoutEffect(()=>{a();const o=i.current;if(!o)return;const b=new ResizeObserver(I=>{a()});return b.observe(o),()=>{b.unobserve(o)}},[a]),f.jsx("textarea",{...s,style:{overflow:"hidden",resize:"none",...n,height:m},onInput:v,ref:i})});function ue(e){const t=r.useId(),n=e.name??t,u=e.valueEquals??Object.is,s=e.options??[],l=new K,i=E(m=>{const x=Number(m.target.value),a=s[x];a!=null&&e.onChange!=null&&e.onChange({value:a.value,index:x,type:"change",timeStamp:m.timeStamp,target:m.target})});return f.jsx("ul",{className:e.className,children:s.map((m,x)=>{const{value:a,text:v,key:o,itemClassName:b,labelClassName:I,inputClassName:N,textClassName:c,...g}=m,O=l.fix(m,x);return e.value!==void 0&&(g.checked=u(a,e.value)),f.jsx("li",{className:b,"aria-disabled":g.disabled,children:f.jsxs("label",{className:I,children:[f.jsx("input",{...g,className:N,value:x,onChange:i,name:n,type:"radio"}),f.jsx("span",{className:c,children:v})]})},O)})})}function j(){return r.useRef(null)}function F(e){e.current!=null&&(clearTimeout(e.current),e.current=null)}const re=({value:e,onChange:t,debounce:n=500,...u})=>{const s=j(),l=j();$(()=>{F(l),s.current!=null&&(s.current.value=e)},[e]);const i=()=>{s.current!=null&&s.current.value!==e&&(t==null||t({value:s.current.value}))};return f.jsx("input",{...u,ref:s,defaultValue:e,onInput:()=>{F(l),l.current=setTimeout(i,n)},onBlur:()=>{F(l),i()}})};function se({onClick:e,...t}){return t.onClick=n=>{n.preventDefault(),e==null||e(n)},f.jsx("button",{type:"button",...t})}function D(e,t){const n=e instanceof Date?e:new Date(e);let u=`${n.getFullYear()}-${y(n.getMonth()+1)}-${y(n.getDate())}T${y(n.getHours())}:${y(n.getMinutes())}`;const s=(t==null?void 0:t.milliseconds)||(t==null?void 0:t.milliseconds)==null&&n.getMilliseconds()!==0;return((t==null?void 0:t.seconds)||(t==null?void 0:t.seconds)==null&&(n.getSeconds()!==0||s))&&(u+=`:${y(n.getSeconds())}`,s&&(u+=`.${y(n.getMilliseconds(),3)}`)),t!=null&&t.offset&&(u+=M(-n.getTimezoneOffset())),u}function M(e){if(e==null)return"";if(e===0)return"Z";const t=e>0?"+":"-",n=Math.floor(Math.abs(e)/60),u=Math.abs(e)%60;return`${t}${y(n)}:${y(u)}`}const le=/^(\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(?::\d{2}(?:\.\d{1,3})?)?)(Z|[+-]\d{2}:\d{2})?$/,fe={offset:!1,seconds:!1,milliseconds:!1};function ce(e){return e==null||Number.isNaN(e)||e===""||Number.isNaN(+new Date(e))}function _(e){if(typeof e=="string"){const t=e.match(le);if(t)return t[1]}return ce(e)?"":D(e,fe)}const p={offset:!1};function ie({value:e,defaultValue:t,min:n,max:u,onChange:s,...l}){return e!==void 0&&(l.value=e===null?"":D(e,p)),t!=null&&(l.defaultValue=D(t,p)),n!=null&&(l.min=D(n,p)),u!=null&&(l.max=D(u,p)),s!=null&&(l.onChange=i=>{s({value:i.currentTarget.value})}),f.jsx("input",{type:"datetime-local",...l})}function ae(e){const t=r.useRef(e);return t.current=e,t}function oe(e,t){const n=r.useRef(e),u=ae(t);return r.useEffect(()=>{Object.is(n.current,e)||(u.current(),n.current=e)},[u,e]),r.useCallback(s=>{n.current=s},[])}const de=[{value:-12*60,text:"-12:00"},{value:-11*60,text:"-11:00"},{value:-10*60,text:"-10:00"},{value:-9.5*60,text:"-09:30"},{value:-9*60,text:"-09:00"},{value:-8*60,text:"-08:00"},{value:-7*60,text:"-07:00"},{value:-6*60,text:"-06:00"},{value:-5*60,text:"-05:00"},{value:-4*60,text:"-04:00"},{value:-3.5*60,text:"-03:30"},{value:-3*60,text:"-03:00"},{value:-2*60,text:"-02:00"},{value:-1*60,text:"-01:00"},{value:0,text:"±00:00"},{value:1*60,text:"+01:00"},{value:2*60,text:"+02:00"},{value:3*60,text:"+03:00"},{value:3.5*60,text:"+03:30"},{value:4*60,text:"+04:00"},{value:4.5*60,text:"+04:30"},{value:5*60,text:"+05:00"},{value:5.5*60,text:"+05:30"},{value:5.75*60,text:"+05:45"},{value:6*60,text:"+06:00"},{value:6.5*60,text:"+06:30"},{value:7*60,text:"+07:00"},{value:8*60,text:"+08:00"},{value:8.75*60,text:"+08:45"},{value:9*60,text:"+09:00"},{value:9.5*60,text:"+09:30"},{value:10*60,text:"+10:00"},{value:10.5*60,text:"+10:30"},{value:11*60,text:"+11:00"},{value:12*60,text:"+12:00"},{value:12.75*60,text:"+12:45"},{value:13*60,text:"+13:00"},{value:14*60,text:"+14:00"}];function w(e){if(typeof e!="string"||e==="")return null;const t=e.match(/([+-])(\d{2}):(\d{2})|Z$/);if(!t)return null;if(t[0]==="Z")return 0;const[,n,u,s]=t,l=Number(u)*60+Number(s);return n==="+"?l:-l}function k(e){return e===""?null:-new Date(e).getTimezoneOffset()}function xe(e,t,n){return e?t:k(n)}function me(e,t,n){return M(xe(e,t,n))}function ve({value:e,defaultValue:t,min:n,max:u,onChange:s,...l}){const[i,m]=r.useState(()=>w(e??t)!==null),[x,a]=r.useState(()=>w(e??t)),[v,o]=r.useState(()=>_(e??t)),b=oe(e,()=>{m(w(e)!==null),a(w(e)),o(_(e))}),I=r.useCallback(h=>{b(h),s==null||s({value:h})},[s,b]);n!=null&&(l.min=_(n)),u!=null&&(l.max=_(u));const N=i?x:k(v),c=r.useCallback(h=>{const T=h.currentTarget.value;o(T),I(T+me(i,x,T))},[I,i,x]),g=r.useCallback(h=>{a(h.value),I(v+M(h.value))},[I,v]),O=r.useCallback(h=>{const T=h.currentTarget.checked;m(T);let S;T?v&&x===null?(S=k(v),a(S)):S=x:S=k(v),I(v+M(S))},[x,v,I]);return f.jsxs("span",{children:[f.jsx("input",{type:"datetime-local",...l,value:v,onChange:c}),f.jsx("input",{type:"checkbox",title:i?"Use UTC offset from this device":"Enable UTC offset selection",checked:i,onChange:O}),f.jsx(C,{value:N,onChange:g,disabled:!i,options:de})]})}const be=r.forwardRef(function({placeholder:t,formatOnChange:n=ee,onChange:u,value:s,...l},i){const m={inputMode:"decimal",...l,formatOnChange:n,type:"number"};return s!==void 0&&(m.value=V(s)),t!=null&&(m.placeholder=String(t)),u!=null&&(m.onChange=x=>{u({...x,value:R(x.value)})}),f.jsx(A,{...m,ref:i})});d.ActionButton=se,d.DatetimeLocalInput=ie,d.DatetimeOffsetInput=ve,d.DebouncedInput=re,d.Input=A,d.NumberInput=be,d.RadioMenu=ue,d.Select=C,d.TextArea=ne,d.TextInput=te,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mpen/react-basic-inputs",
   "private": false,
-  "version": "0.3.3",
+  "version": "0.3.4",
   "type": "module",
   "files": [
     "dist"