@vkzstudio/muza-ui 1.0.6 → 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;AAyDD,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, DownloadMinimalisticBold as w, TrashBinTrashBold as z } from "@solar-icons/react-perf";
-const C = (o, r) => {
-  let t = null, i = 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), i = document.createElement("a"), i.href = t, i.download = o.name, i.style.display = "none", document.body.appendChild(i), i.click();
-  } catch (a) {
-    const c = a instanceof Error ? a.message : "Download failed";
-    console.error("Download failed:", a), 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 {
-    i && document.body.contains(i) && document.body.removeChild(i), 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,123 +60,126 @@ const C = (o, r) => {
       size: "base"
     }
   }
-), u = l([
+), 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"
-]), T = ({
-  file: o,
-  uploaded: r,
+]), D = ({
+  file: a,
+  uploaded: l,
   progress: t,
-  size: i,
-  disabled: a,
-  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(() => a ? "disabled" : d ? "error" : typeof t == "number" && t > 0 ? "loading" : "default", [a, 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: i
+        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": a
+              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": a
+                  "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: a,
-              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-icon-medium" })
+              children: /* @__PURE__ */ o(z, { className: "size-icon-medium" })
             }
           ),
-          r && /* @__PURE__ */ m("div", { className: "flex gap-xl", children: [
-            /* @__PURE__ */ e(
+          l && /* @__PURE__ */ u("div", { className: "flex gap-xl", children: [
+            /* @__PURE__ */ o(
               "button",
               {
-                disabled: a,
-                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-icon-medium" })
+                children: /* @__PURE__ */ o(L, { className: "size-icon-medium" })
               }
             ),
-            !c && /* @__PURE__ */ e(
+            !d && /* @__PURE__ */ o(
               "button",
               {
-                disabled: a,
-                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-icon-medium" })
+                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}%` },
@@ -185,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 {
-  T 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"}

package/dist/components/FileUpload/FileUpload.js

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