ics-ui-kit 0.1.0-alpha.9 → 0.1.0

package/dist/components/input.js

@@ -1,59 +1,23 @@
-var K = Object.defineProperty, O = Object.defineProperties;
-var P = Object.getOwnPropertyDescriptors;
-var f = Object.getOwnPropertySymbols;
-var R = Object.prototype.hasOwnProperty, T = Object.prototype.propertyIsEnumerable;
-var M = (e, r, t) => r in e ? K(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, y = (e, r) => {
-  for (var t in r || (r = {}))
-    R.call(r, t) && M(e, t, r[t]);
-  if (f)
-    for (var t of f(r))
-      T.call(r, t) && M(e, t, r[t]);
-  return e;
-}, z = (e, r) => O(e, P(r));
-var b = (e, r) => {
-  var t = {};
-  for (var o in e)
-    R.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
-  if (e != null && f)
-    for (var o of f(e))
-      r.indexOf(o) < 0 && T.call(e, o) && (t[o] = e[o]);
-  return t;
-};
-import { jsx as n, jsxs as j } from "react/jsx-runtime";
-import w, { useCallback as p, useState as k, useEffect as W, useMemo as V } from "react";
-import { c as I } from "../index-CR-odn5-.js";
-import { I as C } from "../IconButton-CTxOql_1.js";
-import { c as m } from "../createLucideIcon-DgrNxRV5.js";
-import { C as Q } from "../check-C-TqZgvb.js";
-import { t as Y } from "../bundle-mjs-D6wdQkGI.js";
+import { jsx as o, jsxs as N } from "react/jsx-runtime";
+import k, { useRef as j, useState as G, useEffect as q, useCallback as b } from "react";
+import { u as R } from "../useMergeRefs-qoKniYqT.js";
+import { u as H, a as J } from "../inputBaseStyles-DbzD_jvq.js";
+import { T as S } from "../index-BVqs-uqP.js";
+import { a as F, c as L, b as M, d as f } from "../InputGroup-BvD9Igmt.js";
+import { I as we } from "../InputGroup-BvD9Igmt.js";
+import { u as v, C as U } from "../TextInput-Cj50ImXi.js";
+import { T as be } from "../TextInput-Cj50ImXi.js";
+import { C as E } from "../circle-x-u75Rx3Tj.js";
+import { C as A } from "../check-CeyaOoZv.js";
+import { D as K } from "../download-BHsj218e.js";
+import { c as W } from "../createLucideIcon-DwBrHnj9.js";
 /**
  * @license lucide-react v0.460.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Z = m("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" }]
-]);
-/**
- * @license lucide-react v0.460.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const $ = m("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" }]
-]);
-/**
- * @license lucide-react v0.460.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ee = m("EyeOff", [
+const Q = W("EyeOff", [
   [
     "path",
     {
@@ -77,7 +41,7 @@ const ee = m("EyeOff", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const re = m("Eye", [
+const Y = W("Eye", [
   [
     "path",
     {
@@ -86,165 +50,222 @@ const re = m("Eye", [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-]), te = I({
-  base: [
-    "h-10 w-full rounded-lg border border-secondary-border bg-secondary-bg px-3 py-2.5 shadow-sm outline-none transition-all lg:h-9 lg:py-2",
-    "font-sans text-sm text-primary-fg placeholder:text-muted",
-    "hover:border-primary-border hover:shadow-base",
-    "focus:rounded-lg focus:border focus:border-secondary-border focus:bg-secondary-bg focus:shadow-focus",
-    "read-only:border-primary-border read-only:bg-secondary-bg-hover read-only:shadow-sm",
-    "read-only:hover:bg-secondary-bg-hover",
-    "read-only:focus:bg-secondary-bg-hover",
-    "disabled:border-primary-border disabled:bg-secondary-bg-hover disabled:shadow-sm",
-    "invalid:border-status-error-secondary-border invalid:shadow-base invalid:hover:border-status-error-primary-border",
-    "invalid:hover:shadow-base invalid:focus:border-status-error-secondary-border invalid:focus:shadow-focus-error",
-    "aria-[invalid=true]:border-status-error-secondary-border aria-[invalid=true]:shadow-base aria-[invalid=true]:hover:border-status-error-primary-border",
-    "aria-[invalid=true]:hover:shadow-base aria-[invalid=true]:focus:border-status-error-secondary-border aria-[invalid=true]:focus:shadow-focus-error"
-  ]
-}), A = w.forwardRef((a, o) => {
-  var s = a, { type: e = "text", className: r } = s, t = b(s, ["type", "className"]);
-  return /* @__PURE__ */ n("input", y({ type: e, className: te({ className: r }), ref: o }, t));
-});
-A.displayName = "Input";
-function oe(e, r) {
-  typeof e == "function" ? e(r) : e !== null && "current" in e && (e.current = r);
-}
-function se(...e) {
-  return p(
-    (r) => {
-      e.forEach((t) => {
-        oe(t, r);
-      });
-    },
-    [...e]
-  );
-}
-const L = ({ onClear: e, className: r }) => /* @__PURE__ */ n(C, { icon: Z, variant: "text", size: "md", onClick: e, className: r });
-L.displayName = "ClearButton";
-const ne = ({ value: e, className: r }) => {
-  const [t, o] = k(!1);
-  W(() => {
-    const s = setTimeout(() => {
-      o(!1);
-    }, 2e3);
-    return () => clearTimeout(s);
-  }, [t]);
-  const a = p(() => {
-    e && navigator.clipboard.writeText(String(e)), o(!0);
-  }, [e]);
-  return /* @__PURE__ */ n(
-    C,
-    {
-      icon: t ? Q : $,
-      className: r,
-      variant: "text",
-      size: "md",
-      onClick: a
-    }
-  );
-}, ae = I({
-  base: "group relative inline-flex w-full items-center",
+]), Z = S({
+  extend: J,
+  base: "h-10 lg:h-9"
+}), $ = k.forwardRef(
+  ({ type: t = "text", className: e, error: n, ...s }, l) => {
+    const p = j(null), u = R(p, l);
+    return H(p, n), /* @__PURE__ */ o(
+      "input",
+      {
+        type: t,
+        className: Z({ className: e }),
+        ref: u,
+        "aria-invalid": !!n,
+        ...s
+      }
+    );
+  }
+);
+$.displayName = "Input";
+const V = S({
+  base: "group",
   slots: {
-    startIconWrapper: "pointer-events-none absolute left-3 flex items-center text-muted",
-    icon: "text-muted",
-    input: "",
-    endIconsWrapper: "absolute right-0 flex aspect-auto items-center px-1",
-    endAction: "aspect-auto px-1.5 opacity-0 group-focus-within:opacity-100 group-hover:opacity-100",
-    fade: "pointer-events-none absolute bottom-1 right-3 top-1 w-[15%] bg-gradient-to-r from-transparent to-secondary-bg"
-  },
-  variants: {
-    hasStartIcon: { true: { input: "pl-9" } },
-    endIconsCount: {
-      1: { input: "pr-8", fade: "right-8" },
-      2: { input: "pr-14", fade: "right-14" },
-      3: { input: "pr-20", fade: "right-20" }
-    }
+    action: "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100"
   }
-}), X = w.forwardRef(
-  (ue, q) => {
-    var N = ue, {
-      startIcon: e,
-      showClearIcon: r,
-      showCopyIcon: t,
-      endIcon: o,
-      className: a,
+}), ee = k.forwardRef(
+  ({
+    startContent: t = "https://",
+    showClearIcon: e = !0,
+    showCopyIcon: n = !0,
+    value: s,
+    defaultValue: l,
+    onChange: p,
+    readOnly: u,
+    disabled: h,
+    error: C,
+    className: I,
+    ...w
+  }, y) => {
+    const r = V(), c = v({
       value: s,
-      defaultValue: u,
-      onChange: c,
-      readOnly: h,
-      disabled: v
-    } = N, _ = b(N, [
-      "startIcon",
-      "showClearIcon",
-      "showCopyIcon",
-      "endIcon",
-      "className",
-      "value",
-      "defaultValue",
-      "onChange",
-      "readOnly",
-      "disabled"
-    ]);
-    const [E, H] = k(u != null ? u : ""), l = w.useRef(null), U = se(q, l);
-    W(() => {
-      if (s !== void 0) return;
-      const i = l.current;
-      if (!i) return;
-      const B = () => {
-        H(i.value);
-      };
-      return i.addEventListener("input", B), () => i.removeEventListener("input", B);
-    }, [s, l]);
-    const D = V(() => !h && !v, [h, v]), F = !!e, g = r && D, S = V(() => {
-      const i = [g, t, o].filter(Boolean);
-      return i.length === 0 ? void 0 : i.length;
-    }, [g, t, o]), d = ae({ hasStartIcon: F, endIconsCount: S }), G = p(
-      (i) => {
-        c == null || c(i.target.value);
-      },
-      [c]
-    ), J = p(() => {
-      s !== void 0 ? c == null || c("") : l.current && (l.current.value = "", l.current.dispatchEvent(new Event("input", { bubbles: !0 })));
-    }, [c, s]), x = p(() => s !== void 0 ? s : E, [s, E])();
-    return /* @__PURE__ */ j("div", { className: d.base(), children: [
-      e && /* @__PURE__ */ n("span", { className: Y(d.startIconWrapper(), d.icon()), children: e }),
-      /* @__PURE__ */ n(
-        A,
-        y({
-          ref: U,
+      defaultValue: l,
+      onChange: p,
+      readOnly: u,
+      disabled: h,
+      showClearIcon: e,
+      showCopyIcon: n
+    }), a = R(y, c.inputRef);
+    return /* @__PURE__ */ N(F, { className: r.base({ className: I }), children: [
+      t != null && /* @__PURE__ */ o(L, { type: "primary", children: t }),
+      /* @__PURE__ */ o(
+        M,
+        {
+          ref: a,
           value: s,
-          defaultValue: u,
-          className: d.input({ className: a }),
-          onChange: G,
-          readOnly: h,
-          disabled: v
-        }, _)
+          defaultValue: l,
+          onChange: c.handleChange,
+          readOnly: u,
+          disabled: h,
+          error: C,
+          ...w
+        }
+      ),
+      c.shouldShowClearIcon && /* @__PURE__ */ o(
+        f,
+        {
+          icon: E,
+          onClick: c.handleClear,
+          type: "button",
+          className: r.action()
+        }
       ),
-      S && /* @__PURE__ */ j("div", { className: d.endIconsWrapper(), children: [
-        g && x && /* @__PURE__ */ n(L, { onClear: J, className: d.endAction() }),
-        t && x && /* @__PURE__ */ n(ne, { value: String(x), className: d.endAction() }),
-        o && /* @__PURE__ */ n("div", { className: d.icon(), children: o })
-      ] })
+      c.shouldShowCopyIcon && /* @__PURE__ */ o(
+        f,
+        {
+          icon: c.hasCopied ? A : U,
+          onClick: c.handleCopy,
+          type: "button",
+          className: r.action()
+        }
+      )
     ] });
   }
 );
-X.displayName = "TextInput";
-const ie = I({
-  base: "aspect-auto px-1.5"
-}), ce = (o) => {
-  var a = o, { icon: e, className: r } = a, t = b(a, ["icon", "className"]);
-  const s = ie({ className: r });
-  return /* @__PURE__ */ n(C, y({ icon: e, className: s, variant: "text", size: "md" }, t));
-}, de = ({ type: e, onClick: r }) => /* @__PURE__ */ n(ce, { icon: e === "password" ? re : ee, onClick: r }), xe = (r) => {
-  var e = b(r, []);
-  const [t, o] = k("password"), a = p(() => {
-    o((u) => u === "password" ? "text" : "password");
-  }, []), s = /* @__PURE__ */ n(de, { type: t, onClick: a });
-  return /* @__PURE__ */ n(X, z(y({}, e), { type: t, endIcon: s }));
-};
+ee.displayName = "WebInput";
+function te(t) {
+  if (t) {
+    if (t instanceof File) {
+      const e = URL.createObjectURL(t), n = document.createElement("a");
+      n.href = e, n.download = t.name, document.body.appendChild(n), n.click(), document.body.removeChild(n), URL.revokeObjectURL(e);
+    } else if (t.url) {
+      const e = document.createElement("a");
+      e.href = t.url, e.download = t.name, e.target = "_blank", document.body.appendChild(e), e.click(), document.body.removeChild(e);
+    }
+  }
+}
+const oe = S({
+  base: "group relative cursor-pointer",
+  slots: {
+    action: "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100",
+    fileDisplay: "flex min-w-0 flex-1 items-center truncate bg-transparent px-3 py-2.5 italic text-primary-fg lg:py-2",
+    placeholder: "text-muted"
+  }
+}), ne = k.forwardRef(
+  ({
+    value: t,
+    defaultValue: e,
+    showClearIcon: n = !0,
+    onChange: s,
+    disabled: l,
+    error: p,
+    className: u,
+    placeholder: h = "File not selected",
+    chooseButtonText: C = "Choose file",
+    accept: I,
+    ...w
+  }, y) => {
+    const r = oe(), c = j(null), [a, g] = G(e || null), x = R(y, c), m = t !== void 0, i = m ? t : a;
+    q(() => {
+      !m && e !== void 0 && g(e);
+    }, [e, m]);
+    const _ = b(
+      (d) => {
+        const T = d.target.files?.[0] || null;
+        m || g(T), s?.(T);
+      },
+      [s, m]
+    ), B = b(
+      (d) => {
+        d.stopPropagation(), c.current && (c.current.value = ""), m || g(null), s?.(null);
+      },
+      [s, m]
+    ), O = b(() => {
+      i || c.current?.click();
+    }, [i]), z = b(() => te(i), [i]), P = n && i && !l, X = i && (i instanceof File || !(i instanceof File) && i.url), D = ((d) => d ? (d instanceof File, d.name) : null)(i);
+    return /* @__PURE__ */ N(F, { className: r.base({ className: u }), onClick: O, children: [
+      /* @__PURE__ */ o(L, { type: "primary", children: C }),
+      /* @__PURE__ */ o("div", { className: r.fileDisplay(), children: D ? /* @__PURE__ */ o("span", { children: D }) : /* @__PURE__ */ o("span", { className: r.placeholder(), children: h }) }),
+      P && /* @__PURE__ */ o(f, { icon: E, onClick: B, type: "button", className: r.action() }),
+      X && /* @__PURE__ */ o(
+        f,
+        {
+          icon: K,
+          onClick: z,
+          type: "button",
+          className: r.action()
+        }
+      ),
+      /* @__PURE__ */ o(
+        "input",
+        {
+          ref: x,
+          type: "file",
+          onChange: _,
+          disabled: l,
+          accept: I,
+          className: "sr-only",
+          "aria-invalid": !!p,
+          ...w
+        }
+      )
+    ] });
+  }
+);
+ne.displayName = "FileInput";
+const ce = k.forwardRef(
+  ({ showClearIcon: t, showCopyIcon: e, value: n, defaultValue: s, onChange: l, readOnly: p, disabled: u, error: h, className: C, ...I }, w) => {
+    const [y, r] = G("password"), c = b(() => {
+      r((x) => x === "password" ? "text" : "password");
+    }, []), a = v({
+      value: n,
+      defaultValue: s,
+      onChange: l,
+      readOnly: p,
+      disabled: u,
+      showClearIcon: t,
+      showCopyIcon: e
+    }), g = R(w, a.inputRef);
+    return /* @__PURE__ */ N(F, { className: C, children: [
+      /* @__PURE__ */ o(
+        M,
+        {
+          ref: g,
+          type: y,
+          value: n,
+          defaultValue: s,
+          onChange: a.handleChange,
+          readOnly: p,
+          disabled: u,
+          error: h,
+          ...I
+        }
+      ),
+      a.shouldShowClearIcon && /* @__PURE__ */ o(f, { icon: E, onClick: a.handleClear, type: "button" }),
+      a.shouldShowCopyIcon && /* @__PURE__ */ o(
+        f,
+        {
+          icon: a.hasCopied ? A : U,
+          onClick: a.handleCopy,
+          type: "button"
+        }
+      ),
+      /* @__PURE__ */ o(f, { icon: y === "password" ? Y : Q, onClick: c })
+    ] });
+  }
+);
+ce.displayName = "SecretInput";
 export {
-  A as Input,
-  xe as SecretInput,
-  X as TextInput
+  ne as FileInput,
+  $ as Input,
+  F as InputGroup,
+  f as InputGroupButton,
+  we as InputGroupContentEditable,
+  M as InputGroupInput,
+  L as InputGroupText,
+  ce as SecretInput,
+  be as TextInput,
+  ee as WebInput
 };
 //# sourceMappingURL=input.js.map

package/dist/components/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/circle-x.js","../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/copy.js","../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/eye-off.js","../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/eye.js","../../src/components/input/input/Input.tsx","../../src/hooks/useMergeRefs.ts","../../src/components/input/components/clear-button/ClearButton.tsx","../../src/components/input/components/copy-button/CopyButton.tsx","../../src/components/input/text-input/TextInput.tsx","../../src/components/input/components/icon-button/InputIconButton.tsx","../../src/components/input/secret-input/components/ShowValueToggler.tsx","../../src/components/input/secret-input/SecretInput.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst CircleX = createLucideIcon(\"CircleX\", [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"m15 9-6 6\", key: \"1uzhvr\" }],\n  [\"path\", { d: \"m9 9 6 6\", key: \"z0biqf\" }]\n]);\n\nexport { CircleX as default };\n//# sourceMappingURL=circle-x.js.map\n","/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Copy = createLucideIcon(\"Copy\", [\n  [\"rect\", { width: \"14\", height: \"14\", x: \"8\", y: \"8\", rx: \"2\", ry: \"2\", key: \"17jyea\" }],\n  [\"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\" }]\n]);\n\nexport { Copy as default };\n//# sourceMappingURL=copy.js.map\n","/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst EyeOff = createLucideIcon(\"EyeOff\", [\n  [\n    \"path\",\n    {\n      d: \"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49\",\n      key: \"ct8e1f\"\n    }\n  ],\n  [\"path\", { d: \"M14.084 14.158a3 3 0 0 1-4.242-4.242\", key: \"151rxh\" }],\n  [\n    \"path\",\n    {\n      d: \"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143\",\n      key: \"13bj9a\"\n    }\n  ],\n  [\"path\", { d: \"m2 2 20 20\", key: \"1ooewy\" }]\n]);\n\nexport { EyeOff as default };\n//# sourceMappingURL=eye-off.js.map\n","/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Eye = createLucideIcon(\"Eye\", [\n  [\n    \"path\",\n    {\n      d: \"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\",\n      key: \"1nclc0\"\n    }\n  ],\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"3\", key: \"1v7zrd\" }]\n]);\n\nexport { Eye as default };\n//# sourceMappingURL=eye.js.map\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst inputBaseStyles = tv({\r\n\tbase: [\r\n\t\t\"h-10 w-full rounded-lg border border-secondary-border bg-secondary-bg px-3 py-2.5 shadow-sm outline-none transition-all lg:h-9 lg:py-2\",\r\n\t\t\"font-sans text-sm text-primary-fg placeholder:text-muted\",\r\n\t\t\"hover:border-primary-border hover:shadow-base\",\r\n\t\t\"focus:rounded-lg focus:border focus:border-secondary-border focus:bg-secondary-bg focus:shadow-focus\",\r\n\t\t\"read-only:border-primary-border read-only:bg-secondary-bg-hover read-only:shadow-sm\",\r\n\t\t\"read-only:hover:bg-secondary-bg-hover\",\r\n\t\t\"read-only:focus:bg-secondary-bg-hover\",\r\n\t\t\"disabled:border-primary-border disabled:bg-secondary-bg-hover disabled:shadow-sm\",\r\n\t\t\"invalid:border-status-error-secondary-border invalid:shadow-base invalid:hover:border-status-error-primary-border\",\r\n\t\t\"invalid:hover:shadow-base invalid:focus:border-status-error-secondary-border invalid:focus:shadow-focus-error\",\r\n\t\t\"aria-[invalid=true]:border-status-error-secondary-border aria-[invalid=true]:shadow-base aria-[invalid=true]:hover:border-status-error-primary-border\",\r\n\t\t\"aria-[invalid=true]:hover:shadow-base aria-[invalid=true]:focus:border-status-error-secondary-border aria-[invalid=true]:focus:shadow-focus-error\"\r\n\t]\r\n});\r\n\r\nexport type InputProps = React.ComponentProps<\"input\">;\r\n\r\n/**\r\n * Стилизованный базовый компонент для создания инпутов.\r\n */\r\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(({ type = \"text\", className, ...other }, ref) => {\r\n\treturn <input type={type} className={inputBaseStyles({ className })} ref={ref} {...other} />;\r\n});\r\n\r\nInput.displayName = \"Input\";\r\n\r\nexport default Input;\r\n","import { useCallback } from \"react\";\r\n\r\ntype ReactRef<T> = React.RefCallback<T> | React.RefObject<T> | null;\r\n\r\nfunction assignRef<T>(ref: ReactRef<T>, value: T | null) {\r\n\tif (typeof ref === \"function\") {\r\n\t\tref(value);\r\n\t} else if (ref !== null && \"current\" in ref) {\r\n\t\t(ref as React.MutableRefObject<T | null>).current = value;\r\n\t}\r\n}\r\n\r\nexport function useMergeRefs<T>(...refs: ReactRef<T>[]) {\r\n\treturn useCallback(\r\n\t\t(value: T | null) => {\r\n\t\t\trefs.forEach((ref) => {\r\n\t\t\t\tassignRef(ref, value);\r\n\t\t\t});\r\n\t\t},\r\n\t\t[...refs]\r\n\t);\r\n}\r\n","import React from \"react\";\r\nimport { IconButton } from \"@/components/button/icon-button/IconButton\";\r\nimport { CircleX } from \"lucide-react\";\r\n\r\nexport interface ClearButtonProps {\r\n\tonClear: () => void;\r\n\tclassName?: string;\r\n}\r\n\r\nexport const ClearButton: React.FC<ClearButtonProps> = ({ onClear, className }) => {\r\n\treturn <IconButton icon={CircleX} variant=\"text\" size=\"md\" onClick={onClear} className={className} />;\r\n};\r\n\r\nClearButton.displayName = \"ClearButton\";\r\n","import { IconButton } from \"@/components/button/icon-button/IconButton\";\r\nimport { Check, Copy } from \"lucide-react\";\r\nimport { FC, useCallback, useEffect, useState } from \"react\";\r\n\r\ninterface CopyButtonProps {\r\n\tvalue: string;\r\n\tclassName?: string;\r\n}\r\n\r\nexport const CopyButton: FC<CopyButtonProps> = ({ value, className }) => {\r\n\tconst [hasCopied, setHasCopied] = useState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\tconst timeout = setTimeout(() => {\r\n\t\t\tsetHasCopied(false);\r\n\t\t}, 2000);\r\n\t\treturn () => clearTimeout(timeout);\r\n\t}, [hasCopied]);\r\n\r\n\tconst handleCopy = useCallback(() => {\r\n\t\tif (value) navigator.clipboard.writeText(String(value));\r\n\t\tsetHasCopied(true);\r\n\t}, [value]);\r\n\treturn (\r\n\t\t<IconButton\r\n\t\t\ticon={hasCopied ? Check : Copy}\r\n\t\t\tclassName={className}\r\n\t\t\tvariant=\"text\"\r\n\t\t\tsize=\"md\"\r\n\t\t\tonClick={handleCopy}\r\n\t\t/>\r\n\t);\r\n};\r\n","import { useMergeRefs } from \"@/hooks/useMergeRefs\";\r\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { ClearButton } from \"../components/clear-button/ClearButton\";\r\nimport { CopyButton } from \"../components/copy-button/CopyButton\";\r\nimport { Input, InputProps } from \"../input/Input\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nconst textInputStyles = tv({\r\n\tbase: \"group relative inline-flex w-full items-center\",\r\n\tslots: {\r\n\t\tstartIconWrapper: \"pointer-events-none absolute left-3 flex items-center text-muted\",\r\n\t\ticon: \"text-muted\",\r\n\t\tinput: \"\",\r\n\t\tendIconsWrapper: \"absolute right-0 flex aspect-auto items-center px-1\",\r\n\t\tendAction: \"aspect-auto px-1.5 opacity-0 group-focus-within:opacity-100 group-hover:opacity-100\",\r\n\t\tfade: \"pointer-events-none absolute bottom-1 right-3 top-1 w-[15%] bg-gradient-to-r from-transparent to-secondary-bg\"\r\n\t},\r\n\tvariants: {\r\n\t\thasStartIcon: { true: { input: \"pl-9\" } },\r\n\t\tendIconsCount: {\r\n\t\t\t1: { input: \"pr-8\", fade: \"right-8\" },\r\n\t\t\t2: { input: \"pr-14\", fade: \"right-14\" },\r\n\t\t\t3: { input: \"pr-20\", fade: \"right-20\" }\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport interface TextInputProps extends Omit<InputProps, \"onChange\"> {\r\n\t/** Иконка, отображаемая в начале текстового поля */\r\n\tstartIcon?: React.ReactNode;\r\n\t/** Иконка, отображаемая в конце текстового поля */\r\n\tendIcon?: React.ReactNode;\r\n\t/** Флаг для отображения кнопки очистки значения */\r\n\tshowClearIcon?: boolean;\r\n\t/** Флаг для отображения кнопки копирования значения */\r\n\tshowCopyIcon?: boolean;\r\n\t/** Колбэк на изменение значения */\r\n\tonChange?: (value: string | null) => void;\r\n}\r\n\r\n/**\r\n * Компонент текстового поля ввода с поддержкой иконок и дополнительных действий.\r\n */\r\nexport const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(\r\n\t(\r\n\t\t{\r\n\t\t\tstartIcon,\r\n\t\t\tshowClearIcon,\r\n\t\t\tshowCopyIcon,\r\n\t\t\tendIcon,\r\n\t\t\tclassName,\r\n\t\t\tvalue,\r\n\t\t\tdefaultValue,\r\n\t\t\tonChange,\r\n\t\t\treadOnly,\r\n\t\t\tdisabled,\r\n\t\t\t...props\r\n\t\t},\r\n\t\tref\r\n\t) => {\r\n\t\t// Настройка uncontrolled режима (если нет value)\r\n\t\tconst [uncontrolledValue, setUncontrolledValue] = useState(defaultValue ?? \"\");\r\n\t\tconst inputRef = React.useRef<HTMLInputElement>(null);\r\n\t\tconst mergedRef = useMergeRefs(ref, inputRef);\r\n\r\n\t\t// Добавляем обработчик для отслеживания изменений в uncontrolled режиме\r\n\t\tuseEffect(() => {\r\n\t\t\tif (value !== undefined) return;\r\n\r\n\t\t\tconst input = inputRef.current;\r\n\t\t\tif (!input) return;\r\n\r\n\t\t\tconst handleInput = () => {\r\n\t\t\t\tsetUncontrolledValue(input.value);\r\n\t\t\t};\r\n\r\n\t\t\tinput.addEventListener(\"input\", handleInput);\r\n\t\t\treturn () => input.removeEventListener(\"input\", handleInput);\r\n\t\t}, [value, inputRef]);\r\n\r\n\t\tconst isEditable = useMemo(() => {\r\n\t\t\treturn !readOnly && !disabled;\r\n\t\t}, [readOnly, disabled]);\r\n\r\n\t\t// Настройка стилей\r\n\t\tconst hasStartIcon = !!startIcon;\r\n\t\tconst shouldShowClearIcon = showClearIcon && isEditable;\r\n\t\tconst endIconsCount = useMemo(() => {\r\n\t\t\tconst icons = [shouldShowClearIcon, showCopyIcon, endIcon].filter(Boolean);\r\n\t\t\treturn icons.length === 0 ? undefined : (icons.length as 1 | 2 | 3);\r\n\t\t}, [shouldShowClearIcon, showCopyIcon, endIcon]);\r\n\r\n\t\tconst styles = textInputStyles({ hasStartIcon, endIconsCount });\r\n\r\n\t\tconst handleChange = useCallback(\r\n\t\t\t(e: React.ChangeEvent<HTMLInputElement>) => {\r\n\t\t\t\tonChange?.(e.target.value);\r\n\t\t\t},\r\n\t\t\t[onChange]\r\n\t\t);\r\n\r\n\t\tconst handleClear = useCallback(() => {\r\n\t\t\tif (value !== undefined) {\r\n\t\t\t\t// Controlled mode\r\n\t\t\t\tonChange?.(\"\");\r\n\t\t\t} else {\r\n\t\t\t\t// Uncontrolled mode\r\n\t\t\t\tif (inputRef.current) {\r\n\t\t\t\t\tinputRef.current.value = \"\";\r\n\t\t\t\t\tinputRef.current.dispatchEvent(new Event(\"input\", { bubbles: true }));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, [onChange, value]);\r\n\r\n\t\tconst getCurrentValue = useCallback(() => {\r\n\t\t\tif (value !== undefined) return value;\r\n\t\t\treturn uncontrolledValue;\r\n\t\t}, [value, uncontrolledValue]);\r\n\r\n\t\tconst currentValue = getCurrentValue();\r\n\t\treturn (\r\n\t\t\t<div className={styles.base()}>\r\n\t\t\t\t{startIcon && <span className={twMerge(styles.startIconWrapper(), styles.icon())}>{startIcon}</span>}\r\n\r\n\t\t\t\t<Input\r\n\t\t\t\t\tref={mergedRef}\r\n\t\t\t\t\tvalue={value}\r\n\t\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\t\tclassName={styles.input({ className })}\r\n\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t{...props}\r\n\t\t\t\t/>\r\n\r\n\t\t\t\t{endIconsCount && (\r\n\t\t\t\t\t<div className={styles.endIconsWrapper()}>\r\n\t\t\t\t\t\t{shouldShowClearIcon && currentValue && (\r\n\t\t\t\t\t\t\t<ClearButton onClear={handleClear} className={styles.endAction()} />\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{showCopyIcon && currentValue && (\r\n\t\t\t\t\t\t\t<CopyButton value={String(currentValue)} className={styles.endAction()} />\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{endIcon && <div className={styles.icon()}>{endIcon}</div>}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nTextInput.displayName = \"TextInput\";\r\n\r\nexport default TextInput;\r\n","import { IconButton, IconButtonProps } from \"@/components/button/icon-button/IconButton\";\r\nimport { FC, PropsWithChildren } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst inputIconButtonVariants = tv({\r\n\tbase: \"aspect-auto px-1.5\"\r\n});\r\n\r\ntype InputIconButtonProps = PropsWithChildren<\r\n\tIconButtonProps & {\r\n\t\tonClick?: () => void;\r\n\t\tclassName?: string;\r\n\t}\r\n>;\r\n\r\nexport const InputIconButton: FC<InputIconButtonProps> = ({ icon, className, ...props }) => {\r\n\tconst styles = inputIconButtonVariants({ className });\r\n\treturn <IconButton icon={icon} className={styles} variant=\"text\" size=\"md\" {...props} />;\r\n};\r\n","import { Eye, EyeOff } from \"lucide-react\";\r\nimport { FC } from \"react\";\r\nimport { InputIconButton } from \"../../components/icon-button/InputIconButton\";\r\n\r\ntype ShowValueTogglerProps = {\r\n\ttype: \"password\" | \"text\";\r\n\tonClick: () => void;\r\n};\r\n\r\nexport const ShowValueToggler: FC<ShowValueTogglerProps> = ({ type, onClick }) => {\r\n\treturn <InputIconButton icon={type === \"password\" ? Eye : EyeOff} onClick={onClick} />;\r\n};\r\n","import { FC, useCallback, useState } from \"react\";\r\nimport { ShowValueToggler } from \"./components/ShowValueToggler\";\r\nimport TextInput, { TextInputProps } from \"../text-input/TextInput\";\r\n\r\ntype SecretInputProps = Omit<TextInputProps, \"endIcon\" | \"type\"> & {};\r\n\r\nexport const SecretInput: FC<SecretInputProps> = ({ ...props }) => {\r\n\tconst [type, setType] = useState<\"password\" | \"text\">(\"password\");\r\n\r\n\tconst handleShowValueToggle = useCallback(() => {\r\n\t\tsetType((prev) => (prev === \"password\" ? \"text\" : \"password\"));\r\n\t}, []);\r\n\r\n\tconst endIcon = <ShowValueToggler type={type} onClick={handleShowValueToggle} />;\r\n\r\n\treturn <TextInput {...props} type={type} endIcon={endIcon} />;\r\n};\r\n"],"names":["CircleX","createLucideIcon","Copy","EyeOff","Eye","inputBaseStyles","tv","Input","React","_a","ref","_b","type","className","other","__objRest","jsx","__spreadValues","assignRef","value","useMergeRefs","refs","useCallback","ClearButton","onClear","IconButton","CopyButton","hasCopied","setHasCopied","useState","useEffect","timeout","handleCopy","Check","textInputStyles","TextInput","startIcon","showClearIcon","showCopyIcon","endIcon","defaultValue","onChange","readOnly","disabled","props","uncontrolledValue","setUncontrolledValue","inputRef","mergedRef","input","handleInput","isEditable","useMemo","hasStartIcon","shouldShowClearIcon","endIconsCount","icons","styles","handleChange","e","handleClear","currentValue","jsxs","twMerge","inputIconButtonVariants","InputIconButton","icon","ShowValueToggler","onClick","SecretInput","setType","handleShowValueToggle","prev","__spreadProps"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}
+{"version":3,"file":"input.js","sources":["../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/eye-off.js","../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/eye.js","../../src/components/input/input/Input.tsx","../../src/components/input/web-input/WebInput.tsx","../../src/lib/utils/file/downloadFile.ts","../../src/components/input/file-input/FileInput.tsx","../../src/components/input/secret-input/SecretInput.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst EyeOff = createLucideIcon(\"EyeOff\", [\n  [\n    \"path\",\n    {\n      d: \"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49\",\n      key: \"ct8e1f\"\n    }\n  ],\n  [\"path\", { d: \"M14.084 14.158a3 3 0 0 1-4.242-4.242\", key: \"151rxh\" }],\n  [\n    \"path\",\n    {\n      d: \"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143\",\n      key: \"13bj9a\"\n    }\n  ],\n  [\"path\", { d: \"m2 2 20 20\", key: \"1ooewy\" }]\n]);\n\nexport { EyeOff as default };\n//# sourceMappingURL=eye-off.js.map\n","/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Eye = createLucideIcon(\"Eye\", [\n  [\n    \"path\",\n    {\n      d: \"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\",\n      key: \"1nclc0\"\n    }\n  ],\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"3\", key: \"1v7zrd\" }]\n]);\n\nexport { Eye as default };\n//# sourceMappingURL=eye.js.map\n","import React, { useRef } from \"react\";\r\nimport { useMergeRefs } from \"../../../hooks/useMergeRefs\";\r\nimport { useCustomValidity } from \"../../../hooks/useCustomValidity\";\r\nimport { inputBaseControlStyles } from \"../styles/inputBaseStyles\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nexport type InputProps = React.ComponentProps<\"input\"> & {\r\n\t/** Текст сообщения об ошибке. При наличии делает поле невалидным */\r\n\terror?: string;\r\n};\r\n\r\nconst inputStyles = tv({\r\n\textend: inputBaseControlStyles,\r\n\tbase: \"h-10 lg:h-9\"\r\n});\r\n\r\n/**\r\n * Стилизованный базовый компонент для создания инпутов.\r\n */\r\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\r\n\t({ type = \"text\", className, error, ...other }, ref) => {\r\n\t\tconst inputRef = useRef<HTMLInputElement>(null);\r\n\t\tconst mergedRef = useMergeRefs(inputRef, ref);\r\n\r\n\t\tuseCustomValidity(inputRef, error);\r\n\r\n\t\treturn (\r\n\t\t\t<input\r\n\t\t\t\ttype={type}\r\n\t\t\t\tclassName={inputStyles({ className })}\r\n\t\t\t\tref={mergedRef}\r\n\t\t\t\taria-invalid={!!error}\r\n\t\t\t\t{...other}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nInput.displayName = \"Input\";\r\n\r\nexport default Input;\r\n","import React from \"react\";\r\nimport { useMergeRefs } from \"@/hooks/useMergeRefs\";\r\nimport { useInputWithActions } from \"@/hooks/useInputWithActions\";\r\nimport { InputGroup, InputGroupInput, InputGroupText, InputGroupButton } from \"../input-group/InputGroup\";\r\nimport { CircleX, Copy, Check } from \"lucide-react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst webInputStyles = tv({\r\n\tbase: \"group\",\r\n\tslots: {\r\n\t\taction: \"opacity-0 group-focus-within:opacity-100 group-hover:opacity-100\"\r\n\t}\r\n});\r\n\r\nexport interface WebInputProps extends Omit<React.ComponentProps<\"input\">, \"onChange\"> {\r\n\t/** Содержимое в начале поля (например, префикс URL) */\r\n\tstartContent?: React.ReactNode;\r\n\t/** Флаг для отображения кнопки очистки значения */\r\n\tshowClearIcon?: boolean;\r\n\t/** Флаг для отображения кнопки копирования значения */\r\n\tshowCopyIcon?: boolean;\r\n\t/** Колбэк на изменение значения */\r\n\tonChange?: (value: string | null) => void;\r\n\t/** Текст сообщения об ошибке */\r\n\terror?: string;\r\n}\r\n\r\nexport const WebInput = React.forwardRef<HTMLInputElement, WebInputProps>(\r\n\t(\r\n\t\t{\r\n\t\t\tstartContent = \"https://\",\r\n\t\t\tshowClearIcon = true,\r\n\t\t\tshowCopyIcon = true,\r\n\t\t\tvalue,\r\n\t\t\tdefaultValue,\r\n\t\t\tonChange,\r\n\t\t\treadOnly,\r\n\t\t\tdisabled,\r\n\t\t\terror,\r\n\t\t\tclassName,\r\n\t\t\t...props\r\n\t\t},\r\n\t\tref\r\n\t) => {\r\n\t\tconst styles = webInputStyles();\r\n\r\n\t\tconst inputActions = useInputWithActions({\r\n\t\t\tvalue,\r\n\t\t\tdefaultValue,\r\n\t\t\tonChange,\r\n\t\t\treadOnly,\r\n\t\t\tdisabled,\r\n\t\t\tshowClearIcon,\r\n\t\t\tshowCopyIcon\r\n\t\t});\r\n\r\n\t\tconst mergedRef = useMergeRefs(ref, inputActions.inputRef);\r\n\r\n\t\treturn (\r\n\t\t\t<InputGroup className={styles.base({ className })}>\r\n\t\t\t\t{startContent != null && <InputGroupText type=\"primary\">{startContent}</InputGroupText>}\r\n\r\n\t\t\t\t<InputGroupInput\r\n\t\t\t\t\tref={mergedRef}\r\n\t\t\t\t\tvalue={value}\r\n\t\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\t\tonChange={inputActions.handleChange}\r\n\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\terror={error}\r\n\t\t\t\t\t{...props}\r\n\t\t\t\t/>\r\n\r\n\t\t\t\t{inputActions.shouldShowClearIcon && (\r\n\t\t\t\t\t<InputGroupButton\r\n\t\t\t\t\t\ticon={CircleX}\r\n\t\t\t\t\t\tonClick={inputActions.handleClear}\r\n\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\tclassName={styles.action()}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{inputActions.shouldShowCopyIcon && (\r\n\t\t\t\t\t<InputGroupButton\r\n\t\t\t\t\t\ticon={inputActions.hasCopied ? Check : Copy}\r\n\t\t\t\t\t\tonClick={inputActions.handleCopy}\r\n\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\tclassName={styles.action()}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)}\r\n\t\t\t</InputGroup>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nWebInput.displayName = \"WebInput\";\r\n\r\nexport default WebInput;\r\n","import { FileValue } from \"@/components/input\";\r\n\r\nexport function downloadFile(value: FileValue) {\r\n\tif (!value) return;\r\n\r\n\tif (value instanceof File) {\r\n\t\t// Логика для браузерного File объекта\r\n\t\tconst url = URL.createObjectURL(value);\r\n\t\tconst link = document.createElement(\"a\");\r\n\t\tlink.href = url;\r\n\t\tlink.download = value.name;\r\n\t\tdocument.body.appendChild(link);\r\n\t\tlink.click();\r\n\t\tdocument.body.removeChild(link);\r\n\t\t// Освобождаем память\r\n\t\tURL.revokeObjectURL(url);\r\n\t} else if (value.url) {\r\n\t\t// Логика для FileInfo с URL\r\n\t\tconst link = document.createElement(\"a\");\r\n\t\tlink.href = value.url;\r\n\t\tlink.download = value.name;\r\n\t\tlink.target = \"_blank\";\r\n\t\tdocument.body.appendChild(link);\r\n\t\tlink.click();\r\n\t\tdocument.body.removeChild(link);\r\n\t}\r\n}\r\n","import React, { useRef, useCallback, useState, useEffect } from \"react\";\r\nimport { useMergeRefs } from \"@/hooks/useMergeRefs\";\r\nimport { InputGroup, InputGroupButton, InputGroupText } from \"../input-group/InputGroup\";\r\nimport { CircleX, Download } from \"lucide-react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { downloadFile } from \"@/lib/utils/file/downloadFile\";\r\n\r\nconst fileInputStyles = tv({\r\n\tbase: \"group relative cursor-pointer\",\r\n\tslots: {\r\n\t\taction: \"opacity-0 group-focus-within:opacity-100 group-hover:opacity-100\",\r\n\t\tfileDisplay:\r\n\t\t\t\"flex min-w-0 flex-1 items-center truncate bg-transparent px-3 py-2.5 italic text-primary-fg lg:py-2\",\r\n\t\tplaceholder: \"text-muted\"\r\n\t}\r\n});\r\n\r\n/** Упрощенная информация о файле */\r\nexport interface FileInfo {\r\n\t/** id файла */\r\n\tid: number;\r\n\t/** Имя файла */\r\n\tname: string;\r\n\t/** URL для скачивания или просмотра файла */\r\n\turl: string;\r\n\t/** Размер файла в байтах (опционально) */\r\n\tsize?: number;\r\n\t/** MIME-тип файла (опционально) */\r\n\ttype?: string;\r\n}\r\n\r\n/** Тип файла - либо браузерный File, либо упрощенная FileInfo */\r\nexport type FileValue = File | FileInfo | null;\r\n\r\nexport interface FileInputProps\r\n\textends Omit<React.ComponentProps<\"input\">, \"type\" | \"onChange\" | \"value\" | \"defaultValue\"> {\r\n\t/** Текущий файл (для controlled режима) */\r\n\tvalue?: FileValue;\r\n\t/** Файл по умолчанию (для uncontrolled режима) */\r\n\tdefaultValue?: FileValue;\r\n\t/** Флаг для отображения кнопки очистки значения */\r\n\tshowClearIcon?: boolean;\r\n\t/** Колбэк на изменение файла */\r\n\tonChange?: (file: FileValue) => void;\r\n\t/** Текст сообщения об ошибке */\r\n\terror?: string;\r\n\t/** Плейсхолдер для отображения когда файл не выбран */\r\n\tplaceholder?: string;\r\n\t/** Текст кнопки выбора файла */\r\n\tchooseButtonText?: string;\r\n}\r\n\r\nexport const FileInput = React.forwardRef<HTMLInputElement, FileInputProps>(\r\n\t(\r\n\t\t{\r\n\t\t\tvalue,\r\n\t\t\tdefaultValue,\r\n\t\t\tshowClearIcon = true,\r\n\t\t\tonChange,\r\n\t\t\tdisabled,\r\n\t\t\terror,\r\n\t\t\tclassName,\r\n\t\t\tplaceholder = \"File not selected\",\r\n\t\t\tchooseButtonText = \"Choose file\",\r\n\t\t\taccept,\r\n\t\t\t...props\r\n\t\t},\r\n\t\tref\r\n\t) => {\r\n\t\tconst styles = fileInputStyles();\r\n\t\tconst inputRef = useRef<HTMLInputElement>(null);\r\n\t\tconst [internalValue, setInternalValue] = useState<FileValue>(defaultValue || null);\r\n\r\n\t\tconst mergedRef = useMergeRefs(ref, inputRef);\r\n\r\n\t\t// Определяем, находимся ли мы в controlled режиме\r\n\t\tconst isControlled = value !== undefined;\r\n\t\tconst currentValue = isControlled ? value : internalValue;\r\n\r\n\t\t// Синхронизируем внутреннее состояние с defaultValue при изменении\r\n\t\tuseEffect(() => {\r\n\t\t\tif (!isControlled && defaultValue !== undefined) {\r\n\t\t\t\tsetInternalValue(defaultValue);\r\n\t\t\t}\r\n\t\t}, [defaultValue, isControlled]);\r\n\r\n\t\tconst handleFileChange = useCallback(\r\n\t\t\t(event: React.ChangeEvent<HTMLInputElement>) => {\r\n\t\t\t\tconst file = event.target.files?.[0] || null;\r\n\r\n\t\t\t\tif (!isControlled) {\r\n\t\t\t\t\tsetInternalValue(file);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tonChange?.(file);\r\n\t\t\t},\r\n\t\t\t[onChange, isControlled]\r\n\t\t);\r\n\r\n\t\tconst handleClear = useCallback(\r\n\t\t\t(e: React.MouseEvent) => {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tif (inputRef.current) {\r\n\t\t\t\t\tinputRef.current.value = \"\";\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (!isControlled) {\r\n\t\t\t\t\tsetInternalValue(null);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tonChange?.(null);\r\n\t\t\t},\r\n\t\t\t[onChange, isControlled]\r\n\t\t);\r\n\r\n\t\tconst handleChooseFile = useCallback(() => {\r\n\t\t\tif (!currentValue) {\r\n\t\t\t\tinputRef.current?.click();\r\n\t\t\t}\r\n\t\t}, [currentValue]);\r\n\r\n\t\tconst handleDownload = useCallback(() => downloadFile(currentValue), [currentValue]);\r\n\r\n\t\tconst shouldShowClearIcon = showClearIcon && currentValue && !disabled;\r\n\t\tconst shouldShowDownloadIcon =\r\n\t\t\tcurrentValue && (currentValue instanceof File || (!(currentValue instanceof File) && currentValue.url));\r\n\r\n\t\t// Получаем имя файла для отображения\r\n\t\tconst getFileName = (fileValue: FileValue): string | null => {\r\n\t\t\tif (!fileValue) return null;\r\n\t\t\tif (fileValue instanceof File) {\r\n\t\t\t\treturn fileValue.name;\r\n\t\t\t}\r\n\t\t\treturn fileValue.name;\r\n\t\t};\r\n\r\n\t\tconst fileName = getFileName(currentValue);\r\n\r\n\t\treturn (\r\n\t\t\t<InputGroup className={styles.base({ className })} onClick={handleChooseFile}>\r\n\t\t\t\t<InputGroupText type=\"primary\">{chooseButtonText}</InputGroupText>\r\n\r\n\t\t\t\t<div className={styles.fileDisplay()}>\r\n\t\t\t\t\t{fileName ? <span>{fileName}</span> : <span className={styles.placeholder()}>{placeholder}</span>}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t{shouldShowClearIcon && (\r\n\t\t\t\t\t<InputGroupButton icon={CircleX} onClick={handleClear} type=\"button\" className={styles.action()} />\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{shouldShowDownloadIcon && (\r\n\t\t\t\t\t<InputGroupButton\r\n\t\t\t\t\t\ticon={Download}\r\n\t\t\t\t\t\tonClick={handleDownload}\r\n\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\tclassName={styles.action()}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t<input\r\n\t\t\t\t\tref={mergedRef}\r\n\t\t\t\t\ttype=\"file\"\r\n\t\t\t\t\tonChange={handleFileChange}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\taccept={accept}\r\n\t\t\t\t\tclassName=\"sr-only\"\r\n\t\t\t\t\taria-invalid={!!error}\r\n\t\t\t\t\t{...props}\r\n\t\t\t\t/>\r\n\t\t\t</InputGroup>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFileInput.displayName = \"FileInput\";\r\n\r\nexport default FileInput;\r\n","import { useInputWithActions } from \"@/hooks/useInputWithActions\";\r\nimport { useMergeRefs } from \"@/hooks/useMergeRefs\";\r\nimport { Check, CircleX, Copy, Eye, EyeOff } from \"lucide-react\";\r\nimport React, { HTMLAttributes, useCallback, useState } from \"react\";\r\nimport { InputGroup, InputGroupButton, InputGroupInput } from \"../input-group/InputGroup\";\r\nimport { InputProps } from \"../input/Input\";\r\n\r\nexport interface SecretInputProps\r\n\textends Omit<InputProps, \"onChange\" | \"type\">,\r\n\t\tOmit<HTMLAttributes<HTMLInputElement>, \"onChange\" | \"type\"> {\r\n\t/** Флаг для отображения кнопки очистки значения */\r\n\tshowClearIcon?: boolean;\r\n\t/** Флаг для отображения кнопки копирования значения */\r\n\tshowCopyIcon?: boolean;\r\n\t/** Колбэк на изменение значения */\r\n\tonChange?: (value: string | null) => void;\r\n}\r\n\r\n/**\r\n * Компонент для ввода секретных данных с возможностью переключения видимости текста.\r\n */\r\nexport const SecretInput = React.forwardRef<HTMLInputElement, SecretInputProps>(\r\n\t(\r\n\t\t{ showClearIcon, showCopyIcon, value, defaultValue, onChange, readOnly, disabled, error, className, ...props },\r\n\t\tref\r\n\t) => {\r\n\t\tconst [type, setType] = useState<\"password\" | \"text\">(\"password\");\r\n\r\n\t\tconst handleShowValueToggle = useCallback(() => {\r\n\t\t\tsetType((prev) => (prev === \"password\" ? \"text\" : \"password\"));\r\n\t\t}, []);\r\n\r\n\t\tconst inputActions = useInputWithActions({\r\n\t\t\tvalue,\r\n\t\t\tdefaultValue,\r\n\t\t\tonChange,\r\n\t\t\treadOnly,\r\n\t\t\tdisabled,\r\n\t\t\tshowClearIcon,\r\n\t\t\tshowCopyIcon\r\n\t\t});\r\n\r\n\t\tconst mergedRef = useMergeRefs(ref, inputActions.inputRef);\r\n\r\n\t\treturn (\r\n\t\t\t<InputGroup className={className}>\r\n\t\t\t\t<InputGroupInput\r\n\t\t\t\t\tref={mergedRef}\r\n\t\t\t\t\ttype={type}\r\n\t\t\t\t\tvalue={value}\r\n\t\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\t\tonChange={inputActions.handleChange}\r\n\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\terror={error}\r\n\t\t\t\t\t{...props}\r\n\t\t\t\t/>\r\n\r\n\t\t\t\t{inputActions.shouldShowClearIcon && (\r\n\t\t\t\t\t<InputGroupButton icon={CircleX} onClick={inputActions.handleClear} type=\"button\" />\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{inputActions.shouldShowCopyIcon && (\r\n\t\t\t\t\t<InputGroupButton\r\n\t\t\t\t\t\ticon={inputActions.hasCopied ? Check : Copy}\r\n\t\t\t\t\t\tonClick={inputActions.handleCopy}\r\n\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t<InputGroupButton icon={type === \"password\" ? Eye : EyeOff} onClick={handleShowValueToggle} />\r\n\t\t\t</InputGroup>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nSecretInput.displayName = \"SecretInput\";\r\n"],"names":["EyeOff","createLucideIcon","Eye","inputStyles","tv","inputBaseControlStyles","Input","React","type","className","error","other","ref","inputRef","useRef","mergedRef","useMergeRefs","useCustomValidity","jsx","webInputStyles","WebInput","startContent","showClearIcon","showCopyIcon","value","defaultValue","onChange","readOnly","disabled","props","styles","inputActions","useInputWithActions","jsxs","InputGroup","InputGroupText","InputGroupInput","InputGroupButton","CircleX","Check","Copy","downloadFile","url","link","fileInputStyles","FileInput","placeholder","chooseButtonText","accept","internalValue","setInternalValue","useState","isControlled","currentValue","useEffect","handleFileChange","useCallback","event","file","handleClear","e","handleChooseFile","handleDownload","shouldShowClearIcon","shouldShowDownloadIcon","fileName","fileValue","Download","SecretInput","setType","handleShowValueToggle","prev"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/components/label/Label.d.ts

@@ -1,6 +1,4 @@
-import { VariantProps, TVReturnType } from 'tailwind-variants';
-import { TVConfig } from 'tailwind-variants/dist/config.js';
 import * as LabelPrimitive from "@radix-ui/react-label";
 import * as React from "react";
-declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps< TVReturnType<{} | {} | {}, undefined, "text-sm font-medium leading-none text-primary-fg peer-disabled:cursor-not-allowed peer-disabled:opacity-70", TVConfig<unknown, {} | {}>, {} | {}, undefined, TVReturnType<unknown, undefined, "text-sm font-medium leading-none text-primary-fg peer-disabled:cursor-not-allowed peer-disabled:opacity-70", TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>> & React.RefAttributes<HTMLLabelElement>>;
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
 export { Label };

package/dist/components/label/Label.stories.d.ts

@@ -1,10 +1,8 @@
 import { StoryObj } from '@storybook/react';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { LabelProps } from '@radix-ui/react-label';
-import { VariantProps, TVReturnType } from 'tailwind-variants';
-import { TVConfig } from 'tailwind-variants/dist/config.js';
 declare const meta: {
-    component: ForwardRefExoticComponent<Omit< LabelProps & RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<TVReturnType<{} | {} | {}, undefined, "text-sm font-medium leading-none text-primary-fg peer-disabled:cursor-not-allowed peer-disabled:opacity-70", TVConfig<unknown, {} | {}>, {} | {}, undefined, TVReturnType<unknown, undefined, "text-sm font-medium leading-none text-primary-fg peer-disabled:cursor-not-allowed peer-disabled:opacity-70", TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>> & RefAttributes<HTMLLabelElement>>;
+    component: ForwardRefExoticComponent<Omit< LabelProps & RefAttributes<HTMLLabelElement>, "ref"> & RefAttributes<HTMLLabelElement>>;
     parameters: {
         layout: string;
     };
@@ -13,5 +11,3 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Base: Story;
-export declare const WithIcon: Story;
-export declare const RequiredWithIcon: Story;