@yahoo/uds-v5-wip 1.60.0 → 1.61.0

package/dist/config/dist/preset-merge.js

@@ -1,192 +0,0 @@
-import { validateComponentVariants } from "./component-resolution.js";
-//#region ../config/dist/preset-merge.js
-const defaultComponentDefinitionMergeStrategy = {
-	tokens: "preserve",
-	modes: "merge",
-	modifiers: "merge",
-	motion: "merge",
-	components: "merge",
-	globalStyles: "merge",
-	examples: "merge"
-};
-function flattenAtomic(atomic) {
-	const entries = [];
-	for (const group of atomic) for (const property of group.properties) for (const token of group.tokens) entries.push({
-		property,
-		cssPrefix: group.cssPrefix,
-		namespace: group.namespace,
-		groupType: group.type,
-		groupDescription: group.description,
-		token
-	});
-	return entries;
-}
-function tokenKey(entry) {
-	return `${entry.property}|${entry.cssPrefix ?? ""}|${entry.token.name}`;
-}
-function mergeAtomic(base, incoming, mode) {
-	if (incoming.length === 0) return base;
-	if (base.length === 0) return incoming;
-	const baseEntries = flattenAtomic(base);
-	const incomingEntries = flattenAtomic(incoming);
-	const merged = /* @__PURE__ */ new Map();
-	for (const entry of baseEntries) merged.set(tokenKey(entry), entry);
-	for (const entry of incomingEntries) {
-		const key = tokenKey(entry);
-		if (mode === "preserve" && merged.has(key)) continue;
-		merged.set(key, entry);
-	}
-	const regrouped = /* @__PURE__ */ new Map();
-	for (const entry of merged.values()) {
-		const groupKey = `${entry.property}|${entry.cssPrefix ?? ""}`;
-		const existing = regrouped.get(groupKey);
-		if (existing) {
-			existing.tokens.push(entry.token);
-			if (entry.groupType) existing.type = entry.groupType;
-			if (entry.groupDescription) existing.description = entry.groupDescription;
-			continue;
-		}
-		regrouped.set(groupKey, {
-			properties: [entry.property],
-			...entry.namespace ? { namespace: entry.namespace } : {},
-			...entry.cssPrefix ? { cssPrefix: entry.cssPrefix } : {},
-			...entry.groupType ? { type: entry.groupType } : {},
-			...entry.groupDescription ? { description: entry.groupDescription } : {},
-			tokens: [entry.token]
-		});
-	}
-	return Array.from(regrouped.values());
-}
-function mergeModes(base, incoming, mode) {
-	if (incoming.length === 0) return base;
-	if (base.length === 0) return incoming;
-	const result = [...base];
-	for (const nextGroup of incoming) {
-		const idx = result.findIndex((g) => g.name === nextGroup.name);
-		if (idx === -1) {
-			result.push(nextGroup);
-			continue;
-		}
-		if (mode === "preserve") continue;
-		if (mode === "override") {
-			result[idx] = nextGroup;
-			continue;
-		}
-		const current = result[idx];
-		const optionMap = new Map(current.options.map((opt) => [opt.modifier, opt]));
-		for (const opt of nextGroup.options) optionMap.set(opt.modifier, opt);
-		result[idx] = {
-			...current,
-			options: Array.from(optionMap.values())
-		};
-	}
-	return result;
-}
-function mergeModifiers(base, incoming, mode) {
-	if (incoming.length === 0) return base;
-	if (base.length === 0) return incoming;
-	const result = new Map(base.map((m) => [m.modifier, m]));
-	for (const def of incoming) {
-		if (mode === "preserve" && result.has(def.modifier)) continue;
-		result.set(def.modifier, def);
-	}
-	return Array.from(result.values());
-}
-function isPlainObject(value) {
-	return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function deepMerge(base, incoming) {
-	const out = { ...base };
-	for (const [key, value] of Object.entries(incoming)) {
-		const current = out[key];
-		if (isPlainObject(current) && isPlainObject(value)) out[key] = deepMerge(current, value);
-		else out[key] = value;
-	}
-	return out;
-}
-function mergeRecordByKey(base, incoming, mode) {
-	if (mode === "merge") {
-		const merged = { ...base };
-		for (const [key, value] of Object.entries(incoming)) {
-			const current = merged[key];
-			if (isPlainObject(current) && isPlainObject(value)) merged[key] = deepMerge(current, value);
-			else merged[key] = value;
-		}
-		return merged;
-	}
-	if (mode === "preserve") return {
-		...incoming,
-		...base
-	};
-	return {
-		...base,
-		...incoming
-	};
-}
-function applyPresetToData(base, preset, strategy) {
-	const s = {
-		...defaultComponentDefinitionMergeStrategy,
-		...strategy
-	};
-	const mergedExamples = base.examples || preset.examples ? mergeRecordByKey(base.examples ?? {}, preset.examples ?? {}, s.examples) : void 0;
-	const mergedPrinciples = base.designPrinciples || preset.designPrinciples ? [...base.designPrinciples ?? [], ...preset.designPrinciples ?? []] : void 0;
-	const mergedVars = base.vars || preset.vars ? mergeRecordByKey(base.vars ?? {}, preset.vars ?? {}, "merge") : void 0;
-	const mergedStyleProps = base.styleProps || preset.styleProps ? {
-		...base.styleProps ?? {},
-		...preset.styleProps ?? {}
-	} : void 0;
-	const merged = {
-		...base,
-		modes: mergeModes(base.modes, preset.modes, s.modes),
-		modifiers: mergeModifiers(base.modifiers, preset.modifiers, s.modifiers),
-		atomic: mergeAtomic(base.atomic, preset.atomic, s.tokens),
-		compositeStyles: {
-			...base.compositeStyles,
-			...preset.compositeStyles
-		},
-		motion: mergeRecordByKey(base.motion, preset.motion, s.motion),
-		components: mergeRecordByKey(base.components, preset.components, s.components),
-		globalStyles: mergeRecordByKey(base.globalStyles, preset.globalStyles, s.globalStyles),
-		examples: mergedExamples,
-		designPrinciples: mergedPrinciples,
-		vars: mergedVars,
-		styleProps: mergedStyleProps,
-		presetTokenNames: mergePresetTokenNames(base, preset)
-	};
-	validateComponentVariants(merged.components);
-	return merged;
-}
-/**
-* Union preset-contributed token names by namespace.
-*
-* Every token in `preset.vars`, `preset.atomic`, and `preset.presetTokenNames`
-* (from a nested compose) is added to the set. The set only grows — a later
-* local `.defineVars()` does NOT remove entries, which is what gives preset
-* tokens their read-only identity even when locally overridden.
-*/
-function mergePresetTokenNames(base, preset) {
-	const result = {};
-	for (const [ns, names] of Object.entries(base.presetTokenNames ?? {})) result[ns] = new Set(names);
-	const add = (ns, name) => {
-		if (name.startsWith("$")) return;
-		let set = result[ns];
-		if (!set) {
-			set = /* @__PURE__ */ new Set();
-			result[ns] = set;
-		}
-		set.add(name);
-	};
-	if (preset.vars) for (const [ns, group] of Object.entries(preset.vars)) for (const name of Object.keys(group)) add(ns, name);
-	if (preset.presetTokenNames) for (const [ns, names] of Object.entries(preset.presetTokenNames)) for (const name of names) add(ns, name);
-	if (preset.atomic) for (const group of preset.atomic) {
-		const ns = group.cssPrefix;
-		if (!ns) continue;
-		for (const token of group.tokens) add(ns, token.name);
-	}
-	if (Object.keys(result).length === 0) return void 0;
-	const out = {};
-	for (const [ns, set] of Object.entries(result)) out[ns] = [...set];
-	return out;
-}
-//#endregion
-export { applyPresetToData, deepMerge, mergeAtomic };

package/dist/config/dist/propertyGroups.d.ts

@@ -1 +0,0 @@
-import { ConfigurableProp } from "@uds/types";

package/dist/config/dist/propertyGroups.js

@@ -1,414 +0,0 @@
-//#region ../config/dist/propertyGroups.js
-const ALL_PROPERTY_GROUPS = [
-	{
-		id: "textColor",
-		label: "Text Color",
-		properties: ["color"]
-	},
-	{
-		id: "background",
-		label: "Background",
-		properties: ["bg"]
-	},
-	{
-		id: "borderColor",
-		label: "Border Color",
-		properties: [
-			"borderColor",
-			"borderYColor",
-			"borderXColor",
-			"borderStartColor",
-			"borderLeftColor",
-			"borderEndColor",
-			"borderRightColor",
-			"borderTopColor",
-			"borderBottomColor"
-		]
-	},
-	{
-		id: "outlineColor",
-		label: "Outline Color",
-		properties: ["outlineColor"]
-	},
-	{
-		id: "ringColor",
-		label: "Ring Color",
-		properties: ["ringColor", "ringOffsetColor"]
-	},
-	{
-		id: "divideColor",
-		label: "Divide Color",
-		properties: ["divideColor"]
-	},
-	{
-		id: "shadowColor",
-		label: "Shadow Color",
-		properties: ["shadowColor"]
-	},
-	{
-		id: "svgFill",
-		label: "SVG Fill",
-		properties: ["fillColor"]
-	},
-	{
-		id: "svgStroke",
-		label: "SVG Stroke",
-		properties: ["strokeColor"]
-	},
-	{
-		id: "caretColor",
-		label: "Caret Color",
-		properties: ["caretColor"]
-	},
-	{
-		id: "textDecorationColor",
-		label: "Text Decoration Color",
-		properties: ["textDecorationColor"]
-	},
-	{
-		id: "opacity",
-		label: "Opacity",
-		properties: ["opacity"]
-	},
-	{
-		id: "colorOpacity",
-		label: "Color Opacity",
-		properties: ["colorOpacity"]
-	},
-	{
-		id: "bgOpacity",
-		label: "Background Opacity",
-		properties: ["bgOpacity"]
-	},
-	{
-		id: "borderColorOpacity",
-		label: "Border Color Opacity",
-		properties: [
-			"borderColorOpacity",
-			"borderYColorOpacity",
-			"borderXColorOpacity",
-			"borderStartColorOpacity",
-			"borderLeftColorOpacity",
-			"borderEndColorOpacity",
-			"borderRightColorOpacity",
-			"borderTopColorOpacity",
-			"borderBottomColorOpacity"
-		]
-	},
-	{
-		id: "divideColorOpacity",
-		label: "Divide Color Opacity",
-		properties: ["divideColorOpacity"]
-	},
-	{
-		id: "outlineColorOpacity",
-		label: "Outline Color Opacity",
-		properties: ["outlineColorOpacity"]
-	},
-	{
-		id: "ringColorOpacity",
-		label: "Ring Color Opacity",
-		properties: ["ringColorOpacity", "ringOffsetColorOpacity"]
-	},
-	{
-		id: "textDecorationColorOpacity",
-		label: "Text Decoration Opacity",
-		properties: ["textDecorationColorOpacity"]
-	},
-	{
-		id: "svgFillOpacity",
-		label: "SVG Fill Opacity",
-		properties: ["fillColorOpacity"]
-	},
-	{
-		id: "svgStrokeOpacity",
-		label: "SVG Stroke Opacity",
-		properties: ["strokeColorOpacity"]
-	},
-	{
-		id: "shadowColorOpacity",
-		label: "Shadow Color Opacity",
-		properties: ["shadowColorOpacity"]
-	},
-	{
-		id: "caretColorOpacity",
-		label: "Caret Color Opacity",
-		properties: ["caretColorOpacity"]
-	},
-	{
-		id: "fontFamily",
-		label: "Font Family",
-		properties: ["fontFamily"]
-	},
-	{
-		id: "fontSize",
-		label: "Font Size",
-		properties: ["fontSize"]
-	},
-	{
-		id: "fontWeight",
-		label: "Font Weight",
-		properties: ["fontWeight"]
-	},
-	{
-		id: "lineHeight",
-		label: "Line Height",
-		properties: ["lineHeight"]
-	},
-	{
-		id: "letterSpacing",
-		label: "Letter Spacing",
-		properties: ["letterSpacing"]
-	},
-	{
-		id: "blur",
-		label: "Blur",
-		properties: ["blur"]
-	},
-	{
-		id: "backdropBlur",
-		label: "Backdrop Blur",
-		properties: ["backdropBlur"]
-	},
-	{
-		id: "animation",
-		label: "Animation",
-		properties: ["animation"]
-	},
-	{
-		id: "shadow",
-		label: "Shadow",
-		properties: ["shadow"]
-	},
-	{
-		id: "textShadow",
-		label: "Text Shadow",
-		properties: ["textShadow"]
-	},
-	{
-		id: "zIndex",
-		label: "Z-Index",
-		properties: ["zIndex"]
-	},
-	{
-		id: "borderWidth",
-		label: "Border Width",
-		properties: [
-			"borderWidth",
-			"borderYWidth",
-			"borderXWidth",
-			"borderStartWidth",
-			"borderLeftWidth",
-			"borderEndWidth",
-			"borderRightWidth",
-			"borderTopWidth",
-			"borderBottomWidth"
-		]
-	},
-	{
-		id: "borderRadius",
-		label: "Border Radius",
-		properties: [
-			"borderRadius",
-			"borderRadiusTop",
-			"borderRadiusBottom",
-			"borderRadiusStart",
-			"borderRadiusEnd",
-			"borderRadiusTopStart",
-			"borderRadiusTopEnd",
-			"borderRadiusBottomStart",
-			"borderRadiusBottomEnd"
-		]
-	},
-	{
-		id: "outlineWidth",
-		label: "Outline Width",
-		properties: ["outlineWidth", "outlineOffset"]
-	},
-	{
-		id: "divideWidth",
-		label: "Divide Width",
-		properties: ["divideWidth"]
-	},
-	{
-		id: "ringWidth",
-		label: "Ring Width",
-		properties: ["ringWidth", "ringOffsetWidth"]
-	},
-	{
-		id: "padding",
-		label: "Padding",
-		properties: [
-			"spacing",
-			"spacingX",
-			"spacingY",
-			"spacingRight",
-			"spacingEnd",
-			"spacingLeft",
-			"spacingStart",
-			"spacingTop",
-			"spacingBottom"
-		]
-	},
-	{
-		id: "margin",
-		label: "Margin",
-		properties: [
-			"margin",
-			"marginX",
-			"marginY",
-			"marginBottom",
-			"marginEnd",
-			"marginRight",
-			"marginStart",
-			"marginLeft",
-			"marginTop"
-		]
-	},
-	{
-		id: "offset",
-		label: "Offset",
-		properties: [
-			"offset",
-			"offsetY",
-			"offsetX",
-			"offsetBottom",
-			"offsetEnd",
-			"offsetRight",
-			"offsetStart",
-			"offsetLeft",
-			"offsetTop"
-		]
-	},
-	{
-		id: "gap",
-		label: "Gap",
-		properties: [
-			"gap",
-			"gapX",
-			"gapY"
-		]
-	},
-	{
-		id: "indent",
-		label: "Indent",
-		properties: ["indent"]
-	},
-	{
-		id: "scrollSnapGap",
-		label: "Scroll Snap Gap",
-		properties: [
-			"scrollSnapGap",
-			"scrollSnapGapTop",
-			"scrollSnapGapBottom",
-			"scrollSnapGapStart",
-			"scrollSnapGapEnd",
-			"scrollSnapGapX",
-			"scrollSnapGapY"
-		]
-	},
-	{
-		id: "scrollSnapSpacing",
-		label: "Scroll Snap Spacing",
-		properties: [
-			"scrollSnapSpacing",
-			"scrollSnapSpacingTop",
-			"scrollSnapSpacingBottom",
-			"scrollSnapSpacingStart",
-			"scrollSnapSpacingEnd",
-			"scrollSnapSpacingX",
-			"scrollSnapSpacingY"
-		]
-	},
-	{
-		id: "tableBorderSpacing",
-		label: "Table Border Spacing",
-		properties: [
-			"tableBorderSpacing",
-			"tableBorderSpacingX",
-			"tableBorderSpacingY"
-		]
-	},
-	{
-		id: "width",
-		label: "Width",
-		properties: [
-			"width",
-			"minWidth",
-			"maxWidth"
-		]
-	},
-	{
-		id: "height",
-		label: "Height",
-		properties: [
-			"height",
-			"minHeight",
-			"maxHeight"
-		]
-	},
-	{
-		id: "aspectRatio",
-		label: "Aspect Ratio",
-		properties: ["aspectRatio"]
-	},
-	{
-		id: "positionPlacement",
-		label: "Position",
-		properties: [
-			"top",
-			"bottom",
-			"left",
-			"right",
-			"inset",
-			"insetX",
-			"insetY"
-		]
-	},
-	{
-		id: "flex",
-		label: "Flex",
-		properties: [
-			"flex",
-			"flexGrow",
-			"flexShrink"
-		]
-	},
-	{
-		id: "transform",
-		label: "Transform",
-		properties: [
-			"scaleX",
-			"scaleY",
-			"skewX",
-			"skewY",
-			"translateX",
-			"translateY",
-			"rotate",
-			"scale"
-		]
-	},
-	{
-		id: "strokeWidth",
-		label: "Stroke Width",
-		properties: ["strokeWidth"]
-	}
-];
-new Map(ALL_PROPERTY_GROUPS.map((g) => [g.id, g]));
-const propToGroupId = /* @__PURE__ */ new Map();
-for (const group of ALL_PROPERTY_GROUPS) for (const prop of group.properties) propToGroupId.set(prop, group.id);
-const COLOR_GROUPS = [
-	"textColor",
-	"background",
-	"borderColor",
-	"outlineColor",
-	"ringColor",
-	"divideColor",
-	"shadowColor",
-	"svgFill",
-	"svgStroke",
-	"caretColor",
-	"textDecorationColor"
-];
-[...COLOR_GROUPS], [...COLOR_GROUPS], [...COLOR_GROUPS];
-//#endregion

package/dist/config/dist/resolveTokenTypes.d.ts

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