@yahoo/uds 3.66.1 → 3.67.0-beta.1

package/dist/tokens/automation/properties.cjs

@@ -1 +1,316 @@
-"use strict";var e=require("../../chunk-ORB5CU37.cjs");Object.defineProperty(exports,"configurableProperties",{enumerable:!0,get:function(){return e.configurableProperties}});
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_tokens_consts_cssTokens = require('../consts/cssTokens.cjs');
+const require_tailwind_components_getResponsiveTextStyles = require('../../tailwind/components/getResponsiveTextStyles.cjs');
+const require_tailwind_utils_getShadowPresetValues = require('../../tailwind/utils/getShadowPresetValues.cjs');
+const require_tokens_automation_mapTextVariantFixtureToValue = require('./mapTextVariantFixtureToValue.cjs');
+const require_tokens_automation_utils_mapColorFixtureToValue = require('./utils/mapColorFixtureToValue.cjs');
+
+//#region src/tokens/automation/properties.ts
+const shouldUseOutlineInsteadOfBorder = ({ componentName, layer, propertyKey }) => {
+	if (componentName === "chip" && layer === "root" && ["borderColor", "borderWidth"].includes(propertyKey)) return true;
+	if (componentName === "input" && layer === "inputWrapper" && ["borderColor", "borderWidth"].includes(propertyKey)) return true;
+	return false;
+};
+const backgroundColor = {
+	name: "backgroundColor",
+	cssProperties: "background-color",
+	twThemePath: require_tokens_automation_utils_mapColorFixtureToValue.mapColorFixtureToValue,
+	possibleFixtures: [
+		"backgroundPaletteColors",
+		"spectrumColors",
+		"alwaysPaletteAliases"
+	]
+};
+const fontSize = {
+	name: "fontSize",
+	cssProperties: "font-size",
+	twThemePath: require_tokens_automation_mapTextVariantFixtureToValue.mapTextVariantFixtureToValue("fontSize"),
+	possibleFixtures: ["textVariants"]
+};
+const fontVariationSettings = {
+	name: "fontVariationSettings",
+	cssProperties: "font-variation-settings",
+	twThemePath: () => {
+		return ``;
+	},
+	possibleFixtures: ["textVariants"],
+	customValueRenderer: (schemaValue) => {
+		const { value: rawValue } = schemaValue;
+		const value = require_tailwind_components_getResponsiveTextStyles.textVariantsSafe(rawValue);
+		return `"wght" var(--uds-font-weight-${value}), "slnt" var(--uds-font-slant-${value}), "wdth" var(--uds-font-width-${value});`;
+	}
+};
+const fontWeight = {
+	name: "fontWeight",
+	cssProperties: "font-weight",
+	twThemePath: require_tokens_automation_mapTextVariantFixtureToValue.mapTextVariantFixtureToValue("fontWeight"),
+	possibleFixtures: ["textVariants"]
+};
+const fontFamily = {
+	name: "fontFamily",
+	cssProperties: "font-family",
+	twThemePath: require_tokens_automation_mapTextVariantFixtureToValue.mapTextVariantFixtureToValue("fontFamily"),
+	possibleFixtures: ["textVariants"]
+};
+const gap = {
+	name: "gap",
+	cssProperties: "gap",
+	twThemePath: (selected, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
+const color = {
+	name: "color",
+	cssProperties: "color",
+	twThemePath: require_tokens_automation_utils_mapColorFixtureToValue.mapColorFixtureToValue,
+	possibleFixtures: [
+		"alwaysPaletteAliases",
+		"spectrumColors",
+		"foregroundPaletteColors"
+	]
+};
+const opacity = {
+	name: "opacity",
+	cssProperties: "opacity",
+	twThemePath: (_, value) => `opacity[${value}]`,
+	possibleFixtures: ["opacitySteps"]
+};
+const borderWidth = {
+	name: "borderWidth",
+	cssProperties: "border-width",
+	twThemePath: (selected, value) => {
+		if (selected === "borderWidths") return `borderWidth[${value}]`;
+		else return `spacing[${value}]`;
+	},
+	possibleFixtures: ["borderWidths", "spacingAliases"],
+	extendedProperties: (context) => shouldUseOutlineInsteadOfBorder(context) && [
+		"outlineWidth",
+		"insetOutlineOffset",
+		"solidOutline"
+	]
+};
+const borderColor = {
+	name: "borderColor",
+	cssProperties: "border-color",
+	twThemePath: require_tokens_automation_utils_mapColorFixtureToValue.mapColorFixtureToValue,
+	possibleFixtures: [
+		"alwaysPaletteAliases",
+		"spectrumColors",
+		"linePaletteColors"
+	],
+	extendedProperties: (context) => shouldUseOutlineInsteadOfBorder(context) && ["outlineColor"]
+};
+const outlineWidth = {
+	name: "outlineWidth",
+	cssProperties: "outline-width",
+	twThemePath: (type, value) => type === "borderWidths" ? `borderWidth[${value}]` : `spacing[${value}]`,
+	possibleFixtures: ["borderWidths", "spacingAliases"]
+};
+const solidOutline = {
+	name: "solidOutline",
+	cssProperties: "outline-style",
+	twThemePath: () => "",
+	customValueRenderer: () => "solid",
+	possibleFixtures: []
+};
+const insetOutlineOffset = {
+	name: "insetOutlineOffset",
+	cssProperties: "outline-offset",
+	twThemePath: () => "",
+	customValueRenderer: ({ value, type }, schema, theme) => {
+		return `calc(-1 * ${type === "borderWidths" ? theme(`borderWidth[${value}]`) : theme(`spacing[${value}]`)})`;
+	},
+	possibleFixtures: ["borderWidths", "spacingAliases"]
+};
+const outlineColor = {
+	name: "outlineColor",
+	cssProperties: "outline-color",
+	twThemePath: require_tokens_automation_utils_mapColorFixtureToValue.mapColorFixtureToValue,
+	possibleFixtures: [
+		"alwaysPaletteAliases",
+		"spectrumColors",
+		"linePaletteColors"
+	]
+};
+const borderRadius = {
+	name: "borderRadius",
+	cssProperties: "border-radius",
+	twThemePath: (selected, value) => `borderRadius.${value}`,
+	possibleFixtures: ["borderRadii"]
+};
+const padding = {
+	name: "padding",
+	cssProperties: "padding",
+	twThemePath: (selected, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
+const iconSize = {
+	name: "iconSize",
+	cssProperties: ["width", "height"],
+	twThemePath: (selected, value) => `sizing.icon.${value}`,
+	possibleFixtures: ["iconSizes"]
+};
+const spacingHorizontal = {
+	name: "spacingHorizontal",
+	cssProperties: ["padding-right", "padding-left"],
+	twThemePath: (selected, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
+const spacingVertical = {
+	name: "spacingVertical",
+	cssProperties: ["padding-top", "padding-bottom"],
+	twThemePath: (selected, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
+const textTransform = {
+	name: "textTransform",
+	cssProperties: "text-transform",
+	twThemePath: require_tokens_automation_mapTextVariantFixtureToValue.mapTextVariantFixtureToValue("textTransform"),
+	possibleFixtures: ["textVariants"]
+};
+const publicProperties = {
+	backgroundColor,
+	borderWidth,
+	borderRadius,
+	borderColor,
+	fontFamily,
+	fontSize,
+	fontVariationSettings,
+	lineHeight: {
+		name: "lineHeight",
+		cssProperties: "line-height",
+		twThemePath: require_tokens_automation_mapTextVariantFixtureToValue.mapTextVariantFixtureToValue("lineHeight"),
+		possibleFixtures: ["textVariants"]
+	},
+	textTransform,
+	letterSpacing: {
+		name: "letterSpacing",
+		cssProperties: "letter-spacing",
+		twThemePath: require_tokens_automation_mapTextVariantFixtureToValue.mapTextVariantFixtureToValue("letterSpacing"),
+		possibleFixtures: ["textVariants"]
+	},
+	padding,
+	gap,
+	color,
+	opacity,
+	fontWeight,
+	iconSize,
+	spacingHorizontal,
+	spacingVertical,
+	textVariant: {
+		name: "textVariant",
+		cssProperties: [],
+		twThemePath: () => {
+			return ``;
+		},
+		possibleFixtures: ["textVariants"],
+		extendedProperties: [
+			"fontSize",
+			"fontWeight",
+			"fontFamily",
+			"lineHeight",
+			"textTransform",
+			"fontVariationSettings",
+			"letterSpacing"
+		]
+	},
+	textDecorationLine: {
+		name: "textDecorationLine",
+		cssProperties: "text-decoration-line",
+		possibleFixtures: ["textDecorationLines"],
+		twThemePath: () => {
+			return ``;
+		},
+		customValueRenderer: (schemaValue) => {
+			return String(schemaValue.value);
+		}
+	},
+	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$1 = "0 0 0 transparent";
+				if (schemaValue.value === "none") return noneValue$1;
+				if (schemaValue.value !== "custom") return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;
+			} else if (schemaValue.valueType === "custom") return schemaValue.value.map((preset, index) => require_tailwind_utils_getShadowPresetValues.getShadowLayerValue({
+				preset,
+				shadowType,
+				prefix: index > 0 ? `${index + 1}` : void 0
+			}))?.join(", ") || noneValue;
+			throw new Error("Invalid valueType");
+		},
+		possibleFixtures: ["shadowVariants"]
+	},
+	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$1 = "0 0 0 transparent";
+				if (schemaValue.value === "none") return noneValue$1;
+				if (schemaValue.value !== "custom") return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;
+			} else if (schemaValue.valueType === "custom") return schemaValue.value.map((preset, index) => require_tailwind_utils_getShadowPresetValues.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: (selected, value) => {
+			return `height[${value}]`;
+		},
+		possibleFixtures: ["spacingAliases"]
+	},
+	width: {
+		name: "width",
+		cssProperties: "width",
+		twThemePath: (selected, value) => {
+			return `width[${value}]`;
+		},
+		possibleFixtures: ["spacingAliases"]
+	},
+	scaleEffect: {
+		name: "scaleEffect",
+		cssProperties: require_tokens_consts_cssTokens.BUTTON_SCALE_EFFECT,
+		possibleFixtures: ["scaleEffects"],
+		twThemePath: () => {
+			return ``;
+		},
+		customValueRenderer: (schemaValue) => {
+			const value = String(schemaValue.value);
+			if (value === "up") return "1.03";
+			if (value === "down") return "0.97";
+			return "1";
+		}
+	}
+};
+const internalProperties = {
+	outlineWidth,
+	outlineColor,
+	insetOutlineOffset,
+	solidOutline
+};
+const configurableProperties = {
+	...publicProperties,
+	...internalProperties
+};
+
+//#endregion
+exports.configurableProperties = configurableProperties;

package/dist/tokens/automation/properties.d.cts

@@ -1,7 +1,94 @@
-export { C as ConfigurablePropertiesName, E as ExtendablePropertiesName, S as SelectedConfigurableProperty, c as configurableProperties } from '../../index-DUswrIxa.cjs';
-import '../../universalTokensConfigAuto-BHqbAL0M.cjs';
-import '@yahoo/uds/fixtures';
-import '@yahoo/uds-icons/types';
-import 'motion/react';
-import 'react';
-import 'type-fest';
+import { AllPossibleProperties, PossibleStates } from "./types/ComponentConfig.cjs";
+import { ShadowPreset } from "../types.cjs";
+import { SchemaStateValue } from "./utils/index.cjs";
+import "../index.cjs";
+
+//#region src/tokens/automation/properties.d.ts
+type DispatchContext = {
+  componentName: string;
+  subComponentName?: string;
+  propertyKey: string;
+  layer: string;
+};
+interface ConfigurableProperty<T extends AllPossibleProperties, CVR = unknown> {
+  name: string;
+  cssProperties: string | string[];
+  twThemePath: (selected: T, value: string) => string;
+  possibleFixtures: T[];
+  extendedProperties?: ExtendablePropertiesName[] | ((context: DispatchContext) => ExtendablePropertiesName[] | undefined | false);
+  customValueRenderer?: (schemaStateValue: SchemaStateValue<CVR>, schema: unknown, themeGetter: (path: string) => string) => string;
+  concatenate?: boolean;
+  concatenationDelimiter?: string;
+}
+declare const publicProperties: {
+  readonly backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
+  readonly borderWidth: ConfigurableProperty<"borderWidths" | "spacingAliases", unknown>;
+  readonly borderRadius: ConfigurableProperty<"borderRadii", unknown>;
+  readonly borderColor: ConfigurableProperty<"spectrumColors" | "linePaletteColors" | "alwaysPaletteAliases", unknown>;
+  readonly fontFamily: ConfigurableProperty<"textVariants", unknown>;
+  readonly fontSize: ConfigurableProperty<"textVariants", unknown>;
+  readonly fontVariationSettings: ConfigurableProperty<"textVariants", unknown>;
+  readonly lineHeight: ConfigurableProperty<"textVariants", unknown>;
+  readonly textTransform: ConfigurableProperty<"textVariants", unknown>;
+  readonly letterSpacing: ConfigurableProperty<"textVariants", unknown>;
+  readonly padding: ConfigurableProperty<"spacingAliases", unknown>;
+  readonly gap: ConfigurableProperty<"spacingAliases", unknown>;
+  readonly color: ConfigurableProperty<"spectrumColors" | "foregroundPaletteColors" | "alwaysPaletteAliases", unknown>;
+  readonly opacity: ConfigurableProperty<"opacitySteps", unknown>;
+  readonly fontWeight: ConfigurableProperty<"textVariants", unknown>;
+  readonly iconSize: ConfigurableProperty<"iconSizes", unknown>;
+  readonly spacingHorizontal: ConfigurableProperty<"spacingAliases", unknown>;
+  readonly spacingVertical: ConfigurableProperty<"spacingAliases", unknown>;
+  readonly textVariant: ConfigurableProperty<"textVariants", unknown>;
+  readonly textDecorationLine: ConfigurableProperty<"textDecorationLines", unknown>;
+  readonly shadow: ConfigurableProperty<"shadowVariants", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
+  readonly insetShadow: ConfigurableProperty<"shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
+  readonly height: ConfigurableProperty<"spacingAliases", unknown>;
+  readonly width: ConfigurableProperty<"spacingAliases", unknown>;
+  readonly scaleEffect: ConfigurableProperty<"scaleEffects", unknown>;
+};
+declare const configurableProperties: {
+  outlineWidth: ConfigurableProperty<"borderWidths" | "spacingAliases", unknown>;
+  outlineColor: ConfigurableProperty<"spectrumColors" | "linePaletteColors" | "alwaysPaletteAliases", unknown>;
+  insetOutlineOffset: ConfigurableProperty<"borderWidths" | "spacingAliases", unknown>;
+  solidOutline: ConfigurableProperty<never, unknown>;
+  backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
+  borderWidth: ConfigurableProperty<"borderWidths" | "spacingAliases", unknown>;
+  borderRadius: ConfigurableProperty<"borderRadii", unknown>;
+  borderColor: ConfigurableProperty<"spectrumColors" | "linePaletteColors" | "alwaysPaletteAliases", unknown>;
+  fontFamily: ConfigurableProperty<"textVariants", unknown>;
+  fontSize: ConfigurableProperty<"textVariants", unknown>;
+  fontVariationSettings: ConfigurableProperty<"textVariants", unknown>;
+  lineHeight: ConfigurableProperty<"textVariants", unknown>;
+  textTransform: ConfigurableProperty<"textVariants", unknown>;
+  letterSpacing: ConfigurableProperty<"textVariants", unknown>;
+  padding: ConfigurableProperty<"spacingAliases", unknown>;
+  gap: ConfigurableProperty<"spacingAliases", unknown>;
+  color: ConfigurableProperty<"spectrumColors" | "foregroundPaletteColors" | "alwaysPaletteAliases", unknown>;
+  opacity: ConfigurableProperty<"opacitySteps", unknown>;
+  fontWeight: ConfigurableProperty<"textVariants", unknown>;
+  iconSize: ConfigurableProperty<"iconSizes", unknown>;
+  spacingHorizontal: ConfigurableProperty<"spacingAliases", unknown>;
+  spacingVertical: ConfigurableProperty<"spacingAliases", unknown>;
+  textVariant: ConfigurableProperty<"textVariants", unknown>;
+  textDecorationLine: ConfigurableProperty<"textDecorationLines", unknown>;
+  shadow: ConfigurableProperty<"shadowVariants", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
+  insetShadow: ConfigurableProperty<"shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
+  height: ConfigurableProperty<"spacingAliases", unknown>;
+  width: ConfigurableProperty<"spacingAliases", unknown>;
+  scaleEffect: ConfigurableProperty<"scaleEffects", unknown>;
+};
+type ExtendablePropertiesName = keyof typeof configurableProperties;
+type ConfigurablePropertiesName = keyof typeof publicProperties;
+interface SelectedConfigurableProperty<C extends ConfigurablePropertiesName, O extends string, T extends (typeof publicProperties)[C]['possibleFixtures'] = (typeof publicProperties)[C]['possibleFixtures'], V extends readonly (readonly string[])[] = readonly (readonly string[])[]> {
+  label: string;
+  name: C;
+  typeOfFixture: T;
+  values: V;
+  skipRestState?: boolean;
+  pseudoStates?: PossibleStates[];
+  supportsCustom?: boolean;
+  defaults: { [K in O]: V[number][number] };
+}
+//#endregion
+export { ConfigurablePropertiesName, ExtendablePropertiesName, SelectedConfigurableProperty, configurableProperties };

package/dist/tokens/automation/properties.d.ts

@@ -1,7 +1,94 @@
-export { C as ConfigurablePropertiesName, E as ExtendablePropertiesName, S as SelectedConfigurableProperty, c as configurableProperties } from '../../index-BrIj1pmg.js';
-import '../../universalTokensConfigAuto-BHqbAL0M.js';
-import '@yahoo/uds/fixtures';
-import '@yahoo/uds-icons/types';
-import 'motion/react';
-import 'react';
-import 'type-fest';
+import { AllPossibleProperties, PossibleStates } from "./types/ComponentConfig.js";
+import { ShadowPreset } from "../types.js";
+import { SchemaStateValue } from "./utils/index.js";
+import "../index.js";
+
+//#region src/tokens/automation/properties.d.ts
+type DispatchContext = {
+  componentName: string;
+  subComponentName?: string;
+  propertyKey: string;
+  layer: string;
+};
+interface ConfigurableProperty<T extends AllPossibleProperties, CVR = unknown> {
+  name: string;
+  cssProperties: string | string[];
+  twThemePath: (selected: T, value: string) => string;
+  possibleFixtures: T[];
+  extendedProperties?: ExtendablePropertiesName[] | ((context: DispatchContext) => ExtendablePropertiesName[] | undefined | false);
+  customValueRenderer?: (schemaStateValue: SchemaStateValue<CVR>, schema: unknown, themeGetter: (path: string) => string) => string;
+  concatenate?: boolean;
+  concatenationDelimiter?: string;
+}
+declare const publicProperties: {
+  readonly backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
+  readonly borderWidth: ConfigurableProperty<"borderWidths" | "spacingAliases", unknown>;
+  readonly borderRadius: ConfigurableProperty<"borderRadii", unknown>;
+  readonly borderColor: ConfigurableProperty<"spectrumColors" | "linePaletteColors" | "alwaysPaletteAliases", unknown>;
+  readonly fontFamily: ConfigurableProperty<"textVariants", unknown>;
+  readonly fontSize: ConfigurableProperty<"textVariants", unknown>;
+  readonly fontVariationSettings: ConfigurableProperty<"textVariants", unknown>;
+  readonly lineHeight: ConfigurableProperty<"textVariants", unknown>;
+  readonly textTransform: ConfigurableProperty<"textVariants", unknown>;
+  readonly letterSpacing: ConfigurableProperty<"textVariants", unknown>;
+  readonly padding: ConfigurableProperty<"spacingAliases", unknown>;
+  readonly gap: ConfigurableProperty<"spacingAliases", unknown>;
+  readonly color: ConfigurableProperty<"spectrumColors" | "foregroundPaletteColors" | "alwaysPaletteAliases", unknown>;
+  readonly opacity: ConfigurableProperty<"opacitySteps", unknown>;
+  readonly fontWeight: ConfigurableProperty<"textVariants", unknown>;
+  readonly iconSize: ConfigurableProperty<"iconSizes", unknown>;
+  readonly spacingHorizontal: ConfigurableProperty<"spacingAliases", unknown>;
+  readonly spacingVertical: ConfigurableProperty<"spacingAliases", unknown>;
+  readonly textVariant: ConfigurableProperty<"textVariants", unknown>;
+  readonly textDecorationLine: ConfigurableProperty<"textDecorationLines", unknown>;
+  readonly shadow: ConfigurableProperty<"shadowVariants", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
+  readonly insetShadow: ConfigurableProperty<"shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
+  readonly height: ConfigurableProperty<"spacingAliases", unknown>;
+  readonly width: ConfigurableProperty<"spacingAliases", unknown>;
+  readonly scaleEffect: ConfigurableProperty<"scaleEffects", unknown>;
+};
+declare const configurableProperties: {
+  outlineWidth: ConfigurableProperty<"borderWidths" | "spacingAliases", unknown>;
+  outlineColor: ConfigurableProperty<"spectrumColors" | "linePaletteColors" | "alwaysPaletteAliases", unknown>;
+  insetOutlineOffset: ConfigurableProperty<"borderWidths" | "spacingAliases", unknown>;
+  solidOutline: ConfigurableProperty<never, unknown>;
+  backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
+  borderWidth: ConfigurableProperty<"borderWidths" | "spacingAliases", unknown>;
+  borderRadius: ConfigurableProperty<"borderRadii", unknown>;
+  borderColor: ConfigurableProperty<"spectrumColors" | "linePaletteColors" | "alwaysPaletteAliases", unknown>;
+  fontFamily: ConfigurableProperty<"textVariants", unknown>;
+  fontSize: ConfigurableProperty<"textVariants", unknown>;
+  fontVariationSettings: ConfigurableProperty<"textVariants", unknown>;
+  lineHeight: ConfigurableProperty<"textVariants", unknown>;
+  textTransform: ConfigurableProperty<"textVariants", unknown>;
+  letterSpacing: ConfigurableProperty<"textVariants", unknown>;
+  padding: ConfigurableProperty<"spacingAliases", unknown>;
+  gap: ConfigurableProperty<"spacingAliases", unknown>;
+  color: ConfigurableProperty<"spectrumColors" | "foregroundPaletteColors" | "alwaysPaletteAliases", unknown>;
+  opacity: ConfigurableProperty<"opacitySteps", unknown>;
+  fontWeight: ConfigurableProperty<"textVariants", unknown>;
+  iconSize: ConfigurableProperty<"iconSizes", unknown>;
+  spacingHorizontal: ConfigurableProperty<"spacingAliases", unknown>;
+  spacingVertical: ConfigurableProperty<"spacingAliases", unknown>;
+  textVariant: ConfigurableProperty<"textVariants", unknown>;
+  textDecorationLine: ConfigurableProperty<"textDecorationLines", unknown>;
+  shadow: ConfigurableProperty<"shadowVariants", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
+  insetShadow: ConfigurableProperty<"shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
+  height: ConfigurableProperty<"spacingAliases", unknown>;
+  width: ConfigurableProperty<"spacingAliases", unknown>;
+  scaleEffect: ConfigurableProperty<"scaleEffects", unknown>;
+};
+type ExtendablePropertiesName = keyof typeof configurableProperties;
+type ConfigurablePropertiesName = keyof typeof publicProperties;
+interface SelectedConfigurableProperty<C extends ConfigurablePropertiesName, O extends string, T extends (typeof publicProperties)[C]['possibleFixtures'] = (typeof publicProperties)[C]['possibleFixtures'], V extends readonly (readonly string[])[] = readonly (readonly string[])[]> {
+  label: string;
+  name: C;
+  typeOfFixture: T;
+  values: V;
+  skipRestState?: boolean;
+  pseudoStates?: PossibleStates[];
+  supportsCustom?: boolean;
+  defaults: { [K in O]: V[number][number] };
+}
+//#endregion
+export { ConfigurablePropertiesName, ExtendablePropertiesName, SelectedConfigurableProperty, configurableProperties };