@arch-cadre/ui 0.0.44 → 0.0.47

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 (262) hide show
  1. package/dist/components/accordion.js +18 -0
  2. package/dist/components/alert-dialog.js +39 -0
  3. package/dist/components/alert.js +24 -0
  4. package/dist/components/aspect-ratio.js +7 -0
  5. package/dist/components/avatar.js +14 -0
  6. package/dist/components/badge.js +22 -0
  7. package/dist/components/breadcrumb.js +30 -0
  8. package/dist/components/button-group.js +28 -0
  9. package/dist/components/button.js +33 -0
  10. package/dist/components/calendar.js +76 -0
  11. package/dist/components/card.js +24 -0
  12. package/dist/components/checkbox.js +9 -0
  13. package/dist/components/collapsible.js +13 -0
  14. package/dist/components/command.js +34 -0
  15. package/dist/components/context-menu.js +51 -0
  16. package/dist/components/dialog.js +36 -0
  17. package/dist/components/drawer.js +35 -0
  18. package/dist/components/dropdown-menu.js +51 -0
  19. package/dist/components/empty.js +33 -0
  20. package/dist/components/field.js +78 -0
  21. package/dist/components/form.js +59 -0
  22. package/dist/components/hover-card.js +14 -0
  23. package/dist/components/input-group.js +63 -0
  24. package/dist/components/input-otp.js +21 -0
  25. package/dist/components/input.js +6 -0
  26. package/dist/components/item.js +66 -0
  27. package/dist/components/kbd.js +9 -0
  28. package/dist/components/label.js +8 -0
  29. package/dist/components/language-switcher.js +20 -0
  30. package/dist/components/menubar.js +54 -0
  31. package/dist/components/navigation-menu.js +31 -0
  32. package/dist/components/pagination.js +31 -0
  33. package/dist/components/popover.js +17 -0
  34. package/dist/components/progress.js +8 -0
  35. package/dist/components/radio-group.js +12 -0
  36. package/dist/components/scroll-area.js +13 -0
  37. package/dist/components/select.js +38 -0
  38. package/dist/components/separator.js +8 -0
  39. package/dist/components/sheet.js +40 -0
  40. package/dist/components/sidebar.js +213 -0
  41. package/dist/components/skeleton.js +6 -0
  42. package/dist/components/slider.js +14 -0
  43. package/dist/components/sonner.js +21 -0
  44. package/dist/components/spinner.js +7 -0
  45. package/dist/components/switch.js +8 -0
  46. package/dist/components/table.js +28 -0
  47. package/dist/components/tabs.js +17 -0
  48. package/dist/components/textarea.js +6 -0
  49. package/dist/components/toggle-group.js +22 -0
  50. package/dist/components/toggle.js +26 -0
  51. package/dist/components/tooltip.js +17 -0
  52. package/dist/hooks/use-mobile.js +15 -0
  53. package/dist/hooks/use-user.js +25 -0
  54. package/dist/lib/{utils.mjs → utils.js} +1 -1
  55. package/dist/logo.js +28 -0
  56. package/dist/postcss.config.mjs +1 -2
  57. package/dist/providers/auth-provider.js +27 -0
  58. package/dist/providers/index.js +23 -0
  59. package/dist/shared/access-denied.js +6 -0
  60. package/dist/shared/loader.js +41 -0
  61. package/dist/shared/page-loader.js +6 -0
  62. package/dist/shared/scroll-fade-effect.js +5 -0
  63. package/package.json +17 -20
  64. package/build.config.ts +0 -23
  65. package/components.json +0 -20
  66. package/dist/components/.gitkeep +0 -0
  67. package/dist/components/accordion.d.ts +0 -7
  68. package/dist/components/accordion.mjs +0 -58
  69. package/dist/components/alert-dialog.d.ts +0 -14
  70. package/dist/components/alert-dialog.mjs +0 -144
  71. package/dist/components/alert.d.ts +0 -9
  72. package/dist/components/alert.mjs +0 -62
  73. package/dist/components/aspect-ratio.d.ts +0 -4
  74. package/dist/components/aspect-ratio.mjs +0 -9
  75. package/dist/components/avatar.d.ts +0 -6
  76. package/dist/components/avatar.mjs +0 -50
  77. package/dist/components/badge.d.ts +0 -9
  78. package/dist/components/badge.mjs +0 -37
  79. package/dist/components/breadcrumb.d.ts +0 -11
  80. package/dist/components/breadcrumb.mjs +0 -105
  81. package/dist/components/button-group.d.ts +0 -13
  82. package/dist/components/button-group.mjs +0 -76
  83. package/dist/components/button.d.ts +0 -10
  84. package/dist/components/button.mjs +0 -51
  85. package/dist/components/calendar.d.ts +0 -8
  86. package/dist/components/calendar.mjs +0 -191
  87. package/dist/components/card.d.ts +0 -9
  88. package/dist/components/card.mjs +0 -90
  89. package/dist/components/checkbox.d.ts +0 -4
  90. package/dist/components/checkbox.mjs +0 -30
  91. package/dist/components/collapsible.d.ts +0 -6
  92. package/dist/components/collapsible.mjs +0 -31
  93. package/dist/components/command.d.ts +0 -18
  94. package/dist/components/command.mjs +0 -169
  95. package/dist/components/context-menu.d.ts +0 -25
  96. package/dist/components/context-menu.mjs +0 -218
  97. package/dist/components/dialog.d.ts +0 -15
  98. package/dist/components/dialog.mjs +0 -130
  99. package/dist/components/drawer.d.ts +0 -13
  100. package/dist/components/drawer.mjs +0 -124
  101. package/dist/components/dropdown-menu.d.ts +0 -25
  102. package/dist/components/dropdown-menu.mjs +0 -226
  103. package/dist/components/empty.d.ts +0 -12
  104. package/dist/components/empty.mjs +0 -102
  105. package/dist/components/field.d.ts +0 -25
  106. package/dist/components/field.mjs +0 -228
  107. package/dist/components/form.d.ts +0 -23
  108. package/dist/components/form.mjs +0 -123
  109. package/dist/components/hover-card.d.ts +0 -6
  110. package/dist/components/hover-card.mjs +0 -35
  111. package/dist/components/input-group.d.ts +0 -16
  112. package/dist/components/input-group.mjs +0 -155
  113. package/dist/components/input-otp.d.ts +0 -11
  114. package/dist/components/input-otp.mjs +0 -59
  115. package/dist/components/input.d.ts +0 -3
  116. package/dist/components/input.mjs +0 -19
  117. package/dist/components/item.d.ts +0 -23
  118. package/dist/components/item.mjs +0 -187
  119. package/dist/components/kbd.d.ts +0 -4
  120. package/dist/components/kbd.mjs +0 -28
  121. package/dist/components/label.d.ts +0 -4
  122. package/dist/components/label.mjs +0 -21
  123. package/dist/components/language-switcher.d.ts +0 -2
  124. package/dist/components/language-switcher.mjs +0 -30
  125. package/dist/components/menubar.d.ts +0 -26
  126. package/dist/components/menubar.mjs +0 -246
  127. package/dist/components/navigation-menu.d.ts +0 -14
  128. package/dist/components/navigation-menu.mjs +0 -166
  129. package/dist/components/pagination.d.ts +0 -15
  130. package/dist/components/pagination.mjs +0 -116
  131. package/dist/components/popover.d.ts +0 -7
  132. package/dist/components/popover.mjs +0 -40
  133. package/dist/components/progress.d.ts +0 -4
  134. package/dist/components/progress.mjs +0 -30
  135. package/dist/components/radio-group.d.ts +0 -5
  136. package/dist/components/radio-group.mjs +0 -43
  137. package/dist/components/scroll-area.d.ts +0 -7
  138. package/dist/components/scroll-area.mjs +0 -59
  139. package/dist/components/select.d.ts +0 -15
  140. package/dist/components/select.mjs +0 -173
  141. package/dist/components/separator.d.ts +0 -4
  142. package/dist/components/separator.mjs +0 -25
  143. package/dist/components/sheet.d.ts +0 -13
  144. package/dist/components/sheet.mjs +0 -119
  145. package/dist/components/sidebar.d.ts +0 -69
  146. package/dist/components/sidebar.mjs +0 -635
  147. package/dist/components/skeleton.d.ts +0 -3
  148. package/dist/components/skeleton.mjs +0 -13
  149. package/dist/components/slider.d.ts +0 -4
  150. package/dist/components/slider.mjs +0 -59
  151. package/dist/components/sonner.d.ts +0 -4
  152. package/dist/components/sonner.mjs +0 -36
  153. package/dist/components/spinner.d.ts +0 -3
  154. package/dist/components/spinner.mjs +0 -15
  155. package/dist/components/switch.d.ts +0 -4
  156. package/dist/components/switch.mjs +0 -30
  157. package/dist/components/table.d.ts +0 -10
  158. package/dist/components/table.mjs +0 -115
  159. package/dist/components/tabs.d.ts +0 -7
  160. package/dist/components/tabs.mjs +0 -63
  161. package/dist/components/textarea.d.ts +0 -3
  162. package/dist/components/textarea.mjs +0 -16
  163. package/dist/components/toggle-group.d.ts +0 -9
  164. package/dist/components/toggle-group.mjs +0 -65
  165. package/dist/components/toggle.d.ts +0 -9
  166. package/dist/components/toggle.mjs +0 -41
  167. package/dist/components/tooltip.d.ts +0 -7
  168. package/dist/components/tooltip.mjs +0 -49
  169. package/dist/hooks/.gitkeep +0 -0
  170. package/dist/hooks/use-mobile.d.ts +0 -1
  171. package/dist/hooks/use-mobile.mjs +0 -17
  172. package/dist/hooks/use-user.d.ts +0 -12
  173. package/dist/hooks/use-user.mjs +0 -12
  174. package/dist/index.mjs +0 -15
  175. package/dist/lib/utils.d.ts +0 -2
  176. package/dist/logo.d.ts +0 -15
  177. package/dist/logo.mjs +0 -32
  178. package/dist/postcss.config.d.mts +0 -3
  179. package/dist/providers/auth-provider.d.ts +0 -15
  180. package/dist/providers/auth-provider.mjs +0 -37
  181. package/dist/providers/index.d.ts +0 -7
  182. package/dist/providers/index.mjs +0 -33
  183. package/dist/shared/access-denied.d.ts +0 -2
  184. package/dist/shared/access-denied.mjs +0 -12
  185. package/dist/shared/loader.d.ts +0 -11
  186. package/dist/shared/loader.mjs +0 -98
  187. package/dist/shared/page-loader.d.ts +0 -7
  188. package/dist/shared/page-loader.mjs +0 -6
  189. package/dist/shared/scroll-fade-effect.d.ts +0 -4
  190. package/dist/shared/scroll-fade-effect.mjs +0 -20
  191. package/dist/styles/globals.css +0 -1
  192. package/postcss.config.mjs +0 -6
  193. package/scripts/switchToDist.js +0 -55
  194. package/scripts/switchToSrc.js +0 -52
  195. package/src/components/.gitkeep +0 -0
  196. package/src/components/accordion.tsx +0 -66
  197. package/src/components/alert-dialog.tsx +0 -157
  198. package/src/components/alert.tsx +0 -66
  199. package/src/components/aspect-ratio.tsx +0 -12
  200. package/src/components/avatar.tsx +0 -53
  201. package/src/components/badge.tsx +0 -46
  202. package/src/components/breadcrumb.tsx +0 -111
  203. package/src/components/button-group.tsx +0 -86
  204. package/src/components/button.tsx +0 -62
  205. package/src/components/calendar.tsx +0 -220
  206. package/src/components/card.tsx +0 -92
  207. package/src/components/checkbox.tsx +0 -32
  208. package/src/components/collapsible.tsx +0 -34
  209. package/src/components/command.tsx +0 -184
  210. package/src/components/context-menu.tsx +0 -252
  211. package/src/components/dialog.tsx +0 -143
  212. package/src/components/drawer.tsx +0 -135
  213. package/src/components/dropdown-menu.tsx +0 -257
  214. package/src/components/empty.tsx +0 -105
  215. package/src/components/field.tsx +0 -251
  216. package/src/components/form.tsx +0 -170
  217. package/src/components/hover-card.tsx +0 -44
  218. package/src/components/input-group.tsx +0 -170
  219. package/src/components/input-otp.tsx +0 -77
  220. package/src/components/input.tsx +0 -21
  221. package/src/components/item.tsx +0 -193
  222. package/src/components/kbd.tsx +0 -29
  223. package/src/components/label.tsx +0 -24
  224. package/src/components/language-switcher.tsx +0 -49
  225. package/src/components/menubar.tsx +0 -276
  226. package/src/components/navigation-menu.tsx +0 -168
  227. package/src/components/pagination.tsx +0 -130
  228. package/src/components/popover.tsx +0 -48
  229. package/src/components/progress.tsx +0 -31
  230. package/src/components/radio-group.tsx +0 -45
  231. package/src/components/scroll-area.tsx +0 -67
  232. package/src/components/select.tsx +0 -190
  233. package/src/components/separator.tsx +0 -28
  234. package/src/components/sheet.tsx +0 -139
  235. package/src/components/sidebar.tsx +0 -726
  236. package/src/components/skeleton.tsx +0 -14
  237. package/src/components/slider.tsx +0 -63
  238. package/src/components/sonner.tsx +0 -41
  239. package/src/components/spinner.tsx +0 -17
  240. package/src/components/switch.tsx +0 -31
  241. package/src/components/table.tsx +0 -116
  242. package/src/components/tabs.tsx +0 -66
  243. package/src/components/textarea.tsx +0 -18
  244. package/src/components/toggle-group.tsx +0 -83
  245. package/src/components/toggle.tsx +0 -47
  246. package/src/components/tooltip.tsx +0 -61
  247. package/src/hooks/.gitkeep +0 -0
  248. package/src/hooks/use-mobile.ts +0 -21
  249. package/src/hooks/use-user.ts +0 -27
  250. package/src/index.ts +0 -15
  251. package/src/lib/utils.ts +0 -6
  252. package/src/logo.tsx +0 -49
  253. package/src/postcss.config.mjs +0 -6
  254. package/src/providers/auth-provider.tsx +0 -66
  255. package/src/providers/index.tsx +0 -50
  256. package/src/shared/access-denied.tsx +0 -31
  257. package/src/shared/loader.tsx +0 -109
  258. package/src/shared/page-loader.tsx +0 -24
  259. package/src/shared/scroll-fade-effect.tsx +0 -23
  260. package/src/styles/globals.css +0 -314
  261. package/tsconfig.json +0 -24
  262. /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 };