@yahoo/uds-mobile 2.8.0 → 2.10.0

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","names":[],"sources":["../../src/components/Badge.tsx"],"mappings":";;;;;;;;UAWU,UAAA,SAAmB,SAAA;;EAE3B,OAAA,GAAU,YAAA;EAFF;EAIR,IAAA,GAAO,SAAA;;EAEP,QAAA;EAFO;EAIP,QAAA;EAIU;EAFV,SAAA,GAAY,YAAA;EAYN;EAVN,OAAA,GAAU,YAAA;EAZ0B;EAcpC,6BAAA;EAd2B;EAgB3B,mBAAA;EAdU;EAgBV,yBAAA;EAdO;EAgBP,uBAAA;EAZA;EAcA,GAAA,GAAM,GAAA,CAAI,IAAA;AAAA;;;;;;;;;;;;AAAI;;;;;;;;;;;;;;cA4BV,KAAA,EAAK,KAAA,CAAA,oBAAA,CAAA,UAAA"}
+{"version":3,"file":"Badge.d.ts","names":[],"sources":["../../src/components/Badge.tsx"],"mappings":";;;;;;;;UAWU,UAAA,SAAmB,SAAA;;EAE3B,OAAA,GAAU,YAAA;EAFF;EAIR,IAAA,GAAO,SAAA;;EAEP,QAAA;EAFO;EAIP,QAAA;EAIU;EAFV,SAAA,GAAY,YAAA;EAYN;EAVN,OAAA,GAAU,YAAA;EAZ0B;EAcpC,6BAAA;EAd2B;EAgB3B,mBAAA;EAdU;EAgBV,yBAAA;EAdO;EAgBP,uBAAA;EAZA;EAcA,GAAA,GAAM,GAAA,CAAI,IAAA;AAAA;;;;;;;;;;;;AAAI;;;;;;;;;;;;;;cA4BV,KAAA,EAAK,OAAA,CAAA,oBAAA,CAAA,UAAA"}

package/dist/components/Badge.js

@@ -5,7 +5,6 @@ import { HStack } from "./HStack.js";
 import { memo, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { badgeStyles } from "../../generated/styles";
-
 //#region src/components/Badge.tsx
 /**
 * **A badge component for status indicators**
@@ -72,7 +71,7 @@ const Badge = memo(function Badge({ variant = "primary", size = "md", minWidth,
 	});
 });
 Badge.displayName = "Badge";
-
 //#endregion
 export { Badge };
+
 //# sourceMappingURL=Badge.js.map

package/dist/components/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":[],"sources":["../../src/components/Badge.tsx"],"sourcesContent":["import type { BadgeSize, BadgeVariant } from '@yahoo/uds-types';\nimport type { Ref } from 'react';\nimport { memo, useMemo } from 'react';\nimport type { View, ViewProps } from 'react-native';\n\nimport { badgeStyles } from '../../generated/styles';\nimport { HStack } from './HStack';\nimport type { IconSlotType } from './IconSlot';\nimport { IconSlot } from './IconSlot';\nimport { Text } from './Text';\n\ninterface BadgeProps extends ViewProps {\n  /** The visual style variant of the badge. @default 'primary' */\n  variant?: BadgeVariant;\n  /** The size of the badge. @default 'md' */\n  size?: BadgeSize;\n  /** Minimum width of the badge in pixels. */\n  minWidth?: number;\n  /** Maximum width of the badge in pixels. @default 200 */\n  maxWidth?: number;\n  /** Icon to display at the start of the badge. */\n  startIcon?: IconSlotType;\n  /** Icon to display at the end of the badge. */\n  endIcon?: IconSlotType;\n  /** Override the background color. Use sparingly. */\n  dangerouslySetBackgroundColor?: string;\n  /** Override the text color. Use sparingly. */\n  dangerouslySetColor?: string;\n  /** Override the border color. Use sparingly. */\n  dangerouslySetBorderColor?: string;\n  /** Override the icon color. Use sparingly. */\n  dangerouslySetIconColor?: string;\n  /** Ref to the underlying View component. */\n  ref?: Ref<View>;\n}\n\n/**\n * **A badge component for status indicators**\n *\n * @description\n * Badges show notifications, counts, or status information on navigation items and icons.\n *\n * @category Display\n * @platform mobile\n *\n * @example\n * ```tsx\n * import { Badge } from '@yahoo/uds-mobile';\n *\n * <Badge>Label</Badge>\n * <Badge variant=\"brand\" size=\"sm\">New</Badge>\n * <Badge variant=\"alert\" startIcon=\"Warning\">Error</Badge>\n * ```\n *\n * @accessibility\n * - Badge content is read by screen readers\n * - Use descriptive text for status indicators\n * - Consider `accessibilityLabel` for icon-only badges\n *\n * @see {@link Chip} for interactive tag-like elements\n */\nconst Badge = memo(function Badge({\n  variant = 'primary',\n  size = 'md',\n  minWidth,\n  maxWidth = 200,\n  startIcon,\n  endIcon,\n  dangerouslySetBackgroundColor,\n  dangerouslySetColor,\n  dangerouslySetIconColor,\n  dangerouslySetBorderColor,\n  children,\n  style,\n  ref,\n  ...rest\n}: BadgeProps) {\n  badgeStyles.useVariants({ size, variant });\n  const rootStyles = useMemo(() => [badgeStyles.root, style], [style, badgeStyles.root]);\n\n  return (\n    <HStack\n      ref={ref}\n      alignItems=\"center\"\n      overflow=\"hidden\"\n      alignSelf=\"flex-start\"\n      maxWidth={maxWidth}\n      minWidth={minWidth}\n      dangerouslySetBackgroundColor={dangerouslySetBackgroundColor}\n      dangerouslySetBorderColor={dangerouslySetBorderColor}\n      // Cannot memoize - styles contain theme-reactive values\n      style={rootStyles}\n      {...rest}\n    >\n      {startIcon && (\n        <IconSlot\n          icon={startIcon}\n          variant=\"fill\"\n          dangerouslySetColor={dangerouslySetIconColor}\n          style={badgeStyles.icon}\n        />\n      )}\n      <Text\n        numberOfLines={1}\n        flexShrink=\"1\"\n        dangerouslySetColor={dangerouslySetColor}\n        style={badgeStyles.text}\n      >\n        {children}\n      </Text>\n      {endIcon && (\n        <IconSlot\n          icon={endIcon}\n          variant=\"fill\"\n          dangerouslySetColor={dangerouslySetIconColor}\n          style={badgeStyles.icon}\n        />\n      )}\n    </HStack>\n  );\n});\n\nBadge.displayName = 'Badge';\n\nexport { Badge, type BadgeProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,MAAM,QAAQ,KAAK,SAAS,MAAM,EAChC,UAAU,WACV,OAAO,MACP,UACA,WAAW,KACX,WACA,SACA,+BACA,qBACA,yBACA,2BACA,UACA,OACA,KACA,GAAG,QACU;AACb,aAAY,YAAY;EAAE;EAAM;EAAS,CAAC;AAG1C,QACE,qBAAC;EACM;EACL,YAAW;EACX,UAAS;EACT,WAAU;EACA;EACA;EACqB;EACJ;EAE3B,OAbe,cAAc,CAAC,YAAY,MAAM,MAAM,EAAE,CAAC,OAAO,YAAY,KAAK,CAAC;EAclF,GAAI;;GAEH,aACC,oBAAC;IACC,MAAM;IACN,SAAQ;IACR,qBAAqB;IACrB,OAAO,YAAY;KACnB;GAEJ,oBAAC;IACC,eAAe;IACf,YAAW;IACU;IACrB,OAAO,YAAY;IAElB;KACI;GACN,WACC,oBAAC;IACC,MAAM;IACN,SAAQ;IACR,qBAAqB;IACrB,OAAO,YAAY;KACnB;;GAEG;EAEX;AAEF,MAAM,cAAc"}
+{"version":3,"file":"Badge.js","names":[],"sources":["../../src/components/Badge.tsx"],"sourcesContent":["import type { BadgeSize, BadgeVariant } from '@yahoo/uds-types';\nimport type { Ref } from 'react';\nimport { memo, useMemo } from 'react';\nimport type { View, ViewProps } from 'react-native';\n\nimport { badgeStyles } from '../../generated/styles';\nimport { HStack } from './HStack';\nimport type { IconSlotType } from './IconSlot';\nimport { IconSlot } from './IconSlot';\nimport { Text } from './Text';\n\ninterface BadgeProps extends ViewProps {\n  /** The visual style variant of the badge. @default 'primary' */\n  variant?: BadgeVariant;\n  /** The size of the badge. @default 'md' */\n  size?: BadgeSize;\n  /** Minimum width of the badge in pixels. */\n  minWidth?: number;\n  /** Maximum width of the badge in pixels. @default 200 */\n  maxWidth?: number;\n  /** Icon to display at the start of the badge. */\n  startIcon?: IconSlotType;\n  /** Icon to display at the end of the badge. */\n  endIcon?: IconSlotType;\n  /** Override the background color. Use sparingly. */\n  dangerouslySetBackgroundColor?: string;\n  /** Override the text color. Use sparingly. */\n  dangerouslySetColor?: string;\n  /** Override the border color. Use sparingly. */\n  dangerouslySetBorderColor?: string;\n  /** Override the icon color. Use sparingly. */\n  dangerouslySetIconColor?: string;\n  /** Ref to the underlying View component. */\n  ref?: Ref<View>;\n}\n\n/**\n * **A badge component for status indicators**\n *\n * @description\n * Badges show notifications, counts, or status information on navigation items and icons.\n *\n * @category Display\n * @platform mobile\n *\n * @example\n * ```tsx\n * import { Badge } from '@yahoo/uds-mobile';\n *\n * <Badge>Label</Badge>\n * <Badge variant=\"brand\" size=\"sm\">New</Badge>\n * <Badge variant=\"alert\" startIcon=\"Warning\">Error</Badge>\n * ```\n *\n * @accessibility\n * - Badge content is read by screen readers\n * - Use descriptive text for status indicators\n * - Consider `accessibilityLabel` for icon-only badges\n *\n * @see {@link Chip} for interactive tag-like elements\n */\nconst Badge = memo(function Badge({\n  variant = 'primary',\n  size = 'md',\n  minWidth,\n  maxWidth = 200,\n  startIcon,\n  endIcon,\n  dangerouslySetBackgroundColor,\n  dangerouslySetColor,\n  dangerouslySetIconColor,\n  dangerouslySetBorderColor,\n  children,\n  style,\n  ref,\n  ...rest\n}: BadgeProps) {\n  badgeStyles.useVariants({ size, variant });\n  const rootStyles = useMemo(() => [badgeStyles.root, style], [style, badgeStyles.root]);\n\n  return (\n    <HStack\n      ref={ref}\n      alignItems=\"center\"\n      overflow=\"hidden\"\n      alignSelf=\"flex-start\"\n      maxWidth={maxWidth}\n      minWidth={minWidth}\n      dangerouslySetBackgroundColor={dangerouslySetBackgroundColor}\n      dangerouslySetBorderColor={dangerouslySetBorderColor}\n      // Cannot memoize - styles contain theme-reactive values\n      style={rootStyles}\n      {...rest}\n    >\n      {startIcon && (\n        <IconSlot\n          icon={startIcon}\n          variant=\"fill\"\n          dangerouslySetColor={dangerouslySetIconColor}\n          style={badgeStyles.icon}\n        />\n      )}\n      <Text\n        numberOfLines={1}\n        flexShrink=\"1\"\n        dangerouslySetColor={dangerouslySetColor}\n        style={badgeStyles.text}\n      >\n        {children}\n      </Text>\n      {endIcon && (\n        <IconSlot\n          icon={endIcon}\n          variant=\"fill\"\n          dangerouslySetColor={dangerouslySetIconColor}\n          style={badgeStyles.icon}\n        />\n      )}\n    </HStack>\n  );\n});\n\nBadge.displayName = 'Badge';\n\nexport { Badge, type BadgeProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,MAAM,QAAQ,KAAK,SAAS,MAAM,EAChC,UAAU,WACV,OAAO,MACP,UACA,WAAW,KACX,WACA,SACA,+BACA,qBACA,yBACA,2BACA,UACA,OACA,KACA,GAAG,QACU;AACb,aAAY,YAAY;EAAE;EAAM;EAAS,CAAC;AAG1C,QACE,qBAAC,QAAD;EACO;EACL,YAAW;EACX,UAAS;EACT,WAAU;EACA;EACA;EACqB;EACJ;EAE3B,OAbe,cAAc,CAAC,YAAY,MAAM,MAAM,EAAE,CAAC,OAAO,YAAY,KAAK,CAahE;EACjB,GAAI;YAXN;GAaG,aACC,oBAAC,UAAD;IACE,MAAM;IACN,SAAQ;IACR,qBAAqB;IACrB,OAAO,YAAY;IACnB,CAAA;GAEJ,oBAAC,MAAD;IACE,eAAe;IACf,YAAW;IACU;IACrB,OAAO,YAAY;IAElB;IACI,CAAA;GACN,WACC,oBAAC,UAAD;IACE,MAAM;IACN,SAAQ;IACR,qBAAqB;IACrB,OAAO,YAAY;IACnB,CAAA;GAEG;;EAEX;AAEF,MAAM,cAAc"}

package/dist/components/Banner/Banner.cjs

@@ -1,15 +1,14 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
-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_IconButton = require('../IconButton.cjs');
-const require_components_Banner_utils = require('./utils.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_IconSlot = require("../IconSlot.cjs");
+const require_components_Text = require("../Text.cjs");
+const require_components_IconButton = require("../IconButton.cjs");
+const require_components_Banner_utils = require("./utils.cjs");
 let react = require("react");
 let react_native = require("react-native");
 let react_jsx_runtime = require("react/jsx-runtime");
 let generated_styles = require("../../../generated/styles");
-
 //#region src/components/Banner/Banner.tsx
 /**
 * Inject button variants on Button children that don't have an explicit
@@ -174,6 +173,5 @@ const internalStyles = react_native.StyleSheet.create({
 	dismissButton: { flexShrink: 0 },
 	alignStart: { alignSelf: "flex-start" }
 });
-
 //#endregion
-exports.Banner = Banner;
+exports.Banner = Banner;

package/dist/components/Banner/Banner.d.cts

@@ -1,7 +1,7 @@
 
 import { UniversalBannerProps } from "../../types/dist/index.cjs";
 import { IconSlotType } from "../IconSlot.cjs";
-import * as react from "react";
+import * as _$react from "react";
 import { Ref } from "react";
 import { View, ViewProps } from "react-native";
 
@@ -53,7 +53,7 @@ interface BannerProps extends ViewProps, UniversalBannerProps<IconSlotType> {
  *
  * @see {@link Badge} for status indicators
  */
-declare const Banner: react.NamedExoticComponent<BannerProps>;
+declare const Banner: _$react.NamedExoticComponent<BannerProps>;
 //#endregion
 export { Banner, type BannerProps };
 //# sourceMappingURL=Banner.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.cts","names":[],"sources":["../../../src/components/Banner/Banner.tsx"],"mappings":";;;;;;;;UAkEU,WAAA,SAAoB,SAAA,EAAW,oBAAA,CAAqB,YAAA;;EAE5D,yBAAA;EAFQ;EAIR,GAAA,GAAM,GAAA,CAAI,IAAA;AAAA;;;;;;;;;;;;;;;;;AAAI;;;;;;;;;;;;;;;;;;;;;;;;;cA4CV,MAAA,EAAM,KAAA,CAAA,oBAAA,CAAA,WAAA"}
+{"version":3,"file":"Banner.d.cts","names":[],"sources":["../../../src/components/Banner/Banner.tsx"],"mappings":";;;;;;;;UAkEU,WAAA,SAAoB,SAAA,EAAW,oBAAA,CAAqB,YAAA;;EAE5D,yBAAA;EAFQ;EAIR,GAAA,GAAM,GAAA,CAAI,IAAA;AAAA;;;;;;;;;;;;;;;;;AAAI;;;;;;;;;;;;;;;;;;;;;;;;;cA4CV,MAAA,EAAM,OAAA,CAAA,oBAAA,CAAA,WAAA"}

package/dist/components/Banner/Banner.d.ts

@@ -1,7 +1,7 @@
 
 import { UniversalBannerProps } from "../../types/dist/index.js";
 import { IconSlotType } from "../IconSlot.js";
-import * as react from "react";
+import * as _$react from "react";
 import { Ref } from "react";
 import { View, ViewProps } from "react-native";
 
@@ -53,7 +53,7 @@ interface BannerProps extends ViewProps, UniversalBannerProps<IconSlotType> {
  *
  * @see {@link Badge} for status indicators
  */
-declare const Banner: react.NamedExoticComponent<BannerProps>;
+declare const Banner: _$react.NamedExoticComponent<BannerProps>;
 //#endregion
 export { Banner, type BannerProps };
 //# sourceMappingURL=Banner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","names":[],"sources":["../../../src/components/Banner/Banner.tsx"],"mappings":";;;;;;;;UAkEU,WAAA,SAAoB,SAAA,EAAW,oBAAA,CAAqB,YAAA;;EAE5D,yBAAA;EAFQ;EAIR,GAAA,GAAM,GAAA,CAAI,IAAA;AAAA;;;;;;;;;;;;;;;;;AAAI;;;;;;;;;;;;;;;;;;;;;;;;;cA4CV,MAAA,EAAM,KAAA,CAAA,oBAAA,CAAA,WAAA"}
+{"version":3,"file":"Banner.d.ts","names":[],"sources":["../../../src/components/Banner/Banner.tsx"],"mappings":";;;;;;;;UAkEU,WAAA,SAAoB,SAAA,EAAW,oBAAA,CAAqB,YAAA;;EAE5D,yBAAA;EAFQ;EAIR,GAAA,GAAM,GAAA,CAAI,IAAA;AAAA;;;;;;;;;;;;;;;;;AAAI;;;;;;;;;;;;;;;;;;;;;;;;;cA4CV,MAAA,EAAM,OAAA,CAAA,oBAAA,CAAA,WAAA"}

package/dist/components/Banner/Banner.js

@@ -7,7 +7,6 @@ import { cloneElement, isValidElement, memo, useMemo } from "react";
 import { StyleSheet, View } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { bannerStyles } from "../../../generated/styles";
-
 //#region src/components/Banner/Banner.tsx
 /**
 * Inject button variants on Button children that don't have an explicit
@@ -172,7 +171,7 @@ const internalStyles = StyleSheet.create({
 	dismissButton: { flexShrink: 0 },
 	alignStart: { alignSelf: "flex-start" }
 });
-
 //#endregion
 export { Banner };
+
 //# sourceMappingURL=Banner.js.map

package/dist/components/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["RNView","Text"],"sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import type { BannerVariant, UniversalBannerProps } from '@yahoo/uds-types';\nimport type { ReactNode, Ref } from 'react';\nimport { cloneElement, isValidElement, memo, useMemo } from 'react';\nimport type { View, ViewProps } from 'react-native';\nimport { StyleSheet, View as RNView } from 'react-native';\n\nimport { bannerStyles } from '../../../generated/styles';\nimport { IconButton } from '../IconButton';\nimport type { IconSlotType } from '../IconSlot';\nimport { IconSlot } from '../IconSlot';\nimport { Text } from '../Text';\nimport { BANNER_TO_BUTTON_VARIANT, hasDisplayName, separateChildren } from './utils';\n\n/**\n * Inject button variants on Button children that don't have an explicit\n * variant set. The last unset Button gets the banner-mapped \"primary\"\n * variant; any preceding unset Buttons get \"secondary\".\n * When stacked (3+ actions), buttons get full width.\n */\nfunction bindActionVariants(\n  actions: ReactNode[],\n  bannerVariant: BannerVariant,\n  stacked: boolean,\n): ReactNode[] {\n  const primaryVariant = BANNER_TO_BUTTON_VARIANT[bannerVariant];\n\n  const unsetIndices: number[] = [];\n  actions.forEach((child, i) => {\n    if (\n      hasDisplayName(child, 'Button') &&\n      isValidElement<{ variant?: string }>(child) &&\n      child.props.variant === undefined\n    ) {\n      unsetIndices.push(i);\n    }\n  });\n\n  return actions.map((child, i) => {\n    const extraProps: Record<string, unknown> = {};\n\n    // Auto-bind variant on Buttons without explicit variant\n    if (unsetIndices.includes(i)) {\n      const isLast = i === unsetIndices[unsetIndices.length - 1];\n      extraProps.variant = isLast ? primaryVariant : 'secondary';\n    }\n\n    // When stacked, non-Button children (e.g. Link) should not stretch full width\n    if (stacked && !hasDisplayName(child, 'Button') && isValidElement<ViewProps>(child)) {\n      extraProps.style = [child.props.style, { alignSelf: 'flex-start' as const }];\n    }\n\n    if (Object.keys(extraProps).length === 0) {\n      return child;\n    }\n\n    return cloneElement(child as React.ReactElement, {\n      key: (child as React.ReactElement).key ?? i,\n      ...extraProps,\n    });\n  });\n}\n\n// ---------------------------------------------------------------------------\n// Banner\n// ---------------------------------------------------------------------------\n\ninterface BannerProps extends ViewProps, UniversalBannerProps<IconSlotType> {\n  /** Accessible label for the dismiss button. @default \"Dismiss\" */\n  dismissAccessibilityLabel?: string;\n  /** Ref to the underlying View. */\n  ref?: Ref<View>;\n}\n\n/**\n * **An inline notification banner for contextual messages with optional actions.**\n *\n * @description\n * Banner is an inline, non-floating notification component that sits in normal document flow.\n * It supports 12 color variants, an optional icon, title, description (truncated to 3 lines),\n * composable actions via children, and an optional dismiss button.\n *\n * On mobile the layout is always column: content stacks above actions.\n *\n * @category Display\n * @platform mobile\n *\n * @example\n * ```tsx\n * import { Banner, BannerContent, BannerTitle, BannerDescription } from '@yahoo/uds-mobile/Banner';\n * import { Button } from '@yahoo/uds-mobile/Button';\n * import { Link } from '@yahoo/uds-mobile/Link';\n *\n * // Simple\n * <Banner variant=\"info\" startIcon=\"Info\" title=\"Update available\" />\n *\n * // With actions\n * <Banner variant=\"brand\" startIcon=\"Megaphone\" title=\"Notification\"\n *   description=\"Description text.\" onDismiss={() => {}}>\n *   <Link>Learn more</Link>\n *   <Button size=\"sm\">Primary</Button>\n * </Banner>\n *\n * // Rich content\n * <Banner variant=\"alert\" startIcon=\"Error\" onDismiss={() => {}}>\n *   <BannerContent>\n *     <BannerTitle>Error occurred</BannerTitle>\n *     <BannerDescription>Something went wrong.</BannerDescription>\n *   </BannerContent>\n *   <Button size=\"sm\">Retry</Button>\n * </Banner>\n * ```\n *\n * @see {@link Badge} for status indicators\n */\nconst Banner = memo(function Banner({\n  variant = 'primary',\n  startIcon,\n  title,\n  description,\n  onDismiss,\n  dismissAccessibilityLabel = 'Dismiss',\n  children,\n  style,\n  ref,\n  ...rest\n}: BannerProps) {\n  const hasTitle = !!(typeof title === 'string' ? title.trim() : title);\n  const hasDescription = !!(typeof description === 'string' ? description.trim() : description);\n\n  bannerStyles.useVariants({ variant });\n\n  const rootGap = bannerStyles.root.gap ?? 0;\n  const closeIconSize = bannerStyles.close.iconSizeToken ?? 'xs';\n\n  // Separate BannerContent from action children, bind button variants\n  const { content: bannerContent, actions: rawActions } = separateChildren(children);\n  const stacked = rawActions.length >= 3;\n  const actions = bindActionVariants(rawActions, variant, stacked);\n  const hasActions = actions.length > 0;\n\n  // Build the content area: either explicit BannerContent or auto-generated from props\n  const contentArea =\n    bannerContent ??\n    (hasTitle || hasDescription ? (\n      <RNView style={internalStyles.contentArea}>\n        {hasTitle && (\n          <Text numberOfLines={1} style={bannerStyles.title}>\n            {title}\n          </Text>\n        )}\n        {hasDescription && (\n          <Text numberOfLines={3} style={bannerStyles.description}>\n            {description}\n          </Text>\n        )}\n      </RNView>\n    ) : null);\n\n  // Center icon/dismiss when content is single-line (title-only or description-only).\n  // BannerContent is excluded — we can't inspect its children to know the line count.\n  const isSingleLine = !bannerContent && hasTitle !== hasDescription;\n\n  const rootStyles = useMemo(\n    () => [bannerStyles.root, internalStyles.root, style],\n    [bannerStyles.root, style],\n  );\n\n  return (\n    <RNView ref={ref} style={rootStyles} {...rest}>\n      {startIcon && (\n        <IconSlot\n          icon={startIcon}\n          variant=\"fill\"\n          style={[\n            bannerStyles.icon,\n            internalStyles.iconShrink,\n            isSingleLine ? internalStyles.alignCenter : internalStyles.alignStart,\n          ]}\n        />\n      )}\n\n      <RNView\n        style={[\n          internalStyles.innerWrapper,\n          { rowGap: rootGap },\n          isSingleLine ? internalStyles.alignCenter : undefined,\n        ]}\n      >\n        {contentArea}\n\n        {hasActions && (\n          <RNView style={stacked ? internalStyles.actionsStacked : internalStyles.actionsRow}>\n            {actions}\n          </RNView>\n        )}\n      </RNView>\n\n      {onDismiss && (\n        <IconButton\n          name=\"Cross\"\n          variant=\"tertiary\"\n          size={closeIconSize}\n          iconColor=\"primary\"\n          accessibilityLabel={dismissAccessibilityLabel}\n          onPress={onDismiss}\n          style={[\n            internalStyles.dismissButton,\n            isSingleLine ? internalStyles.alignCenter : internalStyles.alignStart,\n          ]}\n          hitSlop={12}\n          disableEffects\n        />\n      )}\n    </RNView>\n  );\n});\n\nBanner.displayName = 'Banner';\n\nconst internalStyles = StyleSheet.create({\n  root: {\n    flexDirection: 'row',\n    minWidth: 300,\n  },\n  alignCenter: {\n    alignSelf: 'center',\n  },\n  innerWrapper: {\n    flex: 1,\n    minWidth: 0,\n    flexDirection: 'column',\n    alignItems: 'flex-start',\n  },\n  contentArea: {\n    minWidth: 0,\n    rowGap: 2,\n  },\n  actionsRow: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    alignSelf: 'stretch',\n    columnGap: 6,\n  },\n  actionsStacked: {\n    flexDirection: 'column',\n    alignItems: 'stretch',\n    alignSelf: 'stretch',\n    rowGap: 6,\n  },\n  iconShrink: {\n    flexShrink: 0,\n  },\n  dismissButton: {\n    flexShrink: 0,\n  },\n  alignStart: {\n    alignSelf: 'flex-start',\n  },\n});\n\nexport { Banner, type BannerProps };\n"],"mappings":"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"}
+{"version":3,"file":"Banner.js","names":["RNView","Text"],"sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import type { BannerVariant, UniversalBannerProps } from '@yahoo/uds-types';\nimport type { ReactNode, Ref } from 'react';\nimport { cloneElement, isValidElement, memo, useMemo } from 'react';\nimport type { View, ViewProps } from 'react-native';\nimport { StyleSheet, View as RNView } from 'react-native';\n\nimport { bannerStyles } from '../../../generated/styles';\nimport { IconButton } from '../IconButton';\nimport type { IconSlotType } from '../IconSlot';\nimport { IconSlot } from '../IconSlot';\nimport { Text } from '../Text';\nimport { BANNER_TO_BUTTON_VARIANT, hasDisplayName, separateChildren } from './utils';\n\n/**\n * Inject button variants on Button children that don't have an explicit\n * variant set. The last unset Button gets the banner-mapped \"primary\"\n * variant; any preceding unset Buttons get \"secondary\".\n * When stacked (3+ actions), buttons get full width.\n */\nfunction bindActionVariants(\n  actions: ReactNode[],\n  bannerVariant: BannerVariant,\n  stacked: boolean,\n): ReactNode[] {\n  const primaryVariant = BANNER_TO_BUTTON_VARIANT[bannerVariant];\n\n  const unsetIndices: number[] = [];\n  actions.forEach((child, i) => {\n    if (\n      hasDisplayName(child, 'Button') &&\n      isValidElement<{ variant?: string }>(child) &&\n      child.props.variant === undefined\n    ) {\n      unsetIndices.push(i);\n    }\n  });\n\n  return actions.map((child, i) => {\n    const extraProps: Record<string, unknown> = {};\n\n    // Auto-bind variant on Buttons without explicit variant\n    if (unsetIndices.includes(i)) {\n      const isLast = i === unsetIndices[unsetIndices.length - 1];\n      extraProps.variant = isLast ? primaryVariant : 'secondary';\n    }\n\n    // When stacked, non-Button children (e.g. Link) should not stretch full width\n    if (stacked && !hasDisplayName(child, 'Button') && isValidElement<ViewProps>(child)) {\n      extraProps.style = [child.props.style, { alignSelf: 'flex-start' as const }];\n    }\n\n    if (Object.keys(extraProps).length === 0) {\n      return child;\n    }\n\n    return cloneElement(child as React.ReactElement, {\n      key: (child as React.ReactElement).key ?? i,\n      ...extraProps,\n    });\n  });\n}\n\n// ---------------------------------------------------------------------------\n// Banner\n// ---------------------------------------------------------------------------\n\ninterface BannerProps extends ViewProps, UniversalBannerProps<IconSlotType> {\n  /** Accessible label for the dismiss button. @default \"Dismiss\" */\n  dismissAccessibilityLabel?: string;\n  /** Ref to the underlying View. */\n  ref?: Ref<View>;\n}\n\n/**\n * **An inline notification banner for contextual messages with optional actions.**\n *\n * @description\n * Banner is an inline, non-floating notification component that sits in normal document flow.\n * It supports 12 color variants, an optional icon, title, description (truncated to 3 lines),\n * composable actions via children, and an optional dismiss button.\n *\n * On mobile the layout is always column: content stacks above actions.\n *\n * @category Display\n * @platform mobile\n *\n * @example\n * ```tsx\n * import { Banner, BannerContent, BannerTitle, BannerDescription } from '@yahoo/uds-mobile/Banner';\n * import { Button } from '@yahoo/uds-mobile/Button';\n * import { Link } from '@yahoo/uds-mobile/Link';\n *\n * // Simple\n * <Banner variant=\"info\" startIcon=\"Info\" title=\"Update available\" />\n *\n * // With actions\n * <Banner variant=\"brand\" startIcon=\"Megaphone\" title=\"Notification\"\n *   description=\"Description text.\" onDismiss={() => {}}>\n *   <Link>Learn more</Link>\n *   <Button size=\"sm\">Primary</Button>\n * </Banner>\n *\n * // Rich content\n * <Banner variant=\"alert\" startIcon=\"Error\" onDismiss={() => {}}>\n *   <BannerContent>\n *     <BannerTitle>Error occurred</BannerTitle>\n *     <BannerDescription>Something went wrong.</BannerDescription>\n *   </BannerContent>\n *   <Button size=\"sm\">Retry</Button>\n * </Banner>\n * ```\n *\n * @see {@link Badge} for status indicators\n */\nconst Banner = memo(function Banner({\n  variant = 'primary',\n  startIcon,\n  title,\n  description,\n  onDismiss,\n  dismissAccessibilityLabel = 'Dismiss',\n  children,\n  style,\n  ref,\n  ...rest\n}: BannerProps) {\n  const hasTitle = !!(typeof title === 'string' ? title.trim() : title);\n  const hasDescription = !!(typeof description === 'string' ? description.trim() : description);\n\n  bannerStyles.useVariants({ variant });\n\n  const rootGap = bannerStyles.root.gap ?? 0;\n  const closeIconSize = bannerStyles.close.iconSizeToken ?? 'xs';\n\n  // Separate BannerContent from action children, bind button variants\n  const { content: bannerContent, actions: rawActions } = separateChildren(children);\n  const stacked = rawActions.length >= 3;\n  const actions = bindActionVariants(rawActions, variant, stacked);\n  const hasActions = actions.length > 0;\n\n  // Build the content area: either explicit BannerContent or auto-generated from props\n  const contentArea =\n    bannerContent ??\n    (hasTitle || hasDescription ? (\n      <RNView style={internalStyles.contentArea}>\n        {hasTitle && (\n          <Text numberOfLines={1} style={bannerStyles.title}>\n            {title}\n          </Text>\n        )}\n        {hasDescription && (\n          <Text numberOfLines={3} style={bannerStyles.description}>\n            {description}\n          </Text>\n        )}\n      </RNView>\n    ) : null);\n\n  // Center icon/dismiss when content is single-line (title-only or description-only).\n  // BannerContent is excluded — we can't inspect its children to know the line count.\n  const isSingleLine = !bannerContent && hasTitle !== hasDescription;\n\n  const rootStyles = useMemo(\n    () => [bannerStyles.root, internalStyles.root, style],\n    [bannerStyles.root, style],\n  );\n\n  return (\n    <RNView ref={ref} style={rootStyles} {...rest}>\n      {startIcon && (\n        <IconSlot\n          icon={startIcon}\n          variant=\"fill\"\n          style={[\n            bannerStyles.icon,\n            internalStyles.iconShrink,\n            isSingleLine ? internalStyles.alignCenter : internalStyles.alignStart,\n          ]}\n        />\n      )}\n\n      <RNView\n        style={[\n          internalStyles.innerWrapper,\n          { rowGap: rootGap },\n          isSingleLine ? internalStyles.alignCenter : undefined,\n        ]}\n      >\n        {contentArea}\n\n        {hasActions && (\n          <RNView style={stacked ? internalStyles.actionsStacked : internalStyles.actionsRow}>\n            {actions}\n          </RNView>\n        )}\n      </RNView>\n\n      {onDismiss && (\n        <IconButton\n          name=\"Cross\"\n          variant=\"tertiary\"\n          size={closeIconSize}\n          iconColor=\"primary\"\n          accessibilityLabel={dismissAccessibilityLabel}\n          onPress={onDismiss}\n          style={[\n            internalStyles.dismissButton,\n            isSingleLine ? internalStyles.alignCenter : internalStyles.alignStart,\n          ]}\n          hitSlop={12}\n          disableEffects\n        />\n      )}\n    </RNView>\n  );\n});\n\nBanner.displayName = 'Banner';\n\nconst internalStyles = StyleSheet.create({\n  root: {\n    flexDirection: 'row',\n    minWidth: 300,\n  },\n  alignCenter: {\n    alignSelf: 'center',\n  },\n  innerWrapper: {\n    flex: 1,\n    minWidth: 0,\n    flexDirection: 'column',\n    alignItems: 'flex-start',\n  },\n  contentArea: {\n    minWidth: 0,\n    rowGap: 2,\n  },\n  actionsRow: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    alignSelf: 'stretch',\n    columnGap: 6,\n  },\n  actionsStacked: {\n    flexDirection: 'column',\n    alignItems: 'stretch',\n    alignSelf: 'stretch',\n    rowGap: 6,\n  },\n  iconShrink: {\n    flexShrink: 0,\n  },\n  dismissButton: {\n    flexShrink: 0,\n  },\n  alignStart: {\n    alignSelf: 'flex-start',\n  },\n});\n\nexport { Banner, type BannerProps };\n"],"mappings":"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"}

package/dist/components/Banner/BannerContent.cjs

@@ -1,10 +1,9 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
 let react = require("react");
 let react_native = require("react-native");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/Banner/BannerContent.tsx
 /**
 * Container for rich banner content using BannerTitle and BannerDescription.
@@ -21,6 +20,5 @@ const BannerContent = (0, react.memo)(function BannerContent({ children }) {
 	});
 });
 BannerContent.displayName = "BannerContent";
-
 //#endregion
-exports.BannerContent = BannerContent;
+exports.BannerContent = BannerContent;

package/dist/components/Banner/BannerContent.d.cts

@@ -1,5 +1,5 @@
 
-import * as react from "react";
+import * as _$react from "react";
 import { ReactNode } from "react";
 
 //#region src/components/Banner/BannerContent.d.ts
@@ -10,7 +10,7 @@ interface BannerContentProps {
  * Container for rich banner content using BannerTitle and BannerDescription.
  * When used as a child of Banner, replaces the auto-generated title/description area.
  */
-declare const BannerContent: react.NamedExoticComponent<BannerContentProps>;
+declare const BannerContent: _$react.NamedExoticComponent<BannerContentProps>;
 //#endregion
 export { BannerContent, type BannerContentProps };
 //# sourceMappingURL=BannerContent.d.cts.map

package/dist/components/Banner/BannerContent.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"BannerContent.d.cts","names":[],"sources":["../../../src/components/Banner/BannerContent.tsx"],"mappings":";;;;;UAIU,kBAAA;EACR,QAAA,EAAU,SAAA;AAAA;AAL2B;;;;AAAA,cAYjC,aAAA,EAAa,KAAA,CAAA,oBAAA,CAAA,kBAAA"}
+{"version":3,"file":"BannerContent.d.cts","names":[],"sources":["../../../src/components/Banner/BannerContent.tsx"],"mappings":";;;;;UAIU,kBAAA;EACR,QAAA,EAAU,SAAA;AAAA;AAL2B;;;;AAAA,cAYjC,aAAA,EAAa,OAAA,CAAA,oBAAA,CAAA,kBAAA"}

package/dist/components/Banner/BannerContent.d.ts

@@ -1,5 +1,5 @@
 
-import * as react from "react";
+import * as _$react from "react";
 import { ReactNode } from "react";
 
 //#region src/components/Banner/BannerContent.d.ts
@@ -10,7 +10,7 @@ interface BannerContentProps {
  * Container for rich banner content using BannerTitle and BannerDescription.
  * When used as a child of Banner, replaces the auto-generated title/description area.
  */
-declare const BannerContent: react.NamedExoticComponent<BannerContentProps>;
+declare const BannerContent: _$react.NamedExoticComponent<BannerContentProps>;
 //#endregion
 export { BannerContent, type BannerContentProps };
 //# sourceMappingURL=BannerContent.d.ts.map

package/dist/components/Banner/BannerContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BannerContent.d.ts","names":[],"sources":["../../../src/components/Banner/BannerContent.tsx"],"mappings":";;;;;UAIU,kBAAA;EACR,QAAA,EAAU,SAAA;AAAA;AAL2B;;;;AAAA,cAYjC,aAAA,EAAa,KAAA,CAAA,oBAAA,CAAA,kBAAA"}
+{"version":3,"file":"BannerContent.d.ts","names":[],"sources":["../../../src/components/Banner/BannerContent.tsx"],"mappings":";;;;;UAIU,kBAAA;EACR,QAAA,EAAU,SAAA;AAAA;AAL2B;;;;AAAA,cAYjC,aAAA,EAAa,OAAA,CAAA,oBAAA,CAAA,kBAAA"}

package/dist/components/Banner/BannerContent.js

@@ -2,7 +2,6 @@
 import { memo } from "react";
 import { View } from "react-native";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/Banner/BannerContent.tsx
 /**
 * Container for rich banner content using BannerTitle and BannerDescription.
@@ -19,7 +18,7 @@ const BannerContent = memo(function BannerContent({ children }) {
 	});
 });
 BannerContent.displayName = "BannerContent";
-
 //#endregion
 export { BannerContent };
+
 //# sourceMappingURL=BannerContent.js.map

package/dist/components/Banner/BannerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerContent.js","names":[],"sources":["../../../src/components/Banner/BannerContent.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { memo } from 'react';\nimport { View } from 'react-native';\n\ninterface BannerContentProps {\n  children: ReactNode;\n}\n\n/**\n * Container for rich banner content using BannerTitle and BannerDescription.\n * When used as a child of Banner, replaces the auto-generated title/description area.\n */\nconst BannerContent = memo(function BannerContent({ children }: BannerContentProps) {\n  return <View style={{ flex: 1, minWidth: 0, rowGap: 2 }}>{children}</View>;\n});\n\nBannerContent.displayName = 'BannerContent';\n\nexport { BannerContent, type BannerContentProps };\n"],"mappings":";;;;;;;;;;AAYA,MAAM,gBAAgB,KAAK,SAAS,cAAc,EAAE,YAAgC;AAClF,QAAO,oBAAC;EAAK,OAAO;GAAE,MAAM;GAAG,UAAU;GAAG,QAAQ;GAAG;EAAG;GAAgB;EAC1E;AAEF,cAAc,cAAc"}
+{"version":3,"file":"BannerContent.js","names":[],"sources":["../../../src/components/Banner/BannerContent.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { memo } from 'react';\nimport { View } from 'react-native';\n\ninterface BannerContentProps {\n  children: ReactNode;\n}\n\n/**\n * Container for rich banner content using BannerTitle and BannerDescription.\n * When used as a child of Banner, replaces the auto-generated title/description area.\n */\nconst BannerContent = memo(function BannerContent({ children }: BannerContentProps) {\n  return <View style={{ flex: 1, minWidth: 0, rowGap: 2 }}>{children}</View>;\n});\n\nBannerContent.displayName = 'BannerContent';\n\nexport { BannerContent, type BannerContentProps };\n"],"mappings":";;;;;;;;;AAYA,MAAM,gBAAgB,KAAK,SAAS,cAAc,EAAE,YAAgC;AAClF,QAAO,oBAAC,MAAD;EAAM,OAAO;GAAE,MAAM;GAAG,UAAU;GAAG,QAAQ;GAAG;EAAG;EAAgB,CAAA;EAC1E;AAEF,cAAc,cAAc"}

package/dist/components/Banner/BannerDescription.cjs

@@ -1,11 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_components_Text = require('../Text.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_Text = require("../Text.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let generated_styles = require("../../../generated/styles");
-
 //#region src/components/Banner/BannerDescription.tsx
 /**
 * **Styled description for use inside `BannerContent`.**
@@ -41,6 +40,5 @@ const BannerDescription = (0, react.memo)(function BannerDescription({ children
 	});
 });
 BannerDescription.displayName = "BannerDescription";
-
 //#endregion
-exports.BannerDescription = BannerDescription;
+exports.BannerDescription = BannerDescription;

package/dist/components/Banner/BannerDescription.d.cts

@@ -1,5 +1,5 @@
 
-import * as react from "react";
+import * as _$react from "react";
 import { ReactNode } from "react";
 
 //#region src/components/Banner/BannerDescription.d.ts
@@ -31,7 +31,7 @@ interface BannerDescriptionProps {
  * @see {@link Banner} for the parent component
  * @see {@link BannerContent} for the required wrapper
  */
-declare const BannerDescription: react.NamedExoticComponent<BannerDescriptionProps>;
+declare const BannerDescription: _$react.NamedExoticComponent<BannerDescriptionProps>;
 //#endregion
 export { BannerDescription, type BannerDescriptionProps };
 //# sourceMappingURL=BannerDescription.d.cts.map

package/dist/components/Banner/BannerDescription.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"BannerDescription.d.cts","names":[],"sources":["../../../src/components/Banner/BannerDescription.tsx"],"mappings":";;;;;UAMU,sBAAA;EACR,QAAA,EAAU,SAAA;AAAA;AAP2B;;;;;AAOlB;;;;;;;;;;;;;;;;;;;;AAPkB,cAmCjC,iBAAA,EAAiB,KAAA,CAAA,oBAAA,CAAA,sBAAA"}
+{"version":3,"file":"BannerDescription.d.cts","names":[],"sources":["../../../src/components/Banner/BannerDescription.tsx"],"mappings":";;;;;UAMU,sBAAA;EACR,QAAA,EAAU,SAAA;AAAA;AAP2B;;;;;AAOlB;;;;;;;;;;;;;;;;;;;;AAPkB,cAmCjC,iBAAA,EAAiB,OAAA,CAAA,oBAAA,CAAA,sBAAA"}

package/dist/components/Banner/BannerDescription.d.ts

@@ -1,5 +1,5 @@
 
-import * as react from "react";
+import * as _$react from "react";
 import { ReactNode } from "react";
 
 //#region src/components/Banner/BannerDescription.d.ts
@@ -31,7 +31,7 @@ interface BannerDescriptionProps {
  * @see {@link Banner} for the parent component
  * @see {@link BannerContent} for the required wrapper
  */
-declare const BannerDescription: react.NamedExoticComponent<BannerDescriptionProps>;
+declare const BannerDescription: _$react.NamedExoticComponent<BannerDescriptionProps>;
 //#endregion
 export { BannerDescription, type BannerDescriptionProps };
 //# sourceMappingURL=BannerDescription.d.ts.map

package/dist/components/Banner/BannerDescription.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BannerDescription.d.ts","names":[],"sources":["../../../src/components/Banner/BannerDescription.tsx"],"mappings":";;;;;UAMU,sBAAA;EACR,QAAA,EAAU,SAAA;AAAA;AAP2B;;;;;AAOlB;;;;;;;;;;;;;;;;;;;;AAPkB,cAmCjC,iBAAA,EAAiB,KAAA,CAAA,oBAAA,CAAA,sBAAA"}
+{"version":3,"file":"BannerDescription.d.ts","names":[],"sources":["../../../src/components/Banner/BannerDescription.tsx"],"mappings":";;;;;UAMU,sBAAA;EACR,QAAA,EAAU,SAAA;AAAA;AAP2B;;;;;AAOlB;;;;;;;;;;;;;;;;;;;;AAPkB,cAmCjC,iBAAA,EAAiB,OAAA,CAAA,oBAAA,CAAA,sBAAA"}

package/dist/components/Banner/BannerDescription.js

@@ -3,7 +3,6 @@ import { Text } from "../Text.js";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { bannerStyles } from "../../../generated/styles";
-
 //#region src/components/Banner/BannerDescription.tsx
 /**
 * **Styled description for use inside `BannerContent`.**
@@ -39,7 +38,7 @@ const BannerDescription = memo(function BannerDescription({ children }) {
 	});
 });
 BannerDescription.displayName = "BannerDescription";
-
 //#endregion
 export { BannerDescription };
+
 //# sourceMappingURL=BannerDescription.js.map

package/dist/components/Banner/BannerDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerDescription.js","names":[],"sources":["../../../src/components/Banner/BannerDescription.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { memo } from 'react';\n\nimport { bannerStyles } from '../../../generated/styles';\nimport { Text } from '../Text';\n\ninterface BannerDescriptionProps {\n  children: ReactNode;\n}\n\n/**\n * **Styled description for use inside `BannerContent`.**\n *\n * @description\n * Applies the Banner description typography tokens and truncates to 3 lines\n * via `numberOfLines={3}`. Use this subcomponent instead of the `description`\n * prop when you need rich ReactNode content.\n *\n * @platform mobile\n *\n * @example\n * ```tsx\n * <Banner variant=\"alert\" startIcon=\"Error\">\n *   <BannerContent>\n *     <BannerTitle>Something went wrong</BannerTitle>\n *     <BannerDescription>\n *       Please try again or contact support for help.\n *     </BannerDescription>\n *   </BannerContent>\n * </Banner>\n * ```\n *\n * @see {@link Banner} for the parent component\n * @see {@link BannerContent} for the required wrapper\n */\nconst BannerDescription = memo(function BannerDescription({ children }: BannerDescriptionProps) {\n  bannerStyles.useVariants({});\n\n  return (\n    <Text numberOfLines={3} style={bannerStyles.description}>\n      {children}\n    </Text>\n  );\n});\n\nBannerDescription.displayName = 'BannerDescription';\n\nexport { BannerDescription, type BannerDescriptionProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAM,oBAAoB,KAAK,SAAS,kBAAkB,EAAE,YAAoC;AAC9F,cAAa,YAAY,EAAE,CAAC;AAE5B,QACE,oBAAC;EAAK,eAAe;EAAG,OAAO,aAAa;EACzC;GACI;EAET;AAEF,kBAAkB,cAAc"}
+{"version":3,"file":"BannerDescription.js","names":[],"sources":["../../../src/components/Banner/BannerDescription.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { memo } from 'react';\n\nimport { bannerStyles } from '../../../generated/styles';\nimport { Text } from '../Text';\n\ninterface BannerDescriptionProps {\n  children: ReactNode;\n}\n\n/**\n * **Styled description for use inside `BannerContent`.**\n *\n * @description\n * Applies the Banner description typography tokens and truncates to 3 lines\n * via `numberOfLines={3}`. Use this subcomponent instead of the `description`\n * prop when you need rich ReactNode content.\n *\n * @platform mobile\n *\n * @example\n * ```tsx\n * <Banner variant=\"alert\" startIcon=\"Error\">\n *   <BannerContent>\n *     <BannerTitle>Something went wrong</BannerTitle>\n *     <BannerDescription>\n *       Please try again or contact support for help.\n *     </BannerDescription>\n *   </BannerContent>\n * </Banner>\n * ```\n *\n * @see {@link Banner} for the parent component\n * @see {@link BannerContent} for the required wrapper\n */\nconst BannerDescription = memo(function BannerDescription({ children }: BannerDescriptionProps) {\n  bannerStyles.useVariants({});\n\n  return (\n    <Text numberOfLines={3} style={bannerStyles.description}>\n      {children}\n    </Text>\n  );\n});\n\nBannerDescription.displayName = 'BannerDescription';\n\nexport { BannerDescription, type BannerDescriptionProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAM,oBAAoB,KAAK,SAAS,kBAAkB,EAAE,YAAoC;AAC9F,cAAa,YAAY,EAAE,CAAC;AAE5B,QACE,oBAAC,MAAD;EAAM,eAAe;EAAG,OAAO,aAAa;EACzC;EACI,CAAA;EAET;AAEF,kBAAkB,cAAc"}

package/dist/components/Banner/BannerTitle.cjs

@@ -1,11 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_components_Text = require('../Text.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_Text = require("../Text.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let generated_styles = require("../../../generated/styles");
-
 //#region src/components/Banner/BannerTitle.tsx
 /**
 * **Styled title for use inside `BannerContent`.**
@@ -39,6 +38,5 @@ const BannerTitle = (0, react.memo)(function BannerTitle({ children }) {
 	});
 });
 BannerTitle.displayName = "BannerTitle";
-
 //#endregion
-exports.BannerTitle = BannerTitle;
+exports.BannerTitle = BannerTitle;

package/dist/components/Banner/BannerTitle.d.cts

@@ -1,5 +1,5 @@
 
-import * as react from "react";
+import * as _$react from "react";
 import { ReactNode } from "react";
 
 //#region src/components/Banner/BannerTitle.d.ts
@@ -29,7 +29,7 @@ interface BannerTitleProps {
  * @see {@link Banner} for the parent component
  * @see {@link BannerContent} for the required wrapper
  */
-declare const BannerTitle: react.NamedExoticComponent<BannerTitleProps>;
+declare const BannerTitle: _$react.NamedExoticComponent<BannerTitleProps>;
 //#endregion
 export { BannerTitle, type BannerTitleProps };
 //# sourceMappingURL=BannerTitle.d.cts.map

package/dist/components/Banner/BannerTitle.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"BannerTitle.d.cts","names":[],"sources":["../../../src/components/Banner/BannerTitle.tsx"],"mappings":";;;;;UAMU,gBAAA;EACR,QAAA,EAAU,SAAA;AAAA;AAP2B;;;;;AAOlB;;;;;;;;;;;;;;;;;;AAPkB,cAiCjC,WAAA,EAAW,KAAA,CAAA,oBAAA,CAAA,gBAAA"}
+{"version":3,"file":"BannerTitle.d.cts","names":[],"sources":["../../../src/components/Banner/BannerTitle.tsx"],"mappings":";;;;;UAMU,gBAAA;EACR,QAAA,EAAU,SAAA;AAAA;AAP2B;;;;;AAOlB;;;;;;;;;;;;;;;;;;AAPkB,cAiCjC,WAAA,EAAW,OAAA,CAAA,oBAAA,CAAA,gBAAA"}

package/dist/components/Banner/BannerTitle.d.ts

@@ -1,5 +1,5 @@
 
-import * as react from "react";
+import * as _$react from "react";
 import { ReactNode } from "react";
 
 //#region src/components/Banner/BannerTitle.d.ts
@@ -29,7 +29,7 @@ interface BannerTitleProps {
  * @see {@link Banner} for the parent component
  * @see {@link BannerContent} for the required wrapper
  */
-declare const BannerTitle: react.NamedExoticComponent<BannerTitleProps>;
+declare const BannerTitle: _$react.NamedExoticComponent<BannerTitleProps>;
 //#endregion
 export { BannerTitle, type BannerTitleProps };
 //# sourceMappingURL=BannerTitle.d.ts.map

package/dist/components/Banner/BannerTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BannerTitle.d.ts","names":[],"sources":["../../../src/components/Banner/BannerTitle.tsx"],"mappings":";;;;;UAMU,gBAAA;EACR,QAAA,EAAU,SAAA;AAAA;AAP2B;;;;;AAOlB;;;;;;;;;;;;;;;;;;AAPkB,cAiCjC,WAAA,EAAW,KAAA,CAAA,oBAAA,CAAA,gBAAA"}
+{"version":3,"file":"BannerTitle.d.ts","names":[],"sources":["../../../src/components/Banner/BannerTitle.tsx"],"mappings":";;;;;UAMU,gBAAA;EACR,QAAA,EAAU,SAAA;AAAA;AAP2B;;;;;AAOlB;;;;;;;;;;;;;;;;;;AAPkB,cAiCjC,WAAA,EAAW,OAAA,CAAA,oBAAA,CAAA,gBAAA"}

package/dist/components/Banner/BannerTitle.js

@@ -3,7 +3,6 @@ import { Text } from "../Text.js";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { bannerStyles } from "../../../generated/styles";
-
 //#region src/components/Banner/BannerTitle.tsx
 /**
 * **Styled title for use inside `BannerContent`.**
@@ -37,7 +36,7 @@ const BannerTitle = memo(function BannerTitle({ children }) {
 	});
 });
 BannerTitle.displayName = "BannerTitle";
-
 //#endregion
 export { BannerTitle };
+
 //# sourceMappingURL=BannerTitle.js.map

package/dist/components/Banner/BannerTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerTitle.js","names":[],"sources":["../../../src/components/Banner/BannerTitle.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { memo } from 'react';\n\nimport { bannerStyles } from '../../../generated/styles';\nimport { Text } from '../Text';\n\ninterface BannerTitleProps {\n  children: ReactNode;\n}\n\n/**\n * **Styled title for use inside `BannerContent`.**\n *\n * @description\n * Applies the Banner title typography tokens. Renders a single line of text.\n * Use this subcomponent instead of the `title` prop when you need rich\n * ReactNode content (e.g. bold segments, inline icons).\n *\n * @platform mobile\n *\n * @example\n * ```tsx\n * <Banner variant=\"info\" startIcon=\"Info\">\n *   <BannerContent>\n *     <BannerTitle>Update available</BannerTitle>\n *     <BannerDescription>A new version is ready to install.</BannerDescription>\n *   </BannerContent>\n * </Banner>\n * ```\n *\n * @see {@link Banner} for the parent component\n * @see {@link BannerContent} for the required wrapper\n */\nconst BannerTitle = memo(function BannerTitle({ children }: BannerTitleProps) {\n  bannerStyles.useVariants({});\n\n  return (\n    <Text numberOfLines={1} style={bannerStyles.title}>\n      {children}\n    </Text>\n  );\n});\n\nBannerTitle.displayName = 'BannerTitle';\n\nexport { BannerTitle, type BannerTitleProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAM,cAAc,KAAK,SAAS,YAAY,EAAE,YAA8B;AAC5E,cAAa,YAAY,EAAE,CAAC;AAE5B,QACE,oBAAC;EAAK,eAAe;EAAG,OAAO,aAAa;EACzC;GACI;EAET;AAEF,YAAY,cAAc"}
+{"version":3,"file":"BannerTitle.js","names":[],"sources":["../../../src/components/Banner/BannerTitle.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { memo } from 'react';\n\nimport { bannerStyles } from '../../../generated/styles';\nimport { Text } from '../Text';\n\ninterface BannerTitleProps {\n  children: ReactNode;\n}\n\n/**\n * **Styled title for use inside `BannerContent`.**\n *\n * @description\n * Applies the Banner title typography tokens. Renders a single line of text.\n * Use this subcomponent instead of the `title` prop when you need rich\n * ReactNode content (e.g. bold segments, inline icons).\n *\n * @platform mobile\n *\n * @example\n * ```tsx\n * <Banner variant=\"info\" startIcon=\"Info\">\n *   <BannerContent>\n *     <BannerTitle>Update available</BannerTitle>\n *     <BannerDescription>A new version is ready to install.</BannerDescription>\n *   </BannerContent>\n * </Banner>\n * ```\n *\n * @see {@link Banner} for the parent component\n * @see {@link BannerContent} for the required wrapper\n */\nconst BannerTitle = memo(function BannerTitle({ children }: BannerTitleProps) {\n  bannerStyles.useVariants({});\n\n  return (\n    <Text numberOfLines={1} style={bannerStyles.title}>\n      {children}\n    </Text>\n  );\n});\n\nBannerTitle.displayName = 'BannerTitle';\n\nexport { BannerTitle, type BannerTitleProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAM,cAAc,KAAK,SAAS,YAAY,EAAE,YAA8B;AAC5E,cAAa,YAAY,EAAE,CAAC;AAE5B,QACE,oBAAC,MAAD;EAAM,eAAe;EAAG,OAAO,aAAa;EACzC;EACI,CAAA;EAET;AAEF,YAAY,cAAc"}

package/dist/components/Banner/index.cjs

@@ -1,11 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_components_Banner_Banner = require('./Banner.cjs');
-const require_components_Banner_BannerContent = require('./BannerContent.cjs');
-const require_components_Banner_BannerDescription = require('./BannerDescription.cjs');
-const require_components_Banner_BannerTitle = require('./BannerTitle.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_components_Banner_Banner = require("./Banner.cjs");
+const require_components_Banner_BannerContent = require("./BannerContent.cjs");
+const require_components_Banner_BannerDescription = require("./BannerDescription.cjs");
+const require_components_Banner_BannerTitle = require("./BannerTitle.cjs");
 exports.Banner = require_components_Banner_Banner.Banner;
 exports.BannerContent = require_components_Banner_BannerContent.BannerContent;
 exports.BannerDescription = require_components_Banner_BannerDescription.BannerDescription;
-exports.BannerTitle = require_components_Banner_BannerTitle.BannerTitle;
+exports.BannerTitle = require_components_Banner_BannerTitle.BannerTitle;

package/dist/components/Banner/index.js

@@ -3,5 +3,4 @@ import { Banner } from "./Banner.js";
 import { BannerContent } from "./BannerContent.js";
 import { BannerDescription } from "./BannerDescription.js";
 import { BannerTitle } from "./BannerTitle.js";
-
-export { Banner, BannerContent, BannerDescription, BannerTitle };
+export { Banner, BannerContent, BannerDescription, BannerTitle };

package/dist/components/Banner/utils.cjs

@@ -1,8 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
 let react = require("react");
-
 //#region src/components/Banner/utils.ts
 /**
 * Maps banner variants to button variants following the Figma spec.
@@ -49,8 +48,7 @@ function separateChildren(children) {
 		actions
 	};
 }
-
 //#endregion
 exports.BANNER_TO_BUTTON_VARIANT = BANNER_TO_BUTTON_VARIANT;
 exports.hasDisplayName = hasDisplayName;
-exports.separateChildren = separateChildren;
+exports.separateChildren = separateChildren;

package/dist/components/Banner/utils.js

@@ -1,6 +1,5 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
 import { Children, isValidElement } from "react";
-
 //#region src/components/Banner/utils.ts
 /**
 * Maps banner variants to button variants following the Figma spec.
@@ -47,7 +46,7 @@ function separateChildren(children) {
 		actions
 	};
 }
-
 //#endregion
 export { BANNER_TO_BUTTON_VARIANT, hasDisplayName, separateChildren };
+
 //# sourceMappingURL=utils.js.map

package/dist/components/Banner/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/Banner/utils.ts"],"sourcesContent":["import type { BannerVariant, ButtonVariantFlat } from '@yahoo/uds-types';\nimport type { ReactNode } from 'react';\nimport { Children, isValidElement } from 'react';\n\n/**\n * Maps banner variants to button variants following the Figma spec.\n * Secondary banner variants map to secondary button variants.\n */\nexport const BANNER_TO_BUTTON_VARIANT: Record<BannerVariant, ButtonVariantFlat> = {\n  primary: 'brand',\n  secondary: 'brand',\n  brand: 'brand',\n  'brand-secondary': 'brand-secondary',\n  alert: 'alert',\n  'alert-secondary': 'alert-secondary',\n  warning: 'warning',\n  'warning-secondary': 'warning-secondary',\n  success: 'positive',\n  'success-secondary': 'positive-secondary',\n  info: 'info',\n  'info-secondary': 'info-secondary',\n};\n\n/**\n * Checks whether a React element has a specific displayName.\n * Handles both regular function components and forwardRef components\n * (which have typeof type === 'object').\n */\nexport function hasDisplayName(child: ReactNode, name: string): boolean {\n  if (!isValidElement(child)) {\n    return false;\n  }\n  const type = child.type;\n  return (\n    (typeof type === 'function' || (typeof type === 'object' && type !== null)) &&\n    'displayName' in type &&\n    type.displayName === name\n  );\n}\n\n/**\n * Separates Banner children into content (BannerContent) and action elements.\n * Skips falsy children so conditional patterns like {show && <Button />} work.\n */\nexport function separateChildren(children: ReactNode): {\n  content: ReactNode | null;\n  actions: ReactNode[];\n} {\n  let content: ReactNode | null = null;\n  const actions: ReactNode[] = [];\n\n  Children.forEach(children, (child) => {\n    if (child == null || child === false || child === true || child === '') {\n      return;\n    }\n    if (hasDisplayName(child, 'BannerContent')) {\n      content = child;\n    } else {\n      actions.push(child);\n    }\n  });\n\n  return { content, actions };\n}\n"],"mappings":";;;;;;;;AAQA,MAAa,2BAAqE;CAChF,SAAS;CACT,WAAW;CACX,OAAO;CACP,mBAAmB;CACnB,OAAO;CACP,mBAAmB;CACnB,SAAS;CACT,qBAAqB;CACrB,SAAS;CACT,qBAAqB;CACrB,MAAM;CACN,kBAAkB;CACnB;;;;;;AAOD,SAAgB,eAAe,OAAkB,MAAuB;AACtE,KAAI,CAAC,eAAe,MAAM,CACxB,QAAO;CAET,MAAM,OAAO,MAAM;AACnB,SACG,OAAO,SAAS,cAAe,OAAO,SAAS,YAAY,SAAS,SACrE,iBAAiB,QACjB,KAAK,gBAAgB;;;;;;AAQzB,SAAgB,iBAAiB,UAG/B;CACA,IAAI,UAA4B;CAChC,MAAM,UAAuB,EAAE;AAE/B,UAAS,QAAQ,WAAW,UAAU;AACpC,MAAI,SAAS,QAAQ,UAAU,SAAS,UAAU,QAAQ,UAAU,GAClE;AAEF,MAAI,eAAe,OAAO,gBAAgB,CACxC,WAAU;MAEV,SAAQ,KAAK,MAAM;GAErB;AAEF,QAAO;EAAE;EAAS;EAAS"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/Banner/utils.ts"],"sourcesContent":["import type { BannerVariant, ButtonVariantFlat } from '@yahoo/uds-types';\nimport type { ReactNode } from 'react';\nimport { Children, isValidElement } from 'react';\n\n/**\n * Maps banner variants to button variants following the Figma spec.\n * Secondary banner variants map to secondary button variants.\n */\nexport const BANNER_TO_BUTTON_VARIANT: Record<BannerVariant, ButtonVariantFlat> = {\n  primary: 'brand',\n  secondary: 'brand',\n  brand: 'brand',\n  'brand-secondary': 'brand-secondary',\n  alert: 'alert',\n  'alert-secondary': 'alert-secondary',\n  warning: 'warning',\n  'warning-secondary': 'warning-secondary',\n  success: 'positive',\n  'success-secondary': 'positive-secondary',\n  info: 'info',\n  'info-secondary': 'info-secondary',\n};\n\n/**\n * Checks whether a React element has a specific displayName.\n * Handles both regular function components and forwardRef components\n * (which have typeof type === 'object').\n */\nexport function hasDisplayName(child: ReactNode, name: string): boolean {\n  if (!isValidElement(child)) {\n    return false;\n  }\n  const type = child.type;\n  return (\n    (typeof type === 'function' || (typeof type === 'object' && type !== null)) &&\n    'displayName' in type &&\n    type.displayName === name\n  );\n}\n\n/**\n * Separates Banner children into content (BannerContent) and action elements.\n * Skips falsy children so conditional patterns like {show && <Button />} work.\n */\nexport function separateChildren(children: ReactNode): {\n  content: ReactNode | null;\n  actions: ReactNode[];\n} {\n  let content: ReactNode | null = null;\n  const actions: ReactNode[] = [];\n\n  Children.forEach(children, (child) => {\n    if (child == null || child === false || child === true || child === '') {\n      return;\n    }\n    if (hasDisplayName(child, 'BannerContent')) {\n      content = child;\n    } else {\n      actions.push(child);\n    }\n  });\n\n  return { content, actions };\n}\n"],"mappings":";;;;;;;AAQA,MAAa,2BAAqE;CAChF,SAAS;CACT,WAAW;CACX,OAAO;CACP,mBAAmB;CACnB,OAAO;CACP,mBAAmB;CACnB,SAAS;CACT,qBAAqB;CACrB,SAAS;CACT,qBAAqB;CACrB,MAAM;CACN,kBAAkB;CACnB;;;;;;AAOD,SAAgB,eAAe,OAAkB,MAAuB;AACtE,KAAI,CAAC,eAAe,MAAM,CACxB,QAAO;CAET,MAAM,OAAO,MAAM;AACnB,SACG,OAAO,SAAS,cAAe,OAAO,SAAS,YAAY,SAAS,SACrE,iBAAiB,QACjB,KAAK,gBAAgB;;;;;;AAQzB,SAAgB,iBAAiB,UAG/B;CACA,IAAI,UAA4B;CAChC,MAAM,UAAuB,EAAE;AAE/B,UAAS,QAAQ,WAAW,UAAU;AACpC,MAAI,SAAS,QAAQ,UAAU,SAAS,UAAU,QAAQ,UAAU,GAClE;AAEF,MAAI,eAAe,OAAO,gBAAgB,CACxC,WAAU;MAEV,SAAQ,KAAK,MAAM;GAErB;AAEF,QAAO;EAAE;EAAS;EAAS"}

package/dist/components/BlurTarget.cjs

@@ -1,10 +1,9 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../_virtual/_rolldown/runtime.cjs");
 let react = require("react");
 let react_native = require("react-native");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/BlurTarget.tsx
 let BlurTargetView = null;
 let blurTargetLoadState = "pending";
@@ -84,6 +83,5 @@ const BlurTarget = (0, react.forwardRef)(function BlurTarget({ children, fill, s
 	return children;
 });
 BlurTarget.displayName = "BlurTarget";
-
 //#endregion
-exports.BlurTarget = BlurTarget;
+exports.BlurTarget = BlurTarget;

package/dist/components/BlurTarget.d.cts

@@ -1,5 +1,5 @@
 
-import * as react from "react";
+import * as _$react from "react";
 import { ReactNode } from "react";
 import { View, ViewStyle } from "react-native";
 
@@ -46,7 +46,7 @@ interface BlurTargetProps {
  *
  * @see {@link https://docs.expo.dev/versions/latest/sdk/blur-view/} expo-blur documentation
  */
-declare const BlurTarget: react.ForwardRefExoticComponent<BlurTargetProps & react.RefAttributes<View | null>>;
+declare const BlurTarget: _$react.ForwardRefExoticComponent<BlurTargetProps & _$react.RefAttributes<View | null>>;
 //#endregion
 export { BlurTarget, type BlurTargetProps };
 //# sourceMappingURL=BlurTarget.d.cts.map