@oneplatformdev/ui 0.0.1-beta.3 → 0.0.1-beta.31

package/AlertDialog/AlertDialog.d.ts

@@ -6,6 +6,10 @@ import { FC, PropsWithChildren } from 'react';
  * @public
  * @see [Documentation](#)
  * @example
+ * > Import:
+ * ```tsx
+ *    import { AlertDialog } from '@oneplatformdev/ui/AlertDialog';
+ * ```
  * > Simple example:
  * ```tsx
  *    <AlertDialog
@@ -25,6 +29,16 @@ import { FC, PropsWithChildren } from 'react';
  *         onConfirm={(event) => console.log(event, 'Confirm')}
  *       />
  * ```
+ * > Trigger example: Button with icon children
+ * ```tsx
+ *      <AlertDialog
+ *         trigger={<Button variant="outline" size="icon"><PencilLine /></Button>}
+ *         title="Dialog title with icon trigger"
+ *         description="Description text..."
+ *         onCancel={(event) => console.log(event, 'Cancel')}
+ *         onConfirm={(event) => console.log(event, 'Confirm')}
+ *       />
+ * ```
  *
  * > Full content example:
  * ```tsx

package/AlertDialog/AlertDialog.mjs

@@ -1,99 +1,97 @@
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { cloneElement as a, useId as y, Children as E } from "react";
-import { AlertDialogRoot as F, AlertDialogContent as h, AlertDialogTrigger as f, AlertDialogHeader as m, AlertDialogTitle as B, AlertDialogDescription as R, AlertDialogFooter as A, AlertDialogAction as C, AlertDialogCancel as k } from "./AlertDialogRoot.mjs";
-import { Button as x } from "../Button/Button.mjs";
-import "../Button/buttonVariants.mjs";
-import { isValidReactElement as l } from "@oneplatformdev/utils";
-const H = (n) => {
-  const { slotProps: e = {}, children: r } = n, o = e.trigger ?? {};
-  return l(r, f) ? a(
+import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import { cloneElement as a, useId as j, Children as y } from "react";
+import { AlertDialogRoot as E, AlertDialogContent as u, AlertDialogTrigger as v, AlertDialogHeader as f, AlertDialogTitle as B, AlertDialogDescription as R, AlertDialogFooter as A, AlertDialogAction as D, AlertDialogCancel as k } from "./AlertDialogRoot.mjs";
+import { isValidReactElement as s } from "@oneplatformdev/utils";
+const F = (o) => {
+  const { slotProps: e = {}, children: r } = o, i = e.trigger ?? {};
+  return s(r, v) ? a(
     r,
     {
       ...r.props || {},
-      ...o
+      ...i
     }
-  ) : l(r, x) ? /* @__PURE__ */ t(f, { asChild: !0, ...o, children: r }) : /* @__PURE__ */ t(f, { asChild: !0, children: /* @__PURE__ */ t(x, { variant: "outline", ...o, children: r }) });
-}, I = (n) => {
+  ) : /* @__PURE__ */ t(v, { asChild: !0, children: r });
+}, H = (o) => {
   const {
     title: e = "",
     description: r = "",
-    slotProps: o = {},
-    children: c
-  } = n, i = o.header ?? {}, d = o.title ?? {}, s = o.description ?? {};
-  return c ? l(c, m) ? a(
-    c,
-    { ...c.props || {}, ...i }
-  ) : /* @__PURE__ */ t(m, { ...i, children: c }) : /* @__PURE__ */ u(m, { children: [
-    e && l(e, B) ? a(
+    slotProps: i = {},
+    children: l
+  } = o, n = i.header ?? {}, d = i.title ?? {}, c = i.description ?? {};
+  return l ? s(l, f) ? a(
+    l,
+    { ...l.props || {}, ...n }
+  ) : /* @__PURE__ */ t(f, { ...n, children: l }) : /* @__PURE__ */ g(f, { children: [
+    e && s(e, B) ? a(
       e,
       { ...e.props || {}, ...d }
     ) : /* @__PURE__ */ t(B, { ...d, children: e }),
-    r && l(r, R) ? a(
+    r && s(r, R) ? a(
       r,
-      { ...r.props || {}, ...s }
-    ) : /* @__PURE__ */ t(R, { ...s, children: r })
+      { ...r.props || {}, ...c }
+    ) : /* @__PURE__ */ t(R, { ...c, children: r })
   ] });
-}, L = (n) => {
+}, I = (o) => {
   const {
     slotProps: e = {},
     children: r,
-    onCancel: o,
-    onConfirm: c,
-    cancelLabel: i = "Cancel",
+    onCancel: i,
+    onConfirm: l,
+    cancelLabel: n = "Cancel",
     actionLabel: d = "Continue",
-    variant: s = "confirm"
-  } = n, T = y(), D = e.footer ?? {}, b = e.cancelButton ?? {}, P = e.actionButton ?? {};
-  return r ? l(r, A) ? a(
+    variant: c = "confirm"
+  } = o, x = j(), m = e.footer ?? {}, T = e.cancelButton ?? {}, C = e.actionButton ?? {};
+  return r ? s(r, A) ? a(
     r,
-    { ...r.props || {}, ...D }
-  ) : /* @__PURE__ */ t(A, { ...D, children: E.map(r, (p, j) => {
-    if (!p || !l(p)) return;
-    const g = p, v = a(g, { ...g.props || {}, key: g.key || `footer-${T}-action-${j}` });
-    return l(p, C) || l(p, k) ? v : /* @__PURE__ */ t(C, { asChild: !0, children: v });
-  }) }) : /* @__PURE__ */ u(A, { children: [
-    s !== "alert" && /* @__PURE__ */ t(
+    { ...r.props || {}, ...m }
+  ) : /* @__PURE__ */ t(A, { ...m, children: y.map(r, (p, b) => {
+    if (!p || !s(p)) return;
+    const h = p, P = a(h, { ...h.props || {}, key: h.key || `footer-${x}-action-${b}` });
+    return s(p, D) || s(p, k) ? P : /* @__PURE__ */ t(D, { asChild: !0, children: P });
+  }) }) : /* @__PURE__ */ g(A, { children: [
+    c !== "alert" && /* @__PURE__ */ t(
       k,
       {
         variant: "ghost",
-        onClick: o,
-        ...b,
-        children: i
+        onClick: i,
+        ...T,
+        children: n
       }
     ),
     /* @__PURE__ */ t(
-      C,
+      D,
       {
-        onClick: c,
-        ...P,
-        variant: P.variant || s === "destructive" ? "destructive" : "default",
+        onClick: l,
+        ...C,
+        variant: C.variant || c === "destructive" ? "destructive" : "default",
         children: d
       }
     )
   ] });
-}, J = (n) => {
+}, w = (o) => {
   const {
     trigger: e,
     header: r,
-    footer: o,
-    slotProps: c = {},
-    children: i,
+    footer: i,
+    slotProps: l = {},
+    children: n,
     ...d
-  } = n, s = c.content ?? {};
-  return /* @__PURE__ */ u(F, { ...d, children: [
-    /* @__PURE__ */ t(H, { ...n, children: e }),
-    i ? l(i, h) ? a(
-      i,
+  } = o, c = l.content ?? {};
+  return /* @__PURE__ */ g(E, { ...d, children: [
+    /* @__PURE__ */ t(F, { ...o, children: e }),
+    n ? s(n, u) ? a(
+      n,
       {
-        ...i.props || {},
-        ...s
+        ...n.props || {},
+        ...c
       }
-    ) : /* @__PURE__ */ t(h, { ...s, children: i }) : /* @__PURE__ */ u(h, { ...s, children: [
-      /* @__PURE__ */ t(I, { ...n, children: r }),
-      /* @__PURE__ */ t(L, { ...n, children: o })
+    ) : /* @__PURE__ */ t(u, { ...c, children: n }) : /* @__PURE__ */ g(u, { ...c, children: [
+      /* @__PURE__ */ t(H, { ...o, children: r }),
+      /* @__PURE__ */ t(I, { ...o, children: i })
     ] })
   ] });
 };
 export {
-  J as AlertDialog,
-  J as default
+  w as AlertDialog,
+  w as default
 };

package/Button/buttonVariants.mjs

@@ -1,10 +1,10 @@
 import { cva as e } from "class-variance-authority";
-const t = e(
+const r = e(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        default: "bg-primary text-primary-foreground shadow hover:opacity-[.8]",
         destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
         outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
         secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
@@ -25,5 +25,5 @@ const t = e(
   }
 );
 export {
-  t as buttonVariants
+  r as buttonVariants
 };

package/Combobox/Combobox.mjs

@@ -1,109 +1,120 @@
 import { jsx as a, jsxs as t } from "react/jsx-runtime";
-import n, { useEffect as E } from "react";
-import { LoadingMask as I } from "../LoadingMask/LoadingMask.mjs";
-import { Popover as U, PopoverTrigger as _, PopoverContent as B } from "../Popover/Popover.mjs";
-import { Button as F } from "../Button/Button.mjs";
+import n, { useRef as U, useEffect as w, useCallback as x } from "react";
+import { LoadingMask as _ } from "../LoadingMask/LoadingMask.mjs";
+import { Popover as B, PopoverTrigger as F, PopoverContent as V } from "../Popover/Popover.mjs";
+import { Button as X } from "../Button/Button.mjs";
 import "../Button/buttonVariants.mjs";
-import { Command as G, CommandInput as M, CommandList as R, CommandEmpty as V, CommandGroup as W, CommandItem as X } from "../Command/Command.mjs";
-import { cn as g } from "@oneplatformdev/utils";
-import { useDebounceCallback as q } from "@oneplatformdev/hooks";
-import { X as z, ChevronsUpDown as A, Check as H } from "lucide-react";
-const te = (w) => {
-  var C;
+import { Command as q, CommandInput as z, CommandList as A, CommandEmpty as H, CommandGroup as J, CommandItem as K } from "../Command/Command.mjs";
+import { cn as N } from "@oneplatformdev/utils";
+import { useDebounceCallback as Q } from "@oneplatformdev/hooks";
+import { X as W, ChevronsUpDown as Y, Check as Z } from "lucide-react";
+const ie = (S) => {
+  var y;
   const {
     value: o,
-    onChange: y,
-    placeholder: x,
-    disabled: N,
-    searchLabel: S,
-    fetchOptions: L,
+    onChange: k,
+    placeholder: L,
+    disabled: O,
+    searchLabel: P,
+    fetchOptions: j,
     options: r,
-    emptyLabel: O = "No options"
-  } = w, [l, d] = n.useState(!1), [P, m] = n.useState(""), [p, h] = n.useState([]), [s, u] = n.useState(), [f, b] = n.useState(!1);
-  E(() => {
-    r != null && r.length && h(r);
+    emptyLabel: D = "No options",
+    onMount: u
+  } = S, s = U(!1), [l, p] = n.useState(!1), [M, h] = n.useState(""), [f, c] = n.useState([]), [i, b] = n.useState(), [v, C] = n.useState(!1);
+  w(() => {
+    r != null && r.length && c(r);
   }, [r]);
-  const j = async () => {
-    l || (v(), m(""));
-  }, v = async (e) => {
-    b(!0);
+  const T = async () => {
+    l || (g(), h(""));
+  }, g = x(async (e) => {
+    C(!0);
     try {
-      const i = await L(e);
-      h(i);
-    } catch (i) {
-      console.error("Unexpected error while get option:", i);
+      const m = await j(e);
+      c(m);
+    } catch (m) {
+      console.error("Unexpected error while get option:", m);
     } finally {
-      b(!1);
+      C(!1);
     }
-  }, k = q(v, 1e3), D = (e) => {
-    m(e), k(e);
-  }, c = (e) => {
-    y(e.value), u(e);
-  }, T = () => {
-    c({ value: "", label: "" }), u(void 0);
-  };
-  return /* @__PURE__ */ a("div", { className: "w-full", children: /* @__PURE__ */ t(
-    U,
+  }, []), E = Q(g, 1e3, { leading: !1, trailing: !0 }), G = (e) => {
+    h(e), E(e);
+  }, d = (e) => {
+    k(e.value), b(e);
+  }, I = () => {
+    d({ value: "", label: "" }), b(void 0);
+  }, R = x(() => {
+    if (!u) {
+      s.current = !0;
+      return;
+    }
+    u({ setOptions: c }).finally(() => {
+      s.current = !0;
+    });
+  }, []);
+  return w(() => (R(), () => {
+    s.current = !1;
+  }), []), /* @__PURE__ */ a("div", { className: "w-full", children: /* @__PURE__ */ t(
+    B,
     {
       open: l,
       onOpenChange: (e) => {
-        d(e), e && j();
+        p(e), e && T();
       },
       children: [
-        /* @__PURE__ */ a(_, { asChild: !0, className: "border-border", children: /* @__PURE__ */ t(
-          F,
+        /* @__PURE__ */ a(F, { asChild: !0, className: "border-border", children: /* @__PURE__ */ t(
+          X,
           {
             variant: "outline",
             role: "combobox",
             "aria-expanded": l,
-            className: g(
+            className: N(
               "w-full justify-between font-normal text-sm border bg-input",
               l ? "border-2 border-sidebar-accent" : "border-border"
             ),
-            disabled: N,
+            disabled: O,
             children: [
-              /* @__PURE__ */ a("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: o ? ((C = p.find((e) => e.value === o)) == null ? void 0 : C.label) || (s == null ? void 0 : s.label) : /* @__PURE__ */ a("span", { className: "text-gray-400", children: x }) }),
+              /* @__PURE__ */ a("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: o ? ((y = f.find((e) => e.value === o)) == null ? void 0 : y.label) || (i == null ? void 0 : i.label) : /* @__PURE__ */ a("span", { className: "text-gray-400", children: L }) }),
               o ? /* @__PURE__ */ a(
-                z,
+                W,
                 {
                   className: "opacity-50 w-4 h-4 cursor-pointer hover:opacity-100",
                   onClick: (e) => {
-                    e.stopPropagation(), T();
+                    e.stopPropagation(), I();
                   }
                 }
-              ) : /* @__PURE__ */ a(A, { className: "opacity-50 w-4 h-4" })
+              ) : /* @__PURE__ */ a(Y, { className: "opacity-50 w-4 h-4" })
             ]
           }
         ) }),
         /* @__PURE__ */ a(
-          B,
+          V,
           {
             className: "w-[var(--radix-popper-anchor-width)] max-w-none p-0",
             align: "start",
-            children: /* @__PURE__ */ t(G, { shouldFilter: !1, children: [
+            children: /* @__PURE__ */ t(q, { shouldFilter: !1, children: [
               /* @__PURE__ */ a(
-                M,
+                z,
                 {
-                  placeholder: S,
-                  value: P,
-                  onValueChange: D
+                  placeholder: P,
+                  value: M,
+                  onValueChange: G
                 }
               ),
-              /* @__PURE__ */ t(R, { children: [
-                !f && /* @__PURE__ */ a(V, { children: O }),
-                /* @__PURE__ */ a(W, { children: f ? /* @__PURE__ */ a("div", { className: "flex justify-center", children: /* @__PURE__ */ a(I, {}) }) : p.map((e) => /* @__PURE__ */ t(
-                  X,
+              /* @__PURE__ */ t(A, { children: [
+                !v && /* @__PURE__ */ a(H, { children: D }),
+                /* @__PURE__ */ a(J, { children: v ? /* @__PURE__ */ a("div", { className: "flex justify-center", children: /* @__PURE__ */ a(_, {}) }) : f.map((e) => /* @__PURE__ */ t(
+                  K,
                   {
                     value: e.value,
                     onSelect: () => {
-                      o === e.value ? c({ value: "", label: "" }) : c(e), d(!1);
+                      o === e.value ? d({ value: "", label: "" }) : d(e), p(!1);
                     },
                     children: [
                       e.label,
                       /* @__PURE__ */ a(
-                        H,
+                        Z,
                         {
-                          className: g(
+                          className: N(
                             "ml-auto",
                             o === e.value ? "opacity-100" : "opacity-0"
                           )
@@ -122,5 +133,5 @@ const te = (w) => {
   ) });
 };
 export {
-  te as Combobox
+  ie as Combobox
 };

package/Combobox/Combobox.types.d.ts

@@ -1,7 +1,12 @@
+import { Dispatch, SetStateAction } from 'react';
+
 export interface ComboboxOption {
     value: string;
     label: string;
 }
+export interface ComboboxPropsOnMountParams {
+    setOptions: Dispatch<SetStateAction<ComboboxOption[]>>;
+}
 export interface ComboboxProps {
     value: string;
     onChange: (value: string) => void;
@@ -12,4 +17,6 @@ export interface ComboboxProps {
     options?: ComboboxOption[];
     /** CommandEmpty label*/
     emptyLabel?: string;
+    /** Callback for load data on start component */
+    onMount?: (params: ComboboxPropsOnMountParams) => Promise<ComboboxOption[]>;
 }

package/Dropzone/Dropzone.d.ts

@@ -0,0 +1,22 @@
+import { DropzoneProps } from './Dropzone.types';
+
+/**
+ * Dropzone component - A drag-and-drop file upload area with image previews, error handling, and localization.
+ *
+ * @component
+ * @param {DropzoneProps} props - The props for the Dropzone component.
+ * @param {string[]} [props.acceptTypes=DEFAULT_FILE_TYPES] - Allowed file MIME types.
+ * @param {number} props.maxSizeMB - Maximum allowed file size in megabytes.
+ * @param {number} [props.maxFiles=1] - Maximum number of files that can be uploaded.
+ * @param {DropzoneTranslations} props.translations - Translations for text labels.
+ * @param {(errors: FileRejection[]) => void} [props.onErrors] - Callback triggered when file errors occur.
+ * @param {boolean} [props.hideErrors=false] - Whether to hide error messages.
+ * @param {boolean} [props.disabled=false] - Whether the dropzone is disabled.
+ * @param {DropzoneStyles} [props.classNames] - Custom classNames for different dropzone states.
+ * @param {DropzoneValueItem[]} [props.value=[]] - Current selected files or URLs.
+ * @param {(items: DropzoneValueItem[]) => void} [props.onChangeValue] - Callback triggered when file selection changes.
+ * @param {string} [props.className] - Additional class names for styling.
+ * @param {React.Ref<HTMLDivElement>} ref - Ref for the root dropzone container.
+ * @returns {JSX.Element} The rendered Dropzone component.
+ */
+export declare const Dropzone: import('react').ForwardRefExoticComponent<DropzoneProps & import('react').RefAttributes<HTMLDivElement>>;

package/Dropzone/Dropzone.mjs

@@ -0,0 +1,136 @@
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { forwardRef as L, useState as g } from "react";
+import { useDropzone as M } from "react-dropzone";
+import { Card as U } from "../Card/Card.mjs";
+import { File as j, X as O } from "lucide-react";
+import { cn as m } from "@oneplatformdev/utils";
+import { F as X, D as Y } from "../DropzoneFilePreview-Dhtv8F4u.js";
+import { isFile as v, extractName as q } from "./DropzoneUtils.mjs";
+const G = L(
+  ({
+    acceptTypes: y = Y,
+    maxSizeMB: w,
+    maxFiles: a = 1,
+    onErrors: x,
+    hideErrors: b = !1,
+    disabled: p = !1,
+    classNames: l,
+    value: u = [],
+    onChangeValue: s,
+    className: F,
+    labelDropzonePrompt: z = "Drop files here or click to select",
+    labelOrClickToSelect: H = "Click to select files",
+    labelSelectedFiles: D = "Selected Files",
+    labelUploadErrors: I = "Upload Errors",
+    labelFileTooLarge: k = "File is too large",
+    labelInvalidFileType: S = "Invalid file type",
+    ...E
+  }, P) => {
+    const [c, h] = g(u), [d, N] = g([]), W = (e, i) => {
+      N(i), x && x(i);
+      const r = [...c, ...e].slice(0, a);
+      h(r), s == null || s(r);
+    }, T = (e, i) => {
+      if (p) return;
+      e.stopPropagation();
+      const r = c.filter((n, f) => f !== i);
+      h(r), s == null || s(r);
+    }, { getRootProps: _, getInputProps: A, isDragActive: B } = M({
+      onDrop: W,
+      accept: y.reduce((e, i) => (e[i] = [], e), {}),
+      maxSize: w * 1024 * 1024,
+      maxFiles: a,
+      disabled: p
+    });
+    return /* @__PURE__ */ t(
+      U,
+      {
+        ..._(),
+        ...E,
+        className: m(
+          "border-dashed border-2 p-6 text-center flex flex-col items-center justify-center",
+          p && "bg-gray-300 pointer-events-none",
+          d.length > 0 ? "border-red-500" : "border-gray-300",
+          B && "bg-gray-100",
+          F
+        ),
+        ref: P,
+        children: [
+          /* @__PURE__ */ o("input", { ...A() }),
+          c.length === 0 && d.length === 0 && /* @__PURE__ */ t(
+            "div",
+            {
+              className: m(
+                "flex flex-col items-center gap-1",
+                l == null ? void 0 : l.idleWrapper
+              ),
+              children: [
+                /* @__PURE__ */ o(j, { className: "w-8 h-8 text-gray-500" }),
+                !p && /* @__PURE__ */ o("pre", { className: "font-semibold text-gray-600", children: z })
+              ]
+            }
+          ),
+          c.length > 0 && /* @__PURE__ */ t("div", { className: m("w-full mt-2", l == null ? void 0 : l.previewWrapper), children: [
+            /* @__PURE__ */ t("pre", { className: "font-semibold text-gray-600", children: [
+              D,
+              ":"
+            ] }),
+            /* @__PURE__ */ o("ul", { className: "mt-2 text-sm text-gray-500 flex flex-wrap gap-4 items-start justify-center", children: c.map((e, i) => {
+              const r = v(e) ? e.name : q(e), n = v(e) ? (e.size / (1024 * 1024)).toFixed(2) + " MB" : "";
+              return /* @__PURE__ */ t(
+                "li",
+                {
+                  className: "flex flex-col items-center gap-2 relative",
+                  children: [
+                    /* @__PURE__ */ t("div", { className: "relative", children: [
+                      /* @__PURE__ */ o(X, { item: e, styles: l }),
+                      /* @__PURE__ */ o("div", { className: "absolute top-0 right-0 cursor-pointer bg-gray-300 rounded-sm", children: /* @__PURE__ */ o(
+                        O,
+                        {
+                          size: 16,
+                          strokeWidth: 1,
+                          color: "black",
+                          onClick: (f) => T(f, i)
+                        }
+                      ) })
+                    ] }),
+                    /* @__PURE__ */ t("span", { className: "inline-flex flex-col items-center", children: [
+                      /* @__PURE__ */ o("span", { className: "max-w-[80px] text-ellipsis overflow-hidden whitespace-nowrap", children: r }),
+                      n && /* @__PURE__ */ t("span", { children: [
+                        "(",
+                        n,
+                        ")"
+                      ] })
+                    ] })
+                  ]
+                },
+                i
+              );
+            }) })
+          ] }),
+          d.length > 0 && /* @__PURE__ */ t("div", { className: m("w-full mt-4", l == null ? void 0 : l.errorWrapper), children: [
+            /* @__PURE__ */ t("span", { className: "font-semibold text-red-500", children: [
+              I,
+              ":"
+            ] }),
+            /* @__PURE__ */ o("ul", { className: "mt-2 text-sm text-red-500 list-disc list-inside", children: d.map((e, i) => /* @__PURE__ */ t("li", { children: [
+              e.file.name,
+              " (",
+              (e.file.size / (1024 * 1024)).toFixed(2),
+              " MB)",
+              !b && /* @__PURE__ */ o("ul", { className: "ml-4 list-disc list-inside", children: e.errors.map((r, n) => /* @__PURE__ */ t("li", { children: [
+                r.code === "file-too-large" && k,
+                r.code === "file-invalid-type" && S,
+                r.code !== "file-too-large" && r.code !== "file-invalid-type" && r.message
+              ] }, n)) })
+            ] }, i)) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+G.displayName = "Dropzone";
+export {
+  G as Dropzone
+};

package/Dropzone/Dropzone.types.d.ts

@@ -0,0 +1,36 @@
+import { FileRejection } from 'react-dropzone';
+
+export type DropzoneValueItem = File | string;
+export interface FilePreviewProps {
+    item: DropzoneValueItem;
+    styles?: Pick<DropzoneStyles, 'previewWraper' | 'previewImage' | 'previewFile'>;
+}
+export interface DropzoneTranslations {
+    labelDropzonePrompt?: string;
+    labelOrClickToSelect?: string;
+    labelSelectedFiles?: string;
+    labelUploadErrors?: string;
+    labelFileTooLarge?: string;
+    labelInvalidFileType?: string;
+}
+export interface DropzoneProps extends DropzoneTranslations, React.HTMLAttributes<HTMLDivElement> {
+    acceptTypes?: string[];
+    maxSizeMB: number;
+    maxFiles?: number;
+    onErrors?: (errors: FileRejection[]) => void;
+    hideErrors?: boolean;
+    disabled?: boolean;
+    classNames?: DropzoneStyles;
+    value?: DropzoneValueItem[];
+    onChangeValue?: (items: DropzoneValueItem[]) => void;
+}
+export interface DropzoneStyles {
+    idleWrapper?: string;
+    previewWrapper?: string;
+    errorWrapper?: string;
+    previewWraper?: string;
+    previewImage?: string;
+    previewFile?: string;
+}
+export declare const DEFAULT_FILE_TYPES: string[];
+export declare const DEFAULT_IMAGES_TYPES: string[];

package/Dropzone/DropzoneFilePreview.d.ts

@@ -0,0 +1,4 @@
+import { FilePreviewProps } from './Dropzone.types';
+import { FC } from 'react';
+
+export declare const FilePreview: FC<FilePreviewProps>;

package/Dropzone/DropzoneFilePreview.mjs

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "react";
+import "lucide-react";
+import { F } from "../DropzoneFilePreview-Dhtv8F4u.js";
+import "./DropzoneUtils.mjs";
+import "@oneplatformdev/utils";
+export {
+  F as FilePreview
+};

package/Dropzone/DropzoneUtils.d.ts

@@ -0,0 +1,4 @@
+import { DropzoneValueItem } from './Dropzone.types';
+
+export declare function isFile(item: DropzoneValueItem): item is File;
+export declare function extractName(url: string): string;

package/Dropzone/DropzoneUtils.mjs

@@ -0,0 +1,15 @@
+function e(t) {
+  return t instanceof File;
+}
+function i(t) {
+  try {
+    const n = t.split("?")[0].split("#")[0].split("/");
+    return n[n.length - 1] || t;
+  } catch {
+    return t;
+  }
+}
+export {
+  i as extractName,
+  e as isFile
+};

package/Dropzone/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Dropzone';
+export * from './Dropzone.types';