@vkzstudio/muza-ui 1.0.0 → 1.0.2

package/dist/components/ExpandableTable/Table.js

@@ -0,0 +1,122 @@
+import { jsx as t, jsxs as p, Fragment as c } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { cva as s } from "class-variance-authority";
+import { typographyVariants as f } from "../Typography/Typography.js";
+import { cn as o } from "../../utils/cn.js";
+const m = n(({ className: a, ...r }, e) => /* @__PURE__ */ t(
+  "table",
+  {
+    ref: e,
+    className: o("w-full border-separate border-spacing-0", a),
+    ...r
+  }
+));
+m.displayName = "Table";
+const u = n(({ className: a, ...r }, e) => /* @__PURE__ */ t("thead", { ref: e, className: a, ...r }));
+u.displayName = "TableHeader";
+const x = n(({ className: a, ...r }, e) => /* @__PURE__ */ t("tbody", { ref: e, className: a, ...r }));
+x.displayName = "TableBody";
+const y = s(
+  "relative isolate after:pointer-events-none after:absolute after:inset-0 after:z-[-1] after:border-1 after:border-stroke-base-secondary after:bg-surface-base-secondary after:transition-all",
+  {
+    variants: {
+      expandablePosition: {
+        none: "after:rounded-xl",
+        top: "after:rounded-tl-xl after:rounded-tr-xl after:rounded-br-none after:rounded-bl-none after:border-b-0",
+        bottom: "after:rounded-tl-none after:rounded-tr-none after:rounded-br-xl after:rounded-bl-xl after:border-t-0"
+      }
+    },
+    defaultVariants: {
+      expandablePosition: "none"
+    }
+  }
+), N = n(
+  ({
+    className: a,
+    hideBottomSpacing: r,
+    colNumber: e,
+    expandablePosition: d,
+    isExpanded: l,
+    ...b
+  }, i) => /* @__PURE__ */ p(c, { children: [
+    /* @__PURE__ */ t(
+      "tr",
+      {
+        ref: i,
+        className: o(y({ expandablePosition: d }), a),
+        ...b
+      }
+    ),
+    /* @__PURE__ */ t(
+      "tr",
+      {
+        className: o("h-md bg-transparent", { collapse: r }),
+        children: /* @__PURE__ */ t("td", { colSpan: e })
+      }
+    ),
+    /* @__PURE__ */ t(
+      "tr",
+      {
+        className: o("bg-surface-base-secondary", {
+          collapse: !l
+        }),
+        children: /* @__PURE__ */ t("td", { colSpan: e, className: "h-0 px-comp-table-p", children: /* @__PURE__ */ t("div", { className: "border-t-1 border-stroke-base-secondary" }) })
+      }
+    )
+  ] })
+);
+N.displayName = "TableRow";
+const h = n(({ className: a, ...r }, e) => /* @__PURE__ */ t(
+  "th",
+  {
+    ref: e,
+    className: o(
+      f({
+        size: "sm",
+        uppercase: !0,
+        variant: "body",
+        weight: "medium"
+      }),
+      "px-comp-table-p text-left text-text-dark-secondary",
+      a
+    ),
+    ...r
+  }
+));
+h.displayName = "TableHead";
+const T = s("h-comp-table-h transition-colors", {
+  variants: {
+    padding: {
+      default: "px-comp-table-p",
+      none: "p-0"
+    },
+    expandablePosition: {
+      none: "",
+      top: "rounded-tl-none rounded-tr-none rounded-br-none rounded-bl-none",
+      bottom: "rounded-tl-none rounded-tr-none rounded-br-xl rounded-bl-xl"
+    }
+  },
+  defaultVariants: {
+    padding: "default",
+    expandablePosition: "none"
+  }
+}), g = n(({ className: a, padding: r, expandablePosition: e, ...d }, l) => /* @__PURE__ */ t(
+  "td",
+  {
+    ref: l,
+    className: o(
+      T({ padding: r, expandablePosition: e }),
+      a
+    ),
+    ...d
+  }
+));
+g.displayName = "TableCell";
+export {
+  m as Table,
+  x as TableBody,
+  g as TableCell,
+  h as TableHead,
+  u as TableHeader,
+  N as TableRow
+};

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

@@ -0,0 +1,2 @@
+export * from './ExpandableTable';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}

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

@@ -0,0 +1,15 @@
+interface FileItemProps {
+    file: File;
+    uploaded?: boolean;
+    progress?: number;
+    size?: 'sm' | 'base' | 'lg';
+    disabled?: boolean;
+    readOnly?: boolean;
+    note?: string;
+    error?: string;
+    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;
+export {};
+//# sourceMappingURL=FileItem.d.ts.map

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

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

package/dist/components/FileUpload/FileItem.js

@@ -0,0 +1,199 @@
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import * as b from "react";
+import { cva as g } from "class-variance-authority";
+import { Typography as s } from "../Typography/Typography.js";
+import { cn as d } from "../../utils/cn.js";
+import { CloseCircleBold as v, FileDownloadBold as y, TrashBinTrashBold as k } from "@solar-icons/react-perf";
+const w = (l, a) => {
+  let e = null, o = null;
+  try {
+    e = URL.createObjectURL(l), o = document.createElement("a"), o.href = e, o.download = l.name, o.style.display = "none", document.body.appendChild(o), o.click();
+  } catch (i) {
+    const r = i instanceof Error ? i.message : "Download failed";
+    console.error("Download failed:", i), a == null || a(r, l);
+  } finally {
+    o && document.body.contains(o) && document.body.removeChild(o), e && URL.revokeObjectURL(e);
+  }
+}, N = g(
+  [
+    "flex flex-1 items-center gap-sm rounded-full border transition-colors",
+    "relative pr-comp-input-p-hor pl-comp-input-p-hor",
+    "overflow-hidden"
+  ],
+  {
+    variants: {
+      variant: {
+        default: [
+          "border-comp-file-upload-stroke-def-def",
+          "bg-comp-input-fill-def leading-[140%]",
+          "text-comp-file-upload-text-dark-primary",
+          "font-medium"
+        ],
+        loading: [
+          "border-comp-file-upload-stroke-def-def",
+          "bg-comp-input-fill-def leading-[140%]",
+          "text-comp-file-upload-text-dark-secondary",
+          "font-regular"
+        ],
+        error: [
+          "border-comp-file-upload-stroke-error-def",
+          "bg-comp-input-fill-def",
+          "text-comp-file-upload-text-dark-primary",
+          "font-medium"
+        ],
+        disabled: [
+          "border-comp-file-upload-stroke-dashed-disabled",
+          "bg-comp-file-upload-fill-disabled",
+          "text-comp-file-upload-text-dark-disabled",
+          "font-medium"
+        ]
+      },
+      size: {
+        sm: ["min-h-comp-input-h-small"],
+        base: ["min-h-comp-input-h-def"],
+        lg: ["min-h-comp-input-h-large"]
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "base"
+    }
+  }
+), m = d([
+  "h-fit w-fit border-none p-2xs rounded-full focus-visible-default",
+  "bg-none cursor-pointer disabled:cursor-not-allowed",
+  "text-comp-file-upload-icon-def-secondary",
+  "disabled:text-comp-file-upload-icon-def-disabled"
+]), I = ({
+  file: l,
+  uploaded: a,
+  progress: e,
+  size: o,
+  disabled: i,
+  readOnly: r = !1,
+  note: p,
+  error: n,
+  onDelete: f,
+  onError: h
+}) => {
+  const x = b.useMemo(() => i ? "disabled" : n ? "error" : typeof e == "number" && e > 0 ? "loading" : "default", [i, n, e]), u = b.useMemo(() => {
+    if (l.type.startsWith("image/"))
+      return URL.createObjectURL(l);
+  }, [l]);
+  return /* @__PURE__ */ c("li", { className: "flex flex-col gap-sm", children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: d(
+          N({
+            variant: x,
+            size: o
+          })
+        ),
+        children: [
+          u && /* @__PURE__ */ t(
+            "img",
+            {
+              src: u,
+              alt: l.name,
+              width: 24,
+              height: 24,
+              className: d("size-icon-medium shrink-0 rounded-xs object-cover", {
+                "opacity-50 saturate-0": i
+              })
+            }
+          ),
+          /* @__PURE__ */ t(
+            s,
+            {
+              className: "flex-grow truncate",
+              component: "span",
+              size: "sm",
+              fixY: !0,
+              children: l.name
+            }
+          ),
+          !a && /* @__PURE__ */ t(
+            "button",
+            {
+              disabled: i,
+              onClick: f,
+              className: d(
+                m,
+                "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__ */ t(v, { className: "size-2xl" })
+            }
+          ),
+          a && /* @__PURE__ */ c("div", { className: "flex gap-md", children: [
+            /* @__PURE__ */ t(
+              "button",
+              {
+                disabled: i,
+                onClick: () => w(l, h),
+                className: d(
+                  m,
+                  "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__ */ t(y, { className: "size-2xl" })
+              }
+            ),
+            !r && /* @__PURE__ */ t(
+              "button",
+              {
+                disabled: i,
+                onClick: f,
+                className: d(
+                  m,
+                  "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__ */ t(k, { className: "size-2xl" })
+              }
+            )
+          ] }),
+          typeof e == "number" && e !== 0 && /* @__PURE__ */ t(
+            "div",
+            {
+              style: { width: `${e}%` },
+              className: "absolute bottom-0 left-0 min-h-[3px] bg-comp-file-upload-icon-brand-def transition-[width] duration-300 ease-out"
+            }
+          )
+        ]
+      }
+    ),
+    p && /* @__PURE__ */ t(
+      s,
+      {
+        size: "sm",
+        component: "span",
+        variant: "body",
+        weight: "regular",
+        className: "text-comp-input-text-secondary",
+        children: p
+      }
+    ),
+    n && /* @__PURE__ */ t(
+      s,
+      {
+        size: "sm",
+        component: "span",
+        variant: "body",
+        weight: "regular",
+        className: "text-comp-input-text-error",
+        children: n
+      }
+    )
+  ] });
+};
+export {
+  I as FileItem
+};

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

@@ -0,0 +1,36 @@
+import { VariantProps } from 'class-variance-authority';
+import { DropzoneOptions } from 'react-dropzone';
+import * as React from 'react';
+declare const fileUploadVariants: (props?: ({
+    error?: boolean | null | undefined;
+    isDragActive?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface FileUploadProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onDrop' | 'onError' | 'onChange'>, Omit<VariantProps<typeof fileUploadVariants>, 'isDragActive'> {
+    onDrop?: (acceptedFiles: File[]) => void;
+    accept?: string | string[];
+    multiple?: boolean;
+    maxSize?: number;
+    maxSizeErrorMessage?: string;
+    size?: 'sm' | 'base' | 'lg';
+    disabled?: boolean;
+    readOnly?: boolean;
+    title?: string;
+    label?: React.ReactNode;
+    subtitle?: string;
+    error?: boolean;
+    dropzoneOptions?: Omit<DropzoneOptions, 'onDrop' | 'accept' | 'multiple' | 'maxSize' | 'disabled'>;
+    preselectedFiles?: File[];
+    fileStatus?: {
+        uploaded: boolean;
+        progress?: number;
+    }[];
+    itemErrors?: Map<File, string>;
+    itemHints?: Map<File, string>;
+    onError?: (error: string, file?: File) => void;
+    onDelete?: (file: File, index: number) => void;
+    onChange?: (files: File[]) => void;
+}
+declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLDivElement>>;
+export { FileUpload };
+//# sourceMappingURL=FileUpload.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/FileUpload/FileUpload.js

@@ -0,0 +1,212 @@
+import { jsxs as m, 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(
+  [
+    "group relative cursor-pointer rounded-xl border-1 border-dashed transition-colors",
+    "p-4xl pt-3xl pr-4xl pb-3xl",
+    "align-center flex flex-col items-center justify-center gap-lg text-center",
+    "border-comp-file-upload-stroke-dashed-def bg-comp-file-upload-fill-def",
+    "text-comp-file-upload-text-brand-def",
+    "hover:border-comp-file-upload-stroke-dashed-hover hover:bg-comp-file-upload-fill-hover",
+    "hover:text-comp-file-upload-text-brand-hover",
+    "focus-visible-default focus-visible:border-comp-file-upload-stroke-dashed-focused",
+    "focus-visible:text-comp-file-upload-title-text-focused focus-visible:bg-comp-file-upload-fill-focused"
+  ],
+  {
+    variants: {
+      error: {
+        true: [
+          "border-comp-button-stroke-error-def bg-comp-file-upload-fill-def",
+          "text-comp-file-upload-text-error-def"
+        ]
+      },
+      isDragActive: {
+        true: [
+          "border-comp-file-upload-stroke-dashed-focused bg-comp-file-upload-fill-focused",
+          "text-comp-file-upload-title-text-focused"
+        ]
+      },
+      disabled: {
+        true: [
+          "pointer-events-none",
+          "border-comp-file-upload-stroke-dashed-disabled",
+          "bg-comp-file-upload-fill-disabled",
+          "text-comp-file-upload-text-dark-disabled"
+        ]
+      }
+    }
+  }
+), H = A(
+  [
+    "text-center transition-colors",
+    "text-comp-file-upload-text-dark-secondary"
+  ],
+  {
+    variants: {
+      disabled: {
+        true: ["text-comp-file-upload-text-brand-disabled"]
+      }
+    }
+  }
+), C = y.forwardRef(
+  ({
+    className: M,
+    onDrop: x,
+    accept: f,
+    multiple: k = !0,
+    maxSize: b,
+    maxSizeErrorMessage: F,
+    size: P = "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: _,
+    onError: o,
+    onDelete: z,
+    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) => {
+        try {
+          if (U(!1), d.length > 0 && d.some(
+            (l) => l.errors.some((r) => r.code === "file-too-large")
+          )) {
+            U(!0);
+            const l = F || j;
+            o == null || o(l, d[0].file);
+            return;
+          }
+          $((e) => {
+            const l = 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);
+        } catch (e) {
+          const l = e instanceof Error ? e.message : "Failed to process files";
+          o == null || o(l);
+        }
+      },
+      accept: typeof f == "string" ? { [f]: [] } : f ? Object.fromEntries(f.map((t) => [t, []])) : void 0,
+      multiple: k,
+      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,
+          {
+            size: "sm",
+            component: "label",
+            weight: "regular",
+            variant: "body",
+            className: "caret-comp-input-text-primary",
+            children: u
+          }
+        ) : u),
+        /* @__PURE__ */ m(
+          "div",
+          {
+            ref: G,
+            tabIndex: p ? void 0 : 0,
+            className: R(
+              D({
+                error: _ || S,
+                disabled: p,
+                className: M,
+                isDragActive: O
+              })
+            ),
+            ...J(),
+            ...q,
+            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,
+                  {
+                    size: "sm",
+                    component: "p",
+                    weight: "regular",
+                    className: R(
+                      H({
+                        disabled: p,
+                        className: M
+                      })
+                    ),
+                    children: w
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        S && /* @__PURE__ */ i(
+          n,
+          {
+            size: "sm",
+            variant: "body",
+            component: "p",
+            weight: "regular",
+            className: "text-comp-file-upload-text-error-def",
+            children: F || j
+          }
+        )
+      ] }),
+      /* @__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,
+          {
+            file: t,
+            uploaded: l,
+            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),
+            onError: o,
+            size: P,
+            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);
+              }
+            }
+          },
+          t.name
+        );
+      }) })
+    ] });
+  }
+);
+C.displayName = "FileUpload";
+export {
+  C as FileUpload
+};

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

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { FileUpload } from './FileUpload';
+declare const meta: Meta<typeof FileUpload>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Error: Story;
+export declare const ErrorWithUploadedFiles: Story;
+export declare const UploadInProgress: Story;
+export declare const UploadedFiles: Story;
+export declare const SingleFile: Story;
+export declare const ImagesOnly: Story;
+export declare const WithSizeLimit: Story;
+export declare const Disabled: Story;
+export declare const WithErrorsAndHints: Story;
+export declare const ReadOnly: Story;
+export declare const UploadSimulation: Story;
+//# sourceMappingURL=FileUpload.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAmGjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAWnB,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAc9B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KASxB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA0ChC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA0F9B,CAAA"}

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

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

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

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