@godxjp/ui 6.0.0 → 6.0.1

package/dist/chunk-NZ4FOC5N.js

@@ -0,0 +1,559 @@
+import { Slider } from './chunk-CRERCLIZ.js';
+import { controlIconClass } from './chunk-ICM6XBST.js';
+import { formatBytes } from './chunk-7S7MYFXE.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from './chunk-DU6ZYZRP.js';
+import { Button } from './chunk-HJEBRCXL.js';
+import { useTranslation } from './chunk-3F2AKYRD.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React2 from 'react';
+import { Upload as Upload$1, ImagePlus, Camera, Trash2, RotateCcw, X } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function UploadCropDialog({ open, onOpenChange, file, onConfirm }) {
+  const { t } = useTranslation();
+  const [scale, setScale] = React2.useState(1.2);
+  const [src, setSrc] = React2.useState(null);
+  const imgRef = React2.useRef(null);
+  React2.useEffect(() => {
+    if (!file) {
+      setSrc(null);
+      return;
+    }
+    const url = URL.createObjectURL(file);
+    setSrc(url);
+    return () => URL.revokeObjectURL(url);
+  }, [file]);
+  const handleConfirm = async () => {
+    const img = imgRef.current;
+    if (!img || !file) return;
+    const size = 256;
+    const canvas = document.createElement("canvas");
+    canvas.width = size;
+    canvas.height = size;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    const iw = img.naturalWidth;
+    const ih = img.naturalHeight;
+    const side = Math.min(iw, ih) / scale;
+    const sx = (iw - side) / 2;
+    const sy = (ih - side) / 2;
+    ctx.drawImage(img, sx, sy, side, side, 0, 0, size, size);
+    const blob = await new Promise(
+      (resolve) => canvas.toBlob(resolve, "image/jpeg", 0.92)
+    );
+    if (!blob) return;
+    const cropped = new File([blob], file.name.replace(/\.\w+$/, "") + ".jpg", {
+      type: "image/jpeg"
+    });
+    onConfirm(cropped);
+    onOpenChange(false);
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-sm", children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("dataEntry.upload.cropTitle") }) }),
+    /* @__PURE__ */ jsxs("div", { className: "ui-stack-sm", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "bg-muted relative mx-auto size-48 overflow-hidden rounded-full border",
+            "flex items-center justify-center"
+          ),
+          children: src ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              ref: imgRef,
+              src,
+              alt: "",
+              className: "size-full object-cover transition-transform duration-150",
+              style: { transform: `scale(${scale})` }
+            }
+          ) : null
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "ui-stack-xs px-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: t("dataEntry.upload.cropZoom") }),
+        /* @__PURE__ */ jsx(
+          Slider,
+          {
+            min: 1,
+            max: 2.5,
+            step: 0.05,
+            value: [scale],
+            onValueChange: (v) => setScale(v[0] ?? 1),
+            "aria-label": t("dataEntry.upload.cropZoom")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), children: t("common.cancel") }),
+      /* @__PURE__ */ jsx(Button, { onClick: () => void handleConfirm(), children: t("dataEntry.upload.cropConfirm") })
+    ] })
+  ] }) });
+}
+
+// src/components/data-entry/upload-types.ts
+function createUploadItem(file, partial) {
+  const previewUrl = file.type.startsWith("image/") ? URL.createObjectURL(file) : void 0;
+  return {
+    uid: partial?.uid ?? crypto.randomUUID(),
+    name: file.name,
+    size: file.size,
+    mimeType: file.type,
+    previewUrl,
+    status: "idle",
+    file,
+    ...partial
+  };
+}
+function revokePreviewUrl(item) {
+  if (item?.previewUrl?.startsWith("blob:")) URL.revokeObjectURL(item.previewUrl);
+}
+function collectUploadCommitActions(items) {
+  const deleteMediaIds = [];
+  const promoteMediaIds = [];
+  for (const item of items) {
+    if (item.pendingDelete && item.mediaId) {
+      deleteMediaIds.push(item.mediaId);
+      continue;
+    }
+    if (item.pendingReplace && item.replacesMediaId) {
+      deleteMediaIds.push(item.replacesMediaId);
+    }
+    if (item.mediaId && !item.pendingDelete && item.status !== "error") {
+      promoteMediaIds.push(item.mediaId);
+    }
+  }
+  return {
+    deleteMediaIds: [...new Set(deleteMediaIds)],
+    promoteMediaIds: [...new Set(promoteMediaIds)]
+  };
+}
+function useUploadDraft({ value, onChange }) {
+  const [baseline, setBaseline] = React2.useState(value ?? null);
+  React2.useEffect(() => {
+    if (value && !value.pendingDelete && !value.pendingReplace && value.mediaId) {
+      setBaseline(value);
+    }
+  }, [value]);
+  const markRemove = React2.useCallback(() => {
+    if (!value) return;
+    onChange?.({ ...value, pendingDelete: true, pendingReplace: false, status: "removed" });
+  }, [onChange, value]);
+  const undoRemove = React2.useCallback(() => {
+    if (!baseline) {
+      onChange?.(null);
+      return;
+    }
+    onChange?.({ ...baseline, pendingDelete: false, pendingReplace: false, status: "done" });
+  }, [baseline, onChange]);
+  const stageReplace = React2.useCallback(
+    (file) => {
+      revokePreviewUrl(value);
+      const next = createUploadItem(file, {
+        pendingReplace: Boolean(value?.mediaId),
+        replacesMediaId: value?.mediaId,
+        status: "idle"
+      });
+      onChange?.({ ...next, pendingDelete: false });
+    },
+    [onChange, value]
+  );
+  const undoReplace = React2.useCallback(() => {
+    revokePreviewUrl(value);
+    onChange?.(baseline ? { ...baseline, pendingReplace: false, pendingDelete: false } : null);
+  }, [baseline, onChange, value]);
+  const getCommitActions = React2.useCallback(() => {
+    if (!value) return { deleteMediaIds: [], promoteMediaIds: [] };
+    const deleteMediaIds = [];
+    if (value.pendingDelete && value.mediaId) deleteMediaIds.push(value.mediaId);
+    if (value.pendingReplace && value.replacesMediaId) deleteMediaIds.push(value.replacesMediaId);
+    const promoteMediaIds = value.mediaId && !value.pendingDelete && value.status !== "error" ? [value.mediaId] : [];
+    return {
+      deleteMediaIds: [...new Set(deleteMediaIds)],
+      promoteMediaIds: [...new Set(promoteMediaIds)]
+    };
+  }, [value]);
+  const state = React2.useMemo(
+    () => ({
+      display: value ?? null,
+      baseline,
+      canUndoRemove: Boolean(value?.pendingDelete),
+      canUndoReplace: Boolean(value?.pendingReplace)
+    }),
+    [baseline, value]
+  );
+  return { state, markRemove, undoRemove, stageReplace, undoReplace, getCommitActions };
+}
+function defaultAcceptForVariant(variant) {
+  if (variant === "avatar" || variant === "avatar-crop" || variant === "picture" || variant === "picture-card") {
+    return "image/*";
+  }
+  return void 0;
+}
+function defaultMaxCount(variant) {
+  if (variant === "avatar" || variant === "avatar-crop" || variant === "picture") return 1;
+  return void 0;
+}
+function fileMatchesAccept(file, accept) {
+  if (!accept) return true;
+  return accept.split(",").some((rule) => {
+    const trimmed = rule.trim();
+    if (trimmed.endsWith("/*")) return file.type.startsWith(trimmed.slice(0, -1));
+    return file.type === trimmed || file.name.endsWith(trimmed);
+  });
+}
+function useUploadList(controlled, defaultValue, onChange) {
+  const [internal, setInternal] = React2.useState(defaultValue ?? []);
+  const items = controlled ?? internal;
+  const setItems = React2.useCallback(
+    (next) => {
+      const resolved = typeof next === "function" ? next(items) : next;
+      if (controlled === void 0) setInternal(resolved);
+      onChange?.(resolved);
+    },
+    [controlled, items, onChange]
+  );
+  return [items, setItems];
+}
+async function runUpload(file, item, onUpload, setItems) {
+  const uid = item.uid;
+  setItems((prev) => prev.map((it) => it.uid === uid ? { ...it, status: "uploading" } : it));
+  try {
+    const result = await onUpload(file, item);
+    setItems(
+      (prev) => prev.map(
+        (it) => it.uid === uid ? {
+          ...it,
+          status: "done",
+          mediaId: result.mediaId,
+          previewUrl: result.previewUrl ?? it.previewUrl,
+          file: void 0
+        } : it
+      )
+    );
+  } catch (err) {
+    const message = err instanceof Error ? err.message : String(err);
+    setItems(
+      (prev) => prev.map((it) => it.uid === uid ? { ...it, status: "error", error: message } : it)
+    );
+  }
+}
+function Upload({
+  variant = "dropzone",
+  value,
+  defaultValue,
+  onChange,
+  accept: acceptProp,
+  multiple: multipleProp,
+  maxCount: maxCountProp,
+  maxSizeBytes,
+  disabled,
+  removable = true,
+  onUpload,
+  className,
+  children
+}) {
+  const { t } = useTranslation();
+  const accept = acceptProp ?? defaultAcceptForVariant(variant);
+  const maxCount = maxCountProp ?? defaultMaxCount(variant);
+  const multiple = multipleProp ?? (maxCount === 1 ? false : true);
+  const inputRef = React2.useRef(null);
+  const [dragActive, setDragActive] = React2.useState(false);
+  const [cropFile, setCropFile] = React2.useState(null);
+  const [items, setItems] = useUploadList(value, defaultValue, onChange);
+  const isSingleAvatar = variant === "avatar" || variant === "avatar-crop" || variant === "picture" && maxCount === 1;
+  const singleItem = isSingleAvatar ? items[0] ?? null : null;
+  const draft = useUploadDraft({
+    value: singleItem,
+    onChange: (next) => {
+      setItems(next ? [next] : []);
+    }
+  });
+  const pickFiles = (fileList) => {
+    if (!fileList?.length || disabled) return;
+    const slotsLeft = maxCount != null ? Math.max(0, maxCount - items.length) : fileList.length;
+    const candidates = Array.from(fileList).slice(0, multiple ? slotsLeft || fileList.length : 1);
+    for (const file of candidates) {
+      if (!fileMatchesAccept(file, accept)) continue;
+      if (maxSizeBytes != null && file.size > maxSizeBytes) continue;
+      if (variant === "avatar-crop") {
+        setCropFile(file);
+        return;
+      }
+      if (isSingleAvatar) {
+        const baseline = items[0];
+        const item3 = createUploadItem(file, {
+          pendingReplace: Boolean(baseline?.mediaId),
+          replacesMediaId: baseline?.mediaId
+        });
+        setItems([item3]);
+        if (onUpload) void runUpload(file, item3, onUpload, setItems);
+        return;
+      }
+      const item2 = createUploadItem(file);
+      setItems((prev) => [...prev, item2]);
+      if (onUpload) void runUpload(file, item2, onUpload, setItems);
+    }
+  };
+  const removeItem = (uid) => {
+    if (isSingleAvatar) {
+      draft.markRemove();
+      return;
+    }
+    setItems((prev) => {
+      const target = prev.find((it) => it.uid === uid);
+      revokePreviewUrl(target);
+      return prev.filter((it) => it.uid !== uid);
+    });
+  };
+  const hiddenInput = /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref: inputRef,
+      type: "file",
+      className: "sr-only",
+      accept,
+      multiple: multiple && !isSingleAvatar,
+      disabled,
+      onChange: (e) => {
+        pickFiles(e.target.files);
+        e.target.value = "";
+      }
+    }
+  );
+  const openPicker = () => {
+    if (!disabled) inputRef.current?.click();
+  };
+  if (variant === "dropzone") {
+    return /* @__PURE__ */ jsxs("div", { className: cn("ui-stack-sm", className), children: [
+      hiddenInput,
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          role: "button",
+          tabIndex: disabled ? -1 : 0,
+          "aria-disabled": disabled,
+          "aria-label": t("dataEntry.upload.dropzoneLabel"),
+          onClick: openPicker,
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              openPicker();
+            }
+          },
+          onDragOver: (e) => {
+            e.preventDefault();
+            setDragActive(true);
+          },
+          onDragLeave: () => setDragActive(false),
+          onDrop: (e) => {
+            e.preventDefault();
+            setDragActive(false);
+            pickFiles(e.dataTransfer.files);
+          },
+          className: cn(
+            "cursor-pointer rounded-lg border-2 border-dashed p-10 text-center transition-colors",
+            dragActive ? "border-primary bg-primary/5" : "border-border hover:border-primary/50",
+            disabled && "pointer-events-none opacity-50"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(Upload$1, { className: "text-muted-foreground mx-auto size-10", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm", children: t("dataEntry.upload.dropzoneHint") }),
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: t("dataEntry.upload.dropzoneMeta") })
+          ]
+        }
+      ),
+      items.length > 0 && /* @__PURE__ */ jsx(UploadFileList, { items, onRemove: removable ? removeItem : void 0 })
+    ] });
+  }
+  if (variant === "button") {
+    return /* @__PURE__ */ jsxs("div", { className: cn("ui-stack-sm", className), children: [
+      hiddenInput,
+      /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", disabled, onClick: openPicker, children: [
+        /* @__PURE__ */ jsx(Upload$1, { className: "mr-2 size-4", "aria-hidden": "true" }),
+        children ?? t("dataEntry.upload.buttonLabel")
+      ] }),
+      items.length > 0 && /* @__PURE__ */ jsx(UploadFileList, { items, onRemove: removable ? removeItem : void 0 })
+    ] });
+  }
+  if (variant === "picture-card") {
+    const canAdd = maxCount == null || items.length < maxCount;
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap gap-3", className), children: [
+      hiddenInput,
+      items.map((item2) => /* @__PURE__ */ jsx(
+        UploadPictureCard,
+        {
+          item: item2,
+          onRemove: removable ? () => removeItem(item2.uid) : void 0
+        },
+        item2.uid
+      )),
+      canAdd && /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          disabled,
+          onClick: openPicker,
+          className: cn(
+            "flex size-24 flex-col items-center justify-center rounded-md border border-dashed",
+            "text-muted-foreground hover:border-primary hover:text-primary transition-colors",
+            disabled && "pointer-events-none opacity-50"
+          ),
+          "aria-label": t("dataEntry.upload.addImage"),
+          children: [
+            /* @__PURE__ */ jsx(ImagePlus, { className: "size-6", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "mt-1 text-xs", children: t("dataEntry.upload.addImage") })
+          ]
+        }
+      )
+    ] });
+  }
+  if (variant === "picture") {
+    const item2 = draft.state.display;
+    return /* @__PURE__ */ jsxs("div", { className: cn("ui-stack-sm max-w-xs", className), children: [
+      hiddenInput,
+      item2?.previewUrl && !item2.pendingDelete ? /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden rounded-md border", children: [
+        /* @__PURE__ */ jsx("img", { src: item2.previewUrl, alt: "", className: "max-h-48 w-full object-cover" }),
+        item2.status === "uploading" && /* @__PURE__ */ jsx("div", { className: "bg-background/70 absolute inset-0 flex items-center justify-center text-sm", children: t("dataEntry.upload.uploading") }),
+        item2.pendingReplace && /* @__PURE__ */ jsx("div", { className: "bg-warning text-warning-foreground absolute top-2 left-2 rounded px-2 py-0.5 text-xs", children: t("dataEntry.upload.pendingReplace") })
+      ] }) : /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          disabled,
+          onClick: openPicker,
+          className: "text-muted-foreground hover:border-primary flex h-32 w-full flex-col items-center justify-center rounded-md border border-dashed",
+          children: [
+            /* @__PURE__ */ jsx(ImagePlus, { className: controlIconClass, "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "mt-2 text-sm", children: t("dataEntry.upload.addImage") })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(UploadDraftActions, { draft, disabled, onPick: openPicker })
+    ] });
+  }
+  const item = draft.state.display;
+  const showPlaceholder = !item?.previewUrl || item.pendingDelete;
+  return /* @__PURE__ */ jsxs("div", { className: cn("ui-stack-sm items-start", className), children: [
+    hiddenInput,
+    /* @__PURE__ */ jsx(
+      UploadCropDialog,
+      {
+        open: variant === "avatar-crop" && cropFile != null,
+        onOpenChange: (open) => !open && setCropFile(null),
+        file: cropFile,
+        onConfirm: (cropped) => {
+          const baseline = items[0];
+          const item2 = createUploadItem(cropped, {
+            pendingReplace: Boolean(baseline?.mediaId),
+            replacesMediaId: baseline?.mediaId
+          });
+          setItems([item2]);
+          setCropFile(null);
+          if (onUpload) void runUpload(cropped, item2, onUpload, setItems);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "relative inline-block", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          disabled,
+          onClick: openPicker,
+          className: cn(
+            "border-border bg-muted relative size-24 overflow-hidden rounded-full border-2",
+            "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+            item?.pendingDelete && "opacity-40",
+            disabled && "pointer-events-none opacity-50"
+          ),
+          "aria-label": t("dataEntry.upload.avatarLabel"),
+          children: [
+            !showPlaceholder && item?.previewUrl ? /* @__PURE__ */ jsx("img", { src: item.previewUrl, alt: "", className: "size-full object-cover" }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground flex size-full items-center justify-center", children: /* @__PURE__ */ jsx(Camera, { className: controlIconClass, "aria-hidden": "true" }) }),
+            !disabled && /* @__PURE__ */ jsx("span", { className: "absolute inset-x-0 bottom-0 bg-black/50 py-1 text-center text-[10px] text-white", children: t("dataEntry.upload.change") })
+          ]
+        }
+      ),
+      removable && item && !item.pendingDelete && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled,
+          onClick: () => draft.markRemove(),
+          className: "bg-background hover:bg-destructive hover:text-destructive-foreground absolute -top-1 -right-1 rounded-full border p-1 shadow-sm",
+          "aria-label": t("dataEntry.upload.removeAvatar"),
+          children: /* @__PURE__ */ jsx(Trash2, { className: "size-3.5", "aria-hidden": "true" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(UploadDraftActions, { draft, disabled, onPick: openPicker })
+  ] });
+}
+function UploadDraftActions({
+  draft,
+  disabled,
+  onPick
+}) {
+  const { t } = useTranslation();
+  const { state, undoRemove, undoReplace } = draft;
+  if (state.canUndoRemove) {
+    return /* @__PURE__ */ jsxs("div", { className: "border-destructive/40 bg-destructive/5 flex flex-wrap items-center gap-2 rounded-md border border-dashed px-3 py-2 text-sm", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-destructive", children: t("dataEntry.upload.markedForDelete") }),
+      /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "outline", disabled, onClick: undoRemove, children: [
+        /* @__PURE__ */ jsx(RotateCcw, { className: "mr-1 size-3.5", "aria-hidden": "true" }),
+        t("dataEntry.upload.undo")
+      ] })
+    ] });
+  }
+  if (state.canUndoReplace) {
+    return /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex flex-wrap items-center gap-2 text-sm", children: [
+      /* @__PURE__ */ jsx("span", { children: t("dataEntry.upload.pendingReplaceHint") }),
+      /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "ghost", disabled, onClick: undoReplace, children: t("dataEntry.upload.undo") }),
+      /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", disabled, onClick: onPick, children: t("dataEntry.upload.change") })
+    ] });
+  }
+  return null;
+}
+function UploadPictureCard({ item, onRemove }) {
+  return /* @__PURE__ */ jsxs("div", { className: "bg-muted relative size-24 overflow-hidden rounded-md border", children: [
+    item.previewUrl ? /* @__PURE__ */ jsx("img", { src: item.previewUrl, alt: "", className: "size-full object-cover" }) : /* @__PURE__ */ jsx("div", { className: "text-muted-foreground flex size-full items-center justify-center text-xs", children: "\u2026" }),
+    item.status === "uploading" && /* @__PURE__ */ jsx("div", { className: "bg-background/70 absolute inset-0 flex items-center justify-center text-xs", children: "\u2026" }),
+    onRemove && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onRemove,
+        className: "bg-background/90 hover:bg-destructive hover:text-destructive-foreground absolute top-1 right-1 rounded-full p-0.5 shadow",
+        "aria-label": "Remove",
+        children: /* @__PURE__ */ jsx(X, { className: "size-3.5", "aria-hidden": "true" })
+      }
+    )
+  ] });
+}
+function UploadFileList({
+  items,
+  onRemove
+}) {
+  return /* @__PURE__ */ jsx("ul", { className: "ui-stack-xs", children: items.map((item) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3 rounded-md border px-3 py-2 text-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "truncate font-medium", children: item.name }),
+      /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground text-xs", children: [
+        formatBytes(item.size),
+        item.status === "uploading" && " \xB7 \u2026",
+        item.status === "error" && item.error && /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
+          " \xB7 ",
+          item.error
+        ] }),
+        item.mediaId && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          " \xB7 ",
+          item.mediaId.slice(0, 8),
+          "\u2026"
+        ] })
+      ] })
+    ] }),
+    onRemove && /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "ghost", onClick: () => onRemove(item.uid), children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" }) })
+  ] }, item.uid)) });
+}
+
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft };

package/dist/chunk-PIIRNAXA.js

@@ -0,0 +1,26 @@
+import { toneWarningClass, toneSuccessClass } from './chunk-ICM6XBST.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var badgeVariants = cva(
+  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground",
+        secondary: "border-transparent bg-secondary text-secondary-foreground",
+        destructive: "border-transparent bg-destructive text-destructive-foreground",
+        outline: "text-foreground",
+        success: cn("border-transparent", toneSuccessClass),
+        warning: cn("border-transparent", toneWarningClass)
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+export { Badge };

package/dist/chunk-S66TJXJU.js

@@ -0,0 +1,33 @@
+import { cn } from './chunk-U7N2A7A3.js';
+import { jsx } from 'react/jsx-runtime';
+
+// src/lib/variants.ts
+var densityClass = {
+  compact: "ui-density-compact",
+  default: "ui-density-default",
+  comfortable: "ui-density-comfortable"
+};
+var pageContainerVariantClass = {
+  default: void 0,
+  narrow: "ui-page-container--narrow",
+  flush: "ui-page-container--flush",
+  ghost: "ui-page-container--ghost"
+};
+var stackGapClass = {
+  xs: "ui-stack-xs",
+  sm: "ui-stack-sm",
+  md: "ui-stack-md",
+  lg: "ui-stack-lg",
+  xl: "ui-stack-xl"
+};
+var inlineGapClass = {
+  xs: "ui-inline-xs",
+  sm: "ui-inline-sm",
+  md: "ui-inline-md",
+  lg: "ui-inline-lg"
+};
+function Inline({ gap = "sm", className, children, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn(inlineGapClass[gap], className), ...props, children });
+}
+
+export { Inline, densityClass, pageContainerVariantClass, stackGapClass };