@devalok/shilp-sutra 0.33.2 → 0.34.1

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-accent-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/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/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 };