react-native-terra-ui 0.1.0 → 0.2.0

package/lib/typescript/src/components/chip/Chip.d.ts

@@ -0,0 +1,24 @@
+import { type ReactNode } from 'react';
+import { type ViewProps } from 'react-native';
+import type { ColorToken, TerraIconName } from '../../theme/types';
+import type { ChipColor, ChipSize, ChipVariant } from './types.js';
+export interface ChipProps extends ViewProps {
+    size?: ChipSize;
+    variant?: ChipVariant;
+    color?: ChipColor;
+    children?: ReactNode;
+}
+export interface ChipIconProps extends Omit<ViewProps, 'children'> {
+    name: TerraIconName;
+    size?: number;
+    color?: ColorToken;
+    strokeWidth?: number;
+}
+declare const ChipIcon: ({ name, size: sizeProp, color, strokeWidth, style, ...rest }: ChipIconProps) => import("react").JSX.Element;
+declare const ChipRoot: import("react").ForwardRefExoticComponent<ChipProps & import("react").RefAttributes<import("react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement").default>>;
+type ChipComponent = typeof ChipRoot & {
+    Icon: typeof ChipIcon;
+};
+export declare const Chip: ChipComponent;
+export {};
+//# sourceMappingURL=Chip.d.ts.map

package/lib/typescript/src/components/chip/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAe,MAAM,cAAc,CAAC;AAI3E,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAS,CAAC;AAGhE,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAgHD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,GAAI,8DAOf,aAAa,gCAaf,CAAC;AAgBF,QAAA,MAAM,QAAQ,uLA4CZ,CAAC;AAEH,KAAK,aAAa,GAAG,OAAO,QAAQ,GAAG;IACrC,IAAI,EAAE,OAAO,QAAQ,CAAC;CACvB,CAAC;AAiBF,eAAO,MAAM,IAAI,EAA8B,aAAa,CAAC"}

package/lib/typescript/src/components/chip/index.d.ts

@@ -0,0 +1,4 @@
+export type { ChipIconProps, ChipProps } from './Chip.js';
+export { Chip } from './Chip.js';
+export type { ChipColor, ChipSize, ChipVariant } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/chip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,WAAQ,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAS,CAAC"}

package/lib/typescript/src/components/chip/types.d.ts

@@ -0,0 +1,8 @@
+export type ChipSize = 'sm' | 'md' | 'lg';
+export type ChipVariant = 'solid' | 'soft' | 'outline' | 'ghost';
+/**
+ * Semantic color scheme, or a raw CSS color literal (`#fff`, `rgb(...)`, `hsl(...)`).
+ * Has no effect when `variant="ghost"` — ghost always renders `text.default`.
+ */
+export type ChipColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | (string & {});
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/chip/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/chip/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1C,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GAER,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC"}

package/lib/typescript/src/components/chip/utils.d.ts

@@ -0,0 +1,8 @@
+export interface CustomChipColors {
+    bg: string;
+    border: string;
+    borderWidth: number;
+    fg: string;
+}
+export declare function getCustomColorColors(literal: string, variant: 'solid' | 'soft' | 'outline'): CustomChipColors;
+//# sourceMappingURL=utils.d.ts.map

package/lib/typescript/src/components/chip/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/chip/utils.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ;AAID,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GACpC,gBAAgB,CAclB"}

package/lib/typescript/src/components/empty-state/EmptyState.d.ts

@@ -0,0 +1,45 @@
+import { type ReactNode } from 'react';
+import { type ViewProps } from 'react-native';
+import type { ColorToken, TerraIconName } from '../../theme/types';
+import type { EmptyStateSize } from './types.js';
+export interface EmptyStateProps extends Omit<ViewProps, 'children'> {
+    /** Icon rendered in the circular badge above the title. */
+    icon?: TerraIconName;
+    /** Icon tint. Defaults to `text.subtle`. */
+    iconColor?: ColorToken;
+    /**
+     * Replaces the icon badge entirely — an illustration, `Image`, or any custom
+     * node. Takes precedence over `icon`.
+     */
+    media?: ReactNode;
+    /** Headline. A bare string is wrapped in the size's title `Text`. */
+    title: ReactNode;
+    /** Supporting copy under the title. A bare string gets a muted body `Text`. */
+    description?: ReactNode;
+    /** Call to action — typically a `Button`, or a fragment of two. */
+    action?: ReactNode;
+    size?: EmptyStateSize;
+    /**
+     * Expand to fill the parent (`flex: 1` plus cross-axis stretch) so the
+     * content sits in the middle of it rather than hugging its own height.
+     * Inside a `ScrollView`, put the flex on `contentContainerStyle` instead —
+     * a scroll view's children cannot flex against its content size.
+     */
+    fill?: boolean;
+}
+/**
+ * Centered placeholder for a screen, list, or panel with nothing to show:
+ * a large icon, a title, optional supporting copy, and an optional action.
+ *
+ * @example
+ * ```tsx
+ * <EmptyState
+ *   icon="status.info"
+ *   title="No results"
+ *   description="Try a different search term or clear your filters."
+ *   action={<Button onPress={reset}>Clear filters</Button>}
+ * />
+ * ```
+ */
+export declare const EmptyState: import("react").ForwardRefExoticComponent<EmptyStateProps & import("react").RefAttributes<import("react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement").default>>;
+//# sourceMappingURL=EmptyState.d.ts.map

package/lib/typescript/src/components/empty-state/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../../src/components/empty-state/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAe,MAAM,cAAc,CAAC;AAI3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAS,CAAC;AAE9C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAClE,2DAA2D;IAC3D,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qEAAqE;IACrE,KAAK,EAAE,SAAS,CAAC;IACjB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mEAAmE;IACnE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAkCD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,6LAmDrB,CAAC"}

package/lib/typescript/src/components/empty-state/index.d.ts

@@ -0,0 +1,4 @@
+export type { EmptyStateProps } from './EmptyState.js';
+export { EmptyState } from './EmptyState.js';
+export type { EmptyStateSize } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/empty-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/empty-state/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAc,CAAC;AAC1C,YAAY,EAAE,cAAc,EAAE,MAAM,YAAS,CAAC"}

package/lib/typescript/src/components/empty-state/types.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Overall scale of an empty state — drives the icon size, the typography of the
+ * title/description, and the spacing between them.
+ */
+export type EmptyStateSize = 'sm' | 'md' | 'lg';
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/empty-state/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/empty-state/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC"}

package/lib/typescript/src/components/header/header-buttons.d.ts

@@ -1,3 +1,30 @@
+import { type ToolbarButtonProps } from '../toolbar/index.js';
+/**
+ * @deprecated Use {@link Toolbar.Button}. `HeaderButton` is an alias kept for
+ * compatibility and renders identically; `Toolbar.Button` additionally goes
+ * transparent inside a `Toolbar.Group` so several actions can share one
+ * capsule.
+ */
+export type HeaderButtonProps = ToolbarButtonProps;
+/**
+ * @deprecated Use {@link Toolbar.Button}, which is the same component under a
+ * name that also covers toolbars outside a header.
+ *
+ * @example
+ * ```tsx
+ * <Header.Title
+ *   title="Inbox"
+ *   RightToolbar={
+ *     <Toolbar.Button
+ *       icon="status.info"
+ *       accessibilityLabel="Info"
+ *       onPress={showInfo}
+ *     />
+ *   }
+ * />
+ * ```
+ */
+export declare const HeaderButton: typeof import("../toolbar/Toolbar.js").ToolbarButton;
 export type HeaderDismissAction = 'back' | 'close' | 'none';
 export interface HeaderDismissNavigation {
     canGoBack?: () => boolean;

package/lib/typescript/src/components/header/header-buttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header-buttons.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/header-buttons.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5D,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,0EAA0E;IAC1E,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,kEAAkE;IAClE,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC;AAmBD,wBAAgB,mBAAmB,CAAC,EAClC,aAAsB,EACtB,UAAU,EACV,SAAS,GACV,EAAE,kBAAkB,sCA0CpB"}
+{"version":3,"file":"header-buttons.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/header-buttons.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAW,KAAK,kBAAkB,EAAE,MAAM,qBAAY,CAAC;AAE9D;;;;;GAKG;AACH,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC;AAEnD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,YAAY,sDAAiB,CAAC;AAE3C,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5D,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,0EAA0E;IAC1E,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,kEAAkE;IAClE,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC;AAWD,wBAAgB,mBAAmB,CAAC,EAClC,aAAsB,EACtB,UAAU,EACV,SAAS,GACV,EAAE,kBAAkB,sCA4BpB"}

package/lib/typescript/src/components/header/index.d.ts

@@ -1,5 +1,5 @@
 export { Header } from './Header.js';
-export { type HeaderDismissAction, HeaderDismissButton, type HeaderDismissNavigation, type HeaderDismissProps, } from './header-buttons.js';
+export { HeaderButton, type HeaderButtonProps, type HeaderDismissAction, HeaderDismissButton, type HeaderDismissNavigation, type HeaderDismissProps, } from './header-buttons.js';
 export type { LargeTitleHeaderProps } from './variants/LargeTitleHeader/index.js';
 export { LargeTitleHeader } from './variants/LargeTitleHeader/index.js';
 export type { TitleHeaderProps } from './variants/TitleHeader/index.js';

package/lib/typescript/src/components/header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAU,CAAC;AAClC,OAAO,EACL,KAAK,mBAAmB,EACxB,mBAAmB,EACnB,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,GACxB,MAAM,qBAAkB,CAAC;AAC1B,YAAY,EAAE,qBAAqB,EAAE,MAAM,sCAA6B,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAA6B,CAAC;AAC/D,YAAY,EAAE,gBAAgB,EAAE,MAAM,iCAAwB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAU,CAAC;AAClC,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,mBAAmB,EACnB,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,GACxB,MAAM,qBAAkB,CAAC;AAC1B,YAAY,EAAE,qBAAqB,EAAE,MAAM,sCAA6B,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAA6B,CAAC;AAC/D,YAAY,EAAE,gBAAgB,EAAE,MAAM,iCAAwB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAwB,CAAC"}

package/lib/typescript/src/components/header/parts/HeaderGradientOverlay.d.ts

@@ -0,0 +1,7 @@
+export interface HeaderGradientOverlayProps {
+    /** Fill color, fading from fully opaque to 90% opacity along the gradient. */
+    color: string;
+}
+/** Vertical fade-out overlay behind header content, shared by header variants. */
+export declare function HeaderGradientOverlay({ color }: HeaderGradientOverlayProps): import("react").JSX.Element;
+//# sourceMappingURL=HeaderGradientOverlay.d.ts.map

package/lib/typescript/src/components/header/parts/HeaderGradientOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderGradientOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/header/parts/HeaderGradientOverlay.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,0BAA0B;IACzC,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAC;CACf;AAED,kFAAkF;AAClF,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,0BAA0B,+BAc1E"}

package/lib/typescript/src/components/header/variants/LargeTitleHeader/index.d.ts

@@ -21,5 +21,5 @@ export interface LargeTitleHeaderProps extends TitleHeaderProps {
  * </Screen.Header>
  * ```
  */
-export declare function LargeTitleHeader({ title, caption, LeftComponent, RightComponent, dismissAction, navigation, onDismiss, titleAlignment, isLargeTitleHidden, bg, }: LargeTitleHeaderProps): import("react").JSX.Element;
+export declare function LargeTitleHeader({ title, caption, LeftToolbar, RightToolbar, dismissAction, navigation, onDismiss, titleAlignment, isLargeTitleHidden, bg, }: LargeTitleHeaderProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/header/variants/LargeTitleHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/LargeTitleHeader/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAgB,CAAC;AASvD,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AA4DD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,aAAa,EACb,cAAc,EACd,aAAsB,EACtB,UAAU,EACV,SAAS,EACT,cAAyB,EACzB,kBAA0B,EAC1B,EAAsB,GACvB,EAAE,qBAAqB,+BA4KvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/LargeTitleHeader/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAgB,CAAC;AASvD,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AA0DD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,WAAW,EACX,YAAY,EACZ,aAAsB,EACtB,UAAU,EACV,SAAS,EACT,cAAyB,EACzB,kBAA0B,EAC1B,EAAsB,GACvB,EAAE,qBAAqB,+BAyIvB"}

package/lib/typescript/src/components/header/variants/TitleHeader/index.d.ts

@@ -1,12 +1,18 @@
-import { type ReactNode } from 'react';
-import type { ColorToken } from '#theme/types';
+import type { ReactNode } from 'react';
+import type { ColorToken } from '../../../../theme/types';
 import { type HeaderDismissProps } from '../../header-buttons.js';
 export interface TitleHeaderProps extends HeaderDismissProps {
     title?: string;
-    /** Content on the leading side (e.g. a back button). */
-    LeftComponent?: ReactNode;
-    /** Content on the trailing side (e.g. an action). */
-    RightComponent?: ReactNode;
+    /**
+     * Leading-side actions, wrapped in a `Toolbar` row. Pass `Toolbar.Group` /
+     * `Toolbar.Button` children directly — no `Toolbar` of your own.
+     */
+    LeftToolbar?: ReactNode;
+    /**
+     * Trailing-side actions, wrapped in a `Toolbar` row. Pass `Toolbar.Group` /
+     * `Toolbar.Button` children directly — no `Toolbar` of your own.
+     */
+    RightToolbar?: ReactNode;
     /** Title placement within the bar. Defaults to `'center'`. */
     titleAlignment?: 'center' | 'left';
     /** Background color token. Defaults to `surface.default`. */
@@ -20,9 +26,14 @@ export interface TitleHeaderProps extends HeaderDismissProps {
  * @example
  * ```tsx
  * <Screen.Header>
- *   <Header.Title title="Stats" RightComponent={<Button>Edit</Button>} />
+ *   <Header.Title
+ *     title="Stats"
+ *     RightToolbar={
+ *       <Toolbar.Button icon="add" accessibilityLabel="Add" onPress={add} />
+ *     }
+ *   />
  * </Screen.Header>
  * ```
  */
-export declare function TitleHeader({ title, LeftComponent, RightComponent, dismissAction, navigation, onDismiss, titleAlignment, bg, }: TitleHeaderProps): import("react").JSX.Element;
+export declare function TitleHeader({ title, LeftToolbar, RightToolbar, dismissAction, navigation, onDismiss, titleAlignment, bg, }: TitleHeaderProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/header/variants/TitleHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/TitleHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAY9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI/C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,yBAAsB,CAAC;AAE9B,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,qDAAqD;IACrD,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,8DAA8D;IAC9D,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACnC,6DAA6D;IAC7D,EAAE,CAAC,EAAE,UAAU,CAAC;CACjB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,aAAa,EACb,cAAc,EACd,aAAsB,EACtB,UAAU,EACV,SAAS,EACT,cAAyB,EACzB,EAAsB,GACvB,EAAE,gBAAgB,+BAsElB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/TitleHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,yBAAsB,CAAC;AAG9B,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACnC,6DAA6D;IAC7D,EAAE,CAAC,EAAE,UAAU,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,YAAY,EACZ,aAAsB,EACtB,UAAU,EACV,SAAS,EACT,cAAyB,EACzB,EAAsB,GACvB,EAAE,gBAAgB,+BA2DlB"}

package/lib/typescript/src/components/icon/Icon.d.ts

@@ -1,5 +1,5 @@
 import { type ViewProps } from 'react-native';
-import type { ColorToken, TerraIconName } from '#theme/types';
+import type { ColorToken, TerraIconName } from '../../theme/types';
 export interface IconProps extends Omit<ViewProps, 'children'> {
     /** Semantic or configured icon name from the theme registry. */
     name: TerraIconName;

package/lib/typescript/src/components/icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpD,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG9D,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC5D,gEAAgE;IAChE,IAAI,EAAE,aAAa,CAAC;IACpB,iEAAiE;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI,uLA4ChB,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpD,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG9D,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC5D,gEAAgE;IAChE,IAAI,EAAE,aAAa,CAAC;IACpB,iEAAiE;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI,uLAgChB,CAAC"}

package/lib/typescript/src/components/image/Image.d.ts

@@ -0,0 +1,16 @@
+import type { ImageProps } from './types.js';
+/**
+ * Renders the image implementation configured via
+ * `configureTerraUI({ image })` (defaults to React Native's `Image`).
+ *
+ * @example
+ * ```tsx
+ * <Image
+ *   source={{ uri: 'https://example.com/photo.jpg' }}
+ *   contentFit="cover"
+ *   style={{ width: 40, height: 40 }}
+ * />
+ * ```
+ */
+export declare function Image({ contentFit, width, height, radius, style, ...rest }: ImageProps): import("react").JSX.Element;
+//# sourceMappingURL=Image.d.ts.map

package/lib/typescript/src/components/image/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../src/components/image/Image.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAS,CAAC;AAE1C;;;;;;;;;;;;GAYG;AACH,wBAAgB,KAAK,CAAC,EACpB,UAAoB,EACpB,KAAK,EACL,MAAM,EACN,MAAe,EACf,KAAK,EACL,GAAG,IAAI,EACR,EAAE,UAAU,+BAQZ"}

package/lib/typescript/src/components/image/index.d.ts

@@ -0,0 +1,3 @@
+export { Image } from './Image.js';
+export type { ImageProps } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/image/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,YAAS,CAAC"}

package/lib/typescript/src/components/image/types.d.ts

@@ -0,0 +1,7 @@
+import type { RadiusKey, TerraImageProps } from '../../theme/types';
+export interface ImageProps extends TerraImageProps {
+    width?: number;
+    height?: number;
+    radius?: RadiusKey;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/image/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/image/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,WAAW,UAAW,SAAQ,eAAe;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB"}

package/lib/typescript/src/components/index.d.ts

@@ -1,8 +1,11 @@
 export * from './avatar/index.js';
 export * from './box/index.js';
 export * from './button/index.js';
+export * from './chip/index.js';
+export * from './empty-state/index.js';
 export * from './header/index.js';
 export * from './icon/index.js';
+export * from './image/index.js';
 export * from './page-indicator/index.js';
 export * from './portal/index.js';
 export * from './screen/index.js';
@@ -11,4 +14,5 @@ export * from './spinner/index.js';
 export * from './surface/index.js';
 export * from './text/index.js';
 export * from './toast/index.js';
+export * from './toolbar/index.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAU,CAAC;AACzB,cAAc,gBAAO,CAAC;AACtB,cAAc,mBAAU,CAAC;AACzB,cAAc,mBAAU,CAAC;AACzB,cAAc,iBAAQ,CAAC;AACvB,cAAc,2BAAkB,CAAC;AACjC,cAAc,mBAAU,CAAC;AACzB,cAAc,mBAAU,CAAC;AACzB,cAAc,iBAAQ,CAAC;AACvB,cAAc,oBAAW,CAAC;AAC1B,cAAc,oBAAW,CAAC;AAC1B,cAAc,iBAAQ,CAAC;AACvB,cAAc,kBAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAU,CAAC;AACzB,cAAc,gBAAO,CAAC;AACtB,cAAc,mBAAU,CAAC;AACzB,cAAc,iBAAQ,CAAC;AACvB,cAAc,wBAAe,CAAC;AAC9B,cAAc,mBAAU,CAAC;AACzB,cAAc,iBAAQ,CAAC;AACvB,cAAc,kBAAS,CAAC;AACxB,cAAc,2BAAkB,CAAC;AACjC,cAAc,mBAAU,CAAC;AACzB,cAAc,mBAAU,CAAC;AACzB,cAAc,iBAAQ,CAAC;AACvB,cAAc,oBAAW,CAAC;AAC1B,cAAc,oBAAW,CAAC;AAC1B,cAAc,iBAAQ,CAAC;AACvB,cAAc,kBAAS,CAAC;AACxB,cAAc,oBAAW,CAAC"}

package/lib/typescript/src/components/page-indicator/PageIndicator.d.ts

@@ -1,6 +1,6 @@
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { SharedValue } from 'react-native-reanimated';
-import type { ColorToken } from '#theme/types';
+import type { ColorToken } from '../../theme/types';
 export type PageIndicatorVariant = 'pill' | 'dot';
 type PageIndicatorCoreProps = {
     /** Number of pages represented by the indicator. */

package/lib/typescript/src/components/page-indicator/hooks/use-page-indicator-colors.d.ts

@@ -1,4 +1,4 @@
-import type { ColorToken } from '#theme/types';
+import type { ColorToken } from '../../../theme/types';
 /** Resolved color strings for Reanimated and SVG (worklets cannot use theme tokens). */
 export interface ResolvedColors {
     activeColor: string;

package/lib/typescript/src/components/page-indicator/variants/DotIndicator/index.d.ts

@@ -1,6 +1,6 @@
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { SharedValue } from 'react-native-reanimated';
-import type { ColorToken } from '#theme/types';
+import type { ColorToken } from '../../../../theme/types';
 export interface DotIndicatorProps {
     /** Number of pages represented by the indicator. */
     count: number;

package/lib/typescript/src/components/page-indicator/variants/PillIndicator/index.d.ts

@@ -1,6 +1,6 @@
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { SharedValue } from 'react-native-reanimated';
-import type { ColorToken } from '#theme/types';
+import type { ColorToken } from '../../../../theme/types';
 export interface PillIndicatorProps {
     /** Number of pages represented by the indicator. */
     count: number;

package/lib/typescript/src/components/portal/Portal.d.ts

@@ -0,0 +1,26 @@
+import { type FC, type ReactNode } from 'react';
+import { type PortalHostProps } from './PortalHost.js';
+import { type PortalProviderProps } from './PortalProvider.js';
+export interface PortalProps {
+    /** Name of the `PortalHost` to teleport `children` into. */
+    hostName: string;
+    children?: ReactNode;
+}
+type PortalWithCompatApi = FC<PortalProps> & {
+    Provider: FC<PortalProviderProps>;
+    Host: FC<PortalHostProps>;
+};
+/**
+ * Declaratively teleports `children` into the `PortalHost` named `hostName`,
+ * for as long as this component stays mounted.
+ *
+ * @example
+ * ```tsx
+ * <Portal hostName="screen-header">
+ *   <LargeTitle />
+ * </Portal>
+ * ```
+ */
+export declare const Portal: PortalWithCompatApi;
+export {};
+//# sourceMappingURL=Portal.d.ts.map

package/lib/typescript/src/components/portal/Portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAiC,MAAM,OAAO,CAAC;AAG/E,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,iBAAc,CAAC;AAChE,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,qBAAkB,CAAC;AAI5E,MAAM,WAAW,WAAW;IAC1B,4DAA4D;IAC5D,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAuBD,KAAK,mBAAmB,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG;IAC3C,QAAQ,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC;IAClC,IAAI,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,EAGb,mBAAmB,CAAC"}

package/lib/typescript/src/components/portal/PortalContext.d.ts

@@ -1,19 +1,16 @@
 import { type ReactNode } from 'react';
+export interface PortalEntry {
+    key: number;
+    node: ReactNode;
+}
+export type PortalStore = Record<string, PortalEntry[]>;
 export interface PortalContextValue {
-    /** Register (or replace) portal content under a stable id. */
-    registerContent: (id: string, content: ReactNode) => void;
-    /** Remove the content previously registered under `id`. */
-    unregisterContent: (id: string) => void;
-    /** Currently registered content, keyed by id, rendered by `PortalHost`. */
-    contents: Map<string, ReactNode>;
+    /** Portal entries currently registered, keyed by host name. */
+    portals: PortalStore;
+    /** Register (or replace) the entry `key` under `hostName`. */
+    upsertPortal: (hostName: string, key: number, node: ReactNode) => void;
+    /** Remove the entry `key` previously registered under `hostName`. */
+    removePortal: (hostName: string, key: number) => void;
 }
 export declare const PortalContext: import("react").Context<PortalContextValue | null>;
-/**
- * Access the nearest {@link PortalProvider}. Used by components that need to
- * teleport content into a `PortalHost` rendered elsewhere in the tree (e.g. the
- * large-title header injecting its title into the scroll content).
- *
- * @throws if called outside a `PortalProvider`.
- */
-export declare function usePortal(): PortalContextValue;
 //# sourceMappingURL=PortalContext.d.ts.map

package/lib/typescript/src/components/portal/PortalContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PortalContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/PortalContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAElE,MAAM,WAAW,kBAAkB;IACjC,8DAA8D;IAC9D,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAC;IAC1D,2DAA2D;IAC3D,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,2EAA2E;IAC3E,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CAClC;AAED,eAAO,MAAM,aAAa,oDAAiD,CAAC;AAE5E;;;;;;GAMG;AACH,wBAAgB,SAAS,IAAI,kBAAkB,CAM9C"}
+{"version":3,"file":"PortalContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/PortalContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC;AAExD,MAAM,WAAW,kBAAkB;IACjC,+DAA+D;IAC/D,OAAO,EAAE,WAAW,CAAC;IACrB,8DAA8D;IAC9D,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACvE,qEAAqE;IACrE,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD;AAED,eAAO,MAAM,aAAa,oDAAiD,CAAC"}

package/lib/typescript/src/components/portal/PortalHost.d.ts

@@ -1,7 +1,12 @@
+import { type ViewProps } from 'react-native';
+export type PortalHostProps = Omit<ViewProps, 'children'> & {
+    /** Renders every `Portal` registered under this host name, in insertion order. */
+    name: string;
+};
 /**
- * Renders every node currently registered with the nearest
- * {@link PortalProvider}, in insertion order. Place it where teleported content
- * should appear (e.g. at the top of a `Screen.ScrollView`).
+ * Renders every entry currently registered under `name` on the nearest
+ * {@link PortalProvider}. Place it where teleported content should appear
+ * (e.g. at the top of a `Screen.ScrollView`).
  */
-export declare function PortalHost(): import("react").JSX.Element;
+export declare function PortalHost({ name, ...viewProps }: PortalHostProps): import("react").JSX.Element;
 //# sourceMappingURL=PortalHost.d.ts.map

package/lib/typescript/src/components/portal/PortalHost.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PortalHost.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/PortalHost.tsx"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,wBAAgB,UAAU,gCAUzB"}
+{"version":3,"file":"PortalHost.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/PortalHost.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC1D,kFAAkF;IAClF,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,+BAWjE"}

package/lib/typescript/src/components/portal/PortalProvider.d.ts

@@ -3,9 +3,9 @@ export interface PortalProviderProps {
     children: ReactNode;
 }
 /**
- * Holds a registry of teleported content. Children register/unregister nodes by
- * id (see {@link usePortal}); a `PortalHost` placed anywhere below renders them.
- * Context-only — no animation dependency.
+ * Holds a registry of teleported content, keyed by host name. Descendant
+ * `Portal` components register/unregister entries; a `PortalHost` placed
+ * anywhere below renders the entries for its `name`.
  */
 export declare function PortalProvider({ children }: PortalProviderProps): import("react").JSX.Element;
 //# sourceMappingURL=PortalProvider.d.ts.map

package/lib/typescript/src/components/portal/PortalProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PortalProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/PortalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAC;AAIvE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,+BA8B/D"}
+{"version":3,"file":"PortalProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/PortalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAC;AAQvE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,+BA+D/D"}

package/lib/typescript/src/components/portal/index.d.ts

@@ -1,5 +1,7 @@
-export type { PortalContextValue } from './PortalContext.js';
-export { usePortal } from './PortalContext.js';
+export type { PortalProps } from './Portal.js';
+export { Portal } from './Portal.js';
+export type { PortalContextValue, PortalEntry } from './PortalContext.js';
+export type { PortalHostProps } from './PortalHost.js';
 export { PortalHost } from './PortalHost.js';
 export type { PortalProviderProps } from './PortalProvider.js';
 export { PortalProvider } from './PortalProvider.js';

package/lib/typescript/src/components/portal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAiB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAiB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAc,CAAC;AAC1C,YAAY,EAAE,mBAAmB,EAAE,MAAM,qBAAkB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,aAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAU,CAAC;AAClC,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,oBAAiB,CAAC;AACvE,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAc,CAAC;AAC1C,YAAY,EAAE,mBAAmB,EAAE,MAAM,qBAAkB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAkB,CAAC"}

package/lib/typescript/src/components/screen/Screen.d.ts

@@ -1,8 +1,11 @@
 import { type ComponentPropsWithoutRef, type ComponentRef, type ElementType, Fragment, forwardRef, type PropsWithChildren, type ReactNode } from 'react';
-import { type Edge, SafeAreaView, type SafeAreaViewProps } from 'react-native-safe-area-context';
-import type { ColorToken } from '#theme/types';
+import { View } from 'react-native';
+import type { ViewProps } from 'react-native-svg/lib/typescript/fabric/utils';
+import type { ColorToken } from '../../theme/types';
+import { ScreenFlashList } from './ScreenFlashList.js';
 import { ScreenFlatList } from './ScreenFlatList.js';
 import { ScreenScrollView } from './ScreenScrollView.js';
+import type { ScreenMargins } from './types.js';
 export type ScreenHeaderProps<T extends ElementType = typeof Fragment> = PropsWithChildren<{
     /**
      * Component to render the header as. Defaults to `Fragment` (no
@@ -24,29 +27,31 @@ export type ScreenHeaderProps<T extends ElementType = typeof Fragment> = PropsWi
  * ```
  */
 declare function ScreenHeader<T extends ElementType = typeof Fragment>({ children, as, ...rest }: ScreenHeaderProps<T>): import("react").JSX.Element;
-export interface ScreenProps extends Omit<SafeAreaViewProps, 'edges'> {
+declare namespace ScreenHeader {
+    var displayName: string;
+}
+export interface ScreenProps extends ViewProps {
     children: ReactNode;
     /** Background color token. Defaults to the `background` token. */
     bg?: ColorToken;
-    /**
-     * Safe-area edges to inset. Defaults are header-aware: `[]` when a
-     * `Screen.Header` is present (the header owns the top inset), otherwise
-     * `['top', 'bottom']`. An explicit value is respected, except `top` is
-     * dropped when a header is present.
-     */
-    edges?: Edge[];
     /** Hosted inside a tab navigator? Exposed via `useScreen()`. Default false. */
     inTabView?: boolean;
     /**
-     * Apply `layout.screen.margin` padding on `Screen.ScrollView` /
-     * `Screen.FlatList`. Default true. Overridable per scroll container.
+     * Which axes of `layout.screen.margin` the scroll containers pad their
+     * content with. Default `'all'`. Overridable per scroll container.
+     */
+    margins?: ScreenMargins;
+    /**
+     * @deprecated Use `margins` — `false` maps to `margins="none"`. Ignored when
+     * `margins` is set.
      */
-    margins?: boolean;
+    hasMargins?: boolean;
 }
-type ScreenComponent = ReturnType<typeof forwardRef<ComponentRef<typeof SafeAreaView>, ScreenProps>> & {
+type ScreenComponent = ReturnType<typeof forwardRef<ComponentRef<typeof View>, ScreenProps>> & {
     Header: typeof ScreenHeader;
     ScrollView: typeof ScreenScrollView;
     FlatList: typeof ScreenFlatList;
+    FlashList: typeof ScreenFlashList;
 };
 export declare const Screen: ScreenComponent;
 export {};

package/lib/typescript/src/components/screen/Screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../../../src/components/screen/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,QAAQ,EACR,UAAU,EAEV,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,EACL,KAAK,IAAI,EACT,YAAY,EACZ,KAAK,iBAAiB,EACvB,MAAM,gCAAgC,CAAC;AAGxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAoB,CAAC;AAEtD,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,QAAQ,IACnE,iBAAiB,CACf;IACE;;;;OAIG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAClD,CAAC;AAEJ;;;;;;;;;;;GAWG;AACH,iBAAS,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,QAAQ,EAAE,EAC7D,QAAQ,EACR,EAAE,EACF,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAGtB;AAYD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC;IACnE,QAAQ,EAAE,SAAS,CAAC;IACpB,kEAAkE;IAClE,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,+EAA+E;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,eAAe,GAAG,UAAU,CAC/B,OAAO,UAAU,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,EAAE,WAAW,CAAC,CAClE,GAAG;IACF,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B,UAAU,EAAE,OAAO,gBAAgB,CAAC;IACpC,QAAQ,EAAE,OAAO,cAAc,CAAC;CACjC,CAAC;AAkEF,eAAO,MAAM,MAAM,iBAAa,CAAC"}
+{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../../../src/components/screen/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,QAAQ,EACR,UAAU,EAEV,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8CAA8C,CAAC;AAE9E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI/C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAS,CAAC;AAE7C,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,QAAQ,IACnE,iBAAiB,CACf;IACE;;;;OAIG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAClD,CAAC;AAEJ;;;;;;;;;;;GAWG;AACH,iBAAS,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,QAAQ,EAAE,EAC7D,QAAQ,EACR,EAAE,EACF,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAGtB;kBAPQ,YAAY;;;AAyBrB,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,kEAAkE;IAClE,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,KAAK,eAAe,GAAG,UAAU,CAC/B,OAAO,UAAU,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,EAAE,WAAW,CAAC,CAC1D,GAAG;IACF,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B,UAAU,EAAE,OAAO,gBAAgB,CAAC;IACpC,QAAQ,EAAE,OAAO,cAAc,CAAC;IAChC,SAAS,EAAE,OAAO,eAAe,CAAC;CACnC,CAAC;AA4CF,eAAO,MAAM,MAAM,iBAAa,CAAC"}