@imdanibytes/nexus-ui 0.5.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.ts +86 -379
  2. package/dist/index.js +726 -3096
  3. package/package.json +13 -8
  4. package/src/hero.ts +10 -0
  5. package/src/styles/base.css +116 -16
  6. package/src/styles/bridge.css +0 -40
  7. package/src/styles/theme.css +0 -71
package/dist/index.d.ts CHANGED
@@ -1,227 +1,71 @@
1
- import { AlertDialog as AlertDialog_2 } from 'radix-ui';
2
- import { Avatar as Avatar_2 } from 'radix-ui';
3
- import { ClassProp } from 'class-variance-authority/types';
4
1
  import { ClassValue } from 'clsx';
5
- import { Collapsible as Collapsible_2 } from 'radix-ui';
6
- import { Command as Command_2 } from 'cmdk';
7
- import { Dialog as Dialog_2 } from 'radix-ui';
8
- import { DropdownMenu as DropdownMenu_2 } from 'radix-ui';
2
+ import { ElementType } from 'react';
9
3
  import { JSX } from 'react/jsx-runtime';
10
- import { Label as Label_2 } from 'radix-ui';
11
- import { Menubar as Menubar_2 } from 'radix-ui';
12
- import { Popover as Popover_2 } from 'radix-ui';
13
4
  import * as React_2 from 'react';
14
- import { ScrollArea as ScrollArea_2 } from 'radix-ui';
15
- import { Select as Select_2 } from 'radix-ui';
16
- import { Separator as Separator_2 } from 'radix-ui';
17
- import { Switch as Switch_2 } from 'radix-ui';
18
- import { Tabs as Tabs_2 } from 'radix-ui';
5
+ import { ReactNode } from 'react';
19
6
  import { toast } from 'sonner';
20
- import { ToasterProps } from 'sonner';
21
- import { Tooltip as Tooltip_2 } from 'radix-ui';
22
- import { VariantProps } from 'class-variance-authority';
23
-
24
- export declare function AlertDialog({ ...props }: React_2.ComponentProps<typeof AlertDialog_2.Root>): JSX.Element;
25
-
26
- export declare function AlertDialogAction({ className, variant, size, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Action> & Pick<React_2.ComponentProps<typeof Button>, "variant" | "size">): JSX.Element;
27
-
28
- export declare function AlertDialogCancel({ className, variant, size, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Cancel> & Pick<React_2.ComponentProps<typeof Button>, "variant" | "size">): JSX.Element;
29
-
30
- export declare function AlertDialogContent({ className, size, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Content> & {
31
- size?: "default" | "sm";
32
- }): JSX.Element;
33
-
34
- export declare function AlertDialogDescription({ className, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Description>): JSX.Element;
35
-
36
- export declare function AlertDialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
37
-
38
- export declare function AlertDialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
39
-
40
- export declare function AlertDialogMedia({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
41
-
42
- export declare function AlertDialogOverlay({ className, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Overlay>): JSX.Element;
43
-
44
- export declare function AlertDialogPortal({ ...props }: React_2.ComponentProps<typeof AlertDialog_2.Portal>): JSX.Element;
45
-
46
- export declare function AlertDialogTitle({ className, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Title>): JSX.Element;
47
-
48
- export declare function AlertDialogTrigger({ ...props }: React_2.ComponentProps<typeof AlertDialog_2.Trigger>): JSX.Element;
49
-
50
- export declare function Avatar({ className, size, ...props }: React_2.ComponentProps<typeof Avatar_2.Root> & {
51
- size?: "default" | "sm" | "lg";
52
- }): JSX.Element;
53
-
54
- export declare function AvatarBadge({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
55
-
56
- export declare function AvatarFallback({ className, ...props }: React_2.ComponentProps<typeof Avatar_2.Fallback>): JSX.Element;
57
-
58
- export declare function AvatarGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
59
-
60
- export declare function AvatarGroupCount({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
61
-
62
- export declare function AvatarImage({ className, ...props }: React_2.ComponentProps<typeof Avatar_2.Image>): JSX.Element;
63
-
64
- export declare function Badge({ className, variant, asChild, ...props }: React_2.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
65
- asChild?: boolean;
66
- }): JSX.Element;
67
-
68
- export declare const badgeVariants: (props?: ({
69
- variant?: "default" | "destructive" | "outline" | "secondary" | "error" | "success" | "warning" | "info" | "accent" | "highlight" | null | undefined;
70
- } & ClassProp) | undefined) => string;
71
-
72
- export declare function Button({ className, variant, size, asChild, ...props }: React_2.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
73
- asChild?: boolean;
74
- }): JSX.Element;
75
-
76
- export declare const buttonVariants: (props?: ({
77
- variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
78
- size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
79
- } & ClassProp) | undefined) => string;
80
-
81
- export declare function Card({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
82
-
83
- export declare function CardAction({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
84
-
85
- export declare function CardContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
86
-
87
- export declare function CardDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
88
-
89
- export declare function CardFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
90
-
91
- export declare function CardHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
92
-
93
- export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
7
+ import { Toaster } from 'sonner';
8
+
9
+ /**
10
+ * Ambient gradient background — uses HeroUI theme tokens for colors.
11
+ *
12
+ * Blobs are radial-gradient divs (no CSS `filter: blur()` — GPU-safe).
13
+ * Layer-promoted via `will-change: transform`, animated exclusively with
14
+ * `transform: translate3d()` so the GPU composites cached textures at new
15
+ * positions each frame — no Gaussian blur recomputation.
16
+ *
17
+ * Drift keyframes (`drift-1` through `drift-4`) are defined in base.css.
18
+ */
19
+ export declare interface BlobConfig {
20
+ /** Blob diameter in px */
21
+ size: number;
22
+ /** CSS left position (e.g. "10%", "200px") */
23
+ x: string;
24
+ /** CSS top position */
25
+ y: string;
26
+ /** HeroUI color token name — "primary", "secondary", "success", etc. */
27
+ color: string;
28
+ /** Opacity for the radial gradient (0–1) */
29
+ opacity: number;
30
+ /** Keyframe name from base.css — "drift-1", "drift-2", etc. */
31
+ drift: string;
32
+ /** Animation duration (e.g. "25s") */
33
+ duration: string;
34
+ }
94
35
 
95
36
  export declare function cn(...inputs: ClassValue[]): string;
96
37
 
97
- export declare function Collapsible({ ...props }: React.ComponentProps<typeof Collapsible_2.Root>): JSX.Element;
98
-
99
- export declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof Collapsible_2.CollapsibleContent>): JSX.Element;
100
-
101
- export declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Collapsible_2.CollapsibleTrigger>): JSX.Element;
102
-
103
- export declare function Command({ className, ...props }: React_2.ComponentProps<typeof Command_2>): JSX.Element;
104
-
105
- export declare function CommandDialog({ children, ...props }: React_2.ComponentProps<typeof Dialog_2.Root>): JSX.Element;
106
-
107
- export declare function CommandEmpty({ ...props }: React_2.ComponentProps<typeof Command_2.Empty>): JSX.Element;
108
-
109
- export declare function CommandGroup({ className, ...props }: React_2.ComponentProps<typeof Command_2.Group>): JSX.Element;
110
-
111
- export declare function CommandInput({ className, ...props }: React_2.ComponentProps<typeof Command_2.Input>): JSX.Element;
112
-
113
- export declare function CommandItem({ className, ...props }: React_2.ComponentProps<typeof Command_2.Item>): JSX.Element;
114
-
115
- export declare function CommandList({ className, ...props }: React_2.ComponentProps<typeof Command_2.List>): JSX.Element;
116
-
117
- export declare function CommandSeparator({ className, ...props }: React_2.ComponentProps<typeof Command_2.Separator>): JSX.Element;
118
-
119
- export declare function CommandShortcut({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
120
-
121
- export declare function Dialog({ ...props }: React_2.ComponentProps<typeof Dialog_2.Root>): JSX.Element;
122
-
123
- export declare function DialogClose({ ...props }: React_2.ComponentProps<typeof Dialog_2.Close>): JSX.Element;
124
-
125
- export declare function DialogContent({ className, children, showCloseButton, overlayClassName, ...props }: React_2.ComponentProps<typeof Dialog_2.Content> & {
126
- showCloseButton?: boolean;
127
- overlayClassName?: string;
128
- }): JSX.Element;
129
-
130
- export declare function DialogDescription({ className, ...props }: React_2.ComponentProps<typeof Dialog_2.Description>): JSX.Element;
131
-
132
- export declare function DialogFooter({ className, showCloseButton, children, ...props }: React_2.ComponentProps<"div"> & {
133
- showCloseButton?: boolean;
134
- }): JSX.Element;
135
-
136
- export declare function DialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
137
-
138
- export declare function DialogOverlay({ className, ...props }: React_2.ComponentProps<typeof Dialog_2.Overlay>): JSX.Element;
139
-
140
- export declare function DialogPortal({ ...props }: React_2.ComponentProps<typeof Dialog_2.Portal>): JSX.Element;
141
-
142
- export declare function DialogTitle({ className, ...props }: React_2.ComponentProps<typeof Dialog_2.Title>): JSX.Element;
143
-
144
- export declare function DialogTrigger({ ...props }: React_2.ComponentProps<typeof Dialog_2.Trigger>): JSX.Element;
145
-
146
- export declare function DropdownMenu({ ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Root>): JSX.Element;
147
-
148
- export declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React_2.ComponentProps<typeof DropdownMenu_2.CheckboxItem>): JSX.Element;
149
-
150
- export declare function DropdownMenuContent({ className, sideOffset, ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Content>): JSX.Element;
151
-
152
- export declare function DropdownMenuGroup({ ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Group>): JSX.Element;
153
-
154
- export declare function DropdownMenuItem({ className, inset, variant, ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Item> & {
155
- inset?: boolean;
156
- variant?: "default" | "destructive";
157
- }): JSX.Element;
158
-
159
- export declare function DropdownMenuLabel({ className, inset, ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Label> & {
160
- inset?: boolean;
161
- }): JSX.Element;
162
-
163
- export declare function DropdownMenuPortal({ ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Portal>): JSX.Element;
164
-
165
- export declare function DropdownMenuRadioGroup({ ...props }: React_2.ComponentProps<typeof DropdownMenu_2.RadioGroup>): JSX.Element;
166
-
167
- export declare function DropdownMenuRadioItem({ className, children, ...props }: React_2.ComponentProps<typeof DropdownMenu_2.RadioItem>): JSX.Element;
168
-
169
- export declare function DropdownMenuSeparator({ className, ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Separator>): JSX.Element;
170
-
171
- export declare function DropdownMenuShortcut({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
172
-
173
- export declare function DropdownMenuSub({ ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Sub>): JSX.Element;
174
-
175
- export declare function DropdownMenuSubContent({ className, ...props }: React_2.ComponentProps<typeof DropdownMenu_2.SubContent>): JSX.Element;
176
-
177
- export declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React_2.ComponentProps<typeof DropdownMenu_2.SubTrigger> & {
178
- inset?: boolean;
179
- }): JSX.Element;
180
-
181
- export declare function DropdownMenuTrigger({ ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Trigger>): JSX.Element;
182
-
183
- export declare function Input({ className, type, ...props }: React_2.ComponentProps<"input">): JSX.Element;
184
-
185
- export declare function Label({ className, ...props }: React_2.ComponentProps<typeof Label_2.Root>): JSX.Element;
186
-
187
- export declare function Menubar({ className, ...props }: React_2.ComponentProps<typeof Menubar_2.Root>): JSX.Element;
188
-
189
- export declare function MenubarCheckboxItem({ className, children, checked, ...props }: React_2.ComponentProps<typeof Menubar_2.CheckboxItem>): JSX.Element;
190
-
191
- export declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React_2.ComponentProps<typeof Menubar_2.Content>): JSX.Element;
192
-
193
- export declare function MenubarGroup({ ...props }: React_2.ComponentProps<typeof Menubar_2.Group>): JSX.Element;
38
+ export declare function CodeBlock({ text, copyLabel, className }: CodeBlockProps): JSX.Element;
194
39
 
195
- export declare function MenubarItem({ className, inset, variant, ...props }: React_2.ComponentProps<typeof Menubar_2.Item> & {
196
- inset?: boolean;
197
- variant?: "default" | "destructive";
198
- }): JSX.Element;
199
-
200
- export declare function MenubarLabel({ className, inset, ...props }: React_2.ComponentProps<typeof Menubar_2.Label> & {
201
- inset?: boolean;
202
- }): JSX.Element;
203
-
204
- export declare function MenubarMenu({ ...props }: React_2.ComponentProps<typeof Menubar_2.Menu>): JSX.Element;
205
-
206
- export declare function MenubarPortal({ ...props }: React_2.ComponentProps<typeof Menubar_2.Portal>): JSX.Element;
207
-
208
- export declare function MenubarRadioGroup({ ...props }: React_2.ComponentProps<typeof Menubar_2.RadioGroup>): JSX.Element;
209
-
210
- export declare function MenubarRadioItem({ className, children, ...props }: React_2.ComponentProps<typeof Menubar_2.RadioItem>): JSX.Element;
211
-
212
- export declare function MenubarSeparator({ className, ...props }: React_2.ComponentProps<typeof Menubar_2.Separator>): JSX.Element;
213
-
214
- export declare function MenubarShortcut({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
215
-
216
- export declare function MenubarSub({ ...props }: React_2.ComponentProps<typeof Menubar_2.Sub>): JSX.Element;
40
+ declare interface CodeBlockProps {
41
+ /** The text content to display */
42
+ text: string;
43
+ /** Label for the copy button (accessibility) */
44
+ copyLabel?: string;
45
+ className?: string;
46
+ }
217
47
 
218
- export declare function MenubarSubContent({ className, ...props }: React_2.ComponentProps<typeof Menubar_2.SubContent>): JSX.Element;
48
+ export declare function EmptyState({ icon: Icon, title, description, action, className }: EmptyStateProps): JSX.Element;
49
+
50
+ declare interface EmptyStateProps {
51
+ /** Lucide icon component or any React element type */
52
+ icon: ElementType;
53
+ /** Primary message */
54
+ title: string;
55
+ /** Secondary description */
56
+ description?: string;
57
+ /** Optional action slot (button, link, etc.) */
58
+ action?: ReactNode;
59
+ className?: string;
60
+ }
219
61
 
220
- export declare function MenubarSubTrigger({ className, inset, children, ...props }: React_2.ComponentProps<typeof Menubar_2.SubTrigger> & {
221
- inset?: boolean;
222
- }): JSX.Element;
62
+ export declare function GradientBackground({ blobs, className }: GradientBackgroundProps): JSX.Element;
223
63
 
224
- export declare function MenubarTrigger({ className, ...props }: React_2.ComponentProps<typeof Menubar_2.Trigger>): JSX.Element;
64
+ declare interface GradientBackgroundProps {
65
+ /** Custom blob configurations. Defaults to a 3-blob teal/violet/blue set. */
66
+ blobs?: BlobConfig[];
67
+ className?: string;
68
+ }
225
69
 
226
70
  declare interface NexusContextValue {
227
71
  apiUrl: string;
@@ -235,183 +79,46 @@ declare interface NexusProviderProps {
235
79
  toaster?: boolean;
236
80
  }
237
81
 
238
- export declare function Popover({ ...props }: React_2.ComponentProps<typeof Popover_2.Root>): JSX.Element;
239
-
240
- export declare function PopoverAnchor({ ...props }: React_2.ComponentProps<typeof Popover_2.Anchor>): JSX.Element;
241
-
242
- export declare function PopoverContent({ className, align, sideOffset, ...props }: React_2.ComponentProps<typeof Popover_2.Content>): JSX.Element;
243
-
244
- export declare function PopoverTrigger({ ...props }: React_2.ComponentProps<typeof Popover_2.Trigger>): JSX.Element;
245
-
246
- export declare function ScrollArea({ className, children, ...props }: React_2.ComponentProps<typeof ScrollArea_2.Root>): JSX.Element;
247
-
248
- export declare function ScrollBar({ className, orientation, ...props }: React_2.ComponentProps<typeof ScrollArea_2.ScrollAreaScrollbar>): JSX.Element;
249
-
250
- export declare function Select({ ...props }: React_2.ComponentProps<typeof Select_2.Root>): JSX.Element;
251
-
252
- export declare function SelectContent({ className, children, position, align, ...props }: React_2.ComponentProps<typeof Select_2.Content>): JSX.Element;
253
-
254
- export declare function SelectGroup({ ...props }: React_2.ComponentProps<typeof Select_2.Group>): JSX.Element;
255
-
256
- export declare function SelectItem({ className, children, ...props }: React_2.ComponentProps<typeof Select_2.Item>): JSX.Element;
257
-
258
- export declare function SelectLabel({ className, ...props }: React_2.ComponentProps<typeof Select_2.Label>): JSX.Element;
259
-
260
- export declare function SelectScrollDownButton({ className, ...props }: React_2.ComponentProps<typeof Select_2.ScrollDownButton>): JSX.Element;
261
-
262
- export declare function SelectScrollUpButton({ className, ...props }: React_2.ComponentProps<typeof Select_2.ScrollUpButton>): JSX.Element;
263
-
264
- export declare function SelectSeparator({ className, ...props }: React_2.ComponentProps<typeof Select_2.Separator>): JSX.Element;
265
-
266
- export declare function SelectTrigger({ className, size, children, ...props }: React_2.ComponentProps<typeof Select_2.Trigger> & {
267
- size?: "sm" | "default";
268
- }): JSX.Element;
269
-
270
- export declare function SelectValue({ ...props }: React_2.ComponentProps<typeof Select_2.Value>): JSX.Element;
271
-
272
- export declare function Separator({ className, orientation, decorative, ...props }: React_2.ComponentProps<typeof Separator_2.Root>): JSX.Element;
273
-
274
- export declare function Sheet({ ...props }: React_2.ComponentProps<typeof Dialog_2.Root>): JSX.Element;
275
-
276
- export declare function SheetClose({ ...props }: React_2.ComponentProps<typeof Dialog_2.Close>): JSX.Element;
277
-
278
- export declare function SheetContent({ className, children, side, showCloseButton, ...props }: React_2.ComponentProps<typeof Dialog_2.Content> & {
279
- side?: "top" | "right" | "bottom" | "left";
280
- showCloseButton?: boolean;
281
- }): JSX.Element;
282
-
283
- export declare function SheetDescription({ className, ...props }: React_2.ComponentProps<typeof Dialog_2.Description>): JSX.Element;
284
-
285
- export declare function SheetFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
286
-
287
- export declare function SheetHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
288
-
289
- export declare function SheetTitle({ className, ...props }: React_2.ComponentProps<typeof Dialog_2.Title>): JSX.Element;
290
-
291
- export declare function SheetTrigger({ ...props }: React_2.ComponentProps<typeof Dialog_2.Trigger>): JSX.Element;
292
-
293
- export declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React_2.ComponentProps<"div"> & {
294
- side?: "left" | "right";
295
- variant?: "sidebar" | "floating" | "inset";
296
- collapsible?: "offcanvas" | "icon" | "none";
297
- }): JSX.Element;
298
-
299
- export declare function SidebarContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
300
-
301
- declare type SidebarContextProps = {
302
- state: "expanded" | "collapsed";
303
- open: boolean;
304
- setOpen: (open: boolean) => void;
305
- openMobile: boolean;
306
- setOpenMobile: (open: boolean) => void;
307
- isMobile: boolean;
308
- toggleSidebar: () => void;
309
- };
310
-
311
- export declare function SidebarFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
312
-
313
- export declare function SidebarGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
314
-
315
- export declare function SidebarGroupAction({ className, asChild, ...props }: React_2.ComponentProps<"button"> & {
316
- asChild?: boolean;
317
- }): JSX.Element;
318
-
319
- export declare function SidebarGroupContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
320
-
321
- export declare function SidebarGroupLabel({ className, asChild, ...props }: React_2.ComponentProps<"div"> & {
322
- asChild?: boolean;
323
- }): JSX.Element;
324
-
325
- export declare function SidebarHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
326
-
327
- export declare function SidebarInput({ className, ...props }: React_2.ComponentProps<typeof Input>): JSX.Element;
328
-
329
- export declare function SidebarInset({ className, ...props }: React_2.ComponentProps<"main">): JSX.Element;
330
-
331
- export declare function SidebarMenu({ className, ...props }: React_2.ComponentProps<"ul">): JSX.Element;
332
-
333
- export declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React_2.ComponentProps<"button"> & {
334
- asChild?: boolean;
335
- showOnHover?: boolean;
336
- }): JSX.Element;
337
-
338
- export declare function SidebarMenuBadge({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
339
-
340
- export declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React_2.ComponentProps<"button"> & {
341
- asChild?: boolean;
342
- isActive?: boolean;
343
- tooltip?: string | React_2.ComponentProps<typeof TooltipContent>;
344
- } & VariantProps<typeof sidebarMenuButtonVariants>): JSX.Element;
345
-
346
- declare const sidebarMenuButtonVariants: (props?: ({
347
- variant?: "default" | "outline" | null | undefined;
348
- size?: "default" | "sm" | "lg" | null | undefined;
349
- } & ClassProp) | undefined) => string;
350
-
351
- export declare function SidebarMenuItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
352
-
353
- export declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React_2.ComponentProps<"div"> & {
354
- showIcon?: boolean;
355
- }): JSX.Element;
356
-
357
- export declare function SidebarMenuSub({ className, ...props }: React_2.ComponentProps<"ul">): JSX.Element;
358
-
359
- export declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React_2.ComponentProps<"a"> & {
360
- asChild?: boolean;
361
- size?: "sm" | "md";
362
- isActive?: boolean;
363
- }): JSX.Element;
364
-
365
- export declare function SidebarMenuSubItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
366
-
367
- export declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React_2.ComponentProps<"div"> & {
368
- defaultOpen?: boolean;
369
- open?: boolean;
370
- onOpenChange?: (open: boolean) => void;
371
- }): JSX.Element;
372
-
373
- export declare function SidebarRail({ className, ...props }: React_2.ComponentProps<"button">): JSX.Element;
374
-
375
- export declare function SidebarSeparator({ className, ...props }: React_2.ComponentProps<typeof Separator>): JSX.Element;
376
-
377
- export declare function SidebarTrigger({ className, onClick, ...props }: React_2.ComponentProps<typeof Button>): JSX.Element;
378
-
379
- export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
380
-
381
- export declare function Switch({ className, size, ...props }: React_2.ComponentProps<typeof Switch_2.Root> & {
382
- size?: "sm" | "default";
383
- }): JSX.Element;
384
-
385
- export declare function Tabs({ className, orientation, ...props }: React_2.ComponentProps<typeof Tabs_2.Root>): JSX.Element;
82
+ export declare function SearchBar({ value: controlledValue, onChange, placeholder, delay, icon, className, }: SearchBarProps): JSX.Element;
83
+
84
+ declare interface SearchBarProps {
85
+ /** Current search value (controlled) or initial value (uncontrolled) */
86
+ value?: string;
87
+ /** Called with the debounced search query */
88
+ onChange: (query: string) => void;
89
+ /** Placeholder text */
90
+ placeholder?: string;
91
+ /** Debounce delay in ms (default 300) */
92
+ delay?: number;
93
+ /** Optional icon element rendered as Input startContent */
94
+ icon?: React.ReactNode;
95
+ className?: string;
96
+ }
386
97
 
387
- export declare function TabsContent({ className, ...props }: React_2.ComponentProps<typeof Tabs_2.Content>): JSX.Element;
98
+ declare type Status = "running" | "stopped" | "error" | "busy" | "installing";
388
99
 
389
- export declare function TabsList({ className, variant, ...props }: React_2.ComponentProps<typeof Tabs_2.List> & VariantProps<typeof tabsListVariants>): JSX.Element;
100
+ export declare function StatusDot({ status, ping, className }: StatusDotProps): JSX.Element;
390
101
 
391
- export declare const tabsListVariants: (props?: ({
392
- variant?: "line" | "default" | null | undefined;
393
- } & ClassProp) | undefined) => string;
102
+ declare interface StatusDotProps {
103
+ status: Status;
104
+ /** Show animated ping ring (default: true when running) */
105
+ ping?: boolean;
106
+ className?: string;
107
+ }
394
108
 
395
- export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof Tabs_2.Trigger>): JSX.Element;
109
+ export declare const Surface: React_2.ForwardRefExoticComponent<SurfaceProps & React_2.RefAttributes<HTMLDivElement>>;
396
110
 
397
- export declare function Textarea({ className, ...props }: React_2.ComponentProps<"textarea">): JSX.Element;
111
+ declare interface SurfaceProps extends React_2.HTMLAttributes<HTMLDivElement> {
112
+ /** "default" = standard glass card, "strong" = structural chrome (no rounding, stronger blur) */
113
+ variant?: "default" | "strong";
114
+ }
398
115
 
399
116
  export { toast }
400
117
 
401
- export declare function Toaster({ ...props }: ToasterProps): JSX.Element;
402
-
403
- export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof Tooltip_2.Root>): JSX.Element;
404
-
405
- export declare function TooltipContent({ className, sideOffset, children, ...props }: React_2.ComponentProps<typeof Tooltip_2.Content>): JSX.Element;
406
-
407
- export declare function TooltipProvider({ delayDuration, ...props }: React_2.ComponentProps<typeof Tooltip_2.Provider>): JSX.Element;
408
-
409
- export declare function TooltipTrigger({ ...props }: React_2.ComponentProps<typeof Tooltip_2.Trigger>): JSX.Element;
118
+ export { Toaster }
410
119
 
411
120
  export declare function useIsMobile(): boolean;
412
121
 
413
122
  export declare function useNexus(): NexusContextValue;
414
123
 
415
- export declare function useSidebar(): SidebarContextProps;
416
-
417
124
  export { }