@smwb/ui-solid 0.12.1 → 0.13.0

package/dist/headless/components/navigation/breadcrumbs/breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.js","sources":["../../../../../src/components/navigation/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { type JSX, type ParentProps, For, Show, children as resolveChildren, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface BreadcrumbsProps extends JSX.HTMLAttributes<HTMLElement> {\n  /** Node placed between every crumb. */\n  separator?: JSX.Element;\n  /** Collapse the middle of the trail when there are more than `maxItems` crumbs. */\n  maxItems?: number;\n  /** How many leading crumbs to keep when collapsed. */\n  itemsBeforeCollapse?: number;\n  /** How many trailing crumbs to keep when collapsed. */\n  itemsAfterCollapse?: number;\n  /** Controlled expanded state. */\n  expanded?: boolean;\n  /** Fired when the user activates the expand control. */\n  onExpand?: () => void;\n  /** Accessible label for the expand button. */\n  expandLabel?: string;\n  ref?: Ref<HTMLElement>;\n}\n\nexport function Breadcrumbs(props: ParentProps<BreadcrumbsProps>): JSX.Element {\n  const merged = mergeProps(\n    { separator: \"/\" as JSX.Element, maxItems: 8, itemsBeforeCollapse: 1, itemsAfterCollapse: 1, expandLabel: \"Show path\" },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"separator\",\n    \"maxItems\",\n    \"itemsBeforeCollapse\",\n    \"itemsAfterCollapse\",\n    \"expanded\",\n    \"onExpand\",\n    \"expandLabel\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  const [expanded, setExpanded] = createControllableState<boolean>({\n    value: () => local.expanded,\n    defaultValue: false,\n    onChange: () => local.onExpand?.(),\n  });\n\n  const resolved = resolveChildren(() => local.children);\n  const crumbs = (): unknown[] => resolved.toArray();\n\n  const collapsed = (): boolean =>\n    !expanded() &&\n    crumbs().length > local.maxItems &&\n    local.itemsBeforeCollapse + local.itemsAfterCollapse < crumbs().length;\n\n  const handleExpand = (): void => setExpanded(true);\n\n  const rendered = (): unknown[] => {\n    const all = crumbs();\n    if (!collapsed()) return all;\n    return [\n      ...all.slice(0, local.itemsBeforeCollapse),\n      (\n        <button type=\"button\" class=\"smwb-breadcrumbs__expand\" aria-label={local.expandLabel} onClick={handleExpand}>\n          …\n        </button>\n      ),\n      ...all.slice(all.length - local.itemsAfterCollapse),\n    ];\n  };\n\n  return (\n    <nav {...rest} ref={mergeRefs(local.ref)} data-testid=\"breadcrumbs\" aria-label=\"breadcrumb\" class={cn(\"smwb-breadcrumbs\", local.class)}>\n      <ol class=\"smwb-breadcrumbs__list\">\n        <For each={rendered()}>\n          {(crumb, index) => (\n            <>\n              <li class=\"smwb-breadcrumbs__item\">{crumb as JSX.Element}</li>\n              <Show when={index() < rendered().length - 1}>\n                <li class=\"smwb-breadcrumbs__separator\" aria-hidden=\"true\">\n                  {local.separator}\n                </li>\n              </Show>\n            </>\n          )}\n        </For>\n      </ol>\n    </nav>\n  );\n}\n\nexport default Breadcrumbs;\n"],"names":["Breadcrumbs","props","merged","mergeProps","separator","maxItems","itemsBeforeCollapse","itemsAfterCollapse","expandLabel","local","rest","splitProps","expanded","setExpanded","createControllableState","value","defaultValue","onChange","onExpand","resolved","resolveChildren","children","crumbs","toArray","collapsed","length","handleExpand","rendered","all","slice","_el$","_tmpl$","$$click","_$effect","_$setAttribute","_el$2","_tmpl$2","_el$3","firstChild","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","_$insert","_$createComponent","For","each","crumb","index","_el$4","_tmpl$3","Show","when","_el$5","_tmpl$4","_$delegateEvents"],"mappings":";;;;;;AAuBO,SAASA,EAAYC,GAAmD;AAC7E,QAAMC,IAASC,EACb;AAAA,IAAEC,WAAW;AAAA,IAAoBC,UAAU;AAAA,IAAGC,qBAAqB;AAAA,IAAGC,oBAAoB;AAAA,IAAGC,aAAa;AAAA,EAAA,GAC1GP,CACF,GACM,CAACQ,GAAOC,CAAI,IAAIC,EAAWT,GAAQ,CACvC,SACA,aACA,YACA,uBACA,sBACA,YACA,YACA,eACA,YACA,KAAK,CACN,GAEK,CAACU,GAAUC,CAAW,IAAIC,EAAiC;AAAA,IAC/DC,OAAOA,MAAMN,EAAMG;AAAAA,IACnBI,cAAc;AAAA,IACdC,UAAUA,MAAMR,EAAMS,WAAAA;AAAAA,EAAW,CAClC,GAEKC,IAAWC,EAAgB,MAAMX,EAAMY,QAAQ,GAC/CC,IAASA,MAAiBH,EAASI,QAAAA,GAEnCC,IAAYA,MAChB,CAACZ,EAAAA,KACDU,EAAAA,EAASG,SAAShB,EAAMJ,YACxBI,EAAMH,sBAAsBG,EAAMF,qBAAqBe,IAASG,QAE5DC,IAAeA,MAAYb,EAAY,EAAI,GAE3Cc,IAAWA,MAAiB;AAChC,UAAMC,IAAMN,EAAAA;AACZ,WAAKE,EAAAA,IACE,CACL,GAAGI,EAAIC,MAAM,GAAGpB,EAAMH,mBAAmB,IAAC,MAAA;AAAA,UAAAwB,IAAAC,EAAAA;AAAAD,aAAAA,EAAAE,UAEuDN,GAAYO,QAAAC,EAAAJ,GAAA,cAAxCrB,EAAMD,WAAW,CAAA,GAAAsB;AAAAA,IAAA,GAAA,GAItF,GAAGF,EAAIC,MAAMD,EAAIH,SAAShB,EAAMF,kBAAkB,CAAC,IAR5BqB;AAAAA,EAU3B;AAEA,UAAA,MAAA;AAAA,QAAAO,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IACsBC,EAAU/B,EAAMgC,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAJ,CAAA,GAAAQ,EAAAR,GAAAS,EAA/BlC,GAAI;AAAA,MAAA,eAAyC;AAAA,MAAa,cAAY;AAAA,MAAY,IAAA,QAAA;AAAA,eAAQmC,EAAG,oBAAoBpC,EAAMqC,KAAK;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAV,GAAAW,EAEjIC,GAAG;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEvB,EAAAA;AAAAA,MAAU;AAAA,MAAAN,UAClBA,CAAC8B,GAAOC,MAAK,EAAA,MAAA;AAAA,YAAAC,IAAAC,EAAAA;AAAAP,eAAAA,EAAAM,GAE0BF,CAAoB,GAAAE;AAAAA,MAAA,GAAA,GAAAL,EACvDO,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAEJ,EAAAA,IAAUzB,EAAAA,EAAWF,SAAS;AAAA,QAAC;AAAA,QAAA,IAAAJ,WAAA;AAAA,cAAAoC,IAAAC,EAAAA;AAAAX,iBAAAA,EAAAU,GAAA,MAEtChD,EAAML,SAAS,GAAAqD;AAAAA,QAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA,CAIvB,CAAA,GAAAtB;AAAAA,EAAA,GAAA;AAKX;AAE2BwB,EAAA,CAAA,OAAA,CAAA;"}
+{"version":3,"file":"breadcrumbs.js","sources":["../../../../../src/components/navigation/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { type JSX, type ParentProps, For, Show, children as resolveChildren, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface BreadcrumbsProps extends JSX.HTMLAttributes<HTMLElement> {\n  /** Node placed between every crumb. */\n  separator?: JSX.Element;\n  /** Collapse the middle of the trail when there are more than `maxItems` crumbs. */\n  maxItems?: number;\n  /** How many leading crumbs to keep when collapsed. */\n  itemsBeforeCollapse?: number;\n  /** How many trailing crumbs to keep when collapsed. */\n  itemsAfterCollapse?: number;\n  /** Controlled expanded state. */\n  expanded?: boolean;\n  /** Fired when the user activates the expand control. */\n  onExpand?: () => void;\n  /** Accessible label for the expand button. */\n  expandLabel?: string;\n  /** Test id of the root `<nav>`; `breadcrumbs` unless given. */\n  \"data-testid\"?: string | undefined;\n  ref?: Ref<HTMLElement>;\n}\n\nexport function Breadcrumbs(props: ParentProps<BreadcrumbsProps>): JSX.Element {\n  const merged = mergeProps(\n    { separator: \"/\" as JSX.Element, maxItems: 8, itemsBeforeCollapse: 1, itemsAfterCollapse: 1, expandLabel: \"Show path\" },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"separator\",\n    \"maxItems\",\n    \"itemsBeforeCollapse\",\n    \"itemsAfterCollapse\",\n    \"expanded\",\n    \"onExpand\",\n    \"expandLabel\",\n    \"children\",\n    \"ref\",\n    \"data-testid\",\n  ]);\n\n  const [expanded, setExpanded] = createControllableState<boolean>({\n    value: () => local.expanded,\n    defaultValue: false,\n    onChange: () => local.onExpand?.(),\n  });\n\n  const resolved = resolveChildren(() => local.children);\n  const crumbs = (): unknown[] => resolved.toArray();\n\n  const collapsed = (): boolean =>\n    !expanded() &&\n    crumbs().length > local.maxItems &&\n    local.itemsBeforeCollapse + local.itemsAfterCollapse < crumbs().length;\n\n  const handleExpand = (): void => setExpanded(true);\n\n  const rendered = (): unknown[] => {\n    const all = crumbs();\n    if (!collapsed()) return all;\n    return [\n      ...all.slice(0, local.itemsBeforeCollapse),\n      (\n        <button type=\"button\" class=\"smwb-breadcrumbs__expand\" aria-label={local.expandLabel} onClick={handleExpand}>\n          …\n        </button>\n      ),\n      ...all.slice(all.length - local.itemsAfterCollapse),\n    ];\n  };\n\n  return (\n    <nav\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid={local[\"data-testid\"] ?? \"breadcrumbs\"}\n      // A default the caller's own replaces, to name it in their language; an\n      // explicit undefined keeps it.\n      aria-label={rest[\"aria-label\"] ?? \"breadcrumb\"}\n      class={cn(\"smwb-breadcrumbs\", local.class)}\n    >\n      <ol class=\"smwb-breadcrumbs__list\">\n        <For each={rendered()}>\n          {(crumb, index) => (\n            <>\n              <li class=\"smwb-breadcrumbs__item\">{crumb as JSX.Element}</li>\n              <Show when={index() < rendered().length - 1}>\n                <li class=\"smwb-breadcrumbs__separator\" aria-hidden=\"true\">\n                  {local.separator}\n                </li>\n              </Show>\n            </>\n          )}\n        </For>\n      </ol>\n    </nav>\n  );\n}\n\nexport default Breadcrumbs;\n"],"names":["Breadcrumbs","props","merged","mergeProps","separator","maxItems","itemsBeforeCollapse","itemsAfterCollapse","expandLabel","local","rest","splitProps","expanded","setExpanded","createControllableState","value","defaultValue","onChange","onExpand","resolved","resolveChildren","children","crumbs","toArray","collapsed","length","handleExpand","rendered","all","slice","_el$","_tmpl$","$$click","_$effect","_$setAttribute","_el$2","_tmpl$2","_el$3","firstChild","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","_$insert","_$createComponent","For","each","crumb","index","_el$4","_tmpl$3","Show","when","_el$5","_tmpl$4","_$delegateEvents"],"mappings":";;;;;;AAyBO,SAASA,EAAYC,GAAmD;AAC7E,QAAMC,IAASC,EACb;AAAA,IAAEC,WAAW;AAAA,IAAoBC,UAAU;AAAA,IAAGC,qBAAqB;AAAA,IAAGC,oBAAoB;AAAA,IAAGC,aAAa;AAAA,EAAA,GAC1GP,CACF,GACM,CAACQ,GAAOC,CAAI,IAAIC,EAAWT,GAAQ,CACvC,SACA,aACA,YACA,uBACA,sBACA,YACA,YACA,eACA,YACA,OACA,aAAa,CACd,GAEK,CAACU,GAAUC,CAAW,IAAIC,EAAiC;AAAA,IAC/DC,OAAOA,MAAMN,EAAMG;AAAAA,IACnBI,cAAc;AAAA,IACdC,UAAUA,MAAMR,EAAMS,WAAAA;AAAAA,EAAW,CAClC,GAEKC,IAAWC,EAAgB,MAAMX,EAAMY,QAAQ,GAC/CC,IAASA,MAAiBH,EAASI,QAAAA,GAEnCC,IAAYA,MAChB,CAACZ,EAAAA,KACDU,EAAAA,EAASG,SAAShB,EAAMJ,YACxBI,EAAMH,sBAAsBG,EAAMF,qBAAqBe,IAASG,QAE5DC,IAAeA,MAAYb,EAAY,EAAI,GAE3Cc,IAAWA,MAAiB;AAChC,UAAMC,IAAMN,EAAAA;AACZ,WAAKE,EAAAA,IACE,CACL,GAAGI,EAAIC,MAAM,GAAGpB,EAAMH,mBAAmB,IAAC,MAAA;AAAA,UAAAwB,IAAAC,EAAAA;AAAAD,aAAAA,EAAAE,UAEuDN,GAAYO,QAAAC,EAAAJ,GAAA,cAAxCrB,EAAMD,WAAW,CAAA,GAAAsB;AAAAA,IAAA,GAAA,GAItF,GAAGF,EAAIC,MAAMD,EAAIH,SAAShB,EAAMF,kBAAkB,CAAC,IAR5BqB;AAAAA,EAU3B;AAEA,UAAA,MAAA;AAAA,QAAAO,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAGSC,EAAU/B,EAAMgC,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAJ,CAAA,GAAAQ,EAAAR,GAAAS,EADrBlC,GAAI;AAAA,MAAA,IAAA,gBAAA;AAAA,eAEKD,EAAM,aAAa,KAAK;AAAA,MAAa;AAAA,MAAA,IAAA,eAAA;AAAA,eAGtCC,EAAK,YAAY,KAAK;AAAA,MAAY;AAAA,MAAA,IAAA,QAAA;AAAA,eACvCmC,EAAG,oBAAoBpC,EAAMqC,KAAK;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAV,GAAAW,EAGvCC,GAAG;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEvB,EAAAA;AAAAA,MAAU;AAAA,MAAAN,UAClBA,CAAC8B,GAAOC,MAAK,EAAA,MAAA;AAAA,YAAAC,IAAAC,EAAAA;AAAAP,eAAAA,EAAAM,GAE0BF,CAAoB,GAAAE;AAAAA,MAAA,GAAA,GAAAL,EACvDO,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAEJ,EAAAA,IAAUzB,EAAAA,EAAWF,SAAS;AAAA,QAAC;AAAA,QAAA,IAAAJ,WAAA;AAAA,cAAAoC,IAAAC,EAAAA;AAAAX,iBAAAA,EAAAU,GAAA,MAEtChD,EAAML,SAAS,GAAAqD;AAAAA,QAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA,CAIvB,CAAA,GAAAtB;AAAAA,EAAA,GAAA;AAKX;AAE2BwB,EAAA,CAAA,OAAA,CAAA;"}

package/dist/headless/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":";;;;AAUO,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":";;;;AAgBO,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/headless/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/headless/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/headless/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/headless/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/headless/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/headless/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/headless/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/headless/components/navigation/menu/menuList.js

@@ -1,27 +1,45 @@
-import { use as f, spread as m, mergeProps as u, insert as c, effect as p, className as d, template as g, delegateEvents as y } from "solid-js/web";
-import { splitProps as w } from "solid-js";
-import s from "clsx";
-import { useMenuContext as h } from "./menuContext.js";
-import { mergeRefs as _ } from "../../../primitives/mergeRefs.js";
-var $ = /* @__PURE__ */ g("<div><ul role=menu aria-orientation=vertical>");
-function A(l) {
-  const n = h(), [o, i] = w(l, ["children", "class", "ref"]), a = (e) => {
-    const r = Array.from(e.currentTarget.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])'));
+import { use as p, spread as g, mergeProps as v, insert as y, effect as w, className as h, setAttribute as a, template as D, delegateEvents as E } from "solid-js/web";
+import { splitProps as k } from "solid-js";
+import f from "clsx";
+import { useMenuContext as b } from "./menuContext.js";
+import { mergeRefs as A } from "../../../primitives/mergeRefs.js";
+var _ = /* @__PURE__ */ D("<div><ul>");
+const x = '[role="menuitem"]:not([aria-disabled="true"])';
+function P(m) {
+  const n = b(), [l, c] = k(m, ["children", "class", "ref", "listRole"]), d = (e) => {
+    if (e.defaultPrevented) return;
+    if (e.key === "Escape") {
+      n.variant === "floating" && e.preventDefault(), n.onClose();
+      return;
+    }
+    if (e.key === "ArrowLeft" && n.submenu) {
+      e.preventDefault(), n.onClose();
+      return;
+    }
+    const o = e.currentTarget, r = Array.from(o.querySelectorAll(x)).filter((s) => s.closest('[role="menu"]') === o);
     if (r.length === 0) return;
     const t = r.indexOf(document.activeElement);
-    e.key === "ArrowDown" ? (e.preventDefault(), r[(t + 1 + r.length) % r.length]?.focus()) : e.key === "ArrowUp" ? (e.preventDefault(), r[(t - 1 + r.length) % r.length]?.focus()) : e.key === "Home" ? (e.preventDefault(), r[0]?.focus()) : e.key === "End" ? (e.preventDefault(), r[r.length - 1]?.focus()) : e.key === "Escape" && n.onClose();
+    e.key === "ArrowDown" ? (e.preventDefault(), r[(t + 1 + r.length) % r.length]?.focus()) : e.key === "ArrowUp" ? (e.preventDefault(), r[(t - 1 + r.length) % r.length]?.focus()) : e.key === "Home" ? (e.preventDefault(), r[0]?.focus()) : e.key === "End" && (e.preventDefault(), r[r.length - 1]?.focus());
   };
   return (() => {
-    var e = $(), r = e.firstChild, t = _(o.ref);
-    return typeof t == "function" && f(t, e), m(e, u(i, {
+    var e = _(), o = e.firstChild, r = A(l.ref);
+    return typeof r == "function" && p(r, e), g(e, v(c, {
       get class() {
-        return s("smwb-menu", o.class, `smwb-menu--${n.variant}`);
+        return f("smwb-menu", l.class, `smwb-menu--${n.variant}`);
       }
-    }), !1, !0), r.$$keydown = a, c(r, () => o.children), p(() => d(r, s("smwb-menu__list", `smwb-menu__list--${n.variant}`))), e;
+    }), !1, !0), o.$$keydown = d, y(o, () => l.children), w((t) => {
+      var s = f("smwb-menu__list", `smwb-menu__list--${n.variant}`), i = l.listRole ?? "menu", u = (l.listRole ?? "menu") === "menu" ? "vertical" : void 0;
+      return s !== t.e && h(o, t.e = s), i !== t.t && a(o, "role", t.t = i), u !== t.a && a(o, "aria-orientation", t.a = u), t;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), e;
   })();
 }
-y(["keydown"]);
+E(["keydown"]);
 export {
-  A as MenuList
+  x as ENABLED_ITEM_SELECTOR,
+  P as MenuList
 };
 //# sourceMappingURL=menuList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menuList.js","sources":["../../../../../src/components/navigation/menu/menuList.tsx"],"sourcesContent":["import { type JSX, type ParentProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { useMenuContext } from \"./menuContext\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface MenuListProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function MenuList(props: ParentProps<MenuListProps>): JSX.Element {\n  const ctx = useMenuContext();\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"ref\"]);\n\n  const onKeyDown: JSX.EventHandler<HTMLUListElement, KeyboardEvent> = (event) => {\n    const items = Array.from(\n      event.currentTarget.querySelectorAll<HTMLElement>('[role=\"menuitem\"]:not([aria-disabled=\"true\"])')\n    );\n    if (items.length === 0) return;\n    const currentIndex = items.indexOf(document.activeElement as HTMLElement);\n\n    if (event.key === \"ArrowDown\") {\n      event.preventDefault();\n      items[(currentIndex + 1 + items.length) % items.length]?.focus();\n    } else if (event.key === \"ArrowUp\") {\n      event.preventDefault();\n      items[(currentIndex - 1 + items.length) % items.length]?.focus();\n    } else if (event.key === \"Home\") {\n      event.preventDefault();\n      items[0]?.focus();\n    } else if (event.key === \"End\") {\n      event.preventDefault();\n      items[items.length - 1]?.focus();\n    } else if (event.key === \"Escape\") {\n      ctx.onClose();\n    }\n  };\n\n  return (\n    <div {...rest} ref={mergeRefs(local.ref)} class={cn(\"smwb-menu\", local.class, `smwb-menu--${ctx.variant}`)}>\n      <ul\n        class={cn(\"smwb-menu__list\", `smwb-menu__list--${ctx.variant}`)}\n        role=\"menu\"\n        aria-orientation=\"vertical\"\n        onKeyDown={onKeyDown}\n      >\n        {local.children}\n      </ul>\n    </div>\n  );\n}\n\nexport default MenuList;\n"],"names":["MenuList","props","ctx","useMenuContext","local","rest","splitProps","onKeyDown","event","items","Array","from","currentTarget","querySelectorAll","length","currentIndex","indexOf","document","activeElement","key","preventDefault","focus","onClose","_el$","_tmpl$","_el$2","firstChild","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","variant","$$keydown","_$insert","children","_$effect","_$className","_$delegateEvents"],"mappings":";;;;;;AASO,SAASA,EAASC,GAAgD;AACvE,QAAMC,IAAMC,EAAAA,GACN,CAACC,GAAOC,CAAI,IAAIC,EAAWL,GAAO,CAAC,YAAY,SAAS,KAAK,CAAC,GAE9DM,IAAgEC,CAAAA,MAAU;AAC9E,UAAMC,IAAQC,MAAMC,KAClBH,EAAMI,cAAcC,iBAA8B,+CAA+C,CACnG;AACA,QAAIJ,EAAMK,WAAW,EAAG;AACxB,UAAMC,IAAeN,EAAMO,QAAQC,SAASC,aAA4B;AAExE,IAAIV,EAAMW,QAAQ,eAChBX,EAAMY,eAAAA,GACNX,GAAOM,IAAe,IAAIN,EAAMK,UAAUL,EAAMK,MAAM,GAAGO,MAAAA,KAChDb,EAAMW,QAAQ,aACvBX,EAAMY,eAAAA,GACNX,GAAOM,IAAe,IAAIN,EAAMK,UAAUL,EAAMK,MAAM,GAAGO,MAAAA,KAChDb,EAAMW,QAAQ,UACvBX,EAAMY,eAAAA,GACNX,EAAM,CAAC,GAAGY,MAAAA,KACDb,EAAMW,QAAQ,SACvBX,EAAMY,eAAAA,GACNX,EAAMA,EAAMK,SAAS,CAAC,GAAGO,MAAAA,KAChBb,EAAMW,QAAQ,YACvBjB,EAAIoB,QAAAA;AAAAA,EAER;AAEA,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IACsBC,EAAUxB,EAAMyB,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAJ,CAAA,GAAAQ,EAAAR,GAAAS,EAA/B3B,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAAoC4B,EAAG,aAAa7B,EAAM8B,OAAO,cAAchC,EAAIiC,OAAO,EAAE;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAV,EAAAW,YAK3F7B,GAAS8B,EAAAZ,GAAA,MAEnBrB,EAAMkC,QAAQ,GAAAC,EAAA,MAAAC,EAAAf,GALRQ,EAAG,mBAAmB,oBAAoB/B,EAAIiC,OAAO,EAAE,CAAC,CAAA,GAAAZ;AAAAA,EAAA,GAAA;AASvE;AAEwBkB,EAAA,CAAA,SAAA,CAAA;"}
+{"version":3,"file":"menuList.js","sources":["../../../../../src/components/navigation/menu/menuList.tsx"],"sourcesContent":["import { type JSX, type ParentProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { useMenuContext } from \"./menuContext\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\n/** The items the arrow keys move between; a disabled item is marked aria-disabled. */\nexport const ENABLED_ITEM_SELECTOR = '[role=\"menuitem\"]:not([aria-disabled=\"true\"])';\n\nexport interface MenuListProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n  /** Role of the inner list, `menu` by default (see `MenuProps`). */\n  listRole?: JSX.AriaAttributes[\"role\"] | undefined;\n}\n\nexport function MenuList(props: ParentProps<MenuListProps>): JSX.Element {\n  const ctx = useMenuContext();\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"ref\", \"listRole\"]);\n\n  const onKeyDown: JSX.EventHandler<HTMLUListElement, KeyboardEvent> = (event) => {\n    // Handled inside already, e.g. by a submenu's own list: not this list's key.\n    if (event.defaultPrevented) return;\n    if (event.key === \"Escape\") {\n      // A floating menu closes on it and marks it handled, so what is around the menu\n      // (a parent menu, FloatingWindow, fullscreen ExpansionPanel, Modal, Sheet) leaves\n      // this press alone. A static menu stays in place and lets it through.\n      if (ctx.variant === \"floating\") event.preventDefault();\n      ctx.onClose();\n      return;\n    }\n    if (event.key === \"ArrowLeft\" && ctx.submenu) {\n      // A submenu closes and gives focus back to its row (MenuFloating does that).\n      event.preventDefault();\n      ctx.onClose();\n      return;\n    }\n    // This list's own items: an open submenu drawn inside it keeps its items to itself.\n    const list = event.currentTarget;\n    const items = Array.from(list.querySelectorAll<HTMLElement>(ENABLED_ITEM_SELECTOR)).filter(\n      (item) => item.closest('[role=\"menu\"]') === list\n    );\n    if (items.length === 0) return;\n    const currentIndex = items.indexOf(document.activeElement as HTMLElement);\n\n    if (event.key === \"ArrowDown\") {\n      event.preventDefault();\n      items[(currentIndex + 1 + items.length) % items.length]?.focus();\n    } else if (event.key === \"ArrowUp\") {\n      event.preventDefault();\n      items[(currentIndex - 1 + items.length) % items.length]?.focus();\n    } else if (event.key === \"Home\") {\n      event.preventDefault();\n      items[0]?.focus();\n    } else if (event.key === \"End\") {\n      event.preventDefault();\n      items[items.length - 1]?.focus();\n    }\n  };\n\n  return (\n    <div {...rest} ref={mergeRefs(local.ref)} class={cn(\"smwb-menu\", local.class, `smwb-menu--${ctx.variant}`)}>\n      <ul\n        class={cn(\"smwb-menu__list\", `smwb-menu__list--${ctx.variant}`)}\n        role={local.listRole ?? \"menu\"}\n        // ARIA allows an orientation on a menu, not on a presentation list.\n        aria-orientation={(local.listRole ?? \"menu\") === \"menu\" ? \"vertical\" : undefined}\n        onKeyDown={onKeyDown}\n      >\n        {local.children}\n      </ul>\n    </div>\n  );\n}\n\nexport default MenuList;\n"],"names":["ENABLED_ITEM_SELECTOR","MenuList","props","ctx","useMenuContext","local","rest","splitProps","onKeyDown","event","defaultPrevented","key","variant","preventDefault","onClose","submenu","list","currentTarget","items","Array","from","querySelectorAll","filter","item","closest","length","currentIndex","indexOf","document","activeElement","focus","_el$","_tmpl$","_el$2","firstChild","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","$$keydown","_$insert","children","_$effect","_p$","_v$","_v$2","listRole","_v$3","undefined","e","_$className","t","_$setAttribute","a","_$delegateEvents"],"mappings":";;;;;;AAMO,MAAMA,IAAwB;AAQ9B,SAASC,EAASC,GAAgD;AACvE,QAAMC,IAAMC,EAAAA,GACN,CAACC,GAAOC,CAAI,IAAIC,EAAWL,GAAO,CAAC,YAAY,SAAS,OAAO,UAAU,CAAC,GAE1EM,IAAgEC,CAAAA,MAAU;AAE9E,QAAIA,EAAMC,iBAAkB;AAC5B,QAAID,EAAME,QAAQ,UAAU;AAI1B,MAAIR,EAAIS,YAAY,cAAYH,EAAMI,eAAAA,GACtCV,EAAIW,QAAAA;AACJ;AAAA,IACF;AACA,QAAIL,EAAME,QAAQ,eAAeR,EAAIY,SAAS;AAE5CN,MAAAA,EAAMI,eAAAA,GACNV,EAAIW,QAAAA;AACJ;AAAA,IACF;AAEA,UAAME,IAAOP,EAAMQ,eACbC,IAAQC,MAAMC,KAAKJ,EAAKK,iBAA8BrB,CAAqB,CAAC,EAAEsB,OACjFC,CAAAA,MAASA,EAAKC,QAAQ,eAAe,MAAMR,CAC9C;AACA,QAAIE,EAAMO,WAAW,EAAG;AACxB,UAAMC,IAAeR,EAAMS,QAAQC,SAASC,aAA4B;AAExE,IAAIpB,EAAME,QAAQ,eAChBF,EAAMI,eAAAA,GACNK,GAAOQ,IAAe,IAAIR,EAAMO,UAAUP,EAAMO,MAAM,GAAGK,MAAAA,KAChDrB,EAAME,QAAQ,aACvBF,EAAMI,eAAAA,GACNK,GAAOQ,IAAe,IAAIR,EAAMO,UAAUP,EAAMO,MAAM,GAAGK,MAAAA,KAChDrB,EAAME,QAAQ,UACvBF,EAAMI,eAAAA,GACNK,EAAM,CAAC,GAAGY,MAAAA,KACDrB,EAAME,QAAQ,UACvBF,EAAMI,eAAAA,GACNK,EAAMA,EAAMO,SAAS,CAAC,GAAGK,MAAAA;AAAAA,EAE7B;AAEA,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IACsBC,EAAU/B,EAAMgC,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAJ,CAAA,GAAAQ,EAAAR,GAAAS,EAA/BlC,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAAoCmC,EAAG,aAAapC,EAAMqC,OAAO,cAAcvC,EAAIS,OAAO,EAAE;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAqB,EAAAU,YAM3FnC,GAASoC,EAAAX,GAAA,MAEnB5B,EAAMwC,QAAQ,GAAAC,EAAAC,CAAAA,MAAA;AAAA,UAAAC,IANRP,EAAG,mBAAmB,oBAAoBtC,EAAIS,OAAO,EAAE,GAACqC,IACzD5C,EAAM6C,YAAY,QAAMC,KAEX9C,EAAM6C,YAAY,YAAY,SAAS,aAAaE;AAASJ,aAAAA,MAAAD,EAAAM,KAAAC,EAAArB,GAAAc,EAAAM,IAAAL,CAAA,GAAAC,MAAAF,EAAAQ,KAAAC,EAAAvB,GAAA,QAAAc,EAAAQ,IAAAN,CAAA,GAAAE,MAAAJ,EAAAU,KAAAD,EAAAvB,GAAA,oBAAAc,EAAAU,IAAAN,CAAA,GAAAJ;AAAAA,IAAA,GAAA;AAAA,MAAAM,GAAAD;AAAAA,MAAAG,GAAAH;AAAAA,MAAAK,GAAAL;AAAAA,IAAAA,CAAA,GAAArB;AAAAA,EAAA,GAAA;AAOxF;AAEwB2B,EAAA,CAAA,SAAA,CAAA;"}