@devalok/shilp-sutra 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/dist/composed/avatar-group.d.ts.map +1 -1
  2. package/dist/composed/command-palette.js +3 -3
  3. package/dist/composed/content-card.d.ts.map +1 -1
  4. package/dist/composed/date-picker/time-picker.js +1 -1
  5. package/dist/composed/date-picker/use-calendar.d.ts.map +1 -1
  6. package/dist/composed/empty-state.d.ts.map +1 -1
  7. package/dist/composed/empty-state.js +1 -1
  8. package/dist/composed/error-boundary.js +1 -1
  9. package/dist/composed/lib/string-utils.d.ts.map +1 -1
  10. package/dist/composed/lib/string-utils.js +6 -4
  11. package/dist/composed/loading-skeleton.d.ts.map +1 -1
  12. package/dist/composed/loading-skeleton.js +32 -32
  13. package/dist/composed/page-header.d.ts.map +1 -1
  14. package/dist/composed/page-skeletons.d.ts.map +1 -1
  15. package/dist/composed/page-skeletons.js +38 -38
  16. package/dist/composed/priority-indicator.d.ts.map +1 -1
  17. package/dist/composed/rich-text-editor.d.ts.map +1 -1
  18. package/dist/composed/rich-text-editor.js +46 -44
  19. package/dist/composed/status-badge.d.ts.map +1 -1
  20. package/dist/composed/status-badge.js +6 -6
  21. package/dist/hooks/use-color-mode.d.ts.map +1 -1
  22. package/dist/hooks/use-color-mode.js +8 -8
  23. package/dist/hooks/use-toast.d.ts.map +1 -1
  24. package/dist/hooks/use-toast.js +2 -2
  25. package/dist/shell/app-command-palette.d.ts +2 -3
  26. package/dist/shell/app-command-palette.d.ts.map +1 -1
  27. package/dist/shell/app-command-palette.js +1 -1
  28. package/dist/shell/bottom-navbar.d.ts.map +1 -1
  29. package/dist/shell/bottom-navbar.js +39 -37
  30. package/dist/shell/index.d.ts +3 -2
  31. package/dist/shell/index.d.ts.map +1 -1
  32. package/dist/shell/index.js +15 -12
  33. package/dist/shell/link-context.d.ts +11 -0
  34. package/dist/shell/link-context.d.ts.map +1 -0
  35. package/dist/shell/link-context.js +18 -0
  36. package/dist/shell/notification-center.d.ts.map +1 -1
  37. package/dist/shell/notification-center.js +20 -19
  38. package/dist/shell/notification-preferences.d.ts +2 -3
  39. package/dist/shell/notification-preferences.d.ts.map +1 -1
  40. package/dist/shell/notification-preferences.js +13 -13
  41. package/dist/shell/sidebar.d.ts.map +1 -1
  42. package/dist/shell/sidebar.js +31 -30
  43. package/dist/shell/top-bar.d.ts.map +1 -1
  44. package/dist/shell/top-bar.js +34 -30
  45. package/dist/tailwind/preset.d.ts.map +1 -1
  46. package/dist/tailwind/preset.js +32 -2
  47. package/dist/ui/alert.d.ts.map +1 -1
  48. package/dist/ui/alert.js +1 -1
  49. package/dist/ui/autocomplete.js +34 -34
  50. package/dist/ui/avatar.js +12 -12
  51. package/dist/ui/badge.d.ts.map +1 -1
  52. package/dist/ui/badge.js +3 -3
  53. package/dist/ui/banner.d.ts.map +1 -1
  54. package/dist/ui/button.js +1 -1
  55. package/dist/ui/card.d.ts.map +1 -1
  56. package/dist/ui/card.js +1 -1
  57. package/dist/ui/charts/_internal/animation.d.ts.map +1 -1
  58. package/dist/ui/charts/_internal/axes.d.ts.map +1 -1
  59. package/dist/ui/charts/_internal/tooltip.d.ts.map +1 -1
  60. package/dist/ui/charts/bar-chart.js +1 -1
  61. package/dist/ui/charts/chart-container.js +11 -11
  62. package/dist/ui/charts/line-chart.js +1 -1
  63. package/dist/ui/charts/radar-chart.js +20 -20
  64. package/dist/ui/chip.d.ts.map +1 -1
  65. package/dist/ui/chip.js +34 -36
  66. package/dist/ui/code.d.ts.map +1 -1
  67. package/dist/ui/code.js +13 -13
  68. package/dist/ui/combobox.js +1 -1
  69. package/dist/ui/container.d.ts.map +1 -1
  70. package/dist/ui/context-menu.js +1 -1
  71. package/dist/ui/data-table.d.ts.map +1 -1
  72. package/dist/ui/data-table.js +78 -78
  73. package/dist/ui/dropdown-menu.js +22 -22
  74. package/dist/ui/file-upload.js +59 -59
  75. package/dist/ui/icon-button.d.ts.map +1 -1
  76. package/dist/ui/input-otp.js +1 -1
  77. package/dist/ui/input.d.ts.map +1 -1
  78. package/dist/ui/menubar.js +22 -22
  79. package/dist/ui/navigation-menu.js +6 -6
  80. package/dist/ui/number-input.js +1 -1
  81. package/dist/ui/search-input.js +10 -10
  82. package/dist/ui/segmented-control.d.ts.map +1 -1
  83. package/dist/ui/segmented-control.js +3 -4
  84. package/dist/ui/select.js +2 -2
  85. package/dist/ui/sidebar.js +52 -52
  86. package/dist/ui/skeleton.d.ts.map +1 -1
  87. package/dist/ui/spinner.d.ts.map +1 -1
  88. package/dist/ui/stack.d.ts.map +1 -1
  89. package/dist/ui/stack.js +46 -21
  90. package/dist/ui/stat-card.d.ts.map +1 -1
  91. package/dist/ui/stepper.js +25 -25
  92. package/dist/ui/table.d.ts.map +1 -1
  93. package/dist/ui/table.js +12 -12
  94. package/dist/ui/text.d.ts.map +1 -1
  95. package/dist/ui/textarea.d.ts.map +1 -1
  96. package/dist/ui/textarea.js +1 -0
  97. package/dist/ui/toast.js +1 -1
  98. package/dist/ui/tree-view/tree-item.js +1 -1
  99. package/dist/ui/visually-hidden.d.ts.map +1 -1
  100. package/package.json +5 -7
@@ -1,13 +1,13 @@
1
1
  import { jsxs as s, jsx as t, Fragment as S } from "react/jsx-runtime";
2
- import * as k from "react";
3
- import { useRef as $, useCallback as f } from "react";
2
+ import * as $ from "react";
3
+ import { useRef as k, useCallback as f } from "react";
4
4
  import { Popover as P, PopoverTrigger as Y, PopoverContent as _ } from "../ui/popover.js";
5
5
  import { Tooltip as Q, TooltipTrigger as U, TooltipContent as B } from "../ui/tooltip.js";
6
6
  import { IconBell as G, IconChecks as H, IconInbox as K } from "@tabler/icons-react";
7
7
  import { cn as x } from "../ui/lib/utils.js";
8
8
  function L(e) {
9
- 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);
10
- 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, {
9
+ 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);
10
+ 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, {
11
11
  day: "numeric",
12
12
  month: "short"
13
13
  });
@@ -67,7 +67,7 @@ function z({
67
67
  "span",
68
68
  {
69
69
  className: x(
70
- "h-2 w-2 rounded-ds-full",
70
+ "h-[8px] w-[8px] rounded-ds-full",
71
71
  g[e.tier] || g.INFO,
72
72
  e.isRead && "opacity-[0.38]"
73
73
  )
@@ -93,41 +93,41 @@ function z({
93
93
  ] })
94
94
  ] })
95
95
  ] }),
96
- !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" }) })
96
+ !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" }) })
97
97
  ]
98
98
  }
99
99
  );
100
100
  }
101
- const J = k.forwardRef(
101
+ const J = $.forwardRef(
102
102
  ({
103
103
  notifications: e = [],
104
104
  unreadCount: l,
105
105
  open: a,
106
106
  onOpenChange: d,
107
107
  isLoading: c = !1,
108
- hasMore: o = !1,
108
+ hasMore: i = !1,
109
109
  onFetchMore: n,
110
- onMarkRead: i,
110
+ onMarkRead: m,
111
111
  onMarkAllRead: b,
112
112
  onNavigate: h,
113
113
  getNotificationRoute: w,
114
114
  className: v,
115
115
  ...j
116
116
  }, T) => {
117
- const y = $(null), m = l ?? e.filter((r) => !r.isRead).length, I = w ?? q, R = f(
117
+ const y = k(null), o = l ?? e.filter((r) => !r.isRead).length, I = w ?? q, R = f(
118
118
  (r) => {
119
119
  d == null || d(!1), h == null || h(r);
120
120
  },
121
121
  [h, d]
122
122
  ), E = f(
123
123
  (r) => {
124
- i == null || i(r);
124
+ m == null || m(r);
125
125
  },
126
- [i]
126
+ [m]
127
127
  ), C = f(() => {
128
128
  const r = y.current;
129
- !r || c || !o || r.scrollTop + r.clientHeight >= r.scrollHeight - 50 && (n == null || n());
130
- }, [c, o, n]), D = e.reduce(
129
+ !r || c || !i || r.scrollTop + r.clientHeight >= r.scrollHeight - 50 && (n == null || n());
130
+ }, [c, i, n]), D = e.reduce(
131
131
  (r, u) => {
132
132
  const p = O(u.createdAt);
133
133
  return r[p] || (r[p] = []), r[p].push(u), r;
@@ -141,13 +141,14 @@ const J = k.forwardRef(
141
141
  {
142
142
  ...j,
143
143
  ref: T,
144
+ "aria-label": o > 0 ? `Notifications, ${o} unread` : "Notifications",
144
145
  className: x(
145
146
  "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",
146
147
  v
147
148
  ),
148
149
  children: [
149
- /* @__PURE__ */ t(G, { className: "h-ico-sm w-ico-sm" }),
150
- 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 })
150
+ /* @__PURE__ */ t(G, { className: "h-ico-sm w-ico-sm", "aria-hidden": "true" }),
151
+ 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 })
151
152
  ]
152
153
  }
153
154
  ) }) }),
@@ -163,9 +164,9 @@ const J = k.forwardRef(
163
164
  /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-b border-border px-ds-05 py-ds-04", children: [
164
165
  /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
165
166
  /* @__PURE__ */ t("h3", { className: "text-ds-md font-semibold text-text-primary", children: "Notifications" }),
166
- 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 })
167
+ 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 })
167
168
  ] }),
168
- m > 0 && b && /* @__PURE__ */ s(
169
+ o > 0 && b && /* @__PURE__ */ s(
169
170
  "button",
170
171
  {
171
172
  type: "button",
@@ -185,7 +186,7 @@ const J = k.forwardRef(
185
186
  onScroll: C,
186
187
  className: "max-h-[420px] overflow-y-auto",
187
188
  children: [
188
- e.length === 0 ? /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center px-ds-05 py-12", children: [
189
+ e.length === 0 ? /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center px-ds-05 py-ds-09", children: [
189
190
  /* @__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" }) }),
190
191
  /* @__PURE__ */ t("p", { className: "mt-ds-04 text-ds-md text-text-placeholder", children: "No notifications yet" }),
191
192
  /* @__PURE__ */ t("p", { className: "mt-ds-02 text-ds-sm text-text-placeholder", children: "You're all caught up!" })
@@ -33,9 +33,8 @@ export interface NotificationPreferencesProps {
33
33
  /** Additional className */
34
34
  className?: string;
35
35
  }
36
- declare function NotificationPreferences({ preferences, projects, isLoading, onSave, onToggleMute, onUpdateTier, onDelete, className, }: NotificationPreferencesProps): import("react/jsx-runtime").JSX.Element;
37
- declare namespace NotificationPreferences {
36
+ export declare function NotificationPreferences({ preferences, projects, isLoading, onSave, onToggleMute, onUpdateTier, onDelete, className, }: NotificationPreferencesProps): import("react/jsx-runtime").JSX.Element;
37
+ export declare namespace NotificationPreferences {
38
38
  var displayName: string;
39
39
  }
40
- export default NotificationPreferences;
41
40
  //# sourceMappingURL=notification-preferences.d.ts.map
@@ -1 +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"}
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,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"}
@@ -20,12 +20,12 @@ function te({
20
20
  projects: v = [],
21
21
  isLoading: L = !1,
22
22
  onSave: C,
23
- onToggleMute: u,
24
- onUpdateTier: x,
23
+ onToggleMute: x,
24
+ onUpdateTier: u,
25
25
  onDelete: p,
26
26
  className: T
27
27
  }) {
28
- 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 () => {
28
+ 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 () => {
29
29
  if (C) {
30
30
  O(!0);
31
31
  try {
@@ -34,7 +34,7 @@ function te({
34
34
  channel: I,
35
35
  minTier: y,
36
36
  muted: P
37
- }), a(!1), F();
37
+ }), s(!1), F();
38
38
  } catch (l) {
39
39
  console.error("[Preferences] Failed to save:", l);
40
40
  } finally {
@@ -45,7 +45,7 @@ function te({
45
45
  g("global"), w("IN_APP"), A("INFO"), j(!1);
46
46
  }, H = (l) => {
47
47
  if (!l) return "Global (all projects)";
48
- const n = v.find((s) => s.id === l);
48
+ const n = v.find((a) => a.id === l);
49
49
  return (n == null ? void 0 : n.title) || "Unknown project";
50
50
  };
51
51
  return /* @__PURE__ */ t(B, { children: [
@@ -57,7 +57,7 @@ function te({
57
57
  {
58
58
  size: "sm",
59
59
  variant: "secondary",
60
- onClick: () => a(!0),
60
+ onClick: () => s(!0),
61
61
  children: [
62
62
  /* @__PURE__ */ e(Z, { className: "mr-ds-02b h-ico-sm w-ico-sm" }),
63
63
  "Add Rule"
@@ -66,7 +66,7 @@ function te({
66
66
  )
67
67
  ] }),
68
68
  /* @__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) => {
69
- const s = _[l.channel] || _.IN_APP, M = s.icon;
69
+ const a = _[l.channel] || _.IN_APP, M = a.icon;
70
70
  return /* @__PURE__ */ t(
71
71
  "div",
72
72
  {
@@ -77,14 +77,14 @@ function te({
77
77
  children: [
78
78
  /* @__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" }) }),
79
79
  /* @__PURE__ */ t("div", { className: "min-w-0 flex-1", children: [
80
- /* @__PURE__ */ e("p", { className: "text-ds-md font-medium text-text-primary", children: s.label }),
80
+ /* @__PURE__ */ e("p", { className: "text-ds-md font-medium text-text-primary", children: a.label }),
81
81
  /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-placeholder", children: H(l.projectId) })
82
82
  ] }),
83
83
  /* @__PURE__ */ t(
84
84
  d,
85
85
  {
86
86
  value: l.minTier,
87
- onValueChange: (r) => x == null ? void 0 : x(l, r),
87
+ onValueChange: (r) => u == null ? void 0 : u(l, r),
88
88
  children: [
89
89
  /* @__PURE__ */ e(o, { className: "h-ds-xs-plus w-[130px] text-ds-sm", children: /* @__PURE__ */ e(m, {}) }),
90
90
  /* @__PURE__ */ e(h, { children: Object.entries(G).map(([r, V]) => /* @__PURE__ */ e(i, { value: r, children: V }, r)) })
@@ -97,7 +97,7 @@ function te({
97
97
  k,
98
98
  {
99
99
  checked: !l.muted,
100
- onCheckedChange: () => u == null ? void 0 : u(l)
100
+ onCheckedChange: () => x == null ? void 0 : x(l)
101
101
  }
102
102
  )
103
103
  ] }),
@@ -116,7 +116,7 @@ function te({
116
116
  );
117
117
  }) }) })
118
118
  ] }),
119
- /* @__PURE__ */ e(D, { open: E, onOpenChange: a, children: /* @__PURE__ */ t(z, { className: "sm:max-w-md", children: [
119
+ /* @__PURE__ */ e(D, { open: E, onOpenChange: s, children: /* @__PURE__ */ t(z, { className: "sm:max-w-md", children: [
120
120
  /* @__PURE__ */ t(q, { children: [
121
121
  /* @__PURE__ */ e(J, { children: "Add Notification Rule" }),
122
122
  /* @__PURE__ */ e(K, { children: "Customize how you receive notifications for a specific channel and project." })
@@ -159,7 +159,7 @@ function te({
159
159
  {
160
160
  variant: "ghost",
161
161
  onClick: () => {
162
- a(!1), F();
162
+ s(!1), F();
163
163
  },
164
164
  children: "Cancel"
165
165
  }
@@ -179,5 +179,5 @@ function te({
179
179
  }
180
180
  te.displayName = "NotificationPreferences";
181
181
  export {
182
- te as default
182
+ te as NotificationPreferences
183
183
  };
@@ -1 +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"}
1
+ {"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"}
@@ -1,22 +1,23 @@
1
1
  import { jsxs as l, jsx as e } from "react/jsx-runtime";
2
- import * as v from "react";
3
- import o from "next/link";
4
- import { Sidebar as g, SidebarHeader as u, SidebarSeparator as c, SidebarContent as S, SidebarGroup as y, SidebarGroupLabel as w, SidebarGroupContent as A, SidebarMenu as C, SidebarFooter as M, SidebarMenuItem as j, SidebarMenuButton as G } from "../ui/sidebar.js";
5
- import { Avatar as L, AvatarImage as F, AvatarFallback as I } from "../ui/avatar.js";
6
- import { cn as m } from "../ui/lib/utils.js";
2
+ import * as g from "react";
3
+ import { useLink as m } from "./link-context.js";
4
+ import { Sidebar as u, SidebarHeader as S, SidebarSeparator as o, SidebarContent as y, SidebarGroup as w, SidebarGroupLabel as A, SidebarGroupContent as L, SidebarMenu as C, SidebarFooter as M, SidebarMenuItem as j, SidebarMenuButton as k } from "../ui/sidebar.js";
5
+ import { Avatar as G, AvatarImage as F, AvatarFallback as I } from "../ui/avatar.js";
6
+ import { cn as p } from "../ui/lib/utils.js";
7
7
  function R({ item: t, isActive: a }) {
8
+ const i = m();
8
9
  return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(
9
- G,
10
+ k,
10
11
  {
11
12
  asChild: !0,
12
13
  isActive: a,
13
14
  tooltip: t.title,
14
- className: m(
15
+ className: p(
15
16
  "relative gap-ds-04 rounded-ds-lg px-ds-04 py-ds-03 transition-colors",
16
17
  a ? "bg-interactive-subtle text-interactive after:absolute after:right-0 after:top-0 after:h-full after:w-ds-01 after:rounded-l-ds-full after:bg-interactive after:content-['']" : "text-text-helper hover:bg-layer-02 hover:text-text-primary"
17
18
  ),
18
19
  children: /* @__PURE__ */ l(
19
- o,
20
+ i,
20
21
  {
21
22
  href: t.href,
22
23
  "aria-label": t.title,
@@ -30,59 +31,59 @@ function R({ item: t, isActive: a }) {
30
31
  }
31
32
  ) });
32
33
  }
33
- const k = v.forwardRef(
34
+ const z = g.forwardRef(
34
35
  ({
35
36
  currentPath: t = "/",
36
37
  user: a,
37
- navGroups: p = [],
38
+ navGroups: i = [],
38
39
  logo: h,
39
- footerLinks: i = [],
40
+ footerLinks: n = [],
40
41
  className: x,
41
42
  ...f
42
43
  }, b) => {
43
- var n;
44
- const N = (r, s = !1) => s || r === "/" ? t === r : t.startsWith(r);
44
+ var c;
45
+ const N = m(), v = (r, s = !1) => s || r === "/" ? t === r : t.startsWith(r);
45
46
  return /* @__PURE__ */ l(
46
- g,
47
+ u,
47
48
  {
48
49
  ...f,
49
50
  ref: b,
50
51
  "aria-label": "Main navigation",
51
- className: m(
52
+ className: p(
52
53
  "z-raised hidden h-full flex-col border-r border-border bg-layer-01 md:flex",
53
54
  x
54
55
  ),
55
56
  children: [
56
- /* @__PURE__ */ e(u, { className: "px-ds-06 py-ds-06", children: h ?? /* @__PURE__ */ e("span", { className: "text-ds-lg font-semibold text-text-primary", children: "Logo" }) }),
57
+ /* @__PURE__ */ e(S, { className: "px-ds-06 py-ds-06", children: h ?? /* @__PURE__ */ e("span", { className: "text-ds-lg font-semibold text-text-primary", children: "Logo" }) }),
57
58
  a && /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-04 px-ds-06 pb-ds-05", children: [
58
- /* @__PURE__ */ l(L, { className: "h-ds-sm-plus w-ds-sm-plus", children: [
59
+ /* @__PURE__ */ l(G, { className: "h-ds-sm-plus w-ds-sm-plus", children: [
59
60
  a.image ? /* @__PURE__ */ e(F, { src: a.image, alt: a.name }) : null,
60
- /* @__PURE__ */ e(I, { className: "bg-layer-03 text-text-primary", children: (n = a.name) == null ? void 0 : n.charAt(0).toUpperCase() })
61
+ /* @__PURE__ */ e(I, { className: "bg-layer-03 text-text-primary", children: (c = a.name) == null ? void 0 : c.charAt(0).toUpperCase() })
61
62
  ] }),
62
63
  /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-col", children: [
63
64
  /* @__PURE__ */ e("span", { className: "truncate text-ds-md text-text-primary", children: a.name }),
64
65
  /* @__PURE__ */ e("span", { className: "truncate text-ds-sm text-text-placeholder", children: a.designation || a.role })
65
66
  ] })
66
67
  ] }),
67
- /* @__PURE__ */ e(c, {}),
68
- /* @__PURE__ */ e(S, { className: "no-scrollbar px-ds-04", children: p.map((r, s) => /* @__PURE__ */ l("div", { children: [
69
- s > 0 && /* @__PURE__ */ e(c, {}),
70
- /* @__PURE__ */ l(y, { children: [
71
- /* @__PURE__ */ e(w, { className: "px-ds-04 text-ds-sm text-text-placeholder", children: r.label }),
72
- /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(C, { children: r.items.map((d) => /* @__PURE__ */ e(
68
+ /* @__PURE__ */ e(o, {}),
69
+ /* @__PURE__ */ e(y, { className: "no-scrollbar px-ds-04", children: i.map((r, s) => /* @__PURE__ */ l("div", { children: [
70
+ s > 0 && /* @__PURE__ */ e(o, {}),
71
+ /* @__PURE__ */ l(w, { children: [
72
+ /* @__PURE__ */ e(A, { className: "px-ds-04 text-ds-sm text-text-placeholder", children: r.label }),
73
+ /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(C, { children: r.items.map((d) => /* @__PURE__ */ e(
73
74
  R,
74
75
  {
75
76
  item: d,
76
- isActive: N(d.href, d.exact)
77
+ isActive: v(d.href, d.exact)
77
78
  },
78
79
  d.href
79
80
  )) }) })
80
81
  ] })
81
82
  ] }, r.label)) }),
82
- i.length > 0 && /* @__PURE__ */ e(M, { className: "px-ds-06 py-ds-05", children: /* @__PURE__ */ e("div", { className: "flex items-center justify-start gap-ds-03", children: i.map((r, s) => /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-03", children: [
83
- s > 0 && /* @__PURE__ */ e("div", { className: "h-4 w-px bg-border" }),
83
+ n.length > 0 && /* @__PURE__ */ e(M, { className: "px-ds-06 py-ds-05", children: /* @__PURE__ */ e("div", { className: "flex items-center justify-start gap-ds-03", children: n.map((r, s) => /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-03", children: [
84
+ s > 0 && /* @__PURE__ */ e("div", { className: "h-[16px] w-px bg-border" }),
84
85
  /* @__PURE__ */ e(
85
- o,
86
+ N,
86
87
  {
87
88
  className: "text-ds-md text-text-placeholder transition-colors hover:text-interactive",
88
89
  href: r.href,
@@ -95,7 +96,7 @@ const k = v.forwardRef(
95
96
  );
96
97
  }
97
98
  );
98
- k.displayName = "AppSidebar";
99
+ z.displayName = "AppSidebar";
99
100
  export {
100
- k as AppSidebar
101
+ z as AppSidebar
101
102
  };
@@ -1 +1 @@
1
- {"version":3,"file":"top-bar.d.ts","sourceRoot":"","sources":["../../src/shell/top-bar.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAuB9B,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uDAAuD;IACvD,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,mCAAmC;IACnC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAMD,QAAA,MAAM,MAAM,oFAqLX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}
1
+ {"version":3,"file":"top-bar.d.ts","sourceRoot":"","sources":["../../src/shell/top-bar.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAuB9B,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uDAAuD;IACvD,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,mCAAmC;IACnC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAMD,QAAA,MAAM,MAAM,oFAyLX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}
@@ -1,27 +1,27 @@
1
1
  import { jsxs as r, jsx as e, Fragment as w } from "react/jsx-runtime";
2
- import * as k from "react";
3
- import { useColorMode as C } from "../hooks/use-color-mode.js";
2
+ import * as C from "react";
3
+ import { useColorMode as k } from "../hooks/use-color-mode.js";
4
4
  import { Avatar as M, AvatarImage as v, AvatarFallback as I } from "../ui/avatar.js";
5
- import { DropdownMenu as T, DropdownMenuTrigger as D, DropdownMenuContent as S, DropdownMenuItem as d, DropdownMenuSeparator as j } from "../ui/dropdown-menu.js";
6
- import { Tooltip as o, TooltipTrigger as l, TooltipContent as a } from "../ui/tooltip.js";
7
- import { SidebarTrigger as A } from "../ui/sidebar.js";
5
+ import { DropdownMenu as S, DropdownMenuTrigger as T, DropdownMenuContent as D, DropdownMenuItem as d, DropdownMenuSeparator as A } from "../ui/dropdown-menu.js";
6
+ import { Tooltip as l, TooltipTrigger as o, TooltipContent as a } from "../ui/tooltip.js";
7
+ import { SidebarTrigger as j } from "../ui/sidebar.js";
8
8
  import { IconSearch as K, IconSparkles as U, IconUser as B, IconSun as E, IconMoon as F, IconLogout as R } from "@tabler/icons-react";
9
9
  import { cn as z } from "../ui/lib/utils.js";
10
- const L = k.forwardRef(
10
+ const L = C.forwardRef(
11
11
  ({
12
12
  pageTitle: c = "",
13
- user: s,
14
- onNavigate: t,
13
+ user: t,
14
+ onNavigate: s,
15
15
  onLogout: n,
16
16
  onSearchClick: i,
17
17
  onAiChatClick: m,
18
18
  mobileLogo: p,
19
19
  notificationSlot: b,
20
20
  className: u,
21
- ...f
22
- }, y) => {
21
+ ...y
22
+ }, f) => {
23
23
  var x;
24
- const { colorMode: h, toggleColorMode: g } = C(), N = () => {
24
+ const { colorMode: h, toggleColorMode: g } = k(), N = () => {
25
25
  i ? i() : document.dispatchEvent(
26
26
  new KeyboardEvent("keydown", {
27
27
  key: "k",
@@ -33,66 +33,70 @@ const L = k.forwardRef(
33
33
  return /* @__PURE__ */ r(
34
34
  "div",
35
35
  {
36
- ...f,
37
- ref: y,
36
+ ...y,
37
+ ref: f,
38
38
  className: z(
39
39
  "z-sticky flex w-full items-center border-b border-border bg-layer-01 px-ds-05 py-ds-04 md:px-ds-06",
40
40
  u
41
41
  ),
42
42
  children: [
43
43
  /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-04", children: [
44
- /* @__PURE__ */ e(A, { className: "hidden text-text-secondary md:flex" }),
44
+ /* @__PURE__ */ e(j, { className: "hidden text-text-secondary md:flex" }),
45
45
  p && /* @__PURE__ */ e("div", { className: "md:hidden", children: p }),
46
46
  c && /* @__PURE__ */ e("h2", { className: "hidden text-ds-lg text-text-primary md:block", children: c })
47
47
  ] }),
48
48
  /* @__PURE__ */ r("div", { className: "ml-auto flex items-center gap-ds-03 md:gap-ds-05", children: [
49
- /* @__PURE__ */ r(o, { children: [
50
- /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(
49
+ /* @__PURE__ */ r(l, { children: [
50
+ /* @__PURE__ */ e(o, { asChild: !0, children: /* @__PURE__ */ e(
51
51
  "button",
52
52
  {
53
+ type: "button",
53
54
  onClick: N,
55
+ "aria-label": "Search (Ctrl+K)",
54
56
  className: "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",
55
- children: /* @__PURE__ */ e(K, { className: "h-ico-sm w-ico-sm" })
57
+ children: /* @__PURE__ */ e(K, { className: "h-ico-sm w-ico-sm", "aria-hidden": "true" })
56
58
  }
57
59
  ) }),
58
60
  /* @__PURE__ */ e(a, { side: "bottom", align: "center", children: "Search (Ctrl+K)" })
59
61
  ] }),
60
62
  b,
61
- m && /* @__PURE__ */ r(o, { children: [
62
- /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(
63
+ m && /* @__PURE__ */ r(l, { children: [
64
+ /* @__PURE__ */ e(o, { asChild: !0, children: /* @__PURE__ */ e(
63
65
  "button",
64
66
  {
67
+ type: "button",
65
68
  onClick: m,
69
+ "aria-label": "AI Chat",
66
70
  className: "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",
67
- children: /* @__PURE__ */ e(U, { className: "h-ico-sm w-ico-sm" })
71
+ children: /* @__PURE__ */ e(U, { className: "h-ico-sm w-ico-sm", "aria-hidden": "true" })
68
72
  }
69
73
  ) }),
70
74
  /* @__PURE__ */ e(a, { side: "bottom", align: "center", children: "AI Chat" })
71
75
  ] }),
72
- s && /* @__PURE__ */ r(T, { children: [
73
- /* @__PURE__ */ r(o, { children: [
74
- /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(D, { asChild: !0, children: /* @__PURE__ */ e("button", { className: "flex items-center gap-ds-03 outline-none", children: /* @__PURE__ */ r(M, { className: "h-ds-sm-plus w-ds-sm-plus cursor-pointer", children: [
75
- s.image ? /* @__PURE__ */ e(v, { src: s.image, alt: s.name }) : null,
76
- /* @__PURE__ */ e(I, { className: "bg-layer-02 text-text-primary", children: (x = s.name) == null ? void 0 : x.charAt(0).toUpperCase() })
76
+ t && /* @__PURE__ */ r(S, { children: [
77
+ /* @__PURE__ */ r(l, { children: [
78
+ /* @__PURE__ */ e(o, { asChild: !0, children: /* @__PURE__ */ e(T, { asChild: !0, children: /* @__PURE__ */ e("button", { type: "button", className: "flex items-center gap-ds-03 outline-none", children: /* @__PURE__ */ r(M, { className: "h-ds-sm-plus w-ds-sm-plus cursor-pointer", children: [
79
+ t.image ? /* @__PURE__ */ e(v, { src: t.image, alt: t.name }) : null,
80
+ /* @__PURE__ */ e(I, { className: "bg-layer-02 text-text-primary", children: (x = t.name) == null ? void 0 : x.charAt(0).toUpperCase() })
77
81
  ] }) }) }) }),
78
82
  /* @__PURE__ */ e(a, { side: "bottom", align: "center", children: "User Menu" })
79
83
  ] }),
80
84
  /* @__PURE__ */ r(
81
- S,
85
+ D,
82
86
  {
83
87
  className: "w-[200px] rounded-ds-xl border border-border bg-layer-01 p-0 shadow-03",
84
88
  sideOffset: 8,
85
89
  align: "end",
86
90
  children: [
87
91
  /* @__PURE__ */ r("div", { className: "border-b border-border px-ds-05 py-ds-04", children: [
88
- /* @__PURE__ */ e("p", { className: "text-ds-md text-text-primary", children: s.name }),
89
- s.email && /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-placeholder", children: s.email })
92
+ /* @__PURE__ */ e("p", { className: "text-ds-md text-text-primary", children: t.name }),
93
+ t.email && /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-placeholder", children: t.email })
90
94
  ] }),
91
95
  /* @__PURE__ */ r(
92
96
  d,
93
97
  {
94
98
  className: "flex w-full cursor-pointer items-center gap-ds-03 px-ds-05 py-ds-04 hover:bg-layer-02",
95
- onClick: () => t == null ? void 0 : t("/profile"),
99
+ onClick: () => s == null ? void 0 : s("/profile"),
96
100
  children: [
97
101
  /* @__PURE__ */ e(B, { className: "h-ico-sm w-ico-sm text-text-secondary" }),
98
102
  /* @__PURE__ */ e("span", { className: "text-ds-md text-text-secondary", children: "Profile" })
@@ -111,7 +115,7 @@ const L = k.forwardRef(
111
115
  }
112
116
  ),
113
117
  n && /* @__PURE__ */ r(w, { children: [
114
- /* @__PURE__ */ e(j, { className: "bg-border" }),
118
+ /* @__PURE__ */ e(A, { className: "bg-border" }),
115
119
  /* @__PURE__ */ r(
116
120
  d,
117
121
  {
@@ -1 +1 @@
1
- {"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEzC,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CAoT3B,CAAA;AAED,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEzC,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CAkV3B,CAAA;AAED,eAAe,MAAM,CAAA"}
@@ -26,6 +26,22 @@ const r = {
26
26
  semibold: "var(--font-weight-semibold)",
27
27
  bold: "var(--font-weight-bold)"
28
28
  },
29
+ letterSpacing: {
30
+ "ds-tighter": "var(--tracking-tighter)",
31
+ "ds-tight": "var(--tracking-tight)",
32
+ "ds-normal": "var(--tracking-normal)",
33
+ "ds-wide": "var(--tracking-wide)",
34
+ "ds-wider": "var(--tracking-wider)",
35
+ "ds-widest": "var(--tracking-widest)"
36
+ },
37
+ lineHeight: {
38
+ "ds-none": "var(--line-height-none)",
39
+ "ds-tight": "var(--line-height-tight)",
40
+ "ds-snug": "var(--line-height-snug)",
41
+ "ds-normal": "var(--line-height-normal)",
42
+ "ds-relaxed": "var(--line-height-relaxed)",
43
+ "ds-loose": "var(--line-height-loose)"
44
+ },
29
45
  fontSize: {
30
46
  "ds-xs": ["var(--font-size-xs)", { lineHeight: "var(--line-height-relaxed)" }],
31
47
  "ds-sm": ["var(--font-size-sm)", { lineHeight: "var(--line-height-relaxed)" }],
@@ -42,7 +58,8 @@ const r = {
42
58
  borderWidth: {
43
59
  "ds-sm": "var(--border-width-sm)",
44
60
  "ds-md": "var(--border-width-md)",
45
- "ds-lg": "var(--border-width-lg)"
61
+ "ds-lg": "var(--border-width-lg)",
62
+ focus: "var(--border-focus-width)"
46
63
  },
47
64
  borderRadius: {
48
65
  "ds-none": "0",
@@ -117,6 +134,13 @@ const r = {
117
134
  "ds-lg": "var(--size-lg)",
118
135
  "ds-xl": "var(--size-xl)"
119
136
  },
137
+ opacity: {
138
+ "action-hover": "var(--action-hover-opacity)",
139
+ "action-selected": "var(--action-selected-opacity)",
140
+ "action-disabled": "var(--action-disabled-opacity)",
141
+ "action-focus": "var(--action-focus-opacity)",
142
+ "action-active": "var(--action-active-opacity)"
143
+ },
120
144
  colors: {
121
145
  "text-interactive": "var(--color-text-interactive)",
122
146
  interactive: "var(--color-interactive)",
@@ -220,6 +244,7 @@ const r = {
220
244
  "surface-overlay-light": "var(--color-surface-overlay-light)",
221
245
  "surface-overlay-dark": "var(--color-surface-overlay-dark)",
222
246
  "layer-accent-subtle": "var(--color-layer-accent-subtle)",
247
+ "text-shadow": "var(--color-text-shadow)",
223
248
  "error-hover": "var(--color-error-hover)",
224
249
  "chart-1": "var(--chart-1)",
225
250
  "chart-2": "var(--chart-2)",
@@ -252,6 +277,10 @@ const r = {
252
277
  "skeleton-shimmer": {
253
278
  "0%": { backgroundPosition: "-200% 0" },
254
279
  "100%": { backgroundPosition: "200% 0" }
280
+ },
281
+ "caret-blink": {
282
+ "0%,70%,100%": { opacity: "1" },
283
+ "20%,50%": { opacity: "0" }
255
284
  }
256
285
  },
257
286
  animation: {
@@ -259,7 +288,8 @@ const r = {
259
288
  "ripple-icon": "ripple var(--duration-moderate-02) linear forwards",
260
289
  shake: "shake 1s var(--ease-productive-standard) infinite",
261
290
  "progress-indeterminate": "progress-indeterminate var(--duration-slow-02) var(--ease-productive-standard) infinite",
262
- "skeleton-shimmer": "skeleton-shimmer var(--duration-slow-02) var(--ease-linear) infinite"
291
+ "skeleton-shimmer": "skeleton-shimmer var(--duration-slow-02) var(--ease-linear) infinite",
292
+ "caret-blink": "caret-blink 1.25s ease-out infinite"
263
293
  },
264
294
  backgroundImage: {
265
295
  "gradient-brand": "var(--gradient-brand-light)",
@@ -1 +1 @@
1
- {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/ui/alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,aAAa;;8EAmBlB,CAAA;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,mFAwBV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
1
+ {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/ui/alert.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,aAAa;;8EAmBlB,CAAA;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,mFAwBV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
package/dist/ui/alert.js CHANGED
@@ -30,7 +30,7 @@ const v = g(
30
30
  /* @__PURE__ */ r(l, { className: "mt-ds-01 h-ico-md w-ico-md shrink-0", "aria-hidden": "true" }),
31
31
  /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
32
32
  o && /* @__PURE__ */ r("p", { className: "text-ds-md font-semibold mb-ds-01", children: o }),
33
- /* @__PURE__ */ r("div", { className: "text-ds-md opacity-90", children: a })
33
+ /* @__PURE__ */ r("div", { className: "text-ds-md opacity-[0.9]", children: a })
34
34
  ] }),
35
35
  s && /* @__PURE__ */ r(
36
36
  "button",