@yahoo/uds-v5-wip 1.60.0 → 1.61.0

package/dist/core/dist/createComponent.js

@@ -1,67 +0,0 @@
-import { processStyleProps } from "./getStyles.js";
-import { createComponentStyler } from "./getComponentStyles.js";
-import { applySlotOverrides, assertTransformedConfig, buildSlotProps, buildUntransformedSlotProps, inferComponentNameFromRenderFn, mergeMotionConfig, mergeRootClassName, mergeSlotMotionProps, partitionMergedProps } from "./createComponent.boundaries.js";
-import { createElement } from "react";
-//#region ../core/dist/createComponent.js
-function createPrimitiveRenderFn(tag) {
-	return ({ props, children }) => {
-		const { as, ...rootProps } = props.root;
-		return createElement(as ?? tag, rootProps, children);
-	};
-}
-function toRenderProps(ownProps, props, children) {
-	return {
-		...ownProps,
-		props,
-		children
-	};
-}
-function createComponent(nameOrConfigOrRenderFn, renderFnArg) {
-	let nameOrConfig;
-	let renderFn = null;
-	let isRenderFunctionAuthoringCall = false;
-	if (typeof nameOrConfigOrRenderFn === "function") {
-		isRenderFunctionAuthoringCall = true;
-		renderFn = nameOrConfigOrRenderFn;
-		nameOrConfig = inferComponentNameFromRenderFn(nameOrConfigOrRenderFn);
-	} else if (typeof nameOrConfigOrRenderFn === "string") {
-		if (typeof renderFnArg === "function") throw new Error("createComponent(\"Name\", renderFn) is no longer supported. Use createComponent(renderFn).");
-		renderFn = createPrimitiveRenderFn(typeof renderFnArg === "string" ? renderFnArg : nameOrConfigOrRenderFn);
-		nameOrConfig = nameOrConfigOrRenderFn;
-	} else {
-		nameOrConfig = nameOrConfigOrRenderFn;
-		if (typeof renderFnArg === "function") renderFn = renderFnArg;
-		else if (typeof renderFnArg === "string") renderFn = createPrimitiveRenderFn(renderFnArg);
-	}
-	if (!renderFn) throw new Error("createComponent requires a render function or a tag");
-	const config = assertTransformedConfig(nameOrConfig);
-	const { name, element, slots, variants, defaultVariants, ownPropKeys, motion } = config;
-	const shouldPassThroughFallbackProps = config._udsUntransformed === true && isRenderFunctionAuthoringCall;
-	const styler = createComponentStyler(name, slots, element, variants);
-	const ownPropKeySet = new Set(ownPropKeys);
-	const slotNameSet = new Set(slots);
-	const Component = (props) => {
-		const { ownProps, resolveProps, children, injectedClassName, userMotionConfig, slotOverrides } = partitionMergedProps({
-			...defaultVariants,
-			...props
-		}, ownPropKeySet, slotNameSet);
-		if (shouldPassThroughFallbackProps) {
-			const { slotProps, extractedOwnProps } = buildUntransformedSlotProps(resolveProps, injectedClassName, processStyleProps);
-			return renderFn(toRenderProps({
-				...ownProps,
-				...extractedOwnProps
-			}, slotProps, children));
-		}
-		const { classes: resolvedClasses, htmlProps, className: resolvedClassName } = styler.resolve(resolveProps);
-		const classes = mergeRootClassName(resolvedClasses, injectedClassName);
-		const mergedRootClassName = [resolvedClassName, injectedClassName].filter(Boolean).join(" ").trim();
-		const mergedMotionConfig = mergeMotionConfig(motion, userMotionConfig);
-		const finalSlotProps = mergeSlotMotionProps(applySlotOverrides(buildSlotProps(slots, classes, htmlProps, mergedRootClassName || void 0), slotOverrides, processStyleProps), mergedMotionConfig);
-		return renderFn(toRenderProps(ownProps, finalSlotProps, children));
-	};
-	Component.displayName = name;
-	Component.__udsVariantValues = config.variantValues;
-	return Component;
-}
-//#endregion
-export { createComponent };

package/dist/core/dist/createComponentExample.d.ts

@@ -1,41 +0,0 @@
-import { ComponentProps, ComponentType } from "react";
-
-//#region ../core/dist/createComponentExample.d.ts
-/**
- * Extracts variant fixtures from a Component's props type.
- * If Button has `variant?: 'brand' | 'outline'` and `size?: 'sm' | 'md'`,
- * fixtures becomes `{ variant: ('brand' | 'outline')[], size: ('sm' | 'md')[] }`.
- */
-type VariantFixtures<TComponent extends ComponentType<any>> = { [K in keyof ComponentProps<TComponent> as ComponentProps<TComponent>[K] extends string | undefined ? K extends 'children' | 'className' | 'style' | `on${string}` | `aria-${string}` | `data-${string}` | keyof React.JSX.IntrinsicElements['div'] ? never : K : never]: NonNullable<ComponentProps<TComponent>[K]>[] };
-type ExampleProps<TComponent extends ComponentType<any>> = Partial<ComponentProps<TComponent>>;
-type ExampleFn<TComponent extends ComponentType<any>> = ComponentType<ExampleProps<TComponent>>;
-interface ComponentExample<T extends Record<string, ComponentType<any>>> {
-  componentName: string;
-  examples: T;
-  icon?: string;
-  minWidth?: number;
-  subcomponents: ComponentExample<any>[];
-}
-/** Return type of the examples callback — example fns plus optional metadata. */
-type ExamplesResult<TComponent extends ComponentType<any>> = {
-  [key: string]: ExampleFn<TComponent> | string | number | ComponentExample<any>[] | undefined;
-  icon?: string;
-  minWidth?: number;
-  subcomponents?: ComponentExample<any>[];
-};
-/**
- * Define examples for a UDS component. Props and fixtures are automatically
- * typed from the Component — no config import or manual annotations needed.
- *
- * @example
- * ```tsx
- * export default createComponentExample(Button, (fixtures) => ({
- *   icon: 'M5 5h14v14H5V5zm3 3h8v8H8V8z',
- *   default: (props) => <Button variant="brand" {...props}>{props.children ?? 'Brand'}</Button>,
- *   anatomy: () => <Button>Default</Button>,
- * }));
- * ```
- */
-declare function createComponentExample<TComponent extends ComponentType<any>, T extends Record<string, ExampleFn<TComponent>>>(Component: TComponent, examplesFn: (fixtures: VariantFixtures<TComponent>) => ExamplesResult<TComponent>): ComponentExample<T>;
-//#endregion
-export { ComponentExample, createComponentExample };

package/dist/core/dist/createComponentExample.js

@@ -1,27 +0,0 @@
-//#region ../core/dist/createComponentExample.js
-/**
-* Define examples for a UDS component. Props and fixtures are automatically
-* typed from the Component — no config import or manual annotations needed.
-*
-* @example
-* ```tsx
-* export default createComponentExample(Button, (fixtures) => ({
-*   icon: 'M5 5h14v14H5V5zm3 3h8v8H8V8z',
-*   default: (props) => <Button variant="brand" {...props}>{props.children ?? 'Brand'}</Button>,
-*   anatomy: () => <Button>Default</Button>,
-* }));
-* ```
-*/
-function createComponentExample(Component, examplesFn) {
-	const componentName = Component.displayName || Component.name || "Unknown";
-	const { icon, minWidth, subcomponents, ...examples } = examplesFn(Component.__udsVariantValues ?? {});
-	return {
-		componentName,
-		examples,
-		icon,
-		minWidth,
-		subcomponents: subcomponents ?? []
-	};
-}
-//#endregion
-export { createComponentExample };

package/dist/core/dist/createProvider.d.ts

@@ -1,12 +0,0 @@
-//#region ../core/dist/createProvider.d.ts
-type ProviderRenderFn<TContext, TProps = Record<never, never>> = (props: {
-  children: React.ReactNode;
-} & TProps) => {
-  context: TContext;
-  render: React.ReactNode;
-};
-declare function createProvider<TContext, TProps = Record<never, never>>(name: string, renderFn: ProviderRenderFn<TContext, TProps>): [React.FC<{
-  children: React.ReactNode;
-} & TProps>, () => TContext];
-//#endregion
-export { createProvider };

package/dist/core/dist/createProvider.js

@@ -1,24 +0,0 @@
-"use client";
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region ../core/dist/createProvider.js
-function createProvider(name, renderFn) {
-	const Context = createContext(null);
-	function Provider(props) {
-		const result = renderFn(props);
-		return /* @__PURE__ */ jsx(Context.Provider, {
-			value: result.context,
-			children: result.render
-		});
-	}
-	Provider.displayName = `${name}Provider`;
-	Provider.__udsProvider = { name };
-	function useProviderContext() {
-		const ctx = useContext(Context);
-		if (!ctx) throw new Error(`use${name} must be used within ${name}Provider`);
-		return ctx;
-	}
-	return [Provider, useProviderContext];
-}
-//#endregion
-export { createProvider };