@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.
- package/dist/composed/avatar-group.d.ts.map +1 -1
- package/dist/composed/command-palette.js +3 -3
- package/dist/composed/content-card.d.ts.map +1 -1
- package/dist/composed/date-picker/time-picker.js +1 -1
- package/dist/composed/date-picker/use-calendar.d.ts.map +1 -1
- package/dist/composed/empty-state.d.ts.map +1 -1
- package/dist/composed/empty-state.js +1 -1
- package/dist/composed/error-boundary.js +1 -1
- package/dist/composed/lib/string-utils.d.ts.map +1 -1
- package/dist/composed/lib/string-utils.js +6 -4
- package/dist/composed/loading-skeleton.d.ts.map +1 -1
- package/dist/composed/loading-skeleton.js +32 -32
- package/dist/composed/page-header.d.ts.map +1 -1
- package/dist/composed/page-skeletons.d.ts.map +1 -1
- package/dist/composed/page-skeletons.js +38 -38
- package/dist/composed/priority-indicator.d.ts.map +1 -1
- package/dist/composed/rich-text-editor.d.ts.map +1 -1
- package/dist/composed/rich-text-editor.js +46 -44
- package/dist/composed/status-badge.d.ts.map +1 -1
- package/dist/composed/status-badge.js +6 -6
- package/dist/hooks/use-color-mode.d.ts.map +1 -1
- package/dist/hooks/use-color-mode.js +8 -8
- package/dist/hooks/use-toast.d.ts.map +1 -1
- package/dist/hooks/use-toast.js +2 -2
- package/dist/shell/app-command-palette.d.ts +2 -3
- package/dist/shell/app-command-palette.d.ts.map +1 -1
- package/dist/shell/app-command-palette.js +1 -1
- package/dist/shell/bottom-navbar.d.ts.map +1 -1
- package/dist/shell/bottom-navbar.js +39 -37
- package/dist/shell/index.d.ts +3 -2
- package/dist/shell/index.d.ts.map +1 -1
- package/dist/shell/index.js +15 -12
- package/dist/shell/link-context.d.ts +11 -0
- package/dist/shell/link-context.d.ts.map +1 -0
- package/dist/shell/link-context.js +18 -0
- package/dist/shell/notification-center.d.ts.map +1 -1
- package/dist/shell/notification-center.js +20 -19
- package/dist/shell/notification-preferences.d.ts +2 -3
- package/dist/shell/notification-preferences.d.ts.map +1 -1
- package/dist/shell/notification-preferences.js +13 -13
- package/dist/shell/sidebar.d.ts.map +1 -1
- package/dist/shell/sidebar.js +31 -30
- package/dist/shell/top-bar.d.ts.map +1 -1
- package/dist/shell/top-bar.js +34 -30
- package/dist/tailwind/preset.d.ts.map +1 -1
- package/dist/tailwind/preset.js +32 -2
- package/dist/ui/alert.d.ts.map +1 -1
- package/dist/ui/alert.js +1 -1
- package/dist/ui/autocomplete.js +34 -34
- package/dist/ui/avatar.js +12 -12
- package/dist/ui/badge.d.ts.map +1 -1
- package/dist/ui/badge.js +3 -3
- package/dist/ui/banner.d.ts.map +1 -1
- package/dist/ui/button.js +1 -1
- package/dist/ui/card.d.ts.map +1 -1
- package/dist/ui/card.js +1 -1
- package/dist/ui/charts/_internal/animation.d.ts.map +1 -1
- package/dist/ui/charts/_internal/axes.d.ts.map +1 -1
- package/dist/ui/charts/_internal/tooltip.d.ts.map +1 -1
- package/dist/ui/charts/bar-chart.js +1 -1
- package/dist/ui/charts/chart-container.js +11 -11
- package/dist/ui/charts/line-chart.js +1 -1
- package/dist/ui/charts/radar-chart.js +20 -20
- package/dist/ui/chip.d.ts.map +1 -1
- package/dist/ui/chip.js +34 -36
- package/dist/ui/code.d.ts.map +1 -1
- package/dist/ui/code.js +13 -13
- package/dist/ui/combobox.js +1 -1
- package/dist/ui/container.d.ts.map +1 -1
- package/dist/ui/context-menu.js +1 -1
- package/dist/ui/data-table.d.ts.map +1 -1
- package/dist/ui/data-table.js +78 -78
- package/dist/ui/dropdown-menu.js +22 -22
- package/dist/ui/file-upload.js +59 -59
- package/dist/ui/icon-button.d.ts.map +1 -1
- package/dist/ui/input-otp.js +1 -1
- package/dist/ui/input.d.ts.map +1 -1
- package/dist/ui/menubar.js +22 -22
- package/dist/ui/navigation-menu.js +6 -6
- package/dist/ui/number-input.js +1 -1
- package/dist/ui/search-input.js +10 -10
- package/dist/ui/segmented-control.d.ts.map +1 -1
- package/dist/ui/segmented-control.js +3 -4
- package/dist/ui/select.js +2 -2
- package/dist/ui/sidebar.js +52 -52
- package/dist/ui/skeleton.d.ts.map +1 -1
- package/dist/ui/spinner.d.ts.map +1 -1
- package/dist/ui/stack.d.ts.map +1 -1
- package/dist/ui/stack.js +46 -21
- package/dist/ui/stat-card.d.ts.map +1 -1
- package/dist/ui/stepper.js +25 -25
- package/dist/ui/table.d.ts.map +1 -1
- package/dist/ui/table.js +12 -12
- package/dist/ui/text.d.ts.map +1 -1
- package/dist/ui/textarea.d.ts.map +1 -1
- package/dist/ui/textarea.js +1 -0
- package/dist/ui/toast.js +1 -1
- package/dist/ui/tree-view/tree-item.js +1 -1
- package/dist/ui/visually-hidden.d.ts.map +1 -1
- 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
|
|
3
|
-
import { useRef as
|
|
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),
|
|
10
|
-
return c < 60 ? "just now" :
|
|
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-
|
|
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-
|
|
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 =
|
|
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:
|
|
108
|
+
hasMore: i = !1,
|
|
109
109
|
onFetchMore: n,
|
|
110
|
-
onMarkRead:
|
|
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 =
|
|
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
|
-
|
|
124
|
+
m == null || m(r);
|
|
125
125
|
},
|
|
126
|
-
[
|
|
126
|
+
[m]
|
|
127
127
|
), C = f(() => {
|
|
128
128
|
const r = y.current;
|
|
129
|
-
!r || c || !
|
|
130
|
-
}, [c,
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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-
|
|
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,
|
|
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:
|
|
24
|
-
onUpdateTier:
|
|
23
|
+
onToggleMute: x,
|
|
24
|
+
onUpdateTier: u,
|
|
25
25
|
onDelete: p,
|
|
26
26
|
className: T
|
|
27
27
|
}) {
|
|
28
|
-
const [E,
|
|
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
|
-
}),
|
|
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((
|
|
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: () =>
|
|
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
|
|
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:
|
|
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) =>
|
|
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: () =>
|
|
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:
|
|
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
|
-
|
|
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
|
|
182
|
+
te as NotificationPreferences
|
|
183
183
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/shell/sidebar.tsx"],"names":[],"mappings":"
|
|
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"}
|
package/dist/shell/sidebar.js
CHANGED
|
@@ -1,22 +1,23 @@
|
|
|
1
1
|
import { jsxs as l, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import * as
|
|
3
|
-
import
|
|
4
|
-
import { Sidebar as
|
|
5
|
-
import { Avatar as
|
|
6
|
-
import { cn as
|
|
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
|
-
|
|
10
|
+
k,
|
|
10
11
|
{
|
|
11
12
|
asChild: !0,
|
|
12
13
|
isActive: a,
|
|
13
14
|
tooltip: t.title,
|
|
14
|
-
className:
|
|
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
|
-
|
|
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
|
|
34
|
+
const z = g.forwardRef(
|
|
34
35
|
({
|
|
35
36
|
currentPath: t = "/",
|
|
36
37
|
user: a,
|
|
37
|
-
navGroups:
|
|
38
|
+
navGroups: i = [],
|
|
38
39
|
logo: h,
|
|
39
|
-
footerLinks:
|
|
40
|
+
footerLinks: n = [],
|
|
40
41
|
className: x,
|
|
41
42
|
...f
|
|
42
43
|
}, b) => {
|
|
43
|
-
var
|
|
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
|
-
|
|
47
|
+
u,
|
|
47
48
|
{
|
|
48
49
|
...f,
|
|
49
50
|
ref: b,
|
|
50
51
|
"aria-label": "Main navigation",
|
|
51
|
-
className:
|
|
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(
|
|
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(
|
|
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: (
|
|
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(
|
|
68
|
-
/* @__PURE__ */ e(
|
|
69
|
-
s > 0 && /* @__PURE__ */ e(
|
|
70
|
-
/* @__PURE__ */ l(
|
|
71
|
-
/* @__PURE__ */ e(
|
|
72
|
-
/* @__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:
|
|
77
|
+
isActive: v(d.href, d.exact)
|
|
77
78
|
},
|
|
78
79
|
d.href
|
|
79
80
|
)) }) })
|
|
80
81
|
] })
|
|
81
82
|
] }, r.label)) }),
|
|
82
|
-
|
|
83
|
-
s > 0 && /* @__PURE__ */ e("div", { className: "h-
|
|
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
|
-
|
|
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
|
-
|
|
99
|
+
z.displayName = "AppSidebar";
|
|
99
100
|
export {
|
|
100
|
-
|
|
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,
|
|
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"}
|
package/dist/shell/top-bar.js
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { jsxs as r, jsx as e, Fragment as w } from "react/jsx-runtime";
|
|
2
|
-
import * as
|
|
3
|
-
import { useColorMode as
|
|
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
|
|
6
|
-
import { Tooltip as
|
|
7
|
-
import { SidebarTrigger as
|
|
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 =
|
|
10
|
+
const L = C.forwardRef(
|
|
11
11
|
({
|
|
12
12
|
pageTitle: c = "",
|
|
13
|
-
user:
|
|
14
|
-
onNavigate:
|
|
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
|
-
...
|
|
22
|
-
},
|
|
21
|
+
...y
|
|
22
|
+
}, f) => {
|
|
23
23
|
var x;
|
|
24
|
-
const { colorMode: h, toggleColorMode: g } =
|
|
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
|
-
...
|
|
37
|
-
ref:
|
|
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(
|
|
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(
|
|
50
|
-
/* @__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(
|
|
62
|
-
/* @__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
|
-
|
|
73
|
-
/* @__PURE__ */ r(
|
|
74
|
-
/* @__PURE__ */ e(
|
|
75
|
-
|
|
76
|
-
/* @__PURE__ */ e(I, { className: "bg-layer-02 text-text-primary", children: (x =
|
|
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
|
-
|
|
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:
|
|
89
|
-
|
|
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: () =>
|
|
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(
|
|
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,
|
|
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"}
|
package/dist/tailwind/preset.js
CHANGED
|
@@ -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)",
|
package/dist/ui/alert.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/ui/alert.tsx"],"names":[],"mappings":"
|
|
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-
|
|
33
|
+
/* @__PURE__ */ r("div", { className: "text-ds-md opacity-[0.9]", children: a })
|
|
34
34
|
] }),
|
|
35
35
|
s && /* @__PURE__ */ r(
|
|
36
36
|
"button",
|