@yahoo/uds-mobile 1.0.0

package/dist/components/Pressable.d.mts

@@ -0,0 +1,90 @@
+
+import { SizeProps } from "../types.mjs";
+import * as react12 from "react";
+import { Ref } from "react";
+import { PressableProps as PressableProps$1, View } from "react-native";
+import { StyleProps } from "../../generated/styles";
+import * as react_native_reanimated0 from "react-native-reanimated";
+
+//#region src/components/Pressable.d.ts
+interface PressableProps extends PressableProps$1, SizeProps {
+  ref?: Ref<View>;
+  backgroundColor?: StyleProps['backgroundColor'];
+  borderRadius?: StyleProps['borderRadius'];
+  borderTopStartRadius?: StyleProps['borderTopStartRadius'];
+  borderTopEndRadius?: StyleProps['borderTopEndRadius'];
+  borderBottomStartRadius?: StyleProps['borderBottomStartRadius'];
+  borderBottomEndRadius?: StyleProps['borderBottomEndRadius'];
+  borderColor?: StyleProps['borderColor'];
+  borderStartColor?: StyleProps['borderStartColor'];
+  borderEndColor?: StyleProps['borderEndColor'];
+  borderTopColor?: StyleProps['borderTopColor'];
+  borderBottomColor?: StyleProps['borderBottomColor'];
+  borderWidth?: StyleProps['borderWidth'];
+  borderVerticalWidth?: StyleProps['borderVerticalWidth'];
+  borderHorizontalWidth?: StyleProps['borderHorizontalWidth'];
+  borderStartWidth?: StyleProps['borderStartWidth'];
+  borderEndWidth?: StyleProps['borderEndWidth'];
+  borderTopWidth?: StyleProps['borderTopWidth'];
+  borderBottomWidth?: StyleProps['borderBottomWidth'];
+  alignContent?: StyleProps['alignContent'];
+  alignItems?: StyleProps['alignItems'];
+  alignSelf?: StyleProps['alignSelf'];
+  flex?: StyleProps['flex'];
+  flexDirection?: StyleProps['flexDirection'];
+  flexGrow?: StyleProps['flexGrow'];
+  flexShrink?: StyleProps['flexShrink'];
+  flexWrap?: StyleProps['flexWrap'];
+  justifyContent?: StyleProps['justifyContent'];
+  display?: StyleProps['display'];
+  overflow?: StyleProps['overflow'];
+  spacing?: StyleProps['spacing'];
+  spacingHorizontal?: StyleProps['spacingHorizontal'];
+  spacingVertical?: StyleProps['spacingVertical'];
+  spacingBottom?: StyleProps['spacingBottom'];
+  spacingEnd?: StyleProps['spacingEnd'];
+  spacingStart?: StyleProps['spacingStart'];
+  spacingTop?: StyleProps['spacingTop'];
+  offset?: StyleProps['offset'];
+  offsetVertical?: StyleProps['offsetVertical'];
+  offsetHorizontal?: StyleProps['offsetHorizontal'];
+  offsetBottom?: StyleProps['offsetBottom'];
+  offsetEnd?: StyleProps['offsetEnd'];
+  offsetStart?: StyleProps['offsetStart'];
+  offsetTop?: StyleProps['offsetTop'];
+  columnGap?: StyleProps['columnGap'];
+  rowGap?: StyleProps['rowGap'];
+  opacity?: number;
+}
+/**
+ * **👆 A pressable component with UDS styling**
+ *
+ * @description
+ * A styled pressable component that wraps React Native's Pressable with
+ * UDS styling support.
+ *
+ * @example
+ * ```tsx
+ * import { Pressable } from '@yahoo/uds-mobile';
+ *
+ * <Pressable
+ *   backgroundColor="primary"
+ *   spacing="4"
+ *   borderRadius="md"
+ *   onPress={() => console.log('Pressed!')}
+ * >
+ *   <Text>Press me</Text>
+ * </Pressable>
+ * ```
+ *
+ * @usage
+ * - Use for interactive elements that need press feedback
+ * - Supports all Box styling props
+ *
+ * @see The {@link https://uds.build/docs/components/pressable Pressable Docs} for more info
+ */
+declare const Pressable: react12.NamedExoticComponent<PressableProps>;
+declare const AnimatedPressable: react12.FunctionComponent<react_native_reanimated0.AnimatedProps<PressableProps>>;
+//#endregion
+export { AnimatedPressable, Pressable, type PressableProps };
+//# sourceMappingURL=Pressable.d.mts.map

package/dist/components/Pressable.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pressable.d.mts","names":[],"sources":["../../src/components/Pressable.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;UAgBU,cAAA,SAAuB,kBAAkB;QAC3C,IAAI;oBAEQ;iBAEH;EALP,oBAAe,CAAA,EAMA,UANA,CAAA,sBAAA,CAAA;EACb,kBAAA,CAAA,EAMW,UANX,CAAA,oBAAA,CAAA;EAAJ,uBAAA,CAAA,EAOoB,UAPpB,CAAA,yBAAA,CAAA;EAEY,qBAAA,CAAA,EAMM,UANN,CAAA,uBAAA,CAAA;EAEH,WAAA,CAAA,EAKD,UALC,CAAA,aAAA,CAAA;EACQ,gBAAA,CAAA,EAKJ,UALI,CAAA,kBAAA,CAAA;EACF,cAAA,CAAA,EAKJ,UALI,CAAA,gBAAA,CAAA;EACK,cAAA,CAAA,EAKT,UALS,CAAA,gBAAA,CAAA;EACF,iBAAA,CAAA,EAKJ,UALI,CAAA,mBAAA,CAAA;EACV,WAAA,CAAA,EAKA,UALA,CAAA,aAAA,CAAA;EACK,mBAAA,CAAA,EAKG,UALH,CAAA,qBAAA,CAAA;EACF,qBAAA,CAAA,EAKO,UALP,CAAA,uBAAA,CAAA;EACA,gBAAA,CAAA,EAKE,UALF,CAAA,kBAAA,CAAA;EACG,cAAA,CAAA,EAKH,UALG,CAAA,gBAAA,CAAA;EACN,cAAA,CAAA,EAKG,UALH,CAAA,gBAAA,CAAA;EACQ,iBAAA,CAAA,EAKF,UALE,CAAA,mBAAA,CAAA;EACE,YAAA,CAAA,EAMT,UANS,CAAA,cAAA,CAAA;EACL,UAAA,CAAA,EAMN,UANM,CAAA,YAAA,CAAA;EACF,SAAA,CAAA,EAML,UANK,CAAA,WAAA,CAAA;EACA,IAAA,CAAA,EAMV,UANU,CAAA,MAAA,CAAA;EACG,aAAA,CAAA,EAMJ,UANI,CAAA,eAAA,CAAA;EAEL,QAAA,CAAA,EAKJ,UALI,CAAA,UAAA,CAAA;EACF,UAAA,CAAA,EAKA,UALA,CAAA,YAAA,CAAA;EACD,QAAA,CAAA,EAKD,UALC,CAAA,UAAA,CAAA;EACL,cAAA,CAAA,EAKU,UALV,CAAA,gBAAA,CAAA;EACS,OAAA,CAAA,EAMN,UANM,CAAA,SAAA,CAAA;EACL,QAAA,CAAA,EAMA,UANA,CAAA,UAAA,CAAA;EACE,OAAA,CAAA,EAOH,UAPG,CAAA,SAAA,CAAA;EACF,iBAAA,CAAA,EAOS,UAPT,CAAA,mBAAA,CAAA;EACM,eAAA,CAAA,EAOC,UAPD,CAAA,iBAAA,CAAA;EAEP,aAAA,CAAA,EAMM,UANN,CAAA,eAAA,CAAA;EACC,UAAA,CAAA,EAME,UANF,CAAA,YAAA,CAAA;EAED,YAAA,CAAA,EAKK,UALL,CAAA,cAAA,CAAA;EACU,UAAA,CAAA,EAKP,UALO,CAAA,YAAA,CAAA;EACF,MAAA,CAAA,EAMT,UANS,CAAA,QAAA,CAAA;EACF,cAAA,CAAA,EAMC,UAND,CAAA,gBAAA,CAAA;EACH,gBAAA,CAAA,EAMM,UANN,CAAA,kBAAA,CAAA;EACE,YAAA,CAAA,EAMA,UANA,CAAA,cAAA,CAAA;EACF,SAAA,CAAA,EAMD,UANC,CAAA,WAAA,CAAA;EAEJ,WAAA,CAAA,EAKK,UALL,CAAA,aAAA,CAAA;EACQ,SAAA,CAAA,EAKL,UALK,CAAA,WAAA,CAAA;EACE,SAAA,CAAA,EAMP,UANO,CAAA,WAAA,CAAA;EACJ,MAAA,CAAA,EAMN,UANM,CAAA,QAAA,CAAA;EACH,OAAA,CAAA,EAAA,MAAA;;;;;;;;AAhD8C;AAqF7C;;;;;;;;;;;;;;;;;;;;cAAT,WAAS,OAAA,CAAA,qBAAA;cAoJT,mBAAiB,OAAA,CAAA,kBAAA,wBAAA,CAAA,cAAA"}

package/dist/components/Pressable.mjs

@@ -0,0 +1,118 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { memo, useCallback } from "react";
+import { Pressable as Pressable$1 } from "react-native";
+import { styles } from "../../generated/styles";
+import { jsx } from "react/jsx-runtime";
+import Animated from "react-native-reanimated";
+
+//#region src/components/Pressable.tsx
+/**
+* **👆 A pressable component with UDS styling**
+*
+* @description
+* A styled pressable component that wraps React Native's Pressable with
+* UDS styling support.
+*
+* @example
+* ```tsx
+* import { Pressable } from '@yahoo/uds-mobile';
+*
+* <Pressable
+*   backgroundColor="primary"
+*   spacing="4"
+*   borderRadius="md"
+*   onPress={() => console.log('Pressed!')}
+* >
+*   <Text>Press me</Text>
+* </Pressable>
+* ```
+*
+* @usage
+* - Use for interactive elements that need press feedback
+* - Supports all Box styling props
+*
+* @see The {@link https://uds.build/docs/components/pressable Pressable Docs} for more info
+*/
+const Pressable = memo(function Pressable$2({ backgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderWidth, borderVerticalWidth, borderHorizontalWidth, borderStartWidth, borderEndWidth, borderTopWidth, borderBottomWidth, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, display = "flex", overflow, spacing, spacingHorizontal, spacingVertical, spacingBottom, spacingEnd, spacingStart, spacingTop, offset, offsetVertical, offsetHorizontal, offsetBottom, offsetEnd, offsetStart, offsetTop, columnGap, rowGap, width, height, minWidth, maxWidth, minHeight, maxHeight, opacity, style, ref, ...props }) {
+	styles.useVariants({
+		backgroundColor,
+		borderRadius,
+		borderTopStartRadius,
+		borderTopEndRadius,
+		borderBottomStartRadius,
+		borderBottomEndRadius,
+		borderColor,
+		borderStartColor,
+		borderEndColor,
+		borderTopColor,
+		borderBottomColor,
+		borderWidth,
+		borderVerticalWidth,
+		borderHorizontalWidth,
+		borderStartWidth,
+		borderEndWidth,
+		borderTopWidth,
+		borderBottomWidth,
+		alignContent,
+		alignItems,
+		alignSelf,
+		flex,
+		flexDirection,
+		flexGrow,
+		flexShrink,
+		flexWrap,
+		justifyContent,
+		display,
+		overflow,
+		spacing,
+		spacingHorizontal,
+		spacingVertical,
+		spacingBottom,
+		spacingEnd,
+		spacingStart,
+		spacingTop,
+		offset,
+		offsetVertical,
+		offsetHorizontal,
+		offsetBottom,
+		offsetEnd,
+		offsetStart,
+		offsetTop,
+		columnGap,
+		rowGap
+	});
+	return /* @__PURE__ */ jsx(Pressable$1, {
+		ref,
+		style: useCallback((state) => {
+			const userStyle = typeof style === "function" ? style(state) : style;
+			return [
+				width ? { width } : void 0,
+				height ? { height } : void 0,
+				minWidth ? { minWidth } : void 0,
+				maxWidth ? { maxWidth } : void 0,
+				minHeight ? { minHeight } : void 0,
+				maxHeight ? { maxHeight } : void 0,
+				opacity ? { opacity } : void 0,
+				styles.foundation,
+				userStyle
+			];
+		}, [
+			width,
+			height,
+			minWidth,
+			maxWidth,
+			minHeight,
+			maxHeight,
+			opacity,
+			style,
+			styles.foundation
+		]),
+		...props
+	});
+});
+Pressable.displayName = "Pressable";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+
+//#endregion
+export { AnimatedPressable, Pressable };
+//# sourceMappingURL=Pressable.mjs.map

package/dist/components/Pressable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pressable.mjs","names":["Pressable","RNPressable"],"sources":["../../src/components/Pressable.tsx"],"sourcesContent":["import type { Ref } from 'react';\nimport { memo, useCallback } from 'react';\nimport type {\n  PressableProps as RNPressableProps,\n  PressableStateCallbackType,\n  StyleProp,\n  View,\n  ViewStyle,\n} from 'react-native';\nimport { Pressable as RNPressable } from 'react-native';\nimport Animated from 'react-native-reanimated';\n\nimport type { StyleProps } from '../../generated/styles';\nimport { styles } from '../../generated/styles';\nimport type { SizeProps } from '../types';\n\ninterface PressableProps extends RNPressableProps, SizeProps {\n  ref?: Ref<View>;\n  // Background\n  backgroundColor?: StyleProps['backgroundColor'];\n  // Border\n  borderRadius?: StyleProps['borderRadius'];\n  borderTopStartRadius?: StyleProps['borderTopStartRadius'];\n  borderTopEndRadius?: StyleProps['borderTopEndRadius'];\n  borderBottomStartRadius?: StyleProps['borderBottomStartRadius'];\n  borderBottomEndRadius?: StyleProps['borderBottomEndRadius'];\n  borderColor?: StyleProps['borderColor'];\n  borderStartColor?: StyleProps['borderStartColor'];\n  borderEndColor?: StyleProps['borderEndColor'];\n  borderTopColor?: StyleProps['borderTopColor'];\n  borderBottomColor?: StyleProps['borderBottomColor'];\n  borderWidth?: StyleProps['borderWidth'];\n  borderVerticalWidth?: StyleProps['borderVerticalWidth'];\n  borderHorizontalWidth?: StyleProps['borderHorizontalWidth'];\n  borderStartWidth?: StyleProps['borderStartWidth'];\n  borderEndWidth?: StyleProps['borderEndWidth'];\n  borderTopWidth?: StyleProps['borderTopWidth'];\n  borderBottomWidth?: StyleProps['borderBottomWidth'];\n  // Flex\n  alignContent?: StyleProps['alignContent'];\n  alignItems?: StyleProps['alignItems'];\n  alignSelf?: StyleProps['alignSelf'];\n  flex?: StyleProps['flex'];\n  flexDirection?: StyleProps['flexDirection'];\n  flexGrow?: StyleProps['flexGrow'];\n  flexShrink?: StyleProps['flexShrink'];\n  flexWrap?: StyleProps['flexWrap'];\n  justifyContent?: StyleProps['justifyContent'];\n  // Layout\n  display?: StyleProps['display'];\n  overflow?: StyleProps['overflow'];\n  // Spacing\n  spacing?: StyleProps['spacing'];\n  spacingHorizontal?: StyleProps['spacingHorizontal'];\n  spacingVertical?: StyleProps['spacingVertical'];\n  spacingBottom?: StyleProps['spacingBottom'];\n  spacingEnd?: StyleProps['spacingEnd'];\n  spacingStart?: StyleProps['spacingStart'];\n  spacingTop?: StyleProps['spacingTop'];\n  // Offset\n  offset?: StyleProps['offset'];\n  offsetVertical?: StyleProps['offsetVertical'];\n  offsetHorizontal?: StyleProps['offsetHorizontal'];\n  offsetBottom?: StyleProps['offsetBottom'];\n  offsetEnd?: StyleProps['offsetEnd'];\n  offsetStart?: StyleProps['offsetStart'];\n  offsetTop?: StyleProps['offsetTop'];\n  // Gap\n  columnGap?: StyleProps['columnGap'];\n  rowGap?: StyleProps['rowGap'];\n  // Opacity\n  opacity?: number;\n}\n\n/**\n * **👆 A pressable component with UDS styling**\n *\n * @description\n * A styled pressable component that wraps React Native's Pressable with\n * UDS styling support.\n *\n * @example\n * ```tsx\n * import { Pressable } from '@yahoo/uds-mobile';\n *\n * <Pressable\n *   backgroundColor=\"primary\"\n *   spacing=\"4\"\n *   borderRadius=\"md\"\n *   onPress={() => console.log('Pressed!')}\n * >\n *   <Text>Press me</Text>\n * </Pressable>\n * ```\n *\n * @usage\n * - Use for interactive elements that need press feedback\n * - Supports all Box styling props\n *\n * @see The {@link https://uds.build/docs/components/pressable Pressable Docs} for more info\n */\nconst Pressable = memo(function Pressable({\n  // Background\n  backgroundColor,\n  // Border\n  borderRadius,\n  borderTopStartRadius,\n  borderTopEndRadius,\n  borderBottomStartRadius,\n  borderBottomEndRadius,\n  borderColor,\n  borderStartColor,\n  borderEndColor,\n  borderTopColor,\n  borderBottomColor,\n  borderWidth,\n  borderVerticalWidth,\n  borderHorizontalWidth,\n  borderStartWidth,\n  borderEndWidth,\n  borderTopWidth,\n  borderBottomWidth,\n  // Flex\n  alignContent,\n  alignItems,\n  alignSelf,\n  flex,\n  flexDirection,\n  flexGrow,\n  flexShrink,\n  flexWrap,\n  justifyContent,\n  // Layout\n  display = 'flex',\n  overflow,\n  // Spacing\n  spacing,\n  spacingHorizontal,\n  spacingVertical,\n  spacingBottom,\n  spacingEnd,\n  spacingStart,\n  spacingTop,\n  // Offset\n  offset,\n  offsetVertical,\n  offsetHorizontal,\n  offsetBottom,\n  offsetEnd,\n  offsetStart,\n  offsetTop,\n  // Gap\n  columnGap,\n  rowGap,\n  // Size\n  width,\n  height,\n  minWidth,\n  maxWidth,\n  minHeight,\n  maxHeight,\n  // Opacity\n  opacity,\n  // Style - extracted to merge with variants\n  style,\n  ref,\n  // Rest\n  ...props\n}: PressableProps) {\n  styles.useVariants({\n    // Background\n    backgroundColor,\n    // Border\n    borderRadius,\n    borderTopStartRadius,\n    borderTopEndRadius,\n    borderBottomStartRadius,\n    borderBottomEndRadius,\n    borderColor,\n    borderStartColor,\n    borderEndColor,\n    borderTopColor,\n    borderBottomColor,\n    borderWidth,\n    borderVerticalWidth,\n    borderHorizontalWidth,\n    borderStartWidth,\n    borderEndWidth,\n    borderTopWidth,\n    borderBottomWidth,\n    // Flex\n    alignContent,\n    alignItems,\n    alignSelf,\n    flex,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    flexWrap,\n    justifyContent,\n    // Layout\n    display,\n    overflow,\n    // Spacing\n    spacing,\n    spacingHorizontal,\n    spacingVertical,\n    spacingBottom,\n    spacingEnd,\n    spacingStart,\n    spacingTop,\n    // Offset\n    offset,\n    offsetVertical,\n    offsetHorizontal,\n    offsetBottom,\n    offsetEnd,\n    offsetStart,\n    offsetTop,\n    // Gap\n    columnGap,\n    rowGap,\n  });\n\n  // Merge variant styles with user-provided style prop\n  // Handle the case where style can be a function (for press states)\n  const pressableStyles = useCallback(\n    (state: PressableStateCallbackType) => {\n      const userStyle = typeof style === 'function' ? style(state) : style;\n      return [\n        width ? { width } : undefined,\n        height ? { height } : undefined,\n        minWidth ? { minWidth } : undefined,\n        maxWidth ? { maxWidth } : undefined,\n        minHeight ? { minHeight } : undefined,\n        maxHeight ? { maxHeight } : undefined,\n        opacity ? { opacity } : undefined,\n        styles.foundation as StyleProp<ViewStyle>,\n        userStyle,\n      ];\n    },\n    [width, height, minWidth, maxWidth, minHeight, maxHeight, opacity, style, styles.foundation],\n  );\n\n  return <RNPressable ref={ref} style={pressableStyles} {...props} />;\n});\n\nPressable.displayName = 'Pressable';\n\nconst AnimatedPressable = Animated.createAnimatedComponent(Pressable);\n\nexport { AnimatedPressable, Pressable, type PressableProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqGA,MAAM,YAAY,KAAK,SAASA,YAAU,EAExC,iBAEA,cACA,sBACA,oBACA,yBACA,uBACA,aACA,kBACA,gBACA,gBACA,mBACA,aACA,qBACA,uBACA,kBACA,gBACA,gBACA,mBAEA,cACA,YACA,WACA,MACA,eACA,UACA,YACA,UACA,gBAEA,UAAU,QACV,UAEA,SACA,mBACA,iBACA,eACA,YACA,cACA,YAEA,QACA,gBACA,kBACA,cACA,WACA,aACA,WAEA,WACA,QAEA,OACA,QACA,UACA,UACA,WACA,WAEA,SAEA,OACA,KAEA,GAAG,SACc;AACjB,QAAO,YAAY;EAEjB;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACD,CAAC;AAsBF,QAAO,oBAACC;EAAiB;EAAK,OAlBN,aACrB,UAAsC;GACrC,MAAM,YAAY,OAAO,UAAU,aAAa,MAAM,MAAM,GAAG;AAC/D,UAAO;IACL,QAAQ,EAAE,OAAO,GAAG;IACpB,SAAS,EAAE,QAAQ,GAAG;IACtB,WAAW,EAAE,UAAU,GAAG;IAC1B,WAAW,EAAE,UAAU,GAAG;IAC1B,YAAY,EAAE,WAAW,GAAG;IAC5B,YAAY,EAAE,WAAW,GAAG;IAC5B,UAAU,EAAE,SAAS,GAAG;IACxB,OAAO;IACP;IACD;KAEH;GAAC;GAAO;GAAQ;GAAU;GAAU;GAAW;GAAW;GAAS;GAAO,OAAO;GAAW,CAC7F;EAEqD,GAAI;GAAS;EACnE;AAEF,UAAU,cAAc;AAExB,MAAM,oBAAoB,SAAS,wBAAwB,UAAU"}

package/dist/components/Radio.cjs

@@ -0,0 +1,153 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_motion = require('../uds/dist/tokens/configs/motion.cjs');
+const require_motion$1 = require('../motion.cjs');
+const require_components_Text = require('./Text.cjs');
+const require_components_HStack = require('./HStack.cjs');
+const require_components_Pressable = require('./Pressable.cjs');
+let react = require("react");
+let generated_styles = require("../../generated/styles");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_native_reanimated = require("react-native-reanimated");
+react_native_reanimated = require_rolldown_runtime.__toESM(react_native_reanimated);
+
+//#region src/components/Radio.tsx
+const VARIANT_ERROR_MAP = {
+	primary: "alert",
+	secondary: "alert-secondary"
+};
+/**
+* **⚙️ A radio component**
+*
+* @componentType Client component
+*
+* @description
+* A radio component allows users to select one option from a set.
+* Unlike checkbox, radio buttons cannot have multiple selected in a group,
+* allowing only one selection at a time.
+*
+* @example
+* ```tsx
+* import { Radio } from '@yahoo/uds-mobile';
+*
+* <Radio label="Option A" />
+* <Radio label="Option B" checked={true} onChange={setChecked} />
+* ```
+*
+* @usage
+* - Forms: For selecting a single option from multiple choices
+* - Settings: For toggling between mutually exclusive preferences
+*
+* @see The {@link https://uds.build/docs/components/radio Radio Docs} for more info
+*/
+const Radio = (0, react.memo)(function Radio$1({ label, labelPosition = "start", variant: variantProp = "primary", size = "md", checked: checkedProp, hasError, reduceMotion, defaultChecked, disabled, required, onChange, ref, ...viewProps }) {
+	const uid = `uds-radio-${(0, react.useId)()}`;
+	const isControlled = checkedProp !== void 0;
+	const [internalChecked, setInternalChecked] = (0, react.useState)(isControlled ? checkedProp : defaultChecked ?? false);
+	const [pressed, setPressed] = (0, react.useState)(false);
+	const checked = isControlled ? checkedProp : internalChecked;
+	const valueState = (0, react.useMemo)(() => {
+		return checked ? "checked" : "unchecked";
+	}, [checked]);
+	const shouldAnimate = !reduceMotion;
+	const scaleProgress = (0, react_native_reanimated.useDerivedValue)(() => shouldAnimate ? (0, react_native_reanimated.withSpring)(pressed ? require_motion.SCALE_EFFECTS.down : require_motion.SCALE_EFFECTS.none, require_motion$1.BUTTON_SPRING_CONFIG) : require_motion.SCALE_EFFECTS.none, [pressed, shouldAnimate]);
+	const circleProgress = (0, react_native_reanimated.useDerivedValue)(() => shouldAnimate ? (0, react_native_reanimated.withSpring)(checked ? 1 : 0, require_motion$1.BUTTON_SPRING_CONFIG) : checked ? 1 : 0, [checked, shouldAnimate]);
+	const radioAnimatedStyle = (0, react_native_reanimated.useAnimatedStyle)(() => ({ transform: [{ scale: scaleProgress.value }] }));
+	const circleAnimatedStyle = (0, react_native_reanimated.useAnimatedStyle)(() => ({
+		opacity: (0, react_native_reanimated.interpolate)(circleProgress.value, [0, 1], [0, 1]),
+		transform: [{ scale: (0, react_native_reanimated.interpolate)(circleProgress.value, [0, 1], [.5, 1]) }]
+	}));
+	const handlePress = (0, react.useCallback)(() => {
+		if (disabled) return;
+		const newChecked = !checked;
+		if (!isControlled) setInternalChecked(newChecked);
+		onChange?.(newChecked);
+	}, [
+		disabled,
+		checked,
+		isControlled,
+		onChange
+	]);
+	const handlePressIn = (0, react.useCallback)(() => {
+		setPressed(true);
+	}, []);
+	const handlePressOut = (0, react.useCallback)(() => {
+		setPressed(false);
+	}, []);
+	const styleVariant = hasError ? VARIANT_ERROR_MAP[variantProp] : variantProp;
+	generated_styles.radioStyles.useVariants({
+		size,
+		variant: styleVariant,
+		value: valueState,
+		pressed
+	});
+	const rootStyle = (0, react.useMemo)(() => [generated_styles.radioStyles.root, { opacity: disabled ? .5 : 1 }], [generated_styles.radioStyles.root, disabled]);
+	const radioBoxStyle = (0, react.useMemo)(() => [
+		generated_styles.radioStyles.radio,
+		{
+			alignItems: "center",
+			justifyContent: "center",
+			borderRadius: 9999
+		},
+		radioAnimatedStyle
+	], [generated_styles.radioStyles.radio, radioAnimatedStyle]);
+	const INNER_CIRCLE_SIZE = 8;
+	const circleStyle = (0, react.useMemo)(() => [
+		generated_styles.radioStyles.radioCircle,
+		{
+			width: INNER_CIRCLE_SIZE,
+			height: INNER_CIRCLE_SIZE,
+			borderRadius: 9999
+		},
+		circleAnimatedStyle
+	], [generated_styles.radioStyles.radioCircle, circleAnimatedStyle]);
+	const labelContent = (0, react.useMemo)(() => {
+		if (!label) return null;
+		const content = typeof label === "function" ? label() : (0, react.isValidElement)(label) ? label : String(label);
+		const textContent = typeof content === "string" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
+			style: generated_styles.radioStyles.text,
+			children: content
+		}) : content;
+		if (required) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_HStack.HStack, {
+			columnGap: "1",
+			alignItems: "flex-start",
+			children: [textContent, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
+				style: generated_styles.radioStyles.text,
+				children: "*"
+			})]
+		});
+		return textContent;
+	}, [
+		label,
+		required,
+		generated_styles.radioStyles.text
+	]);
+	const a11yState = (0, react.useMemo)(() => ({
+		disabled,
+		checked
+	}), [disabled, checked]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Pressable.Pressable, {
+		ref,
+		nativeID: uid,
+		onPress: handlePress,
+		onPressIn: handlePressIn,
+		onPressOut: handlePressOut,
+		disabled,
+		flexDirection: labelPosition === "start" ? "row" : "row-reverse",
+		alignItems: "center",
+		alignSelf: "flex-start",
+		accessibilityRole: "radio",
+		accessibilityState: a11yState,
+		accessibilityLabel: typeof label === "string" ? label : void 0,
+		...viewProps,
+		style: rootStyle,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native_reanimated.default.View, {
+			style: radioBoxStyle,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native_reanimated.default.View, { style: circleStyle })
+		}), labelContent]
+	});
+});
+Radio.displayName = "Radio";
+
+//#endregion
+exports.Radio = Radio;

package/dist/components/Radio.d.cts

@@ -0,0 +1,46 @@
+
+import { UniversalRadioProps } from "../uds/dist/tokens/types.cjs";
+import * as react2 from "react";
+import { Ref } from "react";
+import { View, ViewProps } from "react-native";
+
+//#region src/components/Radio.d.ts
+interface RadioProps extends Omit<ViewProps, 'style'>, UniversalRadioProps {
+  ref?: Ref<View>;
+  /** Default checked state for uncontrolled mode */
+  defaultChecked?: boolean;
+  /** Whether the radio is disabled */
+  disabled?: boolean;
+  /** Whether the radio is required */
+  required?: boolean;
+  /** Callback fired when the checked state changes */
+  onChange?: (checked: boolean) => void;
+}
+/**
+ * **⚙️ A radio component**
+ *
+ * @componentType Client component
+ *
+ * @description
+ * A radio component allows users to select one option from a set.
+ * Unlike checkbox, radio buttons cannot have multiple selected in a group,
+ * allowing only one selection at a time.
+ *
+ * @example
+ * ```tsx
+ * import { Radio } from '@yahoo/uds-mobile';
+ *
+ * <Radio label="Option A" />
+ * <Radio label="Option B" checked={true} onChange={setChecked} />
+ * ```
+ *
+ * @usage
+ * - Forms: For selecting a single option from multiple choices
+ * - Settings: For toggling between mutually exclusive preferences
+ *
+ * @see The {@link https://uds.build/docs/components/radio Radio Docs} for more info
+ */
+declare const Radio: react2.NamedExoticComponent<RadioProps>;
+//#endregion
+export { Radio, type RadioProps };
+//# sourceMappingURL=Radio.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.cts","names":[],"sources":["../../src/components/Radio.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAwBU,UAAA,SAAmB,KAAK,qBAAqB;QAC/C,IAAI;;EADF,cAAW,CAAA,EAAA,OAAA;EAAa;EACtB,QAAA,CAAA,EAAA,OAAA;EAAJ;EADqB,QAAA,CAAA,EAAA,OAAA;EAA0B;EAAmB,QAAA,CAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,GAAA,IAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;cAoDpE,OAAK,MAAA,CAAA,qBAAA"}

package/dist/components/Radio.d.mts

@@ -0,0 +1,46 @@
+
+import { UniversalRadioProps } from "../uds/dist/tokens/types.mjs";
+import * as react5 from "react";
+import { Ref } from "react";
+import { View, ViewProps } from "react-native";
+
+//#region src/components/Radio.d.ts
+interface RadioProps extends Omit<ViewProps, 'style'>, UniversalRadioProps {
+  ref?: Ref<View>;
+  /** Default checked state for uncontrolled mode */
+  defaultChecked?: boolean;
+  /** Whether the radio is disabled */
+  disabled?: boolean;
+  /** Whether the radio is required */
+  required?: boolean;
+  /** Callback fired when the checked state changes */
+  onChange?: (checked: boolean) => void;
+}
+/**
+ * **⚙️ A radio component**
+ *
+ * @componentType Client component
+ *
+ * @description
+ * A radio component allows users to select one option from a set.
+ * Unlike checkbox, radio buttons cannot have multiple selected in a group,
+ * allowing only one selection at a time.
+ *
+ * @example
+ * ```tsx
+ * import { Radio } from '@yahoo/uds-mobile';
+ *
+ * <Radio label="Option A" />
+ * <Radio label="Option B" checked={true} onChange={setChecked} />
+ * ```
+ *
+ * @usage
+ * - Forms: For selecting a single option from multiple choices
+ * - Settings: For toggling between mutually exclusive preferences
+ *
+ * @see The {@link https://uds.build/docs/components/radio Radio Docs} for more info
+ */
+declare const Radio: react5.NamedExoticComponent<RadioProps>;
+//#endregion
+export { Radio, type RadioProps };
+//# sourceMappingURL=Radio.d.mts.map

package/dist/components/Radio.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.mts","names":[],"sources":["../../src/components/Radio.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAwBU,UAAA,SAAmB,KAAK,qBAAqB;QAC/C,IAAI;;EADF,cAAW,CAAA,EAAA,OAAA;EAAa;EACtB,QAAA,CAAA,EAAA,OAAA;EAAJ;EADqB,QAAA,CAAA,EAAA,OAAA;EAA0B;EAAmB,QAAA,CAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,GAAA,IAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;cAoDpE,OAAK,MAAA,CAAA,qBAAA"}

package/dist/components/Radio.mjs

@@ -0,0 +1,152 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { SCALE_EFFECTS } from "../uds/dist/tokens/configs/motion.mjs";
+import { BUTTON_SPRING_CONFIG } from "../motion.mjs";
+import { Text } from "./Text.mjs";
+import { HStack } from "./HStack.mjs";
+import { Pressable } from "./Pressable.mjs";
+import { isValidElement, memo, useCallback, useId, useMemo, useState } from "react";
+import { radioStyles } from "../../generated/styles";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Animated, { interpolate, useAnimatedStyle, useDerivedValue, withSpring } from "react-native-reanimated";
+
+//#region src/components/Radio.tsx
+const VARIANT_ERROR_MAP = {
+	primary: "alert",
+	secondary: "alert-secondary"
+};
+/**
+* **⚙️ A radio component**
+*
+* @componentType Client component
+*
+* @description
+* A radio component allows users to select one option from a set.
+* Unlike checkbox, radio buttons cannot have multiple selected in a group,
+* allowing only one selection at a time.
+*
+* @example
+* ```tsx
+* import { Radio } from '@yahoo/uds-mobile';
+*
+* <Radio label="Option A" />
+* <Radio label="Option B" checked={true} onChange={setChecked} />
+* ```
+*
+* @usage
+* - Forms: For selecting a single option from multiple choices
+* - Settings: For toggling between mutually exclusive preferences
+*
+* @see The {@link https://uds.build/docs/components/radio Radio Docs} for more info
+*/
+const Radio = memo(function Radio$1({ label, labelPosition = "start", variant: variantProp = "primary", size = "md", checked: checkedProp, hasError, reduceMotion, defaultChecked, disabled, required, onChange, ref, ...viewProps }) {
+	const uid = `uds-radio-${useId()}`;
+	const isControlled = checkedProp !== void 0;
+	const [internalChecked, setInternalChecked] = useState(isControlled ? checkedProp : defaultChecked ?? false);
+	const [pressed, setPressed] = useState(false);
+	const checked = isControlled ? checkedProp : internalChecked;
+	const valueState = useMemo(() => {
+		return checked ? "checked" : "unchecked";
+	}, [checked]);
+	const shouldAnimate = !reduceMotion;
+	const scaleProgress = useDerivedValue(() => shouldAnimate ? withSpring(pressed ? SCALE_EFFECTS.down : SCALE_EFFECTS.none, BUTTON_SPRING_CONFIG) : SCALE_EFFECTS.none, [pressed, shouldAnimate]);
+	const circleProgress = useDerivedValue(() => shouldAnimate ? withSpring(checked ? 1 : 0, BUTTON_SPRING_CONFIG) : checked ? 1 : 0, [checked, shouldAnimate]);
+	const radioAnimatedStyle = useAnimatedStyle(() => ({ transform: [{ scale: scaleProgress.value }] }));
+	const circleAnimatedStyle = useAnimatedStyle(() => ({
+		opacity: interpolate(circleProgress.value, [0, 1], [0, 1]),
+		transform: [{ scale: interpolate(circleProgress.value, [0, 1], [.5, 1]) }]
+	}));
+	const handlePress = useCallback(() => {
+		if (disabled) return;
+		const newChecked = !checked;
+		if (!isControlled) setInternalChecked(newChecked);
+		onChange?.(newChecked);
+	}, [
+		disabled,
+		checked,
+		isControlled,
+		onChange
+	]);
+	const handlePressIn = useCallback(() => {
+		setPressed(true);
+	}, []);
+	const handlePressOut = useCallback(() => {
+		setPressed(false);
+	}, []);
+	const styleVariant = hasError ? VARIANT_ERROR_MAP[variantProp] : variantProp;
+	radioStyles.useVariants({
+		size,
+		variant: styleVariant,
+		value: valueState,
+		pressed
+	});
+	const rootStyle = useMemo(() => [radioStyles.root, { opacity: disabled ? .5 : 1 }], [radioStyles.root, disabled]);
+	const radioBoxStyle = useMemo(() => [
+		radioStyles.radio,
+		{
+			alignItems: "center",
+			justifyContent: "center",
+			borderRadius: 9999
+		},
+		radioAnimatedStyle
+	], [radioStyles.radio, radioAnimatedStyle]);
+	const INNER_CIRCLE_SIZE = 8;
+	const circleStyle = useMemo(() => [
+		radioStyles.radioCircle,
+		{
+			width: INNER_CIRCLE_SIZE,
+			height: INNER_CIRCLE_SIZE,
+			borderRadius: 9999
+		},
+		circleAnimatedStyle
+	], [radioStyles.radioCircle, circleAnimatedStyle]);
+	const labelContent = useMemo(() => {
+		if (!label) return null;
+		const content = typeof label === "function" ? label() : isValidElement(label) ? label : String(label);
+		const textContent = typeof content === "string" ? /* @__PURE__ */ jsx(Text, {
+			style: radioStyles.text,
+			children: content
+		}) : content;
+		if (required) return /* @__PURE__ */ jsxs(HStack, {
+			columnGap: "1",
+			alignItems: "flex-start",
+			children: [textContent, /* @__PURE__ */ jsx(Text, {
+				style: radioStyles.text,
+				children: "*"
+			})]
+		});
+		return textContent;
+	}, [
+		label,
+		required,
+		radioStyles.text
+	]);
+	const a11yState = useMemo(() => ({
+		disabled,
+		checked
+	}), [disabled, checked]);
+	return /* @__PURE__ */ jsxs(Pressable, {
+		ref,
+		nativeID: uid,
+		onPress: handlePress,
+		onPressIn: handlePressIn,
+		onPressOut: handlePressOut,
+		disabled,
+		flexDirection: labelPosition === "start" ? "row" : "row-reverse",
+		alignItems: "center",
+		alignSelf: "flex-start",
+		accessibilityRole: "radio",
+		accessibilityState: a11yState,
+		accessibilityLabel: typeof label === "string" ? label : void 0,
+		...viewProps,
+		style: rootStyle,
+		children: [/* @__PURE__ */ jsx(Animated.View, {
+			style: radioBoxStyle,
+			children: /* @__PURE__ */ jsx(Animated.View, { style: circleStyle })
+		}), labelContent]
+	});
+});
+Radio.displayName = "Radio";
+
+//#endregion
+export { Radio };
+//# sourceMappingURL=Radio.mjs.map

package/dist/components/Radio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.mjs","names":["VARIANT_ERROR_MAP: Record<RadioVariant, RadioStyleVariant>","Radio","valueState: RadioValueState","styleVariant: RadioStyleVariant"],"sources":["../../src/components/Radio.tsx"],"sourcesContent":["import type { RadioVariant, UniversalRadioProps } from '@yahoo/uds/tokens';\nimport type { Ref } from 'react';\nimport { isValidElement, memo, useCallback, useId, useMemo, useState } from 'react';\nimport type { View, ViewProps } from 'react-native';\nimport Animated, {\n  interpolate,\n  useAnimatedStyle,\n  useDerivedValue,\n  withSpring,\n} from 'react-native-reanimated';\n\nimport { radioStyles } from '../../generated/styles';\nimport { BUTTON_SPRING_CONFIG, SCALE_EFFECTS } from '../motion';\nimport { HStack } from './HStack';\nimport { Pressable } from './Pressable';\nimport { Text } from './Text';\n\n/* -------------------------------------------------------------------------- */\n/*                                   Types                                    */\n/* -------------------------------------------------------------------------- */\n\n/** Derived from RadioValue - maps boolean to 'checked'/'unchecked' string literals */\ntype RadioValueState = 'checked' | 'unchecked';\n\ninterface RadioProps extends Omit<ViewProps, 'style'>, UniversalRadioProps {\n  ref?: Ref<View>;\n  /** Default checked state for uncontrolled mode */\n  defaultChecked?: boolean;\n  /** Whether the radio is disabled */\n  disabled?: boolean;\n  /** Whether the radio is required */\n  required?: boolean;\n  /** Callback fired when the checked state changes */\n  onChange?: (checked: boolean) => void;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                              Variant Mapping                                */\n/* -------------------------------------------------------------------------- */\n\n/** All style variants available in the generated styles (includes error variants) */\ntype RadioStyleVariant = 'primary' | 'secondary' | 'alert' | 'alert-secondary';\n\nconst VARIANT_ERROR_MAP: Record<RadioVariant, RadioStyleVariant> = {\n  primary: 'alert',\n  secondary: 'alert-secondary',\n};\n\n/* -------------------------------------------------------------------------- */\n/*                              Radio Component                                */\n/* -------------------------------------------------------------------------- */\n\n/**\n * **⚙️ A radio component**\n *\n * @componentType Client component\n *\n * @description\n * A radio component allows users to select one option from a set.\n * Unlike checkbox, radio buttons cannot have multiple selected in a group,\n * allowing only one selection at a time.\n *\n * @example\n * ```tsx\n * import { Radio } from '@yahoo/uds-mobile';\n *\n * <Radio label=\"Option A\" />\n * <Radio label=\"Option B\" checked={true} onChange={setChecked} />\n * ```\n *\n * @usage\n * - Forms: For selecting a single option from multiple choices\n * - Settings: For toggling between mutually exclusive preferences\n *\n * @see The {@link https://uds.build/docs/components/radio Radio Docs} for more info\n */\nconst Radio = memo(function Radio({\n  // Radio props\n  label,\n  labelPosition = 'start',\n  variant: variantProp = 'primary',\n  size = 'md',\n  checked: checkedProp,\n  hasError,\n  reduceMotion,\n  // Native props\n  defaultChecked,\n  disabled,\n  required,\n  onChange,\n  ref,\n  ...viewProps\n}: RadioProps) {\n  const generatedId = useId();\n  const uid = `uds-radio-${generatedId}`;\n\n  /* --------------------------------- State ---------------------------------- */\n  const isControlled = checkedProp !== undefined;\n  const [internalChecked, setInternalChecked] = useState<boolean>(\n    isControlled ? checkedProp : (defaultChecked ?? false),\n  );\n  const [pressed, setPressed] = useState(false);\n\n  // Use controlled value if provided, otherwise use internal state\n  const checked = isControlled ? checkedProp : internalChecked;\n\n  /* ------------------------------ Derived Values ---------------------------- */\n  const valueState: RadioValueState = useMemo(() => {\n    return checked ? 'checked' : 'unchecked';\n  }, [checked]);\n\n  /* -------------------------------- Animation ------------------------------- */\n  const shouldAnimate = !reduceMotion;\n\n  // Scale animation for press feedback (disabled when reduceMotion is true)\n  const scaleProgress = useDerivedValue(\n    () =>\n      shouldAnimate\n        ? withSpring(pressed ? SCALE_EFFECTS.down : SCALE_EFFECTS.none, BUTTON_SPRING_CONFIG)\n        : SCALE_EFFECTS.none, // No scale effect when reduceMotion is true\n    [pressed, shouldAnimate],\n  );\n\n  // Circle visibility animation (for the inner dot)\n  // When reduceMotion is true, still show/hide the circle but without animation\n  const circleProgress = useDerivedValue(\n    () => (shouldAnimate ? withSpring(checked ? 1 : 0, BUTTON_SPRING_CONFIG) : checked ? 1 : 0),\n    [checked, shouldAnimate],\n  );\n\n  const radioAnimatedStyle = useAnimatedStyle(() => ({\n    transform: [{ scale: scaleProgress.value }],\n  }));\n\n  const circleAnimatedStyle = useAnimatedStyle(() => ({\n    opacity: interpolate(circleProgress.value, [0, 1], [0, 1]),\n    transform: [{ scale: interpolate(circleProgress.value, [0, 1], [0.5, 1]) }],\n  }));\n\n  /* -------------------------------- Handlers -------------------------------- */\n  const handlePress = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n\n    const newChecked = !checked;\n\n    if (!isControlled) {\n      setInternalChecked(newChecked);\n    }\n\n    onChange?.(newChecked);\n  }, [disabled, checked, isControlled, onChange]);\n\n  const handlePressIn = useCallback(() => {\n    setPressed(true);\n  }, []);\n\n  const handlePressOut = useCallback(() => {\n    setPressed(false);\n  }, []);\n\n  /* --------------------------------- Styles --------------------------------- */\n  // Compute the style variant (primary/secondary maps to alert variants when hasError)\n  const styleVariant: RadioStyleVariant = hasError ? VARIANT_ERROR_MAP[variantProp] : variantProp;\n\n  radioStyles.useVariants({\n    size,\n    variant: styleVariant, // primary, secondary, alert, alert-secondary\n    value: valueState, // checked, unchecked\n    pressed,\n  });\n\n  const rootStyle = useMemo(\n    () => [radioStyles.root, { opacity: disabled ? 0.5 : 1 }],\n    [radioStyles.root, disabled],\n  );\n\n  const radioBoxStyle = useMemo(\n    () => [\n      radioStyles.radio,\n      {\n        alignItems: 'center' as const,\n        justifyContent: 'center' as const,\n        borderRadius: 9999,\n      },\n      radioAnimatedStyle,\n    ],\n    [radioStyles.radio, radioAnimatedStyle],\n  );\n\n  // Inner circle size: fixed 8x8px to match web implementation\n  const INNER_CIRCLE_SIZE = 8;\n\n  const circleStyle = useMemo(\n    () => [\n      radioStyles.radioCircle,\n      {\n        width: INNER_CIRCLE_SIZE,\n        height: INNER_CIRCLE_SIZE,\n        borderRadius: 9999,\n      },\n      circleAnimatedStyle,\n    ],\n    [radioStyles.radioCircle, circleAnimatedStyle],\n  );\n\n  /* ---------------------------- Render Helpers ------------------------------ */\n  const labelContent = useMemo(() => {\n    if (!label) {\n      return null;\n    }\n\n    const content =\n      typeof label === 'function' ? label() : isValidElement(label) ? label : String(label);\n\n    const textContent =\n      typeof content === 'string' ? <Text style={radioStyles.text}>{content}</Text> : content;\n\n    if (required) {\n      return (\n        <HStack columnGap=\"1\" alignItems=\"flex-start\">\n          {textContent}\n          <Text style={radioStyles.text}>*</Text>\n        </HStack>\n      );\n    }\n\n    return textContent;\n  }, [label, required, radioStyles.text]);\n\n  const a11yState = useMemo(\n    () => ({\n      disabled,\n      checked,\n    }),\n    [disabled, checked],\n  );\n\n  /* --------------------------------- Render --------------------------------- */\n  return (\n    <Pressable\n      ref={ref}\n      nativeID={uid}\n      onPress={handlePress}\n      onPressIn={handlePressIn}\n      onPressOut={handlePressOut}\n      disabled={disabled}\n      flexDirection={labelPosition === 'start' ? 'row' : 'row-reverse'}\n      alignItems=\"center\"\n      alignSelf=\"flex-start\"\n      accessibilityRole=\"radio\"\n      accessibilityState={a11yState}\n      accessibilityLabel={typeof label === 'string' ? label : undefined}\n      {...viewProps}\n      style={rootStyle}\n    >\n      <Animated.View style={radioBoxStyle}>\n        <Animated.View style={circleStyle} />\n      </Animated.View>\n\n      {labelContent}\n    </Pressable>\n  );\n});\n\nRadio.displayName = 'Radio';\n\nexport { Radio, type RadioProps };\n"],"mappings":"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"}