@vkzstudio/muza-ui 1.0.18 → 1.0.19

package/dist/components/FileUpload/FileItem.d.ts

@@ -1,5 +1,4 @@
-interface FileItemProps {
-    file: File;
+interface FileItemBaseProps {
     uploaded?: boolean;
     progress?: number;
     size?: 'sm' | 'base' | 'lg';
@@ -10,6 +9,17 @@ interface FileItemProps {
     onDelete: () => void;
     onError?: (error: string, file?: File) => void;
 }
-export declare const FileItem: ({ file, uploaded, progress, size, disabled, readOnly, note, error, onDelete, onError, }: FileItemProps) => import("react/jsx-runtime").JSX.Element;
+interface FileItemFileProps extends FileItemBaseProps {
+    source: 'file';
+    file: File;
+}
+interface FileItemUrlProps extends FileItemBaseProps {
+    source: 'url';
+    url: string;
+    name: string;
+    type?: string;
+}
+type FileItemProps = FileItemFileProps | FileItemUrlProps;
+export declare const FileItem: (props: FileItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FileItem.d.ts.map

package/dist/components/FileUpload/FileItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileItem.tsx"],"names":[],"mappings":"AA4CA,UAAU,aAAa;IACrB,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/C;AAyDD,eAAO,MAAM,QAAQ,GAAI,yFAWtB,aAAa,4CAmJf,CAAA"}
+{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileItem.tsx"],"names":[],"mappings":"AA4CA,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/C;AAED,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,IAAI,CAAA;CACX;AAED,UAAU,gBAAiB,SAAQ,iBAAiB;IAClD,MAAM,EAAE,KAAK,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,KAAK,aAAa,GAAG,iBAAiB,GAAG,gBAAgB,CAAA;AA2DzD,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CA6L5C,CAAA"}

package/dist/components/FileUpload/FileItem.js

@@ -1,21 +1,21 @@
-import { jsxs as u, jsx as o } from "react/jsx-runtime";
-import * as m from "react";
-import { cva as k } from "class-variance-authority";
-import { useMuzaTranslations as w } from "../../translations/TranslationContext.js";
-import { cn as i } from "../../utils/cn.js";
-import { GalleryOutline as N, CloseCircleBold as z, DownloadMinimalisticBold as L, TrashBinTrashBold as U } from "@solar-icons/react-perf";
-import { Typography as f } from "../Typography/Typography.js";
-const B = (a, l, t) => {
-  let r = null, e = null;
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import * as f from "react";
+import { cva as z } from "class-variance-authority";
+import { useMuzaTranslations as L } from "../../translations/TranslationContext.js";
+import { cn as l } from "../../utils/cn.js";
+import { GalleryOutline as B, CloseCircleBold as C, DownloadMinimalisticBold as R, TrashBinTrashBold as j } from "@solar-icons/react-perf";
+import { Typography as b } from "../Typography/Typography.js";
+const E = (e, a, t) => {
+  let r = null, o = null;
   try {
-    r = URL.createObjectURL(a), e = document.createElement("a"), e.href = r, e.download = a.name, e.style.display = "none", document.body.appendChild(e), e.click();
+    r = URL.createObjectURL(e), o = document.createElement("a"), o.href = r, o.download = e.name, o.style.display = "none", document.body.appendChild(o), o.click();
   } catch (d) {
-    const n = d instanceof Error ? d.message : t ?? "Download failed";
-    console.error("Download failed:", d), l == null || l(n, a);
+    const s = d instanceof Error ? d.message : t ?? "Download failed";
+    console.error("Download failed:", d), a == null || a(s, e);
   } finally {
-    e && document.body.contains(e) && document.body.removeChild(e), r && URL.revokeObjectURL(r);
+    o && document.body.contains(o) && document.body.removeChild(o), r && URL.revokeObjectURL(r);
   }
-}, C = k(
+}, O = z(
   [
     "flex flex-1 items-center gap-sm rounded-full border transition-colors",
     "relative pr-comp-input-p-hor pl-comp-input-p-hor",
@@ -60,126 +60,140 @@ const B = (a, l, t) => {
       size: "base"
     }
   }
-), b = i([
+), h = l([
   "relative h-fit w-fit border-none rounded-full focus-visible-default",
   "before:absolute before:inset-[-3px]",
   "bg-none cursor-pointer disabled:cursor-not-allowed",
   "text-comp-file-upload-icon-def-secondary",
   "disabled:text-comp-file-upload-icon-def-disabled"
-]), D = ({
-  file: a,
-  uploaded: l,
-  progress: t,
-  size: r,
-  disabled: e,
-  readOnly: d = !1,
-  note: n,
-  error: c,
-  onDelete: h,
-  onError: v
-}) => {
-  const s = w(), [x, g] = m.useState(!1), y = m.useMemo(() => e ? "disabled" : c ? "error" : typeof t == "number" && t > 0 ? "loading" : "default", [e, c, t]), p = m.useMemo(() => {
-    if (a.type.startsWith("image/"))
-      return URL.createObjectURL(a);
-  }, [a]);
-  return m.useEffect(() => {
-    g(!1);
-  }, [a]), /* @__PURE__ */ u("li", { className: "flex flex-col gap-sm", children: [
-    /* @__PURE__ */ u(
+]), I = /\.(jpe?g|png|gif|webp|svg|bmp|ico|avif|tiff?)$/i, G = (e) => {
+  const {
+    uploaded: a,
+    progress: t,
+    size: r,
+    disabled: o,
+    readOnly: d = !1,
+    note: s,
+    error: c,
+    onDelete: x,
+    onError: k
+  } = e, m = L(), [g, y] = f.useState(!1), v = e.source === "file" ? e.file.name : e.name, w = e.source === "url" ? (e.type ?? "").startsWith("image/") || I.test(e.name) : e.file.type.startsWith("image/"), n = e.source === "file" ? e.file : e.url, U = f.useMemo(() => o ? "disabled" : c ? "error" : typeof t == "number" && t > 0 ? "loading" : "default", [o, c, t]), u = f.useMemo(() => {
+    if (w)
+      return typeof n == "string" ? n : URL.createObjectURL(n);
+  }, [w, n]);
+  return f.useEffect(() => y(!1), [n]), /* @__PURE__ */ p("li", { className: "flex flex-col gap-sm", children: [
+    /* @__PURE__ */ p(
       "div",
       {
-        className: i(
-          C({
-            variant: y,
+        className: l(
+          O({
+            variant: U,
             size: r
           })
         ),
         children: [
-          p && !x && /* @__PURE__ */ o(
+          u && !g && /* @__PURE__ */ i(
             "img",
             {
-              src: p,
-              alt: a.name,
+              src: u,
+              alt: v,
               width: 24,
               height: 24,
-              onError: () => g(!0),
-              className: i("size-icon-medium shrink-0 rounded-xs object-cover", {
-                "opacity-50 saturate-0": e
+              onError: () => y(!0),
+              className: l("size-icon-medium shrink-0 rounded-xs object-cover", {
+                "opacity-50 saturate-0": o
               })
             }
           ),
-          p && x && /* @__PURE__ */ o(
-            N,
+          u && g && /* @__PURE__ */ i(
+            B,
             {
-              className: i(
+              className: l(
                 "text-icon-dark-secondary size-icon-medium shrink-0",
                 {
-                  "opacity-50": e
+                  "opacity-50": o
                 }
               )
             }
           ),
-          /* @__PURE__ */ o(
-            f,
+          /* @__PURE__ */ i(
+            b,
             {
               className: "flex-grow truncate",
               component: "span",
               size: "sm",
               fixY: !0,
-              children: a.name
+              children: v
             }
           ),
-          !l && /* @__PURE__ */ o(
+          !a && /* @__PURE__ */ i(
             "button",
             {
-              disabled: e,
-              onClick: h,
-              "aria-label": s.fileUpload.deleteButtonAriaLabel,
-              className: i(
-                b,
+              disabled: o,
+              onClick: x,
+              "aria-label": m.fileUpload.deleteButtonAriaLabel,
+              className: l(
+                h,
                 "text-comp-file-upload-icon-def-secondary",
                 "hover:text-comp-file-upload-icon-def-hover",
                 "focus-visible:text-comp-file-upload-icon-def-focused",
                 "disabled:text-comp-file-upload-icon-def-disabled"
               ),
-              children: /* @__PURE__ */ o(z, { className: "size-icon-medium" })
+              children: /* @__PURE__ */ i(C, { className: "size-icon-medium" })
             }
           ),
-          l && /* @__PURE__ */ u("div", { className: "flex gap-xl", children: [
-            /* @__PURE__ */ o(
+          a && /* @__PURE__ */ p("div", { className: "flex gap-xl", children: [
+            /* @__PURE__ */ i(
               "button",
               {
-                disabled: e,
-                onClick: () => B(a, v, s.fileUpload.downloadError),
-                "aria-label": s.fileUpload.downloadButtonAriaLabel,
-                className: i(
-                  b,
+                disabled: o,
+                onClick: () => e.source === "url" ? (() => {
+                  try {
+                    const N = new URL(
+                      e.url,
+                      window.location.origin
+                    );
+                    ["http:", "https:", "blob:"].includes(N.protocol) && window.open(
+                      N.href,
+                      "_blank",
+                      "noopener,noreferrer"
+                    );
+                  } catch {
+                  }
+                })() : E(
+                  e.file,
+                  k,
+                  m.fileUpload.downloadError
+                ),
+                "aria-label": m.fileUpload.downloadButtonAriaLabel,
+                className: l(
+                  h,
                   "text-comp-file-upload-icon-brand-def",
                   "hover:text-comp-file-upload-icon-brand-hover",
                   "focus-visible:text-comp-file-upload-icon-brand-focused",
                   "disabled:text-comp-file-upload-icon-brand-disabled"
                 ),
-                children: /* @__PURE__ */ o(L, { className: "size-icon-medium" })
+                children: /* @__PURE__ */ i(R, { className: "size-icon-medium" })
               }
             ),
-            !d && /* @__PURE__ */ o(
+            !d && /* @__PURE__ */ i(
               "button",
               {
-                disabled: e,
-                onClick: h,
-                "aria-label": s.fileUpload.deleteButtonAriaLabel,
-                className: i(
-                  b,
+                disabled: o,
+                onClick: x,
+                "aria-label": m.fileUpload.deleteButtonAriaLabel,
+                className: l(
+                  h,
                   "text-comp-file-upload-icon-error-def",
                   "hover:text-comp-file-upload-icon-error-hover",
                   "focus-visible:text-comp-file-upload-icon-error-focused",
                   "disabled:text-comp-file-upload-icon-error-disabled"
                 ),
-                children: /* @__PURE__ */ o(U, { className: "size-icon-medium" })
+                children: /* @__PURE__ */ i(j, { className: "size-icon-medium" })
               }
             )
           ] }),
-          typeof t == "number" && t !== 0 && /* @__PURE__ */ o(
+          typeof t == "number" && t !== 0 && /* @__PURE__ */ i(
             "div",
             {
               style: { width: `${t}%` },
@@ -189,19 +203,19 @@ const B = (a, l, t) => {
         ]
       }
     ),
-    n && /* @__PURE__ */ o(
-      f,
+    s && /* @__PURE__ */ i(
+      b,
       {
         size: "sm",
         component: "span",
         variant: "body",
         weight: "regular",
         className: "text-comp-input-text-secondary",
-        children: n
+        children: s
       }
     ),
-    c && /* @__PURE__ */ o(
-      f,
+    c && /* @__PURE__ */ i(
+      b,
       {
         size: "sm",
         component: "span",
@@ -214,5 +228,5 @@ const B = (a, l, t) => {
   ] });
 };
 export {
-  D as FileItem
+  G as FileItem
 };

package/dist/components/FileUpload/FileUpload.d.ts

@@ -6,6 +6,20 @@ declare const fileUploadVariants: (props?: ({
     isDragActive?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Represents a remote file that is already uploaded and accessible via URL.
+ * Used to display previously-uploaded files without re-fetching them as `File` objects.
+ */
+export interface PreselectedUrl {
+    /** Direct URL to the file. */
+    url: string;
+    /** Display name for the file. */
+    name: string;
+    /** MIME type — if starts with `"image/"`, shows thumbnail. Falls back to extension sniffing from name. */
+    type?: string;
+    /** File size in bytes (for display). */
+    size?: number;
+}
 /**
  * Props for the FileUpload component.
  * Extends standard div attributes except `onDrop`, `onError`, and `onChange`
@@ -85,6 +99,10 @@ export interface FileUploadProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     onDelete?: (file: File, index: number) => void;
     /** Fires when the file list changes. Receives the updated array of all files. */
     onChange?: (files: File[]) => void;
+    /** Already-uploaded files to display via URL, without needing `File` objects. @default [] */
+    preselectedUrls?: PreselectedUrl[];
+    /** Fires when a URL-backed item is deleted. Receives the item and its index in the `preselectedUrls` array. */
+    onDeleteUrl?: (item: PreselectedUrl, index: number) => void;
 }
 declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLDivElement>>;
 export { FileUpload };

package/dist/components/FileUpload/FileUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,KAAK,eAAe,EAAe,MAAM,gBAAgB,CAAA;AASlE,QAAA,MAAM,kBAAkB;;;;8EAoCvB,CAAA;AAgBD;;;;GAIG;AACH,MAAM,WAAW,eACf,SAAQ,IAAI,CACR,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,QAAQ,GAAG,SAAS,GAAG,UAAU,CAClC,EACD,IAAI,CAAC,YAAY,CAAC,OAAO,kBAAkB,CAAC,EAAE,cAAc,CAAC;IAC/D,kFAAkF;IAClF,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IACxC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC1B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gHAAgH;IAChH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,0EAA0E;IAC1E,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gGAAgG;IAChG,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC;;;;OAIG;IACH,eAAe,CAAC,EAAE,IAAI,CACpB,eAAe,EACf,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAC1D,CAAA;IACD,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAA;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACvD;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAC9B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAC7B,mGAAmG;IACnG,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IAC9C,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;CACnC;AAED,QAAA,MAAM,UAAU,wFA8Mf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.tsx"],"names":[],"mappings":"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"}

package/dist/components/FileUpload/FileUpload.js

@@ -1,15 +1,15 @@
-import { jsxs as u, jsx as i, Fragment as H } from "react/jsx-runtime";
-import * as M from "react";
-import { cva as T } from "class-variance-authority";
-import { useDropzone as E } from "react-dropzone";
-import { FileItem as C } from "./FileItem.js";
-import { useMuzaTranslations as ee } from "../../translations/TranslationContext.js";
-import { Flex as oe } from "../Flex/Flex.js";
-import { FormField as te } from "../FormField/FormField.js";
-import { cn as P } from "../../utils/cn.js";
-import { CloudUploadOutline as re } from "@solar-icons/react-perf";
-import { Typography as F } from "../Typography/Typography.js";
-const le = T(
+import { jsxs as f, jsx as a, Fragment as ee } from "react/jsx-runtime";
+import * as F from "react";
+import { cva as B } from "class-variance-authority";
+import { useDropzone as oe } from "react-dropzone";
+import { FileItem as K } from "./FileItem.js";
+import { useMuzaTranslations as te } from "../../translations/TranslationContext.js";
+import { Flex as re } from "../Flex/Flex.js";
+import { FormField as le } from "../FormField/FormField.js";
+import { cn as _ } from "../../utils/cn.js";
+import { CloudUploadOutline as se } from "@solar-icons/react-perf";
+import { Typography as S } from "../Typography/Typography.js";
+const ie = B(
   [
     "group relative cursor-pointer rounded-xl border-1 border-dashed transition-colors",
     "p-4xl pt-3xl pr-4xl pb-3xl",
@@ -45,7 +45,7 @@ const le = T(
       }
     }
   }
-), se = T(
+), ae = B(
   [
     "text-center transition-colors",
     "text-comp-file-upload-text-dark-secondary"
@@ -57,166 +57,186 @@ const le = T(
       }
     }
   }
-), ie = M.forwardRef(
+), de = F.forwardRef(
   ({
-    className: S,
-    onDrop: n,
-    accept: f,
-    multiple: U = !0,
-    maxSize: x,
-    maxSizeErrorMessage: V,
-    size: K = "base",
-    disabled: c = !1,
-    readOnly: g = !1,
-    dropzoneOptions: _,
-    label: k,
-    title: B,
-    subtitle: y,
-    preselectedFiles: G = [],
-    fileStatus: J = [],
+    className: y,
+    onDrop: x,
+    accept: u,
+    multiple: k = !0,
+    maxSize: g,
+    maxSizeErrorMessage: G,
+    size: $ = "base",
+    disabled: p = !1,
+    readOnly: m = !1,
+    dropzoneOptions: J,
+    label: w,
+    title: L,
+    subtitle: N,
+    preselectedFiles: Q = [],
+    fileStatus: W = [],
     itemErrors: b,
     itemHints: h,
-    error: L,
+    error: X,
     required: v,
-    disableRequiredAsterisk: O,
+    disableRequiredAsterisk: Y,
     onError: t,
     onDelete: z,
-    onChange: p,
-    ...Q
-  }, W) => {
-    const m = ee(), [w, $] = M.useState(G), [N, I] = M.useState(!1), X = B ?? m.fileUpload.title, R = x ? m.fileUpload.maxSizeError.replace(
+    onChange: c,
+    preselectedUrls: U = [],
+    onDeleteUrl: M,
+    ...Z
+  }, q) => {
+    const n = te(), [I, R] = F.useState(Q), [j, A] = F.useState(!1), O = L ?? n.fileUpload.title, P = g ? n.fileUpload.maxSizeError.replace(
       "{size}",
-      (x / (1024 * 1024)).toFixed(0)
-    ) : "", j = V ?? R, { getRootProps: Y, getInputProps: Z, isDragActive: q } = E({
-      onDrop: (o, a) => {
+      (g / (1024 * 1024)).toFixed(0)
+    ) : "", T = G ?? P, { getRootProps: H, getInputProps: D, isDragActive: E } = oe({
+      onDrop: (e, l) => {
         try {
-          if (I(!1), a.length > 0 && a.some(
-            (r) => r.errors.some((l) => l.code === "file-too-large")
+          if (A(!1), l.length > 0 && l.some(
+            (r) => r.errors.some((s) => s.code === "file-too-large")
           )) {
-            I(!0);
-            const r = j || R;
-            t == null || t(r, a[0].file);
+            A(!0);
+            const r = T || P;
+            t == null || t(r, l[0].file);
             return;
           }
-          $((e) => {
+          R((o) => {
             const r = new Set(
-              e.map((s) => `${s.name}-${s.size}-${s.lastModified}`)
-            ), l = o.filter(
-              (s) => !r.has(`${s.name}-${s.size}-${s.lastModified}`)
-            ), d = [...e, ...l];
-            return p == null || p(d), d;
-          }), n == null || n(o);
-        } catch (e) {
-          const r = e instanceof Error ? e.message : m.fileUpload.processingError;
+              o.map((i) => `${i.name}-${i.size}-${i.lastModified}`)
+            ), s = e.filter(
+              (i) => !r.has(`${i.name}-${i.size}-${i.lastModified}`)
+            ), d = [...o, ...s];
+            return c == null || c(d), d;
+          }), x == null || x(e);
+        } catch (o) {
+          const r = o instanceof Error ? o.message : n.fileUpload.processingError;
           t == null || t(r);
         }
       },
-      accept: typeof f == "string" ? { [f]: [] } : f ? Object.fromEntries(f.map((o) => [o, []])) : void 0,
-      multiple: U,
-      maxSize: x,
-      disabled: c,
-      ..._
-    }), A = g || !U && w.length > 0;
-    return /* @__PURE__ */ u(oe, { direction: "column", gap: "lg", children: [
-      (!A || k) && /* @__PURE__ */ i(
-        te,
+      accept: typeof u == "string" ? { [u]: [] } : u ? Object.fromEntries(u.map((e) => [e, []])) : void 0,
+      multiple: k,
+      maxSize: g,
+      disabled: p,
+      ...J
+    }), V = m || !k && (I.length > 0 || U.length > 0);
+    return /* @__PURE__ */ f(re, { direction: "column", gap: "lg", children: [
+      (!V || w) && /* @__PURE__ */ a(
+        le,
         {
-          label: k,
+          label: w,
           required: v,
-          disableRequiredAsterisk: O,
-          children: !A && /* @__PURE__ */ u(H, { children: [
-            /* @__PURE__ */ u(
+          disableRequiredAsterisk: Y,
+          children: !V && /* @__PURE__ */ f(ee, { children: [
+            /* @__PURE__ */ f(
               "div",
               {
-                ref: W,
-                tabIndex: c ? void 0 : 0,
-                className: P(
-                  le({
-                    error: L || N,
-                    disabled: c,
-                    className: S,
-                    isDragActive: q
+                ref: q,
+                tabIndex: p ? void 0 : 0,
+                className: _(
+                  ie({
+                    error: X || j,
+                    disabled: p,
+                    className: y,
+                    isDragActive: E
                   })
                 ),
-                ...Y(),
-                ...Q,
+                ...H(),
+                ...Z,
                 children: [
-                  /* @__PURE__ */ i(
+                  /* @__PURE__ */ a(
                     "input",
                     {
-                      ...Z({ required: v }),
+                      ...D({ required: v }),
                       "aria-required": v
                     }
                   ),
-                  /* @__PURE__ */ i(re, { className: "inline size-comp-file-upload-ico-size" }),
-                  /* @__PURE__ */ u("div", { children: [
-                    /* @__PURE__ */ i(F, { size: "base", component: "p", weight: "medium", children: X }),
-                    y && /* @__PURE__ */ i(
-                      F,
+                  /* @__PURE__ */ a(se, { className: "inline size-comp-file-upload-ico-size" }),
+                  /* @__PURE__ */ f("div", { children: [
+                    /* @__PURE__ */ a(S, { size: "base", component: "p", weight: "medium", children: O }),
+                    N && /* @__PURE__ */ a(
+                      S,
                       {
                         size: "sm",
                         component: "p",
                         weight: "regular",
-                        className: P(
-                          se({
-                            disabled: c,
-                            className: S
+                        className: _(
+                          ae({
+                            disabled: p,
+                            className: y
                           })
                         ),
-                        children: y
+                        children: N
                       }
                     )
                   ] })
                 ]
               }
             ),
-            N && /* @__PURE__ */ i(
-              F,
+            j && /* @__PURE__ */ a(
+              S,
               {
                 size: "sm",
                 variant: "body",
                 component: "p",
                 weight: "regular",
                 className: "text-comp-file-upload-text-error-def",
-                children: j
+                children: T
               }
             )
           ] })
         }
       ),
-      /* @__PURE__ */ i("ul", { className: "flex flex-col gap-md", children: w.map((o, a) => {
-        const e = J[a], r = e == null ? void 0 : e.uploaded;
-        return g && !r ? null : /* @__PURE__ */ i(
-          C,
+      /* @__PURE__ */ f("ul", { className: "flex flex-col gap-md", children: [
+        U.map((e, l) => /* @__PURE__ */ a(
+          K,
           {
-            file: o,
-            uploaded: r,
-            progress: e == null ? void 0 : e.progress,
-            disabled: c,
-            readOnly: g,
-            error: b == null ? void 0 : b.get(o),
-            note: h == null ? void 0 : h.get(o),
-            onError: t,
-            size: K,
-            onDelete: () => {
-              try {
-                $((l) => {
-                  const d = l.filter((s, D) => D !== a);
-                  return p == null || p(d), d;
-                }), z == null || z(o, a);
-              } catch (l) {
-                const d = l instanceof Error ? l.message : m.fileUpload.deleteError;
-                t == null || t(d, o);
-              }
-            }
+            source: "url",
+            url: e.url,
+            name: e.name,
+            type: e.type,
+            uploaded: !0,
+            disabled: p,
+            readOnly: m,
+            size: $,
+            onDelete: () => M == null ? void 0 : M(e, l)
           },
-          o.name
-        );
-      }) })
+          `url-${e.url}`
+        )),
+        I.map((e, l) => {
+          const o = W[l], r = o == null ? void 0 : o.uploaded;
+          return m && !r ? null : /* @__PURE__ */ a(
+            K,
+            {
+              source: "file",
+              file: e,
+              uploaded: r,
+              progress: o == null ? void 0 : o.progress,
+              disabled: p,
+              readOnly: m,
+              error: b == null ? void 0 : b.get(e),
+              note: h == null ? void 0 : h.get(e),
+              onError: t,
+              size: $,
+              onDelete: () => {
+                try {
+                  R((s) => {
+                    const d = s.filter((i, C) => C !== l);
+                    return c == null || c(d), d;
+                  }), z == null || z(e, l);
+                } catch (s) {
+                  const d = s instanceof Error ? s.message : n.fileUpload.deleteError;
+                  t == null || t(d, e);
+                }
+              }
+            },
+            e.name
+          );
+        })
+      ] })
     ] });
   }
 );
-ie.displayName = "FileUpload";
+de.displayName = "FileUpload";
 export {
-  ie as FileUpload
+  de as FileUpload
 };

package/dist/components/FileUpload/FileUpload.stories.d.ts

@@ -17,4 +17,7 @@ export declare const Disabled: Story;
 export declare const WithErrorsAndHints: Story;
 export declare const ReadOnly: Story;
 export declare const UploadSimulation: Story;
+export declare const PreselectedUrls: Story;
+export declare const MixedFilesAndUrls: Story;
+export declare const SingleFileWithUrl: Story;
 //# sourceMappingURL=FileUpload.stories.d.ts.map

package/dist/components/FileUpload/FileUpload.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAkKjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAmBnB,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAoBpC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAqBjC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAexB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA0ChC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA0F9B,CAAA"}
+{"version":3,"file":"FileUpload.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAuB,MAAM,cAAc,CAAA;AAE9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA8KjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAmBnB,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAoBpC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAqBjC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAexB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA0ChC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA0F9B,CAAA;AAmBD,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAsB/B,CAAA"}

package/dist/components/FileUpload/index.d.ts

@@ -1,2 +1,2 @@
-export { FileUpload, type FileUploadProps } from './FileUpload';
+export { FileUpload, type FileUploadProps, type PreselectedUrl, } from './FileUpload';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/FileUpload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,cAAc,GACpB,MAAM,cAAc,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkzstudio/muza-ui",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "description": "React component library built with Vite, shadcn/ui, and Tailwind CSS",
   "type": "module",
   "main": "./dist/index.js",