@smwb/ui-react 2.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuDivider.js","sources":["../../../../../src/components/navigation/menu/menuDivider.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { useMenuContext } from \"./menuContext\";\n\nexport type MenuDividerProps = React.HTMLAttributes<HTMLLIElement>;\n\nexport const MenuDivider = React.forwardRef<HTMLLIElement, MenuDividerProps>(function MenuDivider(props, ref) {\n  const { className, ...rest } = props;\n  const { variant } = useMenuContext();\n\n  return (\n    <li\n      ref={ref}\n      className={cn(\"smwb-menu__divider\", className, variant === \"static\" && \"smwb-menu__divider--vertical\")}\n      {...rest}\n    />\n  );\n});\n"],"names":["MenuDivider","React","props","ref","className","rest","variant","useMenuContext","jsx","cn"],"mappings":";;;;AAMO,MAAMA,IAAcC,EAAM,WAA4C,SAAqBC,GAAOC,GAAK;AAC5G,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAASH,GACzB,EAAE,SAAAI,EAAA,IAAYC,EAAA;AAEpB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,WAAWM,EAAG,sBAAsBL,GAAWE,MAAY,YAAY,8BAA8B;AAAA,MACpG,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

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

@@ -0,0 +1,50 @@
+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);
+}
+const j = (t) => ({
+  transition: `opacity ${t}ms ease-in-out`,
+  opacity: 0
+}), E = {
+  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,
+    elements: { reference: e != null ? e : null },
+    middleware: O(m, p)
+  }), R = v(f, u, w, M.setFloating), k = (r) => {
+    if (!i || !n || !a)
+      return;
+    const c = r.target;
+    a.contains(c) || e != null && e.contains(c) || n == null || n();
+  };
+  return /* @__PURE__ */ l(b, { nodeRef: u, in: !!i, timeout: 150, unmountOnExit: !0, children: (r) => /* @__PURE__ */ l(L, { onClickAway: k, children: /* @__PURE__ */ l(
+    C,
+    {
+      ref: R,
+      style: {
+        ...F,
+        ...y,
+        ...j(150),
+        ...E[r]
+      },
+      ...g
+    }
+  ) }) });
+});
+export {
+  G as MenuFloating,
+  O as buildMenuFloatingMiddleware
+};
+//# sourceMappingURL=menuFloating.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuFloating.js","sources":["../../../../../src/components/navigation/menu/menuFloating.tsx"],"sourcesContent":["import 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;"}

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

@@ -0,0 +1,68 @@
+import { jsxs as _, jsx as r } from "react/jsx-runtime";
+import c from "react";
+import D from "clsx";
+import { MenuContext as j } from "./menuContext.js";
+import { Ripple as g } from "../../base/ripple/ripple.js";
+const B = c.forwardRef(function(a, p) {
+  const {
+    children: l,
+    className: b,
+    disabled: n,
+    selected: w,
+    onClick: t,
+    onMouseDown: s,
+    href: m,
+    linkElement: o,
+    linkProps: R,
+    value: x,
+    optionRenderer: u,
+    ...h
+  } = a, { dense: N } = c.useContext(j), f = c.useRef(null), I = (e) => {
+    if (n) {
+      m && e.preventDefault();
+      return;
+    }
+    t == null || t(e);
+  }, M = (e) => {
+    n || s == null || s(e);
+  }, v = (e) => {
+    var d;
+    (d = f.current) == null || d.onRipple(e);
+  };
+  let i;
+  if (m) {
+    const e = o != null ? o : "a";
+    i = /* @__PURE__ */ _(e, { className: "smwb-menu__item-inner", href: m, ...R, children: [
+      l,
+      /* @__PURE__ */ r("span", { className: "smwb-menu__item__helper-text" })
+    ] });
+  } else
+    i = /* @__PURE__ */ r("span", { className: "smwb-menu__item-inner", children: l });
+  const C = D("smwb-menu__item", b, {
+    "smwb-menu__item--dense": N,
+    "smwb-menu__item--disabled": n,
+    "smwb-menu__item--selected": w
+  });
+  return u ? u(a) : /* @__PURE__ */ _(
+    "li",
+    {
+      role: "menuitem",
+      ref: p,
+      className: C,
+      tabIndex: n ? void 0 : 0,
+      onClick: I,
+      "data-value": x,
+      onMouseDown: M,
+      onPointerDown: v,
+      ...h,
+      children: [
+        i,
+        /* @__PURE__ */ r(g, { actionRef: f })
+      ]
+    }
+  );
+});
+export {
+  B as MenuItem
+};
+//# sourceMappingURL=menuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuItem.js","sources":["../../../../../src/components/navigation/menu/menuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { MenuContext } from \"./menuContext\";\nimport { Ripple, RippleActionsRef } from \"../../base/ripple/ripple\";\n\ninterface LinkProps extends React.HTMLAttributes<HTMLAnchorElement> {\n  [key: string]: unknown;\n}\n\nexport interface MenuItemProps extends React.HTMLAttributes<HTMLLIElement> {\n  disabled?: boolean;\n  selected?: boolean;\n  href?: string;\n  linkElement?: React.ElementType;\n  linkProps?: LinkProps;\n  value?: unknown;\n  optionRenderer?: (args: MenuItemProps) => React.ReactNode;\n  onClick?: React.MouseEventHandler<HTMLLIElement>;\n}\n\nexport const MenuItem = React.forwardRef<HTMLLIElement, MenuItemProps>(function MenuItemInRef(props, ref) {\n  const {\n    children,\n    className,\n    disabled,\n    selected,\n    onClick: onClickProp,\n    onMouseDown: onMouseDownProp,\n    href,\n    linkElement,\n    linkProps,\n    value,\n    optionRenderer,\n    ...rest\n  } = props;\n  const { dense } = React.useContext(MenuContext);\n  const rippleRef = React.useRef<RippleActionsRef>(null);\n\n  const onClick = (event: React.MouseEvent<HTMLLIElement>) => {\n    if (disabled) {\n      if (href) {\n        event.preventDefault();\n      }\n\n      return;\n    }\n\n    onClickProp?.(event);\n  };\n\n  const onMouseDown = (event: React.MouseEvent<HTMLLIElement>) => {\n    if (!disabled) {\n      onMouseDownProp?.(event);\n    }\n  };\n\n  // Ripple on pointerdown so it fires for touch and pen, not just mouse.\n  const onPointerDown = (event: React.PointerEvent<HTMLLIElement>) => {\n    rippleRef.current?.onRipple(event);\n  };\n\n  let content: React.ReactElement;\n\n  if (href) {\n    const Tag: React.ElementType = linkElement ?? \"a\";\n\n    content = (\n      <Tag className=\"smwb-menu__item-inner\" href={href} {...linkProps}>\n        {children}\n        <span className=\"smwb-menu__item__helper-text\"></span>\n      </Tag>\n    );\n  } else {\n    content = <span className=\"smwb-menu__item-inner\">{children}</span>;\n  }\n\n  const classes = cn(\"smwb-menu__item\", className, {\n    \"smwb-menu__item--dense\": dense,\n    \"smwb-menu__item--disabled\": disabled,\n    \"smwb-menu__item--selected\": selected,\n  });\n\n  return optionRenderer ? (\n    optionRenderer(props)\n  ) : (\n    <li\n      role=\"menuitem\"\n      ref={ref}\n      className={classes}\n      tabIndex={disabled ? undefined : 0}\n      onClick={onClick}\n      data-value={value}\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      {...rest}\n    >\n      {content}\n      <Ripple actionRef={rippleRef} />\n    </li>\n  );\n});\n"],"names":["MenuItem","React","props","ref","children","className","disabled","selected","onClickProp","onMouseDownProp","href","linkElement","linkProps","value","optionRenderer","rest","dense","MenuContext","rippleRef","onClick","event","onMouseDown","onPointerDown","_a","content","Tag","jsx","classes","cn","jsxs","Ripple"],"mappings":";;;;;AAoBO,MAAMA,IAAWC,EAAM,WAAyC,SAAuBC,GAAOC,GAAK;AACxG,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAASC;AAAA,IACT,aAAaC;AAAA,IACb,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDb,GACE,EAAE,OAAAc,EAAA,IAAUf,EAAM,WAAWgB,CAAW,GACxCC,IAAYjB,EAAM,OAAyB,IAAI,GAE/CkB,IAAU,CAACC,MAA2C;AAC1D,QAAId,GAAU;AACZ,MAAII,KACFU,EAAM,eAAA;AAGR;AAAA,IACF;AAEA,IAAAZ,KAAA,QAAAA,EAAcY;AAAA,EAChB,GAEMC,IAAc,CAACD,MAA2C;AAC9D,IAAKd,KACHG,KAAA,QAAAA,EAAkBW;AAAA,EAEtB,GAGME,IAAgB,CAACF,MAA6C;;AAClE,KAAAG,IAAAL,EAAU,YAAV,QAAAK,EAAmB,SAASH;AAAA,EAC9B;AAEA,MAAII;AAEJ,MAAId,GAAM;AACR,UAAMe,IAAyBd,KAAA,OAAAA,IAAe;AAE9C,IAAAa,sBACGC,GAAA,EAAI,WAAU,yBAAwB,MAAAf,GAAa,GAAGE,GACpD,UAAA;AAAA,MAAAR;AAAA,MACD,gBAAAsB,EAAC,QAAA,EAAK,WAAU,+BAAA,CAA+B;AAAA,IAAA,GACjD;AAAA,EAEJ;AACE,IAAAF,IAAU,gBAAAE,EAAC,QAAA,EAAK,WAAU,yBAAyB,UAAAtB,GAAS;AAG9D,QAAMuB,IAAUC,EAAG,mBAAmBvB,GAAW;AAAA,IAC/C,0BAA0BW;AAAA,IAC1B,6BAA6BV;AAAA,IAC7B,6BAA6BC;AAAA,EAAA,CAC9B;AAED,SAAOO,IACLA,EAAeZ,CAAK,IAEpB,gBAAA2B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,KAAA1B;AAAA,MACA,WAAWwB;AAAA,MACX,UAAUrB,IAAW,SAAY;AAAA,MACjC,SAAAa;AAAA,MACA,cAAYN;AAAA,MACZ,aAAAQ;AAAA,MACA,eAAAC;AAAA,MACC,GAAGP;AAAA,MAEH,UAAA;AAAA,QAAAS;AAAA,QACD,gBAAAE,EAACI,GAAA,EAAO,WAAWZ,EAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpC,CAAC;"}

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

@@ -0,0 +1,16 @@
+import { jsx as i } from "react/jsx-runtime";
+import n from "react";
+import u from "clsx";
+import { MenuContext as _ } from "./menuContext.js";
+const l = n.forwardRef(function(o, s) {
+  const { children: t, className: m, edge: e, ...c } = o, { dense: r } = n.useContext(_), a = u("smwb-menu__icon", m, {
+    "smwb-menu__icon--dense": r,
+    "smwb-menu__icon--start": e === "start",
+    "smwb-menu__icon--end": e === "end"
+  });
+  return /* @__PURE__ */ i("span", { ref: s, className: a, ...c, children: t });
+});
+export {
+  l as MenuItemIcon
+};
+//# sourceMappingURL=menuItemIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuItemIcon.js","sources":["../../../../../src/components/navigation/menu/menuItemIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { MenuContext } from \"./menuContext\";\n\nexport interface MenuItemIconProps extends React.HTMLAttributes<HTMLSpanElement> {\n  edge?: \"start\" | \"end\";\n}\n\nexport const MenuItemIcon = React.forwardRef<HTMLSpanElement, MenuItemIconProps>(function MenuItemIcon(props, ref) {\n  const { children, className, edge, ...rest } = props;\n  const { dense } = React.useContext(MenuContext);\n  const classes = cn(\"smwb-menu__icon\", className, {\n    \"smwb-menu__icon--dense\": dense,\n    \"smwb-menu__icon--start\": edge === \"start\",\n    \"smwb-menu__icon--end\": edge === \"end\",\n  });\n\n  return (\n    <span ref={ref} className={classes} {...rest}>\n      {children}\n    </span>\n  );\n});\n"],"names":["MenuItemIcon","React","props","ref","children","className","edge","rest","dense","MenuContext","classes","cn"],"mappings":";;;;AAQO,MAAMA,IAAeC,EAAM,WAA+C,SAAsBC,GAAOC,GAAK;AACjH,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASL,GACzC,EAAE,OAAAM,EAAA,IAAUP,EAAM,WAAWQ,CAAW,GACxCC,IAAUC,EAAG,mBAAmBN,GAAW;AAAA,IAC/C,0BAA0BG;AAAA,IAC1B,0BAA0BF,MAAS;AAAA,IACnC,wBAAwBA,MAAS;AAAA,EAAA,CAClC;AAED,2BACG,QAAA,EAAK,KAAAH,GAAU,WAAWO,GAAU,GAAGH,GACrC,UAAAH,GACH;AAEJ,CAAC;"}

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

@@ -0,0 +1,15 @@
+import { jsx as u } from "react/jsx-runtime";
+import e from "react";
+import x from "clsx";
+import { MenuContext as f } from "./menuContext.js";
+const w = e.forwardRef(function(t, n) {
+  const { children: s, className: m, inset: o = !1, ...r } = t, { dense: c } = e.useContext(f), a = x("smwb-menu__text", m, {
+    "smwb-menu__text--inset": o,
+    "smwb-menu__text--dense": c
+  });
+  return /* @__PURE__ */ u("span", { ref: n, className: a, ...r, children: s });
+});
+export {
+  w as MenuItemText
+};
+//# sourceMappingURL=menuItemText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuItemText.js","sources":["../../../../../src/components/navigation/menu/menuItemText.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { MenuContext } from \"./menuContext\";\n\nexport interface MenuItemTextProps extends React.HTMLAttributes<HTMLSpanElement> {\n  inset?: boolean;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport const MenuItemText = React.forwardRef<HTMLSpanElement, MenuItemTextProps>(function MenuItemText(props, ref) {\n  const { children, className, inset = false, ...rest } = props;\n  const { dense } = React.useContext(MenuContext);\n  const classnames = cn(\"smwb-menu__text\", className, {\n    \"smwb-menu__text--inset\": inset,\n    \"smwb-menu__text--dense\": dense,\n  });\n\n  return (\n    <span ref={ref} className={classnames} {...rest}>\n      {children}\n    </span>\n  );\n});\n"],"names":["MenuItemText","React","props","ref","children","className","inset","rest","dense","MenuContext","classnames","cn"],"mappings":";;;;AAUO,MAAMA,IAAeC,EAAM,WAA+C,SAAsBC,GAAOC,GAAK;AACjH,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,OAAAC,IAAQ,IAAO,GAAGC,MAASL,GAClD,EAAE,OAAAM,EAAA,IAAUP,EAAM,WAAWQ,CAAW,GACxCC,IAAaC,EAAG,mBAAmBN,GAAW;AAAA,IAClD,0BAA0BC;AAAA,IAC1B,0BAA0BE;AAAA,EAAA,CAC3B;AAED,2BACG,QAAA,EAAK,KAAAL,GAAU,WAAWO,GAAa,GAAGH,GACxC,UAAAH,GACH;AAEJ,CAAC;"}

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

@@ -0,0 +1,30 @@
+import { jsx as m } from "react/jsx-runtime";
+import y from "react";
+import u from "clsx";
+import { useMenuContext as g } from "./menuContext.js";
+const _ = y.forwardRef(function(a, c) {
+  const { children: f, className: p, ...d } = a, { variant: t, onClose: w } = g(), h = (r) => {
+    var o, s, l, i;
+    const e = Array.from(
+      r.currentTarget.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')
+    );
+    if (e.length === 0)
+      return;
+    const n = e.indexOf(document.activeElement);
+    r.key === "ArrowDown" ? (r.preventDefault(), (o = e[(n + 1 + e.length) % e.length]) == null || o.focus()) : r.key === "ArrowUp" ? (r.preventDefault(), (s = e[(n - 1 + e.length) % e.length]) == null || s.focus()) : r.key === "Home" ? (r.preventDefault(), (l = e[0]) == null || l.focus()) : r.key === "End" ? (r.preventDefault(), (i = e[e.length - 1]) == null || i.focus()) : r.key === "Escape" && w();
+  };
+  return /* @__PURE__ */ m("div", { ref: c, className: u("smwb-menu", p, `smwb-menu--${t}`), ...d, children: /* @__PURE__ */ m(
+    "ul",
+    {
+      className: u("smwb-menu__list", `smwb-menu__list--${t}`),
+      role: "menu",
+      "aria-orientation": "vertical",
+      onKeyDown: h,
+      children: f
+    }
+  ) });
+});
+export {
+  _ as MenuList
+};
+//# sourceMappingURL=menuList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuList.js","sources":["../../../../../src/components/navigation/menu/menuList.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { useMenuContext } from \"./menuContext\";\n\nexport type MenuListProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const MenuList = React.forwardRef<HTMLDivElement, MenuListProps>(function MenuList(props, ref) {\n  const { children, className, ...rest } = props;\n  const { variant, onClose } = useMenuContext();\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLUListElement>) => {\n    const items = Array.from(\n      event.currentTarget.querySelectorAll<HTMLElement>('[role=\"menuitem\"]:not([aria-disabled=\"true\"])')\n    );\n    if (items.length === 0) {\n      return;\n    }\n    const currentIndex = items.indexOf(document.activeElement as HTMLElement);\n\n    if (event.key === \"ArrowDown\") {\n      event.preventDefault();\n      items[(currentIndex + 1 + items.length) % items.length]?.focus();\n    } else if (event.key === \"ArrowUp\") {\n      event.preventDefault();\n      items[(currentIndex - 1 + items.length) % items.length]?.focus();\n    } else if (event.key === \"Home\") {\n      event.preventDefault();\n      items[0]?.focus();\n    } else if (event.key === \"End\") {\n      event.preventDefault();\n      items[items.length - 1]?.focus();\n    } else if (event.key === \"Escape\") {\n      onClose();\n    }\n  };\n\n  return (\n    <div ref={ref} className={cn(\"smwb-menu\", className, `smwb-menu--${variant}`)} {...rest}>\n      <ul\n        className={cn(\"smwb-menu__list\", `smwb-menu__list--${variant}`)}\n        role=\"menu\"\n        aria-orientation=\"vertical\"\n        onKeyDown={onKeyDown}\n      >\n        {children}\n      </ul>\n    </div>\n  );\n});\n"],"names":["MenuList","React","props","ref","children","className","rest","variant","onClose","useMenuContext","onKeyDown","event","items","currentIndex","_a","_b","_c","_d","jsx","cn"],"mappings":";;;;AAMO,MAAMA,IAAWC,EAAM,WAA0C,SAAkBC,GAAOC,GAAK;AACpG,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,MAASJ,GACnC,EAAE,SAAAK,GAAS,SAAAC,EAAA,IAAYC,EAAA,GAEvBC,IAAY,CAACC,MAAiD;;AAClE,UAAMC,IAAQ,MAAM;AAAA,MAClBD,EAAM,cAAc,iBAA8B,+CAA+C;AAAA,IAAA;AAEnG,QAAIC,EAAM,WAAW;AACnB;AAEF,UAAMC,IAAeD,EAAM,QAAQ,SAAS,aAA4B;AAExE,IAAID,EAAM,QAAQ,eAChBA,EAAM,eAAA,IACNG,IAAAF,GAAOC,IAAe,IAAID,EAAM,UAAUA,EAAM,MAAM,MAAtD,QAAAE,EAAyD,WAChDH,EAAM,QAAQ,aACvBA,EAAM,eAAA,IACNI,IAAAH,GAAOC,IAAe,IAAID,EAAM,UAAUA,EAAM,MAAM,MAAtD,QAAAG,EAAyD,WAChDJ,EAAM,QAAQ,UACvBA,EAAM,eAAA,IACNK,IAAAJ,EAAM,CAAC,MAAP,QAAAI,EAAU,WACDL,EAAM,QAAQ,SACvBA,EAAM,eAAA,IACNM,IAAAL,EAAMA,EAAM,SAAS,CAAC,MAAtB,QAAAK,EAAyB,WAChBN,EAAM,QAAQ,YACvBH,EAAA;AAAA,EAEJ;AAEA,SACE,gBAAAU,EAAC,OAAA,EAAI,KAAAf,GAAU,WAAWgB,EAAG,aAAad,GAAW,cAAcE,CAAO,EAAE,GAAI,GAAGD,GACjF,UAAA,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,mBAAmB,oBAAoBZ,CAAO,EAAE;AAAA,MAC9D,MAAK;AAAA,MACL,oBAAiB;AAAA,MACjB,WAAAG;AAAA,MAEC,UAAAN;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ,CAAC;"}

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

@@ -0,0 +1,70 @@
+import { jsxs as S, jsx as b } 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 }) => {
+      switch (e) {
+        case "right-start":
+        case "left-start":
+          return { crossAxis: -8, mainAxis: 0 };
+        case "right-end":
+        case "left-end":
+          return { crossAxis: 8, mainAxis: 0 };
+        default:
+          return { crossAxis: 0, mainAxis: 0 };
+      }
+    })
+  ], 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,
+    {
+      ref: A,
+      onClick: k,
+      onKeyDown: C,
+      onMouseEnter: x ? () => n(!0) : void 0,
+      "aria-haspopup": "menu",
+      "aria-expanded": s,
+      selected: s
+    }
+  );
+  return /* @__PURE__ */ S(j.Provider, { value: { ...i, variant: "floating" }, children: [
+    w,
+    /* @__PURE__ */ b(
+      O,
+      {
+        ref: f,
+        ...h,
+        placement: g,
+        isOpen: s,
+        onClose: l,
+        anchorElement: y,
+        middleware: E,
+        children: t.Children.map(p, (e) => {
+          if (!t.isValidElement(e))
+            return null;
+          if (e.type === u)
+            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();
+            }
+          });
+        })
+      }
+    )
+  ] });
+});
+export {
+  H as MenuSubmenu
+};
+//# sourceMappingURL=menuSubmenu.js.map

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

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

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

@@ -0,0 +1,106 @@
+import { jsx as r, jsxs as I } from "react/jsx-runtime";
+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) => {
+  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),
+    e + 2
+  ), o = Math.min(
+    Math.max(m + s, e + s * 2 + 2),
+    f.length > 0 ? f[0] - 2 : a - 1
+  );
+  return [
+    ...g,
+    ...c > e + 2 ? ["start-ellipsis"] : e + 1 < a - e ? [e + 1] : [],
+    ...d(c, o),
+    ...o < a - e - 1 ? ["end-ellipsis"] : a - e > e ? [a - e] : [],
+    ...f
+  ];
+}, U = S(function({
+  className: m,
+  count: s,
+  page: e,
+  siblingCount: g = 1,
+  boundaryCount: f = 1,
+  size: c = "medium",
+  variant: o = "filled",
+  shape: R = "circular",
+  color: x = "default",
+  disabled: p = !1,
+  showFirstButton: N = !1,
+  showLastButton: $ = !1,
+  hidePrevButton: P = !1,
+  hideNextButton: E = !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;
+    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 : []
+    );
+    if (t.length === 0)
+      return;
+    const l = t.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(
+    "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 })
+    }
+  ) }, i);
+  return /* @__PURE__ */ r(
+    "nav",
+    {
+      ...L,
+      ref: D,
+      "data-testid": "pagination",
+      "aria-label": "pagination",
+      className: A(
+        "smwb-pagination",
+        `smwb-pagination_${c}`,
+        `smwb-pagination_${o}`,
+        `smwb-pagination_shape-${R}`,
+        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(
+            "button",
+            {
+              type: "button",
+              className: A("smwb-pagination__item", { "smwb-pagination__item_selected": i === e }),
+              "aria-current": i === e ? "page" : void 0,
+              disabled: p,
+              onClick: () => b(i),
+              children: i
+            }
+          ) }, i) : /* @__PURE__ */ r("li", { className: "smwb-pagination__ellipsis", "aria-hidden": "true", children: "…" }, `${i}-${t}`)
+        ),
+        _("next", "Next page", e + 1, "chevron_right", E),
+        _("last", "Last page", s, "last_page", !$)
+      ] })
+    }
+  );
+});
+export {
+  U as Pagination,
+  U as default
+};
+//# sourceMappingURL=pagination.js.map

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

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

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

@@ -0,0 +1,105 @@
+import { jsxs as R, jsx as e } from "react/jsx-runtime";
+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 L = V(function({
+  className: o,
+  variant: d = "default",
+  menuItems: s,
+  activeItem: f,
+  defaultActiveItem: t = null,
+  onActiveItemChange: n,
+  collapsible: l = !1,
+  collapsed: m,
+  defaultCollapsed: p = !1,
+  onCollapsedChange: _,
+  collapseToggleAriaLabel: v = "Toggle navigation",
+  ...w
+}, r) {
+  const i = f !== void 0, [k, y] = g(t), C = i ? f : k, [c, E] = $({
+    value: m,
+    defaultValue: p,
+    onChange: _
+  }), h = l && c ? "compactMini" : d;
+  return /* @__PURE__ */ R(
+    "aside",
+    {
+      ref: r,
+      className: S("smwb-sidebar", o, `smwb-${h}`, {
+        "smwb-sidebar_collapsible": l,
+        "smwb-sidebar_collapsed": l && c
+      }),
+      role: "menubar",
+      ...w,
+      children: [
+        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 })
+          }
+        ) }),
+        /* @__PURE__ */ e("nav", { className: "smwb-sidebar__nav", children: s && (s == null ? void 0 : s.map((a, b) => /* @__PURE__ */ e(
+          q,
+          {
+            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);
+            },
+            icon: a.icon,
+            title: a.title,
+            href: a.href,
+            variant: h
+          },
+          b
+        ))) })
+      ]
+    }
+  );
+});
+function q({
+  isActive: u,
+  icon: o,
+  title: d,
+  as: s = "div",
+  href: f,
+  onMouseDown: t,
+  variant: n,
+  ...l
+}) {
+  const m = j.useRef(null), p = (r) => {
+    t == null || t(r);
+  }, _ = (r) => {
+    var i;
+    (i = m.current) == null || i.onRipple(r);
+  }, v = /* @__PURE__ */ e(x, { actionRef: m });
+  return /* @__PURE__ */ R(
+    s,
+    {
+      href: f,
+      role: "menuitem",
+      className: S("sidebar__nav__item", "smwb-nav-item", n, { active: u }),
+      onMouseDown: p,
+      onPointerDown: _,
+      ...l,
+      children: [
+        o && /* @__PURE__ */ e("span", { className: "smwb-nav-item__icon", children: o }),
+        d && /* @__PURE__ */ e("span", { className: "smwb-nav-item__title", children: d }),
+        v
+      ]
+    }
+  );
+}
+export {
+  L as Sidebar,
+  L as default
+};
+//# sourceMappingURL=sidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","sources":["../../../../../src/components/navigation/sidebar/sidebar.tsx"],"sourcesContent":["import React, { forwardRef, useState } from \"react\";\nimport cn from \"clsx\";\nimport { Ripple, RippleActionsRef } from \"../../base/ripple/ripple\";\nimport Icon from \"../../base/icon/icon\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\n\nexport interface SidebarProps extends React.HTMLAttributes<HTMLElement> {\n  className?: string;\n  variant?: \"compact\" | \"default\" | \"compactMini\";\n  menuItems?: MenuItemProps[];\n  /** Controlled index of the active menu item. */\n  activeItem?: number | null;\n  /** Default active index (uncontrolled). */\n  defaultActiveItem?: number | null;\n  /** Called with the index of the activated item. */\n  onActiveItemChange?: (index: number) => void;\n  /** Render a built-in toggle that collapses the rail to an icon-only mini rail. */\n  collapsible?: boolean;\n  /** Controlled collapsed state. */\n  collapsed?: boolean;\n  /** Initial collapsed state (uncontrolled). */\n  defaultCollapsed?: boolean;\n  /** Called whenever the collapsed state changes. */\n  onCollapsedChange?: (collapsed: boolean) => void;\n  /** Accessible label for the built-in collapse toggle. */\n  collapseToggleAriaLabel?: string;\n}\n\nexport const Sidebar = forwardRef<HTMLElement, SidebarProps>(function Sidebar(\n  {\n    className,\n    variant = \"default\",\n    menuItems,\n    activeItem: activeItemProp,\n    defaultActiveItem = null,\n    onActiveItemChange,\n    collapsible = false,\n    collapsed: collapsedProp,\n    defaultCollapsed = false,\n    onCollapsedChange,\n    collapseToggleAriaLabel = \"Toggle 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 [collapsed, setCollapsed] = useControllableState<boolean>({\n    value: collapsedProp,\n    defaultValue: defaultCollapsed,\n    onChange: onCollapsedChange,\n  });\n\n  // When collapsed the rail always shows the icon-only mini variant,\n  // otherwise it honours the requested variant.\n  const effectiveVariant = collapsible && collapsed ? \"compactMini\" : variant;\n\n  return (\n    <aside\n      ref={ref}\n      className={cn(\"smwb-sidebar\", className, `smwb-${effectiveVariant}`, {\n        \"smwb-sidebar_collapsible\": collapsible,\n        \"smwb-sidebar_collapsed\": collapsible && collapsed,\n      })}\n      role=\"menubar\"\n      {...rest}\n    >\n      {collapsible && (\n        <div className=\"smwb-sidebar__collapse\">\n          <button\n            type=\"button\"\n            className=\"smwb-sidebar__collapse-btn\"\n            aria-label={collapseToggleAriaLabel}\n            aria-expanded={!collapsed}\n            onClick={() => setCollapsed(!collapsed)}\n          >\n            <Icon name={collapsed ? \"chevron_right\" : \"chevron_left\"} size={20} />\n          </button>\n        </div>\n      )}\n      <nav className=\"smwb-sidebar__nav\">\n        {menuItems &&\n          menuItems?.map((item, idx) => (\n            <MenuItem\n              key={idx}\n              as={item.as}\n              isActive={activeItem === idx}\n              onClick={(e) => {\n                if (!isControlled) {\n                  setActiveItemState(idx);\n                }\n                onActiveItemChange?.(idx);\n                item.onClick?.(e);\n              }}\n              icon={item.icon}\n              title={item.title}\n              href={item.href}\n              variant={effectiveVariant}\n            />\n          ))}\n      </nav>\n    </aside>\n  );\n});\n\nexport default Sidebar;\n\nexport interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  icon?: React.ReactNode;\n  title: string;\n  isActive?: boolean;\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\n  as?: React.ElementType;\n  href?: string;\n  variant?: \"compact\" | \"default\" | \"compactMini\";\n}\n\nfunction MenuItem({\n  isActive,\n  icon,\n  title,\n  as = \"div\",\n  href,\n  onMouseDown: onMouseDownProp,\n  variant,\n  ...rest\n}: MenuItemProps) {\n  const rippleRef = React.useRef<RippleActionsRef>(null);\n\n  const onMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n    onMouseDownProp?.(event);\n  };\n\n  // Ripple on pointerdown so it fires for touch and pen, not just mouse.\n  const onPointerDown = (event: React.PointerEvent<HTMLDivElement>) => {\n    rippleRef.current?.onRipple(event);\n  };\n\n  const rippleElement = <Ripple actionRef={rippleRef} />;\n\n  const ElementType = as;\n\n  return (\n    <ElementType\n      href={href}\n      role=\"menuitem\"\n      className={cn(\"sidebar__nav__item\", \"smwb-nav-item\", variant, { active: isActive })}\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      {...rest}\n    >\n      {icon && <span className=\"smwb-nav-item__icon\">{icon}</span>}\n      {title && <span className=\"smwb-nav-item__title\">{title}</span>}\n      {rippleElement}\n    </ElementType>\n  );\n}\n"],"names":["Sidebar","forwardRef","className","variant","menuItems","activeItemProp","defaultActiveItem","onActiveItemChange","collapsible","collapsedProp","defaultCollapsed","onCollapsedChange","collapseToggleAriaLabel","rest","ref","isControlled","activeItemState","setActiveItemState","useState","activeItem","collapsed","setCollapsed","useControllableState","effectiveVariant","jsxs","cn","jsx","Icon","item","idx","MenuItem","e","_a","isActive","icon","title","as","href","onMouseDownProp","rippleRef","React","onMouseDown","event","onPointerDown","rippleElement","Ripple"],"mappings":"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"}

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

@@ -0,0 +1,60 @@
+import { jsx as s, jsxs as o } from "react/jsx-runtime";
+import { forwardRef as N, Fragment as y } from "react";
+import _ from "clsx";
+import { Icon as z } from "../../base/icon/icon.js";
+const B = N(function({ className: b, steps: d, activeStep: i, orientation: l = "horizontal", alternativeLabel: w = !1, onStepClick: r, ...h }, u) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      ...h,
+      ref: u,
+      "data-testid": "stepper",
+      className: _(
+        "smwb-stepper",
+        `smwb-stepper_${l}`,
+        { "smwb-stepper_alt-label": w && l === "horizontal" },
+        b
+      ),
+      children: d.map((e, a) => {
+        var n;
+        const m = a < i, c = a === i, v = a === d.length - 1, t = !!r && !e.disabled, f = (p) => {
+          t && (p.key === "Enter" || p.key === " ") && (p.preventDefault(), r == null || r(a));
+        };
+        return /* @__PURE__ */ o(y, { children: [
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: _("smwb-stepper__step", {
+                "smwb-stepper__step_active": c,
+                "smwb-stepper__step_completed": m,
+                "smwb-stepper__step_error": e.error,
+                "smwb-stepper__step_disabled": e.disabled,
+                "smwb-stepper__step_clickable": t
+              }),
+              "aria-current": c ? "step" : void 0,
+              "aria-disabled": e.disabled || void 0,
+              role: t ? "button" : void 0,
+              tabIndex: t ? 0 : void 0,
+              onClick: t ? () => r == null ? void 0 : r(a) : void 0,
+              onKeyDown: t ? f : void 0,
+              children: [
+                /* @__PURE__ */ s("div", { className: "smwb-stepper__icon", "aria-hidden": "true", children: (n = e.icon) != null ? n : m ? /* @__PURE__ */ s(z, { name: "check", size: 16 }) : /* @__PURE__ */ s("span", { children: a + 1 }) }),
+                /* @__PURE__ */ o("div", { className: "smwb-stepper__text", children: [
+                  /* @__PURE__ */ s("span", { className: "smwb-stepper__label", children: e.label }),
+                  e.optional ? /* @__PURE__ */ s("span", { className: "smwb-stepper__optional", children: e.optional }) : null,
+                  e.description && l === "vertical" ? /* @__PURE__ */ s("span", { className: "smwb-stepper__description", children: e.description }) : null
+                ] })
+              ]
+            }
+          ),
+          v ? null : /* @__PURE__ */ s("div", { className: "smwb-stepper__connector", "aria-hidden": "true" })
+        ] }, a);
+      })
+    }
+  );
+});
+export {
+  B as Stepper,
+  B as default
+};
+//# sourceMappingURL=stepper.js.map