@deftui/react 0.0.0-stage → 0.0.2

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 (95) hide show
  1. package/dist/index.d.mts +24 -0
  2. package/dist/index.mjs +24 -0
  3. package/dist/styles.css +88 -0
  4. package/dist/styles.shadcn.css +537 -0
  5. package/dist/styles.tokens.css +87 -0
  6. package/dist/vendor/coss/form.d.mts +4 -0
  7. package/dist/vendor/coss/form.mjs +12 -0
  8. package/dist/vendor/coss/hooks/use-copy-to-clipboard.d.mts +7 -0
  9. package/dist/vendor/coss/hooks/use-copy-to-clipboard.mjs +30 -0
  10. package/dist/vendor/coss/hooks/use-media-query.d.mts +20 -0
  11. package/dist/vendor/coss/hooks/use-media-query.mjs +57 -0
  12. package/dist/vendor/coss/scroll-area.d.mts +10 -0
  13. package/dist/vendor/coss/scroll-area.mjs +39 -0
  14. package/dist/vendor/shadcn/alert-dialog.d.mts +14 -0
  15. package/dist/vendor/shadcn/alert-dialog.mjs +80 -0
  16. package/dist/vendor/shadcn/badge.d.mts +7 -0
  17. package/dist/vendor/shadcn/badge.mjs +28 -0
  18. package/dist/vendor/shadcn/breadcrumb.d.mts +10 -0
  19. package/dist/vendor/shadcn/breadcrumb.mjs +71 -0
  20. package/dist/vendor/shadcn/button.d.mts +8 -0
  21. package/dist/vendor/shadcn/button.mjs +43 -0
  22. package/dist/vendor/shadcn/calendar.d.mts +7 -0
  23. package/dist/vendor/shadcn/calendar.mjs +107 -0
  24. package/dist/vendor/shadcn/card.d.mts +11 -0
  25. package/dist/vendor/shadcn/card.mjs +55 -0
  26. package/dist/vendor/shadcn/carousel.d.mts +19 -0
  27. package/dist/vendor/shadcn/carousel.mjs +131 -0
  28. package/dist/vendor/shadcn/combobox.d.mts +20 -0
  29. package/dist/vendor/shadcn/combobox.mjs +151 -0
  30. package/dist/vendor/shadcn/dialog.d.mts +15 -0
  31. package/dist/vendor/shadcn/dialog.mjs +91 -0
  32. package/dist/vendor/shadcn/drawer.d.mts +13 -0
  33. package/dist/vendor/shadcn/drawer.mjs +122 -0
  34. package/dist/vendor/shadcn/dropdown-menu.d.mts +28 -0
  35. package/dist/vendor/shadcn/dropdown-menu.mjs +130 -0
  36. package/dist/vendor/shadcn/empty.d.mts +11 -0
  37. package/dist/vendor/shadcn/empty.mjs +58 -0
  38. package/dist/vendor/shadcn/field.d.mts +14 -0
  39. package/dist/vendor/shadcn/field.mjs +60 -0
  40. package/dist/vendor/shadcn/input-group.d.mts +12 -0
  41. package/dist/vendor/shadcn/input-group.mjs +78 -0
  42. package/dist/vendor/shadcn/input.d.mts +3 -0
  43. package/dist/vendor/shadcn/input.mjs +14 -0
  44. package/dist/vendor/shadcn/kbd.d.mts +3 -0
  45. package/dist/vendor/shadcn/kbd.mjs +18 -0
  46. package/dist/vendor/shadcn/label.d.mts +3 -0
  47. package/dist/vendor/shadcn/label.mjs +13 -0
  48. package/dist/vendor/shadcn/lib/utils.mjs +1 -0
  49. package/dist/vendor/shadcn/pagination.d.mts +17 -0
  50. package/dist/vendor/shadcn/pagination.mjs +79 -0
  51. package/dist/vendor/shadcn/popover.d.mts +8 -0
  52. package/dist/vendor/shadcn/popover.mjs +47 -0
  53. package/dist/vendor/shadcn/progress.d.mts +7 -0
  54. package/dist/vendor/shadcn/progress.mjs +43 -0
  55. package/dist/vendor/shadcn/radio-group.d.mts +5 -0
  56. package/dist/vendor/shadcn/radio-group.mjs +26 -0
  57. package/dist/vendor/shadcn/select.d.mts +12 -0
  58. package/dist/vendor/shadcn/select.mjs +97 -0
  59. package/dist/vendor/shadcn/separator.d.mts +3 -0
  60. package/dist/vendor/shadcn/separator.mjs +14 -0
  61. package/dist/vendor/shadcn/sheet.mjs +69 -0
  62. package/dist/vendor/shadcn/sidebar.d.mts +60 -0
  63. package/dist/vendor/shadcn/sidebar.mjs +366 -0
  64. package/dist/vendor/shadcn/skeleton.mjs +3 -0
  65. package/dist/vendor/shadcn/spinner.d.mts +2 -0
  66. package/dist/vendor/shadcn/spinner.mjs +14 -0
  67. package/dist/vendor/shadcn/switch.d.mts +5 -0
  68. package/dist/vendor/shadcn/switch.mjs +18 -0
  69. package/dist/vendor/shadcn/table.d.mts +9 -0
  70. package/dist/vendor/shadcn/table.mjs +59 -0
  71. package/dist/vendor/shadcn/tabs.d.mts +10 -0
  72. package/dist/vendor/shadcn/tabs.mjs +44 -0
  73. package/dist/vendor/shadcn/textarea.d.mts +3 -0
  74. package/dist/vendor/shadcn/textarea.mjs +12 -0
  75. package/dist/vendor/shadcn/toast.d.mts +5 -0
  76. package/dist/vendor/shadcn/toast.mjs +122 -0
  77. package/dist/vendor/shadcn/tooltip.d.mts +5 -0
  78. package/dist/vendor/shadcn/tooltip.mjs +33 -0
  79. package/dist/vendor.css +1 -0
  80. package/dist/widgets/breadcrumb.d.mts +17 -0
  81. package/dist/widgets/breadcrumb.mjs +22 -0
  82. package/dist/widgets/datetime-picker.d.mts +25 -0
  83. package/dist/widgets/datetime-picker.mjs +75 -0
  84. package/dist/widgets/image-display.d.mts +12 -0
  85. package/dist/widgets/image-display.mjs +29 -0
  86. package/dist/widgets/index.d.mts +186 -0
  87. package/dist/widgets/index.mjs +187 -0
  88. package/dist/widgets/pagination.d.mts +10 -0
  89. package/dist/widgets/pagination.mjs +12 -0
  90. package/dist/widgets/sidebar.d.mts +26 -0
  91. package/dist/widgets/sidebar.mjs +27 -0
  92. package/dist/widgets/toast.d.mts +2 -0
  93. package/dist/widgets/toast.mjs +1 -0
  94. package/package.json +53 -4
  95. package/README.md +0 -3
@@ -0,0 +1,366 @@
1
+ "use client";
2
+ import { useIsMobile } from "../coss/hooks/use-media-query.mjs";
3
+ import { Button } from "./button.mjs";
4
+ import { Input } from "./input.mjs";
5
+ import { Separator } from "./separator.mjs";
6
+ import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
7
+ import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "./sheet.mjs";
8
+ import "./skeleton.mjs";
9
+ import { cn } from "cn";
10
+ import { cva } from "class-variance-authority";
11
+ import { mergeProps } from "@base-ui/react/merge-props";
12
+ import * as React$1 from "react";
13
+ import { jsx, jsxs } from "react/jsx-runtime";
14
+ import { PanelLeftIcon } from "lucide-react";
15
+ import { useRender } from "@base-ui/react/use-render";
16
+ // src/vendor/shadcn/sidebar.tsx
17
+ const SIDEBAR_COOKIE_NAME = "sidebar_state";
18
+ const SIDEBAR_COOKIE_MAX_AGE = 604800;
19
+ const SIDEBAR_WIDTH = "16rem";
20
+ const SIDEBAR_WIDTH_MOBILE = "18rem";
21
+ const SIDEBAR_WIDTH_ICON = "3rem";
22
+ const SIDEBAR_KEYBOARD_SHORTCUT = "b";
23
+ const SidebarContext = React$1.createContext(null);
24
+ function useSidebar() {
25
+ const context = React$1.useContext(SidebarContext);
26
+ if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
27
+ return context;
28
+ }
29
+ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
30
+ const isMobile = useIsMobile();
31
+ const [openMobile, setOpenMobile] = React$1.useState(false);
32
+ const [_open, _setOpen] = React$1.useState(defaultOpen);
33
+ const open = openProp ?? _open;
34
+ const setOpen = React$1.useCallback((value) => {
35
+ const openState = typeof value === "function" ? value(open) : value;
36
+ if (setOpenProp) setOpenProp(openState);
37
+ else _setOpen(openState);
38
+ document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
39
+ }, [setOpenProp, open]);
40
+ const toggleSidebar = React$1.useCallback(() => {
41
+ return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);
42
+ }, [
43
+ isMobile,
44
+ setOpen,
45
+ setOpenMobile
46
+ ]);
47
+ React$1.useEffect(() => {
48
+ const handleKeyDown = (event) => {
49
+ if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
50
+ event.preventDefault();
51
+ toggleSidebar();
52
+ }
53
+ };
54
+ window.addEventListener("keydown", handleKeyDown);
55
+ return () => window.removeEventListener("keydown", handleKeyDown);
56
+ }, [toggleSidebar]);
57
+ const state = open ? "expanded" : "collapsed";
58
+ const contextValue = React$1.useMemo(() => ({
59
+ state,
60
+ open,
61
+ setOpen,
62
+ isMobile,
63
+ openMobile,
64
+ setOpenMobile,
65
+ toggleSidebar
66
+ }), [
67
+ state,
68
+ open,
69
+ setOpen,
70
+ isMobile,
71
+ openMobile,
72
+ setOpenMobile,
73
+ toggleSidebar
74
+ ]);
75
+ return /* @__PURE__ */ jsx(SidebarContext.Provider, {
76
+ value: contextValue,
77
+ children: /* @__PURE__ */ jsx("div", {
78
+ "data-slot": "sidebar-wrapper",
79
+ style: {
80
+ "--sidebar-width": SIDEBAR_WIDTH,
81
+ "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
82
+ ...style
83
+ },
84
+ className: cn("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar", className),
85
+ ...props,
86
+ children
87
+ })
88
+ });
89
+ }
90
+ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, dir, ...props }) {
91
+ const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
92
+ if (collapsible === "none") return /* @__PURE__ */ jsx("div", {
93
+ "data-slot": "sidebar",
94
+ className: cn("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground", className),
95
+ ...props,
96
+ children
97
+ });
98
+ if (isMobile) return /* @__PURE__ */ jsx(Sheet, {
99
+ open: openMobile,
100
+ onOpenChange: setOpenMobile,
101
+ ...props,
102
+ children: /* @__PURE__ */ jsxs(SheetContent, {
103
+ dir,
104
+ "data-sidebar": "sidebar",
105
+ "data-slot": "sidebar",
106
+ "data-mobile": "true",
107
+ className: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
108
+ style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
109
+ side,
110
+ children: [/* @__PURE__ */ jsxs(SheetHeader, {
111
+ className: "sr-only",
112
+ children: [/* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }), /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })]
113
+ }), /* @__PURE__ */ jsx("div", {
114
+ className: "flex h-full w-full flex-col",
115
+ children
116
+ })]
117
+ })
118
+ });
119
+ return /* @__PURE__ */ jsxs("div", {
120
+ className: "group peer hidden text-sidebar-foreground md:block",
121
+ "data-state": state,
122
+ "data-collapsible": state === "collapsed" ? collapsible : "",
123
+ "data-variant": variant,
124
+ "data-side": side,
125
+ "data-slot": "sidebar",
126
+ children: [/* @__PURE__ */ jsx("div", {
127
+ "data-slot": "sidebar-gap",
128
+ className: cn("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
129
+ }), /* @__PURE__ */ jsx("div", {
130
+ "data-slot": "sidebar-container",
131
+ "data-side": side,
132
+ className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex", 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", className),
133
+ ...props,
134
+ children: /* @__PURE__ */ jsx("div", {
135
+ "data-sidebar": "sidebar",
136
+ "data-slot": "sidebar-inner",
137
+ className: "flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border",
138
+ children
139
+ })
140
+ })]
141
+ });
142
+ }
143
+ function SidebarTrigger({ className, onClick, ...props }) {
144
+ const { toggleSidebar } = useSidebar();
145
+ return /* @__PURE__ */ jsxs(Button, {
146
+ "data-sidebar": "trigger",
147
+ "data-slot": "sidebar-trigger",
148
+ variant: "ghost",
149
+ size: "icon-sm",
150
+ className: cn(className),
151
+ onClick: (event) => {
152
+ onClick?.(event);
153
+ toggleSidebar();
154
+ },
155
+ ...props,
156
+ children: [/* @__PURE__ */ jsx(PanelLeftIcon, {}), /* @__PURE__ */ jsx("span", {
157
+ className: "sr-only",
158
+ children: "Toggle Sidebar"
159
+ })]
160
+ });
161
+ }
162
+ function SidebarRail({ className, ...props }) {
163
+ const { toggleSidebar } = useSidebar();
164
+ return /* @__PURE__ */ jsx("button", {
165
+ "data-sidebar": "rail",
166
+ "data-slot": "sidebar-rail",
167
+ "aria-label": "Toggle Sidebar",
168
+ tabIndex: -1,
169
+ onClick: toggleSidebar,
170
+ title: "Toggle Sidebar",
171
+ className: cn("absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] hover:after:bg-sidebar-border sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className),
172
+ ...props
173
+ });
174
+ }
175
+ function SidebarInset({ className, ...props }) {
176
+ return /* @__PURE__ */ jsx("main", {
177
+ "data-slot": "sidebar-inset",
178
+ className: cn("relative flex w-full flex-1 flex-col bg-background 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", className),
179
+ ...props
180
+ });
181
+ }
182
+ function SidebarInput({ className, ...props }) {
183
+ return /* @__PURE__ */ jsx(Input, {
184
+ "data-slot": "sidebar-input",
185
+ "data-sidebar": "input",
186
+ className: cn("h-8 w-full bg-background shadow-none", className),
187
+ ...props
188
+ });
189
+ }
190
+ function SidebarHeader({ className, ...props }) {
191
+ return /* @__PURE__ */ jsx("div", {
192
+ "data-slot": "sidebar-header",
193
+ "data-sidebar": "header",
194
+ className: cn("flex flex-col gap-2 p-2", className),
195
+ ...props
196
+ });
197
+ }
198
+ function SidebarFooter({ className, ...props }) {
199
+ return /* @__PURE__ */ jsx("div", {
200
+ "data-slot": "sidebar-footer",
201
+ "data-sidebar": "footer",
202
+ className: cn("flex flex-col gap-2 p-2", className),
203
+ ...props
204
+ });
205
+ }
206
+ function SidebarSeparator({ className, ...props }) {
207
+ return /* @__PURE__ */ jsx(Separator, {
208
+ "data-slot": "sidebar-separator",
209
+ "data-sidebar": "separator",
210
+ className: cn("mx-2 w-auto bg-sidebar-border", className),
211
+ ...props
212
+ });
213
+ }
214
+ function SidebarContent({ className, ...props }) {
215
+ return /* @__PURE__ */ jsx("div", {
216
+ "data-slot": "sidebar-content",
217
+ "data-sidebar": "content",
218
+ className: cn("no-scrollbar flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className),
219
+ ...props
220
+ });
221
+ }
222
+ function SidebarGroup({ className, ...props }) {
223
+ return /* @__PURE__ */ jsx("div", {
224
+ "data-slot": "sidebar-group",
225
+ "data-sidebar": "group",
226
+ className: cn("relative flex w-full min-w-0 flex-col p-2", className),
227
+ ...props
228
+ });
229
+ }
230
+ function SidebarGroupLabel({ className, render, ...props }) {
231
+ return useRender({
232
+ defaultTagName: "div",
233
+ props: mergeProps({ className: cn("flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", className) }, props),
234
+ render,
235
+ state: {
236
+ slot: "sidebar-group-label",
237
+ sidebar: "group-label"
238
+ }
239
+ });
240
+ }
241
+ function SidebarGroupAction({ className, render, ...props }) {
242
+ return useRender({
243
+ defaultTagName: "button",
244
+ props: mergeProps({ className: cn("absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0", className) }, props),
245
+ render,
246
+ state: {
247
+ slot: "sidebar-group-action",
248
+ sidebar: "group-action"
249
+ }
250
+ });
251
+ }
252
+ function SidebarGroupContent({ className, ...props }) {
253
+ return /* @__PURE__ */ jsx("div", {
254
+ "data-slot": "sidebar-group-content",
255
+ "data-sidebar": "group-content",
256
+ className: cn("w-full text-sm", className),
257
+ ...props
258
+ });
259
+ }
260
+ function SidebarMenu({ className, ...props }) {
261
+ return /* @__PURE__ */ jsx("ul", {
262
+ "data-slot": "sidebar-menu",
263
+ "data-sidebar": "menu",
264
+ className: cn("flex w-full min-w-0 flex-col gap-1", className),
265
+ ...props
266
+ });
267
+ }
268
+ function SidebarMenuItem({ className, ...props }) {
269
+ return /* @__PURE__ */ jsx("li", {
270
+ "data-slot": "sidebar-menu-item",
271
+ "data-sidebar": "menu-item",
272
+ className: cn("group/menu-item relative", className),
273
+ ...props
274
+ });
275
+ }
276
+ const sidebarMenuButtonVariants = cva("peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! 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 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate", {
277
+ variants: {
278
+ variant: {
279
+ default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
280
+ outline: "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"
281
+ },
282
+ size: {
283
+ default: "h-8 text-sm",
284
+ sm: "h-7 text-xs",
285
+ lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
286
+ }
287
+ },
288
+ defaultVariants: {
289
+ variant: "default",
290
+ size: "default"
291
+ }
292
+ });
293
+ function SidebarMenuButton({ render, isActive = false, variant = "default", size = "default", tooltip, className, ...props }) {
294
+ const { isMobile, state } = useSidebar();
295
+ const comp = useRender({
296
+ defaultTagName: "button",
297
+ props: mergeProps({ className: cn(sidebarMenuButtonVariants({
298
+ variant,
299
+ size
300
+ }), className) }, props),
301
+ render: !tooltip ? render : /* @__PURE__ */ jsx(TooltipTrigger, { render }),
302
+ state: {
303
+ slot: "sidebar-menu-button",
304
+ sidebar: "menu-button",
305
+ size,
306
+ active: isActive
307
+ }
308
+ });
309
+ if (!tooltip) return comp;
310
+ if (typeof tooltip === "string") tooltip = { children: tooltip };
311
+ return /* @__PURE__ */ jsxs(Tooltip, { children: [comp, /* @__PURE__ */ jsx(TooltipContent, {
312
+ side: "right",
313
+ align: "center",
314
+ hidden: state !== "collapsed" || isMobile,
315
+ ...tooltip
316
+ })] });
317
+ }
318
+ function SidebarMenuAction({ className, render, showOnHover = false, ...props }) {
319
+ return useRender({
320
+ defaultTagName: "button",
321
+ props: mergeProps({ className: cn("absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0", showOnHover && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground aria-expanded:opacity-100 md:opacity-0", className) }, props),
322
+ render,
323
+ state: {
324
+ slot: "sidebar-menu-action",
325
+ sidebar: "menu-action"
326
+ }
327
+ });
328
+ }
329
+ function SidebarMenuBadge({ className, ...props }) {
330
+ return /* @__PURE__ */ jsx("div", {
331
+ "data-slot": "sidebar-menu-badge",
332
+ "data-sidebar": "menu-badge",
333
+ className: cn("pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-sidebar-accent-foreground", className),
334
+ ...props
335
+ });
336
+ }
337
+ function SidebarMenuSub({ className, ...props }) {
338
+ return /* @__PURE__ */ jsx("ul", {
339
+ "data-slot": "sidebar-menu-sub",
340
+ "data-sidebar": "menu-sub",
341
+ className: cn("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 group-data-[collapsible=icon]:hidden", className),
342
+ ...props
343
+ });
344
+ }
345
+ function SidebarMenuSubItem({ className, ...props }) {
346
+ return /* @__PURE__ */ jsx("li", {
347
+ "data-slot": "sidebar-menu-sub-item",
348
+ "data-sidebar": "menu-sub-item",
349
+ className: cn("group/menu-sub-item relative", className),
350
+ ...props
351
+ });
352
+ }
353
+ function SidebarMenuSubButton({ render, size = "md", isActive = false, className, ...props }) {
354
+ return useRender({
355
+ defaultTagName: "a",
356
+ props: mergeProps({ className: cn("flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden 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 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground", className) }, props),
357
+ render,
358
+ state: {
359
+ slot: "sidebar-menu-sub-button",
360
+ sidebar: "menu-sub-button",
361
+ size,
362
+ active: isActive
363
+ }
364
+ });
365
+ }
366
+ export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };
@@ -0,0 +1,3 @@
1
+ import "cn";
2
+ import "react/jsx-runtime";
3
+ export {};
@@ -0,0 +1,2 @@
1
+ declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): import("react").JSX.Element;
2
+ export { Spinner };
@@ -0,0 +1,14 @@
1
+ import { cn } from "cn";
2
+ import { jsx } from "react/jsx-runtime";
3
+ import { Loader2Icon } from "lucide-react";
4
+ // src/vendor/shadcn/spinner.tsx
5
+ function Spinner({ className, ...props }) {
6
+ return /* @__PURE__ */ jsx(Loader2Icon, {
7
+ "data-slot": "spinner",
8
+ role: "status",
9
+ "aria-label": "Loading",
10
+ className: cn("size-4 animate-spin", className),
11
+ ...props
12
+ });
13
+ }
14
+ export { Spinner };
@@ -0,0 +1,5 @@
1
+ import { Switch } from "@base-ui/react/switch";
2
+ declare function Switch$1({ className, size, ...props }: Switch.Root.Props & {
3
+ size?: "sm" | "default";
4
+ }): import("react").JSX.Element;
5
+ export { Switch$1 as Switch };
@@ -0,0 +1,18 @@
1
+ "use client";
2
+ import { cn } from "cn";
3
+ import { jsx } from "react/jsx-runtime";
4
+ import { Switch } from "@base-ui/react/switch";
5
+ // src/vendor/shadcn/switch.tsx
6
+ function Switch$1({ className, size = "default", ...props }) {
7
+ return /* @__PURE__ */ jsx(Switch.Root, {
8
+ "data-slot": "switch",
9
+ "data-size": size,
10
+ className: cn("peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none group-has-[:focus-visible]/field-label:border-transparent group-has-[:focus-visible]/field-label:ring-0 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50", className),
11
+ ...props,
12
+ children: /* @__PURE__ */ jsx(Switch.Thumb, {
13
+ "data-slot": "switch-thumb",
14
+ className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground"
15
+ })
16
+ });
17
+ }
18
+ export { Switch$1 as Switch };
@@ -0,0 +1,9 @@
1
+ import * as React$1 from "react";
2
+ declare function Table({ className, ...props }: React$1.ComponentProps<"table">): React$1.JSX.Element;
3
+ declare function TableHeader({ className, ...props }: React$1.ComponentProps<"thead">): React$1.JSX.Element;
4
+ declare function TableBody({ className, ...props }: React$1.ComponentProps<"tbody">): React$1.JSX.Element;
5
+ declare function TableFooter({ className, ...props }: React$1.ComponentProps<"tfoot">): React$1.JSX.Element;
6
+ declare function TableRow({ className, ...props }: React$1.ComponentProps<"tr">): React$1.JSX.Element;
7
+ declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">): React$1.JSX.Element;
8
+ declare function TableCell({ className, ...props }: React$1.ComponentProps<"td">): React$1.JSX.Element;
9
+ export { Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow };
@@ -0,0 +1,59 @@
1
+ "use client";
2
+ import { cn } from "cn";
3
+ import "react";
4
+ import { jsx } from "react/jsx-runtime";
5
+ // src/vendor/shadcn/table.tsx
6
+ function Table({ className, ...props }) {
7
+ return /* @__PURE__ */ jsx("div", {
8
+ "data-slot": "table-container",
9
+ className: "relative w-full overflow-x-auto",
10
+ children: /* @__PURE__ */ jsx("table", {
11
+ "data-slot": "table",
12
+ className: cn("w-full caption-bottom text-sm", className),
13
+ ...props
14
+ })
15
+ });
16
+ }
17
+ function TableHeader({ className, ...props }) {
18
+ return /* @__PURE__ */ jsx("thead", {
19
+ "data-slot": "table-header",
20
+ className: cn("[&_tr]:border-b", className),
21
+ ...props
22
+ });
23
+ }
24
+ function TableBody({ className, ...props }) {
25
+ return /* @__PURE__ */ jsx("tbody", {
26
+ "data-slot": "table-body",
27
+ className: cn("[&_tr:last-child]:border-0", className),
28
+ ...props
29
+ });
30
+ }
31
+ function TableFooter({ className, ...props }) {
32
+ return /* @__PURE__ */ jsx("tfoot", {
33
+ "data-slot": "table-footer",
34
+ className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
35
+ ...props
36
+ });
37
+ }
38
+ function TableRow({ className, ...props }) {
39
+ return /* @__PURE__ */ jsx("tr", {
40
+ "data-slot": "table-row",
41
+ className: cn("border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted", className),
42
+ ...props
43
+ });
44
+ }
45
+ function TableHead({ className, ...props }) {
46
+ return /* @__PURE__ */ jsx("th", {
47
+ "data-slot": "table-head",
48
+ className: cn("h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0", className),
49
+ ...props
50
+ });
51
+ }
52
+ function TableCell({ className, ...props }) {
53
+ return /* @__PURE__ */ jsx("td", {
54
+ "data-slot": "table-cell",
55
+ className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className),
56
+ ...props
57
+ });
58
+ }
59
+ export { Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow };
@@ -0,0 +1,10 @@
1
+ import { VariantProps } from "class-variance-authority";
2
+ import { Tabs } from "@base-ui/react/tabs";
3
+ declare function Tabs$1({ className, orientation, ...props }: Tabs.Root.Props): import("react").JSX.Element;
4
+ declare const tabsListVariants: (props?: ({
5
+ variant?: "default" | "line" | null | undefined;
6
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
+ declare function TabsList({ className, variant, ...props }: Tabs.List.Props & VariantProps<typeof tabsListVariants>): import("react").JSX.Element;
8
+ declare function TabsTrigger({ className, ...props }: Tabs.Tab.Props): import("react").JSX.Element;
9
+ declare function TabsContent({ className, ...props }: Tabs.Panel.Props): import("react").JSX.Element;
10
+ export { Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };
@@ -0,0 +1,44 @@
1
+ "use client";
2
+ import { cn } from "cn";
3
+ import { cva } from "class-variance-authority";
4
+ import { jsx } from "react/jsx-runtime";
5
+ import { Tabs } from "@base-ui/react/tabs";
6
+ // src/vendor/shadcn/tabs.tsx
7
+ function Tabs$1({ className, orientation = "horizontal", ...props }) {
8
+ return /* @__PURE__ */ jsx(Tabs.Root, {
9
+ "data-slot": "tabs",
10
+ "data-orientation": orientation,
11
+ className: cn("group/tabs flex gap-2 data-horizontal:flex-col", className),
12
+ ...props
13
+ });
14
+ }
15
+ const tabsListVariants = cva("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-9 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none", {
16
+ variants: { variant: {
17
+ default: "bg-muted",
18
+ line: "gap-1 bg-transparent"
19
+ } },
20
+ defaultVariants: { variant: "default" }
21
+ });
22
+ function TabsList({ className, variant = "default", ...props }) {
23
+ return /* @__PURE__ */ jsx(Tabs.List, {
24
+ "data-slot": "tabs-list",
25
+ "data-variant": variant,
26
+ className: cn(tabsListVariants({ variant }), className),
27
+ ...props
28
+ });
29
+ }
30
+ function TabsTrigger({ className, ...props }) {
31
+ return /* @__PURE__ */ jsx(Tabs.Tab, {
32
+ "data-slot": "tabs-trigger",
33
+ className: cn("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", className),
34
+ ...props
35
+ });
36
+ }
37
+ function TabsContent({ className, ...props }) {
38
+ return /* @__PURE__ */ jsx(Tabs.Panel, {
39
+ "data-slot": "tabs-content",
40
+ className: cn("flex-1 text-sm outline-none", className),
41
+ ...props
42
+ });
43
+ }
44
+ export { Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };
@@ -0,0 +1,3 @@
1
+ import * as React$1 from "react";
2
+ declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): React$1.JSX.Element;
3
+ export { Textarea };
@@ -0,0 +1,12 @@
1
+ import { cn } from "cn";
2
+ import "react";
3
+ import { jsx } from "react/jsx-runtime";
4
+ // src/vendor/shadcn/textarea.tsx
5
+ function Textarea({ className, ...props }) {
6
+ return /* @__PURE__ */ jsx("textarea", {
7
+ "data-slot": "textarea",
8
+ className: cn("flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
9
+ ...props
10
+ });
11
+ }
12
+ export { Textarea };
@@ -0,0 +1,5 @@
1
+ import * as React$1 from "react";
2
+ import { Toast } from "@base-ui/react/toast";
3
+ declare const toast: import("@base-ui/react").ToastManager<any>;
4
+ declare function Toaster({ children, toastManager, ...props }: Toast.Provider.Props): React$1.JSX.Element;
5
+ export { Toaster, toast };