@yahoo/uds-v5-wip 0.0.1

package/dist/config/dist/component-resolution.js

@@ -0,0 +1,78 @@
+import { propMappings } from "../../core/dist/propMappings.js";
+import "../../core/dist/index.js";
+//#region ../config/dist/component-resolution.js
+/**
+* Build a motion reference object for use in defineComponents callback.
+* Each key maps to the preset name string, so component configs can
+* reference presets by name: `motion: motion.fadeIn` → `motion: "fadeIn"`
+*/
+function buildMotionReference(motion) {
+	const result = {};
+	for (const name of Object.keys(motion)) result[name] = name;
+	return result;
+}
+function resolveMotionAlias(value, motion) {
+	const alias = value.trim();
+	if (!alias) return null;
+	return motion[alias] ?? null;
+}
+function isSlotMotionConfigObject(value) {
+	return typeof value === "object" && value !== null;
+}
+function resolveComponentMotionAliases(components, motionPresets) {
+	const resolved = {};
+	for (const [componentName, componentConfig] of Object.entries(components)) {
+		const resolvedMotion = {};
+		let strippedBase = componentConfig.base;
+		if (componentConfig.base) {
+			const newBase = {};
+			for (const [slotName, slotStyles] of Object.entries(componentConfig.base)) if (slotStyles && typeof slotStyles === "object" && "motion" in slotStyles) {
+				const { motion: slotMotion, ...rest } = slotStyles;
+				newBase[slotName] = rest;
+				if (isSlotMotionConfigObject(slotMotion)) resolvedMotion[slotName] = slotMotion;
+			} else newBase[slotName] = slotStyles;
+			strippedBase = newBase;
+		}
+		if (componentConfig.motion) for (const [slot, motionValue] of Object.entries(componentConfig.motion)) {
+			if (resolvedMotion[slot]) continue;
+			if (typeof motionValue === "string") {
+				const preset = resolveMotionAlias(motionValue, motionPresets);
+				if (!preset) throw new Error(`Component "${componentName}" slot "${slot}" references unknown motion preset "${motionValue}".`);
+				if (preset.runtime !== "js") throw new Error(`Component "${componentName}" slot "${slot}" references "${motionValue}" which is CSS runtime. Component slot motion must reference JS presets.`);
+				resolvedMotion[slot] = {
+					initial: preset.initial,
+					animate: preset.animate,
+					exit: preset.exit,
+					transition: preset.transition,
+					whileHover: preset.whileHover,
+					whileTap: preset.whileTap
+				};
+			} else if (isSlotMotionConfigObject(motionValue)) resolvedMotion[slot] = motionValue;
+		}
+		if (Object.keys(resolvedMotion).length > 0) resolved[componentName] = {
+			...componentConfig,
+			...strippedBase !== void 0 && { base: strippedBase },
+			motion: resolvedMotion
+		};
+		else resolved[componentName] = {
+			...componentConfig,
+			...strippedBase !== void 0 && { base: strippedBase }
+		};
+	}
+	return resolved;
+}
+/** Set of all style prop names — variant axis names must not collide with these */
+const stylePropNames = new Set(Object.keys(propMappings));
+/**
+* Validate that component variant axis names don't collide with style prop names.
+* When a collision exists, processStyleProps consumes the prop before variant
+* classification can use it, silently breaking the variant.
+*/
+function validateComponentVariants(components) {
+	for (const [componentName, componentConfig] of Object.entries(components)) {
+		if (!componentConfig.variants) continue;
+		for (const axisName of Object.keys(componentConfig.variants)) if (stylePropNames.has(axisName)) throw new Error(`Component "${componentName}" has a variant axis named "${axisName}" which collides with the style prop "${axisName}". Style props are consumed before variant classification, so this variant will never be applied. Rename the variant axis to avoid the collision.`);
+	}
+}
+//#endregion
+export { buildMotionReference, resolveComponentMotionAliases, validateComponentVariants };

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

@@ -0,0 +1,253 @@
+//#region ../config/dist/consts/defaultColors.d.ts
+//#region src/consts/defaultColors.d.ts
+declare const defaultColors: {
+  inherit: string;
+  current: string;
+  transparent: string;
+  black: string;
+  white: string;
+  'slate-50': string;
+  'slate-100': string;
+  'slate-200': string;
+  'slate-300': string;
+  'slate-400': string;
+  'slate-500': string;
+  'slate-600': string;
+  'slate-700': string;
+  'slate-800': string;
+  'slate-900': string;
+  'slate-950': string;
+  'gray-50': string;
+  'gray-100': string;
+  'gray-200': string;
+  'gray-300': string;
+  'gray-400': string;
+  'gray-500': string;
+  'gray-600': string;
+  'gray-700': string;
+  'gray-800': string;
+  'gray-900': string;
+  'gray-950': string;
+  'zinc-50': string;
+  'zinc-100': string;
+  'zinc-200': string;
+  'zinc-300': string;
+  'zinc-400': string;
+  'zinc-500': string;
+  'zinc-600': string;
+  'zinc-700': string;
+  'zinc-800': string;
+  'zinc-900': string;
+  'zinc-950': string;
+  'neutral-50': string;
+  'neutral-100': string;
+  'neutral-200': string;
+  'neutral-300': string;
+  'neutral-400': string;
+  'neutral-500': string;
+  'neutral-600': string;
+  'neutral-700': string;
+  'neutral-800': string;
+  'neutral-900': string;
+  'neutral-950': string;
+  'stone-50': string;
+  'stone-100': string;
+  'stone-200': string;
+  'stone-300': string;
+  'stone-400': string;
+  'stone-500': string;
+  'stone-600': string;
+  'stone-700': string;
+  'stone-800': string;
+  'stone-900': string;
+  'stone-950': string;
+  'red-50': string;
+  'red-100': string;
+  'red-200': string;
+  'red-300': string;
+  'red-400': string;
+  'red-500': string;
+  'red-600': string;
+  'red-700': string;
+  'red-800': string;
+  'red-900': string;
+  'red-950': string;
+  'orange-50': string;
+  'orange-100': string;
+  'orange-200': string;
+  'orange-300': string;
+  'orange-400': string;
+  'orange-500': string;
+  'orange-600': string;
+  'orange-700': string;
+  'orange-800': string;
+  'orange-900': string;
+  'orange-950': string;
+  'amber-50': string;
+  'amber-100': string;
+  'amber-200': string;
+  'amber-300': string;
+  'amber-400': string;
+  'amber-500': string;
+  'amber-600': string;
+  'amber-700': string;
+  'amber-800': string;
+  'amber-900': string;
+  'amber-950': string;
+  'yellow-50': string;
+  'yellow-100': string;
+  'yellow-200': string;
+  'yellow-300': string;
+  'yellow-400': string;
+  'yellow-500': string;
+  'yellow-600': string;
+  'yellow-700': string;
+  'yellow-800': string;
+  'yellow-900': string;
+  'yellow-950': string;
+  'lime-50': string;
+  'lime-100': string;
+  'lime-200': string;
+  'lime-300': string;
+  'lime-400': string;
+  'lime-500': string;
+  'lime-600': string;
+  'lime-700': string;
+  'lime-800': string;
+  'lime-900': string;
+  'lime-950': string;
+  'green-50': string;
+  'green-100': string;
+  'green-200': string;
+  'green-300': string;
+  'green-400': string;
+  'green-500': string;
+  'green-600': string;
+  'green-700': string;
+  'green-800': string;
+  'green-900': string;
+  'green-950': string;
+  'emerald-50': string;
+  'emerald-100': string;
+  'emerald-200': string;
+  'emerald-300': string;
+  'emerald-400': string;
+  'emerald-500': string;
+  'emerald-600': string;
+  'emerald-700': string;
+  'emerald-800': string;
+  'emerald-900': string;
+  'emerald-950': string;
+  'teal-50': string;
+  'teal-100': string;
+  'teal-200': string;
+  'teal-300': string;
+  'teal-400': string;
+  'teal-500': string;
+  'teal-600': string;
+  'teal-700': string;
+  'teal-800': string;
+  'teal-900': string;
+  'teal-950': string;
+  'cyan-50': string;
+  'cyan-100': string;
+  'cyan-200': string;
+  'cyan-300': string;
+  'cyan-400': string;
+  'cyan-500': string;
+  'cyan-600': string;
+  'cyan-700': string;
+  'cyan-800': string;
+  'cyan-900': string;
+  'cyan-950': string;
+  'sky-50': string;
+  'sky-100': string;
+  'sky-200': string;
+  'sky-300': string;
+  'sky-400': string;
+  'sky-500': string;
+  'sky-600': string;
+  'sky-700': string;
+  'sky-800': string;
+  'sky-900': string;
+  'sky-950': string;
+  'blue-50': string;
+  'blue-100': string;
+  'blue-200': string;
+  'blue-300': string;
+  'blue-400': string;
+  'blue-500': string;
+  'blue-600': string;
+  'blue-700': string;
+  'blue-800': string;
+  'blue-900': string;
+  'blue-950': string;
+  'indigo-50': string;
+  'indigo-100': string;
+  'indigo-200': string;
+  'indigo-300': string;
+  'indigo-400': string;
+  'indigo-500': string;
+  'indigo-600': string;
+  'indigo-700': string;
+  'indigo-800': string;
+  'indigo-900': string;
+  'indigo-950': string;
+  'violet-50': string;
+  'violet-100': string;
+  'violet-200': string;
+  'violet-300': string;
+  'violet-400': string;
+  'violet-500': string;
+  'violet-600': string;
+  'violet-700': string;
+  'violet-800': string;
+  'violet-900': string;
+  'violet-950': string;
+  'purple-50': string;
+  'purple-100': string;
+  'purple-200': string;
+  'purple-300': string;
+  'purple-400': string;
+  'purple-500': string;
+  'purple-600': string;
+  'purple-700': string;
+  'purple-800': string;
+  'purple-900': string;
+  'purple-950': string;
+  'fuchsia-50': string;
+  'fuchsia-100': string;
+  'fuchsia-200': string;
+  'fuchsia-300': string;
+  'fuchsia-400': string;
+  'fuchsia-500': string;
+  'fuchsia-600': string;
+  'fuchsia-700': string;
+  'fuchsia-800': string;
+  'fuchsia-900': string;
+  'fuchsia-950': string;
+  'pink-50': string;
+  'pink-100': string;
+  'pink-200': string;
+  'pink-300': string;
+  'pink-400': string;
+  'pink-500': string;
+  'pink-600': string;
+  'pink-700': string;
+  'pink-800': string;
+  'pink-900': string;
+  'pink-950': string;
+  'rose-50': string;
+  'rose-100': string;
+  'rose-200': string;
+  'rose-300': string;
+  'rose-400': string;
+  'rose-500': string;
+  'rose-600': string;
+  'rose-700': string;
+  'rose-800': string;
+  'rose-900': string;
+  'rose-950': string;
+}; //#endregion
+//#endregion
+export { defaultColors };

package/dist/config/dist/consts/defaultColors.js

@@ -0,0 +1,252 @@
+//#region ../config/dist/consts/defaultColors.js
+const defaultColors = {
+	inherit: "inherit",
+	current: "currentColor",
+	transparent: "transparent",
+	black: "#000",
+	white: "#fff",
+	"slate-50": "#f8fafc",
+	"slate-100": "#f1f5f9",
+	"slate-200": "#e2e8f0",
+	"slate-300": "#cbd5e1",
+	"slate-400": "#94a3b8",
+	"slate-500": "#64748b",
+	"slate-600": "#475569",
+	"slate-700": "#334155",
+	"slate-800": "#1e293b",
+	"slate-900": "#0f172a",
+	"slate-950": "#020617",
+	"gray-50": "#f9fafb",
+	"gray-100": "#f3f4f6",
+	"gray-200": "#e5e7eb",
+	"gray-300": "#d1d5db",
+	"gray-400": "#9ca3af",
+	"gray-500": "#6b7280",
+	"gray-600": "#4b5563",
+	"gray-700": "#374151",
+	"gray-800": "#1f2937",
+	"gray-900": "#111827",
+	"gray-950": "#030712",
+	"zinc-50": "#fafafa",
+	"zinc-100": "#f4f4f5",
+	"zinc-200": "#e4e4e7",
+	"zinc-300": "#d4d4d8",
+	"zinc-400": "#a1a1aa",
+	"zinc-500": "#71717a",
+	"zinc-600": "#52525b",
+	"zinc-700": "#3f3f46",
+	"zinc-800": "#27272a",
+	"zinc-900": "#18181b",
+	"zinc-950": "#09090b",
+	"neutral-50": "#fafafa",
+	"neutral-100": "#f5f5f5",
+	"neutral-200": "#e5e5e5",
+	"neutral-300": "#d4d4d4",
+	"neutral-400": "#a3a3a3",
+	"neutral-500": "#737373",
+	"neutral-600": "#525252",
+	"neutral-700": "#404040",
+	"neutral-800": "#262626",
+	"neutral-900": "#171717",
+	"neutral-950": "#0a0a0a",
+	"stone-50": "#fafaf9",
+	"stone-100": "#f5f5f4",
+	"stone-200": "#e7e5e4",
+	"stone-300": "#d6d3d1",
+	"stone-400": "#a8a29e",
+	"stone-500": "#78716c",
+	"stone-600": "#57534e",
+	"stone-700": "#44403c",
+	"stone-800": "#292524",
+	"stone-900": "#1c1917",
+	"stone-950": "#0c0a09",
+	"red-50": "#fef2f2",
+	"red-100": "#fee2e2",
+	"red-200": "#fecaca",
+	"red-300": "#fca5a5",
+	"red-400": "#f87171",
+	"red-500": "#ef4444",
+	"red-600": "#dc2626",
+	"red-700": "#b91c1c",
+	"red-800": "#991b1b",
+	"red-900": "#7f1d1d",
+	"red-950": "#450a0a",
+	"orange-50": "#fff7ed",
+	"orange-100": "#ffedd5",
+	"orange-200": "#fed7aa",
+	"orange-300": "#fdba74",
+	"orange-400": "#fb923c",
+	"orange-500": "#f97316",
+	"orange-600": "#ea580c",
+	"orange-700": "#c2410c",
+	"orange-800": "#9a3412",
+	"orange-900": "#7c2d12",
+	"orange-950": "#431407",
+	"amber-50": "#fffbeb",
+	"amber-100": "#fef3c7",
+	"amber-200": "#fde68a",
+	"amber-300": "#fcd34d",
+	"amber-400": "#fbbf24",
+	"amber-500": "#f59e0b",
+	"amber-600": "#d97706",
+	"amber-700": "#b45309",
+	"amber-800": "#92400e",
+	"amber-900": "#78350f",
+	"amber-950": "#451a03",
+	"yellow-50": "#fefce8",
+	"yellow-100": "#fef9c3",
+	"yellow-200": "#fef08a",
+	"yellow-300": "#fde047",
+	"yellow-400": "#facc15",
+	"yellow-500": "#eab308",
+	"yellow-600": "#ca8a04",
+	"yellow-700": "#a16207",
+	"yellow-800": "#854d0e",
+	"yellow-900": "#713f12",
+	"yellow-950": "#422006",
+	"lime-50": "#f7fee7",
+	"lime-100": "#ecfccb",
+	"lime-200": "#d9f99d",
+	"lime-300": "#bef264",
+	"lime-400": "#a3e635",
+	"lime-500": "#84cc16",
+	"lime-600": "#65a30d",
+	"lime-700": "#4d7c0f",
+	"lime-800": "#3f6212",
+	"lime-900": "#365314",
+	"lime-950": "#1a2e05",
+	"green-50": "#f0fdf4",
+	"green-100": "#dcfce7",
+	"green-200": "#bbf7d0",
+	"green-300": "#86efac",
+	"green-400": "#4ade80",
+	"green-500": "#22c55e",
+	"green-600": "#16a34a",
+	"green-700": "#15803d",
+	"green-800": "#166534",
+	"green-900": "#14532d",
+	"green-950": "#052e16",
+	"emerald-50": "#ecfdf5",
+	"emerald-100": "#d1fae5",
+	"emerald-200": "#a7f3d0",
+	"emerald-300": "#6ee7b7",
+	"emerald-400": "#34d399",
+	"emerald-500": "#10b981",
+	"emerald-600": "#059669",
+	"emerald-700": "#047857",
+	"emerald-800": "#065f46",
+	"emerald-900": "#064e3b",
+	"emerald-950": "#022c22",
+	"teal-50": "#f0fdfa",
+	"teal-100": "#ccfbf1",
+	"teal-200": "#99f6e4",
+	"teal-300": "#5eead4",
+	"teal-400": "#2dd4bf",
+	"teal-500": "#14b8a6",
+	"teal-600": "#0d9488",
+	"teal-700": "#0f766e",
+	"teal-800": "#115e59",
+	"teal-900": "#134e4a",
+	"teal-950": "#042f2e",
+	"cyan-50": "#ecfeff",
+	"cyan-100": "#cffafe",
+	"cyan-200": "#a5f3fc",
+	"cyan-300": "#67e8f9",
+	"cyan-400": "#22d3ee",
+	"cyan-500": "#06b6d4",
+	"cyan-600": "#0891b2",
+	"cyan-700": "#0e7490",
+	"cyan-800": "#155e75",
+	"cyan-900": "#164e63",
+	"cyan-950": "#083344",
+	"sky-50": "#f0f9ff",
+	"sky-100": "#e0f2fe",
+	"sky-200": "#bae6fd",
+	"sky-300": "#7dd3fc",
+	"sky-400": "#38bdf8",
+	"sky-500": "#0ea5e9",
+	"sky-600": "#0284c7",
+	"sky-700": "#0369a1",
+	"sky-800": "#075985",
+	"sky-900": "#0c4a6e",
+	"sky-950": "#082f49",
+	"blue-50": "#eff6ff",
+	"blue-100": "#dbeafe",
+	"blue-200": "#bfdbfe",
+	"blue-300": "#93c5fd",
+	"blue-400": "#60a5fa",
+	"blue-500": "#3b82f6",
+	"blue-600": "#2563eb",
+	"blue-700": "#1d4ed8",
+	"blue-800": "#1e40af",
+	"blue-900": "#1e3a8a",
+	"blue-950": "#172554",
+	"indigo-50": "#eef2ff",
+	"indigo-100": "#e0e7ff",
+	"indigo-200": "#c7d2fe",
+	"indigo-300": "#a5b4fc",
+	"indigo-400": "#818cf8",
+	"indigo-500": "#6366f1",
+	"indigo-600": "#4f46e5",
+	"indigo-700": "#4338ca",
+	"indigo-800": "#3730a3",
+	"indigo-900": "#312e81",
+	"indigo-950": "#1e1b4b",
+	"violet-50": "#f5f3ff",
+	"violet-100": "#ede9fe",
+	"violet-200": "#ddd6fe",
+	"violet-300": "#c4b5fd",
+	"violet-400": "#a78bfa",
+	"violet-500": "#8b5cf6",
+	"violet-600": "#7c3aed",
+	"violet-700": "#6d28d9",
+	"violet-800": "#5b21b6",
+	"violet-900": "#4c1d95",
+	"violet-950": "#2e1065",
+	"purple-50": "#faf5ff",
+	"purple-100": "#f3e8ff",
+	"purple-200": "#e9d5ff",
+	"purple-300": "#d8b4fe",
+	"purple-400": "#c084fc",
+	"purple-500": "#a855f7",
+	"purple-600": "#9333ea",
+	"purple-700": "#7e22ce",
+	"purple-800": "#6b21a8",
+	"purple-900": "#581c87",
+	"purple-950": "#3b0764",
+	"fuchsia-50": "#fdf4ff",
+	"fuchsia-100": "#fae8ff",
+	"fuchsia-200": "#f5d0fe",
+	"fuchsia-300": "#f0abfc",
+	"fuchsia-400": "#e879f9",
+	"fuchsia-500": "#d946ef",
+	"fuchsia-600": "#c026d3",
+	"fuchsia-700": "#a21caf",
+	"fuchsia-800": "#86198f",
+	"fuchsia-900": "#701a75",
+	"fuchsia-950": "#4a044e",
+	"pink-50": "#fdf2f8",
+	"pink-100": "#fce7f3",
+	"pink-200": "#fbcfe8",
+	"pink-300": "#f9a8d4",
+	"pink-400": "#f472b6",
+	"pink-500": "#ec4899",
+	"pink-600": "#db2777",
+	"pink-700": "#be185d",
+	"pink-800": "#9d174d",
+	"pink-900": "#831843",
+	"pink-950": "#500724",
+	"rose-50": "#fff1f2",
+	"rose-100": "#ffe4e6",
+	"rose-200": "#fecdd3",
+	"rose-300": "#fda4af",
+	"rose-400": "#fb7185",
+	"rose-500": "#f43f5e",
+	"rose-600": "#e11d48",
+	"rose-700": "#be123c",
+	"rose-800": "#9f1239",
+	"rose-900": "#881337",
+	"rose-950": "#4c0519"
+};
+//#endregion
+export { defaultColors };