@yahoo/uds-create-config 2.45.0 → 3.0.1

package/dist/Mode.d.ts

@@ -1,41 +0,0 @@
-import { ModeDefinition, ModeOptionDefinition, TokenModifierKey } from "./types.js";
-
-//#region src/Mode.d.ts
-declare class ModeOption {
-  readonly name: string;
-  readonly modifier: TokenModifierKey;
-  readonly label?: string;
-  readonly description?: string;
-  readonly css?: string;
-  readonly media?: string;
-  constructor(args: {
-    name: string;
-    definition: ModeOptionDefinition;
-  });
-  /**
-   * Human description for when this option surfaces as a style modifier
-   * (`_dark`, `_lg`). Distinguishes appearance/theme modes ("in dark mode")
-   * from responsive breakpoints ("at the lg breakpoint"), inferred from
-   * whether the option activates via `css` or `media`. Prefers the authored
-   * `label`, falling back to the option `name`.
-   */
-  describeAsModifier(): string;
-  toJSON(): ModeOptionDefinition & {
-    name: string;
-  };
-}
-declare class Mode {
-  readonly name: string;
-  readonly options: ReadonlyMap<string, ModeOption>;
-  private _derived?;
-  constructor(args: {
-    name: string;
-    definition: ModeDefinition;
-  });
-  get derived(): {
-    readonly modifierNames: readonly TokenModifierKey[];
-  };
-  toJSON(): ModeDefinition;
-}
-//#endregion
-export { Mode, ModeOption };

package/dist/Mode.js

@@ -1,81 +0,0 @@
-import { compact } from "./entity-utils.js";
-//#region src/Mode.ts
-/**
-* `Mode` — a set of mutually-exclusive options each contributing a
-* modifier (`colorMode: { light, dark }` → `_light`, `_dark`).
-*
-* Owns its options and exposes the derived modifier names produced by
-* the option set.
-*/
-var ModeOption = class {
-	name;
-	modifier;
-	label;
-	description;
-	css;
-	media;
-	constructor(args) {
-		this.name = args.name;
-		this.modifier = args.definition.modifier ?? `_${args.name}`;
-		this.label = args.definition.label;
-		this.description = args.definition.description;
-		this.css = args.definition.css;
-		this.media = args.definition.media;
-	}
-	/**
-	* Human description for when this option surfaces as a style modifier
-	* (`_dark`, `_lg`). Distinguishes appearance/theme modes ("in dark mode")
-	* from responsive breakpoints ("at the lg breakpoint"), inferred from
-	* whether the option activates via `css` or `media`. Prefers the authored
-	* `label`, falling back to the option `name`.
-	*/
-	describeAsModifier() {
-		const display = this.label ?? this.name;
-		if (this.media) return `Conditionally apply styles at the ${display} breakpoint`;
-		return `Conditionally apply styles in ${display} mode`;
-	}
-	toJSON() {
-		return {
-			name: this.name,
-			modifier: this.modifier,
-			...compact({
-				label: this.label,
-				description: this.description,
-				css: this.css,
-				media: this.media
-			})
-		};
-	}
-};
-var Mode = class {
-	name;
-	options;
-	_derived;
-	constructor(args) {
-		this.name = args.name;
-		const options = /* @__PURE__ */ new Map();
-		for (const [optName, optDef] of Object.entries(args.definition)) options.set(optName, new ModeOption({
-			name: optName,
-			definition: optDef
-		}));
-		this.options = options;
-	}
-	get derived() {
-		if (!this._derived) {
-			const modifierNames = [];
-			for (const option of this.options.values()) modifierNames.push(option.modifier);
-			this._derived = { modifierNames };
-		}
-		return this._derived;
-	}
-	toJSON() {
-		const out = {};
-		for (const [name, option] of this.options) {
-			const { name: _omit, ...rest } = option.toJSON();
-			out[name] = rest;
-		}
-		return out;
-	}
-};
-//#endregion
-export { Mode, ModeOption };

package/dist/Modifier.d.ts

@@ -1,51 +0,0 @@
-import { CompositeRef, ModeRef } from "./refs.js";
-import { ModifierDefinition, TokenModifierKey } from "./types.js";
-import { CssSelector } from "./brands.js";
-
-//#region src/Modifier.d.ts
-type CompositeSelectorLookup = (ref: string) => string | undefined;
-type ModeSelectorLookup = (ref: string) => string | undefined;
-declare class Modifier {
-  #private;
-  readonly name: TokenModifierKey;
-  readonly selector?: string | CompositeRef | ModeRef;
-  readonly media?: string;
-  readonly description?: string;
-  /**
-   * Tailwind variant prefix a modifier name maps to. Strip the leading
-   * underscore, kebab-case the remainder, append `:`. `_focusVisible` →
-   * `focus-visible:`, `_hover` → `hover:`. Static so callers that only
-   * have the modifier name string (codegen `prepareModifierProps`,
-   * className builders) can derive it without spinning up a Modifier.
-   *
-   * Loader and runtime must agree byte-for-byte on this output — the
-   * single source of truth lives here.
-   */
-  static tailwindPrefix(modifierName: string): string;
-  /**
-   * Auto-generate a human-readable description from a modifier name —
-   * strip the leading `_`, split on camelCase boundaries and digit
-   * groups, lowercase. `_onElevation1` → `on elevation 1`. Static so
-   * callers with just the name string (and no `Modifier` instance) can
-   * reach the same wording; the instance getter
-   * `derived.description` uses it as the fallback when the authored
-   * `description` is missing.
-   */
-  static autoDescription(modifierName: string): string;
-  constructor(args: {
-    name: TokenModifierKey;
-    definition: ModifierDefinition;
-    compositeLookup: CompositeSelectorLookup;
-    modeLookup: ModeSelectorLookup;
-  });
-  get derived(): {
-    readonly cssSelector: CssSelector;
-    readonly tailwindPrefix: string;
-    readonly description: string;
-  };
-  toJSON(): ModifierDefinition & {
-    name: TokenModifierKey;
-  };
-}
-//#endregion
-export { Modifier };

package/dist/Modifier.js

@@ -1,97 +0,0 @@
-import { cssSelector } from "./brands.js";
-import { compact, kebabCase } from "./entity-utils.js";
-import { isCompositeRef, isModeRef } from "./refs.js";
-//#region src/Modifier.ts
-/**
-* `Modifier` — a state or structural variation (`_hover`, `_dark`).
-*
-* Stores the authored `selector` (string, `composite()` marker, or
-* `mode()` marker) and resolves it to a CSS selector on demand via
-* the parent Config's lookup callables.
-*
-* `derived.cssSelector` recomputes on access — the resolved value
-* depends on the Config's composite/mode tables, which can grow after
-* the Modifier is constructed.
-*/
-var Modifier = class Modifier {
-	name;
-	selector;
-	media;
-	description;
-	#compositeLookup;
-	#modeLookup;
-	#derived;
-	/**
-	* Tailwind variant prefix a modifier name maps to. Strip the leading
-	* underscore, kebab-case the remainder, append `:`. `_focusVisible` →
-	* `focus-visible:`, `_hover` → `hover:`. Static so callers that only
-	* have the modifier name string (codegen `prepareModifierProps`,
-	* className builders) can derive it without spinning up a Modifier.
-	*
-	* Loader and runtime must agree byte-for-byte on this output — the
-	* single source of truth lives here.
-	*/
-	static tailwindPrefix(modifierName) {
-		return `${kebabCase(modifierName.slice(1))}:`;
-	}
-	/**
-	* Auto-generate a human-readable description from a modifier name —
-	* strip the leading `_`, split on camelCase boundaries and digit
-	* groups, lowercase. `_onElevation1` → `on elevation 1`. Static so
-	* callers with just the name string (and no `Modifier` instance) can
-	* reach the same wording; the instance getter
-	* `derived.description` uses it as the fallback when the authored
-	* `description` is missing.
-	*/
-	static autoDescription(modifierName) {
-		return `Conditionally apply styles ${modifierName.replace(/^_/, "").replace(/([A-Z])/g, " $1").replace(/(\d+)/g, " $1").trim().toLowerCase()}`;
-	}
-	constructor(args) {
-		this.name = args.name;
-		this.selector = args.definition.selector;
-		this.media = args.definition.media;
-		this.description = args.definition.description;
-		this.#compositeLookup = args.compositeLookup;
-		this.#modeLookup = args.modeLookup;
-	}
-	get derived() {
-		if (!this.#derived) {
-			const selector = this.selector;
-			const name = this.name;
-			const authoredDescription = this.description;
-			const compositeLookup = this.#compositeLookup;
-			const modeLookup = this.#modeLookup;
-			this.#derived = {
-				get cssSelector() {
-					return cssSelector(resolveSelector(selector, compositeLookup, modeLookup));
-				},
-				get tailwindPrefix() {
-					return Modifier.tailwindPrefix(name);
-				},
-				get description() {
-					return authoredDescription ?? Modifier.autoDescription(name);
-				}
-			};
-		}
-		return this.#derived;
-	}
-	toJSON() {
-		return {
-			name: this.name,
-			...compact({
-				selector: this.selector,
-				media: this.media,
-				description: this.description
-			})
-		};
-	}
-};
-function resolveSelector(selector, compositeLookup, modeLookup) {
-	if (selector === void 0) return "";
-	if (typeof selector === "string") return selector;
-	if (isCompositeRef(selector)) return compositeLookup(selector.ref) ?? "";
-	if (isModeRef(selector)) return modeLookup(selector.ref) ?? "";
-	return "";
-}
-//#endregion
-export { Modifier };

package/dist/MotionDef.d.ts

@@ -1,81 +0,0 @@
-import { CssMotionDefinition, JsMotionDefinition, MotionKeyframes, MotionTransition } from "./types.js";
-import { CssClassName } from "./brands.js";
-
-//#region src/MotionDef.d.ts
-declare class CssMotionDef {
-  #private;
-  readonly runtime: "css";
-  readonly name: string;
-  readonly keyframes: MotionKeyframes;
-  readonly transition?: MotionTransition;
-  readonly duration?: CssMotionDefinition['duration'];
-  readonly timingFunction?: CssMotionDefinition['timingFunction'];
-  readonly delay?: CssMotionDefinition['delay'];
-  readonly iterationCount?: CssMotionDefinition['iterationCount'];
-  readonly direction?: CssMotionDefinition['direction'];
-  readonly fillMode?: CssMotionDefinition['fillMode'];
-  readonly playState?: CssMotionDefinition['playState'];
-  readonly reducedMotion?: 'none';
-  readonly label?: string;
-  readonly description?: string;
-  constructor(args: {
-    name: string;
-    definition: CssMotionDefinition;
-  });
-  get derived(): {
-    readonly cssClassName: CssClassName;
-  };
-  toJSON(): CssMotionDefinition & {
-    name: string;
-  };
-}
-declare class JsMotionDef {
-  readonly runtime: "js";
-  readonly name: string;
-  readonly variants?: JsMotionDefinition['variants'];
-  readonly initial?: JsMotionDefinition['initial'];
-  readonly animate?: JsMotionDefinition['animate'];
-  readonly exit?: JsMotionDefinition['exit'];
-  readonly transition?: MotionTransition;
-  readonly whileHover?: JsMotionDefinition['whileHover'];
-  readonly whileTap?: JsMotionDefinition['whileTap'];
-  readonly whileFocus?: JsMotionDefinition['whileFocus'];
-  readonly whileDrag?: JsMotionDefinition['whileDrag'];
-  readonly whileInView?: JsMotionDefinition['whileInView'];
-  readonly viewport?: JsMotionDefinition['viewport'];
-  readonly drag?: JsMotionDefinition['drag'];
-  readonly dragConstraints?: JsMotionDefinition['dragConstraints'];
-  readonly dragElastic?: JsMotionDefinition['dragElastic'];
-  readonly dragMomentum?: JsMotionDefinition['dragMomentum'];
-  readonly dragSnapToOrigin?: JsMotionDefinition['dragSnapToOrigin'];
-  readonly dragPropagation?: JsMotionDefinition['dragPropagation'];
-  readonly dragDirectionLock?: JsMotionDefinition['dragDirectionLock'];
-  readonly dragTransition?: JsMotionDefinition['dragTransition'];
-  readonly layout?: JsMotionDefinition['layout'];
-  readonly layoutId?: JsMotionDefinition['layoutId'];
-  readonly layoutDependency?: JsMotionDefinition['layoutDependency'];
-  readonly label?: string;
-  readonly description?: string;
-  constructor(args: {
-    name: string;
-    definition: JsMotionDefinition;
-  });
-  toJSON(): JsMotionDefinition & {
-    name: string;
-  };
-}
-type MotionDef = CssMotionDef | JsMotionDef;
-/** Fields a `runtime: 'js'` motion preset may carry (`JsMotionDefinition`). */
-declare const MOTION_JS_DEFINITION_KEYS: (keyof JsMotionDefinition)[];
-/**
- * JS motion field names minus the `runtime` discriminant and the author-side
- * `label` / `description` — the props codegen spreads onto the `motion.create`
- * wrapper. All three are excluded because they're config metadata, not framer
- * `motion` props (spreading them would leak stray attributes onto the DOM
- * element).
- */
-declare const MOTION_JS_FIELD_KEYS: ("initial" | "transition" | "animate" | "variants" | "exit" | "whileHover" | "whileTap" | "whileFocus" | "whileDrag" | "whileInView" | "viewport" | "drag" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragSnapToOrigin" | "dragPropagation" | "dragDirectionLock" | "dragTransition" | "layout" | "layoutId" | "layoutDependency")[];
-/** Fields a `runtime: 'css'` motion preset may carry (`CssMotionDefinition`). */
-declare const MOTION_CSS_DEFINITION_KEYS: (keyof CssMotionDefinition)[];
-//#endregion
-export { CssMotionDef, JsMotionDef, MOTION_CSS_DEFINITION_KEYS, MOTION_JS_DEFINITION_KEYS, MOTION_JS_FIELD_KEYS, MotionDef };

package/dist/MotionDef.js

@@ -1,212 +0,0 @@
-import { cssClassName } from "./brands.js";
-import { compact, kebabCase } from "./entity-utils.js";
-//#region src/MotionDef.ts
-/**
-* `MotionDef` — animation presets, discriminated by `runtime`.
-*
-* `CssMotionDef` carries the CSS keyframes + transition for the CSS
-* runtime and exposes a derived CSS class name. `JsMotionDef` carries
-* raw keyframe state for a JS animation library (motion-one / framer)
-* and has no `.derived` — the consumer reads authored state directly.
-*/
-var CssMotionDef = class {
-	runtime = "css";
-	name;
-	keyframes;
-	transition;
-	duration;
-	timingFunction;
-	delay;
-	iterationCount;
-	direction;
-	fillMode;
-	playState;
-	reducedMotion;
-	label;
-	description;
-	#derived;
-	constructor(args) {
-		const d = args.definition;
-		this.name = args.name;
-		this.keyframes = d.keyframes;
-		this.transition = d.transition;
-		this.duration = d.duration;
-		this.timingFunction = d.timingFunction;
-		this.delay = d.delay;
-		this.iterationCount = d.iterationCount;
-		this.direction = d.direction;
-		this.fillMode = d.fillMode;
-		this.playState = d.playState;
-		this.reducedMotion = d.reducedMotion === "none" ? "none" : void 0;
-		this.label = d.label;
-		this.description = d.description;
-	}
-	get derived() {
-		if (!this.#derived) this.#derived = { cssClassName: cssClassName(`motion-${kebabCase(this.name)}`) };
-		return this.#derived;
-	}
-	toJSON() {
-		return {
-			name: this.name,
-			runtime: "css",
-			keyframes: this.keyframes,
-			...compact({
-				transition: this.transition,
-				duration: this.duration,
-				timingFunction: this.timingFunction,
-				delay: this.delay,
-				iterationCount: this.iterationCount,
-				direction: this.direction,
-				fillMode: this.fillMode,
-				playState: this.playState,
-				reducedMotion: this.reducedMotion,
-				label: this.label,
-				description: this.description
-			})
-		};
-	}
-};
-var JsMotionDef = class {
-	runtime = "js";
-	name;
-	variants;
-	initial;
-	animate;
-	exit;
-	transition;
-	whileHover;
-	whileTap;
-	whileFocus;
-	whileDrag;
-	whileInView;
-	viewport;
-	drag;
-	dragConstraints;
-	dragElastic;
-	dragMomentum;
-	dragSnapToOrigin;
-	dragPropagation;
-	dragDirectionLock;
-	dragTransition;
-	layout;
-	layoutId;
-	layoutDependency;
-	label;
-	description;
-	constructor(args) {
-		const d = args.definition;
-		this.name = args.name;
-		this.variants = d.variants;
-		this.initial = d.initial;
-		this.animate = d.animate;
-		this.exit = d.exit;
-		this.transition = d.transition;
-		this.whileHover = d.whileHover;
-		this.whileTap = d.whileTap;
-		this.whileFocus = d.whileFocus;
-		this.whileDrag = d.whileDrag;
-		this.whileInView = d.whileInView;
-		this.viewport = d.viewport;
-		this.drag = d.drag;
-		this.dragConstraints = d.dragConstraints;
-		this.dragElastic = d.dragElastic;
-		this.dragMomentum = d.dragMomentum;
-		this.dragSnapToOrigin = d.dragSnapToOrigin;
-		this.dragPropagation = d.dragPropagation;
-		this.dragDirectionLock = d.dragDirectionLock;
-		this.dragTransition = d.dragTransition;
-		this.layout = d.layout;
-		this.layoutId = d.layoutId;
-		this.layoutDependency = d.layoutDependency;
-		this.label = d.label;
-		this.description = d.description;
-	}
-	toJSON() {
-		return {
-			name: this.name,
-			runtime: "js",
-			...compact({
-				variants: this.variants,
-				initial: this.initial,
-				animate: this.animate,
-				exit: this.exit,
-				transition: this.transition,
-				whileHover: this.whileHover,
-				whileTap: this.whileTap,
-				whileFocus: this.whileFocus,
-				whileDrag: this.whileDrag,
-				whileInView: this.whileInView,
-				viewport: this.viewport,
-				drag: this.drag,
-				dragConstraints: this.dragConstraints,
-				dragElastic: this.dragElastic,
-				dragMomentum: this.dragMomentum,
-				dragSnapToOrigin: this.dragSnapToOrigin,
-				dragPropagation: this.dragPropagation,
-				dragDirectionLock: this.dragDirectionLock,
-				dragTransition: this.dragTransition,
-				layout: this.layout,
-				layoutId: this.layoutId,
-				layoutDependency: this.layoutDependency,
-				label: this.label,
-				description: this.description
-			})
-		};
-	}
-};
-const JS_MOTION_DEFINITION_KEY_PRESENCE = {
-	runtime: true,
-	variants: true,
-	initial: true,
-	animate: true,
-	exit: true,
-	transition: true,
-	whileHover: true,
-	whileTap: true,
-	whileFocus: true,
-	whileDrag: true,
-	whileInView: true,
-	viewport: true,
-	drag: true,
-	dragConstraints: true,
-	dragElastic: true,
-	dragMomentum: true,
-	dragSnapToOrigin: true,
-	dragPropagation: true,
-	dragDirectionLock: true,
-	dragTransition: true,
-	layout: true,
-	layoutId: true,
-	layoutDependency: true,
-	label: true,
-	description: true
-};
-const CSS_MOTION_DEFINITION_KEY_PRESENCE = {
-	runtime: true,
-	keyframes: true,
-	transition: true,
-	duration: true,
-	timingFunction: true,
-	delay: true,
-	iterationCount: true,
-	direction: true,
-	fillMode: true,
-	playState: true,
-	reducedMotion: true,
-	label: true,
-	description: true
-};
-/** Fields a `runtime: 'js'` motion preset may carry (`JsMotionDefinition`). */
-const MOTION_JS_DEFINITION_KEYS = Object.keys(JS_MOTION_DEFINITION_KEY_PRESENCE);
-/**
-* JS motion field names minus the `runtime` discriminant and the author-side
-* `label` / `description` — the props codegen spreads onto the `motion.create`
-* wrapper. All three are excluded because they're config metadata, not framer
-* `motion` props (spreading them would leak stray attributes onto the DOM
-* element).
-*/
-const MOTION_JS_FIELD_KEYS = MOTION_JS_DEFINITION_KEYS.filter((k) => k !== "runtime" && k !== "label" && k !== "description");
-/** Fields a `runtime: 'css'` motion preset may carry (`CssMotionDefinition`). */
-const MOTION_CSS_DEFINITION_KEYS = Object.keys(CSS_MOTION_DEFINITION_KEY_PRESENCE);
-//#endregion
-export { CssMotionDef, JsMotionDef, MOTION_CSS_DEFINITION_KEYS, MOTION_JS_DEFINITION_KEYS, MOTION_JS_FIELD_KEYS };