@yahoo/uds 3.58.1 → 3.59.0-beta.1

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

@@ -1,7 +1,88 @@
-export { C as ConfigurablePropertiesName, E as ExtendablePropertiesName, S as SelectedConfigurableProperty, c as configurableProperties } from '../../index-Bj4zcQ8D.js';
-import '../../types-CRqbgWm9.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<"alwaysPaletteAliases" | "spectrumColors" | "backgroundPaletteColors", unknown>;
+  readonly borderWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
+  readonly borderRadius: ConfigurableProperty<"borderRadii", unknown>;
+  readonly borderColor: ConfigurableProperty<"alwaysPaletteAliases" | "spectrumColors" | "linePaletteColors", 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 padding: ConfigurableProperty<"spacingAliases", unknown>;
+  readonly gap: ConfigurableProperty<"spacingAliases", unknown>;
+  readonly color: ConfigurableProperty<"foregroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors", 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>;
+};
+declare const configurableProperties: {
+  outlineWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
+  outlineColor: ConfigurableProperty<"alwaysPaletteAliases" | "spectrumColors" | "linePaletteColors", unknown>;
+  insetOutlineOffset: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
+  solidOutline: ConfigurableProperty<never, unknown>;
+  backgroundColor: ConfigurableProperty<"alwaysPaletteAliases" | "spectrumColors" | "backgroundPaletteColors", unknown>;
+  borderWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
+  borderRadius: ConfigurableProperty<"borderRadii", unknown>;
+  borderColor: ConfigurableProperty<"alwaysPaletteAliases" | "spectrumColors" | "linePaletteColors", unknown>;
+  fontFamily: ConfigurableProperty<"textVariants", unknown>;
+  fontSize: ConfigurableProperty<"textVariants", unknown>;
+  fontVariationSettings: ConfigurableProperty<"textVariants", unknown>;
+  lineHeight: ConfigurableProperty<"textVariants", unknown>;
+  textTransform: ConfigurableProperty<"textVariants", unknown>;
+  padding: ConfigurableProperty<"spacingAliases", unknown>;
+  gap: ConfigurableProperty<"spacingAliases", unknown>;
+  color: ConfigurableProperty<"foregroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors", 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>;
+};
+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;
+  pseudoStates?: PossibleStates[];
+  supportsCustom?: boolean;
+  defaults: { [K in O]: V[number][number] };
+}
+//#endregion
+export { ConfigurablePropertiesName, ExtendablePropertiesName, SelectedConfigurableProperty, configurableProperties };
+//# sourceMappingURL=properties.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"properties.d.ts","names":[],"sources":["../../../src/tokens/automation/properties.ts"],"sourcesContent":[],"mappings":";;;;;;KAaK,eAAA,CAAA,CAAA;;;;;AAPsB,CAAA;AAOP,SAAA,CAgCV,oBAAoB,CAAA,CAAA,CAAA,OAAA,CAAW,qBAAX,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;EAAW,IAAA,CAAA,CAAA,MAAA;EAOf,aAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA;EAEN,WAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAFM,CAEN,CAAA,CAAA,KAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA;EAGd,gBAAA,CAAA,CAHc,CAGd,CAAA,CAAA;EACW,kBAAA,CAAA,CAAA,CADX,wBACW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,CAAA,CAAoB,wBAApB,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,KAAA,CAAA;EAAoB,mBAAA,CAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAGf,gBAHe,CAGE,GAHF,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,OAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA;EAGE,WAAA,CAAA,CAAA,CAAA,OAAA;EAAjB,sBAAA,CAAA,CAAA,CAAA,MAAA;;AAAgB,OAAA,CAAA,KAAA,CAuThC,gBAuBI,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;cASG;;;;;;;;;;;;EAAA,UAAA,CAAA,qBAGZ,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,OAAA,CAAA;;;;;;;;;;;;;;;;KAEW,wBAAA,CAAA,CAAA,cAAwC;KACxC,0BAAA,CAAA,CAAA,cAA0C;UAErC,uCACL,gEAIA,kBAAkB,iCAAiC,kBAAkB;;QAKzE;iBACS;UACP;iBACO;;oBAKG,IAAI"}

package/dist/tokens/automation/properties.js

@@ -1 +1,288 @@
-export{configurableProperties}from"../../chunk-5V32DSCR.js";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { textVariantsSafe } from "../../tailwind/components/getResponsiveTextStyles.js";
+import { getShadowLayerValue } from "../../tailwind/utils/getShadowPresetValues.js";
+import { mapTextVariantFixtureToValue } from "./mapTextVariantFixtureToValue.js";
+import { mapColorFixtureToValue } from "./utils/mapColorFixtureToValue.js";
+
+//#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: mapColorFixtureToValue,
+	possibleFixtures: [
+		"backgroundPaletteColors",
+		"spectrumColors",
+		"alwaysPaletteAliases"
+	]
+};
+const fontSize = {
+	name: "fontSize",
+	cssProperties: "font-size",
+	twThemePath: mapTextVariantFixtureToValue("fontSize"),
+	possibleFixtures: ["textVariants"]
+};
+const fontVariationSettings = {
+	name: "fontVariationSettings",
+	cssProperties: "font-variation-settings",
+	twThemePath: () => {
+		return ``;
+	},
+	possibleFixtures: ["textVariants"],
+	customValueRenderer: (schemaValue) => {
+		const { value: rawValue } = schemaValue;
+		const value = 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: mapTextVariantFixtureToValue("fontWeight"),
+	possibleFixtures: ["textVariants"]
+};
+const fontFamily = {
+	name: "fontFamily",
+	cssProperties: "font-family",
+	twThemePath: mapTextVariantFixtureToValue("fontFamily"),
+	possibleFixtures: ["textVariants"]
+};
+const gap = {
+	name: "gap",
+	cssProperties: "gap",
+	twThemePath: (selected, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
+const color = {
+	name: "color",
+	cssProperties: "color",
+	twThemePath: mapColorFixtureToValue,
+	possibleFixtures: [
+		"alwaysPaletteAliases",
+		"spectrumColors",
+		"foregroundPaletteColors"
+	]
+};
+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: 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: 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: mapTextVariantFixtureToValue("textTransform"),
+	possibleFixtures: ["textVariants"]
+};
+const publicProperties = {
+	backgroundColor,
+	borderWidth,
+	borderRadius,
+	borderColor,
+	fontFamily,
+	fontSize,
+	fontVariationSettings,
+	lineHeight: {
+		name: "lineHeight",
+		cssProperties: "line-height",
+		twThemePath: mapTextVariantFixtureToValue("lineHeight"),
+		possibleFixtures: ["textVariants"]
+	},
+	textTransform,
+	padding,
+	gap,
+	color,
+	fontWeight,
+	iconSize,
+	spacingHorizontal,
+	spacingVertical,
+	textVariant: {
+		name: "textVariant",
+		cssProperties: [],
+		twThemePath: () => {
+			return ``;
+		},
+		possibleFixtures: ["textVariants"],
+		extendedProperties: [
+			"fontSize",
+			"fontWeight",
+			"fontFamily",
+			"lineHeight",
+			"textTransform",
+			"fontVariationSettings"
+		]
+	},
+	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) => 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) => 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"]
+	}
+};
+const internalProperties = {
+	outlineWidth,
+	outlineColor,
+	insetOutlineOffset,
+	solidOutline
+};
+const configurableProperties = {
+	...publicProperties,
+	...internalProperties
+};
+
+//#endregion
+export { configurableProperties };
+//# sourceMappingURL=properties.js.map

package/dist/tokens/automation/properties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"properties.js","names":["backgroundColor: ConfigurableProperty<\n  'backgroundPaletteColors' | 'spectrumColors' | 'alwaysPaletteAliases'\n>","fontSize: ConfigurableProperty<'textVariants'>","fontVariationSettings: ConfigurableProperty<'textVariants'>","fontWeight: ConfigurableProperty<'textVariants'>","fontFamily: ConfigurableProperty<'textVariants'>","gap: ConfigurableProperty<'spacingAliases'>","color: ConfigurableProperty<\n  'alwaysPaletteAliases' | 'spectrumColors' | 'foregroundPaletteColors'\n>","borderWidth: ConfigurableProperty<'borderWidths' | 'spacingAliases'>","borderColor: ConfigurableProperty<\n  'alwaysPaletteAliases' | 'spectrumColors' | 'linePaletteColors'\n>","outlineWidth: ConfigurableProperty<'borderWidths' | 'spacingAliases'>","solidOutline: ConfigurableProperty<never>","insetOutlineOffset: ConfigurableProperty<'borderWidths' | 'spacingAliases'>","outlineColor: ConfigurableProperty<\n  'alwaysPaletteAliases' | 'spectrumColors' | 'linePaletteColors'\n>","borderRadius: ConfigurableProperty<'borderRadii'>","padding: ConfigurableProperty<'spacingAliases'>","iconSize: ConfigurableProperty<'iconSizes'>","spacingHorizontal: ConfigurableProperty<'spacingAliases'>","spacingVertical: ConfigurableProperty<'spacingAliases'>","textTransform: ConfigurableProperty<'textVariants'>","shadowType: ShadowType","noneValue"],"sources":["../../../src/tokens/automation/properties.ts"],"sourcesContent":["import type {\n  AllPossibleProperties,\n  PossibleStates,\n  SchemaStateValue,\n  ShadowType,\n  ShadowVariantConfig,\n} from '@yahoo/uds/tokens';\n\nimport { textVariantsSafe } from '../../tailwind/components/getResponsiveTextStyles';\nimport { getShadowLayerValue } from '../../tailwind/utils/getShadowPresetValues';\nimport { mapTextVariantFixtureToValue } from './mapTextVariantFixtureToValue';\nimport { mapColorFixtureToValue } from './utils/mapColorFixtureToValue';\n\ntype DispatchContext = {\n  componentName: string;\n  subComponentName?: string;\n  propertyKey: string;\n  layer: string;\n};\n\n// TODO: Find a better home or way to dispatch this.\nconst shouldUseOutlineInsteadOfBorder = ({\n  componentName,\n  layer,\n  propertyKey,\n}: DispatchContext): boolean => {\n  if (\n    componentName === 'chip' &&\n    layer === 'root' &&\n    ['borderColor', 'borderWidth'].includes(propertyKey)\n  ) {\n    return true;\n  }\n\n  if (\n    componentName === 'input' &&\n    layer === 'inputWrapper' &&\n    ['borderColor', 'borderWidth'].includes(propertyKey)\n  ) {\n    return true;\n  }\n\n  return false;\n};\n\ninterface ConfigurableProperty<T extends AllPossibleProperties, CVR = unknown> {\n  name: string;\n  // The css properties that this configurable property affects\n  // they will all have the same value\n  cssProperties: string | string[];\n  // Accepts only one of the allowed fixture values\n  // TODO: once you have more info, make value more type safe\n  twThemePath: (selected: T, value: string) => string;\n  // possibleFixtures here represents the union of allowed fixture values.\n  possibleFixtures: T[];\n  // some properties are composed of other properties (example: text variant)\n  extendedProperties?:\n    | ExtendablePropertiesName[]\n    | ((context: DispatchContext) => ExtendablePropertiesName[] | undefined | false);\n  // custom value renderer - if present, this will be used instead of twThemePath\n  customValueRenderer?: (\n    schemaStateValue: SchemaStateValue<CVR>,\n    schema: unknown,\n    themeGetter: (path: string) => string,\n  ) => string;\n  // Flag to indicate this property's values should be concatenated\n  concatenate?: boolean;\n  // How to join multiple values (default: \", \")\n  concatenationDelimiter?: string;\n}\n\n/// CONFIGURABLE PROPERTIES\nconst backgroundColor: ConfigurableProperty<\n  'backgroundPaletteColors' | 'spectrumColors' | 'alwaysPaletteAliases'\n> = {\n  name: 'backgroundColor',\n  cssProperties: 'background-color',\n  twThemePath: mapColorFixtureToValue,\n  possibleFixtures: ['backgroundPaletteColors', 'spectrumColors', 'alwaysPaletteAliases'] as const,\n};\n\nconst fontSize: ConfigurableProperty<'textVariants'> = {\n  name: 'fontSize',\n  cssProperties: 'font-size',\n  twThemePath: mapTextVariantFixtureToValue('fontSize'),\n  possibleFixtures: ['textVariants'] as const,\n};\n\nconst fontVariationSettings: ConfigurableProperty<'textVariants'> = {\n  name: 'fontVariationSettings',\n  cssProperties: 'font-variation-settings',\n  twThemePath: () => {\n    return ``;\n  },\n  possibleFixtures: ['textVariants'] as const,\n  customValueRenderer: (schemaValue) => {\n    const { value: rawValue } = schemaValue;\n    const value = textVariantsSafe(rawValue as string);\n    return `\"wght\" var(--uds-font-weight-${value}), \"slnt\" var(--uds-font-slant-${value}), \"wdth\" var(--uds-font-width-${value});`;\n  },\n};\n\nconst fontWeight: ConfigurableProperty<'textVariants'> = {\n  name: 'fontWeight',\n  cssProperties: 'font-weight',\n  twThemePath: mapTextVariantFixtureToValue('fontWeight'),\n  possibleFixtures: ['textVariants'] as const,\n};\n\nconst fontFamily: ConfigurableProperty<'textVariants'> = {\n  name: 'fontFamily',\n  cssProperties: 'font-family',\n  twThemePath: mapTextVariantFixtureToValue('fontFamily'),\n  possibleFixtures: ['textVariants'] as const,\n};\n\nconst gap: ConfigurableProperty<'spacingAliases'> = {\n  name: 'gap',\n  cssProperties: 'gap',\n  twThemePath: (selected, value) => `spacing[${value}]`,\n  possibleFixtures: ['spacingAliases'] as const,\n};\n\nconst color: ConfigurableProperty<\n  'alwaysPaletteAliases' | 'spectrumColors' | 'foregroundPaletteColors'\n> = {\n  name: 'color',\n  cssProperties: 'color',\n  twThemePath: mapColorFixtureToValue,\n  possibleFixtures: ['alwaysPaletteAliases', 'spectrumColors', 'foregroundPaletteColors'] as const,\n};\n\nconst borderWidth: ConfigurableProperty<'borderWidths' | 'spacingAliases'> = {\n  name: 'borderWidth',\n  cssProperties: 'border-width',\n  twThemePath: (selected, value) => {\n    if (selected === 'borderWidths') {\n      return `borderWidth[${value}]`;\n    } else {\n      return `spacing[${value}]`;\n    }\n  },\n  possibleFixtures: ['borderWidths', 'spacingAliases'] as const,\n  extendedProperties: (context) =>\n    shouldUseOutlineInsteadOfBorder(context) && [\n      'outlineWidth',\n      'insetOutlineOffset',\n      'solidOutline',\n    ],\n};\n\nconst borderColor: ConfigurableProperty<\n  'alwaysPaletteAliases' | 'spectrumColors' | 'linePaletteColors'\n> = {\n  name: 'borderColor',\n  cssProperties: 'border-color',\n  twThemePath: mapColorFixtureToValue,\n  possibleFixtures: ['alwaysPaletteAliases', 'spectrumColors', 'linePaletteColors'] as const,\n  extendedProperties: (context) => shouldUseOutlineInsteadOfBorder(context) && ['outlineColor'],\n};\n\nconst outlineWidth: ConfigurableProperty<'borderWidths' | 'spacingAliases'> = {\n  name: 'outlineWidth',\n  cssProperties: 'outline-width',\n  twThemePath: (type, value) =>\n    type === 'borderWidths' ? `borderWidth[${value}]` : `spacing[${value}]`,\n  possibleFixtures: ['borderWidths', 'spacingAliases'] as const,\n};\n\nconst solidOutline: ConfigurableProperty<never> = {\n  name: 'solidOutline',\n  cssProperties: 'outline-style',\n  twThemePath: () => '',\n  customValueRenderer: () => 'solid',\n  possibleFixtures: [] as const,\n};\n\nconst insetOutlineOffset: ConfigurableProperty<'borderWidths' | 'spacingAliases'> = {\n  name: 'insetOutlineOffset',\n  cssProperties: 'outline-offset',\n  twThemePath: () => '',\n  customValueRenderer: ({ value, type }, schema, theme) => {\n    const width =\n      type === 'borderWidths' ? theme(`borderWidth[${value}]`) : theme(`spacing[${value}]`);\n\n    return `calc(-1 * ${width})`;\n  },\n  possibleFixtures: ['borderWidths', 'spacingAliases'] as const,\n};\n\nconst outlineColor: ConfigurableProperty<\n  'alwaysPaletteAliases' | 'spectrumColors' | 'linePaletteColors'\n> = {\n  name: 'outlineColor',\n  cssProperties: 'outline-color',\n  twThemePath: mapColorFixtureToValue,\n  possibleFixtures: ['alwaysPaletteAliases', 'spectrumColors', 'linePaletteColors'] as const,\n};\n\nconst borderRadius: ConfigurableProperty<'borderRadii'> = {\n  name: 'borderRadius',\n  cssProperties: 'border-radius',\n  twThemePath: (selected, value) => `borderRadius.${value}`,\n  possibleFixtures: ['borderRadii'] as const,\n};\n\nconst padding: ConfigurableProperty<'spacingAliases'> = {\n  name: 'padding',\n  cssProperties: 'padding',\n  twThemePath: (selected, value) => `spacing[${value}]`,\n  possibleFixtures: ['spacingAliases'] as const,\n};\n\nconst iconSize: ConfigurableProperty<'iconSizes'> = {\n  name: 'iconSize',\n  cssProperties: ['width', 'height'],\n  twThemePath: (selected, value) => `sizing.icon.${value}`,\n  possibleFixtures: ['iconSizes'] as const,\n};\n\nconst spacingHorizontal: ConfigurableProperty<'spacingAliases'> = {\n  name: 'spacingHorizontal',\n  cssProperties: ['padding-right', 'padding-left'],\n  twThemePath: (selected, value) => `spacing[${value}]`,\n  possibleFixtures: ['spacingAliases'] as const,\n};\n\nconst spacingVertical: ConfigurableProperty<'spacingAliases'> = {\n  name: 'spacingVertical',\n  cssProperties: ['padding-top', 'padding-bottom'],\n  twThemePath: (selected, value) => `spacing[${value}]`,\n  possibleFixtures: ['spacingAliases'] as const,\n};\n\nconst textTransform: ConfigurableProperty<'textVariants'> = {\n  name: 'textTransform',\n  cssProperties: 'text-transform',\n  twThemePath: mapTextVariantFixtureToValue('textTransform'),\n  possibleFixtures: ['textVariants'] as const,\n};\n\nconst lineHeight: ConfigurableProperty<'textVariants'> = {\n  name: 'lineHeight',\n  cssProperties: 'line-height',\n  twThemePath: mapTextVariantFixtureToValue('lineHeight'),\n  possibleFixtures: ['textVariants'] as const,\n};\n\nconst textVariant: ConfigurableProperty<'textVariants'> = {\n  name: 'textVariant',\n  cssProperties: [],\n  twThemePath: () => {\n    return ``;\n  },\n  possibleFixtures: ['textVariants'] as const,\n  extendedProperties: [\n    'fontSize',\n    'fontWeight',\n    'fontFamily',\n    'lineHeight',\n    'textTransform',\n    'fontVariationSettings',\n  ],\n};\n\nconst shadow: ConfigurableProperty<'shadowVariants', ShadowVariantConfig | string> = {\n  name: 'drop shadow',\n  cssProperties: 'box-shadow',\n  twThemePath: () => {\n    return ``;\n  },\n  concatenate: true,\n  customValueRenderer: (schemaValue) => {\n    const shadowType: ShadowType = 'drop';\n    const noneValue = '0 0 0 transparent';\n\n    if (schemaValue.valueType === 'alias') {\n      const noneValue = '0 0 0 transparent';\n\n      if (schemaValue.value === 'none') {\n        return noneValue;\n      }\n      if (schemaValue.value !== 'custom') {\n        return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;\n      }\n    } else if (schemaValue.valueType === 'custom') {\n      const customShadowPresetVals = (schemaValue.value as ShadowVariantConfig).map(\n        (preset, index) =>\n          getShadowLayerValue({\n            preset,\n            shadowType,\n            prefix: index > 0 ? `${index + 1}` : undefined,\n          }),\n      );\n\n      return customShadowPresetVals?.join(', ') || noneValue;\n    }\n\n    throw new Error('Invalid valueType');\n  },\n  possibleFixtures: ['shadowVariants'] as const,\n};\n\nconst insetShadow: ConfigurableProperty<'shadowVariantsWithInvert', ShadowVariantConfig | string> =\n  {\n    name: 'inset shadow',\n    cssProperties: 'box-shadow',\n    twThemePath: () => {\n      return ``;\n    },\n    concatenate: true,\n    customValueRenderer: (schemaValue) => {\n      const shadowType: ShadowType = 'inset';\n      const noneValue = '0 0 0 transparent';\n\n      if (schemaValue.valueType === 'alias') {\n        const noneValue = '0 0 0 transparent';\n\n        if (schemaValue.value === 'none') {\n          return noneValue;\n        }\n        if (schemaValue.value !== 'custom') {\n          return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;\n        }\n      } else if (schemaValue.valueType === 'custom') {\n        const customShadowPresetVals = (schemaValue.value as ShadowVariantConfig).map(\n          (preset, index) =>\n            getShadowLayerValue({\n              preset,\n              shadowType,\n              prefix: index > 0 ? `${index + 1}` : undefined,\n            }),\n        );\n\n        return customShadowPresetVals?.join(', ') || noneValue;\n      }\n\n      throw new Error('Invalid valueType');\n    },\n    possibleFixtures: ['shadowVariantsWithInvert'] as const,\n  };\n\nconst height: ConfigurableProperty<'spacingAliases'> = {\n  name: 'height',\n  cssProperties: 'height',\n  twThemePath: (selected, value) => {\n    return `height[${value}]`;\n  },\n  possibleFixtures: ['spacingAliases'] as const,\n};\n\nconst width: ConfigurableProperty<'spacingAliases'> = {\n  name: 'width',\n  cssProperties: 'width',\n  twThemePath: (selected, value) => {\n    return `width[${value}]`;\n  },\n  possibleFixtures: ['spacingAliases'] as const,\n};\n\nconst textDecorationLine: ConfigurableProperty<'textDecorationLines'> = {\n  name: 'textDecorationLine',\n  cssProperties: 'text-decoration-line',\n  possibleFixtures: ['textDecorationLines'] as const,\n  twThemePath: () => {\n    return ``;\n  },\n  customValueRenderer: (schemaValue) => {\n    return String(schemaValue.value);\n  },\n};\n\nconst publicProperties = {\n  backgroundColor,\n  borderWidth,\n  borderRadius,\n  borderColor,\n  fontFamily,\n  fontSize,\n  fontVariationSettings,\n  lineHeight,\n  textTransform,\n  padding,\n  gap,\n  color,\n  fontWeight,\n  iconSize,\n  spacingHorizontal,\n  spacingVertical,\n  textVariant,\n  textDecorationLine,\n  shadow,\n  insetShadow,\n  height,\n  width,\n} as const;\n\nconst internalProperties = {\n  outlineWidth,\n  outlineColor,\n  insetOutlineOffset,\n  solidOutline,\n};\n\nexport const configurableProperties = {\n  ...publicProperties,\n  ...internalProperties,\n};\n\nexport type ExtendablePropertiesName = keyof typeof configurableProperties;\nexport type ConfigurablePropertiesName = keyof typeof publicProperties;\n\nexport interface SelectedConfigurableProperty<\n  C extends ConfigurablePropertiesName,\n  O extends string,\n  // T remains the tuple type for the fixture array:\n  T extends\n    (typeof publicProperties)[C]['possibleFixtures'] = (typeof publicProperties)[C]['possibleFixtures'],\n  // V is now a tuple of arrays of strings (e.g. [['value1', 'value2'], ['meow', 'wof']])\n  V extends readonly (readonly string[])[] = readonly (readonly string[])[],\n> {\n  label: string;\n  name: C;\n  typeOfFixture: T;\n  values: V;\n  pseudoStates?: PossibleStates[];\n  // if this property support non alias values - values not present in Fixtures\n  supportsCustom?: boolean;\n  // defaults is not an array; each key maps to one string\n  // and the allowed string is drawn from the union of all elements in the arrays of `values`\n  defaults: { [K in O]: V[number][number] };\n  // used to display the label of the property in the UI\n}\n"],"mappings":"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"}

package/dist/tokens/automation/types/ComponentConfig.cjs

@@ -0,0 +1 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */

package/dist/tokens/automation/types/ComponentConfig.d.cts

@@ -0,0 +1,55 @@
+import { ConfigurablePropertiesName, SelectedConfigurableProperty } from "../properties.cjs";
+import { UniversalTokensConfig } from "../../types.cjs";
+import "../../index.cjs";
+import * as properties from "@yahoo/uds/fixtures";
+
+//#region src/tokens/automation/types/ComponentConfig.d.ts
+type AllPossibleProperties = Exclude<keyof typeof properties, 'iconButtonClassNames' | 'iconButtonSize' | 'iconButtonStates' | 'buttonClassNames' | 'buttonColorProperties' | 'buttonIconSvgSize' | 'buttonKinds' | 'buttonMotionEffects' | 'buttonMotionProperties' | 'buttonPalettes' | 'buttonSizeProperties' | 'buttonSizes' | 'buttonStates' | 'buttonVariants'> | 'shadowVariantConfig';
+type PossibleStates = 'hover' | 'pressed' | 'focused' | 'invalid' | 'focus-within' | 'focused-keyboard' | 'visited' | 'readonly' | 'disabled' | 'invalid&hover' | 'invalid&pressed';
+type PossibleStatesWithRest = 'rest' | PossibleStates;
+interface LayerConfig {
+  label: string;
+  properties: Readonly<Record<string, SelectedConfigurableProperty<ConfigurablePropertiesName, string>>>;
+  pseudoSelector?: string;
+}
+interface ComponentStateConfig {
+  label: string;
+  options: string[];
+  layers: {
+    root: LayerConfig;
+  } & Record<string, LayerConfig>;
+}
+interface SubComponentConfig {
+  label: string;
+  description: string;
+  overrideComponentName?: string;
+  variants: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
+}
+interface VariantConfig<O extends string = string> {
+  label: string;
+  description: string;
+  isConfigurable: boolean;
+  default: O;
+  options: readonly O[];
+}
+interface VariantConfigWithProperties<O extends string = string> extends VariantConfig<O> {
+  layers: {
+    root: LayerConfig;
+  } & Record<string, LayerConfig>;
+}
+interface VariantConfigWithComponentStates<O extends string = string> extends VariantConfig<O> {
+  componentStates?: Readonly<Record<string, ComponentStateConfig>>;
+}
+interface ComponentConfig {
+  label: string;
+  description: string;
+  overrideComponentName?: string;
+  subComponents?: Record<string, SubComponentConfig>;
+  variants?: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
+}
+type AutoComponents = Omit<UniversalTokensConfig, 'colorMode' | 'font' | 'scaleMode' | 'version' | 'motion' | 'button' | 'iconButton' | 'shadow' | 'breakpoints' | 'typography' | 'globalDefaults'>;
+type AutoComponentName = keyof AutoComponents;
+type AllVariantKeys = { [K in keyof AutoComponents]: { [V in keyof AutoComponents[K]['defaults']]: V }[keyof AutoComponents[K]['defaults']] }[keyof AutoComponents];
+//#endregion
+export { AllPossibleProperties, AllVariantKeys, AutoComponentName, AutoComponents, ComponentConfig, ComponentStateConfig, LayerConfig, PossibleStates, PossibleStatesWithRest, SubComponentConfig, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties };
+//# sourceMappingURL=ComponentConfig.d.cts.map

package/dist/tokens/automation/types/ComponentConfig.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentConfig.d.cts","names":[],"sources":["../../../../src/tokens/automation/types/ComponentConfig.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/tokens/automation/types/ComponentConfig.d.ts

@@ -0,0 +1,55 @@
+import { ConfigurablePropertiesName, SelectedConfigurableProperty } from "../properties.js";
+import { UniversalTokensConfig } from "../../types.js";
+import "../../index.js";
+import * as properties from "@yahoo/uds/fixtures";
+
+//#region src/tokens/automation/types/ComponentConfig.d.ts
+type AllPossibleProperties = Exclude<keyof typeof properties, 'iconButtonClassNames' | 'iconButtonSize' | 'iconButtonStates' | 'buttonClassNames' | 'buttonColorProperties' | 'buttonIconSvgSize' | 'buttonKinds' | 'buttonMotionEffects' | 'buttonMotionProperties' | 'buttonPalettes' | 'buttonSizeProperties' | 'buttonSizes' | 'buttonStates' | 'buttonVariants'> | 'shadowVariantConfig';
+type PossibleStates = 'hover' | 'pressed' | 'focused' | 'invalid' | 'focus-within' | 'focused-keyboard' | 'visited' | 'readonly' | 'disabled' | 'invalid&hover' | 'invalid&pressed';
+type PossibleStatesWithRest = 'rest' | PossibleStates;
+interface LayerConfig {
+  label: string;
+  properties: Readonly<Record<string, SelectedConfigurableProperty<ConfigurablePropertiesName, string>>>;
+  pseudoSelector?: string;
+}
+interface ComponentStateConfig {
+  label: string;
+  options: string[];
+  layers: {
+    root: LayerConfig;
+  } & Record<string, LayerConfig>;
+}
+interface SubComponentConfig {
+  label: string;
+  description: string;
+  overrideComponentName?: string;
+  variants: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
+}
+interface VariantConfig<O extends string = string> {
+  label: string;
+  description: string;
+  isConfigurable: boolean;
+  default: O;
+  options: readonly O[];
+}
+interface VariantConfigWithProperties<O extends string = string> extends VariantConfig<O> {
+  layers: {
+    root: LayerConfig;
+  } & Record<string, LayerConfig>;
+}
+interface VariantConfigWithComponentStates<O extends string = string> extends VariantConfig<O> {
+  componentStates?: Readonly<Record<string, ComponentStateConfig>>;
+}
+interface ComponentConfig {
+  label: string;
+  description: string;
+  overrideComponentName?: string;
+  subComponents?: Record<string, SubComponentConfig>;
+  variants?: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
+}
+type AutoComponents = Omit<UniversalTokensConfig, 'colorMode' | 'font' | 'scaleMode' | 'version' | 'motion' | 'button' | 'iconButton' | 'shadow' | 'breakpoints' | 'typography' | 'globalDefaults'>;
+type AutoComponentName = keyof AutoComponents;
+type AllVariantKeys = { [K in keyof AutoComponents]: { [V in keyof AutoComponents[K]['defaults']]: V }[keyof AutoComponents[K]['defaults']] }[keyof AutoComponents];
+//#endregion
+export { AllPossibleProperties, AllVariantKeys, AutoComponentName, AutoComponents, ComponentConfig, ComponentStateConfig, LayerConfig, PossibleStates, PossibleStatesWithRest, SubComponentConfig, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties };
+//# sourceMappingURL=ComponentConfig.d.ts.map

package/dist/tokens/automation/types/ComponentConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentConfig.d.ts","names":[],"sources":["../../../../src/tokens/automation/types/ComponentConfig.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/tokens/automation/types/ComponentConfig.js

@@ -0,0 +1 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */

package/dist/tokens/automation/types/ComponentDB.cjs

@@ -0,0 +1 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */

package/dist/tokens/automation/types/ComponentDB.d.cts

@@ -0,0 +1 @@
+export { };

package/dist/tokens/automation/types/ComponentDB.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/tokens/automation/types/ComponentDB.js

@@ -0,0 +1 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */

package/dist/tokens/automation/types/ComponentStyles.cjs

@@ -0,0 +1 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */

package/dist/tokens/automation/types/ComponentStyles.d.cts

@@ -0,0 +1,36 @@
+import { ComponentConfig } from "./ComponentConfig.cjs";
+import "./index.cjs";
+
+//#region src/tokens/automation/types/ComponentStyles.d.ts
+
+/**
+ * For each variant in `config.variants`, for each option in `variant.options`,
+ * produce a string `.uds-{lowercase(label)}-{variantKey}-{optionValue}`.
+ */
+/**
+ * The union of all possible selectors for a given config,
+ * e.g. ".uds-avatar" | ".uds-avatar-size-xs" | ".uds-avatar-size-sm" ...
+ */
+type AllSelectors<C extends ComponentConfig> = BaseSelector<C>;
+/**
+ * A generic "Tailwind style object":
+ *   - Keys are CSS selectors (like ".uds-avatar-size-sm")
+ *   - Values are style declarations (like { [varName]: "1rem", display: "inline-block", ... })
+ *
+ * You can refine these Declarations to be more typed if you want
+ * (e.g. only allow certain var names, only allow CSS property keys, etc.).
+ */
+type CssStyleObject<C extends ComponentConfig> = { [Selector in AllSelectors<C>]?: Record<string, string> };
+/**
+ * Base class is just `.uds-{label}`
+ */
+type BaseSelector<C extends ComponentConfig> = C['overrideComponentName'] extends string ? `uds-${Lowercase<C['overrideComponentName']>}` : `uds-${Lowercase<C['label']>}`;
+/**
+ * Represents a selector for a parent variant in the component configuration.
+ * For each variant in `config.variants`, it produces a string in the format:
+ * `.uds-{lowercase(label)}-{variantKey}`.
+ */
+type ParentVariantSelector<C extends ComponentConfig> = { [K in keyof C['variants']]: `uds-${Lowercase<C['label']>}-${string & K}` }[keyof C['variants']];
+//#endregion
+export { AllSelectors, BaseSelector, CssStyleObject, ParentVariantSelector };
+//# sourceMappingURL=ComponentStyles.d.cts.map

package/dist/tokens/automation/types/ComponentStyles.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentStyles.d.cts","names":[],"sources":["../../../../src/tokens/automation/types/ComponentStyles.ts"],"sourcesContent":[],"mappings":";;;;;;;;AAkBA,CAAA,CAAA;;;;;AAUY,IAAA,CAVA,YAUc,CAAA,CAAA,CAAA,OAAA,CAVS,eAUT,CAAA,CAAA,CAAA,CAV4B,YAU5B,CAVyC,CAUzC,CAAA;;;;;;AAO1B,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,CAAA,MAAA,CAAA,KAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA;;;AACqB,IAAA,CART,cAQS,CAAA,CAAA,CAAA,OAAA,CARgB,eAQhB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,EAAA,CAPN,YAOJ,CAPiB,CAOjB,CAAA,CAAA,CAAA,CAAA,CAPuB,MAOvB,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CACU;;;AAOrB,CAAA,CAAA;AAA4C,IAAA,CAThC,YASgC,CAAA,CAAA,CAAA,OAAA,CATT,eASS,CAAA,CAAA,CAAA,CATU,CASV,CAAA,CAAA,qBAAA,CAAA,CAAA,CAAA,OAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CARjC,SAQiC,CARvB,CAQuB,CAAA,CAAA,qBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAPjC,SAOiC,CAPvB,CAOuB,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;AAEnC,IAAA,CAFG,qBAEH,CAAA,CAAA,CAAA,OAAA,CAFmC,eAEnC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,OADK,uBAAuB,UAAU,wBAAwB,YAC/D"}