@smwb/ui-solid 0.1.0

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 { type JSX, type ParentProps, Show, createEffect, createSignal, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport type { Middleware } from \"@floating-ui/dom\";\nimport { buildFloatingMiddleware, type Placement, resolvePlacement, type ResolvedPlacement } from \"../../../utils/floating\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { MenuList } from \"./menuList\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport function buildMenuFloatingMiddleware(resolved: ResolvedPlacement, custom?: Middleware[]): Middleware[] {\n  return buildFloatingMiddleware(resolved, custom);\n}\n\nexport interface MenuFloatingProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  anchorElement?: Element | null | undefined;\n  isOpen?: boolean;\n  onClose?: () => void;\n  placement?: Placement;\n  middleware?: Middleware[] | undefined;\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst FADE_MS = 150;\n\nexport function MenuFloating(props: ParentProps<MenuFloatingProps>): JSX.Element {\n  const merged = mergeProps({ placement: \"bottom-start\" as Placement }, props);\n  const [local, rest] = splitProps(merged, [\n    \"anchorElement\",\n    \"isOpen\",\n    \"onClose\",\n    \"placement\",\n    \"middleware\",\n    \"style\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  let menuEl: HTMLElement | undefined;\n  const resolved = (): ResolvedPlacement => resolvePlacement(local.placement);\n  const floating = createFloating({\n    placement: () => resolved().placement,\n    middleware: () => buildMenuFloatingMiddleware(resolved(), local.middleware),\n  });\n\n  createEffect(() => {\n    floating.setReference(local.anchorElement ?? null);\n  });\n\n  // mountOnEnter + unmountOnExit fade lifecycle (replaces RTG Transition).\n  const [mounted, setMounted] = createSignal(Boolean(local.isOpen));\n  const [shown, setShown] = createSignal(false);\n  let raf: number | undefined;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n\n  createEffect(() => {\n    const open = Boolean(local.isOpen);\n    if (open) {\n      if (timer !== undefined) {\n        clearTimeout(timer);\n        timer = undefined;\n      }\n      setMounted(true);\n      raf = requestAnimationFrame(() => setShown(true));\n    } else {\n      setShown(false);\n      if (mounted()) {\n        timer = setTimeout(() => setMounted(false), FADE_MS);\n      }\n    }\n  });\n  onCleanup(() => {\n    if (raf !== undefined) cancelAnimationFrame(raf);\n    if (timer !== undefined) clearTimeout(timer);\n  });\n\n  const onAwayClick = (event: MouseEvent | TouchEvent): void => {\n    if (!local.isOpen || !local.onClose || !menuEl) return;\n    const target = event.target as HTMLElement;\n    if (menuEl.contains(target) || (local.anchorElement as HTMLElement | null)?.contains(target)) {\n      return;\n    }\n    local.onClose();\n  };\n\n  const style = (): JSX.CSSProperties => ({\n    ...floating.floatingStyles(),\n    ...(typeof local.style === \"object\" && local.style ? local.style : {}),\n    transition: `opacity ${FADE_MS}ms ease-in-out`,\n    opacity: shown() ? 1 : 0,\n  });\n\n  return (\n    <Show when={mounted()}>\n      <ClickAwayListener onClickAway={onAwayClick}>\n        <MenuList {...rest} ref={mergeRefs(local.ref, floating.setFloating, (el) => (menuEl = el))} style={style()}>\n          {local.children}\n        </MenuList>\n      </ClickAwayListener>\n    </Show>\n  );\n}\n\nexport default MenuFloating;\n"],"names":["buildMenuFloatingMiddleware","resolved","custom","buildFloatingMiddleware","FADE_MS","MenuFloating","props","merged","mergeProps","placement","local","rest","splitProps","menuEl","resolvePlacement","floating","createFloating","middleware","createEffect","setReference","anchorElement","mounted","setMounted","createSignal","Boolean","isOpen","shown","setShown","raf","timer","undefined","clearTimeout","requestAnimationFrame","setTimeout","onCleanup","cancelAnimationFrame","onAwayClick","event","onClose","target","contains","style","floatingStyles","transition","opacity","_$createComponent","Show","when","children","ClickAwayListener","onClickAway","MenuList","_$mergeProps","ref","r$","_ref$","mergeRefs","setFloating","el"],"mappings":";;;;;;;AAQO,SAASA,EAA4BC,GAA6BC,GAAqC;AAC5G,SAAOC,EAAwBF,GAAUC,CAAM;AACjD;AAWA,MAAME,IAAU;AAET,SAASC,EAAaC,GAAoD;AAC/E,QAAMC,IAASC,EAAW;AAAA,IAAEC,WAAW;AAAA,EAAA,GAA+BH,CAAK,GACrE,CAACI,GAAOC,CAAI,IAAIC,EAAWL,GAAQ,CACvC,iBACA,UACA,WACA,aACA,cACA,SACA,YACA,KAAK,CACN;AAED,MAAIM;AACJ,QAAMZ,IAAWA,MAAyBa,EAAiBJ,EAAMD,SAAS,GACpEM,IAAWC,EAAe;AAAA,IAC9BP,WAAWA,MAAMR,EAAAA,EAAWQ;AAAAA,IAC5BQ,YAAYA,MAAMjB,EAA4BC,EAAAA,GAAYS,EAAMO,UAAU;AAAA,EAAA,CAC3E;AAEDC,EAAAA,EAAa,MAAM;AACjBH,IAAAA,EAASI,aAAaT,EAAMU,iBAAiB,IAAI;AAAA,EACnD,CAAC;AAGD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAaC,EAAQd,EAAMe,MAAO,GAC1D,CAACC,GAAOC,CAAQ,IAAIJ,EAAa,EAAK;AAC5C,MAAIK,GACAC;AAEJX,EAAAA,EAAa,MAAM;AAEjB,IADaM,EAAQd,EAAMe,UAErBI,MAAUC,WACZC,aAAaF,CAAK,GAClBA,IAAQC,SAEVR,EAAW,EAAI,GACfM,IAAMI,sBAAsB,MAAML,EAAS,EAAI,CAAC,MAEhDA,EAAS,EAAK,GACVN,QACFQ,IAAQI,WAAW,MAAMX,EAAW,EAAK,GAAGlB,CAAO;AAAA,EAGzD,CAAC,GACD8B,EAAU,MAAM;AACd,IAAIN,MAAQE,UAAWK,qBAAqBP,CAAG,GAC3CC,MAAUC,UAAWC,aAAaF,CAAK;AAAA,EAC7C,CAAC;AAED,QAAMO,IAAcA,CAACC,MAAyC;AAC5D,QAAI,CAAC3B,EAAMe,UAAU,CAACf,EAAM4B,WAAW,CAACzB,EAAQ;AAChD,UAAM0B,IAASF,EAAME;AACrB,IAAI1B,EAAO2B,SAASD,CAAM,KAAM7B,EAAMU,eAAsCoB,SAASD,CAAM,KAG3F7B,EAAM4B,QAAAA;AAAAA,EACR,GAEMG,IAAQA,OAA0B;AAAA,IACtC,GAAG1B,EAAS2B,eAAAA;AAAAA,IACZ,GAAI,OAAOhC,EAAM+B,SAAU,YAAY/B,EAAM+B,QAAQ/B,EAAM+B,QAAQ,CAAA;AAAA,IACnEE,YAAY,WAAWvC,CAAO;AAAA,IAC9BwC,SAASlB,EAAAA,IAAU,IAAI;AAAA,EAAA;AAGzB,SAAAmB,EACGC,GAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAE1B,EAAAA;AAAAA,IAAS;AAAA,IAAA,IAAA2B,WAAA;AAAA,aAAAH,EAClBI,GAAiB;AAAA,QAACC,aAAad;AAAAA,QAAW,IAAAY,WAAA;AAAA,iBAAAH,EACxCM,GAAQC,EAAKzC,GAAI;AAAA,YAAA0C,IAAAC,GAAA;AAAA,kBAAAC,IAAOC,EAAU9C,EAAM2C,KAAKtC,EAAS0C,aAAcC,CAAAA,MAAQ7C,IAAS6C,CAAG;AAAC,qBAAAH,KAAA,cAAAA,EAAAD,CAAA;AAAA,YAAA;AAAA,YAAA,IAAEb,QAAK;AAAA,qBAAEA,EAAAA;AAAAA,YAAO;AAAA,YAAA,IAAAO,WAAA;AAAA,qBACvGtC,EAAMsC;AAAAA,YAAQ;AAAA,UAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAKzB;"}

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

@@ -0,0 +1,15 @@
+import { type JSX, type ParentProps } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export interface MenuItemProps extends JSX.HTMLAttributes<HTMLLIElement> {
+    disabled?: boolean | undefined;
+    selected?: boolean | undefined;
+    href?: string | undefined;
+    linkElement?: string;
+    linkProps?: JSX.AnchorHTMLAttributes<HTMLAnchorElement>;
+    value?: unknown;
+    optionRenderer?: ((args: MenuItemProps) => JSX.Element) | undefined;
+    onClick?: JSX.EventHandlerUnion<HTMLLIElement, MouseEvent>;
+    ref?: Ref<HTMLLIElement>;
+}
+export declare function MenuItem(props: ParentProps<MenuItemProps>): JSX.Element;
+export default MenuItem;

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

@@ -0,0 +1,81 @@
+import { createComponent as t, use as b, spread as h, mergeProps as a, insert as l, Dynamic as g, memo as w, template as i } from "solid-js/web";
+import { splitProps as k, Show as c } from "solid-js";
+import v from "clsx";
+import { useMenuContext as R } from "./menuContext.js";
+import { mergeRefs as C } from "../../../primitives/mergeRefs.js";
+import { callHandler as P } from "../../../primitives/callHandler.js";
+import { Ripple as $ } from "../../base/ripple/ripple.js";
+var x = /* @__PURE__ */ i("<span class=smwb-menu__item__helper-text>"), D = /* @__PURE__ */ i("<li>"), y = /* @__PURE__ */ i("<span class=smwb-menu__item-inner>");
+function q(o) {
+  const u = R(), [e, p] = k(o, ["children", "class", "disabled", "selected", "onClick", "href", "linkElement", "linkProps", "value", "optionRenderer", "ref"]);
+  let s;
+  const d = (r) => {
+    if (e.disabled) {
+      e.href && r.preventDefault();
+      return;
+    }
+    P(e.onClick, r);
+  }, f = (r) => {
+    e.disabled || s?.onRipple(r);
+  }, _ = () => v("smwb-menu__item", e.class, {
+    "smwb-menu__item--dense": u.dense,
+    "smwb-menu__item--disabled": e.disabled,
+    "smwb-menu__item--selected": e.selected
+  });
+  return t(c, {
+    get when() {
+      return !e.optionRenderer;
+    },
+    get fallback() {
+      return e.optionRenderer?.(o);
+    },
+    get children() {
+      var r = D(), m = C(e.ref);
+      return typeof m == "function" && b(m, r), h(r, a(p, {
+        role: "menuitem",
+        get class() {
+          return _();
+        },
+        get tabindex() {
+          return e.disabled ? void 0 : 0;
+        },
+        onClick: d,
+        get "data-value"() {
+          return e.value;
+        },
+        onPointerDown: f
+      }), !1, !0), l(r, t(c, {
+        get when() {
+          return e.href;
+        },
+        get fallback() {
+          return (() => {
+            var n = y();
+            return l(n, () => e.children), n;
+          })();
+        },
+        get children() {
+          return t(g, a({
+            get component() {
+              return e.linkElement ?? "a";
+            },
+            class: "smwb-menu__item-inner",
+            get href() {
+              return e.href;
+            }
+          }, () => e.linkProps ?? {}, {
+            get children() {
+              return [w(() => e.children), x()];
+            }
+          }));
+        }
+      }), null), l(r, t($, {
+        actionRef: (n) => s = n
+      }), null), r;
+    }
+  });
+}
+export {
+  q as MenuItem
+};
+//# sourceMappingURL=menuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuItem.js","sources":["../../../../src/components/navigation/menu/menuItem.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { useMenuContext } from \"./menuContext\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\n\nexport interface MenuItemProps extends JSX.HTMLAttributes<HTMLLIElement> {\n  disabled?: boolean | undefined;\n  selected?: boolean | undefined;\n  href?: string | undefined;\n  linkElement?: string;\n  linkProps?: JSX.AnchorHTMLAttributes<HTMLAnchorElement>;\n  value?: unknown;\n  optionRenderer?: ((args: MenuItemProps) => JSX.Element) | undefined;\n  onClick?: JSX.EventHandlerUnion<HTMLLIElement, MouseEvent>;\n  ref?: Ref<HTMLLIElement>;\n}\n\nexport function MenuItem(props: ParentProps<MenuItemProps>): JSX.Element {\n  const ctx = useMenuContext();\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"disabled\",\n    \"selected\",\n    \"onClick\",\n    \"href\",\n    \"linkElement\",\n    \"linkProps\",\n    \"value\",\n    \"optionRenderer\",\n    \"ref\",\n  ]);\n\n  let rippleActions: RippleActionsRef | undefined;\n\n  const onClick: JSX.EventHandler<HTMLLIElement, MouseEvent> = (event) => {\n    if (local.disabled) {\n      if (local.href) event.preventDefault();\n      return;\n    }\n    callHandler(local.onClick, event);\n  };\n\n  const onPointerDown = (event: PointerEvent): void => {\n    if (!local.disabled) rippleActions?.onRipple(event);\n  };\n\n  const classes = (): string =>\n    cn(\"smwb-menu__item\", local.class, {\n      \"smwb-menu__item--dense\": ctx.dense,\n      \"smwb-menu__item--disabled\": local.disabled,\n      \"smwb-menu__item--selected\": local.selected,\n    });\n\n  return (\n    <Show when={!local.optionRenderer} fallback={local.optionRenderer?.(props)}>\n      <li\n        {...rest}\n        role=\"menuitem\"\n        ref={mergeRefs(local.ref)}\n        class={classes()}\n        tabindex={local.disabled ? undefined : 0}\n        onClick={onClick}\n        data-value={local.value as string | number | undefined}\n        onPointerDown={onPointerDown}\n      >\n        <Show\n          when={local.href}\n          fallback={<span class=\"smwb-menu__item-inner\">{local.children}</span>}\n        >\n          <Dynamic component={local.linkElement ?? \"a\"} class=\"smwb-menu__item-inner\" href={local.href} {...(local.linkProps ?? {})}>\n            {local.children}\n            <span class=\"smwb-menu__item__helper-text\" />\n          </Dynamic>\n        </Show>\n        <Ripple actionRef={(actions) => (rippleActions = actions)} />\n      </li>\n    </Show>\n  );\n}\n\nexport default MenuItem;\n"],"names":["MenuItem","props","ctx","useMenuContext","local","rest","splitProps","rippleActions","onClick","event","disabled","href","preventDefault","callHandler","onPointerDown","onRipple","classes","cn","class","dense","selected","_$createComponent","Show","when","optionRenderer","fallback","children","_el$","_tmpl$2","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","tabindex","undefined","value","_$insert","_el$3","_tmpl$3","Dynamic","component","linkElement","linkProps","_$memo","_tmpl$","Ripple","actionRef","actions"],"mappings":";;;;;;;;AAoBO,SAASA,EAASC,GAAgD;AACvE,QAAMC,IAAMC,EAAAA,GACN,CAACC,GAAOC,CAAI,IAAIC,EAAWL,GAAO,CACtC,YACA,SACA,YACA,YACA,WACA,QACA,eACA,aACA,SACA,kBACA,KAAK,CACN;AAED,MAAIM;AAEJ,QAAMC,IAAwDC,CAAAA,MAAU;AACtE,QAAIL,EAAMM,UAAU;AAClB,MAAIN,EAAMO,QAAMF,EAAMG,eAAAA;AACtB;AAAA,IACF;AACAC,IAAAA,EAAYT,EAAMI,SAASC,CAAK;AAAA,EAClC,GAEMK,IAAgBA,CAACL,MAA8B;AACnD,IAAKL,EAAMM,YAAUH,GAAeQ,SAASN,CAAK;AAAA,EACpD,GAEMO,IAAUA,MACdC,EAAG,mBAAmBb,EAAMc,OAAO;AAAA,IACjC,0BAA0BhB,EAAIiB;AAAAA,IAC9B,6BAA6Bf,EAAMM;AAAAA,IACnC,6BAA6BN,EAAMgB;AAAAA,EAAAA,CACpC;AAEH,SAAAC,EACGC,GAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAE,CAACnB,EAAMoB;AAAAA,IAAc;AAAA,IAAA,IAAEC,WAAQ;AAAA,aAAErB,EAAMoB,iBAAiBvB,CAAK;AAAA,IAAC;AAAA,IAAA,IAAAyB,WAAA;AAAA,UAAAC,IAAAC,EAAAA,GAAAC,IAIjEC,EAAU1B,EAAM2B,GAAG;AAAC,oBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EAFrB7B,GAAI;AAAA,QAAA,MACH;AAAA,QAAU,IAAA,QAAA;AAAA,iBAERW,EAAAA;AAAAA,QAAS;AAAA,QAAA,IAChBmB,WAAQ;AAAA,iBAAE/B,EAAMM,WAAW0B,SAAY;AAAA,QAAC;AAAA,QAAA,SAC/B5B;AAAAA,QAAO,IAAA,eAAA;AAAA,iBACJJ,EAAMiC;AAAAA,QAAoC;AAAA,QAAA,eACvCvB;AAAAA,MAAAA,CAAa,GAAA,IAAA,EAAA,GAAAwB,EAAAX,GAAAN,EAE3BC,GAAI;AAAA,QAAA,IACHC,OAAI;AAAA,iBAAEnB,EAAMO;AAAAA,QAAI;AAAA,QAAA,IAChBc,WAAQ;AAAA,kBAAA,MAAA;AAAA,gBAAAc,IAAAC,EAAAA;AAAAF,mBAAAA,EAAAC,GAAA,MAAuCnC,EAAMsB,QAAQ,GAAAa;AAAAA,UAAA,GAAA;AAAA,QAAA;AAAA,QAAA,IAAAb,WAAA;AAAA,iBAAAL,EAE5DoB,GAAOP,EAAA;AAAA,YAAA,IAACQ,YAAS;AAAA,qBAAEtC,EAAMuC,eAAe;AAAA,YAAG;AAAA,YAAA,OAAA;AAAA,YAAA,IAAgChC,OAAI;AAAA,qBAAEP,EAAMO;AAAAA,YAAI;AAAA,UAAA,GAAA,MAAOP,EAAMwC,aAAa,IAAE;AAAA,YAAA,IAAAlB,WAAA;AAAA,qBAAA,CAAAmB,EAAA,MACrHzC,EAAMsB,QAAQ,GAAAoB,GAAA;AAAA,YAAA;AAAA,UAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,GAAA,IAAA,GAAAR,EAAAX,GAAAN,EAIlB0B,GAAM;AAAA,QAACC,WAAYC,OAAa1C,IAAgB0C;AAAAA,MAAAA,CAAQ,GAAA,IAAA,GAAAtB;AAAAA,IAAA;AAAA,EAAA,CAAA;AAIjE;"}

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

@@ -0,0 +1,8 @@
+import { type JSX, type ParentProps } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export interface MenuItemIconProps extends JSX.HTMLAttributes<HTMLSpanElement> {
+    edge?: "start" | "end";
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare function MenuItemIcon(props: ParentProps<MenuItemIconProps>): JSX.Element;
+export default MenuItemIcon;

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { type JSX, type ParentProps } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export interface MenuItemTextProps extends JSX.HTMLAttributes<HTMLSpanElement> {
+    inset?: boolean;
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare function MenuItemText(props: ParentProps<MenuItemTextProps>): JSX.Element;
+export default MenuItemText;

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { type JSX, type ParentProps } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export interface MenuListProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+export declare function MenuList(props: ParentProps<MenuListProps>): JSX.Element;
+export default MenuList;

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

@@ -0,0 +1,27 @@
+import { use as f, spread as m, mergeProps as u, insert as c, effect as p, className as d, template as g, delegateEvents as y } from "solid-js/web";
+import { splitProps as w } from "solid-js";
+import s from "clsx";
+import { useMenuContext as h } from "./menuContext.js";
+import { mergeRefs as _ } from "../../../primitives/mergeRefs.js";
+var $ = /* @__PURE__ */ g("<div><ul role=menu aria-orientation=vertical>");
+function A(l) {
+  const n = h(), [o, i] = w(l, ["children", "class", "ref"]), a = (e) => {
+    const r = Array.from(e.currentTarget.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])'));
+    if (r.length === 0) return;
+    const t = r.indexOf(document.activeElement);
+    e.key === "ArrowDown" ? (e.preventDefault(), r[(t + 1 + r.length) % r.length]?.focus()) : e.key === "ArrowUp" ? (e.preventDefault(), r[(t - 1 + r.length) % r.length]?.focus()) : e.key === "Home" ? (e.preventDefault(), r[0]?.focus()) : e.key === "End" ? (e.preventDefault(), r[r.length - 1]?.focus()) : e.key === "Escape" && n.onClose();
+  };
+  return (() => {
+    var e = $(), r = e.firstChild, t = _(o.ref);
+    return typeof t == "function" && f(t, e), m(e, u(i, {
+      get class() {
+        return s("smwb-menu", o.class, `smwb-menu--${n.variant}`);
+      }
+    }), !1, !0), r.$$keydown = a, c(r, () => o.children), p(() => d(r, s("smwb-menu__list", `smwb-menu__list--${n.variant}`))), e;
+  })();
+}
+y(["keydown"]);
+export {
+  A as MenuList
+};
+//# sourceMappingURL=menuList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuList.js","sources":["../../../../src/components/navigation/menu/menuList.tsx"],"sourcesContent":["import { type JSX, type ParentProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { useMenuContext } from \"./menuContext\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface MenuListProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function MenuList(props: ParentProps<MenuListProps>): JSX.Element {\n  const ctx = useMenuContext();\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"ref\"]);\n\n  const onKeyDown: JSX.EventHandler<HTMLUListElement, KeyboardEvent> = (event) => {\n    const items = Array.from(\n      event.currentTarget.querySelectorAll<HTMLElement>('[role=\"menuitem\"]:not([aria-disabled=\"true\"])')\n    );\n    if (items.length === 0) return;\n    const currentIndex = items.indexOf(document.activeElement as HTMLElement);\n\n    if (event.key === \"ArrowDown\") {\n      event.preventDefault();\n      items[(currentIndex + 1 + items.length) % items.length]?.focus();\n    } else if (event.key === \"ArrowUp\") {\n      event.preventDefault();\n      items[(currentIndex - 1 + items.length) % items.length]?.focus();\n    } else if (event.key === \"Home\") {\n      event.preventDefault();\n      items[0]?.focus();\n    } else if (event.key === \"End\") {\n      event.preventDefault();\n      items[items.length - 1]?.focus();\n    } else if (event.key === \"Escape\") {\n      ctx.onClose();\n    }\n  };\n\n  return (\n    <div {...rest} ref={mergeRefs(local.ref)} class={cn(\"smwb-menu\", local.class, `smwb-menu--${ctx.variant}`)}>\n      <ul\n        class={cn(\"smwb-menu__list\", `smwb-menu__list--${ctx.variant}`)}\n        role=\"menu\"\n        aria-orientation=\"vertical\"\n        onKeyDown={onKeyDown}\n      >\n        {local.children}\n      </ul>\n    </div>\n  );\n}\n\nexport default MenuList;\n"],"names":["MenuList","props","ctx","useMenuContext","local","rest","splitProps","onKeyDown","event","items","Array","from","currentTarget","querySelectorAll","length","currentIndex","indexOf","document","activeElement","key","preventDefault","focus","onClose","_el$","_tmpl$","_el$2","firstChild","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","variant","$$keydown","_$insert","children","_$effect","_$className","_$delegateEvents"],"mappings":";;;;;;AASO,SAASA,EAASC,GAAgD;AACvE,QAAMC,IAAMC,EAAAA,GACN,CAACC,GAAOC,CAAI,IAAIC,EAAWL,GAAO,CAAC,YAAY,SAAS,KAAK,CAAC,GAE9DM,IAAgEC,CAAAA,MAAU;AAC9E,UAAMC,IAAQC,MAAMC,KAClBH,EAAMI,cAAcC,iBAA8B,+CAA+C,CACnG;AACA,QAAIJ,EAAMK,WAAW,EAAG;AACxB,UAAMC,IAAeN,EAAMO,QAAQC,SAASC,aAA4B;AAExE,IAAIV,EAAMW,QAAQ,eAChBX,EAAMY,eAAAA,GACNX,GAAOM,IAAe,IAAIN,EAAMK,UAAUL,EAAMK,MAAM,GAAGO,MAAAA,KAChDb,EAAMW,QAAQ,aACvBX,EAAMY,eAAAA,GACNX,GAAOM,IAAe,IAAIN,EAAMK,UAAUL,EAAMK,MAAM,GAAGO,MAAAA,KAChDb,EAAMW,QAAQ,UACvBX,EAAMY,eAAAA,GACNX,EAAM,CAAC,GAAGY,MAAAA,KACDb,EAAMW,QAAQ,SACvBX,EAAMY,eAAAA,GACNX,EAAMA,EAAMK,SAAS,CAAC,GAAGO,MAAAA,KAChBb,EAAMW,QAAQ,YACvBjB,EAAIoB,QAAAA;AAAAA,EAER;AAEA,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IACsBC,EAAUxB,EAAMyB,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAJ,CAAA,GAAAQ,EAAAR,GAAAS,EAA/B3B,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAAoC4B,EAAG,aAAa7B,EAAM8B,OAAO,cAAchC,EAAIiC,OAAO,EAAE;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAV,EAAAW,YAK3F7B,GAAS8B,EAAAZ,GAAA,MAEnBrB,EAAMkC,QAAQ,GAAAC,EAAA,MAAAC,EAAAf,GALRQ,EAAG,mBAAmB,oBAAoB/B,EAAIiC,OAAO,EAAE,CAAC,CAAA,GAAAZ;AAAAA,EAAA,GAAA;AASvE;AAEwBkB,EAAA,CAAA,SAAA,CAAA;"}

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

@@ -0,0 +1,21 @@
+import { type JSX, type ParentProps } from "solid-js";
+import type { Placement } from "../../../utils/floating";
+export interface MenuSubmenuProps {
+    placement?: Placement;
+    onClose?: () => void;
+    /** Content of the toggle row (e.g. an icon + <MenuItemText/>). */
+    toggleElement?: JSX.Element;
+    /** Items and/or nested `MenuSubmenu` elements (multi-level supported). */
+    children: JSX.Element;
+    /** Open the submenu on pointer hover in addition to click. */
+    openOnHover?: boolean;
+    class?: string;
+}
+/**
+ * Solid redesign of MenuSubmenu. React injected props into a cloned toggle and
+ * cloned each child's onClick; Solid renders its own toggle row and closes the
+ * menu chain via click delegation on the floating content (leaf menuitems close,
+ * nested submenu toggles — which carry `aria-haspopup` — do not).
+ */
+export declare function MenuSubmenu(props: ParentProps<MenuSubmenuProps>): JSX.Element;
+export default MenuSubmenu;

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

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

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 { type JSX, type ParentProps, createSignal, splitProps } from \"solid-js\";\nimport { type Middleware, offset } from \"@floating-ui/dom\";\nimport cn from \"clsx\";\nimport { MenuContext, useMenuContext } from \"./menuContext\";\nimport { MenuFloating } from \"./menuFloating\";\nimport type { Placement } from \"../../../utils/floating\";\n\nexport interface MenuSubmenuProps {\n  placement?: Placement;\n  onClose?: () => void;\n  /** Content of the toggle row (e.g. an icon + <MenuItemText/>). */\n  toggleElement?: JSX.Element;\n  /** Items and/or nested `MenuSubmenu` elements (multi-level supported). */\n  children: JSX.Element;\n  /** Open the submenu on pointer hover in addition to click. */\n  openOnHover?: boolean;\n  class?: string;\n}\n\n/**\n * Solid redesign of MenuSubmenu. React injected props into a cloned toggle and\n * cloned each child's onClick; Solid renders its own toggle row and closes the\n * menu chain via click delegation on the floating content (leaf menuitems close,\n * nested submenu toggles — which carry `aria-haspopup` — do not).\n */\nexport function MenuSubmenu(props: ParentProps<MenuSubmenuProps>): JSX.Element {\n  const parentCtx = useMenuContext();\n  const [local] = splitProps(props, [\"placement\", \"onClose\", \"toggleElement\", \"children\", \"openOnHover\", \"class\"]);\n  const [isOpen, setIsOpen] = createSignal(false);\n  const [anchor, setAnchor] = createSignal<HTMLElement | null>(null);\n\n  const middleware: 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: JSX.EventHandler<HTMLLIElement, MouseEvent> = (event) => {\n    if (event.button !== 0) return;\n    setIsOpen((prev) => !prev);\n  };\n\n  const close = (): void => {\n    setIsOpen(false);\n    local.onClose?.();\n  };\n\n  const onToggleKeyDown: JSX.EventHandler<HTMLLIElement, KeyboardEvent> = (event) => {\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 onContentClick: JSX.EventHandler<HTMLDivElement, MouseEvent> = (event) => {\n    const item = (event.target as HTMLElement).closest('[role=\"menuitem\"]');\n    if (item && !item.hasAttribute(\"aria-haspopup\")) {\n      close();\n      parentCtx.onClose();\n    }\n  };\n\n  const value = {\n    get dense() {\n      return parentCtx.dense;\n    },\n    variant: \"floating\" as const,\n    onClose: close,\n  };\n\n  return (\n    <MenuContext.Provider value={value}>\n      <li\n        role=\"menuitem\"\n        ref={setAnchor}\n        class={cn(\"smwb-menu__item\", local.class, { \"smwb-menu__item--selected\": isOpen() })}\n        tabindex={0}\n        aria-haspopup=\"menu\"\n        aria-expanded={isOpen()}\n        onClick={onToggle}\n        onKeyDown={onToggleKeyDown}\n        onMouseEnter={local.openOnHover ? () => setIsOpen(true) : undefined}\n      >\n        <span class=\"smwb-menu__item-inner\">{local.toggleElement}</span>\n      </li>\n      <MenuFloating\n        placement={local.placement ?? \"right-start\"}\n        isOpen={isOpen()}\n        onClose={close}\n        anchorElement={anchor()}\n        middleware={middleware}\n        onClick={onContentClick}\n      >\n        {local.children}\n      </MenuFloating>\n    </MenuContext.Provider>\n  );\n}\n\nexport default MenuSubmenu;\n"],"names":["MenuSubmenu","props","parentCtx","useMenuContext","local","splitProps","isOpen","setIsOpen","createSignal","anchor","setAnchor","middleware","offset","placement","crossAxis","mainAxis","onToggle","event","button","prev","close","onClose","onToggleKeyDown","key","preventDefault","onContentClick","item","target","closest","hasAttribute","value","dense","variant","_$createComponent","MenuContext","Provider","children","_el$","_tmpl$","_el$2","firstChild","_$addEventListener","openOnHover","undefined","$$keydown","$$click","_$use","_$insert","toggleElement","_$effect","_p$","_v$","cn","class","_v$2","e","_$className","t","_$setAttribute","MenuFloating","anchorElement","onClick","_$delegateEvents"],"mappings":"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"}

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

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

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

@@ -0,0 +1,28 @@
+import { type JSX } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export type PaginationColor = "default" | "primary" | "secondary" | "error" | "success" | "warning" | "info";
+export interface PaginationProps extends Omit<JSX.HTMLAttributes<HTMLElement>, "onChange"> {
+    /** 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;
+    ref?: Ref<HTMLElement>;
+}
+export declare function Pagination(props: PaginationProps): JSX.Element;
+export default Pagination;

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

@@ -0,0 +1,90 @@
+import { use as A, spread as E, mergeProps as L, insert as m, createComponent as _, effect as x, className as y, setAttribute as k, template as w, delegateEvents as z } from "solid-js/web";
+import '../../../assets/styles/less/components/pagination/pagination.entry.css';/* empty css                                                               */
+import { mergeProps as F, splitProps as N, For as R, Show as P } from "solid-js";
+import M from "clsx";
+import { mergeRefs as S } from "../../../primitives/mergeRefs.js";
+import { Icon as D } from "../../base/icon/icon.js";
+var H = /* @__PURE__ */ w('<li><button type=button class="smwb-pagination__item smwb-pagination__nav">'), I = /* @__PURE__ */ w("<nav><ul class=smwb-pagination__list>"), q = /* @__PURE__ */ w("<li><button type=button>"), K = /* @__PURE__ */ w("<li class=smwb-pagination__ellipsis aria-hidden=true>…");
+const b = (n, c) => Array.from({
+  length: Math.max(c - n + 1, 0)
+}, (e, t) => n + t), O = (n, c, e, t) => {
+  const d = b(1, Math.min(t, n)), p = b(Math.max(n - t + 1, t + 1), n), h = Math.max(Math.min(c - e, n - t - e * 2 - 1), t + 2), f = Math.min(Math.max(c + e, t + e * 2 + 2), p.length > 0 ? p[0] - 2 : n - 1);
+  return [...d, ...h > t + 2 ? ["start-ellipsis"] : t + 1 < n - t ? [t + 1] : [], ...b(h, f), ...f < n - t - 1 ? ["end-ellipsis"] : n - t > t ? [n - t] : [], ...p];
+};
+function V(n) {
+  const c = F({
+    siblingCount: 1,
+    boundaryCount: 1,
+    size: "medium",
+    variant: "filled",
+    shape: "circular",
+    color: "default",
+    disabled: !1,
+    showFirstButton: !1,
+    showLastButton: !1,
+    hidePrevButton: !1,
+    hideNextButton: !1
+  }, n), [e, t] = N(c, ["class", "count", "page", "siblingCount", "boundaryCount", "size", "variant", "shape", "color", "disabled", "showFirstButton", "showLastButton", "hidePrevButton", "hideNextButton", "onChange", "ref"]);
+  let d;
+  const p = (a) => {
+    e.disabled || a === e.page || a < 1 || a > e.count || e.onChange?.(a);
+  }, h = (a) => {
+    if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(a.key)) return;
+    const i = Array.from(d?.querySelectorAll("button.smwb-pagination__item:not(:disabled)") ?? []);
+    if (i.length === 0) return;
+    const r = i.indexOf(document.activeElement);
+    let s = r;
+    a.key === "ArrowRight" ? s = Math.min(r + 1, i.length - 1) : a.key === "ArrowLeft" ? s = Math.max(r - 1, 0) : a.key === "Home" ? s = 0 : a.key === "End" && (s = i.length - 1), a.preventDefault(), i[s]?.focus();
+  }, f = () => O(e.count, e.page, e.siblingCount, e.boundaryCount), u = (a, i, r, s) => _(P, {
+    when: !s,
+    get children() {
+      var g = H(), l = g.firstChild;
+      return l.$$click = () => p(i), k(l, "aria-label", a), m(l, _(D, {
+        name: r,
+        get size() {
+          return e.size === "small" ? 16 : 18;
+        }
+      })), x(() => l.disabled = e.disabled || i < 1 || i > e.count), g;
+    }
+  });
+  return (() => {
+    var a = I(), i = a.firstChild, r = S(e.ref, (s) => d = s);
+    return typeof r == "function" && A(r, a), E(a, L(t, {
+      "data-testid": "pagination",
+      "aria-label": "pagination",
+      get class() {
+        return M("smwb-pagination", `smwb-pagination_${e.size}`, `smwb-pagination_${e.variant}`, `smwb-pagination_shape-${e.shape}`, e.color !== "default" && `smwb-pagination_color-${e.color}`, {
+          "smwb-pagination_disabled": e.disabled
+        }, e.class);
+      }
+    }), !1, !0), i.$$keydown = h, m(i, () => u("First page", 1, "first_page", !e.showFirstButton), null), m(i, () => u("Previous page", e.page - 1, "chevron_left", e.hidePrevButton), null), m(i, _(R, {
+      get each() {
+        return f();
+      },
+      children: (s) => _(P, {
+        when: typeof s == "number",
+        get fallback() {
+          return K();
+        },
+        get children() {
+          var g = q(), l = g.firstChild;
+          return l.$$click = () => p(s), m(l, s), x((o) => {
+            var v = M("smwb-pagination__item", {
+              "smwb-pagination__item_selected": s === e.page
+            }), $ = s === e.page ? "page" : void 0, B = e.disabled;
+            return v !== o.e && y(l, o.e = v), $ !== o.t && k(l, "aria-current", o.t = $), B !== o.a && (l.disabled = o.a = B), o;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0
+          }), g;
+        }
+      })
+    }), null), m(i, () => u("Next page", e.page + 1, "chevron_right", e.hideNextButton), null), m(i, () => u("Last page", e.count, "last_page", !e.showLastButton), null), a;
+  })();
+}
+z(["click", "keydown"]);
+export {
+  V as Pagination
+};
+//# sourceMappingURL=pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sources":["../../../../src/components/navigation/pagination/pagination.tsx"],"sourcesContent":["import { type JSX, For, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type PaginationColor = \"default\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface PaginationProps extends Omit<JSX.HTMLAttributes<HTMLElement>, \"onChange\"> {\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  ref?: Ref<HTMLElement>;\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 function Pagination(props: PaginationProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      siblingCount: 1,\n      boundaryCount: 1,\n      size: \"medium\" as const,\n      variant: \"filled\" as const,\n      shape: \"circular\" as const,\n      color: \"default\" as PaginationColor,\n      disabled: false,\n      showFirstButton: false,\n      showLastButton: false,\n      hidePrevButton: false,\n      hideNextButton: false,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"count\",\n    \"page\",\n    \"siblingCount\",\n    \"boundaryCount\",\n    \"size\",\n    \"variant\",\n    \"shape\",\n    \"color\",\n    \"disabled\",\n    \"showFirstButton\",\n    \"showLastButton\",\n    \"hidePrevButton\",\n    \"hideNextButton\",\n    \"onChange\",\n    \"ref\",\n  ]);\n\n  let navEl: HTMLElement | undefined;\n\n  const go = (target: number): void => {\n    if (local.disabled || target === local.page || target < 1 || target > local.count) return;\n    local.onChange?.(target);\n  };\n\n  const onKeyDown: JSX.EventHandler<HTMLUListElement, KeyboardEvent> = (event) => {\n    if (![\"ArrowLeft\", \"ArrowRight\", \"Home\", \"End\"].includes(event.key)) return;\n    const buttons = Array.from(\n      navEl?.querySelectorAll<HTMLButtonElement>(\"button.smwb-pagination__item:not(:disabled)\") ?? []\n    );\n    if (buttons.length === 0) return;\n    const current = buttons.indexOf(document.activeElement as HTMLButtonElement);\n    let next = current;\n    if (event.key === \"ArrowRight\") next = Math.min(current + 1, buttons.length - 1);\n    else if (event.key === \"ArrowLeft\") next = Math.max(current - 1, 0);\n    else if (event.key === \"Home\") next = 0;\n    else if (event.key === \"End\") next = buttons.length - 1;\n    event.preventDefault();\n    buttons[next]?.focus();\n  };\n\n  const items = (): PaginationItem[] => buildItems(local.count, local.page, local.siblingCount, local.boundaryCount);\n\n  const navButton = (label: string, target: number, iconName: string, hidden?: boolean): JSX.Element => (\n    <Show when={!hidden}>\n      <li>\n        <button\n          type=\"button\"\n          class=\"smwb-pagination__item smwb-pagination__nav\"\n          aria-label={label}\n          disabled={local.disabled || target < 1 || target > local.count}\n          onClick={() => go(target)}\n        >\n          <Icon name={iconName} size={local.size === \"small\" ? 16 : 18} />\n        </button>\n      </li>\n    </Show>\n  );\n\n  return (\n    <nav\n      {...rest}\n      ref={mergeRefs(local.ref, (el) => (navEl = el))}\n      data-testid=\"pagination\"\n      aria-label=\"pagination\"\n      class={cn(\n        \"smwb-pagination\",\n        `smwb-pagination_${local.size}`,\n        `smwb-pagination_${local.variant}`,\n        `smwb-pagination_shape-${local.shape}`,\n        local.color !== \"default\" && `smwb-pagination_color-${local.color}`,\n        { \"smwb-pagination_disabled\": local.disabled },\n        local.class\n      )}\n    >\n      <ul class=\"smwb-pagination__list\" onKeyDown={onKeyDown}>\n        {navButton(\"First page\", 1, \"first_page\", !local.showFirstButton)}\n        {navButton(\"Previous page\", local.page - 1, \"chevron_left\", local.hidePrevButton)}\n        <For each={items()}>\n          {(item) => (\n            <Show\n              when={typeof item === \"number\"}\n              fallback={\n                <li class=\"smwb-pagination__ellipsis\" aria-hidden=\"true\">\n                  …\n                </li>\n              }\n            >\n              <li>\n                <button\n                  type=\"button\"\n                  class={cn(\"smwb-pagination__item\", { \"smwb-pagination__item_selected\": item === local.page })}\n                  aria-current={item === local.page ? \"page\" : undefined}\n                  disabled={local.disabled}\n                  onClick={() => go(item as number)}\n                >\n                  {item}\n                </button>\n              </li>\n            </Show>\n          )}\n        </For>\n        {navButton(\"Next page\", local.page + 1, \"chevron_right\", local.hideNextButton)}\n        {navButton(\"Last page\", local.count, \"last_page\", !local.showLastButton)}\n      </ul>\n    </nav>\n  );\n}\n\nexport default Pagination;\n"],"names":["range","start","end","Array","from","length","Math","max","_","i","buildItems","count","page","siblingCount","boundaryCount","startPages","min","endPages","siblingsStart","siblingsEnd","Pagination","props","merged","mergeProps","size","variant","shape","color","disabled","showFirstButton","showLastButton","hidePrevButton","hideNextButton","local","rest","splitProps","navEl","go","target","onChange","onKeyDown","event","includes","key","buttons","querySelectorAll","current","indexOf","document","activeElement","next","preventDefault","focus","items","navButton","label","iconName","hidden","_$createComponent","Show","when","children","_el$","_tmpl$","_el$2","firstChild","$$click","_$setAttribute","_$insert","Icon","name","_$effect","_el$3","_tmpl$2","_el$4","_ref$","mergeRefs","ref","el","_$use","_$spread","_$mergeProps","cn","class","$$keydown","For","each","item","fallback","_tmpl$4","_el$5","_tmpl$3","_el$6","_p$","_v$","_v$2","undefined","_v$3","e","_$className","t","a","_$delegateEvents"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { Sidebar, default } from "./sidebar";
+export type { SidebarProps, SidebarMenuItemProps, SidebarVariant } from "./sidebar";

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

@@ -0,0 +1,35 @@
+import { type JSX } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export type SidebarVariant = "compact" | "default" | "compactMini";
+export interface SidebarMenuItemProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "title"> {
+    icon?: JSX.Element;
+    title: string;
+    isActive?: boolean;
+    onClick?: JSX.EventHandlerUnion<HTMLDivElement, MouseEvent>;
+    as?: string | undefined;
+    href?: string | undefined;
+    variant?: SidebarVariant | undefined;
+}
+export interface SidebarProps extends JSX.HTMLAttributes<HTMLElement> {
+    variant?: SidebarVariant;
+    menuItems?: SidebarMenuItemProps[];
+    /** Controlled index of the active menu item. */
+    activeItem?: number | null;
+    /** Default active index (uncontrolled). */
+    defaultActiveItem?: number | null;
+    /** Called with the index of the activated item. */
+    onActiveItemChange?: (index: number) => void;
+    /** Render a built-in toggle that collapses the rail to an icon-only mini rail. */
+    collapsible?: boolean;
+    /** Controlled collapsed state. */
+    collapsed?: boolean;
+    /** Initial collapsed state (uncontrolled). */
+    defaultCollapsed?: boolean;
+    /** Called whenever the collapsed state changes. */
+    onCollapsedChange?: (collapsed: boolean) => void;
+    /** Accessible label for the built-in collapse toggle. */
+    collapseToggleAriaLabel?: string;
+    ref?: Ref<HTMLElement>;
+}
+export declare function Sidebar(props: SidebarProps): JSX.Element;
+export default Sidebar;