@yahoo/uds-v5-wip 1.14.0 → 1.16.0

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

@@ -1,6 +1,7 @@
 import { CreateComponentConfig, CreateComponentProps, CreateComponentRenderFn, CreateComponentSlotTagConfig, CreateComponentTypeInput } from "@uds/types";
 
 //#region ../core/dist/createComponent.d.ts
+//#region src/createComponent.d.ts
 type PrimitiveTag = keyof React.JSX.IntrinsicElements;
 type SpecConfig<TSpec> = TSpec extends {
   config: infer TConfig extends CreateComponentTypeInput;
@@ -51,6 +52,6 @@ declare function createComponent<TSpecOrProps = {}>(tag: PrimitiveTag): React.FC
   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>;
+declare function createComponent(config: CreateComponentConfig<string>, renderFn: CreateComponentRenderFn<any, any, any>): React.FC<any>; //#endregion
 //#endregion
 export { createComponent };

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

@@ -1,6 +1,7 @@
 import { ComponentProps, ComponentType } from "react";
 
 //#region ../core/dist/createComponentExample.d.ts
+//#region src/createComponentExample.d.ts
 /**
  * Extracts variant fixtures from a Component's props type.
  * If Button has `variant?: 'brand' | 'outline'` and `size?: 'sm' | 'md'`,
@@ -36,6 +37,6 @@ type ExamplesResult<TComponent extends ComponentType<any>> = {
  * }));
  * ```
  */
-declare function createComponentExample<TComponent extends ComponentType<any>, T extends Record<string, ExampleFn<TComponent>>>(Component: TComponent, examplesFn: (fixtures: VariantFixtures<TComponent>) => ExamplesResult<TComponent>): ComponentExample<T>;
+declare function createComponentExample<TComponent extends ComponentType<any>, T extends Record<string, ExampleFn<TComponent>>>(Component: TComponent, examplesFn: (fixtures: VariantFixtures<TComponent>) => ExamplesResult<TComponent>): ComponentExample<T>; //#endregion
 //#endregion
 export { ComponentExample, createComponentExample };

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

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

package/dist/core/dist/generated/stylePropsTwMap.d.ts

@@ -1,4 +1,5 @@
 //#region ../core/dist/generated/stylePropsTwMap.d.ts
+//#region src/generated/stylePropsTwMap.d.ts
 declare const stylePropsTwMap: {
   readonly "border-boolean": {
     readonly border: "boolean";
@@ -1695,6 +1696,6 @@ declare const stylePropsTwMap: {
   readonly "hyphens-manual": {
     readonly hyphens: "manual";
   };
-};
+}; //#endregion
 //#endregion
 export { stylePropsTwMap };

package/dist/core/dist/getComponentStyles.d.ts

@@ -1,6 +1,7 @@
 import { ComponentRegistry, ComponentSlotsOf, ComponentVariantsOf } from "@uds/types";
 
 //#region ../core/dist/getComponentStyles.d.ts
+//#region src/getComponentStyles.d.ts
 type ResolveSlots<Name extends string> = Name extends keyof ComponentRegistry ? ComponentSlotsOf<Name> : string;
 type ResolveVariants<Name extends string> = Name extends keyof ComponentRegistry ? ComponentVariantsOf<Name> : Record<string, string>;
 interface UdsRuntimeMeta {
@@ -44,6 +45,6 @@ interface ComponentStyler<Name extends string> {
  * @param slots - Array of slot names
  * @param element - Optional HTML element tag for element-specific prop forwarding
  */
-declare function createComponentStyler<Name extends string>(componentName: Name, slots: readonly string[], element?: string, variants?: readonly string[]): ComponentStyler<Name>;
+declare function createComponentStyler<Name extends string>(componentName: Name, slots: readonly string[], element?: string, variants?: readonly string[]): ComponentStyler<Name>; //#endregion
 //#endregion
 export { createComponentStyler };

package/dist/core/dist/getStyles.d.ts

@@ -2,6 +2,7 @@ import { ClassValue } from "clsx";
 import { ModifierProp, ModifierProps, StyleAndModifierProps, StyleProps } from "@uds/types";
 
 //#region ../core/dist/getStyles.d.ts
+//#region src/getStyles.d.ts
 /** Convert kebab-case CSS property to camelCase for React inline styles.
  *  CSS custom properties (--*) are kept as-is since React supports them verbatim. */
 declare function toCamelCase(str: string): string;
@@ -37,6 +38,6 @@ interface GetStylesParams extends StyleProps, ModifierProps {
  *  so they can be included in the CSS safelist.
  */
 declare function getStyles(props: GetStylesParams): string;
-declare function getVariantClassName(componentName: string, variant: string | undefined): string;
+declare function getVariantClassName(componentName: string, variant: string | undefined): string; //#endregion
 //#endregion
 export { createVariants, cx, getStyles, getVariantClassName, processStyleProps, toCamelCase };

package/dist/core/dist/macros.d.ts

@@ -1,6 +1,7 @@
 import { MacroConfig } from "@uds/types";
 
 //#region ../core/dist/macros.d.ts
+//#region src/macros.d.ts
 /** Set the macro config (called by loader at build time) */
 declare function setMacroConfig(config: MacroConfig): void;
 /** Get the current macro config */
@@ -16,6 +17,6 @@ declare function getMacroConfig(): MacroConfig;
 declare function expandMacros(props: Record<string, unknown>, config?: MacroConfig): {
   expanded: Record<string, unknown>;
   markerClasses: string[];
-};
+}; //#endregion
 //#endregion
 export { expandMacros, getMacroConfig, setMacroConfig };

package/dist/core/dist/propMappings.d.ts

@@ -1,6 +1,7 @@
 import { ConfigurableProp, ModifierProp, StyleProp } from "@uds/types";
 
 //#region ../core/dist/propMappings.d.ts
+//#region src/propMappings.d.ts
 interface PropMapping {
   /** Class name prefix for runtime class generation. 'no-prefix' means value IS the class. */
   classPrefix: string;
@@ -71,6 +72,6 @@ interface ModifierEntry {
  *
  * e.g. `bg="primary"` + `bgOpacity="75"` → class `bg-primary_75`
  */
-declare const colorPropToOpacityProp: Record<string, string>;
+declare const colorPropToOpacityProp: Record<string, string>; //#endregion
 //#endregion
 export { ConfigurablePropertyEntry, CssVariablePrefixEntry, ModifierEntry, PropMapping, colorPropToOpacityProp, getConfigurablePropMapping, getConfigurableProperties, getCssVariablePrefixes, modifierMappings, propMappings };

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

@@ -1,4 +1,5 @@
 //#region ../core/dist/resolveMotionState.d.ts
-declare function resolveMotionState(stateKeyframe: Record<string, unknown>, index: number): Record<string, number>;
+//#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/transformPreset.d.ts

@@ -1,6 +1,7 @@
 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>;
@@ -12,6 +13,6 @@ interface TransformedMotionProps {
 /**
  * Convert a JS-runtime MotionPreset to a motion/react-compatible props object.
  */
-declare function transformPreset(preset: MotionPreset): TransformedMotionProps;
+declare function transformPreset(preset: MotionPreset): TransformedMotionProps; //#endregion
 //#endregion
 export { TransformedMotionProps, transformPreset };

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

@@ -1,6 +1,7 @@
 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'];
 }
@@ -38,6 +39,6 @@ declare const withDefaultStyleProps: {
     shape?: BorderRadius;
   }) => StyleAndModifierProps;
   Svg: (props: SvgDefaultsInput) => StyleAndModifierProps;
-};
+}; //#endregion
 //#endregion
 export { withDefaultStyleProps };

package/dist/foundational-presets/dist/boldVibrant.d.ts

@@ -2,11 +2,11 @@ import { UdsConfig } from "../../config/dist/createConfig.js";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../foundational-presets/dist/boldVibrant.d.ts
-//#region src/boldVibrant.d.ts
 declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
   [x: string]: Record<string, string>;
 }, {}, {}, {}, "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
   readonly color: {
+    readonly $type: "color";
     readonly inherit: {
       readonly value: "inherit";
     };
@@ -96,6 +96,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly bg: {
+    readonly $type: "color";
     readonly brand: {
       readonly value: "#1e6ff5";
       readonly _dark: "#71affb";
@@ -174,6 +175,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly borderColor: {
+    readonly $type: "color";
     readonly brand: {
       readonly value: "#1e6ff5";
       readonly _dark: "#71affb";
@@ -236,6 +238,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly borderWidth: {
+    readonly $type: "dimension";
     readonly none: {
       readonly value: "0px";
     };
@@ -250,6 +253,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly outlineWidth: {
+    readonly $type: "dimension";
     readonly 0: {
       readonly value: "0px";
     };
@@ -267,6 +271,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly outlineOffset: {
+    readonly $type: "dimension";
     readonly 0: {
       readonly value: "0px";
     };
@@ -284,6 +289,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly divideWidth: {
+    readonly $type: "dimension";
     readonly 0: {
       readonly value: "0px";
     };
@@ -298,9 +304,11 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
     readonly reverse: {
       readonly value: "reverse";
+      readonly $type: "string";
     };
   };
   readonly ringWidth: {
+    readonly $type: "dimension";
     readonly 0: {
       readonly value: "0px";
     };
@@ -318,9 +326,11 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
     readonly inset: {
       readonly value: "inset";
+      readonly $type: "string";
     };
   };
   readonly ringOffsetWidth: {
+    readonly $type: "dimension";
     readonly 0: {
       readonly value: "0px";
     };
@@ -338,6 +348,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly fontWeight: {
+    readonly $type: "fontWeight";
     readonly thin: {
       readonly value: "100";
     };
@@ -367,6 +378,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly lineHeight: {
+    readonly $type: "number";
     readonly none: {
       readonly value: "1";
     };
@@ -381,6 +393,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly letterSpacing: {
+    readonly $type: "dimension";
     readonly tighter: {
       readonly value: "-0.05em";
     };
@@ -401,6 +414,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly spacing: {
+    readonly $type: "dimension";
     readonly px: {
       readonly value: "1px";
     };
@@ -508,8 +522,10 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly position: {
+    readonly $type: "dimension";
     readonly auto: {
       readonly value: "auto";
+      readonly $type: "string";
     };
     readonly full: {
       readonly value: "100%";
@@ -534,6 +550,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly aspectRatio: {
+    readonly $type: "string";
     readonly square: {
       readonly value: "1 / 1";
     };
@@ -554,6 +571,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly flex: {
+    readonly $type: "string";
     readonly 1: {
       readonly value: "1 1 0%";
     };
@@ -568,6 +586,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly flexGrow: {
+    readonly $type: "number";
     readonly 0: {
       readonly value: "0";
     };
@@ -576,11 +595,13 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly flexShrink: {
+    readonly $type: "number";
     readonly 0: {
       readonly value: "0";
     };
   };
   readonly opacity: {
+    readonly $type: "number";
     readonly 0: {
       readonly value: "0";
     };
@@ -628,6 +649,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly radius: {
+    readonly $type: "dimension";
     readonly none: {
       readonly value: "0px";
     };
@@ -651,6 +673,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly animation: {
+    readonly $type: "string";
     readonly none: {
       readonly value: "none";
     };
@@ -662,6 +685,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly shadow: {
+    readonly $type: "string";
     readonly '2xs': {
       readonly value: "0 1px rgb(0 0 0 / 0.05)";
     };
@@ -691,6 +715,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly blur: {
+    readonly $type: "string";
     readonly none: {
       readonly value: "blur(0)";
     };
@@ -714,6 +739,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly textShadow: {
+    readonly $type: "string";
     readonly '2xs': {
       readonly value: "0 1px 0 rgb(0 0 0 / 0.15)";
     };
@@ -734,8 +760,10 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly zIndex: {
+    readonly $type: "number";
     readonly auto: {
       readonly value: "auto";
+      readonly $type: "string";
     };
     readonly 0: {
       readonly value: "0";
@@ -757,20 +785,25 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly size: {
+    readonly $type: "dimension";
     readonly auto: {
       readonly value: "auto";
+      readonly $type: "string";
     };
     readonly full: {
       readonly value: "100%";
     };
     readonly min: {
       readonly value: "min-content";
+      readonly $type: "string";
     };
     readonly max: {
       readonly value: "max-content";
+      readonly $type: "string";
     };
     readonly fit: {
       readonly value: "fit-content";
+      readonly $type: "string";
     };
     readonly '1/2': {
       readonly value: "50%";
@@ -819,6 +852,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly w: {
+    readonly $type: "dimension";
     readonly screen: {
       readonly value: "100vw";
     };
@@ -833,6 +867,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly h: {
+    readonly $type: "dimension";
     readonly screen: {
       readonly value: "100vh";
     };
@@ -847,6 +882,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly rotate: {
+    readonly $type: "dimension";
     readonly 0: {
       readonly value: "0deg";
     };
@@ -876,6 +912,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly scale: {
+    readonly $type: "number";
     readonly 0: {
       readonly value: "0";
     };
@@ -911,6 +948,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly skew: {
+    readonly $type: "dimension";
     readonly 0: {
       readonly value: "0deg";
     };
@@ -931,6 +969,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly translate: {
+    readonly $type: "dimension";
     readonly 0: {
       readonly value: "0px";
     };
@@ -1053,6 +1092,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly strokeWidth: {
+    readonly $type: "dimension";
     readonly 0: {
       readonly value: "0px";
     };
@@ -1064,6 +1104,7 @@ declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp
     };
   };
   readonly fontFamily: {
+    readonly $type: "fontFamily";
     readonly sans: {
       readonly value: "var(--uds-font-family-geist, ui-sans-serif, system-ui, sans-serif)";
     };