@devalok/shilp-sutra 0.1.0 → 0.2.0

package/dist/shell/bottom-navbar.js

@@ -1,24 +1,26 @@
-import { jsxs as a, Fragment as u, jsx as t } from "react/jsx-runtime";
-import * as v from "react";
-import { useState as N } from "react";
-import f from "next/link";
-import { IconX as g, IconDots as y } from "@tabler/icons-react";
+"use client";
+import { jsxs as a, Fragment as v, jsx as t } from "react/jsx-runtime";
+import * as N from "react";
+import { useState as g } from "react";
+import { useLink as f } from "./link-context.js";
+import { IconX as y, IconDots as w } from "@tabler/icons-react";
 import { cn as s } from "../ui/lib/utils.js";
-function w({
+function k({
   item: r,
-  isActive: l,
-  onClick: n
+  isActive: o,
+  onClick: d
 }) {
+  const i = f();
   return /* @__PURE__ */ t(
-    f,
+    i,
     {
       href: r.href,
-      onClick: n,
+      onClick: d,
       "aria-label": r.title,
-      "aria-current": l ? "page" : void 0,
+      "aria-current": o ? "page" : void 0,
       className: s(
         "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",
-        l ? "font-semibold text-interactive" : "text-text-helper"
+        o ? "font-semibold text-interactive" : "text-text-helper"
       ),
       children: /* @__PURE__ */ a("div", { className: "relative flex w-full flex-col items-center gap-ds-02", children: [
         /* @__PURE__ */ t(
@@ -26,7 +28,7 @@ function w({
           {
             className: s(
               "absolute top-0 h-[3px] w-full rounded-b-ds-sm bg-interactive p-0 transition-opacity duration-slow-01",
-              l ? "opacity-100" : "opacity-0"
+              o ? "opacity-100" : "opacity-0"
             ),
             "aria-hidden": "true"
           }
@@ -37,28 +39,28 @@ function w({
     }
   );
 }
-const k = v.forwardRef(
+const M = N.forwardRef(
   ({
     currentPath: r = "/",
-    user: l,
-    primaryItems: n = [],
-    moreItems: d = [],
+    user: o,
+    primaryItems: d = [],
+    moreItems: i = [],
     className: p,
     ...x
   }, h) => {
-    const [i, o] = N(!1), c = (e, b = !1) => b || e === "/" ? r === e : r.startsWith(e), m = d.some(
+    const b = f(), [l, n] = g(!1), c = (e, u = !1) => u || e === "/" ? r === e : r.startsWith(e), m = i.some(
       (e) => c(e.href, e.exact)
     );
-    return l ? /* @__PURE__ */ a(u, { children: [
-      i && /* @__PURE__ */ a(
+    return o ? /* @__PURE__ */ a(v, { children: [
+      l && /* @__PURE__ */ a(
         "div",
         {
           role: "button",
           tabIndex: 0,
           className: "fixed inset-0 z-overlay md:hidden",
-          onClick: () => o(!1),
+          onClick: () => n(!1),
           onKeyDown: (e) => {
-            (e.key === "Enter" || e.key === " ") && (e.preventDefault(), o(!1));
+            (e.key === "Enter" || e.key === " ") && (e.preventDefault(), n(!1));
           },
           children: [
             /* @__PURE__ */ t("div", { className: "absolute inset-0 bg-overlay" }),
@@ -74,18 +76,18 @@ const k = v.forwardRef(
                     /* @__PURE__ */ t(
                       "button",
                       {
-                        onClick: () => o(!1),
+                        onClick: () => n(!1),
                         "aria-label": "Close more menu",
                         className: "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-full hover:bg-layer-02",
-                        children: /* @__PURE__ */ t(g, { className: "h-ico-sm w-ico-sm text-text-secondary", "aria-hidden": "true" })
+                        children: /* @__PURE__ */ t(y, { className: "h-ico-sm w-ico-sm text-text-secondary", "aria-hidden": "true" })
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ t("div", { className: "grid grid-cols-4 gap-ds-03", children: d.map((e) => /* @__PURE__ */ a(
-                    f,
+                  /* @__PURE__ */ t("div", { className: "grid grid-cols-4 gap-ds-03", children: i.map((e) => /* @__PURE__ */ a(
+                    b,
                     {
                       href: e.href,
-                      onClick: () => o(!1),
+                      onClick: () => n(!1),
                       className: s(
                         "flex flex-col items-center gap-ds-02b rounded-ds-xl p-ds-04 text-ds-sm transition-colors",
                         c(e.href, e.exact) ? "bg-layer-02 text-interactive" : "text-text-helper hover:bg-layer-02"
@@ -114,23 +116,24 @@ const k = v.forwardRef(
             p
           ),
           children: [
-            n.map((e) => /* @__PURE__ */ t(
-              w,
+            d.map((e) => /* @__PURE__ */ t(
+              k,
               {
                 item: e,
                 isActive: c(e.href, e.exact)
               },
               e.href
             )),
-            d.length > 0 && /* @__PURE__ */ t(
+            i.length > 0 && /* @__PURE__ */ t(
               "button",
               {
-                onClick: () => o(!i),
+                type: "button",
+                onClick: () => n(!l),
                 "aria-label": "More navigation options",
-                "aria-expanded": i,
+                "aria-expanded": l,
                 className: s(
                   "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",
-                  i || m ? "font-semibold text-interactive" : "text-text-helper"
+                  l || m ? "font-semibold text-interactive" : "text-text-helper"
                 ),
                 children: /* @__PURE__ */ a("div", { className: "relative flex w-full flex-col items-center gap-ds-02", children: [
                   /* @__PURE__ */ t(
@@ -138,12 +141,12 @@ const k = v.forwardRef(
                     {
                       className: s(
                         "absolute top-0 h-[3px] w-full rounded-b-ds-sm bg-interactive p-0 transition-opacity duration-slow-01",
-                        i || m ? "opacity-100" : "opacity-0"
+                        l || m ? "opacity-100" : "opacity-0"
                       ),
                       "aria-hidden": "true"
                     }
                   ),
-                  /* @__PURE__ */ t("div", { className: "p-ds-03", children: /* @__PURE__ */ t(y, { className: "h-ico-md w-ico-md", "aria-hidden": "true" }) }),
+                  /* @__PURE__ */ t("div", { className: "p-ds-03", children: /* @__PURE__ */ t(w, { className: "h-ico-md w-ico-md", "aria-hidden": "true" }) }),
                   /* @__PURE__ */ t("span", { className: "text-center", children: "More" })
                 ] })
               }
@@ -154,7 +157,7 @@ const k = v.forwardRef(
     ] }) : null;
   }
 );
-k.displayName = "BottomNavbar";
+M.displayName = "BottomNavbar";
 export {
-  k as BottomNavbar
+  M as BottomNavbar
 };

package/dist/shell/index.d.ts

@@ -1,7 +1,19 @@
+"use client";
+/**
+ * @module @devalok/shilp-sutra/shell
+ *
+ * Application shell components: sidebar, top bar, bottom nav, notifications, and command palette.
+ * All shell components require client-side React ("use client").
+ *
+ * @example
+ * import { AppSidebar } from '@devalok/shilp-sutra/shell/sidebar'
+ * import { TopBar } from '@devalok/shilp-sutra/shell/top-bar'
+ */
+export { LinkProvider, useLink } from './link-context';
 export { AppSidebar, type NavItem, type NavGroup, type SidebarUser, type AppSidebarProps, } from './sidebar';
 export { TopBar, type TopBarUser, type TopBarProps, } from './top-bar';
 export { BottomNavbar, type BottomNavItem, type BottomNavbarUser, type BottomNavbarProps, } from './bottom-navbar';
 export { NotificationCenter, type Notification, type NotificationCenterProps, } from './notification-center';
-export { default as NotificationPreferences, type NotificationPreference, type NotificationProject, type NotificationPreferencesProps, } from './notification-preferences';
-export { default as AppCommandPalette, type SearchResult, type AppCommandPaletteUser, type AppCommandPaletteProps, } from './app-command-palette';
+export { NotificationPreferences, type NotificationPreference, type NotificationProject, type NotificationPreferencesProps, } from './notification-preferences';
+export { AppCommandPalette, type SearchResult, type AppCommandPaletteUser, type AppCommandPaletteProps, } from './app-command-palette';
 //# sourceMappingURL=index.d.ts.map

package/dist/shell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shell/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,KAAK,OAAO,EACZ,KAAK,QAAQ,EACb,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,MAAM,WAAW,CAAA;AAElB,OAAO,EACL,MAAM,EACN,KAAK,UAAU,EACf,KAAK,WAAW,GACjB,MAAM,WAAW,CAAA;AAElB,OAAO,EACL,YAAY,EACZ,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,GACvB,MAAM,iBAAiB,CAAA;AAExB,OAAO,EACL,kBAAkB,EAClB,KAAK,YAAY,EACjB,KAAK,uBAAuB,GAC7B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EACL,OAAO,IAAI,uBAAuB,EAClC,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,KAAK,4BAA4B,GAClC,MAAM,4BAA4B,CAAA;AAEnC,OAAO,EACL,OAAO,IAAI,iBAAiB,EAC5B,KAAK,YAAY,EACjB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,GAC5B,MAAM,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shell/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,EACL,UAAU,EACV,KAAK,OAAO,EACZ,KAAK,QAAQ,EACb,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,MAAM,WAAW,CAAA;AAElB,OAAO,EACL,MAAM,EACN,KAAK,UAAU,EACf,KAAK,WAAW,GACjB,MAAM,WAAW,CAAA;AAElB,OAAO,EACL,YAAY,EACZ,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,GACvB,MAAM,iBAAiB,CAAA;AAExB,OAAO,EACL,kBAAkB,EAClB,KAAK,YAAY,EACjB,KAAK,uBAAuB,GAC7B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EACL,uBAAuB,EACvB,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,KAAK,4BAA4B,GAClC,MAAM,4BAA4B,CAAA;AAEnC,OAAO,EACL,iBAAiB,EACjB,KAAK,YAAY,EACjB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,GAC5B,MAAM,uBAAuB,CAAA"}

package/dist/shell/index.js

@@ -1,14 +1,18 @@
-import { AppSidebar as e } from "./sidebar.js";
-import { TopBar as a } from "./top-bar.js";
-import { BottomNavbar as p } from "./bottom-navbar.js";
-import { NotificationCenter as i } from "./notification-center.js";
-import { default as n } from "./notification-preferences.js";
-import { default as c } from "./app-command-palette.js";
+"use client";
+import { LinkProvider as e, useLink as t } from "./link-context.js";
+import { AppSidebar as f } from "./sidebar.js";
+import { TopBar as m } from "./top-bar.js";
+import { BottomNavbar as n } from "./bottom-navbar.js";
+import { NotificationCenter as c } from "./notification-center.js";
+import { NotificationPreferences as N } from "./notification-preferences.js";
+import { AppCommandPalette as b } from "./app-command-palette.js";
 export {
-  c as AppCommandPalette,
-  e as AppSidebar,
-  p as BottomNavbar,
-  i as NotificationCenter,
-  n as NotificationPreferences,
-  a as TopBar
+  b as AppCommandPalette,
+  f as AppSidebar,
+  n as BottomNavbar,
+  e as LinkProvider,
+  c as NotificationCenter,
+  N as NotificationPreferences,
+  m as TopBar,
+  t as useLink
 };

package/dist/shell/link-context.d.ts

@@ -0,0 +1,12 @@
+"use client";
+import * as React from 'react';
+type LinkComponent = React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    href: string;
+} & React.RefAttributes<HTMLAnchorElement>>;
+export declare function LinkProvider({ component, children, }: {
+    component: LinkComponent;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useLink(): LinkComponent;
+export {};
+//# sourceMappingURL=link-context.d.ts.map

package/dist/shell/link-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-context.d.ts","sourceRoot":"","sources":["../../src/shell/link-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,aAAa,GAAG,KAAK,CAAC,yBAAyB,CAClD,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAC1G,CAAA;AAWD,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,QAAQ,GACT,EAAE;IACD,SAAS,EAAE,aAAa,CAAA;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,2CAEA;AAED,wBAAgB,OAAO,kBAEtB"}

package/dist/shell/link-context.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import * as n from "react";
+const o = n.forwardRef(({ href: t, ...e }, a) => /* @__PURE__ */ r("a", { ref: a, href: t, ...e }));
+o.displayName = "DefaultLink";
+const i = n.createContext(o);
+function f({
+  component: t,
+  children: e
+}) {
+  return /* @__PURE__ */ r(i.Provider, { value: t, children: e });
+}
+function s() {
+  return n.useContext(i);
+}
+export {
+  f as LinkProvider,
+  s as useLink
+};

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

@@ -1,3 +1,4 @@
+"use client";
 /**
  * NotificationCenter -- Popover-based notification panel.
  *

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;AAmB9B,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;CACnC;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,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAgLD,QAAA,MAAM,kBAAkB,mGA2KvB,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;AAmB9B,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;CACnC;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,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAgLD,QAAA,MAAM,kBAAkB,mGA4KvB,CAAA;AAGD,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/shell/notification-center.js

@@ -1,13 +1,14 @@
+"use client";
 import { jsxs as s, jsx as t, Fragment as S } from "react/jsx-runtime";
-import * as k from "react";
-import { useRef as $, useCallback as f } from "react";
+import * as $ from "react";
+import { useRef as k, useCallback as f } from "react";
 import { Popover as P, PopoverTrigger as Y, PopoverContent as _ } from "../ui/popover.js";
 import { Tooltip as Q, TooltipTrigger as U, TooltipContent as B } from "../ui/tooltip.js";
 import { IconBell as G, IconChecks as H, IconInbox as K } from "@tabler/icons-react";
 import { cn as x } from "../ui/lib/utils.js";
 function L(e) {
-  const l = Date.now(), a = new Date(e).getTime(), d = l - a, c = Math.floor(d / 1e3), o = Math.floor(c / 60), n = Math.floor(o / 60), i = Math.floor(n / 24);
-  return c < 60 ? "just now" : o < 60 ? `${o}m ago` : n < 24 ? `${n}h ago` : i < 7 ? `${i}d ago` : new Date(e).toLocaleDateString(void 0, {
+  const l = Date.now(), a = new Date(e).getTime(), d = l - a, c = Math.floor(d / 1e3), i = Math.floor(c / 60), n = Math.floor(i / 60), m = Math.floor(n / 24);
+  return c < 60 ? "just now" : i < 60 ? `${i}m ago` : n < 24 ? `${n}h ago` : m < 7 ? `${m}d ago` : new Date(e).toLocaleDateString(void 0, {
     day: "numeric",
     month: "short"
   });
@@ -67,7 +68,7 @@ function z({
           "span",
           {
             className: x(
-              "h-2 w-2 rounded-ds-full",
+              "h-[8px] w-[8px] rounded-ds-full",
               g[e.tier] || g.INFO,
               e.isRead && "opacity-[0.38]"
             )
@@ -93,41 +94,41 @@ function z({
             ] })
           ] })
         ] }),
-        !e.isRead && /* @__PURE__ */ t("div", { className: "mt-ds-02b shrink-0", children: /* @__PURE__ */ t("span", { className: "block h-2 w-2 rounded-ds-full bg-interactive" }) })
+        !e.isRead && /* @__PURE__ */ t("div", { className: "mt-ds-02b shrink-0", children: /* @__PURE__ */ t("span", { className: "block h-[8px] w-[8px] rounded-ds-full bg-interactive" }) })
       ]
     }
   );
 }
-const J = k.forwardRef(
+const J = $.forwardRef(
   ({
     notifications: e = [],
     unreadCount: l,
     open: a,
     onOpenChange: d,
     isLoading: c = !1,
-    hasMore: o = !1,
+    hasMore: i = !1,
     onFetchMore: n,
-    onMarkRead: i,
+    onMarkRead: m,
     onMarkAllRead: b,
     onNavigate: h,
     getNotificationRoute: w,
     className: v,
     ...j
   }, T) => {
-    const y = $(null), m = l ?? e.filter((r) => !r.isRead).length, I = w ?? q, R = f(
+    const y = k(null), o = l ?? e.filter((r) => !r.isRead).length, I = w ?? q, R = f(
       (r) => {
         d == null || d(!1), h == null || h(r);
       },
       [h, d]
     ), E = f(
       (r) => {
-        i == null || i(r);
+        m == null || m(r);
       },
-      [i]
+      [m]
     ), C = f(() => {
       const r = y.current;
-      !r || c || !o || r.scrollTop + r.clientHeight >= r.scrollHeight - 50 && (n == null || n());
-    }, [c, o, n]), D = e.reduce(
+      !r || c || !i || r.scrollTop + r.clientHeight >= r.scrollHeight - 50 && (n == null || n());
+    }, [c, i, n]), D = e.reduce(
       (r, u) => {
         const p = O(u.createdAt);
         return r[p] || (r[p] = []), r[p].push(u), r;
@@ -141,13 +142,14 @@ const J = k.forwardRef(
           {
             ...j,
             ref: T,
+            "aria-label": o > 0 ? `Notifications, ${o} unread` : "Notifications",
             className: x(
               "relative flex h-ds-sm-plus w-ds-sm-plus items-center justify-center rounded-ds-full border border-border bg-layer-02 text-text-secondary transition-colors hover:bg-layer-03",
               v
             ),
             children: [
-              /* @__PURE__ */ t(G, { className: "h-ico-sm w-ico-sm" }),
-              m > 0 && /* @__PURE__ */ t("span", { className: "absolute -right-ds-01 -top-ds-01 flex h-4 min-w-4 items-center justify-center rounded-ds-full bg-interactive px-ds-02 text-ds-xs font-semibold text-text-on-color", children: m > 99 ? "99+" : m })
+              /* @__PURE__ */ t(G, { className: "h-ico-sm w-ico-sm", "aria-hidden": "true" }),
+              o > 0 && /* @__PURE__ */ t("span", { className: "absolute -right-ds-01 -top-ds-01 flex h-4 min-w-4 items-center justify-center rounded-ds-full bg-interactive px-ds-02 text-ds-xs font-semibold text-text-on-color", children: o > 99 ? "99+" : o })
             ]
           }
         ) }) }),
@@ -163,9 +165,9 @@ const J = k.forwardRef(
             /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-b border-border px-ds-05 py-ds-04", children: [
               /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
                 /* @__PURE__ */ t("h3", { className: "text-ds-md font-semibold text-text-primary", children: "Notifications" }),
-                m > 0 && /* @__PURE__ */ t("span", { className: "flex h-5 min-w-5 items-center justify-center rounded-ds-full bg-interactive/10 px-ds-02b text-ds-sm font-semibold text-interactive", children: m })
+                o > 0 && /* @__PURE__ */ t("span", { className: "flex h-5 min-w-5 items-center justify-center rounded-ds-full bg-interactive/10 px-ds-02b text-ds-sm font-semibold text-interactive", children: o })
               ] }),
-              m > 0 && b && /* @__PURE__ */ s(
+              o > 0 && b && /* @__PURE__ */ s(
                 "button",
                 {
                   type: "button",
@@ -185,7 +187,7 @@ const J = k.forwardRef(
                 onScroll: C,
                 className: "max-h-[420px] overflow-y-auto",
                 children: [
-                  e.length === 0 ? /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center px-ds-05 py-12", children: [
+                  e.length === 0 ? /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center px-ds-05 py-ds-09", children: [
                     /* @__PURE__ */ t("div", { className: "flex h-ds-lg w-ds-lg items-center justify-center rounded-ds-full bg-layer-02", children: /* @__PURE__ */ t(K, { className: "h-ico-lg w-ico-lg text-text-placeholder" }) }),
                     /* @__PURE__ */ t("p", { className: "mt-ds-04 text-ds-md text-text-placeholder", children: "No notifications yet" }),
                     /* @__PURE__ */ t("p", { className: "mt-ds-02 text-ds-sm text-text-placeholder", children: "You're all caught up!" })

package/dist/shell/notification-preferences.d.ts

@@ -1,3 +1,4 @@
+"use client";
 export interface NotificationPreference {
     id: string;
     userId?: string;
@@ -33,9 +34,8 @@ export interface NotificationPreferencesProps {
     /** Additional className */
     className?: string;
 }
-declare function NotificationPreferences({ preferences, projects, isLoading, onSave, onToggleMute, onUpdateTier, onDelete, className, }: NotificationPreferencesProps): import("react/jsx-runtime").JSX.Element;
-declare namespace NotificationPreferences {
+export declare function NotificationPreferences({ preferences, projects, isLoading, onSave, onToggleMute, onUpdateTier, onDelete, className, }: NotificationPreferencesProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace NotificationPreferences {
     var displayName: string;
 }
-export default NotificationPreferences;
 //# sourceMappingURL=notification-preferences.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"notification-preferences.d.ts","sourceRoot":"","sources":["../../src/shell/notification-preferences.tsx"],"names":[],"mappings":"AAiCA,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,OAAO,CAAA;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,4BAA4B;IAC3C,+BAA+B;IAC/B,WAAW,CAAC,EAAE,sBAAsB,EAAE,CAAA;IACtC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAChC,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE;QACpB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;QACxB,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,OAAO,CAAA;KACf,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,sBAAsB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3E,gDAAgD;IAChD,YAAY,CAAC,EAAE,CACb,UAAU,EAAE,sBAAsB,EAClC,OAAO,EAAE,MAAM,KACZ,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACzB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACzD,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAqBD,iBAAwB,uBAAuB,CAAC,EAC9C,WAAgB,EAChB,QAAa,EACb,SAAiB,EACjB,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,4BAA4B,2CA6O9B;kBAtPuB,uBAAuB;;;eAAvB,uBAAuB"}
+{"version":3,"file":"notification-preferences.d.ts","sourceRoot":"","sources":["../../src/shell/notification-preferences.tsx"],"names":[],"mappings":"AAiCA,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,OAAO,CAAA;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,4BAA4B;IAC3C,+BAA+B;IAC/B,WAAW,CAAC,EAAE,sBAAsB,EAAE,CAAA;IACtC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAChC,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE;QACpB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;QACxB,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,OAAO,CAAA;KACf,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,sBAAsB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3E,gDAAgD;IAChD,YAAY,CAAC,EAAE,CACb,UAAU,EAAE,sBAAsB,EAClC,OAAO,EAAE,MAAM,KACZ,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACzB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACzD,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAqBD,wBAAgB,uBAAuB,CAAC,EACtC,WAAgB,EAChB,QAAa,EACb,SAAiB,EACjB,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,4BAA4B,2CA6O9B;yBAtPe,uBAAuB"}

package/dist/shell/notification-preferences.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as t, Fragment as B, jsx as e } from "react/jsx-runtime";
 import { useState as c } from "react";
 import { Button as b } from "../ui/button.js";
@@ -20,12 +21,12 @@ function te({
   projects: v = [],
   isLoading: L = !1,
   onSave: C,
-  onToggleMute: u,
-  onUpdateTier: x,
+  onToggleMute: x,
+  onUpdateTier: u,
   onDelete: p,
   className: T
 }) {
-  const [E, a] = c(!1), [N, g] = c("global"), [I, w] = c("IN_APP"), [y, A] = c("INFO"), [P, j] = c(!1), [S, O] = c(!1), R = async () => {
+  const [E, s] = c(!1), [N, g] = c("global"), [I, w] = c("IN_APP"), [y, A] = c("INFO"), [P, j] = c(!1), [S, O] = c(!1), R = async () => {
     if (C) {
       O(!0);
       try {
@@ -34,7 +35,7 @@ function te({
           channel: I,
           minTier: y,
           muted: P
-        }), a(!1), F();
+        }), s(!1), F();
       } catch (l) {
         console.error("[Preferences] Failed to save:", l);
       } finally {
@@ -45,7 +46,7 @@ function te({
     g("global"), w("IN_APP"), A("INFO"), j(!1);
   }, H = (l) => {
     if (!l) return "Global (all projects)";
-    const n = v.find((s) => s.id === l);
+    const n = v.find((a) => a.id === l);
     return (n == null ? void 0 : n.title) || "Unknown project";
   };
   return /* @__PURE__ */ t(B, { children: [
@@ -57,7 +58,7 @@ function te({
           {
             size: "sm",
             variant: "secondary",
-            onClick: () => a(!0),
+            onClick: () => s(!0),
             children: [
               /* @__PURE__ */ e(Z, { className: "mr-ds-02b h-ico-sm w-ico-sm" }),
               "Add Rule"
@@ -66,7 +67,7 @@ function te({
         )
       ] }),
       /* @__PURE__ */ e(Y, { children: L ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-ds-07", children: /* @__PURE__ */ e("div", { className: "h-ico-md w-ico-md animate-spin rounded-ds-full border-2 border-border border-t-interactive" }) }) : f.length === 0 ? /* @__PURE__ */ e("div", { className: "py-ds-07 text-center", children: /* @__PURE__ */ e("p", { className: "text-ds-md text-text-placeholder", children: "No custom preferences set. All notifications are delivered by default." }) }) : /* @__PURE__ */ e("div", { className: "flex flex-col", children: f.map((l, n) => {
-        const s = _[l.channel] || _.IN_APP, M = s.icon;
+        const a = _[l.channel] || _.IN_APP, M = a.icon;
         return /* @__PURE__ */ t(
           "div",
           {
@@ -77,14 +78,14 @@ function te({
             children: [
               /* @__PURE__ */ e("div", { className: "flex h-ds-sm w-ds-sm shrink-0 items-center justify-center rounded-ds-lg bg-layer-02", children: /* @__PURE__ */ e(M, { className: "h-ico-sm w-ico-sm text-text-secondary" }) }),
               /* @__PURE__ */ t("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ e("p", { className: "text-ds-md font-medium text-text-primary", children: s.label }),
+                /* @__PURE__ */ e("p", { className: "text-ds-md font-medium text-text-primary", children: a.label }),
                 /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-placeholder", children: H(l.projectId) })
               ] }),
               /* @__PURE__ */ t(
                 d,
                 {
                   value: l.minTier,
-                  onValueChange: (r) => x == null ? void 0 : x(l, r),
+                  onValueChange: (r) => u == null ? void 0 : u(l, r),
                   children: [
                     /* @__PURE__ */ e(o, { className: "h-ds-xs-plus w-[130px] text-ds-sm", children: /* @__PURE__ */ e(m, {}) }),
                     /* @__PURE__ */ e(h, { children: Object.entries(G).map(([r, V]) => /* @__PURE__ */ e(i, { value: r, children: V }, r)) })
@@ -97,7 +98,7 @@ function te({
                   k,
                   {
                     checked: !l.muted,
-                    onCheckedChange: () => u == null ? void 0 : u(l)
+                    onCheckedChange: () => x == null ? void 0 : x(l)
                   }
                 )
               ] }),
@@ -116,7 +117,7 @@ function te({
         );
       }) }) })
     ] }),
-    /* @__PURE__ */ e(D, { open: E, onOpenChange: a, children: /* @__PURE__ */ t(z, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ e(D, { open: E, onOpenChange: s, children: /* @__PURE__ */ t(z, { className: "sm:max-w-md", children: [
       /* @__PURE__ */ t(q, { children: [
         /* @__PURE__ */ e(J, { children: "Add Notification Rule" }),
         /* @__PURE__ */ e(K, { children: "Customize how you receive notifications for a specific channel and project." })
@@ -159,7 +160,7 @@ function te({
             {
               variant: "ghost",
               onClick: () => {
-                a(!1), F();
+                s(!1), F();
               },
               children: "Cancel"
             }
@@ -179,5 +180,5 @@ function te({
 }
 te.displayName = "NotificationPreferences";
 export {
-  te as default
+  te as NotificationPreferences
 };

package/dist/shell/sidebar.d.ts

@@ -1,3 +1,4 @@
+"use client";
 /**
  * AppSidebar -- Application-layer sidebar built on the Sidebar primitive.
  *

package/dist/shell/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/shell/sidebar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsB9B,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACjD,uEAAuE;IACvE,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,OAAO,EAAE,CAAA;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,yEAAyE;IACzE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uDAAuD;IACvD,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IACzB,kEAAkE;IAClE,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,yDAAyD;IACzD,WAAW,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACpD,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAqCD,QAAA,MAAM,UAAU,wFA+Gf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/shell/sidebar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsB9B,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACjD,uEAAuE;IACvE,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,OAAO,EAAE,CAAA;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,yEAAyE;IACzE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uDAAuD;IACvD,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IACzB,kEAAkE;IAClE,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,yDAAyD;IACzD,WAAW,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACpD,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAsCD,QAAA,MAAM,UAAU,wFAgHf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}