@ankhorage/surface 5.0.0 → 5.0.1

package/dist/index.d.ts

@@ -6,12 +6,8 @@ export type { LabelProps } from './components/label';
 export { Label } from './components/label';
 export type { ListItemProps } from './components/list-item';
 export { ListItem } from './components/list-item';
-export type { ModalProps } from './components/modal';
-export { Modal } from './components/modal';
 export type { SwitchProps } from './components/switch';
 export { Switch } from './components/switch';
-export type { TabListProps, TabPanelProps, TabProps, TabsProps } from './components/tabs';
-export { Tab, TabList, TabPanel, Tabs } from './components/tabs';
 export type { TextareaProps } from './components/textarea';
 export { Textarea } from './components/textarea';
 export type { FontRuntime } from './context/FontContext';
@@ -41,12 +37,16 @@ export type { KeyboardAvoidingViewBehavior, KeyboardAvoidingViewProps, } from '.
 export { KeyboardAvoidingView } from './features/keyboard-avoiding-view/public';
 export type { BoxProps, ContainerProps, DividerProps, GridProps, StackProps, } from './features/layout/public';
 export { Box, Container, Divider, Grid, Stack } from './features/layout/public';
+export type { ModalProps } from './features/modal/public';
+export { Modal } from './features/modal/public';
 export type { PopoverAnchorRenderProps, PopoverPlacement, PopoverProps, } from './features/popover/public';
 export { Popover } from './features/popover/public';
 export type { PopoverMenuAction, PopoverMenuActionIntent, PopoverMenuProps, } from './features/popover-menu/public';
 export { PopoverMenu } from './features/popover-menu/public';
 export type { SurfaceProps, SurfaceVariant } from './features/surface/public';
 export { Surface } from './features/surface/public';
+export type { TabListProps, TabPanelProps, TabProps, TabsProps } from './features/tabs/public';
+export { Tab, TabList, TabPanel, Tabs } from './features/tabs/public';
 export type { ToastController, ToastOptions, ToastProps, ToastProviderProps, ToastStatus, } from './features/toast/public';
 export { Toast, ToastProvider, useToast } from './features/toast/public';
 export type { TooltipProps } from './features/tooltip/public';

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -2,9 +2,7 @@ export { Field } from './components/field';
 export { HelperText } from './components/helper-text';
 export { Label } from './components/label';
 export { ListItem } from './components/list-item';
-export { Modal } from './components/modal';
 export { Switch } from './components/switch';
-export { Tab, TabList, TabPanel, Tabs } from './components/tabs';
 export { Textarea } from './components/textarea';
 export { FontProvider, useFontContext } from './context/FontContext';
 export { TranslationProvider, useTranslationContext } from './context/TranslationContext';
@@ -20,9 +18,11 @@ export { Icon, SUPPORTED_ICON_PROVIDERS } from './features/icon/public';
 export { Image } from './features/image/public';
 export { KeyboardAvoidingView } from './features/keyboard-avoiding-view/public';
 export { Box, Container, Divider, Grid, Stack } from './features/layout/public';
+export { Modal } from './features/modal/public';
 export { Popover } from './features/popover/public';
 export { PopoverMenu } from './features/popover-menu/public';
 export { Surface } from './features/surface/public';
+export { Tab, TabList, TabPanel, Tabs } from './features/tabs/public';
 export { Toast, ToastProvider, useToast } from './features/toast/public';
 export { Tooltip } from './features/tooltip/public';
 export { Heading, Text } from './features/typography/public';

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,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,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,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAErE,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAC1F,cAAc,mBAAmB,CAAC;AAUlC,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,gBAAgB,GACjB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAS9D,OAAO,EAAE,IAAI,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAExE,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAKhD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAQhF,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAMhF,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAMpD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAQpD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEzE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEpD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAE7D,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAOtD,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,gBAAgB,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC","sourcesContent":["export 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 { LabelProps } from './components/label';\nexport { Label } from './components/label';\nexport type { ListItemProps } from './components/list-item';\nexport { ListItem } from './components/list-item';\nexport type { ModalProps } from './components/modal';\nexport { Modal } from './components/modal';\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 { TextareaProps } from './components/textarea';\nexport { Textarea } from './components/textarea';\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 type {\n  AccordionContentProps,\n  AccordionItemProps,\n  AccordionMode,\n  AccordionMultipleProps,\n  AccordionProps,\n  AccordionSingleProps,\n  AccordionTriggerProps,\n} from './features/accordion/public';\nexport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from './features/accordion/public';\nexport type { BadgeProps } from './features/badge/public';\nexport { Badge } from './features/badge/public';\nexport type { ButtonIconSpec, ButtonProps, IconButtonProps } from './features/button/public';\nexport { Button, IconButton } from './features/button/public';\nexport type { CardProps } from './features/card/public';\nexport { Card } from './features/card/public';\nexport type { CheckboxProps } from './features/form/checkbox/public';\nexport { Checkbox } from './features/form/checkbox/public';\nexport type { RadioProps } from './features/form/radio/public';\nexport { Radio } from './features/form/radio/public';\nexport type { TextInputProps } from './features/form/text-input/public';\nexport { TextInput } from './features/form/text-input/public';\nexport type {\n  FontIconSource,\n  IconProps,\n  IconProvider,\n  IconSource,\n  IconVariant,\n  SvgIconSource,\n} from './features/icon/public';\nexport { Icon, SUPPORTED_ICON_PROVIDERS } from './features/icon/public';\nexport type { ImageFit, ImageProps, SurfaceImageSource } from './features/image/public';\nexport { Image } from './features/image/public';\nexport type {\n  KeyboardAvoidingViewBehavior,\n  KeyboardAvoidingViewProps,\n} from './features/keyboard-avoiding-view/public';\nexport { KeyboardAvoidingView } from './features/keyboard-avoiding-view/public';\nexport type {\n  BoxProps,\n  ContainerProps,\n  DividerProps,\n  GridProps,\n  StackProps,\n} from './features/layout/public';\nexport { Box, Container, Divider, Grid, Stack } from './features/layout/public';\nexport type {\n  PopoverAnchorRenderProps,\n  PopoverPlacement,\n  PopoverProps,\n} from './features/popover/public';\nexport { Popover } from './features/popover/public';\nexport type {\n  PopoverMenuAction,\n  PopoverMenuActionIntent,\n  PopoverMenuProps,\n} from './features/popover-menu/public';\nexport { PopoverMenu } from './features/popover-menu/public';\nexport type { SurfaceProps, SurfaceVariant } from './features/surface/public';\nexport { Surface } from './features/surface/public';\nexport type {\n  ToastController,\n  ToastOptions,\n  ToastProps,\n  ToastProviderProps,\n  ToastStatus,\n} from './features/toast/public';\nexport { Toast, ToastProvider, useToast } from './features/toast/public';\nexport type { TooltipProps } from './features/tooltip/public';\nexport { Tooltip } from './features/tooltip/public';\nexport type { HeadingLevel, HeadingProps, TextProps } from './features/typography/public';\nexport { Heading, Text } from './features/typography/public';\nexport type { InteractionPolicy, InteractionPolicyProps } from './interactionPolicy';\nexport * from './layout';\nexport type { ButtonBaseProps } from './primitives/button-base';\nexport { ButtonBase } from './primitives/button-base';\nexport type {\n  SurfaceColor,\n  SurfaceEmphasis,\n  SurfacePaletteColor,\n  SurfaceStatusColor,\n} from './surfaceColor';\nexport {\n  SURFACE_COLORS,\n  SURFACE_EMPHASES,\n  SURFACE_PALETTE_COLORS,\n  SURFACE_STATUS_COLORS,\n} from './surfaceColor';\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,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAErE,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAC1F,cAAc,mBAAmB,CAAC;AAUlC,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,gBAAgB,GACjB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAS9D,OAAO,EAAE,IAAI,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAExE,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAKhD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAQhF,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEhF,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAMhD,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAMpD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEpD,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAQtE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEzE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEpD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAE7D,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAOtD,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,gBAAgB,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC","sourcesContent":["export 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 { LabelProps } from './components/label';\nexport { Label } from './components/label';\nexport type { ListItemProps } from './components/list-item';\nexport { ListItem } from './components/list-item';\nexport type { SwitchProps } from './components/switch';\nexport { Switch } from './components/switch';\nexport type { TextareaProps } from './components/textarea';\nexport { Textarea } from './components/textarea';\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 type {\n  AccordionContentProps,\n  AccordionItemProps,\n  AccordionMode,\n  AccordionMultipleProps,\n  AccordionProps,\n  AccordionSingleProps,\n  AccordionTriggerProps,\n} from './features/accordion/public';\nexport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from './features/accordion/public';\nexport type { BadgeProps } from './features/badge/public';\nexport { Badge } from './features/badge/public';\nexport type { ButtonIconSpec, ButtonProps, IconButtonProps } from './features/button/public';\nexport { Button, IconButton } from './features/button/public';\nexport type { CardProps } from './features/card/public';\nexport { Card } from './features/card/public';\nexport type { CheckboxProps } from './features/form/checkbox/public';\nexport { Checkbox } from './features/form/checkbox/public';\nexport type { RadioProps } from './features/form/radio/public';\nexport { Radio } from './features/form/radio/public';\nexport type { TextInputProps } from './features/form/text-input/public';\nexport { TextInput } from './features/form/text-input/public';\nexport type {\n  FontIconSource,\n  IconProps,\n  IconProvider,\n  IconSource,\n  IconVariant,\n  SvgIconSource,\n} from './features/icon/public';\nexport { Icon, SUPPORTED_ICON_PROVIDERS } from './features/icon/public';\nexport type { ImageFit, ImageProps, SurfaceImageSource } from './features/image/public';\nexport { Image } from './features/image/public';\nexport type {\n  KeyboardAvoidingViewBehavior,\n  KeyboardAvoidingViewProps,\n} from './features/keyboard-avoiding-view/public';\nexport { KeyboardAvoidingView } from './features/keyboard-avoiding-view/public';\nexport type {\n  BoxProps,\n  ContainerProps,\n  DividerProps,\n  GridProps,\n  StackProps,\n} from './features/layout/public';\nexport { Box, Container, Divider, Grid, Stack } from './features/layout/public';\nexport type { ModalProps } from './features/modal/public';\nexport { Modal } from './features/modal/public';\nexport type {\n  PopoverAnchorRenderProps,\n  PopoverPlacement,\n  PopoverProps,\n} from './features/popover/public';\nexport { Popover } from './features/popover/public';\nexport type {\n  PopoverMenuAction,\n  PopoverMenuActionIntent,\n  PopoverMenuProps,\n} from './features/popover-menu/public';\nexport { PopoverMenu } from './features/popover-menu/public';\nexport type { SurfaceProps, SurfaceVariant } from './features/surface/public';\nexport { Surface } from './features/surface/public';\nexport type { TabListProps, TabPanelProps, TabProps, TabsProps } from './features/tabs/public';\nexport { Tab, TabList, TabPanel, Tabs } from './features/tabs/public';\nexport type {\n  ToastController,\n  ToastOptions,\n  ToastProps,\n  ToastProviderProps,\n  ToastStatus,\n} from './features/toast/public';\nexport { Toast, ToastProvider, useToast } from './features/toast/public';\nexport type { TooltipProps } from './features/tooltip/public';\nexport { Tooltip } from './features/tooltip/public';\nexport type { HeadingLevel, HeadingProps, TextProps } from './features/typography/public';\nexport { Heading, Text } from './features/typography/public';\nexport type { InteractionPolicy, InteractionPolicyProps } from './interactionPolicy';\nexport * from './layout';\nexport type { ButtonBaseProps } from './primitives/button-base';\nexport { ButtonBase } from './primitives/button-base';\nexport type {\n  SurfaceColor,\n  SurfaceEmphasis,\n  SurfacePaletteColor,\n  SurfaceStatusColor,\n} from './surfaceColor';\nexport {\n  SURFACE_COLORS,\n  SURFACE_EMPHASES,\n  SURFACE_PALETTE_COLORS,\n  SURFACE_STATUS_COLORS,\n} from './surfaceColor';\nexport * from './theme';\nexport { isDeepEqual } from './utils/deepEqual';\nexport { deepMerge } from './utils/deepMerge';\n"]}

package/dist/{components/modal/types.d.ts → types/modal.d.ts}

@@ -1,5 +1,5 @@
 import type React from 'react';
-import type { InteractionPolicy } from '../../interactionPolicy';
+import type { InteractionPolicy } from '../interactionPolicy';
 export interface ModalProps {
     visible: boolean;
     onDismiss?: (() => void) | undefined;
@@ -8,4 +8,4 @@ export interface ModalProps {
     interactionPolicy?: InteractionPolicy;
     testID?: string;
 }
-//# sourceMappingURL=types.d.ts.map
+//# sourceMappingURL=modal.d.ts.map

package/dist/types/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/types/modal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/types/modal.js

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

package/dist/types/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../src/types/modal.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { InteractionPolicy } from '../interactionPolicy';\n\nexport interface ModalProps {\n  visible: boolean;\n  onDismiss?: (() => void) | undefined;\n  children?: React.ReactNode;\n  closeOnBackdrop?: boolean;\n  interactionPolicy?: InteractionPolicy;\n  testID?: string;\n}\n"]}

package/dist/types/tabs.d.ts

@@ -0,0 +1,43 @@
+import type React from 'react';
+import type { InteractionPolicy } from '../interactionPolicy';
+export interface TabsProps {
+    children?: React.ReactNode;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: ((value: string) => void) | undefined;
+    testID?: string;
+}
+export interface TabListProps {
+    children?: React.ReactNode;
+    testID?: string;
+}
+export interface TabProps {
+    value: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    interactionPolicy?: InteractionPolicy;
+    testID?: string;
+}
+export interface TabPanelProps {
+    value: string;
+    children?: React.ReactNode;
+    testID?: string;
+}
+export interface TabRegistration {
+    disabled: boolean;
+    focus: () => void;
+    value: string;
+}
+export interface TabsContextValue {
+    activeValue: string | undefined;
+    focusedValue: string | undefined;
+    getPanelId: (value: string) => string;
+    getTabId: (value: string) => string;
+    registerTab: (tab: TabRegistration) => void;
+    setActiveValue: (value: string) => void;
+    setFocusedValue: (value: string | undefined) => void;
+    tabs: readonly TabRegistration[];
+    unregisterTab: (value: string) => void;
+}
+export type TabNavigationKey = 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'ArrowDown' | 'Home' | 'End';
+//# sourceMappingURL=tabs.d.ts.map

package/dist/types/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/types/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,WAAW,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,IAAI,EAAE,SAAS,eAAe,EAAE,CAAC;IACjC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,MAAM,gBAAgB,GAC1B,WAAW,GAAG,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,KAAK,CAAC"}

package/dist/types/tabs.js

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

package/dist/types/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/types/tabs.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { InteractionPolicy } from '../interactionPolicy';\n\nexport interface TabsProps {\n  children?: React.ReactNode;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: ((value: string) => void) | undefined;\n  testID?: string;\n}\n\nexport interface TabListProps {\n  children?: React.ReactNode;\n  testID?: string;\n}\n\nexport interface TabProps {\n  value: string;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  interactionPolicy?: InteractionPolicy;\n  testID?: string;\n}\n\nexport interface TabPanelProps {\n  value: string;\n  children?: React.ReactNode;\n  testID?: string;\n}\n\nexport interface TabRegistration {\n  disabled: boolean;\n  focus: () => void;\n  value: string;\n}\n\nexport interface TabsContextValue {\n  activeValue: string | undefined;\n  focusedValue: string | undefined;\n  getPanelId: (value: string) => string;\n  getTabId: (value: string) => string;\n  registerTab: (tab: TabRegistration) => void;\n  setActiveValue: (value: string) => void;\n  setFocusedValue: (value: string | undefined) => void;\n  tabs: readonly TabRegistration[];\n  unregisterTab: (value: string) => void;\n}\n\nexport type TabNavigationKey =\n  'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'ArrowDown' | 'Home' | 'End';\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/surface",
   "type": "module",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "description": "Stable UI foundation for React Native and React Native Web.",
   "homepage": "https://github.com/ankhorage/surface#readme",
   "bugs": {

package/src/features/modal/adapters/inbound/Modal.tsx

@@ -0,0 +1,74 @@
+import React from 'react';
+import { Pressable, StyleSheet, View, type ViewStyle } from 'react-native';
+
+import { FocusScope } from '../../../../internal/focus/FocusScope';
+import { Portal } from '../../../../internal/overlay/Portal';
+import { resolvePointerEvents } from '../../../../internal/resolvePointerEvents';
+import { resolveOverlayAnimation } from '../../../../internal/resolvers';
+import { Center } from '../../../../layout';
+import { useTheme } from '../../../../theme/ThemeContext';
+import type { ModalProps } from '../../../../types/modal';
+import { Surface } from '../../../surface/public';
+
+const boxNonePointerEvents = resolvePointerEvents('box-none');
+
+/*** Renders the generic Surface modal overlay and focus boundary. */
+export function Modal({
+  visible,
+  onDismiss,
+  children,
+  closeOnBackdrop = true,
+  interactionPolicy = 'enabled',
+  testID,
+}: ModalProps) {
+  const { theme } = useTheme();
+  const animation = resolveOverlayAnimation('modal');
+  const passive = interactionPolicy === 'passive';
+  const backdropPress = passive || !closeOnBackdrop ? undefined : onDismiss;
+
+  if (!visible) return null;
+
+  return (
+    <Portal layer="modal" visible={visible}>
+      <View {...boxNonePointerEvents.props} style={[boxNonePointerEvents.style, styles.fill]}>
+        <Pressable
+          onPress={backdropPress}
+          style={[
+            styles.fill,
+            resolveBackdropStyle(theme.semantics.neutral.text, animation.backdropOpacity),
+          ]}
+          testID={testID ? `${testID}-backdrop` : undefined}
+        />
+        <FocusScope
+          active={visible}
+          onEscape={passive ? undefined : onDismiss}
+          testID={testID ? `${testID}-focus` : undefined}
+        >
+          <Center p="l" style={styles.center}>
+            <View accessible accessibilityViewIsModal style={styles.content}>
+              <Surface p="l" style={styles.surface} testID={testID} variant="raised">
+                {children}
+              </Surface>
+            </View>
+          </Center>
+        </FocusScope>
+      </View>
+    </Portal>
+  );
+}
+
+/*** Resolves the runtime backdrop color and opacity without inline JSX styles. */
+function resolveBackdropStyle(backgroundColor: string, opacity: number): ViewStyle {
+  return { backgroundColor, opacity };
+}
+
+const styles = StyleSheet.create({
+  center: { flex: 1 },
+  content: { maxWidth: 560, width: '100%' },
+  fill: { bottom: 0, left: 0, position: 'absolute', right: 0, top: 0 },
+  surface: {
+    shadowOffset: { height: 8, width: 0 },
+    shadowOpacity: 0.14,
+    shadowRadius: 18,
+  },
+});

package/src/features/modal/public.ts

@@ -0,0 +1,2 @@
+export type { ModalProps } from '../../types/modal';
+export { Modal } from './adapters/inbound/Modal';

package/src/features/tabs/adapters/inbound/Tab.tsx

@@ -0,0 +1,67 @@
+import React from 'react';
+import { Pressable, type ViewStyle } from 'react-native';
+
+import { useTheme } from '../../../../theme/ThemeContext';
+import type { TabProps } from '../../../../types/tabs';
+import { Box } from '../../../layout/public';
+import { Text } from '../../../typography/public';
+import { useTabRegistration } from '../../composition/useTabRegistration';
+import { useTabsContext } from '../../composition/useTabsContext';
+
+/*** Renders one accessible selectable tab inside a Tabs context. */
+export function Tab({
+  value,
+  children,
+  disabled = false,
+  interactionPolicy = 'enabled',
+  testID,
+}: TabProps) {
+  const { theme } = useTheme();
+  const { activeValue, getPanelId, getTabId, setActiveValue, setFocusedValue } = useTabsContext();
+  const pressableRef = useTabRegistration({ disabled, value });
+  const selected = activeValue === value;
+  const passive = interactionPolicy === 'passive';
+  const onPress = passive || disabled ? undefined : () => setActiveValue(value);
+
+  return (
+    <Pressable
+      accessibilityLabel={undefined}
+      accessibilityRole="tab"
+      accessibilityState={{ disabled, selected }}
+      aria-controls={getPanelId(value)}
+      disabled={disabled}
+      nativeID={getTabId(value)}
+      onBlur={() => setFocusedValue(undefined)}
+      onFocus={() => setFocusedValue(value)}
+      onPress={onPress}
+      ref={pressableRef}
+      testID={testID}
+    >
+      <Box
+        px="m"
+        py="s"
+        style={resolveTabStyle({
+          borderColor: selected
+            ? theme.semantics.action.primary.base
+            : theme.semantics.border.default,
+          disabled,
+        })}
+      >
+        <Text color={selected ? 'primary' : undefined} variant="label" weight="medium">
+          {children}
+        </Text>
+      </Box>
+    </Pressable>
+  );
+}
+
+/*** Resolves active and disabled visual state without inline JSX styles. */
+function resolveTabStyle({
+  borderColor,
+  disabled,
+}: {
+  borderColor: string;
+  disabled: boolean;
+}): ViewStyle {
+  return { borderBottomColor: borderColor, borderBottomWidth: 2, opacity: disabled ? 0.64 : 1 };
+}

package/src/features/tabs/adapters/inbound/TabList.tsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import { StyleSheet } from 'react-native';
+
+import { useFocusManager } from '../../../../internal/focus/useFocusManager';
+import type { TabListProps, TabNavigationKey } from '../../../../types/tabs';
+import { Box } from '../../../layout/public';
+import { useTabsContext } from '../../composition/useTabsContext';
+import { resolveNextTabValue } from '../../utils/resolveNextTabValue';
+
+const navigationKeys: readonly string[] = [
+  'ArrowLeft',
+  'ArrowRight',
+  'ArrowUp',
+  'ArrowDown',
+  'Home',
+  'End',
+];
+
+/*** Renders the accessible tab list and owns keyboard focus navigation. */
+export function TabList({ children, testID }: TabListProps) {
+  const { bindKeydown } = useFocusManager();
+  const { focusedValue, setActiveValue, tabs } = useTabsContext();
+
+  React.useEffect(() => {
+    if (!focusedValue) return undefined;
+
+    return bindKeydown((event) => {
+      if (!isTabNavigationKey(event.key)) return;
+      const nextValue = resolveNextTabValue(tabs, focusedValue, event.key);
+      if (!nextValue) return;
+
+      event.preventDefault();
+      tabs.find((tab) => tab.value === nextValue)?.focus();
+      setActiveValue(nextValue);
+    });
+  }, [bindKeydown, focusedValue, setActiveValue, tabs]);
+
+  return (
+    <Box accessibilityRole="tablist" style={styles.list} testID={testID}>
+      {children}
+    </Box>
+  );
+}
+
+/*** Narrows keyboard event keys to the tab navigation key contract. */
+function isTabNavigationKey(key: string | undefined): key is TabNavigationKey {
+  return key !== undefined && navigationKeys.includes(key);
+}
+
+const styles = StyleSheet.create({ list: { flexDirection: 'row' } });

package/src/{components/tabs → features/tabs/adapters/inbound}/TabPanel.tsx

@@ -1,26 +1,22 @@
 import React from 'react';
 import { View } from 'react-native';
 
-import { useTabsContext } from './context';
-import type { TabPanelProps } from './types';
+import type { TabPanelProps } from '../../../../types/tabs';
+import { useTabsContext } from '../../composition/useTabsContext';
 
 const TAB_PANEL_ROLE = 'tabpanel' as React.ComponentProps<typeof View>['accessibilityRole'];
 
+/*** Renders the content panel associated with the active tab value. */
 export function TabPanel({ value, children, testID }: TabPanelProps) {
   const { activeValue, getPanelId, getTabId } = useTabsContext();
 
-  if (activeValue !== value) {
-    return null;
-  }
-
-  const tabId = getTabId(value);
-  const panelId = getPanelId(value);
+  if (activeValue !== value) return null;
 
   return (
     <View
-      accessibilityLabelledBy={tabId}
+      accessibilityLabelledBy={getTabId(value)}
       accessibilityRole={TAB_PANEL_ROLE}
-      nativeID={panelId}
+      nativeID={getPanelId(value)}
       testID={testID}
     >
       {children}

package/src/features/tabs/adapters/inbound/Tabs.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import type { TabsProps } from '../../../../types/tabs';
+import { Box } from '../../../layout/public';
+import { TabsContext } from '../../composition/TabsContext';
+import { useTabsController } from '../../composition/useTabsController';
+
+/*** Provides accessible tab selection state to TabList, Tab, and TabPanel children. */
+export function Tabs({ children, ...props }: TabsProps) {
+  const contextValue = useTabsController(props);
+
+  return (
+    <TabsContext value={contextValue}>
+      <Box testID={props.testID}>{children}</Box>
+    </TabsContext>
+  );
+}

package/src/features/tabs/composition/TabsContext.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+import type { TabsContextValue } from '../../../types/tabs';
+
+export const TabsContext = React.createContext<TabsContextValue | null>(null);

package/src/features/tabs/composition/useTabRegistration.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { Pressable } from 'react-native';
+
+import { useTabsContext } from './useTabsContext';
+
+/*** Registers one focusable tab with the owning Tabs context. */
+export function useTabRegistration({ disabled, value }: { disabled: boolean; value: string }) {
+  const { registerTab, unregisterTab } = useTabsContext();
+  const pressableRef = React.useRef<React.ElementRef<typeof Pressable> | null>(null);
+
+  React.useEffect(() => {
+    registerTab({
+      disabled,
+      focus: () => {
+        const focusable = pressableRef.current as unknown as {
+          focus?: (() => void) | undefined;
+        } | null;
+        focusable?.focus?.();
+      },
+      value,
+    });
+
+    return () => unregisterTab(value);
+  }, [disabled, registerTab, unregisterTab, value]);
+
+  return pressableRef;
+}

package/src/features/tabs/composition/useTabsContext.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+
+import type { TabsContextValue } from '../../../types/tabs';
+import { TabsContext } from './TabsContext';
+
+/*** Returns the active Tabs feature context. */
+export function useTabsContext(): TabsContextValue {
+  const value = React.use(TabsContext);
+
+  if (!value) throw new Error('Tabs components must be used within <Tabs>.');
+
+  return value;
+}

package/src/features/tabs/composition/useTabsController.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+
+import { useControllableState } from '../../../internal/useControllableState';
+import type { TabRegistration, TabsContextValue, TabsProps } from '../../../types/tabs';
+import { resolveTabElementId } from '../utils/resolveTabElementId';
+
+/*** Owns controlled state, registration, focus state, and ids for one Tabs instance. */
+export function useTabsController({
+  defaultValue,
+  onValueChange,
+  testID,
+  value,
+}: Pick<TabsProps, 'defaultValue' | 'onValueChange' | 'testID' | 'value'>): TabsContextValue {
+  const [activeValue, setActiveValue] = useControllableState<string | undefined>({
+    defaultValue,
+    onChange: (nextValue) => {
+      if (nextValue !== undefined) onValueChange?.(nextValue);
+    },
+    value,
+  });
+  const [focusedValue, setFocusedValue] = React.useState<string | undefined>(undefined);
+  const [tabs, setTabs] = React.useState<readonly TabRegistration[]>([]);
+
+  const registerTab = React.useCallback((tab: TabRegistration) => {
+    setTabs((current) =>
+      current.some((entry) => entry.value === tab.value)
+        ? current.map((entry) => (entry.value === tab.value ? tab : entry))
+        : [...current, tab],
+    );
+  }, []);
+  const unregisterTab = React.useCallback((valueToRemove: string) => {
+    setTabs((current) => current.filter((entry) => entry.value !== valueToRemove));
+  }, []);
+
+  React.useEffect(() => {
+    if (activeValue !== undefined) return;
+    const firstEnabledTab = tabs.find((entry) => !entry.disabled);
+    if (firstEnabledTab) setActiveValue(firstEnabledTab.value);
+  }, [activeValue, setActiveValue, tabs]);
+
+  return React.useMemo(
+    () => ({
+      activeValue,
+      focusedValue,
+      getPanelId: (tabValue: string) => resolveTabElementId('panel', testID, tabValue),
+      getTabId: (tabValue: string) => resolveTabElementId('tab', testID, tabValue),
+      registerTab,
+      setActiveValue: (nextValue: string) => setActiveValue(nextValue),
+      setFocusedValue,
+      tabs,
+      unregisterTab,
+    }),
+    [activeValue, focusedValue, registerTab, setActiveValue, tabs, testID, unregisterTab],
+  );
+}

package/src/features/tabs/public.ts

@@ -0,0 +1,5 @@
+export type { TabListProps, TabPanelProps, TabProps, TabsProps } from '../../types/tabs';
+export { Tab } from './adapters/inbound/Tab';
+export { TabList } from './adapters/inbound/TabList';
+export { TabPanel } from './adapters/inbound/TabPanel';
+export { Tabs } from './adapters/inbound/Tabs';

package/src/{components/tabs/navigation.test.ts → features/tabs/utils/resolveNextTabValue.test.ts}

@@ -1,12 +1,12 @@
 import { describe, expect, it } from 'bun:test';
 
-import { resolveNextTabValue } from './navigation';
+import { resolveNextTabValue } from './resolveNextTabValue';
 
 const tabs = [
   { disabled: false, focus: () => undefined, value: 'overview' },
   { disabled: true, focus: () => undefined, value: 'disabled' },
   { disabled: false, focus: () => undefined, value: 'details' },
-];
+] as const;
 
 describe('resolveNextTabValue', () => {
   it('skips disabled tabs when cycling', () => {

package/src/features/tabs/utils/resolveNextTabValue.ts

@@ -0,0 +1,24 @@
+import type { TabNavigationKey, TabRegistration } from '../../../types/tabs';
+
+/*** Resolves the next enabled tab for keyboard focus navigation. */
+export function resolveNextTabValue(
+  tabs: readonly TabRegistration[],
+  currentValue: string | undefined,
+  key: TabNavigationKey,
+): string | undefined {
+  const enabledTabs = tabs.filter((tab) => !tab.disabled);
+  if (enabledTabs.length === 0) return undefined;
+
+  if (key === 'Home') return enabledTabs.at(0)?.value;
+  if (key === 'End') return enabledTabs.at(-1)?.value;
+
+  const currentIndex = enabledTabs.findIndex((tab) => tab.value === currentValue);
+  if (currentIndex === -1) return enabledTabs.at(0)?.value;
+
+  const nextIndex =
+    key === 'ArrowLeft' || key === 'ArrowUp'
+      ? (currentIndex - 1 + enabledTabs.length) % enabledTabs.length
+      : (currentIndex + 1) % enabledTabs.length;
+
+  return enabledTabs.at(nextIndex)?.value;
+}

package/src/features/tabs/utils/resolveTabElementId.test.ts

@@ -0,0 +1,19 @@
+import { describe, expect, it } from 'bun:test';
+
+import { resolveTabElementId } from './resolveTabElementId';
+
+describe('resolveTabElementId', () => {
+  it('creates stable ids from tab values', () => {
+    expect(resolveTabElementId('tab', undefined, 'Account Settings')).toBe(
+      'tabs-tab-Account-Settings',
+    );
+    expect(resolveTabElementId('panel', undefined, 'Account Settings')).toBe(
+      'tabs-panel-Account-Settings',
+    );
+  });
+
+  it('namespaces ids by tabs testID when provided', () => {
+    expect(resolveTabElementId('tab', 'settings', 'billing')).toBe('settings-tabs-tab-billing');
+    expect(resolveTabElementId('panel', 'settings', 'billing')).toBe('settings-tabs-panel-billing');
+  });
+});