@clidey/ux 0.21.3 → 0.23.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.
package/dist/index.d.ts CHANGED
@@ -20,7 +20,6 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator';
20
20
  import * as SheetPrimitive from '@radix-ui/react-dialog';
21
21
  import * as SwitchPrimitive from '@radix-ui/react-switch';
22
22
  import * as TabsPrimitive from '@radix-ui/react-tabs';
23
- import { toast } from 'sonner';
24
23
  import { ToasterProps } from 'sonner';
25
24
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
26
25
  import { VariantProps } from 'class-variance-authority';
@@ -126,7 +125,7 @@ export declare function ContextMenuCheckboxItem({ className, children, checked,
126
125
 
127
126
  export declare function ContextMenuContent({ className, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Content>): JSX.Element;
128
127
 
129
- export declare function ContextMenuItem({ className, inset, variant, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Item> & {
128
+ export declare function ContextMenuItem({ className, inset, variant, disabled, onClick, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Item> & {
130
129
  inset?: boolean;
131
130
  variant?: "default" | "destructive";
132
131
  }): JSX.Element;
@@ -276,20 +275,23 @@ export declare function ResizableHandle({ withHandle, className, ...props }: Rea
276
275
  withHandle?: boolean;
277
276
  }): JSX.Element;
278
277
 
279
- export declare function ResizablePanel({ ...props }: React_2.ComponentProps<typeof ResizablePrimitive.Panel>): JSX.Element;
278
+ export declare function ResizablePanel({ className, ...props }: React_2.ComponentProps<typeof ResizablePrimitive.Panel>): JSX.Element;
280
279
 
281
- export declare function ResizablePanelGroup({ className, ...props }: React_2.ComponentProps<typeof ResizablePrimitive.PanelGroup>): JSX.Element;
280
+ export declare function ResizablePanelGroup({ className, direction, ...props }: React_2.ComponentProps<typeof ResizablePrimitive.PanelGroup>): JSX.Element;
282
281
 
283
282
  export declare function ScrollArea({ className, children, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.Root>): JSX.Element;
284
283
 
284
+ export declare function ScrollBar({ className, orientation, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): JSX.Element;
285
+
285
286
  export declare function SearchInput({ className, ...props }: React_2.ComponentProps<"input">): JSX.Element;
286
287
 
287
- export declare function SearchSelect({ options, placeholder, searchPlaceholder, value, onChange, buttonClassName, contentClassName, disabled, extraOptions, side, align, onlyIcon, label, inputProps, }: SearchSelectProps): JSX.Element;
288
+ export declare function SearchSelect({ options, placeholder, searchPlaceholder, value, defaultValue, onChange, onValueChange, notFoundMessage, buttonClassName, contentClassName, disabled, extraOptions, side, align, onlyIcon, label, inputProps, buttonProps, }: SearchSelectProps): JSX.Element;
288
289
 
289
290
  declare type SearchSelectOption = {
290
291
  value: string;
291
292
  label: string;
292
293
  icon?: React_2.ReactNode;
294
+ rightIcon?: React_2.ReactNode;
293
295
  };
294
296
 
295
297
  declare type SearchSelectProps = {
@@ -297,7 +299,10 @@ declare type SearchSelectProps = {
297
299
  placeholder?: string;
298
300
  searchPlaceholder?: string;
299
301
  value?: string;
302
+ defaultValue?: string;
300
303
  onChange?: (value: string) => void;
304
+ onValueChange?: (value: string) => void;
305
+ notFoundMessage?: string;
301
306
  buttonClassName?: string;
302
307
  contentClassName?: string;
303
308
  disabled?: boolean;
@@ -307,6 +312,7 @@ declare type SearchSelectProps = {
307
312
  onlyIcon?: boolean;
308
313
  label?: string;
309
314
  inputProps?: React_2.ComponentProps<typeof CommandInput>;
315
+ buttonProps?: React_2.ComponentProps<typeof Button>;
310
316
  };
311
317
 
312
318
  export declare function Select({ ...props }: React_2.ComponentProps<typeof SelectPrimitive.Root>): JSX.Element;
@@ -319,6 +325,8 @@ export declare function SelectItem({ className, children, ...props }: React_2.Co
319
325
 
320
326
  export declare function SelectLabel({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Label>): JSX.Element;
321
327
 
328
+ export declare function SelectSeparator({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Separator>): JSX.Element;
329
+
322
330
  export declare function SelectTrigger({ className, size, children, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Trigger> & {
323
331
  size?: "sm" | "default";
324
332
  }): JSX.Element;
@@ -363,7 +371,9 @@ declare type SidebarContextProps = {
363
371
 
364
372
  export declare function SidebarFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
365
373
 
366
- export declare function SidebarGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
374
+ export declare function SidebarGroup({ className, collapsible, ...props }: React_2.ComponentProps<"div"> & {
375
+ collapsible?: boolean;
376
+ }): JSX.Element;
367
377
 
368
378
  export declare function SidebarGroupAction({ className, asChild, ...props }: React_2.ComponentProps<"button"> & {
369
379
  asChild?: boolean;
@@ -463,15 +473,15 @@ declare type StackListProps = {
463
473
 
464
474
  export declare function Switch({ className, ...props }: React_2.ComponentProps<typeof SwitchPrimitive.Root>): JSX.Element;
465
475
 
466
- export declare function Table({ className, ...props }: React_2.ComponentProps<"table">): JSX.Element;
476
+ export declare function Table({ className, style, ...props }: React_2.ComponentProps<"table">): JSX.Element;
467
477
 
468
478
  export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX.Element;
469
479
 
470
480
  export declare function TableCaption({ className, ...props }: React_2.ComponentProps<"caption">): JSX.Element;
471
481
 
472
- export declare function TableCell({ className, ...props }: React_2.ComponentProps<"td">): JSX.Element;
482
+ export declare function TableCell({ className, children, ...props }: React_2.ComponentProps<"td">): JSX.Element;
473
483
 
474
- export declare function TableHead({ className, ...props }: React_2.ComponentProps<"th"> & {
484
+ export declare function TableHead({ className, icon, children, ...props }: React_2.ComponentProps<"th"> & {
475
485
  icon?: React_2.ReactNode;
476
486
  }): JSX.Element;
477
487
 
@@ -504,9 +514,7 @@ declare type ThemeProviderState = {
504
514
  setTheme: (theme: Theme) => void;
505
515
  };
506
516
 
507
- export { toast }
508
-
509
- export declare const Toaster: ({ ...props }: ToasterProps) => JSX.Element;
517
+ export declare const Toaster: ({ className, ...props }: ToasterProps) => JSX.Element;
510
518
 
511
519
  export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Root>): JSX.Element;
512
520
 
@@ -538,14 +546,23 @@ export declare function useSidebar(): SidebarContextProps;
538
546
 
539
547
  export declare const useTheme: () => ThemeProviderState;
540
548
 
541
- export declare function VirtualizedTableBody({ rowCount, rowHeight, height, className, children, }: VirtualizedTableBodyProps): JSX.Element;
549
+ /**
550
+ * Highly optimized VirtualizedTableBody
551
+ * - O(1) lookup for constant row height
552
+ * - O(log n) lookup for variable row height (via binary search on prefix sum cache)
553
+ * - requestAnimationFrame batching for scroll updates
554
+ */
555
+ export declare function VirtualizedTableBody({ rowCount, rowHeight, height, className, style, overscan, children, }: VirtualizedTableBodyProps): JSX.Element;
542
556
 
543
557
  declare type VirtualizedTableBodyProps = {
544
558
  rowCount: number;
545
- rowHeight?: number;
559
+ rowHeight?: number | ((args: {
560
+ index: number;
561
+ }) => number);
546
562
  height?: number;
547
563
  className?: string;
548
564
  style?: React_2.CSSProperties;
565
+ overscan?: number;
549
566
  children: (index: number, style: React_2.CSSProperties) => React_2.ReactNode;
550
567
  };
551
568