@d4gger/design-system 2.7.0 → 3.0.0

package/dist/components/themeProvider/ThemeScript.js

@@ -32,7 +32,7 @@ function getThemeInitScript(options) {
     radius: defaultRadius,
     scaling: defaultScaling
   };
-  return `(function(){try{var k=${JSON.stringify(storageKey)};var d=${JSON.stringify(defaults)};var validAccent=${JSON.stringify(ACCENT_COLOR_VALUES)};var s=null;try{var r=window.localStorage.getItem(k);if(r)s=JSON.parse(r);}catch(e){}var storedAccent=(s&&s.accentColor&&validAccent.indexOf(s.accentColor)!==-1)?s.accentColor:null;var dims={mode:(s&&s.mode)||d.mode,density:(s&&s.density)||d.density,scaling:(s&&s.scaling)||d.scaling,accentColor:storedAccent||d.accentColor,grayColor:(s&&s.grayColor)||d.grayColor,radius:(s&&s.radius)||d.radius,panelBackground:(s&&s.panelBackground)||d.panelBackground};var m=dims.mode;if(m==="system"){m=(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches)?"dark":"light";}var root=document.documentElement;root.setAttribute("data-dsx-theme",m);root.setAttribute("data-dsx-density",dims.density);root.setAttribute("data-dsx-scaling",dims.scaling);root.setAttribute("data-accent-color",dims.accentColor);root.setAttribute("data-gray-color",dims.grayColor);root.setAttribute("data-radius",dims.radius);root.setAttribute("data-panel-background",dims.panelBackground);root.setAttribute("data-has-background","true");root.style.colorScheme=m;}catch(e){}})();`;
+  return `(function(){try{var k=${JSON.stringify(storageKey)};var d=${JSON.stringify(defaults)};var validAccent=${JSON.stringify(ACCENT_COLOR_VALUES)};var s=null;try{var r=window.localStorage.getItem(k);if(r)s=JSON.parse(r);}catch(e){}var storedAccent=(s&&s.accentColor&&validAccent.indexOf(s.accentColor)!==-1)?s.accentColor:null;var dims={mode:(s&&s.mode)||d.mode,density:(s&&s.density)||d.density,scaling:(s&&s.scaling)||d.scaling,accentColor:storedAccent||d.accentColor,grayColor:(s&&s.grayColor)||d.grayColor,radius:(s&&s.radius)||d.radius,panelBackground:(s&&s.panelBackground)||d.panelBackground};var m=dims.mode;if(m==="system"){var tgScheme;try{tgScheme=window.Telegram&&window.Telegram.WebApp&&window.Telegram.WebApp.colorScheme;}catch(e){}if(tgScheme==="light"||tgScheme==="dark"){m=tgScheme;}else{m=(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches)?"dark":"light";}}var root=document.documentElement;root.setAttribute("data-dsx-theme",m);root.setAttribute("data-dsx-density",dims.density);root.setAttribute("data-dsx-scaling",dims.scaling);root.setAttribute("data-accent-color",dims.accentColor);root.setAttribute("data-gray-color",dims.grayColor);root.setAttribute("data-radius",dims.radius);root.setAttribute("data-panel-background",dims.panelBackground);root.setAttribute("data-has-background","true");root.style.colorScheme=m;}catch(e){}})();`;
 }
 function ThemeScript({ nonce, ...options }) {
   return /* @__PURE__ */ jsx(

package/dist/components/themeProvider/ThemeScript.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/themeProvider/ThemeScript.tsx"],
-  "sourcesContent": ["import { ACCENT_COLOR_VALUES } from '../../_internal/constants'\nimport {\n  type ThemeAccentColor,\n  type ThemeGrayColor,\n  type ThemePanelBackground,\n  type ThemeRadius,\n  type ThemeScaling,\n} from '../../foundations/Theme'\n\nimport { type ThemePreference } from './themeProvider.props'\n\nexport type ThemeScriptOptions = {\n  defaultAccentColor?: ThemeAccentColor\n  defaultDensity?: 'comfortable' | 'compact'\n  defaultGrayColor?: ThemeGrayColor\n  defaultPanelBackground?: ThemePanelBackground\n  defaultRadius?: ThemeRadius\n  defaultScaling?: ThemeScaling\n  defaultTheme?: ThemePreference\n  storageKey: string\n}\n\nconst SCRIPT_DEFAULTS: Required<Omit<ThemeScriptOptions, 'storageKey'>> = {\n  defaultAccentColor: 'rift',\n  defaultDensity: 'comfortable',\n  defaultGrayColor: 'auto',\n  defaultPanelBackground: 'translucent',\n  defaultRadius: 'md',\n  defaultScaling: '100',\n  defaultTheme: 'system',\n}\n\n/**\n * Returns the JS source for a blocking, pre-hydration script that reads the\n * same storageKey ThemeProvider persists to (falling back to matchMedia for\n * `system`) and applies the document attribute contract to `<html>` before\n * first paint. `document.body` does not exist yet when this runs in <head>;\n * ThemeProvider's own mount-time effect mirrors the same attributes onto\n * `<body>` once it exists \u2014 see ThemeProvider.tsx.\n */\nexport function getThemeInitScript(options: ThemeScriptOptions): string {\n  const {\n    storageKey,\n    defaultAccentColor = SCRIPT_DEFAULTS.defaultAccentColor,\n    defaultDensity = SCRIPT_DEFAULTS.defaultDensity,\n    defaultGrayColor = SCRIPT_DEFAULTS.defaultGrayColor,\n    defaultPanelBackground = SCRIPT_DEFAULTS.defaultPanelBackground,\n    defaultRadius = SCRIPT_DEFAULTS.defaultRadius,\n    defaultScaling = SCRIPT_DEFAULTS.defaultScaling,\n    defaultTheme = SCRIPT_DEFAULTS.defaultTheme,\n  } = options\n\n  const defaults = {\n    accentColor: defaultAccentColor,\n    density: defaultDensity,\n    grayColor: defaultGrayColor,\n    mode: defaultTheme,\n    panelBackground: defaultPanelBackground,\n    radius: defaultRadius,\n    scaling: defaultScaling,\n  }\n\n  // Kept as a plain string (not a template literal interpolating live values)\n  // so JSON.stringify is the only thing crossing the JS/string boundary \u2014\n  // storageKey and defaults are trusted app config, never user input, but\n  // this keeps the emitted script free of unescaped interpolation regardless.\n  return `(function(){try{` +\n    `var k=${JSON.stringify(storageKey)};` +\n    `var d=${JSON.stringify(defaults)};` +\n    `var validAccent=${JSON.stringify(ACCENT_COLOR_VALUES)};` +\n    `var s=null;` +\n    `try{var r=window.localStorage.getItem(k);if(r)s=JSON.parse(r);}catch(e){}` +\n    // A previous accent-tier naming scheme (amber/silver/bronze) can still be\n    // sitting in a returning user's localStorage. Reject anything not in the\n    // current allowlist so a stale value can't drive data-accent-color into\n    // a state with no matching CSS override block.\n    `var storedAccent=(s&&s.accentColor&&validAccent.indexOf(s.accentColor)!==-1)?s.accentColor:null;` +\n    `var dims={` +\n    `mode:(s&&s.mode)||d.mode,` +\n    `density:(s&&s.density)||d.density,` +\n    `scaling:(s&&s.scaling)||d.scaling,` +\n    `accentColor:storedAccent||d.accentColor,` +\n    `grayColor:(s&&s.grayColor)||d.grayColor,` +\n    `radius:(s&&s.radius)||d.radius,` +\n    `panelBackground:(s&&s.panelBackground)||d.panelBackground` +\n    `};` +\n    `var m=dims.mode;` +\n    `if(m===\"system\"){m=(window.matchMedia&&window.matchMedia(\"(prefers-color-scheme: dark)\").matches)?\"dark\":\"light\";}` +\n    `var root=document.documentElement;` +\n    `root.setAttribute(\"data-dsx-theme\",m);` +\n    `root.setAttribute(\"data-dsx-density\",dims.density);` +\n    `root.setAttribute(\"data-dsx-scaling\",dims.scaling);` +\n    `root.setAttribute(\"data-accent-color\",dims.accentColor);` +\n    `root.setAttribute(\"data-gray-color\",dims.grayColor);` +\n    `root.setAttribute(\"data-radius\",dims.radius);` +\n    `root.setAttribute(\"data-panel-background\",dims.panelBackground);` +\n    `root.setAttribute(\"data-has-background\",\"true\");` +\n    `root.style.colorScheme=m;` +\n    `}catch(e){}})();`\n}\n\nexport type ThemeScriptProps = ThemeScriptOptions & {\n  nonce?: string\n}\n\n/**\n * Place inside the SSR document <head>, before any content that reads theme\n * tokens \u2014 e.g. Next.js `app/layout.tsx`'s `<head>`, or a custom `_document`.\n * Pass the same `storageKey` (and any `default*` overrides) given to\n * ThemeProvider so both read/write the identical stored-preference schema.\n * The host `<html>` element needs `suppressHydrationWarning` since this\n * script sets attributes on it before React hydrates.\n */\nexport function ThemeScript({ nonce, ...options }: ThemeScriptProps) {\n  return (\n    <script\n      nonce={nonce}\n      // eslint-disable-next-line react/no-danger -- static, options-derived script; no user input crosses this boundary\n      dangerouslySetInnerHTML={{ __html: getThemeInitScript(options) }}\n    />\n  )\n}\n"],
-  "mappings": "AAAA,SAAS,2BAA2B;AACpC;AAAA,OAMO;AAEP,eAAqC;AA0GjC;AA7FJ,MAAM,kBAAoE;AAAA,EACxE,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,cAAc;AAChB;AAUO,SAAS,mBAAmB,SAAqC;AACtE,QAAM;AAAA,IACJ;AAAA,IACA,qBAAqB,gBAAgB;AAAA,IACrC,iBAAiB,gBAAgB;AAAA,IACjC,mBAAmB,gBAAgB;AAAA,IACnC,yBAAyB,gBAAgB;AAAA,IACzC,gBAAgB,gBAAgB;AAAA,IAChC,iBAAiB,gBAAgB;AAAA,IACjC,eAAe,gBAAgB;AAAA,EACjC,IAAI;AAEJ,QAAM,WAAW;AAAA,IACf,aAAa;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAMA,SAAO,yBACI,KAAK,UAAU,UAAU,CAAC,UAC1B,KAAK,UAAU,QAAQ,CAAC,oBACd,KAAK,UAAU,mBAAmB,CAAC;AA8B1D;AAcO,SAAS,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAqB;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MAEA,yBAAyB,EAAE,QAAQ,mBAAmB,OAAO,EAAE;AAAA;AAAA,EACjE;AAEJ;",
+  "sourcesContent": ["import { ACCENT_COLOR_VALUES } from '../../_internal/constants'\nimport {\n  type ThemeAccentColor,\n  type ThemeGrayColor,\n  type ThemePanelBackground,\n  type ThemeRadius,\n  type ThemeScaling,\n} from '../../foundations/Theme'\n\nimport { type ThemePreference } from './themeProvider.props'\n\nexport type ThemeScriptOptions = {\n  defaultAccentColor?: ThemeAccentColor\n  defaultDensity?: 'comfortable' | 'compact'\n  defaultGrayColor?: ThemeGrayColor\n  defaultPanelBackground?: ThemePanelBackground\n  defaultRadius?: ThemeRadius\n  defaultScaling?: ThemeScaling\n  defaultTheme?: ThemePreference\n  storageKey: string\n}\n\nconst SCRIPT_DEFAULTS: Required<Omit<ThemeScriptOptions, 'storageKey'>> = {\n  defaultAccentColor: 'rift',\n  defaultDensity: 'comfortable',\n  defaultGrayColor: 'auto',\n  defaultPanelBackground: 'translucent',\n  defaultRadius: 'md',\n  defaultScaling: '100',\n  defaultTheme: 'system',\n}\n\n/**\n * Returns the JS source for a blocking, pre-hydration script that reads the\n * same storageKey ThemeProvider persists to (falling back to matchMedia for\n * `system`) and applies the document attribute contract to `<html>` before\n * first paint. `document.body` does not exist yet when this runs in <head>;\n * ThemeProvider's own mount-time effect mirrors the same attributes onto\n * `<body>` once it exists \u2014 see ThemeProvider.tsx.\n */\nexport function getThemeInitScript(options: ThemeScriptOptions): string {\n  const {\n    storageKey,\n    defaultAccentColor = SCRIPT_DEFAULTS.defaultAccentColor,\n    defaultDensity = SCRIPT_DEFAULTS.defaultDensity,\n    defaultGrayColor = SCRIPT_DEFAULTS.defaultGrayColor,\n    defaultPanelBackground = SCRIPT_DEFAULTS.defaultPanelBackground,\n    defaultRadius = SCRIPT_DEFAULTS.defaultRadius,\n    defaultScaling = SCRIPT_DEFAULTS.defaultScaling,\n    defaultTheme = SCRIPT_DEFAULTS.defaultTheme,\n  } = options\n\n  const defaults = {\n    accentColor: defaultAccentColor,\n    density: defaultDensity,\n    grayColor: defaultGrayColor,\n    mode: defaultTheme,\n    panelBackground: defaultPanelBackground,\n    radius: defaultRadius,\n    scaling: defaultScaling,\n  }\n\n  // Kept as a plain string (not a template literal interpolating live values)\n  // so JSON.stringify is the only thing crossing the JS/string boundary \u2014\n  // storageKey and defaults are trusted app config, never user input, but\n  // this keeps the emitted script free of unescaped interpolation regardless.\n  return `(function(){try{` +\n    `var k=${JSON.stringify(storageKey)};` +\n    `var d=${JSON.stringify(defaults)};` +\n    `var validAccent=${JSON.stringify(ACCENT_COLOR_VALUES)};` +\n    `var s=null;` +\n    `try{var r=window.localStorage.getItem(k);if(r)s=JSON.parse(r);}catch(e){}` +\n    // A previous accent-tier naming scheme (amber/silver/bronze) can still be\n    // sitting in a returning user's localStorage. Reject anything not in the\n    // current allowlist so a stale value can't drive data-accent-color into\n    // a state with no matching CSS override block.\n    `var storedAccent=(s&&s.accentColor&&validAccent.indexOf(s.accentColor)!==-1)?s.accentColor:null;` +\n    `var dims={` +\n    `mode:(s&&s.mode)||d.mode,` +\n    `density:(s&&s.density)||d.density,` +\n    `scaling:(s&&s.scaling)||d.scaling,` +\n    `accentColor:storedAccent||d.accentColor,` +\n    `grayColor:(s&&s.grayColor)||d.grayColor,` +\n    `radius:(s&&s.radius)||d.radius,` +\n    `panelBackground:(s&&s.panelBackground)||d.panelBackground` +\n    `};` +\n    `var m=dims.mode;` +\n    `if(m===\"system\"){` +\n    // Telegram Mini App WebViews: `Telegram.WebApp.colorScheme` reflects the\n    // Telegram client's own theme, which can diverge from the OS theme\n    // `prefers-color-scheme` reports (light-mode Telegram on a dark-mode\n    // phone, or vice versa) \u2014 check it first; matchMedia is the fallback for\n    // a plain browser embed. Mirrors ThemeProvider.tsx's runtime detection.\n    `var tgScheme;` +\n    `try{tgScheme=window.Telegram&&window.Telegram.WebApp&&window.Telegram.WebApp.colorScheme;}catch(e){}` +\n    `if(tgScheme===\"light\"||tgScheme===\"dark\"){m=tgScheme;}` +\n    `else{m=(window.matchMedia&&window.matchMedia(\"(prefers-color-scheme: dark)\").matches)?\"dark\":\"light\";}` +\n    `}` +\n    `var root=document.documentElement;` +\n    `root.setAttribute(\"data-dsx-theme\",m);` +\n    `root.setAttribute(\"data-dsx-density\",dims.density);` +\n    `root.setAttribute(\"data-dsx-scaling\",dims.scaling);` +\n    `root.setAttribute(\"data-accent-color\",dims.accentColor);` +\n    `root.setAttribute(\"data-gray-color\",dims.grayColor);` +\n    `root.setAttribute(\"data-radius\",dims.radius);` +\n    `root.setAttribute(\"data-panel-background\",dims.panelBackground);` +\n    `root.setAttribute(\"data-has-background\",\"true\");` +\n    `root.style.colorScheme=m;` +\n    `}catch(e){}})();`\n}\n\nexport type ThemeScriptProps = ThemeScriptOptions & {\n  nonce?: string\n}\n\n/**\n * Place inside the SSR document <head>, before any content that reads theme\n * tokens \u2014 e.g. Next.js `app/layout.tsx`'s `<head>`, or a custom `_document`.\n * Pass the same `storageKey` (and any `default*` overrides) given to\n * ThemeProvider so both read/write the identical stored-preference schema.\n * The host `<html>` element needs `suppressHydrationWarning` since this\n * script sets attributes on it before React hydrates.\n */\nexport function ThemeScript({ nonce, ...options }: ThemeScriptProps) {\n  return (\n    <script\n      nonce={nonce}\n      // eslint-disable-next-line react/no-danger -- static, options-derived script; no user input crosses this boundary\n      dangerouslySetInnerHTML={{ __html: getThemeInitScript(options) }}\n    />\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,2BAA2B;AACpC;AAAA,OAMO;AAEP,eAAqC;AAoHjC;AAvGJ,MAAM,kBAAoE;AAAA,EACxE,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,cAAc;AAChB;AAUO,SAAS,mBAAmB,SAAqC;AACtE,QAAM;AAAA,IACJ;AAAA,IACA,qBAAqB,gBAAgB;AAAA,IACrC,iBAAiB,gBAAgB;AAAA,IACjC,mBAAmB,gBAAgB;AAAA,IACnC,yBAAyB,gBAAgB;AAAA,IACzC,gBAAgB,gBAAgB;AAAA,IAChC,iBAAiB,gBAAgB;AAAA,IACjC,eAAe,gBAAgB;AAAA,EACjC,IAAI;AAEJ,QAAM,WAAW;AAAA,IACf,aAAa;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAMA,SAAO,yBACI,KAAK,UAAU,UAAU,CAAC,UAC1B,KAAK,UAAU,QAAQ,CAAC,oBACd,KAAK,UAAU,mBAAmB,CAAC;AAwC1D;AAcO,SAAS,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAqB;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MAEA,yBAAyB,EAAE,QAAQ,mBAAmB,OAAO,EAAE;AAAA;AAAA,EACjE;AAEJ;",
   "names": []
 }

package/dist/components/time-picker.css

@@ -9,8 +9,9 @@
   gap: var(--dsx-space-sm);
   padding: var(--dsx-density-control-padding-block, var(--dsx-space-sm)) var(--dsx-density-control-padding-inline, var(--dsx-space-md));
   border-radius: var(--dsx-rounded-md);
-  border: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
-  background: var(--dsx-color-surface-overlay);
+  border: var(--dsx-border-width-sm) solid var(--dsx-panel-border-color);
+  background: var(--dsx-color-panel-translucent);
+  backdrop-filter: var(--dsx-effect-panel-glass-backdrop-filter);
   color: var(--dsx-color-on-surface);
   font-family: var(--dsx-typography-body-medium-font-family), sans-serif;
   font-size: var(--dsx-typography-body-medium-font-size);

package/dist/components/toast/Toast.d.cts

@@ -21,7 +21,7 @@ declare const ToastRoot: React.ForwardRefExoticComponent<Omit<ToastPrimitive.Toa
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["default", "destructive"];
+        values: readonly ["default", "success", "warning", "destructive", "info"];
         default: "default";
     };
     size: {

package/dist/components/toast/Toast.d.mts

@@ -21,7 +21,7 @@ declare const ToastRoot: React.ForwardRefExoticComponent<Omit<ToastPrimitive.Toa
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["default", "destructive"];
+        values: readonly ["default", "success", "warning", "destructive", "info"];
         default: "default";
     };
     size: {

package/dist/components/toast/Toast.d.ts

@@ -21,7 +21,7 @@ declare const ToastRoot: React.ForwardRefExoticComponent<Omit<ToastPrimitive.Toa
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["default", "destructive"];
+        values: readonly ["default", "success", "warning", "destructive", "info"];
         default: "default";
     };
     size: {

package/dist/components/toast/toast.props.cjs

@@ -24,7 +24,7 @@ __export(toast_props_exports, {
 });
 module.exports = __toCommonJS(toast_props_exports);
 var import_asChild = require("../../_internal/props/asChild.prop");
-const toastVariants = ["default", "destructive"];
+const toastVariants = ["default", "success", "warning", "destructive", "info"];
 const toastSizes = ["sm", "md", "lg"];
 const toastPropDefs = {
   variant: {

package/dist/components/toast/toast.props.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/toast/toast.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst toastVariants = ['default', 'destructive'] as const\nconst toastSizes = ['sm', 'md', 'lg'] as const\n\nconst toastPropDefs = {\n  variant: {\n    type: 'enum',\n    className: 'dsx-toast-variant',\n    values: toastVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: toastSizes,\n    default: 'md',\n  },\n} satisfies {\n  variant: PropDef<(typeof toastVariants)[number]>\n  size: PropDef<(typeof toastSizes)[number]>\n}\n\nconst toastTriggerPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport { toastPropDefs, toastTriggerPropDefs, toastVariants }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,gBAAgB,CAAC,WAAW,aAAa;AAC/C,MAAM,aAAa,CAAC,MAAM,MAAM,IAAI;AAEpC,MAAM,gBAAgB;AAAA,EACpB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,uBAAuB;AAAA,EAC3B,GAAG;AACL;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst toastVariants = ['default', 'success', 'warning', 'destructive', 'info'] as const\nconst toastSizes = ['sm', 'md', 'lg'] as const\n\nconst toastPropDefs = {\n  variant: {\n    type: 'enum',\n    className: 'dsx-toast-variant',\n    values: toastVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: toastSizes,\n    default: 'md',\n  },\n} satisfies {\n  variant: PropDef<(typeof toastVariants)[number]>\n  size: PropDef<(typeof toastSizes)[number]>\n}\n\nconst toastTriggerPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport { toastPropDefs, toastTriggerPropDefs, toastVariants }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,gBAAgB,CAAC,WAAW,WAAW,WAAW,eAAe,MAAM;AAC7E,MAAM,aAAa,CAAC,MAAM,MAAM,IAAI;AAEpC,MAAM,gBAAgB;AAAA,EACpB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,uBAAuB;AAAA,EAC3B,GAAG;AACL;",
   "names": []
 }

package/dist/components/toast/toast.props.d.cts

@@ -1,9 +1,9 @@
-declare const toastVariants: readonly ["default", "destructive"];
+declare const toastVariants: readonly ["default", "success", "warning", "destructive", "info"];
 declare const toastPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["default", "destructive"];
+        values: readonly ["default", "success", "warning", "destructive", "info"];
         default: "default";
     };
     size: {

package/dist/components/toast/toast.props.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.props.d.cts","sourceRoot":"","sources":["../../../src/components/toast/toast.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa,qCAAsC,CAAA;AAGzD,QAAA,MAAM,aAAa;;;;;;;;;;;;CAelB,CAAA;AAED,QAAA,MAAM,oBAAoB;;;;;CAIzB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"toast.props.d.cts","sourceRoot":"","sources":["../../../src/components/toast/toast.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa,mEAAoE,CAAA;AAGvF,QAAA,MAAM,aAAa;;;;;;;;;;;;CAelB,CAAA;AAED,QAAA,MAAM,oBAAoB;;;;;CAIzB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/toast/toast.props.d.mts

@@ -1,9 +1,9 @@
-declare const toastVariants: readonly ["default", "destructive"];
+declare const toastVariants: readonly ["default", "success", "warning", "destructive", "info"];
 declare const toastPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["default", "destructive"];
+        values: readonly ["default", "success", "warning", "destructive", "info"];
         default: "default";
     };
     size: {

package/dist/components/toast/toast.props.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.props.d.mts","sourceRoot":"","sources":["../../../src/components/toast/toast.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa,qCAAsC,CAAA;AAGzD,QAAA,MAAM,aAAa;;;;;;;;;;;;CAelB,CAAA;AAED,QAAA,MAAM,oBAAoB;;;;;CAIzB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"toast.props.d.mts","sourceRoot":"","sources":["../../../src/components/toast/toast.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa,mEAAoE,CAAA;AAGvF,QAAA,MAAM,aAAa;;;;;;;;;;;;CAelB,CAAA;AAED,QAAA,MAAM,oBAAoB;;;;;CAIzB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/toast/toast.props.d.ts

@@ -1,9 +1,9 @@
-declare const toastVariants: readonly ["default", "destructive"];
+declare const toastVariants: readonly ["default", "success", "warning", "destructive", "info"];
 declare const toastPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["default", "destructive"];
+        values: readonly ["default", "success", "warning", "destructive", "info"];
         default: "default";
     };
     size: {

package/dist/components/toast/toast.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.props.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa,qCAAsC,CAAA;AAGzD,QAAA,MAAM,aAAa;;;;;;;;;;;;CAelB,CAAA;AAED,QAAA,MAAM,oBAAoB;;;;;CAIzB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"toast.props.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa,mEAAoE,CAAA;AAGvF,QAAA,MAAM,aAAa;;;;;;;;;;;;CAelB,CAAA;AAED,QAAA,MAAM,oBAAoB;;;;;CAIzB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/toast/toast.props.js

@@ -1,5 +1,5 @@
 import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
-const toastVariants = ["default", "destructive"];
+const toastVariants = ["default", "success", "warning", "destructive", "info"];
 const toastSizes = ["sm", "md", "lg"];
 const toastPropDefs = {
   variant: {

package/dist/components/toast/toast.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/toast/toast.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst toastVariants = ['default', 'destructive'] as const\nconst toastSizes = ['sm', 'md', 'lg'] as const\n\nconst toastPropDefs = {\n  variant: {\n    type: 'enum',\n    className: 'dsx-toast-variant',\n    values: toastVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: toastSizes,\n    default: 'md',\n  },\n} satisfies {\n  variant: PropDef<(typeof toastVariants)[number]>\n  size: PropDef<(typeof toastSizes)[number]>\n}\n\nconst toastTriggerPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport { toastPropDefs, toastTriggerPropDefs, toastVariants }\n"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,gBAAgB,CAAC,WAAW,aAAa;AAC/C,MAAM,aAAa,CAAC,MAAM,MAAM,IAAI;AAEpC,MAAM,gBAAgB;AAAA,EACpB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,uBAAuB;AAAA,EAC3B,GAAG;AACL;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst toastVariants = ['default', 'success', 'warning', 'destructive', 'info'] as const\nconst toastSizes = ['sm', 'md', 'lg'] as const\n\nconst toastPropDefs = {\n  variant: {\n    type: 'enum',\n    className: 'dsx-toast-variant',\n    values: toastVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: toastSizes,\n    default: 'md',\n  },\n} satisfies {\n  variant: PropDef<(typeof toastVariants)[number]>\n  size: PropDef<(typeof toastSizes)[number]>\n}\n\nconst toastTriggerPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport { toastPropDefs, toastTriggerPropDefs, toastVariants }\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,gBAAgB,CAAC,WAAW,WAAW,WAAW,eAAe,MAAM;AAC7E,MAAM,aAAa,CAAC,MAAM,MAAM,IAAI;AAEpC,MAAM,gBAAgB;AAAA,EACpB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,uBAAuB;AAAA,EAC3B,GAAG;AACL;",
   "names": []
 }

package/dist/components/toast.css

@@ -35,12 +35,30 @@
   box-shadow: var(--dsx-shadow-elevation-2);
 }
 
+.dsx-toast[data-variant='success'] {
+  background-color: var(--dsx-color-success-container);
+  border-color: var(--dsx-color-success);
+  color: var(--dsx-color-on-success-container);
+}
+
+.dsx-toast[data-variant='warning'] {
+  background-color: var(--dsx-color-warning-container);
+  border-color: var(--dsx-color-warning);
+  color: var(--dsx-color-on-warning-container);
+}
+
 .dsx-toast[data-variant='destructive'] {
   background-color: var(--dsx-color-error-container);
   border-color: var(--dsx-color-error);
   color: var(--dsx-color-on-error-container);
 }
 
+.dsx-toast[data-variant='info'] {
+  background-color: var(--dsx-color-info-container);
+  border-color: var(--dsx-color-info);
+  color: var(--dsx-color-on-info-container);
+}
+
 .dsx-toast__title {
   font-family: var(--dsx-typography-label-large-font-family), sans-serif;
   font-size: var(--dsx-typography-label-large-font-size);
@@ -75,10 +93,19 @@
   color: var(--dsx-color-high-contrast);
 }
 
+.dsx-toast[data-variant='success'] .dsx-toast__title,
+.dsx-toast[data-variant='success'] .dsx-toast__description,
+.dsx-toast[data-variant='success'] .dsx-toast__close,
+.dsx-toast[data-variant='warning'] .dsx-toast__title,
+.dsx-toast[data-variant='warning'] .dsx-toast__description,
+.dsx-toast[data-variant='warning'] .dsx-toast__close,
 .dsx-toast[data-variant='destructive'] .dsx-toast__title,
 .dsx-toast[data-variant='destructive'] .dsx-toast__description,
-.dsx-toast[data-variant='destructive'] .dsx-toast__close {
-  color: var(--dsx-color-on-error-container);
+.dsx-toast[data-variant='destructive'] .dsx-toast__close,
+.dsx-toast[data-variant='info'] .dsx-toast__title,
+.dsx-toast[data-variant='info'] .dsx-toast__description,
+.dsx-toast[data-variant='info'] .dsx-toast__close {
+  color: inherit;
 }
 
 /* Keep literal breakpoint because CSS custom properties cannot be used in this media query. */

package/dist/components/toggle-group.css

@@ -95,3 +95,36 @@
 .dsx-toggle-group-variant-outline .dsx-toggle-group__item + .dsx-toggle-group__item {
   border-inline-start: none;
 }
+
+/* Real DS gap, not a page-local taste call (found 2026-08-26 via a landing header ToggleGroup,
+   patched there first as `.dsx-landing-lang-toggle` in the consuming app's own globals.css,
+   then verified as a general bug and moved here): the default variant's active state falls
+   through to `--dsx-control-active-background` (baseButton.css), a neutral surface-elevation
+   step meant for a control that already sits on a raised track — Tabs and SegmentedControl both
+   have that track, ToggleGroup's own root does not (confirmed by reading this file: no
+   background is ever set on `.dsx-toggle-group` itself). Measured against the real WCAG
+   luminance formula: ~1.2-1.3:1 contrast against the page background, functionally invisible.
+   `.dsx-toggle[data-state='on']` (the single, non-grouped Toggle) already solves this correctly
+   for itself with a bold `--dsx-accent-track` fill instead of the neutral token — this ports
+   that same accent-driven treatment to the group's default variant only. Scoped to
+   `[data-variant='default']` specifically so `[data-variant='outline']` and
+   `[data-high-contrast='true']` (both already correct, both override via their own
+   `--dsx-base-button-active-*` custom properties in baseButton.css) are untouched. */
+.dsx-toggle-group[data-variant='default'] .dsx-toggle-group__item[data-state='on'] {
+  border-color: var(--dsx-accent-track);
+  background: linear-gradient(var(--dsx-effect-pressed-layer), var(--dsx-effect-pressed-layer)), var(--dsx-accent-track);
+  color: var(--dsx-accent-contrast);
+}
+
+/* Companion to the corner-radius rule above (lines 33-41): the active item's accent fill has no
+   radius of its own, so on the group's own rounded ends it poked a hard square corner past the
+   pill's curve — same technique already proven live on the landing header before this became a
+   package fix. */
+.dsx-toggle-group[data-variant='default'] .dsx-toggle-group__item[data-state='on']:first-child {
+  border-start-start-radius: var(--dsx-grouped-radius, var(--dsx-rounded-md));
+  border-end-start-radius: var(--dsx-grouped-radius, var(--dsx-rounded-md));
+}
+.dsx-toggle-group[data-variant='default'] .dsx-toggle-group__item[data-state='on']:last-child {
+  border-start-end-radius: var(--dsx-grouped-radius, var(--dsx-rounded-md));
+  border-end-end-radius: var(--dsx-grouped-radius, var(--dsx-rounded-md));
+}

package/dist/components/toggle-tip.css

@@ -39,21 +39,22 @@
 .dsx-toggle-tip__content {
   padding: var(--dsx-space-sm) var(--dsx-space-md);
   border-radius: var(--dsx-rounded-md);
-  background: var(--dsx-color-surface-overlay);
-  border: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
+  background: var(--dsx-color-panel-translucent);
+  backdrop-filter: var(--dsx-effect-panel-glass-backdrop-filter);
+  border: var(--dsx-border-width-sm) solid var(--dsx-panel-border-color);
   color: var(--dsx-color-on-surface);
   font-family: var(--dsx-typography-body-small-font-family), sans-serif;
   font-size: var(--dsx-typography-body-small-font-size);
   font-weight: var(--dsx-typography-body-small-font-weight);
   line-height: var(--dsx-typography-body-small-line-height);
   letter-spacing: var(--dsx-typography-body-small-letter-spacing);
-  box-shadow: var(--dsx-shadow-3);
+  box-shadow: var(--dsx-shadow-elevation-3);
   animation: dsx-toggle-tip-fade var(--dsx-motion-duration-fast) var(--dsx-motion-easing-out);
   max-width: 280px;
 }
 
 .dsx-toggle-tip__arrow {
-  fill: var(--dsx-color-surface-overlay);
+  fill: var(--dsx-color-panel-translucent);
 }
 
 @keyframes dsx-toggle-tip-fade {

package/dist/components/tooltip/Tooltip.cjs

@@ -46,7 +46,10 @@ function TooltipProvider(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPrimitive.Provider, { delayDuration: 200, ...props });
 }
 TooltipProvider.displayName = "TooltipProvider";
-const Tooltip = TooltipPrimitive.Root;
+function Tooltip(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BaseDialog.PortalThemeBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPrimitive.Root, { ...props }) });
+}
+Tooltip.displayName = "Tooltip";
 const TooltipTrigger = React.forwardRef(
   ({ asChild = false, className, children, ...props }, forwardedRef) => {
     const triggerProps = (0, import_extractProps.extractProps)(

package/dist/components/tooltip/Tooltip.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/tooltip/Tooltip.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { tooltipContentPropDefs, tooltipTriggerPropDefs } from './tooltip.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype TooltipTriggerOwnProps = GetPropDefTypes<typeof tooltipTriggerPropDefs>\ntype TooltipContentOwnProps = GetPropDefTypes<typeof tooltipContentPropDefs>\n\ntype TooltipRootProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>\ntype TooltipProviderProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>\ntype TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger> & TooltipTriggerOwnProps\ntype TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & TooltipContentOwnProps\n\nfunction TooltipProvider(props: TooltipProviderProps) {\n  return <TooltipPrimitive.Provider delayDuration={200} {...props} />\n}\nTooltipProvider.displayName = 'TooltipProvider'\n\nconst Tooltip: typeof TooltipPrimitive.Root = TooltipPrimitive.Root\n\nconst TooltipTrigger = React.forwardRef<React.ComponentRef<typeof TooltipPrimitive.Trigger>, TooltipTriggerProps>(\n  ({ asChild = false, className, children, ...props }, forwardedRef) => {\n    const triggerProps = extractProps(\n      {\n        ...props,\n        asChild,\n      },\n      tooltipTriggerPropDefs,\n    )\n\n    if (asChild) {\n      return (\n        <TooltipPrimitive.Trigger {...triggerProps} ref={forwardedRef} asChild>\n          <Slot className={className}>{children}</Slot>\n        </TooltipPrimitive.Trigger>\n      )\n    }\n\n    return (\n      <TooltipPrimitive.Trigger {...triggerProps} ref={forwardedRef} className={className}>\n        {children}\n      </TooltipPrimitive.Trigger>\n    )\n  },\n)\nTooltipTrigger.displayName = 'TooltipTrigger'\n\nconst TooltipContent = React.forwardRef<React.ComponentRef<typeof TooltipPrimitive.Content>, TooltipContentProps>(\n  ({ className: propClassName, sideOffset = 8, variant = 'default', children, ...props }, forwardedRef) => {\n    const { className, ...contentProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        variant,\n      },\n      tooltipContentPropDefs,\n    )\n\n    return (\n      <TooltipPrimitive.Portal>\n        <PortalThemeWrapper>\n          <TooltipPrimitive.Content\n            {...contentProps}\n            ref={forwardedRef}\n            sideOffset={sideOffset}\n            className={classNames('dsx-tooltip', `dsx-tooltip--${variant}`, className)}\n          >\n            {children}\n            <TooltipPrimitive.Arrow className=\"dsx-tooltip__arrow\" width={8} height={4} />\n          </TooltipPrimitive.Content>\n        </PortalThemeWrapper>\n      </TooltipPrimitive.Portal>\n    )\n  },\n)\nTooltipContent.displayName = 'TooltipContent'\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\nexport type { TooltipContentProps, TooltipProviderProps, TooltipRootProps, TooltipTriggerProps }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,uBAAkC;AAClC,wBAAqB;AAErB,wBAAmC;AACnC,0BAA6B;AAC7B,qBAA+D;AAatD;AADT,SAAS,gBAAgB,OAA6B;AACpD,SAAO,4CAAC,iBAAiB,UAAjB,EAA0B,eAAe,KAAM,GAAG,OAAO;AACnE;AACA,gBAAgB,cAAc;AAE9B,MAAM,UAAwC,iBAAiB;AAE/D,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,EAAE,UAAU,OAAO,WAAW,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACpE,UAAM,mBAAe;AAAA,MACnB;AAAA,QACE,GAAG;AAAA,QACH;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAEA,QAAI,SAAS;AACX,aACE,4CAAC,iBAAiB,SAAjB,EAA0B,GAAG,cAAc,KAAK,cAAc,SAAO,MACpE,sDAAC,0BAAK,WAAuB,UAAS,GACxC;AAAA,IAEJ;AAEA,WACE,4CAAC,iBAAiB,SAAjB,EAA0B,GAAG,cAAc,KAAK,cAAc,WAC5D,UACH;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAE7B,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,EAAE,WAAW,eAAe,aAAa,GAAG,UAAU,WAAW,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACvG,UAAM,EAAE,WAAW,GAAG,aAAa,QAAI;AAAA,MACrC;AAAA,QACE,GAAG;AAAA,QACH,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAEA,WACE,4CAAC,iBAAiB,QAAjB,EACC,sDAAC,wCACC;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL;AAAA,QACA,eAAW,kBAAAA,SAAW,eAAe,gBAAgB,OAAO,IAAI,SAAS;AAAA,QAExE;AAAA;AAAA,UACD,4CAAC,iBAAiB,OAAjB,EAAuB,WAAU,sBAAqB,OAAO,GAAG,QAAQ,GAAG;AAAA;AAAA;AAAA,IAC9E,GACF,GACF;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { tooltipContentPropDefs, tooltipTriggerPropDefs } from './tooltip.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype TooltipTriggerOwnProps = GetPropDefTypes<typeof tooltipTriggerPropDefs>\ntype TooltipContentOwnProps = GetPropDefTypes<typeof tooltipContentPropDefs>\n\ntype TooltipRootProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>\ntype TooltipProviderProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>\ntype TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger> & TooltipTriggerOwnProps\ntype TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & TooltipContentOwnProps\n\nfunction TooltipProvider(props: TooltipProviderProps) {\n  return <TooltipPrimitive.Provider delayDuration={200} {...props} />\n}\nTooltipProvider.displayName = 'TooltipProvider'\n\n// Without the boundary, the portal wrapper falls back to the default\n// (dark) theme state, so every tooltip renders dark even on light pages \u2014\n// confirmed live 2026-09-19: white text on a near-invisible box in light\n// mode, correct only by accident in dark mode. Same pattern as HoverCardRoot.\nfunction Tooltip(props: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>) {\n  return (\n    <PortalThemeBoundary>\n      <TooltipPrimitive.Root {...props} />\n    </PortalThemeBoundary>\n  )\n}\nTooltip.displayName = 'Tooltip'\n\nconst TooltipTrigger = React.forwardRef<React.ComponentRef<typeof TooltipPrimitive.Trigger>, TooltipTriggerProps>(\n  ({ asChild = false, className, children, ...props }, forwardedRef) => {\n    const triggerProps = extractProps(\n      {\n        ...props,\n        asChild,\n      },\n      tooltipTriggerPropDefs,\n    )\n\n    if (asChild) {\n      return (\n        <TooltipPrimitive.Trigger {...triggerProps} ref={forwardedRef} asChild>\n          <Slot className={className}>{children}</Slot>\n        </TooltipPrimitive.Trigger>\n      )\n    }\n\n    return (\n      <TooltipPrimitive.Trigger {...triggerProps} ref={forwardedRef} className={className}>\n        {children}\n      </TooltipPrimitive.Trigger>\n    )\n  },\n)\nTooltipTrigger.displayName = 'TooltipTrigger'\n\nconst TooltipContent = React.forwardRef<React.ComponentRef<typeof TooltipPrimitive.Content>, TooltipContentProps>(\n  ({ className: propClassName, sideOffset = 8, variant = 'default', children, ...props }, forwardedRef) => {\n    const { className, ...contentProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        variant,\n      },\n      tooltipContentPropDefs,\n    )\n\n    return (\n      <TooltipPrimitive.Portal>\n        <PortalThemeWrapper>\n          <TooltipPrimitive.Content\n            {...contentProps}\n            ref={forwardedRef}\n            sideOffset={sideOffset}\n            className={classNames('dsx-tooltip', `dsx-tooltip--${variant}`, className)}\n          >\n            {children}\n            <TooltipPrimitive.Arrow className=\"dsx-tooltip__arrow\" width={8} height={4} />\n          </TooltipPrimitive.Content>\n        </PortalThemeWrapper>\n      </TooltipPrimitive.Portal>\n    )\n  },\n)\nTooltipContent.displayName = 'TooltipContent'\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\nexport type { TooltipContentProps, TooltipProviderProps, TooltipRootProps, TooltipTriggerProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,uBAAkC;AAClC,wBAAqB;AAErB,wBAAwD;AACxD,0BAA6B;AAC7B,qBAA+D;AAatD;AADT,SAAS,gBAAgB,OAA6B;AACpD,SAAO,4CAAC,iBAAiB,UAAjB,EAA0B,eAAe,KAAM,GAAG,OAAO;AACnE;AACA,gBAAgB,cAAc;AAM9B,SAAS,QAAQ,OAAqE;AACpF,SACE,4CAAC,yCACC,sDAAC,iBAAiB,MAAjB,EAAuB,GAAG,OAAO,GACpC;AAEJ;AACA,QAAQ,cAAc;AAEtB,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,EAAE,UAAU,OAAO,WAAW,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACpE,UAAM,mBAAe;AAAA,MACnB;AAAA,QACE,GAAG;AAAA,QACH;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAEA,QAAI,SAAS;AACX,aACE,4CAAC,iBAAiB,SAAjB,EAA0B,GAAG,cAAc,KAAK,cAAc,SAAO,MACpE,sDAAC,0BAAK,WAAuB,UAAS,GACxC;AAAA,IAEJ;AAEA,WACE,4CAAC,iBAAiB,SAAjB,EAA0B,GAAG,cAAc,KAAK,cAAc,WAC5D,UACH;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAE7B,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,EAAE,WAAW,eAAe,aAAa,GAAG,UAAU,WAAW,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACvG,UAAM,EAAE,WAAW,GAAG,aAAa,QAAI;AAAA,MACrC;AAAA,QACE,GAAG;AAAA,QACH,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAEA,WACE,4CAAC,iBAAiB,QAAjB,EACC,sDAAC,wCACC;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL;AAAA,QACA,eAAW,kBAAAA,SAAW,eAAe,gBAAgB,OAAO,IAAI,SAAS;AAAA,QAExE;AAAA;AAAA,UACD,4CAAC,iBAAiB,OAAjB,EAAuB,WAAU,sBAAqB,OAAO,GAAG,QAAQ,GAAG;AAAA;AAAA;AAAA,IAC9E,GACF,GACF;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;",
   "names": ["classNames"]
 }

package/dist/components/tooltip/Tooltip.d.cts

@@ -12,7 +12,10 @@ declare function TooltipProvider(props: TooltipProviderProps): import("react/jsx
 declare namespace TooltipProvider {
     var displayName: string;
 }
-declare const Tooltip: typeof TooltipPrimitive.Root;
+declare function Tooltip(props: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare namespace Tooltip {
+    var displayName: string;
+}
 declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & GetPropDefTypes<{
     asChild: {
         type: "boolean";

package/dist/components/tooltip/Tooltip.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.cts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAK3D,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAEhF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAC5E,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAA;AACpF,KAAK,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,CAAA;AAC5F,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,sBAAsB,CAAA;AACnH,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,sBAAsB,CAAA;AAEnH,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAEnD;kBAFQ,eAAe;;;AAKxB,QAAA,MAAM,OAAO,EAAE,OAAO,gBAAgB,CAAC,IAA4B,CAAA;AAEnE,QAAA,MAAM,cAAc;;;;;4CAwBnB,CAAA;AAGD,QAAA,MAAM,cAAc;;;;;;yCA2BnB,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAA;AACnE,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"Tooltip.d.cts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAK3D,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAEhF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAC5E,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAA;AACpF,KAAK,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,CAAA;AAC5F,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,sBAAsB,CAAA;AACnH,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,sBAAsB,CAAA;AAEnH,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAEnD;kBAFQ,eAAe;;;AASxB,iBAAS,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAMnF;kBANQ,OAAO;;;AAShB,QAAA,MAAM,cAAc;;;;;4CAwBnB,CAAA;AAGD,QAAA,MAAM,cAAc;;;;;;yCA2BnB,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAA;AACnE,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/components/tooltip/Tooltip.d.mts

@@ -12,7 +12,10 @@ declare function TooltipProvider(props: TooltipProviderProps): import("react/jsx
 declare namespace TooltipProvider {
     var displayName: string;
 }
-declare const Tooltip: typeof TooltipPrimitive.Root;
+declare function Tooltip(props: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare namespace Tooltip {
+    var displayName: string;
+}
 declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & GetPropDefTypes<{
     asChild: {
         type: "boolean";

package/dist/components/tooltip/Tooltip.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.mts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAK3D,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAEhF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAC5E,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAA;AACpF,KAAK,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,CAAA;AAC5F,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,sBAAsB,CAAA;AACnH,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,sBAAsB,CAAA;AAEnH,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAEnD;kBAFQ,eAAe;;;AAKxB,QAAA,MAAM,OAAO,EAAE,OAAO,gBAAgB,CAAC,IAA4B,CAAA;AAEnE,QAAA,MAAM,cAAc;;;;;4CAwBnB,CAAA;AAGD,QAAA,MAAM,cAAc;;;;;;yCA2BnB,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAA;AACnE,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"Tooltip.d.mts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAK3D,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAEhF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAC5E,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAA;AACpF,KAAK,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,CAAA;AAC5F,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,sBAAsB,CAAA;AACnH,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,sBAAsB,CAAA;AAEnH,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAEnD;kBAFQ,eAAe;;;AASxB,iBAAS,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAMnF;kBANQ,OAAO;;;AAShB,QAAA,MAAM,cAAc;;;;;4CAwBnB,CAAA;AAGD,QAAA,MAAM,cAAc;;;;;;yCA2BnB,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAA;AACnE,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/components/tooltip/Tooltip.d.ts

@@ -12,7 +12,10 @@ declare function TooltipProvider(props: TooltipProviderProps): import("react/jsx
 declare namespace TooltipProvider {
     var displayName: string;
 }
-declare const Tooltip: typeof TooltipPrimitive.Root;
+declare function Tooltip(props: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare namespace Tooltip {
+    var displayName: string;
+}
 declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & GetPropDefTypes<{
     asChild: {
         type: "boolean";

package/dist/components/tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAK3D,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAEhF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAC5E,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAA;AACpF,KAAK,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,CAAA;AAC5F,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,sBAAsB,CAAA;AACnH,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,sBAAsB,CAAA;AAEnH,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAEnD;kBAFQ,eAAe;;;AAKxB,QAAA,MAAM,OAAO,EAAE,OAAO,gBAAgB,CAAC,IAA4B,CAAA;AAEnE,QAAA,MAAM,cAAc;;;;;4CAwBnB,CAAA;AAGD,QAAA,MAAM,cAAc;;;;;;yCA2BnB,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAA;AACnE,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAK3D,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAEhF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAC5E,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAA;AACpF,KAAK,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,CAAA;AAC5F,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,sBAAsB,CAAA;AACnH,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,sBAAsB,CAAA;AAEnH,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAEnD;kBAFQ,eAAe;;;AASxB,iBAAS,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAMnF;kBANQ,OAAO;;;AAShB,QAAA,MAAM,cAAc;;;;;4CAwBnB,CAAA;AAGD,QAAA,MAAM,cAAc;;;;;;yCA2BnB,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAA;AACnE,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/components/tooltip/Tooltip.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import classNames from "classnames";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { Slot } from "@radix-ui/react-slot";
-import { PortalThemeWrapper } from "../../_internal/BaseDialog.js";
+import { PortalThemeBoundary, PortalThemeWrapper } from "../../_internal/BaseDialog.js";
 import { extractProps } from "../../_internal/helpers/extractProps.js";
 import { tooltipContentPropDefs, tooltipTriggerPropDefs } from "./tooltip.props.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -10,7 +10,10 @@ function TooltipProvider(props) {
   return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { delayDuration: 200, ...props });
 }
 TooltipProvider.displayName = "TooltipProvider";
-const Tooltip = TooltipPrimitive.Root;
+function Tooltip(props) {
+  return /* @__PURE__ */ jsx(PortalThemeBoundary, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { ...props }) });
+}
+Tooltip.displayName = "Tooltip";
 const TooltipTrigger = React.forwardRef(
   ({ asChild = false, className, children, ...props }, forwardedRef) => {
     const triggerProps = extractProps(

package/dist/components/tooltip/Tooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/tooltip/Tooltip.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { tooltipContentPropDefs, tooltipTriggerPropDefs } from './tooltip.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype TooltipTriggerOwnProps = GetPropDefTypes<typeof tooltipTriggerPropDefs>\ntype TooltipContentOwnProps = GetPropDefTypes<typeof tooltipContentPropDefs>\n\ntype TooltipRootProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>\ntype TooltipProviderProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>\ntype TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger> & TooltipTriggerOwnProps\ntype TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & TooltipContentOwnProps\n\nfunction TooltipProvider(props: TooltipProviderProps) {\n  return <TooltipPrimitive.Provider delayDuration={200} {...props} />\n}\nTooltipProvider.displayName = 'TooltipProvider'\n\nconst Tooltip: typeof TooltipPrimitive.Root = TooltipPrimitive.Root\n\nconst TooltipTrigger = React.forwardRef<React.ComponentRef<typeof TooltipPrimitive.Trigger>, TooltipTriggerProps>(\n  ({ asChild = false, className, children, ...props }, forwardedRef) => {\n    const triggerProps = extractProps(\n      {\n        ...props,\n        asChild,\n      },\n      tooltipTriggerPropDefs,\n    )\n\n    if (asChild) {\n      return (\n        <TooltipPrimitive.Trigger {...triggerProps} ref={forwardedRef} asChild>\n          <Slot className={className}>{children}</Slot>\n        </TooltipPrimitive.Trigger>\n      )\n    }\n\n    return (\n      <TooltipPrimitive.Trigger {...triggerProps} ref={forwardedRef} className={className}>\n        {children}\n      </TooltipPrimitive.Trigger>\n    )\n  },\n)\nTooltipTrigger.displayName = 'TooltipTrigger'\n\nconst TooltipContent = React.forwardRef<React.ComponentRef<typeof TooltipPrimitive.Content>, TooltipContentProps>(\n  ({ className: propClassName, sideOffset = 8, variant = 'default', children, ...props }, forwardedRef) => {\n    const { className, ...contentProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        variant,\n      },\n      tooltipContentPropDefs,\n    )\n\n    return (\n      <TooltipPrimitive.Portal>\n        <PortalThemeWrapper>\n          <TooltipPrimitive.Content\n            {...contentProps}\n            ref={forwardedRef}\n            sideOffset={sideOffset}\n            className={classNames('dsx-tooltip', `dsx-tooltip--${variant}`, className)}\n          >\n            {children}\n            <TooltipPrimitive.Arrow className=\"dsx-tooltip__arrow\" width={8} height={4} />\n          </TooltipPrimitive.Content>\n        </PortalThemeWrapper>\n      </TooltipPrimitive.Portal>\n    )\n  },\n)\nTooltipContent.displayName = 'TooltipContent'\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\nexport type { TooltipContentProps, TooltipProviderProps, TooltipRootProps, TooltipTriggerProps }\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,YAAY,sBAAsB;AAClC,SAAS,YAAY;AAErB,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB,8BAA8B;AAatD,cA+CC,YA/CD;AADT,SAAS,gBAAgB,OAA6B;AACpD,SAAO,oBAAC,iBAAiB,UAAjB,EAA0B,eAAe,KAAM,GAAG,OAAO;AACnE;AACA,gBAAgB,cAAc;AAE9B,MAAM,UAAwC,iBAAiB;AAE/D,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,EAAE,UAAU,OAAO,WAAW,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACpE,UAAM,eAAe;AAAA,MACnB;AAAA,QACE,GAAG;AAAA,QACH;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAEA,QAAI,SAAS;AACX,aACE,oBAAC,iBAAiB,SAAjB,EAA0B,GAAG,cAAc,KAAK,cAAc,SAAO,MACpE,8BAAC,QAAK,WAAuB,UAAS,GACxC;AAAA,IAEJ;AAEA,WACE,oBAAC,iBAAiB,SAAjB,EAA0B,GAAG,cAAc,KAAK,cAAc,WAC5D,UACH;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAE7B,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,EAAE,WAAW,eAAe,aAAa,GAAG,UAAU,WAAW,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACvG,UAAM,EAAE,WAAW,GAAG,aAAa,IAAI;AAAA,MACrC;AAAA,QACE,GAAG;AAAA,QACH,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAEA,WACE,oBAAC,iBAAiB,QAAjB,EACC,8BAAC,sBACC;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL;AAAA,QACA,WAAW,WAAW,eAAe,gBAAgB,OAAO,IAAI,SAAS;AAAA,QAExE;AAAA;AAAA,UACD,oBAAC,iBAAiB,OAAjB,EAAuB,WAAU,sBAAqB,OAAO,GAAG,QAAQ,GAAG;AAAA;AAAA;AAAA,IAC9E,GACF,GACF;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { tooltipContentPropDefs, tooltipTriggerPropDefs } from './tooltip.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype TooltipTriggerOwnProps = GetPropDefTypes<typeof tooltipTriggerPropDefs>\ntype TooltipContentOwnProps = GetPropDefTypes<typeof tooltipContentPropDefs>\n\ntype TooltipRootProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>\ntype TooltipProviderProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>\ntype TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger> & TooltipTriggerOwnProps\ntype TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & TooltipContentOwnProps\n\nfunction TooltipProvider(props: TooltipProviderProps) {\n  return <TooltipPrimitive.Provider delayDuration={200} {...props} />\n}\nTooltipProvider.displayName = 'TooltipProvider'\n\n// Without the boundary, the portal wrapper falls back to the default\n// (dark) theme state, so every tooltip renders dark even on light pages \u2014\n// confirmed live 2026-09-19: white text on a near-invisible box in light\n// mode, correct only by accident in dark mode. Same pattern as HoverCardRoot.\nfunction Tooltip(props: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>) {\n  return (\n    <PortalThemeBoundary>\n      <TooltipPrimitive.Root {...props} />\n    </PortalThemeBoundary>\n  )\n}\nTooltip.displayName = 'Tooltip'\n\nconst TooltipTrigger = React.forwardRef<React.ComponentRef<typeof TooltipPrimitive.Trigger>, TooltipTriggerProps>(\n  ({ asChild = false, className, children, ...props }, forwardedRef) => {\n    const triggerProps = extractProps(\n      {\n        ...props,\n        asChild,\n      },\n      tooltipTriggerPropDefs,\n    )\n\n    if (asChild) {\n      return (\n        <TooltipPrimitive.Trigger {...triggerProps} ref={forwardedRef} asChild>\n          <Slot className={className}>{children}</Slot>\n        </TooltipPrimitive.Trigger>\n      )\n    }\n\n    return (\n      <TooltipPrimitive.Trigger {...triggerProps} ref={forwardedRef} className={className}>\n        {children}\n      </TooltipPrimitive.Trigger>\n    )\n  },\n)\nTooltipTrigger.displayName = 'TooltipTrigger'\n\nconst TooltipContent = React.forwardRef<React.ComponentRef<typeof TooltipPrimitive.Content>, TooltipContentProps>(\n  ({ className: propClassName, sideOffset = 8, variant = 'default', children, ...props }, forwardedRef) => {\n    const { className, ...contentProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        variant,\n      },\n      tooltipContentPropDefs,\n    )\n\n    return (\n      <TooltipPrimitive.Portal>\n        <PortalThemeWrapper>\n          <TooltipPrimitive.Content\n            {...contentProps}\n            ref={forwardedRef}\n            sideOffset={sideOffset}\n            className={classNames('dsx-tooltip', `dsx-tooltip--${variant}`, className)}\n          >\n            {children}\n            <TooltipPrimitive.Arrow className=\"dsx-tooltip__arrow\" width={8} height={4} />\n          </TooltipPrimitive.Content>\n        </PortalThemeWrapper>\n      </TooltipPrimitive.Portal>\n    )\n  },\n)\nTooltipContent.displayName = 'TooltipContent'\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\nexport type { TooltipContentProps, TooltipProviderProps, TooltipRootProps, TooltipTriggerProps }\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,YAAY,sBAAsB;AAClC,SAAS,YAAY;AAErB,SAAS,qBAAqB,0BAA0B;AACxD,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB,8BAA8B;AAatD,cA0DC,YA1DD;AADT,SAAS,gBAAgB,OAA6B;AACpD,SAAO,oBAAC,iBAAiB,UAAjB,EAA0B,eAAe,KAAM,GAAG,OAAO;AACnE;AACA,gBAAgB,cAAc;AAM9B,SAAS,QAAQ,OAAqE;AACpF,SACE,oBAAC,uBACC,8BAAC,iBAAiB,MAAjB,EAAuB,GAAG,OAAO,GACpC;AAEJ;AACA,QAAQ,cAAc;AAEtB,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,EAAE,UAAU,OAAO,WAAW,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACpE,UAAM,eAAe;AAAA,MACnB;AAAA,QACE,GAAG;AAAA,QACH;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAEA,QAAI,SAAS;AACX,aACE,oBAAC,iBAAiB,SAAjB,EAA0B,GAAG,cAAc,KAAK,cAAc,SAAO,MACpE,8BAAC,QAAK,WAAuB,UAAS,GACxC;AAAA,IAEJ;AAEA,WACE,oBAAC,iBAAiB,SAAjB,EAA0B,GAAG,cAAc,KAAK,cAAc,WAC5D,UACH;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAE7B,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,EAAE,WAAW,eAAe,aAAa,GAAG,UAAU,WAAW,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACvG,UAAM,EAAE,WAAW,GAAG,aAAa,IAAI;AAAA,MACrC;AAAA,QACE,GAAG;AAAA,QACH,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAEA,WACE,oBAAC,iBAAiB,QAAjB,EACC,8BAAC,sBACC;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL;AAAA,QACA,WAAW,WAAW,eAAe,gBAAgB,OAAO,IAAI,SAAS;AAAA,QAExE;AAAA;AAAA,UACD,oBAAC,iBAAiB,OAAjB,EAAuB,WAAU,sBAAqB,OAAO,GAAG,QAAQ,GAAG;AAAA;AAAA;AAAA,IAC9E,GACF,GACF;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;",
   "names": []
 }

package/dist/components/tooltip.css

@@ -2,7 +2,8 @@
   max-width: var(--dsx-tooltip-max-width);
   border-radius: var(--dsx-rounded-sm);
   padding: var(--dsx-space-xs) var(--dsx-space-sm);
-  background: var(--dsx-color-surface-overlay);
+  background: var(--dsx-color-panel-translucent);
+  backdrop-filter: var(--dsx-effect-panel-glass-backdrop-filter);
   color: var(--dsx-color-on-surface);
   box-shadow: var(--dsx-shadow-elevation-2);
   font-family: var(--dsx-typography-label-small-font-family), sans-serif;
@@ -11,12 +12,18 @@
   line-height: var(--dsx-typography-label-small-line-height);
 }
 
-.dsx-tooltip--primary {
+/* Doubled class (0,2,0, within policy): the portal Theme wrapper merges
+   `dsx-theme` onto this element via Slot, and `.dsx-theme`'s own
+   `color: on-surface` (same specificity, later in the bundle) would
+   otherwise clobber the variant text color — confirmed live 2026-09-19
+   (dark text on primary purple in light mode, light text on lime in
+   dark+spark). Background already wins (no .dsx-theme background rule). */
+.dsx-tooltip.dsx-tooltip--primary {
   background: var(--dsx-color-primary);
   color: var(--dsx-color-on-primary);
 }
 
-.dsx-tooltip--error {
+.dsx-tooltip.dsx-tooltip--error {
   background: var(--dsx-color-error);
   color: var(--dsx-color-on-error);
 }