@yahoo/uds 3.133.0-beta.1 → 3.133.0

package/dist/components/IconSlot.cjs

@@ -1,17 +1,14 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_styles_styler = require('../styles/styler.cjs');
-const require_components_Icon = require('./Icon.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+const require_styles_styler = require("../styles/styler.cjs");
+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 _yahoo_uds_icons_utils = require("@yahoo/uds-icons/utils");
-
+let lodash_isFunction_js = require("lodash/isFunction.js");
+lodash_isFunction_js = require_runtime.__toESM(lodash_isFunction_js);
 //#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.
 *
@@ -32,38 +29,21 @@ 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);
-	if ((0, _yahoo_uds_icons_utils.isIconDefinition)(icon)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
-		name: icon,
+	const svgIcon = icon;
+	if (svgIcon.metadata?.isSvgIcon) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
+		name: svgIcon,
 		...props,
 		...rest,
 		className: mergedClassName
 	});
-	if (typeof icon === "function") {
+	if ((0, lodash_isFunction_js.default)(icon)) {
 		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,
@@ -73,6 +53,5 @@ const IconSlot = (0, react.memo)(function IconSlot({ icon, iconProps, className:
 	});
 });
 IconSlot.displayName = "IconSlot";
-
 //#endregion
-exports.IconSlot = IconSlot;
+exports.IconSlot = IconSlot;

package/dist/components/IconSlot.d.cts

@@ -1,14 +1,12 @@
 
-import { UniversalIconSlot } from "../types/src/index.cjs";
+import { UniversalIconSlot } from "../types/dist/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<IconDefinition>;
+  icon?: UniversalIconSlot;
   /** Props to spread onto the icon. */
   iconProps?: Omit<IconPropsWithSVGProps, 'name'>;
   className?: string;

package/dist/components/IconSlot.d.ts

@@ -1,14 +1,12 @@
 
-import { UniversalIconSlot } from "../types/src/index.js";
+import { UniversalIconSlot } from "../types/dist/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<IconDefinition>;
+  icon?: UniversalIconSlot;
   /** Props to spread onto the icon. */
   iconProps?: Omit<IconPropsWithSVGProps, 'name'>;
   className?: string;

package/dist/components/IconSlot.js

@@ -1,14 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 import { cx } from "../styles/styler.js";
 import { Icon } from "./Icon.js";
-import React, { cloneElement, isValidElement, memo } from "react";
+import { cloneElement, isValidElement, memo } from "react";
 import { jsx } from "react/jsx-runtime";
-import { isIconDefinition } from "@yahoo/uds-icons/utils";
-
+import { isFunction } from "lodash-es";
 //#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.
 *
@@ -29,38 +25,21 @@ const IconSlot = memo(function IconSlot({ icon, iconProps, className: slotClassN
 	if (!icon) return null;
 	const { className: iconPropsClassName, ...props } = iconProps || {};
 	const mergedClassName = cx(slotClassName, iconPropsClassName);
-	if (isIconDefinition(icon)) return /* @__PURE__ */ jsx(Icon, {
-		name: icon,
+	const svgIcon = icon;
+	if (svgIcon.metadata?.isSvgIcon) return /* @__PURE__ */ jsx(Icon, {
+		name: svgIcon,
 		...props,
 		...rest,
 		className: mergedClassName
 	});
-	if (typeof icon === "function") {
+	if (isFunction(icon)) {
 		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,
@@ -70,6 +49,5 @@ const IconSlot = memo(function IconSlot({ icon, iconProps, className: slotClassN
 	});
 });
 IconSlot.displayName = "IconSlot";
-
 //#endregion
-export { IconSlot };
+export { IconSlot };

package/dist/components/Image.cjs

@@ -1,10 +1,9 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_styles_styler = require('../styles/styler.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../_virtual/_rolldown/runtime.cjs");
+const require_styles_styler = require("../styles/styler.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/Image.tsx
 /**
 * **📸 A component for displaying images**
@@ -94,6 +93,5 @@ const Image = (0, react.forwardRef)(function Image({ width: imageWidth, height:
 	});
 });
 Image.displayName = "Image";
-
 //#endregion
-exports.Image = Image;
+exports.Image = Image;

package/dist/components/Image.d.cts

@@ -1,7 +1,6 @@
 
-import { ImagePropsWithImgProps } from "../types/src/index.cjs";
-import "../tokens/index.cjs";
-import * as react from "react";
+import { ImagePropsWithImgProps } from "../types/dist/index.cjs";
+import * as _$react from "react";
 
 //#region src/components/Image.d.ts
 /**
@@ -32,6 +31,6 @@ type ImageProps = ImagePropsWithImgProps;
  *
  * @related [Box](https://uds.build/docs/components/box)
  */
-declare const Image: react.ForwardRefExoticComponent<ImagePropsWithImgProps & react.RefAttributes<HTMLImageElement>>;
+declare const Image: _$react.ForwardRefExoticComponent<ImagePropsWithImgProps & _$react.RefAttributes<HTMLImageElement>>;
 //#endregion
 export { Image, type ImageProps };

package/dist/components/Image.d.ts

@@ -1,7 +1,6 @@
 
-import { ImagePropsWithImgProps } from "../types/src/index.js";
-import "../tokens/index.js";
-import * as react from "react";
+import { ImagePropsWithImgProps } from "../types/dist/index.js";
+import * as _$react from "react";
 
 //#region src/components/Image.d.ts
 /**
@@ -32,6 +31,6 @@ type ImageProps = ImagePropsWithImgProps;
  *
  * @related [Box](https://uds.build/docs/components/box)
  */
-declare const Image: react.ForwardRefExoticComponent<ImagePropsWithImgProps & react.RefAttributes<HTMLImageElement>>;
+declare const Image: _$react.ForwardRefExoticComponent<ImagePropsWithImgProps & _$react.RefAttributes<HTMLImageElement>>;
 //#endregion
 export { Image, type ImageProps };

package/dist/components/Image.js

@@ -2,7 +2,6 @@
 import { getStyles } from "../styles/styler.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/Image.tsx
 /**
 * **📸 A component for displaying images**
@@ -92,6 +91,5 @@ const Image = forwardRef(function Image({ width: imageWidth, height: imageHeight
 	});
 });
 Image.displayName = "Image";
-
 //#endregion
-export { Image };
+export { Image };

package/dist/components/Link.cjs

@@ -1,11 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_styles_styler = require('../styles/styler.cjs');
-const require_components_IconSlot = require('./IconSlot.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../_virtual/_rolldown/runtime.cjs");
+const require_styles_styler = require("../styles/styler.cjs");
+const require_components_IconSlot = require("./IconSlot.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/Link.tsx
 /**
 * A Link provides navigation or actionable functionality by linking users to
@@ -101,6 +100,5 @@ const Link = (0, react.forwardRef)(function Input({ variant = "primary", textVar
 	});
 });
 Link.displayName = "Link";
-
 //#endregion
-exports.Link = Link;
+exports.Link = Link;

package/dist/components/Link.d.cts

@@ -1,8 +1,7 @@
 
-import { UniversalLinkProps } from "../types/src/index.cjs";
+import { UniversalLinkProps } from "../types/dist/index.cjs";
 import { IconPropsWithSVGProps } from "../tokens/types.cjs";
-import "../tokens/index.cjs";
-import * as react from "react";
+import * as _$react from "react";
 
 //#region src/components/Link.d.ts
 type HTMLAnchorProps = React.AnchorHTMLAttributes<HTMLAnchorElement>;
@@ -49,6 +48,6 @@ interface LinkProps extends HTMLAnchorProps, UniversalLinkProps {
  * <Link href="https://yahoo.com" target="_blank" endIcon={LinkIcon} />
  *```
  **/
-declare const Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttributes<HTMLAnchorElement>>;
+declare const Link: _$react.ForwardRefExoticComponent<LinkProps & _$react.RefAttributes<HTMLAnchorElement>>;
 //#endregion
 export { Link, type LinkProps };

package/dist/components/Link.d.ts

@@ -1,8 +1,7 @@
 
-import { UniversalLinkProps } from "../types/src/index.js";
+import { UniversalLinkProps } from "../types/dist/index.js";
 import { IconPropsWithSVGProps } from "../tokens/types.js";
-import "../tokens/index.js";
-import * as react from "react";
+import * as _$react from "react";
 
 //#region src/components/Link.d.ts
 type HTMLAnchorProps = React.AnchorHTMLAttributes<HTMLAnchorElement>;
@@ -49,6 +48,6 @@ interface LinkProps extends HTMLAnchorProps, UniversalLinkProps {
  * <Link href="https://yahoo.com" target="_blank" endIcon={LinkIcon} />
  *```
  **/
-declare const Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttributes<HTMLAnchorElement>>;
+declare const Link: _$react.ForwardRefExoticComponent<LinkProps & _$react.RefAttributes<HTMLAnchorElement>>;
 //#endregion
 export { Link, type LinkProps };

package/dist/components/Link.js

@@ -3,7 +3,6 @@ import { cx, getStyles } from "../styles/styler.js";
 import { IconSlot } from "./IconSlot.js";
 import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/Link.tsx
 /**
 * A Link provides navigation or actionable functionality by linking users to
@@ -99,6 +98,5 @@ const Link = forwardRef(function Input({ variant = "primary", textVariant, start
 	});
 });
 Link.displayName = "Link";
-
 //#endregion
-export { Link };
+export { Link };

package/dist/components/Scrim.cjs

@@ -1,11 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_styles_styler = require('../styles/styler.cjs');
-const require_components_Box = require('./Box.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../_virtual/_rolldown/runtime.cjs");
+const require_styles_styler = require("../styles/styler.cjs");
+const require_components_Box = require("./Box.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/Scrim.tsx
 const Scrim = (0, react.forwardRef)(function Scrim({ className, style, variant = "default", position = "fixed", animateOpacity = false, ...props }, ref) {
 	const rootVariantClass = require_styles_styler.getStyles({ scrimVariantRoot: variant });
@@ -21,6 +20,5 @@ const Scrim = (0, react.forwardRef)(function Scrim({ className, style, variant =
 	});
 });
 Scrim.displayName = "Scrim";
-
 //#endregion
-exports.Scrim = Scrim;
+exports.Scrim = Scrim;

package/dist/components/Scrim.d.cts

@@ -1,6 +1,6 @@
 
 import { DivProps } from "./Box.cjs";
-import * as react from "react";
+import * as _$react from "react";
 
 //#region src/components/Scrim.d.ts
 interface ScrimProps extends DivProps {
@@ -9,6 +9,6 @@ interface ScrimProps extends DivProps {
   position?: 'fixed' | 'absolute';
   animateOpacity?: boolean;
 }
-declare const Scrim: react.ForwardRefExoticComponent<ScrimProps & react.RefAttributes<HTMLDivElement>>;
+declare const Scrim: _$react.ForwardRefExoticComponent<ScrimProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Scrim, type ScrimProps };

package/dist/components/Scrim.d.ts

@@ -1,6 +1,6 @@
 
 import { DivProps } from "./Box.js";
-import * as react from "react";
+import * as _$react from "react";
 
 //#region src/components/Scrim.d.ts
 interface ScrimProps extends DivProps {
@@ -9,6 +9,6 @@ interface ScrimProps extends DivProps {
   position?: 'fixed' | 'absolute';
   animateOpacity?: boolean;
 }
-declare const Scrim: react.ForwardRefExoticComponent<ScrimProps & react.RefAttributes<HTMLDivElement>>;
+declare const Scrim: _$react.ForwardRefExoticComponent<ScrimProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Scrim, type ScrimProps };

package/dist/components/Scrim.js

@@ -3,7 +3,6 @@ import { cx, getStyles } from "../styles/styler.js";
 import { Box } from "./Box.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/Scrim.tsx
 const Scrim = forwardRef(function Scrim({ className, style, variant = "default", position = "fixed", animateOpacity = false, ...props }, ref) {
 	const rootVariantClass = getStyles({ scrimVariantRoot: variant });
@@ -19,6 +18,5 @@ const Scrim = forwardRef(function Scrim({ className, style, variant = "default",
 	});
 });
 Scrim.displayName = "Scrim";
-
 //#endregion
-export { Scrim };
+export { Scrim };

package/dist/components/SvgFloatingOverlay.cjs

@@ -1,11 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_styles_styler = require('../styles/styler.cjs');
-const require_components_Box = require('./Box.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../_virtual/_rolldown/runtime.cjs");
+const require_styles_styler = require("../styles/styler.cjs");
+const require_components_Box = require("./Box.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/SvgFloatingOverlay.tsx
 const SvgFloatingOverlay = ({ blurClassName, blurStyle, childTransitionStyle, svgPath, dimensions, shadows, svgClassNames, shadowFilterId, shadowPadding, arrowHeight, contentWrapperSlotProps, contentOverflow = "auto", children, borderRadius, svgBaseStyle, svgBorderStyle }) => {
 	const svgSharedProps = {
@@ -117,6 +116,5 @@ const SvgFloatingOverlay = ({ blurClassName, blurStyle, childTransitionStyle, sv
 	] });
 };
 SvgFloatingOverlay.displayName = "SvgFloatingOverlay";
-
 //#endregion
-exports.SvgFloatingOverlay = SvgFloatingOverlay;
+exports.SvgFloatingOverlay = SvgFloatingOverlay;

package/dist/components/SvgFloatingOverlay.d.cts

@@ -2,7 +2,7 @@
 import { BoxProps } from "./Box.cjs";
 import { UseSvgFloatingContentReturn } from "../hooks/useSvgFloatingContent.cjs";
 import { CSSProperties } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/SvgFloatingOverlay.d.ts
 interface SvgFloatingOverlayProps extends Pick<UseSvgFloatingContentReturn, 'blurStyle' | 'childTransitionStyle' | 'svgPath' | 'shadows' | 'shadowFilterId' | 'shadowPadding' | 'dimensions'> {
@@ -37,7 +37,7 @@ declare const SvgFloatingOverlay: {
     borderRadius,
     svgBaseStyle,
     svgBorderStyle
-  }: SvgFloatingOverlayProps): react_jsx_runtime0.JSX.Element;
+  }: SvgFloatingOverlayProps): _$react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/SvgFloatingOverlay.d.ts

@@ -2,7 +2,7 @@
 import { BoxProps } from "./Box.js";
 import { UseSvgFloatingContentReturn } from "../hooks/useSvgFloatingContent.js";
 import { CSSProperties } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/SvgFloatingOverlay.d.ts
 interface SvgFloatingOverlayProps extends Pick<UseSvgFloatingContentReturn, 'blurStyle' | 'childTransitionStyle' | 'svgPath' | 'shadows' | 'shadowFilterId' | 'shadowPadding' | 'dimensions'> {
@@ -37,7 +37,7 @@ declare const SvgFloatingOverlay: {
     borderRadius,
     svgBaseStyle,
     svgBorderStyle
-  }: SvgFloatingOverlayProps): react_jsx_runtime0.JSX.Element;
+  }: SvgFloatingOverlayProps): _$react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/SvgFloatingOverlay.js

@@ -3,7 +3,6 @@ import { cx } from "../styles/styler.js";
 import { Box } from "./Box.js";
 import { Fragment } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/SvgFloatingOverlay.tsx
 const SvgFloatingOverlay = ({ blurClassName, blurStyle, childTransitionStyle, svgPath, dimensions, shadows, svgClassNames, shadowFilterId, shadowPadding, arrowHeight, contentWrapperSlotProps, contentOverflow = "auto", children, borderRadius, svgBaseStyle, svgBorderStyle }) => {
 	const svgSharedProps = {
@@ -115,6 +114,5 @@ const SvgFloatingOverlay = ({ blurClassName, blurStyle, childTransitionStyle, sv
 	] });
 };
 SvgFloatingOverlay.displayName = "SvgFloatingOverlay";
-
 //#endregion
-export { SvgFloatingOverlay };
+export { SvgFloatingOverlay };

package/dist/components/Text.cjs

@@ -1,11 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_styles_styler = require('../styles/styler.cjs');
-const require_utils_createSlot = require('../utils/createSlot.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../_virtual/_rolldown/runtime.cjs");
+const require_styles_styler = require("../styles/styler.cjs");
+const require_utils_createSlot = require("../utils/createSlot.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/Text.tsx
 const Slot = require_utils_createSlot.createSlot();
 const asMap = {
@@ -166,6 +165,5 @@ const Text = (0, react.forwardRef)(function Text({ className, asChild, color = "
 	});
 });
 Text.displayName = "Text";
-
 //#endregion
-exports.Text = Text;
+exports.Text = Text;

package/dist/components/Text.d.cts

@@ -1,7 +1,6 @@
 
-import { UniversalTextProps } from "../types/src/index.cjs";
-import "../tokens/index.cjs";
-import * as react from "react";
+import { UniversalTextProps } from "../types/dist/index.cjs";
+import * as _$react from "react";
 import { JSX, ReactNode, Ref } from "react";
 
 //#region src/components/Text.d.ts
@@ -54,6 +53,6 @@ type TextProps<TagName extends TextElementTagName = TextElementTagName> = {
  *
  * @see The {@link https://uds.build/docs/components/text Text Docs} for more info
  */
-declare const Text: react.ForwardRefExoticComponent<Omit<TextProps<TextElementTagName>, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Text: _$react.ForwardRefExoticComponent<Omit<TextProps<TextElementTagName>, "ref"> & _$react.RefAttributes<HTMLElement>>;
 //#endregion
 export { Text, type TextProps };

package/dist/components/Text.d.ts

@@ -1,7 +1,6 @@
 
-import { UniversalTextProps } from "../types/src/index.js";
-import "../tokens/index.js";
-import * as react from "react";
+import { UniversalTextProps } from "../types/dist/index.js";
+import * as _$react from "react";
 import { JSX, ReactNode, Ref } from "react";
 
 //#region src/components/Text.d.ts
@@ -54,6 +53,6 @@ type TextProps<TagName extends TextElementTagName = TextElementTagName> = {
  *
  * @see The {@link https://uds.build/docs/components/text Text Docs} for more info
  */
-declare const Text: react.ForwardRefExoticComponent<Omit<TextProps<TextElementTagName>, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Text: _$react.ForwardRefExoticComponent<Omit<TextProps<TextElementTagName>, "ref"> & _$react.RefAttributes<HTMLElement>>;
 //#endregion
 export { Text, type TextProps };

package/dist/components/Text.js

@@ -3,7 +3,6 @@ import { getStyles } from "../styles/styler.js";
 import { createSlot } from "../utils/createSlot.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/Text.tsx
 const Slot = createSlot();
 const asMap = {
@@ -164,6 +163,5 @@ const Text = forwardRef(function Text({ className, asChild, color = "primary", v
 	});
 });
 Text.displayName = "Text";
-
 //#endregion
-export { Text };
+export { Text };

package/dist/components/VStack.cjs

@@ -1,11 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_components_Box = require('./Box.cjs');
-const require_utils_intersperse = require('../utils/intersperse.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../_virtual/_rolldown/runtime.cjs");
+const require_components_Box = require("./Box.cjs");
+const require_utils_intersperse = require("../utils/intersperse.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/VStack.tsx
 /**
 * **🥞 A layout component that arranges its children in rows using flexbox**
@@ -47,6 +46,5 @@ const VStack = (0, react.forwardRef)(function VStack({ gap, children, separator,
 	});
 });
 VStack.displayName = "VStack";
-
 //#endregion
-exports.VStack = VStack;
+exports.VStack = VStack;

package/dist/components/VStack.d.cts

@@ -1,8 +1,7 @@
 
-import { UniversalStackProps } from "../types/src/index.cjs";
-import "../tokens/index.cjs";
+import { UniversalStackProps } from "../types/dist/index.cjs";
 import { DivProps } from "./Box.cjs";
-import * as react from "react";
+import * as _$react from "react";
 
 //#region src/components/VStack.d.ts
 type VStackProps = UniversalStackProps & DivProps;
@@ -35,6 +34,6 @@ type VStackProps = UniversalStackProps & DivProps;
  *
  * @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack)
  **/
-declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps & react.RefAttributes<HTMLDivElement>>;
+declare const VStack: _$react.ForwardRefExoticComponent<UniversalStackProps & DivProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { VStack, type VStackProps };

package/dist/components/VStack.d.ts

@@ -1,8 +1,7 @@
 
-import { UniversalStackProps } from "../types/src/index.js";
-import "../tokens/index.js";
+import { UniversalStackProps } from "../types/dist/index.js";
 import { DivProps } from "./Box.js";
-import * as react from "react";
+import * as _$react from "react";
 
 //#region src/components/VStack.d.ts
 type VStackProps = UniversalStackProps & DivProps;
@@ -35,6 +34,6 @@ type VStackProps = UniversalStackProps & DivProps;
  *
  * @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack)
  **/
-declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps & react.RefAttributes<HTMLDivElement>>;
+declare const VStack: _$react.ForwardRefExoticComponent<UniversalStackProps & DivProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { VStack, type VStackProps };