@techzyapp/ui-library 1.0.42 → 1.0.44

package/dist/{ColorRamp-yfMyJCyx.js.map → ColorRamp-Dvit8yoP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ColorRamp-yfMyJCyx.js","sources":["../src/components/ColorRamp/ColorRamp.tsx"],"sourcesContent":["import { forwardRef, useId, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useClipboard } from '../../hooks/useClipboard'\nimport {\n  BASE_STEP,\n  generatePalette,\n  type GeneratePaletteOptions,\n  type Legibility,\n  type PaletteSwatch,\n} from '../../helpers/palette'\nimport { Tooltip } from '../Tooltip'\nimport { Typography } from '../Typography'\nimport { toast } from '../Toast'\n// shared field chrome (wrapper / label / helper / required / error)\nimport fieldStyles from '../TextField/TextField.module.css'\nimport styles from './ColorRamp.module.css'\n\nexport type ColorRampSize = 'sm' | 'md' | 'lg'\n\n// `onCopy` here is the swatch callback, so the DOM clipboard `onCopy` handler is omitted alongside `color`\nexport interface ColorRampProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onCopy'> {\n  /** The base (500) color — any value `generatePalette` accepts. Invalid → the empty-state caption. */\n  baseColor: string\n  /** Token prefix for step names (`primary` → \"primary-500\") — used in tooltips, aria-labels and the copy toast. Default `'color'`. */\n  name?: string\n  /** Passed to `generatePalette` (override any subset of the tint / shade fractions). */\n  options?: GeneratePaletteOptions\n  /** Band height. `sm` 32 · `md` 40 (default) · `lg` 48 px. */\n  size?: ColorRampSize\n  /** Click a step to copy its hex (default `true`). `false` renders the steps as non-interactive cells. */\n  copyable?: boolean\n  /** After a successful copy — in addition to the built-in toast. */\n  onCopy?: (swatch: PaletteSwatch) => void\n  /** Show the \"Lightest … Darkest\" caption row under the band (default `true`). */\n  showBounds?: boolean\n  /** Label rendered above the band (field-family chrome, like `Slider` / `SwatchPicker`). */\n  label?: ReactNode\n  /** Helper / validation text under the band. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Marks the field invalid — reddens the label/asterisk and shows `helperText` in the error color. */\n  error?: boolean\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n}\n\n/** `black 4.52 AA` — ratio to 2 decimals, the body-text rating appended when it exists. */\nconst contrastLine = (who: string, l: Legibility) =>\n  `${who} ${l.ratio.toFixed(2)}${l.small ? ` ${l.small}` : ''}`\n\n/**\n * The generated tonal scale for one color as **a single horizontal band of ten equal steps** sharing\n * one rounded, clipped frame (reads as a continuous ramp, not ten chips). Display + copy only — it never\n * edits the color; pair it with `ColorPicker` (or use `PaletteField`, which composes both). Each step\n * is a `Tooltip`-wrapped button whose fill / ink are the swatch's own colors (inline — the color IS the\n * data), showing its number on the base step and on hover / focus; clicking copies the hex with a toast.\n * `role=\"group\"` labelled \"{name} color scale\"; an invalid `baseColor` renders only a muted caption.\n */\nexport const ColorRamp = forwardRef<HTMLDivElement, ColorRampProps>(function ColorRamp(\n  {\n    baseColor,\n    name = 'color',\n    options,\n    size = 'md',\n    copyable = true,\n    onCopy,\n    showBounds = true,\n    label,\n    helperText,\n    error = false,\n    required = false,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const id = useId()\n  const labelId = `${id}-label`\n  const helperId = `${id}-helper`\n  const { copy } = useClipboard()\n  const palette = generatePalette(baseColor, options)\n\n  const handleCopy = async (swatch: PaletteSwatch) => {\n    const step = `${name}-${swatch.step}`\n    const ok = await copy(swatch.hex)\n    if (ok) {\n      toast.success(t('colorRamp.copied', { step, hex: swatch.hex }))\n      onCopy?.(swatch)\n    } else {\n      toast.error(t('colorRamp.copyFailed', { step }))\n    }\n  }\n\n  const tip = (swatch: PaletteSwatch) => (\n    <span className={styles.tip}>\n      <span className={styles.tipTitle}>\n        {name}-{swatch.step}\n        {swatch.step === BASE_STEP ? ` · ${t('colorRamp.base')}` : ''}\n      </span>\n      <span>{swatch.hex}</span>\n      <span>\n        {contrastLine(t('colorRamp.black'), swatch.onDark)} ·{' '}\n        {contrastLine(t('colorRamp.white'), swatch.onWhite)}\n      </span>\n      {copyable && <span>{t('colorRamp.clickToCopy')}</span>}\n    </span>\n  )\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(fieldStyles.field, error && fieldStyles.error, className)}\n      {...props}\n    >\n      {label != null && (\n        <label id={labelId} className={fieldStyles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={fieldStyles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      {palette ? (\n        <>\n          <div\n            role=\"group\"\n            aria-label={t('colorRamp.groupLabel', { name })}\n            aria-labelledby={label != null ? labelId : undefined}\n            aria-describedby={helperText != null ? helperId : undefined}\n            className={clsx(styles.band, styles[size])}\n          >\n            {palette.map((swatch) => {\n              const isBase = swatch.step === BASE_STEP\n              // the swatch's own colors are the data — the one legitimate inline-color exception\n              const ink = { backgroundColor: swatch.hex, color: swatch.textColor } as CSSProperties\n              const stepName = `${name}-${swatch.step}`\n              const cell = copyable ? (\n                <button\n                  type=\"button\"\n                  className={styles.step}\n                  style={ink}\n                  data-base={isBase || undefined}\n                  aria-label={t('colorRamp.copyAria', { name, step: swatch.step, hex: swatch.hex })}\n                  onClick={() => void handleCopy(swatch)}\n                >\n                  <span className={styles.num} aria-hidden=\"true\">\n                    {swatch.step}\n                  </span>\n                </button>\n              ) : (\n                <span\n                  className={clsx(styles.step, styles.static)}\n                  style={ink}\n                  data-base={isBase || undefined}\n                  role=\"img\"\n                  aria-label={`${stepName} ${swatch.hex}`}\n                >\n                  <span className={styles.num} aria-hidden=\"true\">\n                    {swatch.step}\n                  </span>\n                </span>\n              )\n              // the Tooltip's wrapper span is the band's real flex child (sized by `.band > *`)\n              return (\n                <Tooltip key={swatch.step} content={tip(swatch)}>\n                  {cell}\n                </Tooltip>\n              )\n            })}\n          </div>\n          {showBounds && (\n            <div className={styles.bounds}>\n              <Typography as=\"span\" variant=\"caption\" color=\"muted\">\n                {t('colorRamp.lightest')}\n              </Typography>\n              <Typography as=\"span\" variant=\"caption\" color=\"muted\">\n                {t('colorRamp.darkest')}\n              </Typography>\n            </div>\n          )}\n        </>\n      ) : (\n        <Typography as=\"span\" variant=\"caption\" color=\"muted\">\n          {t('colorRamp.invalid')}\n        </Typography>\n      )}\n\n      {helperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={error ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {helperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["contrastLine","who","ColorRamp","forwardRef","baseColor","name","options","size","copyable","onCopy","showBounds","label","helperText","error","required","className","props","ref","t","useT","id","useId","labelId","helperId","copy","useClipboard","palette","generatePalette","handleCopy","swatch","step","toast","tip","styles","jsxs","BASE_STEP","jsx","clsx","fieldStyles","Typography","Fragment","isBase","ink","stepName","cell","Tooltip"],"mappings":"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"}
+{"version":3,"file":"ColorRamp-Dvit8yoP.js","sources":["../src/components/ColorRamp/ColorRamp.tsx"],"sourcesContent":["import { forwardRef, useId, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useClipboard } from '../../hooks/useClipboard'\nimport {\n  BASE_STEP,\n  generatePalette,\n  type GeneratePaletteOptions,\n  type Legibility,\n  type PaletteSwatch,\n} from '../../helpers/palette'\nimport { Tooltip } from '../Tooltip'\nimport { Typography } from '../Typography'\nimport { toast } from '../Toast'\n// shared field chrome (wrapper / label / helper / required / error)\nimport fieldStyles from '../TextField/TextField.module.css'\nimport styles from './ColorRamp.module.css'\n\nexport type ColorRampSize = 'sm' | 'md' | 'lg'\n\n// `onCopy` here is the swatch callback, so the DOM clipboard `onCopy` handler is omitted alongside `color`\nexport interface ColorRampProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onCopy'> {\n  /** The base (500) color — any value `generatePalette` accepts. Invalid → the empty-state caption. */\n  baseColor: string\n  /** Token prefix for step names (`primary` → \"primary-500\") — used in tooltips, aria-labels and the copy toast. Default `'color'`. */\n  name?: string\n  /** Passed to `generatePalette` (override any subset of the tint / shade fractions). */\n  options?: GeneratePaletteOptions\n  /** Band height. `sm` 32 · `md` 40 (default) · `lg` 48 px. */\n  size?: ColorRampSize\n  /** Click a step to copy its hex (default `true`). `false` renders the steps as non-interactive cells. */\n  copyable?: boolean\n  /** After a successful copy — in addition to the built-in toast. */\n  onCopy?: (swatch: PaletteSwatch) => void\n  /** Show the \"Lightest … Darkest\" caption row under the band (default `true`). */\n  showBounds?: boolean\n  /** Label rendered above the band (field-family chrome, like `Slider` / `SwatchPicker`). */\n  label?: ReactNode\n  /** Helper / validation text under the band. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Marks the field invalid — reddens the label/asterisk and shows `helperText` in the error color. */\n  error?: boolean\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n}\n\n/** `black 4.52 AA` — ratio to 2 decimals, the body-text rating appended when it exists. */\nconst contrastLine = (who: string, l: Legibility) =>\n  `${who} ${l.ratio.toFixed(2)}${l.small ? ` ${l.small}` : ''}`\n\n/**\n * The generated tonal scale for one color as **a single horizontal band of ten equal steps** sharing\n * one rounded, clipped frame (reads as a continuous ramp, not ten chips). Display + copy only — it never\n * edits the color; pair it with `ColorPicker` (or use `PaletteField`, which composes both). Each step\n * is a `Tooltip`-wrapped button whose fill / ink are the swatch's own colors (inline — the color IS the\n * data), showing its number on the base step and on hover / focus; clicking copies the hex with a toast.\n * `role=\"group\"` labelled \"{name} color scale\"; an invalid `baseColor` renders only a muted caption.\n */\nexport const ColorRamp = forwardRef<HTMLDivElement, ColorRampProps>(function ColorRamp(\n  {\n    baseColor,\n    name = 'color',\n    options,\n    size = 'md',\n    copyable = true,\n    onCopy,\n    showBounds = true,\n    label,\n    helperText,\n    error = false,\n    required = false,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const id = useId()\n  const labelId = `${id}-label`\n  const helperId = `${id}-helper`\n  const { copy } = useClipboard()\n  const palette = generatePalette(baseColor, options)\n\n  const handleCopy = async (swatch: PaletteSwatch) => {\n    const step = `${name}-${swatch.step}`\n    const ok = await copy(swatch.hex)\n    if (ok) {\n      toast.success(t('colorRamp.copied', { step, hex: swatch.hex }))\n      onCopy?.(swatch)\n    } else {\n      toast.error(t('colorRamp.copyFailed', { step }))\n    }\n  }\n\n  const tip = (swatch: PaletteSwatch) => (\n    <span className={styles.tip}>\n      <span className={styles.tipTitle}>\n        {name}-{swatch.step}\n        {swatch.step === BASE_STEP ? ` · ${t('colorRamp.base')}` : ''}\n      </span>\n      <span>{swatch.hex}</span>\n      <span>\n        {contrastLine(t('colorRamp.black'), swatch.onDark)} ·{' '}\n        {contrastLine(t('colorRamp.white'), swatch.onWhite)}\n      </span>\n      {copyable && <span>{t('colorRamp.clickToCopy')}</span>}\n    </span>\n  )\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(fieldStyles.field, error && fieldStyles.error, className)}\n      {...props}\n    >\n      {label != null && (\n        <label id={labelId} className={fieldStyles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={fieldStyles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      {palette ? (\n        <>\n          <div\n            role=\"group\"\n            aria-label={t('colorRamp.groupLabel', { name })}\n            aria-labelledby={label != null ? labelId : undefined}\n            aria-describedby={helperText != null ? helperId : undefined}\n            className={clsx(styles.band, styles[size])}\n          >\n            {palette.map((swatch) => {\n              const isBase = swatch.step === BASE_STEP\n              // the swatch's own colors are the data — the one legitimate inline-color exception\n              const ink = { backgroundColor: swatch.hex, color: swatch.textColor } as CSSProperties\n              const stepName = `${name}-${swatch.step}`\n              const cell = copyable ? (\n                <button\n                  type=\"button\"\n                  className={styles.step}\n                  style={ink}\n                  data-base={isBase || undefined}\n                  aria-label={t('colorRamp.copyAria', { name, step: swatch.step, hex: swatch.hex })}\n                  onClick={() => void handleCopy(swatch)}\n                >\n                  <span className={styles.num} aria-hidden=\"true\">\n                    {swatch.step}\n                  </span>\n                </button>\n              ) : (\n                <span\n                  className={clsx(styles.step, styles.static)}\n                  style={ink}\n                  data-base={isBase || undefined}\n                  role=\"img\"\n                  aria-label={`${stepName} ${swatch.hex}`}\n                >\n                  <span className={styles.num} aria-hidden=\"true\">\n                    {swatch.step}\n                  </span>\n                </span>\n              )\n              // the Tooltip's wrapper span is the band's real flex child (sized by `.band > *`)\n              return (\n                <Tooltip key={swatch.step} content={tip(swatch)}>\n                  {cell}\n                </Tooltip>\n              )\n            })}\n          </div>\n          {showBounds && (\n            <div className={styles.bounds}>\n              <Typography as=\"span\" variant=\"caption\" color=\"muted\">\n                {t('colorRamp.lightest')}\n              </Typography>\n              <Typography as=\"span\" variant=\"caption\" color=\"muted\">\n                {t('colorRamp.darkest')}\n              </Typography>\n            </div>\n          )}\n        </>\n      ) : (\n        <Typography as=\"span\" variant=\"caption\" color=\"muted\">\n          {t('colorRamp.invalid')}\n        </Typography>\n      )}\n\n      {helperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={error ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {helperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["contrastLine","who","ColorRamp","forwardRef","baseColor","name","options","size","copyable","onCopy","showBounds","label","helperText","error","required","className","props","ref","t","useT","id","useId","labelId","helperId","copy","useClipboard","palette","generatePalette","handleCopy","swatch","step","toast","tip","styles","jsxs","BASE_STEP","jsx","clsx","fieldStyles","Typography","Fragment","isBase","ink","stepName","cell","Tooltip"],"mappings":"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"}

package/dist/{ConfigProvider-D61cpCz-.js → ConfigProvider-CYgmMH4j.js}

@@ -1,49 +1,49 @@
-import { jsx as Ve } from "react/jsx-runtime";
-import { useContext as o, useState as y, useMemo as _, useCallback as l, useLayoutEffect as K, createContext as Ge } from "react";
-import { c as qe } from "./breakpoints-BbDakdqF.js";
-import { D as Pe } from "./translations-D15tFHM1.js";
-import { a as De, c as Me } from "./messages-BiRLMy1E.js";
-function je(e) {
+import { jsx as qe } from "react/jsx-runtime";
+import { useContext as n, useState as y, useMemo as _, useCallback as l, useLayoutEffect as K, createContext as je } from "react";
+import { c as Je } from "./breakpoints-BbDakdqF.js";
+import { D as Me } from "./translations-D15tFHM1.js";
+import { a as De, c as Oe } from "./messages-BZYBZ3GR.js";
+function We(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 Je(e) {
+function Xe(e) {
   const [s, a, u] = e.split(",").map((I) => Number(I.trim()));
   return (s * 299 + a * 587 + u * 114) / 1e3 >= 150 ? "#04202b" : "#ffffff";
 }
-const We = {
+const Ze = {
   secondary: "rgb(var(--tz-color-primary-rgb))",
   warning: "#ffffff"
 };
-function Xe(e, s = document.documentElement) {
+function xe(e, s = document.documentElement) {
   for (const [a, u] of Object.entries(e)) {
     if (!u) continue;
-    const n = je(u);
-    s.style.setProperty(`--tz-color-${a}-rgb`, n), s.style.setProperty(
+    const o = We(u);
+    s.style.setProperty(`--tz-color-${a}-rgb`, o), s.style.setProperty(
       `--tz-color-${a}-contrast`,
-      We[a] ?? Je(n)
+      Ze[a] ?? Xe(o)
     );
   }
 }
-const r = Ge(null), Y = "tz-theme-mode", E = (e) => `tz-accent-color-${e}`, Q = "tz-header-sticky", z = "tz-sidebar-variant", B = "tz-font-family", v = "tz-shape", Ue = "tz-locale", Ne = [{ code: "en-US", label: "English" }], P = "Inter", Ze = [P], xe = (e) => `'${e}', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif`;
-function ge() {
+const r = je(null), N = "tz-theme-mode", E = (e) => `tz-accent-color-${e}`, Q = "tz-header-sticky", z = "tz-sidebar-variant", B = "tz-font-family", v = "tz-shape", Ue = "tz-locale", Ye = [{ code: "en-US", label: "English" }], P = "Inter", ge = [P], et = (e) => `'${e}', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif`;
+function tt() {
   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 et(e) {
-  if (typeof document > "u" || Ze.includes(e)) return;
+function st(e) {
+  if (typeof document > "u" || ge.includes(e)) return;
   const s = `tz-font-${e.trim().replace(/\s+/g, "-").toLowerCase()}`;
   if (document.getElementById(s)) return;
-  ge();
+  tt();
   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 Oe = "tab", Ye = "nestedTab", Qe = "step", ze = [], Be = {}, ve = {}, fe = {}, we = {}, tt = {
+const Ne = "tab", Qe = "nestedTab", ze = "step", Be = [], ve = {}, fe = {}, we = {}, He = {}, $e = {}, at = {
   primary: "#13404e",
   secondary: "#ffffff",
   background: "#f9f9f9",
@@ -55,7 +55,7 @@ const Oe = "tab", Ye = "nestedTab", Qe = "step", ze = [], Be = {}, ve = {}, fe =
   error: "#f04134",
   info: "#039aa1",
   warning: "#ffbf00"
-}, st = {
+}, rt = {
   primary: "#e6e8eb",
   secondary: "#191919",
   background: "#0f0f0f",
@@ -69,92 +69,92 @@ const Oe = "tab", Ye = "nestedTab", Qe = "step", ze = [], Be = {}, ve = {}, fe =
   info: "#039aa1",
   warning: "#ffbf00"
 };
-function at(e) {
-  const s = localStorage.getItem(Y);
+function nt(e) {
+  const s = localStorage.getItem(N);
   return s === "light" || s === "dark" ? s : e;
 }
-function rt() {
+function ot() {
   return {
     light: localStorage.getItem(E("light")) || null,
     dark: localStorage.getItem(E("dark")) || null
   };
 }
-function nt(e) {
+function lt(e) {
   const s = localStorage.getItem(Q);
   return s === "1" ? !0 : s === "0" ? !1 : e;
 }
-function ot(e) {
+function ut(e) {
   const s = localStorage.getItem(z);
   return s === "floating" || s === "docked" ? s : e;
 }
-function lt(e) {
+function dt(e) {
   return localStorage.getItem(B) || e;
 }
-function ut(e) {
+function ct(e) {
   const s = localStorage.getItem(v);
   return s === "rounded" || s === "square" ? s : e;
 }
-function dt(e, s) {
-  const a = e.map((n) => n.code), u = localStorage.getItem(Ue);
-  return u && a.includes(u) ? u : s && a.includes(s) ? s : a.find((n) => n.toLowerCase().startsWith("en")) ?? a[0] ?? "en-US";
+function mt(e, s) {
+  const a = e.map((o) => o.code), u = localStorage.getItem(Ue);
+  return u && a.includes(u) ? u : s && a.includes(s) ? s : a.find((o) => o.toLowerCase().startsWith("en")) ?? a[0] ?? "en-US";
 }
-function Et({ config: e, children: s }) {
-  var he, Se, ie, Ee, Te, be, Ae, _e, Ie, ke, Ce, Le, Fe, Re, Ke;
+function bt({ config: e, children: s }) {
+  var he, ie, Ee, Te, be, Ae, _e, Ie, ke, Ce, Le, Fe, Re, Ke, Pe;
   const [a, u] = y(
     () => {
       var t;
-      return at(((t = e == null ? void 0 : e.theme) == null ? void 0 : t.mode) ?? "light");
+      return nt(((t = e == null ? void 0 : e.theme) == null ? void 0 : t.mode) ?? "light");
     }
-  ), [n, I] = y(rt), [D, f] = y(
+  ), [o, I] = y(ot), [M, f] = y(
     () => {
       var t;
-      return nt(((t = e == null ? void 0 : e.header) == null ? void 0 : t.sticky) ?? !1);
+      return lt(((t = e == null ? void 0 : e.header) == null ? void 0 : t.sticky) ?? !1);
     }
-  ), [M, w] = y(
+  ), [D, w] = y(
     () => {
       var t;
-      return ot(((t = e == null ? void 0 : e.sidebar) == null ? void 0 : t.variant) ?? "floating");
+      return ut(((t = e == null ? void 0 : e.sidebar) == null ? void 0 : t.variant) ?? "floating");
     }
   ), [T, H] = y(
     () => {
       var t;
-      return lt(((t = e == null ? void 0 : e.theme) == null ? void 0 : t.fontFamily) ?? P);
+      return dt(((t = e == null ? void 0 : e.theme) == null ? void 0 : t.fontFamily) ?? P);
     }
   ), [b, $] = y(
     () => {
       var t;
-      return ut(((t = e == null ? void 0 : e.theme) == null ? void 0 : t.shape) ?? "rounded");
+      return ct(((t = e == null ? void 0 : e.theme) == null ? void 0 : t.shape) ?? "rounded");
     }
-  ), U = ((he = e == null ? void 0 : e.i18n) == null ? void 0 : he.languages) ?? Ne, V = (Se = e == null ? void 0 : e.i18n) == null ? void 0 : Se.messages, G = (ie = e == null ? void 0 : e.i18n) == null ? void 0 : ie.appMessages, [h, He] = y(
+  ), O = ((he = e == null ? void 0 : e.i18n) == null ? void 0 : he.languages) ?? Ye, V = (ie = e == null ? void 0 : e.i18n) == null ? void 0 : ie.messages, G = (Ee = e == null ? void 0 : e.i18n) == null ? void 0 : Ee.appMessages, [S, Ve] = y(
     () => {
       var t;
-      return dt(U, (t = e == null ? void 0 : e.i18n) == null ? void 0 : t.language);
+      return mt(O, (t = e == null ? void 0 : e.i18n) == null ? void 0 : t.language);
     }
-  ), m = (Ee = e == null ? void 0 : e.theme) == null ? void 0 : Ee.colors, A = _(() => {
-    const t = { ...tt, ...m == null ? void 0 : m.light }, d = { ...t, ...st, ...m == null ? void 0 : m.dark };
+  ), m = (Te = e == null ? void 0 : e.theme) == null ? void 0 : Te.colors, A = _(() => {
+    const t = { ...at, ...m == null ? void 0 : m.light }, d = { ...t, ...rt, ...m == null ? void 0 : m.dark };
     return { light: t, dark: d };
   }, [m]), q = _(
     () => ({ light: A.light.accent, dark: A.dark.accent }),
     [A]
   ), c = l(
-    (t, d = n[t]) => {
+    (t, d = o[t]) => {
       const p = A[t];
-      Xe(d ? { ...p, accent: d } : p);
+      xe(d ? { ...p, accent: d } : p);
       const R = document.documentElement;
       R.setAttribute("data-tz-theme", t), R.style.setProperty("color-scheme", t);
     },
-    [A, n]
+    [A, o]
   );
   K(() => {
     c(a);
   }, [c, a]);
-  const j = (Te = e == null ? void 0 : e.theme) == null ? void 0 : Te.breakpoints;
+  const j = (be = e == null ? void 0 : e.theme) == null ? void 0 : be.breakpoints;
   K(() => {
-    qe(j);
+    Je(j);
   }, [JSON.stringify(j ?? null)]);
   const k = l(
     (t) => {
-      c(t), u(t), localStorage.setItem(Y, t);
+      c(t), u(t), localStorage.setItem(N, t);
     },
     [c]
   ), J = l(
@@ -170,18 +170,18 @@ function Et({ config: e, children: s }) {
     f(t), localStorage.setItem(Q, t ? "1" : "0");
   }, []), Z = l((t) => {
     w(t), localStorage.setItem(z, t);
-  }, []), S = l((t) => {
-    et(t), document.documentElement.style.setProperty("--tz-font-family", xe(t));
+  }, []), h = l((t) => {
+    st(t), document.documentElement.style.setProperty("--tz-font-family", et(t));
   }, []);
   K(() => {
-    S(T);
-  }, [S, T]);
+    h(T);
+  }, [h, T]);
   const x = l(
     (t) => {
       const d = t.trim() || P;
-      S(d), H(d), localStorage.setItem(B, d);
+      h(d), H(d), localStorage.setItem(B, d);
     },
-    [S]
+    [h]
   ), i = l((t) => {
     document.documentElement.setAttribute("data-tz-shape", t);
   }, []);
@@ -193,9 +193,9 @@ function Et({ config: e, children: s }) {
       i(t), $(t), localStorage.setItem(v, t);
     },
     [i]
-  ), C = ((be = e == null ? void 0 : e.theme) == null ? void 0 : be.mode) ?? "light", N = ((Ae = e == null ? void 0 : e.header) == null ? void 0 : Ae.sticky) ?? !1, O = ((_e = e == null ? void 0 : e.sidebar) == null ? void 0 : _e.variant) ?? "floating", L = ((Ie = e == null ? void 0 : e.theme) == null ? void 0 : Ie.fontFamily) ?? P, F = ((ke = e == null ? void 0 : e.theme) == null ? void 0 : ke.shape) ?? "rounded", ee = a !== C || n.light != null || n.dark != null || D !== N || M !== O || T !== L || b !== F, te = l(() => {
+  ), C = ((Ae = e == null ? void 0 : e.theme) == null ? void 0 : Ae.mode) ?? "light", U = ((_e = e == null ? void 0 : e.header) == null ? void 0 : _e.sticky) ?? !1, Y = ((Ie = e == null ? void 0 : e.sidebar) == null ? void 0 : Ie.variant) ?? "floating", L = ((ke = e == null ? void 0 : e.theme) == null ? void 0 : ke.fontFamily) ?? P, F = ((Ce = e == null ? void 0 : e.theme) == null ? void 0 : Ce.shape) ?? "rounded", ee = a !== C || o.light != null || o.dark != null || M !== U || D !== Y || T !== L || b !== F, te = l(() => {
     for (const t of [
-      Y,
+      N,
       E("light"),
       E("dark"),
       Q,
@@ -204,30 +204,30 @@ function Et({ config: e, children: s }) {
       v
     ])
       localStorage.removeItem(t);
-    I({ light: null, dark: null }), c(C, null), u(C), f(N), w(O), S(L), H(L), i(F), $(F);
+    I({ light: null, dark: null }), c(C, null), u(C), f(U), w(Y), h(L), H(L), i(F), $(F);
   }, [
     c,
-    S,
+    h,
     i,
     C,
-    N,
-    O,
+    U,
+    Y,
     L,
     F
   ]), se = l((t) => {
-    He(t), localStorage.setItem(Ue, t);
+    Ve(t), localStorage.setItem(Ue, t);
   }, []), ae = _(
-    () => De(h, V),
-    [h, V]
+    () => De(S, V),
+    [S, V]
   ), re = _(
-    () => Me(h, G),
-    [h, G]
-  ), ne = (e == null ? void 0 : e.locales) ?? ze, oe = ((Ce = e == null ? void 0 : e.keys) == null ? void 0 : Ce.translationsNamespace) ?? Pe, le = ((Le = e == null ? void 0 : e.keys) == null ? void 0 : Le.tabQueryKey) ?? Oe, ue = ((Fe = e == null ? void 0 : e.keys) == null ? void 0 : Fe.nestedTabQueryKey) ?? Ye, de = ((Re = e == null ? void 0 : e.keys) == null ? void 0 : Re.stepQueryKey) ?? Qe, ce = ((Ke = e == null ? void 0 : e.table) == null ? void 0 : Ke.query) ?? Be, me = (e == null ? void 0 : e.header) ?? ve, pe = (e == null ? void 0 : e.sidebar) ?? fe, ye = (e == null ? void 0 : e.maps) ?? we, $e = _(
+    () => Oe(S, G),
+    [S, G]
+  ), ne = (e == null ? void 0 : e.locales) ?? Be, oe = ((Le = e == null ? void 0 : e.keys) == null ? void 0 : Le.translationsNamespace) ?? Me, le = ((Fe = e == null ? void 0 : e.keys) == null ? void 0 : Fe.tabQueryKey) ?? Ne, ue = ((Re = e == null ? void 0 : e.keys) == null ? void 0 : Re.nestedTabQueryKey) ?? Qe, de = ((Ke = e == null ? void 0 : e.keys) == null ? void 0 : Ke.stepQueryKey) ?? ze, ce = ((Pe = e == null ? void 0 : e.table) == null ? void 0 : Pe.query) ?? ve, me = (e == null ? void 0 : e.header) ?? fe, pe = (e == null ? void 0 : e.sidebar) ?? we, ye = (e == null ? void 0 : e.toast) ?? He, Se = (e == null ? void 0 : e.maps) ?? $e, Ge = _(
     () => ({
       mode: a,
       setMode: k,
       toggleMode: J,
-      accentColors: n,
+      accentColors: o,
       defaultAccentColors: q,
       setAccentColor: W,
       locales: ne,
@@ -238,10 +238,11 @@ function Et({ config: e, children: s }) {
       tableQuery: ce,
       header: me,
       sidebar: pe,
-      maps: ye,
-      headerSticky: D,
+      toast: ye,
+      maps: Se,
+      headerSticky: M,
       setHeaderSticky: X,
-      sidebarVariant: M,
+      sidebarVariant: D,
       setSidebarVariant: Z,
       fontFamily: T,
       setFontFamily: x,
@@ -249,9 +250,9 @@ function Et({ config: e, children: s }) {
       setShape: g,
       hasCustomPreferences: ee,
       resetPreferences: te,
-      language: h,
+      language: S,
       setLanguage: se,
-      languages: U,
+      languages: O,
       t: ae,
       appT: re
     }),
@@ -259,7 +260,7 @@ function Et({ config: e, children: s }) {
       a,
       k,
       J,
-      n,
+      o,
       q,
       W,
       ne,
@@ -271,9 +272,10 @@ function Et({ config: e, children: s }) {
       me,
       pe,
       ye,
-      D,
-      X,
+      Se,
       M,
+      X,
+      D,
       Z,
       T,
       x,
@@ -281,99 +283,104 @@ function Et({ config: e, children: s }) {
       g,
       ee,
       te,
-      h,
+      S,
       se,
-      U,
+      O,
       ae,
       re
     ]
   );
-  return /* @__PURE__ */ Ve(r.Provider, { value: $e, children: s });
+  return /* @__PURE__ */ qe(r.Provider, { value: Ge, children: s });
 }
-function Tt() {
-  const e = o(r);
+function At() {
+  const e = n(r);
   if (!e)
     throw new Error("useTheme must be used within a <ConfigProvider>");
   return e;
 }
-function bt() {
+function _t() {
   var e;
-  return ((e = o(r)) == null ? void 0 : e.locales) ?? ze;
+  return ((e = n(r)) == null ? void 0 : e.locales) ?? Be;
 }
-const ct = De("en"), mt = Me("en");
-function At() {
+const pt = De("en"), yt = Oe("en");
+function It() {
   var e;
-  return ((e = o(r)) == null ? void 0 : e.t) ?? ct;
+  return ((e = n(r)) == null ? void 0 : e.t) ?? pt;
 }
-function _t() {
+function kt() {
   var e;
-  return ((e = o(r)) == null ? void 0 : e.appT) ?? mt;
+  return ((e = n(r)) == null ? void 0 : e.appT) ?? yt;
 }
-function It() {
-  const e = o(r);
+function Ct() {
+  const e = n(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) ?? Ne
+    languages: (e == null ? void 0 : e.languages) ?? Ye
   };
 }
-function kt() {
-  var e;
-  return ((e = o(r)) == null ? void 0 : e.translationsNamespace) ?? Pe;
-}
-function Ct() {
-  var e;
-  return ((e = o(r)) == null ? void 0 : e.tabQueryKey) ?? Oe;
-}
 function Lt() {
   var e;
-  return ((e = o(r)) == null ? void 0 : e.nestedTabQueryKey) ?? Ye;
+  return ((e = n(r)) == null ? void 0 : e.translationsNamespace) ?? Me;
 }
 function Ft() {
   var e;
-  return ((e = o(r)) == null ? void 0 : e.stepQueryKey) ?? Qe;
+  return ((e = n(r)) == null ? void 0 : e.tabQueryKey) ?? Ne;
 }
 function Rt() {
   var e;
-  return ((e = o(r)) == null ? void 0 : e.tableQuery) ?? Be;
+  return ((e = n(r)) == null ? void 0 : e.nestedTabQueryKey) ?? Qe;
 }
 function Kt() {
   var e;
-  return ((e = o(r)) == null ? void 0 : e.header) ?? ve;
+  return ((e = n(r)) == null ? void 0 : e.stepQueryKey) ?? ze;
 }
 function Pt() {
   var e;
-  return ((e = o(r)) == null ? void 0 : e.sidebar) ?? fe;
+  return ((e = n(r)) == null ? void 0 : e.tableQuery) ?? ve;
+}
+function Mt() {
+  var e;
+  return ((e = n(r)) == null ? void 0 : e.header) ?? fe;
 }
 function Dt() {
   var e;
-  return ((e = o(r)) == null ? void 0 : e.maps) ?? we;
+  return ((e = n(r)) == null ? void 0 : e.sidebar) ?? we;
 }
-function Mt() {
+function Ot() {
+  var e;
+  return ((e = n(r)) == null ? void 0 : e.toast) ?? He;
+}
+function Ut() {
+  var e;
+  return ((e = n(r)) == null ? void 0 : e.maps) ?? $e;
+}
+function Yt() {
   var e;
-  return ((e = o(r)) == null ? void 0 : e.mode) ?? "light";
+  return ((e = n(r)) == null ? void 0 : e.mode) ?? "light";
 }
 export {
-  Et as C,
+  bt as C,
   P as D,
-  At as a,
-  _t as b,
-  Ye as c,
-  Qe as d,
-  Oe as e,
-  Xe as f,
-  Mt as g,
-  Kt as h,
-  bt as i,
-  Dt as j,
-  Lt as k,
-  Pt as l,
-  Ft as m,
-  Rt as n,
-  Ct as o,
-  Tt as p,
-  kt as q,
-  It as u
+  It as a,
+  kt as b,
+  Qe as c,
+  ze as d,
+  Ne as e,
+  xe as f,
+  Yt as g,
+  Mt as h,
+  _t as i,
+  Ut as j,
+  Rt as k,
+  Dt as l,
+  Kt as m,
+  Pt as n,
+  Ft as o,
+  At as p,
+  Ot as q,
+  Lt as r,
+  Ct as u
 };
-//# sourceMappingURL=ConfigProvider-D61cpCz-.js.map
+//# sourceMappingURL=ConfigProvider-CYgmMH4j.js.map