@yahoo/uds 3.175.2 → 3.175.4

package/dist/automated-config/dist/utils/index.d.cts

@@ -27,7 +27,6 @@ import { resolvePropertyStates } from "./resolvePropertyStates.cjs";
 import { PropertyStates, StateSlot, propertyUsesPerStateEnabled, resolveSlotByCascade } from "./resolveSlotByCascade.cjs";
 import { getConfigSubcomponents } from "./subcomponents.cjs";
 import { isVariantConfigWithComponentStates, isVariantConfigWithProperties } from "./variantConfigGuards.cjs";
-
 //#region ../automated-config/dist/utils/index.d.ts
 //#region src/utils/index.d.ts
 type ThemeFn = (path: string) => string;
@@ -53,16 +52,7 @@ declare const statePseudoMapDocsMode: Record<PossibleStatesWithRest, string>;
  * This preserves visual borders without affecting layout dimensions.
  */
 declare function applyBoxShadowBorder(classStyles: Record<string, string>): Record<string, string>;
-declare function generateClassName({
-  componentName,
-  subComponentName,
-  variantKey,
-  variantValue,
-  componentStateKey,
-  componentStateValue,
-  layer,
-  layerOptionalPseudoSelector
-}: {
+declare function generateClassName({ componentName, subComponentName, variantKey, variantValue, componentStateKey, componentStateValue, layer, layerOptionalPseudoSelector }: {
   componentName: string;
   subComponentName?: string;
   variantKey: string;
@@ -81,30 +71,7 @@ declare function generateClassName({
  * than collapsing every unset state to the override's own `rest`.
  */
 declare function mergeUniversalUnderOverride(universal: VariableState, override: VariableState): VariableState;
-declare function generateDeclaration({
-  componentName,
-  subComponentName,
-  variantKey,
-  variantValue,
-  layer,
-  layerOptionalPseudoSelector,
-  componentStateKey,
-  componentStateValue,
-  schema,
-  propertyKey,
-  originalPropertyDefinition,
-  declaredStates,
-  layerUsesAtomicStates,
-  userOverridableProperties,
-  theme,
-  currentStyles,
-  previewOptions,
-  excludedPseudoStates,
-  emit,
-  fallbackStateMap,
-  bumpRootSpecificity,
-  buttonHeightReferenceSchema
-}: {
+declare function generateDeclaration({ componentName, subComponentName, variantKey, variantValue, layer, layerOptionalPseudoSelector, componentStateKey, componentStateValue, schema, propertyKey, originalPropertyDefinition, declaredStates, layerUsesAtomicStates, userOverridableProperties, theme, currentStyles, previewOptions, excludedPseudoStates, emit, fallbackStateMap, bumpRootSpecificity, buttonHeightReferenceSchema }: {
   componentName: string;
   subComponentName?: string;
   variantKey: string;
@@ -160,10 +127,11 @@ declare function createConfigurableProperty<C extends ConfigurablePropertiesName
   name: C;
   typeOfFixture: T;
   values: V;
-  defaults: { [K in O]: V[number][number] | (Extract<T[number], ArbitraryFixtures> extends never ? never : InferArbitraryType<Extract<T[number], ArbitraryFixtures>>) };
+  defaults: { [K in O]: V[number][number] | (Extract<T[number], ArbitraryFixtures> extends never ? never : InferArbitraryType<Extract<T[number], ArbitraryFixtures>>); };
   label: string;
   skipRestState?: boolean;
-  optionalInDefaultSchema?: boolean; /** @deprecated Prefer layer-level `atomicStates` + `excludeAtomics`. */
+  optionalInDefaultSchema?: boolean;
+  /** @deprecated Prefer layer-level `atomicStates` + `excludeAtomics`. */
   pseudoStates?: PossibleStates[];
   excludeAtomics?: AtomicState[];
   supportsCustom?: boolean;
@@ -231,6 +199,6 @@ declare function createSubComponentConfig(config: {
   label: string;
   description: string;
   variants: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
-}): SubComponentConfig; //#endregion
+}): SubComponentConfig;
 //#endregion
-export { EmitMode, applyBoxShadowBorder, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateStyles, mergeUniversalUnderOverride, statePseudoMapDocsMode };
+export { type AtomicState, type ButtonControlSchema, type ComponentSchema, EmitMode, INTERACTIVE_ATOMICS, type IconButtonMatchButtonHeightConfig, type IconButtonMatchButtonHeightSize, type InteractiveAtomic, MAX_MODIFIERS_PER_COMPOUND, MODIFIER_ATOMICS, type ModifierAtomic, type PaginationWidthConfig, type PropertyStates, SHARED_BUTTON_ICONBUTTON_SIZES, type StateSlot, applyBoxShadowBorder, applyButtonControlHeightDeclarations, applyIconButtonControlHeightDeclarations, buildConfigSchema, canonicalizeStateKey, cartesianProduct, coalesceConfigVariant, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, disableIconButtonMatchButtonHeight, enableIconButtonMatchButtonHeight, findFixtureType, findFixtureTypeForValue, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getButtonContentLineHeight, getButtonControlContentSize, getButtonControlHeight, getButtonControlHeightPx, getButtonIconSizeVar, getConfigComponentVariant, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getIconButtonControlHeight, getIconButtonControlHeightPx, getIconButtonOnlyControlHeightPx, getPaginationControlWidthPx, getStateDocsClass, getStateSelector, isAtomicState, isConfigDefaultValue, isConfiguratorPropertyVisible, isIconButtonMatchButtonHeightEnabled, isInteractiveAtomic, isKnownStateAtom, isModifierAtomic, isVariantConfigWithComponentStates, isVariantConfigWithProperties, mergeUniversalUnderOverride, propertyUsesPerStateEnabled, resolvePropertyStates, resolveSlotByCascade, splitStateKey, statePseudoMapDocsMode, syncButtonControlHeightVarForSize, syncIconButtonControlHeightVarForSize, syncIconButtonOnlyControlHeightVarForSize, syncPaginationWidthVarForSize };

package/dist/automated-config/dist/utils/index.d.ts

@@ -27,7 +27,6 @@ import { resolvePropertyStates } from "./resolvePropertyStates.js";
 import { PropertyStates, StateSlot, propertyUsesPerStateEnabled, resolveSlotByCascade } from "./resolveSlotByCascade.js";
 import { getConfigSubcomponents } from "./subcomponents.js";
 import { isVariantConfigWithComponentStates, isVariantConfigWithProperties } from "./variantConfigGuards.js";
-
 //#region ../automated-config/dist/utils/index.d.ts
 //#region src/utils/index.d.ts
 type ThemeFn = (path: string) => string;
@@ -53,16 +52,7 @@ declare const statePseudoMapDocsMode: Record<PossibleStatesWithRest, string>;
  * This preserves visual borders without affecting layout dimensions.
  */
 declare function applyBoxShadowBorder(classStyles: Record<string, string>): Record<string, string>;
-declare function generateClassName({
-  componentName,
-  subComponentName,
-  variantKey,
-  variantValue,
-  componentStateKey,
-  componentStateValue,
-  layer,
-  layerOptionalPseudoSelector
-}: {
+declare function generateClassName({ componentName, subComponentName, variantKey, variantValue, componentStateKey, componentStateValue, layer, layerOptionalPseudoSelector }: {
   componentName: string;
   subComponentName?: string;
   variantKey: string;
@@ -81,30 +71,7 @@ declare function generateClassName({
  * than collapsing every unset state to the override's own `rest`.
  */
 declare function mergeUniversalUnderOverride(universal: VariableState, override: VariableState): VariableState;
-declare function generateDeclaration({
-  componentName,
-  subComponentName,
-  variantKey,
-  variantValue,
-  layer,
-  layerOptionalPseudoSelector,
-  componentStateKey,
-  componentStateValue,
-  schema,
-  propertyKey,
-  originalPropertyDefinition,
-  declaredStates,
-  layerUsesAtomicStates,
-  userOverridableProperties,
-  theme,
-  currentStyles,
-  previewOptions,
-  excludedPseudoStates,
-  emit,
-  fallbackStateMap,
-  bumpRootSpecificity,
-  buttonHeightReferenceSchema
-}: {
+declare function generateDeclaration({ componentName, subComponentName, variantKey, variantValue, layer, layerOptionalPseudoSelector, componentStateKey, componentStateValue, schema, propertyKey, originalPropertyDefinition, declaredStates, layerUsesAtomicStates, userOverridableProperties, theme, currentStyles, previewOptions, excludedPseudoStates, emit, fallbackStateMap, bumpRootSpecificity, buttonHeightReferenceSchema }: {
   componentName: string;
   subComponentName?: string;
   variantKey: string;
@@ -160,10 +127,11 @@ declare function createConfigurableProperty<C extends ConfigurablePropertiesName
   name: C;
   typeOfFixture: T;
   values: V;
-  defaults: { [K in O]: V[number][number] | (Extract<T[number], ArbitraryFixtures> extends never ? never : InferArbitraryType<Extract<T[number], ArbitraryFixtures>>) };
+  defaults: { [K in O]: V[number][number] | (Extract<T[number], ArbitraryFixtures> extends never ? never : InferArbitraryType<Extract<T[number], ArbitraryFixtures>>); };
   label: string;
   skipRestState?: boolean;
-  optionalInDefaultSchema?: boolean; /** @deprecated Prefer layer-level `atomicStates` + `excludeAtomics`. */
+  optionalInDefaultSchema?: boolean;
+  /** @deprecated Prefer layer-level `atomicStates` + `excludeAtomics`. */
   pseudoStates?: PossibleStates[];
   excludeAtomics?: AtomicState[];
   supportsCustom?: boolean;
@@ -231,6 +199,6 @@ declare function createSubComponentConfig(config: {
   label: string;
   description: string;
   variants: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
-}): SubComponentConfig; //#endregion
+}): SubComponentConfig;
 //#endregion
-export { EmitMode, applyBoxShadowBorder, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateStyles, mergeUniversalUnderOverride, statePseudoMapDocsMode };
+export { type AtomicState, type ButtonControlSchema, type ComponentSchema, EmitMode, INTERACTIVE_ATOMICS, type IconButtonMatchButtonHeightConfig, type IconButtonMatchButtonHeightSize, type InteractiveAtomic, MAX_MODIFIERS_PER_COMPOUND, MODIFIER_ATOMICS, type ModifierAtomic, type PaginationWidthConfig, type PropertyStates, SHARED_BUTTON_ICONBUTTON_SIZES, type StateSlot, applyBoxShadowBorder, applyButtonControlHeightDeclarations, applyIconButtonControlHeightDeclarations, buildConfigSchema, canonicalizeStateKey, cartesianProduct, coalesceConfigVariant, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, disableIconButtonMatchButtonHeight, enableIconButtonMatchButtonHeight, findFixtureType, findFixtureTypeForValue, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getButtonContentLineHeight, getButtonControlContentSize, getButtonControlHeight, getButtonControlHeightPx, getButtonIconSizeVar, getConfigComponentVariant, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getIconButtonControlHeight, getIconButtonControlHeightPx, getIconButtonOnlyControlHeightPx, getPaginationControlWidthPx, getStateDocsClass, getStateSelector, isAtomicState, isConfigDefaultValue, isConfiguratorPropertyVisible, isIconButtonMatchButtonHeightEnabled, isInteractiveAtomic, isKnownStateAtom, isModifierAtomic, isVariantConfigWithComponentStates, isVariantConfigWithProperties, mergeUniversalUnderOverride, propertyUsesPerStateEnabled, resolvePropertyStates, resolveSlotByCascade, splitStateKey, statePseudoMapDocsMode, syncButtonControlHeightVarForSize, syncIconButtonControlHeightVarForSize, syncIconButtonOnlyControlHeightVarForSize, syncPaginationWidthVarForSize };

package/dist/automated-config/dist/utils/index.js

@@ -2,31 +2,31 @@
 import { BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, ICON_COLOR_OVERRIDE_ATTRIBUTE, ICON_SIZE_OVERRIDE_ATTRIBUTE } from "../../../css-tokens/dist/index.js";
 import { mapTextVariantFixtureToValue } from "../mapTextVariantFixtureToValue.js";
 import { configurableProperties } from "../properties.js";
-import { INTERACTIVE_ATOMICS, MODIFIER_ATOMICS, comparePriority } from "../types/StateAxis.js";
+import { INTERACTIVE_ATOMICS, MAX_MODIFIERS_PER_COMPOUND, MODIFIER_ATOMICS, comparePriority, isAtomicState, isInteractiveAtomic, isModifierAtomic } from "../types/StateAxis.js";
 import { getExcludedLayersForComponentStateOption, getExcludedPseudoStatesForComponentStateOption } from "./componentStatePseudoStates.js";
 import { generateSchemaKey } from "./generateSchemaKey.js";
-import "./canonicalizeStateKey.js";
+import { canonicalizeStateKey, splitStateKey } from "./canonicalizeStateKey.js";
 import { atomicAndCompoundStateKeys, resolvePropertyStates } from "./resolvePropertyStates.js";
 import { isVariantConfigWithComponentStates, isVariantConfigWithProperties } from "./variantConfigGuards.js";
-import { findFixtureTypeForValue } from "./buildConfigSchema.js";
+import { buildConfigSchema, findFixtureType, findFixtureTypeForValue } from "./buildConfigSchema.js";
 import { generateDefaultClassName } from "./generateDefaultClassName.js";
-import { applyButtonControlHeightDeclarations, applyIconButtonControlHeightDeclarations, getButtonContentLineHeight } from "./getButtonControlHeight.js";
-import "./iconButtonMatchButtonHeight.js";
-import "./getButtonControlHeightPx.js";
-import { getStateDocsClass, getStateSelector } from "./pseudoStateSelectors.js";
-import { resolveSlotByCascade } from "./resolveSlotByCascade.js";
-import "./cartesianProduct.js";
-import "./subcomponents.js";
-import "./coalesceConfigVariant.js";
-import "./defaults.js";
-import "./generateKeyFromFlatConfigPath.js";
-import "./getConfigComponentVariant.js";
-import "./getConfigVariantComponentStatesMatrix.js";
-import "./getConfigVariantProperties.js";
-import "./getConfigVariantPseudoStates.js";
-import "./getConfigVariants.js";
-import "./getPaginationControlWidthPx.js";
-import "./isConfiguratorPropertyVisible.js";
+import { SHARED_BUTTON_ICONBUTTON_SIZES, applyButtonControlHeightDeclarations, applyIconButtonControlHeightDeclarations, getButtonContentLineHeight, getButtonControlContentSize, getButtonControlHeight, getButtonIconSizeVar, getIconButtonControlHeight } from "./getButtonControlHeight.js";
+import { disableIconButtonMatchButtonHeight, enableIconButtonMatchButtonHeight, isIconButtonMatchButtonHeightEnabled } from "./iconButtonMatchButtonHeight.js";
+import { getButtonControlHeightPx, getIconButtonControlHeightPx, getIconButtonOnlyControlHeightPx, syncButtonControlHeightVarForSize, syncIconButtonControlHeightVarForSize, syncIconButtonOnlyControlHeightVarForSize } from "./getButtonControlHeightPx.js";
+import { getStateDocsClass, getStateSelector, isKnownStateAtom } from "./pseudoStateSelectors.js";
+import { propertyUsesPerStateEnabled, resolveSlotByCascade } from "./resolveSlotByCascade.js";
+import { cartesianProduct } from "./cartesianProduct.js";
+import { getConfigSubcomponents } from "./subcomponents.js";
+import { coalesceConfigVariant } from "./coalesceConfigVariant.js";
+import { getConfigDefaultValue, isConfigDefaultValue } from "./defaults.js";
+import { generateKeyFromFlatConfigPath } from "./generateKeyFromFlatConfigPath.js";
+import { getConfigComponentVariant } from "./getConfigComponentVariant.js";
+import { getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix } from "./getConfigVariantComponentStatesMatrix.js";
+import { getConfigVariantProperties } from "./getConfigVariantProperties.js";
+import { getConfigVariantPseudoStates } from "./getConfigVariantPseudoStates.js";
+import { getConfigVariants } from "./getConfigVariants.js";
+import { getPaginationControlWidthPx, syncPaginationWidthVarForSize } from "./getPaginationControlWidthPx.js";
+import { isConfiguratorPropertyVisible } from "./isConfiguratorPropertyVisible.js";
 import { isFunction, mergeWith } from "lodash-es";
 //#region ../automated-config/dist/utils/index.js
 /*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
@@ -401,25 +401,26 @@ function generateDeclaration({ componentName, subComponentName, variantKey, vari
 			} else if (schemaValueForState.isEnabled === false) continue;
 		}
 		let fullClassName = ``;
-		if (layer === "root") if (componentStateKey && componentStateValue) {
-			const rootVariantClass = generateClassName({
-				componentName,
-				variantKey,
-				variantValue,
-				layer,
-				subComponentName
-			});
-			className = generateClassName({
-				componentName,
-				variantKey,
-				layer,
-				subComponentName,
-				componentStateKey,
-				componentStateValue
-			});
-			fullClassName = `.${rootVariantClass}${propertyStateSelector}.${className}`;
-		} else fullClassName = bumpRootSpecificity ? `.${className}.${className}${propertyStateSelector}` : `.${className}${propertyStateSelector}`;
-		else {
+		if (layer === "root") {
+			if (componentStateKey && componentStateValue) {
+				const rootVariantClass = generateClassName({
+					componentName,
+					variantKey,
+					variantValue,
+					layer,
+					subComponentName
+				});
+				className = generateClassName({
+					componentName,
+					variantKey,
+					layer,
+					subComponentName,
+					componentStateKey,
+					componentStateValue
+				});
+				fullClassName = `.${rootVariantClass}${propertyStateSelector}.${className}`;
+			} else fullClassName = bumpRootSpecificity ? `.${className}.${className}${propertyStateSelector}` : `.${className}${propertyStateSelector}`;
+		} else {
 			const rootVariantClassName = generateClassName({
 				componentName,
 				variantKey,
@@ -497,25 +498,29 @@ function generateDeclaration({ componentName, subComponentName, variantKey, vari
 			if (propertyKey === CSS_GAP) cssDeclarations[BUTTON_GAP_VAR] = cssDeclarations[CSS_GAP];
 			if (propertyKey === "spacingVertical") {
 				const paddingVertical = cssDeclarations["padding-top"];
-				if (paddingVertical) applyButtonControlHeightDeclarations({
-					cssDeclarations,
-					paddingVertical,
-					schema,
-					rootLayerKey: generateSchemaKey({
+				if (paddingVertical) {
+					const rootLayerKey = generateSchemaKey({
 						variantKey,
 						variantValue,
 						layer: "root",
 						subComponentName
-					}),
-					iconLayerKey: generateSchemaKey({
+					});
+					const iconLayerKey = generateSchemaKey({
 						variantKey,
 						variantValue,
 						layer: "icon",
 						subComponentName
-					}),
-					state: propertyState,
-					theme
-				});
+					});
+					applyButtonControlHeightDeclarations({
+						cssDeclarations,
+						paddingVertical,
+						schema,
+						rootLayerKey,
+						iconLayerKey,
+						state: propertyState,
+						theme
+					});
+				}
 			}
 			if (propertyKey === "scaleEffect" && propertyState === "hover") {
 				const rootClassName = `.${className}`;
@@ -525,42 +530,49 @@ function generateDeclaration({ componentName, subComponentName, variantKey, vari
 				if (propertyStateMap.hover) styles[rootClassName][BUTTON_SCALE_EFFECT_HOVER] = renderValue(propertyStateMap.hover);
 				if (propertyStateMap.pressed) styles[rootClassName][BUTTON_SCALE_EFFECT_PRESSED] = renderValue(propertyStateMap.pressed);
 			}
-			if (cssDeclarations[CSS_LINE_HEIGHT]) cssDeclarations[CSS_LINE_HEIGHT] = getButtonContentLineHeight({
-				schema,
-				rootLayerKey: generateSchemaKey({
+			if (cssDeclarations[CSS_LINE_HEIGHT]) {
+				const rootLayerKey = generateSchemaKey({
 					variantKey,
 					variantValue,
 					layer: "root",
 					subComponentName
-				}),
-				iconLayerKey: generateSchemaKey({
+				});
+				const iconLayerKey = generateSchemaKey({
 					variantKey,
 					variantValue,
 					layer: "icon",
 					subComponentName
-				}),
-				state: propertyState,
-				theme
-			});
+				});
+				cssDeclarations[CSS_LINE_HEIGHT] = getButtonContentLineHeight({
+					schema,
+					rootLayerKey,
+					iconLayerKey,
+					state: propertyState,
+					theme
+				});
+			}
 		}
 		if (componentName === "iconbutton" && layer === "root") {
 			if (propertyKey === "spacing") {
 				const paddingVertical = cssDeclarations[CSS_PADDING];
-				if (paddingVertical) applyIconButtonControlHeightDeclarations({
-					cssDeclarations,
-					paddingVertical,
-					iconButtonSchema: schema,
-					buttonHeightReferenceSchema,
-					variantValue,
-					iconLayerKey: generateSchemaKey({
+				if (paddingVertical) {
+					const iconLayerKey = generateSchemaKey({
 						variantKey,
 						variantValue,
 						layer: "icon",
 						subComponentName
-					}),
-					state: propertyState,
-					theme
-				});
+					});
+					applyIconButtonControlHeightDeclarations({
+						cssDeclarations,
+						paddingVertical,
+						iconButtonSchema: schema,
+						buttonHeightReferenceSchema,
+						variantValue,
+						iconLayerKey,
+						state: propertyState,
+						theme
+					});
+				}
 			}
 		}
 		if (componentName === "pagination" && layer === "item") {
@@ -1127,4 +1139,4 @@ function createSubComponentConfig(config) {
 	return config;
 }
 //#endregion
-export { applyBoxShadowBorder, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateStyles, mergeUniversalUnderOverride, statePseudoMapDocsMode };
+export { INTERACTIVE_ATOMICS, MAX_MODIFIERS_PER_COMPOUND, MODIFIER_ATOMICS, SHARED_BUTTON_ICONBUTTON_SIZES, applyBoxShadowBorder, applyButtonControlHeightDeclarations, applyIconButtonControlHeightDeclarations, buildConfigSchema, canonicalizeStateKey, cartesianProduct, coalesceConfigVariant, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, disableIconButtonMatchButtonHeight, enableIconButtonMatchButtonHeight, findFixtureType, findFixtureTypeForValue, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getButtonContentLineHeight, getButtonControlContentSize, getButtonControlHeight, getButtonControlHeightPx, getButtonIconSizeVar, getConfigComponentVariant, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getIconButtonControlHeight, getIconButtonControlHeightPx, getIconButtonOnlyControlHeightPx, getPaginationControlWidthPx, getStateDocsClass, getStateSelector, isAtomicState, isConfigDefaultValue, isConfiguratorPropertyVisible, isIconButtonMatchButtonHeightEnabled, isInteractiveAtomic, isKnownStateAtom, isModifierAtomic, isVariantConfigWithComponentStates, isVariantConfigWithProperties, mergeUniversalUnderOverride, propertyUsesPerStateEnabled, resolvePropertyStates, resolveSlotByCascade, splitStateKey, statePseudoMapDocsMode, syncButtonControlHeightVarForSize, syncIconButtonControlHeightVarForSize, syncIconButtonOnlyControlHeightVarForSize, syncPaginationWidthVarForSize };

package/dist/automated-config/dist/utils/isConfiguratorPropertyVisible.d.cts

@@ -1,11 +1,10 @@
 
 import { UniversalTokensConfigAuto } from "../generated/universalTokensConfigAuto.cjs";
-
 //#region ../automated-config/dist/utils/isConfiguratorPropertyVisible.d.ts
 //#region src/utils/isConfiguratorPropertyVisible.d.ts
 type ConfigWithComponentVariables = { [K in keyof UniversalTokensConfigAuto]?: {
   variables?: Record<string, Record<string, unknown>>;
-} };
+}; };
 /**
  * Opt-in schema properties (`optionalInDefaultSchema`) are written at runtime
  * (e.g. IconButton `controlHeight` when match-button-height is enabled) for
@@ -15,6 +14,6 @@ type ConfigWithComponentVariables = { [K in keyof UniversalTokensConfigAuto]?: {
  */
 declare function isConfiguratorPropertyVisible(_config: Readonly<ConfigWithComponentVariables>, _componentName: keyof UniversalTokensConfigAuto, _variableKey: string, _propertyKey: string, property: {
   optionalInDefaultSchema?: boolean;
-}): boolean; //#endregion
+}): boolean;
 //#endregion
 export { isConfiguratorPropertyVisible };

package/dist/automated-config/dist/utils/isConfiguratorPropertyVisible.d.ts

@@ -1,11 +1,10 @@
 
 import { UniversalTokensConfigAuto } from "../generated/universalTokensConfigAuto.js";
-
 //#region ../automated-config/dist/utils/isConfiguratorPropertyVisible.d.ts
 //#region src/utils/isConfiguratorPropertyVisible.d.ts
 type ConfigWithComponentVariables = { [K in keyof UniversalTokensConfigAuto]?: {
   variables?: Record<string, Record<string, unknown>>;
-} };
+}; };
 /**
  * Opt-in schema properties (`optionalInDefaultSchema`) are written at runtime
  * (e.g. IconButton `controlHeight` when match-button-height is enabled) for
@@ -15,6 +14,6 @@ type ConfigWithComponentVariables = { [K in keyof UniversalTokensConfigAuto]?: {
  */
 declare function isConfiguratorPropertyVisible(_config: Readonly<ConfigWithComponentVariables>, _componentName: keyof UniversalTokensConfigAuto, _variableKey: string, _propertyKey: string, property: {
   optionalInDefaultSchema?: boolean;
-}): boolean; //#endregion
+}): boolean;
 //#endregion
 export { isConfiguratorPropertyVisible };

package/dist/automated-config/dist/utils/pseudoStateSelectors.cjs

@@ -3,7 +3,7 @@ const require_StateAxis = require("../types/StateAxis.cjs");
 const require_canonicalizeStateKey = require("./canonicalizeStateKey.cjs");
 //#region ../automated-config/dist/utils/pseudoStateSelectors.js
 /*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
-const LEGACY_STATE_ATOMS = new Set([
+const LEGACY_STATE_ATOMS = /* @__PURE__ */ new Set([
 	"disabled",
 	"focused",
 	"focused-keyboard",
@@ -120,6 +120,8 @@ function getStateDocsClass(stateKey) {
 	return parts.join("-and-");
 }
 //#endregion
+exports.ATOMIC_DOCS_CLASSES = ATOMIC_DOCS_CLASSES;
+exports.ATOMIC_SELECTORS = ATOMIC_SELECTORS;
 exports.getStateDocsClass = getStateDocsClass;
 exports.getStateSelector = getStateSelector;
 exports.isKnownStateAtom = isKnownStateAtom;

package/dist/automated-config/dist/utils/pseudoStateSelectors.d.cts

@@ -1,6 +1,5 @@
 
 import { AtomicState } from "../types/StateAxis.cjs";
-
 //#region ../automated-config/dist/utils/pseudoStateSelectors.d.ts
 //#region src/utils/pseudoStateSelectors.d.ts
 /**
@@ -11,47 +10,6 @@ import { AtomicState } from "../types/StateAxis.cjs";
 type LegacyStateAtom = 'disabled' | 'focused' | 'focused-keyboard' | 'selected';
 type KnownStateAtom = AtomicState | LegacyStateAtom;
 declare function isKnownStateAtom(atom: string): atom is KnownStateAtom;
-/**
- * Each atom selector contributes exactly (0,1,0) to specificity. The base
- * component class adds another (0,1,0), so a full rule's specificity is
- * `(0, 1 + atom-count, 0)`:
- *
- *   rest        → (0,1,0)  e.g. `.uds-input-...root`
- *   1-atom      → (0,2,0)  e.g. `.uds-input-...root:hover...`
- *   2-atom      → (0,3,0)  e.g. `.uds-input-...root:has(...):hover...`
- *   3-atom      → (0,4,0)
- *   4-atom      → (0,5,0)
- *
- * Cross-rank cascade (compound beats atom beats rest) is therefore encoded
- * in CSS class-count specificity, not source order — making the cascade-
- * cancellation feature robust to any tool that reorders rules within a
- * stylesheet. Within a rank (e.g. `:hover` vs `:focus-visible`, both
- * (0,2,0)) source order still arbitrates; the resolver computes intra-rank
- * order inline from `STATE_PRIORITY`. See {@link resolvePropertyStates}.
- *
- * Why each entry is (0,1,0):
- *
- * - `:hover` / `:active` / `:focus*` / `:visited` are single pseudo-classes,
- *   each (0,1,0).
- * - `:hover` and `:active` carry a `:where(:not(...))` blocker so the rule
- *   doesn't match when the element is also active/disabled. The outer
- *   `:where()` zeros the `:not(...)` contribution, leaving the bare pseudo-
- *   class's (0,1,0) as the only contributor.
- * - `:is(:disabled, :has(:disabled))` takes the max specificity of its
- *   args; both are (0,1,0), so the whole is (0,1,0).
- * - `:has(...)` selectors take the specificity of their arg's most specific
- *   complex selector. Arguments are pseudo-classes or attribute selectors at
- *   (0,1,0); where a form-control scope is also needed (e.g. `readonly` —
- *   non-form-control elements default to `:read-only` per spec, so a bare
- *   `:has(:read-only)` matches any container with DIV/SPAN children), the
- *   scope goes inside `:where(...)` so its (0,0,1) type-selector contribution
- *   is zeroed.
- *
- * **Consumer override ergonomics:** a plain `.my-input:hover` is (0,2,0),
- * which ties library 1-atom rules at (0,2,0); source order decides. To
- * unconditionally beat the library, consumers need (0,3,0) (e.g.
- * `.scope .my-input:hover` or `.my-input.my-input:hover`).
- */
 /**
  * Returns the CSS pseudo-selector string for a state key.
  *
@@ -75,6 +33,6 @@ declare function getStateSelector(stateKey: string): string;
  * - Atomic keys return their entry from {@link ATOMIC_DOCS_CLASSES}.
  * - Compound keys join atomic docs classes with `'-and-'`.
  */
-declare function getStateDocsClass(stateKey: string): string; //#endregion
+declare function getStateDocsClass(stateKey: string): string;
 //#endregion
 export { getStateDocsClass, getStateSelector, isKnownStateAtom };

package/dist/automated-config/dist/utils/pseudoStateSelectors.d.ts

@@ -1,6 +1,5 @@
 
 import { AtomicState } from "../types/StateAxis.js";
-
 //#region ../automated-config/dist/utils/pseudoStateSelectors.d.ts
 //#region src/utils/pseudoStateSelectors.d.ts
 /**
@@ -11,47 +10,6 @@ import { AtomicState } from "../types/StateAxis.js";
 type LegacyStateAtom = 'disabled' | 'focused' | 'focused-keyboard' | 'selected';
 type KnownStateAtom = AtomicState | LegacyStateAtom;
 declare function isKnownStateAtom(atom: string): atom is KnownStateAtom;
-/**
- * Each atom selector contributes exactly (0,1,0) to specificity. The base
- * component class adds another (0,1,0), so a full rule's specificity is
- * `(0, 1 + atom-count, 0)`:
- *
- *   rest        → (0,1,0)  e.g. `.uds-input-...root`
- *   1-atom      → (0,2,0)  e.g. `.uds-input-...root:hover...`
- *   2-atom      → (0,3,0)  e.g. `.uds-input-...root:has(...):hover...`
- *   3-atom      → (0,4,0)
- *   4-atom      → (0,5,0)
- *
- * Cross-rank cascade (compound beats atom beats rest) is therefore encoded
- * in CSS class-count specificity, not source order — making the cascade-
- * cancellation feature robust to any tool that reorders rules within a
- * stylesheet. Within a rank (e.g. `:hover` vs `:focus-visible`, both
- * (0,2,0)) source order still arbitrates; the resolver computes intra-rank
- * order inline from `STATE_PRIORITY`. See {@link resolvePropertyStates}.
- *
- * Why each entry is (0,1,0):
- *
- * - `:hover` / `:active` / `:focus*` / `:visited` are single pseudo-classes,
- *   each (0,1,0).
- * - `:hover` and `:active` carry a `:where(:not(...))` blocker so the rule
- *   doesn't match when the element is also active/disabled. The outer
- *   `:where()` zeros the `:not(...)` contribution, leaving the bare pseudo-
- *   class's (0,1,0) as the only contributor.
- * - `:is(:disabled, :has(:disabled))` takes the max specificity of its
- *   args; both are (0,1,0), so the whole is (0,1,0).
- * - `:has(...)` selectors take the specificity of their arg's most specific
- *   complex selector. Arguments are pseudo-classes or attribute selectors at
- *   (0,1,0); where a form-control scope is also needed (e.g. `readonly` —
- *   non-form-control elements default to `:read-only` per spec, so a bare
- *   `:has(:read-only)` matches any container with DIV/SPAN children), the
- *   scope goes inside `:where(...)` so its (0,0,1) type-selector contribution
- *   is zeroed.
- *
- * **Consumer override ergonomics:** a plain `.my-input:hover` is (0,2,0),
- * which ties library 1-atom rules at (0,2,0); source order decides. To
- * unconditionally beat the library, consumers need (0,3,0) (e.g.
- * `.scope .my-input:hover` or `.my-input.my-input:hover`).
- */
 /**
  * Returns the CSS pseudo-selector string for a state key.
  *
@@ -75,6 +33,6 @@ declare function getStateSelector(stateKey: string): string;
  * - Atomic keys return their entry from {@link ATOMIC_DOCS_CLASSES}.
  * - Compound keys join atomic docs classes with `'-and-'`.
  */
-declare function getStateDocsClass(stateKey: string): string; //#endregion
+declare function getStateDocsClass(stateKey: string): string;
 //#endregion
 export { getStateDocsClass, getStateSelector, isKnownStateAtom };

package/dist/automated-config/dist/utils/pseudoStateSelectors.js

@@ -3,7 +3,7 @@ import { isAtomicState } from "../types/StateAxis.js";
 import { splitStateKey } from "./canonicalizeStateKey.js";
 //#region ../automated-config/dist/utils/pseudoStateSelectors.js
 /*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
-const LEGACY_STATE_ATOMS = new Set([
+const LEGACY_STATE_ATOMS = /* @__PURE__ */ new Set([
 	"disabled",
 	"focused",
 	"focused-keyboard",
@@ -120,4 +120,4 @@ function getStateDocsClass(stateKey) {
 	return parts.join("-and-");
 }
 //#endregion
-export { getStateDocsClass, getStateSelector, isKnownStateAtom };
+export { ATOMIC_DOCS_CLASSES, ATOMIC_SELECTORS, getStateDocsClass, getStateSelector, isKnownStateAtom };

package/dist/automated-config/dist/utils/resolvePropertyStates.cjs

@@ -128,4 +128,5 @@ function resolvePropertyStates(layer, property) {
 }
 //#endregion
 exports.atomicAndCompoundStateKeys = atomicAndCompoundStateKeys;
+exports.modifierSubsets = modifierSubsets;
 exports.resolvePropertyStates = resolvePropertyStates;

package/dist/automated-config/dist/utils/resolvePropertyStates.d.cts

@@ -1,19 +1,9 @@
 
 import { ConfigurablePropertiesName, SelectedConfigurableProperty } from "../properties.cjs";
 import { LayerConfig, PossibleStatesWithRest } from "../types/ComponentConfig.cjs";
-
 //#region ../automated-config/dist/utils/resolvePropertyStates.d.ts
 //#region src/utils/resolvePropertyStates.d.ts
 type AnyProperty = SelectedConfigurableProperty<ConfigurablePropertiesName, string>;
-/**
- * Yields every modifier subset of size 1..maxSize, preserving input order
- * within each subset. Used by both the resolver and the docs-class
- * enumeration so the depth they support stays in lock-step.
- *
- * Generic over the element type so callers passing `ModifierAtomic[]` get
- * `Generator<readonly ModifierAtomic[]>` back — keeps the inferred type chain
- * tight enough for downstream consumers to avoid widening to `string`.
- */
 /**
  * Returns all canonical state keys a property reacts to, in cascade order:
  *
@@ -44,6 +34,6 @@ type AnyProperty = SelectedConfigurableProperty<ConfigurablePropertiesName, stri
  *
  * `'rest'` is always included unless the property has `skipRestState: true`.
  */
-declare function resolvePropertyStates(layer: LayerConfig, property: AnyProperty): PossibleStatesWithRest[]; //#endregion
+declare function resolvePropertyStates(layer: LayerConfig, property: AnyProperty): PossibleStatesWithRest[];
 //#endregion
-export { resolvePropertyStates };
+export { type AnyProperty, resolvePropertyStates };

package/dist/automated-config/dist/utils/resolvePropertyStates.d.ts

@@ -1,19 +1,9 @@
 
 import { ConfigurablePropertiesName, SelectedConfigurableProperty } from "../properties.js";
 import { LayerConfig, PossibleStatesWithRest } from "../types/ComponentConfig.js";
-
 //#region ../automated-config/dist/utils/resolvePropertyStates.d.ts
 //#region src/utils/resolvePropertyStates.d.ts
 type AnyProperty = SelectedConfigurableProperty<ConfigurablePropertiesName, string>;
-/**
- * Yields every modifier subset of size 1..maxSize, preserving input order
- * within each subset. Used by both the resolver and the docs-class
- * enumeration so the depth they support stays in lock-step.
- *
- * Generic over the element type so callers passing `ModifierAtomic[]` get
- * `Generator<readonly ModifierAtomic[]>` back — keeps the inferred type chain
- * tight enough for downstream consumers to avoid widening to `string`.
- */
 /**
  * Returns all canonical state keys a property reacts to, in cascade order:
  *
@@ -44,6 +34,6 @@ type AnyProperty = SelectedConfigurableProperty<ConfigurablePropertiesName, stri
  *
  * `'rest'` is always included unless the property has `skipRestState: true`.
  */
-declare function resolvePropertyStates(layer: LayerConfig, property: AnyProperty): PossibleStatesWithRest[]; //#endregion
+declare function resolvePropertyStates(layer: LayerConfig, property: AnyProperty): PossibleStatesWithRest[];
 //#endregion
-export { resolvePropertyStates };
+export { type AnyProperty, resolvePropertyStates };