@vkzstudio/muza-ui 1.0.44 → 1.0.45

package/dist/components/ExpandableTable/ExpandableTable.js

@@ -1,13 +1,13 @@
-import { jsxs as m, jsx as s, Fragment as J } from "react/jsx-runtime";
-import { useState as B, useRef as Q, useEffect as U, useCallback as Y, useMemo as E, Fragment as Z } from "react";
-import { cva as D } from "class-variance-authority";
-import { useIsMinSm as S, useIsMinMd as R, useIsMinLg as I, useIsMinXl as w, useIsMin2xl as ee, useIsMin3xl as re } from "../../hooks/use-is-breakpoint.js";
-import { Table as se, TableHeader as te, TableRow as H, TableHead as ie, TableRowGroup as ne, TableCell as P } from "./Table.js";
-import { cn as o } from "../../utils/cn.js";
+import { jsxs as m, jsx as t, Fragment as G } from "react/jsx-runtime";
+import { useState as F, useRef as _, useEffect as O, useCallback as W, useMemo as K, Fragment as q } from "react";
+import { cva as J } from "class-variance-authority";
+import { useBreakpoints as Q } from "../../hooks/use-is-breakpoint.js";
+import { Table as U, TableHeader as X, TableRow as B, TableHead as Y, TableRowGroup as Z, TableCell as M } from "./Table.js";
+import { cn as l } from "../../utils/cn.js";
 import { Typography as g } from "../Typography/Typography.js";
-import { AltArrowDownOutline as de } from "@solar-icons/react-perf";
-import { Flex as A } from "../Flex/Flex.js";
-const G = D("", {
+import { AltArrowDownOutline as w } from "@solar-icons/react-perf";
+import { Flex as $ } from "../Flex/Flex.js";
+const j = J("", {
   variants: {
     responsive: {
       xs: "",
@@ -28,26 +28,26 @@ const G = D("", {
       "3xl": "3xl:hidden"
     }
   }
-}), X = (n) => typeof n == "string" && (n === "xs" || n === "sm" || n === "md" || n === "lg" || n === "xl" || n === "2xl" || n === "3xl"), C = (n, a) => n === void 0 || n === "xs" ? !0 : typeof n == "boolean" ? n : a[n], ge = ({
-  data: n,
-  columns: a,
-  expandableRowSections: t,
+}), z = (s) => typeof s == "string" && (s === "xs" || s === "sm" || s === "md" || s === "lg" || s === "xl" || s === "2xl" || s === "3xl"), E = (s, o) => s === void 0 || s === "xs" ? !0 : typeof s == "boolean" ? s : o[s], se = ({
+  data: s,
+  columns: o,
+  expandableRowSections: n,
   classNames: p
 }) => {
-  const [v, _] = B(/* @__PURE__ */ new Set()), [O, y] = B(/* @__PURE__ */ new Set()), f = Q(
+  const [v, H] = F(/* @__PURE__ */ new Set()), [L, u] = F(/* @__PURE__ */ new Set()), f = _(
     /* @__PURE__ */ new Map()
   );
-  U(() => {
+  O(() => {
     const e = f.current;
     return () => {
       e.forEach((i) => clearTimeout(i)), e.clear();
     };
   }, []);
-  const M = Y((e) => {
-    _((i) => {
-      const l = new Set(i);
-      if (l.has(e)) {
-        l.delete(e), y((c) => {
+  const C = W((e) => {
+    H((i) => {
+      const a = new Set(i);
+      if (a.has(e)) {
+        a.delete(e), u((c) => {
           const r = new Set(c);
           return r.add(e), r;
         });
@@ -55,53 +55,42 @@ const G = D("", {
         d && clearTimeout(d), f.current.set(
           e,
           setTimeout(() => {
-            y((c) => {
+            u((c) => {
               const r = new Set(c);
               return r.delete(e), r;
             }), f.current.delete(e);
           }, 150)
         );
       } else {
-        l.add(e);
+        a.add(e);
         const d = f.current.get(e);
-        d && (clearTimeout(d), f.current.delete(e), y((c) => {
+        d && (clearTimeout(d), f.current.delete(e), u((c) => {
           const r = new Set(c);
           return r.delete(e), r;
         }));
       }
-      return l;
+      return a;
     });
-  }, []), N = S(), V = R(), F = I(), K = w(), L = ee(), $ = re(), u = E(
-    () => ({
-      xs: !0,
-      sm: N,
-      md: V,
-      lg: F,
-      xl: K,
-      "2xl": L,
-      "3xl": $
-    }),
-    [N, V, F, K, L, $]
-  ), j = E(
-    () => a.some(
-      (e) => e.responsive !== void 0 && e.responsive !== "xs" && e.moveToExpandable !== !1 && !C(e.responsive, u)
+  }, []), x = Q(), N = K(
+    () => o.some(
+      (e) => e.responsive !== void 0 && e.responsive !== "xs" && e.moveToExpandable !== !1 && !E(e.responsive, x)
     ),
-    [a, u]
-  ), { firstVisibleIndex: W, lastVisibleIndex: q } = E(() => {
+    [o, x]
+  ), { firstVisibleIndex: P, lastVisibleIndex: A } = K(() => {
     let e = -1, i = -1;
-    return a.forEach((l, d) => {
-      C(l.responsive, u) && (e === -1 && (e = d), i = d);
+    return o.forEach((a, d) => {
+      E(a.responsive, x) && (e === -1 && (e = d), i = d);
     }), { firstVisibleIndex: e, lastVisibleIndex: i };
-  }, [a, u]), x = !t && j, z = !!t || x;
-  return /* @__PURE__ */ m(se, { children: [
-    /* @__PURE__ */ s(te, { children: /* @__PURE__ */ s(H, { className: "[&>th]:border-0 [&>th]:bg-transparent", children: a.map((e, i) => {
-      const l = X(e.responsive) ? e.responsive : void 0, d = e.responsive === !1;
-      return /* @__PURE__ */ s(
-        ie,
+  }, [o, x]), y = !n && N, V = !!n || y;
+  return /* @__PURE__ */ m(U, { children: [
+    /* @__PURE__ */ t(X, { children: /* @__PURE__ */ t(B, { className: "[&>th]:border-0 [&>th]:bg-transparent", children: o.map((e, i) => {
+      const a = z(e.responsive) ? e.responsive : void 0, d = e.responsive === !1;
+      return /* @__PURE__ */ t(
+        Y,
         {
-          className: o(
+          className: l(
             e.className,
-            G({ responsive: l }),
+            j({ responsive: a }),
             d && "hidden"
           ),
           children: e.title
@@ -109,45 +98,45 @@ const G = D("", {
         i
       );
     }) }) }),
-    n.map((e, i) => {
+    s.map((e) => {
       var c;
-      const l = v.has(i) || x, d = O.has(i);
+      const i = e.id, a = v.has(i) || y, d = L.has(i);
       return /* @__PURE__ */ m(
-        ne,
+        Z,
         {
-          className: o({
-            "group hover:[&_td]:border-stroke-brand-hover": t
+          className: l({
+            "group hover:[&_td]:border-stroke-brand-hover": n
           }),
           children: [
             /* @__PURE__ */ m(
-              H,
+              B,
               {
-                expandablePosition: t && (v.has(i) || d) || x ? "top" : "none",
-                className: o("focus-visible-default", {
-                  "cursor-pointer": t
+                expandablePosition: n && (v.has(i) || d) || y ? "top" : "none",
+                className: l("focus-visible-default", {
+                  "cursor-pointer": n
                 }),
-                onClick: t ? () => M(i) : void 0,
-                onKeyDown: t ? (r) => {
-                  (r.key === "Enter" || r.key === " ") && (r.preventDefault(), M(i));
+                onClick: n ? () => C(i) : void 0,
+                onKeyDown: n ? (r) => {
+                  (r.key === "Enter" || r.key === " ") && (r.preventDefault(), C(i));
                 } : void 0,
-                tabIndex: t ? 0 : void 0,
-                role: t ? "button" : void 0,
-                "aria-expanded": t ? v.has(i) : void 0,
+                tabIndex: n ? 0 : void 0,
+                role: n ? "button" : void 0,
+                "aria-expanded": n ? v.has(i) : void 0,
                 children: [
-                  a.map((r, h) => {
-                    const T = X(r.responsive) ? r.responsive : void 0, b = r.responsive === !1;
-                    return /* @__PURE__ */ s(
-                      P,
+                  o.map((r, h) => {
+                    const T = z(r.responsive) ? r.responsive : void 0, b = r.responsive === !1;
+                    return /* @__PURE__ */ t(
+                      M,
                       {
-                        isFirst: h === W,
-                        isLast: h === q && !t,
-                        expandablePosition: (l || d) && z ? "top" : "none",
-                        className: o(
+                        isFirst: h === P,
+                        isLast: h === A && !n,
+                        expandablePosition: (a || d) && V ? "top" : "none",
+                        className: l(
                           r.className,
-                          G({ responsive: T }),
+                          j({ responsive: T }),
                           b && "hidden"
                         ),
-                        children: r.render ? r.render(e[r.dataKey], e) : /* @__PURE__ */ s(
+                        children: r.render ? r.render(e[r.dataKey], e) : /* @__PURE__ */ t(
                           g,
                           {
                             variant: "body",
@@ -161,17 +150,17 @@ const G = D("", {
                       h
                     );
                   }),
-                  t && /* @__PURE__ */ s(
-                    P,
+                  n && /* @__PURE__ */ t(
+                    M,
                     {
                       className: "w-[68px]",
                       isFirst: !1,
                       isLast: !0,
                       expandablePosition: v.has(i) || d ? "top" : "none",
-                      children: /* @__PURE__ */ s(
-                        de,
+                      children: /* @__PURE__ */ t(
+                        w,
                         {
-                          className: o(
+                          className: l(
                             "text-text-brand-def transition-transform duration-300",
                             {
                               "rotate-180": v.has(i)
@@ -184,51 +173,51 @@ const G = D("", {
                 ]
               }
             ),
-            z && /* @__PURE__ */ s("tr", { "aria-hidden": !l, children: /* @__PURE__ */ s(
+            V && /* @__PURE__ */ t("tr", { "aria-hidden": !a, children: /* @__PURE__ */ t(
               "td",
               {
-                colSpan: a.length + (t ? 1 : 0),
+                colSpan: o.length + (n ? 1 : 0),
                 className: "border-0 p-0",
-                children: /* @__PURE__ */ s(
+                children: /* @__PURE__ */ t(
                   "div",
                   {
-                    className: o(
+                    className: l(
                       "grid transition-[grid-template-rows] duration-300 ease-in-out",
-                      l ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+                      a ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
                     ),
-                    children: /* @__PURE__ */ s("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ m(
+                    children: /* @__PURE__ */ t("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ m(
                       "div",
                       {
-                        className: o(
+                        className: l(
                           "rounded-b-xl border-x-1 border-b-1 border-stroke-base-secondary bg-surface-base-secondary transition-colors group-hover:border-stroke-brand-hover"
                         ),
                         children: [
-                          /* @__PURE__ */ s("div", { className: "mx-comp-table-p border-t-1 border-stroke-base-secondary" }),
+                          /* @__PURE__ */ t("div", { className: "mx-comp-table-p border-t-1 border-stroke-base-secondary" }),
                           /* @__PURE__ */ m(
                             "div",
                             {
-                              className: o(
+                              className: l(
                                 "grid grid-cols-1 gap-2xl px-comp-table-p py-2xl md:grid-cols-[auto_1fr]",
                                 p == null ? void 0 : p.expandedContentGrid
                               ),
                               children: [
-                                j && /* @__PURE__ */ m(J, { children: [
-                                  /* @__PURE__ */ s(
-                                    A,
+                                N && /* @__PURE__ */ m(G, { children: [
+                                  /* @__PURE__ */ t(
+                                    $,
                                     {
                                       gap: "md",
                                       direction: "column",
                                       className: "col-span-full",
-                                      children: a.filter(
-                                        (r) => r.moveToExpandable !== !1 && r.responsive !== void 0 && r.responsive !== "xs" && !C(r.responsive, u)
+                                      children: o.filter(
+                                        (r) => r.moveToExpandable !== !1 && r.responsive !== void 0 && r.responsive !== "xs" && !E(r.responsive, x)
                                       ).map((r, h) => /* @__PURE__ */ m(
-                                        A,
+                                        $,
                                         {
                                           align: "center",
                                           justify: "between",
                                           direction: "row",
                                           children: [
-                                            /* @__PURE__ */ s(
+                                            /* @__PURE__ */ t(
                                               g,
                                               {
                                                 variant: "body",
@@ -239,7 +228,7 @@ const G = D("", {
                                             r.render ? r.render(
                                               e[r.dataKey],
                                               e
-                                            ) : /* @__PURE__ */ s(
+                                            ) : /* @__PURE__ */ t(
                                               g,
                                               {
                                                 variant: "body",
@@ -255,21 +244,21 @@ const G = D("", {
                                       ))
                                     }
                                   ),
-                                  t && /* @__PURE__ */ s("hr", { className: "col-span-full text-stroke-base-secondary md:col-span-2" })
+                                  n && /* @__PURE__ */ t("hr", { className: "col-span-full text-stroke-base-secondary md:col-span-2" })
                                 ] }),
-                                (c = typeof t == "function" ? t(e) : t) == null ? void 0 : c.map((r, h) => {
-                                  if (!t) return null;
-                                  const T = typeof t == "function" ? t(e).length : t.length;
-                                  return /* @__PURE__ */ m(Z, { children: [
+                                (c = typeof n == "function" ? n(e) : n) == null ? void 0 : c.map((r, h) => {
+                                  if (!n) return null;
+                                  const T = typeof n == "function" ? n(e).length : n.length;
+                                  return /* @__PURE__ */ m(q, { children: [
                                     /* @__PURE__ */ m(
                                       "div",
                                       {
-                                        className: o(
+                                        className: l(
                                           "col-span-full grid grid-cols-1 gap-y-xl md:col-span-2 md:grid-cols-subgrid",
                                           p == null ? void 0 : p.sectionTitle
                                         ),
                                         children: [
-                                          r.title && /* @__PURE__ */ s(
+                                          r.title && /* @__PURE__ */ t(
                                             g,
                                             {
                                               variant: "body",
@@ -281,16 +270,16 @@ const G = D("", {
                                               children: r.title
                                             }
                                           ),
-                                          /* @__PURE__ */ s(
+                                          /* @__PURE__ */ t(
                                             "div",
                                             {
-                                              className: o(
+                                              className: l(
                                                 "col-span-full grid grid-cols-1 gap-x-3xl md:col-span-2 md:grid-cols-subgrid md:gap-y-md",
                                                 p == null ? void 0 : p.cellsWrap
                                               ),
                                               children: r.cells.flatMap(
                                                 (b, k) => [
-                                                  /* @__PURE__ */ s(
+                                                  /* @__PURE__ */ t(
                                                     g,
                                                     {
                                                       component: "span",
@@ -300,7 +289,7 @@ const G = D("", {
                                                     },
                                                     `${k}-label`
                                                   ),
-                                                  b.render ? /* @__PURE__ */ s(
+                                                  b.render ? /* @__PURE__ */ t(
                                                     "div",
                                                     {
                                                       className: "mb-md block last-of-type:mb-0 md:mb-0",
@@ -310,7 +299,7 @@ const G = D("", {
                                                       )
                                                     },
                                                     `${k}-value`
-                                                  ) : /* @__PURE__ */ s(
+                                                  ) : /* @__PURE__ */ t(
                                                     g,
                                                     {
                                                       variant: "body",
@@ -328,7 +317,7 @@ const G = D("", {
                                         ]
                                       }
                                     ),
-                                    h < T - 1 && /* @__PURE__ */ s("hr", { className: "col-span-full text-stroke-base-secondary md:col-span-2" })
+                                    h < T - 1 && /* @__PURE__ */ t("hr", { className: "col-span-full text-stroke-base-secondary md:col-span-2" })
                                   ] }, h);
                                 })
                               ]
@@ -349,5 +338,5 @@ const G = D("", {
   ] });
 };
 export {
-  ge as ExpandableTable
+  se as ExpandableTable
 };

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

@@ -1,7 +1,9 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: <T>({ data, columns, expandableRowSections, classNames, }: import('./ExpandableTable').ExpandableTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+    component: <T extends {
+        id: string | number;
+    }>({ data, columns, expandableRowSections, classNames, }: import('./ExpandableTable').ExpandableTableProps<T>) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
         docs: {

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

@@ -1 +1 @@
-{"version":3,"file":"ExpandableTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableTable/ExpandableTable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAO3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC8B,CAAA;AAExC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AA+MlC,eAAO,MAAM,MAAM,EAAE,KAsBpB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAkB/B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAwJjC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAuBvB,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyH1C,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA0DhC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAoExB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KA6EjC,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA2E/B,CAAA"}
+{"version":3,"file":"ExpandableTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableTable/ExpandableTable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAO3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC8B,CAAA;AAExC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAmNlC,eAAO,MAAM,MAAM,EAAE,KAsBpB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAkB/B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAwJjC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAuBvB,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyH1C,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA0DhC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAoExB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KA6EjC,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA2E/B,CAAA"}

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

@@ -22,6 +22,12 @@ interface FileItemBaseProps {
     secondaryText?: React.ReactNode;
     /** Fires when the delete button is clicked. */
     onDelete: () => void;
+    /**
+     * When provided, replaces the default download behavior. Use when the consumer
+     * needs to mint a fresh URL (e.g., short-lived authed URL fetched by UUID) or
+     * pull the authoritative copy from a server instead of using the local blob.
+     */
+    onDownload?: () => void;
     /** Fires when an internal error occurs (e.g., download failure). */
     onError?: (error: string, file?: File) => void;
 }

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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA8C9B;;;GAGG;AACH,UAAU,iBAAiB;IACzB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mGAAmG;IACnG,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oEAAoE;IACpE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,iEAAiE;IACjE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,sEAAsE;IACtE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,oEAAoE;IACpE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/C;AAED,qEAAqE;AACrE,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,IAAI,CAAA;CACX;AAED,oFAAoF;AACpF,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,wGAAwG;AACxG,KAAK,aAAa,GAAG,iBAAiB,GAAG,gBAAgB,CAAA;AAsEzD,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CAuO5C,CAAA"}
+{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA8C9B;;;GAGG;AACH,UAAU,iBAAiB;IACzB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mGAAmG;IACnG,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oEAAoE;IACpE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,iEAAiE;IACjE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,sEAAsE;IACtE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,oEAAoE;IACpE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/C;AAED,qEAAqE;AACrE,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,IAAI,CAAA;CACX;AAED,oFAAoF;AACpF,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,wGAAwG;AACxG,KAAK,aAAa,GAAG,iBAAiB,GAAG,gBAAgB,CAAA;AAsEzD,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CAiO5C,CAAA"}

package/dist/components/FileUpload/FileItem.js

@@ -1,12 +1,12 @@
 import { jsxs as f, jsx as t } from "react/jsx-runtime";
 import * as p from "react";
-import { cva as O } from "class-variance-authority";
-import { useMuzaTranslations as _ } from "../../translations/TranslationContext.js";
-import { Flex as U } from "../Flex/Flex.js";
+import { cva as _ } from "class-variance-authority";
+import { useMuzaTranslations as B } from "../../translations/TranslationContext.js";
+import { Flex as z } from "../Flex/Flex.js";
 import { cn as a } from "../../utils/cn.js";
-import { GalleryOutline as B, FileTextBold as M, CloseCircleBold as j, DownloadMinimalisticBold as I, TrashBinTrashBold as R } from "@solar-icons/react-perf";
+import { GalleryOutline as M, FileTextBold as j, CloseCircleBold as D, DownloadMinimalisticBold as I, TrashBinTrashBold as R } from "@solar-icons/react-perf";
 import { Typography as u } from "../Typography/Typography.js";
-const D = (e, l, i) => {
+const S = (e, l, i) => {
   let n = null, o = null;
   try {
     n = URL.createObjectURL(e), o = document.createElement("a"), o.href = n, o.download = e.name, o.style.display = "none", document.body.appendChild(o), o.click();
@@ -16,7 +16,7 @@ const D = (e, l, i) => {
   } finally {
     o && document.body.contains(o) && document.body.removeChild(o), n && URL.revokeObjectURL(n);
   }
-}, S = O(
+}, A = _(
   [
     "flex flex-1 items-center gap-sm rounded-full border transition-colors",
     "relative pr-comp-input-p-hor pl-comp-input-p-hor",
@@ -63,7 +63,7 @@ const D = (e, l, i) => {
   "bg-none cursor-pointer disabled:cursor-not-allowed",
   "text-comp-file-upload-icon-def-secondary",
   "disabled:text-comp-file-upload-icon-def-disabled"
-]), A = /\.(jpe?g|png|gif|webp|svg|bmp|ico|avif|tiff?)$/i, z = /\.(pdf|docx?|txt|rtf|odt|xlsx?|csv|pptx?|md|tex)$/i, E = [
+]), F = /\.(jpe?g|png|gif|webp|svg|bmp|ico|avif|tiff?)$/i, E = /\.(pdf|docx?|txt|rtf|odt|xlsx?|csv|pptx?|md|tex)$/i, L = [
   "application/pdf",
   "application/msword",
   "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
@@ -76,7 +76,7 @@ const D = (e, l, i) => {
   "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
   "application/vnd.ms-powerpoint",
   "application/vnd.openxmlformats-officedocument.presentationml.presentation"
-], P = (e) => {
+], q = (e) => {
   const {
     uploaded: l,
     progress: i,
@@ -87,37 +87,38 @@ const D = (e, l, i) => {
     error: s,
     secondaryText: y,
     onDelete: g,
-    onError: L
-  } = e, m = _(), [v, w] = p.useState(!1), N = e.source === "file" ? e.file.name : e.name, b = e.source === "url" ? (e.type ?? "").startsWith("image/") || A.test(e.name) : e.file.type.startsWith("image/"), T = e.source === "url" ? E.includes(e.type ?? "") || z.test(e.name) : E.includes(e.file.type) || z.test(e.file.name), d = e.source === "file" ? e.file : e.url, C = p.useMemo(() => o ? "disabled" : s ? "error" : typeof i == "number" && i > 0 && i < 100 ? "loading" : "default", [o, s, i]), x = p.useMemo(() => {
+    onDownload: v,
+    onError: T
+  } = e, m = B(), [w, N] = p.useState(!1), k = e.source === "file" ? e.file.name : e.name, b = e.source === "url" ? (e.type ?? "").startsWith("image/") || F.test(e.name) : e.file.type.startsWith("image/"), C = e.source === "url" ? L.includes(e.type ?? "") || E.test(e.name) : L.includes(e.file.type) || E.test(e.file.name), d = e.source === "file" ? e.file : e.url, O = p.useMemo(() => o ? "disabled" : s ? "error" : typeof i == "number" && i > 0 && i < 100 ? "loading" : "default", [o, s, i]), x = p.useMemo(() => {
     if (b)
       return typeof d == "string" ? d : URL.createObjectURL(d);
   }, [b, d]);
-  return p.useEffect(() => w(!1), [d]), /* @__PURE__ */ f(U, { gap: "sm", direction: "column", component: "li", children: [
+  return p.useEffect(() => N(!1), [d]), /* @__PURE__ */ f(z, { gap: "sm", direction: "column", component: "li", children: [
     /* @__PURE__ */ f(
       "div",
       {
         className: a(
-          S({
-            variant: C,
+          A({
+            variant: O,
             size: n
           })
         ),
         children: [
-          x && !v && /* @__PURE__ */ t(
+          x && !w && /* @__PURE__ */ t(
             "img",
             {
               src: x,
-              alt: N,
+              alt: k,
               width: 24,
               height: 24,
-              onError: () => w(!0),
+              onError: () => N(!0),
               className: a("size-icon-medium shrink-0 rounded-xs object-cover", {
                 "opacity-50 saturate-0": o
               })
             }
           ),
-          x && v && /* @__PURE__ */ t(
-            B,
+          x && w && /* @__PURE__ */ t(
+            M,
             {
               className: a(
                 "size-icon-medium shrink-0 text-comp-file-upload-icon-def-secondary",
@@ -127,8 +128,8 @@ const D = (e, l, i) => {
               )
             }
           ),
-          !b && T && /* @__PURE__ */ t(
-            M,
+          !b && C && /* @__PURE__ */ t(
+            j,
             {
               className: a(
                 "size-icon-medium shrink-0 text-comp-file-upload-icon-def-secondary",
@@ -138,7 +139,7 @@ const D = (e, l, i) => {
               )
             }
           ),
-          /* @__PURE__ */ f(U, { direction: "column", className: "min-w-0 flex-1 justify-center", children: [
+          /* @__PURE__ */ f(z, { direction: "column", className: "min-w-0 flex-1 justify-center", children: [
             /* @__PURE__ */ t(
               u,
               {
@@ -148,7 +149,7 @@ const D = (e, l, i) => {
                 variant: "body",
                 weight: "medium",
                 fixY: !0,
-                children: N
+                children: k
               }
             ),
             y && /* @__PURE__ */ t(
@@ -177,7 +178,7 @@ const D = (e, l, i) => {
                 "focus-visible:text-comp-file-upload-icon-def-focused",
                 "disabled:text-comp-file-upload-icon-def-disabled"
               ),
-              children: /* @__PURE__ */ t(j, { className: "size-icon-medium" })
+              children: /* @__PURE__ */ t(D, { className: "size-icon-medium" })
             }
           ),
           l && /* @__PURE__ */ f("div", { className: "flex gap-xl", children: [
@@ -186,24 +187,20 @@ const D = (e, l, i) => {
               {
                 type: "button",
                 disabled: o,
-                onClick: () => e.source === "url" ? (() => {
-                  try {
-                    const k = new URL(
-                      e.url,
-                      window.location.origin
-                    );
-                    ["http:", "https:", "blob:"].includes(k.protocol) && window.open(
-                      k.href,
-                      "_blank",
-                      "noopener,noreferrer"
-                    );
-                  } catch {
+                onClick: () => {
+                  if (v) {
+                    v();
+                    return;
                   }
-                })() : D(
-                  e.file,
-                  L,
-                  m.fileUpload.downloadError
-                ),
+                  if (e.source === "url")
+                    try {
+                      const U = new URL(e.url, window.location.origin);
+                      ["http:", "https:", "blob:"].includes(U.protocol) && window.open(U.href, "_blank", "noopener,noreferrer");
+                    } catch {
+                    }
+                  else
+                    S(e.file, T, m.fileUpload.downloadError);
+                },
                 "aria-label": m.fileUpload.downloadButtonAriaLabel,
                 className: a(
                   h,
@@ -273,5 +270,5 @@ const D = (e, l, i) => {
   ] });
 };
 export {
-  P as FileItem
+  q as FileItem
 };

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

@@ -180,6 +180,38 @@ export interface FileUploadProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     preselectedUrls?: PreselectedUrl[];
     /** Fires when a URL-backed item is removed. Receives the item and its index in `preselectedUrls`. @see PreselectedUrl */
     onDeleteUrl?: (item: PreselectedUrl, index: number) => void;
+    /**
+     * Fires when the download button is clicked on a URL-backed item. When provided,
+     * replaces the default `window.open` behavior — use this when the URL needs to be
+     * minted on demand (e.g., short-lived authed URLs fetched by UUID).
+     *
+     * @example
+     * <FileUpload
+     *   preselectedUrls={items}
+     *   onDownloadUrl={async (_item, index) => {
+     *     const fresh = await fetchAuthedUrl(items[index].uuid)
+     *     window.open(fresh, '_blank', 'noopener,noreferrer')
+     *   }}
+     * />
+     *
+     * @see PreselectedUrl
+     */
+    onDownloadUrl?: (item: PreselectedUrl, index: number) => void;
+    /**
+     * Fires when the download button is clicked on an uploaded `File` item. When provided,
+     * replaces the default blob-download behavior — use this when the authoritative copy
+     * lives on a server and should be fetched rather than streamed from the local `File`.
+     *
+     * @example
+     * <FileUpload
+     *   preselectedFiles={files}
+     *   onDownloadFile={async (file) => {
+     *     const fresh = await fetchAuthedUrl(file.name)
+     *     window.open(fresh, '_blank', 'noopener,noreferrer')
+     *   }}
+     * />
+     */
+    onDownloadFile?: (file: File, index: number) => void;
     /** Extra content rendered inline next to the label (e.g. a tooltip icon). Takes precedence over `infoTooltip`. */
     labelExtra?: React.ReactNode;
     /** Tooltip content shown in an info icon next to the label. Ignored when `labelExtra` is provided. */