@nipsys/shadcn-lsd 0.1.0 → 0.2.0
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/README.md +136 -78
- package/dist/{Autocomplete-Cuui1Aca.js → Autocomplete-3wLa9P4X.js} +23 -23
- package/dist/{Badge-DgWf6s7v.js → Badge-DHID7w-D.js} +18 -18
- package/dist/{Input-CNaDUPU7.js → Input-W8QqFI1v.js} +16 -16
- package/dist/{Label-Bz0dz1Kz.js → Label-BEM-ZJXI.js} +1 -1
- package/dist/{SidebarContext-7jKqX7F3.js → SidebarContext-CRh-DPz_.js} +7 -7
- package/dist/{Toggle-B7BF2ro7.js → Toggle-DOc92BjI.js} +1 -1
- package/dist/assets/style.css +1 -1
- package/dist/components/ui/accordion/AccordionContent.js +1 -1
- package/dist/components/ui/accordion/AccordionItem.js +7 -7
- package/dist/components/ui/accordion/AccordionTrigger.js +1 -1
- package/dist/components/ui/accordion/__tests__/accordion-item.test.js +9 -9
- package/dist/components/ui/alert-dialog/AlertDialogContent.js +3 -3
- package/dist/components/ui/alert-dialog/__tests__/alert-dialog-content.test.js +1 -1
- package/dist/components/ui/autocomplete/Autocomplete.js +1 -1
- package/dist/components/ui/autocomplete/AutocompleteList.js +6 -6
- package/dist/components/ui/autocomplete/__tests__/autocomplete.test.js +5 -5
- package/dist/components/ui/badge/Badge.js +1 -1
- package/dist/components/ui/badge/badge.test.js +3 -3
- package/dist/components/ui/card/Card.js +1 -1
- package/dist/components/ui/card/CardFooter.js +1 -1
- package/dist/components/ui/card/CardHeader.js +1 -1
- package/dist/components/ui/card/__tests__/card-footer.test.js +1 -1
- package/dist/components/ui/card/__tests__/card-header.test.js +1 -1
- package/dist/components/ui/card/__tests__/card.test.js +7 -7
- package/dist/components/ui/checkbox/Checkbox.js +10 -10
- package/dist/components/ui/checkbox/checkbox.test.js +4 -6
- package/dist/components/ui/command/Command.js +1 -1
- package/dist/components/ui/command/CommandDialog.js +9 -9
- package/dist/components/ui/command/CommandGroup.js +5 -5
- package/dist/components/ui/command/CommandItem.js +3 -3
- package/dist/components/ui/command/CommandShortcut.js +3 -3
- package/dist/components/ui/command/__tests__/command-group.test.js +12 -12
- package/dist/components/ui/command/__tests__/command-item.test.js +19 -21
- package/dist/components/ui/command/__tests__/command-shortcut.test.js +1 -1
- package/dist/components/ui/command/__tests__/command.test.js +1 -1
- package/dist/components/ui/dialog/DialogContent.js +6 -6
- package/dist/components/ui/dialog/DialogDescription.js +6 -6
- package/dist/components/ui/dialog/__tests__/dialog-content.test.js +1 -1
- package/dist/components/ui/dialog/__tests__/dialog-description.test.js +1 -1
- package/dist/components/ui/input/Input.js +1 -1
- package/dist/components/ui/input/input.test.js +3 -3
- package/dist/components/ui/label/Label.js +1 -1
- package/dist/components/ui/label/label.test.js +1 -1
- package/dist/components/ui/popover/PopoverContent.js +1 -1
- package/dist/components/ui/popover/__tests__/popover-content.test.js +1 -1
- package/dist/components/ui/progress/Progress.js +24 -24
- package/dist/components/ui/progress/progress.test.js +5 -5
- package/dist/components/ui/select/SelectContent.js +1 -1
- package/dist/components/ui/select/SelectItem.js +7 -7
- package/dist/components/ui/select/SelectTrigger.js +13 -13
- package/dist/components/ui/select/__tests__/select-content.test.js +1 -1
- package/dist/components/ui/sidebar/Sidebar.js +1 -1
- package/dist/components/ui/sidebar/SidebarContent.js +2 -2
- package/dist/components/ui/sidebar/SidebarContext.js +1 -1
- package/dist/components/ui/sidebar/SidebarMenu.js +5 -5
- package/dist/components/ui/sidebar/__tests__/sidebar-content.test.js +1 -1
- package/dist/components/ui/sidebar/__tests__/sidebar-group.test.js +2 -2
- package/dist/components/ui/sidebar/__tests__/sidebar-menu.test.js +2 -2
- package/dist/components/ui/sidebar/__tests__/sidebar.test.js +1 -1
- package/dist/components/ui/sonner/Toaster.js +60 -60
- package/dist/components/ui/sonner/sonner.test.js +14 -14
- package/dist/components/ui/switch/Switch.js +14 -14
- package/dist/components/ui/switch/switch.test.js +2 -2
- package/dist/components/ui/tabs/Tabs.js +1 -1
- package/dist/components/ui/tabs/TabsList.js +1 -1
- package/dist/components/ui/tabs/TabsTrigger.js +1 -1
- package/dist/components/ui/tabs/__tests__/tabs-list.test.js +1 -1
- package/dist/components/ui/tabs/__tests__/tabs-trigger.test.js +4 -4
- package/dist/components/ui/tabs/__tests__/tabs.test.js +2 -2
- package/dist/components/ui/toggle/Toggle.js +1 -1
- package/dist/components/ui/toggle/toggle.test.js +4 -4
- package/dist/components/ui/toggle-group/ToggleGroupItem.js +1 -1
- package/dist/main.js +6 -6
- package/dist/{types-B02xH7lg.js → types-B0wccExf.js} +2 -2
- package/dist/{types-BKY1Yguv.js → types-Um3fwb1D.js} +2 -2
- package/package.json +14 -14
|
@@ -3,12 +3,12 @@ import * as c from "react";
|
|
|
3
3
|
import { P as C } from "../../../index-CDPBTubN.js";
|
|
4
4
|
import { c as P } from "../../../utils-DtaLkIY8.js";
|
|
5
5
|
function A(e, s = []) {
|
|
6
|
-
let
|
|
7
|
-
function l(d,
|
|
8
|
-
const t = c.createContext(
|
|
6
|
+
let a = [];
|
|
7
|
+
function l(d, n) {
|
|
8
|
+
const t = c.createContext(n);
|
|
9
9
|
t.displayName = d + "Context";
|
|
10
|
-
const o =
|
|
11
|
-
|
|
10
|
+
const o = a.length;
|
|
11
|
+
a = [...a, n];
|
|
12
12
|
const u = (p) => {
|
|
13
13
|
const { scope: f, children: v, ...i } = p, M = f?.[e]?.[o] || t, R = c.useMemo(() => i, Object.values(i));
|
|
14
14
|
return /* @__PURE__ */ m(M.Provider, { value: R, children: v });
|
|
@@ -17,13 +17,13 @@ function A(e, s = []) {
|
|
|
17
17
|
function x(p, f) {
|
|
18
18
|
const v = f?.[e]?.[o] || t, i = c.useContext(v);
|
|
19
19
|
if (i) return i;
|
|
20
|
-
if (
|
|
20
|
+
if (n !== void 0) return n;
|
|
21
21
|
throw new Error(`\`${p}\` must be used within \`${d}\``);
|
|
22
22
|
}
|
|
23
23
|
return [u, x];
|
|
24
24
|
}
|
|
25
25
|
const r = () => {
|
|
26
|
-
const d =
|
|
26
|
+
const d = a.map((n) => c.createContext(n));
|
|
27
27
|
return function(t) {
|
|
28
28
|
const o = t?.[e] || d;
|
|
29
29
|
return c.useMemo(
|
|
@@ -37,35 +37,35 @@ function A(e, s = []) {
|
|
|
37
37
|
function V(...e) {
|
|
38
38
|
const s = e[0];
|
|
39
39
|
if (e.length === 1) return s;
|
|
40
|
-
const
|
|
40
|
+
const a = () => {
|
|
41
41
|
const l = e.map((r) => ({
|
|
42
42
|
useScope: r(),
|
|
43
43
|
scopeName: r.scopeName
|
|
44
44
|
}));
|
|
45
45
|
return function(d) {
|
|
46
|
-
const
|
|
46
|
+
const n = l.reduce((t, { useScope: o, scopeName: u }) => {
|
|
47
47
|
const p = o(d)[`__scope${u}`];
|
|
48
48
|
return { ...t, ...p };
|
|
49
49
|
}, {});
|
|
50
|
-
return c.useMemo(() => ({ [`__scope${s.scopeName}`]:
|
|
50
|
+
return c.useMemo(() => ({ [`__scope${s.scopeName}`]: n }), [n]);
|
|
51
51
|
};
|
|
52
52
|
};
|
|
53
|
-
return
|
|
53
|
+
return a.scopeName = s.scopeName, a;
|
|
54
54
|
}
|
|
55
55
|
var b = "Progress", N = 100, [D] = A(b), [O, T] = D(b), w = c.forwardRef(
|
|
56
56
|
(e, s) => {
|
|
57
57
|
const {
|
|
58
|
-
__scopeProgress:
|
|
58
|
+
__scopeProgress: a,
|
|
59
59
|
value: l = null,
|
|
60
60
|
max: r,
|
|
61
61
|
getValueLabel: d = j,
|
|
62
|
-
...
|
|
62
|
+
...n
|
|
63
63
|
} = e;
|
|
64
64
|
(r || r === 0) && !h(r) && console.error(G(`${r}`, "Progress"));
|
|
65
65
|
const t = h(r) ? r : N;
|
|
66
66
|
l !== null && !$(l, t) && console.error(L(`${l}`, "Progress"));
|
|
67
67
|
const o = $(l, t) ? l : null, u = g(o) ? d(o, t) : void 0;
|
|
68
|
-
return /* @__PURE__ */ m(O, { scope:
|
|
68
|
+
return /* @__PURE__ */ m(O, { scope: a, value: o, max: t, children: /* @__PURE__ */ m(
|
|
69
69
|
C.div,
|
|
70
70
|
{
|
|
71
71
|
"aria-valuemax": t,
|
|
@@ -76,7 +76,7 @@ var b = "Progress", N = 100, [D] = A(b), [O, T] = D(b), w = c.forwardRef(
|
|
|
76
76
|
"data-state": S(o, t),
|
|
77
77
|
"data-value": o ?? void 0,
|
|
78
78
|
"data-max": t,
|
|
79
|
-
...
|
|
79
|
+
...n,
|
|
80
80
|
ref: s
|
|
81
81
|
}
|
|
82
82
|
) });
|
|
@@ -85,7 +85,7 @@ var b = "Progress", N = 100, [D] = A(b), [O, T] = D(b), w = c.forwardRef(
|
|
|
85
85
|
w.displayName = b;
|
|
86
86
|
var _ = "ProgressIndicator", y = c.forwardRef(
|
|
87
87
|
(e, s) => {
|
|
88
|
-
const { __scopeProgress:
|
|
88
|
+
const { __scopeProgress: a, ...l } = e, r = T(_, a);
|
|
89
89
|
return /* @__PURE__ */ m(
|
|
90
90
|
C.div,
|
|
91
91
|
{
|
|
@@ -130,11 +130,11 @@ const k = c.forwardRef(
|
|
|
130
130
|
({
|
|
131
131
|
className: e,
|
|
132
132
|
value: s,
|
|
133
|
-
indeterminate:
|
|
133
|
+
indeterminate: a,
|
|
134
134
|
speed: l = "normal",
|
|
135
135
|
variant: r = "default",
|
|
136
136
|
showLabel: d = !1,
|
|
137
|
-
labelPosition:
|
|
137
|
+
labelPosition: n = "top",
|
|
138
138
|
paused: t = !1,
|
|
139
139
|
size: o = "md",
|
|
140
140
|
...u
|
|
@@ -148,7 +148,7 @@ const k = c.forwardRef(
|
|
|
148
148
|
sm: "lsd:h-2",
|
|
149
149
|
md: "lsd:h-3",
|
|
150
150
|
lg: "lsd:h-4"
|
|
151
|
-
}, v =
|
|
151
|
+
}, v = a ? P(
|
|
152
152
|
"lsd:w-1/3",
|
|
153
153
|
"lsd:animate-indeterminate-progress",
|
|
154
154
|
l === "slow" && "lsd:animate-indeterminate-progress-slow",
|
|
@@ -156,14 +156,14 @@ const k = c.forwardRef(
|
|
|
156
156
|
t && "lsd:animation-paused"
|
|
157
157
|
) : "lsd:w-full", i = d ? `${s ?? 0}%` : null;
|
|
158
158
|
return /* @__PURE__ */ E("div", { className: "lsd:w-full", children: [
|
|
159
|
-
d && i &&
|
|
159
|
+
d && i && n === "top" && /* @__PURE__ */ m("div", { className: "lsd:mb-0.5 lsd:text-sm lsd:font-medium lsd:text-lsd-text-primary lsd:text-center", children: i }),
|
|
160
160
|
/* @__PURE__ */ m(
|
|
161
161
|
I,
|
|
162
162
|
{
|
|
163
163
|
ref: x,
|
|
164
164
|
"data-slot": "progress",
|
|
165
165
|
className: P(
|
|
166
|
-
"lsd:relative lsd:w-full lsd:overflow-hidden lsd:rounded-none lsd:bg-lsd-surface
|
|
166
|
+
"lsd:relative lsd:w-full lsd:overflow-hidden lsd:rounded-none lsd:bg-lsd-surface lsd:border lsd:border-lsd-border",
|
|
167
167
|
f[o],
|
|
168
168
|
e
|
|
169
169
|
),
|
|
@@ -174,16 +174,16 @@ const k = c.forwardRef(
|
|
|
174
174
|
"data-slot": "progress-indicator",
|
|
175
175
|
className: P(
|
|
176
176
|
"lsd:h-full lsd:flex-1",
|
|
177
|
-
!
|
|
177
|
+
!a && "lsd:transition-all",
|
|
178
178
|
p[r],
|
|
179
179
|
v
|
|
180
180
|
),
|
|
181
|
-
style:
|
|
181
|
+
style: a ? void 0 : { transform: `translateX(-${100 - (s || 0)}%)` }
|
|
182
182
|
}
|
|
183
183
|
)
|
|
184
184
|
}
|
|
185
185
|
),
|
|
186
|
-
d && i &&
|
|
186
|
+
d && i && n === "bottom" && /* @__PURE__ */ m("div", { className: "lsd:mt-0.5 lsd:text-sm lsd:font-medium lsd:text-lsd-text-primary lsd:text-center", children: i })
|
|
187
187
|
] });
|
|
188
188
|
}
|
|
189
189
|
);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { d as
|
|
2
|
+
import { d as n, i as r, r as a, g as s, s as i, v as d } from "../../../vi.2VT5v0um-D9hIOtVQ.js";
|
|
3
3
|
import { Progress as o } from "./Progress.js";
|
|
4
|
-
|
|
4
|
+
n("Progress", () => {
|
|
5
5
|
r("renders without crashing", () => {
|
|
6
6
|
a(/* @__PURE__ */ t(o, {})), s(i.getByRole("progressbar")).toBeInTheDocument();
|
|
7
7
|
}), r("renders as a progressbar role", () => {
|
|
@@ -9,7 +9,7 @@ l("Progress", () => {
|
|
|
9
9
|
}), r("applies base classes correctly", () => {
|
|
10
10
|
a(/* @__PURE__ */ t(o, {}));
|
|
11
11
|
const e = i.getByRole("progressbar");
|
|
12
|
-
s(e).toHaveClass("lsd:relative"), s(e).toHaveClass("lsd:w-full"), s(e).toHaveClass("lsd:h-3"), s(e).toHaveClass("lsd:overflow-hidden"), s(e).toHaveClass("lsd:bg-lsd-surface
|
|
12
|
+
s(e).toHaveClass("lsd:relative"), s(e).toHaveClass("lsd:w-full"), s(e).toHaveClass("lsd:h-3"), s(e).toHaveClass("lsd:overflow-hidden"), s(e).toHaveClass("lsd:bg-lsd-surface"), s(e).toHaveClass("lsd:border"), s(e).toHaveClass("lsd:border-lsd-border");
|
|
13
13
|
}), r("renders indicator element", () => {
|
|
14
14
|
a(/* @__PURE__ */ t(o, {}));
|
|
15
15
|
const e = document.querySelector(
|
|
@@ -95,7 +95,7 @@ l("Progress", () => {
|
|
|
95
95
|
'[data-slot="progress-indicator"]'
|
|
96
96
|
);
|
|
97
97
|
s(e).toBeInTheDocument();
|
|
98
|
-
const
|
|
99
|
-
s(
|
|
98
|
+
const l = e?.getAttribute("style");
|
|
99
|
+
s(l).toBeFalsy();
|
|
100
100
|
});
|
|
101
101
|
});
|
|
@@ -15,7 +15,7 @@ function b({
|
|
|
15
15
|
{
|
|
16
16
|
"data-slot": "select-content",
|
|
17
17
|
className: d(
|
|
18
|
-
"lsd:bg-lsd-surface
|
|
18
|
+
"lsd:bg-lsd-surface lsd:text-lsd-text-primary lsd:border-lsd-border lsd:data-[state=open]:animate-in lsd:data-[state=closed]:animate-out lsd:data-[state=closed]:fade-out-0 lsd:data-[state=open]:fade-in-0 lsd:data-[state=closed]:zoom-out-95 lsd:data-[state=open]:zoom-in-95 lsd:data-[side=bottom]:slide-in-from-top-2 lsd:data-[side=left]:slide-in-from-right-2 lsd:data-[side=right]:slide-in-from-left-2 lsd:data-[side=top]:slide-in-from-bottom-2 lsd:relative lsd:z-50 lsd:max-h-(--radix-select-content-available-height) lsd:min-w-[8rem] origin-(--radix-select-content-transform-origin) lsd:overflow-x-hidden lsd:overflow-y-auto lsd:border",
|
|
19
19
|
e === "popper" && "lsd:data-[side=bottom]:translate-y-1 lsd:data-[side=left]:-translate-x-1 lsd:data-[side=right]:translate-x-1 lsd:data-[side=top]:-translate-y-1",
|
|
20
20
|
s
|
|
21
21
|
),
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsxs as d, jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { I as a, a as n, b as
|
|
3
|
-
import { c as
|
|
2
|
+
import { I as a, a as n, b as i } from "../../../index-B_9m43p4.js";
|
|
3
|
+
import { c as r } from "../../../utils-DtaLkIY8.js";
|
|
4
4
|
import { C as o } from "../../../check-Bt2UikoU.js";
|
|
5
|
-
function
|
|
5
|
+
function u({
|
|
6
6
|
className: e,
|
|
7
7
|
children: l,
|
|
8
8
|
...t
|
|
@@ -11,18 +11,18 @@ function x({
|
|
|
11
11
|
a,
|
|
12
12
|
{
|
|
13
13
|
"data-slot": "select-item",
|
|
14
|
-
className:
|
|
15
|
-
"lsd:focus:bg-lsd-surface
|
|
14
|
+
className: r(
|
|
15
|
+
"lsd:focus:bg-lsd-surface lsd:focus:text-lsd-text-primary lsd:[&_svg:not([class*='text-'])]:text-lsd-icon-primary lsd:relative lsd:flex lsd:w-full lsd:cursor-pointer lsd:items-center lsd:gap-2 lsd:py-1.5 lsd:pr-8 lsd:pl-2 lsd:text-sm lsd:outline-hidden lsd:select-none lsd:data-[disabled]:pointer-events-none lsd:data-[disabled]:opacity-50 lsd:[&_svg]:pointer-events-none lsd:[&_svg]:shrink-0 lsd:[&_svg:not([class*='size-'])]:size-4 lsd:*:[span]:last:flex lsd:*:[span]:last:items-center lsd:*:[span]:last:gap-2 lsd:hover:underline lsd:focus:underline lsd:data-highlighted:underline",
|
|
16
16
|
e
|
|
17
17
|
),
|
|
18
18
|
...t,
|
|
19
19
|
children: [
|
|
20
20
|
/* @__PURE__ */ s("span", { className: "lsd:absolute lsd:right-2 lsd:flex lsd:size-3.5 lsd:items-center lsd:justify-center", children: /* @__PURE__ */ s(n, { children: /* @__PURE__ */ s(o, { className: "lsd:size-4 lsd:text-lsd-icon-primary" }) }) }),
|
|
21
|
-
/* @__PURE__ */ s(
|
|
21
|
+
/* @__PURE__ */ s(i, { children: l })
|
|
22
22
|
]
|
|
23
23
|
}
|
|
24
24
|
);
|
|
25
25
|
}
|
|
26
26
|
export {
|
|
27
|
-
|
|
27
|
+
u as SelectItem
|
|
28
28
|
};
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as r, jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { T as a, d as i } from "../../../index-B_9m43p4.js";
|
|
3
3
|
import { c as o } from "../../../utils-DtaLkIY8.js";
|
|
4
4
|
import { C as n } from "../../../chevron-down-BBFYYzZq.js";
|
|
5
|
-
function
|
|
6
|
-
className:
|
|
7
|
-
size:
|
|
8
|
-
children:
|
|
9
|
-
...
|
|
5
|
+
function v({
|
|
6
|
+
className: l,
|
|
7
|
+
size: e = "default",
|
|
8
|
+
children: d,
|
|
9
|
+
...t
|
|
10
10
|
}) {
|
|
11
|
-
return /* @__PURE__ */
|
|
11
|
+
return /* @__PURE__ */ r(
|
|
12
12
|
a,
|
|
13
13
|
{
|
|
14
14
|
"data-slot": "select-trigger",
|
|
15
|
-
"data-size":
|
|
15
|
+
"data-size": e,
|
|
16
16
|
className: o(
|
|
17
|
-
"lsd:cursor-pointer lsd:border-lsd-border lsd:bg-lsd-surface
|
|
18
|
-
|
|
17
|
+
"lsd:cursor-pointer lsd:border-lsd-border lsd:bg-lsd-surface lsd:text-lsd-text-primary lsd:data-[placeholder]:text-lsd-text-secondary lsd:[&_svg:not([class*='text-'])]:text-lsd-icon-primary lsd:focus-visible:border-lsd-border aria-invalid:lsd:ring-lsd-destructive/20 dark:aria-invalid:lsd:ring-lsd-destructive/40 aria-invalid:lsd:border-lsd-destructive dark:lsd:bg-lsd-surface/30 dark:lsd:hover:bg-lsd-surface/50 lsd:flex lsd:w-fit lsd:items-center lsd:justify-between lsd:gap-2 lsd:border lsd:px-3 lsd:py-2 lsd:text-sm lsd:whitespace-nowrap lsd:transition-[color,border] lsd:outline-none lsd:disabled:cursor-not-allowed lsd:disabled:opacity-50 lsd:data-[size=default]:h-9 lsd:data-[size=sm]:h-8 *:lsd:data-[slot=select-value]:line-clamp-1 *:lsd:data-[slot=select-value]:flex *:lsd:data-[slot=select-value]:items-center *:lsd:data-[slot=select-value]:gap-2 lsd:[&_svg]:pointer-events-none lsd:[&_svg]:shrink-0 lsd:[&_svg:not([class*='size-'])]:size-4",
|
|
18
|
+
l
|
|
19
19
|
),
|
|
20
|
-
...
|
|
20
|
+
...t,
|
|
21
21
|
children: [
|
|
22
|
-
|
|
22
|
+
d,
|
|
23
23
|
/* @__PURE__ */ s(i, { asChild: !0, children: /* @__PURE__ */ s(n, { className: "lsd:size-4 lsd:text-lsd-icon-primary" }) })
|
|
24
24
|
]
|
|
25
25
|
}
|
|
26
26
|
);
|
|
27
27
|
}
|
|
28
28
|
export {
|
|
29
|
-
|
|
29
|
+
v as SelectTrigger
|
|
30
30
|
};
|
|
@@ -32,7 +32,7 @@ p("SelectContent", () => {
|
|
|
32
32
|
] })
|
|
33
33
|
);
|
|
34
34
|
const t = document.querySelector('[data-slot="select-content"]');
|
|
35
|
-
o(t).toHaveClass("lsd:bg-lsd-surface
|
|
35
|
+
o(t).toHaveClass("lsd:bg-lsd-surface"), o(t).toHaveClass("lsd:text-lsd-text-primary"), o(t).toHaveClass("lsd:border"), o(t).toHaveClass("lsd:border-lsd-border");
|
|
36
36
|
}), l("applies animation classes", () => {
|
|
37
37
|
c(
|
|
38
38
|
/* @__PURE__ */ n(r, { open: !0, children: [
|
|
@@ -5,7 +5,7 @@ import { SheetDescription as g } from "../sheet/SheetDescription.js";
|
|
|
5
5
|
import { c as r } from "../../../utils-DtaLkIY8.js";
|
|
6
6
|
import { SheetHeader as u } from "../sheet/SheetHeader.js";
|
|
7
7
|
import { SheetTitle as m } from "../sheet/SheetTitle.js";
|
|
8
|
-
import { u as w, c as v } from "../../../SidebarContext-
|
|
8
|
+
import { u as w, c as v } from "../../../SidebarContext-CRh-DPz_.js";
|
|
9
9
|
function j({
|
|
10
10
|
side: l = "left",
|
|
11
11
|
variant: a = "sidebar",
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as s, jsxs as o } from "react/jsx-runtime";
|
|
2
2
|
import { B as n } from "../../../Button-L-du0fyx.js";
|
|
3
|
-
import { I as c } from "../../../Input-
|
|
3
|
+
import { I as c } from "../../../Input-W8QqFI1v.js";
|
|
4
4
|
import { Separator as f } from "../separator/Separator.js";
|
|
5
5
|
import { c as d } from "../../../utils-DtaLkIY8.js";
|
|
6
|
-
import { u as l } from "../../../SidebarContext-
|
|
6
|
+
import { u as l } from "../../../SidebarContext-CRh-DPz_.js";
|
|
7
7
|
import { c as b } from "../../../createLucideIcon-CP-mMPfa.js";
|
|
8
8
|
const p = [
|
|
9
9
|
["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "react";
|
|
3
3
|
import "../../../utils-DtaLkIY8.js";
|
|
4
4
|
import "../tooltip/TooltipProvider.js";
|
|
5
|
-
import { e as d, d as m, u as p } from "../../../SidebarContext-
|
|
5
|
+
import { e as d, d as m, u as p } from "../../../SidebarContext-CRh-DPz_.js";
|
|
6
6
|
export {
|
|
7
7
|
d as SidebarContext,
|
|
8
8
|
m as SidebarProvider,
|
|
@@ -5,7 +5,7 @@ import { Tooltip as g } from "../tooltip/Tooltip.js";
|
|
|
5
5
|
import { TooltipContent as x } from "../tooltip/TooltipContent.js";
|
|
6
6
|
import { TooltipTrigger as h } from "../tooltip/TooltipTrigger.js";
|
|
7
7
|
import { c as t } from "../../../utils-DtaLkIY8.js";
|
|
8
|
-
import { u as v, s as S } from "../../../SidebarContext-
|
|
8
|
+
import { u as v, s as S } from "../../../SidebarContext-CRh-DPz_.js";
|
|
9
9
|
function j({ className: d, ...e }) {
|
|
10
10
|
return /* @__PURE__ */ s(
|
|
11
11
|
"ul",
|
|
@@ -40,8 +40,8 @@ function T({
|
|
|
40
40
|
className: i,
|
|
41
41
|
...b
|
|
42
42
|
}) {
|
|
43
|
-
const
|
|
44
|
-
|
|
43
|
+
const c = d ? r : "button", { isMobile: m, state: p } = v(), o = /* @__PURE__ */ s(
|
|
44
|
+
c,
|
|
45
45
|
{
|
|
46
46
|
"data-slot": "sidebar-menu-button",
|
|
47
47
|
"data-sidebar": "menu-button",
|
|
@@ -60,7 +60,7 @@ function T({
|
|
|
60
60
|
{
|
|
61
61
|
side: "right",
|
|
62
62
|
align: "center",
|
|
63
|
-
hidden: p !== "collapsed" ||
|
|
63
|
+
hidden: p !== "collapsed" || m,
|
|
64
64
|
...n
|
|
65
65
|
}
|
|
66
66
|
)
|
|
@@ -196,7 +196,7 @@ function $({
|
|
|
196
196
|
"data-size": e,
|
|
197
197
|
"data-active": l,
|
|
198
198
|
className: t(
|
|
199
|
-
"lsd:text-sidebar-foreground ring-sidebar-ring lsd:hover:bg-sidebar-accent lsd:hover:text-sidebar-accent-foreground lsd:active:bg-sidebar-accent lsd:active:text-sidebar-accent-foreground lsd:[&>svg]:text-sidebar-accent-foreground lsd:flex lsd:h-7 lsd:min-w-0 lsd:-translate-x-px lsd:items-center lsd:gap-2 lsd:overflow-hidden lsd:rounded-md lsd:px-2 lsd:outline-hidden lsd:focus-visible:ring-2 lsd:disabled:pointer-events-none lsd:disabled:opacity-50 aria-lsd:disabled:pointer-events-none aria-lsd:disabled:opacity-50 lsd:data-[active=true]:bg-sidebar-accent lsd:data-[active=true]:text-sidebar-accent-foreground",
|
|
199
|
+
"lsd:text-sidebar-foreground ring-sidebar-ring lsd:hover:bg-sidebar-accent lsd:hover:text-sidebar-accent-foreground lsd:active:bg-sidebar-accent lsd:active:text-sidebar-accent-foreground lsd:[&>svg]:text-sidebar-accent-foreground lsd:flex lsd:h-7 lsd:min-w-0 lsd:-translate-x-px lsd:items-center lsd:gap-2 lsd:overflow-hidden lsd:rounded-md lsd:px-2 lsd:outline-hidden lsd:focus-visible:ring-2 lsd:disabled:pointer-events-none lsd:disabled:opacity-50 aria-lsd:disabled:pointer-events-none aria-lsd:disabled:opacity-50 lsd:data-[active=true]:bg-sidebar-accent lsd:data-[active=true]:text-sidebar-accent-foreground lsd:hover:underline lsd:focus:underline",
|
|
200
200
|
e === "sm" && "lsd:text-xs",
|
|
201
201
|
e === "md" && "lsd:text-sm",
|
|
202
202
|
"lsd:group-data-[collapsible=icon]:hidden",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import { d as c, i as o, r as a, g as e, s as l } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
|
|
3
|
-
import "../../../../SidebarContext-
|
|
3
|
+
import "../../../../SidebarContext-CRh-DPz_.js";
|
|
4
4
|
import { SidebarContent as r } from "../SidebarContent.js";
|
|
5
5
|
import "react";
|
|
6
6
|
c("SidebarContent", () => {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { d as i, i as t, r as a, g as e, s as n } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
|
|
3
|
-
import "../../../../SidebarContext-
|
|
3
|
+
import "../../../../SidebarContext-CRh-DPz_.js";
|
|
4
4
|
import "../../../../Button-L-du0fyx.js";
|
|
5
|
-
import "../../../../Input-
|
|
5
|
+
import "../../../../Input-W8QqFI1v.js";
|
|
6
6
|
import "../../separator/Separator.js";
|
|
7
7
|
import { SidebarGroup as l } from "../SidebarGroup.js";
|
|
8
8
|
import "react";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { d as l, i as n, r, g as e, s as c } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
|
|
3
|
-
import "../../../../SidebarContext-
|
|
3
|
+
import "../../../../SidebarContext-CRh-DPz_.js";
|
|
4
4
|
import "../../../../Button-L-du0fyx.js";
|
|
5
|
-
import "../../../../Input-
|
|
5
|
+
import "../../../../Input-W8QqFI1v.js";
|
|
6
6
|
import "../../separator/Separator.js";
|
|
7
7
|
import { SidebarMenu as a } from "../SidebarMenu.js";
|
|
8
8
|
l("SidebarMenu", () => {
|
|
@@ -2,7 +2,7 @@ import { jsx as e, jsxs as b } from "react/jsx-runtime";
|
|
|
2
2
|
import { v as C, d as l, b as y, i as a, r, g as t, s as i } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
|
|
3
3
|
import { Sidebar as d } from "../Sidebar.js";
|
|
4
4
|
import { SidebarHeader as v, SidebarInput as g, SidebarContent as L, SidebarFooter as B, SidebarTrigger as I, SidebarRail as T, SidebarInset as w, SidebarSeparator as k } from "../SidebarContent.js";
|
|
5
|
-
import { d as c, u as F } from "../../../../SidebarContext-
|
|
5
|
+
import { d as c, u as F } from "../../../../SidebarContext-CRh-DPz_.js";
|
|
6
6
|
import { SidebarGroup as E, SidebarGroupLabel as H, SidebarGroupContent as S, SidebarGroupAction as A } from "../SidebarGroup.js";
|
|
7
7
|
import { SidebarMenu as h, SidebarMenuItem as u, SidebarMenuButton as m, SidebarMenuAction as G, SidebarMenuBadge as f, SidebarMenuSkeleton as D, SidebarMenuSub as N, SidebarMenuSubItem as x, SidebarMenuSubButton as M } from "../SidebarMenu.js";
|
|
8
8
|
C.mock("@/hooks/use-mobile", () => ({
|