@arch-cadre/ui 0.0.44 → 0.0.45

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 (193) hide show
  1. package/build.config.js +22 -0
  2. package/dist/components/accordion.js +18 -0
  3. package/dist/components/alert-dialog.js +39 -0
  4. package/dist/components/alert.js +24 -0
  5. package/dist/components/aspect-ratio.js +7 -0
  6. package/dist/components/avatar.js +14 -0
  7. package/dist/components/badge.js +22 -0
  8. package/dist/components/breadcrumb.js +30 -0
  9. package/dist/components/button-group.js +28 -0
  10. package/dist/components/button.js +33 -0
  11. package/dist/components/calendar.js +76 -0
  12. package/dist/components/card.js +24 -0
  13. package/dist/components/checkbox.js +9 -0
  14. package/dist/components/collapsible.js +13 -0
  15. package/dist/components/command.js +34 -0
  16. package/dist/components/context-menu.js +51 -0
  17. package/dist/components/dialog.js +36 -0
  18. package/dist/components/drawer.js +35 -0
  19. package/dist/components/dropdown-menu.js +51 -0
  20. package/dist/components/empty.js +33 -0
  21. package/dist/components/field.js +78 -0
  22. package/dist/components/form.js +59 -0
  23. package/dist/components/hover-card.js +14 -0
  24. package/dist/components/input-group.js +63 -0
  25. package/dist/components/input-otp.js +21 -0
  26. package/dist/components/input.js +6 -0
  27. package/dist/components/item.js +66 -0
  28. package/dist/components/kbd.js +9 -0
  29. package/dist/components/label.js +8 -0
  30. package/dist/components/language-switcher.js +20 -0
  31. package/dist/components/menubar.js +54 -0
  32. package/dist/components/navigation-menu.js +31 -0
  33. package/dist/components/pagination.js +31 -0
  34. package/dist/components/popover.js +17 -0
  35. package/dist/components/progress.js +8 -0
  36. package/dist/components/radio-group.js +12 -0
  37. package/dist/components/scroll-area.js +13 -0
  38. package/dist/components/select.js +38 -0
  39. package/dist/components/separator.js +8 -0
  40. package/dist/components/sheet.js +40 -0
  41. package/dist/components/sidebar.js +213 -0
  42. package/dist/components/skeleton.js +6 -0
  43. package/dist/components/slider.js +14 -0
  44. package/dist/components/sonner.js +21 -0
  45. package/dist/components/spinner.js +7 -0
  46. package/dist/components/switch.js +8 -0
  47. package/dist/components/table.js +28 -0
  48. package/dist/components/tabs.js +17 -0
  49. package/dist/components/textarea.js +6 -0
  50. package/dist/components/toggle-group.js +22 -0
  51. package/dist/components/toggle.js +26 -0
  52. package/dist/components/tooltip.js +17 -0
  53. package/dist/hooks/use-mobile.js +15 -0
  54. package/dist/hooks/use-user.js +25 -0
  55. package/dist/lib/{utils.mjs → utils.js} +1 -1
  56. package/dist/logo.js +28 -0
  57. package/dist/postcss.config.mjs +1 -2
  58. package/dist/providers/auth-provider.js +27 -0
  59. package/dist/providers/index.js +23 -0
  60. package/dist/shared/access-denied.js +6 -0
  61. package/dist/shared/loader.js +41 -0
  62. package/dist/shared/page-loader.js +6 -0
  63. package/dist/shared/scroll-fade-effect.js +5 -0
  64. package/package.json +14 -20
  65. package/src/providers/index.tsx +1 -1
  66. package/tsconfig.json +3 -2
  67. package/dist/components/.gitkeep +0 -0
  68. package/dist/components/accordion.d.ts +0 -7
  69. package/dist/components/accordion.mjs +0 -58
  70. package/dist/components/alert-dialog.d.ts +0 -14
  71. package/dist/components/alert-dialog.mjs +0 -144
  72. package/dist/components/alert.d.ts +0 -9
  73. package/dist/components/alert.mjs +0 -62
  74. package/dist/components/aspect-ratio.d.ts +0 -4
  75. package/dist/components/aspect-ratio.mjs +0 -9
  76. package/dist/components/avatar.d.ts +0 -6
  77. package/dist/components/avatar.mjs +0 -50
  78. package/dist/components/badge.d.ts +0 -9
  79. package/dist/components/badge.mjs +0 -37
  80. package/dist/components/breadcrumb.d.ts +0 -11
  81. package/dist/components/breadcrumb.mjs +0 -105
  82. package/dist/components/button-group.d.ts +0 -13
  83. package/dist/components/button-group.mjs +0 -76
  84. package/dist/components/button.d.ts +0 -10
  85. package/dist/components/button.mjs +0 -51
  86. package/dist/components/calendar.d.ts +0 -8
  87. package/dist/components/calendar.mjs +0 -191
  88. package/dist/components/card.d.ts +0 -9
  89. package/dist/components/card.mjs +0 -90
  90. package/dist/components/checkbox.d.ts +0 -4
  91. package/dist/components/checkbox.mjs +0 -30
  92. package/dist/components/collapsible.d.ts +0 -6
  93. package/dist/components/collapsible.mjs +0 -31
  94. package/dist/components/command.d.ts +0 -18
  95. package/dist/components/command.mjs +0 -169
  96. package/dist/components/context-menu.d.ts +0 -25
  97. package/dist/components/context-menu.mjs +0 -218
  98. package/dist/components/dialog.d.ts +0 -15
  99. package/dist/components/dialog.mjs +0 -130
  100. package/dist/components/drawer.d.ts +0 -13
  101. package/dist/components/drawer.mjs +0 -124
  102. package/dist/components/dropdown-menu.d.ts +0 -25
  103. package/dist/components/dropdown-menu.mjs +0 -226
  104. package/dist/components/empty.d.ts +0 -12
  105. package/dist/components/empty.mjs +0 -102
  106. package/dist/components/field.d.ts +0 -25
  107. package/dist/components/field.mjs +0 -228
  108. package/dist/components/form.d.ts +0 -23
  109. package/dist/components/form.mjs +0 -123
  110. package/dist/components/hover-card.d.ts +0 -6
  111. package/dist/components/hover-card.mjs +0 -35
  112. package/dist/components/input-group.d.ts +0 -16
  113. package/dist/components/input-group.mjs +0 -155
  114. package/dist/components/input-otp.d.ts +0 -11
  115. package/dist/components/input-otp.mjs +0 -59
  116. package/dist/components/input.d.ts +0 -3
  117. package/dist/components/input.mjs +0 -19
  118. package/dist/components/item.d.ts +0 -23
  119. package/dist/components/item.mjs +0 -187
  120. package/dist/components/kbd.d.ts +0 -4
  121. package/dist/components/kbd.mjs +0 -28
  122. package/dist/components/label.d.ts +0 -4
  123. package/dist/components/label.mjs +0 -21
  124. package/dist/components/language-switcher.d.ts +0 -2
  125. package/dist/components/language-switcher.mjs +0 -30
  126. package/dist/components/menubar.d.ts +0 -26
  127. package/dist/components/menubar.mjs +0 -246
  128. package/dist/components/navigation-menu.d.ts +0 -14
  129. package/dist/components/navigation-menu.mjs +0 -166
  130. package/dist/components/pagination.d.ts +0 -15
  131. package/dist/components/pagination.mjs +0 -116
  132. package/dist/components/popover.d.ts +0 -7
  133. package/dist/components/popover.mjs +0 -40
  134. package/dist/components/progress.d.ts +0 -4
  135. package/dist/components/progress.mjs +0 -30
  136. package/dist/components/radio-group.d.ts +0 -5
  137. package/dist/components/radio-group.mjs +0 -43
  138. package/dist/components/scroll-area.d.ts +0 -7
  139. package/dist/components/scroll-area.mjs +0 -59
  140. package/dist/components/select.d.ts +0 -15
  141. package/dist/components/select.mjs +0 -173
  142. package/dist/components/separator.d.ts +0 -4
  143. package/dist/components/separator.mjs +0 -25
  144. package/dist/components/sheet.d.ts +0 -13
  145. package/dist/components/sheet.mjs +0 -119
  146. package/dist/components/sidebar.d.ts +0 -69
  147. package/dist/components/sidebar.mjs +0 -635
  148. package/dist/components/skeleton.d.ts +0 -3
  149. package/dist/components/skeleton.mjs +0 -13
  150. package/dist/components/slider.d.ts +0 -4
  151. package/dist/components/slider.mjs +0 -59
  152. package/dist/components/sonner.d.ts +0 -4
  153. package/dist/components/sonner.mjs +0 -36
  154. package/dist/components/spinner.d.ts +0 -3
  155. package/dist/components/spinner.mjs +0 -15
  156. package/dist/components/switch.d.ts +0 -4
  157. package/dist/components/switch.mjs +0 -30
  158. package/dist/components/table.d.ts +0 -10
  159. package/dist/components/table.mjs +0 -115
  160. package/dist/components/tabs.d.ts +0 -7
  161. package/dist/components/tabs.mjs +0 -63
  162. package/dist/components/textarea.d.ts +0 -3
  163. package/dist/components/textarea.mjs +0 -16
  164. package/dist/components/toggle-group.d.ts +0 -9
  165. package/dist/components/toggle-group.mjs +0 -65
  166. package/dist/components/toggle.d.ts +0 -9
  167. package/dist/components/toggle.mjs +0 -41
  168. package/dist/components/tooltip.d.ts +0 -7
  169. package/dist/components/tooltip.mjs +0 -49
  170. package/dist/hooks/.gitkeep +0 -0
  171. package/dist/hooks/use-mobile.d.ts +0 -1
  172. package/dist/hooks/use-mobile.mjs +0 -17
  173. package/dist/hooks/use-user.d.ts +0 -12
  174. package/dist/hooks/use-user.mjs +0 -12
  175. package/dist/index.mjs +0 -15
  176. package/dist/lib/utils.d.ts +0 -2
  177. package/dist/logo.d.ts +0 -15
  178. package/dist/logo.mjs +0 -32
  179. package/dist/postcss.config.d.mts +0 -3
  180. package/dist/providers/auth-provider.d.ts +0 -15
  181. package/dist/providers/auth-provider.mjs +0 -37
  182. package/dist/providers/index.d.ts +0 -7
  183. package/dist/providers/index.mjs +0 -33
  184. package/dist/shared/access-denied.d.ts +0 -2
  185. package/dist/shared/access-denied.mjs +0 -12
  186. package/dist/shared/loader.d.ts +0 -11
  187. package/dist/shared/loader.mjs +0 -98
  188. package/dist/shared/page-loader.d.ts +0 -7
  189. package/dist/shared/page-loader.mjs +0 -6
  190. package/dist/shared/scroll-fade-effect.d.ts +0 -4
  191. package/dist/shared/scroll-fade-effect.mjs +0 -20
  192. package/dist/styles/globals.css +0 -1
  193. /package/dist/{index.d.ts → index.js} +0 -0
@@ -1,635 +0,0 @@
1
- "use client";
2
- import { cva } from "class-variance-authority";
3
- import { PanelLeftIcon } from "lucide-react";
4
- import { Slot as SlotPrimitive } from "radix-ui";
5
- import * as React from "react";
6
- import { useIsMobile } from "../hooks/use-mobile.mjs";
7
- import { cn } from "../lib/utils.mjs";
8
- import { Button } from "./button.mjs";
9
- import { Input } from "./input.mjs";
10
- import { Separator } from "./separator.mjs";
11
- import {
12
- Sheet,
13
- SheetContent,
14
- SheetDescription,
15
- SheetHeader,
16
- SheetTitle
17
- } from "./sheet.mjs";
18
- import { Skeleton } from "./skeleton.mjs";
19
- import {
20
- Tooltip,
21
- TooltipContent,
22
- TooltipProvider,
23
- TooltipTrigger
24
- } from "./tooltip.mjs";
25
- const SIDEBAR_COOKIE_NAME = "sidebar_state";
26
- const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
27
- const SIDEBAR_WIDTH = "16rem";
28
- const SIDEBAR_WIDTH_MOBILE = "18rem";
29
- const SIDEBAR_WIDTH_ICON = "3rem";
30
- const SIDEBAR_KEYBOARD_SHORTCUT = "b";
31
- const SidebarContext = React.createContext(null);
32
- function useSidebar() {
33
- const context = React.useContext(SidebarContext);
34
- if (!context) {
35
- throw new Error("useSidebar must be used within a SidebarProvider.");
36
- }
37
- return context;
38
- }
39
- function SidebarProvider({
40
- defaultOpen = true,
41
- open: openProp,
42
- onOpenChange: setOpenProp,
43
- className,
44
- style,
45
- children,
46
- ...props
47
- }) {
48
- const isMobile = useIsMobile();
49
- const [openMobile, setOpenMobile] = React.useState(false);
50
- const [_open, _setOpen] = React.useState(defaultOpen);
51
- const open = openProp ?? _open;
52
- const setOpen = React.useCallback(
53
- (value) => {
54
- const openState = typeof value === "function" ? value(open) : value;
55
- if (setOpenProp) {
56
- setOpenProp(openState);
57
- } else {
58
- _setOpen(openState);
59
- }
60
- document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
61
- },
62
- [setOpenProp, open]
63
- );
64
- const toggleSidebar = React.useCallback(() => {
65
- return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
66
- }, [isMobile, setOpen, setOpenMobile]);
67
- React.useEffect(() => {
68
- const handleKeyDown = (event) => {
69
- if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
70
- event.preventDefault();
71
- toggleSidebar();
72
- }
73
- };
74
- window.addEventListener("keydown", handleKeyDown);
75
- return () => window.removeEventListener("keydown", handleKeyDown);
76
- }, [toggleSidebar]);
77
- const state = open ? "expanded" : "collapsed";
78
- const contextValue = React.useMemo(
79
- () => ({
80
- state,
81
- open,
82
- setOpen,
83
- isMobile,
84
- openMobile,
85
- setOpenMobile,
86
- toggleSidebar
87
- }),
88
- [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
89
- );
90
- return /* @__PURE__ */ React.createElement(SidebarContext.Provider, { value: contextValue }, /* @__PURE__ */ React.createElement(TooltipProvider, { delayDuration: 0 }, /* @__PURE__ */ React.createElement(
91
- "div",
92
- {
93
- "data-slot": "sidebar-wrapper",
94
- style: {
95
- "--sidebar-width": SIDEBAR_WIDTH,
96
- "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
97
- ...style
98
- },
99
- className: cn(
100
- "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",
101
- className
102
- ),
103
- ...props
104
- },
105
- children
106
- )));
107
- }
108
- function Sidebar({
109
- side = "left",
110
- variant = "sidebar",
111
- collapsible = "offcanvas",
112
- className,
113
- children,
114
- ...props
115
- }) {
116
- const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
117
- if (collapsible === "none") {
118
- return /* @__PURE__ */ React.createElement(
119
- "div",
120
- {
121
- "data-slot": "sidebar",
122
- className: cn(
123
- "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",
124
- className
125
- ),
126
- ...props
127
- },
128
- children
129
- );
130
- }
131
- if (isMobile) {
132
- return /* @__PURE__ */ React.createElement(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props }, /* @__PURE__ */ React.createElement(
133
- SheetContent,
134
- {
135
- "data-sidebar": "sidebar",
136
- "data-slot": "sidebar",
137
- "data-mobile": "true",
138
- className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
139
- style: {
140
- "--sidebar-width": SIDEBAR_WIDTH_MOBILE
141
- },
142
- side
143
- },
144
- /* @__PURE__ */ React.createElement(SheetHeader, { className: "sr-only" }, /* @__PURE__ */ React.createElement(SheetTitle, null, "Sidebar"), /* @__PURE__ */ React.createElement(SheetDescription, null, "Displays the mobile sidebar.")),
145
- /* @__PURE__ */ React.createElement("div", { className: "flex h-full w-full flex-col" }, children)
146
- ));
147
- }
148
- return /* @__PURE__ */ React.createElement(
149
- "div",
150
- {
151
- className: "group peer text-sidebar-foreground hidden md:block",
152
- "data-state": state,
153
- "data-collapsible": state === "collapsed" ? collapsible : "",
154
- "data-variant": variant,
155
- "data-side": side,
156
- "data-slot": "sidebar"
157
- },
158
- /* @__PURE__ */ React.createElement(
159
- "div",
160
- {
161
- "data-slot": "sidebar-gap",
162
- className: cn(
163
- "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
164
- "group-data-[collapsible=offcanvas]:w-0",
165
- "group-data-[side=right]:rotate-180",
166
- variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
167
- )
168
- }
169
- ),
170
- /* @__PURE__ */ React.createElement(
171
- "div",
172
- {
173
- "data-slot": "sidebar-container",
174
- className: cn(
175
- "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
176
- side === "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)]",
177
- // Adjust the padding for floating and inset variants.
178
- variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
179
- className
180
- ),
181
- ...props
182
- },
183
- /* @__PURE__ */ React.createElement(
184
- "div",
185
- {
186
- "data-sidebar": "sidebar",
187
- "data-slot": "sidebar-inner",
188
- className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
189
- },
190
- children
191
- )
192
- )
193
- );
194
- }
195
- function SidebarTrigger({
196
- className,
197
- onClick,
198
- ...props
199
- }) {
200
- const { toggleSidebar } = useSidebar();
201
- return /* @__PURE__ */ React.createElement(
202
- Button,
203
- {
204
- "data-sidebar": "trigger",
205
- "data-slot": "sidebar-trigger",
206
- variant: "ghost",
207
- size: "icon",
208
- className: cn("size-7", className),
209
- onClick: (event) => {
210
- onClick?.(event);
211
- toggleSidebar();
212
- },
213
- ...props
214
- },
215
- /* @__PURE__ */ React.createElement(PanelLeftIcon, null),
216
- /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Toggle Sidebar")
217
- );
218
- }
219
- function SidebarRail({ className, ...props }) {
220
- const { toggleSidebar } = useSidebar();
221
- return /* @__PURE__ */ React.createElement(
222
- "button",
223
- {
224
- "data-sidebar": "rail",
225
- "data-slot": "sidebar-rail",
226
- "aria-label": "Toggle Sidebar",
227
- tabIndex: -1,
228
- onClick: toggleSidebar,
229
- title: "Toggle Sidebar",
230
- className: cn(
231
- "hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear 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",
232
- "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
233
- "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
234
- "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
235
- "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
236
- "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
237
- className
238
- ),
239
- ...props
240
- }
241
- );
242
- }
243
- function SidebarInset({ className, ...props }) {
244
- return /* @__PURE__ */ React.createElement(
245
- "main",
246
- {
247
- "data-slot": "sidebar-inset",
248
- className: cn(
249
- "bg-background relative flex w-full flex-1 flex-col",
250
- "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
251
- className
252
- ),
253
- ...props
254
- }
255
- );
256
- }
257
- function SidebarInput({
258
- className,
259
- ...props
260
- }) {
261
- return /* @__PURE__ */ React.createElement(
262
- Input,
263
- {
264
- "data-slot": "sidebar-input",
265
- "data-sidebar": "input",
266
- className: cn("bg-background h-8 w-full shadow-none", className),
267
- ...props
268
- }
269
- );
270
- }
271
- function SidebarHeader({ className, ...props }) {
272
- return /* @__PURE__ */ React.createElement(
273
- "div",
274
- {
275
- "data-slot": "sidebar-header",
276
- "data-sidebar": "header",
277
- className: cn("flex flex-col gap-2 py-2", className),
278
- ...props
279
- }
280
- );
281
- }
282
- function SidebarFooter({ className, ...props }) {
283
- return /* @__PURE__ */ React.createElement(
284
- "div",
285
- {
286
- "data-slot": "sidebar-footer",
287
- "data-sidebar": "footer",
288
- className: cn("flex flex-col gap-2 py-2", className),
289
- ...props
290
- }
291
- );
292
- }
293
- function SidebarSeparator({
294
- className,
295
- ...props
296
- }) {
297
- return /* @__PURE__ */ React.createElement(
298
- Separator,
299
- {
300
- "data-slot": "sidebar-separator",
301
- "data-sidebar": "separator",
302
- className: cn("bg-sidebar-border mx-2 w-auto", className),
303
- ...props
304
- }
305
- );
306
- }
307
- function SidebarContent({ className, ...props }) {
308
- return /* @__PURE__ */ React.createElement(
309
- "div",
310
- {
311
- "data-slot": "sidebar-content",
312
- "data-sidebar": "content",
313
- className: cn(
314
- "flex min-h-0 flex-1 flex-col gap-px overflow-auto group-data-[collapsible=icon]:overflow-hidden",
315
- className
316
- ),
317
- ...props
318
- }
319
- );
320
- }
321
- function SidebarGroup({ className, ...props }) {
322
- return /* @__PURE__ */ React.createElement(
323
- "div",
324
- {
325
- "data-slot": "sidebar-group",
326
- "data-sidebar": "group",
327
- className: cn("relative flex w-full min-w-0 flex-col p-2", className),
328
- ...props
329
- }
330
- );
331
- }
332
- function SidebarGroupLabel({
333
- className,
334
- asChild = false,
335
- ...props
336
- }) {
337
- const Comp = asChild ? SlotPrimitive.Slot : "div";
338
- return /* @__PURE__ */ React.createElement(
339
- Comp,
340
- {
341
- "data-slot": "sidebar-group-label",
342
- "data-sidebar": "group-label",
343
- className: cn(
344
- "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
345
- "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
346
- className
347
- ),
348
- ...props
349
- }
350
- );
351
- }
352
- function SidebarGroupAction({
353
- className,
354
- asChild = false,
355
- ...props
356
- }) {
357
- const Comp = asChild ? SlotPrimitive.Slot : "button";
358
- return /* @__PURE__ */ React.createElement(
359
- Comp,
360
- {
361
- "data-slot": "sidebar-group-action",
362
- "data-sidebar": "group-action",
363
- className: cn(
364
- "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
365
- // Increases the hit area of the button on mobile.
366
- "after:absolute after:-inset-2 md:after:hidden",
367
- "group-data-[collapsible=icon]:hidden",
368
- className
369
- ),
370
- ...props
371
- }
372
- );
373
- }
374
- function SidebarGroupContent({
375
- className,
376
- ...props
377
- }) {
378
- return /* @__PURE__ */ React.createElement(
379
- "div",
380
- {
381
- "data-slot": "sidebar-group-content",
382
- "data-sidebar": "group-content",
383
- className: cn("w-full text-sm", className),
384
- ...props
385
- }
386
- );
387
- }
388
- function SidebarMenu({ className, ...props }) {
389
- return /* @__PURE__ */ React.createElement(
390
- "ul",
391
- {
392
- "data-slot": "sidebar-menu",
393
- "data-sidebar": "menu",
394
- className: cn("flex w-full min-w-0 flex-col gap-1", className),
395
- ...props
396
- }
397
- );
398
- }
399
- function SidebarMenuItem({ className, ...props }) {
400
- return /* @__PURE__ */ React.createElement(
401
- "li",
402
- {
403
- "data-slot": "sidebar-menu-item",
404
- "data-sidebar": "menu-item",
405
- className: cn("group/menu-item relative my-px", className),
406
- ...props
407
- }
408
- );
409
- }
410
- const sidebarMenuButtonVariants = cva(
411
- "peer/menu-button cursor-pointer flex w-full items-center gap-2 overflow-hidden rounded-xl p-2 text-left text-sm outline-hidden 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",
412
- {
413
- variants: {
414
- variant: {
415
- default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
416
- outline: "bg-transparent 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))]"
417
- },
418
- size: {
419
- default: "h-8 text-sm",
420
- sm: "h-7 text-xs",
421
- lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
422
- }
423
- },
424
- defaultVariants: {
425
- variant: "default",
426
- size: "default"
427
- }
428
- }
429
- );
430
- function SidebarMenuButton({
431
- asChild = false,
432
- isActive = false,
433
- variant = "outline",
434
- size = "lg",
435
- tooltip,
436
- className,
437
- ...props
438
- }) {
439
- const Comp = asChild ? SlotPrimitive.Slot : "button";
440
- const { isMobile, state } = useSidebar();
441
- const button = /* @__PURE__ */ React.createElement(
442
- Comp,
443
- {
444
- "data-slot": "sidebar-menu-button",
445
- "data-sidebar": "menu-button",
446
- "data-size": size,
447
- "data-active": isActive,
448
- className: cn(sidebarMenuButtonVariants({ variant, size }), className),
449
- ...props
450
- }
451
- );
452
- if (!tooltip) {
453
- return button;
454
- }
455
- if (typeof tooltip === "string") {
456
- tooltip = {
457
- children: tooltip
458
- };
459
- }
460
- return /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, button), /* @__PURE__ */ React.createElement(
461
- TooltipContent,
462
- {
463
- side: "right",
464
- align: "center",
465
- hidden: state !== "collapsed" || isMobile,
466
- ...tooltip
467
- }
468
- ));
469
- }
470
- function SidebarMenuAction({
471
- className,
472
- asChild = false,
473
- showOnHover = false,
474
- ...props
475
- }) {
476
- const Comp = asChild ? SlotPrimitive.Slot : "button";
477
- return /* @__PURE__ */ React.createElement(
478
- Comp,
479
- {
480
- "data-slot": "sidebar-menu-action",
481
- "data-sidebar": "menu-action",
482
- className: cn(
483
- "text-sidebar-foreground right-2.5 ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 flex cursor-pointer aspect-square size-6! items-center justify-center rounded-md p-1 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
484
- // Increases the hit area of the button on mobile.
485
- "after:absolute after:-inset-2 md:after:hidden",
486
- "peer-data-[size=sm]/menu-button:top-1",
487
- "peer-data-[size=default]/menu-button:top-1.5",
488
- "peer-data-[size=lg]/menu-button:top-3",
489
- "group-data-[collapsible=icon]:hidden",
490
- showOnHover && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
491
- className
492
- ),
493
- ...props
494
- }
495
- );
496
- }
497
- function SidebarMenuBadge({
498
- className,
499
- ...props
500
- }) {
501
- return /* @__PURE__ */ React.createElement(
502
- "div",
503
- {
504
- "data-slot": "sidebar-menu-badge",
505
- "data-sidebar": "menu-badge",
506
- className: cn(
507
- "text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none",
508
- "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
509
- "peer-data-[size=sm]/menu-button:top-1",
510
- "peer-data-[size=default]/menu-button:top-1.5",
511
- "peer-data-[size=lg]/menu-button:top-2.5",
512
- "group-data-[collapsible=icon]:hidden",
513
- className
514
- ),
515
- ...props
516
- }
517
- );
518
- }
519
- function SidebarMenuSkeleton({
520
- className,
521
- showIcon = false,
522
- ...props
523
- }) {
524
- const width = React.useMemo(() => {
525
- return `${Math.floor(Math.random() * 40) + 50}%`;
526
- }, []);
527
- return /* @__PURE__ */ React.createElement(
528
- "div",
529
- {
530
- "data-slot": "sidebar-menu-skeleton",
531
- "data-sidebar": "menu-skeleton",
532
- className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
533
- ...props
534
- },
535
- showIcon && /* @__PURE__ */ React.createElement(
536
- Skeleton,
537
- {
538
- className: "size-4 rounded-md",
539
- "data-sidebar": "menu-skeleton-icon"
540
- }
541
- ),
542
- /* @__PURE__ */ React.createElement(
543
- Skeleton,
544
- {
545
- className: "h-4 max-w-(--skeleton-width) flex-1",
546
- "data-sidebar": "menu-skeleton-text",
547
- style: {
548
- "--skeleton-width": width
549
- }
550
- }
551
- )
552
- );
553
- }
554
- function SidebarMenuSub({ className, ...props }) {
555
- return /* @__PURE__ */ React.createElement(
556
- "ul",
557
- {
558
- "data-slot": "sidebar-menu-sub",
559
- "data-sidebar": "menu-sub",
560
- className: cn(
561
- "border-sidebar-border ml-9 flex min-w-0 translate-x-px flex-col gap-1 px-2.5 py-0.5",
562
- "group-data-[collapsible=icon]:hidden",
563
- className
564
- ),
565
- ...props
566
- }
567
- );
568
- }
569
- function SidebarMenuSubItem({
570
- className,
571
- ...props
572
- }) {
573
- return /* @__PURE__ */ React.createElement(
574
- "li",
575
- {
576
- "data-slot": "sidebar-menu-sub-item",
577
- "data-sidebar": "menu-sub-item",
578
- className: cn("group/menu-sub-item relative", className),
579
- ...props
580
- }
581
- );
582
- }
583
- function SidebarMenuSubButton({
584
- asChild = false,
585
- size = "md",
586
- isActive = false,
587
- className,
588
- ...props
589
- }) {
590
- const Comp = asChild ? SlotPrimitive.Slot : "a";
591
- return /* @__PURE__ */ React.createElement(
592
- Comp,
593
- {
594
- "data-slot": "sidebar-menu-sub-button",
595
- "data-sidebar": "menu-sub-button",
596
- "data-size": size,
597
- "data-active": isActive,
598
- className: cn(
599
- "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 flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 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",
600
- "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
601
- size === "sm" && "text-xs",
602
- size === "md" && "text-sm",
603
- "group-data-[collapsible=icon]:hidden",
604
- className
605
- ),
606
- ...props
607
- }
608
- );
609
- }
610
- export {
611
- Sidebar,
612
- SidebarContent,
613
- SidebarFooter,
614
- SidebarGroup,
615
- SidebarGroupAction,
616
- SidebarGroupContent,
617
- SidebarGroupLabel,
618
- SidebarHeader,
619
- SidebarInput,
620
- SidebarInset,
621
- SidebarMenu,
622
- SidebarMenuAction,
623
- SidebarMenuBadge,
624
- SidebarMenuButton,
625
- SidebarMenuItem,
626
- SidebarMenuSkeleton,
627
- SidebarMenuSub,
628
- SidebarMenuSubButton,
629
- SidebarMenuSubItem,
630
- SidebarProvider,
631
- SidebarRail,
632
- SidebarSeparator,
633
- SidebarTrigger,
634
- useSidebar
635
- };
@@ -1,3 +0,0 @@
1
- import * as React from "react";
2
- declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
3
- export { Skeleton };
@@ -1,13 +0,0 @@
1
- import * as React from "react";
2
- import { cn } from "../lib/utils.mjs";
3
- function Skeleton({ className, ...props }) {
4
- return /* @__PURE__ */ React.createElement(
5
- "div",
6
- {
7
- "data-slot": "skeleton",
8
- className: cn("bg-accent animate-pulse rounded-md", className),
9
- ...props
10
- }
11
- );
12
- }
13
- export { Skeleton };
@@ -1,4 +0,0 @@
1
- import { Slider as SliderPrimitive } from "radix-ui";
2
- import * as React from "react";
3
- declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): React.JSX.Element;
4
- export { Slider };