@yahoo/uds 3.133.0-beta.2 → 3.133.0

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

@@ -1,16 +1,29 @@
 
-import { AvatarImageProps } from "../../Avatar/AvatarImage.types.cjs";
-import * as react from "react";
+import { ImagePropsWithImgProps } from "../../../types/dist/index.cjs";
+import { UniversalAvatarImageProps } from "../../../tokens/types.cjs";
+import { AvatarIconProps } from "./AvatarIcon.cjs";
+import { AvatarTextProps } from "./AvatarText.cjs";
+import * as _$react from "react";
 
 //#region src/components/client/Avatar/AvatarImage.d.ts
+type DataAttributes = {
+  [name: `data-${string}`]: string;
+};
+interface AvatarImageProps extends UniversalAvatarImageProps {
+  /** Props to be passed into various slots within the component. */
+  slotProps?: {
+    image?: Partial<Omit<ImagePropsWithImgProps, 'src' | 'srcSet' | 'alt' | 'className' | 'height' | 'width'> & DataAttributes>;
+  } & AvatarIconProps['slotProps'] & AvatarTextProps['slotProps'];
+}
 /**
  * **AvatarImage Component**
  *
- * Renders an Avatar with an image.
+ * Renders an Avatar with an image. If the image fails to load, it falls back first to
+ * a text representation (if a name or initials are provided) and then to an icon.
  *
  * @param props - Props for image variant.
  * @returns The AvatarImage element.
  */
-declare const AvatarImage: react.ForwardRefExoticComponent<AvatarImageProps & react.RefAttributes<HTMLDivElement>>;
+declare const AvatarImage: _$react.ForwardRefExoticComponent<AvatarImageProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { AvatarImage, type AvatarImageProps };

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

@@ -1,17 +1,30 @@
 
 "use client";
-import { AvatarImageProps } from "../../Avatar/AvatarImage.types.js";
-import * as react from "react";
+import { ImagePropsWithImgProps } from "../../../types/dist/index.js";
+import { UniversalAvatarImageProps } from "../../../tokens/types.js";
+import { AvatarIconProps } from "./AvatarIcon.js";
+import { AvatarTextProps } from "./AvatarText.js";
+import * as _$react from "react";
 
 //#region src/components/client/Avatar/AvatarImage.d.ts
+type DataAttributes = {
+  [name: `data-${string}`]: string;
+};
+interface AvatarImageProps extends UniversalAvatarImageProps {
+  /** Props to be passed into various slots within the component. */
+  slotProps?: {
+    image?: Partial<Omit<ImagePropsWithImgProps, 'src' | 'srcSet' | 'alt' | 'className' | 'height' | 'width'> & DataAttributes>;
+  } & AvatarIconProps['slotProps'] & AvatarTextProps['slotProps'];
+}
 /**
  * **AvatarImage Component**
  *
- * Renders an Avatar with an image.
+ * Renders an Avatar with an image. If the image fails to load, it falls back first to
+ * a text representation (if a name or initials are provided) and then to an icon.
  *
  * @param props - Props for image variant.
  * @returns The AvatarImage element.
  */
-declare const AvatarImage: react.ForwardRefExoticComponent<AvatarImageProps & react.RefAttributes<HTMLDivElement>>;
+declare const AvatarImage: _$react.ForwardRefExoticComponent<AvatarImageProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { AvatarImage, type AvatarImageProps };

package/dist/components/client/Avatar/AvatarImage.js

@@ -1,71 +1,90 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
-import { AvatarIcon } from "../../Avatar/AvatarIcon.js";
-import { AvatarImageNoFallback } from "../../Avatar/AvatarImageNoFallback.js";
-import { AvatarText } from "../../Avatar/AvatarText.js";
-import { forwardRef, useEffect, useState } from "react";
+import { cx } from "../../../styles/styler.js";
+import { Box } from "../../Box.js";
+import { Image as Image$1 } from "../../Image.js";
+import { DEFAULT_AVATAR_VARIANT, buildAvatarRootClasses, buildInlineSizeStyles } from "./utils.js";
+import { AvatarIcon } from "./AvatarIcon.js";
+import { AvatarText } from "./AvatarText.js";
+import { forwardRef, useEffect, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/client/Avatar/AvatarImage.tsx
 /**
 * **AvatarImage Component**
 *
-* Renders an Avatar with an image.
+* Renders an Avatar with an image. If the image fails to load, it falls back first to
+* a text representation (if a name or initials are provided) and then to an icon.
 *
 * @param props - Props for image variant.
 * @returns The AvatarImage element.
 */
-const AvatarImage = forwardRef((props, ref) => {
-	const { src, srcSet, alt, fallback, abbreviationStrategy, slotProps, ...restProps } = props;
-	const hasImageSource = Boolean(src || srcSet);
-	const imageSourceKey = `${src ?? ""}::${srcSet ?? ""}`;
-	const [resolvedImageState, setResolvedImageState] = useState(null);
+const AvatarImage = forwardRef(({ size = "md", variant = DEFAULT_AVATAR_VARIANT, src, srcSet, customSize, alt, abbreviationStrategy, fallback, className, imageProps, slotProps, ...props }, ref) => {
+	const [loadingState, setLoadingState] = useState("loading");
 	useEffect(() => {
-		if (!hasImageSource) return;
 		let mounted = true;
-		const img = new Image();
-		img.onload = () => {
-			if (mounted) setResolvedImageState({
-				sourceKey: imageSourceKey,
-				status: "loaded"
-			});
-		};
-		img.onerror = () => {
-			if (mounted) setResolvedImageState({
-				sourceKey: imageSourceKey,
-				status: "error"
-			});
-		};
-		if (src) img.src = src;
-		if (srcSet) img.srcset = srcSet;
+		if (src || srcSet) {
+			const img = new Image();
+			img.onload = () => {
+				if (mounted) setLoadingState("loaded");
+			};
+			img.onerror = () => {
+				if (mounted) setLoadingState("error");
+			};
+			if (src) img.src = src;
+			if (srcSet) img.srcset = srcSet;
+		} else setLoadingState("error");
 		return () => {
 			mounted = false;
 		};
-	}, [
-		hasImageSource,
-		imageSourceKey,
-		src,
-		srcSet
+	}, [src, srcSet]);
+	const classNames = useMemo(() => ({
+		root: buildAvatarRootClasses(size, {
+			avatarImageVariantRoot: variant,
+			className: cx("overflow-hidden", className)
+		}),
+		contents: cx("w-full", "h-full", "shrink-0", "text-center", "inline-flex", "justify-center", "items-center", "object-cover")
+	}), [
+		className,
+		size,
+		variant
 	]);
-	if ((!hasImageSource ? "error" : resolvedImageState?.sourceKey === imageSourceKey ? resolvedImageState.status : "loading") === "loaded") return /* @__PURE__ */ jsx(AvatarImageNoFallback, {
+	const inlineStyles = useMemo(() => buildInlineSizeStyles(customSize), [customSize]);
+	if (loadingState === "loaded") return /* @__PURE__ */ jsx(Box, {
 		ref,
-		...props
+		className: classNames.root,
+		style: inlineStyles.root,
+		...props,
+		children: /* @__PURE__ */ jsx(Image$1, {
+			src,
+			srcSet,
+			alt,
+			className: classNames.contents,
+			style: inlineStyles.contents,
+			...imageProps,
+			...slotProps?.image
+		})
 	});
+	const sharedProps = {
+		...props,
+		className,
+		size,
+		customSize,
+		variant
+	};
 	if (fallback || alt) return /* @__PURE__ */ jsx(AvatarText, {
 		ref,
 		name: alt,
 		initials: fallback,
 		abbreviationStrategy,
 		slotProps: { text: slotProps?.text },
-		...restProps
+		...sharedProps
 	});
 	return /* @__PURE__ */ jsx(AvatarIcon, {
 		ref,
-		slotProps: { icon: slotProps?.icon },
-		...restProps
+		...sharedProps,
+		slotProps: { icon: slotProps?.icon }
 	});
 });
 AvatarImage.displayName = "AvatarImage";
-
 //#endregion
-export { AvatarImage };
+export { AvatarImage };

package/dist/components/{Avatar → client/Avatar}/AvatarText.cjs

@@ -1,14 +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_Box = require('../Box.cjs');
-const require_components_Avatar_utils = require('./utils.cjs');
-const require_components_Text = require('../Text.cjs');
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.cjs");
+const require_styles_styler = require("../../../styles/styler.cjs");
+const require_components_Text = require("../../Text.cjs");
+const require_components_Box = require("../../Box.cjs");
+const require_components_client_Avatar_utils = require("./utils.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/components/Avatar/AvatarText.tsx
+//#region src/components/client/Avatar/AvatarText.tsx
 /**
 * **AvatarText Component**
 *
@@ -16,11 +16,10 @@ let react_jsx_runtime = require("react/jsx-runtime");
 *
 * @param props - Props for text variant.
 * @returns The AvatarText element.
-* @componentType Server component
 */
-const AvatarText = (0, react.forwardRef)(({ size = require_components_Avatar_utils.DEFAULT_AVATAR_SIZE, variant = require_components_Avatar_utils.DEFAULT_AVATAR_VARIANT, name, initials, customSize, abbreviationStrategy, className, slotProps, ...props }, ref) => {
+const AvatarText = (0, react.forwardRef)(({ size = "md", variant = require_components_client_Avatar_utils.DEFAULT_AVATAR_VARIANT, name, initials, customSize, abbreviationStrategy, className, slotProps, ...props }, ref) => {
 	const classNames = (0, react.useMemo)(() => ({
-		root: require_components_Avatar_utils.buildAvatarRootClasses(size, {
+		root: require_components_client_Avatar_utils.buildAvatarRootClasses(size, {
 			avatarTextVariantRoot: variant,
 			className: require_styles_styler.cx("overflow-hidden", "truncate", className)
 		}),
@@ -30,7 +29,7 @@ const AvatarText = (0, react.forwardRef)(({ size = require_components_Avatar_uti
 		size,
 		variant
 	]);
-	const inlineStyles = (0, react.useMemo)(() => require_components_Avatar_utils.buildInlineSizeStyles(customSize), [customSize]);
+	const inlineStyles = (0, react.useMemo)(() => require_components_client_Avatar_utils.buildInlineSizeStyles(customSize), [customSize]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
 		ref,
 		className: classNames.root,
@@ -42,11 +41,10 @@ const AvatarText = (0, react.forwardRef)(({ size = require_components_Avatar_uti
 			className: classNames.text,
 			style: inlineStyles.contents,
 			...slotProps?.text,
-			children: initials || require_components_Avatar_utils.generateAvatarAbbreviation(name, abbreviationStrategy)
+			children: initials || require_components_client_Avatar_utils.generateAvatarAbbreviation(name, abbreviationStrategy)
 		})
 	});
 });
 AvatarText.displayName = "AvatarText";
-
 //#endregion
-exports.AvatarText = AvatarText;
+exports.AvatarText = AvatarText;

package/dist/components/{Avatar → client/Avatar}/AvatarText.d.cts

@@ -1,10 +1,9 @@
 
-import { UniversalAvatarTextProps } from "../../types/src/index.cjs";
-import "../../tokens/index.cjs";
-import { TextProps } from "../Text.cjs";
-import * as react from "react";
+import { UniversalAvatarTextProps } from "../../../types/dist/index.cjs";
+import { TextProps } from "../../Text.cjs";
+import * as _$react from "react";
 
-//#region src/components/Avatar/AvatarText.d.ts
+//#region src/components/client/Avatar/AvatarText.d.ts
 type DataAttributes = {
   [name: `data-${string}`]: string;
 };
@@ -21,8 +20,7 @@ interface AvatarTextProps extends UniversalAvatarTextProps {
  *
  * @param props - Props for text variant.
  * @returns The AvatarText element.
- * @componentType Server component
  */
-declare const AvatarText: react.ForwardRefExoticComponent<AvatarTextProps & react.RefAttributes<HTMLDivElement>>;
+declare const AvatarText: _$react.ForwardRefExoticComponent<AvatarTextProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { AvatarText, type AvatarTextProps };

package/dist/components/{Avatar → client/Avatar}/AvatarText.d.ts

@@ -1,10 +1,10 @@
 
-import { UniversalAvatarTextProps } from "../../types/src/index.js";
-import "../../tokens/index.js";
-import { TextProps } from "../Text.js";
-import * as react from "react";
+"use client";
+import { UniversalAvatarTextProps } from "../../../types/dist/index.js";
+import { TextProps } from "../../Text.js";
+import * as _$react from "react";
 
-//#region src/components/Avatar/AvatarText.d.ts
+//#region src/components/client/Avatar/AvatarText.d.ts
 type DataAttributes = {
   [name: `data-${string}`]: string;
 };
@@ -21,8 +21,7 @@ interface AvatarTextProps extends UniversalAvatarTextProps {
  *
  * @param props - Props for text variant.
  * @returns The AvatarText element.
- * @componentType Server component
  */
-declare const AvatarText: react.ForwardRefExoticComponent<AvatarTextProps & react.RefAttributes<HTMLDivElement>>;
+declare const AvatarText: _$react.ForwardRefExoticComponent<AvatarTextProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { AvatarText, type AvatarTextProps };

package/dist/components/{Avatar → client/Avatar}/AvatarText.js

@@ -1,12 +1,12 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { cx } from "../../styles/styler.js";
-import { Box } from "../Box.js";
-import { DEFAULT_AVATAR_SIZE, DEFAULT_AVATAR_VARIANT, buildAvatarRootClasses, buildInlineSizeStyles, generateAvatarAbbreviation } from "./utils.js";
-import { Text } from "../Text.js";
+"use client";
+import { cx } from "../../../styles/styler.js";
+import { Text } from "../../Text.js";
+import { Box } from "../../Box.js";
+import { DEFAULT_AVATAR_VARIANT, buildAvatarRootClasses, buildInlineSizeStyles, generateAvatarAbbreviation } from "./utils.js";
 import { forwardRef, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-
-//#region src/components/Avatar/AvatarText.tsx
+//#region src/components/client/Avatar/AvatarText.tsx
 /**
 * **AvatarText Component**
 *
@@ -14,9 +14,8 @@ import { jsx } from "react/jsx-runtime";
 *
 * @param props - Props for text variant.
 * @returns The AvatarText element.
-* @componentType Server component
 */
-const AvatarText = forwardRef(({ size = DEFAULT_AVATAR_SIZE, variant = DEFAULT_AVATAR_VARIANT, name, initials, customSize, abbreviationStrategy, className, slotProps, ...props }, ref) => {
+const AvatarText = forwardRef(({ size = "md", variant = DEFAULT_AVATAR_VARIANT, name, initials, customSize, abbreviationStrategy, className, slotProps, ...props }, ref) => {
 	const classNames = useMemo(() => ({
 		root: buildAvatarRootClasses(size, {
 			avatarTextVariantRoot: variant,
@@ -45,6 +44,5 @@ const AvatarText = forwardRef(({ size = DEFAULT_AVATAR_SIZE, variant = DEFAULT_A
 	});
 });
 AvatarText.displayName = "AvatarText";
-
 //#endregion
-export { AvatarText };
+export { AvatarText };

package/dist/components/client/Avatar/index.cjs

@@ -1,6 +1,11 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_components_client_Avatar_AvatarImage = require('./AvatarImage.cjs');
-
-exports.AvatarImage = require_components_client_Avatar_AvatarImage.AvatarImage;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_components_client_Avatar_AvatarIcon = require("./AvatarIcon.cjs");
+const require_components_client_Avatar_AvatarText = require("./AvatarText.cjs");
+const require_components_client_Avatar_AvatarImage = require("./AvatarImage.cjs");
+const require_components_client_Avatar_Avatar = require("./Avatar.cjs");
+exports.Avatar = require_components_client_Avatar_Avatar.Avatar;
+exports.AvatarIcon = require_components_client_Avatar_AvatarIcon.AvatarIcon;
+exports.AvatarImage = require_components_client_Avatar_AvatarImage.AvatarImage;
+exports.AvatarText = require_components_client_Avatar_AvatarText.AvatarText;

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

@@ -1,4 +1,6 @@
 
-import { AvatarImageProps } from "../../Avatar/AvatarImage.types.cjs";
-import { AvatarImage } from "./AvatarImage.cjs";
-export { AvatarImage, type AvatarImageProps };
+import { AvatarIcon, AvatarIconProps } from "./AvatarIcon.cjs";
+import { AvatarText, AvatarTextProps } from "./AvatarText.cjs";
+import { AvatarImage, AvatarImageProps } from "./AvatarImage.cjs";
+import { Avatar, AvatarProps } from "./Avatar.cjs";
+export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps };

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

@@ -1,5 +1,7 @@
 
 "use client";
-import { AvatarImageProps } from "../../Avatar/AvatarImage.types.js";
-import { AvatarImage } from "./AvatarImage.js";
-export { AvatarImage, type AvatarImageProps };
+import { AvatarIcon, AvatarIconProps } from "./AvatarIcon.js";
+import { AvatarText, AvatarTextProps } from "./AvatarText.js";
+import { AvatarImage, AvatarImageProps } from "./AvatarImage.js";
+import { Avatar, AvatarProps } from "./Avatar.js";
+export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps };

package/dist/components/client/Avatar/index.js

@@ -1,5 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
+import { AvatarIcon } from "./AvatarIcon.js";
+import { AvatarText } from "./AvatarText.js";
 import { AvatarImage } from "./AvatarImage.js";
-
-export { AvatarImage };
+import { Avatar } from "./Avatar.js";
+export { Avatar, AvatarIcon, AvatarImage, AvatarText };

package/dist/components/{Avatar → client/Avatar}/utils.cjs

@@ -1,11 +1,11 @@
 /*! © 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');
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_styles_styler = require("../../../styles/styler.cjs");
 let lodash_isFunction_js = require("lodash/isFunction.js");
-lodash_isFunction_js = require_runtime.__toESM(lodash_isFunction_js);
-
-//#region src/components/Avatar/utils.ts
+lodash_isFunction_js = require_runtime.__toESM(lodash_isFunction_js, 1);
+//#region src/components/client/Avatar/utils.ts
 /** Strategies for generating text abbreviation */
 const abbrevStrategies = {
 	first: (initials) => initials[0] ?? "",
@@ -57,10 +57,9 @@ const buildInlineSizeStyles = (customSize) => {
 };
 const DEFAULT_AVATAR_VARIANT = "primary";
 const DEFAULT_AVATAR_SIZE = "md";
-
 //#endregion
 exports.DEFAULT_AVATAR_SIZE = DEFAULT_AVATAR_SIZE;
 exports.DEFAULT_AVATAR_VARIANT = DEFAULT_AVATAR_VARIANT;
 exports.buildAvatarRootClasses = buildAvatarRootClasses;
 exports.buildInlineSizeStyles = buildInlineSizeStyles;
-exports.generateAvatarAbbreviation = generateAvatarAbbreviation;
+exports.generateAvatarAbbreviation = generateAvatarAbbreviation;

package/dist/components/{Avatar → client/Avatar}/utils.d.cts

@@ -1,9 +1,8 @@
 
-import { AvatarAbbreviationStrategy, AvatarSize, AvatarVariant, UniversalAvatarProps } from "../../types/src/index.cjs";
-import "../../tokens/index.cjs";
-import { getStyles } from "../../styles/styler.cjs";
+import { AvatarAbbreviationStrategy, AvatarSize, AvatarVariant, UniversalAvatarProps } from "../../../types/dist/index.cjs";
+import { getStyles } from "../../../styles/styler.cjs";
 
-//#region src/components/Avatar/utils.d.ts
+//#region src/components/client/Avatar/utils.d.ts
 /**
  * Generates an abbreviation from a name using a specified strategy.
  *

package/dist/components/{Avatar → client/Avatar}/utils.d.ts

@@ -1,9 +1,9 @@
 
-import { AvatarAbbreviationStrategy, AvatarSize, AvatarVariant, UniversalAvatarProps } from "../../types/src/index.js";
-import "../../tokens/index.js";
-import { getStyles } from "../../styles/styler.js";
+"use client";
+import { AvatarAbbreviationStrategy, AvatarSize, AvatarVariant, UniversalAvatarProps } from "../../../types/dist/index.js";
+import { getStyles } from "../../../styles/styler.js";
 
-//#region src/components/Avatar/utils.d.ts
+//#region src/components/client/Avatar/utils.d.ts
 /**
  * Generates an abbreviation from a name using a specified strategy.
  *

package/dist/components/{Avatar → client/Avatar}/utils.js

@@ -1,8 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { cx, getStyles } from "../../styles/styler.js";
+"use client";
+import { cx, getStyles } from "../../../styles/styler.js";
 import { isFunction } from "lodash-es";
-
-//#region src/components/Avatar/utils.ts
+//#region src/components/client/Avatar/utils.ts
 /** Strategies for generating text abbreviation */
 const abbrevStrategies = {
 	first: (initials) => initials[0] ?? "",
@@ -54,6 +54,5 @@ const buildInlineSizeStyles = (customSize) => {
 };
 const DEFAULT_AVATAR_VARIANT = "primary";
 const DEFAULT_AVATAR_SIZE = "md";
-
 //#endregion
-export { DEFAULT_AVATAR_SIZE, DEFAULT_AVATAR_VARIANT, buildAvatarRootClasses, buildInlineSizeStyles, generateAvatarAbbreviation };
+export { DEFAULT_AVATAR_SIZE, DEFAULT_AVATAR_VARIANT, buildAvatarRootClasses, buildInlineSizeStyles, generateAvatarAbbreviation };

package/dist/components/client/Badge.cjs

@@ -1,14 +1,13 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
-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');
-const require_components_HStack = require('../HStack.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_IconSlot = require("../IconSlot.cjs");
+const require_components_HStack = require("../HStack.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/client/Badge.tsx
 const BASE_CLASS = "uds-badge";
 const VARIANT_BASE_CLASS = "uds-badge-variant";
@@ -108,6 +107,5 @@ const Badge = (0, react.forwardRef)(function Badge({ variant = "primary", size =
 	});
 });
 Badge.displayName = "Badge";
-
 //#endregion
-exports.Badge = Badge;
+exports.Badge = Badge;

package/dist/components/client/Badge.d.cts

@@ -1,6 +1,5 @@
 
-import { UniversalBadgeProps } from "../../types/src/index.cjs";
-import "../../tokens/index.cjs";
+import { UniversalBadgeProps } from "../../types/dist/index.cjs";
 import { IconSlotProps } from "../IconSlot.cjs";
 import React from "react";
 

package/dist/components/client/Badge.d.ts

@@ -1,7 +1,6 @@
 
 "use client";
-import { UniversalBadgeProps } from "../../types/src/index.js";
-import "../../tokens/index.js";
+import { UniversalBadgeProps } from "../../types/dist/index.js";
 import { IconSlotProps } from "../IconSlot.js";
 import React from "react";
 

package/dist/components/client/Badge.js

@@ -3,9 +3,8 @@
 import { cx, getStyles } from "../../styles/styler.js";
 import { IconSlot } from "../IconSlot.js";
 import { HStack } from "../HStack.js";
-import React, { forwardRef, useMemo } from "react";
+import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/client/Badge.tsx
 const BASE_CLASS = "uds-badge";
 const VARIANT_BASE_CLASS = "uds-badge-variant";
@@ -105,6 +104,5 @@ const Badge = forwardRef(function Badge({ variant = "primary", size = "md", minW
 	});
 });
 Badge.displayName = "Badge";
-
 //#endregion
-export { Badge };
+export { Badge };

package/dist/components/client/BottomSheet/BottomSheet.cjs

@@ -1,23 +1,22 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
-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');
-const require_components_Scrim = require('../../Scrim.cjs');
-const require_components_client_BottomSheet_BottomSheetHandle = require('./BottomSheetHandle.cjs');
-const require_components_client_BottomSheet_BottomSheetInternalContext = require('./BottomSheetInternalContext.cjs');
-const require_components_client_BottomSheet_UDSBottomSheetConfigProvider = require('./UDSBottomSheetConfigProvider.cjs');
-const require_components_client_BottomSheet_useBottomSheetDrag = require('./useBottomSheetDrag.cjs');
-const require_components_client_BottomSheet_useBottomSheetSnapModel = require('./useBottomSheetSnapModel.cjs');
-const require_components_client_BottomSheet_useBottomSheetStore = require('./useBottomSheetStore.cjs');
-const require_components_client_BottomSheet_useExpansionMargins = require('./useExpansionMargins.cjs');
-const require_components_client_BottomSheet_useViewportHeight = require('./useViewportHeight.cjs');
-const require_components_client_BottomSheet_useVirtualKeyboard = require('./useVirtualKeyboard.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");
+const require_components_Scrim = require("../../Scrim.cjs");
+const require_components_client_BottomSheet_BottomSheetHandle = require("./BottomSheetHandle.cjs");
+const require_components_client_BottomSheet_BottomSheetInternalContext = require("./BottomSheetInternalContext.cjs");
+const require_components_client_BottomSheet_UDSBottomSheetConfigProvider = require("./UDSBottomSheetConfigProvider.cjs");
+const require_components_client_BottomSheet_useBottomSheetDrag = require("./useBottomSheetDrag.cjs");
+const require_components_client_BottomSheet_useBottomSheetSnapModel = require("./useBottomSheetSnapModel.cjs");
+const require_components_client_BottomSheet_useBottomSheetStore = require("./useBottomSheetStore.cjs");
+const require_components_client_BottomSheet_useExpansionMargins = require("./useExpansionMargins.cjs");
+const require_components_client_BottomSheet_useViewportHeight = require("./useViewportHeight.cjs");
+const require_components_client_BottomSheet_useVirtualKeyboard = require("./useVirtualKeyboard.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _ariakit_react = require("@ariakit/react");
-
 //#region src/components/client/BottomSheet/BottomSheet.tsx
 /**
 * Drag-to-dismiss distance threshold as a ratio of the lowest snap point's
@@ -234,6 +233,5 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
 	});
 }
 BottomSheet.displayName = "BottomSheet";
-
 //#endregion
-exports.BottomSheet = BottomSheet;
+exports.BottomSheet = BottomSheet;

package/dist/components/client/BottomSheet/BottomSheet.d.cts

@@ -1,8 +1,8 @@
 
-import { UniversalBottomSheetProps } from "../../../types/src/index.cjs";
+import { UniversalBottomSheetProps } from "../../../types/dist/index.cjs";
 import { BottomSheetController } from "./useBottomSheetStore.cjs";
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { DialogProps } from "@ariakit/react";
 
 //#region src/components/client/BottomSheet/BottomSheet.d.ts
@@ -69,7 +69,7 @@ declare function BottomSheet({
   preventBodyScroll,
   slotProps,
   fullWidthAtMaxSnap
-}: BottomSheetProps): react_jsx_runtime0.JSX.Element;
+}: BottomSheetProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace BottomSheet {
   var displayName: string;
 }