@ankhorage/surface 3.4.6 → 4.1.0

package/src/features/bottom-sheet/BottomSheetProvider.tsx

@@ -0,0 +1,129 @@
+import {
+  BottomSheetBackdrop,
+  type BottomSheetBackdropProps,
+  BottomSheetModal,
+  BottomSheetModalProvider,
+  BottomSheetView,
+} from '@gorhom/bottom-sheet';
+import React from 'react';
+
+import type { BottomSheetController, BottomSheetPresentOptions } from '../../types/bottomSheet';
+import { BottomSheetContext } from './BottomSheetContext';
+
+/*** Installs the shared bottom-sheet modal host and controller for descendant consumers. */
+export function BottomSheetProvider({ children }: { children: React.ReactNode }) {
+  const modalRef = React.useRef<BottomSheetModal>(null);
+  const activeRequestRef = React.useRef<BottomSheetPresentOptions | null>(null);
+  const presentedRef = React.useRef(false);
+  const [activeRequest, setActiveRequest] = React.useState<BottomSheetPresentOptions | null>(null);
+
+  const present = React.useCallback((options: BottomSheetPresentOptions) => {
+    activeRequestRef.current = options;
+    setActiveRequest(options);
+  }, []);
+
+  const dismiss = React.useCallback(() => {
+    if (presentedRef.current) {
+      modalRef.current?.dismiss();
+      return;
+    }
+
+    const request = activeRequestRef.current;
+    activeRequestRef.current = null;
+    setActiveRequest(null);
+    request?.onDismiss?.();
+  }, []);
+
+  const handleDismiss = React.useCallback(() => {
+    const request = activeRequestRef.current;
+    presentedRef.current = false;
+    activeRequestRef.current = null;
+    setActiveRequest(null);
+    request?.onDismiss?.();
+  }, []);
+
+  const controller = React.useMemo<BottomSheetController>(
+    () => ({ dismiss, present }),
+    [dismiss, present],
+  );
+
+  return (
+    <BottomSheetContext.Provider value={controller}>
+      <BottomSheetModalProvider>
+        {children}
+        <BottomSheetHost
+          activeRequest={activeRequest}
+          handleDismiss={handleDismiss}
+          modalRef={modalRef}
+          presentedRef={presentedRef}
+        />
+      </BottomSheetModalProvider>
+    </BottomSheetContext.Provider>
+  );
+}
+
+interface BottomSheetHostProps {
+  readonly activeRequest: BottomSheetPresentOptions | null;
+  readonly handleDismiss: () => void;
+  readonly modalRef: React.RefObject<BottomSheetModal | null>;
+  readonly presentedRef: React.RefObject<boolean>;
+}
+
+/*** Renders and presents the single Gorhom modal owned by the provider. */
+function BottomSheetHost({
+  activeRequest,
+  handleDismiss,
+  modalRef,
+  presentedRef,
+}: BottomSheetHostProps) {
+  React.useEffect(() => {
+    if (!activeRequest || presentedRef.current) {
+      return;
+    }
+
+    presentedRef.current = true;
+    modalRef.current?.present();
+  }, [activeRequest, modalRef, presentedRef]);
+
+  const renderBackdrop = useBottomSheetBackdrop(activeRequest?.dismissOnBackdropPress);
+  const snapPoints = React.useMemo(
+    () => (activeRequest?.snapPoints ? [...activeRequest.snapPoints] : undefined),
+    [activeRequest?.snapPoints],
+  );
+
+  if (!activeRequest) {
+    return null;
+  }
+
+  return (
+    <BottomSheetModal
+      ref={modalRef}
+      backdropComponent={renderBackdrop}
+      enableDynamicSizing={activeRequest.enableDynamicSizing ?? true}
+      enablePanDownToClose={activeRequest.enablePanDownToClose ?? true}
+      index={activeRequest.initialIndex ?? 0}
+      keyboardBehavior={activeRequest.keyboardBehavior ?? 'interactive'}
+      keyboardBlurBehavior={activeRequest.keyboardBlurBehavior ?? 'restore'}
+      onChange={activeRequest.onIndexChange}
+      onDismiss={handleDismiss}
+      snapPoints={snapPoints}
+    >
+      <BottomSheetView>{activeRequest.content}</BottomSheetView>
+    </BottomSheetModal>
+  );
+}
+
+/*** Creates the backdrop renderer for the active bottom-sheet request. */
+function useBottomSheetBackdrop(dismissOnBackdropPress: boolean | undefined) {
+  return React.useCallback(
+    (props: BottomSheetBackdropProps) => (
+      <BottomSheetBackdrop
+        {...props}
+        appearsOnIndex={0}
+        disappearsOnIndex={-1}
+        pressBehavior={dismissOnBackdropPress === false ? 'none' : 'close'}
+      />
+    ),
+    [dismissOnBackdropPress],
+  );
+}

package/src/features/bottom-sheet/public.ts

@@ -0,0 +1,3 @@
+export type { BottomSheetController, BottomSheetPresentOptions } from '../../types/bottomSheet';
+export { BottomSheetProvider } from './BottomSheetProvider';
+export { useBottomSheet } from './useBottomSheet';

package/src/features/bottom-sheet/useBottomSheet.test.tsx

@@ -0,0 +1,18 @@
+import { describe, expect, it } from 'bun:test';
+import React from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
+
+import { useBottomSheet } from './useBottomSheet';
+
+describe('useBottomSheet', () => {
+  it('requires BottomSheetProvider', () => {
+    function Consumer() {
+      useBottomSheet();
+      return null;
+    }
+
+    expect(() => renderToStaticMarkup(<Consumer />)).toThrow(
+      'useBottomSheet must be used within BottomSheetProvider.',
+    );
+  });
+});

package/src/features/bottom-sheet/useBottomSheet.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+
+import type { BottomSheetController } from '../../types/bottomSheet';
+import { BottomSheetContext } from './BottomSheetContext';
+
+/*** Returns the shared bottom-sheet controller installed by BottomSheetProvider. */
+export function useBottomSheet(): BottomSheetController {
+  const controller = React.useContext(BottomSheetContext);
+
+  if (!controller) {
+    throw new Error('useBottomSheet must be used within BottomSheetProvider.');
+  }
+
+  return controller;
+}

package/src/index.test.ts

@@ -9,6 +9,7 @@ const indexSource = readFileSync(new URL('./index.ts', import.meta.url), 'utf8')
 const packageJson = JSON.parse(
   readFileSync(new URL('../package.json', import.meta.url), 'utf8'),
 ) as {
+  dependencies: Record<string, string>;
   devDependencies: Record<string, string>;
   exports: Record<string, unknown>;
   files: string[];
@@ -20,7 +21,6 @@ const expectedRootExports = [
   "export { Button } from './components/button';",
   "export { Card } from './components/card';",
   "export { Checkbox } from './components/checkbox';",
-  "export { Drawer } from './components/drawer';",
   "export { Field } from './components/field';",
   "export { HelperText } from './components/helper-text';",
   "export { IconButton } from './components/icon-button';",
@@ -28,7 +28,6 @@ const expectedRootExports = [
   "export type { InteractionPolicy, InteractionPolicyProps } from './interactionPolicy';",
   "export { Label } from './components/label';",
   "export { ListItem } from './components/list-item';",
-  "export {\n  DrawerNavigation,\n  DrawerNavigationItem,\n  NavigationItem,\n  NavigationList,\n  TabBar,\n  TabBarItem,\n} from './components/navigation';",
   "export { Menu } from './components/menu';",
   "export { Modal } from './components/modal';",
   "export { Radio } from './components/radio';",
@@ -45,13 +44,24 @@ const expectedRootExports = [
   "export * from './theme';",
 ] as const;
 
-describe('public package contract', () => {
-  it('keeps the intended package surface on the root barrel', () => {
+describe('public root barrel contract', () => {
+  it('keeps the intended package surface', () => {
     expectedRootExports.forEach((line) => {
       expect(indexSource).toContain(line);
     });
   });
 
+  it('does not retain obsolete action-sheet, drawer, or navigation chrome', () => {
+    expect(indexSource).not.toContain('ActionSheet');
+    expect(indexSource).not.toContain("'./components/action-sheet'");
+    expect(indexSource).not.toContain("'./components/drawer'");
+    expect(indexSource).not.toContain("'./components/navigation'");
+    expect(indexSource).not.toContain('DrawerNavigation');
+    expect(indexSource).not.toContain('NavigationItem');
+    expect(indexSource).not.toContain('NavigationList');
+    expect(indexSource).not.toContain('TabBar');
+  });
+
   it('keeps internal infrastructure off the public barrel', () => {
     expect(indexSource).not.toContain("'./internal/");
     expect(indexSource).not.toContain('resolveSelectionControlNextChecked');
@@ -60,7 +70,18 @@ describe('public package contract', () => {
     expect(indexSource).not.toContain('useFocusManager');
   });
 
-  it('keeps package metadata aligned with the single-entry public surface', () => {
+  it('exports the resolved semantic and diagnostic contracts', () => {
+    const theme = createTheme();
+    const selection: SelectionSemantics = theme.semantics.selection;
+    const diagnostics: SurfaceColorDiagnostics = theme.colorDiagnostics;
+
+    expect(selection.background).toBeDefined();
+    expect(diagnostics.generated.swatches).toBe(theme.swatches);
+  });
+});
+
+describe('public package metadata contract', () => {
+  it('keeps package metadata aligned with deliberate public entrypoints', () => {
     expect(packageJson.files).toEqual(['dist', 'src', 'README.md', 'CHANGELOG.md', 'LICENSE']);
     expect(packageJson.exports).toEqual({
       '.': {
@@ -70,6 +91,13 @@ describe('public package contract', () => {
         import: './dist/index.js',
         types: './dist/index.d.ts',
       },
+      './bottom-sheet': {
+        'react-native': './src/features/bottom-sheet/public.ts',
+        browser: './src/features/bottom-sheet/public.ts',
+        default: './dist/features/bottom-sheet/public.js',
+        import: './dist/features/bottom-sheet/public.js',
+        types: './dist/features/bottom-sheet/public.d.ts',
+      },
       './theme': {
         bun: './src/theme/public.ts',
         'react-native': './src/theme/public.ts',
@@ -88,13 +116,13 @@ describe('public package contract', () => {
     expect(packageJson.peerDependencies['react-native-svg']).toBe('15.15.4');
     expect(packageJson.devDependencies['react-native-svg']).toBe('15.15.4');
   });
+});
 
-  it('exports the resolved semantic and diagnostic contracts from the public root', () => {
-    const theme = createTheme();
-    const selection: SelectionSemantics = theme.semantics.selection;
-    const diagnostics: SurfaceColorDiagnostics = theme.colorDiagnostics;
-
-    expect(selection.background).toBeDefined();
-    expect(diagnostics.generated.swatches).toBe(theme.swatches);
+describe('bottom-sheet package contract', () => {
+  it('keeps the implementation and Expo 57 runtime boundary explicit', () => {
+    expect(packageJson.dependencies['@gorhom/bottom-sheet']).toMatch(/^\^5\./);
+    expect(packageJson.peerDependencies['react-native-gesture-handler']).toMatch(/^~2\.32\./);
+    expect(packageJson.peerDependencies['react-native-reanimated']).toBe('4.5.1');
+    expect(packageJson.peerDependencies['react-native-worklets']).toBe('0.10.1');
   });
 });

package/src/index.ts

@@ -1,5 +1,3 @@
-export type { ActionSheetItemProps, ActionSheetProps } from './components/action-sheet';
-export { ActionSheet, ActionSheetItem } from './components/action-sheet';
 export type { BadgeProps } from './components/badge';
 export { Badge } from './components/badge';
 export type { ButtonIconSpec, ButtonProps } from './components/button';
@@ -8,8 +6,6 @@ export type { CardProps } from './components/card';
 export { Card } from './components/card';
 export type { CheckboxProps } from './components/checkbox';
 export { Checkbox } from './components/checkbox';
-export type { DrawerProps } from './components/drawer';
-export { Drawer } from './components/drawer';
 export type { FieldProps } from './components/field';
 export { Field } from './components/field';
 export type { HelperTextProps } from './components/helper-text';
@@ -24,24 +20,6 @@ export type { MenuAction, MenuActionIntent, MenuItem, MenuProps } from './compon
 export { Menu } from './components/menu';
 export type { ModalProps } from './components/modal';
 export { Modal } from './components/modal';
-export type {
-  DrawerNavigationItemProps,
-  DrawerNavigationProps,
-  NavigationItemIcon,
-  NavigationItemProps,
-  NavigationItemSpec,
-  NavigationListProps,
-  TabBarItemProps,
-  TabBarProps,
-} from './components/navigation';
-export {
-  DrawerNavigation,
-  DrawerNavigationItem,
-  NavigationItem,
-  NavigationList,
-  TabBar,
-  TabBarItem,
-} from './components/navigation';
 export type { RadioProps } from './components/radio';
 export { Radio } from './components/radio';
 export type { SwitchProps } from './components/switch';

package/src/types/bottomSheet.ts

@@ -0,0 +1,19 @@
+import type React from 'react';
+
+export interface BottomSheetPresentOptions {
+  content: React.ReactNode;
+  snapPoints?: readonly (number | string)[];
+  initialIndex?: number;
+  enableDynamicSizing?: boolean;
+  enablePanDownToClose?: boolean;
+  dismissOnBackdropPress?: boolean;
+  keyboardBehavior?: 'extend' | 'fillParent' | 'interactive';
+  keyboardBlurBehavior?: 'none' | 'restore';
+  onIndexChange?: (index: number) => void;
+  onDismiss?: () => void;
+}
+
+export interface BottomSheetController {
+  present: (options: BottomSheetPresentOptions) => void;
+  dismiss: () => void;
+}

package/dist/components/action-sheet/ActionSheet.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { ActionSheetProps } from './types';
-export declare function ActionSheet({ visible, onDismiss, title, description, children, cancelLabel, closeOnBackdrop, interactionPolicy, testID, }: ActionSheetProps): React.JSX.Element | null;
-//# sourceMappingURL=ActionSheet.d.ts.map

package/dist/components/action-sheet/ActionSheet.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIhD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAsB,EACtB,eAAsB,EACtB,iBAA6B,EAC7B,MAAM,GACP,EAAE,gBAAgB,4BAwGlB"}

package/dist/components/action-sheet/ActionSheet.js

@@ -1,77 +0,0 @@
-import React from 'react';
-import { Pressable, View } 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 { Box, Stack, Surface } from '../../layout';
-import { Text } from '../../primitives/text';
-import { useTheme } from '../../theme/ThemeContext';
-import { ActionSheetItem } from './ActionSheetItem';
-const boxNonePointerEvents = resolvePointerEvents('box-none');
-export function ActionSheet({ visible, onDismiss, title, description, children, cancelLabel = 'Cancel', closeOnBackdrop = true, interactionPolicy = 'enabled', testID, }) {
-    const { theme } = useTheme();
-    const animation = resolveOverlayAnimation('modal');
-    const passive = interactionPolicy === 'passive';
-    if (!visible) {
-        return null;
-    }
-    return (<Portal layer="modal" visible={visible}>
-      <View {...boxNonePointerEvents.props} style={[
-            boxNonePointerEvents.style,
-            {
-                bottom: 0,
-                left: 0,
-                position: 'absolute',
-                right: 0,
-                top: 0,
-            },
-        ]}>
-        <Pressable onPress={passive ? undefined : closeOnBackdrop ? onDismiss : undefined} style={{
-            backgroundColor: theme.semantics.neutral.text,
-            bottom: 0,
-            left: 0,
-            opacity: animation.backdropOpacity,
-            position: 'absolute',
-            right: 0,
-            top: 0,
-        }} testID={testID ? `${testID}-backdrop` : undefined}/>
-        <FocusScope active={visible} onEscape={passive ? undefined : onDismiss} testID={testID ? `${testID}-focus` : undefined}>
-          <Box pointerEvents="box-none" style={{
-            flex: 1,
-            justifyContent: 'flex-end',
-        }}>
-            <View accessible accessibilityViewIsModal style={{
-            alignSelf: 'center',
-            maxWidth: 560,
-            padding: 16,
-            width: '100%',
-        }}>
-              <Surface p="m" style={{
-            borderRadius: 24,
-            shadowOpacity: 0.16,
-            shadowRadius: 18,
-            shadowOffset: { width: 0, height: -8 },
-        }} testID={testID} variant="raised">
-                <Stack gap="s">
-                  {title || description ? (<Box px="m" py="s">
-                      <Stack gap="xxs">
-                        {title ? (<Text align="center" variant="label" weight="semiBold">
-                            {title}
-                          </Text>) : null}
-                        {description ? (<Text align="center" emphasis="muted" variant="bodySmall">
-                            {description}
-                          </Text>) : null}
-                      </Stack>
-                    </Box>) : null}
-                  <Stack gap="xxs">{children}</Stack>
-                  {onDismiss ? (<ActionSheetItem label={cancelLabel} interactionPolicy={interactionPolicy} onPress={onDismiss} testID={testID ? `${testID}-cancel` : undefined}/>) : null}
-                </Stack>
-              </Surface>
-            </View>
-          </Box>
-        </FocusScope>
-      </View>
-    </Portal>);
-}
-//# sourceMappingURL=ActionSheet.js.map

package/dist/components/action-sheet/ActionSheet.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionSheet.js","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheet.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Pressable, View } from 'react-native';\n\nimport { FocusScope } from '../../internal/focus/FocusScope';\nimport { Portal } from '../../internal/overlay/Portal';\nimport { resolvePointerEvents } from '../../internal/resolvePointerEvents';\nimport { resolveOverlayAnimation } from '../../internal/resolvers';\nimport { Box, Stack, Surface } from '../../layout';\nimport { Text } from '../../primitives/text';\nimport { useTheme } from '../../theme/ThemeContext';\nimport { ActionSheetItem } from './ActionSheetItem';\nimport type { ActionSheetProps } from './types';\n\nconst boxNonePointerEvents = resolvePointerEvents('box-none');\n\nexport function ActionSheet({\n  visible,\n  onDismiss,\n  title,\n  description,\n  children,\n  cancelLabel = 'Cancel',\n  closeOnBackdrop = true,\n  interactionPolicy = 'enabled',\n  testID,\n}: ActionSheetProps) {\n  const { theme } = useTheme();\n  const animation = resolveOverlayAnimation('modal');\n  const passive = interactionPolicy === 'passive';\n\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <Portal layer=\"modal\" visible={visible}>\n      <View\n        {...boxNonePointerEvents.props}\n        style={[\n          boxNonePointerEvents.style,\n          {\n            bottom: 0,\n            left: 0,\n            position: 'absolute',\n            right: 0,\n            top: 0,\n          },\n        ]}\n      >\n        <Pressable\n          onPress={passive ? undefined : closeOnBackdrop ? onDismiss : undefined}\n          style={{\n            backgroundColor: theme.semantics.neutral.text,\n            bottom: 0,\n            left: 0,\n            opacity: animation.backdropOpacity,\n            position: 'absolute',\n            right: 0,\n            top: 0,\n          }}\n          testID={testID ? `${testID}-backdrop` : undefined}\n        />\n        <FocusScope\n          active={visible}\n          onEscape={passive ? undefined : onDismiss}\n          testID={testID ? `${testID}-focus` : undefined}\n        >\n          <Box\n            pointerEvents=\"box-none\"\n            style={{\n              flex: 1,\n              justifyContent: 'flex-end',\n            }}\n          >\n            <View\n              accessible\n              accessibilityViewIsModal\n              style={{\n                alignSelf: 'center',\n                maxWidth: 560,\n                padding: 16,\n                width: '100%',\n              }}\n            >\n              <Surface\n                p=\"m\"\n                style={{\n                  borderRadius: 24,\n                  shadowOpacity: 0.16,\n                  shadowRadius: 18,\n                  shadowOffset: { width: 0, height: -8 },\n                }}\n                testID={testID}\n                variant=\"raised\"\n              >\n                <Stack gap=\"s\">\n                  {title || description ? (\n                    <Box px=\"m\" py=\"s\">\n                      <Stack gap=\"xxs\">\n                        {title ? (\n                          <Text align=\"center\" variant=\"label\" weight=\"semiBold\">\n                            {title}\n                          </Text>\n                        ) : null}\n                        {description ? (\n                          <Text align=\"center\" emphasis=\"muted\" variant=\"bodySmall\">\n                            {description}\n                          </Text>\n                        ) : null}\n                      </Stack>\n                    </Box>\n                  ) : null}\n                  <Stack gap=\"xxs\">{children}</Stack>\n                  {onDismiss ? (\n                    <ActionSheetItem\n                      label={cancelLabel}\n                      interactionPolicy={interactionPolicy}\n                      onPress={onDismiss}\n                      testID={testID ? `${testID}-cancel` : undefined}\n                    />\n                  ) : null}\n                </Stack>\n              </Surface>\n            </View>\n          </Box>\n        </FocusScope>\n      </View>\n    </Portal>\n  );\n}\n"]}

package/dist/components/action-sheet/ActionSheetItem.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { ActionSheetItemProps } from './types';
-export declare function ActionSheetItem({ label, description, leading, trailing, color, disabled, selected, interactionPolicy, onPress, testID, }: ActionSheetItemProps): React.JSX.Element;
-//# sourceMappingURL=ActionSheetItem.d.ts.map

package/dist/components/action-sheet/ActionSheetItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheetItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,QAAgB,EAChB,iBAA6B,EAC7B,OAAO,EACP,MAAM,GACP,EAAE,oBAAoB,qBAwCtB"}

package/dist/components/action-sheet/ActionSheetItem.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import { Box, Inline, Stack } from '../../layout';
-import { ButtonBase } from '../../primitives/button-base';
-import { Text } from '../../primitives/text';
-export function ActionSheetItem({ label, description, leading, trailing, color, disabled = false, selected = false, interactionPolicy = 'enabled', onPress, testID, }) {
-    return (<ButtonBase accessibilityRole="button" accessibilityState={{ disabled, selected }} disabled={disabled} interactionPolicy={interactionPolicy} onPress={onPress} radius="m" testID={testID}>
-      {(state) => (<Box px="m" py="m" radius="m" style={{
-                opacity: state.disabled ? 0.56 : 1,
-            }}>
-          <Inline align="center" gap="m" justify="space-between" wrap="nowrap">
-            {leading ? <Box>{leading}</Box> : null}
-            <Box flex={1}>
-              <Stack gap="xxs">
-                <Text color={color} variant="body" weight={selected ? 'semiBold' : 'medium'}>
-                  {label}
-                </Text>
-                {description ? (<Text emphasis="muted" variant="bodySmall">
-                    {description}
-                  </Text>) : null}
-              </Stack>
-            </Box>
-            {trailing ? <Box>{trailing}</Box> : null}
-          </Inline>
-        </Box>)}
-    </ButtonBase>);
-}
-//# sourceMappingURL=ActionSheetItem.js.map

package/dist/components/action-sheet/ActionSheetItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionSheetItem.js","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheetItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,iBAAiB,GAAG,SAAS,EAC7B,OAAO,EACP,MAAM,GACe;IACrB,OAAO,CACL,CAAC,UAAU,CACT,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAC3C,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,GAAG,CACV,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACV,CAAC,GAAG,CACF,EAAE,CAAC,GAAG,CACN,EAAE,CAAC,GAAG,CACN,MAAM,CAAC,GAAG,CACV,KAAK,CAAC,CAAC;gBACL,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aACnC,CAAC,CAEF;UAAA,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAClE;YAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CACtC;YAAA,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACX;cAAA,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CACd;gBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAC1E;kBAAA,CAAC,KAAK,CACR;gBAAA,EAAE,IAAI,CACN;gBAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CACxC;oBAAA,CAAC,WAAW,CACd;kBAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;cAAA,EAAE,KAAK,CACT;YAAA,EAAE,GAAG,CACL;YAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAC1C;UAAA,EAAE,MAAM,CACV;QAAA,EAAE,GAAG,CAAC,CACP,CACH;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport { Box, Inline, Stack } from '../../layout';\nimport { ButtonBase } from '../../primitives/button-base';\nimport { Text } from '../../primitives/text';\nimport type { ActionSheetItemProps } from './types';\n\nexport function ActionSheetItem({\n  label,\n  description,\n  leading,\n  trailing,\n  color,\n  disabled = false,\n  selected = false,\n  interactionPolicy = 'enabled',\n  onPress,\n  testID,\n}: ActionSheetItemProps) {\n  return (\n    <ButtonBase\n      accessibilityRole=\"button\"\n      accessibilityState={{ disabled, selected }}\n      disabled={disabled}\n      interactionPolicy={interactionPolicy}\n      onPress={onPress}\n      radius=\"m\"\n      testID={testID}\n    >\n      {(state) => (\n        <Box\n          px=\"m\"\n          py=\"m\"\n          radius=\"m\"\n          style={{\n            opacity: state.disabled ? 0.56 : 1,\n          }}\n        >\n          <Inline align=\"center\" gap=\"m\" justify=\"space-between\" wrap=\"nowrap\">\n            {leading ? <Box>{leading}</Box> : null}\n            <Box flex={1}>\n              <Stack gap=\"xxs\">\n                <Text color={color} variant=\"body\" weight={selected ? 'semiBold' : 'medium'}>\n                  {label}\n                </Text>\n                {description ? (\n                  <Text emphasis=\"muted\" variant=\"bodySmall\">\n                    {description}\n                  </Text>\n                ) : null}\n              </Stack>\n            </Box>\n            {trailing ? <Box>{trailing}</Box> : null}\n          </Inline>\n        </Box>\n      )}\n    </ButtonBase>\n  );\n}\n"]}

package/dist/components/action-sheet/index.d.ts

@@ -1,4 +0,0 @@
-export { ActionSheet } from './ActionSheet';
-export { ActionSheetItem } from './ActionSheetItem';
-export type { ActionSheetItemProps, ActionSheetProps } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/action-sheet/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/action-sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/action-sheet/index.js

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

package/dist/components/action-sheet/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/action-sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC","sourcesContent":["export { ActionSheet } from './ActionSheet';\nexport { ActionSheetItem } from './ActionSheetItem';\nexport type { ActionSheetItemProps, ActionSheetProps } from './types';\n"]}

package/dist/components/action-sheet/types.d.ts

@@ -1,27 +0,0 @@
-import type React from 'react';
-import type { InteractionPolicy } from '../../interactionPolicy';
-import type { SurfaceColor } from '../../surfaceColor';
-export interface ActionSheetProps {
-    visible: boolean;
-    onDismiss?: (() => void) | undefined;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    children?: React.ReactNode;
-    cancelLabel?: React.ReactNode;
-    closeOnBackdrop?: boolean;
-    interactionPolicy?: InteractionPolicy;
-    testID?: string;
-}
-export interface ActionSheetItemProps {
-    label: React.ReactNode;
-    description?: React.ReactNode;
-    leading?: React.ReactNode;
-    trailing?: React.ReactNode;
-    color?: SurfaceColor;
-    disabled?: boolean;
-    selected?: boolean;
-    interactionPolicy?: InteractionPolicy;
-    onPress?: (() => void) | undefined;
-    testID?: string;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/components/action-sheet/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/action-sheet/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/components/action-sheet/types.js

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

package/dist/components/action-sheet/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/action-sheet/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { InteractionPolicy } from '../../interactionPolicy';\nimport type { SurfaceColor } from '../../surfaceColor';\n\nexport interface ActionSheetProps {\n  visible: boolean;\n  onDismiss?: (() => void) | undefined;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  children?: React.ReactNode;\n  cancelLabel?: React.ReactNode;\n  closeOnBackdrop?: boolean;\n  interactionPolicy?: InteractionPolicy;\n  testID?: string;\n}\n\nexport interface ActionSheetItemProps {\n  label: React.ReactNode;\n  description?: React.ReactNode;\n  leading?: React.ReactNode;\n  trailing?: React.ReactNode;\n  color?: SurfaceColor;\n  disabled?: boolean;\n  selected?: boolean;\n  interactionPolicy?: InteractionPolicy;\n  onPress?: (() => void) | undefined;\n  testID?: string;\n}\n"]}

package/dist/components/drawer/Drawer.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { DrawerProps } from './types';
-export declare function Drawer({ visible, onDismiss, position, children, closeOnBackdrop, interactionPolicy, testID, }: DrawerProps): React.JSX.Element | null;
-//# sourceMappingURL=Drawer.d.ts.map

package/dist/components/drawer/Drawer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,SAAS,EACT,QAAkB,EAClB,QAAQ,EACR,eAAsB,EACtB,iBAA6B,EAC7B,MAAM,GACP,EAAE,WAAW,4BA8Eb"}

package/dist/components/drawer/Drawer.js

@@ -1,62 +0,0 @@
-import React from 'react';
-import { Pressable, View } 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 { Box, Surface } from '../../layout';
-import { useTheme } from '../../theme/ThemeContext';
-const boxNonePointerEvents = resolvePointerEvents('box-none');
-export function Drawer({ visible, onDismiss, position = 'right', children, closeOnBackdrop = true, interactionPolicy = 'enabled', testID, }) {
-    const { theme } = useTheme();
-    const animation = resolveOverlayAnimation('drawer');
-    const passive = interactionPolicy === 'passive';
-    if (!visible) {
-        return null;
-    }
-    return (<Portal layer="drawer" visible={visible}>
-      <View {...boxNonePointerEvents.props} style={[
-            boxNonePointerEvents.style,
-            {
-                bottom: 0,
-                left: 0,
-                position: 'absolute',
-                right: 0,
-                top: 0,
-            },
-        ]}>
-        <Pressable onPress={passive ? undefined : closeOnBackdrop ? onDismiss : undefined} style={{
-            backgroundColor: theme.semantics.neutral.text,
-            bottom: 0,
-            left: 0,
-            opacity: animation.backdropOpacity,
-            position: 'absolute',
-            right: 0,
-            top: 0,
-        }} testID={testID ? `${testID}-backdrop` : undefined}/>
-        <FocusScope active={visible} onEscape={passive ? undefined : onDismiss} testID={testID ? `${testID}-focus` : undefined}>
-          <Box pointerEvents="box-none" style={{
-            flex: 1,
-            justifyContent: 'flex-start',
-        }}>
-            <View accessible accessibilityViewIsModal style={{
-            alignSelf: position === 'left' ? 'flex-start' : 'flex-end',
-            height: '100%',
-            maxWidth: 420,
-            width: '88%',
-        }}>
-              <Surface p="l" style={{
-            height: '100%',
-            shadowOpacity: 0.14,
-            shadowRadius: 14,
-            shadowOffset: { width: position === 'left' ? 4 : -4, height: 0 },
-        }} testID={testID} variant="raised">
-                {children}
-              </Surface>
-            </View>
-          </Box>
-        </FocusScope>
-      </View>
-    </Portal>);
-}
-//# sourceMappingURL=Drawer.js.map

package/dist/components/drawer/Drawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Pressable, View } from 'react-native';\n\nimport { FocusScope } from '../../internal/focus/FocusScope';\nimport { Portal } from '../../internal/overlay/Portal';\nimport { resolvePointerEvents } from '../../internal/resolvePointerEvents';\nimport { resolveOverlayAnimation } from '../../internal/resolvers';\nimport { Box, Surface } from '../../layout';\nimport { useTheme } from '../../theme/ThemeContext';\nimport type { DrawerProps } from './types';\n\nconst boxNonePointerEvents = resolvePointerEvents('box-none');\n\nexport function Drawer({\n  visible,\n  onDismiss,\n  position = 'right',\n  children,\n  closeOnBackdrop = true,\n  interactionPolicy = 'enabled',\n  testID,\n}: DrawerProps) {\n  const { theme } = useTheme();\n  const animation = resolveOverlayAnimation('drawer');\n  const passive = interactionPolicy === 'passive';\n\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <Portal layer=\"drawer\" visible={visible}>\n      <View\n        {...boxNonePointerEvents.props}\n        style={[\n          boxNonePointerEvents.style,\n          {\n            bottom: 0,\n            left: 0,\n            position: 'absolute',\n            right: 0,\n            top: 0,\n          },\n        ]}\n      >\n        <Pressable\n          onPress={passive ? undefined : closeOnBackdrop ? onDismiss : undefined}\n          style={{\n            backgroundColor: theme.semantics.neutral.text,\n            bottom: 0,\n            left: 0,\n            opacity: animation.backdropOpacity,\n            position: 'absolute',\n            right: 0,\n            top: 0,\n          }}\n          testID={testID ? `${testID}-backdrop` : undefined}\n        />\n        <FocusScope\n          active={visible}\n          onEscape={passive ? undefined : onDismiss}\n          testID={testID ? `${testID}-focus` : undefined}\n        >\n          <Box\n            pointerEvents=\"box-none\"\n            style={{\n              flex: 1,\n              justifyContent: 'flex-start',\n            }}\n          >\n            <View\n              accessible\n              accessibilityViewIsModal\n              style={{\n                alignSelf: position === 'left' ? 'flex-start' : 'flex-end',\n                height: '100%',\n                maxWidth: 420,\n                width: '88%',\n              }}\n            >\n              <Surface\n                p=\"l\"\n                style={{\n                  height: '100%',\n                  shadowOpacity: 0.14,\n                  shadowRadius: 14,\n                  shadowOffset: { width: position === 'left' ? 4 : -4, height: 0 },\n                }}\n                testID={testID}\n                variant=\"raised\"\n              >\n                {children}\n              </Surface>\n            </View>\n          </Box>\n        </FocusScope>\n      </View>\n    </Portal>\n  );\n}\n"]}