@techzyapp/ui-library 1.0.40 → 1.0.42

package/dist/ConfigProvider-DeMASTVo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfigProvider-DeMASTVo.js","sources":["../src/theme/applyTheme.ts","../src/theme/ConfigProvider.tsx"],"sourcesContent":["export interface ThemePalette {\n  primary: string\n  /**\n   * A free theme color (near-white by default) selectable via the `color` prop — it is **no longer**\n   * the component surface (elevated panels use `--tz-color-surface`).\n   */\n  secondary: string\n  /**\n   * The rear-most page background — the `<body>` fill + the shell canvas that the floating panels sit\n   * on; nothing else uses it. Built-in defaults: a soft off-white in light mode, a near-black in dark mode.\n   */\n  background: string\n  /**\n   * The elevated **panel surface** — cards, sidebar, inputs/forms, dropdowns, modals (the panels that\n   * float over `--tz-color-background`). Built-in defaults: white in light mode, a touch lighter than\n   * the canvas in dark mode. Configurable per mode like any theme color.\n   */\n  surface: string\n  /** The single accent color — the default tint for controls (`Button`, `IconButton`, …). */\n  accent: string\n  success: string\n  error: string\n  info: string\n  warning: string\n}\n\n/** Names of the theme palette tokens (maps to `--tz-color-<name>`). */\nexport type ThemeColor = keyof ThemePalette\n\nfunction hexToRgbTriplet(hex: string): string {\n  let h = hex.trim().replace(/^#/, '')\n  if (h.length === 3) {\n    h = h[0] + h[0] + h[1] + h[1] + h[2] + h[2]\n  }\n  const int = parseInt(h, 16)\n  return `${(int >> 16) & 255}, ${(int >> 8) & 255}, ${int & 255}`\n}\n\n/**\n * Picks a readable text color (near-black or white) to sit on top of a solid\n * fill — used by `contained` controls so the label stays legible on light\n * colors (e.g. a light `primary` in dark mode).\n */\nfunction contrastColor(rgbTriplet: string): string {\n  const [r, g, b] = rgbTriplet.split(',').map((n) => Number(n.trim()))\n  const yiq = (r * 299 + g * 587 + b * 114) / 1000\n  return yiq >= 150 ? '#04202b' : '#ffffff'\n}\n\n/**\n * Per-color overrides for the `contained` label color, where the automatic\n * luminance pick isn't the desired look:\n * - `secondary`: near-white fill that blends with the page, so the label uses\n *   the primary color (flips with the mode) to stay readable without a border.\n * - `warning`: keep the plain white label by design.\n */\nconst CONTRAST_OVERRIDE: Readonly<Record<string, string>> = {\n  secondary: 'rgb(var(--tz-color-primary-rgb))',\n  warning: '#ffffff',\n}\n\nexport function applyTheme(\n  theme: Partial<ThemePalette>,\n  target: HTMLElement = document.documentElement,\n): void {\n  for (const [name, value] of Object.entries(theme)) {\n    if (!value) continue\n    const triplet = hexToRgbTriplet(value)\n    target.style.setProperty(`--tz-color-${name}-rgb`, triplet)\n    target.style.setProperty(\n      `--tz-color-${name}-contrast`,\n      CONTRAST_OVERRIDE[name] ?? contrastColor(triplet),\n    )\n  }\n}\n","import {\n  createContext,\n  useCallback,\n  useContext,\n  useLayoutEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react'\nimport { applyTheme, type ThemeColor, type ThemePalette } from './applyTheme'\nimport { setBreakpoints, type Breakpoint } from './breakpoints'\nimport { DEFAULT_TRANSLATIONS_NAMESPACE } from '../helpers/translations'\nimport type { IconName } from '../icons/names'\nimport {\n  createAppTranslator,\n  createTranslator,\n  type AppMessages,\n  type AppTranslator,\n  type MessageOverrides,\n  type Translator,\n} from '../i18n/messages'\n\nexport type ThemeMode = 'light' | 'dark'\n/**\n * Global corner shape. `rounded` (default) leaves every radius as designed; `square` flattens every\n * library corner by zeroing the WHOLE `--tz-radius-*` scale (theme.css, under `[data-tz-shape='square']`)\n * — including the `pill` / `round` steps every decorative pill and circle uses. Purely token-driven: no\n * `!important`, no universal selector, and the consuming app's own elements are untouched. The `Loader`\n * ring and the `EmptyState` icon puck use a literal `50%` (off the scale) and stay round.\n */\nexport type ThemeShape = 'rounded' | 'square'\n\nexport interface ThemeColors {\n  /** Light-mode palette. Override any subset of the theme colors — the rest use the library defaults. */\n  light?: Partial<ThemePalette>\n  /** Dark-mode overrides, layered on the (merged) light palette + the library's dark defaults. */\n  dark?: Partial<ThemePalette>\n}\n\n/** A content locale the app supports — a tab in `<TranslatedFields>`. */\nexport interface LocaleConfig {\n  /** BCP-47 locale code, e.g. `'en-US'`. Namespaces the form field names and is the tab's fallback label. */\n  code: string\n  /** Human-readable tab label. Falls back to `code`. */\n  label?: string\n}\n\n/** Theme settings — color overrides + initial mode. Lives under `Config.theme`. */\nexport interface ThemeConfig {\n  /** Theme color overrides. Omit entirely to use the library's built-in theme. */\n  colors?: ThemeColors\n  /** Initial color mode. */\n  mode?: ThemeMode\n  /**\n   * Default font family — the app-wide default the user's Settings choice overrides (persisted). One of\n   * the pre-imported presets (`Inter` / `Roboto` / `Lato`) or any Google Font family name. Defaults to\n   * `Inter`. A non-preset family is loaded on demand at runtime.\n   */\n  fontFamily?: string\n  /**\n   * Default corner shape — the app-wide default the user's Settings choice overrides (persisted).\n   * `rounded` (default) leaves every radius as designed; `square` zeroes the whole `--tz-radius-*` scale\n   * (pills and circles included) — token-driven, so the app's own elements are never touched. Only the\n   * `Loader` ring and the `EmptyState` icon puck (a literal `50%`) stay round.\n   */\n  shape?: ThemeShape\n  /**\n   * Override the shared responsive **breakpoint** bounds (px, max-width). Keys are fixed\n   * (`xxs`/`xs`/`sm`/`md`/`lg`/`xl`/`xxl`); pass any subset — the rest keep their defaults. Drives the\n   * **JS** responsive layer (`useMediaQuery` tokens, `Flex`/`Grid`/`Masonry` responsive props); note\n   * component CSS `@media` rules are compiled and don't follow a runtime override. E.g.\n   * `breakpoints: { md: 1200, xl: 1600 }`.\n   */\n  breakpoints?: Partial<Record<Breakpoint, number>>\n}\n\n/**\n * The configurable key / param **names** the library's components read — grouped under `Config.keys`\n * so they live in one place. Each is overridable; omit one to use its built-in default. Grows over\n * time (e.g. `page` / `size` for paginated tables ⇒ `?page=1&size=10`).\n */\nexport interface KeysConfig {\n  /**\n   * URL query param name a **top-level** `<Tabs>` syncs its active tab to (e.g. `'view'` ⇒ `?view=…`),\n   * unless that strip sets its own `queryKey` (or `queryKey={null}` to opt out). Defaults to `'tab'`.\n   */\n  tabQueryKey?: string\n  /**\n   * URL query param name a **nested** `<Tabs>` (one rendered inside another tab's panel) syncs to, so it\n   * doesn't collide with the outer strip's `tabQueryKey` (e.g. `?tab=…&nestedTab=…`). Auto-applied by\n   * nesting depth; overridable per strip via `queryKey`. Defaults to `'nestedTab'`.\n   */\n  nestedTabQueryKey?: string\n  /**\n   * URL query param name a `<Stepper queryKey>` (the bare/`true` form) syncs its active step to\n   * (**1-based**, e.g. `?step=2`); a string `queryKey` overrides it per stepper. Defaults to `'step'`.\n   * (The sync itself is **opt-in** — a stepper with no `queryKey` never touches the URL.)\n   */\n  stepQueryKey?: string\n  /**\n   * Top-level namespace word for `<TranslatedFields>`' form names + the nested object — e.g.\n   * `'languages'` ⇒ `languages[en-US].title`. Defaults to `'translations'`.\n   */\n  translationsNamespace?: string\n}\n\n/**\n * How a `<Table>` builds its **server-request** params — the query it hands the consumer (as `params` /\n * `query`) in `onChange`, so a server-mode fetch doesn't hand-map page/size/search/sort every time. This is\n * the **backend transport** layer, distinct from `keys.*QueryKey` (the browser-URL sync, always page-based\n * for shareable links). Set once in `config.table.query`, override per table via the `queryMapping` prop.\n * Every field is optional; the defaults reproduce the browser-URL shape (`?page=1&size=10&search=…&sort=-key`).\n */\nexport interface TableQueryConfig {\n  /** Request param name for the page / offset. Defaults to `'page'` (e.g. `'skip'` for an offset API). */\n  pageParam?: string\n  /** Request param name for the page size. Defaults to `'size'` (e.g. `'limit'`). */\n  sizeParam?: string\n  /** Request param name for the search query (omitted when the search is empty). Defaults to `'search'` (e.g. `'q'`). */\n  searchParam?: string\n  /**\n   * Request param name holding the sort **key**. Defaults to `'sort'` (e.g. `'sortBy'`). With\n   * `sortFormat: 'field'` this single param also carries the direction (`-key` = desc); with `'separate'`\n   * the direction goes to `sortOrderParam`.\n   */\n  sortParam?: string\n  /**\n   * Pagination style. `'page'` (default) emits the **1-based page number** as-is (`page=2`); `'offset'`\n   * emits a **zero-based offset** `(page - 1) * size` instead (`skip=10`), for skip/offset APIs.\n   */\n  pagination?: 'page' | 'offset'\n  /**\n   * Sort encoding. `'field'` (default) is a single param with a `-` prefix for descending (`sort=-price`);\n   * `'separate'` splits into two params — the key in `sortParam` + the direction in `sortOrderParam`\n   * (`sortBy=price&order=desc`); `'suffix'` appends the direction value to the key in a single param\n   * (`sort=priceAsc` / `sort=priceDesc` with `ascValue: 'Asc'` / `descValue: 'Desc'`).\n   */\n  sortFormat?: 'field' | 'separate' | 'suffix'\n  /** Direction param name when `sortFormat: 'separate'`. Defaults to `'order'`. */\n  sortOrderParam?: string\n  /**\n   * Value emitted for an ascending sort — the `sortOrderParam` value when `sortFormat: 'separate'`, or the\n   * suffix appended to the key when `sortFormat: 'suffix'`. Defaults to `'asc'`.\n   */\n  ascValue?: string\n  /**\n   * Value emitted for a descending sort — the `sortOrderParam` value when `sortFormat: 'separate'`, or the\n   * suffix appended to the key when `sortFormat: 'suffix'`. Defaults to `'desc'`.\n   */\n  descValue?: string\n  /**\n   * What to emit for the size param when the **\"All\"** rows-per-page choice is active. A `string`/`number`\n   * sets `size=<allValue>` (e.g. `0` for APIs where `limit=0` means \"all\"); omit it (default) to drop the\n   * size param entirely (many APIs treat a missing limit as unbounded).\n   */\n  allValue?: string | number\n  /**\n   * How a **`multiSelect`** filter serializes into the request query: `'repeat'` (default — `cat=a&cat=b`),\n   * `'csv'` (`cat=a,b`), or `'indexed'` (`cat[0]=a&cat[1]=b`).\n   */\n  multiSelectFormat?: 'repeat' | 'csv' | 'indexed'\n  /**\n   * Suffix appended to a **range** filter's param for its lower / upper bound — e.g. `Min`/`Max` (default)\n   * → `priceMin`/`priceMax`; set `'_gte'`/`'_lte'`, `'[gte]'`/`'[lte]'`, `'From'`/`'To'`, … to match your API.\n   */\n  rangeMinSuffix?: string\n  rangeMaxSuffix?: string\n}\n\n/** `<Table>`-specific configuration. Grows over time; today just the server-request query mapping. */\nexport interface TableConfig {\n  /** How `<Table>` builds its server-request params (emitted as `params` / `query` in `onChange`). */\n  query?: TableQueryConfig\n}\n\n/** Signed-in user shown in the shell header avatar + its account menu (see `HeaderConfig`). */\nexport interface HeaderUser {\n  /** Full name — shown as the menu's name line. */\n  name?: string\n  /** Email shown under the name in the account menu. */\n  email?: string\n  /** Avatar image URL (falls back to a user icon). */\n  avatar?: string\n}\n\n/**\n * One custom item in the header account menu (rendered between the user block and **Sign out**). Give it a\n * `to` (a real router link — an `href`, middle-click / ⌘-click open a new tab), an `onClick`, or both\n * (`onClick` runs first, then the navigation). With neither, a development warning is logged.\n */\nexport interface HeaderMenuItem {\n  /** Visible label. */\n  label: string\n  /** Leading icon (`IconName`). Optional. */\n  icon?: IconName\n  /** Runs on click (before any `to` navigation); the menu closes afterwards. */\n  onClick?: () => void\n  /** Router path the item links to (rendered as a router `Link`, so it has an `href`). */\n  to?: string\n  /** Path params for `to` (e.g. `{ id: '7' }` for `/users/$id`). */\n  params?: Record<string, string>\n  /** Search params for `to`. */\n  search?: Record<string, unknown>\n  /** Renders the item disabled. Optional. */\n  disabled?: boolean\n  /** Tint, e.g. `'error'` for a destructive item. Default: inherit. */\n  color?: ThemeColor\n}\n\n/** The `header.environment` badge, spelled out — e.g. `{ label: 'QA', color: 'info' }`. */\nexport interface HeaderEnvironment {\n  /** Chip text, shown as given. */\n  label: string\n  /** Chip tint. Defaults to `warning`. */\n  color?: ThemeColor\n  /** Leading icon. Defaults to `Code` (a build, not the live app); `false` hides it. */\n  icon?: IconName | false\n}\n\n/**\n * An app action button in the shell header — rendered as an `IconButton` in the same style as the built-in\n * header controls (with a `Tooltip` and an optional count / dot badge), left of them. On narrow screens\n * (`xs`) the actions move into the account menu (when there is one).\n */\nexport interface HeaderAction {\n  /** Icon on the button (`IconName`). */\n  icon: IconName\n  /** Accessible name + tooltip text (and the item label once it moves into the account menu). */\n  label: string\n  /** Runs on click. */\n  onClick?: () => void\n  /** Router path to navigate to on click (instead of / as well as `onClick`). */\n  to?: string\n  /** Path params for `to`. */\n  params?: Record<string, string>\n  /** Search params for `to`. */\n  search?: Record<string, unknown>\n  /** Count / text badge pinned to the button (e.g. unread notifications). A numeric `0` is hidden. */\n  badge?: number | string\n  /** A plain indicator dot instead of a count. */\n  dot?: boolean\n  /** Badge / dot tint. Defaults to `error`. */\n  badgeColor?: ThemeColor\n  /** Icon tint. Defaults to the header controls' tint (`accent`). */\n  color?: ThemeColor\n  /** Renders the button disabled. */\n  disabled?: boolean\n}\n\n/**\n * `RootLayout` header configuration — the shell's top-bar controls. Set it once app-wide in\n * `config.header`, or per shell via the `RootLayout` `header` prop (the prop wins, merged over config).\n */\nexport interface HeaderConfig {\n  /** Show the built-in light/dark theme toggle. Defaults to `true`. */\n  theme?: boolean\n  /**\n   * Make the shell header **stick to the top on scroll** (fixed) instead of scrolling away (static).\n   * This is the app-wide default; the user can flip it in the **Settings** drawer and their choice is\n   * persisted (`localStorage['tz-header-sticky']`), overriding this. Defaults to `false` (static).\n   */\n  sticky?: boolean\n  /** Show the browser-fullscreen toggle (auto-hides where the Fullscreen API is unavailable). Defaults to `false`. */\n  fullscreen?: boolean\n  /** Show the **Settings** button (opens the right-side drawer to pick the per-mode `accent`). Defaults to `true`. */\n  settings?: boolean\n  /** Show the nav search over the sidebar's pages (with suggestions). Defaults to `true`. */\n  search?: boolean\n  /**\n   * Show the header **language switcher** (the `Global`-icon dropdown of `config.i18n.languages`).\n   * Defaults to `true`, but it only renders when more than one UI language is configured — so pass\n   * `false` to hide it even with several languages (the panel stays on its current/default language).\n   */\n  languages?: boolean\n  /** Show the breadcrumb trail at the top of the content. Defaults to **`true`**. */\n  breadcrumbs?: boolean\n  /** When provided, an account `Avatar` appears; its menu has a **Sign Out** item that calls this. */\n  onLogout?: () => void\n  /** Signed-in user — shown in the header avatar and as a header block atop the account menu. */\n  user?: HeaderUser\n  /**\n   * Extra items in the header account menu, rendered between the user block and **Sign out**, in order.\n   * Only shown when `onLogout` is set (the menu does not exist otherwise). A `Divider` separates them\n   * from **Sign out**. (When merging a `RootLayout`/`AdminRoot` `header` prop over `config.header`, the\n   * prop's `menu` array **replaces** the config's — arrays don't concatenate.)\n   */\n  menu?: HeaderMenuItem[]\n  /**\n   * App action buttons, left of the built-in controls (theme / language / settings / account), in order —\n   * styled like them, each with a tooltip and an optional badge. On `xs` they move into the account menu\n   * (above the `menu` items) when `onLogout` is set; otherwise they stay in the header. Like `menu`, a\n   * `header` prop's `actions` **replaces** the config's.\n   */\n  actions?: HeaderAction[]\n  /**\n   * Free-form header content for what `actions` can't express — a text `Button` (\"New Order\"), a `Dropdown`.\n   * Rendered left of `actions`; hidden on `xs` (the header has no room there). For an environment badge use\n   * `environment`, which stays visible on `xs`.\n   */\n  extra?: ReactNode\n  /**\n   * The deployment environment badge — a small chip at the start of the header controls, **shown on every\n   * screen size (phones too)**, so nobody mistakes a test build for the real one. Pass the app's env value\n   * straight in, the same code everywhere: `environment: import.meta.env.VITE_APP_ENV`. A string is shown with\n   * its first letter capitalized (`'staging'` → \"Staging\") in the `warning` color with a `Code` icon;\n   * `{ label, color, icon }` sets them.\n   * **Nothing renders** when it's empty / `undefined` / `null` or `'production'` / `'prod'` (any case).\n   */\n  environment?: string | HeaderEnvironment | null\n}\n\n/**\n * UI-language config for the admin panel's **own** static strings (labels, placeholders, aria-labels).\n * Distinct from `locales` (which is content-translation locales for `<TranslatedFields>`). The library\n * ships built-in translations (English + Georgian), so listing `languages` here is enough to get a\n * localized panel — no per-app setup. Any language the library doesn't ship is supplied via `messages`.\n */\nexport interface I18nConfig {\n  /**\n   * Active UI language on first load (a locale code, e.g. `'ka-GE'`). Defaults to English if listed in\n   * `languages`, else the first `languages` entry, else `'en-US'`. The user's switcher choice (persisted)\n   * overrides it.\n   */\n  language?: string\n  /**\n   * The UI languages the panel offers — drives the Settings language switcher. One entry = a fixed\n   * language (no switcher). Defaults to English only. (Reuses the `{ code, label }` shape.)\n   */\n  languages?: LocaleConfig[]\n  /**\n   * Extra / override message catalogs for the **library's own** strings, merged **over** the built-ins\n   * and keyed by language code or base language (`'ka-GE'` or `'ka'`). Use this to localize into a\n   * language the library doesn't ship, or to tweak a built-in string. Unset keys fall back to English.\n   */\n  messages?: MessageOverrides\n  /**\n   * Catalogs for the **consuming app's own** UI strings — its section titles, labels, business copy —\n   * keyed by language code/base then by any string key the app picks. Read via **`useTranslations()`**,\n   * which binds to the active UI language, so the app's text switches together with the panel. Resolution\n   * per key: exact code → base language → English (`'en'`) → the key itself. This is the app's own copy;\n   * `messages` above is only for the library's built-in strings.\n   */\n  appMessages?: AppMessages\n}\n\n/**\n * App-level configuration passed to `<ConfigProvider config={…}>`. Groups theming under `theme`,\n * the configurable key/param names under `keys`, and keeps the rest (`locales`, …) at the top — a\n * single place to grow.\n */\nexport interface Config {\n  /** Theme settings (color overrides + initial mode). Omit entirely to use the built-in theme. */\n  theme?: ThemeConfig\n  /** Content locales the app supports — drive `<TranslatedFields>`' tabs (one per locale). */\n  locales?: LocaleConfig[]\n  /** UI-language config for the panel's own strings (the library ships the translations). See `I18nConfig`. */\n  i18n?: I18nConfig\n  /**\n   * Configurable key / query-param names the components read — e.g. the `<Tabs>` query keys\n   * (`tabQueryKey` / `nestedTabQueryKey`) and the `<TranslatedFields>` namespace\n   * (`translationsNamespace`). Grows over time (`page`, `size`, …).\n   */\n  keys?: KeysConfig\n  /** `<Table>` config — today the server-request query mapping (`table.query`) shared by every table. */\n  table?: TableConfig\n  /**\n   * `RootLayout` header config, app-wide — the shell top-bar toggles (`theme` / `fullscreen` /\n   * `search` / `breadcrumbs`) + the account (`onLogout` / `user`). A `RootLayout`\n   * `header` prop is merged over this (the prop wins), so a specific shell can override.\n   */\n  header?: HeaderConfig\n  /** Google Maps settings for `LocationPicker` (the API key etc.), app-wide. See `MapsConfig`. */\n  maps?: MapsConfig\n}\n\n/**\n * Google Maps settings, app-wide — read by `LocationPicker` (its own `apiKey` / `mapId` props win). The key is the\n * app's **browser** key (restrict it by HTTP referrer in the Google Cloud console); the Maps JavaScript API is\n * loaded on demand the first time a map renders, so a panel that never shows one never loads it.\n */\nexport interface MapsConfig {\n  /** The Google Maps JavaScript API key. */\n  apiKey?: string\n  /**\n   * A Map ID (Google Cloud → Map Management). Optional — with one the pin is an `AdvancedMarkerElement` and the\n   * map uses its cloud style; without it a classic marker + the library's light / dark styling are used.\n   */\n  mapId?: string\n}\n\ninterface ThemeContextValue {\n  mode: ThemeMode\n  setMode: (mode: ThemeMode) => void\n  toggleMode: () => void\n  /** The persisted accent-color overrides **per mode** (a hex, or `null` when using that mode's default). */\n  accentColors: Record<ThemeMode, string | null>\n  /** The configured/default `accent` **per mode** (before any override) — the \"no override\" values. */\n  defaultAccentColors: Record<ThemeMode, string>\n  /** Set (or clear with `null`) the accent override for `mode` (defaults to the current) — persists + re-applies. */\n  setAccentColor: (color: string | null, mode?: ThemeMode) => void\n  locales: LocaleConfig[]\n  /** Resolved translations namespace (`config.keys.translationsNamespace` ?? the built-in default). */\n  translationsNamespace: string\n  /** Resolved top-level tabs query key (`config.keys.tabQueryKey` ?? the built-in default). */\n  tabQueryKey: string\n  /** Resolved nested tabs query key (`config.keys.nestedTabQueryKey` ?? the built-in default). */\n  nestedTabQueryKey: string\n  /** Resolved stepper query key (`config.keys.stepQueryKey` ?? the built-in default). */\n  stepQueryKey: string\n  /** The `<Table>` server-request query mapping (`config.table.query` ?? `{}`). Defaults applied by `buildTableQuery`. */\n  tableQuery: TableQueryConfig\n  /** App-wide `RootLayout` header config (`config.header` ?? `{}`); the `RootLayout` prop merges over it. */\n  header: HeaderConfig\n  /** App-wide Google Maps settings (`config.maps` ?? `{}`). */\n  maps: MapsConfig\n  /** Whether the shell header sticks to the top on scroll (fixed) vs scrolls away (static). Persisted. */\n  headerSticky: boolean\n  /** Set + persist the header sticky/static preference (overrides `config.header.sticky`). */\n  setHeaderSticky: (sticky: boolean) => void\n  /** The active font family (drives `--tz-font-family`). Persisted; seeded from `config.theme.fontFamily`. */\n  fontFamily: string\n  /** Set + persist the font family (a preset or any Google Font name; loaded on demand). */\n  setFontFamily: (family: string) => void\n  /** The active corner shape (`rounded` / `square`, drives `data-tz-shape` on `<html>`). Persisted; seeded from `config.theme.shape`. */\n  shape: ThemeShape\n  /** Set + persist the corner shape (overrides `config.theme.shape`). */\n  setShape: (shape: ThemeShape) => void\n  /**\n   * `true` while any appearance preference differs from the app's configured default — the mode, either\n   * mode's accent, the font, the header sticky choice or the shape. Drives the Settings drawer's Reset.\n   */\n  hasCustomPreferences: boolean\n  /**\n   * Reset every appearance preference to the app's configured default (`config.theme.mode` / `fontFamily` /\n   * `shape`, `config.header.sticky`, no accent override) and forget the saved choices, so the configured\n   * defaults apply again on the next visit. The UI language is not touched (it isn't an appearance setting).\n   */\n  resetPreferences: () => void\n  /** Active UI language code (drives `t`). Persisted; seeded from `config.i18n.language` (default English). */\n  language: string\n  /** Set + persist the active UI language (must be one of `languages`). */\n  setLanguage: (code: string) => void\n  /** The UI languages the panel offers (from `config.i18n.languages`, default English only). */\n  languages: LocaleConfig[]\n  /** Translator for the library's built-in strings, bound to the active `language`. */\n  t: Translator\n  /** Translator for the **app's own** strings (`config.i18n.appMessages`), bound to the active `language`. */\n  appT: AppTranslator\n}\n\nconst ThemeContext = createContext<ThemeContextValue | null>(null)\nconst STORAGE_KEY = 'tz-theme-mode'\n/** Where the user's picked accent-color override is persisted, **per mode** (survives reloads). */\nconst accentStorageKey = (mode: ThemeMode) => `tz-accent-color-${mode}`\n/** Where the user's header sticky/static choice is persisted (survives reloads). */\nconst HEADER_STICKY_KEY = 'tz-header-sticky'\n/** Where the user's chosen font family is persisted (survives reloads). */\nconst FONT_STORAGE_KEY = 'tz-font-family'\n/** Where the user's chosen corner shape is persisted (survives reloads). */\nconst SHAPE_STORAGE_KEY = 'tz-shape'\n/** Where the user's chosen UI language is persisted (survives reloads). */\nconst LOCALE_KEY = 'tz-locale'\n/** Default UI languages when `config.i18n.languages` is unset — English only. */\nconst DEFAULT_LANGUAGES: LocaleConfig[] = [{ code: 'en-US', label: 'English' }]\n/** The default font family (matches the `--tz-font-family` token's primary family). */\nexport const DEFAULT_FONT_FAMILY = 'Inter'\n/** Families already in the shipped CSS (only the default) — these skip the runtime `<link>` load. */\nconst BUNDLED_FONTS: readonly string[] = [DEFAULT_FONT_FAMILY]\n/** The full fallback stack applied to `--tz-font-family` for a chosen family (mirrors theme.css). */\nconst fontStack = (family: string) =>\n  `'${family}', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif`\n\n/** Add the Google Fonts preconnect hints once, so the on-demand font fetch isn't delayed by DNS/TLS. */\nfunction ensureFontPreconnect() {\n  if (typeof document === 'undefined' || document.getElementById('tz-font-preconnect')) return\n  const api = document.createElement('link')\n  api.id = 'tz-font-preconnect'\n  api.rel = 'preconnect'\n  api.href = 'https://fonts.googleapis.com'\n  document.head.appendChild(api)\n  const gstatic = document.createElement('link')\n  gstatic.rel = 'preconnect'\n  gstatic.href = 'https://fonts.gstatic.com'\n  gstatic.crossOrigin = 'anonymous'\n  document.head.appendChild(gstatic)\n}\n\n/**\n * Ensure a Google Fonts stylesheet `<link>` exists for `family` (deduped by id). Only the default\n * (`Inter`) ships pre-imported, so every other family — the Roboto/Lato presets and any custom pick —\n * is loaded here on first use. Bare family request (no weight axes) so it works for any font — Google\n * serves the available weights.\n */\nfunction ensureFontLoaded(family: string) {\n  if (typeof document === 'undefined' || BUNDLED_FONTS.includes(family)) return\n  const id = `tz-font-${family.trim().replace(/\\s+/g, '-').toLowerCase()}`\n  if (document.getElementById(id)) return\n  ensureFontPreconnect()\n  const link = document.createElement('link')\n  link.id = id\n  link.rel = 'stylesheet'\n  link.href = `https://fonts.googleapis.com/css2?family=${encodeURIComponent(family.trim()).replace(/%20/g, '+')}&display=swap`\n  document.head.appendChild(link)\n}\n/** The built-in default URL query param name a **top-level** `<Tabs>` syncs to (no `queryKey`/config). */\nexport const DEFAULT_TABS_QUERY_KEY = 'tab'\n/** The built-in default URL query param name a **nested** `<Tabs>` syncs to (no `queryKey`/config). */\nexport const DEFAULT_NESTED_TAB_QUERY_KEY = 'nestedTab'\n/** The built-in default URL query param name a `<Stepper>` syncs to (no `queryKey`/config). */\nexport const DEFAULT_STEP_QUERY_KEY = 'step'\n/** Stable empty-locales fallback so the context value memo doesn't churn when no locales are configured. */\nconst EMPTY_LOCALES: LocaleConfig[] = []\n/** Stable empty table-query fallback so the context memo doesn't churn when no `table.query` is configured. */\nconst EMPTY_TABLE_QUERY: TableQueryConfig = {}\n/** Stable empty header fallback so the context memo doesn't churn when no `header` is configured. */\nconst EMPTY_HEADER: HeaderConfig = {}\nconst EMPTY_MAPS: MapsConfig = {}\n\n/**\n * The library's built-in light palette — the single source of truth for every theme color's default\n * value. Apps override any subset via `config.colors.light`; the rest fall back to these. (theme.css\n * holds only the structure that references these values, not the values themselves.)\n */\nconst DEFAULT_LIGHT_COLORS: ThemePalette = {\n  primary: '#13404e',\n  secondary: '#ffffff',\n  background: '#f9f9f9', // the rear + shell canvas — a soft off-white behind the white panels\n  surface: '#ffffff', // the elevated panels (cards, sidebar, inputs, dropdowns, modals)\n  accent: '#056472',\n  success: '#00a854',\n  error: '#f04134',\n  info: '#039aa1',\n  warning: '#ffbf00',\n}\n\n/**\n * Built-in dark-mode overrides — only the colors that differ from light; everything else inherits the\n * (merged) light palette. Apps override any of these via `config.colors.dark`.\n */\nconst DEFAULT_DARK_COLORS: Partial<ThemePalette> = {\n  primary: '#e6e8eb',\n  secondary: '#191919',\n  background: '#0f0f0f', // the near-black rear + canvas\n  surface: '#191919', // a touch lighter than the canvas, for the elevated panels\n  accent: '#16a6b4', // a brighter teal — the light-mode accent is too dark on the dark canvas\n  success: '#00a854',\n  error: '#f04134',\n  info: '#039aa1',\n  warning: '#ffbf00',\n}\n\nfunction getInitialMode(fallback: ThemeMode): ThemeMode {\n  const stored = localStorage.getItem(STORAGE_KEY)\n  return stored === 'light' || stored === 'dark' ? stored : fallback\n}\n\n/** The persisted per-mode accent-color overrides (a hex string per mode, or `null` when none picked). */\nfunction getInitialAccentByMode(): Record<ThemeMode, string | null> {\n  return {\n    light: localStorage.getItem(accentStorageKey('light')) || null,\n    dark: localStorage.getItem(accentStorageKey('dark')) || null,\n  }\n}\n\n/** The persisted header sticky choice (`fallback` = the app's `config.header.sticky` when unset). */\nfunction getInitialHeaderSticky(fallback: boolean): boolean {\n  const stored = localStorage.getItem(HEADER_STICKY_KEY)\n  return stored === '1' ? true : stored === '0' ? false : fallback\n}\n\n/** The persisted font family (`fallback` = `config.theme.fontFamily` ?? the default when unset). */\nfunction getInitialFont(fallback: string): string {\n  return localStorage.getItem(FONT_STORAGE_KEY) || fallback\n}\n\n/** The persisted corner shape (`fallback` = `config.theme.shape` ?? `rounded` when unset / invalid). */\nfunction getInitialShape(fallback: ThemeShape): ThemeShape {\n  const stored = localStorage.getItem(SHAPE_STORAGE_KEY)\n  return stored === 'rounded' || stored === 'square' ? stored : fallback\n}\n\n/**\n * The initial UI language: the persisted choice (if still offered), else `config.i18n.language`, else\n * English if it's among the offered languages, else the first offered, else `'en-US'`. Always clamped\n * to a code that's actually in `languages`.\n */\nfunction getInitialLanguage(languages: LocaleConfig[], configLanguage?: string): string {\n  const codes = languages.map((l) => l.code)\n  const stored = localStorage.getItem(LOCALE_KEY)\n  if (stored && codes.includes(stored)) return stored\n  if (configLanguage && codes.includes(configLanguage)) return configLanguage\n  return codes.find((c) => c.toLowerCase().startsWith('en')) ?? codes[0] ?? 'en-US'\n}\n\nexport interface ConfigProviderProps {\n  /** App config — theme overrides, initial mode, locales. Omit for the built-in defaults (light mode). */\n  config?: Config\n  children: ReactNode\n}\n\nexport function ConfigProvider({ config, children }: ConfigProviderProps) {\n  const [mode, setModeState] = useState<ThemeMode>(() =>\n    getInitialMode(config?.theme?.mode ?? 'light'),\n  )\n  // user-picked accents that override the configured/default `accent` — kept PER MODE; persisted\n  const [accentByMode, setAccentByMode] =\n    useState<Record<ThemeMode, string | null>>(getInitialAccentByMode)\n  // user's header sticky/static choice — persisted; seeded from config.header.sticky (default static)\n  const [headerSticky, setHeaderStickyState] = useState<boolean>(() =>\n    getInitialHeaderSticky(config?.header?.sticky ?? false),\n  )\n  // user's chosen font family — persisted; seeded from config.theme.fontFamily (default Inter)\n  const [fontFamily, setFontFamilyState] = useState<string>(() =>\n    getInitialFont(config?.theme?.fontFamily ?? DEFAULT_FONT_FAMILY),\n  )\n  // user's chosen corner shape — persisted; seeded from config.theme.shape (default rounded)\n  const [shape, setShapeState] = useState<ThemeShape>(() =>\n    getInitialShape(config?.theme?.shape ?? 'rounded'),\n  )\n  // UI languages offered + the active one (persisted; seeded from config.i18n, default English)\n  const languages = config?.i18n?.languages ?? DEFAULT_LANGUAGES\n  const i18nMessages = config?.i18n?.messages\n  const appMessages = config?.i18n?.appMessages\n  const [language, setLanguageState] = useState<string>(() =>\n    getInitialLanguage(languages, config?.i18n?.language),\n  )\n  const colors = config?.theme?.colors\n\n  // the configured/default palette for BOTH modes, before any accent override:\n  // light = library defaults then the app's light overrides; dark = that, then the library dark deltas,\n  // then the app's dark overrides. (Both computed so the Settings drawer can offer a picker per mode.)\n  const basePalettes = useMemo(() => {\n    const light = { ...DEFAULT_LIGHT_COLORS, ...colors?.light }\n    const dark = { ...light, ...DEFAULT_DARK_COLORS, ...colors?.dark }\n    return { light, dark }\n  }, [colors])\n  // the accent per mode when there's NO override — exposed so UI needn't hardcode it\n  const defaultAccentColors = useMemo(\n    () => ({ light: basePalettes.light.accent, dark: basePalettes.dark.accent }),\n    [basePalettes],\n  )\n\n  // Commit a mode's resolved theme straight to `<html>` (CSS vars + attrs + persisted mode). Called\n  // **eagerly** on change (so the DOM updates the instant you toggle, NOT after React re-renders the\n  // whole subtree — which is what made the switch feel ~1s late) and from the effect below (initial\n  // mount / accent change / external `setMode`). Idempotent, so applying twice is harmless.\n  const applyMode = useCallback(\n    (nextMode: ThemeMode, accent: string | null = accentByMode[nextMode]) => {\n      const base = basePalettes[nextMode]\n      applyTheme(accent ? { ...base, accent } : base)\n      const root = document.documentElement\n      root.setAttribute('data-tz-theme', nextMode)\n      root.style.setProperty('color-scheme', nextMode)\n    },\n    [basePalettes, accentByMode],\n  )\n\n  useLayoutEffect(() => {\n    applyMode(mode)\n  }, [applyMode, mode])\n\n  // commit the app's breakpoint overrides to the shared store (before paint, so token media queries\n  // resolve to the configured bounds without a flash). Serialized dep so an inline object doesn't refire.\n  const breakpointsConfig = config?.theme?.breakpoints\n  useLayoutEffect(() => {\n    setBreakpoints(breakpointsConfig)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify(breakpointsConfig ?? null)])\n\n  const setMode = useCallback(\n    (next: ThemeMode) => {\n      applyMode(next) // eager DOM update — don't wait for the re-render/commit\n      setModeState(next)\n      localStorage.setItem(STORAGE_KEY, next) // persisted only on a user choice (not on every mount)\n    },\n    [applyMode],\n  )\n\n  const toggleMode = useCallback(\n    () => setMode(mode === 'light' ? 'dark' : 'light'),\n    [mode, setMode],\n  )\n\n  // set (or clear with `null`) the accent override for `target` (defaults to the current mode); persists\n  const setAccentColor = useCallback(\n    (color: string | null, target?: ThemeMode) => {\n      const m = target ?? mode\n      setAccentByMode((prev) => ({ ...prev, [m]: color }))\n      if (color) localStorage.setItem(accentStorageKey(m), color)\n      else localStorage.removeItem(accentStorageKey(m))\n      if (m === mode) applyMode(mode, color) // eager for the active mode\n    },\n    [mode, applyMode],\n  )\n\n  // set + persist the header sticky preference (overrides config.header.sticky)\n  const setHeaderSticky = useCallback((sticky: boolean) => {\n    setHeaderStickyState(sticky)\n    localStorage.setItem(HEADER_STICKY_KEY, sticky ? '1' : '0')\n  }, [])\n\n  // apply the font: load it (if not preloaded) + write the stack to --tz-font-family on <html>.\n  // Eager on change + in a layout effect (mount / external change), like the mode/accent commit.\n  const applyFont = useCallback((family: string) => {\n    ensureFontLoaded(family)\n    document.documentElement.style.setProperty('--tz-font-family', fontStack(family))\n  }, [])\n  useLayoutEffect(() => {\n    applyFont(fontFamily)\n  }, [applyFont, fontFamily])\n  // set + persist the chosen font family (overrides config.theme.fontFamily)\n  const setFontFamily = useCallback(\n    (family: string) => {\n      const next = family.trim() || DEFAULT_FONT_FAMILY\n      applyFont(next) // eager — don't wait for the re-render\n      setFontFamilyState(next)\n      localStorage.setItem(FONT_STORAGE_KEY, next)\n    },\n    [applyFont],\n  )\n\n  // apply the corner shape: write `data-tz-shape` on <html> — theme.css zeroes the `--tz-radius-*`\n  // scale under `[data-tz-shape='square']`. Eager on change + in a layout effect, like the mode commit.\n  const applyShape = useCallback((next: ThemeShape) => {\n    document.documentElement.setAttribute('data-tz-shape', next)\n  }, [])\n  useLayoutEffect(() => {\n    applyShape(shape)\n  }, [applyShape, shape])\n  // set + persist the chosen corner shape (overrides config.theme.shape)\n  const setShape = useCallback(\n    (next: ThemeShape) => {\n      applyShape(next) // eager — don't wait for the re-render\n      setShapeState(next)\n      localStorage.setItem(SHAPE_STORAGE_KEY, next)\n    },\n    [applyShape],\n  )\n\n  // the app's configured defaults — what Reset returns to (and what \"unchanged\" is measured against)\n  const defaultMode = config?.theme?.mode ?? 'light'\n  const defaultSticky = config?.header?.sticky ?? false\n  const defaultFont = config?.theme?.fontFamily ?? DEFAULT_FONT_FAMILY\n  const defaultShape = config?.theme?.shape ?? 'rounded'\n  const hasCustomPreferences =\n    mode !== defaultMode ||\n    accentByMode.light != null ||\n    accentByMode.dark != null ||\n    headerSticky !== defaultSticky ||\n    fontFamily !== defaultFont ||\n    shape !== defaultShape\n  // reset every appearance preference to the configured default + forget the saved choices (eager DOM\n  // commits like the individual setters), so the configured defaults apply again on the next visit too\n  const resetPreferences = useCallback(() => {\n    for (const key of [\n      STORAGE_KEY,\n      accentStorageKey('light'),\n      accentStorageKey('dark'),\n      HEADER_STICKY_KEY,\n      FONT_STORAGE_KEY,\n      SHAPE_STORAGE_KEY,\n    ]) {\n      localStorage.removeItem(key)\n    }\n    setAccentByMode({ light: null, dark: null })\n    applyMode(defaultMode, null)\n    setModeState(defaultMode)\n    setHeaderStickyState(defaultSticky)\n    applyFont(defaultFont)\n    setFontFamilyState(defaultFont)\n    applyShape(defaultShape)\n    setShapeState(defaultShape)\n  }, [applyMode, applyFont, applyShape, defaultMode, defaultSticky, defaultFont, defaultShape])\n\n  // set + persist the active UI language\n  const setLanguage = useCallback((code: string) => {\n    setLanguageState(code)\n    localStorage.setItem(LOCALE_KEY, code)\n  }, [])\n  // the translator bound to the active language (rebuilt only when the language or overrides change)\n  const t = useMemo<Translator>(\n    () => createTranslator(language, i18nMessages),\n    [language, i18nMessages],\n  )\n  // the app's-own-strings translator, bound to the same active language (rebuilt on language/catalog change)\n  const appT = useMemo<AppTranslator>(\n    () => createAppTranslator(language, appMessages),\n    [language, appMessages],\n  )\n\n  const locales = config?.locales ?? EMPTY_LOCALES\n  const translationsNamespace =\n    config?.keys?.translationsNamespace ?? DEFAULT_TRANSLATIONS_NAMESPACE\n  const tabQueryKey = config?.keys?.tabQueryKey ?? DEFAULT_TABS_QUERY_KEY\n  const nestedTabQueryKey = config?.keys?.nestedTabQueryKey ?? DEFAULT_NESTED_TAB_QUERY_KEY\n  const stepQueryKey = config?.keys?.stepQueryKey ?? DEFAULT_STEP_QUERY_KEY\n  const tableQuery = config?.table?.query ?? EMPTY_TABLE_QUERY\n  const headerConfig = config?.header ?? EMPTY_HEADER\n  const mapsConfig = config?.maps ?? EMPTY_MAPS\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({\n      mode,\n      setMode,\n      toggleMode,\n      accentColors: accentByMode,\n      defaultAccentColors,\n      setAccentColor,\n      locales,\n      translationsNamespace,\n      tabQueryKey,\n      nestedTabQueryKey,\n      stepQueryKey,\n      tableQuery,\n      header: headerConfig,\n      maps: mapsConfig,\n      headerSticky,\n      setHeaderSticky,\n      fontFamily,\n      setFontFamily,\n      shape,\n      setShape,\n      hasCustomPreferences,\n      resetPreferences,\n      language,\n      setLanguage,\n      languages,\n      t,\n      appT,\n    }),\n    [\n      mode,\n      setMode,\n      toggleMode,\n      accentByMode,\n      defaultAccentColors,\n      setAccentColor,\n      locales,\n      translationsNamespace,\n      tabQueryKey,\n      nestedTabQueryKey,\n      stepQueryKey,\n      tableQuery,\n      headerConfig,\n      mapsConfig,\n      headerSticky,\n      setHeaderSticky,\n      fontFamily,\n      setFontFamily,\n      shape,\n      setShape,\n      hasCustomPreferences,\n      resetPreferences,\n      language,\n      setLanguage,\n      languages,\n      t,\n      appT,\n    ],\n  )\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n}\n\nexport function useTheme(): ThemeContextValue {\n  const value = useContext(ThemeContext)\n  if (!value) {\n    throw new Error('useTheme must be used within a <ConfigProvider>')\n  }\n  return value\n}\n\n/**\n * The content locales configured on `<ConfigProvider config={{ locales }}>`. Lenient — returns `[]`\n * outside a provider (locales are optional), so `<TranslatedFields>` can also take a `locales` prop.\n */\nexport function useLocales(): LocaleConfig[] {\n  return useContext(ThemeContext)?.locales ?? EMPTY_LOCALES\n}\n\n/** Fallback English translator so a component used **without** a `<ConfigProvider>` still shows text. */\nconst DEFAULT_TRANSLATOR: Translator = createTranslator('en')\n/** Fallback app translator (no catalogs) — returns the key itself, so `useTranslations()` is safe anywhere. */\nconst DEFAULT_APP_TRANSLATOR: AppTranslator = createAppTranslator('en')\n\n/**\n * The translator for the library's built-in UI strings, bound to the active `config.i18n` language.\n * **Lenient** — outside a provider it returns an English translator, so components render standalone\n * (and in tests) with their default English labels. Use it for any built-in string:\n * `t('select.noOptions')`.\n */\nexport function useT(): Translator {\n  return useContext(ThemeContext)?.t ?? DEFAULT_TRANSLATOR\n}\n\n/**\n * Translator for the **consuming app's own** strings — the catalogs passed to\n * `<ConfigProvider config={{ i18n: { appMessages } }}>` — bound to the active UI language, so the app's\n * copy switches together with the panel. Free-form string keys; per key it resolves exact code → base\n * language → English (`'en'`) → the key itself, with `{name}` interpolation:\n *\n * ```tsx\n * const t = useTranslations()\n * <PageLayout title={t('customer-transactions.title')} />\n * <p>{t('customer-transactions.count', { count: 128 })}</p>\n * ```\n *\n * **Lenient** — outside a provider (or with no `appMessages`) it echoes the key back, so it's safe\n * anywhere. Use `useT()` for the library's built-in strings; use this for your own.\n */\nexport function useTranslations(): AppTranslator {\n  return useContext(ThemeContext)?.appT ?? DEFAULT_APP_TRANSLATOR\n}\n\n/**\n * The active UI language + switcher data: `{ language, setLanguage, languages }`. Lenient outside a\n * provider (English, single language, no-op setter) so it's safe to call anywhere.\n */\nexport function useLanguage(): {\n  language: string\n  setLanguage: (code: string) => void\n  languages: LocaleConfig[]\n} {\n  const ctx = useContext(ThemeContext)\n  return {\n    language: ctx?.language ?? 'en-US',\n    setLanguage: ctx?.setLanguage ?? (() => {}),\n    languages: ctx?.languages ?? DEFAULT_LANGUAGES,\n  }\n}\n\n/**\n * The translations namespace configured on `<ConfigProvider config={{ keys: { translationsNamespace } }}>`,\n * resolved against the built-in default (`'translations'`). Lenient outside a provider. Use it to pass\n * the same namespace to the helpers, e.g. `buildTranslations(codes, fields, useTranslationsNamespace())`.\n */\nexport function useTranslationsNamespace(): string {\n  return useContext(ThemeContext)?.translationsNamespace ?? DEFAULT_TRANSLATIONS_NAMESPACE\n}\n\n/**\n * The default top-level tabs query key configured on `<ConfigProvider config={{ keys: { tabQueryKey } }}>`,\n * resolved against the built-in default (`'tab'`). Lenient outside a provider. A top-level `<Tabs>` reads\n * it as the fallback for an omitted `queryKey`, so every tab strip URL-syncs out of the box.\n */\nexport function useTabsQueryKey(): string {\n  return useContext(ThemeContext)?.tabQueryKey ?? DEFAULT_TABS_QUERY_KEY\n}\n\n/**\n * The default nested tabs query key configured on\n * `<ConfigProvider config={{ keys: { nestedTabQueryKey } }}>`, resolved against the built-in default\n * (`'nestedTab'`). Lenient outside a provider. A `<Tabs>` nested inside another tab's panel uses this\n * (instead of `tabQueryKey`) so the two strips don't collide on the same URL param.\n */\nexport function useNestedTabQueryKey(): string {\n  return useContext(ThemeContext)?.nestedTabQueryKey ?? DEFAULT_NESTED_TAB_QUERY_KEY\n}\n\n/**\n * The default stepper query key configured on `<ConfigProvider config={{ keys: { stepQueryKey } }}>`,\n * resolved against the built-in default (`'step'`). Lenient outside a provider. A `<Stepper queryKey>`\n * (the bare/`true` opt-in form) reads it as the param name; a string `queryKey` overrides it.\n */\nexport function useStepQueryKey(): string {\n  return useContext(ThemeContext)?.stepQueryKey ?? DEFAULT_STEP_QUERY_KEY\n}\n\n/**\n * The `<Table>` server-request query mapping configured on `<ConfigProvider config={{ table: { query } }}>`\n * (`{}` when unset / outside a provider). `<Table>` merges its own `queryMapping` prop over this, then feeds\n * the result to `buildTableQuery`, which applies the field defaults — so an unconfigured table emits the\n * default page-based `?page=…&size=…&search=…&sort=…` shape.\n */\nexport function useTableQueryConfig(): TableQueryConfig {\n  return useContext(ThemeContext)?.tableQuery ?? EMPTY_TABLE_QUERY\n}\n\n/**\n * The app-wide `RootLayout` header config set on `<ConfigProvider config={{ header }}>` (`{}` when\n * unset / outside a provider). `RootLayout` merges its own `header` prop over this (the prop wins), so\n * a specific shell can override the app-wide defaults.\n */\nexport function useHeaderConfig(): HeaderConfig {\n  return useContext(ThemeContext)?.header ?? EMPTY_HEADER\n}\n\n/** The app-wide Google Maps settings (`config.maps`; `{}` when unset / outside a provider). */\nexport function useMapsConfig(): MapsConfig {\n  return useContext(ThemeContext)?.maps ?? EMPTY_MAPS\n}\n\n/** The active light / dark mode — lenient (`'light'` outside a provider), for components that only read it. */\nexport function useColorMode(): ThemeMode {\n  return useContext(ThemeContext)?.mode ?? 'light'\n}\n"],"names":["hexToRgbTriplet","hex","h","int","contrastColor","rgbTriplet","r","g","b","n","CONTRAST_OVERRIDE","applyTheme","theme","target","name","value","triplet","ThemeContext","createContext","STORAGE_KEY","accentStorageKey","mode","HEADER_STICKY_KEY","FONT_STORAGE_KEY","SHAPE_STORAGE_KEY","LOCALE_KEY","DEFAULT_LANGUAGES","DEFAULT_FONT_FAMILY","BUNDLED_FONTS","fontStack","family","ensureFontPreconnect","api","gstatic","ensureFontLoaded","id","link","DEFAULT_TABS_QUERY_KEY","DEFAULT_NESTED_TAB_QUERY_KEY","DEFAULT_STEP_QUERY_KEY","EMPTY_LOCALES","EMPTY_TABLE_QUERY","EMPTY_HEADER","EMPTY_MAPS","DEFAULT_LIGHT_COLORS","DEFAULT_DARK_COLORS","getInitialMode","fallback","stored","getInitialAccentByMode","getInitialHeaderSticky","getInitialFont","getInitialShape","getInitialLanguage","languages","configLanguage","codes","l","c","ConfigProvider","config","children","setModeState","useState","_a","accentByMode","setAccentByMode","headerSticky","setHeaderStickyState","fontFamily","setFontFamilyState","shape","setShapeState","i18nMessages","_b","appMessages","_c","language","setLanguageState","colors","_d","basePalettes","useMemo","light","dark","defaultAccentColors","applyMode","useCallback","nextMode","accent","base","root","useLayoutEffect","breakpointsConfig","_e","setBreakpoints","setMode","next","toggleMode","setAccentColor","color","m","prev","setHeaderSticky","sticky","applyFont","setFontFamily","applyShape","setShape","defaultMode","_f","defaultSticky","_g","defaultFont","_h","defaultShape","_i","hasCustomPreferences","resetPreferences","key","setLanguage","code","t","createTranslator","appT","createAppTranslator","locales","translationsNamespace","_j","DEFAULT_TRANSLATIONS_NAMESPACE","tabQueryKey","_k","nestedTabQueryKey","_l","stepQueryKey","_m","tableQuery","_n","headerConfig","mapsConfig","jsx","useTheme","useContext","useLocales","DEFAULT_TRANSLATOR","DEFAULT_APP_TRANSLATOR","useT","useTranslations","useLanguage","ctx","useTranslationsNamespace","useTabsQueryKey","useNestedTabQueryKey","useStepQueryKey","useTableQueryConfig","useHeaderConfig","useMapsConfig","useColorMode"],"mappings":"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"}

package/dist/DatePicker-CXRsT-lt.cjs

@@ -1,2 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),r=require("react"),W=require("clsx"),Ie=require("./formContext-bTWrqdEV.cjs"),Ce=require("./FloatingPanel-tGCG2nhA.cjs"),_=require("./Icon-B6lz-V0A.cjs"),ke=require("./IconButton-CQ25TtBc.cjs"),G=require("./Typography-d97DdbNd.cjs"),je=require("./Calendar-CMNBHtvY.cjs"),t=require("./DatePicker.module-BDtTsg8M.cjs"),Se=require("./ConfigProvider-B_Bb6pk1.cjs"),ge=r.forwardRef(function({label:b,size:C="md",error:J,helperText:K,required:Q=!1,fullWidth:U=!0,disabled:f=!1,value:k,defaultValue:X,onChange:j,format:c="DD/MM/YYYY",valueFormat:S="YYYY-MM-DDTHH:mm:ss",placeholder:Z,min:ee,max:te,disabledDate:g,weekStartsOn:se=1,clearable:re=!0,name:i,id:ne,className:oe,style:ae},u){const F=Se.useT(),le=r.useId(),m=ne??le,O=`${m}-helper`,ce=`${m}-label`,y=Ie.useFormContext(),h=!!(y&&i),o=h?y.field(i):void 0,ie=k!==void 0?k:h?y.values[i]??"":void 0,w=k!==void 0||h,[ue,de]=r.useState(X??""),x=w?ie:ue,a=t.parseValue(x,S),D=J??(o==null?void 0:o.error)??!1,q=K??(o==null?void 0:o.helperText),M=t.parseISO(ee),B=t.parseISO(te),pe=t.maskFromFormat(c),v=e=>{e!==x&&(w||de(e),h&&y.setValue(i,e),j==null||j(e))},P=e=>v(e?t.formatValue(e,S):""),R=e=>!a||!e.isSame(a,"day"),[T,d]=r.useState(()=>a?a.format(c):"");r.useEffect(()=>{d(a?a.format(c):"")},[x,c,S]);const N=r.useRef(null),Y=r.useRef(null),[p,V]=r.useState(!1),[fe,E]=r.useState(()=>a??t.today()),me=r.useCallback(e=>{Y.current=e,typeof u=="function"?u(e):u&&(u.current=e)},[u]),I=r.useRef(void 0);I.current=o?()=>o.onBlur({}):void 0;const H=r.useRef(null),L=r.useCallback(e=>{var s,l;V(!1),(s=I.current)==null||s.call(I),e&&((l=Y.current)==null||l.focus())},[]);r.useEffect(()=>{p&&E(a??t.today())},[p]);const ye=e=>{const s=t.applyMask(e,pe);if(d(s),s===""){v("");return}const l=t.parseInput(s,c);l&&!$(l)&&R(l)&&P(l)},$=e=>M&&e.isBefore(M,"day")||B&&e.isAfter(B,"day")?!0:!!(g&&g(t.toISO(e))),he=e=>{var z,A;const s=t.parseInput(T,c);T===""?v(""):s&&!$(s)?(R(s)&&P(s),d(s.format(c))):d(a?a.format(c):"");const l=e.relatedTarget;l&&((z=H.current)!=null&&z.contains(l)||(A=N.current)!=null&&A.contains(l))||o==null||o.onBlur(e)},xe=e=>{const s=t.parseISO(e);s&&R(s)&&P(s),L(!0)},ve=C==="sm"?"sm":"md";return n.jsxs("div",{className:W.clsx(t.styles.field,t.styles[C],U&&t.styles.fullWidth,D&&t.styles.error,f&&t.styles.disabled,oe),style:ae,children:[b!=null&&n.jsxs("label",{htmlFor:m,className:t.styles.label,children:[n.jsx(G.Typography,{as:"span",variant:"bodySmall",color:"muted",children:b}),Q&&n.jsx("span",{className:t.styles.required,"aria-hidden":"true",children:"*"})]}),n.jsxs("div",{ref:N,className:W.clsx(t.styles.control,p&&t.styles.open),children:[n.jsx("input",{ref:me,id:m,name:i,className:t.styles.input,value:T,placeholder:Z??c.toLowerCase(),disabled:f,inputMode:"numeric",autoComplete:"off","aria-invalid":D||void 0,"aria-describedby":q!=null?O:void 0,onChange:e=>ye(e.target.value),onBlur:he}),re&&x!==""&&!f&&n.jsx("button",{type:"button",className:t.styles.clear,"aria-label":F("datePicker.clear"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:()=>{var e;v(""),d(""),(e=Y.current)==null||e.focus()},children:n.jsx(_.Icon,{name:"CloseCircle",size:"sm"})}),n.jsx(ke.IconButton,{type:"button",variant:"text",color:"primary",size:C,disabled:f,"aria-label":F("datePicker.open"),"aria-haspopup":"dialog","aria-expanded":p,className:t.styles.calendarButton,onMouseDown:e=>e.preventDefault(),onClick:()=>V(e=>!e),children:n.jsx(_.Icon,{name:"Calendar3",size:ve})})]}),n.jsx(Ce.FloatingPanel,{ref:H,open:p,triggerRef:N,onClose:L,role:"dialog",ariaLabel:"Choose date",trapFocus:!0,className:t.styles.popover,children:n.jsx(je.Calendar,{value:a,month:fe,onMonthChange:E,onSelect:xe,min:M,max:B,disabledDate:g,weekStartsOn:se,autoFocus:!0,labelId:ce})}),q!=null&&n.jsx(G.Typography,{as:"span",id:O,variant:"bodySmall",color:D?"error":"muted",className:t.styles.helper,children:q})]})});exports.DatePicker=ge;
-//# sourceMappingURL=DatePicker-CXRsT-lt.cjs.map

package/dist/DateTimePicker-B-Jjejzm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimePicker-B-Jjejzm.js","sources":["../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tabs } from '../Tabs'\nimport { Typography } from '../Typography'\nimport { Calendar } from '../DatePicker/Calendar'\nimport {\n  applyMask,\n  localWallToUtc,\n  maskFromFormat,\n  parseISO,\n  parseInput,\n  parseValue,\n  today,\n  toISO,\n  utcToLocalWall,\n  type Dayjs,\n} from '../DatePicker/dateUtils'\nimport styles from '../DatePicker/DatePicker.module.css'\nimport dt from './DateTimePicker.module.css'\nimport { TimeColumns } from './TimeColumns'\n\nexport type DateTimePickerSize = 'sm' | 'md' | 'lg'\n\nexport interface DateTimePickerProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — control height, font and calendar density. */\n  size?: DateTimePickerSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — a datetime string in `valueFormat` (default ISO datetime; `''` = empty). */\n  value?: string\n  /** Initial value for uncontrolled use (in `valueFormat`). */\n  defaultValue?: string\n  /** Fires with the next datetime in `valueFormat` (`''` when cleared). */\n  onChange?: (value: string) => void\n  /**\n   * Display + typed-input format (dayjs tokens). Defaults to `'DD/MM/YYYY HH:mm:ss'` (or `hh:mm:ss A`\n   * when `hour12`; the `:ss` is dropped when `showSeconds` is `false`).\n   */\n  format?: string\n  /**\n   * Wire format of `value`/`defaultValue`/`onChange` (dayjs tokens), decoupled from the displayed\n   * `format`. Defaults to the ISO datetime `'YYYY-MM-DDTHH:mm:ss[Z]'` when `utc` (the `Z` marks the\n   * value as UTC, e.g. `'2026-06-10T09:35:00Z'`), or `'YYYY-MM-DDTHH:mm:ss'` (no `Z`) when `utc={false}`.\n   * Incoming values are parsed **leniently** (this format, then any ISO-8601 string — so a backend\n   * datetime like `'2026-06-10T09:35:49.6134342'` with or without `Z` is accepted).\n   */\n  valueFormat?: string\n  /**\n   * Treat the value as **UTC** and display/edit in the viewer's **local** timezone (default `true`).\n   * Set `false` to disable timezone conversion entirely — the field shows and emits the value's exact\n   * wall-clock (what you pick is what's sent, no UTC shift).\n   */\n  utc?: boolean\n  /** 12-hour clock (1–12 + AM/PM) instead of 24-hour (0–23). Defaults to `false`. */\n  hour12?: boolean\n  /** Minute increment for the minutes column. Defaults to `1`. */\n  minuteStep?: number\n  /** Show the seconds column + `:ss` in the default format. Defaults to `true`; pass `false` to hide seconds. */\n  showSeconds?: boolean\n  /** Placeholder shown when empty. Defaults to the lowercased `format`. */\n  placeholder?: string\n  /** Earliest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  min?: string\n  /** Latest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  max?: string\n  /** Disables specific dates — receives each day as an ISO `'YYYY-MM-DD'` string. */\n  disabledDate?: (date: string) => boolean\n  /** First day of the week: 0 = Sunday … 6 = Saturday. Defaults to `1` (Monday). */\n  weekStartsOn?: number\n  /** Shows a clear (×) button when a value is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the datetime string). */\n  name?: string\n  /** Id for the input (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\nfunction defaultFormatFor(hour12: boolean, showSeconds: boolean): string {\n  const time = hour12\n    ? showSeconds\n      ? 'hh:mm:ss A'\n      : 'hh:mm A'\n    : showSeconds\n      ? 'HH:mm:ss'\n      : 'HH:mm'\n  return `DD/MM/YYYY ${time}`\n}\n\n/**\n * A datetime field with a typed, masked input **and** a popover combining the keyboard-navigable\n * `Calendar` (date) with scrollable time columns (hour / minute / optional second + AM/PM in 12-hour\n * mode). All math runs in **UTC** so the instant never drifts with the viewer's timezone; the value is a\n * string in `valueFormat` (UTC ISO datetime with a `Z` by default, or no `Z` when `utc={false}`) — incoming values are parsed\n * leniently (a richer backend datetime is accepted) and the chosen instant is emitted in that format.\n * Picking a date keeps the time and vice-versa, and the popover stays open until you click away,\n * press Escape, or hit Done. Supports `hour12`, `minuteStep`, `showSeconds`, `min`/`max`,\n * `disabledDate`, `weekStartsOn`, and `clearable`. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name`. Requires the `dayjs` peer dependency.\n */\nexport const DateTimePicker = forwardRef<HTMLInputElement, DateTimePickerProps>(\n  function DateTimePicker(\n    {\n      label,\n      size = 'md',\n      error,\n      helperText,\n      required = false,\n      fullWidth = true,\n      disabled = false,\n      value,\n      defaultValue,\n      onChange,\n      format: formatProp,\n      valueFormat: valueFormatProp,\n      utc = true,\n      hour12 = false,\n      minuteStep = 1,\n      showSeconds = true,\n      placeholder,\n      min,\n      max,\n      disabledDate,\n      weekStartsOn = 1,\n      clearable = true,\n      name,\n      id: idProp,\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const t = useT()\n    const reactId = useId()\n    const id = idProp ?? reactId\n    const helperId = `${id}-helper`\n    const labelId = `${id}-label`\n    const format = formatProp ?? defaultFormatFor(hour12, showSeconds)\n    // when the value is UTC, the wire string carries a `Z` (\"…09:35:00Z\"); `utc={false}` emits the\n    // bare wall-clock (no zone designator). Override either via `valueFormat`.\n    const valueFormat = valueFormatProp ?? (utc ? 'YYYY-MM-DDTHH:mm:ss[Z]' : 'YYYY-MM-DDTHH:mm:ss')\n\n    // ── value (controlled / form-bound / uncontrolled) — a `valueFormat` datetime string ────────────\n    const form = useFormContext()\n    const isFormBound = Boolean(form && name)\n    const bound = isFormBound ? form!.field(name!) : undefined\n    const externalValue =\n      value !== undefined\n        ? value\n        : isFormBound\n          ? ((form!.values[name!] as string | undefined) ?? '')\n          : undefined\n    const isControlled = value !== undefined || isFormBound\n    const [internal, setInternal] = useState<string>(defaultValue ?? '')\n    const currentValue = isControlled ? externalValue! : internal\n    // when `utc`, parse the UTC value and show it in the viewer's LOCAL time (value stays UTC, emit\n    // converts back); when `utc={false}`, show/emit the value's exact wall-clock (no tz conversion)\n    const toDisplay = (instant: Dayjs | null) => (utc ? utcToLocalWall(instant) : instant)\n    const selected = toDisplay(parseValue(currentValue, valueFormat))\n\n    const resolvedError = error ?? bound?.error ?? false\n    const resolvedHelperText = helperText ?? bound?.helperText\n\n    const minDate = toDisplay(parseValue(min, valueFormat))\n    const maxDate = toDisplay(parseValue(max, valueFormat))\n    const mask = maskFromFormat(format)\n    // precision the user can actually type — driven by the display `format`, not just `showSeconds`\n    const timeUnit = /s/.test(format) ? 'second' : 'minute'\n\n    const commit = (next: string) => {\n      if (next === currentValue) return // skip redundant onChange / setValue with an unchanged value\n      if (!isControlled) setInternal(next)\n      if (isFormBound) form!.setValue(name!, next)\n      onChange?.(next)\n    }\n\n    // emit a datetime in the wire `valueFormat` (time preserved), or '' to clear. Re-picking the same\n    // instant is a no-op (string equality alone would leak a spurious emit for sub-second source values)\n    const commitDateTime = (d: Dayjs | null) => {\n      if (d && selected && d.isSame(selected, 'second')) return\n      // local-wall → UTC for the wire value (or emit the wall-clock as-is when `utc={false}`)\n      commit(d ? (utc ? localWallToUtc(d) : d).format(valueFormat) : '')\n    }\n\n    // true when `d` differs from the current value at the input's precision — gates typed-input commits\n    // so a no-op round-trip (focus/blur) never rewrites an unchanged value's finer time\n    const changed = (d: Dayjs) => !selected || !d.isSame(selected, timeUnit)\n\n    // input display text (kept in sync with the committed value; free while typing an incomplete value)\n    const [inputText, setInputText] = useState<string>(() =>\n      selected ? selected.format(format) : '',\n    )\n    useEffect(() => {\n      setInputText(selected ? selected.format(format) : '')\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [currentValue, format, valueFormat])\n\n    // ── popover ──────────────────────────────────────────────────────────────────────────────────\n    const triggerRef = useRef<HTMLDivElement | null>(null)\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    const [open, setOpen] = useState(false)\n    const [viewMonth, setViewMonth] = useState<Dayjs>(() => selected ?? today())\n    // which popover tab is active — controlled so picking a day can auto-advance to Time\n    const [tab, setTab] = useState<'date' | 'time'>('date')\n    const advanceRef = useRef(false) // set when a day-pick advances to Time → move focus there\n\n    const setInputRef = useCallback(\n      (node: HTMLInputElement | null) => {\n        inputRef.current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n      },\n      [ref],\n    )\n\n    const fieldBlurRef = useRef<(() => void) | undefined>(undefined)\n    fieldBlurRef.current = bound\n      ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>)\n      : undefined\n\n    // the floating panel forwards its node here, for the blur check + the auto-advance focus move\n    const popoverRef = useRef<HTMLDivElement | null>(null)\n\n    const closePopover = useCallback((refocus: boolean) => {\n      setOpen(false)\n      fieldBlurRef.current?.()\n      if (refocus) inputRef.current?.focus()\n    }, [])\n\n    useEffect(() => {\n      if (open) {\n        setViewMonth(selected ?? today())\n        setTab('date') // always open on the Date tab\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open])\n\n    // after a day-pick auto-advances to the Time tab, move focus onto it so the focus trap holds\n    // (the just-picked calendar cell has unmounted); a manual tab switch never triggers this\n    useEffect(() => {\n      if (tab === 'time' && advanceRef.current) {\n        advanceRef.current = false\n        popoverRef.current\n          ?.querySelector<HTMLElement>('[role=\"tab\"][aria-selected=\"true\"]')\n          ?.focus()\n      }\n    }, [tab, popoverRef])\n\n    const isOutOfRange = (d: Dayjs): boolean => {\n      if (minDate && d.isBefore(minDate, 'day')) return true\n      if (maxDate && d.isAfter(maxDate, 'day')) return true\n      return Boolean(disabledDate && disabledDate(toISO(d)))\n    }\n\n    const handleInputChange = (raw: string) => {\n      const masked = applyMask(raw, mask)\n      setInputText(masked)\n      if (masked === '') {\n        commit('') // emptying the field clears the value\n        return\n      }\n      const parsed = parseInput(masked, format)\n      if (parsed && !isOutOfRange(parsed) && changed(parsed)) commitDateTime(parsed)\n    }\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n      const parsed = parseInput(inputText, format)\n      if (inputText === '') {\n        commit('') // an emptied field stays cleared\n      } else if (parsed && !isOutOfRange(parsed)) {\n        if (changed(parsed)) commitDateTime(parsed)\n        setInputText(parsed.format(format))\n      } else {\n        setInputText(selected ? selected.format(format) : '')\n      }\n      const nextEl = event.relatedTarget as Node | null\n      if (nextEl && (popoverRef.current?.contains(nextEl) || triggerRef.current?.contains(nextEl)))\n        return\n      bound?.onBlur(event)\n    }\n\n    // picking a day keeps the current time; picking a time keeps the current day — the popover stays open\n    const handleSelectDate = (iso: string) => {\n      const date = parseISO(iso)\n      if (!date) return\n      const base = selected ?? today()\n      commitDateTime(date.hour(base.hour()).minute(base.minute()).second(base.second()))\n      advanceRef.current = true\n      setTab('time') // picking a day advances to the Time tab\n    }\n    const handleTimeChange = (next: Dayjs) => commitDateTime(next)\n\n    const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n\n    return (\n      <div\n        className={clsx(\n          styles.field,\n          styles[size],\n          fullWidth && styles.fullWidth,\n          resolvedError && styles.error,\n          disabled && styles.disabled,\n          className,\n        )}\n        style={style}\n      >\n        {label != null && (\n          <label htmlFor={id} className={styles.label}>\n            <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n              {label}\n            </Typography>\n            {required && (\n              <span className={styles.required} aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n\n        <div ref={triggerRef} className={clsx(styles.control, open && styles.open)}>\n          <input\n            ref={setInputRef}\n            id={id}\n            name={name}\n            className={styles.input}\n            value={inputText}\n            placeholder={placeholder ?? format.toLowerCase()}\n            disabled={disabled}\n            autoComplete=\"off\"\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            onChange={(e) => handleInputChange(e.target.value)}\n            onBlur={handleInputBlur}\n          />\n\n          {clearable && currentValue !== '' && !disabled && (\n            <button\n              type=\"button\"\n              className={styles.clear}\n              aria-label={t('dateTimePicker.clear')}\n              tabIndex={-1}\n              onMouseDown={(e) => e.preventDefault()}\n              onClick={() => {\n                commit('')\n                setInputText('')\n                inputRef.current?.focus()\n              }}\n            >\n              <Icon name=\"CloseCircle\" size=\"sm\" />\n            </button>\n          )}\n\n          <IconButton\n            type=\"button\"\n            variant=\"text\"\n            color=\"primary\"\n            size={size}\n            disabled={disabled}\n            aria-label={t('dateTimePicker.open')}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            className={styles.calendarButton}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => setOpen((o) => !o)}\n          >\n            <Icon name=\"Calendar3\" size={iconSize} />\n          </IconButton>\n        </div>\n\n        <FloatingPanel\n          ref={popoverRef}\n          open={open}\n          triggerRef={triggerRef}\n          onClose={closePopover}\n          role=\"dialog\"\n          ariaLabel=\"Choose date and time\"\n          trapFocus\n          className={clsx(styles.popover, dt.popover)}\n        >\n          <Tabs\n            className={dt.tabs}\n            aria-label={t('dateTimePicker.label')}\n            fullWidth\n            autoFocus\n            // the Date/Time tabs are internal popover UI — never sync them to the page URL\n            queryKey={null}\n            value={tab}\n            onChange={(v) => setTab(v as 'date' | 'time')}\n            items={[\n              {\n                value: 'date',\n                label: t('dateTimePicker.dateTab'),\n                icon: 'Calendar3',\n                content: (\n                  <Calendar\n                    value={selected}\n                    month={viewMonth}\n                    onMonthChange={setViewMonth}\n                    onSelect={handleSelectDate}\n                    min={minDate}\n                    max={maxDate}\n                    disabledDate={disabledDate}\n                    weekStartsOn={weekStartsOn}\n                    labelId={labelId}\n                  />\n                ),\n              },\n              {\n                value: 'time',\n                label: t('dateTimePicker.timeTab'),\n                icon: 'Clock',\n                content: (\n                  <div className={dt.timePane}>\n                    <TimeColumns\n                      value={selected}\n                      onChange={handleTimeChange}\n                      hour12={hour12}\n                      minuteStep={minuteStep}\n                      showSeconds={showSeconds}\n                    />\n                  </div>\n                ),\n              },\n            ]}\n          />\n          <div className={dt.footer}>\n            <Button size=\"sm\" variant=\"filled\" color=\"primary\" onClick={() => closePopover(true)}>\n              {t('common.done')}\n            </Button>\n          </div>\n        </FloatingPanel>\n\n        {resolvedHelperText != null && (\n          <Typography\n            as=\"span\"\n            id={helperId}\n            variant=\"bodySmall\"\n            color={resolvedError ? 'error' : 'muted'}\n            className={styles.helper}\n          >\n            {resolvedHelperText}\n          </Typography>\n        )}\n      </div>\n    )\n  },\n)\n"],"names":["defaultFormatFor","hour12","showSeconds","DateTimePicker","forwardRef","label","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","formatProp","valueFormatProp","utc","minuteStep","placeholder","min","max","disabledDate","weekStartsOn","clearable","name","idProp","className","style","ref","t","useT","reactId","useId","id","helperId","labelId","format","valueFormat","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","toDisplay","instant","utcToLocalWall","selected","parseValue","resolvedError","resolvedHelperText","minDate","maxDate","mask","maskFromFormat","timeUnit","commit","next","commitDateTime","d","localWallToUtc","changed","inputText","setInputText","useEffect","triggerRef","useRef","inputRef","open","setOpen","viewMonth","setViewMonth","today","tab","setTab","advanceRef","setInputRef","useCallback","node","fieldBlurRef","popoverRef","closePopover","refocus","_a","_b","isOutOfRange","toISO","handleInputChange","raw","masked","applyMask","parsed","parseInput","handleInputBlur","event","nextEl","handleSelectDate","iso","date","parseISO","base","handleTimeChange","iconSize","jsxs","clsx","styles","jsx","Typography","Icon","IconButton","o","FloatingPanel","dt","Tabs","v","Calendar","TimeColumns","Button"],"mappings":"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"}

package/dist/DateTimePicker-BuTIRTUX.cjs

@@ -1,2 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),a=require("react"),A=require("clsx"),Ne=require("./formContext-bTWrqdEV.cjs"),Re=require("./FloatingPanel-tGCG2nhA.cjs"),Ye=require("./Button-CYZoF18-.cjs"),te=require("./Icon-B6lz-V0A.cjs"),He=require("./IconButton-CQ25TtBc.cjs"),Ve=require("./Tabs-BAKPWO4g.cjs"),se=require("./Typography-d97DdbNd.cjs"),Ee=require("./Calendar-CMNBHtvY.cjs"),t=require("./DatePicker.module-BDtTsg8M.cjs"),y=require("./TimeColumns-DkJsIu1w.cjs"),Oe=require("./ConfigProvider-B_Bb6pk1.cjs");function we(L,u){return`DD/MM/YYYY ${L?u?"hh:mm:ss A":"hh:mm A":u?"HH:mm:ss":"HH:mm"}`}const We=a.forwardRef(function({label:u,size:v="md",error:re,helperText:ae,required:oe=!1,fullWidth:ne=!0,disabled:x=!1,value:g,defaultValue:le,onChange:P,format:ce,valueFormat:ie,utc:F=!0,hour12:$=!1,minuteStep:ue=1,showSeconds:z=!0,placeholder:me,min:de,max:fe,disabledDate:S,weekStartsOn:pe=1,clearable:he=!0,name:m,id:ye,className:ve,style:xe},d){const i=Oe.useT(),Te=a.useId(),T=ye??Te,U=`${T}-helper`,Ce=`${T}-label`,c=ce??we($,z),f=ie??(F?"YYYY-MM-DDTHH:mm:ss[Z]":"YYYY-MM-DDTHH:mm:ss"),C=Ne.useFormContext(),b=!!(C&&m),l=b?C.field(m):void 0,be=g!==void 0?g:b?C.values[m]??"":void 0,K=g!==void 0||b,[je,ke]=a.useState(le??""),j=K?be:je,B=e=>F?t.utcToLocalWall(e):e,o=B(t.parseValue(j,f)),M=re??(l==null?void 0:l.error)??!1,N=ae??(l==null?void 0:l.helperText),R=B(t.parseValue(de,f)),Y=B(t.parseValue(fe,f)),Ie=t.maskFromFormat(c),qe=/s/.test(c)?"second":"minute",k=e=>{e!==j&&(K||ke(e),b&&C.setValue(m,e),P==null||P(e))},I=e=>{e&&o&&e.isSame(o,"second")||k(e?(F?t.localWallToUtc(e):e).format(f):"")},Z=e=>!o||!e.isSame(o,qe),[H,p]=a.useState(()=>o?o.format(c):"");a.useEffect(()=>{p(o?o.format(c):"")},[j,c,f]);const V=a.useRef(null),E=a.useRef(null),[h,_]=a.useState(!1),[De,G]=a.useState(()=>o??t.today()),[O,w]=a.useState("date"),W=a.useRef(!1),ge=a.useCallback(e=>{E.current=e,typeof d=="function"?d(e):d&&(d.current=e)},[d]),q=a.useRef(void 0);q.current=l?()=>l.onBlur({}):void 0;const D=a.useRef(null),J=a.useCallback(e=>{var s,n;_(!1),(s=q.current)==null||s.call(q),e&&((n=E.current)==null||n.focus())},[]);a.useEffect(()=>{h&&(G(o??t.today()),w("date"))},[h]),a.useEffect(()=>{var e,s;O==="time"&&W.current&&(W.current=!1,(s=(e=D.current)==null?void 0:e.querySelector('[role="tab"][aria-selected="true"]'))==null||s.focus())},[O,D]);const Q=e=>R&&e.isBefore(R,"day")||Y&&e.isAfter(Y,"day")?!0:!!(S&&S(t.toISO(e))),Pe=e=>{const s=t.applyMask(e,Ie);if(p(s),s===""){k("");return}const n=t.parseInput(s,c);n&&!Q(n)&&Z(n)&&I(n)},Fe=e=>{var X,ee;const s=t.parseInput(H,c);H===""?k(""):s&&!Q(s)?(Z(s)&&I(s),p(s.format(c))):p(o?o.format(c):"");const n=e.relatedTarget;n&&((X=D.current)!=null&&X.contains(n)||(ee=V.current)!=null&&ee.contains(n))||l==null||l.onBlur(e)},Se=e=>{const s=t.parseISO(e);if(!s)return;const n=o??t.today();I(s.hour(n.hour()).minute(n.minute()).second(n.second())),W.current=!0,w("time")},Be=e=>I(e),Me=v==="sm"?"sm":"md";return r.jsxs("div",{className:A.clsx(t.styles.field,t.styles[v],ne&&t.styles.fullWidth,M&&t.styles.error,x&&t.styles.disabled,ve),style:xe,children:[u!=null&&r.jsxs("label",{htmlFor:T,className:t.styles.label,children:[r.jsx(se.Typography,{as:"span",variant:"bodySmall",color:"muted",children:u}),oe&&r.jsx("span",{className:t.styles.required,"aria-hidden":"true",children:"*"})]}),r.jsxs("div",{ref:V,className:A.clsx(t.styles.control,h&&t.styles.open),children:[r.jsx("input",{ref:ge,id:T,name:m,className:t.styles.input,value:H,placeholder:me??c.toLowerCase(),disabled:x,autoComplete:"off","aria-invalid":M||void 0,"aria-describedby":N!=null?U:void 0,onChange:e=>Pe(e.target.value),onBlur:Fe}),he&&j!==""&&!x&&r.jsx("button",{type:"button",className:t.styles.clear,"aria-label":i("dateTimePicker.clear"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:()=>{var e;k(""),p(""),(e=E.current)==null||e.focus()},children:r.jsx(te.Icon,{name:"CloseCircle",size:"sm"})}),r.jsx(He.IconButton,{type:"button",variant:"text",color:"primary",size:v,disabled:x,"aria-label":i("dateTimePicker.open"),"aria-haspopup":"dialog","aria-expanded":h,className:t.styles.calendarButton,onMouseDown:e=>e.preventDefault(),onClick:()=>_(e=>!e),children:r.jsx(te.Icon,{name:"Calendar3",size:Me})})]}),r.jsxs(Re.FloatingPanel,{ref:D,open:h,triggerRef:V,onClose:J,role:"dialog",ariaLabel:"Choose date and time",trapFocus:!0,className:A.clsx(t.styles.popover,y.dt.popover),children:[r.jsx(Ve.Tabs,{className:y.dt.tabs,"aria-label":i("dateTimePicker.label"),fullWidth:!0,autoFocus:!0,queryKey:null,value:O,onChange:e=>w(e),items:[{value:"date",label:i("dateTimePicker.dateTab"),icon:"Calendar3",content:r.jsx(Ee.Calendar,{value:o,month:De,onMonthChange:G,onSelect:Se,min:R,max:Y,disabledDate:S,weekStartsOn:pe,labelId:Ce})},{value:"time",label:i("dateTimePicker.timeTab"),icon:"Clock",content:r.jsx("div",{className:y.dt.timePane,children:r.jsx(y.TimeColumns,{value:o,onChange:Be,hour12:$,minuteStep:ue,showSeconds:z})})}]}),r.jsx("div",{className:y.dt.footer,children:r.jsx(Ye.Button,{size:"sm",variant:"filled",color:"primary",onClick:()=>J(!0),children:i("common.done")})})]}),N!=null&&r.jsx(se.Typography,{as:"span",id:U,variant:"bodySmall",color:M?"error":"muted",className:t.styles.helper,children:N})]})});exports.DateTimePicker=We;
-//# sourceMappingURL=DateTimePicker-BuTIRTUX.cjs.map

package/dist/DateTimePicker-BuTIRTUX.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimePicker-BuTIRTUX.cjs","sources":["../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tabs } from '../Tabs'\nimport { Typography } from '../Typography'\nimport { Calendar } from '../DatePicker/Calendar'\nimport {\n  applyMask,\n  localWallToUtc,\n  maskFromFormat,\n  parseISO,\n  parseInput,\n  parseValue,\n  today,\n  toISO,\n  utcToLocalWall,\n  type Dayjs,\n} from '../DatePicker/dateUtils'\nimport styles from '../DatePicker/DatePicker.module.css'\nimport dt from './DateTimePicker.module.css'\nimport { TimeColumns } from './TimeColumns'\n\nexport type DateTimePickerSize = 'sm' | 'md' | 'lg'\n\nexport interface DateTimePickerProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — control height, font and calendar density. */\n  size?: DateTimePickerSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — a datetime string in `valueFormat` (default ISO datetime; `''` = empty). */\n  value?: string\n  /** Initial value for uncontrolled use (in `valueFormat`). */\n  defaultValue?: string\n  /** Fires with the next datetime in `valueFormat` (`''` when cleared). */\n  onChange?: (value: string) => void\n  /**\n   * Display + typed-input format (dayjs tokens). Defaults to `'DD/MM/YYYY HH:mm:ss'` (or `hh:mm:ss A`\n   * when `hour12`; the `:ss` is dropped when `showSeconds` is `false`).\n   */\n  format?: string\n  /**\n   * Wire format of `value`/`defaultValue`/`onChange` (dayjs tokens), decoupled from the displayed\n   * `format`. Defaults to the ISO datetime `'YYYY-MM-DDTHH:mm:ss[Z]'` when `utc` (the `Z` marks the\n   * value as UTC, e.g. `'2026-06-10T09:35:00Z'`), or `'YYYY-MM-DDTHH:mm:ss'` (no `Z`) when `utc={false}`.\n   * Incoming values are parsed **leniently** (this format, then any ISO-8601 string — so a backend\n   * datetime like `'2026-06-10T09:35:49.6134342'` with or without `Z` is accepted).\n   */\n  valueFormat?: string\n  /**\n   * Treat the value as **UTC** and display/edit in the viewer's **local** timezone (default `true`).\n   * Set `false` to disable timezone conversion entirely — the field shows and emits the value's exact\n   * wall-clock (what you pick is what's sent, no UTC shift).\n   */\n  utc?: boolean\n  /** 12-hour clock (1–12 + AM/PM) instead of 24-hour (0–23). Defaults to `false`. */\n  hour12?: boolean\n  /** Minute increment for the minutes column. Defaults to `1`. */\n  minuteStep?: number\n  /** Show the seconds column + `:ss` in the default format. Defaults to `true`; pass `false` to hide seconds. */\n  showSeconds?: boolean\n  /** Placeholder shown when empty. Defaults to the lowercased `format`. */\n  placeholder?: string\n  /** Earliest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  min?: string\n  /** Latest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  max?: string\n  /** Disables specific dates — receives each day as an ISO `'YYYY-MM-DD'` string. */\n  disabledDate?: (date: string) => boolean\n  /** First day of the week: 0 = Sunday … 6 = Saturday. Defaults to `1` (Monday). */\n  weekStartsOn?: number\n  /** Shows a clear (×) button when a value is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the datetime string). */\n  name?: string\n  /** Id for the input (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\nfunction defaultFormatFor(hour12: boolean, showSeconds: boolean): string {\n  const time = hour12\n    ? showSeconds\n      ? 'hh:mm:ss A'\n      : 'hh:mm A'\n    : showSeconds\n      ? 'HH:mm:ss'\n      : 'HH:mm'\n  return `DD/MM/YYYY ${time}`\n}\n\n/**\n * A datetime field with a typed, masked input **and** a popover combining the keyboard-navigable\n * `Calendar` (date) with scrollable time columns (hour / minute / optional second + AM/PM in 12-hour\n * mode). All math runs in **UTC** so the instant never drifts with the viewer's timezone; the value is a\n * string in `valueFormat` (UTC ISO datetime with a `Z` by default, or no `Z` when `utc={false}`) — incoming values are parsed\n * leniently (a richer backend datetime is accepted) and the chosen instant is emitted in that format.\n * Picking a date keeps the time and vice-versa, and the popover stays open until you click away,\n * press Escape, or hit Done. Supports `hour12`, `minuteStep`, `showSeconds`, `min`/`max`,\n * `disabledDate`, `weekStartsOn`, and `clearable`. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name`. Requires the `dayjs` peer dependency.\n */\nexport const DateTimePicker = forwardRef<HTMLInputElement, DateTimePickerProps>(\n  function DateTimePicker(\n    {\n      label,\n      size = 'md',\n      error,\n      helperText,\n      required = false,\n      fullWidth = true,\n      disabled = false,\n      value,\n      defaultValue,\n      onChange,\n      format: formatProp,\n      valueFormat: valueFormatProp,\n      utc = true,\n      hour12 = false,\n      minuteStep = 1,\n      showSeconds = true,\n      placeholder,\n      min,\n      max,\n      disabledDate,\n      weekStartsOn = 1,\n      clearable = true,\n      name,\n      id: idProp,\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const t = useT()\n    const reactId = useId()\n    const id = idProp ?? reactId\n    const helperId = `${id}-helper`\n    const labelId = `${id}-label`\n    const format = formatProp ?? defaultFormatFor(hour12, showSeconds)\n    // when the value is UTC, the wire string carries a `Z` (\"…09:35:00Z\"); `utc={false}` emits the\n    // bare wall-clock (no zone designator). Override either via `valueFormat`.\n    const valueFormat = valueFormatProp ?? (utc ? 'YYYY-MM-DDTHH:mm:ss[Z]' : 'YYYY-MM-DDTHH:mm:ss')\n\n    // ── value (controlled / form-bound / uncontrolled) — a `valueFormat` datetime string ────────────\n    const form = useFormContext()\n    const isFormBound = Boolean(form && name)\n    const bound = isFormBound ? form!.field(name!) : undefined\n    const externalValue =\n      value !== undefined\n        ? value\n        : isFormBound\n          ? ((form!.values[name!] as string | undefined) ?? '')\n          : undefined\n    const isControlled = value !== undefined || isFormBound\n    const [internal, setInternal] = useState<string>(defaultValue ?? '')\n    const currentValue = isControlled ? externalValue! : internal\n    // when `utc`, parse the UTC value and show it in the viewer's LOCAL time (value stays UTC, emit\n    // converts back); when `utc={false}`, show/emit the value's exact wall-clock (no tz conversion)\n    const toDisplay = (instant: Dayjs | null) => (utc ? utcToLocalWall(instant) : instant)\n    const selected = toDisplay(parseValue(currentValue, valueFormat))\n\n    const resolvedError = error ?? bound?.error ?? false\n    const resolvedHelperText = helperText ?? bound?.helperText\n\n    const minDate = toDisplay(parseValue(min, valueFormat))\n    const maxDate = toDisplay(parseValue(max, valueFormat))\n    const mask = maskFromFormat(format)\n    // precision the user can actually type — driven by the display `format`, not just `showSeconds`\n    const timeUnit = /s/.test(format) ? 'second' : 'minute'\n\n    const commit = (next: string) => {\n      if (next === currentValue) return // skip redundant onChange / setValue with an unchanged value\n      if (!isControlled) setInternal(next)\n      if (isFormBound) form!.setValue(name!, next)\n      onChange?.(next)\n    }\n\n    // emit a datetime in the wire `valueFormat` (time preserved), or '' to clear. Re-picking the same\n    // instant is a no-op (string equality alone would leak a spurious emit for sub-second source values)\n    const commitDateTime = (d: Dayjs | null) => {\n      if (d && selected && d.isSame(selected, 'second')) return\n      // local-wall → UTC for the wire value (or emit the wall-clock as-is when `utc={false}`)\n      commit(d ? (utc ? localWallToUtc(d) : d).format(valueFormat) : '')\n    }\n\n    // true when `d` differs from the current value at the input's precision — gates typed-input commits\n    // so a no-op round-trip (focus/blur) never rewrites an unchanged value's finer time\n    const changed = (d: Dayjs) => !selected || !d.isSame(selected, timeUnit)\n\n    // input display text (kept in sync with the committed value; free while typing an incomplete value)\n    const [inputText, setInputText] = useState<string>(() =>\n      selected ? selected.format(format) : '',\n    )\n    useEffect(() => {\n      setInputText(selected ? selected.format(format) : '')\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [currentValue, format, valueFormat])\n\n    // ── popover ──────────────────────────────────────────────────────────────────────────────────\n    const triggerRef = useRef<HTMLDivElement | null>(null)\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    const [open, setOpen] = useState(false)\n    const [viewMonth, setViewMonth] = useState<Dayjs>(() => selected ?? today())\n    // which popover tab is active — controlled so picking a day can auto-advance to Time\n    const [tab, setTab] = useState<'date' | 'time'>('date')\n    const advanceRef = useRef(false) // set when a day-pick advances to Time → move focus there\n\n    const setInputRef = useCallback(\n      (node: HTMLInputElement | null) => {\n        inputRef.current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n      },\n      [ref],\n    )\n\n    const fieldBlurRef = useRef<(() => void) | undefined>(undefined)\n    fieldBlurRef.current = bound\n      ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>)\n      : undefined\n\n    // the floating panel forwards its node here, for the blur check + the auto-advance focus move\n    const popoverRef = useRef<HTMLDivElement | null>(null)\n\n    const closePopover = useCallback((refocus: boolean) => {\n      setOpen(false)\n      fieldBlurRef.current?.()\n      if (refocus) inputRef.current?.focus()\n    }, [])\n\n    useEffect(() => {\n      if (open) {\n        setViewMonth(selected ?? today())\n        setTab('date') // always open on the Date tab\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open])\n\n    // after a day-pick auto-advances to the Time tab, move focus onto it so the focus trap holds\n    // (the just-picked calendar cell has unmounted); a manual tab switch never triggers this\n    useEffect(() => {\n      if (tab === 'time' && advanceRef.current) {\n        advanceRef.current = false\n        popoverRef.current\n          ?.querySelector<HTMLElement>('[role=\"tab\"][aria-selected=\"true\"]')\n          ?.focus()\n      }\n    }, [tab, popoverRef])\n\n    const isOutOfRange = (d: Dayjs): boolean => {\n      if (minDate && d.isBefore(minDate, 'day')) return true\n      if (maxDate && d.isAfter(maxDate, 'day')) return true\n      return Boolean(disabledDate && disabledDate(toISO(d)))\n    }\n\n    const handleInputChange = (raw: string) => {\n      const masked = applyMask(raw, mask)\n      setInputText(masked)\n      if (masked === '') {\n        commit('') // emptying the field clears the value\n        return\n      }\n      const parsed = parseInput(masked, format)\n      if (parsed && !isOutOfRange(parsed) && changed(parsed)) commitDateTime(parsed)\n    }\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n      const parsed = parseInput(inputText, format)\n      if (inputText === '') {\n        commit('') // an emptied field stays cleared\n      } else if (parsed && !isOutOfRange(parsed)) {\n        if (changed(parsed)) commitDateTime(parsed)\n        setInputText(parsed.format(format))\n      } else {\n        setInputText(selected ? selected.format(format) : '')\n      }\n      const nextEl = event.relatedTarget as Node | null\n      if (nextEl && (popoverRef.current?.contains(nextEl) || triggerRef.current?.contains(nextEl)))\n        return\n      bound?.onBlur(event)\n    }\n\n    // picking a day keeps the current time; picking a time keeps the current day — the popover stays open\n    const handleSelectDate = (iso: string) => {\n      const date = parseISO(iso)\n      if (!date) return\n      const base = selected ?? today()\n      commitDateTime(date.hour(base.hour()).minute(base.minute()).second(base.second()))\n      advanceRef.current = true\n      setTab('time') // picking a day advances to the Time tab\n    }\n    const handleTimeChange = (next: Dayjs) => commitDateTime(next)\n\n    const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n\n    return (\n      <div\n        className={clsx(\n          styles.field,\n          styles[size],\n          fullWidth && styles.fullWidth,\n          resolvedError && styles.error,\n          disabled && styles.disabled,\n          className,\n        )}\n        style={style}\n      >\n        {label != null && (\n          <label htmlFor={id} className={styles.label}>\n            <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n              {label}\n            </Typography>\n            {required && (\n              <span className={styles.required} aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n\n        <div ref={triggerRef} className={clsx(styles.control, open && styles.open)}>\n          <input\n            ref={setInputRef}\n            id={id}\n            name={name}\n            className={styles.input}\n            value={inputText}\n            placeholder={placeholder ?? format.toLowerCase()}\n            disabled={disabled}\n            autoComplete=\"off\"\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            onChange={(e) => handleInputChange(e.target.value)}\n            onBlur={handleInputBlur}\n          />\n\n          {clearable && currentValue !== '' && !disabled && (\n            <button\n              type=\"button\"\n              className={styles.clear}\n              aria-label={t('dateTimePicker.clear')}\n              tabIndex={-1}\n              onMouseDown={(e) => e.preventDefault()}\n              onClick={() => {\n                commit('')\n                setInputText('')\n                inputRef.current?.focus()\n              }}\n            >\n              <Icon name=\"CloseCircle\" size=\"sm\" />\n            </button>\n          )}\n\n          <IconButton\n            type=\"button\"\n            variant=\"text\"\n            color=\"primary\"\n            size={size}\n            disabled={disabled}\n            aria-label={t('dateTimePicker.open')}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            className={styles.calendarButton}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => setOpen((o) => !o)}\n          >\n            <Icon name=\"Calendar3\" size={iconSize} />\n          </IconButton>\n        </div>\n\n        <FloatingPanel\n          ref={popoverRef}\n          open={open}\n          triggerRef={triggerRef}\n          onClose={closePopover}\n          role=\"dialog\"\n          ariaLabel=\"Choose date and time\"\n          trapFocus\n          className={clsx(styles.popover, dt.popover)}\n        >\n          <Tabs\n            className={dt.tabs}\n            aria-label={t('dateTimePicker.label')}\n            fullWidth\n            autoFocus\n            // the Date/Time tabs are internal popover UI — never sync them to the page URL\n            queryKey={null}\n            value={tab}\n            onChange={(v) => setTab(v as 'date' | 'time')}\n            items={[\n              {\n                value: 'date',\n                label: t('dateTimePicker.dateTab'),\n                icon: 'Calendar3',\n                content: (\n                  <Calendar\n                    value={selected}\n                    month={viewMonth}\n                    onMonthChange={setViewMonth}\n                    onSelect={handleSelectDate}\n                    min={minDate}\n                    max={maxDate}\n                    disabledDate={disabledDate}\n                    weekStartsOn={weekStartsOn}\n                    labelId={labelId}\n                  />\n                ),\n              },\n              {\n                value: 'time',\n                label: t('dateTimePicker.timeTab'),\n                icon: 'Clock',\n                content: (\n                  <div className={dt.timePane}>\n                    <TimeColumns\n                      value={selected}\n                      onChange={handleTimeChange}\n                      hour12={hour12}\n                      minuteStep={minuteStep}\n                      showSeconds={showSeconds}\n                    />\n                  </div>\n                ),\n              },\n            ]}\n          />\n          <div className={dt.footer}>\n            <Button size=\"sm\" variant=\"filled\" color=\"primary\" onClick={() => closePopover(true)}>\n              {t('common.done')}\n            </Button>\n          </div>\n        </FloatingPanel>\n\n        {resolvedHelperText != null && (\n          <Typography\n            as=\"span\"\n            id={helperId}\n            variant=\"bodySmall\"\n            color={resolvedError ? 'error' : 'muted'}\n            className={styles.helper}\n          >\n            {resolvedHelperText}\n          </Typography>\n        )}\n      </div>\n    )\n  },\n)\n"],"names":["defaultFormatFor","hour12","showSeconds","DateTimePicker","forwardRef","label","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","formatProp","valueFormatProp","utc","minuteStep","placeholder","min","max","disabledDate","weekStartsOn","clearable","name","idProp","className","style","ref","t","useT","reactId","useId","id","helperId","labelId","format","valueFormat","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","toDisplay","instant","utcToLocalWall","selected","parseValue","resolvedError","resolvedHelperText","minDate","maxDate","mask","maskFromFormat","timeUnit","commit","next","commitDateTime","d","localWallToUtc","changed","inputText","setInputText","useEffect","triggerRef","useRef","inputRef","open","setOpen","viewMonth","setViewMonth","today","tab","setTab","advanceRef","setInputRef","useCallback","node","fieldBlurRef","popoverRef","closePopover","refocus","_a","_b","isOutOfRange","toISO","handleInputChange","raw","masked","applyMask","parsed","parseInput","handleInputBlur","event","nextEl","handleSelectDate","iso","date","parseISO","base","handleTimeChange","iconSize","jsxs","clsx","styles","jsx","Typography","Icon","IconButton","o","FloatingPanel","dt","Tabs","v","Calendar","TimeColumns","Button"],"mappings":"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"}

package/dist/DescriptionList-CG08_qwT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DescriptionList-CG08_qwT.js","sources":["../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import { forwardRef, useId, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { resolveResponsive, type Breakpoint, type Responsive } from '../../theme/breakpoints'\nimport { useBreakpointMatches } from '../../hooks/useMediaQuery'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { CopyButton } from '../CopyButton'\nimport { IconButton } from '../IconButton'\nimport { Skeleton } from '../Skeleton'\nimport { Typography } from '../Typography'\nimport styles from './DescriptionList.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type DescriptionListSize = 'sm' | 'md' | 'lg'\nexport type DescriptionListLayout = 'vertical' | 'horizontal'\nexport type DescriptionListColumns = 1 | 2 | 3 | 4\nexport type DescriptionListValueWeight = 'regular' | 'medium' | 'bold'\n\nexport interface DescriptionItem {\n  /** Stable key (defaults to the index). */\n  key?: string\n  /** The term — \"Entry fee\". */\n  label: ReactNode\n  /** The value. `null` / `undefined` / `''` / `false` render the `emptyText` placeholder (\"—\"). */\n  value?: ReactNode\n  /** Columns this pair spans (clamped to the resolved column count) — for long text, addresses, lists. */\n  span?: DescriptionListColumns\n  /** Show a copy button: `true` copies a string/number `value`; pass a string to copy something else (an id behind a label). */\n  copyable?: boolean | string\n  /** Drop the pair entirely (e.g. by role). */\n  hidden?: boolean\n  /** Small leading icon in the label — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n}\n\nexport interface DescriptionListProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'color'\n> {\n  /** The label / value pairs, in order. Declarative so `loading` skeletons and `hidden` stay trivial. */\n  items: DescriptionItem[]\n  /** Column count — a number or a desktop-first breakpoint map. Defaults to `{ xs: 1, sm: 2, lg: 3 }`. */\n  columns?: Responsive<DescriptionListColumns>\n  /** `vertical` (label above value, default) or `horizontal` (label beside value; stacks again on phones). */\n  layout?: DescriptionListLayout\n  /** Text + spacing scale. Defaults to `md`. */\n  size?: DescriptionListSize\n  /** Font weight of the values. Defaults to `regular` (the library's body default); `medium` / `bold` add emphasis. */\n  valueWeight?: DescriptionListValueWeight\n  /** Frame the list as a surface card (border + radius); `horizontal` also tints the label column. */\n  bordered?: boolean\n  /** Hairlines between rows. Defaults to `true` (turn off inside an already-ruled container). */\n  dividers?: boolean\n  /** Label column width for `horizontal` (px number or CSS length). Defaults to `160px`. */\n  labelWidth?: number | string\n  /**\n   * `horizontal` only — the breakpoint at (and below) which the label stacks back above the value.\n   * A breakpoint token (`'xxs'` ≤ 576px default, `'xs'` ≤ 768px, …) or `false` to keep the two columns\n   * side by side at every width. Uses the shared JS breakpoint layer, so `config.theme.breakpoints` applies.\n   */\n  stackBelow?: Breakpoint | false\n  /** Render shimmering placeholders instead of values — `true` uses `items.length` rows, a number sets the count. */\n  loading?: boolean | number\n  /** Placeholder for an empty value. Defaults to `\"—\"`. */\n  emptyText?: ReactNode\n  /** Optional header title. */\n  title?: ReactNode\n  /** Leading header icon (a tinted box before the title, like `Card`) — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Theme color that tints the header icon box. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Muted line under the title. */\n  subtitle?: ReactNode\n  /** Header slot on the right (buttons, a status chip …). */\n  actions?: ReactNode\n}\n\nconst DEFAULT_COLUMNS: Responsive<DescriptionListColumns> = { xs: 1, sm: 2, lg: 3 }\n\nconst isEmpty = (value: ReactNode) => value == null || value === '' || value === false\n\n/** What `copyable` copies: an explicit string, else a string / number value; nothing for rich nodes. */\nconst copyTextOf = (item: DescriptionItem): string | undefined => {\n  if (typeof item.copyable === 'string') return item.copyable\n  if (typeof item.value === 'string' || typeof item.value === 'number') return String(item.value)\n  return undefined\n}\n\n/** Lay the items on a `cols`-wide grid the way CSS auto-placement will (spans clamped, wrapping rows). */\nconst placeItems = (items: DescriptionItem[], cols: number) => {\n  let row = 0\n  let col = 0\n  return items.map((item) => {\n    const span = Math.min(item.span ?? 1, cols)\n    if (col + span > cols) {\n      row += 1\n      col = 0\n    }\n    const placed = { item, span, row, col }\n    col += span\n    if (col >= cols) {\n      row += 1\n      col = 0\n    }\n    return placed\n  })\n}\n\nconst renderIcon = (icon: IconName | ReactNode, size: 'sm' | 'md' = 'sm') =>\n  typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n    <Icon name={icon as IconName} size={size} />\n  ) : (\n    icon\n  )\n\n/**\n * Label / value pairs for a **detail page** (the read-only twin of a form: \"User #42\" → Name, Email,\n * Role …). Renders a semantic `<dl>` of `<dt>` / `<dd>` groups laid out on a responsive CSS grid\n * (`columns`, desktop-first breakpoint map — default 1 → 2 → 3), each pair optionally spanning several\n * columns. An optional Card-style header carries an `icon` box (tinted by `color`), `title`,\n * `subtitle` and `actions`. Values are regular weight by default (`valueWeight` adds emphasis) and any node: `null` / `''` show a muted \"—\" placeholder (`emptyText`), string / number\n * values can grow a `CopyButton` (revealed on hover / focus; always visible without hover), and\n * `hidden` drops a pair (e.g. by role). `layout=\"horizontal\"` puts the label beside the value in a\n * `labelWidth` column and stacks back on phones (`stackBelow` — a breakpoint, or `false` to never stack); `bordered` frames the list as a surface card (tinting the\n * label column when horizontal). `loading` swaps the values for `Skeleton` lines of the same shape.\n * Rows are separated by hairline `dividers`. Token-only; the grid is never `overflow: hidden` so the\n * copy tooltip is never clipped. `forwardRef` to the root `<div>`.\n */\nexport const DescriptionList = forwardRef<HTMLDivElement, DescriptionListProps>(\n  function DescriptionList(\n    {\n      items,\n      columns = DEFAULT_COLUMNS,\n      layout = 'vertical',\n      size = 'md',\n      valueWeight = 'regular',\n      bordered = false,\n      dividers = true,\n      labelWidth = 160,\n      stackBelow = 'xxs',\n      loading = false,\n      emptyText = '\\u2014',\n      title,\n      icon,\n      color = 'accent',\n      subtitle,\n      actions,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    const t = useT()\n    const id = useId()\n    const titleId = `${id}-title`\n    const matches = useBreakpointMatches()\n    const cols = resolveResponsive(columns, matches) ?? 1\n    const stacked = layout === 'horizontal' && stackBelow !== false && matches[stackBelow]\n\n    const visible = items.filter((item) => !item.hidden)\n    // Grid placement (span-aware) — the last row drops its hairline (nothing follows it, and in `bordered`\n    // it would double the frame's border), and its first cell rounds the frame's bottom-left corner\n    // (`bordered` + `horizontal` tints the label column, and that tint must not bleed past the radius).\n    const placed = placeItems(visible, cols)\n    const lastRow = placed.length ? placed[placed.length - 1].row : 0\n    const skeletonRows = typeof loading === 'number' ? loading : visible.length || 6\n    const hasHeader = title != null || subtitle != null || actions != null || icon != null\n\n    const vars = {\n      '--dl-cols': cols,\n      '--dl-label-w': typeof labelWidth === 'number' ? `${labelWidth}px` : labelWidth,\n    } as CSSProperties\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          styles.root,\n          styles[size],\n          styles[layout],\n          valueWeight !== 'regular' && styles[`value${valueWeight === 'bold' ? 'Bold' : 'Medium'}`],\n          bordered && styles.bordered,\n          dividers && styles.dividers,\n          stacked && styles.stacked,\n          className,\n        )}\n        style={{ ...vars, ...style }}\n        {...props}\n      >\n        {hasHeader && (\n          <div className={styles.header}>\n            <div className={styles.headerMain}>\n              {icon != null && (\n                <IconButton\n                  variant=\"filled\"\n                  size=\"sm\"\n                  color={color}\n                  nonClickable\n                  aria-hidden\n                  className={styles.headerIcon}\n                >\n                  {renderIcon(icon, 'md')}\n                </IconButton>\n              )}\n              {(title != null || subtitle != null) && (\n                <div className={styles.headerText}>\n                  {title != null && (\n                    <Typography as=\"h3\" id={titleId} variant=\"subtitle\" className={styles.title}>\n                      {title}\n                    </Typography>\n                  )}\n                  {subtitle != null && (\n                    <Typography as=\"p\" variant=\"bodySmall\" color=\"muted\">\n                      {subtitle}\n                    </Typography>\n                  )}\n                </div>\n              )}\n            </div>\n            {actions != null && <div className={styles.actions}>{actions}</div>}\n          </div>\n        )}\n\n        <dl\n          className={styles.grid}\n          aria-labelledby={title != null ? titleId : undefined}\n          aria-busy={loading ? true : undefined}\n          aria-label={loading ? t('descriptionList.loading') : undefined}\n        >\n          {loading\n            ? Array.from({ length: skeletonRows }, (_, i) => (\n                <div key={i} className={styles.item} aria-hidden=\"true\">\n                  <dt className={styles.label}>\n                    <Skeleton width=\"40%\" height=\"0.9em\" />\n                  </dt>\n                  <dd className={styles.value}>\n                    <Skeleton width=\"70%\" height=\"1.1em\" />\n                  </dd>\n                </div>\n              ))\n            : placed.map(({ item, span, row, col }, i) => {\n                const empty = isEmpty(item.value)\n                const copy = !empty && item.copyable ? copyTextOf(item) : undefined\n                return (\n                  <div\n                    key={item.key ?? i}\n                    className={clsx(\n                      styles.item,\n                      row === lastRow && styles.lastRow,\n                      row === lastRow && col === 0 && styles.lastRowStart,\n                    )}\n                    style={{ '--dl-span': span } as CSSProperties}\n                  >\n                    <dt className={styles.label}>\n                      {item.icon != null && (\n                        <span className={styles.labelIcon} aria-hidden=\"true\">\n                          {renderIcon(item.icon)}\n                        </span>\n                      )}\n                      {item.label}\n                    </dt>\n                    <dd className={styles.value}>\n                      <span className={styles.valueText}>\n                        {empty ? (\n                          <span\n                            className={styles.placeholder}\n                            aria-label={t('descriptionList.empty')}\n                          >\n                            {emptyText}\n                          </span>\n                        ) : (\n                          item.value\n                        )}\n                      </span>\n                      {copy != null && (\n                        <span className={styles.copy}>\n                          <CopyButton\n                            value={copy}\n                            size=\"sm\"\n                            variant=\"text\"\n                            className={styles.copyButton}\n                          />\n                        </span>\n                      )}\n                    </dd>\n                  </div>\n                )\n              })}\n        </dl>\n      </div>\n    )\n  },\n)\n"],"names":["ICON_NAME_SET","ICON_NAMES","DEFAULT_COLUMNS","isEmpty","value","copyTextOf","item","placeItems","items","cols","row","col","span","placed","renderIcon","icon","size","jsx","Icon","DescriptionList","forwardRef","columns","layout","valueWeight","bordered","dividers","labelWidth","stackBelow","loading","emptyText","title","color","subtitle","actions","className","style","props","ref","t","useT","titleId","useId","matches","useBreakpointMatches","resolveResponsive","stacked","visible","lastRow","skeletonRows","hasHeader","vars","jsxs","clsx","styles","IconButton","Typography","_","i","Skeleton","empty","copy","CopyButton"],"mappings":"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"}

package/dist/DescriptionList-S9C6Tp90.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DescriptionList-S9C6Tp90.cjs","sources":["../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import { forwardRef, useId, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { resolveResponsive, type Breakpoint, type Responsive } from '../../theme/breakpoints'\nimport { useBreakpointMatches } from '../../hooks/useMediaQuery'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { CopyButton } from '../CopyButton'\nimport { IconButton } from '../IconButton'\nimport { Skeleton } from '../Skeleton'\nimport { Typography } from '../Typography'\nimport styles from './DescriptionList.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type DescriptionListSize = 'sm' | 'md' | 'lg'\nexport type DescriptionListLayout = 'vertical' | 'horizontal'\nexport type DescriptionListColumns = 1 | 2 | 3 | 4\nexport type DescriptionListValueWeight = 'regular' | 'medium' | 'bold'\n\nexport interface DescriptionItem {\n  /** Stable key (defaults to the index). */\n  key?: string\n  /** The term — \"Entry fee\". */\n  label: ReactNode\n  /** The value. `null` / `undefined` / `''` / `false` render the `emptyText` placeholder (\"—\"). */\n  value?: ReactNode\n  /** Columns this pair spans (clamped to the resolved column count) — for long text, addresses, lists. */\n  span?: DescriptionListColumns\n  /** Show a copy button: `true` copies a string/number `value`; pass a string to copy something else (an id behind a label). */\n  copyable?: boolean | string\n  /** Drop the pair entirely (e.g. by role). */\n  hidden?: boolean\n  /** Small leading icon in the label — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n}\n\nexport interface DescriptionListProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'color'\n> {\n  /** The label / value pairs, in order. Declarative so `loading` skeletons and `hidden` stay trivial. */\n  items: DescriptionItem[]\n  /** Column count — a number or a desktop-first breakpoint map. Defaults to `{ xs: 1, sm: 2, lg: 3 }`. */\n  columns?: Responsive<DescriptionListColumns>\n  /** `vertical` (label above value, default) or `horizontal` (label beside value; stacks again on phones). */\n  layout?: DescriptionListLayout\n  /** Text + spacing scale. Defaults to `md`. */\n  size?: DescriptionListSize\n  /** Font weight of the values. Defaults to `regular` (the library's body default); `medium` / `bold` add emphasis. */\n  valueWeight?: DescriptionListValueWeight\n  /** Frame the list as a surface card (border + radius); `horizontal` also tints the label column. */\n  bordered?: boolean\n  /** Hairlines between rows. Defaults to `true` (turn off inside an already-ruled container). */\n  dividers?: boolean\n  /** Label column width for `horizontal` (px number or CSS length). Defaults to `160px`. */\n  labelWidth?: number | string\n  /**\n   * `horizontal` only — the breakpoint at (and below) which the label stacks back above the value.\n   * A breakpoint token (`'xxs'` ≤ 576px default, `'xs'` ≤ 768px, …) or `false` to keep the two columns\n   * side by side at every width. Uses the shared JS breakpoint layer, so `config.theme.breakpoints` applies.\n   */\n  stackBelow?: Breakpoint | false\n  /** Render shimmering placeholders instead of values — `true` uses `items.length` rows, a number sets the count. */\n  loading?: boolean | number\n  /** Placeholder for an empty value. Defaults to `\"—\"`. */\n  emptyText?: ReactNode\n  /** Optional header title. */\n  title?: ReactNode\n  /** Leading header icon (a tinted box before the title, like `Card`) — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Theme color that tints the header icon box. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Muted line under the title. */\n  subtitle?: ReactNode\n  /** Header slot on the right (buttons, a status chip …). */\n  actions?: ReactNode\n}\n\nconst DEFAULT_COLUMNS: Responsive<DescriptionListColumns> = { xs: 1, sm: 2, lg: 3 }\n\nconst isEmpty = (value: ReactNode) => value == null || value === '' || value === false\n\n/** What `copyable` copies: an explicit string, else a string / number value; nothing for rich nodes. */\nconst copyTextOf = (item: DescriptionItem): string | undefined => {\n  if (typeof item.copyable === 'string') return item.copyable\n  if (typeof item.value === 'string' || typeof item.value === 'number') return String(item.value)\n  return undefined\n}\n\n/** Lay the items on a `cols`-wide grid the way CSS auto-placement will (spans clamped, wrapping rows). */\nconst placeItems = (items: DescriptionItem[], cols: number) => {\n  let row = 0\n  let col = 0\n  return items.map((item) => {\n    const span = Math.min(item.span ?? 1, cols)\n    if (col + span > cols) {\n      row += 1\n      col = 0\n    }\n    const placed = { item, span, row, col }\n    col += span\n    if (col >= cols) {\n      row += 1\n      col = 0\n    }\n    return placed\n  })\n}\n\nconst renderIcon = (icon: IconName | ReactNode, size: 'sm' | 'md' = 'sm') =>\n  typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n    <Icon name={icon as IconName} size={size} />\n  ) : (\n    icon\n  )\n\n/**\n * Label / value pairs for a **detail page** (the read-only twin of a form: \"User #42\" → Name, Email,\n * Role …). Renders a semantic `<dl>` of `<dt>` / `<dd>` groups laid out on a responsive CSS grid\n * (`columns`, desktop-first breakpoint map — default 1 → 2 → 3), each pair optionally spanning several\n * columns. An optional Card-style header carries an `icon` box (tinted by `color`), `title`,\n * `subtitle` and `actions`. Values are regular weight by default (`valueWeight` adds emphasis) and any node: `null` / `''` show a muted \"—\" placeholder (`emptyText`), string / number\n * values can grow a `CopyButton` (revealed on hover / focus; always visible without hover), and\n * `hidden` drops a pair (e.g. by role). `layout=\"horizontal\"` puts the label beside the value in a\n * `labelWidth` column and stacks back on phones (`stackBelow` — a breakpoint, or `false` to never stack); `bordered` frames the list as a surface card (tinting the\n * label column when horizontal). `loading` swaps the values for `Skeleton` lines of the same shape.\n * Rows are separated by hairline `dividers`. Token-only; the grid is never `overflow: hidden` so the\n * copy tooltip is never clipped. `forwardRef` to the root `<div>`.\n */\nexport const DescriptionList = forwardRef<HTMLDivElement, DescriptionListProps>(\n  function DescriptionList(\n    {\n      items,\n      columns = DEFAULT_COLUMNS,\n      layout = 'vertical',\n      size = 'md',\n      valueWeight = 'regular',\n      bordered = false,\n      dividers = true,\n      labelWidth = 160,\n      stackBelow = 'xxs',\n      loading = false,\n      emptyText = '\\u2014',\n      title,\n      icon,\n      color = 'accent',\n      subtitle,\n      actions,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    const t = useT()\n    const id = useId()\n    const titleId = `${id}-title`\n    const matches = useBreakpointMatches()\n    const cols = resolveResponsive(columns, matches) ?? 1\n    const stacked = layout === 'horizontal' && stackBelow !== false && matches[stackBelow]\n\n    const visible = items.filter((item) => !item.hidden)\n    // Grid placement (span-aware) — the last row drops its hairline (nothing follows it, and in `bordered`\n    // it would double the frame's border), and its first cell rounds the frame's bottom-left corner\n    // (`bordered` + `horizontal` tints the label column, and that tint must not bleed past the radius).\n    const placed = placeItems(visible, cols)\n    const lastRow = placed.length ? placed[placed.length - 1].row : 0\n    const skeletonRows = typeof loading === 'number' ? loading : visible.length || 6\n    const hasHeader = title != null || subtitle != null || actions != null || icon != null\n\n    const vars = {\n      '--dl-cols': cols,\n      '--dl-label-w': typeof labelWidth === 'number' ? `${labelWidth}px` : labelWidth,\n    } as CSSProperties\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          styles.root,\n          styles[size],\n          styles[layout],\n          valueWeight !== 'regular' && styles[`value${valueWeight === 'bold' ? 'Bold' : 'Medium'}`],\n          bordered && styles.bordered,\n          dividers && styles.dividers,\n          stacked && styles.stacked,\n          className,\n        )}\n        style={{ ...vars, ...style }}\n        {...props}\n      >\n        {hasHeader && (\n          <div className={styles.header}>\n            <div className={styles.headerMain}>\n              {icon != null && (\n                <IconButton\n                  variant=\"filled\"\n                  size=\"sm\"\n                  color={color}\n                  nonClickable\n                  aria-hidden\n                  className={styles.headerIcon}\n                >\n                  {renderIcon(icon, 'md')}\n                </IconButton>\n              )}\n              {(title != null || subtitle != null) && (\n                <div className={styles.headerText}>\n                  {title != null && (\n                    <Typography as=\"h3\" id={titleId} variant=\"subtitle\" className={styles.title}>\n                      {title}\n                    </Typography>\n                  )}\n                  {subtitle != null && (\n                    <Typography as=\"p\" variant=\"bodySmall\" color=\"muted\">\n                      {subtitle}\n                    </Typography>\n                  )}\n                </div>\n              )}\n            </div>\n            {actions != null && <div className={styles.actions}>{actions}</div>}\n          </div>\n        )}\n\n        <dl\n          className={styles.grid}\n          aria-labelledby={title != null ? titleId : undefined}\n          aria-busy={loading ? true : undefined}\n          aria-label={loading ? t('descriptionList.loading') : undefined}\n        >\n          {loading\n            ? Array.from({ length: skeletonRows }, (_, i) => (\n                <div key={i} className={styles.item} aria-hidden=\"true\">\n                  <dt className={styles.label}>\n                    <Skeleton width=\"40%\" height=\"0.9em\" />\n                  </dt>\n                  <dd className={styles.value}>\n                    <Skeleton width=\"70%\" height=\"1.1em\" />\n                  </dd>\n                </div>\n              ))\n            : placed.map(({ item, span, row, col }, i) => {\n                const empty = isEmpty(item.value)\n                const copy = !empty && item.copyable ? copyTextOf(item) : undefined\n                return (\n                  <div\n                    key={item.key ?? i}\n                    className={clsx(\n                      styles.item,\n                      row === lastRow && styles.lastRow,\n                      row === lastRow && col === 0 && styles.lastRowStart,\n                    )}\n                    style={{ '--dl-span': span } as CSSProperties}\n                  >\n                    <dt className={styles.label}>\n                      {item.icon != null && (\n                        <span className={styles.labelIcon} aria-hidden=\"true\">\n                          {renderIcon(item.icon)}\n                        </span>\n                      )}\n                      {item.label}\n                    </dt>\n                    <dd className={styles.value}>\n                      <span className={styles.valueText}>\n                        {empty ? (\n                          <span\n                            className={styles.placeholder}\n                            aria-label={t('descriptionList.empty')}\n                          >\n                            {emptyText}\n                          </span>\n                        ) : (\n                          item.value\n                        )}\n                      </span>\n                      {copy != null && (\n                        <span className={styles.copy}>\n                          <CopyButton\n                            value={copy}\n                            size=\"sm\"\n                            variant=\"text\"\n                            className={styles.copyButton}\n                          />\n                        </span>\n                      )}\n                    </dd>\n                  </div>\n                )\n              })}\n        </dl>\n      </div>\n    )\n  },\n)\n"],"names":["ICON_NAME_SET","ICON_NAMES","DEFAULT_COLUMNS","isEmpty","value","copyTextOf","item","placeItems","items","cols","row","col","span","placed","renderIcon","icon","size","jsx","Icon","DescriptionList","forwardRef","columns","layout","valueWeight","bordered","dividers","labelWidth","stackBelow","loading","emptyText","title","color","subtitle","actions","className","style","props","ref","t","useT","titleId","useId","matches","useBreakpointMatches","resolveResponsive","stacked","visible","lastRow","skeletonRows","hasHeader","vars","jsxs","clsx","styles","IconButton","Typography","_","i","Skeleton","empty","copy","CopyButton"],"mappings":"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"}

package/dist/FileCard-5QvVkO1-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileCard-5QvVkO1-.js","sources":["../src/components/FileCard/FileCard.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Avatar, type AvatarSize } from '../Avatar'\nimport { IconButton } from '../IconButton'\nimport { Icon } from '../Icon'\nimport { Typography } from '../Typography'\nimport type { IconName } from '../../icons/names'\nimport styles from './FileCard.module.css'\n\nexport type FileCardSize = AvatarSize\n\nconst IMAGE_EXTS = new Set([\n  'png',\n  'jpg',\n  'jpeg',\n  'webp',\n  'svg',\n  'gif',\n  'avif',\n  'bmp',\n  'ico',\n  'heic',\n])\n\n// a leading icon per file family (non-image); everything else gets the generic document icon\nconst FILE_ICONS: Record<string, IconName> = {\n  pdf: 'DocumentText',\n  doc: 'DocumentText',\n  docx: 'DocumentText',\n  txt: 'DocumentText',\n  rtf: 'DocumentText',\n  md: 'DocumentText',\n  csv: 'DocumentText',\n  xls: 'DocumentText',\n  xlsx: 'DocumentText',\n  json: 'DocumentCode',\n  xml: 'DocumentCode',\n  zip: 'Folder',\n  rar: 'Folder',\n  '7z': 'Folder',\n  mp4: 'VideoSquare',\n  mov: 'VideoSquare',\n  webm: 'VideoSquare',\n  mp3: 'MusicSquare',\n  wav: 'MusicSquare',\n}\n\n/** The lowercased extension from a file name, else the subtype from a MIME `type` (`image/png` → `png`). */\nfunction extensionOf(name: string, type?: string): string {\n  const dot = name.lastIndexOf('.')\n  if (dot > 0 && name.length - dot <= 7) return name.slice(dot + 1).toLowerCase()\n  if (type && type.includes('/')) return type.slice(type.indexOf('/') + 1).toLowerCase()\n  return ''\n}\n\n/** Split `report.pdf` into `{ base: 'report', ext: '.pdf' }` so the base can ellipsize and the type stays. */\nfunction splitName(name: string): { base: string; ext: string } {\n  const dot = name.lastIndexOf('.')\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/** Human-readable byte size — `2411724` → `\"2.3 MB\"`. */\nfunction formatBytes(bytes: number): string {\n  if (!Number.isFinite(bytes) || bytes < 0) return ''\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 < 10 ? value.toFixed(1) : Math.round(value)} ${units[i]}`\n}\n\nexport interface FileCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {\n  /** File name — shown middle-truncated (`test-file-na….pdf`) so the extension always stays visible. */\n  name: string\n  /** File URL — the download target and, for an image, the thumbnail `src`. */\n  src?: string\n  /** File type — an extension (`'pdf'`) or MIME (`'image/png'`). Derived from `name` when omitted. */\n  type?: string\n  /** Force image vs. file rendering. Inferred from `type` / `name` / `src` when omitted. */\n  image?: boolean\n  /** File size — a **bytes** number (auto-formatted to `\"2.3 MB\"`) or a preformatted string. Shown after the type. */\n  fileSize?: number | string\n  /**\n   * When no `fileSize` is given, fetch it from `src` via a `HEAD` request (reads `Content-Length`). Off\n   * by default — it's a network call and needs CORS to expose the header; prefer passing `fileSize` from\n   * the backend. Fails silently (no size shown) when unavailable.\n   */\n  fetchSize?: boolean\n  /** Meta line under the name — overrides the derived `TYPE · size`. */\n  meta?: ReactNode\n  /** Theme token tinting the avatar / file-icon box. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Size — scales the avatar, text and padding. Defaults to `md`. */\n  size?: FileCardSize\n  /** Show the download control (only when there's a `src` or `onDownload`). Defaults to `true`. */\n  downloadable?: boolean\n  /** Custom download handler — replaces the default (a download of `src`). */\n  onDownload?: () => void\n}\n\n/**\n * A compact, read-only **file card** for displaying a file that already exists (e.g. from the backend) —\n * an image or a document (`pdf` / `docx` / `csv` / `svg` / …). Shows a leading **`Avatar`** (the image\n * thumbnail via `src`, or a type-based file icon in a tinted square), the **name** middle-truncated so\n * the extension is never lost, the **type** underneath, and a **download** control. Simple to drop in —\n * pass `name` (+ `src` for the thumbnail/download). Not to be confused with `FileUploader` (which\n * *collects* files to upload); this only *displays* one. Token-only styling.\n *\n * @example\n * <FileCard name=\"annual-report.pdf\" src=\"/files/annual-report.pdf\" />\n * <FileCard name=\"avatar.png\" src={url} meta=\"240 KB\" />\n */\nexport const FileCard = forwardRef<HTMLDivElement, FileCardProps>(function FileCard(\n  {\n    name,\n    src,\n    type,\n    image,\n    fileSize,\n    fetchSize = false,\n    meta,\n    color = 'accent',\n    size = 'md',\n    downloadable = true,\n    onDownload,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const ext = extensionOf(name, type)\n  const isImage = image ?? (type?.startsWith('image/') || IMAGE_EXTS.has(ext))\n  const { base, ext: nameExt } = splitName(name)\n\n  // optional auto size via a HEAD request (only when opted in and no explicit fileSize)\n  const [fetchedSize, setFetchedSize] = useState<number | null>(null)\n  useEffect(() => {\n    if (!fetchSize || fileSize != null || !src || typeof fetch === 'undefined') return\n    let cancelled = false\n    fetch(src, { method: 'HEAD' })\n      .then((res) => {\n        const len = res.headers.get('content-length')\n        if (!cancelled && len) setFetchedSize(Number(len))\n      })\n      .catch(() => {})\n    return () => {\n      cancelled = true\n    }\n  }, [fetchSize, fileSize, src])\n\n  const sizeText =\n    fileSize != null\n      ? typeof fileSize === 'number'\n        ? formatBytes(fileSize)\n        : fileSize\n      : fetchedSize != null\n        ? formatBytes(fetchedSize)\n        : ''\n  // \"TYPE · 2.3 MB\" (either part optional) — overridden wholesale by `meta`\n  const derivedMeta = [ext ? ext.toUpperCase() : '', sizeText].filter(Boolean).join(' · ')\n  const metaLine = meta ?? (derivedMeta || null)\n\n  const handleDownload = () => {\n    if (onDownload) return onDownload()\n    if (!src) return\n    const a = document.createElement('a')\n    a.href = src\n    a.download = name\n    a.rel = 'noopener'\n    a.click()\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.fileCard, styles[size], className)}\n      style={{ '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`, ...style } as CSSProperties}\n      {...props}\n    >\n      <Avatar\n        className={styles.avatar}\n        src={isImage ? src : undefined}\n        icon={isImage ? undefined : (FILE_ICONS[ext] ?? 'Document')}\n        name={name}\n        shape=\"square\"\n        size={size}\n        color={color}\n      />\n      <div className={styles.body}>\n        <span className={styles.name} title={name}>\n          <span className={styles.nameBase}>{base}</span>\n          {nameExt && <span className={styles.nameExt}>{nameExt}</span>}\n        </span>\n        {metaLine != null && (\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\" uppercase className={styles.type}>\n            {metaLine}\n          </Typography>\n        )}\n      </div>\n      {downloadable && (src || onDownload) && (\n        <IconButton\n          variant=\"filled\"\n          size={size === 'lg' ? 'md' : 'sm'}\n          className={styles.download}\n          aria-label={t('fileCard.download', { name })}\n          onClick={handleDownload}\n        >\n          <Icon name=\"ImportArrow\" />\n        </IconButton>\n      )}\n    </div>\n  )\n})\n"],"names":["IMAGE_EXTS","FILE_ICONS","extensionOf","name","type","dot","splitName","formatBytes","bytes","units","value","i","FileCard","forwardRef","src","image","fileSize","fetchSize","meta","color","size","downloadable","onDownload","className","style","props","ref","t","useT","ext","isImage","base","nameExt","fetchedSize","setFetchedSize","useState","useEffect","cancelled","res","len","sizeText","derivedMeta","metaLine","handleDownload","a","jsxs","clsx","styles","jsx","Avatar","Typography","IconButton","Icon"],"mappings":"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"}

package/dist/FileCard-Cl88Gu6L.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileCard-Cl88Gu6L.cjs","sources":["../src/components/FileCard/FileCard.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Avatar, type AvatarSize } from '../Avatar'\nimport { IconButton } from '../IconButton'\nimport { Icon } from '../Icon'\nimport { Typography } from '../Typography'\nimport type { IconName } from '../../icons/names'\nimport styles from './FileCard.module.css'\n\nexport type FileCardSize = AvatarSize\n\nconst IMAGE_EXTS = new Set([\n  'png',\n  'jpg',\n  'jpeg',\n  'webp',\n  'svg',\n  'gif',\n  'avif',\n  'bmp',\n  'ico',\n  'heic',\n])\n\n// a leading icon per file family (non-image); everything else gets the generic document icon\nconst FILE_ICONS: Record<string, IconName> = {\n  pdf: 'DocumentText',\n  doc: 'DocumentText',\n  docx: 'DocumentText',\n  txt: 'DocumentText',\n  rtf: 'DocumentText',\n  md: 'DocumentText',\n  csv: 'DocumentText',\n  xls: 'DocumentText',\n  xlsx: 'DocumentText',\n  json: 'DocumentCode',\n  xml: 'DocumentCode',\n  zip: 'Folder',\n  rar: 'Folder',\n  '7z': 'Folder',\n  mp4: 'VideoSquare',\n  mov: 'VideoSquare',\n  webm: 'VideoSquare',\n  mp3: 'MusicSquare',\n  wav: 'MusicSquare',\n}\n\n/** The lowercased extension from a file name, else the subtype from a MIME `type` (`image/png` → `png`). */\nfunction extensionOf(name: string, type?: string): string {\n  const dot = name.lastIndexOf('.')\n  if (dot > 0 && name.length - dot <= 7) return name.slice(dot + 1).toLowerCase()\n  if (type && type.includes('/')) return type.slice(type.indexOf('/') + 1).toLowerCase()\n  return ''\n}\n\n/** Split `report.pdf` into `{ base: 'report', ext: '.pdf' }` so the base can ellipsize and the type stays. */\nfunction splitName(name: string): { base: string; ext: string } {\n  const dot = name.lastIndexOf('.')\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/** Human-readable byte size — `2411724` → `\"2.3 MB\"`. */\nfunction formatBytes(bytes: number): string {\n  if (!Number.isFinite(bytes) || bytes < 0) return ''\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 < 10 ? value.toFixed(1) : Math.round(value)} ${units[i]}`\n}\n\nexport interface FileCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {\n  /** File name — shown middle-truncated (`test-file-na….pdf`) so the extension always stays visible. */\n  name: string\n  /** File URL — the download target and, for an image, the thumbnail `src`. */\n  src?: string\n  /** File type — an extension (`'pdf'`) or MIME (`'image/png'`). Derived from `name` when omitted. */\n  type?: string\n  /** Force image vs. file rendering. Inferred from `type` / `name` / `src` when omitted. */\n  image?: boolean\n  /** File size — a **bytes** number (auto-formatted to `\"2.3 MB\"`) or a preformatted string. Shown after the type. */\n  fileSize?: number | string\n  /**\n   * When no `fileSize` is given, fetch it from `src` via a `HEAD` request (reads `Content-Length`). Off\n   * by default — it's a network call and needs CORS to expose the header; prefer passing `fileSize` from\n   * the backend. Fails silently (no size shown) when unavailable.\n   */\n  fetchSize?: boolean\n  /** Meta line under the name — overrides the derived `TYPE · size`. */\n  meta?: ReactNode\n  /** Theme token tinting the avatar / file-icon box. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Size — scales the avatar, text and padding. Defaults to `md`. */\n  size?: FileCardSize\n  /** Show the download control (only when there's a `src` or `onDownload`). Defaults to `true`. */\n  downloadable?: boolean\n  /** Custom download handler — replaces the default (a download of `src`). */\n  onDownload?: () => void\n}\n\n/**\n * A compact, read-only **file card** for displaying a file that already exists (e.g. from the backend) —\n * an image or a document (`pdf` / `docx` / `csv` / `svg` / …). Shows a leading **`Avatar`** (the image\n * thumbnail via `src`, or a type-based file icon in a tinted square), the **name** middle-truncated so\n * the extension is never lost, the **type** underneath, and a **download** control. Simple to drop in —\n * pass `name` (+ `src` for the thumbnail/download). Not to be confused with `FileUploader` (which\n * *collects* files to upload); this only *displays* one. Token-only styling.\n *\n * @example\n * <FileCard name=\"annual-report.pdf\" src=\"/files/annual-report.pdf\" />\n * <FileCard name=\"avatar.png\" src={url} meta=\"240 KB\" />\n */\nexport const FileCard = forwardRef<HTMLDivElement, FileCardProps>(function FileCard(\n  {\n    name,\n    src,\n    type,\n    image,\n    fileSize,\n    fetchSize = false,\n    meta,\n    color = 'accent',\n    size = 'md',\n    downloadable = true,\n    onDownload,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const ext = extensionOf(name, type)\n  const isImage = image ?? (type?.startsWith('image/') || IMAGE_EXTS.has(ext))\n  const { base, ext: nameExt } = splitName(name)\n\n  // optional auto size via a HEAD request (only when opted in and no explicit fileSize)\n  const [fetchedSize, setFetchedSize] = useState<number | null>(null)\n  useEffect(() => {\n    if (!fetchSize || fileSize != null || !src || typeof fetch === 'undefined') return\n    let cancelled = false\n    fetch(src, { method: 'HEAD' })\n      .then((res) => {\n        const len = res.headers.get('content-length')\n        if (!cancelled && len) setFetchedSize(Number(len))\n      })\n      .catch(() => {})\n    return () => {\n      cancelled = true\n    }\n  }, [fetchSize, fileSize, src])\n\n  const sizeText =\n    fileSize != null\n      ? typeof fileSize === 'number'\n        ? formatBytes(fileSize)\n        : fileSize\n      : fetchedSize != null\n        ? formatBytes(fetchedSize)\n        : ''\n  // \"TYPE · 2.3 MB\" (either part optional) — overridden wholesale by `meta`\n  const derivedMeta = [ext ? ext.toUpperCase() : '', sizeText].filter(Boolean).join(' · ')\n  const metaLine = meta ?? (derivedMeta || null)\n\n  const handleDownload = () => {\n    if (onDownload) return onDownload()\n    if (!src) return\n    const a = document.createElement('a')\n    a.href = src\n    a.download = name\n    a.rel = 'noopener'\n    a.click()\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.fileCard, styles[size], className)}\n      style={{ '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`, ...style } as CSSProperties}\n      {...props}\n    >\n      <Avatar\n        className={styles.avatar}\n        src={isImage ? src : undefined}\n        icon={isImage ? undefined : (FILE_ICONS[ext] ?? 'Document')}\n        name={name}\n        shape=\"square\"\n        size={size}\n        color={color}\n      />\n      <div className={styles.body}>\n        <span className={styles.name} title={name}>\n          <span className={styles.nameBase}>{base}</span>\n          {nameExt && <span className={styles.nameExt}>{nameExt}</span>}\n        </span>\n        {metaLine != null && (\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\" uppercase className={styles.type}>\n            {metaLine}\n          </Typography>\n        )}\n      </div>\n      {downloadable && (src || onDownload) && (\n        <IconButton\n          variant=\"filled\"\n          size={size === 'lg' ? 'md' : 'sm'}\n          className={styles.download}\n          aria-label={t('fileCard.download', { name })}\n          onClick={handleDownload}\n        >\n          <Icon name=\"ImportArrow\" />\n        </IconButton>\n      )}\n    </div>\n  )\n})\n"],"names":["IMAGE_EXTS","FILE_ICONS","extensionOf","name","type","dot","splitName","formatBytes","bytes","units","value","i","FileCard","forwardRef","src","image","fileSize","fetchSize","meta","color","size","downloadable","onDownload","className","style","props","ref","t","useT","ext","isImage","base","nameExt","fetchedSize","setFetchedSize","useState","useEffect","cancelled","res","len","sizeText","derivedMeta","metaLine","handleDownload","a","jsxs","clsx","styles","jsx","Avatar","Typography","IconButton","Icon"],"mappings":"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"}