@vkzstudio/muza-ui 1.0.5 → 1.0.7

package/dist/components/Dialog/Dialog.js

@@ -1,9 +1,10 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
 import * as a from "@radix-ui/react-dialog";
-import { XClose as p } from "../Icons/CustomIcons.js";
+import { useMuzaTranslations as u } from "../../translations/TranslationContext.js";
+import { XClose as f } from "../Icons/CustomIcons.js";
 import { cn as r } from "../../utils/cn.js";
-const v = a.Root, w = a.Title, N = a.Description, C = a.Trigger, g = a.Portal, b = a.Close, d = n(({ className: t, ...s }, o) => /* @__PURE__ */ e(
+const h = a.Root, T = a.Title, z = a.Description, A = a.Trigger, y = a.Portal, L = a.Close, d = n(({ className: t, ...l }, o) => /* @__PURE__ */ e(
   a.Overlay,
   {
     ref: o,
@@ -11,21 +12,22 @@ const v = a.Root, w = a.Title, N = a.Description, C = a.Trigger, g = a.Portal, b
       "px- fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-surface-base-overlay px-layout-p-standard py-comp-dialog-p-hor-overlay data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
       t
     ),
-    ...s
+    ...l
   }
 ));
 d.displayName = a.Overlay.displayName;
-const f = n(
-  ({
-    className: t,
-    children: s,
-    size: o = "medium",
-    closeAriaLabel: l = "Close",
-    ...m
-  }, c) => /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ i(
+const D = ({
+  className: t,
+  children: l,
+  size: o = "medium",
+  closeAriaLabel: c,
+  ...m
+}, p) => {
+  const g = u(), s = c ?? g.dialog.closeAriaLabel;
+  return /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ i(
     a.Content,
     {
-      ref: c,
+      ref: p,
       className: r(
         "relative w-full rounded-2xl bg-surface-base-secondary p-comp-dialog-p pt-5xl duration-200 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
         {
@@ -37,30 +39,30 @@ const f = n(
       ),
       ...m,
       children: [
-        s,
+        l,
         /* @__PURE__ */ i(
           a.Close,
           {
             className: "absolute top-4 right-4 cursor-pointer transition-opacity focus-visible:focus-default disabled:pointer-events-none",
-            "aria-label": l,
+            "aria-label": s,
             children: [
-              /* @__PURE__ */ e(p, { className: "size-icon-small" }),
-              /* @__PURE__ */ e("span", { className: "sr-only", children: l })
+              /* @__PURE__ */ e(f, { className: "size-icon-small" }),
+              /* @__PURE__ */ e("span", { className: "sr-only", children: s })
             ]
           }
         )
       ]
     }
-  ) }) })
-);
-f.displayName = a.Content.displayName;
+  ) }) });
+}, b = n(D);
+b.displayName = a.Content.displayName;
 export {
-  v as Dialog,
-  b as DialogClose,
-  f as DialogContent,
-  N as DialogDescription,
+  h as Dialog,
+  L as DialogClose,
+  b as DialogContent,
+  z as DialogDescription,
   d as DialogOverlay,
-  g as DialogPortal,
-  w as DialogTitle,
-  C as DialogTrigger
+  y as DialogPortal,
+  T as DialogTitle,
+  A as DialogTrigger
 };

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

@@ -11,7 +11,7 @@ declare const TableRow: import('react').ForwardRefExoticComponent<import('react'
 } & import('react').RefAttributes<HTMLTableRowElement>>;
 declare const TableHead: import('react').ForwardRefExoticComponent<import('react').ThHTMLAttributes<HTMLTableCellElement> & import('react').RefAttributes<HTMLTableCellElement>>;
 declare const TableCell: import('react').ForwardRefExoticComponent<import('react').TdHTMLAttributes<HTMLTableCellElement> & VariantProps<(props?: ({
-    padding?: "none" | "default" | null | undefined;
+    padding?: "default" | "none" | null | undefined;
     expandablePosition?: "none" | "bottom" | "top" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
     isFirst?: boolean;

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":"AAwCA,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;AAwDD,eAAO,MAAM,QAAQ,GAAI,yFAWtB,aAAa,4CA6If,CAAA"}
+{"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"}

package/dist/components/FileUpload/FileItem.js

@@ -1,20 +1,21 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import * as n from "react";
-import { cva as y } from "class-variance-authority";
-import { Typography as p } from "../Typography/Typography.js";
-import { cn as l } from "../../utils/cn.js";
-import { GalleryOutline as k, CloseCircleBold as N, FileDownloadBold as w, TrashBinTrashBold as z } from "@solar-icons/react-perf";
-const C = (o, r) => {
-  let t = null, a = null;
+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 { Typography as f } from "../Typography/Typography.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";
+const B = (a, l, t) => {
+  let r = null, e = null;
   try {
-    t = URL.createObjectURL(o), a = document.createElement("a"), a.href = t, a.download = o.name, a.style.display = "none", document.body.appendChild(a), a.click();
-  } catch (i) {
-    const c = i instanceof Error ? i.message : "Download failed";
-    console.error("Download failed:", i), r == null || r(c, o);
+    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();
+  } catch (d) {
+    const n = d instanceof Error ? d.message : t ?? "Download failed";
+    console.error("Download failed:", d), l == null || l(n, a);
   } finally {
-    a && document.body.contains(a) && document.body.removeChild(a), t && URL.revokeObjectURL(t);
+    e && document.body.contains(e) && document.body.removeChild(e), r && URL.revokeObjectURL(r);
   }
-}, L = y(
+}, C = k(
   [
     "flex flex-1 items-center gap-sm rounded-full border transition-colors",
     "relative pr-comp-input-p-hor pl-comp-input-p-hor",
@@ -59,122 +60,126 @@ const C = (o, r) => {
       size: "base"
     }
   }
-), u = l([
-  "h-fit w-fit border-none p-2xs rounded-full focus-visible-default",
+), b = i([
+  "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"
-]), M = ({
-  file: o,
-  uploaded: r,
+]), D = ({
+  file: a,
+  uploaded: l,
   progress: t,
-  size: a,
-  disabled: i,
-  readOnly: c = !1,
-  note: f,
-  error: d,
-  onDelete: b,
-  onError: g
+  size: r,
+  disabled: e,
+  readOnly: d = !1,
+  note: n,
+  error: c,
+  onDelete: h,
+  onError: v
 }) => {
-  const [h, x] = n.useState(!1), v = n.useMemo(() => i ? "disabled" : d ? "error" : typeof t == "number" && t > 0 ? "loading" : "default", [i, d, t]), s = n.useMemo(() => {
-    if (o.type.startsWith("image/"))
-      return URL.createObjectURL(o);
-  }, [o]);
-  return n.useEffect(() => {
-    x(!1);
-  }, [o]), /* @__PURE__ */ m("li", { className: "flex flex-col gap-sm", children: [
-    /* @__PURE__ */ m(
+  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(
       "div",
       {
-        className: l(
-          L({
-            variant: v,
-            size: a
+        className: i(
+          C({
+            variant: y,
+            size: r
           })
         ),
         children: [
-          s && !h && /* @__PURE__ */ e(
+          p && !x && /* @__PURE__ */ o(
             "img",
             {
-              src: s,
-              alt: o.name,
+              src: p,
+              alt: a.name,
               width: 24,
               height: 24,
-              onError: () => x(!0),
-              className: l("size-icon-medium shrink-0 rounded-xs object-cover", {
-                "opacity-50 saturate-0": i
+              onError: () => g(!0),
+              className: i("size-icon-medium shrink-0 rounded-xs object-cover", {
+                "opacity-50 saturate-0": e
               })
             }
           ),
-          s && h && /* @__PURE__ */ e(
-            k,
+          p && x && /* @__PURE__ */ o(
+            N,
             {
-              className: l(
+              className: i(
                 "text-icon-dark-secondary size-icon-medium shrink-0",
                 {
-                  "opacity-50": i
+                  "opacity-50": e
                 }
               )
             }
           ),
-          /* @__PURE__ */ e(
-            p,
+          /* @__PURE__ */ o(
+            f,
             {
               className: "flex-grow truncate",
               component: "span",
               size: "sm",
               fixY: !0,
-              children: o.name
+              children: a.name
             }
           ),
-          !r && /* @__PURE__ */ e(
+          !l && /* @__PURE__ */ o(
             "button",
             {
-              disabled: i,
-              onClick: b,
-              className: l(
-                u,
+              disabled: e,
+              onClick: h,
+              "aria-label": s.fileUpload.deleteButtonAriaLabel,
+              className: i(
+                b,
                 "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__ */ e(N, { className: "size-2xl" })
+              children: /* @__PURE__ */ o(z, { className: "size-icon-medium" })
             }
           ),
-          r && /* @__PURE__ */ m("div", { className: "flex gap-md", children: [
-            /* @__PURE__ */ e(
+          l && /* @__PURE__ */ u("div", { className: "flex gap-xl", children: [
+            /* @__PURE__ */ o(
               "button",
               {
-                disabled: i,
-                onClick: () => C(o, g),
-                className: l(
-                  u,
+                disabled: e,
+                onClick: () => B(a, v, s.fileUpload.downloadError),
+                "aria-label": s.fileUpload.downloadButtonAriaLabel,
+                className: i(
+                  b,
                   "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__ */ e(w, { className: "size-2xl" })
+                children: /* @__PURE__ */ o(L, { className: "size-icon-medium" })
               }
             ),
-            !c && /* @__PURE__ */ e(
+            !d && /* @__PURE__ */ o(
               "button",
               {
-                disabled: i,
-                onClick: b,
-                className: l(
-                  u,
+                disabled: e,
+                onClick: h,
+                "aria-label": s.fileUpload.deleteButtonAriaLabel,
+                className: i(
+                  b,
                   "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__ */ e(z, { className: "size-2xl" })
+                children: /* @__PURE__ */ o(U, { className: "size-icon-medium" })
               }
             )
           ] }),
-          typeof t == "number" && t !== 0 && /* @__PURE__ */ e(
+          typeof t == "number" && t !== 0 && /* @__PURE__ */ o(
             "div",
             {
               style: { width: `${t}%` },
@@ -184,30 +189,30 @@ const C = (o, r) => {
         ]
       }
     ),
-    f && /* @__PURE__ */ e(
-      p,
+    n && /* @__PURE__ */ o(
+      f,
       {
         size: "sm",
         component: "span",
         variant: "body",
         weight: "regular",
         className: "text-comp-input-text-secondary",
-        children: f
+        children: n
       }
     ),
-    d && /* @__PURE__ */ e(
-      p,
+    c && /* @__PURE__ */ o(
+      f,
       {
         size: "sm",
         component: "span",
         variant: "body",
         weight: "regular",
         className: "text-comp-input-text-error",
-        children: d
+        children: c
       }
     )
   ] });
 };
 export {
-  M as FileItem
+  D as FileItem
 };

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;AAOlE,QAAA,MAAM,kBAAkB;;;;8EAoCvB,CAAA;AAgBD,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,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,eAAe,CAAC,EAAE,IAAI,CACpB,eAAe,EACf,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAC1D,CAAA;IACD,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAA;IACzB,UAAU,CAAC,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACvD,UAAU,CAAC,EAAE,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAC7B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;CACnC;AAED,QAAA,MAAM,UAAU,wFAsMf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"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;AAQlE,QAAA,MAAM,kBAAkB;;;;8EAoCvB,CAAA;AAgBD,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,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,eAAe,CAAC,EAAE,IAAI,CACpB,eAAe,EACf,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAC1D,CAAA;IACD,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAA;IACzB,UAAU,CAAC,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACvD,UAAU,CAAC,EAAE,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAC7B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;CACnC;AAED,QAAA,MAAM,UAAU,wFA+Mf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}