@acusti/dropdown 1.0.0-rc.2 → 1.0.0-rc.4

package/dist/Menubar.d.ts

@@ -1,7 +1,12 @@
-import { type CSSProperties, type ReactNode } from 'react';
+import { type ReactNode } from 'react';
+import type { StyleWithCustomProperties } from './Dropdown.js';
 export type MenubarProps = {
     children: ReactNode;
     className?: string;
-    style?: CSSProperties;
+    /**
+     * Applied to the menubar root element. Also accepts the component’s CSS
+     * custom properties (e.g. `--uktdd-menubar-trigger-bg-color-active`).
+     */
+    style?: StyleWithCustomProperties;
 };
 export default function Menubar({ children, className, style }: MenubarProps): import("react").JSX.Element;

package/dist/helpers.d.ts

@@ -1,7 +1,9 @@
 import { type ReactNode, type SyntheticEvent } from 'react';
 import { type Item } from './Dropdown.js';
+export declare const BODY_SELECTOR = ".uktdropdown-body";
 export declare const ITEM_SELECTOR = "[data-ukt-item], [data-ukt-value]";
 export declare const SUBMENU_SELECTOR = "[data-ukt-submenu]";
+export declare const LIST_CONTAINER_SELECTOR = "menu, ol, ul";
 export declare const FOCUSABLE_SELECTOR = "a[href], button, input, select, textarea, [tabindex]";
 export type OnToggleSubmenu = (item: HTMLElement, isExpanded: boolean) => void;
 type MaybeHTMLElement = HTMLElement | null;
@@ -21,8 +23,7 @@ export declare const getTriggerElement: (dropdownElement: MaybeHTMLElement) => M
 export declare const ensureItemId: (dropdownElement: MaybeHTMLElement, item: HTMLElement) => string;
 export declare const syncActiveDescendant: (dropdownElement: MaybeHTMLElement) => void;
 export declare const clearActiveItems: (dropdownElement: MaybeHTMLElement, scopes: Array<HTMLElement> | HTMLElement) => void;
-export declare const annotateParentItems: (bodyElement: MaybeHTMLElement) => void;
-export declare const annotateItemRoles: (bodyElement: MaybeHTMLElement, popupRole: 'listbox' | 'menu') => void;
+export declare const annotateSubtree: (root: MaybeHTMLElement, popupRole: 'dialog' | 'listbox' | 'menu') => void;
 export declare const expandItem: (item: HTMLElement, onToggleSubmenu?: OnToggleSubmenu) => void;
 export declare const collapseItem: (item: HTMLElement, onToggleSubmenu?: OnToggleSubmenu) => void;
 export declare const collapseItemsOutsidePath: (dropdownElement: MaybeHTMLElement, element: MaybeHTMLElement, onToggleSubmenu?: OnToggleSubmenu) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@acusti/dropdown",
-    "version": "1.0.0-rc.2",
+    "version": "1.0.0-rc.4",
     "description": "React component that renders a dropdown with a trigger and supports searching, keyboard access, and more",
     "keywords": [
         "a11y",
@@ -51,12 +51,13 @@
         "@testing-library/react": "^16.3.2",
         "@testing-library/user-event": "^14.6.1",
         "@types/react": "^19.2.17",
+        "@types/react-dom": "^19",
         "happy-dom": "^20.4.0",
         "react": "^19",
         "react-dom": "^19",
         "typescript": "^7",
         "vite": "^8.0.0-0",
-        "vitest": "^4"
+        "vitest": "^5"
     },
     "peerDependencies": {
         "react": "^19 || ~0.0.0-experimental < 0.0.0-f",