@smwb/ui-react 2.7.0 → 2.8.0

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

@@ -1,105 +1,109 @@
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import F, { forwardRef as E, useState as O, useMemo as T } from "react";
-import S from "clsx";
-import { Icon as G } from "../../base/icon/icon.js";
-import { Ripple as H } from "../../base/ripple/ripple.js";
-import { Menu as J } from "../menu/menu.js";
-import { MenuItem as K } from "../menu/menuItem.js";
-import { MenuItemIcon as L } from "../menu/menuItemIcon.js";
-import { MenuItemText as Q } from "../menu/menuItemText.js";
-const oe = E(function({
-  className: b,
+import { jsxs as b, jsx as t } from "react/jsx-runtime";
+import G, { forwardRef as S, useState as O, useMemo as A } from "react";
+import j from "clsx";
+import { Icon as H } from "../../base/icon/icon.js";
+import { Ripple as J } from "../../base/ripple/ripple.js";
+import { Menu as K } from "../menu/menu.js";
+import { MenuItem as L } from "../menu/menuItem.js";
+import { MenuItemIcon as Q } from "../menu/menuItemIcon.js";
+import { MenuItemText as U } from "../menu/menuItemText.js";
+const te = S(function({
+  className: v,
   menuItems: r = [],
   visibleCount: i = 4,
   activeItem: m,
-  defaultActiveItem: v = null,
+  defaultActiveItem: d = null,
   onActiveItemChange: s,
-  overflowMenuAriaLabel: d = "More navigation",
-  ...h
-}, f) {
-  const p = m !== void 0, [w, I] = O(v), n = p ? m : w, [c, R] = O(!1), [y, g] = O(null), l = Math.max(0, i), k = T(() => r.slice(0, l), [r, l]), B = T(() => r.slice(l), [r, l]), _ = B.length > 0, z = _ && n !== null && n >= l, M = (e) => {
-    p || I(e), s == null || s(e);
-  }, C = (e, o) => (a) => {
+  overflowMenuAriaLabel: h = "More navigation",
+  ...f
+}, p) {
+  var x;
+  const u = m !== void 0, [w, I] = O(d), n = u ? m : w, [c, R] = O(!1), [g, k] = O(null), l = Math.max(0, i), z = A(() => r.slice(0, l), [r, l]), B = A(() => r.slice(l), [r, l]), _ = B.length > 0, C = _ && n !== null && n >= l, M = (e) => {
+    u || I(e), s == null || s(e);
+  }, V = (e, o) => (a) => {
     M(e), o == null || o(a);
-  }, V = () => {
+  }, q = () => {
     R((e) => !e);
   }, N = () => {
     R(!1);
   };
-  return /* @__PURE__ */ u("nav", { ref: f, className: S("smwb-bottom-bar", b), role: "navigation", ...h, children: [
-    /* @__PURE__ */ u("div", { className: "smwb-bottom-bar__nav", role: "menubar", children: [
-      k.map((e, o) => /* @__PURE__ */ t(
-        A,
-        {
-          as: e.as,
-          isActive: n === o,
-          onClick: C(o, e.onClick),
-          icon: e.icon,
-          title: e.title,
-          href: e.href
-        },
-        o
-      )),
-      _ && /* @__PURE__ */ t(
-        A,
-        {
-          ref: g,
-          isActive: z,
-          onClick: V,
-          icon: /* @__PURE__ */ t(G, { name: "menu", size: 24 }),
-          "aria-label": d,
-          "aria-haspopup": "menu",
-          "aria-expanded": c
-        }
-      )
-    ] }),
-    _ && /* @__PURE__ */ t(J, { isOpen: c, onClose: N, anchorElement: y, placement: "top", dense: !0, children: B.map((e, o) => {
-      const a = l + o;
-      return /* @__PURE__ */ u(
-        K,
-        {
-          selected: n === a,
-          href: e.href,
-          onClick: (q) => {
-            var x;
-            M(a), (x = e.onClick) == null || x.call(e, q), N();
+  return (
+    // role="navigation" is a default: the caller's own wins, and an explicit undefined keeps it.
+    /* @__PURE__ */ b("nav", { ref: p, className: j("smwb-bottom-bar", v), ...f, role: (x = f.role) != null ? x : "navigation", children: [
+      /* @__PURE__ */ b("div", { className: "smwb-bottom-bar__nav", role: "menubar", children: [
+        z.map((e, o) => /* @__PURE__ */ t(
+          E,
+          {
+            as: e.as,
+            isActive: n === o,
+            onClick: V(o, e.onClick),
+            icon: e.icon,
+            title: e.title,
+            href: e.href
           },
-          children: [
-            e.icon ? /* @__PURE__ */ t(L, { children: e.icon }) : null,
-            /* @__PURE__ */ t(Q, { inset: !e.icon, children: e.title })
-          ]
-        },
-        a
-      );
-    }) })
-  ] });
-}), A = E(function({ isActive: b, icon: r, title: i, as: m = "div", href: v, onMouseDown: s, ...d }, h) {
-  const f = F.useRef(null), p = (n) => {
+          o
+        )),
+        _ && /* @__PURE__ */ t(
+          E,
+          {
+            ref: k,
+            isActive: C,
+            onClick: q,
+            icon: /* @__PURE__ */ t(H, { name: "menu", size: 24 }),
+            "aria-label": h,
+            "aria-haspopup": "menu",
+            "aria-expanded": c
+          }
+        )
+      ] }),
+      _ && /* @__PURE__ */ t(K, { isOpen: c, onClose: N, anchorElement: g, placement: "top", dense: !0, children: B.map((e, o) => {
+        const a = l + o;
+        return /* @__PURE__ */ b(
+          L,
+          {
+            selected: n === a,
+            href: e.href,
+            onClick: (F) => {
+              var T;
+              M(a), (T = e.onClick) == null || T.call(e, F), N();
+            },
+            children: [
+              e.icon ? /* @__PURE__ */ t(Q, { children: e.icon }) : null,
+              /* @__PURE__ */ t(U, { inset: !e.icon, children: e.title })
+            ]
+          },
+          a
+        );
+      }) })
+    ] })
+  );
+}), E = S(function({ isActive: v, icon: r, title: i, as: m = "div", href: d, onMouseDown: s, ...h }, f) {
+  const p = G.useRef(null), u = (n) => {
     s == null || s(n);
   }, w = (n) => {
     var c;
-    (c = f.current) == null || c.onRipple(n);
+    (c = p.current) == null || c.onRipple(n);
   };
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ b(
     m,
     {
-      ref: h,
-      href: v,
+      ref: f,
+      href: d,
       role: "menuitem",
-      className: S("smwb-bottom-bar__item", { "smwb-bottom-bar__item_active": b }),
-      onMouseDown: p,
+      className: j("smwb-bottom-bar__item", { "smwb-bottom-bar__item_active": v }),
+      onMouseDown: u,
       onPointerDown: w,
-      ...d,
+      ...h,
       children: [
         r && /* @__PURE__ */ t("span", { className: "smwb-bottom-bar__item-icon", children: r }),
         i ? /* @__PURE__ */ t("span", { className: "smwb-bottom-bar__item-title", children: i }) : null,
-        /* @__PURE__ */ t(H, { actionRef: f })
+        /* @__PURE__ */ t(J, { actionRef: p })
       ]
     }
   );
 });
 export {
-  oe as BottomBar,
-  oe as default
+  te as BottomBar,
+  te as default
 };
 //# sourceMappingURL=bottomBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"bottomBar.js","sources":["../../../../../src/components/navigation/bottomBar/bottomBar.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useState } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { Ripple, RippleActionsRef } from \"../../base/ripple/ripple\";\nimport { Menu, MenuItem, MenuItemIcon, MenuItemText } from \"../menu\";\nimport type { MenuItemProps as SidebarMenuItemProps } from \"../sidebar/sidebar\";\n\nexport interface BottomBarProps extends React.HTMLAttributes<HTMLElement> {\n  className?: string;\n  menuItems?: SidebarMenuItemProps[];\n  visibleCount?: number;\n  activeItem?: number | null;\n  defaultActiveItem?: number | null;\n  onActiveItemChange?: (index: number) => void;\n  overflowMenuAriaLabel?: string;\n}\n\nexport type BottomBarMenuItemProps = SidebarMenuItemProps;\n\nexport const BottomBar = forwardRef<HTMLElement, BottomBarProps>(function BottomBar(\n  {\n    className,\n    menuItems = [],\n    visibleCount = 4,\n    activeItem: activeItemProp,\n    defaultActiveItem = null,\n    onActiveItemChange,\n    overflowMenuAriaLabel = \"More navigation\",\n    ...rest\n  },\n  ref\n) {\n  const isControlled = activeItemProp !== undefined;\n  const [activeItemState, setActiveItemState] = useState<number | null>(defaultActiveItem);\n  const activeItem = isControlled ? activeItemProp : activeItemState;\n\n  const [overflowOpen, setOverflowOpen] = useState(false);\n  const [overflowAnchor, setOverflowAnchor] = useState<HTMLElement | null>(null);\n\n  const safeVisibleCount = Math.max(0, visibleCount);\n  const visibleItems = useMemo(() => menuItems.slice(0, safeVisibleCount), [menuItems, safeVisibleCount]);\n  const overflowItems = useMemo(() => menuItems.slice(safeVisibleCount), [menuItems, safeVisibleCount]);\n  const hasOverflow = overflowItems.length > 0;\n  const overflowActive = hasOverflow && activeItem !== null && activeItem >= safeVisibleCount;\n\n  const setActive = (index: number) => {\n    if (!isControlled) {\n      setActiveItemState(index);\n    }\n    onActiveItemChange?.(index);\n  };\n\n  const activateItem = (index: number, onClick?: React.MouseEventHandler<HTMLDivElement>) => {\n    return (event: React.MouseEvent<HTMLDivElement>) => {\n      setActive(index);\n      onClick?.(event);\n    };\n  };\n\n  const onOverflowToggle = () => {\n    setOverflowOpen((prev) => !prev);\n  };\n\n  const onOverflowClose = () => {\n    setOverflowOpen(false);\n  };\n\n  return (\n    <nav ref={ref} className={cn(\"smwb-bottom-bar\", className)} role=\"navigation\" {...rest}>\n      <div className=\"smwb-bottom-bar__nav\" role=\"menubar\">\n        {visibleItems.map((item, idx) => (\n          <BarItem\n            key={idx}\n            as={item.as}\n            isActive={activeItem === idx}\n            onClick={activateItem(idx, item.onClick)}\n            icon={item.icon}\n            title={item.title}\n            href={item.href}\n          />\n        ))}\n        {hasOverflow && (\n          <BarItem\n            ref={setOverflowAnchor}\n            isActive={overflowActive}\n            onClick={onOverflowToggle}\n            icon={<Icon name=\"menu\" size={24} />}\n            aria-label={overflowMenuAriaLabel}\n            aria-haspopup=\"menu\"\n            aria-expanded={overflowOpen}\n          />\n        )}\n      </div>\n      {hasOverflow && (\n        <Menu isOpen={overflowOpen} onClose={onOverflowClose} anchorElement={overflowAnchor} placement=\"top\" dense>\n          {overflowItems.map((item, idx) => {\n            const itemIndex = safeVisibleCount + idx;\n\n            return (\n              <MenuItem\n                key={itemIndex}\n                selected={activeItem === itemIndex}\n                href={item.href}\n                onClick={(event) => {\n                  setActive(itemIndex);\n                  item.onClick?.(event as unknown as React.MouseEvent<HTMLDivElement>);\n                  onOverflowClose();\n                }}\n              >\n                {item.icon ? <MenuItemIcon>{item.icon}</MenuItemIcon> : null}\n                <MenuItemText inset={!item.icon}>{item.title}</MenuItemText>\n              </MenuItem>\n            );\n          })}\n        </Menu>\n      )}\n    </nav>\n  );\n});\n\nexport default BottomBar;\n\ninterface BarItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  icon?: React.ReactNode;\n  title?: string;\n  isActive?: boolean;\n  as?: React.ElementType;\n  href?: string;\n}\n\nconst BarItem = forwardRef<HTMLDivElement, BarItemProps>(function BarItem(\n  { isActive, icon, title, as = \"div\", href, onMouseDown: onMouseDownProp, ...rest },\n  ref\n) {\n  const rippleRef = React.useRef<RippleActionsRef>(null);\n\n  const onMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n    onMouseDownProp?.(event);\n  };\n\n  const onPointerDown = (event: React.PointerEvent<HTMLDivElement>) => {\n    rippleRef.current?.onRipple(event);\n  };\n\n  const ElementType = as;\n\n  return (\n    <ElementType\n      ref={ref}\n      href={href}\n      role=\"menuitem\"\n      className={cn(\"smwb-bottom-bar__item\", { \"smwb-bottom-bar__item_active\": isActive })}\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      {...rest}\n    >\n      {icon && <span className=\"smwb-bottom-bar__item-icon\">{icon}</span>}\n      {title ? <span className=\"smwb-bottom-bar__item-title\">{title}</span> : null}\n      <Ripple actionRef={rippleRef} />\n    </ElementType>\n  );\n});\n"],"names":["BottomBar","forwardRef","className","menuItems","visibleCount","activeItemProp","defaultActiveItem","onActiveItemChange","overflowMenuAriaLabel","rest","ref","isControlled","activeItemState","setActiveItemState","useState","activeItem","overflowOpen","setOverflowOpen","overflowAnchor","setOverflowAnchor","safeVisibleCount","visibleItems","useMemo","overflowItems","hasOverflow","overflowActive","setActive","index","activateItem","onClick","event","onOverflowToggle","prev","onOverflowClose","jsxs","cn","item","idx","jsx","BarItem","Icon","Menu","itemIndex","MenuItem","_a","MenuItemIcon","MenuItemText","isActive","icon","title","as","href","onMouseDownProp","rippleRef","React","onMouseDown","onPointerDown","Ripple"],"mappings":"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"}
+{"version":3,"file":"bottomBar.js","sources":["../../../../../src/components/navigation/bottomBar/bottomBar.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useState } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { Ripple, RippleActionsRef } from \"../../base/ripple/ripple\";\nimport { Menu, MenuItem, MenuItemIcon, MenuItemText } from \"../menu\";\nimport type { MenuItemProps as SidebarMenuItemProps } from \"../sidebar/sidebar\";\n\nexport interface BottomBarProps extends React.HTMLAttributes<HTMLElement> {\n  className?: string;\n  menuItems?: SidebarMenuItemProps[];\n  visibleCount?: number;\n  activeItem?: number | null;\n  defaultActiveItem?: number | null;\n  onActiveItemChange?: (index: number) => void;\n  overflowMenuAriaLabel?: string;\n}\n\nexport type BottomBarMenuItemProps = SidebarMenuItemProps;\n\nexport const BottomBar = forwardRef<HTMLElement, BottomBarProps>(function BottomBar(\n  {\n    className,\n    menuItems = [],\n    visibleCount = 4,\n    activeItem: activeItemProp,\n    defaultActiveItem = null,\n    onActiveItemChange,\n    overflowMenuAriaLabel = \"More navigation\",\n    ...rest\n  },\n  ref\n) {\n  const isControlled = activeItemProp !== undefined;\n  const [activeItemState, setActiveItemState] = useState<number | null>(defaultActiveItem);\n  const activeItem = isControlled ? activeItemProp : activeItemState;\n\n  const [overflowOpen, setOverflowOpen] = useState(false);\n  const [overflowAnchor, setOverflowAnchor] = useState<HTMLElement | null>(null);\n\n  const safeVisibleCount = Math.max(0, visibleCount);\n  const visibleItems = useMemo(() => menuItems.slice(0, safeVisibleCount), [menuItems, safeVisibleCount]);\n  const overflowItems = useMemo(() => menuItems.slice(safeVisibleCount), [menuItems, safeVisibleCount]);\n  const hasOverflow = overflowItems.length > 0;\n  const overflowActive = hasOverflow && activeItem !== null && activeItem >= safeVisibleCount;\n\n  const setActive = (index: number) => {\n    if (!isControlled) {\n      setActiveItemState(index);\n    }\n    onActiveItemChange?.(index);\n  };\n\n  const activateItem = (index: number, onClick?: React.MouseEventHandler<HTMLDivElement>) => {\n    return (event: React.MouseEvent<HTMLDivElement>) => {\n      setActive(index);\n      onClick?.(event);\n    };\n  };\n\n  const onOverflowToggle = () => {\n    setOverflowOpen((prev) => !prev);\n  };\n\n  const onOverflowClose = () => {\n    setOverflowOpen(false);\n  };\n\n  return (\n    // role=\"navigation\" is a default: the caller's own wins, and an explicit undefined keeps it.\n    <nav ref={ref} className={cn(\"smwb-bottom-bar\", className)} {...rest} role={rest.role ?? \"navigation\"}>\n      <div className=\"smwb-bottom-bar__nav\" role=\"menubar\">\n        {visibleItems.map((item, idx) => (\n          <BarItem\n            key={idx}\n            as={item.as}\n            isActive={activeItem === idx}\n            onClick={activateItem(idx, item.onClick)}\n            icon={item.icon}\n            title={item.title}\n            href={item.href}\n          />\n        ))}\n        {hasOverflow && (\n          <BarItem\n            ref={setOverflowAnchor}\n            isActive={overflowActive}\n            onClick={onOverflowToggle}\n            icon={<Icon name=\"menu\" size={24} />}\n            aria-label={overflowMenuAriaLabel}\n            aria-haspopup=\"menu\"\n            aria-expanded={overflowOpen}\n          />\n        )}\n      </div>\n      {hasOverflow && (\n        <Menu isOpen={overflowOpen} onClose={onOverflowClose} anchorElement={overflowAnchor} placement=\"top\" dense>\n          {overflowItems.map((item, idx) => {\n            const itemIndex = safeVisibleCount + idx;\n\n            return (\n              <MenuItem\n                key={itemIndex}\n                selected={activeItem === itemIndex}\n                href={item.href}\n                onClick={(event) => {\n                  setActive(itemIndex);\n                  item.onClick?.(event as unknown as React.MouseEvent<HTMLDivElement>);\n                  onOverflowClose();\n                }}\n              >\n                {item.icon ? <MenuItemIcon>{item.icon}</MenuItemIcon> : null}\n                <MenuItemText inset={!item.icon}>{item.title}</MenuItemText>\n              </MenuItem>\n            );\n          })}\n        </Menu>\n      )}\n    </nav>\n  );\n});\n\nexport default BottomBar;\n\ninterface BarItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  icon?: React.ReactNode;\n  title?: string;\n  isActive?: boolean;\n  as?: React.ElementType;\n  href?: string;\n}\n\nconst BarItem = forwardRef<HTMLDivElement, BarItemProps>(function BarItem(\n  { isActive, icon, title, as = \"div\", href, onMouseDown: onMouseDownProp, ...rest },\n  ref\n) {\n  const rippleRef = React.useRef<RippleActionsRef>(null);\n\n  const onMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n    onMouseDownProp?.(event);\n  };\n\n  const onPointerDown = (event: React.PointerEvent<HTMLDivElement>) => {\n    rippleRef.current?.onRipple(event);\n  };\n\n  const ElementType = as;\n\n  return (\n    <ElementType\n      ref={ref}\n      href={href}\n      role=\"menuitem\"\n      className={cn(\"smwb-bottom-bar__item\", { \"smwb-bottom-bar__item_active\": isActive })}\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      {...rest}\n    >\n      {icon && <span className=\"smwb-bottom-bar__item-icon\">{icon}</span>}\n      {title ? <span className=\"smwb-bottom-bar__item-title\">{title}</span> : null}\n      <Ripple actionRef={rippleRef} />\n    </ElementType>\n  );\n});\n"],"names":["BottomBar","forwardRef","className","menuItems","visibleCount","activeItemProp","defaultActiveItem","onActiveItemChange","overflowMenuAriaLabel","rest","ref","isControlled","activeItemState","setActiveItemState","useState","activeItem","overflowOpen","setOverflowOpen","overflowAnchor","setOverflowAnchor","safeVisibleCount","visibleItems","useMemo","overflowItems","hasOverflow","overflowActive","setActive","index","activateItem","onClick","event","onOverflowToggle","prev","onOverflowClose","jsxs","cn","_a","item","idx","jsx","BarItem","Icon","Menu","itemIndex","MenuItem","MenuItemIcon","MenuItemText","isActive","icon","title","as","href","onMouseDownProp","rippleRef","React","onMouseDown","onPointerDown","Ripple"],"mappings":"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"}

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

@@ -1,52 +1,54 @@
-import { jsx as r, jsxs as j } from "react/jsx-runtime";
-import { forwardRef as v, useState as y, Children as S, isValidElement as k, Fragment as B } from "react";
-import C from "clsx";
-const q = v(function({
-  className: m,
-  separator: b = "/",
-  maxItems: i = 8,
+import { jsx as a, jsxs as y } from "react/jsx-runtime";
+import { forwardRef as S, useState as k, Children as B, isValidElement as C, Fragment as F } from "react";
+import I from "clsx";
+const A = S(function({
+  className: i,
+  separator: u = "/",
+  maxItems: o = 8,
   itemsBeforeCollapse: s = 1,
   itemsAfterCollapse: t = 1,
   expanded: l,
-  onExpand: a,
-  expandLabel: o = "Show path",
-  children: u,
-  ...h
-}, f) {
-  const c = l !== void 0, [p, w] = y(!1), _ = c ? !!l : p, e = S.toArray(u).filter(k), g = !_ && e.length > i && s + t < e.length, N = () => {
-    a == null || a(), c || w(!0);
-  }, n = g ? [
+  onExpand: r,
+  expandLabel: h = "Show path",
+  children: f,
+  "data-testid": w = "breadcrumbs",
+  ...c
+}, _) {
+  var b;
+  const d = l !== void 0, [p, g] = k(!1), N = d ? !!l : p, e = B.toArray(f).filter(C), x = !N && e.length > o && s + t < e.length, j = () => {
+    r == null || r(), d || g(!0);
+  }, n = x ? [
     ...e.slice(0, s),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ a(
       "button",
       {
         type: "button",
         className: "smwb-breadcrumbs__expand",
-        "aria-label": o,
-        onClick: N,
+        "aria-label": h,
+        onClick: j,
         children: "…"
       },
       "smwb-breadcrumbs-expand"
     ),
     ...e.slice(e.length - t)
   ] : e;
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(
     "nav",
     {
-      ...h,
-      ref: f,
-      "data-testid": "breadcrumbs",
-      "aria-label": "breadcrumb",
-      className: C("smwb-breadcrumbs", m),
-      children: /* @__PURE__ */ r("ol", { className: "smwb-breadcrumbs__list", children: n.map((x, d) => /* @__PURE__ */ j(B, { children: [
-        /* @__PURE__ */ r("li", { className: "smwb-breadcrumbs__item", children: x }),
-        d < n.length - 1 ? /* @__PURE__ */ r("li", { className: "smwb-breadcrumbs__separator", "aria-hidden": "true", children: b }) : null
-      ] }, d)) })
+      ...c,
+      ref: _,
+      "data-testid": w,
+      "aria-label": (b = c["aria-label"]) != null ? b : "breadcrumb",
+      className: I("smwb-breadcrumbs", i),
+      children: /* @__PURE__ */ a("ol", { className: "smwb-breadcrumbs__list", children: n.map((v, m) => /* @__PURE__ */ y(F, { children: [
+        /* @__PURE__ */ a("li", { className: "smwb-breadcrumbs__item", children: v }),
+        m < n.length - 1 ? /* @__PURE__ */ a("li", { className: "smwb-breadcrumbs__separator", "aria-hidden": "true", children: u }) : null
+      ] }, m)) })
     }
   );
 });
 export {
-  q as Breadcrumbs,
-  q as default
+  A as Breadcrumbs,
+  A as default
 };
 //# sourceMappingURL=breadcrumbs.js.map

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 {\n  Children,\n  forwardRef,\n  Fragment,\n  HTMLAttributes,\n  isValidElement,\n  PropsWithChildren,\n  ReactNode,\n  useState,\n} from \"react\";\nimport cn from \"clsx\";\n\nexport interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {\n  className?: string;\n  /** Node placed between every crumb. */\n  separator?: ReactNode;\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}\n\nexport const Breadcrumbs = forwardRef<HTMLElement, PropsWithChildren<BreadcrumbsProps>>(function Breadcrumbs(\n  {\n    className,\n    separator = \"/\",\n    maxItems = 8,\n    itemsBeforeCollapse = 1,\n    itemsAfterCollapse = 1,\n    expanded: expandedProp,\n    onExpand,\n    expandLabel = \"Show path\",\n    children,\n    ...props\n  },\n  ref\n) {\n  const isControlled = expandedProp !== undefined;\n  const [internalExpanded, setInternalExpanded] = useState(false);\n  const expanded = isControlled ? !!expandedProp : internalExpanded;\n  const crumbs = Children.toArray(children).filter(isValidElement);\n\n  const collapsed = !expanded && crumbs.length > maxItems && itemsBeforeCollapse + itemsAfterCollapse < crumbs.length;\n\n  const handleExpand = () => {\n    onExpand?.();\n    if (!isControlled) {\n      setInternalExpanded(true);\n    }\n  };\n\n  const rendered: ReactNode[] = collapsed\n    ? [\n        ...crumbs.slice(0, itemsBeforeCollapse),\n        <button\n          key=\"smwb-breadcrumbs-expand\"\n          type=\"button\"\n          className=\"smwb-breadcrumbs__expand\"\n          aria-label={expandLabel}\n          onClick={handleExpand}\n        >\n          …\n        </button>,\n        ...crumbs.slice(crumbs.length - itemsAfterCollapse),\n      ]\n    : crumbs;\n\n  return (\n    <nav\n      {...props}\n      ref={ref}\n      data-testid=\"breadcrumbs\"\n      aria-label=\"breadcrumb\"\n      className={cn(\"smwb-breadcrumbs\", className)}\n    >\n      <ol className=\"smwb-breadcrumbs__list\">\n        {rendered.map((crumb, index) => (\n          <Fragment key={index}>\n            <li className=\"smwb-breadcrumbs__item\">{crumb}</li>\n            {index < rendered.length - 1 ? (\n              <li className=\"smwb-breadcrumbs__separator\" aria-hidden=\"true\">\n                {separator}\n              </li>\n            ) : null}\n          </Fragment>\n        ))}\n      </ol>\n    </nav>\n  );\n});\n\nexport default Breadcrumbs;\n"],"names":["Breadcrumbs","forwardRef","className","separator","maxItems","itemsBeforeCollapse","itemsAfterCollapse","expandedProp","onExpand","expandLabel","children","props","ref","isControlled","internalExpanded","setInternalExpanded","useState","expanded","crumbs","Children","isValidElement","collapsed","handleExpand","rendered","jsx","cn","crumb","index","jsxs","Fragment"],"mappings":";;;AA8BO,MAAMA,IAAcC,EAA6D,SACtF;AAAA,EACE,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,qBAAAC,IAAsB;AAAA,EACtB,oBAAAC,IAAqB;AAAA,EACrB,UAAUC;AAAA,EACV,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAeN,MAAiB,QAChC,CAACO,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxDC,IAAWJ,IAAe,CAAC,CAACN,IAAeO,GAC3CI,IAASC,EAAS,QAAQT,CAAQ,EAAE,OAAOU,CAAc,GAEzDC,IAAY,CAACJ,KAAYC,EAAO,SAASd,KAAYC,IAAsBC,IAAqBY,EAAO,QAEvGI,IAAe,MAAM;AACzB,IAAAd,KAAA,QAAAA,KACKK,KACHE,EAAoB,EAAI;AAAA,EAE5B,GAEMQ,IAAwBF,IAC1B;AAAA,IACE,GAAGH,EAAO,MAAM,GAAGb,CAAmB;AAAA,IACtC,gBAAAmB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,cAAYf;AAAA,QACZ,SAASa;AAAA,QACV,UAAA;AAAA,MAAA;AAAA,MALK;AAAA,IAAA;AAAA,IAQN,GAAGJ,EAAO,MAAMA,EAAO,SAASZ,CAAkB;AAAA,EAAA,IAEpDY;AAEJ,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGb;AAAA,MACJ,KAAAC;AAAA,MACA,eAAY;AAAA,MACZ,cAAW;AAAA,MACX,WAAWa,EAAG,oBAAoBvB,CAAS;AAAA,MAE3C,UAAA,gBAAAsB,EAAC,MAAA,EAAG,WAAU,0BACX,UAAAD,EAAS,IAAI,CAACG,GAAOC,MACpB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAL,EAAC,MAAA,EAAG,WAAU,0BAA0B,UAAAE,GAAM;AAAA,QAC7CC,IAAQJ,EAAS,SAAS,IACzB,gBAAAC,EAAC,MAAA,EAAG,WAAU,+BAA8B,eAAY,QACrD,UAAArB,EAAA,CACH,IACE;AAAA,MAAA,EAAA,GANSwB,CAOf,CACD,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"breadcrumbs.js","sources":["../../../../../src/components/navigation/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import {\n  Children,\n  forwardRef,\n  Fragment,\n  HTMLAttributes,\n  isValidElement,\n  PropsWithChildren,\n  ReactNode,\n  useState,\n} from \"react\";\nimport cn from \"clsx\";\n\nexport interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {\n  className?: string;\n  /** Node placed between every crumb. */\n  separator?: ReactNode;\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;\n}\n\nexport const Breadcrumbs = forwardRef<HTMLElement, PropsWithChildren<BreadcrumbsProps>>(function Breadcrumbs(\n  {\n    className,\n    separator = \"/\",\n    maxItems = 8,\n    itemsBeforeCollapse = 1,\n    itemsAfterCollapse = 1,\n    expanded: expandedProp,\n    onExpand,\n    expandLabel = \"Show path\",\n    children,\n    \"data-testid\": dataTestId = \"breadcrumbs\",\n    ...props\n  },\n  ref\n) {\n  const isControlled = expandedProp !== undefined;\n  const [internalExpanded, setInternalExpanded] = useState(false);\n  const expanded = isControlled ? !!expandedProp : internalExpanded;\n  const crumbs = Children.toArray(children).filter(isValidElement);\n\n  const collapsed = !expanded && crumbs.length > maxItems && itemsBeforeCollapse + itemsAfterCollapse < crumbs.length;\n\n  const handleExpand = () => {\n    onExpand?.();\n    if (!isControlled) {\n      setInternalExpanded(true);\n    }\n  };\n\n  const rendered: ReactNode[] = collapsed\n    ? [\n        ...crumbs.slice(0, itemsBeforeCollapse),\n        <button\n          key=\"smwb-breadcrumbs-expand\"\n          type=\"button\"\n          className=\"smwb-breadcrumbs__expand\"\n          aria-label={expandLabel}\n          onClick={handleExpand}\n        >\n          …\n        </button>,\n        ...crumbs.slice(crumbs.length - itemsAfterCollapse),\n      ]\n    : crumbs;\n\n  return (\n    <nav\n      {...props}\n      ref={ref}\n      data-testid={dataTestId}\n      // A default the caller's own replaces, to name it in their language; an\n      // explicit undefined keeps it.\n      aria-label={props[\"aria-label\"] ?? \"breadcrumb\"}\n      className={cn(\"smwb-breadcrumbs\", className)}\n    >\n      <ol className=\"smwb-breadcrumbs__list\">\n        {rendered.map((crumb, index) => (\n          <Fragment key={index}>\n            <li className=\"smwb-breadcrumbs__item\">{crumb}</li>\n            {index < rendered.length - 1 ? (\n              <li className=\"smwb-breadcrumbs__separator\" aria-hidden=\"true\">\n                {separator}\n              </li>\n            ) : null}\n          </Fragment>\n        ))}\n      </ol>\n    </nav>\n  );\n});\n\nexport default Breadcrumbs;\n"],"names":["Breadcrumbs","forwardRef","className","separator","maxItems","itemsBeforeCollapse","itemsAfterCollapse","expandedProp","onExpand","expandLabel","children","dataTestId","props","ref","isControlled","internalExpanded","setInternalExpanded","useState","expanded","crumbs","Children","isValidElement","collapsed","handleExpand","rendered","jsx","_a","cn","crumb","index","jsxs","Fragment"],"mappings":";;;AAgCO,MAAMA,IAAcC,EAA6D,SACtF;AAAA,EACE,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,qBAAAC,IAAsB;AAAA,EACtB,oBAAAC,IAAqB;AAAA,EACrB,UAAUC;AAAA,EACV,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,eAAeC,IAAa;AAAA,EAC5B,GAAGC;AACL,GACAC,GACA;;AACA,QAAMC,IAAeP,MAAiB,QAChC,CAACQ,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxDC,IAAWJ,IAAe,CAAC,CAACP,IAAeQ,GAC3CI,IAASC,EAAS,QAAQV,CAAQ,EAAE,OAAOW,CAAc,GAEzDC,IAAY,CAACJ,KAAYC,EAAO,SAASf,KAAYC,IAAsBC,IAAqBa,EAAO,QAEvGI,IAAe,MAAM;AACzB,IAAAf,KAAA,QAAAA,KACKM,KACHE,EAAoB,EAAI;AAAA,EAE5B,GAEMQ,IAAwBF,IAC1B;AAAA,IACE,GAAGH,EAAO,MAAM,GAAGd,CAAmB;AAAA,IACtC,gBAAAoB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,cAAYhB;AAAA,QACZ,SAASc;AAAA,QACV,UAAA;AAAA,MAAA;AAAA,MALK;AAAA,IAAA;AAAA,IAQN,GAAGJ,EAAO,MAAMA,EAAO,SAASb,CAAkB;AAAA,EAAA,IAEpDa;AAEJ,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGb;AAAA,MACJ,KAAAC;AAAA,MACA,eAAaF;AAAA,MAGb,eAAYe,IAAAd,EAAM,YAAY,MAAlB,OAAAc,IAAuB;AAAA,MACnC,WAAWC,EAAG,oBAAoBzB,CAAS;AAAA,MAE3C,UAAA,gBAAAuB,EAAC,MAAA,EAAG,WAAU,0BACX,UAAAD,EAAS,IAAI,CAACI,GAAOC,MACpB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAN,EAAC,MAAA,EAAG,WAAU,0BAA0B,UAAAG,GAAM;AAAA,QAC7CC,IAAQL,EAAS,SAAS,IACzB,gBAAAC,EAAC,MAAA,EAAG,WAAU,+BAA8B,eAAY,QACrD,UAAAtB,EAAA,CACH,IACE;AAAA,MAAA,EAAA,GANS0B,CAOf,CACD,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

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 React from \"react\";\nimport { MenuContext } from \"./menuContext\";\nimport { MenuComponent } from \"./menuComponent\";\nimport { MenuFloatingProps } from \"./menuFloating\";\n\nexport type MenuProps = MenuFloatingProps &\n  React.HTMLAttributes<HTMLElement> & {\n    variant?: \"static\" | \"floating\";\n    dense?: boolean;\n  };\n\nexport const Menu = React.forwardRef<HTMLDivElement, MenuProps>(function Menu(props, ref) {\n  const { dense = false, variant = \"floating\", onClose: onCloseProp, ...rest } = props;\n\n  const onClose = () => {\n    onCloseProp?.();\n  };\n\n  return (\n    <MenuContext.Provider value={{ dense, variant, onClose }}>\n      <MenuComponent ref={ref} onClose={onCloseProp} {...rest} />\n    </MenuContext.Provider>\n  );\n});\n"],"names":["Menu","React","props","ref","dense","variant","onCloseProp","rest","onClose","MenuContext","MenuComponent"],"mappings":";;;;AAWO,MAAMA,IAAOC,EAAM,WAAsC,SAAcC,GAAOC,GAAK;AACxF,QAAM,EAAE,OAAAC,IAAQ,IAAO,SAAAC,IAAU,YAAY,SAASC,GAAa,GAAGC,EAAA,IAASL,GAEzEM,IAAU,MAAM;AACpB,IAAAF,KAAA,QAAAA;AAAA,EACF;AAEA,2BACGG,EAAY,UAAZ,EAAqB,OAAO,EAAE,OAAAL,GAAO,SAAAC,GAAS,SAAAG,EAAA,GAC7C,4BAACE,GAAA,EAAc,KAAAP,GAAU,SAASG,GAAc,GAAGC,GAAM,GAC3D;AAEJ,CAAC;"}
+{"version":3,"file":"menu.js","sources":["../../../../../src/components/navigation/menu/menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { MenuContext } from \"./menuContext\";\nimport { MenuComponent } from \"./menuComponent\";\nimport { MenuFloatingProps } from \"./menuFloating\";\n\nexport type MenuProps = MenuFloatingProps &\n  React.HTMLAttributes<HTMLElement> & {\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?: React.AriaRole;\n  };\n\nexport const Menu = React.forwardRef<HTMLDivElement, MenuProps>(function Menu(props, ref) {\n  const { dense = false, variant = \"floating\", onClose: onCloseProp, ...rest } = props;\n\n  const onClose = () => {\n    onCloseProp?.();\n  };\n\n  return (\n    <MenuContext.Provider value={{ dense, variant, onClose }}>\n      <MenuComponent ref={ref} onClose={onCloseProp} {...rest} />\n    </MenuContext.Provider>\n  );\n});\n"],"names":["Menu","React","props","ref","dense","variant","onCloseProp","rest","onClose","MenuContext","MenuComponent"],"mappings":";;;;AAiBO,MAAMA,IAAOC,EAAM,WAAsC,SAAcC,GAAOC,GAAK;AACxF,QAAM,EAAE,OAAAC,IAAQ,IAAO,SAAAC,IAAU,YAAY,SAASC,GAAa,GAAGC,EAAA,IAASL,GAEzEM,IAAU,MAAM;AACpB,IAAAF,KAAA,QAAAA;AAAA,EACF;AAEA,2BACGG,EAAY,UAAZ,EAAqB,OAAO,EAAE,OAAAL,GAAO,SAAAC,GAAS,SAAAG,EAAA,GAC7C,4BAACE,GAAA,EAAc,KAAAP,GAAU,SAASG,GAAc,GAAGC,GAAM,GAC3D;AAEJ,CAAC;"}

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 React from \"react\";\n\nexport interface MenuContextValue {\n  dense: boolean;\n  variant: \"static\" | \"floating\";\n  onClose: () => void;\n}\n\nexport const MenuContext = React.createContext<MenuContextValue>({\n  dense: false,\n  variant: \"floating\",\n  onClose: () => null,\n});\n\nexport function useMenuContext() {\n  return React.useContext(MenuContext);\n}\n"],"names":["MenuContext","React","useMenuContext"],"mappings":";AAQO,MAAMA,IAAcC,EAAM,cAAgC;AAAA,EAC/D,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS,MAAM;AACjB,CAAC;AAEM,SAASC,IAAiB;AAC/B,SAAOD,EAAM,WAAWD,CAAW;AACrC;"}
+{"version":3,"file":"menuContext.js","sources":["../../../../../src/components/navigation/menu/menuContext.ts"],"sourcesContent":["import React from \"react\";\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 = React.createContext<MenuContextValue>({\n  dense: false,\n  variant: \"floating\",\n  onClose: () => null,\n});\n\nexport function useMenuContext() {\n  return React.useContext(MenuContext);\n}\n"],"names":["MenuContext","React","useMenuContext"],"mappings":";AAUO,MAAMA,IAAcC,EAAM,cAAgC;AAAA,EAC/D,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS,MAAM;AACjB,CAAC;AAEM,SAASC,IAAiB;AAC/B,SAAOD,EAAM,WAAWD,CAAW;AACrC;"}

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

@@ -1,50 +1,62 @@
 import { jsx as l } from "react/jsx-runtime";
-import s from "react";
-import { useFloating as x, autoUpdate as S } from "@floating-ui/react";
-import b from "react-transition-group/Transition";
-import { useForkRef as v } from "../../../hooks/useForkRef.js";
-import { resolvePlacement as A, buildFloatingMiddleware as B } from "../../../utils/floating.js";
-import { MenuList as C } from "./menuList.js";
-import { ClickAwayListener as L } from "../../clickAwayListener/clickAwayListener.js";
-function O(t, o) {
-  return B(t, o);
+import r from "react";
+import { useFloating as R, autoUpdate as x } from "@floating-ui/react";
+import A from "react-transition-group/Transition";
+import { useForkRef as L } from "../../../hooks/useForkRef.js";
+import { resolvePlacement as S, buildFloatingMiddleware as b } from "../../../utils/floating.js";
+import { MenuList as E } from "./menuList.js";
+import { ClickAwayListener as B } from "../../clickAwayListener/clickAwayListener.js";
+function C(s, a) {
+  return b(s, a);
 }
-const j = (t) => ({
-  transition: `opacity ${t}ms ease-in-out`,
+const D = (s) => ({
+  transition: `opacity ${s}ms ease-in-out`,
   opacity: 0
-}), E = {
+}), O = {
   entering: { opacity: 1 },
   entered: { opacity: 1 },
   exiting: { opacity: 0 }
-}, G = s.forwardRef(function(o, f) {
-  const { anchorElement: e, isOpen: i, onClose: n, placement: d = "bottom-start", middleware: p, style: y, ...g } = o, [a, w] = s.useState(null), u = s.useRef(null), m = A(d), { refs: M, floatingStyles: F } = x({
-    open: !!i,
-    placement: m.placement,
-    whileElementsMounted: S,
+}, G = r.forwardRef(function(a, d) {
+  const { anchorElement: e, isOpen: o, onClose: i, placement: m = "bottom-start", middleware: p, style: y, ...w } = a, [c, g] = r.useState(null), u = r.useRef(null), f = S(m), { refs: v, floatingStyles: M } = R({
+    open: !!o,
+    placement: f.placement,
+    whileElementsMounted: x,
     elements: { reference: e != null ? e : null },
-    middleware: O(m, p)
-  }), R = v(f, u, w, M.setFloating), k = (r) => {
-    if (!i || !n || !a)
+    middleware: C(f, p)
+  }), k = L(d, u, g, v.setFloating);
+  r.useEffect(() => {
+    if (!o || !i || !e)
       return;
-    const c = r.target;
-    a.contains(c) || e != null && e.contains(c) || n == null || n();
+    const t = (n) => {
+      n.key === "Escape" && !n.defaultPrevented && (n.preventDefault(), i());
+    };
+    return e.addEventListener("keydown", t), () => e.removeEventListener("keydown", t);
+  }, [o, i, e]), r.useEffect(() => {
+    var t, n;
+    !o && ((t = u.current) != null && t.contains(document.activeElement)) && ((n = e == null ? void 0 : e.focus) == null || n.call(e));
+  }, [o, e]);
+  const F = (t) => {
+    if (!o || !i || !c)
+      return;
+    const n = t.target;
+    c.contains(n) || e != null && e.contains(n) || i == null || i();
   };
-  return /* @__PURE__ */ l(b, { nodeRef: u, in: !!i, timeout: 150, unmountOnExit: !0, children: (r) => /* @__PURE__ */ l(L, { onClickAway: k, children: /* @__PURE__ */ l(
-    C,
+  return /* @__PURE__ */ l(A, { nodeRef: u, in: !!o, timeout: 150, unmountOnExit: !0, children: (t) => /* @__PURE__ */ l(B, { onClickAway: F, children: /* @__PURE__ */ l(
+    E,
     {
-      ref: R,
+      ref: k,
       style: {
-        ...F,
+        ...M,
         ...y,
-        ...j(150),
-        ...E[r]
+        ...D(150),
+        ...O[t]
       },
-      ...g
+      ...w
     }
   ) }) });
 });
 export {
   G as MenuFloating,
-  O as buildMenuFloatingMiddleware
+  C 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 React from \"react\";\nimport { autoUpdate, Middleware, useFloating } from \"@floating-ui/react\";\nimport Transition, { TransitionStatus } from \"react-transition-group/Transition\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { buildFloatingMiddleware, Placement, resolvePlacement, type ResolvedPlacement } from \"../../../utils/floating\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { MenuList } from \"./menuList\";\n\nexport function buildMenuFloatingMiddleware(resolved: ResolvedPlacement, custom?: Middleware[]): Middleware[] {\n  return buildFloatingMiddleware(resolved, custom);\n}\n\nconst defaultStyle = (duration: number): React.CSSProperties => ({\n  transition: `opacity ${duration}ms ease-in-out`,\n  opacity: 0,\n});\n\nconst transitionStyles = {\n  entering: { opacity: 1 },\n  entered: { opacity: 1 },\n  exiting: { opacity: 0 },\n} as Record<TransitionStatus, React.CSSProperties>;\n\nexport interface MenuFloatingProps extends React.HTMLAttributes<HTMLDivElement> {\n  anchorElement?: Element | null;\n  isOpen?: boolean;\n  onClose?: () => void;\n  placement?: Placement;\n  middleware?: Middleware[];\n}\n\nexport const MenuFloating = React.forwardRef<HTMLDivElement, MenuFloatingProps>(function MenuFloating(props, ref) {\n  const { anchorElement, isOpen, onClose, placement = \"bottom-start\", middleware, style, ...rest } = props;\n  const [menuElement, setMenuElement] = React.useState<HTMLElement | null>(null);\n  const nodeRef = React.useRef<HTMLElement>(null);\n\n  const resolved = resolvePlacement(placement);\n  const { refs, floatingStyles } = useFloating({\n    open: Boolean(isOpen),\n    placement: resolved.placement,\n    whileElementsMounted: autoUpdate,\n    elements: { reference: anchorElement ?? null },\n    middleware: buildMenuFloatingMiddleware(resolved, middleware),\n  });\n\n  const menuRef = useForkRef(ref, nodeRef, setMenuElement, refs.setFloating);\n\n  const onAwayClick = (event: MouseEvent | TouchEvent) => {\n    if (!isOpen || !onClose || !menuElement) {\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n\n    if (menuElement.contains(target) || (anchorElement as HTMLElement | null)?.contains(target)) {\n      return undefined;\n    }\n\n    onClose?.();\n  };\n\n  return (\n    <Transition nodeRef={nodeRef} in={Boolean(isOpen)} timeout={150} unmountOnExit>\n      {(state) => (\n        <ClickAwayListener onClickAway={onAwayClick}>\n          <MenuList\n            ref={menuRef}\n            style={{\n              ...floatingStyles,\n              ...style,\n              ...defaultStyle(150),\n              ...transitionStyles[state],\n            }}\n            {...rest}\n          />\n        </ClickAwayListener>\n      )}\n    </Transition>\n  );\n});\n"],"names":["buildMenuFloatingMiddleware","resolved","custom","buildFloatingMiddleware","defaultStyle","duration","transitionStyles","MenuFloating","React","props","ref","anchorElement","isOpen","onClose","placement","middleware","style","rest","menuElement","setMenuElement","nodeRef","resolvePlacement","refs","floatingStyles","useFloating","autoUpdate","menuRef","useForkRef","onAwayClick","event","target","Transition","state","jsx","ClickAwayListener","MenuList"],"mappings":";;;;;;;;AAQO,SAASA,EAA4BC,GAA6BC,GAAqC;AAC5G,SAAOC,EAAwBF,GAAUC,CAAM;AACjD;AAEA,MAAME,IAAe,CAACC,OAA2C;AAAA,EAC/D,YAAY,WAAWA,CAAQ;AAAA,EAC/B,SAAS;AACX,IAEMC,IAAmB;AAAA,EACvB,UAAU,EAAE,SAAS,EAAA;AAAA,EACrB,SAAS,EAAE,SAAS,EAAA;AAAA,EACpB,SAAS,EAAE,SAAS,EAAA;AACtB,GAUaC,IAAeC,EAAM,WAA8C,SAAsBC,GAAOC,GAAK;AAChH,QAAM,EAAE,eAAAC,GAAe,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,IAAY,gBAAgB,YAAAC,GAAY,OAAAC,GAAO,GAAGC,EAAA,IAASR,GAC7F,CAACS,GAAaC,CAAc,IAAIX,EAAM,SAA6B,IAAI,GACvEY,IAAUZ,EAAM,OAAoB,IAAI,GAExCP,IAAWoB,EAAiBP,CAAS,GACrC,EAAE,MAAAQ,GAAM,gBAAAC,EAAA,IAAmBC,EAAY;AAAA,IAC3C,MAAM,EAAQZ;AAAA,IACd,WAAWX,EAAS;AAAA,IACpB,sBAAsBwB;AAAA,IACtB,UAAU,EAAE,WAAWd,KAAA,OAAAA,IAAiB,KAAA;AAAA,IACxC,YAAYX,EAA4BC,GAAUc,CAAU;AAAA,EAAA,CAC7D,GAEKW,IAAUC,EAAWjB,GAAKU,GAASD,GAAgBG,EAAK,WAAW,GAEnEM,IAAc,CAACC,MAAmC;AACtD,QAAI,CAACjB,KAAU,CAACC,KAAW,CAACK;AAC1B;AAGF,UAAMY,IAASD,EAAM;AAErB,IAAIX,EAAY,SAASY,CAAM,KAAMnB,KAAA,QAAAA,EAAsC,SAASmB,MAIpFjB,KAAA,QAAAA;AAAA,EACF;AAEA,2BACGkB,GAAA,EAAW,SAAAX,GAAkB,IAAI,EAAQR,GAAS,SAAS,KAAK,eAAa,IAC3E,UAAA,CAACoB,MACA,gBAAAC,EAACC,GAAA,EAAkB,aAAaN,GAC9B,UAAA,gBAAAK;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,KAAKT;AAAA,MACL,OAAO;AAAA,QACL,GAAGH;AAAA,QACH,GAAGP;AAAA,QACH,GAAGZ,EAAa,GAAG;AAAA,QACnB,GAAGE,EAAiB0B,CAAK;AAAA,MAAA;AAAA,MAE1B,GAAGf;AAAA,IAAA;AAAA,EAAA,GAER,EAAA,CAEJ;AAEJ,CAAC;"}
+{"version":3,"file":"menuFloating.js","sources":["../../../../../src/components/navigation/menu/menuFloating.tsx"],"sourcesContent":["import React from \"react\";\nimport { autoUpdate, Middleware, useFloating } from \"@floating-ui/react\";\nimport Transition, { TransitionStatus } from \"react-transition-group/Transition\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { buildFloatingMiddleware, Placement, resolvePlacement, type ResolvedPlacement } from \"../../../utils/floating\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { MenuList } from \"./menuList\";\n\nexport function buildMenuFloatingMiddleware(resolved: ResolvedPlacement, custom?: Middleware[]): Middleware[] {\n  return buildFloatingMiddleware(resolved, custom);\n}\n\nconst defaultStyle = (duration: number): React.CSSProperties => ({\n  transition: `opacity ${duration}ms ease-in-out`,\n  opacity: 0,\n});\n\nconst transitionStyles = {\n  entering: { opacity: 1 },\n  entered: { opacity: 1 },\n  exiting: { opacity: 0 },\n} as Record<TransitionStatus, React.CSSProperties>;\n\nexport interface MenuFloatingProps extends React.HTMLAttributes<HTMLDivElement> {\n  anchorElement?: Element | null;\n  isOpen?: boolean;\n  onClose?: () => void;\n  placement?: Placement;\n  middleware?: Middleware[];\n}\n\nexport const MenuFloating = React.forwardRef<HTMLDivElement, MenuFloatingProps>(function MenuFloating(props, ref) {\n  const { anchorElement, isOpen, onClose, placement = \"bottom-start\", middleware, style, ...rest } = props;\n  const [menuElement, setMenuElement] = React.useState<HTMLElement | null>(null);\n  const nodeRef = React.useRef<HTMLElement>(null);\n\n  const resolved = resolvePlacement(placement);\n  const { refs, floatingStyles } = useFloating({\n    open: Boolean(isOpen),\n    placement: resolved.placement,\n    whileElementsMounted: autoUpdate,\n    elements: { reference: anchorElement ?? null },\n    middleware: buildMenuFloatingMiddleware(resolved, middleware),\n  });\n\n  const menuRef = useForkRef(ref, nodeRef, setMenuElement, refs.setFloating);\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  React.useEffect(() => {\n    if (!isOpen || !onClose || !anchorElement) {\n      return undefined;\n    }\n    const onAnchorKeyDown = (event: Event) => {\n      if ((event as KeyboardEvent).key === \"Escape\" && !event.defaultPrevented) {\n        event.preventDefault();\n        onClose();\n      }\n    };\n    anchorElement.addEventListener(\"keydown\", onAnchorKeyDown);\n    return () => anchorElement.removeEventListener(\"keydown\", onAnchorKeyDown);\n  }, [isOpen, onClose, anchorElement]);\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  React.useEffect(() => {\n    if (!isOpen && nodeRef.current?.contains(document.activeElement)) {\n      (anchorElement as HTMLElement | null | undefined)?.focus?.();\n    }\n  }, [isOpen, anchorElement]);\n\n  const onAwayClick = (event: MouseEvent | TouchEvent) => {\n    if (!isOpen || !onClose || !menuElement) {\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n\n    if (menuElement.contains(target) || (anchorElement as HTMLElement | null)?.contains(target)) {\n      return undefined;\n    }\n\n    onClose?.();\n  };\n\n  return (\n    <Transition nodeRef={nodeRef} in={Boolean(isOpen)} timeout={150} unmountOnExit>\n      {(state) => (\n        <ClickAwayListener onClickAway={onAwayClick}>\n          <MenuList\n            ref={menuRef}\n            style={{\n              ...floatingStyles,\n              ...style,\n              ...defaultStyle(150),\n              ...transitionStyles[state],\n            }}\n            {...rest}\n          />\n        </ClickAwayListener>\n      )}\n    </Transition>\n  );\n});\n"],"names":["buildMenuFloatingMiddleware","resolved","custom","buildFloatingMiddleware","defaultStyle","duration","transitionStyles","MenuFloating","React","props","ref","anchorElement","isOpen","onClose","placement","middleware","style","rest","menuElement","setMenuElement","nodeRef","resolvePlacement","refs","floatingStyles","useFloating","autoUpdate","menuRef","useForkRef","onAnchorKeyDown","event","_a","_b","onAwayClick","target","Transition","state","jsx","ClickAwayListener","MenuList"],"mappings":";;;;;;;;AAQO,SAASA,EAA4BC,GAA6BC,GAAqC;AAC5G,SAAOC,EAAwBF,GAAUC,CAAM;AACjD;AAEA,MAAME,IAAe,CAACC,OAA2C;AAAA,EAC/D,YAAY,WAAWA,CAAQ;AAAA,EAC/B,SAAS;AACX,IAEMC,IAAmB;AAAA,EACvB,UAAU,EAAE,SAAS,EAAA;AAAA,EACrB,SAAS,EAAE,SAAS,EAAA;AAAA,EACpB,SAAS,EAAE,SAAS,EAAA;AACtB,GAUaC,IAAeC,EAAM,WAA8C,SAAsBC,GAAOC,GAAK;AAChH,QAAM,EAAE,eAAAC,GAAe,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,IAAY,gBAAgB,YAAAC,GAAY,OAAAC,GAAO,GAAGC,EAAA,IAASR,GAC7F,CAACS,GAAaC,CAAc,IAAIX,EAAM,SAA6B,IAAI,GACvEY,IAAUZ,EAAM,OAAoB,IAAI,GAExCP,IAAWoB,EAAiBP,CAAS,GACrC,EAAE,MAAAQ,GAAM,gBAAAC,EAAA,IAAmBC,EAAY;AAAA,IAC3C,MAAM,EAAQZ;AAAA,IACd,WAAWX,EAAS;AAAA,IACpB,sBAAsBwB;AAAA,IACtB,UAAU,EAAE,WAAWd,KAAA,OAAAA,IAAiB,KAAA;AAAA,IACxC,YAAYX,EAA4BC,GAAUc,CAAU;AAAA,EAAA,CAC7D,GAEKW,IAAUC,EAAWjB,GAAKU,GAASD,GAAgBG,EAAK,WAAW;AAIzE,EAAAd,EAAM,UAAU,MAAM;AACpB,QAAI,CAACI,KAAU,CAACC,KAAW,CAACF;AAC1B;AAEF,UAAMiB,IAAkB,CAACC,MAAiB;AACxC,MAAKA,EAAwB,QAAQ,YAAY,CAACA,EAAM,qBACtDA,EAAM,eAAA,GACNhB,EAAA;AAAA,IAEJ;AACA,WAAAF,EAAc,iBAAiB,WAAWiB,CAAe,GAClD,MAAMjB,EAAc,oBAAoB,WAAWiB,CAAe;AAAA,EAC3E,GAAG,CAAChB,GAAQC,GAASF,CAAa,CAAC,GAMnCH,EAAM,UAAU,MAAM;;AACpB,IAAI,CAACI,OAAUkB,IAAAV,EAAQ,YAAR,QAAAU,EAAiB,SAAS,SAAS,qBAC/CC,IAAApB,KAAA,gBAAAA,EAAkD,UAAlD,QAAAoB,EAAA,KAAApB;AAAA,EAEL,GAAG,CAACC,GAAQD,CAAa,CAAC;AAE1B,QAAMqB,IAAc,CAACH,MAAmC;AACtD,QAAI,CAACjB,KAAU,CAACC,KAAW,CAACK;AAC1B;AAGF,UAAMe,IAASJ,EAAM;AAErB,IAAIX,EAAY,SAASe,CAAM,KAAMtB,KAAA,QAAAA,EAAsC,SAASsB,MAIpFpB,KAAA,QAAAA;AAAA,EACF;AAEA,2BACGqB,GAAA,EAAW,SAAAd,GAAkB,IAAI,EAAQR,GAAS,SAAS,KAAK,eAAa,IAC3E,UAAA,CAACuB,MACA,gBAAAC,EAACC,GAAA,EAAkB,aAAaL,GAC9B,UAAA,gBAAAI;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,KAAKZ;AAAA,MACL,OAAO;AAAA,QACL,GAAGH;AAAA,QACH,GAAGP;AAAA,QACH,GAAGZ,EAAa,GAAG;AAAA,QACnB,GAAGE,EAAiB6B,CAAK;AAAA,MAAA;AAAA,MAE1B,GAAGlB;AAAA,IAAA;AAAA,EAAA,GAER,EAAA,CAEJ;AAEJ,CAAC;"}