@clidey/ux 0.22.0 → 0.24.0

package/dist/index.d.ts

@@ -126,7 +126,7 @@ export declare function ContextMenuCheckboxItem({ className, children, checked,
 
 export declare function ContextMenuContent({ className, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Content>): JSX.Element;
 
-export declare function ContextMenuItem({ className, inset, variant, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Item> & {
+export declare function ContextMenuItem({ className, inset, variant, disabled, onClick, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Item> & {
     inset?: boolean;
     variant?: "default" | "destructive";
 }): JSX.Element;
@@ -276,15 +276,17 @@ export declare function ResizableHandle({ withHandle, className, ...props }: Rea
     withHandle?: boolean;
 }): JSX.Element;
 
-export declare function ResizablePanel({ ...props }: React_2.ComponentProps<typeof ResizablePrimitive.Panel>): JSX.Element;
+export declare function ResizablePanel({ className, ...props }: React_2.ComponentProps<typeof ResizablePrimitive.Panel>): JSX.Element;
 
-export declare function ResizablePanelGroup({ className, ...props }: React_2.ComponentProps<typeof ResizablePrimitive.PanelGroup>): JSX.Element;
+export declare function ResizablePanelGroup({ className, direction, ...props }: React_2.ComponentProps<typeof ResizablePrimitive.PanelGroup>): JSX.Element;
 
 export declare function ScrollArea({ className, children, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.Root>): JSX.Element;
 
+export declare function ScrollBar({ className, orientation, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): JSX.Element;
+
 export declare function SearchInput({ className, ...props }: React_2.ComponentProps<"input">): JSX.Element;
 
-export declare function SearchSelect({ options, placeholder, searchPlaceholder, value, onChange, buttonClassName, contentClassName, disabled, extraOptions, side, align, onlyIcon, label, inputProps, buttonProps, }: SearchSelectProps): JSX.Element;
+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;
 
 declare type SearchSelectOption = {
     value: string;
@@ -298,7 +300,10 @@ declare type SearchSelectProps = {
     placeholder?: string;
     searchPlaceholder?: string;
     value?: string;
+    defaultValue?: string;
     onChange?: (value: string) => void;
+    onValueChange?: (value: string) => void;
+    notFoundMessage?: string;
     buttonClassName?: string;
     contentClassName?: string;
     disabled?: boolean;
@@ -321,6 +326,8 @@ export declare function SelectItem({ className, children, ...props }: React_2.Co
 
 export declare function SelectLabel({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Label>): JSX.Element;
 
+export declare function SelectSeparator({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Separator>): JSX.Element;
+
 export declare function SelectTrigger({ className, size, children, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Trigger> & {
     size?: "sm" | "default";
 }): JSX.Element;
@@ -365,7 +372,9 @@ declare type SidebarContextProps = {
 
 export declare function SidebarFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare function SidebarGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare function SidebarGroup({ className, collapsible, ...props }: React_2.ComponentProps<"div"> & {
+    collapsible?: boolean;
+}): JSX.Element;
 
 export declare function SidebarGroupAction({ className, asChild, ...props }: React_2.ComponentProps<"button"> & {
     asChild?: boolean;
@@ -465,15 +474,15 @@ declare type StackListProps = {
 
 export declare function Switch({ className, ...props }: React_2.ComponentProps<typeof SwitchPrimitive.Root>): JSX.Element;
 
-export declare function Table({ className, ...props }: React_2.ComponentProps<"table">): JSX.Element;
+export declare function Table({ className, style, ...props }: React_2.ComponentProps<"table">): JSX.Element;
 
 export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX.Element;
 
 export declare function TableCaption({ className, ...props }: React_2.ComponentProps<"caption">): JSX.Element;
 
-export declare function TableCell({ className, ...props }: React_2.ComponentProps<"td">): JSX.Element;
+export declare function TableCell({ className, children, ...props }: React_2.ComponentProps<"td">): JSX.Element;
 
-export declare function TableHead({ className, ...props }: React_2.ComponentProps<"th"> & {
+export declare function TableHead({ className, icon, children, ...props }: React_2.ComponentProps<"th"> & {
     icon?: React_2.ReactNode;
 }): JSX.Element;
 
@@ -508,7 +517,7 @@ declare type ThemeProviderState = {
 
 export { toast }
 
-export declare const Toaster: ({ ...props }: ToasterProps) => JSX.Element;
+export declare const Toaster: ({ className, ...props }: ToasterProps) => JSX.Element;
 
 export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Root>): JSX.Element;
 
@@ -540,14 +549,23 @@ export declare function useSidebar(): SidebarContextProps;
 
 export declare const useTheme: () => ThemeProviderState;
 
-export declare function VirtualizedTableBody({ rowCount, rowHeight, height, className, children, }: VirtualizedTableBodyProps): JSX.Element;
+/**
+ * Highly optimized VirtualizedTableBody
+ * - O(1) lookup for constant row height
+ * - O(log n) lookup for variable row height (via binary search on prefix sum cache)
+ * - requestAnimationFrame batching for scroll updates
+ */
+export declare function VirtualizedTableBody({ rowCount, rowHeight, height, className, style, overscan, children, }: VirtualizedTableBodyProps): JSX.Element;
 
 declare type VirtualizedTableBodyProps = {
     rowCount: number;
-    rowHeight?: number;
+    rowHeight?: number | ((args: {
+        index: number;
+    }) => number);
     height?: number;
     className?: string;
     style?: React_2.CSSProperties;
+    overscan?: number;
     children: (index: number, style: React_2.CSSProperties) => React_2.ReactNode;
 };