@eifi1/ui-kit 0.33.1 → 0.34.0

package/dist/components/file-dropzone.d.ts

@@ -1,106 +1,7 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { dn as FileRejection, gu as FilePickHandler, dm as FilePickerLabels } from '../delete-account-setting-DAgGBrbn.js';
-import { CommitScope } from './write-lock.js';
-import './tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
-import '../data-table-labels-BJ5JE_X2.js';
-import './data-table-sort.js';
-import './swipeable-row.js';
-import './status-dot.js';
-import './progress-bar.js';
-import './signed-amount.js';
-import './stat-tile.js';
-import './chip.js';
-import 'lucide-react';
-import './field-parts.js';
-import './mini-calendar.js';
-import './calendar-heatmap.js';
-import './popover.js';
-import '../hooks/use-breakpoint.js';
-import './field-sync.js';
-import '../wizard/types.js';
-import '../tour/tour.js';
-import '../search/command-palette.js';
-import '../search/global-search.js';
-import '../search/search-index.js';
-import './month-picker.js';
-import './page-contents.js';
-import './series-chart-labels.js';
-import './pie-chart-labels.js';
-import './sparkline.js';
-import './signature-pad.js';
-import './password-strength.js';
-import './swatch-picker.js';
-import './tile-radio.js';
-import './icon-picker.js';
-import './dialog-frame.js';
-import './modal.js';
-import '../hooks/use-search-param-state.js';
-import './measured-grid.js';
-import './user-avatar.js';
-import '../lib/person-name.js';
-import '../shell/topbar-action-menu.js';
-import './menu-item.js';
-import './floating-panel.js';
-import '../hooks/use-authed-src.js';
-import './account-settings-labels.js';
-import './bulk-action-bar.js';
-import './list.js';
-import './breadcrumbs.js';
-import './toast.js';
-import './description-list.js';
-import './line-items.js';
-import './error-boundary.js';
-import './authed-image.js';
-import './image-grid.js';
-import './lightbox.js';
-import '../auth/sign-in-form.js';
-import '../landing/access.js';
-import '../landing/landing-labels.js';
-import '../shell/topbar-controls.js';
-import '../theme/palette-presets.js';
-import '../theme/chart-palette.js';
-import '../theme/theme-store.js';
-import 'zustand/middleware';
-import 'zustand';
-import '../auth/complete-name-dialog.js';
-import '../auth/forgot-password-form.js';
-import '../auth/status-parts.js';
-import '../auth/reset-password-form.js';
-import '../auth/verify-email.js';
-import '../auth/not-found-page.js';
-import '../auth/accept-invitation.js';
-import '../shell/company-switcher.js';
-import '../account/email-change-setting.js';
-import '../account/sessions-setting.js';
-import '../lib/format.js';
-import '../account/data-export-setting.js';
-import './account-chips.js';
-import '../admin/admin-parts.js';
-import '../admin/admin-action-log.js';
-import '../settings/settings-labels.js';
-import '../demo/demo-labels.js';
-import '../i18n/plurals.js';
-import './appearance-labels.js';
-import '../theme/contrast.js';
-import '../theme/text-size.js';
-import './reauth-dialog.js';
-import './server-wake.js';
-import '../lib/server-wake.js';
-import './translation-review-labels.js';
-import '../lib/translation-review.js';
-import './country-select.js';
-import './inline-edit-field.js';
-import '../lib/iban.js';
-import '../lib/phone.js';
-import './sign-chip.js';
-import './column-mapper.js';
-import '../lib/column-mapping.js';
-import '../lib/table-text.js';
-import './focus-ring.js';
-
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import { type LabelOverride } from "../i18n/kit-labels.js";
+import type { FilePickHandler, FilePickerLabels, FileRejection } from "../hooks/use-file-picker.js";
+import { type CommitScope } from "./write-lock.js";
 /**
  * Where a refused file's message goes.
  *
@@ -112,9 +13,9 @@ import './focus-ring.js';
  *  - `"none"` — nothing visible; the caller shows it from `onReject` / `onInvalid`.
  *    Still spoken, so a host rendering it should not ALSO make it `role="alert"`.
  */
-type FileDropzoneRejectionFeedback = "toast" | "inline" | "none";
+export type FileDropzoneRejectionFeedback = "toast" | "inline" | "none";
 /** What a custom {@link FileDropzoneProps.renderBody} is handed. */
-interface FileDropzoneState {
+export interface FileDropzoneState {
     /** A file drag is over the zone right now. */
     dragOver: boolean;
     disabled: boolean;
@@ -147,7 +48,7 @@ interface FileDropzoneState {
  * `FileDropzoneProps` stays an interface a caller can extend; a single-mode pick also
  * reaches `onFilesSelected` as a one-element array, so one handler can serve both.
  */
-interface FileDropzoneProps extends Omit<ComponentPropsWithoutRef<"div">, "onInvalid"> {
+export interface FileDropzoneProps extends Omit<ComponentPropsWithRef<"div">, "onInvalid"> {
     /** Single mode: the chosen file, echoed with its size. */
     file?: File | null;
     /** Single mode: called with the accepted file. */
@@ -201,7 +102,7 @@ interface FileDropzoneProps extends Omit<ComponentPropsWithoutRef<"div">, "onInv
      *  `onInvalid` nor `onReject` is given, `"none"` when one is. */
     rejectionFeedback?: FileDropzoneRejectionFeedback;
     /** Per-instance overrides of the `filePicker` label namespace. */
-    labels?: Partial<FilePickerLabels>;
+    labels?: LabelOverride<FilePickerLabels>;
     /** The dropzone's accessible name. A caller's own `aria-label` wins over it — see
      *  the root element below. Optional since 0.8, like the three below: each falls back
      *  to its `filePicker` string from `<UiKitProvider labels>`, then to English. They
@@ -261,6 +162,4 @@ interface FileDropzoneProps extends Omit<ComponentPropsWithoutRef<"div">, "onInv
  * `rejectionFeedback`; the chosen file(s) are echoed with their size, otherwise
  * `emptyLabel` + `hint` describe what to drop. For a trigger with no drop area, see
  * `FileButton`. */
-declare function FileDropzone({ file, onFileSelected, multiple, files, onFilesSelected, onClear, onRemove, accept, isValid, invalidMessage, maxSize, maxFiles, onInvalid, onReject, onPick, rejectionFeedback, labels: labelsProp, dropLabel: dropLabelProp, browseLabel: browseLabelProp, emptyLabel: emptyLabelProp, hint: hintProp, disabled, busy, disabledReason: ownDisabledReason, commit, renderBody, className, "aria-label": ariaLabel, "aria-describedby": describedByProp, ...rest }: FileDropzoneProps): react.JSX.Element;
-
-export { FileDropzone, type FileDropzoneProps, type FileDropzoneRejectionFeedback, type FileDropzoneState };
+export declare function FileDropzone({ file, onFileSelected, multiple, files, onFilesSelected, onClear, onRemove, accept, isValid, invalidMessage, maxSize, maxFiles, onInvalid, onReject, onPick, rejectionFeedback, labels: labelsProp, dropLabel: dropLabelProp, browseLabel: browseLabelProp, emptyLabel: emptyLabelProp, hint: hintProp, disabled, busy, disabledReason: ownDisabledReason, commit, renderBody, className, "aria-label": ariaLabel, "aria-describedby": describedByProp, ...rest }: FileDropzoneProps): import("react").JSX.Element;

package/dist/components/file-dropzone.js

@@ -2,17 +2,16 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useId, useRef, useState } from "react";
 import { Upload, X } from "lucide-react";
-import { Button, IconButton, Spinner } from "./ui.js";
+import { Button } from "./button.js";
+import { IconButton } from "./icon-button.js";
+import { Spinner } from "./spinner.js";
+import { FIELD_ERROR_CLASS } from "./field-parts.js";
 import { cn } from "../lib/cn.js";
+import { hasContent } from "../lib/presence.js";
 import { useAnnounce } from "../hooks/use-announce.js";
 import { useKitFileLabels, useKitLabels } from "../i18n/kit-labels.js";
-import {
-  DEFAULT_FILE_PICKER_LABELS,
-  formatAccept,
-  judgePick,
-  screenFiles,
-  summariseRejections
-} from "./file-button.js";
+import { DEFAULT_FILE_PICKER_LABELS } from "../hooks/use-file-picker-labels.js";
+import { formatAccept, judgePick, screenFiles, summariseRejections } from "../hooks/use-file-picker.js";
 import { useDragTarget } from "../hooks/use-file-drop.js";
 import { toast } from "./toast.js";
 import { useCommitReason } from "./write-lock.js";
@@ -50,7 +49,7 @@ function FileDropzone({
 }) {
   const [error, setError] = useState(null);
   const disabledReason = useCommitReason(commit, ownDisabledReason);
-  const locked = hasReason(disabledReason);
+  const locked = hasContent(disabledReason);
   const inert = Boolean(disabled || busy) || locked;
   const reasonId = useId();
   const [fileInput, setFileInput] = useState(null);
@@ -120,7 +119,7 @@ function FileDropzone({
   const describedBy = cn(describedByProp, showError && errorId, locked && reasonId) || void 0;
   const controlDisabled = Boolean(disabled || busy);
   const controlReason = locked ? disabledReason : void 0;
-  const reasonLine = locked && /* @__PURE__ */ jsx("div", { "data-slot": "file-dropzone-reason", className: "text-xs text-[var(--text-muted)]", children: disabledReason });
+  const reasonLine = locked && /* @__PURE__ */ jsx("div", { "data-slot": "file-dropzone-reason", className: "text-xs text-muted", children: disabledReason });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       "div",
@@ -156,7 +155,7 @@ function FileDropzone({
           // danger border until the next good pick.
           // Inert zones keep the resting hairline and lose the hover pull: a border that
           // answers the pointer promises a drop the zone will refuse.
-          disabled ? "cursor-not-allowed border-[var(--border)] opacity-60" : busy ? "cursor-progress border-[var(--border)]" : locked ? "cursor-not-allowed border-[var(--border)]" : dragOver ? "cursor-pointer border-[var(--border-strong)] bg-[var(--bg-active)]" : showError ? "cursor-pointer border-[var(--danger-border-strong)]" : "cursor-pointer border-[var(--border)] hover:border-[var(--border-strong)]",
+          disabled ? "cursor-not-allowed border-subtle opacity-60" : busy ? "cursor-progress border-subtle" : locked ? "cursor-not-allowed border-subtle" : dragOver ? "cursor-pointer border-strong bg-active" : showError ? "cursor-pointer border-danger-strong" : "cursor-pointer border-subtle hover:border-strong",
           className
         ),
         children: [
@@ -172,17 +171,17 @@ function FileDropzone({
             labels
           }) : busy ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(Spinner, { label: null, className: "size-5" }),
-            /* @__PURE__ */ jsx("div", { className: "text-sm text-[var(--text-secondary)]", children: labels.busy })
+            /* @__PURE__ */ jsx("div", { className: "text-sm text-secondary", children: labels.busy })
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Upload, { "aria-hidden": true, className: "size-5 text-[var(--text-muted)]" }),
+            /* @__PURE__ */ jsx(Upload, { "aria-hidden": true, className: "size-5 text-muted" }),
             multiple && chosen.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx("ul", { className: "flex w-full max-w-sm flex-col gap-1 text-start", children: chosen.map((f, i) => /* @__PURE__ */ jsxs(
                 "li",
                 {
-                  className: "flex items-center gap-2 text-sm text-[var(--text-secondary)]",
+                  className: "flex items-center gap-2 text-sm text-secondary",
                   children: [
                     /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate font-medium", children: f.name }),
-                    /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-[var(--text-muted)]", children: fileText.size(f.size) }),
+                    /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted", children: fileText.size(f.size) }),
                     onRemove && /* @__PURE__ */ jsx(
                       IconButton,
                       {
@@ -205,7 +204,7 @@ function FileDropzone({
               )) }),
               reasonLine
             ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-sm text-[var(--text-secondary)]", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-sm text-secondary", children: [
                 !multiple && file ? /* @__PURE__ */ jsx("span", { className: "font-medium", children: file.name }) : emptyLabel,
                 !multiple && file && onClear && /* @__PURE__ */ jsx(
                   IconButton,
@@ -224,7 +223,7 @@ function FileDropzone({
                   }
                 )
               ] }),
-              locked && !(file && !multiple) ? reasonLine : /* @__PURE__ */ jsx("div", { className: "text-xs text-[var(--text-muted)]", children: file && !multiple ? fileText.size(file.size) : hint }),
+              locked && !(file && !multiple) ? reasonLine : /* @__PURE__ */ jsx("div", { className: "text-xs text-muted", children: file && !multiple ? fileText.size(file.size) : hint }),
               locked && file && !multiple && reasonLine
             ] })
           ] }),
@@ -260,7 +259,9 @@ function FileDropzone({
               }
             )
           ] }),
-          showError && /* @__PURE__ */ jsx("p", { id: errorId, className: "text-xs text-[var(--danger)]", children: error }),
+          showError && // Every field's error type (DUP-8: this was `text-xs`); the zone's `gap-2`
+          // spaces it, so not the class's own `mt-1` as well.
+          /* @__PURE__ */ jsx("p", { id: errorId, className: cn(FIELD_ERROR_CLASS, "mt-0"), children: error }),
           locked && /* @__PURE__ */ jsx("span", { id: reasonId, hidden: true, children: disabledReason }),
           /* @__PURE__ */ jsx(
             "input",
@@ -276,7 +277,9 @@ function FileDropzone({
                 acceptFiles(picked);
               },
               onClick: (e) => e.stopPropagation(),
-              className: "sr-only"
+              className: "sr-only",
+              tabIndex: -1,
+              "aria-hidden": true
             }
           )
         ]
@@ -286,9 +289,6 @@ function FileDropzone({
     /* @__PURE__ */ jsx("span", { ...alert.regionProps })
   ] });
 }
-function hasReason(reason) {
-  return reason !== void 0 && reason !== null && reason !== false && reason !== "";
-}
 function fromControl(e) {
   const target = e.target;
   const control = target?.closest?.("button, a[href], input, select, textarea, label, [role='button']");

package/dist/components/file-dropzone.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/file-dropzone.tsx"],"sourcesContent":["import { useId, useRef, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, MouseEvent, ReactNode } from \"react\";\nimport { Upload, X } from \"lucide-react\";\nimport { Button, IconButton, Spinner } from \"./ui\";\nimport { cn } from \"../lib/cn\";\nimport { useAnnounce } from \"../hooks/use-announce\";\nimport { useKitFileLabels, useKitLabels } from \"../i18n/kit-labels\";\nimport {\n  DEFAULT_FILE_PICKER_LABELS,\n  formatAccept,\n  judgePick,\n  screenFiles,\n  summariseRejections,\n} from \"./file-button\";\nimport type { FilePickHandler, FilePickerLabels, FileRejection } from \"./file-button\";\nimport { useDragTarget } from \"../hooks/use-file-drop\";\nimport { toast } from \"./toast\";\nimport { useCommitReason, type CommitScope } from \"./write-lock\";\n\n/**\n * Where a refused file's message goes.\n *\n *  - `\"toast\"` — a `sonner` toast (the 0.5 behaviour, kept as the default for a caller\n *    that handles nothing itself so no existing dropzone goes quiet on upgrade).\n *  - `\"inline\"` — under the drop target, in the danger colour, tied to it with\n *    `aria-describedby` (plus `data-invalid` for styling), and spoken through a live\n *    region. Cleared by the next accepted pick.\n *  - `\"none\"` — nothing visible; the caller shows it from `onReject` / `onInvalid`.\n *    Still spoken, so a host rendering it should not ALSO make it `role=\"alert\"`.\n */\nexport type FileDropzoneRejectionFeedback = \"toast\" | \"inline\" | \"none\";\n\n/** What a custom {@link FileDropzoneProps.renderBody} is handed. */\nexport interface FileDropzoneState {\n  /** A file drag is over the zone right now. */\n  dragOver: boolean;\n  disabled: boolean;\n  busy: boolean;\n  /** 0.22: locked with a reason (`disabledReason`, or `commit` under a locked\n   *  {@link WriteLockProvider}) — takes no files, like `disabled`. */\n  locked: boolean;\n  /** The reason while `locked`, for a custom body to show; `undefined` otherwise. */\n  disabledReason: ReactNode | undefined;\n  /** What is chosen: `files` in multiple mode, `[file]` or `[]` in single mode. */\n  files: readonly File[];\n  /** The inline refusal, when `rejectionFeedback=\"inline\"` has one to show. */\n  error: string | null;\n  /** Open the system picker — for a body that brings its own trigger (a second\n   *  \"Take photo\" button). Does nothing while `disabled` or `busy`. */\n  open: () => void;\n  /** The resolved `filePicker` strings, so a custom body speaks the same language. */\n  labels: FilePickerLabels;\n}\n\n/**\n * `onInvalid` is omitted from the `<div>` attributes and kept as this component's own.\n * The DOM event of that name belongs to form validation and takes a `FormEvent`; this\n * one takes the rejected `File`, and the kit's meaning is the one every caller already\n * writes. Everything else a `<div>` takes reaches the root — which carries\n * `role=\"group\"` named by `dropLabel`, so that is also where an `aria-label` or an\n * `aria-describedby` belongs.\n *\n * Two modes. SINGLE (the default, and all of 0.5): `file` + `onFileSelected`. MULTIPLE\n * (`multiple`): `files` + `onFilesSelected`. They are optional rather than a union so\n * `FileDropzoneProps` stays an interface a caller can extend; a single-mode pick also\n * reaches `onFilesSelected` as a one-element array, so one handler can serve both.\n */\nexport interface FileDropzoneProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"onInvalid\"> {\n  /** Single mode: the chosen file, echoed with its size. */\n  file?: File | null;\n  /** Single mode: called with the accepted file. */\n  onFileSelected?: (file: File) => void;\n  /** Take several files per pick or drop. Without it a drop of several keeps the first. */\n  multiple?: boolean;\n  /** Multiple mode: the chosen files, listed in the zone. */\n  files?: readonly File[];\n  /** Every accepted file of one pick, in order. Never called with an empty array. */\n  onFilesSelected?: (files: File[]) => void;\n  /**\n   * Show a remove button inside the zone once something is chosen (kastlan asked for\n   * it: the only way to un-choose a file was to reload). Single mode: removes the file.\n   * Multiple mode: a \"remove all\" button. The host clears its own state here — the\n   * zone is controlled. Focus moves to the Browse button, and the removal is announced.\n   */\n  onClear?: () => void;\n  /** Multiple mode: a remove button per listed file. */\n  onRemove?: (file: File, index: number) => void;\n  accept: string;\n  /**\n   * The caller's check. Optional since 0.6: without it the zone checks `accept` itself\n   * (a drop ignores the dialog's filter). With it, `accept` is NOT re-checked — every\n   * 0.5 caller's `isValid` is its own type check, and doubling it could refuse a file\n   * the caller accepts (a `.zip` the OS labelled `application/octet-stream`).\n   */\n  isValid?: (file: File) => boolean;\n  /** The message for an `isValid` refusal. Defaults to `labels.rejectedInvalid`. */\n  invalidMessage?: string;\n  /** Bytes; larger files are refused. */\n  maxSize?: number;\n  /** Multiple mode: files one pick may add. Pass what is LEFT for a running cap. */\n  maxFiles?: number;\n  /**\n   * Called once per refused file. The 0.5 hook, kept as it was; {@link onReject}\n   * carries the reason and the translated message as well.\n   *\n   * Its existence used to be what switched the toast off, and it still does (see\n   * {@link rejectionFeedback}). The toast is the kit's `toast`, which loads `sonner`\n   * lazily: it is an OPTIONAL peer, and a static import here once broke\n   * `import { Button }` for every app without it (see `optional-peer-imports.test.tsx`).\n   */\n  onInvalid?: (file: File) => void;\n  /** Every refused file of one pick, with its reason and message. */\n  onReject?: (rejections: FileRejection[]) => void;\n  /** The whole pick at once, before any of the above — return `false` to refuse all\n   *  of it (see {@link FilePickHandler}). A refused pick selects nothing; its one\n   *  message (`labels.rejectedPick`) goes where `rejectionFeedback` says. */\n  onPick?: FilePickHandler;\n  /** See {@link FileDropzoneRejectionFeedback}. Defaults to `\"toast\"` when neither\n   *  `onInvalid` nor `onReject` is given, `\"none\"` when one is. */\n  rejectionFeedback?: FileDropzoneRejectionFeedback;\n  /** Per-instance overrides of the `filePicker` label namespace. */\n  labels?: Partial<FilePickerLabels>;\n  /** The dropzone's accessible name. A caller's own `aria-label` wins over it — see\n   *  the root element below. Optional since 0.8, like the three below: each falls back\n   *  to its `filePicker` string from `<UiKitProvider labels>`, then to English. They\n   *  were required, so every call site passed four strings through `t()` by hand, and a\n   *  zone nested in a kit component (the feedback form) had no call site to pass them. */\n  dropLabel?: string;\n  /** Default `filePicker.browse`. */\n  browseLabel?: string;\n  /** What the zone says while nothing is chosen. Default `filePicker.empty` /\n   *  `emptyMultiple`. */\n  emptyLabel?: string;\n  /** The second line, e.g. what may be dropped. Default `filePicker.hint(accept)`. */\n  hint?: string;\n  /**\n   * Not taking files: no drop, no picker, no remove buttons; `aria-disabled` on the\n   * group. keksdose locks its invoice zone while another form holds unsaved changes,\n   * and hand-rolled the whole zone to be able to (invoice-upload.tsx, \"Locked\").\n   */\n  disabled?: boolean;\n  /**\n   * Working on what it was given — an upload, an OCR pass. Inert like `disabled`, plus\n   * `aria-busy`, a spinner in place of the upload icon, and `filePicker.busy` as the\n   * text. The other half of why keksdose's invoice zone was hand-rolled.\n   */\n  busy?: boolean;\n  /**\n   * Why the zone is not taking files — the write lock's sentence, a quota, a closed\n   * period (keksdose K3). Takes no drop, no picker and no removal, like `disabled`, and\n   * SAYS so: the Browse button (and every remove button) stays focusable,\n   * `aria-disabled`, with the reason in the kit Tooltip and its description, the zone's\n   * group is described by it, and the default body shows it where the hint was. Not\n   * dimmed: what is chosen stays readable. Wins over `disabled`'s silent look.\n   */\n  disabledReason?: ReactNode;\n  /**\n   * This zone COMMITS — an upload that starts on drop. Under a locked\n   * {@link WriteLockProvider} it takes the `disabledReason` path with the lock's\n   * reason (which wins over one of its own). No provider, or an unlocked one: no\n   * effect. A zone that only stages a file for a form saved later is not a commit.\n   */\n  commit?: CommitScope;\n  /**\n   * Replace the zone's body — the icon, the text and the chosen-file list — with your\n   * own, given the zone's state: keksdose's spinner-plus-\"uploading\", its multi-shot\n   * hint (\"several photos are possible\"), a second trigger for the camera.\n   *\n   * The Browse button, the inline error and the live regions stay: Browse is the\n   * keyboard path, and a body that forgot it would leave the zone unreachable without\n   * a pointer. A click on a control inside the body does not also open the picker.\n   */\n  renderBody?: (state: FileDropzoneState) => ReactNode;\n  /** Extra classes for the dropzone's root. */\n  className?: string;\n}\n\n/** Drag-and-drop file picker shared by the import wizards (YNAB zip, CAMT xml) and\n * kastlan's document forms. Refusals go to `onReject`/`onInvalid` and to\n * `rejectionFeedback`; the chosen file(s) are echoed with their size, otherwise\n * `emptyLabel` + `hint` describe what to drop. For a trigger with no drop area, see\n * `FileButton`. */\nexport function FileDropzone({\n  file,\n  onFileSelected,\n  multiple,\n  files,\n  onFilesSelected,\n  onClear,\n  onRemove,\n  accept,\n  isValid,\n  invalidMessage,\n  maxSize,\n  maxFiles,\n  onInvalid,\n  onReject,\n  onPick,\n  rejectionFeedback,\n  labels: labelsProp,\n  dropLabel: dropLabelProp,\n  browseLabel: browseLabelProp,\n  emptyLabel: emptyLabelProp,\n  hint: hintProp,\n  disabled,\n  busy,\n  disabledReason: ownDisabledReason,\n  commit,\n  renderBody,\n  className,\n  \"aria-label\": ariaLabel,\n  \"aria-describedby\": describedByProp,\n  ...rest\n}: FileDropzoneProps) {\n  const [error, setError] = useState<string | null>(null);\n  const disabledReason = useCommitReason(commit, ownDisabledReason);\n  const locked = hasReason(disabledReason);\n  // Locked counts as inert for every file path (drop, click, Browse, remove); only the\n  // LOOK and the native `disabled` keep it apart, so its controls stay focusable.\n  const inert = Boolean(disabled || busy) || locked;\n  const reasonId = useId();\n  // State rather than a ref: `open` is handed to `renderBody` during render, and a\n  // function that reads a ref there is exactly what the refs rule cannot prove safe.\n  const [fileInput, setFileInput] = useState<HTMLInputElement | null>(null);\n  const browseRef = useRef<HTMLButtonElement>(null);\n  const errorId = useId();\n  // The size through the kit's `file.size` label (the provider's locale by default).\n  // This was `${n / 1024} KB`: ASCII digits, an English unit, and a binary kilobyte\n  // mislabelled as a decimal one, all in one template literal.\n  const fileText = useKitFileLabels();\n  const labels = useKitLabels(\"filePicker\", DEFAULT_FILE_PICKER_LABELS, labelsProp);\n  // Two regions, two urgencies: a pick or a removal is news, a refusal is a failure.\n  // The echoed file name is only text in the zone, and text changing somewhere on the\n  // page is not announced by itself.\n  const status = useAnnounce();\n  const alert = useAnnounce({ politeness: \"assertive\" });\n  const feedback: FileDropzoneRejectionFeedback =\n    rejectionFeedback ?? (onInvalid || onReject ? \"none\" : \"toast\");\n  const dropLabel = dropLabelProp ?? labels.dropzone;\n  const browseLabel = browseLabelProp ?? labels.browse;\n  const emptyLabel = emptyLabelProp ?? (multiple ? labels.emptyMultiple : labels.empty);\n  const hint = hintProp ?? labels.hint(formatAccept(accept));\n\n  const acceptFiles = (list: ArrayLike<File> | null | undefined) => {\n    if (inert || !list || list.length === 0) return;\n    const all = Array.from(list);\n    const picked = multiple ? all : all.slice(0, 1);\n    const { accepted, rejected } = screenFiles(\n      picked,\n      {\n        accept: isValid ? undefined : accept,\n        maxSize,\n        maxFiles: multiple ? maxFiles : undefined,\n        isValid,\n        invalidMessage,\n      },\n      labels,\n      fileText.size,\n    );\n    const stands = judgePick(onPick, accepted, rejected);\n    if (stands && accepted.length > 0) {\n      setError(null);\n      if (multiple) {\n        onFilesSelected?.(accepted);\n      } else {\n        onFileSelected?.(accepted[0]);\n        onFilesSelected?.(accepted);\n      }\n      status.announce(labels.selected(accepted.length, accepted[0].name));\n    }\n    if (!stands || rejected.length > 0) {\n      for (const r of rejected) onInvalid?.(r.file);\n      if (rejected.length > 0) onReject?.(rejected);\n      const message = stands\n        ? summariseRejections(rejected, labels)\n        : labels.rejectedPick(picked.length);\n      if (feedback === \"toast\") {\n        // The kit's `toast`, which loads sonner (an optional peer) lazily, so an app\n        // that never trips this never has to install it. Nothing downstream depends\n        // on the toast having appeared. The toaster is a live region, so this path\n        // does not announce a second time.\n        toast.error(message);\n      } else {\n        if (feedback === \"inline\") setError(message);\n        alert.announce(message);\n      }\n    }\n  };\n\n  // The remove buttons unmount with the file they removed, and focus would fall to\n  // <body>. Browse is where the next action (pick again) starts.\n  const afterRemoval = (message: string) => {\n    browseRef.current?.focus();\n    status.announce(message);\n  };\n\n  // The enter/leave counter lives in the shared hook: the boolean this was flickered\n  // across every child of the zone in Safari, whose drag events carry no\n  // `relatedTarget` to tell a move onto a child from a real leave.\n  const { dropProps, isOver: dragOver } = useDragTarget<HTMLDivElement>({\n    disabled: inert,\n    onDropFiles: acceptFiles,\n  });\n  const open = () => {\n    if (!inert) fileInput?.click();\n  };\n\n  const chosen: readonly File[] = multiple ? (files ?? []) : file ? [file] : [];\n  const showError = feedback === \"inline\" && error !== null;\n  const describedBy = cn(describedByProp, showError && errorId, locked && reasonId) || undefined;\n  // The controls inside: natively disabled while disabled or busy; locked, they take\n  // the reason instead and stay reachable (Button's `disabledReason` path).\n  const controlDisabled = Boolean(disabled || busy);\n  const controlReason = locked ? disabledReason : undefined;\n  const reasonLine = locked && (\n    <div data-slot=\"file-dropzone-reason\" className=\"text-xs text-[var(--text-muted)]\">\n      {disabledReason}\n    </div>\n  );\n\n  return (\n    <>\n      {/* A named group, NOT a `role=\"button\"`. It was one, with real buttons (Browse,\n          the remove buttons) inside it: nested interactive controls, which ARIA forbids\n          because a button's children are presentational — a screen reader either read\n          the zone as one opaque button or skipped the inner ones, and the zone was an\n          extra Tab stop that did what Browse does. Now the keyboard path is Browse, a\n          real button; the zone keeps its drop target and its click-anywhere for a\n          pointer, which is a convenience on top of Browse rather than the only way in. */}\n      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions -- the click is a pointer shortcut for Browse, see above */}\n      <div\n        // `...rest` first: every handler below is the drop gesture itself.\n        {...rest}\n        {...dropProps}\n        // Pointer only; every control inside stops its own click from reaching here\n        // (and one in a custom body is skipped below). The keyboard equivalent is the\n        // Browse button, so no key handler belongs on a group.\n        onClick={(e) => {\n          if (fromControl(e)) return;\n          open();\n        }}\n        role=\"group\"\n        // The DOM spelling wins over `dropLabel`, which stays the name for every caller\n        // that passes no `aria-label` — i.e. all of them today. Standardising on\n        // `aria-label` (audit §api-design) does not get to silently rename an existing\n        // required prop.\n        aria-label={ariaLabel ?? dropLabel}\n        // No `aria-invalid`: ARIA does not allow it on `role=\"group\"`. The message is\n        // reached through the description instead, and spoken when it appears.\n        aria-describedby={describedBy}\n        data-invalid={showError || undefined}\n        aria-disabled={disabled || locked || undefined}\n        aria-busy={busy || undefined}\n        data-drag-over={dragOver || undefined}\n        className={cn(\n          // `relative` is load-bearing, not cosmetic. The file input below is `sr-only`,\n          // which Tailwind implements as `position: absolute` — so without a positioned\n          // ancestor its containing block is the INITIAL one, and it is laid out at its\n          // own offset from the top of the document. Nothing looks wrong, because the\n          // input is 1x1 and clipped; what breaks is the page height. On a long page\n          // every escaped sr-only element extends `documentElement.scrollHeight` to its\n          // own offset, which produces a second, whole-document scrollbar alongside the\n          // app shell's own — one that scrolls past the end of the content into nothing.\n          // Measured on the showcase: body 900px, document 47,919px.\n          \"relative flex flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed px-4 py-6 text-center transition-colors\",\n          // Three states out of two border tokens: the target rests on the plain\n          // hairline, hover pulls it to `--border-strong`, and a live drag keeps that\n          // border and adds the `--bg-active` wash on top — so \"let go here\" still reads\n          // one step louder than \"you are over it\". A refusal shown inline takes the\n          // danger border until the next good pick.\n          // Inert zones keep the resting hairline and lose the hover pull: a border that\n          // answers the pointer promises a drop the zone will refuse.\n          disabled\n            ? \"cursor-not-allowed border-[var(--border)] opacity-60\"\n            : busy\n              ? \"cursor-progress border-[var(--border)]\"\n              : locked\n                ? \"cursor-not-allowed border-[var(--border)]\"\n                : dragOver\n                ? \"cursor-pointer border-[var(--border-strong)] bg-[var(--bg-active)]\"\n                : showError\n                  ? \"cursor-pointer border-[var(--danger-border-strong)]\"\n                  : \"cursor-pointer border-[var(--border)] hover:border-[var(--border-strong)]\",\n          className,\n        )}\n      >\n        {renderBody ? (\n          renderBody({\n            dragOver,\n            disabled: Boolean(disabled),\n            busy: Boolean(busy),\n            locked,\n            disabledReason: locked ? disabledReason : undefined,\n            files: chosen,\n            error: showError ? error : null,\n            open,\n            labels,\n          })\n        ) : busy ? (\n          <>\n            {/* `label={null}`: the zone is `aria-busy` and the line below says the\n                same in words; a spoken \"Loading\" would only run into it. */}\n            <Spinner label={null} className=\"size-5\" />\n            <div className=\"text-sm text-[var(--text-secondary)]\">{labels.busy}</div>\n          </>\n        ) : (\n          <>\n            <Upload aria-hidden className=\"size-5 text-[var(--text-muted)]\" />\n            {multiple && chosen.length > 0 ? (\n              <>\n                <ul className=\"flex w-full max-w-sm flex-col gap-1 text-start\">\n                  {chosen.map((f, i) => (\n                    <li\n                      // Name + size + position: two files may share a name, and the index\n                      // alone would re-key every row below a removal.\n                      key={`${f.name}-${f.size}-${i}`}\n                      className=\"flex items-center gap-2 text-sm text-[var(--text-secondary)]\"\n                    >\n                      <span className=\"min-w-0 flex-1 truncate font-medium\">{f.name}</span>\n                      <span className=\"shrink-0 text-xs text-[var(--text-muted)]\">{fileText.size(f.size)}</span>\n                      {onRemove && (\n                        <IconButton\n                          type=\"button\"\n                          size=\"sm\"\n                          disabled={controlDisabled}\n                          disabledReason={controlReason}\n                          aria-label={labels.remove(f.name)}\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            onRemove(f, i);\n                            afterRemoval(labels.removed(f.name));\n                          }}\n                        >\n                          <X aria-hidden />\n                        </IconButton>\n                      )}\n                    </li>\n                  ))}\n                </ul>\n                {reasonLine}\n              </>\n            ) : (\n              <>\n                <div className=\"flex items-center gap-1 text-sm text-[var(--text-secondary)]\">\n                  {/* `!multiple`: in multiple mode an empty `files` list is \"nothing chosen\",\n                      whatever a stray `file` prop says — it used to show that file's name. */}\n                  {!multiple && file ? <span className=\"font-medium\">{file.name}</span> : emptyLabel}\n                  {!multiple && file && onClear && (\n                    <IconButton\n                      type=\"button\"\n                      size=\"sm\"\n                      disabled={controlDisabled}\n                      disabledReason={controlReason}\n                      aria-label={labels.remove(file.name)}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onClear();\n                        afterRemoval(labels.removed(file.name));\n                      }}\n                    >\n                      <X aria-hidden />\n                    </IconButton>\n                  )}\n                </div>\n                {/* Locked, the reason takes the hint's place: what may be dropped is moot\n                    while nothing may. A chosen file keeps its size, the reason below. */}\n                {locked && !(file && !multiple) ? (\n                  reasonLine\n                ) : (\n                  <div className=\"text-xs text-[var(--text-muted)]\">\n                    {file && !multiple ? fileText.size(file.size) : hint}\n                  </div>\n                )}\n                {locked && file && !multiple && reasonLine}\n              </>\n            )}\n          </>\n        )}\n        <div className=\"flex flex-wrap items-center justify-center gap-2\">\n          <Button\n            ref={browseRef}\n            type=\"button\"\n            variant=\"secondary\"\n            disabled={controlDisabled}\n            disabledReason={controlReason}\n            onClick={(e) => {\n              e.stopPropagation();\n              open();\n            }}\n          >\n            {browseLabel}\n          </Button>\n          {multiple && chosen.length > 0 && onClear && (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              disabled={controlDisabled}\n              disabledReason={controlReason}\n              onClick={(e) => {\n                e.stopPropagation();\n                onClear();\n                afterRemoval(labels.cleared);\n              }}\n            >\n              {labels.clearAll}\n            </Button>\n          )}\n        </div>\n        {showError && (\n          <p id={errorId} className=\"text-xs text-[var(--danger)]\">\n            {error}\n          </p>\n        )}\n        {/* The group's description while locked: a copy of its own, so a custom body\n            that does not show the reason still has the zone say it. */}\n        {locked && (\n          <span id={reasonId} hidden>\n            {disabledReason}\n          </span>\n        )}\n        <input\n          ref={setFileInput}\n          type=\"file\"\n          accept={accept}\n          multiple={multiple}\n          disabled={inert}\n          onChange={(e) => {\n            // Copy, THEN reset: `files` is a live view of the value, and without the\n            // reset picking the same file a second time fires no `change` at all —\n            // the retry after a failed upload silently did nothing (kastlan).\n            const picked = Array.from(e.currentTarget.files ?? []);\n            e.currentTarget.value = \"\";\n            acceptFiles(picked);\n          }}\n          // Clicks are forwarded here programmatically; one reaching the zone's own\n          // handler again would open the dialog a second time.\n          onClick={(e) => e.stopPropagation()}\n          className=\"sr-only\"\n        />\n      </div>\n      {/* Outside the zone, where they have always been (the zone used to be a\n          `role=\"button\"`, whose content is presentational). `sr-only-fixed`, so they\n          need no positioned ancestor. */}\n      <span {...status.regionProps} />\n      <span {...alert.regionProps} />\n    </>\n  );\n}\n\n/** A reason that is really there — `null`, `false` and `\"\"` are no reason. */\nfunction hasReason(reason: ReactNode): boolean {\n  return reason !== undefined && reason !== null && reason !== false && reason !== \"\";\n}\n\n/** A click that landed on a control inside the zone (a custom body's own button, a\n *  link in the hint) is that control's, not a request to open the picker. */\nfunction fromControl(e: MouseEvent<HTMLElement>): boolean {\n  const target = e.target as Element | null;\n  const control = target?.closest?.(\"button, a[href], input, select, textarea, label, [role='button']\");\n  return Boolean(control && control !== e.currentTarget && e.currentTarget.contains(control));\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/file-dropzone.tsx"],"sourcesContent":["import { useId, useRef, useState } from \"react\";\nimport type { ComponentPropsWithRef, MouseEvent, ReactNode } from \"react\";\nimport { Upload, X } from \"lucide-react\";\nimport { Button } from \"./button\";\nimport { IconButton } from \"./icon-button\";\nimport { Spinner } from \"./spinner\";\nimport { FIELD_ERROR_CLASS } from \"./field-parts\";\nimport { cn } from \"../lib/cn\";\nimport { hasContent } from \"../lib/presence\";\nimport { useAnnounce } from \"../hooks/use-announce\";\nimport { useKitFileLabels, useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\n// The picker's words and screening from their own modules, not through FileButton's\n// re-export (MOD-8): the dropzone renders no FileButton.\nimport { DEFAULT_FILE_PICKER_LABELS } from \"../hooks/use-file-picker-labels\";\nimport { formatAccept, judgePick, screenFiles, summariseRejections } from \"../hooks/use-file-picker\";\nimport type { FilePickHandler, FilePickerLabels, FileRejection } from \"../hooks/use-file-picker\";\nimport { useDragTarget } from \"../hooks/use-file-drop\";\nimport { toast } from \"./toast\";\nimport { useCommitReason, type CommitScope } from \"./write-lock\";\n\n/**\n * Where a refused file's message goes.\n *\n *  - `\"toast\"` — a `sonner` toast (the 0.5 behaviour, kept as the default for a caller\n *    that handles nothing itself so no existing dropzone goes quiet on upgrade).\n *  - `\"inline\"` — under the drop target, in the danger colour, tied to it with\n *    `aria-describedby` (plus `data-invalid` for styling), and spoken through a live\n *    region. Cleared by the next accepted pick.\n *  - `\"none\"` — nothing visible; the caller shows it from `onReject` / `onInvalid`.\n *    Still spoken, so a host rendering it should not ALSO make it `role=\"alert\"`.\n */\nexport type FileDropzoneRejectionFeedback = \"toast\" | \"inline\" | \"none\";\n\n/** What a custom {@link FileDropzoneProps.renderBody} is handed. */\nexport interface FileDropzoneState {\n  /** A file drag is over the zone right now. */\n  dragOver: boolean;\n  disabled: boolean;\n  busy: boolean;\n  /** 0.22: locked with a reason (`disabledReason`, or `commit` under a locked\n   *  {@link WriteLockProvider}) — takes no files, like `disabled`. */\n  locked: boolean;\n  /** The reason while `locked`, for a custom body to show; `undefined` otherwise. */\n  disabledReason: ReactNode | undefined;\n  /** What is chosen: `files` in multiple mode, `[file]` or `[]` in single mode. */\n  files: readonly File[];\n  /** The inline refusal, when `rejectionFeedback=\"inline\"` has one to show. */\n  error: string | null;\n  /** Open the system picker — for a body that brings its own trigger (a second\n   *  \"Take photo\" button). Does nothing while `disabled` or `busy`. */\n  open: () => void;\n  /** The resolved `filePicker` strings, so a custom body speaks the same language. */\n  labels: FilePickerLabels;\n}\n\n/**\n * `onInvalid` is omitted from the `<div>` attributes and kept as this component's own.\n * The DOM event of that name belongs to form validation and takes a `FormEvent`; this\n * one takes the rejected `File`, and the kit's meaning is the one every caller already\n * writes. Everything else a `<div>` takes reaches the root — which carries\n * `role=\"group\"` named by `dropLabel`, so that is also where an `aria-label` or an\n * `aria-describedby` belongs.\n *\n * Two modes. SINGLE (the default, and all of 0.5): `file` + `onFileSelected`. MULTIPLE\n * (`multiple`): `files` + `onFilesSelected`. They are optional rather than a union so\n * `FileDropzoneProps` stays an interface a caller can extend; a single-mode pick also\n * reaches `onFilesSelected` as a one-element array, so one handler can serve both.\n */\nexport interface FileDropzoneProps extends Omit<ComponentPropsWithRef<\"div\">, \"onInvalid\"> {\n  /** Single mode: the chosen file, echoed with its size. */\n  file?: File | null;\n  /** Single mode: called with the accepted file. */\n  onFileSelected?: (file: File) => void;\n  /** Take several files per pick or drop. Without it a drop of several keeps the first. */\n  multiple?: boolean;\n  /** Multiple mode: the chosen files, listed in the zone. */\n  files?: readonly File[];\n  /** Every accepted file of one pick, in order. Never called with an empty array. */\n  onFilesSelected?: (files: File[]) => void;\n  /**\n   * Show a remove button inside the zone once something is chosen (kastlan asked for\n   * it: the only way to un-choose a file was to reload). Single mode: removes the file.\n   * Multiple mode: a \"remove all\" button. The host clears its own state here — the\n   * zone is controlled. Focus moves to the Browse button, and the removal is announced.\n   */\n  onClear?: () => void;\n  /** Multiple mode: a remove button per listed file. */\n  onRemove?: (file: File, index: number) => void;\n  accept: string;\n  /**\n   * The caller's check. Optional since 0.6: without it the zone checks `accept` itself\n   * (a drop ignores the dialog's filter). With it, `accept` is NOT re-checked — every\n   * 0.5 caller's `isValid` is its own type check, and doubling it could refuse a file\n   * the caller accepts (a `.zip` the OS labelled `application/octet-stream`).\n   */\n  isValid?: (file: File) => boolean;\n  /** The message for an `isValid` refusal. Defaults to `labels.rejectedInvalid`. */\n  invalidMessage?: string;\n  /** Bytes; larger files are refused. */\n  maxSize?: number;\n  /** Multiple mode: files one pick may add. Pass what is LEFT for a running cap. */\n  maxFiles?: number;\n  /**\n   * Called once per refused file. The 0.5 hook, kept as it was; {@link onReject}\n   * carries the reason and the translated message as well.\n   *\n   * Its existence used to be what switched the toast off, and it still does (see\n   * {@link rejectionFeedback}). The toast is the kit's `toast`, which loads `sonner`\n   * lazily: it is an OPTIONAL peer, and a static import here once broke\n   * `import { Button }` for every app without it (see `optional-peer-imports.test.tsx`).\n   */\n  onInvalid?: (file: File) => void;\n  /** Every refused file of one pick, with its reason and message. */\n  onReject?: (rejections: FileRejection[]) => void;\n  /** The whole pick at once, before any of the above — return `false` to refuse all\n   *  of it (see {@link FilePickHandler}). A refused pick selects nothing; its one\n   *  message (`labels.rejectedPick`) goes where `rejectionFeedback` says. */\n  onPick?: FilePickHandler;\n  /** See {@link FileDropzoneRejectionFeedback}. Defaults to `\"toast\"` when neither\n   *  `onInvalid` nor `onReject` is given, `\"none\"` when one is. */\n  rejectionFeedback?: FileDropzoneRejectionFeedback;\n  /** Per-instance overrides of the `filePicker` label namespace. */\n  labels?: LabelOverride<FilePickerLabels>;\n  /** The dropzone's accessible name. A caller's own `aria-label` wins over it — see\n   *  the root element below. Optional since 0.8, like the three below: each falls back\n   *  to its `filePicker` string from `<UiKitProvider labels>`, then to English. They\n   *  were required, so every call site passed four strings through `t()` by hand, and a\n   *  zone nested in a kit component (the feedback form) had no call site to pass them. */\n  dropLabel?: string;\n  /** Default `filePicker.browse`. */\n  browseLabel?: string;\n  /** What the zone says while nothing is chosen. Default `filePicker.empty` /\n   *  `emptyMultiple`. */\n  emptyLabel?: string;\n  /** The second line, e.g. what may be dropped. Default `filePicker.hint(accept)`. */\n  hint?: string;\n  /**\n   * Not taking files: no drop, no picker, no remove buttons; `aria-disabled` on the\n   * group. keksdose locks its invoice zone while another form holds unsaved changes,\n   * and hand-rolled the whole zone to be able to (invoice-upload.tsx, \"Locked\").\n   */\n  disabled?: boolean;\n  /**\n   * Working on what it was given — an upload, an OCR pass. Inert like `disabled`, plus\n   * `aria-busy`, a spinner in place of the upload icon, and `filePicker.busy` as the\n   * text. The other half of why keksdose's invoice zone was hand-rolled.\n   */\n  busy?: boolean;\n  /**\n   * Why the zone is not taking files — the write lock's sentence, a quota, a closed\n   * period (keksdose K3). Takes no drop, no picker and no removal, like `disabled`, and\n   * SAYS so: the Browse button (and every remove button) stays focusable,\n   * `aria-disabled`, with the reason in the kit Tooltip and its description, the zone's\n   * group is described by it, and the default body shows it where the hint was. Not\n   * dimmed: what is chosen stays readable. Wins over `disabled`'s silent look.\n   */\n  disabledReason?: ReactNode;\n  /**\n   * This zone COMMITS — an upload that starts on drop. Under a locked\n   * {@link WriteLockProvider} it takes the `disabledReason` path with the lock's\n   * reason (which wins over one of its own). No provider, or an unlocked one: no\n   * effect. A zone that only stages a file for a form saved later is not a commit.\n   */\n  commit?: CommitScope;\n  /**\n   * Replace the zone's body — the icon, the text and the chosen-file list — with your\n   * own, given the zone's state: keksdose's spinner-plus-\"uploading\", its multi-shot\n   * hint (\"several photos are possible\"), a second trigger for the camera.\n   *\n   * The Browse button, the inline error and the live regions stay: Browse is the\n   * keyboard path, and a body that forgot it would leave the zone unreachable without\n   * a pointer. A click on a control inside the body does not also open the picker.\n   */\n  renderBody?: (state: FileDropzoneState) => ReactNode;\n  /** Extra classes for the dropzone's root. */\n  className?: string;\n}\n\n/** Drag-and-drop file picker shared by the import wizards (YNAB zip, CAMT xml) and\n * kastlan's document forms. Refusals go to `onReject`/`onInvalid` and to\n * `rejectionFeedback`; the chosen file(s) are echoed with their size, otherwise\n * `emptyLabel` + `hint` describe what to drop. For a trigger with no drop area, see\n * `FileButton`. */\nexport function FileDropzone({\n  file,\n  onFileSelected,\n  multiple,\n  files,\n  onFilesSelected,\n  onClear,\n  onRemove,\n  accept,\n  isValid,\n  invalidMessage,\n  maxSize,\n  maxFiles,\n  onInvalid,\n  onReject,\n  onPick,\n  rejectionFeedback,\n  labels: labelsProp,\n  dropLabel: dropLabelProp,\n  browseLabel: browseLabelProp,\n  emptyLabel: emptyLabelProp,\n  hint: hintProp,\n  disabled,\n  busy,\n  disabledReason: ownDisabledReason,\n  commit,\n  renderBody,\n  className,\n  \"aria-label\": ariaLabel,\n  \"aria-describedby\": describedByProp,\n  ...rest\n}: FileDropzoneProps) {\n  const [error, setError] = useState<string | null>(null);\n  const disabledReason = useCommitReason(commit, ownDisabledReason);\n  const locked = hasContent(disabledReason);\n  // Locked counts as inert for every file path (drop, click, Browse, remove); only the\n  // LOOK and the native `disabled` keep it apart, so its controls stay focusable.\n  const inert = Boolean(disabled || busy) || locked;\n  const reasonId = useId();\n  // State rather than a ref: `open` is handed to `renderBody` during render, and a\n  // function that reads a ref there is exactly what the refs rule cannot prove safe.\n  const [fileInput, setFileInput] = useState<HTMLInputElement | null>(null);\n  const browseRef = useRef<HTMLButtonElement>(null);\n  const errorId = useId();\n  // The size through the kit's `file.size` label (the provider's locale by default).\n  // This was `${n / 1024} KB`: ASCII digits, an English unit, and a binary kilobyte\n  // mislabelled as a decimal one, all in one template literal.\n  const fileText = useKitFileLabels();\n  const labels = useKitLabels(\"filePicker\", DEFAULT_FILE_PICKER_LABELS, labelsProp);\n  // Two regions, two urgencies: a pick or a removal is news, a refusal is a failure.\n  // The echoed file name is only text in the zone, and text changing somewhere on the\n  // page is not announced by itself.\n  const status = useAnnounce();\n  const alert = useAnnounce({ politeness: \"assertive\" });\n  const feedback: FileDropzoneRejectionFeedback =\n    rejectionFeedback ?? (onInvalid || onReject ? \"none\" : \"toast\");\n  const dropLabel = dropLabelProp ?? labels.dropzone;\n  const browseLabel = browseLabelProp ?? labels.browse;\n  const emptyLabel = emptyLabelProp ?? (multiple ? labels.emptyMultiple : labels.empty);\n  const hint = hintProp ?? labels.hint(formatAccept(accept));\n\n  const acceptFiles = (list: ArrayLike<File> | null | undefined) => {\n    if (inert || !list || list.length === 0) return;\n    const all = Array.from(list);\n    const picked = multiple ? all : all.slice(0, 1);\n    const { accepted, rejected } = screenFiles(\n      picked,\n      {\n        accept: isValid ? undefined : accept,\n        maxSize,\n        maxFiles: multiple ? maxFiles : undefined,\n        isValid,\n        invalidMessage,\n      },\n      labels,\n      fileText.size,\n    );\n    const stands = judgePick(onPick, accepted, rejected);\n    if (stands && accepted.length > 0) {\n      setError(null);\n      if (multiple) {\n        onFilesSelected?.(accepted);\n      } else {\n        onFileSelected?.(accepted[0]);\n        onFilesSelected?.(accepted);\n      }\n      status.announce(labels.selected(accepted.length, accepted[0].name));\n    }\n    if (!stands || rejected.length > 0) {\n      for (const r of rejected) onInvalid?.(r.file);\n      if (rejected.length > 0) onReject?.(rejected);\n      const message = stands\n        ? summariseRejections(rejected, labels)\n        : labels.rejectedPick(picked.length);\n      if (feedback === \"toast\") {\n        // The kit's `toast`, which loads sonner (an optional peer) lazily, so an app\n        // that never trips this never has to install it. Nothing downstream depends\n        // on the toast having appeared. The toaster is a live region, so this path\n        // does not announce a second time.\n        toast.error(message);\n      } else {\n        if (feedback === \"inline\") setError(message);\n        alert.announce(message);\n      }\n    }\n  };\n\n  // The remove buttons unmount with the file they removed, and focus would fall to\n  // <body>. Browse is where the next action (pick again) starts.\n  const afterRemoval = (message: string) => {\n    browseRef.current?.focus();\n    status.announce(message);\n  };\n\n  // The enter/leave counter lives in the shared hook: the boolean this was flickered\n  // across every child of the zone in Safari, whose drag events carry no\n  // `relatedTarget` to tell a move onto a child from a real leave.\n  const { dropProps, isOver: dragOver } = useDragTarget<HTMLDivElement>({\n    disabled: inert,\n    onDropFiles: acceptFiles,\n  });\n  const open = () => {\n    if (!inert) fileInput?.click();\n  };\n\n  const chosen: readonly File[] = multiple ? (files ?? []) : file ? [file] : [];\n  const showError = feedback === \"inline\" && error !== null;\n  const describedBy = cn(describedByProp, showError && errorId, locked && reasonId) || undefined;\n  // The controls inside: natively disabled while disabled or busy; locked, they take\n  // the reason instead and stay reachable (Button's `disabledReason` path).\n  const controlDisabled = Boolean(disabled || busy);\n  const controlReason = locked ? disabledReason : undefined;\n  const reasonLine = locked && (\n    <div data-slot=\"file-dropzone-reason\" className=\"text-xs text-muted\">\n      {disabledReason}\n    </div>\n  );\n\n  return (\n    <>\n      {/* A named group, NOT a `role=\"button\"`. It was one, with real buttons (Browse,\n          the remove buttons) inside it: nested interactive controls, which ARIA forbids\n          because a button's children are presentational — a screen reader either read\n          the zone as one opaque button or skipped the inner ones, and the zone was an\n          extra Tab stop that did what Browse does. Now the keyboard path is Browse, a\n          real button; the zone keeps its drop target and its click-anywhere for a\n          pointer, which is a convenience on top of Browse rather than the only way in. */}\n      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions -- the click is a pointer shortcut for Browse, see above */}\n      <div\n        // `...rest` first: every handler below is the drop gesture itself.\n        {...rest}\n        {...dropProps}\n        // Pointer only; every control inside stops its own click from reaching here\n        // (and one in a custom body is skipped below). The keyboard equivalent is the\n        // Browse button, so no key handler belongs on a group.\n        onClick={(e) => {\n          if (fromControl(e)) return;\n          open();\n        }}\n        role=\"group\"\n        // The DOM spelling wins over `dropLabel`, which stays the name for every caller\n        // that passes no `aria-label` — i.e. all of them today. Standardising on\n        // `aria-label` (audit §api-design) does not get to silently rename an existing\n        // required prop.\n        aria-label={ariaLabel ?? dropLabel}\n        // No `aria-invalid`: ARIA does not allow it on `role=\"group\"`. The message is\n        // reached through the description instead, and spoken when it appears.\n        aria-describedby={describedBy}\n        data-invalid={showError || undefined}\n        aria-disabled={disabled || locked || undefined}\n        aria-busy={busy || undefined}\n        data-drag-over={dragOver || undefined}\n        className={cn(\n          // `relative` is load-bearing, not cosmetic. The file input below is `sr-only`,\n          // which Tailwind implements as `position: absolute` — so without a positioned\n          // ancestor its containing block is the INITIAL one, and it is laid out at its\n          // own offset from the top of the document. Nothing looks wrong, because the\n          // input is 1x1 and clipped; what breaks is the page height. On a long page\n          // every escaped sr-only element extends `documentElement.scrollHeight` to its\n          // own offset, which produces a second, whole-document scrollbar alongside the\n          // app shell's own — one that scrolls past the end of the content into nothing.\n          // Measured on the showcase: body 900px, document 47,919px.\n          \"relative flex flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed px-4 py-6 text-center transition-colors\",\n          // Three states out of two border tokens: the target rests on the plain\n          // hairline, hover pulls it to `--border-strong`, and a live drag keeps that\n          // border and adds the `--bg-active` wash on top — so \"let go here\" still reads\n          // one step louder than \"you are over it\". A refusal shown inline takes the\n          // danger border until the next good pick.\n          // Inert zones keep the resting hairline and lose the hover pull: a border that\n          // answers the pointer promises a drop the zone will refuse.\n          disabled\n            ? \"cursor-not-allowed border-subtle opacity-60\"\n            : busy\n              ? \"cursor-progress border-subtle\"\n              : locked\n                ? \"cursor-not-allowed border-subtle\"\n                : dragOver\n                ? \"cursor-pointer border-strong bg-active\"\n                : showError\n                  ? \"cursor-pointer border-danger-strong\"\n                  : \"cursor-pointer border-subtle hover:border-strong\",\n          className,\n        )}\n      >\n        {renderBody ? (\n          renderBody({\n            dragOver,\n            disabled: Boolean(disabled),\n            busy: Boolean(busy),\n            locked,\n            disabledReason: locked ? disabledReason : undefined,\n            files: chosen,\n            error: showError ? error : null,\n            open,\n            labels,\n          })\n        ) : busy ? (\n          <>\n            {/* `label={null}`: the zone is `aria-busy` and the line below says the\n                same in words; a spoken \"Loading\" would only run into it. */}\n            <Spinner label={null} className=\"size-5\" />\n            <div className=\"text-sm text-secondary\">{labels.busy}</div>\n          </>\n        ) : (\n          <>\n            <Upload aria-hidden className=\"size-5 text-muted\" />\n            {multiple && chosen.length > 0 ? (\n              <>\n                <ul className=\"flex w-full max-w-sm flex-col gap-1 text-start\">\n                  {chosen.map((f, i) => (\n                    <li\n                      // Name + size + position: two files may share a name, and the index\n                      // alone would re-key every row below a removal.\n                      key={`${f.name}-${f.size}-${i}`}\n                      className=\"flex items-center gap-2 text-sm text-secondary\"\n                    >\n                      <span className=\"min-w-0 flex-1 truncate font-medium\">{f.name}</span>\n                      <span className=\"shrink-0 text-xs text-muted\">{fileText.size(f.size)}</span>\n                      {onRemove && (\n                        <IconButton\n                          type=\"button\"\n                          size=\"sm\"\n                          disabled={controlDisabled}\n                          disabledReason={controlReason}\n                          aria-label={labels.remove(f.name)}\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            onRemove(f, i);\n                            afterRemoval(labels.removed(f.name));\n                          }}\n                        >\n                          <X aria-hidden />\n                        </IconButton>\n                      )}\n                    </li>\n                  ))}\n                </ul>\n                {reasonLine}\n              </>\n            ) : (\n              <>\n                <div className=\"flex items-center gap-1 text-sm text-secondary\">\n                  {/* `!multiple`: in multiple mode an empty `files` list is \"nothing chosen\",\n                      whatever a stray `file` prop says — it used to show that file's name. */}\n                  {!multiple && file ? <span className=\"font-medium\">{file.name}</span> : emptyLabel}\n                  {!multiple && file && onClear && (\n                    <IconButton\n                      type=\"button\"\n                      size=\"sm\"\n                      disabled={controlDisabled}\n                      disabledReason={controlReason}\n                      aria-label={labels.remove(file.name)}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onClear();\n                        afterRemoval(labels.removed(file.name));\n                      }}\n                    >\n                      <X aria-hidden />\n                    </IconButton>\n                  )}\n                </div>\n                {/* Locked, the reason takes the hint's place: what may be dropped is moot\n                    while nothing may. A chosen file keeps its size, the reason below. */}\n                {locked && !(file && !multiple) ? (\n                  reasonLine\n                ) : (\n                  <div className=\"text-xs text-muted\">\n                    {file && !multiple ? fileText.size(file.size) : hint}\n                  </div>\n                )}\n                {locked && file && !multiple && reasonLine}\n              </>\n            )}\n          </>\n        )}\n        <div className=\"flex flex-wrap items-center justify-center gap-2\">\n          <Button\n            ref={browseRef}\n            type=\"button\"\n            variant=\"secondary\"\n            disabled={controlDisabled}\n            disabledReason={controlReason}\n            onClick={(e) => {\n              e.stopPropagation();\n              open();\n            }}\n          >\n            {browseLabel}\n          </Button>\n          {multiple && chosen.length > 0 && onClear && (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              disabled={controlDisabled}\n              disabledReason={controlReason}\n              onClick={(e) => {\n                e.stopPropagation();\n                onClear();\n                afterRemoval(labels.cleared);\n              }}\n            >\n              {labels.clearAll}\n            </Button>\n          )}\n        </div>\n        {showError && (\n          // Every field's error type (DUP-8: this was `text-xs`); the zone's `gap-2`\n          // spaces it, so not the class's own `mt-1` as well.\n          <p id={errorId} className={cn(FIELD_ERROR_CLASS, \"mt-0\")}>\n            {error}\n          </p>\n        )}\n        {/* The group's description while locked: a copy of its own, so a custom body\n            that does not show the reason still has the zone say it. */}\n        {locked && (\n          <span id={reasonId} hidden>\n            {disabledReason}\n          </span>\n        )}\n        <input\n          ref={setFileInput}\n          type=\"file\"\n          accept={accept}\n          multiple={multiple}\n          disabled={inert}\n          onChange={(e) => {\n            // Copy, THEN reset: `files` is a live view of the value, and without the\n            // reset picking the same file a second time fires no `change` at all —\n            // the retry after a failed upload silently did nothing (kastlan).\n            const picked = Array.from(e.currentTarget.files ?? []);\n            e.currentTarget.value = \"\";\n            acceptFiles(picked);\n          }}\n          // Clicks are forwarded here programmatically; one reaching the zone's own\n          // handler again would open the dialog a second time.\n          onClick={(e) => e.stopPropagation()}\n          className=\"sr-only\"\n          // Out of the tab order and the accessibility tree, as useFilePicker's: Browse\n          // is the way in, and this was a second, nameless stop beside it (round 0.34,\n          // the showcase's axe check).\n          tabIndex={-1}\n          aria-hidden\n        />\n      </div>\n      {/* Outside the zone, where they have always been (the zone used to be a\n          `role=\"button\"`, whose content is presentational). `sr-only-fixed`, so they\n          need no positioned ancestor. */}\n      <span {...status.regionProps} />\n      <span {...alert.regionProps} />\n    </>\n  );\n}\n\n/** A click that landed on a control inside the zone (a custom body's own button, a\n *  link in the hint) is that control's, not a request to open the picker. */\nfunction fromControl(e: MouseEvent<HTMLElement>): boolean {\n  const target = e.target as Element | null;\n  const control = target?.closest?.(\"button, a[href], input, select, textarea, label, [role='button']\");\n  return Boolean(control && control !== e.currentTarget && e.currentTarget.contains(control));\n}\n"],"mappings":"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","names":[]}

package/dist/components/floating-panel-labels.d.ts

@@ -0,0 +1,2 @@
+import type { FloatingPanelLabels } from "./floating-panel.js";
+export declare const DEFAULT_FLOATING_PANEL_LABELS: FloatingPanelLabels;

package/dist/components/floating-panel-labels.js

@@ -0,0 +1,9 @@
+"use client";
+const DEFAULT_FLOATING_PANEL_LABELS = {
+  close: "Close",
+  badge: (count) => `${count} new`
+};
+export {
+  DEFAULT_FLOATING_PANEL_LABELS
+};
+//# sourceMappingURL=floating-panel-labels.js.map

package/dist/components/floating-panel-labels.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/floating-panel-labels.ts"],"sourcesContent":["// The English words of ./floating-panel, in a module with no component code: the English\n// catalogue (src/i18n/defaults.ts) imports them without the component, so `en` loads as one\n// chunk like the other languages (0.34, KS U8). ./floating-panel re-exports them.\n\nimport type { FloatingPanelLabels } from \"./floating-panel\";\n\nexport const DEFAULT_FLOATING_PANEL_LABELS: FloatingPanelLabels = {\n  close: \"Close\",\n  badge: (count) => `${count} new`,\n};\n"],"mappings":";AAMO,MAAM,gCAAqD;AAAA,EAChE,OAAO;AAAA,EACP,OAAO,CAAC,UAAU,GAAG,KAAK;AAC5B;","names":[]}

package/dist/components/floating-panel.d.ts

@@ -1,10 +1,7 @@
-import * as react from 'react';
-import { ButtonHTMLAttributes, ReactNode, MouseEvent, ReactElement, Ref, HTMLAttributes } from 'react';
-import { TooltipSide } from './tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
-
-interface FloatingPanelLabels {
+import type { ButtonHTMLAttributes, HTMLAttributes, MouseEvent, ReactElement, ReactNode, Ref } from "react";
+import { type TooltipSide } from "./tooltip.js";
+import { DEFAULT_FLOATING_PANEL_LABELS } from "./floating-panel-labels.js";
+export interface FloatingPanelLabels {
     /** Accessible name of the panel header's X. */
     close: string;
     /**
@@ -14,10 +11,10 @@ interface FloatingPanelLabels {
      */
     badge: (count: number) => string;
 }
-declare const DEFAULT_FLOATING_PANEL_LABELS: FloatingPanelLabels;
+export { DEFAULT_FLOATING_PANEL_LABELS };
 /** A LOGICAL corner: `bottom-end` is bottom-right in LTR and bottom-left in RTL. */
-type FloatingCorner = "bottom-end" | "bottom-start";
-interface FloatingActionButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+export type FloatingCorner = "bottom-end" | "bottom-start";
+export interface FloatingActionButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
     /** The accessible name — the button shows only its icon. */
     label: string;
     icon: ReactNode;
@@ -118,8 +115,8 @@ interface FloatingActionButtonProps extends Omit<ButtonHTMLAttributes<HTMLButton
  * While mounted it reports its box (`lib/floating-stack.ts`), so `ServerWakeNotice`
  * stacks above it rather than over it.
  */
-declare function FloatingActionButton({ label, icon, corner, offset, nativeTitle, pressed, extended, live, variant, tooltip, tooltipSide, className, style, type, title, ref, ...rest }: FloatingActionButtonProps): react.JSX.Element;
-interface FloatingPanelProps {
+export declare function FloatingActionButton({ label, icon, corner, offset, nativeTitle, pressed, extended, live, variant, tooltip, tooltipSide, className, style, type, title, ref, ...rest }: FloatingActionButtonProps): import("react").JSX.Element;
+export interface FloatingPanelProps {
     /** The panel's heading, and its accessible name. */
     title: ReactNode;
     /** The trigger's accessible name ("Assistant", "Send feedback"). */
@@ -176,7 +173,8 @@ interface FloatingPanelProps {
  * closed from the page (a controlled owner) never pulls focus out of the field the
  * user is typing in. Escape closes it while focus is inside, and only then: on the
  * panel element, not the document, so Escape in the page keeps meaning whatever the
- * page means by it.
+ * page means by it. A layer of the kit's Escape stack open over it — a tooltip, a list —
+ * is handed the key first.
  *
  * ## Layout
  *
@@ -188,8 +186,8 @@ interface FloatingPanelProps {
  * panel unmounts when closed; an app that must keep a draft across a close keeps it in
  * its own state, where it also survives a reload.
  */
-declare function FloatingPanel({ title, fabLabel, fabIcon, open: openProp, defaultOpen, onOpenChange, corner, offset, fabNativeTitle, fabTooltip, closeLabel, initialFocus, className, bodyClassName, children, }: FloatingPanelProps): react.JSX.Element;
-interface FloatingActionGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "role"> {
+export declare function FloatingPanel({ title, fabLabel, fabIcon, open: openProp, defaultOpen, onOpenChange, corner, offset, fabNativeTitle, fabTooltip, closeLabel, initialFocus, className, bodyClassName, children, }: FloatingPanelProps): import("react").JSX.Element;
+export interface FloatingActionGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "role"> {
     /** Name the group ("Register actions"); a reader then introduces the members as one
      *  set. A group with no name is one more unlabelled wrapper. */
     "aria-label"?: string;
@@ -218,10 +216,10 @@ interface FloatingActionGroupProps extends Omit<HTMLAttributes<HTMLDivElement>,
  * hand-built ones did, and there is no arrow-key roving to learn. Hide it where it
  * does not belong with a class (`md:hidden`, as both keksdose pages do).
  */
-declare function FloatingActionGroup({ corner, offset, className, style, children, ...rest }: FloatingActionGroupProps): react.JSX.Element;
+export declare function FloatingActionGroup({ corner, offset, className, style, children, ...rest }: FloatingActionGroupProps): import("react").JSX.Element;
 /** What {@link FloatingActionProps.renderLink} is handed. Spread it onto your router's
  *  link, mapping `href` — `renderLink={({ href, ...p }) => <Link to={href} {...p} />}`. */
-interface FloatingActionLinkProps {
+export interface FloatingActionLinkProps {
     href: string;
     /** The member's whole look — keep it. */
     className: string;
@@ -231,7 +229,7 @@ interface FloatingActionLinkProps {
     [key: `aria-${string}`]: string | boolean | number | undefined;
     [key: `data-${string}`]: unknown;
 }
-interface FloatingActionProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "onClick"> {
+export interface FloatingActionProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "onClick"> {
     /** The accessible name, and the tooltip's text. Keep it the same in both states of a
      *  toggle; `aria-pressed` says which one it is in. */
     label: string;
@@ -284,6 +282,4 @@ interface FloatingActionProps extends Omit<ButtonHTMLAttributes<HTMLButtonElemen
  * keeps the brand member's fill inside the pill's corners), and the focus ring is inset
  * for the same reason.
  */
-declare function FloatingAction({ label, icon, pressed, pressedStyle, variant, badge, badgeLabel, badgeTone, tooltip, tooltipSide, href, renderLink, className, type, onClick, ref, ...rest }: FloatingActionProps): react.JSX.Element;
-
-export { DEFAULT_FLOATING_PANEL_LABELS, FloatingAction, FloatingActionButton, type FloatingActionButtonProps, FloatingActionGroup, type FloatingActionGroupProps, type FloatingActionLinkProps, type FloatingActionProps, type FloatingCorner, FloatingPanel, type FloatingPanelLabels, type FloatingPanelProps };
+export declare function FloatingAction({ label, icon, pressed, pressedStyle, variant, badge, badgeLabel, badgeTone, tooltip, tooltipSide, href, renderLink, className, type, onClick, ref, ...rest }: FloatingActionProps): import("react").JSX.Element;