@humain/ui 2.2.2 → 2.2.4
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/components/templates/AppShell/AppShell.d.ts +5 -3
- package/dist/components/templates/AppShell/index.d.ts +1 -1
- package/dist/components/templates/AppSidebar/AppSidebar.constants.d.ts +4 -0
- package/dist/components/templates/AppSidebar/AppSidebar.d.ts +1 -0
- package/dist/index.js +19 -18
- package/dist/index152.js +1 -1
- package/dist/index152.js.map +1 -1
- package/dist/index173.js +1 -1
- package/dist/index173.js.map +1 -1
- package/dist/index184.js +1 -1
- package/dist/index184.js.map +1 -1
- package/dist/index217.js +6 -24
- package/dist/index217.js.map +1 -1
- package/dist/index218.js +20 -23
- package/dist/index218.js.map +1 -1
- package/dist/index219.js +20 -95
- package/dist/index219.js.map +1 -1
- package/dist/index220.js +92 -88
- package/dist/index220.js.map +1 -1
- package/dist/index221.js +97 -29
- package/dist/index221.js.map +1 -1
- package/dist/index222.js +24 -470
- package/dist/index222.js.map +1 -1
- package/dist/index223.js +450 -196
- package/dist/index223.js.map +1 -1
- package/dist/index224.js +199 -754
- package/dist/index224.js.map +1 -1
- package/dist/index225.js +777 -61
- package/dist/index225.js.map +1 -1
- package/dist/index226.js +58 -181
- package/dist/index226.js.map +1 -1
- package/dist/index227.js +175 -259
- package/dist/index227.js.map +1 -1
- package/dist/index228.js +246 -172
- package/dist/index228.js.map +1 -1
- package/dist/index229.js +195 -32
- package/dist/index229.js.map +1 -1
- package/dist/index230.js +12 -40
- package/dist/index230.js.map +1 -1
- package/dist/index231.js +23 -26
- package/dist/index231.js.map +1 -1
- package/dist/index232.js +45 -22
- package/dist/index232.js.map +1 -1
- package/dist/index233.js +27 -48
- package/dist/index233.js.map +1 -1
- package/dist/index234.js +52 -26
- package/dist/index234.js.map +1 -1
- package/dist/index235.js +40 -225
- package/dist/index235.js.map +1 -1
- package/dist/index236.js +217 -39
- package/dist/index236.js.map +1 -1
- package/dist/index237.js +50 -0
- package/dist/index237.js.map +1 -0
- package/dist/styles.css +1 -1
- package/dist/wc/AISource.js +46 -46
- package/dist/wc/AISource.js.map +1 -1
- package/dist/wc/AIToolCall.js +9 -9
- package/dist/wc/AIToolCall.js.map +1 -1
- package/dist/wc/{sidebar.js → AppSidebar.constants.js} +80 -78
- package/dist/wc/AppSidebar.constants.js.map +1 -0
- package/dist/wc/hf-app-shell.js +346 -343
- package/dist/wc/hf-app-shell.js.map +1 -1
- package/dist/wc/hf-app-sidebar.js +68 -65
- package/dist/wc/hf-app-sidebar.js.map +1 -1
- package/dist/wc/markdown-renderer.js +1 -1
- package/dist/wc/markdown-renderer.js.map +1 -1
- package/dist/wc-react/AISource.js +8 -8
- package/dist/wc-react/AISource.js.map +1 -1
- package/dist/wc-react/AIToolCall.js +42 -42
- package/dist/wc-react/AIToolCall.js.map +1 -1
- package/dist/wc-react/{sidebar.js → AppSidebar.constants.js} +89 -87
- package/dist/wc-react/AppSidebar.constants.js.map +1 -0
- package/dist/wc-react/hf-app-shell.js +383 -380
- package/dist/wc-react/hf-app-shell.js.map +1 -1
- package/dist/wc-react/hf-app-sidebar.js +72 -69
- package/dist/wc-react/hf-app-sidebar.js.map +1 -1
- package/dist/wc-react/markdown-renderer.js +1 -1
- package/dist/wc-react/markdown-renderer.js.map +1 -1
- package/package.json +1 -1
- package/skills/humain-ui/SKILL.md +1 -1
- package/skills/humain-ui-wc/SKILL.md +1 -1
- package/skills/humain-ui-wc.skill +0 -0
- package/skills/humain-ui.skill +0 -0
- package/dist/wc/sidebar.js.map +0 -1
- package/dist/wc-react/sidebar.js.map +0 -1
|
@@ -5,16 +5,16 @@ import { t as Se } from "./dist.js";
|
|
|
5
5
|
import { t as ye } from "./create-safe-context.js";
|
|
6
6
|
import { t as we } from "./input3.js";
|
|
7
7
|
import { t as y } from "./skeleton.js";
|
|
8
|
-
import { a as Ne, c as K, i as Me, l as ke, n as
|
|
9
|
-
import { t as
|
|
10
|
-
import { t as
|
|
11
|
-
import { t as
|
|
8
|
+
import { a as Ne, c as K, i as Me, l as ke, n as _e, s as De, t as Ie } from "./DialogTrigger.js";
|
|
9
|
+
import { t as Ce } from "./DialogRoot.js";
|
|
10
|
+
import { t as Te } from "./button.js";
|
|
11
|
+
import { t as Ee } from "./separator2.js";
|
|
12
12
|
import { t as k } from "./useRender.js";
|
|
13
|
-
import { n as
|
|
14
|
-
import { t as
|
|
13
|
+
import { n as Pe, r as ze, t as Be } from "./tooltip2.js";
|
|
14
|
+
import { t as Ae } from "./close-button.js";
|
|
15
15
|
import * as l from "react";
|
|
16
16
|
import { jsx as t, jsxs as b } from "react/jsx-runtime";
|
|
17
|
-
var
|
|
17
|
+
var Re = [["rect", {
|
|
18
18
|
width: "18",
|
|
19
19
|
height: "18",
|
|
20
20
|
x: "3",
|
|
@@ -24,32 +24,32 @@ var Ae = [["rect", {
|
|
|
24
24
|
}], ["path", {
|
|
25
25
|
d: "M9 3v18",
|
|
26
26
|
key: "fh3hqa"
|
|
27
|
-
}]], Oe = xe("panel-left",
|
|
27
|
+
}]], Oe = xe("panel-left", Re);
|
|
28
28
|
function F({ ...e }) {
|
|
29
|
-
return /* @__PURE__ */ t(
|
|
29
|
+
return /* @__PURE__ */ t(Ce, {
|
|
30
30
|
"data-slot": "sheet",
|
|
31
31
|
...e
|
|
32
32
|
});
|
|
33
33
|
}
|
|
34
|
-
function
|
|
34
|
+
function W({ ...e }) {
|
|
35
35
|
return /* @__PURE__ */ t(Ie, {
|
|
36
36
|
"data-slot": "sheet-trigger",
|
|
37
37
|
...e
|
|
38
38
|
});
|
|
39
39
|
}
|
|
40
|
-
function
|
|
40
|
+
function $({ ...e }) {
|
|
41
41
|
return /* @__PURE__ */ t(K, {
|
|
42
42
|
"data-slot": "sheet-close",
|
|
43
43
|
...e
|
|
44
44
|
});
|
|
45
45
|
}
|
|
46
|
-
function
|
|
46
|
+
function A({ ...e }) {
|
|
47
47
|
return /* @__PURE__ */ t(Me, {
|
|
48
48
|
"data-slot": "sheet-portal",
|
|
49
49
|
...e
|
|
50
50
|
});
|
|
51
51
|
}
|
|
52
|
-
function
|
|
52
|
+
function R({ className: e, disableAnimation: a, disableBackdropBlur: o, ...i }) {
|
|
53
53
|
return /* @__PURE__ */ t(ke, {
|
|
54
54
|
"data-slot": "sheet-overlay",
|
|
55
55
|
className: r("bg-background/80/10 fixed inset-0 z-50", !a && "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0", !o && "supports-backdrop-filter:backdrop-blur-xs", e),
|
|
@@ -57,7 +57,7 @@ function A({ className: e, disableAnimation: a, disableBackdropBlur: o, ...i })
|
|
|
57
57
|
});
|
|
58
58
|
}
|
|
59
59
|
function O({ className: e, children: a, side: o = "right", showCloseButton: i = !0, disableAnimation: s, disableBackdropBlur: n, ...u }) {
|
|
60
|
-
return /* @__PURE__ */ b(
|
|
60
|
+
return /* @__PURE__ */ b(A, { children: [/* @__PURE__ */ t(R, {
|
|
61
61
|
disableAnimation: s,
|
|
62
62
|
disableBackdropBlur: n
|
|
63
63
|
}), /* @__PURE__ */ b(Ne, {
|
|
@@ -65,7 +65,7 @@ function O({ className: e, children: a, side: o = "right", showCloseButton: i =
|
|
|
65
65
|
"data-side": o,
|
|
66
66
|
className: r("bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", !s && "data-open:animate-in data-closed:animate-out data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 transition duration-200 ease-in-out", e),
|
|
67
67
|
...u,
|
|
68
|
-
children: [a, i && /* @__PURE__ */ t(K, { render: /* @__PURE__ */ t(
|
|
68
|
+
children: [a, i && /* @__PURE__ */ t(K, { render: /* @__PURE__ */ t(Ae, { className: "absolute top-4 end-4" }) })]
|
|
69
69
|
})] });
|
|
70
70
|
}
|
|
71
71
|
function L({ className: e, ...a }) {
|
|
@@ -75,7 +75,7 @@ function L({ className: e, ...a }) {
|
|
|
75
75
|
...a
|
|
76
76
|
});
|
|
77
77
|
}
|
|
78
|
-
function
|
|
78
|
+
function q({ className: e, ...a }) {
|
|
79
79
|
return /* @__PURE__ */ t("div", {
|
|
80
80
|
"data-slot": "sheet-footer",
|
|
81
81
|
className: r("gap-2 p-4 mt-auto flex flex-col", e),
|
|
@@ -83,37 +83,37 @@ function V({ className: e, ...a }) {
|
|
|
83
83
|
});
|
|
84
84
|
}
|
|
85
85
|
function G({ className: e, ...a }) {
|
|
86
|
-
return /* @__PURE__ */ t(
|
|
86
|
+
return /* @__PURE__ */ t(_e, {
|
|
87
87
|
"data-slot": "sheet-title",
|
|
88
88
|
className: r("text-foreground font-medium", e),
|
|
89
89
|
...a
|
|
90
90
|
});
|
|
91
91
|
}
|
|
92
92
|
function H({ className: e, ...a }) {
|
|
93
|
-
return /* @__PURE__ */ t(
|
|
93
|
+
return /* @__PURE__ */ t(De, {
|
|
94
94
|
"data-slot": "sheet-description",
|
|
95
95
|
className: r("text-muted-foreground text-sm", e),
|
|
96
96
|
...a
|
|
97
97
|
});
|
|
98
98
|
}
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
99
|
+
W.displayName = "Sheet.Trigger";
|
|
100
|
+
$.displayName = "Sheet.Close";
|
|
101
|
+
A.displayName = "Sheet.Portal";
|
|
102
|
+
R.displayName = "Sheet.Overlay";
|
|
103
103
|
O.displayName = "Sheet.Content";
|
|
104
104
|
L.displayName = "Sheet.Header";
|
|
105
|
-
|
|
105
|
+
q.displayName = "Sheet.Footer";
|
|
106
106
|
G.displayName = "Sheet.Title";
|
|
107
107
|
H.displayName = "Sheet.Description";
|
|
108
108
|
F.displayName = "Sheet";
|
|
109
109
|
var Le = Object.assign(F, {
|
|
110
|
-
Trigger:
|
|
111
|
-
Close:
|
|
112
|
-
Portal:
|
|
113
|
-
Overlay:
|
|
110
|
+
Trigger: W,
|
|
111
|
+
Close: $,
|
|
112
|
+
Portal: A,
|
|
113
|
+
Overlay: R,
|
|
114
114
|
Content: O,
|
|
115
115
|
Header: L,
|
|
116
|
-
Footer:
|
|
116
|
+
Footer: q,
|
|
117
117
|
Title: G,
|
|
118
118
|
Description: H
|
|
119
119
|
});
|
|
@@ -133,26 +133,26 @@ function He() {
|
|
|
133
133
|
};
|
|
134
134
|
}, []), e;
|
|
135
135
|
}
|
|
136
|
-
var je = "sidebar_state", Ke = 3600 * 24 * 7, I = "324px",
|
|
137
|
-
function
|
|
138
|
-
const c = He(), [h,
|
|
136
|
+
var je = "sidebar_state", Ke = 3600 * 24 * 7, I = "324px", P = "18rem", z = "108px", Fe = "b", [V, C] = ye("SidebarProvider");
|
|
137
|
+
function We({ defaultOpen: e = !1, open: a, onOpenChange: o, connected: i = !0, loading: s = !1, contentBgColor: n, className: u, style: p, children: m, ...g }) {
|
|
138
|
+
const c = He(), [h, _] = l.useState(!1), f = l.useRef(null), [T, E] = l.useState(e), v = a ?? T, N = l.useRef(v);
|
|
139
139
|
N.current = v;
|
|
140
140
|
const w = l.useCallback((d) => {
|
|
141
141
|
const x = typeof d == "function" ? d(N.current) : d;
|
|
142
|
-
o ? o(x) :
|
|
142
|
+
o ? o(x) : E(x);
|
|
143
143
|
const S = f.current?.ownerDocument;
|
|
144
144
|
S && (S.cookie = `${je}=${x}; path=/; max-age=${Ke}`);
|
|
145
|
-
}, [o]),
|
|
145
|
+
}, [o]), D = l.useCallback(() => c ? _((d) => !d) : w((d) => !d), [c, w]), he = l.useRef(null);
|
|
146
146
|
l.useEffect(() => {
|
|
147
147
|
const d = (S) => {
|
|
148
|
-
S.key === Fe && (S.metaKey || S.ctrlKey) && (S.preventDefault(),
|
|
148
|
+
S.key === Fe && (S.metaKey || S.ctrlKey) && (S.preventDefault(), D());
|
|
149
149
|
}, x = f.current?.ownerDocument.defaultView;
|
|
150
150
|
if (x)
|
|
151
151
|
return x.addEventListener("keydown", d), () => x.removeEventListener("keydown", d);
|
|
152
|
-
}, [
|
|
152
|
+
}, [D]), l.useEffect(() => {
|
|
153
153
|
const d = f.current?.ownerDocument.documentElement;
|
|
154
154
|
if (d)
|
|
155
|
-
return d.style.setProperty("--sidebar-width", I), d.style.setProperty("--sidebar-width-mobile",
|
|
155
|
+
return d.style.setProperty("--sidebar-width", I), d.style.setProperty("--sidebar-width-mobile", P), d.style.setProperty("--sidebar-width-icon", z), c ? (d.style.setProperty("--sidebar-mobile", "1"), d.style.setProperty("--sidebar-width-current", P), d.dataset.sidebarMobile = "true") : (d.style.setProperty("--sidebar-mobile", "0"), d.style.setProperty("--sidebar-width-current", I), d.dataset.sidebarMobile = "false"), () => {
|
|
156
156
|
d.style.removeProperty("--sidebar-mobile"), d.style.removeProperty("--sidebar-width"), d.style.removeProperty("--sidebar-width-mobile"), d.style.removeProperty("--sidebar-width-icon"), d.style.removeProperty("--sidebar-width-current"), delete d.dataset.sidebarMobile;
|
|
157
157
|
};
|
|
158
158
|
}, [c]);
|
|
@@ -162,8 +162,8 @@ function $e({ defaultOpen: e = !1, open: a, onOpenChange: o, connected: i = !0,
|
|
|
162
162
|
setOpen: w,
|
|
163
163
|
isMobile: c,
|
|
164
164
|
openMobile: h,
|
|
165
|
-
setOpenMobile:
|
|
166
|
-
toggleSidebar:
|
|
165
|
+
setOpenMobile: _,
|
|
166
|
+
toggleSidebar: D,
|
|
167
167
|
connected: i,
|
|
168
168
|
loading: s,
|
|
169
169
|
contentBgColor: n,
|
|
@@ -174,19 +174,19 @@ function $e({ defaultOpen: e = !1, open: a, onOpenChange: o, connected: i = !0,
|
|
|
174
174
|
w,
|
|
175
175
|
c,
|
|
176
176
|
h,
|
|
177
|
-
|
|
177
|
+
D,
|
|
178
178
|
i,
|
|
179
179
|
s,
|
|
180
180
|
n
|
|
181
181
|
]);
|
|
182
|
-
return /* @__PURE__ */ t(
|
|
182
|
+
return /* @__PURE__ */ t(V.Provider, {
|
|
183
183
|
value: ve,
|
|
184
184
|
children: /* @__PURE__ */ t("div", {
|
|
185
185
|
ref: f,
|
|
186
186
|
"data-slot": "sidebar-wrapper",
|
|
187
187
|
style: {
|
|
188
188
|
"--sidebar-width": I,
|
|
189
|
-
"--sidebar-width-icon":
|
|
189
|
+
"--sidebar-width-icon": z,
|
|
190
190
|
...p
|
|
191
191
|
},
|
|
192
192
|
className: r("group/sidebar-wrapper flex w-full", i ? "h-full" : "min-h-svh", u),
|
|
@@ -195,9 +195,9 @@ function $e({ defaultOpen: e = !1, open: a, onOpenChange: o, connected: i = !0,
|
|
|
195
195
|
})
|
|
196
196
|
});
|
|
197
197
|
}
|
|
198
|
-
|
|
199
|
-
function
|
|
200
|
-
const { isMobile:
|
|
198
|
+
We.displayName = "SidebarProvider";
|
|
199
|
+
function B({ side: e = "left", collapsible: a = "offcanvas", width: o = I, collapsedWidth: i = z, mobileWidth: s = P, offsetTop: n = "0px", offsetBottom: u = "0px", rounded: p = !1, className: m, style: g, children: c, ...h }) {
|
|
200
|
+
const { isMobile: _, state: f, openMobile: T, setOpenMobile: E, connected: v, containerRef: N } = C(), w = l.useMemo(() => p ? e === "left" ? "rounded-r-(--sidebar-radius,0.5rem)" : "rounded-l-(--sidebar-radius,0.5rem)" : "", [p, e]);
|
|
201
201
|
return v ? /* @__PURE__ */ t("div", {
|
|
202
202
|
ref: N,
|
|
203
203
|
"data-slot": "sidebar",
|
|
@@ -217,9 +217,9 @@ function P({ side: e = "left", collapsible: a = "offcanvas", width: o = I, colla
|
|
|
217
217
|
className: r("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", m),
|
|
218
218
|
...h,
|
|
219
219
|
children: c
|
|
220
|
-
}) :
|
|
221
|
-
open:
|
|
222
|
-
onOpenChange:
|
|
220
|
+
}) : _ ? /* @__PURE__ */ t(Le, {
|
|
221
|
+
open: T,
|
|
222
|
+
onOpenChange: E,
|
|
223
223
|
...h,
|
|
224
224
|
children: /* @__PURE__ */ b(O, {
|
|
225
225
|
"data-sidebar": "sidebar",
|
|
@@ -270,10 +270,10 @@ function P({ side: e = "left", collapsible: a = "offcanvas", width: o = I, colla
|
|
|
270
270
|
})]
|
|
271
271
|
});
|
|
272
272
|
}
|
|
273
|
-
|
|
274
|
-
function
|
|
275
|
-
const { toggleSidebar: i, open: s } =
|
|
276
|
-
return /* @__PURE__ */ b(
|
|
273
|
+
B.displayName = "Sidebar";
|
|
274
|
+
function X({ className: e, onClick: a, ...o }) {
|
|
275
|
+
const { toggleSidebar: i, open: s } = C();
|
|
276
|
+
return /* @__PURE__ */ b(Te, {
|
|
277
277
|
"data-sidebar": "trigger",
|
|
278
278
|
"data-slot": "sidebar-trigger",
|
|
279
279
|
appearance: "ghost",
|
|
@@ -292,9 +292,9 @@ function U({ className: e, onClick: a, ...o }) {
|
|
|
292
292
|
})]
|
|
293
293
|
});
|
|
294
294
|
}
|
|
295
|
-
|
|
296
|
-
function
|
|
297
|
-
const { toggleSidebar: o } =
|
|
295
|
+
X.displayName = "SidebarTrigger";
|
|
296
|
+
function U({ className: e, ...a }) {
|
|
297
|
+
const { toggleSidebar: o } = C();
|
|
298
298
|
return /* @__PURE__ */ t("button", {
|
|
299
299
|
"data-sidebar": "rail",
|
|
300
300
|
"data-slot": "sidebar-rail",
|
|
@@ -306,9 +306,9 @@ function X({ className: e, ...a }) {
|
|
|
306
306
|
...a
|
|
307
307
|
});
|
|
308
308
|
}
|
|
309
|
-
|
|
309
|
+
U.displayName = "SidebarRail";
|
|
310
310
|
function Y({ className: e, connected: a, contentBgColor: o, ...i }) {
|
|
311
|
-
const s = l.useContext(
|
|
311
|
+
const s = l.useContext(V), n = a ?? s?.connected ?? !1, u = s?.isMobile ?? !1, p = o ?? s?.contentBgColor ?? "bg-background";
|
|
312
312
|
return n ? /* @__PURE__ */ t("main", {
|
|
313
313
|
"data-slot": "sidebar-inset",
|
|
314
314
|
"data-connected": "true",
|
|
@@ -351,7 +351,7 @@ function Z({ className: e, ...a }) {
|
|
|
351
351
|
}
|
|
352
352
|
Z.displayName = "SidebarFooter";
|
|
353
353
|
function ee({ className: e, ...a }) {
|
|
354
|
-
return /* @__PURE__ */ t(
|
|
354
|
+
return /* @__PURE__ */ t(Ee, {
|
|
355
355
|
"data-slot": "sidebar-separator",
|
|
356
356
|
"data-sidebar": "separator",
|
|
357
357
|
className: r("bg-sidebar-border mx-2 w-auto", e),
|
|
@@ -428,7 +428,7 @@ function de({ className: e, ...a }) {
|
|
|
428
428
|
});
|
|
429
429
|
}
|
|
430
430
|
de.displayName = "SidebarMenuItem";
|
|
431
|
-
var
|
|
431
|
+
var $e = Se("ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-left text-sm transition-[width,height,padding] motion-reduce:transition-none group-has-data-[sidebar=menu-action]/menu-item:pe-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium peer/menu-button flex w-full items-center overflow-hidden outline-hidden group/menu-button disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&_svg]:size-4 [&_svg]:shrink-0", {
|
|
432
432
|
variants: {
|
|
433
433
|
variant: {
|
|
434
434
|
default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
|
|
@@ -446,13 +446,13 @@ var qe = Se("ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent
|
|
|
446
446
|
}
|
|
447
447
|
});
|
|
448
448
|
function ne({ render: e, isActive: a = !1, variant: o = "default", size: i = "default", tooltip: s, className: n, ...u }) {
|
|
449
|
-
const { isMobile: p, state: m } =
|
|
449
|
+
const { isMobile: p, state: m } = C(), g = k({
|
|
450
450
|
defaultTagName: "button",
|
|
451
|
-
props: M({ className: r(
|
|
451
|
+
props: M({ className: r($e({
|
|
452
452
|
variant: o,
|
|
453
453
|
size: i
|
|
454
454
|
}), n) }, u),
|
|
455
|
-
render: s ?
|
|
455
|
+
render: s ? ze : e,
|
|
456
456
|
state: {
|
|
457
457
|
slot: "sidebar-menu-button",
|
|
458
458
|
sidebar: "menu-button",
|
|
@@ -460,7 +460,7 @@ function ne({ render: e, isActive: a = !1, variant: o = "default", size: i = "de
|
|
|
460
460
|
active: a
|
|
461
461
|
}
|
|
462
462
|
});
|
|
463
|
-
return s ? (typeof s == "string" && (s = { children: s }), /* @__PURE__ */ b(
|
|
463
|
+
return s ? (typeof s == "string" && (s = { children: s }), /* @__PURE__ */ b(Be, { children: [g, /* @__PURE__ */ t(Pe, {
|
|
464
464
|
side: "right",
|
|
465
465
|
align: "center",
|
|
466
466
|
hidden: m !== "collapsed" || p,
|
|
@@ -562,8 +562,8 @@ function ge({ render: e, size: a = "md", isActive: o = !1, className: i, ...s })
|
|
|
562
562
|
});
|
|
563
563
|
}
|
|
564
564
|
ge.displayName = "SidebarMenuSubButton";
|
|
565
|
-
var da = Object.assign(
|
|
566
|
-
Root:
|
|
565
|
+
var da = Object.assign(B, {
|
|
566
|
+
Root: B,
|
|
567
567
|
Header: Q,
|
|
568
568
|
Content: ae,
|
|
569
569
|
Footer: Z,
|
|
@@ -582,32 +582,34 @@ var da = Object.assign(P, {
|
|
|
582
582
|
MenuSubButton: ge,
|
|
583
583
|
Input: J,
|
|
584
584
|
Separator: ee,
|
|
585
|
-
Rail:
|
|
585
|
+
Rail: U,
|
|
586
586
|
Inset: Y,
|
|
587
|
-
Trigger:
|
|
587
|
+
Trigger: X,
|
|
588
588
|
NavSkeleton: be,
|
|
589
589
|
AccountSkeleton: pe
|
|
590
|
-
});
|
|
590
|
+
}), na = "280px", la = "68px";
|
|
591
591
|
export {
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
592
|
+
We as _,
|
|
593
|
+
ae as a,
|
|
594
|
+
O as b,
|
|
595
|
+
te as c,
|
|
596
|
+
Q as d,
|
|
597
|
+
Y as f,
|
|
598
|
+
be as g,
|
|
599
|
+
ce as h,
|
|
600
|
+
da as i,
|
|
601
|
+
oe as l,
|
|
602
|
+
de as m,
|
|
603
|
+
na as n,
|
|
604
|
+
V as o,
|
|
605
|
+
se as p,
|
|
606
|
+
pe as r,
|
|
607
|
+
Z as s,
|
|
608
|
+
la as t,
|
|
609
|
+
re as u,
|
|
610
|
+
C as v,
|
|
611
|
+
Le as x,
|
|
612
|
+
He as y
|
|
611
613
|
};
|
|
612
614
|
|
|
613
|
-
//# sourceMappingURL=
|
|
615
|
+
//# sourceMappingURL=AppSidebar.constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppSidebar.constants.js","names":[],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/panel-left.mjs","../../src/components/ui/sheet.tsx","../../src/hooks/use-mobile.ts","../../src/components/ui/sidebar.tsx","../../src/components/templates/AppSidebar/AppSidebar.constants.ts"],"sourcesContent":["/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", key: \"afitv7\" }],\n [\"path\", { d: \"M9 3v18\", key: \"fh3hqa\" }]\n];\nconst PanelLeft = createLucideIcon(\"panel-left\", __iconNode);\n\nexport { __iconNode, PanelLeft as default };\n//# sourceMappingURL=panel-left.mjs.map\n","'use client';\n\nimport { Dialog as SheetPrimitive } from '@base-ui/react/dialog';\nimport type * as React from 'react';\nimport { CloseButton } from '@/components/ui/close-button';\nimport { cn } from '@/lib/utils';\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {\n return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nexport interface SheetOverlayProps extends SheetPrimitive.Backdrop.Props {\n /** Disables open/close animations */\n disableAnimation?: boolean;\n /** Disables backdrop blur effect */\n disableBackdropBlur?: boolean;\n}\n\nfunction SheetOverlay({\n className,\n disableAnimation,\n disableBackdropBlur,\n ...props\n}: SheetOverlayProps) {\n return (\n <SheetPrimitive.Backdrop\n data-slot=\"sheet-overlay\"\n className={cn(\n 'bg-background/80/10 fixed inset-0 z-50',\n !disableAnimation &&\n 'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0',\n !disableBackdropBlur && 'supports-backdrop-filter:backdrop-blur-xs',\n className,\n )}\n {...props}\n />\n );\n}\n\nexport interface SheetContentProps extends SheetPrimitive.Popup.Props {\n side?: 'top' | 'right' | 'bottom' | 'left';\n showCloseButton?: boolean;\n /** Disables open/close animations */\n disableAnimation?: boolean;\n /** Disables backdrop blur effect */\n disableBackdropBlur?: boolean;\n}\n\nfunction SheetContent({\n className,\n children,\n side = 'right',\n showCloseButton = true,\n disableAnimation,\n disableBackdropBlur,\n ...props\n}: SheetContentProps) {\n return (\n <SheetPortal>\n <SheetOverlay\n disableAnimation={disableAnimation}\n disableBackdropBlur={disableBackdropBlur}\n />\n <SheetPrimitive.Popup\n data-slot=\"sheet-content\"\n data-side={side}\n className={cn(\n 'bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm',\n !disableAnimation &&\n 'data-open:animate-in data-closed:animate-out data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 transition duration-200 ease-in-out',\n className,\n )}\n {...props}\n >\n {children}\n {showCloseButton && (\n <SheetPrimitive.Close\n render={<CloseButton className=\"absolute top-4 end-4\" />}\n />\n )}\n </SheetPrimitive.Popup>\n </SheetPortal>\n );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-header\"\n className={cn('gap-1.5 p-4 flex flex-col', className)}\n {...props}\n />\n );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-footer\"\n className={cn('gap-2 p-4 mt-auto flex flex-col', className)}\n {...props}\n />\n );\n}\n\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n return (\n <SheetPrimitive.Title\n data-slot=\"sheet-title\"\n className={cn('text-foreground font-medium', className)}\n {...props}\n />\n );\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: SheetPrimitive.Description.Props) {\n return (\n <SheetPrimitive.Description\n data-slot=\"sheet-description\"\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n );\n}\n\nSheetTrigger.displayName = 'Sheet.Trigger';\nSheetClose.displayName = 'Sheet.Close';\nSheetPortal.displayName = 'Sheet.Portal';\nSheetOverlay.displayName = 'Sheet.Overlay';\nSheetContent.displayName = 'Sheet.Content';\nSheetHeader.displayName = 'Sheet.Header';\nSheetFooter.displayName = 'Sheet.Footer';\nSheetTitle.displayName = 'Sheet.Title';\nSheetDescription.displayName = 'Sheet.Description';\nSheet.displayName = 'Sheet';\n\nconst SheetNamespace = Object.assign(Sheet, {\n Trigger: SheetTrigger,\n Close: SheetClose,\n Portal: SheetPortal,\n Overlay: SheetOverlay,\n Content: SheetContent,\n Header: SheetHeader,\n Footer: SheetFooter,\n Title: SheetTitle,\n Description: SheetDescription,\n});\n\nexport {\n SheetClose,\n SheetContent,\n SheetDescription,\n SheetFooter,\n SheetHeader,\n SheetNamespace as Sheet,\n SheetTitle,\n SheetTrigger,\n};\n","import * as React from 'react';\n\nexport const MOBILE_BREAKPOINT = 768;\n\nfunction getClientWindow(): Window | undefined {\n return typeof window === 'undefined' ? undefined : window;\n}\n\nexport function useIsMobile() {\n // SSR-safe: always return false on server for consistent hydration\n const [isMobile, setIsMobile] = React.useState<boolean>(false);\n\n React.useEffect(() => {\n const clientWindow = getClientWindow();\n if (!clientWindow?.matchMedia) {\n return;\n }\n\n const mql = clientWindow.matchMedia(\n `(max-width: ${MOBILE_BREAKPOINT - 1}px)`,\n );\n\n const onChange = (e: MediaQueryListEvent | MediaQueryList) => {\n setIsMobile(e.matches);\n };\n\n // Initial sync on mount\n onChange(mql);\n\n // Safari < 14 compatibility: use addListener/removeListener as fallback\n if (mql.addEventListener) {\n mql.addEventListener('change', onChange);\n } else if ('addListener' in mql) {\n (mql as { addListener: (cb: typeof onChange) => void }).addListener(\n onChange,\n );\n }\n\n return () => {\n if (mql.removeEventListener) {\n mql.removeEventListener('change', onChange);\n } else if ('removeListener' in mql) {\n (\n mql as { removeListener: (cb: typeof onChange) => void }\n ).removeListener(onChange);\n }\n };\n }, []);\n\n return isMobile;\n}\n","'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { PanelLeft } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '@/components/ui/button';\nimport { Input } from '@/components/ui/input';\nimport { Separator } from '@/components/ui/separator';\nimport {\n Sheet,\n SheetContent,\n SheetDescription,\n SheetHeader,\n SheetTitle,\n} from '@/components/ui/sheet';\nimport { Skeleton } from '@/components/ui/skeleton';\nimport { Tooltip, TooltipPopup, TooltipTrigger } from '@/components/ui/tooltip';\nimport { useIsMobile } from '@/hooks/use-mobile';\nimport { createSafeContext } from '@/lib/create-safe-context';\nimport { cn } from '@/lib/utils';\n\nconst SIDEBAR_COOKIE_NAME = 'sidebar_state';\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nconst SIDEBAR_WIDTH = '324px';\nconst SIDEBAR_WIDTH_MOBILE = '18rem';\n// Collapsed width: 76px content + 16px padding + 16px spacing-xl = 108px\nconst SIDEBAR_WIDTH_ICON = '108px';\nconst SIDEBAR_KEYBOARD_SHORTCUT = 'b';\n\ntype SidebarContextProps = {\n state: 'expanded' | 'collapsed';\n open: boolean;\n setOpen: (open: boolean) => void;\n openMobile: boolean;\n setOpenMobile: (open: boolean) => void;\n isMobile: boolean;\n toggleSidebar: () => void;\n /** Whether the sidebar is in connected layout mode */\n connected: boolean;\n /** Whether the sidebar is in a loading state */\n loading: boolean;\n /** Custom background color class for the content/inset area */\n contentBgColor?: string;\n /** Ref to the visible sidebar rail element. Use to anchor flyouts/popovers to the sidebar edge. */\n containerRef: React.RefObject<HTMLDivElement | null>;\n};\n\nconst [SidebarContext, useSidebar] =\n createSafeContext<SidebarContextProps>('SidebarProvider');\n\nfunction SidebarProvider({\n defaultOpen = false,\n open: openProp,\n onOpenChange: setOpenProp,\n connected = true,\n loading = false,\n contentBgColor,\n className,\n style,\n children,\n ...props\n}: React.ComponentProps<'div'> & {\n defaultOpen?: boolean;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n /**\n * Enable connected layout mode for use inside AppShell.\n *\n * In connected mode:\n * - Sidebar fills its parent container (no fixed positioning)\n * - Width is controlled by the parent container\n * - Collapse/expand is not supported (sidebar always visible)\n * - The `side` prop is handled by DOM order\n */\n connected?: boolean;\n /** Whether the sidebar is in a loading state */\n loading?: boolean;\n /** Custom background color class for the content/inset area (e.g., 'bg-destructive') */\n contentBgColor?: string;\n}) {\n const isMobile = useIsMobile();\n const [openMobile, setOpenMobile] = React.useState(false);\n // Ref for portal-proof document/window access.\n const wrapperRef = React.useRef<HTMLDivElement>(null);\n\n // This is the internal state of the sidebar.\n // We use openProp and setOpenProp for control from outside the component.\n const [_open, _setOpen] = React.useState(defaultOpen);\n const open = openProp ?? _open;\n const openRef = React.useRef(open);\n openRef.current = open;\n const setOpen = React.useCallback(\n (value: boolean | ((value: boolean) => boolean)) => {\n const openState =\n typeof value === 'function' ? value(openRef.current) : value;\n if (setOpenProp) {\n setOpenProp(openState);\n } else {\n _setOpen(openState);\n }\n\n // This sets the cookie to keep the sidebar state.\n const ownerDocument = wrapperRef.current?.ownerDocument;\n if (ownerDocument) {\n ownerDocument.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n }\n },\n [setOpenProp],\n );\n\n // Helper to toggle the sidebar.\n const toggleSidebar = React.useCallback(() => {\n return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);\n }, [isMobile, setOpen]);\n\n // Ref to the visible sidebar rail element (set by Sidebar). Exposed via context for anchoring flyouts.\n const containerRef = React.useRef<HTMLDivElement | null>(null);\n\n // Adds a keyboard shortcut to toggle the sidebar.\n React.useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (\n event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n (event.metaKey || event.ctrlKey)\n ) {\n event.preventDefault();\n toggleSidebar();\n }\n };\n\n // Use ownerDocument.defaultView for portal/iframe compatibility (ADR-010)\n const win = wrapperRef.current?.ownerDocument.defaultView;\n if (!win) return;\n win.addEventListener('keydown', handleKeyDown);\n return () => win.removeEventListener('keydown', handleKeyDown);\n }, [toggleSidebar]);\n\n // Set CSS variables on :root when mobile state changes\n // Use concrete values so consumers can use these variables globally\n React.useEffect(() => {\n const root = wrapperRef.current?.ownerDocument.documentElement;\n if (!root) return;\n\n // Set global sidebar width values for consumer use\n root.style.setProperty('--sidebar-width', SIDEBAR_WIDTH);\n root.style.setProperty('--sidebar-width-mobile', SIDEBAR_WIDTH_MOBILE);\n root.style.setProperty('--sidebar-width-icon', SIDEBAR_WIDTH_ICON);\n\n if (isMobile) {\n root.style.setProperty('--sidebar-mobile', '1');\n root.style.setProperty('--sidebar-width-current', SIDEBAR_WIDTH_MOBILE);\n root.dataset.sidebarMobile = 'true';\n } else {\n root.style.setProperty('--sidebar-mobile', '0');\n root.style.setProperty('--sidebar-width-current', SIDEBAR_WIDTH);\n root.dataset.sidebarMobile = 'false';\n }\n\n return () => {\n root.style.removeProperty('--sidebar-mobile');\n root.style.removeProperty('--sidebar-width');\n root.style.removeProperty('--sidebar-width-mobile');\n root.style.removeProperty('--sidebar-width-icon');\n root.style.removeProperty('--sidebar-width-current');\n delete root.dataset.sidebarMobile;\n };\n }, [isMobile]);\n\n // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n // This makes it easier to style the sidebar with Tailwind classes.\n const state = open ? 'expanded' : 'collapsed';\n\n const contextValue = React.useMemo<SidebarContextProps>(\n () => ({\n state,\n open,\n setOpen,\n isMobile,\n openMobile,\n setOpenMobile,\n toggleSidebar,\n connected,\n loading,\n contentBgColor,\n containerRef,\n }),\n [\n state,\n open,\n setOpen,\n isMobile,\n openMobile,\n toggleSidebar,\n connected,\n loading,\n contentBgColor,\n ],\n );\n\n return (\n <SidebarContext.Provider value={contextValue}>\n <div\n ref={wrapperRef}\n data-slot=\"sidebar-wrapper\"\n style={\n {\n '--sidebar-width': SIDEBAR_WIDTH,\n '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n ...style,\n } as React.CSSProperties\n }\n className={cn(\n 'group/sidebar-wrapper flex w-full',\n // Only impose min-h-svh in default mode; connected mode inherits height from parent\n connected ? 'h-full' : 'min-h-svh',\n className,\n )}\n {...props}\n >\n {children}\n </div>\n </SidebarContext.Provider>\n );\n}\nSidebarProvider.displayName = 'SidebarProvider';\n\n/**\n * Sidebar is a responsive navigation container.\n * Supports mobile sheet mode, keyboard shortcuts, and persistent state via cookies.\n *\n * @llms Responsive sidebar with mobile sheet mode\n * @example\n * ```tsx\n * <SidebarProvider>\n * <Sidebar collapsible=\"icon\">\n * <SidebarHeader />\n * <SidebarContent>...</SidebarContent>\n * <SidebarFooter />\n * </Sidebar>\n * </SidebarProvider>\n * ```\n */\nfunction Sidebar({\n side = 'left',\n collapsible = 'offcanvas',\n width = SIDEBAR_WIDTH,\n collapsedWidth = SIDEBAR_WIDTH_ICON,\n mobileWidth = SIDEBAR_WIDTH_MOBILE,\n offsetTop = '0px',\n offsetBottom = '0px',\n rounded = false,\n className,\n style,\n children,\n ...props\n}: React.ComponentProps<'div'> & {\n side?: 'left' | 'right';\n collapsible?: 'offcanvas' | 'icon' | 'none';\n width?: string;\n collapsedWidth?: string;\n mobileWidth?: string;\n offsetTop?: string;\n offsetBottom?: string;\n rounded?: boolean;\n}) {\n const {\n isMobile,\n state,\n openMobile,\n setOpenMobile,\n connected,\n containerRef,\n } = useSidebar();\n\n const roundedClass = React.useMemo(() => {\n if (!rounded) return '';\n // Inner edge: the edge facing content (left sidebar → right edge, right sidebar → left edge)\n return side === 'left'\n ? 'rounded-r-(--sidebar-radius,0.5rem)'\n : 'rounded-l-(--sidebar-radius,0.5rem)';\n }, [rounded, side]);\n\n // Connected mode: simplified layout for use inside AppShell\n if (connected) {\n return (\n <div\n ref={containerRef}\n data-slot=\"sidebar\"\n data-state={state}\n data-collapsible={state === 'collapsed' ? collapsible : ''}\n data-connected=\"true\"\n className={cn(\n 'group text-sidebar-foreground flex h-full w-full flex-col overflow-hidden',\n className,\n )}\n style={\n {\n '--sidebar-width': width,\n '--sidebar-width-icon': collapsedWidth,\n ...style,\n } as React.CSSProperties\n }\n {...props}\n >\n {children}\n </div>\n );\n }\n\n if (collapsible === 'none') {\n return (\n <div\n data-slot=\"sidebar\"\n className={cn(\n 'bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col',\n className,\n )}\n {...props}\n >\n {children}\n </div>\n );\n }\n\n if (isMobile) {\n return (\n <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n <SheetContent\n data-sidebar=\"sidebar\"\n data-slot=\"sidebar\"\n data-mobile=\"true\"\n className=\"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden\"\n style={\n {\n '--sidebar-width': mobileWidth,\n } as React.CSSProperties\n }\n side={side}\n >\n <SheetHeader className=\"sr-only\">\n <SheetTitle>Sidebar</SheetTitle>\n <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n </SheetHeader>\n <div className=\"flex h-full w-full flex-col\">{children}</div>\n </SheetContent>\n </Sheet>\n );\n }\n\n const effectiveCollapsible = state === 'collapsed' ? collapsible : '';\n\n return (\n <div\n className=\"group peer text-sidebar-foreground hidden md:block\"\n data-state={state}\n data-collapsible={effectiveCollapsible}\n data-side={side}\n data-slot=\"sidebar\"\n >\n {/* This is what handles the sidebar gap on desktop */}\n {/* Uses CSS grid with grid-template-columns transition instead of width\n transition to avoid layout thrashing (grid-template-columns is a\n composite-friendly property that doesn't trigger document reflow). */}\n <div\n data-slot=\"sidebar-gap-container\"\n className={cn(\n 'grid transition-[grid-template-columns] duration-200 ease-linear motion-reduce:transition-none',\n 'grid-cols-[var(--sidebar-width)]',\n 'group-data-[collapsible=offcanvas]:grid-cols-[0fr]',\n 'group-data-[side=right]:rotate-180',\n 'group-data-[collapsible=icon]:grid-cols-[var(--sidebar-width-icon)]',\n )}\n >\n <div\n data-slot=\"sidebar-gap\"\n className=\"overflow-hidden bg-transparent\"\n />\n </div>\n <div\n ref={containerRef}\n data-slot=\"sidebar-container\"\n style={\n {\n '--sidebar-width': width,\n '--sidebar-width-icon': collapsedWidth,\n '--sidebar-offset-top': offsetTop,\n '--sidebar-offset-bottom': offsetBottom,\n ...style,\n } as React.CSSProperties\n }\n className={cn(\n 'fixed z-10 hidden transition-[left,right,width,height,top,bottom] duration-200 ease-linear will-change-[width,transform] motion-reduce:transition-none md:flex',\n 'w-(--sidebar-width)',\n 'top-[var(--sidebar-offset-top)] bottom-[var(--sidebar-offset-bottom)] h-[calc(100svh-var(--sidebar-offset-top)-var(--sidebar-offset-bottom))]',\n side === 'left'\n ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'\n : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',\n 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)',\n className,\n )}\n {...props}\n >\n <div\n data-sidebar=\"sidebar\"\n data-slot=\"sidebar-inner\"\n className={cn('flex size-full flex-col', roundedClass)}\n >\n {children}\n </div>\n </div>\n </div>\n );\n}\nSidebar.displayName = 'Sidebar';\n\nfunction SidebarTrigger({\n className,\n onClick,\n ...props\n}: React.ComponentProps<typeof Button>) {\n const { toggleSidebar, open } = useSidebar();\n\n return (\n <Button\n data-sidebar=\"trigger\"\n data-slot=\"sidebar-trigger\"\n appearance=\"ghost\"\n variant=\"secondary\"\n size=\"icon-sm\"\n aria-label=\"Toggle sidebar\"\n aria-expanded={open}\n className={cn(className)}\n onClick={(event) => {\n onClick?.(event);\n toggleSidebar();\n }}\n {...props}\n >\n <PanelLeft aria-hidden=\"true\" />\n <span className=\"sr-only\">Toggle Sidebar</span>\n </Button>\n );\n}\nSidebarTrigger.displayName = 'SidebarTrigger';\n\nfunction SidebarRail({ className, ...props }: React.ComponentProps<'button'>) {\n const { toggleSidebar } = useSidebar();\n\n return (\n <button\n data-sidebar=\"rail\"\n data-slot=\"sidebar-rail\"\n aria-label=\"Toggle Sidebar\"\n tabIndex={-1}\n onClick={toggleSidebar}\n title=\"Toggle Sidebar\"\n className={cn(\n 'hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear motion-reduce:transition-none group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex',\n 'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',\n '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize',\n 'hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full',\n '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2',\n '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2',\n className,\n )}\n {...props}\n />\n );\n}\nSidebarRail.displayName = 'SidebarRail';\n\nfunction SidebarInset({\n className,\n connected: connectedProp,\n contentBgColor: contentBgColorProp,\n ...props\n}: React.ComponentProps<'main'> & {\n /** Enable connected layout mode directly, without needing SidebarProvider */\n connected?: boolean;\n /** Custom background color class (e.g., 'bg-destructive'). Overrides context value. */\n contentBgColor?: string;\n}) {\n const context = React.useContext(SidebarContext);\n // Prefer prop over context, fallback to false\n const connected = connectedProp ?? context?.connected ?? false;\n const isMobile = context?.isMobile ?? false;\n // Prefer prop over context, fallback to 'bg-background'\n const bgColor =\n contentBgColorProp ?? context?.contentBgColor ?? 'bg-background';\n\n // Connected mode: simplified layout for use inside AppShell\n if (connected) {\n return (\n <main\n data-slot=\"sidebar-inset\"\n data-connected=\"true\"\n data-mobile={isMobile ? 'true' : 'false'}\n className={cn(\n 'relative flex h-full w-full flex-1 flex-col overflow-hidden',\n bgColor,\n isMobile && 'p-0',\n className,\n )}\n {...props}\n />\n );\n }\n\n return (\n <main\n data-slot=\"sidebar-inset\"\n data-mobile={isMobile ? 'true' : 'false'}\n className={cn(bgColor, 'relative flex w-full flex-1 flex-col', className)}\n {...props}\n />\n );\n}\nSidebarInset.displayName = 'SidebarInset';\n\nfunction SidebarInput({\n className,\n ...props\n}: React.ComponentProps<typeof Input>) {\n return (\n <Input\n data-slot=\"sidebar-input\"\n data-sidebar=\"input\"\n className={cn('bg-background h-8 w-full shadow-none', className)}\n {...props}\n />\n );\n}\nSidebarInput.displayName = 'SidebarInput';\n\nfunction SidebarHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sidebar-header\"\n data-sidebar=\"header\"\n className={cn(\n 'gap-[var(--sidebar-gap,0.5rem)] p-[var(--sidebar-padding-inner,0.5rem)] flex shrink-0 flex-col',\n className,\n )}\n {...props}\n />\n );\n}\nSidebarHeader.displayName = 'SidebarHeader';\n\nfunction SidebarFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sidebar-footer\"\n data-sidebar=\"footer\"\n className={cn(\n 'gap-[var(--sidebar-gap,0.5rem)] p-[var(--sidebar-padding-inner,0.5rem)] flex shrink-0 flex-col',\n className,\n )}\n {...props}\n />\n );\n}\nSidebarFooter.displayName = 'SidebarFooter';\n\nfunction SidebarSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof Separator>) {\n return (\n <Separator\n data-slot=\"sidebar-separator\"\n data-sidebar=\"separator\"\n className={cn('bg-sidebar-border mx-2 w-auto', className)}\n {...props}\n />\n );\n}\nSidebarSeparator.displayName = 'SidebarSeparator';\n\nfunction SidebarContent({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sidebar-content\"\n data-sidebar=\"content\"\n className={cn(\n 'no-scrollbar gap-[var(--sidebar-gap,0.5rem)] flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden',\n className,\n )}\n {...props}\n />\n );\n}\nSidebarContent.displayName = 'SidebarContent';\n\nfunction SidebarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sidebar-group\"\n data-sidebar=\"group\"\n className={cn(\n 'p-[var(--sidebar-padding-inner,0.5rem)] relative flex w-full min-w-0 flex-col',\n className,\n )}\n {...props}\n />\n );\n}\nSidebarGroup.displayName = 'SidebarGroup';\n\nfunction SidebarGroupLabel({\n className,\n render,\n ...props\n}: useRender.ComponentProps<'div'> & React.ComponentProps<'div'>) {\n return useRender({\n defaultTagName: 'div',\n props: mergeProps<'div'>(\n {\n className: cn(\n 'text-sidebar-foreground/80 ring-sidebar-ring h-8 rounded-md px-2 text-xs font-medium transition-[transform,opacity] duration-200 ease-linear motion-reduce:transition-none group-data-[collapsible=icon]:-translate-y-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 flex shrink-0 items-center outline-hidden [&>svg]:shrink-0',\n className,\n ),\n },\n props,\n ),\n render,\n state: {\n slot: 'sidebar-group-label',\n sidebar: 'group-label',\n },\n });\n}\nSidebarGroupLabel.displayName = 'SidebarGroupLabel';\n\nfunction SidebarGroupAction({\n className,\n render,\n ...props\n}: useRender.ComponentProps<'button'> & React.ComponentProps<'button'>) {\n return useRender({\n defaultTagName: 'button',\n props: mergeProps<'button'>(\n {\n className: cn(\n 'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 end-3 w-5 rounded-md p-0 focus-visible:ring-2 [&>svg]:size-4 flex aspect-square items-center justify-center outline-hidden transition-transform motion-reduce:transition-none [&>svg]:shrink-0 after:absolute after:-inset-2 group-data-[collapsible=icon]:hidden',\n className,\n ),\n },\n props,\n ),\n render,\n state: {\n slot: 'sidebar-group-action',\n sidebar: 'group-action',\n },\n });\n}\nSidebarGroupAction.displayName = 'SidebarGroupAction';\n\nfunction SidebarGroupContent({\n className,\n ...props\n}: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sidebar-group-content\"\n data-sidebar=\"group-content\"\n className={cn('text-sm w-full', className)}\n {...props}\n />\n );\n}\nSidebarGroupContent.displayName = 'SidebarGroupContent';\n\nfunction SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n return (\n <ul\n data-slot=\"sidebar-menu\"\n data-sidebar=\"menu\"\n className={cn(\n 'gap-[var(--sidebar-gap,0.5rem)] flex w-full min-w-0 flex-col',\n className,\n )}\n {...props}\n />\n );\n}\nSidebarMenu.displayName = 'SidebarMenu';\n\nfunction SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n return (\n <li\n data-slot=\"sidebar-menu-item\"\n data-sidebar=\"menu-item\"\n className={cn('group/menu-item relative', className)}\n {...props}\n />\n );\n}\nSidebarMenuItem.displayName = 'SidebarMenuItem';\n\nconst sidebarMenuButtonVariants = cva(\n 'ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-left text-sm transition-[width,height,padding] motion-reduce:transition-none group-has-data-[sidebar=menu-action]/menu-item:pe-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium peer/menu-button flex w-full items-center overflow-hidden outline-hidden group/menu-button disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&_svg]:size-4 [&_svg]:shrink-0',\n {\n variants: {\n variant: {\n default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n outline:\n 'bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_var(--sidebar-border)] hover:shadow-[0_0_0_1px_var(--sidebar-accent)]',\n },\n size: {\n default: 'min-h-11 text-sm',\n sm: 'min-h-8 text-xs',\n lg: 'h-12 text-sm group-data-[collapsible=icon]:p-0!',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n },\n);\n\nfunction SidebarMenuButton({\n render,\n isActive = false,\n variant = 'default',\n size = 'default',\n tooltip,\n className,\n ...props\n}: useRender.ComponentProps<'button'> &\n React.ComponentProps<'button'> & {\n isActive?: boolean;\n tooltip?: string | React.ComponentProps<typeof TooltipPopup>;\n } & VariantProps<typeof sidebarMenuButtonVariants>) {\n const { isMobile, state } = useSidebar();\n const comp = useRender({\n defaultTagName: 'button',\n props: mergeProps<'button'>(\n {\n className: cn(sidebarMenuButtonVariants({ variant, size }), className),\n },\n props,\n ),\n render: !tooltip ? render : TooltipTrigger,\n state: {\n slot: 'sidebar-menu-button',\n sidebar: 'menu-button',\n size,\n active: isActive,\n },\n });\n\n if (!tooltip) {\n return comp;\n }\n\n if (typeof tooltip === 'string') {\n tooltip = {\n children: tooltip,\n };\n }\n\n return (\n <Tooltip>\n {comp}\n <TooltipPopup\n side=\"right\"\n align=\"center\"\n hidden={state !== 'collapsed' || isMobile}\n {...tooltip}\n />\n </Tooltip>\n );\n}\nSidebarMenuButton.displayName = 'SidebarMenuButton';\n\nfunction SidebarMenuAction({\n className,\n render,\n showOnHover = false,\n ...props\n}: useRender.ComponentProps<'button'> &\n React.ComponentProps<'button'> & {\n showOnHover?: boolean;\n }) {\n return useRender({\n defaultTagName: 'button',\n props: mergeProps<'button'>(\n {\n className: cn(\n 'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 aspect-square w-5 rounded-md p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 focus-visible:ring-2 [&>svg]:size-4 flex items-center justify-center outline-hidden transition-transform motion-reduce:transition-none group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 [&>svg]:shrink-0',\n showOnHover &&\n 'peer-data-active/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-open:opacity-100 md:opacity-0',\n className,\n ),\n },\n props,\n ),\n render,\n state: {\n slot: 'sidebar-menu-action',\n sidebar: 'menu-action',\n },\n });\n}\nSidebarMenuAction.displayName = 'SidebarMenuAction';\n\nfunction SidebarMenuBadge({\n className,\n ...props\n}: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sidebar-menu-badge\"\n data-sidebar=\"menu-badge\"\n className={cn(\n 'text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute end-1 flex h-5 min-w-5 rounded-md px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 flex items-center justify-center tabular-nums select-none group-data-[collapsible=icon]:hidden',\n className,\n )}\n {...props}\n />\n );\n}\nSidebarMenuBadge.displayName = 'SidebarMenuBadge';\n\nfunction SidebarMenuSkeleton({\n className,\n showIcon = false,\n ...props\n}: React.ComponentProps<'div'> & {\n showIcon?: boolean;\n}) {\n const width = showIcon ? '72%' : '64%';\n\n return (\n <div\n data-slot=\"sidebar-menu-skeleton\"\n data-sidebar=\"menu-skeleton\"\n className={cn('h-8 gap-2 rounded-md px-2 flex items-center', className)}\n {...props}\n >\n {showIcon && (\n <Skeleton\n className=\"size-4 rounded-md\"\n data-sidebar=\"menu-skeleton-icon\"\n />\n )}\n <Skeleton\n className=\"h-4 max-w-(--skeleton-width) flex-1\"\n data-sidebar=\"menu-skeleton-text\"\n style={\n {\n '--skeleton-width': width,\n } as React.CSSProperties\n }\n />\n </div>\n );\n}\nSidebarMenuSkeleton.displayName = 'SidebarMenuSkeleton';\n\nfunction SidebarNavSkeleton({\n className,\n ...props\n}: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sidebar-nav-skeleton\"\n data-sidebar=\"nav-skeleton\"\n className={cn(\n 'flex h-10 w-full items-center gap-3 rounded-md px-3 py-2',\n 'group-data-[collapsible=icon]:h-11 group-data-[collapsible=icon]:w-[76px] group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0 group-data-[collapsible=icon]:py-3',\n className,\n )}\n {...props}\n >\n <Skeleton className=\"size-5 shrink-0 rounded\" />\n <Skeleton className=\"h-4 flex-1 group-data-[collapsible=icon]:hidden\" />\n </div>\n );\n}\nSidebarNavSkeleton.displayName = 'SidebarNavSkeleton';\n\nfunction SidebarAccountSkeleton({\n className,\n ...props\n}: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sidebar-account-skeleton\"\n data-sidebar=\"account-skeleton\"\n className={cn('flex w-full items-center gap-2 rounded-md p-2', className)}\n {...props}\n >\n <Skeleton className=\"size-8 shrink-0 rounded-lg\" />\n <div className=\"flex flex-1 flex-col gap-1 group-data-[collapsible=icon]:hidden\">\n <Skeleton className=\"h-3.5 w-20\" />\n <Skeleton className=\"h-3 w-16\" />\n </div>\n </div>\n );\n}\nSidebarAccountSkeleton.displayName = 'SidebarAccountSkeleton';\n\nfunction SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n return (\n <ul\n data-slot=\"sidebar-menu-sub\"\n data-sidebar=\"menu-sub\"\n className={cn(\n 'border-sidebar-border mx-3.5 translate-x-px gap-[var(--sidebar-gap,0.5rem)] border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden flex min-w-0 flex-col',\n className,\n )}\n {...props}\n />\n );\n}\nSidebarMenuSub.displayName = 'SidebarMenuSub';\n\nfunction SidebarMenuSubItem({\n className,\n ...props\n}: React.ComponentProps<'li'>) {\n return (\n <li\n data-slot=\"sidebar-menu-sub-item\"\n data-sidebar=\"menu-sub-item\"\n className={cn('group/menu-sub-item relative', className)}\n {...props}\n />\n );\n}\nSidebarMenuSubItem.displayName = 'SidebarMenuSubItem';\n\nfunction SidebarMenuSubButton({\n render,\n size = 'md',\n isActive = false,\n className,\n ...props\n}: useRender.ComponentProps<'a'> &\n React.ComponentProps<'a'> & {\n size?: 'sm' | 'md';\n isActive?: boolean;\n }) {\n return useRender({\n defaultTagName: 'a',\n props: mergeProps<'a'>(\n {\n className: cn(\n 'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground min-h-9 gap-2 rounded-md px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 flex min-w-0 -translate-x-px items-center overflow-hidden outline-hidden group-data-[collapsible=icon]:hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0',\n className,\n ),\n },\n props,\n ),\n render,\n state: {\n slot: 'sidebar-menu-sub-button',\n sidebar: 'menu-sub-button',\n size,\n active: isActive,\n },\n });\n}\nSidebarMenuSubButton.displayName = 'SidebarMenuSubButton';\n\n// ============================================\n// Compound Component Export\n// ============================================\n\n/**\n * Sidebar compound component with dot notation access to all parts.\n *\n * Usage:\n * - `Sidebar.Root` - Main sidebar container (alias for Sidebar)\n * - `Sidebar.Header` - Header section\n * - `Sidebar.Content` - Scrollable content area\n * - `Sidebar.Footer` - Footer section\n * - `Sidebar.Group` - Group container for menu items\n * - `Sidebar.GroupLabel` - Label for a group\n * - `Sidebar.GroupContent` - Content within a group\n * - `Sidebar.GroupAction` - Action button for a group\n * - `Sidebar.Menu` - Menu container\n * - `Sidebar.MenuItem` - Menu item wrapper\n * - `Sidebar.MenuButton` - Clickable menu button\n * - `Sidebar.MenuAction` - Action within a menu item\n * - `Sidebar.MenuBadge` - Badge within a menu item\n * - `Sidebar.MenuSkeleton` - Loading skeleton for menu\n * - `Sidebar.MenuSub` - Submenu container\n * - `Sidebar.MenuSubItem` - Submenu item\n * - `Sidebar.MenuSubButton` - Submenu button\n * - `Sidebar.Input` - Input within sidebar\n * - `Sidebar.Separator` - Visual separator\n * - `Sidebar.Rail` - Resize/toggle rail\n * - `Sidebar.Inset` - Main content inset area\n * - `Sidebar.Trigger` - Toggle button\n */\nconst SidebarCompound = Object.assign(Sidebar, {\n Root: Sidebar,\n Header: SidebarHeader,\n Content: SidebarContent,\n Footer: SidebarFooter,\n Group: SidebarGroup,\n GroupLabel: SidebarGroupLabel,\n GroupContent: SidebarGroupContent,\n GroupAction: SidebarGroupAction,\n Menu: SidebarMenu,\n MenuItem: SidebarMenuItem,\n MenuButton: SidebarMenuButton,\n MenuAction: SidebarMenuAction,\n MenuBadge: SidebarMenuBadge,\n MenuSkeleton: SidebarMenuSkeleton,\n MenuSub: SidebarMenuSub,\n MenuSubItem: SidebarMenuSubItem,\n MenuSubButton: SidebarMenuSubButton,\n Input: SidebarInput,\n Separator: SidebarSeparator,\n Rail: SidebarRail,\n Inset: SidebarInset,\n Trigger: SidebarTrigger,\n // Skeletons\n NavSkeleton: SidebarNavSkeleton,\n AccountSkeleton: SidebarAccountSkeleton,\n});\n\nexport {\n SidebarAccountSkeleton,\n SidebarCompound as Sidebar,\n SidebarContent,\n SidebarContext,\n SidebarFooter,\n SidebarGroup,\n SidebarGroupAction,\n SidebarGroupContent,\n SidebarGroupLabel,\n SidebarHeader,\n SidebarInput,\n SidebarInset,\n SidebarMenu,\n SidebarMenuAction,\n SidebarMenuBadge,\n SidebarMenuButton,\n SidebarMenuItem,\n SidebarMenuSkeleton,\n SidebarMenuSub,\n SidebarMenuSubButton,\n SidebarMenuSubItem,\n SidebarNavSkeleton,\n SidebarProvider,\n SidebarRail,\n SidebarSeparator,\n SidebarTrigger,\n useSidebar,\n};\n","/** Canonical expanded width shared by AppSidebar and AppShell.Sidebar. */\nexport const APP_SIDEBAR_EXPANDED_WIDTH = '280px';\n\n/** Canonical collapsed width shared by AppSidebar and AppShell.Sidebar. */\nexport const APP_SIDEBAR_COLLAPSED_WIDTH = '68px';\n"],"x_google_ignoreList":[0],"mappings":"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"}
|