@pure-ds/core 0.6.8 → 0.6.10

package/dist/types/public/assets/js/pds-manager.d.ts

@@ -1,12 +1,12 @@
-export { Mt as startLive };
-declare function Mt(a: any, t: any, { emitReady: e, applyResolvedTheme: r, setupSystemListenerIfNeeded: o }: {
+export function loadGoogleFont(fontFamily: any, options?: {}): Promise<any>;
+export function startLive(PDS2: any, config: any, { emitReady, applyResolvedTheme, setupSystemListenerIfNeeded }: {
     emitReady: any;
     applyResolvedTheme: any;
     setupSystemListenerIfNeeded: any;
 }): Promise<{
     generator: {
-        "__#private@#e": any;
-        "__#private@#a": any;
+        "__#private@#layers": any;
+        "__#private@#stylesheets": any;
         options: {
             debug: boolean;
         };
@@ -118,9 +118,7 @@ declare function Mt(a: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
                     hover: string;
                 };
             };
-            spacing: {
-                0: string;
-            };
+            spacing: string;
             radius: {
                 none: string;
                 xs: string;
@@ -335,9 +333,7 @@ declare function Mt(a: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
                     hover: string;
                 };
             };
-            spacing: {
-                0: string;
-            };
+            spacing: string;
             radius: {
                 none: string;
                 xs: string;
@@ -444,13 +440,13 @@ declare function Mt(a: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
                 externalPath: any;
             };
         };
-        "__#private@#M"(t?: {}): {
+        "__#private@#resolveShadowOpacityConfig"(config?: {}): {
             light: number;
             dark: number;
         };
-        "__#private@#m"(t: any): number;
-        "__#private@#h"(t: {}, e: any): {};
-        "__#private@#E"(t: any, e?: {}): {
+        "__#private@#normalizeOpacity"(value: any): number;
+        "__#private@#mergeShadowConfig"(layersConfig: {}, baseShadowOpacity: any): {};
+        "__#private@#generateColorTokens"(colorConfig: any, shadowOpacityConfig?: {}): {
             primary: {
                 50: string;
                 100: string;
@@ -557,7 +553,7 @@ declare function Mt(a: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
                 hover: string;
             };
         };
-        "__#private@#r"(t: any): {
+        "__#private@#generateColorScale"(baseColor: any): {
             50: string;
             100: string;
             200: string;
@@ -569,9 +565,9 @@ declare function Mt(a: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
             800: string;
             900: string;
         };
-        "__#private@#F"(t: any): string;
-        "__#private@#C"(t: any): string;
-        "__#private@#f"(t: any): {
+        "__#private@#deriveSuccessColor"(mainColor: any): string;
+        "__#private@#deriveDangerColor"(mainColor: any): string;
+        "__#private@#generateGrayScale"(supportingColor: any): {
             50: string;
             100: string;
             200: string;
@@ -583,7 +579,7 @@ declare function Mt(a: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
             800: string;
             900: string;
         };
-        "__#private@#b"(t: any): {
+        "__#private@#generateBackgroundShades"(backgroundBase: any): {
             base: any;
             subtle: string;
             elevated: string;
@@ -592,16 +588,16 @@ declare function Mt(a: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
             inverse: string;
             hover: string;
         };
-        "__#private@#T"(t: any): {
+        "__#private@#generateFieldsetAdaptiveColors"(backgroundShades: any): {
             base: any;
             subtle: any;
             elevated: any;
             sunken: string;
             overlay: any;
         };
-        "__#private@#L"(t: any, e?: number): string;
-        "__#private@#y"(t: any): string;
-        "__#private@#A"(t: any, e?: string, r?: {}): {
+        "__#private@#darkenColor"(hexColor: any, factor?: number): string;
+        "__#private@#generateSmartDarkBackground"(lightBackground: any): string;
+        "__#private@#generateDarkModeColors"(lightColors: any, backgroundBase?: string, overrides?: {}): {
             surface: {
                 fieldset: {
                     base: any;
@@ -627,34 +623,48 @@ declare function Mt(a: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
             warning: {};
             danger: {};
         };
-        "__#private@#l"(t: any): {
+        "__#private@#hexToRgb"(hex: any): {
             r: number;
             g: number;
             b: number;
         };
-        "__#private@#p"(t: any): number;
-        "__#private@#d"(t: any, e: any): number;
-        "__#private@#v"(t: any, e?: number): string;
-        "__#private@#x"(t: any, e?: number): string;
-        "__#private@#R"(t: any, e: any, r?: number): string;
-        "__#private@#W"(t: any, e: any, r: any): string;
-        "__#private@#j"(t: any): {
+        "__#private@#luminance"(hex: any): number;
+        "__#private@#contrastRatio"(aHex: any, bHex: any): number;
+        "__#private@#findReadableOnColor"(bgHex: any, target?: number): "#ffffff" | "#000000";
+        "__#private@#rgbaFromHex"(hex: any, alpha?: number): string;
+        "__#private@#mixTowards"(sourceHex: any, targetHex: any, factor?: number): string;
+        "__#private@#rgbToHex"(r: any, g: any, b: any): string;
+        "__#private@#generateDarkModeFieldsetColors"(darkSurface: any): {
             base: any;
             subtle: any;
             elevated: string;
             sunken: any;
             overlay: string;
         };
-        "__#private@#B"(t?: {}, e?: string, r?: number): any;
-        "__#private@#w"(t?: {}, e?: number): any;
-        "__#private@#k"(t: any, e?: {}): {};
-        "__#private@#S"(t: any, e?: number): string;
-        "__#private@#i"(t: any): {};
-        "__#private@#N"(t: any, e?: number): string;
-        generateSpacingTokens(t: any): {
-            0: string;
-        };
-        "__#private@#P"(t: any): {
+        /**
+         * Pick a readable primary shade on a given surface background, targeting AA contrast.
+         * Returns the first shade that meets target from a preferred order; falls back to the best ratio.
+         */
+        "__#private@#pickReadablePrimaryOnSurface"(primaryScale?: {}, surfaceBg?: string, target?: number): any;
+        "__#private@#pickFillShadeForWhite"(scale?: {}, target?: number): any;
+        /**
+         * Generate smart surface tokens with context-aware colors for text, icons, shadows, and borders.
+         * Each surface variant gets its own semantic tokens that automatically adapt to the surface's luminance.
+         *
+         * @param {Object} surfaceShades - Object with surface color variants (base, subtle, elevated, etc.)
+         * @returns {Object} Smart tokens for each surface with text, icon, shadow, and border colors
+         */
+        "__#private@#generateSmartSurfaceTokens"(surfaceShades: any, shadowOpacityConfig?: {}): any;
+        "__#private@#lightenColor"(hexColor: any, factor?: number): string;
+        "__#private@#adjustColorsForDarkMode"(colorScale: any): {};
+        "__#private@#dimColorForDarkMode"(hexColor: any, dimFactor?: number): string;
+        /**
+         * Generate spacing tokens based on the provided configuration.
+         * @param {Object} spatialConfig
+         * @returns { String } CSS spacing tokens
+         */
+        generateSpacingTokens(spatialConfig: any): string;
+        "__#private@#generateRadiusTokens"(shapeConfig: any): {
             none: string;
             xs: string;
             sm: string;
@@ -663,13 +673,13 @@ declare function Mt(a: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
             xl: string;
             full: string;
         };
-        "__#private@#O"(t: any): {
+        "__#private@#generateBorderWidthTokens"(shapeConfig: any): {
             hairline: string;
             thin: string;
             medium: string;
             thick: string;
         };
-        generateTypographyTokens(t: any): {
+        generateTypographyTokens(typographyConfig: any): {
             fontFamily: {
                 headings: any;
                 body: any;
@@ -698,7 +708,7 @@ declare function Mt(a: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
                 relaxed: any;
             };
         };
-        "__#private@#$"(t: any): {
+        "__#private@#generateShadowTokens"(layersConfig: any): {
             sm: string;
             base: string;
             md: string;
@@ -706,7 +716,7 @@ declare function Mt(a: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
             xl: string;
             inner: string;
         };
-        "__#private@#D"(t: any): {
+        "__#private@#generateLayoutTokens"(layoutConfig: any): {
             maxWidth: any;
             maxWidthSm: any;
             maxWidthMd: any;
@@ -726,20 +736,21 @@ declare function Mt(a: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
             heroSpacing: string;
             footerSpacing: string;
         };
-        "__#private@#z"(t?: {}): {
+        "__#private@#resolveLayoutMaxWidths"(layoutConfig?: {}, options?: {}): {
             sm: any;
             md: any;
             lg: any;
             xl: any;
         };
-        "__#private@#o"(t: any, e: any): any;
-        "__#private@#s"(t: any, e: any): any;
-        "__#private@#U"(t: any): {
+        "__#private@#hasDefinedConfigValue"(source: any, key: any): boolean;
+        "__#private@#formatLength"(value: any, fallback: any): any;
+        "__#private@#toNumber"(value: any, fallback: any): any;
+        "__#private@#generateTransitionTokens"(behaviorConfig: any): {
             fast: string;
             normal: string;
             slow: string;
         };
-        "__#private@#I"(t: any): {
+        "__#private@#generateZIndexTokens"(layersConfig: any): {
             dropdown: any;
             sticky: any;
             fixed: any;
@@ -749,7 +760,7 @@ declare function Mt(a: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
             tooltip: any;
             notification: any;
         };
-        "__#private@#H"(t: any): {
+        "__#private@#generateIconTokens"(iconConfig: any): {
             set: any;
             weight: any;
             defaultSize: string;
@@ -759,45 +770,45 @@ declare function Mt(a: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
             spritePath: any;
             externalPath: any;
         };
-        "__#private@#_"(t: any): string;
-        "__#private@#q"(t: any): string;
-        "__#private@#G"(t: any): string;
-        "__#private@#V"(t: any): string;
-        "__#private@#J"(t: any): string;
-        "__#private@#Q"(t: any): string;
-        "__#private@#u"(t: any): string;
-        "__#private@#Y"(t: any): string;
-        "__#private@#Z"(t: any): string;
-        "__#private@#K"(t: any): string;
-        "__#private@#X"(t: any): string;
-        "__#private@#ee"(t: any, e: any): string;
-        "__#private@#te"(t: any, e: any): string;
-        "__#private@#re"(t: any): string;
-        "__#private@#oe"(t: any): string;
-        "__#private@#ae"(): string;
-        "__#private@#ne"(): string;
-        "__#private@#ie"(): "" | "/* Liquid glass utility (opt-in via options.liquidGlassEffects) */\n.liquid-glass {\n  border-radius: var(--radius-lg);\n  /* Subtle translucent fill blended with surface */\n  background: color-mix(in oklab, var(--color-surface-subtle) 45%, transparent);\n\n  background-image: linear-gradient(\n    135deg,\n    rgba(255,255,255,0.35),\n    rgba(255,255,255,0.12)\n  );\n  /* Frosted glass blur + saturation */\n  -webkit-backdrop-filter: blur(12px) saturate(140%);\n  backdrop-filter: blur(12px) saturate(140%);\n  /* Soft inner highlight and outer depth */\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,0.6),\n    inset 0 -40px 80px rgba(255,255,255,0.12),\n    0 10px 30px rgba(0,0,0,0.10);\n  /* Glossy border with slight light and dark edges */\n  border: var(--border-width-thin) solid color-mix(in oklab, var(--color-primary-500) 22%, transparent);\n  outline: 1px solid color-mix(in oklab, #ffffff 18%, transparent);\n  outline-offset: -1px;\n}\n\nhtml[data-theme=\"dark\"] .liquid-glass {\n  background: color-mix(in oklab, var(--color-surface-inverse) 45%, transparent);\n  background-image: linear-gradient(\n    135deg,\n    color-mix(in oklab, var(--color-primary-300) 40%, transparent),\n    color-mix(in oklab, var(--color-surface-overlay) 48%, transparent)\n  );\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,0.12),\n    inset 0 -40px 80px rgba(0,0,0,0.55),\n    0 18px 38px rgba(0,0,0,0.65);\n  border: var(--border-width-thin) solid color-mix(in oklab, var(--color-primary-300) 26%, transparent);\n  outline: 1px solid color-mix(in oklab, #ffffff 16%, transparent);\n}\n\n/* Fallback when backdrop-filter isn't supported */\n@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {\n  .liquid-glass {\n    /* Strengthen fill a bit to compensate for lack of blur */\n    background: color-mix(in oklab, var(--color-surface-subtle) 70%, rgba(255,255,255,0.4));\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,0.6),\n      0 10px 24px rgba(0,0,0,0.08);\n  }\n\n  html[data-theme=\"dark\"] .liquid-glass {\n    background: color-mix(in oklab, var(--color-surface-inverse) 70%, transparent);\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,0.1),\n      0 18px 32px rgba(0,0,0,0.58);\n  }\n}\n";
-        "__#private@#se"(): string;
-        "__#private@#ce"(): string;
-        "__#private@#le"(): string;
-        "__#private@#de"(): string;
-        "__#private@#pe"(): string;
-        "__#private@#ue"(): string;
-        "__#private@#ge"(): string;
-        "__#private@#me"(): string;
-        "__#private@#he"(): string;
-        "__#private@#fe"(): string;
-        "__#private@#be"(): string;
-        "__#private@#ye"(): string;
-        "__#private@#ve"(): string;
-        "__#private@#xe"(): string;
-        "__#private@#we"(): string;
-        "__#private@#n"(t: any): {
+        "__#private@#generateColorVariables"(colors: any): string;
+        "__#private@#generateMeshGradients"(colors: any): string;
+        "__#private@#generateSpacingVariables"(spacing: any): string;
+        "__#private@#generateRadiusVariables"(radius: any): string;
+        "__#private@#generateBorderWidthVariables"(borderWidths: any): string;
+        "__#private@#generateTypographyVariables"(typography: any): string;
+        "__#private@#generateShadowVariables"(shadows: any): string;
+        "__#private@#generateLayoutVariables"(layout: any): string;
+        "__#private@#generateTransitionVariables"(transitions: any): string;
+        "__#private@#generateZIndexVariables"(zIndex: any): string;
+        "__#private@#generateIconVariables"(icons: any): string;
+        "__#private@#generateDarkVariablesOnly"(colors: any, darkShadows: any): string;
+        "__#private@#generateDarkVariablesForTokensLayer"(colors: any, darkShadows: any): string;
+        "__#private@#generateMeshGradientsDarkVariablesOnly"(colors: any): string;
+        "__#private@#generateMeshGradientsDark"(colors: any): string;
+        "__#private@#generateDarkModeComponentRules"(): string;
+        "__#private@#generateBodyBackgroundMeshRule"(): string;
+        "__#private@#generateLiquidGlassUtility"(): "" | "/* Liquid glass utility (opt-in via options.liquidGlassEffects) */\n.liquid-glass {\n  border-radius: var(--radius-lg);\n  /* Subtle translucent fill blended with surface */\n  background: color-mix(in oklab, var(--color-surface-subtle) 45%, transparent);\n\n  background-image: linear-gradient(\n    135deg,\n    rgba(255,255,255,0.35),\n    rgba(255,255,255,0.12)\n  );\n  /* Frosted glass blur + saturation */\n  -webkit-backdrop-filter: blur(12px) saturate(140%);\n  backdrop-filter: blur(12px) saturate(140%);\n  /* Soft inner highlight and outer depth */\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,0.6),\n    inset 0 -40px 80px rgba(255,255,255,0.12),\n    0 10px 30px rgba(0,0,0,0.10);\n  /* Glossy border with slight light and dark edges */\n  border: var(--border-width-thin) solid color-mix(in oklab, var(--color-primary-500) 22%, transparent);\n  outline: 1px solid color-mix(in oklab, #ffffff 18%, transparent);\n  outline-offset: -1px;\n}\n\nhtml[data-theme=\"dark\"] .liquid-glass {\n  background: color-mix(in oklab, var(--color-surface-inverse) 45%, transparent);\n  background-image: linear-gradient(\n    135deg,\n    color-mix(in oklab, var(--color-primary-300) 40%, transparent),\n    color-mix(in oklab, var(--color-surface-overlay) 48%, transparent)\n  );\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,0.12),\n    inset 0 -40px 80px rgba(0,0,0,0.55),\n    0 18px 38px rgba(0,0,0,0.65);\n  border: var(--border-width-thin) solid color-mix(in oklab, var(--color-primary-300) 26%, transparent);\n  outline: 1px solid color-mix(in oklab, #ffffff 16%, transparent);\n}\n\n/* Fallback when backdrop-filter isn't supported */\n@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {\n  .liquid-glass {\n    /* Strengthen fill a bit to compensate for lack of blur */\n    background: color-mix(in oklab, var(--color-surface-subtle) 70%, rgba(255,255,255,0.4));\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,0.6),\n      0 10px 24px rgba(0,0,0,0.08);\n  }\n\n  html[data-theme=\"dark\"] .liquid-glass {\n    background: color-mix(in oklab, var(--color-surface-inverse) 70%, transparent);\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,0.1),\n      0 18px 32px rgba(0,0,0,0.58);\n  }\n}\n";
+        "__#private@#generateBorderGradientUtilities"(): string;
+        "__#private@#generateSemanticHTMLStyles"(): string;
+        "__#private@#generateFormStyles"(): string;
+        "__#private@#generateTableStyles"(): string;
+        "__#private@#generateCalloutStyles"(): string;
+        "__#private@#generateAccordionStyles"(): string;
+        "__#private@#generateBadgeStyles"(): string;
+        "__#private@#generateDialogStyles"(): string;
+        "__#private@#generateTabStripStyles"(): string;
+        "__#private@#generateScrollbarStyles"(): string;
+        "__#private@#generateIconStyles"(): string;
+        "__#private@#generateDropdownStyles"(): string;
+        "__#private@#generateLayoutUtilities"(): string;
+        "__#private@#generateMediaUtilities"(): string;
+        "__#private@#generateMediaQueries"(): string;
+        "__#private@#hexToHsl"(hex: any): {
             h: number;
             s: number;
             l: number;
         };
-        "__#private@#t"(t: any, e: any, r: any): string;
+        "__#private@#hslToHex"(h: any, s: any, l: any): string;
         getTokens(): {
             colors: {
                 primary: {
@@ -906,9 +917,7 @@ declare function Mt(a: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
                     hover: string;
                 };
             };
-            spacing: {
-                0: string;
-            };
+            spacing: string;
             radius: {
                 none: string;
                 xs: string;
@@ -1016,353 +1025,41 @@ declare function Mt(a: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
             };
         };
         exportCSS(): string;
-        "__#private@#ke"(): void;
-        "__#private@#Se"(): string;
-        "__#private@#$e"(): string;
-        "__#private@#ze"(): string;
-        "__#private@#Me"(): string;
-        "__#private@#Ee"(): void;
-        "__#private@#Fe"(): void;
+        /**
+         * Generate separate CSS layers: tokens, primitives, components, utilities
+         * Following the cascade layers pattern from the best practices document
+         */
+        "__#private@#generateLayers"(): void;
+        "__#private@#generateTokensLayer"(): string;
+        "__#private@#generatePrimitivesLayer"(): string;
+        "__#private@#generateComponentsLayer"(): string;
+        "__#private@#generateUtilitiesLayer"(): string;
+        /**
+         * Create constructable stylesheets for each layer
+         */
+        "__#private@#createConstructableStylesheets"(): void;
+        "__#private@#updateConstructableStylesheets"(): void;
         get tokensCSS(): any;
         get primitivesCSS(): any;
         get componentsCSS(): any;
         get utilitiesCSS(): any;
         get layeredCSS(): string;
-        get compiled(): {
-            tokens: {
-                colors: {
-                    primary: {
-                        50: string;
-                        100: string;
-                        200: string;
-                        300: string;
-                        400: string;
-                        500: any;
-                        600: string;
-                        700: string;
-                        800: string;
-                        900: string;
-                    };
-                    secondary: {
-                        50: string;
-                        100: string;
-                        200: string;
-                        300: string;
-                        400: string;
-                        500: any;
-                        600: string;
-                        700: string;
-                        800: string;
-                        900: string;
-                    };
-                    accent: {
-                        50: string;
-                        100: string;
-                        200: string;
-                        300: string;
-                        400: string;
-                        500: any;
-                        600: string;
-                        700: string;
-                        800: string;
-                        900: string;
-                    };
-                    success: {
-                        50: string;
-                        100: string;
-                        200: string;
-                        300: string;
-                        400: string;
-                        500: any;
-                        600: string;
-                        700: string;
-                        800: string;
-                        900: string;
-                    };
-                    warning: {
-                        50: string;
-                        100: string;
-                        200: string;
-                        300: string;
-                        400: string;
-                        500: any;
-                        600: string;
-                        700: string;
-                        800: string;
-                        900: string;
-                    };
-                    danger: {
-                        50: string;
-                        100: string;
-                        200: string;
-                        300: string;
-                        400: string;
-                        500: any;
-                        600: string;
-                        700: string;
-                        800: string;
-                        900: string;
-                    };
-                    info: {
-                        50: string;
-                        100: string;
-                        200: string;
-                        300: string;
-                        400: string;
-                        500: any;
-                        600: string;
-                        700: string;
-                        800: string;
-                        900: string;
-                    };
-                    gray: {
-                        50: string;
-                        100: string;
-                        200: string;
-                        300: string;
-                        400: string;
-                        500: any;
-                        600: string;
-                        700: string;
-                        800: string;
-                        900: string;
-                    };
-                    surface: {
-                        base: any;
-                        subtle: string;
-                        elevated: string;
-                        sunken: string;
-                        overlay: string;
-                        inverse: string;
-                        hover: string;
-                    };
-                };
-                spacing: {
-                    0: string;
-                };
-                radius: {
-                    none: string;
-                    xs: string;
-                    sm: string;
-                    md: string;
-                    lg: string;
-                    xl: string;
-                    full: string;
-                };
-                borderWidths: {
-                    hairline: string;
-                    thin: string;
-                    medium: string;
-                    thick: string;
-                };
-                typography: {
-                    fontFamily: {
-                        headings: any;
-                        body: any;
-                        mono: any;
-                    };
-                    fontSize: {
-                        xs: string;
-                        sm: string;
-                        base: string;
-                        lg: string;
-                        xl: string;
-                        "2xl": string;
-                        "3xl": string;
-                        "4xl": string;
-                    };
-                    fontWeight: {
-                        light: any;
-                        normal: any;
-                        medium: any;
-                        semibold: any;
-                        bold: any;
-                    };
-                    lineHeight: {
-                        tight: any;
-                        normal: any;
-                        relaxed: any;
-                    };
-                };
-                shadows: {
-                    sm: string;
-                    base: string;
-                    md: string;
-                    lg: string;
-                    xl: string;
-                    inner: string;
-                };
-                layout: {
-                    maxWidth: any;
-                    maxWidthSm: any;
-                    maxWidthMd: any;
-                    maxWidthLg: any;
-                    maxWidthXl: any;
-                    minHeight: string;
-                    containerPadding: any;
-                    breakpoints: {
-                        sm: any;
-                        md: any;
-                        lg: any;
-                        xl: any;
-                    };
-                    pageMargin: string;
-                    sectionGap: string;
-                    containerGap: string;
-                    heroSpacing: string;
-                    footerSpacing: string;
-                };
-                transitions: {
-                    fast: string;
-                    normal: string;
-                    slow: string;
-                };
-                zIndex: {
-                    dropdown: any;
-                    sticky: any;
-                    fixed: any;
-                    modal: any;
-                    drawer: any;
-                    popover: any;
-                    tooltip: any;
-                    notification: any;
-                };
-                icons: {
-                    set: any;
-                    weight: any;
-                    defaultSize: string;
-                    sizes: {
-                        [k: string]: string;
-                    };
-                    spritePath: any;
-                    externalPath: any;
-                };
-            };
-            layers: {
-                tokens: {
-                    css: any;
-                    size: any;
-                    sizeKB: string;
-                };
-                primitives: {
-                    css: any;
-                    size: any;
-                    sizeKB: string;
-                };
-                components: {
-                    css: any;
-                    size: any;
-                    sizeKB: string;
-                };
-                utilities: {
-                    css: any;
-                    size: any;
-                    sizeKB: string;
-                };
-                combined: {
-                    css: string;
-                    size: number;
-                    sizeKB: string;
-                };
-            };
-            config: {
-                design: any;
-                preset: any;
-                debug: boolean;
-            };
-            capabilities: {
-                constructableStylesheets: boolean;
-                blobURLs: boolean;
-                shadowDOM: boolean;
-            };
-            references: {
-                ontology: any;
-                enums: any;
-            };
-            meta: {
-                generatedAt: string;
-                totalSize: any;
-                totalSizeKB: string;
-                layerCount: number;
-                tokenGroups: number;
-            };
-            helpers: {
-                getColorScales: () => {
-                    name: string;
-                    scale: {
-                        50: string;
-                        100: string;
-                        200: string;
-                        300: string;
-                        400: string;
-                        500: any;
-                        600: string;
-                        700: string;
-                        800: string;
-                        900: string;
-                    } | {
-                        50: string;
-                        100: string;
-                        200: string;
-                        300: string;
-                        400: string;
-                        500: any;
-                        600: string;
-                        700: string;
-                        800: string;
-                        900: string;
-                    } | {
-                        base: any;
-                        subtle: string;
-                        elevated: string;
-                        sunken: string;
-                        overlay: string;
-                        inverse: string;
-                        hover: string;
-                    };
-                }[];
-                getColorScale: (t: any) => any;
-                getSpacingValues: () => {
-                    key: string;
-                    value: string;
-                }[];
-                getTypography: () => {
-                    fontFamily: {
-                        headings: any;
-                        body: any;
-                        mono: any;
-                    };
-                    fontSize: {
-                        xs: string;
-                        sm: string;
-                        base: string;
-                        lg: string;
-                        xl: string;
-                        "2xl": string;
-                        "3xl": string;
-                        "4xl": string;
-                    };
-                    fontWeight: {
-                        light: any;
-                        normal: any;
-                        medium: any;
-                        semibold: any;
-                        bold: any;
-                    };
-                    lineHeight: {
-                        tight: any;
-                        normal: any;
-                        relaxed: any;
-                    };
-                };
-                getLayerCSS: (t: any) => any;
-                usesEnumValue: (t: any, e: any) => boolean;
-            };
-        };
+        /**
+         * Get a complete compiled representation of the design system state.
+         * This provides structured access to all generated tokens, scales, layers, and metadata.
+         * Linked to ontology and enums for introspection and tooling.
+         *
+         * @returns {Object} Compiled design system state with tokens, layers, metadata, and references
+         */
+        get compiled(): any;
         get tokensStylesheet(): any;
         get primitivesStylesheet(): any;
         get componentsStylesheet(): any;
         get utilitiesStylesheet(): any;
+        /**
+         * Generate CSS module files for export
+         * Returns object with filename => content
+         */
         getCSSModules(): {
             "pds-tokens.css.js": string;
             "pds-primitives.css.js": string;
@@ -1370,13 +1067,33 @@ declare function Mt(a: any, t: any, { emitReady: e, applyResolvedTheme: r, setup
             "pds-utilities.css.js": string;
             "pds-styles.css.js": string;
         };
-        "__#private@#c"(t: any, e: any): string;
+        "__#private@#generateCSSModule"(name: any, css: any): string;
     };
     config: {
         design: any;
         preset: any;
     } | {
-        design: {};
+        design: {
+            colors: unknown;
+        } | {
+            typography: unknown;
+        } | {
+            spatialRhythm: unknown;
+        } | {
+            shape: unknown;
+        } | {
+            behavior: unknown;
+        } | {
+            layout: unknown;
+        } | {
+            advanced: unknown;
+        } | {
+            a11y: unknown;
+        } | {
+            components: unknown;
+        } | {
+            icons: unknown;
+        };
     } | {
         debug: boolean;
     };