@veracity/vui 4.0.3 → 5.0.0-alpha.375407.2603121328

package/dist/core/styled.js

@@ -1,10 +1,11 @@
 import system from "../system/system.js";
-import { createX } from "@xstyled/styled-components";
+import { createCss } from "@xstyled/styled-components";
 import scStyled, { createGlobalStyle, css } from "styled-components";
-import { transform } from "@xstyled/core";
+import { createTransform } from "@xstyled/core";
 import { flattenStrings } from "@xstyled/util";
 
 //#region src/core/styled.ts
+const transform = createTransform(system);
 /** Creates enhanced 'styled' function with optional style generators and prop-forwarding safeguard. */
 function createBaseStyled(css, generator) {
 	const config = generator ? forwardPropConfig(generator) : {};
@@ -20,7 +21,8 @@ function createCreateGlobalStyle() {
 /** Enhances styled-components' 'css' function with automatic theming. */
 function createCssFunction() {
 	return ((...args) => {
-		return flattenStrings(css(...args)).map(transform);
+		const [styles, ...rest] = args;
+		return flattenStrings(css(styles, ...rest)).map(transform);
 	});
 }
 /**
@@ -39,9 +41,9 @@ function createStyled(generator) {
 }
 /** Provides configuration to the 'styled' function, which filters out xstyled system props. */
 function forwardPropConfig(generator) {
-	return { shouldForwardProp: (prop, defaultValidatorFn) => {
+	return { shouldForwardProp: (prop) => {
 		if (typeof prop === "string" && generator.meta.props.includes(prop)) return false;
-		return defaultValidatorFn(prop);
+		return true;
 	} };
 }
 /** Extends styled component with a given styles generator (system). */
@@ -53,10 +55,10 @@ function getCreateStyle(baseCreateStyle, css, generator) {
 }
 const createGlobalStyle$1 = createCreateGlobalStyle();
 const css$1 = createCssFunction();
-const v = createX(system);
+const v = createCss(system).x;
 const styled = createStyled(system);
 
 //#endregion
 export { createGlobalStyle$1 as createGlobalStyle, css$1 as css, styled as default, v };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=styled.js.map

package/dist/core/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["scCreateGlobalStyle","scCss","createGlobalStyle","css"],"sources":["../../src/core/styled.ts"],"sourcesContent":["import { transform } from '@xstyled/core'\nimport type { StyleGenerator } from '@xstyled/styled-components'\nimport { createX } from '@xstyled/styled-components'\nimport type { BoxElements } from '@xstyled/styled-components/dist/BoxElements'\nimport { flattenStrings } from '@xstyled/util'\nimport type {\n  DefaultTheme,\n  FlattenSimpleInterpolation,\n  StyledConfig,\n  ThemedCssFunction,\n  ThemedStyledFunction,\n  ThemedStyledInterface,\n} from 'styled-components'\nimport scStyled, { createGlobalStyle as scCreateGlobalStyle, css as scCss } from 'styled-components'\n\nimport type { SystemProps } from '../system'\nimport { system } from '../system'\n\n/** Custom 'css' function with theme support. */\nexport type CSSFunction = ThemedCssFunction<DefaultTheme>\n\nexport type CreateGlobalStyle = typeof scCreateGlobalStyle\n\n/** Type of the custom 'styled' function. */\nexport type VStyled = ThemedStyledInterface<DefaultTheme> & {\n  [Key in keyof BoxElements]: ThemedStyledFunction<BoxElements[Key], DefaultTheme, SystemProps>\n}\n\n/** Creates enhanced 'styled' function with optional style generators and prop-forwarding safeguard. */\nfunction createBaseStyled(css: CSSFunction, generator?: StyleGenerator) {\n  const config = generator ? forwardPropConfig(generator) : {}\n\n  return ((component: Parameters<typeof scStyled>[0]) => {\n    const baseStyled = config ? scStyled(component).withConfig(config) : scStyled(component)\n\n    return getCreateStyle(baseStyled, css, generator)\n  }) as VStyled\n}\n\n/** Enhances createGlobalStyle function with custom 'css' helper. */\nfunction createCreateGlobalStyle(): CreateGlobalStyle {\n  const css = createCssFunction()\n  return ((...args: Parameters<CreateGlobalStyle>): ReturnType<CreateGlobalStyle> =>\n    scCreateGlobalStyle([\n      // @ts-expect-error no idea why it's complaining\n      css(...args),\n    ])) as CreateGlobalStyle\n}\n\n/** Enhances styled-components' 'css' function with automatic theming. */\nfunction createCssFunction() {\n  return ((...args: Parameters<CSSFunction>) => {\n    const scCssArgs = scCss(...args)\n    const flattenedArgs = flattenStrings(scCssArgs as any[])\n    return flattenedArgs.map(transform) as FlattenSimpleInterpolation\n  }) as CSSFunction\n}\n\n/**\n * Creates full 'styled' function with properties for components.\n * Includes base version and system version using 'Box' postfix.\n */\nfunction createStyled(generator: StyleGenerator): VStyled {\n  const css = createCssFunction()\n  const styled = createBaseStyled(css)\n  const vstyled = createBaseStyled(css, generator)\n\n  Object.keys(scStyled).forEach(key => {\n    // @ts-expect-error no idea why it's complaining\n    styled[key] = styled(key)\n    // @ts-expect-error no idea why it's complaining\n    styled[`${key}Box`] = vstyled(key)\n  })\n\n  return styled\n}\n\n/** Provides configuration to the 'styled' function, which filters out xstyled system props. */\nfunction forwardPropConfig(generator: StyleGenerator) {\n  return {\n    shouldForwardProp: (prop: any, defaultValidatorFn: (prop: any) => boolean) => {\n      if (typeof prop === 'string' && generator.meta.props.includes(prop)) return false\n      return defaultValidatorFn(prop)\n    },\n  }\n}\n\n/** Extends styled component with a given styles generator (system). */\nfunction getCreateStyle(baseCreateStyle: ThemedStyledFunction<any, any>, css: CSSFunction, generator?: StyleGenerator) {\n  const createStyle = (...args: Parameters<typeof css>) => baseCreateStyle`${css(...args)}${generator}`\n\n  createStyle.attrs = (attrs: Parameters<typeof baseCreateStyle.attrs>[0]) =>\n    getCreateStyle(baseCreateStyle.attrs(attrs), css, generator)\n\n  createStyle.withConfig = (config: StyledConfig<any>) =>\n    getCreateStyle(baseCreateStyle.withConfig(config), css, generator)\n\n  return createStyle\n}\n\nexport const createGlobalStyle = createCreateGlobalStyle()\n\nexport const css = createCssFunction()\n\nexport const v = createX<SystemProps>(system)\n\nexport const styled = createStyled(system)\n\nexport default styled\n"],"mappings":";;;;;;;;AA6BA,SAAS,iBAAiB,KAAkB,WAA4B;CACtE,MAAM,SAAS,YAAY,kBAAkB,UAAU,GAAG,EAAE;AAE5D,UAAS,cAA8C;AAGrD,SAAO,eAFY,SAAS,SAAS,UAAU,CAAC,WAAW,OAAO,GAAG,SAAS,UAAU,EAEtD,KAAK,UAAU;;;;AAKrD,SAAS,0BAA6C;CACpD,MAAM,MAAM,mBAAmB;AAC/B,UAAS,GAAG,SACVA,kBAAoB,CAElB,IAAI,GAAG,KAAK,CACb,CAAC;;;AAIN,SAAS,oBAAoB;AAC3B,UAAS,GAAG,SAAkC;AAG5C,SADsB,eADJC,IAAM,GAAG,KAAK,CACwB,CACnC,IAAI,UAAU;;;;;;;AAQvC,SAAS,aAAa,WAAoC;CACxD,MAAM,MAAM,mBAAmB;CAC/B,MAAM,SAAS,iBAAiB,IAAI;CACpC,MAAM,UAAU,iBAAiB,KAAK,UAAU;AAEhD,QAAO,KAAK,SAAS,CAAC,SAAQ,QAAO;AAEnC,SAAO,OAAO,OAAO,IAAI;AAEzB,SAAO,GAAG,IAAI,QAAQ,QAAQ,IAAI;GAClC;AAEF,QAAO;;;AAIT,SAAS,kBAAkB,WAA2B;AACpD,QAAO,EACL,oBAAoB,MAAW,uBAA+C;AAC5E,MAAI,OAAO,SAAS,YAAY,UAAU,KAAK,MAAM,SAAS,KAAK,CAAE,QAAO;AAC5E,SAAO,mBAAmB,KAAK;IAElC;;;AAIH,SAAS,eAAe,iBAAiD,KAAkB,WAA4B;CACrH,MAAM,eAAe,GAAG,SAAiC,eAAe,GAAG,IAAI,GAAG,KAAK,GAAG;AAE1F,aAAY,SAAS,UACnB,eAAe,gBAAgB,MAAM,MAAM,EAAE,KAAK,UAAU;AAE9D,aAAY,cAAc,WACxB,eAAe,gBAAgB,WAAW,OAAO,EAAE,KAAK,UAAU;AAEpE,QAAO;;AAGT,MAAaC,sBAAoB,yBAAyB;AAE1D,MAAaC,QAAM,mBAAmB;AAEtC,MAAa,IAAI,QAAqB,OAAO;AAE7C,MAAa,SAAS,aAAa,OAAO"}
+{"version":3,"file":"styled.js","names":["scCreateGlobalStyle","scCss","createGlobalStyle","css"],"sources":["../../src/core/styled.ts"],"sourcesContent":["import { createTransform } from '@xstyled/core'\nimport type { BoxElements } from '@xstyled/core'\nimport type { StyleGenerator } from '@xstyled/styled-components'\nimport { createCss } from '@xstyled/styled-components'\nimport { flattenStrings } from '@xstyled/util'\nimport type { Interpolation, RuleSet, StyledInstance, StyledOptions } from 'styled-components'\nimport scStyled, { createGlobalStyle as scCreateGlobalStyle, css as scCss } from 'styled-components'\n\nimport { system } from '../system'\n\nconst transform = createTransform(system)\n\n/** Custom 'css' function with theme support. */\nexport type CSSFunction = typeof scCss\n\nexport type CreateGlobalStyle = typeof scCreateGlobalStyle\n\n/** Type of the custom 'styled' function. */\nexport type VStyled = typeof scStyled & {\n  [Key in keyof BoxElements]: StyledInstance<'web', BoxElements[Key], any>\n}\n\n/** Creates enhanced 'styled' function with optional style generators and prop-forwarding safeguard. */\nfunction createBaseStyled(css: CSSFunction, generator?: StyleGenerator) {\n  const config = generator ? forwardPropConfig(generator) : {}\n\n  return ((component: Parameters<typeof scStyled>[0]) => {\n    const baseStyled = config ? scStyled(component).withConfig(config) : scStyled(component)\n\n    return getCreateStyle(baseStyled, css, generator)\n  }) as VStyled\n}\n\n/** Enhances createGlobalStyle function with custom 'css' helper. */\nfunction createCreateGlobalStyle(): CreateGlobalStyle {\n  const css = createCssFunction()\n  return ((...args: Parameters<CreateGlobalStyle>): ReturnType<CreateGlobalStyle> =>\n    scCreateGlobalStyle([css(...args)] as any)) as CreateGlobalStyle\n}\n\n/** Enhances styled-components' 'css' function with automatic theming. */\nfunction createCssFunction() {\n  return ((...args: Parameters<CSSFunction>) => {\n    const [styles, ...rest] = args\n    const scCssArgs = scCss(styles as any, ...(rest as Interpolation<object>[]))\n    const flattenedArgs = flattenStrings(scCssArgs as any[])\n    return flattenedArgs.map(transform) as RuleSet<object>\n  }) as CSSFunction\n}\n\n/**\n * Creates full 'styled' function with properties for components.\n * Includes base version and system version using 'Box' postfix.\n */\nfunction createStyled(generator: StyleGenerator): VStyled {\n  const css = createCssFunction()\n  const styled = createBaseStyled(css)\n  const vstyled = createBaseStyled(css, generator)\n\n  Object.keys(scStyled).forEach(key => {\n    ;(styled as any)[key] = styled(key)\n    ;(styled as any)[`${key}Box`] = vstyled(key)\n  })\n\n  return styled\n}\n\n/** Provides configuration to the 'styled' function, which filters out xstyled system props. */\nfunction forwardPropConfig(generator: StyleGenerator) {\n  return {\n    shouldForwardProp: (prop: any) => {\n      if (typeof prop === 'string' && generator.meta.props.includes(prop)) return false\n      return true\n    },\n  }\n}\n\n/** Extends styled component with a given styles generator (system). */\nfunction getCreateStyle(\n  baseCreateStyle: StyledInstance<'web', any, any>,\n  css: CSSFunction,\n  generator?: StyleGenerator,\n) {\n  const createStyle = (...args: Parameters<typeof css>) => baseCreateStyle`${css(...args)}${generator}`\n\n  createStyle.attrs = (attrs: Parameters<typeof baseCreateStyle.attrs>[0]) =>\n    getCreateStyle(baseCreateStyle.attrs(attrs), css, generator)\n\n  createStyle.withConfig = (config: StyledOptions<'web', any>) =>\n    getCreateStyle(baseCreateStyle.withConfig(config), css, generator)\n\n  return createStyle\n}\n\nexport const createGlobalStyle = createCreateGlobalStyle()\n\nexport const css = createCssFunction()\n\nexport const v = createCss(system).x\n\nexport const styled = createStyled(system)\n\nexport default styled\n"],"mappings":";;;;;;;AAUA,MAAM,YAAY,gBAAgB,OAAO;;AAazC,SAAS,iBAAiB,KAAkB,WAA4B;CACtE,MAAM,SAAS,YAAY,kBAAkB,UAAU,GAAG,EAAE;AAE5D,UAAS,cAA8C;AAGrD,SAAO,eAFY,SAAS,SAAS,UAAU,CAAC,WAAW,OAAO,GAAG,SAAS,UAAU,EAEtD,KAAK,UAAU;;;;AAKrD,SAAS,0BAA6C;CACpD,MAAM,MAAM,mBAAmB;AAC/B,UAAS,GAAG,SACVA,kBAAoB,CAAC,IAAI,GAAG,KAAK,CAAC,CAAQ;;;AAI9C,SAAS,oBAAoB;AAC3B,UAAS,GAAG,SAAkC;EAC5C,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAG1B,SADsB,eADJC,IAAM,QAAe,GAAI,KAAiC,CACpB,CACnC,IAAI,UAAU;;;;;;;AAQvC,SAAS,aAAa,WAAoC;CACxD,MAAM,MAAM,mBAAmB;CAC/B,MAAM,SAAS,iBAAiB,IAAI;CACpC,MAAM,UAAU,iBAAiB,KAAK,UAAU;AAEhD,QAAO,KAAK,SAAS,CAAC,SAAQ,QAAO;AAClC,EAAC,OAAe,OAAO,OAAO,IAAI;AAClC,EAAC,OAAe,GAAG,IAAI,QAAQ,QAAQ,IAAI;GAC5C;AAEF,QAAO;;;AAIT,SAAS,kBAAkB,WAA2B;AACpD,QAAO,EACL,oBAAoB,SAAc;AAChC,MAAI,OAAO,SAAS,YAAY,UAAU,KAAK,MAAM,SAAS,KAAK,CAAE,QAAO;AAC5E,SAAO;IAEV;;;AAIH,SAAS,eACP,iBACA,KACA,WACA;CACA,MAAM,eAAe,GAAG,SAAiC,eAAe,GAAG,IAAI,GAAG,KAAK,GAAG;AAE1F,aAAY,SAAS,UACnB,eAAe,gBAAgB,MAAM,MAAM,EAAE,KAAK,UAAU;AAE9D,aAAY,cAAc,WACxB,eAAe,gBAAgB,WAAW,OAAO,EAAE,KAAK,UAAU;AAEpE,QAAO;;AAGT,MAAaC,sBAAoB,yBAAyB;AAE1D,MAAaC,QAAM,mBAAmB;AAEtC,MAAa,IAAI,UAAU,OAAO,CAAC;AAEnC,MAAa,SAAS,aAAa,OAAO"}

package/dist/core/theme.d.ts

@@ -1,14 +1,15 @@
 import { AnyNumber, AnyString, Dict } from "../utils/types.js";
-import "../utils/index.js";
 import { ThemingProps, VuiTheme } from "../theme/types.js";
 import { extendTheme } from "../theme/extendTheme.js";
-import { IProps, ThemeGetter } from "@xstyled/styled-components";
+import { ThemeGetter } from "@xstyled/system";
 
 //#region src/core/theme.d.ts
 type VuiThemeGetter<ThemeKey extends keyof VuiTheme> = ThemeGetter<keyof VuiTheme[ThemeKey] | AnyString | AnyNumber>;
 /** Type of the 'th' theme getter function. */
 type ThemeGet = {
-  (path: string, defaultValue?: any): (props: IProps) => any;
+  (path: string, defaultValue?: any): (props: {
+    theme?: any;
+  }) => any;
   animation: VuiThemeGetter<'animations'>;
   borders: VuiThemeGetter<'borders'>;
   color: VuiThemeGetter<'colors'>;

package/dist/core/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","names":[],"sources":["../../src/core/theme.ts"],"mappings":";;;;;;;KASK,cAAA,wBAAsC,QAAA,IAAY,WAAA,OAAkB,QAAA,CAAS,QAAA,IAAY,SAAA,GAAY,SAAA;;KAG9F,QAAA;EAAA,CACT,IAAA,UAAc,YAAA,UAAsB,KAAA,EAAO,MAAA;EAC5C,SAAA,EAAW,cAAA;EACX,OAAA,EAAS,cAAA;EACT,KAAA,EAAO,cAAA;EACP,QAAA,EAAU,cAAA;EACV,IAAA,EAAM,cAAA;EACN,QAAA,EAAU,cAAA;EACV,UAAA,EAAY,cAAA;EACZ,MAAA,EAAQ,cAAA;EACR,SAAA,EAAW,cAAA;EACX,MAAA,EAAQ,cAAA,aAdwD;EAgBhE,MAAA,EAAQ,cAAA;EACR,IAAA,EAAM,cAAA;EACN,KAAA,EAAO,cAAA;EACP,SAAA,EAAW,cAAA;EACX,UAAA,EAAY,cAAA;EACZ,MAAA,EAAQ,cAAA;AAAA;AAlBV;AAAA,iBA0BgB,gBAAA,WAA2B,YAAA,CAAA,CAAc,KAAA,EAAO,CAAA,GAAC,IAAA,CAAA,CAAA;;cAO3D,IAAA,EAAuB,QAAA;;;;;;iBAYb,cAAA,CAAe,SAAA,QAAiB,QAAA,gBAAwB,KAAA,SAAe,IAAA;;iBA6BvE,KAAA,CAAM,IAAA,QAAY,QAAA,GAAW,SAAA,EAAW,YAAA;;iBAMxC,QAAA,CAAA,GAAY,QAAA"}
+{"version":3,"file":"theme.d.ts","names":[],"sources":["../../src/core/theme.ts"],"mappings":";;;;;;KASK,cAAA,wBAAsC,QAAA,IAAY,WAAA,OAAkB,QAAA,CAAS,QAAA,IAAY,SAAA,GAAY,SAAA;;KAG9F,QAAA;EAAA,CACT,IAAA,UAAc,YAAA,UAAsB,KAAA;IAAS,KAAA;EAAA;EAC9C,SAAA,EAAW,cAAA;EACX,OAAA,EAAS,cAAA;EACT,KAAA,EAAO,cAAA;EACP,QAAA,EAAU,cAAA;EACV,IAAA,EAAM,cAAA;EACN,QAAA,EAAU,cAAA;EACV,UAAA,EAAY,cAAA;EACZ,MAAA,EAAQ,cAAA;EACR,SAAA,EAAW,cAAA;EACX,MAAA,EAAQ,cAAA,aAdU;EAgBlB,MAAA,EAAQ,cAAA;EACR,IAAA,EAAM,cAAA;EACN,KAAA,EAAO,cAAA;EACP,SAAA,EAAW,cAAA;EACX,UAAA,EAAY,cAAA;EACZ,MAAA,EAAQ,cAAA;AAAA;;iBAQM,gBAAA,WAA2B,YAAA,CAAA,CAAc,KAAA,EAAO,CAAA,GAAC,IAAA,CAAA,CAAA;;cAO3D,IAAA,EAAuB,QAAA;;;;;;iBAYb,cAAA,CAAe,SAAA,QAAiB,QAAA,gBAAwB,KAAA,SAAe,IAAA;;iBA6BvE,KAAA,CAAM,IAAA,QAAY,QAAA,GAAW,SAAA,EAAW,YAAA;;iBAMxC,QAAA,CAAA,GAAY,QAAA"}

package/dist/core/theme.js

@@ -2,7 +2,7 @@ import { runIfFn } from "../utils/function.js";
 import { merge } from "../utils/object.js";
 import { extendTheme } from "../theme/extendTheme.js";
 import { useMemo } from "react";
-import { getPx, th, themeGetter } from "@xstyled/styled-components";
+import { getPx, th, themeGetter } from "@xstyled/system";
 import { useTheme } from "styled-components";
 
 //#region src/core/theme.ts
@@ -60,5 +60,5 @@ function useTheme$1() {
 
 //#endregion
 export { omitThemingProps, th$1 as th, useStyleConfig, useTh, useTheme$1 as useTheme };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=theme.js.map

package/dist/core/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["th","xth","useTheme","useStyledTheme"],"sources":["../../src/core/theme.ts"],"sourcesContent":["import type { IProps, ThemeGetter } from '@xstyled/styled-components'\nimport { getPx, themeGetter, th as xth } from '@xstyled/styled-components'\nimport { useMemo } from 'react'\nimport { useTheme as useStyledTheme } from 'styled-components'\n\nimport type { ThemingProps, VuiTheme } from '../theme'\nimport type { AnyNumber, AnyString, Dict } from '../utils'\nimport { merge, runIfFn } from '../utils'\n\ntype VuiThemeGetter<ThemeKey extends keyof VuiTheme> = ThemeGetter<keyof VuiTheme[ThemeKey] | AnyString | AnyNumber>\n\n/** Type of the 'th' theme getter function. */\nexport type ThemeGet = {\n  (path: string, defaultValue?: any): (props: IProps) => any\n  animation: VuiThemeGetter<'animations'>\n  borders: VuiThemeGetter<'borders'>\n  color: VuiThemeGetter<'colors'>\n  duration: VuiThemeGetter<'durations'>\n  font: VuiThemeGetter<'fonts'>\n  fontSize: VuiThemeGetter<'fontSizes'>\n  fontWeight: VuiThemeGetter<'fontWeights'>\n  radius: VuiThemeGetter<'radii'>\n  ringWidth: VuiThemeGetter<'ringWidths'>\n  screen: VuiThemeGetter<'screens'>\n  /** @deprecated Use box-shadow instead */\n  shadow: VuiThemeGetter<'shadows'>\n  size: VuiThemeGetter<'sizes'>\n  space: VuiThemeGetter<'spaces'>\n  transform: VuiThemeGetter<'transforms'>\n  transition: VuiThemeGetter<'transitions'>\n  zIndex: VuiThemeGetter<'zIndices'>\n}\n\n// extendTheme moved to ../theme/extendTheme.ts to avoid circular dependency\nexport { extendTheme } from '../theme/extendTheme'\nexport { th }\n\n/** Removes specific theming keys from the given props. */\nexport function omitThemingProps<T extends ThemingProps>(props: T) {\n  const { size, variant, ...rest } = props\n\n  return rest\n}\n\n/** Re-export of xstyled 'th' with custom typing and screen getter. */\nconst th = xth as unknown as ThemeGet\nth.screen = themeGetter({\n  name: 'screen',\n  key: 'screens',\n  compose: getPx,\n})\n\n/**\n * Combines baseStyle, size and variant styling from a component's theme configuration.\n * @param component - name of any component configured in the theme\n * @param props - props object of the given component\n */\nexport function useStyleConfig(component: keyof VuiTheme['components'], props: any = {}) {\n  const theme = useTheme()\n  const { baseStyle, defaultProps, parts = [], sizes, variants } = (theme?.components[component] as Dict) ?? {}\n  const mergedProps = {\n    ...props,\n    colorScheme: props?.colorScheme ?? defaultProps?.colorScheme,\n    size: props?.size ?? defaultProps?.size,\n    variant: props?.variant ?? defaultProps?.variant,\n  }\n  const { colorScheme, size, variant } = mergedProps\n\n  return useMemo(() => {\n    const baseStyles = runIfFn(baseStyle, mergedProps) ?? {}\n    const sizeStyles = runIfFn(sizes?.[size], mergedProps) ?? {}\n    const variantStyles = runIfFn(variants?.[variant], mergedProps) ?? {}\n\n    let styles: Dict = {}\n\n    if (parts.length > 0)\n      parts.forEach((part: string) => {\n        styles[part] = merge(baseStyles[part] ?? {}, sizeStyles[part] ?? {}, variantStyles[part] ?? {})\n      })\n    else styles = merge(baseStyles, sizeStyles, variantStyles)\n\n    return styles\n  }, [colorScheme, size, variant])\n}\n\n/** Returns theme value at the given path. */\nexport function useTh(path: keyof VuiTheme | AnyString, defaultValue?: any) {\n  const theme = useTheme()\n  return th(path, defaultValue)({ theme })\n}\n\n/** Returns the theme object with extensions. */\nexport function useTheme(): VuiTheme {\n  // @ts-expect-error no idea why it's complaining\n  return useStyledTheme()\n}\n"],"mappings":";;;;;;;;;AAsCA,SAAgB,iBAAyC,OAAU;CACjE,MAAM,EAAE,MAAM,SAAS,GAAG,SAAS;AAEnC,QAAO;;;AAIT,MAAMA,OAAKC;AACX,KAAG,SAAS,YAAY;CACtB,MAAM;CACN,KAAK;CACL,SAAS;CACV,CAAC;;;;;;AAOF,SAAgB,eAAe,WAAyC,QAAa,EAAE,EAAE;CAEvF,MAAM,EAAE,WAAW,cAAc,QAAQ,EAAE,EAAE,OAAO,aADtCC,YAAU,EACiD,WAAW,cAAuB,EAAE;CAC7G,MAAM,cAAc;EAClB,GAAG;EACH,aAAa,OAAO,eAAe,cAAc;EACjD,MAAM,OAAO,QAAQ,cAAc;EACnC,SAAS,OAAO,WAAW,cAAc;EAC1C;CACD,MAAM,EAAE,aAAa,MAAM,YAAY;AAEvC,QAAO,cAAc;EACnB,MAAM,aAAa,QAAQ,WAAW,YAAY,IAAI,EAAE;EACxD,MAAM,aAAa,QAAQ,QAAQ,OAAO,YAAY,IAAI,EAAE;EAC5D,MAAM,gBAAgB,QAAQ,WAAW,UAAU,YAAY,IAAI,EAAE;EAErE,IAAI,SAAe,EAAE;AAErB,MAAI,MAAM,SAAS,EACjB,OAAM,SAAS,SAAiB;AAC9B,UAAO,QAAQ,MAAM,WAAW,SAAS,EAAE,EAAE,WAAW,SAAS,EAAE,EAAE,cAAc,SAAS,EAAE,CAAC;IAC/F;MACC,UAAS,MAAM,YAAY,YAAY,cAAc;AAE1D,SAAO;IACN;EAAC;EAAa;EAAM;EAAQ,CAAC;;;AAIlC,SAAgB,MAAM,MAAkC,cAAoB;CAC1E,MAAM,QAAQA,YAAU;AACxB,QAAOF,KAAG,MAAM,aAAa,CAAC,EAAE,OAAO,CAAC;;;AAI1C,SAAgBE,aAAqB;AAEnC,QAAOC,UAAgB"}
+{"version":3,"file":"theme.js","names":["th","xth","useTheme","useStyledTheme"],"sources":["../../src/core/theme.ts"],"sourcesContent":["import type { ThemeGetter } from '@xstyled/system'\nimport { getPx, themeGetter, th as xth } from '@xstyled/system'\nimport { useMemo } from 'react'\nimport { useTheme as useStyledTheme } from 'styled-components'\n\nimport type { ThemingProps, VuiTheme } from '../theme'\nimport type { AnyNumber, AnyString, Dict } from '../utils'\nimport { merge, runIfFn } from '../utils'\n\ntype VuiThemeGetter<ThemeKey extends keyof VuiTheme> = ThemeGetter<keyof VuiTheme[ThemeKey] | AnyString | AnyNumber>\n\n/** Type of the 'th' theme getter function. */\nexport type ThemeGet = {\n  (path: string, defaultValue?: any): (props: { theme?: any }) => any\n  animation: VuiThemeGetter<'animations'>\n  borders: VuiThemeGetter<'borders'>\n  color: VuiThemeGetter<'colors'>\n  duration: VuiThemeGetter<'durations'>\n  font: VuiThemeGetter<'fonts'>\n  fontSize: VuiThemeGetter<'fontSizes'>\n  fontWeight: VuiThemeGetter<'fontWeights'>\n  radius: VuiThemeGetter<'radii'>\n  ringWidth: VuiThemeGetter<'ringWidths'>\n  screen: VuiThemeGetter<'screens'>\n  /** @deprecated Use box-shadow instead */\n  shadow: VuiThemeGetter<'shadows'>\n  size: VuiThemeGetter<'sizes'>\n  space: VuiThemeGetter<'spaces'>\n  transform: VuiThemeGetter<'transforms'>\n  transition: VuiThemeGetter<'transitions'>\n  zIndex: VuiThemeGetter<'zIndices'>\n}\n\n// extendTheme moved to ../theme/extendTheme.ts to avoid circular dependency\nexport { extendTheme } from '../theme/extendTheme'\nexport { th }\n\n/** Removes specific theming keys from the given props. */\nexport function omitThemingProps<T extends ThemingProps>(props: T) {\n  const { size, variant, ...rest } = props\n\n  return rest\n}\n\n/** Re-export of xstyled 'th' with custom typing and screen getter. */\nconst th = xth as unknown as ThemeGet\nth.screen = themeGetter({\n  name: 'screen',\n  key: 'screens',\n  compose: getPx,\n})\n\n/**\n * Combines baseStyle, size and variant styling from a component's theme configuration.\n * @param component - name of any component configured in the theme\n * @param props - props object of the given component\n */\nexport function useStyleConfig(component: keyof VuiTheme['components'], props: any = {}) {\n  const theme = useTheme()\n  const { baseStyle, defaultProps, parts = [], sizes, variants } = (theme?.components[component] as Dict) ?? {}\n  const mergedProps = {\n    ...props,\n    colorScheme: props?.colorScheme ?? defaultProps?.colorScheme,\n    size: props?.size ?? defaultProps?.size,\n    variant: props?.variant ?? defaultProps?.variant,\n  }\n  const { colorScheme, size, variant } = mergedProps\n\n  return useMemo(() => {\n    const baseStyles = runIfFn(baseStyle, mergedProps) ?? {}\n    const sizeStyles = runIfFn(sizes?.[size], mergedProps) ?? {}\n    const variantStyles = runIfFn(variants?.[variant], mergedProps) ?? {}\n\n    let styles: Dict = {}\n\n    if (parts.length > 0)\n      parts.forEach((part: string) => {\n        styles[part] = merge(baseStyles[part] ?? {}, sizeStyles[part] ?? {}, variantStyles[part] ?? {})\n      })\n    else styles = merge(baseStyles, sizeStyles, variantStyles)\n\n    return styles\n  }, [colorScheme, size, variant])\n}\n\n/** Returns theme value at the given path. */\nexport function useTh(path: keyof VuiTheme | AnyString, defaultValue?: any) {\n  const theme = useTheme()\n  return th(path, defaultValue)({ theme })\n}\n\n/** Returns the theme object with extensions. */\nexport function useTheme(): VuiTheme {\n  // @ts-expect-error no idea why it's complaining\n  return useStyledTheme()\n}\n"],"mappings":";;;;;;;;;AAsCA,SAAgB,iBAAyC,OAAU;CACjE,MAAM,EAAE,MAAM,SAAS,GAAG,SAAS;AAEnC,QAAO;;;AAIT,MAAMA,OAAKC;AACX,KAAG,SAAS,YAAY;CACtB,MAAM;CACN,KAAK;CACL,SAAS;CACV,CAAC;;;;;;AAOF,SAAgB,eAAe,WAAyC,QAAa,EAAE,EAAE;CAEvF,MAAM,EAAE,WAAW,cAAc,QAAQ,EAAE,EAAE,OAAO,aADtCC,YAAU,EACiD,WAAW,cAAuB,EAAE;CAC7G,MAAM,cAAc;EAClB,GAAG;EACH,aAAa,OAAO,eAAe,cAAc;EACjD,MAAM,OAAO,QAAQ,cAAc;EACnC,SAAS,OAAO,WAAW,cAAc;EAC1C;CACD,MAAM,EAAE,aAAa,MAAM,YAAY;AAEvC,QAAO,cAAc;EACnB,MAAM,aAAa,QAAQ,WAAW,YAAY,IAAI,EAAE;EACxD,MAAM,aAAa,QAAQ,QAAQ,OAAO,YAAY,IAAI,EAAE;EAC5D,MAAM,gBAAgB,QAAQ,WAAW,UAAU,YAAY,IAAI,EAAE;EAErE,IAAI,SAAe,EAAE;AAErB,MAAI,MAAM,SAAS,EACjB,OAAM,SAAS,SAAiB;AAC9B,UAAO,QAAQ,MAAM,WAAW,SAAS,EAAE,EAAE,WAAW,SAAS,EAAE,EAAE,cAAc,SAAS,EAAE,CAAC;IAC/F;MACC,UAAS,MAAM,YAAY,YAAY,cAAc;AAE1D,SAAO;IACN;EAAC;EAAa;EAAM;EAAQ,CAAC;;;AAIlC,SAAgB,MAAM,MAAkC,cAAoB;CAC1E,MAAM,QAAQA,YAAU;AACxB,QAAOF,KAAG,MAAM,aAAa,CAAC,EAAE,OAAO,CAAC;;;AAI1C,SAAgBE,aAAqB;AAEnC,QAAOC,UAAgB"}

package/dist/core/vui.d.ts

@@ -1,5 +1,4 @@
 import { PropsOf, RefPropsOf } from "../utils/types.js";
-import "../utils/index.js";
 import { ElementType, PropsWithChildren, PropsWithoutRef, ReactElement } from "react";
 
 //#region src/core/vui.d.ts

package/dist/core/vui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vui.d.ts","names":[],"sources":["../../src/core/vui.ts"],"mappings":";;;;;;;;AAUA;iBAAgB,GAAA,WAAc,KAAA,CAAM,WAAA,iBAAA,CAClC,SAAA,EAAW,KAAA,CAAM,wBAAA,MAA8B,OAAA,CAAQ,CAAA,EAAG,KAAA,IAC1D,MAAA,GAAS,kBAAA,CAAmB,CAAA,EAAG,KAAA,IAAM,YAAA,CAAA,CAAA,EAAA,KAAA;;KAe3B,YAAA,WAAuB,WAAA;EAAA,aAEpB,WAAA,EACX,KAAA,EAAO,iBAAA,CAAkB,UAAA,CAAW,GAAA,EAAK,KAAA;IACvC,EAAA,EAAI,GAAA;EAAA,IAEL,YAAA;EAAA,CAEF,KAAA,EAAO,UAAA,CAAW,CAAA,EAAG,KAAA,IAAS,YAAA;EAE/B,YAAA,GAAe,OAAA,CAAQ,OAAA,CAAQ,CAAA,EAAG,KAAA;EAClC,WAAA;EACA,KAAA;AAAA;;KAIU,kBAAA,WAA6B,WAAA;EACvC,MAAA;EACA,WAAA,IACE,SAAA,EAAW,QAAA,CAAS,iBAAA,CAAkB,eAAA,CAAgB,OAAA,CAAQ,CAAA,EAAG,KAAA,MACjE,SAAA,EAAW,QAAA,CAAS,iBAAA,CAAkB,eAAA,CAAgB,OAAA,CAAQ,CAAA,EAAG,KAAA;AAAA;;;;;KAQzD,EAAA,WAAa,WAAA;EAAA,CACtB,KAAA,EAAO,OAAA,CAAQ,CAAA,EAAG,KAAA,IAAS,YAAA;EAE5B,YAAA,GAAe,OAAA,CAAQ,OAAA,CAAQ,CAAA,EAAG,KAAA;EAClC,WAAA;AAAA"}
+{"version":3,"file":"vui.d.ts","names":[],"sources":["../../src/core/vui.ts"],"mappings":";;;;;;;AAUA;iBAAgB,GAAA,WAAc,KAAA,CAAM,WAAA,iBAAA,CAClC,SAAA,EAAW,KAAA,CAAM,wBAAA,MAA8B,OAAA,CAAQ,CAAA,EAAG,KAAA,IAC1D,MAAA,GAAS,kBAAA,CAAmB,CAAA,EAAG,KAAA,IAAM,YAAA,CAAA,CAAA,EAAA,KAAA;;KAe3B,YAAA,WAAuB,WAAA;EAAA,aAEpB,WAAA,EACX,KAAA,EAAO,iBAAA,CAAkB,UAAA,CAAW,GAAA,EAAK,KAAA;IACvC,EAAA,EAAI,GAAA;EAAA,IAEL,YAAA;EAAA,CAEF,KAAA,EAAO,UAAA,CAAW,CAAA,EAAG,KAAA,IAAS,YAAA;EAE/B,YAAA,GAAe,OAAA,CAAQ,OAAA,CAAQ,CAAA,EAAG,KAAA;EAClC,WAAA;EACA,KAAA;AAAA;;KAIU,kBAAA,WAA6B,WAAA;EACvC,MAAA;EACA,WAAA,IACE,SAAA,EAAW,QAAA,CAAS,iBAAA,CAAkB,eAAA,CAAgB,OAAA,CAAQ,CAAA,EAAG,KAAA,MACjE,SAAA,EAAW,QAAA,CAAS,iBAAA,CAAkB,eAAA,CAAgB,OAAA,CAAQ,CAAA,EAAG,KAAA;AAAA;;;;;KAQzD,EAAA,WAAa,WAAA;EAAA,CACtB,KAAA,EAAO,OAAA,CAAQ,CAAA,EAAG,KAAA,IAAS,YAAA;EAE5B,YAAA,GAAe,OAAA,CAAQ,OAAA,CAAQ,CAAA,EAAG,KAAA;EAClC,WAAA;AAAA"}

package/dist/core/vui.js

@@ -13,5 +13,5 @@ function vui(component, config) {
 
 //#endregion
 export { vui as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=vui.js.map

package/dist/core/vuiProvider/animations.js

@@ -84,5 +84,5 @@ const spin = `
 
 //#endregion
 export { bounce, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, pulse, spin };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=animations.js.map

package/dist/core/vuiProvider/consts.d.ts

@@ -1,6 +1,54 @@
 //#region src/core/vuiProvider/consts.d.ts
 declare const noScrollClass = "vui-no-scroll";
+declare const vuiColorDarkBlue = "\n--vui-color-dark-blue-95: #eaeffb;\n--vui-color-dark-blue-90: #d4def7;\n--vui-color-dark-blue-85: #bfcef2;\n--vui-color-dark-blue-80: #aabdee;\n--vui-color-dark-blue-75: #95adea;\n--vui-color-dark-blue-70: #7f9ce6;\n--vui-color-dark-blue-65: #6a8ce2;\n--vui-color-dark-blue-60: #557bdd;\n--vui-color-dark-blue-55: #3f6bd9;\n--vui-color-dark-blue-50: #2a5ad5;\n--vui-color-dark-blue-45: #2651c0;\n--vui-color-dark-blue-40: #2248aa;\n--vui-color-dark-blue-35: #1d3f95;\n--vui-color-dark-blue-30: #193680;\n--vui-color-dark-blue-25: #152d6a;\n--vui-color-dark-blue-18: #0f214d;\n--vui-color-dark-blue-15: #0d1b40;\n--vui-color-dark-blue-10: #08122b;\n--vui-color-dark-blue-8: #070e21;\n--vui-color-dark-blue-5: #040915;\n";
+declare const vuiColorSeaBlue = "\n--vui-color-sea-blue-95: #e5efff;\n--vui-color-sea-blue-90: #ccdfff;\n--vui-color-sea-blue-85: #b2cfff;\n--vui-color-sea-blue-80: #99beff;\n--vui-color-sea-blue-75: #80aeff;\n--vui-color-sea-blue-70: #669eff;\n--vui-color-sea-blue-65: #4d8eff;\n--vui-color-sea-blue-60: #337eff;\n--vui-color-sea-blue-55: #1a6eff;\n--vui-color-sea-blue-50: #005eff;\n--vui-color-sea-blue-45: #0054e5;\n--vui-color-sea-blue-40: #004bcc;\n--vui-color-sea-blue-35: #0041b2;\n--vui-color-sea-blue-28: #00348f;\n--vui-color-sea-blue-25: #002f80;\n--vui-color-sea-blue-20: #002566;\n--vui-color-sea-blue-15: #001c4d;\n--vui-color-sea-blue-10: #001333;\n--vui-color-sea-blue-5: #00091a;\n";
+declare const vuiColorSkyBlue = "\n--vui-color-sky-blue-97: #f2fafd;\n--vui-color-sky-blue-95: #e9f7fc;\n--vui-color-sky-blue-90: #d3eef8;\n--vui-color-sky-blue-85: #bce6f5;\n--vui-color-sky-blue-80: #a6def2;\n--vui-color-sky-blue-77: #99d9f0;\n--vui-color-sky-blue-65: #64c5e8;\n--vui-color-sky-blue-60: #4ebce4;\n--vui-color-sky-blue-55: #37b4e1;\n--vui-color-sky-blue-50: #21acde;\n--vui-color-sky-blue-45: #1e9ac8;\n--vui-color-sky-blue-40: #1b89b1;\n--vui-color-sky-blue-35: #17789b;\n--vui-color-sky-blue-30: #146785;\n--vui-color-sky-blue-25: #11566f;\n--vui-color-sky-blue-20: #0d4559;\n--vui-color-sky-blue-15: #0a3343;\n--vui-color-sky-blue-10: #07222c;\n--vui-color-sky-blue-5: #031116;\n";
+declare const vuiColorDigiGreen = "\n--vui-color-digi-green-95: #e5ffee;\n--vui-color-digi-green-90: #ccffdc;\n--vui-color-digi-green-85: #b3ffcb;\n--vui-color-digi-green-80: #99ffb9;\n--vui-color-digi-green-78: #8fffb2;\n--vui-color-digi-green-70: #66ff96;\n--vui-color-digi-green-65: #4dff85;\n--vui-color-digi-green-60: #33ff74;\n--vui-color-digi-green-55: #1aff62;\n--vui-color-digi-green-50: #00ff51;\n--vui-color-digi-green-45: #00e549;\n--vui-color-digi-green-40: #00cc41;\n--vui-color-digi-green-35: #00b239;\n--vui-color-digi-green-30: #009930;\n--vui-color-digi-green-25: #008028;\n--vui-color-digi-green-20: #006620;\n--vui-color-digi-green-15: #004d18;\n--vui-color-digi-green-10: #003310;\n--vui-color-digi-green-5: #001a08;\n";
+declare const vuiColorSandstone = "\n--vui-color-sandstone-97: #f8f7f7;\n--vui-color-sandstone-95: #f3f2f2;\n--vui-color-sandstone-90: #e6e6e5;\n--vui-color-sandstone-85: #dad9d8;\n--vui-color-sandstone-79: #cbcac8;\n--vui-color-sandstone-75: #c1c0bd;\n--vui-color-sandstone-70: #b5b3b0;\n--vui-color-sandstone-65: #a8a7a3;\n--vui-color-sandstone-60: #9c9a96;\n--vui-color-sandstone-55: #908d89;\n--vui-color-sandstone-50: #83817c;\n--vui-color-sandstone-45: #76746f;\n--vui-color-sandstone-40: #696763;\n--vui-color-sandstone-35: #5c5a57;\n--vui-color-sandstone-30: #4f4d4a;\n--vui-color-sandstone-25: #42403e;\n--vui-color-sandstone-20: #353431;\n--vui-color-sandstone-15: #272725;\n--vui-color-sandstone-12: #212120;\n--vui-color-sandstone-10: #1a1a19;\n--vui-color-sandstone-5: #0d0d0c;\n";
+declare const vuiColorWarmGrey = "\n--vui-color-warm-grey-95: #f3f2f1;\n--vui-color-warm-grey-90: #e8e5e3;\n--vui-color-warm-grey-85: #dcd9d6;\n--vui-color-warm-grey-80: #d0ccc8;\n--vui-color-warm-grey-75: #c4bfba;\n--vui-color-warm-grey-70: #b9b2ac;\n--vui-color-warm-grey-65: #ada69f;\n--vui-color-warm-grey-60: #a19991;\n--vui-color-warm-grey-56: #988f86;\n--vui-color-warm-grey-50: #8a8075;\n--vui-color-warm-grey-45: #7c736a;\n--vui-color-warm-grey-40: #6e665e;\n--vui-color-warm-grey-35: #605952;\n--vui-color-warm-grey-30: #534d46;\n--vui-color-warm-grey-25: #45403b;\n--vui-color-warm-grey-20: #37332f;\n--vui-color-warm-grey-15: #292623;\n--vui-color-warm-grey-10: #1c1a17;\n--vui-color-warm-grey-5: #0e0d0c;\n";
+declare const vuiColorEarth = "\n--vui-color-earth-97: #fbf8f3;\n--vui-color-earth-95: #f9f3eb;\n--vui-color-earth-89: #f2e5d4;\n--vui-color-earth-85: #eddcc4;\n--vui-color-earth-80: #e7d1b1;\n--vui-color-earth-75: #e1c59d;\n--vui-color-earth-70: #dbb98a;\n--vui-color-earth-65: #d5ae76;\n--vui-color-earth-60: #cfa263;\n--vui-color-earth-55: #c9964f;\n--vui-color-earth-50: #c38b3c;\n--vui-color-earth-45: #b07d36;\n--vui-color-earth-40: #9c6f30;\n--vui-color-earth-35: #89612a;\n--vui-color-earth-30: #755324;\n--vui-color-earth-25: #62451e;\n--vui-color-earth-20: #4e3818;\n--vui-color-earth-15: #3b2a12;\n--vui-color-earth-10: #271c0c;\n--vui-color-earth-5: #140e06;\n";
+declare const vuiColorPine = "\n--vui-color-pine-95: #ecf5f8;\n--vui-color-pine-90: #daebf1;\n--vui-color-pine-85: #c7e2ea;\n--vui-color-pine-80: #b5d8e3;\n--vui-color-pine-75: #a2cedd;\n--vui-color-pine-70: #8fc4d6;\n--vui-color-pine-65: #7dbacf;\n--vui-color-pine-60: #6ab0c8;\n--vui-color-pine-55: #57a7c1;\n--vui-color-pine-50: #459dba;\n--vui-color-pine-45: #3e8da8;\n--vui-color-pine-40: #377d95;\n--vui-color-pine-35: #306e82;\n--vui-color-pine-31: #2b6173;\n--vui-color-pine-25: #224e5d;\n--vui-color-pine-20: #1c3f4a;\n--vui-color-pine-15: #152f38;\n--vui-color-pine-10: #0e1f25;\n--vui-color-pine-5: #071013;\n";
+declare const vuiColorEucalyptus = "\n--vui-color-eucalyptus-95: #e8fdfc;\n--vui-color-eucalyptus-90: #d1faf9;\n--vui-color-eucalyptus-85: #baf7f5;\n--vui-color-eucalyptus-80: #a3f5f2;\n--vui-color-eucalyptus-75: #8cf2ef;\n--vui-color-eucalyptus-70: #75f0ec;\n--vui-color-eucalyptus-65: #5eede8;\n--vui-color-eucalyptus-60: #47ebe5;\n--vui-color-eucalyptus-55: #30e8e2;\n--vui-color-eucalyptus-50: #1ae5df;\n--vui-color-eucalyptus-45: #17cfc8;\n--vui-color-eucalyptus-41: #15c1bb;\n--vui-color-eucalyptus-35: #12a19c;\n--vui-color-eucalyptus-30: #0f8a86;\n--vui-color-eucalyptus-25: #0d736f;\n--vui-color-eucalyptus-20: #0a5c59;\n--vui-color-eucalyptus-15: #084543;\n--vui-color-eucalyptus-10: #052e2d;\n--vui-color-eucalyptus-5: #031716;\n";
+declare const vuiColorLavender = "\n--vui-color-lavender-95: #ebedfa;\n--vui-color-lavender-90: #d7dbf4;\n--vui-color-lavender-85: #c3c8ef;\n--vui-color-lavender-80: #aeb6ea;\n--vui-color-lavender-77: #a2abe6;\n--vui-color-lavender-70: #8692df;\n--vui-color-lavender-65: #7280da;\n--vui-color-lavender-60: #5e6ed4;\n--vui-color-lavender-55: #4a5bcf;\n--vui-color-lavender-50: #3649c9;\n--vui-color-lavender-45: #3042b5;\n--vui-color-lavender-40: #2b3ba1;\n--vui-color-lavender-35: #25338d;\n--vui-color-lavender-30: #202c79;\n--vui-color-lavender-25: #1b2565;\n--vui-color-lavender-20: #151d51;\n--vui-color-lavender-15: #10163c;\n--vui-color-lavender-10: #0b0f28;\n--vui-color-lavender-5: #050714;\n";
+declare const vuiColorTerracotta = "\n--vui-color-terracotta-95: #fff4e5;\n--vui-color-terracotta-90: #ffe9cc;\n--vui-color-terracotta-85: #ffdeb3;\n--vui-color-terracotta-80: #ffd399;\n--vui-color-terracotta-75: #ffc880;\n--vui-color-terracotta-70: #ffbd66;\n--vui-color-terracotta-65: #ffb24d;\n--vui-color-terracotta-60: #ffa733;\n--vui-color-terracotta-55: #ff9c1a;\n--vui-color-terracotta-50: #ff9100;\n--vui-color-terracotta-45: #e58200;\n--vui-color-terracotta-40: #cc7400;\n--vui-color-terracotta-35: #b26500;\n--vui-color-terracotta-30: #995700;\n--vui-color-terracotta-25: #804800;\n--vui-color-terracotta-20: #663a00;\n--vui-color-terracotta-15: #4d2b00;\n--vui-color-terracotta-10: #331d00;\n--vui-color-terracotta-5: #1a0e00;\n";
+declare const vuiColorLandGreen = "\n--vui-color-land-green-95: #edf8ec;\n--vui-color-land-green-90: #dcf2d9;\n--vui-color-land-green-85: #caebc6;\n--vui-color-land-green-80: #b8e5b3;\n--vui-color-land-green-75: #a6dea0;\n--vui-color-land-green-70: #95d88d;\n--vui-color-land-green-65: #83d17a;\n--vui-color-land-green-60: #71cb67;\n--vui-color-land-green-55: #5fc454;\n--vui-color-land-green-50: #4ebe41;\n--vui-color-land-green-45: #46ab3b;\n--vui-color-land-green-41: #409c35;\n--vui-color-land-green-35: #36852e;\n--vui-color-land-green-30: #2f7227;\n--vui-color-land-green-25: #275f21;\n--vui-color-land-green-20: #1f4c1a;\n--vui-color-land-green-15: #173914;\n--vui-color-land-green-10: #10260d;\n--vui-color-land-green-5: #081307;\n";
+declare const vuiColorSunflower = "\n--vui-color-sunflower-95: #fffde6;\n--vui-color-sunflower-90: #fffbcc;\n--vui-color-sunflower-85: #fff9b2;\n--vui-color-sunflower-80: #fff699;\n--vui-color-sunflower-73: #fff475;\n--vui-color-sunflower-70: #fff166;\n--vui-color-sunflower-65: #fff04d;\n--vui-color-sunflower-60: #ffee33;\n--vui-color-sunflower-55: #ffec1a;\n--vui-color-sunflower-50: #ffea00;\n--vui-color-sunflower-45: #e5d200;\n--vui-color-sunflower-40: #ccbb00;\n--vui-color-sunflower-35: #b2a400;\n--vui-color-sunflower-30: #998b00;\n--vui-color-sunflower-25: #807500;\n--vui-color-sunflower-20: #665e00;\n--vui-color-sunflower-15: #4d4600;\n--vui-color-sunflower-10: #332f00;\n--vui-color-sunflower-5: #1a1700;\n";
+declare const vuiColorEnergyRed = "\n--vui-color-energy-red-95: #fde8e9;\n--vui-color-energy-red-90: #fbd0d2;\n--vui-color-energy-red-85: #f8b9bc;\n--vui-color-energy-red-80: #f6a2a6;\n--vui-color-energy-red-75: #f48a90;\n--vui-color-energy-red-70: #f27379;\n--vui-color-energy-red-65: #f05c63;\n--vui-color-energy-red-60: #ee444d;\n--vui-color-energy-red-54: #eb2832;\n--vui-color-energy-red-50: #e91620;\n--vui-color-energy-red-45: #d2141d;\n--vui-color-energy-red-40: #bb111a;\n--vui-color-energy-red-35: #a30f17;\n--vui-color-energy-red-30: #8c0d13;\n--vui-color-energy-red-25: #750b10;\n--vui-color-energy-red-20: #5d090d;\n--vui-color-energy-red-15: #46070a;\n--vui-color-energy-red-10: #2f0406;\n--vui-color-energy-red-5: #170203;\n";
+declare const vuiColorCyan = "\n--vui-color-cyan-95: #e5f8ff;\n--vui-color-cyan-60: #33c8ff;\n--vui-color-cyan-43: #009fda;\n";
+declare const vuiColorOpacityDark = "\n--vui-color-opacity-dark-0: #00000000;\n--vui-color-opacity-dark-5: #0000000d;\n--vui-color-opacity-dark-10: #0000001a;\n--vui-color-opacity-dark-15: #00000026;\n--vui-color-opacity-dark-20: #00000033;\n--vui-color-opacity-dark-25: #00000040;\n--vui-color-opacity-dark-30: #0000004d;\n--vui-color-opacity-dark-35: #00000059;\n--vui-color-opacity-dark-40: #00000066;\n--vui-color-opacity-dark-45: #00000073;\n--vui-color-opacity-dark-50: #00000080;\n--vui-color-opacity-dark-55: #0000008c;\n--vui-color-opacity-dark-60: #00000099;\n--vui-color-opacity-dark-65: #000000a6;\n--vui-color-opacity-dark-70: #000000b2;\n--vui-color-opacity-dark-75: #000000bf;\n--vui-color-opacity-dark-80: #000000cc;\n--vui-color-opacity-dark-85: #000000d9;\n--vui-color-opacity-dark-90: #000000e5;\n--vui-color-opacity-dark-95: #000000f2;\n";
+declare const vuiColorOpacityLight = "\n--vui-color-opacity-light-0: #ffffff00;\n--vui-color-opacity-light-5: #ffffff0d;\n--vui-color-opacity-light-10: #ffffff1a;\n--vui-color-opacity-light-15: #ffffff26;\n--vui-color-opacity-light-20: #ffffff33;\n--vui-color-opacity-light-25: #ffffff40;\n--vui-color-opacity-light-30: #ffffff4d;\n--vui-color-opacity-light-35: #ffffff59;\n--vui-color-opacity-light-40: #ffffff66;\n--vui-color-opacity-light-45: #ffffff73;\n--vui-color-opacity-light-50: #ffffff80;\n--vui-color-opacity-light-55: #ffffff8c;\n--vui-color-opacity-light-60: #ffffff99;\n--vui-color-opacity-light-65: #ffffffa6;\n--vui-color-opacity-light-70: #ffffffb2;\n--vui-color-opacity-light-75: #ffffffbf;\n--vui-color-opacity-light-80: #ffffffcc;\n--vui-color-opacity-light-85: #ffffffd9;\n--vui-color-opacity-light-90: #ffffffe5;\n--vui-color-opacity-light-95: #fffffff2;\n";
+declare const vuiColorBase = "\n--vui-color-opacity-none: #00000000;\n--vui-color-white: #ffffff;\n--vui-color-black: #000000;\n";
+declare const vuiColorPrimitives = "\n/* Color Primitives */\n\n--vui-color-dark-blue-95: #eaeffb;\n--vui-color-dark-blue-90: #d4def7;\n--vui-color-dark-blue-85: #bfcef2;\n--vui-color-dark-blue-80: #aabdee;\n--vui-color-dark-blue-75: #95adea;\n--vui-color-dark-blue-70: #7f9ce6;\n--vui-color-dark-blue-65: #6a8ce2;\n--vui-color-dark-blue-60: #557bdd;\n--vui-color-dark-blue-55: #3f6bd9;\n--vui-color-dark-blue-50: #2a5ad5;\n--vui-color-dark-blue-45: #2651c0;\n--vui-color-dark-blue-40: #2248aa;\n--vui-color-dark-blue-35: #1d3f95;\n--vui-color-dark-blue-30: #193680;\n--vui-color-dark-blue-25: #152d6a;\n--vui-color-dark-blue-18: #0f214d;\n--vui-color-dark-blue-15: #0d1b40;\n--vui-color-dark-blue-10: #08122b;\n--vui-color-dark-blue-8: #070e21;\n--vui-color-dark-blue-5: #040915;\n\n\n--vui-color-sea-blue-95: #e5efff;\n--vui-color-sea-blue-90: #ccdfff;\n--vui-color-sea-blue-85: #b2cfff;\n--vui-color-sea-blue-80: #99beff;\n--vui-color-sea-blue-75: #80aeff;\n--vui-color-sea-blue-70: #669eff;\n--vui-color-sea-blue-65: #4d8eff;\n--vui-color-sea-blue-60: #337eff;\n--vui-color-sea-blue-55: #1a6eff;\n--vui-color-sea-blue-50: #005eff;\n--vui-color-sea-blue-45: #0054e5;\n--vui-color-sea-blue-40: #004bcc;\n--vui-color-sea-blue-35: #0041b2;\n--vui-color-sea-blue-28: #00348f;\n--vui-color-sea-blue-25: #002f80;\n--vui-color-sea-blue-20: #002566;\n--vui-color-sea-blue-15: #001c4d;\n--vui-color-sea-blue-10: #001333;\n--vui-color-sea-blue-5: #00091a;\n\n\n--vui-color-sky-blue-97: #f2fafd;\n--vui-color-sky-blue-95: #e9f7fc;\n--vui-color-sky-blue-90: #d3eef8;\n--vui-color-sky-blue-85: #bce6f5;\n--vui-color-sky-blue-80: #a6def2;\n--vui-color-sky-blue-77: #99d9f0;\n--vui-color-sky-blue-65: #64c5e8;\n--vui-color-sky-blue-60: #4ebce4;\n--vui-color-sky-blue-55: #37b4e1;\n--vui-color-sky-blue-50: #21acde;\n--vui-color-sky-blue-45: #1e9ac8;\n--vui-color-sky-blue-40: #1b89b1;\n--vui-color-sky-blue-35: #17789b;\n--vui-color-sky-blue-30: #146785;\n--vui-color-sky-blue-25: #11566f;\n--vui-color-sky-blue-20: #0d4559;\n--vui-color-sky-blue-15: #0a3343;\n--vui-color-sky-blue-10: #07222c;\n--vui-color-sky-blue-5: #031116;\n\n\n--vui-color-digi-green-95: #e5ffee;\n--vui-color-digi-green-90: #ccffdc;\n--vui-color-digi-green-85: #b3ffcb;\n--vui-color-digi-green-80: #99ffb9;\n--vui-color-digi-green-78: #8fffb2;\n--vui-color-digi-green-70: #66ff96;\n--vui-color-digi-green-65: #4dff85;\n--vui-color-digi-green-60: #33ff74;\n--vui-color-digi-green-55: #1aff62;\n--vui-color-digi-green-50: #00ff51;\n--vui-color-digi-green-45: #00e549;\n--vui-color-digi-green-40: #00cc41;\n--vui-color-digi-green-35: #00b239;\n--vui-color-digi-green-30: #009930;\n--vui-color-digi-green-25: #008028;\n--vui-color-digi-green-20: #006620;\n--vui-color-digi-green-15: #004d18;\n--vui-color-digi-green-10: #003310;\n--vui-color-digi-green-5: #001a08;\n\n\n--vui-color-sandstone-97: #f8f7f7;\n--vui-color-sandstone-95: #f3f2f2;\n--vui-color-sandstone-90: #e6e6e5;\n--vui-color-sandstone-85: #dad9d8;\n--vui-color-sandstone-79: #cbcac8;\n--vui-color-sandstone-75: #c1c0bd;\n--vui-color-sandstone-70: #b5b3b0;\n--vui-color-sandstone-65: #a8a7a3;\n--vui-color-sandstone-60: #9c9a96;\n--vui-color-sandstone-55: #908d89;\n--vui-color-sandstone-50: #83817c;\n--vui-color-sandstone-45: #76746f;\n--vui-color-sandstone-40: #696763;\n--vui-color-sandstone-35: #5c5a57;\n--vui-color-sandstone-30: #4f4d4a;\n--vui-color-sandstone-25: #42403e;\n--vui-color-sandstone-20: #353431;\n--vui-color-sandstone-15: #272725;\n--vui-color-sandstone-12: #212120;\n--vui-color-sandstone-10: #1a1a19;\n--vui-color-sandstone-5: #0d0d0c;\n\n\n--vui-color-warm-grey-95: #f3f2f1;\n--vui-color-warm-grey-90: #e8e5e3;\n--vui-color-warm-grey-85: #dcd9d6;\n--vui-color-warm-grey-80: #d0ccc8;\n--vui-color-warm-grey-75: #c4bfba;\n--vui-color-warm-grey-70: #b9b2ac;\n--vui-color-warm-grey-65: #ada69f;\n--vui-color-warm-grey-60: #a19991;\n--vui-color-warm-grey-56: #988f86;\n--vui-color-warm-grey-50: #8a8075;\n--vui-color-warm-grey-45: #7c736a;\n--vui-color-warm-grey-40: #6e665e;\n--vui-color-warm-grey-35: #605952;\n--vui-color-warm-grey-30: #534d46;\n--vui-color-warm-grey-25: #45403b;\n--vui-color-warm-grey-20: #37332f;\n--vui-color-warm-grey-15: #292623;\n--vui-color-warm-grey-10: #1c1a17;\n--vui-color-warm-grey-5: #0e0d0c;\n\n\n--vui-color-earth-97: #fbf8f3;\n--vui-color-earth-95: #f9f3eb;\n--vui-color-earth-89: #f2e5d4;\n--vui-color-earth-85: #eddcc4;\n--vui-color-earth-80: #e7d1b1;\n--vui-color-earth-75: #e1c59d;\n--vui-color-earth-70: #dbb98a;\n--vui-color-earth-65: #d5ae76;\n--vui-color-earth-60: #cfa263;\n--vui-color-earth-55: #c9964f;\n--vui-color-earth-50: #c38b3c;\n--vui-color-earth-45: #b07d36;\n--vui-color-earth-40: #9c6f30;\n--vui-color-earth-35: #89612a;\n--vui-color-earth-30: #755324;\n--vui-color-earth-25: #62451e;\n--vui-color-earth-20: #4e3818;\n--vui-color-earth-15: #3b2a12;\n--vui-color-earth-10: #271c0c;\n--vui-color-earth-5: #140e06;\n\n\n--vui-color-pine-95: #ecf5f8;\n--vui-color-pine-90: #daebf1;\n--vui-color-pine-85: #c7e2ea;\n--vui-color-pine-80: #b5d8e3;\n--vui-color-pine-75: #a2cedd;\n--vui-color-pine-70: #8fc4d6;\n--vui-color-pine-65: #7dbacf;\n--vui-color-pine-60: #6ab0c8;\n--vui-color-pine-55: #57a7c1;\n--vui-color-pine-50: #459dba;\n--vui-color-pine-45: #3e8da8;\n--vui-color-pine-40: #377d95;\n--vui-color-pine-35: #306e82;\n--vui-color-pine-31: #2b6173;\n--vui-color-pine-25: #224e5d;\n--vui-color-pine-20: #1c3f4a;\n--vui-color-pine-15: #152f38;\n--vui-color-pine-10: #0e1f25;\n--vui-color-pine-5: #071013;\n\n\n--vui-color-eucalyptus-95: #e8fdfc;\n--vui-color-eucalyptus-90: #d1faf9;\n--vui-color-eucalyptus-85: #baf7f5;\n--vui-color-eucalyptus-80: #a3f5f2;\n--vui-color-eucalyptus-75: #8cf2ef;\n--vui-color-eucalyptus-70: #75f0ec;\n--vui-color-eucalyptus-65: #5eede8;\n--vui-color-eucalyptus-60: #47ebe5;\n--vui-color-eucalyptus-55: #30e8e2;\n--vui-color-eucalyptus-50: #1ae5df;\n--vui-color-eucalyptus-45: #17cfc8;\n--vui-color-eucalyptus-41: #15c1bb;\n--vui-color-eucalyptus-35: #12a19c;\n--vui-color-eucalyptus-30: #0f8a86;\n--vui-color-eucalyptus-25: #0d736f;\n--vui-color-eucalyptus-20: #0a5c59;\n--vui-color-eucalyptus-15: #084543;\n--vui-color-eucalyptus-10: #052e2d;\n--vui-color-eucalyptus-5: #031716;\n\n\n--vui-color-lavender-95: #ebedfa;\n--vui-color-lavender-90: #d7dbf4;\n--vui-color-lavender-85: #c3c8ef;\n--vui-color-lavender-80: #aeb6ea;\n--vui-color-lavender-77: #a2abe6;\n--vui-color-lavender-70: #8692df;\n--vui-color-lavender-65: #7280da;\n--vui-color-lavender-60: #5e6ed4;\n--vui-color-lavender-55: #4a5bcf;\n--vui-color-lavender-50: #3649c9;\n--vui-color-lavender-45: #3042b5;\n--vui-color-lavender-40: #2b3ba1;\n--vui-color-lavender-35: #25338d;\n--vui-color-lavender-30: #202c79;\n--vui-color-lavender-25: #1b2565;\n--vui-color-lavender-20: #151d51;\n--vui-color-lavender-15: #10163c;\n--vui-color-lavender-10: #0b0f28;\n--vui-color-lavender-5: #050714;\n\n\n--vui-color-terracotta-95: #fff4e5;\n--vui-color-terracotta-90: #ffe9cc;\n--vui-color-terracotta-85: #ffdeb3;\n--vui-color-terracotta-80: #ffd399;\n--vui-color-terracotta-75: #ffc880;\n--vui-color-terracotta-70: #ffbd66;\n--vui-color-terracotta-65: #ffb24d;\n--vui-color-terracotta-60: #ffa733;\n--vui-color-terracotta-55: #ff9c1a;\n--vui-color-terracotta-50: #ff9100;\n--vui-color-terracotta-45: #e58200;\n--vui-color-terracotta-40: #cc7400;\n--vui-color-terracotta-35: #b26500;\n--vui-color-terracotta-30: #995700;\n--vui-color-terracotta-25: #804800;\n--vui-color-terracotta-20: #663a00;\n--vui-color-terracotta-15: #4d2b00;\n--vui-color-terracotta-10: #331d00;\n--vui-color-terracotta-5: #1a0e00;\n\n\n--vui-color-land-green-95: #edf8ec;\n--vui-color-land-green-90: #dcf2d9;\n--vui-color-land-green-85: #caebc6;\n--vui-color-land-green-80: #b8e5b3;\n--vui-color-land-green-75: #a6dea0;\n--vui-color-land-green-70: #95d88d;\n--vui-color-land-green-65: #83d17a;\n--vui-color-land-green-60: #71cb67;\n--vui-color-land-green-55: #5fc454;\n--vui-color-land-green-50: #4ebe41;\n--vui-color-land-green-45: #46ab3b;\n--vui-color-land-green-41: #409c35;\n--vui-color-land-green-35: #36852e;\n--vui-color-land-green-30: #2f7227;\n--vui-color-land-green-25: #275f21;\n--vui-color-land-green-20: #1f4c1a;\n--vui-color-land-green-15: #173914;\n--vui-color-land-green-10: #10260d;\n--vui-color-land-green-5: #081307;\n\n\n--vui-color-sunflower-95: #fffde6;\n--vui-color-sunflower-90: #fffbcc;\n--vui-color-sunflower-85: #fff9b2;\n--vui-color-sunflower-80: #fff699;\n--vui-color-sunflower-73: #fff475;\n--vui-color-sunflower-70: #fff166;\n--vui-color-sunflower-65: #fff04d;\n--vui-color-sunflower-60: #ffee33;\n--vui-color-sunflower-55: #ffec1a;\n--vui-color-sunflower-50: #ffea00;\n--vui-color-sunflower-45: #e5d200;\n--vui-color-sunflower-40: #ccbb00;\n--vui-color-sunflower-35: #b2a400;\n--vui-color-sunflower-30: #998b00;\n--vui-color-sunflower-25: #807500;\n--vui-color-sunflower-20: #665e00;\n--vui-color-sunflower-15: #4d4600;\n--vui-color-sunflower-10: #332f00;\n--vui-color-sunflower-5: #1a1700;\n\n\n--vui-color-energy-red-95: #fde8e9;\n--vui-color-energy-red-90: #fbd0d2;\n--vui-color-energy-red-85: #f8b9bc;\n--vui-color-energy-red-80: #f6a2a6;\n--vui-color-energy-red-75: #f48a90;\n--vui-color-energy-red-70: #f27379;\n--vui-color-energy-red-65: #f05c63;\n--vui-color-energy-red-60: #ee444d;\n--vui-color-energy-red-54: #eb2832;\n--vui-color-energy-red-50: #e91620;\n--vui-color-energy-red-45: #d2141d;\n--vui-color-energy-red-40: #bb111a;\n--vui-color-energy-red-35: #a30f17;\n--vui-color-energy-red-30: #8c0d13;\n--vui-color-energy-red-25: #750b10;\n--vui-color-energy-red-20: #5d090d;\n--vui-color-energy-red-15: #46070a;\n--vui-color-energy-red-10: #2f0406;\n--vui-color-energy-red-5: #170203;\n\n\n--vui-color-cyan-95: #e5f8ff;\n--vui-color-cyan-60: #33c8ff;\n--vui-color-cyan-43: #009fda;\n\n\n--vui-color-opacity-dark-0: #00000000;\n--vui-color-opacity-dark-5: #0000000d;\n--vui-color-opacity-dark-10: #0000001a;\n--vui-color-opacity-dark-15: #00000026;\n--vui-color-opacity-dark-20: #00000033;\n--vui-color-opacity-dark-25: #00000040;\n--vui-color-opacity-dark-30: #0000004d;\n--vui-color-opacity-dark-35: #00000059;\n--vui-color-opacity-dark-40: #00000066;\n--vui-color-opacity-dark-45: #00000073;\n--vui-color-opacity-dark-50: #00000080;\n--vui-color-opacity-dark-55: #0000008c;\n--vui-color-opacity-dark-60: #00000099;\n--vui-color-opacity-dark-65: #000000a6;\n--vui-color-opacity-dark-70: #000000b2;\n--vui-color-opacity-dark-75: #000000bf;\n--vui-color-opacity-dark-80: #000000cc;\n--vui-color-opacity-dark-85: #000000d9;\n--vui-color-opacity-dark-90: #000000e5;\n--vui-color-opacity-dark-95: #000000f2;\n\n\n--vui-color-opacity-light-0: #ffffff00;\n--vui-color-opacity-light-5: #ffffff0d;\n--vui-color-opacity-light-10: #ffffff1a;\n--vui-color-opacity-light-15: #ffffff26;\n--vui-color-opacity-light-20: #ffffff33;\n--vui-color-opacity-light-25: #ffffff40;\n--vui-color-opacity-light-30: #ffffff4d;\n--vui-color-opacity-light-35: #ffffff59;\n--vui-color-opacity-light-40: #ffffff66;\n--vui-color-opacity-light-45: #ffffff73;\n--vui-color-opacity-light-50: #ffffff80;\n--vui-color-opacity-light-55: #ffffff8c;\n--vui-color-opacity-light-60: #ffffff99;\n--vui-color-opacity-light-65: #ffffffa6;\n--vui-color-opacity-light-70: #ffffffb2;\n--vui-color-opacity-light-75: #ffffffbf;\n--vui-color-opacity-light-80: #ffffffcc;\n--vui-color-opacity-light-85: #ffffffd9;\n--vui-color-opacity-light-90: #ffffffe5;\n--vui-color-opacity-light-95: #fffffff2;\n\n\n--vui-color-opacity-none: #00000000;\n--vui-color-white: #ffffff;\n--vui-color-black: #000000;\n\n";
+declare const vuiSemanticForeground = "\n--vui-foreground-brand-primary: var(--vui-color-sea-blue-28);\n--vui-foreground-brand-secondary: var(--vui-color-dark-blue-18);\n--vui-foreground-contrast: var(--vui-color-digi-green-78);\n--vui-foreground-default: var(--vui-color-sandstone-10);\n--vui-foreground-inverse: var(--vui-color-white);\n--vui-foreground-muted: var(--vui-color-warm-grey-30);\n";
+declare const vuiSemanticBackground = "\n--vui-background-cold: var(--vui-color-sky-blue-97);\n--vui-background-contrast: var(--vui-color-dark-blue-18);\n--vui-background-default: var(--vui-color-white);\n--vui-background-elevated: var(--vui-color-white);\n--vui-background-muted: var(--vui-color-sandstone-95);\n--vui-background-subtle: var(--vui-color-sandstone-97);\n--vui-background-warm: var(--vui-color-earth-95);\n";
+declare const vuiUtilityBorder = "\n--vui-utility-border-brand: var(--vui-color-dark-blue-18);\n--vui-utility-border-default: var(--vui-color-opacity-dark-20);\n--vui-utility-border-inverse: var(--vui-color-white);\n--vui-utility-border-subtle: var(--vui-color-opacity-dark-10);\n";
+declare const vuiUtilityLoading = "\n--vui-utility-loading-brand: var(--vui-color-sea-blue-28);\n--vui-utility-loading-danger: var(--vui-color-energy-red-54);\n--vui-utility-loading-inverse: var(--vui-color-white);\n--vui-utility-loading-skeleton: var(--vui-color-opacity-dark-30);\n--vui-utility-loading-success: var(--vui-color-land-green-41);\n";
+declare const vuiUtilityMisc = "\n--vui-utility-focus: var(--vui-color-cyan-43);\n--vui-utility-indicator: var(--vui-data-cyan);\n--vui-utility-opacity-none: var(--vui-color-opacity-light-0);\n--vui-utility-overlay: var(--vui-color-opacity-dark-50);\n--vui-utility-tooltip-background: var(--vui-color-dark-blue-18);\n--vui-utility-tooltip-foreground: var(--vui-color-white);\n";
+declare const vuiUtilityTokens = "\n/* Utility Tokens */\n\n--vui-utility-border-brand: var(--vui-color-dark-blue-18);\n--vui-utility-border-default: var(--vui-color-opacity-dark-20);\n--vui-utility-border-inverse: var(--vui-color-white);\n--vui-utility-border-subtle: var(--vui-color-opacity-dark-10);\n\n\n--vui-utility-loading-brand: var(--vui-color-sea-blue-28);\n--vui-utility-loading-danger: var(--vui-color-energy-red-54);\n--vui-utility-loading-inverse: var(--vui-color-white);\n--vui-utility-loading-skeleton: var(--vui-color-opacity-dark-30);\n--vui-utility-loading-success: var(--vui-color-land-green-41);\n\n\n--vui-utility-focus: var(--vui-color-cyan-43);\n--vui-utility-indicator: var(--vui-data-cyan);\n--vui-utility-opacity-none: var(--vui-color-opacity-light-0);\n--vui-utility-overlay: var(--vui-color-opacity-dark-50);\n--vui-utility-tooltip-background: var(--vui-color-dark-blue-18);\n--vui-utility-tooltip-foreground: var(--vui-color-white);\n\n";
+declare const vuiNavigationForeground = "\n--vui-navigation-foreground-active: var(--vui-color-sea-blue-28);\n--vui-navigation-foreground-default: var(--vui-color-sandstone-10);\n--vui-navigation-foreground-disabled: var(--vui-color-sandstone-55);\n--vui-navigation-foreground-hover: var(--vui-color-sandstone-10);\n--vui-navigation-foreground-pressed: var(--vui-color-sandstone-10);\n";
+declare const vuiNavigationBackground = "\n--vui-navigation-background-active: var(--vui-color-sky-blue-95);\n--vui-navigation-background-default: var(--vui-background-elevated);\n--vui-navigation-background-disabled: var(--vui-color-sandstone-95);\n--vui-navigation-background-hover: var(--vui-color-sky-blue-85);\n--vui-navigation-background-pressed: var(--vui-color-sky-blue-90);\n";
+declare const vuiNavigationBorder = "\n--vui-navigation-border-active: var(--vui-color-sea-blue-28);\n--vui-navigation-border-default: var(--vui-color-opacity-dark-5);\n--vui-navigation-border-disabled: var(--vui-color-opacity-dark-10);\n--vui-navigation-border-hover: var(--vui-color-dark-blue-18);\n--vui-navigation-border-pressed: var(--vui-color-sea-blue-28);\n";
+declare const vuiNavigationTokens = "\n/* Navigation Tokens */\n\n--vui-navigation-foreground-active: var(--vui-color-sea-blue-28);\n--vui-navigation-foreground-default: var(--vui-color-sandstone-10);\n--vui-navigation-foreground-disabled: var(--vui-color-sandstone-55);\n--vui-navigation-foreground-hover: var(--vui-color-sandstone-10);\n--vui-navigation-foreground-pressed: var(--vui-color-sandstone-10);\n\n\n--vui-navigation-background-active: var(--vui-color-sky-blue-95);\n--vui-navigation-background-default: var(--vui-background-elevated);\n--vui-navigation-background-disabled: var(--vui-color-sandstone-95);\n--vui-navigation-background-hover: var(--vui-color-sky-blue-85);\n--vui-navigation-background-pressed: var(--vui-color-sky-blue-90);\n\n\n--vui-navigation-border-active: var(--vui-color-sea-blue-28);\n--vui-navigation-border-default: var(--vui-color-opacity-dark-5);\n--vui-navigation-border-disabled: var(--vui-color-opacity-dark-10);\n--vui-navigation-border-hover: var(--vui-color-dark-blue-18);\n--vui-navigation-border-pressed: var(--vui-color-sea-blue-28);\n\n";
+declare const vuiActionAI = "\n--vui-action-ai-solid: var(--vui-color-cyan-43);\n--vui-action-ai-solid-hover: var(--vui-color-sea-blue-20);\n--vui-action-ai-solid-inverse: var(--vui-color-white);\n--vui-action-ai-solid-pressed: var(--vui-color-sea-blue-35);\n--vui-action-ai-subtle: var(--vui-gradient-ai-1);\n--vui-action-ai-subtle-hover: var(--vui-gradient-ai-1);\n--vui-action-ai-subtle-inverse: var(--vui-color-dark-blue-18);\n--vui-action-ai-subtle-pressed: var(--vui-gradient-ai-1);\n";
+declare const vuiActionBlue = "\n--vui-action-blue-solid: var(--vui-color-dark-blue-18);\n--vui-action-blue-solid-hover: var(--vui-color-dark-blue-25);\n--vui-action-blue-solid-inverse: var(--vui-color-white);\n--vui-action-blue-solid-pressed: var(--vui-color-sea-blue-28);\n--vui-action-blue-subtle: var(--vui-color-sky-blue-90);\n--vui-action-blue-subtle-hover: var(--vui-color-sky-blue-80);\n--vui-action-blue-subtle-inverse: var(--vui-color-dark-blue-18);\n--vui-action-blue-subtle-pressed: var(--vui-color-sky-blue-85);\n";
+declare const vuiActionBrand = "\n--vui-action-brand-solid: var(--vui-color-sea-blue-28);\n--vui-action-brand-solid-hover: var(--vui-color-sea-blue-20);\n--vui-action-brand-solid-inverse: var(--vui-color-white);\n--vui-action-brand-solid-pressed: var(--vui-color-sea-blue-35);\n--vui-action-brand-subtle: var(--vui-color-sky-blue-95);\n--vui-action-brand-subtle-hover: var(--vui-color-sky-blue-85);\n--vui-action-brand-subtle-inverse: var(--vui-color-sea-blue-28);\n--vui-action-brand-subtle-pressed: var(--vui-color-sky-blue-90);\n";
+declare const vuiActionContrast = "\n--vui-action-contrast-solid: var(--vui-color-digi-green-78);\n--vui-action-contrast-solid-hover: var(--vui-color-digi-green-70);\n--vui-action-contrast-solid-inverse: var(--vui-color-dark-blue-18);\n--vui-action-contrast-solid-pressed: var(--vui-color-digi-green-85);\n--vui-action-contrast-subtle: var(--vui-color-digi-green-78);\n--vui-action-contrast-subtle-hover: var(--vui-color-opacity-light-25);\n--vui-action-contrast-subtle-inverse: var(--vui-color-dark-blue-18);\n--vui-action-contrast-subtle-pressed: var(--vui-color-opacity-light-15);\n";
+declare const vuiActionDanger = "\n--vui-action-danger-solid: var(--vui-color-energy-red-45);\n--vui-action-danger-solid-hover: var(--vui-color-energy-red-35);\n--vui-action-danger-solid-inverse: var(--vui-color-white);\n--vui-action-danger-solid-pressed: var(--vui-color-energy-red-50);\n--vui-action-danger-subtle: var(--vui-color-energy-red-95);\n--vui-action-danger-subtle-hover: var(--vui-color-energy-red-85);\n--vui-action-danger-subtle-inverse: var(--vui-color-energy-red-45);\n--vui-action-danger-subtle-pressed: var(--vui-color-energy-red-90);\n";
+declare const vuiActionEucalyptus = "\n--vui-action-eucalyptus-solid: var(--vui-color-eucalyptus-30);\n--vui-action-eucalyptus-solid-hover: var(--vui-color-eucalyptus-41);\n--vui-action-eucalyptus-solid-inverse: var(--vui-color-white);\n--vui-action-eucalyptus-solid-pressed: var(--vui-color-eucalyptus-35);\n--vui-action-eucalyptus-subtle: var(--vui-color-eucalyptus-95);\n--vui-action-eucalyptus-subtle-hover: var(--vui-color-eucalyptus-85);\n--vui-action-eucalyptus-subtle-inverse: var(--vui-color-eucalyptus-20);\n--vui-action-eucalyptus-subtle-pressed: var(--vui-color-eucalyptus-90);\n";
+declare const vuiActionGrey = "\n--vui-action-grey-solid: var(--vui-color-sandstone-40);\n--vui-action-grey-solid-hover: var(--vui-color-sandstone-50);\n--vui-action-grey-solid-inverse: var(--vui-color-white);\n--vui-action-grey-solid-pressed: var(--vui-color-sandstone-45);\n--vui-action-grey-subtle: var(--vui-color-sandstone-90);\n--vui-action-grey-subtle-hover: var(--vui-color-sandstone-79);\n--vui-action-grey-subtle-inverse: var(--vui-color-sandstone-10);\n--vui-action-grey-subtle-pressed: var(--vui-color-sandstone-85);\n";
+declare const vuiActionLavender = "\n--vui-action-lavender-solid: var(--vui-color-lavender-60);\n--vui-action-lavender-solid-hover: var(--vui-color-lavender-70);\n--vui-action-lavender-solid-inverse: var(--vui-color-white);\n--vui-action-lavender-solid-pressed: var(--vui-color-lavender-65);\n--vui-action-lavender-subtle: var(--vui-color-lavender-95);\n--vui-action-lavender-subtle-hover: var(--vui-color-lavender-85);\n--vui-action-lavender-subtle-inverse: var(--vui-color-lavender-20);\n--vui-action-lavender-subtle-pressed: var(--vui-color-lavender-90);\n";
+declare const vuiActionSuccess = "\n--vui-action-success-solid: var(--vui-color-land-green-41);\n--vui-action-success-solid-hover: var(--vui-color-land-green-25);\n--vui-action-success-solid-inverse: var(--vui-color-white);\n--vui-action-success-solid-pressed: var(--vui-color-land-green-30);\n--vui-action-success-subtle: var(--vui-color-land-green-95);\n--vui-action-success-subtle-hover: var(--vui-color-land-green-85);\n--vui-action-success-subtle-inverse: var(--vui-color-land-green-20);\n--vui-action-success-subtle-pressed: var(--vui-color-land-green-90);\n";
+declare const vuiActionTerracotta = "\n--vui-action-terracotta-solid: var(--vui-color-terracotta-30);\n--vui-action-terracotta-solid-hover: var(--vui-color-terracotta-40);\n--vui-action-terracotta-solid-inverse: var(--vui-color-white);\n--vui-action-terracotta-solid-pressed: var(--vui-color-terracotta-35);\n--vui-action-terracotta-subtle: var(--vui-color-terracotta-90);\n--vui-action-terracotta-subtle-hover: var(--vui-color-terracotta-80);\n--vui-action-terracotta-subtle-inverse: var(--vui-color-terracotta-20);\n--vui-action-terracotta-subtle-pressed: var(--vui-color-terracotta-85);\n";
+declare const vuiActionYellow = "\n--vui-action-yellow-solid: var(--vui-color-sunflower-60);\n--vui-action-yellow-solid-hover: var(--vui-color-sunflower-80);\n--vui-action-yellow-solid-inverse: var(--vui-color-sunflower-15);\n--vui-action-yellow-solid-pressed: var(--vui-color-sunflower-70);\n--vui-action-yellow-subtle: var(--vui-color-sunflower-85);\n--vui-action-yellow-subtle-hover: var(--vui-color-sunflower-73);\n--vui-action-yellow-subtle-inverse: var(--vui-color-sunflower-15);\n--vui-action-yellow-subtle-pressed: var(--vui-color-sunflower-80);\n";
+declare const vuiActionGeneric = "\n--vui-action-disabled-background: var(--vui-color-sandstone-75);\n--vui-action-disabled-foreground: var(--vui-color-sandstone-45);\n--vui-action-generic-hover: var(--vui-color-opacity-dark-20);\n--vui-action-generic-pressed: var(--vui-color-opacity-dark-15);\n";
+declare const vuiActionTokens = "\n/* Action Tokens */\n\n--vui-action-ai-solid: var(--vui-color-cyan-43);\n--vui-action-ai-solid-hover: var(--vui-color-sea-blue-20);\n--vui-action-ai-solid-inverse: var(--vui-color-white);\n--vui-action-ai-solid-pressed: var(--vui-color-sea-blue-35);\n--vui-action-ai-subtle: var(--vui-gradient-ai-1);\n--vui-action-ai-subtle-hover: var(--vui-gradient-ai-1);\n--vui-action-ai-subtle-inverse: var(--vui-color-dark-blue-18);\n--vui-action-ai-subtle-pressed: var(--vui-gradient-ai-1);\n\n\n--vui-action-blue-solid: var(--vui-color-dark-blue-18);\n--vui-action-blue-solid-hover: var(--vui-color-dark-blue-25);\n--vui-action-blue-solid-inverse: var(--vui-color-white);\n--vui-action-blue-solid-pressed: var(--vui-color-sea-blue-28);\n--vui-action-blue-subtle: var(--vui-color-sky-blue-90);\n--vui-action-blue-subtle-hover: var(--vui-color-sky-blue-80);\n--vui-action-blue-subtle-inverse: var(--vui-color-dark-blue-18);\n--vui-action-blue-subtle-pressed: var(--vui-color-sky-blue-85);\n\n\n--vui-action-brand-solid: var(--vui-color-sea-blue-28);\n--vui-action-brand-solid-hover: var(--vui-color-sea-blue-20);\n--vui-action-brand-solid-inverse: var(--vui-color-white);\n--vui-action-brand-solid-pressed: var(--vui-color-sea-blue-35);\n--vui-action-brand-subtle: var(--vui-color-sky-blue-95);\n--vui-action-brand-subtle-hover: var(--vui-color-sky-blue-85);\n--vui-action-brand-subtle-inverse: var(--vui-color-sea-blue-28);\n--vui-action-brand-subtle-pressed: var(--vui-color-sky-blue-90);\n\n\n--vui-action-contrast-solid: var(--vui-color-digi-green-78);\n--vui-action-contrast-solid-hover: var(--vui-color-digi-green-70);\n--vui-action-contrast-solid-inverse: var(--vui-color-dark-blue-18);\n--vui-action-contrast-solid-pressed: var(--vui-color-digi-green-85);\n--vui-action-contrast-subtle: var(--vui-color-digi-green-78);\n--vui-action-contrast-subtle-hover: var(--vui-color-opacity-light-25);\n--vui-action-contrast-subtle-inverse: var(--vui-color-dark-blue-18);\n--vui-action-contrast-subtle-pressed: var(--vui-color-opacity-light-15);\n\n\n--vui-action-danger-solid: var(--vui-color-energy-red-45);\n--vui-action-danger-solid-hover: var(--vui-color-energy-red-35);\n--vui-action-danger-solid-inverse: var(--vui-color-white);\n--vui-action-danger-solid-pressed: var(--vui-color-energy-red-50);\n--vui-action-danger-subtle: var(--vui-color-energy-red-95);\n--vui-action-danger-subtle-hover: var(--vui-color-energy-red-85);\n--vui-action-danger-subtle-inverse: var(--vui-color-energy-red-45);\n--vui-action-danger-subtle-pressed: var(--vui-color-energy-red-90);\n\n\n--vui-action-eucalyptus-solid: var(--vui-color-eucalyptus-30);\n--vui-action-eucalyptus-solid-hover: var(--vui-color-eucalyptus-41);\n--vui-action-eucalyptus-solid-inverse: var(--vui-color-white);\n--vui-action-eucalyptus-solid-pressed: var(--vui-color-eucalyptus-35);\n--vui-action-eucalyptus-subtle: var(--vui-color-eucalyptus-95);\n--vui-action-eucalyptus-subtle-hover: var(--vui-color-eucalyptus-85);\n--vui-action-eucalyptus-subtle-inverse: var(--vui-color-eucalyptus-20);\n--vui-action-eucalyptus-subtle-pressed: var(--vui-color-eucalyptus-90);\n\n\n--vui-action-grey-solid: var(--vui-color-sandstone-40);\n--vui-action-grey-solid-hover: var(--vui-color-sandstone-50);\n--vui-action-grey-solid-inverse: var(--vui-color-white);\n--vui-action-grey-solid-pressed: var(--vui-color-sandstone-45);\n--vui-action-grey-subtle: var(--vui-color-sandstone-90);\n--vui-action-grey-subtle-hover: var(--vui-color-sandstone-79);\n--vui-action-grey-subtle-inverse: var(--vui-color-sandstone-10);\n--vui-action-grey-subtle-pressed: var(--vui-color-sandstone-85);\n\n\n--vui-action-lavender-solid: var(--vui-color-lavender-60);\n--vui-action-lavender-solid-hover: var(--vui-color-lavender-70);\n--vui-action-lavender-solid-inverse: var(--vui-color-white);\n--vui-action-lavender-solid-pressed: var(--vui-color-lavender-65);\n--vui-action-lavender-subtle: var(--vui-color-lavender-95);\n--vui-action-lavender-subtle-hover: var(--vui-color-lavender-85);\n--vui-action-lavender-subtle-inverse: var(--vui-color-lavender-20);\n--vui-action-lavender-subtle-pressed: var(--vui-color-lavender-90);\n\n\n--vui-action-success-solid: var(--vui-color-land-green-41);\n--vui-action-success-solid-hover: var(--vui-color-land-green-25);\n--vui-action-success-solid-inverse: var(--vui-color-white);\n--vui-action-success-solid-pressed: var(--vui-color-land-green-30);\n--vui-action-success-subtle: var(--vui-color-land-green-95);\n--vui-action-success-subtle-hover: var(--vui-color-land-green-85);\n--vui-action-success-subtle-inverse: var(--vui-color-land-green-20);\n--vui-action-success-subtle-pressed: var(--vui-color-land-green-90);\n\n\n--vui-action-terracotta-solid: var(--vui-color-terracotta-30);\n--vui-action-terracotta-solid-hover: var(--vui-color-terracotta-40);\n--vui-action-terracotta-solid-inverse: var(--vui-color-white);\n--vui-action-terracotta-solid-pressed: var(--vui-color-terracotta-35);\n--vui-action-terracotta-subtle: var(--vui-color-terracotta-90);\n--vui-action-terracotta-subtle-hover: var(--vui-color-terracotta-80);\n--vui-action-terracotta-subtle-inverse: var(--vui-color-terracotta-20);\n--vui-action-terracotta-subtle-pressed: var(--vui-color-terracotta-85);\n\n\n--vui-action-yellow-solid: var(--vui-color-sunflower-60);\n--vui-action-yellow-solid-hover: var(--vui-color-sunflower-80);\n--vui-action-yellow-solid-inverse: var(--vui-color-sunflower-15);\n--vui-action-yellow-solid-pressed: var(--vui-color-sunflower-70);\n--vui-action-yellow-subtle: var(--vui-color-sunflower-85);\n--vui-action-yellow-subtle-hover: var(--vui-color-sunflower-73);\n--vui-action-yellow-subtle-inverse: var(--vui-color-sunflower-15);\n--vui-action-yellow-subtle-pressed: var(--vui-color-sunflower-80);\n\n\n--vui-action-disabled-background: var(--vui-color-sandstone-75);\n--vui-action-disabled-foreground: var(--vui-color-sandstone-45);\n--vui-action-generic-hover: var(--vui-color-opacity-dark-20);\n--vui-action-generic-pressed: var(--vui-color-opacity-dark-15);\n\n";
+declare const vuiControlTokens = "\n/* Control Tokens */\n--vui-control-background-default: var(--vui-color-white);\n--vui-control-background-disabled: var(--vui-color-sandstone-70);\n--vui-control-background-off: var(--vui-color-sandstone-50);\n--vui-control-background-on: var(--vui-color-dark-blue-18);\n--vui-control-border-default: var(--vui-color-sandstone-70);\n--vui-control-border-hover: var(--vui-color-sandstone-10);\n--vui-control-foreground-default: var(--vui-color-sandstone-10);\n--vui-control-foreground-disabled: var(--vui-color-sandstone-20);\n--vui-control-foreground-off: var(--vui-color-white);\n--vui-control-foreground-on: var(--vui-color-white);\n--vui-control-helper: var(--vui-color-sandstone-35);\n--vui-control-label: var(--vui-color-sandstone-10);\n--vui-control-placeholder: var(--vui-color-sandstone-60);\n";
+declare const vuiFeedbackTokens = "\n/* Feedback Tokens */\n--vui-feedback-danger-solid: var(--vui-color-energy-red-54);\n--vui-feedback-danger-subtle: var(--vui-color-energy-red-95);\n--vui-feedback-info-solid: var(--vui-color-sea-blue-28);\n--vui-feedback-info-subtle: var(--vui-color-sky-blue-95);\n--vui-feedback-neutral-solid: var(--vui-color-warm-grey-50);\n--vui-feedback-neutral-subtle: var(--vui-color-warm-grey-90);\n--vui-feedback-success-solid: var(--vui-color-land-green-35);\n--vui-feedback-success-subtle: var(--vui-color-land-green-95);\n--vui-feedback-warning-solid: var(--vui-color-sunflower-20);\n--vui-feedback-warning-subtle: var(--vui-color-sunflower-90);\n";
+declare const vuiDataTokens = "\n/* Data Visualization Tokens */\n--vui-data-black: var(--vui-color-black);\n--vui-data-cyan: var(--vui-color-cyan-43);\n--vui-data-darkblue: var(--vui-color-dark-blue-18);\n--vui-data-earth: var(--vui-color-earth-75);\n--vui-data-eucalyptus: var(--vui-color-eucalyptus-41);\n--vui-data-landgreen: var(--vui-color-land-green-41);\n--vui-data-lavender: var(--vui-color-lavender-77);\n--vui-data-orange: var(--vui-color-terracotta-50);\n--vui-data-pine: var(--vui-color-pine-31);\n--vui-data-red: var(--vui-color-energy-red-54);\n--vui-data-skyblue: var(--vui-color-sky-blue-77);\n--vui-data-sunflower: var(--vui-color-sunflower-73);\n--vui-data-terracotta: var(--vui-color-terracotta-30);\n--vui-data-warmgrey: var(--vui-color-warm-grey-56);\n--vui-data-white: var(--vui-color-white);\n";
+declare const vuiGradientTokens = "\n/* Gradient Tokens */\n--vui-gradient-ai-1: var(--vui-color-sky-blue-95);\n--vui-gradient-ai-2: var(--vui-color-digi-green-95);\n--vui-gradient-brand-1: var(--vui-color-sky-blue-80);\n--vui-gradient-brand-2: var(--vui-color-sky-blue-95);\n--vui-gradient-brand-3: var(--vui-color-digi-green-90);\n--vui-gradient-motion-1: var(--vui-color-sky-blue-90);\n--vui-gradient-motion-2: var(--vui-color-digi-green-90);\n--vui-gradient-motion-3: var(--vui-color-sea-blue-90);\n--vui-gradient-motion-4: var(--vui-color-eucalyptus-80);\n";
+declare const vuiColorSemantics = "\n/* Color Semantics */\n\n--vui-foreground-brand-primary: var(--vui-color-sea-blue-28);\n--vui-foreground-brand-secondary: var(--vui-color-dark-blue-18);\n--vui-foreground-contrast: var(--vui-color-digi-green-78);\n--vui-foreground-default: var(--vui-color-sandstone-10);\n--vui-foreground-inverse: var(--vui-color-white);\n--vui-foreground-muted: var(--vui-color-warm-grey-30);\n\n\n--vui-background-cold: var(--vui-color-sky-blue-97);\n--vui-background-contrast: var(--vui-color-dark-blue-18);\n--vui-background-default: var(--vui-color-white);\n--vui-background-elevated: var(--vui-color-white);\n--vui-background-muted: var(--vui-color-sandstone-95);\n--vui-background-subtle: var(--vui-color-sandstone-97);\n--vui-background-warm: var(--vui-color-earth-95);\n\n";
+declare const vuiNextAllTokens = "\n\n/* Color Primitives */\n\n--vui-color-dark-blue-95: #eaeffb;\n--vui-color-dark-blue-90: #d4def7;\n--vui-color-dark-blue-85: #bfcef2;\n--vui-color-dark-blue-80: #aabdee;\n--vui-color-dark-blue-75: #95adea;\n--vui-color-dark-blue-70: #7f9ce6;\n--vui-color-dark-blue-65: #6a8ce2;\n--vui-color-dark-blue-60: #557bdd;\n--vui-color-dark-blue-55: #3f6bd9;\n--vui-color-dark-blue-50: #2a5ad5;\n--vui-color-dark-blue-45: #2651c0;\n--vui-color-dark-blue-40: #2248aa;\n--vui-color-dark-blue-35: #1d3f95;\n--vui-color-dark-blue-30: #193680;\n--vui-color-dark-blue-25: #152d6a;\n--vui-color-dark-blue-18: #0f214d;\n--vui-color-dark-blue-15: #0d1b40;\n--vui-color-dark-blue-10: #08122b;\n--vui-color-dark-blue-8: #070e21;\n--vui-color-dark-blue-5: #040915;\n\n\n--vui-color-sea-blue-95: #e5efff;\n--vui-color-sea-blue-90: #ccdfff;\n--vui-color-sea-blue-85: #b2cfff;\n--vui-color-sea-blue-80: #99beff;\n--vui-color-sea-blue-75: #80aeff;\n--vui-color-sea-blue-70: #669eff;\n--vui-color-sea-blue-65: #4d8eff;\n--vui-color-sea-blue-60: #337eff;\n--vui-color-sea-blue-55: #1a6eff;\n--vui-color-sea-blue-50: #005eff;\n--vui-color-sea-blue-45: #0054e5;\n--vui-color-sea-blue-40: #004bcc;\n--vui-color-sea-blue-35: #0041b2;\n--vui-color-sea-blue-28: #00348f;\n--vui-color-sea-blue-25: #002f80;\n--vui-color-sea-blue-20: #002566;\n--vui-color-sea-blue-15: #001c4d;\n--vui-color-sea-blue-10: #001333;\n--vui-color-sea-blue-5: #00091a;\n\n\n--vui-color-sky-blue-97: #f2fafd;\n--vui-color-sky-blue-95: #e9f7fc;\n--vui-color-sky-blue-90: #d3eef8;\n--vui-color-sky-blue-85: #bce6f5;\n--vui-color-sky-blue-80: #a6def2;\n--vui-color-sky-blue-77: #99d9f0;\n--vui-color-sky-blue-65: #64c5e8;\n--vui-color-sky-blue-60: #4ebce4;\n--vui-color-sky-blue-55: #37b4e1;\n--vui-color-sky-blue-50: #21acde;\n--vui-color-sky-blue-45: #1e9ac8;\n--vui-color-sky-blue-40: #1b89b1;\n--vui-color-sky-blue-35: #17789b;\n--vui-color-sky-blue-30: #146785;\n--vui-color-sky-blue-25: #11566f;\n--vui-color-sky-blue-20: #0d4559;\n--vui-color-sky-blue-15: #0a3343;\n--vui-color-sky-blue-10: #07222c;\n--vui-color-sky-blue-5: #031116;\n\n\n--vui-color-digi-green-95: #e5ffee;\n--vui-color-digi-green-90: #ccffdc;\n--vui-color-digi-green-85: #b3ffcb;\n--vui-color-digi-green-80: #99ffb9;\n--vui-color-digi-green-78: #8fffb2;\n--vui-color-digi-green-70: #66ff96;\n--vui-color-digi-green-65: #4dff85;\n--vui-color-digi-green-60: #33ff74;\n--vui-color-digi-green-55: #1aff62;\n--vui-color-digi-green-50: #00ff51;\n--vui-color-digi-green-45: #00e549;\n--vui-color-digi-green-40: #00cc41;\n--vui-color-digi-green-35: #00b239;\n--vui-color-digi-green-30: #009930;\n--vui-color-digi-green-25: #008028;\n--vui-color-digi-green-20: #006620;\n--vui-color-digi-green-15: #004d18;\n--vui-color-digi-green-10: #003310;\n--vui-color-digi-green-5: #001a08;\n\n\n--vui-color-sandstone-97: #f8f7f7;\n--vui-color-sandstone-95: #f3f2f2;\n--vui-color-sandstone-90: #e6e6e5;\n--vui-color-sandstone-85: #dad9d8;\n--vui-color-sandstone-79: #cbcac8;\n--vui-color-sandstone-75: #c1c0bd;\n--vui-color-sandstone-70: #b5b3b0;\n--vui-color-sandstone-65: #a8a7a3;\n--vui-color-sandstone-60: #9c9a96;\n--vui-color-sandstone-55: #908d89;\n--vui-color-sandstone-50: #83817c;\n--vui-color-sandstone-45: #76746f;\n--vui-color-sandstone-40: #696763;\n--vui-color-sandstone-35: #5c5a57;\n--vui-color-sandstone-30: #4f4d4a;\n--vui-color-sandstone-25: #42403e;\n--vui-color-sandstone-20: #353431;\n--vui-color-sandstone-15: #272725;\n--vui-color-sandstone-12: #212120;\n--vui-color-sandstone-10: #1a1a19;\n--vui-color-sandstone-5: #0d0d0c;\n\n\n--vui-color-warm-grey-95: #f3f2f1;\n--vui-color-warm-grey-90: #e8e5e3;\n--vui-color-warm-grey-85: #dcd9d6;\n--vui-color-warm-grey-80: #d0ccc8;\n--vui-color-warm-grey-75: #c4bfba;\n--vui-color-warm-grey-70: #b9b2ac;\n--vui-color-warm-grey-65: #ada69f;\n--vui-color-warm-grey-60: #a19991;\n--vui-color-warm-grey-56: #988f86;\n--vui-color-warm-grey-50: #8a8075;\n--vui-color-warm-grey-45: #7c736a;\n--vui-color-warm-grey-40: #6e665e;\n--vui-color-warm-grey-35: #605952;\n--vui-color-warm-grey-30: #534d46;\n--vui-color-warm-grey-25: #45403b;\n--vui-color-warm-grey-20: #37332f;\n--vui-color-warm-grey-15: #292623;\n--vui-color-warm-grey-10: #1c1a17;\n--vui-color-warm-grey-5: #0e0d0c;\n\n\n--vui-color-earth-97: #fbf8f3;\n--vui-color-earth-95: #f9f3eb;\n--vui-color-earth-89: #f2e5d4;\n--vui-color-earth-85: #eddcc4;\n--vui-color-earth-80: #e7d1b1;\n--vui-color-earth-75: #e1c59d;\n--vui-color-earth-70: #dbb98a;\n--vui-color-earth-65: #d5ae76;\n--vui-color-earth-60: #cfa263;\n--vui-color-earth-55: #c9964f;\n--vui-color-earth-50: #c38b3c;\n--vui-color-earth-45: #b07d36;\n--vui-color-earth-40: #9c6f30;\n--vui-color-earth-35: #89612a;\n--vui-color-earth-30: #755324;\n--vui-color-earth-25: #62451e;\n--vui-color-earth-20: #4e3818;\n--vui-color-earth-15: #3b2a12;\n--vui-color-earth-10: #271c0c;\n--vui-color-earth-5: #140e06;\n\n\n--vui-color-pine-95: #ecf5f8;\n--vui-color-pine-90: #daebf1;\n--vui-color-pine-85: #c7e2ea;\n--vui-color-pine-80: #b5d8e3;\n--vui-color-pine-75: #a2cedd;\n--vui-color-pine-70: #8fc4d6;\n--vui-color-pine-65: #7dbacf;\n--vui-color-pine-60: #6ab0c8;\n--vui-color-pine-55: #57a7c1;\n--vui-color-pine-50: #459dba;\n--vui-color-pine-45: #3e8da8;\n--vui-color-pine-40: #377d95;\n--vui-color-pine-35: #306e82;\n--vui-color-pine-31: #2b6173;\n--vui-color-pine-25: #224e5d;\n--vui-color-pine-20: #1c3f4a;\n--vui-color-pine-15: #152f38;\n--vui-color-pine-10: #0e1f25;\n--vui-color-pine-5: #071013;\n\n\n--vui-color-eucalyptus-95: #e8fdfc;\n--vui-color-eucalyptus-90: #d1faf9;\n--vui-color-eucalyptus-85: #baf7f5;\n--vui-color-eucalyptus-80: #a3f5f2;\n--vui-color-eucalyptus-75: #8cf2ef;\n--vui-color-eucalyptus-70: #75f0ec;\n--vui-color-eucalyptus-65: #5eede8;\n--vui-color-eucalyptus-60: #47ebe5;\n--vui-color-eucalyptus-55: #30e8e2;\n--vui-color-eucalyptus-50: #1ae5df;\n--vui-color-eucalyptus-45: #17cfc8;\n--vui-color-eucalyptus-41: #15c1bb;\n--vui-color-eucalyptus-35: #12a19c;\n--vui-color-eucalyptus-30: #0f8a86;\n--vui-color-eucalyptus-25: #0d736f;\n--vui-color-eucalyptus-20: #0a5c59;\n--vui-color-eucalyptus-15: #084543;\n--vui-color-eucalyptus-10: #052e2d;\n--vui-color-eucalyptus-5: #031716;\n\n\n--vui-color-lavender-95: #ebedfa;\n--vui-color-lavender-90: #d7dbf4;\n--vui-color-lavender-85: #c3c8ef;\n--vui-color-lavender-80: #aeb6ea;\n--vui-color-lavender-77: #a2abe6;\n--vui-color-lavender-70: #8692df;\n--vui-color-lavender-65: #7280da;\n--vui-color-lavender-60: #5e6ed4;\n--vui-color-lavender-55: #4a5bcf;\n--vui-color-lavender-50: #3649c9;\n--vui-color-lavender-45: #3042b5;\n--vui-color-lavender-40: #2b3ba1;\n--vui-color-lavender-35: #25338d;\n--vui-color-lavender-30: #202c79;\n--vui-color-lavender-25: #1b2565;\n--vui-color-lavender-20: #151d51;\n--vui-color-lavender-15: #10163c;\n--vui-color-lavender-10: #0b0f28;\n--vui-color-lavender-5: #050714;\n\n\n--vui-color-terracotta-95: #fff4e5;\n--vui-color-terracotta-90: #ffe9cc;\n--vui-color-terracotta-85: #ffdeb3;\n--vui-color-terracotta-80: #ffd399;\n--vui-color-terracotta-75: #ffc880;\n--vui-color-terracotta-70: #ffbd66;\n--vui-color-terracotta-65: #ffb24d;\n--vui-color-terracotta-60: #ffa733;\n--vui-color-terracotta-55: #ff9c1a;\n--vui-color-terracotta-50: #ff9100;\n--vui-color-terracotta-45: #e58200;\n--vui-color-terracotta-40: #cc7400;\n--vui-color-terracotta-35: #b26500;\n--vui-color-terracotta-30: #995700;\n--vui-color-terracotta-25: #804800;\n--vui-color-terracotta-20: #663a00;\n--vui-color-terracotta-15: #4d2b00;\n--vui-color-terracotta-10: #331d00;\n--vui-color-terracotta-5: #1a0e00;\n\n\n--vui-color-land-green-95: #edf8ec;\n--vui-color-land-green-90: #dcf2d9;\n--vui-color-land-green-85: #caebc6;\n--vui-color-land-green-80: #b8e5b3;\n--vui-color-land-green-75: #a6dea0;\n--vui-color-land-green-70: #95d88d;\n--vui-color-land-green-65: #83d17a;\n--vui-color-land-green-60: #71cb67;\n--vui-color-land-green-55: #5fc454;\n--vui-color-land-green-50: #4ebe41;\n--vui-color-land-green-45: #46ab3b;\n--vui-color-land-green-41: #409c35;\n--vui-color-land-green-35: #36852e;\n--vui-color-land-green-30: #2f7227;\n--vui-color-land-green-25: #275f21;\n--vui-color-land-green-20: #1f4c1a;\n--vui-color-land-green-15: #173914;\n--vui-color-land-green-10: #10260d;\n--vui-color-land-green-5: #081307;\n\n\n--vui-color-sunflower-95: #fffde6;\n--vui-color-sunflower-90: #fffbcc;\n--vui-color-sunflower-85: #fff9b2;\n--vui-color-sunflower-80: #fff699;\n--vui-color-sunflower-73: #fff475;\n--vui-color-sunflower-70: #fff166;\n--vui-color-sunflower-65: #fff04d;\n--vui-color-sunflower-60: #ffee33;\n--vui-color-sunflower-55: #ffec1a;\n--vui-color-sunflower-50: #ffea00;\n--vui-color-sunflower-45: #e5d200;\n--vui-color-sunflower-40: #ccbb00;\n--vui-color-sunflower-35: #b2a400;\n--vui-color-sunflower-30: #998b00;\n--vui-color-sunflower-25: #807500;\n--vui-color-sunflower-20: #665e00;\n--vui-color-sunflower-15: #4d4600;\n--vui-color-sunflower-10: #332f00;\n--vui-color-sunflower-5: #1a1700;\n\n\n--vui-color-energy-red-95: #fde8e9;\n--vui-color-energy-red-90: #fbd0d2;\n--vui-color-energy-red-85: #f8b9bc;\n--vui-color-energy-red-80: #f6a2a6;\n--vui-color-energy-red-75: #f48a90;\n--vui-color-energy-red-70: #f27379;\n--vui-color-energy-red-65: #f05c63;\n--vui-color-energy-red-60: #ee444d;\n--vui-color-energy-red-54: #eb2832;\n--vui-color-energy-red-50: #e91620;\n--vui-color-energy-red-45: #d2141d;\n--vui-color-energy-red-40: #bb111a;\n--vui-color-energy-red-35: #a30f17;\n--vui-color-energy-red-30: #8c0d13;\n--vui-color-energy-red-25: #750b10;\n--vui-color-energy-red-20: #5d090d;\n--vui-color-energy-red-15: #46070a;\n--vui-color-energy-red-10: #2f0406;\n--vui-color-energy-red-5: #170203;\n\n\n--vui-color-cyan-95: #e5f8ff;\n--vui-color-cyan-60: #33c8ff;\n--vui-color-cyan-43: #009fda;\n\n\n--vui-color-opacity-dark-0: #00000000;\n--vui-color-opacity-dark-5: #0000000d;\n--vui-color-opacity-dark-10: #0000001a;\n--vui-color-opacity-dark-15: #00000026;\n--vui-color-opacity-dark-20: #00000033;\n--vui-color-opacity-dark-25: #00000040;\n--vui-color-opacity-dark-30: #0000004d;\n--vui-color-opacity-dark-35: #00000059;\n--vui-color-opacity-dark-40: #00000066;\n--vui-color-opacity-dark-45: #00000073;\n--vui-color-opacity-dark-50: #00000080;\n--vui-color-opacity-dark-55: #0000008c;\n--vui-color-opacity-dark-60: #00000099;\n--vui-color-opacity-dark-65: #000000a6;\n--vui-color-opacity-dark-70: #000000b2;\n--vui-color-opacity-dark-75: #000000bf;\n--vui-color-opacity-dark-80: #000000cc;\n--vui-color-opacity-dark-85: #000000d9;\n--vui-color-opacity-dark-90: #000000e5;\n--vui-color-opacity-dark-95: #000000f2;\n\n\n--vui-color-opacity-light-0: #ffffff00;\n--vui-color-opacity-light-5: #ffffff0d;\n--vui-color-opacity-light-10: #ffffff1a;\n--vui-color-opacity-light-15: #ffffff26;\n--vui-color-opacity-light-20: #ffffff33;\n--vui-color-opacity-light-25: #ffffff40;\n--vui-color-opacity-light-30: #ffffff4d;\n--vui-color-opacity-light-35: #ffffff59;\n--vui-color-opacity-light-40: #ffffff66;\n--vui-color-opacity-light-45: #ffffff73;\n--vui-color-opacity-light-50: #ffffff80;\n--vui-color-opacity-light-55: #ffffff8c;\n--vui-color-opacity-light-60: #ffffff99;\n--vui-color-opacity-light-65: #ffffffa6;\n--vui-color-opacity-light-70: #ffffffb2;\n--vui-color-opacity-light-75: #ffffffbf;\n--vui-color-opacity-light-80: #ffffffcc;\n--vui-color-opacity-light-85: #ffffffd9;\n--vui-color-opacity-light-90: #ffffffe5;\n--vui-color-opacity-light-95: #fffffff2;\n\n\n--vui-color-opacity-none: #00000000;\n--vui-color-white: #ffffff;\n--vui-color-black: #000000;\n\n\n\n/* Color Semantics */\n\n--vui-foreground-brand-primary: var(--vui-color-sea-blue-28);\n--vui-foreground-brand-secondary: var(--vui-color-dark-blue-18);\n--vui-foreground-contrast: var(--vui-color-digi-green-78);\n--vui-foreground-default: var(--vui-color-sandstone-10);\n--vui-foreground-inverse: var(--vui-color-white);\n--vui-foreground-muted: var(--vui-color-warm-grey-30);\n\n\n--vui-background-cold: var(--vui-color-sky-blue-97);\n--vui-background-contrast: var(--vui-color-dark-blue-18);\n--vui-background-default: var(--vui-color-white);\n--vui-background-elevated: var(--vui-color-white);\n--vui-background-muted: var(--vui-color-sandstone-95);\n--vui-background-subtle: var(--vui-color-sandstone-97);\n--vui-background-warm: var(--vui-color-earth-95);\n\n\n\n/* Utility Tokens */\n\n--vui-utility-border-brand: var(--vui-color-dark-blue-18);\n--vui-utility-border-default: var(--vui-color-opacity-dark-20);\n--vui-utility-border-inverse: var(--vui-color-white);\n--vui-utility-border-subtle: var(--vui-color-opacity-dark-10);\n\n\n--vui-utility-loading-brand: var(--vui-color-sea-blue-28);\n--vui-utility-loading-danger: var(--vui-color-energy-red-54);\n--vui-utility-loading-inverse: var(--vui-color-white);\n--vui-utility-loading-skeleton: var(--vui-color-opacity-dark-30);\n--vui-utility-loading-success: var(--vui-color-land-green-41);\n\n\n--vui-utility-focus: var(--vui-color-cyan-43);\n--vui-utility-indicator: var(--vui-data-cyan);\n--vui-utility-opacity-none: var(--vui-color-opacity-light-0);\n--vui-utility-overlay: var(--vui-color-opacity-dark-50);\n--vui-utility-tooltip-background: var(--vui-color-dark-blue-18);\n--vui-utility-tooltip-foreground: var(--vui-color-white);\n\n\n\n/* Navigation Tokens */\n\n--vui-navigation-foreground-active: var(--vui-color-sea-blue-28);\n--vui-navigation-foreground-default: var(--vui-color-sandstone-10);\n--vui-navigation-foreground-disabled: var(--vui-color-sandstone-55);\n--vui-navigation-foreground-hover: var(--vui-color-sandstone-10);\n--vui-navigation-foreground-pressed: var(--vui-color-sandstone-10);\n\n\n--vui-navigation-background-active: var(--vui-color-sky-blue-95);\n--vui-navigation-background-default: var(--vui-background-elevated);\n--vui-navigation-background-disabled: var(--vui-color-sandstone-95);\n--vui-navigation-background-hover: var(--vui-color-sky-blue-85);\n--vui-navigation-background-pressed: var(--vui-color-sky-blue-90);\n\n\n--vui-navigation-border-active: var(--vui-color-sea-blue-28);\n--vui-navigation-border-default: var(--vui-color-opacity-dark-5);\n--vui-navigation-border-disabled: var(--vui-color-opacity-dark-10);\n--vui-navigation-border-hover: var(--vui-color-dark-blue-18);\n--vui-navigation-border-pressed: var(--vui-color-sea-blue-28);\n\n\n\n/* Action Tokens */\n\n--vui-action-ai-solid: var(--vui-color-cyan-43);\n--vui-action-ai-solid-hover: var(--vui-color-sea-blue-20);\n--vui-action-ai-solid-inverse: var(--vui-color-white);\n--vui-action-ai-solid-pressed: var(--vui-color-sea-blue-35);\n--vui-action-ai-subtle: var(--vui-gradient-ai-1);\n--vui-action-ai-subtle-hover: var(--vui-gradient-ai-1);\n--vui-action-ai-subtle-inverse: var(--vui-color-dark-blue-18);\n--vui-action-ai-subtle-pressed: var(--vui-gradient-ai-1);\n\n\n--vui-action-blue-solid: var(--vui-color-dark-blue-18);\n--vui-action-blue-solid-hover: var(--vui-color-dark-blue-25);\n--vui-action-blue-solid-inverse: var(--vui-color-white);\n--vui-action-blue-solid-pressed: var(--vui-color-sea-blue-28);\n--vui-action-blue-subtle: var(--vui-color-sky-blue-90);\n--vui-action-blue-subtle-hover: var(--vui-color-sky-blue-80);\n--vui-action-blue-subtle-inverse: var(--vui-color-dark-blue-18);\n--vui-action-blue-subtle-pressed: var(--vui-color-sky-blue-85);\n\n\n--vui-action-brand-solid: var(--vui-color-sea-blue-28);\n--vui-action-brand-solid-hover: var(--vui-color-sea-blue-20);\n--vui-action-brand-solid-inverse: var(--vui-color-white);\n--vui-action-brand-solid-pressed: var(--vui-color-sea-blue-35);\n--vui-action-brand-subtle: var(--vui-color-sky-blue-95);\n--vui-action-brand-subtle-hover: var(--vui-color-sky-blue-85);\n--vui-action-brand-subtle-inverse: var(--vui-color-sea-blue-28);\n--vui-action-brand-subtle-pressed: var(--vui-color-sky-blue-90);\n\n\n--vui-action-contrast-solid: var(--vui-color-digi-green-78);\n--vui-action-contrast-solid-hover: var(--vui-color-digi-green-70);\n--vui-action-contrast-solid-inverse: var(--vui-color-dark-blue-18);\n--vui-action-contrast-solid-pressed: var(--vui-color-digi-green-85);\n--vui-action-contrast-subtle: var(--vui-color-digi-green-78);\n--vui-action-contrast-subtle-hover: var(--vui-color-opacity-light-25);\n--vui-action-contrast-subtle-inverse: var(--vui-color-dark-blue-18);\n--vui-action-contrast-subtle-pressed: var(--vui-color-opacity-light-15);\n\n\n--vui-action-danger-solid: var(--vui-color-energy-red-45);\n--vui-action-danger-solid-hover: var(--vui-color-energy-red-35);\n--vui-action-danger-solid-inverse: var(--vui-color-white);\n--vui-action-danger-solid-pressed: var(--vui-color-energy-red-50);\n--vui-action-danger-subtle: var(--vui-color-energy-red-95);\n--vui-action-danger-subtle-hover: var(--vui-color-energy-red-85);\n--vui-action-danger-subtle-inverse: var(--vui-color-energy-red-45);\n--vui-action-danger-subtle-pressed: var(--vui-color-energy-red-90);\n\n\n--vui-action-eucalyptus-solid: var(--vui-color-eucalyptus-30);\n--vui-action-eucalyptus-solid-hover: var(--vui-color-eucalyptus-41);\n--vui-action-eucalyptus-solid-inverse: var(--vui-color-white);\n--vui-action-eucalyptus-solid-pressed: var(--vui-color-eucalyptus-35);\n--vui-action-eucalyptus-subtle: var(--vui-color-eucalyptus-95);\n--vui-action-eucalyptus-subtle-hover: var(--vui-color-eucalyptus-85);\n--vui-action-eucalyptus-subtle-inverse: var(--vui-color-eucalyptus-20);\n--vui-action-eucalyptus-subtle-pressed: var(--vui-color-eucalyptus-90);\n\n\n--vui-action-grey-solid: var(--vui-color-sandstone-40);\n--vui-action-grey-solid-hover: var(--vui-color-sandstone-50);\n--vui-action-grey-solid-inverse: var(--vui-color-white);\n--vui-action-grey-solid-pressed: var(--vui-color-sandstone-45);\n--vui-action-grey-subtle: var(--vui-color-sandstone-90);\n--vui-action-grey-subtle-hover: var(--vui-color-sandstone-79);\n--vui-action-grey-subtle-inverse: var(--vui-color-sandstone-10);\n--vui-action-grey-subtle-pressed: var(--vui-color-sandstone-85);\n\n\n--vui-action-lavender-solid: var(--vui-color-lavender-60);\n--vui-action-lavender-solid-hover: var(--vui-color-lavender-70);\n--vui-action-lavender-solid-inverse: var(--vui-color-white);\n--vui-action-lavender-solid-pressed: var(--vui-color-lavender-65);\n--vui-action-lavender-subtle: var(--vui-color-lavender-95);\n--vui-action-lavender-subtle-hover: var(--vui-color-lavender-85);\n--vui-action-lavender-subtle-inverse: var(--vui-color-lavender-20);\n--vui-action-lavender-subtle-pressed: var(--vui-color-lavender-90);\n\n\n--vui-action-success-solid: var(--vui-color-land-green-41);\n--vui-action-success-solid-hover: var(--vui-color-land-green-25);\n--vui-action-success-solid-inverse: var(--vui-color-white);\n--vui-action-success-solid-pressed: var(--vui-color-land-green-30);\n--vui-action-success-subtle: var(--vui-color-land-green-95);\n--vui-action-success-subtle-hover: var(--vui-color-land-green-85);\n--vui-action-success-subtle-inverse: var(--vui-color-land-green-20);\n--vui-action-success-subtle-pressed: var(--vui-color-land-green-90);\n\n\n--vui-action-terracotta-solid: var(--vui-color-terracotta-30);\n--vui-action-terracotta-solid-hover: var(--vui-color-terracotta-40);\n--vui-action-terracotta-solid-inverse: var(--vui-color-white);\n--vui-action-terracotta-solid-pressed: var(--vui-color-terracotta-35);\n--vui-action-terracotta-subtle: var(--vui-color-terracotta-90);\n--vui-action-terracotta-subtle-hover: var(--vui-color-terracotta-80);\n--vui-action-terracotta-subtle-inverse: var(--vui-color-terracotta-20);\n--vui-action-terracotta-subtle-pressed: var(--vui-color-terracotta-85);\n\n\n--vui-action-yellow-solid: var(--vui-color-sunflower-60);\n--vui-action-yellow-solid-hover: var(--vui-color-sunflower-80);\n--vui-action-yellow-solid-inverse: var(--vui-color-sunflower-15);\n--vui-action-yellow-solid-pressed: var(--vui-color-sunflower-70);\n--vui-action-yellow-subtle: var(--vui-color-sunflower-85);\n--vui-action-yellow-subtle-hover: var(--vui-color-sunflower-73);\n--vui-action-yellow-subtle-inverse: var(--vui-color-sunflower-15);\n--vui-action-yellow-subtle-pressed: var(--vui-color-sunflower-80);\n\n\n--vui-action-disabled-background: var(--vui-color-sandstone-75);\n--vui-action-disabled-foreground: var(--vui-color-sandstone-45);\n--vui-action-generic-hover: var(--vui-color-opacity-dark-20);\n--vui-action-generic-pressed: var(--vui-color-opacity-dark-15);\n\n\n\n/* Control Tokens */\n--vui-control-background-default: var(--vui-color-white);\n--vui-control-background-disabled: var(--vui-color-sandstone-70);\n--vui-control-background-off: var(--vui-color-sandstone-50);\n--vui-control-background-on: var(--vui-color-dark-blue-18);\n--vui-control-border-default: var(--vui-color-sandstone-70);\n--vui-control-border-hover: var(--vui-color-sandstone-10);\n--vui-control-foreground-default: var(--vui-color-sandstone-10);\n--vui-control-foreground-disabled: var(--vui-color-sandstone-20);\n--vui-control-foreground-off: var(--vui-color-white);\n--vui-control-foreground-on: var(--vui-color-white);\n--vui-control-helper: var(--vui-color-sandstone-35);\n--vui-control-label: var(--vui-color-sandstone-10);\n--vui-control-placeholder: var(--vui-color-sandstone-60);\n\n\n/* Feedback Tokens */\n--vui-feedback-danger-solid: var(--vui-color-energy-red-54);\n--vui-feedback-danger-subtle: var(--vui-color-energy-red-95);\n--vui-feedback-info-solid: var(--vui-color-sea-blue-28);\n--vui-feedback-info-subtle: var(--vui-color-sky-blue-95);\n--vui-feedback-neutral-solid: var(--vui-color-warm-grey-50);\n--vui-feedback-neutral-subtle: var(--vui-color-warm-grey-90);\n--vui-feedback-success-solid: var(--vui-color-land-green-35);\n--vui-feedback-success-subtle: var(--vui-color-land-green-95);\n--vui-feedback-warning-solid: var(--vui-color-sunflower-20);\n--vui-feedback-warning-subtle: var(--vui-color-sunflower-90);\n\n\n/* Data Visualization Tokens */\n--vui-data-black: var(--vui-color-black);\n--vui-data-cyan: var(--vui-color-cyan-43);\n--vui-data-darkblue: var(--vui-color-dark-blue-18);\n--vui-data-earth: var(--vui-color-earth-75);\n--vui-data-eucalyptus: var(--vui-color-eucalyptus-41);\n--vui-data-landgreen: var(--vui-color-land-green-41);\n--vui-data-lavender: var(--vui-color-lavender-77);\n--vui-data-orange: var(--vui-color-terracotta-50);\n--vui-data-pine: var(--vui-color-pine-31);\n--vui-data-red: var(--vui-color-energy-red-54);\n--vui-data-skyblue: var(--vui-color-sky-blue-77);\n--vui-data-sunflower: var(--vui-color-sunflower-73);\n--vui-data-terracotta: var(--vui-color-terracotta-30);\n--vui-data-warmgrey: var(--vui-color-warm-grey-56);\n--vui-data-white: var(--vui-color-white);\n\n\n/* Gradient Tokens */\n--vui-gradient-ai-1: var(--vui-color-sky-blue-95);\n--vui-gradient-ai-2: var(--vui-color-digi-green-95);\n--vui-gradient-brand-1: var(--vui-color-sky-blue-80);\n--vui-gradient-brand-2: var(--vui-color-sky-blue-95);\n--vui-gradient-brand-3: var(--vui-color-digi-green-90);\n--vui-gradient-motion-1: var(--vui-color-sky-blue-90);\n--vui-gradient-motion-2: var(--vui-color-digi-green-90);\n--vui-gradient-motion-3: var(--vui-color-sea-blue-90);\n--vui-gradient-motion-4: var(--vui-color-eucalyptus-80);\n\n";
 //#endregion
-export { noScrollClass };
+export { noScrollClass, vuiActionAI, vuiActionBlue, vuiActionBrand, vuiActionContrast, vuiActionDanger, vuiActionEucalyptus, vuiActionGeneric, vuiActionGrey, vuiActionLavender, vuiActionSuccess, vuiActionTerracotta, vuiActionTokens, vuiActionYellow, vuiColorBase, vuiColorCyan, vuiColorDarkBlue, vuiColorDigiGreen, vuiColorEarth, vuiColorEnergyRed, vuiColorEucalyptus, vuiColorLandGreen, vuiColorLavender, vuiColorOpacityDark, vuiColorOpacityLight, vuiColorPine, vuiColorPrimitives, vuiColorSandstone, vuiColorSeaBlue, vuiColorSemantics, vuiColorSkyBlue, vuiColorSunflower, vuiColorTerracotta, vuiColorWarmGrey, vuiControlTokens, vuiDataTokens, vuiFeedbackTokens, vuiGradientTokens, vuiNavigationBackground, vuiNavigationBorder, vuiNavigationForeground, vuiNavigationTokens, vuiNextAllTokens, vuiSemanticBackground, vuiSemanticForeground, vuiUtilityBorder, vuiUtilityLoading, vuiUtilityMisc, vuiUtilityTokens };
 
 //# sourceMappingURL=consts.d.ts.map

package/dist/core/vuiProvider/consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","names":[],"sources":["../../../src/core/vuiProvider/consts.ts"],"mappings":";cAAa,aAAA"}
+{"version":3,"file":"consts.d.ts","names":[],"sources":["../../../src/core/vuiProvider/consts.ts"],"mappings":";cAAa,aAAA;AAAA,cAGA,gBAAA;AAAA,cAuBA,eAAA;AAAA,cAsBA,eAAA;AAAA,cAsBA,iBAAA;AAAA,cAsBA,iBAAA;AAAA,cAwBA,gBAAA;AAAA,cAsBA,aAAA;AAAA,cAuBA,YAAA;AAAA,cAsBA,kBAAA;AAAA,cAsBA,gBAAA;AAAA,cAsBA,kBAAA;AAAA,cAsBA,iBAAA;AAAA,cAsBA,iBAAA;AAAA,cAsBA,iBAAA;AAAA,cAsBA,YAAA;AAAA,cAMA,mBAAA;AAAA,cAuBA,oBAAA;AAAA,cAuBA,YAAA;AAAA,cAMA,kBAAA;AAAA,cAuBA,qBAAA;AAAA,cASA,qBAAA;AAAA,cAWA,gBAAA;AAAA,cAOA,iBAAA;AAAA,cAQA,cAAA;AAAA,cASA,gBAAA;AAAA,cAQA,uBAAA;AAAA,cAQA,uBAAA;AAAA,cAQA,mBAAA;AAAA,cAQA,mBAAA;AAAA,cAQA,WAAA;AAAA,cAWA,aAAA;AAAA,cAWA,cAAA;AAAA,cAWA,iBAAA;AAAA,cAWA,eAAA;AAAA,cAWA,mBAAA;AAAA,cAWA,aAAA;AAAA,cAWA,iBAAA;AAAA,cAWA,gBAAA;AAAA,cAWA,mBAAA;AAAA,cAWA,eAAA;AAAA,cAWA,gBAAA;AAAA,cAOA,eAAA;AAAA,cAiBA,gBAAA;AAAA,cAkBA,iBAAA;AAAA,cAeA,aAAA;AAAA,cAoBA,iBAAA;AAAA,cAcA,iBAAA;AAAA,cAOA,gBAAA"}