react-upload-pro 0.1.0

package/dist/variants/index.cjs

@@ -0,0 +1,1028 @@
+"use client";
+'use strict';
+
+var chunkVVMPVTIX_cjs = require('../chunk-VVMPVTIX.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+// src/variants/types.ts
+function containerStyleFromProps(props) {
+  const hasOverride = props.width !== void 0 || props.style !== void 0;
+  if (!hasOverride) return void 0;
+  return {
+    width: props.width,
+    ...props.style
+  };
+}
+function surfaceStyleFromProps(props) {
+  if (props.height === void 0) return void 0;
+  return { height: props.height };
+}
+function pickGalleryProps(props, api) {
+  const onRename = props.onRename ?? (api ? (f, name) => api.rename(f.id, name) : void 0);
+  const onMetadataChange = props.onMetadataChange ?? (api ? (f, m) => api.setMetadata(f.id, m) : void 0);
+  return {
+    progressVariant: props.progressVariant,
+    progressSize: props.progressSize,
+    previewable: props.previewable,
+    editable: props.editable,
+    scrollAfter: props.scrollAfter,
+    maxHeight: props.maxHeight,
+    onRename,
+    onMetadataChange
+  };
+}
+function MinimalModern({ className, label, hint, ...opts }) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const api = chunkVVMPVTIX_cjs.useDropzone(opts);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkVVMPVTIX_cjs.cn("flex flex-col gap-3", className), style: containerStyleFromProps(opts), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ...api.getRootProps(),
+        style: surfaceStyleFromProps(opts),
+        className: chunkVVMPVTIX_cjs.cn(
+          "group flex flex-col items-center justify-center gap-2 rounded-xl border-2 border-dashed border-rup-border bg-rup-bg p-8 text-center transition-all hover:border-rup-accent/60 hover:bg-rup-accent/5",
+          api.isDragAccept && "border-rup-accent bg-rup-accent/10 scale-[1.01]"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-rup-accent/10 text-rup-accent", children: /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadIcon, { width: 22, height: 22 }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-rup-fg", children: label ?? t.dragOrClick }),
+          hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-rup-muted", children: hint })
+        ]
+      }
+    ),
+    api.files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      chunkVVMPVTIX_cjs.UploadGallery,
+      {
+        ...pickGalleryProps(opts, api),
+        files: api.files,
+        onRemove: (f) => api.remove(f.id),
+        onRetry: (f) => api.retry(f.id)
+      }
+    )
+  ] });
+}
+function MinimalGlass({ className, label, hint, ...opts }) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const api = chunkVVMPVTIX_cjs.useDropzone(opts);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkVVMPVTIX_cjs.cn("flex flex-col gap-3", className), style: containerStyleFromProps(opts), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ...api.getRootProps(),
+        style: surfaceStyleFromProps(opts),
+        className: chunkVVMPVTIX_cjs.cn(
+          "relative overflow-hidden rounded-2xl border border-white/20 bg-white/10 p-10 text-center backdrop-blur-xl shadow-lg transition-all hover:bg-white/20",
+          api.isDragAccept && "bg-white/25 scale-[1.01]"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-br from-rup-accent/20 via-transparent to-pink-500/20" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-col items-center gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-14 w-14 items-center justify-center rounded-full bg-white/30 text-white backdrop-blur", children: /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadIcon, { width: 26, height: 26 }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-semibold text-white", children: label ?? t.dragOrClick }),
+            hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-white/70", children: hint })
+          ] })
+        ]
+      }
+    ),
+    api.files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      chunkVVMPVTIX_cjs.UploadGallery,
+      {
+        ...pickGalleryProps(opts, api),
+        files: api.files,
+        onRemove: (f) => api.remove(f.id)
+      }
+    )
+  ] });
+}
+function MinimalNeumorphic({ className, label, hint, ...opts }) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const api = chunkVVMPVTIX_cjs.useDropzone(opts);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkVVMPVTIX_cjs.cn("flex flex-col gap-3", className), style: containerStyleFromProps(opts), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ...api.getRootProps(),
+        style: surfaceStyleFromProps(opts),
+        className: chunkVVMPVTIX_cjs.cn(
+          "rounded-3xl bg-slate-100 p-10 text-center transition-all dark:bg-slate-800",
+          "[box-shadow:inset_8px_8px_16px_rgb(0_0_0_/_0.08),inset_-8px_-8px_16px_rgb(255_255_255_/_0.7)]",
+          "dark:[box-shadow:inset_8px_8px_16px_rgb(0_0_0_/_0.4),inset_-8px_-8px_16px_rgb(255_255_255_/_0.05)]",
+          api.isDragAccept && "ring-2 ring-rup-accent/40"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-slate-100 text-rup-accent shadow-[8px_8px_16px_rgb(0_0_0_/_0.08),-8px_-8px_16px_rgb(255_255_255_/_0.7)] dark:bg-slate-800 dark:shadow-[8px_8px_16px_rgb(0_0_0_/_0.4),-8px_-8px_16px_rgb(255_255_255_/_0.05)]", children: /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadIcon, { width: 28, height: 28 }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-sm font-medium text-slate-700 dark:text-slate-200", children: label ?? t.dragOrClick }),
+          hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-slate-500 dark:text-slate-400", children: hint })
+        ]
+      }
+    ),
+    api.files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      chunkVVMPVTIX_cjs.UploadGallery,
+      {
+        ...pickGalleryProps(opts, api),
+        files: api.files,
+        onRemove: (f) => api.remove(f.id)
+      }
+    )
+  ] });
+}
+function MinimalMaterial({ className, label, hint, ...opts }) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const api = chunkVVMPVTIX_cjs.useDropzone(opts);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkVVMPVTIX_cjs.cn("flex flex-col gap-3", className), style: containerStyleFromProps(opts), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ...api.getRootProps(),
+        style: surfaceStyleFromProps(opts),
+        className: chunkVVMPVTIX_cjs.cn(
+          "flex items-center gap-4 rounded-2xl border border-rup-border bg-rup-bg p-5 shadow-rup transition-all hover:shadow-lg",
+          api.isDragAccept && "border-rup-accent ring-2 ring-rup-accent/30"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-rup-accent/15 text-rup-accent", children: /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.FolderIcon, { width: 26, height: 26 }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 text-left", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-semibold text-rup-fg", children: label ?? t.dragOrClick }),
+            hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-rup-muted", children: hint })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: (e) => {
+                e.stopPropagation();
+                api.open();
+              },
+              className: "rounded-full bg-rup-accent px-4 py-2 text-sm font-medium text-rup-accent-fg shadow-sm hover:opacity-90",
+              children: t.browse
+            }
+          )
+        ]
+      }
+    ),
+    api.files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      chunkVVMPVTIX_cjs.UploadGallery,
+      {
+        ...pickGalleryProps(opts, api),
+        files: api.files,
+        onRemove: (f) => api.remove(f.id)
+      }
+    )
+  ] });
+}
+function MinimalInline({ className, label, hint, ...opts }) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const api = chunkVVMPVTIX_cjs.useDropzone(opts);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkVVMPVTIX_cjs.cn("flex flex-col gap-2", className), style: containerStyleFromProps(opts), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ...api.getRootProps(),
+        style: surfaceStyleFromProps(opts),
+        className: chunkVVMPVTIX_cjs.cn(
+          "flex items-center justify-between gap-3 rounded-rup border border-rup-border bg-rup-bg px-4 py-3 text-sm transition hover:border-rup-accent",
+          api.isDragAccept && "border-rup-accent bg-rup-accent/10"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-rup-muted", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.ImageIcon, { width: 16, height: 16 }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: label ?? t.dragOrClick })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-rup-accent", children: t.browse })
+        ]
+      }
+    ),
+    hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-rup-muted", children: hint }),
+    api.files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      chunkVVMPVTIX_cjs.UploadGallery,
+      {
+        ...pickGalleryProps(opts, api),
+        files: api.files,
+        layout: "compact",
+        onRemove: (f) => api.remove(f.id)
+      }
+    )
+  ] });
+}
+function BusinessCRM({ className, label, hint, ...opts }) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const api = chunkVVMPVTIX_cjs.useDropzone(opts);
+  const aggregate = chunkVVMPVTIX_cjs.useUploadProgress(api.files);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkVVMPVTIX_cjs.cn("grid gap-4 rounded-rup border border-rup-border bg-rup-bg p-4 md:grid-cols-[1fr_280px]", className), style: containerStyleFromProps(opts), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ...api.getRootProps(),
+          style: surfaceStyleFromProps(opts),
+          className: chunkVVMPVTIX_cjs.cn(
+            "flex flex-col items-center justify-center gap-2 rounded-rup border-2 border-dashed border-rup-border bg-rup-border/10 p-8 text-center transition-all hover:border-rup-accent",
+            api.isDragAccept && "border-rup-accent bg-rup-accent/10"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadIcon, { width: 28, height: 28, className: "text-rup-accent" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-rup-fg", children: label ?? t.dragOrClick }),
+            hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-rup-muted", children: hint })
+          ]
+        }
+      ),
+      api.files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+        chunkVVMPVTIX_cjs.UploadGallery,
+        {
+          ...pickGalleryProps(opts, api),
+          files: api.files,
+          searchable: true,
+          filterable: true,
+          onRemove: (f) => api.remove(f.id),
+          onRetry: (f) => api.retry(f.id),
+          onPause: (f) => api.pause(f.id),
+          onResume: (f) => api.resume(f.id)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "rounded-rup border border-rup-border bg-rup-bg p-4 text-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs font-semibold uppercase tracking-wide text-rup-muted", children: "Upload summary" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "mt-3 space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Stat, { label: t.filesText, value: `${api.files.length}` }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Stat,
+          {
+            label: "Uploaded",
+            value: `${chunkVVMPVTIX_cjs.formatBytes(aggregate.uploaded)} ${t.ofText} ${chunkVVMPVTIX_cjs.formatBytes(aggregate.total)}`
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(Stat, { label: t.speed, value: chunkVVMPVTIX_cjs.formatSpeed(aggregate.speed) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Stat, { label: t.eta, value: chunkVVMPVTIX_cjs.formatEta(aggregate.eta) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadProgress, { value: aggregate.progress, showLabel: true, className: "mt-4" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => void api.start(),
+            disabled: aggregate.pending === 0,
+            className: "rounded-md bg-rup-accent px-3 py-2 text-sm font-medium text-rup-accent-fg disabled:opacity-50",
+            children: "Start upload"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: api.removeAll,
+            disabled: api.files.length === 0,
+            className: "rounded-md border border-rup-border px-3 py-2 text-sm hover:bg-rup-border/30 disabled:opacity-50",
+            children: t.removeAll
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function BusinessDashboard({ className, label, hint, ...opts }) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const api = chunkVVMPVTIX_cjs.useDropzone(opts);
+  const aggregate = chunkVVMPVTIX_cjs.useUploadProgress(api.files);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunkVVMPVTIX_cjs.cn(
+        "overflow-hidden rounded-rup border border-rup-border bg-rup-bg",
+        className
+      ),
+      style: containerStyleFromProps(opts),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex items-center justify-between gap-4 border-b border-rup-border p-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-rup-fg", children: label ?? "Asset uploads" }),
+            hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-rup-muted", children: hint })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 text-xs text-rup-muted", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+              aggregate.completed,
+              "/",
+              api.files.length,
+              " ",
+              t.success.toLowerCase()
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadProgress, { value: aggregate.progress, size: 48, variant: "circle", showLabel: true })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ...api.getRootProps(),
+            style: surfaceStyleFromProps(opts),
+            className: chunkVVMPVTIX_cjs.cn(
+              "flex min-h-[120px] cursor-pointer items-center justify-center gap-3 bg-rup-border/10 p-6 text-sm text-rup-muted transition hover:bg-rup-border/20",
+              api.isDragAccept && "bg-rup-accent/10 text-rup-fg"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadIcon, { width: 18, height: 18 }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: t.dragOrClick })
+            ]
+          }
+        ),
+        api.files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          chunkVVMPVTIX_cjs.UploadGallery,
+          {
+            ...pickGalleryProps(opts, api),
+            files: api.files,
+            layout: "table",
+            onRemove: (f) => api.remove(f.id),
+            onRetry: (f) => api.retry(f.id),
+            onPause: (f) => api.pause(f.id),
+            onResume: (f) => api.resume(f.id)
+          }
+        )
+      ]
+    }
+  );
+}
+function BusinessSaaS({ className, label, hint, ...opts }) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const api = chunkVVMPVTIX_cjs.useDropzone(opts);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: chunkVVMPVTIX_cjs.cn(
+        "overflow-hidden rounded-2xl bg-gradient-to-br from-indigo-600 via-purple-600 to-pink-600 p-1",
+        className
+      ),
+      style: containerStyleFromProps(opts),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl bg-rup-bg p-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ...api.getRootProps(),
+            style: surfaceStyleFromProps(opts),
+            className: chunkVVMPVTIX_cjs.cn(
+              "flex flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed border-rup-border p-10 text-center transition-all hover:border-indigo-500",
+              api.isDragAccept && "border-indigo-500 bg-indigo-500/5"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-gradient-to-br from-indigo-500 to-purple-600 p-3 text-white shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadIcon, { width: 26, height: 26 }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-bold text-rup-fg", children: label ?? "Upload your assets" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-sm text-sm text-rup-muted", children: hint ?? t.dragOrClick }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    api.open();
+                  },
+                  className: "mt-2 rounded-full bg-gradient-to-r from-indigo-600 to-purple-600 px-6 py-2 text-sm font-semibold text-white shadow-md hover:opacity-95",
+                  children: t.browse
+                }
+              )
+            ]
+          }
+        ),
+        api.files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          chunkVVMPVTIX_cjs.UploadGallery,
+          {
+            ...pickGalleryProps(opts, api),
+            className: "mt-4",
+            files: api.files,
+            onRemove: (f) => api.remove(f.id),
+            onRetry: (f) => api.retry(f.id)
+          }
+        )
+      ] })
+    }
+  );
+}
+function Stat({ label, value }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-xs text-rup-muted", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-xs font-medium tabular-nums text-rup-fg", children: value })
+  ] });
+}
+function CreativeGradient({ className, label, hint, ...opts }) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const api = chunkVVMPVTIX_cjs.useDropzone(opts);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkVVMPVTIX_cjs.cn("flex flex-col gap-3", className), style: containerStyleFromProps(opts), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ...api.getRootProps(),
+        className: chunkVVMPVTIX_cjs.cn(
+          "group relative overflow-hidden rounded-3xl p-1 transition-transform",
+          "bg-[conic-gradient(from_var(--rup-angle,0deg),#6366f1,#ec4899,#f59e0b,#6366f1)]",
+          api.isDragAccept && "animate-[rup-pulse_1.5s_ease-in-out_infinite]"
+        ),
+        style: {
+          ["--rup-angle"]: api.isDragAccept ? "180deg" : "0deg",
+          ...surfaceStyleFromProps(opts)
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: chunkVVMPVTIX_cjs.cn(
+              "rounded-[calc(theme(borderRadius.3xl)-4px)] bg-rup-bg p-10 text-center transition-colors",
+              api.isDragAccept && "bg-rup-bg/95"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex h-14 w-14 items-center justify-center rounded-full bg-gradient-to-br from-indigo-500 via-pink-500 to-amber-500 text-white shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadIcon, { width: 26, height: 26 }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 bg-gradient-to-r from-indigo-500 via-pink-500 to-amber-500 bg-clip-text text-lg font-bold text-transparent", children: label ?? t.dragOrClick }),
+              hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-rup-muted", children: hint })
+            ]
+          }
+        )
+      }
+    ),
+    api.files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      chunkVVMPVTIX_cjs.UploadGallery,
+      {
+        ...pickGalleryProps(opts, api),
+        files: api.files,
+        layout: "grid",
+        onRemove: (f) => api.remove(f.id)
+      }
+    )
+  ] });
+}
+function CreativeAnimated({ className, label, hint, ...opts }) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const api = chunkVVMPVTIX_cjs.useDropzone(opts);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkVVMPVTIX_cjs.cn("flex flex-col gap-3", className), style: containerStyleFromProps(opts), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ...api.getRootProps(),
+        style: surfaceStyleFromProps(opts),
+        className: chunkVVMPVTIX_cjs.cn(
+          "relative overflow-hidden rounded-2xl border-2 border-dashed border-rup-border bg-rup-bg p-10 text-center transition-all duration-300",
+          "hover:border-rup-accent hover:shadow-xl hover:scale-[1.02]",
+          api.isDragAccept && "border-rup-accent bg-rup-accent/5 scale-[1.04] shadow-2xl"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: chunkVVMPVTIX_cjs.cn(
+                "mx-auto mb-3 flex h-16 w-16 items-center justify-center rounded-full bg-rup-accent/15 text-rup-accent transition-all duration-300",
+                api.isDragAccept && "scale-125 rotate-12"
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadIcon, { width: 30, height: 30 })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-semibold text-rup-fg", children: label ?? t.dragOrClick }),
+          hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-rup-muted", children: hint })
+        ]
+      }
+    ),
+    api.files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      chunkVVMPVTIX_cjs.UploadGallery,
+      {
+        ...pickGalleryProps(opts, api),
+        files: api.files,
+        layout: "grid",
+        onRemove: (f) => api.remove(f.id)
+      }
+    )
+  ] });
+}
+function CreativePremium({ className, label, hint, ...opts }) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const api = chunkVVMPVTIX_cjs.useDropzone(opts);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunkVVMPVTIX_cjs.cn(
+        "overflow-hidden rounded-3xl border border-rup-border bg-gradient-to-b from-rup-bg to-rup-border/20 shadow-rup",
+        className
+      ),
+      style: containerStyleFromProps(opts),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ...api.getRootProps(),
+            style: surfaceStyleFromProps(opts),
+            className: chunkVVMPVTIX_cjs.cn(
+              "relative flex flex-col items-center justify-center gap-3 p-12 text-center transition-all",
+              api.isDragAccept && "bg-rup-accent/5"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 -z-10 bg-[radial-gradient(circle_at_50%_0%,rgba(99,102,241,0.18),transparent_60%)]" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-20 w-20 items-center justify-center rounded-2xl bg-gradient-to-br from-rup-accent to-purple-500 text-white shadow-2xl", children: /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.ImageIcon, { width: 36, height: 36 }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold text-rup-fg", children: label ?? "Drop something beautiful" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-md text-sm text-rup-muted", children: hint ?? t.dragOrClick }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    api.open();
+                  },
+                  className: "mt-2 rounded-full border border-rup-border bg-rup-bg px-5 py-2 text-sm font-medium text-rup-fg shadow-sm hover:bg-rup-border/30",
+                  children: t.browse
+                }
+              )
+            ]
+          }
+        ),
+        api.files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-rup-border p-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+          chunkVVMPVTIX_cjs.UploadGallery,
+          {
+            ...pickGalleryProps(opts, api),
+            files: api.files,
+            layout: "grid",
+            onRemove: (f) => api.remove(f.id)
+          }
+        ) })
+      ]
+    }
+  );
+}
+function CreativeAvatar({ className, label, ...opts }) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const api = chunkVVMPVTIX_cjs.useDropzone({ multiple: false, accept: "image/*", ...opts });
+  const preview = api.files[0]?.previewUrl;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkVVMPVTIX_cjs.cn("flex flex-col items-center gap-2", className), style: containerStyleFromProps(opts), children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ...api.getRootProps(),
+      style: surfaceStyleFromProps(opts),
+      className: chunkVVMPVTIX_cjs.cn(
+        "group relative flex h-32 w-32 items-center justify-center overflow-hidden rounded-full border-2 border-dashed border-rup-border bg-rup-border/10 transition-all hover:border-rup-accent",
+        api.isDragAccept && "border-rup-accent bg-rup-accent/10"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+        preview ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: preview, alt: "", className: "h-full w-full object-cover" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.ImageIcon, { width: 32, height: 32, className: "text-rup-muted" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-0 flex items-center justify-center bg-black/40 text-xs font-medium text-white opacity-0 transition-opacity group-hover:opacity-100", children: label ?? t.browse })
+      ]
+    }
+  ) });
+}
+function EnterpriseDocs({ className, label, hint, ...opts }) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const api = chunkVVMPVTIX_cjs.useDropzone({ multiple: true, ...opts });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunkVVMPVTIX_cjs.cn(
+        "overflow-hidden rounded-rup border border-rup-border bg-rup-bg shadow-rup",
+        className
+      ),
+      style: containerStyleFromProps(opts),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "border-b border-rup-border bg-rup-border/10 px-5 py-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-rup-fg", children: label ?? "Document upload" }),
+          hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-rup-muted", children: hint })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ...api.getRootProps(),
+            style: surfaceStyleFromProps(opts),
+            className: chunkVVMPVTIX_cjs.cn(
+              "flex items-center gap-3 border-b border-rup-border bg-rup-border/5 px-5 py-4 text-sm transition hover:bg-rup-border/15",
+              api.isDragAccept && "bg-rup-accent/10"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadIcon, { width: 18, height: 18, className: "text-rup-accent" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-rup-fg", children: t.dragOrClick }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    api.open();
+                  },
+                  className: "rounded-md border border-rup-border bg-rup-bg px-3 py-1.5 text-xs hover:bg-rup-border/30",
+                  children: t.browse
+                }
+              )
+            ]
+          }
+        ),
+        api.files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          chunkVVMPVTIX_cjs.UploadGallery,
+          {
+            ...pickGalleryProps(opts, api),
+            files: api.files,
+            layout: "table",
+            searchable: true,
+            filterable: true,
+            onRemove: (f) => api.remove(f.id),
+            onRetry: (f) => api.retry(f.id),
+            onPause: (f) => api.pause(f.id),
+            onResume: (f) => api.resume(f.id)
+          }
+        )
+      ]
+    }
+  );
+}
+function EnterpriseTeam({ className, label, hint, ...opts }) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const api = chunkVVMPVTIX_cjs.useDropzone(opts);
+  const aggregate = chunkVVMPVTIX_cjs.useUploadProgress(api.files);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunkVVMPVTIX_cjs.cn(
+        "rounded-rup border border-rup-border bg-rup-bg p-5 shadow-rup",
+        className
+      ),
+      style: containerStyleFromProps(opts),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-rup-fg", children: label ?? "Team upload" }),
+            hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-rup-muted", children: hint })
+          ] }),
+          aggregate.uploading > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadProgress, { value: aggregate.progress, size: 36, variant: "circle" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ...api.getRootProps(),
+            style: surfaceStyleFromProps(opts),
+            className: chunkVVMPVTIX_cjs.cn(
+              "mt-4 flex items-center justify-between gap-3 rounded-rup border-2 border-dashed border-rup-border px-4 py-6 transition hover:border-rup-accent/60",
+              api.isDragAccept && "border-rup-accent bg-rup-accent/5"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 text-sm text-rup-muted", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.FolderIcon, { width: 20, height: 20 }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: t.dragOrClick })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-rup-accent", children: t.browse })
+            ]
+          }
+        ),
+        api.files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          chunkVVMPVTIX_cjs.UploadGallery,
+          {
+            ...pickGalleryProps(opts, api),
+            className: "mt-4",
+            files: api.files,
+            onRemove: (f) => api.remove(f.id),
+            onRetry: (f) => api.retry(f.id)
+          }
+        ),
+        aggregate.uploading > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex items-center justify-between text-xs text-rup-muted", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            aggregate.uploading,
+            " ",
+            t.uploading.toLowerCase(),
+            " \xB7",
+            " ",
+            chunkVVMPVTIX_cjs.formatBytes(aggregate.uploaded),
+            " ",
+            t.ofText,
+            " ",
+            chunkVVMPVTIX_cjs.formatBytes(aggregate.total)
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: chunkVVMPVTIX_cjs.formatEta(aggregate.eta) })
+        ] })
+      ]
+    }
+  );
+}
+function EnterpriseMediaLibrary({ className, label, hint, ...opts }) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const api = chunkVVMPVTIX_cjs.useDropzone({ accept: "image/*,video/*", ...opts });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkVVMPVTIX_cjs.cn("flex flex-col gap-3", className), style: containerStyleFromProps(opts), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ...api.getRootProps(),
+        style: surfaceStyleFromProps(opts),
+        className: chunkVVMPVTIX_cjs.cn(
+          "flex flex-col items-center justify-center gap-2 rounded-rup border-2 border-dashed border-rup-border bg-rup-bg p-8 text-center transition hover:border-rup-accent",
+          api.isDragAccept && "border-rup-accent bg-rup-accent/5"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadIcon, { width: 22, height: 22, className: "text-rup-accent" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-rup-fg", children: label ?? "Add media" }),
+          hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-rup-muted", children: hint })
+        ]
+      }
+    ),
+    api.files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      chunkVVMPVTIX_cjs.UploadGallery,
+      {
+        ...pickGalleryProps(opts, api),
+        files: api.files,
+        layout: "grid",
+        reorderable: true,
+        onReorder: api.reorder,
+        searchable: true,
+        onRemove: (f) => api.remove(f.id),
+        onRetry: (f) => api.retry(f.id)
+      }
+    )
+  ] });
+}
+function EnterpriseFullscreen({
+  className,
+  label,
+  hint,
+  ...opts
+}) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const api = chunkVVMPVTIX_cjs.useDropzone(opts);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkVVMPVTIX_cjs.cn("flex flex-col gap-3", className), style: containerStyleFromProps(opts), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ...api.getRootProps(),
+        style: surfaceStyleFromProps(opts),
+        className: chunkVVMPVTIX_cjs.cn(
+          "flex min-h-[60vh] flex-col items-center justify-center gap-4 rounded-2xl border-2 border-dashed border-rup-border bg-rup-bg p-10 text-center transition",
+          api.isDragAccept && "border-rup-accent bg-rup-accent/5"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-20 w-20 items-center justify-center rounded-full bg-rup-accent/15 text-rup-accent", children: /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadIcon, { width: 36, height: 36 }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-rup-fg", children: label ?? t.dropHere }),
+          hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-md text-sm text-rup-muted", children: hint }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: (e) => {
+                e.stopPropagation();
+                api.open();
+              },
+              className: "rounded-full bg-rup-accent px-6 py-3 text-sm font-semibold text-rup-accent-fg hover:opacity-90",
+              children: t.browse
+            }
+          )
+        ]
+      }
+    ),
+    api.files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      chunkVVMPVTIX_cjs.UploadGallery,
+      {
+        ...pickGalleryProps(opts, api),
+        files: api.files,
+        onRemove: (f) => api.remove(f.id)
+      }
+    )
+  ] });
+}
+function LayoutBox({ className, label, hint, ...opts }) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const api = chunkVVMPVTIX_cjs.useDropzone(opts);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkVVMPVTIX_cjs.cn("flex flex-col gap-3", className), style: containerStyleFromProps(opts), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ...api.getRootProps(),
+        style: surfaceStyleFromProps(opts),
+        className: chunkVVMPVTIX_cjs.cn(
+          "flex aspect-square w-full flex-col items-center justify-center gap-2 rounded-2xl border-2 border-rup-border bg-rup-bg p-6 text-center transition hover:border-rup-accent",
+          api.isDragAccept && "border-rup-accent bg-rup-accent/5"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadIcon, { width: 28, height: 28, className: "text-rup-accent" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-rup-fg", children: label ?? t.dragOrClick }),
+          hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-rup-muted", children: hint })
+        ]
+      }
+    ),
+    api.files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      chunkVVMPVTIX_cjs.UploadGallery,
+      {
+        ...pickGalleryProps(opts, api),
+        files: api.files,
+        onRemove: (f) => api.remove(f.id)
+      }
+    )
+  ] });
+}
+function LayoutCard({ className, label, hint, ...opts }) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const api = chunkVVMPVTIX_cjs.useDropzone(opts);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunkVVMPVTIX_cjs.cn(
+        "rounded-2xl border border-rup-border bg-rup-bg p-6 shadow-rup",
+        className
+      ),
+      style: containerStyleFromProps(opts),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ...api.getRootProps(),
+            style: surfaceStyleFromProps(opts),
+            className: chunkVVMPVTIX_cjs.cn(
+              "flex flex-col items-center justify-center gap-2 rounded-xl border-2 border-dashed border-rup-border p-10 text-center transition hover:border-rup-accent",
+              api.isDragAccept && "border-rup-accent bg-rup-accent/5"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadIcon, { width: 28, height: 28, className: "text-rup-accent" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-semibold text-rup-fg", children: label ?? t.dragOrClick }),
+              hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-rup-muted", children: hint })
+            ]
+          }
+        ),
+        api.files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          chunkVVMPVTIX_cjs.UploadGallery,
+          {
+            ...pickGalleryProps(opts, api),
+            className: "mt-4",
+            files: api.files,
+            onRemove: (f) => api.remove(f.id)
+          }
+        )
+      ]
+    }
+  );
+}
+function LayoutSidebar({ className, label, hint, ...opts }) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const api = chunkVVMPVTIX_cjs.useDropzone(opts);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkVVMPVTIX_cjs.cn("grid gap-3 md:grid-cols-[240px_1fr]", className), style: containerStyleFromProps(opts), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ...api.getRootProps(),
+        style: surfaceStyleFromProps(opts),
+        className: chunkVVMPVTIX_cjs.cn(
+          "flex h-full min-h-[200px] flex-col items-center justify-center gap-2 rounded-rup border-2 border-dashed border-rup-border bg-rup-bg p-4 text-center transition hover:border-rup-accent",
+          api.isDragAccept && "border-rup-accent bg-rup-accent/5"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadIcon, { width: 22, height: 22, className: "text-rup-accent" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-rup-fg", children: label ?? t.dragOrClick }),
+          hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-rup-muted", children: hint })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkVVMPVTIX_cjs.UploadGallery,
+      {
+        ...pickGalleryProps(opts, api),
+        files: api.files,
+        emptyState: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-rup-muted", children: "No files yet." }),
+        onRemove: (f) => api.remove(f.id),
+        onRetry: (f) => api.retry(f.id)
+      }
+    )
+  ] });
+}
+function LayoutModal({ className, label, hint, ...opts }) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const [open, setOpen] = react.useState(false);
+  const api = chunkVVMPVTIX_cjs.useDropzone(opts);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: containerStyleFromProps(opts), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen(true),
+        className: "inline-flex items-center gap-2 rounded-rup bg-rup-accent px-4 py-2 text-sm font-medium text-rup-accent-fg hover:opacity-90",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadIcon, { width: 14, height: 14 }),
+          label ?? t.browse
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkVVMPVTIX_cjs.UploadModal, { open, onClose: () => setOpen(false), title: t.browse, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ...api.getRootProps(),
+          style: surfaceStyleFromProps(opts),
+          className: chunkVVMPVTIX_cjs.cn(
+            "flex min-h-[180px] flex-col items-center justify-center gap-2 rounded-rup border-2 border-dashed border-rup-border bg-rup-bg p-8 text-center transition hover:border-rup-accent",
+            api.isDragAccept && "border-rup-accent bg-rup-accent/5"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadIcon, { width: 24, height: 24, className: "text-rup-accent" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-rup-fg", children: t.dragOrClick }),
+            hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-rup-muted", children: hint })
+          ]
+        }
+      ),
+      api.files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+        chunkVVMPVTIX_cjs.UploadGallery,
+        {
+          ...pickGalleryProps(opts, api),
+          className: "mt-4",
+          files: api.files,
+          onRemove: (f) => api.remove(f.id)
+        }
+      )
+    ] })
+  ] });
+}
+function LayoutFloating({ className, label, hint, ...opts }) {
+  const { t } = chunkVVMPVTIX_cjs.useI18n();
+  const [expanded, setExpanded] = react.useState(false);
+  const api = chunkVVMPVTIX_cjs.useDropzone(opts);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunkVVMPVTIX_cjs.cn(
+        "fixed bottom-4 right-4 z-50 w-80 max-w-[calc(100vw-2rem)] overflow-hidden rounded-rup border border-rup-border bg-rup-bg shadow-rup transition-all",
+        expanded ? "h-auto" : "h-12",
+        className
+      ),
+      style: containerStyleFromProps(opts),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setExpanded((e) => !e),
+            className: "flex w-full items-center justify-between gap-2 border-b border-rup-border px-4 py-3 text-sm font-medium text-rup-fg hover:bg-rup-border/30",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadIcon, { width: 14, height: 14 }),
+                label ?? t.browse
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-rup-muted", children: expanded ? "\u25BE" : "\u25B4" })
+            ]
+          }
+        ),
+        expanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              ...api.getRootProps(),
+              style: surfaceStyleFromProps(opts),
+              className: chunkVVMPVTIX_cjs.cn(
+                "flex min-h-[100px] flex-col items-center justify-center gap-1 rounded-rup border-2 border-dashed border-rup-border text-center text-xs text-rup-muted transition hover:border-rup-accent",
+                api.isDragAccept && "border-rup-accent bg-rup-accent/5"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getInputProps() }),
+                /* @__PURE__ */ jsxRuntime.jsx(chunkVVMPVTIX_cjs.UploadIcon, { width: 16, height: 16 }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: hint ?? t.dragOrClick })
+              ]
+            }
+          ),
+          api.files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            chunkVVMPVTIX_cjs.UploadGallery,
+            {
+              ...pickGalleryProps(opts, api),
+              className: "mt-2 max-h-48 overflow-y-auto",
+              files: api.files,
+              layout: "compact",
+              onRemove: (f) => api.remove(f.id)
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+exports.BusinessCRM = BusinessCRM;
+exports.BusinessDashboard = BusinessDashboard;
+exports.BusinessSaaS = BusinessSaaS;
+exports.CreativeAnimated = CreativeAnimated;
+exports.CreativeAvatar = CreativeAvatar;
+exports.CreativeGradient = CreativeGradient;
+exports.CreativePremium = CreativePremium;
+exports.EnterpriseDocs = EnterpriseDocs;
+exports.EnterpriseFullscreen = EnterpriseFullscreen;
+exports.EnterpriseMediaLibrary = EnterpriseMediaLibrary;
+exports.EnterpriseTeam = EnterpriseTeam;
+exports.LayoutBox = LayoutBox;
+exports.LayoutCard = LayoutCard;
+exports.LayoutFloating = LayoutFloating;
+exports.LayoutModal = LayoutModal;
+exports.LayoutSidebar = LayoutSidebar;
+exports.MinimalGlass = MinimalGlass;
+exports.MinimalInline = MinimalInline;
+exports.MinimalMaterial = MinimalMaterial;
+exports.MinimalModern = MinimalModern;
+exports.MinimalNeumorphic = MinimalNeumorphic;
+exports.pickGalleryProps = pickGalleryProps;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map