@techzyapp/ui-library 1.0.40 → 1.0.41

package/dist/{ColorRamp-D9_5JULy.cjs → ColorRamp-CVnOYlu3.cjs}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),v=require("react"),m=require("clsx"),L=require("./useClipboard-BjTIX-4g.cjs"),h=require("./palette-BycMHbED.cjs"),D=require("./Tooltip-DmMq5R1x.cjs"),i=require("./Typography-d97DdbNd.cjs"),T=require("./toastStore-B4Tk2Xk7.cjs"),n=require("./TextField.module-DsNCo8vN.cjs"),W=require("./ConfigProvider-B_Bb6pk1.cjs"),z="_band_1d0th_5",G="_sm_1d0th_15",H="_md_1d0th_18",J="_lg_1d0th_21",K="_num_1d0th_42",M="_step_1d0th_47",O="_bounds_1d0th_94",Q="_tip_1d0th_101",U="_tipTitle_1d0th_107",o={band:z,sm:G,md:H,lg:J,num:K,step:M,static:"_static_1d0th_61",bounds:O,tip:Q,tipTitle:U},$=(x,l)=>`${x} ${l.ratio.toFixed(2)}${l.small?` ${l.small}`:""}`,V=v.forwardRef(function({baseColor:l,name:a="color",options:f,size:N="md",copyable:_=!0,onCopy:c,showBounds:S=!0,label:d,helperText:p,error:b=!1,required:q=!1,className:k,...C},E){const t=W.useT(),y=v.useId(),j=`${y}-label`,g=`${y}-helper`,{copy:F}=L.useClipboard(),R=h.generatePalette(l,f),P=async e=>{const r=`${a}-${e.step}`;await F(e.hex)?(T.toast.success(t("colorRamp.copied",{step:r,hex:e.hex})),c==null||c(e)):T.toast.error(t("colorRamp.copyFailed",{step:r}))},A=e=>s.jsxs("span",{className:o.tip,children:[s.jsxs("span",{className:o.tipTitle,children:[a,"-",e.step,e.step===h.BASE_STEP?` · ${t("colorRamp.base")}`:""]}),s.jsx("span",{children:e.hex}),s.jsxs("span",{children:[$(t("colorRamp.black"),e.onDark)," ·"," ",$(t("colorRamp.white"),e.onWhite)]}),_&&s.jsx("span",{children:t("colorRamp.clickToCopy")})]});return s.jsxs("div",{ref:E,className:m.clsx(n.fieldStyles.field,b&&n.fieldStyles.error,k),...C,children:[d!=null&&s.jsxs("label",{id:j,className:n.fieldStyles.label,children:[s.jsx(i.Typography,{as:"span",variant:"bodySmall",color:"muted",children:d}),q&&s.jsx("span",{className:n.fieldStyles.required,"aria-hidden":"true",children:"*"})]}),R?s.jsxs(s.Fragment,{children:[s.jsx("div",{role:"group","aria-label":t("colorRamp.groupLabel",{name:a}),"aria-labelledby":d!=null?j:void 0,"aria-describedby":p!=null?g:void 0,className:m.clsx(o.band,o[N]),children:R.map(e=>{const r=e.step===h.BASE_STEP,u={backgroundColor:e.hex,color:e.textColor},B=`${a}-${e.step}`,I=_?s.jsx("button",{type:"button",className:o.step,style:u,"data-base":r||void 0,"aria-label":t("colorRamp.copyAria",{name:a,step:e.step,hex:e.hex}),onClick:()=>void P(e),children:s.jsx("span",{className:o.num,"aria-hidden":"true",children:e.step})}):s.jsx("span",{className:m.clsx(o.step,o.static),style:u,"data-base":r||void 0,role:"img","aria-label":`${B} ${e.hex}`,children:s.jsx("span",{className:o.num,"aria-hidden":"true",children:e.step})});return s.jsx(D.Tooltip,{content:A(e),children:I},e.step)})}),S&&s.jsxs("div",{className:o.bounds,children:[s.jsx(i.Typography,{as:"span",variant:"caption",color:"muted",children:t("colorRamp.lightest")}),s.jsx(i.Typography,{as:"span",variant:"caption",color:"muted",children:t("colorRamp.darkest")})]})]}):s.jsx(i.Typography,{as:"span",variant:"caption",color:"muted",children:t("colorRamp.invalid")}),p!=null&&s.jsx(i.Typography,{as:"span",id:g,variant:"bodySmall",color:b?"error":"muted",className:n.fieldStyles.helper,children:p})]})});exports.ColorRamp=V;
-//# sourceMappingURL=ColorRamp-D9_5JULy.cjs.map
+"use strict";const s=require("react/jsx-runtime"),v=require("react"),m=require("clsx"),L=require("./useClipboard-BjTIX-4g.cjs"),h=require("./palette-BycMHbED.cjs"),D=require("./Tooltip-DmMq5R1x.cjs"),i=require("./Typography-d97DdbNd.cjs"),T=require("./toastStore-B4Tk2Xk7.cjs"),n=require("./TextField.module-DsNCo8vN.cjs"),W=require("./ConfigProvider-DELhJlqo.cjs"),z="_band_1d0th_5",G="_sm_1d0th_15",H="_md_1d0th_18",J="_lg_1d0th_21",K="_num_1d0th_42",M="_step_1d0th_47",O="_bounds_1d0th_94",Q="_tip_1d0th_101",U="_tipTitle_1d0th_107",o={band:z,sm:G,md:H,lg:J,num:K,step:M,static:"_static_1d0th_61",bounds:O,tip:Q,tipTitle:U},$=(x,l)=>`${x} ${l.ratio.toFixed(2)}${l.small?` ${l.small}`:""}`,V=v.forwardRef(function({baseColor:l,name:a="color",options:f,size:N="md",copyable:_=!0,onCopy:c,showBounds:S=!0,label:d,helperText:p,error:b=!1,required:q=!1,className:k,...C},E){const t=W.useT(),y=v.useId(),j=`${y}-label`,g=`${y}-helper`,{copy:F}=L.useClipboard(),R=h.generatePalette(l,f),P=async e=>{const r=`${a}-${e.step}`;await F(e.hex)?(T.toast.success(t("colorRamp.copied",{step:r,hex:e.hex})),c==null||c(e)):T.toast.error(t("colorRamp.copyFailed",{step:r}))},A=e=>s.jsxs("span",{className:o.tip,children:[s.jsxs("span",{className:o.tipTitle,children:[a,"-",e.step,e.step===h.BASE_STEP?` · ${t("colorRamp.base")}`:""]}),s.jsx("span",{children:e.hex}),s.jsxs("span",{children:[$(t("colorRamp.black"),e.onDark)," ·"," ",$(t("colorRamp.white"),e.onWhite)]}),_&&s.jsx("span",{children:t("colorRamp.clickToCopy")})]});return s.jsxs("div",{ref:E,className:m.clsx(n.fieldStyles.field,b&&n.fieldStyles.error,k),...C,children:[d!=null&&s.jsxs("label",{id:j,className:n.fieldStyles.label,children:[s.jsx(i.Typography,{as:"span",variant:"bodySmall",color:"muted",children:d}),q&&s.jsx("span",{className:n.fieldStyles.required,"aria-hidden":"true",children:"*"})]}),R?s.jsxs(s.Fragment,{children:[s.jsx("div",{role:"group","aria-label":t("colorRamp.groupLabel",{name:a}),"aria-labelledby":d!=null?j:void 0,"aria-describedby":p!=null?g:void 0,className:m.clsx(o.band,o[N]),children:R.map(e=>{const r=e.step===h.BASE_STEP,u={backgroundColor:e.hex,color:e.textColor},B=`${a}-${e.step}`,I=_?s.jsx("button",{type:"button",className:o.step,style:u,"data-base":r||void 0,"aria-label":t("colorRamp.copyAria",{name:a,step:e.step,hex:e.hex}),onClick:()=>void P(e),children:s.jsx("span",{className:o.num,"aria-hidden":"true",children:e.step})}):s.jsx("span",{className:m.clsx(o.step,o.static),style:u,"data-base":r||void 0,role:"img","aria-label":`${B} ${e.hex}`,children:s.jsx("span",{className:o.num,"aria-hidden":"true",children:e.step})});return s.jsx(D.Tooltip,{content:A(e),children:I},e.step)})}),S&&s.jsxs("div",{className:o.bounds,children:[s.jsx(i.Typography,{as:"span",variant:"caption",color:"muted",children:t("colorRamp.lightest")}),s.jsx(i.Typography,{as:"span",variant:"caption",color:"muted",children:t("colorRamp.darkest")})]})]}):s.jsx(i.Typography,{as:"span",variant:"caption",color:"muted",children:t("colorRamp.invalid")}),p!=null&&s.jsx(i.Typography,{as:"span",id:g,variant:"bodySmall",color:b?"error":"muted",className:n.fieldStyles.helper,children:p})]})});exports.ColorRamp=V;
+//# sourceMappingURL=ColorRamp-CVnOYlu3.cjs.map

package/dist/{ColorRamp-D9_5JULy.cjs.map → ColorRamp-CVnOYlu3.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ColorRamp-D9_5JULy.cjs","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","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-CVnOYlu3.cjs","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","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/{ColorRamp-Mp_ddhmb.js → ColorRamp-CePqEkMR.js}

@@ -7,7 +7,7 @@ import { T as H } from "./Tooltip-BbT0uNzy.js";
 import { T as n } from "./Typography-ChSuxgkc.js";
 import { t as x } from "./toastStore-Cx_JOKwS.js";
 import { f as d } from "./TextField.module-6gYcR9TL.js";
-import { a as J } from "./ConfigProvider-DeMASTVo.js";
+import { a as J } from "./ConfigProvider-Bgu85MsI.js";
 const K = "_band_1d0th_5", M = "_sm_1d0th_15", O = "_md_1d0th_18", Q = "_lg_1d0th_21", U = "_num_1d0th_42", V = "_step_1d0th_47", X = "_bounds_1d0th_94", Y = "_tip_1d0th_101", Z = "_tipTitle_1d0th_107", t = {
   band: K,
   sm: M,
@@ -123,4 +123,4 @@ const K = "_band_1d0th_5", M = "_sm_1d0th_15", O = "_md_1d0th_18", Q = "_lg_1d0t
 export {
   de as C
 };
-//# sourceMappingURL=ColorRamp-Mp_ddhmb.js.map
+//# sourceMappingURL=ColorRamp-CePqEkMR.js.map

package/dist/{ColorRamp-Mp_ddhmb.js.map → ColorRamp-CePqEkMR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ColorRamp-Mp_ddhmb.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-CePqEkMR.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-Bgu85MsI.js

@@ -0,0 +1,379 @@
+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-BasxRpyx.js";
+function je(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) {
+  const [s, a, u] = e.split(",").map((I) => Number(I.trim()));
+  return (s * 299 + a * 587 + u * 114) / 1e3 >= 150 ? "#04202b" : "#ffffff";
+}
+const We = {
+  secondary: "rgb(var(--tz-color-primary-rgb))",
+  warning: "#ffffff"
+};
+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(
+      `--tz-color-${a}-contrast`,
+      We[a] ?? Je(n)
+    );
+  }
+}
+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() {
+  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;
+  const s = `tz-font-${e.trim().replace(/\s+/g, "-").toLowerCase()}`;
+  if (document.getElementById(s)) return;
+  ge();
+  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 = {
+  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"
+}, st = {
+  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 at(e) {
+  const s = localStorage.getItem(Y);
+  return s === "light" || s === "dark" ? s : e;
+}
+function rt() {
+  return {
+    light: localStorage.getItem(E("light")) || null,
+    dark: localStorage.getItem(E("dark")) || null
+  };
+}
+function nt(e) {
+  const s = localStorage.getItem(Q);
+  return s === "1" ? !0 : s === "0" ? !1 : e;
+}
+function ot(e) {
+  const s = localStorage.getItem(z);
+  return s === "floating" || s === "docked" ? s : e;
+}
+function lt(e) {
+  return localStorage.getItem(B) || e;
+}
+function ut(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 Et({ config: e, children: s }) {
+  var he, Se, ie, Ee, Te, be, Ae, _e, Ie, ke, Ce, Le, Fe, Re, Ke;
+  const [a, u] = y(
+    () => {
+      var t;
+      return at(((t = e == null ? void 0 : e.theme) == null ? void 0 : t.mode) ?? "light");
+    }
+  ), [n, I] = y(rt), [D, f] = y(
+    () => {
+      var t;
+      return nt(((t = e == null ? void 0 : e.header) == null ? void 0 : t.sticky) ?? !1);
+    }
+  ), [M, w] = y(
+    () => {
+      var t;
+      return ot(((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);
+    }
+  ), [b, $] = y(
+    () => {
+      var t;
+      return ut(((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(
+    () => {
+      var t;
+      return dt(U, (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 };
+    return { light: t, dark: d };
+  }, [m]), q = _(
+    () => ({ light: A.light.accent, dark: A.dark.accent }),
+    [A]
+  ), c = l(
+    (t, d = n[t]) => {
+      const p = A[t];
+      Xe(d ? { ...p, accent: d } : p);
+      const R = document.documentElement;
+      R.setAttribute("data-tz-theme", t), R.style.setProperty("color-scheme", t);
+    },
+    [A, n]
+  );
+  K(() => {
+    c(a);
+  }, [c, a]);
+  const j = (Te = e == null ? void 0 : e.theme) == null ? void 0 : Te.breakpoints;
+  K(() => {
+    qe(j);
+  }, [JSON.stringify(j ?? null)]);
+  const k = l(
+    (t) => {
+      c(t), u(t), localStorage.setItem(Y, t);
+    },
+    [c]
+  ), J = l(
+    () => k(a === "light" ? "dark" : "light"),
+    [a, k]
+  ), W = l(
+    (t, d) => {
+      const p = d ?? a;
+      I((R) => ({ ...R, [p]: t })), t ? localStorage.setItem(E(p), t) : localStorage.removeItem(E(p)), p === a && c(a, t);
+    },
+    [a, c]
+  ), X = l((t) => {
+    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));
+  }, []);
+  K(() => {
+    S(T);
+  }, [S, T]);
+  const x = l(
+    (t) => {
+      const d = t.trim() || P;
+      S(d), H(d), localStorage.setItem(B, d);
+    },
+    [S]
+  ), i = l((t) => {
+    document.documentElement.setAttribute("data-tz-shape", t);
+  }, []);
+  K(() => {
+    i(b);
+  }, [i, b]);
+  const g = l(
+    (t) => {
+      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(() => {
+    for (const t of [
+      Y,
+      E("light"),
+      E("dark"),
+      Q,
+      z,
+      B,
+      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);
+  }, [
+    c,
+    S,
+    i,
+    C,
+    N,
+    O,
+    L,
+    F
+  ]), se = l((t) => {
+    He(t), localStorage.setItem(Ue, t);
+  }, []), ae = _(
+    () => De(h, V),
+    [h, 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 = _(
+    () => ({
+      mode: a,
+      setMode: k,
+      toggleMode: J,
+      accentColors: n,
+      defaultAccentColors: q,
+      setAccentColor: W,
+      locales: ne,
+      translationsNamespace: oe,
+      tabQueryKey: le,
+      nestedTabQueryKey: ue,
+      stepQueryKey: de,
+      tableQuery: ce,
+      header: me,
+      sidebar: pe,
+      maps: ye,
+      headerSticky: D,
+      setHeaderSticky: X,
+      sidebarVariant: M,
+      setSidebarVariant: Z,
+      fontFamily: T,
+      setFontFamily: x,
+      shape: b,
+      setShape: g,
+      hasCustomPreferences: ee,
+      resetPreferences: te,
+      language: h,
+      setLanguage: se,
+      languages: U,
+      t: ae,
+      appT: re
+    }),
+    [
+      a,
+      k,
+      J,
+      n,
+      q,
+      W,
+      ne,
+      oe,
+      le,
+      ue,
+      de,
+      ce,
+      me,
+      pe,
+      ye,
+      D,
+      X,
+      M,
+      Z,
+      T,
+      x,
+      b,
+      g,
+      ee,
+      te,
+      h,
+      se,
+      U,
+      ae,
+      re
+    ]
+  );
+  return /* @__PURE__ */ Ve(r.Provider, { value: $e, children: s });
+}
+function Tt() {
+  const e = o(r);
+  if (!e)
+    throw new Error("useTheme must be used within a <ConfigProvider>");
+  return e;
+}
+function bt() {
+  var e;
+  return ((e = o(r)) == null ? void 0 : e.locales) ?? ze;
+}
+const ct = De("en"), mt = Me("en");
+function At() {
+  var e;
+  return ((e = o(r)) == null ? void 0 : e.t) ?? ct;
+}
+function _t() {
+  var e;
+  return ((e = o(r)) == null ? void 0 : e.appT) ?? mt;
+}
+function It() {
+  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) ?? Ne
+  };
+}
+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;
+}
+function Ft() {
+  var e;
+  return ((e = o(r)) == null ? void 0 : e.stepQueryKey) ?? Qe;
+}
+function Rt() {
+  var e;
+  return ((e = o(r)) == null ? void 0 : e.tableQuery) ?? Be;
+}
+function Kt() {
+  var e;
+  return ((e = o(r)) == null ? void 0 : e.header) ?? ve;
+}
+function Pt() {
+  var e;
+  return ((e = o(r)) == null ? void 0 : e.sidebar) ?? fe;
+}
+function Dt() {
+  var e;
+  return ((e = o(r)) == null ? void 0 : e.maps) ?? we;
+}
+function Mt() {
+  var e;
+  return ((e = o(r)) == null ? void 0 : e.mode) ?? "light";
+}
+export {
+  Et 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
+};
+//# sourceMappingURL=ConfigProvider-Bgu85MsI.js.map