@yahoo/uds 3.129.0 → 3.131.0-beta.1

package/dist/automated-config/dist/properties.d.cts

@@ -1,5 +1,5 @@
 
-import { ShadowPreset } from "../../types/dist/index.cjs";
+import { ShadowPreset } from "../../types/src/index.cjs";
 import { ArbitraryFixtures, InferArbitraryType } from "../../fixtures/dist/index.cjs";
 import { AllPossibleProperties, PossibleStates } from "./types/ComponentConfig.cjs";
 import { SchemaStateValue } from "./types/ConfigSchema.cjs";

package/dist/automated-config/dist/properties.d.ts

@@ -1,5 +1,5 @@
 
-import { ShadowPreset } from "../../types/dist/index.js";
+import { ShadowPreset } from "../../types/src/index.js";
 import { ArbitraryFixtures, InferArbitraryType } from "../../fixtures/dist/index.js";
 import { AllPossibleProperties, PossibleStates } from "./types/ComponentConfig.js";
 import { SchemaStateValue } from "./types/ConfigSchema.js";

package/dist/automated-config/dist/utils/buildConfigSchema.d.cts

@@ -1,5 +1,5 @@
 
-import { BannerInnerShadowOption, ElevationAlias, ShadowVariant, ShadowVariantConfig, ShadowVariantWithInvert } from "../../../types/dist/index.cjs";
+import { BannerInnerShadowOption, ElevationAlias, ShadowVariant, ShadowVariantConfig, ShadowVariantWithInvert } from "../../../types/src/index.cjs";
 import { ArbitraryFixtures, InferArbitraryType } from "../../../fixtures/dist/index.cjs";
 import { AllPossibleProperties, ComponentConfig, LayerConfig, PossibleStates, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties } from "../types/ComponentConfig.cjs";
 import { SchemaStateValue } from "../types/ConfigSchema.cjs";

package/dist/automated-config/dist/utils/buildConfigSchema.d.ts

@@ -1,5 +1,5 @@
 
-import { BannerInnerShadowOption, ElevationAlias, ShadowVariant, ShadowVariantConfig, ShadowVariantWithInvert } from "../../../types/dist/index.js";
+import { BannerInnerShadowOption, ElevationAlias, ShadowVariant, ShadowVariantConfig, ShadowVariantWithInvert } from "../../../types/src/index.js";
 import { ArbitraryFixtures, InferArbitraryType } from "../../../fixtures/dist/index.js";
 import { AllPossibleProperties, ComponentConfig, LayerConfig, PossibleStates, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties } from "../types/ComponentConfig.js";
 import { SchemaStateValue } from "../types/ConfigSchema.js";

package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts

@@ -11,8 +11,8 @@ import { SelectedConfigurableProperty } from "../properties.cjs";
  * @returns A Record of layer names to their properties, or null if no properties are found
  */
 declare function getConfigVariantProperties(variant?: VariantConfig): {
-  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
-  root: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
+  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
+  root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
 } | null; //#endregion
 //#endregion
 export { getConfigVariantProperties };

package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts

@@ -11,8 +11,8 @@ import { SelectedConfigurableProperty } from "../properties.js";
  * @returns A Record of layer names to their properties, or null if no properties are found
  */
 declare function getConfigVariantProperties(variant?: VariantConfig): {
-  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
-  root: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
+  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
+  root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
 } | null; //#endregion
 //#endregion
 export { getConfigVariantProperties };

package/dist/components/Banner/Banner.d.cts

@@ -1,5 +1,5 @@
 
-import { UniversalBannerProps } from "../../types/dist/index.cjs";
+import { UniversalBannerProps } from "../../types/src/index.cjs";
 import "../../tokens/index.cjs";
 import * as react from "react";
 

package/dist/components/Banner/Banner.d.ts

@@ -1,5 +1,5 @@
 
-import { UniversalBannerProps } from "../../types/dist/index.js";
+import { UniversalBannerProps } from "../../types/src/index.js";
 import "../../tokens/index.js";
 import * as react from "react";
 

package/dist/components/Banner/utils.d.cts

@@ -1,5 +1,5 @@
 
-import { BannerVariant } from "../../types/dist/index.cjs";
+import { BannerVariant } from "../../types/src/index.cjs";
 import { ReactNode } from "react";
 
 //#region src/components/Banner/utils.d.ts

package/dist/components/Banner/utils.d.ts

@@ -1,5 +1,5 @@
 
-import { BannerVariant } from "../../types/dist/index.js";
+import { BannerVariant } from "../../types/src/index.js";
 import { ReactNode } from "react";
 
 //#region src/components/Banner/utils.d.ts

package/dist/components/Box.d.cts

@@ -1,5 +1,5 @@
 
-import { UniversalBoxProps } from "../types/dist/index.cjs";
+import { UniversalBoxProps } from "../types/src/index.cjs";
 import "../tokens/index.cjs";
 import * as react from "react";
 

package/dist/components/Box.d.ts

@@ -1,5 +1,5 @@
 
-import { UniversalBoxProps } from "../types/dist/index.js";
+import { UniversalBoxProps } from "../types/src/index.js";
 import "../tokens/index.js";
 import * as react from "react";
 

package/dist/components/Divider/DividerCore.d.cts

@@ -1,5 +1,5 @@
 
-import { UniversalDividerProps, UniversalStackProps } from "../../types/dist/index.cjs";
+import { UniversalDividerProps, UniversalStackProps } from "../../types/src/index.cjs";
 import "../../tokens/types.cjs";
 import { BoxProps } from "../Box.cjs";
 import * as react from "react";

package/dist/components/Divider/DividerCore.d.ts

@@ -1,5 +1,5 @@
 
-import { UniversalDividerProps, UniversalStackProps } from "../../types/dist/index.js";
+import { UniversalDividerProps, UniversalStackProps } from "../../types/src/index.js";
 import "../../tokens/types.js";
 import { BoxProps } from "../Box.js";
 import * as react from "react";

package/dist/components/Divider/DividerInternal.d.cts

@@ -1,5 +1,5 @@
 
-import { UniversalDividerProps } from "../../types/dist/index.cjs";
+import { UniversalDividerProps } from "../../types/src/index.cjs";
 import "../../tokens/types.cjs";
 import { DividerCoreProps } from "./DividerCore.cjs";
 import * as react from "react";

package/dist/components/Divider/DividerInternal.d.ts

@@ -1,5 +1,5 @@
 
-import { UniversalDividerProps } from "../../types/dist/index.js";
+import { UniversalDividerProps } from "../../types/src/index.js";
 import "../../tokens/types.js";
 import { DividerCoreProps } from "./DividerCore.js";
 import * as react from "react";

package/dist/components/FormLabel.d.cts

@@ -1,5 +1,5 @@
 
-import { UniversalFormLabelProps } from "../types/dist/index.cjs";
+import { UniversalFormLabelProps } from "../types/src/index.cjs";
 import "../tokens/index.cjs";
 import * as react from "react";
 import { PropsWithChildren } from "react";

package/dist/components/FormLabel.d.ts

@@ -1,5 +1,5 @@
 
-import { UniversalFormLabelProps } from "../types/dist/index.js";
+import { UniversalFormLabelProps } from "../types/src/index.js";
 import "../tokens/index.js";
 import * as react from "react";
 import { PropsWithChildren } from "react";

package/dist/components/HStack.d.cts

@@ -1,5 +1,5 @@
 
-import { UniversalStackProps } from "../types/dist/index.cjs";
+import { UniversalStackProps } from "../types/src/index.cjs";
 import "../tokens/index.cjs";
 import { DivProps } from "./Box.cjs";
 import * as react from "react";

package/dist/components/HStack.d.ts

@@ -1,5 +1,5 @@
 
-import { UniversalStackProps } from "../types/dist/index.js";
+import { UniversalStackProps } from "../types/src/index.js";
 import "../tokens/index.js";
 import { DivProps } from "./Box.js";
 import * as react from "react";

package/dist/components/Icon.cjs

@@ -5,6 +5,7 @@ const require_styles_styler = require('../styles/styler.cjs');
 const require_tokens_configs_sizes = require('../tokens/configs/sizes.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let _yahoo_uds_icons_utils = require("@yahoo/uds-icons/utils");
 
 //#region src/components/Icon.tsx
 /**
@@ -36,8 +37,10 @@ let react_jsx_runtime = require("react/jsx-runtime");
 *
 * @related [IconButton](https://uds.build/docs/components/icon-button)
 */
-const Icon = (0, react.forwardRef)(function BaseIcon({ name: SVGIcon, size = "md", variant = "outline", color = "primary", className, ...props }, ref) {
-	const availableVariants = SVGIcon.metadata?.variants ?? [];
+const Icon = (0, react.forwardRef)(function BaseIcon({ name: iconName, size = "md", variant = "outline", color = "primary", className, ...props }, ref) {
+	const iconDefinition = (0, _yahoo_uds_icons_utils.isIconDefinition)(iconName) ? iconName : void 0;
+	const iconComponent = typeof iconName === "function" ? iconName : void 0;
+	const availableVariants = iconDefinition ? (0, _yahoo_uds_icons_utils.getIconVariants)(iconDefinition) : [];
 	const effectiveVariant = availableVariants.includes(variant) ? variant : availableVariants[0] ?? "fill";
 	const isMulticolor = effectiveVariant === "multicolor";
 	const styles = require_styles_styler.getStyles({
@@ -46,6 +49,14 @@ const Icon = (0, react.forwardRef)(function BaseIcon({ name: SVGIcon, size = "md
 		className: require_styles_styler.cx(className, !isMulticolor && "[&_path]:fill-current")
 	});
 	const sizePx = require_tokens_configs_sizes.normalIconSizes[size];
+	const renderedMarkup = iconDefinition ? (0, _yahoo_uds_icons_utils.getIconMarkup)(iconDefinition, size, effectiveVariant) : null;
+	const renderedIcon = renderedMarkup ? null : (0, react.isValidElement)(iconName) ? (0, react.cloneElement)(iconName, {
+		size,
+		variant: effectiveVariant
+	}) : iconComponent ? iconComponent({
+		size,
+		variant: effectiveVariant
+	}) : null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 		ref,
 		xmlns: "http://www.w3.org/2000/svg",
@@ -55,11 +66,9 @@ const Icon = (0, react.forwardRef)(function BaseIcon({ name: SVGIcon, size = "md
 		"aria-hidden": "true",
 		focusable: "false",
 		className: styles,
+		dangerouslySetInnerHTML: renderedMarkup ? { __html: renderedMarkup } : void 0,
 		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SVGIcon, {
-			size,
-			variant: effectiveVariant
-		})
+		children: renderedIcon
 	});
 });
 Icon.displayName = "Icon";

package/dist/components/Icon.d.cts

@@ -6,7 +6,6 @@ import * as react from "react";
 //#region src/components/Icon.d.ts
 /**
  * Props for the Icon component.
- * @see IconPropsWithSVGProps
  */
 type IconProps = IconPropsWithSVGProps;
 /**

package/dist/components/Icon.d.ts

@@ -6,7 +6,6 @@ import * as react from "react";
 //#region src/components/Icon.d.ts
 /**
  * Props for the Icon component.
- * @see IconPropsWithSVGProps
  */
 type IconProps = IconPropsWithSVGProps;
 /**

package/dist/components/Icon.js

@@ -1,8 +1,9 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 import { cx, getStyles } from "../styles/styler.js";
 import { normalIconSizes } from "../tokens/configs/sizes.js";
-import { forwardRef } from "react";
+import { cloneElement, forwardRef, isValidElement } from "react";
 import { jsx } from "react/jsx-runtime";
+import { getIconMarkup, getIconVariants, isIconDefinition } from "@yahoo/uds-icons/utils";
 
 //#region src/components/Icon.tsx
 /**
@@ -34,8 +35,10 @@ import { jsx } from "react/jsx-runtime";
 *
 * @related [IconButton](https://uds.build/docs/components/icon-button)
 */
-const Icon = forwardRef(function BaseIcon({ name: SVGIcon, size = "md", variant = "outline", color = "primary", className, ...props }, ref) {
-	const availableVariants = SVGIcon.metadata?.variants ?? [];
+const Icon = forwardRef(function BaseIcon({ name: iconName, size = "md", variant = "outline", color = "primary", className, ...props }, ref) {
+	const iconDefinition = isIconDefinition(iconName) ? iconName : void 0;
+	const iconComponent = typeof iconName === "function" ? iconName : void 0;
+	const availableVariants = iconDefinition ? getIconVariants(iconDefinition) : [];
 	const effectiveVariant = availableVariants.includes(variant) ? variant : availableVariants[0] ?? "fill";
 	const isMulticolor = effectiveVariant === "multicolor";
 	const styles = getStyles({
@@ -44,6 +47,14 @@ const Icon = forwardRef(function BaseIcon({ name: SVGIcon, size = "md", variant
 		className: cx(className, !isMulticolor && "[&_path]:fill-current")
 	});
 	const sizePx = normalIconSizes[size];
+	const renderedMarkup = iconDefinition ? getIconMarkup(iconDefinition, size, effectiveVariant) : null;
+	const renderedIcon = renderedMarkup ? null : isValidElement(iconName) ? cloneElement(iconName, {
+		size,
+		variant: effectiveVariant
+	}) : iconComponent ? iconComponent({
+		size,
+		variant: effectiveVariant
+	}) : null;
 	return /* @__PURE__ */ jsx("svg", {
 		ref,
 		xmlns: "http://www.w3.org/2000/svg",
@@ -53,11 +64,9 @@ const Icon = forwardRef(function BaseIcon({ name: SVGIcon, size = "md", variant
 		"aria-hidden": "true",
 		focusable: "false",
 		className: styles,
+		dangerouslySetInnerHTML: renderedMarkup ? { __html: renderedMarkup } : void 0,
 		...props,
-		children: /* @__PURE__ */ jsx(SVGIcon, {
-			size,
-			variant: effectiveVariant
-		})
+		children: renderedIcon
 	});
 });
 Icon.displayName = "Icon";

package/dist/components/IconSlot.cjs

@@ -6,10 +6,12 @@ const require_components_Icon = require('./Icon.cjs');
 let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
-let lodash_isFunction_js = require("lodash/isFunction.js");
-lodash_isFunction_js = require_runtime.__toESM(lodash_isFunction_js);
+let _yahoo_uds_icons_utils = require("@yahoo/uds-icons/utils");
 
 //#region src/components/IconSlot.tsx
+function isIconRenderOutput(icon) {
+	return (0, react.isValidElement)(icon) && (icon.type === react.default.Fragment || typeof icon.type === "string");
+}
 /**
 * A helper container to render a SvgIcon, Icon component, or ReactNode.
 *
@@ -30,21 +32,38 @@ const IconSlot = (0, react.memo)(function IconSlot({ icon, iconProps, className:
 	if (!icon) return null;
 	const { className: iconPropsClassName, ...props } = iconProps || {};
 	const mergedClassName = require_styles_styler.cx(slotClassName, iconPropsClassName);
-	const svgIcon = icon;
-	if (svgIcon.metadata?.isSvgIcon) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
-		name: svgIcon,
+	if ((0, _yahoo_uds_icons_utils.isIconDefinition)(icon)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
+		name: icon,
 		...props,
 		...rest,
 		className: mergedClassName
 	});
-	if ((0, lodash_isFunction_js.default)(icon)) {
+	if (typeof icon === "function") {
 		const iconEl = icon(iconProps || {});
+		if ((0, _yahoo_uds_icons_utils.isIconDefinition)(iconEl)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
+			name: iconEl,
+			...props,
+			...rest,
+			className: mergedClassName
+		});
+		if (isIconRenderOutput(iconEl)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
+			name: icon,
+			...props,
+			...rest,
+			className: mergedClassName
+		});
 		const elProps = iconEl?.props;
 		return (0, react.isValidElement)(iconEl) && (0, react.cloneElement)(iconEl, {
 			...rest,
 			className: require_styles_styler.cx(mergedClassName, elProps?.className)
 		});
 	}
+	if (isIconRenderOutput(icon)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
+		name: ((svgIconProps) => (0, react.cloneElement)(icon, svgIconProps)),
+		...props,
+		...rest,
+		className: mergedClassName
+	});
 	const elProps = icon.props;
 	return (0, react.isValidElement)(icon) && (0, react.cloneElement)(icon, {
 		...props,

package/dist/components/IconSlot.d.cts

@@ -1,13 +1,14 @@
 
-import { UniversalIconSlot } from "../types/dist/index.cjs";
+import { UniversalIconSlot } from "../types/src/index.cjs";
 import { IconPropsWithSVGProps } from "../tokens/types.cjs";
 import "../tokens/index.cjs";
 import React from "react";
+import { IconDefinition } from "@yahoo/uds-icons/types";
 
 //#region src/components/IconSlot.d.ts
 interface IconSlotProps {
   /** The icon to render. Can be a UDS icon, an Icon component, ReactNode, or a function that a ReactNode. */
-  icon?: UniversalIconSlot;
+  icon?: UniversalIconSlot<IconDefinition>;
   /** Props to spread onto the icon. */
   iconProps?: Omit<IconPropsWithSVGProps, 'name'>;
   className?: string;

package/dist/components/IconSlot.d.ts

@@ -1,13 +1,14 @@
 
-import { UniversalIconSlot } from "../types/dist/index.js";
+import { UniversalIconSlot } from "../types/src/index.js";
 import { IconPropsWithSVGProps } from "../tokens/types.js";
 import "../tokens/index.js";
 import React from "react";
+import { IconDefinition } from "@yahoo/uds-icons/types";
 
 //#region src/components/IconSlot.d.ts
 interface IconSlotProps {
   /** The icon to render. Can be a UDS icon, an Icon component, ReactNode, or a function that a ReactNode. */
-  icon?: UniversalIconSlot;
+  icon?: UniversalIconSlot<IconDefinition>;
   /** Props to spread onto the icon. */
   iconProps?: Omit<IconPropsWithSVGProps, 'name'>;
   className?: string;

package/dist/components/IconSlot.js

@@ -3,9 +3,12 @@ import { cx } from "../styles/styler.js";
 import { Icon } from "./Icon.js";
 import React, { cloneElement, isValidElement, memo } from "react";
 import { jsx } from "react/jsx-runtime";
-import { isFunction } from "lodash-es";
+import { isIconDefinition } from "@yahoo/uds-icons/utils";
 
 //#region src/components/IconSlot.tsx
+function isIconRenderOutput(icon) {
+	return isValidElement(icon) && (icon.type === React.Fragment || typeof icon.type === "string");
+}
 /**
 * A helper container to render a SvgIcon, Icon component, or ReactNode.
 *
@@ -26,21 +29,38 @@ const IconSlot = memo(function IconSlot({ icon, iconProps, className: slotClassN
 	if (!icon) return null;
 	const { className: iconPropsClassName, ...props } = iconProps || {};
 	const mergedClassName = cx(slotClassName, iconPropsClassName);
-	const svgIcon = icon;
-	if (svgIcon.metadata?.isSvgIcon) return /* @__PURE__ */ jsx(Icon, {
-		name: svgIcon,
+	if (isIconDefinition(icon)) return /* @__PURE__ */ jsx(Icon, {
+		name: icon,
 		...props,
 		...rest,
 		className: mergedClassName
 	});
-	if (isFunction(icon)) {
+	if (typeof icon === "function") {
 		const iconEl = icon(iconProps || {});
+		if (isIconDefinition(iconEl)) return /* @__PURE__ */ jsx(Icon, {
+			name: iconEl,
+			...props,
+			...rest,
+			className: mergedClassName
+		});
+		if (isIconRenderOutput(iconEl)) return /* @__PURE__ */ jsx(Icon, {
+			name: icon,
+			...props,
+			...rest,
+			className: mergedClassName
+		});
 		const elProps = iconEl?.props;
 		return isValidElement(iconEl) && cloneElement(iconEl, {
 			...rest,
 			className: cx(mergedClassName, elProps?.className)
 		});
 	}
+	if (isIconRenderOutput(icon)) return /* @__PURE__ */ jsx(Icon, {
+		name: ((svgIconProps) => cloneElement(icon, svgIconProps)),
+		...props,
+		...rest,
+		className: mergedClassName
+	});
 	const elProps = icon.props;
 	return isValidElement(icon) && cloneElement(icon, {
 		...props,

package/dist/components/Image.d.cts

@@ -1,5 +1,5 @@
 
-import { ImagePropsWithImgProps } from "../types/dist/index.cjs";
+import { ImagePropsWithImgProps } from "../types/src/index.cjs";
 import "../tokens/index.cjs";
 import * as react from "react";
 

package/dist/components/Image.d.ts

@@ -1,5 +1,5 @@
 
-import { ImagePropsWithImgProps } from "../types/dist/index.js";
+import { ImagePropsWithImgProps } from "../types/src/index.js";
 import "../tokens/index.js";
 import * as react from "react";
 

package/dist/components/Link.d.cts

@@ -1,5 +1,5 @@
 
-import { UniversalLinkProps } from "../types/dist/index.cjs";
+import { UniversalLinkProps } from "../types/src/index.cjs";
 import "../tokens/index.cjs";
 import * as react from "react";
 

package/dist/components/Link.d.ts

@@ -1,5 +1,5 @@
 
-import { UniversalLinkProps } from "../types/dist/index.js";
+import { UniversalLinkProps } from "../types/src/index.js";
 import "../tokens/index.js";
 import * as react from "react";
 

package/dist/components/Text.d.cts

@@ -1,5 +1,5 @@
 
-import { UniversalTextProps } from "../types/dist/index.cjs";
+import { UniversalTextProps } from "../types/src/index.cjs";
 import "../tokens/index.cjs";
 import * as react from "react";
 import { JSX, ReactNode, Ref } from "react";

package/dist/components/Text.d.ts

@@ -1,5 +1,5 @@
 
-import { UniversalTextProps } from "../types/dist/index.js";
+import { UniversalTextProps } from "../types/src/index.js";
 import "../tokens/index.js";
 import * as react from "react";
 import { JSX, ReactNode, Ref } from "react";

package/dist/components/VStack.d.cts

@@ -1,5 +1,5 @@
 
-import { UniversalStackProps } from "../types/dist/index.cjs";
+import { UniversalStackProps } from "../types/src/index.cjs";
 import "../tokens/index.cjs";
 import { DivProps } from "./Box.cjs";
 import * as react from "react";

package/dist/components/VStack.d.ts

@@ -1,5 +1,5 @@
 
-import { UniversalStackProps } from "../types/dist/index.js";
+import { UniversalStackProps } from "../types/src/index.js";
 import "../tokens/index.js";
 import { DivProps } from "./Box.js";
 import * as react from "react";

package/dist/components/client/Avatar/AvatarIcon.d.cts

@@ -1,5 +1,5 @@
 
-import { UniversalAvatarIconProps } from "../../../types/dist/index.cjs";
+import { UniversalAvatarIconProps } from "../../../types/src/index.cjs";
 import { IconPropsWithSVGProps } from "../../../tokens/types.cjs";
 import "../../../tokens/index.cjs";
 import * as react from "react";

package/dist/components/client/Avatar/AvatarIcon.d.ts

@@ -1,6 +1,6 @@
 
 "use client";
-import { UniversalAvatarIconProps } from "../../../types/dist/index.js";
+import { UniversalAvatarIconProps } from "../../../types/src/index.js";
 import { IconPropsWithSVGProps } from "../../../tokens/types.js";
 import "../../../tokens/index.js";
 import * as react from "react";

package/dist/components/client/Avatar/AvatarImage.d.cts

@@ -1,5 +1,5 @@
 
-import { ImagePropsWithImgProps } from "../../../types/dist/index.cjs";
+import { ImagePropsWithImgProps } from "../../../types/src/index.cjs";
 import { UniversalAvatarImageProps } from "../../../tokens/types.cjs";
 import "../../../tokens/index.cjs";
 import { AvatarIconProps } from "./AvatarIcon.cjs";

package/dist/components/client/Avatar/AvatarImage.d.ts

@@ -1,6 +1,6 @@
 
 "use client";
-import { ImagePropsWithImgProps } from "../../../types/dist/index.js";
+import { ImagePropsWithImgProps } from "../../../types/src/index.js";
 import { UniversalAvatarImageProps } from "../../../tokens/types.js";
 import "../../../tokens/index.js";
 import { AvatarIconProps } from "./AvatarIcon.js";

package/dist/components/client/Avatar/AvatarText.d.cts

@@ -1,5 +1,5 @@
 
-import { UniversalAvatarTextProps } from "../../../types/dist/index.cjs";
+import { UniversalAvatarTextProps } from "../../../types/src/index.cjs";
 import "../../../tokens/index.cjs";
 import { TextProps } from "../../Text.cjs";
 import * as react from "react";

package/dist/components/client/Avatar/AvatarText.d.ts

@@ -1,6 +1,6 @@
 
 "use client";
-import { UniversalAvatarTextProps } from "../../../types/dist/index.js";
+import { UniversalAvatarTextProps } from "../../../types/src/index.js";
 import "../../../tokens/index.js";
 import { TextProps } from "../../Text.js";
 import * as react from "react";

package/dist/components/client/Avatar/utils.d.cts

@@ -1,5 +1,5 @@
 
-import { AvatarAbbreviationStrategy, AvatarSize, AvatarVariant, UniversalAvatarProps } from "../../../types/dist/index.cjs";
+import { AvatarAbbreviationStrategy, AvatarSize, AvatarVariant, UniversalAvatarProps } from "../../../types/src/index.cjs";
 import "../../../tokens/index.cjs";
 import { getStyles } from "../../../styles/styler.cjs";