cetec-design-system 2.3.7 → 3.0.0

package/dist/types/index.d.ts

@@ -4,6 +4,9 @@ import { Component } from 'react';
 import { ComponentPropsWithRef } from 'react';
 import { ComponentType } from 'react';
 import { ElementType } from 'react';
+import { FormApi } from '@tanstack/react-form';
+import { FormAsyncValidateOrFn } from '@tanstack/react-form';
+import { FormValidateOrFn } from '@tanstack/react-form';
 import { HTMLProps } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { JSX as JSX_2 } from 'react';
@@ -12,9 +15,11 @@ import { MouseEvent as MouseEvent_2 } from 'react';
 import { Placement } from '@floating-ui/react';
 import { Preset } from '@pandacss/dev';
 import { ReactElement } from 'react';
+import { ReactFormExtendedApi } from '@tanstack/react-form';
 import { ReactNode } from 'react';
 import { Ref } from 'react';
 import { RefObject } from 'react';
+import { useForm } from '@tanstack/react-form';
 
 declare type AdvancedPseudos =
 | ":-moz-any()"
@@ -98,6 +103,8 @@ declare type AttributeSelector = `&${Pseudos | DataAttributes | AriaAttributes}`
  * with `defaultValue`. The input uses combobox semantics; arrow keys navigate,
  * Enter selects, and Escape closes the listbox. Supply `aria-label` or
  * `aria-labelledby` when no external label is associated with the input.
+ * Selected values render as dismissible chips in both single- and
+ * multiple-selection modes.
  *
  * @example
  * ```tsx
@@ -142,8 +149,8 @@ declare type AutocompleteBaseProps = Omit<BoxProps, keyof AutocompleteVariantPro
     /** Creates the visible label for a custom-value option. */
     getCreateOptionLabel?: (inputValue: string) => string;
     /**
-     * Maximum selected tokens shown while an unfocused multiple Autocomplete
-     * is collapsed. Negative values and `undefined` show every token.
+     * Maximum selected chips shown while an unfocused multiple Autocomplete
+     * is collapsed. Negative values and `undefined` show every chip.
      */
     limitTags?: number;
     /**
@@ -228,6 +235,10 @@ export declare type AutocompleteProps<Multiple extends boolean = boolean> = Mult
 export declare type AutocompleteValue<Multiple extends boolean = false> = Multiple extends true ? string[] : Multiple extends false ? string | null : string | string[] | null;
 
 declare interface AutocompleteVariant {
+    /**
+     * @default "elevated"
+     */
+    layer: "elevated" | "modalFloating"
     /**
      * @default "md"
      */
@@ -975,7 +986,7 @@ declare type CodeVariantProps = {
     [key in keyof CodeVariant]?: ConditionalValue<CodeVariant[key]> | undefined
 }
 
-declare type ColorToken = "transparent" | "current" | "inherit" | "neutral.0" | "neutral.10" | "neutral.20" | "neutral.30" | "neutral.40" | "neutral.50" | "neutral.60" | "neutral.70" | "neutral.80" | "neutral.90" | "neutral.100" | "neutral.110" | "neutralA.10" | "neutralA.20" | "neutralA.30" | "neutralA.40" | "neutralA.50" | "darkNeutral.0" | "darkNeutral.10" | "darkNeutral.20" | "darkNeutral.25" | "darkNeutral.30" | "darkNeutral.35" | "darkNeutral.40" | "darkNeutral.50" | "darkNeutral.60" | "darkNeutral.70" | "darkNeutral.80" | "darkNeutral.90" | "darkNeutral.100" | "darkNeutral.110" | "darkNeutral.120" | "darkNeutralA.10" | "darkNeutralA.20" | "darkNeutralA.25" | "darkNeutralA.30" | "darkNeutralA.35" | "darkNeutralA.40" | "darkNeutralA.50" | "darkNeutralA.-10" | "slate.0" | "slate.1" | "slate.2" | "slate.3" | "slate.4" | "slate.5" | "slate.10" | "slate.20" | "slate.30" | "slate.40" | "slate.50" | "slate.60" | "slate.70" | "slate.80" | "slate.90" | "slate.100" | "slate_inverse.0" | "slate_inverse.1" | "slate_inverse.2" | "slate_inverse.3" | "slate_inverse.4" | "slate_inverse.5" | "slate_inverse.10" | "slate_inverse.20" | "slate_inverse.30" | "slate_inverse.40" | "slate_inverse.50" | "slate_inverse.60" | "slate_inverse.70" | "slate_inverse.80" | "slate_inverse.90" | "slate_inverse.100" | "gold.1" | "gold.2" | "gold.3" | "gold.4" | "gold.5" | "gold.10" | "gold.15" | "gold.20" | "gold.30" | "gold.40" | "gold.50" | "gold.60" | "gold.70" | "gold.80" | "gold.90" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.10" | "blue.20" | "blue.30" | "blue.40" | "blue.50" | "blue.60" | "blue.70" | "blue.80" | "blue.90" | "green.1" | "green.2" | "green.3" | "green.4" | "green.5" | "green.10" | "green.20" | "green.30" | "green.40" | "green.50" | "green.60" | "green.70" | "green.80" | "green.90" | "yellow.1" | "yellow.2" | "yellow.3" | "yellow.4" | "yellow.5" | "yellow.10" | "yellow.20" | "yellow.30" | "yellow.40" | "yellow.50" | "yellow.60" | "yellow.70" | "yellow.80" | "yellow.90" | "red.1" | "red.2" | "red.3" | "red.4" | "red.5" | "red.10" | "red.20" | "red.30" | "red.40" | "red.50" | "red.60" | "red.70" | "red.80" | "red.90" | "tomato.5" | "tomato.10" | "tomato.20" | "tomato.30" | "tomato.40" | "tomato.50" | "tomato.60" | "tomato.70" | "tomato.80" | "tomato.90" | "tan.5" | "tan.10" | "tan.20" | "tan.30" | "tan.40" | "tan.50" | "tan.60" | "tan.70" | "tan.80" | "tan.90" | "orange.5" | "orange.10" | "orange.20" | "orange.30" | "orange.40" | "orange.50" | "orange.60" | "orange.70" | "orange.80" | "orange.90" | "pear.5" | "pear.10" | "pear.20" | "pear.30" | "pear.40" | "pear.50" | "pear.60" | "pear.70" | "pear.80" | "pear.90" | "grass.5" | "grass.10" | "grass.20" | "grass.30" | "grass.40" | "grass.50" | "grass.60" | "grass.70" | "grass.80" | "grass.90" | "mint.5" | "mint.10" | "mint.20" | "mint.30" | "mint.40" | "mint.50" | "mint.60" | "mint.70" | "mint.80" | "mint.90" | "cyan.5" | "cyan.10" | "cyan.20" | "cyan.30" | "cyan.40" | "cyan.50" | "cyan.60" | "cyan.70" | "cyan.80" | "cyan.90" | "indigo.5" | "indigo.10" | "indigo.20" | "indigo.30" | "indigo.40" | "indigo.50" | "indigo.60" | "indigo.70" | "indigo.80" | "indigo.90" | "purple.5" | "purple.10" | "purple.20" | "purple.30" | "purple.40" | "purple.50" | "purple.60" | "purple.70" | "purple.80" | "purple.90" | "violet.5" | "violet.10" | "violet.20" | "violet.30" | "violet.40" | "violet.50" | "violet.60" | "violet.70" | "violet.80" | "violet.90" | "pink.5" | "pink.10" | "pink.20" | "pink.30" | "pink.40" | "pink.50" | "pink.60" | "pink.70" | "pink.80" | "pink.90" | "rose.5" | "rose.10" | "rose.20" | "rose.30" | "rose.40" | "rose.50" | "rose.60" | "rose.70" | "rose.80" | "rose.90" | "magenta.5" | "magenta.10" | "magenta.20" | "magenta.30" | "magenta.40" | "magenta.50" | "magenta.60" | "magenta.70" | "magenta.80" | "magenta.90" | "shadow.8" | "shadow.16" | "shadow.24" | "shadow.32" | "shadow.40" | "shadow.48" | "shadow.56" | "shadow.64" | "bg.disabled" | "bg.neutral" | "bg.neutral.hovered" | "bg.neutral.pressed" | "bg.neutral.bold" | "bg.neutral.bold.hovered" | "bg.neutral.bold.pressed" | "bg.neutral.boldest" | "bg.neutral.subtle" | "bg.neutral.subtle.hovered" | "bg.neutral.subtle.pressed" | "bg.neutral.inverse" | "bg.neutral.inverse.subtle" | "bg.neutral.inverse.subtle.hovered" | "bg.neutral.solid" | "bg.selected" | "bg.selected.hovered" | "bg.selected.pressed" | "bg.selected.bold" | "bg.selected.bold.hovered" | "bg.selected.bold.pressed" | "bg.success" | "bg.success.hovered" | "bg.success.pressed" | "bg.success.bold" | "bg.success.bold.hovered" | "bg.success.bold.pressed" | "bg.warning" | "bg.warning.hovered" | "bg.warning.pressed" | "bg.warning.bold" | "bg.warning.bold.hovered" | "bg.warning.bold.pressed" | "bg.danger" | "bg.danger.hovered" | "bg.danger.pressed" | "bg.danger.bold" | "bg.danger.bold.hovered" | "bg.danger.bold.pressed" | "bg.info" | "bg.info.hovered" | "bg.info.pressed" | "bg.info.bold" | "bg.info.bold.hovered" | "bg.info.bold.pressed" | "bg.cta" | "bg.cta.hovered" | "bg.cta.pressed" | "bg.cta.bold" | "bg.cta.bold.hovered" | "bg.cta.bold.pressed" | "bg.input" | "bg.input.hovered" | "bg.input.pressed" | "bg.accent.neutral" | "bg.accent.neutral.subtle" | "bg.accent.neutral.subtlest" | "bg.accent.neutral.bold" | "bg.accent.gold" | "bg.accent.gold.subtle" | "bg.accent.gold.subtlest" | "bg.accent.gold.bold" | "bg.accent.blue" | "bg.accent.blue.subtle" | "bg.accent.blue.subtlest" | "bg.accent.blue.bold" | "bg.accent.green" | "bg.accent.green.subtle" | "bg.accent.green.subtlest" | "bg.accent.green.bold" | "bg.accent.yellow" | "bg.accent.yellow.subtle" | "bg.accent.yellow.subtlest" | "bg.accent.yellow.bold" | "bg.accent.red" | "bg.accent.red.subtle" | "bg.accent.red.subtlest" | "bg.accent.red.bold" | "bg.accent.tomato" | "bg.accent.tomato.subtle" | "bg.accent.tomato.subtlest" | "bg.accent.tomato.bold" | "bg.accent.tan" | "bg.accent.tan.subtle" | "bg.accent.tan.subtlest" | "bg.accent.tan.bold" | "bg.accent.orange" | "bg.accent.orange.subtle" | "bg.accent.orange.subtlest" | "bg.accent.orange.bold" | "bg.accent.pear" | "bg.accent.pear.subtle" | "bg.accent.pear.subtlest" | "bg.accent.pear.bold" | "bg.accent.grass" | "bg.accent.grass.subtle" | "bg.accent.grass.subtlest" | "bg.accent.grass.bold" | "bg.accent.mint" | "bg.accent.mint.subtle" | "bg.accent.mint.subtlest" | "bg.accent.mint.bold" | "bg.accent.cyan" | "bg.accent.cyan.subtle" | "bg.accent.cyan.subtlest" | "bg.accent.cyan.bold" | "bg.accent.indigo" | "bg.accent.indigo.subtle" | "bg.accent.indigo.subtlest" | "bg.accent.indigo.bold" | "bg.accent.purple" | "bg.accent.purple.subtle" | "bg.accent.purple.subtlest" | "bg.accent.purple.bold" | "bg.accent.violet" | "bg.accent.violet.subtle" | "bg.accent.violet.subtlest" | "bg.accent.violet.bold" | "bg.accent.pink" | "bg.accent.pink.subtle" | "bg.accent.pink.subtlest" | "bg.accent.pink.bold" | "bg.accent.rose" | "bg.accent.rose.subtle" | "bg.accent.rose.subtlest" | "bg.accent.rose.bold" | "bg.accent.magenta" | "bg.accent.magenta.subtle" | "bg.accent.magenta.subtlest" | "bg.accent.magenta.bold" | "bg.slate.0" | "bg.slate.1" | "bg.slate.2" | "bg.slate.3" | "bg.slate.4" | "bg.slate.5" | "bg.slate.10" | "bg.slate.20" | "bg.slate.30" | "bg.slate.40" | "bg.slate.50" | "bg.slate.60" | "bg.slate.70" | "bg.slate.80" | "bg.slate.90" | "bg.slate.100" | "blanket" | "blanket.danger" | "blanket.selected" | "border" | "border.bold" | "border.inverse" | "border.inverse.focused" | "border.disabled" | "border.focused" | "border.focused.inverse" | "border.selected" | "border.input" | "border.success" | "border.warning" | "border.danger" | "border.info" | "icon" | "icon.subtle" | "icon.subtlest" | "icon.inverse" | "icon.selected" | "icon.disabled" | "icon.decorative" | "icon.decorative.hovered" | "icon.decorative.inverse" | "icon.decorative.inverse.hovered" | "icon.decorative.subtle" | "icon.success" | "icon.warning" | "icon.warning.inverse" | "icon.danger" | "icon.danger.inverse" | "icon.info" | "icon.cta" | "icon.cta.hovered" | "link" | "link.pressed" | "surface" | "surface.hovered" | "surface.pressed" | "surface.raised" | "surface.raised.hovered" | "surface.raised.pressed" | "surface.overlay" | "surface.overlay.hovered" | "surface.overlay.pressed" | "surface.sunken" | "surface.selected" | "surface.selected.hovered" | "surface.selected.pressed" | "text" | "text.subtle" | "text.subtlest" | "text.bold" | "text.inverse" | "text.inverse.subtlest" | "text.selected" | "text.placeholder" | "text.disabled" | "text.success" | "text.success.inverse" | "text.warning" | "text.warning.inverse" | "text.danger" | "text.danger.inverse" | "text.info" | "text.info.inverse" | "text.cta" | "text.cta.inverse" | "text.accent.neutral" | "text.accent.neutral.bold" | "text.accent.gold" | "text.accent.gold.bold" | "text.accent.blue" | "text.accent.blue.bold" | "text.accent.green" | "text.accent.green.bold" | "text.accent.yellow" | "text.accent.yellow.bold" | "text.accent.red" | "text.accent.red.bold" | "text.accent.tomato" | "text.accent.tomato.bold" | "text.accent.tan" | "text.accent.tan.bold" | "text.accent.orange" | "text.accent.orange.bold" | "text.accent.pear" | "text.accent.pear.bold" | "text.accent.grass" | "text.accent.grass.bold" | "text.accent.mint" | "text.accent.mint.bold" | "text.accent.cyan" | "text.accent.cyan.bold" | "text.accent.indigo" | "text.accent.indigo.bold" | "text.accent.purple" | "text.accent.purple.bold" | "text.accent.violet" | "text.accent.violet.bold" | "text.accent.pink" | "text.accent.pink.bold" | "text.accent.rose" | "text.accent.rose.bold" | "text.accent.magenta" | "text.accent.magenta.bold" | "brand.slate" | "brand.gold" | "success.lighter" | "success.light" | "success.default" | "success.dark" | "success.darker" | "warning.lighter" | "warning.light" | "warning.default" | "warning.dark" | "warning.darker" | "error.lighter" | "error.light" | "error.default" | "error.dark" | "error.darker" | "info.lighter" | "info.light" | "info.default" | "info.dark" | "info.darker" | "shadow.raised.1" | "shadow.raised.2" | "shadow.elevated.1" | "shadow.elevated.2" | "shadow.elevated.3" | "shadow.overlay.1" | "shadow.overlay.2" | "shadow.overlay.3" | "shadow.overlay.4" | "shadow.overlay.5" | "shadow.overflow.1" | "shadow.overflow.2" | "shadow.overflow.3" | "utility.shadowColor" | "utility.headingColor" | "utility.textColor" | "utility.borderColor" | "colorPalette" | "colorPalette.0" | "colorPalette.10" | "colorPalette.20" | "colorPalette.30" | "colorPalette.40" | "colorPalette.50" | "colorPalette.60" | "colorPalette.70" | "colorPalette.80" | "colorPalette.90" | "colorPalette.100" | "colorPalette.110" | "colorPalette.25" | "colorPalette.35" | "colorPalette.120" | "colorPalette.-10" | "colorPalette.1" | "colorPalette.2" | "colorPalette.3" | "colorPalette.4" | "colorPalette.5" | "colorPalette.15" | "colorPalette.8" | "colorPalette.16" | "colorPalette.24" | "colorPalette.32" | "colorPalette.48" | "colorPalette.56" | "colorPalette.64" | "colorPalette.disabled" | "colorPalette.neutral" | "colorPalette.neutral.hovered" | "colorPalette.hovered" | "colorPalette.neutral.pressed" | "colorPalette.pressed" | "colorPalette.neutral.bold" | "colorPalette.bold" | "colorPalette.neutral.bold.hovered" | "colorPalette.bold.hovered" | "colorPalette.neutral.bold.pressed" | "colorPalette.bold.pressed" | "colorPalette.neutral.boldest" | "colorPalette.boldest" | "colorPalette.neutral.subtle" | "colorPalette.subtle" | "colorPalette.neutral.subtle.hovered" | "colorPalette.subtle.hovered" | "colorPalette.neutral.subtle.pressed" | "colorPalette.subtle.pressed" | "colorPalette.neutral.inverse" | "colorPalette.inverse" | "colorPalette.neutral.inverse.subtle" | "colorPalette.inverse.subtle" | "colorPalette.neutral.inverse.subtle.hovered" | "colorPalette.inverse.subtle.hovered" | "colorPalette.neutral.solid" | "colorPalette.solid" | "colorPalette.selected" | "colorPalette.selected.hovered" | "colorPalette.selected.pressed" | "colorPalette.selected.bold" | "colorPalette.selected.bold.hovered" | "colorPalette.selected.bold.pressed" | "colorPalette.success" | "colorPalette.success.hovered" | "colorPalette.success.pressed" | "colorPalette.success.bold" | "colorPalette.success.bold.hovered" | "colorPalette.success.bold.pressed" | "colorPalette.warning" | "colorPalette.warning.hovered" | "colorPalette.warning.pressed" | "colorPalette.warning.bold" | "colorPalette.warning.bold.hovered" | "colorPalette.warning.bold.pressed" | "colorPalette.danger" | "colorPalette.danger.hovered" | "colorPalette.danger.pressed" | "colorPalette.danger.bold" | "colorPalette.danger.bold.hovered" | "colorPalette.danger.bold.pressed" | "colorPalette.info" | "colorPalette.info.hovered" | "colorPalette.info.pressed" | "colorPalette.info.bold" | "colorPalette.info.bold.hovered" | "colorPalette.info.bold.pressed" | "colorPalette.cta" | "colorPalette.cta.hovered" | "colorPalette.cta.pressed" | "colorPalette.cta.bold" | "colorPalette.cta.bold.hovered" | "colorPalette.cta.bold.pressed" | "colorPalette.input" | "colorPalette.input.hovered" | "colorPalette.input.pressed" | "colorPalette.accent.neutral" | "colorPalette.accent.neutral.subtle" | "colorPalette.accent.neutral.subtlest" | "colorPalette.neutral.subtlest" | "colorPalette.subtlest" | "colorPalette.accent.neutral.bold" | "colorPalette.accent.gold" | "colorPalette.gold" | "colorPalette.accent.gold.subtle" | "colorPalette.gold.subtle" | "colorPalette.accent.gold.subtlest" | "colorPalette.gold.subtlest" | "colorPalette.accent.gold.bold" | "colorPalette.gold.bold" | "colorPalette.accent.blue" | "colorPalette.blue" | "colorPalette.accent.blue.subtle" | "colorPalette.blue.subtle" | "colorPalette.accent.blue.subtlest" | "colorPalette.blue.subtlest" | "colorPalette.accent.blue.bold" | "colorPalette.blue.bold" | "colorPalette.accent.green" | "colorPalette.green" | "colorPalette.accent.green.subtle" | "colorPalette.green.subtle" | "colorPalette.accent.green.subtlest" | "colorPalette.green.subtlest" | "colorPalette.accent.green.bold" | "colorPalette.green.bold" | "colorPalette.accent.yellow" | "colorPalette.yellow" | "colorPalette.accent.yellow.subtle" | "colorPalette.yellow.subtle" | "colorPalette.accent.yellow.subtlest" | "colorPalette.yellow.subtlest" | "colorPalette.accent.yellow.bold" | "colorPalette.yellow.bold" | "colorPalette.accent.red" | "colorPalette.red" | "colorPalette.accent.red.subtle" | "colorPalette.red.subtle" | "colorPalette.accent.red.subtlest" | "colorPalette.red.subtlest" | "colorPalette.accent.red.bold" | "colorPalette.red.bold" | "colorPalette.accent.tomato" | "colorPalette.tomato" | "colorPalette.accent.tomato.subtle" | "colorPalette.tomato.subtle" | "colorPalette.accent.tomato.subtlest" | "colorPalette.tomato.subtlest" | "colorPalette.accent.tomato.bold" | "colorPalette.tomato.bold" | "colorPalette.accent.tan" | "colorPalette.tan" | "colorPalette.accent.tan.subtle" | "colorPalette.tan.subtle" | "colorPalette.accent.tan.subtlest" | "colorPalette.tan.subtlest" | "colorPalette.accent.tan.bold" | "colorPalette.tan.bold" | "colorPalette.accent.orange" | "colorPalette.orange" | "colorPalette.accent.orange.subtle" | "colorPalette.orange.subtle" | "colorPalette.accent.orange.subtlest" | "colorPalette.orange.subtlest" | "colorPalette.accent.orange.bold" | "colorPalette.orange.bold" | "colorPalette.accent.pear" | "colorPalette.pear" | "colorPalette.accent.pear.subtle" | "colorPalette.pear.subtle" | "colorPalette.accent.pear.subtlest" | "colorPalette.pear.subtlest" | "colorPalette.accent.pear.bold" | "colorPalette.pear.bold" | "colorPalette.accent.grass" | "colorPalette.grass" | "colorPalette.accent.grass.subtle" | "colorPalette.grass.subtle" | "colorPalette.accent.grass.subtlest" | "colorPalette.grass.subtlest" | "colorPalette.accent.grass.bold" | "colorPalette.grass.bold" | "colorPalette.accent.mint" | "colorPalette.mint" | "colorPalette.accent.mint.subtle" | "colorPalette.mint.subtle" | "colorPalette.accent.mint.subtlest" | "colorPalette.mint.subtlest" | "colorPalette.accent.mint.bold" | "colorPalette.mint.bold" | "colorPalette.accent.cyan" | "colorPalette.cyan" | "colorPalette.accent.cyan.subtle" | "colorPalette.cyan.subtle" | "colorPalette.accent.cyan.subtlest" | "colorPalette.cyan.subtlest" | "colorPalette.accent.cyan.bold" | "colorPalette.cyan.bold" | "colorPalette.accent.indigo" | "colorPalette.indigo" | "colorPalette.accent.indigo.subtle" | "colorPalette.indigo.subtle" | "colorPalette.accent.indigo.subtlest" | "colorPalette.indigo.subtlest" | "colorPalette.accent.indigo.bold" | "colorPalette.indigo.bold" | "colorPalette.accent.purple" | "colorPalette.purple" | "colorPalette.accent.purple.subtle" | "colorPalette.purple.subtle" | "colorPalette.accent.purple.subtlest" | "colorPalette.purple.subtlest" | "colorPalette.accent.purple.bold" | "colorPalette.purple.bold" | "colorPalette.accent.violet" | "colorPalette.violet" | "colorPalette.accent.violet.subtle" | "colorPalette.violet.subtle" | "colorPalette.accent.violet.subtlest" | "colorPalette.violet.subtlest" | "colorPalette.accent.violet.bold" | "colorPalette.violet.bold" | "colorPalette.accent.pink" | "colorPalette.pink" | "colorPalette.accent.pink.subtle" | "colorPalette.pink.subtle" | "colorPalette.accent.pink.subtlest" | "colorPalette.pink.subtlest" | "colorPalette.accent.pink.bold" | "colorPalette.pink.bold" | "colorPalette.accent.rose" | "colorPalette.rose" | "colorPalette.accent.rose.subtle" | "colorPalette.rose.subtle" | "colorPalette.accent.rose.subtlest" | "colorPalette.rose.subtlest" | "colorPalette.accent.rose.bold" | "colorPalette.rose.bold" | "colorPalette.accent.magenta" | "colorPalette.magenta" | "colorPalette.accent.magenta.subtle" | "colorPalette.magenta.subtle" | "colorPalette.accent.magenta.subtlest" | "colorPalette.magenta.subtlest" | "colorPalette.accent.magenta.bold" | "colorPalette.magenta.bold" | "colorPalette.slate.0" | "colorPalette.slate.1" | "colorPalette.slate.2" | "colorPalette.slate.3" | "colorPalette.slate.4" | "colorPalette.slate.5" | "colorPalette.slate.10" | "colorPalette.slate.20" | "colorPalette.slate.30" | "colorPalette.slate.40" | "colorPalette.slate.50" | "colorPalette.slate.60" | "colorPalette.slate.70" | "colorPalette.slate.80" | "colorPalette.slate.90" | "colorPalette.slate.100" | "colorPalette.inverse.focused" | "colorPalette.focused" | "colorPalette.focused.inverse" | "colorPalette.decorative" | "colorPalette.decorative.hovered" | "colorPalette.decorative.inverse" | "colorPalette.decorative.inverse.hovered" | "colorPalette.inverse.hovered" | "colorPalette.decorative.subtle" | "colorPalette.warning.inverse" | "colorPalette.danger.inverse" | "colorPalette.raised" | "colorPalette.raised.hovered" | "colorPalette.raised.pressed" | "colorPalette.overlay" | "colorPalette.overlay.hovered" | "colorPalette.overlay.pressed" | "colorPalette.sunken" | "colorPalette.inverse.subtlest" | "colorPalette.placeholder" | "colorPalette.success.inverse" | "colorPalette.info.inverse" | "colorPalette.cta.inverse" | "colorPalette.slate" | "colorPalette.lighter" | "colorPalette.light" | "colorPalette.default" | "colorPalette.dark" | "colorPalette.darker" | "colorPalette.raised.1" | "colorPalette.raised.2" | "colorPalette.elevated.1" | "colorPalette.elevated.2" | "colorPalette.elevated.3" | "colorPalette.overlay.1" | "colorPalette.overlay.2" | "colorPalette.overlay.3" | "colorPalette.overlay.4" | "colorPalette.overlay.5" | "colorPalette.overflow.1" | "colorPalette.overflow.2" | "colorPalette.overflow.3" | "colorPalette.shadowColor" | "colorPalette.headingColor" | "colorPalette.textColor" | "colorPalette.borderColor"
+declare type ColorToken = "transparent" | "current" | "inherit" | "neutral.0" | "neutral.10" | "neutral.20" | "neutral.30" | "neutral.40" | "neutral.50" | "neutral.60" | "neutral.70" | "neutral.80" | "neutral.90" | "neutral.100" | "neutral.110" | "neutralA.10" | "neutralA.20" | "neutralA.30" | "neutralA.40" | "neutralA.50" | "darkNeutral.0" | "darkNeutral.10" | "darkNeutral.20" | "darkNeutral.25" | "darkNeutral.30" | "darkNeutral.35" | "darkNeutral.40" | "darkNeutral.50" | "darkNeutral.60" | "darkNeutral.70" | "darkNeutral.80" | "darkNeutral.90" | "darkNeutral.100" | "darkNeutral.110" | "darkNeutral.120" | "darkNeutralA.10" | "darkNeutralA.20" | "darkNeutralA.25" | "darkNeutralA.30" | "darkNeutralA.35" | "darkNeutralA.40" | "darkNeutralA.50" | "darkNeutralA.-10" | "slate.0" | "slate.1" | "slate.2" | "slate.3" | "slate.4" | "slate.5" | "slate.10" | "slate.20" | "slate.30" | "slate.40" | "slate.50" | "slate.60" | "slate.70" | "slate.80" | "slate.90" | "slate.100" | "slate_inverse.0" | "slate_inverse.1" | "slate_inverse.2" | "slate_inverse.3" | "slate_inverse.4" | "slate_inverse.5" | "slate_inverse.10" | "slate_inverse.20" | "slate_inverse.30" | "slate_inverse.40" | "slate_inverse.50" | "slate_inverse.60" | "slate_inverse.70" | "slate_inverse.80" | "slate_inverse.90" | "slate_inverse.100" | "gold.1" | "gold.2" | "gold.3" | "gold.4" | "gold.5" | "gold.10" | "gold.15" | "gold.20" | "gold.30" | "gold.40" | "gold.50" | "gold.60" | "gold.70" | "gold.80" | "gold.90" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.10" | "blue.20" | "blue.30" | "blue.40" | "blue.50" | "blue.60" | "blue.70" | "blue.80" | "blue.90" | "green.1" | "green.2" | "green.3" | "green.4" | "green.5" | "green.10" | "green.20" | "green.30" | "green.40" | "green.50" | "green.60" | "green.70" | "green.80" | "green.90" | "yellow.1" | "yellow.2" | "yellow.3" | "yellow.4" | "yellow.5" | "yellow.10" | "yellow.20" | "yellow.30" | "yellow.40" | "yellow.50" | "yellow.60" | "yellow.70" | "yellow.80" | "yellow.90" | "red.1" | "red.2" | "red.3" | "red.4" | "red.5" | "red.10" | "red.20" | "red.30" | "red.40" | "red.50" | "red.60" | "red.70" | "red.80" | "red.90" | "tomato.5" | "tomato.10" | "tomato.20" | "tomato.30" | "tomato.40" | "tomato.50" | "tomato.60" | "tomato.70" | "tomato.80" | "tomato.90" | "tan.5" | "tan.10" | "tan.20" | "tan.30" | "tan.40" | "tan.50" | "tan.60" | "tan.70" | "tan.80" | "tan.90" | "orange.5" | "orange.10" | "orange.20" | "orange.30" | "orange.40" | "orange.50" | "orange.60" | "orange.70" | "orange.80" | "orange.90" | "pear.5" | "pear.10" | "pear.20" | "pear.30" | "pear.40" | "pear.50" | "pear.60" | "pear.70" | "pear.80" | "pear.90" | "grass.5" | "grass.10" | "grass.20" | "grass.30" | "grass.40" | "grass.50" | "grass.60" | "grass.70" | "grass.80" | "grass.90" | "mint.5" | "mint.10" | "mint.20" | "mint.30" | "mint.40" | "mint.50" | "mint.60" | "mint.70" | "mint.80" | "mint.90" | "cyan.5" | "cyan.10" | "cyan.20" | "cyan.30" | "cyan.40" | "cyan.50" | "cyan.60" | "cyan.70" | "cyan.80" | "cyan.90" | "indigo.5" | "indigo.10" | "indigo.20" | "indigo.30" | "indigo.40" | "indigo.50" | "indigo.60" | "indigo.70" | "indigo.80" | "indigo.90" | "purple.5" | "purple.10" | "purple.20" | "purple.30" | "purple.40" | "purple.50" | "purple.60" | "purple.70" | "purple.80" | "purple.90" | "violet.5" | "violet.10" | "violet.20" | "violet.30" | "violet.40" | "violet.50" | "violet.60" | "violet.70" | "violet.80" | "violet.90" | "pink.5" | "pink.10" | "pink.20" | "pink.30" | "pink.40" | "pink.50" | "pink.60" | "pink.70" | "pink.80" | "pink.90" | "rose.5" | "rose.10" | "rose.20" | "rose.30" | "rose.40" | "rose.50" | "rose.60" | "rose.70" | "rose.80" | "rose.90" | "magenta.5" | "magenta.10" | "magenta.20" | "magenta.30" | "magenta.40" | "magenta.50" | "magenta.60" | "magenta.70" | "magenta.80" | "magenta.90" | "shadow.8" | "shadow.16" | "shadow.24" | "shadow.32" | "shadow.40" | "shadow.48" | "shadow.56" | "shadow.64" | "bg.disabled" | "bg.neutral" | "bg.neutral.hovered" | "bg.neutral.pressed" | "bg.neutral.bold" | "bg.neutral.bold.hovered" | "bg.neutral.bold.pressed" | "bg.neutral.boldest" | "bg.neutral.subtle" | "bg.neutral.subtle.hovered" | "bg.neutral.subtle.pressed" | "bg.neutral.inverse" | "bg.neutral.inverse.subtle" | "bg.neutral.inverse.subtle.hovered" | "bg.neutral.solid" | "bg.selected" | "bg.selected.hovered" | "bg.selected.pressed" | "bg.selected.bold" | "bg.selected.bold.hovered" | "bg.selected.bold.pressed" | "bg.success" | "bg.success.hovered" | "bg.success.pressed" | "bg.success.bold" | "bg.success.bold.hovered" | "bg.success.bold.pressed" | "bg.success.subtle" | "bg.success.subtle.hovered" | "bg.success.subtle.pressed" | "bg.warning" | "bg.warning.hovered" | "bg.warning.pressed" | "bg.warning.bold" | "bg.warning.bold.hovered" | "bg.warning.bold.pressed" | "bg.warning.subtle" | "bg.warning.subtle.hovered" | "bg.warning.subtle.pressed" | "bg.danger" | "bg.danger.hovered" | "bg.danger.pressed" | "bg.danger.bold" | "bg.danger.bold.hovered" | "bg.danger.bold.pressed" | "bg.danger.subtle" | "bg.danger.subtle.hovered" | "bg.danger.subtle.pressed" | "bg.info" | "bg.info.hovered" | "bg.info.pressed" | "bg.info.bold" | "bg.info.bold.hovered" | "bg.info.bold.pressed" | "bg.info.subtle" | "bg.info.subtle.hovered" | "bg.info.subtle.pressed" | "bg.cta" | "bg.cta.hovered" | "bg.cta.pressed" | "bg.cta.bold" | "bg.cta.bold.hovered" | "bg.cta.bold.pressed" | "bg.input" | "bg.input.hovered" | "bg.input.pressed" | "bg.accent.neutral" | "bg.accent.neutral.subtle" | "bg.accent.neutral.subtlest" | "bg.accent.neutral.bold" | "bg.accent.gold" | "bg.accent.gold.subtle" | "bg.accent.gold.subtlest" | "bg.accent.gold.bold" | "bg.accent.blue" | "bg.accent.blue.subtle" | "bg.accent.blue.subtlest" | "bg.accent.blue.bold" | "bg.accent.green" | "bg.accent.green.subtle" | "bg.accent.green.subtlest" | "bg.accent.green.bold" | "bg.accent.yellow" | "bg.accent.yellow.subtle" | "bg.accent.yellow.subtlest" | "bg.accent.yellow.bold" | "bg.accent.red" | "bg.accent.red.subtle" | "bg.accent.red.subtlest" | "bg.accent.red.bold" | "bg.accent.tomato" | "bg.accent.tomato.subtle" | "bg.accent.tomato.subtlest" | "bg.accent.tomato.bold" | "bg.accent.tan" | "bg.accent.tan.subtle" | "bg.accent.tan.subtlest" | "bg.accent.tan.bold" | "bg.accent.orange" | "bg.accent.orange.subtle" | "bg.accent.orange.subtlest" | "bg.accent.orange.bold" | "bg.accent.pear" | "bg.accent.pear.subtle" | "bg.accent.pear.subtlest" | "bg.accent.pear.bold" | "bg.accent.grass" | "bg.accent.grass.subtle" | "bg.accent.grass.subtlest" | "bg.accent.grass.bold" | "bg.accent.mint" | "bg.accent.mint.subtle" | "bg.accent.mint.subtlest" | "bg.accent.mint.bold" | "bg.accent.cyan" | "bg.accent.cyan.subtle" | "bg.accent.cyan.subtlest" | "bg.accent.cyan.bold" | "bg.accent.indigo" | "bg.accent.indigo.subtle" | "bg.accent.indigo.subtlest" | "bg.accent.indigo.bold" | "bg.accent.purple" | "bg.accent.purple.subtle" | "bg.accent.purple.subtlest" | "bg.accent.purple.bold" | "bg.accent.violet" | "bg.accent.violet.subtle" | "bg.accent.violet.subtlest" | "bg.accent.violet.bold" | "bg.accent.pink" | "bg.accent.pink.subtle" | "bg.accent.pink.subtlest" | "bg.accent.pink.bold" | "bg.accent.rose" | "bg.accent.rose.subtle" | "bg.accent.rose.subtlest" | "bg.accent.rose.bold" | "bg.accent.magenta" | "bg.accent.magenta.subtle" | "bg.accent.magenta.subtlest" | "bg.accent.magenta.bold" | "bg.slate.0" | "bg.slate.1" | "bg.slate.2" | "bg.slate.3" | "bg.slate.4" | "bg.slate.5" | "bg.slate.10" | "bg.slate.20" | "bg.slate.30" | "bg.slate.40" | "bg.slate.50" | "bg.slate.60" | "bg.slate.70" | "bg.slate.80" | "bg.slate.90" | "bg.slate.100" | "blanket" | "blanket.danger" | "blanket.selected" | "border" | "border.bold" | "border.inverse" | "border.inverse.focused" | "border.disabled" | "border.focused" | "border.focused.inverse" | "border.selected" | "border.input" | "border.success" | "border.warning" | "border.danger" | "border.info" | "icon" | "icon.subtle" | "icon.subtlest" | "icon.inverse" | "icon.selected" | "icon.disabled" | "icon.decorative" | "icon.decorative.hovered" | "icon.decorative.inverse" | "icon.decorative.inverse.hovered" | "icon.decorative.subtle" | "icon.success" | "icon.warning" | "icon.warning.inverse" | "icon.danger" | "icon.danger.inverse" | "icon.info" | "icon.cta" | "icon.cta.hovered" | "link" | "link.pressed" | "surface" | "surface.hovered" | "surface.pressed" | "surface.raised" | "surface.raised.hovered" | "surface.raised.pressed" | "surface.overlay" | "surface.overlay.hovered" | "surface.overlay.pressed" | "surface.sunken" | "surface.selected" | "surface.selected.hovered" | "surface.selected.pressed" | "text" | "text.subtle" | "text.subtlest" | "text.bold" | "text.inverse" | "text.inverse.subtlest" | "text.selected" | "text.placeholder" | "text.disabled" | "text.success" | "text.success.inverse" | "text.warning" | "text.warning.inverse" | "text.danger" | "text.danger.inverse" | "text.info" | "text.info.inverse" | "text.cta" | "text.cta.inverse" | "text.accent.neutral" | "text.accent.neutral.bold" | "text.accent.gold" | "text.accent.gold.bold" | "text.accent.blue" | "text.accent.blue.bold" | "text.accent.green" | "text.accent.green.bold" | "text.accent.yellow" | "text.accent.yellow.bold" | "text.accent.red" | "text.accent.red.bold" | "text.accent.tomato" | "text.accent.tomato.bold" | "text.accent.tan" | "text.accent.tan.bold" | "text.accent.orange" | "text.accent.orange.bold" | "text.accent.pear" | "text.accent.pear.bold" | "text.accent.grass" | "text.accent.grass.bold" | "text.accent.mint" | "text.accent.mint.bold" | "text.accent.cyan" | "text.accent.cyan.bold" | "text.accent.indigo" | "text.accent.indigo.bold" | "text.accent.purple" | "text.accent.purple.bold" | "text.accent.violet" | "text.accent.violet.bold" | "text.accent.pink" | "text.accent.pink.bold" | "text.accent.rose" | "text.accent.rose.bold" | "text.accent.magenta" | "text.accent.magenta.bold" | "brand.slate" | "brand.gold" | "success.lighter" | "success.light" | "success.default" | "success.dark" | "success.darker" | "warning.lighter" | "warning.light" | "warning.default" | "warning.dark" | "warning.darker" | "error.lighter" | "error.light" | "error.default" | "error.dark" | "error.darker" | "info.lighter" | "info.light" | "info.default" | "info.dark" | "info.darker" | "shadow.raised.1" | "shadow.raised.2" | "shadow.elevated.1" | "shadow.elevated.2" | "shadow.elevated.3" | "shadow.overlay.1" | "shadow.overlay.2" | "shadow.overlay.3" | "shadow.overlay.4" | "shadow.overlay.5" | "shadow.overflow.1" | "shadow.overflow.2" | "shadow.overflow.3" | "utility.shadowColor" | "utility.headingColor" | "utility.textColor" | "utility.borderColor" | "colorPalette" | "colorPalette.0" | "colorPalette.10" | "colorPalette.20" | "colorPalette.30" | "colorPalette.40" | "colorPalette.50" | "colorPalette.60" | "colorPalette.70" | "colorPalette.80" | "colorPalette.90" | "colorPalette.100" | "colorPalette.110" | "colorPalette.25" | "colorPalette.35" | "colorPalette.120" | "colorPalette.-10" | "colorPalette.1" | "colorPalette.2" | "colorPalette.3" | "colorPalette.4" | "colorPalette.5" | "colorPalette.15" | "colorPalette.8" | "colorPalette.16" | "colorPalette.24" | "colorPalette.32" | "colorPalette.48" | "colorPalette.56" | "colorPalette.64" | "colorPalette.disabled" | "colorPalette.neutral" | "colorPalette.neutral.hovered" | "colorPalette.hovered" | "colorPalette.neutral.pressed" | "colorPalette.pressed" | "colorPalette.neutral.bold" | "colorPalette.bold" | "colorPalette.neutral.bold.hovered" | "colorPalette.bold.hovered" | "colorPalette.neutral.bold.pressed" | "colorPalette.bold.pressed" | "colorPalette.neutral.boldest" | "colorPalette.boldest" | "colorPalette.neutral.subtle" | "colorPalette.subtle" | "colorPalette.neutral.subtle.hovered" | "colorPalette.subtle.hovered" | "colorPalette.neutral.subtle.pressed" | "colorPalette.subtle.pressed" | "colorPalette.neutral.inverse" | "colorPalette.inverse" | "colorPalette.neutral.inverse.subtle" | "colorPalette.inverse.subtle" | "colorPalette.neutral.inverse.subtle.hovered" | "colorPalette.inverse.subtle.hovered" | "colorPalette.neutral.solid" | "colorPalette.solid" | "colorPalette.selected" | "colorPalette.selected.hovered" | "colorPalette.selected.pressed" | "colorPalette.selected.bold" | "colorPalette.selected.bold.hovered" | "colorPalette.selected.bold.pressed" | "colorPalette.success" | "colorPalette.success.hovered" | "colorPalette.success.pressed" | "colorPalette.success.bold" | "colorPalette.success.bold.hovered" | "colorPalette.success.bold.pressed" | "colorPalette.success.subtle" | "colorPalette.success.subtle.hovered" | "colorPalette.success.subtle.pressed" | "colorPalette.warning" | "colorPalette.warning.hovered" | "colorPalette.warning.pressed" | "colorPalette.warning.bold" | "colorPalette.warning.bold.hovered" | "colorPalette.warning.bold.pressed" | "colorPalette.warning.subtle" | "colorPalette.warning.subtle.hovered" | "colorPalette.warning.subtle.pressed" | "colorPalette.danger" | "colorPalette.danger.hovered" | "colorPalette.danger.pressed" | "colorPalette.danger.bold" | "colorPalette.danger.bold.hovered" | "colorPalette.danger.bold.pressed" | "colorPalette.danger.subtle" | "colorPalette.danger.subtle.hovered" | "colorPalette.danger.subtle.pressed" | "colorPalette.info" | "colorPalette.info.hovered" | "colorPalette.info.pressed" | "colorPalette.info.bold" | "colorPalette.info.bold.hovered" | "colorPalette.info.bold.pressed" | "colorPalette.info.subtle" | "colorPalette.info.subtle.hovered" | "colorPalette.info.subtle.pressed" | "colorPalette.cta" | "colorPalette.cta.hovered" | "colorPalette.cta.pressed" | "colorPalette.cta.bold" | "colorPalette.cta.bold.hovered" | "colorPalette.cta.bold.pressed" | "colorPalette.input" | "colorPalette.input.hovered" | "colorPalette.input.pressed" | "colorPalette.accent.neutral" | "colorPalette.accent.neutral.subtle" | "colorPalette.accent.neutral.subtlest" | "colorPalette.neutral.subtlest" | "colorPalette.subtlest" | "colorPalette.accent.neutral.bold" | "colorPalette.accent.gold" | "colorPalette.gold" | "colorPalette.accent.gold.subtle" | "colorPalette.gold.subtle" | "colorPalette.accent.gold.subtlest" | "colorPalette.gold.subtlest" | "colorPalette.accent.gold.bold" | "colorPalette.gold.bold" | "colorPalette.accent.blue" | "colorPalette.blue" | "colorPalette.accent.blue.subtle" | "colorPalette.blue.subtle" | "colorPalette.accent.blue.subtlest" | "colorPalette.blue.subtlest" | "colorPalette.accent.blue.bold" | "colorPalette.blue.bold" | "colorPalette.accent.green" | "colorPalette.green" | "colorPalette.accent.green.subtle" | "colorPalette.green.subtle" | "colorPalette.accent.green.subtlest" | "colorPalette.green.subtlest" | "colorPalette.accent.green.bold" | "colorPalette.green.bold" | "colorPalette.accent.yellow" | "colorPalette.yellow" | "colorPalette.accent.yellow.subtle" | "colorPalette.yellow.subtle" | "colorPalette.accent.yellow.subtlest" | "colorPalette.yellow.subtlest" | "colorPalette.accent.yellow.bold" | "colorPalette.yellow.bold" | "colorPalette.accent.red" | "colorPalette.red" | "colorPalette.accent.red.subtle" | "colorPalette.red.subtle" | "colorPalette.accent.red.subtlest" | "colorPalette.red.subtlest" | "colorPalette.accent.red.bold" | "colorPalette.red.bold" | "colorPalette.accent.tomato" | "colorPalette.tomato" | "colorPalette.accent.tomato.subtle" | "colorPalette.tomato.subtle" | "colorPalette.accent.tomato.subtlest" | "colorPalette.tomato.subtlest" | "colorPalette.accent.tomato.bold" | "colorPalette.tomato.bold" | "colorPalette.accent.tan" | "colorPalette.tan" | "colorPalette.accent.tan.subtle" | "colorPalette.tan.subtle" | "colorPalette.accent.tan.subtlest" | "colorPalette.tan.subtlest" | "colorPalette.accent.tan.bold" | "colorPalette.tan.bold" | "colorPalette.accent.orange" | "colorPalette.orange" | "colorPalette.accent.orange.subtle" | "colorPalette.orange.subtle" | "colorPalette.accent.orange.subtlest" | "colorPalette.orange.subtlest" | "colorPalette.accent.orange.bold" | "colorPalette.orange.bold" | "colorPalette.accent.pear" | "colorPalette.pear" | "colorPalette.accent.pear.subtle" | "colorPalette.pear.subtle" | "colorPalette.accent.pear.subtlest" | "colorPalette.pear.subtlest" | "colorPalette.accent.pear.bold" | "colorPalette.pear.bold" | "colorPalette.accent.grass" | "colorPalette.grass" | "colorPalette.accent.grass.subtle" | "colorPalette.grass.subtle" | "colorPalette.accent.grass.subtlest" | "colorPalette.grass.subtlest" | "colorPalette.accent.grass.bold" | "colorPalette.grass.bold" | "colorPalette.accent.mint" | "colorPalette.mint" | "colorPalette.accent.mint.subtle" | "colorPalette.mint.subtle" | "colorPalette.accent.mint.subtlest" | "colorPalette.mint.subtlest" | "colorPalette.accent.mint.bold" | "colorPalette.mint.bold" | "colorPalette.accent.cyan" | "colorPalette.cyan" | "colorPalette.accent.cyan.subtle" | "colorPalette.cyan.subtle" | "colorPalette.accent.cyan.subtlest" | "colorPalette.cyan.subtlest" | "colorPalette.accent.cyan.bold" | "colorPalette.cyan.bold" | "colorPalette.accent.indigo" | "colorPalette.indigo" | "colorPalette.accent.indigo.subtle" | "colorPalette.indigo.subtle" | "colorPalette.accent.indigo.subtlest" | "colorPalette.indigo.subtlest" | "colorPalette.accent.indigo.bold" | "colorPalette.indigo.bold" | "colorPalette.accent.purple" | "colorPalette.purple" | "colorPalette.accent.purple.subtle" | "colorPalette.purple.subtle" | "colorPalette.accent.purple.subtlest" | "colorPalette.purple.subtlest" | "colorPalette.accent.purple.bold" | "colorPalette.purple.bold" | "colorPalette.accent.violet" | "colorPalette.violet" | "colorPalette.accent.violet.subtle" | "colorPalette.violet.subtle" | "colorPalette.accent.violet.subtlest" | "colorPalette.violet.subtlest" | "colorPalette.accent.violet.bold" | "colorPalette.violet.bold" | "colorPalette.accent.pink" | "colorPalette.pink" | "colorPalette.accent.pink.subtle" | "colorPalette.pink.subtle" | "colorPalette.accent.pink.subtlest" | "colorPalette.pink.subtlest" | "colorPalette.accent.pink.bold" | "colorPalette.pink.bold" | "colorPalette.accent.rose" | "colorPalette.rose" | "colorPalette.accent.rose.subtle" | "colorPalette.rose.subtle" | "colorPalette.accent.rose.subtlest" | "colorPalette.rose.subtlest" | "colorPalette.accent.rose.bold" | "colorPalette.rose.bold" | "colorPalette.accent.magenta" | "colorPalette.magenta" | "colorPalette.accent.magenta.subtle" | "colorPalette.magenta.subtle" | "colorPalette.accent.magenta.subtlest" | "colorPalette.magenta.subtlest" | "colorPalette.accent.magenta.bold" | "colorPalette.magenta.bold" | "colorPalette.slate.0" | "colorPalette.slate.1" | "colorPalette.slate.2" | "colorPalette.slate.3" | "colorPalette.slate.4" | "colorPalette.slate.5" | "colorPalette.slate.10" | "colorPalette.slate.20" | "colorPalette.slate.30" | "colorPalette.slate.40" | "colorPalette.slate.50" | "colorPalette.slate.60" | "colorPalette.slate.70" | "colorPalette.slate.80" | "colorPalette.slate.90" | "colorPalette.slate.100" | "colorPalette.inverse.focused" | "colorPalette.focused" | "colorPalette.focused.inverse" | "colorPalette.decorative" | "colorPalette.decorative.hovered" | "colorPalette.decorative.inverse" | "colorPalette.decorative.inverse.hovered" | "colorPalette.inverse.hovered" | "colorPalette.decorative.subtle" | "colorPalette.warning.inverse" | "colorPalette.danger.inverse" | "colorPalette.raised" | "colorPalette.raised.hovered" | "colorPalette.raised.pressed" | "colorPalette.overlay" | "colorPalette.overlay.hovered" | "colorPalette.overlay.pressed" | "colorPalette.sunken" | "colorPalette.inverse.subtlest" | "colorPalette.placeholder" | "colorPalette.success.inverse" | "colorPalette.info.inverse" | "colorPalette.cta.inverse" | "colorPalette.slate" | "colorPalette.lighter" | "colorPalette.light" | "colorPalette.default" | "colorPalette.dark" | "colorPalette.darker" | "colorPalette.raised.1" | "colorPalette.raised.2" | "colorPalette.elevated.1" | "colorPalette.elevated.2" | "colorPalette.elevated.3" | "colorPalette.overlay.1" | "colorPalette.overlay.2" | "colorPalette.overlay.3" | "colorPalette.overlay.4" | "colorPalette.overlay.5" | "colorPalette.overflow.1" | "colorPalette.overflow.2" | "colorPalette.overflow.3" | "colorPalette.shadowColor" | "colorPalette.headingColor" | "colorPalette.textColor" | "colorPalette.borderColor"
 
 declare type ComponentProps<T extends ElementType> = T extends ComponentType<infer P> | Component<infer P>
 ? JSX_2.LibraryManagedAttributes<T, P>
@@ -1213,6 +1224,8 @@ declare interface Conditions {
     	"_deleted": string
     	/** `&:is([aria-collapsed=true], [data-collapsed=true], [data-state="collapsed"])` */
     	"_collapsed": string
+    	/** `&[data-new=true]` */
+    	"_new": string
     	/** `&[data-utility=true]` */
     	"_utility": string
     	/** `&:is([data-error=true])` */
@@ -1317,6 +1330,86 @@ declare interface Conditions {
     	"base": string
 }
 
+/**
+ * Renders a confirmation alert dialog with cancel and confirm actions.
+ *
+ * Dismiss paths (Cancel, Escape, overlay, close button) call
+ * `onOpenChange(false)` only. They do not invoke `onConfirm`. Call
+ * `onOpenChange(false)` from `onConfirm` when the action completes.
+ *
+ * For async confirms, catch errors and clear `confirmLoading` in `finally`.
+ * This component does not swallow rejections from `onConfirm`.
+ *
+ * @example
+ * ```tsx
+ * <ConfirmationModal
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   title="Delete item"
+ *   description="This action cannot be undone."
+ *   confirmLabel="Delete"
+ *   type="delete"
+ *   confirmLoading={confirmLoading}
+ *   onConfirm={async () => {
+ *     setConfirmLoading(true);
+ *     try {
+ *       await deleteItem();
+ *       setOpen(false);
+ *     } finally {
+ *       setConfirmLoading(false);
+ *     }
+ *   }}
+ * />
+ * ```
+ */
+export declare const ConfirmationModal: (props: ConfirmationModalProps) => JSX.Element;
+
+/** Props for {@link ConfirmationModal}, a non-form confirm/cancel dialog. */
+export declare type ConfirmationModalProps = {
+    /** Controlled dialog state. */
+    open: boolean;
+    /** Called when the dialog requests an open-state change. */
+    onOpenChange: (open: boolean) => void;
+    /** Alert dialog title rendered in {@link ModalHeader}. */
+    title: string;
+    /** Supporting message describing the action or consequence. */
+    description: string;
+    /** Label for the confirm action button. */
+    confirmLabel: string;
+    /** Label for the cancel button. @default 'Cancel' */
+    cancelLabel?: string;
+    /**
+     * Visual treatment for the confirm action.
+     * @default 'default'
+     */
+    type?: ConfirmationModalType;
+    /**
+     * Called when the user activates the confirm button. Async work, error
+     * handling, and `confirmLoading` are consumer-owned — catch rejections and
+     * clear loading in `finally` so the button does not stay stuck.
+     */
+    onConfirm: () => void | Promise<void>;
+    /** Shows a loading state on the confirm button. */
+    confirmLoading?: boolean;
+    /** Disables the confirm button. */
+    confirmDisabled?: boolean;
+    /**
+     * Prevents overlay clicks from closing the dialog.
+     * Defaults to `false` for `default` and `true` for `delete`.
+     */
+    preventOverlayClose?: boolean;
+    /**
+     * Shows the header close button.
+     * Defaults to `true` for `default` and `false` for `delete`.
+     */
+    showCloseButton?: boolean;
+    /** Recipe size forwarded to {@link ModalWrapper}. @default 'sm' */
+    size?: ModalVariantProps['size'];
+};
+
+/** Visual intent for {@link ConfirmationModal} footer actions. */
+export declare type ConfirmationModalType = 'default' | 'delete';
+
 /** Key of a Cetec container-size token. */
 declare type ContainerSizeKey = keyof typeof containerSizes;
 
@@ -2319,6 +2412,8 @@ declare type FontToken = "heading" | "body" | "mono"
 
 declare type FontWeightToken = "light" | "normal" | "medium" | "bold" | "black"
 
+export { FormApi }
+
 /**
  * Groups a label, control, help text, and validation message into one field.
  *
@@ -2590,7 +2685,6 @@ declare type IconConfigContextValue = {
     spritePath: string;
 };
 
-/** Runtime catalog of icon names accepted by `Icon`. */
 export declare const IconNames: {
     readonly 'aa-placeholder': "aa-placeholder";
     readonly alarm: "alarm";
@@ -2655,6 +2749,7 @@ export declare const IconNames: {
     readonly 'checkbox-focus': "checkbox-focus";
     readonly 'checkbox-indeterminate': "checkbox-indeterminate";
     readonly checkbox: "checkbox";
+    readonly cheese: "cheese";
     readonly 'circle-change': "circle-change";
     readonly 'circle-check': "circle-check";
     readonly circle: "circle";
@@ -2665,6 +2760,7 @@ export declare const IconNames: {
     readonly clock: "clock";
     readonly 'cloud-synced': "cloud-synced";
     readonly code: "code";
+    readonly 'collapse-vertical': "collapse-vertical";
     readonly color: "color";
     readonly compass: "compass";
     readonly computer: "computer";
@@ -2694,6 +2790,7 @@ export declare const IconNames: {
     readonly eraser: "eraser";
     readonly error: "error";
     readonly 'event-list': "event-list";
+    readonly 'expand-vertical': "expand-vertical";
     readonly export: "export";
     readonly extension: "extension";
     readonly 'eye-slash': "eye-slash";
@@ -2761,6 +2858,7 @@ export declare const IconNames: {
     readonly 'list-numbers': "list-numbers";
     readonly 'lock-open': "lock-open";
     readonly lock: "lock";
+    readonly magnet: "magnet";
     readonly 'map-pin': "map-pin";
     readonly map: "map";
     readonly 'mark-unread': "mark-unread";
@@ -2870,6 +2968,8 @@ export declare const IconNames: {
     readonly textbox: "textbox";
     readonly 'time-add': "time-add";
     readonly timer: "timer";
+    readonly 'to-date-backward': "to-date-backward";
+    readonly 'to-date-forward': "to-date-forward";
     readonly toolbox: "toolbox";
     readonly tools: "tools";
     readonly trash: "trash";
@@ -2969,6 +3069,7 @@ declare type IconNamesList =
 | 'checkbox-focus'
 | 'checkbox-indeterminate'
 | 'checkbox'
+| 'cheese'
 | 'circle-change'
 | 'circle-check'
 | 'circle'
@@ -2979,6 +3080,7 @@ declare type IconNamesList =
 | 'clock'
 | 'cloud-synced'
 | 'code'
+| 'collapse-vertical'
 | 'color'
 | 'compass'
 | 'computer'
@@ -3008,6 +3110,7 @@ declare type IconNamesList =
 | 'eraser'
 | 'error'
 | 'event-list'
+| 'expand-vertical'
 | 'export'
 | 'extension'
 | 'eye-slash'
@@ -3075,6 +3178,7 @@ declare type IconNamesList =
 | 'list-numbers'
 | 'lock-open'
 | 'lock'
+| 'magnet'
 | 'map-pin'
 | 'map'
 | 'mark-unread'
@@ -3184,6 +3288,8 @@ declare type IconNamesList =
 | 'textbox'
 | 'time-add'
 | 'timer'
+| 'to-date-backward'
+| 'to-date-forward'
 | 'toolbox'
 | 'tools'
 | 'trash'
@@ -3351,6 +3457,7 @@ declare interface LabelVariant {
     bold: boolean
     italic: boolean
     underline: boolean
+    dashedUnderline: boolean
     truncate: boolean
     allCaps: boolean
     size: "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "72" | "80" | "96"
@@ -3416,11 +3523,11 @@ declare interface LinkVariant {
     bold: boolean
     italic: boolean
     underline: boolean
+    dashedUnderline: boolean
     truncate: boolean
     allCaps: boolean
     size: "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "72" | "80" | "96"
     weight: "light" | "normal" | "medium" | "bold" | "black"
-    _disabled: boolean
 }
 
 declare type LinkVariantProps = {
@@ -3582,6 +3689,16 @@ export declare type ListItemProps = Omit<BoxProps, keyof ListItemVariantProps |
     iconBeforeFill?: IconProps['fill'];
     /** Fill token for `iconAfter`. */
     iconAfterFill?: IconProps['fill'];
+    /**
+     * Internal record primary key rendered as `data-row-id` on the item root.
+     * It targets one row in a test and identifies which record an interaction
+     * applied to.
+     *
+     * It must never be a row index, a composite value, or a customer-facing
+     * identifier such as an order number or part number. It is unrelated to
+     * React's `key`.
+     */
+    rowId?: string;
 };
 
 declare interface ListItemVariant {
@@ -3919,6 +4036,10 @@ declare type MenuRootContextValue = {
 declare type MenuTriggerInteraction = 'click' | 'hover' | 'focus' | 'click-and-hover';
 
 declare interface MenuVariant {
+    /**
+     * @default "elevated"
+     */
+    layer: "elevated" | "modalFloating"
     /**
      * @default "compact"
      */
@@ -3931,27 +4052,47 @@ declare type MenuVariantProps = {
 }
 
 /**
- * Renders a controlled modal dialog in a portal with focus management and a
- * scroll-locking overlay.
+ * Renders a form modal with a title, TanStack Form wiring, and default footer
+ * actions.
  *
- * Escape always calls `onOpenChange(false)`. By default, pressing the overlay
- * does too. The dialog remains mounted for a 150 ms closing animation. Supply
- * an accessible name through `aria-label` or `aria-labelledby`; a visible
- * `ModalHeader` title alone is not linked automatically.
+ * Validation and error display are consumer-owned: define validators on
+ * `form.Field` and map field meta to {@link FormField}. Call `close()` from
+ * `onSubmit` when the dialog should dismiss after a successful action. Form
+ * values reset to the current `defaultValues` when `open` changes.
  *
  * @example
  * ```tsx
- * <Modal open={open} onOpenChange={setOpen} aria-label="Delete project">
- *   <ModalHeader title="Delete project" />
- *   <ModalBody>This cannot be undone.</ModalBody>
- *   <ModalFooter><Button onClick={remove}>Delete</Button></ModalFooter>
+ * <Modal
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   title="Create process"
+ *   submitLabel="Create"
+ *   defaultValues={{ name: '' }}
+ *   onSubmit={async ({ value, close }) => {
+ *     await createProcess(value.name);
+ *     close();
+ *   }}
+ * >
+ *   {(form) => (
+ *     <form.Field name="name">
+ *       {(field) => (
+ *         <FormField label="Name" labelFor="name">
+ *           <TextInput
+ *             id="name"
+ *             value={field.state.value}
+ *             onChange={(e) => field.handleChange(e.target.value)}
+ *           />
+ *         </FormField>
+ *       )}
+ *     </form.Field>
+ *   )}
  * </Modal>
  * ```
  */
-export declare const Modal: (props: ModalProps) => JSX.Element | null;
+export declare const Modal: <TFormData extends Record<string, unknown>>(props: ModalProps<TFormData>) => JSX.Element;
 
 /**
- * Renders the main content region of a {@link Modal}.
+ * Renders the main content region of a {@link ModalWrapper}.
  *
  * @example
  * ```tsx
@@ -3966,18 +4107,8 @@ export declare type ModalBodyProps = Omit<BoxProps, 'children'> & {
     children: ReactNode;
 };
 
-/** State and close behavior shared with descendants of {@link Modal}. */
-declare interface ModalContextValue {
-    /** Whether the modal is currently in its open phase. */
-    open: boolean;
-    /** Requests closing through the parent modal's `onOpenChange(false)`. */
-    onClose: () => void;
-    /** Whether the parent modal blocks overlay-triggered closing. */
-    preventOverlayClose?: boolean;
-}
-
 /**
- * Renders the action region of a {@link Modal}.
+ * Renders the action region of a {@link ModalWrapper}.
  *
  * @example
  * ```tsx
@@ -3992,12 +4123,15 @@ export declare type ModalFooterProps = Omit<BoxProps, 'children'> & {
     children: ReactNode;
 };
 
+/** TanStack Form instance passed to {@link Modal} children. */
+export declare type ModalFormApi<TFormData extends Record<string, unknown>> = ReactFormExtendedApi<TFormData, FormValidateOrFn<TFormData> | undefined, FormValidateOrFn<TFormData> | undefined, FormAsyncValidateOrFn<TFormData> | undefined, FormValidateOrFn<TFormData> | undefined, FormAsyncValidateOrFn<TFormData> | undefined, FormValidateOrFn<TFormData> | undefined, FormAsyncValidateOrFn<TFormData> | undefined, FormValidateOrFn<TFormData> | undefined, FormAsyncValidateOrFn<TFormData> | undefined, FormAsyncValidateOrFn<TFormData> | undefined, unknown>;
+
 /**
- * Renders the optional header region of a parent {@link Modal}.
+ * Renders the optional header region of a parent {@link ModalWrapper}.
  *
  * Use `title` for the standard heading or provide `children` for custom header
- * content. It must be rendered inside `Modal` because it uses modal context to
- * close the dialog.
+ * content. It must be rendered inside `ModalWrapper` because it uses modal
+ * context to close the dialog.
  *
  * @example
  * ```tsx
@@ -4010,6 +4144,11 @@ export declare const ModalHeader: (props: ModalHeaderProps) => JSX.Element;
 export declare type ModalHeaderProps = Omit<BoxProps, 'children'> & {
     /** Text rendered as the default level-three heading when `children` is omitted. */
     title?: string;
+    /**
+     * Identifier applied to the title heading for `aria-labelledby` on the dialog.
+     * Pass the same value to the parent shell's `aria-labelledby`.
+     */
+    titleId?: string;
     /**
      * Shows the built-in button that calls the parent modal's `onOpenChange(false)`.
      * @default true
@@ -4019,8 +4158,101 @@ export declare type ModalHeaderProps = Omit<BoxProps, 'children'> & {
     children?: ReactNode;
 };
 
-/** Props for {@link Modal}, a controlled, portalled dialog. */
-export declare type ModalProps = Omit<BoxProps, keyof ModalVariantProps> & ModalVariantProps & {
+/** Props for {@link Modal}, a pre-built form dialog. */
+export declare type ModalProps<TFormData extends Record<string, unknown>> = {
+    /** Controlled dialog state. */
+    open: boolean;
+    /** Called when the dialog requests an open-state change. */
+    onOpenChange: (open: boolean) => void;
+    /** Visible dialog title rendered in {@link ModalHeader}. */
+    title: string;
+    /**
+     * Default field values passed to TanStack Form. Reseeded via `form.reset`
+     * whenever `open` changes. To edit a different record while the dialog stays
+     * open, remount with `key={recordId}`.
+     */
+    defaultValues: TFormData;
+    /**
+     * Called after TanStack Form validation succeeds. Call `close()` when the
+     * action completes and the dialog should dismiss.
+     */
+    onSubmit: (context: ModalSubmitContext<TFormData>) => void | Promise<void>;
+    /** Render prop receiving the modal's TanStack Form instance for field wiring. */
+    children: (form: ModalFormApi<TFormData>) => ReactNode;
+    /** Label for the default primary submit button. @default 'Submit' */
+    submitLabel?: string;
+    /** Label for the default cancel button. @default 'Cancel' */
+    cancelLabel?: string;
+    /** Additional disable flag applied to the default submit button. */
+    submitDisabled?: boolean;
+    /** Replaces the default cancel/submit footer. Submit wiring is consumer-owned. */
+    footer?: ReactNode;
+    /** Recipe size forwarded to {@link ModalWrapper}. @default 'md' */
+    size?: ModalVariantProps['size'];
+    /** Prevents overlay clicks from closing the dialog. @default false */
+    preventOverlayClose?: boolean;
+    /** Shows the header close button. @default true */
+    showCloseButton?: boolean;
+};
+
+/** Context passed to {@link ModalProps.onSubmit}. */
+export declare type ModalSubmitContext<TFormData extends Record<string, unknown>> = {
+    /** Validated form values from TanStack Form. */
+    value: TFormData;
+    /** Requests closing through the modal's `onOpenChange(false)`. */
+    close: () => void;
+};
+
+declare interface ModalVariant {
+    /**
+     * @default "md"
+     */
+    size: "sm" | "md" | "lg" | "xl" | "full" | "fullPage"
+    /**
+     * @default "centered"
+     */
+    position: "centered" | "top"
+}
+
+declare type ModalVariantProps = {
+    [key in keyof ModalVariant]?: ConditionalValue<ModalVariant[key]> | undefined
+}
+
+/**
+ * Renders a controlled modal dialog shell in a portal with focus management and
+ * a scroll-locking overlay.
+ *
+ * Escape always calls `onOpenChange(false)`. By default, pressing the overlay
+ * does too. The dialog remains mounted for a 150 ms closing animation. Supply
+ * an accessible name through `aria-label` or `aria-labelledby`; a visible
+ * `ModalHeader` title alone is not linked automatically.
+ *
+ * Compose with `ModalHeader`, `ModalBody`, and `ModalFooter`, or use the
+ * pre-built {@link Modal} and {@link ConfirmationModal} components.
+ *
+ * @example
+ * ```tsx
+ * <ModalWrapper open={open} onOpenChange={setOpen} aria-label="Delete project">
+ *   <ModalHeader title="Delete project" />
+ *   <ModalBody>This cannot be undone.</ModalBody>
+ *   <ModalFooter><Button onClick={remove}>Delete</Button></ModalFooter>
+ * </ModalWrapper>
+ * ```
+ */
+export declare const ModalWrapper: (props: ModalWrapperProps) => JSX.Element | null;
+
+/** State and close behavior shared with descendants of {@link ModalWrapper}. */
+declare interface ModalWrapperContextValue {
+    /** Whether the modal is currently in its open phase. */
+    open: boolean;
+    /** Requests closing through the parent modal's `onOpenChange(false)`. */
+    onClose: () => void;
+    /** Whether the parent modal blocks overlay-triggered closing. */
+    preventOverlayClose?: boolean;
+}
+
+/** Props for {@link ModalWrapper}, a controlled, portalled dialog shell. */
+export declare type ModalWrapperProps = Omit<BoxProps, keyof ModalVariantProps> & ModalVariantProps & {
     /** Controlled dialog state. Render state changes by updating this value after `onOpenChange`. */
     open: boolean;
     /** Called when Escape, overlay interaction, or a descendant close control requests closing. */
@@ -4030,6 +4262,12 @@ export declare type ModalProps = Omit<BoxProps, keyof ModalVariantProps> & Modal
      * @default false
      */
     preventOverlayClose?: boolean;
+    /**
+     * Element to focus when the dialog opens. Forwarded to Floating UI's
+     * `FloatingFocusManager`. A number selects by tabbable index; a ref targets
+     * a specific element (for example Cancel on a delete confirmation).
+     */
+    initialFocus?: number | RefObject<HTMLElement | null>;
     /** Dialog content, typically composed from `ModalHeader`, `ModalBody`, and `ModalFooter`. */
     children: ReactNode;
     /** Identifier applied to the dialog element. Provide accessible naming with `aria-label` or `aria-labelledby`. */
@@ -4046,21 +4284,6 @@ export declare type ModalProps = Omit<BoxProps, keyof ModalVariantProps> & Modal
     position?: ModalVariantProps['position'];
 };
 
-declare interface ModalVariant {
-    /**
-     * @default "md"
-     */
-    size: "sm" | "md" | "lg" | "xl" | "full" | "fullPage"
-    /**
-     * @default "centered"
-     */
-    position: "centered" | "top"
-}
-
-declare type ModalVariantProps = {
-    [key in keyof ModalVariant]?: ConditionalValue<ModalVariant[key]> | undefined
-}
-
 declare interface ModernCssProperties {
     /**
      * Defines a name for the anchor element that can be referenced by positioned elements.
@@ -4155,7 +4378,7 @@ declare interface ModernCssProperties {
 
 /** Props for a multiple-selection {@link Autocomplete}. */
 declare type MultipleAutocompleteProps = AutocompleteBaseProps & {
-    /** Enables multiple selection and renders selected values as tokens. */
+    /** Enables multiple selection. Selected values render as chips. */
     multiple: true;
     /** Controlled selected values. Pair with `onValueChange`. */
     value?: AutocompleteValue<true>;
@@ -21801,11 +22024,12 @@ declare type TagVariantProps = {
  *
  * The component renders a `span` by default. Choose `as` based on the content's
  * semantic role; use `Heading` for document headings and `Label` for form
- * labels.
+ * labels. Provide `definition` for a short explanation that appears on hover
+ * and keyboard focus.
  *
  * @example
  * ```tsx
- * <Text as="p" size="md">Account details</Text>
+ * <Text definition="Application programming interface">API</Text>
  * ```
  */
 declare const Text_2: (props: TextProps) => JSX.Element;
@@ -21924,6 +22148,11 @@ export declare type TextProps = Omit<BoxProps, keyof TextVariantProps> & TextVar
     /** Semantic element or component used for the text. */
     /** @default "span" */
     as?: ElementType;
+    /**
+     * Short, nonessential explanation shown in a tooltip. Applies a dashed
+     * underline and adds the text to sequential keyboard focus.
+     */
+    definition?: string;
     /** Explicit ARIA role when the rendered element does not provide it. */
     role?: string;
     /** Adds the text to sequential keyboard focus when a composite widget requires it. */
@@ -21935,6 +22164,7 @@ declare interface TextVariant {
     bold: boolean
     italic: boolean
     underline: boolean
+    dashedUnderline: boolean
     truncate: boolean
     allCaps: boolean
     size: "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "72" | "80" | "96"
@@ -22474,6 +22704,8 @@ export declare const useChipGroup: () => ChipGroupContextValue | null;
  */
 export declare function useContainerQuery(containerRef: RefObject<HTMLElement>, size: ContainerSizeKey, direction?: QueryDirection_2): boolean;
 
+export { useForm }
+
 /**
  * Returns the sprite path supplied by the nearest {@link IconProvider}.
  * Falls back to `/sprite.svg` when no provider is present.
@@ -22517,16 +22749,16 @@ export declare const useMenuListContext: () => MenuListContextValue | null;
 export declare const useMenuRootContext: () => MenuRootContextValue;
 
 /**
- * Returns state and close behavior from the closest parent {@link Modal}.
+ * Returns state and close behavior from the closest parent {@link ModalWrapper}.
  *
  * Call only in a modal descendant; it throws when no modal context is present.
  *
  * @example
  * ```tsx
- * const { onClose } = useModalContext();
+ * const { onClose } = useModalWrapperContext();
  * ```
  */
-export declare const useModalContext: () => ModalContextValue;
+export declare const useModalWrapperContext: () => ModalWrapperContextValue;
 
 /**
  * Returns the active color mode and a function to persist a new preference.
@@ -22755,7 +22987,7 @@ declare interface UtilityValues {
     	srOnly: boolean;
     	debug: boolean;
     	fontVariantsProperty: "body" | "body-italic" | "body-casual" | "body-casual-italic" | "mono" | "mono-italic" | "mono-casual" | "mono-casual-italic";
-    	colorPalette: "transparent" | "current" | "inherit" | "neutral" | "neutralA" | "darkNeutral" | "darkNeutralA" | "slate" | "slate_inverse" | "gold" | "blue" | "green" | "yellow" | "red" | "tomato" | "tan" | "orange" | "pear" | "grass" | "mint" | "cyan" | "indigo" | "purple" | "violet" | "pink" | "rose" | "magenta" | "shadow" | "bg" | "bg.neutral" | "bg.neutral.bold" | "bg.neutral.boldest" | "bg.neutral.subtle" | "bg.neutral.inverse" | "bg.neutral.inverse.subtle" | "bg.selected" | "bg.selected.bold" | "bg.success" | "bg.success.bold" | "bg.warning" | "bg.warning.bold" | "bg.danger" | "bg.danger.bold" | "bg.info" | "bg.info.bold" | "bg.cta" | "bg.cta.bold" | "bg.input" | "bg.accent.neutral" | "bg.accent" | "bg.accent.gold" | "bg.accent.blue" | "bg.accent.green" | "bg.accent.yellow" | "bg.accent.red" | "bg.accent.tomato" | "bg.accent.tan" | "bg.accent.orange" | "bg.accent.pear" | "bg.accent.grass" | "bg.accent.mint" | "bg.accent.cyan" | "bg.accent.indigo" | "bg.accent.purple" | "bg.accent.violet" | "bg.accent.pink" | "bg.accent.rose" | "bg.accent.magenta" | "bg.slate" | "blanket" | "border" | "border.inverse" | "border.focused" | "icon" | "icon.decorative" | "icon.decorative.inverse" | "icon.warning" | "icon.danger" | "icon.cta" | "link" | "surface" | "surface.raised" | "surface.overlay" | "surface.selected" | "text" | "text.inverse" | "text.success" | "text.warning" | "text.danger" | "text.info" | "text.cta" | "text.accent.neutral" | "text.accent" | "text.accent.gold" | "text.accent.blue" | "text.accent.green" | "text.accent.yellow" | "text.accent.red" | "text.accent.tomato" | "text.accent.tan" | "text.accent.orange" | "text.accent.pear" | "text.accent.grass" | "text.accent.mint" | "text.accent.cyan" | "text.accent.indigo" | "text.accent.purple" | "text.accent.violet" | "text.accent.pink" | "text.accent.rose" | "text.accent.magenta" | "brand" | "success" | "warning" | "error" | "info" | "shadow.raised" | "shadow.elevated" | "shadow.overlay" | "shadow.overflow" | "utility";
+    	colorPalette: "transparent" | "current" | "inherit" | "neutral" | "neutralA" | "darkNeutral" | "darkNeutralA" | "slate" | "slate_inverse" | "gold" | "blue" | "green" | "yellow" | "red" | "tomato" | "tan" | "orange" | "pear" | "grass" | "mint" | "cyan" | "indigo" | "purple" | "violet" | "pink" | "rose" | "magenta" | "shadow" | "bg" | "bg.neutral" | "bg.neutral.bold" | "bg.neutral.boldest" | "bg.neutral.subtle" | "bg.neutral.inverse" | "bg.neutral.inverse.subtle" | "bg.selected" | "bg.selected.bold" | "bg.success" | "bg.success.bold" | "bg.success.subtle" | "bg.warning" | "bg.warning.bold" | "bg.warning.subtle" | "bg.danger" | "bg.danger.bold" | "bg.danger.subtle" | "bg.info" | "bg.info.bold" | "bg.info.subtle" | "bg.cta" | "bg.cta.bold" | "bg.input" | "bg.accent.neutral" | "bg.accent" | "bg.accent.gold" | "bg.accent.blue" | "bg.accent.green" | "bg.accent.yellow" | "bg.accent.red" | "bg.accent.tomato" | "bg.accent.tan" | "bg.accent.orange" | "bg.accent.pear" | "bg.accent.grass" | "bg.accent.mint" | "bg.accent.cyan" | "bg.accent.indigo" | "bg.accent.purple" | "bg.accent.violet" | "bg.accent.pink" | "bg.accent.rose" | "bg.accent.magenta" | "bg.slate" | "blanket" | "border" | "border.inverse" | "border.focused" | "icon" | "icon.decorative" | "icon.decorative.inverse" | "icon.warning" | "icon.danger" | "icon.cta" | "link" | "surface" | "surface.raised" | "surface.overlay" | "surface.selected" | "text" | "text.inverse" | "text.success" | "text.warning" | "text.danger" | "text.info" | "text.cta" | "text.accent.neutral" | "text.accent" | "text.accent.gold" | "text.accent.blue" | "text.accent.green" | "text.accent.yellow" | "text.accent.red" | "text.accent.tomato" | "text.accent.tan" | "text.accent.orange" | "text.accent.pear" | "text.accent.grass" | "text.accent.mint" | "text.accent.cyan" | "text.accent.indigo" | "text.accent.purple" | "text.accent.violet" | "text.accent.pink" | "text.accent.rose" | "text.accent.magenta" | "brand" | "success" | "warning" | "error" | "info" | "shadow.raised" | "shadow.elevated" | "shadow.overlay" | "shadow.overflow" | "utility";
     	textStyle: "display.lg" | "display.md" | "display.sm" | "display.xs" | "display.size.lg" | "display.size.md" | "display.size.sm" | "display.size.xs" | "heading.lg" | "heading.md" | "heading.sm" | "heading.xs" | "heading.size.lg" | "heading.size.md" | "heading.size.sm" | "heading.size.xs" | "body.lg" | "body.md" | "body.sm" | "body.xs" | "body.size.lg" | "body.size.md" | "body.size.sm" | "body.size.xs" | "mono.lg" | "mono.md" | "mono.sm" | "mono.xs" | "mono.size.lg" | "mono.size.md" | "mono.size.sm" | "mono.size.xs";
     	layerStyle: "surface.raised" | "surface.overlay";
 }
@@ -24741,7 +24973,7 @@ declare interface WrapProperties {
 
 declare interface WrapProps extends WrapProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof WrapProperties > {}
 
-declare type ZIndexToken = "0" | "1" | "2" | "3" | "4" | "5" | "10" | "1000" | "1100" | "1101" | "1200" | "-1" | "base" | "raised" | "elevated" | "overlay" | "modal" | "tooltip"
+declare type ZIndexToken = "0" | "1" | "2" | "3" | "4" | "5" | "10" | "1000" | "1100" | "1101" | "1102" | "1200" | "-1" | "base" | "raised" | "elevated" | "overlay" | "modal" | "modalFloating" | "tooltip"
 
 export { }