ml-uikit 1.0.6 → 1.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (160) hide show
  1. package/dist/components/button.d.ts +2 -11
  2. package/dist/components/button.d.ts.map +1 -1
  3. package/dist/components/ui/badge.d.ts +14 -3
  4. package/dist/components/ui/badge.d.ts.map +1 -1
  5. package/dist/components/ui/button-group.d.ts +1 -0
  6. package/dist/components/ui/button-group.d.ts.map +1 -1
  7. package/dist/components/ui/button.d.ts +2 -2
  8. package/dist/components/ui/button.d.ts.map +1 -1
  9. package/dist/components/ui/chart.d.ts +1 -1
  10. package/dist/components/ui/command.d.ts +7 -7
  11. package/dist/components/ui/empty.d.ts +1 -0
  12. package/dist/components/ui/empty.d.ts.map +1 -1
  13. package/dist/components/ui/input-group.d.ts +2 -2
  14. package/dist/components/ui/input-otp.d.ts +2 -2
  15. package/dist/components/ui/input.d.ts.map +1 -1
  16. package/dist/components/ui/item.d.ts +1 -1
  17. package/dist/components/ui/kbd.d.ts +1 -0
  18. package/dist/components/ui/kbd.d.ts.map +1 -1
  19. package/dist/components/ui/sheet.d.ts +1 -1
  20. package/dist/components/ui/sidebar.d.ts +2 -2
  21. package/dist/components/ui/skeleton.d.ts +1 -0
  22. package/dist/components/ui/skeleton.d.ts.map +1 -1
  23. package/dist/components/ui/table.d.ts +24 -2
  24. package/dist/components/ui/table.d.ts.map +1 -1
  25. package/dist/components/ui/textarea.d.ts.map +1 -1
  26. package/dist/components/ui/toggle-group.d.ts +2 -2
  27. package/dist/components/ui/toggle.d.ts +2 -2
  28. package/dist/components/ui/typography.d.ts +171 -0
  29. package/dist/components/ui/typography.d.ts.map +1 -0
  30. package/dist/index.cjs.js +1 -1
  31. package/dist/index.cjs10.js +1 -1
  32. package/dist/index.cjs10.js.map +1 -1
  33. package/dist/index.cjs11.js +1 -1
  34. package/dist/index.cjs11.js.map +1 -1
  35. package/dist/index.cjs2.js +1 -1
  36. package/dist/index.cjs23.js +1 -1
  37. package/dist/index.cjs23.js.map +1 -1
  38. package/dist/index.cjs24.js +1 -1
  39. package/dist/index.cjs27.js +1 -1
  40. package/dist/index.cjs27.js.map +1 -1
  41. package/dist/index.cjs28.js +1 -1
  42. package/dist/index.cjs30.js +1 -1
  43. package/dist/index.cjs31.js +1 -1
  44. package/dist/index.cjs31.js.map +1 -1
  45. package/dist/index.cjs33.js +1 -1
  46. package/dist/index.cjs33.js.map +1 -1
  47. package/dist/index.cjs34.js +1 -1
  48. package/dist/index.cjs34.js.map +1 -1
  49. package/dist/index.cjs35.js +1 -1
  50. package/dist/index.cjs35.js.map +1 -1
  51. package/dist/index.cjs36.js +1 -1
  52. package/dist/index.cjs36.js.map +1 -1
  53. package/dist/index.cjs37.js +1 -1
  54. package/dist/index.cjs37.js.map +1 -1
  55. package/dist/index.cjs38.js +1 -1
  56. package/dist/index.cjs38.js.map +1 -1
  57. package/dist/index.cjs39.js +1 -1
  58. package/dist/index.cjs39.js.map +1 -1
  59. package/dist/index.cjs40.js +1 -1
  60. package/dist/index.cjs40.js.map +1 -1
  61. package/dist/index.cjs41.js +1 -1
  62. package/dist/index.cjs41.js.map +1 -1
  63. package/dist/index.cjs42.js +1 -1
  64. package/dist/index.cjs42.js.map +1 -1
  65. package/dist/index.cjs43.js +1 -1
  66. package/dist/index.cjs43.js.map +1 -1
  67. package/dist/index.cjs44.js +1 -1
  68. package/dist/index.cjs44.js.map +1 -1
  69. package/dist/index.cjs45.js +1 -1
  70. package/dist/index.cjs45.js.map +1 -1
  71. package/dist/index.cjs46.js +1 -1
  72. package/dist/index.cjs46.js.map +1 -1
  73. package/dist/index.cjs47.js +1 -1
  74. package/dist/index.cjs47.js.map +1 -1
  75. package/dist/index.cjs48.js +1 -1
  76. package/dist/index.cjs48.js.map +1 -1
  77. package/dist/index.cjs49.js +1 -1
  78. package/dist/index.cjs49.js.map +1 -1
  79. package/dist/index.cjs50.js +1 -1
  80. package/dist/index.cjs50.js.map +1 -1
  81. package/dist/index.cjs51.js +1 -1
  82. package/dist/index.cjs51.js.map +1 -1
  83. package/dist/index.cjs52.js +1 -1
  84. package/dist/index.cjs52.js.map +1 -1
  85. package/dist/index.cjs53.js +1 -1
  86. package/dist/index.cjs53.js.map +1 -1
  87. package/dist/index.cjs54.js +1 -1
  88. package/dist/index.cjs54.js.map +1 -1
  89. package/dist/index.cjs55.js +1 -1
  90. package/dist/index.cjs55.js.map +1 -1
  91. package/dist/index.cjs8.js +1 -1
  92. package/dist/index.cjs8.js.map +1 -1
  93. package/dist/index.d.ts +2 -0
  94. package/dist/index.d.ts.map +1 -1
  95. package/dist/index.es.js +154 -151
  96. package/dist/index.es.js.map +1 -1
  97. package/dist/index.es10.js +31 -24
  98. package/dist/index.es10.js.map +1 -1
  99. package/dist/index.es11.js +22 -21
  100. package/dist/index.es11.js.map +1 -1
  101. package/dist/index.es2.js +1 -1
  102. package/dist/index.es23.js +24 -23
  103. package/dist/index.es23.js.map +1 -1
  104. package/dist/index.es24.js +1 -1
  105. package/dist/index.es27.js +13 -9
  106. package/dist/index.es27.js.map +1 -1
  107. package/dist/index.es28.js +1 -1
  108. package/dist/index.es30.js +1 -1
  109. package/dist/index.es31.js +8 -7
  110. package/dist/index.es31.js.map +1 -1
  111. package/dist/index.es33.js +91 -189
  112. package/dist/index.es33.js.map +1 -1
  113. package/dist/index.es34.js +165 -71
  114. package/dist/index.es34.js.map +1 -1
  115. package/dist/index.es35.js +85 -84
  116. package/dist/index.es35.js.map +1 -1
  117. package/dist/index.es36.js +92 -17
  118. package/dist/index.es36.js.map +1 -1
  119. package/dist/index.es37.js +19 -21
  120. package/dist/index.es37.js.map +1 -1
  121. package/dist/index.es38.js +16 -21
  122. package/dist/index.es38.js.map +1 -1
  123. package/dist/index.es39.js +16 -21
  124. package/dist/index.es39.js.map +1 -1
  125. package/dist/index.es40.js +25 -104
  126. package/dist/index.es40.js.map +1 -1
  127. package/dist/index.es41.js +111 -20
  128. package/dist/index.es41.js.map +1 -1
  129. package/dist/index.es42.js +19 -97
  130. package/dist/index.es42.js.map +1 -1
  131. package/dist/index.es43.js +77 -509
  132. package/dist/index.es43.js.map +1 -1
  133. package/dist/index.es44.js +526 -9
  134. package/dist/index.es44.js.map +1 -1
  135. package/dist/index.es45.js +15 -18
  136. package/dist/index.es45.js.map +1 -1
  137. package/dist/index.es46.js +18 -22
  138. package/dist/index.es46.js.map +1 -1
  139. package/dist/index.es47.js +19 -12
  140. package/dist/index.es47.js.map +1 -1
  141. package/dist/index.es48.js +13 -22
  142. package/dist/index.es48.js.map +1 -1
  143. package/dist/index.es49.js +17 -80
  144. package/dist/index.es49.js.map +1 -1
  145. package/dist/index.es50.js +186 -28
  146. package/dist/index.es50.js.map +1 -1
  147. package/dist/index.es51.js +38 -10
  148. package/dist/index.es51.js.map +1 -1
  149. package/dist/index.es52.js +13 -29
  150. package/dist/index.es52.js.map +1 -1
  151. package/dist/index.es53.js +30 -34
  152. package/dist/index.es53.js.map +1 -1
  153. package/dist/index.es54.js +37 -19
  154. package/dist/index.es54.js.map +1 -1
  155. package/dist/index.es55.js +18 -41
  156. package/dist/index.es55.js.map +1 -1
  157. package/dist/index.es8.js +71 -20
  158. package/dist/index.es8.js.map +1 -1
  159. package/dist/style.css +421 -34
  160. package/package.json +17 -3
@@ -1,534 +1,102 @@
1
1
  import * as e from "react";
2
- import { Slot as g } from "@radix-ui/react-slot";
3
- import { cva as R } from "class-variance-authority";
4
- import { PanelLeft as _ } from "lucide-react";
5
- import { useIsMobile as k } from "./index.es57.js";
6
- import { cn as i } from "./index.es56.js";
7
- import { Button as C } from "./index.es10.js";
8
- import { Input as I } from "./index.es27.js";
9
- import { Separator as z } from "./index.es41.js";
10
- import { Sheet as B, SheetContent as T, SheetHeader as D, SheetTitle as A, SheetDescription as O } from "./index.es42.js";
11
- import { Skeleton as E } from "./index.es44.js";
12
- import { Tooltip as G, TooltipTrigger as H, TooltipContent as K, TooltipProvider as L } from "./index.es54.js";
13
- const P = "sidebar_state", $ = 3600 * 24 * 7, j = "16rem", V = "18rem", W = "3rem", q = "b", N = e.createContext(null);
14
- function w() {
15
- const t = e.useContext(N);
16
- if (!t)
17
- throw new Error("useSidebar must be used within a SidebarProvider.");
18
- return t;
19
- }
20
- const F = e.forwardRef(
21
- ({
22
- defaultOpen: t = !0,
23
- open: a,
24
- onOpenChange: r,
25
- className: o,
26
- style: n,
27
- children: d,
28
- ...c
29
- }, f) => {
30
- const l = k(), [m, u] = e.useState(!1), [h, y] = e.useState(t), p = a ?? h, v = e.useCallback(
31
- (s) => {
32
- const b = typeof s == "function" ? s(p) : s;
33
- r ? r(b) : y(b), document.cookie = `${P}=${b}; path=/; max-age=${$}`;
34
- },
35
- [r, p]
36
- ), x = e.useCallback(() => l ? u((s) => !s) : v((s) => !s), [l, v, u]);
37
- e.useEffect(() => {
38
- const s = (b) => {
39
- b.key === q && (b.metaKey || b.ctrlKey) && (b.preventDefault(), x());
40
- };
41
- return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
42
- }, [x]);
43
- const S = p ? "expanded" : "collapsed", M = e.useMemo(
44
- () => ({
45
- state: S,
46
- open: p,
47
- setOpen: v,
48
- isMobile: l,
49
- openMobile: m,
50
- setOpenMobile: u,
51
- toggleSidebar: x
52
- }),
53
- [S, p, v, l, m, u, x]
54
- );
55
- return /* @__PURE__ */ e.createElement(N.Provider, { value: M }, /* @__PURE__ */ e.createElement(L, { delayDuration: 0 }, /* @__PURE__ */ e.createElement(
56
- "div",
57
- {
58
- style: {
59
- "--sidebar-width": j,
60
- "--sidebar-width-icon": W,
61
- ...n
62
- },
63
- className: i(
64
- "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar",
65
- o
66
- ),
67
- ref: f,
68
- ...c
69
- },
70
- d
71
- )));
72
- }
73
- );
74
- F.displayName = "SidebarProvider";
75
- const U = e.forwardRef(
76
- ({
77
- side: t = "left",
78
- variant: a = "sidebar",
79
- collapsible: r = "offcanvas",
80
- className: o,
81
- children: n,
82
- ...d
83
- }, c) => {
84
- const { isMobile: f, state: l, openMobile: m, setOpenMobile: u } = w();
85
- return r === "none" ? /* @__PURE__ */ e.createElement(
86
- "div",
87
- {
88
- className: i(
89
- "flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground",
90
- o
91
- ),
92
- ref: c,
93
- ...d
94
- },
95
- n
96
- ) : f ? /* @__PURE__ */ e.createElement(B, { open: m, onOpenChange: u, ...d }, /* @__PURE__ */ e.createElement(
97
- T,
98
- {
99
- "data-sidebar": "sidebar",
100
- "data-mobile": "true",
101
- className: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
102
- style: {
103
- "--sidebar-width": V
104
- },
105
- side: t
106
- },
107
- /* @__PURE__ */ e.createElement(D, { className: "sr-only" }, /* @__PURE__ */ e.createElement(A, null, "Sidebar"), /* @__PURE__ */ e.createElement(O, null, "Displays the mobile sidebar.")),
108
- /* @__PURE__ */ e.createElement("div", { className: "flex h-full w-full flex-col" }, n)
109
- )) : /* @__PURE__ */ e.createElement(
110
- "div",
111
- {
112
- ref: c,
113
- className: "group peer hidden text-sidebar-foreground md:block",
114
- "data-state": l,
115
- "data-collapsible": l === "collapsed" ? r : "",
116
- "data-variant": a,
117
- "data-side": t
118
- },
119
- /* @__PURE__ */ e.createElement(
120
- "div",
121
- {
122
- className: i(
123
- "relative w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear",
124
- "group-data-[collapsible=offcanvas]:w-0",
125
- "group-data-[side=right]:rotate-180",
126
- a === "floating" || a === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
127
- )
128
- }
129
- ),
130
- /* @__PURE__ */ e.createElement(
131
- "div",
132
- {
133
- className: i(
134
- "fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex",
135
- t === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
136
- // Adjust the padding for floating and inset variants.
137
- a === "floating" || a === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
138
- o
139
- ),
140
- ...d
141
- },
142
- /* @__PURE__ */ e.createElement(
143
- "div",
144
- {
145
- "data-sidebar": "sidebar",
146
- className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow"
147
- },
148
- n
149
- )
150
- )
151
- );
152
- }
153
- );
154
- U.displayName = "Sidebar";
155
- const X = e.forwardRef(({ className: t, onClick: a, ...r }, o) => {
156
- const { toggleSidebar: n } = w();
157
- return /* @__PURE__ */ e.createElement(
158
- C,
159
- {
160
- ref: o,
161
- "data-sidebar": "trigger",
162
- variant: "ghost",
163
- size: "icon",
164
- className: i("h-7 w-7", t),
165
- onClick: (d) => {
166
- a?.(d), n();
167
- },
168
- ...r
169
- },
170
- /* @__PURE__ */ e.createElement(_, null),
171
- /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Toggle Sidebar")
172
- );
173
- });
174
- X.displayName = "SidebarTrigger";
175
- const Y = e.forwardRef(({ className: t, ...a }, r) => {
176
- const { toggleSidebar: o } = w();
177
- return /* @__PURE__ */ e.createElement(
178
- "button",
179
- {
180
- ref: r,
181
- "data-sidebar": "rail",
182
- "aria-label": "Toggle Sidebar",
183
- tabIndex: -1,
184
- onClick: o,
185
- title: "Toggle Sidebar",
186
- className: i(
187
- "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
188
- "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
189
- "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
190
- "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
191
- "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
192
- "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
193
- t
194
- ),
195
- ...a
196
- }
197
- );
198
- });
199
- Y.displayName = "SidebarRail";
200
- const J = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
201
- "main",
2
+ import * as t from "@radix-ui/react-dialog";
3
+ import { cva as d } from "class-variance-authority";
4
+ import { X as m } from "lucide-react";
5
+ import { cn as r } from "./index.es56.js";
6
+ const S = t.Root, v = t.Trigger, w = t.Close, c = t.Portal, n = e.forwardRef(({ className: a, ...o }, s) => /* @__PURE__ */ e.createElement(
7
+ t.Overlay,
202
8
  {
203
- ref: r,
204
- className: i(
205
- "relative flex w-full flex-1 flex-col bg-background",
206
- "md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
207
- t
9
+ className: r(
10
+ "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
11
+ a
208
12
  ),
209
- ...a
210
- }
211
- ));
212
- J.displayName = "SidebarInset";
213
- const Q = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
214
- I,
215
- {
216
- ref: r,
217
- "data-sidebar": "input",
218
- className: i(
219
- "h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
220
- t
221
- ),
222
- ...a
223
- }
224
- ));
225
- Q.displayName = "SidebarInput";
226
- const Z = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
227
- "div",
228
- {
229
- ref: r,
230
- "data-sidebar": "header",
231
- className: i("flex flex-col gap-2 p-2", t),
232
- ...a
233
- }
234
- ));
235
- Z.displayName = "SidebarHeader";
236
- const ee = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
237
- "div",
238
- {
239
- ref: r,
240
- "data-sidebar": "footer",
241
- className: i("flex flex-col gap-2 p-2", t),
242
- ...a
243
- }
244
- ));
245
- ee.displayName = "SidebarFooter";
246
- const ae = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
247
- z,
248
- {
249
- ref: r,
250
- "data-sidebar": "separator",
251
- className: i("mx-2 w-auto bg-sidebar-border", t),
252
- ...a
253
- }
254
- ));
255
- ae.displayName = "SidebarSeparator";
256
- const te = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
257
- "div",
258
- {
259
- ref: r,
260
- "data-sidebar": "content",
261
- className: i(
262
- "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
263
- t
264
- ),
265
- ...a
266
- }
267
- ));
268
- te.displayName = "SidebarContent";
269
- const re = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
270
- "div",
271
- {
272
- ref: r,
273
- "data-sidebar": "group",
274
- className: i("relative flex w-full min-w-0 flex-col p-2", t),
275
- ...a
276
- }
277
- ));
278
- re.displayName = "SidebarGroup";
279
- const ie = e.forwardRef(({ className: t, asChild: a = !1, ...r }, o) => {
280
- const n = a ? g : "div";
281
- return /* @__PURE__ */ e.createElement(
282
- n,
283
- {
284
- ref: o,
285
- "data-sidebar": "group-label",
286
- className: i(
287
- "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
288
- "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
289
- t
290
- ),
291
- ...r
292
- }
293
- );
294
- });
295
- ie.displayName = "SidebarGroupLabel";
296
- const ne = e.forwardRef(({ className: t, asChild: a = !1, ...r }, o) => {
297
- const n = a ? g : "button";
298
- return /* @__PURE__ */ e.createElement(
299
- n,
300
- {
301
- ref: o,
302
- "data-sidebar": "group-action",
303
- className: i(
304
- "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
305
- // Increases the hit area of the button on mobile.
306
- "after:absolute after:-inset-2 after:md:hidden",
307
- "group-data-[collapsible=icon]:hidden",
308
- t
309
- ),
310
- ...r
311
- }
312
- );
313
- });
314
- ne.displayName = "SidebarGroupAction";
315
- const oe = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
316
- "div",
317
- {
318
- ref: r,
319
- "data-sidebar": "group-content",
320
- className: i("w-full text-sm", t),
321
- ...a
13
+ ...o,
14
+ ref: s
322
15
  }
323
16
  ));
324
- oe.displayName = "SidebarGroupContent";
325
- const de = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
326
- "ul",
327
- {
328
- ref: r,
329
- "data-sidebar": "menu",
330
- className: i("flex w-full min-w-0 flex-col gap-1", t),
331
- ...a
332
- }
333
- ));
334
- de.displayName = "SidebarMenu";
335
- const se = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
336
- "li",
337
- {
338
- ref: r,
339
- "data-sidebar": "menu-item",
340
- className: i("group/menu-item relative", t),
341
- ...a
342
- }
343
- ));
344
- se.displayName = "SidebarMenuItem";
345
- const le = R(
346
- "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
17
+ n.displayName = t.Overlay.displayName;
18
+ const f = d(
19
+ "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
347
20
  {
348
21
  variants: {
349
- variant: {
350
- default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
351
- outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
352
- },
353
- size: {
354
- default: "h-8 text-sm",
355
- sm: "h-7 text-xs",
356
- lg: "h-12 text-sm group-data-[collapsible=icon]:!p-0"
22
+ side: {
23
+ top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
24
+ bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
25
+ left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
26
+ right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
357
27
  }
358
28
  },
359
29
  defaultVariants: {
360
- variant: "default",
361
- size: "default"
30
+ side: "right"
362
31
  }
363
32
  }
364
- ), ce = e.forwardRef(
365
- ({
366
- asChild: t = !1,
367
- isActive: a = !1,
368
- variant: r = "default",
369
- size: o = "default",
370
- tooltip: n,
371
- className: d,
372
- ...c
373
- }, f) => {
374
- const l = t ? g : "button", { isMobile: m, state: u } = w(), h = /* @__PURE__ */ e.createElement(
375
- l,
376
- {
377
- ref: f,
378
- "data-sidebar": "menu-button",
379
- "data-size": o,
380
- "data-active": a,
381
- className: i(le({ variant: r, size: o }), d),
382
- ...c
383
- }
384
- );
385
- return n ? (typeof n == "string" && (n = {
386
- children: n
387
- }), /* @__PURE__ */ e.createElement(G, null, /* @__PURE__ */ e.createElement(H, { asChild: !0 }, h), /* @__PURE__ */ e.createElement(
388
- K,
389
- {
390
- side: "right",
391
- align: "center",
392
- hidden: u !== "collapsed" || m,
393
- ...n
394
- }
395
- ))) : h;
33
+ ), p = e.forwardRef(({ side: a = "right", className: o, children: s, ...i }, l) => /* @__PURE__ */ e.createElement(c, null, /* @__PURE__ */ e.createElement(n, null), /* @__PURE__ */ e.createElement(
34
+ t.Content,
35
+ {
36
+ ref: l,
37
+ className: r(f({ side: a }), o),
38
+ ...i
39
+ },
40
+ /* @__PURE__ */ e.createElement(t.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary" }, /* @__PURE__ */ e.createElement(m, { className: "h-4 w-4" }), /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Close")),
41
+ s
42
+ )));
43
+ p.displayName = t.Content.displayName;
44
+ const u = ({
45
+ className: a,
46
+ ...o
47
+ }) => /* @__PURE__ */ e.createElement(
48
+ "div",
49
+ {
50
+ className: r(
51
+ "flex flex-col space-y-2 text-center sm:text-left",
52
+ a
53
+ ),
54
+ ...o
396
55
  }
397
56
  );
398
- ce.displayName = "SidebarMenuButton";
399
- const ue = e.forwardRef(({ className: t, asChild: a = !1, showOnHover: r = !1, ...o }, n) => {
400
- const d = a ? g : "button";
401
- return /* @__PURE__ */ e.createElement(
402
- d,
403
- {
404
- ref: n,
405
- "data-sidebar": "menu-action",
406
- className: i(
407
- "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
408
- // Increases the hit area of the button on mobile.
409
- "after:absolute after:-inset-2 after:md:hidden",
410
- "peer-data-[size=sm]/menu-button:top-1",
411
- "peer-data-[size=default]/menu-button:top-1.5",
412
- "peer-data-[size=lg]/menu-button:top-2.5",
413
- "group-data-[collapsible=icon]:hidden",
414
- r && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0",
415
- t
416
- ),
417
- ...o
418
- }
419
- );
420
- });
421
- ue.displayName = "SidebarMenuAction";
422
- const be = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
57
+ u.displayName = "SheetHeader";
58
+ const g = ({
59
+ className: a,
60
+ ...o
61
+ }) => /* @__PURE__ */ e.createElement(
423
62
  "div",
424
63
  {
425
- ref: r,
426
- "data-sidebar": "menu-badge",
427
- className: i(
428
- "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground",
429
- "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
430
- "peer-data-[size=sm]/menu-button:top-1",
431
- "peer-data-[size=default]/menu-button:top-1.5",
432
- "peer-data-[size=lg]/menu-button:top-2.5",
433
- "group-data-[collapsible=icon]:hidden",
434
- t
64
+ className: r(
65
+ "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
66
+ a
435
67
  ),
436
- ...a
68
+ ...o
69
+ }
70
+ );
71
+ g.displayName = "SheetFooter";
72
+ const h = e.forwardRef(({ className: a, ...o }, s) => /* @__PURE__ */ e.createElement(
73
+ t.Title,
74
+ {
75
+ ref: s,
76
+ className: r("text-lg font-semibold text-foreground", a),
77
+ ...o
437
78
  }
438
79
  ));
439
- be.displayName = "SidebarMenuBadge";
440
- const me = e.forwardRef(({ className: t, showIcon: a = !1, ...r }, o) => {
441
- const n = e.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
442
- return /* @__PURE__ */ e.createElement(
443
- "div",
444
- {
445
- ref: o,
446
- "data-sidebar": "menu-skeleton",
447
- className: i("flex h-8 items-center gap-2 rounded-md px-2", t),
448
- ...r
449
- },
450
- a && /* @__PURE__ */ e.createElement(
451
- E,
452
- {
453
- className: "size-4 rounded-md",
454
- "data-sidebar": "menu-skeleton-icon"
455
- }
456
- ),
457
- /* @__PURE__ */ e.createElement(
458
- E,
459
- {
460
- className: "h-4 max-w-[--skeleton-width] flex-1",
461
- "data-sidebar": "menu-skeleton-text",
462
- style: {
463
- "--skeleton-width": n
464
- }
465
- }
466
- )
467
- );
468
- });
469
- me.displayName = "SidebarMenuSkeleton";
470
- const fe = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
471
- "ul",
80
+ h.displayName = t.Title.displayName;
81
+ const y = e.forwardRef(({ className: a, ...o }, s) => /* @__PURE__ */ e.createElement(
82
+ t.Description,
472
83
  {
473
- ref: r,
474
- "data-sidebar": "menu-sub",
475
- className: i(
476
- "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
477
- "group-data-[collapsible=icon]:hidden",
478
- t
479
- ),
480
- ...a
84
+ ref: s,
85
+ className: r("text-sm text-muted-foreground", a),
86
+ ...o
481
87
  }
482
88
  ));
483
- fe.displayName = "SidebarMenuSub";
484
- const pe = e.forwardRef(({ ...t }, a) => /* @__PURE__ */ e.createElement("li", { ref: a, ...t }));
485
- pe.displayName = "SidebarMenuSubItem";
486
- const ge = e.forwardRef(({ asChild: t = !1, size: a = "md", isActive: r, className: o, ...n }, d) => {
487
- const c = t ? g : "a";
488
- return /* @__PURE__ */ e.createElement(
489
- c,
490
- {
491
- ref: d,
492
- "data-sidebar": "menu-sub-button",
493
- "data-size": a,
494
- "data-active": r,
495
- className: i(
496
- "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground 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 [&>svg]:text-sidebar-accent-foreground",
497
- "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
498
- a === "sm" && "text-xs",
499
- a === "md" && "text-sm",
500
- "group-data-[collapsible=icon]:hidden",
501
- o
502
- ),
503
- ...n
504
- }
505
- );
506
- });
507
- ge.displayName = "SidebarMenuSubButton";
89
+ y.displayName = t.Description.displayName;
508
90
  export {
509
- U as Sidebar,
510
- te as SidebarContent,
511
- ee as SidebarFooter,
512
- re as SidebarGroup,
513
- ne as SidebarGroupAction,
514
- oe as SidebarGroupContent,
515
- ie as SidebarGroupLabel,
516
- Z as SidebarHeader,
517
- Q as SidebarInput,
518
- J as SidebarInset,
519
- de as SidebarMenu,
520
- ue as SidebarMenuAction,
521
- be as SidebarMenuBadge,
522
- ce as SidebarMenuButton,
523
- se as SidebarMenuItem,
524
- me as SidebarMenuSkeleton,
525
- fe as SidebarMenuSub,
526
- ge as SidebarMenuSubButton,
527
- pe as SidebarMenuSubItem,
528
- F as SidebarProvider,
529
- Y as SidebarRail,
530
- ae as SidebarSeparator,
531
- X as SidebarTrigger,
532
- w as useSidebar
91
+ S as Sheet,
92
+ w as SheetClose,
93
+ p as SheetContent,
94
+ y as SheetDescription,
95
+ g as SheetFooter,
96
+ u as SheetHeader,
97
+ n as SheetOverlay,
98
+ c as SheetPortal,
99
+ h as SheetTitle,
100
+ v as SheetTrigger
533
101
  };
534
102
  //# sourceMappingURL=index.es43.js.map