@yahoo/uds 3.102.0 → 3.103.0

package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs

@@ -11921,6 +11921,105 @@ const defaultUniversalTokensConfigAuto = {
 				} }
 			}
 		}
+	},
+	tooltip: {
+		defaults: {
+			size: "default",
+			variant: "default"
+		},
+		variables: {
+			"size/default/body": { textVariant: { rest: {
+				type: "textVariants",
+				value: "ui3/emphasized",
+				valueType: "alias"
+			} } },
+			"size/default/endContent": { textVariant: { rest: {
+				type: "textVariants",
+				value: "caption1",
+				valueType: "alias"
+			} } },
+			"size/default/icon": { size: { rest: {
+				type: "iconSizes",
+				value: "xs",
+				valueType: "alias"
+			} } },
+			"size/default/root": {
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "1",
+					valueType: "alias"
+				} },
+				shadow: { rest: {
+					type: "elevationAliases",
+					value: "elevation-0",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "3",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} }
+			},
+			"size/default/svg": {
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "md",
+					valueType: "alias"
+				} },
+				strokeWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"size/default/title": { textVariant: { rest: {
+				type: "textVariants",
+				value: "ui1/emphasized",
+				valueType: "alias"
+			} } },
+			"variant/default/blur": { backdropBlur: { rest: {
+				type: "positiveIntegers",
+				value: 0,
+				valueType: "alias"
+			} } },
+			"variant/default/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "primary",
+				valueType: "alias"
+			} } },
+			"variant/default/root": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "primary",
+				valueType: "alias"
+			} } },
+			"variant/default/svg": {
+				backgroundColor: { rest: {
+					type: "elevationAliases",
+					value: "elevation-0",
+					valueType: "alias"
+				} },
+				blurBackgroundColorFallback: { rest: {
+					type: "elevationAliases",
+					value: "elevation-0",
+					valueType: "alias"
+				} },
+				fillOpacity: { rest: {
+					type: "opacitySteps",
+					value: "100",
+					valueType: "alias"
+				} },
+				stroke: { rest: {
+					type: "elevationAliases",
+					value: "elevation-0",
+					valueType: "alias"
+				} }
+			}
+		}
 	}
 };
 

package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts

@@ -1,5 +1,5 @@
 
-import { AvatarConfig, BadgeConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, SwitchConfig, ToastConfig } from "./generatedConfigs.cjs";
+import { AvatarConfig, BadgeConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, SwitchConfig, ToastConfig, TooltipConfig } from "./generatedConfigs.cjs";
 import { ComponentSchema } from "../utils/buildConfigSchema.cjs";
 
 //#region ../automated-config/dist/generated/universalTokensConfigAuto.d.ts
@@ -19,6 +19,7 @@ interface UniversalTokensConfigAuto {
   radio: ComponentSchema<typeof RadioConfig>;
   switch: ComponentSchema<typeof SwitchConfig>;
   toast: ComponentSchema<typeof ToastConfig>;
+  tooltip: ComponentSchema<typeof TooltipConfig>;
 }
 /** All component-level configurations from generated configs */
 type AutoComponents = UniversalTokensConfigAuto;

package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts

@@ -1,5 +1,5 @@
 
-import { AvatarConfig, BadgeConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, SwitchConfig, ToastConfig } from "./generatedConfigs.js";
+import { AvatarConfig, BadgeConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, SwitchConfig, ToastConfig, TooltipConfig } from "./generatedConfigs.js";
 import { ComponentSchema } from "../utils/buildConfigSchema.js";
 
 //#region ../automated-config/dist/generated/universalTokensConfigAuto.d.ts
@@ -19,6 +19,7 @@ interface UniversalTokensConfigAuto {
   radio: ComponentSchema<typeof RadioConfig>;
   switch: ComponentSchema<typeof SwitchConfig>;
   toast: ComponentSchema<typeof ToastConfig>;
+  tooltip: ComponentSchema<typeof TooltipConfig>;
 }
 /** All component-level configurations from generated configs */
 type AutoComponents = UniversalTokensConfigAuto;

package/dist/automated-config/dist/generated/universalTokensConfigAuto.js

@@ -11920,6 +11920,105 @@ const defaultUniversalTokensConfigAuto = {
 				} }
 			}
 		}
+	},
+	tooltip: {
+		defaults: {
+			size: "default",
+			variant: "default"
+		},
+		variables: {
+			"size/default/body": { textVariant: { rest: {
+				type: "textVariants",
+				value: "ui3/emphasized",
+				valueType: "alias"
+			} } },
+			"size/default/endContent": { textVariant: { rest: {
+				type: "textVariants",
+				value: "caption1",
+				valueType: "alias"
+			} } },
+			"size/default/icon": { size: { rest: {
+				type: "iconSizes",
+				value: "xs",
+				valueType: "alias"
+			} } },
+			"size/default/root": {
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "1",
+					valueType: "alias"
+				} },
+				shadow: { rest: {
+					type: "elevationAliases",
+					value: "elevation-0",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "3",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} }
+			},
+			"size/default/svg": {
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "md",
+					valueType: "alias"
+				} },
+				strokeWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"size/default/title": { textVariant: { rest: {
+				type: "textVariants",
+				value: "ui1/emphasized",
+				valueType: "alias"
+			} } },
+			"variant/default/blur": { backdropBlur: { rest: {
+				type: "positiveIntegers",
+				value: 0,
+				valueType: "alias"
+			} } },
+			"variant/default/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "primary",
+				valueType: "alias"
+			} } },
+			"variant/default/root": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "primary",
+				valueType: "alias"
+			} } },
+			"variant/default/svg": {
+				backgroundColor: { rest: {
+					type: "elevationAliases",
+					value: "elevation-0",
+					valueType: "alias"
+				} },
+				blurBackgroundColorFallback: { rest: {
+					type: "elevationAliases",
+					value: "elevation-0",
+					valueType: "alias"
+				} },
+				fillOpacity: { rest: {
+					type: "opacitySteps",
+					value: "100",
+					valueType: "alias"
+				} },
+				stroke: { rest: {
+					type: "elevationAliases",
+					value: "elevation-0",
+					valueType: "alias"
+				} }
+			}
+		}
 	}
 };
 

package/dist/automated-config/dist/properties.cjs

@@ -148,6 +148,11 @@ const borderWidth = {
 		return false;
 	}
 };
+const strokeWidth = {
+	...borderWidth,
+	name: "strokeWidth",
+	cssProperties: "stroke-width"
+};
 const borderColor = {
 	name: "borderColor",
 	cssProperties: "border-color",
@@ -163,6 +168,11 @@ const borderColor = {
 		return false;
 	}
 };
+const stroke = {
+	...borderColor,
+	name: "stroke",
+	cssProperties: "stroke"
+};
 const outlineWidth = {
 	name: "outlineWidth",
 	cssProperties: "outline-width",
@@ -195,16 +205,109 @@ const outlineColor = {
 		"linePaletteColors"
 	]
 };
+const borderRadius = {
+	name: "borderRadius",
+	cssProperties: "border-radius",
+	twThemePath: (_, value) => `udsBorderRadius.${value}`,
+	possibleFixtures: ["borderRadii"]
+};
+const borderRadiusVar = {
+	...borderRadius,
+	name: "borderRadiusVar",
+	cssProperties: `--${require_index.BORDER_RADIUS_PREFIX}`
+};
+const spacing = {
+	name: "spacing",
+	cssProperties: "padding",
+	twThemePath: (_, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
+const spacingHorizontal = {
+	name: "spacingHorizontal",
+	cssProperties: ["padding-right", "padding-left"],
+	twThemePath: (_, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
+const spacingVertical = {
+	name: "spacingVertical",
+	cssProperties: ["padding-top", "padding-bottom"],
+	twThemePath: (_, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
+const height = {
+	name: "height",
+	cssProperties: "height",
+	twThemePath: (_, value) => {
+		return `height[${value}]`;
+	},
+	possibleFixtures: ["spacingAliases"]
+};
+const width = {
+	name: "width",
+	cssProperties: "width",
+	twThemePath: (_, value) => {
+		return `width[${value}]`;
+	},
+	possibleFixtures: ["spacingAliases"]
+};
+const shadow = {
+	name: "drop shadow",
+	cssProperties: "box-shadow",
+	twThemePath: () => {
+		return ``;
+	},
+	concatenate: true,
+	customValueRenderer: (schemaValue) => {
+		const shadowType = "drop";
+		const noneValue = "0 0 0 transparent";
+		if (schemaValue.valueType === "alias") {
+			const noneValue = "0 0 0 transparent";
+			if (schemaValue.value === "none") return noneValue;
+			if (schemaValue.value !== "custom") return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;
+		} else if (schemaValue.valueType === "custom") return schemaValue.value.map((preset, index) => require_index.getShadowLayerValue({
+			preset,
+			shadowType,
+			prefix: index > 0 ? `${index + 1}` : void 0
+		}))?.join(", ") || noneValue;
+		throw new Error("Invalid valueType");
+	},
+	possibleFixtures: [
+		"shadowVariants",
+		"shadowVariantConfig",
+		"elevationAliases"
+	]
+};
+const insetShadow = {
+	name: "inset shadow",
+	cssProperties: "box-shadow",
+	twThemePath: () => {
+		return ``;
+	},
+	concatenate: true,
+	customValueRenderer: (schemaValue) => {
+		const shadowType = "inset";
+		const noneValue = "0 0 0 transparent";
+		if (schemaValue.valueType === "alias") {
+			const noneValue = "0 0 0 transparent";
+			if (schemaValue.value === "none") return noneValue;
+			if (schemaValue.value !== "custom") return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;
+		} else if (schemaValue.valueType === "custom") return schemaValue.value.map((preset, index) => require_index.getShadowLayerValue({
+			preset,
+			shadowType,
+			prefix: index > 0 ? `${index + 1}` : void 0
+		}))?.join(", ") || noneValue;
+		throw new Error("Invalid valueType");
+	},
+	possibleFixtures: ["shadowVariantsWithInvert"]
+};
 const publicProperties = {
 	backgroundColor,
 	borderWidth,
-	borderRadius: {
-		name: "borderRadius",
-		cssProperties: "border-radius",
-		twThemePath: (_, value) => `udsBorderRadius.${value}`,
-		possibleFixtures: ["borderRadii"]
-	},
+	strokeWidth,
+	borderRadius,
+	borderRadiusVar,
 	borderColor,
+	stroke,
 	buttonSize: {
 		name: "buttonSize",
 		cssProperties: "--uds-button-size",
@@ -241,6 +344,12 @@ const publicProperties = {
 		twThemePath: (_, value) => `opacity[${value}]`,
 		possibleFixtures: ["opacitySteps"]
 	},
+	fillOpacity: {
+		name: "fillOpacity",
+		cssProperties: "fill-opacity",
+		twThemePath: (_, value) => `opacity[${value}]`,
+		possibleFixtures: ["opacitySteps"]
+	},
 	fontWeight,
 	iconSize: {
 		name: "iconSize",
@@ -248,12 +357,7 @@ const publicProperties = {
 		twThemePath: (_, value) => `sizing.icon.${value}`,
 		possibleFixtures: ["iconSizes"]
 	},
-	spacing: {
-		name: "spacing",
-		cssProperties: "padding",
-		twThemePath: (_, value) => `spacing[${value}]`,
-		possibleFixtures: ["spacingAliases"]
-	},
+	spacing,
 	iconVariant: {
 		name: "iconVariant",
 		cssProperties: "--uds-icon-variant",
@@ -265,86 +369,19 @@ const publicProperties = {
 			return String(schemaValue.value);
 		}
 	},
-	spacingHorizontal: {
-		name: "spacingHorizontal",
-		cssProperties: ["padding-right", "padding-left"],
-		twThemePath: (_, value) => `spacing[${value}]`,
-		possibleFixtures: ["spacingAliases"]
-	},
-	spacingVertical: {
-		name: "spacingVertical",
-		cssProperties: ["padding-top", "padding-bottom"],
-		twThemePath: (_, value) => `spacing[${value}]`,
-		possibleFixtures: ["spacingAliases"]
-	},
+	spacingHorizontal,
+	spacingVertical,
 	textVariant,
 	textDecorationLine,
-	shadow: {
-		name: "drop shadow",
-		cssProperties: "box-shadow",
-		twThemePath: () => {
-			return ``;
-		},
-		concatenate: true,
-		customValueRenderer: (schemaValue) => {
-			const shadowType = "drop";
-			const noneValue = "0 0 0 transparent";
-			if (schemaValue.valueType === "alias") {
-				const noneValue = "0 0 0 transparent";
-				if (schemaValue.value === "none") return noneValue;
-				if (schemaValue.value !== "custom") return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;
-			} else if (schemaValue.valueType === "custom") return schemaValue.value.map((preset, index) => require_index.getShadowLayerValue({
-				preset,
-				shadowType,
-				prefix: index > 0 ? `${index + 1}` : void 0
-			}))?.join(", ") || noneValue;
-			throw new Error("Invalid valueType");
-		},
-		possibleFixtures: [
-			"shadowVariants",
-			"shadowVariantConfig",
-			"elevationAliases"
-		]
-	},
-	insetShadow: {
-		name: "inset shadow",
-		cssProperties: "box-shadow",
-		twThemePath: () => {
-			return ``;
-		},
-		concatenate: true,
-		customValueRenderer: (schemaValue) => {
-			const shadowType = "inset";
-			const noneValue = "0 0 0 transparent";
-			if (schemaValue.valueType === "alias") {
-				const noneValue = "0 0 0 transparent";
-				if (schemaValue.value === "none") return noneValue;
-				if (schemaValue.value !== "custom") return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;
-			} else if (schemaValue.valueType === "custom") return schemaValue.value.map((preset, index) => require_index.getShadowLayerValue({
-				preset,
-				shadowType,
-				prefix: index > 0 ? `${index + 1}` : void 0
-			}))?.join(", ") || noneValue;
-			throw new Error("Invalid valueType");
-		},
-		possibleFixtures: ["shadowVariantsWithInvert"]
-	},
-	height: {
-		name: "height",
-		cssProperties: "height",
-		twThemePath: (_, value) => {
-			return `height[${value}]`;
-		},
-		possibleFixtures: ["spacingAliases"]
-	},
-	width: {
-		name: "width",
-		cssProperties: "width",
-		twThemePath: (_, value) => {
-			return `width[${value}]`;
-		},
-		possibleFixtures: ["spacingAliases"]
+	shadow,
+	shadowVar: {
+		...shadow,
+		name: "shadowVar",
+		cssProperties: `--${require_index.DROP_SHADOW_PREFIX}`
 	},
+	insetShadow,
+	height,
+	width,
 	scaleEffect: {
 		name: "scaleEffect",
 		cssProperties: require_index.BUTTON_SCALE_EFFECT,
@@ -357,6 +394,32 @@ const publicProperties = {
 			const stringValue = String(value);
 			return String(require_index$1.SCALE_EFFECTS[stringValue] ?? require_index$1.SCALE_EFFECTS.none);
 		}
+	},
+	backdropBlur: {
+		name: "backdropBlur",
+		possibleFixtures: ["positiveIntegers"],
+		cssProperties: "--uds-backdrop-blur",
+		twThemePath: () => {
+			return ``;
+		},
+		customValueRenderer: (schemaValue, schema, _theme, originalPropertyDefinition) => {
+			if (originalPropertyDefinition && originalPropertyDefinition.layerReference) {
+				const { variablePath, propertyName } = originalPropertyDefinition.layerReference;
+				const property = schema.variables[variablePath][propertyName].rest;
+				if (property.type === "elevationAliases") return `var(--uds-background-blur-radius-${property.value})`;
+			}
+			return `blur(${schemaValue.value}px)`;
+		}
+	},
+	blurBackgroundColor: {
+		...backgroundColor,
+		name: "blurBackgroundColor",
+		cssProperties: `--${require_index.BACKGROUND_BLUR_COLOR_PREFIX}`
+	},
+	blurBackgroundColorFallback: {
+		...backgroundColor,
+		name: "blurBackgroundColorFallback",
+		cssProperties: `--${require_index.BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}`
 	}
 };
 const internalProperties = {

package/dist/automated-config/dist/properties.d.cts

@@ -1,5 +1,6 @@
 
 import { ShadowPreset } from "../../types/dist/index.cjs";
+import { ArbitraryFixtures, InferArbitraryType } from "../../fixtures/dist/index.cjs";
 import { AllPossibleProperties, PossibleStates } from "./types/ComponentConfig.cjs";
 import { SchemaStateValue } from "./types/ConfigSchema.cjs";
 
@@ -15,17 +16,20 @@ interface ConfigurableProperty<T extends AllPossibleProperties, CVR = unknown> {
   name: string;
   cssProperties: string | string[];
   twThemePath: (fixtureType: T, value: string) => string;
-  possibleFixtures: T[];
+  possibleFixtures: readonly T[];
   extendedProperties?: ExtendablePropertiesName[] | ((context: ComponentConfigContext) => ExtendablePropertiesName[] | undefined | false);
-  customValueRenderer?: (schemaStateValue: SchemaStateValue<CVR>, schema: unknown, themeGetter: (path: string) => string) => string;
+  customValueRenderer?: (schemaStateValue: SchemaStateValue<CVR>, schema: unknown, themeGetter: (path: string) => string, originalPropertyDefinition?: SelectedConfigurableProperty<ConfigurablePropertiesName, any>) => string;
   concatenate?: boolean;
   concatenationDelimiter?: string;
 }
 declare const publicProperties: {
   readonly backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases", unknown>;
   readonly borderWidth: ConfigurableProperty<"elevationAliases" | "borderWidths" | "spacingAliases", unknown>;
+  readonly strokeWidth: ConfigurableProperty<"elevationAliases" | "borderWidths" | "spacingAliases", unknown>;
   readonly borderRadius: ConfigurableProperty<"borderRadii", unknown>;
+  readonly borderRadiusVar: ConfigurableProperty<"borderRadii", unknown>;
   readonly borderColor: ConfigurableProperty<"spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors", unknown>;
+  readonly stroke: ConfigurableProperty<"spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors", unknown>;
   readonly buttonSize: ConfigurableProperty<"buttonSizes", unknown>;
   readonly buttonVariant: ConfigurableProperty<"buttonVariantsFlat", unknown>;
   readonly fontFamily: ConfigurableProperty<"textVariants", unknown>;
@@ -37,6 +41,7 @@ declare const publicProperties: {
   readonly gap: ConfigurableProperty<"spacingAliases", unknown>;
   readonly color: ConfigurableProperty<"spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors", unknown>;
   readonly opacity: ConfigurableProperty<"opacitySteps", unknown>;
+  readonly fillOpacity: ConfigurableProperty<"opacitySteps", unknown>;
   readonly fontWeight: ConfigurableProperty<"textVariants", unknown>;
   readonly iconSize: ConfigurableProperty<"iconSizes", unknown>;
   readonly spacing: ConfigurableProperty<"spacingAliases", unknown>;
@@ -46,10 +51,14 @@ declare const publicProperties: {
   readonly textVariant: ConfigurableProperty<"textVariants", unknown>;
   readonly textDecorationLine: ConfigurableProperty<"textDecorationLines", unknown>;
   readonly shadow: ConfigurableProperty<"elevationAliases" | "shadowVariants" | "shadowVariantConfig", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
+  readonly shadowVar: ConfigurableProperty<"elevationAliases" | "shadowVariants" | "shadowVariantConfig", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
   readonly insetShadow: ConfigurableProperty<"shadowVariantConfig" | "shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
   readonly height: ConfigurableProperty<"spacingAliases", unknown>;
   readonly width: ConfigurableProperty<"spacingAliases", unknown>;
   readonly scaleEffect: ConfigurableProperty<"scaleEffects", unknown>;
+  readonly backdropBlur: ConfigurableProperty<"positiveIntegers", unknown>;
+  readonly blurBackgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases", unknown>;
+  readonly blurBackgroundColorFallback: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases", unknown>;
 };
 declare const configurableProperties: {
   outlineWidth: ConfigurableProperty<"borderWidths" | "spacingAliases", unknown>;
@@ -58,8 +67,11 @@ declare const configurableProperties: {
   solidOutline: ConfigurableProperty<never, unknown>;
   backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases", unknown>;
   borderWidth: ConfigurableProperty<"elevationAliases" | "borderWidths" | "spacingAliases", unknown>;
+  strokeWidth: ConfigurableProperty<"elevationAliases" | "borderWidths" | "spacingAliases", unknown>;
   borderRadius: ConfigurableProperty<"borderRadii", unknown>;
+  borderRadiusVar: ConfigurableProperty<"borderRadii", unknown>;
   borderColor: ConfigurableProperty<"spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors", unknown>;
+  stroke: ConfigurableProperty<"spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors", unknown>;
   buttonSize: ConfigurableProperty<"buttonSizes", unknown>;
   buttonVariant: ConfigurableProperty<"buttonVariantsFlat", unknown>;
   fontFamily: ConfigurableProperty<"textVariants", unknown>;
@@ -71,6 +83,7 @@ declare const configurableProperties: {
   gap: ConfigurableProperty<"spacingAliases", unknown>;
   color: ConfigurableProperty<"spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors", unknown>;
   opacity: ConfigurableProperty<"opacitySteps", unknown>;
+  fillOpacity: ConfigurableProperty<"opacitySteps", unknown>;
   fontWeight: ConfigurableProperty<"textVariants", unknown>;
   iconSize: ConfigurableProperty<"iconSizes", unknown>;
   spacing: ConfigurableProperty<"spacingAliases", unknown>;
@@ -80,10 +93,14 @@ declare const configurableProperties: {
   textVariant: ConfigurableProperty<"textVariants", unknown>;
   textDecorationLine: ConfigurableProperty<"textDecorationLines", unknown>;
   shadow: ConfigurableProperty<"elevationAliases" | "shadowVariants" | "shadowVariantConfig", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
+  shadowVar: ConfigurableProperty<"elevationAliases" | "shadowVariants" | "shadowVariantConfig", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
   insetShadow: ConfigurableProperty<"shadowVariantConfig" | "shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
   height: ConfigurableProperty<"spacingAliases", unknown>;
   width: ConfigurableProperty<"spacingAliases", unknown>;
   scaleEffect: ConfigurableProperty<"scaleEffects", unknown>;
+  backdropBlur: ConfigurableProperty<"positiveIntegers", unknown>;
+  blurBackgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases", unknown>;
+  blurBackgroundColorFallback: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases", unknown>;
 };
 type ExtendablePropertiesName = keyof typeof configurableProperties;
 type ConfigurablePropertiesName = keyof typeof publicProperties;
@@ -95,7 +112,11 @@ interface SelectedConfigurableProperty<C extends ConfigurablePropertiesName, O e
   skipRestState?: boolean;
   pseudoStates?: PossibleStates[];
   supportsCustom?: boolean;
-  defaults: { [K in O]: V[number][number] };
+  layerReference?: {
+    variablePath: string;
+    propertyName: string;
+  };
+  defaults: { [K in O]: V[number][number] | (Extract<T[number], ArbitraryFixtures> extends never ? never : InferArbitraryType<Extract<T[number], ArbitraryFixtures>>) };
 } //#endregion
 //#endregion
-export { type ComponentConfigContext, type ConfigurablePropertiesName, type ExtendablePropertiesName, type SelectedConfigurableProperty, configurableProperties };
+export { type ComponentConfigContext, type ConfigurablePropertiesName, type ConfigurableProperty, type ExtendablePropertiesName, type SelectedConfigurableProperty, configurableProperties };