@memobit/libs 3.8.3 → 3.10.0

package/dist/components/InputEmail/InputEmail2.js

@@ -2,27 +2,27 @@ import './InputEmail.css';
 /* empty css           */
 import { forwardRef as F, useEffect as G, useState as N } from "react";
 import { jsx as n, jsxs as b } from "react/jsx-runtime";
-var L = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, M = (r) => !r || r.trim() === "" ? !0 : L.test(r.trim()), k = F(({ autoComplete: r = "on", autoFocus: A, disabled: I, error: $ = "Please enter a valid email address", highlighted: v, id: o, label: p, maxLength: x, onBlur: z, onChange: Z, onClick: j, onKeyDown: B, onKeyUp: C, onValidate: s, placeholder: R, readOnly: T = !1, required: a = !1, showValidation: h = !1, success: m, validateOn: i = "blur", value: l }, _) => {
-  const [f, u] = N(!0), [d, g] = N(!1), c = (e) => a && (!e || e.trim() === "") ? !1 : !e || e.trim() === "" ? !0 : M(e);
+var L = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, M = (r) => !r || r.trim() === "" ? !0 : L.test(r.trim()), P = F(({ autoComplete: r = "on", autoFocus: I, disabled: A, error: $ = "Please enter a valid email address", highlighted: v, id: o, label: p, maxLength: x, onBlur: z, onChange: Z, onClick: j, onKeyDown: y, onKeyUp: B, onValidate: a, placeholder: C, readOnly: R = !1, required: s = !1, showValidation: h = !1, success: m, validateOn: i = "blur", value: l }, T) => {
+  const [f, u] = N(!0), [d, g] = N(!1), c = (e) => s && (!e || e.trim() === "") ? !1 : !e || e.trim() === "" ? !0 : M(e);
   G(() => {
     if (l !== void 0) {
       const e = c(l);
-      u(e), s?.(e);
+      u(e), a?.(e);
     }
   }, [
     l,
-    s,
-    a
+    a,
+    s
   ]);
-  const w = (e) => {
+  const _ = (e) => {
     if (Z?.(e), i === "change" || i === "both") {
       const t = c(e);
-      u(t), g(!0), s?.(t);
+      u(t), g(!0), a?.(t);
     }
-  }, y = (e) => {
+  }, w = (e) => {
     if (g(!0), i === "blur" || i === "both") {
       const t = c(e.target.value);
-      u(t), s?.(t);
+      u(t), a?.(t);
     }
     z?.(e);
   }, E = h && d && !f;
@@ -32,29 +32,29 @@ var L = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, M = (r) => !r || r.t
       p && /* @__PURE__ */ b("label", {
         htmlFor: o,
         className: "input-email-label",
-        children: [p, a && /* @__PURE__ */ n("span", {
+        children: [p, s && /* @__PURE__ */ n("span", {
           className: "input-email-required",
           children: "*"
         })]
       }),
       /* @__PURE__ */ n("input", {
         autoComplete: r,
-        autoFocus: A,
-        disabled: I,
+        autoFocus: I,
+        disabled: A,
         type: "email",
         className: `input-email${E ? " input-email--error" : ""}${m ? " input-email-success" : f && d && h ? " input-email--valid" : ""}`,
         id: o,
         maxLength: x,
-        placeholder: R,
-        ref: _,
+        placeholder: C,
+        ref: T,
         value: l,
-        onBlur: y,
-        onChange: (e) => w(e.target.value),
+        onBlur: w,
+        onChange: (e) => _(e.target.value),
         onClick: j,
-        onKeyDown: B,
-        onKeyUp: C,
-        readOnly: T,
-        required: a
+        onKeyDown: y,
+        onKeyUp: B,
+        readOnly: R,
+        required: s
       }),
       E && /* @__PURE__ */ n("span", {
         className: "input-email-error-message",
@@ -67,7 +67,8 @@ var L = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, M = (r) => !r || r.t
     ]
   });
 });
+P.displayName = "InputEmail";
 export {
-  k as InputEmail,
+  P as InputEmail,
   M as validateEmail
 };

package/dist/components/InputFile/InputFile2.js

@@ -1,8 +1,8 @@
 import './InputFile.css';
 /* empty css          */
-import { forwardRef as N } from "react";
+import { forwardRef as g } from "react";
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-var v = N(({ accept: r, disabled: p, error: i, highlighted: t, id: a, label: s, onChange: f, onClick: m, onKeyDown: u, placeholder: c, required: h, success: l, value: o }, d) => /* @__PURE__ */ n("div", {
+var x = g(({ accept: p, disabled: r, error: i, highlighted: t, id: a, label: s, onChange: f, onClick: m, onKeyDown: u, placeholder: c, required: h, success: l, value: d }, o) => /* @__PURE__ */ n("div", {
   className: `input-file-wrapper${t ? " input-file-highlighted" : ""}`,
   children: [
     s && /* @__PURE__ */ n("label", {
@@ -14,15 +14,15 @@ var v = N(({ accept: r, disabled: p, error: i, highlighted: t, id: a, label: s,
       })]
     }),
     /* @__PURE__ */ e("input", {
-      accept: r,
-      disabled: p,
+      accept: p,
+      disabled: r,
       type: "file",
       className: `input-file${i ? " input-file-error" : ""}${l ? " input-file-success" : ""}`,
       id: a,
       placeholder: c,
-      ref: d,
-      value: o,
-      onChange: (g) => f?.(g.target.files),
+      ref: o,
+      value: d,
+      onChange: (N) => f?.(N.target.files),
       onClick: m,
       onKeyDown: u
     }),
@@ -36,6 +36,7 @@ var v = N(({ accept: r, disabled: p, error: i, highlighted: t, id: a, label: s,
     })
   ]
 }));
+x.displayName = "InputFile";
 export {
-  v as InputFile
+  x as InputFile
 };

package/dist/components/InputNumber/InputNumber2.js

@@ -2,7 +2,7 @@ import './InputNumber.css';
 /* empty css            */
 import { forwardRef as V } from "react";
 import { jsx as i, jsxs as o } from "react/jsx-runtime";
-var E = V(({ autoComplete: c = "on", autoFocus: d, disabled: b, error: a, hideNativeControls: h, highlighted: f, id: p, label: s, onChange: m, onClick: v, onKeyDown: N, required: g, success: l, value: n, min: u, max: t, placeholder: y, step: $ }, w) => {
+var j = V(({ autoComplete: d = "on", autoFocus: c, disabled: b, error: a, hideNativeControls: h, highlighted: f, id: p, label: s, onChange: m, onClick: N, onKeyDown: v, required: g, success: l, value: n, min: u, max: t, placeholder: y, step: $ }, w) => {
   const B = (e) => {
     if (e === void 0) return;
     let r = e;
@@ -20,8 +20,8 @@ var E = V(({ autoComplete: c = "on", autoFocus: d, disabled: b, error: a, hideNa
         })]
       }),
       /* @__PURE__ */ i("input", {
-        autoComplete: c,
-        autoFocus: d,
+        autoComplete: d,
+        autoFocus: c,
         disabled: b,
         className: `input-number${a ? " input-number-error" : ""}${l ? " input-number-success" : ""}${h ? " input-number-hide-native-controls" : ""}`,
         id: p,
@@ -34,9 +34,9 @@ var E = V(({ autoComplete: c = "on", autoFocus: d, disabled: b, error: a, hideNa
           }
         },
         onChange: (e) => m?.(e.target.value ? Number(e.target.value) : void 0),
-        onClick: v,
+        onClick: N,
         onKeyDown: (e) => {
-          (e.key === "e" || e.key === "E") && e.preventDefault(), N?.(e);
+          (e.key === "e" || e.key === "E") && e.preventDefault(), v?.(e);
         },
         placeholder: y,
         ref: w,
@@ -55,6 +55,7 @@ var E = V(({ autoComplete: c = "on", autoFocus: d, disabled: b, error: a, hideNa
     ]
   });
 });
+j.displayName = "InputNumber";
 export {
-  E as InputNumber
+  j as InputNumber
 };

package/dist/components/InputPassword/InputPassword2.js

@@ -2,7 +2,7 @@ import './InputPassword.css';
 /* empty css              */
 import { forwardRef as j } from "react";
 import { jsx as s, jsxs as o } from "react/jsx-runtime";
-var F = j(({ autoComplete: t = "on", autoFocus: i, disabled: d, error: a, highlighted: l, id: r, label: e, maxLength: m, onBlur: u, onChange: w, onClick: c, onKeyDown: h, onKeyUp: f, placeholder: g, readOnly: N = !1, required: n = !1, success: p, value: v }, x) => /* @__PURE__ */ o("div", {
+var y = j(({ autoComplete: t = "on", autoFocus: i, disabled: d, error: a, highlighted: l, id: r, label: e, maxLength: m, onBlur: u, onChange: w, onClick: c, onKeyDown: h, onKeyUp: N, placeholder: f, readOnly: g = !1, required: n = !1, success: p, value: v }, x) => /* @__PURE__ */ o("div", {
   className: `input-password-wrapper${l ? " input-password-highlighted" : ""}`,
   children: [
     e && /* @__PURE__ */ o("label", {
@@ -21,15 +21,15 @@ var F = j(({ autoComplete: t = "on", autoFocus: i, disabled: d, error: a, highli
       className: `input-password${a ? " input-password-error" : ""}${p ? " input-password-success" : ""}`,
       id: r,
       maxLength: m,
-      placeholder: g,
+      placeholder: f,
       ref: x,
       value: v,
       onBlur: u,
       onChange: ($) => w?.($.target.value),
       onClick: c,
       onKeyDown: h,
-      onKeyUp: f,
-      readOnly: N,
+      onKeyUp: N,
+      readOnly: g,
       required: n
     }),
     a && /* @__PURE__ */ s("span", {
@@ -42,6 +42,7 @@ var F = j(({ autoComplete: t = "on", autoFocus: i, disabled: d, error: a, highli
     })
   ]
 }));
+y.displayName = "InputPassword";
 export {
-  F as InputPassword
+  y as InputPassword
 };

package/dist/components/InputSearch/InputSearch2.js

@@ -1,22 +1,22 @@
 import './InputSearch.css';
-import { Icon as a } from "../Icon/Icon2.js";
-import { Tooltip as N } from "../Tooltip/Tooltip2.js";
-import { InputText as j } from "../InputText/InputText2.js";
+import { Icon as c } from "../Icon/Icon2.js";
+import { Tooltip as C } from "../Tooltip/Tooltip2.js";
+import { InputText as S } from "../InputText/InputText2.js";
 /* empty css            */
-import { forwardRef as w } from "react";
-import { jsx as r, jsxs as S } from "react/jsx-runtime";
-var R = w(({ autoComplete: s = "off", autoFocus: i, disabled: t, id: n, label: m, onBlur: l, onChange: o, onClick: p, onKeyDown: h, onKeyUp: f, placeholder: u = "Search...", readOnly: c = !1, required: d = !1, value: e, className: x = "" }, _) => {
-  const C = () => {
+import { forwardRef as j } from "react";
+import { jsx as r, jsxs as w } from "react/jsx-runtime";
+var T = j(({ autoComplete: s = "off", autoFocus: i, disabled: t, id: n, label: m, onBlur: l, onChange: o, onClick: p, onKeyDown: h, onKeyUp: f, placeholder: u = "Search...", readOnly: a = !1, required: d = !1, value: e, className: x = "" }, I) => {
+  const N = () => {
     o?.("");
-  }, I = e && e.length > 0 && !t && !c;
-  return /* @__PURE__ */ S("div", {
+  }, _ = e && e.length > 0 && !t && !a;
+  return /* @__PURE__ */ w("div", {
     className: `input-search ${x}`,
     children: [
       /* @__PURE__ */ r("div", {
         className: "input-search__icon",
-        children: /* @__PURE__ */ r(a, { name: "search" })
+        children: /* @__PURE__ */ r(c, { name: "search" })
       }),
-      /* @__PURE__ */ r(j, {
+      /* @__PURE__ */ r(S, {
         autoComplete: s,
         autoFocus: i,
         disabled: t,
@@ -28,18 +28,18 @@ var R = w(({ autoComplete: s = "off", autoFocus: i, disabled: t, id: n, label: m
         onKeyDown: h,
         onKeyUp: f,
         placeholder: u,
-        readOnly: c,
+        readOnly: a,
         required: d,
         value: e,
-        ref: _
+        ref: I
       }),
-      I && /* @__PURE__ */ r(N, {
+      _ && /* @__PURE__ */ r(C, {
         title: "Clear search",
         children: /* @__PURE__ */ r("button", {
           type: "button",
           className: "input-search__clear",
-          onClick: C,
-          children: /* @__PURE__ */ r(a, {
+          onClick: N,
+          children: /* @__PURE__ */ r(c, {
             name: "clear",
             size: "sm"
           })
@@ -48,6 +48,7 @@ var R = w(({ autoComplete: s = "off", autoFocus: i, disabled: t, id: n, label: m
     ]
   });
 });
+T.displayName = "InputSearch";
 export {
-  R as InputSearch
+  T as InputSearch
 };

package/dist/components/InputText/InputText2.js

@@ -2,7 +2,7 @@ import './InputText.css';
 /* empty css          */
 import { forwardRef as w } from "react";
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
-var F = w(({ autoComplete: r = "on", autoFocus: l, disabled: m, error: e, highlighted: x, id: s, label: n, maxLength: u, onBlur: c, onChange: h, onClick: o, onKeyDown: d, onKeyUp: f, placeholder: g, readOnly: N = !1, required: p = !1, success: a, value: v }, $) => /* @__PURE__ */ i("div", {
+var y = w(({ autoComplete: r = "on", autoFocus: l, disabled: m, error: e, highlighted: x, id: s, label: n, maxLength: u, onBlur: c, onChange: h, onClick: o, onKeyDown: d, onKeyUp: N, placeholder: f, readOnly: g = !1, required: p = !1, success: a, value: v }, $) => /* @__PURE__ */ i("div", {
   className: `input-text-wrapper${x ? " input-text-highlighted" : ""}`,
   children: [
     n && /* @__PURE__ */ i("label", {
@@ -21,15 +21,15 @@ var F = w(({ autoComplete: r = "on", autoFocus: l, disabled: m, error: e, highli
       className: `input-text ${e ? "input-text-error" : ""} ${a ? "input-text-success" : ""}`,
       id: s,
       maxLength: u,
-      placeholder: g,
+      placeholder: f,
       ref: $,
       value: v,
       onBlur: c,
       onChange: (j) => h?.(j.target.value),
       onClick: o,
       onKeyDown: d,
-      onKeyUp: f,
-      readOnly: N,
+      onKeyUp: N,
+      readOnly: g,
       required: p
     }),
     e && /* @__PURE__ */ t("span", {
@@ -42,6 +42,7 @@ var F = w(({ autoComplete: r = "on", autoFocus: l, disabled: m, error: e, highli
     })
   ]
 }));
+y.displayName = "InputText";
 export {
-  F as InputText
+  y as InputText
 };

package/dist/components/InputTextarea/InputTextarea2.js

@@ -1,22 +1,22 @@
 import './InputTextarea.css';
 /* empty css              */
-import { forwardRef as $ } from "react";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-var F = $(({ autoComplete: p = "on", autoFocus: i, cols: l, disabled: m, error: a, id: r, label: s, maxLength: x, onBlur: u, onChange: c, onClick: o, onKeyDown: d, onKeyUp: h, placeholder: N, required: f, rows: g, success: t, value: v }, j) => /* @__PURE__ */ n("div", {
+import { forwardRef as I } from "react";
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+var T = I(({ autoComplete: p = "on", autoFocus: i, cols: l, disabled: m, error: e, id: r, label: s, maxLength: x, onBlur: u, onChange: c, onClick: o, onKeyDown: d, onKeyUp: h, placeholder: N, required: f, rows: g, success: t, value: v }, j) => /* @__PURE__ */ n("div", {
   className: "input-textarea-wrapper",
   children: [
     s && /* @__PURE__ */ n("label", {
       htmlFor: r,
       className: "input-textarea-label",
-      children: [s, f && /* @__PURE__ */ e("span", {
+      children: [s, f && /* @__PURE__ */ a("span", {
         className: "input-textarea-required",
         children: "*"
       })]
     }),
-    /* @__PURE__ */ e("textarea", {
+    /* @__PURE__ */ a("textarea", {
       autoComplete: p,
       autoFocus: i,
-      className: `input-textarea${a ? " input-textarea-error" : ""}${t ? " input-textarea-success" : ""}`,
+      className: `input-textarea${e ? " input-textarea-error" : ""}${t ? " input-textarea-success" : ""}`,
       cols: l,
       disabled: m,
       id: r,
@@ -31,16 +31,17 @@ var F = $(({ autoComplete: p = "on", autoFocus: i, cols: l, disabled: m, error:
       rows: g,
       value: v
     }),
-    a && /* @__PURE__ */ e("span", {
+    e && /* @__PURE__ */ a("span", {
       className: "input-textarea-error-message",
-      children: a
+      children: e
     }),
-    t && /* @__PURE__ */ e("span", {
+    t && /* @__PURE__ */ a("span", {
       className: "input-textarea-success-message",
       children: t
     })
   ]
 }));
+T.displayName = "InputTextarea";
 export {
-  F as InputTextarea
+  T as InputTextarea
 };

package/dist/components/InputTime/InputTime2.js

@@ -1,85 +1,86 @@
 import './InputTime.css';
-import { Icon as S } from "../Icon/Icon2.js";
-import { Popover as T } from "../Popover/Popover2.js";
+import { Icon as R } from "../Icon/Icon2.js";
+import { Popover as S } from "../Popover/Popover2.js";
 import { TimePicker as j } from "../TimePicker/TimePicker2.js";
 /* empty css          */
 import { forwardRef as w, useRef as y, useState as E } from "react";
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-var v = (i) => i.toString().padStart(2, "0"), O = (i) => {
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+var b = (i) => i.toString().padStart(2, "0"), O = (i) => {
   const [n, t] = (i ?? "").split(":").map(Number);
   return {
     hours: Number.isFinite(n) ? n : 0,
     minutes: Number.isFinite(t) ? t : 0,
     seconds: 0
   };
-}, H = w(({ autoFocus: i, disabled: n, error: t, highlighted: N, id: o, label: c, max: k, min: g, minuteStep: C = 1, onBlur: $, onChange: p, onClick: x, onKeyDown: F, onKeyUp: I, readOnly: u = !1, required: f = !1, success: l, value: h, withClock: a = !1 }, P) => {
-  const [r, d] = E(!1), b = y(null), R = (s) => {
-    p?.(`${v(s.hours)}:${v(s.minutes)}`);
+}, q = w(({ autoFocus: i, disabled: n, error: t, highlighted: v, id: o, label: c, max: k, min: g, minuteStep: C = 1, onBlur: $, onChange: p, onClick: I, onKeyDown: T, onKeyUp: x, readOnly: u = !1, required: d = !1, success: a, value: f, withClock: l = !1 }, F) => {
+  const [m, h] = E(!1), N = y(null), P = (s) => {
+    p?.(`${b(s.hours)}:${b(s.minutes)}`);
   };
-  return /* @__PURE__ */ m("div", {
-    className: `input-time-wrapper${N ? " input-time-highlighted" : ""}`,
+  return /* @__PURE__ */ r("div", {
+    className: `input-time-wrapper${v ? " input-time-highlighted" : ""}`,
     children: [
-      c && /* @__PURE__ */ m("label", {
+      c && /* @__PURE__ */ r("label", {
         htmlFor: o,
         className: "input-time-label",
-        children: [c, f && /* @__PURE__ */ e("span", {
+        children: [c, d && /* @__PURE__ */ e("span", {
           className: "input-time-required",
           children: "*"
         })]
       }),
-      /* @__PURE__ */ m("div", {
-        ref: b,
-        className: `input-time-field${a ? " input-time-field--with-clock" : ""}`,
+      /* @__PURE__ */ r("div", {
+        ref: N,
+        className: `input-time-field${l ? " input-time-field--with-clock" : ""}`,
         children: [/* @__PURE__ */ e("input", {
           autoFocus: i,
           disabled: n,
           type: "time",
-          className: `input-time${t ? " input-time-error" : ""}${l ? " input-time-success" : ""}`,
+          className: `input-time${t ? " input-time-error" : ""}${a ? " input-time-success" : ""}`,
           id: o,
           max: k,
           min: g,
-          ref: P,
-          value: h ?? "",
+          ref: F,
+          value: f ?? "",
           onBlur: $,
           onChange: (s) => p?.(s.target.value || void 0),
-          onClick: x,
-          onKeyDown: F,
-          onKeyUp: I,
+          onClick: I,
+          onKeyDown: T,
+          onKeyUp: x,
           readOnly: u,
-          required: f
-        }), a && /* @__PURE__ */ e("button", {
-          className: `input-time-clock-button${r ? " input-time-clock-button--active" : ""}`,
+          required: d
+        }), l && /* @__PURE__ */ e("button", {
+          className: `input-time-clock-button${m ? " input-time-clock-button--active" : ""}`,
           disabled: n || u,
-          onClick: () => d(!r),
+          onClick: () => h(!m),
           title: "Pick on a clock",
           type: "button",
-          children: /* @__PURE__ */ e(S, { name: "time" })
+          children: /* @__PURE__ */ e(R, { name: "time" })
         })]
       }),
       t && /* @__PURE__ */ e("span", {
         className: "input-time-error-message",
         children: t
       }),
-      l && /* @__PURE__ */ e("span", {
+      a && /* @__PURE__ */ e("span", {
         className: "input-time-success-message",
-        children: l
+        children: a
       }),
-      a && /* @__PURE__ */ e(T, {
-        visible: r,
-        onClose: () => d(!1),
-        anchorEl: b.current,
+      l && /* @__PURE__ */ e(S, {
+        visible: m,
+        onClose: () => h(!1),
+        anchorEl: N.current,
         children: /* @__PURE__ */ e(j, {
           collapsibleClock: !1,
           label: "",
           minuteStep: C,
-          onChange: R,
-          value: O(h),
+          onChange: P,
+          value: O(f),
           withClock: !0
         })
       })
     ]
   });
 });
+q.displayName = "InputTime";
 export {
-  H as InputTime
+  q as InputTime
 };

package/dist/components/InputUrl/InputUrl2.js

@@ -1,23 +1,23 @@
 import './InputUrl.css';
 /* empty css         */
-import { forwardRef as A, useState as B } from "react";
+import { forwardRef as j, useState as A } from "react";
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
-var F = "Please enter a valid URL (e.g. https://example.com)", I = (l) => {
+var B = "Please enter a valid URL (e.g. https://example.com)", F = (l) => {
   try {
     const e = new URL(l);
     return e.protocol === "http:" || e.protocol === "https:";
   } catch {
     return !1;
   }
-}, G = A(({ autoFocus: l, disabled: e, error: f, highlighted: v, id: u, label: i, maxLength: g, onBlur: E, onChange: R, onClick: N, onKeyDown: U, onKeyUp: x, onValidationChange: o, placeholder: L = "https://...", readOnly: w = !1, required: p = !1, success: a, validationErrorMessage: y, value: S }, _) => {
-  const [c, d] = B(void 0), h = (r) => {
+}, b = j(({ autoFocus: l, disabled: e, error: f, highlighted: v, id: u, label: i, maxLength: g, onBlur: E, onChange: N, onClick: R, onKeyDown: U, onKeyUp: x, onValidationChange: p, placeholder: y = "https://...", readOnly: L = !1, required: o = !1, success: a, validationErrorMessage: w, value: I }, S) => {
+  const [c, d] = A(void 0), h = (r) => {
     if (!r)
-      return d(void 0), o?.(!0), !0;
-    const n = I(r);
-    return d(n ? void 0 : y ?? F), o?.(n), n;
+      return d(void 0), p?.(!0), !0;
+    const n = F(r);
+    return d(n ? void 0 : w ?? B), p?.(n), n;
+  }, _ = (r) => {
+    N?.(r), c && h(r);
   }, $ = (r) => {
-    R?.(r), c && h(r);
-  }, j = (r) => {
     h(r.target.value), E?.(r);
   }, s = f ?? c;
   return /* @__PURE__ */ m("div", {
@@ -26,7 +26,7 @@ var F = "Please enter a valid URL (e.g. https://example.com)", I = (l) => {
       i && /* @__PURE__ */ m("label", {
         htmlFor: u,
         className: "input-url-label",
-        children: [i, p && /* @__PURE__ */ t("span", {
+        children: [i, o && /* @__PURE__ */ t("span", {
           className: "input-url-required",
           children: "*"
         })]
@@ -38,16 +38,16 @@ var F = "Please enter a valid URL (e.g. https://example.com)", I = (l) => {
         className: `input-url${s ? " input-url-error" : ""}${a ? " input-url-success" : ""}`,
         id: u,
         maxLength: g,
-        placeholder: L,
-        ref: _,
-        value: S,
-        onBlur: j,
-        onChange: (r) => $(r.target.value),
-        onClick: N,
+        placeholder: y,
+        ref: S,
+        value: I,
+        onBlur: $,
+        onChange: (r) => _(r.target.value),
+        onClick: R,
         onKeyDown: U,
         onKeyUp: x,
-        readOnly: w,
-        required: p
+        readOnly: L,
+        required: o
       }),
       s && /* @__PURE__ */ t("span", {
         className: "input-url-error-message",
@@ -60,6 +60,7 @@ var F = "Please enter a valid URL (e.g. https://example.com)", I = (l) => {
     ]
   });
 });
+b.displayName = "InputUrl";
 export {
-  G as InputUrl
+  b as InputUrl
 };

package/dist/components/QuantitySelector/QuantitySelector2.js

@@ -1,20 +1,20 @@
 import './QuantitySelector.css';
-import { Button as h } from "../Button/Button2.js";
+import { Button as q } from "../Button/Button2.js";
 import { InputNumber as I } from "../InputNumber/InputNumber2.js";
 /* empty css                 */
 import { forwardRef as S } from "react";
 import { jsx as s, jsxs as u } from "react/jsx-runtime";
-var D = S(({ disabled: n = !1, error: l, id: d, inputWidth: f, label: y, max: t, min: r = 0, onChange: i, readOnlyInput: q = !1, required: p = !1, step: o = 1, success: a, value: c }, v) => {
+var $ = S(({ disabled: n = !1, error: c, id: d, inputWidth: f, label: y, max: t, min: r = 0, onChange: i, readOnlyInput: p = !1, required: h = !1, step: a = 1, success: o, value: l }, v) => {
   const N = f || (t !== void 0 ? Math.max(String(t).length, String(r).length, 3) : 3), m = () => {
     if (n) return;
-    const e = (c ?? 0) - o;
+    const e = (l ?? 0) - a;
     r !== void 0 && e < r || i?.(e);
   }, b = () => {
     if (n) return;
-    const e = (c ?? 0) + o;
+    const e = (l ?? 0) + a;
     t !== void 0 && e > t || i?.(e);
   }, g = (e) => {
-    if (!q) {
+    if (!p) {
       if (e === void 0) {
         i?.(void 0);
         return;
@@ -36,18 +36,18 @@ var D = S(({ disabled: n = !1, error: l, id: d, inputWidth: f, label: y, max: t,
       y && /* @__PURE__ */ u("label", {
         htmlFor: d,
         className: "quantity-selector-label",
-        children: [y, p && /* @__PURE__ */ s("span", {
+        children: [y, h && /* @__PURE__ */ s("span", {
           className: "quantity-selector-required",
           children: "*"
         })]
       }),
       /* @__PURE__ */ u("div", {
-        className: `quantity-selector${q ? " quantity-selector-readonly" : ""}${l ? " quantity-selector-error" : ""}${a ? " quantity-selector-success" : ""}`,
+        className: `quantity-selector${p ? " quantity-selector-readonly" : ""}${c ? " quantity-selector-error" : ""}${o ? " quantity-selector-success" : ""}`,
         style: { "--digits": N },
         children: [
-          /* @__PURE__ */ s(h, {
+          /* @__PURE__ */ s(q, {
             className: "quantity-selector-button quantity-selector-button-decrease",
-            disabled: n || r !== void 0 && (c ?? 0) <= r,
+            disabled: n || r !== void 0 && (l ?? 0) <= r,
             onClick: m,
             size: "small",
             variant: "default",
@@ -63,13 +63,13 @@ var D = S(({ disabled: n = !1, error: l, id: d, inputWidth: f, label: y, max: t,
               min: r,
               onChange: g,
               ref: v,
-              step: o,
-              value: c
+              step: a,
+              value: l
             })
           }),
-          /* @__PURE__ */ s(h, {
+          /* @__PURE__ */ s(q, {
             className: "quantity-selector-button quantity-selector-button-increase",
-            disabled: n || t !== void 0 && (c ?? 0) >= t,
+            disabled: n || t !== void 0 && (l ?? 0) >= t,
             onClick: b,
             size: "small",
             variant: "default",
@@ -78,17 +78,18 @@ var D = S(({ disabled: n = !1, error: l, id: d, inputWidth: f, label: y, max: t,
           })
         ]
       }),
-      l && /* @__PURE__ */ s("span", {
+      c && /* @__PURE__ */ s("span", {
         className: "quantity-selector-error-message",
-        children: l
+        children: c
       }),
-      a && /* @__PURE__ */ s("span", {
+      o && /* @__PURE__ */ s("span", {
         className: "quantity-selector-success-message",
-        children: a
+        children: o
       })
     ]
   });
 });
+$.displayName = "QuantitySelector";
 export {
-  D as QuantitySelector
+  $ as QuantitySelector
 };