@ankhorage/surface 4.4.1 → 5.0.1

package/src/types/tabs.ts

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

package/src/{components/tooltip/types.ts → types/tooltip.ts}

@@ -1,6 +1,6 @@
 import type React from 'react';
 
-import type { InteractionPolicy } from '../../interactionPolicy';
+import type { InteractionPolicy } from '../interactionPolicy';
 
 export interface TooltipProps {
   children?: React.ReactNode;

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { MenuProps } from './types';
-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 +0,0 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,SAAS,CAAC;AA6CrD,wBAAgB,IAAI,CAAC,EACnB,OAAO,EACP,OAAO,EACP,OAAO,EACP,aAAoB,EACpB,iBAA6B,EAC7B,MAAM,GACP,EAAE,SAAS,qBAgKX"}

package/dist/components/menu/Menu.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAwB,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAErE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGpD,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAQ9D,SAAS,WAAW,CAAC,IAAa,EAAE,QAA2C;IAC7E,MAAM,cAAc,GAAG,IAA6B,CAAC;IACrD,cAAc,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;QACxD,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,mBAAmB,CAAC,MAAkB,EAAE,MAAe;IAC9D,MAAM,UAAU,GACd,MAAM,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAE5F,OAAO,CACL,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAClE;MAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CACpD;MAAA,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACX;QAAA,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CACd;UAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,UAAU,CAAC,CAClB,OAAO,CAAC,WAAW,CACnB,MAAM,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAEhD;YAAA,CAAC,MAAM,CAAC,KAAK,CACf;UAAA,EAAE,IAAI,CACN;UAAA,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CACpB,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CACtC;cAAA,CAAC,MAAM,CAAC,WAAW,CACrB;YAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;QAAA,EAAE,KAAK,CACT;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CACxD;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EACnB,OAAO,EACP,OAAO,EACP,OAAO,EACP,aAAa,GAAG,IAAI,EACpB,iBAAiB,GAAG,SAAS,EAC7B,MAAM,GACI;IACV,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,EAAE,WAAW,EAAE,GAAG,eAAe,EAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,uBAAuB,CAAC,MAAM,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAyB,IAAI,CAAC,CAAC;IACzE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACxD,MAAM,OAAO,GAAG,iBAAiB,KAAK,SAAS,CAAC;IAEhD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACvC,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,MAAkB,EAAE,EAAE;QACrB,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;YACpB,MAAM,CAAC,QAAQ,EAAE,CAAC;QACpB,CAAC;QAED,IAAI,aAAa,EAAE,CAAC;YAClB,SAAS,EAAE,CAAC;QACd,CAAC;IACH,CAAC,EACD,CAAC,SAAS,EAAE,aAAa,CAAC,CAC3B,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACtC,WAAW,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAC1C,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC1E,cAAc,CAAC,iBAAiB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC;QACjE,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,OAAO,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;YAC3B,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO;YACT,CAAC;YAED,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;YACtB,IAAI,GAAG,KAAK,WAAW,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,MAAM,IAAI,GAAG,KAAK,KAAK,EAAE,CAAC;gBAChF,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,oBAAoB,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;YAC3E,CAAC;YAED,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM,YAAY,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;gBAC1C,IAAI,YAAY,EAAE,CAAC;oBACjB,cAAc,CAAC,YAAY,CAAC,CAAC;gBAC/B,CAAC;YACH,CAAC;YAED,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,SAAS,EAAE,CAAC;YACd,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAElF,OAAO,CACL,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CACvC;MAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAC3D,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAEjD;QAAA,CAAC,OAAO,CACV;MAAA,EAAE,UAAU,CACZ;MAAA,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CACpD;QAAA,CAAC,IAAI,CACH,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAC/B,KAAK,CAAC,CAAC;YACL,oBAAoB,CAAC,KAAK;YAC1B;gBACE,MAAM,EAAE,CAAC;gBACT,IAAI,EAAE,CAAC;gBACP,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,CAAC;gBACR,GAAG,EAAE,CAAC;aACP;SACF,CAAC,CAEF;UAAA,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CACzC,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,EAEJ;UAAA,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAClE;YAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,IAAI,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC;YACpB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC,MAAM;SACjE,CAAC,CAEF;cAAA,CAAC,OAAO,CACN,iBAAiB,CAAC,MAAM,CACxB,CAAC,CAAC,IAAI,CACN,KAAK,CAAC,CAAC;YACL,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,IAAI,CAAC,EAAE,GAAG,CAAC;YAC3C,aAAa,EAAE,IAAI;YACnB,YAAY,EAAE,EAAE;YAChB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;SACtC,CAAC,CACF,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,OAAO,CAAC,QAAQ,CAEhB;gBAAA,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC7B,MAAM,MAAM,GAAG,KAAK,KAAK,WAAW,CAAC;YACrC,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC;YAE3C,OAAO,CACL,CAAC,SAAS,CACR,iBAAiB,CAAC,UAAU,CAC5B,kBAAkB,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAC5D,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC1B,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAE5D;sBAAA,CAAC,GAAG,CACF,EAAE,CAAC,GAAG,CACN,EAAE,CAAC,GAAG,CACN,MAAM,CAAC,GAAG,CACV,KAAK,CAAC,CAAC;oBACL,eAAe,EAAE,QAAQ;wBACvB,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;wBACvC,CAAC,CAAC,aAAa;oBACjB,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;iBACpC,CAAC,CACF,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,SAAS,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAE3D;wBAAA,CAAC,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,CACtC;sBAAA,EAAE,GAAG,CACP;oBAAA,EAAE,SAAS,CAAC,CACb,CAAC;QACJ,CAAC,CAAC,CACJ;cAAA,EAAE,OAAO,CACX;YAAA,EAAE,IAAI,CACR;UAAA,EAAE,UAAU,CACd;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,MAAM,CACV;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { type LayoutRectangle, Pressable, View } from 'react-native';\n\nimport { Box, Stack } from '../../features/layout/public';\nimport { Surface } from '../../features/surface/public';\nimport { Text } from '../../features/typography/public';\nimport { FocusScope } from '../../internal/focus/FocusScope';\nimport { useFocusManager } from '../../internal/focus/useFocusManager';\nimport { Portal } from '../../internal/overlay/Portal';\nimport { resolvePointerEvents } from '../../internal/resolvePointerEvents';\nimport { resolveOverlayAnimation } from '../../internal/resolvers';\nimport { Inline } from '../../layout';\nimport { ButtonBase } from '../../primitives/button-base';\nimport { useTheme } from '../../theme/ThemeContext';\nimport { resolveNextMenuIndex } from './navigation';\nimport type { MenuAction, MenuProps } from './types';\n\nconst boxNonePointerEvents = resolvePointerEvents('box-none');\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          {...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 : 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/index.d.ts

@@ -1,3 +0,0 @@
-export { Menu } from './Menu';
-export type { MenuAction, MenuActionIntent, MenuAction as MenuItem, MenuProps } from './types';
-//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/menu/index.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC","sourcesContent":["export { Menu } from './Menu';\nexport type { MenuAction, MenuActionIntent, MenuAction as MenuItem, MenuProps } from './types';\n"]}

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

@@ -1,4 +0,0 @@
-export declare function resolveNextMenuIndex(items: readonly {
-    disabled?: boolean;
-}[], currentIndex: number, key: 'ArrowDown' | 'ArrowUp' | 'Home' | 'End'): number;
-//# sourceMappingURL=navigation.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../src/components/menu/navigation.ts"],"names":[],"mappings":"AAAA,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,SAAS;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,EAAE,EACxC,YAAY,EAAE,MAAM,EACpB,GAAG,EAAE,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,KAAK,GAC5C,MAAM,CA6BR"}

package/dist/components/menu/navigation.js

@@ -1,25 +0,0 @@
-export function resolveNextMenuIndex(items, currentIndex, key) {
-    const enabledIndexes = items.reduce((indexes, item, index) => {
-        if (!item.disabled) {
-            indexes.push(index);
-        }
-        return indexes;
-    }, []);
-    if (enabledIndexes.length === 0) {
-        return -1;
-    }
-    if (key === 'Home') {
-        return enabledIndexes[0] ?? -1;
-    }
-    if (key === 'End') {
-        return enabledIndexes[enabledIndexes.length - 1] ?? -1;
-    }
-    const activeEnabledIndex = enabledIndexes.indexOf(currentIndex);
-    const nextEnabledIndex = activeEnabledIndex === -1
-        ? 0
-        : key === 'ArrowUp'
-            ? (activeEnabledIndex - 1 + enabledIndexes.length) % enabledIndexes.length
-            : (activeEnabledIndex + 1) % enabledIndexes.length;
-    return enabledIndexes[nextEnabledIndex] ?? -1;
-}
-//# sourceMappingURL=navigation.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../../src/components/menu/navigation.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,oBAAoB,CAClC,KAAwC,EACxC,YAAoB,EACpB,GAA6C;IAE7C,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAW,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QACrE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAChC,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC;IAED,IAAI,GAAG,KAAK,MAAM,EAAE,CAAC;QACnB,OAAO,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACjC,CAAC;IAED,IAAI,GAAG,KAAK,KAAK,EAAE,CAAC;QAClB,OAAO,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACzD,CAAC;IAED,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAChE,MAAM,gBAAgB,GACpB,kBAAkB,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,GAAG,KAAK,SAAS;YACjB,CAAC,CAAC,CAAC,kBAAkB,GAAG,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC,MAAM;YAC1E,CAAC,CAAC,CAAC,kBAAkB,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC;IAEzD,OAAO,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC;AAChD,CAAC","sourcesContent":["export function resolveNextMenuIndex(\n  items: readonly { disabled?: boolean }[],\n  currentIndex: number,\n  key: 'ArrowDown' | 'ArrowUp' | 'Home' | 'End',\n): number {\n  const enabledIndexes = items.reduce<number[]>((indexes, item, index) => {\n    if (!item.disabled) {\n      indexes.push(index);\n    }\n    return indexes;\n  }, []);\n\n  if (enabledIndexes.length === 0) {\n    return -1;\n  }\n\n  if (key === 'Home') {\n    return enabledIndexes[0] ?? -1;\n  }\n\n  if (key === 'End') {\n    return enabledIndexes[enabledIndexes.length - 1] ?? -1;\n  }\n\n  const activeEnabledIndex = enabledIndexes.indexOf(currentIndex);\n  const nextEnabledIndex =\n    activeEnabledIndex === -1\n      ? 0\n      : key === 'ArrowUp'\n        ? (activeEnabledIndex - 1 + enabledIndexes.length) % enabledIndexes.length\n        : (activeEnabledIndex + 1) % enabledIndexes.length;\n\n  return enabledIndexes[nextEnabledIndex] ?? -1;\n}\n"]}

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

@@ -1,23 +0,0 @@
-import type React from 'react';
-import type { InteractionPolicy } from '../../interactionPolicy';
-export type MenuActionIntent = 'default' | 'danger';
-export interface MenuAction {
-    id: string;
-    title: React.ReactNode;
-    description?: React.ReactNode;
-    leading?: React.ReactNode;
-    trailing?: React.ReactNode;
-    intent?: MenuActionIntent;
-    disabled?: boolean;
-    selected?: boolean;
-    activate?: () => void;
-}
-export interface MenuProps {
-    trigger?: React.ReactNode;
-    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 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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.map

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

package/dist/components/modal/Modal.js

@@ -1,59 +0,0 @@
-import React from 'react';
-import { Pressable, View } from 'react-native';
-import { Surface } from '../../features/surface/public';
-import { FocusScope } from '../../internal/focus/FocusScope';
-import { Portal } from '../../internal/overlay/Portal';
-import { resolvePointerEvents } from '../../internal/resolvePointerEvents';
-import { resolveOverlayAnimation } from '../../internal/resolvers';
-import { Center } from '../../layout';
-import { useTheme } from '../../theme/ThemeContext';
-const boxNonePointerEvents = resolvePointerEvents('box-none');
-export function Modal({ visible, onDismiss, children, 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}>
-          <Center p="l" style={{
-            flex: 1,
-        }}>
-            <View accessible accessibilityViewIsModal style={{
-            maxWidth: 560,
-            width: '100%',
-        }}>
-              <Surface p="l" style={{
-            shadowOpacity: 0.14,
-            shadowRadius: 18,
-            shadowOffset: { width: 0, height: 8 },
-        }} testID={testID} variant="raised">
-                {children}
-              </Surface>
-            </View>
-          </Center>
-        </FocusScope>
-      </View>
-    </Portal>);
-}
-//# sourceMappingURL=Modal.js.map

package/dist/components/modal/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Pressable, View } from 'react-native';\n\nimport { Surface } from '../../features/surface/public';\nimport { FocusScope } from '../../internal/focus/FocusScope';\nimport { Portal } from '../../internal/overlay/Portal';\nimport { resolvePointerEvents } from '../../internal/resolvePointerEvents';\nimport { resolveOverlayAnimation } from '../../internal/resolvers';\nimport { Center } from '../../layout';\nimport { useTheme } from '../../theme/ThemeContext';\nimport type { ModalProps } from './types';\n\nconst boxNonePointerEvents = resolvePointerEvents('box-none');\n\nexport function Modal({\n  visible,\n  onDismiss,\n  children,\n  closeOnBackdrop = true,\n  interactionPolicy = 'enabled',\n  testID,\n}: ModalProps) {\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          <Center\n            p=\"l\"\n            style={{\n              flex: 1,\n            }}\n          >\n            <View\n              accessible\n              accessibilityViewIsModal\n              style={{\n                maxWidth: 560,\n                width: '100%',\n              }}\n            >\n              <Surface\n                p=\"l\"\n                style={{\n                  shadowOpacity: 0.14,\n                  shadowRadius: 18,\n                  shadowOffset: { width: 0, height: 8 },\n                }}\n                testID={testID}\n                variant=\"raised\"\n              >\n                {children}\n              </Surface>\n            </View>\n          </Center>\n        </FocusScope>\n      </View>\n    </Portal>\n  );\n}\n"]}

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

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

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

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

package/dist/components/modal/index.js

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

package/dist/components/modal/index.js.map

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

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

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

package/dist/components/modal/types.js

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

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

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

package/dist/components/tabs/Tab.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { TabProps } from './types';
-export declare function Tab({ value, children, disabled, interactionPolicy, testID, }: TabProps): React.JSX.Element;
-//# sourceMappingURL=Tab.d.ts.map

package/dist/components/tabs/Tab.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,wBAAgB,GAAG,CAAC,EAClB,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,iBAA6B,EAC7B,MAAM,GACP,EAAE,QAAQ,qBAyEV"}

package/dist/components/tabs/Tab.js

@@ -1,48 +0,0 @@
-import React from 'react';
-import { Pressable } from 'react-native';
-import { Box } from '../../features/layout/public';
-import { Text } from '../../features/typography/public';
-import { useTheme } from '../../theme/ThemeContext';
-import { useTabsContext } from './context';
-export function Tab({ value, children, disabled = false, interactionPolicy = 'enabled', testID, }) {
-    const { theme } = useTheme();
-    const { activeValue, getPanelId, getTabId, registerTab, setActiveValue, setFocusedValue, unregisterTab, } = useTabsContext();
-    const pressableRef = React.useRef(null);
-    const selected = activeValue === value;
-    const tabId = getTabId(value);
-    const panelId = getPanelId(value);
-    const passive = interactionPolicy === 'passive';
-    React.useEffect(() => {
-        registerTab({
-            disabled,
-            focus: () => {
-                const focusable = pressableRef.current;
-                focusable?.focus?.();
-            },
-            value,
-        });
-        return () => {
-            unregisterTab(value);
-        };
-    }, [disabled, registerTab, unregisterTab, value]);
-    return (<Pressable accessibilityLabel={undefined} accessibilityRole="tab" accessibilityState={{ disabled, selected }} nativeID={tabId} aria-controls={panelId} disabled={disabled} onFocus={() => setFocusedValue(value)} onBlur={() => setFocusedValue(undefined)} onPress={passive
-            ? undefined
-            : () => {
-                if (!disabled) {
-                    setActiveValue(value);
-                }
-            }} ref={pressableRef} testID={testID}>
-      <Box px="m" py="s" style={{
-            borderBottomColor: selected
-                ? theme.semantics.action.primary.base
-                : theme.semantics.border.default,
-            borderBottomWidth: 2,
-            opacity: disabled ? 0.64 : 1,
-        }}>
-        <Text color={selected ? 'primary' : undefined} variant="label" weight="medium">
-          {children}
-        </Text>
-      </Box>
-    </Pressable>);
-}
-//# sourceMappingURL=Tab.js.map

package/dist/components/tabs/Tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/tabs/Tab.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Pressable } from 'react-native';\n\nimport { Box } from '../../features/layout/public';\nimport { Text } from '../../features/typography/public';\nimport { useTheme } from '../../theme/ThemeContext';\nimport { useTabsContext } from './context';\nimport type { TabProps } from './types';\n\nexport function Tab({\n  value,\n  children,\n  disabled = false,\n  interactionPolicy = 'enabled',\n  testID,\n}: TabProps) {\n  const { theme } = useTheme();\n  const {\n    activeValue,\n    getPanelId,\n    getTabId,\n    registerTab,\n    setActiveValue,\n    setFocusedValue,\n    unregisterTab,\n  } = useTabsContext();\n  const pressableRef = React.useRef<React.ElementRef<typeof Pressable> | null>(null);\n  const selected = activeValue === value;\n  const tabId = getTabId(value);\n  const panelId = getPanelId(value);\n  const passive = interactionPolicy === 'passive';\n\n  React.useEffect(() => {\n    registerTab({\n      disabled,\n      focus: () => {\n        const focusable = pressableRef.current as unknown as {\n          focus?: (() => void) | undefined;\n        } | null;\n        focusable?.focus?.();\n      },\n      value,\n    });\n\n    return () => {\n      unregisterTab(value);\n    };\n  }, [disabled, registerTab, unregisterTab, value]);\n\n  return (\n    <Pressable\n      accessibilityLabel={undefined}\n      accessibilityRole=\"tab\"\n      accessibilityState={{ disabled, selected }}\n      nativeID={tabId}\n      aria-controls={panelId}\n      disabled={disabled}\n      onFocus={() => setFocusedValue(value)}\n      onBlur={() => setFocusedValue(undefined)}\n      onPress={\n        passive\n          ? undefined\n          : () => {\n              if (!disabled) {\n                setActiveValue(value);\n              }\n            }\n      }\n      ref={pressableRef}\n      testID={testID}\n    >\n      <Box\n        px=\"m\"\n        py=\"s\"\n        style={{\n          borderBottomColor: selected\n            ? theme.semantics.action.primary.base\n            : theme.semantics.border.default,\n          borderBottomWidth: 2,\n          opacity: disabled ? 0.64 : 1,\n        }}\n      >\n        <Text color={selected ? 'primary' : undefined} variant=\"label\" weight=\"medium\">\n          {children}\n        </Text>\n      </Box>\n    </Pressable>\n  );\n}\n"]}

package/dist/components/tabs/TabList.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { TabListProps } from './types';
-export declare function TabList({ children, testID }: TabListProps): React.JSX.Element;
-//# sourceMappingURL=TabList.d.ts.map

package/dist/components/tabs/TabList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,YAAY,qBA0CzD"}

package/dist/components/tabs/TabList.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import { Box } from '../../features/layout/public';
-import { useFocusManager } from '../../internal/focus/useFocusManager';
-import { useTabsContext } from './context';
-import { resolveNextTabValue } from './navigation';
-export function TabList({ children, testID }) {
-    const { bindKeydown } = useFocusManager();
-    const { focusedValue, setActiveValue, tabs } = useTabsContext();
-    React.useEffect(() => {
-        if (!focusedValue) {
-            return undefined;
-        }
-        return bindKeydown((event) => {
-            const nextValue = event.key === 'ArrowLeft' ||
-                event.key === 'ArrowRight' ||
-                event.key === 'ArrowUp' ||
-                event.key === 'ArrowDown' ||
-                event.key === 'Home' ||
-                event.key === 'End'
-                ? resolveNextTabValue(tabs, focusedValue, event.key)
-                : undefined;
-            if (!nextValue) {
-                return;
-            }
-            event.preventDefault();
-            const nextTab = tabs.find((tab) => tab.value === nextValue);
-            nextTab?.focus();
-            setActiveValue(nextValue);
-        });
-    }, [bindKeydown, focusedValue, setActiveValue, tabs]);
-    return (<Box accessibilityRole="tablist" style={{
-            flexDirection: 'row',
-        }} testID={testID}>
-      {children}
-    </Box>);
-}
-//# sourceMappingURL=TabList.js.map

package/dist/components/tabs/TabList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../../src/components/tabs/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,8BAA8B,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGnD,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAgB;IACxD,MAAM,EAAE,WAAW,EAAE,GAAG,eAAe,EAAE,CAAC;IAC1C,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;IAEhE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,OAAO,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;YAC3B,MAAM,SAAS,GACb,KAAK,CAAC,GAAG,KAAK,WAAW;gBACzB,KAAK,CAAC,GAAG,KAAK,YAAY;gBAC1B,KAAK,CAAC,GAAG,KAAK,SAAS;gBACvB,KAAK,CAAC,GAAG,KAAK,WAAW;gBACzB,KAAK,CAAC,GAAG,KAAK,MAAM;gBACpB,KAAK,CAAC,GAAG,KAAK,KAAK;gBACjB,CAAC,CAAC,mBAAmB,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC;gBACpD,CAAC,CAAC,SAAS,CAAC;YAEhB,IAAI,CAAC,SAAS,EAAE,CAAC;gBACf,OAAO;YACT,CAAC;YAED,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC;YAC5D,OAAO,EAAE,KAAK,EAAE,CAAC;YACjB,cAAc,CAAC,SAAS,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC,CAAC;IAEtD,OAAO,CACL,CAAC,GAAG,CACF,iBAAiB,CAAC,SAAS,CAC3B,KAAK,CAAC,CAAC;YACL,aAAa,EAAE,KAAK;SACrB,CAAC,CACF,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport { Box } from '../../features/layout/public';\nimport { useFocusManager } from '../../internal/focus/useFocusManager';\nimport { useTabsContext } from './context';\nimport { resolveNextTabValue } from './navigation';\nimport type { TabListProps } from './types';\n\nexport function TabList({ children, testID }: TabListProps) {\n  const { bindKeydown } = useFocusManager();\n  const { focusedValue, setActiveValue, tabs } = useTabsContext();\n\n  React.useEffect(() => {\n    if (!focusedValue) {\n      return undefined;\n    }\n\n    return bindKeydown((event) => {\n      const nextValue =\n        event.key === 'ArrowLeft' ||\n        event.key === 'ArrowRight' ||\n        event.key === 'ArrowUp' ||\n        event.key === 'ArrowDown' ||\n        event.key === 'Home' ||\n        event.key === 'End'\n          ? resolveNextTabValue(tabs, focusedValue, event.key)\n          : undefined;\n\n      if (!nextValue) {\n        return;\n      }\n\n      event.preventDefault();\n      const nextTab = tabs.find((tab) => tab.value === nextValue);\n      nextTab?.focus();\n      setActiveValue(nextValue);\n    });\n  }, [bindKeydown, focusedValue, setActiveValue, tabs]);\n\n  return (\n    <Box\n      accessibilityRole=\"tablist\"\n      style={{\n        flexDirection: 'row',\n      }}\n      testID={testID}\n    >\n      {children}\n    </Box>\n  );\n}\n"]}

package/dist/components/tabs/TabPanel.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { TabPanelProps } from './types';
-export declare function TabPanel({ value, children, testID }: TabPanelProps): React.JSX.Element | null;
-//# sourceMappingURL=TabPanel.d.ts.map

package/dist/components/tabs/TabPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/TabPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAI7C,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,aAAa,4BAoBlE"}

package/dist/components/tabs/TabPanel.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-import { useTabsContext } from './context';
-const TAB_PANEL_ROLE = 'tabpanel';
-export function TabPanel({ value, children, testID }) {
-    const { activeValue, getPanelId, getTabId } = useTabsContext();
-    if (activeValue !== value) {
-        return null;
-    }
-    const tabId = getTabId(value);
-    const panelId = getPanelId(value);
-    return (<View accessibilityLabelledBy={tabId} accessibilityRole={TAB_PANEL_ROLE} nativeID={panelId} testID={testID}>
-      {children}
-    </View>);
-}
-//# sourceMappingURL=TabPanel.js.map

package/dist/components/tabs/TabPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabPanel.js","sourceRoot":"","sources":["../../../src/components/tabs/TabPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAG3C,MAAM,cAAc,GAAG,UAAoE,CAAC;AAE5F,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAiB;IACjE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/D,IAAI,WAAW,KAAK,KAAK,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9B,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IAElC,OAAO,CACL,CAAC,IAAI,CACH,uBAAuB,CAAC,CAAC,KAAK,CAAC,CAC/B,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAClC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAClB,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { useTabsContext } from './context';\nimport type { TabPanelProps } from './types';\n\nconst TAB_PANEL_ROLE = 'tabpanel' as React.ComponentProps<typeof View>['accessibilityRole'];\n\nexport function TabPanel({ value, children, testID }: TabPanelProps) {\n  const { activeValue, getPanelId, getTabId } = useTabsContext();\n\n  if (activeValue !== value) {\n    return null;\n  }\n\n  const tabId = getTabId(value);\n  const panelId = getPanelId(value);\n\n  return (\n    <View\n      accessibilityLabelledBy={tabId}\n      accessibilityRole={TAB_PANEL_ROLE}\n      nativeID={panelId}\n      testID={testID}\n    >\n      {children}\n    </View>\n  );\n}\n"]}