@yahoo/uds 3.58.1 → 3.59.0-beta.1

package/dist/components/client/Radio/RadioGroupStore.cjs

@@ -0,0 +1,41 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+
+//#region src/components/client/Radio/RadioGroupStore.tsx
+/**
+* A store for a single RadioGroup. This store is used to manage the state of all Radios within a group.
+*/
+var RadioGroupStore = class RadioGroupStore {
+	name;
+	value;
+	activeCount = 0;
+	#changeListeners = /* @__PURE__ */ new Set();
+	constructor(name) {
+		this.name = name;
+	}
+	onChange(cb) {
+		this.#changeListeners.add(cb);
+		return () => {
+			this.#changeListeners.delete(cb);
+		};
+	}
+	setValue(value) {
+		this.value = value;
+		this.#changeListeners.forEach((cb) => cb(value));
+	}
+	static findOrCreate(radioGroupStores, name) {
+		let store = radioGroupStores.get(name);
+		if (!store) {
+			store = new RadioGroupStore(name);
+			radioGroupStores.set(name, store);
+		}
+		return store;
+	}
+};
+const RadioGroupContext = (0, react.createContext)(/* @__PURE__ */ new Map());
+
+//#endregion
+exports.RadioGroupContext = RadioGroupContext;
+exports.RadioGroupStore = RadioGroupStore;

package/dist/components/client/Radio/RadioGroupStore.d.cts

@@ -0,0 +1,21 @@
+import * as react59 from "react";
+
+//#region src/components/client/Radio/RadioGroupStore.d.ts
+type RadioGroupStoreOnChange = (value: string | undefined) => void;
+/**
+ * A store for a single RadioGroup. This store is used to manage the state of all Radios within a group.
+ */
+declare class RadioGroupStore {
+  #private;
+  name: string;
+  value?: string;
+  activeCount: number;
+  constructor(name: string);
+  onChange(cb: RadioGroupStoreOnChange): () => void;
+  setValue(value: string | undefined): void;
+  static findOrCreate(radioGroupStores: Map<string, RadioGroupStore>, name: string): RadioGroupStore;
+}
+declare const RadioGroupContext: react59.Context<RadioGroupStore | Map<string, RadioGroupStore>>;
+//#endregion
+export { RadioGroupContext, RadioGroupStore };
+//# sourceMappingURL=RadioGroupStore.d.cts.map

package/dist/components/client/Radio/RadioGroupStore.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupStore.d.cts","names":[],"sources":["../../../../src/components/client/Radio/RadioGroupStore.tsx"],"sourcesContent":[],"mappings":";;;KAEK,uBAAA,CAAA,CAAA;;;AAmDkB,CAAA,CAAA;AAnDK,OAAA,CAAA,KAAA,CAKtB,eAAA,CAAe;EAkBN,CAAA,OAAA;EAgBqC,IAAA,CAAA,CAAA,MAAA;EAAZ,KAAA,CAAA,CAAA,CAAA,MAAA;EAA0C,WAAA,CAAA,CAAA,MAAA;EAAA,WAAA,CAAA,IAAA,CAAA,CAAA,MAAA,CAAA;EAY5E,QAAA,CAAA,EAAA,CAAA,CA5BS,uBA4BmF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAA3E,QAAA,CAAA,KAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,IAAA;EAAA,MAAA,CAAA,YAAA,CAAA,gBAAA,CAAA,CAZiB,GAYjB,CAAA,MAAA,CAAA,CAZ6B,eAY7B,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAZ2D,eAY3D;;cAAjB,iBAAiB,CAAA,CAAA,OAAA,CAAA,OAAA,CAAA,eAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,CAAA,CAAA,eAAA,CAAA,CAAA"}

package/dist/components/client/Radio/RadioGroupStore.d.ts

@@ -0,0 +1,21 @@
+import * as react43 from "react";
+
+//#region src/components/client/Radio/RadioGroupStore.d.ts
+type RadioGroupStoreOnChange = (value: string | undefined) => void;
+/**
+ * A store for a single RadioGroup. This store is used to manage the state of all Radios within a group.
+ */
+declare class RadioGroupStore {
+  #private;
+  name: string;
+  value?: string;
+  activeCount: number;
+  constructor(name: string);
+  onChange(cb: RadioGroupStoreOnChange): () => void;
+  setValue(value: string | undefined): void;
+  static findOrCreate(radioGroupStores: Map<string, RadioGroupStore>, name: string): RadioGroupStore;
+}
+declare const RadioGroupContext: react43.Context<RadioGroupStore | Map<string, RadioGroupStore>>;
+//#endregion
+export { RadioGroupContext, RadioGroupStore };
+//# sourceMappingURL=RadioGroupStore.d.ts.map

package/dist/components/client/Radio/RadioGroupStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupStore.d.ts","names":[],"sources":["../../../../src/components/client/Radio/RadioGroupStore.tsx"],"sourcesContent":[],"mappings":";;;KAEK,uBAAA,CAAA,CAAA;;;AAmDkB,CAAA,CAAA;AAnDK,OAAA,CAAA,KAAA,CAKtB,eAAA,CAAe;EAkBN,CAAA,OAAA;EAgBqC,IAAA,CAAA,CAAA,MAAA;EAAZ,KAAA,CAAA,CAAA,CAAA,MAAA;EAA0C,WAAA,CAAA,CAAA,MAAA;EAAA,WAAA,CAAA,IAAA,CAAA,CAAA,MAAA,CAAA;EAY5E,QAAA,CAAA,EAAA,CAAA,CA5BS,uBA4BmF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAA3E,QAAA,CAAA,KAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,IAAA;EAAA,MAAA,CAAA,YAAA,CAAA,gBAAA,CAAA,CAZiB,GAYjB,CAAA,MAAA,CAAA,CAZ6B,eAY7B,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAZ2D,eAY3D;;cAAjB,iBAAiB,CAAA,CAAA,OAAA,CAAA,OAAA,CAAA,eAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,CAAA,CAAA,eAAA,CAAA,CAAA"}

package/dist/components/client/Radio/RadioGroupStore.js

@@ -0,0 +1,40 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { createContext } from "react";
+
+//#region src/components/client/Radio/RadioGroupStore.tsx
+/**
+* A store for a single RadioGroup. This store is used to manage the state of all Radios within a group.
+*/
+var RadioGroupStore = class RadioGroupStore {
+	name;
+	value;
+	activeCount = 0;
+	#changeListeners = /* @__PURE__ */ new Set();
+	constructor(name) {
+		this.name = name;
+	}
+	onChange(cb) {
+		this.#changeListeners.add(cb);
+		return () => {
+			this.#changeListeners.delete(cb);
+		};
+	}
+	setValue(value) {
+		this.value = value;
+		this.#changeListeners.forEach((cb) => cb(value));
+	}
+	static findOrCreate(radioGroupStores, name) {
+		let store = radioGroupStores.get(name);
+		if (!store) {
+			store = new RadioGroupStore(name);
+			radioGroupStores.set(name, store);
+		}
+		return store;
+	}
+};
+const RadioGroupContext = createContext(/* @__PURE__ */ new Map());
+
+//#endregion
+export { RadioGroupContext, RadioGroupStore };
+//# sourceMappingURL=RadioGroupStore.js.map

package/dist/components/client/Radio/RadioGroupStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupStore.js","names":["#changeListeners"],"sources":["../../../../src/components/client/Radio/RadioGroupStore.tsx"],"sourcesContent":["import { createContext } from 'react';\n\ntype RadioGroupStoreOnChange = (value: string | undefined) => void;\n\n/**\n * A store for a single RadioGroup. This store is used to manage the state of all Radios within a group.\n */\nclass RadioGroupStore {\n  // The html name attribute of the RadioGroup.\n  name: string;\n\n  // The current value of the RadioGroup.\n  value?: string;\n\n  // A count of the number of active Radios in the group. Used to cleanup stores when all Radios are unmounted.\n  activeCount = 0;\n\n  // A set of listeners to call when the value of the RadioGroup changes.\n  #changeListeners = new Set<RadioGroupStoreOnChange>();\n\n  constructor(name: string) {\n    this.name = name;\n  }\n\n  // Register a listener to be called when the value of the RadioGroup changes.\n  onChange(cb: RadioGroupStoreOnChange) {\n    this.#changeListeners.add(cb);\n\n    // Return a function to remove the listener (used as unmount handler in useEffect).\n    return () => {\n      this.#changeListeners.delete(cb);\n    };\n  }\n\n  // Set the value of the RadioGroup and notify all listeners.\n  setValue(value: string | undefined) {\n    this.value = value;\n    this.#changeListeners.forEach((cb) => cb(value));\n  }\n\n  // Create a new store when first encounting a new RadioGroup name.\n  static findOrCreate(radioGroupStores: Map<string, RadioGroupStore>, name: string) {\n    let store = radioGroupStores.get(name);\n\n    if (!store) {\n      store = new RadioGroupStore(name);\n      radioGroupStores.set(name, store);\n    }\n\n    return store;\n  }\n}\n\nconst RadioGroupContext = createContext<Map<string, RadioGroupStore> | RadioGroupStore>(new Map());\n\nexport { RadioGroupContext, RadioGroupStore };\n"],"mappings":";;;;;;;AAOA,IAAM,kBAAN,MAAM,gBAAgB;CAEpB;CAGA;CAGA,cAAc;CAGd,mCAAmB,IAAI,KAA8B;CAErD,YAAY,MAAc;AACxB,OAAK,OAAO;;CAId,SAAS,IAA6B;AACpC,QAAKA,gBAAiB,IAAI,GAAG;AAG7B,eAAa;AACX,SAAKA,gBAAiB,OAAO,GAAG;;;CAKpC,SAAS,OAA2B;AAClC,OAAK,QAAQ;AACb,QAAKA,gBAAiB,SAAS,OAAO,GAAG,MAAM,CAAC;;CAIlD,OAAO,aAAa,kBAAgD,MAAc;EAChF,IAAI,QAAQ,iBAAiB,IAAI,KAAK;AAEtC,MAAI,CAAC,OAAO;AACV,WAAQ,IAAI,gBAAgB,KAAK;AACjC,oBAAiB,IAAI,MAAM,MAAM;;AAGnC,SAAO;;;AAIX,MAAM,oBAAoB,8BAA8D,IAAI,KAAK,CAAC"}

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

@@ -0,0 +1,7 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_components_client_Radio_Radio = require('./Radio.cjs');
+const require_components_client_Radio_RadioGroupProvider = require('./RadioGroupProvider.cjs');
+
+exports.Radio = require_components_client_Radio_Radio.Radio;
+exports.RadioGroupProvider = require_components_client_Radio_RadioGroupProvider.RadioGroupProvider;

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

@@ -0,0 +1,3 @@
+import { Radio, RadioProps } from "./Radio.cjs";
+import { RadioGroupProvider, RadioGroupProviderProps } from "./RadioGroupProvider.cjs";
+export { Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps };

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

@@ -0,0 +1,3 @@
+import { Radio, RadioProps } from "./Radio.js";
+import { RadioGroupProvider, RadioGroupProviderProps } from "./RadioGroupProvider.js";
+export { Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps };

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

@@ -0,0 +1,6 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { Radio } from "./Radio.js";
+import { RadioGroupProvider } from "./RadioGroupProvider.js";
+
+export { Radio, RadioGroupProvider };

package/dist/components/client/Radio/useRadioGroup.cjs

@@ -0,0 +1,81 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_client_Radio_RadioGroupStore = require('./RadioGroupStore.cjs');
+let react = require("react");
+
+//#region src/components/client/Radio/useRadioGroup.ts
+const useRadioGroupName = (name) => {
+	const uid = (0, react.useId)();
+	return name ?? `uds-radio-group-${uid}`;
+};
+/**
+* A hook that connects a single Radio to its RadioGroupStore. If the Radio is used within a RadioGroupProvider,
+* it will use the context store. Otherwise, it will use a shared global store across all un-grouped Radios by name.
+*
+* @param name The name of the Radio which should be shared across the group.
+* @param value The value of the Radio.
+* @param checked Whether the Radio is checked by its controlled prop.
+* @param defaultChecked The uncontrolled default checked state of the Radio.
+* @returns The name of the RadioGroup, whether the Radio is controlled, the checked state of the Radio, and a function to set the RadioGroup value.
+*/
+const useRadioGroup = ({ name: radioName, value: radioValue, checked: radioIsChecked, defaultChecked: radioDefaultIsChecked }) => {
+	const ctx = (0, react.useContext)(require_components_client_Radio_RadioGroupStore.RadioGroupContext);
+	const hasRadioGroupProvider = ctx instanceof require_components_client_Radio_RadioGroupStore.RadioGroupStore;
+	const isControlled = radioIsChecked !== void 0 || hasRadioGroupProvider;
+	const uniqueName = useRadioGroupName(radioName);
+	const store = (0, react.useMemo)(() => {
+		if (hasRadioGroupProvider) return ctx;
+		return require_components_client_Radio_RadioGroupStore.RadioGroupStore.findOrCreate(ctx, uniqueName);
+	}, [
+		ctx,
+		hasRadioGroupProvider,
+		uniqueName
+	]);
+	const [radioGroupValue, setInternalRadioGroupValue] = (0, react.useState)(store.value);
+	const name = store.name ?? uniqueName;
+	const setGroupValue = (0, react.useCallback)((value) => {
+		store.setValue(value);
+		if (isControlled) return;
+		setInternalRadioGroupValue(value);
+	}, [isControlled, store]);
+	(0, react.useEffect)(() => store.onChange(setInternalRadioGroupValue), [store]);
+	(0, react.useEffect)(() => {
+		if (radioIsChecked !== true) return;
+		setGroupValue(radioValue);
+	}, [
+		radioIsChecked,
+		radioValue,
+		setGroupValue
+	]);
+	(0, react.useEffect)(() => {
+		if (hasRadioGroupProvider) return;
+		const store$1 = require_components_client_Radio_RadioGroupStore.RadioGroupStore.findOrCreate(ctx, name);
+		store$1.activeCount += 1;
+		ctx.set(name, store$1);
+		return () => {
+			const entry = ctx.get(name);
+			if (!entry) return;
+			entry.activeCount -= 1;
+			if (entry.activeCount === 0) ctx.delete(name);
+		};
+	}, [
+		ctx,
+		hasRadioGroupProvider,
+		name
+	]);
+	return {
+		name,
+		isControlled,
+		checked: (() => {
+			if (isControlled && !hasRadioGroupProvider) return radioIsChecked;
+			if (radioGroupValue !== void 0) return radioValue === radioGroupValue;
+			return radioDefaultIsChecked ?? false;
+		})(),
+		setGroupValue
+	};
+};
+
+//#endregion
+exports.useRadioGroup = useRadioGroup;
+exports.useRadioGroupName = useRadioGroupName;

package/dist/components/client/Radio/useRadioGroup.d.cts

@@ -0,0 +1,31 @@
+//#region src/components/client/Radio/useRadioGroup.d.ts
+declare const useRadioGroupName: (name?: string) => string;
+/**
+ * A hook that connects a single Radio to its RadioGroupStore. If the Radio is used within a RadioGroupProvider,
+ * it will use the context store. Otherwise, it will use a shared global store across all un-grouped Radios by name.
+ *
+ * @param name The name of the Radio which should be shared across the group.
+ * @param value The value of the Radio.
+ * @param checked Whether the Radio is checked by its controlled prop.
+ * @param defaultChecked The uncontrolled default checked state of the Radio.
+ * @returns The name of the RadioGroup, whether the Radio is controlled, the checked state of the Radio, and a function to set the RadioGroup value.
+ */
+declare const useRadioGroup: ({
+  name: radioName,
+  value: radioValue,
+  checked: radioIsChecked,
+  defaultChecked: radioDefaultIsChecked
+}: {
+  name?: string | undefined;
+  value: string;
+  checked?: boolean;
+  defaultChecked?: boolean;
+}) => {
+  name: string;
+  isControlled: boolean;
+  checked: boolean | undefined;
+  setGroupValue: (value: string) => void;
+};
+//#endregion
+export { useRadioGroup, useRadioGroupName };
+//# sourceMappingURL=useRadioGroup.d.cts.map

package/dist/components/client/Radio/useRadioGroup.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRadioGroup.d.cts","names":[],"sources":["../../../../src/components/client/Radio/useRadioGroup.ts"],"sourcesContent":[],"mappings":";cAIM;;AAGL,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,QAAA,CAAA,CAAA,CAAA,MAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,eAAA,CAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAA,kBAAA;;;;;;;;;cAYK;QAAiB;SAAA;WAAA;kBAAA"}

package/dist/components/client/Radio/useRadioGroup.d.ts

@@ -0,0 +1,31 @@
+//#region src/components/client/Radio/useRadioGroup.d.ts
+declare const useRadioGroupName: (name?: string) => string;
+/**
+ * A hook that connects a single Radio to its RadioGroupStore. If the Radio is used within a RadioGroupProvider,
+ * it will use the context store. Otherwise, it will use a shared global store across all un-grouped Radios by name.
+ *
+ * @param name The name of the Radio which should be shared across the group.
+ * @param value The value of the Radio.
+ * @param checked Whether the Radio is checked by its controlled prop.
+ * @param defaultChecked The uncontrolled default checked state of the Radio.
+ * @returns The name of the RadioGroup, whether the Radio is controlled, the checked state of the Radio, and a function to set the RadioGroup value.
+ */
+declare const useRadioGroup: ({
+  name: radioName,
+  value: radioValue,
+  checked: radioIsChecked,
+  defaultChecked: radioDefaultIsChecked
+}: {
+  name?: string | undefined;
+  value: string;
+  checked?: boolean;
+  defaultChecked?: boolean;
+}) => {
+  name: string;
+  isControlled: boolean;
+  checked: boolean | undefined;
+  setGroupValue: (value: string) => void;
+};
+//#endregion
+export { useRadioGroup, useRadioGroupName };
+//# sourceMappingURL=useRadioGroup.d.ts.map

package/dist/components/client/Radio/useRadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRadioGroup.d.ts","names":[],"sources":["../../../../src/components/client/Radio/useRadioGroup.ts"],"sourcesContent":[],"mappings":";cAIM;;AAGL,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,QAAA,CAAA,CAAA,CAAA,MAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,eAAA,CAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAA,kBAAA;;;;;;;;;cAYK;QAAiB;SAAA;WAAA;kBAAA"}

package/dist/components/client/Radio/useRadioGroup.js

@@ -0,0 +1,80 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { RadioGroupContext, RadioGroupStore } from "./RadioGroupStore.js";
+import { useCallback, useContext, useEffect, useId, useMemo, useState } from "react";
+
+//#region src/components/client/Radio/useRadioGroup.ts
+const useRadioGroupName = (name) => {
+	const uid = useId();
+	return name ?? `uds-radio-group-${uid}`;
+};
+/**
+* A hook that connects a single Radio to its RadioGroupStore. If the Radio is used within a RadioGroupProvider,
+* it will use the context store. Otherwise, it will use a shared global store across all un-grouped Radios by name.
+*
+* @param name The name of the Radio which should be shared across the group.
+* @param value The value of the Radio.
+* @param checked Whether the Radio is checked by its controlled prop.
+* @param defaultChecked The uncontrolled default checked state of the Radio.
+* @returns The name of the RadioGroup, whether the Radio is controlled, the checked state of the Radio, and a function to set the RadioGroup value.
+*/
+const useRadioGroup = ({ name: radioName, value: radioValue, checked: radioIsChecked, defaultChecked: radioDefaultIsChecked }) => {
+	const ctx = useContext(RadioGroupContext);
+	const hasRadioGroupProvider = ctx instanceof RadioGroupStore;
+	const isControlled = radioIsChecked !== void 0 || hasRadioGroupProvider;
+	const uniqueName = useRadioGroupName(radioName);
+	const store = useMemo(() => {
+		if (hasRadioGroupProvider) return ctx;
+		return RadioGroupStore.findOrCreate(ctx, uniqueName);
+	}, [
+		ctx,
+		hasRadioGroupProvider,
+		uniqueName
+	]);
+	const [radioGroupValue, setInternalRadioGroupValue] = useState(store.value);
+	const name = store.name ?? uniqueName;
+	const setGroupValue = useCallback((value) => {
+		store.setValue(value);
+		if (isControlled) return;
+		setInternalRadioGroupValue(value);
+	}, [isControlled, store]);
+	useEffect(() => store.onChange(setInternalRadioGroupValue), [store]);
+	useEffect(() => {
+		if (radioIsChecked !== true) return;
+		setGroupValue(radioValue);
+	}, [
+		radioIsChecked,
+		radioValue,
+		setGroupValue
+	]);
+	useEffect(() => {
+		if (hasRadioGroupProvider) return;
+		const store$1 = RadioGroupStore.findOrCreate(ctx, name);
+		store$1.activeCount += 1;
+		ctx.set(name, store$1);
+		return () => {
+			const entry = ctx.get(name);
+			if (!entry) return;
+			entry.activeCount -= 1;
+			if (entry.activeCount === 0) ctx.delete(name);
+		};
+	}, [
+		ctx,
+		hasRadioGroupProvider,
+		name
+	]);
+	return {
+		name,
+		isControlled,
+		checked: (() => {
+			if (isControlled && !hasRadioGroupProvider) return radioIsChecked;
+			if (radioGroupValue !== void 0) return radioValue === radioGroupValue;
+			return radioDefaultIsChecked ?? false;
+		})(),
+		setGroupValue
+	};
+};
+
+//#endregion
+export { useRadioGroup, useRadioGroupName };
+//# sourceMappingURL=useRadioGroup.js.map

package/dist/components/client/Radio/useRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRadioGroup.js","names":["store"],"sources":["../../../../src/components/client/Radio/useRadioGroup.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useId, useMemo, useState } from 'react';\n\nimport { RadioGroupContext, RadioGroupStore } from './RadioGroupStore';\n\nconst useRadioGroupName = (name?: string) => {\n  const uid = useId();\n  return name ?? `uds-radio-group-${uid}`;\n};\n\n/**\n * A hook that connects a single Radio to its RadioGroupStore. If the Radio is used within a RadioGroupProvider,\n * it will use the context store. Otherwise, it will use a shared global store across all un-grouped Radios by name.\n *\n * @param name The name of the Radio which should be shared across the group.\n * @param value The value of the Radio.\n * @param checked Whether the Radio is checked by its controlled prop.\n * @param defaultChecked The uncontrolled default checked state of the Radio.\n * @returns The name of the RadioGroup, whether the Radio is controlled, the checked state of the Radio, and a function to set the RadioGroup value.\n */\nconst useRadioGroup = ({\n  name: radioName,\n  value: radioValue,\n  checked: radioIsChecked,\n  defaultChecked: radioDefaultIsChecked,\n}: {\n  name?: string | undefined;\n  value: string;\n  checked?: boolean;\n  defaultChecked?: boolean;\n}): {\n  name: string;\n  isControlled: boolean;\n  checked: boolean | undefined;\n  setGroupValue: (value: string) => void;\n} => {\n  const ctx = useContext(RadioGroupContext);\n  const hasRadioGroupProvider = ctx instanceof RadioGroupStore;\n  const isControlled = radioIsChecked !== undefined || hasRadioGroupProvider;\n\n  // Use either the name passed as a prop on Radio or generate a unique name.\n  const uniqueName = useRadioGroupName(radioName);\n\n  // Get the Store controlling this Radio.\n  const store = useMemo(() => {\n    // Either from RadioGroupProvider\n    if (hasRadioGroupProvider) {\n      return ctx;\n    }\n\n    // Or indexed by name in the global store.\n    return RadioGroupStore.findOrCreate(ctx, uniqueName);\n  }, [ctx, hasRadioGroupProvider, uniqueName]);\n\n  // The internal value of the RadioGroup.\n  const [radioGroupValue, setInternalRadioGroupValue] = useState<string | undefined>(store.value);\n\n  // If the store has a name set, all Radios inside the group should use that name. Otherwise use the Radio's name.\n  const name = store.name ?? uniqueName;\n\n  // Set the value of the RadioGroup.\n  const setGroupValue = useCallback(\n    (value: string) => {\n      // Notify the store.\n      store.setValue(value);\n\n      if (isControlled) {\n        return;\n      }\n\n      // and optimistically update the internal value.\n      setInternalRadioGroupValue(value);\n    },\n    [isControlled, store],\n  );\n\n  // Listen for store changes and update the internal value when it changes.\n  useEffect(() => store.onChange(setInternalRadioGroupValue), [store]);\n\n  useEffect(() => {\n    // Only update the store if a new Radio in the group has become checked.\n    if (radioIsChecked !== true) {\n      return;\n    }\n\n    setGroupValue(radioValue);\n  }, [radioIsChecked, radioValue, setGroupValue]);\n\n  // Register with the global store for relating Radios without a RadioGroupProvider.\n  useEffect(() => {\n    // Don't need the global store if wrapped in a RadioGroupProvider.\n    if (hasRadioGroupProvider) {\n      return;\n    }\n\n    // Get a store given the RadioGroup name.\n    const store = RadioGroupStore.findOrCreate(ctx, name);\n\n    // Increment the number of Radios using this store.\n    store.activeCount += 1;\n\n    // Save the store in the context.\n    ctx.set(name, store);\n\n    // On unmount.\n    return () => {\n      // If this radio is in the store...\n      const entry = ctx.get(name);\n\n      if (!entry) {\n        return;\n      }\n\n      // Decrement the number of Radios using this store.\n      entry.activeCount -= 1;\n\n      // If there are no more Radios using this store, delete it.\n      if (entry.activeCount === 0) {\n        ctx.delete(name);\n      }\n    };\n  }, [ctx, hasRadioGroupProvider, name]);\n\n  // Complicated boolean logic reads better as a IIFE than a ternary.\n  const checked = (() => {\n    // If the Radio is controlled by its checked prop AND it's not in a RadioGroupProvider, use the prop.\n    if (isControlled && !hasRadioGroupProvider) {\n      return radioIsChecked;\n    }\n\n    // If the RadioGroup is controlled by a value prop...\n    if (radioGroupValue !== undefined) {\n      // The Radio is checked if its value matches the current value of the group.\n      return radioValue === radioGroupValue;\n    }\n\n    // Otherwise, we are in an uncontrolled state. If present, our internal value is the defaultChecked prop,\n    // otherwise we are not checked.\n    return radioDefaultIsChecked ?? false;\n  })();\n\n  return {\n    name,\n    isControlled,\n    checked,\n    setGroupValue,\n  };\n};\n\nexport { useRadioGroup, useRadioGroupName };\n"],"mappings":";;;;;AAIA,MAAM,qBAAqB,SAAkB;CAC3C,MAAM,MAAM,OAAO;AACnB,QAAO,QAAQ,mBAAmB;;;;;;;;;;;;AAapC,MAAM,iBAAiB,EACrB,MAAM,WACN,OAAO,YACP,SAAS,gBACT,gBAAgB,4BAWb;CACH,MAAM,MAAM,WAAW,kBAAkB;CACzC,MAAM,wBAAwB,eAAe;CAC7C,MAAM,eAAe,mBAAmB,UAAa;CAGrD,MAAM,aAAa,kBAAkB,UAAU;CAG/C,MAAM,QAAQ,cAAc;AAE1B,MAAI,sBACF,QAAO;AAIT,SAAO,gBAAgB,aAAa,KAAK,WAAW;IACnD;EAAC;EAAK;EAAuB;EAAW,CAAC;CAG5C,MAAM,CAAC,iBAAiB,8BAA8B,SAA6B,MAAM,MAAM;CAG/F,MAAM,OAAO,MAAM,QAAQ;CAG3B,MAAM,gBAAgB,aACnB,UAAkB;AAEjB,QAAM,SAAS,MAAM;AAErB,MAAI,aACF;AAIF,6BAA2B,MAAM;IAEnC,CAAC,cAAc,MAAM,CACtB;AAGD,iBAAgB,MAAM,SAAS,2BAA2B,EAAE,CAAC,MAAM,CAAC;AAEpE,iBAAgB;AAEd,MAAI,mBAAmB,KACrB;AAGF,gBAAc,WAAW;IACxB;EAAC;EAAgB;EAAY;EAAc,CAAC;AAG/C,iBAAgB;AAEd,MAAI,sBACF;EAIF,MAAMA,UAAQ,gBAAgB,aAAa,KAAK,KAAK;AAGrD,UAAM,eAAe;AAGrB,MAAI,IAAI,MAAMA,QAAM;AAGpB,eAAa;GAEX,MAAM,QAAQ,IAAI,IAAI,KAAK;AAE3B,OAAI,CAAC,MACH;AAIF,SAAM,eAAe;AAGrB,OAAI,MAAM,gBAAgB,EACxB,KAAI,OAAO,KAAK;;IAGnB;EAAC;EAAK;EAAuB;EAAK,CAAC;AAoBtC,QAAO;EACL;EACA;EACA,gBApBqB;AAErB,OAAI,gBAAgB,CAAC,sBACnB,QAAO;AAIT,OAAI,oBAAoB,OAEtB,QAAO,eAAe;AAKxB,UAAO,yBAAyB;MAC9B;EAMF;EACD"}

package/dist/components/client/SpringMotionConfig.cjs

@@ -0,0 +1,99 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_tokens_configs_motion = require('../../tokens/configs/motion.cjs');
+const require_utils_getMotionVar = require('../../utils/getMotionVar.cjs');
+const require_components_experimental_client_AvoidMotionLibraryProvider = require('../experimental/client/AvoidMotionLibraryProvider.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let motion_react = require("motion/react");
+
+//#region src/components/client/SpringMotionConfig.tsx
+const LAYOUT_VARIANT = "subtle";
+const LAYOUT_SPEED = "3";
+const COLOR_VARIANT = "smooth";
+const COLOR_SPEED = "3";
+const defaultLoadFeatures = () => import("@yahoo/uds/__private/motionFeatures/domAnimation").then(({ domAnimation }) => domAnimation);
+/**
+* **🎬 Spring Motion Config to define motion animations for all UDS components**
+*
+* @componentType Client component
+*
+* @description
+* The SpringConfig component provides a way to configure the spring animations for the entire application.
+* This component provides a way to use uds motion configs with Framer Motion.
+*/
+function SpringMotionConfig({ children, reducedMotion = "user", loadFeatures = defaultLoadFeatures, layoutVariant = LAYOUT_VARIANT, layoutSpeed = LAYOUT_SPEED, colorVariant = COLOR_VARIANT, colorSpeed = COLOR_SPEED }) {
+	const initialLayoutConfig = require_tokens_configs_motion.motion[layoutVariant][layoutSpeed];
+	const initialColorConfig = require_tokens_configs_motion.motion[colorVariant][colorSpeed];
+	const [layoutConfig, setLayoutConfig] = (0, react.useState)(initialLayoutConfig);
+	const [colorConfig, setColorConfig] = (0, react.useState)(initialColorConfig);
+	const colorVarConfig = {
+		variant: colorVariant,
+		speed: colorSpeed
+	};
+	const colorStiffnessVar = require_utils_getMotionVar.getMotionVar({
+		...colorVarConfig,
+		control: "stiffness"
+	});
+	const colorDampingVar = require_utils_getMotionVar.getMotionVar({
+		...colorVarConfig,
+		control: "damping"
+	});
+	const layoutVarConfig = {
+		variant: layoutVariant,
+		speed: layoutSpeed
+	};
+	const layoutStiffnessVar = require_utils_getMotionVar.getMotionVar({
+		...layoutVarConfig,
+		control: "stiffness"
+	});
+	const layoutDampingVar = require_utils_getMotionVar.getMotionVar({
+		...layoutVarConfig,
+		control: "damping"
+	});
+	(0, react.useEffect)(() => {
+		const globalComputedStyles = getComputedStyle(document.documentElement);
+		const layoutValues = {
+			type: "spring",
+			damping: Number(globalComputedStyles.getPropertyValue(layoutDampingVar)),
+			stiffness: Number(globalComputedStyles.getPropertyValue(layoutStiffnessVar))
+		};
+		const colorValues = {
+			type: "spring",
+			damping: Number(globalComputedStyles.getPropertyValue(colorDampingVar)),
+			stiffness: Number(globalComputedStyles.getPropertyValue(colorStiffnessVar))
+		};
+		setLayoutConfig(layoutValues);
+		setColorConfig(colorValues);
+	}, [
+		colorDampingVar,
+		colorStiffnessVar,
+		layoutDampingVar,
+		layoutStiffnessVar
+	]);
+	const transition = (0, react.useMemo)(() => ({
+		type: "spring",
+		mass: 1,
+		...layoutConfig,
+		layout: layoutConfig,
+		opacity: colorConfig,
+		color: colorConfig,
+		borderColor: colorConfig,
+		backgroundColor: colorConfig
+	}), [colorConfig, layoutConfig]);
+	if (require_components_experimental_client_AvoidMotionLibraryProvider.useAvoidMotionLibrary()) return children;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.LazyMotion, {
+		features: loadFeatures,
+		strict: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.MotionConfig, {
+			transition,
+			reducedMotion,
+			children
+		})
+	});
+}
+SpringMotionConfig.displayName = "SpringMotionConfig";
+
+//#endregion
+exports.SpringMotionConfig = SpringMotionConfig;

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

@@ -0,0 +1,58 @@
+import { MotionVariant, MotionVariantSpeed } from "../../tokens/types.cjs";
+import "../../tokens/index.cjs";
+import * as react27 from "react";
+import { LazyFeatureBundle, MotionConfigProps } from "motion/react";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+
+//#region src/components/client/SpringMotionConfig.d.ts
+interface SpringMotionConfigProps extends Pick<MotionConfigProps, 'children' | 'reducedMotion'> {
+  /**
+   * The layout variant to use for the motion config.
+   * @default 'subtle'
+   */
+  layoutVariant?: MotionVariant;
+  /**
+   * The layout speed to use for the motion config.
+   * @default '3'
+   */
+  layoutSpeed?: MotionVariantSpeed;
+  /**
+   * The color variant to use for the motion config.
+   * @default 'smooth'
+   */
+  colorVariant?: MotionVariant;
+  /**
+   * The color speed to use for the motion config.
+   * @default '3'
+   */
+  colorSpeed?: MotionVariantSpeed;
+  /**
+   * A lazy feature bundle to load additional features.
+   * This is useful for reducing bundle size by loading only the necessary features.
+   */
+  loadFeatures?: LazyFeatureBundle;
+}
+/**
+ * **🎬 Spring Motion Config to define motion animations for all UDS components**
+ *
+ * @componentType Client component
+ *
+ * @description
+ * The SpringConfig component provides a way to configure the spring animations for the entire application.
+ * This component provides a way to use uds motion configs with Framer Motion.
+ */
+declare function SpringMotionConfig({
+  children,
+  reducedMotion,
+  loadFeatures,
+  layoutVariant,
+  layoutSpeed,
+  colorVariant,
+  colorSpeed
+}: SpringMotionConfigProps): string | number | boolean | Iterable<react27.ReactNode> | react_jsx_runtime3.JSX.Element | null | undefined;
+declare namespace SpringMotionConfig {
+  var displayName: string;
+}
+//#endregion
+export { SpringMotionConfig, type SpringMotionConfigProps };
+//# sourceMappingURL=SpringMotionConfig.d.cts.map

package/dist/components/client/SpringMotionConfig.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpringMotionConfig.d.cts","names":[],"sources":["../../../src/components/client/SpringMotionConfig.tsx"],"sourcesContent":[],"mappings":";;;;;;;UA8BU,uBAAA,CAAA,OAAA,CAAgC,KAAK;;;;;EAArC,aAAA,CAAA,CAAA,CAKQ,aALgB;EAAa,CAAA,CAAA;;;;EAoBhC,WAAA,CAAA,CAAA,CAVC,kBAUD;EAKE,CAAA,CAAA;;;AAzB6B,CAAA,CAAA,CAAA,CAAA;EAsC5C,YAAA,CAAA,CAAA,CAvBe,aAuBf;EACA,CAAA,CAAA;;;;EAIA,UAAA,CAAA,CAAA,CAvBa,kBAuBb;EACA,CAAA,CAAA;;;;EACwB,YAAA,CAAA,CAAA,CApBT,iBAoBS;;AAAA,CAAA,CAAA;;;;;;;;;iBARjB,kBAAA;;;;;;;;GAQN,sDAAuB,SAAA,OAAA,CAAA,SAAA,IAAA,kBAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA;kBARjB,kBAAA"}

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

@@ -0,0 +1,58 @@
+import { MotionVariant, MotionVariantSpeed } from "../../tokens/types.js";
+import "../../tokens/index.js";
+import * as react3 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { LazyFeatureBundle, MotionConfigProps } from "motion/react";
+
+//#region src/components/client/SpringMotionConfig.d.ts
+interface SpringMotionConfigProps extends Pick<MotionConfigProps, 'children' | 'reducedMotion'> {
+  /**
+   * The layout variant to use for the motion config.
+   * @default 'subtle'
+   */
+  layoutVariant?: MotionVariant;
+  /**
+   * The layout speed to use for the motion config.
+   * @default '3'
+   */
+  layoutSpeed?: MotionVariantSpeed;
+  /**
+   * The color variant to use for the motion config.
+   * @default 'smooth'
+   */
+  colorVariant?: MotionVariant;
+  /**
+   * The color speed to use for the motion config.
+   * @default '3'
+   */
+  colorSpeed?: MotionVariantSpeed;
+  /**
+   * A lazy feature bundle to load additional features.
+   * This is useful for reducing bundle size by loading only the necessary features.
+   */
+  loadFeatures?: LazyFeatureBundle;
+}
+/**
+ * **🎬 Spring Motion Config to define motion animations for all UDS components**
+ *
+ * @componentType Client component
+ *
+ * @description
+ * The SpringConfig component provides a way to configure the spring animations for the entire application.
+ * This component provides a way to use uds motion configs with Framer Motion.
+ */
+declare function SpringMotionConfig({
+  children,
+  reducedMotion,
+  loadFeatures,
+  layoutVariant,
+  layoutSpeed,
+  colorVariant,
+  colorSpeed
+}: SpringMotionConfigProps): string | number | boolean | Iterable<react3.ReactNode> | react_jsx_runtime0.JSX.Element | null | undefined;
+declare namespace SpringMotionConfig {
+  var displayName: string;
+}
+//#endregion
+export { SpringMotionConfig, type SpringMotionConfigProps };
+//# sourceMappingURL=SpringMotionConfig.d.ts.map

package/dist/components/client/SpringMotionConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpringMotionConfig.d.ts","names":[],"sources":["../../../src/components/client/SpringMotionConfig.tsx"],"sourcesContent":[],"mappings":";;;;;;;UA8BU,uBAAA,CAAA,OAAA,CAAgC,KAAK;;;;;EAArC,aAAA,CAAA,CAAA,CAKQ,aALgB;EAAa,CAAA,CAAA;;;;EAoBhC,WAAA,CAAA,CAAA,CAVC,kBAUD;EAKE,CAAA,CAAA;;;AAzB6B,CAAA,CAAA,CAAA,CAAA;EAsC5C,YAAA,CAAA,CAAA,CAvBe,aAuBf;EACA,CAAA,CAAA;;;;EAIA,UAAA,CAAA,CAAA,CAvBa,kBAuBb;EACA,CAAA,CAAA;;;;EACwB,YAAA,CAAA,CAAA,CApBT,iBAoBS;;AAAA,CAAA,CAAA;;;;;;;;;iBARjB,kBAAA;;;;;;;;GAQN,sDAAuB,SAAA,MAAA,CAAA,SAAA,IAAA,kBAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA;kBARjB,kBAAA"}