@smwb/ui-solid 0.12.1 → 0.14.0

package/dist/components/navigation/commandPalette/commandPaletteNavigation.js

@@ -0,0 +1,38 @@
+function c(e, o) {
+  for (let t = 0; t < e; t++)
+    if (o(t))
+      return t;
+  return -1;
+}
+function u(e, o) {
+  for (let t = e - 1; t >= 0; t--)
+    if (o(t))
+      return t;
+  return -1;
+}
+function p(e, o, t, n) {
+  if (t < 0)
+    return n > 0 ? c(e, o) : u(e, o);
+  const i = n > 0 ? 1 : -1;
+  let l = t, f = Math.abs(n);
+  for (let r = t + i; r >= 0 && r < e && f > 0; r += i)
+    o(r) && (l = r, f--);
+  return l;
+}
+function g(e, o) {
+  for (let t = e.parentElement; t; t = t.parentElement) {
+    if (t.scrollHeight > t.clientHeight) {
+      const n = t.getBoundingClientRect(), i = e.getBoundingClientRect();
+      i.top < n.top ? t.scrollTop -= n.top - i.top : i.bottom > n.bottom && (t.scrollTop += i.bottom - n.bottom);
+    }
+    if (t === o)
+      break;
+  }
+}
+export {
+  c as firstOption,
+  g as keepInView,
+  u as lastOption,
+  p as moveOption
+};
+//# sourceMappingURL=commandPaletteNavigation.js.map

package/dist/components/navigation/commandPalette/commandPaletteNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commandPaletteNavigation.js","sources":["../../../../src/components/navigation/commandPalette/commandPaletteNavigation.ts"],"sourcesContent":["// Moves of the active option over the palette's options, by index in the order they are drawn.\n// A disabled option is passed over. A copy of the helpers of the select field's listbox: importing\n// them from there would make the palette depend on the select field's styles.\n\nexport type IsOptionEnabled = (index: number) => boolean;\n\n/** The first enabled option, or -1. */\nexport function firstOption(count: number, isEnabled: IsOptionEnabled): number {\n  for (let index = 0; index < count; index++) {\n    if (isEnabled(index)) {\n      return index;\n    }\n  }\n  return -1;\n}\n\n/** The last enabled option, or -1. */\nexport function lastOption(count: number, isEnabled: IsOptionEnabled): number {\n  for (let index = count - 1; index >= 0; index--) {\n    if (isEnabled(index)) {\n      return index;\n    }\n  }\n  return -1;\n}\n\n/**\n * The enabled option `steps` options after `from` (before it for a negative\n * count), stopping at the first or the last one. With no active option, a move\n * down starts at the first option and a move up at the last.\n */\nexport function moveOption(count: number, isEnabled: IsOptionEnabled, from: number, steps: number): number {\n  if (from < 0) {\n    return steps > 0 ? firstOption(count, isEnabled) : lastOption(count, isEnabled);\n  }\n  const direction = steps > 0 ? 1 : -1;\n  let result = from;\n  let left = Math.abs(steps);\n  for (let index = from + direction; index >= 0 && index < count && left > 0; index += direction) {\n    if (isEnabled(index)) {\n      result = index;\n      left--;\n    }\n  }\n  return result;\n}\n\n/** Scrolls each scrolling box from the element up to `root` so the element shows. */\nexport function keepInView(element: HTMLElement, root: HTMLElement | null) {\n  for (let box = element.parentElement; box; box = box.parentElement) {\n    if (box.scrollHeight > box.clientHeight) {\n      const outer = box.getBoundingClientRect();\n      const inner = element.getBoundingClientRect();\n      if (inner.top < outer.top) {\n        box.scrollTop -= outer.top - inner.top;\n      } else if (inner.bottom > outer.bottom) {\n        box.scrollTop += inner.bottom - outer.bottom;\n      }\n    }\n    if (box === root) {\n      break;\n    }\n  }\n}\n"],"names":["firstOption","count","isEnabled","index","lastOption","moveOption","from","steps","direction","result","left","keepInView","element","root","box","outer","inner"],"mappings":"AAOO,SAASA,EAAYC,GAAeC,GAAoC;AAC7E,WAASC,IAAQ,GAAGA,IAAQF,GAAOE;AACjC,QAAID,EAAUC,CAAK;AACjB,aAAOA;AAGX,SAAO;AACT;AAGO,SAASC,EAAWH,GAAeC,GAAoC;AAC5E,WAASC,IAAQF,IAAQ,GAAGE,KAAS,GAAGA;AACtC,QAAID,EAAUC,CAAK;AACjB,aAAOA;AAGX,SAAO;AACT;AAOO,SAASE,EAAWJ,GAAeC,GAA4BI,GAAcC,GAAuB;AACzG,MAAID,IAAO;AACT,WAAOC,IAAQ,IAAIP,EAAYC,GAAOC,CAAS,IAAIE,EAAWH,GAAOC,CAAS;AAEhF,QAAMM,IAAYD,IAAQ,IAAI,IAAI;AAClC,MAAIE,IAASH,GACTI,IAAO,KAAK,IAAIH,CAAK;AACzB,WAASJ,IAAQG,IAAOE,GAAWL,KAAS,KAAKA,IAAQF,KAASS,IAAO,GAAGP,KAASK;AACnF,IAAIN,EAAUC,CAAK,MACjBM,IAASN,GACTO;AAGJ,SAAOD;AACT;AAGO,SAASE,EAAWC,GAAsBC,GAA0B;AACzE,WAASC,IAAMF,EAAQ,eAAeE,GAAKA,IAAMA,EAAI,eAAe;AAClE,QAAIA,EAAI,eAAeA,EAAI,cAAc;AACvC,YAAMC,IAAQD,EAAI,sBAAA,GACZE,IAAQJ,EAAQ,sBAAA;AACtB,MAAII,EAAM,MAAMD,EAAM,MACpBD,EAAI,aAAaC,EAAM,MAAMC,EAAM,MAC1BA,EAAM,SAASD,EAAM,WAC9BD,EAAI,aAAaE,EAAM,SAASD,EAAM;AAAA,IAE1C;AACA,QAAID,MAAQD;AACV;AAAA,EAEJ;AACF;"}

package/dist/components/navigation/commandPalette/commandPaletteTypes.d.ts

@@ -0,0 +1,39 @@
+import type { JSX } from "solid-js";
+export interface CommandPaletteItem {
+    /** Identifies the item within its group: keeps it active across result updates; also `data-item-id`. */
+    id: string;
+    /** The item's text. Names its option and is searched by the default filter. */
+    label: string;
+    /** A second, quieter line, e.g. a path or the project a run belongs to. Searched; describes the option. */
+    subtitle?: string | undefined;
+    /** Extra words the default filter matches on (synonyms, ids, the group name). Not shown. */
+    keywords?: string[] | undefined;
+    /** An icon name from the smwb set, or a node, drawn before the label. Hidden from assistive technology. */
+    icon?: string | JSX.Element | undefined;
+    /**
+     * The item's own shortcut in `Kbd` key names, e.g. `["Mod", "Shift", "P"]`, drawn with `Kbd` at the end of the row.
+     * Display only: the palette does not bind it.
+     */
+    shortcut?: string[] | undefined;
+    /** Drawn dimmed, skipped by the arrow keys, and cannot be chosen. */
+    disabled?: boolean | undefined;
+    /** Runs when the item is chosen (Enter or a click), after the palette has asked to close. */
+    onSelect?: (() => void) | undefined;
+}
+export interface CommandPaletteGroup {
+    /** Stable key of the group; its label when not given. Item ids need to be unique only within a group. */
+    id?: string | undefined;
+    /** The group heading; also the accessible name of the group. */
+    label: string;
+    /** The group's items in the order they are shown. */
+    items: CommandPaletteItem[];
+}
+/**
+ * Loads results for `query` (already trimmed). Called after the debounce; `signal` is aborted when a newer query,
+ * a close or an unmount makes the answer useless. Rejecting with anything but an abort shows the error state.
+ */
+export type CommandPaletteSource = (query: string, context: {
+    signal: AbortSignal;
+}) => Promise<CommandPaletteGroup[]>;
+/** Decides whether `item` matches `query` (the raw query; may be empty). */
+export type CommandPaletteFilter = (item: CommandPaletteItem, query: string) => boolean;

package/dist/components/navigation/commandPalette/index.d.ts

@@ -0,0 +1,6 @@
+export { CommandPalette, default } from "./commandPalette";
+export type { CommandPaletteProps } from "./commandPalette";
+export type { CommandPaletteFilter, CommandPaletteGroup, CommandPaletteItem, CommandPaletteSource, } from "./commandPaletteTypes";
+export { commandPaletteFilter, normalizeSearchText } from "./commandPaletteFilter";
+export { createKeyboardShortcut } from "../../../primitives/createKeyboardShortcut";
+export type { CreateKeyboardShortcutOptions } from "../../../primitives/createKeyboardShortcut";

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

@@ -3,6 +3,12 @@ import type { MenuFloatingProps } from "./menuFloating";
 export type MenuProps = MenuFloatingProps & {
     variant?: "static" | "floating";
     dense?: boolean;
+    /**
+     * Role of the list inside the menu, `menu` by default. A component that draws
+     * a list of its own on the menu's surface sets `presentation`: SelectField's
+     * options are a `listbox` inside it.
+     */
+    listRole?: JSX.AriaAttributes["role"];
 };
 export declare function Menu(props: ParentProps<MenuProps>): JSX.Element;
 export default Menu;

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

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sources":["../../../../src/components/navigation/menu/menu.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport { MenuContext } from \"./menuContext\";\nimport { MenuComponent } from \"./menuComponent\";\nimport type { MenuFloatingProps } from \"./menuFloating\";\n\nexport type MenuProps = MenuFloatingProps & {\n  variant?: \"static\" | \"floating\";\n  dense?: boolean;\n};\n\nexport function Menu(props: ParentProps<MenuProps>): JSX.Element {\n  const merged = mergeProps({ dense: false, variant: \"floating\" as const }, props);\n  const [local, rest] = splitProps(merged, [\"dense\", \"variant\", \"children\", \"ref\"]);\n\n  const value = {\n    get dense() {\n      return local.dense;\n    },\n    get variant() {\n      return local.variant;\n    },\n    onClose: () => rest.onClose?.(),\n  };\n\n  return (\n    <MenuContext.Provider value={value}>\n      <MenuComponent ref={local.ref} {...rest}>\n        {local.children}\n      </MenuComponent>\n    </MenuContext.Provider>\n  );\n}\n\nexport default Menu;\n"],"names":["Menu","props","merged","mergeProps","dense","variant","local","rest","splitProps","value","onClose","_$createComponent","MenuContext","Provider","children","MenuComponent","_$mergeProps","ref","r$","_ref$"],"mappings":";;;;;;AAYO,SAASA,EAAKC,GAA4C;AAC/D,QAAMC,IAASC,EAAW;AAAA,IAAEC,OAAO;AAAA,IAAOC,SAAS;AAAA,EAAA,GAAuBJ,CAAK,GACzE,CAACK,GAAOC,CAAI,IAAIC,EAAWN,GAAQ,CAAC,SAAS,WAAW,YAAY,KAAK,CAAC,GAE1EO,IAAQ;AAAA,IACZ,IAAIL,QAAQ;AACV,aAAOE,EAAMF;AAAAA,IACf;AAAA,IACA,IAAIC,UAAU;AACZ,aAAOC,EAAMD;AAAAA,IACf;AAAA,IACAK,SAASA,MAAMH,EAAKG,UAAAA;AAAAA,EAAU;AAGhC,SAAAC,EACGC,EAAYC,UAAQ;AAAA,IAACJ,OAAAA;AAAAA,IAAY,IAAAK,WAAA;AAAA,aAAAH,EAC/BI,GAAaC,EAAA;AAAA,QAAAC,IAAAC,GAAA;AAAA,cAAAC,IAAMb,EAAMW;AAAG,iBAAAE,KAAA,aAAAA,EAAAD,CAAA,IAATZ,EAAMW,MAAGC;AAAAA,QAAA;AAAA,MAAA,GAAMX,GAAI;AAAA,QAAA,IAAAO,WAAA;AAAA,iBACpCR,EAAMQ;AAAAA,QAAQ;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAIvB;"}
+{"version":3,"file":"menu.js","sources":["../../../../src/components/navigation/menu/menu.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport { MenuContext } from \"./menuContext\";\nimport { MenuComponent } from \"./menuComponent\";\nimport type { MenuFloatingProps } from \"./menuFloating\";\n\nexport type MenuProps = MenuFloatingProps & {\n  variant?: \"static\" | \"floating\";\n  dense?: boolean;\n  /**\n   * Role of the list inside the menu, `menu` by default. A component that draws\n   * a list of its own on the menu's surface sets `presentation`: SelectField's\n   * options are a `listbox` inside it.\n   */\n  listRole?: JSX.AriaAttributes[\"role\"];\n};\n\nexport function Menu(props: ParentProps<MenuProps>): JSX.Element {\n  const merged = mergeProps({ dense: false, variant: \"floating\" as const }, props);\n  const [local, rest] = splitProps(merged, [\"dense\", \"variant\", \"children\", \"ref\"]);\n\n  const value = {\n    get dense() {\n      return local.dense;\n    },\n    get variant() {\n      return local.variant;\n    },\n    onClose: () => rest.onClose?.(),\n  };\n\n  return (\n    <MenuContext.Provider value={value}>\n      <MenuComponent ref={local.ref} {...rest}>\n        {local.children}\n      </MenuComponent>\n    </MenuContext.Provider>\n  );\n}\n\nexport default Menu;\n"],"names":["Menu","props","merged","mergeProps","dense","variant","local","rest","splitProps","value","onClose","_$createComponent","MenuContext","Provider","children","MenuComponent","_$mergeProps","ref","r$","_ref$"],"mappings":";;;;;;AAkBO,SAASA,EAAKC,GAA4C;AAC/D,QAAMC,IAASC,EAAW;AAAA,IAAEC,OAAO;AAAA,IAAOC,SAAS;AAAA,EAAA,GAAuBJ,CAAK,GACzE,CAACK,GAAOC,CAAI,IAAIC,EAAWN,GAAQ,CAAC,SAAS,WAAW,YAAY,KAAK,CAAC,GAE1EO,IAAQ;AAAA,IACZ,IAAIL,QAAQ;AACV,aAAOE,EAAMF;AAAAA,IACf;AAAA,IACA,IAAIC,UAAU;AACZ,aAAOC,EAAMD;AAAAA,IACf;AAAA,IACAK,SAASA,MAAMH,EAAKG,UAAAA;AAAAA,EAAU;AAGhC,SAAAC,EACGC,EAAYC,UAAQ;AAAA,IAACJ,OAAAA;AAAAA,IAAY,IAAAK,WAAA;AAAA,aAAAH,EAC/BI,GAAaC,EAAA;AAAA,QAAAC,IAAAC,GAAA;AAAA,cAAAC,IAAMb,EAAMW;AAAG,iBAAAE,KAAA,aAAAA,EAAAD,CAAA,IAATZ,EAAMW,MAAGC;AAAAA,QAAA;AAAA,MAAA,GAAMX,GAAI;AAAA,QAAA,IAAAO,WAAA;AAAA,iBACpCR,EAAMQ;AAAAA,QAAQ;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAIvB;"}

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

@@ -1,34 +1,23 @@
-import { createComponent as e } from "solid-js/web";
-import { Show as i } from "solid-js";
-import { useMenuContext as f } from "./menuContext.js";
-import { MenuList as u } from "./menuList.js";
-import { MenuFloating as c } from "./menuFloating.js";
-function s(t) {
-  const o = f();
-  return e(i, {
+import { createComponent as t } from "solid-js/web";
+import { splitProps as r, Show as i } from "solid-js";
+import { useMenuContext as m } from "./menuContext.js";
+import { MenuList as p } from "./menuList.js";
+import { MenuFloating as a } from "./menuFloating.js";
+function g(e) {
+  const n = m(), [, o] = r(e, ["anchorElement", "isOpen", "onClose", "placement", "middleware"]);
+  return t(i, {
     get when() {
-      return o.variant === "static";
+      return n.variant === "static";
     },
     get fallback() {
-      return e(c, t);
+      return t(a, e);
     },
     get children() {
-      return e(u, {
-        ref(r) {
-          var n = t.ref;
-          typeof n == "function" ? n(r) : t.ref = r;
-        },
-        get class() {
-          return t.class;
-        },
-        get children() {
-          return t.children;
-        }
-      });
+      return t(p, o);
     }
   });
 }
 export {
-  s as MenuComponent
+  g as MenuComponent
 };
 //# sourceMappingURL=menuComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menuComponent.js","sources":["../../../../src/components/navigation/menu/menuComponent.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show } from \"solid-js\";\nimport { useMenuContext } from \"./menuContext\";\nimport { MenuList } from \"./menuList\";\nimport { MenuFloating, type MenuFloatingProps } from \"./menuFloating\";\n\nexport function MenuComponent(props: ParentProps<MenuFloatingProps>): JSX.Element {\n  const ctx = useMenuContext();\n  return (\n    <Show when={ctx.variant === \"static\"} fallback={<MenuFloating {...props} />}>\n      <MenuList ref={props.ref} class={props.class}>\n        {props.children}\n      </MenuList>\n    </Show>\n  );\n}\n\nexport default MenuComponent;\n"],"names":["MenuComponent","props","ctx","useMenuContext","_$createComponent","Show","when","variant","fallback","MenuFloating","children","MenuList","ref","r$","_ref$","class"],"mappings":";;;;;AAKO,SAASA,EAAcC,GAAoD;AAChF,QAAMC,IAAMC,EAAAA;AACZ,SAAAC,EACGC,GAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAEJ,EAAIK,YAAY;AAAA,IAAQ;AAAA,IAAA,IAAEC,WAAQ;AAAA,aAAAJ,EAAGK,GAAiBR,CAAK;AAAA,IAAA;AAAA,IAAA,IAAAS,WAAA;AAAA,aAAAN,EACpEO,GAAQ;AAAA,QAAAC,IAAAC,GAAA;AAAA,cAAAC,IAAMb,EAAMW;AAAG,iBAAAE,KAAA,aAAAA,EAAAD,CAAA,IAATZ,EAAMW,MAAGC;AAAAA,QAAA;AAAA,QAAA,IAAA,QAAA;AAAA,iBAASZ,EAAMc;AAAAA,QAAK;AAAA,QAAA,IAAAL,WAAA;AAAA,iBACzCT,EAAMS;AAAAA,QAAQ;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAIvB;"}
+{"version":3,"file":"menuComponent.js","sources":["../../../../src/components/navigation/menu/menuComponent.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, splitProps } from \"solid-js\";\nimport { useMenuContext } from \"./menuContext\";\nimport { MenuList } from \"./menuList\";\nimport { MenuFloating, type MenuFloatingProps } from \"./menuFloating\";\n\nexport function MenuComponent(props: ParentProps<MenuFloatingProps>): JSX.Element {\n  const ctx = useMenuContext();\n  // A static menu is the list itself: the caller's props go on its root, except\n  // the floating-only ones (isOpen would become a DOM attribute, onClose a\n  // \"close\" listener). Escape still reaches onClose through the menu context.\n  const [, listProps] = splitProps(props, [\"anchorElement\", \"isOpen\", \"onClose\", \"placement\", \"middleware\"]);\n  return (\n    <Show when={ctx.variant === \"static\"} fallback={<MenuFloating {...props} />}>\n      <MenuList {...listProps} />\n    </Show>\n  );\n}\n\nexport default MenuComponent;\n"],"names":["MenuComponent","props","ctx","useMenuContext","listProps","splitProps","_$createComponent","Show","when","variant","fallback","MenuFloating","children","MenuList"],"mappings":";;;;;AAKO,SAASA,EAAcC,GAAoD;AAChF,QAAMC,IAAMC,EAAAA,GAIN,GAAGC,CAAS,IAAIC,EAAWJ,GAAO,CAAC,iBAAiB,UAAU,WAAW,aAAa,YAAY,CAAC;AACzG,SAAAK,EACGC,GAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAEN,EAAIO,YAAY;AAAA,IAAQ;AAAA,IAAA,IAAEC,WAAQ;AAAA,aAAAJ,EAAGK,GAAiBV,CAAK;AAAA,IAAA;AAAA,IAAA,IAAAW,WAAA;AAAA,aAAAN,EACpEO,GAAaT,CAAS;AAAA,IAAA;AAAA,EAAA,CAAA;AAG7B;"}

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

@@ -2,6 +2,8 @@ export interface MenuContextValue {
     dense: boolean;
     variant: "static" | "floating";
     onClose: () => void;
+    /** A submenu's own list: ArrowLeft in it closes the submenu (onClose). */
+    submenu?: boolean;
 }
 export declare const MenuContext: import("solid-js").Context<MenuContextValue>;
 export declare function useMenuContext(): MenuContextValue;

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

@@ -1 +1 @@
-{"version":3,"file":"menuContext.js","sources":["../../../../src/components/navigation/menu/menuContext.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\n\nexport interface MenuContextValue {\n  dense: boolean;\n  variant: \"static\" | \"floating\";\n  onClose: () => void;\n}\n\nexport const MenuContext = createContext<MenuContextValue>({\n  dense: false,\n  variant: \"floating\",\n  onClose: () => undefined,\n});\n\nexport function useMenuContext(): MenuContextValue {\n  return useContext(MenuContext);\n}\n"],"names":["MenuContext","createContext","useMenuContext","useContext"],"mappings":";AAQO,MAAMA,IAAcC,EAAgC;AAAA,EACzD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS,MAAA;AAAA;AACX,CAAC;AAEM,SAASC,IAAmC;AACjD,SAAOC,EAAWH,CAAW;AAC/B;"}
+{"version":3,"file":"menuContext.js","sources":["../../../../src/components/navigation/menu/menuContext.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\n\nexport interface MenuContextValue {\n  dense: boolean;\n  variant: \"static\" | \"floating\";\n  onClose: () => void;\n  /** A submenu's own list: ArrowLeft in it closes the submenu (onClose). */\n  submenu?: boolean;\n}\n\nexport const MenuContext = createContext<MenuContextValue>({\n  dense: false,\n  variant: \"floating\",\n  onClose: () => undefined,\n});\n\nexport function useMenuContext(): MenuContextValue {\n  return useContext(MenuContext);\n}\n"],"names":["MenuContext","createContext","useMenuContext","useContext"],"mappings":";AAUO,MAAMA,IAAcC,EAAgC;AAAA,EACzD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS,MAAA;AAAA;AACX,CAAC;AAEM,SAASC,IAAmC;AACjD,SAAOC,EAAWH,CAAW;AAC/B;"}

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

@@ -1,58 +1,66 @@
-import { createComponent as c, mergeProps as M } from "solid-js/web";
-import { mergeProps as A, splitProps as E, createEffect as d, createSignal as g, onCleanup as P, Show as S } from "solid-js";
-import { buildFloatingMiddleware as b, resolvePlacement as O } from "../../../utils/floating.js";
-import { createFloating as k } from "../../../primitives/createFloating.js";
-import { MenuList as T } from "./menuList.js";
-import { mergeRefs as $ } from "../../../primitives/mergeRefs.js";
-import { ClickAwayListener as B } from "../../clickAwayListener/clickAwayListener.js";
-function L(r, i) {
-  return b(r, i);
+import { createComponent as p, mergeProps as M } from "solid-js/web";
+import { mergeProps as k, splitProps as O, createEffect as l, createSignal as y, onCleanup as w, on as P, Show as S } from "solid-js";
+import { buildFloatingMiddleware as L, resolvePlacement as b } from "../../../utils/floating.js";
+import { createFloating as B } from "../../../primitives/createFloating.js";
+import { MenuList as D } from "./menuList.js";
+import { mergeRefs as T } from "../../../primitives/mergeRefs.js";
+import { mergeStyle as $ } from "../../../primitives/mergeStyle.js";
+import { ClickAwayListener as R } from "../../clickAwayListener/clickAwayListener.js";
+function _(a, s) {
+  return L(a, s);
 }
-const y = 150;
-function G(r) {
-  const i = A({
+const E = 150;
+function J(a) {
+  const s = k({
     placement: "bottom-start"
-  }, r), [e, h] = E(i, ["anchorElement", "isOpen", "onClose", "placement", "middleware", "style", "children", "ref"]);
-  let l;
-  const m = () => O(e.placement), a = k({
-    placement: () => m().placement,
-    middleware: () => L(m(), e.middleware)
+  }, a), [e, v] = O(s, ["anchorElement", "isOpen", "onClose", "placement", "middleware", "style", "children", "ref"]);
+  let r;
+  const u = () => b(e.placement), c = B({
+    placement: () => u().placement,
+    middleware: () => _(u(), e.middleware)
   });
-  d(() => {
-    a.setReference(e.anchorElement ?? null);
+  l(() => {
+    c.setReference(e.anchorElement ?? null);
   });
-  const [f, p] = g(!!e.isOpen), [w, u] = g(!1);
-  let s, t;
-  d(() => {
-    !!e.isOpen ? (t !== void 0 && (clearTimeout(t), t = void 0), p(!0), s = requestAnimationFrame(() => u(!0))) : (u(!1), f() && (t = setTimeout(() => p(!1), y)));
-  }), P(() => {
-    s !== void 0 && cancelAnimationFrame(s), t !== void 0 && clearTimeout(t);
+  const [d, g] = y(!!e.isOpen), [C, h] = y(!1);
+  let m, o;
+  l(() => {
+    !!e.isOpen ? (o !== void 0 && (clearTimeout(o), o = void 0), g(!0), m = requestAnimationFrame(() => h(!0))) : (h(!1), d() && (o = setTimeout(() => g(!1), E)));
+  }), w(() => {
+    m !== void 0 && cancelAnimationFrame(m), o !== void 0 && clearTimeout(o);
+  }), l(() => {
+    const n = e.anchorElement, t = e.onClose;
+    if (!e.isOpen || !t || !n) return;
+    const i = (f) => {
+      f.key === "Escape" && !f.defaultPrevented && (f.preventDefault(), t());
+    };
+    n.addEventListener("keydown", i), w(() => n.removeEventListener("keydown", i));
+  }), l(P(() => !!e.isOpen, (n) => {
+    !n && r?.contains(document.activeElement) && e.anchorElement?.focus?.();
+  }));
+  const F = (n) => {
+    if (!e.isOpen || !e.onClose || !r) return;
+    const t = n.target;
+    r.contains(t) || e.anchorElement?.contains(t) || e.onClose();
+  }, A = () => $(c.floatingStyles(), e.style, {
+    transition: `opacity ${E}ms ease-in-out`,
+    opacity: C() ? 1 : 0
   });
-  const C = (o) => {
-    if (!e.isOpen || !e.onClose || !l) return;
-    const n = o.target;
-    l.contains(n) || e.anchorElement?.contains(n) || e.onClose();
-  }, F = () => ({
-    ...a.floatingStyles(),
-    ...typeof e.style == "object" && e.style ? e.style : {},
-    transition: `opacity ${y}ms ease-in-out`,
-    opacity: w() ? 1 : 0
-  });
-  return c(S, {
+  return p(S, {
     get when() {
-      return f();
+      return d();
     },
     get children() {
-      return c(B, {
-        onClickAway: C,
+      return p(R, {
+        onClickAway: F,
         get children() {
-          return c(T, M(h, {
-            ref(o) {
-              var n = $(e.ref, a.setFloating, (v) => l = v);
-              typeof n == "function" && n(o);
+          return p(D, M(v, {
+            ref(n) {
+              var t = T(e.ref, c.setFloating, (i) => r = i);
+              typeof t == "function" && t(n);
             },
             get style() {
-              return F();
+              return A();
             },
             get children() {
               return e.children;
@@ -64,7 +72,7 @@ function G(r) {
   });
 }
 export {
-  G as MenuFloating,
-  L as buildMenuFloatingMiddleware
+  J as MenuFloating,
+  _ as buildMenuFloatingMiddleware
 };
 //# sourceMappingURL=menuFloating.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menuFloating.js","sources":["../../../../src/components/navigation/menu/menuFloating.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, createEffect, createSignal, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport type { Middleware } from \"@floating-ui/dom\";\nimport { buildFloatingMiddleware, type Placement, resolvePlacement, type ResolvedPlacement } from \"../../../utils/floating\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { MenuList } from \"./menuList\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport function buildMenuFloatingMiddleware(resolved: ResolvedPlacement, custom?: Middleware[]): Middleware[] {\n  return buildFloatingMiddleware(resolved, custom);\n}\n\nexport interface MenuFloatingProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  anchorElement?: Element | null | undefined;\n  isOpen?: boolean;\n  onClose?: () => void;\n  placement?: Placement;\n  middleware?: Middleware[] | undefined;\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst FADE_MS = 150;\n\nexport function MenuFloating(props: ParentProps<MenuFloatingProps>): JSX.Element {\n  const merged = mergeProps({ placement: \"bottom-start\" as Placement }, props);\n  const [local, rest] = splitProps(merged, [\n    \"anchorElement\",\n    \"isOpen\",\n    \"onClose\",\n    \"placement\",\n    \"middleware\",\n    \"style\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  let menuEl: HTMLElement | undefined;\n  const resolved = (): ResolvedPlacement => resolvePlacement(local.placement);\n  const floating = createFloating({\n    placement: () => resolved().placement,\n    middleware: () => buildMenuFloatingMiddleware(resolved(), local.middleware),\n  });\n\n  createEffect(() => {\n    floating.setReference(local.anchorElement ?? null);\n  });\n\n  // mountOnEnter + unmountOnExit fade lifecycle (replaces RTG Transition).\n  const [mounted, setMounted] = createSignal(Boolean(local.isOpen));\n  const [shown, setShown] = createSignal(false);\n  let raf: number | undefined;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n\n  createEffect(() => {\n    const open = Boolean(local.isOpen);\n    if (open) {\n      if (timer !== undefined) {\n        clearTimeout(timer);\n        timer = undefined;\n      }\n      setMounted(true);\n      raf = requestAnimationFrame(() => setShown(true));\n    } else {\n      setShown(false);\n      if (mounted()) {\n        timer = setTimeout(() => setMounted(false), FADE_MS);\n      }\n    }\n  });\n  onCleanup(() => {\n    if (raf !== undefined) cancelAnimationFrame(raf);\n    if (timer !== undefined) clearTimeout(timer);\n  });\n\n  const onAwayClick = (event: MouseEvent | TouchEvent): void => {\n    if (!local.isOpen || !local.onClose || !menuEl) return;\n    const target = event.target as HTMLElement;\n    if (menuEl.contains(target) || (local.anchorElement as HTMLElement | null)?.contains(target)) {\n      return;\n    }\n    local.onClose();\n  };\n\n  const style = (): JSX.CSSProperties => ({\n    ...floating.floatingStyles(),\n    ...(typeof local.style === \"object\" && local.style ? local.style : {}),\n    transition: `opacity ${FADE_MS}ms ease-in-out`,\n    opacity: shown() ? 1 : 0,\n  });\n\n  return (\n    <Show when={mounted()}>\n      <ClickAwayListener onClickAway={onAwayClick}>\n        <MenuList {...rest} ref={mergeRefs(local.ref, floating.setFloating, (el) => (menuEl = el))} style={style()}>\n          {local.children}\n        </MenuList>\n      </ClickAwayListener>\n    </Show>\n  );\n}\n\nexport default MenuFloating;\n"],"names":["buildMenuFloatingMiddleware","resolved","custom","buildFloatingMiddleware","FADE_MS","MenuFloating","props","merged","mergeProps","placement","local","rest","splitProps","menuEl","resolvePlacement","floating","createFloating","middleware","createEffect","setReference","anchorElement","mounted","setMounted","createSignal","Boolean","isOpen","shown","setShown","raf","timer","undefined","clearTimeout","requestAnimationFrame","setTimeout","onCleanup","cancelAnimationFrame","onAwayClick","event","onClose","target","contains","style","floatingStyles","transition","opacity","_$createComponent","Show","when","children","ClickAwayListener","onClickAway","MenuList","_$mergeProps","ref","r$","_ref$","mergeRefs","setFloating","el"],"mappings":";;;;;;;AAQO,SAASA,EAA4BC,GAA6BC,GAAqC;AAC5G,SAAOC,EAAwBF,GAAUC,CAAM;AACjD;AAWA,MAAME,IAAU;AAET,SAASC,EAAaC,GAAoD;AAC/E,QAAMC,IAASC,EAAW;AAAA,IAAEC,WAAW;AAAA,EAAA,GAA+BH,CAAK,GACrE,CAACI,GAAOC,CAAI,IAAIC,EAAWL,GAAQ,CACvC,iBACA,UACA,WACA,aACA,cACA,SACA,YACA,KAAK,CACN;AAED,MAAIM;AACJ,QAAMZ,IAAWA,MAAyBa,EAAiBJ,EAAMD,SAAS,GACpEM,IAAWC,EAAe;AAAA,IAC9BP,WAAWA,MAAMR,EAAAA,EAAWQ;AAAAA,IAC5BQ,YAAYA,MAAMjB,EAA4BC,EAAAA,GAAYS,EAAMO,UAAU;AAAA,EAAA,CAC3E;AAEDC,EAAAA,EAAa,MAAM;AACjBH,IAAAA,EAASI,aAAaT,EAAMU,iBAAiB,IAAI;AAAA,EACnD,CAAC;AAGD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAaC,EAAQd,EAAMe,MAAO,GAC1D,CAACC,GAAOC,CAAQ,IAAIJ,EAAa,EAAK;AAC5C,MAAIK,GACAC;AAEJX,EAAAA,EAAa,MAAM;AAEjB,IADaM,EAAQd,EAAMe,UAErBI,MAAUC,WACZC,aAAaF,CAAK,GAClBA,IAAQC,SAEVR,EAAW,EAAI,GACfM,IAAMI,sBAAsB,MAAML,EAAS,EAAI,CAAC,MAEhDA,EAAS,EAAK,GACVN,QACFQ,IAAQI,WAAW,MAAMX,EAAW,EAAK,GAAGlB,CAAO;AAAA,EAGzD,CAAC,GACD8B,EAAU,MAAM;AACd,IAAIN,MAAQE,UAAWK,qBAAqBP,CAAG,GAC3CC,MAAUC,UAAWC,aAAaF,CAAK;AAAA,EAC7C,CAAC;AAED,QAAMO,IAAcA,CAACC,MAAyC;AAC5D,QAAI,CAAC3B,EAAMe,UAAU,CAACf,EAAM4B,WAAW,CAACzB,EAAQ;AAChD,UAAM0B,IAASF,EAAME;AACrB,IAAI1B,EAAO2B,SAASD,CAAM,KAAM7B,EAAMU,eAAsCoB,SAASD,CAAM,KAG3F7B,EAAM4B,QAAAA;AAAAA,EACR,GAEMG,IAAQA,OAA0B;AAAA,IACtC,GAAG1B,EAAS2B,eAAAA;AAAAA,IACZ,GAAI,OAAOhC,EAAM+B,SAAU,YAAY/B,EAAM+B,QAAQ/B,EAAM+B,QAAQ,CAAA;AAAA,IACnEE,YAAY,WAAWvC,CAAO;AAAA,IAC9BwC,SAASlB,EAAAA,IAAU,IAAI;AAAA,EAAA;AAGzB,SAAAmB,EACGC,GAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAE1B,EAAAA;AAAAA,IAAS;AAAA,IAAA,IAAA2B,WAAA;AAAA,aAAAH,EAClBI,GAAiB;AAAA,QAACC,aAAad;AAAAA,QAAW,IAAAY,WAAA;AAAA,iBAAAH,EACxCM,GAAQC,EAAKzC,GAAI;AAAA,YAAA0C,IAAAC,GAAA;AAAA,kBAAAC,IAAOC,EAAU9C,EAAM2C,KAAKtC,EAAS0C,aAAcC,CAAAA,MAAQ7C,IAAS6C,CAAG;AAAC,qBAAAH,KAAA,cAAAA,EAAAD,CAAA;AAAA,YAAA;AAAA,YAAA,IAAEb,QAAK;AAAA,qBAAEA,EAAAA;AAAAA,YAAO;AAAA,YAAA,IAAAO,WAAA;AAAA,qBACvGtC,EAAMsC;AAAAA,YAAQ;AAAA,UAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAKzB;"}
+{"version":3,"file":"menuFloating.js","sources":["../../../../src/components/navigation/menu/menuFloating.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, createEffect, createSignal, mergeProps, on, onCleanup, splitProps } from \"solid-js\";\nimport type { Middleware } from \"@floating-ui/dom\";\nimport { buildFloatingMiddleware, type Placement, resolvePlacement, type ResolvedPlacement } from \"../../../utils/floating\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { MenuList } from \"./menuList\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { mergeStyle } from \"../../../primitives/mergeStyle\";\n\nexport function buildMenuFloatingMiddleware(resolved: ResolvedPlacement, custom?: Middleware[]): Middleware[] {\n  return buildFloatingMiddleware(resolved, custom);\n}\n\nexport interface MenuFloatingProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  anchorElement?: Element | null | undefined;\n  isOpen?: boolean;\n  onClose?: () => void;\n  placement?: Placement;\n  middleware?: Middleware[] | undefined;\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst FADE_MS = 150;\n\nexport function MenuFloating(props: ParentProps<MenuFloatingProps>): JSX.Element {\n  const merged = mergeProps({ placement: \"bottom-start\" as Placement }, props);\n  const [local, rest] = splitProps(merged, [\n    \"anchorElement\",\n    \"isOpen\",\n    \"onClose\",\n    \"placement\",\n    \"middleware\",\n    \"style\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  let menuEl: HTMLElement | undefined;\n  const resolved = (): ResolvedPlacement => resolvePlacement(local.placement);\n  const floating = createFloating({\n    placement: () => resolved().placement,\n    middleware: () => buildMenuFloatingMiddleware(resolved(), local.middleware),\n  });\n\n  createEffect(() => {\n    floating.setReference(local.anchorElement ?? null);\n  });\n\n  // mountOnEnter + unmountOnExit fade lifecycle (replaces RTG Transition).\n  const [mounted, setMounted] = createSignal(Boolean(local.isOpen));\n  const [shown, setShown] = createSignal(false);\n  let raf: number | undefined;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n\n  createEffect(() => {\n    const open = Boolean(local.isOpen);\n    if (open) {\n      if (timer !== undefined) {\n        clearTimeout(timer);\n        timer = undefined;\n      }\n      setMounted(true);\n      raf = requestAnimationFrame(() => setShown(true));\n    } else {\n      setShown(false);\n      if (mounted()) {\n        timer = setTimeout(() => setMounted(false), FADE_MS);\n      }\n    }\n  });\n  onCleanup(() => {\n    if (raf !== undefined) cancelAnimationFrame(raf);\n    if (timer !== undefined) clearTimeout(timer);\n  });\n\n  // While the menu is open, Escape on its anchor (focus left on the button that opened\n  // it, or on a submenu's row) closes it, marked as handled like an Escape in the list.\n  createEffect(() => {\n    const anchor = local.anchorElement;\n    const onClose = local.onClose;\n    if (!local.isOpen || !onClose || !anchor) return;\n    const onAnchorKeyDown = (event: Event): void => {\n      if ((event as KeyboardEvent).key === \"Escape\" && !event.defaultPrevented) {\n        event.preventDefault();\n        onClose();\n      }\n    };\n    anchor.addEventListener(\"keydown\", onAnchorKeyDown);\n    onCleanup(() => anchor.removeEventListener(\"keydown\", onAnchorKeyDown));\n  });\n\n  // A menu that closes while it holds focus (on Escape, on a chosen item) hands focus\n  // back to its anchor, the button or submenu row it opened from. Otherwise focus falls\n  // to <body> when the items unmount, out of a FloatingWindow or Modal around the menu,\n  // and the next Escape does not reach them.\n  createEffect(\n    on(\n      () => Boolean(local.isOpen),\n      (open) => {\n        if (!open && menuEl?.contains(document.activeElement)) {\n          (local.anchorElement as HTMLElement | null | undefined)?.focus?.();\n        }\n      }\n    )\n  );\n\n  const onAwayClick = (event: MouseEvent | TouchEvent): void => {\n    if (!local.isOpen || !local.onClose || !menuEl) return;\n    const target = event.target as HTMLElement;\n    if (menuEl.contains(target) || (local.anchorElement as HTMLElement | null)?.contains(target)) {\n      return;\n    }\n    local.onClose();\n  };\n\n  // The caller's style over the position, the fade over the caller's style.\n  const style = (): JSX.CSSProperties | string | undefined =>\n    mergeStyle(floating.floatingStyles(), local.style, {\n      transition: `opacity ${FADE_MS}ms ease-in-out`,\n      opacity: shown() ? 1 : 0,\n    });\n\n  return (\n    <Show when={mounted()}>\n      <ClickAwayListener onClickAway={onAwayClick}>\n        <MenuList {...rest} ref={mergeRefs(local.ref, floating.setFloating, (el) => (menuEl = el))} style={style()}>\n          {local.children}\n        </MenuList>\n      </ClickAwayListener>\n    </Show>\n  );\n}\n\nexport default MenuFloating;\n"],"names":["buildMenuFloatingMiddleware","resolved","custom","buildFloatingMiddleware","FADE_MS","MenuFloating","props","merged","mergeProps","placement","local","rest","splitProps","menuEl","resolvePlacement","floating","createFloating","middleware","createEffect","setReference","anchorElement","mounted","setMounted","createSignal","Boolean","isOpen","shown","setShown","raf","timer","undefined","clearTimeout","requestAnimationFrame","setTimeout","onCleanup","cancelAnimationFrame","anchor","onClose","onAnchorKeyDown","event","key","defaultPrevented","preventDefault","addEventListener","removeEventListener","on","open","contains","document","activeElement","focus","onAwayClick","target","style","mergeStyle","floatingStyles","transition","opacity","_$createComponent","Show","when","children","ClickAwayListener","onClickAway","MenuList","_$mergeProps","ref","r$","_ref$","mergeRefs","setFloating","el"],"mappings":"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"}

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

@@ -1,6 +1,10 @@
 import { type JSX, type ParentProps } from "solid-js";
 import { type Ref } from "../../../primitives/mergeRefs";
 export interface MenuItemProps extends JSX.HTMLAttributes<HTMLLIElement> {
+    /**
+     * Greys the item out and marks it `aria-disabled`. It takes no focus, the arrow keys
+     * skip it, and neither a click nor Enter or Space chooses it.
+     */
     disabled?: boolean | undefined;
     selected?: boolean | undefined;
     href?: string | undefined;

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

@@ -1,61 +1,86 @@
-import { createComponent as t, use as b, spread as h, mergeProps as a, insert as l, Dynamic as g, memo as w, template as i } from "solid-js/web";
-import { splitProps as k, Show as c } from "solid-js";
-import v from "clsx";
+import { createComponent as t, use as h, spread as k, mergeProps as c, insert as i, Dynamic as D, memo as P, template as s } from "solid-js/web";
+import { splitProps as y, Show as d } from "solid-js";
+import C from "clsx";
 import { useMenuContext as R } from "./menuContext.js";
-import { mergeRefs as C } from "../../../primitives/mergeRefs.js";
-import { callHandler as P } from "../../../primitives/callHandler.js";
-import { Ripple as $ } from "../../base/ripple/ripple.js";
-var x = /* @__PURE__ */ i("<span class=smwb-menu__item__helper-text>"), D = /* @__PURE__ */ i("<li>"), y = /* @__PURE__ */ i("<span class=smwb-menu__item-inner>");
-function q(o) {
-  const u = R(), [e, p] = k(o, ["children", "class", "disabled", "selected", "onClick", "href", "linkElement", "linkProps", "value", "optionRenderer", "ref"]);
-  let s;
-  const d = (r) => {
+import { mergeRefs as x } from "../../../primitives/mergeRefs.js";
+import { callHandler as o } from "../../../primitives/callHandler.js";
+import { Ripple as M } from "../../base/ripple/ripple.js";
+var $ = /* @__PURE__ */ s("<span class=smwb-menu__item__helper-text>"), E = /* @__PURE__ */ s("<li>"), K = /* @__PURE__ */ s("<span class=smwb-menu__item-inner>");
+function q(a) {
+  const f = R(), [e, m] = y(a, [
+    "children",
+    "class",
+    "disabled",
+    "selected",
+    "onClick",
+    "onKeyDown",
+    "href",
+    "linkElement",
+    "linkProps",
+    "value",
+    "optionRenderer",
+    "ref",
+    // The item sets these on its root too; its own handlers call the caller's.
+    "onMouseDown",
+    "onPointerDown"
+  ]);
+  let u;
+  const p = (n) => {
+    o(e.onKeyDown, n), !(n.defaultPrevented || e.disabled || n.target !== n.currentTarget) && (n.key === "Enter" || n.key === " ") && (n.preventDefault(), ((e.href ? n.currentTarget.firstElementChild : null) ?? n.currentTarget).click());
+  }, w = (n) => {
     if (e.disabled) {
-      e.href && r.preventDefault();
+      e.href && n.preventDefault();
       return;
     }
-    P(e.onClick, r);
-  }, f = (r) => {
-    e.disabled || s?.onRipple(r);
-  }, _ = () => v("smwb-menu__item", e.class, {
-    "smwb-menu__item--dense": u.dense,
+    o(e.onClick, n);
+  }, _ = (n) => {
+    e.disabled || o(e.onMouseDown, n);
+  }, b = (n) => {
+    o(e.onPointerDown, n), e.disabled || u?.onRipple(n);
+  }, g = () => C("smwb-menu__item", e.class, {
+    "smwb-menu__item--dense": f.dense,
     "smwb-menu__item--disabled": e.disabled,
     "smwb-menu__item--selected": e.selected
   });
-  return t(c, {
+  return t(d, {
     get when() {
       return !e.optionRenderer;
     },
     get fallback() {
-      return e.optionRenderer?.(o);
+      return e.optionRenderer?.(a);
     },
     get children() {
-      var r = D(), m = C(e.ref);
-      return typeof m == "function" && b(m, r), h(r, a(p, {
+      var n = E(), l = x(e.ref);
+      return typeof l == "function" && h(l, n), k(n, c(m, {
         role: "menuitem",
+        get "aria-disabled"() {
+          return e.disabled || void 0;
+        },
         get class() {
-          return _();
+          return g();
         },
         get tabindex() {
-          return e.disabled ? void 0 : 0;
+          return m.tabindex ?? (e.disabled ? void 0 : 0);
         },
-        onClick: d,
+        onClick: w,
+        onKeyDown: p,
         get "data-value"() {
           return e.value;
         },
-        onPointerDown: f
-      }), !1, !0), l(r, t(c, {
+        onMouseDown: _,
+        onPointerDown: b
+      }), !1, !0), i(n, t(d, {
         get when() {
           return e.href;
         },
         get fallback() {
           return (() => {
-            var n = y();
-            return l(n, () => e.children), n;
+            var r = K();
+            return i(r, () => e.children), r;
           })();
         },
         get children() {
-          return t(g, a({
+          return t(D, c({
             get component() {
               return e.linkElement ?? "a";
             },
@@ -65,13 +90,13 @@ function q(o) {
             }
           }, () => e.linkProps ?? {}, {
             get children() {
-              return [w(() => e.children), x()];
+              return [P(() => e.children), $()];
             }
           }));
         }
-      }), null), l(r, t($, {
-        actionRef: (n) => s = n
-      }), null), r;
+      }), null), i(n, t(M, {
+        actionRef: (r) => u = r
+      }), null), n;
     }
   });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"menuItem.js","sources":["../../../../src/components/navigation/menu/menuItem.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { useMenuContext } from \"./menuContext\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\n\nexport interface MenuItemProps extends JSX.HTMLAttributes<HTMLLIElement> {\n  disabled?: boolean | undefined;\n  selected?: boolean | undefined;\n  href?: string | undefined;\n  linkElement?: string;\n  linkProps?: JSX.AnchorHTMLAttributes<HTMLAnchorElement>;\n  value?: unknown;\n  optionRenderer?: ((args: MenuItemProps) => JSX.Element) | undefined;\n  onClick?: JSX.EventHandlerUnion<HTMLLIElement, MouseEvent>;\n  ref?: Ref<HTMLLIElement>;\n}\n\nexport function MenuItem(props: ParentProps<MenuItemProps>): JSX.Element {\n  const ctx = useMenuContext();\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"disabled\",\n    \"selected\",\n    \"onClick\",\n    \"href\",\n    \"linkElement\",\n    \"linkProps\",\n    \"value\",\n    \"optionRenderer\",\n    \"ref\",\n  ]);\n\n  let rippleActions: RippleActionsRef | undefined;\n\n  const onClick: JSX.EventHandler<HTMLLIElement, MouseEvent> = (event) => {\n    if (local.disabled) {\n      if (local.href) event.preventDefault();\n      return;\n    }\n    callHandler(local.onClick, event);\n  };\n\n  const onPointerDown = (event: PointerEvent): void => {\n    if (!local.disabled) rippleActions?.onRipple(event);\n  };\n\n  const classes = (): string =>\n    cn(\"smwb-menu__item\", local.class, {\n      \"smwb-menu__item--dense\": ctx.dense,\n      \"smwb-menu__item--disabled\": local.disabled,\n      \"smwb-menu__item--selected\": local.selected,\n    });\n\n  return (\n    <Show when={!local.optionRenderer} fallback={local.optionRenderer?.(props)}>\n      <li\n        {...rest}\n        role=\"menuitem\"\n        ref={mergeRefs(local.ref)}\n        class={classes()}\n        tabindex={local.disabled ? undefined : 0}\n        onClick={onClick}\n        data-value={local.value as string | number | undefined}\n        onPointerDown={onPointerDown}\n      >\n        <Show\n          when={local.href}\n          fallback={<span class=\"smwb-menu__item-inner\">{local.children}</span>}\n        >\n          <Dynamic component={local.linkElement ?? \"a\"} class=\"smwb-menu__item-inner\" href={local.href} {...(local.linkProps ?? {})}>\n            {local.children}\n            <span class=\"smwb-menu__item__helper-text\" />\n          </Dynamic>\n        </Show>\n        <Ripple actionRef={(actions) => (rippleActions = actions)} />\n      </li>\n    </Show>\n  );\n}\n\nexport default MenuItem;\n"],"names":["MenuItem","props","ctx","useMenuContext","local","rest","splitProps","rippleActions","onClick","event","disabled","href","preventDefault","callHandler","onPointerDown","onRipple","classes","cn","class","dense","selected","_$createComponent","Show","when","optionRenderer","fallback","children","_el$","_tmpl$2","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","tabindex","undefined","value","_$insert","_el$3","_tmpl$3","Dynamic","component","linkElement","linkProps","_$memo","_tmpl$","Ripple","actionRef","actions"],"mappings":";;;;;;;;AAoBO,SAASA,EAASC,GAAgD;AACvE,QAAMC,IAAMC,EAAAA,GACN,CAACC,GAAOC,CAAI,IAAIC,EAAWL,GAAO,CACtC,YACA,SACA,YACA,YACA,WACA,QACA,eACA,aACA,SACA,kBACA,KAAK,CACN;AAED,MAAIM;AAEJ,QAAMC,IAAwDC,CAAAA,MAAU;AACtE,QAAIL,EAAMM,UAAU;AAClB,MAAIN,EAAMO,QAAMF,EAAMG,eAAAA;AACtB;AAAA,IACF;AACAC,IAAAA,EAAYT,EAAMI,SAASC,CAAK;AAAA,EAClC,GAEMK,IAAgBA,CAACL,MAA8B;AACnD,IAAKL,EAAMM,YAAUH,GAAeQ,SAASN,CAAK;AAAA,EACpD,GAEMO,IAAUA,MACdC,EAAG,mBAAmBb,EAAMc,OAAO;AAAA,IACjC,0BAA0BhB,EAAIiB;AAAAA,IAC9B,6BAA6Bf,EAAMM;AAAAA,IACnC,6BAA6BN,EAAMgB;AAAAA,EAAAA,CACpC;AAEH,SAAAC,EACGC,GAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAE,CAACnB,EAAMoB;AAAAA,IAAc;AAAA,IAAA,IAAEC,WAAQ;AAAA,aAAErB,EAAMoB,iBAAiBvB,CAAK;AAAA,IAAC;AAAA,IAAA,IAAAyB,WAAA;AAAA,UAAAC,IAAAC,EAAAA,GAAAC,IAIjEC,EAAU1B,EAAM2B,GAAG;AAAC,oBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EAFrB7B,GAAI;AAAA,QAAA,MACH;AAAA,QAAU,IAAA,QAAA;AAAA,iBAERW,EAAAA;AAAAA,QAAS;AAAA,QAAA,IAChBmB,WAAQ;AAAA,iBAAE/B,EAAMM,WAAW0B,SAAY;AAAA,QAAC;AAAA,QAAA,SAC/B5B;AAAAA,QAAO,IAAA,eAAA;AAAA,iBACJJ,EAAMiC;AAAAA,QAAoC;AAAA,QAAA,eACvCvB;AAAAA,MAAAA,CAAa,GAAA,IAAA,EAAA,GAAAwB,EAAAX,GAAAN,EAE3BC,GAAI;AAAA,QAAA,IACHC,OAAI;AAAA,iBAAEnB,EAAMO;AAAAA,QAAI;AAAA,QAAA,IAChBc,WAAQ;AAAA,kBAAA,MAAA;AAAA,gBAAAc,IAAAC,EAAAA;AAAAF,mBAAAA,EAAAC,GAAA,MAAuCnC,EAAMsB,QAAQ,GAAAa;AAAAA,UAAA,GAAA;AAAA,QAAA;AAAA,QAAA,IAAAb,WAAA;AAAA,iBAAAL,EAE5DoB,GAAOP,EAAA;AAAA,YAAA,IAACQ,YAAS;AAAA,qBAAEtC,EAAMuC,eAAe;AAAA,YAAG;AAAA,YAAA,OAAA;AAAA,YAAA,IAAgChC,OAAI;AAAA,qBAAEP,EAAMO;AAAAA,YAAI;AAAA,UAAA,GAAA,MAAOP,EAAMwC,aAAa,IAAE;AAAA,YAAA,IAAAlB,WAAA;AAAA,qBAAA,CAAAmB,EAAA,MACrHzC,EAAMsB,QAAQ,GAAAoB,GAAA;AAAA,YAAA;AAAA,UAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,GAAA,IAAA,GAAAR,EAAAX,GAAAN,EAIlB0B,GAAM;AAAA,QAACC,WAAYC,OAAa1C,IAAgB0C;AAAAA,MAAAA,CAAQ,GAAA,IAAA,GAAAtB;AAAAA,IAAA;AAAA,EAAA,CAAA;AAIjE;"}
+{"version":3,"file":"menuItem.js","sources":["../../../../src/components/navigation/menu/menuItem.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { useMenuContext } from \"./menuContext\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\n\nexport interface MenuItemProps extends JSX.HTMLAttributes<HTMLLIElement> {\n  /**\n   * Greys the item out and marks it `aria-disabled`. It takes no focus, the arrow keys\n   * skip it, and neither a click nor Enter or Space chooses it.\n   */\n  disabled?: boolean | undefined;\n  selected?: boolean | undefined;\n  href?: string | undefined;\n  linkElement?: string;\n  linkProps?: JSX.AnchorHTMLAttributes<HTMLAnchorElement>;\n  value?: unknown;\n  optionRenderer?: ((args: MenuItemProps) => JSX.Element) | undefined;\n  onClick?: JSX.EventHandlerUnion<HTMLLIElement, MouseEvent>;\n  ref?: Ref<HTMLLIElement>;\n}\n\nexport function MenuItem(props: ParentProps<MenuItemProps>): JSX.Element {\n  const ctx = useMenuContext();\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"disabled\",\n    \"selected\",\n    \"onClick\",\n    \"onKeyDown\",\n    \"href\",\n    \"linkElement\",\n    \"linkProps\",\n    \"value\",\n    \"optionRenderer\",\n    \"ref\",\n    // The item sets these on its root too; its own handlers call the caller's.\n    \"onMouseDown\",\n    \"onPointerDown\",\n  ]);\n\n  let rippleActions: RippleActionsRef | undefined;\n\n  // Enter or Space chooses the focused item, as it would press a button: through a click,\n  // so the item's onClick and whatever listens for its clicks (a submenu closing the menu)\n  // run as for a pointer. An item with a link clicks the link. A key pressed on something\n  // inside the item, such as the link itself, is that element's own.\n  const onKeyDown: JSX.EventHandler<HTMLLIElement, KeyboardEvent> = (event) => {\n    callHandler(local.onKeyDown, event);\n    if (event.defaultPrevented || local.disabled || event.target !== event.currentTarget) return;\n    if (event.key === \"Enter\" || event.key === \" \") {\n      // Handled: Space doesn't scroll, and Enter doesn't press the button that takes\n      // focus when the menu closes.\n      event.preventDefault();\n      const link = local.href ? event.currentTarget.firstElementChild : null;\n      ((link as HTMLElement | null) ?? event.currentTarget).click();\n    }\n  };\n\n  const onClick: JSX.EventHandler<HTMLLIElement, MouseEvent> = (event) => {\n    if (local.disabled) {\n      if (local.href) event.preventDefault();\n      return;\n    }\n    callHandler(local.onClick, event);\n  };\n\n  // Like a click, a press on a disabled item reaches no handler of the caller's.\n  const onMouseDown: JSX.EventHandler<HTMLLIElement, MouseEvent> = (event) => {\n    if (!local.disabled) callHandler(local.onMouseDown, event);\n  };\n\n  const onPointerDown: JSX.EventHandler<HTMLLIElement, PointerEvent> = (event) => {\n    callHandler(local.onPointerDown, event);\n    if (!local.disabled) rippleActions?.onRipple(event);\n  };\n\n  const classes = (): string =>\n    cn(\"smwb-menu__item\", local.class, {\n      \"smwb-menu__item--dense\": ctx.dense,\n      \"smwb-menu__item--disabled\": local.disabled,\n      \"smwb-menu__item--selected\": local.selected,\n    });\n\n  return (\n    <Show when={!local.optionRenderer} fallback={local.optionRenderer?.(props)}>\n      <li\n        {...rest}\n        // A menu item's role wins over the caller's, and so does its data-value\n        // where it has a value. Its tabindex is a default: the caller's wins.\n        role=\"menuitem\"\n        ref={mergeRefs(local.ref)}\n        aria-disabled={local.disabled || undefined}\n        class={classes()}\n        tabindex={rest.tabindex ?? (local.disabled ? undefined : 0)}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        data-value={local.value as string | number | undefined}\n        onMouseDown={onMouseDown}\n        onPointerDown={onPointerDown}\n      >\n        <Show\n          when={local.href}\n          fallback={<span class=\"smwb-menu__item-inner\">{local.children}</span>}\n        >\n          <Dynamic component={local.linkElement ?? \"a\"} class=\"smwb-menu__item-inner\" href={local.href} {...(local.linkProps ?? {})}>\n            {local.children}\n            <span class=\"smwb-menu__item__helper-text\" />\n          </Dynamic>\n        </Show>\n        <Ripple actionRef={(actions) => (rippleActions = actions)} />\n      </li>\n    </Show>\n  );\n}\n\nexport default MenuItem;\n"],"names":["MenuItem","props","ctx","useMenuContext","local","rest","splitProps","rippleActions","onKeyDown","event","callHandler","defaultPrevented","disabled","target","currentTarget","key","preventDefault","href","firstElementChild","click","onClick","onMouseDown","onPointerDown","onRipple","classes","cn","class","dense","selected","_$createComponent","Show","when","optionRenderer","fallback","children","_el$","_tmpl$2","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","undefined","tabindex","value","_$insert","_el$3","_tmpl$3","Dynamic","component","linkElement","linkProps","_$memo","_tmpl$","Ripple","actionRef","actions"],"mappings":"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"}

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

@@ -1,7 +1,11 @@
 import { type JSX, type ParentProps } from "solid-js";
 import { type Ref } from "../../../primitives/mergeRefs";
+/** The items the arrow keys move between; a disabled item is marked aria-disabled. */
+export declare const ENABLED_ITEM_SELECTOR = "[role=\"menuitem\"]:not([aria-disabled=\"true\"])";
 export interface MenuListProps extends JSX.HTMLAttributes<HTMLDivElement> {
     ref?: Ref<HTMLDivElement>;
+    /** Role of the inner list, `menu` by default (see `MenuProps`). */
+    listRole?: JSX.AriaAttributes["role"] | undefined;
 }
 export declare function MenuList(props: ParentProps<MenuListProps>): JSX.Element;
 export default MenuList;