@techzyapp/ui-library 1.0.0

package/dist/FileUploader-VtmmwUFE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader-VtmmwUFE.js","sources":["../src/components/FileUploader/FileUploaderEditDialog.tsx","../src/components/FileUploader/FileUploaderPreview.tsx","../src/components/FileUploader/FileUploader.tsx"],"sourcesContent":["import { useRef, useState, type ChangeEvent } from 'react'\nimport ReactCrop, { type Crop, type PercentCrop, type PixelCrop } from 'react-image-crop'\nimport 'react-image-crop/dist/ReactCrop.css'\nimport { useT, type LocaleConfig } from '../../theme'\nimport { Button } from '../Button'\nimport { Modal } from '../Modal'\nimport { TextField } from '../TextField'\nimport { Typography } from '../Typography'\nimport styles from './FileUploaderEditDialog.module.css'\n\n/** What a dialog hands back on Save: the alt-text draft (alt-text mode) or a cropped File (crop mode). */\nexport interface EditDialogResult {\n  /** Alt-text values keyed by locale code (or the single `''` key in non-localized mode). */\n  draft?: Record<string, string>\n  /** A freshly-cropped File (native-resolution, lossless). */\n  croppedFile?: File\n}\n\nexport interface FileUploaderEditDialogProps {\n  /** Which editor to show — the **crop** stage or the **alt text** fields (each is its own modal). */\n  mode: 'crop' | 'altText'\n  /** Display name (modal description + the cropped File's name). */\n  name: string\n  /** Image URL for crop mode (object URL for a File, or the source URL). */\n  imageUrl: string | null\n  /** MIME type for the cropped output — keeps the original (PNG ⇒ lossless). */\n  mimeType: string\n  /** Locales for the alt-text editor (one field each); a single `{ code: '' }` ⇒ one plain field. */\n  editLocales: LocaleConfig[]\n  /** The alt-text draft to seed from the item's current value. */\n  initialDraft: Record<string, string>\n  /** Close without saving. */\n  onClose: () => void\n  /** Commit the result (alt-text draft or cropped File). */\n  onSave: (result: EditDialogResult) => void\n}\n\n/** The crop selection in the image's NATIVE pixels — what actually gets exported (no resample / resize). */\ninterface NaturalCrop {\n  x: number\n  y: number\n  width: number\n  height: number\n}\n\n/**\n * The FileUploader per-item edit modal. Two separate modes (each opened from its own card button):\n * **`crop`** — a draggable selection over the image, exported at the image's native resolution (lossless,\n * dimensions shown live); **`altText`** — one `TextField` per locale (stacked, no tabs). Built on the\n * library's `Modal` + `TextField` and **`react-image-crop`** (an optional peer). Internal — not exported.\n */\nexport function FileUploaderEditDialog({\n  mode,\n  name,\n  imageUrl,\n  mimeType,\n  editLocales,\n  initialDraft,\n  onClose,\n  onSave,\n}: FileUploaderEditDialogProps) {\n  const t = useT()\n  const imgRef = useRef<HTMLImageElement>(null)\n  const [crop, setCrop] = useState<Crop>()\n  // store the crop in NATIVE coords (computed on every drag) so the export never depends on display size\n  const [naturalCrop, setNaturalCrop] = useState<NaturalCrop | null>(null)\n  // the image's intrinsic size (captured on load) — shown as the readout until a crop is selected\n  const [naturalSize, setNaturalSize] = useState<{ w: number; h: number } | null>(null)\n  const [draft, setDraft] = useState<Record<string, string>>(initialDraft)\n  const [cropError, setCropError] = useState<string | null>(null)\n  const [busy, setBusy] = useState(false)\n\n  const onCropChange = (px: PixelCrop, percent: PercentCrop) => {\n    setCrop(percent)\n    const img = imgRef.current\n    if (img && img.width > 0 && px.width >= 1 && px.height >= 1) {\n      const sx = img.naturalWidth / img.width\n      const sy = img.naturalHeight / img.height\n      setNaturalCrop({\n        x: Math.round(px.x * sx),\n        y: Math.round(px.y * sy),\n        width: Math.round(px.width * sx),\n        height: Math.round(px.height * sy),\n      })\n    } else {\n      setNaturalCrop(null)\n    }\n  }\n\n  // Crop at native resolution: copy the selected region 1:1 (no resample → no quality loss, no resize).\n  const buildCroppedFile = async (): Promise<File | undefined> => {\n    const image = imgRef.current\n    if (!image || !naturalCrop || naturalCrop.width < 1 || naturalCrop.height < 1) return undefined\n    const canvas = document.createElement('canvas')\n    canvas.width = naturalCrop.width\n    canvas.height = naturalCrop.height\n    const ctx = canvas.getContext('2d')\n    if (!ctx) return undefined\n    ctx.imageSmoothingEnabled = false // 1:1 native-pixel copy — no resampling\n    ctx.drawImage(\n      image,\n      naturalCrop.x,\n      naturalCrop.y,\n      naturalCrop.width,\n      naturalCrop.height,\n      0,\n      0,\n      naturalCrop.width,\n      naturalCrop.height,\n    )\n    // toBlob throws on a cross-origin-tainted canvas — let handleSave catch it\n    const blob = await new Promise<Blob | null>((resolve) => canvas.toBlob(resolve, mimeType, 1))\n    // a null blob is a failed export too (not just tainted) — throw so it surfaces as a crop error\n    // instead of silently resolving to `undefined` and discarding the crop with no feedback\n    if (!blob) throw new Error('canvas.toBlob returned null')\n    return new File([blob], name, { type: mimeType, lastModified: Date.now() })\n  }\n\n  const handleSave = async () => {\n    if (mode === 'altText') {\n      onSave({ draft })\n      return\n    }\n    setBusy(true)\n    try {\n      const croppedFile =\n        naturalCrop && naturalCrop.width >= 1 && naturalCrop.height >= 1\n          ? await buildCroppedFile()\n          : undefined\n      onSave({ croppedFile }) // parent commits + closes (this dialog unmounts)\n    } catch {\n      setCropError(t('fileUploader.cropError'))\n      setBusy(false)\n    }\n  }\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      size={mode === 'crop' ? 'lg' : 'sm'}\n      icon={mode === 'crop' ? 'Crop' : 'Text'}\n      title={mode === 'crop' ? t('fileUploader.cropTitle') : t('fileUploader.altTitle')}\n      description={name}\n      footer={\n        <>\n          <Button variant=\"text\" color=\"accent\" onClick={onClose} disabled={busy}>\n            {t('common.cancel')}\n          </Button>\n          <Button onClick={handleSave} loading={busy}>\n            {t('common.save')}\n          </Button>\n        </>\n      }\n    >\n      {mode === 'crop' ? (\n        <div className={styles.cropSection}>\n          <div className={styles.cropHead}>\n            <Typography variant=\"bodySmall\" color=\"muted\">\n              {t('fileUploader.cropHint')}\n            </Typography>\n            <Typography variant=\"bodySmall\" color={naturalCrop ? 'text' : 'muted'}>\n              {naturalCrop\n                ? `${naturalCrop.width} × ${naturalCrop.height} px`\n                : naturalSize\n                  ? `${naturalSize.w} × ${naturalSize.h} px`\n                  : ''}\n            </Typography>\n          </div>\n          <div className={styles.cropStage}>\n            <ReactCrop crop={crop} onChange={onCropChange} className={styles.crop}>\n              <img\n                ref={imgRef}\n                src={imageUrl ?? undefined}\n                alt=\"\"\n                className={styles.cropImg}\n                onLoad={(e) =>\n                  setNaturalSize({\n                    w: e.currentTarget.naturalWidth,\n                    h: e.currentTarget.naturalHeight,\n                  })\n                }\n              />\n            </ReactCrop>\n          </div>\n          {cropError && (\n            <Typography variant=\"bodySmall\" color=\"error\">\n              {cropError}\n            </Typography>\n          )}\n        </div>\n      ) : (\n        <div className={styles.altFields}>\n          {editLocales.map((l) => (\n            <TextField\n              key={l.code}\n              label={l.label ?? (l.code || t('fileUploader.altTitle'))}\n              placeholder={t('fileUploader.altPlaceholder')}\n              value={draft[l.code] ?? ''}\n              onChange={(e: ChangeEvent<HTMLInputElement>) =>\n                setDraft((d) => ({ ...d, [l.code]: e.target.value }))\n              }\n            />\n          ))}\n        </div>\n      )}\n    </Modal>\n  )\n}\n","import { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { Icon } from '../Icon'\nimport { Overlay } from '../Overlay/Overlay'\nimport styles from './FileUploaderPreview.module.css'\n\nexport interface FileUploaderPreviewProps {\n  /** The media URL (a File's object URL or a source URL). */\n  url: string\n  /** Render a `<video controls>` instead of an `<img>`. */\n  isVideo: boolean\n  /**\n   * The image is an SVG — a vector has no reliable pixel size (a viewBox-only icon shows tiny, a sizeless\n   * one collapses to nothing), so when set the image is given a floored box (`min-*` + `object-fit:\n   * contain`): a small SVG scales up to a visible minimum while a larger one keeps its real size.\n   */\n  isSvg?: boolean\n  /** Accessible name / image alt. */\n  name: string\n  /** Dismiss the overlay. */\n  onClose: () => void\n}\n\n/**\n * A fullscreen media lightbox for the FileUploader — a dark backdrop with the image (or a `<video>` with\n * controls) centered. Built on the shared `<Overlay>` (portal to `<body>`, scroll-lock, fade-in, backdrop\n * / Escape dismissal); a darker scrim (`dim={0.85}`) than a Modal since media reads over black. Opened\n * from a card's **Eye** button (image + video items only). Internal — not exported.\n */\nexport function FileUploaderPreview({\n  url,\n  isVideo,\n  isSvg,\n  name,\n  onClose,\n}: FileUploaderPreviewProps) {\n  const t = useT()\n  return (\n    <Overlay\n      open\n      onClose={onClose}\n      dim={0.85}\n      className={styles.backdrop}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={t('fileUploader.preview', { name })}\n    >\n      <button\n        type=\"button\"\n        className={styles.close}\n        aria-label={t('fileUploader.closePreview')}\n        onClick={onClose}\n        autoFocus\n      >\n        <Icon name=\"Close\" size=\"lg\" />\n      </button>\n      {isVideo ? (\n        <video src={url} className={styles.media} controls playsInline />\n      ) : (\n        // an SVG's natural size is unreliable, so it always gets the floored box (`.mediaSvg`); a raster\n        // keeps its natural size, only capped to the viewport (`.media`)\n        <img src={url} alt={name} className={clsx(styles.media, isSvg && styles.mediaSvg)} />\n      )}\n    </Overlay>\n  )\n}\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport {\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  closestCenter,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n} from '@dnd-kit/core'\nimport {\n  SortableContext,\n  arrayMove,\n  useSortable,\n  sortableKeyboardCoordinates,\n  rectSortingStrategy,\n} from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport type { AutoAnimationPlugin } from '@formkit/auto-animate'\nimport { useAutoAnimate } from '@formkit/auto-animate/react'\nimport { useDropzone, type Accept, type FileRejection } from 'react-dropzone'\nimport { useFormContext } from '../../form/formContext'\nimport { useLocales, useT, type LocaleConfig } from '../../theme'\nimport { toast } from '../Toast/toastStore'\nimport { Icon } from '../Icon'\nimport { Typography } from '../Typography'\nimport { FileUploaderEditDialog, type EditDialogResult } from './FileUploaderEditDialog'\nimport { FileUploaderPreview } from './FileUploaderPreview'\n// shared field chrome (wrapper / label / required / helper) — the Slider precedent\nimport fieldStyles from '../TextField/TextField.module.css'\nimport styles from './FileUploader.module.css'\n\n/**\n * A single file entry. A freshly-picked file carries its binary in `file`; an already-uploaded one\n * (a backend response, edit mode) carries only its URL in `source` — then `file` is absent.\n */\nexport interface FileUploaderItem {\n  /** The picked binary — present for a newly-selected file, absent for an already-uploaded one. */\n  file?: File\n  /** Server URL of an already-uploaded file (edit mode); `''` for a fresh pick. */\n  source?: string\n  /** Position in the list (0-based) — kept in sync with the visual order on every change. */\n  sortIndex: number\n  /**\n   * Optional alt text, edited per card via the `allowAltText` modal. **Per-locale by default** —\n   * `Record<localeCode, string>` (e.g. `{ 'en-US': 'A red car', 'ka-GE': '…' }`); with\n   * **`localizedAltText={false}`** it's a single **`string`**. Absent until something is typed.\n   */\n  altText?: Record<string, string> | string\n}\n\n/** Single mode → one item (or `null`); `multiple` mode → an array. */\nexport type FileUploaderValue = FileUploaderItem | FileUploaderItem[] | null\n\nexport interface FileUploaderProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'onChange' | 'defaultValue'\n> {\n  /** Accept more than one file — the value becomes an array. Defaults to `false`. */\n  multiple?: boolean\n  /** Allow dropping files onto the dropzone (drag from the OS). Defaults to `true`. */\n  allowDrop?: boolean\n  /** Allow drag + keyboard reordering of the rows (only meaningful with `multiple`). Defaults to `true`. */\n  allowReorder?: boolean\n  /** Show a download button on each item (downloads the File / source). Defaults to `true`. */\n  allowDownload?: boolean\n  /**\n   * Show a per-card **preview** (Eye) button — opens a fullscreen lightbox of the image / video. Defaults\n   * to `true`. Only rendered for **image + video** items (a PDF / doc has nothing to preview).\n   */\n  allowPreview?: boolean\n  /**\n   * Show a per-card **edit** button that opens a modal for editing the item's `altText`. Defaults to\n   * `true` — pass `false` to hide it. The modal renders one input per content locale (a tab strip when\n   * there are several), so the edited value lands in `item.altText` keyed by locale code (or a single\n   * string with `localizedAltText={false}`).\n   */\n  allowAltText?: boolean\n  /**\n   * Locales for the `allowAltText` editor (one input/tab each). Defaults to the app's `ConfigProvider`\n   * locales (`useLocales()`); pass this to override — mirrors `<TranslatedFields locales>`. Ignored when\n   * `localizedAltText` is `false`.\n   */\n  altTextLocales?: LocaleConfig[]\n  /**\n   * Whether the `allowAltText` editor is **per-locale**. Defaults to `true` — `altText` is a\n   * `Record<localeCode, string>` with one input/tab per locale. Pass **`false`** for a single plain input\n   * (no locales), so `altText` is just a **`string`**.\n   */\n  localizedAltText?: boolean\n  /**\n   * Allow the same file to be added more than once. By default (`false`) a pick that matches an\n   * already-present item by content (a File by name + size + last-modified, a source by URL) is skipped\n   * and a notice is shown. Only meaningful with `multiple` (single mode replaces, so it can't stack).\n   */\n  allowDuplicates?: boolean\n  /** Disables the whole control — no adding, removing, reordering, or downloading; dimmed + inert. */\n  disabled?: boolean\n  /**\n   * Accepted file types (react-dropzone's format: a MIME type → file-extensions map) — restricts the file\n   * picker and rejects non-matching picks/drops (a rejection raises a `toast.error`). E.g. `{ 'image/*': [] }`\n   * or `{ 'image/*': [], 'application/pdf': ['.pdf'] }`. Omit to accept any type.\n   */\n  accept?: Accept\n  /** Maximum number of files (only meaningful with `multiple`). Picks beyond it are rejected with a notice. */\n  maxFiles?: number\n  /**\n   * Maximum size per file — a bytes `number`, or a human string like `\"5MB\"` / `\"500KB\"`. A picked file\n   * over the limit is **rejected** (not added) and raises a **`toast.error`** (so a `<Toaster>` — mounted\n   * by `RootLayout` by default — must be present to see it). A file supplied via `value`/`defaultValue`\n   * that exceeds the limit is still rendered but flagged in an error state (red ring + `\"Exceeds … limit\"`).\n   */\n  maxFileSize?: number | string\n  /** Where a newly added file lands in the list (`multiple` only): `'start'` (top) or `'end'` (bottom). Defaults to `'end'`. */\n  itemInsertLocation?: 'start' | 'end'\n  /** Controlled value — one item (or `null`) when single, an array when `multiple`. */\n  value?: FileUploaderValue\n  /** Initial value for uncontrolled use. */\n  defaultValue?: FileUploaderValue\n  /** Fires with the next value whenever files are added, removed, or reordered. */\n  onChange?: (value: FileUploaderValue) => void\n  /** Label rendered above the control. */\n  label?: ReactNode\n  /** Marks the field invalid: red dropzone border + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the control. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the control to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /**\n   * Binds the field to a surrounding `<Form>` — the form value is the item / array, validated with e.g.\n   * `z.array(fileItemSchema).min(1)`. Reads the raw `form.values[name]` and writes via `setValue`;\n   * error/touched come from the form, and the form's scroll-to-error can focus the field.\n   */\n  name?: string\n}\n\nconst canMakeObjectUrl = (): boolean =>\n  typeof URL !== 'undefined' && typeof URL.createObjectURL === 'function'\n\n// auto-animate plugin: the ENTER (add) is handled by a CSS mount animation on `.row` (a reliable, visible\n// drop-in), so here `add` is a no-op to avoid double-animating; auto-animate still smoothly animates the\n// `remove` (lift + fade) and the `remain` reflow (rows sliding up to fill a gap).\nconst ANIM_MS = 300\nconst listAnimation: AutoAnimationPlugin = (el, action, oldCoords, newCoords) => {\n  let keyframes: Keyframe[] = [{}, {}]\n  let duration = ANIM_MS\n  if (action === 'add') {\n    duration = 0\n  } else if (action === 'remove') {\n    keyframes = [\n      { opacity: 1, transform: 'translateY(0)' },\n      { opacity: 0, transform: 'translateY(-8px)' },\n    ]\n  } else if (oldCoords && newCoords) {\n    const dx = oldCoords.left - newCoords.left\n    const dy = oldCoords.top - newCoords.top\n    keyframes = [{ transform: `translate(${dx}px, ${dy}px)` }, { transform: 'translate(0, 0)' }]\n  }\n  return new KeyframeEffect(el, keyframes, { duration, easing: 'ease-out' })\n}\n\n/** Human-readable byte size, e.g. `2.4 MB`. (Exported for unit tests; not part of the public surface.) */\nexport const formatBytes = (bytes: number): string => {\n  if (bytes < 1024) return `${bytes} B`\n  const units = ['KB', 'MB', 'GB', 'TB']\n  let value = bytes / 1024\n  let i = 0\n  while (value >= 1024 && i < units.length - 1) {\n    value /= 1024\n    i += 1\n  }\n  return `${value.toFixed(value < 10 ? 1 : 0)} ${units[i]}`\n}\n\n/** Coerce a `maxFileSize` (a bytes number, or a human string like `\"5MB\"` / `\"500 KB\"`) to bytes. */\nexport const toBytes = (size: number | string): number | undefined => {\n  if (typeof size === 'number') return size\n  const match = /^\\s*([\\d.]+)\\s*(b|kb|mb|gb|tb)?\\s*$/i.exec(size)\n  if (!match) return undefined\n  const units: Record<string, number> = {\n    b: 1,\n    kb: 1024,\n    mb: 1024 ** 2,\n    gb: 1024 ** 3,\n    tb: 1024 ** 4,\n  }\n  return parseFloat(match[1]) * (units[(match[2] || 'b').toLowerCase()] ?? 1)\n}\n\n/**\n * A content-identity key for de-duplication. The same file picked twice arrives as two distinct `File`\n * objects (so a `WeakMap`/reference check can't catch it), but its name + size + last-modified match.\n */\nexport const fileKey = (file: File): string => `f:${file.name}:${file.size}:${file.lastModified}`\n/** The dedup key for an existing item — a File by its content, an already-uploaded one by its URL. */\nexport const itemKey = (item: FileUploaderItem): string =>\n  item.file ? fileKey(item.file) : `s:${item.source ?? ''}`\n\n/** Display name — the File's name or the last path segment of a source URL. */\nexport const labelOf = (item: FileUploaderItem): string => {\n  if (item.file) return item.file.name\n  if (item.source) {\n    if (/^(data|blob):/i.test(item.source)) return 'File'\n    return item.source.split(/[?#]/)[0].split('/').pop() || 'File'\n  }\n  return 'File'\n}\n\n/**\n * Whether an item is an image — the only kind that gets the **crop** + **alt-text** editors (a video / PDF\n * / doc has nothing to crop or describe). A File is judged by its MIME `type`; a source URL by a known\n * image extension or a `data:image/…` URI, defaulting to `true` when it carries no recognizable extension\n * (the image-first assumption — e.g. extensionless CDN URLs).\n */\nexport const isImageItem = (item: FileUploaderItem): boolean => {\n  if (item.file) return item.file.type.startsWith('image/')\n  const src = item.source\n  if (!src) return false\n  if (/^data:image\\//i.test(src)) return true\n  if (/^data:/i.test(src)) return false // a non-image data URI\n  return (\n    /\\.(png|jpe?g|gif|webp|avif|svg|bmp|ico|heic|heif)(?:[?#]|$)/i.test(src) ||\n    !/\\.[a-z0-9]{1,8}(?:[?#]|$)/i.test(src)\n  )\n}\n\n/** Whether an item is a video — rendered as a playable `<video controls>` preview instead of an `<img>`. */\nexport const isVideoItem = (item: FileUploaderItem): boolean => {\n  if (item.file) return item.file.type.startsWith('video/')\n  const src = item.source\n  if (!src) return false\n  return /^data:video\\//i.test(src) || /\\.(mp4|webm|ogg|ogv|mov|m4v|avi|mkv)(?:[?#]|$)/i.test(src)\n}\n\n/** Download an item — a File via a fresh object URL, a source URL via a download link. */\nconst triggerDownload = (item: FileUploaderItem) => {\n  if (typeof document === 'undefined') return\n  const a = document.createElement('a')\n  a.style.display = 'none'\n  if (item.file) {\n    if (!canMakeObjectUrl()) return\n    const url = URL.createObjectURL(item.file)\n    a.href = url\n    a.download = item.file.name\n    document.body.appendChild(a)\n    a.click()\n    a.remove()\n    setTimeout(() => URL.revokeObjectURL(url), 1000)\n  } else if (item.source) {\n    a.href = item.source\n    a.download = labelOf(item)\n    a.target = '_blank'\n    a.rel = 'noopener'\n    document.body.appendChild(a)\n    a.click()\n    a.remove()\n  }\n}\n\n/**\n * Split a name into the part that may truncate and a short trailing extension that should always stay\n * visible — so a long name middle-ellipses as `name….ext` instead of overflowing or losing the type.\n */\nexport const splitName = (name: string): { base: string; ext: string } => {\n  const dot = name.lastIndexOf('.')\n  // only peel off a real, short extension (\".png\", \".jpeg\") — not a dot buried in a long hash\n  return dot > 0 && name.length - dot <= 7\n    ? { base: name.slice(0, dot), ext: name.slice(dot) }\n    : { base: name, ext: '' }\n}\n\n// ── one row ─────────────────────────────────────────────────────────────────────────────────────\n\ninterface RowProps {\n  id: string\n  item: FileUploaderItem\n  preview: string | null\n  sortable: boolean\n  entering: boolean\n  disabled?: boolean\n  error?: string\n  onRemove: () => void\n  onCrop?: () => void\n  onAltText?: () => void\n  onDownload?: () => void\n  onView?: () => void\n  onPreviewError?: () => void\n}\n\nfunction Row({\n  id,\n  item,\n  preview,\n  sortable,\n  entering,\n  disabled,\n  error,\n  onRemove,\n  onCrop,\n  onAltText,\n  onDownload,\n  onView,\n  onPreviewError,\n}: RowProps) {\n  // the whole tile is the drag handle (no separate grip — matches the image-card visual)\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id,\n    disabled: !sortable,\n  })\n  const style: CSSProperties = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n  const t = useT()\n  const label = labelOf(item)\n  const { base, ext } = splitName(label)\n  const meta = item.file ? formatBytes(item.file.size) : t('fileUploader.uploaded')\n  const video = isVideoItem(item)\n\n  const downloadBtn = onDownload ? (\n    <button\n      type=\"button\"\n      className={styles.tileAction}\n      aria-label={t('fileUploader.download', { name: label })}\n      onClick={onDownload}\n      onPointerDown={(e) => e.stopPropagation()}\n    >\n      <Icon name=\"DocumentDownload\" size=\"sm\" />\n    </button>\n  ) : null\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className={clsx(\n        styles.tile,\n        sortable && styles.grabbable,\n        entering && styles.entering,\n        isDragging && styles.dragging,\n        error && styles.tileError,\n      )}\n      {...attributes}\n      {...listeners}\n    >\n      {preview ? (\n        video ? (\n          <>\n            {/* first-frame thumbnail (no controls) + a centred play badge so it reads as a video */}\n            <video\n              src={preview}\n              className={styles.tileImg}\n              muted\n              playsInline\n              preload=\"metadata\"\n              draggable={false}\n              onError={onPreviewError}\n            />\n            <span className={styles.tilePlay} aria-hidden=\"true\">\n              <Icon name=\"Play\" size=\"lg\" />\n            </span>\n          </>\n        ) : (\n          <img\n            src={preview}\n            alt=\"\"\n            className={styles.tileImg}\n            draggable={false}\n            onError={onPreviewError}\n          />\n        )\n      ) : (\n        <span className={styles.tileFallback} aria-hidden=\"true\">\n          <Icon name=\"Document\" size=\"lg\" />\n        </span>\n      )}\n\n      {/* top scrim: name/meta on the left, the remove × pinned top-right */}\n      <div className={styles.tileTop}>\n        <span className={styles.tileText}>\n          <span className={styles.name} title={label}>\n            <span className={styles.nameBase}>{base}</span>\n            {ext && <span className={styles.nameExt}>{ext}</span>}\n          </span>\n          <span className={clsx(styles.tileMeta, error && styles.metaError)}>{error ?? meta}</span>\n        </span>\n        {!disabled && (\n          <button\n            type=\"button\"\n            className={styles.tileRemove}\n            aria-label={t('fileUploader.remove', { name: label })}\n            onClick={onRemove}\n            onPointerDown={(e) => e.stopPropagation()} // don't start a drag from the remove button\n          >\n            <Icon name=\"Close\" size=\"sm\" />\n          </button>\n        )}\n      </div>\n\n      {/* bottom scrim: crop (Crop) + alt text (Text) + download on the left (crop/alt are image-only),\n          the view (Eye) fullscreen-preview button pinned bottom-right */}\n      {(onCrop || onAltText || onDownload || onView) && (\n        <div className={styles.tileBottom}>\n          {onCrop && (\n            <button\n              type=\"button\"\n              className={styles.tileAction}\n              aria-label={t('fileUploader.crop', { name: label })}\n              onClick={onCrop}\n              onPointerDown={(e) => e.stopPropagation()}\n            >\n              <Icon name=\"Crop\" size=\"sm\" />\n            </button>\n          )}\n          {onAltText && (\n            <button\n              type=\"button\"\n              className={styles.tileAction}\n              aria-label={t('fileUploader.editAlt', { name: label })}\n              onClick={onAltText}\n              onPointerDown={(e) => e.stopPropagation()}\n            >\n              <Icon name=\"Text\" size=\"sm\" />\n            </button>\n          )}\n          {downloadBtn}\n          {onView && (\n            <button\n              type=\"button\"\n              className={clsx(styles.tileAction, styles.tileActionEnd)}\n              aria-label={t('fileUploader.preview', { name: label })}\n              onClick={onView}\n              onPointerDown={(e) => e.stopPropagation()}\n            >\n              <Icon name=\"Eye\" size=\"sm\" />\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n\n// ── the field ───────────────────────────────────────────────────────────────────────────────────\n\n/**\n * A small, clean file field that **collects** files for the consumer to upload on save — it never\n * uploads itself. New picks carry their binary in `file`; already-uploaded files arrive with a\n * `source` URL. A soft dropzone panel sits above a grid of image cards (thumbnail/file-icon + name +\n * size, with overlaid remove + download buttons). `allowDrop` enables drag-from-OS (via\n * `react-dropzone`); `allowReorder` enables drag + keyboard reordering (via `@dnd-kit`); cards animate\n * in/out (via `@formkit/auto-animate`). Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`); binds to a `<Form>` by `name`. The forwarded ref points at the root.\n */\nexport const FileUploader = forwardRef<HTMLDivElement, FileUploaderProps>(function FileUploader(\n  {\n    multiple = false,\n    allowDrop = true,\n    allowReorder = true,\n    allowDownload = true,\n    allowPreview = true,\n    allowAltText = true,\n    altTextLocales,\n    localizedAltText = true,\n    allowDuplicates = false,\n    disabled = false,\n    accept,\n    maxFiles,\n    maxFileSize,\n    itemInsertLocation = 'end',\n    value,\n    defaultValue,\n    onChange,\n    label,\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    name,\n    id: idProp,\n    onBlur,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  const maxBytes = maxFileSize != null ? toBytes(maxFileSize) : undefined\n  const [notice, setNotice] = useState<string | null>(null)\n  // the rejection notice auto-dismisses so it doesn't linger forever\n  useEffect(() => {\n    if (!notice) return\n    const timer = window.setTimeout(() => setNotice(null), 4000)\n    return () => window.clearTimeout(timer)\n  }, [notice])\n\n  // Auto-bind to a surrounding <Form> by `name`. The value is a typed object/array, so read it RAW from\n  // values[name] (never field().value, which String-coerces); error/touched come from field().\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const fallback: FileUploaderValue = multiple ? [] : null\n  const externalValue: FileUploaderValue | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as FileUploaderValue | undefined) ?? fallback)\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<FileUploaderValue>(defaultValue ?? fallback)\n  const current = isControlled ? externalValue! : internal\n  const items: FileUploaderItem[] =\n    current == null ? [] : Array.isArray(current) ? current : [current]\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n  const shownHelper = notice ?? resolvedHelperText\n  const helperIsError = Boolean(notice) || resolvedError\n\n  const reorderEnabled = allowReorder && multiple && !disabled\n\n  // Stable ids per item so a row keeps its identity (and focus) across reorders.\n  const fileIds = useRef(new WeakMap<File, string>())\n  const seed = useRef(0)\n  const idOf = (item: FileUploaderItem, index: number): string => {\n    if (item.file) {\n      let id = fileIds.current.get(item.file)\n      if (!id) {\n        seed.current += 1\n        id = `f${seed.current}`\n        fileIds.current.set(item.file, id)\n      }\n      return id\n    }\n    return item.source ? `s:${item.source}` : `i:${index}`\n  }\n  const ids = items.map((item, i) => idOf(item, i))\n\n  // Ids that have already animated in, so only genuinely new rows get the entrance animation — a reorder\n  // re-inserts the moved/shifted nodes, which would otherwise restart the CSS drop-in on them.\n  const enteredIds = useRef<Set<string>>(new Set())\n  const enteringIds = new Set(ids.filter((id) => !enteredIds.current.has(id)))\n  useEffect(() => {\n    enteredIds.current = new Set(ids)\n  })\n\n  // Source URLs that failed to load as an image (so we fall back to the file icon).\n  const [failedSources, setFailedSources] = useState<ReadonlySet<string>>(() => new Set())\n  const markSourceFailed = (src: string) =>\n    setFailedSources((prev) => (prev.has(src) ? prev : new Set(prev).add(src)))\n\n  // Files whose object-URL preview failed to load (a corrupt/undecodable image) — same fallback.\n  const [failedFiles, setFailedFiles] = useState<ReadonlySet<File>>(() => new Set())\n  const markFileFailed = (file: File) =>\n    setFailedFiles((prev) => (prev.has(file) ? prev : new Set(prev).add(file)))\n\n  // Object URLs for image/video File previews, revoked when the File leaves the value / on unmount.\n  const objectUrls = useRef(new Map<File, string>())\n  const previewOf = (item: FileUploaderItem): string | null => {\n    if (item.file) {\n      const type = item.file.type\n      if (\n        (!type.startsWith('image/') && !type.startsWith('video/')) ||\n        !canMakeObjectUrl() ||\n        failedFiles.has(item.file)\n      )\n        return null\n      let url = objectUrls.current.get(item.file)\n      if (!url) {\n        url = URL.createObjectURL(item.file)\n        objectUrls.current.set(item.file, url)\n      }\n      return url\n    }\n    // an already-uploaded item is assumed to be a previewable image/video (image-first uploader); a\n    // non-media URL just falls the row back to the file icon via the <img> onError handler\n    if (item.source && !failedSources.has(item.source)) return item.source\n    return null\n  }\n  // fullscreen preview (Eye) — snapshot the media so the lightbox is self-contained. Declared above\n  // the object-URL cleanup effect below so that effect can spare the URL the lightbox is showing.\n  const [preview, setPreview] = useState<{\n    url: string\n    isVideo: boolean\n    isSvg: boolean\n    name: string\n  } | null>(null)\n  useEffect(() => {\n    const cache = objectUrls.current\n    const liveFiles = new Set(items.map((it) => it.file).filter(Boolean) as File[])\n    const liveSources = new Set(items.filter((it) => !it.file && it.source).map((it) => it.source!))\n    for (const [file, url] of cache) {\n      // don't revoke the URL the open lightbox is showing — a controlled value swap that removes the\n      // item would otherwise break the media mid-display; the deferred revoke runs once it closes\n      // (this effect re-runs on `preview` change) or on unmount\n      if (!liveFiles.has(file) && url !== preview?.url) {\n        URL.revokeObjectURL(url)\n        cache.delete(file)\n      }\n    }\n    setFailedSources((prev) => {\n      if (prev.size === 0) return prev\n      const next = new Set([...prev].filter((s) => liveSources.has(s)))\n      return next.size === prev.size ? prev : next\n    })\n  }, [current, preview]) // eslint-disable-line react-hooks/exhaustive-deps -- `current` is the value identity\n  useEffect(() => {\n    const cache = objectUrls.current\n    return () => {\n      for (const url of cache.values()) URL.revokeObjectURL(url)\n      cache.clear()\n    }\n  }, [])\n\n  const reindex = (arr: FileUploaderItem[]): FileUploaderItem[] =>\n    arr.map((it, i) => (it.sortIndex === i ? it : { ...it, sortIndex: i }))\n\n  const commit = (next: FileUploaderItem[]) => {\n    const ordered = reindex(next)\n    const out: FileUploaderValue = multiple ? ordered : (ordered[0] ?? null)\n    if (!isControlled) setInternal(out)\n    if (isFormBound) form!.setValue(name!, out)\n    onChange?.(out)\n  }\n\n  // mark the bound form field touched (the impl ignores the event — it just flips the touched flag)\n  const markTouched = () => bound?.onBlur({} as FocusEvent<HTMLInputElement>)\n\n  const t = useT()\n  // ── edit dialogs (separate Crop and Alt-text modals, opened from a card's two buttons) ────────────\n  const configLocales = useLocales()\n  const altLocales = altTextLocales ?? configLocales\n  // per-locale (default): one field per locale (falling back to a single field if none configured);\n  // non-localized: always a single field, keyed under '' (the value is a plain string)\n  const editLocales = localizedAltText && altLocales.length > 0 ? altLocales : [{ code: '' }]\n  // track the edited item by its STABLE id (not its index) so an external value change while a dialog is\n  // open — reorder/remove/refetch — can't retarget the save onto the wrong item\n  const [editId, setEditId] = useState<string | null>(null)\n  const [editMode, setEditMode] = useState<'crop' | 'altText'>('altText')\n  const editPos = editId != null ? ids.indexOf(editId) : -1\n  const editingItem = editPos !== -1 ? items[editPos] : null\n  const openCropEditor = (index: number) => {\n    setEditMode('crop')\n    setEditId(ids[index] ?? null)\n  }\n  const openAltEditor = (index: number) => {\n    setEditMode('altText')\n    setEditId(ids[index] ?? null)\n  }\n  const closeEditor = () => setEditId(null)\n\n  const openPreview = (item: FileUploaderItem) => {\n    const url = previewOf(item)\n    if (!url) return\n    // SVGs need an explicit box in the lightbox (they often lack an intrinsic pixel size)\n    const isSvg = item.file\n      ? item.file.type === 'image/svg+xml'\n      : /^data:image\\/svg/i.test(item.source ?? '') || /\\.svg(?:[?#]|$)/i.test(item.source ?? '')\n    setPreview({ url, isVideo: isVideoItem(item), isSvg, name: labelOf(item) })\n  }\n  // seed the alt-text dialog's draft from the item's current value (record vs single string)\n  const editInitialDraft: Record<string, string> = editingItem\n    ? localizedAltText\n      ? editingItem.altText && typeof editingItem.altText === 'object'\n        ? { ...editingItem.altText }\n        : {}\n      : { '': typeof editingItem.altText === 'string' ? editingItem.altText : '' }\n    : {}\n  const saveEdit = ({ draft, croppedFile }: EditDialogResult) => {\n    if (editPos === -1) return closeEditor() // the item went away under us — bail\n    commit(\n      items.map((it, i) => {\n        if (ids[i] !== editId) return it\n        const next: FileUploaderItem = { ...it }\n        // alt-text dialog → rebuild altText from the draft (localized record / single string)\n        if (draft !== undefined) {\n          if (localizedAltText) {\n            // prune empty/whitespace entries so the model isn't littered with blank locales\n            const cleaned = Object.fromEntries(\n              Object.entries(draft)\n                .map(([code, text]) => [code, text.trim()] as [string, string])\n                .filter(([, text]) => text !== ''),\n            )\n            next.altText = Object.keys(cleaned).length > 0 ? cleaned : undefined\n          } else {\n            next.altText = (draft[''] ?? '').trim() || undefined\n          }\n        }\n        // crop dialog → replace the image with the cropped File (native-res, lossless); a source item\n        // becomes a fresh pick (the cropped version uploads on save)\n        if (croppedFile) {\n          next.file = croppedFile\n          next.source = ''\n        }\n        return next\n      }),\n    )\n    closeEditor()\n  }\n\n  const addFiles = (accepted: File[], rejections: FileRejection[] = []) => {\n    // Hard rejections (the file is invalid: wrong type, or over `maxFileSize` — react-dropzone rejects\n    // both, so they never reach `accepted`) surface as a Toast error and are not added.\n    const wrongType = rejections.filter((r) => r.errors.some((e) => e.code === 'file-invalid-type'))\n    const tooLarge = rejections.filter((r) => r.errors.some((e) => e.code === 'file-too-large'))\n    if (wrongType.length > 0)\n      toast.error(\n        wrongType.length === 1\n          ? t('fileUploader.wrongTypeOne', { name: wrongType[0].file.name })\n          : t('fileUploader.wrongTypeMany', { count: wrongType.length }),\n      )\n    if (tooLarge.length > 0 && maxBytes != null)\n      toast.error(\n        tooLarge.length === 1\n          ? t('fileUploader.tooLargeOne', {\n              name: tooLarge[0].file.name,\n              size: formatBytes(maxBytes),\n            })\n          : t('fileUploader.tooLargeMany', { count: tooLarge.length, size: formatBytes(maxBytes) }),\n      )\n\n    // Soft notices (the file is valid, just not added now) stay in the inline helper slot + auto-dismiss.\n    const reasons: string[] = []\n    let taken = accepted\n    // drop files already present (same content) + intra-batch dupes, unless explicitly allowed\n    if (multiple && !allowDuplicates) {\n      const seen = new Set(items.map(itemKey))\n      const unique: File[] = []\n      for (const file of taken) {\n        const key = fileKey(file)\n        if (seen.has(key)) continue\n        seen.add(key)\n        unique.push(file)\n      }\n      if (unique.length < taken.length) reasons.push(t('fileUploader.duplicate'))\n      taken = unique\n    }\n    if (multiple && maxFiles != null) {\n      const room = Math.max(0, maxFiles - items.length)\n      if (taken.length > room) {\n        taken = taken.slice(0, room)\n        reasons.push(\n          maxFiles === 1\n            ? t('fileUploader.hintUpToOne', { count: maxFiles })\n            : t('fileUploader.hintUpToMany', { count: maxFiles }),\n        )\n      }\n    }\n\n    setNotice(reasons.length > 0 ? reasons.join(' · ') : null)\n    if (taken.length === 0) return\n    const picked = taken.map<FileUploaderItem>((file) => ({ file, source: '', sortIndex: 0 }))\n    if (!multiple) {\n      commit([picked[0]])\n      return\n    }\n    commit(itemInsertLocation === 'start' ? [...picked, ...items] : [...items, ...picked])\n  }\n  const removeAt = (index: number) => {\n    setNotice(null)\n    commit(items.filter((_, i) => i !== index))\n    // removing is an explicit interaction — mark touched so an emptied required field reveals its error\n    markTouched()\n  }\n\n  // auto-animate handles add / remove / shift on the list; it's paused during a dnd-kit drag so the two\n  // don't both animate the reorder (dnd-kit owns the drag visuals, auto-animate owns enter/exit).\n  const [listRef, enableAnimations] = useAutoAnimate(listAnimation)\n  const reEnableAnimations = () => {\n    if (typeof requestAnimationFrame === 'function')\n      requestAnimationFrame(() => enableAnimations(true))\n    else enableAnimations(true)\n  }\n  const handleDragStart = () => enableAnimations(false)\n  const handleDragCancel = () => reEnableAnimations()\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event\n    if (over && active.id !== over.id) {\n      const from = ids.indexOf(String(active.id))\n      const to = ids.indexOf(String(over.id))\n      if (from !== -1 && to !== -1) commit(arrayMove(items, from, to))\n    }\n    reEnableAnimations() // after the reorder DOM settles, so the move isn't double-animated\n  }\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),\n    useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }),\n  )\n\n  // opening the native file dialog blurs the window, which would otherwise mark the field touched and flash\n  // a \"required\" error before the user picks anything; suppress that one blur and only mark touched when the\n  // dialog is *canceled* with no selection (the real \"engaged, added nothing\" signal)\n  const fileDialogOpen = useRef(false)\n\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    multiple,\n    accept,\n    // reject oversized picks here so they never get added; the rejection surfaces as a Toast in addFiles\n    maxSize: maxBytes,\n    disabled,\n    noKeyboard: false,\n    noDrag: !allowDrop,\n    onFileDialogOpen: () => {\n      fileDialogOpen.current = true\n    },\n    onFileDialogCancel: () => {\n      fileDialogOpen.current = false\n      markTouched()\n    },\n    onDrop: (accepted, rejections) => {\n      fileDialogOpen.current = false\n      addFiles(accepted, rejections)\n    },\n  })\n\n  const showDropzone = multiple || items.length === 0\n\n  // static constraint hint shown inside the dropzone (e.g. \"Up to 5 files · Max 5 MB each\")\n  const hintParts: string[] = []\n  if (multiple && maxFiles != null)\n    hintParts.push(\n      maxFiles === 1\n        ? t('fileUploader.hintUpToOne', { count: maxFiles })\n        : t('fileUploader.hintUpToMany', { count: maxFiles }),\n    )\n  if (maxBytes != null) hintParts.push(t('fileUploader.hintMax', { size: formatBytes(maxBytes) }))\n  const hint = hintParts.join(' · ')\n\n  const prompt: ReactNode = allowDrop ? (\n    <>\n      <span className={styles.accent}>{t('fileUploader.choose')}</span>{' '}\n      {t('fileUploader.dropSuffix')}\n    </>\n  ) : (\n    <span className={styles.accent}>{t('fileUploader.choose')}</span>\n  )\n\n  // mark the field touched once focus leaves the whole widget (so blurThenLive errors reveal on blur)\n  const onRootBlur = (event: FocusEvent<HTMLDivElement>) => {\n    onBlur?.(event)\n    if (event.currentTarget.contains(event.relatedTarget as Node | null)) return\n    // opening the alt-text editor moves focus into the body-portaled Modal (outside the root); that's not\n    // focus leaving the widget, so don't mark touched (mirrors Select's portaled-popover guard)\n    if (editId != null) return\n    // the native file-dialog blur isn't \"leaving the widget\" either — consume it (touched is set instead on\n    // dialog cancel); only a genuine blur-away marks touched\n    if (fileDialogOpen.current) {\n      fileDialogOpen.current = false\n      return\n    }\n    markTouched()\n  }\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      className={clsx(\n        styles.root,\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n      aria-invalid={resolvedError || undefined}\n      aria-describedby={shownHelper != null ? helperId : undefined}\n      onBlur={onRootBlur}\n      {...props}\n      // name + tabIndex are load-bearing for the form's scroll-to-error → spread last so props can't clobber\n      {...(name ? { name, tabIndex: -1 } : {})}\n    >\n      {label != null && (\n        <label className={fieldStyles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={fieldStyles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      {showDropzone && (\n        <div\n          {...getRootProps({ className: clsx(styles.dropzone, isDragActive && styles.dropping) })}\n        >\n          <input {...getInputProps()} />\n          <span className={styles.dropIcon} aria-hidden=\"true\">\n            <Icon name=\"DocumentUpload\" size=\"lg\" />\n          </span>\n          <span className={styles.dropText}>\n            <span className={styles.prompt}>{prompt}</span>\n            {hint && <span className={styles.hint}>{hint}</span>}\n          </span>\n        </div>\n      )}\n\n      {/* always rendered (even when empty) so auto-animate can animate the last card out on removal */}\n      <DndContext\n        sensors={sensors}\n        collisionDetection={closestCenter}\n        onDragStart={reorderEnabled ? handleDragStart : undefined}\n        onDragEnd={reorderEnabled ? handleDragEnd : undefined}\n        onDragCancel={reorderEnabled ? handleDragCancel : undefined}\n      >\n        <SortableContext items={ids} strategy={rectSortingStrategy}>\n          <div ref={listRef} className={clsx(styles.list, items.length > 0 && styles.populated)}>\n            {items.map((item, index) => (\n              <Row\n                key={ids[index]}\n                id={ids[index]}\n                item={item}\n                preview={previewOf(item)}\n                sortable={reorderEnabled && items.length > 1}\n                entering={enteringIds.has(ids[index])}\n                disabled={disabled}\n                error={\n                  item.file && maxBytes != null && item.file.size > maxBytes\n                    ? t('fileUploader.exceedsLimit', { size: formatBytes(maxBytes) })\n                    : undefined\n                }\n                onRemove={() => removeAt(index)}\n                // crop + alt text are image-only — a video / PDF / doc has nothing to crop or describe\n                onCrop={\n                  allowAltText && !disabled && isImageItem(item)\n                    ? () => openCropEditor(index)\n                    : undefined\n                }\n                onAltText={\n                  allowAltText && !disabled && isImageItem(item)\n                    ? () => openAltEditor(index)\n                    : undefined\n                }\n                onDownload={allowDownload && !disabled ? () => triggerDownload(item) : undefined}\n                // fullscreen preview — image + video only (a PDF / doc has nothing to preview)\n                onView={\n                  allowPreview &&\n                  !disabled &&\n                  previewOf(item) != null &&\n                  (isImageItem(item) || isVideoItem(item))\n                    ? () => openPreview(item)\n                    : undefined\n                }\n                onPreviewError={\n                  item.file\n                    ? () => markFileFailed(item.file!)\n                    : item.source\n                      ? () => markSourceFailed(item.source!)\n                      : undefined\n                }\n              />\n            ))}\n          </div>\n        </SortableContext>\n      </DndContext>\n\n      {shownHelper != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={helperIsError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n          role=\"status\"\n          aria-live=\"polite\"\n        >\n          {shownHelper}\n        </Typography>\n      )}\n\n      {editingItem && (\n        <FileUploaderEditDialog\n          key={`${editId}:${editMode}`}\n          mode={editMode}\n          name={labelOf(editingItem)}\n          imageUrl={previewOf(editingItem)}\n          mimeType={editingItem.file?.type || 'image/png'}\n          editLocales={editLocales}\n          initialDraft={editInitialDraft}\n          onClose={closeEditor}\n          onSave={saveEdit}\n        />\n      )}\n\n      {preview && (\n        <FileUploaderPreview\n          url={preview.url}\n          isVideo={preview.isVideo}\n          isSvg={preview.isSvg}\n          name={preview.name}\n          onClose={() => setPreview(null)}\n        />\n      )}\n    </div>\n  )\n})\n"],"names":["FileUploaderEditDialog","mode","name","imageUrl","mimeType","editLocales","initialDraft","onClose","onSave","t","useT","imgRef","useRef","crop","setCrop","useState","naturalCrop","setNaturalCrop","naturalSize","setNaturalSize","draft","setDraft","cropError","setCropError","busy","setBusy","onCropChange","px","percent","img","sx","sy","buildCroppedFile","image","canvas","ctx","blob","resolve","handleSave","croppedFile","jsx","Modal","jsxs","Fragment","Button","styles","Typography","ReactCrop","e","l","TextField","d","FileUploaderPreview","url","isVideo","isSvg","Overlay","Icon","clsx","canMakeObjectUrl","ANIM_MS","listAnimation","el","action","oldCoords","newCoords","keyframes","duration","dx","dy","formatBytes","bytes","units","value","i","toBytes","size","match","fileKey","file","itemKey","item","labelOf","isImageItem","src","isVideoItem","triggerDownload","a","splitName","dot","Row","id","preview","sortable","entering","disabled","error","onRemove","onCrop","onAltText","onDownload","onView","onPreviewError","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","label","base","ext","meta","video","downloadBtn","FileUploader","forwardRef","multiple","allowDrop","allowReorder","allowDownload","allowPreview","allowAltText","altTextLocales","localizedAltText","allowDuplicates","accept","maxFiles","maxFileSize","itemInsertLocation","defaultValue","onChange","helperText","required","fullWidth","idProp","onBlur","className","props","ref","reactId","useId","helperId","maxBytes","notice","setNotice","useEffect","timer","form","useFormContext","isFormBound","bound","fallback","externalValue","isControlled","internal","setInternal","current","items","resolvedError","resolvedHelperText","shownHelper","helperIsError","reorderEnabled","fileIds","seed","idOf","index","ids","enteredIds","enteringIds","failedSources","setFailedSources","markSourceFailed","prev","failedFiles","setFailedFiles","markFileFailed","objectUrls","previewOf","type","setPreview","cache","liveFiles","it","liveSources","next","s","reindex","arr","commit","ordered","out","markTouched","configLocales","useLocales","altLocales","editId","setEditId","editMode","setEditMode","editPos","editingItem","openCropEditor","openAltEditor","closeEditor","openPreview","editInitialDraft","saveEdit","cleaned","code","text","addFiles","accepted","rejections","wrongType","r","tooLarge","toast","reasons","taken","seen","unique","key","room","picked","removeAt","_","listRef","enableAnimations","useAutoAnimate","reEnableAnimations","handleDragStart","handleDragCancel","handleDragEnd","event","active","over","from","to","arrayMove","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","fileDialogOpen","getRootProps","getInputProps","isDragActive","useDropzone","showDropzone","hintParts","hint","prompt","onRootBlur","fieldStyles","DndContext","closestCenter","SortableContext","rectSortingStrategy","_a"],"mappings":"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"}

package/dist/Flag-BWCX6oSR.js

@@ -0,0 +1,24 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { clsx as g } from "clsx";
+import { f as m } from "./messages-C-zecFBE.js";
+const i = "_flag_14ypt_1", p = {
+  flag: i
+}, x = e(function({ code: t, size: a = 16, className: o, style: l, ...s }, f) {
+  const r = m(t);
+  return r ? /* @__PURE__ */ n(
+    "span",
+    {
+      ref: f,
+      className: g(p.flag, o),
+      style: { "--tz-flag-height": `${a}px`, ...l },
+      "aria-hidden": "true",
+      dangerouslySetInnerHTML: { __html: r },
+      ...s
+    }
+  ) : null;
+});
+export {
+  x as F
+};
+//# sourceMappingURL=Flag-BWCX6oSR.js.map

package/dist/Flag-BWCX6oSR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flag-BWCX6oSR.js","sources":["../src/components/Flag/Flag.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes } from 'react'\nimport { clsx } from 'clsx'\nimport { flagFor } from '../../i18n/messages'\nimport styles from './Flag.module.css'\n\nexport interface FlagProps extends HTMLAttributes<HTMLSpanElement> {\n  /** UI-language code (e.g. `'ka-GE'`); the flag is matched by base language via `flagFor`. */\n  code: string\n  /** Flag height in px (width follows the 4:3 flag ratio). Defaults to `16`. */\n  size?: number\n}\n\n/**\n * A small rounded country/language flag, rendered from the library's built-in flag registry\n * (`flagFor(code)`, matched by base language). The SVG is library-shipped (trusted), so it's injected as\n * markup; the component renders **nothing** when the language has no shipped flag. Used by the shell's\n * header language switcher, but public for any language UI.\n */\nexport const Flag = forwardRef<HTMLSpanElement, FlagProps>(function Flag(\n  { code, size = 16, className, style, ...props },\n  ref,\n) {\n  const svg = flagFor(code)\n  if (!svg) return null\n  return (\n    <span\n      ref={ref}\n      className={clsx(styles.flag, className)}\n      style={{ '--tz-flag-height': `${size}px`, ...style } as CSSProperties}\n      aria-hidden=\"true\"\n      dangerouslySetInnerHTML={{ __html: svg }}\n      {...props}\n    />\n  )\n})\n"],"names":["Flag","forwardRef","code","size","className","style","props","ref","svg","flagFor","jsx","clsx","styles"],"mappings":";;;;;;GAkBaA,IAAOC,EAAuC,SACzD,EAAE,MAAAC,GAAM,MAAAC,IAAO,IAAI,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GACxCC,GACA;AACA,QAAMC,IAAMC,EAAQP,CAAI;AACxB,SAAKM,IAEH,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,WAAWI,EAAKC,EAAO,MAAMR,CAAS;AAAA,MACtC,OAAO,EAAE,oBAAoB,GAAGD,CAAI,MAAM,GAAGE,EAAA;AAAA,MAC7C,eAAY;AAAA,MACZ,yBAAyB,EAAE,QAAQG,EAAA;AAAA,MAClC,GAAGF;AAAA,IAAA;AAAA,EAAA,IARS;AAWnB,CAAC;"}

package/dist/Flag-EPZOrH-U.cjs

@@ -0,0 +1,2 @@
+"use strict";const c=require("react/jsx-runtime"),g=require("react"),o=require("clsx"),u=require("./messages-Cy-qK5xU.cjs"),i="_flag_14ypt_1",f={flag:i},x=g.forwardRef(function({code:s,size:t=16,className:r,style:n,...a},l){const e=u.flagFor(s);return e?c.jsx("span",{ref:l,className:o.clsx(f.flag,r),style:{"--tz-flag-height":`${t}px`,...n},"aria-hidden":"true",dangerouslySetInnerHTML:{__html:e},...a}):null});exports.Flag=x;
+//# sourceMappingURL=Flag-EPZOrH-U.cjs.map

package/dist/Flag-EPZOrH-U.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flag-EPZOrH-U.cjs","sources":["../src/components/Flag/Flag.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes } from 'react'\nimport { clsx } from 'clsx'\nimport { flagFor } from '../../i18n/messages'\nimport styles from './Flag.module.css'\n\nexport interface FlagProps extends HTMLAttributes<HTMLSpanElement> {\n  /** UI-language code (e.g. `'ka-GE'`); the flag is matched by base language via `flagFor`. */\n  code: string\n  /** Flag height in px (width follows the 4:3 flag ratio). Defaults to `16`. */\n  size?: number\n}\n\n/**\n * A small rounded country/language flag, rendered from the library's built-in flag registry\n * (`flagFor(code)`, matched by base language). The SVG is library-shipped (trusted), so it's injected as\n * markup; the component renders **nothing** when the language has no shipped flag. Used by the shell's\n * header language switcher, but public for any language UI.\n */\nexport const Flag = forwardRef<HTMLSpanElement, FlagProps>(function Flag(\n  { code, size = 16, className, style, ...props },\n  ref,\n) {\n  const svg = flagFor(code)\n  if (!svg) return null\n  return (\n    <span\n      ref={ref}\n      className={clsx(styles.flag, className)}\n      style={{ '--tz-flag-height': `${size}px`, ...style } as CSSProperties}\n      aria-hidden=\"true\"\n      dangerouslySetInnerHTML={{ __html: svg }}\n      {...props}\n    />\n  )\n})\n"],"names":["Flag","forwardRef","code","size","className","style","props","ref","svg","flagFor","jsx","clsx","styles"],"mappings":"yJAkBaA,EAAOC,EAAAA,WAAuC,SACzD,CAAE,KAAAC,EAAM,KAAAC,EAAO,GAAI,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EACxCC,EACA,CACA,MAAMC,EAAMC,EAAAA,QAAQP,CAAI,EACxB,OAAKM,EAEHE,EAAAA,IAAC,OAAA,CACC,IAAAH,EACA,UAAWI,EAAAA,KAAKC,EAAO,KAAMR,CAAS,EACtC,MAAO,CAAE,mBAAoB,GAAGD,CAAI,KAAM,GAAGE,CAAA,EAC7C,cAAY,OACZ,wBAAyB,CAAE,OAAQG,CAAA,EAClC,GAAGF,CAAA,CAAA,EARS,IAWnB,CAAC"}

package/dist/Flex-Bj3mMF5A.js

@@ -0,0 +1,50 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+const y = /* @__PURE__ */ new Set(["xxs", "xs", "sm", "md", "lg", "xl", "xxl"]), b = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  stretch: "stretch",
+  baseline: "baseline"
+}, w = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  between: "space-between",
+  around: "space-around",
+  evenly: "space-evenly"
+};
+function s(e) {
+  if (e != null)
+    return typeof e == "number" ? `${e}px` : y.has(e) ? `var(--tz-space-${e})` : e;
+}
+const h = u(function({
+  direction: l = "row",
+  gap: f,
+  align: n,
+  justify: r,
+  wrap: a = !1,
+  padding: o,
+  inline: x = !1,
+  grow: t,
+  style: c,
+  ...i
+}, d) {
+  const p = {
+    display: x ? "inline-flex" : "flex",
+    flexDirection: l,
+    gap: s(f),
+    alignItems: n && b[n],
+    justifyContent: r && w[r],
+    flexWrap: a ? "wrap" : void 0,
+    padding: s(o),
+    flexGrow: t === !0 ? 1 : t === !1 ? void 0 : t,
+    ...c
+  };
+  return /* @__PURE__ */ m("div", { ref: d, style: p, ...i });
+});
+export {
+  h as F,
+  s
+};
+//# sourceMappingURL=Flex-Bj3mMF5A.js.map

package/dist/Flex-Bj3mMF5A.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex-Bj3mMF5A.js","sources":["../src/components/Flex/Flex.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes } from 'react'\n\n/** A space value: a `--tz-space-*` scale key, a raw number (px), or any CSS length string. */\nexport type Spacing = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | number | (string & {})\nexport type FlexDirection = 'row' | 'column'\nexport type FlexAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline'\nexport type FlexJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\n\nconst SCALE = new Set(['xxs', 'xs', 'sm', 'md', 'lg', 'xl', 'xxl'])\nconst ALIGN: Record<FlexAlign, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  stretch: 'stretch',\n  baseline: 'baseline',\n}\nconst JUSTIFY: Record<FlexJustify, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  between: 'space-between',\n  around: 'space-around',\n  evenly: 'space-evenly',\n}\n\n/** Resolve a `Spacing` to a CSS value — scale key → token, number → px, else passthrough. */\nexport function space(value?: Spacing): string | undefined {\n  if (value == null) return undefined\n  if (typeof value === 'number') return `${value}px`\n  return SCALE.has(value) ? `var(--tz-space-${value})` : value\n}\n\nexport interface FlexProps extends HTMLAttributes<HTMLDivElement> {\n  /** Main axis. `row` (default) or `column`. */\n  direction?: FlexDirection\n  /** Gap between children (token key, px number, or CSS value). */\n  gap?: Spacing\n  /** `align-items`. */\n  align?: FlexAlign\n  /** `justify-content`. */\n  justify?: FlexJustify\n  /** Allow children to wrap onto multiple lines. */\n  wrap?: boolean\n  /** Padding (token key, px number, or CSS value — e.g. `\"24px 8px\"`). */\n  padding?: Spacing\n  /** Render as `inline-flex` instead of `flex`. */\n  inline?: boolean\n  /** The box's own `flex-grow` (when this Flex is itself a flex child). `true` = `1`. */\n  grow?: boolean | number\n}\n\n/**\n * A flexbox layout primitive — set direction/gap/alignment/padding via props instead of inline styles.\n * `Row` and `Col` are thin presets over it. Spacing accepts `--tz-space-*` keys (`\"md\"`), raw px\n * numbers, or any CSS value; consumer `style` still merges last.\n */\nexport const Flex = forwardRef<HTMLDivElement, FlexProps>(function Flex(\n  {\n    direction = 'row',\n    gap,\n    align,\n    justify,\n    wrap = false,\n    padding,\n    inline = false,\n    grow,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const flexStyle: CSSProperties = {\n    display: inline ? 'inline-flex' : 'flex',\n    flexDirection: direction,\n    gap: space(gap),\n    alignItems: align && ALIGN[align],\n    justifyContent: justify && JUSTIFY[justify],\n    flexWrap: wrap ? 'wrap' : undefined,\n    padding: space(padding),\n    flexGrow: grow === true ? 1 : grow === false ? undefined : grow,\n    ...style,\n  }\n  return <div ref={ref} style={flexStyle} {...props} />\n})\n"],"names":["SCALE","ALIGN","JUSTIFY","space","value","Flex","forwardRef","direction","gap","align","justify","wrap","padding","inline","grow","style","props","ref","flexStyle"],"mappings":";;AAQA,MAAMA,IAAQ,oBAAI,IAAI,CAAC,OAAO,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK,CAAC,GAC5DC,IAAmC;AAAA,EACvC,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AAAA,EACT,UAAU;AACZ,GACMC,IAAuC;AAAA,EAC3C,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV;AAGO,SAASC,EAAMC,GAAqC;AACzD,MAAIA,KAAS;AACb,WAAI,OAAOA,KAAU,WAAiB,GAAGA,CAAK,OACvCJ,EAAM,IAAII,CAAK,IAAI,kBAAkBA,CAAK,MAAMA;AACzD;AA0BO,MAAMC,IAAOC,EAAsC,SACxD;AAAA,EACE,WAAAC,IAAY;AAAA,EACZ,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAA2B;AAAA,IAC/B,SAASL,IAAS,gBAAgB;AAAA,IAClC,eAAeN;AAAA,IACf,KAAKJ,EAAMK,CAAG;AAAA,IACd,YAAYC,KAASR,EAAMQ,CAAK;AAAA,IAChC,gBAAgBC,KAAWR,EAAQQ,CAAO;AAAA,IAC1C,UAAUC,IAAO,SAAS;AAAA,IAC1B,SAASR,EAAMS,CAAO;AAAA,IACtB,UAAUE,MAAS,KAAO,IAAIA,MAAS,KAAQ,SAAYA;AAAA,IAC3D,GAAGC;AAAA,EAAA;AAEL,2BAAQ,OAAA,EAAI,KAAAE,GAAU,OAAOC,GAAY,GAAGF,GAAO;AACrD,CAAC;"}

package/dist/Flex-CqL3Ghda.cjs

@@ -0,0 +1,2 @@
+"use strict";const u=require("react/jsx-runtime"),y=require("react"),b=new Set(["xxs","xs","sm","md","lg","xl","xxl"]),m={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch",baseline:"baseline"},w={start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around",evenly:"space-evenly"};function n(e){if(e!=null)return typeof e=="number"?`${e}px`:b.has(e)?`var(--tz-space-${e})`:e}const F=y.forwardRef(function({direction:c="row",gap:l,align:s,justify:r,wrap:x=!1,padding:a,inline:f=!1,grow:t,style:i,...o},d){const p={display:f?"inline-flex":"flex",flexDirection:c,gap:n(l),alignItems:s&&m[s],justifyContent:r&&w[r],flexWrap:x?"wrap":void 0,padding:n(a),flexGrow:t===!0?1:t===!1?void 0:t,...i};return u.jsx("div",{ref:d,style:p,...o})});exports.Flex=F;exports.space=n;
+//# sourceMappingURL=Flex-CqL3Ghda.cjs.map

package/dist/Flex-CqL3Ghda.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex-CqL3Ghda.cjs","sources":["../src/components/Flex/Flex.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes } from 'react'\n\n/** A space value: a `--tz-space-*` scale key, a raw number (px), or any CSS length string. */\nexport type Spacing = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | number | (string & {})\nexport type FlexDirection = 'row' | 'column'\nexport type FlexAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline'\nexport type FlexJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\n\nconst SCALE = new Set(['xxs', 'xs', 'sm', 'md', 'lg', 'xl', 'xxl'])\nconst ALIGN: Record<FlexAlign, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  stretch: 'stretch',\n  baseline: 'baseline',\n}\nconst JUSTIFY: Record<FlexJustify, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  between: 'space-between',\n  around: 'space-around',\n  evenly: 'space-evenly',\n}\n\n/** Resolve a `Spacing` to a CSS value — scale key → token, number → px, else passthrough. */\nexport function space(value?: Spacing): string | undefined {\n  if (value == null) return undefined\n  if (typeof value === 'number') return `${value}px`\n  return SCALE.has(value) ? `var(--tz-space-${value})` : value\n}\n\nexport interface FlexProps extends HTMLAttributes<HTMLDivElement> {\n  /** Main axis. `row` (default) or `column`. */\n  direction?: FlexDirection\n  /** Gap between children (token key, px number, or CSS value). */\n  gap?: Spacing\n  /** `align-items`. */\n  align?: FlexAlign\n  /** `justify-content`. */\n  justify?: FlexJustify\n  /** Allow children to wrap onto multiple lines. */\n  wrap?: boolean\n  /** Padding (token key, px number, or CSS value — e.g. `\"24px 8px\"`). */\n  padding?: Spacing\n  /** Render as `inline-flex` instead of `flex`. */\n  inline?: boolean\n  /** The box's own `flex-grow` (when this Flex is itself a flex child). `true` = `1`. */\n  grow?: boolean | number\n}\n\n/**\n * A flexbox layout primitive — set direction/gap/alignment/padding via props instead of inline styles.\n * `Row` and `Col` are thin presets over it. Spacing accepts `--tz-space-*` keys (`\"md\"`), raw px\n * numbers, or any CSS value; consumer `style` still merges last.\n */\nexport const Flex = forwardRef<HTMLDivElement, FlexProps>(function Flex(\n  {\n    direction = 'row',\n    gap,\n    align,\n    justify,\n    wrap = false,\n    padding,\n    inline = false,\n    grow,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const flexStyle: CSSProperties = {\n    display: inline ? 'inline-flex' : 'flex',\n    flexDirection: direction,\n    gap: space(gap),\n    alignItems: align && ALIGN[align],\n    justifyContent: justify && JUSTIFY[justify],\n    flexWrap: wrap ? 'wrap' : undefined,\n    padding: space(padding),\n    flexGrow: grow === true ? 1 : grow === false ? undefined : grow,\n    ...style,\n  }\n  return <div ref={ref} style={flexStyle} {...props} />\n})\n"],"names":["SCALE","ALIGN","JUSTIFY","space","value","Flex","forwardRef","direction","gap","align","justify","wrap","padding","inline","grow","style","props","ref","flexStyle"],"mappings":"qEAQMA,EAAQ,IAAI,IAAI,CAAC,MAAO,KAAM,KAAM,KAAM,KAAM,KAAM,KAAK,CAAC,EAC5DC,EAAmC,CACvC,MAAO,aACP,OAAQ,SACR,IAAK,WACL,QAAS,UACT,SAAU,UACZ,EACMC,EAAuC,CAC3C,MAAO,aACP,OAAQ,SACR,IAAK,WACL,QAAS,gBACT,OAAQ,eACR,OAAQ,cACV,EAGO,SAASC,EAAMC,EAAqC,CACzD,GAAIA,GAAS,KACb,OAAI,OAAOA,GAAU,SAAiB,GAAGA,CAAK,KACvCJ,EAAM,IAAII,CAAK,EAAI,kBAAkBA,CAAK,IAAMA,CACzD,CA0BO,MAAMC,EAAOC,EAAAA,WAAsC,SACxD,CACE,UAAAC,EAAY,MACZ,IAAAC,EACA,MAAAC,EACA,QAAAC,EACA,KAAAC,EAAO,GACP,QAAAC,EACA,OAAAC,EAAS,GACT,KAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAA2B,CAC/B,QAASL,EAAS,cAAgB,OAClC,cAAeN,EACf,IAAKJ,EAAMK,CAAG,EACd,WAAYC,GAASR,EAAMQ,CAAK,EAChC,eAAgBC,GAAWR,EAAQQ,CAAO,EAC1C,SAAUC,EAAO,OAAS,OAC1B,QAASR,EAAMS,CAAO,EACtB,SAAUE,IAAS,GAAO,EAAIA,IAAS,GAAQ,OAAYA,EAC3D,GAAGC,CAAA,EAEL,aAAQ,MAAA,CAAI,IAAAE,EAAU,MAAOC,EAAY,GAAGF,EAAO,CACrD,CAAC"}

package/dist/FloatingPanel-BG9Uag__.js

@@ -0,0 +1,131 @@
+import { jsx as K } from "react/jsx-runtime";
+import { useRef as O, useState as k, useCallback as S, useLayoutEffect as W, useEffect as A, forwardRef as g } from "react";
+import { createPortal as z } from "react-dom";
+import { clsx as B } from "clsx";
+import { u as _ } from "./useLockBodyScroll-DwBILLPK.js";
+const l = 8, M = 6;
+function q({
+  open: a,
+  triggerRef: i,
+  align: p = "start",
+  onClose: v
+}) {
+  const c = O(null), [P, x] = k(null), [D, h] = k(!1);
+  _(a);
+  const u = S(() => {
+    const r = i.current, n = c.current;
+    if (!r || !n) return;
+    const e = r.getBoundingClientRect(), d = n.offsetHeight, s = window.innerHeight, f = window.innerWidth, t = s - e.bottom - M - l, y = e.top - M - l;
+    let m = "bottom";
+    d > t && y > t && (m = "top");
+    const E = Math.max(0, m === "bottom" ? t : y), L = Math.min(d, E);
+    let o = m === "bottom" ? e.bottom + M : e.top - M - L;
+    o = Math.min(
+      Math.max(o, l),
+      Math.max(l, s - l - L)
+    );
+    const w = n.offsetWidth, b = p === "end" ? e.right - w : e.left, F = Math.min(
+      Math.max(b, l),
+      Math.max(l, f - l - w)
+    );
+    x({ top: o, left: F, width: e.width, side: m, maxHeight: E });
+  }, [i, p]);
+  return W(() => {
+    if (!a) {
+      h(!1);
+      return;
+    }
+    u();
+  }, [a, u]), A(() => {
+    if (!a) return;
+    const r = requestAnimationFrame(() => h(!0)), n = () => u();
+    window.addEventListener("resize", n), window.addEventListener("scroll", n, !0);
+    let e;
+    return typeof ResizeObserver < "u" && (e = new ResizeObserver(n), c.current && e.observe(c.current), i.current && e.observe(i.current)), () => {
+      cancelAnimationFrame(r), window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0), e == null || e.disconnect();
+    };
+  }, [a, u, i]), A(() => {
+    if (!a) return;
+    const r = (e) => {
+      var s, f, t;
+      const d = e.target;
+      (s = i.current) != null && s.contains(d) || (f = c.current) != null && f.contains(d) || v(!!((t = c.current) != null && t.contains(document.activeElement)));
+    }, n = (e) => {
+      e.key === "Escape" && v(!0);
+    };
+    return document.addEventListener("pointerdown", r, !0), document.addEventListener("keydown", n), () => {
+      document.removeEventListener("pointerdown", r, !0), document.removeEventListener("keydown", n);
+    };
+  }, [a, v, i]), { popoverRef: c, position: P, visible: D, reposition: u };
+}
+const T = "_panel_1cr9q_5", I = {
+  panel: T
+}, N = 'a[href]:not([tabindex="-1"]), button:not([tabindex="-1"]):not(:disabled), input:not([tabindex="-1"]):not(:disabled), select:not([tabindex="-1"]):not(:disabled), textarea:not([tabindex="-1"]):not(:disabled), [tabindex="0"]', U = g(function({
+  open: i,
+  triggerRef: p,
+  align: v,
+  onClose: c,
+  id: P,
+  role: x,
+  ariaLabel: D,
+  trapFocus: h = !1,
+  matchTriggerWidth: u = !1,
+  width: r,
+  className: n,
+  style: e,
+  children: d
+}, s) {
+  const {
+    popoverRef: f,
+    position: t,
+    visible: y
+  } = q({
+    open: i,
+    triggerRef: p,
+    align: v,
+    onClose: c
+  }), m = (o) => {
+    f.current = o, typeof s == "function" ? s(o) : s && (s.current = o);
+  }, E = (o) => {
+    if (o.key !== "Tab") return;
+    const w = f.current;
+    if (!w) return;
+    const b = w.querySelectorAll(N);
+    if (b.length === 0) return;
+    const F = b[0], H = b[b.length - 1];
+    o.shiftKey && document.activeElement === F ? (o.preventDefault(), H.focus()) : !o.shiftKey && document.activeElement === H && (o.preventDefault(), F.focus());
+  };
+  if (!i) return null;
+  const L = r ?? (u ? t == null ? void 0 : t.width : void 0);
+  return z(
+    /* @__PURE__ */ K(
+      "div",
+      {
+        ref: m,
+        id: P,
+        className: B(I.panel, n),
+        role: x,
+        "aria-modal": x === "dialog" && h ? !0 : void 0,
+        "aria-label": D,
+        "data-open": y ? "true" : "false",
+        "data-side": (t == null ? void 0 : t.side) ?? "bottom",
+        onKeyDown: h ? E : void 0,
+        style: {
+          position: "fixed",
+          top: (t == null ? void 0 : t.top) ?? 0,
+          left: (t == null ? void 0 : t.left) ?? 0,
+          width: L,
+          maxHeight: t == null ? void 0 : t.maxHeight,
+          visibility: t ? "visible" : "hidden",
+          ...e
+        },
+        children: d
+      }
+    ),
+    document.body
+  );
+});
+export {
+  U as F
+};
+//# sourceMappingURL=FloatingPanel-BG9Uag__.js.map

package/dist/FloatingPanel-BG9Uag__.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingPanel-BG9Uag__.js","sources":["../src/hooks/useFloatingPanel.ts","../src/components/FloatingPanel/FloatingPanel.tsx"],"sourcesContent":["import { useCallback, useEffect, useLayoutEffect, useRef, useState, type RefObject } from 'react'\nimport { useLockBodyScroll } from './useLockBodyScroll'\n\n/** Geometry computed for a floating panel anchored to a trigger. */\nexport interface FloatingPanelPosition {\n  top: number\n  left: number\n  width: number\n  side: 'top' | 'bottom'\n  maxHeight: number\n}\n\nconst VIEWPORT_PADDING = 8\nconst OFFSET = 6\n\nexport interface UseFloatingPanelOptions {\n  /** Whether the panel is open. */\n  open: boolean\n  /** Ref to the anchor/trigger element. */\n  triggerRef: RefObject<HTMLElement | null>\n  /**\n   * Horizontal alignment to the trigger: `start` (panel's left edge at the trigger's left — grows\n   * right, the default) or `end` (panel's right edge at the trigger's right — grows left).\n   */\n  align?: 'start' | 'end'\n  /**\n   * Dismiss request. Outside-pointerdown passes whether focus was parked inside the panel (so the\n   * consumer can restore focus to the trigger); Escape passes `true`.\n   */\n  onClose: (refocus: boolean) => void\n}\n\nexport interface UseFloatingPanelResult {\n  /** Attach to the portaled panel element. */\n  popoverRef: RefObject<HTMLDivElement | null>\n  /** Computed geometry (null until first measured). */\n  position: FloatingPanelPosition | null\n  /** Enter-animation flag (rAF-driven once open). */\n  visible: boolean\n  /** Force a re-measure (rarely needed — scroll/resize/ResizeObserver already drive it). */\n  reposition: () => void\n}\n\n/**\n * Shared floating-panel plumbing — a `<body>`-portaled panel that opens below its trigger (flips above\n * only when it would overflow), exposes the trigger width (for select-like matching), clamps to the\n * viewport, re-positions on scroll/resize (+ `ResizeObserver`), locks page scroll while open, and\n * dismisses on outside-pointerdown / `Escape`. The consumer owns the trigger ref, the `open` state, and\n * the `onClose` cleanup; this hook owns the panel ref, geometry, the enter-animation flag, and the\n * listeners. Wrapped by the internal `FloatingPanel` component, which every popover in the library\n * (`Select` / `MultiSelect`, the date/time pickers, `ColorPicker`) renders. Internal (not public).\n */\nexport function useFloatingPanel({\n  open,\n  triggerRef,\n  align = 'start',\n  onClose,\n}: UseFloatingPanelOptions): UseFloatingPanelResult {\n  const popoverRef = useRef<HTMLDivElement | null>(null)\n  const [position, setPosition] = useState<FloatingPanelPosition | null>(null)\n  const [visible, setVisible] = useState(false)\n\n  useLockBodyScroll(open)\n\n  const reposition = useCallback(() => {\n    const trigger = triggerRef.current\n    const panel = popoverRef.current\n    if (!trigger || !panel) return\n    const rect = trigger.getBoundingClientRect()\n    const panelH = panel.offsetHeight\n    const vh = window.innerHeight\n    const vw = window.innerWidth\n\n    const spaceBelow = vh - rect.bottom - OFFSET - VIEWPORT_PADDING\n    const spaceAbove = rect.top - OFFSET - VIEWPORT_PADDING\n    // prefer below; flip up only when below can't fit AND above has more room\n    let side: 'top' | 'bottom' = 'bottom'\n    if (panelH > spaceBelow && spaceAbove > spaceBelow) side = 'top'\n\n    const maxHeight = Math.max(0, side === 'bottom' ? spaceBelow : spaceAbove)\n    const usedH = Math.min(panelH, maxHeight)\n    let top = side === 'bottom' ? rect.bottom + OFFSET : rect.top - OFFSET - usedH\n    top = Math.min(\n      Math.max(top, VIEWPORT_PADDING),\n      Math.max(VIEWPORT_PADDING, vh - VIEWPORT_PADDING - usedH),\n    )\n    // clamp using the panel's actual width (a panel can be wider than its trigger, e.g. a calendar);\n    // `width` returns the trigger width for consumers that match it (Select/MultiSelect).\n    const panelW = panel.offsetWidth\n    // `end` pins the panel's right edge to the trigger's right (grows left); `start` pins left (grows right)\n    const baseLeft = align === 'end' ? rect.right - panelW : rect.left\n    const left = Math.min(\n      Math.max(baseLeft, VIEWPORT_PADDING),\n      Math.max(VIEWPORT_PADDING, vw - VIEWPORT_PADDING - panelW),\n    )\n    setPosition({ top, left, width: rect.width, side, maxHeight })\n  }, [triggerRef, align])\n\n  useLayoutEffect(() => {\n    if (!open) {\n      setVisible(false)\n      return\n    }\n    reposition()\n  }, [open, reposition])\n\n  useEffect(() => {\n    if (!open) return\n    const raf = requestAnimationFrame(() => setVisible(true))\n    const onReposition = () => reposition()\n    window.addEventListener('resize', onReposition)\n    window.addEventListener('scroll', onReposition, true)\n    let ro: ResizeObserver | undefined\n    if (typeof ResizeObserver !== 'undefined') {\n      ro = new ResizeObserver(onReposition)\n      if (popoverRef.current) ro.observe(popoverRef.current)\n      if (triggerRef.current) ro.observe(triggerRef.current)\n    }\n    return () => {\n      cancelAnimationFrame(raf)\n      window.removeEventListener('resize', onReposition)\n      window.removeEventListener('scroll', onReposition, true)\n      ro?.disconnect()\n    }\n  }, [open, reposition, triggerRef])\n\n  useEffect(() => {\n    if (!open) return\n    const onPointerDown = (e: PointerEvent) => {\n      const t = e.target as Node\n      if (triggerRef.current?.contains(t) || popoverRef.current?.contains(t)) return\n      // restore focus to the trigger only if it was parked inside the panel (e.g. a search box)\n      onClose(!!popoverRef.current?.contains(document.activeElement))\n    }\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose(true)\n    }\n    document.addEventListener('pointerdown', onPointerDown, true)\n    document.addEventListener('keydown', onKey)\n    return () => {\n      document.removeEventListener('pointerdown', onPointerDown, true)\n      document.removeEventListener('keydown', onKey)\n    }\n  }, [open, onClose, triggerRef])\n\n  return { popoverRef, position, visible, reposition }\n}\n","import {\n  forwardRef,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  type RefObject,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { clsx } from 'clsx'\nimport { useFloatingPanel } from '../../hooks/useFloatingPanel'\nimport styles from './FloatingPanel.module.css'\n\nexport interface FloatingPanelProps {\n  /** Whether the panel is open — gates the portal and drives the enter animation. */\n  open: boolean\n  /** Ref to the anchor/trigger element the panel is positioned against. */\n  triggerRef: RefObject<HTMLElement | null>\n  /** Horizontal alignment to the trigger: `start` (default, grows right) or `end` (grows left). */\n  align?: 'start' | 'end'\n  /** Dismiss request: outside-pointerdown (arg = restore focus to the trigger?) or Escape (`true`). */\n  onClose: (refocus: boolean) => void\n  /** `id` for the panel element — pair with the trigger's `aria-controls`. */\n  id?: string\n  /** ARIA role for the panel element (e.g. `'dialog'`). Omit for a plain wrapper (e.g. around a listbox). */\n  role?: string\n  /** Accessible label, paired with `role`. */\n  ariaLabel?: string\n  /** Trap Tab focus inside the panel + mark it `aria-modal` (for modal dialogs like the date pickers). */\n  trapFocus?: boolean\n  /** Constrain the panel to the trigger's width (select-like). */\n  matchTriggerWidth?: boolean\n  /** Fixed panel width (px number or any CSS width). Wins over `matchTriggerWidth`. */\n  width?: number | string\n  /** Class(es) for the panel element, merged after the shared chrome (layout overrides live here). */\n  className?: string\n  /** Inline style merged onto the panel (e.g. a custom CSS var). */\n  style?: CSSProperties\n  /** Panel content. */\n  children: ReactNode\n}\n\n/** Focusable descendants used by the optional focus trap. */\n// include inputs/selects/textareas/links — picker panels (DatePicker/ColorPicker/…) contain text\n// inputs, and a button-only selector let Shift+Tab escape the trap into the scroll-locked page\nconst FOCUSABLE =\n  'a[href]:not([tabindex=\"-1\"]), button:not([tabindex=\"-1\"]):not(:disabled), input:not([tabindex=\"-1\"]):not(:disabled), select:not([tabindex=\"-1\"]):not(:disabled), textarea:not([tabindex=\"-1\"]):not(:disabled), [tabindex=\"0\"]'\n\n/**\n * The shared floating popover used across the library — `Select` / `MultiSelect`, the date/time\n * pickers, `ColorPicker`, and the public `Popover`. Wraps `useFloatingPanel` and renders a `<body>`-portaled, viewport-clamped\n * panel that opens below its trigger (flips above only when it would overflow), locks page scroll while\n * open, animates in (opacity + translate, keyed off `data-open`/`data-side`), and dismisses on\n * outside-pointerdown / `Escape`. Optionally **traps Tab focus** (`trapFocus`, for modal dialogs — also\n * sets `aria-modal`). The forwarded ref points at the panel element, so a consumer can still read it for\n * blur/focus bookkeeping. Internal (not part of the public component surface).\n */\nexport const FloatingPanel = forwardRef<HTMLDivElement, FloatingPanelProps>(function FloatingPanel(\n  {\n    open,\n    triggerRef,\n    align,\n    onClose,\n    id,\n    role,\n    ariaLabel,\n    trapFocus = false,\n    matchTriggerWidth = false,\n    width,\n    className,\n    style,\n    children,\n  },\n  forwardedRef,\n) {\n  const {\n    popoverRef,\n    position: pos,\n    visible,\n  } = useFloatingPanel({\n    open,\n    triggerRef,\n    align,\n    onClose,\n  })\n\n  // attach the panel node to both the hook's ref (for positioning) and the forwarded ref (for the\n  // consumer's blur/focus bookkeeping)\n  const setRef = (node: HTMLDivElement | null) => {\n    popoverRef.current = node\n    if (typeof forwardedRef === 'function') forwardedRef(node)\n    else if (forwardedRef) forwardedRef.current = node\n  }\n\n  // trap Tab within the dialog so focus can't strand on the scroll-locked page behind it\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.key !== 'Tab') return\n    const panel = popoverRef.current\n    if (!panel) return\n    const focusables = panel.querySelectorAll<HTMLElement>(FOCUSABLE)\n    if (focusables.length === 0) return\n    const first = focusables[0]\n    const last = focusables[focusables.length - 1]\n    if (event.shiftKey && document.activeElement === first) {\n      event.preventDefault()\n      last.focus()\n    } else if (!event.shiftKey && document.activeElement === last) {\n      event.preventDefault()\n      first.focus()\n    }\n  }\n\n  if (!open) return null\n\n  const resolvedWidth = width ?? (matchTriggerWidth ? pos?.width : undefined)\n\n  return createPortal(\n    <div\n      ref={setRef}\n      id={id}\n      className={clsx(styles.panel, className)}\n      role={role}\n      aria-modal={role === 'dialog' && trapFocus ? true : undefined}\n      aria-label={ariaLabel}\n      data-open={visible ? 'true' : 'false'}\n      data-side={pos?.side ?? 'bottom'}\n      onKeyDown={trapFocus ? handleKeyDown : undefined}\n      style={{\n        position: 'fixed',\n        top: pos?.top ?? 0,\n        left: pos?.left ?? 0,\n        width: resolvedWidth,\n        maxHeight: pos?.maxHeight,\n        visibility: pos ? 'visible' : 'hidden',\n        ...style,\n      }}\n    >\n      {children}\n    </div>,\n    document.body,\n  )\n})\n"],"names":["VIEWPORT_PADDING","OFFSET","useFloatingPanel","open","triggerRef","align","onClose","popoverRef","useRef","position","setPosition","useState","visible","setVisible","useLockBodyScroll","reposition","useCallback","trigger","panel","rect","panelH","vh","vw","spaceBelow","spaceAbove","side","maxHeight","usedH","top","panelW","baseLeft","left","useLayoutEffect","useEffect","raf","onReposition","ro","onPointerDown","t","_a","_b","_c","onKey","FOCUSABLE","FloatingPanel","forwardRef","id","role","ariaLabel","trapFocus","matchTriggerWidth","width","className","style","children","forwardedRef","pos","setRef","node","handleKeyDown","event","focusables","first","last","resolvedWidth","createPortal","jsx","clsx","styles"],"mappings":"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"}

package/dist/FloatingPanel-U6sGYiSK.cjs

@@ -0,0 +1,2 @@
+"use strict";const H=require("react/jsx-runtime"),u=require("react"),S=require("react-dom"),A=require("clsx"),g=require("./useLockBodyScroll-CIXHZo-Q.cjs"),l=8,D=6;function B({open:c,triggerRef:i,align:y="start",onClose:h}){const a=u.useRef(null),[F,E]=u.useState(null),[M,w]=u.useState(!1);g.useLockBodyScroll(c);const d=u.useCallback(()=>{const r=i.current,n=a.current;if(!r||!n)return;const e=r.getBoundingClientRect(),f=n.offsetHeight,s=window.innerHeight,m=window.innerWidth,t=s-e.bottom-D-l,p=e.top-D-l;let b="bottom";f>t&&p>t&&(b="top");const L=Math.max(0,b==="bottom"?t:p),P=Math.min(f,L);let o=b==="bottom"?e.bottom+D:e.top-D-P;o=Math.min(Math.max(o,l),Math.max(l,s-l-P));const x=n.offsetWidth,v=y==="end"?e.right-x:e.left,q=Math.min(Math.max(v,l),Math.max(l,m-l-x));E({top:o,left:q,width:e.width,side:b,maxHeight:L})},[i,y]);return u.useLayoutEffect(()=>{if(!c){w(!1);return}d()},[c,d]),u.useEffect(()=>{if(!c)return;const r=requestAnimationFrame(()=>w(!0)),n=()=>d();window.addEventListener("resize",n),window.addEventListener("scroll",n,!0);let e;return typeof ResizeObserver<"u"&&(e=new ResizeObserver(n),a.current&&e.observe(a.current),i.current&&e.observe(i.current)),()=>{cancelAnimationFrame(r),window.removeEventListener("resize",n),window.removeEventListener("scroll",n,!0),e==null||e.disconnect()}},[c,d,i]),u.useEffect(()=>{if(!c)return;const r=e=>{var s,m,t;const f=e.target;(s=i.current)!=null&&s.contains(f)||(m=a.current)!=null&&m.contains(f)||h(!!((t=a.current)!=null&&t.contains(document.activeElement)))},n=e=>{e.key==="Escape"&&h(!0)};return document.addEventListener("pointerdown",r,!0),document.addEventListener("keydown",n),()=>{document.removeEventListener("pointerdown",r,!0),document.removeEventListener("keydown",n)}},[c,h,i]),{popoverRef:a,position:F,visible:M,reposition:d}}const K="_panel_1cr9q_5",O={panel:K},W='a[href]:not([tabindex="-1"]), button:not([tabindex="-1"]):not(:disabled), input:not([tabindex="-1"]):not(:disabled), select:not([tabindex="-1"]):not(:disabled), textarea:not([tabindex="-1"]):not(:disabled), [tabindex="0"]',z=u.forwardRef(function({open:i,triggerRef:y,align:h,onClose:a,id:F,role:E,ariaLabel:M,trapFocus:w=!1,matchTriggerWidth:d=!1,width:r,className:n,style:e,children:f},s){const{popoverRef:m,position:t,visible:p}=B({open:i,triggerRef:y,align:h,onClose:a}),b=o=>{m.current=o,typeof s=="function"?s(o):s&&(s.current=o)},L=o=>{if(o.key!=="Tab")return;const x=m.current;if(!x)return;const v=x.querySelectorAll(W);if(v.length===0)return;const q=v[0],k=v[v.length-1];o.shiftKey&&document.activeElement===q?(o.preventDefault(),k.focus()):!o.shiftKey&&document.activeElement===k&&(o.preventDefault(),q.focus())};if(!i)return null;const P=r??(d?t==null?void 0:t.width:void 0);return S.createPortal(H.jsx("div",{ref:b,id:F,className:A.clsx(O.panel,n),role:E,"aria-modal":E==="dialog"&&w?!0:void 0,"aria-label":M,"data-open":p?"true":"false","data-side":(t==null?void 0:t.side)??"bottom",onKeyDown:w?L:void 0,style:{position:"fixed",top:(t==null?void 0:t.top)??0,left:(t==null?void 0:t.left)??0,width:P,maxHeight:t==null?void 0:t.maxHeight,visibility:t?"visible":"hidden",...e},children:f}),document.body)});exports.FloatingPanel=z;
+//# sourceMappingURL=FloatingPanel-U6sGYiSK.cjs.map

package/dist/FloatingPanel-U6sGYiSK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingPanel-U6sGYiSK.cjs","sources":["../src/hooks/useFloatingPanel.ts","../src/components/FloatingPanel/FloatingPanel.tsx"],"sourcesContent":["import { useCallback, useEffect, useLayoutEffect, useRef, useState, type RefObject } from 'react'\nimport { useLockBodyScroll } from './useLockBodyScroll'\n\n/** Geometry computed for a floating panel anchored to a trigger. */\nexport interface FloatingPanelPosition {\n  top: number\n  left: number\n  width: number\n  side: 'top' | 'bottom'\n  maxHeight: number\n}\n\nconst VIEWPORT_PADDING = 8\nconst OFFSET = 6\n\nexport interface UseFloatingPanelOptions {\n  /** Whether the panel is open. */\n  open: boolean\n  /** Ref to the anchor/trigger element. */\n  triggerRef: RefObject<HTMLElement | null>\n  /**\n   * Horizontal alignment to the trigger: `start` (panel's left edge at the trigger's left — grows\n   * right, the default) or `end` (panel's right edge at the trigger's right — grows left).\n   */\n  align?: 'start' | 'end'\n  /**\n   * Dismiss request. Outside-pointerdown passes whether focus was parked inside the panel (so the\n   * consumer can restore focus to the trigger); Escape passes `true`.\n   */\n  onClose: (refocus: boolean) => void\n}\n\nexport interface UseFloatingPanelResult {\n  /** Attach to the portaled panel element. */\n  popoverRef: RefObject<HTMLDivElement | null>\n  /** Computed geometry (null until first measured). */\n  position: FloatingPanelPosition | null\n  /** Enter-animation flag (rAF-driven once open). */\n  visible: boolean\n  /** Force a re-measure (rarely needed — scroll/resize/ResizeObserver already drive it). */\n  reposition: () => void\n}\n\n/**\n * Shared floating-panel plumbing — a `<body>`-portaled panel that opens below its trigger (flips above\n * only when it would overflow), exposes the trigger width (for select-like matching), clamps to the\n * viewport, re-positions on scroll/resize (+ `ResizeObserver`), locks page scroll while open, and\n * dismisses on outside-pointerdown / `Escape`. The consumer owns the trigger ref, the `open` state, and\n * the `onClose` cleanup; this hook owns the panel ref, geometry, the enter-animation flag, and the\n * listeners. Wrapped by the internal `FloatingPanel` component, which every popover in the library\n * (`Select` / `MultiSelect`, the date/time pickers, `ColorPicker`) renders. Internal (not public).\n */\nexport function useFloatingPanel({\n  open,\n  triggerRef,\n  align = 'start',\n  onClose,\n}: UseFloatingPanelOptions): UseFloatingPanelResult {\n  const popoverRef = useRef<HTMLDivElement | null>(null)\n  const [position, setPosition] = useState<FloatingPanelPosition | null>(null)\n  const [visible, setVisible] = useState(false)\n\n  useLockBodyScroll(open)\n\n  const reposition = useCallback(() => {\n    const trigger = triggerRef.current\n    const panel = popoverRef.current\n    if (!trigger || !panel) return\n    const rect = trigger.getBoundingClientRect()\n    const panelH = panel.offsetHeight\n    const vh = window.innerHeight\n    const vw = window.innerWidth\n\n    const spaceBelow = vh - rect.bottom - OFFSET - VIEWPORT_PADDING\n    const spaceAbove = rect.top - OFFSET - VIEWPORT_PADDING\n    // prefer below; flip up only when below can't fit AND above has more room\n    let side: 'top' | 'bottom' = 'bottom'\n    if (panelH > spaceBelow && spaceAbove > spaceBelow) side = 'top'\n\n    const maxHeight = Math.max(0, side === 'bottom' ? spaceBelow : spaceAbove)\n    const usedH = Math.min(panelH, maxHeight)\n    let top = side === 'bottom' ? rect.bottom + OFFSET : rect.top - OFFSET - usedH\n    top = Math.min(\n      Math.max(top, VIEWPORT_PADDING),\n      Math.max(VIEWPORT_PADDING, vh - VIEWPORT_PADDING - usedH),\n    )\n    // clamp using the panel's actual width (a panel can be wider than its trigger, e.g. a calendar);\n    // `width` returns the trigger width for consumers that match it (Select/MultiSelect).\n    const panelW = panel.offsetWidth\n    // `end` pins the panel's right edge to the trigger's right (grows left); `start` pins left (grows right)\n    const baseLeft = align === 'end' ? rect.right - panelW : rect.left\n    const left = Math.min(\n      Math.max(baseLeft, VIEWPORT_PADDING),\n      Math.max(VIEWPORT_PADDING, vw - VIEWPORT_PADDING - panelW),\n    )\n    setPosition({ top, left, width: rect.width, side, maxHeight })\n  }, [triggerRef, align])\n\n  useLayoutEffect(() => {\n    if (!open) {\n      setVisible(false)\n      return\n    }\n    reposition()\n  }, [open, reposition])\n\n  useEffect(() => {\n    if (!open) return\n    const raf = requestAnimationFrame(() => setVisible(true))\n    const onReposition = () => reposition()\n    window.addEventListener('resize', onReposition)\n    window.addEventListener('scroll', onReposition, true)\n    let ro: ResizeObserver | undefined\n    if (typeof ResizeObserver !== 'undefined') {\n      ro = new ResizeObserver(onReposition)\n      if (popoverRef.current) ro.observe(popoverRef.current)\n      if (triggerRef.current) ro.observe(triggerRef.current)\n    }\n    return () => {\n      cancelAnimationFrame(raf)\n      window.removeEventListener('resize', onReposition)\n      window.removeEventListener('scroll', onReposition, true)\n      ro?.disconnect()\n    }\n  }, [open, reposition, triggerRef])\n\n  useEffect(() => {\n    if (!open) return\n    const onPointerDown = (e: PointerEvent) => {\n      const t = e.target as Node\n      if (triggerRef.current?.contains(t) || popoverRef.current?.contains(t)) return\n      // restore focus to the trigger only if it was parked inside the panel (e.g. a search box)\n      onClose(!!popoverRef.current?.contains(document.activeElement))\n    }\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose(true)\n    }\n    document.addEventListener('pointerdown', onPointerDown, true)\n    document.addEventListener('keydown', onKey)\n    return () => {\n      document.removeEventListener('pointerdown', onPointerDown, true)\n      document.removeEventListener('keydown', onKey)\n    }\n  }, [open, onClose, triggerRef])\n\n  return { popoverRef, position, visible, reposition }\n}\n","import {\n  forwardRef,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  type RefObject,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { clsx } from 'clsx'\nimport { useFloatingPanel } from '../../hooks/useFloatingPanel'\nimport styles from './FloatingPanel.module.css'\n\nexport interface FloatingPanelProps {\n  /** Whether the panel is open — gates the portal and drives the enter animation. */\n  open: boolean\n  /** Ref to the anchor/trigger element the panel is positioned against. */\n  triggerRef: RefObject<HTMLElement | null>\n  /** Horizontal alignment to the trigger: `start` (default, grows right) or `end` (grows left). */\n  align?: 'start' | 'end'\n  /** Dismiss request: outside-pointerdown (arg = restore focus to the trigger?) or Escape (`true`). */\n  onClose: (refocus: boolean) => void\n  /** `id` for the panel element — pair with the trigger's `aria-controls`. */\n  id?: string\n  /** ARIA role for the panel element (e.g. `'dialog'`). Omit for a plain wrapper (e.g. around a listbox). */\n  role?: string\n  /** Accessible label, paired with `role`. */\n  ariaLabel?: string\n  /** Trap Tab focus inside the panel + mark it `aria-modal` (for modal dialogs like the date pickers). */\n  trapFocus?: boolean\n  /** Constrain the panel to the trigger's width (select-like). */\n  matchTriggerWidth?: boolean\n  /** Fixed panel width (px number or any CSS width). Wins over `matchTriggerWidth`. */\n  width?: number | string\n  /** Class(es) for the panel element, merged after the shared chrome (layout overrides live here). */\n  className?: string\n  /** Inline style merged onto the panel (e.g. a custom CSS var). */\n  style?: CSSProperties\n  /** Panel content. */\n  children: ReactNode\n}\n\n/** Focusable descendants used by the optional focus trap. */\n// include inputs/selects/textareas/links — picker panels (DatePicker/ColorPicker/…) contain text\n// inputs, and a button-only selector let Shift+Tab escape the trap into the scroll-locked page\nconst FOCUSABLE =\n  'a[href]:not([tabindex=\"-1\"]), button:not([tabindex=\"-1\"]):not(:disabled), input:not([tabindex=\"-1\"]):not(:disabled), select:not([tabindex=\"-1\"]):not(:disabled), textarea:not([tabindex=\"-1\"]):not(:disabled), [tabindex=\"0\"]'\n\n/**\n * The shared floating popover used across the library — `Select` / `MultiSelect`, the date/time\n * pickers, `ColorPicker`, and the public `Popover`. Wraps `useFloatingPanel` and renders a `<body>`-portaled, viewport-clamped\n * panel that opens below its trigger (flips above only when it would overflow), locks page scroll while\n * open, animates in (opacity + translate, keyed off `data-open`/`data-side`), and dismisses on\n * outside-pointerdown / `Escape`. Optionally **traps Tab focus** (`trapFocus`, for modal dialogs — also\n * sets `aria-modal`). The forwarded ref points at the panel element, so a consumer can still read it for\n * blur/focus bookkeeping. Internal (not part of the public component surface).\n */\nexport const FloatingPanel = forwardRef<HTMLDivElement, FloatingPanelProps>(function FloatingPanel(\n  {\n    open,\n    triggerRef,\n    align,\n    onClose,\n    id,\n    role,\n    ariaLabel,\n    trapFocus = false,\n    matchTriggerWidth = false,\n    width,\n    className,\n    style,\n    children,\n  },\n  forwardedRef,\n) {\n  const {\n    popoverRef,\n    position: pos,\n    visible,\n  } = useFloatingPanel({\n    open,\n    triggerRef,\n    align,\n    onClose,\n  })\n\n  // attach the panel node to both the hook's ref (for positioning) and the forwarded ref (for the\n  // consumer's blur/focus bookkeeping)\n  const setRef = (node: HTMLDivElement | null) => {\n    popoverRef.current = node\n    if (typeof forwardedRef === 'function') forwardedRef(node)\n    else if (forwardedRef) forwardedRef.current = node\n  }\n\n  // trap Tab within the dialog so focus can't strand on the scroll-locked page behind it\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.key !== 'Tab') return\n    const panel = popoverRef.current\n    if (!panel) return\n    const focusables = panel.querySelectorAll<HTMLElement>(FOCUSABLE)\n    if (focusables.length === 0) return\n    const first = focusables[0]\n    const last = focusables[focusables.length - 1]\n    if (event.shiftKey && document.activeElement === first) {\n      event.preventDefault()\n      last.focus()\n    } else if (!event.shiftKey && document.activeElement === last) {\n      event.preventDefault()\n      first.focus()\n    }\n  }\n\n  if (!open) return null\n\n  const resolvedWidth = width ?? (matchTriggerWidth ? pos?.width : undefined)\n\n  return createPortal(\n    <div\n      ref={setRef}\n      id={id}\n      className={clsx(styles.panel, className)}\n      role={role}\n      aria-modal={role === 'dialog' && trapFocus ? true : undefined}\n      aria-label={ariaLabel}\n      data-open={visible ? 'true' : 'false'}\n      data-side={pos?.side ?? 'bottom'}\n      onKeyDown={trapFocus ? handleKeyDown : undefined}\n      style={{\n        position: 'fixed',\n        top: pos?.top ?? 0,\n        left: pos?.left ?? 0,\n        width: resolvedWidth,\n        maxHeight: pos?.maxHeight,\n        visibility: pos ? 'visible' : 'hidden',\n        ...style,\n      }}\n    >\n      {children}\n    </div>,\n    document.body,\n  )\n})\n"],"names":["VIEWPORT_PADDING","OFFSET","useFloatingPanel","open","triggerRef","align","onClose","popoverRef","useRef","position","setPosition","useState","visible","setVisible","useLockBodyScroll","reposition","useCallback","trigger","panel","rect","panelH","vh","vw","spaceBelow","spaceAbove","side","maxHeight","usedH","top","panelW","baseLeft","left","useLayoutEffect","useEffect","raf","onReposition","ro","onPointerDown","t","_a","_b","_c","onKey","FOCUSABLE","FloatingPanel","forwardRef","id","role","ariaLabel","trapFocus","matchTriggerWidth","width","className","style","children","forwardedRef","pos","setRef","node","handleKeyDown","event","focusables","first","last","resolvedWidth","createPortal","jsx","clsx","styles"],"mappings":"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"}

package/dist/Form-Bz2xgkEm.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),o=require("./formContext-bTWrqdEV.cjs");function i({form:e,children:t,...n}){return r.jsx("form",{noValidate:!0,...n,onSubmit:e.handleSubmit,children:r.jsx(o.FormContext.Provider,{value:e,children:t})})}exports.Form=i;
+//# sourceMappingURL=Form-Bz2xgkEm.cjs.map

package/dist/Form-Bz2xgkEm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form-Bz2xgkEm.cjs","sources":["../src/form/Form.tsx"],"sourcesContent":["import type { FormHTMLAttributes, ReactNode } from 'react'\nimport { FormContext } from './formContext'\nimport type { FormApi } from './useForm'\n\nexport interface FormProps<Values> extends Omit<FormHTMLAttributes<HTMLFormElement>, 'onSubmit'> {\n  /** A form instance from `useForm()`. Provides validation + binding to nested fields by `name`. */\n  form: FormApi<Values>\n  children?: ReactNode\n}\n\n/**\n * Wraps a form: renders a native `<form>` wired to `form.handleSubmit` and shares the instance via\n * context so nested controls auto-bind by `name` (e.g. `<TextField name=\"email\" />`) — no need to\n * spread `{...form.field('email')}`. `noValidate` is set so the browser's native validation UI\n * stays out of the way of the schema-driven errors.\n */\nexport function Form<Values>({ form, children, ...props }: FormProps<Values>) {\n  return (\n    <form noValidate {...props} onSubmit={form.handleSubmit}>\n      <FormContext.Provider value={form as unknown as FormApi<Record<string, unknown>>}>\n        {children}\n      </FormContext.Provider>\n    </form>\n  )\n}\n"],"names":["Form","form","children","props","jsx","FormContext"],"mappings":"0FAgBO,SAASA,EAAa,CAAE,KAAAC,EAAM,SAAAC,EAAU,GAAGC,GAA4B,CAC5E,aACG,OAAA,CAAK,WAAU,GAAE,GAAGA,EAAO,SAAUF,EAAK,aACzC,SAAAG,EAAAA,IAACC,EAAAA,YAAY,SAAZ,CAAqB,MAAOJ,EAC1B,SAAAC,EACH,EACF,CAEJ"}

package/dist/Form-kglaJYr5.js

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import { F as i } from "./formContext-B7ln1Miy.js";
+function a({ form: r, children: t, ...e }) {
+  return /* @__PURE__ */ o("form", { noValidate: !0, ...e, onSubmit: r.handleSubmit, children: /* @__PURE__ */ o(i.Provider, { value: r, children: t }) });
+}
+export {
+  a as F
+};
+//# sourceMappingURL=Form-kglaJYr5.js.map

package/dist/Form-kglaJYr5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form-kglaJYr5.js","sources":["../src/form/Form.tsx"],"sourcesContent":["import type { FormHTMLAttributes, ReactNode } from 'react'\nimport { FormContext } from './formContext'\nimport type { FormApi } from './useForm'\n\nexport interface FormProps<Values> extends Omit<FormHTMLAttributes<HTMLFormElement>, 'onSubmit'> {\n  /** A form instance from `useForm()`. Provides validation + binding to nested fields by `name`. */\n  form: FormApi<Values>\n  children?: ReactNode\n}\n\n/**\n * Wraps a form: renders a native `<form>` wired to `form.handleSubmit` and shares the instance via\n * context so nested controls auto-bind by `name` (e.g. `<TextField name=\"email\" />`) — no need to\n * spread `{...form.field('email')}`. `noValidate` is set so the browser's native validation UI\n * stays out of the way of the schema-driven errors.\n */\nexport function Form<Values>({ form, children, ...props }: FormProps<Values>) {\n  return (\n    <form noValidate {...props} onSubmit={form.handleSubmit}>\n      <FormContext.Provider value={form as unknown as FormApi<Record<string, unknown>>}>\n        {children}\n      </FormContext.Provider>\n    </form>\n  )\n}\n"],"names":["Form","form","children","props","jsx","FormContext"],"mappings":";;AAgBO,SAASA,EAAa,EAAE,MAAAC,GAAM,UAAAC,GAAU,GAAGC,KAA4B;AAC5E,2BACG,QAAA,EAAK,YAAU,IAAE,GAAGA,GAAO,UAAUF,EAAK,cACzC,UAAA,gBAAAG,EAACC,EAAY,UAAZ,EAAqB,OAAOJ,GAC1B,UAAAC,GACH,GACF;AAEJ;"}

package/dist/FullscreenToggle-DDKN5n8B.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),c=require("react"),F=require("./Icon-CXTl_QAP.cjs"),h=require("./IconButton-D6TenQZ_.cjs"),q=require("./ConfigProvider-ByOFXVyP.cjs"),E=c.forwardRef(function({variant:i="outlined",...t},d){const[a]=c.useState(()=>typeof document<"u"&&typeof document.documentElement.requestFullscreen=="function"),[l,f]=c.useState(!1),m=q.useT();if(c.useEffect(()=>{const e=()=>f(document.fullscreenElement!=null);return e(),document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)},[]),!a)return null;const g=()=>{var e,n,u,o,r;document.fullscreenElement?(n=(e=document.exitFullscreen)==null?void 0:e.call(document))==null||n.catch(()=>{}):(r=(o=(u=document.documentElement).requestFullscreen)==null?void 0:o.call(u))==null||r.catch(()=>{})};return s.jsx(h.IconButton,{ref:d,variant:i,role:"switch","aria-checked":l,"aria-label":m("fullscreenToggle.label"),...t,onClick:e=>{var n;(n=t.onClick)==null||n.call(t,e),g()},children:s.jsx(F.Icon,{name:"Maximize3",style:l?{transform:"rotate(180deg)"}:void 0})})});exports.FullscreenToggle=E;
+//# sourceMappingURL=FullscreenToggle-DDKN5n8B.cjs.map

package/dist/FullscreenToggle-DDKN5n8B.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenToggle-DDKN5n8B.cjs","sources":["../src/components/FullscreenToggle/FullscreenToggle.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react'\nimport { useT } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton, type IconButtonProps } from '../IconButton'\n\n/** Inherits `IconButton`'s look (variant, color, size); the icon and toggle behavior are built in. */\nexport type FullscreenToggleProps = Omit<IconButtonProps, 'children'>\n\n/**\n * A one-tap browser fullscreen switch. Renders an `IconButton` that calls the Fullscreen API —\n * `requestFullscreen` to maximize, `exitFullscreen` to restore — and flips its `Maximize3` icon 180°\n * while fullscreen (so it reads as \"minimize\"), keeping state in sync via the `fullscreenchange`\n * event. Renders **nothing** where the Fullscreen API is unavailable (e.g. iOS Safari on iPhone), so\n * it auto-hides on devices that can't go fullscreen. Styling comes from `IconButton`, so `variant`,\n * `color` and `size` pass through.\n */\nexport const FullscreenToggle = forwardRef<HTMLButtonElement, FullscreenToggleProps>(\n  function FullscreenToggle({ variant = 'outlined', ...props }, ref) {\n    // The Fullscreen API is absent on some devices (notably iOS Safari on iPhone); hide the control\n    // there, since tapping it could never do anything.\n    const [supported] = useState(\n      () =>\n        typeof document !== 'undefined' &&\n        typeof document.documentElement.requestFullscreen === 'function',\n    )\n    const [isFullscreen, setIsFullscreen] = useState(false)\n    const t = useT()\n\n    useEffect(() => {\n      const sync = () => setIsFullscreen(document.fullscreenElement != null)\n      sync() // pick up a session that's already fullscreen on mount\n      document.addEventListener('fullscreenchange', sync)\n      return () => document.removeEventListener('fullscreenchange', sync)\n    }, [])\n\n    if (!supported) return null\n\n    const toggle = () => {\n      // `?.` guards environments without the Fullscreen API; `.catch` swallows a blocked request\n      if (document.fullscreenElement) {\n        document.exitFullscreen?.()?.catch(() => {})\n      } else {\n        document.documentElement.requestFullscreen?.()?.catch(() => {})\n      }\n    }\n\n    return (\n      <IconButton\n        ref={ref}\n        variant={variant}\n        role=\"switch\"\n        aria-checked={isFullscreen}\n        aria-label={t('fullscreenToggle.label')}\n        {...props}\n        onClick={(event) => {\n          props.onClick?.(event) // preserve a caller-supplied handler, then toggle\n          toggle()\n        }}\n      >\n        <Icon name=\"Maximize3\" style={isFullscreen ? { transform: 'rotate(180deg)' } : undefined} />\n      </IconButton>\n    )\n  },\n)\n"],"names":["FullscreenToggle","forwardRef","variant","props","ref","supported","useState","isFullscreen","setIsFullscreen","t","useT","useEffect","sync","toggle","_b","_a","_e","_d","_c","jsx","IconButton","event","Icon"],"mappings":"wLAgBaA,EAAmBC,EAAAA,WAC9B,SAA0B,CAAE,QAAAC,EAAU,WAAY,GAAGC,CAAA,EAASC,EAAK,CAGjE,KAAM,CAACC,CAAS,EAAIC,EAAAA,SAClB,IACE,OAAO,SAAa,KACpB,OAAO,SAAS,gBAAgB,mBAAsB,UAAA,EAEpD,CAACC,EAAcC,CAAe,EAAIF,EAAAA,SAAS,EAAK,EAChDG,EAAIC,EAAAA,KAAA,EASV,GAPAC,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAO,IAAMJ,EAAgB,SAAS,mBAAqB,IAAI,EACrE,OAAAI,EAAA,EACA,SAAS,iBAAiB,mBAAoBA,CAAI,EAC3C,IAAM,SAAS,oBAAoB,mBAAoBA,CAAI,CACpE,EAAG,CAAA,CAAE,EAED,CAACP,EAAW,OAAO,KAEvB,MAAMQ,EAAS,IAAM,eAEf,SAAS,mBACXC,GAAAC,EAAA,SAAS,iBAAT,YAAAA,EAAA,uBAAAD,EAA6B,MAAM,IAAM,CAAC,IAE1CE,GAAAC,GAAAC,EAAA,SAAS,iBAAgB,oBAAzB,YAAAD,EAAA,KAAAC,KAAA,MAAAF,EAAgD,MAAM,IAAM,CAAC,EAEjE,EAEA,OACEG,EAAAA,IAACC,EAAAA,WAAA,CACC,IAAAhB,EACA,QAAAF,EACA,KAAK,SACL,eAAcK,EACd,aAAYE,EAAE,wBAAwB,EACrC,GAAGN,EACJ,QAAUkB,GAAU,QAClBN,EAAAZ,EAAM,UAAN,MAAAY,EAAA,KAAAZ,EAAgBkB,GAChBR,EAAA,CACF,EAEA,SAAAM,EAAAA,IAACG,OAAA,CAAK,KAAK,YAAY,MAAOf,EAAe,CAAE,UAAW,gBAAA,EAAqB,MAAA,CAAW,CAAA,CAAA,CAGhG,CACF"}