@ankhorage/surface 1.1.0 → 1.3.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @ankhorage/surface
 
+## 1.3.0
+
+### Minor Changes
+
+- 4e168c9: Add a low-level `AppBar` layout primitive with leading, center, and trailing slots.
+
+  The new primitive is navigator-agnostic, supports optional safe-area top padding via `react-native-safe-area-context`, and keeps visual styling minimal with an optional divider. It is intended as the Surface foundation for future product-facing AppBar components in ZORA.
+
+## 1.2.0
+
+### Minor Changes
+
+- 73fd969: Add a render-only Image primitive.
+
+  This introduces a Surface `Image` component with string and React Native image source support, token-aware sizing and radius props, `fit`/`resizeMode` behavior, accessibility label mapping, and provider-neutral `fallbackSource` handling for load errors.
+
 ## 1.1.0
 
 ### Minor Changes

package/README.md

@@ -23,9 +23,18 @@ bun add @ankhorage/surface
 ## 📦 Usage
 
 ```tsx
-import { Box, Text } from '@ankhorage/surface';
+import { Box, Image, Text } from '@ankhorage/surface';
 
 <Box padding="lg" gap="md">
+  <Image
+    alt="Hero image"
+    fallbackSource="https://example.com/hero-fallback.jpg"
+    fit="cover"
+    height={240}
+    radius="l"
+    source="https://example.com/hero.jpg"
+    width="100%"
+  />
   <Text variant="title">Title</Text>
   <Text>Content</Text>
 </Box>;

package/dist/index.d.ts

@@ -50,6 +50,8 @@ export type { HeadingLevel, HeadingProps } from './primitives/heading';
 export { Heading } from './primitives/heading';
 export type { IconProps, IconProvider } from './primitives/icon';
 export { Icon } from './primitives/icon';
+export type { ImageFit, ImageProps, SurfaceImageSource } from './primitives/image';
+export { Image } from './primitives/image';
 export type { TextProps } from './primitives/text';
 export { Text } from './primitives/text';
 export * from './theme';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EACV,yBAAyB,EACzB,qBAAqB,EACrB,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EACf,WAAW,GACZ,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,MAAM,EACN,UAAU,GACX,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC1F,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACjE,YAAY,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACpE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACrE,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AACjG,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAC1F,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -25,6 +25,7 @@ export * from './layout';
 export { ButtonBase } from './primitives/button-base';
 export { Heading } from './primitives/heading';
 export { Icon } from './primitives/icon';
+export { Image } from './primitives/image';
 export { Text } from './primitives/text';
 export * from './theme';
 export { isDeepEqual } from './utils/deepEqual';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAW3C,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,MAAM,EACN,UAAU,GACX,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEpE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAErE,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAC1F,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC","sourcesContent":["export type { BadgeProps } from './components/badge';\nexport { Badge } from './components/badge';\nexport type { ButtonIconSpec, ButtonProps } from './components/button';\nexport { Button } from './components/button';\nexport type { CardProps } from './components/card';\nexport { Card } from './components/card';\nexport type { CheckboxProps } from './components/checkbox';\nexport { Checkbox } from './components/checkbox';\nexport type { DrawerProps } from './components/drawer';\nexport { Drawer } from './components/drawer';\nexport type { FieldProps } from './components/field';\nexport { Field } from './components/field';\nexport type { HelperTextProps } from './components/helper-text';\nexport { HelperText } from './components/helper-text';\nexport type { IconButtonProps } from './components/icon-button';\nexport { IconButton } from './components/icon-button';\nexport type { LabelProps } from './components/label';\nexport { Label } from './components/label';\nexport type { ListItemProps } from './components/list-item';\nexport { ListItem } from './components/list-item';\nexport type { MenuItem, MenuProps } from './components/menu';\nexport { Menu } from './components/menu';\nexport type { ModalProps } from './components/modal';\nexport { Modal } from './components/modal';\nexport type {\n  DrawerNavigationItemProps,\n  DrawerNavigationProps,\n  NavigationItemIcon,\n  NavigationItemProps,\n  NavigationItemSpec,\n  NavigationListProps,\n  TabBarItemProps,\n  TabBarProps,\n} from './components/navigation';\nexport {\n  DrawerNavigation,\n  DrawerNavigationItem,\n  NavigationItem,\n  NavigationList,\n  TabBar,\n  TabBarItem,\n} from './components/navigation';\nexport type { RadioProps } from './components/radio';\nexport { Radio } from './components/radio';\nexport type { SwitchProps } from './components/switch';\nexport { Switch } from './components/switch';\nexport type { TabListProps, TabPanelProps, TabProps, TabsProps } from './components/tabs';\nexport { Tab, TabList, TabPanel, Tabs } from './components/tabs';\nexport type { TextInputProps } from './components/text-input';\nexport { TextInput } from './components/text-input';\nexport type { TextareaProps } from './components/textarea';\nexport { Textarea } from './components/textarea';\nexport type { ToastOptions, ToastProps, ToastTone } from './components/toast';\nexport { Toast, ToastProvider, useToast } from './components/toast';\nexport type { TooltipProps } from './components/tooltip';\nexport { Tooltip } from './components/tooltip';\nexport type { FontRuntime } from './context/FontContext';\nexport { FontProvider, useFontContext } from './context/FontContext';\nexport type { I18nInstance, TranslationRuntime, Translator } from './context/TranslationContext';\nexport { TranslationProvider, useTranslationContext } from './context/TranslationContext';\nexport * from './core/responsive';\nexport * from './layout';\nexport type { ButtonBaseProps } from './primitives/button-base';\nexport { ButtonBase } from './primitives/button-base';\nexport type { HeadingLevel, HeadingProps } from './primitives/heading';\nexport { Heading } from './primitives/heading';\nexport type { IconProps, IconProvider } from './primitives/icon';\nexport { Icon } from './primitives/icon';\nexport type { TextProps } from './primitives/text';\nexport { Text } from './primitives/text';\nexport * from './theme';\nexport { isDeepEqual } from './utils/deepEqual';\nexport { deepMerge } from './utils/deepMerge';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAW3C,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,MAAM,EACN,UAAU,GACX,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEpE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAErE,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAC1F,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC","sourcesContent":["export type { BadgeProps } from './components/badge';\nexport { Badge } from './components/badge';\nexport type { ButtonIconSpec, ButtonProps } from './components/button';\nexport { Button } from './components/button';\nexport type { CardProps } from './components/card';\nexport { Card } from './components/card';\nexport type { CheckboxProps } from './components/checkbox';\nexport { Checkbox } from './components/checkbox';\nexport type { DrawerProps } from './components/drawer';\nexport { Drawer } from './components/drawer';\nexport type { FieldProps } from './components/field';\nexport { Field } from './components/field';\nexport type { HelperTextProps } from './components/helper-text';\nexport { HelperText } from './components/helper-text';\nexport type { IconButtonProps } from './components/icon-button';\nexport { IconButton } from './components/icon-button';\nexport type { LabelProps } from './components/label';\nexport { Label } from './components/label';\nexport type { ListItemProps } from './components/list-item';\nexport { ListItem } from './components/list-item';\nexport type { MenuItem, MenuProps } from './components/menu';\nexport { Menu } from './components/menu';\nexport type { ModalProps } from './components/modal';\nexport { Modal } from './components/modal';\nexport type {\n  DrawerNavigationItemProps,\n  DrawerNavigationProps,\n  NavigationItemIcon,\n  NavigationItemProps,\n  NavigationItemSpec,\n  NavigationListProps,\n  TabBarItemProps,\n  TabBarProps,\n} from './components/navigation';\nexport {\n  DrawerNavigation,\n  DrawerNavigationItem,\n  NavigationItem,\n  NavigationList,\n  TabBar,\n  TabBarItem,\n} from './components/navigation';\nexport type { RadioProps } from './components/radio';\nexport { Radio } from './components/radio';\nexport type { SwitchProps } from './components/switch';\nexport { Switch } from './components/switch';\nexport type { TabListProps, TabPanelProps, TabProps, TabsProps } from './components/tabs';\nexport { Tab, TabList, TabPanel, Tabs } from './components/tabs';\nexport type { TextInputProps } from './components/text-input';\nexport { TextInput } from './components/text-input';\nexport type { TextareaProps } from './components/textarea';\nexport { Textarea } from './components/textarea';\nexport type { ToastOptions, ToastProps, ToastTone } from './components/toast';\nexport { Toast, ToastProvider, useToast } from './components/toast';\nexport type { TooltipProps } from './components/tooltip';\nexport { Tooltip } from './components/tooltip';\nexport type { FontRuntime } from './context/FontContext';\nexport { FontProvider, useFontContext } from './context/FontContext';\nexport type { I18nInstance, TranslationRuntime, Translator } from './context/TranslationContext';\nexport { TranslationProvider, useTranslationContext } from './context/TranslationContext';\nexport * from './core/responsive';\nexport * from './layout';\nexport type { ButtonBaseProps } from './primitives/button-base';\nexport { ButtonBase } from './primitives/button-base';\nexport type { HeadingLevel, HeadingProps } from './primitives/heading';\nexport { Heading } from './primitives/heading';\nexport type { IconProps, IconProvider } from './primitives/icon';\nexport { Icon } from './primitives/icon';\nexport type { ImageFit, ImageProps, SurfaceImageSource } from './primitives/image';\nexport { Image } from './primitives/image';\nexport type { TextProps } from './primitives/text';\nexport { Text } from './primitives/text';\nexport * from './theme';\nexport { isDeepEqual } from './utils/deepEqual';\nexport { deepMerge } from './utils/deepMerge';\n"]}

package/dist/internal/overlay/useOverlayStack.d.ts

@@ -21,7 +21,6 @@ export interface OverlayStackRuntime extends OverlayStackActions {
 export declare function sortOverlayEntries(entries: OverlayEntry[]): OverlayEntry[];
 export declare const OverlayStackContext: React.Context<OverlayStackRuntime | null>;
 export declare const OverlayStackActionsContext: React.Context<OverlayStackActions | null>;
-export declare function useOverlayStack(): OverlayStackRuntime | null;
 export declare function useOverlayStackActions(): OverlayStackActions | null;
 export declare function createOverlayEntry(id: string, order: number, descriptor: OverlayDescriptor): OverlayEntry;
 //# sourceMappingURL=useOverlayStack.d.ts.map

package/dist/internal/overlay/useOverlayStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOverlayStack.d.ts","sourceRoot":"","sources":["../../../src/internal/overlay/useOverlayStack.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,YAAY,EAAwB,MAAM,mCAAmC,CAAC;AAE5F,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7D,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,QAAQ,EAAE,YAAY,EAAE,CAAC;CAC1B;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,CAiB1E;AAED,eAAO,MAAM,mBAAmB,2CAAwD,CAAC;AAEzF,eAAO,MAAM,0BAA0B,2CAAwD,CAAC;AAEhG,wBAAgB,eAAe,IAAI,mBAAmB,GAAG,IAAI,CAE5D;AAED,wBAAgB,sBAAsB,IAAI,mBAAmB,GAAG,IAAI,CAEnE;AAED,wBAAgB,kBAAkB,CAChC,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,iBAAiB,GAC5B,YAAY,CAQd"}
+{"version":3,"file":"useOverlayStack.d.ts","sourceRoot":"","sources":["../../../src/internal/overlay/useOverlayStack.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,YAAY,EAAwB,MAAM,mCAAmC,CAAC;AAE5F,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7D,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,QAAQ,EAAE,YAAY,EAAE,CAAC;CAC1B;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,CAiB1E;AAED,eAAO,MAAM,mBAAmB,2CAAwD,CAAC;AAEzF,eAAO,MAAM,0BAA0B,2CAAwD,CAAC;AAEhG,wBAAgB,sBAAsB,IAAI,mBAAmB,GAAG,IAAI,CAEnE;AAED,wBAAgB,kBAAkB,CAChC,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,iBAAiB,GAC5B,YAAY,CAQd"}

package/dist/internal/overlay/useOverlayStack.js

@@ -16,9 +16,6 @@ export function sortOverlayEntries(entries) {
 }
 export const OverlayStackContext = React.createContext(null);
 export const OverlayStackActionsContext = React.createContext(null);
-export function useOverlayStack() {
-    return React.useContext(OverlayStackContext);
-}
 export function useOverlayStackActions() {
     return React.useContext(OverlayStackActionsContext);
 }

package/dist/internal/overlay/useOverlayStack.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOverlayStack.js","sourceRoot":"","sources":["../../../src/internal/overlay/useOverlayStack.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAwB5F,MAAM,UAAU,kBAAkB,CAAC,OAAuB;IACxD,MAAM,cAAc,GAA0C,EAAE,CAAC;IACjE,MAAM,iBAAiB,GAAG,CAAC,GAAG,OAAO,CAAC;SACnC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;SAC/C,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACb,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACpD,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC;QAE7C,OAAO;YACL,GAAG,KAAK;YACR,MAAM,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,CAAC;SACtD,CAAC;IACJ,CAAC,CAAC,CAAC;IAEL,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC5C,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CACrF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAA6B,IAAI,CAAC,CAAC;AAEzF,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAA6B,IAAI,CAAC,CAAC;AAEhG,MAAM,UAAU,eAAe;IAC7B,OAAO,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,sBAAsB;IACpC,OAAO,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC;AACtD,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,EAAU,EACV,KAAa,EACb,UAA6B;IAE7B,OAAO;QACL,EAAE;QACF,KAAK,EAAE,UAAU,CAAC,KAAK;QACvB,IAAI,EAAE,UAAU,CAAC,IAAI;QACrB,KAAK;QACL,MAAM,EAAE,oBAAoB,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC;KAClD,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport { type OverlayLayer, resolveOverlayZIndex } from '../resolvers/resolveOverlayZIndex';\n\nexport interface OverlayEntry {\n  id: string;\n  layer: OverlayLayer;\n  node: React.ReactNode;\n  order: number;\n  zIndex: number;\n}\n\nexport interface OverlayDescriptor {\n  layer: OverlayLayer;\n  node: React.ReactNode;\n}\n\nexport interface OverlayStackActions {\n  setOverlay: (id: string, overlay: OverlayDescriptor) => void;\n  removeOverlay: (id: string) => void;\n}\n\nexport interface OverlayStackRuntime extends OverlayStackActions {\n  overlays: OverlayEntry[];\n}\n\nexport function sortOverlayEntries(entries: OverlayEntry[]): OverlayEntry[] {\n  const perLayerCounts: Partial<Record<OverlayLayer, number>> = {};\n  const normalizedEntries = [...entries]\n    .sort((left, right) => left.order - right.order)\n    .map((entry) => {\n      const stackIndex = perLayerCounts[entry.layer] ?? 0;\n      perLayerCounts[entry.layer] = stackIndex + 1;\n\n      return {\n        ...entry,\n        zIndex: resolveOverlayZIndex(entry.layer, stackIndex),\n      };\n    });\n\n  return normalizedEntries.sort((left, right) =>\n    left.zIndex === right.zIndex ? left.order - right.order : left.zIndex - right.zIndex,\n  );\n}\n\nexport const OverlayStackContext = React.createContext<OverlayStackRuntime | null>(null);\n\nexport const OverlayStackActionsContext = React.createContext<OverlayStackActions | null>(null);\n\nexport function useOverlayStack(): OverlayStackRuntime | null {\n  return React.useContext(OverlayStackContext);\n}\n\nexport function useOverlayStackActions(): OverlayStackActions | null {\n  return React.useContext(OverlayStackActionsContext);\n}\n\nexport function createOverlayEntry(\n  id: string,\n  order: number,\n  descriptor: OverlayDescriptor,\n): OverlayEntry {\n  return {\n    id,\n    layer: descriptor.layer,\n    node: descriptor.node,\n    order,\n    zIndex: resolveOverlayZIndex(descriptor.layer, 0),\n  };\n}\n"]}
+{"version":3,"file":"useOverlayStack.js","sourceRoot":"","sources":["../../../src/internal/overlay/useOverlayStack.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAwB5F,MAAM,UAAU,kBAAkB,CAAC,OAAuB;IACxD,MAAM,cAAc,GAA0C,EAAE,CAAC;IACjE,MAAM,iBAAiB,GAAG,CAAC,GAAG,OAAO,CAAC;SACnC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;SAC/C,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACb,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACpD,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC;QAE7C,OAAO;YACL,GAAG,KAAK;YACR,MAAM,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,CAAC;SACtD,CAAC;IACJ,CAAC,CAAC,CAAC;IAEL,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC5C,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CACrF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAA6B,IAAI,CAAC,CAAC;AAEzF,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAA6B,IAAI,CAAC,CAAC;AAEhG,MAAM,UAAU,sBAAsB;IACpC,OAAO,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC;AACtD,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,EAAU,EACV,KAAa,EACb,UAA6B;IAE7B,OAAO;QACL,EAAE;QACF,KAAK,EAAE,UAAU,CAAC,KAAK;QACvB,IAAI,EAAE,UAAU,CAAC,IAAI;QACrB,KAAK;QACL,MAAM,EAAE,oBAAoB,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC;KAClD,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport { type OverlayLayer, resolveOverlayZIndex } from '../resolvers/resolveOverlayZIndex';\n\nexport interface OverlayEntry {\n  id: string;\n  layer: OverlayLayer;\n  node: React.ReactNode;\n  order: number;\n  zIndex: number;\n}\n\nexport interface OverlayDescriptor {\n  layer: OverlayLayer;\n  node: React.ReactNode;\n}\n\nexport interface OverlayStackActions {\n  setOverlay: (id: string, overlay: OverlayDescriptor) => void;\n  removeOverlay: (id: string) => void;\n}\n\nexport interface OverlayStackRuntime extends OverlayStackActions {\n  overlays: OverlayEntry[];\n}\n\nexport function sortOverlayEntries(entries: OverlayEntry[]): OverlayEntry[] {\n  const perLayerCounts: Partial<Record<OverlayLayer, number>> = {};\n  const normalizedEntries = [...entries]\n    .sort((left, right) => left.order - right.order)\n    .map((entry) => {\n      const stackIndex = perLayerCounts[entry.layer] ?? 0;\n      perLayerCounts[entry.layer] = stackIndex + 1;\n\n      return {\n        ...entry,\n        zIndex: resolveOverlayZIndex(entry.layer, stackIndex),\n      };\n    });\n\n  return normalizedEntries.sort((left, right) =>\n    left.zIndex === right.zIndex ? left.order - right.order : left.zIndex - right.zIndex,\n  );\n}\n\nexport const OverlayStackContext = React.createContext<OverlayStackRuntime | null>(null);\n\nexport const OverlayStackActionsContext = React.createContext<OverlayStackActions | null>(null);\n\nexport function useOverlayStackActions(): OverlayStackActions | null {\n  return React.useContext(OverlayStackActionsContext);\n}\n\nexport function createOverlayEntry(\n  id: string,\n  order: number,\n  descriptor: OverlayDescriptor,\n): OverlayEntry {\n  return {\n    id,\n    layer: descriptor.layer,\n    node: descriptor.node,\n    order,\n    zIndex: resolveOverlayZIndex(descriptor.layer, 0),\n  };\n}\n"]}

package/dist/internal/resolvers/resolveFieldState.d.ts

@@ -1,4 +1,4 @@
-export type FieldStateName = 'default' | 'focused' | 'disabled' | 'invalid' | 'readOnly';
+type FieldStateName = 'default' | 'focused' | 'disabled' | 'invalid' | 'readOnly';
 export interface FieldState {
     name: FieldStateName;
     focused: boolean;
@@ -7,4 +7,5 @@ export interface FieldState {
     readOnly: boolean;
 }
 export declare function resolveFieldState({ focused, disabled, invalid, readOnly, }: Partial<Omit<FieldState, 'name'>>): FieldState;
+export {};
 //# sourceMappingURL=resolveFieldState.d.ts.map

package/dist/internal/resolvers/resolveFieldState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolveFieldState.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveFieldState.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;AAEzF,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAe,EACf,QAAgB,EAChB,OAAe,EACf,QAAgB,GACjB,EAAE,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,GAAG,UAAU,CAoBhD"}
+{"version":3,"file":"resolveFieldState.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveFieldState.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;AAElF,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAe,EACf,QAAgB,EAChB,OAAe,EACf,QAAgB,GACjB,EAAE,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,GAAG,UAAU,CAoBhD"}

package/dist/internal/resolvers/resolveFieldState.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolveFieldState.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveFieldState.ts"],"names":[],"mappings":"AAUA,MAAM,UAAU,iBAAiB,CAAC,EAChC,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,GACkB;IAClC,IAAI,IAAI,GAAmB,SAAS,CAAC;IAErC,IAAI,QAAQ,EAAE,CAAC;QACb,IAAI,GAAG,UAAU,CAAC;IACpB,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC;QACnB,IAAI,GAAG,SAAS,CAAC;IACnB,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC;QACnB,IAAI,GAAG,SAAS,CAAC;IACnB,CAAC;SAAM,IAAI,QAAQ,EAAE,CAAC;QACpB,IAAI,GAAG,UAAU,CAAC;IACpB,CAAC;IAED,OAAO;QACL,IAAI;QACJ,OAAO;QACP,QAAQ;QACR,OAAO;QACP,QAAQ;KACT,CAAC;AACJ,CAAC","sourcesContent":["export type FieldStateName = 'default' | 'focused' | 'disabled' | 'invalid' | 'readOnly';\n\nexport interface FieldState {\n  name: FieldStateName;\n  focused: boolean;\n  disabled: boolean;\n  invalid: boolean;\n  readOnly: boolean;\n}\n\nexport function resolveFieldState({\n  focused = false,\n  disabled = false,\n  invalid = false,\n  readOnly = false,\n}: Partial<Omit<FieldState, 'name'>>): FieldState {\n  let name: FieldStateName = 'default';\n\n  if (disabled) {\n    name = 'disabled';\n  } else if (invalid) {\n    name = 'invalid';\n  } else if (focused) {\n    name = 'focused';\n  } else if (readOnly) {\n    name = 'readOnly';\n  }\n\n  return {\n    name,\n    focused,\n    disabled,\n    invalid,\n    readOnly,\n  };\n}\n"]}
+{"version":3,"file":"resolveFieldState.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveFieldState.ts"],"names":[],"mappings":"AAUA,MAAM,UAAU,iBAAiB,CAAC,EAChC,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,GACkB;IAClC,IAAI,IAAI,GAAmB,SAAS,CAAC;IAErC,IAAI,QAAQ,EAAE,CAAC;QACb,IAAI,GAAG,UAAU,CAAC;IACpB,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC;QACnB,IAAI,GAAG,SAAS,CAAC;IACnB,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC;QACnB,IAAI,GAAG,SAAS,CAAC;IACnB,CAAC;SAAM,IAAI,QAAQ,EAAE,CAAC;QACpB,IAAI,GAAG,UAAU,CAAC;IACpB,CAAC;IAED,OAAO;QACL,IAAI;QACJ,OAAO;QACP,QAAQ;QACR,OAAO;QACP,QAAQ;KACT,CAAC;AACJ,CAAC","sourcesContent":["type FieldStateName = 'default' | 'focused' | 'disabled' | 'invalid' | 'readOnly';\n\nexport interface FieldState {\n  name: FieldStateName;\n  focused: boolean;\n  disabled: boolean;\n  invalid: boolean;\n  readOnly: boolean;\n}\n\nexport function resolveFieldState({\n  focused = false,\n  disabled = false,\n  invalid = false,\n  readOnly = false,\n}: Partial<Omit<FieldState, 'name'>>): FieldState {\n  let name: FieldStateName = 'default';\n\n  if (disabled) {\n    name = 'disabled';\n  } else if (invalid) {\n    name = 'invalid';\n  } else if (focused) {\n    name = 'focused';\n  } else if (readOnly) {\n    name = 'readOnly';\n  }\n\n  return {\n    name,\n    focused,\n    disabled,\n    invalid,\n    readOnly,\n  };\n}\n"]}

package/dist/layout/AppBar.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type BoxProps } from './Box';
+export interface AppBarProps extends Omit<BoxProps, 'children'> {
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    children?: React.ReactNode;
+    safeAreaTop?: boolean;
+    divider?: boolean;
+    contentStyle?: StyleProp<ViewStyle>;
+}
+export declare function AppBar({ leading, trailing, children, safeAreaTop, divider, contentStyle, bg, style, ...props }: AppBarProps): React.JSX.Element;
+//# sourceMappingURL=AppBar.d.ts.map

package/dist/layout/AppBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../src/layout/AppBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG3C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;IAC7D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAkB,EAClB,OAAe,EACf,YAAY,EACZ,EAAE,EACF,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,qBAiCb"}

package/dist/layout/AppBar.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { View } from 'react-native';
+import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
+import { useTheme } from '../theme/ThemeContext';
+import { Box } from './Box';
+import { Divider } from './Divider';
+export function AppBar({ leading, trailing, children, safeAreaTop = true, divider = false, contentStyle, bg, style, ...props }) {
+    const { theme } = useTheme();
+    const insets = React.useContext(SafeAreaInsetsContext);
+    const topInset = safeAreaTop ? (insets?.top ?? 0) : 0;
+    const safeAreaStyle = topInset === 0 ? undefined : { paddingTop: topInset };
+    return (<Box {...props} bg={bg ?? theme.semantics.surface.default} style={[style]}>
+      <View style={safeAreaStyle}>
+        <View style={[
+            {
+                minHeight: 56,
+                flexDirection: 'row',
+                alignItems: 'center',
+                paddingHorizontal: theme.spacing.m,
+            },
+            contentStyle,
+        ]}>
+          {leading ? (<View style={{ marginRight: theme.spacing.s, flexShrink: 0 }}>{leading}</View>) : null}
+          <View style={{ flex: 1, minWidth: 0 }}>{children}</View>
+          {trailing ? (<View style={{ marginLeft: theme.spacing.s, flexShrink: 0 }}>{trailing}</View>) : null}
+        </View>
+        {divider ? <Divider color={theme.semantics.neutral.divider} thickness={1}/> : null}
+      </View>
+    </Box>);
+}
+//# sourceMappingURL=AppBar.js.map

package/dist/layout/AppBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../src/layout/AppBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAWpC,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,IAAI,EAClB,OAAO,GAAG,KAAK,EACf,YAAY,EACZ,EAAE,EACF,KAAK,EACL,GAAG,KAAK,EACI;IACZ,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,MAAM,aAAa,GACjB,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;IAExD,OAAO,CACL,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CACxE;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,CACzB;QAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL;gBACE,SAAS,EAAE,EAAE;gBACb,aAAa,EAAE,KAAK;gBACpB,UAAU,EAAE,QAAQ;gBACpB,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;aACnC;YACD,YAAY;SACb,CAAC,CAEF;UAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CACT,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,CAC/E,CAAC,CAAC,CAAC,IAAI,CACR;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CACvD;UAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,CACV,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAC/E,CAAC,CAAC,CAAC,IAAI,CACV;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAG,CAAC,CAAC,CAAC,IAAI,CACrF;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { type StyleProp, View, type ViewStyle } from 'react-native';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\n\nimport { useTheme } from '../theme/ThemeContext';\nimport { Box, type BoxProps } from './Box';\nimport { Divider } from './Divider';\n\nexport interface AppBarProps extends Omit<BoxProps, 'children'> {\n  leading?: React.ReactNode;\n  trailing?: React.ReactNode;\n  children?: React.ReactNode;\n  safeAreaTop?: boolean;\n  divider?: boolean;\n  contentStyle?: StyleProp<ViewStyle>;\n}\n\nexport function AppBar({\n  leading,\n  trailing,\n  children,\n  safeAreaTop = true,\n  divider = false,\n  contentStyle,\n  bg,\n  style,\n  ...props\n}: AppBarProps) {\n  const { theme } = useTheme();\n  const insets = React.useContext(SafeAreaInsetsContext);\n  const topInset = safeAreaTop ? (insets?.top ?? 0) : 0;\n  const safeAreaStyle: ViewStyle | undefined =\n    topInset === 0 ? undefined : { paddingTop: topInset };\n\n  return (\n    <Box {...props} bg={bg ?? theme.semantics.surface.default} style={[style]}>\n      <View style={safeAreaStyle}>\n        <View\n          style={[\n            {\n              minHeight: 56,\n              flexDirection: 'row',\n              alignItems: 'center',\n              paddingHorizontal: theme.spacing.m,\n            },\n            contentStyle,\n          ]}\n        >\n          {leading ? (\n            <View style={{ marginRight: theme.spacing.s, flexShrink: 0 }}>{leading}</View>\n          ) : null}\n          <View style={{ flex: 1, minWidth: 0 }}>{children}</View>\n          {trailing ? (\n            <View style={{ marginLeft: theme.spacing.s, flexShrink: 0 }}>{trailing}</View>\n          ) : null}\n        </View>\n        {divider ? <Divider color={theme.semantics.neutral.divider} thickness={1} /> : null}\n      </View>\n    </Box>\n  );\n}\n"]}

package/dist/layout/helpers.d.ts

@@ -4,8 +4,8 @@ import type { SurfaceTheme } from '../theme/types';
 type SpaceToken = keyof SurfaceTheme['spacing'];
 type RadiusToken = keyof SurfaceTheme['radii'];
 type ColorToken = keyof SurfaceTheme['colors'];
+type RadiusValue = number | RadiusToken;
 export type SpaceValue = number | SpaceToken;
-export type RadiusValue = number | RadiusToken;
 export type ColorValue = string | ColorToken;
 export interface BoxStyleProps {
     p?: Responsive<SpaceValue>;
@@ -48,9 +48,6 @@ export interface BoxStyleProps {
     style?: StyleProp<ViewStyle>;
 }
 export declare function resolveSpacing(theme: SurfaceTheme, value: SpaceValue | undefined): number | undefined;
-export declare function resolveRadius(theme: SurfaceTheme, value: RadiusValue | undefined): number | undefined;
-export declare function resolveColor(theme: SurfaceTheme, value: ColorValue | undefined): string | undefined;
-export declare function resolveDimension(theme: SurfaceTheme, value: number | string | undefined): number | string | undefined;
 export declare function resolveBoxStyles(theme: SurfaceTheme, breakpoint: Breakpoint, props: BoxStyleProps): ViewStyle;
 export {};
 //# sourceMappingURL=helpers.d.ts.map

package/dist/layout/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/layout/helpers.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/layout/helpers.ts"],"names":[],"mappings":"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"}

package/dist/layout/helpers.js

@@ -7,14 +7,14 @@ export function resolveSpacing(theme, value) {
         return value;
     return theme.spacing[value];
 }
-export function resolveRadius(theme, value) {
+function resolveRadius(theme, value) {
     if (value === undefined)
         return undefined;
     if (typeof value === 'number')
         return value;
     return theme.radii[value];
 }
-export function resolveColor(theme, value) {
+function resolveColor(theme, value) {
     if (value === undefined)
         return undefined;
     if (Object.prototype.hasOwnProperty.call(theme.colors, value)) {
@@ -22,7 +22,7 @@ export function resolveColor(theme, value) {
     }
     return value;
 }
-export function resolveDimension(theme, value) {
+function resolveDimension(theme, value) {
     if (value === undefined || typeof value === 'number')
         return value;
     return resolveToken(theme.spacing, value);

package/dist/layout/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/layout/helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import type { StyleProp, ViewStyle } from 'react-native';\n\nimport { resolveResponsive } from '../core/responsive/resolve';\nimport type { Breakpoint, Responsive } from '../core/responsive/types';\nimport { resolveToken } from '../theme/resolveToken';\nimport type { SurfaceTheme } from '../theme/types';\n\ntype SpaceToken = keyof SurfaceTheme['spacing'];\ntype RadiusToken = keyof SurfaceTheme['radii'];\ntype ColorToken = keyof SurfaceTheme['colors'];\n\nexport type SpaceValue = number | SpaceToken;\nexport type RadiusValue = number | RadiusToken;\nexport type ColorValue = string | ColorToken;\n\nexport interface BoxStyleProps {\n  p?: Responsive<SpaceValue>;\n  px?: Responsive<SpaceValue>;\n  py?: Responsive<SpaceValue>;\n  pt?: Responsive<SpaceValue>;\n  pb?: Responsive<SpaceValue>;\n  pl?: Responsive<SpaceValue>;\n  pr?: Responsive<SpaceValue>;\n  m?: Responsive<SpaceValue>;\n  mx?: Responsive<SpaceValue>;\n  my?: Responsive<SpaceValue>;\n  mt?: Responsive<SpaceValue>;\n  mb?: Responsive<SpaceValue>;\n  ml?: Responsive<SpaceValue>;\n  mr?: Responsive<SpaceValue>;\n  bg?: Responsive<ColorValue>;\n  radius?: Responsive<RadiusValue>;\n  borderWidth?: Responsive<number>;\n  borderColor?: Responsive<ColorValue>;\n  width?: Responsive<number | string>;\n  height?: Responsive<number | string>;\n  minWidth?: Responsive<number | string>;\n  maxWidth?: Responsive<number | string>;\n  minHeight?: Responsive<number | string>;\n  maxHeight?: Responsive<number | string>;\n  flex?: Responsive<number>;\n  flexGrow?: Responsive<number>;\n  flexShrink?: Responsive<number>;\n  flexBasis?: Responsive<number | string>;\n  alignSelf?: Responsive<ViewStyle['alignSelf']>;\n  position?: Responsive<ViewStyle['position']>;\n  top?: Responsive<number>;\n  bottom?: Responsive<number>;\n  left?: Responsive<number>;\n  right?: Responsive<number>;\n  overflow?: Responsive<ViewStyle['overflow']>;\n  zIndex?: Responsive<number>;\n  opacity?: Responsive<number>;\n  style?: StyleProp<ViewStyle>;\n}\n\nexport function resolveSpacing(\n  theme: SurfaceTheme,\n  value: SpaceValue | undefined,\n): number | undefined {\n  if (value === undefined) return undefined;\n  if (typeof value === 'number') return value;\n  return theme.spacing[value as SpaceToken];\n}\n\nexport function resolveRadius(\n  theme: SurfaceTheme,\n  value: RadiusValue | undefined,\n): number | undefined {\n  if (value === undefined) return undefined;\n  if (typeof value === 'number') return value;\n  return theme.radii[value];\n}\n\nexport function resolveColor(\n  theme: SurfaceTheme,\n  value: ColorValue | undefined,\n): string | undefined {\n  if (value === undefined) return undefined;\n  if (Object.prototype.hasOwnProperty.call(theme.colors, value)) {\n    return theme.colors[value];\n  }\n  return value as string;\n}\n\nexport function resolveDimension(\n  theme: SurfaceTheme,\n  value: number | string | undefined,\n): number | string | undefined {\n  if (value === undefined || typeof value === 'number') return value;\n  return resolveToken(theme.spacing, value);\n}\n\nfunction assignIfDefined<T, K extends keyof T>(target: T, key: K, value: T[K] | undefined) {\n  if (value !== undefined) target[key] = value;\n}\n\nexport function resolveBoxStyles(\n  theme: SurfaceTheme,\n  breakpoint: Breakpoint,\n  props: BoxStyleProps,\n): ViewStyle {\n  const styles: ViewStyle = {\n    elevation: 0,\n  };\n\n  const p = resolveSpacing(theme, resolveResponsive(props.p, breakpoint));\n  const px = resolveSpacing(theme, resolveResponsive(props.px, breakpoint));\n  const py = resolveSpacing(theme, resolveResponsive(props.py, breakpoint));\n  const pt = resolveSpacing(theme, resolveResponsive(props.pt, breakpoint));\n  const pb = resolveSpacing(theme, resolveResponsive(props.pb, breakpoint));\n  const pl = resolveSpacing(theme, resolveResponsive(props.pl, breakpoint));\n  const pr = resolveSpacing(theme, resolveResponsive(props.pr, breakpoint));\n  const m = resolveSpacing(theme, resolveResponsive(props.m, breakpoint));\n  const mx = resolveSpacing(theme, resolveResponsive(props.mx, breakpoint));\n  const my = resolveSpacing(theme, resolveResponsive(props.my, breakpoint));\n  const mt = resolveSpacing(theme, resolveResponsive(props.mt, breakpoint));\n  const mb = resolveSpacing(theme, resolveResponsive(props.mb, breakpoint));\n  const ml = resolveSpacing(theme, resolveResponsive(props.ml, breakpoint));\n  const mr = resolveSpacing(theme, resolveResponsive(props.mr, breakpoint));\n\n  assignIfDefined(styles, 'padding', p as ViewStyle['padding']);\n  assignIfDefined(styles, 'paddingHorizontal', px as ViewStyle['paddingHorizontal']);\n  assignIfDefined(styles, 'paddingVertical', py as ViewStyle['paddingVertical']);\n  assignIfDefined(styles, 'paddingTop', pt as ViewStyle['paddingTop']);\n  assignIfDefined(styles, 'paddingBottom', pb as ViewStyle['paddingBottom']);\n  assignIfDefined(styles, 'paddingLeft', pl as ViewStyle['paddingLeft']);\n  assignIfDefined(styles, 'paddingRight', pr as ViewStyle['paddingRight']);\n  assignIfDefined(styles, 'margin', m as ViewStyle['margin']);\n  assignIfDefined(styles, 'marginHorizontal', mx as ViewStyle['marginHorizontal']);\n  assignIfDefined(styles, 'marginVertical', my as ViewStyle['marginVertical']);\n  assignIfDefined(styles, 'marginTop', mt as ViewStyle['marginTop']);\n  assignIfDefined(styles, 'marginBottom', mb as ViewStyle['marginBottom']);\n  assignIfDefined(styles, 'marginLeft', ml as ViewStyle['marginLeft']);\n  assignIfDefined(styles, 'marginRight', mr as ViewStyle['marginRight']);\n\n  assignIfDefined(\n    styles,\n    'backgroundColor',\n    resolveColor(theme, resolveResponsive(props.bg, breakpoint)),\n  );\n  assignIfDefined(\n    styles,\n    'borderRadius',\n    resolveRadius(theme, resolveResponsive(props.radius, breakpoint)) as ViewStyle['borderRadius'],\n  );\n  assignIfDefined(styles, 'borderWidth', resolveResponsive(props.borderWidth, breakpoint));\n  assignIfDefined(\n    styles,\n    'borderColor',\n    resolveColor(theme, resolveResponsive(props.borderColor, breakpoint)),\n  );\n\n  assignIfDefined(\n    styles,\n    'width',\n    resolveDimension(theme, resolveResponsive(props.width, breakpoint)) as ViewStyle['width'],\n  );\n  assignIfDefined(\n    styles,\n    'height',\n    resolveDimension(theme, resolveResponsive(props.height, breakpoint)) as ViewStyle['height'],\n  );\n  assignIfDefined(\n    styles,\n    'minWidth',\n    resolveDimension(theme, resolveResponsive(props.minWidth, breakpoint)) as ViewStyle['minWidth'],\n  );\n  assignIfDefined(\n    styles,\n    'maxWidth',\n    resolveDimension(theme, resolveResponsive(props.maxWidth, breakpoint)) as ViewStyle['maxWidth'],\n  );\n  assignIfDefined(\n    styles,\n    'minHeight',\n    resolveDimension(\n      theme,\n      resolveResponsive(props.minHeight, breakpoint),\n    ) as ViewStyle['minHeight'],\n  );\n  assignIfDefined(\n    styles,\n    'maxHeight',\n    resolveDimension(\n      theme,\n      resolveResponsive(props.maxHeight, breakpoint),\n    ) as ViewStyle['maxHeight'],\n  );\n\n  assignIfDefined(styles, 'flex', resolveResponsive(props.flex, breakpoint));\n  assignIfDefined(styles, 'flexGrow', resolveResponsive(props.flexGrow, breakpoint));\n  assignIfDefined(styles, 'flexShrink', resolveResponsive(props.flexShrink, breakpoint));\n  assignIfDefined(\n    styles,\n    'flexBasis',\n    resolveResponsive(props.flexBasis, breakpoint) as ViewStyle['flexBasis'],\n  );\n  assignIfDefined(styles, 'alignSelf', resolveResponsive(props.alignSelf, breakpoint));\n\n  assignIfDefined(styles, 'position', resolveResponsive(props.position, breakpoint));\n  assignIfDefined(styles, 'top', resolveResponsive(props.top, breakpoint));\n  assignIfDefined(styles, 'bottom', resolveResponsive(props.bottom, breakpoint));\n  assignIfDefined(styles, 'left', resolveResponsive(props.left, breakpoint));\n  assignIfDefined(styles, 'right', resolveResponsive(props.right, breakpoint));\n  assignIfDefined(styles, 'overflow', resolveResponsive(props.overflow, breakpoint));\n  assignIfDefined(styles, 'zIndex', resolveResponsive(props.zIndex, breakpoint));\n  assignIfDefined(styles, 'opacity', resolveResponsive(props.opacity, breakpoint));\n\n  return styles;\n}\n"]}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/layout/helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import type { StyleProp, ViewStyle } from 'react-native';\n\nimport { resolveResponsive } from '../core/responsive/resolve';\nimport type { Breakpoint, Responsive } from '../core/responsive/types';\nimport { resolveToken } from '../theme/resolveToken';\nimport type { SurfaceTheme } from '../theme/types';\n\ntype SpaceToken = keyof SurfaceTheme['spacing'];\ntype RadiusToken = keyof SurfaceTheme['radii'];\ntype ColorToken = keyof SurfaceTheme['colors'];\n\ntype RadiusValue = number | RadiusToken;\nexport type SpaceValue = number | SpaceToken;\nexport type ColorValue = string | ColorToken;\n\nexport interface BoxStyleProps {\n  p?: Responsive<SpaceValue>;\n  px?: Responsive<SpaceValue>;\n  py?: Responsive<SpaceValue>;\n  pt?: Responsive<SpaceValue>;\n  pb?: Responsive<SpaceValue>;\n  pl?: Responsive<SpaceValue>;\n  pr?: Responsive<SpaceValue>;\n  m?: Responsive<SpaceValue>;\n  mx?: Responsive<SpaceValue>;\n  my?: Responsive<SpaceValue>;\n  mt?: Responsive<SpaceValue>;\n  mb?: Responsive<SpaceValue>;\n  ml?: Responsive<SpaceValue>;\n  mr?: Responsive<SpaceValue>;\n  bg?: Responsive<ColorValue>;\n  radius?: Responsive<RadiusValue>;\n  borderWidth?: Responsive<number>;\n  borderColor?: Responsive<ColorValue>;\n  width?: Responsive<number | string>;\n  height?: Responsive<number | string>;\n  minWidth?: Responsive<number | string>;\n  maxWidth?: Responsive<number | string>;\n  minHeight?: Responsive<number | string>;\n  maxHeight?: Responsive<number | string>;\n  flex?: Responsive<number>;\n  flexGrow?: Responsive<number>;\n  flexShrink?: Responsive<number>;\n  flexBasis?: Responsive<number | string>;\n  alignSelf?: Responsive<ViewStyle['alignSelf']>;\n  position?: Responsive<ViewStyle['position']>;\n  top?: Responsive<number>;\n  bottom?: Responsive<number>;\n  left?: Responsive<number>;\n  right?: Responsive<number>;\n  overflow?: Responsive<ViewStyle['overflow']>;\n  zIndex?: Responsive<number>;\n  opacity?: Responsive<number>;\n  style?: StyleProp<ViewStyle>;\n}\n\nexport function resolveSpacing(\n  theme: SurfaceTheme,\n  value: SpaceValue | undefined,\n): number | undefined {\n  if (value === undefined) return undefined;\n  if (typeof value === 'number') return value;\n  return theme.spacing[value as SpaceToken];\n}\n\nfunction resolveRadius(theme: SurfaceTheme, value: RadiusValue | undefined): number | undefined {\n  if (value === undefined) return undefined;\n  if (typeof value === 'number') return value;\n  return theme.radii[value];\n}\n\nfunction resolveColor(theme: SurfaceTheme, value: ColorValue | undefined): string | undefined {\n  if (value === undefined) return undefined;\n  if (Object.prototype.hasOwnProperty.call(theme.colors, value)) {\n    return theme.colors[value];\n  }\n  return value as string;\n}\n\nfunction resolveDimension(\n  theme: SurfaceTheme,\n  value: number | string | undefined,\n): number | string | undefined {\n  if (value === undefined || typeof value === 'number') return value;\n  return resolveToken(theme.spacing, value);\n}\n\nfunction assignIfDefined<T, K extends keyof T>(target: T, key: K, value: T[K] | undefined) {\n  if (value !== undefined) target[key] = value;\n}\n\nexport function resolveBoxStyles(\n  theme: SurfaceTheme,\n  breakpoint: Breakpoint,\n  props: BoxStyleProps,\n): ViewStyle {\n  const styles: ViewStyle = {\n    elevation: 0,\n  };\n\n  const p = resolveSpacing(theme, resolveResponsive(props.p, breakpoint));\n  const px = resolveSpacing(theme, resolveResponsive(props.px, breakpoint));\n  const py = resolveSpacing(theme, resolveResponsive(props.py, breakpoint));\n  const pt = resolveSpacing(theme, resolveResponsive(props.pt, breakpoint));\n  const pb = resolveSpacing(theme, resolveResponsive(props.pb, breakpoint));\n  const pl = resolveSpacing(theme, resolveResponsive(props.pl, breakpoint));\n  const pr = resolveSpacing(theme, resolveResponsive(props.pr, breakpoint));\n  const m = resolveSpacing(theme, resolveResponsive(props.m, breakpoint));\n  const mx = resolveSpacing(theme, resolveResponsive(props.mx, breakpoint));\n  const my = resolveSpacing(theme, resolveResponsive(props.my, breakpoint));\n  const mt = resolveSpacing(theme, resolveResponsive(props.mt, breakpoint));\n  const mb = resolveSpacing(theme, resolveResponsive(props.mb, breakpoint));\n  const ml = resolveSpacing(theme, resolveResponsive(props.ml, breakpoint));\n  const mr = resolveSpacing(theme, resolveResponsive(props.mr, breakpoint));\n\n  assignIfDefined(styles, 'padding', p as ViewStyle['padding']);\n  assignIfDefined(styles, 'paddingHorizontal', px as ViewStyle['paddingHorizontal']);\n  assignIfDefined(styles, 'paddingVertical', py as ViewStyle['paddingVertical']);\n  assignIfDefined(styles, 'paddingTop', pt as ViewStyle['paddingTop']);\n  assignIfDefined(styles, 'paddingBottom', pb as ViewStyle['paddingBottom']);\n  assignIfDefined(styles, 'paddingLeft', pl as ViewStyle['paddingLeft']);\n  assignIfDefined(styles, 'paddingRight', pr as ViewStyle['paddingRight']);\n  assignIfDefined(styles, 'margin', m as ViewStyle['margin']);\n  assignIfDefined(styles, 'marginHorizontal', mx as ViewStyle['marginHorizontal']);\n  assignIfDefined(styles, 'marginVertical', my as ViewStyle['marginVertical']);\n  assignIfDefined(styles, 'marginTop', mt as ViewStyle['marginTop']);\n  assignIfDefined(styles, 'marginBottom', mb as ViewStyle['marginBottom']);\n  assignIfDefined(styles, 'marginLeft', ml as ViewStyle['marginLeft']);\n  assignIfDefined(styles, 'marginRight', mr as ViewStyle['marginRight']);\n\n  assignIfDefined(\n    styles,\n    'backgroundColor',\n    resolveColor(theme, resolveResponsive(props.bg, breakpoint)),\n  );\n  assignIfDefined(\n    styles,\n    'borderRadius',\n    resolveRadius(theme, resolveResponsive(props.radius, breakpoint)) as ViewStyle['borderRadius'],\n  );\n  assignIfDefined(styles, 'borderWidth', resolveResponsive(props.borderWidth, breakpoint));\n  assignIfDefined(\n    styles,\n    'borderColor',\n    resolveColor(theme, resolveResponsive(props.borderColor, breakpoint)),\n  );\n\n  assignIfDefined(\n    styles,\n    'width',\n    resolveDimension(theme, resolveResponsive(props.width, breakpoint)) as ViewStyle['width'],\n  );\n  assignIfDefined(\n    styles,\n    'height',\n    resolveDimension(theme, resolveResponsive(props.height, breakpoint)) as ViewStyle['height'],\n  );\n  assignIfDefined(\n    styles,\n    'minWidth',\n    resolveDimension(theme, resolveResponsive(props.minWidth, breakpoint)) as ViewStyle['minWidth'],\n  );\n  assignIfDefined(\n    styles,\n    'maxWidth',\n    resolveDimension(theme, resolveResponsive(props.maxWidth, breakpoint)) as ViewStyle['maxWidth'],\n  );\n  assignIfDefined(\n    styles,\n    'minHeight',\n    resolveDimension(\n      theme,\n      resolveResponsive(props.minHeight, breakpoint),\n    ) as ViewStyle['minHeight'],\n  );\n  assignIfDefined(\n    styles,\n    'maxHeight',\n    resolveDimension(\n      theme,\n      resolveResponsive(props.maxHeight, breakpoint),\n    ) as ViewStyle['maxHeight'],\n  );\n\n  assignIfDefined(styles, 'flex', resolveResponsive(props.flex, breakpoint));\n  assignIfDefined(styles, 'flexGrow', resolveResponsive(props.flexGrow, breakpoint));\n  assignIfDefined(styles, 'flexShrink', resolveResponsive(props.flexShrink, breakpoint));\n  assignIfDefined(\n    styles,\n    'flexBasis',\n    resolveResponsive(props.flexBasis, breakpoint) as ViewStyle['flexBasis'],\n  );\n  assignIfDefined(styles, 'alignSelf', resolveResponsive(props.alignSelf, breakpoint));\n\n  assignIfDefined(styles, 'position', resolveResponsive(props.position, breakpoint));\n  assignIfDefined(styles, 'top', resolveResponsive(props.top, breakpoint));\n  assignIfDefined(styles, 'bottom', resolveResponsive(props.bottom, breakpoint));\n  assignIfDefined(styles, 'left', resolveResponsive(props.left, breakpoint));\n  assignIfDefined(styles, 'right', resolveResponsive(props.right, breakpoint));\n  assignIfDefined(styles, 'overflow', resolveResponsive(props.overflow, breakpoint));\n  assignIfDefined(styles, 'zIndex', resolveResponsive(props.zIndex, breakpoint));\n  assignIfDefined(styles, 'opacity', resolveResponsive(props.opacity, breakpoint));\n\n  return styles;\n}\n"]}

package/dist/layout/index.d.ts

@@ -1,3 +1,5 @@
+export type { AppBarProps } from './AppBar';
+export { AppBar } from './AppBar';
 export type { BoxProps } from './Box';
 export { Box } from './Box';
 export type { CenterProps } from './Center';

package/dist/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/layout/index.js

@@ -1,3 +1,4 @@
+export { AppBar } from './AppBar';
 export { Box } from './Box';
 export { Center } from './Center';
 export { Container } from './Container';

package/dist/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC","sourcesContent":["export type { BoxProps } from './Box';\nexport { Box } from './Box';\nexport type { CenterProps } from './Center';\nexport { Center } from './Center';\nexport type { ContainerProps } from './Container';\nexport { Container } from './Container';\nexport type { DividerProps } from './Divider';\nexport { Divider } from './Divider';\nexport type { GridProps } from './Grid';\nexport { Grid } from './Grid';\nexport type { InlineProps } from './Inline';\nexport { Inline } from './Inline';\nexport type { ShowProps } from './Show';\nexport { Show } from './Show';\nexport type { SpacerProps } from './Spacer';\nexport { Spacer } from './Spacer';\nexport type { StackProps } from './Stack';\nexport { Stack } from './Stack';\nexport type { SurfaceProps, SurfaceVariant } from './Surface';\nexport { Surface } from './Surface';\nexport type { TemplateProps } from './Template';\nexport { Template } from './Template';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC","sourcesContent":["export type { AppBarProps } from './AppBar';\nexport { AppBar } from './AppBar';\nexport type { BoxProps } from './Box';\nexport { Box } from './Box';\nexport type { CenterProps } from './Center';\nexport { Center } from './Center';\nexport type { ContainerProps } from './Container';\nexport { Container } from './Container';\nexport type { DividerProps } from './Divider';\nexport { Divider } from './Divider';\nexport type { GridProps } from './Grid';\nexport { Grid } from './Grid';\nexport type { InlineProps } from './Inline';\nexport { Inline } from './Inline';\nexport type { ShowProps } from './Show';\nexport { Show } from './Show';\nexport type { SpacerProps } from './Spacer';\nexport { Spacer } from './Spacer';\nexport type { StackProps } from './Stack';\nexport { Stack } from './Stack';\nexport type { SurfaceProps, SurfaceVariant } from './Surface';\nexport { Surface } from './Surface';\nexport type { TemplateProps } from './Template';\nexport { Template } from './Template';\n"]}

package/dist/primitives/image/Image.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ImageProps } from './types';
+export declare function Image({ source, fallbackSource, alt, accessibilityLabel, width, height, aspectRatio, fit, resizeMode, radius, style, testID, onError, }: ImageProps): React.JSX.Element | null;
+//# sourceMappingURL=Image.d.ts.map

package/dist/primitives/image/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/primitives/image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,cAAc,EACd,GAAG,EACH,kBAAkB,EAClB,KAAK,EACL,MAAM,EACN,WAAW,EACX,GAAG,EACH,UAAU,EACV,MAAM,EACN,KAAK,EACL,MAAM,EACN,OAAO,GACR,EAAE,UAAU,4BAsCZ"}

package/dist/primitives/image/Image.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Image as RNImage } from 'react-native';
+import { useTheme } from '../../theme/ThemeContext';
+import { getSourceKey, normalizeSource, resolveAccessibilityLabel, resolveAlt, resolveImageStyle, resolveRenderedSource, resolveResizeMode, } from './resolveImageProps';
+export function Image({ source, fallbackSource, alt, accessibilityLabel, width, height, aspectRatio, fit, resizeMode, radius, style, testID, onError, }) {
+    const { theme } = useTheme();
+    const [showFallback, setShowFallback] = React.useState(false);
+    const primaryKey = React.useMemo(() => getSourceKey(source), [source]);
+    React.useEffect(() => {
+        setShowFallback(false);
+    }, [primaryKey]);
+    const normalizedPrimary = normalizeSource(source);
+    const normalizedFallback = normalizeSource(fallbackSource);
+    const resolvedSource = resolveRenderedSource(normalizedPrimary, normalizedFallback, showFallback);
+    if (!resolvedSource)
+        return null;
+    const resolvedResizeMode = resolveResizeMode(fit, resizeMode);
+    const resolvedAccessibilityLabel = resolveAccessibilityLabel(alt, accessibilityLabel);
+    const resolvedAlt = resolveAlt(alt, accessibilityLabel);
+    const resolvedStyle = resolveImageStyle(theme, { width, height, aspectRatio, radius });
+    return (<RNImage accessibilityLabel={resolvedAccessibilityLabel} accessibilityRole="image" alt={resolvedAlt} onError={(event) => {
+            onError?.(event);
+            if (!showFallback && normalizedFallback) {
+                setShowFallback(true);
+            }
+        }} resizeMode={resolvedResizeMode} source={resolvedSource} style={[resolvedStyle, style]} testID={testID}/>);
+}
+//# sourceMappingURL=Image.js.map

package/dist/primitives/image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/primitives/image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EACL,YAAY,EACZ,eAAe,EACf,yBAAyB,EACzB,UAAU,EACV,iBAAiB,EACjB,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAG7B,MAAM,UAAU,KAAK,CAAC,EACpB,MAAM,EACN,cAAc,EACd,GAAG,EACH,kBAAkB,EAClB,KAAK,EACL,MAAM,EACN,WAAW,EACX,GAAG,EACH,UAAU,EACV,MAAM,EACN,KAAK,EACL,MAAM,EACN,OAAO,GACI;IACX,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEvE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,iBAAiB,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;IAClD,MAAM,kBAAkB,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;IAC3D,MAAM,cAAc,GAAG,qBAAqB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAAC;IAElG,IAAI,CAAC,cAAc;QAAE,OAAO,IAAI,CAAC;IAEjC,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;IAC9D,MAAM,0BAA0B,GAAG,yBAAyB,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAC;IACtF,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,iBAAiB,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;IAEvF,OAAO,CACL,CAAC,OAAO,CACN,kBAAkB,CAAC,CAAC,0BAA0B,CAAC,CAC/C,iBAAiB,CAAC,OAAO,CACzB,GAAG,CAAC,CAAC,WAAW,CAAC,CACjB,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;YACjB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YAEjB,IAAI,CAAC,YAAY,IAAI,kBAAkB,EAAE,CAAC;gBACxC,eAAe,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC;QACH,CAAC,CAAC,CACF,UAAU,CAAC,CAAC,kBAAkB,CAAC,CAC/B,MAAM,CAAC,CAAC,cAAc,CAAC,CACvB,KAAK,CAAC,CAAC,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,CAC9B,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { Image as RNImage } from 'react-native';\n\nimport { useTheme } from '../../theme/ThemeContext';\nimport {\n  getSourceKey,\n  normalizeSource,\n  resolveAccessibilityLabel,\n  resolveAlt,\n  resolveImageStyle,\n  resolveRenderedSource,\n  resolveResizeMode,\n} from './resolveImageProps';\nimport type { ImageProps } from './types';\n\nexport function Image({\n  source,\n  fallbackSource,\n  alt,\n  accessibilityLabel,\n  width,\n  height,\n  aspectRatio,\n  fit,\n  resizeMode,\n  radius,\n  style,\n  testID,\n  onError,\n}: ImageProps) {\n  const { theme } = useTheme();\n  const [showFallback, setShowFallback] = React.useState(false);\n  const primaryKey = React.useMemo(() => getSourceKey(source), [source]);\n\n  React.useEffect(() => {\n    setShowFallback(false);\n  }, [primaryKey]);\n\n  const normalizedPrimary = normalizeSource(source);\n  const normalizedFallback = normalizeSource(fallbackSource);\n  const resolvedSource = resolveRenderedSource(normalizedPrimary, normalizedFallback, showFallback);\n\n  if (!resolvedSource) return null;\n\n  const resolvedResizeMode = resolveResizeMode(fit, resizeMode);\n  const resolvedAccessibilityLabel = resolveAccessibilityLabel(alt, accessibilityLabel);\n  const resolvedAlt = resolveAlt(alt, accessibilityLabel);\n  const resolvedStyle = resolveImageStyle(theme, { width, height, aspectRatio, radius });\n\n  return (\n    <RNImage\n      accessibilityLabel={resolvedAccessibilityLabel}\n      accessibilityRole=\"image\"\n      alt={resolvedAlt}\n      onError={(event) => {\n        onError?.(event);\n\n        if (!showFallback && normalizedFallback) {\n          setShowFallback(true);\n        }\n      }}\n      resizeMode={resolvedResizeMode}\n      source={resolvedSource}\n      style={[resolvedStyle, style]}\n      testID={testID}\n    />\n  );\n}\n"]}

package/dist/primitives/image/index.d.ts

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

package/dist/primitives/image/index.d.ts.map

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

package/dist/primitives/image/index.js

@@ -0,0 +1,2 @@
+export { Image } from './Image';
+//# sourceMappingURL=index.js.map

package/dist/primitives/image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/primitives/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { Image } from './Image';\nexport type { ImageFit, ImageProps, SurfaceImageSource } from './types';\n"]}

package/dist/primitives/image/resolveImageProps.d.ts

@@ -0,0 +1,12 @@
+import type { ImageResizeMode, ImageSourcePropType } from 'react-native';
+import type { ImageStyle } from 'react-native';
+import type { SurfaceTheme } from '../../theme/types';
+import type { ImageProps, SurfaceImageSource } from './types';
+export declare function normalizeSource(source: SurfaceImageSource | null | undefined): ImageSourcePropType | undefined;
+export declare function resolveRenderedSource(normalizedPrimary: ImageSourcePropType | undefined, normalizedFallback: ImageSourcePropType | undefined, showFallback: boolean): ImageSourcePropType | undefined;
+export declare function getSourceKey(source: SurfaceImageSource | null | undefined): string | null;
+export declare function resolveResizeMode(fit: ImageProps['fit'], resizeMode: ImageProps['resizeMode']): ImageResizeMode;
+export declare function resolveAccessibilityLabel(alt: ImageProps['alt'], accessibilityLabel: ImageProps['accessibilityLabel']): string | undefined;
+export declare function resolveAlt(alt: ImageProps['alt'], accessibilityLabel: ImageProps['accessibilityLabel']): string | undefined;
+export declare function resolveImageStyle(theme: SurfaceTheme, props: Pick<ImageProps, 'width' | 'height' | 'aspectRatio' | 'radius'>): ImageStyle;
+//# sourceMappingURL=resolveImageProps.d.ts.map

package/dist/primitives/image/resolveImageProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveImageProps.d.ts","sourceRoot":"","sources":["../../../src/primitives/image/resolveImageProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE9D,wBAAgB,eAAe,CAC7B,MAAM,EAAE,kBAAkB,GAAG,IAAI,GAAG,SAAS,GAC5C,mBAAmB,GAAG,SAAS,CAIjC;AAED,wBAAgB,qBAAqB,CACnC,iBAAiB,EAAE,mBAAmB,GAAG,SAAS,EAClD,kBAAkB,EAAE,mBAAmB,GAAG,SAAS,EACnD,YAAY,EAAE,OAAO,GACpB,mBAAmB,GAAG,SAAS,CAGjC;AAYD,wBAAgB,YAAY,CAAC,MAAM,EAAE,kBAAkB,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAmBzF;AAED,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,EACtB,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,GACnC,eAAe,CAEjB;AAED,wBAAgB,yBAAyB,CACvC,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,EACtB,kBAAkB,EAAE,UAAU,CAAC,oBAAoB,CAAC,GACnD,MAAM,GAAG,SAAS,CAEpB;AAED,wBAAgB,UAAU,CACxB,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,EACtB,kBAAkB,EAAE,UAAU,CAAC,oBAAoB,CAAC,GACnD,MAAM,GAAG,SAAS,CAEpB;AAED,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,aAAa,GAAG,QAAQ,CAAC,GACrE,UAAU,CAYZ"}

package/dist/primitives/image/resolveImageProps.js

@@ -0,0 +1,67 @@
+import { resolveToken } from '../../theme/resolveToken';
+export function normalizeSource(source) {
+    if (source === null || source === undefined)
+        return undefined;
+    if (typeof source === 'string')
+        return { uri: source };
+    return source;
+}
+export function resolveRenderedSource(normalizedPrimary, normalizedFallback, showFallback) {
+    if (showFallback || !normalizedPrimary)
+        return normalizedFallback;
+    return normalizedPrimary;
+}
+function getUriFromSource(source) {
+    if (Array.isArray(source)) {
+        const [first] = source;
+        return first?.uri;
+    }
+    if (typeof source === 'number')
+        return undefined;
+    return source.uri;
+}
+export function getSourceKey(source) {
+    if (source === null || source === undefined)
+        return null;
+    if (typeof source === 'string')
+        return `uri:${source}`;
+    if (typeof source === 'number')
+        return `asset:${source}`;
+    if (Array.isArray(source)) {
+        const parts = source
+            .map((item) => item.uri)
+            .filter((value) => typeof value === 'string');
+        return `uri-set:${parts.join('|')}`;
+    }
+    const uri = getUriFromSource(source);
+    if (uri)
+        return `uri:${uri}`;
+    try {
+        return `src:${JSON.stringify(source)}`;
+    }
+    catch {
+        return 'src:unknown';
+    }
+}
+export function resolveResizeMode(fit, resizeMode) {
+    return fit ?? resizeMode ?? 'cover';
+}
+export function resolveAccessibilityLabel(alt, accessibilityLabel) {
+    return accessibilityLabel ?? alt;
+}
+export function resolveAlt(alt, accessibilityLabel) {
+    return alt ?? accessibilityLabel;
+}
+export function resolveImageStyle(theme, props) {
+    const width = resolveToken(theme.spacing, props.width);
+    const height = resolveToken(theme.spacing, props.height);
+    const borderRadius = resolveToken(theme.radii, props.radius);
+    return {
+        width,
+        height,
+        aspectRatio: props.aspectRatio,
+        borderRadius,
+        overflow: borderRadius !== undefined ? 'hidden' : undefined,
+    };
+}
+//# sourceMappingURL=resolveImageProps.js.map

package/dist/primitives/image/resolveImageProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveImageProps.js","sourceRoot":"","sources":["../../../src/primitives/image/resolveImageProps.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ImageResizeMode, ImageSourcePropType } from 'react-native';\nimport type { ImageStyle } from 'react-native';\n\nimport { resolveToken } from '../../theme/resolveToken';\nimport type { SurfaceTheme } from '../../theme/types';\nimport type { ImageProps, SurfaceImageSource } from './types';\n\nexport function normalizeSource(\n  source: SurfaceImageSource | null | undefined,\n): ImageSourcePropType | undefined {\n  if (source === null || source === undefined) return undefined;\n  if (typeof source === 'string') return { uri: source };\n  return source;\n}\n\nexport function resolveRenderedSource(\n  normalizedPrimary: ImageSourcePropType | undefined,\n  normalizedFallback: ImageSourcePropType | undefined,\n  showFallback: boolean,\n): ImageSourcePropType | undefined {\n  if (showFallback || !normalizedPrimary) return normalizedFallback;\n  return normalizedPrimary;\n}\n\nfunction getUriFromSource(source: ImageSourcePropType): string | undefined {\n  if (Array.isArray(source)) {\n    const [first] = source;\n    return first?.uri;\n  }\n\n  if (typeof source === 'number') return undefined;\n  return source.uri;\n}\n\nexport function getSourceKey(source: SurfaceImageSource | null | undefined): string | null {\n  if (source === null || source === undefined) return null;\n  if (typeof source === 'string') return `uri:${source}`;\n  if (typeof source === 'number') return `asset:${source}`;\n  if (Array.isArray(source)) {\n    const parts = source\n      .map((item) => item.uri)\n      .filter((value): value is string => typeof value === 'string');\n    return `uri-set:${parts.join('|')}`;\n  }\n\n  const uri = getUriFromSource(source);\n  if (uri) return `uri:${uri}`;\n\n  try {\n    return `src:${JSON.stringify(source)}`;\n  } catch {\n    return 'src:unknown';\n  }\n}\n\nexport function resolveResizeMode(\n  fit: ImageProps['fit'],\n  resizeMode: ImageProps['resizeMode'],\n): ImageResizeMode {\n  return fit ?? resizeMode ?? 'cover';\n}\n\nexport function resolveAccessibilityLabel(\n  alt: ImageProps['alt'],\n  accessibilityLabel: ImageProps['accessibilityLabel'],\n): string | undefined {\n  return accessibilityLabel ?? alt;\n}\n\nexport function resolveAlt(\n  alt: ImageProps['alt'],\n  accessibilityLabel: ImageProps['accessibilityLabel'],\n): string | undefined {\n  return alt ?? accessibilityLabel;\n}\n\nexport function resolveImageStyle(\n  theme: SurfaceTheme,\n  props: Pick<ImageProps, 'width' | 'height' | 'aspectRatio' | 'radius'>,\n): ImageStyle {\n  const width = resolveToken(theme.spacing, props.width);\n  const height = resolveToken(theme.spacing, props.height);\n  const borderRadius = resolveToken(theme.radii, props.radius);\n\n  return {\n    width,\n    height,\n    aspectRatio: props.aspectRatio,\n    borderRadius,\n    overflow: borderRadius !== undefined ? 'hidden' : undefined,\n  };\n}\n"]}

package/dist/primitives/image/types.d.ts

@@ -0,0 +1,21 @@
+import type { ImageProps as ReactNativeImageProps, ImageResizeMode, ImageSourcePropType } from 'react-native';
+import type { ImageStyle, StyleProp } from 'react-native';
+import type { SurfaceTheme } from '../../theme/types';
+export type SurfaceImageSource = string | ImageSourcePropType;
+export type ImageFit = ImageResizeMode;
+export interface ImageProps {
+    source?: SurfaceImageSource | null;
+    fallbackSource?: SurfaceImageSource | null;
+    alt?: string;
+    accessibilityLabel?: string;
+    width?: number | string;
+    height?: number | string;
+    aspectRatio?: number;
+    fit?: ImageFit;
+    resizeMode?: ImageResizeMode;
+    radius?: number | keyof SurfaceTheme['radii'];
+    style?: StyleProp<ImageStyle>;
+    testID?: string;
+    onError?: ReactNativeImageProps['onError'];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/primitives/image/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/primitives/image/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,IAAI,qBAAqB,EACnC,eAAe,EACf,mBAAmB,EACpB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,mBAAmB,CAAC;AAE9D,MAAM,MAAM,QAAQ,GAAG,eAAe,CAAC;AAEvC,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,YAAY,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAC;CAC5C"}

package/dist/primitives/image/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/primitives/image/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/primitives/image/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  ImageProps as ReactNativeImageProps,\n  ImageResizeMode,\n  ImageSourcePropType,\n} from 'react-native';\nimport type { ImageStyle, StyleProp } from 'react-native';\n\nimport type { SurfaceTheme } from '../../theme/types';\n\nexport type SurfaceImageSource = string | ImageSourcePropType;\n\nexport type ImageFit = ImageResizeMode;\n\nexport interface ImageProps {\n  source?: SurfaceImageSource | null;\n  fallbackSource?: SurfaceImageSource | null;\n  alt?: string;\n  accessibilityLabel?: string;\n  width?: number | string;\n  height?: number | string;\n  aspectRatio?: number;\n  fit?: ImageFit;\n  resizeMode?: ImageResizeMode;\n  radius?: number | keyof SurfaceTheme['radii'];\n  style?: StyleProp<ImageStyle>;\n  testID?: string;\n  onError?: ReactNativeImageProps['onError'];\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/surface",
   "type": "module",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "description": "Stable UI foundation for React Native and React Native Web.",
   "homepage": "https://github.com/ankhorage/surface#readme",
   "bugs": {
@@ -30,7 +30,8 @@
     "@expo/vector-icons": ">=14.0.0",
     "expo-font": "^55.0.6",
     "react": ">=18.2.0",
-    "react-native": ">=0.72.0"
+    "react-native": ">=0.72.0",
+    "react-native-safe-area-context": "^5.0.0"
   },
   "peerDependenciesMeta": {
     "@expo/vector-icons": {
@@ -42,7 +43,7 @@
   },
   "dependencies": {
     "@ankhorage/color-theory": "^0.0.4",
-    "@ankhorage/contracts": "^1.1.0"
+    "@ankhorage/contracts": "^1.2.0"
   },
   "files": [
     "dist",
@@ -68,16 +69,17 @@
     "build": "rm -rf dist tsconfig.tsbuildinfo && bun x tsc -p tsconfig.json",
     "changeset": "changeset",
     "changeset:status": "changeset status --since=origin/main",
-    "lint": "eslint . --max-warnings=0",
-    "lint:fix": "eslint . --fix --max-warnings=0",
-    "format": "prettier --write .",
-    "format:check": "prettier --check .",
+    "knip": "ankhorage-knip",
+    "lint": "ankhorage-eslint . --max-warnings=0",
+    "lint:fix": "ankhorage-eslint . --fix --max-warnings=0",
+    "format": "ankhorage-prettier --write .",
+    "format:check": "ankhorage-prettier --check .",
     "prepack": "bun run build",
     "test": "bun test src",
     "version-packages": "changeset version"
   },
   "devDependencies": {
-    "@ankhorage/devtools": "^1.0.1",
+    "@ankhorage/devtools": "^1.0.5",
     "@changesets/cli": "^2.31.0",
     "@expo/vector-icons": "^15.1.1",
     "@types/bun": "^1.3.13",
@@ -85,6 +87,7 @@
     "@types/react": "^19.2.14",
     "react": "19.1.0",
     "react-native": "0.81.5",
+    "react-native-safe-area-context": "^5.0.0",
     "typescript": "^5.9.3"
   },
   "packageManager": "bun@1.3.13"

package/src/index.test.ts

@@ -33,6 +33,7 @@ const expectedRootExports = [
   "export { Tooltip } from './components/tooltip';",
   "export * from './core/responsive';",
   "export * from './layout';",
+  "export { Image } from './primitives/image';",
   "export * from './theme';",
 ] as const;
 

package/src/index.ts

@@ -66,6 +66,8 @@ export type { HeadingLevel, HeadingProps } from './primitives/heading';
 export { Heading } from './primitives/heading';
 export type { IconProps, IconProvider } from './primitives/icon';
 export { Icon } from './primitives/icon';
+export type { ImageFit, ImageProps, SurfaceImageSource } from './primitives/image';
+export { Image } from './primitives/image';
 export type { TextProps } from './primitives/text';
 export { Text } from './primitives/text';
 export * from './theme';

package/src/internal/overlay/useOverlayStack.ts

@@ -47,10 +47,6 @@ export const OverlayStackContext = React.createContext<OverlayStackRuntime | nul
 
 export const OverlayStackActionsContext = React.createContext<OverlayStackActions | null>(null);
 
-export function useOverlayStack(): OverlayStackRuntime | null {
-  return React.useContext(OverlayStackContext);
-}
-
 export function useOverlayStackActions(): OverlayStackActions | null {
   return React.useContext(OverlayStackActionsContext);
 }

package/src/internal/resolvers/resolveFieldState.ts

@@ -1,4 +1,4 @@
-export type FieldStateName = 'default' | 'focused' | 'disabled' | 'invalid' | 'readOnly';
+type FieldStateName = 'default' | 'focused' | 'disabled' | 'invalid' | 'readOnly';
 
 export interface FieldState {
   name: FieldStateName;

package/src/layout/AppBar.tsx

@@ -0,0 +1,61 @@
+import React from 'react';
+import { type StyleProp, View, type ViewStyle } from 'react-native';
+import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
+
+import { useTheme } from '../theme/ThemeContext';
+import { Box, type BoxProps } from './Box';
+import { Divider } from './Divider';
+
+export interface AppBarProps extends Omit<BoxProps, 'children'> {
+  leading?: React.ReactNode;
+  trailing?: React.ReactNode;
+  children?: React.ReactNode;
+  safeAreaTop?: boolean;
+  divider?: boolean;
+  contentStyle?: StyleProp<ViewStyle>;
+}
+
+export function AppBar({
+  leading,
+  trailing,
+  children,
+  safeAreaTop = true,
+  divider = false,
+  contentStyle,
+  bg,
+  style,
+  ...props
+}: AppBarProps) {
+  const { theme } = useTheme();
+  const insets = React.useContext(SafeAreaInsetsContext);
+  const topInset = safeAreaTop ? (insets?.top ?? 0) : 0;
+  const safeAreaStyle: ViewStyle | undefined =
+    topInset === 0 ? undefined : { paddingTop: topInset };
+
+  return (
+    <Box {...props} bg={bg ?? theme.semantics.surface.default} style={[style]}>
+      <View style={safeAreaStyle}>
+        <View
+          style={[
+            {
+              minHeight: 56,
+              flexDirection: 'row',
+              alignItems: 'center',
+              paddingHorizontal: theme.spacing.m,
+            },
+            contentStyle,
+          ]}
+        >
+          {leading ? (
+            <View style={{ marginRight: theme.spacing.s, flexShrink: 0 }}>{leading}</View>
+          ) : null}
+          <View style={{ flex: 1, minWidth: 0 }}>{children}</View>
+          {trailing ? (
+            <View style={{ marginLeft: theme.spacing.s, flexShrink: 0 }}>{trailing}</View>
+          ) : null}
+        </View>
+        {divider ? <Divider color={theme.semantics.neutral.divider} thickness={1} /> : null}
+      </View>
+    </Box>
+  );
+}

package/src/layout/helpers.ts

@@ -9,8 +9,8 @@ type SpaceToken = keyof SurfaceTheme['spacing'];
 type RadiusToken = keyof SurfaceTheme['radii'];
 type ColorToken = keyof SurfaceTheme['colors'];
 
+type RadiusValue = number | RadiusToken;
 export type SpaceValue = number | SpaceToken;
-export type RadiusValue = number | RadiusToken;
 export type ColorValue = string | ColorToken;
 
 export interface BoxStyleProps {
@@ -63,19 +63,13 @@ export function resolveSpacing(
   return theme.spacing[value as SpaceToken];
 }
 
-export function resolveRadius(
-  theme: SurfaceTheme,
-  value: RadiusValue | undefined,
-): number | undefined {
+function resolveRadius(theme: SurfaceTheme, value: RadiusValue | undefined): number | undefined {
   if (value === undefined) return undefined;
   if (typeof value === 'number') return value;
   return theme.radii[value];
 }
 
-export function resolveColor(
-  theme: SurfaceTheme,
-  value: ColorValue | undefined,
-): string | undefined {
+function resolveColor(theme: SurfaceTheme, value: ColorValue | undefined): string | undefined {
   if (value === undefined) return undefined;
   if (Object.prototype.hasOwnProperty.call(theme.colors, value)) {
     return theme.colors[value];
@@ -83,7 +77,7 @@ export function resolveColor(
   return value as string;
 }
 
-export function resolveDimension(
+function resolveDimension(
   theme: SurfaceTheme,
   value: number | string | undefined,
 ): number | string | undefined {

package/src/layout/index.ts

@@ -1,3 +1,5 @@
+export type { AppBarProps } from './AppBar';
+export { AppBar } from './AppBar';
 export type { BoxProps } from './Box';
 export { Box } from './Box';
 export type { CenterProps } from './Center';

package/src/primitives/image/Image.tsx

@@ -0,0 +1,68 @@
+import React from 'react';
+import { Image as RNImage } from 'react-native';
+
+import { useTheme } from '../../theme/ThemeContext';
+import {
+  getSourceKey,
+  normalizeSource,
+  resolveAccessibilityLabel,
+  resolveAlt,
+  resolveImageStyle,
+  resolveRenderedSource,
+  resolveResizeMode,
+} from './resolveImageProps';
+import type { ImageProps } from './types';
+
+export function Image({
+  source,
+  fallbackSource,
+  alt,
+  accessibilityLabel,
+  width,
+  height,
+  aspectRatio,
+  fit,
+  resizeMode,
+  radius,
+  style,
+  testID,
+  onError,
+}: ImageProps) {
+  const { theme } = useTheme();
+  const [showFallback, setShowFallback] = React.useState(false);
+  const primaryKey = React.useMemo(() => getSourceKey(source), [source]);
+
+  React.useEffect(() => {
+    setShowFallback(false);
+  }, [primaryKey]);
+
+  const normalizedPrimary = normalizeSource(source);
+  const normalizedFallback = normalizeSource(fallbackSource);
+  const resolvedSource = resolveRenderedSource(normalizedPrimary, normalizedFallback, showFallback);
+
+  if (!resolvedSource) return null;
+
+  const resolvedResizeMode = resolveResizeMode(fit, resizeMode);
+  const resolvedAccessibilityLabel = resolveAccessibilityLabel(alt, accessibilityLabel);
+  const resolvedAlt = resolveAlt(alt, accessibilityLabel);
+  const resolvedStyle = resolveImageStyle(theme, { width, height, aspectRatio, radius });
+
+  return (
+    <RNImage
+      accessibilityLabel={resolvedAccessibilityLabel}
+      accessibilityRole="image"
+      alt={resolvedAlt}
+      onError={(event) => {
+        onError?.(event);
+
+        if (!showFallback && normalizedFallback) {
+          setShowFallback(true);
+        }
+      }}
+      resizeMode={resolvedResizeMode}
+      source={resolvedSource}
+      style={[resolvedStyle, style]}
+      testID={testID}
+    />
+  );
+}

package/src/primitives/image/index.ts

@@ -0,0 +1,2 @@
+export { Image } from './Image';
+export type { ImageFit, ImageProps, SurfaceImageSource } from './types';

package/src/primitives/image/resolveImageProps.test.ts

@@ -0,0 +1,81 @@
+import { describe, expect, it } from 'bun:test';
+
+import { createTheme } from '../../theme/createTheme';
+import {
+  getSourceKey,
+  normalizeSource,
+  resolveImageStyle,
+  resolveRenderedSource,
+  resolveResizeMode,
+} from './resolveImageProps';
+
+describe('normalizeSource', () => {
+  it('normalizes string sources into uri objects', () => {
+    expect(normalizeSource('https://example.com/image.png')).toEqual({
+      uri: 'https://example.com/image.png',
+    });
+  });
+
+  it('passes through react-native image sources', () => {
+    expect(normalizeSource({ uri: 'https://example.com/image.png' })).toEqual({
+      uri: 'https://example.com/image.png',
+    });
+  });
+
+  it('returns undefined for nullish sources', () => {
+    expect(normalizeSource(null)).toBeUndefined();
+    expect(normalizeSource(undefined)).toBeUndefined();
+  });
+});
+
+describe('resolveResizeMode', () => {
+  it('prefers fit over resizeMode', () => {
+    expect(resolveResizeMode('contain', 'cover')).toBe('contain');
+  });
+
+  it('defaults to cover when both are absent', () => {
+    expect(resolveResizeMode(undefined, undefined)).toBe('cover');
+  });
+});
+
+describe('resolveRenderedSource', () => {
+  it('renders fallback when the primary source is absent', () => {
+    const normalizedFallback = normalizeSource('https://example.com/fallback.png');
+    expect(resolveRenderedSource(undefined, normalizedFallback, false)).toEqual(normalizedFallback);
+  });
+});
+
+describe('getSourceKey', () => {
+  it('derives stable keys for string and uri sources', () => {
+    expect(getSourceKey('https://example.com/image.png')).toBe('uri:https://example.com/image.png');
+    expect(getSourceKey({ uri: 'https://example.com/image.png' })).toBe(
+      'uri:https://example.com/image.png',
+    );
+  });
+
+  it('derives stable keys for asset sources', () => {
+    expect(getSourceKey(12)).toBe('asset:12');
+  });
+
+  it('derives stable keys for uri sets', () => {
+    expect(getSourceKey([{ uri: 'a' }, { uri: 'b' }])).toBe('uri-set:a|b');
+  });
+});
+
+describe('resolveImageStyle', () => {
+  it('resolves spacing tokens for width/height and preserves raw strings', () => {
+    const theme = createTheme();
+    const style = resolveImageStyle(theme, { width: 'm', height: '100%' });
+
+    expect(style.width).toBe(theme.spacing.m);
+    expect(style.height).toBe('100%');
+  });
+
+  it('resolves radius tokens for borderRadius', () => {
+    const theme = createTheme();
+    const style = resolveImageStyle(theme, { radius: 'full' });
+
+    expect(style.borderRadius).toBe(theme.radii.full);
+    expect(style.overflow).toBe('hidden');
+  });
+});

package/src/primitives/image/resolveImageProps.ts

@@ -0,0 +1,92 @@
+import type { ImageResizeMode, ImageSourcePropType } from 'react-native';
+import type { ImageStyle } from 'react-native';
+
+import { resolveToken } from '../../theme/resolveToken';
+import type { SurfaceTheme } from '../../theme/types';
+import type { ImageProps, SurfaceImageSource } from './types';
+
+export function normalizeSource(
+  source: SurfaceImageSource | null | undefined,
+): ImageSourcePropType | undefined {
+  if (source === null || source === undefined) return undefined;
+  if (typeof source === 'string') return { uri: source };
+  return source;
+}
+
+export function resolveRenderedSource(
+  normalizedPrimary: ImageSourcePropType | undefined,
+  normalizedFallback: ImageSourcePropType | undefined,
+  showFallback: boolean,
+): ImageSourcePropType | undefined {
+  if (showFallback || !normalizedPrimary) return normalizedFallback;
+  return normalizedPrimary;
+}
+
+function getUriFromSource(source: ImageSourcePropType): string | undefined {
+  if (Array.isArray(source)) {
+    const [first] = source;
+    return first?.uri;
+  }
+
+  if (typeof source === 'number') return undefined;
+  return source.uri;
+}
+
+export function getSourceKey(source: SurfaceImageSource | null | undefined): string | null {
+  if (source === null || source === undefined) return null;
+  if (typeof source === 'string') return `uri:${source}`;
+  if (typeof source === 'number') return `asset:${source}`;
+  if (Array.isArray(source)) {
+    const parts = source
+      .map((item) => item.uri)
+      .filter((value): value is string => typeof value === 'string');
+    return `uri-set:${parts.join('|')}`;
+  }
+
+  const uri = getUriFromSource(source);
+  if (uri) return `uri:${uri}`;
+
+  try {
+    return `src:${JSON.stringify(source)}`;
+  } catch {
+    return 'src:unknown';
+  }
+}
+
+export function resolveResizeMode(
+  fit: ImageProps['fit'],
+  resizeMode: ImageProps['resizeMode'],
+): ImageResizeMode {
+  return fit ?? resizeMode ?? 'cover';
+}
+
+export function resolveAccessibilityLabel(
+  alt: ImageProps['alt'],
+  accessibilityLabel: ImageProps['accessibilityLabel'],
+): string | undefined {
+  return accessibilityLabel ?? alt;
+}
+
+export function resolveAlt(
+  alt: ImageProps['alt'],
+  accessibilityLabel: ImageProps['accessibilityLabel'],
+): string | undefined {
+  return alt ?? accessibilityLabel;
+}
+
+export function resolveImageStyle(
+  theme: SurfaceTheme,
+  props: Pick<ImageProps, 'width' | 'height' | 'aspectRatio' | 'radius'>,
+): ImageStyle {
+  const width = resolveToken(theme.spacing, props.width);
+  const height = resolveToken(theme.spacing, props.height);
+  const borderRadius = resolveToken(theme.radii, props.radius);
+
+  return {
+    width,
+    height,
+    aspectRatio: props.aspectRatio,
+    borderRadius,
+    overflow: borderRadius !== undefined ? 'hidden' : undefined,
+  };
+}

package/src/primitives/image/types.ts

@@ -0,0 +1,28 @@
+import type {
+  ImageProps as ReactNativeImageProps,
+  ImageResizeMode,
+  ImageSourcePropType,
+} from 'react-native';
+import type { ImageStyle, StyleProp } from 'react-native';
+
+import type { SurfaceTheme } from '../../theme/types';
+
+export type SurfaceImageSource = string | ImageSourcePropType;
+
+export type ImageFit = ImageResizeMode;
+
+export interface ImageProps {
+  source?: SurfaceImageSource | null;
+  fallbackSource?: SurfaceImageSource | null;
+  alt?: string;
+  accessibilityLabel?: string;
+  width?: number | string;
+  height?: number | string;
+  aspectRatio?: number;
+  fit?: ImageFit;
+  resizeMode?: ImageResizeMode;
+  radius?: number | keyof SurfaceTheme['radii'];
+  style?: StyleProp<ImageStyle>;
+  testID?: string;
+  onError?: ReactNativeImageProps['onError'];
+}