@clidey/ux 0.10.0 → 0.12.0

package/dist/index.d.ts

@@ -1,20 +1,47 @@
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
+import { Command as Command_2 } from 'cmdk';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { default as default_2 } from 'react';
 import { Drawer as Drawer_2 } from 'vaul';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { JSX } from 'react/jsx-runtime';
 import * as LabelPrimitive from '@radix-ui/react-label';
+import { LucideIcon } from 'lucide-react';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as React_2 from 'react';
+import * as ResizablePrimitive from 'react-resizable-panels';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { toast } from 'sonner';
 import { ToasterProps } from 'sonner';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { VariantProps } from 'class-variance-authority';
 
+export declare function Accordion({ ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Root>): JSX.Element;
+
+export declare function AccordionContent({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Content>): JSX.Element;
+
+export declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Item>): JSX.Element;
+
+export declare function AccordionTrigger({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Trigger>): JSX.Element;
+
+export declare function Alert({ className, variant, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof alertVariants>): JSX.Element;
+
+export declare function AlertDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function AlertTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare function Badge({ className, variant, asChild, ...props }: React_2.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;
 }): JSX.Element;
@@ -58,8 +85,22 @@ export declare function CardHeader({ className, ...props }: React_2.ComponentPro
 
 export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
+export declare function Checkbox({ className, ...props }: React_2.ComponentProps<typeof CheckboxPrimitive.Root>): JSX.Element;
+
 export declare function cn(...inputs: ClassValue[]): string;
 
+export declare function Command({ className, ...props }: React_2.ComponentProps<typeof Command_2>): JSX.Element;
+
+export declare function CommandEmpty({ ...props }: React_2.ComponentProps<typeof Command_2.Empty>): JSX.Element;
+
+export declare function CommandGroup({ className, ...props }: React_2.ComponentProps<typeof Command_2.Group>): JSX.Element;
+
+export declare function CommandInput({ className, ...props }: React_2.ComponentProps<typeof Command_2.Input>): JSX.Element;
+
+export declare function CommandItem({ className, ...props }: React_2.ComponentProps<typeof Command_2.Item>): JSX.Element;
+
+export declare function CommandList({ className, ...props }: React_2.ComponentProps<typeof Command_2.List>): JSX.Element;
+
 export declare function ContextMenu({ ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Root>): JSX.Element;
 
 export declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): JSX.Element;
@@ -93,6 +134,22 @@ export declare function ContextMenuSubTrigger({ className, inset, children, ...p
 
 export declare function ContextMenuTrigger({ ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Trigger>): JSX.Element;
 
+export declare function Dialog({ ...props }: React_2.ComponentProps<typeof SheetPrimitive.Root>): JSX.Element;
+
+export declare function DialogContent({ className, children, showCloseButton, ...props }: React_2.ComponentProps<typeof SheetPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): JSX.Element;
+
+export declare function DialogDescription({ className, ...props }: React_2.ComponentProps<typeof SheetPrimitive.Description>): JSX.Element;
+
+export declare function DialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function DialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function DialogTitle({ className, ...props }: React_2.ComponentProps<typeof SheetPrimitive.Title>): JSX.Element;
+
+export declare function DialogTrigger({ ...props }: React_2.ComponentProps<typeof SheetPrimitive.Trigger>): JSX.Element;
+
 export declare function Drawer({ ...props }: React_2.ComponentProps<typeof Drawer_2.Root>): JSX.Element;
 
 export declare function DrawerClose({ ...props }: React_2.ComponentProps<typeof Drawer_2.Close>): JSX.Element;
@@ -142,6 +199,30 @@ export declare function DropdownMenuSubTrigger({ className, inset, children, ...
 
 export declare function DropdownMenuTrigger({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): JSX.Element;
 
+export declare const EmptyState: ({ className, title, description, icon, children, }: {
+    className?: string;
+    title: string;
+    description: string;
+    icon: React.ReactNode;
+    children?: React.ReactNode;
+}) => JSX.Element;
+
+export declare function formatDate(date: Date): string;
+
+export declare function Icon({ icon, size, className, ...props }: IconProps): JSX.Element;
+
+declare interface IconProps extends React_2.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * The icon SVG element to render.
+     */
+    icon: React_2.ReactElement<React_2.SVGProps<SVGSVGElement>>;
+    /**
+     * Optional size (applies w/h to the icon SVG).
+     * @default 24
+     */
+    size?: number;
+}
+
 export declare function Input({ className, type, ...props }: React_2.ComponentProps<"input">): JSX.Element;
 
 export declare function Label({ className, ...props }: React_2.ComponentProps<typeof LabelPrimitive.Root>): JSX.Element;
@@ -172,6 +253,41 @@ export declare function PopoverContent({ className, align, sideOffset, ...props
 
 export declare function PopoverTrigger({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Trigger>): JSX.Element;
 
+export declare function ResizableHandle({ withHandle, className, ...props }: React_2.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+}): JSX.Element;
+
+export declare function ResizablePanel({ ...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 ScrollArea({ className, children, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.Root>): 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, }: SearchSelectProps): JSX.Element;
+
+declare type SearchSelectOption = {
+    value: string;
+    label: string;
+    icon?: React_2.ReactNode;
+};
+
+declare type SearchSelectProps = {
+    options: SearchSelectOption[];
+    placeholder?: string;
+    searchPlaceholder?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    buttonClassName?: string;
+    contentClassName?: string;
+    disabled?: boolean;
+    extraOptions?: React_2.ReactNode;
+    side?: "top" | "bottom" | "left" | "right";
+    align?: "start" | "center" | "end";
+    onlyIcon?: boolean;
+};
+
 export declare function Select({ ...props }: React_2.ComponentProps<typeof SelectPrimitive.Root>): JSX.Element;
 
 export declare function SelectContent({ className, children, position, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Content>): JSX.Element;
@@ -188,11 +304,27 @@ export declare function SelectTrigger({ className, size, children, ...props }: R
 
 export declare function SelectValue({ ...props }: React_2.ComponentProps<typeof SelectPrimitive.Value>): JSX.Element;
 
-declare function Separator({ className, orientation, decorative, ...props }: React_2.ComponentProps<typeof SeparatorPrimitive.Root>): JSX.Element;
+export declare function Separator({ className, orientation, decorative, ...props }: React_2.ComponentProps<typeof SeparatorPrimitive.Root>): JSX.Element;
+
+export declare function Sheet({ ...props }: React_2.ComponentProps<typeof SheetPrimitive.Root>): JSX.Element;
+
+export declare function SheetContent({ className, children, side, ...props }: React_2.ComponentProps<typeof SheetPrimitive.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+}): JSX.Element;
+
+export declare function SheetDescription({ className, ...props }: React_2.ComponentProps<typeof SheetPrimitive.Description>): JSX.Element;
+
+export declare function SheetFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function SheetHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function SheetTitle({ className, ...props }: React_2.ComponentProps<typeof SheetPrimitive.Title>): JSX.Element;
+
+export declare function SheetTrigger({ ...props }: React_2.ComponentProps<typeof SheetPrimitive.Trigger>): JSX.Element;
 
 export declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React_2.ComponentProps<"div"> & {
     side?: "left" | "right";
-    variant?: "sidebar" | "floating" | "inset";
+    variant?: "sidebar" | "floating" | "inset" | "embed";
     collapsible?: "offcanvas" | "icon" | "none";
 }): JSX.Element;
 
@@ -278,6 +410,26 @@ export declare function SidebarTrigger({ className, onClick, ...props }: React_2
 
 export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
 
+export declare function StackList({ children, separatorClassName, }: StackListProps): JSX.Element;
+
+export declare function StackListItem({ item, children, keyClassName, valueClassName, rowClassName, itemClassName, }: StackListItemProps): JSX.Element;
+
+declare type StackListItemProps = {
+    item: default_2.ReactNode;
+    children: default_2.ReactNode;
+    keyClassName?: string;
+    valueClassName?: string;
+    rowClassName?: string;
+    itemClassName?: string;
+};
+
+declare type StackListProps = {
+    children: default_2.ReactNode;
+    separatorClassName?: string;
+};
+
+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 TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX.Element;
@@ -286,11 +438,13 @@ export declare function TableCaption({ className, ...props }: React_2.ComponentP
 
 export declare function TableCell({ className, ...props }: React_2.ComponentProps<"td">): JSX.Element;
 
-export declare function TableHead({ className, ...props }: React_2.ComponentProps<"th">): JSX.Element;
+export declare function TableHead({ className, ...props }: React_2.ComponentProps<"th"> & {
+    icon?: React_2.ReactNode;
+}): JSX.Element;
 
 export declare function TableHeader({ className, ...props }: React_2.ComponentProps<"thead">): JSX.Element;
 
-export declare function TableRow({ className, ...props }: React_2.ComponentProps<"tr">): JSX.Element;
+export declare function TableRow({ className, style, ...props }: React_2.ComponentProps<"tr">): JSX.Element;
 
 export declare function Tabs({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Root>): JSX.Element;
 
@@ -327,8 +481,37 @@ export declare function TooltipProvider({ delayDuration, ...props }: React_2.Com
 
 export declare function TooltipTrigger({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Trigger>): JSX.Element;
 
+export declare function toTitleCase(str: string): string;
+
+export declare const Tree: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & {
+    data: TreeDataItem[] | TreeDataItem;
+    initialSelectedItemId?: string;
+    onSelectChange?: (item: TreeDataItem | undefined) => void;
+    expandAll?: boolean;
+    folderIcon?: LucideIcon;
+    itemIcon?: LucideIcon;
+} & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface TreeDataItem {
+    id: string;
+    name: string;
+    icon?: LucideIcon;
+    children?: TreeDataItem[];
+}
+
 export declare function useSidebar(): SidebarContextProps;
 
 export declare const useTheme: () => ThemeProviderState;
 
+export declare function VirtualizedTableBody({ rowCount, rowHeight, height, className, children, }: VirtualizedTableBodyProps): JSX.Element;
+
+declare type VirtualizedTableBodyProps = {
+    rowCount: number;
+    rowHeight?: number;
+    height?: number;
+    className?: string;
+    style?: React_2.CSSProperties;
+    children: (index: number, style: React_2.CSSProperties) => React_2.ReactNode;
+};
+
 export { }