@vkzstudio/muza-ui 1.0.17 → 1.0.19

package/dist/components/Button/buttonVariants.js

@@ -241,7 +241,7 @@ const e = {
         ],
         xs: [
           "h-comp-button-h-xs px-comp-button-p-xs",
-          "[&>span>svg]:size-icon-small [&>svg]:size-icon-small"
+          "[&>span>svg]:size-icon-small [&>svg]:size-icon-xsmall"
         ],
         sm: [
           "h-comp-button-h-sm px-comp-button-p-sm",

package/dist/components/Checkbox/Checkbox.d.ts

@@ -27,6 +27,10 @@ export interface CheckboxProps extends ComponentProps<typeof CheckboxPrimitive.R
     id?: string;
     /** Applies error border styling for validation failure. */
     error?: boolean;
+    /** Marks the checkbox as required and displays a red asterisk next to the label. @default false */
+    required?: boolean;
+    /** Hides the required asterisk even when `required` is true. @default false */
+    disableRequiredAsterisk?: boolean;
 }
 export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAK7D;;;GAGG;AACH,MAAM,WAAW,aACf,SAAQ,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IACrD,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;IACnC,mEAAmE;IACnE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iFAAiF;IACjF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,eAAe,KAAK,IAAI,CAAA;IAC9D,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,oDAAoD;IACpD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mEAAmE;IACnE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,2DAA2D;IAC3D,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,eAAO,MAAM,QAAQ,0HAuFpB,CAAA"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAK7D;;;GAGG;AACH,MAAM,WAAW,aACf,SAAQ,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IACrD,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;IACnC,mEAAmE;IACnE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iFAAiF;IACjF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,eAAe,KAAK,IAAI,CAAA;IAC9D,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,oDAAoD;IACpD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mEAAmE;IACnE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,2DAA2D;IAC3D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mGAAmG;IACnG,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAClC;AAED,eAAO,MAAM,QAAQ,0HA8FpB,CAAA"}

package/dist/components/Checkbox/Checkbox.js

@@ -1,55 +1,59 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { forwardRef as k, useId as p } from "react";
-import * as a from "@radix-ui/react-checkbox";
-import { CheckMinus as u, Checked as g } from "../Icons/CustomIcons.js";
-import { cn as o } from "../../utils/cn.js";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { forwardRef as u, useId as g } from "react";
+import * as n from "@radix-ui/react-checkbox";
+import { CheckMinus as v, Checked as N } from "../Icons/CustomIcons.js";
+import { cn as s } from "../../utils/cn.js";
 import { Typography as d } from "../Typography/Typography.js";
-const v = k(
+const z = u(
   ({
-    isIndeterminate: n = !1,
-    label: i,
+    isIndeterminate: l = !1,
+    label: c,
     secondaryLabel: e,
     className: b,
     id: f,
     disabled: t,
-    error: l,
-    ...m
-  }, h) => {
-    const x = p(), s = f || x;
-    return /* @__PURE__ */ c("div", { className: "flex items-start gap-sm", children: [
+    error: m,
+    required: o,
+    disableRequiredAsterisk: h,
+    ...x
+  }, k) => {
+    const p = g(), a = f || p;
+    return /* @__PURE__ */ i("div", { className: "isolate flex items-start gap-sm", children: [
       /* @__PURE__ */ r(
-        a.Root,
+        n.Root,
         {
-          ref: h,
-          id: s,
+          ref: k,
+          id: a,
           "data-slot": "checkbox",
-          className: o(
+          className: s(
             "peer relative flex size-icon-small shrink-0 cursor-pointer items-center justify-center",
             "rounded-[25%] focus-visible-default",
             'before:absolute before:inset-0 before:z-[-1] before:rounded-[25%] before:border before:border-comp-checkbox-stroke-def before:transition-colors before:content-[""]',
             "hover:before:border-stroke-brand-hover hover:before:bg-surface-brand-brand-tertiary",
             "data-[state=checked]:text-primary-foreground data-[state=checked]:border-comp-checkbox-stroke-hover data-[state=checked]:bg-comp-checkbox-bg-active",
             "disabled:cursor-not-allowed disabled:before:border-comp-checkbox-stroke-disabled disabled:before:bg-comp-checkbox-bg-disabled",
-            { "before:border-stroke-error-def": l },
+            { "before:border-stroke-error-def": m },
             b
           ),
           disabled: t,
-          ...m,
+          required: o,
+          "aria-required": o,
+          ...x,
           children: /* @__PURE__ */ r(
-            a.Indicator,
+            n.Indicator,
             {
               "data-slot": "checkbox-indicator",
               className: "flex size-full shrink-0 items-center justify-center text-current transition-none",
-              children: n ? /* @__PURE__ */ r(u, { className: "size-full shrink-0 text-icon-invert-def" }) : /* @__PURE__ */ r(g, { className: "size-full shrink-0 text-icon-invert-def" })
+              children: l ? /* @__PURE__ */ r(v, { className: "size-full shrink-0 text-icon-invert-def" }) : /* @__PURE__ */ r(N, { className: "size-full shrink-0 text-icon-invert-def" })
             }
           )
         }
       ),
-      i && /* @__PURE__ */ c(
+      c && /* @__PURE__ */ i(
         "label",
         {
-          htmlFor: s,
-          className: o(
+          htmlFor: a,
+          className: s(
             "fix-y-text-1 cursor-pointer leading-none text-text-dark-primary-def select-none",
             {
               "cursor-not-allowed text-text-dark-disabled": t
@@ -57,14 +61,17 @@ const v = k(
           ),
           "aria-disabled": t,
           children: [
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ i(
               d,
               {
                 component: "span",
                 variant: "body",
                 weight: e != null && e.length ? "medium" : "regular",
                 size: "base",
-                children: i
+                children: [
+                  c,
+                  o && !h && /* @__PURE__ */ r("span", { className: "text-comp-input-text-error", children: " *" })
+                ]
               }
             ),
             (e == null ? void 0 : e.length) && /* @__PURE__ */ r(
@@ -74,7 +81,7 @@ const v = k(
                 variant: "body",
                 weight: "regular",
                 size: "base",
-                className: o("block text-text-dark-secondary", {
+                className: s("block text-text-dark-secondary", {
                   "text-text-dark-disabled": t
                 }),
                 children: e
@@ -86,7 +93,7 @@ const v = k(
     ] });
   }
 );
-v.displayName = "Checkbox";
+z.displayName = "Checkbox";
 export {
-  v as Checkbox
+  z as Checkbox
 };

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

@@ -13,5 +13,6 @@ export declare const IndeterminateWithLabel: Story;
 export declare const Disabled: Story;
 export declare const DisabledWithLabel: Story;
 export declare const Error: Story;
+export declare const Required: Story;
 export declare const ErrorWithLabel: Story;
 //# sourceMappingURL=Checkbox.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAsE/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAahC,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAa9B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAc3B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAcpC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAc/B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAanB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAA"}
+{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CA4E/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAahC,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAa9B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAc3B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAcpC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAc/B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAanB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAA"}

package/dist/components/DatePicker/DatePicker.d.ts

@@ -70,6 +70,8 @@ export type DatePickerProps = {
     shouldResetToDefaultValue?: boolean;
     /** Marks the field as required, displaying an asterisk on the label. */
     required?: boolean;
+    /** Hides the required asterisk even when `required` is true. @default false */
+    disableRequiredAsterisk?: boolean;
 } & Omit<CalendarBaseProps, 'numberOfMonths' | 'onConfirm' | 'onReset' | 'isExpanded' | 'leftPanelChildren' | 'bottomTextDefault' | 'dateFormatter' | 'dateRangeFormatter'> & (DatePickerRangeProps | DatePickerSingleProps);
 /** Props for date range selection mode. */
 export type DatePickerRangeProps = {

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/DatePicker/DatePicker.js

@@ -1,17 +1,17 @@
-import { jsx as e, jsxs as U } from "react/jsx-runtime";
-import { forwardRef as W, useState as l, useEffect as X } from "react";
-import { useIsDesktop as Z } from "../../hooks/use-is-desktop.js";
-import { useIsMobile as _ } from "../../hooks/use-is-mobile.js";
-import { Popover as $, PopoverTrigger as w, PopoverContent as T } from "../Popover/Popover.js";
-import { getDateRange as a } from "./utils/getDateRange.js";
-import { Input as s } from "../Input/Input.js";
-import { formatDate as V } from "../Calendar/utils/formatDate.js";
-import { formatDateRange as O } from "../Calendar/utils/formatDateRange.js";
+import { jsx as e, jsxs as W } from "react/jsx-runtime";
+import { forwardRef as X, useState as l, useEffect as Z } from "react";
+import { useIsDesktop as _ } from "../../hooks/use-is-desktop.js";
+import { useIsMobile as $ } from "../../hooks/use-is-mobile.js";
+import { Popover as w, PopoverTrigger as T, PopoverContent as a } from "../Popover/Popover.js";
+import { getDateRange as s } from "./utils/getDateRange.js";
+import { Input as V } from "../Input/Input.js";
+import { formatDate as O } from "../Calendar/utils/formatDate.js";
+import { formatDateRange as h } from "../Calendar/utils/formatDateRange.js";
 import { Calendar as R } from "../Calendar/Calendar.js";
 import { cn as b } from "../../utils/cn.js";
-import { typographyVariants as h } from "../Typography/Typography.js";
-import { CalendarBold as C } from "@solar-icons/react-perf";
-const N = W(
+import { typographyVariants as C } from "../Typography/Typography.js";
+import { CalendarBold as N } from "@solar-icons/react-perf";
+const tt = X(
   ({
     alignCalendar: j,
     mode: v,
@@ -33,19 +33,20 @@ const N = W(
     renderCustomTrigger: I,
     shouldResetToDefaultValue: c,
     required: q,
+    disableRequiredAsterisk: G,
     ...M
-  }, G) => {
-    const F = Z(), H = _(), [J, y] = l(!1), K = typeof d == "boolean" ? d : J, [u, k] = l(
+  }, H) => {
+    const F = _(), J = $(), [K, y] = l(!1), L = typeof d == "boolean" ? d : K, [u, k] = l(
       n ?? p
     ), [o, m] = l(n ?? p);
-    X(() => {
+    Z(() => {
       k(n), m(n);
     }, [n]);
-    const L = x == null ? void 0 : x.map((i) => /* @__PURE__ */ e(
+    const Q = x == null ? void 0 : x.map((i) => /* @__PURE__ */ e(
       "button",
       {
         className: b(
-          h({
+          C({
             variant: "cta",
             weight: "medium",
             size: "sm",
@@ -58,23 +59,23 @@ const N = W(
           t == null ? void 0 : t.leftPanelButton
         ),
         onClick: () => {
-          const Q = a(i.type);
-          m(Q);
+          const U = s(i.type);
+          m(U);
         },
         children: i.name
       },
       i.type
-    )), D = z ?? (v === "single" ? V : O);
-    return /* @__PURE__ */ U(
-      $,
+    )), D = z ?? (v === "single" ? O : h);
+    return /* @__PURE__ */ W(
+      w,
       {
-        open: K,
+        open: L,
         onOpenChange: (i) => {
           d === void 0 && y(i), r == null || r(i);
         },
         children: [
           /* @__PURE__ */ e(
-            w,
+            T,
             {
               className: b(
                 "group cursor-pointer rounded-full text-left outline-0",
@@ -82,9 +83,9 @@ const N = W(
               ),
               disabled: S,
               children: I ? I() : /* @__PURE__ */ e(
-                s,
+                V,
                 {
-                  ref: G,
+                  ref: H,
                   value: u ? D(u) : "",
                   placeholder: P,
                   error: B,
@@ -93,18 +94,19 @@ const N = W(
                   hint: A,
                   tabIndex: -1,
                   required: q,
+                  disableRequiredAsterisk: G,
                   className: b(
                     "pointer-events-none",
                     t == null ? void 0 : t.input,
                     "group-hover:border-comp-input-stroke-hover group-focus-visible:border-comp-input-stroke-focused"
                   ),
-                  suffix: /* @__PURE__ */ e(C, { className: "size-icon-medium text-icon-dark-secondary-def" })
+                  suffix: /* @__PURE__ */ e(N, { className: "size-icon-medium text-icon-dark-secondary-def" })
                 }
               )
             }
           ),
           /* @__PURE__ */ e(
-            T,
+            a,
             {
               className: b("flex w-auto p-0", t == null ? void 0 : t.popoverContent),
               align: j,
@@ -141,7 +143,7 @@ const N = W(
                     (o !== void 0 || c) && (k(o), f == null || f(o)), d === void 0 && y(!1), r == null || r(!1);
                   },
                   numberOfMonths: F ? 2 : 1,
-                  leftPanelChildren: v === "range" && !H && L,
+                  leftPanelChildren: v === "range" && !J && Q,
                   dateRangeFormatter: D
                 }
               )
@@ -152,7 +154,7 @@ const N = W(
     );
   }
 );
-N.displayName = "DatePicker";
+tt.displayName = "DatePicker";
 export {
-  N as DatePicker
+  tt as DatePicker
 };

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
 };