@keboola/design 10.1.0 → 11.0.0

package/dist/testing.js

@@ -1,6 +1,11 @@
-import { ThemeProvider } from './chunk-C3L3TBBT.js';
-import { keboolaLegacyIds, ArgoDesignContext } from './chunk-63NSN2VL.js';
-import './chunk-JP7PNHLH.js';
+import { ThemeProvider } from './chunk-KTTLLKGQ.js';
+import './chunk-KR7NXXHC.js';
+import './chunk-SWQFYNYG.js';
+import './chunk-3W27OLK5.js';
+import './chunk-MODE4QIA.js';
+import { keboolaLegacyIds, ArgoDesignContext } from './chunk-WETKNYZX.js';
+import './chunk-LXLIQ2D6.js';
+import './chunk-G3PMV62Z.js';
 import { render } from '@testing-library/react';
 import { keboola } from '@keboola/brand-registry';
 import { jsx } from 'react/jsx-runtime';

package/dist/testing.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/testing/renderWithTheme.tsx"],"names":[],"mappings":";;;;;;;AA2BO,IAAM,eAAA,GAAkB,CAAC,EAAA,EAAkB,OAAA,GAAmB,EAAC,KAAoB;AACxF,EAAA,MAAM,EAAE,KAAA,GAAQ,OAAA,EAAS,GAAG,MAAK,GAAI,OAAA;AACrC,EAAA,MAAM,MAAA,GAAS,CAAC,gBAAA,CAAiB,QAAA,CAAS,MAAM,EAAE,CAAA;AAClD,EAAA,OAAO,OAAO,EAAA,EAAI;AAAA,IAChB,GAAG,IAAA;AAAA,IACH,SAAS,CAAC,EAAE,UAAS,qBACnB,GAAA,CAAC,iBAAc,MAAA,EAAQ,CAAC,KAAK,CAAA,EAAG,OAAA,EAAS,MAAM,EAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,qBAAkB,KAAA,EAAO,MAAA,EAAS,UAAS,CAAA,EAC9C;AAAA,GAEH,CAAA;AACH","file":"testing.js","sourcesContent":["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 { ArgoDesignContext, ThemeProvider } from '../components/ThemeProvider';\nimport { keboolaLegacyIds } from '../components/ThemeProvider/defaults';\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 *\n * `ThemeProvider` no longer drives the argo/legacy design language (that is\n * kbc-ui-specific), so this helper also provides `ArgoDesignContext` derived\n * from the brand — a legacy brand renders legacy chrome, any other renders\n * argo — matching how kbc-ui wires it, so brand-dependent chrome tests keep\n * working through a single `brand` option.\n */\nexport const renderWithTheme = (ui: ReactElement, options: Options = {}): RenderResult => {\n  const { brand = keboola, ...rest } = options;\n  const isArgo = !keboolaLegacyIds.includes(brand.id);\n  return render(ui, {\n    ...rest,\n    wrapper: ({ children }) => (\n      <ThemeProvider brands={[brand]} brandId={brand.id}>\n        <ArgoDesignContext value={isArgo}>{children}</ArgoDesignContext>\n      </ThemeProvider>\n    ),\n  });\n};\n"]}
+{"version":3,"sources":["../src/testing/renderWithTheme.tsx"],"names":[],"mappings":";;;;;;;;;;;;AA2BO,IAAM,eAAA,GAAkB,CAAC,EAAA,EAAkB,OAAA,GAAmB,EAAC,KAAoB;AACxF,EAAA,MAAM,EAAE,KAAA,GAAQ,OAAA,EAAS,GAAG,MAAK,GAAI,OAAA;AACrC,EAAA,MAAM,MAAA,GAAS,CAAC,gBAAA,CAAiB,QAAA,CAAS,MAAM,EAAE,CAAA;AAClD,EAAA,OAAO,OAAO,EAAA,EAAI;AAAA,IAChB,GAAG,IAAA;AAAA,IACH,SAAS,CAAC,EAAE,UAAS,qBACnB,GAAA,CAAC,iBAAc,MAAA,EAAQ,CAAC,KAAK,CAAA,EAAG,OAAA,EAAS,MAAM,EAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,qBAAkB,KAAA,EAAO,MAAA,EAAS,UAAS,CAAA,EAC9C;AAAA,GAEH,CAAA;AACH","file":"testing.js","sourcesContent":["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 { ArgoDesignContext, ThemeProvider } from '../components/ThemeProvider';\nimport { keboolaLegacyIds } from '../components/ThemeProvider/defaults';\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 *\n * `ThemeProvider` no longer drives the argo/legacy design language (that is\n * kbc-ui-specific), so this helper also provides `ArgoDesignContext` derived\n * from the brand — a legacy brand renders legacy chrome, any other renders\n * argo — matching how kbc-ui wires it, so brand-dependent chrome tests keep\n * working through a single `brand` option.\n */\nexport const renderWithTheme = (ui: ReactElement, options: Options = {}): RenderResult => {\n  const { brand = keboola, ...rest } = options;\n  const isArgo = !keboolaLegacyIds.includes(brand.id);\n  return render(ui, {\n    ...rest,\n    wrapper: ({ children }) => (\n      <ThemeProvider brands={[brand]} brandId={brand.id}>\n        <ArgoDesignContext value={isArgo}>{children}</ArgoDesignContext>\n      </ThemeProvider>\n    ),\n  });\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keboola/design",
-  "version": "10.1.0",
+  "version": "11.0.0",
   "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",
@@ -146,9 +146,9 @@
     "typescript": "npm:@typescript/typescript6@^6.0.2",
     "vite": "^8.1.5",
     "vitest": "^4.1.10",
-    "@keboola/oxlint-config": "^10.0.1",
+    "@keboola/vitest-config": "^1.0.0",
     "@keboola/tsconfig": "^0.2.0",
-    "@keboola/vitest-config": "^1.0.0"
+    "@keboola/oxlint-config": "^10.0.1"
   },
   "peerDependencies": {
     "@testing-library/react": "^16.3.2",
@@ -233,9 +233,9 @@
     "remark-gfm": "^4.0.1",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.6.0",
-    "@keboola/brand-registry": "^1.8.0",
-    "@keboola/codemirror-lang-sql": "^0.6.0",
-    "@keboola/tailwind-config": "^1.0.2"
+    "@keboola/codemirror-lang-sql": "^0.7.0",
+    "@keboola/tailwind-config": "^1.1.0",
+    "@keboola/brand-registry": "^1.9.1"
   },
   "scripts": {
     "dev": "storybook dev -p \"${PORT:-6006}\"",
@@ -257,13 +257,14 @@
     "lint:format": "oxfmt --check",
     "lint:oxlint": "oxlint . --quiet",
     "lint:design": "designmd lint DESIGN.md",
-    "ci-checks": "pnpm check:api && pnpm check:icons && pnpm size",
+    "ci-checks": "pnpm check:api && pnpm check:icons && pnpm check:contrast && pnpm size",
     "size": "size-limit",
     "generate:api": "tsx scripts/generate-component-api.ts",
     "check:api": "tsx scripts/generate-component-api.ts --check",
     "audit:contrast": "tsx scripts/contrast-audit.ts",
     "type-check": "tsc",
     "generate:icons": "tsx scripts/generate-icon-exports.ts",
-    "check:icons": "tsx scripts/generate-icon-exports.ts && git diff --exit-code -- src/icons/index.ts"
+    "check:icons": "tsx scripts/generate-icon-exports.ts && git diff --exit-code -- src/icons/index.ts",
+    "check:contrast": "tsx scripts/contrast-audit.ts && git diff --exit-code -- CONTRAST-AUDIT.md"
   }
 }

package/src/styles.css

@@ -13,10 +13,16 @@
 @import 'react-day-picker/src/style.css';
 @import './theme.css';
 
-/* Tokens, the (extended) theme, typography + our custom variants/utilities stay
- * in JS, loaded via v4's `@config` bridge — this keeps `colors.ts` and the
- * ThemeProvider/brand runtime-swap model unchanged (channel triples consumed as
- * `rgb(var(--*) / <alpha>)`). */
+/* Test files name utility classes as data — `customUtilities.test.ts` compiles every custom
+ * utility by name, `brandNeutrality.test.ts` spells out colour literals — and v4 scans them like
+ * any other source, emitting those candidates into the bundle apps ship. Nothing a test alone
+ * mentions belongs in it. */
+@source not '**/*.test.{ts,tsx}';
+
+/* The remaining v3 token surface plus typography and scroll-fade stay in JS, loaded
+ * via v4's `@config` bridge — this keeps `colors.ts` and the ThemeProvider/brand
+ * runtime-swap model unchanged (channel triples consumed as `rgb(var(--*) / <alpha>)`).
+ * Anything an app authors belongs in `theme.css` instead: this bridge is design-only. */
 @config '../tailwind.config.js';
 
 /* Scoped, opt-in preflight — the v4 replacement for v3's
@@ -31,7 +37,7 @@
 /*
  * Semantic color tokens — read by Tailwind via rgb(var(--*) / <alpha-value>) in
  * packages/tailwind-config/colors.ts. Channel values are stored as space-separated RGB so
- * Tailwind opacity modifiers (e.g. `tw-bg-muted/50`) resolve correctly.
+ * Tailwind opacity modifiers (e.g. `tw:bg-muted/50`) resolve correctly.
  * Primitive scales (neutral-*, primary-*, error-*, warning-*, etc.) remain hardcoded in colors.ts.
  */
 :root {
@@ -119,6 +125,14 @@
      with a black shadow so it doesn't read as a light halo on dark surfaces. */
   --shadow-raised: 0 2px 6px 0 rgb(100 135 153 / 0.13);
 
+  /* Runtime mirrors of the `shadow-card` / `shadow-table` @theme tokens, so a rule
+     can read `var(--shadow-card)` and follow the colour scheme. Declared here rather
+     than left to @theme: v4 inlines an @theme value into the utility it generates and
+     emits no custom property for it, so `var(--shadow-table)` would resolve to nothing
+     and drop the shadow entirely. Values match theme.css; the dark block overrides both. */
+  --shadow-card: 0px 1px 4px rgb(100 135 153 / 0.15);
+  --shadow-table: 0px 6px 6px -4px rgb(100 135 153 / 0.13);
+
   /* Typography pairing — display + mono faces; a brand overrides via
      `theme.typography.fontDisplay` / `fontMono`. Display defaults to the body
      face (`--font-sans`), then the canonical Inter stack, so unset brands keep
@@ -250,6 +264,20 @@
      blue-gray, which reads as a halo around Card / Search on dark surfaces. */
   --shadow-raised: 0 2px 6px 0 rgb(0 0 0 / 0.4);
 
+  /* Same correction for the two elevation tokens apps author directly — the pale
+     blue-gray lights up against a dark surface instead of reading as depth, and under
+     a sticky table header it read as a glowing seam. `--shadow-table` is softer than
+     `--shadow-raised` because the header casts a full-width band.
+
+     Reaches rules that read `var(--shadow-table)` / `var(--shadow-card)` directly,
+     which is how kbc-ui's Less consumes them. It does NOT reach the `shadow-table` /
+     `shadow-card` Tailwind utilities: those are `@theme` tokens (theme.css), so v4
+     inlines the light literal into the generated class at build time. Making the
+     utilities scheme-aware needs the token to carry a `var(--runtime, fallback)`
+     shape, which is a separate change with control-ui / boilerplate to verify against. */
+  --shadow-card: 0px 1px 4px rgb(0 0 0 / 0.4);
+  --shadow-table: 0px 6px 6px -4px rgb(0 0 0 / 0.3);
+
   /* Table header — lighter than card so the header row reads as raised on dark
      (light value is the tailwind-config fallback: 219 225 235). */
   --table-header: 54 55 65;
@@ -292,8 +320,8 @@
   html {
     /* Brand font opt-in: a brand's `typography.fontFamily` is injected as
        `--font-sans` by ThemeProvider and inherited from `html`; absent a brand
-       the fallback reproduces the canonical `tw-font-sans` stack so default
-       rendering is unchanged. Elements that set `tw-font-sans` explicitly also
+       the fallback reproduces the canonical `tw:font-sans` stack so default
+       rendering is unchanged. Elements that set `tw:font-sans` explicitly also
        follow the brand — the Tailwind `fontFamily.sans` scale reads `--font-sans`
        with the same `Inter` fallback. */
     font-family: var(

package/src/theme.css

@@ -11,6 +11,20 @@
  * design AND every v4 app) so those utilities resolve again. Each token keeps the
  * v3 `var(--runtime-var, fallback)` shape so `ThemeProvider` can still re-skin it. */
 @theme {
+  /* Body face — `font-sans`. Design keeps the v3 `fontFamily.sans` scale through its
+   * `@config` bridge, but the apps have no such bridge, so there `font-sans` resolved
+   * to v4's stock stack: no `Inter`, no brand hook. Every element that sets the
+   * utility explicitly (top-bar nav, inputs, menu descriptions) therefore rendered in
+   * a system face while its siblings inherited Inter from `html`. Re-registering the
+   * token restores the v3 value: the brand's `--font-sans` (emitted by ThemeProvider)
+   * first, then the canonical Inter stack. Safe as a @theme token because the emitted
+   * name is prefixed (`--tw-font-sans`) and so cannot cycle with the runtime var it
+   * reads — unlike `font-display`, which must stay an @utility. */
+  --font-sans:
+    var(--font-sans, Inter), system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+    'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+    'Segoe UI Symbol', 'Noto Color Emoji';
+
   /* Legacy Bootstrap-era breakpoints (screens). */
   --breakpoint-sm-legacy: 992px;
   --breakpoint-md-legacy: 1092px;
@@ -32,6 +46,12 @@
   --shadow-table: 0px 6px 6px -4px rgba(100, 135, 153, 0.13);
   --radius-card: 10px;
 
+  /* Raised-surface elevation — `shadow-raised`. Dark-aware: `styles.css` flips the runtime
+   * `--shadow-raised` to a black shadow under `[data-theme='dark']`. Reading a var of the same
+   * name is safe here because the emitted token is prefixed (`--tw-shadow-raised`), so the two
+   * cannot cycle — same reasoning as `--font-sans` above. */
+  --shadow-raised: var(--shadow-raised, 0 2px 6px 0 rgb(100 135 153 / 0.13));
+
   /* Brand easing — `ease-brand`. The runtime override var (`--motion-easing`) differs from
    * this @theme token name, so registering it here drops no fallback (unlike bg-brand /
    * shadow-lift, whose runtime var name collides → they stay @utility below). */
@@ -41,6 +61,12 @@
   --animate-progress-bar: progress-bar var(--progress-bar-duration, 3s) linear forwards;
   --animate-spinner-dots: spinner-dots 1s ease-in-out infinite;
   --animate-marching-ants: marching-ants 1s linear infinite;
+
+  /* Collapsible disclosure — keyframes below. `tw-animate-css` owns `collapsible-down`/`-up`
+   * and every app imports it unlayered, so those two names are unusable here.
+   * 300ms `ease` is the motion the retired `Collapse` had. */
+  --animate-collapsible-open: collapsible-open 300ms ease;
+  --animate-collapsible-close: collapsible-close 300ms ease;
 }
 
 @keyframes progress-bar {
@@ -68,6 +94,29 @@
     stroke-dashoffset: -12;
   }
 }
+/* `overflow` animates discretely — it flips mid-animation, so both endpoints must clip for the
+ * content to stay inside the box the whole way. No fill mode, so a settled-open panel is back to
+ * its own `overflow: visible` at its own height. */
+@keyframes collapsible-open {
+  from {
+    height: 0;
+    overflow: hidden;
+  }
+  to {
+    height: var(--radix-collapsible-content-height);
+    overflow: hidden;
+  }
+}
+@keyframes collapsible-close {
+  from {
+    height: var(--radix-collapsible-content-height);
+    overflow: hidden;
+  }
+  to {
+    height: 0;
+    overflow: hidden;
+  }
+}
 
 /* Fallback-chain utilities (kept as @utility, not @theme, so the runtime-var +
  * fallback chain is preserved exactly as v3 emitted it — a @theme token whose name
@@ -100,6 +149,21 @@
     sans-serif;
 }
 
+/* Interaction-state variant — `not-disabled:hover:…`. Skips BOTH ways a control reports being
+ * disabled; v4's core `not-*` compound reads the same name as `:not(:disabled)` alone, so this
+ * deliberately shadows it. That shadowing is why the variant has to live here and not in an
+ * `addVariant` in design's `@config` plugin: an app's own build has no bridge to that plugin, so
+ * it fell through to the core variant and silently dropped the `data-disabled` half — every
+ * `tw:not-disabled:*` class kbc-ui authors that design's compiled CSS did not already carry
+ * still highlighted a `[data-disabled="true"]` control on hover and focus. */
+@custom-variant not-disabled (&:not([data-disabled="true"]):not(:disabled));
+
+/* `overflow-wrap: anywhere` — no v4 core utility covers it (`break-words` is `break-word`,
+ * which keeps long unbroken tokens overflowing). Authored in 16 app files. */
+@utility break-anywhere {
+  overflow-wrap: anywhere;
+}
+
 @theme inline {
   --color-inherit: inherit;
   --color-transparent: rgba(255, 255, 255, 0);

package/dist/MermaidDiagram-EOKJHQQV.js

@@ -1,10 +0,0 @@
-export { MermaidDiagram } from './chunk-KPNAW5MU.js';
-import './chunk-IJTHFNNJ.js';
-import './chunk-VPPM7UUQ.js';
-import './chunk-L37JJ6MR.js';
-import './chunk-CTCFYWJC.js';
-import './chunk-BOHNXTMM.js';
-import './chunk-63NSN2VL.js';
-import './chunk-JP7PNHLH.js';
-//# sourceMappingURL=MermaidDiagram-EOKJHQQV.js.map
-//# sourceMappingURL=MermaidDiagram-EOKJHQQV.js.map

package/dist/chunk-63NSN2VL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ThemeProvider/utils.ts","../src/components/ThemeProvider/defaults.ts","../src/components/ThemeProvider/context.tsx","../src/constants/keyCodes.ts","../src/components/Tooltip/TooltipContent.tsx","../src/components/Tooltip/TooltipRoot.tsx","../src/components/Tooltip/TooltipTrigger.tsx","../src/components/Tooltip/Tooltip.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-63NSN2VL.js","sourcesContent":["import type { Brand } from '@keboola/brand-registry';\n\nimport type { Theme } from './types';\n\nexport const createTheme = (brand: Brand): Theme => ({\n  id: brand.id,\n  name: brand.name,\n  shell: brand.shell,\n  logo: brand.logo,\n});\n\nexport type CssVars = {\n  set: (name: string, value: string | undefined) => void;\n  expose: () => Record<string, string>;\n};\n\nexport const createCssVars = (): CssVars => {\n  const vars: Record<string, string> = {};\n  return {\n    set: (name, value) => {\n      if (value !== undefined) vars[name] = value;\n    },\n    expose: () => ({ ...vars }),\n  };\n};\n","import type { Brand } from '@keboola/brand-registry';\nimport { keboolaLegacySidebar, keboolaLegacyTopnav } from '@keboola/brand-registry';\n\nimport type { ResolvedColorScheme } from './types';\nimport { createTheme } from './utils';\n\nexport const keboolaLegacyIds = [keboolaLegacySidebar.id, keboolaLegacyTopnav.id];\nexport const DEFAULT_COLOR_SCHEME: ResolvedColorScheme = 'light';\n\n// Sentinel active-brand id that maps to no registry brand. It resolves to\n// `defaultBrand` below, whose empty theme injects nothing — so the design-system\n// stylesheet defaults (`:root` / `[data-theme='dark']`) provide every token.\nexport const DEFAULT_BRAND_ID = 'design-system';\n\n// The \"no brand\" fallback: an empty theme → no CSS vars injected → the\n// stylesheet defaults win. Its shell/name still drive AppShell + switcher label.\nexport const defaultBrand: Brand = {\n  id: DEFAULT_BRAND_ID,\n  name: 'Design System',\n  shell: 'sidebar',\n  theme: {},\n};\nexport const defaultTheme = createTheme(defaultBrand);\n\nexport const DEFAULT_BRANDS: Brand[] = [];\n","import { createContext, use } from 'react';\n\nimport { DEFAULT_COLOR_SCHEME, defaultTheme } from './defaults';\nimport type { Theme } from './types';\nimport type { useBrandState } from './useBrandState';\nimport type { useColorSchemeState } from './useColorSchemeState';\n\nexport type ThemeContextValue = ReturnType<typeof useColorSchemeState> &\n  ReturnType<typeof useBrandState> & {\n    themes: Theme[];\n    currentTheme: Theme;\n  };\n\nconst noop = () => void 0;\n\nconst defaultContext: ThemeContextValue = {\n  scheme: DEFAULT_COLOR_SCHEME,\n  resolvedScheme: DEFAULT_COLOR_SCHEME,\n  setScheme: noop,\n  brandId: defaultTheme.id,\n  setBrand: noop,\n\n  themes: [defaultTheme],\n  currentTheme: defaultTheme,\n};\n\nexport const ThemeContext = createContext(defaultContext);\n\nexport const useTheme = () => use(ThemeContext);\n\n/**\n * TEMPORARY — kbc-ui-internal only.\n *\n * Flags whether the subtree renders the argo design language. Defaults to argo\n * (`true`) — the modern default; legacy chrome is the exception. It exists\n * solely to bridge kbc-ui while its chrome is migrated off the legacy design\n * language: kbc-ui provides `false` for legacy brands/surfaces (see its\n * `AppThemeProvider`) and reads it via `useArgoDesign`. `ThemeProvider` does\n * not set it — argo is decoupled from the brand. Once every kbc-ui surface has\n * been migrated, this context and its hook can be deleted.\n */\nexport const ArgoDesignContext = createContext<boolean>(true);\n\nexport const useArgoDesign = () => use(ArgoDesignContext);\n","export const keyCodes = {\n  ENTER: 'Enter',\n  ESCAPE: 'Escape',\n  SPACE: ' ',\n};\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 { useArgoDesign } from '../ThemeProvider/context';\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    'tw:data-[argo=true]:rounded-2xl',\n    'tw:data-[argo=true]:border',\n    'tw:data-[argo=true]:border-solid',\n    'tw:data-[argo=true]:border-border',\n    'tw:data-[argo=true]:bg-popover',\n    'tw:data-[argo=true]:text-popover-foreground',\n    'tw:data-[argo=true]:shadow-md',\n\n    // argo open animation\n    'tw:data-[argo=true]:data-[state=delayed-open]:animate-in',\n    'tw:data-[argo=true]:data-[state=instant-open]:animate-in',\n    'tw:data-[argo=true]:data-[state=delayed-open]:fade-in-0',\n    'tw:data-[argo=true]:data-[state=instant-open]:fade-in-0',\n    'tw:data-[argo=true]:data-[state=delayed-open]:zoom-in-95',\n    'tw:data-[argo=true]:data-[state=instant-open]:zoom-in-95',\n\n    // argo closed animation\n    'tw:data-[argo=true]:data-[state=closed]:animate-out',\n    'tw:data-[argo=true]:data-[state=closed]:fade-out-0',\n    'tw:data-[argo=true]:data-[state=closed]:zoom-out-95',\n\n    // argo position animation\n    'tw:data-[argo=true]:data-[side=bottom]:slide-in-from-top-2',\n    'tw:data-[argo=true]:data-[side=left]:slide-in-from-right-2',\n    'tw:data-[argo=true]:data-[side=right]:slide-in-from-left-2',\n    'tw:data-[argo=true]:data-[side=top]: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          // Legacy chrome uppercases the action tooltip; the Keboola V2 brand\n          // (`data-brand=\"keboola\"`) renders it in standard case instead.\n          'tw:uppercase',\n          'tw:tracking-wider',\n          'tw:[[data-brand=keboola]_&]:normal-case',\n          'tw:[[data-brand=keboola]_&]:tracking-normal',\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 renderArgo = useArgoDesign();\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 { ComponentProps } from 'react';\nimport { Root } from '@radix-ui/react-tooltip';\n\ntype Props = ComponentProps<typeof Root>;\n\nconst DELAY_SHOW_TOOLTIP = 300;\n\nexport const TooltipRoot = ({ children, delayDuration = DELAY_SHOW_TOOLTIP, ...rest }: Props) => (\n  <Root {...rest} delayDuration={delayDuration}>\n    {children}\n  </Root>\n);\n","import type { ComponentProps } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { Trigger } from '@radix-ui/react-tooltip';\n\nimport { cn } from '../../utils';\n\n/**\n * Radix stamps the tooltip's own open/closed `data-state` onto the trigger. Merged onto an\n * `asChild` child that keeps a `data-state` of its own — `ToggleGroup.Item`, `Switch`, a `Tabs`\n * trigger — it wins, because those primitives spread incoming props *after* their own attribute.\n * The child then silently loses every `data-[state=…]` style it has, which is usually the only\n * thing marking it as selected.\n *\n * The tooltip's trigger state is styled nowhere, so it is dropped before it reaches the child.\n */\nconst WithoutTooltipState = ({\n  children,\n  ...props\n  // `Slot`'s own props, plus the one attribute this exists to remove: React's types declare no\n  // `data-*`, so it has to be named to be destructured away.\n}: ComponentProps<typeof Slot> & { 'data-state'?: string }) => {\n  const { 'data-state': _tooltipState, ...rest } = props;\n\n  return <Slot {...rest}>{children}</Slot>;\n};\n\ntype Props = {\n  keepOpenOnClick?: boolean;\n} & ComponentProps<typeof Trigger>;\n\nexport const TooltipTrigger = ({\n  ref,\n  children,\n  className,\n  keepOpenOnClick = false,\n  onClick,\n  onPointerDown,\n  asChild,\n  ...rest\n}: Props) => {\n  const handleClick: ComponentProps<typeof Trigger>['onClick'] = (event) => {\n    if (keepOpenOnClick) event.preventDefault();\n    onClick?.(event);\n  };\n\n  const handlePointerDown: ComponentProps<typeof Trigger>['onPointerDown'] = (event) => {\n    if (keepOpenOnClick) event.preventDefault();\n    onPointerDown?.(event);\n  };\n\n  return (\n    <Trigger\n      {...rest}\n      asChild\n      ref={ref}\n      className={cn('tailwindcss-preflight', className)}\n      onClick={handleClick}\n      onPointerDown={handlePointerDown}\n    >\n      {asChild ? (\n        <WithoutTooltipState>{children}</WithoutTooltipState>\n      ) : (\n        // Default-mode trigger wraps children in a span so Radix has a\n        // single DOM element to attach handlers to. `tailwindcss-preflight`\n        // (merged in via Slot) activates Tailwind's preflight inside the\n        // span, which sets `svg { display: block }` — without an inline-flex\n        // container that would stack any bare Lucide icon onto its own\n        // line. `tw:inline-flex tw:items-center` keeps icon + text aligned.\n        <span className=\"tw:inline-flex tw:items-center\">{children}</span>\n      )}\n    </Trigger>\n  );\n};\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  /** Hover delay before the tooltip opens, in ms. Defaults to the shared 300ms. */\n  delayDuration?: number;\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  delayDuration,\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      delayDuration={delayDuration}\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"]}