@yahoo/uds 3.124.0-beta.1 → 3.125.0

package/dist/components/experimental/client/AvoidMotionLibraryProvider.d.ts

@@ -1,4 +1,5 @@
 
+"use client";
 import * as react from "react";
 
 //#region src/components/experimental/client/AvoidMotionLibraryProvider.d.ts

package/dist/components/experimental/client/AvoidMotionLibraryProvider.js

@@ -1,5 +1,5 @@
-"use client";
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
 import { createContext, useContext } from "react";
 
 //#region src/components/experimental/client/AvoidMotionLibraryProvider.tsx

package/dist/components/experimental/client/Modal.cjs

@@ -1,5 +1,5 @@
-"use client";
 /*! © 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');

package/dist/components/experimental/client/Modal.d.ts

@@ -1,4 +1,5 @@
 
+"use client";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { DialogDismiss, DialogProps, DialogStore as ModalStore, useDialogStore } from "@ariakit/react";
 

package/dist/components/experimental/client/Modal.js

@@ -1,5 +1,5 @@
-"use client";
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
 import { cx } from "../../../styles/styler.js";
 import { HStack } from "../../HStack.js";
 import { Text } from "../../Text.js";

package/dist/components/experimental/client/SegmentedControl.cjs

@@ -1,5 +1,5 @@
-"use client";
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
 'use client';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/dist/components/experimental/client/SegmentedControl.d.cts

@@ -1,8 +1,9 @@
 
 import { IconProps } from "../../Icon.cjs";
 import "../../index.cjs";
+import { TextVariant } from "../../../uds/dist/types/dist/index.cjs";
+import "../../../uds/dist/index.cjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { TextVariant } from "@yahoo/uds";
 
 //#region src/components/experimental/client/SegmentedControl.d.ts
 interface SegmentedControlOption<T extends string> {

package/dist/components/experimental/client/SegmentedControl.d.ts

@@ -1,4 +1,5 @@
 
+"use client";
 import { IconProps } from "../../Icon.js";
 import "../../index.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";

package/dist/components/experimental/client/SegmentedControl.js

@@ -1,5 +1,5 @@
-"use client";
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
 'use client';
 
 import { cx, getStyles } from "../../../styles/styler.js";

package/dist/components/experimental/client/SwitchV2.cjs

@@ -1,5 +1,5 @@
-"use client";
 /*! © 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');

package/dist/components/experimental/client/SwitchV2.d.ts

@@ -1,4 +1,5 @@
 
+"use client";
 import { UniversalSwitchProps } from "../../../types/dist/index.js";
 import "../../../tokens/index.js";
 import React from "react";

package/dist/components/experimental/client/SwitchV2.js

@@ -1,5 +1,5 @@
-"use client";
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
 import { cx, getStyles } from "../../../styles/styler.js";
 import { Box } from "../../Box.js";
 import { FormLabel } from "../../FormLabel.js";

package/dist/components/experimental/client/Tabs.cjs

@@ -1,5 +1,5 @@
-"use client";
 /*! © 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');

package/dist/components/experimental/client/Tabs.d.ts

@@ -1,4 +1,5 @@
 
+"use client";
 import { IconProps } from "../../Icon.js";
 import "../../index.js";
 import * as react from "react";

package/dist/components/experimental/client/Tabs.js

@@ -1,5 +1,5 @@
-"use client";
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
 import { cx, getStyles } from "../../../styles/styler.js";
 import { createSlot } from "../../../utils/createSlot.js";
 import { Text } from "../../Text.js";

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

@@ -1,5 +1,5 @@
-"use client";
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_components_experimental_client_AvoidMotionLibraryProvider = require('./AvoidMotionLibraryProvider.cjs');
 const require_components_experimental_client_Accordion = require('./Accordion.cjs');

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

@@ -1,4 +1,5 @@
 
+"use client";
 import { Accordion, AccordionProps } from "./Accordion.js";
 import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./AvoidMotionLibraryProvider.js";
 import { Modal, ModalDismiss, ModalHeader, ModalProps, ModalStore, useModalStore } from "./Modal.js";

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

@@ -1,5 +1,5 @@
-"use client";
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
 import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./AvoidMotionLibraryProvider.js";
 import { Accordion } from "./Accordion.js";
 import { Modal, ModalDismiss, ModalHeader, useModalStore } from "./Modal.js";

package/dist/config/dist/index.cjs

@@ -2,7 +2,7 @@
 
 //#region ../config/dist/index.js
 /*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
-const LATEST_MIGRATION_VERSION = "v0.87.0";
+const LATEST_MIGRATION_VERSION = "v0.88.0";
 /**
 * NOTE: If you're building a feature with a migration,
 * this type will likely throw.  You can regenerate yosConfig
@@ -220,6 +220,87 @@ const defaultTokensConfig = {
 					valueType: "alias"
 				} }
 			},
+			"size/2xs/icon": { iconSize: { rest: {
+				type: "iconSizes",
+				value: "xs",
+				valueType: "alias"
+			} } },
+			"size/2xs/root": {
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				height: { rest: {
+					type: "spacingAliases",
+					value: "5",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "legal1",
+					valueType: "alias"
+				} },
+				width: { rest: {
+					type: "spacingAliases",
+					value: "5",
+					valueType: "alias"
+				} }
+			},
+			"size/2xl/icon": { iconSize: { rest: {
+				type: "iconSizes",
+				value: "lg",
+				valueType: "alias"
+			} } },
+			"size/2xl/root": {
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				height: { rest: {
+					type: "spacingAliases",
+					value: "20",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "title3",
+					valueType: "alias"
+				} },
+				width: { rest: {
+					type: "spacingAliases",
+					value: "20",
+					valueType: "alias"
+				} }
+			},
+			"size/3xl/icon": { iconSize: { rest: {
+				type: "iconSizes",
+				value: "lg",
+				valueType: "alias"
+			} } },
+			"size/3xl/root": {
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				height: { rest: {
+					type: "spacingAliases",
+					value: "24",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "title3",
+					valueType: "alias"
+				} },
+				width: { rest: {
+					type: "spacingAliases",
+					value: "24",
+					valueType: "alias"
+				} }
+			},
 			"text/variant/primary/root": {
 				backgroundColor: { rest: {
 					type: "backgroundPaletteColors",
@@ -27054,7 +27135,7 @@ const defaultTokensConfig = {
 			}
 		}
 	},
-	version: "v0.87.0",
+	version: "v0.88.0",
 	version: LATEST_MIGRATION_VERSION
 };
 

package/dist/config/dist/index.js

@@ -1,7 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 //#region ../config/dist/index.js
 /*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
-const LATEST_MIGRATION_VERSION = "v0.87.0";
+const LATEST_MIGRATION_VERSION = "v0.88.0";
 /**
 * NOTE: If you're building a feature with a migration,
 * this type will likely throw.  You can regenerate yosConfig
@@ -219,6 +219,87 @@ const defaultTokensConfig = {
 					valueType: "alias"
 				} }
 			},
+			"size/2xs/icon": { iconSize: { rest: {
+				type: "iconSizes",
+				value: "xs",
+				valueType: "alias"
+			} } },
+			"size/2xs/root": {
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				height: { rest: {
+					type: "spacingAliases",
+					value: "5",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "legal1",
+					valueType: "alias"
+				} },
+				width: { rest: {
+					type: "spacingAliases",
+					value: "5",
+					valueType: "alias"
+				} }
+			},
+			"size/2xl/icon": { iconSize: { rest: {
+				type: "iconSizes",
+				value: "lg",
+				valueType: "alias"
+			} } },
+			"size/2xl/root": {
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				height: { rest: {
+					type: "spacingAliases",
+					value: "20",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "title3",
+					valueType: "alias"
+				} },
+				width: { rest: {
+					type: "spacingAliases",
+					value: "20",
+					valueType: "alias"
+				} }
+			},
+			"size/3xl/icon": { iconSize: { rest: {
+				type: "iconSizes",
+				value: "lg",
+				valueType: "alias"
+			} } },
+			"size/3xl/root": {
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				height: { rest: {
+					type: "spacingAliases",
+					value: "24",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "title3",
+					valueType: "alias"
+				} },
+				width: { rest: {
+					type: "spacingAliases",
+					value: "24",
+					valueType: "alias"
+				} }
+			},
 			"text/variant/primary/root": {
 				backgroundColor: { rest: {
 					type: "backgroundPaletteColors",
@@ -27053,7 +27134,7 @@ const defaultTokensConfig = {
 			}
 		}
 	},
-	version: "v0.87.0",
+	version: "v0.88.0",
 	version: LATEST_MIGRATION_VERSION
 };
 

package/dist/fixtures/dist/index.cjs

@@ -1093,22 +1093,35 @@ var textTransforms = [
 	"lowercase",
 	"capitalize"
 ];
-var avatarSizes = [
+var avatarShapes = [
 	"sm",
 	"md",
 	"lg",
 	"xl",
-	"xs"
+	"none",
+	"xs",
+	"full"
 ];
-var avatarShapes = [
+var avatarSizeSort = {
+	"2xs": 0,
+	xs: 1,
+	sm: 2,
+	md: 3,
+	lg: 4,
+	xl: 5,
+	"2xl": 6,
+	"3xl": 7
+};
+var avatarSizes = [
 	"sm",
 	"md",
 	"lg",
 	"xl",
-	"none",
+	"2xl",
 	"xs",
-	"full"
-];
+	"2xs",
+	"3xl"
+].sort((a, b) => avatarSizeSort[a] - avatarSizeSort[b]);
 var borderRadiiSort = {
 	none: 0,
 	xs: 1,

package/dist/fixtures/dist/index.d.cts

@@ -56,8 +56,8 @@ declare const typographyStyleProperties: (keyof TypographyStyle)[];
 declare const fontAliases: FontAlias[];
 declare const fontWeights: FontWeightDescriptive[];
 declare const textTransforms: TextTransform[];
-declare const avatarSizes: AvatarSize[];
 declare const avatarShapes: TShirtSize[];
+declare const avatarSizes: AvatarSize[];
 declare const borderRadii: TShirtSize[];
 declare const borderWidths: BorderWidth[];
 declare const borderWidthsWithElevation: string[];

package/dist/fixtures/dist/index.d.ts

@@ -56,8 +56,8 @@ declare const typographyStyleProperties: (keyof TypographyStyle)[];
 declare const fontAliases: FontAlias[];
 declare const fontWeights: FontWeightDescriptive[];
 declare const textTransforms: TextTransform[];
-declare const avatarSizes: AvatarSize[];
 declare const avatarShapes: TShirtSize[];
+declare const avatarSizes: AvatarSize[];
 declare const borderRadii: TShirtSize[];
 declare const borderWidths: BorderWidth[];
 declare const borderWidthsWithElevation: string[];

package/dist/fixtures/dist/index.js

@@ -1092,22 +1092,35 @@ var textTransforms = [
 	"lowercase",
 	"capitalize"
 ];
-var avatarSizes = [
+var avatarShapes = [
 	"sm",
 	"md",
 	"lg",
 	"xl",
-	"xs"
+	"none",
+	"xs",
+	"full"
 ];
-var avatarShapes = [
+var avatarSizeSort = {
+	"2xs": 0,
+	xs: 1,
+	sm: 2,
+	md: 3,
+	lg: 4,
+	xl: 5,
+	"2xl": 6,
+	"3xl": 7
+};
+var avatarSizes = [
 	"sm",
 	"md",
 	"lg",
 	"xl",
-	"none",
+	"2xl",
 	"xs",
-	"full"
-];
+	"2xs",
+	"3xl"
+].sort((a, b) => avatarSizeSort[a] - avatarSizeSort[b]);
 var borderRadiiSort = {
 	none: 0,
 	xs: 1,