@devalok/shilp-sutra 0.27.2 → 0.29.0

package/dist/shell/notification-center.js

@@ -1,46 +1,47 @@
 "use client";
-import { jsxs as a, jsx as e, Fragment as $ } from "react/jsx-runtime";
-import * as z from "react";
-import { useRef as B, useCallback as x } from "react";
+import { jsxs as a, jsx as e, Fragment as H } from "react/jsx-runtime";
+import * as $ from "react";
+import { useRef as B, useCallback as b } from "react";
 import { formatRelativeTime as G } from "../ui/lib/date-utils.js";
-import { Popover as X, PopoverTrigger as _, PopoverContent as q } from "../ui/popover.js";
-import { Tooltip as F, TooltipTrigger as J, TooltipContent as L } from "../ui/tooltip.js";
+import { Popover as M, PopoverTrigger as X, PopoverContent as _ } from "../ui/popover.js";
+import { Tooltip as q, TooltipTrigger as J, TooltipContent as L } from "../ui/tooltip.js";
 import { IconBell as Q, IconChecks as U, IconInbox as V, IconX as W } from "@tabler/icons-react";
-import { cn as p } from "../ui/lib/utils.js";
+import { Icon as h } from "../ui/icon.js";
+import { cn as f } from "../ui/lib/utils.js";
 import { Spinner as Z } from "../ui/spinner.js";
 import { m as N } from "../_chunks/framer.js";
-function v(t, d) {
+function w(t, d) {
   return t.getFullYear() === d.getFullYear() && t.getMonth() === d.getMonth() && t.getDate() === d.getDate();
 }
-function M(t) {
-  const d = new Date(t), n = /* @__PURE__ */ new Date(), l = /* @__PURE__ */ new Date();
-  return l.setDate(n.getDate() - 1), v(d, n) ? "Today" : v(d, l) ? "Yesterday" : "Earlier";
+function ee(t) {
+  const d = new Date(t), o = /* @__PURE__ */ new Date(), l = /* @__PURE__ */ new Date();
+  return l.setDate(o.getDate() - 1), w(d, o) ? "Today" : w(d, l) ? "Yesterday" : "Earlier";
 }
-const w = {
+const C = {
   INFO: "bg-info-9",
   IMPORTANT: "bg-warning-9",
   CRITICAL: "bg-error-9"
 };
-function ee({
+function te({
   notification: t,
   onRead: d,
-  onNavigate: n,
+  onNavigate: o,
   getRoute: l,
-  onDismiss: u
+  onDismiss: c
 }) {
-  const h = l(t), i = () => {
-    t.isRead || d(t.id), h && n(h);
+  const p = l(t), g = () => {
+    t.isRead || d(t.id), p && o(p);
   };
   return /* @__PURE__ */ a(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      onClick: i,
+      onClick: g,
       onKeyDown: (r) => {
-        (r.key === "Enter" || r.key === " ") && (r.preventDefault(), i());
+        (r.key === "Enter" || r.key === " ") && (r.preventDefault(), g());
       },
-      className: p(
+      className: f(
         "group relative flex w-full cursor-pointer items-start gap-ds-04 px-ds-05 py-ds-04 text-left transition-colors duration-fast-02 ease-productive-standard",
         "hover:bg-surface-raised",
         !t.isRead && "bg-accent-1"
@@ -49,9 +50,9 @@ function ee({
         /* @__PURE__ */ e("div", { className: "mt-ds-02b flex shrink-0", children: /* @__PURE__ */ e(
           "span",
           {
-            className: p(
+            className: f(
               "h-[8px] w-[8px] rounded-ds-full transition-opacity duration-fast-02 ease-productive-standard",
-              w[t.tier] || w.INFO,
+              C[t.tier] || C.INFO,
               t.isRead ? "opacity-20" : "opacity-100"
             )
           }
@@ -60,7 +61,7 @@ function ee({
           /* @__PURE__ */ e(
             "p",
             {
-              className: p(
+              className: f(
                 "truncate text-ds-md text-surface-fg",
                 !t.isRead && "font-semibold"
               ),
@@ -70,7 +71,7 @@ function ee({
           t.body && /* @__PURE__ */ e("p", { className: "mt-ds-01 line-clamp-2 text-ds-sm text-surface-fg-subtle", children: t.body }),
           /* @__PURE__ */ a("div", { className: "mt-ds-02 flex items-center gap-ds-03", children: [
             /* @__PURE__ */ e("span", { className: "text-ds-sm text-surface-fg-subtle", children: G(t.createdAt) }),
-            t.project && /* @__PURE__ */ a($, { children: [
+            t.project && /* @__PURE__ */ a(H, { children: [
               /* @__PURE__ */ e("span", { className: "text-surface-fg-subtle", children: "·" }),
               /* @__PURE__ */ e("span", { className: "truncate text-ds-sm text-surface-fg-subtle", children: t.project.title })
             ] })
@@ -79,11 +80,11 @@ function ee({
             "button",
             {
               type: "button",
-              onClick: (c) => {
-                c.stopPropagation(), r.onClick(t.id);
+              onClick: (i) => {
+                i.stopPropagation(), r.onClick(t.id);
               },
-              onKeyDown: (c) => c.stopPropagation(),
-              className: p(
+              onKeyDown: (i) => i.stopPropagation(),
+              className: f(
                 "rounded-ds-md px-ds-03 py-ds-01 text-ds-sm font-medium transition-colors duration-fast-02 ease-productive-standard",
                 r.variant === "primary" ? "bg-accent-9 text-accent-fg hover:bg-accent-10" : r.variant === "danger" ? "text-error-11 hover:bg-error-3" : "text-surface-fg-muted hover:bg-surface-raised-hover"
               ),
@@ -92,86 +93,86 @@ function ee({
             r.label
           )) })
         ] }),
-        u && /* @__PURE__ */ e(
+        c && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             "aria-label": `Dismiss notification: ${t.title}`,
             onClick: (r) => {
-              r.stopPropagation(), u(t.id);
+              r.stopPropagation(), c(t.id);
             },
             onKeyDown: (r) => r.stopPropagation(),
             className: "absolute right-ds-03 top-ds-03 hidden rounded-ds-sm p-ds-01 text-surface-fg-subtle transition-[color,background-color,opacity] duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover hover:text-surface-fg-muted group-hover:flex group-focus-within:flex",
-            children: /* @__PURE__ */ e(W, { className: "h-ico-sm w-ico-sm" })
+            children: /* @__PURE__ */ e(h, { icon: W, size: "sm" })
           }
         )
       ]
     }
   );
 }
-const te = z.forwardRef(
+const se = $.forwardRef(
   ({
     notifications: t = [],
     unreadCount: d,
-    open: n,
+    open: o,
     onOpenChange: l,
-    isLoading: u = !1,
-    hasMore: h = !1,
-    onFetchMore: i,
-    onMarkRead: g,
+    isLoading: c = !1,
+    hasMore: p = !1,
+    onFetchMore: g,
+    onMarkRead: x,
     onMarkAllRead: r,
-    onNavigate: c,
+    onNavigate: i,
     getNotificationRoute: D,
     onDismiss: I,
-    headerActions: C,
-    emptyState: T,
-    footerSlot: b,
-    popoverClassName: j,
-    className: R,
-    ...k
-  }, P) => {
-    const y = B(null), o = d ?? t.filter((s) => !s.isRead).length, K = D ?? (() => null), Y = x(
+    headerActions: R,
+    emptyState: k,
+    footerSlot: y,
+    popoverClassName: T,
+    className: j,
+    ...P
+  }, O) => {
+    const v = B(null), n = d ?? t.filter((s) => !s.isRead).length, z = D ?? (() => null), K = b(
       (s) => {
-        l == null || l(!1), c == null || c(s);
+        l?.(!1), i?.(s);
       },
-      [c, l]
-    ), E = x(
+      [i, l]
+    ), Y = b(
       (s) => {
-        g == null || g(s);
+        x?.(s);
       },
-      [g]
-    ), S = x(() => {
-      const s = y.current;
-      !s || u || !h || s.scrollTop + s.clientHeight >= s.scrollHeight - 50 && (i == null || i());
-    }, [u, h, i]), A = t.reduce(
-      (s, m) => {
-        const f = M(m.createdAt);
-        return s[f] || (s[f] = []), s[f].push(m), s;
+      [x]
+    ), E = b(() => {
+      const s = v.current;
+      !s || c || !p || s.scrollTop + s.clientHeight >= s.scrollHeight - 50 && g?.();
+    }, [c, p, g]), F = t.reduce(
+      (s, u) => {
+        const m = ee(u.createdAt);
+        return s[m] || (s[m] = []), s[m].push(u), s;
       },
       {}
-    ), H = ["Today", "Yesterday", "Earlier"];
-    return /* @__PURE__ */ a(X, { open: n, onOpenChange: l, children: [
-      /* @__PURE__ */ a(F, { children: [
-        /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ e(_, { asChild: !0, children: /* @__PURE__ */ a(
+    ), S = ["Today", "Yesterday", "Earlier"];
+    return /* @__PURE__ */ a(M, { open: o, onOpenChange: l, children: [
+      /* @__PURE__ */ a(q, { children: [
+        /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ a(
           "button",
           {
-            ...k,
-            ref: P,
-            "aria-label": o > 0 ? `Notifications, ${o} unread` : "Notifications",
-            className: p(
+            ...P,
+            ref: O,
+            "aria-label": n > 0 ? `Notifications, ${n} unread` : "Notifications",
+            className: f(
               "relative flex h-ds-sm-plus w-ds-sm-plus items-center justify-center rounded-ds-full border border-surface-border-strong bg-surface-raised text-surface-fg-muted transition-colors ease-productive-standard hover:bg-surface-raised-hover",
-              R
+              j
             ),
             children: [
-              /* @__PURE__ */ e(Q, { className: "h-ico-sm w-ico-sm", "aria-hidden": "true" }),
-              o > 0 && /* @__PURE__ */ e(
+              /* @__PURE__ */ e(h, { icon: Q, size: "sm" }),
+              n > 0 && /* @__PURE__ */ e(
                 N.span,
                 {
                   initial: { rotate: 0 },
                   animate: { rotate: [0, -3, 3, -1, 1, 0] },
                   transition: { duration: 0.4, ease: "easeInOut" },
                   className: "absolute -right-ds-01 -top-ds-01 flex h-4 min-w-4 items-center justify-center rounded-ds-full bg-accent-9 px-ds-02 text-ds-xs font-semibold text-accent-fg",
-                  children: o > 99 ? "99+" : o
+                  children: n > 99 ? "99+" : n
                 }
               )
             ]
@@ -180,11 +181,11 @@ const te = z.forwardRef(
         /* @__PURE__ */ e(L, { side: "bottom", align: "center", children: "Notifications" })
       ] }),
       /* @__PURE__ */ a(
-        q,
+        _,
         {
-          className: p(
+          className: f(
             "w-[380px] rounded-ds-xl border border-surface-border-strong bg-surface-overlay p-0 shadow-floating",
-            j
+            T
           ),
           sideOffset: 8,
           align: "end",
@@ -192,72 +193,72 @@ const te = z.forwardRef(
             /* @__PURE__ */ a("div", { className: "flex items-center justify-between border-b border-surface-border-strong px-ds-05 py-ds-04", children: [
               /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03", children: [
                 /* @__PURE__ */ e("h3", { className: "text-ds-md font-semibold text-surface-fg", children: "Notifications" }),
-                o > 0 && /* @__PURE__ */ e("span", { className: "flex h-5 min-w-5 items-center justify-center rounded-ds-full bg-accent-2 px-ds-02b text-ds-sm font-semibold text-accent-11", children: o })
+                n > 0 && /* @__PURE__ */ e("span", { className: "flex h-5 min-w-5 items-center justify-center rounded-ds-full bg-accent-2 px-ds-02b text-ds-sm font-semibold text-accent-11", children: n })
               ] }),
               /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03", children: [
-                o > 0 && r && /* @__PURE__ */ a(
+                n > 0 && r && /* @__PURE__ */ a(
                   "button",
                   {
                     type: "button",
                     onClick: r,
                     className: "flex items-center gap-ds-02 text-ds-sm text-surface-fg-subtle transition-colors hover:text-accent-11",
                     children: [
-                      /* @__PURE__ */ e(U, { className: "h-ico-sm w-ico-sm" }),
+                      /* @__PURE__ */ e(h, { icon: U, size: "sm" }),
                       "Mark all read"
                     ]
                   }
                 ),
-                C
+                R
               ] })
             ] }),
             /* @__PURE__ */ a(
               "div",
               {
-                ref: y,
-                onScroll: S,
+                ref: v,
+                onScroll: E,
                 className: "max-h-[420px] overflow-y-auto",
                 children: [
-                  t.length === 0 ? T || /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-center px-ds-05 py-ds-09", children: [
-                    /* @__PURE__ */ e("div", { className: "flex h-ds-lg w-ds-lg items-center justify-center rounded-ds-full bg-surface-raised", children: /* @__PURE__ */ e(V, { className: "h-ico-lg w-ico-lg text-surface-fg-subtle" }) }),
+                  t.length === 0 ? k || /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-center px-ds-05 py-ds-09", children: [
+                    /* @__PURE__ */ e("div", { className: "flex h-ds-lg w-ds-lg items-center justify-center rounded-ds-full bg-surface-raised", children: /* @__PURE__ */ e(h, { icon: V, size: "lg", className: "text-surface-fg-subtle" }) }),
                     /* @__PURE__ */ e("p", { className: "mt-ds-04 text-ds-md text-surface-fg-subtle", children: "No notifications yet" }),
                     /* @__PURE__ */ e("p", { className: "mt-ds-02 text-ds-sm text-surface-fg-subtle", children: "You're all caught up!" })
-                  ] }) : H.map((s) => {
-                    const m = A[s];
-                    return !m || m.length === 0 ? null : /* @__PURE__ */ a("div", { children: [
+                  ] }) : S.map((s) => {
+                    const u = F[s];
+                    return !u || u.length === 0 ? null : /* @__PURE__ */ a("div", { children: [
                       /* @__PURE__ */ e("div", { className: "sticky top-0 z-raised bg-surface-overlay px-ds-05 py-ds-02b", children: /* @__PURE__ */ e("span", { className: "text-ds-sm font-medium text-surface-fg-subtle", children: s }) }),
-                      m.map((f, O) => /* @__PURE__ */ e(
+                      u.map((m, A) => /* @__PURE__ */ e(
                         N.div,
                         {
                           initial: { opacity: 0 },
                           animate: { opacity: 1 },
-                          transition: { delay: O * 0.03 },
+                          transition: { delay: A * 0.03 },
                           children: /* @__PURE__ */ e(
-                            ee,
+                            te,
                             {
-                              notification: f,
-                              onRead: E,
-                              onNavigate: Y,
-                              getRoute: K,
+                              notification: m,
+                              onRead: Y,
+                              onNavigate: K,
+                              getRoute: z,
                               onDismiss: I
                             }
                           )
                         },
-                        f.id
+                        m.id
                       ))
                     ] }, s);
                   }),
-                  u && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-ds-05", children: /* @__PURE__ */ e(Z, {}) })
+                  c && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-ds-05", children: /* @__PURE__ */ e(Z, {}) })
                 ]
               }
             ),
-            b && /* @__PURE__ */ e("div", { className: "border-t border-surface-border-strong px-ds-05 py-ds-03", children: b })
+            y && /* @__PURE__ */ e("div", { className: "border-t border-surface-border-strong px-ds-05 py-ds-03", children: y })
           ]
         }
       )
     ] });
   }
 );
-te.displayName = "NotificationCenter";
+se.displayName = "NotificationCenter";
 export {
-  te as NotificationCenter
+  se as NotificationCenter
 };

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":"AAEA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA2B9B,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,4BACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC;IAC1D,+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,QAAA,MAAM,uBAAuB,kHA0P5B,CAAA;AAID,OAAO,EAAE,uBAAuB,EAAE,CAAA"}
+{"version":3,"file":"notification-preferences.d.ts","sourceRoot":"","sources":["../../src/shell/notification-preferences.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA4B9B,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,4BACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC;IAC1D,+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,QAAA,MAAM,uBAAuB,kHA0P5B,CAAA;AAID,OAAO,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/shell/notification-preferences.js

@@ -1,107 +1,104 @@
 "use client";
-import { jsxs as s, Fragment as D, jsx as e } from "react/jsx-runtime";
-import * as z from "react";
-import { useState as c } from "react";
+import { jsxs as t, Fragment as B, jsx as e } from "react/jsx-runtime";
+import * as U from "react";
+import { useState as n } from "react";
 import { Button as g } from "../ui/button.js";
-import { Select as d, SelectTrigger as o, SelectValue as m, SelectContent as h, SelectItem as n } from "../ui/select.js";
+import { Select as d, SelectTrigger as o, SelectValue as m, SelectContent as h, SelectItem as s } from "../ui/select.js";
 import { Dialog as q, DialogContent as J, DialogHeader as K, DialogTitle as Q, DialogDescription as W } from "../ui/dialog.js";
-import { Switch as k } from "../ui/switch.js";
+import { Switch as T } from "../ui/switch.js";
 import { Card as X, CardHeader as Y, CardTitle as Z, CardContent as $ } from "../ui/card.js";
-import { IconPlus as U, IconTrash as ee, IconMessage as le, IconBell as se } from "@tabler/icons-react";
-import { cn as te } from "../ui/lib/utils.js";
-import { Spinner as ce } from "../ui/spinner.js";
-const _ = {
-  IN_APP: { label: "In-App", icon: /* @__PURE__ */ e(se, {}) },
-  GOOGLE_CHAT: { label: "Google Chat", icon: /* @__PURE__ */ e(le, {}) }
-}, G = {
+import { IconPlus as ee, IconTrash as le, IconMessage as te, IconBell as ne } from "@tabler/icons-react";
+import { Icon as f } from "../ui/icon.js";
+import { cn as se } from "../ui/lib/utils.js";
+import { Spinner as ie } from "../ui/spinner.js";
+const O = {
+  IN_APP: { label: "In-App", icon: /* @__PURE__ */ e(f, { icon: ne, size: "sm" }) },
+  GOOGLE_CHAT: { label: "Google Chat", icon: /* @__PURE__ */ e(f, { icon: te, size: "sm" }) }
+}, F = {
   INFO: "All (Info+)",
   IMPORTANT: "Important+",
   CRITICAL: "Critical only"
-}, ne = z.forwardRef(
+}, ce = U.forwardRef(
   function({
-    preferences: f = [],
-    projects: b = [],
-    isLoading: L = !1,
-    onSave: v,
-    onToggleMute: u,
-    onUpdateTier: N,
-    onDelete: p,
-    className: R,
-    ...T
-  }, E) {
-    const [H, i] = c(!1), [x, C] = c("global"), [I, w] = c("IN_APP"), [A, P] = c("INFO"), [S, j] = c(!1), [y, O] = c(!1), M = async () => {
-      if (v) {
-        O(!0);
+    preferences: u = [],
+    projects: N = [],
+    isLoading: k = !1,
+    onSave: x,
+    onToggleMute: M,
+    onUpdateTier: _,
+    onDelete: D,
+    className: G,
+    ...L
+  }, R) {
+    const [z, i] = n(!1), [p, b] = n("global"), [v, C] = n("IN_APP"), [I, w] = n("INFO"), [A, P] = n(!1), [j, S] = n(!1), E = async () => {
+      if (x) {
+        S(!0);
         try {
-          await v({
-            projectId: x === "global" ? null : x,
-            channel: I,
-            minTier: A,
-            muted: S
-          }), i(!1), F();
+          await x({
+            projectId: p === "global" ? null : p,
+            channel: v,
+            minTier: I,
+            muted: A
+          }), i(!1), y();
         } catch (l) {
           console.error("[Preferences] Failed to save:", l);
         } finally {
-          O(!1);
+          S(!1);
         }
       }
-    }, F = () => {
-      C("global"), w("IN_APP"), P("INFO"), j(!1);
-    }, V = (l) => {
-      if (!l) return "Global (all projects)";
-      const t = b.find((a) => a.id === l);
-      return (t == null ? void 0 : t.title) || "Unknown project";
-    };
-    return /* @__PURE__ */ s(D, { children: [
-      /* @__PURE__ */ s(X, { ref: E, className: R, ...T, children: [
-        /* @__PURE__ */ s(Y, { className: "flex flex-row items-center justify-between space-y-0 pb-ds-04", children: [
+    }, y = () => {
+      b("global"), C("IN_APP"), w("INFO"), P(!1);
+    }, H = (l) => l ? N.find((a) => a.id === l)?.title || "Unknown project" : "Global (all projects)";
+    return /* @__PURE__ */ t(B, { children: [
+      /* @__PURE__ */ t(X, { ref: R, className: G, ...L, children: [
+        /* @__PURE__ */ t(Y, { className: "flex flex-row items-center justify-between space-y-0 pb-ds-04", children: [
           /* @__PURE__ */ e(Z, { className: "text-ds-md font-semibold", children: "Notification Preferences" }),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ t(
             g,
             {
               size: "sm",
               variant: "outline",
               onClick: () => i(!0),
               children: [
-                /* @__PURE__ */ e(U, { className: "mr-ds-02b h-ico-sm w-ico-sm" }),
+                /* @__PURE__ */ e(f, { icon: ee, size: "sm", className: "mr-ds-02b" }),
                 "Add Rule"
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ e($, { children: L ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-ds-07", children: /* @__PURE__ */ e(ce, {}) }) : f.length === 0 ? /* @__PURE__ */ e("div", { className: "py-ds-07 text-center", children: /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg-subtle", children: "No custom preferences set. All notifications are delivered by default." }) }) : /* @__PURE__ */ e("div", { className: "flex flex-col", children: f.map((l, t) => {
-          const a = _[l.channel] || _.IN_APP;
-          return /* @__PURE__ */ s(
+        /* @__PURE__ */ e($, { children: k ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-ds-07", children: /* @__PURE__ */ e(ie, {}) }) : u.length === 0 ? /* @__PURE__ */ e("div", { className: "py-ds-07 text-center", children: /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg-subtle", children: "No custom preferences set. All notifications are delivered by default." }) }) : /* @__PURE__ */ e("div", { className: "flex flex-col", children: u.map((l, c) => {
+          const a = O[l.channel] || O.IN_APP;
+          return /* @__PURE__ */ t(
             "div",
             {
-              className: te(
+              className: se(
                 "flex items-center gap-ds-05 py-ds-04",
-                t < f.length - 1 && "border-b border-surface-border-strong"
+                c < u.length - 1 && "border-b border-surface-border-strong"
               ),
               children: [
                 /* @__PURE__ */ e("div", { className: "flex h-ds-sm w-ds-sm shrink-0 items-center justify-center rounded-ds-lg bg-surface-raised", children: /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm text-surface-fg-muted", "aria-hidden": "true", children: a.icon }) }),
-                /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ t("div", { className: "min-w-0 flex-1", children: [
                   /* @__PURE__ */ e("p", { className: "text-ds-md font-medium text-surface-fg", children: a.label }),
-                  /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-subtle", children: V(l.projectId) })
+                  /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-subtle", children: H(l.projectId) })
                 ] }),
-                /* @__PURE__ */ s(
+                /* @__PURE__ */ t(
                   d,
                   {
                     value: l.minTier,
-                    onValueChange: (r) => N == null ? void 0 : N(l, r),
+                    onValueChange: (r) => _?.(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, B]) => /* @__PURE__ */ e(n, { value: r, children: B }, r)) })
+                      /* @__PURE__ */ e(h, { children: Object.entries(F).map(([r, V]) => /* @__PURE__ */ e(s, { value: r, children: V }, r)) })
                     ]
                   }
                 ),
-                /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-02b", children: [
+                /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-02b", children: [
                   /* @__PURE__ */ e("span", { className: "text-ds-sm text-surface-fg-subtle", children: l.muted ? "Muted" : "Active" }),
                   /* @__PURE__ */ e(
-                    k,
+                    T,
                     {
                       checked: !l.muted,
-                      onCheckedChange: () => u == null ? void 0 : u(l)
+                      onCheckedChange: () => M?.(l)
                     }
                   )
                 ] }),
@@ -109,9 +106,9 @@ const _ = {
                   "button",
                   {
                     type: "button",
-                    onClick: () => p == null ? void 0 : p(l.id),
+                    onClick: () => D?.(l.id),
                     className: "shrink-0 rounded p-ds-02b text-surface-fg-subtle transition-colors hover:bg-surface-raised hover:text-error-11",
-                    children: /* @__PURE__ */ e(ee, { className: "h-ico-sm w-ico-sm" })
+                    children: /* @__PURE__ */ e(f, { icon: le, size: "sm" })
                   }
                 )
               ]
@@ -120,50 +117,50 @@ const _ = {
           );
         }) }) })
       ] }),
-      /* @__PURE__ */ e(q, { open: H, onOpenChange: i, children: /* @__PURE__ */ s(J, { className: "sm:max-w-md", children: [
-        /* @__PURE__ */ s(K, { children: [
+      /* @__PURE__ */ e(q, { open: z, onOpenChange: i, children: /* @__PURE__ */ t(J, { className: "sm:max-w-md", children: [
+        /* @__PURE__ */ t(K, { children: [
           /* @__PURE__ */ e(Q, { children: "Add Notification Rule" }),
           /* @__PURE__ */ e(W, { children: "Customize how you receive notifications for a specific channel and project." })
         ] }),
-        /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-05 pt-ds-03", children: [
-          /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-02b", children: [
+        /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-05 pt-ds-03", children: [
+          /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-02b", children: [
             /* @__PURE__ */ e("label", { htmlFor: "pref-scope", className: "text-ds-sm font-medium text-surface-fg-muted", children: "Scope" }),
-            /* @__PURE__ */ s(d, { value: x, onValueChange: C, children: [
+            /* @__PURE__ */ t(d, { value: p, onValueChange: b, children: [
               /* @__PURE__ */ e(o, { id: "pref-scope", children: /* @__PURE__ */ e(m, { placeholder: "Select scope" }) }),
-              /* @__PURE__ */ s(h, { children: [
-                /* @__PURE__ */ e(n, { value: "global", children: "Global (all projects)" }),
-                b.map((l) => /* @__PURE__ */ e(n, { value: l.id, children: l.title }, l.id))
+              /* @__PURE__ */ t(h, { children: [
+                /* @__PURE__ */ e(s, { value: "global", children: "Global (all projects)" }),
+                N.map((l) => /* @__PURE__ */ e(s, { value: l.id, children: l.title }, l.id))
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-02b", children: [
+          /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-02b", children: [
             /* @__PURE__ */ e("label", { htmlFor: "pref-channel", className: "text-ds-sm font-medium text-surface-fg-muted", children: "Channel" }),
-            /* @__PURE__ */ s(d, { value: I, onValueChange: w, children: [
+            /* @__PURE__ */ t(d, { value: v, onValueChange: C, children: [
               /* @__PURE__ */ e(o, { id: "pref-channel", children: /* @__PURE__ */ e(m, {}) }),
-              /* @__PURE__ */ s(h, { children: [
-                /* @__PURE__ */ e(n, { value: "IN_APP", children: "In-App" }),
-                /* @__PURE__ */ e(n, { value: "GOOGLE_CHAT", children: "Google Chat" })
+              /* @__PURE__ */ t(h, { children: [
+                /* @__PURE__ */ e(s, { value: "IN_APP", children: "In-App" }),
+                /* @__PURE__ */ e(s, { value: "GOOGLE_CHAT", children: "Google Chat" })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-02b", children: [
+          /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-02b", children: [
             /* @__PURE__ */ e("label", { htmlFor: "pref-min-tier", className: "text-ds-sm font-medium text-surface-fg-muted", children: "Minimum Tier" }),
-            /* @__PURE__ */ s(d, { value: A, onValueChange: P, children: [
+            /* @__PURE__ */ t(d, { value: I, onValueChange: w, children: [
               /* @__PURE__ */ e(o, { id: "pref-min-tier", children: /* @__PURE__ */ e(m, {}) }),
-              /* @__PURE__ */ e(h, { children: Object.entries(G).map(([l, t]) => /* @__PURE__ */ e(n, { value: l, children: t }, l)) })
+              /* @__PURE__ */ e(h, { children: Object.entries(F).map(([l, c]) => /* @__PURE__ */ e(s, { value: l, children: c }, l)) })
             ] })
           ] }),
-          /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ e("label", { htmlFor: "pref-muted", className: "text-ds-md text-surface-fg", children: "Mute this channel" }),
-            /* @__PURE__ */ e(k, { id: "pref-muted", checked: S, onCheckedChange: j })
+            /* @__PURE__ */ e(T, { id: "pref-muted", checked: A, onCheckedChange: P })
           ] }),
-          /* @__PURE__ */ s("div", { className: "flex justify-end gap-ds-03 pt-ds-03", children: [
+          /* @__PURE__ */ t("div", { className: "flex justify-end gap-ds-03 pt-ds-03", children: [
             /* @__PURE__ */ e(
               g,
               {
                 variant: "ghost",
                 onClick: () => {
-                  i(!1), F();
+                  i(!1), y();
                 },
                 children: "Cancel"
               }
@@ -171,9 +168,9 @@ const _ = {
             /* @__PURE__ */ e(
               g,
               {
-                onClick: M,
-                disabled: y,
-                children: y ? "Saving..." : "Save Rule"
+                onClick: E,
+                disabled: j,
+                children: j ? "Saving..." : "Save Rule"
               }
             )
           ] })
@@ -182,7 +179,7 @@ const _ = {
     ] });
   }
 );
-ne.displayName = "NotificationPreferences";
+ce.displayName = "NotificationPreferences";
 export {
-  ne as NotificationPreferences
+  ce as NotificationPreferences
 };