@pibit.ai/cure-design-system 0.6.29 → 0.6.31

package/dist/patterns/file-upload/file-upload-filename.d.ts

@@ -0,0 +1,31 @@
+import { CSSProperties } from 'react';
+/**
+ * Split a filename for the editable upload list item: base field + fixed extension suffix.
+ * Names like `.pdf` (after clearing `report.pdf`) map to an empty base and `.pdf` as extension.
+ */
+export declare function splitEditableUploadFileName(filename: string): {
+    base: string;
+    extension: string;
+};
+/**
+ * Whether the filename has a non-empty base (stem), consistent with {@link splitEditableUploadFileName}.
+ */
+export declare function hasNonEmptyUploadFileBaseName(filename: string): boolean;
+/**
+ * Fills an empty base name with `id`, using the same base/extension rules as
+ * {@link splitEditableUploadFileName}; a name that already has a base comes back unchanged.
+ * Leading-dot names like `.pdf` become `{id}.pdf` (not `.pdf_{id}`).
+ */
+export declare function uniquifyUploadFileName(filename: string, id: string): string;
+/**
+ * Before submit, disambiguate duplicate display names in order: same trimmed base+extension
+ * (per {@link splitEditableUploadFileName}) gets ` (1)`, ` (2)`, … inserted before the extension.
+ */
+export declare function uniquifyUploadFilesForSubmit(uploadedFiles: File[]): File[];
+/**
+ * Right padding for a filename input whose fixed extension is drawn as a `trailingAction`.
+ * The design-system input only reserves room for an icon there, so a long base name would
+ * run underneath the extension; this reserves the extension's width plus the action's inset.
+ */
+export declare function extensionTrailingPadding(extension: string): CSSProperties | undefined;
+//# sourceMappingURL=file-upload-filename.d.ts.map

package/dist/patterns/file-upload/file-upload-filename.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-filename.d.ts","sourceRoot":"","sources":["../../../src/patterns/file-upload/file-upload-filename.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,QAAQ,EAAE,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAcjG;AAED;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAQvE;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAO3E;AAED;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,aAAa,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,CAqB1E;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS,CAGrF"}

package/dist/patterns/file-upload/file-upload-filename.js

@@ -0,0 +1,46 @@
+function c(i) {
+  const t = i, e = t.lastIndexOf(".");
+  if (e < 0) return { base: t, extension: "" };
+  if (e === 0) {
+    const n = t.slice(1);
+    return n.length > 0 && !n.includes(".") && /^[a-z0-9]{1,5}$/i.test(n) ? { base: "", extension: t } : { base: t, extension: "" };
+  }
+  return { base: t.slice(0, e), extension: t.slice(e) };
+}
+function m(i) {
+  const t = i.trim();
+  if (!t) return !1;
+  const { base: e, extension: n } = c(t);
+  return n ? e.trim().length > 0 : !0;
+}
+function f(i, t) {
+  const { base: e, extension: n } = c(i);
+  return n ? e.trim() ? `${e}${n}` : `${t}${n}` : e.trim() || t;
+}
+function d(i) {
+  const t = /* @__PURE__ */ new Map();
+  return i.map((e) => {
+    const n = e.name.trim(), { base: r, extension: s } = c(n), u = `${r}\0${s}`, o = t.get(u) ?? 0;
+    t.set(u, o + 1);
+    let a = n;
+    if (o > 0) {
+      const l = ` (${o})`;
+      a = s ? `${r}${l}${s}` : `${r}${l}`;
+    }
+    return a === e.name ? e : new File([e], a, {
+      type: e.type,
+      lastModified: e.lastModified
+    });
+  });
+}
+function $(i) {
+  if (i)
+    return { paddingRight: `calc(${i.length}ch + 1.25rem)` };
+}
+export {
+  $ as extensionTrailingPadding,
+  m as hasNonEmptyUploadFileBaseName,
+  c as splitEditableUploadFileName,
+  f as uniquifyUploadFileName,
+  d as uniquifyUploadFilesForSubmit
+};

package/dist/patterns/file-upload/file-upload.d.ts

@@ -0,0 +1,109 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { FileIconProps } from '../../primitives/file-icon';
+/**
+ * Returns a human-readable file size.
+ * @param bytes - The size of the file in bytes.
+ * @returns A string representing the file size in a human-readable format (rounded down; "0 KB" for 0 or invalid input).
+ */
+export declare const getReadableFileSize: (bytes: number) => string;
+export interface FileUploadDropZoneProps {
+    /** The class name of the drop zone. */
+    className?: string;
+    /**
+     * A hint text explaining what files can be dropped.
+     */
+    hint?: string;
+    /**
+     * Disables dropping or uploading files.
+     */
+    isDisabled?: boolean;
+    /**
+     * Specifies the types of files that the server accepts.
+     * Examples: "image/*", ".pdf,image/*", "image/*,video/mpeg,application/pdf"
+     */
+    accept?: string;
+    /**
+     * Allows multiple file uploads.
+     */
+    allowsMultiple?: boolean;
+    /**
+     * Maximum file size in bytes.
+     */
+    maxSize?: number;
+    /**
+     * Callback function that is called with the list of dropped files
+     * when files are dropped on the drop zone.
+     */
+    onDropFiles?: (files: FileList) => void;
+    /**
+     * Callback function that is called with the list of unaccepted files
+     * when files are dropped on the drop zone.
+     */
+    onDropUnacceptedFiles?: (files: FileList) => void;
+    /**
+     * Callback function that is called with the list of files that exceed
+     * the size limit when files are dropped on the drop zone.
+     */
+    onSizeLimitExceed?: (files: FileList) => void;
+}
+export declare const FileUploadDropZoneCompact: (props: FileUploadDropZoneProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileUploadDropZone: (props: FileUploadDropZoneProps) => import("react/jsx-runtime").JSX.Element;
+/** Password UI state for protected uploads. Omit / `hidden` keeps existing list-item behavior. */
+export type FileListItemPasswordState = "hidden" | "detecting" | "required" | "verifying" | "verified" | "incorrect" | "unverifiable";
+export interface FileListItemProps {
+    /** The name of the file. */
+    name: string;
+    /** The description of the file. */
+    description?: ReactNode;
+    /** The size of the file. */
+    size: number;
+    /** The upload progress of the file. */
+    progress: number;
+    /** Whether the file failed to upload. */
+    failed?: boolean;
+    /** The message to display when the file failed to upload. */
+    failedMessage?: string;
+    /** The type of the file. */
+    type?: FileIconProps["type"];
+    /** The class name of the file list item. */
+    className?: string;
+    /** The variant of the file icon. */
+    fileIconVariant?: FileIconProps["variant"];
+    /** The function to call when the file is deleted. */
+    onDelete?: () => void;
+    /** The function to call when the file upload is retried. */
+    onRetry?: () => void;
+    /** Whether to show the progress bar. Defaults to true. */
+    showProgressBar?: boolean;
+    /** Whether the file is disabled. */
+    isDisabled?: boolean;
+    /** When true, the file base name is editable in a text field; extension stays fixed as trailing text. @default false */
+    isEditable?: boolean;
+    /** Called with the next full file name (base + extension) when the base name is edited. */
+    onFileNameChange?: (nextFullFileName: string) => void;
+    /** When true, shows a lock icon + "Protected" next to the file size. */
+    isProtected?: boolean;
+    /** When true, shows "Corrupted" in the protected-file slot and failed styling. */
+    isCorrupted?: boolean;
+    /** Controls password input / verify UI. Defaults to `hidden` (no password UI). */
+    passwordState?: FileListItemPasswordState;
+    /** Current password field value. */
+    passwordValue?: string;
+    /** Called when the password field changes. */
+    onPasswordChange?: (password: string) => void;
+    /** Called when the user clicks Verify. */
+    onVerifyPassword?: () => void;
+    /** Tooltip shown on the disabled Verify control when state is `unverifiable` and the file is encrypted. */
+    unverifiableVerifyTooltip?: string;
+    /** Tooltip on the Unverifiable status when detection could not decide encryption. */
+    unverifiableStatusTooltip?: string;
+}
+export declare const FileListItemProgressBar: ({ name, description, size, progress, failed, failedMessage, type, fileIconVariant, onDelete, onRetry, className, showProgressBar, isDisabled, isEditable, onFileNameChange, isProtected, isCorrupted, passwordState, passwordValue, onPasswordChange, onVerifyPassword, unverifiableVerifyTooltip, unverifiableStatusTooltip, }: FileListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileUpload: {
+    Root: (props: ComponentPropsWithRef<"div">) => import("react/jsx-runtime").JSX.Element;
+    List: (props: ComponentPropsWithRef<"ul">) => import("react/jsx-runtime").JSX.Element;
+    DropZone: (props: FileUploadDropZoneProps) => import("react/jsx-runtime").JSX.Element;
+    DropZoneCompact: (props: FileUploadDropZoneProps) => import("react/jsx-runtime").JSX.Element;
+    ListItemProgressBar: ({ name, description, size, progress, failed, failedMessage, type, fileIconVariant, onDelete, onRetry, className, showProgressBar, isDisabled, isEditable, onFileNameChange, isProtected, isCorrupted, passwordState, passwordValue, onPasswordChange, onVerifyPassword, unverifiableVerifyTooltip, unverifiableStatusTooltip, }: FileListItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=file-upload.d.ts.map

package/dist/patterns/file-upload/file-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../../src/patterns/file-upload/file-upload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgB9D,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AActE;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,MAAM,WAQhD,CAAC;AAIF,MAAM,WAAW,uBAAuB;IACtC,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC/C;AA6ID,eAAO,MAAM,yBAAyB,GAAI,OAAO,uBAAuB,4CAkDvE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4CAkDhE,CAAC;AAEF,kGAAkG;AAClG,MAAM,MAAM,yBAAyB,GACjC,QAAQ,GACR,WAAW,GACX,UAAU,GACV,WAAW,GACX,UAAU,GACV,WAAW,GACX,cAAc,CAAC;AAEnB,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,eAAe,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAC3C,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wHAAwH;IACxH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2FAA2F;IAC3F,gBAAgB,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kFAAkF;IAClF,aAAa,CAAC,EAAE,yBAAyB,CAAC;IAC1C,oCAAoC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,2GAA2G;IAC3G,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,qFAAqF;IACrF,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC;AAED,eAAO,MAAM,uBAAuB,GAAI,iUAwBrC,iBAAiB,4CA2QnB,CAAC;AAcF,eAAO,MAAM,UAAU;kBAZQ,qBAAqB,CAAC,KAAK,CAAC;kBAM5B,qBAAqB,CAAC,IAAI,CAAC;sBA1ZhB,uBAAuB;6BApDhB,uBAAuB;2VA2LrE,iBAAiB;CA+RnB,CAAC"}

package/dist/patterns/file-upload/file-upload.js

@@ -0,0 +1,418 @@
+import { jsx as e, jsxs as r, Fragment as B } from "react/jsx-runtime";
+import { useMemo as Q, useState as L, useEffect as S, useId as ee, useRef as re } from "react";
+import { AlertTriangle as te, Lock01 as ie, HelpCircle as ne, CheckCircle as j, XCircle as se, RefreshCcw01 as ae, Trash01 as le, UploadCloud02 as J } from "@untitledui/icons";
+import { cx as F } from "../../utils/cn.js";
+import { splitEditableUploadFileName as oe, extensionTrailingPadding as ce } from "./file-upload-filename.js";
+import { motion as de } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { FileIcon as $ } from "@untitledui/file-icons";
+import { Input as V } from "../../primitives/input/input.js";
+import { Tooltip as W } from "../../primitives/tooltip/tooltip.js";
+import { ProgressBar as me } from "../../primitives/progress-bar/progress-bar.js";
+import { ButtonUtility as H } from "../../primitives/button/button-utility.js";
+import { Button as _ } from "../../primitives/button/button.js";
+import { FeaturedIcon as pe } from "../../primitives/featured-icon/featured-icon.js";
+import { AnimatePresence as fe } from "../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
+const ue = (t) => {
+  if (!Number.isFinite(t) || t <= 0) return "0 KB";
+  const d = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], f = Math.floor(Math.log(t) / Math.log(1024));
+  return Math.floor(t / Math.pow(1024, f)) + " " + d[f];
+}, he = "File name cannot be empty", K = ({
+  isDisabled: t,
+  accept: d,
+  allowsMultiple: f = !0,
+  maxSize: l,
+  onDropFiles: a,
+  onDropUnacceptedFiles: y,
+  onSizeLimitExceed: m
+}) => {
+  const u = ee(), x = re(null), [v, g] = L(!1), [w, o] = L(!1), C = (i) => d ? d.split(",").map((c) => c.trim()).some((c) => {
+    var b;
+    if (c.startsWith("."))
+      return `.${(b = i.name.split(".").pop()) == null ? void 0 : b.toLowerCase()}` === c.toLowerCase();
+    if (c.endsWith("/*")) {
+      const z = c.split("/")[0];
+      return i.type.startsWith(`${z}/`);
+    }
+    return i.type === c;
+  }) : !0, k = (i) => {
+    t || (i.preventDefault(), i.stopPropagation(), o(!0));
+  }, I = (i) => {
+    t || (i.preventDefault(), i.stopPropagation(), o(!1));
+  }, h = (i) => {
+    g(!1);
+    const D = [], c = [], b = [];
+    if ((f ? i : i.slice(0, 1)).forEach((s) => {
+      if (l && s.size > l) {
+        b.push(s);
+        return;
+      }
+      C(s) ? D.push(s) : c.push(s);
+    }), b.length > 0 && typeof m == "function") {
+      const s = new DataTransfer();
+      b.forEach((N) => s.items.add(N)), g(!0), m(s.files);
+    }
+    if (D.length > 0 && typeof a == "function") {
+      const s = new DataTransfer();
+      D.forEach((N) => s.items.add(N)), a(s.files);
+    }
+    if (c.length > 0 && typeof y == "function") {
+      const s = new DataTransfer();
+      c.forEach((N) => s.items.add(N)), g(!0), y(s.files);
+    }
+    x.current && (x.current.value = "");
+  };
+  return {
+    id: u,
+    inputRef: x,
+    isInvalid: v,
+    isDraggingOver: w,
+    dropTargetProps: {
+      onDragOver: k,
+      onDragEnter: k,
+      onDragLeave: I,
+      onDragEnd: I,
+      onDrop: (i) => {
+        t || (I(i), h(Array.from(i.dataTransfer.files)));
+      }
+    },
+    handleInputFileChange: (i) => {
+      h(Array.from(i.target.files || []));
+    }
+  };
+}, xe = (t) => {
+  const { className: d, hint: f, isDisabled: l, accept: a, allowsMultiple: y = !0 } = t, { id: m, inputRef: u, isInvalid: x, isDraggingOver: v, dropTargetProps: g, handleInputFileChange: w } = K(t);
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-dropzone-compact": !0,
+      ...g,
+      className: F(
+        "relative flex items-center justify-between gap-3 rounded-lg bg-primary px-4 py-3 text-tertiary ring-1 ring-secondary transition duration-100 ease-linear ring-inset cursor-pointer",
+        "hover:ring-2 hover:ring-brand",
+        v && "ring-2 ring-brand",
+        l && "cursor-not-allowed bg-disabled_subtle ring-disabled_subtle text-quaternary hover:ring-1 hover:ring-disabled_subtle",
+        d
+      ),
+      children: [
+        /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ e(
+              "input",
+              {
+                ref: u,
+                id: m,
+                type: "file",
+                className: "peer sr-only",
+                disabled: l,
+                accept: a,
+                multiple: y,
+                onChange: w
+              }
+            ),
+            /* @__PURE__ */ e("label", { htmlFor: m, className: "flex cursor-pointer", children: /* @__PURE__ */ e(
+              _,
+              {
+                color: "link-color",
+                size: "sm",
+                isDisabled: l,
+                onClick: () => {
+                  var o;
+                  return (o = u.current) == null ? void 0 : o.click();
+                },
+                className: "p-0 h-auto",
+                children: "Click to upload"
+              }
+            ) }),
+            /* @__PURE__ */ e("span", { className: "text-sm", children: "or drag and drop" })
+          ] }),
+          /* @__PURE__ */ e("p", { className: F("text-xs transition duration-100 ease-linear", x && "text-error-primary"), children: f || "SVG, PNG, JPG or GIF (max. 800x400px)" })
+        ] }),
+        /* @__PURE__ */ e(J, { className: "size-5 shrink-0 text-quaternary" })
+      ]
+    }
+  );
+}, ge = (t) => {
+  const { className: d, hint: f, isDisabled: l, accept: a, allowsMultiple: y = !0 } = t, { id: m, inputRef: u, isInvalid: x, isDraggingOver: v, dropTargetProps: g, handleInputFileChange: w } = K(t);
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-dropzone": !0,
+      ...g,
+      className: F(
+        "relative flex flex-col items-center gap-3 rounded-xl bg-primary px-6 py-4 text-tertiary ring-1 ring-secondary transition duration-100 ease-linear ring-inset",
+        v && "ring-2 ring-brand",
+        l && "cursor-not-allowed bg-disabled_subtle ring-disabled_subtle",
+        d
+      ),
+      children: [
+        /* @__PURE__ */ e(pe, { color: "gray", theme: "modern", size: "md", children: /* @__PURE__ */ e(J, { className: "size-5" }) }),
+        /* @__PURE__ */ r("div", { className: "flex flex-col gap-1 text-center", children: [
+          /* @__PURE__ */ r("div", { className: "flex justify-center gap-1 text-center", children: [
+            /* @__PURE__ */ e(
+              "input",
+              {
+                ref: u,
+                id: m,
+                type: "file",
+                className: "peer sr-only",
+                disabled: l,
+                accept: a,
+                multiple: y,
+                onChange: w
+              }
+            ),
+            /* @__PURE__ */ e("label", { htmlFor: m, className: "flex cursor-pointer", children: /* @__PURE__ */ r(
+              _,
+              {
+                className: "text-brand-tertiary font-semibold text-sm hover:text-brand-tertiary",
+                size: "md",
+                color: "link-color",
+                isDisabled: l,
+                onClick: () => {
+                  var o;
+                  return (o = u.current) == null ? void 0 : o.click();
+                },
+                children: [
+                  "Click to upload ",
+                  /* @__PURE__ */ e("span", { className: "md:hidden", children: "and attach files" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ e("span", { className: "text-sm max-md:hidden", children: "or drag and drop" })
+          ] }),
+          /* @__PURE__ */ e("p", { className: F("text-xs transition duration-100 ease-linear", x && "text-error-primary"), children: f || "SVG, PNG, JPG or GIF (max. 800x400px)" })
+        ] })
+      ]
+    }
+  );
+}, Ne = ({
+  name: t,
+  description: d = null,
+  size: f,
+  progress: l,
+  failed: a,
+  failedMessage: y,
+  type: m,
+  fileIconVariant: u,
+  onDelete: x,
+  onRetry: v,
+  className: g,
+  showProgressBar: w = !0,
+  isDisabled: o = !1,
+  isEditable: C = !1,
+  onFileNameChange: k,
+  isProtected: I = !1,
+  isCorrupted: h = !1,
+  passwordState: n = "hidden",
+  passwordValue: M = "",
+  onPasswordChange: i,
+  onVerifyPassword: D,
+  unverifiableVerifyTooltip: c = "Password cannot be verified in the browser for this file type",
+  unverifiableStatusTooltip: b = "Could not determine whether this file is password protected"
+}) => {
+  const z = l === 100, s = !z && !a, N = n === "verifying", Y = n === "unverifiable" && !I && !h, X = n !== "hidden" && n !== "detecting" && !h && !(n === "unverifiable" && !I), U = z && !a && !(n === "detecting" || n === "required" || n === "incorrect" || n === "verifying"), A = !!a || o || N, { base: R, extension: T } = Q(() => oe(t), [t]), [P, E] = L(R), O = C && P.trim().length === 0;
+  S(() => {
+    E(R);
+  }, [R]);
+  const G = (p) => {
+    const q = `${p.trim()}${T}`;
+    q !== t && (k == null || k(q));
+  }, Z = /* @__PURE__ */ e(
+    _,
+    {
+      color: "secondary",
+      size: "sm",
+      onClick: D,
+      isDisabled: A || n === "unverifiable" || n === "verified" || !M,
+      isLoading: n === "verifying",
+      className: "shrink-0",
+      children: "Verify"
+    }
+  );
+  return /* @__PURE__ */ e(
+    de.li,
+    {
+      layout: "position",
+      className: F(
+        "relative flex gap-3 rounded-xl bg-primary p-4 ring-1 ring-secondary transition-shadow duration-100 ease-linear ring-inset",
+        a && "ring-2 ring-error",
+        g
+      ),
+      children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-4 w-full", children: [
+        /* @__PURE__ */ r("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ e(
+            $,
+            {
+              className: "size-10 shrink-0 dark:hidden",
+              type: m ?? "empty",
+              theme: "light",
+              variant: u ?? "default"
+            }
+          ),
+          /* @__PURE__ */ e(
+            $,
+            {
+              className: "size-10 shrink-0 not-dark:hidden",
+              type: m ?? "empty",
+              theme: "dark",
+              variant: u ?? "default"
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: /* @__PURE__ */ r("div", { className: "flex w-full max-w-full min-w-0 flex-1 items-start gap-3", children: [
+            /* @__PURE__ */ r("div", { className: "min-w-0 flex-1 gap-1", children: [
+              C ? /* @__PURE__ */ e("div", { className: "flex min-w-0 max-w-full items-center gap-1", children: /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e(
+                V,
+                {
+                  size: "sm",
+                  value: P,
+                  onChange: (p) => {
+                    E(p), G(p);
+                  },
+                  onBlur: () => {
+                    const p = P.trim();
+                    if (p.length === 0) {
+                      E(""), G("");
+                      return;
+                    }
+                    P !== p && E(p), G(p);
+                  },
+                  isInvalid: O,
+                  hint: O ? he : void 0,
+                  isDisabled: o || N,
+                  isReadOnly: !k || o || N,
+                  showInfoIcon: !1,
+                  "aria-label": "File name",
+                  placeholder: "",
+                  className: "min-w-0 gap-0",
+                  inputClassName: "font-medium text-secondary min-w-0",
+                  customStyles: ce(T),
+                  trailingAction: T ? /* @__PURE__ */ e("span", { className: "shrink-0 text-xs font-medium text-tertiary pointer-events-none", children: T }) : null
+                }
+              ) }) }) : /* @__PURE__ */ e("p", { className: "truncate text-sm font-medium text-secondary", children: t }),
+              /* @__PURE__ */ r("div", { className: "mt-0.5 flex flex-wrap items-center gap-2", children: [
+                /* @__PURE__ */ e("p", { className: "truncate text-2xs whitespace-nowrap text-tertiary", children: ue(f) }),
+                n === "detecting" && /* @__PURE__ */ r(B, { children: [
+                  /* @__PURE__ */ e("hr", { className: "h-3 w-px rounded-t-full rounded-b-full border-none bg-border-primary" }),
+                  /* @__PURE__ */ e("p", { className: "text-2xs font-medium text-tertiary", children: "Checking protection…" })
+                ] }),
+                h && /* @__PURE__ */ r(B, { children: [
+                  /* @__PURE__ */ e("hr", { className: "h-3 w-px rounded-t-full rounded-b-full border-none bg-border-primary" }),
+                  /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
+                    /* @__PURE__ */ e(te, { className: "size-3.5 text-fg-error-primary" }),
+                    /* @__PURE__ */ e("p", { className: "text-2xs font-medium text-error-primary", children: "Corrupted" })
+                  ] })
+                ] }),
+                I && !h && /* @__PURE__ */ r(B, { children: [
+                  /* @__PURE__ */ e("hr", { className: "h-3 w-px rounded-t-full rounded-b-full border-none bg-border-primary" }),
+                  /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
+                    /* @__PURE__ */ e(ie, { className: "size-3.5 text-fg-quaternary" }),
+                    /* @__PURE__ */ e("p", { className: "text-2xs font-medium text-tertiary", children: "Protected" })
+                  ] })
+                ] }),
+                Y && /* @__PURE__ */ r(B, { children: [
+                  /* @__PURE__ */ e("hr", { className: "h-3 w-px rounded-t-full rounded-b-full border-none bg-border-primary" }),
+                  /* @__PURE__ */ e(W, { title: b, placement: "top", children: /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1", children: [
+                    /* @__PURE__ */ e(ne, { className: "size-3.5 text-fg-quaternary" }),
+                    /* @__PURE__ */ e("p", { className: "text-2xs font-medium text-tertiary", children: "Unverifiable" })
+                  ] }) })
+                ] }),
+                (U || a && !h || s) && /* @__PURE__ */ r(B, { children: [
+                  /* @__PURE__ */ e("hr", { className: "h-3 w-px rounded-t-full rounded-b-full border-none bg-border-primary" }),
+                  /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
+                    U && /* @__PURE__ */ e(j, { className: "size-4 stroke-[2.5px] text-fg-success-primary" }),
+                    U && /* @__PURE__ */ e("p", { className: "text-2xs font-medium text-success-primary", children: "Complete" }),
+                    s && /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ r("p", { className: "text-2xs font-medium text-utility-brand-600", children: [
+                        "Uploading ",
+                        Math.round(l),
+                        "%"
+                      ] }),
+                      w && /* @__PURE__ */ e(
+                        me,
+                        {
+                          max: 100,
+                          min: 0,
+                          value: l,
+                          className: "h-[6px] w-[90px] shrink-0"
+                        }
+                      )
+                    ] }),
+                    a && !h && /* @__PURE__ */ e(se, { className: "size-4 text-fg-error-primary" }),
+                    a && !h && /* @__PURE__ */ e("p", { className: "text-2xs font-medium text-error-primary", children: y || "Failed" })
+                  ] })
+                ] })
+              ] })
+            ] }),
+            X && /* @__PURE__ */ r("div", { className: "flex shrink-0 flex-col items-stretch gap-1 pt-0.5", children: [
+              /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e(
+                  V,
+                  {
+                    size: "sm",
+                    inputType: "password",
+                    value: M,
+                    onChange: (p) => i == null ? void 0 : i(p),
+                    placeholder: "Enter password",
+                    "aria-label": "File password",
+                    isDisabled: A || n === "verified",
+                    isReadOnly: n === "verified",
+                    showInfoIcon: !1,
+                    className: "w-[148px] min-w-0 gap-0",
+                    inputClassName: "text-sm"
+                  }
+                ),
+                n === "verified" ? /* @__PURE__ */ r("div", { className: "flex items-center gap-1 px-1", children: [
+                  /* @__PURE__ */ e(j, { className: "size-4 stroke-[2.5px] text-fg-success-primary" }),
+                  /* @__PURE__ */ e("p", { className: "text-2xs font-medium whitespace-nowrap text-success-primary", children: "Verified" })
+                ] }) : n === "unverifiable" ? /* @__PURE__ */ e(W, { title: c, placement: "top", children: /* @__PURE__ */ e("span", { className: "inline-flex", children: Z }) }) : Z
+              ] }),
+              n === "incorrect" && /* @__PURE__ */ e("p", { className: "text-2xs font-medium text-error-primary", children: "Incorrect password" })
+            ] }),
+            /* @__PURE__ */ r("div", { className: "flex shrink-0 items-start gap-1", children: [
+              a && v && /* @__PURE__ */ e(
+                H,
+                {
+                  color: "tertiary",
+                  tooltip: "Retry",
+                  icon: ae,
+                  size: "xs",
+                  className: "text-fg-error-primary hover:text-fg-error-primary",
+                  onClick: v,
+                  isDisabled: o
+                }
+              ),
+              /* @__PURE__ */ e(
+                H,
+                {
+                  color: "tertiary",
+                  tooltip: "Delete",
+                  icon: le,
+                  size: "xs",
+                  onClick: x,
+                  isDisabled: o
+                }
+              )
+            ] })
+          ] }) })
+        ] }),
+        d && /* @__PURE__ */ r(B, { children: [
+          /* @__PURE__ */ e("div", { className: "w-[0.5px] w-full border-[0.5px] border-secondary" }),
+          d
+        ] })
+      ] })
+    }
+  );
+}, ye = (t) => /* @__PURE__ */ e("div", { ...t, className: F("flex flex-col gap-4", t.className), children: t.children }), ve = (t) => /* @__PURE__ */ e("ul", { ...t, className: F("flex flex-col gap-3", t.className), children: /* @__PURE__ */ e(fe, { initial: !1, children: t.children }) }), Le = {
+  Root: ye,
+  List: ve,
+  DropZone: ge,
+  DropZoneCompact: xe,
+  ListItemProgressBar: Ne
+};
+export {
+  Ne as FileListItemProgressBar,
+  Le as FileUpload,
+  ge as FileUploadDropZone,
+  xe as FileUploadDropZoneCompact,
+  ue as getReadableFileSize
+};

package/dist/patterns/file-upload/index.d.ts

@@ -0,0 +1,3 @@
+export { FileUpload, FileUploadDropZone, FileUploadDropZoneCompact, FileListItemProgressBar, getReadableFileSize, type FileUploadDropZoneProps, type FileListItemProps, type FileListItemPasswordState, } from './file-upload';
+export { splitEditableUploadFileName, hasNonEmptyUploadFileBaseName, uniquifyUploadFileName, uniquifyUploadFilesForSubmit, extensionTrailingPadding, } from './file-upload-filename';
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/file-upload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/file-upload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,yBAAyB,EACzB,uBAAuB,EACvB,mBAAmB,EACnB,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,GAC/B,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,2BAA2B,EAC3B,6BAA6B,EAC7B,sBAAsB,EACtB,4BAA4B,EAC5B,wBAAwB,GACzB,MAAM,wBAAwB,CAAC"}

package/dist/primitives/select/SearchInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAYf,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uHAAuH;IACvH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8GAA8G;IAC9G,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAyGD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAW,EACX,QAAgB,EAChB,gBAAgB,EAChB,QAAgB,EAChB,cAAc,EACd,SAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAkB,EAClB,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAuGlB"}
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAef,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uHAAuH;IACvH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8GAA8G;IAC9G,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAyGD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAW,EACX,QAAgB,EAChB,gBAAgB,EAChB,QAAgB,EAChB,cAAc,EACd,SAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAkB,EAClB,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAwIlB"}