@d4gger/design-system 3.0.1 → 4.0.0

package/dist/components/text.css

@@ -1,12 +1,38 @@
 
 
+:where(.dsx-text) {
+  --dsx-r-margin-top: initial;
+  --dsx-r-margin-right: initial;
+  --dsx-r-margin-bottom: initial;
+  --dsx-r-margin-left: initial;
+  --dsx-r-margin-top-override: initial;
+  --dsx-r-margin-right-override: initial;
+  --dsx-r-margin-bottom-override: initial;
+  --dsx-r-margin-left-override: initial;
+}
+
 .dsx-text {
+  /* Spacing belongs to this element, not an enclosing layout primitive. */
+  --dsx-r-m: initial;
+  --dsx-r-mx: initial;
+  --dsx-r-my: initial;
+  --dsx-r-mt: initial;
+  --dsx-r-mr: initial;
+  --dsx-r-mb: initial;
+  --dsx-r-ml: initial;
+  --dsx-r-p: initial;
+  --dsx-r-px: initial;
+  --dsx-r-py: initial;
+  --dsx-r-pt: initial;
+  --dsx-r-pr: initial;
+  --dsx-r-pb: initial;
+  --dsx-r-pl: initial;
   box-sizing: border-box;
   margin: var(--dsx-r-m, 0);
-  margin-top: var(--dsx-r-mt, var(--dsx-r-my, var(--dsx-r-m, 0)));
-  margin-right: var(--dsx-r-mr, var(--dsx-r-mx, var(--dsx-r-m, 0)));
-  margin-bottom: var(--dsx-r-mb, var(--dsx-r-my, var(--dsx-r-m, 0)));
-  margin-left: var(--dsx-r-ml, var(--dsx-r-mx, var(--dsx-r-m, 0)));
+  margin-top: var(--dsx-r-margin-top-override, var(--dsx-r-margin-top, 0));
+  margin-right: var(--dsx-r-margin-right-override, var(--dsx-r-margin-right, 0));
+  margin-bottom: var(--dsx-r-margin-bottom-override, var(--dsx-r-margin-bottom, 0));
+  margin-left: var(--dsx-r-margin-left-override, var(--dsx-r-margin-left, 0));
   padding: var(--dsx-r-p, 0);
   padding-top: var(--dsx-r-pt, var(--dsx-r-py, var(--dsx-r-p, 0)));
   padding-right: var(--dsx-r-pr, var(--dsx-r-px, var(--dsx-r-p, 0)));
@@ -89,41 +115,50 @@
   text-decoration: var(--dsx-typography-label-small-text-decoration);
 }
 
-/* Responsive size scale (1-9) — font-size only, overrides variant when both provided */
+/* Existing size scale (1-9) — font size and matching role rhythm. */
 .dsx-r-text-size-1 {
   font-size: var(--dsx-typography-label-small-font-size);
+  line-height: var(--dsx-typography-label-small-line-height);
 }
 
 .dsx-r-text-size-2 {
   font-size: var(--dsx-typography-label-medium-font-size);
+  line-height: var(--dsx-typography-label-medium-line-height);
 }
 
 .dsx-r-text-size-3 {
   font-size: var(--dsx-typography-body-medium-font-size);
+  line-height: var(--dsx-typography-body-medium-line-height);
 }
 
 .dsx-r-text-size-4 {
   font-size: var(--dsx-typography-body-large-font-size);
+  line-height: var(--dsx-typography-body-large-line-height);
 }
 
 .dsx-r-text-size-5 {
   font-size: var(--dsx-typography-label-large-font-size);
+  line-height: var(--dsx-typography-label-large-line-height);
 }
 
 .dsx-r-text-size-6 {
   font-size: var(--dsx-typography-headline-medium-font-size);
+  line-height: var(--dsx-typography-headline-medium-line-height);
 }
 
 .dsx-r-text-size-7 {
   font-size: var(--dsx-typography-headline-large-font-size);
+  line-height: var(--dsx-typography-headline-large-line-height);
 }
 
 .dsx-r-text-size-8 {
   font-size: var(--dsx-typography-display-medium-font-size);
+  line-height: var(--dsx-typography-display-medium-line-height);
 }
 
 .dsx-r-text-size-9 {
   font-size: var(--dsx-typography-display-large-font-size);
+  line-height: var(--dsx-typography-display-large-line-height);
 }
 
 .dsx-text--muted {
@@ -143,6 +178,6 @@
 }
 
 /* High-contrast mode — shift text color to HC family (Pattern 3) */
-.dsx-text[data-high-contrast='true'] {
+.dsx-text:where(:not(.dsx-text--inverse))[data-high-contrast='true'] {
   color: var(--dsx-color-high-contrast);
 }

package/dist/components/theme-panel.css

@@ -1,6 +1,9 @@
 
 
 .dsx-theme-panel {
+  box-sizing: border-box;
+  min-width: 0;
+  max-width: 100%;
   display: flex;
   flex-direction: column;
   gap: var(--dsx-space-xs);
@@ -13,6 +16,8 @@
 }
 
 .dsx-theme-panel__row {
+  flex-wrap: wrap;
+  min-width: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -21,5 +26,6 @@
 }
 
 .dsx-theme-panel__label {
+  overflow-wrap: anywhere;
   color: var(--dsx-color-on-surface-variant);
 }

package/dist/components/toast/Toast.cjs

@@ -44,6 +44,7 @@ var import_classnames = __toESM(require("classnames"), 1);
 var ToastPrimitive = __toESM(require("@radix-ui/react-toast"), 1);
 var import_react_slot = require("@radix-ui/react-slot");
 var import_foundations = require("../../foundations");
+var import_constants = require("../../_internal/constants");
 var import_extractProps = require("../../_internal/helpers/extractProps");
 var import_Icon = require("../icon/Icon");
 var import_toast = require("./toast.props");
@@ -59,8 +60,9 @@ function getDocumentThemeState() {
     };
   }
   const host = document.body ?? document.documentElement;
+  const documentAccent = host.getAttribute("data-accent-color") ?? document.documentElement.getAttribute("data-accent-color");
   return {
-    accentColor: host.getAttribute("data-accent-color") === "warp" ? "warp" : host.getAttribute("data-accent-color") === "ray" ? "ray" : "rift",
+    accentColor: import_constants.ACCENT_COLOR_VALUES.find((accent) => accent === documentAccent) ?? "rift",
     grayColor: host.getAttribute("data-gray-color") === "neutral" ? "neutral" : "auto",
     mode: document.body?.getAttribute("data-dsx-theme") === "light" || document.documentElement.getAttribute("data-dsx-theme") === "light" ? "light" : "dark",
     panelBackground: host.getAttribute("data-panel-background") === "solid" ? "solid" : "translucent",

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/toast/Toast.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as ToastPrimitive from '@radix-ui/react-toast'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { useThemeContext } from '../../foundations'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { toastPropDefs, toastTriggerPropDefs } from './toast.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nfunction getDocumentThemeState() {\n  if (typeof document === 'undefined') {\n    return {\n      accentColor: 'rift',\n      grayColor: 'auto',\n      mode: 'dark',\n      panelBackground: 'translucent',\n      radius: 'md',\n    } as const\n  }\n\n  const host = document.body ?? document.documentElement\n\n  return {\n    accentColor:\n      host.getAttribute('data-accent-color') === 'warp'\n        ? 'warp'\n        : host.getAttribute('data-accent-color') === 'ray'\n          ? 'ray'\n          : 'rift',\n    grayColor: host.getAttribute('data-gray-color') === 'neutral' ? 'neutral' : 'auto',\n    mode:\n      document.body?.getAttribute('data-dsx-theme') === 'light'\n      || document.documentElement.getAttribute('data-dsx-theme') === 'light'\n        ? 'light'\n        : 'dark',\n    panelBackground: host.getAttribute('data-panel-background') === 'solid' ? 'solid' : 'translucent',\n    radius:\n      host.getAttribute('data-radius') === 'none'\n        ? 'none'\n        : host.getAttribute('data-radius') === 'sm'\n          ? 'sm'\n          : host.getAttribute('data-radius') === 'lg'\n            ? 'lg'\n            : host.getAttribute('data-radius') === 'full'\n              ? 'full'\n              : 'md',\n  } as const\n}\n\nfunction useDocumentTheme() {\n  const inheritedTheme = useThemeContext()\n  const [theme, setTheme] = React.useState(() => inheritedTheme ?? getDocumentThemeState())\n\n  React.useEffect(() => {\n    if (typeof document === 'undefined') return\n\n    const root = document.documentElement\n    const body = document.body\n\n    if (!body || typeof MutationObserver === 'undefined') {\n      setTheme(inheritedTheme ?? getDocumentThemeState())\n      return\n    }\n\n    const updateTheme = () => setTheme(inheritedTheme ?? getDocumentThemeState())\n\n    updateTheme()\n\n    const observer = new MutationObserver(updateTheme)\n    observer.observe(root, {\n      attributes: true,\n      attributeFilter: ['data-accent-color', 'data-gray-color', 'data-dsx-theme', 'data-panel-background', 'data-radius'],\n    })\n    observer.observe(body, {\n      attributes: true,\n      attributeFilter: ['data-accent-color', 'data-gray-color', 'data-dsx-theme', 'data-panel-background', 'data-radius'],\n    })\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [inheritedTheme])\n\n  return theme\n}\n\ntype ToastOwnProps = GetPropDefTypes<typeof toastPropDefs>\ntype ToastTriggerOwnProps = GetPropDefTypes<typeof toastTriggerPropDefs>\n\ntype ToastProviderProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Provider>\ntype ToastViewportProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Viewport>\ntype ToastProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Root> & ToastOwnProps\ntype ToastTitleProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Title>\ntype ToastDescriptionProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Description>\ntype ToastActionProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Action>\ntype ToastCloseProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Close>\ntype ToastVariant = NonNullable<ToastOwnProps['variant']>\n\ninterface ToastTriggerProps extends React.ComponentPropsWithoutRef<'button'>, ToastTriggerOwnProps {}\n\nconst ToastProvider = ToastPrimitive.Provider\n\nconst ToastTrigger = React.forwardRef<React.ComponentRef<'button'>, ToastTriggerProps>((props, forwardedRef) => {\n  const { asChild, className, children, type = 'button', ...triggerProps } = extractProps(props, toastTriggerPropDefs)\n  const Comp = asChild ? Slot : 'button'\n\n  return (\n    <Comp\n      {...triggerProps}\n      ref={forwardedRef}\n      type={asChild ? undefined : type}\n      className={classNames('dsx-toast__trigger', className)}\n      data-slot=\"toast-trigger\"\n    >\n      {children}\n    </Comp>\n  )\n})\nToastTrigger.displayName = 'ToastTrigger'\n\nconst ToastViewport = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Viewport>, ToastViewportProps>(\n  ({ className, ...props }, forwardedRef) => {\n    const resolvedTheme = useDocumentTheme()\n\n    return (\n      <ToastPrimitive.Viewport\n        ref={forwardedRef}\n        className={classNames('dsx-toast__viewport', className)}\n        data-accent-color={resolvedTheme.accentColor}\n        data-gray-color={resolvedTheme.grayColor}\n        data-dsx-theme={resolvedTheme.mode}\n        data-panel-background={resolvedTheme.panelBackground}\n        data-radius={resolvedTheme.radius}\n        data-slot=\"toast-viewport\"\n        {...props}\n      />\n    )\n  },\n)\nToastViewport.displayName = 'ToastViewport'\n\nconst ToastRoot = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Root>, ToastProps>(\n  ({ className: propClassName, variant = 'default', ...props }, forwardedRef) => {\n    const { className, size = 'md', ...toastProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        variant,\n      },\n      toastPropDefs,\n    )\n\n    return (\n      <ToastPrimitive.Root\n        ref={forwardedRef}\n        className={classNames('dsx-toast', className)}\n        data-slot=\"toast\"\n        data-variant={variant}\n        data-size={size}\n        {...toastProps}\n      />\n    )\n  },\n)\nToastRoot.displayName = 'Toast'\n\nconst ToastTitle = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Title>, ToastTitleProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <ToastPrimitive.Title\n        ref={forwardedRef}\n        className={classNames('dsx-toast__title', className)}\n        data-slot=\"toast-title\"\n        {...props}\n      />\n    )\n  },\n)\nToastTitle.displayName = 'ToastTitle'\n\nconst ToastDescription = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Description>, ToastDescriptionProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <ToastPrimitive.Description\n        ref={forwardedRef}\n        className={classNames('dsx-toast__description', className)}\n        data-slot=\"toast-description\"\n        {...props}\n      />\n    )\n  },\n)\nToastDescription.displayName = 'ToastDescription'\n\nconst ToastAction = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Action>, ToastActionProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <ToastPrimitive.Action\n        ref={forwardedRef}\n        className={classNames('dsx-toast__action', className)}\n        data-slot=\"toast-action\"\n        {...props}\n      />\n    )\n  },\n)\nToastAction.displayName = 'ToastAction'\n\nconst ToastClose = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Close>, ToastCloseProps>(\n  ({ className, children, 'aria-label': ariaLabel = 'Close', ...props }, forwardedRef) => {\n    return (\n      <ToastPrimitive.Close\n        ref={forwardedRef}\n        className={classNames('dsx-toast__close', className)}\n        data-slot=\"toast-close\"\n        aria-label={ariaLabel}\n        {...props}\n      >\n        {children ?? <Icon name=\"x\" size=\"md\" />}\n      </ToastPrimitive.Close>\n    )\n  },\n)\nToastClose.displayName = 'ToastClose'\n\nconst Toast: typeof ToastRoot & {\n  Provider: typeof ToastProvider\n  Trigger: typeof ToastTrigger\n  Viewport: typeof ToastViewport\n  Title: typeof ToastTitle\n  Description: typeof ToastDescription\n  Action: typeof ToastAction\n  Close: typeof ToastClose\n} = Object.assign(ToastRoot, {\n  Provider: ToastProvider,\n  Trigger: ToastTrigger,\n  Viewport: ToastViewport,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Action: ToastAction,\n  Close: ToastClose,\n})\nToast.displayName = 'Toast'\n\nexport {\n  Toast,\n  ToastAction,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastTrigger,\n  ToastViewport,\n}\nexport type {\n  ToastActionProps,\n  ToastCloseProps,\n  ToastDescriptionProps,\n  ToastProps,\n  ToastProviderProps,\n  ToastTitleProps,\n  ToastTriggerProps,\n  ToastVariant,\n  ToastViewportProps,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as ToastPrimitive from '@radix-ui/react-toast'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { useThemeContext } from '../../foundations'\nimport { ACCENT_COLOR_VALUES } from '../../_internal/constants'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { toastPropDefs, toastTriggerPropDefs } from './toast.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nfunction getDocumentThemeState() {\n  if (typeof document === 'undefined') {\n    return {\n      accentColor: 'rift',\n      grayColor: 'auto',\n      mode: 'dark',\n      panelBackground: 'translucent',\n      radius: 'md',\n    } as const\n  }\n\n  const host = document.body ?? document.documentElement\n  const documentAccent = host.getAttribute('data-accent-color') ?? document.documentElement.getAttribute('data-accent-color')\n\n  return {\n    accentColor: ACCENT_COLOR_VALUES.find(accent => accent === documentAccent) ?? 'rift',\n    grayColor: host.getAttribute('data-gray-color') === 'neutral' ? 'neutral' : 'auto',\n    mode:\n      document.body?.getAttribute('data-dsx-theme') === 'light'\n      || document.documentElement.getAttribute('data-dsx-theme') === 'light'\n        ? 'light'\n        : 'dark',\n    panelBackground: host.getAttribute('data-panel-background') === 'solid' ? 'solid' : 'translucent',\n    radius:\n      host.getAttribute('data-radius') === 'none'\n        ? 'none'\n        : host.getAttribute('data-radius') === 'sm'\n          ? 'sm'\n          : host.getAttribute('data-radius') === 'lg'\n            ? 'lg'\n            : host.getAttribute('data-radius') === 'full'\n              ? 'full'\n              : 'md',\n  } as const\n}\n\nfunction useDocumentTheme() {\n  const inheritedTheme = useThemeContext()\n  const [theme, setTheme] = React.useState(() => inheritedTheme ?? getDocumentThemeState())\n\n  React.useEffect(() => {\n    if (typeof document === 'undefined') return\n\n    const root = document.documentElement\n    const body = document.body\n\n    if (!body || typeof MutationObserver === 'undefined') {\n      setTheme(inheritedTheme ?? getDocumentThemeState())\n      return\n    }\n\n    const updateTheme = () => setTheme(inheritedTheme ?? getDocumentThemeState())\n\n    updateTheme()\n\n    const observer = new MutationObserver(updateTheme)\n    observer.observe(root, {\n      attributes: true,\n      attributeFilter: ['data-accent-color', 'data-gray-color', 'data-dsx-theme', 'data-panel-background', 'data-radius'],\n    })\n    observer.observe(body, {\n      attributes: true,\n      attributeFilter: ['data-accent-color', 'data-gray-color', 'data-dsx-theme', 'data-panel-background', 'data-radius'],\n    })\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [inheritedTheme])\n\n  return theme\n}\n\ntype ToastOwnProps = GetPropDefTypes<typeof toastPropDefs>\ntype ToastTriggerOwnProps = GetPropDefTypes<typeof toastTriggerPropDefs>\n\ntype ToastProviderProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Provider>\ntype ToastViewportProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Viewport>\ntype ToastProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Root> & ToastOwnProps\ntype ToastTitleProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Title>\ntype ToastDescriptionProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Description>\ntype ToastActionProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Action>\ntype ToastCloseProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Close>\ntype ToastVariant = NonNullable<ToastOwnProps['variant']>\n\ninterface ToastTriggerProps extends React.ComponentPropsWithoutRef<'button'>, ToastTriggerOwnProps {}\n\nconst ToastProvider = ToastPrimitive.Provider\n\nconst ToastTrigger = React.forwardRef<React.ComponentRef<'button'>, ToastTriggerProps>((props, forwardedRef) => {\n  const { asChild, className, children, type = 'button', ...triggerProps } = extractProps(props, toastTriggerPropDefs)\n  const Comp = asChild ? Slot : 'button'\n\n  return (\n    <Comp\n      {...triggerProps}\n      ref={forwardedRef}\n      type={asChild ? undefined : type}\n      className={classNames('dsx-toast__trigger', className)}\n      data-slot=\"toast-trigger\"\n    >\n      {children}\n    </Comp>\n  )\n})\nToastTrigger.displayName = 'ToastTrigger'\n\nconst ToastViewport = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Viewport>, ToastViewportProps>(\n  ({ className, ...props }, forwardedRef) => {\n    const resolvedTheme = useDocumentTheme()\n\n    return (\n      <ToastPrimitive.Viewport\n        ref={forwardedRef}\n        className={classNames('dsx-toast__viewport', className)}\n        data-accent-color={resolvedTheme.accentColor}\n        data-gray-color={resolvedTheme.grayColor}\n        data-dsx-theme={resolvedTheme.mode}\n        data-panel-background={resolvedTheme.panelBackground}\n        data-radius={resolvedTheme.radius}\n        data-slot=\"toast-viewport\"\n        {...props}\n      />\n    )\n  },\n)\nToastViewport.displayName = 'ToastViewport'\n\nconst ToastRoot = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Root>, ToastProps>(\n  ({ className: propClassName, variant = 'default', ...props }, forwardedRef) => {\n    const { className, size = 'md', ...toastProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        variant,\n      },\n      toastPropDefs,\n    )\n\n    return (\n      <ToastPrimitive.Root\n        ref={forwardedRef}\n        className={classNames('dsx-toast', className)}\n        data-slot=\"toast\"\n        data-variant={variant}\n        data-size={size}\n        {...toastProps}\n      />\n    )\n  },\n)\nToastRoot.displayName = 'Toast'\n\nconst ToastTitle = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Title>, ToastTitleProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <ToastPrimitive.Title\n        ref={forwardedRef}\n        className={classNames('dsx-toast__title', className)}\n        data-slot=\"toast-title\"\n        {...props}\n      />\n    )\n  },\n)\nToastTitle.displayName = 'ToastTitle'\n\nconst ToastDescription = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Description>, ToastDescriptionProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <ToastPrimitive.Description\n        ref={forwardedRef}\n        className={classNames('dsx-toast__description', className)}\n        data-slot=\"toast-description\"\n        {...props}\n      />\n    )\n  },\n)\nToastDescription.displayName = 'ToastDescription'\n\nconst ToastAction = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Action>, ToastActionProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <ToastPrimitive.Action\n        ref={forwardedRef}\n        className={classNames('dsx-toast__action', className)}\n        data-slot=\"toast-action\"\n        {...props}\n      />\n    )\n  },\n)\nToastAction.displayName = 'ToastAction'\n\nconst ToastClose = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Close>, ToastCloseProps>(\n  ({ className, children, 'aria-label': ariaLabel = 'Close', ...props }, forwardedRef) => {\n    return (\n      <ToastPrimitive.Close\n        ref={forwardedRef}\n        className={classNames('dsx-toast__close', className)}\n        data-slot=\"toast-close\"\n        aria-label={ariaLabel}\n        {...props}\n      >\n        {children ?? <Icon name=\"x\" size=\"md\" />}\n      </ToastPrimitive.Close>\n    )\n  },\n)\nToastClose.displayName = 'ToastClose'\n\nconst Toast: typeof ToastRoot & {\n  Provider: typeof ToastProvider\n  Trigger: typeof ToastTrigger\n  Viewport: typeof ToastViewport\n  Title: typeof ToastTitle\n  Description: typeof ToastDescription\n  Action: typeof ToastAction\n  Close: typeof ToastClose\n} = Object.assign(ToastRoot, {\n  Provider: ToastProvider,\n  Trigger: ToastTrigger,\n  Viewport: ToastViewport,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Action: ToastAction,\n  Close: ToastClose,\n})\nToast.displayName = 'Toast'\n\nexport {\n  Toast,\n  ToastAction,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastTrigger,\n  ToastViewport,\n}\nexport type {\n  ToastActionProps,\n  ToastCloseProps,\n  ToastDescriptionProps,\n  ToastProps,\n  ToastProviderProps,\n  ToastTitleProps,\n  ToastTriggerProps,\n  ToastVariant,\n  ToastViewportProps,\n}\n"],
+  "mappings": "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",
   "names": ["classNames"]
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.cts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAMvD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AA+EpE,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAA;AAC1D,KAAK,oBAAoB,GAAG,eAAe,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAExE,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AACxF,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AACxF,KAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG,aAAa,CAAA;AAC5F,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAClF,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,CAAA;AAC9F,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,CAAA;AACpF,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAClF,KAAK,YAAY,GAAG,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAA;AAEzD,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,oBAAoB;CAAG;AAErG,QAAA,MAAM,aAAa,6CAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6FAehB,CAAA;AAGF,QAAA,MAAM,aAAa,iKAkBlB,CAAA;AAGD,QAAA,MAAM,SAAS;;;;;;;;;;;;wCAsBd,CAAA;AAGD,QAAA,MAAM,UAAU,0JAWf,CAAA;AAGD,QAAA,MAAM,gBAAgB,gKAWrB,CAAA;AAGD,QAAA,MAAM,WAAW,iKAWhB,CAAA;AAGD,QAAA,MAAM,UAAU,gKAcf,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,QAAQ,EAAE,OAAO,aAAa,CAAA;IAC9B,OAAO,EAAE,OAAO,YAAY,CAAA;IAC5B,QAAQ,EAAE,OAAO,aAAa,CAAA;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;IAC1B,KAAK,EAAE,OAAO,UAAU,CAAA;CASxB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,aAAa,GACd,CAAA;AACD,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,GACnB,CAAA"}
+{"version":3,"file":"Toast.d.cts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAOvD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AA2EpE,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAA;AAC1D,KAAK,oBAAoB,GAAG,eAAe,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAExE,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AACxF,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AACxF,KAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG,aAAa,CAAA;AAC5F,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAClF,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,CAAA;AAC9F,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,CAAA;AACpF,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAClF,KAAK,YAAY,GAAG,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAA;AAEzD,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,oBAAoB;CAAG;AAErG,QAAA,MAAM,aAAa,6CAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6FAehB,CAAA;AAGF,QAAA,MAAM,aAAa,iKAkBlB,CAAA;AAGD,QAAA,MAAM,SAAS;;;;;;;;;;;;wCAsBd,CAAA;AAGD,QAAA,MAAM,UAAU,0JAWf,CAAA;AAGD,QAAA,MAAM,gBAAgB,gKAWrB,CAAA;AAGD,QAAA,MAAM,WAAW,iKAWhB,CAAA;AAGD,QAAA,MAAM,UAAU,gKAcf,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,QAAQ,EAAE,OAAO,aAAa,CAAA;IAC9B,OAAO,EAAE,OAAO,YAAY,CAAA;IAC5B,QAAQ,EAAE,OAAO,aAAa,CAAA;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;IAC1B,KAAK,EAAE,OAAO,UAAU,CAAA;CASxB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,aAAa,GACd,CAAA;AACD,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,GACnB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.mts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAMvD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AA+EpE,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAA;AAC1D,KAAK,oBAAoB,GAAG,eAAe,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAExE,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AACxF,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AACxF,KAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG,aAAa,CAAA;AAC5F,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAClF,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,CAAA;AAC9F,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,CAAA;AACpF,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAClF,KAAK,YAAY,GAAG,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAA;AAEzD,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,oBAAoB;CAAG;AAErG,QAAA,MAAM,aAAa,6CAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6FAehB,CAAA;AAGF,QAAA,MAAM,aAAa,iKAkBlB,CAAA;AAGD,QAAA,MAAM,SAAS;;;;;;;;;;;;wCAsBd,CAAA;AAGD,QAAA,MAAM,UAAU,0JAWf,CAAA;AAGD,QAAA,MAAM,gBAAgB,gKAWrB,CAAA;AAGD,QAAA,MAAM,WAAW,iKAWhB,CAAA;AAGD,QAAA,MAAM,UAAU,gKAcf,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,QAAQ,EAAE,OAAO,aAAa,CAAA;IAC9B,OAAO,EAAE,OAAO,YAAY,CAAA;IAC5B,QAAQ,EAAE,OAAO,aAAa,CAAA;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;IAC1B,KAAK,EAAE,OAAO,UAAU,CAAA;CASxB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,aAAa,GACd,CAAA;AACD,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,GACnB,CAAA"}
+{"version":3,"file":"Toast.d.mts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAOvD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AA2EpE,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAA;AAC1D,KAAK,oBAAoB,GAAG,eAAe,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAExE,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AACxF,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AACxF,KAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG,aAAa,CAAA;AAC5F,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAClF,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,CAAA;AAC9F,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,CAAA;AACpF,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAClF,KAAK,YAAY,GAAG,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAA;AAEzD,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,oBAAoB;CAAG;AAErG,QAAA,MAAM,aAAa,6CAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6FAehB,CAAA;AAGF,QAAA,MAAM,aAAa,iKAkBlB,CAAA;AAGD,QAAA,MAAM,SAAS;;;;;;;;;;;;wCAsBd,CAAA;AAGD,QAAA,MAAM,UAAU,0JAWf,CAAA;AAGD,QAAA,MAAM,gBAAgB,gKAWrB,CAAA;AAGD,QAAA,MAAM,WAAW,iKAWhB,CAAA;AAGD,QAAA,MAAM,UAAU,gKAcf,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,QAAQ,EAAE,OAAO,aAAa,CAAA;IAC9B,OAAO,EAAE,OAAO,YAAY,CAAA;IAC5B,QAAQ,EAAE,OAAO,aAAa,CAAA;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;IAC1B,KAAK,EAAE,OAAO,UAAU,CAAA;CASxB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,aAAa,GACd,CAAA;AACD,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,GACnB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAMvD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AA+EpE,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAA;AAC1D,KAAK,oBAAoB,GAAG,eAAe,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAExE,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AACxF,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AACxF,KAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG,aAAa,CAAA;AAC5F,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAClF,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,CAAA;AAC9F,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,CAAA;AACpF,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAClF,KAAK,YAAY,GAAG,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAA;AAEzD,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,oBAAoB;CAAG;AAErG,QAAA,MAAM,aAAa,6CAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6FAehB,CAAA;AAGF,QAAA,MAAM,aAAa,iKAkBlB,CAAA;AAGD,QAAA,MAAM,SAAS;;;;;;;;;;;;wCAsBd,CAAA;AAGD,QAAA,MAAM,UAAU,0JAWf,CAAA;AAGD,QAAA,MAAM,gBAAgB,gKAWrB,CAAA;AAGD,QAAA,MAAM,WAAW,iKAWhB,CAAA;AAGD,QAAA,MAAM,UAAU,gKAcf,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,QAAQ,EAAE,OAAO,aAAa,CAAA;IAC9B,OAAO,EAAE,OAAO,YAAY,CAAA;IAC5B,QAAQ,EAAE,OAAO,aAAa,CAAA;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;IAC1B,KAAK,EAAE,OAAO,UAAU,CAAA;CASxB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,aAAa,GACd,CAAA;AACD,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,GACnB,CAAA"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAOvD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AA2EpE,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAA;AAC1D,KAAK,oBAAoB,GAAG,eAAe,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAExE,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AACxF,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AACxF,KAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG,aAAa,CAAA;AAC5F,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAClF,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,CAAA;AAC9F,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,CAAA;AACpF,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAClF,KAAK,YAAY,GAAG,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAA;AAEzD,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,oBAAoB;CAAG;AAErG,QAAA,MAAM,aAAa,6CAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6FAehB,CAAA;AAGF,QAAA,MAAM,aAAa,iKAkBlB,CAAA;AAGD,QAAA,MAAM,SAAS;;;;;;;;;;;;wCAsBd,CAAA;AAGD,QAAA,MAAM,UAAU,0JAWf,CAAA;AAGD,QAAA,MAAM,gBAAgB,gKAWrB,CAAA;AAGD,QAAA,MAAM,WAAW,iKAWhB,CAAA;AAGD,QAAA,MAAM,UAAU,gKAcf,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,QAAQ,EAAE,OAAO,aAAa,CAAA;IAC9B,OAAO,EAAE,OAAO,YAAY,CAAA;IAC5B,QAAQ,EAAE,OAAO,aAAa,CAAA;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;IAC1B,KAAK,EAAE,OAAO,UAAU,CAAA;CASxB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,aAAa,GACd,CAAA;AACD,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,GACnB,CAAA"}

package/dist/components/toast/Toast.js

@@ -4,6 +4,7 @@ import classNames from "classnames";
 import * as ToastPrimitive from "@radix-ui/react-toast";
 import { Slot } from "@radix-ui/react-slot";
 import { useThemeContext } from "../../foundations/index.js";
+import { ACCENT_COLOR_VALUES } from "../../_internal/constants.js";
 import { extractProps } from "../../_internal/helpers/extractProps.js";
 import { Icon } from "../icon/Icon.js";
 import { toastPropDefs, toastTriggerPropDefs } from "./toast.props.js";
@@ -19,8 +20,9 @@ function getDocumentThemeState() {
     };
   }
   const host = document.body ?? document.documentElement;
+  const documentAccent = host.getAttribute("data-accent-color") ?? document.documentElement.getAttribute("data-accent-color");
   return {
-    accentColor: host.getAttribute("data-accent-color") === "warp" ? "warp" : host.getAttribute("data-accent-color") === "ray" ? "ray" : "rift",
+    accentColor: ACCENT_COLOR_VALUES.find((accent) => accent === documentAccent) ?? "rift",
     grayColor: host.getAttribute("data-gray-color") === "neutral" ? "neutral" : "auto",
     mode: document.body?.getAttribute("data-dsx-theme") === "light" || document.documentElement.getAttribute("data-dsx-theme") === "light" ? "light" : "dark",
     panelBackground: host.getAttribute("data-panel-background") === "solid" ? "solid" : "translucent",

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/toast/Toast.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as ToastPrimitive from '@radix-ui/react-toast'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { useThemeContext } from '../../foundations'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { toastPropDefs, toastTriggerPropDefs } from './toast.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nfunction getDocumentThemeState() {\n  if (typeof document === 'undefined') {\n    return {\n      accentColor: 'rift',\n      grayColor: 'auto',\n      mode: 'dark',\n      panelBackground: 'translucent',\n      radius: 'md',\n    } as const\n  }\n\n  const host = document.body ?? document.documentElement\n\n  return {\n    accentColor:\n      host.getAttribute('data-accent-color') === 'warp'\n        ? 'warp'\n        : host.getAttribute('data-accent-color') === 'ray'\n          ? 'ray'\n          : 'rift',\n    grayColor: host.getAttribute('data-gray-color') === 'neutral' ? 'neutral' : 'auto',\n    mode:\n      document.body?.getAttribute('data-dsx-theme') === 'light'\n      || document.documentElement.getAttribute('data-dsx-theme') === 'light'\n        ? 'light'\n        : 'dark',\n    panelBackground: host.getAttribute('data-panel-background') === 'solid' ? 'solid' : 'translucent',\n    radius:\n      host.getAttribute('data-radius') === 'none'\n        ? 'none'\n        : host.getAttribute('data-radius') === 'sm'\n          ? 'sm'\n          : host.getAttribute('data-radius') === 'lg'\n            ? 'lg'\n            : host.getAttribute('data-radius') === 'full'\n              ? 'full'\n              : 'md',\n  } as const\n}\n\nfunction useDocumentTheme() {\n  const inheritedTheme = useThemeContext()\n  const [theme, setTheme] = React.useState(() => inheritedTheme ?? getDocumentThemeState())\n\n  React.useEffect(() => {\n    if (typeof document === 'undefined') return\n\n    const root = document.documentElement\n    const body = document.body\n\n    if (!body || typeof MutationObserver === 'undefined') {\n      setTheme(inheritedTheme ?? getDocumentThemeState())\n      return\n    }\n\n    const updateTheme = () => setTheme(inheritedTheme ?? getDocumentThemeState())\n\n    updateTheme()\n\n    const observer = new MutationObserver(updateTheme)\n    observer.observe(root, {\n      attributes: true,\n      attributeFilter: ['data-accent-color', 'data-gray-color', 'data-dsx-theme', 'data-panel-background', 'data-radius'],\n    })\n    observer.observe(body, {\n      attributes: true,\n      attributeFilter: ['data-accent-color', 'data-gray-color', 'data-dsx-theme', 'data-panel-background', 'data-radius'],\n    })\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [inheritedTheme])\n\n  return theme\n}\n\ntype ToastOwnProps = GetPropDefTypes<typeof toastPropDefs>\ntype ToastTriggerOwnProps = GetPropDefTypes<typeof toastTriggerPropDefs>\n\ntype ToastProviderProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Provider>\ntype ToastViewportProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Viewport>\ntype ToastProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Root> & ToastOwnProps\ntype ToastTitleProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Title>\ntype ToastDescriptionProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Description>\ntype ToastActionProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Action>\ntype ToastCloseProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Close>\ntype ToastVariant = NonNullable<ToastOwnProps['variant']>\n\ninterface ToastTriggerProps extends React.ComponentPropsWithoutRef<'button'>, ToastTriggerOwnProps {}\n\nconst ToastProvider = ToastPrimitive.Provider\n\nconst ToastTrigger = React.forwardRef<React.ComponentRef<'button'>, ToastTriggerProps>((props, forwardedRef) => {\n  const { asChild, className, children, type = 'button', ...triggerProps } = extractProps(props, toastTriggerPropDefs)\n  const Comp = asChild ? Slot : 'button'\n\n  return (\n    <Comp\n      {...triggerProps}\n      ref={forwardedRef}\n      type={asChild ? undefined : type}\n      className={classNames('dsx-toast__trigger', className)}\n      data-slot=\"toast-trigger\"\n    >\n      {children}\n    </Comp>\n  )\n})\nToastTrigger.displayName = 'ToastTrigger'\n\nconst ToastViewport = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Viewport>, ToastViewportProps>(\n  ({ className, ...props }, forwardedRef) => {\n    const resolvedTheme = useDocumentTheme()\n\n    return (\n      <ToastPrimitive.Viewport\n        ref={forwardedRef}\n        className={classNames('dsx-toast__viewport', className)}\n        data-accent-color={resolvedTheme.accentColor}\n        data-gray-color={resolvedTheme.grayColor}\n        data-dsx-theme={resolvedTheme.mode}\n        data-panel-background={resolvedTheme.panelBackground}\n        data-radius={resolvedTheme.radius}\n        data-slot=\"toast-viewport\"\n        {...props}\n      />\n    )\n  },\n)\nToastViewport.displayName = 'ToastViewport'\n\nconst ToastRoot = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Root>, ToastProps>(\n  ({ className: propClassName, variant = 'default', ...props }, forwardedRef) => {\n    const { className, size = 'md', ...toastProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        variant,\n      },\n      toastPropDefs,\n    )\n\n    return (\n      <ToastPrimitive.Root\n        ref={forwardedRef}\n        className={classNames('dsx-toast', className)}\n        data-slot=\"toast\"\n        data-variant={variant}\n        data-size={size}\n        {...toastProps}\n      />\n    )\n  },\n)\nToastRoot.displayName = 'Toast'\n\nconst ToastTitle = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Title>, ToastTitleProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <ToastPrimitive.Title\n        ref={forwardedRef}\n        className={classNames('dsx-toast__title', className)}\n        data-slot=\"toast-title\"\n        {...props}\n      />\n    )\n  },\n)\nToastTitle.displayName = 'ToastTitle'\n\nconst ToastDescription = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Description>, ToastDescriptionProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <ToastPrimitive.Description\n        ref={forwardedRef}\n        className={classNames('dsx-toast__description', className)}\n        data-slot=\"toast-description\"\n        {...props}\n      />\n    )\n  },\n)\nToastDescription.displayName = 'ToastDescription'\n\nconst ToastAction = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Action>, ToastActionProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <ToastPrimitive.Action\n        ref={forwardedRef}\n        className={classNames('dsx-toast__action', className)}\n        data-slot=\"toast-action\"\n        {...props}\n      />\n    )\n  },\n)\nToastAction.displayName = 'ToastAction'\n\nconst ToastClose = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Close>, ToastCloseProps>(\n  ({ className, children, 'aria-label': ariaLabel = 'Close', ...props }, forwardedRef) => {\n    return (\n      <ToastPrimitive.Close\n        ref={forwardedRef}\n        className={classNames('dsx-toast__close', className)}\n        data-slot=\"toast-close\"\n        aria-label={ariaLabel}\n        {...props}\n      >\n        {children ?? <Icon name=\"x\" size=\"md\" />}\n      </ToastPrimitive.Close>\n    )\n  },\n)\nToastClose.displayName = 'ToastClose'\n\nconst Toast: typeof ToastRoot & {\n  Provider: typeof ToastProvider\n  Trigger: typeof ToastTrigger\n  Viewport: typeof ToastViewport\n  Title: typeof ToastTitle\n  Description: typeof ToastDescription\n  Action: typeof ToastAction\n  Close: typeof ToastClose\n} = Object.assign(ToastRoot, {\n  Provider: ToastProvider,\n  Trigger: ToastTrigger,\n  Viewport: ToastViewport,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Action: ToastAction,\n  Close: ToastClose,\n})\nToast.displayName = 'Toast'\n\nexport {\n  Toast,\n  ToastAction,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastTrigger,\n  ToastViewport,\n}\nexport type {\n  ToastActionProps,\n  ToastCloseProps,\n  ToastDescriptionProps,\n  ToastProps,\n  ToastProviderProps,\n  ToastTitleProps,\n  ToastTriggerProps,\n  ToastVariant,\n  ToastViewportProps,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as ToastPrimitive from '@radix-ui/react-toast'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { useThemeContext } from '../../foundations'\nimport { ACCENT_COLOR_VALUES } from '../../_internal/constants'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { toastPropDefs, toastTriggerPropDefs } from './toast.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nfunction getDocumentThemeState() {\n  if (typeof document === 'undefined') {\n    return {\n      accentColor: 'rift',\n      grayColor: 'auto',\n      mode: 'dark',\n      panelBackground: 'translucent',\n      radius: 'md',\n    } as const\n  }\n\n  const host = document.body ?? document.documentElement\n  const documentAccent = host.getAttribute('data-accent-color') ?? document.documentElement.getAttribute('data-accent-color')\n\n  return {\n    accentColor: ACCENT_COLOR_VALUES.find(accent => accent === documentAccent) ?? 'rift',\n    grayColor: host.getAttribute('data-gray-color') === 'neutral' ? 'neutral' : 'auto',\n    mode:\n      document.body?.getAttribute('data-dsx-theme') === 'light'\n      || document.documentElement.getAttribute('data-dsx-theme') === 'light'\n        ? 'light'\n        : 'dark',\n    panelBackground: host.getAttribute('data-panel-background') === 'solid' ? 'solid' : 'translucent',\n    radius:\n      host.getAttribute('data-radius') === 'none'\n        ? 'none'\n        : host.getAttribute('data-radius') === 'sm'\n          ? 'sm'\n          : host.getAttribute('data-radius') === 'lg'\n            ? 'lg'\n            : host.getAttribute('data-radius') === 'full'\n              ? 'full'\n              : 'md',\n  } as const\n}\n\nfunction useDocumentTheme() {\n  const inheritedTheme = useThemeContext()\n  const [theme, setTheme] = React.useState(() => inheritedTheme ?? getDocumentThemeState())\n\n  React.useEffect(() => {\n    if (typeof document === 'undefined') return\n\n    const root = document.documentElement\n    const body = document.body\n\n    if (!body || typeof MutationObserver === 'undefined') {\n      setTheme(inheritedTheme ?? getDocumentThemeState())\n      return\n    }\n\n    const updateTheme = () => setTheme(inheritedTheme ?? getDocumentThemeState())\n\n    updateTheme()\n\n    const observer = new MutationObserver(updateTheme)\n    observer.observe(root, {\n      attributes: true,\n      attributeFilter: ['data-accent-color', 'data-gray-color', 'data-dsx-theme', 'data-panel-background', 'data-radius'],\n    })\n    observer.observe(body, {\n      attributes: true,\n      attributeFilter: ['data-accent-color', 'data-gray-color', 'data-dsx-theme', 'data-panel-background', 'data-radius'],\n    })\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [inheritedTheme])\n\n  return theme\n}\n\ntype ToastOwnProps = GetPropDefTypes<typeof toastPropDefs>\ntype ToastTriggerOwnProps = GetPropDefTypes<typeof toastTriggerPropDefs>\n\ntype ToastProviderProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Provider>\ntype ToastViewportProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Viewport>\ntype ToastProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Root> & ToastOwnProps\ntype ToastTitleProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Title>\ntype ToastDescriptionProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Description>\ntype ToastActionProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Action>\ntype ToastCloseProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Close>\ntype ToastVariant = NonNullable<ToastOwnProps['variant']>\n\ninterface ToastTriggerProps extends React.ComponentPropsWithoutRef<'button'>, ToastTriggerOwnProps {}\n\nconst ToastProvider = ToastPrimitive.Provider\n\nconst ToastTrigger = React.forwardRef<React.ComponentRef<'button'>, ToastTriggerProps>((props, forwardedRef) => {\n  const { asChild, className, children, type = 'button', ...triggerProps } = extractProps(props, toastTriggerPropDefs)\n  const Comp = asChild ? Slot : 'button'\n\n  return (\n    <Comp\n      {...triggerProps}\n      ref={forwardedRef}\n      type={asChild ? undefined : type}\n      className={classNames('dsx-toast__trigger', className)}\n      data-slot=\"toast-trigger\"\n    >\n      {children}\n    </Comp>\n  )\n})\nToastTrigger.displayName = 'ToastTrigger'\n\nconst ToastViewport = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Viewport>, ToastViewportProps>(\n  ({ className, ...props }, forwardedRef) => {\n    const resolvedTheme = useDocumentTheme()\n\n    return (\n      <ToastPrimitive.Viewport\n        ref={forwardedRef}\n        className={classNames('dsx-toast__viewport', className)}\n        data-accent-color={resolvedTheme.accentColor}\n        data-gray-color={resolvedTheme.grayColor}\n        data-dsx-theme={resolvedTheme.mode}\n        data-panel-background={resolvedTheme.panelBackground}\n        data-radius={resolvedTheme.radius}\n        data-slot=\"toast-viewport\"\n        {...props}\n      />\n    )\n  },\n)\nToastViewport.displayName = 'ToastViewport'\n\nconst ToastRoot = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Root>, ToastProps>(\n  ({ className: propClassName, variant = 'default', ...props }, forwardedRef) => {\n    const { className, size = 'md', ...toastProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        variant,\n      },\n      toastPropDefs,\n    )\n\n    return (\n      <ToastPrimitive.Root\n        ref={forwardedRef}\n        className={classNames('dsx-toast', className)}\n        data-slot=\"toast\"\n        data-variant={variant}\n        data-size={size}\n        {...toastProps}\n      />\n    )\n  },\n)\nToastRoot.displayName = 'Toast'\n\nconst ToastTitle = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Title>, ToastTitleProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <ToastPrimitive.Title\n        ref={forwardedRef}\n        className={classNames('dsx-toast__title', className)}\n        data-slot=\"toast-title\"\n        {...props}\n      />\n    )\n  },\n)\nToastTitle.displayName = 'ToastTitle'\n\nconst ToastDescription = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Description>, ToastDescriptionProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <ToastPrimitive.Description\n        ref={forwardedRef}\n        className={classNames('dsx-toast__description', className)}\n        data-slot=\"toast-description\"\n        {...props}\n      />\n    )\n  },\n)\nToastDescription.displayName = 'ToastDescription'\n\nconst ToastAction = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Action>, ToastActionProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <ToastPrimitive.Action\n        ref={forwardedRef}\n        className={classNames('dsx-toast__action', className)}\n        data-slot=\"toast-action\"\n        {...props}\n      />\n    )\n  },\n)\nToastAction.displayName = 'ToastAction'\n\nconst ToastClose = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Close>, ToastCloseProps>(\n  ({ className, children, 'aria-label': ariaLabel = 'Close', ...props }, forwardedRef) => {\n    return (\n      <ToastPrimitive.Close\n        ref={forwardedRef}\n        className={classNames('dsx-toast__close', className)}\n        data-slot=\"toast-close\"\n        aria-label={ariaLabel}\n        {...props}\n      >\n        {children ?? <Icon name=\"x\" size=\"md\" />}\n      </ToastPrimitive.Close>\n    )\n  },\n)\nToastClose.displayName = 'ToastClose'\n\nconst Toast: typeof ToastRoot & {\n  Provider: typeof ToastProvider\n  Trigger: typeof ToastTrigger\n  Viewport: typeof ToastViewport\n  Title: typeof ToastTitle\n  Description: typeof ToastDescription\n  Action: typeof ToastAction\n  Close: typeof ToastClose\n} = Object.assign(ToastRoot, {\n  Provider: ToastProvider,\n  Trigger: ToastTrigger,\n  Viewport: ToastViewport,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Action: ToastAction,\n  Close: ToastClose,\n})\nToast.displayName = 'Toast'\n\nexport {\n  Toast,\n  ToastAction,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastTrigger,\n  ToastViewport,\n}\nexport type {\n  ToastActionProps,\n  ToastCloseProps,\n  ToastDescriptionProps,\n  ToastProps,\n  ToastProviderProps,\n  ToastTitleProps,\n  ToastTriggerProps,\n  ToastVariant,\n  ToastViewportProps,\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/toast.css

@@ -23,11 +23,15 @@
 }
 
 .dsx-toast {
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: flex-start;
-  column-gap: var(--dsx-space-md);
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  grid-template-areas:
+    "title close"
+    "description description"
+    "action action";
+  align-items: start;
+  column-gap: var(--dsx-space-sm);
+  row-gap: var(--dsx-space-xs);
   padding: var(--dsx-space-sm) var(--dsx-space-md);
   background-color: var(--dsx-color-surface);
   border-radius: var(--dsx-rounded-md);
@@ -35,34 +39,24 @@
   box-shadow: var(--dsx-shadow-elevation-5); /* Spotlight (B4 Q3): below dialogs, above all menus */
 }
 
-/* Predetermined slot placement for action-bearing toasts: without it all
-   four slots land as flex siblings in one row, so title + description sit
-   side by side and squeeze the action (destructive story). Text stacks in
-   column one, action pins center-right, close top-right — no consumer
-   wrapper needed. Action-less toasts keep the flex row above untouched. */
-.dsx-toast:has(.dsx-toast__action) {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto auto;
-  grid-template-areas:
-    "title action close"
-    "description action close";
-  align-items: center;
-}
-
-.dsx-toast:has(.dsx-toast__action) .dsx-toast__title {
+.dsx-toast__title {
   grid-area: title;
+  min-width: 0;
+  overflow-wrap: anywhere;
 }
 
-.dsx-toast:has(.dsx-toast__action) .dsx-toast__description {
+.dsx-toast__description {
   grid-area: description;
+  min-width: 0;
+  overflow-wrap: anywhere;
 }
 
-.dsx-toast:has(.dsx-toast__action) .dsx-toast__action {
+.dsx-toast__action {
   grid-area: action;
-  align-self: center;
+  justify-self: start;
 }
 
-.dsx-toast:has(.dsx-toast__action) .dsx-toast__close {
+.dsx-toast__close {
   grid-area: close;
   align-self: start;
 }
@@ -112,11 +106,17 @@
 }
 
 .dsx-toast__close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  justify-self: end;
+  width: var(--dsx-size-md);
+  height: var(--dsx-size-md);
   background: transparent;
   border: none;
   cursor: pointer;
   color: var(--dsx-color-on-surface-variant);
-  padding: var(--dsx-space-xs);
+  padding: 0;
   border-radius: var(--dsx-rounded-sm);
 }
 
@@ -140,17 +140,6 @@
   color: inherit;
 }
 
-/* Keep literal breakpoint because CSS custom properties cannot be used in this media query. */
-@media (max-width: 640px) {
-  .dsx-toast__viewport {
-    width: calc(100vw - var(--dsx-size-md));
-    max-width: calc(100vw - var(--dsx-size-md));
-    right: var(--dsx-toast-viewport-mobile-inset);
-    left: var(--dsx-toast-viewport-mobile-inset);
-    padding: var(--dsx-space-sm);
-  }
-}
-
 .dsx-toast-variant-destructive {
   background-color: var(--dsx-color-error-container);
   border-color: var(--dsx-color-error);
@@ -173,6 +162,11 @@
   background: transparent;
   cursor: pointer;
   font-size: var(--dsx-typography-label-medium-font-size);
+  font-family: var(--dsx-typography-label-medium-font-family), sans-serif;
+  font-weight: var(--dsx-typography-label-medium-font-weight);
+  line-height: var(--dsx-typography-label-medium-line-height);
+  min-height: var(--dsx-size-lg);
+  color: inherit;
 }
 
 .dsx-toast[data-size='sm'] {
@@ -211,3 +205,9 @@
   cursor: pointer;
   color: var(--dsx-color-on-surface-variant);
 }
+
+.dsx-toast__action:focus-visible,
+.dsx-toast__close:focus-visible {
+  outline: none;
+  box-shadow: var(--dsx-shadow-focus-ring);
+}

package/dist/components/toggle-tip.css

@@ -9,8 +9,8 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  width: var(--dsx-size-sm);
-  height: var(--dsx-size-sm);
+  width: var(--dsx-size-lg);
+  height: var(--dsx-size-lg);
   padding: 0;
   border: none;
   border-radius: var(--dsx-rounded-full);
@@ -22,21 +22,34 @@
 }
 
 .dsx-toggle-tip__trigger:hover {
-  background: var(--dsx-effect-hover-layer);
-  color: var(--dsx-color-primary);
+  background: var(--dsx-color-accent-surface);
+  color: var(--dsx-color-accent-indicator);
 }
 
-.dsx-toggle-tip[data-size='sm'] .dsx-toggle-tip__trigger {
-  width: var(--dsx-size-xs);
-  height: var(--dsx-size-xs);
+.dsx-toggle-tip__trigger:active,
+.dsx-toggle-tip__trigger[data-state='open'] {
+  background: var(--dsx-color-accent-surface);
+  color: var(--dsx-color-accent-indicator);
 }
 
-.dsx-toggle-tip[data-size='lg'] .dsx-toggle-tip__trigger {
+.dsx-toggle-tip__trigger:focus-visible {
+  outline: none;
+  box-shadow: var(--dsx-shadow-focus-ring);
+}
+
+.dsx-toggle-tip[data-size='sm'] .dsx-toggle-tip__trigger {
   width: var(--dsx-size-md);
   height: var(--dsx-size-md);
 }
 
+.dsx-toggle-tip[data-size='lg'] .dsx-toggle-tip__trigger {
+  width: var(--dsx-size-xl);
+  height: var(--dsx-size-xl);
+}
+
 .dsx-toggle-tip__content {
+  box-sizing: border-box;
+  z-index: calc(var(--dsx-z-index-modal) + 1);
   padding: var(--dsx-space-sm) var(--dsx-space-md);
   border-radius: var(--dsx-rounded-md);
   background: var(--dsx-color-panel-translucent);
@@ -50,7 +63,43 @@
   letter-spacing: var(--dsx-typography-body-small-letter-spacing);
   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;
+  max-width: min(var(--dsx-size-popover-max-width), var(--radix-popover-content-available-width));
+  overflow: visible;
+  overflow-wrap: anywhere;
+}
+
+.dsx-toggle-tip__content > :where(div) {
+  max-height: calc(var(--radix-popover-content-available-height) - var(--dsx-space-md) - var(--dsx-border-width-md));
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+
+.dsx-toggle-tip__content > :where(div):focus-visible {
+  outline: var(--dsx-border-width-sm) solid var(--dsx-color-accent-indicator);
+  outline-offset: calc(-1 * var(--dsx-border-width-sm));
+}
+
+.dsx-toggle-tip__content[data-size='sm'] {
+  padding: var(--dsx-space-xs) var(--dsx-space-sm);
+}
+
+.dsx-toggle-tip__content[data-size='lg'] {
+  padding: var(--dsx-space-md) var(--dsx-space-lg);
+  font-size: var(--dsx-typography-body-medium-font-size);
+  line-height: var(--dsx-typography-body-medium-line-height);
+}
+
+.dsx-toggle-tip__content[data-size='sm'] > :where(div) {
+  max-height: calc(var(--radix-popover-content-available-height) - var(--dsx-space-sm) - var(--dsx-border-width-md));
+}
+
+.dsx-toggle-tip__content[data-size='lg'] > :where(div) {
+  max-height: calc(var(--radix-popover-content-available-height) - var(--dsx-space-xl) - var(--dsx-border-width-md));
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .dsx-toggle-tip__content { animation: none; }
+  .dsx-toggle-tip__trigger { transition: none; }
 }
 
 .dsx-toggle-tip__arrow {

package/dist/components/toggleTip/ToggleTip.cjs

@@ -37,6 +37,7 @@ var import_classnames = __toESM(require("classnames"), 1);
 var import_react_slot = require("@radix-ui/react-slot");
 var Popover = __toESM(require("@radix-ui/react-popover"), 1);
 var import_lucide_react = require("lucide-react");
+var import_BaseDialog = require("../../_internal/BaseDialog");
 var import_extractProps = require("../../_internal/helpers/extractProps");
 var import_toggleTip = require("./toggleTip.props");
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -62,22 +63,25 @@ const ToggleTip = React.forwardRef((props, forwardedRef) => {
       className: (0, import_classnames.default)("dsx-toggle-tip", className),
       "data-size": size,
       "data-slot": "toggle-tip",
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Popover.Root, { open, onOpenChange: setOpen, children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BaseDialog.PortalThemeBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Popover.Root, { open, onOpenChange: setOpen, children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popover.Trigger, { className: "dsx-toggle-tip__trigger", "aria-label": triggerLabel, "data-slot": "toggle-tip-trigger", children: children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Info, { size: TOGGLE_TIP_ICON_SIZES[size] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BaseDialog.PortalThemeWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           Popover.Content,
           {
             className: (0, import_classnames.default)("dsx-toggle-tip__content", `dsx-toggle-tip--side-${side}`),
             side,
             sideOffset: 8,
+            collisionPadding: 16,
+            "aria-label": triggerLabel,
             "data-slot": "toggle-tip-content",
+            "data-size": size,
             children: [
-              content,
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { tabIndex: 0, role: "region", "aria-label": triggerLabel, children: content }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popover.Arrow, { className: "dsx-toggle-tip__arrow" })
             ]
           }
-        ) })
-      ] })
+        ) }) })
+      ] }) })
     }
   );
 });

package/dist/components/toggleTip/ToggleTip.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/toggleTip/ToggleTip.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport * as Popover from '@radix-ui/react-popover'\nimport { Info } from 'lucide-react'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { toggleTipPropDefs } from './toggleTip.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ToggleTipOwnProps = GetPropDefTypes<typeof toggleTipPropDefs> & {\n  content: React.ReactNode\n  triggerLabel?: string\n}\n\ninterface ToggleTipProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'content'>, ToggleTipOwnProps {}\n\nconst TOGGLE_TIP_ICON_SIZES = { sm: 12, md: 16, lg: 20 } as const\n\nconst ToggleTip = React.forwardRef<HTMLDivElement, ToggleTipProps>((props, forwardedRef) => {\n  const side = (props as { side?: 'top' | 'right' | 'bottom' | 'left' }).side ?? 'top'\n  const {\n    asChild,\n    children,\n    className,\n    content,\n    size = 'md',\n    triggerLabel = 'Show information',\n    ...restProps\n  } = extractProps(props, toggleTipPropDefs)\n  const Comp = asChild ? Slot : 'div'\n  const [open, setOpen] = React.useState(false)\n\n  return (\n    <Comp\n      {...restProps}\n      ref={forwardedRef}\n      className={classNames('dsx-toggle-tip', className)}\n      data-size={size}\n      data-slot=\"toggle-tip\"\n    >\n      <Popover.Root open={open} onOpenChange={setOpen}>\n        <Popover.Trigger className=\"dsx-toggle-tip__trigger\" aria-label={triggerLabel} data-slot=\"toggle-tip-trigger\">\n          {children ?? <Info size={TOGGLE_TIP_ICON_SIZES[size]} />}\n        </Popover.Trigger>\n        <Popover.Portal>\n          <Popover.Content\n            className={classNames('dsx-toggle-tip__content', `dsx-toggle-tip--side-${side}`)}\n            side={side}\n            sideOffset={8}\n            data-slot=\"toggle-tip-content\"\n          >\n            {content}\n            <Popover.Arrow className=\"dsx-toggle-tip__arrow\" />\n          </Popover.Content>\n        </Popover.Portal>\n      </Popover.Root>\n    </Comp>\n  )\n})\nToggleTip.displayName = 'ToggleTip'\n\nexport { ToggleTip }\nexport type { ToggleTipOwnProps, ToggleTipProps }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AACrB,cAAyB;AACzB,0BAAqB;AAErB,0BAA6B;AAC7B,uBAAkC;AAqCX;AA1BvB,MAAM,wBAAwB,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG;AAEvD,MAAM,YAAY,MAAM,WAA2C,CAAC,OAAO,iBAAiB;AAC1F,QAAM,OAAQ,MAAyD,QAAQ;AAC/E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,eAAe;AAAA,IACf,GAAG;AAAA,EACL,QAAI,kCAAa,OAAO,kCAAiB;AACzC,QAAM,OAAO,UAAU,yBAAO;AAC9B,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,kBAAkB,SAAS;AAAA,MACjD,aAAW;AAAA,MACX,aAAU;AAAA,MAEV,uDAAC,QAAQ,MAAR,EAAa,MAAY,cAAc,SACtC;AAAA,oDAAC,QAAQ,SAAR,EAAgB,WAAU,2BAA0B,cAAY,cAAc,aAAU,sBACtF,sBAAY,4CAAC,4BAAK,MAAM,sBAAsB,IAAI,GAAG,GACxD;AAAA,QACA,4CAAC,QAAQ,QAAR,EACC;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YACC,eAAW,kBAAAA,SAAW,2BAA2B,wBAAwB,IAAI,EAAE;AAAA,YAC/E;AAAA,YACA,YAAY;AAAA,YACZ,aAAU;AAAA,YAET;AAAA;AAAA,cACD,4CAAC,QAAQ,OAAR,EAAc,WAAU,yBAAwB;AAAA;AAAA;AAAA,QACnD,GACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,UAAU,cAAc;",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport * as Popover from '@radix-ui/react-popover'\nimport { Info } from 'lucide-react'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { toggleTipPropDefs } from './toggleTip.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ToggleTipOwnProps = GetPropDefTypes<typeof toggleTipPropDefs> & {\n  content: React.ReactNode\n  triggerLabel?: string\n}\n\ninterface ToggleTipProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'content'>, ToggleTipOwnProps {}\n\nconst TOGGLE_TIP_ICON_SIZES = { sm: 12, md: 16, lg: 20 } as const\n\nconst ToggleTip = React.forwardRef<HTMLDivElement, ToggleTipProps>((props, forwardedRef) => {\n  const side = (props as { side?: 'top' | 'right' | 'bottom' | 'left' }).side ?? 'top'\n  const {\n    asChild,\n    children,\n    className,\n    content,\n    size = 'md',\n    triggerLabel = 'Show information',\n    ...restProps\n  } = extractProps(props, toggleTipPropDefs)\n  const Comp = asChild ? Slot : 'div'\n  const [open, setOpen] = React.useState(false)\n\n  return (\n    <Comp\n      {...restProps}\n      ref={forwardedRef}\n      className={classNames('dsx-toggle-tip', className)}\n      data-size={size}\n      data-slot=\"toggle-tip\"\n    >\n      <PortalThemeBoundary>\n        <Popover.Root open={open} onOpenChange={setOpen}>\n          <Popover.Trigger className=\"dsx-toggle-tip__trigger\" aria-label={triggerLabel} data-slot=\"toggle-tip-trigger\">\n            {children ?? <Info size={TOGGLE_TIP_ICON_SIZES[size]} />}\n          </Popover.Trigger>\n          <Popover.Portal>\n            <PortalThemeWrapper>\n              <Popover.Content\n                className={classNames('dsx-toggle-tip__content', `dsx-toggle-tip--side-${side}`)}\n                side={side}\n                sideOffset={8}\n                collisionPadding={16}\n                aria-label={triggerLabel}\n                data-slot=\"toggle-tip-content\"\n                data-size={size}\n              >\n                <div tabIndex={0} role=\"region\" aria-label={triggerLabel}>{content}</div>\n                <Popover.Arrow className=\"dsx-toggle-tip__arrow\" />\n              </Popover.Content>\n            </PortalThemeWrapper>\n          </Popover.Portal>\n        </Popover.Root>\n      </PortalThemeBoundary>\n    </Comp>\n  )\n})\nToggleTip.displayName = 'ToggleTip'\n\nexport { ToggleTip }\nexport type { ToggleTipOwnProps, ToggleTipProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AACrB,cAAyB;AACzB,0BAAqB;AAErB,wBAAwD;AACxD,0BAA6B;AAC7B,uBAAkC;AAsCT;AA3BzB,MAAM,wBAAwB,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG;AAEvD,MAAM,YAAY,MAAM,WAA2C,CAAC,OAAO,iBAAiB;AAC1F,QAAM,OAAQ,MAAyD,QAAQ;AAC/E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,eAAe;AAAA,IACf,GAAG;AAAA,EACL,QAAI,kCAAa,OAAO,kCAAiB;AACzC,QAAM,OAAO,UAAU,yBAAO;AAC9B,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,kBAAkB,SAAS;AAAA,MACjD,aAAW;AAAA,MACX,aAAU;AAAA,MAEV,sDAAC,yCACC,uDAAC,QAAQ,MAAR,EAAa,MAAY,cAAc,SACtC;AAAA,oDAAC,QAAQ,SAAR,EAAgB,WAAU,2BAA0B,cAAY,cAAc,aAAU,sBACtF,sBAAY,4CAAC,4BAAK,MAAM,sBAAsB,IAAI,GAAG,GACxD;AAAA,QACA,4CAAC,QAAQ,QAAR,EACC,sDAAC,wCACC;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YACC,eAAW,kBAAAA,SAAW,2BAA2B,wBAAwB,IAAI,EAAE;AAAA,YAC/E;AAAA,YACA,YAAY;AAAA,YACZ,kBAAkB;AAAA,YAClB,cAAY;AAAA,YACZ,aAAU;AAAA,YACV,aAAW;AAAA,YAEX;AAAA,0DAAC,SAAI,UAAU,GAAG,MAAK,UAAS,cAAY,cAAe,mBAAQ;AAAA,cACnE,4CAAC,QAAQ,OAAR,EAAc,WAAU,yBAAwB;AAAA;AAAA;AAAA,QACnD,GACF,GACF;AAAA,SACF,GACF;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,UAAU,cAAc;",
   "names": ["classNames"]
 }