@smwb/ui-react 2.6.3 → 2.8.0

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

@@ -1,11 +1,19 @@
-import { jsxs as S, jsx as b } from "react/jsx-runtime";
+import { jsxs as j, jsx as I } from "react/jsx-runtime";
 import t from "react";
-import { offset as D } from "@floating-ui/react";
-import { MenuFloating as O } from "./menuFloating.js";
-import { useMenuContext as R, MenuContext as j } from "./menuContext.js";
-const H = t.forwardRef(function u(m, f) {
-  const { children: p, toggleElement: d, placement: g = "right-start", onClose: r, openOnHover: x, ...h } = m, [s, n] = t.useState(!1), [y, A] = t.useState(null), i = R(), E = [
-    D(({ placement: e }) => {
+import { offset as V } from "@floating-ui/react";
+import { MenuFloating as _ } from "./menuFloating.js";
+import { ENABLED_ITEM_SELECTOR as g } from "./menuList.js";
+import { useMenuContext as B, MenuContext as H } from "./menuContext.js";
+import { useForkRef as E } from "../../../hooks/useForkRef.js";
+const X = t.forwardRef(function y(R, k) {
+  var p;
+  const { children: A, toggleElement: r, placement: C = "right-start", onClose: i, openOnHover: h, ...M } = R, [c, s] = t.useState(!1), [w, S] = t.useState(null), [a, D] = t.useState(0), l = t.useRef(null), T = E(k, l);
+  t.useEffect(() => {
+    var e, n;
+    a > 0 && ((n = (e = l.current) == null ? void 0 : e.querySelector(g)) == null || n.focus());
+  }, [a]);
+  const m = B(), o = (p = r == null ? void 0 : r.props) != null ? p : {}, b = E(r == null ? void 0 : r.ref, S), O = [
+    V(({ placement: e }) => {
       switch (e) {
         case "right-start":
         case "left-start":
@@ -17,46 +25,51 @@ const H = t.forwardRef(function u(m, f) {
           return { crossAxis: 0, mainAxis: 0 };
       }
     })
-  ], k = (e) => {
-    e.button === 0 && n((o) => !o);
-  }, l = () => {
-    n(!1), r == null || r();
-  }, C = (e) => {
-    e.key === "ArrowRight" || e.key === "Enter" || e.key === " " ? (e.preventDefault(), n(!0)) : (e.key === "ArrowLeft" || e.key === "Escape") && n(!1);
-  }, w = t.cloneElement(
-    d,
+  ], q = (e) => {
+    var n;
+    (n = o.onClick) == null || n.call(o, e), e.button === 0 && s((u) => !u);
+  }, f = () => {
+    s(!1), i == null || i();
+  }, F = (e) => {
+    var n;
+    (n = o.onKeyDown) == null || n.call(o, e), e.key === "ArrowRight" || e.key === "Enter" || e.key === " " ? (e.preventDefault(), s(!0), D((u) => u + 1)) : (e.key === "ArrowLeft" || e.key === "Escape") && (c && e.preventDefault(), s(!1));
+  }, K = (e) => {
+    var n;
+    (n = o.onMouseEnter) == null || n.call(o, e), h && s(!0);
+  }, L = t.cloneElement(
+    r,
     {
-      ref: A,
-      onClick: k,
-      onKeyDown: C,
-      onMouseEnter: x ? () => n(!0) : void 0,
+      ref: b,
+      onClick: q,
+      onKeyDown: F,
+      onMouseEnter: K,
       "aria-haspopup": "menu",
-      "aria-expanded": s,
-      selected: s
+      "aria-expanded": c,
+      selected: c
     }
   );
-  return /* @__PURE__ */ S(j.Provider, { value: { ...i, variant: "floating" }, children: [
-    w,
-    /* @__PURE__ */ b(
-      O,
+  return /* @__PURE__ */ j(H.Provider, { value: { ...m, variant: "floating", onClose: f, submenu: !0 }, children: [
+    L,
+    /* @__PURE__ */ I(
+      _,
       {
-        ref: f,
-        ...h,
-        placement: g,
-        isOpen: s,
-        onClose: l,
-        anchorElement: y,
-        middleware: E,
-        children: t.Children.map(p, (e) => {
+        ref: T,
+        ...M,
+        placement: C,
+        isOpen: c,
+        onClose: f,
+        anchorElement: w,
+        middleware: O,
+        children: t.Children.map(A, (e) => {
           if (!t.isValidElement(e))
             return null;
-          if (e.type === u)
+          if (e.type === y)
             return e;
-          const o = e;
-          return t.cloneElement(o, {
-            onClick: (M) => {
-              var a, c;
-              (c = (a = o.props).onClick) == null || c.call(a, M), l(), i.onClose();
+          const n = e;
+          return t.cloneElement(n, {
+            onClick: (u) => {
+              var d, x;
+              (x = (d = n.props).onClick) == null || x.call(d, u), f(), m.onClose();
             }
           });
         })
@@ -65,6 +78,6 @@ const H = t.forwardRef(function u(m, f) {
   ] });
 });
 export {
-  H as MenuSubmenu
+  X as MenuSubmenu
 };
 //# sourceMappingURL=menuSubmenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menuSubmenu.js","sources":["../../../../src/components/navigation/menu/menuSubmenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { offset } from \"@floating-ui/react\";\nimport { MenuFloating, MenuFloatingProps } from \"./menuFloating\";\nimport { MenuItemProps } from \"./menuItem\";\nimport { MenuContext, useMenuContext } from \"./menuContext\";\n\nexport type MenuSubmenuProps = Pick<MenuFloatingProps, \"placement\" | \"onClose\"> &\n  React.HTMLAttributes<HTMLDivElement> & {\n    toggleElement?: React.ReactElement;\n    /** Items and/or nested `MenuSubmenu` elements (multi-level supported). */\n    children: React.ReactNode;\n    /** Open the submenu on pointer hover in addition to click. */\n    openOnHover?: boolean;\n  };\n\nexport const MenuSubmenu = React.forwardRef<HTMLDivElement, MenuSubmenuProps>(function MenuSubmenu(props, ref) {\n  const { children, toggleElement, placement = \"right-start\", onClose: onCloseProp, openOnHover, ...rest } = props;\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [anchorElement, setAnchorElement] = React.useState<HTMLElement | null>(null);\n  const contextValue = useMenuContext();\n\n  const middleware: MenuFloatingProps[\"middleware\"] = [\n    offset(({ placement }) => {\n      switch (placement) {\n        case \"right-start\":\n        case \"left-start\":\n          return { crossAxis: -8, mainAxis: 0 };\n        case \"right-end\":\n        case \"left-end\":\n          return { crossAxis: 8, mainAxis: 0 };\n        default:\n          return { crossAxis: 0, mainAxis: 0 };\n      }\n    }),\n  ];\n\n  const onToggle = (event: React.MouseEvent) => {\n    // Только для левой клавиши мышки.\n    if (event.button !== 0) {\n      return;\n    }\n\n    setIsOpen((prevState) => !prevState);\n  };\n\n  const onClose = () => {\n    setIsOpen(false);\n    onCloseProp?.();\n  };\n\n  const onToggleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === \"ArrowRight\" || event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      setIsOpen(true);\n    } else if (event.key === \"ArrowLeft\" || event.key === \"Escape\") {\n      setIsOpen(false);\n    }\n  };\n\n  const toggle = React.cloneElement(\n    toggleElement as React.ReactElement,\n    {\n      ref: setAnchorElement,\n      onClick: onToggle,\n      onKeyDown: onToggleKeyDown,\n      onMouseEnter: openOnHover ? () => setIsOpen(true) : undefined,\n      \"aria-haspopup\": \"menu\",\n      \"aria-expanded\": isOpen,\n      selected: isOpen,\n    } as MenuItemProps\n  );\n\n  return (\n    <MenuContext.Provider value={{ ...contextValue, variant: \"floating\" }}>\n      {toggle}\n      <MenuFloating\n        ref={ref}\n        {...rest}\n        placement={placement}\n        isOpen={isOpen}\n        onClose={onClose}\n        anchorElement={anchorElement}\n        middleware={middleware}\n      >\n        {React.Children.map(children, (child) => {\n          if (!React.isValidElement(child)) {\n            return null;\n          }\n          // Nested submenus manage their own open/close lifecycle — don't\n          // collapse the whole menu when interacting with their toggle.\n          if (child.type === MenuSubmenu) {\n            return child;\n          }\n          const typed = child as React.ReactElement<MenuItemProps>;\n          return React.cloneElement(typed, {\n            onClick: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => {\n              typed.props.onClick?.(e);\n              onClose();\n              contextValue.onClose();\n            },\n          });\n        })}\n      </MenuFloating>\n    </MenuContext.Provider>\n  );\n});\n"],"names":["MenuSubmenu","React","props","ref","children","toggleElement","placement","onCloseProp","openOnHover","rest","isOpen","setIsOpen","anchorElement","setAnchorElement","contextValue","useMenuContext","middleware","offset","onToggle","event","prevState","onClose","onToggleKeyDown","toggle","jsxs","MenuContext","jsx","MenuFloating","child","typed","e","_b","_a"],"mappings":";;;;;AAeO,MAAMA,IAAcC,EAAM,WAA6C,SAASD,EAAYE,GAAOC,GAAK;AAC7G,QAAM,EAAE,UAAAC,GAAU,eAAAC,GAAe,WAAAC,IAAY,eAAe,SAASC,GAAa,aAAAC,GAAa,GAAGC,EAAA,IAASP,GACrG,CAACQ,GAAQC,CAAS,IAAIV,EAAM,SAAS,EAAK,GAC1C,CAACW,GAAeC,CAAgB,IAAIZ,EAAM,SAA6B,IAAI,GAC3Ea,IAAeC,EAAA,GAEfC,IAA8C;AAAA,IAClDC,EAAO,CAAC,EAAE,WAAAX,QAAgB;AACxB,cAAQA,GAAAA;AAAAA,QACN,KAAK;AAAA,QACL,KAAK;AACH,iBAAO,EAAE,WAAW,IAAI,UAAU,EAAA;AAAA,QACpC,KAAK;AAAA,QACL,KAAK;AACH,iBAAO,EAAE,WAAW,GAAG,UAAU,EAAA;AAAA,QACnC;AACE,iBAAO,EAAE,WAAW,GAAG,UAAU,EAAA;AAAA,MAAE;AAAA,IAEzC,CAAC;AAAA,EAAA,GAGGY,IAAW,CAACC,MAA4B;AAE5C,IAAIA,EAAM,WAAW,KAIrBR,EAAU,CAACS,MAAc,CAACA,CAAS;AAAA,EACrC,GAEMC,IAAU,MAAM;AACpB,IAAAV,EAAU,EAAK,GACfJ,KAAA,QAAAA;AAAA,EACF,GAEMe,IAAkB,CAACH,MAA+B;AACtD,IAAIA,EAAM,QAAQ,gBAAgBA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,OACvEA,EAAM,eAAA,GACNR,EAAU,EAAI,MACLQ,EAAM,QAAQ,eAAeA,EAAM,QAAQ,aACpDR,EAAU,EAAK;AAAA,EAEnB,GAEMY,IAAStB,EAAM;AAAA,IACnBI;AAAA,IACA;AAAA,MACE,KAAKQ;AAAA,MACL,SAASK;AAAA,MACT,WAAWI;AAAA,MACX,cAAcd,IAAc,MAAMG,EAAU,EAAI,IAAI;AAAA,MACpD,iBAAiB;AAAA,MACjB,iBAAiBD;AAAA,MACjB,UAAUA;AAAA,IAAA;AAAA,EACZ;AAGF,SACE,gBAAAc,EAACC,EAAY,UAAZ,EAAqB,OAAO,EAAE,GAAGX,GAAc,SAAS,WAAA,GACtD,UAAA;AAAA,IAAAS;AAAA,IACD,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAxB;AAAA,QACC,GAAGM;AAAA,QACJ,WAAAH;AAAA,QACA,QAAAI;AAAA,QACA,SAAAW;AAAA,QACA,eAAAT;AAAA,QACA,YAAAI;AAAA,QAEC,UAAAf,EAAM,SAAS,IAAIG,GAAU,CAACwB,MAAU;AACvC,cAAI,CAAC3B,EAAM,eAAe2B,CAAK;AAC7B,mBAAO;AAIT,cAAIA,EAAM,SAAS5B;AACjB,mBAAO4B;AAET,gBAAMC,IAAQD;AACd,iBAAO3B,EAAM,aAAa4B,GAAO;AAAA,YAC/B,SAAS,CAACC,MAAmD;;AAC3D,eAAAC,KAAAC,IAAAH,EAAM,OAAM,YAAZ,QAAAE,EAAA,KAAAC,GAAsBF,IACtBT,EAAA,GACAP,EAAa,QAAA;AAAA,YACf;AAAA,UAAA,CACD;AAAA,QACH,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ,CAAC;"}
+{"version":3,"file":"menuSubmenu.js","sources":["../../../../src/components/navigation/menu/menuSubmenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { offset } from \"@floating-ui/react\";\nimport { MenuFloating, MenuFloatingProps } from \"./menuFloating\";\nimport { ENABLED_ITEM_SELECTOR } from \"./menuList\";\nimport { MenuItemProps } from \"./menuItem\";\nimport { MenuContext, useMenuContext } from \"./menuContext\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\n\nexport type MenuSubmenuProps = Pick<MenuFloatingProps, \"placement\" | \"onClose\"> &\n  React.HTMLAttributes<HTMLDivElement> & {\n    toggleElement?: React.ReactElement;\n    /** Items and/or nested `MenuSubmenu` elements (multi-level supported). */\n    children: React.ReactNode;\n    /** Open the submenu on pointer hover in addition to click. */\n    openOnHover?: boolean;\n  };\n\nexport const MenuSubmenu = React.forwardRef<HTMLDivElement, MenuSubmenuProps>(function MenuSubmenu(props, ref) {\n  const { children, toggleElement, placement = \"right-start\", onClose: onCloseProp, openOnHover, ...rest } = props;\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [anchorElement, setAnchorElement] = React.useState<HTMLElement | null>(null);\n  // Counts the row's keyboard opens: after each, the submenu's first item takes focus.\n  const [focusRequest, setFocusRequest] = React.useState(0);\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  const floatingRef = useForkRef(ref, panelRef);\n  React.useEffect(() => {\n    if (focusRequest > 0) {\n      panelRef.current?.querySelector<HTMLElement>(ENABLED_ITEM_SELECTOR)?.focus();\n    }\n  }, [focusRequest]);\n  const contextValue = useMenuContext();\n\n  // The toggle keeps its own ref and handlers; the submenu's handlers run after\n  // its own.\n  const toggleProps: MenuItemProps = (toggleElement as React.ReactElement<MenuItemProps> | undefined)?.props ?? {};\n  const toggleRef = useForkRef((toggleElement as { ref?: React.Ref<HTMLElement> } | undefined)?.ref, setAnchorElement);\n\n  const middleware: MenuFloatingProps[\"middleware\"] = [\n    offset(({ placement }) => {\n      switch (placement) {\n        case \"right-start\":\n        case \"left-start\":\n          return { crossAxis: -8, mainAxis: 0 };\n        case \"right-end\":\n        case \"left-end\":\n          return { crossAxis: 8, mainAxis: 0 };\n        default:\n          return { crossAxis: 0, mainAxis: 0 };\n      }\n    }),\n  ];\n\n  const onToggle = (event: React.MouseEvent<HTMLLIElement>) => {\n    toggleProps.onClick?.(event);\n\n    // Только для левой клавиши мышки.\n    if (event.button !== 0) {\n      return;\n    }\n\n    setIsOpen((prevState) => !prevState);\n  };\n\n  const onClose = () => {\n    setIsOpen(false);\n    onCloseProp?.();\n  };\n\n  const onToggleKeyDown = (event: React.KeyboardEvent<HTMLLIElement>) => {\n    toggleProps.onKeyDown?.(event);\n\n    if (event.key === \"ArrowRight\" || event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      setIsOpen(true);\n      setFocusRequest((count) => count + 1);\n    } else if (event.key === \"ArrowLeft\" || event.key === \"Escape\") {\n      // Closing its own open submenu takes the key: the menu the row is in stays open.\n      if (isOpen) {\n        event.preventDefault();\n      }\n      setIsOpen(false);\n    }\n  };\n\n  const onToggleMouseEnter = (event: React.MouseEvent<HTMLLIElement>) => {\n    toggleProps.onMouseEnter?.(event);\n\n    if (openOnHover) {\n      setIsOpen(true);\n    }\n  };\n\n  // aria-haspopup, aria-expanded and selected show the submenu's state: they win\n  // over the toggle's own.\n  const toggle = React.cloneElement(\n    toggleElement as React.ReactElement,\n    {\n      ref: toggleRef,\n      onClick: onToggle,\n      onKeyDown: onToggleKeyDown,\n      onMouseEnter: onToggleMouseEnter,\n      \"aria-haspopup\": \"menu\",\n      \"aria-expanded\": isOpen,\n      selected: isOpen,\n    } as MenuItemProps\n  );\n\n  // Escape or ArrowLeft in the submenu's own list closes this submenu, not the whole menu.\n  return (\n    <MenuContext.Provider value={{ ...contextValue, variant: \"floating\", onClose, submenu: true }}>\n      {toggle}\n      <MenuFloating\n        ref={floatingRef}\n        {...rest}\n        placement={placement}\n        isOpen={isOpen}\n        onClose={onClose}\n        anchorElement={anchorElement}\n        middleware={middleware}\n      >\n        {React.Children.map(children, (child) => {\n          if (!React.isValidElement(child)) {\n            return null;\n          }\n          // Nested submenus manage their own open/close lifecycle — don't\n          // collapse the whole menu when interacting with their toggle.\n          if (child.type === MenuSubmenu) {\n            return child;\n          }\n          const typed = child as React.ReactElement<MenuItemProps>;\n          return React.cloneElement(typed, {\n            onClick: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => {\n              typed.props.onClick?.(e);\n              onClose();\n              contextValue.onClose();\n            },\n          });\n        })}\n      </MenuFloating>\n    </MenuContext.Provider>\n  );\n});\n"],"names":["MenuSubmenu","React","props","ref","children","toggleElement","placement","onCloseProp","openOnHover","rest","isOpen","setIsOpen","anchorElement","setAnchorElement","focusRequest","setFocusRequest","panelRef","floatingRef","useForkRef","_b","_a","ENABLED_ITEM_SELECTOR","contextValue","useMenuContext","toggleProps","toggleRef","middleware","offset","onToggle","event","prevState","onClose","onToggleKeyDown","count","onToggleMouseEnter","toggle","jsxs","MenuContext","jsx","MenuFloating","child","typed","e"],"mappings":"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"}

package/dist/components/navigation/overflowMenu/overflowMenu.js

@@ -1,38 +1,39 @@
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/overflowMenu/overflowMenu.entry.css';/* empty css                                                                   */
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/overflowMenu/overflowMenu.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                                   */
 import { useRef as h, useState as b } from "react";
-import t from "clsx";
+import f from "clsx";
 import { Button as v } from "../../inputs/button/button.js";
 import { Menu as w } from "../menu/menu.js";
 import { MenuItem as x } from "../menu/menuItem.js";
 import { Icon as M } from "../../base/icon/icon.js";
-function R({
+function S({
   items: p,
-  icon: u = "more_vert",
+  icon: i = "more_vert",
   placement: e,
   "aria-label": n,
-  disabled: i,
-  className: d
+  disabled: u,
+  className: m
 }) {
-  const s = h(null), [m, l] = b(!1), c = () => l(!1);
-  return /* @__PURE__ */ f("span", { className: t("smwb-overflow-menu", d), children: [
+  const s = h(null), [d, l] = b(!1), c = () => l(!1);
+  return /* @__PURE__ */ t("span", { className: f("smwb-overflow-menu", m), children: [
     /* @__PURE__ */ r(
       v,
       {
         ref: s,
         variant: "text",
         size: "small",
-        icon: u,
+        icon: i,
         "aria-label": n != null ? n : "More actions",
         "aria-haspopup": "menu",
-        disabled: !!i,
+        disabled: !!u,
         onClick: () => l((o) => !o)
       }
     ),
-    /* @__PURE__ */ r(w, { isOpen: m, onClose: c, anchorElement: s.current, ...e ? { placement: e } : {}, children: p.map((o) => /* @__PURE__ */ f(
+    /* @__PURE__ */ r(w, { isOpen: d, onClose: c, anchorElement: s.current, ...e ? { placement: e } : {}, children: p.map((o) => /* @__PURE__ */ t(
       x,
       {
-        className: t({ "smwb-overflow-menu__item--danger": o.danger }),
+        className: f({ "smwb-overflow-menu__item--danger": o.danger }),
         disabled: o.disabled,
         onClick: () => {
           var a;
@@ -48,7 +49,7 @@ function R({
   ] });
 }
 export {
-  R as OverflowMenu,
-  R as default
+  S as OverflowMenu,
+  S as default
 };
 //# sourceMappingURL=overflowMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"overflowMenu.js","sources":["../../../../src/components/navigation/overflowMenu/overflowMenu.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport type { Placement } from \"@floating-ui/react\";\nimport cn from \"clsx\";\nimport { Button } from \"../../inputs/button\";\nimport { Icon } from \"../../base/icon\";\nimport { Menu, MenuItem } from \"../menu\";\n\nexport interface OverflowMenuItem {\n  id: string;\n  label: string;\n  icon?: React.ReactNode | string;\n  danger?: boolean;\n  disabled?: boolean;\n  onSelect?: () => void;\n}\n\nexport interface OverflowMenuProps {\n  items: OverflowMenuItem[];\n  /** Trigger icon name (default `more_vert`). */\n  icon?: string;\n  placement?: Placement;\n  \"aria-label\"?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\n/**\n * A one-shot kebab / overflow menu: a trigger icon button wired to a floating\n * `Menu` over an `items` array, with open/close state baked in. The card 3-dot\n * menu every app hand-builds (button + surface + open state) collapses to\n * passing an items list.\n */\nexport function OverflowMenu({\n  items,\n  icon = \"more_vert\",\n  placement,\n  \"aria-label\": ariaLabel,\n  disabled,\n  className,\n}: OverflowMenuProps): React.ReactElement {\n  const anchorRef = useRef<HTMLButtonElement | HTMLAnchorElement | null>(null);\n  const [open, setOpen] = useState(false);\n  const close = (): void => setOpen(false);\n\n  return (\n    <span className={cn(\"smwb-overflow-menu\", className)}>\n      <Button\n        ref={anchorRef}\n        variant=\"text\"\n        size=\"small\"\n        icon={icon}\n        aria-label={ariaLabel ?? \"More actions\"}\n        aria-haspopup=\"menu\"\n        disabled={!!disabled}\n        onClick={() => setOpen((value) => !value)}\n      />\n      <Menu isOpen={open} onClose={close} anchorElement={anchorRef.current} {...(placement ? { placement } : {})}>\n        {items.map((item) => (\n          <MenuItem\n            key={item.id}\n            className={cn({ \"smwb-overflow-menu__item--danger\": item.danger })}\n            disabled={item.disabled}\n            onClick={() => {\n              if (item.disabled) return;\n              item.onSelect?.();\n              close();\n            }}\n          >\n            {item.icon ? typeof item.icon === \"string\" ? <Icon name={item.icon} /> : item.icon : null}\n            {item.label}\n          </MenuItem>\n        ))}\n      </Menu>\n    </span>\n  );\n}\n\nexport default OverflowMenu;\n"],"names":["OverflowMenu","items","icon","placement","ariaLabel","disabled","className","anchorRef","useRef","open","setOpen","useState","close","cn","jsx","Button","value","Menu","item","jsxs","MenuItem","_a","Icon"],"mappings":";;;;;;;;AAiCO,SAASA,EAAa;AAAA,EAC3B,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,cAAcC;AAAA,EACd,UAAAC;AAAA,EACA,WAAAC;AACF,GAA0C;AACxC,QAAMC,IAAYC,EAAqD,IAAI,GACrE,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChCC,IAAQ,MAAYF,EAAQ,EAAK;AAEvC,2BACG,QAAA,EAAK,WAAWG,EAAG,sBAAsBP,CAAS,GACjD,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,MAAAL;AAAA,QACA,cAAYE,KAAA,OAAAA,IAAa;AAAA,QACzB,iBAAc;AAAA,QACd,UAAU,CAAC,CAACC;AAAA,QACZ,SAAS,MAAMK,EAAQ,CAACM,MAAU,CAACA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,sBAEzCC,GAAA,EAAK,QAAQR,GAAM,SAASG,GAAO,eAAeL,EAAU,SAAU,GAAIJ,IAAY,EAAE,WAAAA,MAAc,CAAA,GACpG,UAAAF,EAAM,IAAI,CAACiB,MACV,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,WAAWP,EAAG,EAAE,oCAAoCK,EAAK,QAAQ;AAAA,QACjE,UAAUA,EAAK;AAAA,QACf,SAAS,MAAM;;AACb,UAAIA,EAAK,cACTG,IAAAH,EAAK,aAAL,QAAAG,EAAA,KAAAH,IACAN,EAAA;AAAA,QACF;AAAA,QAEC,UAAA;AAAA,UAAAM,EAAK,OAAO,OAAOA,EAAK,QAAS,WAAW,gBAAAJ,EAACQ,GAAA,EAAK,MAAMJ,EAAK,KAAA,CAAM,IAAKA,EAAK,OAAO;AAAA,UACpFA,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAVDA,EAAK;AAAA,IAAA,CAYb,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"overflowMenu.js","sources":["../../../../src/components/navigation/overflowMenu/overflowMenu.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport type { Placement } from \"@floating-ui/react\";\nimport cn from \"clsx\";\nimport { Button } from \"../../inputs/button\";\nimport { Icon } from \"../../base/icon\";\nimport { Menu, MenuItem } from \"../menu\";\n\nexport interface OverflowMenuItem {\n  id: string;\n  label: string;\n  icon?: React.ReactNode | string;\n  danger?: boolean;\n  disabled?: boolean;\n  onSelect?: () => void;\n}\n\nexport interface OverflowMenuProps {\n  items: OverflowMenuItem[];\n  /** Trigger icon name (default `more_vert`). */\n  icon?: string;\n  placement?: Placement;\n  \"aria-label\"?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\n/**\n * A one-shot kebab / overflow menu: a trigger icon button wired to a floating\n * `Menu` over an `items` array, with open/close state baked in. The card 3-dot\n * menu every app hand-builds (button + surface + open state) collapses to\n * passing an items list.\n */\nexport function OverflowMenu({\n  items,\n  icon = \"more_vert\",\n  placement,\n  \"aria-label\": ariaLabel,\n  disabled,\n  className,\n}: OverflowMenuProps): React.ReactElement {\n  const anchorRef = useRef<HTMLButtonElement | HTMLAnchorElement | null>(null);\n  const [open, setOpen] = useState(false);\n  const close = (): void => setOpen(false);\n\n  return (\n    <span className={cn(\"smwb-overflow-menu\", className)}>\n      <Button\n        ref={anchorRef}\n        variant=\"text\"\n        size=\"small\"\n        icon={icon}\n        aria-label={ariaLabel ?? \"More actions\"}\n        aria-haspopup=\"menu\"\n        disabled={!!disabled}\n        onClick={() => setOpen((value) => !value)}\n      />\n      <Menu isOpen={open} onClose={close} anchorElement={anchorRef.current} {...(placement ? { placement } : {})}>\n        {items.map((item) => (\n          <MenuItem\n            key={item.id}\n            className={cn({ \"smwb-overflow-menu__item--danger\": item.danger })}\n            disabled={item.disabled}\n            onClick={() => {\n              if (item.disabled) return;\n              item.onSelect?.();\n              close();\n            }}\n          >\n            {item.icon ? typeof item.icon === \"string\" ? <Icon name={item.icon} /> : item.icon : null}\n            {item.label}\n          </MenuItem>\n        ))}\n      </Menu>\n    </span>\n  );\n}\n\nexport default OverflowMenu;\n"],"names":["OverflowMenu","items","icon","placement","ariaLabel","disabled","className","anchorRef","useRef","open","setOpen","useState","close","cn","jsx","Button","value","Menu","item","jsxs","MenuItem","_a","Icon"],"mappings":";;;;;;;;;AAkCO,SAASA,EAAa;AAAA,EAC3B,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,cAAcC;AAAA,EACd,UAAAC;AAAA,EACA,WAAAC;AACF,GAA0C;AACxC,QAAMC,IAAYC,EAAqD,IAAI,GACrE,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChCC,IAAQ,MAAYF,EAAQ,EAAK;AAEvC,2BACG,QAAA,EAAK,WAAWG,EAAG,sBAAsBP,CAAS,GACjD,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,MAAAL;AAAA,QACA,cAAYE,KAAA,OAAAA,IAAa;AAAA,QACzB,iBAAc;AAAA,QACd,UAAU,CAAC,CAACC;AAAA,QACZ,SAAS,MAAMK,EAAQ,CAACM,MAAU,CAACA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,sBAEzCC,GAAA,EAAK,QAAQR,GAAM,SAASG,GAAO,eAAeL,EAAU,SAAU,GAAIJ,IAAY,EAAE,WAAAA,MAAc,CAAA,GACpG,UAAAF,EAAM,IAAI,CAACiB,MACV,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,WAAWP,EAAG,EAAE,oCAAoCK,EAAK,QAAQ;AAAA,QACjE,UAAUA,EAAK;AAAA,QACf,SAAS,MAAM;;AACb,UAAIA,EAAK,cACTG,IAAAH,EAAK,aAAL,QAAAG,EAAA,KAAAH,IACAN,EAAA;AAAA,QACF;AAAA,QAEC,UAAA;AAAA,UAAAM,EAAK,OAAO,OAAOA,EAAK,QAAS,WAAW,gBAAAJ,EAACQ,GAAA,EAAK,MAAMJ,EAAK,KAAA,CAAM,IAAKA,EAAK,OAAO;AAAA,UACpFA,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAVDA,EAAK;AAAA,IAAA,CAYb,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -22,6 +22,8 @@ export interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, "onCh
     hidePrevButton?: boolean;
     hideNextButton?: boolean;
     onChange?: (page: number) => void;
+    /** Test id of the root `<nav>`; `pagination` unless given. */
+    "data-testid"?: string;
 }
 export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLElement>>;
 export default Pagination;

package/dist/components/navigation/pagination/pagination.js

@@ -1,15 +1,16 @@
-import { jsx as r, jsxs as I } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/pagination/pagination.entry.css';/* empty css                                                               */
-import { forwardRef as S, useRef as q } from "react";
-import A from "clsx";
-import { Icon as B } from "../../base/icon/icon.js";
-import { useForkRef as K } from "../../../hooks/useForkRef.js";
-const d = (a, m) => Array.from({ length: Math.max(m - a + 1, 0) }, (s, e) => a + e), O = (a, m, s, e) => {
+import { jsx as r, jsxs as q } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/pagination/pagination.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                               */
+import { forwardRef as B, useRef as K } from "react";
+import N from "clsx";
+import { Icon as O } from "../../base/icon/icon.js";
+import { useForkRef as z } from "../../../hooks/useForkRef.js";
+const d = (a, m) => Array.from({ length: Math.max(m - a + 1, 0) }, (t, e) => a + e), G = (a, m, t, e) => {
   const g = d(1, Math.min(e, a)), f = d(Math.max(a - e + 1, e + 1), a), c = Math.max(
-    Math.min(m - s, a - e - s * 2 - 1),
+    Math.min(m - t, a - e - t * 2 - 1),
     e + 2
   ), o = Math.min(
-    Math.max(m + s, e + s * 2 + 2),
+    Math.max(m + t, e + t * 2 + 2),
     f.length > 0 ? f[0] - 2 : a - 1
   );
   return [
@@ -19,89 +20,91 @@ const d = (a, m) => Array.from({ length: Math.max(m - a + 1, 0) }, (s, e) => a +
     ...o < a - e - 1 ? ["end-ellipsis"] : a - e > e ? [a - e] : [],
     ...f
   ];
-}, V = S(function({
+}, Y = B(function({
   className: m,
-  count: s,
+  count: t,
   page: e,
   siblingCount: g = 1,
   boundaryCount: f = 1,
   size: c = "medium",
   variant: o = "filled",
-  shape: R = "circular",
+  shape: $ = "circular",
   color: x = "default",
   disabled: p = !1,
-  showFirstButton: N = !1,
-  showLastButton: $ = !1,
-  hidePrevButton: P = !1,
-  hideNextButton: E = !1,
+  showFirstButton: P = !1,
+  showLastButton: E = !1,
+  hidePrevButton: L = !1,
+  hideNextButton: j = !1,
   onChange: w,
-  ...L
-}, j) {
-  const v = q(null), D = K(j, v), b = (i) => {
-    p || i === e || i < 1 || i > s || w == null || w(i);
-  }, F = (i) => {
-    var h, M, k;
+  "data-testid": D = "pagination",
+  ...v
+}, F) {
+  var k;
+  const b = K(null), H = z(F, b), M = (i) => {
+    p || i === e || i < 1 || i > t || w == null || w(i);
+  }, I = (i) => {
+    var h, A, R;
     if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(i.key))
       return;
-    const t = Array.from(
-      (M = (h = v.current) == null ? void 0 : h.querySelectorAll("button.smwb-pagination__item:not(:disabled)")) != null ? M : []
+    const s = Array.from(
+      (A = (h = b.current) == null ? void 0 : h.querySelectorAll("button.smwb-pagination__item:not(:disabled)")) != null ? A : []
     );
-    if (t.length === 0)
+    if (s.length === 0)
       return;
-    const l = t.indexOf(document.activeElement);
+    const l = s.indexOf(document.activeElement);
     let n = l;
-    i.key === "ArrowRight" ? n = Math.min(l + 1, t.length - 1) : i.key === "ArrowLeft" ? n = Math.max(l - 1, 0) : i.key === "Home" ? n = 0 : i.key === "End" && (n = t.length - 1), i.preventDefault(), (k = t[n]) == null || k.focus();
-  }, H = O(s, e, g, f), _ = (i, t, l, n, h) => h ? null : /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
+    i.key === "ArrowRight" ? n = Math.min(l + 1, s.length - 1) : i.key === "ArrowLeft" ? n = Math.max(l - 1, 0) : i.key === "Home" ? n = 0 : i.key === "End" && (n = s.length - 1), i.preventDefault(), (R = s[n]) == null || R.focus();
+  }, S = G(t, e, g, f), _ = (i, s, l, n, h) => h ? null : /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
     "button",
     {
       type: "button",
       className: "smwb-pagination__item smwb-pagination__nav",
-      "aria-label": t,
-      disabled: p || l < 1 || l > s,
-      onClick: () => b(l),
-      children: /* @__PURE__ */ r(B, { name: n, size: c === "small" ? 16 : 18 })
+      "aria-label": s,
+      disabled: p || l < 1 || l > t,
+      onClick: () => M(l),
+      children: /* @__PURE__ */ r(O, { name: n, size: c === "small" ? 16 : 18 })
     }
   ) }, i);
   return /* @__PURE__ */ r(
     "nav",
     {
-      ...L,
-      ref: D,
-      "data-testid": "pagination",
-      "aria-label": "pagination",
-      className: A(
+      ...v,
+      ref: H,
+      "data-testid": D,
+      "aria-label": (k = v["aria-label"]) != null ? k : "pagination",
+      className: N(
         "smwb-pagination",
         `smwb-pagination_${c}`,
         `smwb-pagination_${o}`,
-        `smwb-pagination_shape-${R}`,
+        `smwb-pagination_shape-${$}`,
         x !== "default" && `smwb-pagination_color-${x}`,
         { "smwb-pagination_disabled": p },
         m
       ),
-      children: /* @__PURE__ */ I("ul", { className: "smwb-pagination__list", onKeyDown: F, children: [
-        _("first", "First page", 1, "first_page", !N),
-        _("prev", "Previous page", e - 1, "chevron_left", P),
-        H.map(
-          (i, t) => typeof i == "number" ? /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ q("ul", { className: "smwb-pagination__list", onKeyDown: I, children: [
+        _("first", "First page", 1, "first_page", !P),
+        _("prev", "Previous page", e - 1, "chevron_left", L),
+        S.map(
+          (i, s) => typeof i == "number" ? /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
             "button",
             {
               type: "button",
-              className: A("smwb-pagination__item", { "smwb-pagination__item_selected": i === e }),
+              className: N("smwb-pagination__item", { "smwb-pagination__item_selected": i === e }),
               "aria-current": i === e ? "page" : void 0,
               disabled: p,
-              onClick: () => b(i),
+              onClick: () => M(i),
               children: i
             }
-          ) }, i) : /* @__PURE__ */ r("li", { className: "smwb-pagination__ellipsis", "aria-hidden": "true", children: "…" }, `${i}-${t}`)
+          ) }, i) : /* @__PURE__ */ r("li", { className: "smwb-pagination__ellipsis", "aria-hidden": "true", children: "…" }, `${i}-${s}`)
         ),
-        _("next", "Next page", e + 1, "chevron_right", E),
-        _("last", "Last page", s, "last_page", !$)
+        _("next", "Next page", e + 1, "chevron_right", j),
+        _("last", "Last page", t, "last_page", !E)
       ] })
     }
   );
 });
 export {
-  V as Pagination,
-  V as default
+  Y as Pagination,
+  Y as default
 };
 //# sourceMappingURL=pagination.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../../../../src/components/navigation/pagination/pagination.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, KeyboardEvent, useRef } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\n\nexport type PaginationColor = \"default\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n  className?: string;\n  /** Total number of pages. */\n  count: number;\n  /** Current page (1-based). */\n  page: number;\n  /** Pages shown on each side of the current page. */\n  siblingCount?: number;\n  /** Pages always shown at the start and end. */\n  boundaryCount?: number;\n  size?: \"small\" | \"medium\";\n  /** Item style. */\n  variant?: \"filled\" | \"outlined\";\n  /** Item shape. */\n  shape?: \"rounded\" | \"circular\";\n  color?: PaginationColor;\n  disabled?: boolean;\n  showFirstButton?: boolean;\n  showLastButton?: boolean;\n  hidePrevButton?: boolean;\n  hideNextButton?: boolean;\n  onChange?: (page: number) => void;\n}\n\ntype PaginationItem = number | \"start-ellipsis\" | \"end-ellipsis\";\n\nconst range = (start: number, end: number): number[] =>\n  Array.from({ length: Math.max(end - start + 1, 0) }, (_, i) => start + i);\n\nconst buildItems = (count: number, page: number, siblingCount: number, boundaryCount: number): PaginationItem[] => {\n  const startPages = range(1, Math.min(boundaryCount, count));\n  const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count);\n\n  const siblingsStart = Math.max(\n    Math.min(page - siblingCount, count - boundaryCount - siblingCount * 2 - 1),\n    boundaryCount + 2\n  );\n  const siblingsEnd = Math.min(\n    Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : count - 1\n  );\n\n  return [\n    ...startPages,\n    ...(siblingsStart > boundaryCount + 2\n      ? ([\"start-ellipsis\"] as PaginationItem[])\n      : boundaryCount + 1 < count - boundaryCount\n        ? [boundaryCount + 1]\n        : []),\n    ...range(siblingsStart, siblingsEnd),\n    ...(siblingsEnd < count - boundaryCount - 1\n      ? ([\"end-ellipsis\"] as PaginationItem[])\n      : count - boundaryCount > boundaryCount\n        ? [count - boundaryCount]\n        : []),\n    ...endPages,\n  ];\n};\n\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(function Pagination(\n  {\n    className,\n    count,\n    page,\n    siblingCount = 1,\n    boundaryCount = 1,\n    size = \"medium\",\n    variant = \"filled\",\n    shape = \"circular\",\n    color = \"default\",\n    disabled = false,\n    showFirstButton = false,\n    showLastButton = false,\n    hidePrevButton = false,\n    hideNextButton = false,\n    onChange,\n    ...props\n  },\n  ref\n) {\n  const navRef = useRef<HTMLElement>(null);\n  const mergedRef = useForkRef<HTMLElement>(ref, navRef);\n\n  const go = (target: number) => {\n    if (disabled || target === page || target < 1 || target > count) {\n      return;\n    }\n    onChange?.(target);\n  };\n\n  const onKeyDown = (e: KeyboardEvent<HTMLUListElement>) => {\n    if (![\"ArrowLeft\", \"ArrowRight\", \"Home\", \"End\"].includes(e.key)) {\n      return;\n    }\n    const buttons = Array.from(\n      navRef.current?.querySelectorAll<HTMLButtonElement>(\"button.smwb-pagination__item:not(:disabled)\") ?? []\n    );\n    if (buttons.length === 0) {\n      return;\n    }\n    const current = buttons.indexOf(document.activeElement as HTMLButtonElement);\n    let next = current;\n    if (e.key === \"ArrowRight\") next = Math.min(current + 1, buttons.length - 1);\n    else if (e.key === \"ArrowLeft\") next = Math.max(current - 1, 0);\n    else if (e.key === \"Home\") next = 0;\n    else if (e.key === \"End\") next = buttons.length - 1;\n    e.preventDefault();\n    buttons[next]?.focus();\n  };\n\n  const items = buildItems(count, page, siblingCount, boundaryCount);\n\n  const navButton = (key: string, label: string, target: number, iconName: string, hidden?: boolean) =>\n    hidden ? null : (\n      <li key={key}>\n        <button\n          type=\"button\"\n          className=\"smwb-pagination__item smwb-pagination__nav\"\n          aria-label={label}\n          disabled={disabled || target < 1 || target > count}\n          onClick={() => go(target)}\n        >\n          <Icon name={iconName} size={size === \"small\" ? 16 : 18} />\n        </button>\n      </li>\n    );\n\n  return (\n    <nav\n      {...props}\n      ref={mergedRef}\n      data-testid=\"pagination\"\n      aria-label=\"pagination\"\n      className={cn(\n        \"smwb-pagination\",\n        `smwb-pagination_${size}`,\n        `smwb-pagination_${variant}`,\n        `smwb-pagination_shape-${shape}`,\n        color !== \"default\" && `smwb-pagination_color-${color}`,\n        { \"smwb-pagination_disabled\": disabled },\n        className\n      )}\n    >\n      <ul className=\"smwb-pagination__list\" onKeyDown={onKeyDown}>\n        {navButton(\"first\", \"First page\", 1, \"first_page\", !showFirstButton)}\n        {navButton(\"prev\", \"Previous page\", page - 1, \"chevron_left\", hidePrevButton)}\n        {items.map((item, index) =>\n          typeof item === \"number\" ? (\n            <li key={item}>\n              <button\n                type=\"button\"\n                className={cn(\"smwb-pagination__item\", { \"smwb-pagination__item_selected\": item === page })}\n                aria-current={item === page ? \"page\" : undefined}\n                disabled={disabled}\n                onClick={() => go(item)}\n              >\n                {item}\n              </button>\n            </li>\n          ) : (\n            <li key={`${item}-${index}`} className=\"smwb-pagination__ellipsis\" aria-hidden=\"true\">\n              …\n            </li>\n          )\n        )}\n        {navButton(\"next\", \"Next page\", page + 1, \"chevron_right\", hideNextButton)}\n        {navButton(\"last\", \"Last page\", count, \"last_page\", !showLastButton)}\n      </ul>\n    </nav>\n  );\n});\n\nexport default Pagination;\n"],"names":["range","start","end","_","i","buildItems","count","page","siblingCount","boundaryCount","startPages","endPages","siblingsStart","siblingsEnd","Pagination","forwardRef","className","size","variant","shape","color","disabled","showFirstButton","showLastButton","hidePrevButton","hideNextButton","onChange","props","ref","navRef","useRef","mergedRef","useForkRef","go","target","onKeyDown","e","buttons","_b","_a","current","next","_c","items","navButton","key","label","iconName","hidden","jsx","Icon","cn","jsxs","item","index"],"mappings":"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"}
+{"version":3,"file":"pagination.js","sources":["../../../../src/components/navigation/pagination/pagination.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, KeyboardEvent, useRef } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\n\nexport type PaginationColor = \"default\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n  className?: string;\n  /** Total number of pages. */\n  count: number;\n  /** Current page (1-based). */\n  page: number;\n  /** Pages shown on each side of the current page. */\n  siblingCount?: number;\n  /** Pages always shown at the start and end. */\n  boundaryCount?: number;\n  size?: \"small\" | \"medium\";\n  /** Item style. */\n  variant?: \"filled\" | \"outlined\";\n  /** Item shape. */\n  shape?: \"rounded\" | \"circular\";\n  color?: PaginationColor;\n  disabled?: boolean;\n  showFirstButton?: boolean;\n  showLastButton?: boolean;\n  hidePrevButton?: boolean;\n  hideNextButton?: boolean;\n  onChange?: (page: number) => void;\n  /** Test id of the root `<nav>`; `pagination` unless given. */\n  \"data-testid\"?: string;\n}\n\ntype PaginationItem = number | \"start-ellipsis\" | \"end-ellipsis\";\n\nconst range = (start: number, end: number): number[] =>\n  Array.from({ length: Math.max(end - start + 1, 0) }, (_, i) => start + i);\n\nconst buildItems = (count: number, page: number, siblingCount: number, boundaryCount: number): PaginationItem[] => {\n  const startPages = range(1, Math.min(boundaryCount, count));\n  const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count);\n\n  const siblingsStart = Math.max(\n    Math.min(page - siblingCount, count - boundaryCount - siblingCount * 2 - 1),\n    boundaryCount + 2\n  );\n  const siblingsEnd = Math.min(\n    Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : count - 1\n  );\n\n  return [\n    ...startPages,\n    ...(siblingsStart > boundaryCount + 2\n      ? ([\"start-ellipsis\"] as PaginationItem[])\n      : boundaryCount + 1 < count - boundaryCount\n        ? [boundaryCount + 1]\n        : []),\n    ...range(siblingsStart, siblingsEnd),\n    ...(siblingsEnd < count - boundaryCount - 1\n      ? ([\"end-ellipsis\"] as PaginationItem[])\n      : count - boundaryCount > boundaryCount\n        ? [count - boundaryCount]\n        : []),\n    ...endPages,\n  ];\n};\n\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(function Pagination(\n  {\n    className,\n    count,\n    page,\n    siblingCount = 1,\n    boundaryCount = 1,\n    size = \"medium\",\n    variant = \"filled\",\n    shape = \"circular\",\n    color = \"default\",\n    disabled = false,\n    showFirstButton = false,\n    showLastButton = false,\n    hidePrevButton = false,\n    hideNextButton = false,\n    onChange,\n    \"data-testid\": dataTestId = \"pagination\",\n    ...props\n  },\n  ref\n) {\n  const navRef = useRef<HTMLElement>(null);\n  const mergedRef = useForkRef<HTMLElement>(ref, navRef);\n\n  const go = (target: number) => {\n    if (disabled || target === page || target < 1 || target > count) {\n      return;\n    }\n    onChange?.(target);\n  };\n\n  const onKeyDown = (e: KeyboardEvent<HTMLUListElement>) => {\n    if (![\"ArrowLeft\", \"ArrowRight\", \"Home\", \"End\"].includes(e.key)) {\n      return;\n    }\n    const buttons = Array.from(\n      navRef.current?.querySelectorAll<HTMLButtonElement>(\"button.smwb-pagination__item:not(:disabled)\") ?? []\n    );\n    if (buttons.length === 0) {\n      return;\n    }\n    const current = buttons.indexOf(document.activeElement as HTMLButtonElement);\n    let next = current;\n    if (e.key === \"ArrowRight\") next = Math.min(current + 1, buttons.length - 1);\n    else if (e.key === \"ArrowLeft\") next = Math.max(current - 1, 0);\n    else if (e.key === \"Home\") next = 0;\n    else if (e.key === \"End\") next = buttons.length - 1;\n    e.preventDefault();\n    buttons[next]?.focus();\n  };\n\n  const items = buildItems(count, page, siblingCount, boundaryCount);\n\n  const navButton = (key: string, label: string, target: number, iconName: string, hidden?: boolean) =>\n    hidden ? null : (\n      <li key={key}>\n        <button\n          type=\"button\"\n          className=\"smwb-pagination__item smwb-pagination__nav\"\n          aria-label={label}\n          disabled={disabled || target < 1 || target > count}\n          onClick={() => go(target)}\n        >\n          <Icon name={iconName} size={size === \"small\" ? 16 : 18} />\n        </button>\n      </li>\n    );\n\n  return (\n    <nav\n      {...props}\n      ref={mergedRef}\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\"] ?? \"pagination\"}\n      className={cn(\n        \"smwb-pagination\",\n        `smwb-pagination_${size}`,\n        `smwb-pagination_${variant}`,\n        `smwb-pagination_shape-${shape}`,\n        color !== \"default\" && `smwb-pagination_color-${color}`,\n        { \"smwb-pagination_disabled\": disabled },\n        className\n      )}\n    >\n      <ul className=\"smwb-pagination__list\" onKeyDown={onKeyDown}>\n        {navButton(\"first\", \"First page\", 1, \"first_page\", !showFirstButton)}\n        {navButton(\"prev\", \"Previous page\", page - 1, \"chevron_left\", hidePrevButton)}\n        {items.map((item, index) =>\n          typeof item === \"number\" ? (\n            <li key={item}>\n              <button\n                type=\"button\"\n                className={cn(\"smwb-pagination__item\", { \"smwb-pagination__item_selected\": item === page })}\n                aria-current={item === page ? \"page\" : undefined}\n                disabled={disabled}\n                onClick={() => go(item)}\n              >\n                {item}\n              </button>\n            </li>\n          ) : (\n            <li key={`${item}-${index}`} className=\"smwb-pagination__ellipsis\" aria-hidden=\"true\">\n              …\n            </li>\n          )\n        )}\n        {navButton(\"next\", \"Next page\", page + 1, \"chevron_right\", hideNextButton)}\n        {navButton(\"last\", \"Last page\", count, \"last_page\", !showLastButton)}\n      </ul>\n    </nav>\n  );\n});\n\nexport default Pagination;\n"],"names":["range","start","end","_","i","buildItems","count","page","siblingCount","boundaryCount","startPages","endPages","siblingsStart","siblingsEnd","Pagination","forwardRef","className","size","variant","shape","color","disabled","showFirstButton","showLastButton","hidePrevButton","hideNextButton","onChange","dataTestId","props","ref","navRef","useRef","mergedRef","useForkRef","go","target","onKeyDown","e","buttons","_b","_a","current","next","_c","items","navButton","key","label","iconName","hidden","jsx","Icon","cn","jsxs","item","index"],"mappings":"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"}

package/dist/components/navigation/sidebar/sidebar.js

@@ -1,96 +1,98 @@
-import { jsxs as R, jsx as e } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/sidebar/sidebar.entry.css';/* empty css                                                         */
-import j, { forwardRef as V, useState as g } from "react";
-import S from "clsx";
-import { Ripple as x } from "../../base/ripple/ripple.js";
-import { Icon as z } from "../../base/icon/icon.js";
-import { useControllableState as $ } from "../../../hooks/useControllableState.js";
-const M = V(function({
+import { jsxs as S, jsx as e } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/sidebar/sidebar.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                         */
+import V, { forwardRef as g, useState as x } from "react";
+import k from "clsx";
+import { Ripple as z } from "../../base/ripple/ripple.js";
+import { Icon as $ } from "../../base/icon/icon.js";
+import { useControllableState as q } from "../../../hooks/useControllableState.js";
+const Q = g(function({
   className: o,
   variant: d = "default",
   menuItems: s,
   activeItem: m,
-  defaultActiveItem: l = null,
+  defaultActiveItem: t = null,
   onActiveItemChange: n,
-  collapsible: t = !1,
+  collapsible: l = !1,
   collapsed: f,
-  defaultCollapsed: p = !1,
+  defaultCollapsed: b = !1,
   onCollapsedChange: _,
   collapseToggleAriaLabel: v = "Toggle navigation",
-  ...w
+  ...u
 }, r) {
-  const i = m !== void 0, [k, y] = g(l), C = i ? m : k, [c, E] = $({
+  var N;
+  const i = m !== void 0, [y, C] = x(t), E = i ? m : y, [c, T] = q({
     value: f,
-    defaultValue: p,
+    defaultValue: b,
     onChange: _
-  }), h = t && c ? "compactMini" : d;
-  return /* @__PURE__ */ R(
+  }), h = l && c ? "compactMini" : d;
+  return /* @__PURE__ */ S(
     "aside",
     {
       ref: r,
-      className: S("smwb-sidebar", o, `smwb-${h}`, {
-        "smwb-sidebar_collapsible": t,
-        "smwb-sidebar_collapsed": t && c
+      className: k("smwb-sidebar", o, `smwb-${h}`, {
+        "smwb-sidebar_collapsible": l,
+        "smwb-sidebar_collapsed": l && c
       }),
-      role: "menubar",
-      ...w,
+      ...u,
+      role: (N = u.role) != null ? N : "menubar",
       children: [
-        t && /* @__PURE__ */ e("div", { className: "smwb-sidebar__collapse", children: /* @__PURE__ */ e(
+        l && /* @__PURE__ */ e("div", { className: "smwb-sidebar__collapse", children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "smwb-sidebar__collapse-btn",
             "aria-label": v,
             "aria-expanded": !c,
-            onClick: () => E(!c),
-            children: /* @__PURE__ */ e(z, { name: c ? "chevron_right" : "chevron_left", size: 20 })
+            onClick: () => T(!c),
+            children: /* @__PURE__ */ e($, { name: c ? "chevron_right" : "chevron_left", size: 20 })
           }
         ) }),
-        /* @__PURE__ */ e("nav", { className: "smwb-sidebar__nav", children: s && (s == null ? void 0 : s.map((a, b) => /* @__PURE__ */ e(
-          q,
+        /* @__PURE__ */ e("nav", { className: "smwb-sidebar__nav", children: s && (s == null ? void 0 : s.map((a, p) => /* @__PURE__ */ e(
+          B,
           {
             as: a.as,
-            isActive: C === b,
-            onClick: (T) => {
-              var N;
-              i || y(b), n == null || n(b), (N = a.onClick) == null || N.call(a, T);
+            isActive: E === p,
+            onClick: (j) => {
+              var R;
+              i || C(p), n == null || n(p), (R = a.onClick) == null || R.call(a, j);
             },
             icon: a.icon,
             title: a.title,
             href: a.href,
             variant: h
           },
-          b
+          p
         ))) })
       ]
     }
   );
 });
-function q({
-  isActive: u,
+function B({
+  isActive: w,
   icon: o,
   title: d,
   as: s = "div",
   href: m,
-  onMouseDown: l,
+  onMouseDown: t,
   variant: n,
-  ...t
+  ...l
 }) {
-  const f = j.useRef(null), p = (r) => {
-    l == null || l(r);
+  const f = V.useRef(null), b = (r) => {
+    t == null || t(r);
   }, _ = (r) => {
     var i;
     (i = f.current) == null || i.onRipple(r);
-  }, v = /* @__PURE__ */ e(x, { actionRef: f });
-  return /* @__PURE__ */ R(
+  }, v = /* @__PURE__ */ e(z, { actionRef: f });
+  return /* @__PURE__ */ S(
     s,
     {
       href: m,
       role: "menuitem",
-      className: S("sidebar__nav__item", "smwb-nav-item", n, { active: u }),
-      onMouseDown: p,
+      className: k("sidebar__nav__item", "smwb-nav-item", n, { active: w }),
+      onMouseDown: b,
       onPointerDown: _,
-      ...t,
+      ...l,
       children: [
         o && /* @__PURE__ */ e("span", { className: "smwb-nav-item__icon", children: o }),
         d && /* @__PURE__ */ e("span", { className: "smwb-nav-item__title", children: d }),
@@ -100,7 +102,7 @@ function q({
   );
 }
 export {
-  M as Sidebar,
-  M as default
+  Q as Sidebar,
+  Q as default
 };
 //# sourceMappingURL=sidebar.js.map