@yahoo/uds-v5-wip 1.41.0 → 1.42.0

package/dist/config/dist/Props.d.ts

@@ -3,7 +3,6 @@ import { ComponentConfigValue, HtmlTag, LayerInput, PropBinding } from "./compon
 import { ComponentPropsWithoutRef, HTMLAttributes, JSX } from "react";
 
 //#region ../config/dist/Props.d.ts
-//#region src/Props.d.ts
 /**
  * Resolve the native HTML-attribute surface for the config's root tag.
  *
@@ -66,9 +65,5 @@ interface DataAttrs {
 type Props<TConfig extends ComponentConfigValue<Record<string, LayerInput>, Record<string, PropBinding>, HtmlTag | undefined>> = TConfig extends ComponentConfigValue<Record<string, LayerInput>, infer TProps extends Record<string, PropBinding>, infer TTag extends HtmlTag | undefined> ? Prettify<PropsFromConfig<TProps> & Omit<ElementProps<TTag>, keyof TProps> & DataAttrs & {
   as?: string;
 }> : never;
-/**
- * `Props<typeof boxConfig>` for the common 'use the config's inferred
- * type' invocation. Keeps `box.tsx` from having to repeat the generic.
- */
 //#endregion
 export { Props };

package/dist/config/dist/component-config.d.ts

@@ -2,7 +2,6 @@ import { ComponentRef, CompositeRef, RegisteredComponents, StylePropRef } from "
 import { ReactNode } from "react";
 
 //#region ../config/dist/component-config.d.ts
-//#region src/component-config.d.ts
 /**
  * HTML tag literal. The TypeScript type is `string` (any tag name);
  * runtime renders it via `React.createElement(tag, ...)`.
@@ -159,14 +158,6 @@ type PrimitivePropBinding = StylePropShorthand | VerbosePropBinding;
  * tighter `VerbosePropBinding`.
  */
 type PropBinding = PrimitivePropBinding;
-/**
- * Marker for a boolean JSX prop. Use inside the `props` block:
- *
- *     props: {
- *       loading: bool(),
- *       disabled: bool(),
- *     }
- */
 /**
  * Branded shape returned by `defineComponent({...})`. Carries `layers`,
  * `props`, AND a phantom `__tag` slot as const-narrowed types so
@@ -192,10 +183,5 @@ interface ComponentConfigValue<TLayers extends Record<string, LayerInput>, TProp
   readonly props?: TProps;
   readonly defaultProps?: Record<string, unknown>;
 }
-/**
- * The bundle passed to the render function for each layer — a ready-to-
- * spread object with `className` and any forwarded attrs. The render
- * function destructures `props.<layerName>` into the JSX position.
- */
 //#endregion
 export { BoolMarker, ComponentConfigValue, ComposedLayer, CompositeBinding, EnumMarker, HtmlTag, LayerInput, PrimitiveLayer, PrimitivePropBinding, PropBinding, RootTag, SingleLayerCompositeBinding, StylePropBinding, StylePropShorthand, SurfaceForward, VerbosePropBinding };

package/dist/config/dist/component-refs.d.ts

@@ -1,5 +1,4 @@
 //#region ../config/dist/component-refs.d.ts
-//#region src/component-refs.d.ts
 /**
  * Augmentable registries + template-literal ref types for the
  * component-API surface.
@@ -64,14 +63,6 @@ interface RegisteredStyleProps {}
  * call.
  */
 interface RegisteredComposites {}
-/**
- * Registered motion-preset names. Each key is the preset identifier
- * (`'{fadeIn}'`); value is `void`.
- *
- * Populated by codegen from `uds.config.ts`'s `.defineMotion({...})`
- * (motion has no separate `.registerMotion` step today; the entries
- * come directly from `defineMotion` keys).
- */
 /**
  * Brace-wrapped reference to a registered React component. Falls open
  * to `'{${string}}'` when the registry is unaugmented (e.g. inside
@@ -90,9 +81,5 @@ type StylePropRef = [keyof RegisteredStyleProps] extends [never] ? `{${string}}`
  * when unaugmented.
  */
 type CompositeRef = [keyof RegisteredComposites] extends [never] ? `{${string}}` : `{${Extract<keyof RegisteredComposites, string>}}`;
-/**
- * Brace-wrapped reference to a registered motion preset. Falls open
- * when unaugmented.
- */
 //#endregion
 export { ComponentRef, CompositeRef, RegisteredComponents, RegisteredComposites, RegisteredStyleProps, StylePropRef };

package/dist/config/dist/component-resolution.d.ts

@@ -1 +1 @@
-export { };
+import { ComponentsConfig } from "@uds/types";

package/dist/config/dist/consts/defaultColors.d.ts

@@ -1,5 +1,4 @@
 //#region ../config/dist/consts/defaultColors.d.ts
-//#region src/consts/defaultColors.d.ts
 declare const defaultColors: {
   inherit: string;
   current: string;
@@ -248,6 +247,6 @@ declare const defaultColors: {
   'rose-800': string;
   'rose-900': string;
   'rose-950': string;
-}; //#endregion
+};
 //#endregion
 export { defaultColors };

package/dist/config/dist/createConfig.d.ts

@@ -1,12 +1,11 @@
 import { ComponentConfigValue } from "./component-config.js";
 import { BoundComponent } from "./defineComponent.js";
 import { AnyStyleProp } from "./defineStyleProp.js";
-import { TokenType, VarsConfig } from "./types.js";
 import { ResolvedStyleProp } from "./resolveStyleProp.js";
+import { TokenType, VarsConfig } from "./types.js";
 import { BaseModifierProp, ComponentsConfig, CompositeStylesConfig, ConfigurableProp, ModifierProp, MotionPreset, RemotionComponentDef, RemotionConfig, RemotionTransitionDef } from "@uds/types";
 
 //#region ../config/dist/createConfig.d.ts
-//#region src/createConfig.d.ts
 type MotionPresetsDef = Record<string, MotionPreset>;
 type MotionAliasValue<TMotion> = TMotion extends Record<string, infer V> ? Extract<V, string> : never;
 type EmptyMotion = {};
@@ -79,12 +78,6 @@ type GetModifierFromInput<I extends ModesInput> = { [SetKey in keyof I]: { [OptK
 } ? M extends ModifierNameShape ? M : never : OptKey extends string ? `_${OptKey}` : never }[keyof I[SetKey]['options']] }[keyof I];
 /** Reject any input whose derived/explicit modifiers collide with reserved names. */
 type CheckForReservedModifiersInput<I extends ModesInput> = true extends HasReservedModifier<GetModifierFromInput<I>> ? 'ERROR: Cannot use reserved modifier names from ModifierProp. Please use a different modifier name.' : I;
-/**
- * Convert the authored object-keyed input into the internal `ModeGroup[]` shape.
- * Derives `_${optionKey}` modifiers when no explicit `modifier` is provided.
- * Never sets `default: true` — the new API has no concept of a default option;
- * downstream consumers treat "no option active" as the implicit default.
- */
 interface ModifierDef {
   modifier: ModifierNameShape;
   selector: string;
@@ -164,7 +157,6 @@ type VarsToTokens<TVars extends VarsConfig> = { [K in keyof TVars]: { [T in Excl
 type MergeTokens<A, B> = { [K in keyof A | keyof B]: K extends keyof B ? K extends keyof A ? A[K] & B[K] : B[K] : K extends keyof A ? A[K] : never };
 /** Build a structured token reference object from atomic tokens */
 declare function buildTokenReference(atomic: AtomicToken<ModifierNameShape>[], configPrefix: string): Record<string, Record<string, string>>;
-/** Build a structured composite-styles reference object for use in defineModifiers context */
 /** Global styles definition — CSS selector → style props */
 type GlobalStylesDef = Record<string, Record<string, any>>;
 /** CSS properties for the example wrapper element */
@@ -357,10 +349,6 @@ interface UdsConfig<TModifier extends ModifierNameShape = ModifierProp, TTokens
 type AnyUdsConfig = UdsConfig<ModifierNameShape, any, any, any, any, any, any>;
 /** Extract the raw config data from a builder instance */
 declare function resolveConfig(config: AnyUdsConfig): UdsConfigData;
-/**
- * Resolve configuration with all token references replaced by their raw values.
- * Useful for tools that need the actual values (e.g. anatomy generation).
- */
 declare function createConfigBuilder<TModifier extends ModifierNameShape = ModifierProp, TTokens = EmptyTokens, TMotion = EmptyMotion, TExt extends Record<string, any> = {}, TCompositeStyles = EmptyCompositeStyles, TModeModifiers extends ModifierNameShape = never, TVars extends VarsConfig = EmptyVars>(data: UdsConfigData, extensions?: TExt): UdsConfig<TModifier, TTokens, TMotion, TExt, TCompositeStyles, TModeModifiers, TVars> & TExt;
 interface InterpolateMarker {
   __type: 'interpolate';

package/dist/config/dist/createConfig.js

@@ -4,9 +4,9 @@ import "../../utils/dist/index.js";
 import { getConfigurablePropMapping } from "../../core/dist/configurable-prop-helpers.js";
 import "../../core/dist/index.js";
 import { buildMotionReference, resolveComponentMotionAliases, validateComponentVariants } from "./component-resolution.js";
+import { applyPresetToData, deepMerge, mergeAtomic } from "./preset-merge.js";
 import { resolveTokenType, sniffTokenTypeFromValue } from "./resolveTokenTypes.js";
 import { resolveStyleProp } from "./resolveStyleProp.js";
-import { applyPresetToData, deepMerge, mergeAtomic } from "./preset-merge.js";
 //#region ../config/dist/createConfig.js
 /** biome-ignore-all lint/suspicious/noExplicitAny: necessary for dynamic builder to work correctly */
 /**

package/dist/config/dist/defineComponent.d.ts

@@ -3,7 +3,6 @@ import { Props } from "./Props.js";
 import { ReactNode } from "react";
 
 //#region ../config/dist/defineComponent.d.ts
-//#region src/defineComponent.d.ts
 /**
  * A React component bound to a `defineComponent` config, with the
  * source config attached as a phantom type slot. Tools (codegen,
@@ -14,11 +13,5 @@ import { ReactNode } from "react";
 type BoundComponent<TConfig extends ComponentConfigValue<Record<string, LayerInput>, any, HtmlTag | undefined>, TExtra extends Record<string, unknown> = {}> = React.FC<Props<TConfig> & TExtra> & {
   readonly __config: TConfig;
 };
-/**
- * A `defineComponent({...})` config value with a `.render(fn)` builder
- * method bolted on. The builder is non-enumerable so JSON serialization
- * still produces pure data — codegen can read `__kind`, `layers`,
- * `props`, and `defaultProps` without seeing the render hook.
- */
 //#endregion
 export { BoundComponent };

package/dist/config/dist/defineStyleProp.d.ts

@@ -1,4 +1,4 @@
-import { CssValueTypeName } from "./types/css-values.js";
+import { CssValue, CssValueTypeName } from "./types/css-values.js";
 
 //#region ../config/dist/defineStyleProp.d.ts
 /** Runtime input type for `toCss` based on the entry's `type`. */
@@ -22,20 +22,10 @@ type ArbitraryEntry = { [T in CssValueTypeName]: {
  *  - An array of {@link ArbitraryEntry} for multi-shape acceptance.
  */
 type ArbitrarySpec = CssValueTypeName | readonly ArbitraryEntry[];
-/**
- * The literal-keyword subset of values a property accepts, derived from
- * {@link CssPropertyValues}[P]. For custom CSS properties (`--*`) the value
- * type is governed by the required `cssType` field instead, so any string
- * is accepted at the type level.
- */
 type StylePropMetadata = {
   label?: string;
   description?: string;
 };
-/**
- * A finalized style prop. Returned by `defineStyleProp(spec).metadata(meta)`.
- * Consumers wrap these in `uds.registerStyleProps({ <propName>: ... })`.
- */
 /**
  * Structurally-loose form of {@link StyleProp}. Any concrete `StyleProp<P>`
  * is assignable to this. Used at registration / resolution boundaries where
@@ -44,21 +34,12 @@ type StylePropMetadata = {
  */
 interface AnyStyleProp {
   readonly kind: 'styleProp';
-  readonly cssProperty: string;
+  readonly cssProperty: string | readonly string[];
   readonly classPrefix: string;
   readonly values: readonly unknown[];
   readonly arbitrary?: ArbitrarySpec;
   readonly cssType?: CssValueTypeName;
   readonly metadata: StylePropMetadata;
 }
-/**
- * Return shape of {@link defineStyleProp}. The `metadata` field doubles as
- * a callable chain: read it to access `{ label?, description? }` (both
- * optional, so an unset metadata reads `undefined` for either field) or
- * call it as `.metadata({ label, description })` to attach metadata and
- * get back a plain {@link StyleProp}. A function satisfies the
- * {@link StylePropMetadata} structural shape because both fields are
- * optional, so the dual nature is type-safe.
- */
 //#endregion
 export { AnyStyleProp, ArbitraryEntry, ArbitrarySpec, StylePropMetadata };

package/dist/config/dist/defineStyleProp.js

@@ -14,8 +14,17 @@ const CUSTOM_PROPERTY_PREFIX = "--";
 * registration.
 */
 function defineStyleProp(spec) {
-	const { cssProperty, classPrefix, values, arbitrary, cssType } = spec;
-	const isCustomProperty = cssProperty.startsWith(CUSTOM_PROPERTY_PREFIX);
+	const { cssProperty: cssPropertyInput, classPrefix, values, arbitrary, cssType } = spec;
+	let cssProperty;
+	if (Array.isArray(cssPropertyInput)) {
+		const deduped = Array.from(new Set(cssPropertyInput));
+		if (deduped.length === 0) throw new Error("defineStyleProp: `cssProperty` array must contain at least one CSS property.");
+		cssProperty = deduped;
+	} else cssProperty = cssPropertyInput;
+	const allProperties = Array.isArray(cssProperty) ? cssProperty : [cssProperty];
+	const hasCustom = allProperties.some((p) => p.startsWith(CUSTOM_PROPERTY_PREFIX));
+	if (allProperties.length > 1 && hasCustom) throw new Error(`defineStyleProp: \`cssProperty\` arrays must be standard CSS properties only; custom (\`--*\`) properties must use the single-string form. Got ${JSON.stringify(cssProperty)}.`);
+	const isCustomProperty = hasCustom;
 	if (isCustomProperty && cssType === void 0) throw new Error(`defineStyleProp: cssType is required for custom CSS properties (got cssProperty=${JSON.stringify(cssProperty)}).`);
 	if (!isCustomProperty && cssType !== void 0) throw new Error(`defineStyleProp: cssType is only allowed for custom CSS properties (--*). Got cssProperty=${JSON.stringify(cssProperty)} with cssType=${JSON.stringify(cssType)}.`);
 	const baseFields = {

package/dist/config/dist/index.d.ts

@@ -4,9 +4,9 @@ import { Props } from "./Props.js";
 import { BoundComponent } from "./defineComponent.js";
 import { ColorFn, ColorKeyword, CssAngle, CssColor, CssLength, CssPercentage, CssRatio, CssTime, CssValue, CssValueTypeName, HexColor, HslColor, RgbColor } from "./types/css-values.js";
 import { AnyStyleProp, ArbitraryEntry, ArbitrarySpec, StylePropMetadata } from "./defineStyleProp.js";
+import { ResolvedStyleProp, ResolvedToken } from "./resolveStyleProp.js";
 import { TokenType, VarGroupDef, VarTokenDef, VarsConfig } from "./types.js";
 import { AtomicToken, BuildOptions, CheckForReservedModifiersInput, ComponentConfig, DefineComponentInput, DefineComponentMotionInput, ExampleDef, ExampleEntryDef, ExampleLayoutStyles, GetModifierFromInput, GlobalStylesDef, InterpolateMarker, ModeGroup, ModeOption, ModeOptionInput, ModeSetInput, ModesInput, ModifierDef, MotionPresetsDef, SingleComponentDef, UdsConfig, UdsConfigData, buildTokenReference, createConfigBuilder, darker, lighter, resolveConfig } from "./createConfig.js";
-import { ResolvedStyleProp, ResolvedToken } from "./resolveStyleProp.js";
 import { defaultColors } from "./consts/defaultColors.js";
 import { SerializedConfig, TokenRef, buildReverseMap, deserializeConfig, serializeConfig } from "./serialize.js";
 import { ComponentsConfig as ComponentsConfig$1 } from "@uds/types";

package/dist/config/dist/resolveStyleProp.d.ts

@@ -1,7 +1,6 @@
 import { CssValueTypeName } from "./types/css-values.js";
 import { ArbitrarySpec, StylePropMetadata } from "./defineStyleProp.js";
 //#region ../config/dist/resolveStyleProp.d.ts
-//#region src/resolveStyleProp.d.ts
 interface ResolvedToken {
   /** The token's raw key, e.g. `'brand'`. */
   readonly name: string;
@@ -45,7 +44,12 @@ interface ResolvedToken {
 interface ResolvedStyleProp {
   /** The JSX prop name — the map key from `registerStyleProps({...})`. */
   readonly propName: string;
-  readonly cssProperty: string;
+  /** The CSS property (or properties) this prop writes — passed through
+   *  verbatim from the source `defineStyleProp` input. Single string for
+   *  direct props, array for fan-out props (e.g. `borderRadiusStart` →
+   *  both start-side corners). Readers normalize at the call site
+   *  (`Array.isArray(p) ? p : [p]`) when iteration matters. */
+  readonly cssProperty: string | readonly string[];
   readonly classPrefix: string;
   readonly tokens: readonly ResolvedToken[];
   readonly literals: readonly (string | number | boolean)[];
@@ -59,11 +63,5 @@ interface ResolvedStyleProp {
   readonly arbitrary: ArbitrarySpec | undefined;
   readonly metadata: StylePropMetadata;
 }
-/**
- * Structurally-loose input shape for the resolver. Any `StyleProp<P>` from
- * `defineStyleProp` is assignable to this. Defined locally so the
- * resolver's signature doesn't expand `ValuesEntry<P>` over the full CSS
- * property union (TS2590).
- */
 //#endregion
 export { ResolvedStyleProp, ResolvedToken };

package/dist/config/dist/resolveStyleProp.js

@@ -144,6 +144,7 @@ function resolveGroupTokens(group, cssProperty, configPrefix, namespace) {
 */
 function resolveStyleProp(propName, styleProp, config) {
 	const { cssProperty, classPrefix, values, arbitrary, metadata } = styleProp;
+	const primaryCssProperty = Array.isArray(cssProperty) ? cssProperty[0] : cssProperty;
 	const configPrefix = config.prefix;
 	const tokens = [];
 	const literals = [];
@@ -166,7 +167,7 @@ function resolveStyleProp(propName, styleProp, config) {
 				const token = group.tokens.find((t) => t.name === parsed.key);
 				if (!token) continue;
 				const valueType = detectTokenValueType(token, group);
-				if (!isTokenAcceptedByProperty(cssProperty, valueType, token.value)) continue;
+				if (!isTokenAcceptedByProperty(primaryCssProperty, valueType, token.value)) continue;
 				const safeName = safeTokenName(token.name);
 				const varPrefix = group.cssPrefix ?? group.namespace ?? parsed.group;
 				tokens.push({
@@ -179,7 +180,7 @@ function resolveStyleProp(propName, styleProp, config) {
 					cssVar: buildCssVar(configPrefix, varPrefix, safeName),
 					modifiers: token.modifiers
 				});
-			} else tokens.push(...resolveGroupTokens(group, cssProperty, configPrefix));
+			} else tokens.push(...resolveGroupTokens(group, primaryCssProperty, configPrefix));
 			continue;
 		}
 		if (isNamespacedRef(entry)) {
@@ -187,7 +188,7 @@ function resolveStyleProp(propName, styleProp, config) {
 			if (!parsed || parsed.key !== void 0) continue;
 			const group = findGroup(config.atomic, parsed.group);
 			if (!group) continue;
-			tokens.push(...resolveGroupTokens(group, cssProperty, configPrefix, entry.namespace));
+			tokens.push(...resolveGroupTokens(group, primaryCssProperty, configPrefix, entry.namespace));
 			continue;
 		}
 		if (typeof entry === "object" && entry !== null && "alias" in entry && "value" in entry) {

package/dist/config/dist/serialize.d.ts

@@ -3,7 +3,6 @@ import { AtomicToken, ExampleDef, ModeGroup, ModifierDef, MotionPresetsDef, UdsC
 import { CompositeStylesConfig } from "@uds/types";
 
 //#region ../config/dist/serialize.d.ts
-//#region src/serialize.d.ts
 type ModifierNameShape = `_${string}`;
 type TokenRef = {
   $ref: string;
@@ -68,6 +67,6 @@ declare function serializeConfig(config: UdsConfig): SerializedConfig;
  * Resolves `$ref` markers back to `var()` strings using the atomic token
  * definitions, then reconstructs the builder chain.
  */
-declare function deserializeConfig(data: SerializedConfig): UdsConfig; //#endregion
+declare function deserializeConfig(data: SerializedConfig): UdsConfig;
 //#endregion
 export { SerializedConfig, TokenRef, buildReverseMap, deserializeConfig, serializeConfig };

package/dist/config/dist/types/css-values.d.ts

@@ -1,5 +1,4 @@
 //#region ../config/dist/types/css-values.d.ts
-//#region src/types/css-values.d.ts
 /**
  * CSS value-type primitives — building blocks used by {@link CssPropertyValues}
  * in `./css-properties` and by `defineStyleProp` to constrain authored values.
@@ -56,6 +55,6 @@ type CssValue = {
   ident: string;
   string: string;
 };
-type CssValueTypeName = keyof CssValue; //#endregion
+type CssValueTypeName = keyof CssValue;
 //#endregion
 export { ColorFn, ColorKeyword, CssAngle, CssColor, CssLength, CssPercentage, CssRatio, CssTime, CssValue, CssValueTypeName, HexColor, HslColor, RgbColor };

package/dist/config/dist/types.d.ts

@@ -1,5 +1,4 @@
 //#region ../config/dist/types.d.ts
-//#region src/types.d.ts
 /**
  * Scalar DTCG-aligned token types. Composite types (shadow, gradient,
  * typography, border, transition, cubicBezier) are intentionally deferred
@@ -60,6 +59,6 @@ type VarGroupDef<M extends `_${string}` = `_${string}`> = {
  *   spacing: { $type: 'dimension', 1: { value: '0.25rem' }, 2: { value: '0.5rem' } },
  * }
  */
-type VarsConfig<M extends `_${string}` = `_${string}`> = Record<string, VarGroupDef<M>>; //#endregion
+type VarsConfig<M extends `_${string}` = `_${string}`> = Record<string, VarGroupDef<M>>;
 //#endregion
 export { TokenType, VarGroupDef, VarTokenDef, VarsConfig };

package/dist/config.d.ts

@@ -223,8 +223,8 @@ declare const defaultPreset: UdsConfig<_$_uds_types0.ModifierProp | GetModifierF
     0: string;
     4: string;
     1: string;
-    px: string;
     2: string;
+    px: string;
     8: string;
     0.5: string;
     1.5: string;
@@ -359,12 +359,12 @@ declare const defaultPreset: UdsConfig<_$_uds_types0.ModifierProp | GetModifierF
     4: string;
     full: string;
     1: string;
+    2: string;
     "1/2": string;
     "1/3": string;
     "2/3": string;
     "1/4": string;
     "3/4": string;
-    2: string;
     8: string;
     0.5: string;
     1.5: string;

package/dist/foundational-presets/dist/boldVibrant.d.ts

@@ -387,8 +387,8 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     0: string;
     4: string;
     1: string;
-    px: string;
     2: string;
+    px: string;
     8: string;
     0.5: string;
     1.5: string;
@@ -423,8 +423,8 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     0: string;
     4: string;
     1: string;
-    px: string;
     2: string;
+    px: string;
     8: string;
     0.5: string;
     1.5: string;
@@ -644,12 +644,12 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     4: string;
     full: string;
     1: string;
+    2: string;
     "1/2": string;
     "1/3": string;
     "2/3": string;
     "1/4": string;
     "3/4": string;
-    2: string;
     8: string;
     0.5: string;
     1.5: string;
@@ -685,12 +685,12 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     4: string;
     full: string;
     1: string;
+    2: string;
     "1/2": string;
     "1/3": string;
     "2/3": string;
     "1/4": string;
     "3/4": string;
-    2: string;
     8: string;
     0.5: string;
     1.5: string;

package/dist/foundational-presets/dist/brutalist.d.ts

@@ -387,8 +387,8 @@ declare const brutalistFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
     0: string;
     4: string;
     1: string;
-    px: string;
     2: string;
+    px: string;
     8: string;
     0.5: string;
     1.5: string;
@@ -423,8 +423,8 @@ declare const brutalistFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
     0: string;
     4: string;
     1: string;
-    px: string;
     2: string;
+    px: string;
     8: string;
     0.5: string;
     1.5: string;
@@ -644,12 +644,12 @@ declare const brutalistFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
     4: string;
     full: string;
     1: string;
+    2: string;
     "1/2": string;
     "1/3": string;
     "2/3": string;
     "1/4": string;
     "3/4": string;
-    2: string;
     8: string;
     0.5: string;
     1.5: string;
@@ -685,12 +685,12 @@ declare const brutalistFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
     4: string;
     full: string;
     1: string;
+    2: string;
     "1/2": string;
     "1/3": string;
     "2/3": string;
     "1/4": string;
     "3/4": string;
-    2: string;
     8: string;
     0.5: string;
     1.5: string;

package/dist/foundational-presets/dist/candy.d.ts

@@ -387,8 +387,8 @@ declare const candyFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | GetM
     0: string;
     4: string;
     1: string;
-    px: string;
     2: string;
+    px: string;
     8: string;
     0.5: string;
     1.5: string;
@@ -423,8 +423,8 @@ declare const candyFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | GetM
     0: string;
     4: string;
     1: string;
-    px: string;
     2: string;
+    px: string;
     8: string;
     0.5: string;
     1.5: string;
@@ -644,12 +644,12 @@ declare const candyFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | GetM
     4: string;
     full: string;
     1: string;
+    2: string;
     "1/2": string;
     "1/3": string;
     "2/3": string;
     "1/4": string;
     "3/4": string;
-    2: string;
     8: string;
     0.5: string;
     1.5: string;
@@ -685,12 +685,12 @@ declare const candyFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | GetM
     4: string;
     full: string;
     1: string;
+    2: string;
     "1/2": string;
     "1/3": string;
     "2/3": string;
     "1/4": string;
     "3/4": string;
-    2: string;
     8: string;
     0.5: string;
     1.5: string;

package/dist/foundational-presets/dist/cleanMinimalist.d.ts

@@ -387,8 +387,8 @@ declare const cleanMinimalistFoundationPreset: UdsConfig<_$_uds_types0.ModifierP
     0: string;
     4: string;
     1: string;
-    px: string;
     2: string;
+    px: string;
     8: string;
     0.5: string;
     1.5: string;
@@ -423,8 +423,8 @@ declare const cleanMinimalistFoundationPreset: UdsConfig<_$_uds_types0.ModifierP
     0: string;
     4: string;
     1: string;
-    px: string;
     2: string;
+    px: string;
     8: string;
     0.5: string;
     1.5: string;
@@ -644,12 +644,12 @@ declare const cleanMinimalistFoundationPreset: UdsConfig<_$_uds_types0.ModifierP
     4: string;
     full: string;
     1: string;
+    2: string;
     "1/2": string;
     "1/3": string;
     "2/3": string;
     "1/4": string;
     "3/4": string;
-    2: string;
     8: string;
     0.5: string;
     1.5: string;
@@ -685,12 +685,12 @@ declare const cleanMinimalistFoundationPreset: UdsConfig<_$_uds_types0.ModifierP
     4: string;
     full: string;
     1: string;
+    2: string;
     "1/2": string;
     "1/3": string;
     "2/3": string;
     "1/4": string;
     "3/4": string;
-    2: string;
     8: string;
     0.5: string;
     1.5: string;

package/dist/foundational-presets/dist/corporate.d.ts

@@ -387,8 +387,8 @@ declare const corporateFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
     0: string;
     4: string;
     1: string;
-    px: string;
     2: string;
+    px: string;
     8: string;
     0.5: string;
     1.5: string;
@@ -423,8 +423,8 @@ declare const corporateFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
     0: string;
     4: string;
     1: string;
-    px: string;
     2: string;
+    px: string;
     8: string;
     0.5: string;
     1.5: string;
@@ -644,12 +644,12 @@ declare const corporateFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
     4: string;
     full: string;
     1: string;
+    2: string;
     "1/2": string;
     "1/3": string;
     "2/3": string;
     "1/4": string;
     "3/4": string;
-    2: string;
     8: string;
     0.5: string;
     1.5: string;
@@ -685,12 +685,12 @@ declare const corporateFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
     4: string;
     full: string;
     1: string;
+    2: string;
     "1/2": string;
     "1/3": string;
     "2/3": string;
     "1/4": string;
     "3/4": string;
-    2: string;
     8: string;
     0.5: string;
     1.5: string;