@ankhorage/surface 4.4.1 → 5.0.1

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

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

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

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

package/dist/components/tabs/Tabs.js

@@ -1,54 +0,0 @@
-import React from 'react';
-import { Box } from '../../features/layout/public';
-import { useControllableState } from '../../internal/useControllableState';
-import { getTabId as resolveTabId, getTabPanelId as resolveTabPanelId } from './a11y';
-import { TabsContext } from './context';
-export function Tabs({ children, value, defaultValue, onValueChange, testID }) {
-    const [activeValue, setActiveValue] = useControllableState({
-        value,
-        defaultValue,
-        onChange: (nextValue) => {
-            if (nextValue !== undefined) {
-                onValueChange?.(nextValue);
-            }
-        },
-    });
-    const [focusedValue, setFocusedValue] = React.useState(undefined);
-    const [tabs, setTabs] = React.useState([]);
-    const registerTab = React.useCallback((tab) => {
-        setTabs((current) => {
-            return current.some((entry) => entry.value === tab.value)
-                ? current.map((entry) => (entry.value === tab.value ? tab : entry))
-                : [...current, tab];
-        });
-    }, []);
-    const unregisterTab = React.useCallback((valueToRemove) => {
-        setTabs((current) => current.filter((entry) => entry.value !== valueToRemove));
-    }, []);
-    React.useEffect(() => {
-        if (activeValue !== undefined) {
-            return;
-        }
-        const firstEnabledTab = tabs.find((entry) => !entry.disabled);
-        if (firstEnabledTab) {
-            setActiveValue(firstEnabledTab.value);
-        }
-    }, [activeValue, setActiveValue, tabs]);
-    const contextValue = React.useMemo(() => ({
-        activeValue,
-        focusedValue,
-        getPanelId: (tabValue) => resolveTabPanelId(testID, tabValue),
-        getTabId: (tabValue) => resolveTabId(testID, tabValue),
-        registerTab,
-        setActiveValue: (nextValue) => {
-            setActiveValue(nextValue);
-        },
-        setFocusedValue,
-        tabs,
-        unregisterTab,
-    }), [activeValue, focusedValue, registerTab, setActiveValue, tabs, testID, unregisterTab]);
-    return (<TabsContext value={contextValue}>
-      <Box testID={testID}>{children}</Box>
-    </TabsContext>);
-}
-//# sourceMappingURL=Tabs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,8BAA8B,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AACtF,OAAO,EAAwB,WAAW,EAAE,MAAM,WAAW,CAAC;AAG9D,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAa;IACtF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,oBAAoB,CAAqB;QAC7E,KAAK;QACL,YAAY;QACZ,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE;YACtB,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;gBAC5B,aAAa,EAAE,CAAC,SAAS,CAAC,CAAC;YAC7B,CAAC;QACH,CAAC;KACF,CAAC,CAAC;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IACtF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAoB,EAAE,CAAC,CAAC;IAE9D,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,GAAoB,EAAE,EAAE;QAC7D,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAClB,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK,CAAC;gBACvD,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;gBACnE,CAAC,CAAC,CAAC,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,aAAqB,EAAE,EAAE;QAChE,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,KAAK,aAAa,CAAC,CAAC,CAAC;IACjF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC9D,IAAI,eAAe,EAAE,CAAC;YACpB,cAAc,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAChC,GAAG,EAAE,CAAC,CAAC;QACL,WAAW;QACX,YAAY;QACZ,UAAU,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,iBAAiB,CAAC,MAAM,EAAE,QAAQ,CAAC;QACrE,QAAQ,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;QAC9D,WAAW;QACX,cAAc,EAAE,CAAC,SAAiB,EAAE,EAAE;YACpC,cAAc,CAAC,SAAS,CAAC,CAAC;QAC5B,CAAC;QACD,eAAe;QACf,IAAI;QACJ,aAAa;KACd,CAAC,EACF,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,CAAC,CACtF,CAAC;IAEF,OAAO,CACL,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAC/B;MAAA,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,GAAG,CACtC;IAAA,EAAE,WAAW,CAAC,CACf,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport { Box } from '../../features/layout/public';\nimport { useControllableState } from '../../internal/useControllableState';\nimport { getTabId as resolveTabId, getTabPanelId as resolveTabPanelId } from './a11y';\nimport { type TabRegistration, TabsContext } from './context';\nimport type { TabsProps } from './types';\n\nexport function Tabs({ children, value, defaultValue, onValueChange, testID }: TabsProps) {\n  const [activeValue, setActiveValue] = useControllableState<string | undefined>({\n    value,\n    defaultValue,\n    onChange: (nextValue) => {\n      if (nextValue !== undefined) {\n        onValueChange?.(nextValue);\n      }\n    },\n  });\n  const [focusedValue, setFocusedValue] = React.useState<string | undefined>(undefined);\n  const [tabs, setTabs] = React.useState<TabRegistration[]>([]);\n\n  const registerTab = React.useCallback((tab: TabRegistration) => {\n    setTabs((current) => {\n      return current.some((entry) => entry.value === tab.value)\n        ? current.map((entry) => (entry.value === tab.value ? tab : entry))\n        : [...current, tab];\n    });\n  }, []);\n\n  const unregisterTab = React.useCallback((valueToRemove: string) => {\n    setTabs((current) => current.filter((entry) => entry.value !== valueToRemove));\n  }, []);\n\n  React.useEffect(() => {\n    if (activeValue !== undefined) {\n      return;\n    }\n\n    const firstEnabledTab = tabs.find((entry) => !entry.disabled);\n    if (firstEnabledTab) {\n      setActiveValue(firstEnabledTab.value);\n    }\n  }, [activeValue, setActiveValue, tabs]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      activeValue,\n      focusedValue,\n      getPanelId: (tabValue: string) => resolveTabPanelId(testID, tabValue),\n      getTabId: (tabValue: string) => resolveTabId(testID, tabValue),\n      registerTab,\n      setActiveValue: (nextValue: string) => {\n        setActiveValue(nextValue);\n      },\n      setFocusedValue,\n      tabs,\n      unregisterTab,\n    }),\n    [activeValue, focusedValue, registerTab, setActiveValue, tabs, testID, unregisterTab],\n  );\n\n  return (\n    <TabsContext value={contextValue}>\n      <Box testID={testID}>{children}</Box>\n    </TabsContext>\n  );\n}\n"]}

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

@@ -1,3 +0,0 @@
-export declare function getTabId(testID: string | undefined, value: string): string;
-export declare function getTabPanelId(testID: string | undefined, value: string): string;
-//# sourceMappingURL=a11y.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/a11y.ts"],"names":[],"mappings":"AAQA,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAE1E;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAE/E"}

package/dist/components/tabs/a11y.js

@@ -1,13 +0,0 @@
-function sanitizeTabValue(value) {
-    return value.trim().replace(/[^a-zA-Z0-9_-]+/g, '-');
-}
-function createTabsIdBase(testID) {
-    return testID ? `${testID}-tabs` : 'tabs';
-}
-export function getTabId(testID, value) {
-    return `${createTabsIdBase(testID)}-tab-${sanitizeTabValue(value)}`;
-}
-export function getTabPanelId(testID, value) {
-    return `${createTabsIdBase(testID)}-panel-${sanitizeTabValue(value)}`;
-}
-//# sourceMappingURL=a11y.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"a11y.js","sourceRoot":"","sources":["../../../src/components/tabs/a11y.ts"],"names":[],"mappings":"AAAA,SAAS,gBAAgB,CAAC,KAAa;IACrC,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;AACvD,CAAC;AAED,SAAS,gBAAgB,CAAC,MAA0B;IAClD,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,MAA0B,EAAE,KAAa;IAChE,OAAO,GAAG,gBAAgB,CAAC,MAAM,CAAC,QAAQ,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;AACtE,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,MAA0B,EAAE,KAAa;IACrE,OAAO,GAAG,gBAAgB,CAAC,MAAM,CAAC,UAAU,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;AACxE,CAAC","sourcesContent":["function sanitizeTabValue(value: string): string {\n  return value.trim().replace(/[^a-zA-Z0-9_-]+/g, '-');\n}\n\nfunction createTabsIdBase(testID: string | undefined): string {\n  return testID ? `${testID}-tabs` : 'tabs';\n}\n\nexport function getTabId(testID: string | undefined, value: string): string {\n  return `${createTabsIdBase(testID)}-tab-${sanitizeTabValue(value)}`;\n}\n\nexport function getTabPanelId(testID: string | undefined, value: string): string {\n  return `${createTabsIdBase(testID)}-panel-${sanitizeTabValue(value)}`;\n}\n"]}

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

@@ -1,20 +0,0 @@
-import React from 'react';
-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: TabRegistration[];
-    unregisterTab: (value: string) => void;
-}
-export declare const TabsContext: React.Context<TabsContextValue | null>;
-export declare function useTabsContext(): TabsContextValue;
-//# sourceMappingURL=context.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,WAAW,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,WAAW,wCAAqD,CAAC;AAE9E,wBAAgB,cAAc,IAAI,gBAAgB,CAQjD"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/components/tabs/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAA0B,IAAI,CAAC,CAAC;AAE9E,MAAM,UAAU,cAAc;IAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAErC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;IACjE,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["import React from 'react';\n\nexport interface TabRegistration {\n  disabled: boolean;\n  focus: () => void;\n  value: string;\n}\n\nexport interface TabsContextValue {\n  activeValue: string | undefined;\n  focusedValue: string | undefined;\n  getPanelId: (value: string) => string;\n  getTabId: (value: string) => string;\n  registerTab: (tab: TabRegistration) => void;\n  setActiveValue: (value: string) => void;\n  setFocusedValue: (value: string | undefined) => void;\n  tabs: TabRegistration[];\n  unregisterTab: (value: string) => void;\n}\n\nexport const TabsContext = React.createContext<TabsContextValue | null>(null);\n\nexport function useTabsContext(): TabsContextValue {\n  const value = React.use(TabsContext);\n\n  if (!value) {\n    throw new Error('Tabs components must be used within <Tabs>.');\n  }\n\n  return value;\n}\n"]}

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

@@ -1,6 +0,0 @@
-export { Tab } from './Tab';
-export { TabList } from './TabList';
-export { TabPanel } from './TabPanel';
-export { Tabs } from './Tabs';
-export type { TabListProps, TabPanelProps, TabProps, TabsProps } from './types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/tabs/index.js

@@ -1,5 +0,0 @@
-export { Tab } from './Tab';
-export { TabList } from './TabList';
-export { TabPanel } from './TabPanel';
-export { Tabs } from './Tabs';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC","sourcesContent":["export { Tab } from './Tab';\nexport { TabList } from './TabList';\nexport { TabPanel } from './TabPanel';\nexport { Tabs } from './Tabs';\nexport type { TabListProps, TabPanelProps, TabProps, TabsProps } from './types';\n"]}

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

@@ -1,3 +0,0 @@
-import type { TabRegistration } from './context';
-export declare function resolveNextTabValue(tabs: TabRegistration[], currentValue: string | undefined, key: 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'ArrowDown' | 'Home' | 'End'): string | undefined;
-//# sourceMappingURL=navigation.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/navigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAEjD,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,eAAe,EAAE,EACvB,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,GAAG,EAAE,WAAW,GAAG,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,KAAK,GACzE,MAAM,GAAG,SAAS,CAyBpB"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../../src/components/tabs/navigation.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,mBAAmB,CACjC,IAAuB,EACvB,YAAgC,EAChC,GAA0E;IAE1E,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACxD,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC7B,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAI,GAAG,KAAK,MAAM,EAAE,CAAC;QACnB,OAAO,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;IAC/B,CAAC;IAED,IAAI,GAAG,KAAK,KAAK,EAAE,CAAC;QAClB,OAAO,WAAW,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC;IACpD,CAAC;IAED,MAAM,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC;IAChF,IAAI,YAAY,KAAK,CAAC,CAAC,EAAE,CAAC;QACxB,OAAO,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;IAC/B,CAAC;IAED,MAAM,SAAS,GACb,GAAG,KAAK,WAAW,IAAI,GAAG,KAAK,SAAS;QACtC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,GAAG,WAAW,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC,MAAM;QAC9D,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,MAAM,CAAC;IAE9C,OAAO,WAAW,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC;AACvC,CAAC","sourcesContent":["import type { TabRegistration } from './context';\n\nexport function resolveNextTabValue(\n  tabs: TabRegistration[],\n  currentValue: string | undefined,\n  key: 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'ArrowDown' | 'Home' | 'End',\n): string | undefined {\n  const enabledTabs = tabs.filter((tab) => !tab.disabled);\n  if (enabledTabs.length === 0) {\n    return undefined;\n  }\n\n  if (key === 'Home') {\n    return enabledTabs[0]?.value;\n  }\n\n  if (key === 'End') {\n    return enabledTabs[enabledTabs.length - 1]?.value;\n  }\n\n  const currentIndex = enabledTabs.findIndex((tab) => tab.value === currentValue);\n  if (currentIndex === -1) {\n    return enabledTabs[0]?.value;\n  }\n\n  const nextIndex =\n    key === 'ArrowLeft' || key === 'ArrowUp'\n      ? (currentIndex - 1 + enabledTabs.length) % enabledTabs.length\n      : (currentIndex + 1) % enabledTabs.length;\n\n  return enabledTabs[nextIndex]?.value;\n}\n"]}

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

@@ -1,26 +0,0 @@
-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;
-}
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/components/tabs/types.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/tabs/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { InteractionPolicy } from '../../interactionPolicy';\n\nexport interface TabsProps {\n  children?: React.ReactNode;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: ((value: string) => void) | undefined;\n  testID?: string;\n}\n\nexport interface TabListProps {\n  children?: React.ReactNode;\n  testID?: string;\n}\n\nexport interface TabProps {\n  value: string;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  interactionPolicy?: InteractionPolicy;\n  testID?: string;\n}\n\nexport interface TabPanelProps {\n  value: string;\n  children?: React.ReactNode;\n  testID?: string;\n}\n"]}

package/dist/components/tooltip/Tooltip.d.ts

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

package/dist/components/tooltip/Tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAiB5C,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,OAAO,EACP,KAAW,EACX,iBAA6B,EAC7B,SAAiB,EACjB,MAAM,GACP,EAAE,YAAY,qBAmFd"}

package/dist/components/tooltip/Tooltip.js

@@ -1,75 +0,0 @@
-import React from 'react';
-import { Platform, Pressable, View } from 'react-native';
-import { Surface } from '../../features/surface/public';
-import { Text } from '../../features/typography/public';
-import { Portal } from '../../internal/overlay/Portal';
-import { resolvePointerEvents } from '../../internal/resolvePointerEvents';
-import { resolveOverlayAnimation } from '../../internal/resolvers';
-import { useTheme } from '../../theme/ThemeContext';
-const noPointerEvents = resolvePointerEvents('none');
-function measureNode(node, callback) {
-    const measurableNode = node;
-    measurableNode?.measureInWindow?.((x, y, width, height) => {
-        callback({ height, width, x, y });
-    });
-}
-export function Tooltip({ children, content, delay = 150, interactionPolicy = 'enabled', placement = 'top', testID, }) {
-    const { theme } = useTheme();
-    const animation = resolveOverlayAnimation('tooltip');
-    const anchorRef = React.useRef(null);
-    const timeoutRef = React.useRef(null);
-    const [visible, setVisible] = React.useState(false);
-    const [layout, setLayout] = React.useState(null);
-    const passive = interactionPolicy === 'passive';
-    const show = React.useCallback(() => {
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-        }
-        timeoutRef.current = setTimeout(() => {
-            measureNode(anchorRef.current, setLayout);
-            setVisible(true);
-        }, delay);
-    }, [delay]);
-    const hide = React.useCallback(() => {
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-            timeoutRef.current = null;
-        }
-        setVisible(false);
-    }, []);
-    React.useEffect(() => () => {
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-        }
-    }, []);
-    const tooltipLeft = layout ? layout.x : 0;
-    const tooltipTop = layout && placement === 'top'
-        ? layout.y - animation.offset
-        : layout
-            ? layout.y + layout.height + animation.offset
-            : 0;
-    return (<View collapsable={false} ref={anchorRef} testID={testID ? `${testID}-anchor` : undefined}>
-      <Pressable onBlur={passive ? undefined : hide} onFocus={passive ? undefined : show} onHoverIn={Platform.OS === 'web' && !passive ? show : undefined} onHoverOut={Platform.OS === 'web' && !passive ? hide : undefined}>
-        {children}
-      </Pressable>
-      <Portal layer="tooltip" visible={visible && Boolean(layout)}>
-        <View {...noPointerEvents.props} style={[
-            noPointerEvents.style,
-            {
-                left: tooltipLeft,
-                position: 'absolute',
-                top: tooltipTop,
-            },
-        ]}>
-          <Surface p="s" style={{
-            backgroundColor: theme.semantics.surface.inverse,
-        }} testID={testID} variant="raised">
-            <Text emphasis="inverse" variant="caption">
-              {content}
-            </Text>
-          </Surface>
-        </View>
-      </Portal>
-    </View>);
-}
-//# sourceMappingURL=Tooltip.js.map

package/dist/components/tooltip/Tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { type LayoutRectangle, Platform, Pressable, View } from 'react-native';\n\nimport { Surface } from '../../features/surface/public';\nimport { Text } from '../../features/typography/public';\nimport { Portal } from '../../internal/overlay/Portal';\nimport { resolvePointerEvents } from '../../internal/resolvePointerEvents';\nimport { resolveOverlayAnimation } from '../../internal/resolvers';\nimport { useTheme } from '../../theme/ThemeContext';\nimport type { TooltipProps } from './types';\n\nconst noPointerEvents = resolvePointerEvents('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\nexport function Tooltip({\n  children,\n  content,\n  delay = 150,\n  interactionPolicy = 'enabled',\n  placement = 'top',\n  testID,\n}: TooltipProps) {\n  const { theme } = useTheme();\n  const animation = resolveOverlayAnimation('tooltip');\n  const anchorRef = React.useRef<View | null>(null);\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [visible, setVisible] = React.useState(false);\n  const [layout, setLayout] = React.useState<LayoutRectangle | null>(null);\n  const passive = interactionPolicy === 'passive';\n\n  const show = React.useCallback(() => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      measureNode(anchorRef.current, setLayout);\n      setVisible(true);\n    }, delay);\n  }, [delay]);\n\n  const hide = React.useCallback(() => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    }\n    setVisible(false);\n  }, []);\n\n  React.useEffect(\n    () => () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    },\n    [],\n  );\n\n  const tooltipLeft = layout ? layout.x : 0;\n  const tooltipTop =\n    layout && placement === 'top'\n      ? layout.y - animation.offset\n      : layout\n        ? layout.y + layout.height + animation.offset\n        : 0;\n\n  return (\n    <View collapsable={false} ref={anchorRef} testID={testID ? `${testID}-anchor` : undefined}>\n      <Pressable\n        onBlur={passive ? undefined : hide}\n        onFocus={passive ? undefined : show}\n        onHoverIn={Platform.OS === 'web' && !passive ? show : undefined}\n        onHoverOut={Platform.OS === 'web' && !passive ? hide : undefined}\n      >\n        {children}\n      </Pressable>\n      <Portal layer=\"tooltip\" visible={visible && Boolean(layout)}>\n        <View\n          {...noPointerEvents.props}\n          style={[\n            noPointerEvents.style,\n            {\n              left: tooltipLeft,\n              position: 'absolute',\n              top: tooltipTop,\n            },\n          ]}\n        >\n          <Surface\n            p=\"s\"\n            style={{\n              backgroundColor: theme.semantics.surface.inverse,\n            }}\n            testID={testID}\n            variant=\"raised\"\n          >\n            <Text emphasis=\"inverse\" variant=\"caption\">\n              {content}\n            </Text>\n          </Surface>\n        </View>\n      </Portal>\n    </View>\n  );\n}\n"]}

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

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

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

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

package/dist/components/tooltip/index.js

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

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

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

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

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

package/dist/components/tooltip/types.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/tooltip/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { InteractionPolicy } from '../../interactionPolicy';\n\nexport interface TooltipProps {\n  children?: React.ReactNode;\n  content?: React.ReactNode;\n  delay?: number;\n  interactionPolicy?: InteractionPolicy;\n  placement?: 'top' | 'bottom';\n  testID?: string;\n}\n"]}

package/src/components/menu/Menu.tsx

@@ -1,228 +0,0 @@
-import React from 'react';
-import { type LayoutRectangle, 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';
-import type { MenuAction, MenuProps } from './types';
-
-const boxNonePointerEvents = resolvePointerEvents('box-none');
-
-interface MeasurableNode {
-  measureInWindow?: (
-    callback: (x: number, y: number, width: number, height: number) => void,
-  ) => void;
-}
-
-function measureNode(node: unknown, callback: (layout: LayoutRectangle) => void) {
-  const measurableNode = node as MeasurableNode | null;
-  measurableNode?.measureInWindow?.((x, y, width, height) => {
-    callback({ height, width, x, y });
-  });
-}
-
-function renderActionContent(action: MenuAction, active: boolean) {
-  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,
-}: MenuProps) {
-  const { theme } = useTheme();
-  const { bindKeydown } = useFocusManager();
-  const animation = resolveOverlayAnimation('menu');
-  const anchorRef = React.useRef<View | null>(null);
-  const [open, setOpen] = React.useState(false);
-  const [layout, setLayout] = React.useState<LayoutRectangle | null>(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: MenuAction) => {
-      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>
-  );
-}

package/src/components/menu/index.ts

@@ -1,2 +0,0 @@
-export { Menu } from './Menu';
-export type { MenuAction, MenuActionIntent, MenuAction as MenuItem, MenuProps } from './types';

package/src/components/menu/navigation.ts

@@ -1,34 +0,0 @@
-export function resolveNextMenuIndex(
-  items: readonly { disabled?: boolean }[],
-  currentIndex: number,
-  key: 'ArrowDown' | 'ArrowUp' | 'Home' | 'End',
-): number {
-  const enabledIndexes = items.reduce<number[]>((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;
-}

package/src/components/menu/types.ts

@@ -1,26 +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;
-}