@yahoo/uds 3.66.0 → 3.67.0-beta.1

package/dist/utils/getMotionVar.d.cts

@@ -0,0 +1,16 @@
+import { MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed } from "../tokens/types.cjs";
+import "../tokens/index.cjs";
+
+//#region src/utils/getMotionVar.d.ts
+interface GetMotionVarParams {
+  variant: MotionVariant;
+  speed: MotionVariantSpeed;
+  control: MotionSpringConfigOptions;
+}
+declare function getMotionVar({
+  variant,
+  speed,
+  control
+}: GetMotionVarParams): string;
+//#endregion
+export { GetMotionVarParams, getMotionVar };

package/dist/utils/getMotionVar.d.ts

@@ -0,0 +1,16 @@
+import { MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed } from "../tokens/types.js";
+import "../tokens/index.js";
+
+//#region src/utils/getMotionVar.d.ts
+interface GetMotionVarParams {
+  variant: MotionVariant;
+  speed: MotionVariantSpeed;
+  control: MotionSpringConfigOptions;
+}
+declare function getMotionVar({
+  variant,
+  speed,
+  control
+}: GetMotionVarParams): string;
+//#endregion
+export { GetMotionVarParams, getMotionVar };

package/dist/utils/getMotionVar.js

@@ -0,0 +1,15 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { MOTION_PREFIX } from "../tokens/consts/cssTokens.js";
+
+//#region src/utils/getMotionVar.ts
+function getMotionVar({ variant, speed, control }) {
+	return `${[
+		`--${MOTION_PREFIX}`,
+		variant,
+		speed,
+		control
+	].join("-")}`;
+}
+
+//#endregion
+export { getMotionVar };

package/dist/utils/intersperse.cjs

@@ -0,0 +1,48 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+let lodash_isFunction_js = require("lodash/isFunction.js");
+lodash_isFunction_js = require_rolldown_runtime.__toESM(lodash_isFunction_js);
+
+//#region src/utils/intersperse.ts
+/**
+* Given an array of items, place an item between each of the original values with either a constant
+* value or the result of a function which knows the index it is being inserted before.
+*
+* @example
+* const ANIMALS = ["Lions", "Tigers", "Bears"];
+* const animalesInterspersedWithAmpersands = intersperse(ANIMALS, "&");
+* // ["Lions", "&", "Tigers", "&", "Bears"]
+* console.log(animalesInterspersedWithAmpersands.join(" ") + '. OH MY!');
+*/
+const intersperse = (list, inter) => {
+	const interFn = (0, lodash_isFunction_js.default)(inter) ? inter : () => inter;
+	return list.flatMap((item, i) => i !== 0 ? [interFn(i), item] : [item]);
+};
+/**
+* Given ReactNode, if it is a list of children nodes, place a new React node between each of the
+* original nodes with either a constant ReactElement or the result of a function which knows the
+* index it is being inserted before.
+*
+* @example
+* const SplitParagraphsWithHorizontalRule = ({ paragraphs }: { paragraphs: string[] }) => {
+*   const paragraphNodes =  paragraphs.map((str) => <p>{str}</p>);
+*
+*   return (<div>
+*     {intersperseReactChildren(paragraphNodes, <hr />)}
+*   </div>);
+* }
+*/
+const intersperseReactChildren = (children, inter) => {
+	return intersperse(react.Children.toArray(children), (i) => {
+		const node = (0, lodash_isFunction_js.default)(inter) ? inter(i) : inter;
+		return (0, react.isValidElement)(node) ? (0, react.cloneElement)(node, {
+			...node.props,
+			key: node.key ?? `interspersed-${i}`
+		}) : null;
+	});
+};
+
+//#endregion
+exports.intersperse = intersperse;
+exports.intersperseReactChildren = intersperseReactChildren;

package/dist/utils/intersperse.d.cts

@@ -0,0 +1,33 @@
+import * as react27 from "react";
+import { ReactNode } from "react";
+
+//#region src/utils/intersperse.d.ts
+
+/**
+ * Given an array of items, place an item between each of the original values with either a constant
+ * value or the result of a function which knows the index it is being inserted before.
+ *
+ * @example
+ * const ANIMALS = ["Lions", "Tigers", "Bears"];
+ * const animalesInterspersedWithAmpersands = intersperse(ANIMALS, "&");
+ * // ["Lions", "&", "Tigers", "&", "Bears"]
+ * console.log(animalesInterspersedWithAmpersands.join(" ") + '. OH MY!');
+ */
+declare const intersperse: <T>(list: Array<T>, inter: T | ((index: number) => T)) => T[];
+/**
+ * Given ReactNode, if it is a list of children nodes, place a new React node between each of the
+ * original nodes with either a constant ReactElement or the result of a function which knows the
+ * index it is being inserted before.
+ *
+ * @example
+ * const SplitParagraphsWithHorizontalRule = ({ paragraphs }: { paragraphs: string[] }) => {
+ *   const paragraphNodes =  paragraphs.map((str) => <p>{str}</p>);
+ *
+ *   return (<div>
+ *     {intersperseReactChildren(paragraphNodes, <hr />)}
+ *   </div>);
+ * }
+ */
+declare const intersperseReactChildren: (children: ReactNode, inter: ReactNode | ((index: number) => ReactNode)) => (string | number | react27.ReactElement<any, string | react27.JSXElementConstructor<any>> | Iterable<ReactNode> | react27.ReactPortal | null)[];
+//#endregion
+export { intersperse, intersperseReactChildren };

package/dist/utils/intersperse.d.ts

@@ -0,0 +1,33 @@
+import * as react33 from "react";
+import { ReactNode } from "react";
+
+//#region src/utils/intersperse.d.ts
+
+/**
+ * Given an array of items, place an item between each of the original values with either a constant
+ * value or the result of a function which knows the index it is being inserted before.
+ *
+ * @example
+ * const ANIMALS = ["Lions", "Tigers", "Bears"];
+ * const animalesInterspersedWithAmpersands = intersperse(ANIMALS, "&");
+ * // ["Lions", "&", "Tigers", "&", "Bears"]
+ * console.log(animalesInterspersedWithAmpersands.join(" ") + '. OH MY!');
+ */
+declare const intersperse: <T>(list: Array<T>, inter: T | ((index: number) => T)) => T[];
+/**
+ * Given ReactNode, if it is a list of children nodes, place a new React node between each of the
+ * original nodes with either a constant ReactElement or the result of a function which knows the
+ * index it is being inserted before.
+ *
+ * @example
+ * const SplitParagraphsWithHorizontalRule = ({ paragraphs }: { paragraphs: string[] }) => {
+ *   const paragraphNodes =  paragraphs.map((str) => <p>{str}</p>);
+ *
+ *   return (<div>
+ *     {intersperseReactChildren(paragraphNodes, <hr />)}
+ *   </div>);
+ * }
+ */
+declare const intersperseReactChildren: (children: ReactNode, inter: ReactNode | ((index: number) => ReactNode)) => (string | number | react33.ReactElement<any, string | react33.JSXElementConstructor<any>> | Iterable<ReactNode> | react33.ReactPortal | null)[];
+//#endregion
+export { intersperse, intersperseReactChildren };

package/dist/utils/intersperse.js

@@ -0,0 +1,45 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { Children, cloneElement, isValidElement } from "react";
+import { isFunction } from "lodash-es";
+
+//#region src/utils/intersperse.ts
+/**
+* Given an array of items, place an item between each of the original values with either a constant
+* value or the result of a function which knows the index it is being inserted before.
+*
+* @example
+* const ANIMALS = ["Lions", "Tigers", "Bears"];
+* const animalesInterspersedWithAmpersands = intersperse(ANIMALS, "&");
+* // ["Lions", "&", "Tigers", "&", "Bears"]
+* console.log(animalesInterspersedWithAmpersands.join(" ") + '. OH MY!');
+*/
+const intersperse = (list, inter) => {
+	const interFn = isFunction(inter) ? inter : () => inter;
+	return list.flatMap((item, i) => i !== 0 ? [interFn(i), item] : [item]);
+};
+/**
+* Given ReactNode, if it is a list of children nodes, place a new React node between each of the
+* original nodes with either a constant ReactElement or the result of a function which knows the
+* index it is being inserted before.
+*
+* @example
+* const SplitParagraphsWithHorizontalRule = ({ paragraphs }: { paragraphs: string[] }) => {
+*   const paragraphNodes =  paragraphs.map((str) => <p>{str}</p>);
+*
+*   return (<div>
+*     {intersperseReactChildren(paragraphNodes, <hr />)}
+*   </div>);
+* }
+*/
+const intersperseReactChildren = (children, inter) => {
+	return intersperse(Children.toArray(children), (i) => {
+		const node = isFunction(inter) ? inter(i) : inter;
+		return isValidElement(node) ? cloneElement(node, {
+			...node.props,
+			key: node.key ?? `interspersed-${i}`
+		}) : null;
+	});
+};
+
+//#endregion
+export { intersperse, intersperseReactChildren };

package/dist/utils/mapValues.cjs

@@ -0,0 +1,12 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region src/utils/mapValues.ts
+function mapValues(obj, callbackFn) {
+	return Object.keys(obj).reduce((acc, key, i) => {
+		acc[key] = callbackFn(obj[key], key, i);
+		return acc;
+	}, {});
+}
+
+//#endregion
+exports.mapValues = mapValues;

package/dist/utils/mapValues.d.cts

@@ -0,0 +1,5 @@
+//#region src/utils/mapValues.d.ts
+type AnyObject = Record<string, unknown>;
+declare function mapValues<T extends AnyObject, K extends (value: T[keyof T], key: keyof T, i: number) => unknown>(obj: T, callbackFn: K): { [key in keyof T]: ReturnType<K> };
+//#endregion
+export { mapValues };

package/dist/utils/mapValues.d.ts

@@ -0,0 +1,5 @@
+//#region src/utils/mapValues.d.ts
+type AnyObject = Record<string, unknown>;
+declare function mapValues<T extends AnyObject, K extends (value: T[keyof T], key: keyof T, i: number) => unknown>(obj: T, callbackFn: K): { [key in keyof T]: ReturnType<K> };
+//#endregion
+export { mapValues };

package/dist/utils/mapValues.js

@@ -0,0 +1,11 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+//#region src/utils/mapValues.ts
+function mapValues(obj, callbackFn) {
+	return Object.keys(obj).reduce((acc, key, i) => {
+		acc[key] = callbackFn(obj[key], key, i);
+		return acc;
+	}, {});
+}
+
+//#endregion
+export { mapValues };

package/dist/utils/mergeSlotProps.cjs

@@ -0,0 +1,29 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_styles_styler = require('../styles/styler.cjs');
+
+//#region src/utils/mergeSlotProps.ts
+const mergeSlotProp = (slotProp, newSlotProp, onConflict = "overwriteOriginal") => {
+	const allKeys = Array.from(new Set([...Object.keys(slotProp ?? {}), ...Object.keys(newSlotProp ?? {})]));
+	return Object.fromEntries(allKeys.map((key) => {
+		const originalValue = slotProp?.[key];
+		const newValue = newSlotProp?.[key];
+		if (originalValue && !newValue) return [key, originalValue];
+		if (newValue && !originalValue) return [key, newValue];
+		if (key === "className") return [key, require_styles_styler.cx(originalValue, newValue)];
+		if (onConflict === "keepOriginal") return [key, originalValue];
+		return [key, newValue];
+	}));
+};
+const mergeSlotProps = (slotProps, newProps, onConflict = "overwriteOriginal") => {
+	if (!slotProps) return newProps;
+	const allKeys = Array.from(new Set([...Object.keys(slotProps), ...Object.keys(newProps)]));
+	return Object.fromEntries(allKeys.map((key) => {
+		const originalValue = slotProps[key];
+		const newValue = newProps[key];
+		return [key, mergeSlotProp(originalValue, newValue, onConflict)];
+	}));
+};
+
+//#endregion
+exports.mergeSlotProp = mergeSlotProp;
+exports.mergeSlotProps = mergeSlotProps;

package/dist/utils/mergeSlotProps.d.cts

@@ -0,0 +1,5 @@
+//#region src/utils/mergeSlotProps.d.ts
+declare const mergeSlotProp: <T extends Partial<Record<string, any>>>(slotProp: T | undefined, newSlotProp: T | undefined, onConflict?: "overwriteOriginal" | "keepOriginal") => T;
+declare const mergeSlotProps: <T1 extends { [K in keyof T1]?: Record<string, any> }, T2 extends { [K in keyof T2]?: Record<string, any> }>(slotProps: T1 | undefined, newProps: T2, onConflict?: "overwriteOriginal" | "keepOriginal") => (T1 & T2) | undefined;
+//#endregion
+export { mergeSlotProp, mergeSlotProps };

package/dist/utils/mergeSlotProps.d.ts

@@ -0,0 +1,5 @@
+//#region src/utils/mergeSlotProps.d.ts
+declare const mergeSlotProp: <T extends Partial<Record<string, any>>>(slotProp: T | undefined, newSlotProp: T | undefined, onConflict?: "overwriteOriginal" | "keepOriginal") => T;
+declare const mergeSlotProps: <T1 extends { [K in keyof T1]?: Record<string, any> }, T2 extends { [K in keyof T2]?: Record<string, any> }>(slotProps: T1 | undefined, newProps: T2, onConflict?: "overwriteOriginal" | "keepOriginal") => (T1 & T2) | undefined;
+//#endregion
+export { mergeSlotProp, mergeSlotProps };

package/dist/utils/mergeSlotProps.js

@@ -0,0 +1,28 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { cx } from "../styles/styler.js";
+
+//#region src/utils/mergeSlotProps.ts
+const mergeSlotProp = (slotProp, newSlotProp, onConflict = "overwriteOriginal") => {
+	const allKeys = Array.from(new Set([...Object.keys(slotProp ?? {}), ...Object.keys(newSlotProp ?? {})]));
+	return Object.fromEntries(allKeys.map((key) => {
+		const originalValue = slotProp?.[key];
+		const newValue = newSlotProp?.[key];
+		if (originalValue && !newValue) return [key, originalValue];
+		if (newValue && !originalValue) return [key, newValue];
+		if (key === "className") return [key, cx(originalValue, newValue)];
+		if (onConflict === "keepOriginal") return [key, originalValue];
+		return [key, newValue];
+	}));
+};
+const mergeSlotProps = (slotProps, newProps, onConflict = "overwriteOriginal") => {
+	if (!slotProps) return newProps;
+	const allKeys = Array.from(new Set([...Object.keys(slotProps), ...Object.keys(newProps)]));
+	return Object.fromEntries(allKeys.map((key) => {
+		const originalValue = slotProps[key];
+		const newValue = newProps[key];
+		return [key, mergeSlotProp(originalValue, newValue, onConflict)];
+	}));
+};
+
+//#endregion
+export { mergeSlotProp, mergeSlotProps };

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@yahoo/uds",
   "description": "Yahoo Universal System",
-  "version": "3.66.0",
+  "version": "3.67.0-beta.1",
   "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "bin": {
     "uds": "./cli/uds-cli.js"
   },
@@ -37,52 +40,52 @@
     },
     "./client": {
       "import": {
-        "types": "./dist/client/index.d.ts",
-        "default": "./dist/client/index.js"
+        "types": "./dist/components/client/index.d.ts",
+        "default": "./dist/components/client/index.js"
       },
       "require": {
-        "types": "./dist/client/index.d.cts",
-        "default": "./dist/client/index.cjs"
+        "types": "./dist/components/client/index.d.cts",
+        "default": "./dist/components/client/index.cjs"
       }
     },
-    "./client/Menu": {
+    "./experimental": {
       "import": {
-        "types": "./dist/client/Menu.d.ts",
-        "default": "./dist/client/Menu.js"
+        "types": "./dist/components/experimental/index.d.ts",
+        "default": "./dist/components/experimental/index.js"
       },
       "require": {
-        "types": "./dist/client/Menu.d.cts",
-        "default": "./dist/client/Menu.cjs"
+        "types": "./dist/components/experimental/index.d.cts",
+        "default": "./dist/components/experimental/index.cjs"
       }
     },
-    "./experimental": {
+    "./experimental/client": {
       "import": {
-        "types": "./dist/experimental/index.d.ts",
-        "default": "./dist/experimental/index.js"
+        "types": "./dist/components/experimental/client/index.d.ts",
+        "default": "./dist/components/experimental/client/index.js"
       },
       "require": {
-        "types": "./dist/experimental/index.d.cts",
-        "default": "./dist/experimental/index.cjs"
+        "types": "./dist/components/experimental/client/index.d.cts",
+        "default": "./dist/components/experimental/client/index.cjs"
       }
     },
-    "./experimental/client": {
+    "./__private/motionFeatures/domMax": {
       "import": {
-        "types": "./dist/experimental/client/index.d.ts",
-        "default": "./dist/experimental/client/index.js"
+        "types": "./dist/components/client/motionFeatures/domMax.d.ts",
+        "default": "./dist/components/client/motionFeatures/domMax.js"
       },
       "require": {
-        "types": "./dist/experimental/client/index.d.cts",
-        "default": "./dist/experimental/client/index.cjs"
+        "types": "./dist/components/client/motionFeatures/domMax.d.cts",
+        "default": "./dist/components/client/motionFeatures/domMax.cjs"
       }
     },
-    "./experimental/client/SwitchV2": {
+    "./__private/motionFeatures/domAnimation": {
       "import": {
-        "types": "./dist/experimental/client/SwitchV2.d.ts",
-        "default": "./dist/experimental/client/SwitchV2.js"
+        "types": "./dist/components/client/motionFeatures/domAnimation.d.ts",
+        "default": "./dist/components/client/motionFeatures/domAnimation.js"
       },
       "require": {
-        "types": "./dist/experimental/client/SwitchV2.d.cts",
-        "default": "./dist/experimental/client/SwitchV2.cjs"
+        "types": "./dist/components/client/motionFeatures/domAnimation.d.cts",
+        "default": "./dist/components/client/motionFeatures/domAnimation.cjs"
       }
     },
     "./fixtures": {
@@ -106,32 +109,32 @@
     "./styles/*": "./dist/styles/*",
     "./tailwind/plugin": {
       "import": {
-        "types": "./dist/tailwind/plugin.d.ts",
-        "default": "./dist/tailwind/plugin.js"
+        "types": "./dist/tailwind/tailwindPlugin.d.ts",
+        "default": "./dist/tailwind/tailwindPlugin.js"
       },
       "require": {
-        "types": "./dist/tailwind/plugin.d.cts",
-        "default": "./dist/tailwind/plugin.cjs"
+        "types": "./dist/tailwind/tailwindPlugin.d.cts",
+        "default": "./dist/tailwind/tailwindPlugin.cjs"
       }
     },
-    "./tailwind/utils": {
+    "./tailwind/purger": {
       "import": {
-        "types": "./dist/tailwind/utils.d.ts",
-        "default": "./dist/tailwind/utils.js"
+        "types": "./dist/tailwind/purger/index.d.ts",
+        "default": "./dist/tailwind/purger/index.js"
       },
       "require": {
-        "types": "./dist/tailwind/utils.d.cts",
-        "default": "./dist/tailwind/utils.cjs"
+        "types": "./dist/tailwind/purger/index.d.cts",
+        "default": "./dist/tailwind/purger/index.cjs"
       }
     },
-    "./tailwind/purger": {
+    "./tailwind/utils": {
       "import": {
-        "types": "./dist/tailwind/purger.d.ts",
-        "default": "./dist/tailwind/purger.js"
+        "types": "./dist/tailwind/utils/index.d.ts",
+        "default": "./dist/tailwind/utils/index.js"
       },
       "require": {
-        "types": "./dist/tailwind/purger.d.cts",
-        "default": "./dist/tailwind/purger.cjs"
+        "types": "./dist/tailwind/utils/index.d.cts",
+        "default": "./dist/tailwind/utils/index.cjs"
       }
     },
     "./tailwind/tsMorph": {
@@ -166,12 +169,12 @@
     },
     "./tokens/automation/configs": {
       "import": {
-        "types": "./dist/tokens/automation/configs.d.ts",
-        "default": "./dist/tokens/automation/configs.js"
+        "types": "./dist/tokens/automation/configs/index.d.ts",
+        "default": "./dist/tokens/automation/configs/index.js"
       },
       "require": {
-        "types": "./dist/tokens/automation/configs.d.cts",
-        "default": "./dist/tokens/automation/configs.cjs"
+        "types": "./dist/tokens/automation/configs/index.d.cts",
+        "default": "./dist/tokens/automation/configs/index.cjs"
       }
     },
     "./tokens/automation/properties": {
@@ -204,7 +207,7 @@
     "dev": "concurrently bun:dev:*",
     "dev:fixtures": "bun run ./scripts/buildFixtures.ts --watch",
     "dev:purgeCSSData": "bun run ./scripts/generatePurgeCSSData.ts --watch",
-    "dev:ts": "tsup --watch",
+    "dev:ts": "tsdown --watch",
     "format:pkg": "bun --cwd ../../ syncpack format",
     "lint": "eslint -c eslint.config.mjs .",
     "lint:fix": "bun run lint --fix",
@@ -231,6 +234,7 @@
     "bluebun": "^0.0.34",
     "clsx": "^2.1.1",
     "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "motion": "^12.23.12",
     "prompts": "^2.4.2",
     "react-toastify": "^11.0.5",
@@ -244,6 +248,7 @@
   "devDependencies": {
     "@fullhuman/postcss-purgecss": "^7.0.0",
     "@next/env": "^14.2.15",
+    "@optimize-lodash/transform": "^3.0.6",
     "@types/bun": "1.3.3",
     "@types/lodash": "^4.17.20",
     "@types/prompts": "^2.4.9",
@@ -257,9 +262,9 @@
     "concurrently": "^9.2.0",
     "postcss": "^8.5.6",
     "tailwindcss": "^3.4.13",
-    "terser": "^5.43.1",
     "tsconfig": "workspace:*",
-    "tsup": "^8.5.0"
+    "tsdown": "^0.16.8",
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "react": "^18.3.1 || ^19.0.0",

package/cli/FlattenButtonVariant.mock.tsx

@@ -1,17 +0,0 @@
-import { Button, HStack, IconButton } from '@yahoo/uds';
-import { Cross } from '@yahoo/uds-icons';
-
-export const PageA = () => {
-  return (
-    <HStack>
-     <Button variant="brand-secondary">Click me</Button><IconButton name={Cross} />
-<Button variant="primary">Click me</Button><IconButton name={Cross} variant="primary" />
-<Button variant="secondary">Click me</Button><IconButton name={Cross} variant="brand" />
-<Button variant="warning-tertiary">Click me</Button><IconButton name={Cross} variant="brand-tertiary" />
-<Button>Click me</Button><IconButton name={Cross} />
-<Button variant="tertiary">Click me</Button><IconButton name={Cross} variant="brand-tertiary" />
-<Button variant="secondary">Click me</Button><IconButton name={Cross} variant="secondary" />
-<Button variant="tertiary">Click me</Button><IconButton name={Cross} variant="tertiary" />
-    </HStack>
-  );
-}