@yahoo/uds-mobile 2.12.0 → 2.14.0

package/dist/components/Radio/RadioGroup.cjs

@@ -0,0 +1,84 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_Box = require("../Box.cjs");
+const require_components_Radio_RadioGroupContext = require("./RadioGroupContext.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/Radio/RadioGroup.tsx
+/**
+* **⚙️ A radio group component**
+*
+* @description
+* A radio group coordinates multiple Radio components so one option can be selected at a time.
+*
+* @category Form
+* @platform mobile
+*
+* @example
+* ```tsx
+* import { Radio } from '@yahoo/uds-mobile/Radio';
+* import { RadioGroup } from '@yahoo/uds-mobile/RadioGroup';
+*
+* <RadioGroup value={value} onChange={setValue}>
+*   <Radio value="email" label="Email" />
+*   <Radio value="sms" label="SMS" />
+* </RadioGroup>
+* ```
+*
+* @accessibility
+* - Sets `accessibilityRole="radiogroup"` automatically
+* - Child Radio components keep `accessibilityRole="radio"` and checked state
+*/
+const RadioGroup = (0, react.memo)(function RadioGroup({ name, value: valueProp, defaultValue, onChange, disabled, hasError, reduceMotion, size, variant, nativeID, flexDirection = "column", accessibilityState, children, ref, ...boxProps }) {
+	const isControlled = valueProp !== void 0;
+	const [internalValue, setInternalValue] = (0, react.useState)(defaultValue);
+	const value = isControlled ? valueProp : internalValue;
+	const setValue = (0, react.useCallback)((nextValue) => {
+		if (nextValue === value) return;
+		if (!isControlled) setInternalValue(nextValue);
+		onChange?.(nextValue);
+	}, [
+		isControlled,
+		onChange,
+		value
+	]);
+	const contextValue = (0, react.useMemo)(() => ({
+		name,
+		value,
+		disabled,
+		hasError,
+		reduceMotion,
+		size,
+		variant,
+		setValue
+	}), [
+		name,
+		value,
+		disabled,
+		hasError,
+		reduceMotion,
+		size,
+		variant,
+		setValue
+	]);
+	const groupAccessibilityState = (0, react.useMemo)(() => ({
+		...accessibilityState,
+		disabled: accessibilityState?.disabled ?? disabled
+	}), [accessibilityState, disabled]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Radio_RadioGroupContext.RadioGroupContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
+			ref,
+			nativeID: nativeID ?? name,
+			accessibilityRole: "radiogroup",
+			accessibilityState: groupAccessibilityState,
+			flexDirection,
+			...boxProps,
+			children
+		})
+	});
+});
+RadioGroup.displayName = "RadioGroup";
+//#endregion
+exports.RadioGroup = RadioGroup;

package/dist/components/Radio/RadioGroup.d.cts

@@ -0,0 +1,52 @@
+
+import { RadioSize, RadioVariant, UniversalRadioGroupProps } from "../../types/dist/index.cjs";
+import { BoxProps } from "../Box.cjs";
+import * as _$react from "react";
+import { Ref } from "react";
+import { View } from "react-native";
+
+//#region src/components/Radio/RadioGroup.d.ts
+interface RadioGroupProps extends Omit<BoxProps, 'ref' | 'onChange'>, Omit<UniversalRadioGroupProps, 'asChild' | 'onChange'> {
+  /** Ref to the underlying View */
+  ref?: Ref<View>;
+  /** Callback fired when the selected value changes */
+  onChange?: (value: string) => void;
+  /** Whether every radio in the group is disabled */
+  disabled?: boolean;
+  /** Whether radios in the group should render in an error state */
+  hasError?: boolean;
+  /** Disable motion and transition effects for radios in the group */
+  reduceMotion?: boolean;
+  /** Shared radio size. Child Radio props can override this. */
+  size?: RadioSize;
+  /** Shared radio variant. Child Radio props can override this. */
+  variant?: RadioVariant;
+}
+/**
+ * **⚙️ A radio group component**
+ *
+ * @description
+ * A radio group coordinates multiple Radio components so one option can be selected at a time.
+ *
+ * @category Form
+ * @platform mobile
+ *
+ * @example
+ * ```tsx
+ * import { Radio } from '@yahoo/uds-mobile/Radio';
+ * import { RadioGroup } from '@yahoo/uds-mobile/RadioGroup';
+ *
+ * <RadioGroup value={value} onChange={setValue}>
+ *   <Radio value="email" label="Email" />
+ *   <Radio value="sms" label="SMS" />
+ * </RadioGroup>
+ * ```
+ *
+ * @accessibility
+ * - Sets `accessibilityRole="radiogroup"` automatically
+ * - Child Radio components keep `accessibilityRole="radio"` and checked state
+ */
+declare const RadioGroup: _$react.NamedExoticComponent<RadioGroupProps>;
+//#endregion
+export { RadioGroup, type RadioGroupProps };
+//# sourceMappingURL=RadioGroup.d.cts.map

package/dist/components/Radio/RadioGroup.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.cts","names":[],"sources":["../../../src/components/Radio/RadioGroup.tsx"],"mappings":";;;;;;;;UASU,eAAA,SAEN,IAAA,CAAK,QAAA,uBACL,IAAA,CAAK,wBAAA;;EAEP,GAAA,GAAM,GAAA,CAAI,IAAA;EALF;EAOR,QAAA,IAAY,KAAA;;EAEZ,QAAA;EANO;EAQP,QAAA;EANM;EAQN,YAAA;EAIU;EAFV,IAAA,GAAO,SAAA;EAZL;EAcF,OAAA,GAAU,YAAA;AAAA;;;;;;;;;;;;;;;;;;;AAAY;;;;;;cA2BlB,UAAA,EAAU,OAAA,CAAA,oBAAA,CAAA,eAAA"}

package/dist/components/Radio/RadioGroup.d.ts

@@ -0,0 +1,52 @@
+
+import { RadioSize, RadioVariant, UniversalRadioGroupProps } from "../../types/dist/index.js";
+import { BoxProps } from "../Box.js";
+import * as _$react from "react";
+import { Ref } from "react";
+import { View } from "react-native";
+
+//#region src/components/Radio/RadioGroup.d.ts
+interface RadioGroupProps extends Omit<BoxProps, 'ref' | 'onChange'>, Omit<UniversalRadioGroupProps, 'asChild' | 'onChange'> {
+  /** Ref to the underlying View */
+  ref?: Ref<View>;
+  /** Callback fired when the selected value changes */
+  onChange?: (value: string) => void;
+  /** Whether every radio in the group is disabled */
+  disabled?: boolean;
+  /** Whether radios in the group should render in an error state */
+  hasError?: boolean;
+  /** Disable motion and transition effects for radios in the group */
+  reduceMotion?: boolean;
+  /** Shared radio size. Child Radio props can override this. */
+  size?: RadioSize;
+  /** Shared radio variant. Child Radio props can override this. */
+  variant?: RadioVariant;
+}
+/**
+ * **⚙️ A radio group component**
+ *
+ * @description
+ * A radio group coordinates multiple Radio components so one option can be selected at a time.
+ *
+ * @category Form
+ * @platform mobile
+ *
+ * @example
+ * ```tsx
+ * import { Radio } from '@yahoo/uds-mobile/Radio';
+ * import { RadioGroup } from '@yahoo/uds-mobile/RadioGroup';
+ *
+ * <RadioGroup value={value} onChange={setValue}>
+ *   <Radio value="email" label="Email" />
+ *   <Radio value="sms" label="SMS" />
+ * </RadioGroup>
+ * ```
+ *
+ * @accessibility
+ * - Sets `accessibilityRole="radiogroup"` automatically
+ * - Child Radio components keep `accessibilityRole="radio"` and checked state
+ */
+declare const RadioGroup: _$react.NamedExoticComponent<RadioGroupProps>;
+//#endregion
+export { RadioGroup, type RadioGroupProps };
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/Radio/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","names":[],"sources":["../../../src/components/Radio/RadioGroup.tsx"],"mappings":";;;;;;;;UASU,eAAA,SAEN,IAAA,CAAK,QAAA,uBACL,IAAA,CAAK,wBAAA;;EAEP,GAAA,GAAM,GAAA,CAAI,IAAA;EALF;EAOR,QAAA,IAAY,KAAA;;EAEZ,QAAA;EANO;EAQP,QAAA;EANM;EAQN,YAAA;EAIU;EAFV,IAAA,GAAO,SAAA;EAZL;EAcF,OAAA,GAAU,YAAA;AAAA;;;;;;;;;;;;;;;;;;;AAAY;;;;;;cA2BlB,UAAA,EAAU,OAAA,CAAA,oBAAA,CAAA,eAAA"}

package/dist/components/Radio/RadioGroup.js

@@ -0,0 +1,84 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { Box } from "../Box.js";
+import { RadioGroupContext } from "./RadioGroupContext.js";
+import { memo, useCallback, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Radio/RadioGroup.tsx
+/**
+* **⚙️ A radio group component**
+*
+* @description
+* A radio group coordinates multiple Radio components so one option can be selected at a time.
+*
+* @category Form
+* @platform mobile
+*
+* @example
+* ```tsx
+* import { Radio } from '@yahoo/uds-mobile/Radio';
+* import { RadioGroup } from '@yahoo/uds-mobile/RadioGroup';
+*
+* <RadioGroup value={value} onChange={setValue}>
+*   <Radio value="email" label="Email" />
+*   <Radio value="sms" label="SMS" />
+* </RadioGroup>
+* ```
+*
+* @accessibility
+* - Sets `accessibilityRole="radiogroup"` automatically
+* - Child Radio components keep `accessibilityRole="radio"` and checked state
+*/
+const RadioGroup = memo(function RadioGroup({ name, value: valueProp, defaultValue, onChange, disabled, hasError, reduceMotion, size, variant, nativeID, flexDirection = "column", accessibilityState, children, ref, ...boxProps }) {
+	const isControlled = valueProp !== void 0;
+	const [internalValue, setInternalValue] = useState(defaultValue);
+	const value = isControlled ? valueProp : internalValue;
+	const setValue = useCallback((nextValue) => {
+		if (nextValue === value) return;
+		if (!isControlled) setInternalValue(nextValue);
+		onChange?.(nextValue);
+	}, [
+		isControlled,
+		onChange,
+		value
+	]);
+	const contextValue = useMemo(() => ({
+		name,
+		value,
+		disabled,
+		hasError,
+		reduceMotion,
+		size,
+		variant,
+		setValue
+	}), [
+		name,
+		value,
+		disabled,
+		hasError,
+		reduceMotion,
+		size,
+		variant,
+		setValue
+	]);
+	const groupAccessibilityState = useMemo(() => ({
+		...accessibilityState,
+		disabled: accessibilityState?.disabled ?? disabled
+	}), [accessibilityState, disabled]);
+	return /* @__PURE__ */ jsx(RadioGroupContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(Box, {
+			ref,
+			nativeID: nativeID ?? name,
+			accessibilityRole: "radiogroup",
+			accessibilityState: groupAccessibilityState,
+			flexDirection,
+			...boxProps,
+			children
+		})
+	});
+});
+RadioGroup.displayName = "RadioGroup";
+//#endregion
+export { RadioGroup };
+
+//# sourceMappingURL=RadioGroup.js.map

package/dist/components/Radio/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","names":[],"sources":["../../../src/components/Radio/RadioGroup.tsx"],"sourcesContent":["import type { RadioSize, RadioVariant, UniversalRadioGroupProps } from '@yahoo/uds-types';\nimport type { Ref } from 'react';\nimport { memo, useCallback, useMemo, useState } from 'react';\nimport type { View } from 'react-native';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { RadioGroupContext } from './RadioGroupContext';\n\ninterface RadioGroupProps\n  extends\n    Omit<BoxProps, 'ref' | 'onChange'>,\n    Omit<UniversalRadioGroupProps, 'asChild' | 'onChange'> {\n  /** Ref to the underlying View */\n  ref?: Ref<View>;\n  /** Callback fired when the selected value changes */\n  onChange?: (value: string) => void;\n  /** Whether every radio in the group is disabled */\n  disabled?: boolean;\n  /** Whether radios in the group should render in an error state */\n  hasError?: boolean;\n  /** Disable motion and transition effects for radios in the group */\n  reduceMotion?: boolean;\n  /** Shared radio size. Child Radio props can override this. */\n  size?: RadioSize;\n  /** Shared radio variant. Child Radio props can override this. */\n  variant?: RadioVariant;\n}\n\n/**\n * **⚙️ A radio group component**\n *\n * @description\n * A radio group coordinates multiple Radio components so one option can be selected at a time.\n *\n * @category Form\n * @platform mobile\n *\n * @example\n * ```tsx\n * import { Radio } from '@yahoo/uds-mobile/Radio';\n * import { RadioGroup } from '@yahoo/uds-mobile/RadioGroup';\n *\n * <RadioGroup value={value} onChange={setValue}>\n *   <Radio value=\"email\" label=\"Email\" />\n *   <Radio value=\"sms\" label=\"SMS\" />\n * </RadioGroup>\n * ```\n *\n * @accessibility\n * - Sets `accessibilityRole=\"radiogroup\"` automatically\n * - Child Radio components keep `accessibilityRole=\"radio\"` and checked state\n */\nconst RadioGroup = memo(function RadioGroup({\n  name,\n  value: valueProp,\n  defaultValue,\n  onChange,\n  disabled,\n  hasError,\n  reduceMotion,\n  size,\n  variant,\n  nativeID,\n  flexDirection = 'column',\n  accessibilityState,\n  children,\n  ref,\n  ...boxProps\n}: RadioGroupProps) {\n  const isControlled = valueProp !== undefined;\n  const [internalValue, setInternalValue] = useState<string | undefined>(defaultValue);\n  const value = isControlled ? valueProp : internalValue;\n\n  const setValue = useCallback(\n    (nextValue: string) => {\n      if (nextValue === value) {\n        return;\n      }\n\n      if (!isControlled) {\n        setInternalValue(nextValue);\n      }\n\n      onChange?.(nextValue);\n    },\n    [isControlled, onChange, value],\n  );\n\n  const contextValue = useMemo(\n    () => ({\n      name,\n      value,\n      disabled,\n      hasError,\n      reduceMotion,\n      size,\n      variant,\n      setValue,\n    }),\n    [name, value, disabled, hasError, reduceMotion, size, variant, setValue],\n  );\n\n  const groupAccessibilityState = useMemo(\n    () => ({\n      ...accessibilityState,\n      disabled: accessibilityState?.disabled ?? disabled,\n    }),\n    [accessibilityState, disabled],\n  );\n\n  return (\n    <RadioGroupContext.Provider value={contextValue}>\n      <Box\n        ref={ref}\n        nativeID={nativeID ?? name}\n        accessibilityRole=\"radiogroup\"\n        accessibilityState={groupAccessibilityState}\n        flexDirection={flexDirection}\n        {...boxProps}\n      >\n        {children}\n      </Box>\n    </RadioGroupContext.Provider>\n  );\n});\n\nRadioGroup.displayName = 'RadioGroup';\n\nexport { RadioGroup, type RadioGroupProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,MAAM,aAAa,KAAK,SAAS,WAAW,EAC1C,MACA,OAAO,WACP,cACA,UACA,UACA,UACA,cACA,MACA,SACA,UACA,gBAAgB,UAChB,oBACA,UACA,KACA,GAAG,YACe;CAClB,MAAM,eAAe,cAAc,KAAA;CACnC,MAAM,CAAC,eAAe,oBAAoB,SAA6B,aAAa;CACpF,MAAM,QAAQ,eAAe,YAAY;CAEzC,MAAM,WAAW,aACd,cAAsB;EACrB,IAAI,cAAc,OAChB;EAGF,IAAI,CAAC,cACH,iBAAiB,UAAU;EAG7B,WAAW,UAAU;IAEvB;EAAC;EAAc;EAAU;EAAM,CAChC;CAED,MAAM,eAAe,eACZ;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,GACD;EAAC;EAAM;EAAO;EAAU;EAAU;EAAc;EAAM;EAAS;EAAS,CACzE;CAED,MAAM,0BAA0B,eACvB;EACL,GAAG;EACH,UAAU,oBAAoB,YAAY;EAC3C,GACD,CAAC,oBAAoB,SAAS,CAC/B;CAED,OACE,oBAAC,kBAAkB,UAAnB;EAA4B,OAAO;YACjC,oBAAC,KAAD;GACO;GACL,UAAU,YAAY;GACtB,mBAAkB;GAClB,oBAAoB;GACL;GACf,GAAI;GAEH;GACG,CAAA;EACqB,CAAA;EAE/B;AAEF,WAAW,cAAc"}

package/dist/components/Radio/RadioGroupContext.cjs

@@ -0,0 +1,12 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+//#region src/components/Radio/RadioGroupContext.ts
+const RadioGroupContext = (0, react.createContext)(void 0);
+function useRadioGroupContext() {
+	return (0, react.useContext)(RadioGroupContext);
+}
+//#endregion
+exports.RadioGroupContext = RadioGroupContext;
+exports.useRadioGroupContext = useRadioGroupContext;

package/dist/components/Radio/RadioGroupContext.d.cts

@@ -0,0 +1,20 @@
+
+import { RadioSize, RadioVariant } from "../../types/dist/index.cjs";
+import * as _$react from "react";
+
+//#region src/components/Radio/RadioGroupContext.d.ts
+interface RadioGroupContextValue {
+  name?: string;
+  value?: string;
+  disabled?: boolean;
+  hasError?: boolean;
+  reduceMotion?: boolean;
+  size?: RadioSize;
+  variant?: RadioVariant;
+  setValue: (value: string) => void;
+}
+declare const RadioGroupContext: _$react.Context<RadioGroupContextValue | undefined>;
+declare function useRadioGroupContext(): RadioGroupContextValue | undefined;
+//#endregion
+export { RadioGroupContext, type RadioGroupContextValue, useRadioGroupContext };
+//# sourceMappingURL=RadioGroupContext.d.cts.map

package/dist/components/Radio/RadioGroupContext.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupContext.d.cts","names":[],"sources":["../../../src/components/Radio/RadioGroupContext.ts"],"mappings":";;;;;UAGU,sBAAA;EACR,IAAA;EACA,KAAA;EACA,QAAA;EACA,QAAA;EACA,YAAA;EACA,IAAA,GAAO,SAAA;EACP,OAAA,GAAU,YAAA;EACV,QAAA,GAAW,KAAA;AAAA;AAAA,cAGP,iBAAA,EAAiB,OAAA,CAAA,OAAA,CAAA,sBAAA;AAAA,iBAEd,oBAAA,CAAA,GAAoB,sBAAA"}

package/dist/components/Radio/RadioGroupContext.d.ts

@@ -0,0 +1,20 @@
+
+import { RadioSize, RadioVariant } from "../../types/dist/index.js";
+import * as _$react from "react";
+
+//#region src/components/Radio/RadioGroupContext.d.ts
+interface RadioGroupContextValue {
+  name?: string;
+  value?: string;
+  disabled?: boolean;
+  hasError?: boolean;
+  reduceMotion?: boolean;
+  size?: RadioSize;
+  variant?: RadioVariant;
+  setValue: (value: string) => void;
+}
+declare const RadioGroupContext: _$react.Context<RadioGroupContextValue | undefined>;
+declare function useRadioGroupContext(): RadioGroupContextValue | undefined;
+//#endregion
+export { RadioGroupContext, type RadioGroupContextValue, useRadioGroupContext };
+//# sourceMappingURL=RadioGroupContext.d.ts.map

package/dist/components/Radio/RadioGroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupContext.d.ts","names":[],"sources":["../../../src/components/Radio/RadioGroupContext.ts"],"mappings":";;;;;UAGU,sBAAA;EACR,IAAA;EACA,KAAA;EACA,QAAA;EACA,QAAA;EACA,YAAA;EACA,IAAA,GAAO,SAAA;EACP,OAAA,GAAU,YAAA;EACV,QAAA,GAAW,KAAA;AAAA;AAAA,cAGP,iBAAA,EAAiB,OAAA,CAAA,OAAA,CAAA,sBAAA;AAAA,iBAEd,oBAAA,CAAA,GAAoB,sBAAA"}

package/dist/components/Radio/RadioGroupContext.js

@@ -0,0 +1,11 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { createContext, useContext } from "react";
+//#region src/components/Radio/RadioGroupContext.ts
+const RadioGroupContext = createContext(void 0);
+function useRadioGroupContext() {
+	return useContext(RadioGroupContext);
+}
+//#endregion
+export { RadioGroupContext, useRadioGroupContext };
+
+//# sourceMappingURL=RadioGroupContext.js.map

package/dist/components/Radio/RadioGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupContext.js","names":[],"sources":["../../../src/components/Radio/RadioGroupContext.ts"],"sourcesContent":["import type { RadioSize, RadioVariant } from '@yahoo/uds-types';\nimport { createContext, useContext } from 'react';\n\ninterface RadioGroupContextValue {\n  name?: string;\n  value?: string;\n  disabled?: boolean;\n  hasError?: boolean;\n  reduceMotion?: boolean;\n  size?: RadioSize;\n  variant?: RadioVariant;\n  setValue: (value: string) => void;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | undefined>(undefined);\n\nfunction useRadioGroupContext() {\n  return useContext(RadioGroupContext);\n}\n\nexport { RadioGroupContext, type RadioGroupContextValue, useRadioGroupContext };\n"],"mappings":";;;AAcA,MAAM,oBAAoB,cAAkD,KAAA,EAAU;AAEtF,SAAS,uBAAuB;CAC9B,OAAO,WAAW,kBAAkB"}

package/dist/components/Radio/index.cjs

@@ -0,0 +1,6 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_components_Radio_Radio = require("./Radio.cjs");
+const require_components_Radio_RadioGroup = require("./RadioGroup.cjs");
+exports.Radio = require_components_Radio_Radio.Radio;
+exports.RadioGroup = require_components_Radio_RadioGroup.RadioGroup;

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

@@ -0,0 +1,4 @@
+
+import { Radio, RadioProps } from "./Radio.cjs";
+import { RadioGroup, RadioGroupProps } from "./RadioGroup.cjs";
+export { Radio, RadioGroup, type RadioGroupProps, type RadioProps };

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

@@ -0,0 +1,4 @@
+
+import { Radio, RadioProps } from "./Radio.js";
+import { RadioGroup, RadioGroupProps } from "./RadioGroup.js";
+export { Radio, RadioGroup, type RadioGroupProps, type RadioProps };

package/dist/components/Radio/index.js

@@ -0,0 +1,4 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { Radio } from "./Radio.js";
+import { RadioGroup } from "./RadioGroup.js";
+export { Radio, RadioGroup };

package/dist/components/Switch.cjs

@@ -2,8 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
 const require_components_IconSlot = require("./IconSlot.cjs");
-const require_components_Text = require("./Text.cjs");
-const require_components_HStack = require("./HStack.cjs");
+const require_components_FormLabel = require("./FormLabel.cjs");
 let react = require("react");
 let react_native = require("react-native");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -104,17 +103,13 @@ const Switch = (0, react.memo)(function Switch({ isOn: isOnProp, defaultIsOn = f
 	], [generated_styles.switchStyles.handle, animatedHandleStyle]);
 	const accessibilityLabel = typeof label === "string" ? label : void 0;
 	const resolvedAccessibilityHint = accessibilityHint ?? "Double tap to toggle";
-	const resolvedLabel = typeof label === "function" ? label() : label;
-	const labelContent = resolvedLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_HStack.HStack, {
-		gap: "2",
-		alignItems: "center",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
-			style: generated_styles.switchStyles.text,
-			children: resolvedLabel
-		}), required && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
-			color: "alert",
-			children: "*"
-		})]
+	const labelContent = label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_FormLabel.FormLabel, {
+		color: "inherit",
+		variant: "inherit",
+		label,
+		required,
+		showRequiredAsterisk: required,
+		style: generated_styles.switchStyles.text
 	});
 	const a11yValue = (0, react.useMemo)(() => ({ text: isOn ? "On" : "Off" }), [isOn]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.Pressable, {

package/dist/components/Switch.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.cts","names":[],"sources":["../../src/components/Switch.tsx"],"mappings":";;;;;;;;UAeU,WAAA,SAAoB,IAAA,CAAK,SAAA,YAAqB,oBAAA,CAAqB,YAAA;;EAE3E,GAAA,GAAM,GAAA,CAAI,IAAA;EAFF;EAIR,QAAA,IAAY,KAAA;;EAEZ,QAAA;EAN2E;EAQ3E,QAAA;EANM;EAQN,iBAAA,GAAoB,kBAAA;AAAA;;;;;;;;;;;;;;;;;;;AAAkB;;;;;;;;;;;;;;;cA2ClC,MAAA,EAAM,OAAA,CAAA,oBAAA,CAAA,WAAA"}
+{"version":3,"file":"Switch.d.cts","names":[],"sources":["../../src/components/Switch.tsx"],"mappings":";;;;;;;;UAcU,WAAA,SAAoB,IAAA,CAAK,SAAA,YAAqB,oBAAA,CAAqB,YAAA;;EAE3E,GAAA,GAAM,GAAA,CAAI,IAAA;EAFF;EAIR,QAAA,IAAY,KAAA;;EAEZ,QAAA;EAN2E;EAQ3E,QAAA;EANM;EAQN,iBAAA,GAAoB,kBAAA;AAAA;;;;;;;;;;;;;;;;;;;AAAkB;;;;;;;;;;;;;;;cA2ClC,MAAA,EAAM,OAAA,CAAA,oBAAA,CAAA,WAAA"}

package/dist/components/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","names":[],"sources":["../../src/components/Switch.tsx"],"mappings":";;;;;;;;UAeU,WAAA,SAAoB,IAAA,CAAK,SAAA,YAAqB,oBAAA,CAAqB,YAAA;;EAE3E,GAAA,GAAM,GAAA,CAAI,IAAA;EAFF;EAIR,QAAA,IAAY,KAAA;;EAEZ,QAAA;EAN2E;EAQ3E,QAAA;EANM;EAQN,iBAAA,GAAoB,kBAAA;AAAA;;;;;;;;;;;;;;;;;;;AAAkB;;;;;;;;;;;;;;;cA2ClC,MAAA,EAAM,OAAA,CAAA,oBAAA,CAAA,WAAA"}
+{"version":3,"file":"Switch.d.ts","names":[],"sources":["../../src/components/Switch.tsx"],"mappings":";;;;;;;;UAcU,WAAA,SAAoB,IAAA,CAAK,SAAA,YAAqB,oBAAA,CAAqB,YAAA;;EAE3E,GAAA,GAAM,GAAA,CAAI,IAAA;EAFF;EAIR,QAAA,IAAY,KAAA;;EAEZ,QAAA;EAN2E;EAQ3E,QAAA;EANM;EAQN,iBAAA,GAAoB,kBAAA;AAAA;;;;;;;;;;;;;;;;;;;AAAkB;;;;;;;;;;;;;;;cA2ClC,MAAA,EAAM,OAAA,CAAA,oBAAA,CAAA,WAAA"}

package/dist/components/Switch.js

@@ -1,7 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
 import { IconSlot } from "./IconSlot.js";
-import { Text as Text$1 } from "./Text.js";
-import { HStack } from "./HStack.js";
+import { FormLabel } from "./FormLabel.js";
 import { memo, useCallback, useEffect, useMemo, useState } from "react";
 import { AccessibilityInfo, Pressable } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -101,17 +100,13 @@ const Switch = memo(function Switch({ isOn: isOnProp, defaultIsOn = false, onCha
 	], [switchStyles.handle, animatedHandleStyle]);
 	const accessibilityLabel = typeof label === "string" ? label : void 0;
 	const resolvedAccessibilityHint = accessibilityHint ?? "Double tap to toggle";
-	const resolvedLabel = typeof label === "function" ? label() : label;
-	const labelContent = resolvedLabel && /* @__PURE__ */ jsxs(HStack, {
-		gap: "2",
-		alignItems: "center",
-		children: [/* @__PURE__ */ jsx(Text$1, {
-			style: switchStyles.text,
-			children: resolvedLabel
-		}), required && /* @__PURE__ */ jsx(Text$1, {
-			color: "alert",
-			children: "*"
-		})]
+	const labelContent = label && /* @__PURE__ */ jsx(FormLabel, {
+		color: "inherit",
+		variant: "inherit",
+		label,
+		required,
+		showRequiredAsterisk: required,
+		style: switchStyles.text
 	});
 	const a11yValue = useMemo(() => ({ text: isOn ? "On" : "Off" }), [isOn]);
 	return /* @__PURE__ */ jsxs(Pressable, {

package/dist/components/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["Text","StyleSheet"],"sources":["../../src/components/Switch.tsx"],"sourcesContent":["import type { SwitchSize, UniversalSwitchProps } from '@yahoo/uds-types';\nimport type { Ref } from 'react';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport type { AccessibilityProps, StyleProp, View, ViewProps, ViewStyle } from 'react-native';\nimport { AccessibilityInfo, Pressable } from 'react-native';\nimport Animated, { useAnimatedStyle, useDerivedValue, withTiming } from 'react-native-reanimated';\nimport { StyleSheet } from 'react-native-unistyles';\nimport { useAnimatedVariantColor } from 'react-native-unistyles/reanimated';\n\nimport { switchStyles } from '../../generated/styles';\nimport { HStack } from './HStack';\nimport type { IconSlotType } from './IconSlot';\nimport { IconSlot } from './IconSlot';\nimport { Text } from './Text';\n\ninterface SwitchProps extends Omit<ViewProps, 'style'>, UniversalSwitchProps<IconSlotType> {\n  /** Ref to the underlying View */\n  ref?: Ref<View>;\n  /** Callback when the switch value changes */\n  onChange?: (value: boolean) => void;\n  /** Whether the switch is disabled */\n  disabled?: boolean;\n  /** Whether the switch is required (shows asterisk with label) */\n  required?: boolean;\n  /** Accessibility hint describing what happens when activated */\n  accessibilityHint?: AccessibilityProps['accessibilityHint'];\n}\n\nconst HANDLE_TRAVEL: Record<SwitchSize, number> = {\n  md: 20,\n  sm: 12,\n};\n\nconst ANIMATION_DURATION = 120;\n\n/**\n * **Switch component for toggling options**\n *\n * @description\n * A switch (also called a toggle) is a binary on/off input control.\n * It allows users to pick between two clearly opposite choices.\n *\n * @category Form\n * @platform mobile\n *\n * @example\n * ```tsx\n * import { Switch } from '@yahoo/uds-mobile/Switch';\n *\n * <Switch label=\"Notifications\" />\n * <Switch isOn={enabled} onChange={setEnabled} label=\"Dark mode\" />\n * <Switch onIcon=\"Check\" offIcon=\"Cross\" label=\"Sync\" />\n * ```\n *\n * @usage\n * - Settings: For toggling preferences on/off\n * - Feature flags: For enabling/disabling features\n * - Immediate effect toggles (no submit button needed)\n *\n * @accessibility\n * - Sets `accessibilityRole=\"switch\"` automatically\n * - Announces on/off state to screen readers\n * - Respects system reduce motion preference\n * - Supports `reduceMotion` prop to disable animations\n *\n * @see {@link Checkbox} for forms with submit actions\n * @see {@link Radio} for single-select options\n */\nconst Switch = memo(function Switch({\n  isOn: isOnProp,\n  defaultIsOn = false,\n  onChange,\n  label,\n  labelPosition = 'start',\n  size = 'md',\n  onIcon,\n  offIcon,\n  disabled = false,\n  required,\n  accessibilityHint,\n  reduceMotion = false,\n  ref,\n  ...viewProps\n}: SwitchProps) {\n  const isControlled = isOnProp !== undefined;\n  const [internalIsOn, setInternalIsOn] = useState(defaultIsOn);\n  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);\n  const isOn = isControlled ? isOnProp : internalIsOn;\n\n  // Check system reduced motion preference\n  useEffect(() => {\n    const checkReducedMotion = async () => {\n      const isReduceMotionEnabled = await AccessibilityInfo.isReduceMotionEnabled();\n      setPrefersReducedMotion(isReduceMotionEnabled);\n    };\n    checkReducedMotion();\n\n    const subscription = AccessibilityInfo.addEventListener(\n      'reduceMotionChanged',\n      setPrefersReducedMotion,\n    );\n    return () => subscription.remove();\n  }, []);\n\n  const shouldReduceMotion = reduceMotion || prefersReducedMotion;\n  const animationDuration = shouldReduceMotion ? 0 : ANIMATION_DURATION;\n\n  const progress = useDerivedValue(\n    () => withTiming(isOn ? 1 : 0, { duration: animationDuration }),\n    [isOn, animationDuration],\n  );\n\n  const travelDistance = HANDLE_TRAVEL[size];\n\n  const handlePress = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n\n    const newValue = !isOn;\n\n    if (!isControlled) {\n      setInternalIsOn(newValue);\n    }\n\n    onChange?.(newValue);\n  }, [disabled, isOn, isControlled, onChange]);\n\n  switchStyles.useVariants({\n    size,\n    variant: isOn ? 'on' : 'off',\n  });\n\n  // Get animated track color from design tokens (changes when variant changes)\n  const trackBackgroundColor = useAnimatedVariantColor(switchStyles.switch, 'backgroundColor');\n\n  const animatedTrackStyle = useAnimatedStyle(() => {\n    'worklet';\n    return {\n      backgroundColor: withTiming(trackBackgroundColor.value, { duration: animationDuration }),\n    };\n  });\n\n  const animatedHandleStyle = useAnimatedStyle(() => {\n    'worklet';\n    return {\n      transform: [{ translateX: progress.value * travelDistance }],\n    };\n  });\n\n  const rootStyle: StyleProp<ViewStyle> = useMemo(\n    () => [switchStyles.root, switchStaticStyles.root({ disabled })],\n    [switchStyles.root, disabled],\n  );\n\n  const trackStyle: StyleProp<ViewStyle> = useMemo(\n    () => [switchStyles.switch, switchStaticStyles.track, animatedTrackStyle],\n    [switchStyles.switch, animatedTrackStyle],\n  );\n\n  const handleStyle: StyleProp<ViewStyle> = useMemo(\n    () => [switchStyles.handle, switchStaticStyles.handle, animatedHandleStyle],\n    [switchStyles.handle, animatedHandleStyle],\n  );\n\n  const accessibilityLabel = typeof label === 'string' ? label : undefined;\n  const resolvedAccessibilityHint = accessibilityHint ?? 'Double tap to toggle';\n\n  const resolvedLabel = typeof label === 'function' ? label() : label;\n  const labelContent = resolvedLabel && (\n    <HStack gap=\"2\" alignItems=\"center\">\n      <Text style={switchStyles.text}>{resolvedLabel}</Text>\n      {required && <Text color=\"alert\">*</Text>}\n    </HStack>\n  );\n\n  const a11yValue = useMemo(() => ({ text: isOn ? 'On' : 'Off' }), [isOn]);\n\n  return (\n    <Pressable\n      ref={ref}\n      onPress={handlePress}\n      disabled={disabled}\n      accessible\n      accessibilityRole=\"switch\"\n      accessibilityState={{ checked: isOn, disabled }}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityHint={resolvedAccessibilityHint}\n      accessibilityValue={a11yValue}\n      {...viewProps}\n      style={rootStyle}\n    >\n      {labelPosition === 'start' && labelContent}\n\n      <Animated.View style={trackStyle} importantForAccessibility=\"no-hide-descendants\">\n        <Animated.View style={handleStyle}>\n          {onIcon && isOn && (\n            <Animated.View style={switchStaticStyles.iconContainer}>\n              <IconSlot icon={onIcon} variant=\"fill\" style={switchStyles.handleIcon} />\n            </Animated.View>\n          )}\n          {offIcon && !isOn && (\n            <Animated.View style={switchStaticStyles.iconContainer}>\n              <IconSlot icon={offIcon} variant=\"fill\" style={switchStyles.handleIcon} />\n            </Animated.View>\n          )}\n        </Animated.View>\n      </Animated.View>\n\n      {labelPosition === 'end' && labelContent}\n    </Pressable>\n  );\n});\n\nSwitch.displayName = 'Switch';\n\nconst switchStaticStyles = StyleSheet.create((theme) => ({\n  handle: {\n    borderRadius: theme.borderRadius.full,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  iconContainer: {\n    position: 'absolute',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  track: {\n    justifyContent: 'center',\n    borderRadius: theme.borderRadius.full,\n  },\n  root: ({ disabled }: { disabled: boolean }) => ({\n    flexDirection: 'row',\n    alignItems: 'center',\n    alignSelf: 'flex-start',\n    opacity: disabled ? 0.5 : 1,\n  }),\n}));\n\nexport { Switch, type SwitchProps };\n"],"mappings":"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"}
+{"version":3,"file":"Switch.js","names":["StyleSheet"],"sources":["../../src/components/Switch.tsx"],"sourcesContent":["import type { SwitchSize, UniversalSwitchProps } from '@yahoo/uds-types';\nimport type { Ref } from 'react';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport type { AccessibilityProps, StyleProp, View, ViewProps, ViewStyle } from 'react-native';\nimport { AccessibilityInfo, Pressable } from 'react-native';\nimport Animated, { useAnimatedStyle, useDerivedValue, withTiming } from 'react-native-reanimated';\nimport { StyleSheet } from 'react-native-unistyles';\nimport { useAnimatedVariantColor } from 'react-native-unistyles/reanimated';\n\nimport { switchStyles } from '../../generated/styles';\nimport { FormLabel } from './FormLabel';\nimport type { IconSlotType } from './IconSlot';\nimport { IconSlot } from './IconSlot';\n\ninterface SwitchProps extends Omit<ViewProps, 'style'>, UniversalSwitchProps<IconSlotType> {\n  /** Ref to the underlying View */\n  ref?: Ref<View>;\n  /** Callback when the switch value changes */\n  onChange?: (value: boolean) => void;\n  /** Whether the switch is disabled */\n  disabled?: boolean;\n  /** Whether the switch is required (shows asterisk with label) */\n  required?: boolean;\n  /** Accessibility hint describing what happens when activated */\n  accessibilityHint?: AccessibilityProps['accessibilityHint'];\n}\n\nconst HANDLE_TRAVEL: Record<SwitchSize, number> = {\n  md: 20,\n  sm: 12,\n};\n\nconst ANIMATION_DURATION = 120;\n\n/**\n * **Switch component for toggling options**\n *\n * @description\n * A switch (also called a toggle) is a binary on/off input control.\n * It allows users to pick between two clearly opposite choices.\n *\n * @category Form\n * @platform mobile\n *\n * @example\n * ```tsx\n * import { Switch } from '@yahoo/uds-mobile/Switch';\n *\n * <Switch label=\"Notifications\" />\n * <Switch isOn={enabled} onChange={setEnabled} label=\"Dark mode\" />\n * <Switch onIcon=\"Check\" offIcon=\"Cross\" label=\"Sync\" />\n * ```\n *\n * @usage\n * - Settings: For toggling preferences on/off\n * - Feature flags: For enabling/disabling features\n * - Immediate effect toggles (no submit button needed)\n *\n * @accessibility\n * - Sets `accessibilityRole=\"switch\"` automatically\n * - Announces on/off state to screen readers\n * - Respects system reduce motion preference\n * - Supports `reduceMotion` prop to disable animations\n *\n * @see {@link Checkbox} for forms with submit actions\n * @see {@link Radio} for single-select options\n */\nconst Switch = memo(function Switch({\n  isOn: isOnProp,\n  defaultIsOn = false,\n  onChange,\n  label,\n  labelPosition = 'start',\n  size = 'md',\n  onIcon,\n  offIcon,\n  disabled = false,\n  required,\n  accessibilityHint,\n  reduceMotion = false,\n  ref,\n  ...viewProps\n}: SwitchProps) {\n  const isControlled = isOnProp !== undefined;\n  const [internalIsOn, setInternalIsOn] = useState(defaultIsOn);\n  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);\n  const isOn = isControlled ? isOnProp : internalIsOn;\n\n  // Check system reduced motion preference\n  useEffect(() => {\n    const checkReducedMotion = async () => {\n      const isReduceMotionEnabled = await AccessibilityInfo.isReduceMotionEnabled();\n      setPrefersReducedMotion(isReduceMotionEnabled);\n    };\n    checkReducedMotion();\n\n    const subscription = AccessibilityInfo.addEventListener(\n      'reduceMotionChanged',\n      setPrefersReducedMotion,\n    );\n    return () => subscription.remove();\n  }, []);\n\n  const shouldReduceMotion = reduceMotion || prefersReducedMotion;\n  const animationDuration = shouldReduceMotion ? 0 : ANIMATION_DURATION;\n\n  const progress = useDerivedValue(\n    () => withTiming(isOn ? 1 : 0, { duration: animationDuration }),\n    [isOn, animationDuration],\n  );\n\n  const travelDistance = HANDLE_TRAVEL[size];\n\n  const handlePress = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n\n    const newValue = !isOn;\n\n    if (!isControlled) {\n      setInternalIsOn(newValue);\n    }\n\n    onChange?.(newValue);\n  }, [disabled, isOn, isControlled, onChange]);\n\n  switchStyles.useVariants({\n    size,\n    variant: isOn ? 'on' : 'off',\n  });\n\n  // Get animated track color from design tokens (changes when variant changes)\n  const trackBackgroundColor = useAnimatedVariantColor(switchStyles.switch, 'backgroundColor');\n\n  const animatedTrackStyle = useAnimatedStyle(() => {\n    'worklet';\n    return {\n      backgroundColor: withTiming(trackBackgroundColor.value, { duration: animationDuration }),\n    };\n  });\n\n  const animatedHandleStyle = useAnimatedStyle(() => {\n    'worklet';\n    return {\n      transform: [{ translateX: progress.value * travelDistance }],\n    };\n  });\n\n  const rootStyle: StyleProp<ViewStyle> = useMemo(\n    () => [switchStyles.root, switchStaticStyles.root({ disabled })],\n    [switchStyles.root, disabled],\n  );\n\n  const trackStyle: StyleProp<ViewStyle> = useMemo(\n    () => [switchStyles.switch, switchStaticStyles.track, animatedTrackStyle],\n    [switchStyles.switch, animatedTrackStyle],\n  );\n\n  const handleStyle: StyleProp<ViewStyle> = useMemo(\n    () => [switchStyles.handle, switchStaticStyles.handle, animatedHandleStyle],\n    [switchStyles.handle, animatedHandleStyle],\n  );\n\n  const accessibilityLabel = typeof label === 'string' ? label : undefined;\n  const resolvedAccessibilityHint = accessibilityHint ?? 'Double tap to toggle';\n\n  const labelContent = label && (\n    <FormLabel\n      color=\"inherit\"\n      variant=\"inherit\"\n      label={label}\n      required={required}\n      showRequiredAsterisk={required}\n      style={switchStyles.text}\n    />\n  );\n\n  const a11yValue = useMemo(() => ({ text: isOn ? 'On' : 'Off' }), [isOn]);\n\n  return (\n    <Pressable\n      ref={ref}\n      onPress={handlePress}\n      disabled={disabled}\n      accessible\n      accessibilityRole=\"switch\"\n      accessibilityState={{ checked: isOn, disabled }}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityHint={resolvedAccessibilityHint}\n      accessibilityValue={a11yValue}\n      {...viewProps}\n      style={rootStyle}\n    >\n      {labelPosition === 'start' && labelContent}\n\n      <Animated.View style={trackStyle} importantForAccessibility=\"no-hide-descendants\">\n        <Animated.View style={handleStyle}>\n          {onIcon && isOn && (\n            <Animated.View style={switchStaticStyles.iconContainer}>\n              <IconSlot icon={onIcon} variant=\"fill\" style={switchStyles.handleIcon} />\n            </Animated.View>\n          )}\n          {offIcon && !isOn && (\n            <Animated.View style={switchStaticStyles.iconContainer}>\n              <IconSlot icon={offIcon} variant=\"fill\" style={switchStyles.handleIcon} />\n            </Animated.View>\n          )}\n        </Animated.View>\n      </Animated.View>\n\n      {labelPosition === 'end' && labelContent}\n    </Pressable>\n  );\n});\n\nSwitch.displayName = 'Switch';\n\nconst switchStaticStyles = StyleSheet.create((theme) => ({\n  handle: {\n    borderRadius: theme.borderRadius.full,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  iconContainer: {\n    position: 'absolute',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  track: {\n    justifyContent: 'center',\n    borderRadius: theme.borderRadius.full,\n  },\n  root: ({ disabled }: { disabled: boolean }) => ({\n    flexDirection: 'row',\n    alignItems: 'center',\n    alignSelf: 'flex-start',\n    opacity: disabled ? 0.5 : 1,\n  }),\n}));\n\nexport { Switch, type SwitchProps };\n"],"mappings":"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"}

package/dist/components/Text.cjs

@@ -36,14 +36,20 @@ let generated_styles = require("../../generated/styles");
 *
 * @see {@link Link} for interactive text links
 */
-const Text = (0, react.memo)(function Text({ color = "primary", variant = "body1", fontFamily = variant, fontSize = variant, fontWeight, lineHeight = variant, letterSpacing = variant, textAlign, textTransform, textDecorationLine, style, backgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderWidth, borderVerticalWidth, borderHorizontalWidth, borderStartWidth, borderEndWidth, borderTopWidth, borderBottomWidth, spacing, spacingHorizontal, spacingVertical, spacingBottom, spacingEnd, spacingStart, spacingTop, offset, offsetVertical, offsetHorizontal, offsetBottom, offsetEnd, offsetStart, offsetTop, flexShrink, verticalAlign, height, minHeight, maxHeight, width, minWidth, maxWidth, dangerouslySetColor, ref, ...props }) {
+const Text = (0, react.memo)(function Text({ color = "primary", variant = "body1", fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, textAlign, textTransform, textDecorationLine, style, backgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderWidth, borderVerticalWidth, borderHorizontalWidth, borderStartWidth, borderEndWidth, borderTopWidth, borderBottomWidth, spacing, spacingHorizontal, spacingVertical, spacingBottom, spacingEnd, spacingStart, spacingTop, offset, offsetVertical, offsetHorizontal, offsetBottom, offsetEnd, offsetStart, offsetTop, flexShrink, verticalAlign, height, minHeight, maxHeight, width, minWidth, maxWidth, dangerouslySetColor, ref, ...props }) {
+	const resolvedColor = color === "inherit" ? void 0 : color;
+	const resolvedVariant = variant === "inherit" ? void 0 : variant;
+	const resolvedFontFamily = fontFamily ?? resolvedVariant;
+	const resolvedFontSize = fontSize ?? resolvedVariant;
+	const resolvedLineHeight = lineHeight ?? resolvedVariant;
+	const resolvedLetterSpacing = letterSpacing ?? resolvedVariant;
 	generated_styles.styles.useVariants({
-		color,
-		fontFamily,
-		fontSize,
+		color: resolvedColor,
+		fontFamily: resolvedFontFamily,
+		fontSize: resolvedFontSize,
 		fontWeight,
-		lineHeight,
-		letterSpacing,
+		lineHeight: resolvedLineHeight,
+		letterSpacing: resolvedLetterSpacing,
 		textAlign,
 		textTransform,
 		backgroundColor,

package/dist/components/Text.d.cts

@@ -6,14 +6,15 @@ import { StyleProps } from "../../generated/styles";
 
 //#region src/components/Text.d.ts
 type TextVariant = Exclude<StyleProps['fontFamily'], 'sans' | 'sans-alt' | 'serif' | 'serif-alt' | 'mono' | 'icons'>;
+type TextVariantProp = TextVariant | 'inherit';
 type TextDecorationLine = 'none' | 'underline' | 'line-through' | 'underline line-through';
 interface TextProps extends TextProps$1 {
   /** Ref to the underlying Text element */
   ref?: Ref<Text$1>;
   /** Text color from the theme palette */
-  color?: StyleProps['color'];
+  color?: StyleProps['color'] | 'inherit';
   /** Typography variant - sets fontSize, lineHeight, letterSpacing, and fontFamily together */
-  variant?: TextVariant;
+  variant?: TextVariantProp;
   /** Override the fontFamily independently */
   fontFamily?: StyleProps['fontFamily'];
   /** Override the fontSize independently */

package/dist/components/Text.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.cts","names":[],"sources":["../../src/components/Text.tsx"],"mappings":";;;;;;;KASK,WAAA,GAAc,OAAA,CACjB,UAAA;AAAA,KAMG,kBAAA;AAAA,UAEK,SAAA,SAAkB,WAAA;EATZ;EAWd,GAAA,GAAM,GAAA,CAAI,MAAA;EAXO;EAajB,KAAA,GAAQ,UAAA;EANL;EAQH,OAAA,GAAU,WAAA;;EAEV,UAAA,GAAa,UAAA;EAVQ;EAYrB,QAAA,GAAW,UAAA;EAVO;EAYlB,UAAA,GAAa,UAAA;EAVH;EAYV,UAAA,GAAa,UAAA;EAVL;EAYR,aAAA,GAAgB,UAAA;EARH;EAUb,SAAA,GAAY,UAAA;EANC;EAQb,aAAA,GAAgB,UAAA;EAJA;EAMhB,kBAAA,GAAqB,kBAAA;EAErB,eAAA,GAAkB,UAAA;EAElB,YAAA,GAAe,UAAA;EACf,oBAAA,GAAuB,UAAA;EACvB,kBAAA,GAAqB,UAAA;EACrB,uBAAA,GAA0B,UAAA;EAC1B,qBAAA,GAAwB,UAAA;EACxB,WAAA,GAAc,UAAA;EACd,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EACpB,WAAA,GAAc,UAAA;EACd,mBAAA,GAAsB,UAAA;EACtB,qBAAA,GAAwB,UAAA;EACxB,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EAEpB,OAAA,GAAU,UAAA;EACV,iBAAA,GAAoB,UAAA;EACpB,eAAA,GAAkB,UAAA;EAClB,aAAA,GAAgB,UAAA;EAChB,UAAA,GAAa,UAAA;EACb,YAAA,GAAe,UAAA;EACf,UAAA,GAAa,UAAA;EAEb,MAAA,GAAS,UAAA;EACT,cAAA,GAAiB,UAAA;EACjB,gBAAA,GAAmB,UAAA;EACnB,YAAA,GAAe,UAAA;EACf,SAAA,GAAY,UAAA;EACZ,WAAA,GAAc,UAAA;EACd,SAAA,GAAY,UAAA;EAEZ,UAAA,GAAa,UAAA;EAEb,aAAA,GAAgB,SAAA;EAEhB,MAAA;EACA,KAAA;EACA,SAAA;EACA,SAAA;EACA,QAAA;EACA,QAAA;EAEA,mBAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAiCI,IAAA,EAAI,OAAA,CAAA,oBAAA,CAAA,SAAA"}
+{"version":3,"file":"Text.d.cts","names":[],"sources":["../../src/components/Text.tsx"],"mappings":";;;;;;;KASK,WAAA,GAAc,OAAA,CACjB,UAAA;AAAA,KAGG,eAAA,GAAkB,WAAA;AAAA,KAIlB,kBAAA;AAAA,UAEK,SAAA,SAAkB,WAAA;;EAE1B,GAAA,GAAM,GAAA,CAAI,MAAA;EAXA;EAaV,KAAA,GAAQ,UAAA;EAVU;EAYlB,OAAA,GAAU,eAAA;EAZW;EAcrB,UAAA,GAAa,UAAA;EAVV;EAYH,QAAA,GAAW,UAAA;;EAEX,UAAA,GAAa,UAAA;EAdQ;EAgBrB,UAAA,GAAa,UAAA;EAdK;EAgBlB,aAAA,GAAgB,UAAA;EAdN;EAgBV,SAAA,GAAY,UAAA;EAdJ;EAgBR,aAAA,GAAgB,UAAA;EAZH;EAcb,kBAAA,GAAqB,kBAAA;EAErB,eAAA,GAAkB,UAAA;EAElB,YAAA,GAAe,UAAA;EACf,oBAAA,GAAuB,UAAA;EACvB,kBAAA,GAAqB,UAAA;EACrB,uBAAA,GAA0B,UAAA;EAC1B,qBAAA,GAAwB,UAAA;EACxB,WAAA,GAAc,UAAA;EACd,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EACpB,WAAA,GAAc,UAAA;EACd,mBAAA,GAAsB,UAAA;EACtB,qBAAA,GAAwB,UAAA;EACxB,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EAEpB,OAAA,GAAU,UAAA;EACV,iBAAA,GAAoB,UAAA;EACpB,eAAA,GAAkB,UAAA;EAClB,aAAA,GAAgB,UAAA;EAChB,UAAA,GAAa,UAAA;EACb,YAAA,GAAe,UAAA;EACf,UAAA,GAAa,UAAA;EAEb,MAAA,GAAS,UAAA;EACT,cAAA,GAAiB,UAAA;EACjB,gBAAA,GAAmB,UAAA;EACnB,YAAA,GAAe,UAAA;EACf,SAAA,GAAY,UAAA;EACZ,WAAA,GAAc,UAAA;EACd,SAAA,GAAY,UAAA;EAEZ,UAAA,GAAa,UAAA;EAEb,aAAA,GAAgB,SAAA;EAEhB,MAAA;EACA,KAAA;EACA,SAAA;EACA,SAAA;EACA,QAAA;EACA,QAAA;EAEA,mBAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAiCI,IAAA,EAAI,OAAA,CAAA,oBAAA,CAAA,SAAA"}

package/dist/components/Text.d.ts

@@ -6,14 +6,15 @@ import { StyleProps } from "../../generated/styles";
 
 //#region src/components/Text.d.ts
 type TextVariant = Exclude<StyleProps['fontFamily'], 'sans' | 'sans-alt' | 'serif' | 'serif-alt' | 'mono' | 'icons'>;
+type TextVariantProp = TextVariant | 'inherit';
 type TextDecorationLine = 'none' | 'underline' | 'line-through' | 'underline line-through';
 interface TextProps extends TextProps$1 {
   /** Ref to the underlying Text element */
   ref?: Ref<Text$1>;
   /** Text color from the theme palette */
-  color?: StyleProps['color'];
+  color?: StyleProps['color'] | 'inherit';
   /** Typography variant - sets fontSize, lineHeight, letterSpacing, and fontFamily together */
-  variant?: TextVariant;
+  variant?: TextVariantProp;
   /** Override the fontFamily independently */
   fontFamily?: StyleProps['fontFamily'];
   /** Override the fontSize independently */

package/dist/components/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","names":[],"sources":["../../src/components/Text.tsx"],"mappings":";;;;;;;KASK,WAAA,GAAc,OAAA,CACjB,UAAA;AAAA,KAMG,kBAAA;AAAA,UAEK,SAAA,SAAkB,WAAA;EATZ;EAWd,GAAA,GAAM,GAAA,CAAI,MAAA;EAXO;EAajB,KAAA,GAAQ,UAAA;EANL;EAQH,OAAA,GAAU,WAAA;;EAEV,UAAA,GAAa,UAAA;EAVQ;EAYrB,QAAA,GAAW,UAAA;EAVO;EAYlB,UAAA,GAAa,UAAA;EAVH;EAYV,UAAA,GAAa,UAAA;EAVL;EAYR,aAAA,GAAgB,UAAA;EARH;EAUb,SAAA,GAAY,UAAA;EANC;EAQb,aAAA,GAAgB,UAAA;EAJA;EAMhB,kBAAA,GAAqB,kBAAA;EAErB,eAAA,GAAkB,UAAA;EAElB,YAAA,GAAe,UAAA;EACf,oBAAA,GAAuB,UAAA;EACvB,kBAAA,GAAqB,UAAA;EACrB,uBAAA,GAA0B,UAAA;EAC1B,qBAAA,GAAwB,UAAA;EACxB,WAAA,GAAc,UAAA;EACd,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EACpB,WAAA,GAAc,UAAA;EACd,mBAAA,GAAsB,UAAA;EACtB,qBAAA,GAAwB,UAAA;EACxB,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EAEpB,OAAA,GAAU,UAAA;EACV,iBAAA,GAAoB,UAAA;EACpB,eAAA,GAAkB,UAAA;EAClB,aAAA,GAAgB,UAAA;EAChB,UAAA,GAAa,UAAA;EACb,YAAA,GAAe,UAAA;EACf,UAAA,GAAa,UAAA;EAEb,MAAA,GAAS,UAAA;EACT,cAAA,GAAiB,UAAA;EACjB,gBAAA,GAAmB,UAAA;EACnB,YAAA,GAAe,UAAA;EACf,SAAA,GAAY,UAAA;EACZ,WAAA,GAAc,UAAA;EACd,SAAA,GAAY,UAAA;EAEZ,UAAA,GAAa,UAAA;EAEb,aAAA,GAAgB,SAAA;EAEhB,MAAA;EACA,KAAA;EACA,SAAA;EACA,SAAA;EACA,QAAA;EACA,QAAA;EAEA,mBAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAiCI,IAAA,EAAI,OAAA,CAAA,oBAAA,CAAA,SAAA"}
+{"version":3,"file":"Text.d.ts","names":[],"sources":["../../src/components/Text.tsx"],"mappings":";;;;;;;KASK,WAAA,GAAc,OAAA,CACjB,UAAA;AAAA,KAGG,eAAA,GAAkB,WAAA;AAAA,KAIlB,kBAAA;AAAA,UAEK,SAAA,SAAkB,WAAA;;EAE1B,GAAA,GAAM,GAAA,CAAI,MAAA;EAXA;EAaV,KAAA,GAAQ,UAAA;EAVU;EAYlB,OAAA,GAAU,eAAA;EAZW;EAcrB,UAAA,GAAa,UAAA;EAVV;EAYH,QAAA,GAAW,UAAA;;EAEX,UAAA,GAAa,UAAA;EAdQ;EAgBrB,UAAA,GAAa,UAAA;EAdK;EAgBlB,aAAA,GAAgB,UAAA;EAdN;EAgBV,SAAA,GAAY,UAAA;EAdJ;EAgBR,aAAA,GAAgB,UAAA;EAZH;EAcb,kBAAA,GAAqB,kBAAA;EAErB,eAAA,GAAkB,UAAA;EAElB,YAAA,GAAe,UAAA;EACf,oBAAA,GAAuB,UAAA;EACvB,kBAAA,GAAqB,UAAA;EACrB,uBAAA,GAA0B,UAAA;EAC1B,qBAAA,GAAwB,UAAA;EACxB,WAAA,GAAc,UAAA;EACd,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EACpB,WAAA,GAAc,UAAA;EACd,mBAAA,GAAsB,UAAA;EACtB,qBAAA,GAAwB,UAAA;EACxB,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EAEpB,OAAA,GAAU,UAAA;EACV,iBAAA,GAAoB,UAAA;EACpB,eAAA,GAAkB,UAAA;EAClB,aAAA,GAAgB,UAAA;EAChB,UAAA,GAAa,UAAA;EACb,YAAA,GAAe,UAAA;EACf,UAAA,GAAa,UAAA;EAEb,MAAA,GAAS,UAAA;EACT,cAAA,GAAiB,UAAA;EACjB,gBAAA,GAAmB,UAAA;EACnB,YAAA,GAAe,UAAA;EACf,SAAA,GAAY,UAAA;EACZ,WAAA,GAAc,UAAA;EACd,SAAA,GAAY,UAAA;EAEZ,UAAA,GAAa,UAAA;EAEb,aAAA,GAAgB,SAAA;EAEhB,MAAA;EACA,KAAA;EACA,SAAA;EACA,SAAA;EACA,QAAA;EACA,QAAA;EAEA,mBAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAiCI,IAAA,EAAI,OAAA,CAAA,oBAAA,CAAA,SAAA"}