ics-ui-kit 0.1.0-alpha.12 → 0.1.0-alpha.13

package/dist/components/input.js

@@ -1,33 +1,33 @@
 var ct = Object.defineProperty, ut = Object.defineProperties;
-var lt = Object.getOwnPropertyDescriptors;
-var F = Object.getOwnPropertySymbols;
-var X = Object.prototype.hasOwnProperty, q = Object.prototype.propertyIsEnumerable;
-var H = (t, e, n) => e in t ? ct(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, y = (t, e) => {
+var pt = Object.getOwnPropertyDescriptors;
+var E = Object.getOwnPropertySymbols;
+var P = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
+var q = (t, e, n) => e in t ? ct(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, f = (t, e) => {
   for (var n in e || (e = {}))
-    X.call(e, n) && H(t, n, e[n]);
-  if (F)
-    for (var n of F(e))
-      q.call(e, n) && H(t, n, e[n]);
+    P.call(e, n) && q(t, n, e[n]);
+  if (E)
+    for (var n of E(e))
+      U.call(e, n) && q(t, n, e[n]);
   return t;
-}, W = (t, e) => ut(t, lt(e));
-var m = (t, e) => {
+}, W = (t, e) => ut(t, pt(e));
+var y = (t, e) => {
   var n = {};
   for (var o in t)
-    X.call(t, o) && e.indexOf(o) < 0 && (n[o] = t[o]);
-  if (t != null && F)
-    for (var o of F(t))
-      e.indexOf(o) < 0 && q.call(t, o) && (n[o] = t[o]);
+    P.call(t, o) && e.indexOf(o) < 0 && (n[o] = t[o]);
+  if (t != null && E)
+    for (var o of E(t))
+      e.indexOf(o) < 0 && U.call(t, o) && (n[o] = t[o]);
   return n;
 };
-import { jsx as a, jsxs as z } from "react/jsx-runtime";
-import I, { useRef as A, useState as T, useEffect as M, useCallback as b, useMemo as O } from "react";
-import { u as E, a as J, i as pt, b as dt } from "../inputBaseStyles-COdOJhF5.js";
+import { jsx as a, jsxs as F } from "react/jsx-runtime";
+import I, { useRef as z, useState as T, useEffect as A, useCallback as m, useMemo as J } from "react";
+import { u as B, a as K, i as lt, b as dt } from "../inputBaseStyles-COdOJhF5.js";
 import { c as x } from "../index-CR-odn5-.js";
-import { I as V } from "../IconButton-BUPs2kEo.js";
-import { c as L } from "../createLucideIcon-DgrNxRV5.js";
-import { C as K } from "../check-C-TqZgvb.js";
-import { t as ht } from "../bundle-mjs-D6wdQkGI.js";
-import { B as ft } from "../Button-DhfE69q0.js";
+import { I as M } from "../IconButton-BkBsOIf5.js";
+import { c as V } from "../createLucideIcon-DgrNxRV5.js";
+import { C as Q } from "../check-C-TqZgvb.js";
+import { t as ht } from "../bundle-mjs-LhQum_e3.js";
+import { d as ft } from "../downloadFile-yZV-aaO2.js";
 import { D as yt } from "../download-CVOGyQ0e.js";
 /**
  * @license lucide-react v0.460.0 - ISC
@@ -35,7 +35,7 @@ import { D as yt } from "../download-CVOGyQ0e.js";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const j = L("CircleX", [
+const D = V("CircleX", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
@@ -46,7 +46,7 @@ const j = L("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const P = L("Copy", [
+const Y = V("Copy", [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ]);
@@ -56,7 +56,7 @@ const P = L("Copy", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const mt = L("EyeOff", [
+const mt = V("EyeOff", [
   [
     "path",
     {
@@ -80,7 +80,7 @@ const mt = L("EyeOff", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const bt = L("Eye", [
+const bt = V("Eye", [
   [
     "path",
     {
@@ -90,15 +90,15 @@ const bt = L("Eye", [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ]), gt = x({
-  extend: pt,
+  extend: lt,
   base: "h-10 lg:h-9"
-}), Q = I.forwardRef(
+}), Z = I.forwardRef(
   (r, s) => {
-    var c = r, { type: t = "text", className: e, error: n } = c, o = m(c, ["type", "className", "error"]);
-    const i = A(null), u = E(i, s);
-    return J(i, n), /* @__PURE__ */ a(
+    var c = r, { type: t = "text", className: e, error: n } = c, o = y(c, ["type", "className", "error"]);
+    const i = z(null), u = B(i, s);
+    return K(i, n), /* @__PURE__ */ a(
       "input",
-      y({
+      f({
         type: t,
         className: gt({ className: e }),
         ref: u,
@@ -107,7 +107,7 @@ const bt = L("Eye", [
     );
   }
 );
-Q.displayName = "Input";
+Z.displayName = "Input";
 const wt = x({
   extend: dt,
   base: [
@@ -135,24 +135,24 @@ const wt = x({
     "has-[input[aria-invalid=true]]:has-[input:focus]:border-status-error-secondary-border",
     "has-[input[aria-invalid=true]]:has-[input:focus]:shadow-focus-error"
   ]
-}), D = I.forwardRef((s, o) => {
-  var r = s, { className: t, children: e } = r, n = m(r, ["className", "children"]);
+}), j = I.forwardRef((s, o) => {
+  var r = s, { className: t, children: e } = r, n = y(r, ["className", "children"]);
   const c = wt({ className: t });
-  return /* @__PURE__ */ a("div", W(y({ ref: o, className: c }, n), { children: e }));
+  return /* @__PURE__ */ a("div", W(f({ ref: o, className: c }, n), { children: e }));
 });
-D.displayName = "InputGroup";
+j.displayName = "InputGroup";
 const vt = x({
   base: [
     "min-w-5 flex-1 bg-transparent px-3 py-2.5 lg:py-2",
     "outline-none placeholder:text-muted focus:outline-none"
   ]
-}), Y = I.forwardRef(
+}), $ = I.forwardRef(
   (s, o) => {
-    var r = s, { className: t, error: e } = r, n = m(r, ["className", "error"]);
-    const c = vt({ className: t }), i = A(null), u = E(i, o);
-    return J(i, e), /* @__PURE__ */ a(
+    var r = s, { className: t, error: e } = r, n = y(r, ["className", "error"]);
+    const c = vt({ className: t }), i = z(null), u = B(i, o);
+    return K(i, e), /* @__PURE__ */ a(
       "input",
-      y({
+      f({
         ref: u,
         className: c,
         "aria-invalid": !!e,
@@ -161,28 +161,28 @@ const vt = x({
     );
   }
 );
-Y.displayName = "InputGroup.Input";
+$.displayName = "InputGroup.Input";
 const xt = x({
   base: [
     "flex h-full items-center border-l border-secondary-border px-3 text-secondary-fg first:border-l-0",
     // Правая граница, если следующий элемент НЕ InputGroupText
     "[&[data-input-group-element='text']:has(+_:not([data-input-group-element='text']))]:border-r"
   ]
-}), Z = I.forwardRef((o, n) => {
-  var s = o, { className: t } = s, e = m(s, ["className"]);
+}), L = I.forwardRef((o, n) => {
+  var s = o, { className: t } = s, e = y(s, ["className"]);
   const r = xt({ className: t });
-  return /* @__PURE__ */ a("div", y({ ref: n, className: r, "data-input-group-element": "text" }, e));
+  return /* @__PURE__ */ a("div", f({ ref: n, className: r, "data-input-group-element": "text" }, e));
 });
-Z.displayName = "InputGroup.Text";
-const Ct = x({
+L.displayName = "InputGroup.Text";
+const It = x({
   base: ["aspect-auto h-full px-1.5 py-2.5 first:pl-2.5 last:pr-2.5 lg:py-2"]
-}), B = I.forwardRef(
+}), k = I.forwardRef(
   (s, o) => {
-    var r = s, { icon: t, className: e } = r, n = m(r, ["icon", "className"]);
-    const c = Ct({ className: e });
+    var r = s, { icon: t, className: e } = r, n = y(r, ["icon", "className"]);
+    const c = It({ className: e });
     return /* @__PURE__ */ a(
-      V,
-      y({
+      M,
+      f({
         ref: o,
         icon: t,
         className: c,
@@ -193,21 +193,21 @@ const Ct = x({
     );
   }
 );
-B.displayName = "InputGroup.Button";
-function It(t, e, n) {
+k.displayName = "InputGroup.Button";
+function Ct(t, e, n) {
   const [o, s] = T(
     typeof e == "string" ? e : String(e != null ? e : "")
-  ), r = A(null);
-  M(() => {
+  ), r = z(null);
+  A(() => {
     if (t !== void 0) return;
     const u = r.current;
     if (!u) return;
-    const f = () => {
+    const d = () => {
       s(u.value);
     };
-    return u.addEventListener("input", f), () => u.removeEventListener("input", f);
+    return u.addEventListener("input", d), () => u.removeEventListener("input", d);
   }, [t, r]);
-  const c = b(() => t !== void 0 ? String(t) : o, [t, o]), i = b(
+  const c = m(() => t !== void 0 ? String(t) : o, [t, o]), i = m(
     (u) => {
       n == null || n(u.target.value);
     },
@@ -222,14 +222,14 @@ function It(t, e, n) {
 }
 function Nt() {
   const [t, e] = T(!1);
-  M(() => {
+  A(() => {
     if (!t) return;
     const o = setTimeout(() => {
       e(!1);
     }, 2e3);
     return () => clearTimeout(o);
   }, [t]);
-  const n = b((o) => {
+  const n = m((o) => {
     o && (navigator.clipboard.writeText(o), e(!0));
   }, []);
   return {
@@ -237,7 +237,7 @@ function Nt() {
     handleCopy: n
   };
 }
-function $({
+function O({
   value: t,
   defaultValue: e,
   onChange: n,
@@ -246,44 +246,44 @@ function $({
   showClearIcon: r = !1,
   showCopyIcon: c = !1
 }) {
-  const i = It(t, e, n), u = Nt(), f = O(() => !o && !s, [o, s]), N = b(() => {
+  const i = Ct(t, e, n), u = Nt(), d = J(() => !o && !s, [o, s]), C = m(() => {
     t !== void 0 ? n == null || n("") : i.inputRef.current && (i.inputRef.current.value = "", i.inputRef.current.dispatchEvent(new Event("input", { bubbles: !0 })));
-  }, [n, t, i.inputRef]), S = b(() => {
+  }, [n, t, i.inputRef]), N = m(() => {
     u.handleCopy(String(i.currentValue));
-  }, [u.handleCopy, i.currentValue]), G = r && f && i.currentValue, g = c && i.currentValue;
+  }, [u.handleCopy, i.currentValue]), G = r && d && i.currentValue, b = c && i.currentValue;
   return {
     // Значения и состояние
     currentValue: i.currentValue,
     inputRef: i.inputRef,
-    isEditable: f,
+    isEditable: d,
     // Обработчики
     handleChange: i.handleChange,
-    handleClear: N,
-    handleCopy: S,
+    handleClear: C,
+    handleCopy: N,
     // Состояние копирования
     hasCopied: u.hasCopied,
     // Флаги видимости кнопок
     shouldShowClearIcon: G,
-    shouldShowCopyIcon: g
+    shouldShowCopyIcon: b
   };
 }
-const tt = ({ onClear: t, className: e }) => /* @__PURE__ */ a(V, { icon: j, variant: "text", size: "md", onClick: t, className: e });
+const tt = ({ onClear: t, className: e }) => /* @__PURE__ */ a(M, { icon: D, variant: "text", size: "md", onClick: t, className: e });
 tt.displayName = "ClearButton";
 const St = ({ value: t, className: e }) => {
   const [n, o] = T(!1);
-  M(() => {
+  A(() => {
     const r = setTimeout(() => {
       o(!1);
     }, 2e3);
     return () => clearTimeout(r);
   }, [n]);
-  const s = b(() => {
+  const s = m(() => {
     t && navigator.clipboard.writeText(String(t)), o(!0);
   }, [t]);
   return /* @__PURE__ */ a(
-    V,
+    M,
     {
-      icon: n ? K : P,
+      icon: n ? Q : Y,
       className: e,
       variant: "text",
       size: "md",
@@ -309,8 +309,8 @@ const St = ({ value: t, className: e }) => {
     }
   }
 }), et = I.forwardRef(
-  (G, S) => {
-    var g = G, {
+  (G, N) => {
+    var b = G, {
       startIcon: t,
       showClearIcon: e,
       showCopyIcon: n,
@@ -320,8 +320,8 @@ const St = ({ value: t, className: e }) => {
       defaultValue: c,
       onChange: i,
       readOnly: u,
-      disabled: f
-    } = g, N = m(g, [
+      disabled: d
+    } = b, C = y(b, [
       "startIcon",
       "showClearIcon",
       "showCopyIcon",
@@ -333,36 +333,36 @@ const St = ({ value: t, className: e }) => {
       "readOnly",
       "disabled"
     ]);
-    const l = $({
+    const p = O({
       value: r,
       defaultValue: c,
       onChange: i,
       readOnly: u,
-      disabled: f,
+      disabled: d,
       showClearIcon: e,
       showCopyIcon: n
-    }), d = E(S, l.inputRef), k = !!t, R = O(() => {
-      const v = [l.shouldShowClearIcon, l.shouldShowCopyIcon, o].filter(Boolean);
-      return v.length === 0 ? void 0 : v.length;
-    }, [l.shouldShowClearIcon, l.shouldShowCopyIcon, o]), w = Rt({ hasStartIcon: k, endIconsCount: R });
-    return /* @__PURE__ */ z("div", { className: w.base(), children: [
-      t && /* @__PURE__ */ a("span", { className: ht(w.startIconWrapper(), w.icon()), children: t }),
+    }), l = B(N, p.inputRef), R = !!t, S = J(() => {
+      const w = [p.shouldShowClearIcon, p.shouldShowCopyIcon, o].filter(Boolean);
+      return w.length === 0 ? void 0 : w.length;
+    }, [p.shouldShowClearIcon, p.shouldShowCopyIcon, o]), g = Rt({ hasStartIcon: R, endIconsCount: S });
+    return /* @__PURE__ */ F("div", { className: g.base(), children: [
+      t && /* @__PURE__ */ a("span", { className: ht(g.startIconWrapper(), g.icon()), children: t }),
       /* @__PURE__ */ a(
-        Q,
-        y({
-          ref: d,
+        Z,
+        f({
+          ref: l,
           value: r,
           defaultValue: c,
-          className: w.input({ className: s }),
-          onChange: l.handleChange,
+          className: g.input({ className: s }),
+          onChange: p.handleChange,
           readOnly: u,
-          disabled: f
-        }, N)
+          disabled: d
+        }, C)
       ),
-      R && /* @__PURE__ */ z("div", { className: w.endIconsWrapper(), children: [
-        l.shouldShowClearIcon && /* @__PURE__ */ a(tt, { onClear: l.handleClear, className: w.endAction() }),
-        l.shouldShowCopyIcon && /* @__PURE__ */ a(St, { value: String(l.currentValue), className: w.endAction() }),
-        o && /* @__PURE__ */ a("div", { className: w.icon(), children: o })
+      S && /* @__PURE__ */ F("div", { className: g.endIconsWrapper(), children: [
+        p.shouldShowClearIcon && /* @__PURE__ */ a(tt, { onClear: p.handleClear, className: g.endAction() }),
+        p.shouldShowCopyIcon && /* @__PURE__ */ a(St, { value: String(p.currentValue), className: g.endAction() }),
+        o && /* @__PURE__ */ a("div", { className: g.icon(), children: o })
       ] })
     ] });
   }
@@ -373,9 +373,9 @@ const kt = x({
   slots: {
     action: "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100"
   }
-}), Bt = I.forwardRef(
-  (G, S) => {
-    var g = G, {
+}), Tt = I.forwardRef(
+  (G, N) => {
+    var b = G, {
       startContent: t = "https://",
       showClearIcon: e = !0,
       showCopyIcon: n = !0,
@@ -385,8 +385,8 @@ const kt = x({
       readOnly: c,
       disabled: i,
       error: u,
-      className: f
-    } = g, N = m(g, [
+      className: d
+    } = b, C = y(b, [
       "startContent",
       "showClearIcon",
       "showCopyIcon",
@@ -398,7 +398,7 @@ const kt = x({
       "error",
       "className"
     ]);
-    const l = kt(), d = $({
+    const p = kt(), l = O({
       value: o,
       defaultValue: s,
       onChange: r,
@@ -406,54 +406,53 @@ const kt = x({
       disabled: i,
       showClearIcon: e,
       showCopyIcon: n
-    }), k = E(S, d.inputRef);
-    return /* @__PURE__ */ z(D, { className: l.base({ className: f }), children: [
-      t != null && /* @__PURE__ */ a(Z, { children: t }),
+    }), R = B(N, l.inputRef);
+    return /* @__PURE__ */ F(j, { className: p.base({ className: d }), children: [
+      t != null && /* @__PURE__ */ a(L, { children: t }),
       /* @__PURE__ */ a(
-        Y,
-        y({
-          ref: k,
+        $,
+        f({
+          ref: R,
           value: o,
           defaultValue: s,
-          onChange: d.handleChange,
+          onChange: l.handleChange,
           readOnly: c,
           disabled: i,
           error: u
-        }, N)
+        }, C)
       ),
-      d.shouldShowClearIcon && /* @__PURE__ */ a(
-        B,
+      l.shouldShowClearIcon && /* @__PURE__ */ a(
+        k,
         {
-          icon: j,
-          onClick: d.handleClear,
+          icon: D,
+          onClick: l.handleClear,
           type: "button",
-          className: l.action()
+          className: p.action()
         }
       ),
-      d.shouldShowCopyIcon && /* @__PURE__ */ a(
-        B,
+      l.shouldShowCopyIcon && /* @__PURE__ */ a(
+        k,
         {
-          icon: d.hasCopied ? K : P,
-          onClick: d.handleCopy,
+          icon: l.hasCopied ? Q : Y,
+          onClick: l.handleCopy,
           type: "button",
-          className: l.action()
+          className: p.action()
         }
       )
     ] });
   }
 );
-Bt.displayName = "WebInput";
-const Tt = x({
-  base: "group",
+Tt.displayName = "WebInput";
+const Bt = x({
+  base: "group cursor-pointer",
   slots: {
-    fileButton: "h-full rounded-r-none border-0 border-r",
     action: "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100",
     fileDisplay: "min-w-0 flex-1 truncate bg-transparent px-3 py-2.5 italic text-primary-fg lg:py-2",
     placeholder: "text-muted"
   }
-}), Et = I.forwardRef(
-  (G, S) => {
-    var g = G, {
+}), Gt = I.forwardRef(
+  (G, N) => {
+    var b = G, {
       value: t,
       defaultValue: e,
       showClearIcon: n = !0,
@@ -463,8 +462,8 @@ const Tt = x({
       className: c,
       placeholder: i = "File not selected",
       chooseButtonText: u = "Choose file",
-      accept: f
-    } = g, N = m(g, [
+      accept: d
+    } = b, C = y(b, [
       "value",
       "defaultValue",
       "showClearIcon",
@@ -476,95 +475,77 @@ const Tt = x({
       "chooseButtonText",
       "accept"
     ]);
-    const l = Tt(), d = A(null), [k, R] = T(e || null), w = E(S, d), v = t !== void 0, h = v ? t : k;
-    M(() => {
-      !v && e !== void 0 && R(e);
-    }, [e, v]);
-    const nt = b(
-      (p) => {
-        var _;
-        const C = ((_ = p.target.files) == null ? void 0 : _[0]) || null;
-        v || R(C), o == null || o(C);
+    const p = Bt(), l = z(null), [R, S] = T(e || null), g = B(N, l), w = t !== void 0, v = w ? t : R;
+    A(() => {
+      !w && e !== void 0 && S(e);
+    }, [e, w]);
+    const nt = m(
+      (h) => {
+        var X;
+        const H = ((X = h.target.files) == null ? void 0 : X[0]) || null;
+        w || S(H), o == null || o(H);
       },
-      [o, v]
-    ), ot = b(() => {
-      d.current && (d.current.value = ""), v || R(null), o == null || o(null);
-    }, [o, v]), rt = b(() => {
-      var p;
-      (p = d.current) == null || p.click();
-    }, []), st = b(() => {
-      if (h) {
-        if (h instanceof File) {
-          const p = URL.createObjectURL(h), C = document.createElement("a");
-          C.href = p, C.download = h.name, document.body.appendChild(C), C.click(), document.body.removeChild(C), URL.revokeObjectURL(p);
-        } else if (h.url) {
-          const p = document.createElement("a");
-          p.href = h.url, p.download = h.name, p.target = "_blank", document.body.appendChild(p), p.click(), document.body.removeChild(p);
-        }
-      }
-    }, [h]), at = n && h && !s, it = h && (h instanceof File || !(h instanceof File) && h.url), U = ((p) => p ? (p instanceof File, p.name) : null)(h);
-    return /* @__PURE__ */ z(D, { className: l.base({ className: c }), children: [
-      /* @__PURE__ */ a(
-        ft,
-        {
-          variant: "outline",
-          size: "md",
-          onClick: rt,
-          disabled: s,
-          type: "button",
-          className: l.fileButton(),
-          children: u
-        }
-      ),
-      /* @__PURE__ */ a("div", { className: l.fileDisplay(), children: U ? /* @__PURE__ */ a("span", { children: U }) : /* @__PURE__ */ a("span", { className: l.placeholder(), children: i }) }),
-      at && /* @__PURE__ */ a(B, { icon: j, onClick: ot, type: "button", className: l.action() }),
+      [o, w]
+    ), ot = m(
+      (h) => {
+        h.stopPropagation(), l.current && (l.current.value = ""), w || S(null), o == null || o(null);
+      },
+      [o, w]
+    ), rt = m(() => {
+      var h;
+      v || (h = l.current) == null || h.click();
+    }, [v]), st = m(() => ft(v), [v]), at = n && v && !s, it = v && (v instanceof File || !(v instanceof File) && v.url), _ = ((h) => h ? (h instanceof File, h.name) : null)(v);
+    return /* @__PURE__ */ F(j, { className: p.base({ className: c }), onClick: rt, children: [
+      /* @__PURE__ */ a(L, { children: u }),
+      /* @__PURE__ */ a("div", { className: p.fileDisplay(), children: _ ? /* @__PURE__ */ a("span", { children: _ }) : /* @__PURE__ */ a("span", { className: p.placeholder(), children: i }) }),
+      at && /* @__PURE__ */ a(k, { icon: D, onClick: ot, type: "button", className: p.action() }),
       it && /* @__PURE__ */ a(
-        B,
+        k,
         {
           icon: yt,
           onClick: st,
           type: "button",
-          className: l.action()
+          className: p.action()
         }
       ),
       /* @__PURE__ */ a(
         "input",
-        y({
-          ref: w,
+        f({
+          ref: g,
           type: "file",
           onChange: nt,
           disabled: s,
-          accept: f,
+          accept: d,
           className: "sr-only",
           "aria-invalid": !!r
-        }, N)
+        }, C)
       )
     ] });
   }
 );
-Et.displayName = "FileInput";
-const Gt = x({
+Gt.displayName = "FileInput";
+const Et = x({
   base: "aspect-auto px-1.5"
 }), Ft = (o) => {
-  var s = o, { icon: t, className: e } = s, n = m(s, ["icon", "className"]);
-  const r = Gt({ className: e });
-  return /* @__PURE__ */ a(V, y({ icon: t, className: r, variant: "text", size: "md" }, n));
-}, zt = ({ type: t, onClick: e }) => /* @__PURE__ */ a(Ft, { icon: t === "password" ? bt : mt, onClick: e }), Ot = (e) => {
-  var t = m(e, []);
-  const [n, o] = T("password"), s = b(() => {
+  var s = o, { icon: t, className: e } = s, n = y(s, ["icon", "className"]);
+  const r = Et({ className: e });
+  return /* @__PURE__ */ a(M, f({ icon: t, className: r, variant: "text", size: "md" }, n));
+}, zt = ({ type: t, onClick: e }) => /* @__PURE__ */ a(Ft, { icon: t === "password" ? bt : mt, onClick: e }), Ut = (e) => {
+  var t = y(e, []);
+  const [n, o] = T("password"), s = m(() => {
     o((c) => c === "password" ? "text" : "password");
   }, []), r = /* @__PURE__ */ a(zt, { type: n, onClick: s });
-  return /* @__PURE__ */ a(et, W(y({}, t), { type: n, endIcon: r }));
+  return /* @__PURE__ */ a(et, W(f({}, t), { type: n, endIcon: r }));
 };
 export {
-  Et as FileInput,
-  Q as Input,
-  D as InputGroup,
-  B as InputGroupButton,
-  Y as InputGroupInput,
-  Z as InputGroupText,
-  Ot as SecretInput,
+  Gt as FileInput,
+  Z as Input,
+  j as InputGroup,
+  k as InputGroupButton,
+  $ as InputGroupInput,
+  L as InputGroupText,
+  Ut as SecretInput,
   et as TextInput,
-  Bt as WebInput
+  Tt as WebInput
 };
 //# sourceMappingURL=input.js.map