@yahoo/uds-mobile 1.0.0

package/dist/components/IconButton.mjs

@@ -0,0 +1,127 @@
+/*! © 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 { Icon } from "./Icon.mjs";
+import { AnimatedPressable } from "./Pressable.mjs";
+import { memo, useCallback, useMemo, useState } from "react";
+import { ActivityIndicator } from "react-native";
+import { buttonStyles, iconButtonStyles, styles } from "../../generated/styles";
+import { jsx } from "react/jsx-runtime";
+import { Easing, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring, withTiming } from "react-native-reanimated";
+import { useAnimatedTheme, useAnimatedVariantColor } from "react-native-unistyles/reanimated";
+
+//#region src/components/IconButton.tsx
+function interpolateShadowAlpha(shadow, alpha) {
+	"worklet";
+	if (!shadow || alpha >= 1) return shadow;
+	if (alpha <= 0) return "";
+	return shadow.replace(/rgba\(([^,]+),\s*([^,]+),\s*([^,]+),\s*([^)]+)\)/g, (_, r, g, b, a) => {
+		return `rgba(${r}, ${g}, ${b}, ${(parseFloat(a) * alpha).toFixed(3)})`;
+	});
+}
+/**
+* **An icon button element that can be used to trigger an action**
+*
+* Features animated scale effect on press and smooth color transitions
+* matching the web UDS IconButton behavior.
+*
+* @example
+* ```tsx
+* import { IconButton } from '@yahoo/uds-mobile';
+*
+* <IconButton name="Add" onPress={() => console.log('pressed')} />
+* <IconButton name="Close" variant="secondary" size="sm" />
+* <IconButton name="Settings" loading />
+* ```
+*/
+const IconButton = memo(function IconButton$1({ name, variant = "primary", size = "md", iconVariant = "outline", loading, disabled, style, accessibilityLabel, accessibilityHint, disableEffects = false, onPressIn, onPressOut, ref, ...props }) {
+	const isDisabled = disabled || loading;
+	const shouldAnimate = !disableEffects && !isDisabled;
+	const [pressed, setPressed] = useState(false);
+	iconButtonStyles.useVariants({ size });
+	buttonStyles.useVariants({
+		variant,
+		disabled: isDisabled,
+		pressed
+	});
+	const backgroundColor = useAnimatedVariantColor(buttonStyles.root, "backgroundColor");
+	const borderColor = useAnimatedVariantColor(buttonStyles.root, "borderColor");
+	const animatedTheme = useAnimatedTheme();
+	const scale = useSharedValue(SCALE_EFFECTS.none);
+	const handlePressIn = useCallback((event) => {
+		setPressed(true);
+		if (shouldAnimate) scale.value = withSpring(SCALE_EFFECTS.down, BUTTON_SPRING_CONFIG);
+		onPressIn?.(event);
+	}, [
+		shouldAnimate,
+		scale,
+		onPressIn
+	]);
+	const handlePressOut = useCallback((event) => {
+		setPressed(false);
+		if (shouldAnimate) scale.value = withSpring(SCALE_EFFECTS.none, BUTTON_SPRING_CONFIG);
+		onPressOut?.(event);
+	}, [
+		shouldAnimate,
+		scale,
+		onPressOut
+	]);
+	const a11yState = useMemo(() => ({
+		disabled: isDisabled,
+		busy: loading
+	}), [isDisabled, loading]);
+	const pressProgress = useDerivedValue(() => withTiming(pressed ? 1 : 0, {
+		duration: 220,
+		easing: Easing.bezier(0, 0, .2, 1)
+	}), [pressed]);
+	const animatedRootStyle = useAnimatedStyle(() => {
+		const shadowPressed = animatedTheme.value.components[`button/variant/${variant}/root/pressed`]?.boxShadow ?? "";
+		return {
+			transform: [{ scale: scale.value }],
+			backgroundColor: withTiming(backgroundColor.value, {
+				duration: 220,
+				easing: Easing.bezier(0, 0, .2, 1)
+			}),
+			borderColor: withTiming(borderColor.value, {
+				duration: 220,
+				easing: Easing.bezier(0, 0, .2, 1)
+			}),
+			boxShadow: interpolateShadowAlpha(shadowPressed, pressProgress.value)
+		};
+	});
+	return /* @__PURE__ */ jsx(AnimatedPressable, {
+		ref,
+		disabled: isDisabled,
+		onPressIn: handlePressIn,
+		onPressOut: handlePressOut,
+		flexDirection: "row",
+		alignItems: "center",
+		justifyContent: "center",
+		overflow: "hidden",
+		accessibilityLabel: loading ? `${accessibilityLabel ?? ""}, loading` : accessibilityLabel,
+		accessibilityHint,
+		accessibilityRole: "button",
+		accessibilityState: a11yState,
+		style: [
+			iconButtonStyles.root,
+			buttonStyles.root,
+			styles.foundation,
+			animatedRootStyle,
+			typeof style === "function" ? style({ pressed }) : style
+		],
+		...props,
+		children: loading ? /* @__PURE__ */ jsx(ActivityIndicator, {
+			size: buttonStyles.icon.fontSize,
+			color: buttonStyles.icon.color
+		}) : /* @__PURE__ */ jsx(Icon, {
+			name,
+			variant: iconVariant,
+			style: buttonStyles.icon
+		})
+	});
+});
+IconButton.displayName = "IconButton";
+
+//#endregion
+export { IconButton };
+//# sourceMappingURL=IconButton.mjs.map

package/dist/components/IconButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.mjs","names":["IconButton","foundationStyles"],"sources":["../../src/components/IconButton.tsx"],"sourcesContent":["import type { ButtonVariantFlat, IconButtonSize, IconVariant } from '@yahoo/uds/tokens';\nimport type { Ref } from 'react';\nimport { memo, useCallback, useMemo, useState } from 'react';\nimport type { View } from 'react-native';\nimport { ActivityIndicator } from 'react-native';\nimport {\n  Easing,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n  withSpring,\n  withTiming,\n} from 'react-native-reanimated';\nimport { useAnimatedTheme, useAnimatedVariantColor } from 'react-native-unistyles/reanimated';\n\nimport { buttonStyles, iconButtonStyles, styles as foundationStyles } from '../../generated/styles';\nimport { BUTTON_SPRING_CONFIG, SCALE_EFFECTS } from '../motion';\nimport type { IconName } from './Icon';\nimport { Icon } from './Icon';\nimport type { PressableProps } from './Pressable';\nimport { AnimatedPressable } from './Pressable';\n\n/* -------------------------------------------------------------------------- */\n/*                              Animation Helpers                              */\n/* -------------------------------------------------------------------------- */\n\nfunction interpolateShadowAlpha(shadow: string, alpha: number): string {\n  'worklet';\n  if (!shadow || alpha >= 1) {\n    return shadow;\n  }\n  if (alpha <= 0) {\n    return '';\n  }\n\n  return shadow.replace(/rgba\\(([^,]+),\\s*([^,]+),\\s*([^,]+),\\s*([^)]+)\\)/g, (_, r, g, b, a) => {\n    const newAlpha = parseFloat(a) * alpha;\n    return `rgba(${r}, ${g}, ${b}, ${newAlpha.toFixed(3)})`;\n  });\n}\n\n/* -------------------------------------------------------------------------- */\n/*                            IconButton Props                                 */\n/* -------------------------------------------------------------------------- */\n\ninterface IconButtonProps extends Omit<PressableProps, 'children'> {\n  /** Icon to render from the icons package. */\n  name: IconName;\n  /** @default 'primary' */\n  variant?: ButtonVariantFlat;\n  /** @default 'md' */\n  size?: IconButtonSize;\n  /** @default 'outline' */\n  iconVariant?: IconVariant;\n  loading?: boolean;\n  /**\n   * Disable motion effects (scale on press, icon animations)\n   * @default false\n   */\n  disableEffects?: boolean;\n  ref?: Ref<View>;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                            IconButton Component                             */\n/* -------------------------------------------------------------------------- */\n\n/**\n * **An icon button element that can be used to trigger an action**\n *\n * Features animated scale effect on press and smooth color transitions\n * matching the web UDS IconButton behavior.\n *\n * @example\n * ```tsx\n * import { IconButton } from '@yahoo/uds-mobile';\n *\n * <IconButton name=\"Add\" onPress={() => console.log('pressed')} />\n * <IconButton name=\"Close\" variant=\"secondary\" size=\"sm\" />\n * <IconButton name=\"Settings\" loading />\n * ```\n */\nconst IconButton = memo(function IconButton({\n  name,\n  variant = 'primary',\n  size = 'md',\n  iconVariant = 'outline',\n  loading,\n  disabled,\n  style,\n  accessibilityLabel,\n  accessibilityHint,\n  disableEffects = false,\n  onPressIn,\n  onPressOut,\n  ref,\n  ...props\n}: IconButtonProps) {\n  const isDisabled = disabled || loading;\n  const shouldAnimate = !disableEffects && !isDisabled;\n\n  /* --------------------------------- State ---------------------------------- */\n  const [pressed, setPressed] = useState(false);\n\n  // Apply layer-based styles with compound variant support\n  iconButtonStyles.useVariants({ size });\n  buttonStyles.useVariants({ variant, disabled: isDisabled, pressed });\n\n  // Animate colors using Unistyles' useAnimatedVariantColor\n  const backgroundColor = useAnimatedVariantColor(buttonStyles.root, 'backgroundColor');\n  const borderColor = useAnimatedVariantColor(buttonStyles.root, 'borderColor');\n\n  // Get animated theme for boxShadow\n  const animatedTheme = useAnimatedTheme();\n\n  /* ------------------------------- Animation -------------------------------- */\n  const scale = useSharedValue<number>(SCALE_EFFECTS.none);\n\n  const handlePressIn = useCallback<NonNullable<PressableProps['onPressIn']>>(\n    (event) => {\n      setPressed(true);\n      if (shouldAnimate) {\n        scale.value = withSpring(SCALE_EFFECTS.down, BUTTON_SPRING_CONFIG);\n      }\n      onPressIn?.(event);\n    },\n    [shouldAnimate, scale, onPressIn],\n  );\n\n  const handlePressOut = useCallback<NonNullable<PressableProps['onPressOut']>>(\n    (event) => {\n      setPressed(false);\n      if (shouldAnimate) {\n        scale.value = withSpring(SCALE_EFFECTS.none, BUTTON_SPRING_CONFIG);\n      }\n      onPressOut?.(event);\n    },\n    [shouldAnimate, scale, onPressOut],\n  );\n\n  const a11yState = useMemo(() => ({ disabled: isDisabled, busy: loading }), [isDisabled, loading]);\n\n  /* --------------------------------- Styles --------------------------------- */\n  // Animate pressed state for shadow\n  const pressProgress = useDerivedValue(\n    () => withTiming(pressed ? 1 : 0, { duration: 220, easing: Easing.bezier(0, 0, 0.2, 1) }),\n    [pressed],\n  );\n\n  // Animate using Unistyles' variant color system + boxShadow from theme\n  const animatedRootStyle = useAnimatedStyle(() => {\n    // Get boxShadow from theme using flattened path (no camelCase conversion needed!)\n    const components = animatedTheme.value.components as unknown as Record<\n      string,\n      Record<string, unknown>\n    >;\n    const shadowPressed =\n      (components[`button/variant/${variant}/root/pressed`]?.boxShadow as string) ?? '';\n\n    return {\n      transform: [{ scale: scale.value }],\n      backgroundColor: withTiming(backgroundColor.value, {\n        duration: 220,\n        easing: Easing.bezier(0, 0, 0.2, 1),\n      }),\n      borderColor: withTiming(borderColor.value, {\n        duration: 220,\n        easing: Easing.bezier(0, 0, 0.2, 1),\n      }),\n      boxShadow: interpolateShadowAlpha(shadowPressed, pressProgress.value),\n    };\n  });\n\n  /* --------------------------------- Render --------------------------------- */\n  return (\n    <AnimatedPressable\n      ref={ref}\n      disabled={isDisabled}\n      onPressIn={handlePressIn}\n      onPressOut={handlePressOut}\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      overflow=\"hidden\"\n      accessibilityLabel={loading ? `${accessibilityLabel ?? ''}, loading` : accessibilityLabel}\n      accessibilityHint={accessibilityHint}\n      accessibilityRole=\"button\"\n      accessibilityState={a11yState}\n      style={[\n        iconButtonStyles.root,\n        buttonStyles.root,\n        foundationStyles.foundation,\n        animatedRootStyle,\n        typeof style === 'function' ? style({ pressed }) : style,\n      ]}\n      {...props}\n    >\n      {loading ? (\n        <ActivityIndicator size={buttonStyles.icon.fontSize} color={buttonStyles.icon.color} />\n      ) : (\n        <Icon name={name} variant={iconVariant} style={buttonStyles.icon} />\n      )}\n    </AnimatedPressable>\n  );\n});\n\nIconButton.displayName = 'IconButton';\n\nexport { IconButton, type IconButtonProps };\n"],"mappings":";;;;;;;;;;;;;AA0BA,SAAS,uBAAuB,QAAgB,OAAuB;AACrE;AACA,KAAI,CAAC,UAAU,SAAS,EACtB,QAAO;AAET,KAAI,SAAS,EACX,QAAO;AAGT,QAAO,OAAO,QAAQ,sDAAsD,GAAG,GAAG,GAAG,GAAG,MAAM;AAE5F,SAAO,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KADZ,WAAW,EAAE,GAAG,OACS,QAAQ,EAAE,CAAC;GACrD;;;;;;;;;;;;;;;;;AA4CJ,MAAM,aAAa,KAAK,SAASA,aAAW,EAC1C,MACA,UAAU,WACV,OAAO,MACP,cAAc,WACd,SACA,UACA,OACA,oBACA,mBACA,iBAAiB,OACjB,WACA,YACA,KACA,GAAG,SACe;CAClB,MAAM,aAAa,YAAY;CAC/B,MAAM,gBAAgB,CAAC,kBAAkB,CAAC;CAG1C,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;AAG7C,kBAAiB,YAAY,EAAE,MAAM,CAAC;AACtC,cAAa,YAAY;EAAE;EAAS,UAAU;EAAY;EAAS,CAAC;CAGpE,MAAM,kBAAkB,wBAAwB,aAAa,MAAM,kBAAkB;CACrF,MAAM,cAAc,wBAAwB,aAAa,MAAM,cAAc;CAG7E,MAAM,gBAAgB,kBAAkB;CAGxC,MAAM,QAAQ,eAAuB,cAAc,KAAK;CAExD,MAAM,gBAAgB,aACnB,UAAU;AACT,aAAW,KAAK;AAChB,MAAI,cACF,OAAM,QAAQ,WAAW,cAAc,MAAM,qBAAqB;AAEpE,cAAY,MAAM;IAEpB;EAAC;EAAe;EAAO;EAAU,CAClC;CAED,MAAM,iBAAiB,aACpB,UAAU;AACT,aAAW,MAAM;AACjB,MAAI,cACF,OAAM,QAAQ,WAAW,cAAc,MAAM,qBAAqB;AAEpE,eAAa,MAAM;IAErB;EAAC;EAAe;EAAO;EAAW,CACnC;CAED,MAAM,YAAY,eAAe;EAAE,UAAU;EAAY,MAAM;EAAS,GAAG,CAAC,YAAY,QAAQ,CAAC;CAIjG,MAAM,gBAAgB,sBACd,WAAW,UAAU,IAAI,GAAG;EAAE,UAAU;EAAK,QAAQ,OAAO,OAAO,GAAG,GAAG,IAAK,EAAE;EAAE,CAAC,EACzF,CAAC,QAAQ,CACV;CAGD,MAAM,oBAAoB,uBAAuB;EAM/C,MAAM,gBAJa,cAAc,MAAM,WAKzB,kBAAkB,QAAQ,iBAAiB,aAAwB;AAEjF,SAAO;GACL,WAAW,CAAC,EAAE,OAAO,MAAM,OAAO,CAAC;GACnC,iBAAiB,WAAW,gBAAgB,OAAO;IACjD,UAAU;IACV,QAAQ,OAAO,OAAO,GAAG,GAAG,IAAK,EAAE;IACpC,CAAC;GACF,aAAa,WAAW,YAAY,OAAO;IACzC,UAAU;IACV,QAAQ,OAAO,OAAO,GAAG,GAAG,IAAK,EAAE;IACpC,CAAC;GACF,WAAW,uBAAuB,eAAe,cAAc,MAAM;GACtE;GACD;AAGF,QACE,oBAAC;EACM;EACL,UAAU;EACV,WAAW;EACX,YAAY;EACZ,eAAc;EACd,YAAW;EACX,gBAAe;EACf,UAAS;EACT,oBAAoB,UAAU,GAAG,sBAAsB,GAAG,aAAa;EACpD;EACnB,mBAAkB;EAClB,oBAAoB;EACpB,OAAO;GACL,iBAAiB;GACjB,aAAa;GACbC,OAAiB;GACjB;GACA,OAAO,UAAU,aAAa,MAAM,EAAE,SAAS,CAAC,GAAG;GACpD;EACD,GAAI;YAEH,UACC,oBAAC;GAAkB,MAAM,aAAa,KAAK;GAAU,OAAO,aAAa,KAAK;IAAS,GAEvF,oBAAC;GAAW;GAAM,SAAS;GAAa,OAAO,aAAa;IAAQ;GAEpD;EAEtB;AAEF,WAAW,cAAc"}

package/dist/components/IconSlot.cjs

@@ -0,0 +1,55 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_components_Icon = require('./Icon.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lodash_es = require("lodash-es");
+
+//#region src/components/IconSlot.tsx
+/**
+* **🔌 A helper container to render icons flexibly**
+*
+* @description
+* Useful in components that use icons and have a startIcon and endIcon. It allows
+* consumers to pass in a standard UDS icon name, an Icon component, or a render function
+* for custom rendering.
+*
+* @example
+* ```tsx
+* import { IconSlot } from '@yahoo/uds-mobile';
+*
+* // Using icon name (preferred - stable reference, no useMemo needed)
+* <IconSlot icon="Info" size="md" variant="fill" />
+*
+* // Using Icon component
+* <IconSlot icon={<Icon name="Info" variant="fill" />} />
+*
+* // Using render function
+* <IconSlot icon={(props) => <Icon name="Info" {...props} variant="fill" />} />
+* ```
+*
+* @usage
+* - Pass icon name for simple usage
+* - Pass Icon component for custom props
+* - Pass function for dynamic rendering
+*/
+const IconSlot = (0, react.memo)(function IconSlot$1({ icon, ref, ...props }) {
+	if (!icon) return null;
+	if (typeof icon === "string") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
+		ref,
+		name: icon,
+		...props
+	});
+	if ((0, lodash_es.isFunction)(icon)) {
+		const iconEl = icon(props);
+		return (0, react.isValidElement)(iconEl) ? (0, react.cloneElement)(iconEl, { ...props }) : null;
+	}
+	return (0, react.isValidElement)(icon) ? (0, react.cloneElement)(icon, {
+		...props,
+		...icon.props
+	}) : null;
+});
+IconSlot.displayName = "IconSlot";
+
+//#endregion
+exports.IconSlot = IconSlot;

package/dist/components/IconSlot.d.cts

@@ -0,0 +1,45 @@
+
+import { IconName, IconProps } from "./Icon.cjs";
+import * as react8 from "react";
+import { ReactElement, Ref } from "react";
+import { Text } from "react-native";
+
+//#region src/components/IconSlot.d.ts
+type IconPropsWithoutName = Omit<IconProps, 'name'>;
+type IconSlotType = IconName | ReactElement<IconProps> | ((iconProps: IconPropsWithoutName) => ReactElement<IconProps>);
+interface IconSlotProps extends IconPropsWithoutName {
+  ref?: Ref<Text>;
+  /** The icon to render. Can be a UDS icon, an Icon component, ReactNode, or a function that returns a ReactNode. */
+  icon?: IconSlotType;
+}
+/**
+ * **🔌 A helper container to render icons flexibly**
+ *
+ * @description
+ * Useful in components that use icons and have a startIcon and endIcon. It allows
+ * consumers to pass in a standard UDS icon name, an Icon component, or a render function
+ * for custom rendering.
+ *
+ * @example
+ * ```tsx
+ * import { IconSlot } from '@yahoo/uds-mobile';
+ *
+ * // Using icon name (preferred - stable reference, no useMemo needed)
+ * <IconSlot icon="Info" size="md" variant="fill" />
+ *
+ * // Using Icon component
+ * <IconSlot icon={<Icon name="Info" variant="fill" />} />
+ *
+ * // Using render function
+ * <IconSlot icon={(props) => <Icon name="Info" {...props} variant="fill" />} />
+ * ```
+ *
+ * @usage
+ * - Pass icon name for simple usage
+ * - Pass Icon component for custom props
+ * - Pass function for dynamic rendering
+ */
+declare const IconSlot: react8.NamedExoticComponent<IconSlotProps>;
+//#endregion
+export { IconSlot, type IconSlotProps, type IconSlotType };
+//# sourceMappingURL=IconSlot.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconSlot.d.cts","names":[],"sources":["../../src/components/IconSlot.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAOK,oBAAA,GAAuB,KAAK;KAE5B,YAAA,GACD,WACA,aAAa,0BACA,yBAAyB,aAAa;UAE7C,aAAA,SAAsB;EAP3B,GAAA,CAAA,EAQG,GARH,CAQO,IARP,CAAA;EAEA;EACD,IAAA,CAAA,EAOK,YAPL;;;;;;;AAEkD;;;;;;AAEF;;;;;;;;;;;;;;;;cAkC9C,UAAQ,MAAA,CAAA,qBAAA"}

package/dist/components/IconSlot.d.mts

@@ -0,0 +1,45 @@
+
+import { IconName, IconProps } from "./Icon.mjs";
+import * as react1 from "react";
+import { ReactElement, Ref } from "react";
+import { Text } from "react-native";
+
+//#region src/components/IconSlot.d.ts
+type IconPropsWithoutName = Omit<IconProps, 'name'>;
+type IconSlotType = IconName | ReactElement<IconProps> | ((iconProps: IconPropsWithoutName) => ReactElement<IconProps>);
+interface IconSlotProps extends IconPropsWithoutName {
+  ref?: Ref<Text>;
+  /** The icon to render. Can be a UDS icon, an Icon component, ReactNode, or a function that returns a ReactNode. */
+  icon?: IconSlotType;
+}
+/**
+ * **🔌 A helper container to render icons flexibly**
+ *
+ * @description
+ * Useful in components that use icons and have a startIcon and endIcon. It allows
+ * consumers to pass in a standard UDS icon name, an Icon component, or a render function
+ * for custom rendering.
+ *
+ * @example
+ * ```tsx
+ * import { IconSlot } from '@yahoo/uds-mobile';
+ *
+ * // Using icon name (preferred - stable reference, no useMemo needed)
+ * <IconSlot icon="Info" size="md" variant="fill" />
+ *
+ * // Using Icon component
+ * <IconSlot icon={<Icon name="Info" variant="fill" />} />
+ *
+ * // Using render function
+ * <IconSlot icon={(props) => <Icon name="Info" {...props} variant="fill" />} />
+ * ```
+ *
+ * @usage
+ * - Pass icon name for simple usage
+ * - Pass Icon component for custom props
+ * - Pass function for dynamic rendering
+ */
+declare const IconSlot: react1.NamedExoticComponent<IconSlotProps>;
+//#endregion
+export { IconSlot, type IconSlotProps, type IconSlotType };
+//# sourceMappingURL=IconSlot.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconSlot.d.mts","names":[],"sources":["../../src/components/IconSlot.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAOK,oBAAA,GAAuB,KAAK;KAE5B,YAAA,GACD,WACA,aAAa,0BACA,yBAAyB,aAAa;UAE7C,aAAA,SAAsB;EAP3B,GAAA,CAAA,EAQG,GARH,CAQO,IARP,CAAA;EAEA;EACD,IAAA,CAAA,EAOK,YAPL;;;;;;;AAEkD;;;;;;AAEF;;;;;;;;;;;;;;;;cAkC9C,UAAQ,MAAA,CAAA,qBAAA"}

package/dist/components/IconSlot.mjs

@@ -0,0 +1,55 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { Icon } from "./Icon.mjs";
+import { cloneElement, isValidElement, memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { isFunction } from "lodash-es";
+
+//#region src/components/IconSlot.tsx
+/**
+* **🔌 A helper container to render icons flexibly**
+*
+* @description
+* Useful in components that use icons and have a startIcon and endIcon. It allows
+* consumers to pass in a standard UDS icon name, an Icon component, or a render function
+* for custom rendering.
+*
+* @example
+* ```tsx
+* import { IconSlot } from '@yahoo/uds-mobile';
+*
+* // Using icon name (preferred - stable reference, no useMemo needed)
+* <IconSlot icon="Info" size="md" variant="fill" />
+*
+* // Using Icon component
+* <IconSlot icon={<Icon name="Info" variant="fill" />} />
+*
+* // Using render function
+* <IconSlot icon={(props) => <Icon name="Info" {...props} variant="fill" />} />
+* ```
+*
+* @usage
+* - Pass icon name for simple usage
+* - Pass Icon component for custom props
+* - Pass function for dynamic rendering
+*/
+const IconSlot = memo(function IconSlot$1({ icon, ref, ...props }) {
+	if (!icon) return null;
+	if (typeof icon === "string") return /* @__PURE__ */ jsx(Icon, {
+		ref,
+		name: icon,
+		...props
+	});
+	if (isFunction(icon)) {
+		const iconEl = icon(props);
+		return isValidElement(iconEl) ? cloneElement(iconEl, { ...props }) : null;
+	}
+	return isValidElement(icon) ? cloneElement(icon, {
+		...props,
+		...icon.props
+	}) : null;
+});
+IconSlot.displayName = "IconSlot";
+
+//#endregion
+export { IconSlot };
+//# sourceMappingURL=IconSlot.mjs.map

package/dist/components/IconSlot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSlot.mjs","names":["IconSlot"],"sources":["../../src/components/IconSlot.tsx"],"sourcesContent":["import { isFunction } from 'lodash-es';\nimport type { ReactElement, Ref } from 'react';\nimport { cloneElement, isValidElement, memo } from 'react';\nimport type { Text as RNText } from 'react-native';\n\nimport type { IconName, IconProps } from './Icon';\nimport { Icon } from './Icon';\ntype IconPropsWithoutName = Omit<IconProps, 'name'>;\n\ntype IconSlotType =\n  | IconName\n  | ReactElement<IconProps>\n  | ((iconProps: IconPropsWithoutName) => ReactElement<IconProps>);\n\ninterface IconSlotProps extends IconPropsWithoutName {\n  ref?: Ref<RNText>;\n  /** The icon to render. Can be a UDS icon, an Icon component, ReactNode, or a function that returns a ReactNode. */\n  icon?: IconSlotType;\n  /** Props to spread onto the icon. */\n}\n\n/**\n * **🔌 A helper container to render icons flexibly**\n *\n * @description\n * Useful in components that use icons and have a startIcon and endIcon. It allows\n * consumers to pass in a standard UDS icon name, an Icon component, or a render function\n * for custom rendering.\n *\n * @example\n * ```tsx\n * import { IconSlot } from '@yahoo/uds-mobile';\n *\n * // Using icon name (preferred - stable reference, no useMemo needed)\n * <IconSlot icon=\"Info\" size=\"md\" variant=\"fill\" />\n *\n * // Using Icon component\n * <IconSlot icon={<Icon name=\"Info\" variant=\"fill\" />} />\n *\n * // Using render function\n * <IconSlot icon={(props) => <Icon name=\"Info\" {...props} variant=\"fill\" />} />\n * ```\n *\n * @usage\n * - Pass icon name for simple usage\n * - Pass Icon component for custom props\n * - Pass function for dynamic rendering\n */\nconst IconSlot = memo(function IconSlot({ icon, ref, ...props }: IconSlotProps) {\n  if (!icon) {\n    return null;\n  }\n\n  if (typeof icon === 'string') {\n    return <Icon ref={ref} name={icon} {...props} />;\n  }\n\n  if (isFunction(icon)) {\n    const iconEl = icon(props);\n    return isValidElement(iconEl) ? cloneElement(iconEl, { ...props } as Partial<IconProps>) : null;\n  }\n\n  return isValidElement(icon)\n    ? cloneElement(icon, {\n        ...props,\n        ...icon.props, // user's props on <Icon>\n      } as Partial<IconProps>)\n    : null;\n});\n\nIconSlot.displayName = 'IconSlot';\n\nexport { IconSlot, type IconSlotProps, type IconSlotType };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,MAAM,WAAW,KAAK,SAASA,WAAS,EAAE,MAAM,KAAK,GAAG,SAAwB;AAC9E,KAAI,CAAC,KACH,QAAO;AAGT,KAAI,OAAO,SAAS,SAClB,QAAO,oBAAC;EAAU;EAAK,MAAM;EAAM,GAAI;GAAS;AAGlD,KAAI,WAAW,KAAK,EAAE;EACpB,MAAM,SAAS,KAAK,MAAM;AAC1B,SAAO,eAAe,OAAO,GAAG,aAAa,QAAQ,EAAE,GAAG,OAAO,CAAuB,GAAG;;AAG7F,QAAO,eAAe,KAAK,GACvB,aAAa,MAAM;EACjB,GAAG;EACH,GAAG,KAAK;EACT,CAAuB,GACxB;EACJ;AAEF,SAAS,cAAc"}

package/dist/components/Image.cjs

@@ -0,0 +1,104 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+let react_native = require("react-native");
+let generated_styles = require("../../generated/styles");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/Image.tsx
+const CONTENT_FIT_TO_RESIZE_MODE = {
+	cover: "cover",
+	contain: "contain",
+	fill: "stretch",
+	none: "center",
+	"scale-down": "contain"
+};
+/**
+* **A component for displaying images**
+*
+* @description
+* Wrapper for the React Native Image component with UDS styling props.
+*
+* @example
+* ```tsx
+* import { Image } from '~/components/ui/Image';
+*
+* <Image src="https://example.com/image.png" width={200} height={150} />
+* <Image src={require('./local-image.png')} contentFit="cover" borderRadius="md" />
+* ```
+*/
+const Image = (0, react.memo)(function Image$1({ src, alt, width, height, contentFit = "cover", style, 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, ref, ...props }) {
+	generated_styles.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
+	});
+	const source = (0, react.useMemo)(() => typeof src === "string" ? { uri: src } : src, [src]);
+	const imageStyles = (0, react.useMemo)(() => [
+		generated_styles.styles.foundation,
+		{
+			width,
+			height
+		},
+		style
+	], [
+		generated_styles.styles.foundation,
+		width,
+		height,
+		style
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Image, {
+		ref,
+		source,
+		accessibilityLabel: alt,
+		resizeMode: CONTENT_FIT_TO_RESIZE_MODE[contentFit],
+		style: imageStyles,
+		...props
+	});
+});
+Image.displayName = "Image";
+
+//#endregion
+exports.Image = Image;

package/dist/components/Image.d.cts

@@ -0,0 +1,85 @@
+
+import { UniversalImageProps } from "../uds/dist/tokens/types.cjs";
+import * as react15 from "react";
+import { Ref } from "react";
+import { Image as Image$1, ImageProps as ImageProps$1 } from "react-native";
+import { StyleProps } from "../../generated/styles";
+
+//#region src/components/Image.d.ts
+type ContentFit = NonNullable<UniversalImageProps['contentFit']>;
+interface ImageProps extends Omit<ImageProps$1, 'source' | 'src' | 'width' | 'height' | 'borderRadius'> {
+  ref?: Ref<Image$1>;
+  /** Image source URL or require() */
+  src: UniversalImageProps['src'];
+  /** Alt text for accessibility */
+  alt?: string;
+  /** Image width */
+  width?: number;
+  /** Image height */
+  height?: number;
+  /** How to fit the image within its container */
+  contentFit?: ContentFit;
+  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'];
+}
+/**
+ * **A component for displaying images**
+ *
+ * @description
+ * Wrapper for the React Native Image component with UDS styling props.
+ *
+ * @example
+ * ```tsx
+ * import { Image } from '~/components/ui/Image';
+ *
+ * <Image src="https://example.com/image.png" width={200} height={150} />
+ * <Image src={require('./local-image.png')} contentFit="cover" borderRadius="md" />
+ * ```
+ */
+declare const Image: react15.NamedExoticComponent<ImageProps>;
+//#endregion
+export { Image, type ImageProps };
+//# sourceMappingURL=Image.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.cts","names":[],"sources":["../../src/components/Image.tsx"],"sourcesContent":[],"mappings":";;;;;;;;KASK,UAAA,GAAa,YAAY;UAUpB,UAAA,SAAmB,KAC3B;EAXG,GAAA,CAAA,EAcG,GAdH,CAcO,OAdG,CAAA;EAUL;EACR,GAAA,EAKK,mBALL,CAAA,KAAA,CAAA;EAGU;EAAJ,GAAA,CAAA,EAAA,MAAA;EAED;EAQQ,KAAA,CAAA,EAAA,MAAA;EAEK;EAEH,MAAA,CAAA,EAAA,MAAA;EACQ;EACF,UAAA,CAAA,EANR,UAMQ;EACK,eAAA,CAAA,EALR,UAKQ,CAAA,iBAAA,CAAA;EACF,YAAA,CAAA,EAJT,UAIS,CAAA,cAAA,CAAA;EACV,oBAAA,CAAA,EAJS,UAIT,CAAA,sBAAA,CAAA;EACK,kBAAA,CAAA,EAJE,UAIF,CAAA,oBAAA,CAAA;EACF,uBAAA,CAAA,EAJS,UAIT,CAAA,yBAAA,CAAA;EACA,qBAAA,CAAA,EAJO,UAIP,CAAA,uBAAA,CAAA;EACG,WAAA,CAAA,EAJN,UAIM,CAAA,aAAA,CAAA;EACN,gBAAA,CAAA,EAJK,UAIL,CAAA,kBAAA,CAAA;EACQ,cAAA,CAAA,EAJL,UAIK,CAAA,gBAAA,CAAA;EACE,cAAA,CAAA,EAJP,UAIO,CAAA,gBAAA,CAAA;EACL,iBAAA,CAAA,EAJC,UAID,CAAA,mBAAA,CAAA;EACF,WAAA,CAAA,EAJH,UAIG,CAAA,aAAA,CAAA;EACA,mBAAA,CAAA,EAJK,UAIL,CAAA,qBAAA,CAAA;EACG,qBAAA,CAAA,EAJI,UAIJ,CAAA,uBAAA,CAAA;EAEL,gBAAA,CAAA,EALI,UAKJ,CAAA,kBAAA,CAAA;EACF,cAAA,CAAA,EALI,UAKJ,CAAA,gBAAA,CAAA;EACD,cAAA,CAAA,EALK,UAKL,CAAA,gBAAA,CAAA;EACL,iBAAA,CAAA,EALa,UAKb,CAAA,mBAAA,CAAA;EACS,YAAA,CAAA,EAJD,UAIC,CAAA,cAAA,CAAA;EACL,UAAA,CAAA,EAJE,UAIF,CAAA,YAAA,CAAA;EACE,SAAA,CAAA,EAJD,UAIC,CAAA,WAAA,CAAA;EACF,IAAA,CAAA,EAJJ,UAII,CAAA,MAAA,CAAA;EACM,aAAA,CAAA,EAJD,UAIC,CAAA,eAAA,CAAA;EAEP,QAAA,CAAA,EALC,UAKD,CAAA,UAAA,CAAA;EACC,UAAA,CAAA,EALE,UAKF,CAAA,YAAA,CAAA;EAED,QAAA,CAAA,EANC,UAMD,CAAA,UAAA,CAAA;EACU,cAAA,CAAA,EANH,UAMG,CAAA,gBAAA,CAAA;EACF,OAAA,CAAA,EALR,UAKQ,CAAA,SAAA,CAAA;EACF,QAAA,CAAA,EALL,UAKK,CAAA,UAAA,CAAA;EACH,OAAA,CAAA,EAJH,UAIG,CAAA,SAAA,CAAA;EACE,iBAAA,CAAA,EAJK,UAIL,CAAA,mBAAA,CAAA;EACF,eAAA,CAAA,EAJK,UAIL,CAAA,iBAAA,CAAA;EACJ,aAAA,CAAA,EAJO,UAIP,CAAA,eAAA,CAAA;EACQ,UAAA,CAAA,EAJJ,UAII,CAAA,YAAA,CAAA;EACE,YAAA,CAAA,EAJJ,UAII,CAAA,cAAA,CAAA;EACJ,UAAA,CAAA,EAJF,UAIE,CAAA,YAAA,CAAA;EACH,MAAA,CAAA,EAJH,UAIG,CAAA,QAAA,CAAA;EACE,cAAA,CAAA,EAJG,UAIH,CAAA,gBAAA,CAAA;EACF,gBAAA,CAAA,EAJO,UAIP,CAAA,kBAAA,CAAA;EACA,YAAA,CAAA,EAJG,UAIH,CAAA,cAAA,CAAA;EACH,SAAA,CAAA,EAJG,UAIH,CAAA,WAAA,CAAA;EAhEkB,WAAA,CAAA,EA6Db,UA7Da,CAAA,aAAA,CAAA;EAAI,SAAA,CAAA,EA8DnB,UA9DmB,CAAA,WAAA,CAAA;EAiF3B,SAmIJ,CAAA,EArJY,UAkBH,CAAA,WAAA,CAAA;WAjBA;;;;;;;;;;;;;;;;cAiBL,OAAK,OAAA,CAAA,qBAAA"}

package/dist/components/Image.d.mts

@@ -0,0 +1,85 @@
+
+import { UniversalImageProps } from "../uds/dist/tokens/types.mjs";
+import * as react7 from "react";
+import { Ref } from "react";
+import { Image as Image$1, ImageProps as ImageProps$1 } from "react-native";
+import { StyleProps } from "../../generated/styles";
+
+//#region src/components/Image.d.ts
+type ContentFit = NonNullable<UniversalImageProps['contentFit']>;
+interface ImageProps extends Omit<ImageProps$1, 'source' | 'src' | 'width' | 'height' | 'borderRadius'> {
+  ref?: Ref<Image$1>;
+  /** Image source URL or require() */
+  src: UniversalImageProps['src'];
+  /** Alt text for accessibility */
+  alt?: string;
+  /** Image width */
+  width?: number;
+  /** Image height */
+  height?: number;
+  /** How to fit the image within its container */
+  contentFit?: ContentFit;
+  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'];
+}
+/**
+ * **A component for displaying images**
+ *
+ * @description
+ * Wrapper for the React Native Image component with UDS styling props.
+ *
+ * @example
+ * ```tsx
+ * import { Image } from '~/components/ui/Image';
+ *
+ * <Image src="https://example.com/image.png" width={200} height={150} />
+ * <Image src={require('./local-image.png')} contentFit="cover" borderRadius="md" />
+ * ```
+ */
+declare const Image: react7.NamedExoticComponent<ImageProps>;
+//#endregion
+export { Image, type ImageProps };
+//# sourceMappingURL=Image.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.mts","names":[],"sources":["../../src/components/Image.tsx"],"sourcesContent":[],"mappings":"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"}