@yahoo/uds-v5-wip 1.60.0 → 1.61.0

package/dist/config/dist/resolveTokenTypes.js

@@ -1,149 +0,0 @@
-//#region ../config/dist/resolveTokenTypes.js
-/**
-* Default `TokenType` for each property group. Used to infer a var
-* namespace's type when no explicit `$type` is declared — e.g. a namespace
-* scoped to `['textColor', 'background']` is clearly a `color` namespace.
-*
-* Property groups that hold composite values (`shadow`, `textShadow`) or
-* mixed-kind values (`transform` — mixes rotate/scale/translate/skew) are
-* intentionally omitted; they fall through to `undefined` until the
-* Composite Tokens RFC lands.
-*/
-const propertyGroupDefaultType = {
-	textColor: "color",
-	background: "color",
-	borderColor: "color",
-	outlineColor: "color",
-	ringColor: "color",
-	divideColor: "color",
-	shadowColor: "color",
-	svgFill: "color",
-	svgStroke: "color",
-	caretColor: "color",
-	textDecorationColor: "color",
-	opacity: "number",
-	colorOpacity: "number",
-	bgOpacity: "number",
-	borderColorOpacity: "number",
-	divideColorOpacity: "number",
-	outlineColorOpacity: "number",
-	ringColorOpacity: "number",
-	textDecorationColorOpacity: "number",
-	svgFillOpacity: "number",
-	svgStrokeOpacity: "number",
-	shadowColorOpacity: "number",
-	caretColorOpacity: "number",
-	fontFamily: "fontFamily",
-	fontSize: "dimension",
-	fontWeight: "fontWeight",
-	lineHeight: "number",
-	letterSpacing: "dimension",
-	blur: "dimension",
-	backdropBlur: "dimension",
-	animation: "duration",
-	zIndex: "number",
-	borderWidth: "dimension",
-	borderRadius: "dimension",
-	outlineWidth: "dimension",
-	divideWidth: "dimension",
-	ringWidth: "dimension",
-	padding: "dimension",
-	margin: "dimension",
-	offset: "dimension",
-	gap: "dimension",
-	indent: "dimension",
-	scrollSnapGap: "dimension",
-	scrollSnapSpacing: "dimension",
-	tableBorderSpacing: "dimension",
-	width: "dimension",
-	height: "dimension",
-	aspectRatio: "number",
-	positionPlacement: "dimension",
-	flex: "number",
-	strokeWidth: "dimension"
-};
-/**
-* Resolve a token's `TokenType` in priority order:
-*
-* 1. Explicit `$type` (from the token or its group)
-* 2. Derived from `defineScopes` — when all scopes agree on a default type
-* 3. Value sniff (last resort) — regex-matches obvious value shapes
-*
-* Returns `undefined` when none of the strategies produce a confident answer.
-* Consumers (Studio, tooling) should treat `undefined` as "render a plain
-* string input" — never guess wrong.
-*/
-function resolveTokenType(input) {
-	if (input.explicit) return input.explicit;
-	if (input.scopes && input.scopes.length > 0) {
-		const types = /* @__PURE__ */ new Set();
-		for (const scope of input.scopes) {
-			const t = propertyGroupDefaultType[scope];
-			if (t) types.add(t);
-		}
-		if (types.size === 1) {
-			const [only] = types;
-			return only;
-		}
-	}
-	if (typeof input.value === "string") {
-		const sniffed = sniffTokenTypeFromValue(input.value);
-		if (sniffed) return sniffed;
-	}
-}
-/**
-* Heuristic last-resort classifier for a raw CSS value. Returns `undefined`
-* when no confident match is possible (e.g. `var(...)` references).
-*
-* Exported for testing; prefer `resolveTokenType` in most call sites.
-*/
-function sniffTokenTypeFromValue(value) {
-	const v = value.trim();
-	if (v.length === 0) return void 0;
-	if (CSS_WIDE_KEYWORDS.has(v)) return "string";
-	if (v.startsWith("var(")) return void 0;
-	if (COLOR_FUNCTION_RE.test(v)) return "color";
-	if (HEX_COLOR_RE.test(v)) return "color";
-	if (NAMED_COLOR_KEYWORDS.has(v.toLowerCase())) return "color";
-	if (DURATION_RE.test(v)) return "duration";
-	if (DIMENSION_RE.test(v)) return "dimension";
-	if (PURE_NUMBER_RE.test(v)) return "number";
-}
-const CSS_WIDE_KEYWORDS = new Set([
-	"inherit",
-	"initial",
-	"unset",
-	"revert",
-	"revert-layer",
-	"auto",
-	"none",
-	"currentColor",
-	"currentcolor",
-	"transparent"
-]);
-const HEX_COLOR_RE = /^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;
-const COLOR_FUNCTION_RE = /^(?:rgb|rgba|hsl|hsla|hwb|lab|lch|oklab|oklch|color|color-mix|light-dark)\s*\(/i;
-const NUMBER_RE_SRC = "(?:\\d+(?:\\.\\d+)?|\\.\\d+)";
-const DIMENSION_RE = new RegExp(`^-?${NUMBER_RE_SRC}(?:px|rem|em|%|vh|vw|vmin|vmax|vi|vb|svh|svw|lvh|lvw|dvh|dvw|ch|ex|cap|ic|lh|rlh|pt|pc|in|cm|mm|q|fr|deg|turn|rad|grad)$`, "i");
-const DURATION_RE = new RegExp(`^-?${NUMBER_RE_SRC}(?:ms|s)$`, "i");
-const PURE_NUMBER_RE = new RegExp(`^-?${NUMBER_RE_SRC}$`);
-const NAMED_COLOR_KEYWORDS = new Set([
-	"black",
-	"white",
-	"red",
-	"green",
-	"blue",
-	"yellow",
-	"orange",
-	"purple",
-	"pink",
-	"gray",
-	"grey",
-	"brown",
-	"cyan",
-	"magenta",
-	"silver",
-	"gold"
-]);
-//#endregion
-export { propertyGroupDefaultType, resolveTokenType, sniffTokenTypeFromValue };

package/dist/config-utils/dist/componentConfig.d.ts

@@ -1,10 +0,0 @@
-//#region ../config-utils/dist/componentConfig.d.ts
-//#region src/componentConfig.d.ts
-interface ComponentConfigLike {
-  variants?: Record<string, Record<string, unknown>>;
-  defaultVariants?: Record<string, unknown> | null | undefined;
-}
-declare function getComponentVariantAxes(componentConfig: ComponentConfigLike | null | undefined): Set<string>;
-declare function getComponentDefaultVariants(defaultVariants: ComponentConfigLike['defaultVariants']): Record<string, string>; //#endregion
-//#endregion
-export { ComponentConfigLike, getComponentDefaultVariants, getComponentVariantAxes };

package/dist/config-utils/dist/componentConfig.js

@@ -1,11 +0,0 @@
-//#region ../config-utils/dist/componentConfig.js
-function getComponentVariantAxes(componentConfig) {
-	return new Set(Object.keys(componentConfig?.variants ?? {}));
-}
-function getComponentDefaultVariants(defaultVariants) {
-	const normalized = {};
-	for (const [axis, axisValue] of Object.entries(defaultVariants ?? {})) if (typeof axisValue === "string") normalized[axis] = axisValue;
-	return normalized;
-}
-//#endregion
-export { getComponentDefaultVariants, getComponentVariantAxes };

package/dist/config-utils.d.ts

@@ -1,2 +0,0 @@
-import { ComponentConfigLike, getComponentDefaultVariants, getComponentVariantAxes } from "./config-utils/dist/componentConfig.js";
-export { ComponentConfigLike, getComponentDefaultVariants, getComponentVariantAxes };

package/dist/config-utils.js

@@ -1,2 +0,0 @@
-import { getComponentDefaultVariants, getComponentVariantAxes } from "./config-utils/dist/componentConfig.js";
-export { getComponentDefaultVariants, getComponentVariantAxes };

package/dist/core/dist/color-opacity-map.js

@@ -1,33 +0,0 @@
-//#region ../core/dist/color-opacity-map.js
-/**
-* Maps each color prop name to its corresponding opacity prop name.
-* Used by the runtime (`getStyles`) and loader (`style-transform`) to merge
-* a color value with its opacity before class generation.
-*
-* @example
-* `bg="primary"` + `bgOpacity="75"` → class `bg-primary_75`
-*/
-const colorPropToOpacityProp = {
-	bg: "bgOpacity",
-	color: "colorOpacity",
-	textDecorationColor: "textDecorationColorOpacity",
-	borderColor: "borderColorOpacity",
-	borderYColor: "borderYColorOpacity",
-	borderXColor: "borderXColorOpacity",
-	borderStartColor: "borderStartColorOpacity",
-	borderLeftColor: "borderLeftColorOpacity",
-	borderEndColor: "borderEndColorOpacity",
-	borderRightColor: "borderRightColorOpacity",
-	borderTopColor: "borderTopColorOpacity",
-	borderBottomColor: "borderBottomColorOpacity",
-	divideColor: "divideColorOpacity",
-	outlineColor: "outlineColorOpacity",
-	ringColor: "ringColorOpacity",
-	ringOffsetColor: "ringOffsetColorOpacity",
-	fillColor: "fillColorOpacity",
-	strokeColor: "strokeColorOpacity",
-	shadowColor: "shadowColorOpacity",
-	caretColor: "caretColorOpacity"
-};
-//#endregion
-export { colorPropToOpacityProp };

package/dist/core/dist/compositeStyles.d.ts

@@ -1,21 +0,0 @@
-import { CompositeStylesConfig } from "@uds/types";
-
-//#region ../core/dist/compositeStyles.d.ts
-/** Set the composite-styles config (called by loader at build time) */
-declare function setCompositeStylesConfig(config: CompositeStylesConfig): void;
-/** Get the current composite-styles config */
-declare function getCompositeStylesConfig(): CompositeStylesConfig;
-/**
- * Expand composite-style props into their constituent style props + marker classes.
- *
- * - Composite styles are lowest priority: explicit props always win
- * - Nested composite styles are supported (a style bag can reference another group)
- * - Circular references are detected and throw
- * - Marker classes (e.g. "elevation-0") are returned for modifier targeting
- */
-declare function expandCompositeStyles(props: Record<string, unknown>, config?: CompositeStylesConfig): {
-  expanded: Record<string, unknown>;
-  markerClasses: string[];
-};
-//#endregion
-export { expandCompositeStyles, getCompositeStylesConfig, setCompositeStylesConfig };

package/dist/core/dist/compositeStyles.js

@@ -1,51 +0,0 @@
-import { safeTokenName } from "../../utils/dist/string-utils/cssVar.js";
-import "../../utils/dist/index.js";
-//#region ../core/dist/compositeStyles.js
-/**
-* Runtime composite-styles config — set by the loader/codegen at build time.
-* Maps composite-style group names to a `{ label, description?, styles }`
-* definition where `styles` holds variant id -> style bag.
-*/
-let compositeStylesConfig = {};
-/** Set the composite-styles config (called by loader at build time) */
-function setCompositeStylesConfig(config) {
-	compositeStylesConfig = config;
-}
-/** Get the current composite-styles config */
-function getCompositeStylesConfig() {
-	return compositeStylesConfig;
-}
-/**
-* Expand composite-style props into their constituent style props + marker classes.
-*
-* - Composite styles are lowest priority: explicit props always win
-* - Nested composite styles are supported (a style bag can reference another group)
-* - Circular references are detected and throw
-* - Marker classes (e.g. "elevation-0") are returned for modifier targeting
-*/
-function expandCompositeStyles(props, config = compositeStylesConfig) {
-	const expanded = {};
-	const markers = [];
-	const seen = /* @__PURE__ */ new Set();
-	function expand(key, value) {
-		const def = config[key];
-		if (def && typeof value === "string") {
-			if (seen.has(key)) throw new Error(`Circular composite style: ${[...seen, key].join(" → ")}`);
-			seen.add(key);
-			markers.push(`${key}-${safeTokenName(value)}`);
-			const bag = def.styles[value];
-			if (bag) {
-				for (const [k, v] of Object.entries(bag)) if (!(k in expanded)) expand(k, v);
-			}
-			seen.delete(key);
-		} else if (!(key in expanded)) expanded[key] = value;
-	}
-	for (const [key, value] of Object.entries(props)) if (key in config) expand(key, value);
-	for (const [key, value] of Object.entries(props)) if (!(key in config)) expanded[key] = value;
-	return {
-		expanded,
-		markerClasses: markers
-	};
-}
-//#endregion
-export { expandCompositeStyles, getCompositeStylesConfig, setCompositeStylesConfig };

package/dist/core/dist/configurable-prop-helpers.d.ts

@@ -1,31 +0,0 @@
-import { PropMapping } from "./style-prop-data.js";
-import { ConfigurableProp } from "@uds/types";
-
-//#region ../core/dist/configurable-prop-helpers.d.ts
-/** Look up a {@link PropMapping} by ConfigurableProp name. */
-declare function getConfigurablePropMapping(prop: ConfigurableProp): PropMapping | undefined;
-interface ConfigurablePropertyEntry {
-  property: string;
-  subProperties: string[];
-  augmentType: string;
-}
-/**
- * Derives the configurable properties table from {@link propMappings}.
- * Groups props by augmentType — the primary prop is the one matching
- * a ConfigurableProp name, the rest are sub-properties.
- */
-declare function getConfigurableProperties(): ConfigurablePropertyEntry[];
-interface CssVariablePrefixEntry {
-  property: string;
-  cssPrefix: string;
-  exampleVariable: string;
-  exampleUtility: string;
-}
-/**
- * Derives the CSS variable prefix table from {@link propMappings}.
- * Only includes props that have both `cssProperty` and `defaultVarPrefix`.
- * Deduplicates by `defaultVarPrefix` so each namespace appears once.
- */
-declare function getCssVariablePrefixes(): CssVariablePrefixEntry[];
-//#endregion
-export { ConfigurablePropertyEntry, CssVariablePrefixEntry, getConfigurablePropMapping, getConfigurableProperties, getCssVariablePrefixes };

package/dist/core/dist/configurable-prop-helpers.js

@@ -1,61 +0,0 @@
-import { propMappings } from "./style-prop-data.js";
-//#region ../core/dist/configurable-prop-helpers.js
-/** Maps ConfigurableProp names to propMappings keys when they differ. */
-const configurablePropAliases = {};
-/** Look up a {@link PropMapping} by ConfigurableProp name. */
-function getConfigurablePropMapping(prop) {
-	return propMappings[configurablePropAliases[prop] ?? prop];
-}
-/**
-* Derives the configurable properties table from {@link propMappings}.
-* Groups props by augmentType — the primary prop is the one matching
-* a ConfigurableProp name, the rest are sub-properties.
-*/
-function getConfigurableProperties() {
-	const byAugment = {};
-	for (const [prop, mapping] of Object.entries(propMappings)) {
-		if (!mapping.augmentType) continue;
-		const aug = mapping.augmentType;
-		if (!byAugment[aug]) byAugment[aug] = [];
-		byAugment[aug].push(prop);
-	}
-	const entries = [];
-	for (const [augmentType, props] of Object.entries(byAugment)) {
-		const sorted = [...props].sort((a, b) => a.length - b.length);
-		const primary = sorted[0];
-		const subs = sorted.slice(1);
-		entries.push({
-			property: primary,
-			subProperties: subs,
-			augmentType
-		});
-	}
-	return entries;
-}
-/**
-* Derives the CSS variable prefix table from {@link propMappings}.
-* Only includes props that have both `cssProperty` and `defaultVarPrefix`.
-* Deduplicates by `defaultVarPrefix` so each namespace appears once.
-*/
-function getCssVariablePrefixes() {
-	const seen = /* @__PURE__ */ new Set();
-	const entries = [];
-	for (const [prop, mapping] of Object.entries(propMappings)) {
-		if (!mapping.defaultVarPrefix || !mapping.cssProperty) continue;
-		if (seen.has(mapping.defaultVarPrefix)) continue;
-		seen.add(mapping.defaultVarPrefix);
-		const prefix = `--uds-${mapping.defaultVarPrefix}-*`;
-		const exampleToken = mapping.defaultVarPrefix.includes("color") ? "brand" : mapping.defaultVarPrefix === "spacing" ? "4" : mapping.defaultVarPrefix === "radius" ? "lg" : mapping.defaultVarPrefix === "border-width" ? "2" : "value";
-		const exampleVar = `--uds-${mapping.defaultVarPrefix}-${exampleToken}`;
-		const exampleUtility = `${mapping.classPrefix}-${exampleToken}`;
-		entries.push({
-			property: prop,
-			cssPrefix: prefix,
-			exampleVariable: exampleVar,
-			exampleUtility
-		});
-	}
-	return entries;
-}
-//#endregion
-export { getConfigurablePropMapping, getConfigurableProperties, getCssVariablePrefixes };

package/dist/core/dist/createComponent.boundaries.js

@@ -1,192 +0,0 @@
-import { stylePropsTwMap } from "./generated/stylePropsTwMap.js";
-//#region ../core/dist/createComponent.boundaries.js
-const RESERVED_PROP_KEYS = new Set([
-	"children",
-	"motion",
-	"motionConfig",
-	"props",
-	"data-uds-class"
-]);
-function assertTransformedConfig(nameOrConfig) {
-	if (typeof nameOrConfig !== "string") return nameOrConfig;
-	return {
-		name: nameOrConfig,
-		element: "div",
-		slots: ["root"],
-		variants: [],
-		defaultVariants: {},
-		ownPropKeys: [],
-		_udsUntransformed: true
-	};
-}
-function inferComponentNameFromRenderFn(renderFn) {
-	if (typeof renderFn.displayName === "string" && renderFn.displayName.trim().length > 0) return renderFn.displayName;
-	if (typeof renderFn.name === "string" && renderFn.name.trim().length > 0) return renderFn.name;
-	return "Component";
-}
-function partitionMergedProps(mergedProps, ownPropKeySet, slotNames) {
-	const ownProps = {};
-	const resolveProps = {};
-	let children;
-	let injectedClassName;
-	let userMotionConfig;
-	let slotOverrides;
-	for (const key in mergedProps) {
-		if (!Object.hasOwn(mergedProps, key)) continue;
-		const value = mergedProps[key];
-		if (ownPropKeySet.has(key)) {
-			ownProps[key] = value;
-			continue;
-		}
-		if (key === "children") {
-			children = value;
-			continue;
-		}
-		if (key === "data-uds-class") {
-			injectedClassName = typeof value === "string" ? value : void 0;
-			continue;
-		}
-		if (key === "motionConfig") {
-			userMotionConfig = value && typeof value === "object" && !Array.isArray(value) ? value : void 0;
-			continue;
-		}
-		if (slotNames && key.startsWith("_") && value && typeof value === "object" && !Array.isArray(value)) {
-			const slotName = key.slice(1);
-			if (slotNames.has(slotName)) {
-				slotOverrides ??= {};
-				slotOverrides[slotName] = value;
-				continue;
-			}
-		}
-		if (!RESERVED_PROP_KEYS.has(key)) resolveProps[key] = value;
-	}
-	return {
-		ownProps,
-		resolveProps,
-		children,
-		injectedClassName,
-		userMotionConfig,
-		slotOverrides
-	};
-}
-function mergeRootClassName(classes, injectedClassName) {
-	if (!injectedClassName) return classes;
-	return {
-		...classes,
-		root: `${classes.root ?? ""} ${injectedClassName}`.trim()
-	};
-}
-function buildSlotProps(slots, classes, htmlProps, rootClassName) {
-	const slotProps = {};
-	for (const slot of slots) slotProps[slot] = { className: classes[slot] };
-	const rootSlot = slots.includes("root") ? "root" : slots[0];
-	if (!rootSlot) return slotProps;
-	const { className: htmlClassName, motionConfig: _mc, ...rootHtmlProps } = htmlProps;
-	const mergedRootClassName = [rootClassName ?? slotProps[rootSlot]?.className, typeof htmlClassName === "string" ? htmlClassName : void 0].filter(Boolean).join(" ").trim();
-	slotProps[rootSlot] = {
-		...slotProps[rootSlot],
-		...rootHtmlProps,
-		className: mergedRootClassName || void 0
-	};
-	if (!slotProps.root) slotProps.root = slotProps[rootSlot];
-	return slotProps;
-}
-function mergeMotionConfig(defaultMotion, userMotionConfig) {
-	if (!defaultMotion && !userMotionConfig) return;
-	const merged = { ...defaultMotion ?? {} };
-	if (!userMotionConfig) return merged;
-	for (const [slot, slotConfig] of Object.entries(userMotionConfig)) {
-		if (slotConfig && typeof slotConfig === "object" && !Array.isArray(slotConfig) && merged[slot] && typeof merged[slot] === "object" && !Array.isArray(merged[slot])) {
-			merged[slot] = {
-				...merged[slot],
-				...slotConfig
-			};
-			continue;
-		}
-		merged[slot] = slotConfig;
-	}
-	return merged;
-}
-/**
-* Render a component that hasn't been transformed by the build plugin.
-* Strips internal data attributes, runs processStyleProps to extract style
-* props into className, and builds minimal slot props for the render function.
-*
-* Returns both the slot props and any extracted own props (non-HTML-attribute
-* values like arrays and objects that should be passed at the top level of
-* the render props, not inside slot props).
-*/
-function buildUntransformedSlotProps(resolveProps, injectedClassName, processStylePropsFn) {
-	const { "data-uds-id": _internalUdsId, "data-uds-source": _internalUdsSource, ...publicResolveProps } = resolveProps;
-	const { className: userClassName, ...styleAndHtml } = publicResolveProps;
-	const [styleClassName, htmlOnly] = processStylePropsFn(styleAndHtml, {
-		extractNativeProps: true,
-		existingClassName: typeof userClassName === "string" ? userClassName : void 0
-	});
-	const htmlProps = {};
-	const extractedOwnProps = {};
-	for (const key in htmlOnly) {
-		if (!Object.hasOwn(htmlOnly, key)) continue;
-		const value = htmlOnly[key];
-		if (key === "as" || key !== "style" && (Array.isArray(value) || value !== null && typeof value === "object" && !(value instanceof Date))) extractedOwnProps[key] = value;
-		else htmlProps[key] = value;
-	}
-	for (const key in styleAndHtml) {
-		if (!Object.hasOwn(styleAndHtml, key)) continue;
-		if (!(key in htmlOnly)) extractedOwnProps[key] = styleAndHtml[key];
-	}
-	if (typeof userClassName === "string") for (const token of userClassName.split(" ")) {
-		if (!token) continue;
-		const entry = stylePropsTwMap[token];
-		if (!entry) continue;
-		const [propName, propValue] = Object.entries(entry)[0];
-		if (propName && propValue !== void 0 && !(propName in extractedOwnProps)) extractedOwnProps[propName] = propValue;
-	}
-	const rootClassName = [
-		typeof userClassName === "string" ? userClassName : void 0,
-		styleClassName,
-		injectedClassName
-	].filter(Boolean).join(" ").trim();
-	return {
-		slotProps: { root: {
-			...htmlProps,
-			className: rootClassName || void 0
-		} },
-		extractedOwnProps
-	};
-}
-function applySlotOverrides(slotProps, slotOverrides, processStylePropsFn) {
-	if (!slotOverrides) return slotProps;
-	const merged = { ...slotProps };
-	for (const [slotName, overrideProps] of Object.entries(slotOverrides)) {
-		if (!merged[slotName]) continue;
-		const [overrideClassName, overrideHtmlProps] = processStylePropsFn(overrideProps, { extractNativeProps: true });
-		const existing = merged[slotName];
-		const mergedClassName = [
-			typeof existing.className === "string" ? existing.className : "",
-			overrideClassName,
-			typeof overrideHtmlProps.className === "string" ? overrideHtmlProps.className : ""
-		].filter(Boolean).join(" ").trim();
-		const { className: _overrideHtmlCn, ...restHtmlProps } = overrideHtmlProps;
-		merged[slotName] = {
-			...existing,
-			...restHtmlProps,
-			className: mergedClassName || void 0
-		};
-	}
-	return merged;
-}
-function mergeSlotMotionProps(slotProps, motionConfig) {
-	if (!motionConfig) return slotProps;
-	const merged = { ...slotProps };
-	for (const [slot, slotMotion] of Object.entries(motionConfig)) {
-		if (!slotMotion || typeof slotMotion !== "object" || Array.isArray(slotMotion) || !merged[slot]) continue;
-		merged[slot] = {
-			...merged[slot],
-			...slotMotion
-		};
-	}
-	return merged;
-}
-//#endregion
-export { applySlotOverrides, assertTransformedConfig, buildSlotProps, buildUntransformedSlotProps, inferComponentNameFromRenderFn, mergeMotionConfig, mergeRootClassName, mergeSlotMotionProps, partitionMergedProps };

package/dist/core/dist/createComponent.d.ts

@@ -1,56 +0,0 @@
-import { CreateComponentConfig, CreateComponentProps, CreateComponentRenderFn, CreateComponentSlotTagConfig, CreateComponentTypeInput } from "@uds/types";
-
-//#region ../core/dist/createComponent.d.ts
-type PrimitiveTag = keyof React.JSX.IntrinsicElements;
-type SpecConfig<TSpec> = TSpec extends {
-  config: infer TConfig extends CreateComponentTypeInput;
-} ? TConfig : string;
-type SpecOwnProps<TSpec> = TSpec extends {
-  props: infer TOwnProps;
-} ? TOwnProps : TSpec;
-type SpecSlotConfig<TSpec> = SpecConfig<TSpec> extends infer TConfig extends CreateComponentTypeInput ? TSpec extends {
-  slots: infer TSlots;
-} ? TSlots extends CreateComponentSlotTagConfig<TConfig> ? TSlots : 'div' : 'div' : 'div';
-type PrimitiveOwnProps<TSpecOrProps> = TSpecOrProps extends {
-  props: infer TOwnProps;
-} ? TOwnProps : TSpecOrProps;
-/**
- * Create a custom uds component with automatic style/variant resolution.
- *
- * At author-time, call `createComponent(renderFn)`. The loader infers the
- * component name from the assigned variable (e.g. `const Name = createComponent(...)`).
- *
- * The uds-loader build plugin rewrites calls to inline a config object so
- * the runtime can resolve styles without an extra manifest import.
- *
- * @example
- * ```tsx
- * type CardConfig = typeof cardConfig;
- *
- * interface CardSpec {
- *   config: CardConfig;
- *   props: CardOwnProps;
- * }
- *
- * export const Card = createComponent<CardSpec>(
- *   ({ props, children, title, actions }) => (
- *     <VStack {...props.root}>
- *       <Text {...props.title}>{title}</Text>
- *       {children}
- *     </VStack>
- *   )
- * );
- * ```
- */
-declare function createComponent<TSpecOrProps = {}>(tag: PrimitiveTag): React.FC<TSpecOrProps extends {
-  config: infer TConfig extends CreateComponentTypeInput;
-  props: infer TOwnProps;
-  slots: infer TSlots;
-} ? CreateComponentProps<TConfig, TOwnProps, TSlots extends CreateComponentSlotTagConfig<TConfig> ? TSlots : PrimitiveTag> : TSpecOrProps extends {
-  config: infer TConfig extends CreateComponentTypeInput;
-  props: infer TOwnProps;
-} ? CreateComponentProps<TConfig, TOwnProps, PrimitiveTag> : PrimitiveOwnProps<TSpecOrProps>>;
-declare function createComponent<TSpec>(renderFn: CreateComponentRenderFn<SpecConfig<TSpec>, SpecOwnProps<TSpec>, SpecSlotConfig<TSpec>>): React.FC<CreateComponentProps<SpecConfig<TSpec>, SpecOwnProps<TSpec>, SpecSlotConfig<TSpec>>>;
-declare function createComponent(config: CreateComponentConfig<string>, renderFn: CreateComponentRenderFn<any, any, any>): React.FC<any>;
-//#endregion
-export { createComponent };