@smwb/ui-react 2.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import {\n  Children,\n  forwardRef,\n  Fragment,\n  HTMLAttributes,\n  isValidElement,\n  PropsWithChildren,\n  ReactNode,\n  useState,\n} from \"react\";\nimport cn from \"clsx\";\n\nexport interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {\n  className?: string;\n  /** Node placed between every crumb. */\n  separator?: ReactNode;\n  /** Collapse the middle of the trail when there are more than `maxItems` crumbs. */\n  maxItems?: number;\n  /** How many leading crumbs to keep when collapsed. */\n  itemsBeforeCollapse?: number;\n  /** How many trailing crumbs to keep when collapsed. */\n  itemsAfterCollapse?: number;\n  /** Controlled expanded state. */\n  expanded?: boolean;\n  /** Fired when the user activates the expand control. */\n  onExpand?: () => void;\n  /** Accessible label for the expand button. */\n  expandLabel?: string;\n}\n\nexport const Breadcrumbs = forwardRef<HTMLElement, PropsWithChildren<BreadcrumbsProps>>(function Breadcrumbs(\n  {\n    className,\n    separator = \"/\",\n    maxItems = 8,\n    itemsBeforeCollapse = 1,\n    itemsAfterCollapse = 1,\n    expanded: expandedProp,\n    onExpand,\n    expandLabel = \"Show path\",\n    children,\n    ...props\n  },\n  ref\n) {\n  const isControlled = expandedProp !== undefined;\n  const [internalExpanded, setInternalExpanded] = useState(false);\n  const expanded = isControlled ? !!expandedProp : internalExpanded;\n  const crumbs = Children.toArray(children).filter(isValidElement);\n\n  const collapsed = !expanded && crumbs.length > maxItems && itemsBeforeCollapse + itemsAfterCollapse < crumbs.length;\n\n  const handleExpand = () => {\n    onExpand?.();\n    if (!isControlled) {\n      setInternalExpanded(true);\n    }\n  };\n\n  const rendered: ReactNode[] = collapsed\n    ? [\n        ...crumbs.slice(0, itemsBeforeCollapse),\n        <button\n          key=\"smwb-breadcrumbs-expand\"\n          type=\"button\"\n          className=\"smwb-breadcrumbs__expand\"\n          aria-label={expandLabel}\n          onClick={handleExpand}\n        >\n          …\n        </button>,\n        ...crumbs.slice(crumbs.length - itemsAfterCollapse),\n      ]\n    : crumbs;\n\n  return (\n    <nav\n      {...props}\n      ref={ref}\n      data-testid=\"breadcrumbs\"\n      aria-label=\"breadcrumb\"\n      className={cn(\"smwb-breadcrumbs\", className)}\n    >\n      <ol className=\"smwb-breadcrumbs__list\">\n        {rendered.map((crumb, index) => (\n          <Fragment key={index}>\n            <li className=\"smwb-breadcrumbs__item\">{crumb}</li>\n            {index < rendered.length - 1 ? (\n              <li className=\"smwb-breadcrumbs__separator\" aria-hidden=\"true\">\n                {separator}\n              </li>\n            ) : null}\n          </Fragment>\n        ))}\n      </ol>\n    </nav>\n  );\n});\n\nexport default Breadcrumbs;\n"],"names":["Breadcrumbs","forwardRef","className","separator","maxItems","itemsBeforeCollapse","itemsAfterCollapse","expandedProp","onExpand","expandLabel","children","props","ref","isControlled","internalExpanded","setInternalExpanded","useState","expanded","crumbs","Children","isValidElement","collapsed","handleExpand","rendered","jsx","cn","crumb","index","jsxs","Fragment"],"mappings":";;;;AA+BO,MAAMA,IAAcC,EAA6D,SACtF;AAAA,EACE,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,qBAAAC,IAAsB;AAAA,EACtB,oBAAAC,IAAqB;AAAA,EACrB,UAAUC;AAAA,EACV,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAeN,MAAiB,QAChC,CAACO,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxDC,IAAWJ,IAAe,CAAC,CAACN,IAAeO,GAC3CI,IAASC,EAAS,QAAQT,CAAQ,EAAE,OAAOU,CAAc,GAEzDC,IAAY,CAACJ,KAAYC,EAAO,SAASd,KAAYC,IAAsBC,IAAqBY,EAAO,QAEvGI,IAAe,MAAM;AACzB,IAAAd,KAAA,QAAAA,KACKK,KACHE,EAAoB,EAAI;AAAA,EAE5B,GAEMQ,IAAwBF,IAC1B;AAAA,IACE,GAAGH,EAAO,MAAM,GAAGb,CAAmB;AAAA,IACtC,gBAAAmB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,cAAYf;AAAA,QACZ,SAASa;AAAA,QACV,UAAA;AAAA,MAAA;AAAA,MALK;AAAA,IAAA;AAAA,IAQN,GAAGJ,EAAO,MAAMA,EAAO,SAASZ,CAAkB;AAAA,EAAA,IAEpDY;AAEJ,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGb;AAAA,MACJ,KAAAC;AAAA,MACA,eAAY;AAAA,MACZ,cAAW;AAAA,MACX,WAAWa,EAAG,oBAAoBvB,CAAS;AAAA,MAE3C,UAAA,gBAAAsB,EAAC,MAAA,EAAG,WAAU,0BACX,UAAAD,EAAS,IAAI,CAACG,GAAOC,MACpB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAL,EAAC,MAAA,EAAG,WAAU,0BAA0B,UAAAE,GAAM;AAAA,QAC7CC,IAAQJ,EAAS,SAAS,IACzB,gBAAAC,EAAC,MAAA,EAAG,WAAU,+BAA8B,eAAY,QACrD,UAAArB,EAAA,CACH,IACE;AAAA,MAAA,EAAA,GANSwB,CAOf,CACD,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/components/navigation/breadcrumbs/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Breadcrumbs } from "./breadcrumbs";
+export type { BreadcrumbsProps } from "./breadcrumbs";

package/dist/components/navigation/menu/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./menuItem";
+export * from "./menuItemIcon";
+export * from "./menuItemText";
+export * from "./menuDivider";
+export * from "./menuSubmenu";
+export * from "./menu";

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

@@ -0,0 +1,10 @@
+import React from "react";
+import { MenuFloatingProps } from "./menuFloating";
+export type MenuProps = MenuFloatingProps & React.HTMLAttributes<HTMLElement> & {
+    variant?: "static" | "floating";
+    dense?: boolean;
+};
+export declare const Menu: React.ForwardRefExoticComponent<MenuFloatingProps & React.HTMLAttributes<HTMLElement> & {
+    variant?: "static" | "floating";
+    dense?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,15 @@
+import { jsx as e } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/menu/menu.entry.css';/* empty css                                                   */
+import s from "react";
+import { MenuContext as a } from "./menuContext.js";
+import { MenuComponent as u } from "./menuComponent.js";
+const v = s.forwardRef(function(n, r) {
+  const { dense: t = !1, variant: i = "floating", onClose: o, ...m } = n, f = () => {
+    o == null || o();
+  };
+  return /* @__PURE__ */ e(a.Provider, { value: { dense: t, variant: i, onClose: f }, children: /* @__PURE__ */ e(u, { ref: r, onClose: o, ...m }) });
+});
+export {
+  v as Menu
+};
+//# sourceMappingURL=menu.js.map

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

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

package/dist/components/navigation/menu/menuComponent.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { MenuFloatingProps } from "./menuFloating";
+export declare const MenuComponent: React.ForwardRefExoticComponent<MenuFloatingProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,13 @@
+import { jsx as n } from "react/jsx-runtime";
+import e from "react";
+import { useMenuContext as m } from "./menuContext.js";
+import { MenuList as i } from "./menuList.js";
+import { MenuFloating as u } from "./menuFloating.js";
+const x = e.forwardRef(function(o, t) {
+  const { variant: r } = m();
+  return r === "static" ? /* @__PURE__ */ n(i, { ref: t, ...o }) : /* @__PURE__ */ n(u, { ref: t, ...o });
+});
+export {
+  x as MenuComponent
+};
+//# sourceMappingURL=menuComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuComponent.js","sources":["../../../../src/components/navigation/menu/menuComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { useMenuContext } from \"./menuContext\";\nimport { MenuList } from \"./menuList\";\nimport { MenuFloating, MenuFloatingProps } from \"./menuFloating\";\n\nexport const MenuComponent = React.forwardRef<HTMLDivElement, MenuFloatingProps>(function MenuComponent(props, ref) {\n  const { variant } = useMenuContext();\n  return variant === \"static\" ? <MenuList ref={ref} {...props} /> : <MenuFloating ref={ref} {...props} />;\n});\n"],"names":["MenuComponent","React","props","ref","variant","useMenuContext","jsx","MenuList","MenuFloating"],"mappings":";;;;;AAKO,MAAMA,IAAgBC,EAAM,WAA8C,SAAuBC,GAAOC,GAAK;AAClH,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA;AACpB,SAAOD,MAAY,WAAW,gBAAAE,EAACC,GAAA,EAAS,KAAAJ,GAAW,GAAGD,EAAA,CAAO,IAAK,gBAAAI,EAACE,GAAA,EAAa,KAAAL,GAAW,GAAGD,EAAA,CAAO;AACvG,CAAC;"}

package/dist/components/navigation/menu/menuContext.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface MenuContextValue {
+    dense: boolean;
+    variant: "static" | "floating";
+    onClose: () => void;
+}
+export declare const MenuContext: React.Context<MenuContextValue>;
+export declare function useMenuContext(): MenuContextValue;

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

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

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

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

package/dist/components/navigation/menu/menuDivider.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export type MenuDividerProps = React.HTMLAttributes<HTMLLIElement>;
+export declare const MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps & React.RefAttributes<HTMLLIElement>>;

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

@@ -0,0 +1,19 @@
+import { jsx as m } from "react/jsx-runtime";
+import n from "react";
+import s from "clsx";
+import { useMenuContext as a } from "./menuContext.js";
+const p = n.forwardRef(function(r, e) {
+  const { className: t, ...i } = r, { variant: o } = a();
+  return /* @__PURE__ */ m(
+    "li",
+    {
+      ref: e,
+      className: s("smwb-menu__divider", t, o === "static" && "smwb-menu__divider--vertical"),
+      ...i
+    }
+  );
+});
+export {
+  p as MenuDivider
+};
+//# sourceMappingURL=menuDivider.js.map

package/dist/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/components/navigation/menu/menuFloating.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { Middleware } from "@floating-ui/react";
+import { Placement, type ResolvedPlacement } from "../../../utils/floating";
+export declare function buildMenuFloatingMiddleware(resolved: ResolvedPlacement, custom?: Middleware[]): Middleware[];
+export interface MenuFloatingProps extends React.HTMLAttributes<HTMLDivElement> {
+    anchorElement?: Element | null;
+    isOpen?: boolean;
+    onClose?: () => void;
+    placement?: Placement;
+    middleware?: Middleware[];
+}
+export declare const MenuFloating: React.ForwardRefExoticComponent<MenuFloatingProps & React.RefAttributes<HTMLDivElement>>;

package/dist/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/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/components/navigation/menu/menuItem.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+interface LinkProps extends React.HTMLAttributes<HTMLAnchorElement> {
+    [key: string]: unknown;
+}
+export interface MenuItemProps extends React.HTMLAttributes<HTMLLIElement> {
+    disabled?: boolean;
+    selected?: boolean;
+    href?: string;
+    linkElement?: React.ElementType;
+    linkProps?: LinkProps;
+    value?: unknown;
+    optionRenderer?: (args: MenuItemProps) => React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLLIElement>;
+}
+export declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLLIElement>>;
+export {};

package/dist/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/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/components/navigation/menu/menuItemIcon.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface MenuItemIconProps extends React.HTMLAttributes<HTMLSpanElement> {
+    edge?: "start" | "end";
+}
+export declare const MenuItemIcon: React.ForwardRefExoticComponent<MenuItemIconProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/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/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/components/navigation/menu/menuItemText.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface MenuItemTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+    inset?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const MenuItemText: React.ForwardRefExoticComponent<MenuItemTextProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/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/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/components/navigation/menu/menuList.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export type MenuListProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const MenuList: React.ForwardRefExoticComponent<MenuListProps & React.RefAttributes<HTMLDivElement>>;

package/dist/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/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/components/navigation/menu/menuSubmenu.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { MenuFloatingProps } from "./menuFloating";
+export type MenuSubmenuProps = Pick<MenuFloatingProps, "placement" | "onClose"> & React.HTMLAttributes<HTMLDivElement> & {
+    toggleElement?: React.ReactElement;
+    /** Items and/or nested `MenuSubmenu` elements (multi-level supported). */
+    children: React.ReactNode;
+    /** Open the submenu on pointer hover in addition to click. */
+    openOnHover?: boolean;
+};
+export declare const MenuSubmenu: React.ForwardRefExoticComponent<Pick<MenuFloatingProps, "onClose" | "placement"> & React.HTMLAttributes<HTMLDivElement> & {
+    toggleElement?: React.ReactElement;
+    /** Items and/or nested `MenuSubmenu` elements (multi-level supported). */
+    children: React.ReactNode;
+    /** Open the submenu on pointer hover in addition to click. */
+    openOnHover?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/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/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/components/navigation/pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Pagination } from "./pagination";
+export type { PaginationProps, PaginationColor } from "./pagination";

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

@@ -0,0 +1,27 @@
+import { HTMLAttributes } from "react";
+export type PaginationColor = "default" | "primary" | "secondary" | "error" | "success" | "warning" | "info";
+export interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, "onChange"> {
+    className?: string;
+    /** Total number of pages. */
+    count: number;
+    /** Current page (1-based). */
+    page: number;
+    /** Pages shown on each side of the current page. */
+    siblingCount?: number;
+    /** Pages always shown at the start and end. */
+    boundaryCount?: number;
+    size?: "small" | "medium";
+    /** Item style. */
+    variant?: "filled" | "outlined";
+    /** Item shape. */
+    shape?: "rounded" | "circular";
+    color?: PaginationColor;
+    disabled?: boolean;
+    showFirstButton?: boolean;
+    showLastButton?: boolean;
+    hidePrevButton?: boolean;
+    hideNextButton?: boolean;
+    onChange?: (page: number) => void;
+}
+export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLElement>>;
+export default Pagination;