@keboola/design 4.3.0 → 4.3.2

package/dist/testing.cjs

@@ -3,9 +3,83 @@
 var react$1 = require('@testing-library/react');
 var brandRegistry = require('@keboola/brand-registry');
 var react = require('react');
+var reactTooltip = require('@radix-ui/react-tooltip');
+var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
+require('clsx');
+var tailwindMerge = require('tailwind-merge');
 
 // src/testing/renderWithTheme.tsx
+var ThemeContext = react.createContext(null);
+classVarianceAuthority.cva(
+  [
+    "tailwindcss-preflight",
+    "tw-inline-block",
+    "tw-break-anywhere",
+    "tw-max-h-96",
+    "tw-overflow-y-auto",
+    "tw-z-[1060]",
+    // legacy (dark) chrome — default
+    "tw-rounded",
+    "tw-bg-neutral-800",
+    "tw-text-white",
+    // argo chrome overrides — semantic floating-panel tokens
+    "data-[argo=true]:tw-rounded-2xl",
+    "data-[argo=true]:tw-border",
+    "data-[argo=true]:tw-border-solid",
+    "data-[argo=true]:tw-border-border",
+    "data-[argo=true]:tw-bg-popover",
+    "data-[argo=true]:tw-text-popover-foreground",
+    "data-[argo=true]:tw-shadow-md",
+    // argo open animation
+    "data-[argo=true]:data-[state=delayed-open]:tw-animate-in",
+    "data-[argo=true]:data-[state=instant-open]:tw-animate-in",
+    "data-[argo=true]:data-[state=delayed-open]:tw-fade-in-0",
+    "data-[argo=true]:data-[state=instant-open]:tw-fade-in-0",
+    "data-[argo=true]:data-[state=delayed-open]:tw-zoom-in-95",
+    "data-[argo=true]:data-[state=instant-open]:tw-zoom-in-95",
+    // argo closed animation
+    "data-[argo=true]:data-[state=closed]:tw-animate-out",
+    "data-[argo=true]:data-[state=closed]:tw-fade-out-0",
+    "data-[argo=true]:data-[state=closed]:tw-zoom-out-95",
+    // argo position animation
+    "data-[argo=true]:data-[side=bottom]:tw-slide-in-from-top-2",
+    "data-[argo=true]:data-[side=left]:tw-slide-in-from-right-2",
+    "data-[argo=true]:data-[side=right]:tw-slide-in-from-left-2",
+    "data-[argo=true]:data-[side=top]:tw-slide-in-from-bottom-2"
+  ],
+  {
+    defaultVariants: {
+      variant: "action"
+    },
+    variants: {
+      variant: {
+        action: [
+          "tw-max-w-fit",
+          "tw-px-3",
+          "tw-py-2",
+          "tw-text-center",
+          "tw-text-xs",
+          "tw-font-medium",
+          "tw-uppercase",
+          "tw-tracking-wider"
+        ],
+        explanatory: [
+          "tw-max-w-80",
+          "tw-px-4",
+          "tw-py-3",
+          "tw-text-left",
+          "tw-text-sm",
+          "tw-font-normal"
+        ]
+      }
+    }
+  }
+);
+tailwindMerge.extendTailwindMerge({
+  prefix: "tw-"
+});
+var TooltipProvider = reactTooltip.Provider;
 var AIGradientsSvg = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "0", height: "0", style: { position: "absolute", visibility: "hidden" }, children: /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
   /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "aigradient-600", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
     /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: "#61E4FF" }),
@@ -63,7 +137,6 @@ var brandToCssVars = (brand, resolvedMode) => {
   }
   return vars;
 };
-var ThemeContext = react.createContext(null);
 var DARK_QUERY = "(prefers-color-scheme: dark)";
 var systemMode = () => {
   if (typeof window === "undefined" || typeof window.matchMedia !== "function") return "light";
@@ -136,7 +209,7 @@ var ThemeProvider = ({
   }, [brand, resolvedMode]);
   return /* @__PURE__ */ jsxRuntime.jsxs(ThemeContext, { value: { brand, setBrand, colorScheme, resolvedMode }, children: [
     isRoot && /* @__PURE__ */ jsxRuntime.jsx(AIGradientsSvg, {}),
-    children
+    isRoot ? /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children }) : children
   ] });
 };
 var renderWithTheme = (ui, options = {}) => {

package/dist/testing.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ThemeProvider/AIGradientSvg.tsx","../src/components/ThemeProvider/brandToCssVars.ts","../src/components/ThemeProvider/themeContext.ts","../src/components/ThemeProvider/ThemeProvider.tsx","../src/testing/renderWithTheme.tsx"],"names":["jsx","jsxs","createContext","keboola","use","useState","useEffect","render"],"mappings":";;;;;;;;AAAO,IAAM,iBAAiB,sBAC5BA,cAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,KAAI,MAAA,EAAO,GAAA,EAAI,KAAA,EAAO,EAAE,UAAU,UAAA,EAAY,UAAA,EAAY,QAAA,EAAS,EAC5E,0CAAC,MAAA,EAAA,EAEC,QAAA,EAAA;AAAA,kBAAAC,eAAA,CAAC,gBAAA,EAAA,EAAe,EAAA,EAAG,gBAAA,EAAiB,EAAA,EAAG,IAAA,EAAK,IAAG,IAAA,EAAK,EAAA,EAAG,MAAA,EAAO,EAAA,EAAG,MAAA,EAC/D,QAAA,EAAA;AAAA,oBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,MAAA,EAAO,IAAA,EAAK,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,oBACtCA,cAAA,CAAC,MAAA,EAAA,EAAK,MAAA,EAAO,KAAA,EAAM,WAAU,SAAA,EAAU,CAAA;AAAA,oBACvCA,cAAA,CAAC,MAAA,EAAA,EAAK,MAAA,EAAO,MAAA,EAAO,WAAU,SAAA,EAAU;AAAA,GAAA,EAC1C,CAAA;AAAA,kBAGAC,eAAA,CAAC,gBAAA,EAAA,EAAe,EAAA,EAAG,gBAAA,EAAiB,EAAA,EAAG,IAAA,EAAK,EAAA,EAAG,IAAA,EAAK,EAAA,EAAG,MAAA,EAAO,EAAA,EAAG,MAAA,EAC/D,QAAA,EAAA;AAAA,oBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,MAAA,EAAO,IAAA,EAAK,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,oBACtCA,cAAA,CAAC,MAAA,EAAA,EAAK,MAAA,EAAO,MAAA,EAAO,WAAU,SAAA,EAAU;AAAA,GAAA,EAC1C;AAAA,CAAA,EACF,CAAA,EACF,CAAA;;;ACaK,IAAM,cAAA,GAAiB,CAC5B,KAAA,EACA,YAAA,KAC2B;AAC3B,EAAA,MAAM,OAA+B,EAAC;AAItC,EAAA,MAAM,MAAA,GAAS,YAAA,KAAiB,MAAA,GAAS,KAAA,CAAM,aAAa,KAAA,CAAM,MAAA;AAClE,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,IAAA,CAAK,oBAAoB,IAAI,MAAA,CAAO,UAAA;AACpC,IAAA,IAAA,CAAK,oBAAoB,IAAI,MAAA,CAAO,UAAA;AACpC,IAAA,IAAA,CAAK,eAAe,IAAI,MAAA,CAAO,KAAA;AAC/B,IAAA,IAAA,CAAK,0BAA0B,IAAI,MAAA,CAAO,eAAA;AAC1C,IAAA,IAAA,CAAK,gBAAgB,IAAI,MAAA,CAAO,MAAA;AAChC,IAAA,IAAA,CAAK,iBAAiB,IAAI,MAAA,CAAO,OAAA;AACjC,IAAA,IAAA,CAAK,4BAA4B,IAAI,MAAA,CAAO,iBAAA;AAC5C,IAAA,IAAA,CAAK,qBAAqB,IAAI,MAAA,CAAO,WAAA;AACrC,IAAA,IAAA,CAAK,gCAAgC,IAAI,MAAA,CAAO,qBAAA;AAEhD,IAAA,IAAI,OAAO,MAAA,KAAW,MAAA,EAAW,IAAA,CAAK,gBAAgB,IAAI,MAAA,CAAO,MAAA;AACjE,IAAA,IAAI,OAAO,gBAAA,KAAqB,MAAA;AAC9B,MAAA,IAAA,CAAK,2BAA2B,IAAI,MAAA,CAAO,gBAAA;AAAA,EAC/C;AAIA,EAAA,MAAM,OAAA,GAAU,YAAA,KAAiB,MAAA,GAAS,KAAA,CAAM,oBAAoB,KAAA,CAAM,aAAA;AAC1E,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,MAAM,WAAA,GAAkD;AAAA,MACtD,mBAAmB,OAAA,CAAQ,OAAA;AAAA,MAC3B,8BAA8B,OAAA,CAAQ,iBAAA;AAAA,MACtC,2BAA2B,OAAA,CAAQ,cAAA;AAAA,MACnC,sCAAsC,OAAA,CAAQ,wBAAA;AAAA,MAC9C,0BAA0B,OAAA,CAAQ,aAAA;AAAA,MAClC,qCAAqC,OAAA,CAAQ,uBAAA;AAAA,MAC7C,0BAA0B,OAAA,CAAQ,aAAA;AAAA,MAClC,wBAAwB,OAAA,CAAQ;AAAA,KAClC;AACA,IAAA,KAAA,MAAW,CAAC,IAAA,EAAM,KAAK,KAAK,MAAA,CAAO,OAAA,CAAQ,WAAW,CAAA,EAAG;AACvD,MAAA,IAAI,KAAA,KAAU,MAAA,EAAW,IAAA,CAAK,IAAI,CAAA,GAAI,KAAA;AAAA,IACxC;AAAA,EACF;AAKA,EAAA,MAAM,UAAA,GAAa,KAAA,CAAM,UAAA,EAAY,UAAA,EAAY,IAAA,EAAK;AACtD,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,IAAA,CAAK,aAAa,CAAA,GAAI,UAAA;AAAA,EACxB;AAEA,EAAA,IAAI,MAAM,KAAA,EAAO;AACf,IAAA,IAAA,CAAK,aAAa,CAAA,GAAI,KAAA,CAAM,KAAA,CAAM,EAAA;AAClC,IAAA,IAAA,CAAK,aAAa,CAAA,GAAI,KAAA,CAAM,KAAA,CAAM,EAAA;AAClC,IAAA,IAAA,CAAK,aAAa,CAAA,GAAI,KAAA,CAAM,KAAA,CAAM,EAAA;AAAA,EACpC;AAEA,EAAA,OAAO,IAAA;AACT,CAAA;ACxEO,IAAM,YAAA,GAAeE,oBAAwC,IAAI,CAAA;ACRxE,IAAM,UAAA,GAAa,8BAAA;AAEnB,IAAM,aAAa,MAAoB;AACrC,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,IAAe,OAAO,MAAA,CAAO,UAAA,KAAe,YAAY,OAAO,OAAA;AACrF,EAAA,OAAO,MAAA,CAAO,UAAA,CAAW,UAAU,CAAA,CAAE,UAAU,MAAA,GAAS,OAAA;AAC1D,CAAA;AA+CO,IAAM,gBAAgB,CAAC;AAAA,EAC5B,KAAA,GAAQC,qBAAA;AAAA,EACR,QAAA;AAAA,EACA,WAAA,GAAc,OAAA;AAAA,EACd;AACF,CAAA,KAAa;AACX,EAAA,MAAM,MAAA,GAASC,UAAI,YAAY,CAAA;AAC/B,EAAA,MAAM,SAAS,MAAA,KAAW,IAAA;AAI1B,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAIC,eAAuB,UAAU,CAAA;AAE7E,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,IAAU,WAAA,KAAgB,QAAA,EAAU;AACzC,IAAA,IAAI,OAAO,MAAA,KAAW,WAAA,IAAe,OAAO,MAAA,CAAO,eAAe,UAAA,EAAY;AAC9E,IAAA,MAAM,GAAA,GAAM,MAAA,CAAO,UAAA,CAAW,UAAU,CAAA;AACxC,IAAA,MAAM,WAAW,CAAC,KAAA,KAChB,kBAAkB,KAAA,CAAM,OAAA,GAAU,SAAS,OAAO,CAAA;AAEpD,IAAA,iBAAA,CAAkB,GAAA,CAAI,OAAA,GAAU,MAAA,GAAS,OAAO,CAAA;AAChD,IAAA,GAAA,CAAI,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AACvC,IAAA,OAAO,MAAM,GAAA,CAAI,mBAAA,CAAoB,QAAA,EAAU,QAAQ,CAAA;AAAA,EACzD,CAAA,EAAG,CAAC,MAAA,EAAQ,WAAW,CAAC,CAAA;AAExB,EAAA,MAAM,OAAA,GAAwB,WAAA,KAAgB,QAAA,GAAW,cAAA,GAAiB,WAAA;AAE1E,EAAA,MAAM,YAAA,GAA6B,MAAA,GAAS,OAAA,GAAU,MAAA,CAAO,YAAA;AAG7D,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,IAAU,OAAO,QAAA,KAAa,WAAA,EAAa;AAChD,IAAA,MAAM,OAAO,QAAA,CAAS,eAAA;AACtB,IAAA,MAAM,QAAA,GAAW,IAAA,CAAK,YAAA,CAAa,YAAY,CAAA;AAC/C,IAAA,IAAA,CAAK,YAAA,CAAa,cAAc,YAAY,CAAA;AAC5C,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,IAAA,CAAK,YAAA,CAAa,YAAY,CAAA,KAAM,YAAA,EAAc;AACtD,MAAA,IAAI,aAAa,IAAA,EAAM;AACrB,QAAA,IAAA,CAAK,gBAAgB,YAAY,CAAA;AAAA,MACnC,CAAA,MAAO;AACL,QAAA,IAAA,CAAK,YAAA,CAAa,cAAc,QAAQ,CAAA;AAAA,MAC1C;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAA,EAAQ,YAAY,CAAC,CAAA;AAGzB,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAO,aAAa,WAAA,EAAa;AACrC,IAAA,MAAM,OAAO,QAAA,CAAS,eAAA;AAStB,IAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,YAAA,CAAa,YAAY,CAAA;AACpD,IAAA,MAAM,IAAA,GAAO,cAAA,CAAe,KAAA,EAAO,YAAY,CAAA;AAC/C,IAAA,MAAM,iBAAyC,EAAC;AAChD,IAAA,KAAA,MAAW,IAAA,IAAQ,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,EAAG;AACpC,MAAA,cAAA,CAAe,IAAI,CAAA,GAAI,IAAA,CAAK,KAAA,CAAM,iBAAiB,IAAI,CAAA;AAAA,IACzD;AAEA,IAAA,IAAA,CAAK,YAAA,CAAa,YAAA,EAAc,KAAA,CAAM,EAAE,CAAA;AACxC,IAAA,KAAA,MAAW,CAAC,IAAA,EAAM,KAAK,KAAK,MAAA,CAAO,OAAA,CAAQ,IAAI,CAAA,EAAG;AAChD,MAAA,IAAA,CAAK,KAAA,CAAM,WAAA,CAAY,IAAA,EAAM,KAAK,CAAA;AAAA,IACpC;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,KAAA,MAAW,CAAC,IAAA,EAAM,aAAa,KAAK,MAAA,CAAO,OAAA,CAAQ,cAAc,CAAA,EAAG;AAIlE,QAAA,IAAI,KAAK,KAAA,CAAM,gBAAA,CAAiB,IAAI,CAAA,KAAM,IAAA,CAAK,IAAI,CAAA,EAAG;AACtD,QAAA,IAAI,kBAAkB,EAAA,EAAI;AACxB,UAAA,IAAA,CAAK,KAAA,CAAM,eAAe,IAAI,CAAA;AAAA,QAChC,CAAA,MAAO;AACL,UAAA,IAAA,CAAK,KAAA,CAAM,WAAA,CAAY,IAAA,EAAM,aAAa,CAAA;AAAA,QAC5C;AAAA,MACF;AACA,MAAA,IAAI,IAAA,CAAK,YAAA,CAAa,YAAY,CAAA,KAAM,MAAM,EAAA,EAAI;AAChD,QAAA,IAAI,kBAAkB,IAAA,EAAM;AAC1B,UAAA,IAAA,CAAK,gBAAgB,YAAY,CAAA;AAAA,QACnC,CAAA,MAAO;AACL,UAAA,IAAA,CAAK,YAAA,CAAa,cAAc,aAAa,CAAA;AAAA,QAC/C;AAAA,MACF;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,KAAA,EAAO,YAAY,CAAC,CAAA;AAExB,EAAA,uBACEL,gBAAC,YAAA,EAAA,EAAa,KAAA,EAAO,EAAE,KAAA,EAAO,QAAA,EAAU,WAAA,EAAa,YAAA,EAAa,EAG/D,QAAA,EAAA;AAAA,IAAA,MAAA,oBAAUD,eAAC,cAAA,EAAA,EAAe,CAAA;AAAA,IAC1B;AAAA,GAAA,EACH,CAAA;AAEJ,CAAA;AC3IO,IAAM,eAAA,GAAkB,CAAC,EAAA,EAAkB,OAAA,GAAmB,EAAC,KAAoB;AACxF,EAAA,MAAM,EAAE,KAAA,GAAQG,qBAAAA,EAAS,GAAG,MAAK,GAAI,OAAA;AACrC,EAAA,OAAOI,eAAO,EAAA,EAAI;AAAA,IAChB,GAAG,IAAA;AAAA,IACH,OAAA,EAAS,CAAC,EAAE,QAAA,uBAAeP,cAAAA,CAAC,aAAA,EAAA,EAAc,KAAA,EAAe,QAAA,EAAS;AAAA,GACnE,CAAA;AACH","file":"testing.cjs","sourcesContent":["export const AIGradientsSvg = () => (\n  <svg width=\"0\" height=\"0\" style={{ position: 'absolute', visibility: 'hidden' }}>\n    <defs>\n      {/*aigradient-600*/}\n      <linearGradient id=\"aigradient-600\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n        <stop offset=\"0%\" stopColor=\"#61E4FF\" />\n        <stop offset=\"50%\" stopColor=\"#1F8FFF\" />\n        <stop offset=\"100%\" stopColor=\"#7C5CFF\" />\n      </linearGradient>\n\n      {/*aigradient-700*/}\n      <linearGradient id=\"aigradient-700\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n        <stop offset=\"0%\" stopColor=\"#075fb8\" />\n        <stop offset=\"100%\" stopColor=\"#5b2cb8\" />\n      </linearGradient>\n    </defs>\n  </svg>\n);\n","import type { Brand } from '@keboola/brand-registry';\n\nimport type { ResolvedMode } from './themeContext';\n\n/**\n * Map every brand-overridable slot to the matching CSS variable on `:root`.\n *\n * Brand colours are already stored as `R G B` channel strings (validated by\n * the brand schema), matching the shape Tailwind's\n * `rgb(var(--color-*) / <alpha-value>)` template consumes — they're written\n * straight into the CSS variable without conversion.\n *\n * Mode-aware: when `resolvedMode === 'dark'` and the brand ships a\n * `colorsDark` palette, that palette wins; otherwise `colors` (light) is\n * used. The crucial exception — if `resolvedMode === 'dark'` and the brand\n * has NO `colorsDark`, the 9 colour vars are omitted entirely so the\n * stylesheet's `[data-theme='dark']` block supplies the dark palette.\n * Emitting the light values here would clobber that with no `!important`\n * recourse. Non-colour vars (radii) are emitted regardless of mode.\n *\n * Slots the brand doesn't define are omitted — `ThemeProvider` only\n * captures/restores the keys returned here, so unset slots inherit whatever\n * is already live on `<html>` (an outer provider's value, or the `:root` /\n * `[data-theme='dark']` defaults in `styles.css` if no outer provider has\n * touched them). The accent colours (in `colors` / `colorsDark`), the sidebar\n * colour family (`brand.sidebarColors` / `brand.sidebarColorsDark`), and the\n * brand font (`typography.fontFamily`, emitted as `--font-sans`) follow the\n * same opt-in rule.\n */\nexport const brandToCssVars = (\n  brand: Brand,\n  resolvedMode: ResolvedMode,\n): Record<string, string> => {\n  const vars: Record<string, string> = {};\n\n  // In dark mode with no brand dark palette, leave the colour vars to the\n  // stylesheet's `[data-theme='dark']` block (do not emit light values).\n  const colors = resolvedMode === 'dark' ? brand.colorsDark : brand.colors;\n  if (colors) {\n    vars['--color-background'] = colors.background;\n    vars['--color-foreground'] = colors.foreground;\n    vars['--color-muted'] = colors.muted;\n    vars['--color-muted-foreground'] = colors.mutedForeground;\n    vars['--color-border'] = colors.border;\n    vars['--color-primary'] = colors.primary;\n    vars['--color-primary-foreground'] = colors.primaryForeground;\n    vars['--color-destructive'] = colors.destructive;\n    vars['--color-destructive-foreground'] = colors.destructiveForeground;\n    // accent is a general semantic colour (content + sidebar); optional.\n    if (colors.accent !== undefined) vars['--color-accent'] = colors.accent;\n    if (colors.accentForeground !== undefined)\n      vars['--color-accent-foreground'] = colors.accentForeground;\n  }\n\n  // Sidebar colour tokens — same dark-mode rule as the core palette: with no\n  // `sidebarColorsDark`, leave the stylesheet `[data-theme='dark']` sidebar intact.\n  const sidebar = resolvedMode === 'dark' ? brand.sidebarColorsDark : brand.sidebarColors;\n  if (sidebar) {\n    const sidebarVars: Record<string, string | undefined> = {\n      '--color-sidebar': sidebar.sidebar,\n      '--color-sidebar-foreground': sidebar.sidebarForeground,\n      '--color-sidebar-primary': sidebar.sidebarPrimary,\n      '--color-sidebar-primary-foreground': sidebar.sidebarPrimaryForeground,\n      '--color-sidebar-accent': sidebar.sidebarAccent,\n      '--color-sidebar-accent-foreground': sidebar.sidebarAccentForeground,\n      '--color-sidebar-border': sidebar.sidebarBorder,\n      '--color-sidebar-ring': sidebar.sidebarRing,\n    };\n    for (const [name, value] of Object.entries(sidebarVars)) {\n      if (value !== undefined) vars[name] = value;\n    }\n  }\n\n  // Trim at the runtime boundary too: ThemeProvider applies this output without\n  // re-validating the schema, so a whitespace-only value must not emit\n  // `--font-sans` (it would defeat the `var(--font-sans, …)` fallback).\n  const fontFamily = brand.typography?.fontFamily?.trim();\n  if (fontFamily) {\n    vars['--font-sans'] = fontFamily;\n  }\n\n  if (brand.radii) {\n    vars['--radius-sm'] = brand.radii.sm;\n    vars['--radius-md'] = brand.radii.md;\n    vars['--radius-lg'] = brand.radii.lg;\n  }\n\n  return vars;\n};\n","import { createContext } from 'react';\n\nimport type { Brand } from '@keboola/brand-registry';\n\nexport type ColorScheme = 'light' | 'dark' | 'system';\nexport type ResolvedMode = 'light' | 'dark';\n\nexport type ThemeContextValue = {\n  brand: Brand;\n  setBrand?: (brand: Brand) => void;\n  /** The configured color scheme (may be `'system'`). */\n  colorScheme: ColorScheme;\n  /** The effective light/dark mode after resolving `'system'`. */\n  resolvedMode: ResolvedMode;\n};\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n","import { type ReactNode, use, useEffect, useState } from 'react';\n\nimport { type Brand, keboola } from '@keboola/brand-registry';\n\nimport { AIGradientsSvg } from './AIGradientSvg';\nimport { brandToCssVars } from './brandToCssVars';\nimport { type ColorScheme, type ResolvedMode, ThemeContext } from './themeContext';\n\nconst DARK_QUERY = '(prefers-color-scheme: dark)';\n\nconst systemMode = (): ResolvedMode => {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return 'light';\n  return window.matchMedia(DARK_QUERY).matches ? 'dark' : 'light';\n};\n\ntype Props = {\n  /**\n   * Brand whose tokens drive the chrome (`@keboola/design`'s semantic CSS\n   * variables) inside this provider's subtree. Defaults to the canonical\n   * `keboola` brand so existing apps that mount `<ThemeProvider>` without a\n   * `brand` prop continue to render as today.\n   */\n  brand?: Brand;\n  /**\n   * Optional setter exposed through `useTheme()` so consumers can flip\n   * brands at runtime (Storybook toolbar, a customer-impersonation switch).\n   */\n  setBrand?: (brand: Brand) => void;\n  /**\n   * Light/dark mode. `'system'` follows `prefers-color-scheme` and updates\n   * reactively. Defaults to `'light'` so existing mounts don't drift. Only\n   * the ROOT provider applies this (sets `data-theme`, owns the media\n   * listener); a nested provider inherits the root's resolved mode.\n   */\n  colorScheme?: ColorScheme;\n  children: ReactNode;\n};\n\n/**\n * Responsibilities:\n * - ROOT only: render hidden SVG gradient definitions (`aigradient-600`,\n *   `aigradient-700`). The IDs are hardcoded, so a nested provider must not\n *   re-emit them or the document gains duplicate (HTML-invalid) IDs.\n * - Set `data-brand=\"<brand.id>\"` on `<html>` and inject the matching `--color-*` /\n *   `--radius-*` CSS variables (for the resolved light/dark mode) so chrome\n *   re-skins for the supplied brand.\n * - ROOT only: set `data-theme` (`light` | `dark`) on `<html>` and own the\n *   `prefers-color-scheme` media listener when `colorScheme === 'system'`.\n *   A nested provider inherits the resolved mode from the parent context and\n *   touches neither `data-theme` nor a media listener.\n * - Expose `{ brand, setBrand?, colorScheme, resolvedMode }` via `useTheme()`.\n *\n * Brand × mode: the active mode's palette is injected inline on `<html>`. When\n * the resolved mode is `dark` and the brand has no `colorsDark`, the colour\n * vars are NOT emitted — the stylesheet `[data-theme='dark']` block supplies\n * them, so no `!important` override is ever needed.\n *\n * `data-brand` (brand id) and `data-theme` (light/dark) are separate axes so\n * they compose without clobbering each other.\n */\nexport const ThemeProvider = ({\n  brand = keboola,\n  setBrand,\n  colorScheme = 'light',\n  children,\n}: Props) => {\n  const parent = use(ThemeContext);\n  const isRoot = parent === null;\n\n  // System mode is tracked only by the root; nested providers inherit the\n  // parent's resolved mode and never subscribe to media changes.\n  const [systemResolved, setSystemResolved] = useState<ResolvedMode>(systemMode);\n\n  useEffect(() => {\n    if (!isRoot || colorScheme !== 'system') return;\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return;\n    const mql = window.matchMedia(DARK_QUERY);\n    const onChange = (event: MediaQueryListEvent) =>\n      setSystemResolved(event.matches ? 'dark' : 'light');\n    // Re-sync in case the value changed between the lazy initializer and effect.\n    setSystemResolved(mql.matches ? 'dark' : 'light');\n    mql.addEventListener('change', onChange);\n    return () => mql.removeEventListener('change', onChange);\n  }, [isRoot, colorScheme]);\n\n  const ownMode: ResolvedMode = colorScheme === 'system' ? systemResolved : colorScheme;\n  // Nested providers inherit the root's resolved mode; the root uses its own.\n  const resolvedMode: ResolvedMode = isRoot ? ownMode : parent.resolvedMode;\n\n  // Root owns `data-theme` on `<html>`.\n  useEffect(() => {\n    if (!isRoot || typeof document === 'undefined') return;\n    const root = document.documentElement;\n    const previous = root.getAttribute('data-theme');\n    root.setAttribute('data-theme', resolvedMode);\n    return () => {\n      if (root.getAttribute('data-theme') !== resolvedMode) return;\n      if (previous === null) {\n        root.removeAttribute('data-theme');\n      } else {\n        root.setAttribute('data-theme', previous);\n      }\n    };\n  }, [isRoot, resolvedMode]);\n\n  // Every provider (root or nested) injects ITS brand's vars for the resolved mode.\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n    const root = document.documentElement;\n\n    // Capture the previous `data-brand` + per-property inline-style values\n    // so cleanup can restore them. Cleanup only restores values that\n    // weren't overwritten by some other provider in between — without that\n    // check, an inner provider unmounting after an outer one wrote new\n    // values would clobber the outer's brand back to bare `:root` (React\n    // runs child effects before parent effects on mount, so the inner's\n    // captured \"previous\" is stale by the time it unmounts).\n    const previousBrand = root.getAttribute('data-brand');\n    const vars = brandToCssVars(brand, resolvedMode);\n    const previousValues: Record<string, string> = {};\n    for (const name of Object.keys(vars)) {\n      previousValues[name] = root.style.getPropertyValue(name);\n    }\n\n    root.setAttribute('data-brand', brand.id);\n    for (const [name, value] of Object.entries(vars)) {\n      root.style.setProperty(name, value);\n    }\n\n    return () => {\n      for (const [name, previousValue] of Object.entries(previousValues)) {\n        // Only roll back if our value is still live — if someone else\n        // (an outer provider, a sibling) has since written a different\n        // value, leave it alone.\n        if (root.style.getPropertyValue(name) !== vars[name]) continue;\n        if (previousValue === '') {\n          root.style.removeProperty(name);\n        } else {\n          root.style.setProperty(name, previousValue);\n        }\n      }\n      if (root.getAttribute('data-brand') === brand.id) {\n        if (previousBrand === null) {\n          root.removeAttribute('data-brand');\n        } else {\n          root.setAttribute('data-brand', previousBrand);\n        }\n      }\n    };\n  }, [brand, resolvedMode]);\n\n  return (\n    <ThemeContext value={{ brand, setBrand, colorScheme, resolvedMode }}>\n      {/* ROOT only — the defs use hardcoded IDs; a nested provider re-emitting\n          them would produce duplicate, HTML-invalid element IDs. */}\n      {isRoot && <AIGradientsSvg />}\n      {children}\n    </ThemeContext>\n  );\n};\n","import type { ReactElement } from 'react';\nimport { render, type RenderOptions, type RenderResult } from '@testing-library/react';\n\nimport { type Brand, keboola } from '@keboola/brand-registry';\n\nimport { ThemeProvider } from '../components/ThemeProvider';\n\ntype Options = Omit<RenderOptions, 'wrapper'> & {\n  /** Brand to drive the wrapping `<ThemeProvider>`. Defaults to `keboola`. */\n  brand?: Brand;\n};\n\n/**\n * `@testing-library/react` `render` wrapped in a `<ThemeProvider brand={...}>`.\n *\n * Use in unit tests for any component that calls `useTheme()` or relies on\n * the brand-driven CSS variables. Defaults to the canonical Keboola brand so\n * callers can opt into a specific brand only when they need to assert\n * brand-dependent behaviour (e.g. chrome re-skins under `keboola-legacy`).\n */\nexport const renderWithTheme = (ui: ReactElement, options: Options = {}): RenderResult => {\n  const { brand = keboola, ...rest } = options;\n  return render(ui, {\n    ...rest,\n    wrapper: ({ children }) => <ThemeProvider brand={brand}>{children}</ThemeProvider>,\n  });\n};\n"]}
+{"version":3,"sources":["../src/components/ThemeProvider/themeContext.ts","../src/components/Tooltip/TooltipContent.tsx","../src/utils/classNames.ts","../src/components/Tooltip/Tooltip.tsx","../src/components/ThemeProvider/AIGradientSvg.tsx","../src/components/ThemeProvider/brandToCssVars.ts","../src/components/ThemeProvider/ThemeProvider.tsx","../src/testing/renderWithTheme.tsx"],"names":["createContext","cva","extendTailwindMerge","Provider","jsx","jsxs","keboola","use","useState","useEffect","render"],"mappings":"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","file":"testing.cjs","sourcesContent":["import { createContext } from 'react';\n\nimport type { Brand } from '@keboola/brand-registry';\n\nexport type ColorScheme = 'light' | 'dark' | 'system';\nexport type ResolvedMode = 'light' | 'dark';\n\nexport type ThemeContextValue = {\n  brand: Brand;\n  setBrand?: (brand: Brand) => void;\n  /** The configured color scheme (may be `'system'`). */\n  colorScheme: ColorScheme;\n  /** The effective light/dark mode after resolving `'system'`. */\n  resolvedMode: ResolvedMode;\n};\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n","import type { ComponentProps } from 'react';\nimport { Content, Portal } from '@radix-ui/react-tooltip';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { useIsLegacyBrand } from '../internal/useIsLegacyBrand';\n\nconst tooltipVariants = cva(\n  [\n    'tailwindcss-preflight',\n    'tw-inline-block',\n    'tw-break-anywhere',\n    'tw-max-h-96',\n    'tw-overflow-y-auto',\n    'tw-z-[1060]',\n\n    // legacy (dark) chrome — default\n    'tw-rounded',\n    'tw-bg-neutral-800',\n    'tw-text-white',\n\n    // argo chrome overrides — semantic floating-panel tokens\n    'data-[argo=true]:tw-rounded-2xl',\n    'data-[argo=true]:tw-border',\n    'data-[argo=true]:tw-border-solid',\n    'data-[argo=true]:tw-border-border',\n    'data-[argo=true]:tw-bg-popover',\n    'data-[argo=true]:tw-text-popover-foreground',\n    'data-[argo=true]:tw-shadow-md',\n\n    // argo open animation\n    'data-[argo=true]:data-[state=delayed-open]:tw-animate-in',\n    'data-[argo=true]:data-[state=instant-open]:tw-animate-in',\n    'data-[argo=true]:data-[state=delayed-open]:tw-fade-in-0',\n    'data-[argo=true]:data-[state=instant-open]:tw-fade-in-0',\n    'data-[argo=true]:data-[state=delayed-open]:tw-zoom-in-95',\n    'data-[argo=true]:data-[state=instant-open]:tw-zoom-in-95',\n\n    // argo closed animation\n    'data-[argo=true]:data-[state=closed]:tw-animate-out',\n    'data-[argo=true]:data-[state=closed]:tw-fade-out-0',\n    'data-[argo=true]:data-[state=closed]:tw-zoom-out-95',\n\n    // argo position animation\n    'data-[argo=true]:data-[side=bottom]:tw-slide-in-from-top-2',\n    'data-[argo=true]:data-[side=left]:tw-slide-in-from-right-2',\n    'data-[argo=true]:data-[side=right]:tw-slide-in-from-left-2',\n    'data-[argo=true]:data-[side=top]:tw-slide-in-from-bottom-2',\n  ],\n  {\n    defaultVariants: {\n      variant: 'action',\n    },\n    variants: {\n      variant: {\n        action: [\n          'tw-max-w-fit',\n          'tw-px-3',\n          'tw-py-2',\n\n          'tw-text-center',\n          'tw-text-xs',\n          'tw-font-medium',\n          'tw-uppercase',\n          'tw-tracking-wider',\n        ],\n        explanatory: [\n          'tw-max-w-80',\n          'tw-px-4',\n          'tw-py-3',\n          'tw-text-left',\n\n          'tw-text-sm',\n          'tw-font-normal',\n        ],\n      },\n    },\n  },\n);\n\ntype Props = {\n  keepOpenOnPointerDownOutside?: boolean;\n  placement?: ComponentProps<typeof Content>['side'];\n} & Omit<ComponentProps<typeof Content>, 'side'> &\n  VariantProps<typeof tooltipVariants>;\n\nexport const TooltipContent = ({\n  className,\n  variant,\n  keepOpenOnPointerDownOutside = false,\n  children,\n  onPointerDownOutside,\n  sideOffset = 8,\n  collisionPadding = 8,\n  hideWhenDetached = true,\n  placement = 'right',\n  ...rest\n}: Props) => {\n  const isLegacy = useIsLegacyBrand();\n  const renderArgo = !isLegacy;\n\n  const handlePointerDownOutside: ComponentProps<typeof Content>['onPointerDownOutside'] = (\n    event,\n  ) => {\n    if (keepOpenOnPointerDownOutside) event.preventDefault();\n    onPointerDownOutside?.(event);\n  };\n\n  return (\n    <Portal>\n      <Content\n        {...rest}\n        // Marks the dark (non-argo) tooltip chrome so styles.css can invert\n        // nested `.tw-prose` for contrast.\n        data-tooltip-content={renderArgo ? undefined : true}\n        data-argo={renderArgo}\n        sideOffset={sideOffset}\n        collisionPadding={collisionPadding}\n        onPointerDownOutside={handlePointerDownOutside}\n        className={tooltipVariants({ className, variant })}\n        hideWhenDetached={hideWhenDetached}\n        side={placement}\n      >\n        {children}\n      </Content>\n    </Portal>\n  );\n};\n","import { type ClassValue, clsx } from 'clsx';\nimport { extendTailwindMerge } from 'tailwind-merge';\n\nconst twMerge = extendTailwindMerge({\n  prefix: 'tw-',\n});\n\nexport const cn = (...classes: ClassValue[]) => twMerge(clsx(...classes));\n","import { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport type { Content, Trigger } from '@radix-ui/react-tooltip';\nimport { Provider } from '@radix-ui/react-tooltip';\n\nimport { keyCodes } from '../../constants/keyCodes';\n\nimport { TooltipContent } from './TooltipContent';\nimport { TooltipRoot } from './TooltipRoot';\nimport { TooltipTrigger } from './TooltipTrigger';\n\nconst ACTION_TOOLTIP_LIMIT = 30;\n\ntype TriggerProps = {\n  triggerAsChild?: boolean;\n};\n\n/**\n * Props for `Tooltip`. `tooltip` is the popup content; `children` is the trigger element.\n * `variant` auto-resolves to `\"explanatory\"` for strings >30 chars, else `\"action\"`.\n */\nexport type Props = {\n  /** Keep the tooltip visible when the user clicks the trigger (useful for click-to-copy feedback). */\n  keepOpenOnTriggerClick?: boolean;\n  /** Content rendered inside the tooltip. Plain text only — no interactive elements (use `HoverCard` or `Popover` for that). */\n  tooltip: ReactNode;\n  children: ReactNode;\n  placement?: ComponentProps<typeof Content>['side'];\n  /** Forcibly hide the tooltip regardless of hover state. */\n  forceHide?: boolean;\n  /** Forcibly show the tooltip regardless of hover state. Useful for guided-tour overlays. */\n  forceShow?: boolean;\n  className?: string;\n} & TriggerProps &\n  Pick<ComponentProps<typeof TooltipContent>, 'variant' | 'className'>;\n\n/** Re-export of Radix `Tooltip.Provider`. Mount once at the app root so tooltips share delay state. */\nexport const TooltipProvider = Provider;\n\n/**\n * Short plain-text label that appears on hover or focus.\n *\n * **When to use:** describing an icon-only `Button`, explaining a disabled control, or labelling a\n * truncated value. Plain text only — auto-switches to the longer `\"explanatory\"` variant when the string\n * exceeds 30 characters.\n * **When NOT to use:** for rich preview content (multiple lines, formatted text, structured data) use\n * `HoverCard`; for tooltips containing links or buttons use `Popover` (interactive elements break a11y\n * inside a `Tooltip`).\n * **Composition:** wrap any focusable element via `triggerAsChild` so the tooltip targets the underlying\n * native element. Mount `TooltipProvider` once at the app root.\n *\n * @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern\n */\nexport const Tooltip = ({\n  tooltip,\n  children,\n  className,\n  keepOpenOnTriggerClick = false,\n  variant,\n  placement = 'right',\n  forceHide = false,\n  forceShow = false,\n  // trigger props\n  triggerAsChild = false,\n}: Props) => {\n  const [open, setOpen] = useState(false);\n\n  const resolvedVariant = (() => {\n    if (!!variant) return variant;\n    if (typeof tooltip === 'string' && tooltip.length > ACTION_TOOLTIP_LIMIT) return 'explanatory';\n\n    return 'action';\n  })();\n\n  const isActionVariant = resolvedVariant === 'action';\n\n  const handleKeyUp: ComponentProps<typeof Trigger>['onKeyUp'] = (event) => {\n    if (![keyCodes.ENTER, keyCodes.SPACE].includes(event.key)) return;\n    event.stopPropagation();\n  };\n\n  return (\n    <TooltipRoot\n      open={!!tooltip && (open || forceShow) && !forceHide}\n      onOpenChange={setOpen}\n      disableHoverableContent={isActionVariant}\n    >\n      <TooltipTrigger\n        asChild={triggerAsChild}\n        keepOpenOnClick={keepOpenOnTriggerClick}\n        onKeyUp={handleKeyUp}\n      >\n        {children}\n      </TooltipTrigger>\n\n      <TooltipContent\n        className={className}\n        variant={resolvedVariant}\n        placement={placement}\n        keepOpenOnPointerDownOutside={keepOpenOnTriggerClick}\n      >\n        {tooltip}\n      </TooltipContent>\n    </TooltipRoot>\n  );\n};\n\nTooltip.Root = TooltipRoot;\nTooltip.Content = TooltipContent;\nTooltip.Trigger = TooltipTrigger;\n","export const AIGradientsSvg = () => (\n  <svg width=\"0\" height=\"0\" style={{ position: 'absolute', visibility: 'hidden' }}>\n    <defs>\n      {/*aigradient-600*/}\n      <linearGradient id=\"aigradient-600\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n        <stop offset=\"0%\" stopColor=\"#61E4FF\" />\n        <stop offset=\"50%\" stopColor=\"#1F8FFF\" />\n        <stop offset=\"100%\" stopColor=\"#7C5CFF\" />\n      </linearGradient>\n\n      {/*aigradient-700*/}\n      <linearGradient id=\"aigradient-700\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n        <stop offset=\"0%\" stopColor=\"#075fb8\" />\n        <stop offset=\"100%\" stopColor=\"#5b2cb8\" />\n      </linearGradient>\n    </defs>\n  </svg>\n);\n","import type { Brand } from '@keboola/brand-registry';\n\nimport type { ResolvedMode } from './themeContext';\n\n/**\n * Map every brand-overridable slot to the matching CSS variable on `:root`.\n *\n * Brand colours are already stored as `R G B` channel strings (validated by\n * the brand schema), matching the shape Tailwind's\n * `rgb(var(--color-*) / <alpha-value>)` template consumes — they're written\n * straight into the CSS variable without conversion.\n *\n * Mode-aware: when `resolvedMode === 'dark'` and the brand ships a\n * `colorsDark` palette, that palette wins; otherwise `colors` (light) is\n * used. The crucial exception — if `resolvedMode === 'dark'` and the brand\n * has NO `colorsDark`, the 9 colour vars are omitted entirely so the\n * stylesheet's `[data-theme='dark']` block supplies the dark palette.\n * Emitting the light values here would clobber that with no `!important`\n * recourse. Non-colour vars (radii) are emitted regardless of mode.\n *\n * Slots the brand doesn't define are omitted — `ThemeProvider` only\n * captures/restores the keys returned here, so unset slots inherit whatever\n * is already live on `<html>` (an outer provider's value, or the `:root` /\n * `[data-theme='dark']` defaults in `styles.css` if no outer provider has\n * touched them). The accent colours (in `colors` / `colorsDark`), the sidebar\n * colour family (`brand.sidebarColors` / `brand.sidebarColorsDark`), and the\n * brand font (`typography.fontFamily`, emitted as `--font-sans`) follow the\n * same opt-in rule.\n */\nexport const brandToCssVars = (\n  brand: Brand,\n  resolvedMode: ResolvedMode,\n): Record<string, string> => {\n  const vars: Record<string, string> = {};\n\n  // In dark mode with no brand dark palette, leave the colour vars to the\n  // stylesheet's `[data-theme='dark']` block (do not emit light values).\n  const colors = resolvedMode === 'dark' ? brand.colorsDark : brand.colors;\n  if (colors) {\n    vars['--color-background'] = colors.background;\n    vars['--color-foreground'] = colors.foreground;\n    vars['--color-muted'] = colors.muted;\n    vars['--color-muted-foreground'] = colors.mutedForeground;\n    vars['--color-border'] = colors.border;\n    vars['--color-primary'] = colors.primary;\n    vars['--color-primary-foreground'] = colors.primaryForeground;\n    vars['--color-destructive'] = colors.destructive;\n    vars['--color-destructive-foreground'] = colors.destructiveForeground;\n    // accent is a general semantic colour (content + sidebar); optional.\n    if (colors.accent !== undefined) vars['--color-accent'] = colors.accent;\n    if (colors.accentForeground !== undefined)\n      vars['--color-accent-foreground'] = colors.accentForeground;\n  }\n\n  // Sidebar colour tokens — same dark-mode rule as the core palette: with no\n  // `sidebarColorsDark`, leave the stylesheet `[data-theme='dark']` sidebar intact.\n  const sidebar = resolvedMode === 'dark' ? brand.sidebarColorsDark : brand.sidebarColors;\n  if (sidebar) {\n    const sidebarVars: Record<string, string | undefined> = {\n      '--color-sidebar': sidebar.sidebar,\n      '--color-sidebar-foreground': sidebar.sidebarForeground,\n      '--color-sidebar-primary': sidebar.sidebarPrimary,\n      '--color-sidebar-primary-foreground': sidebar.sidebarPrimaryForeground,\n      '--color-sidebar-accent': sidebar.sidebarAccent,\n      '--color-sidebar-accent-foreground': sidebar.sidebarAccentForeground,\n      '--color-sidebar-border': sidebar.sidebarBorder,\n      '--color-sidebar-ring': sidebar.sidebarRing,\n    };\n    for (const [name, value] of Object.entries(sidebarVars)) {\n      if (value !== undefined) vars[name] = value;\n    }\n  }\n\n  // Trim at the runtime boundary too: ThemeProvider applies this output without\n  // re-validating the schema, so a whitespace-only value must not emit\n  // `--font-sans` (it would defeat the `var(--font-sans, …)` fallback).\n  const fontFamily = brand.typography?.fontFamily?.trim();\n  if (fontFamily) {\n    vars['--font-sans'] = fontFamily;\n  }\n\n  if (brand.radii) {\n    vars['--radius-sm'] = brand.radii.sm;\n    vars['--radius-md'] = brand.radii.md;\n    vars['--radius-lg'] = brand.radii.lg;\n  }\n\n  return vars;\n};\n","import { type ReactNode, use, useEffect, useState } from 'react';\n\nimport { type Brand, keboola } from '@keboola/brand-registry';\n\nimport { TooltipProvider } from '../Tooltip';\n\nimport { AIGradientsSvg } from './AIGradientSvg';\nimport { brandToCssVars } from './brandToCssVars';\nimport { type ColorScheme, type ResolvedMode, ThemeContext } from './themeContext';\n\nconst DARK_QUERY = '(prefers-color-scheme: dark)';\n\nconst systemMode = (): ResolvedMode => {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return 'light';\n  return window.matchMedia(DARK_QUERY).matches ? 'dark' : 'light';\n};\n\ntype Props = {\n  /**\n   * Brand whose tokens drive the chrome (`@keboola/design`'s semantic CSS\n   * variables) inside this provider's subtree. Defaults to the canonical\n   * `keboola` brand so existing apps that mount `<ThemeProvider>` without a\n   * `brand` prop continue to render as today.\n   */\n  brand?: Brand;\n  /**\n   * Optional setter exposed through `useTheme()` so consumers can flip\n   * brands at runtime (Storybook toolbar, a customer-impersonation switch).\n   */\n  setBrand?: (brand: Brand) => void;\n  /**\n   * Light/dark mode. `'system'` follows `prefers-color-scheme` and updates\n   * reactively. Defaults to `'light'` so existing mounts don't drift. Only\n   * the ROOT provider applies this (sets `data-theme`, owns the media\n   * listener); a nested provider inherits the root's resolved mode.\n   */\n  colorScheme?: ColorScheme;\n  children: ReactNode;\n};\n\n/**\n * Responsibilities:\n * - ROOT only: render hidden SVG gradient definitions (`aigradient-600`,\n *   `aigradient-700`). The IDs are hardcoded, so a nested provider must not\n *   re-emit them or the document gains duplicate (HTML-invalid) IDs.\n * - Set `data-brand=\"<brand.id>\"` on `<html>` and inject the matching `--color-*` /\n *   `--radius-*` CSS variables (for the resolved light/dark mode) so chrome\n *   re-skins for the supplied brand.\n * - ROOT only: set `data-theme` (`light` | `dark`) on `<html>` and own the\n *   `prefers-color-scheme` media listener when `colorScheme === 'system'`.\n *   A nested provider inherits the resolved mode from the parent context and\n *   touches neither `data-theme` nor a media listener.\n * - Expose `{ brand, setBrand?, colorScheme, resolvedMode }` via `useTheme()`.\n * - ROOT only: mount a Radix `TooltipProvider` around the subtree so any\n *   `Tooltip` works without a separately-mounted provider. Nested providers\n *   inherit the root's `TooltipProvider` via context, so they add none of their\n *   own — this keeps a single delay group across the app (apps like kbc-ui mount\n *   dozens of scoped `ThemeProvider`s, so re-mounting a provider per subtree\n *   would fragment tooltip delay behavior). A consumer's own `TooltipProvider`\n *   still composes fine.\n *\n * Brand × mode: the active mode's palette is injected inline on `<html>`. When\n * the resolved mode is `dark` and the brand has no `colorsDark`, the colour\n * vars are NOT emitted — the stylesheet `[data-theme='dark']` block supplies\n * them, so no `!important` override is ever needed.\n *\n * `data-brand` (brand id) and `data-theme` (light/dark) are separate axes so\n * they compose without clobbering each other.\n */\nexport const ThemeProvider = ({\n  brand = keboola,\n  setBrand,\n  colorScheme = 'light',\n  children,\n}: Props) => {\n  const parent = use(ThemeContext);\n  const isRoot = parent === null;\n\n  // System mode is tracked only by the root; nested providers inherit the\n  // parent's resolved mode and never subscribe to media changes.\n  const [systemResolved, setSystemResolved] = useState<ResolvedMode>(systemMode);\n\n  useEffect(() => {\n    if (!isRoot || colorScheme !== 'system') return;\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return;\n    const mql = window.matchMedia(DARK_QUERY);\n    const onChange = (event: MediaQueryListEvent) =>\n      setSystemResolved(event.matches ? 'dark' : 'light');\n    // Re-sync in case the value changed between the lazy initializer and effect.\n    setSystemResolved(mql.matches ? 'dark' : 'light');\n    mql.addEventListener('change', onChange);\n    return () => mql.removeEventListener('change', onChange);\n  }, [isRoot, colorScheme]);\n\n  const ownMode: ResolvedMode = colorScheme === 'system' ? systemResolved : colorScheme;\n  // Nested providers inherit the root's resolved mode; the root uses its own.\n  const resolvedMode: ResolvedMode = isRoot ? ownMode : parent.resolvedMode;\n\n  // Root owns `data-theme` on `<html>`.\n  useEffect(() => {\n    if (!isRoot || typeof document === 'undefined') return;\n    const root = document.documentElement;\n    const previous = root.getAttribute('data-theme');\n    root.setAttribute('data-theme', resolvedMode);\n    return () => {\n      if (root.getAttribute('data-theme') !== resolvedMode) return;\n      if (previous === null) {\n        root.removeAttribute('data-theme');\n      } else {\n        root.setAttribute('data-theme', previous);\n      }\n    };\n  }, [isRoot, resolvedMode]);\n\n  // Every provider (root or nested) injects ITS brand's vars for the resolved mode.\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n    const root = document.documentElement;\n\n    // Capture the previous `data-brand` + per-property inline-style values\n    // so cleanup can restore them. Cleanup only restores values that\n    // weren't overwritten by some other provider in between — without that\n    // check, an inner provider unmounting after an outer one wrote new\n    // values would clobber the outer's brand back to bare `:root` (React\n    // runs child effects before parent effects on mount, so the inner's\n    // captured \"previous\" is stale by the time it unmounts).\n    const previousBrand = root.getAttribute('data-brand');\n    const vars = brandToCssVars(brand, resolvedMode);\n    const previousValues: Record<string, string> = {};\n    for (const name of Object.keys(vars)) {\n      previousValues[name] = root.style.getPropertyValue(name);\n    }\n\n    root.setAttribute('data-brand', brand.id);\n    for (const [name, value] of Object.entries(vars)) {\n      root.style.setProperty(name, value);\n    }\n\n    return () => {\n      for (const [name, previousValue] of Object.entries(previousValues)) {\n        // Only roll back if our value is still live — if someone else\n        // (an outer provider, a sibling) has since written a different\n        // value, leave it alone.\n        if (root.style.getPropertyValue(name) !== vars[name]) continue;\n        if (previousValue === '') {\n          root.style.removeProperty(name);\n        } else {\n          root.style.setProperty(name, previousValue);\n        }\n      }\n      if (root.getAttribute('data-brand') === brand.id) {\n        if (previousBrand === null) {\n          root.removeAttribute('data-brand');\n        } else {\n          root.setAttribute('data-brand', previousBrand);\n        }\n      }\n    };\n  }, [brand, resolvedMode]);\n\n  return (\n    <ThemeContext value={{ brand, setBrand, colorScheme, resolvedMode }}>\n      {/* ROOT only — the defs use hardcoded IDs; a nested provider re-emitting\n          them would produce duplicate, HTML-invalid element IDs. */}\n      {isRoot && <AIGradientsSvg />}\n      {/* ROOT only — a nested provider inherits the root's TooltipProvider via\n          context, so re-mounting one here would just fragment the delay group. */}\n      {isRoot ? <TooltipProvider>{children}</TooltipProvider> : children}\n    </ThemeContext>\n  );\n};\n","import type { ReactElement } from 'react';\nimport { render, type RenderOptions, type RenderResult } from '@testing-library/react';\n\nimport { type Brand, keboola } from '@keboola/brand-registry';\n\nimport { ThemeProvider } from '../components/ThemeProvider';\n\ntype Options = Omit<RenderOptions, 'wrapper'> & {\n  /** Brand to drive the wrapping `<ThemeProvider>`. Defaults to `keboola`. */\n  brand?: Brand;\n};\n\n/**\n * `@testing-library/react` `render` wrapped in a `<ThemeProvider brand={...}>`.\n *\n * Use in unit tests for any component that calls `useTheme()` or relies on\n * the brand-driven CSS variables. Defaults to the canonical Keboola brand so\n * callers can opt into a specific brand only when they need to assert\n * brand-dependent behaviour (e.g. chrome re-skins under `keboola-legacy`).\n */\nexport const renderWithTheme = (ui: ReactElement, options: Options = {}): RenderResult => {\n  const { brand = keboola, ...rest } = options;\n  return render(ui, {\n    ...rest,\n    wrapper: ({ children }) => <ThemeProvider brand={brand}>{children}</ThemeProvider>,\n  });\n};\n"]}

package/dist/testing.js

@@ -1,9 +1,83 @@
 import { render } from '@testing-library/react';
 import { keboola } from '@keboola/brand-registry';
 import { createContext, use, useState, useEffect } from 'react';
+import { Provider } from '@radix-ui/react-tooltip';
+import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import 'clsx';
+import { extendTailwindMerge } from 'tailwind-merge';
 
 // src/testing/renderWithTheme.tsx
+var ThemeContext = createContext(null);
+cva(
+  [
+    "tailwindcss-preflight",
+    "tw-inline-block",
+    "tw-break-anywhere",
+    "tw-max-h-96",
+    "tw-overflow-y-auto",
+    "tw-z-[1060]",
+    // legacy (dark) chrome — default
+    "tw-rounded",
+    "tw-bg-neutral-800",
+    "tw-text-white",
+    // argo chrome overrides — semantic floating-panel tokens
+    "data-[argo=true]:tw-rounded-2xl",
+    "data-[argo=true]:tw-border",
+    "data-[argo=true]:tw-border-solid",
+    "data-[argo=true]:tw-border-border",
+    "data-[argo=true]:tw-bg-popover",
+    "data-[argo=true]:tw-text-popover-foreground",
+    "data-[argo=true]:tw-shadow-md",
+    // argo open animation
+    "data-[argo=true]:data-[state=delayed-open]:tw-animate-in",
+    "data-[argo=true]:data-[state=instant-open]:tw-animate-in",
+    "data-[argo=true]:data-[state=delayed-open]:tw-fade-in-0",
+    "data-[argo=true]:data-[state=instant-open]:tw-fade-in-0",
+    "data-[argo=true]:data-[state=delayed-open]:tw-zoom-in-95",
+    "data-[argo=true]:data-[state=instant-open]:tw-zoom-in-95",
+    // argo closed animation
+    "data-[argo=true]:data-[state=closed]:tw-animate-out",
+    "data-[argo=true]:data-[state=closed]:tw-fade-out-0",
+    "data-[argo=true]:data-[state=closed]:tw-zoom-out-95",
+    // argo position animation
+    "data-[argo=true]:data-[side=bottom]:tw-slide-in-from-top-2",
+    "data-[argo=true]:data-[side=left]:tw-slide-in-from-right-2",
+    "data-[argo=true]:data-[side=right]:tw-slide-in-from-left-2",
+    "data-[argo=true]:data-[side=top]:tw-slide-in-from-bottom-2"
+  ],
+  {
+    defaultVariants: {
+      variant: "action"
+    },
+    variants: {
+      variant: {
+        action: [
+          "tw-max-w-fit",
+          "tw-px-3",
+          "tw-py-2",
+          "tw-text-center",
+          "tw-text-xs",
+          "tw-font-medium",
+          "tw-uppercase",
+          "tw-tracking-wider"
+        ],
+        explanatory: [
+          "tw-max-w-80",
+          "tw-px-4",
+          "tw-py-3",
+          "tw-text-left",
+          "tw-text-sm",
+          "tw-font-normal"
+        ]
+      }
+    }
+  }
+);
+extendTailwindMerge({
+  prefix: "tw-"
+});
+var TooltipProvider = Provider;
 var AIGradientsSvg = () => /* @__PURE__ */ jsx("svg", { width: "0", height: "0", style: { position: "absolute", visibility: "hidden" }, children: /* @__PURE__ */ jsxs("defs", { children: [
   /* @__PURE__ */ jsxs("linearGradient", { id: "aigradient-600", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
     /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#61E4FF" }),
@@ -61,7 +135,6 @@ var brandToCssVars = (brand, resolvedMode) => {
   }
   return vars;
 };
-var ThemeContext = createContext(null);
 var DARK_QUERY = "(prefers-color-scheme: dark)";
 var systemMode = () => {
   if (typeof window === "undefined" || typeof window.matchMedia !== "function") return "light";
@@ -134,7 +207,7 @@ var ThemeProvider = ({
   }, [brand, resolvedMode]);
   return /* @__PURE__ */ jsxs(ThemeContext, { value: { brand, setBrand, colorScheme, resolvedMode }, children: [
     isRoot && /* @__PURE__ */ jsx(AIGradientsSvg, {}),
-    children
+    isRoot ? /* @__PURE__ */ jsx(TooltipProvider, { children }) : children
   ] });
 };
 var renderWithTheme = (ui, options = {}) => {

package/dist/testing.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ThemeProvider/AIGradientSvg.tsx","../src/components/ThemeProvider/brandToCssVars.ts","../src/components/ThemeProvider/themeContext.ts","../src/components/ThemeProvider/ThemeProvider.tsx","../src/testing/renderWithTheme.tsx"],"names":["jsxs","jsx","keboola"],"mappings":"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","file":"testing.js","sourcesContent":["export const AIGradientsSvg = () => (\n  <svg width=\"0\" height=\"0\" style={{ position: 'absolute', visibility: 'hidden' }}>\n    <defs>\n      {/*aigradient-600*/}\n      <linearGradient id=\"aigradient-600\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n        <stop offset=\"0%\" stopColor=\"#61E4FF\" />\n        <stop offset=\"50%\" stopColor=\"#1F8FFF\" />\n        <stop offset=\"100%\" stopColor=\"#7C5CFF\" />\n      </linearGradient>\n\n      {/*aigradient-700*/}\n      <linearGradient id=\"aigradient-700\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n        <stop offset=\"0%\" stopColor=\"#075fb8\" />\n        <stop offset=\"100%\" stopColor=\"#5b2cb8\" />\n      </linearGradient>\n    </defs>\n  </svg>\n);\n","import type { Brand } from '@keboola/brand-registry';\n\nimport type { ResolvedMode } from './themeContext';\n\n/**\n * Map every brand-overridable slot to the matching CSS variable on `:root`.\n *\n * Brand colours are already stored as `R G B` channel strings (validated by\n * the brand schema), matching the shape Tailwind's\n * `rgb(var(--color-*) / <alpha-value>)` template consumes — they're written\n * straight into the CSS variable without conversion.\n *\n * Mode-aware: when `resolvedMode === 'dark'` and the brand ships a\n * `colorsDark` palette, that palette wins; otherwise `colors` (light) is\n * used. The crucial exception — if `resolvedMode === 'dark'` and the brand\n * has NO `colorsDark`, the 9 colour vars are omitted entirely so the\n * stylesheet's `[data-theme='dark']` block supplies the dark palette.\n * Emitting the light values here would clobber that with no `!important`\n * recourse. Non-colour vars (radii) are emitted regardless of mode.\n *\n * Slots the brand doesn't define are omitted — `ThemeProvider` only\n * captures/restores the keys returned here, so unset slots inherit whatever\n * is already live on `<html>` (an outer provider's value, or the `:root` /\n * `[data-theme='dark']` defaults in `styles.css` if no outer provider has\n * touched them). The accent colours (in `colors` / `colorsDark`), the sidebar\n * colour family (`brand.sidebarColors` / `brand.sidebarColorsDark`), and the\n * brand font (`typography.fontFamily`, emitted as `--font-sans`) follow the\n * same opt-in rule.\n */\nexport const brandToCssVars = (\n  brand: Brand,\n  resolvedMode: ResolvedMode,\n): Record<string, string> => {\n  const vars: Record<string, string> = {};\n\n  // In dark mode with no brand dark palette, leave the colour vars to the\n  // stylesheet's `[data-theme='dark']` block (do not emit light values).\n  const colors = resolvedMode === 'dark' ? brand.colorsDark : brand.colors;\n  if (colors) {\n    vars['--color-background'] = colors.background;\n    vars['--color-foreground'] = colors.foreground;\n    vars['--color-muted'] = colors.muted;\n    vars['--color-muted-foreground'] = colors.mutedForeground;\n    vars['--color-border'] = colors.border;\n    vars['--color-primary'] = colors.primary;\n    vars['--color-primary-foreground'] = colors.primaryForeground;\n    vars['--color-destructive'] = colors.destructive;\n    vars['--color-destructive-foreground'] = colors.destructiveForeground;\n    // accent is a general semantic colour (content + sidebar); optional.\n    if (colors.accent !== undefined) vars['--color-accent'] = colors.accent;\n    if (colors.accentForeground !== undefined)\n      vars['--color-accent-foreground'] = colors.accentForeground;\n  }\n\n  // Sidebar colour tokens — same dark-mode rule as the core palette: with no\n  // `sidebarColorsDark`, leave the stylesheet `[data-theme='dark']` sidebar intact.\n  const sidebar = resolvedMode === 'dark' ? brand.sidebarColorsDark : brand.sidebarColors;\n  if (sidebar) {\n    const sidebarVars: Record<string, string | undefined> = {\n      '--color-sidebar': sidebar.sidebar,\n      '--color-sidebar-foreground': sidebar.sidebarForeground,\n      '--color-sidebar-primary': sidebar.sidebarPrimary,\n      '--color-sidebar-primary-foreground': sidebar.sidebarPrimaryForeground,\n      '--color-sidebar-accent': sidebar.sidebarAccent,\n      '--color-sidebar-accent-foreground': sidebar.sidebarAccentForeground,\n      '--color-sidebar-border': sidebar.sidebarBorder,\n      '--color-sidebar-ring': sidebar.sidebarRing,\n    };\n    for (const [name, value] of Object.entries(sidebarVars)) {\n      if (value !== undefined) vars[name] = value;\n    }\n  }\n\n  // Trim at the runtime boundary too: ThemeProvider applies this output without\n  // re-validating the schema, so a whitespace-only value must not emit\n  // `--font-sans` (it would defeat the `var(--font-sans, …)` fallback).\n  const fontFamily = brand.typography?.fontFamily?.trim();\n  if (fontFamily) {\n    vars['--font-sans'] = fontFamily;\n  }\n\n  if (brand.radii) {\n    vars['--radius-sm'] = brand.radii.sm;\n    vars['--radius-md'] = brand.radii.md;\n    vars['--radius-lg'] = brand.radii.lg;\n  }\n\n  return vars;\n};\n","import { createContext } from 'react';\n\nimport type { Brand } from '@keboola/brand-registry';\n\nexport type ColorScheme = 'light' | 'dark' | 'system';\nexport type ResolvedMode = 'light' | 'dark';\n\nexport type ThemeContextValue = {\n  brand: Brand;\n  setBrand?: (brand: Brand) => void;\n  /** The configured color scheme (may be `'system'`). */\n  colorScheme: ColorScheme;\n  /** The effective light/dark mode after resolving `'system'`. */\n  resolvedMode: ResolvedMode;\n};\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n","import { type ReactNode, use, useEffect, useState } from 'react';\n\nimport { type Brand, keboola } from '@keboola/brand-registry';\n\nimport { AIGradientsSvg } from './AIGradientSvg';\nimport { brandToCssVars } from './brandToCssVars';\nimport { type ColorScheme, type ResolvedMode, ThemeContext } from './themeContext';\n\nconst DARK_QUERY = '(prefers-color-scheme: dark)';\n\nconst systemMode = (): ResolvedMode => {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return 'light';\n  return window.matchMedia(DARK_QUERY).matches ? 'dark' : 'light';\n};\n\ntype Props = {\n  /**\n   * Brand whose tokens drive the chrome (`@keboola/design`'s semantic CSS\n   * variables) inside this provider's subtree. Defaults to the canonical\n   * `keboola` brand so existing apps that mount `<ThemeProvider>` without a\n   * `brand` prop continue to render as today.\n   */\n  brand?: Brand;\n  /**\n   * Optional setter exposed through `useTheme()` so consumers can flip\n   * brands at runtime (Storybook toolbar, a customer-impersonation switch).\n   */\n  setBrand?: (brand: Brand) => void;\n  /**\n   * Light/dark mode. `'system'` follows `prefers-color-scheme` and updates\n   * reactively. Defaults to `'light'` so existing mounts don't drift. Only\n   * the ROOT provider applies this (sets `data-theme`, owns the media\n   * listener); a nested provider inherits the root's resolved mode.\n   */\n  colorScheme?: ColorScheme;\n  children: ReactNode;\n};\n\n/**\n * Responsibilities:\n * - ROOT only: render hidden SVG gradient definitions (`aigradient-600`,\n *   `aigradient-700`). The IDs are hardcoded, so a nested provider must not\n *   re-emit them or the document gains duplicate (HTML-invalid) IDs.\n * - Set `data-brand=\"<brand.id>\"` on `<html>` and inject the matching `--color-*` /\n *   `--radius-*` CSS variables (for the resolved light/dark mode) so chrome\n *   re-skins for the supplied brand.\n * - ROOT only: set `data-theme` (`light` | `dark`) on `<html>` and own the\n *   `prefers-color-scheme` media listener when `colorScheme === 'system'`.\n *   A nested provider inherits the resolved mode from the parent context and\n *   touches neither `data-theme` nor a media listener.\n * - Expose `{ brand, setBrand?, colorScheme, resolvedMode }` via `useTheme()`.\n *\n * Brand × mode: the active mode's palette is injected inline on `<html>`. When\n * the resolved mode is `dark` and the brand has no `colorsDark`, the colour\n * vars are NOT emitted — the stylesheet `[data-theme='dark']` block supplies\n * them, so no `!important` override is ever needed.\n *\n * `data-brand` (brand id) and `data-theme` (light/dark) are separate axes so\n * they compose without clobbering each other.\n */\nexport const ThemeProvider = ({\n  brand = keboola,\n  setBrand,\n  colorScheme = 'light',\n  children,\n}: Props) => {\n  const parent = use(ThemeContext);\n  const isRoot = parent === null;\n\n  // System mode is tracked only by the root; nested providers inherit the\n  // parent's resolved mode and never subscribe to media changes.\n  const [systemResolved, setSystemResolved] = useState<ResolvedMode>(systemMode);\n\n  useEffect(() => {\n    if (!isRoot || colorScheme !== 'system') return;\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return;\n    const mql = window.matchMedia(DARK_QUERY);\n    const onChange = (event: MediaQueryListEvent) =>\n      setSystemResolved(event.matches ? 'dark' : 'light');\n    // Re-sync in case the value changed between the lazy initializer and effect.\n    setSystemResolved(mql.matches ? 'dark' : 'light');\n    mql.addEventListener('change', onChange);\n    return () => mql.removeEventListener('change', onChange);\n  }, [isRoot, colorScheme]);\n\n  const ownMode: ResolvedMode = colorScheme === 'system' ? systemResolved : colorScheme;\n  // Nested providers inherit the root's resolved mode; the root uses its own.\n  const resolvedMode: ResolvedMode = isRoot ? ownMode : parent.resolvedMode;\n\n  // Root owns `data-theme` on `<html>`.\n  useEffect(() => {\n    if (!isRoot || typeof document === 'undefined') return;\n    const root = document.documentElement;\n    const previous = root.getAttribute('data-theme');\n    root.setAttribute('data-theme', resolvedMode);\n    return () => {\n      if (root.getAttribute('data-theme') !== resolvedMode) return;\n      if (previous === null) {\n        root.removeAttribute('data-theme');\n      } else {\n        root.setAttribute('data-theme', previous);\n      }\n    };\n  }, [isRoot, resolvedMode]);\n\n  // Every provider (root or nested) injects ITS brand's vars for the resolved mode.\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n    const root = document.documentElement;\n\n    // Capture the previous `data-brand` + per-property inline-style values\n    // so cleanup can restore them. Cleanup only restores values that\n    // weren't overwritten by some other provider in between — without that\n    // check, an inner provider unmounting after an outer one wrote new\n    // values would clobber the outer's brand back to bare `:root` (React\n    // runs child effects before parent effects on mount, so the inner's\n    // captured \"previous\" is stale by the time it unmounts).\n    const previousBrand = root.getAttribute('data-brand');\n    const vars = brandToCssVars(brand, resolvedMode);\n    const previousValues: Record<string, string> = {};\n    for (const name of Object.keys(vars)) {\n      previousValues[name] = root.style.getPropertyValue(name);\n    }\n\n    root.setAttribute('data-brand', brand.id);\n    for (const [name, value] of Object.entries(vars)) {\n      root.style.setProperty(name, value);\n    }\n\n    return () => {\n      for (const [name, previousValue] of Object.entries(previousValues)) {\n        // Only roll back if our value is still live — if someone else\n        // (an outer provider, a sibling) has since written a different\n        // value, leave it alone.\n        if (root.style.getPropertyValue(name) !== vars[name]) continue;\n        if (previousValue === '') {\n          root.style.removeProperty(name);\n        } else {\n          root.style.setProperty(name, previousValue);\n        }\n      }\n      if (root.getAttribute('data-brand') === brand.id) {\n        if (previousBrand === null) {\n          root.removeAttribute('data-brand');\n        } else {\n          root.setAttribute('data-brand', previousBrand);\n        }\n      }\n    };\n  }, [brand, resolvedMode]);\n\n  return (\n    <ThemeContext value={{ brand, setBrand, colorScheme, resolvedMode }}>\n      {/* ROOT only — the defs use hardcoded IDs; a nested provider re-emitting\n          them would produce duplicate, HTML-invalid element IDs. */}\n      {isRoot && <AIGradientsSvg />}\n      {children}\n    </ThemeContext>\n  );\n};\n","import type { ReactElement } from 'react';\nimport { render, type RenderOptions, type RenderResult } from '@testing-library/react';\n\nimport { type Brand, keboola } from '@keboola/brand-registry';\n\nimport { ThemeProvider } from '../components/ThemeProvider';\n\ntype Options = Omit<RenderOptions, 'wrapper'> & {\n  /** Brand to drive the wrapping `<ThemeProvider>`. Defaults to `keboola`. */\n  brand?: Brand;\n};\n\n/**\n * `@testing-library/react` `render` wrapped in a `<ThemeProvider brand={...}>`.\n *\n * Use in unit tests for any component that calls `useTheme()` or relies on\n * the brand-driven CSS variables. Defaults to the canonical Keboola brand so\n * callers can opt into a specific brand only when they need to assert\n * brand-dependent behaviour (e.g. chrome re-skins under `keboola-legacy`).\n */\nexport const renderWithTheme = (ui: ReactElement, options: Options = {}): RenderResult => {\n  const { brand = keboola, ...rest } = options;\n  return render(ui, {\n    ...rest,\n    wrapper: ({ children }) => <ThemeProvider brand={brand}>{children}</ThemeProvider>,\n  });\n};\n"]}
+{"version":3,"sources":["../src/components/ThemeProvider/themeContext.ts","../src/components/Tooltip/TooltipContent.tsx","../src/utils/classNames.ts","../src/components/Tooltip/Tooltip.tsx","../src/components/ThemeProvider/AIGradientSvg.tsx","../src/components/ThemeProvider/brandToCssVars.ts","../src/components/ThemeProvider/ThemeProvider.tsx","../src/testing/renderWithTheme.tsx"],"names":["jsx","jsxs","use","useState","keboola"],"mappings":"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","file":"testing.js","sourcesContent":["import { createContext } from 'react';\n\nimport type { Brand } from '@keboola/brand-registry';\n\nexport type ColorScheme = 'light' | 'dark' | 'system';\nexport type ResolvedMode = 'light' | 'dark';\n\nexport type ThemeContextValue = {\n  brand: Brand;\n  setBrand?: (brand: Brand) => void;\n  /** The configured color scheme (may be `'system'`). */\n  colorScheme: ColorScheme;\n  /** The effective light/dark mode after resolving `'system'`. */\n  resolvedMode: ResolvedMode;\n};\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n","import type { ComponentProps } from 'react';\nimport { Content, Portal } from '@radix-ui/react-tooltip';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { useIsLegacyBrand } from '../internal/useIsLegacyBrand';\n\nconst tooltipVariants = cva(\n  [\n    'tailwindcss-preflight',\n    'tw-inline-block',\n    'tw-break-anywhere',\n    'tw-max-h-96',\n    'tw-overflow-y-auto',\n    'tw-z-[1060]',\n\n    // legacy (dark) chrome — default\n    'tw-rounded',\n    'tw-bg-neutral-800',\n    'tw-text-white',\n\n    // argo chrome overrides — semantic floating-panel tokens\n    'data-[argo=true]:tw-rounded-2xl',\n    'data-[argo=true]:tw-border',\n    'data-[argo=true]:tw-border-solid',\n    'data-[argo=true]:tw-border-border',\n    'data-[argo=true]:tw-bg-popover',\n    'data-[argo=true]:tw-text-popover-foreground',\n    'data-[argo=true]:tw-shadow-md',\n\n    // argo open animation\n    'data-[argo=true]:data-[state=delayed-open]:tw-animate-in',\n    'data-[argo=true]:data-[state=instant-open]:tw-animate-in',\n    'data-[argo=true]:data-[state=delayed-open]:tw-fade-in-0',\n    'data-[argo=true]:data-[state=instant-open]:tw-fade-in-0',\n    'data-[argo=true]:data-[state=delayed-open]:tw-zoom-in-95',\n    'data-[argo=true]:data-[state=instant-open]:tw-zoom-in-95',\n\n    // argo closed animation\n    'data-[argo=true]:data-[state=closed]:tw-animate-out',\n    'data-[argo=true]:data-[state=closed]:tw-fade-out-0',\n    'data-[argo=true]:data-[state=closed]:tw-zoom-out-95',\n\n    // argo position animation\n    'data-[argo=true]:data-[side=bottom]:tw-slide-in-from-top-2',\n    'data-[argo=true]:data-[side=left]:tw-slide-in-from-right-2',\n    'data-[argo=true]:data-[side=right]:tw-slide-in-from-left-2',\n    'data-[argo=true]:data-[side=top]:tw-slide-in-from-bottom-2',\n  ],\n  {\n    defaultVariants: {\n      variant: 'action',\n    },\n    variants: {\n      variant: {\n        action: [\n          'tw-max-w-fit',\n          'tw-px-3',\n          'tw-py-2',\n\n          'tw-text-center',\n          'tw-text-xs',\n          'tw-font-medium',\n          'tw-uppercase',\n          'tw-tracking-wider',\n        ],\n        explanatory: [\n          'tw-max-w-80',\n          'tw-px-4',\n          'tw-py-3',\n          'tw-text-left',\n\n          'tw-text-sm',\n          'tw-font-normal',\n        ],\n      },\n    },\n  },\n);\n\ntype Props = {\n  keepOpenOnPointerDownOutside?: boolean;\n  placement?: ComponentProps<typeof Content>['side'];\n} & Omit<ComponentProps<typeof Content>, 'side'> &\n  VariantProps<typeof tooltipVariants>;\n\nexport const TooltipContent = ({\n  className,\n  variant,\n  keepOpenOnPointerDownOutside = false,\n  children,\n  onPointerDownOutside,\n  sideOffset = 8,\n  collisionPadding = 8,\n  hideWhenDetached = true,\n  placement = 'right',\n  ...rest\n}: Props) => {\n  const isLegacy = useIsLegacyBrand();\n  const renderArgo = !isLegacy;\n\n  const handlePointerDownOutside: ComponentProps<typeof Content>['onPointerDownOutside'] = (\n    event,\n  ) => {\n    if (keepOpenOnPointerDownOutside) event.preventDefault();\n    onPointerDownOutside?.(event);\n  };\n\n  return (\n    <Portal>\n      <Content\n        {...rest}\n        // Marks the dark (non-argo) tooltip chrome so styles.css can invert\n        // nested `.tw-prose` for contrast.\n        data-tooltip-content={renderArgo ? undefined : true}\n        data-argo={renderArgo}\n        sideOffset={sideOffset}\n        collisionPadding={collisionPadding}\n        onPointerDownOutside={handlePointerDownOutside}\n        className={tooltipVariants({ className, variant })}\n        hideWhenDetached={hideWhenDetached}\n        side={placement}\n      >\n        {children}\n      </Content>\n    </Portal>\n  );\n};\n","import { type ClassValue, clsx } from 'clsx';\nimport { extendTailwindMerge } from 'tailwind-merge';\n\nconst twMerge = extendTailwindMerge({\n  prefix: 'tw-',\n});\n\nexport const cn = (...classes: ClassValue[]) => twMerge(clsx(...classes));\n","import { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport type { Content, Trigger } from '@radix-ui/react-tooltip';\nimport { Provider } from '@radix-ui/react-tooltip';\n\nimport { keyCodes } from '../../constants/keyCodes';\n\nimport { TooltipContent } from './TooltipContent';\nimport { TooltipRoot } from './TooltipRoot';\nimport { TooltipTrigger } from './TooltipTrigger';\n\nconst ACTION_TOOLTIP_LIMIT = 30;\n\ntype TriggerProps = {\n  triggerAsChild?: boolean;\n};\n\n/**\n * Props for `Tooltip`. `tooltip` is the popup content; `children` is the trigger element.\n * `variant` auto-resolves to `\"explanatory\"` for strings >30 chars, else `\"action\"`.\n */\nexport type Props = {\n  /** Keep the tooltip visible when the user clicks the trigger (useful for click-to-copy feedback). */\n  keepOpenOnTriggerClick?: boolean;\n  /** Content rendered inside the tooltip. Plain text only — no interactive elements (use `HoverCard` or `Popover` for that). */\n  tooltip: ReactNode;\n  children: ReactNode;\n  placement?: ComponentProps<typeof Content>['side'];\n  /** Forcibly hide the tooltip regardless of hover state. */\n  forceHide?: boolean;\n  /** Forcibly show the tooltip regardless of hover state. Useful for guided-tour overlays. */\n  forceShow?: boolean;\n  className?: string;\n} & TriggerProps &\n  Pick<ComponentProps<typeof TooltipContent>, 'variant' | 'className'>;\n\n/** Re-export of Radix `Tooltip.Provider`. Mount once at the app root so tooltips share delay state. */\nexport const TooltipProvider = Provider;\n\n/**\n * Short plain-text label that appears on hover or focus.\n *\n * **When to use:** describing an icon-only `Button`, explaining a disabled control, or labelling a\n * truncated value. Plain text only — auto-switches to the longer `\"explanatory\"` variant when the string\n * exceeds 30 characters.\n * **When NOT to use:** for rich preview content (multiple lines, formatted text, structured data) use\n * `HoverCard`; for tooltips containing links or buttons use `Popover` (interactive elements break a11y\n * inside a `Tooltip`).\n * **Composition:** wrap any focusable element via `triggerAsChild` so the tooltip targets the underlying\n * native element. Mount `TooltipProvider` once at the app root.\n *\n * @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern\n */\nexport const Tooltip = ({\n  tooltip,\n  children,\n  className,\n  keepOpenOnTriggerClick = false,\n  variant,\n  placement = 'right',\n  forceHide = false,\n  forceShow = false,\n  // trigger props\n  triggerAsChild = false,\n}: Props) => {\n  const [open, setOpen] = useState(false);\n\n  const resolvedVariant = (() => {\n    if (!!variant) return variant;\n    if (typeof tooltip === 'string' && tooltip.length > ACTION_TOOLTIP_LIMIT) return 'explanatory';\n\n    return 'action';\n  })();\n\n  const isActionVariant = resolvedVariant === 'action';\n\n  const handleKeyUp: ComponentProps<typeof Trigger>['onKeyUp'] = (event) => {\n    if (![keyCodes.ENTER, keyCodes.SPACE].includes(event.key)) return;\n    event.stopPropagation();\n  };\n\n  return (\n    <TooltipRoot\n      open={!!tooltip && (open || forceShow) && !forceHide}\n      onOpenChange={setOpen}\n      disableHoverableContent={isActionVariant}\n    >\n      <TooltipTrigger\n        asChild={triggerAsChild}\n        keepOpenOnClick={keepOpenOnTriggerClick}\n        onKeyUp={handleKeyUp}\n      >\n        {children}\n      </TooltipTrigger>\n\n      <TooltipContent\n        className={className}\n        variant={resolvedVariant}\n        placement={placement}\n        keepOpenOnPointerDownOutside={keepOpenOnTriggerClick}\n      >\n        {tooltip}\n      </TooltipContent>\n    </TooltipRoot>\n  );\n};\n\nTooltip.Root = TooltipRoot;\nTooltip.Content = TooltipContent;\nTooltip.Trigger = TooltipTrigger;\n","export const AIGradientsSvg = () => (\n  <svg width=\"0\" height=\"0\" style={{ position: 'absolute', visibility: 'hidden' }}>\n    <defs>\n      {/*aigradient-600*/}\n      <linearGradient id=\"aigradient-600\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n        <stop offset=\"0%\" stopColor=\"#61E4FF\" />\n        <stop offset=\"50%\" stopColor=\"#1F8FFF\" />\n        <stop offset=\"100%\" stopColor=\"#7C5CFF\" />\n      </linearGradient>\n\n      {/*aigradient-700*/}\n      <linearGradient id=\"aigradient-700\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n        <stop offset=\"0%\" stopColor=\"#075fb8\" />\n        <stop offset=\"100%\" stopColor=\"#5b2cb8\" />\n      </linearGradient>\n    </defs>\n  </svg>\n);\n","import type { Brand } from '@keboola/brand-registry';\n\nimport type { ResolvedMode } from './themeContext';\n\n/**\n * Map every brand-overridable slot to the matching CSS variable on `:root`.\n *\n * Brand colours are already stored as `R G B` channel strings (validated by\n * the brand schema), matching the shape Tailwind's\n * `rgb(var(--color-*) / <alpha-value>)` template consumes — they're written\n * straight into the CSS variable without conversion.\n *\n * Mode-aware: when `resolvedMode === 'dark'` and the brand ships a\n * `colorsDark` palette, that palette wins; otherwise `colors` (light) is\n * used. The crucial exception — if `resolvedMode === 'dark'` and the brand\n * has NO `colorsDark`, the 9 colour vars are omitted entirely so the\n * stylesheet's `[data-theme='dark']` block supplies the dark palette.\n * Emitting the light values here would clobber that with no `!important`\n * recourse. Non-colour vars (radii) are emitted regardless of mode.\n *\n * Slots the brand doesn't define are omitted — `ThemeProvider` only\n * captures/restores the keys returned here, so unset slots inherit whatever\n * is already live on `<html>` (an outer provider's value, or the `:root` /\n * `[data-theme='dark']` defaults in `styles.css` if no outer provider has\n * touched them). The accent colours (in `colors` / `colorsDark`), the sidebar\n * colour family (`brand.sidebarColors` / `brand.sidebarColorsDark`), and the\n * brand font (`typography.fontFamily`, emitted as `--font-sans`) follow the\n * same opt-in rule.\n */\nexport const brandToCssVars = (\n  brand: Brand,\n  resolvedMode: ResolvedMode,\n): Record<string, string> => {\n  const vars: Record<string, string> = {};\n\n  // In dark mode with no brand dark palette, leave the colour vars to the\n  // stylesheet's `[data-theme='dark']` block (do not emit light values).\n  const colors = resolvedMode === 'dark' ? brand.colorsDark : brand.colors;\n  if (colors) {\n    vars['--color-background'] = colors.background;\n    vars['--color-foreground'] = colors.foreground;\n    vars['--color-muted'] = colors.muted;\n    vars['--color-muted-foreground'] = colors.mutedForeground;\n    vars['--color-border'] = colors.border;\n    vars['--color-primary'] = colors.primary;\n    vars['--color-primary-foreground'] = colors.primaryForeground;\n    vars['--color-destructive'] = colors.destructive;\n    vars['--color-destructive-foreground'] = colors.destructiveForeground;\n    // accent is a general semantic colour (content + sidebar); optional.\n    if (colors.accent !== undefined) vars['--color-accent'] = colors.accent;\n    if (colors.accentForeground !== undefined)\n      vars['--color-accent-foreground'] = colors.accentForeground;\n  }\n\n  // Sidebar colour tokens — same dark-mode rule as the core palette: with no\n  // `sidebarColorsDark`, leave the stylesheet `[data-theme='dark']` sidebar intact.\n  const sidebar = resolvedMode === 'dark' ? brand.sidebarColorsDark : brand.sidebarColors;\n  if (sidebar) {\n    const sidebarVars: Record<string, string | undefined> = {\n      '--color-sidebar': sidebar.sidebar,\n      '--color-sidebar-foreground': sidebar.sidebarForeground,\n      '--color-sidebar-primary': sidebar.sidebarPrimary,\n      '--color-sidebar-primary-foreground': sidebar.sidebarPrimaryForeground,\n      '--color-sidebar-accent': sidebar.sidebarAccent,\n      '--color-sidebar-accent-foreground': sidebar.sidebarAccentForeground,\n      '--color-sidebar-border': sidebar.sidebarBorder,\n      '--color-sidebar-ring': sidebar.sidebarRing,\n    };\n    for (const [name, value] of Object.entries(sidebarVars)) {\n      if (value !== undefined) vars[name] = value;\n    }\n  }\n\n  // Trim at the runtime boundary too: ThemeProvider applies this output without\n  // re-validating the schema, so a whitespace-only value must not emit\n  // `--font-sans` (it would defeat the `var(--font-sans, …)` fallback).\n  const fontFamily = brand.typography?.fontFamily?.trim();\n  if (fontFamily) {\n    vars['--font-sans'] = fontFamily;\n  }\n\n  if (brand.radii) {\n    vars['--radius-sm'] = brand.radii.sm;\n    vars['--radius-md'] = brand.radii.md;\n    vars['--radius-lg'] = brand.radii.lg;\n  }\n\n  return vars;\n};\n","import { type ReactNode, use, useEffect, useState } from 'react';\n\nimport { type Brand, keboola } from '@keboola/brand-registry';\n\nimport { TooltipProvider } from '../Tooltip';\n\nimport { AIGradientsSvg } from './AIGradientSvg';\nimport { brandToCssVars } from './brandToCssVars';\nimport { type ColorScheme, type ResolvedMode, ThemeContext } from './themeContext';\n\nconst DARK_QUERY = '(prefers-color-scheme: dark)';\n\nconst systemMode = (): ResolvedMode => {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return 'light';\n  return window.matchMedia(DARK_QUERY).matches ? 'dark' : 'light';\n};\n\ntype Props = {\n  /**\n   * Brand whose tokens drive the chrome (`@keboola/design`'s semantic CSS\n   * variables) inside this provider's subtree. Defaults to the canonical\n   * `keboola` brand so existing apps that mount `<ThemeProvider>` without a\n   * `brand` prop continue to render as today.\n   */\n  brand?: Brand;\n  /**\n   * Optional setter exposed through `useTheme()` so consumers can flip\n   * brands at runtime (Storybook toolbar, a customer-impersonation switch).\n   */\n  setBrand?: (brand: Brand) => void;\n  /**\n   * Light/dark mode. `'system'` follows `prefers-color-scheme` and updates\n   * reactively. Defaults to `'light'` so existing mounts don't drift. Only\n   * the ROOT provider applies this (sets `data-theme`, owns the media\n   * listener); a nested provider inherits the root's resolved mode.\n   */\n  colorScheme?: ColorScheme;\n  children: ReactNode;\n};\n\n/**\n * Responsibilities:\n * - ROOT only: render hidden SVG gradient definitions (`aigradient-600`,\n *   `aigradient-700`). The IDs are hardcoded, so a nested provider must not\n *   re-emit them or the document gains duplicate (HTML-invalid) IDs.\n * - Set `data-brand=\"<brand.id>\"` on `<html>` and inject the matching `--color-*` /\n *   `--radius-*` CSS variables (for the resolved light/dark mode) so chrome\n *   re-skins for the supplied brand.\n * - ROOT only: set `data-theme` (`light` | `dark`) on `<html>` and own the\n *   `prefers-color-scheme` media listener when `colorScheme === 'system'`.\n *   A nested provider inherits the resolved mode from the parent context and\n *   touches neither `data-theme` nor a media listener.\n * - Expose `{ brand, setBrand?, colorScheme, resolvedMode }` via `useTheme()`.\n * - ROOT only: mount a Radix `TooltipProvider` around the subtree so any\n *   `Tooltip` works without a separately-mounted provider. Nested providers\n *   inherit the root's `TooltipProvider` via context, so they add none of their\n *   own — this keeps a single delay group across the app (apps like kbc-ui mount\n *   dozens of scoped `ThemeProvider`s, so re-mounting a provider per subtree\n *   would fragment tooltip delay behavior). A consumer's own `TooltipProvider`\n *   still composes fine.\n *\n * Brand × mode: the active mode's palette is injected inline on `<html>`. When\n * the resolved mode is `dark` and the brand has no `colorsDark`, the colour\n * vars are NOT emitted — the stylesheet `[data-theme='dark']` block supplies\n * them, so no `!important` override is ever needed.\n *\n * `data-brand` (brand id) and `data-theme` (light/dark) are separate axes so\n * they compose without clobbering each other.\n */\nexport const ThemeProvider = ({\n  brand = keboola,\n  setBrand,\n  colorScheme = 'light',\n  children,\n}: Props) => {\n  const parent = use(ThemeContext);\n  const isRoot = parent === null;\n\n  // System mode is tracked only by the root; nested providers inherit the\n  // parent's resolved mode and never subscribe to media changes.\n  const [systemResolved, setSystemResolved] = useState<ResolvedMode>(systemMode);\n\n  useEffect(() => {\n    if (!isRoot || colorScheme !== 'system') return;\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return;\n    const mql = window.matchMedia(DARK_QUERY);\n    const onChange = (event: MediaQueryListEvent) =>\n      setSystemResolved(event.matches ? 'dark' : 'light');\n    // Re-sync in case the value changed between the lazy initializer and effect.\n    setSystemResolved(mql.matches ? 'dark' : 'light');\n    mql.addEventListener('change', onChange);\n    return () => mql.removeEventListener('change', onChange);\n  }, [isRoot, colorScheme]);\n\n  const ownMode: ResolvedMode = colorScheme === 'system' ? systemResolved : colorScheme;\n  // Nested providers inherit the root's resolved mode; the root uses its own.\n  const resolvedMode: ResolvedMode = isRoot ? ownMode : parent.resolvedMode;\n\n  // Root owns `data-theme` on `<html>`.\n  useEffect(() => {\n    if (!isRoot || typeof document === 'undefined') return;\n    const root = document.documentElement;\n    const previous = root.getAttribute('data-theme');\n    root.setAttribute('data-theme', resolvedMode);\n    return () => {\n      if (root.getAttribute('data-theme') !== resolvedMode) return;\n      if (previous === null) {\n        root.removeAttribute('data-theme');\n      } else {\n        root.setAttribute('data-theme', previous);\n      }\n    };\n  }, [isRoot, resolvedMode]);\n\n  // Every provider (root or nested) injects ITS brand's vars for the resolved mode.\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n    const root = document.documentElement;\n\n    // Capture the previous `data-brand` + per-property inline-style values\n    // so cleanup can restore them. Cleanup only restores values that\n    // weren't overwritten by some other provider in between — without that\n    // check, an inner provider unmounting after an outer one wrote new\n    // values would clobber the outer's brand back to bare `:root` (React\n    // runs child effects before parent effects on mount, so the inner's\n    // captured \"previous\" is stale by the time it unmounts).\n    const previousBrand = root.getAttribute('data-brand');\n    const vars = brandToCssVars(brand, resolvedMode);\n    const previousValues: Record<string, string> = {};\n    for (const name of Object.keys(vars)) {\n      previousValues[name] = root.style.getPropertyValue(name);\n    }\n\n    root.setAttribute('data-brand', brand.id);\n    for (const [name, value] of Object.entries(vars)) {\n      root.style.setProperty(name, value);\n    }\n\n    return () => {\n      for (const [name, previousValue] of Object.entries(previousValues)) {\n        // Only roll back if our value is still live — if someone else\n        // (an outer provider, a sibling) has since written a different\n        // value, leave it alone.\n        if (root.style.getPropertyValue(name) !== vars[name]) continue;\n        if (previousValue === '') {\n          root.style.removeProperty(name);\n        } else {\n          root.style.setProperty(name, previousValue);\n        }\n      }\n      if (root.getAttribute('data-brand') === brand.id) {\n        if (previousBrand === null) {\n          root.removeAttribute('data-brand');\n        } else {\n          root.setAttribute('data-brand', previousBrand);\n        }\n      }\n    };\n  }, [brand, resolvedMode]);\n\n  return (\n    <ThemeContext value={{ brand, setBrand, colorScheme, resolvedMode }}>\n      {/* ROOT only — the defs use hardcoded IDs; a nested provider re-emitting\n          them would produce duplicate, HTML-invalid element IDs. */}\n      {isRoot && <AIGradientsSvg />}\n      {/* ROOT only — a nested provider inherits the root's TooltipProvider via\n          context, so re-mounting one here would just fragment the delay group. */}\n      {isRoot ? <TooltipProvider>{children}</TooltipProvider> : children}\n    </ThemeContext>\n  );\n};\n","import type { ReactElement } from 'react';\nimport { render, type RenderOptions, type RenderResult } from '@testing-library/react';\n\nimport { type Brand, keboola } from '@keboola/brand-registry';\n\nimport { ThemeProvider } from '../components/ThemeProvider';\n\ntype Options = Omit<RenderOptions, 'wrapper'> & {\n  /** Brand to drive the wrapping `<ThemeProvider>`. Defaults to `keboola`. */\n  brand?: Brand;\n};\n\n/**\n * `@testing-library/react` `render` wrapped in a `<ThemeProvider brand={...}>`.\n *\n * Use in unit tests for any component that calls `useTheme()` or relies on\n * the brand-driven CSS variables. Defaults to the canonical Keboola brand so\n * callers can opt into a specific brand only when they need to assert\n * brand-dependent behaviour (e.g. chrome re-skins under `keboola-legacy`).\n */\nexport const renderWithTheme = (ui: ReactElement, options: Options = {}): RenderResult => {\n  const { brand = keboola, ...rest } = options;\n  return render(ui, {\n    ...rest,\n    wrapper: ({ children }) => <ThemeProvider brand={brand}>{children}</ThemeProvider>,\n  });\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keboola/design",
-  "version": "4.3.0",
+  "version": "4.3.2",
   "description": "Keboola UI platform design system — shadcn-aligned React primitives, Keboola-branded blocks, and the form bindings built on TanStack Form.",
   "license": "MIT",
   "type": "module",
@@ -158,8 +158,8 @@
     "typescript": "^6.0.3",
     "vite": "^8.0.16",
     "vitest": "^4.1.8",
-    "@keboola/oxlint-config": "^2.0.0",
     "@keboola/postcss-config": "^0.1.1",
+    "@keboola/oxlint-config": "^2.0.0",
     "@keboola/tsconfig": "^0.1.2"
   },
   "peerDependencies": {