@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/shell/bottom-navbar.js

@@ -1,193 +1,153 @@
 "use client";
-import { jsxs as t, Fragment as C, jsx as s } from "react/jsx-runtime";
-import * as R from "react";
-import { useState as j, useRef as z, useCallback as B, useEffect as L } from "react";
-import { IconX as S, IconDots as A } from "@tabler/icons-react";
-import { Icon as x } from "../ui/icon.js";
-import { cn as d } from "../ui/lib/utils.js";
-import { springs as f } from "../ui/lib/motion.js";
-import { u as g } from "../_chunks/link-context.js";
-import { u as v, A as D, m as u } from "../_chunks/framer.js";
-function F({ count: a }) {
-  if (!a || a <= 0) return null;
-  const o = a > 99 ? "99+" : String(a), i = a >= 10;
-  return /* @__PURE__ */ s(
-    "span",
-    {
-      "aria-label": `${a} notifications`,
-      className: d(
-        "absolute -right-1 -top-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-error-9 text-[10px] font-semibold leading-none text-accent-fg animate-in zoom-in-75",
-        i ? "px-0.5" : ""
-      ),
-      children: o
-    }
-  );
+import { a as e, c as t, n } from "../_chunks/framer.js";
+import { springs as r } from "../ui/lib/motion.js";
+import { cn as i } from "../ui/lib/utils.js";
+import { Icon as a } from "../ui/icon.js";
+import { n as o } from "../_chunks/link-context.js";
+import "./link-context.js";
+import * as s from "react";
+import { useCallback as c, useEffect as l, useRef as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { IconDots as h, IconX as g } from "@tabler/icons-react";
+//#region src/shell/bottom-navbar.tsx
+function _({ count: e }) {
+	if (!e || e <= 0) return null;
+	let t = e > 99 ? "99+" : String(e), n = e >= 10;
+	return /* @__PURE__ */ p("span", {
+		"aria-label": `${e} notifications`,
+		className: i("absolute -right-1 -top-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-error-9 text-[10px] font-semibold leading-none text-error-fg animate-in zoom-in-75", n ? "px-0.5" : ""),
+		children: t
+	});
 }
-function I({
-  item: a,
-  isActive: o,
-  onClick: i
-}) {
-  const n = g(), l = v();
-  return /* @__PURE__ */ s(u.div, { whileTap: l ? void 0 : { y: -2 }, transition: l ? { duration: 0 } : f.snappy, className: "flex max-w-[70px] flex-1", children: /* @__PURE__ */ s(
-    n,
-    {
-      href: a.href,
-      onClick: i,
-      "aria-label": a.title,
-      "aria-current": o ? "page" : void 0,
-      className: d(
-        "flex h-16 w-full cursor-pointer flex-col items-center gap-ds-02 p-ds-02 pt-0 text-ds-sm transition-colors duration-fast-02 ease-productive-standard",
-        o ? "font-semibold text-accent-11" : "text-surface-fg-subtle"
-      ),
-      children: /* @__PURE__ */ t("div", { className: "relative flex w-full flex-col items-center gap-ds-02", children: [
-        o && /* @__PURE__ */ s(
-          u.div,
-          {
-            layoutId: "bottom-nav-indicator",
-            className: "absolute top-0 h-[3px] w-full rounded-b-ds-sm bg-accent-9 p-0",
-            "aria-hidden": "true",
-            transition: l ? { duration: 0 } : f.snappy
-          }
-        ),
-        /* @__PURE__ */ t("div", { className: "relative p-ds-03", children: [
-          /* @__PURE__ */ s("span", { className: "[&>svg]:h-ico-md [&>svg]:w-ico-md", "aria-hidden": "true", children: a.icon }),
-          a.badge != null && /* @__PURE__ */ s(F, { count: a.badge })
-        ] }),
-        /* @__PURE__ */ s("span", { className: "text-center", children: a.title })
-      ] })
-    }
-  ) });
+function v({ item: t, isActive: a, onClick: s }) {
+	let c = o(), l = n();
+	return /* @__PURE__ */ p(e.div, {
+		whileTap: l ? void 0 : { y: -2 },
+		transition: l ? { duration: 0 } : r.snappy,
+		className: "flex max-w-[70px] flex-1",
+		children: /* @__PURE__ */ p(c, {
+			href: t.href,
+			onClick: s,
+			"aria-label": t.title,
+			"aria-current": a ? "page" : void 0,
+			className: i("flex h-16 w-full cursor-pointer flex-col items-center gap-ds-02 p-ds-02 pt-0 text-ds-sm transition-colors duration-fast-02 ease-productive-standard", a ? "font-semibold text-accent-11" : "text-surface-fg-subtle"),
+			children: /* @__PURE__ */ m("div", {
+				className: "relative flex w-full flex-col items-center gap-ds-02",
+				children: [
+					a && /* @__PURE__ */ p(e.div, {
+						layoutId: "bottom-nav-indicator",
+						className: "absolute top-0 h-[3px] w-full rounded-b-ds-sm bg-accent-9 p-0",
+						"aria-hidden": "true",
+						transition: l ? { duration: 0 } : r.snappy
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "relative p-ds-03",
+						children: [/* @__PURE__ */ p("span", {
+							className: "[&>svg]:h-ico-md [&>svg]:w-ico-md",
+							"aria-hidden": "true",
+							children: t.icon
+						}), t.badge != null && /* @__PURE__ */ p(_, { count: t.badge })]
+					}),
+					/* @__PURE__ */ p("span", {
+						className: "text-center",
+						children: t.title
+					})
+				]
+			})
+		})
+	});
 }
-const E = R.forwardRef(
-  ({
-    currentPath: a = "/",
-    user: o,
-    primaryItems: i = [],
-    moreItems: n = [],
-    className: l,
-    ...N
-  }, y) => {
-    const w = g(), m = v(), [r, c] = j(!1), p = z(null), M = B(() => c(!1), []);
-    L(() => {
-      r && p.current && p.current.querySelector("a, button")?.focus();
-    }, [r]);
-    const b = (e, k = !1) => k || e === "/" ? a === e : a.startsWith(e), h = n.some(
-      (e) => b(e.href, e.exact)
-    );
-    return /* @__PURE__ */ t(C, { children: [
-      /* @__PURE__ */ s(D, { children: r && // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events -- backdrop overlay, dismiss via mouse only; keyboard users close via Escape
-      /* @__PURE__ */ t(
-        "div",
-        {
-          className: "fixed inset-0 z-overlay md:hidden",
-          onClick: () => c(!1),
-          children: [
-            /* @__PURE__ */ s("div", { className: "absolute inset-0 bg-overlay" }),
-            /* @__PURE__ */ t(
-              u.div,
-              {
-                ref: p,
-                role: "dialog",
-                "aria-label": "More navigation",
-                initial: { y: "100%" },
-                animate: { y: 0 },
-                exit: { y: "100%" },
-                transition: m ? { duration: 0 } : f.smooth,
-                className: "absolute bottom-[72px] left-0 right-0 rounded-t-ds-2xl border-t border-surface-border-strong bg-surface-overlay p-ds-05 pb-ds-03",
-                onClick: (e) => e.stopPropagation(),
-                onKeyDown: (e) => {
-                  e.stopPropagation(), e.key === "Escape" && M();
-                },
-                children: [
-                  /* @__PURE__ */ t("div", { className: "mb-ds-04 flex items-center justify-between", children: [
-                    /* @__PURE__ */ s("span", { className: "text-ds-md font-semibold text-surface-fg", children: "More" }),
-                    /* @__PURE__ */ s(
-                      "button",
-                      {
-                        onClick: () => c(!1),
-                        "aria-label": "Close more menu",
-                        className: "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-full hover:bg-surface-raised-hover",
-                        children: /* @__PURE__ */ s(x, { icon: S, size: "sm", className: "text-surface-fg-muted" })
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ s("div", { className: "grid grid-cols-4 gap-ds-03", children: n.map((e) => /* @__PURE__ */ t(
-                    w,
-                    {
-                      href: e.href,
-                      onClick: () => c(!1),
-                      className: d(
-                        "flex flex-col items-center gap-ds-02b rounded-ds-xl p-ds-04 text-ds-sm transition-colors ease-productive-standard",
-                        b(e.href, e.exact) ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle hover:bg-surface-raised-hover"
-                      ),
-                      children: [
-                        /* @__PURE__ */ s("span", { className: "[&>svg]:h-ico-md [&>svg]:w-ico-md", children: e.icon }),
-                        /* @__PURE__ */ s("span", { className: "text-center", children: e.title })
-                      ]
-                    },
-                    e.href
-                  )) })
-                ]
-              }
-            )
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ t(
-        "nav",
-        {
-          ...N,
-          ref: y,
-          "aria-label": "Mobile navigation",
-          className: d(
-            "fixed bottom-0 left-0 right-0 z-sticky flex w-full flex-row items-start justify-between border-t border-surface-border-strong bg-surface-raised px-ds-05 pb-safe pt-0 md:hidden",
-            l
-          ),
-          children: [
-            i.map((e) => /* @__PURE__ */ s(
-              I,
-              {
-                item: e,
-                isActive: b(e.href, e.exact)
-              },
-              e.href
-            )),
-            n.length > 0 && /* @__PURE__ */ s(
-              u.button,
-              {
-                type: "button",
-                onClick: () => c(!r),
-                "aria-label": "More navigation options",
-                "aria-expanded": r,
-                whileTap: m ? void 0 : { y: -2 },
-                transition: m ? { duration: 0 } : f.snappy,
-                className: d(
-                  "flex h-16 max-w-[70px] flex-1 cursor-pointer flex-col items-center gap-ds-02 p-ds-02 pt-0 text-ds-sm",
-                  r || h ? "font-semibold text-accent-11" : "text-surface-fg-subtle"
-                ),
-                children: /* @__PURE__ */ t("div", { className: "relative flex w-full flex-col items-center gap-ds-02", children: [
-                  (r || h) && /* @__PURE__ */ s(
-                    u.div,
-                    {
-                      layoutId: "bottom-nav-indicator",
-                      className: "absolute top-0 h-[3px] w-full rounded-b-ds-sm bg-accent-9 p-0",
-                      "aria-hidden": "true",
-                      transition: m ? { duration: 0 } : f.snappy
-                    }
-                  ),
-                  /* @__PURE__ */ s("div", { className: "p-ds-03", children: /* @__PURE__ */ s(x, { icon: A }) }),
-                  /* @__PURE__ */ s("span", { className: "text-center", children: "More" })
-                ] })
-              }
-            )
-          ]
-        }
-      )
-    ] });
-  }
-);
-E.displayName = "BottomNavbar";
-export {
-  E as BottomNavbar
-};
+var y = s.forwardRef(({ currentPath: s = "/", user: _, primaryItems: y = [], moreItems: b = [], className: x, ...S }, C) => {
+	let w = o(), T = n(), [E, D] = d(!1), O = u(null), k = c(() => D(!1), []);
+	l(() => {
+		E && O.current && O.current.querySelector("a, button")?.focus();
+	}, [E]);
+	let A = (e, t = !1) => t || e === "/" ? s === e : s.startsWith(e), j = b.some((e) => A(e.href, e.exact));
+	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(t, { children: E && /* @__PURE__ */ m("div", {
+		className: "fixed inset-0 z-overlay md:hidden",
+		onClick: () => D(!1),
+		children: [/* @__PURE__ */ p("div", { className: "absolute inset-0 bg-overlay" }), /* @__PURE__ */ m(e.div, {
+			ref: O,
+			role: "dialog",
+			"aria-label": "More navigation",
+			initial: { y: "100%" },
+			animate: { y: 0 },
+			exit: { y: "100%" },
+			transition: T ? { duration: 0 } : r.smooth,
+			className: "absolute bottom-[72px] left-0 right-0 rounded-t-ds-2xl border-t border-surface-border-strong bg-surface-overlay p-ds-05 pb-ds-03",
+			onClick: (e) => e.stopPropagation(),
+			onKeyDown: (e) => {
+				e.stopPropagation(), e.key === "Escape" && k();
+			},
+			children: [/* @__PURE__ */ m("div", {
+				className: "mb-ds-04 flex items-center justify-between",
+				children: [/* @__PURE__ */ p("span", {
+					className: "text-ds-md font-semibold text-surface-fg",
+					children: "More"
+				}), /* @__PURE__ */ p("button", {
+					onClick: () => D(!1),
+					"aria-label": "Close more menu",
+					className: "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-full hover:bg-surface-raised-hover",
+					children: /* @__PURE__ */ p(a, {
+						icon: g,
+						size: "sm",
+						className: "text-surface-fg-muted"
+					})
+				})]
+			}), /* @__PURE__ */ p("div", {
+				className: "grid grid-cols-4 gap-ds-03",
+				children: b.map((e) => /* @__PURE__ */ m(w, {
+					href: e.href,
+					onClick: () => D(!1),
+					className: i("flex flex-col items-center gap-ds-02b rounded-ds-xl p-ds-04 text-ds-sm transition-colors ease-productive-standard", A(e.href, e.exact) ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle hover:bg-surface-raised-hover"),
+					children: [/* @__PURE__ */ p("span", {
+						className: "[&>svg]:h-ico-md [&>svg]:w-ico-md",
+						children: e.icon
+					}), /* @__PURE__ */ p("span", {
+						className: "text-center",
+						children: e.title
+					})]
+				}, e.href))
+			})]
+		})]
+	}) }), /* @__PURE__ */ m("nav", {
+		...S,
+		ref: C,
+		"aria-label": "Mobile navigation",
+		className: i("fixed bottom-0 left-0 right-0 z-sticky flex w-full flex-row items-start justify-between border-t border-surface-border-strong bg-surface-raised px-ds-05 pb-safe pt-0 md:hidden", x),
+		children: [y.map((e) => /* @__PURE__ */ p(v, {
+			item: e,
+			isActive: A(e.href, e.exact)
+		}, e.href)), b.length > 0 && /* @__PURE__ */ p(e.button, {
+			type: "button",
+			onClick: () => D(!E),
+			"aria-label": "More navigation options",
+			"aria-expanded": E,
+			whileTap: T ? void 0 : { y: -2 },
+			transition: T ? { duration: 0 } : r.snappy,
+			className: i("flex h-16 max-w-[70px] flex-1 cursor-pointer flex-col items-center gap-ds-02 p-ds-02 pt-0 text-ds-sm", E || j ? "font-semibold text-accent-11" : "text-surface-fg-subtle"),
+			children: /* @__PURE__ */ m("div", {
+				className: "relative flex w-full flex-col items-center gap-ds-02",
+				children: [
+					(E || j) && /* @__PURE__ */ p(e.div, {
+						layoutId: "bottom-nav-indicator",
+						className: "absolute top-0 h-[3px] w-full rounded-b-ds-sm bg-accent-9 p-0",
+						"aria-hidden": "true",
+						transition: T ? { duration: 0 } : r.snappy
+					}),
+					/* @__PURE__ */ p("div", {
+						className: "p-ds-03",
+						children: /* @__PURE__ */ p(a, { icon: h })
+					}),
+					/* @__PURE__ */ p("span", {
+						className: "text-center",
+						children: "More"
+					})
+				]
+			})
+		})]
+	})] });
+});
+y.displayName = "BottomNavbar";
+//#endregion
+export { y as BottomNavbar };

package/dist/shell/bottom-navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-navbar.js","names":[],"sources":["../../src/shell/bottom-navbar.tsx"],"sourcesContent":["'use client'\n\n/**\n * BottomNavbar -- Mobile bottom navigation bar.\n *\n * Props-driven: accepts currentPath, user, navItems instead of\n * reading from Remix hooks or Zustand stores.\n */\nimport * as React from 'react'\nimport { useLink } from './link-context'\nimport { useState, useEffect, useRef, useCallback } from 'react'\nimport { IconDots, IconX } from '@tabler/icons-react'\nimport { Icon } from '../ui/icon'\nimport { cn } from '../ui/lib/utils'\nimport { motion, AnimatePresence, useReducedMotion } from 'framer-motion'\nimport { springs } from '../ui/lib/motion'\n\n// -----------------------------------------------------------------------\n// Types\n// -----------------------------------------------------------------------\n\nexport interface BottomNavItem {\n  title: string\n  href: string\n  icon: React.ReactNode\n  /** When true, the route matches only when the path is exactly equal */\n  exact?: boolean\n  /** Notification badge count. 0 or undefined = hidden, 1–99 = shown, >99 = \"99+\" */\n  badge?: number\n}\n\nexport interface BottomNavbarUser {\n  name: string\n  role?: string\n}\n\nexport interface BottomNavbarProps\n  extends React.HTMLAttributes<HTMLElement> {\n  /** Currently active pathname */\n  currentPath?: string\n  /** User information (used to determine admin status, presence) */\n  user?: BottomNavbarUser | null\n  /** Primary nav items shown directly in the bottom bar (max 4 recommended) */\n  primaryItems?: BottomNavItem[]\n  /** Additional items shown in the \"More\" overflow menu */\n  moreItems?: BottomNavItem[]\n  /** Additional className for the nav element */\n  className?: string\n}\n\n// -----------------------------------------------------------------------\n// NavBadge (internal)\n// -----------------------------------------------------------------------\n\nfunction NavBadge({ count }: { count: number }) {\n  if (!count || count <= 0) return null\n  const display = count > 99 ? '99+' : String(count)\n  const isMultiDigit = count >= 10\n  return (\n    <span\n      aria-label={`${count} notifications`}\n      className={cn(\n        'absolute -right-1 -top-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-error-9 text-[10px] font-semibold leading-none text-error-fg animate-in zoom-in-75',\n        isMultiDigit ? 'px-0.5' : '',\n      )}\n    >\n      {display}\n    </span>\n  )\n}\n\n// -----------------------------------------------------------------------\n// BottomNavLink (internal)\n// -----------------------------------------------------------------------\n\nfunction BottomNavLink({\n  item,\n  isActive,\n  onClick,\n}: {\n  item: BottomNavItem\n  isActive: boolean\n  onClick?: () => void\n}) {\n  const Link = useLink()\n  const prefersReducedMotion = useReducedMotion()\n  return (\n    <motion.div whileTap={prefersReducedMotion ? undefined : { y: -2 }} transition={prefersReducedMotion ? { duration: 0 } : springs.snappy} className=\"flex max-w-[70px] flex-1\">\n      <Link\n        href={item.href}\n        onClick={onClick}\n        aria-label={item.title}\n        aria-current={isActive ? 'page' : undefined}\n        className={cn(\n          'flex h-16 w-full cursor-pointer flex-col items-center gap-ds-02 p-ds-02 pt-0 text-ds-sm transition-colors duration-fast-02 ease-productive-standard',\n          isActive\n            ? 'font-semibold text-accent-11'\n            : 'text-surface-fg-subtle',\n        )}\n      >\n        <div className=\"relative flex w-full flex-col items-center gap-ds-02\">\n          {isActive && (\n            <motion.div\n              layoutId=\"bottom-nav-indicator\"\n              className=\"absolute top-0 h-[3px] w-full rounded-b-ds-sm bg-accent-9 p-0\"\n              aria-hidden=\"true\"\n              transition={prefersReducedMotion ? { duration: 0 } : springs.snappy}\n            />\n          )}\n          <div className=\"relative p-ds-03\">\n            <span className=\"[&>svg]:h-ico-md [&>svg]:w-ico-md\" aria-hidden=\"true\">{item.icon}</span>\n            {item.badge != null && <NavBadge count={item.badge} />}\n          </div>\n          <span className=\"text-center\">{item.title}</span>\n        </div>\n      </Link>\n    </motion.div>\n  )\n}\n\n// -----------------------------------------------------------------------\n// BottomNavbar\n// -----------------------------------------------------------------------\n\nconst BottomNavbar = React.forwardRef<HTMLElement, BottomNavbarProps>(\n  (\n    {\n      currentPath = '/',\n      user: _user,\n      primaryItems = [],\n      moreItems = [],\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const Link = useLink()\n    const prefersReducedMotion = useReducedMotion()\n    const [showMore, setShowMore] = useState(false)\n    const overlayRef = useRef<HTMLDivElement>(null)\n\n    const closeMore = useCallback(() => setShowMore(false), [])\n\n    // Focus first focusable item when overlay opens\n    useEffect(() => {\n      if (showMore && overlayRef.current) {\n        const firstFocusable = overlayRef.current.querySelector<HTMLElement>('a, button')\n        firstFocusable?.focus()\n      }\n    }, [showMore])\n\n    const isActive = (path: string, exact = false) => {\n      if (exact || path === '/') {\n        return currentPath === path\n      }\n      return currentPath.startsWith(path)\n    }\n\n    // Check if any \"more\" item is active\n    const isMoreActive = moreItems.some((item) =>\n      isActive(item.href, item.exact),\n    )\n\n    return (\n      <>\n        {/* More Menu Overlay */}\n        <AnimatePresence>\n        {showMore && (\n          // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events -- backdrop overlay, dismiss via mouse only; keyboard users close via Escape\n          <div\n            className=\"fixed inset-0 z-overlay md:hidden\"\n            onClick={() => setShowMore(false)}\n          >\n          <div className=\"absolute inset-0 bg-overlay\" />\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- stopPropagation prevents closing when clicking inside menu */}\n          <motion.div\n            ref={overlayRef}\n            role=\"dialog\"\n            aria-label=\"More navigation\"\n            initial={{ y: '100%' }}\n            animate={{ y: 0 }}\n            exit={{ y: '100%' }}\n            transition={prefersReducedMotion ? { duration: 0 } : springs.smooth}\n            className=\"absolute bottom-[72px] left-0 right-0 rounded-t-ds-2xl border-t border-surface-border-strong bg-surface-overlay p-ds-05 pb-ds-03\"\n            onClick={(e) => e.stopPropagation()}\n            onKeyDown={(e) => {\n              e.stopPropagation()\n              if (e.key === 'Escape') closeMore()\n            }}\n          >\n            <div className=\"mb-ds-04 flex items-center justify-between\">\n              <span className=\"text-ds-md font-semibold text-surface-fg\">\n                More\n              </span>\n              <button\n                onClick={() => setShowMore(false)}\n                aria-label=\"Close more menu\"\n                className=\"flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-full hover:bg-surface-raised-hover\"\n              >\n                <Icon icon={IconX} size=\"sm\" className=\"text-surface-fg-muted\" />\n              </button>\n            </div>\n            <div className=\"grid grid-cols-4 gap-ds-03\">\n              {moreItems.map((item) => (\n                <Link\n                  key={item.href}\n                  href={item.href}\n                  onClick={() => setShowMore(false)}\n                  className={cn(\n                    'flex flex-col items-center gap-ds-02b rounded-ds-xl p-ds-04 text-ds-sm transition-colors ease-productive-standard',\n                    isActive(item.href, item.exact)\n                      ? 'bg-surface-raised-hover text-accent-11'\n                      : 'text-surface-fg-subtle hover:bg-surface-raised-hover',\n                  )}\n                >\n                  <span className=\"[&>svg]:h-ico-md [&>svg]:w-ico-md\">{item.icon}</span>\n                  <span className=\"text-center\">\n                    {item.title}\n                  </span>\n                </Link>\n              ))}\n            </div>\n          </motion.div>\n        </div>\n      )}\n        </AnimatePresence>\n\n      {/* Bottom Navigation Bar */}\n      <nav\n        {...props}\n        ref={ref}\n        aria-label=\"Mobile navigation\"\n        className={cn(\n          'fixed bottom-0 left-0 right-0 z-sticky flex w-full flex-row items-start justify-between border-t border-surface-border-strong bg-surface-raised px-ds-05 pb-safe pt-0 md:hidden',\n          className,\n        )}\n      >\n        {primaryItems.map((item) => (\n          <BottomNavLink\n            key={item.href}\n            item={item}\n            isActive={isActive(item.href, item.exact)}\n          />\n        ))}\n\n        {/* More Button */}\n        {moreItems.length > 0 && (\n          <motion.button\n            type=\"button\"\n            onClick={() => setShowMore(!showMore)}\n            aria-label=\"More navigation options\"\n            aria-expanded={showMore}\n            whileTap={prefersReducedMotion ? undefined : { y: -2 }}\n            transition={prefersReducedMotion ? { duration: 0 } : springs.snappy}\n            className={cn(\n              'flex h-16 max-w-[70px] flex-1 cursor-pointer flex-col items-center gap-ds-02 p-ds-02 pt-0 text-ds-sm',\n              showMore || isMoreActive\n                ? 'font-semibold text-accent-11'\n                : 'text-surface-fg-subtle',\n            )}\n          >\n            <div className=\"relative flex w-full flex-col items-center gap-ds-02\">\n              {(showMore || isMoreActive) && (\n                <motion.div\n                  layoutId=\"bottom-nav-indicator\"\n                  className=\"absolute top-0 h-[3px] w-full rounded-b-ds-sm bg-accent-9 p-0\"\n                  aria-hidden=\"true\"\n                  transition={prefersReducedMotion ? { duration: 0 } : springs.snappy}\n                />\n              )}\n              <div className=\"p-ds-03\">\n                <Icon icon={IconDots} />\n              </div>\n              <span className=\"text-center\">More</span>\n            </div>\n          </motion.button>\n        )}\n      </nav>\n    </>\n    )\n  },\n)\nBottomNavbar.displayName = 'BottomNavbar'\n\nexport { BottomNavbar }\n"],"mappings":"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"}

package/dist/shell/command-registry.js

@@ -1,18 +1,17 @@
 "use client";
-import { jsx as n } from "react/jsx-runtime";
 import * as e from "react";
-const r = e.createContext(null);
-function m({
-  children: t,
-  registry: o
-}) {
-  return /* @__PURE__ */ n(r.Provider, { value: o, children: t });
+import { jsx as t } from "react/jsx-runtime";
+//#region src/shell/command-registry.tsx
+var n = e.createContext(null);
+function r({ children: e, registry: r }) {
+	return /* @__PURE__ */ t(n.Provider, {
+		value: r,
+		children: e
+	});
 }
-m.displayName = "CommandRegistryProvider";
-function a() {
-  return e.useContext(r);
+r.displayName = "CommandRegistryProvider";
+function i() {
+	return e.useContext(n);
 }
-export {
-  m as CommandRegistryProvider,
-  a as useCommandRegistry
-};
+//#endregion
+export { r as CommandRegistryProvider, i as useCommandRegistry };

package/dist/shell/command-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-registry.js","names":[],"sources":["../../src/shell/command-registry.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\n// -----------------------------------------------------------------------\n// Types\n// -----------------------------------------------------------------------\n\nexport interface CommandPageItem {\n  id: string\n  label: string\n  icon: React.ReactNode\n  path: string\n  keywords?: string[]\n}\n\nexport interface CommandRegistry {\n  pages: CommandPageItem[]\n  adminPages: CommandPageItem[]\n}\n\n// -----------------------------------------------------------------------\n// Context\n// -----------------------------------------------------------------------\n\nconst CommandRegistryContext = React.createContext<CommandRegistry | null>(null)\n\n// -----------------------------------------------------------------------\n// Provider\n// -----------------------------------------------------------------------\n\nexport interface CommandRegistryProviderProps {\n  children: React.ReactNode\n  registry: CommandRegistry\n}\n\nexport function CommandRegistryProvider({\n  children,\n  registry,\n}: CommandRegistryProviderProps) {\n  return (\n    <CommandRegistryContext.Provider value={registry}>\n      {children}\n    </CommandRegistryContext.Provider>\n  )\n}\n\nCommandRegistryProvider.displayName = 'CommandRegistryProvider'\n\n// -----------------------------------------------------------------------\n// Hook\n// -----------------------------------------------------------------------\n\nexport function useCommandRegistry(): CommandRegistry | null {\n  return React.useContext(CommandRegistryContext)\n}\n"],"mappings":";;;;AAyBA,IAAM,IAAyB,EAAM,cAAsC,KAAK;AAWhF,SAAgB,EAAwB,EACtC,aACA,eAC+B;AAC/B,QACE,kBAAC,EAAuB,UAAxB;EAAiC,OAAO;EACrC;EAC+B,CAAA;;AAItC,EAAwB,cAAc;AAMtC,SAAgB,IAA6C;AAC3D,QAAO,EAAM,WAAW,EAAuB"}

package/dist/shell/index.js

@@ -1,21 +1,11 @@
 "use client";
-import { AppSidebar as e } from "./sidebar.js";
-import { TopBar as m } from "./top-bar.js";
-import { BottomNavbar as p } from "./bottom-navbar.js";
-import { NotificationCenter as f } from "./notification-center.js";
-import { NotificationPreferences as x } from "./notification-preferences.js";
-import { AppCommandPalette as d } from "./app-command-palette.js";
-import { CommandRegistryProvider as P, useCommandRegistry as c } from "./command-registry.js";
-import { L as v, u as L } from "../_chunks/link-context.js";
-export {
-  d as AppCommandPalette,
-  e as AppSidebar,
-  p as BottomNavbar,
-  P as CommandRegistryProvider,
-  v as LinkProvider,
-  f as NotificationCenter,
-  x as NotificationPreferences,
-  m as TopBar,
-  c as useCommandRegistry,
-  L as useLink
-};
+import { n as e, t } from "../_chunks/link-context.js";
+import { CommandRegistryProvider as n, useCommandRegistry as r } from "./command-registry.js";
+import { AppCommandPalette as i } from "./app-command-palette.js";
+import "./link-context.js";
+import { BottomNavbar as a } from "./bottom-navbar.js";
+import { AppSidebar as o } from "./sidebar.js";
+import { TopBar as s } from "./top-bar.js";
+import { NotificationCenter as c } from "./notification-center.js";
+import { NotificationPreferences as l } from "./notification-preferences.js";
+export { i as AppCommandPalette, o as AppSidebar, a as BottomNavbar, n as CommandRegistryProvider, t as LinkProvider, c as NotificationCenter, l as NotificationPreferences, s as TopBar, r as useCommandRegistry, e as useLink };

package/dist/shell/link-context.js

@@ -1,6 +1,3 @@
 "use client";
-import { L as i, u as o } from "../_chunks/link-context.js";
-export {
-  i as LinkProvider,
-  o as useLink
-};
+import { n as e, t } from "../_chunks/link-context.js";
+export { t as LinkProvider, e as useLink };

package/dist/shell/notification-center.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-center.d.ts","sourceRoot":"","sources":["../../src/shell/notification-center.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAuB9B,MAAM,WAAW,kBAAkB;IACjC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,oFAAoF;IACpF,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IAC1C,8EAA8E;IAC9E,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAAA;IACvC,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAClC,wEAAwE;IACxE,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAA;CAC/B;AAED,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,uCAAuC;IACvC,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;IAC9B,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oDAAoD;IACpD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,mDAAmD;IACnD,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,iFAAiF;IACjF,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,MAAM,GAAG,IAAI,CAAA;IACpE,wEAAwE;IACxE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,oEAAoE;IACpE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,+DAA+D;IAC/D,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,gGAAgG;IAChG,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA4KD,QAAA,MAAM,kBAAkB,mGA2MvB,CAAA;AAGD,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"notification-center.d.ts","sourceRoot":"","sources":["../../src/shell/notification-center.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA+B9B,MAAM,WAAW,kBAAkB;IACjC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,oFAAoF;IACpF,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IAC1C,8EAA8E;IAC9E,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAAA;IACvC,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAClC,wEAAwE;IACxE,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAA;CAC/B;AAED,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,uCAAuC;IACvC,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;IAC9B,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oDAAoD;IACpD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,mDAAmD;IACnD,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,iFAAiF;IACjF,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,MAAM,GAAG,IAAI,CAAA;IACpE,wEAAwE;IACxE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,oEAAoE;IACpE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,+DAA+D;IAC/D,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,gGAAgG;IAChG,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA4KD,QAAA,MAAM,kBAAkB,mGAqPvB,CAAA;AAGD,OAAO,EAAE,kBAAkB,EAAE,CAAA"}