@smwb/ui-solid 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"bottomBar.js","sources":["../../../../../src/components/navigation/bottomBar/bottomBar.tsx"],"sourcesContent":["import { type JSX, For, Show, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { Menu, MenuItem, MenuItemIcon, MenuItemText } from \"../menu\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\nimport type { SidebarMenuItemProps } from \"../sidebar/sidebar\";\n\nexport type BottomBarMenuItemProps = SidebarMenuItemProps;\n\nexport interface BottomBarProps extends JSX.HTMLAttributes<HTMLElement> {\n  menuItems?: SidebarMenuItemProps[];\n  visibleCount?: number;\n  activeItem?: number | null;\n  defaultActiveItem?: number | null;\n  onActiveItemChange?: (index: number) => void;\n  overflowMenuAriaLabel?: string;\n  ref?: Ref<HTMLElement>;\n}\n\ninterface BarItemProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  icon?: JSX.Element;\n  title?: string;\n  isActive?: boolean;\n  as?: string | undefined;\n  href?: string | undefined;\n  ref?: Ref<HTMLDivElement>;\n}\n\nfunction BarItem(props: BarItemProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"isActive\", \"icon\", \"title\", \"as\", \"href\", \"ref\"]);\n  let rippleActions: RippleActionsRef | undefined;\n  const onPointerDown = (event: PointerEvent): void => {\n    rippleActions?.onRipple(event);\n  };\n  return (\n    <Dynamic\n      component={local.as ?? \"div\"}\n      ref={mergeRefs(local.ref)}\n      href={local.href}\n      role=\"menuitem\"\n      class={cn(\"smwb-bottom-bar__item\", { \"smwb-bottom-bar__item_active\": local.isActive })}\n      onPointerDown={onPointerDown}\n      {...rest}\n    >\n      <Show when={local.icon}>\n        <span class=\"smwb-bottom-bar__item-icon\">{local.icon}</span>\n      </Show>\n      <Show when={local.title}>\n        <span class=\"smwb-bottom-bar__item-title\">{local.title}</span>\n      </Show>\n      <Ripple actionRef={(actions) => (rippleActions = actions)} />\n    </Dynamic>\n  );\n}\n\nexport function BottomBar(props: BottomBarProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      menuItems: [] as SidebarMenuItemProps[],\n      visibleCount: 4,\n      defaultActiveItem: null as number | null,\n      overflowMenuAriaLabel: \"More navigation\",\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"menuItems\",\n    \"visibleCount\",\n    \"activeItem\",\n    \"defaultActiveItem\",\n    \"onActiveItemChange\",\n    \"overflowMenuAriaLabel\",\n    \"ref\",\n  ]);\n\n  const [activeItem, setActiveItem] = createControllableState<number | null>({\n    value: () => local.activeItem,\n    defaultValue: local.defaultActiveItem,\n    onChange: (next) => {\n      if (next !== null) local.onActiveItemChange?.(next);\n    },\n  });\n  const [overflowOpen, setOverflowOpen] = createSignal(false);\n  const [overflowAnchor, setOverflowAnchor] = createSignal<HTMLElement | null>(null);\n\n  const safeVisibleCount = (): number => Math.max(0, local.visibleCount);\n  const visibleItems = (): SidebarMenuItemProps[] => local.menuItems.slice(0, safeVisibleCount());\n  const overflowItems = (): SidebarMenuItemProps[] => local.menuItems.slice(safeVisibleCount());\n  const hasOverflow = (): boolean => overflowItems().length > 0;\n  const overflowActive = (): boolean =>\n    hasOverflow() && activeItem() !== null && (activeItem() as number) >= safeVisibleCount();\n\n  return (\n    <nav {...rest} ref={mergeRefs(local.ref)} class={cn(\"smwb-bottom-bar\", local.class)} role=\"navigation\">\n      <div class=\"smwb-bottom-bar__nav\" role=\"menubar\">\n        <For each={visibleItems()}>\n          {(item, idx) => (\n            <BarItem\n              as={item.as}\n              isActive={activeItem() === idx()}\n              onClick={(event) => {\n                setActiveItem(idx());\n                callHandler(item.onClick, event);\n              }}\n              icon={item.icon}\n              title={item.title}\n              href={item.href}\n            />\n          )}\n        </For>\n        <Show when={hasOverflow()}>\n          <BarItem\n            ref={(el) => setOverflowAnchor(el as HTMLElement)}\n            isActive={overflowActive()}\n            onClick={() => setOverflowOpen((prev) => !prev)}\n            icon={<Icon name=\"menu\" size={24} />}\n            aria-label={local.overflowMenuAriaLabel}\n            aria-haspopup=\"menu\"\n            aria-expanded={overflowOpen()}\n          />\n        </Show>\n      </div>\n      <Show when={hasOverflow()}>\n        <Menu\n          isOpen={overflowOpen()}\n          onClose={() => setOverflowOpen(false)}\n          anchorElement={overflowAnchor()}\n          placement=\"top\"\n          dense\n        >\n          <For each={overflowItems()}>\n            {(item, idx) => {\n              const itemIndex = (): number => safeVisibleCount() + idx();\n              return (\n                <MenuItem\n                  selected={activeItem() === itemIndex()}\n                  href={item.href}\n                  onClick={(event) => {\n                    setActiveItem(itemIndex());\n                    callHandler(\n                      item.onClick,\n                      event as unknown as MouseEvent & { currentTarget: HTMLDivElement; target: Element }\n                    );\n                    setOverflowOpen(false);\n                  }}\n                >\n                  <Show when={item.icon}>\n                    <MenuItemIcon>{item.icon}</MenuItemIcon>\n                  </Show>\n                  <MenuItemText inset={!item.icon}>{item.title}</MenuItemText>\n                </MenuItem>\n              );\n            }}\n          </For>\n        </Menu>\n      </Show>\n    </nav>\n  );\n}\n\nexport default BottomBar;\n"],"names":["BarItem","props","local","rest","splitProps","rippleActions","_$createComponent","Dynamic","_$mergeProps","component","as","ref","r$","_ref$","mergeRefs","href","role","cn","isActive","onPointerDown","event","onRipple","children","Show","when","icon","_el$","_tmpl$","_$insert","title","_el$2","_tmpl$2","Ripple","actionRef","actions","BottomBar","merged","mergeProps","menuItems","visibleCount","defaultActiveItem","overflowMenuAriaLabel","activeItem","setActiveItem","createControllableState","value","defaultValue","onChange","next","onActiveItemChange","overflowOpen","setOverflowOpen","createSignal","overflowAnchor","setOverflowAnchor","safeVisibleCount","Math","max","visibleItems","slice","overflowItems","hasOverflow","length","overflowActive","_el$3","_tmpl$3","_el$4","firstChild","_ref$2","_$use","_$spread","class","For","each","item","idx","onClick","callHandler","el","prev","Icon","name","size","Menu","isOpen","onClose","anchorElement","placement","dense","itemIndex","MenuItem","selected","MenuItemIcon","MenuItemText","inset"],"mappings":"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"}

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

@@ -0,0 +1,56 @@
+import { use as $, spread as C, mergeProps as v, insert as n, createComponent as c, template as s, effect as w, setAttribute as A, delegateEvents as B } from "solid-js/web";
+import { mergeProps as E, splitProps as P, children as y, For as I, Show as L } from "solid-js";
+import S from "clsx";
+import { createControllableState as k } from "../../../primitives/createControllableState.js";
+import { mergeRefs as F } from "../../../primitives/mergeRefs.js";
+var R = /* @__PURE__ */ s("<button type=button class=smwb-breadcrumbs__expand>…"), V = /* @__PURE__ */ s("<nav><ol class=smwb-breadcrumbs__list>"), j = /* @__PURE__ */ s("<li class=smwb-breadcrumbs__item>"), q = /* @__PURE__ */ s("<li class=smwb-breadcrumbs__separator aria-hidden=true>");
+function K(p) {
+  const d = E({
+    separator: "/",
+    maxItems: 8,
+    itemsBeforeCollapse: 1,
+    itemsAfterCollapse: 1,
+    expandLabel: "Show path"
+  }, p), [e, i] = P(d, ["class", "separator", "maxItems", "itemsBeforeCollapse", "itemsAfterCollapse", "expanded", "onExpand", "expandLabel", "children", "ref"]), [u, b] = k({
+    value: () => e.expanded,
+    defaultValue: !1,
+    onChange: () => e.onExpand?.()
+  }), f = y(() => e.children), l = () => f.toArray(), h = () => !u() && l().length > e.maxItems && e.itemsBeforeCollapse + e.itemsAfterCollapse < l().length, _ = () => b(!0), o = () => {
+    const r = l();
+    return h() ? [...r.slice(0, e.itemsBeforeCollapse), (() => {
+      var t = R();
+      return t.$$click = _, w(() => A(t, "aria-label", e.expandLabel)), t;
+    })(), ...r.slice(r.length - e.itemsAfterCollapse)] : r;
+  };
+  return (() => {
+    var r = V(), t = r.firstChild, m = F(e.ref);
+    return typeof m == "function" && $(m, r), C(r, v(i, {
+      "data-testid": "breadcrumbs",
+      "aria-label": "breadcrumb",
+      get class() {
+        return S("smwb-breadcrumbs", e.class);
+      }
+    }), !1, !0), n(t, c(I, {
+      get each() {
+        return o();
+      },
+      children: (g, x) => [(() => {
+        var a = j();
+        return n(a, g), a;
+      })(), c(L, {
+        get when() {
+          return x() < o().length - 1;
+        },
+        get children() {
+          var a = q();
+          return n(a, () => e.separator), a;
+        }
+      })]
+    })), r;
+  })();
+}
+B(["click"]);
+export {
+  K as Breadcrumbs
+};
+//# sourceMappingURL=breadcrumbs.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,37 @@
+import { createComponent as o, mergeProps as f } from "solid-js/web";
+import { mergeProps as m, splitProps as p } from "solid-js";
+import { MenuContext as l } from "./menuContext.js";
+import { MenuComponent as c } from "./menuComponent.js";
+function C(i) {
+  const s = m({
+    dense: !1,
+    variant: "floating"
+  }, i), [e, r] = p(s, ["dense", "variant", "children", "ref"]), a = {
+    get dense() {
+      return e.dense;
+    },
+    get variant() {
+      return e.variant;
+    },
+    onClose: () => r.onClose?.()
+  };
+  return o(l.Provider, {
+    value: a,
+    get children() {
+      return o(c, f({
+        ref(n) {
+          var t = e.ref;
+          typeof t == "function" ? t(n) : e.ref = n;
+        }
+      }, r, {
+        get children() {
+          return e.children;
+        }
+      }));
+    }
+  });
+}
+export {
+  C as Menu
+};
+//# sourceMappingURL=menu.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,34 @@
+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, {
+    get when() {
+      return o.variant === "static";
+    },
+    get fallback() {
+      return e(c, t);
+    },
+    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;
+        }
+      });
+    }
+  });
+}
+export {
+  s as MenuComponent
+};
+//# sourceMappingURL=menuComponent.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,15 @@
+import { createContext as e, useContext as t } from "solid-js";
+const n = e({
+  dense: !1,
+  variant: "floating",
+  onClose: () => {
+  }
+});
+function r() {
+  return t(n);
+}
+export {
+  n as MenuContext,
+  r as useMenuContext
+};
+//# sourceMappingURL=menuContext.js.map

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

@@ -0,0 +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;"}

package/dist/headless/components/navigation/menu/menuDivider.js

@@ -0,0 +1,21 @@
+import { use as m, spread as n, mergeProps as a, template as f } from "solid-js/web";
+import { splitProps as l } from "solid-js";
+import p from "clsx";
+import { useMenuContext as c } from "./menuContext.js";
+import { mergeRefs as u } from "../../../primitives/mergeRefs.js";
+var v = /* @__PURE__ */ f("<li>");
+function b(s) {
+  const o = c(), [e, i] = l(s, ["class", "ref"]);
+  return (() => {
+    var r = v(), t = u(e.ref);
+    return typeof t == "function" && m(t, r), n(r, a(i, {
+      get class() {
+        return p("smwb-menu__divider", e.class, o.variant === "static" && "smwb-menu__divider--vertical");
+      }
+    }), !1, !1), r;
+  })();
+}
+export {
+  b as MenuDivider
+};
+//# sourceMappingURL=menuDivider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuDivider.js","sources":["../../../../../src/components/navigation/menu/menuDivider.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { useMenuContext } from \"./menuContext\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface MenuDividerProps extends JSX.HTMLAttributes<HTMLLIElement> {\n  ref?: Ref<HTMLLIElement>;\n}\n\nexport function MenuDivider(props: MenuDividerProps): JSX.Element {\n  const ctx = useMenuContext();\n  const [local, rest] = splitProps(props, [\"class\", \"ref\"]);\n  return (\n    <li\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-menu__divider\", local.class, ctx.variant === \"static\" && \"smwb-menu__divider--vertical\")}\n    />\n  );\n}\n\nexport default MenuDivider;\n"],"names":["MenuDivider","props","ctx","useMenuContext","local","rest","splitProps","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","variant"],"mappings":";;;;;;AASO,SAASA,EAAYC,GAAsC;AAChE,QAAMC,IAAMC,EAAAA,GACN,CAACC,GAAOC,CAAI,IAAIC,EAAWL,GAAO,CAAC,SAAS,KAAK,CAAC;AACxD,UAAA,MAAA;AAAA,QAAAM,IAAAC,EAAAA,GAAAC,IAGSC,EAAUN,EAAMO,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBT,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAEDU,EAAG,sBAAsBX,EAAMY,OAAOd,EAAIe,YAAY,YAAY,8BAA8B;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAV;AAAAA,EAAA,GAAA;AAG9G;"}

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

@@ -0,0 +1,70 @@
+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);
+}
+const y = 150;
+function G(r) {
+  const i = A({
+    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)
+  });
+  d(() => {
+    a.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 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, {
+    get when() {
+      return f();
+    },
+    get children() {
+      return c(B, {
+        onClickAway: C,
+        get children() {
+          return c(T, M(h, {
+            ref(o) {
+              var n = $(e.ref, a.setFloating, (v) => l = v);
+              typeof n == "function" && n(o);
+            },
+            get style() {
+              return F();
+            },
+            get children() {
+              return e.children;
+            }
+          }));
+        }
+      });
+    }
+  });
+}
+export {
+  G as MenuFloating,
+  L as buildMenuFloatingMiddleware
+};
+//# sourceMappingURL=menuFloating.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,81 @@
+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 { 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) => {
+    if (e.disabled) {
+      e.href && r.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,
+    "smwb-menu__item--disabled": e.disabled,
+    "smwb-menu__item--selected": e.selected
+  });
+  return t(c, {
+    get when() {
+      return !e.optionRenderer;
+    },
+    get fallback() {
+      return e.optionRenderer?.(o);
+    },
+    get children() {
+      var r = D(), m = C(e.ref);
+      return typeof m == "function" && b(m, r), h(r, a(p, {
+        role: "menuitem",
+        get class() {
+          return _();
+        },
+        get tabindex() {
+          return e.disabled ? void 0 : 0;
+        },
+        onClick: d,
+        get "data-value"() {
+          return e.value;
+        },
+        onPointerDown: f
+      }), !1, !0), l(r, t(c, {
+        get when() {
+          return e.href;
+        },
+        get fallback() {
+          return (() => {
+            var n = y();
+            return l(n, () => e.children), n;
+          })();
+        },
+        get children() {
+          return t(g, a({
+            get component() {
+              return e.linkElement ?? "a";
+            },
+            class: "smwb-menu__item-inner",
+            get href() {
+              return e.href;
+            }
+          }, () => e.linkProps ?? {}, {
+            get children() {
+              return [w(() => e.children), x()];
+            }
+          }));
+        }
+      }), null), l(r, t($, {
+        actionRef: (n) => s = n
+      }), null), r;
+    }
+  });
+}
+export {
+  q as MenuItem
+};
+//# sourceMappingURL=menuItem.js.map

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

@@ -0,0 +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;"}

package/dist/headless/components/navigation/menu/menuItemIcon.js

@@ -0,0 +1,25 @@
+import { use as m, spread as c, mergeProps as i, insert as p, template as u } from "solid-js/web";
+import { splitProps as a } from "solid-js";
+import f from "clsx";
+import { useMenuContext as l } from "./menuContext.js";
+import { mergeRefs as _ } from "../../../primitives/mergeRefs.js";
+var d = /* @__PURE__ */ u("<span>");
+function $(t) {
+  const s = l(), [e, o] = a(t, ["children", "class", "edge", "ref"]);
+  return (() => {
+    var r = d(), n = _(e.ref);
+    return typeof n == "function" && m(n, r), c(r, i(o, {
+      get class() {
+        return f("smwb-menu__icon", e.class, {
+          "smwb-menu__icon--dense": s.dense,
+          "smwb-menu__icon--start": e.edge === "start",
+          "smwb-menu__icon--end": e.edge === "end"
+        });
+      }
+    }), !1, !0), p(r, () => e.children), r;
+  })();
+}
+export {
+  $ as MenuItemIcon
+};
+//# sourceMappingURL=menuItemIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuItemIcon.js","sources":["../../../../../src/components/navigation/menu/menuItemIcon.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 MenuItemIconProps extends JSX.HTMLAttributes<HTMLSpanElement> {\n  edge?: \"start\" | \"end\";\n  ref?: Ref<HTMLSpanElement>;\n}\n\nexport function MenuItemIcon(props: ParentProps<MenuItemIconProps>): JSX.Element {\n  const ctx = useMenuContext();\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"edge\", \"ref\"]);\n  return (\n    <span\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-menu__icon\", local.class, {\n        \"smwb-menu__icon--dense\": ctx.dense,\n        \"smwb-menu__icon--start\": local.edge === \"start\",\n        \"smwb-menu__icon--end\": local.edge === \"end\",\n      })}\n    >\n      {local.children}\n    </span>\n  );\n}\n\nexport default MenuItemIcon;\n"],"names":["MenuItemIcon","props","ctx","useMenuContext","local","rest","splitProps","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","dense","edge","_$insert","children"],"mappings":";;;;;;AAUO,SAASA,EAAaC,GAAoD;AAC/E,QAAMC,IAAMC,EAAAA,GACN,CAACC,GAAOC,CAAI,IAAIC,EAAWL,GAAO,CAAC,YAAY,SAAS,QAAQ,KAAK,CAAC;AAC5E,UAAA,MAAA;AAAA,QAAAM,IAAAC,EAAAA,GAAAC,IAGSC,EAAUN,EAAMO,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBT,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAEDU,EAAG,mBAAmBX,EAAMY,OAAO;AAAA,UACxC,0BAA0Bd,EAAIe;AAAAA,UAC9B,0BAA0Bb,EAAMc,SAAS;AAAA,UACzC,wBAAwBd,EAAMc,SAAS;AAAA,QAAA,CACxC;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAZ,GAAA,MAEDH,EAAMgB,QAAQ,GAAAb;AAAAA,EAAA,GAAA;AAGrB;"}

package/dist/headless/components/navigation/menu/menuItemText.js

@@ -0,0 +1,26 @@
+import { use as p, spread as i, mergeProps as f, insert as a, template as c } from "solid-js/web";
+import { mergeProps as l, splitProps as u } from "solid-js";
+import _ from "clsx";
+import { useMenuContext as x } from "./menuContext.js";
+import { mergeRefs as d } from "../../../primitives/mergeRefs.js";
+var g = /* @__PURE__ */ c("<span>");
+function h(s) {
+  const n = x(), m = l({
+    inset: !1
+  }, s), [e, o] = u(m, ["children", "class", "inset", "ref"]);
+  return (() => {
+    var r = g(), t = d(e.ref);
+    return typeof t == "function" && p(t, r), i(r, f(o, {
+      get class() {
+        return _("smwb-menu__text", e.class, {
+          "smwb-menu__text--inset": e.inset,
+          "smwb-menu__text--dense": n.dense
+        });
+      }
+    }), !1, !0), a(r, () => e.children), r;
+  })();
+}
+export {
+  h as MenuItemText
+};
+//# sourceMappingURL=menuItemText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuItemText.js","sources":["../../../../../src/components/navigation/menu/menuItemText.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { useMenuContext } from \"./menuContext\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface MenuItemTextProps extends JSX.HTMLAttributes<HTMLSpanElement> {\n  inset?: boolean;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nexport function MenuItemText(props: ParentProps<MenuItemTextProps>): JSX.Element {\n  const ctx = useMenuContext();\n  const merged = mergeProps({ inset: false }, props);\n  const [local, rest] = splitProps(merged, [\"children\", \"class\", \"inset\", \"ref\"]);\n  return (\n    <span\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-menu__text\", local.class, {\n        \"smwb-menu__text--inset\": local.inset,\n        \"smwb-menu__text--dense\": ctx.dense,\n      })}\n    >\n      {local.children}\n    </span>\n  );\n}\n\nexport default MenuItemText;\n"],"names":["MenuItemText","props","ctx","useMenuContext","merged","mergeProps","inset","local","rest","splitProps","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","dense","_$insert","children"],"mappings":";;;;;;AAUO,SAASA,EAAaC,GAAoD;AAC/E,QAAMC,IAAMC,EAAAA,GACNC,IAASC,EAAW;AAAA,IAAEC,OAAO;AAAA,EAAA,GAASL,CAAK,GAC3C,CAACM,GAAOC,CAAI,IAAIC,EAAWL,GAAQ,CAAC,YAAY,SAAS,SAAS,KAAK,CAAC;AAC9E,UAAA,MAAA;AAAA,QAAAM,IAAAC,EAAAA,GAAAC,IAGSC,EAAUN,EAAMO,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBT,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAEDU,EAAG,mBAAmBX,EAAMY,OAAO;AAAA,UACxC,0BAA0BZ,EAAMD;AAAAA,UAChC,0BAA0BJ,EAAIkB;AAAAA,QAAAA,CAC/B;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAX,GAAA,MAEDH,EAAMe,QAAQ,GAAAZ;AAAAA,EAAA,GAAA;AAGrB;"}

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

@@ -0,0 +1,27 @@
+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"])'));
+    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();
+  };
+  return (() => {
+    var e = $(), r = e.firstChild, t = _(o.ref);
+    return typeof t == "function" && f(t, e), m(e, u(i, {
+      get class() {
+        return s("smwb-menu", o.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;
+  })();
+}
+y(["keydown"]);
+export {
+  A as MenuList
+};
+//# sourceMappingURL=menuList.js.map

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

@@ -0,0 +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;"}

package/dist/headless/components/navigation/menu/menuSubmenu.js

@@ -0,0 +1,85 @@
+import { createComponent as m, addEventListener as v, use as A, insert as w, effect as b, className as y, setAttribute as E, template as _, delegateEvents as O } from "solid-js/web";
+import { splitProps as $, createSignal as u } from "solid-js";
+import { offset as M } from "@floating-ui/dom";
+import D from "clsx";
+import { useMenuContext as H, MenuContext as L } from "./menuContext.js";
+import { MenuFloating as P } from "./menuFloating.js";
+var S = /* @__PURE__ */ _("<li role=menuitem tabindex=0 aria-haspopup=menu><span class=smwb-menu__item-inner>");
+function j(p) {
+  const l = H(), [t] = $(p, ["placement", "onClose", "toggleElement", "children", "openOnHover", "class"]), [s, r] = u(!1), [d, f] = u(null), g = [M(({
+    placement: e
+  }) => {
+    switch (e) {
+      case "right-start":
+      case "left-start":
+        return {
+          crossAxis: -8,
+          mainAxis: 0
+        };
+      case "right-end":
+      case "left-end":
+        return {
+          crossAxis: 8,
+          mainAxis: 0
+        };
+      default:
+        return {
+          crossAxis: 0,
+          mainAxis: 0
+        };
+    }
+  })], h = (e) => {
+    e.button === 0 && r((n) => !n);
+  }, i = () => {
+    r(!1), t.onClose?.();
+  }, C = (e) => {
+    e.key === "ArrowRight" || e.key === "Enter" || e.key === " " ? (e.preventDefault(), r(!0)) : (e.key === "ArrowLeft" || e.key === "Escape") && r(!1);
+  }, x = (e) => {
+    const n = e.target.closest('[role="menuitem"]');
+    n && !n.hasAttribute("aria-haspopup") && (i(), l.onClose());
+  }, k = {
+    get dense() {
+      return l.dense;
+    },
+    variant: "floating",
+    onClose: i
+  };
+  return m(L.Provider, {
+    value: k,
+    get children() {
+      return [(() => {
+        var e = S(), n = e.firstChild;
+        return v(e, "mouseenter", t.openOnHover ? () => r(!0) : void 0), e.$$keydown = C, e.$$click = h, A(f, e), w(n, () => t.toggleElement), b((o) => {
+          var a = D("smwb-menu__item", t.class, {
+            "smwb-menu__item--selected": s()
+          }), c = s();
+          return a !== o.e && y(e, o.e = a), c !== o.t && E(e, "aria-expanded", o.t = c), o;
+        }, {
+          e: void 0,
+          t: void 0
+        }), e;
+      })(), m(P, {
+        get placement() {
+          return t.placement ?? "right-start";
+        },
+        get isOpen() {
+          return s();
+        },
+        onClose: i,
+        get anchorElement() {
+          return d();
+        },
+        middleware: g,
+        onClick: x,
+        get children() {
+          return t.children;
+        }
+      })];
+    }
+  });
+}
+O(["click", "keydown"]);
+export {
+  j as MenuSubmenu
+};
+//# sourceMappingURL=menuSubmenu.js.map