@techzyapp/ui-library 1.0.0

package/dist/ConfigProvider-2c94kUOk.js

@@ -0,0 +1,291 @@
+import { jsx as he } from "react/jsx-runtime";
+import { useContext as o, useState as E, useMemo as T, useCallback as c, useLayoutEffect as Z, createContext as Se } from "react";
+import { D as x } from "./translations-D15tFHM1.js";
+import { a as ee, c as te } from "./messages-C-zecFBE.js";
+function Ae(e) {
+  let s = e.trim().replace(/^#/, "");
+  s.length === 3 && (s = s[0] + s[0] + s[1] + s[1] + s[2] + s[2]);
+  const a = parseInt(s, 16);
+  return `${a >> 16 & 255}, ${a >> 8 & 255}, ${a & 255}`;
+}
+function be(e) {
+  const [s, a, l] = e.split(",").map((_) => Number(_.trim()));
+  return (s * 299 + a * 587 + l * 114) / 1e3 >= 150 ? "#04202b" : "#ffffff";
+}
+const fe = {
+  secondary: "rgb(var(--tz-color-primary-rgb))",
+  warning: "#ffffff"
+};
+function _e(e, s = document.documentElement) {
+  for (const [a, l] of Object.entries(e)) {
+    if (!l) continue;
+    const n = Ae(l);
+    s.style.setProperty(`--tz-color-${a}-rgb`, n), s.style.setProperty(
+      `--tz-color-${a}-contrast`,
+      fe[a] ?? be(n)
+    );
+  }
+}
+const r = Se(null), se = "tz-theme-mode", f = (e) => `tz-accent-color-${e}`, ae = "tz-header-sticky", ne = "tz-font-family", re = "tz-locale", oe = [{ code: "en-US", label: "English" }], I = "Inter", Le = [I], Ie = (e) => `'${e}', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif`;
+function ke() {
+  if (typeof document > "u" || document.getElementById("tz-font-preconnect")) return;
+  const e = document.createElement("link");
+  e.id = "tz-font-preconnect", e.rel = "preconnect", e.href = "https://fonts.googleapis.com", document.head.appendChild(e);
+  const s = document.createElement("link");
+  s.rel = "preconnect", s.href = "https://fonts.gstatic.com", s.crossOrigin = "anonymous", document.head.appendChild(s);
+}
+function Ce(e) {
+  if (typeof document > "u" || Le.includes(e)) return;
+  const s = `tz-font-${e.trim().replace(/\s+/g, "-").toLowerCase()}`;
+  if (document.getElementById(s)) return;
+  ke();
+  const a = document.createElement("link");
+  a.id = s, a.rel = "stylesheet", a.href = `https://fonts.googleapis.com/css2?family=${encodeURIComponent(e.trim()).replace(/%20/g, "+")}&display=swap`, document.head.appendChild(a);
+}
+const le = "tab", ue = "nestedTab", ce = "step", me = [], de = {}, ye = {}, Fe = {
+  primary: "#13404e",
+  secondary: "#ffffff",
+  background: "#f9f9f9",
+  // the rear + shell canvas — a soft off-white behind the white panels
+  surface: "#ffffff",
+  // the elevated panels (cards, sidebar, inputs, dropdowns, modals)
+  accent: "#056472",
+  success: "#00a854",
+  error: "#f04134",
+  info: "#039aa1",
+  warning: "#ffbf00"
+}, Ke = {
+  primary: "#e6e8eb",
+  secondary: "#191919",
+  background: "#0f0f0f",
+  // the near-black rear + canvas
+  surface: "#191919",
+  // a touch lighter than the canvas, for the elevated panels
+  accent: "#16a6b4",
+  // a brighter teal — the light-mode accent is too dark on the dark canvas
+  success: "#00a854",
+  error: "#f04134",
+  info: "#039aa1",
+  warning: "#ffbf00"
+};
+function Re(e) {
+  const s = localStorage.getItem(se);
+  return s === "light" || s === "dark" ? s : e;
+}
+function Ue() {
+  return {
+    light: localStorage.getItem(f("light")) || null,
+    dark: localStorage.getItem(f("dark")) || null
+  };
+}
+function De(e) {
+  const s = localStorage.getItem(ae);
+  return s === "1" ? !0 : s === "0" ? !1 : e;
+}
+function Qe(e) {
+  return localStorage.getItem(ne) || e;
+}
+function Ne(e, s) {
+  const a = e.map((n) => n.code), l = localStorage.getItem(re);
+  return l && a.includes(l) ? l : s && a.includes(s) ? s : a.find((n) => n.toLowerCase().startsWith("en")) ?? a[0] ?? "en-US";
+}
+function Be({ config: e, children: s }) {
+  var $, H, G, j, q, V, W, J, X;
+  const [a, l] = E(
+    () => {
+      var t;
+      return Re(((t = e == null ? void 0 : e.theme) == null ? void 0 : t.mode) ?? "light");
+    }
+  ), [n, _] = E(Ue), [k, pe] = E(
+    () => {
+      var t;
+      return De(((t = e == null ? void 0 : e.header) == null ? void 0 : t.sticky) ?? !1);
+    }
+  ), [h, ie] = E(
+    () => {
+      var t;
+      return Qe(((t = e == null ? void 0 : e.theme) == null ? void 0 : t.fontFamily) ?? I);
+    }
+  ), L = (($ = e == null ? void 0 : e.i18n) == null ? void 0 : $.languages) ?? oe, C = (H = e == null ? void 0 : e.i18n) == null ? void 0 : H.messages, F = (G = e == null ? void 0 : e.i18n) == null ? void 0 : G.appMessages, [y, Ee] = E(
+    () => {
+      var t;
+      return Ne(L, (t = e == null ? void 0 : e.i18n) == null ? void 0 : t.language);
+    }
+  ), m = (j = e == null ? void 0 : e.theme) == null ? void 0 : j.colors, i = T(() => {
+    const t = { ...Fe, ...m == null ? void 0 : m.light }, u = { ...t, ...Ke, ...m == null ? void 0 : m.dark };
+    return { light: t, dark: u };
+  }, [m]), K = T(
+    () => ({ light: i.light.accent, dark: i.dark.accent }),
+    [i]
+  ), p = c(
+    (t, u = n[t]) => {
+      const d = i[t];
+      _e(u ? { ...d, accent: u } : d);
+      const b = document.documentElement;
+      b.setAttribute("data-tz-theme", t), b.style.setProperty("color-scheme", t), localStorage.setItem(se, t);
+    },
+    [i, n]
+  );
+  Z(() => {
+    p(a);
+  }, [p, a]);
+  const S = c(
+    (t) => {
+      p(t), l(t);
+    },
+    [p]
+  ), R = c(
+    () => S(a === "light" ? "dark" : "light"),
+    [a, S]
+  ), U = c(
+    (t, u) => {
+      const d = u ?? a;
+      _((b) => ({ ...b, [d]: t })), t ? localStorage.setItem(f(d), t) : localStorage.removeItem(f(d)), d === a && p(a, t);
+    },
+    [a, p]
+  ), D = c((t) => {
+    pe(t), localStorage.setItem(ae, t ? "1" : "0");
+  }, []), A = c((t) => {
+    Ce(t), document.documentElement.style.setProperty("--tz-font-family", Ie(t));
+  }, []);
+  Z(() => {
+    A(h);
+  }, [A, h]);
+  const Q = c(
+    (t) => {
+      const u = t.trim() || I;
+      A(u), ie(u), localStorage.setItem(ne, u);
+    },
+    [A]
+  ), N = c((t) => {
+    Ee(t), localStorage.setItem(re, t);
+  }, []), O = T(
+    () => ee(y, C),
+    [y, C]
+  ), g = T(
+    () => te(y, F),
+    [y, F]
+  ), P = (e == null ? void 0 : e.locales) ?? me, Y = ((q = e == null ? void 0 : e.keys) == null ? void 0 : q.translationsNamespace) ?? x, M = ((V = e == null ? void 0 : e.keys) == null ? void 0 : V.tabQueryKey) ?? le, z = ((W = e == null ? void 0 : e.keys) == null ? void 0 : W.nestedTabQueryKey) ?? ue, B = ((J = e == null ? void 0 : e.keys) == null ? void 0 : J.stepQueryKey) ?? ce, v = ((X = e == null ? void 0 : e.table) == null ? void 0 : X.query) ?? de, w = (e == null ? void 0 : e.header) ?? ye, Te = T(
+    () => ({
+      mode: a,
+      setMode: S,
+      toggleMode: R,
+      accentColors: n,
+      defaultAccentColors: K,
+      setAccentColor: U,
+      locales: P,
+      translationsNamespace: Y,
+      tabQueryKey: M,
+      nestedTabQueryKey: z,
+      stepQueryKey: B,
+      tableQuery: v,
+      header: w,
+      headerSticky: k,
+      setHeaderSticky: D,
+      fontFamily: h,
+      setFontFamily: Q,
+      language: y,
+      setLanguage: N,
+      languages: L,
+      t: O,
+      appT: g
+    }),
+    [
+      a,
+      S,
+      R,
+      n,
+      K,
+      U,
+      P,
+      Y,
+      M,
+      z,
+      B,
+      v,
+      w,
+      k,
+      D,
+      h,
+      Q,
+      y,
+      N,
+      L,
+      O,
+      g
+    ]
+  );
+  return /* @__PURE__ */ he(r.Provider, { value: Te, children: s });
+}
+function ve() {
+  const e = o(r);
+  if (!e)
+    throw new Error("useTheme must be used within a <ConfigProvider>");
+  return e;
+}
+function we() {
+  var e;
+  return ((e = o(r)) == null ? void 0 : e.locales) ?? me;
+}
+const Oe = ee("en"), ge = te("en");
+function $e() {
+  var e;
+  return ((e = o(r)) == null ? void 0 : e.t) ?? Oe;
+}
+function He() {
+  var e;
+  return ((e = o(r)) == null ? void 0 : e.appT) ?? ge;
+}
+function Ge() {
+  const e = o(r);
+  return {
+    language: (e == null ? void 0 : e.language) ?? "en-US",
+    setLanguage: (e == null ? void 0 : e.setLanguage) ?? (() => {
+    }),
+    languages: (e == null ? void 0 : e.languages) ?? oe
+  };
+}
+function je() {
+  var e;
+  return ((e = o(r)) == null ? void 0 : e.translationsNamespace) ?? x;
+}
+function qe() {
+  var e;
+  return ((e = o(r)) == null ? void 0 : e.tabQueryKey) ?? le;
+}
+function Ve() {
+  var e;
+  return ((e = o(r)) == null ? void 0 : e.nestedTabQueryKey) ?? ue;
+}
+function We() {
+  var e;
+  return ((e = o(r)) == null ? void 0 : e.stepQueryKey) ?? ce;
+}
+function Je() {
+  var e;
+  return ((e = o(r)) == null ? void 0 : e.tableQuery) ?? de;
+}
+function Xe() {
+  var e;
+  return ((e = o(r)) == null ? void 0 : e.header) ?? ye;
+}
+export {
+  Be as C,
+  I as D,
+  $e as a,
+  He as b,
+  ue as c,
+  ce as d,
+  le as e,
+  _e as f,
+  Xe as g,
+  we as h,
+  Ve as i,
+  We as j,
+  Je as k,
+  qe as l,
+  ve as m,
+  je as n,
+  Ge as u
+};
+//# sourceMappingURL=ConfigProvider-2c94kUOk.js.map

package/dist/ConfigProvider-2c94kUOk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigProvider-2c94kUOk.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 ThemePalette } from './applyTheme'\nimport { DEFAULT_TRANSLATIONS_NAMESPACE } from '../helpers/translations'\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\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\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 * `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  /** Render the automatic page-title `h2` (the active route's `staticData.name`). Defaults to `true`. */\n  pageTitle?: 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\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` / `pageTitle`) + 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}\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  /** 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  /** 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 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 = {}\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/**\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  // 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      localStorage.setItem(STORAGE_KEY, nextMode)\n    },\n    [basePalettes, accentByMode],\n  )\n\n  useLayoutEffect(() => {\n    applyMode(mode)\n  }, [applyMode, mode])\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    },\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  // 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\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      headerSticky,\n      setHeaderSticky,\n      fontFamily,\n      setFontFamily,\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      headerSticky,\n      setHeaderSticky,\n      fontFamily,\n      setFontFamily,\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"],"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","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","DEFAULT_LIGHT_COLORS","DEFAULT_DARK_COLORS","getInitialMode","fallback","stored","getInitialAccentByMode","getInitialHeaderSticky","getInitialFont","getInitialLanguage","languages","configLanguage","codes","l","c","ConfigProvider","config","children","setModeState","useState","_a","accentByMode","setAccentByMode","headerSticky","setHeaderStickyState","fontFamily","setFontFamilyState","i18nMessages","_b","appMessages","_c","language","setLanguageState","colors","_d","basePalettes","useMemo","light","dark","defaultAccentColors","applyMode","useCallback","nextMode","accent","base","root","useLayoutEffect","setMode","next","toggleMode","setAccentColor","color","m","prev","setHeaderSticky","sticky","applyFont","setFontFamily","setLanguage","code","t","createTranslator","appT","createAppTranslator","locales","translationsNamespace","_e","DEFAULT_TRANSLATIONS_NAMESPACE","tabQueryKey","_f","nestedTabQueryKey","_g","stepQueryKey","_h","tableQuery","_i","headerConfig","jsx","useTheme","useContext","useLocales","DEFAULT_TRANSLATOR","DEFAULT_APP_TRANSLATOR","useT","useTranslations","useLanguage","ctx","useTranslationsNamespace","useTabsQueryKey","useNestedTabQueryKey","useStepQueryKey","useTableQueryConfig","useHeaderConfig"],"mappings":"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"}

package/dist/ConfigProvider-ByOFXVyP.cjs

@@ -0,0 +1,2 @@
+"use strict";const Te=require("react/jsx-runtime"),a=require("react"),Z=require("./translations-CXEeeUDL.cjs"),A=require("./messages-Cy-qK5xU.cjs");function ie(e){let s=e.trim().replace(/^#/,"");s.length===3&&(s=s[0]+s[0]+s[1]+s[1]+s[2]+s[2]);const n=parseInt(s,16);return`${n>>16&255}, ${n>>8&255}, ${n&255}`}function pe(e){const[s,n,u]=e.split(",").map(C=>Number(C.trim()));return(s*299+n*587+u*114)/1e3>=150?"#04202b":"#ffffff"}const Ee={secondary:"rgb(var(--tz-color-primary-rgb))",warning:"#ffffff"};function ee(e,s=document.documentElement){for(const[n,u]of Object.entries(e)){if(!u)continue;const r=ie(u);s.style.setProperty(`--tz-color-${n}-rgb`,r),s.style.setProperty(`--tz-color-${n}-contrast`,Ee[n]??pe(r))}}const o=a.createContext(null),te="tz-theme-mode",h=e=>`tz-accent-color-${e}`,se="tz-header-sticky",ae="tz-font-family",ne="tz-locale",re=[{code:"en-US",label:"English"}],_="Inter",Se=[_],Ae=e=>`'${e}', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif`;function he(){if(typeof document>"u"||document.getElementById("tz-font-preconnect"))return;const e=document.createElement("link");e.id="tz-font-preconnect",e.rel="preconnect",e.href="https://fonts.googleapis.com",document.head.appendChild(e);const s=document.createElement("link");s.rel="preconnect",s.href="https://fonts.gstatic.com",s.crossOrigin="anonymous",document.head.appendChild(s)}function _e(e){if(typeof document>"u"||Se.includes(e))return;const s=`tz-font-${e.trim().replace(/\s+/g,"-").toLowerCase()}`;if(document.getElementById(s))return;he();const n=document.createElement("link");n.id=s,n.rel="stylesheet",n.href=`https://fonts.googleapis.com/css2?family=${encodeURIComponent(e.trim()).replace(/%20/g,"+")}&display=swap`,document.head.appendChild(n)}const L="tab",f="nestedTab",k="step",oe=[],ue={},le={},Ce={primary:"#13404e",secondary:"#ffffff",background:"#f9f9f9",surface:"#ffffff",accent:"#056472",success:"#00a854",error:"#f04134",info:"#039aa1",warning:"#ffbf00"},be={primary:"#e6e8eb",secondary:"#191919",background:"#0f0f0f",surface:"#191919",accent:"#16a6b4",success:"#00a854",error:"#f04134",info:"#039aa1",warning:"#ffbf00"};function Le(e){const s=localStorage.getItem(te);return s==="light"||s==="dark"?s:e}function fe(){return{light:localStorage.getItem(h("light"))||null,dark:localStorage.getItem(h("dark"))||null}}function ke(e){const s=localStorage.getItem(se);return s==="1"?!0:s==="0"?!1:e}function Fe(e){return localStorage.getItem(ae)||e}function Ie(e,s){const n=e.map(r=>r.code),u=localStorage.getItem(ne);return u&&n.includes(u)?u:s&&n.includes(s)?s:n.find(r=>r.toLowerCase().startsWith("en"))??n[0]??"en-US"}function Ue({config:e,children:s}){var $,q,x,G,j,V,W,J,X;const[n,u]=a.useState(()=>{var t;return Le(((t=e==null?void 0:e.theme)==null?void 0:t.mode)??"light")}),[r,C]=a.useState(fe),[F,ce]=a.useState(()=>{var t;return ke(((t=e==null?void 0:e.header)==null?void 0:t.sticky)??!1)}),[i,de]=a.useState(()=>{var t;return Fe(((t=e==null?void 0:e.theme)==null?void 0:t.fontFamily)??_)}),b=(($=e==null?void 0:e.i18n)==null?void 0:$.languages)??re,I=(q=e==null?void 0:e.i18n)==null?void 0:q.messages,U=(x=e==null?void 0:e.i18n)==null?void 0:x.appMessages,[m,me]=a.useState(()=>{var t;return Ie(b,(t=e==null?void 0:e.i18n)==null?void 0:t.language)}),c=(G=e==null?void 0:e.theme)==null?void 0:G.colors,T=a.useMemo(()=>{const t={...Ce,...c==null?void 0:c.light},l={...t,...be,...c==null?void 0:c.dark};return{light:t,dark:l}},[c]),K=a.useMemo(()=>({light:T.light.accent,dark:T.dark.accent}),[T]),y=a.useCallback((t,l=r[t])=>{const d=T[t];ee(l?{...d,accent:l}:d);const S=document.documentElement;S.setAttribute("data-tz-theme",t),S.style.setProperty("color-scheme",t),localStorage.setItem(te,t)},[T,r]);a.useLayoutEffect(()=>{y(n)},[y,n]);const p=a.useCallback(t=>{y(t),u(t)},[y]),R=a.useCallback(()=>p(n==="light"?"dark":"light"),[n,p]),Q=a.useCallback((t,l)=>{const d=l??n;C(S=>({...S,[d]:t})),t?localStorage.setItem(h(d),t):localStorage.removeItem(h(d)),d===n&&y(n,t)},[n,y]),N=a.useCallback(t=>{ce(t),localStorage.setItem(se,t?"1":"0")},[]),E=a.useCallback(t=>{_e(t),document.documentElement.style.setProperty("--tz-font-family",Ae(t))},[]);a.useLayoutEffect(()=>{E(i)},[E,i]);const D=a.useCallback(t=>{const l=t.trim()||_;E(l),de(l),localStorage.setItem(ae,l)},[E]),Y=a.useCallback(t=>{me(t),localStorage.setItem(ne,t)},[]),g=a.useMemo(()=>A.createTranslator(m,I),[m,I]),M=a.useMemo(()=>A.createAppTranslator(m,U),[m,U]),O=(e==null?void 0:e.locales)??oe,P=((j=e==null?void 0:e.keys)==null?void 0:j.translationsNamespace)??Z.DEFAULT_TRANSLATIONS_NAMESPACE,z=((V=e==null?void 0:e.keys)==null?void 0:V.tabQueryKey)??L,B=((W=e==null?void 0:e.keys)==null?void 0:W.nestedTabQueryKey)??f,v=((J=e==null?void 0:e.keys)==null?void 0:J.stepQueryKey)??k,w=((X=e==null?void 0:e.table)==null?void 0:X.query)??ue,H=(e==null?void 0:e.header)??le,ye=a.useMemo(()=>({mode:n,setMode:p,toggleMode:R,accentColors:r,defaultAccentColors:K,setAccentColor:Q,locales:O,translationsNamespace:P,tabQueryKey:z,nestedTabQueryKey:B,stepQueryKey:v,tableQuery:w,header:H,headerSticky:F,setHeaderSticky:N,fontFamily:i,setFontFamily:D,language:m,setLanguage:Y,languages:b,t:g,appT:M}),[n,p,R,r,K,Q,O,P,z,B,v,w,H,F,N,i,D,m,Y,b,g,M]);return Te.jsx(o.Provider,{value:ye,children:s})}function Ke(){const e=a.useContext(o);if(!e)throw new Error("useTheme must be used within a <ConfigProvider>");return e}function Re(){var e;return((e=a.useContext(o))==null?void 0:e.locales)??oe}const Qe=A.createTranslator("en"),Ne=A.createAppTranslator("en");function De(){var e;return((e=a.useContext(o))==null?void 0:e.t)??Qe}function Ye(){var e;return((e=a.useContext(o))==null?void 0:e.appT)??Ne}function ge(){const e=a.useContext(o);return{language:(e==null?void 0:e.language)??"en-US",setLanguage:(e==null?void 0:e.setLanguage)??(()=>{}),languages:(e==null?void 0:e.languages)??re}}function Me(){var e;return((e=a.useContext(o))==null?void 0:e.translationsNamespace)??Z.DEFAULT_TRANSLATIONS_NAMESPACE}function Oe(){var e;return((e=a.useContext(o))==null?void 0:e.tabQueryKey)??L}function Pe(){var e;return((e=a.useContext(o))==null?void 0:e.nestedTabQueryKey)??f}function ze(){var e;return((e=a.useContext(o))==null?void 0:e.stepQueryKey)??k}function Be(){var e;return((e=a.useContext(o))==null?void 0:e.tableQuery)??ue}function ve(){var e;return((e=a.useContext(o))==null?void 0:e.header)??le}exports.ConfigProvider=Ue;exports.DEFAULT_FONT_FAMILY=_;exports.DEFAULT_NESTED_TAB_QUERY_KEY=f;exports.DEFAULT_STEP_QUERY_KEY=k;exports.DEFAULT_TABS_QUERY_KEY=L;exports.applyTheme=ee;exports.useHeaderConfig=ve;exports.useLanguage=ge;exports.useLocales=Re;exports.useNestedTabQueryKey=Pe;exports.useStepQueryKey=ze;exports.useT=De;exports.useTableQueryConfig=Be;exports.useTabsQueryKey=Oe;exports.useTheme=Ke;exports.useTranslations=Ye;exports.useTranslationsNamespace=Me;
+//# sourceMappingURL=ConfigProvider-ByOFXVyP.cjs.map

package/dist/ConfigProvider-ByOFXVyP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigProvider-ByOFXVyP.cjs","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 ThemePalette } from './applyTheme'\nimport { DEFAULT_TRANSLATIONS_NAMESPACE } from '../helpers/translations'\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\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\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 * `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  /** Render the automatic page-title `h2` (the active route's `staticData.name`). Defaults to `true`. */\n  pageTitle?: 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\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` / `pageTitle`) + 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}\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  /** 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  /** 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 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 = {}\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/**\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  // 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      localStorage.setItem(STORAGE_KEY, nextMode)\n    },\n    [basePalettes, accentByMode],\n  )\n\n  useLayoutEffect(() => {\n    applyMode(mode)\n  }, [applyMode, mode])\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    },\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  // 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\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      headerSticky,\n      setHeaderSticky,\n      fontFamily,\n      setFontFamily,\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      headerSticky,\n      setHeaderSticky,\n      fontFamily,\n      setFontFamily,\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"],"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","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","DEFAULT_LIGHT_COLORS","DEFAULT_DARK_COLORS","getInitialMode","fallback","stored","getInitialAccentByMode","getInitialHeaderSticky","getInitialFont","getInitialLanguage","languages","configLanguage","codes","l","c","ConfigProvider","config","children","setModeState","useState","_a","accentByMode","setAccentByMode","headerSticky","setHeaderStickyState","fontFamily","setFontFamilyState","i18nMessages","_b","appMessages","_c","language","setLanguageState","colors","_d","basePalettes","useMemo","light","dark","defaultAccentColors","applyMode","useCallback","nextMode","accent","base","root","useLayoutEffect","setMode","next","toggleMode","setAccentColor","color","m","prev","setHeaderSticky","sticky","applyFont","setFontFamily","setLanguage","code","t","createTranslator","appT","createAppTranslator","locales","translationsNamespace","_e","DEFAULT_TRANSLATIONS_NAMESPACE","tabQueryKey","_f","nestedTabQueryKey","_g","stepQueryKey","_h","tableQuery","_i","headerConfig","jsx","useTheme","useContext","useLocales","DEFAULT_TRANSLATOR","DEFAULT_APP_TRANSLATOR","useT","useTranslations","useLanguage","ctx","useTranslationsNamespace","useTabsQueryKey","useNestedTabQueryKey","useStepQueryKey","useTableQueryConfig","useHeaderConfig"],"mappings":"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"}

package/dist/DatePicker-DF4Epkn8.cjs

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),r=require("react"),W=require("clsx"),Ie=require("./formContext-bTWrqdEV.cjs"),Ce=require("./FloatingPanel-U6sGYiSK.cjs"),_=require("./Icon-CXTl_QAP.cjs"),ke=require("./IconButton-D6TenQZ_.cjs"),G=require("./Typography-BFatE1_A.cjs"),je=require("./Calendar-C8uNezI-.cjs"),t=require("./DatePicker.module-tE-tGNBd.cjs"),Se=require("./ConfigProvider-ByOFXVyP.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-DF4Epkn8.cjs.map

package/dist/DatePicker-DF4Epkn8.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker-DF4Epkn8.cjs","sources":["../src/components/DatePicker/DatePicker.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 { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Typography } from '../Typography'\nimport { Calendar } from './Calendar'\nimport {\n  applyMask,\n  formatValue,\n  maskFromFormat,\n  parseISO,\n  parseInput,\n  parseValue,\n  today,\n  toISO,\n  type Dayjs,\n} from './dateUtils'\nimport styles from './DatePicker.module.css'\n\nexport type DatePickerSize = 'sm' | 'md' | 'lg'\n\nexport interface DatePickerProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — control height, font and calendar density. */\n  size?: DatePickerSize\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 date 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 date in `valueFormat` (`''` when cleared). */\n  onChange?: (value: string) => void\n  /** Display + typed-input format (dayjs tokens; should be numeric for the typed mask). Defaults to `'DD/MM/YYYY'`. */\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'`. Incoming values are parsed\n   * **leniently** (this format, then any ISO-8601 string — so a backend datetime like\n   * `'2026-06-10T09:35:49.6134342'` is accepted), while `onChange` emits in exactly this format at the\n   * **start of the UTC day** (e.g. `'2026-06-10T00:00:00'`). Pass `'YYYY-MM-DD'` for a plain date.\n   */\n  valueFormat?: string\n  /** Placeholder shown when empty. Defaults to the lowercased `format` (e.g. `\"dd/mm/yyyy\"`). */\n  placeholder?: string\n  /** Earliest selectable date (ISO `'YYYY-MM-DD'`). */\n  min?: string\n  /** Latest selectable date (ISO `'YYYY-MM-DD'`). */\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 date is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the ISO date string). */\n  name?: string\n  /** Id for the input (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A date field with a typed, masked input **and** a calendar popover. The input accepts typing in\n * `format` (default `DD/MM/YYYY`, masked) and parses strictly; the calendar icon opens a\n * `Dropdown`-style popover (portaled, flips, scroll-locked — shared via `useFloatingPanel`) with a\n * keyboard-navigable month grid + year picker. All calendar math runs in **UTC** so the date never\n * drifts with the viewer's timezone; the value is a string in `valueFormat` (default ISO datetime\n * `'YYYY-MM-DDTHH:mm:ss'`) — incoming values are parsed leniently (a richer backend datetime is\n * accepted) and emitted at the start of the UTC day. Supports `min`/`max`, `disabledDate`,\n * `weekStartsOn`, and\n * `clearable`. Controlled (`value` + `onChange`) or\n * uncontrolled (`defaultValue`), and binds to a surrounding `<Form>` by `name` (validate with e.g.\n * `z.string().min(1, 'Required')`). Token-only styling. Requires the `dayjs` peer dependency.\n */\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(function DatePicker(\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 = 'DD/MM/YYYY',\n    valueFormat = 'YYYY-MM-DDTHH:mm:ss',\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\n  // ── value (controlled / form-bound / uncontrolled) — ISO 'YYYY-MM-DD' ──────────────────────────\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  const selected = parseValue(currentValue, valueFormat)\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const minDate = parseISO(min)\n  const maxDate = parseISO(max)\n  const mask = maskFromFormat(format)\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 chosen day in the wire `valueFormat` (start of the UTC day), or '' to clear\n  const commitDate = (d: Dayjs | null) => commit(d ? formatValue(d, valueFormat) : '')\n\n  // true when `d` is a different calendar day than the current value — gates commits so a no-op\n  // round-trip (e.g. focusing then blurring) never rewrites an unchanged value's time to midnight\n  const dayChanged = (d: Dayjs) => !selected || !d.isSame(selected, 'day')\n\n  // input display text (kept in sync with the committed value; free while typing an incomplete date)\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\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  // keep the form's blur handler live for the stable closePopover (`bound` is recreated each render)\n  const fieldBlurRef = useRef<(() => void) | undefined>(undefined)\n  fieldBlurRef.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n\n  // the floating panel forwards its node here, for the focus-leaves-the-widget check on blur\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  // when opening, sync the calendar to the selected date (or today)\n  useEffect(() => {\n    if (open) setViewMonth(selected ?? today())\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\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    // commit only a complete, valid, in-range, enabled date that changes the day\n    if (parsed && !isOutOfRange(parsed) && dayChanged(parsed)) commitDate(parsed)\n  }\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 handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n    // re-format from the committed value (drops half-typed / invalid text); fires the form's touched\n    const parsed = parseInput(inputText, format)\n    if (inputText === '') {\n      commit('') // an emptied field stays cleared (don't restore the old date)\n    } else if (parsed && !isOutOfRange(parsed)) {\n      if (dayChanged(parsed)) commitDate(parsed)\n      setInputText(parsed.format(format))\n    } else {\n      setInputText(selected ? selected.format(format) : '')\n    }\n    // only mark touched when focus leaves the whole widget (not into the popover)\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  const handleSelect = (iso: string) => {\n    const picked = parseISO(iso)\n    if (picked && dayChanged(picked)) commitDate(picked) // re-picking the same day preserves its value\n    closePopover(true)\n  }\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          inputMode=\"numeric\"\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('datePicker.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('datePicker.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\"\n        trapFocus\n        className={styles.popover}\n      >\n        <Calendar\n          value={selected}\n          month={viewMonth}\n          onMonthChange={setViewMonth}\n          onSelect={handleSelect}\n          min={minDate}\n          max={maxDate}\n          disabledDate={disabledDate}\n          weekStartsOn={weekStartsOn}\n          autoFocus\n          labelId={labelId}\n        />\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"],"names":["DatePicker","forwardRef","label","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","format","valueFormat","placeholder","min","max","disabledDate","weekStartsOn","clearable","name","idProp","className","style","ref","t","useT","reactId","useId","id","helperId","labelId","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","selected","parseValue","resolvedError","resolvedHelperText","minDate","parseISO","maxDate","mask","maskFromFormat","commit","next","commitDate","d","formatValue","dayChanged","inputText","setInputText","useEffect","triggerRef","useRef","inputRef","open","setOpen","viewMonth","setViewMonth","today","setInputRef","useCallback","node","fieldBlurRef","popoverRef","closePopover","refocus","_a","_b","handleInputChange","raw","masked","applyMask","parsed","parseInput","isOutOfRange","toISO","handleInputBlur","event","nextEl","handleSelect","iso","picked","iconSize","jsxs","clsx","styles","jsx","Typography","Icon","IconButton","o","FloatingPanel","Calendar"],"mappings":"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"}