@yahoo/uds-v5-wip 0.0.1

package/dist/core/dist/resolveMotionState.d.ts

@@ -0,0 +1,5 @@
+//#region ../core/dist/resolveMotionState.d.ts
+//#region src/resolveMotionState.d.ts
+declare function resolveMotionState(stateKeyframe: Record<string, unknown>, index: number): Record<string, number>; //#endregion
+//#endregion
+export { resolveMotionState };

package/dist/core/dist/resolveMotionState.js

@@ -0,0 +1,17 @@
+//#region ../core/dist/resolveMotionState.js
+function resolveInterpolate(marker, index) {
+	const { output, extrapolate } = marker;
+	if (index < output.length) return output[index];
+	if (extrapolate === "clamp") return output[output.length - 1];
+	if (extrapolate === "identity") return index;
+	const last = output[output.length - 1];
+	return last + (last - output[output.length - 2]) * (index - (output.length - 1));
+}
+function resolveMotionState(stateKeyframe, index) {
+	const resolved = {};
+	for (const [key, value] of Object.entries(stateKeyframe)) if (typeof value === "number") resolved[key] = value;
+	else if (value && typeof value === "object" && value.__type === "interpolate") resolved[key] = resolveInterpolate(value, index);
+	return resolved;
+}
+//#endregion
+export { resolveMotionState };

package/dist/core/dist/resolveProps.boundaries.js

@@ -0,0 +1,130 @@
+//#region ../core/dist/resolveProps.boundaries.js
+/** Matches event handlers (`onClick`, `onKeyDown`, etc.) */
+const EVENT_HANDLER_RE = /^on[A-Z]/;
+/** Returns true if the key should be forwarded to the DOM by pattern. */
+function isPatternMatchedHtmlProp(key) {
+	return EVENT_HANDLER_RE.test(key) || key.startsWith("aria-") || key.startsWith("data-");
+}
+/** HTML attributes that are universally forwarded on every element. */
+const UNIVERSAL_HTML_PROPS = new Set([
+	"id",
+	"style",
+	"tabIndex",
+	"role",
+	"title",
+	"hidden",
+	"dir",
+	"lang",
+	"slot",
+	"draggable",
+	"spellCheck",
+	"autoFocus",
+	"enterKeyHint",
+	"inputMode",
+	"contentEditable",
+	"suppressContentEditableWarning",
+	"suppressHydrationWarning",
+	"translate",
+	"itemScope",
+	"itemType",
+	"itemID",
+	"itemProp",
+	"itemRef",
+	"nonce",
+	"inert"
+]);
+/**
+* Per-element HTML props that should be kept flat (not inside `_html`).
+* Arrays are `satisfies` checked at the type level in the source file;
+* at runtime they're plain Sets for O(1) lookup.
+*/
+const ELEMENT_HTML_PROPS = {
+	button: new Set([
+		"disabled",
+		"type",
+		"form",
+		"formAction",
+		"formMethod",
+		"formNoValidate",
+		"formTarget",
+		"formEncType",
+		"popoverTarget",
+		"value"
+	]),
+	a: new Set([
+		"href",
+		"target",
+		"rel",
+		"download",
+		"hrefLang",
+		"ping",
+		"referrerPolicy"
+	]),
+	input: new Set([
+		"type",
+		"name",
+		"value",
+		"defaultValue",
+		"placeholder",
+		"disabled",
+		"readOnly",
+		"required",
+		"autoComplete",
+		"maxLength",
+		"minLength",
+		"pattern",
+		"min",
+		"max",
+		"step",
+		"checked",
+		"defaultChecked",
+		"multiple",
+		"accept",
+		"list",
+		"form"
+	]),
+	textarea: new Set([
+		"name",
+		"value",
+		"defaultValue",
+		"placeholder",
+		"disabled",
+		"readOnly",
+		"required",
+		"autoComplete",
+		"maxLength",
+		"minLength",
+		"rows",
+		"cols",
+		"wrap",
+		"form"
+	]),
+	select: new Set([
+		"name",
+		"value",
+		"defaultValue",
+		"disabled",
+		"required",
+		"multiple",
+		"form"
+	])
+};
+function classifyResolvedProps({ remaining, variantSet, elementProps }) {
+	const htmlProps = {};
+	const variantProps = {};
+	for (const key in remaining) {
+		if (!Object.hasOwn(remaining, key)) continue;
+		if (key === "className") continue;
+		if (key.startsWith("data-uds")) continue;
+		if (isPatternMatchedHtmlProp(key) || UNIVERSAL_HTML_PROPS.has(key) || elementProps?.has(key)) htmlProps[key] = remaining[key];
+		else if (variantSet) if (variantSet.has(key)) variantProps[key] = remaining[key];
+		else htmlProps[key] = remaining[key];
+		else variantProps[key] = remaining[key];
+	}
+	return {
+		htmlProps,
+		variantProps
+	};
+}
+//#endregion
+export { ELEMENT_HTML_PROPS, classifyResolvedProps };

package/dist/core/dist/transformPreset.d.ts

@@ -0,0 +1,18 @@
+import { MotionPreset } from "@uds/types";
+
+//#region ../core/dist/transformPreset.d.ts
+//#region src/transformPreset.d.ts
+interface TransformedMotionProps {
+  initial?: Record<string, unknown>;
+  animate?: Record<string, unknown>;
+  exit?: Record<string, unknown>;
+  transition?: Record<string, unknown>;
+  whileHover?: Record<string, unknown>;
+  whileTap?: Record<string, unknown>;
+}
+/**
+ * Convert a JS-runtime MotionPreset to a motion/react-compatible props object.
+ */
+declare function transformPreset(preset: MotionPreset): TransformedMotionProps; //#endregion
+//#endregion
+export { TransformedMotionProps, transformPreset };

package/dist/core/dist/transformPreset.js

@@ -0,0 +1,28 @@
+//#region ../core/dist/transformPreset.js
+function toRecord(value) {
+	if (!value) return void 0;
+	return Object.keys(value).length > 0 ? value : void 0;
+}
+/**
+* Convert a JS-runtime MotionPreset to a motion/react-compatible props object.
+*/
+function transformPreset(preset) {
+	if (preset.runtime !== "js") return {};
+	const jsPreset = preset;
+	const result = {};
+	const initial = toRecord(jsPreset.initial);
+	const animate = toRecord(jsPreset.animate);
+	const exit = toRecord(jsPreset.exit);
+	const transition = toRecord(jsPreset.transition);
+	const whileHover = toRecord(jsPreset.whileHover);
+	const whileTap = toRecord(jsPreset.whileTap);
+	if (initial) result.initial = initial;
+	if (animate) result.animate = animate;
+	if (exit) result.exit = exit;
+	if (transition) result.transition = transition;
+	if (whileHover) result.whileHover = whileHover;
+	if (whileTap) result.whileTap = whileTap;
+	return result;
+}
+//#endregion
+export { transformPreset };

package/dist/core/dist/withDefaultStyleProps.d.ts

@@ -0,0 +1,44 @@
+import { BorderRadius, GridSpan, GridStartEnd, GridTemplate, StyleAndModifierProps } from "@uds/types";
+
+//#region ../core/dist/withDefaultStyleProps.d.ts
+//#region src/withDefaultStyleProps.d.ts
+interface StackDefaultsInput extends StyleAndModifierProps {
+  gap?: StyleAndModifierProps['gap'];
+}
+interface GridDefaultsInput extends Omit<StyleAndModifierProps, 'columns' | 'rows'> {
+  columns?: GridTemplate;
+  rows?: GridTemplate;
+  autoFit?: string;
+  autoFill?: string;
+  inline?: boolean;
+}
+interface GridItemDefaultsInput extends StyleAndModifierProps {
+  colSpan?: GridSpan;
+  rowSpan?: GridSpan;
+  colStart?: GridStartEnd;
+  colEnd?: GridStartEnd;
+  rowStart?: GridStartEnd;
+  rowEnd?: GridStartEnd;
+}
+interface SvgDefaultsInput extends StyleAndModifierProps {
+  viewBox?: string;
+  width?: StyleAndModifierProps['width'];
+  height?: StyleAndModifierProps['height'];
+}
+/**
+ * Runtime version of withDefaultStyleProps
+ * Used by components for default style prop values
+ */
+declare const withDefaultStyleProps: {
+  HStack: (props: StackDefaultsInput) => StyleAndModifierProps;
+  VStack: (props: StackDefaultsInput) => StyleAndModifierProps;
+  Grid: (props: GridDefaultsInput) => StyleAndModifierProps;
+  GridItem: (props: GridItemDefaultsInput) => StyleAndModifierProps;
+  Button: (props: StyleAndModifierProps) => StyleAndModifierProps;
+  Avatar: (props: StyleAndModifierProps & {
+    shape?: BorderRadius;
+  }) => StyleAndModifierProps;
+  Svg: (props: SvgDefaultsInput) => StyleAndModifierProps;
+}; //#endregion
+//#endregion
+export { withDefaultStyleProps };

package/dist/core/dist/withDefaultStyleProps.js

@@ -0,0 +1,18 @@
+import { applyComponentStyleDefaults } from "../../utils/dist/component-style-defaults.js";
+import "../../utils/dist/index.js";
+//#region ../core/dist/withDefaultStyleProps.js
+/**
+* Runtime version of withDefaultStyleProps
+* Used by components for default style prop values
+*/
+const withDefaultStyleProps = {
+	HStack: (props) => applyComponentStyleDefaults("HStack", props),
+	VStack: (props) => applyComponentStyleDefaults("VStack", props),
+	Grid: (props) => applyComponentStyleDefaults("Grid", props),
+	GridItem: (props) => applyComponentStyleDefaults("GridItem", props),
+	Button: (props) => applyComponentStyleDefaults("Button", props),
+	Avatar: (props) => applyComponentStyleDefaults("Avatar", props),
+	Svg: (props) => applyComponentStyleDefaults("Svg", props)
+};
+//#endregion
+export { withDefaultStyleProps };

package/dist/core.d.ts

@@ -0,0 +1,12 @@
+import { createComponent } from "./core/dist/createComponent.js";
+import { ComponentExample, createComponentExample } from "./core/dist/createComponentExample.js";
+import { createProvider } from "./core/dist/createProvider.js";
+import { stylePropsTwMap } from "./core/dist/generated/stylePropsTwMap.js";
+import { createComponentStyler } from "./core/dist/getComponentStyles.js";
+import { createVariants, cx, getStyles, getVariantClassName, processStyleProps, toCamelCase } from "./core/dist/getStyles.js";
+import { expandMacros, getMacroConfig, setMacroConfig } from "./core/dist/macros.js";
+import { ConfigurablePropertyEntry, CssVariablePrefixEntry, ModifierEntry, PropMapping, colorPropToOpacityProp, getConfigurablePropMapping, getConfigurableProperties, getCssVariablePrefixes, modifierMappings, propMappings } from "./core/dist/propMappings.js";
+import { resolveMotionState } from "./core/dist/resolveMotionState.js";
+import { TransformedMotionProps, transformPreset } from "./core/dist/transformPreset.js";
+import { withDefaultStyleProps } from "./core/dist/withDefaultStyleProps.js";
+export { ComponentExample, ConfigurablePropertyEntry, CssVariablePrefixEntry, ModifierEntry, PropMapping, TransformedMotionProps, colorPropToOpacityProp, createComponent, createComponentExample, createComponentStyler, createProvider, createVariants, cx, expandMacros, getConfigurablePropMapping, getConfigurableProperties, getCssVariablePrefixes, getMacroConfig, getStyles, getVariantClassName, modifierMappings, processStyleProps, propMappings, resolveMotionState, setMacroConfig, stylePropsTwMap, toCamelCase, transformPreset, withDefaultStyleProps };

package/dist/core.js

@@ -0,0 +1,13 @@
+import { stylePropsTwMap } from "./core/dist/generated/stylePropsTwMap.js";
+import { expandMacros, getMacroConfig, setMacroConfig } from "./core/dist/macros.js";
+import { colorPropToOpacityProp, getConfigurablePropMapping, getConfigurableProperties, getCssVariablePrefixes, modifierMappings, propMappings } from "./core/dist/propMappings.js";
+import { createVariants, cx, getStyles, getVariantClassName, processStyleProps, toCamelCase } from "./core/dist/getStyles.js";
+import { createComponentStyler } from "./core/dist/getComponentStyles.js";
+import { createComponent } from "./core/dist/createComponent.js";
+import { createComponentExample } from "./core/dist/createComponentExample.js";
+import { createProvider } from "./core/dist/createProvider.js";
+import { resolveMotionState } from "./core/dist/resolveMotionState.js";
+import { transformPreset } from "./core/dist/transformPreset.js";
+import { withDefaultStyleProps } from "./core/dist/withDefaultStyleProps.js";
+import "./core/dist/index.js";
+export { colorPropToOpacityProp, createComponent, createComponentExample, createComponentStyler, createProvider, createVariants, cx, expandMacros, getConfigurablePropMapping, getConfigurableProperties, getCssVariablePrefixes, getMacroConfig, getStyles, getVariantClassName, modifierMappings, processStyleProps, propMappings, resolveMotionState, setMacroConfig, stylePropsTwMap, toCamelCase, transformPreset, withDefaultStyleProps };

package/dist/createSlot.d.ts

@@ -0,0 +1,2 @@
+import { createSlot } from "./components/dist/createSlot.js";
+export { createSlot };

package/dist/createSlot.js

@@ -0,0 +1,2 @@
+import { createSlot } from "./components/dist/createSlot.js";
+export { createSlot };

package/dist/devtools.d.ts

@@ -0,0 +1,2 @@
+import { UdsDevtools, UseDevtoolsOptions } from "@uds/devtools/client";
+export { UdsDevtools, type UseDevtoolsOptions };

package/dist/devtools.js

@@ -0,0 +1,3 @@
+import "@uds/devtools/styles.css";
+import { UdsDevtools } from "@uds/devtools/client";
+export { UdsDevtools };

package/dist/fixtures.d.ts

@@ -0,0 +1,2 @@
+import { ConfigurablePropertyEntry, CssVariablePrefixEntry, ModifierEntry, PropMapping, getConfigurablePropMapping, getConfigurableProperties, getCssVariablePrefixes, modifierMappings, propMappings } from "./core/dist/propMappings.js";
+export { type ConfigurablePropertyEntry, type CssVariablePrefixEntry, type ModifierEntry, type PropMapping, getConfigurablePropMapping, getConfigurableProperties, getCssVariablePrefixes, modifierMappings, propMappings };

package/dist/fixtures.js

@@ -0,0 +1,3 @@
+import { getConfigurablePropMapping, getConfigurableProperties, getCssVariablePrefixes, modifierMappings, propMappings } from "./core/dist/propMappings.js";
+import "./core/dist/index.js";
+export { getConfigurablePropMapping, getConfigurableProperties, getCssVariablePrefixes, modifierMappings, propMappings };