@spectral_labs/ui 1.5.1 → 1.5.3

package/dist/components/dropdown-menu/dropdown-menu.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dropdown-menu/dropdown-menu.svelte.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,WAAW,GAAG,IAAI,CAAA;IAC7B,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,YAAY,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAErE;AAED,wBAAgB,sBAAsB,IAAI,iBAAiB,CAE1D;AAED,wBAAgB,qBAAqB;;;EAKpC;AAID,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAAA;IACtC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAA;CACxC;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,sBAAsB,GAAG,IAAI,CAE7E;AAED,wBAAgB,yBAAyB,IAAI,sBAAsB,CAElE"}
+{"version":3,"file":"dropdown-menu.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dropdown-menu/dropdown-menu.svelte.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,WAAW,GAAG,IAAI,CAAA;IAC7B,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,YAAY,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAErE;AAED,wBAAgB,sBAAsB,IAAI,iBAAiB,CAE1D;AAED,wBAAgB,qBAAqB;;;EAKpC;AAID,MAAM,WAAW,sBAAsB;IACrC,6EAA6E;IAC7E,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,uEAAuE;IACvE,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAAA;IACtC,QAAQ,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAAA;IACtC;;;OAGG;IACH,QAAQ,CAAC,kBAAkB,EAAE,OAAO,CAAA;IACpC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,YAAY,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACvD,QAAQ,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,YAAY,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACxD,2DAA2D;IAC3D,0BAA0B,EAAE,MAAM,IAAI,CAAA;IACtC,YAAY,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,YAAY,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C;;;OAGG;IACH,cAAc,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IAC7C;;;;OAIG;IACH,cAAc,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;CAC9C;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,sBAAsB,GAAG,IAAI,CAE7E;AAED,wBAAgB,yBAAyB,IAAI,sBAAsB,CAElE;AAID;;;;;GAKG;AACH,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,8EAA8E;IAC9E,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAChC;AAED,wBAAgB,gCAAgC,CAAC,KAAK,EAAE,6BAA6B,GAAG,IAAI,CAE3F;AAED;;;;GAIG;AACH,wBAAgB,gCAAgC,IAAI,6BAA6B,CAQhF"}

package/dist/components/dropdown-menu/dropdown-menu.svelte.js

@@ -20,3 +20,19 @@ export function setDropdownMenuSubContext(state) {
 export function getDropdownMenuSubContext() {
     return getContext(SUB_KEY);
 }
+const RADIO_GROUP_KEY = Symbol('sp-dropdown-radio-group');
+export function setDropdownMenuRadioGroupContext(state) {
+    setContext(RADIO_GROUP_KEY, state);
+}
+/**
+ * Throws a NAMED error instead of returning `undefined`: an orphan
+ * `RadioItem` would otherwise fail later with an opaque property-access
+ * TypeError, at a point that no longer names the mistake.
+ */
+export function getDropdownMenuRadioGroupContext() {
+    const ctx = getContext(RADIO_GROUP_KEY);
+    if (!ctx) {
+        throw new Error('[spectral-ui] DropdownMenu.RadioItem must be rendered inside a DropdownMenu.RadioGroup.');
+    }
+    return ctx;
+}

package/dist/components/dropdown-menu/index.d.ts

@@ -2,11 +2,13 @@ export { default as CheckboxItem } from './components/dropdown-menu-checkbox-ite
 export { default as Content } from './components/dropdown-menu-content.svelte';
 export { default as Item } from './components/dropdown-menu-item.svelte';
 export { default as Label } from './components/dropdown-menu-label.svelte';
+export { default as RadioGroup } from './components/dropdown-menu-radio-group.svelte';
+export { default as RadioItem } from './components/dropdown-menu-radio-item.svelte';
 export { default as Root } from './components/dropdown-menu-root.svelte';
 export { default as Separator } from './components/dropdown-menu-separator.svelte';
 export { default as SubContent } from './components/dropdown-menu-sub-content.svelte';
 export { default as SubTrigger } from './components/dropdown-menu-sub-trigger.svelte';
 export { default as Sub } from './components/dropdown-menu-sub.svelte';
 export { default as Trigger } from './components/dropdown-menu-trigger.svelte';
-export type { DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, } from './types.js';
+export type { DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iDAAiD,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,2CAA2C,CAAA;AAC9E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wCAAwC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yCAAyC,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wCAAwC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,6CAA6C,CAAA;AAClF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+CAA+C,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+CAA+C,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,uCAAuC,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,2CAA2C,CAAA;AAC9E,YAAY,EACV,6BAA6B,EAC7B,wBAAwB,EACxB,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,0BAA0B,EAC1B,2BAA2B,EAC3B,oBAAoB,EACpB,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iDAAiD,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,2CAA2C,CAAA;AAC9E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wCAAwC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yCAAyC,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+CAA+C,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,8CAA8C,CAAA;AACnF,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wCAAwC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,6CAA6C,CAAA;AAClF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+CAA+C,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+CAA+C,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,uCAAuC,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,2CAA2C,CAAA;AAC9E,YAAY,EACV,6BAA6B,EAC7B,wBAAwB,EACxB,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,2BAA2B,EAC3B,0BAA0B,EAC1B,0BAA0B,EAC1B,2BAA2B,EAC3B,oBAAoB,EACpB,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,YAAY,CAAA"}

package/dist/components/dropdown-menu/index.js

@@ -2,6 +2,8 @@ export { default as CheckboxItem } from './components/dropdown-menu-checkbox-ite
 export { default as Content } from './components/dropdown-menu-content.svelte';
 export { default as Item } from './components/dropdown-menu-item.svelte';
 export { default as Label } from './components/dropdown-menu-label.svelte';
+export { default as RadioGroup } from './components/dropdown-menu-radio-group.svelte';
+export { default as RadioItem } from './components/dropdown-menu-radio-item.svelte';
 export { default as Root } from './components/dropdown-menu-root.svelte';
 export { default as Separator } from './components/dropdown-menu-separator.svelte';
 export { default as SubContent } from './components/dropdown-menu-sub-content.svelte';

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

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-import type { HTMLButtonAttributes } from 'svelte/elements';
+import type { HTMLAttributes, HTMLButtonAttributes } from 'svelte/elements';
 import type { Align, Side } from '../../internal/floating-layer/types.js';
 export interface DropdownMenuProps {
     open?: boolean;
@@ -55,6 +55,40 @@ export interface DropdownMenuCheckboxItemProps {
     class?: string;
     children?: Snippet;
 }
+/**
+ * Extends the native div attributes so the real `role="group"` node can be
+ * named: several radio groups in one menu each need their own `aria-label` /
+ * `aria-labelledby`, and consumers need `id` / `data-testid` on the group
+ * itself.
+ */
+export interface DropdownMenuRadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'class' | 'children'> {
+    /** The selected value. Bindable. */
+    value?: string;
+    /** Called whenever the selection changes. Never fired for a re-selection. */
+    onValueChange?: (value: string) => void;
+    class?: string;
+    children?: Snippet;
+}
+/**
+ * Extends the native div attributes: unlike the older menu rows, a consumer's
+ * `data-testid`, `aria-*` and event handlers reach the DOM node
+ * (spectral-ui#201 is not reproduced here). Consumer handlers COMPOSE with the
+ * built-in ones — they run first, and calling `preventDefault()` cancels the
+ * built-in behaviour.
+ */
+export interface DropdownMenuRadioItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'class' | 'children'> {
+    /** Value identifying this row within its `RadioGroup`. */
+    value: string;
+    disabled?: boolean;
+    /** Override textContent for typeahead matching. */
+    textValue?: string;
+    /** Close the menu after selection (default true). */
+    closeOnSelect?: boolean;
+    /** Callback on selection, after the group's value has moved. */
+    onSelect?: (event: Event) => void;
+    class?: string;
+    children?: Snippet;
+}
 export interface DropdownMenuSubProps {
     /** Whether the submenu is open. */
     open?: boolean;
@@ -63,6 +97,8 @@ export interface DropdownMenuSubProps {
 }
 export interface DropdownMenuSubTriggerProps {
     disabled?: boolean;
+    /** Override textContent for typeahead matching (parity with `DropdownMenuItemProps`). */
+    textValue?: string;
     class?: string;
     children?: Snippet;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dropdown-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAC3D,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,wCAAwC,CAAA;AAEzE,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,uFAAuF;IACvF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,6BAA6B;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dropdown-menu/types.ts"],"names":[],"mappings":"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"}

package/dist/components/menubar/__tests__/menubar.test.svelte.js

@@ -229,5 +229,100 @@ describe('menubar', () => {
             expect(triggers[0].getAttribute('data-state')).toBe('open');
             expect(triggers[1].getAttribute('data-state')).toBe('closed');
         });
+        it('arrowRight on the sub-trigger moves focus to the first sub item', () => {
+            setup({ withSub: true });
+            const triggers = target.querySelectorAll('[data-menubar-trigger]');
+            triggers[0].click();
+            flushSync();
+            const subTrigger = target.querySelector('.sp-dropdown-sub-trigger');
+            subTrigger.focus();
+            pressKey('ArrowRight');
+            expect(document.activeElement?.textContent?.trim()).toBe('Email');
+        });
+        it('arrowLeft inside the sub closes it, restores focus to the sub-trigger and keeps the menu', () => {
+            setup({ withSub: true });
+            const triggers = target.querySelectorAll('[data-menubar-trigger]');
+            triggers[0].click();
+            flushSync();
+            const subTrigger = target.querySelector('.sp-dropdown-sub-trigger');
+            subTrigger.focus();
+            pressKey('ArrowRight');
+            expect(document.activeElement?.textContent?.trim()).toBe('Email');
+            pressKey('ArrowLeft');
+            // Sub closed, focus back on the trigger row — no dead end on body.
+            expect(target.querySelector('.sp-dropdown-menu-sub-content')).toBeNull();
+            expect(document.activeElement).toBe(subTrigger);
+            // The menubar did NOT switch to the previous menu.
+            expect(triggers[0].getAttribute('data-state')).toBe('open');
+            expect(triggers[1].getAttribute('data-state')).toBe('closed');
+            expect(triggers[2].getAttribute('data-state')).toBe('closed');
+        });
+        it('hovering a sibling item closes the open sub', () => {
+            setup({ withSub: true });
+            const triggers = target.querySelectorAll('[data-menubar-trigger]');
+            triggers[0].click();
+            flushSync();
+            const subTrigger = target.querySelector('.sp-dropdown-sub-trigger');
+            subTrigger.click();
+            flushSync();
+            expect(target.querySelector('.sp-dropdown-menu-sub-content')).toBeTruthy();
+            const newItem = Array.from(target.querySelectorAll('.sp-menubar-content .sp-dropdown-menu-item')).find((el) => el.textContent?.trim() === 'New');
+            newItem.dispatchEvent(new MouseEvent('pointerenter', { clientX: 0, clientY: 0 }));
+            flushSync();
+            expect(target.querySelector('.sp-dropdown-menu-sub-content')).toBeNull();
+            // The menubar menu itself stayed open.
+            expect(triggers[0].getAttribute('data-state')).toBe('open');
+        });
+        it('escape with focus in the menu and a hover-opened sub closes the whole menu in ONE keypress and refocuses the menubar trigger', () => {
+            setup({ withSub: true });
+            const triggers = target.querySelectorAll('[data-menubar-trigger]');
+            triggers[0].click();
+            flushSync();
+            // Autofocus lands on the first parent row.
+            expect(document.activeElement?.textContent?.trim()).toBe('New');
+            // Pointer path: the sub opens without moving focus.
+            const subTrigger = target.querySelector('.sp-dropdown-sub-trigger');
+            subTrigger.click();
+            flushSync();
+            expect(target.querySelector('.sp-dropdown-menu-sub-content')).toBeTruthy();
+            expect(document.activeElement?.textContent?.trim()).toBe('New');
+            // ONE Escape: the sub layer defers (focus is NOT inside the sub) and the
+            // menubar layer closes the whole menu — focus returns to the MENUBAR
+            // trigger, never warped onto the sub trigger.
+            pressKey('Escape');
+            expect(target.querySelector('.sp-dropdown-menu-sub-content')).toBeNull();
+            expect(target.querySelector('[role="menu"]')).toBeNull();
+            expect(document.activeElement).toBe(triggers[0]);
+        });
+        it('escape with focus INSIDE the sub closes only the sub (menu stays open)', () => {
+            setup({ withSub: true });
+            const triggers = target.querySelectorAll('[data-menubar-trigger]');
+            triggers[0].click();
+            flushSync();
+            const subTrigger = target.querySelector('.sp-dropdown-sub-trigger');
+            subTrigger.focus();
+            pressKey('ArrowRight');
+            expect(document.activeElement?.textContent?.trim()).toBe('Email');
+            pressKey('Escape');
+            expect(target.querySelector('.sp-dropdown-menu-sub-content')).toBeNull();
+            expect(document.activeElement).toBe(subTrigger);
+            // The menubar menu itself stayed open.
+            expect(triggers[0].getAttribute('data-state')).toBe('open');
+        });
+        it('parent roving skips sub items while the sub is open', () => {
+            setup({ withSub: true });
+            const triggers = target.querySelectorAll('[data-menubar-trigger]');
+            triggers[0].click();
+            flushSync();
+            const subTrigger = target.querySelector('.sp-dropdown-sub-trigger');
+            // Pointer open keeps focus on the trigger row.
+            subTrigger.click();
+            flushSync();
+            subTrigger.focus();
+            // Share is the last row: ArrowDown loops to the first PARENT item,
+            // not into the open sub.
+            pressKey('ArrowDown');
+            expect(document.activeElement?.textContent?.trim()).toBe('New');
+        });
     });
 });

package/dist/components/menubar/components/menubar-content.svelte

@@ -4,6 +4,7 @@
   import { EscapeLayerState } from '../../../internal/escape-layer/index.js'
   import { FloatingLayerState } from '../../../internal/floating-layer/index.js'
   import { isBrowser, kbd } from '../../../internal/helpers/index.js'
+  import { getOwnLevelMenuItems, isOwnLevelMenuItem } from '../../../internal/menu-context/index.js'
   import { Portal } from '../../../internal/portal/index.js'
   import { PresenceLayerState } from '../../../internal/presence-layer/index.js'
   import { RovingFocusGroup } from '../../../internal/roving-focus/index.js'
@@ -28,6 +29,9 @@
     orientation: 'vertical',
     loop: true,
     candidateSelector: '[data-roving-focus-item]',
+    // Sub content renders inline inside this content: exclude its rows from
+    // the parent collection (the sub content has its own roving group).
+    candidateFilter: (el) => !contentEl || isOwnLevelMenuItem(contentEl, el),
   })
 
   const presence = new PresenceLayerState({
@@ -79,10 +83,8 @@
       floating.setElements(menu.triggerEl, contentEl)
       floating.startAutoUpdate()
 
-      // Focus first interactive item
-      const firstItem = contentEl.querySelector<HTMLElement>(
-        '[data-roving-focus-item]:not([data-disabled])',
-      )
+      // Focus first interactive item (own level only — never a sub row)
+      const firstItem = getOwnLevelMenuItems(contentEl)[0]
       firstItem?.focus()
     }
 
@@ -101,9 +103,8 @@
     if (!isBrowser) return
     if (!contentEl) return
 
-    const items = Array.from(
-      contentEl.querySelectorAll<HTMLElement>('[data-roving-focus-item]:not([data-disabled])'),
-    )
+    // Typeahead collection scoped to this level (sub rows excluded).
+    const items = getOwnLevelMenuItems(contentEl)
 
     switch (event.key) {
       case kbd.ARROW_DOWN: {

package/dist/components/menubar/components/menubar-content.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menubar-content.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/menubar/components/menubar-content.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AA4MtD,QAAA,MAAM,cAAc,yDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"menubar-content.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/menubar/components/menubar-content.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AA8MtD,QAAA,MAAM,cAAc,yDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/menubar/components/menubar-menu.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { MenubarMenuProps } from '../types.js'
-  import { setMenuContext } from '../../../internal/menu-context/index.js'
+  import { createMenuContext, setMenuContext } from '../../../internal/menu-context/index.js'
   import {
     createMenubarMenuIds,
     getMenubarContext,
@@ -19,11 +19,13 @@
 
   // Set the shared MenuContext so dropdown-menu items (Item, CheckboxItem, etc.)
   // can call close() correctly
-  setMenuContext({
-    close() {
-      root.closeMenu()
-    },
-  })
+  setMenuContext(
+    createMenuContext({
+      close() {
+        root.closeMenu()
+      },
+    }),
+  )
 
   setMenubarMenuContext({
     value,

package/dist/components/menubar/components/menubar-menu.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menubar-menu.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/menubar/components/menubar-menu.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAsDnD,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"menubar-menu.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/menubar/components/menubar-menu.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAwDnD,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

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

@@ -1,11 +1,13 @@
 export { default as CheckboxItem } from '../dropdown-menu/components/dropdown-menu-checkbox-item.svelte';
 export { default as Item } from '../dropdown-menu/components/dropdown-menu-item.svelte';
 export { default as Label } from '../dropdown-menu/components/dropdown-menu-label.svelte';
+export { default as RadioGroup } from '../dropdown-menu/components/dropdown-menu-radio-group.svelte';
+export { default as RadioItem } from '../dropdown-menu/components/dropdown-menu-radio-item.svelte';
 export { default as Separator } from '../dropdown-menu/components/dropdown-menu-separator.svelte';
 export { default as SubContent } from '../dropdown-menu/components/dropdown-menu-sub-content.svelte';
 export { default as SubTrigger } from '../dropdown-menu/components/dropdown-menu-sub-trigger.svelte';
 export { default as Sub } from '../dropdown-menu/components/dropdown-menu-sub.svelte';
-export type { DropdownMenuCheckboxItemProps as MenubarCheckboxItemProps, DropdownMenuItemProps as MenubarItemProps, DropdownMenuLabelProps as MenubarLabelProps, DropdownMenuSeparatorProps as MenubarSeparatorProps, DropdownMenuSubContentProps as MenubarSubContentProps, DropdownMenuSubProps as MenubarSubProps, DropdownMenuSubTriggerProps as MenubarSubTriggerProps, } from '../dropdown-menu/types.js';
+export type { DropdownMenuCheckboxItemProps as MenubarCheckboxItemProps, DropdownMenuItemProps as MenubarItemProps, DropdownMenuLabelProps as MenubarLabelProps, DropdownMenuRadioGroupProps as MenubarRadioGroupProps, DropdownMenuRadioItemProps as MenubarRadioItemProps, DropdownMenuSeparatorProps as MenubarSeparatorProps, DropdownMenuSubContentProps as MenubarSubContentProps, DropdownMenuSubProps as MenubarSubProps, DropdownMenuSubTriggerProps as MenubarSubTriggerProps, } from '../dropdown-menu/types.js';
 export { default as Content } from './components/menubar-content.svelte';
 export { default as Menu } from './components/menubar-menu.svelte';
 export { default as Root } from './components/menubar-root.svelte';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/menubar/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gEAAgE,CAAA;AACxG,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uDAAuD,CAAA;AACvF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,wDAAwD,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4DAA4D,CAAA;AAEjG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,8DAA8D,CAAA;AACpG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,8DAA8D,CAAA;AACpG,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,sDAAsD,CAAA;AAErF,YAAY,EACV,6BAA6B,IAAI,wBAAwB,EACzD,qBAAqB,IAAI,gBAAgB,EACzC,sBAAsB,IAAI,iBAAiB,EAC3C,0BAA0B,IAAI,qBAAqB,EACnD,2BAA2B,IAAI,sBAAsB,EACrD,oBAAoB,IAAI,eAAe,EACvC,2BAA2B,IAAI,sBAAsB,GACtD,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,qCAAqC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,kCAAkC,CAAA;AAElE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,qCAAqC,CAAA;AAExE,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,GACpB,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/menubar/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gEAAgE,CAAA;AACxG,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uDAAuD,CAAA;AACvF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,wDAAwD,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,8DAA8D,CAAA;AACpG,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,6DAA6D,CAAA;AAClG,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4DAA4D,CAAA;AAEjG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,8DAA8D,CAAA;AACpG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,8DAA8D,CAAA;AACpG,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,sDAAsD,CAAA;AAErF,YAAY,EACV,6BAA6B,IAAI,wBAAwB,EACzD,qBAAqB,IAAI,gBAAgB,EACzC,sBAAsB,IAAI,iBAAiB,EAC3C,2BAA2B,IAAI,sBAAsB,EACrD,0BAA0B,IAAI,qBAAqB,EACnD,0BAA0B,IAAI,qBAAqB,EACnD,2BAA2B,IAAI,sBAAsB,EACrD,oBAAoB,IAAI,eAAe,EACvC,2BAA2B,IAAI,sBAAsB,GACtD,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,qCAAqC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,kCAAkC,CAAA;AAElE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,qCAAqC,CAAA;AAExE,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,GACpB,MAAM,YAAY,CAAA"}

package/dist/components/menubar/index.js

@@ -2,6 +2,8 @@
 export { default as CheckboxItem } from '../dropdown-menu/components/dropdown-menu-checkbox-item.svelte';
 export { default as Item } from '../dropdown-menu/components/dropdown-menu-item.svelte';
 export { default as Label } from '../dropdown-menu/components/dropdown-menu-label.svelte';
+export { default as RadioGroup } from '../dropdown-menu/components/dropdown-menu-radio-group.svelte';
+export { default as RadioItem } from '../dropdown-menu/components/dropdown-menu-radio-item.svelte';
 export { default as Separator } from '../dropdown-menu/components/dropdown-menu-separator.svelte';
 export { default as SubContent } from '../dropdown-menu/components/dropdown-menu-sub-content.svelte';
 export { default as SubTrigger } from '../dropdown-menu/components/dropdown-menu-sub-trigger.svelte';

package/dist/internal/escape-layer/__tests__/escape-layer.test.js

@@ -81,4 +81,33 @@ describe('escapeLayer', () => {
         // Should not throw after cleanup
         document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
     });
+    it('resolves behavior at keydown time (getter can flip between keypresses)', () => {
+        // A layer may pass `behavior` as a getter and decide per keypress — the
+        // submenu layer closes itself only when focus lives inside its content,
+        // and defers to the parent menu layer otherwise.
+        let topBehavior = 'close';
+        const onBottom = vi.fn();
+        const onTop = vi.fn();
+        const bottom = new EscapeLayerState({ enabled: true, onEscapeKeydown: onBottom });
+        const top = new EscapeLayerState({
+            enabled: true,
+            get behavior() {
+                return topBehavior;
+            },
+            onEscapeKeydown: onTop,
+        });
+        bottom.mount();
+        top.mount();
+        document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
+        expect(onTop).toHaveBeenCalledOnce();
+        expect(onBottom).not.toHaveBeenCalled();
+        // Same mounted layer, new answer from the getter: the keypress falls
+        // through to the bottom layer in the SAME stack state.
+        topBehavior = 'defer-otherwise-close';
+        document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
+        expect(onTop).toHaveBeenCalledOnce();
+        expect(onBottom).toHaveBeenCalledOnce();
+        top.unmount();
+        bottom.unmount();
+    });
 });

package/dist/internal/escape-layer/escape-layer.svelte.d.ts

@@ -10,7 +10,11 @@ export declare class EscapeLayerState {
     constructor(props: EscapeLayerProps);
     mount(): void;
     unmount(): void;
-    /** Update behavior dynamically. */
+    /**
+     * Update behavior dynamically. Writes through to `props.behavior` (behavior
+     * is resolved live at keydown time); only meaningful when `behavior` was
+     * provided as a plain value, not a getter.
+     */
     updateBehavior(behavior: EscapeKeydownBehavior): void;
 }
 /** Reset the layer stack (for testing only). */

package/dist/internal/escape-layer/escape-layer.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"escape-layer.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/internal/escape-layer/escape-layer.svelte.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAkCzE,qBAAa,gBAAgB;IAC3B,KAAK,EAAE,gBAAgB,CAAA;gBAEX,KAAK,EAAE,gBAAgB;IAInC,KAAK,IAAI,IAAI;IAiBb,OAAO,IAAI,IAAI;IAcf,mCAAmC;IACnC,cAAc,CAAC,QAAQ,EAAE,qBAAqB,GAAG,IAAI;CAMtD;AAED,gDAAgD;AAChD,wBAAgB,qBAAqB,IAAI,IAAI,CAK5C"}
+{"version":3,"file":"escape-layer.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/internal/escape-layer/escape-layer.svelte.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AA4CzE,qBAAa,gBAAgB;IAC3B,KAAK,EAAE,gBAAgB,CAAA;gBAEX,KAAK,EAAE,gBAAgB;IAInC,KAAK,IAAI,IAAI;IAYb,OAAO,IAAI,IAAI;IAcf;;;;OAIG;IACH,cAAc,CAAC,QAAQ,EAAE,qBAAqB,GAAG,IAAI;CAGtD;AAED,gDAAgD;AAChD,wBAAgB,qBAAqB,IAAI,IAAI,CAK5C"}

package/dist/internal/escape-layer/escape-layer.svelte.js

@@ -6,6 +6,15 @@
  */
 import { isBrowser, kbd } from '../helpers/index.js';
 const layerStack = [];
+/**
+ * Behavior is resolved at KEYDOWN time, not mount time, so a layer can pass
+ * `behavior` as a getter and decide per keypress — e.g. the submenu layer
+ * closes only itself when focus lives inside its content, and defers to the
+ * parent menu layer otherwise (APG: Escape closes the menu containing focus).
+ */
+function resolveBehavior(entry) {
+    return entry.state.props.behavior ?? 'close';
+}
 function handleGlobalKeydown(event) {
     if (event.key !== kbd.ESCAPE)
         return;
@@ -14,18 +23,19 @@ function handleGlobalKeydown(event) {
     // Find the topmost layer that should handle the escape
     for (let i = layerStack.length - 1; i >= 0; i--) {
         const entry = layerStack[i];
-        if (entry.behavior === 'close') {
+        const behavior = resolveBehavior(entry);
+        if (behavior === 'close') {
             entry.state.props.onEscapeKeydown?.(event);
             return;
         }
-        if (entry.behavior === 'ignore') {
+        if (behavior === 'ignore') {
             return;
         }
         // 'defer-otherwise-close' — continue to next layer
     }
     // If all layers deferred, the bottom layer handles it
     const bottom = layerStack[0];
-    if (bottom && bottom.behavior === 'defer-otherwise-close') {
+    if (bottom && resolveBehavior(bottom) === 'defer-otherwise-close') {
         bottom.state.props.onEscapeKeydown?.(event);
     }
 }
@@ -39,15 +49,11 @@ export class EscapeLayerState {
             return;
         if (!this.props.enabled)
             return;
-        const entry = {
-            state: this,
-            behavior: this.props.behavior ?? 'close',
-        };
         // Add global listener if this is the first layer
         if (layerStack.length === 0) {
             document.addEventListener('keydown', handleGlobalKeydown, true);
         }
-        layerStack.push(entry);
+        layerStack.push({ state: this });
     }
     unmount() {
         if (!isBrowser)
@@ -61,12 +67,13 @@ export class EscapeLayerState {
             document.removeEventListener('keydown', handleGlobalKeydown, true);
         }
     }
-    /** Update behavior dynamically. */
+    /**
+     * Update behavior dynamically. Writes through to `props.behavior` (behavior
+     * is resolved live at keydown time); only meaningful when `behavior` was
+     * provided as a plain value, not a getter.
+     */
     updateBehavior(behavior) {
-        const entry = layerStack.find((e) => e.state === this);
-        if (entry) {
-            entry.behavior = behavior;
-        }
+        this.props.behavior = behavior;
     }
 }
 /** Reset the layer stack (for testing only). */

package/dist/internal/menu-context/index.d.ts

@@ -1,3 +1,3 @@
-export { getMenuContext, setMenuContext } from './menu-context.svelte.js';
-export type { MenuContext } from './menu-context.svelte.js';
+export { createMenuContext, getMenuContext, getOwnLevelMenuItems, isOwnLevelMenuItem, MENU_SUB_CONTENT_SELECTOR, setMenuContext, } from './menu-context.svelte.js';
+export type { MenuContext, MenuSubHandle } from './menu-context.svelte.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/internal/menu-context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/internal/menu-context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzE,YAAY,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/internal/menu-context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,yBAAyB,EACzB,cAAc,GACf,MAAM,0BAA0B,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/internal/menu-context/index.js

@@ -1 +1 @@
-export { getMenuContext, setMenuContext } from './menu-context.svelte.js';
+export { createMenuContext, getMenuContext, getOwnLevelMenuItems, isOwnLevelMenuItem, MENU_SUB_CONTENT_SELECTOR, setMenuContext, } from './menu-context.svelte.js';

package/dist/internal/menu-context/menu-context.svelte.d.ts

@@ -1,10 +1,72 @@
+import type { Point } from '../grace-area/types.js';
 /**
- * Shared menu context used by both DropdownMenu and ContextMenu.
- * Provides the minimal interface needed by shared sub-components (Item, CheckboxItem, etc.).
+ * Handle a submenu registers on its parent menu level so that sibling
+ * rows can coordinate pointer behavior (macOS/Radix model: hovering
+ * another item of the parent menu closes any open submenu, unless the
+ * pointer is traveling through the submenu's grace area).
+ */
+export interface MenuSubHandle {
+    /** Whether `target` belongs to this submenu (its trigger or its content). */
+    ownsTarget: (target: EventTarget | null) => boolean;
+    /** Whether the pointer is currently traveling through this submenu's grace area. */
+    isPointerInGrace: (point: Point) => boolean;
+    /**
+     * Closes the submenu (pointer path). The submenu still restores focus to
+     * its trigger when keyboard focus was inside its content (mixed modality),
+     * so focus is never orphaned on `document.body`.
+     */
+    closeSub: () => void;
+}
+/**
+ * Shared menu context used by DropdownMenu, ContextMenu and Menubar menus.
+ * Provides the minimal interface needed by shared sub-components
+ * (Item, CheckboxItem, Sub, etc.).
  */
 export interface MenuContext {
     close: () => void;
+    /** Registers a submenu living at this menu level. Returns an unregister fn. */
+    registerSub: (sub: MenuSubHandle) => () => void;
+    /**
+     * Pointer coordination — called on `pointerenter` of any item row at this
+     * level. Closes every registered submenu that neither owns the entered
+     * element nor has the pointer inside its grace area.
+     */
+    onItemEnter: (event: PointerEvent) => void;
+    /**
+     * Single-open-sub invariant (Radix semantics: one open sub per menu level).
+     * Called by a submenu right before it opens: force-closes every OTHER
+     * registered submenu at this level, including one spared by a grace-area
+     * check (its grace tracking and safety timer are cancelled by its
+     * `closeSub`). Covers keyboard opens, which never go through `onItemEnter`.
+     */
+    closeOtherSubs: (keep: MenuSubHandle) => void;
 }
+/**
+ * Builds a `MenuContext` with a per-menu submenu registry.
+ * SSR-safe: no DOM access happens here — only event handlers touch the DOM.
+ */
+export declare function createMenuContext(options: {
+    close: () => void;
+}): MenuContext;
 export declare function setMenuContext(ctx: MenuContext): void;
 export declare function getMenuContext(): MenuContext;
+/** Class hook of the inline submenu content (shared by every menu family). */
+export declare const MENU_SUB_CONTENT_SELECTOR = ".sp-dropdown-menu-sub-content";
+/**
+ * Whether `candidate` belongs to `container`'s own menu level.
+ *
+ * Submenu content renders INLINE inside the parent menu content (no portal),
+ * so a naive `querySelectorAll('[data-roving-focus-item]')` on the parent
+ * leaks the submenu's items into the parent's roving/typeahead collections.
+ * A candidate is "own level" when its closest sub-content ancestor is either
+ * absent, the container itself (items directly inside a sub-content), or
+ * outside the container.
+ */
+export declare function isOwnLevelMenuItem(container: HTMLElement, candidate: HTMLElement): boolean;
+/**
+ * Returns the enabled roving candidates that belong to `container`'s own
+ * menu level (excluding rows nested in an open submenu). Used for roving
+ * focus, typeahead and open-autofocus in every menu content.
+ */
+export declare function getOwnLevelMenuItems(container: HTMLElement): HTMLElement[];
 //# sourceMappingURL=menu-context.svelte.d.ts.map

package/dist/internal/menu-context/menu-context.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-context.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/internal/menu-context/menu-context.svelte.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,CAErD;AAED,wBAAgB,cAAc,IAAI,WAAW,CAE5C"}
+{"version":3,"file":"menu-context.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/internal/menu-context/menu-context.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAMnD;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B,6EAA6E;IAC7E,UAAU,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,OAAO,CAAA;IACnD,oFAAoF;IACpF,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAA;IAC3C;;;;OAIG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,+EAA+E;IAC/E,WAAW,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,MAAM,IAAI,CAAA;IAC/C;;;;OAIG;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IAC1C;;;;;;OAMG;IACH,cAAc,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;CAC9C;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE;IAAE,KAAK,EAAE,MAAM,IAAI,CAAA;CAAE,GAAG,WAAW,CA0B7E;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,CAErD;AAED,wBAAgB,cAAc,IAAI,WAAW,CAE5C;AAED,8EAA8E;AAC9E,eAAO,MAAM,yBAAyB,kCAAkC,CAAA;AAExE;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,GAAG,OAAO,CAG1F;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,WAAW,GAAG,WAAW,EAAE,CAI1E"}