@yahoo/uds 3.125.1 → 3.126.0

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

@@ -0,0 +1,36 @@
+
+import * as react from "react";
+import { ReactNode } from "react";
+
+//#region src/components/Banner/BannerDescription.d.ts
+type HtmlSpanProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>;
+interface BannerDescriptionProps extends HtmlSpanProps {
+  children: ReactNode;
+  className?: string;
+}
+/**
+ * **Styled description for use inside `BannerContent`.**
+ *
+ * @description
+ * Applies the Banner description typography tokens and truncates text to
+ * 3 lines. Use this subcomponent instead of the `description` prop when
+ * you need rich ReactNode content.
+ *
+ * @example
+ * ```tsx
+ * <Banner variant="alert" startIcon={Error}>
+ *   <BannerContent>
+ *     <BannerTitle>Something went wrong</BannerTitle>
+ *     <BannerDescription>
+ *       Please try again or <Link href="/support">contact support</Link>.
+ *     </BannerDescription>
+ *   </BannerContent>
+ * </Banner>
+ * ```
+ *
+ * @see {@link Banner} for the parent component
+ * @see {@link BannerContent} for the required wrapper
+ */
+declare const BannerDescription: react.ForwardRefExoticComponent<BannerDescriptionProps & react.RefAttributes<HTMLElement>>;
+//#endregion
+export { BannerDescription, type BannerDescriptionProps };

package/dist/components/Banner/BannerDescription.js

@@ -0,0 +1,45 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { cx, getStyles } from "../../styles/styler.js";
+import { Text } from "../Text.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Banner/BannerDescription.tsx
+/**
+* **Styled description for use inside `BannerContent`.**
+*
+* @description
+* Applies the Banner description typography tokens and truncates text to
+* 3 lines. Use this subcomponent instead of the `description` prop when
+* you need rich ReactNode content.
+*
+* @example
+* ```tsx
+* <Banner variant="alert" startIcon={Error}>
+*   <BannerContent>
+*     <BannerTitle>Something went wrong</BannerTitle>
+*     <BannerDescription>
+*       Please try again or <Link href="/support">contact support</Link>.
+*     </BannerDescription>
+*   </BannerContent>
+* </Banner>
+* ```
+*
+* @see {@link Banner} for the parent component
+* @see {@link BannerContent} for the required wrapper
+*/
+const BannerDescription = forwardRef(function BannerDescription({ children, className, ...rest }, ref) {
+	return /* @__PURE__ */ jsx(Text, {
+		ref,
+		className: cx(getStyles({
+			bannerSizeDescription: "default",
+			className: "w-full line-clamp-3"
+		}), className),
+		...rest,
+		children
+	});
+});
+BannerDescription.displayName = "BannerDescription";
+
+//#endregion
+export { BannerDescription };

package/dist/components/Banner/BannerTitle.cjs

@@ -0,0 +1,42 @@
+/*! © 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_Text = require('../Text.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/Banner/BannerTitle.tsx
+/**
+* **Styled title for use inside `BannerContent`.**
+*
+* @description
+* Applies the Banner title typography tokens. Renders a single line of text.
+* Use this subcomponent instead of the `title` prop when you need rich
+* ReactNode content (e.g. bold segments, inline icons).
+*
+* @example
+* ```tsx
+* <Banner variant="info" startIcon={Info}>
+*   <BannerContent>
+*     <BannerTitle>Update <strong>available</strong></BannerTitle>
+*     <BannerDescription>A new version is ready to install.</BannerDescription>
+*   </BannerContent>
+* </Banner>
+* ```
+*
+* @see {@link Banner} for the parent component
+* @see {@link BannerContent} for the required wrapper
+*/
+const BannerTitle = (0, react.forwardRef)(function BannerTitle({ children, className, ...rest }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
+		ref,
+		className: require_styles_styler.cx(require_styles_styler.getStyles({ bannerSizeTitle: "default" }), "w-full truncate", className),
+		...rest,
+		children
+	});
+});
+BannerTitle.displayName = "BannerTitle";
+
+//#endregion
+exports.BannerTitle = BannerTitle;

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

@@ -0,0 +1,34 @@
+
+import * as react from "react";
+import { ReactNode } from "react";
+
+//#region src/components/Banner/BannerTitle.d.ts
+type HtmlSpanProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>;
+interface BannerTitleProps extends HtmlSpanProps {
+  children: ReactNode;
+  className?: string;
+}
+/**
+ * **Styled title for use inside `BannerContent`.**
+ *
+ * @description
+ * Applies the Banner title typography tokens. Renders a single line of text.
+ * Use this subcomponent instead of the `title` prop when you need rich
+ * ReactNode content (e.g. bold segments, inline icons).
+ *
+ * @example
+ * ```tsx
+ * <Banner variant="info" startIcon={Info}>
+ *   <BannerContent>
+ *     <BannerTitle>Update <strong>available</strong></BannerTitle>
+ *     <BannerDescription>A new version is ready to install.</BannerDescription>
+ *   </BannerContent>
+ * </Banner>
+ * ```
+ *
+ * @see {@link Banner} for the parent component
+ * @see {@link BannerContent} for the required wrapper
+ */
+declare const BannerTitle: react.ForwardRefExoticComponent<BannerTitleProps & react.RefAttributes<HTMLElement>>;
+//#endregion
+export { BannerTitle, type BannerTitleProps };

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

@@ -0,0 +1,34 @@
+
+import * as react from "react";
+import { ReactNode } from "react";
+
+//#region src/components/Banner/BannerTitle.d.ts
+type HtmlSpanProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>;
+interface BannerTitleProps extends HtmlSpanProps {
+  children: ReactNode;
+  className?: string;
+}
+/**
+ * **Styled title for use inside `BannerContent`.**
+ *
+ * @description
+ * Applies the Banner title typography tokens. Renders a single line of text.
+ * Use this subcomponent instead of the `title` prop when you need rich
+ * ReactNode content (e.g. bold segments, inline icons).
+ *
+ * @example
+ * ```tsx
+ * <Banner variant="info" startIcon={Info}>
+ *   <BannerContent>
+ *     <BannerTitle>Update <strong>available</strong></BannerTitle>
+ *     <BannerDescription>A new version is ready to install.</BannerDescription>
+ *   </BannerContent>
+ * </Banner>
+ * ```
+ *
+ * @see {@link Banner} for the parent component
+ * @see {@link BannerContent} for the required wrapper
+ */
+declare const BannerTitle: react.ForwardRefExoticComponent<BannerTitleProps & react.RefAttributes<HTMLElement>>;
+//#endregion
+export { BannerTitle, type BannerTitleProps };

package/dist/components/Banner/BannerTitle.js

@@ -0,0 +1,40 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { cx, getStyles } from "../../styles/styler.js";
+import { Text } from "../Text.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Banner/BannerTitle.tsx
+/**
+* **Styled title for use inside `BannerContent`.**
+*
+* @description
+* Applies the Banner title typography tokens. Renders a single line of text.
+* Use this subcomponent instead of the `title` prop when you need rich
+* ReactNode content (e.g. bold segments, inline icons).
+*
+* @example
+* ```tsx
+* <Banner variant="info" startIcon={Info}>
+*   <BannerContent>
+*     <BannerTitle>Update <strong>available</strong></BannerTitle>
+*     <BannerDescription>A new version is ready to install.</BannerDescription>
+*   </BannerContent>
+* </Banner>
+* ```
+*
+* @see {@link Banner} for the parent component
+* @see {@link BannerContent} for the required wrapper
+*/
+const BannerTitle = forwardRef(function BannerTitle({ children, className, ...rest }, ref) {
+	return /* @__PURE__ */ jsx(Text, {
+		ref,
+		className: cx(getStyles({ bannerSizeTitle: "default" }), "w-full truncate", className),
+		...rest,
+		children
+	});
+});
+BannerTitle.displayName = "BannerTitle";
+
+//#endregion
+export { BannerTitle };

package/dist/components/Banner/index.cjs

@@ -0,0 +1,11 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_components_Banner_Banner = require('./Banner.cjs');
+const require_components_Banner_BannerContent = require('./BannerContent.cjs');
+const require_components_Banner_BannerDescription = require('./BannerDescription.cjs');
+const require_components_Banner_BannerTitle = require('./BannerTitle.cjs');
+
+exports.Banner = require_components_Banner_Banner.Banner;
+exports.BannerContent = require_components_Banner_BannerContent.BannerContent;
+exports.BannerDescription = require_components_Banner_BannerDescription.BannerDescription;
+exports.BannerTitle = require_components_Banner_BannerTitle.BannerTitle;

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

@@ -0,0 +1,6 @@
+
+import { Banner, BannerProps } from "./Banner.cjs";
+import { BannerContent, BannerContentProps } from "./BannerContent.cjs";
+import { BannerDescription, BannerDescriptionProps } from "./BannerDescription.cjs";
+import { BannerTitle, BannerTitleProps } from "./BannerTitle.cjs";
+export { Banner, BannerContent, type BannerContentProps, BannerDescription, type BannerDescriptionProps, type BannerProps, BannerTitle, type BannerTitleProps };

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

@@ -0,0 +1,6 @@
+
+import { Banner, BannerProps } from "./Banner.js";
+import { BannerContent, BannerContentProps } from "./BannerContent.js";
+import { BannerDescription, BannerDescriptionProps } from "./BannerDescription.js";
+import { BannerTitle, BannerTitleProps } from "./BannerTitle.js";
+export { Banner, BannerContent, type BannerContentProps, BannerDescription, type BannerDescriptionProps, type BannerProps, BannerTitle, type BannerTitleProps };

package/dist/components/Banner/index.js

@@ -0,0 +1,7 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { Banner } from "./Banner.js";
+import { BannerContent } from "./BannerContent.js";
+import { BannerDescription } from "./BannerDescription.js";
+import { BannerTitle } from "./BannerTitle.js";
+
+export { Banner, BannerContent, BannerDescription, BannerTitle };

package/dist/components/Banner/utils.cjs

@@ -0,0 +1,56 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+let react = require("react");
+
+//#region src/components/Banner/utils.ts
+/**
+* Maps banner variants to button variants following the Figma spec.
+* Secondary banner variants map to secondary button variants.
+*/
+const BANNER_TO_BUTTON_VARIANT = {
+	primary: "brand",
+	secondary: "brand",
+	brand: "brand",
+	"brand-secondary": "brand-secondary",
+	alert: "alert",
+	"alert-secondary": "alert-secondary",
+	warning: "warning",
+	"warning-secondary": "warning-secondary",
+	success: "positive",
+	"success-secondary": "positive-secondary",
+	info: "info",
+	"info-secondary": "info-secondary"
+};
+/**
+* Checks whether a React element has a specific displayName.
+* Handles both regular function components and forwardRef components
+* (which have typeof type === 'object').
+*/
+function hasDisplayName(child, name) {
+	if (!(0, react.isValidElement)(child)) return false;
+	const type = child.type;
+	return (typeof type === "function" || typeof type === "object" && type !== null) && "displayName" in type && type.displayName === name;
+}
+/**
+* Separates Banner children into content (BannerContent) and action elements.
+* Skips falsy children so conditional patterns like {show && <Button />} work.
+*/
+function separateChildren(children) {
+	let content = null;
+	const actions = [];
+	react.Children.forEach(children, (child) => {
+		if (child == null || child === false || child === true || child === "") return;
+		if (hasDisplayName(child, "BannerContent")) content = child;
+		else actions.push(child);
+	});
+	return {
+		content,
+		actions
+	};
+}
+
+//#endregion
+exports.BANNER_TO_BUTTON_VARIANT = BANNER_TO_BUTTON_VARIANT;
+exports.hasDisplayName = hasDisplayName;
+exports.separateChildren = separateChildren;

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

@@ -0,0 +1,26 @@
+
+import { BannerVariant } from "../../types/dist/index.cjs";
+import { ReactNode } from "react";
+
+//#region src/components/Banner/utils.d.ts
+/**
+ * Maps banner variants to button variants following the Figma spec.
+ * Secondary banner variants map to secondary button variants.
+ */
+declare const BANNER_TO_BUTTON_VARIANT: Record<BannerVariant, string>;
+/**
+ * Checks whether a React element has a specific displayName.
+ * Handles both regular function components and forwardRef components
+ * (which have typeof type === 'object').
+ */
+declare function hasDisplayName(child: ReactNode, name: string): boolean;
+/**
+ * Separates Banner children into content (BannerContent) and action elements.
+ * Skips falsy children so conditional patterns like {show && <Button />} work.
+ */
+declare function separateChildren(children: ReactNode): {
+  content: ReactNode | null;
+  actions: ReactNode[];
+};
+//#endregion
+export { BANNER_TO_BUTTON_VARIANT, hasDisplayName, separateChildren };

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

@@ -0,0 +1,26 @@
+
+import { BannerVariant } from "../../types/dist/index.js";
+import { ReactNode } from "react";
+
+//#region src/components/Banner/utils.d.ts
+/**
+ * Maps banner variants to button variants following the Figma spec.
+ * Secondary banner variants map to secondary button variants.
+ */
+declare const BANNER_TO_BUTTON_VARIANT: Record<BannerVariant, string>;
+/**
+ * Checks whether a React element has a specific displayName.
+ * Handles both regular function components and forwardRef components
+ * (which have typeof type === 'object').
+ */
+declare function hasDisplayName(child: ReactNode, name: string): boolean;
+/**
+ * Separates Banner children into content (BannerContent) and action elements.
+ * Skips falsy children so conditional patterns like {show && <Button />} work.
+ */
+declare function separateChildren(children: ReactNode): {
+  content: ReactNode | null;
+  actions: ReactNode[];
+};
+//#endregion
+export { BANNER_TO_BUTTON_VARIANT, hasDisplayName, separateChildren };

package/dist/components/Banner/utils.js

@@ -0,0 +1,52 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { Children, isValidElement } from "react";
+
+//#region src/components/Banner/utils.ts
+/**
+* Maps banner variants to button variants following the Figma spec.
+* Secondary banner variants map to secondary button variants.
+*/
+const BANNER_TO_BUTTON_VARIANT = {
+	primary: "brand",
+	secondary: "brand",
+	brand: "brand",
+	"brand-secondary": "brand-secondary",
+	alert: "alert",
+	"alert-secondary": "alert-secondary",
+	warning: "warning",
+	"warning-secondary": "warning-secondary",
+	success: "positive",
+	"success-secondary": "positive-secondary",
+	info: "info",
+	"info-secondary": "info-secondary"
+};
+/**
+* Checks whether a React element has a specific displayName.
+* Handles both regular function components and forwardRef components
+* (which have typeof type === 'object').
+*/
+function hasDisplayName(child, name) {
+	if (!isValidElement(child)) return false;
+	const type = child.type;
+	return (typeof type === "function" || typeof type === "object" && type !== null) && "displayName" in type && type.displayName === name;
+}
+/**
+* Separates Banner children into content (BannerContent) and action elements.
+* Skips falsy children so conditional patterns like {show && <Button />} work.
+*/
+function separateChildren(children) {
+	let content = null;
+	const actions = [];
+	Children.forEach(children, (child) => {
+		if (child == null || child === false || child === true || child === "") return;
+		if (hasDisplayName(child, "BannerContent")) content = child;
+		else actions.push(child);
+	});
+	return {
+		content,
+		actions
+	};
+}
+
+//#endregion
+export { BANNER_TO_BUTTON_VARIANT, hasDisplayName, separateChildren };

package/dist/components/Divider/DividerCore.cjs

@@ -2,9 +2,9 @@
 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_Text = require('../Text.cjs');
 const require_components_Box = require('../Box.cjs');
 const require_components_HStack = require('../HStack.cjs');
-const require_components_Text = require('../Text.cjs');
 const require_components_VStack = require('../VStack.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/components/Divider/DividerCore.js

@@ -1,8 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 import { cx } from "../../styles/styler.js";
+import { Text } from "../Text.js";
 import { Box } from "../Box.js";
 import { HStack } from "../HStack.js";
-import { Text } from "../Text.js";
 import { VStack } from "../VStack.js";
 import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -3,12 +3,12 @@
 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_IconSlot = require('../../IconSlot.cjs');
+const require_components_Box = require('../../Box.cjs');
 const require_components_client_Avatar_utils = require('./utils.cjs');
+let _yahoo_uds_icons = require("@yahoo/uds-icons");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-let _yahoo_uds_icons = require("@yahoo/uds-icons");
 
 //#region src/components/client/Avatar/AvatarIcon.tsx
 /** Maps avatar variant to icon */

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

@@ -1,12 +1,12 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 import { cx, getStyles } from "../../../styles/styler.js";
-import { Box } from "../../Box.js";
 import { IconSlot } from "../../IconSlot.js";
+import { Box } from "../../Box.js";
 import { DEFAULT_AVATAR_SIZE, DEFAULT_AVATAR_VARIANT, buildAvatarRootClasses, buildInlineSizeStyles } from "./utils.js";
+import { Building, Person } from "@yahoo/uds-icons";
 import { forwardRef, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-import { Building, Person } from "@yahoo/uds-icons";
 
 //#region src/components/client/Avatar/AvatarIcon.tsx
 /** Maps avatar variant to icon */

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

@@ -3,8 +3,8 @@
 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_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");

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

@@ -1,8 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 import { cx } from "../../../styles/styler.js";
-import { Box } from "../../Box.js";
 import { Text } from "../../Text.js";
+import { Box } from "../../Box.js";
 import { DEFAULT_AVATAR_SIZE, DEFAULT_AVATAR_VARIANT, buildAvatarRootClasses, buildInlineSizeStyles, generateAvatarAbbreviation } from "./utils.js";
 import { forwardRef, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/client/Badge.cjs

@@ -3,8 +3,8 @@
 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_HStack = require('../HStack.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");

package/dist/components/client/Badge.js

@@ -1,8 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 import { cx, getStyles } from "../../styles/styler.js";
-import { HStack } from "../HStack.js";
 import { IconSlot } from "../IconSlot.js";
+import { HStack } from "../HStack.js";
 import React, { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 

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

@@ -3,8 +3,8 @@
 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_Text = require('../../Text.cjs');
+const require_components_Box = require('../../Box.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/client/BottomSheet/BottomSheetHeader.tsx

package/dist/components/client/BottomSheet/BottomSheetHeader.js

@@ -1,8 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 import { cx, getStyles } from "../../../styles/styler.js";
-import { Box } from "../../Box.js";
 import { Text } from "../../Text.js";
+import { Box } from "../../Box.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/client/BottomSheet/BottomSheetHeader.tsx

package/dist/components/client/Button.cjs

@@ -10,10 +10,10 @@ const require_components_IconSlot = require('../IconSlot.cjs');
 const require_generateDefaultClassName = require('../../automated-config/dist/utils/generateDefaultClassName.cjs');
 const require_components_client_buttonConstants = require('./buttonConstants.cjs');
 const require_components_client_SpringMotionConfig = require('./SpringMotionConfig.cjs');
+let _yahoo_uds_icons = require("@yahoo/uds-icons");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
-let _yahoo_uds_icons = require("@yahoo/uds-icons");
 let motion_react = require("motion/react");
 
 //#region src/components/client/Button.tsx

package/dist/components/client/Button.js

@@ -8,9 +8,9 @@ import { IconSlot } from "../IconSlot.js";
 import { generateDefaultClassName } from "../../automated-config/dist/utils/generateDefaultClassName.js";
 import { buttonIconSvgSize } from "./buttonConstants.js";
 import { SpringMotionConfig } from "./SpringMotionConfig.js";
+import { Progress } from "@yahoo/uds-icons";
 import React, { cloneElement, forwardRef, isValidElement, useImperativeHandle, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { Progress } from "@yahoo/uds-icons";
 import { AnimatePresence, m, useReducedMotion } from "motion/react";
 
 //#region src/components/client/Button.tsx

package/dist/components/client/Checkbox.cjs

@@ -3,14 +3,14 @@
 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');
 const require_components_Box = require('../Box.cjs');
 const require_components_FormLabel = require('../FormLabel.cjs');
-const require_components_Icon = require('../Icon.cjs');
 const require_components_client_SpringMotionConfig = require('./SpringMotionConfig.cjs');
+let _yahoo_uds_icons = require("@yahoo/uds-icons");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
-let _yahoo_uds_icons = require("@yahoo/uds-icons");
 let motion_react = require("motion/react");
 
 //#region src/components/client/Checkbox.tsx

package/dist/components/client/Checkbox.js

@@ -1,13 +1,13 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 import { cx, getStyles } from "../../styles/styler.js";
+import { Icon } from "../Icon.js";
 import { Box } from "../Box.js";
 import { FormLabel } from "../FormLabel.js";
-import { Icon } from "../Icon.js";
 import { SpringMotionConfig } from "./SpringMotionConfig.js";
+import { Check, Minus } from "@yahoo/uds-icons";
 import React, { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Check, Minus } from "@yahoo/uds-icons";
 import { m, useReducedMotion } from "motion/react";
 
 //#region src/components/client/Checkbox.tsx

package/dist/components/client/Chip/ChipBase.cjs

@@ -3,9 +3,9 @@
 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_HStack = require('../../HStack.cjs');
-const require_components_Text = require('../../Text.cjs');
 const require_components_IconSlot = require('../../IconSlot.cjs');
+const require_components_Text = require('../../Text.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");

package/dist/components/client/Chip/ChipBase.js

@@ -1,9 +1,9 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 import { cx, getStyles } from "../../../styles/styler.js";
-import { HStack } from "../../HStack.js";
-import { Text } from "../../Text.js";
 import { IconSlot } from "../../IconSlot.js";
+import { Text } from "../../Text.js";
+import { HStack } from "../../HStack.js";
 import React, { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useReducedMotion } from "motion/react";