@ankhorage/surface 2.0.3 → 2.1.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @ankhorage/surface
 
+## 2.1.1
+
+### Patch Changes
+
+- dbfb4e6: Update COLOR-THEORY
+
+## 2.1.0
+
+### Minor Changes
+
+- b09d26d: Add the uniform interactionPolicy="enabled" | "passive" contract to Surface-owned interactive primitives.
+
 ## 2.0.3
 
 ### Patch Changes

package/README.md

@@ -3,7 +3,7 @@
 
 # @ankhorage/surface
 
-![license: MIT](././paradox/badges/license.svg) ![npm: v2.0.2](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
+![license: MIT](././paradox/badges/license.svg) ![npm: v2.1.0](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
 
 Cross-platform UI foundation for React Native and React Native Web. Provides theming, layout primitives, and core building blocks for modern apps.
 
@@ -90,6 +90,7 @@ graph TD
   package__ankhorage_surface -.-> module_src_components_action_sheet_index_ts
   module_src_components_action_sheet_types_ts["src/components/action-sheet/types.ts"]
   package__ankhorage_surface -.-> module_src_components_action_sheet_types_ts
+  module_src_components_action_sheet_types_ts --> module_src_interactionPolicy_ts
   module_src_components_action_sheet_types_ts --> module_src_surfaceColor_ts
   module_src_components_badge_Badge_tsx["src/components/badge/Badge.tsx"]
   package__ankhorage_surface -.-> module_src_components_badge_Badge_tsx
@@ -162,6 +163,7 @@ graph TD
   package__ankhorage_surface -.-> module_src_components_drawer_index_ts
   module_src_components_drawer_types_ts["src/components/drawer/types.ts"]
   package__ankhorage_surface -.-> module_src_components_drawer_types_ts
+  module_src_components_drawer_types_ts --> module_src_interactionPolicy_ts
   module_src_components_field_Field_tsx["src/components/field/Field.tsx"]
   package__ankhorage_surface -.-> module_src_components_field_Field_tsx
   module_src_components_field_Field_tsx --> module_src_components_field_types_ts
@@ -237,6 +239,7 @@ graph TD
   package__ankhorage_surface -.-> module_src_components_menu_navigation_ts
   module_src_components_menu_types_ts["src/components/menu/types.ts"]
   package__ankhorage_surface -.-> module_src_components_menu_types_ts
+  module_src_components_menu_types_ts --> module_src_interactionPolicy_ts
   module_src_components_modal_index_ts["src/components/modal/index.ts"]
   package__ankhorage_surface -.-> module_src_components_modal_index_ts
   module_src_components_modal_Modal_tsx["src/components/modal/Modal.tsx"]
@@ -249,6 +252,7 @@ graph TD
   module_src_components_modal_Modal_tsx --> module_src_theme_ThemeContext_tsx
   module_src_components_modal_types_ts["src/components/modal/types.ts"]
   package__ankhorage_surface -.-> module_src_components_modal_types_ts
+  module_src_components_modal_types_ts --> module_src_interactionPolicy_ts
   module_src_components_navigation_DrawerNavigation_tsx["src/components/navigation/DrawerNavigation.tsx"]
   package__ankhorage_surface -.-> module_src_components_navigation_DrawerNavigation_tsx
   module_src_components_navigation_DrawerNavigation_tsx --> module_src_components_navigation_DrawerNavigationItem_tsx
@@ -295,6 +299,7 @@ graph TD
   module_src_components_navigation_TabBarItem_tsx --> module_src_theme_ThemeContext_tsx
   module_src_components_navigation_types_ts["src/components/navigation/types.ts"]
   package__ankhorage_surface -.-> module_src_components_navigation_types_ts
+  module_src_components_navigation_types_ts --> module_src_interactionPolicy_ts
   module_src_components_navigation_types_ts --> module_src_primitives_icon_index_ts
   module_src_components_radio_index_ts["src/components/radio/index.ts"]
   package__ankhorage_surface -.-> module_src_components_radio_index_ts
@@ -364,6 +369,7 @@ graph TD
   module_src_components_tabs_Tabs_tsx --> module_src_layout_index_ts
   module_src_components_tabs_types_ts["src/components/tabs/types.ts"]
   package__ankhorage_surface -.-> module_src_components_tabs_types_ts
+  module_src_components_tabs_types_ts --> module_src_interactionPolicy_ts
   module_src_components_text_input_index_ts["src/components/text-input/index.ts"]
   package__ankhorage_surface -.-> module_src_components_text_input_index_ts
   module_src_components_text_input_TextInput_tsx["src/components/text-input/TextInput.tsx"]
@@ -373,6 +379,7 @@ graph TD
   module_src_components_text_input_TextInput_tsx --> module_src_theme_ThemeContext_tsx
   module_src_components_text_input_types_ts["src/components/text-input/types.ts"]
   package__ankhorage_surface -.-> module_src_components_text_input_types_ts
+  module_src_components_text_input_types_ts --> module_src_interactionPolicy_ts
   module_src_components_text_input_types_ts --> module_src_internal_resolvers_resolveControlSize_ts
   module_src_components_textarea_index_ts["src/components/textarea/index.ts"]
   package__ankhorage_surface -.-> module_src_components_textarea_index_ts
@@ -402,6 +409,7 @@ graph TD
   module_src_components_toast_ToastProvider_tsx --> module_src_layout_index_ts
   module_src_components_toast_types_ts["src/components/toast/types.ts"]
   package__ankhorage_surface -.-> module_src_components_toast_types_ts
+  module_src_components_toast_types_ts --> module_src_interactionPolicy_ts
   module_src_components_toast_types_ts --> module_src_surfaceColor_ts
   module_src_components_tooltip_index_ts["src/components/tooltip/index.ts"]
   package__ankhorage_surface -.-> module_src_components_tooltip_index_ts
@@ -415,6 +423,7 @@ graph TD
   module_src_components_tooltip_Tooltip_tsx --> module_src_theme_ThemeContext_tsx
   module_src_components_tooltip_types_ts["src/components/tooltip/types.ts"]
   package__ankhorage_surface -.-> module_src_components_tooltip_types_ts
+  module_src_components_tooltip_types_ts --> module_src_interactionPolicy_ts
   module_src_context_FontContext_tsx["src/context/FontContext.tsx"]
   package__ankhorage_surface -.-> module_src_context_FontContext_tsx
   module_src_context_TranslationContext_tsx["src/context/TranslationContext.tsx"]
@@ -461,6 +470,8 @@ graph TD
   module_src_examples_DocsExamples_tsx --> module_src_theme_index_ts
   module_src_examples_DocsExamples_tsx --> module_src_theme_types_ts
   module_src_index_ts["src/index.ts"]
+  module_src_interactionPolicy_ts["src/interactionPolicy.ts"]
+  package__ankhorage_surface -.-> module_src_interactionPolicy_ts
   module_src_internal_focus_FocusScope_tsx["src/internal/focus/FocusScope.tsx"]
   package__ankhorage_surface -.-> module_src_internal_focus_FocusScope_tsx
   module_src_internal_focus_FocusScope_tsx --> module_src_internal_focus_useFocusManager_ts
@@ -612,6 +623,7 @@ graph TD
   package__ankhorage_surface -.-> module_src_primitives_button_base_index_ts
   module_src_primitives_button_base_types_ts["src/primitives/button-base/types.ts"]
   package__ankhorage_surface -.-> module_src_primitives_button_base_types_ts
+  module_src_primitives_button_base_types_ts --> module_src_interactionPolicy_ts
   module_src_primitives_button_base_types_ts --> module_src_internal_resolvers_resolveInteractiveState_ts
   module_src_primitives_button_base_types_ts --> module_src_layout_index_ts
   module_src_primitives_heading_Heading_tsx["src/primitives/heading/Heading.tsx"]

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { ActionSheetProps } from './types';
-export declare function ActionSheet({ visible, onDismiss, title, description, children, cancelLabel, closeOnBackdrop, testID, }: ActionSheetProps): React.JSX.Element | null;
+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 +1 @@
-{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAsB,EACtB,eAAsB,EACtB,MAAM,GACP,EAAE,gBAAgB,4BAmGlB"}
+{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAsB,EACtB,eAAsB,EACtB,iBAA6B,EAC7B,MAAM,GACP,EAAE,gBAAgB,4BAqGlB"}

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

@@ -7,9 +7,10 @@ import { Box, Stack, Surface } from '../../layout';
 import { Text } from '../../primitives/text';
 import { useTheme } from '../../theme/ThemeContext';
 import { ActionSheetItem } from './ActionSheetItem';
-export function ActionSheet({ visible, onDismiss, title, description, children, cancelLabel = 'Cancel', closeOnBackdrop = true, testID, }) {
+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;
     }
@@ -21,7 +22,7 @@ export function ActionSheet({ visible, onDismiss, title, description, children,
             right: 0,
             top: 0,
         }}>
-        <Pressable onPress={closeOnBackdrop ? onDismiss : undefined} style={{
+        <Pressable onPress={passive ? undefined : closeOnBackdrop ? onDismiss : undefined} style={{
             backgroundColor: theme.semantics.neutral.text,
             bottom: 0,
             left: 0,
@@ -30,7 +31,7 @@ export function ActionSheet({ visible, onDismiss, title, description, children,
             right: 0,
             top: 0,
         }} testID={testID ? `${testID}-backdrop` : undefined}/>
-        <FocusScope active={visible} onEscape={onDismiss} testID={testID ? `${testID}-focus` : undefined}>
+        <FocusScope active={visible} onEscape={passive ? undefined : onDismiss} testID={testID ? `${testID}-focus` : undefined}>
           <Box pointerEvents="box-none" style={{
             flex: 1,
             justifyContent: 'flex-end',
@@ -59,7 +60,7 @@ export function ActionSheet({ visible, onDismiss, title, description, children,
                       </Stack>
                     </Box>) : null}
                   <Stack gap="xxs">{children}</Stack>
-                  {onDismiss ? (<ActionSheetItem label={cancelLabel} onPress={onDismiss} testID={testID ? `${testID}-cancel` : undefined}/>) : null}
+                  {onDismiss ? (<ActionSheetItem label={cancelLabel} interactionPolicy={interactionPolicy} onPress={onDismiss} testID={testID ? `${testID}-cancel` : undefined}/>) : null}
                 </Stack>
               </Surface>
             </View>

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

@@ -1 +1 @@
-{"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 { 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\nexport function ActionSheet({\n  visible,\n  onDismiss,\n  title,\n  description,\n  children,\n  cancelLabel = 'Cancel',\n  closeOnBackdrop = true,\n  testID,\n}: ActionSheetProps) {\n  const { theme } = useTheme();\n  const animation = resolveOverlayAnimation('modal');\n\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <Portal layer=\"modal\" visible={visible}>\n      <View\n        pointerEvents=\"box-none\"\n        style={{\n          bottom: 0,\n          left: 0,\n          position: 'absolute',\n          right: 0,\n          top: 0,\n        }}\n      >\n        <Pressable\n          onPress={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={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                      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"]}
+{"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 { 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\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        pointerEvents=\"box-none\"\n        style={{\n          bottom: 0,\n          left: 0,\n          position: 'absolute',\n          right: 0,\n          top: 0,\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 +1,4 @@
 import React from 'react';
 import type { ActionSheetItemProps } from './types';
-export declare function ActionSheetItem({ label, description, leading, trailing, color, disabled, selected, onPress, testID, }: ActionSheetItemProps): React.JSX.Element;
+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 +1 @@
-{"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,OAAO,EACP,MAAM,GACP,EAAE,oBAAoB,qBAuCtB"}
+{"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

@@ -2,8 +2,8 @@ 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, onPress, testID, }) {
-    return (<ButtonBase accessibilityRole="button" accessibilityState={{ disabled, selected }} disabled={disabled} onPress={onPress} radius="m" testID={testID}>
+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,
             }}>

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

@@ -1 +1 @@
-{"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,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,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  onPress,\n  testID,\n}: ActionSheetItemProps) {\n  return (\n    <ButtonBase\n      accessibilityRole=\"button\"\n      accessibilityState={{ disabled, selected }}\n      disabled={disabled}\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"]}
+{"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/types.d.ts

@@ -1,4 +1,5 @@
 import type React from 'react';
+import type { InteractionPolicy } from '../../interactionPolicy';
 import type { SurfaceColor } from '../../surfaceColor';
 export interface ActionSheetProps {
     visible: boolean;
@@ -8,6 +9,7 @@ export interface ActionSheetProps {
     children?: React.ReactNode;
     cancelLabel?: React.ReactNode;
     closeOnBackdrop?: boolean;
+    interactionPolicy?: InteractionPolicy;
     testID?: string;
 }
 export interface ActionSheetItemProps {
@@ -18,6 +20,7 @@ export interface ActionSheetItemProps {
     color?: SurfaceColor;
     disabled?: boolean;
     selected?: boolean;
+    interactionPolicy?: InteractionPolicy;
     onPress?: (() => void) | undefined;
     testID?: string;
 }

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

@@ -1 +1 @@
-{"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,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,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,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"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.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/action-sheet/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\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  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  onPress?: (() => void) | undefined;\n  testID?: string;\n}\n"]}
+{"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 +1,4 @@
 import React from 'react';
 import type { DrawerProps } from './types';
-export declare function Drawer({ visible, onDismiss, position, children, closeOnBackdrop, testID, }: DrawerProps): React.JSX.Element | null;
+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 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,SAAS,EACT,QAAkB,EAClB,QAAQ,EACR,eAAsB,EACtB,MAAM,GACP,EAAE,WAAW,4BA0Eb"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,SAAS,EACT,QAAkB,EAClB,QAAQ,EACR,eAAsB,EACtB,iBAA6B,EAC7B,MAAM,GACP,EAAE,WAAW,4BA2Eb"}

package/dist/components/drawer/Drawer.js

@@ -5,9 +5,10 @@ import { Portal } from '../../internal/overlay/Portal';
 import { resolveOverlayAnimation } from '../../internal/resolvers';
 import { Box, Surface } from '../../layout';
 import { useTheme } from '../../theme/ThemeContext';
-export function Drawer({ visible, onDismiss, position = 'right', children, closeOnBackdrop = true, testID, }) {
+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;
     }
@@ -19,7 +20,7 @@ export function Drawer({ visible, onDismiss, position = 'right', children, close
             right: 0,
             top: 0,
         }}>
-        <Pressable onPress={closeOnBackdrop ? onDismiss : undefined} style={{
+        <Pressable onPress={passive ? undefined : closeOnBackdrop ? onDismiss : undefined} style={{
             backgroundColor: theme.semantics.neutral.text,
             bottom: 0,
             left: 0,
@@ -28,7 +29,7 @@ export function Drawer({ visible, onDismiss, position = 'right', children, close
             right: 0,
             top: 0,
         }} testID={testID ? `${testID}-backdrop` : undefined}/>
-        <FocusScope active={visible} onEscape={onDismiss} testID={testID ? `${testID}-focus` : undefined}>
+        <FocusScope active={visible} onEscape={passive ? undefined : onDismiss} testID={testID ? `${testID}-focus` : undefined}>
           <Box pointerEvents="box-none" style={{
             flex: 1,
             justifyContent: 'flex-start',

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

@@ -1 +1 @@
-{"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 { resolveOverlayAnimation } from '../../internal/resolvers';\nimport { Box, Surface } from '../../layout';\nimport { useTheme } from '../../theme/ThemeContext';\nimport type { DrawerProps } from './types';\n\nexport function Drawer({\n  visible,\n  onDismiss,\n  position = 'right',\n  children,\n  closeOnBackdrop = true,\n  testID,\n}: DrawerProps) {\n  const { theme } = useTheme();\n  const animation = resolveOverlayAnimation('drawer');\n\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <Portal layer=\"drawer\" visible={visible}>\n      <View\n        pointerEvents=\"box-none\"\n        style={{\n          bottom: 0,\n          left: 0,\n          position: 'absolute',\n          right: 0,\n          top: 0,\n        }}\n      >\n        <Pressable\n          onPress={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={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"]}
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGpD,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,EACP,SAAS,EACT,QAAQ,GAAG,OAAO,EAClB,QAAQ,EACR,eAAe,GAAG,IAAI,EACtB,iBAAiB,GAAG,SAAS,EAC7B,MAAM,GACM;IACZ,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,SAAS,GAAG,uBAAuB,CAAC,QAAQ,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,iBAAiB,KAAK,SAAS,CAAC;IAEhD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CACtC;MAAA,CAAC,IAAI,CACH,aAAa,CAAC,UAAU,CACxB,KAAK,CAAC,CAAC;YACL,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,CAAC;YACR,GAAG,EAAE,CAAC;SACP,CAAC,CAEF;QAAA,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CACvE,KAAK,CAAC,CAAC;YACL,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI;YAC7C,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,SAAS,CAAC,eAAe;YAClC,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,CAAC;YACR,GAAG,EAAE,CAAC;SACP,CAAC,CACF,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,EAEpD;QAAA,CAAC,UAAU,CACT,MAAM,CAAC,CAAC,OAAO,CAAC,CAChB,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAC1C,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAE/C;UAAA,CAAC,GAAG,CACF,aAAa,CAAC,UAAU,CACxB,KAAK,CAAC,CAAC;YACL,IAAI,EAAE,CAAC;YACP,cAAc,EAAE,YAAY;SAC7B,CAAC,CAEF;YAAA,CAAC,IAAI,CACH,UAAU,CACV,wBAAwB,CACxB,KAAK,CAAC,CAAC;YACL,SAAS,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU;YAC1D,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,GAAG;YACb,KAAK,EAAE,KAAK;SACb,CAAC,CAEF;cAAA,CAAC,OAAO,CACN,CAAC,CAAC,GAAG,CACL,KAAK,CAAC,CAAC;YACL,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,IAAI;YACnB,YAAY,EAAE,EAAE;YAChB,YAAY,EAAE,EAAE,KAAK,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;SACjE,CAAC,CACF,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,OAAO,CAAC,QAAQ,CAEhB;gBAAA,CAAC,QAAQ,CACX;cAAA,EAAE,OAAO,CACX;YAAA,EAAE,IAAI,CACR;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,UAAU,CACd;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC","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 { resolveOverlayAnimation } from '../../internal/resolvers';\nimport { Box, Surface } from '../../layout';\nimport { useTheme } from '../../theme/ThemeContext';\nimport type { DrawerProps } from './types';\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        pointerEvents=\"box-none\"\n        style={{\n          bottom: 0,\n          left: 0,\n          position: 'absolute',\n          right: 0,\n          top: 0,\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"]}

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

@@ -1,10 +1,12 @@
 import type React from 'react';
+import type { InteractionPolicy } from '../../interactionPolicy';
 export interface DrawerProps {
     visible: boolean;
     onDismiss?: (() => void) | undefined;
     position?: 'left' | 'right';
     children?: React.ReactNode;
     closeOnBackdrop?: boolean;
+    interactionPolicy?: InteractionPolicy;
     testID?: string;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,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/components/drawer/types.js.map

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

package/dist/components/menu/Menu.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { MenuProps } from './types';
-export declare function Menu({ trigger, actions, dismiss, closeOnSelect, testID }: MenuProps): React.JSX.Element;
+export declare function Menu({ trigger, actions, dismiss, closeOnSelect, interactionPolicy, testID, }: MenuProps): React.JSX.Element;
 //# sourceMappingURL=Menu.d.ts.map

package/dist/components/menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,SAAS,CAAC;AA2CrD,wBAAgB,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,aAAoB,EAAE,MAAM,EAAE,EAAE,SAAS,qBAwJ1F"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,SAAS,CAAC;AA2CrD,wBAAgB,IAAI,CAAC,EACnB,OAAO,EACP,OAAO,EACP,OAAO,EACP,aAAoB,EACpB,iBAA6B,EAC7B,MAAM,GACP,EAAE,SAAS,qBA6JX"}

package/dist/components/menu/Menu.js

@@ -32,7 +32,7 @@ function renderActionContent(action, active) {
       {action.trailing ? <Box>{action.trailing}</Box> : null}
     </Inline>);
 }
-export function Menu({ trigger, actions, dismiss, closeOnSelect = true, testID }) {
+export function Menu({ trigger, actions, dismiss, closeOnSelect = true, interactionPolicy = 'enabled', testID, }) {
     const { theme } = useTheme();
     const { bindKeydown } = useFocusManager();
     const animation = resolveOverlayAnimation('menu');
@@ -40,6 +40,7 @@ export function Menu({ trigger, actions, dismiss, closeOnSelect = true, testID }
     const [open, setOpen] = React.useState(false);
     const [layout, setLayout] = React.useState(null);
     const [activeIndex, setActiveIndex] = React.useState(0);
+    const passive = interactionPolicy === 'passive';
     const closeMenu = React.useCallback(() => {
         setOpen(false);
         if (dismiss) {
@@ -68,6 +69,9 @@ export function Menu({ trigger, actions, dismiss, closeOnSelect = true, testID }
             return undefined;
         }
         return bindKeydown((event) => {
+            if (passive) {
+                return;
+            }
             const { key } = event;
             if (key === 'ArrowDown' || key === 'ArrowUp' || key === 'Home' || key === 'End') {
                 event.preventDefault();
@@ -85,9 +89,9 @@ export function Menu({ trigger, actions, dismiss, closeOnSelect = true, testID }
                 closeMenu();
             }
         });
-    }, [activateAction, actions, activeIndex, bindKeydown, closeMenu, open]);
+    }, [activateAction, actions, activeIndex, bindKeydown, closeMenu, open, passive]);
     return (<View collapsable={false} ref={anchorRef}>
-      <ButtonBase onPress={open ? closeMenu : openMenu} testID={testID ? `${testID}-trigger` : undefined}>
+      <ButtonBase onPress={passive ? undefined : open ? closeMenu : openMenu} testID={testID ? `${testID}-trigger` : undefined}>
         {trigger}
       </ButtonBase>
       <Portal layer="menu" visible={open && Boolean(layout)}>
@@ -98,14 +102,14 @@ export function Menu({ trigger, actions, dismiss, closeOnSelect = true, testID }
             right: 0,
             top: 0,
         }}>
-          <Pressable onPress={closeMenu} style={{
+          <Pressable onPress={passive ? undefined : closeMenu} style={{
             bottom: 0,
             left: 0,
             position: 'absolute',
             right: 0,
             top: 0,
         }}/>
-          <FocusScope active={open} onEscape={closeMenu}>
+          <FocusScope active={open} onEscape={passive ? undefined : closeMenu}>
             <View style={{
             left: layout?.x ?? 0,
             position: 'absolute',
@@ -120,7 +124,7 @@ export function Menu({ trigger, actions, dismiss, closeOnSelect = true, testID }
                 {actions.map((action, index) => {
             const active = index === activeIndex;
             const selected = action.selected ?? active;
-            return (<Pressable accessibilityRole="menuitem" accessibilityState={{ disabled: action.disabled, selected }} disabled={action.disabled} key={action.id} onPress={() => activateAction(action)}>
+            return (<Pressable accessibilityRole="menuitem" accessibilityState={{ disabled: action.disabled, selected }} disabled={action.disabled} key={action.id} onPress={passive ? undefined : () => activateAction(action)}>
                       <Box px="m" py="s" radius="s" style={{
                     backgroundColor: selected
                         ? theme.semantics.action.neutral.softBg

package/dist/components/menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { type LayoutRectangle, Pressable, View } from 'react-native';\n\nimport { FocusScope } from '../../internal/focus/FocusScope';\nimport { useFocusManager } from '../../internal/focus/useFocusManager';\nimport { Portal } from '../../internal/overlay/Portal';\nimport { resolveOverlayAnimation } from '../../internal/resolvers';\nimport { Box, Inline, Stack, Surface } from '../../layout';\nimport { ButtonBase } from '../../primitives/button-base';\nimport { Text } from '../../primitives/text';\nimport { useTheme } from '../../theme/ThemeContext';\nimport { resolveNextMenuIndex } from './navigation';\nimport type { MenuAction, MenuProps } from './types';\n\ninterface MeasurableNode {\n  measureInWindow?: (\n    callback: (x: number, y: number, width: number, height: number) => void,\n  ) => void;\n}\n\nfunction measureNode(node: unknown, callback: (layout: LayoutRectangle) => void) {\n  const measurableNode = node as MeasurableNode | null;\n  measurableNode?.measureInWindow?.((x, y, width, height) => {\n    callback({ height, width, x, y });\n  });\n}\n\nfunction renderActionContent(action: MenuAction, active: boolean) {\n  const titleColor =\n    action.intent === 'danger' ? 'danger' : active || action.selected ? 'neutral' : undefined;\n\n  return (\n    <Inline align=\"center\" gap=\"s\" justify=\"space-between\" wrap=\"nowrap\">\n      {action.leading ? <Box>{action.leading}</Box> : null}\n      <Box flex={1}>\n        <Stack gap=\"xxs\">\n          <Text\n            color={titleColor}\n            variant=\"bodySmall\"\n            weight={action.selected ? 'semiBold' : 'medium'}\n          >\n            {action.title}\n          </Text>\n          {action.description ? (\n            <Text emphasis=\"muted\" variant=\"caption\">\n              {action.description}\n            </Text>\n          ) : null}\n        </Stack>\n      </Box>\n      {action.trailing ? <Box>{action.trailing}</Box> : null}\n    </Inline>\n  );\n}\n\nexport function Menu({ trigger, actions, dismiss, closeOnSelect = true, testID }: MenuProps) {\n  const { theme } = useTheme();\n  const { bindKeydown } = useFocusManager();\n  const animation = resolveOverlayAnimation('menu');\n  const anchorRef = React.useRef<View | null>(null);\n  const [open, setOpen] = React.useState(false);\n  const [layout, setLayout] = React.useState<LayoutRectangle | null>(null);\n  const [activeIndex, setActiveIndex] = React.useState(0);\n\n  const closeMenu = React.useCallback(() => {\n    setOpen(false);\n    if (dismiss) {\n      dismiss();\n    }\n  }, [dismiss]);\n\n  const activateAction = React.useCallback(\n    (action: MenuAction) => {\n      if (action.disabled) {\n        return;\n      }\n\n      if (action.activate) {\n        action.activate();\n      }\n\n      if (closeOnSelect) {\n        closeMenu();\n      }\n    },\n    [closeMenu, closeOnSelect],\n  );\n\n  const openMenu = React.useCallback(() => {\n    measureNode(anchorRef.current, setLayout);\n    const firstEnabledIndex = actions.findIndex((action) => !action.disabled);\n    setActiveIndex(firstEnabledIndex === -1 ? 0 : firstEnabledIndex);\n    setOpen(true);\n  }, [actions]);\n\n  React.useEffect(() => {\n    if (!open) {\n      return undefined;\n    }\n\n    return bindKeydown((event) => {\n      const { key } = event;\n      if (key === 'ArrowDown' || key === 'ArrowUp' || key === 'Home' || key === 'End') {\n        event.preventDefault();\n        setActiveIndex((current) => resolveNextMenuIndex(actions, current, key));\n      }\n\n      if (event.key === 'Enter') {\n        event.preventDefault();\n        const activeAction = actions[activeIndex];\n        if (activeAction) {\n          activateAction(activeAction);\n        }\n      }\n\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        closeMenu();\n      }\n    });\n  }, [activateAction, actions, activeIndex, bindKeydown, closeMenu, open]);\n\n  return (\n    <View collapsable={false} ref={anchorRef}>\n      <ButtonBase\n        onPress={open ? closeMenu : openMenu}\n        testID={testID ? `${testID}-trigger` : undefined}\n      >\n        {trigger}\n      </ButtonBase>\n      <Portal layer=\"menu\" visible={open && Boolean(layout)}>\n        <View\n          pointerEvents=\"box-none\"\n          style={{\n            bottom: 0,\n            left: 0,\n            position: 'absolute',\n            right: 0,\n            top: 0,\n          }}\n        >\n          <Pressable\n            onPress={closeMenu}\n            style={{\n              bottom: 0,\n              left: 0,\n              position: 'absolute',\n              right: 0,\n              top: 0,\n            }}\n          />\n          <FocusScope active={open} onEscape={closeMenu}>\n            <View\n              style={{\n                left: layout?.x ?? 0,\n                position: 'absolute',\n                top: (layout?.y ?? 0) + (layout?.height ?? 0) + animation.offset,\n              }}\n            >\n              <Surface\n                accessibilityRole=\"menu\"\n                p=\"xs\"\n                style={{\n                  minWidth: Math.max(layout?.width ?? 0, 220),\n                  shadowOpacity: 0.12,\n                  shadowRadius: 12,\n                  shadowOffset: { width: 0, height: 6 },\n                }}\n                testID={testID}\n                variant=\"raised\"\n              >\n                {actions.map((action, index) => {\n                  const active = index === activeIndex;\n                  const selected = action.selected ?? active;\n\n                  return (\n                    <Pressable\n                      accessibilityRole=\"menuitem\"\n                      accessibilityState={{ disabled: action.disabled, selected }}\n                      disabled={action.disabled}\n                      key={action.id}\n                      onPress={() => activateAction(action)}\n                    >\n                      <Box\n                        px=\"m\"\n                        py=\"s\"\n                        radius=\"s\"\n                        style={{\n                          backgroundColor: selected\n                            ? theme.semantics.action.neutral.softBg\n                            : 'transparent',\n                          opacity: action.disabled ? 0.56 : 1,\n                        }}\n                        testID={testID ? `${testID}-item-${action.id}` : undefined}\n                      >\n                        {renderActionContent(action, active)}\n                      </Box>\n                    </Pressable>\n                  );\n                })}\n              </Surface>\n            </View>\n          </FocusScope>\n        </View>\n      </Portal>\n    </View>\n  );\n}\n"]}
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { type LayoutRectangle, Pressable, View } from 'react-native';\n\nimport { FocusScope } from '../../internal/focus/FocusScope';\nimport { useFocusManager } from '../../internal/focus/useFocusManager';\nimport { Portal } from '../../internal/overlay/Portal';\nimport { resolveOverlayAnimation } from '../../internal/resolvers';\nimport { Box, Inline, Stack, Surface } from '../../layout';\nimport { ButtonBase } from '../../primitives/button-base';\nimport { Text } from '../../primitives/text';\nimport { useTheme } from '../../theme/ThemeContext';\nimport { resolveNextMenuIndex } from './navigation';\nimport type { MenuAction, MenuProps } from './types';\n\ninterface MeasurableNode {\n  measureInWindow?: (\n    callback: (x: number, y: number, width: number, height: number) => void,\n  ) => void;\n}\n\nfunction measureNode(node: unknown, callback: (layout: LayoutRectangle) => void) {\n  const measurableNode = node as MeasurableNode | null;\n  measurableNode?.measureInWindow?.((x, y, width, height) => {\n    callback({ height, width, x, y });\n  });\n}\n\nfunction renderActionContent(action: MenuAction, active: boolean) {\n  const titleColor =\n    action.intent === 'danger' ? 'danger' : active || action.selected ? 'neutral' : undefined;\n\n  return (\n    <Inline align=\"center\" gap=\"s\" justify=\"space-between\" wrap=\"nowrap\">\n      {action.leading ? <Box>{action.leading}</Box> : null}\n      <Box flex={1}>\n        <Stack gap=\"xxs\">\n          <Text\n            color={titleColor}\n            variant=\"bodySmall\"\n            weight={action.selected ? 'semiBold' : 'medium'}\n          >\n            {action.title}\n          </Text>\n          {action.description ? (\n            <Text emphasis=\"muted\" variant=\"caption\">\n              {action.description}\n            </Text>\n          ) : null}\n        </Stack>\n      </Box>\n      {action.trailing ? <Box>{action.trailing}</Box> : null}\n    </Inline>\n  );\n}\n\nexport function Menu({\n  trigger,\n  actions,\n  dismiss,\n  closeOnSelect = true,\n  interactionPolicy = 'enabled',\n  testID,\n}: MenuProps) {\n  const { theme } = useTheme();\n  const { bindKeydown } = useFocusManager();\n  const animation = resolveOverlayAnimation('menu');\n  const anchorRef = React.useRef<View | null>(null);\n  const [open, setOpen] = React.useState(false);\n  const [layout, setLayout] = React.useState<LayoutRectangle | null>(null);\n  const [activeIndex, setActiveIndex] = React.useState(0);\n  const passive = interactionPolicy === 'passive';\n\n  const closeMenu = React.useCallback(() => {\n    setOpen(false);\n    if (dismiss) {\n      dismiss();\n    }\n  }, [dismiss]);\n\n  const activateAction = React.useCallback(\n    (action: MenuAction) => {\n      if (action.disabled) {\n        return;\n      }\n\n      if (action.activate) {\n        action.activate();\n      }\n\n      if (closeOnSelect) {\n        closeMenu();\n      }\n    },\n    [closeMenu, closeOnSelect],\n  );\n\n  const openMenu = React.useCallback(() => {\n    measureNode(anchorRef.current, setLayout);\n    const firstEnabledIndex = actions.findIndex((action) => !action.disabled);\n    setActiveIndex(firstEnabledIndex === -1 ? 0 : firstEnabledIndex);\n    setOpen(true);\n  }, [actions]);\n\n  React.useEffect(() => {\n    if (!open) {\n      return undefined;\n    }\n\n    return bindKeydown((event) => {\n      if (passive) {\n        return;\n      }\n\n      const { key } = event;\n      if (key === 'ArrowDown' || key === 'ArrowUp' || key === 'Home' || key === 'End') {\n        event.preventDefault();\n        setActiveIndex((current) => resolveNextMenuIndex(actions, current, key));\n      }\n\n      if (event.key === 'Enter') {\n        event.preventDefault();\n        const activeAction = actions[activeIndex];\n        if (activeAction) {\n          activateAction(activeAction);\n        }\n      }\n\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        closeMenu();\n      }\n    });\n  }, [activateAction, actions, activeIndex, bindKeydown, closeMenu, open, passive]);\n\n  return (\n    <View collapsable={false} ref={anchorRef}>\n      <ButtonBase\n        onPress={passive ? undefined : open ? closeMenu : openMenu}\n        testID={testID ? `${testID}-trigger` : undefined}\n      >\n        {trigger}\n      </ButtonBase>\n      <Portal layer=\"menu\" visible={open && Boolean(layout)}>\n        <View\n          pointerEvents=\"box-none\"\n          style={{\n            bottom: 0,\n            left: 0,\n            position: 'absolute',\n            right: 0,\n            top: 0,\n          }}\n        >\n          <Pressable\n            onPress={passive ? undefined : closeMenu}\n            style={{\n              bottom: 0,\n              left: 0,\n              position: 'absolute',\n              right: 0,\n              top: 0,\n            }}\n          />\n          <FocusScope active={open} onEscape={passive ? undefined : closeMenu}>\n            <View\n              style={{\n                left: layout?.x ?? 0,\n                position: 'absolute',\n                top: (layout?.y ?? 0) + (layout?.height ?? 0) + animation.offset,\n              }}\n            >\n              <Surface\n                accessibilityRole=\"menu\"\n                p=\"xs\"\n                style={{\n                  minWidth: Math.max(layout?.width ?? 0, 220),\n                  shadowOpacity: 0.12,\n                  shadowRadius: 12,\n                  shadowOffset: { width: 0, height: 6 },\n                }}\n                testID={testID}\n                variant=\"raised\"\n              >\n                {actions.map((action, index) => {\n                  const active = index === activeIndex;\n                  const selected = action.selected ?? active;\n\n                  return (\n                    <Pressable\n                      accessibilityRole=\"menuitem\"\n                      accessibilityState={{ disabled: action.disabled, selected }}\n                      disabled={action.disabled}\n                      key={action.id}\n                      onPress={passive ? undefined : () => activateAction(action)}\n                    >\n                      <Box\n                        px=\"m\"\n                        py=\"s\"\n                        radius=\"s\"\n                        style={{\n                          backgroundColor: selected\n                            ? theme.semantics.action.neutral.softBg\n                            : 'transparent',\n                          opacity: action.disabled ? 0.56 : 1,\n                        }}\n                        testID={testID ? `${testID}-item-${action.id}` : undefined}\n                      >\n                        {renderActionContent(action, active)}\n                      </Box>\n                    </Pressable>\n                  );\n                })}\n              </Surface>\n            </View>\n          </FocusScope>\n        </View>\n      </Portal>\n    </View>\n  );\n}\n"]}

package/dist/components/menu/types.d.ts

@@ -1,4 +1,5 @@
 import type React from 'react';
+import type { InteractionPolicy } from '../../interactionPolicy';
 export type MenuActionIntent = 'default' | 'danger';
 export interface MenuAction {
     id: string;
@@ -16,6 +17,7 @@ export interface MenuProps {
     actions: readonly MenuAction[];
     dismiss?: () => void;
     closeOnSelect?: boolean;
+    interactionPolicy?: InteractionPolicy;
     testID?: string;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEpD,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,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,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEpD,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,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,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/components/menu/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/menu/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nexport type MenuActionIntent = 'default' | 'danger';\n\nexport interface MenuAction {\n  id: string;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  leading?: React.ReactNode;\n  trailing?: React.ReactNode;\n  intent?: MenuActionIntent;\n  disabled?: boolean;\n  selected?: boolean;\n  activate?: () => void;\n}\n\nexport interface MenuProps {\n  trigger?: React.ReactNode;\n  actions: readonly MenuAction[];\n  dismiss?: () => void;\n  closeOnSelect?: boolean;\n  testID?: string;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/menu/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { InteractionPolicy } from '../../interactionPolicy';\n\nexport type MenuActionIntent = 'default' | 'danger';\n\nexport interface MenuAction {\n  id: string;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  leading?: React.ReactNode;\n  trailing?: React.ReactNode;\n  intent?: MenuActionIntent;\n  disabled?: boolean;\n  selected?: boolean;\n  activate?: () => void;\n}\n\nexport interface MenuProps {\n  trigger?: React.ReactNode;\n  actions: readonly MenuAction[];\n  dismiss?: () => void;\n  closeOnSelect?: boolean;\n  interactionPolicy?: InteractionPolicy;\n  testID?: string;\n}\n"]}

package/dist/components/modal/Modal.d.ts

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

package/dist/components/modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,MAAM,GACP,EAAE,UAAU,4BAsEZ"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,iBAA6B,EAC7B,MAAM,GACP,EAAE,UAAU,4BAuEZ"}