@yahoo/uds 3.59.0-beta.1 → 3.60.0

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

@@ -1,40 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,7 +0,0 @@
-"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

@@ -1,3 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,6 +0,0 @@
-"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

@@ -1,81 +0,0 @@
-"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

@@ -1,31 +0,0 @@
-//#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

@@ -1 +0,0 @@
-{"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

@@ -1,31 +0,0 @@
-//#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

@@ -1 +0,0 @@
-{"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

@@ -1,80 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,99 +0,0 @@
-"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

@@ -1,58 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,58 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}

package/dist/components/client/SpringMotionConfig.js

@@ -1,99 +0,0 @@
-"use client";
-/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-import { motion } from "../../tokens/configs/motion.js";
-import { getMotionVar } from "../../utils/getMotionVar.js";
-import { useAvoidMotionLibrary } from "../experimental/client/AvoidMotionLibraryProvider.js";
-import { useEffect, useMemo, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import { LazyMotion, MotionConfig } from "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 = motion[layoutVariant][layoutSpeed];
-	const initialColorConfig = motion[colorVariant][colorSpeed];
-	const [layoutConfig, setLayoutConfig] = useState(initialLayoutConfig);
-	const [colorConfig, setColorConfig] = useState(initialColorConfig);
-	const colorVarConfig = {
-		variant: colorVariant,
-		speed: colorSpeed
-	};
-	const colorStiffnessVar = getMotionVar({
-		...colorVarConfig,
-		control: "stiffness"
-	});
-	const colorDampingVar = getMotionVar({
-		...colorVarConfig,
-		control: "damping"
-	});
-	const layoutVarConfig = {
-		variant: layoutVariant,
-		speed: layoutSpeed
-	};
-	const layoutStiffnessVar = getMotionVar({
-		...layoutVarConfig,
-		control: "stiffness"
-	});
-	const layoutDampingVar = getMotionVar({
-		...layoutVarConfig,
-		control: "damping"
-	});
-	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 = useMemo(() => ({
-		type: "spring",
-		mass: 1,
-		...layoutConfig,
-		layout: layoutConfig,
-		opacity: colorConfig,
-		color: colorConfig,
-		borderColor: colorConfig,
-		backgroundColor: colorConfig
-	}), [colorConfig, layoutConfig]);
-	if (useAvoidMotionLibrary()) return children;
-	return /* @__PURE__ */ jsx(LazyMotion, {
-		features: loadFeatures,
-		strict: true,
-		children: /* @__PURE__ */ jsx(MotionConfig, {
-			transition,
-			reducedMotion,
-			children
-		})
-	});
-}
-SpringMotionConfig.displayName = "SpringMotionConfig";
-
-//#endregion
-export { SpringMotionConfig };
-//# sourceMappingURL=SpringMotionConfig.js.map