@net-advantage/jo-ui-menu 1.3.0 → 1.3.2

package/README.md

@@ -1,57 +1,57 @@
-# @net-advantage/jo-ui-menu
-
-Menu button for JourneyOf. `DropdownMenu` and `MenuButton` are the same control: a button that opens a menu of actions.
-
-The control follows a strict MVVM split. The model places the menu and resolves keyboard movement. The view-model owns open state, focus, and outside clicks. The view renders the view-model.
-
-Colours, radii, and focus come from `--jo-color-*` and `--jo-radius-*` tokens.
-
-## MVVM
-
-```mermaid
-flowchart LR
-  Props["DropdownMenuProps"] --> ViewModel["useMenuViewModel"]
-  Model["jo-ui-menu.model.ts"] --> ViewModel
-  ViewModel --> View["DropdownMenu.tsx"]
-  View -->|"keys, click, hover"| ViewModel
-  ViewModel -->|"onSelect"| Host["Host application"]
-```
-
-| Layer | File | Responsibility |
-| --- | --- | --- |
-| Contract | [jo-ui-menu.types.ts](src/jo-ui-menu.types.ts) | Props, items, and the menu view-model |
-| Model | [jo-ui-menu.model.ts](src/jo-ui-menu.model.ts) | Class names, enabled indexes, typeahead, and viewport placement |
-| View-model | [jo-ui-menu.view-model.ts](src/jo-ui-menu.view-model.ts) | `useMenuViewModel`: open state, keyboard, focus return, outside click |
-| View | [DropdownMenu.tsx](src/DropdownMenu.tsx) | Render the menu button and the menu |
-
-## Models
-
-```mermaid
-flowchart TD
-  Items["MenuItem[]"] --> Enabled["enabled indexes"]
-  Items --> Typeahead["typeahead match"]
-  Trigger["trigger box"] --> Place["placeMenu"]
-  Viewport["viewport"] --> Place
-  Enabled --> ViewModel["MenuViewModel"]
-  Typeahead --> ViewModel
-  Place --> ViewModel
-```
-
-- The button uses `aria-haspopup="menu"`, `aria-expanded`, and `aria-controls`. The popup is `role="menu"` and each action is `role="menuitem"`.
-- Arrow keys, Home, and End move among enabled items. Typeahead selects by the typed prefix. Enter and Space activate the active item.
-- Escape closes the menu and returns focus to the button. Tab closes the menu and leaves focus movement to the browser.
-- A pointer press outside the control closes the menu. The menu flips above the button and shifts sideways so it stays in the viewport.
-- A disabled item stays visible, exposes `aria-disabled`, and does not activate. `pressed` sets `aria-pressed`. `badge` renders inside the item.
-- `MenuButton` is the same component as `DropdownMenu`.
-
-## Structure
-
-- src: runtime component, model, view-model, types, and companion tests.
-- stories: Storybook stories for light and dark themes.
-
-## Publish footprint
-
-This package publishes only:
-
-- dist
-- README.md
+# @net-advantage/jo-ui-menu
+
+Menu button for JourneyOf. `DropdownMenu` and `MenuButton` are the same control: a button that opens a menu of actions.
+
+The control follows a strict MVVM split. The model places the menu and resolves keyboard movement. The view-model owns open state, focus, and outside clicks. The view renders the view-model.
+
+Colours, radii, and focus come from `--jo-color-*` and `--jo-radius-*` tokens.
+
+## MVVM
+
+```mermaid
+flowchart LR
+  Props["DropdownMenuProps"] --> ViewModel["useMenuViewModel"]
+  Model["jo-ui-menu.model.ts"] --> ViewModel
+  ViewModel --> View["DropdownMenu.tsx"]
+  View -->|"keys, click, hover"| ViewModel
+  ViewModel -->|"onSelect"| Host["Host application"]
+```
+
+| Layer | File | Responsibility |
+| --- | --- | --- |
+| Contract | [jo-ui-menu.types.ts](src/jo-ui-menu.types.ts) | Props, items, and the menu view-model |
+| Model | [jo-ui-menu.model.ts](src/jo-ui-menu.model.ts) | Class names, enabled indexes, typeahead, and viewport placement |
+| View-model | [jo-ui-menu.view-model.ts](src/jo-ui-menu.view-model.ts) | `useMenuViewModel`: open state, keyboard, focus return, outside click |
+| View | [DropdownMenu.tsx](src/DropdownMenu.tsx) | Render the menu button and the menu |
+
+## Models
+
+```mermaid
+flowchart TD
+  Items["MenuItem[]"] --> Enabled["enabled indexes"]
+  Items --> Typeahead["typeahead match"]
+  Trigger["trigger box"] --> Place["placeMenu"]
+  Viewport["viewport"] --> Place
+  Enabled --> ViewModel["MenuViewModel"]
+  Typeahead --> ViewModel
+  Place --> ViewModel
+```
+
+- The button uses `aria-haspopup="menu"`, `aria-expanded`, and `aria-controls`. The popup is `role="menu"` and each action is `role="menuitem"`.
+- Arrow keys, Home, and End move among enabled items. Typeahead selects by the typed prefix. Enter and Space activate the active item.
+- Escape closes the menu and returns focus to the button. Tab closes the menu and leaves focus movement to the browser.
+- A pointer press outside the control closes the menu. The menu flips above the button and shifts sideways so it stays in the viewport.
+- A disabled item stays visible, exposes `aria-disabled`, and does not activate. `pressed` sets `aria-pressed`. `badge` renders inside the item.
+- `MenuButton` is the same component as `DropdownMenu`.
+
+## Structure
+
+- src: runtime component, model, view-model, types, and companion tests.
+- stories: Storybook stories for light and dark themes.
+
+## Publish footprint
+
+This package publishes only:
+
+- dist
+- README.md

package/dist/DropdownMenu.d.ts

@@ -0,0 +1,4 @@
+import type { DropdownMenuProps } from './jo-ui-menu.types';
+import './jo-ui-menu.css';
+export declare function DropdownMenu(props: DropdownMenuProps): import("react").JSX.Element;
+export declare const MenuButton: typeof DropdownMenu;

package/dist/index.cjs

@@ -0,0 +1,6 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports);let t=require("react");function n(e){return[`jo-ui-menu`,e??``].filter(Boolean).join(` `)}function r(e){return[`jo-ui-menu__button`,e??``].filter(Boolean).join(` `)}function i(e,t){return[`jo-ui-menu__item`,e===!0?`jo-ui-menu__item--pressed`:``,t?`jo-ui-menu__item--disabled`:``].filter(Boolean).join(` `)}function a(e){return!e}function o(e){let t=[];return e.forEach((e,n)=>{e.disabled||t.push(n)}),t}function s(e,t,n){if(e.length===0)return-1;let r=e.indexOf(t);if(r<0)return n===1?e[0]:e[e.length-1];let i=r+n;return i<0?e[e.length-1]:i>=e.length?e[0]:e[i]}function c(e,t){return e.length===0?-1:t===`first`?e[0]:e[e.length-1]}function l(e,t,n,r){return n-t>500?r.toLowerCase():`${e}${r}`.toLowerCase()}function u(e,t,n){let r=e.map((e,t)=>({index:t,label:e.label.toLowerCase(),disabled:e.disabled})).filter(e=>!e.disabled);if(r.length===0||t.length===0)return-1;let i=r.findIndex(e=>e.index===n),a=+(t.length===1),o=i<0?0:(i+a)%r.length;for(let e=0;e<r.length;e+=1){let n=r[(o+e)%r.length];if(n.label.startsWith(t))return n.index}return-1}function d(e,t,n,r){return e.length===1&&!t&&!n&&!r}function f(e,t,n,r=8,i=4){let a=n.height-e.bottom-r,o=e.top-r,s=t.height+i>a&&o>a,c=Math.max(0,(s?o:a)-i),l=Math.min(t.height,c),u=s?Math.max(r,e.top-i-l):e.bottom+i,d=e.left;return d+t.width>n.width-r&&(d=n.width-r-t.width),d<r&&(d=r),{top:u,left:d,maxHeight:c}}function p(e,t){return!e||!t||typeof t.nodeType!=`number`?!1:!e.contains(t)}function m(e,t){return e!==null&&e.top===t.top&&e.left===t.left&&e.maxHeight===t.maxHeight}function h(e,t,n,r){let a=e.disabled??!1;return{id:e.id,index:t,label:e.label,disabled:a,badge:e.badge,pressed:e.pressed,icon:e.icon,className:i(e.pressed,a),tabIndex:n&&t===r?0:-1,ariaPressed:e.pressed}}function g(e){let{label:i,disabled:g=!1,className:_,buttonClassName:v,items:y=[],onSelect:b}=e,x=(0,t.useId)(),S=(0,t.useRef)(null),C=(0,t.useRef)(null),w=(0,t.useRef)(null),T=(0,t.useRef)({query:``,at:0}),[E,D]=(0,t.useState)(!1),[O,k]=(0,t.useState)(-1),[A,j]=(0,t.useState)(null),M=(0,t.useRef)(!1);M.current=E;let N=y.map(e=>({id:e.id,label:e.label,disabled:e.disabled??!1})),P=o(N),F=(0,t.useCallback)(e=>{a(g)&&(k(c(P,e)),D(!0))},[g,P]),I=(0,t.useCallback)(e=>{D(!1),e&&C.current?.focus()},[]),L=(0,t.useCallback)(e=>{let t=y[e];t&&a(t.disabled??!1)&&(b?.(t.id),D(!1),C.current?.focus())},[y,b]),R=(0,t.useCallback)(()=>{if(a(g)){if(M.current){D(!1);return}k(c(P,`first`)),D(!0)}},[g,P]),z=(0,t.useCallback)(e=>{if(e.key===`ArrowDown`){e.preventDefault(),F(`first`);return}e.key===`ArrowUp`&&(e.preventDefault(),F(`last`))},[F]),B=(0,t.useCallback)(e=>{if(e.key===`ArrowDown`||e.key===`ArrowUp`){e.preventDefault(),k(t=>s(P,t,e.key===`ArrowDown`?1:-1));return}if(e.key===`Home`||e.key===`End`){e.preventDefault(),k(c(P,e.key===`Home`?`first`:`last`));return}if(e.key===`Enter`||e.key===` `){e.preventDefault(),L(O);return}if(e.key===`Escape`){e.preventDefault(),e.stopPropagation?.(),I(!0);return}if(e.key===`Tab`){I(!1);return}if(!d(e.key,e.ctrlKey===!0,e.metaKey===!0,e.altKey===!0))return;let t=Date.now(),n=l(T.current.query,T.current.at,t,e.key);T.current={query:n,at:t};let r=u(N,n,O);r>=0&&(e.preventDefault(),k(r))},[O,I,P,N,L]),V=(0,t.useCallback)(e=>{let t=y.findIndex(t=>t.id===e);L(t)},[y,L]),H=(0,t.useCallback)(e=>{let t=y.findIndex(t=>t.id===e),n=y[t];n&&!n.disabled&&k(t)},[y]);return(0,t.useLayoutEffect)(()=>{if(!E)return;let e=w.current;if(!e)return;let t=e.querySelector(`[data-menu-index="${O}"]`);if(t){t.focus();return}e.focus()},[O,E]),(0,t.useLayoutEffect)(()=>{if(!E)return;let e=()=>{let e=C.current,t=w.current;if(!e||!t)return;let n=f(e.getBoundingClientRect(),{width:t.offsetWidth,height:t.offsetHeight},{width:window.innerWidth,height:window.innerHeight});j(e=>m(e,n)?e:n)};return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[E,y]),(0,t.useEffect)(()=>{if(!E)return;let e=e=>{p(S.current,e.target)&&D(!1)};return document.addEventListener(`pointerdown`,e,!0),()=>document.removeEventListener(`pointerdown`,e,!0)},[E]),{label:i,disabled:g,open:E,menuId:x,rootClassName:n(_),buttonClassName:r(v),menuClassName:`jo-ui-menu__list`,menuStyle:{position:`fixed`,top:A?.top??0,left:A?.left??0,maxHeight:A?.maxHeight},items:y.map((e,t)=>h(e,t,E,O)),rootRef:S,buttonRef:C,menuRef:w,onButtonClick:R,onButtonKeyDown:z,onMenuKeyDown:B,onItemClick:V,onItemHover:H}}var _=e((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.fragment`);function r(e,n,r){var i=null;if(r!==void 0&&(i=``+r),n.key!==void 0&&(i=``+n.key),`key`in n)for(var a in r={},n)a!==`key`&&(r[a]=n[a]);else r=n;return n=r.ref,{$$typeof:t,type:e,key:i,ref:n===void 0?null:n,props:r}}e.Fragment=n,e.jsx=r,e.jsxs=r})),v=e((e=>{process.env.NODE_ENV!==`production`&&(function(){function t(e){if(e==null)return null;if(typeof e==`function`)return e.$$typeof===k?null:e.displayName||e.name||null;if(typeof e==`string`)return e;switch(e){case _:return`Fragment`;case y:return`Profiler`;case v:return`StrictMode`;case C:return`Suspense`;case w:return`SuspenseList`;case D:return`Activity`;case O:return`ViewTransition`}if(typeof e==`object`)switch(typeof e.tag==`number`&&console.error(`Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.`),e.$$typeof){case g:return`Portal`;case x:return e.displayName||`Context`;case b:return(e._context.displayName||`Context`)+`.Consumer`;case S:var n=e.render;return e=e.displayName,e||=(e=n.displayName||n.name||``,e===``?`ForwardRef`:`ForwardRef(`+e+`)`),e;case T:return n=e.displayName||null,n===null?t(e.type)||`Memo`:n;case E:n=e._payload,e=e._init;try{return t(e(n))}catch{}}return null}function n(e){return``+e}function r(e){try{n(e);var t=!1}catch{t=!0}if(t){t=console;var r=t.error,i=typeof Symbol==`function`&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||`Object`;return r.call(t,`The provided key is an unsupported type %s. This value must be coerced to a string before using it here.`,i),n(e)}}function i(e){if(e===_)return`<>`;if(typeof e==`object`&&e&&e.$$typeof===E)return`<...>`;try{var n=t(e);return n?`<`+n+`>`:`<...>`}catch{return`<...>`}}function a(){var e=A.A;return e===null?null:e.getOwner()}function o(){return Error(`react-stack-top-frame`)}function s(e){if(j.call(e,`key`)){var t=Object.getOwnPropertyDescriptor(e,`key`).get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function c(e,t){function n(){P||(P=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}function l(){var e=t(this.type);return F[e]||(F[e]=!0,console.error(`Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.`)),e=this.props.ref,e===void 0?null:e}function u(e,t,n,r,i,a){var o=n.ref;return e={$$typeof:h,type:e,key:t,props:n,_owner:r},(o===void 0?null:o)===null?Object.defineProperty(e,"ref",{enumerable:!1,value:null}):Object.defineProperty(e,"ref",{enumerable:!1,get:l}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:i}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:a}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function d(e,n,i,o,l,d){var p=n.children;if(p!==void 0){if(o){if(M(p)){for(o=0;o<p.length;o++)f(p[o]);Object.freeze&&Object.freeze(p)}else console.error(`React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.`)}else f(p)}if(j.call(n,`key`)){p=t(e);var m=Object.keys(n).filter(function(e){return e!==`key`});o=0<m.length?`{key: someKey, `+m.join(`: ..., `)+`: ...}`:`{key: someKey}`,R[p+o]||(m=0<m.length?`{`+m.join(`: ..., `)+`: ...}`:`{}`,console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,o,p,m,p),R[p+o]=!0)}if(p=null,i!==void 0&&(r(i),p=``+i),s(n)&&(r(n.key),p=``+n.key),`key`in n)for(var h in i={},n)h!==`key`&&(i[h]=n[h]);else i=n;return p&&c(i,typeof e==`function`?e.displayName||e.name||`Unknown`:e),u(e,p,i,a(),l,d)}function f(e){p(e)?e._store&&(e._store.validated=1):typeof e==`object`&&e&&e.$$typeof===E&&(e._payload.status===`fulfilled`?p(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function p(e){return typeof e==`object`&&!!e&&e.$$typeof===h}var m=require("react"),h=Symbol.for(`react.transitional.element`),g=Symbol.for(`react.portal`),_=Symbol.for(`react.fragment`),v=Symbol.for(`react.strict_mode`),y=Symbol.for(`react.profiler`),b=Symbol.for(`react.consumer`),x=Symbol.for(`react.context`),S=Symbol.for(`react.forward_ref`),C=Symbol.for(`react.suspense`),w=Symbol.for(`react.suspense_list`),T=Symbol.for(`react.memo`),E=Symbol.for(`react.lazy`),D=Symbol.for(`react.activity`),O=Symbol.for(`react.view_transition`),k=Symbol.for(`react.client.reference`),A=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,j=Object.prototype.hasOwnProperty,M=Array.isArray,N=console.createTask?console.createTask:function(){return null};m={react_stack_bottom_frame:function(e){return e()}};var P,F={},I=m.react_stack_bottom_frame.bind(m,o)(),L=N(i(o)),R={};e.Fragment=_,e.jsx=function(e,t,n){var r=1e4>A.recentlyCreatedOwnerStacks++;if(r){var a=Error.stackTraceLimit;Error.stackTraceLimit=10;var o=Error(`react-stack-top-frame`);Error.stackTraceLimit=a}else o=I;return d(e,t,n,!1,o,r?N(i(e)):L)},e.jsxs=function(e,t,n){var r=1e4>A.recentlyCreatedOwnerStacks++;if(r){var a=Error.stackTraceLimit;Error.stackTraceLimit=10;var o=Error(`react-stack-top-frame`);Error.stackTraceLimit=a}else o=I;return d(e,t,n,!0,o,r?N(i(e)):L)}})()})),y=e(((e,t)=>{t.exports=process.env.NODE_ENV===`production`?_():v()}))();function b(e){let t=g(e);return(0,y.jsxs)(`div`,{ref:t.rootRef,className:t.rootClassName,children:[(0,y.jsx)(`button`,{ref:t.buttonRef,type:`button`,className:t.buttonClassName,disabled:t.disabled,"aria-haspopup":`menu`,"aria-expanded":t.open,"aria-controls":t.menuId,onClick:t.onButtonClick,onKeyDown:t.onButtonKeyDown,children:t.label}),(0,y.jsx)(`div`,{ref:t.menuRef,id:t.menuId,role:`menu`,"aria-label":t.label,hidden:!t.open||void 0,tabIndex:-1,className:t.menuClassName,style:t.menuStyle,onKeyDown:t.onMenuKeyDown,children:t.items.map(e=>(0,y.jsxs)(`button`,{type:`button`,role:`menuitem`,"data-menu-index":e.index,className:e.className,tabIndex:e.tabIndex,"aria-disabled":e.disabled||void 0,"aria-pressed":e.ariaPressed,onClick:()=>t.onItemClick(e.id),onMouseEnter:()=>t.onItemHover(e.id),children:[e.icon?(0,y.jsx)(`span`,{className:`jo-ui-menu__icon`,"aria-hidden":`true`,children:e.icon}):null,(0,y.jsx)(`span`,{className:`jo-ui-menu__label`,children:e.label}),e.badge?(0,y.jsx)(`span`,{className:`jo-ui-menu__badge`,children:e.badge}):null]},e.id))})]})}var x=b;exports.DropdownMenu=b,exports.MenuButton=x,exports.menuButtonClassName=r;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { DropdownMenu, MenuButton } from './DropdownMenu';
+export { menuButtonClassName } from './jo-ui-menu.model';
+export type { DropdownMenuProps, MenuButtonProps, MenuItem, MenuItemViewModel, MenuPosition, MenuViewModel, } from './jo-ui-menu.types';

package/dist/index.js

@@ -0,0 +1,471 @@
+import "./jo-ui-menu.css";
+import { useCallback as e, useEffect as t, useId as n, useLayoutEffect as r, useRef as i, useState as a } from "react";
+//#region \0rolldown/runtime.js
+var o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+	if (typeof require < "u") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+function c(e) {
+	return ["jo-ui-menu", e ?? ""].filter(Boolean).join(" ");
+}
+function l(e) {
+	return ["jo-ui-menu__button", e ?? ""].filter(Boolean).join(" ");
+}
+function u(e, t) {
+	return [
+		"jo-ui-menu__item",
+		e === !0 ? "jo-ui-menu__item--pressed" : "",
+		t ? "jo-ui-menu__item--disabled" : ""
+	].filter(Boolean).join(" ");
+}
+function d(e) {
+	return !e;
+}
+function f(e) {
+	let t = [];
+	return e.forEach((e, n) => {
+		e.disabled || t.push(n);
+	}), t;
+}
+function p(e, t, n) {
+	if (e.length === 0) return -1;
+	let r = e.indexOf(t);
+	if (r < 0) return n === 1 ? e[0] : e[e.length - 1];
+	let i = r + n;
+	return i < 0 ? e[e.length - 1] : i >= e.length ? e[0] : e[i];
+}
+function m(e, t) {
+	return e.length === 0 ? -1 : t === "first" ? e[0] : e[e.length - 1];
+}
+function h(e, t, n, r) {
+	return n - t > 500 ? r.toLowerCase() : `${e}${r}`.toLowerCase();
+}
+function g(e, t, n) {
+	let r = e.map((e, t) => ({
+		index: t,
+		label: e.label.toLowerCase(),
+		disabled: e.disabled
+	})).filter((e) => !e.disabled);
+	if (r.length === 0 || t.length === 0) return -1;
+	let i = r.findIndex((e) => e.index === n), a = +(t.length === 1), o = i < 0 ? 0 : (i + a) % r.length;
+	for (let e = 0; e < r.length; e += 1) {
+		let n = r[(o + e) % r.length];
+		if (n.label.startsWith(t)) return n.index;
+	}
+	return -1;
+}
+function _(e, t, n, r) {
+	return e.length === 1 && !t && !n && !r;
+}
+function v(e, t, n, r = 8, i = 4) {
+	let a = n.height - e.bottom - r, o = e.top - r, s = t.height + i > a && o > a, c = Math.max(0, (s ? o : a) - i), l = Math.min(t.height, c), u = s ? Math.max(r, e.top - i - l) : e.bottom + i, d = e.left;
+	return d + t.width > n.width - r && (d = n.width - r - t.width), d < r && (d = r), {
+		top: u,
+		left: d,
+		maxHeight: c
+	};
+}
+function y(e, t) {
+	return !e || !t || typeof t.nodeType != "number" ? !1 : !e.contains(t);
+}
+function b(e, t) {
+	return e !== null && e.top === t.top && e.left === t.left && e.maxHeight === t.maxHeight;
+}
+function x(e, t, n, r) {
+	let i = e.disabled ?? !1;
+	return {
+		id: e.id,
+		index: t,
+		label: e.label,
+		disabled: i,
+		badge: e.badge,
+		pressed: e.pressed,
+		icon: e.icon,
+		className: u(e.pressed, i),
+		tabIndex: n && t === r ? 0 : -1,
+		ariaPressed: e.pressed
+	};
+}
+//#endregion
+//#region src/jo-ui-menu.view-model.ts
+function S(o) {
+	let { label: s, disabled: u = !1, className: S, buttonClassName: C, items: w = [], onSelect: T } = o, E = n(), D = i(null), O = i(null), k = i(null), A = i({
+		query: "",
+		at: 0
+	}), [j, M] = a(!1), [N, P] = a(-1), [F, I] = a(null), L = i(!1);
+	L.current = j;
+	let R = w.map((e) => ({
+		id: e.id,
+		label: e.label,
+		disabled: e.disabled ?? !1
+	})), z = f(R), B = e((e) => {
+		d(u) && (P(m(z, e)), M(!0));
+	}, [u, z]), V = e((e) => {
+		M(!1), e && O.current?.focus();
+	}, []), H = e((e) => {
+		let t = w[e];
+		t && d(t.disabled ?? !1) && (T?.(t.id), M(!1), O.current?.focus());
+	}, [w, T]), U = e(() => {
+		if (d(u)) {
+			if (L.current) {
+				M(!1);
+				return;
+			}
+			P(m(z, "first")), M(!0);
+		}
+	}, [u, z]), W = e((e) => {
+		if (e.key === "ArrowDown") {
+			e.preventDefault(), B("first");
+			return;
+		}
+		e.key === "ArrowUp" && (e.preventDefault(), B("last"));
+	}, [B]), G = e((e) => {
+		if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+			e.preventDefault(), P((t) => p(z, t, e.key === "ArrowDown" ? 1 : -1));
+			return;
+		}
+		if (e.key === "Home" || e.key === "End") {
+			e.preventDefault(), P(m(z, e.key === "Home" ? "first" : "last"));
+			return;
+		}
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault(), H(N);
+			return;
+		}
+		if (e.key === "Escape") {
+			e.preventDefault(), e.stopPropagation?.(), V(!0);
+			return;
+		}
+		if (e.key === "Tab") {
+			V(!1);
+			return;
+		}
+		if (!_(e.key, e.ctrlKey === !0, e.metaKey === !0, e.altKey === !0)) return;
+		let t = Date.now(), n = h(A.current.query, A.current.at, t, e.key);
+		A.current = {
+			query: n,
+			at: t
+		};
+		let r = g(R, n, N);
+		r >= 0 && (e.preventDefault(), P(r));
+	}, [
+		N,
+		V,
+		z,
+		R,
+		H
+	]), K = e((e) => {
+		let t = w.findIndex((t) => t.id === e);
+		H(t);
+	}, [w, H]), q = e((e) => {
+		let t = w.findIndex((t) => t.id === e), n = w[t];
+		n && !n.disabled && P(t);
+	}, [w]);
+	return r(() => {
+		if (!j) return;
+		let e = k.current;
+		if (!e) return;
+		let t = e.querySelector(`[data-menu-index="${N}"]`);
+		if (t) {
+			t.focus();
+			return;
+		}
+		e.focus();
+	}, [N, j]), r(() => {
+		if (!j) return;
+		let e = () => {
+			let e = O.current, t = k.current;
+			if (!e || !t) return;
+			let n = v(e.getBoundingClientRect(), {
+				width: t.offsetWidth,
+				height: t.offsetHeight
+			}, {
+				width: window.innerWidth,
+				height: window.innerHeight
+			});
+			I((e) => b(e, n) ? e : n);
+		};
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, [j, w]), t(() => {
+		if (!j) return;
+		let e = (e) => {
+			y(D.current, e.target) && M(!1);
+		};
+		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
+	}, [j]), {
+		label: s,
+		disabled: u,
+		open: j,
+		menuId: E,
+		rootClassName: c(S),
+		buttonClassName: l(C),
+		menuClassName: "jo-ui-menu__list",
+		menuStyle: {
+			position: "fixed",
+			top: F?.top ?? 0,
+			left: F?.left ?? 0,
+			maxHeight: F?.maxHeight
+		},
+		items: w.map((e, t) => x(e, t, j, N)),
+		rootRef: D,
+		buttonRef: O,
+		menuRef: k,
+		onButtonClick: U,
+		onButtonKeyDown: W,
+		onMenuKeyDown: G,
+		onItemClick: K,
+		onItemHover: q
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react@19.3.0/node_modules/react/cjs/react-jsx-runtime.production.js
+var C = /* @__PURE__ */ o(((e) => {
+	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+	function r(e, n, r) {
+		var i = null;
+		if (r !== void 0 && (i = "" + r), n.key !== void 0 && (i = "" + n.key), "key" in n) for (var a in r = {}, n) a !== "key" && (r[a] = n[a]);
+		else r = n;
+		return n = r.ref, {
+			$$typeof: t,
+			type: e,
+			key: i,
+			ref: n === void 0 ? null : n,
+			props: r
+		};
+	}
+	e.Fragment = n, e.jsx = r, e.jsxs = r;
+})), w = /* @__PURE__ */ o(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		function t(e) {
+			if (e == null) return null;
+			if (typeof e == "function") return e.$$typeof === A ? null : e.displayName || e.name || null;
+			if (typeof e == "string") return e;
+			switch (e) {
+				case v: return "Fragment";
+				case b: return "Profiler";
+				case y: return "StrictMode";
+				case w: return "Suspense";
+				case T: return "SuspenseList";
+				case O: return "Activity";
+				case k: return "ViewTransition";
+			}
+			if (typeof e == "object") switch (typeof e.tag == "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), e.$$typeof) {
+				case _: return "Portal";
+				case S: return e.displayName || "Context";
+				case x: return (e._context.displayName || "Context") + ".Consumer";
+				case C:
+					var n = e.render;
+					return e = e.displayName, e ||= (e = n.displayName || n.name || "", e === "" ? "ForwardRef" : "ForwardRef(" + e + ")"), e;
+				case E: return n = e.displayName || null, n === null ? t(e.type) || "Memo" : n;
+				case D:
+					n = e._payload, e = e._init;
+					try {
+						return t(e(n));
+					} catch {}
+			}
+			return null;
+		}
+		function n(e) {
+			return "" + e;
+		}
+		function r(e) {
+			try {
+				n(e);
+				var t = !1;
+			} catch {
+				t = !0;
+			}
+			if (t) {
+				t = console;
+				var r = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+				return r.call(t, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", i), n(e);
+			}
+		}
+		function i(e) {
+			if (e === v) return "<>";
+			if (typeof e == "object" && e && e.$$typeof === D) return "<...>";
+			try {
+				var n = t(e);
+				return n ? "<" + n + ">" : "<...>";
+			} catch {
+				return "<...>";
+			}
+		}
+		function a() {
+			var e = j.A;
+			return e === null ? null : e.getOwner();
+		}
+		function o() {
+			return Error("react-stack-top-frame");
+		}
+		function c(e) {
+			if (M.call(e, "key")) {
+				var t = Object.getOwnPropertyDescriptor(e, "key").get;
+				if (t && t.isReactWarning) return !1;
+			}
+			return e.key !== void 0;
+		}
+		function l(e, t) {
+			function n() {
+				F || (F = !0, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", t));
+			}
+			n.isReactWarning = !0, Object.defineProperty(e, "key", {
+				get: n,
+				configurable: !0
+			});
+		}
+		function u() {
+			var e = t(this.type);
+			return I[e] || (I[e] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")), e = this.props.ref, e === void 0 ? null : e;
+		}
+		function d(e, t, n, r, i, a) {
+			var o = n.ref;
+			return e = {
+				$$typeof: g,
+				type: e,
+				key: t,
+				props: n,
+				_owner: r
+			}, (o === void 0 ? null : o) === null ? Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				value: null
+			}) : Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				get: u
+			}), e._store = {}, Object.defineProperty(e._store, "validated", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: 0
+			}), Object.defineProperty(e, "_debugInfo", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: null
+			}), Object.defineProperty(e, "_debugStack", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: i
+			}), Object.defineProperty(e, "_debugTask", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: a
+			}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+		}
+		function f(e, n, i, o, s, u) {
+			var f = n.children;
+			if (f !== void 0) {
+				if (o) {
+					if (N(f)) {
+						for (o = 0; o < f.length; o++) p(f[o]);
+						Object.freeze && Object.freeze(f);
+					} else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+				} else p(f);
+			}
+			if (M.call(n, "key")) {
+				f = t(e);
+				var m = Object.keys(n).filter(function(e) {
+					return e !== "key";
+				});
+				o = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", z[f + o] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", o, f, m, f), z[f + o] = !0);
+			}
+			if (f = null, i !== void 0 && (r(i), f = "" + i), c(n) && (r(n.key), f = "" + n.key), "key" in n) for (var h in i = {}, n) h !== "key" && (i[h] = n[h]);
+			else i = n;
+			return f && l(i, typeof e == "function" ? e.displayName || e.name || "Unknown" : e), d(e, f, i, a(), s, u);
+		}
+		function p(e) {
+			m(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e && e.$$typeof === D && (e._payload.status === "fulfilled" ? m(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+		}
+		function m(e) {
+			return typeof e == "object" && !!e && e.$$typeof === g;
+		}
+		var h = s("react"), g = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), S = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), T = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), k = Symbol.for("react.view_transition"), A = Symbol.for("react.client.reference"), j = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, N = Array.isArray, P = console.createTask ? console.createTask : function() {
+			return null;
+		};
+		h = { react_stack_bottom_frame: function(e) {
+			return e();
+		} };
+		var F, I = {}, L = h.react_stack_bottom_frame.bind(h, o)(), R = P(i(o)), z = {};
+		e.Fragment = v, e.jsx = function(e, t, n) {
+			var r = 1e4 > j.recentlyCreatedOwnerStacks++;
+			if (r) {
+				var a = Error.stackTraceLimit;
+				Error.stackTraceLimit = 10;
+				var o = Error("react-stack-top-frame");
+				Error.stackTraceLimit = a;
+			} else o = L;
+			return f(e, t, n, !1, o, r ? P(i(e)) : R);
+		}, e.jsxs = function(e, t, n) {
+			var r = 1e4 > j.recentlyCreatedOwnerStacks++;
+			if (r) {
+				var a = Error.stackTraceLimit;
+				Error.stackTraceLimit = 10;
+				var o = Error("react-stack-top-frame");
+				Error.stackTraceLimit = a;
+			} else o = L;
+			return f(e, t, n, !0, o, r ? P(i(e)) : R);
+		};
+	})();
+})), T = (/* @__PURE__ */ o(((e, t) => {
+	t.exports = process.env.NODE_ENV === "production" ? C() : w();
+})))();
+function E(e) {
+	let t = S(e);
+	return /* @__PURE__ */ (0, T.jsxs)("div", {
+		ref: t.rootRef,
+		className: t.rootClassName,
+		children: [/* @__PURE__ */ (0, T.jsx)("button", {
+			ref: t.buttonRef,
+			type: "button",
+			className: t.buttonClassName,
+			disabled: t.disabled,
+			"aria-haspopup": "menu",
+			"aria-expanded": t.open,
+			"aria-controls": t.menuId,
+			onClick: t.onButtonClick,
+			onKeyDown: t.onButtonKeyDown,
+			children: t.label
+		}), /* @__PURE__ */ (0, T.jsx)("div", {
+			ref: t.menuRef,
+			id: t.menuId,
+			role: "menu",
+			"aria-label": t.label,
+			hidden: !t.open || void 0,
+			tabIndex: -1,
+			className: t.menuClassName,
+			style: t.menuStyle,
+			onKeyDown: t.onMenuKeyDown,
+			children: t.items.map((e) => /* @__PURE__ */ (0, T.jsxs)("button", {
+				type: "button",
+				role: "menuitem",
+				"data-menu-index": e.index,
+				className: e.className,
+				tabIndex: e.tabIndex,
+				"aria-disabled": e.disabled || void 0,
+				"aria-pressed": e.ariaPressed,
+				onClick: () => t.onItemClick(e.id),
+				onMouseEnter: () => t.onItemHover(e.id),
+				children: [
+					e.icon ? /* @__PURE__ */ (0, T.jsx)("span", {
+						className: "jo-ui-menu__icon",
+						"aria-hidden": "true",
+						children: e.icon
+					}) : null,
+					/* @__PURE__ */ (0, T.jsx)("span", {
+						className: "jo-ui-menu__label",
+						children: e.label
+					}),
+					e.badge ? /* @__PURE__ */ (0, T.jsx)("span", {
+						className: "jo-ui-menu__badge",
+						children: e.badge
+					}) : null
+				]
+			}, e.id))
+		})]
+	});
+}
+var D = E;
+//#endregion
+export { E as DropdownMenu, D as MenuButton, l as menuButtonClassName };

package/dist/jo-ui-menu.css

@@ -0,0 +1,2 @@
+.jo-ui-menu{--jo-ui-menu-bg:var(--jo-color-surface);--jo-ui-menu-fg:var(--jo-color-text);--jo-ui-menu-muted:var(--jo-color-text-muted);--jo-ui-menu-border:var(--jo-color-border);--jo-ui-menu-accent:var(--jo-color-accent);--jo-ui-menu-accent-contrast:var(--jo-color-accent-contrast);--jo-ui-menu-surface-alt:var(--jo-color-surface-alt);--jo-ui-menu-danger:var(--jo-color-danger);display:inline-flex;position:relative}.jo-ui-menu__button{border:1px solid var(--jo-ui-menu-border);border-radius:var(--jo-radius-control,12px);background:var(--jo-ui-menu-bg);min-height:2.5rem;color:var(--jo-ui-menu-fg);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex}.jo-ui-menu__button:disabled{cursor:not-allowed;opacity:.65}.jo-ui-menu__button:focus-visible,.jo-ui-menu__item:focus-visible{outline:2px solid var(--jo-color-focus);outline-offset:2px}.jo-ui-menu__list{z-index:40;border:1px solid var(--jo-ui-menu-border);border-radius:var(--jo-radius-control,12px);background:var(--jo-ui-menu-bg);min-width:12rem;color:var(--jo-ui-menu-fg);flex-direction:column;gap:2px;padding:.375rem;display:flex;overflow:auto;box-shadow:0 12px 32px #0f172a29}.jo-ui-menu__list[hidden]{display:none}.jo-ui-menu__item{border-radius:var(--jo-radius-sm,6px);width:100%;min-height:2.5rem;color:var(--jo-ui-menu-fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:0 .75rem;font-size:.875rem;display:flex}.jo-ui-menu__item:focus-visible,.jo-ui-menu__item:hover{background:var(--jo-ui-menu-surface-alt)}.jo-ui-menu__item--pressed,.jo-ui-menu__item[aria-pressed=true]{background:var(--jo-ui-menu-accent);color:var(--jo-ui-menu-accent-contrast)}.jo-ui-menu__item--disabled,.jo-ui-menu__item[aria-disabled=true]{cursor:not-allowed;opacity:.5}.jo-ui-menu__label{flex:auto;min-width:0}.jo-ui-menu__icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.jo-ui-menu__icon,.jo-ui-menu__icon svg{width:1rem;height:1rem}.jo-ui-menu__badge{border-radius:var(--jo-radius-sm,6px);background:var(--jo-ui-menu-danger);min-width:1.25rem;height:1.25rem;color:var(--jo-color-on-scrim,#fff);flex:none;justify-content:center;align-items:center;padding:0 .25rem;font-size:.6875rem;font-weight:700;line-height:1;display:inline-flex}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.flex{display:flex}.hidden{display:none}.resize{resize:both}.border{border-width:1px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}
+/*$vite$:1*/

package/dist/jo-ui-menu.model.d.ts

@@ -0,0 +1,46 @@
+import type { MenuItemViewModel, MenuPosition } from './jo-ui-menu.types';
+export declare const TYPEAHEAD_RESET_MS = 500;
+export declare const MENU_VIEWPORT_MARGIN = 8;
+export declare const MENU_GAP = 4;
+export interface MenuBox {
+    readonly top: number;
+    readonly left: number;
+    readonly right: number;
+    readonly bottom: number;
+    readonly width: number;
+    readonly height: number;
+}
+export declare function menuRootClassName(className?: string): string;
+export declare function menuButtonClassName(className?: string): string;
+export declare function menuItemClassName(pressed: boolean | undefined, disabled: boolean): string;
+export declare function canActivate(disabled: boolean): boolean;
+export declare function enabledIndexes(items: readonly {
+    readonly disabled: boolean;
+}[]): number[];
+export declare function moveIndex(enabled: readonly number[], current: number, direction: 1 | -1): number;
+export declare function endIndex(enabled: readonly number[], which: 'first' | 'last'): number;
+export declare function typeaheadQuery(previous: string, previousAt: number, now: number, char: string): string;
+export declare function typeaheadIndex(items: readonly {
+    readonly label: string;
+    readonly disabled: boolean;
+}[], query: string, fromIndex: number): number;
+export declare function isTypeaheadKey(key: string, ctrl: boolean, meta: boolean, alt: boolean): boolean;
+export declare function placeMenu(trigger: MenuBox, menu: {
+    readonly width: number;
+    readonly height: number;
+}, viewport: {
+    readonly width: number;
+    readonly height: number;
+}, margin?: number, gap?: number): MenuPosition;
+export declare function isOutsideMenu(root: {
+    contains: (node: Node) => boolean;
+} | null, target: EventTarget | null): boolean;
+export declare function sameMenuPosition(current: MenuPosition | null, next: MenuPosition): boolean;
+export declare function toMenuItemViewModel(item: {
+    readonly id: string;
+    readonly label: string;
+    readonly disabled?: boolean;
+    readonly badge?: string;
+    readonly pressed?: boolean;
+    readonly icon?: MenuItemViewModel['icon'];
+}, index: number, open: boolean, activeIndex: number): MenuItemViewModel;

package/dist/jo-ui-menu.types.d.ts

@@ -0,0 +1,63 @@
+import type { CSSProperties, ReactNode, RefObject } from 'react';
+export interface MenuItem {
+    readonly id: string;
+    readonly label: string;
+    readonly disabled?: boolean;
+    readonly badge?: string;
+    readonly pressed?: boolean;
+    readonly icon?: ReactNode;
+}
+export interface DropdownMenuProps {
+    readonly id?: string;
+    readonly label: string;
+    readonly disabled?: boolean;
+    readonly className?: string;
+    readonly buttonClassName?: string;
+    readonly items?: readonly MenuItem[];
+    readonly onSelect?: (itemId: string) => void;
+}
+export type MenuButtonProps = DropdownMenuProps;
+export interface MenuItemViewModel {
+    readonly id: string;
+    readonly index: number;
+    readonly label: string;
+    readonly disabled: boolean;
+    readonly badge?: string;
+    readonly pressed?: boolean;
+    readonly icon?: ReactNode;
+    readonly className: string;
+    readonly tabIndex: number;
+    readonly ariaPressed: boolean | undefined;
+}
+export interface MenuPosition {
+    readonly top: number;
+    readonly left: number;
+    readonly maxHeight: number;
+}
+export interface MenuKeyEvent {
+    readonly key: string;
+    readonly ctrlKey?: boolean;
+    readonly metaKey?: boolean;
+    readonly altKey?: boolean;
+    preventDefault: () => void;
+    stopPropagation?: () => void;
+}
+export interface MenuViewModel {
+    readonly label: string;
+    readonly disabled: boolean;
+    readonly open: boolean;
+    readonly menuId: string;
+    readonly rootClassName: string;
+    readonly buttonClassName: string;
+    readonly menuClassName: string;
+    readonly menuStyle: CSSProperties;
+    readonly items: readonly MenuItemViewModel[];
+    readonly rootRef: RefObject<HTMLDivElement | null>;
+    readonly buttonRef: RefObject<HTMLButtonElement | null>;
+    readonly menuRef: RefObject<HTMLDivElement | null>;
+    readonly onButtonClick: () => void;
+    readonly onButtonKeyDown: (event: MenuKeyEvent) => void;
+    readonly onMenuKeyDown: (event: MenuKeyEvent) => void;
+    readonly onItemClick: (itemId: string) => void;
+    readonly onItemHover: (itemId: string) => void;
+}

package/dist/jo-ui-menu.view-model.d.ts

@@ -0,0 +1,2 @@
+import type { DropdownMenuProps, MenuViewModel } from './jo-ui-menu.types';
+export declare function useMenuViewModel(props: DropdownMenuProps): MenuViewModel;

package/package.json

@@ -1,43 +1,43 @@
-{
-  "name": "@net-advantage/jo-ui-menu",
-  "version": "1.3.0",
-  "private": false,
-  "type": "module",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    },
-    "./style.css": "./dist/jo-ui-menu.css"
-  },
-  "files": [
-    "dist",
-    "README.md"
-  ],
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
-  "scripts": {
-    "build": "pnpm run build:styles && pnpm run build:js && pnpm run build:types",
-    "build:styles": "pnpm exec tailwindcss -c ../../tailwind.controls.config.cjs -i ./src/jo-ui-menu.tailwind.css -o ./src/jo-ui-menu.css --minify",
-    "build:types": "tsc -p tsconfig.build.json",
-    "build:js": "vite build",
-    "test": "vitest run"
-  },
-  "devDependencies": {
-    "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.7",
-    "typescript": "~6.0.2",
-    "vite": "^8.3.0",
-    "vitest": "5.0.2",
-    "@vitejs/plugin-react": "^6.1.1"
-  }
-}
+{
+  "name": "@net-advantage/jo-ui-menu",
+  "version": "1.3.2",
+  "private": false,
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./style.css": "./dist/jo-ui-menu.css"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.7",
+    "typescript": "~6.0.2",
+    "vite": "^8.3.0",
+    "vitest": "5.0.2",
+    "@vitejs/plugin-react": "^6.1.1"
+  },
+  "scripts": {
+    "build": "pnpm run build:styles && pnpm run build:js && pnpm run build:types",
+    "build:styles": "pnpm exec tailwindcss -c ../../tailwind.controls.config.cjs -i ./src/jo-ui-menu.tailwind.css -o ./src/jo-ui-menu.css --minify",
+    "build:types": "tsc -p tsconfig.build.json",
+    "build:js": "vite build",
+    "test": "vitest run"
+  }
+}