@yahoo/uds 3.156.1 → 3.157.0

package/dist/tailwind-internal/dist/packages/automated-config/dist/properties.cjs

@@ -8,7 +8,7 @@ const require_index$1 = require("../../motion-tokens/dist/index.cjs");
 /*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
 /*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
 const isInputWrapperCtx = (context) => {
-	return context.componentName === "input" && context.layer === "inputWrapper";
+	return context.componentName === "input" && (context.layer === "inputWrapper" || context.layer === "inputWrapperDynamic");
 };
 const hexToRgb = (hex) => {
 	hex = hex.replace("#", "");

package/dist/tailwind-internal/dist/packages/automated-config/dist/properties.js

@@ -8,7 +8,7 @@ import { SCALE_EFFECTS } from "../../motion-tokens/dist/index.js";
 /*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
 /*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
 const isInputWrapperCtx = (context) => {
-	return context.componentName === "input" && context.layer === "inputWrapper";
+	return context.componentName === "input" && (context.layer === "inputWrapper" || context.layer === "inputWrapperDynamic");
 };
 const hexToRgb = (hex) => {
 	hex = hex.replace("#", "");

package/dist/tailwind-internal/dist/packages/automated-config/dist/types/StateAxis.cjs

@@ -0,0 +1,81 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+//#region ../tailwind-internal/dist/packages/automated-config/dist/types/StateAxis.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+/**
+* Atomic-state taxonomy.
+*
+* Every interactive component reacts to a fixed set of "atomic" states, each
+* belonging to one axis:
+*
+* - `interactive` — pointer/keyboard focus signals. At runtime at most one of
+*   these is meaningfully "active" at a time on a given element (you can't
+*   simultaneously hover and press distinctly enough to style separately, etc.).
+*
+* - `modifier` — semantic flags that can stack independently of each other and
+*   of the interactive state. An input can be `invalid` AND `readonly` at the
+*   same time, optionally also `hover`ed.
+*
+* Compound states (`'invalid&hover'`, `'invalid&readonly&hover'`, etc.) are
+* built by listing 0..N modifiers followed by 0..1 interactive. The
+* `canonicalizeStateKey` helper enforces this ordering so that, e.g.,
+* `['hover', 'invalid']` and `['invalid', 'hover']` resolve to the same key.
+*/
+/**
+* Interactive atomics:
+*
+* - `hover`/`pressed` for pointer interaction.
+* - `focus-within` for containers that wrap a focusable child (e.g. an input
+*   wrapper).
+* - `focus-visible` for keyboard-only focus rings on focusable elements.
+*/
+const INTERACTIVE_ATOMICS = [
+	"hover",
+	"pressed",
+	"focus-within",
+	"focus-visible"
+];
+const MODIFIER_ATOMICS = [
+	"invalid",
+	"readonly",
+	"placeholder-shown",
+	"autofill",
+	"visited"
+];
+const INTERACTIVE_ATOMIC_SET = new Set(INTERACTIVE_ATOMICS);
+const MODIFIER_ATOMIC_SET = new Set(MODIFIER_ATOMICS);
+function isInteractiveAtomic(state) {
+	return INTERACTIVE_ATOMIC_SET.has(state);
+}
+function isModifierAtomic(state) {
+	return MODIFIER_ATOMIC_SET.has(state);
+}
+function isAtomicState(state) {
+	return isInteractiveAtomic(state) || isModifierAtomic(state);
+}
+const STATE_PRIORITY_INDEX = new Map([
+	"visited",
+	"placeholder-shown",
+	"autofill",
+	"focus-within",
+	"focus-visible",
+	"hover",
+	"pressed",
+	"invalid",
+	"readonly"
+].map((atom, i) => [atom, i]));
+/**
+* Comparator usable with `Array.prototype.sort`. Atoms not in `STATE_PRIORITY`
+* sort to the front (weakest) — this only triggers for unknown strings; every
+* known `AtomicState` is in the priority array.
+*/
+function comparePriority(a, b) {
+	return (STATE_PRIORITY_INDEX.get(a) ?? -1) - (STATE_PRIORITY_INDEX.get(b) ?? -1);
+}
+//#endregion
+exports.INTERACTIVE_ATOMICS = INTERACTIVE_ATOMICS;
+exports.MODIFIER_ATOMICS = MODIFIER_ATOMICS;
+exports.comparePriority = comparePriority;
+exports.isAtomicState = isAtomicState;
+exports.isInteractiveAtomic = isInteractiveAtomic;
+exports.isModifierAtomic = isModifierAtomic;

package/dist/tailwind-internal/dist/packages/automated-config/dist/types/StateAxis.js

@@ -0,0 +1,76 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+//#region ../tailwind-internal/dist/packages/automated-config/dist/types/StateAxis.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+/**
+* Atomic-state taxonomy.
+*
+* Every interactive component reacts to a fixed set of "atomic" states, each
+* belonging to one axis:
+*
+* - `interactive` — pointer/keyboard focus signals. At runtime at most one of
+*   these is meaningfully "active" at a time on a given element (you can't
+*   simultaneously hover and press distinctly enough to style separately, etc.).
+*
+* - `modifier` — semantic flags that can stack independently of each other and
+*   of the interactive state. An input can be `invalid` AND `readonly` at the
+*   same time, optionally also `hover`ed.
+*
+* Compound states (`'invalid&hover'`, `'invalid&readonly&hover'`, etc.) are
+* built by listing 0..N modifiers followed by 0..1 interactive. The
+* `canonicalizeStateKey` helper enforces this ordering so that, e.g.,
+* `['hover', 'invalid']` and `['invalid', 'hover']` resolve to the same key.
+*/
+/**
+* Interactive atomics:
+*
+* - `hover`/`pressed` for pointer interaction.
+* - `focus-within` for containers that wrap a focusable child (e.g. an input
+*   wrapper).
+* - `focus-visible` for keyboard-only focus rings on focusable elements.
+*/
+const INTERACTIVE_ATOMICS = [
+	"hover",
+	"pressed",
+	"focus-within",
+	"focus-visible"
+];
+const MODIFIER_ATOMICS = [
+	"invalid",
+	"readonly",
+	"placeholder-shown",
+	"autofill",
+	"visited"
+];
+const INTERACTIVE_ATOMIC_SET = new Set(INTERACTIVE_ATOMICS);
+const MODIFIER_ATOMIC_SET = new Set(MODIFIER_ATOMICS);
+function isInteractiveAtomic(state) {
+	return INTERACTIVE_ATOMIC_SET.has(state);
+}
+function isModifierAtomic(state) {
+	return MODIFIER_ATOMIC_SET.has(state);
+}
+function isAtomicState(state) {
+	return isInteractiveAtomic(state) || isModifierAtomic(state);
+}
+const STATE_PRIORITY_INDEX = new Map([
+	"visited",
+	"placeholder-shown",
+	"autofill",
+	"focus-within",
+	"focus-visible",
+	"hover",
+	"pressed",
+	"invalid",
+	"readonly"
+].map((atom, i) => [atom, i]));
+/**
+* Comparator usable with `Array.prototype.sort`. Atoms not in `STATE_PRIORITY`
+* sort to the front (weakest) — this only triggers for unknown strings; every
+* known `AtomicState` is in the priority array.
+*/
+function comparePriority(a, b) {
+	return (STATE_PRIORITY_INDEX.get(a) ?? -1) - (STATE_PRIORITY_INDEX.get(b) ?? -1);
+}
+//#endregion
+export { INTERACTIVE_ATOMICS, MODIFIER_ATOMICS, comparePriority, isAtomicState, isInteractiveAtomic, isModifierAtomic };

package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/canonicalizeStateKey.cjs

@@ -0,0 +1,33 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_StateAxis = require("../types/StateAxis.cjs");
+//#region ../tailwind-internal/dist/packages/automated-config/dist/utils/canonicalizeStateKey.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+function canonicalizeStateKey(atoms) {
+	if (atoms.length === 0) return "rest";
+	const seen = /* @__PURE__ */ new Set();
+	const modifiers = [];
+	const interactives = [];
+	for (const atom of atoms) {
+		if (seen.has(atom)) continue;
+		seen.add(atom);
+		if (require_StateAxis.isModifierAtomic(atom)) modifiers.push(atom);
+		else if (require_StateAxis.isInteractiveAtomic(atom)) interactives.push(atom);
+		else throw new Error(`canonicalizeStateKey received an unrecognized atom "${atom}". Atoms must be in MODIFIER_ATOMICS or INTERACTIVE_ATOMICS — see StateAxis.`);
+	}
+	modifiers.sort(require_StateAxis.comparePriority);
+	interactives.sort(require_StateAxis.comparePriority);
+	const ordered = [...modifiers, ...interactives];
+	return ordered.length === 0 ? "rest" : ordered.join("&");
+}
+/**
+* Splits a canonical (or legacy) state key into its atomic parts.
+* `'rest'` and `''` produce an empty array.
+*/
+function splitStateKey(stateKey) {
+	if (!stateKey || stateKey === "rest") return [];
+	return stateKey.split("&");
+}
+//#endregion
+exports.canonicalizeStateKey = canonicalizeStateKey;
+exports.splitStateKey = splitStateKey;

package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/canonicalizeStateKey.js

@@ -0,0 +1,32 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { comparePriority, isInteractiveAtomic, isModifierAtomic } from "../types/StateAxis.js";
+//#region ../tailwind-internal/dist/packages/automated-config/dist/utils/canonicalizeStateKey.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+function canonicalizeStateKey(atoms) {
+	if (atoms.length === 0) return "rest";
+	const seen = /* @__PURE__ */ new Set();
+	const modifiers = [];
+	const interactives = [];
+	for (const atom of atoms) {
+		if (seen.has(atom)) continue;
+		seen.add(atom);
+		if (isModifierAtomic(atom)) modifiers.push(atom);
+		else if (isInteractiveAtomic(atom)) interactives.push(atom);
+		else throw new Error(`canonicalizeStateKey received an unrecognized atom "${atom}". Atoms must be in MODIFIER_ATOMICS or INTERACTIVE_ATOMICS — see StateAxis.`);
+	}
+	modifiers.sort(comparePriority);
+	interactives.sort(comparePriority);
+	const ordered = [...modifiers, ...interactives];
+	return ordered.length === 0 ? "rest" : ordered.join("&");
+}
+/**
+* Splits a canonical (or legacy) state key into its atomic parts.
+* `'rest'` and `''` produce an empty array.
+*/
+function splitStateKey(stateKey) {
+	if (!stateKey || stateKey === "rest") return [];
+	return stateKey.split("&");
+}
+//#endregion
+export { canonicalizeStateKey, splitStateKey };

package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/componentStatePseudoStates.cjs

@@ -5,12 +5,5 @@
 function getExcludedPseudoStatesForComponentStateOption(componentState, componentStateOption) {
 	return componentState.excludePseudoStatesForOptions?.[componentStateOption] ?? [];
 }
-function filterPseudoStatesByExclusion(pseudoStates, excludedPseudoStates) {
-	if (!pseudoStates) return [];
-	if (excludedPseudoStates.length === 0) return [...pseudoStates];
-	const excluded = new Set(excludedPseudoStates);
-	return pseudoStates.filter((pseudoState) => !excluded.has(pseudoState));
-}
 //#endregion
-exports.filterPseudoStatesByExclusion = filterPseudoStatesByExclusion;
 exports.getExcludedPseudoStatesForComponentStateOption = getExcludedPseudoStatesForComponentStateOption;

package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/componentStatePseudoStates.js

@@ -5,11 +5,5 @@
 function getExcludedPseudoStatesForComponentStateOption(componentState, componentStateOption) {
 	return componentState.excludePseudoStatesForOptions?.[componentStateOption] ?? [];
 }
-function filterPseudoStatesByExclusion(pseudoStates, excludedPseudoStates) {
-	if (!pseudoStates) return [];
-	if (excludedPseudoStates.length === 0) return [...pseudoStates];
-	const excluded = new Set(excludedPseudoStates);
-	return pseudoStates.filter((pseudoState) => !excluded.has(pseudoState));
-}
 //#endregion
-export { filterPseudoStatesByExclusion, getExcludedPseudoStatesForComponentStateOption };
+export { getExcludedPseudoStatesForComponentStateOption };