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

package/dist/components/file-upload.js

@@ -0,0 +1,484 @@
+import { jsx as a, jsxs as p, Fragment as Q } from "react/jsx-runtime";
+import { I as C } from "../IconButton-DwkpNgn3.js";
+import { f as T, u as S } from "../useFileUpload-iDag0iqM.js";
+import U, { useMemo as V, useCallback as W } from "react";
+import { T as y } from "../index-BVqs-uqP.js";
+import { F as q } from "../FeatureIcon-BGE0Orkc.js";
+import { c as v } from "../createLucideIcon-DwBrHnj9.js";
+import { I as Y } from "../image-BqL5JP90.js";
+import { T as B } from "../TextOverflowTooltip-DlUgic5y.js";
+import { D as Z } from "../download-BHsj218e.js";
+import { X as L } from "../x-tDTt7hTQ.js";
+import { A as ee, b as ae, a as te } from "../AlertIcon-5B6AgZpe.js";
+import { C as re } from "../circle-alert-CVIokIC7.js";
+import { B as oe } from "../Button-Dg89xRSi.js";
+import { I as se } from "../Icon-DH3ev9GK.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 ie = v("FileArchive", [
+  ["path", { d: "M10 12v-1", key: "v7bkov" }],
+  ["path", { d: "M10 18v-2", key: "1cjy8d" }],
+  ["path", { d: "M10 7V6", key: "dljcrl" }],
+  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
+  [
+    "path",
+    { d: "M15.5 22H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v16a2 2 0 0 0 .274 1.01", key: "gkbcor" }
+  ],
+  ["circle", { cx: "10", cy: "20", r: "2", key: "1xzdoj" }]
+]);
+/**
+ * @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 le = v("FileSpreadsheet", [
+  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
+  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
+  ["path", { d: "M8 13h2", key: "yr2amv" }],
+  ["path", { d: "M14 13h2", key: "un5t4a" }],
+  ["path", { d: "M8 17h2", key: "2yhykz" }],
+  ["path", { d: "M14 17h2", key: "10kma7" }]
+]);
+/**
+ * @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 ne = v("FileText", [
+  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
+  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
+  ["path", { d: "M10 9H8", key: "b1mrlr" }],
+  ["path", { d: "M16 13H8", key: "t4e002" }],
+  ["path", { d: "M16 17H8", key: "z1uh3a" }]
+]);
+/**
+ * @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 de = v("File", [
+  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
+  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
+]);
+/**
+ * @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 ce = v("Headphones", [
+  [
+    "path",
+    {
+      d: "M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3",
+      key: "1xhozi"
+    }
+  ]
+]);
+/**
+ * @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 E = v("Upload", [
+  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
+  ["polyline", { points: "17 8 12 3 7 8", key: "t8dd8p" }],
+  ["line", { x1: "12", x2: "12", y1: "3", y2: "15", key: "widbto" }]
+]);
+/**
+ * @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 pe = v("Video", [
+  [
+    "path",
+    {
+      d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",
+      key: "ftymec"
+    }
+  ],
+  ["rect", { x: "2", y: "6", width: "14", height: "12", rx: "2", key: "158x01" }]
+]), O = (r) => {
+  const e = r.type, t = r.name;
+  return e.includes("pdf") || t.endsWith(".pdf") || e.includes("word") || t.endsWith(".doc") || t.endsWith(".docx") ? ne : e.includes("zip") || e.includes("archive") || t.endsWith(".zip") || t.endsWith(".rar") ? ie : e.includes("excel") || t.endsWith(".xls") || t.endsWith(".xlsx") ? le : e.includes("video/") ? pe : e.includes("audio/") ? ce : e.startsWith("image/") ? Y : de;
+}, me = y({
+  base: "rounded-md text-muted ring-0"
+}), he = ({ file: r }) => {
+  const e = O(r);
+  return /* @__PURE__ */ a(q, { icon: e, size: "lg", className: me() });
+}, fe = y({
+  slots: {
+    wrapper: "box-border flex h-16 justify-between gap-2 rounded-xl border border-secondary-border bg-background p-3 pe-3",
+    infoWrapper: "flex min-w-0 flex-1 items-center gap-2.5",
+    textWrapper: "flex min-w-0 flex-col gap-0.5",
+    title: "truncate text-sm font-medium",
+    description: "text-xs text-muted",
+    actionWrapper: "-me-3 -mt-3 flex h-8 items-center -space-x-1.5"
+  }
+}), _ = U.forwardRef(
+  ({ onClear: r, onDownload: e, file: t, className: i, ...l }, c) => {
+    const s = fe();
+    return /* @__PURE__ */ p("div", { className: s.wrapper({ className: i }), ref: c, ...l, children: [
+      /* @__PURE__ */ p("div", { className: s.infoWrapper(), children: [
+        /* @__PURE__ */ a(he, { file: t }),
+        /* @__PURE__ */ p("div", { className: s.textWrapper(), children: [
+          /* @__PURE__ */ a(B, { className: s.title(), children: t.name }),
+          /* @__PURE__ */ a("p", { className: s.description(), children: T(t.size) })
+        ] })
+      ] }),
+      /* @__PURE__ */ p("div", { className: s.actionWrapper(), children: [
+        e && /* @__PURE__ */ a(
+          C,
+          {
+            variant: "text",
+            type: "button",
+            size: "sm",
+            icon: Z,
+            onClick: () => e(t),
+            "aria-label": "Download file",
+            iconClassName: "size-4"
+          }
+        ),
+        /* @__PURE__ */ a(
+          C,
+          {
+            variant: "text",
+            type: "button",
+            size: "sm",
+            icon: L,
+            onClick: r,
+            "aria-label": "Remove file",
+            iconClassName: "size-4"
+          }
+        )
+      ] })
+    ] });
+  }
+);
+_.displayName = "FileUploadItem";
+const R = U.forwardRef(({ error: r, ...e }, t) => {
+  const i = Array.isArray(r) ? r.join(`
+`) : r;
+  return /* @__PURE__ */ p(ee, { status: "error", focus: "medium", ...e, ref: t, children: [
+    /* @__PURE__ */ a(ae, { icon: re }),
+    /* @__PURE__ */ a(te, { className: "whitespace-pre-line", children: i })
+  ] });
+});
+R.displayName = "FileUploadError";
+const ue = y({
+  base: "shrink-0 bg-status-neutral-fg"
+}), H = ({ icon: r, className: e, ...t }) => /* @__PURE__ */ a(q, { size: "xl", icon: r, className: ue({ className: e }), ...t });
+H.displayName = "FileUploadDropAreaIcon";
+const ye = y({
+  slots: {
+    wrapper: [
+      "has-[:disabled]:pointer-events-none has-[:disabled]:opacity-50",
+      "relative flex min-h-[9.125rem] flex-col items-center justify-center rounded-xl border border-dashed border-primary-border bg-secondary-bg p-6 transition-colors",
+      "hover:bg-secondary-bg-hover",
+      "has-[input:focus]:shadow-focus",
+      "data-[dragging=true]:bg-secondary-bg-hover"
+    ],
+    title: "mb-1.5 text-sm font-medium text-primary-accent",
+    icon: "mb-3 size-11",
+    description: "flex flex-wrap justify-center gap-1 text-xs text-muted"
+  }
+}), X = U.forwardRef(
+  ({
+    className: r,
+    title: e = "Click to upload or drop your files here ",
+    description: t = `All files
+∙
+Infinity files
+∙
+Infinity size`,
+    icon: i,
+    children: l,
+    ...c
+  }, s) => {
+    const o = ye();
+    return /* @__PURE__ */ p("div", { role: "button", className: o.wrapper({ className: r }), ref: s, ...c, children: [
+      /* @__PURE__ */ a(H, { icon: i || E, className: o.icon() }),
+      /* @__PURE__ */ a("p", { className: o.title(), children: e }),
+      t && /* @__PURE__ */ a("p", { className: o.description(), children: t }),
+      l
+    ] });
+  }
+);
+X.displayName = "FileUploadDropArea";
+const be = y({
+  slots: {
+    wrapper: [
+      "has-[:disabled]:pointer-events-none has-[:disabled]:opacity-50",
+      "relative flex h-11 items-center rounded-lg border border-dashed border-primary-border bg-secondary-bg p-1.5 transition-colors",
+      "hover:bg-secondary-bg-hover",
+      "has-[input:focus]:shadow-focus",
+      "data-[dragging=true]:bg-secondary-bg-hover"
+    ],
+    icon: "mr-3",
+    title: "text-sm font-medium text-primary-accent",
+    description: "ml-1.5 flex flex-wrap justify-center gap-1.5 text-xs text-muted"
+  }
+}), $ = U.forwardRef(
+  ({ className: r, title: e = "Upload files", description: t = "Drag & drop or click to browse", icon: i, children: l, ...c }, s) => {
+    const o = be();
+    return /* @__PURE__ */ p("div", { role: "button", className: o.wrapper({ className: r }), ref: s, ...c, children: [
+      /* @__PURE__ */ a(H, { icon: i || E, className: o.icon(), size: "sm" }),
+      /* @__PURE__ */ p("div", { className: "flex items-baseline", children: [
+        /* @__PURE__ */ a("p", { className: o.title(), children: e }),
+        t && /* @__PURE__ */ p(Q, { children: [
+          /* @__PURE__ */ a("span", { className: "ml-1.5 text-muted", children: "∙" }),
+          /* @__PURE__ */ a("p", { className: o.description(), children: t })
+        ] }),
+        l
+      ] })
+    ] });
+  }
+);
+$.displayName = "FileUploadInlineDropArea";
+const G = ({ children: r = "Remove all files", ...e }) => /* @__PURE__ */ a(oe, { size: "sm", variant: "outline", type: "button", ...e, children: r });
+G.displayName = "FileUploadClearButton";
+const J = ({
+  isDragging: r,
+  getInputProps: e,
+  openFileDialog: t,
+  handleDragEnter: i,
+  handleDragLeave: l,
+  handleDragOver: c,
+  handleDrop: s,
+  ...o
+}) => /* @__PURE__ */ a(
+  X,
+  {
+    onClick: t,
+    onDragEnter: i,
+    onDragLeave: l,
+    onDragOver: c,
+    onDrop: s,
+    "data-dragging": r || void 0,
+    ...o,
+    children: /* @__PURE__ */ a("input", { className: "sr-only", "aria-label": "Upload files", ...e() })
+  }
+);
+J.displayName = "FileUploadInputZone";
+const K = ({
+  isDragging: r,
+  getInputProps: e,
+  openFileDialog: t,
+  handleDragEnter: i,
+  handleDragLeave: l,
+  handleDragOver: c,
+  handleDrop: s,
+  ...o
+}) => /* @__PURE__ */ a(
+  $,
+  {
+    onClick: t,
+    onDragEnter: i,
+    onDragLeave: l,
+    onDragOver: c,
+    onDrop: s,
+    "data-dragging": r || void 0,
+    ...o,
+    children: /* @__PURE__ */ a("input", { className: "sr-only", "aria-label": "Upload files", ...e() })
+  }
+);
+K.displayName = "FileUploadCompactInputZone";
+const xe = y({
+  slots: {
+    wrapper: "box-border flex h-10 items-center gap-2 rounded-lg border border-secondary-border bg-background p-2.5 pr-1",
+    icon: "text-muted",
+    infoWrapper: "flex w-full items-center overflow-hidden",
+    textWrapper: "flex w-full items-center justify-between",
+    title: "truncate text-sm font-medium",
+    description: "text-sm text-muted",
+    actionWrapper: "ml-auto flex items-center -space-x-1.5"
+  }
+}), P = U.forwardRef(
+  ({ onClear: r, file: e, className: t, renderIcon: i, onDownload: l, ...c }, s) => {
+    const o = xe(), N = O(e);
+    return /* @__PURE__ */ a("div", { className: "relative", children: /* @__PURE__ */ p("div", { className: o.wrapper({ className: t }), ref: s, ...c, children: [
+      i ?? /* @__PURE__ */ a("div", { className: "size-5", children: /* @__PURE__ */ a(se, { icon: N, size: "lg", className: o.icon() }) }),
+      /* @__PURE__ */ a("div", { className: o.infoWrapper(), children: /* @__PURE__ */ p("div", { className: o.textWrapper(), children: [
+        /* @__PURE__ */ a(B, { className: o.title(), children: e.name }),
+        /* @__PURE__ */ a("p", { className: o.description(), children: T(e.size) })
+      ] }) }),
+      /* @__PURE__ */ p("div", { className: o.actionWrapper(), children: [
+        l && /* @__PURE__ */ a(
+          C,
+          {
+            variant: "text",
+            size: "sm",
+            type: "button",
+            icon: Z,
+            onClick: () => l(e),
+            "aria-label": "Download file",
+            iconClassName: "size-4"
+          }
+        ),
+        /* @__PURE__ */ a(
+          C,
+          {
+            variant: "text",
+            size: "sm",
+            type: "button",
+            icon: L,
+            onClick: r,
+            "aria-label": "Remove file",
+            iconClassName: "size-4"
+          }
+        )
+      ] })
+    ] }) });
+  }
+);
+P.displayName = "FileUploadItemCompact";
+const ge = y({
+  base: "flex flex-col gap-3"
+}), ve = (r) => {
+  const {
+    files: e,
+    onRemove: t,
+    onAdd: i,
+    onClear: l,
+    onDownload: c,
+    initialFiles: s,
+    onChange: o,
+    className: N,
+    title: I,
+    description: w,
+    helpText: z,
+    removeBtnText: D,
+    errorMessages: A,
+    multiple: F = !0,
+    ...M
+  } = r, [{ files: b, isDragging: k, errors: x }, g] = S({
+    ...M,
+    initialFiles: s,
+    multiple: F,
+    errorMessages: A,
+    onFilesChange: (d) => {
+      const u = d.map((h) => h.file);
+      o?.(u);
+    },
+    onFilesAdded: (d) => {
+      const u = d.map((h) => h.file);
+      i?.(u);
+    }
+  }), n = V(() => e || b.map((d) => d.file), [e, b]), m = W(() => {
+    g.clearFiles(), l?.();
+  }, [g, l]), f = W(
+    (d, u) => {
+      const h = b.find((j) => j.file.name === d.name && j.file.size === d.size)?.id;
+      h && g.removeFile(h), t?.(d, u);
+    },
+    [b, g, t]
+  );
+  return /* @__PURE__ */ p("div", { className: ge({ className: N }), children: [
+    /* @__PURE__ */ a(
+      J,
+      {
+        ...g,
+        isDragging: k,
+        title: I,
+        description: w,
+        helpText: z
+      }
+    ),
+    x.length > 0 && /* @__PURE__ */ a(R, { error: x }),
+    n.length > 0 && /* @__PURE__ */ p("div", { className: "space-y-2", children: [
+      n.map((d, u) => /* @__PURE__ */ a(
+        _,
+        {
+          file: d,
+          onClear: () => f(d, u),
+          onDownload: c
+        },
+        u
+      )),
+      n.length > 1 && /* @__PURE__ */ a(G, { onClick: m, children: D })
+    ] })
+  ] });
+};
+ve.displayName = "FileUpload";
+const Fe = y({
+  base: "box-border flex flex-col gap-2"
+}), Ne = (r) => {
+  const {
+    files: e,
+    onRemove: t,
+    onDownload: i,
+    onAdd: l,
+    initialFiles: c,
+    onChange: s,
+    className: o,
+    title: N,
+    description: I,
+    multiple: w = !0,
+    errorMessages: z,
+    renderFileIcon: D,
+    ...A
+  } = r, [{ files: F, isDragging: M, errors: b }, k] = S({
+    ...A,
+    initialFiles: c,
+    multiple: w,
+    errorMessages: z,
+    onFilesChange: (n) => {
+      const m = n.map((f) => f.file);
+      s?.(m);
+    },
+    onFilesAdded: (n) => {
+      const m = n.map((f) => f.file);
+      l?.(m);
+    }
+  }), x = V(() => e || F.map((n) => n.file), [e, F]), g = W(
+    (n, m) => {
+      const f = F.find((d) => d.file.name === n.name && d.file.size === n.size)?.id;
+      f && k.removeFile(f), t?.(n, m);
+    },
+    [F, k, t]
+  );
+  return /* @__PURE__ */ p("div", { className: Fe({ className: o }), children: [
+    /* @__PURE__ */ a(K, { ...k, isDragging: M, title: N, description: I }),
+    b.length > 0 && /* @__PURE__ */ a(R, { error: b }),
+    x.length > 0 && /* @__PURE__ */ a("div", { children: x.map((n, m) => {
+      const f = m === 0, d = x.length === 1, u = m === x.length - 1;
+      let h = "";
+      return d ? h = "" : f ? h = "border-b-0 rounded-b-none" : u ? h = "rounded-t-none" : h = "border-b-0 rounded-none", /* @__PURE__ */ a(
+        P,
+        {
+          file: n,
+          onClear: () => g(n, m),
+          className: h,
+          renderIcon: D?.(n),
+          onDownload: i
+        },
+        m
+      );
+    }) })
+  ] });
+};
+Ne.displayName = "FileUploadCompact";
+export {
+  ve as FileUpload,
+  G as FileUploadClearButton,
+  Ne as FileUploadCompact,
+  K as FileUploadCompactInputZone,
+  X as FileUploadDropArea,
+  R as FileUploadError,
+  he as FileUploadIcon,
+  $ as FileUploadInlineDropArea,
+  J as FileUploadInputZone,
+  _ as FileUploadItem,
+  P as FileUploadItemCompact
+};
+//# sourceMappingURL=file-upload.js.map

package/dist/components/file-upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.js","sources":["../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/file-archive.js","../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/file-spreadsheet.js","../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/file-text.js","../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/file.js","../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/headphones.js","../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/upload.js","../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/video.js","../../src/hooks/useFileType.ts","../../src/components/file-upload/components/file-upload-icon/FileUploadIcon.tsx","../../src/components/file-upload/components/file-upload-item/FileUploadItem.tsx","../../src/components/file-upload/components/file-upload-error/FileUploadError.tsx","../../src/components/file-upload/components/file-upload-drop-area-icon/FileUploadDropAreaIcon.tsx","../../src/components/file-upload/components/file-upload-drop-area/FileUploadDropArea.tsx","../../src/components/file-upload/components/file-upload-inline-drop-area/FileUploadInlineDropArea.tsx","../../src/components/file-upload/components/file-upload-clear-button/FileUploadClearButton.tsx","../../src/components/file-upload/components/file-upload-input-zone/FileUploadInputZone.tsx","../../src/components/file-upload/components/file-upload-compact-input-zone/FileUploadCompactInputZone.tsx","../../src/components/file-upload/components/file-upload-item-compact/FileUploadItemCompact.tsx","../../src/components/file-upload/FileUpload.tsx","../../src/components/file-upload/file-upload-compact/FileUploadCompact.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 FileArchive = createLucideIcon(\"FileArchive\", [\n  [\"path\", { d: \"M10 12v-1\", key: \"v7bkov\" }],\n  [\"path\", { d: \"M10 18v-2\", key: \"1cjy8d\" }],\n  [\"path\", { d: \"M10 7V6\", key: \"dljcrl\" }],\n  [\"path\", { d: \"M14 2v4a2 2 0 0 0 2 2h4\", key: \"tnqrlb\" }],\n  [\n    \"path\",\n    { d: \"M15.5 22H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v16a2 2 0 0 0 .274 1.01\", key: \"gkbcor\" }\n  ],\n  [\"circle\", { cx: \"10\", cy: \"20\", r: \"2\", key: \"1xzdoj\" }]\n]);\n\nexport { FileArchive as default };\n//# sourceMappingURL=file-archive.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 FileSpreadsheet = createLucideIcon(\"FileSpreadsheet\", [\n  [\"path\", { d: \"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\", key: \"1rqfz7\" }],\n  [\"path\", { d: \"M14 2v4a2 2 0 0 0 2 2h4\", key: \"tnqrlb\" }],\n  [\"path\", { d: \"M8 13h2\", key: \"yr2amv\" }],\n  [\"path\", { d: \"M14 13h2\", key: \"un5t4a\" }],\n  [\"path\", { d: \"M8 17h2\", key: \"2yhykz\" }],\n  [\"path\", { d: \"M14 17h2\", key: \"10kma7\" }]\n]);\n\nexport { FileSpreadsheet as default };\n//# sourceMappingURL=file-spreadsheet.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 FileText = createLucideIcon(\"FileText\", [\n  [\"path\", { d: \"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\", key: \"1rqfz7\" }],\n  [\"path\", { d: \"M14 2v4a2 2 0 0 0 2 2h4\", key: \"tnqrlb\" }],\n  [\"path\", { d: \"M10 9H8\", key: \"b1mrlr\" }],\n  [\"path\", { d: \"M16 13H8\", key: \"t4e002\" }],\n  [\"path\", { d: \"M16 17H8\", key: \"z1uh3a\" }]\n]);\n\nexport { FileText as default };\n//# sourceMappingURL=file-text.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 File = createLucideIcon(\"File\", [\n  [\"path\", { d: \"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\", key: \"1rqfz7\" }],\n  [\"path\", { d: \"M14 2v4a2 2 0 0 0 2 2h4\", key: \"tnqrlb\" }]\n]);\n\nexport { File as default };\n//# sourceMappingURL=file.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 Headphones = createLucideIcon(\"Headphones\", [\n  [\n    \"path\",\n    {\n      d: \"M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3\",\n      key: \"1xhozi\"\n    }\n  ]\n]);\n\nexport { Headphones as default };\n//# sourceMappingURL=headphones.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 Upload = createLucideIcon(\"Upload\", [\n  [\"path\", { d: \"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\", key: \"ih7n3h\" }],\n  [\"polyline\", { points: \"17 8 12 3 7 8\", key: \"t8dd8p\" }],\n  [\"line\", { x1: \"12\", x2: \"12\", y1: \"3\", y2: \"15\", key: \"widbto\" }]\n]);\n\nexport { Upload as default };\n//# sourceMappingURL=upload.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 Video = createLucideIcon(\"Video\", [\n  [\n    \"path\",\n    {\n      d: \"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\",\n      key: \"ftymec\"\n    }\n  ],\n  [\"rect\", { x: \"2\", y: \"6\", width: \"14\", height: \"12\", rx: \"2\", key: \"158x01\" }]\n]);\n\nexport { Video as default };\n//# sourceMappingURL=video.js.map\n","import {\r\n\tFileArchiveIcon,\r\n\tFileIcon,\r\n\tFileSpreadsheetIcon,\r\n\tFileTextIcon,\r\n\tHeadphonesIcon,\r\n\tImageIcon,\r\n\tVideoIcon\r\n} from \"lucide-react\";\r\nimport { FileData } from \"./use-file-upload/useFileUpload\";\r\n\r\nexport const useFileType = (file: FileData) => {\r\n\tconst fileType = file.type;\r\n\tconst fileName = file.name;\r\n\r\n\t// Определяем тип файла и возвращаем соответствующую иконку\r\n\tif (\r\n\t\tfileType.includes(\"pdf\") ||\r\n\t\tfileName.endsWith(\".pdf\") ||\r\n\t\tfileType.includes(\"word\") ||\r\n\t\tfileName.endsWith(\".doc\") ||\r\n\t\tfileName.endsWith(\".docx\")\r\n\t) {\r\n\t\treturn FileTextIcon;\r\n\t} else if (\r\n\t\tfileType.includes(\"zip\") ||\r\n\t\tfileType.includes(\"archive\") ||\r\n\t\tfileName.endsWith(\".zip\") ||\r\n\t\tfileName.endsWith(\".rar\")\r\n\t) {\r\n\t\treturn FileArchiveIcon;\r\n\t} else if (fileType.includes(\"excel\") || fileName.endsWith(\".xls\") || fileName.endsWith(\".xlsx\")) {\r\n\t\treturn FileSpreadsheetIcon;\r\n\t} else if (fileType.includes(\"video/\")) {\r\n\t\treturn VideoIcon;\r\n\t} else if (fileType.includes(\"audio/\")) {\r\n\t\treturn HeadphonesIcon;\r\n\t} else if (fileType.startsWith(\"image/\")) {\r\n\t\treturn ImageIcon;\r\n\t}\r\n\r\n\treturn FileIcon;\r\n};\r\n","import { FeatureIcon } from \"@/components/icon\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { FileData } from \"@/hooks/use-file-upload/useFileUpload\";\r\nimport { useFileType } from \"@/hooks/useFileType\";\r\n\r\nconst fileIconStyles = tv({\r\n\tbase: \"rounded-md text-muted ring-0\"\r\n});\r\n\r\nexport interface FileUploadIconProps {\r\n\tfile: FileData;\r\n}\r\n\r\nexport const FileUploadIcon = ({ file }: FileUploadIconProps) => {\r\n\tconst IconComponent = useFileType(file);\r\n\r\n\treturn <FeatureIcon icon={IconComponent} size=\"lg\" className={fileIconStyles()} />;\r\n};\r\n","import { IconButton } from \"@/components/button\";\r\nimport { FileData } from \"@/hooks/use-file-upload/useFileUpload\";\r\nimport { formatBytes } from \"@/lib/utils/file/formatBytes\";\r\nimport { Download, XIcon } from \"lucide-react\";\r\nimport React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { FileUploadIcon } from \"../file-upload-icon/FileUploadIcon\";\r\nimport { TextOverflowTooltip } from \"@/components/overflow-tooltip\";\r\n\r\nconst fileUploadItemStyles = tv({\r\n\tslots: {\r\n\t\twrapper:\r\n\t\t\t\"box-border flex h-16 justify-between gap-2 rounded-xl border border-secondary-border bg-background p-3 pe-3\",\r\n\t\tinfoWrapper: \"flex min-w-0 flex-1 items-center gap-2.5\",\r\n\t\ttextWrapper: \"flex min-w-0 flex-col gap-0.5\",\r\n\t\ttitle: \"truncate text-sm font-medium\",\r\n\t\tdescription: \"text-xs text-muted\",\r\n\t\tactionWrapper: \"-me-3 -mt-3 flex h-8 items-center -space-x-1.5\"\r\n\t}\r\n});\r\n\r\nexport type FileUploadItemProps = React.HTMLAttributes<HTMLDivElement> & {\r\n\tonClear: () => void;\r\n\tonDownload?: (file: FileData) => void;\r\n\tfile: FileData;\r\n};\r\n\r\nexport const FileUploadItem = React.forwardRef<HTMLDivElement, FileUploadItemProps>(\r\n\t({ onClear, onDownload, file, className, ...props }, ref) => {\r\n\t\tconst styles = fileUploadItemStyles();\r\n\r\n\t\treturn (\r\n\t\t\t<div className={styles.wrapper({ className })} ref={ref} {...props}>\r\n\t\t\t\t<div className={styles.infoWrapper()}>\r\n\t\t\t\t\t<FileUploadIcon file={file} />\r\n\r\n\t\t\t\t\t<div className={styles.textWrapper()}>\r\n\t\t\t\t\t\t<TextOverflowTooltip className={styles.title()}>{file.name}</TextOverflowTooltip>\r\n\t\t\t\t\t\t<p className={styles.description()}>{formatBytes(file.size)}</p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div className={styles.actionWrapper()}>\r\n\t\t\t\t\t{onDownload && (\r\n\t\t\t\t\t\t<IconButton\r\n\t\t\t\t\t\t\tvariant=\"text\"\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\t\ticon={Download}\r\n\t\t\t\t\t\t\tonClick={() => onDownload(file)}\r\n\t\t\t\t\t\t\taria-label=\"Download file\"\r\n\t\t\t\t\t\t\ticonClassName=\"size-4\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t<IconButton\r\n\t\t\t\t\t\tvariant=\"text\"\r\n\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\ticon={XIcon}\r\n\t\t\t\t\t\tonClick={onClear}\r\n\t\t\t\t\t\taria-label=\"Remove file\"\r\n\t\t\t\t\t\ticonClassName=\"size-4\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFileUploadItem.displayName = \"FileUploadItem\";\r\n","import { Alert, AlertDescription, AlertIcon } from \"@/components/alert\";\r\nimport { AlertCircleIcon } from \"lucide-react\";\r\nimport React from \"react\";\r\n\r\nexport type FileUploadErrorProps = React.HTMLAttributes<HTMLDivElement> & {\r\n\terror: string | string[];\r\n};\r\n\r\nexport const FileUploadError = React.forwardRef<HTMLDivElement, FileUploadErrorProps>(({ error, ...props }, ref) => {\r\n\tconst errorText = Array.isArray(error) ? error.join(\"\\n\") : error;\r\n\treturn (\r\n\t\t<Alert status=\"error\" focus=\"medium\" {...props} ref={ref}>\r\n\t\t\t<AlertIcon icon={AlertCircleIcon} />\r\n\t\t\t<AlertDescription className=\"whitespace-pre-line\">{errorText}</AlertDescription>\r\n\t\t</Alert>\r\n\t);\r\n});\r\n\r\nFileUploadError.displayName = \"FileUploadError\";\r\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { FeatureIcon } from \"@/components/icon\";\r\nimport { FeatureIconProps } from \"@/components/icon/feature-icon/FeatureIcon\";\r\n\r\nconst fileUploadDropAreaIconStyles = tv({\r\n\tbase: \"shrink-0 bg-status-neutral-fg\"\r\n});\r\n\r\nexport const FileUploadDropAreaIcon: React.FC<FeatureIconProps> = ({ icon, className, ...props }) => {\r\n\treturn <FeatureIcon size=\"xl\" icon={icon} className={fileUploadDropAreaIconStyles({ className })} {...props} />;\r\n};\r\n\r\nFileUploadDropAreaIcon.displayName = \"FileUploadDropAreaIcon\";\r\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { FileUploadDropAreaIcon } from \"../file-upload-drop-area-icon/FileUploadDropAreaIcon\";\r\nimport { LucideIcon, Upload } from \"lucide-react\";\r\n\r\nconst fileUploadDropAreaStyles = tv({\r\n\tslots: {\r\n\t\twrapper: [\r\n\t\t\t\"has-[:disabled]:pointer-events-none has-[:disabled]:opacity-50\",\r\n\t\t\t\"relative flex min-h-[9.125rem] flex-col items-center justify-center rounded-xl border border-dashed border-primary-border bg-secondary-bg p-6 transition-colors\",\r\n\t\t\t\"hover:bg-secondary-bg-hover\",\r\n\t\t\t\"has-[input:focus]:shadow-focus\",\r\n\t\t\t\"data-[dragging=true]:bg-secondary-bg-hover\"\r\n\t\t],\r\n\t\ttitle: \"mb-1.5 text-sm font-medium text-primary-accent\",\r\n\t\ticon: \"mb-3 size-11\",\r\n\t\tdescription: \"flex flex-wrap justify-center gap-1 text-xs text-muted\"\r\n\t}\r\n});\r\n\r\nexport type FileUploadDropAreaProps = React.HTMLAttributes<HTMLDivElement> & {\r\n\ttitle?: React.ReactNode;\r\n\tdescription?: React.ReactNode;\r\n\ticon?: LucideIcon;\r\n};\r\n\r\nexport const FileUploadDropArea = React.forwardRef<HTMLDivElement, FileUploadDropAreaProps>(\r\n\t(\r\n\t\t{\r\n\t\t\tclassName,\r\n\t\t\ttitle = \"Click to upload or drop your files here \",\r\n\t\t\tdescription = \"All files\\n∙\\nInfinity files\\n∙\\nInfinity size\",\r\n\t\t\ticon,\r\n\t\t\tchildren,\r\n\t\t\t...props\r\n\t\t},\r\n\t\tref\r\n\t) => {\r\n\t\tconst styles = fileUploadDropAreaStyles();\r\n\r\n\t\treturn (\r\n\t\t\t<div role=\"button\" className={styles.wrapper({ className })} ref={ref} {...props}>\r\n\t\t\t\t<FileUploadDropAreaIcon icon={icon || Upload} className={styles.icon()} />\r\n\t\t\t\t<p className={styles.title()}>{title}</p>\r\n\t\t\t\t{description && <p className={styles.description()}>{description}</p>}\r\n\t\t\t\t{children}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFileUploadDropArea.displayName = \"FileUploadDropArea\";\r\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { FileUploadDropAreaIcon } from \"../file-upload-drop-area-icon/FileUploadDropAreaIcon\";\r\nimport { LucideIcon, Upload } from \"lucide-react\";\r\n\r\nconst fileUploadInlineDropAreaStyles = tv({\r\n\tslots: {\r\n\t\twrapper: [\r\n\t\t\t\"has-[:disabled]:pointer-events-none has-[:disabled]:opacity-50\",\r\n\t\t\t\"relative flex h-11 items-center rounded-lg border border-dashed border-primary-border bg-secondary-bg p-1.5 transition-colors\",\r\n\t\t\t\"hover:bg-secondary-bg-hover\",\r\n\t\t\t\"has-[input:focus]:shadow-focus\",\r\n\t\t\t\"data-[dragging=true]:bg-secondary-bg-hover\"\r\n\t\t],\r\n\t\ticon: \"mr-3\",\r\n\t\ttitle: \"text-sm font-medium text-primary-accent\",\r\n\t\tdescription: \"ml-1.5 flex flex-wrap justify-center gap-1.5 text-xs text-muted\"\r\n\t}\r\n});\r\n\r\nexport type FileUploadInlineDropAreaProps = React.HTMLAttributes<HTMLDivElement> & {\r\n\ttitle?: React.ReactNode;\r\n\tdescription?: React.ReactNode;\r\n\ticon?: LucideIcon;\r\n};\r\n\r\nexport const FileUploadInlineDropArea = React.forwardRef<HTMLDivElement, FileUploadInlineDropAreaProps>(\r\n\t(\r\n\t\t{ className, title = \"Upload files\", description = \"Drag & drop or click to browse\", icon, children, ...props },\r\n\t\tref\r\n\t) => {\r\n\t\tconst styles = fileUploadInlineDropAreaStyles();\r\n\r\n\t\treturn (\r\n\t\t\t<div role=\"button\" className={styles.wrapper({ className })} ref={ref} {...props}>\r\n\t\t\t\t<FileUploadDropAreaIcon icon={icon || Upload} className={styles.icon()} size=\"sm\" />\r\n\t\t\t\t<div className=\"flex items-baseline\">\r\n\t\t\t\t\t<p className={styles.title()}>{title}</p>\r\n\t\t\t\t\t{description && (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t<span className=\"ml-1.5 text-muted\">∙</span>\r\n\t\t\t\t\t\t\t<p className={styles.description()}>{description}</p>\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{children}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFileUploadInlineDropArea.displayName = \"FileUploadInlineDropArea\";\r\n","import { Button, ButtonProps } from \"../../../button\";\r\n\r\n/**\r\n * Кнопка для удаления всех файлов в компоненте загрузки файлов\r\n */\r\nexport type FileUploadClearButtonProps = ButtonProps;\r\n\r\nexport const FileUploadClearButton = ({ children = \"Remove all files\", ...props }: FileUploadClearButtonProps) => {\r\n\treturn (\r\n\t\t<Button size=\"sm\" variant=\"outline\" type=\"button\" {...props}>\r\n\t\t\t{children}\r\n\t\t</Button>\r\n\t);\r\n};\r\n\r\nFileUploadClearButton.displayName = \"FileUploadClearButton\";\r\n","import { FileUploadActions } from \"@/hooks/use-file-upload/useFileUpload\";\r\nimport { FileUploadTexts } from \"../../FileUpload\";\r\nimport { FileUploadDropArea } from \"../file-upload-drop-area/FileUploadDropArea\";\r\n\r\nexport type FileUploadInputZoneProps = Omit<FileUploadTexts, \"removeBtnText\"> &\r\n\tPick<\r\n\t\tFileUploadActions,\r\n\t\t\"openFileDialog\" | \"handleDragEnter\" | \"handleDragLeave\" | \"handleDragOver\" | \"handleDrop\" | \"getInputProps\"\r\n\t> & {\r\n\t\tisDragging?: boolean;\r\n\t};\r\n\r\nexport const FileUploadInputZone = ({\r\n\tisDragging,\r\n\tgetInputProps,\r\n\topenFileDialog,\r\n\thandleDragEnter,\r\n\thandleDragLeave,\r\n\thandleDragOver,\r\n\thandleDrop,\r\n\t...props\r\n}: FileUploadInputZoneProps) => {\r\n\treturn (\r\n\t\t<FileUploadDropArea\r\n\t\t\tonClick={openFileDialog}\r\n\t\t\tonDragEnter={handleDragEnter}\r\n\t\t\tonDragLeave={handleDragLeave}\r\n\t\t\tonDragOver={handleDragOver}\r\n\t\t\tonDrop={handleDrop}\r\n\t\t\tdata-dragging={isDragging || undefined}\r\n\t\t\t{...props}\r\n\t\t>\r\n\t\t\t<input className=\"sr-only\" aria-label=\"Upload files\" {...getInputProps()} />\r\n\t\t</FileUploadDropArea>\r\n\t);\r\n};\r\n\r\nFileUploadInputZone.displayName = \"FileUploadInputZone\";\r\n","import { FileUploadActions } from \"@/hooks/use-file-upload/useFileUpload\";\r\nimport { FileUploadTexts } from \"../../FileUpload\";\r\nimport { FileUploadInlineDropArea } from \"../file-upload-inline-drop-area/FileUploadInlineDropArea\";\r\n\r\nexport type FileUploadCompactInputZoneProps = Omit<FileUploadTexts, \"removeBtnText\" | \"helpText\"> &\r\n\tPick<\r\n\t\tFileUploadActions,\r\n\t\t\"openFileDialog\" | \"handleDragEnter\" | \"handleDragLeave\" | \"handleDragOver\" | \"handleDrop\" | \"getInputProps\"\r\n\t> & {\r\n\t\tisDragging?: boolean;\r\n\t};\r\n\r\nexport const FileUploadCompactInputZone = ({\r\n\tisDragging,\r\n\tgetInputProps,\r\n\topenFileDialog,\r\n\thandleDragEnter,\r\n\thandleDragLeave,\r\n\thandleDragOver,\r\n\thandleDrop,\r\n\t...props\r\n}: FileUploadCompactInputZoneProps) => {\r\n\treturn (\r\n\t\t<FileUploadInlineDropArea\r\n\t\t\tonClick={openFileDialog}\r\n\t\t\tonDragEnter={handleDragEnter}\r\n\t\t\tonDragLeave={handleDragLeave}\r\n\t\t\tonDragOver={handleDragOver}\r\n\t\t\tonDrop={handleDrop}\r\n\t\t\tdata-dragging={isDragging || undefined}\r\n\t\t\t{...props}\r\n\t\t>\r\n\t\t\t<input className=\"sr-only\" aria-label=\"Upload files\" {...getInputProps()} />\r\n\t\t</FileUploadInlineDropArea>\r\n\t);\r\n};\r\n\r\nFileUploadCompactInputZone.displayName = \"FileUploadCompactInputZone\";\r\n","import { IconButton } from \"@/components/button\";\r\nimport { FileData } from \"@/hooks/use-file-upload/useFileUpload\";\r\nimport { formatBytes } from \"@/lib/utils/file/formatBytes\";\r\nimport { Download, XIcon } from \"lucide-react\";\r\nimport React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { useFileType } from \"@/hooks/useFileType\";\r\nimport { Icon } from \"@/components/icon\";\r\nimport { TextOverflowTooltip } from \"@/components/overflow-tooltip\";\r\n\r\nconst fileUploadItemCompactStyles = tv({\r\n\tslots: {\r\n\t\twrapper:\r\n\t\t\t\"box-border flex h-10 items-center gap-2 rounded-lg border border-secondary-border bg-background p-2.5 pr-1\",\r\n\t\ticon: \"text-muted\",\r\n\t\tinfoWrapper: \"flex w-full items-center overflow-hidden\",\r\n\t\ttextWrapper: \"flex w-full items-center justify-between\",\r\n\t\ttitle: \"truncate text-sm font-medium\",\r\n\t\tdescription: \"text-sm text-muted\",\r\n\t\tactionWrapper: \"ml-auto flex items-center -space-x-1.5\"\r\n\t}\r\n});\r\n\r\nexport type FileUploadItemCompactProps = React.HTMLAttributes<HTMLDivElement> & {\r\n\tonClear: () => void;\r\n\tfile: FileData;\r\n\trenderIcon?: React.ReactNode;\r\n\tonDownload?: (file: FileData) => void;\r\n};\r\n\r\nexport const FileUploadItemCompact = React.forwardRef<HTMLDivElement, FileUploadItemCompactProps>(\r\n\t({ onClear, file, className, renderIcon, onDownload, ...props }, ref) => {\r\n\t\tconst styles = fileUploadItemCompactStyles();\r\n\t\tconst IconComponent = useFileType(file);\r\n\r\n\t\treturn (\r\n\t\t\t<div className=\"relative\">\r\n\t\t\t\t<div className={styles.wrapper({ className })} ref={ref} {...props}>\r\n\t\t\t\t\t{renderIcon ?? (\r\n\t\t\t\t\t\t<div className=\"size-5\">\r\n\t\t\t\t\t\t\t<Icon icon={IconComponent} size=\"lg\" className={styles.icon()} />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t<div className={styles.infoWrapper()}>\r\n\t\t\t\t\t\t<div className={styles.textWrapper()}>\r\n\t\t\t\t\t\t\t<TextOverflowTooltip className={styles.title()}>{file.name}</TextOverflowTooltip>\r\n\t\t\t\t\t\t\t<p className={styles.description()}>{formatBytes(file.size)}</p>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div className={styles.actionWrapper()}>\r\n\t\t\t\t\t\t{onDownload && (\r\n\t\t\t\t\t\t\t<IconButton\r\n\t\t\t\t\t\t\t\tvariant=\"text\"\r\n\t\t\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\ticon={Download}\r\n\t\t\t\t\t\t\t\tonClick={() => onDownload(file)}\r\n\t\t\t\t\t\t\t\taria-label=\"Download file\"\r\n\t\t\t\t\t\t\t\ticonClassName=\"size-4\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t<IconButton\r\n\t\t\t\t\t\t\tvariant=\"text\"\r\n\t\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\ticon={XIcon}\r\n\t\t\t\t\t\t\tonClick={onClear}\r\n\t\t\t\t\t\t\taria-label=\"Remove file\"\r\n\t\t\t\t\t\t\ticonClassName=\"size-4\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFileUploadItemCompact.displayName = \"FileUploadItemCompact\";\r\n","import {\r\n\tFileData,\r\n\tFileMetadata,\r\n\tFileUploadConstraints,\r\n\tFileValue,\r\n\tuseFileUpload\r\n} from \"@/hooks/use-file-upload/useFileUpload\";\r\nimport { useCallback, useMemo } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { FileUploadClearButton } from \"./components/file-upload-clear-button/FileUploadClearButton\";\r\nimport { FileUploadError } from \"./components/file-upload-error/FileUploadError\";\r\nimport { FileUploadInputZone } from \"./components/file-upload-input-zone/FileUploadInputZone\";\r\nimport { FileUploadItem } from \"./components/file-upload-item/FileUploadItem\";\r\nimport { FileUploadErrorMessages } from \"@/hooks/use-file-upload\";\r\n\r\nconst fileUploadStyles = tv({\r\n\tbase: \"flex flex-col gap-3\"\r\n});\r\n\r\nexport type FileUploadTexts = {\r\n\ttitle?: string;\r\n\tdescription?: string;\r\n\thelpText?: string;\r\n\tremoveBtnText?: string;\r\n};\r\n\r\nexport type FileUploadBaseProps = FileUploadConstraints & FileUploadTexts;\r\n\r\nexport type FileUploadProps = FileUploadBaseProps & {\r\n\tfiles?: FileValue[];\r\n\tonChange?: (files: FileValue[]) => void;\r\n\tonRemove?: (file: FileValue, index: number) => void;\r\n\tonAdd?: (files: FileValue[]) => void;\r\n\tonClear?: () => void;\r\n\tonDownload?: (file: FileData) => void;\r\n\r\n\tinitialFiles?: FileMetadata[];\r\n\tclassName?: string;\r\n\terrorMessages?: Partial<FileUploadErrorMessages>;\r\n};\r\n\r\nexport const FileUpload = (props: FileUploadProps) => {\r\n\tconst {\r\n\t\tfiles,\r\n\t\tonRemove,\r\n\t\tonAdd,\r\n\t\tonClear,\r\n\t\tonDownload,\r\n\t\tinitialFiles,\r\n\t\tonChange,\r\n\t\tclassName,\r\n\t\ttitle,\r\n\t\tdescription,\r\n\t\thelpText,\r\n\t\tremoveBtnText,\r\n\t\terrorMessages,\r\n\t\tmultiple = true,\r\n\t\t...constraints\r\n\t} = props;\r\n\tconst [{ files: stateFiles, isDragging, errors }, actions] = useFileUpload({\r\n\t\t...constraints,\r\n\t\tinitialFiles,\r\n\t\tmultiple,\r\n\t\terrorMessages,\r\n\t\tonFilesChange: (filesWithPreview) => {\r\n\t\t\tconst files = filesWithPreview.map((file) => file.file);\r\n\t\t\tonChange?.(files);\r\n\t\t},\r\n\t\tonFilesAdded: (filesWithPreview) => {\r\n\t\t\tconst files = filesWithPreview.map((file) => file.file);\r\n\t\t\tonAdd?.(files);\r\n\t\t}\r\n\t});\r\n\r\n\tconst actualFiles = useMemo(() => {\r\n\t\treturn files || stateFiles.map((file) => file.file);\r\n\t}, [files, stateFiles]);\r\n\r\n\tconst handleClearAll = useCallback(() => {\r\n\t\tactions.clearFiles();\r\n\t\tonClear?.();\r\n\t}, [actions, onClear]);\r\n\r\n\tconst handleRemoveFile = useCallback(\r\n\t\t(file: FileValue, index: number) => {\r\n\t\t\tconst fileId = stateFiles.find((f) => f.file.name === file.name && f.file.size === file.size)?.id;\r\n\t\t\tif (fileId) actions.removeFile(fileId);\r\n\t\t\tonRemove?.(file, index);\r\n\t\t},\r\n\t\t[stateFiles, actions, onRemove]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<div className={fileUploadStyles({ className })}>\r\n\t\t\t<FileUploadInputZone\r\n\t\t\t\t{...actions}\r\n\t\t\t\tisDragging={isDragging}\r\n\t\t\t\ttitle={title}\r\n\t\t\t\tdescription={description}\r\n\t\t\t\thelpText={helpText}\r\n\t\t\t/>\r\n\r\n\t\t\t{errors.length > 0 && <FileUploadError error={errors} />}\r\n\r\n\t\t\t{actualFiles.length > 0 && (\r\n\t\t\t\t<div className=\"space-y-2\">\r\n\t\t\t\t\t{actualFiles.map((file, index) => (\r\n\t\t\t\t\t\t<FileUploadItem\r\n\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\tfile={file}\r\n\t\t\t\t\t\t\tonClear={() => handleRemoveFile(file, index)}\r\n\t\t\t\t\t\t\tonDownload={onDownload}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t))}\r\n\t\t\t\t\t{actualFiles.length > 1 && (\r\n\t\t\t\t\t\t<FileUploadClearButton onClick={handleClearAll}>{removeBtnText}</FileUploadClearButton>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nFileUpload.displayName = \"FileUpload\";\r\n","import { FileMetadata, FileValue, useFileUpload, type FileUploadErrorMessages } from \"@/hooks/use-file-upload\";\r\nimport React, { useCallback, useMemo } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { FileUploadBaseProps } from \"../FileUpload\";\r\nimport { FileUploadItemCompact } from \"../components/file-upload-item-compact/FileUploadItemCompact\";\r\nimport { FileUploadError } from \"../components/file-upload-error/FileUploadError\";\r\nimport { FileUploadCompactInputZone } from \"../components/file-upload-compact-input-zone/FileUploadCompactInputZone\";\r\nimport { FileData } from \"@/hooks/use-file-upload/useFileUpload\";\r\n\r\nconst fileUploadStyles = tv({\r\n\tbase: \"box-border flex flex-col gap-2\"\r\n});\r\n\r\nexport type FileUploadCompactProps = Omit<FileUploadBaseProps, \"removeBtnText\" | \"helpText\"> & {\r\n\tfiles?: FileValue[];\r\n\tonChange?: (files: FileValue[]) => void;\r\n\tonRemove?: (file: FileValue, index: number) => void;\r\n\tonAdd?: (files: FileValue[]) => void;\r\n\tonDownload?: (file: FileData) => void;\r\n\tinitialFiles?: FileMetadata[];\r\n\tclassName?: string;\r\n\terrorMessages?: Partial<FileUploadErrorMessages>;\r\n\trenderFileIcon?: (file: FileValue) => React.ReactNode;\r\n};\r\n\r\nexport const FileUploadCompact = (props: FileUploadCompactProps) => {\r\n\tconst {\r\n\t\tfiles,\r\n\t\tonRemove,\r\n\t\tonDownload,\r\n\t\tonAdd,\r\n\t\tinitialFiles,\r\n\t\tonChange,\r\n\t\tclassName,\r\n\t\ttitle,\r\n\t\tdescription,\r\n\t\tmultiple = true,\r\n\t\terrorMessages,\r\n\t\trenderFileIcon,\r\n\t\t...constraints\r\n\t} = props;\r\n\tconst [{ files: stateFiles, isDragging, errors }, actions] = useFileUpload({\r\n\t\t...constraints,\r\n\t\tinitialFiles,\r\n\t\tmultiple,\r\n\t\terrorMessages,\r\n\t\tonFilesChange: (filesWithPreview) => {\r\n\t\t\tconst files = filesWithPreview.map((file) => file.file);\r\n\t\t\tonChange?.(files);\r\n\t\t},\r\n\t\tonFilesAdded: (filesWithPreview) => {\r\n\t\t\tconst files = filesWithPreview.map((file) => file.file);\r\n\t\t\tonAdd?.(files);\r\n\t\t}\r\n\t});\r\n\r\n\tconst actualFiles = useMemo(() => {\r\n\t\treturn files || stateFiles.map((file) => file.file);\r\n\t}, [files, stateFiles]);\r\n\r\n\tconst handleRemoveFile = useCallback(\r\n\t\t(file: FileValue, index: number) => {\r\n\t\t\tconst fileId = stateFiles.find((f) => f.file.name === file.name && f.file.size === file.size)?.id;\r\n\t\t\tif (fileId) actions.removeFile(fileId);\r\n\t\t\tonRemove?.(file, index);\r\n\t\t},\r\n\t\t[stateFiles, actions, onRemove]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<div className={fileUploadStyles({ className })}>\r\n\t\t\t<FileUploadCompactInputZone {...actions} isDragging={isDragging} title={title} description={description} />\r\n\r\n\t\t\t{errors.length > 0 && <FileUploadError error={errors} />}\r\n\r\n\t\t\t{actualFiles.length > 0 && (\r\n\t\t\t\t<div>\r\n\t\t\t\t\t{actualFiles.map((file, index) => {\r\n\t\t\t\t\t\tconst isFirst = index === 0;\r\n\t\t\t\t\t\tconst isOnly = actualFiles.length === 1;\r\n\t\t\t\t\t\tconst isLast = index === actualFiles.length - 1;\r\n\r\n\t\t\t\t\t\tlet itemClassName = \"\";\r\n\t\t\t\t\t\tif (isOnly) {\r\n\t\t\t\t\t\t\titemClassName = \"\";\r\n\t\t\t\t\t\t} else if (isFirst) {\r\n\t\t\t\t\t\t\titemClassName = \"border-b-0 rounded-b-none\";\r\n\t\t\t\t\t\t} else if (isLast) {\r\n\t\t\t\t\t\t\titemClassName = \"rounded-t-none\";\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\titemClassName = \"border-b-0 rounded-none\";\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<FileUploadItemCompact\r\n\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\tfile={file}\r\n\t\t\t\t\t\t\t\tonClear={() => handleRemoveFile(file, index)}\r\n\t\t\t\t\t\t\t\tclassName={itemClassName}\r\n\t\t\t\t\t\t\t\trenderIcon={renderFileIcon?.(file)}\r\n\t\t\t\t\t\t\t\tonDownload={onDownload}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nFileUploadCompact.displayName = \"FileUploadCompact\";\r\n"],"names":["FileArchive","createLucideIcon","FileSpreadsheet","FileText","File","Headphones","Upload","Video","useFileType","file","fileType","fileName","FileTextIcon","FileArchiveIcon","FileSpreadsheetIcon","VideoIcon","HeadphonesIcon","ImageIcon","FileIcon","fileIconStyles","tv","FileUploadIcon","IconComponent","jsx","FeatureIcon","fileUploadItemStyles","FileUploadItem","React","onClear","onDownload","className","props","ref","styles","jsxs","TextOverflowTooltip","formatBytes","IconButton","Download","XIcon","FileUploadError","error","errorText","Alert","AlertIcon","AlertCircleIcon","AlertDescription","fileUploadDropAreaIconStyles","FileUploadDropAreaIcon","icon","fileUploadDropAreaStyles","FileUploadDropArea","title","description","children","fileUploadInlineDropAreaStyles","FileUploadInlineDropArea","Fragment","FileUploadClearButton","Button","FileUploadInputZone","isDragging","getInputProps","openFileDialog","handleDragEnter","handleDragLeave","handleDragOver","handleDrop","FileUploadCompactInputZone","fileUploadItemCompactStyles","FileUploadItemCompact","renderIcon","Icon","fileUploadStyles","FileUpload","files","onRemove","onAdd","initialFiles","onChange","helpText","removeBtnText","errorMessages","multiple","constraints","stateFiles","errors","actions","useFileUpload","filesWithPreview","actualFiles","useMemo","handleClearAll","useCallback","handleRemoveFile","index","fileId","f","FileUploadCompact","renderFileIcon","isFirst","isOnly","isLast","itemClassName"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6]}

package/dist/components/form/Form.d.ts

@@ -1,8 +1,19 @@
-import { ControllerProps, FieldPath, FieldValues, FormProviderProps, FieldError } from 'react-hook-form';
+import { FormProvider, ControllerProps, FieldPath, FieldValues, FieldError } from 'react-hook-form';
 import { SlotProps } from '@radix-ui/react-slot';
 import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+/**
+ * Основной контейнер формы
+ */
+declare const Form: <T extends FieldValues>({ className, asChild, ...props }: React.ComponentProps<typeof FormProvider<T>> & {
+    /** Дополнительные классы */
+    className?: string;
+    /** Использовать ли дочерний элемент как корневой */
+    asChild?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Поле формы с валидацией
+ */
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
 declare const useFormField: () => {
     invalid: boolean;
@@ -16,12 +27,24 @@ declare const useFormField: () => {
     formDescriptionId: string;
     formMessageId: string;
 };
+/**
+ * Контейнер для элементов формы
+ */
 declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 interface FormLabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
+    /** Обязательное ли поле */
     required?: boolean;
 }
+/**
+ * Лейбл для поля формы
+ */
 declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;
+/**
+ * Контрол для поля формы
+ */
 declare const FormControl: React.ForwardRefExoticComponent<Omit< SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
-declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Сообщение об ошибке
+ */
 declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField as FormFieldControl };
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormMessage, FormField as FormFieldControl };