@godxjp/ui 13.9.3 → 13.11.0

package/dist/chunk-OO5DZH45.js

@@ -1,587 +0,0 @@
-import { Slider } from './chunk-TBJBVEIP.js';
-import { formatBytes } from './chunk-X6AJ5HEI.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-RZ32HY5E.js';
-import { Button } from './chunk-XBFUROAY.js';
-import { controlIconClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-B6S6LTWT.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 { jsx, jsxs } 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__ */ jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: t("dataEntry.upload.cropTitle") }),
-      /* @__PURE__ */ jsx(DialogDescription, { children: t("dataEntry.upload.cropDescription") })
-    ] }),
-    /* @__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, onValueChange) {
-  const [internal, setInternal] = React2.useState(defaultValue ?? []);
-  const items = controlled ?? internal;
-  const itemsRef = React2.useRef(items);
-  itemsRef.current = items;
-  const setItems = React2.useCallback(
-    (next) => {
-      const resolved = typeof next === "function" ? next(itemsRef.current) : next;
-      itemsRef.current = resolved;
-      if (controlled === void 0) setInternal(resolved);
-      onValueChange?.(resolved);
-    },
-    [controlled, onValueChange]
-  );
-  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,
-  onValueChange,
-  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, onValueChange);
-  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,
-      "aria-label": t("dataEntry.upload.inputLabel"),
-      onChange: (e) => {
-        pickFiles(e.target.files);
-        e.target.value = "";
-      }
-    }
-  );
-  const uploadingCount = items.filter((it) => it.status === "uploading").length;
-  const doneCount = items.filter((it) => it.status === "done").length;
-  const errorCount = items.filter((it) => it.status === "error").length;
-  const liveRegion = /* @__PURE__ */ jsx("span", { "aria-live": "polite", className: "sr-only", "data-slot": "upload-status", children: errorCount > 0 ? t("dataEntry.upload.statusFailed", { count: errorCount }) : uploadingCount > 0 ? t("dataEntry.upload.statusUploading", { count: uploadingCount }) : items.length > 0 ? t("dataEntry.upload.statusReady", { count: items.length, done: doneCount }) : "" });
-  const openPicker = () => {
-    if (!disabled) inputRef.current?.click();
-  };
-  if (variant === "dropzone") {
-    return /* @__PURE__ */ jsxs("div", { className: cn("ui-stack-sm", className), children: [
-      hiddenInput,
-      liveRegion,
-      /* @__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,
-      liveRegion,
-      /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", disabled, onClick: openPicker, children: [
-        /* @__PURE__ */ jsx(Upload$1, { className: "me-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,
-      liveRegion,
-      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,
-      liveRegion,
-      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 start-2 top-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,
-    liveRegion,
-    /* @__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: "text-2xs absolute inset-x-0 bottom-0 bg-black/50 py-1 text-center 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 -end-1 -top-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: "me-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 }) {
-  const { t } = useTranslation();
-  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 end-1 top-1 rounded-full p-0.5 shadow",
-        "aria-label": t("dataEntry.upload.removeImage"),
-        children: /* @__PURE__ */ jsx(X, { className: "size-3.5", "aria-hidden": "true" })
-      }
-    )
-  ] });
-}
-function UploadFileList({
-  items,
-  onRemove
-}) {
-  const { t } = useTranslation();
-  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",
-        "aria-label": t("dataEntry.upload.removeFile", { name: item.name }),
-        onClick: () => onRemove(item.uid),
-        children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
-      }
-    )
-  ] }, item.uid)) });
-}
-
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft };

package/dist/chunk-Q3KUZG4P.js

@@ -1,86 +0,0 @@
-import { controlMultilineClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-B6S6LTWT.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import { X } from 'lucide-react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var Textarea = React.forwardRef(
-  ({ className, allowClear = false, onClear, value, defaultValue, onChange, ...props }, ref) => {
-    const { t } = useTranslation();
-    const innerRef = React.useRef(null);
-    const setRefs = React.useCallback(
-      (node) => {
-        innerRef.current = node;
-        if (typeof ref === "function") ref(node);
-        else if (ref) ref.current = node;
-      },
-      [ref]
-    );
-    const [hasText, setHasText] = React.useState(
-      () => String(value ?? defaultValue ?? "").length > 0
-    );
-    React.useEffect(() => {
-      if (value !== void 0) setHasText(String(value).length > 0);
-    }, [value]);
-    const handleChange = (event) => {
-      if (value === void 0) setHasText(event.target.value.length > 0);
-      onChange?.(event);
-    };
-    const clear = () => {
-      const el = innerRef.current;
-      if (el) {
-        const setter = Object.getOwnPropertyDescriptor(
-          window.HTMLTextAreaElement.prototype,
-          "value"
-        )?.set;
-        setter?.call(el, "");
-        el.dispatchEvent(new Event("input", { bubbles: true }));
-        el.focus();
-      }
-      setHasText(false);
-      onClear?.();
-    };
-    if (!allowClear) {
-      return /* @__PURE__ */ jsx(
-        "textarea",
-        {
-          ref: setRefs,
-          value,
-          defaultValue,
-          onChange,
-          className: cn(controlMultilineClass, className),
-          ...props
-        }
-      );
-    }
-    const showClear = hasText && !props.disabled && !props.readOnly;
-    return /* @__PURE__ */ jsxs("span", { "data-slot": "textarea-affix-wrapper", className: "relative block w-full", children: [
-      /* @__PURE__ */ jsx(
-        "textarea",
-        {
-          ref: setRefs,
-          value,
-          defaultValue,
-          onChange: handleChange,
-          className: cn(controlMultilineClass, showClear && "pe-9", className),
-          ...props
-        }
-      ),
-      showClear ? /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          tabIndex: -1,
-          "aria-label": t("common.clear") ?? "Clear",
-          onClick: clear,
-          className: "text-muted-foreground hover:text-foreground absolute end-2 top-2 inline-flex size-5 items-center justify-center rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:opacity-100",
-          children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
-        }
-      ) : null
-    ] });
-  }
-);
-Textarea.displayName = "Textarea";
-
-export { Textarea };