laif-ds 0.1.4 → 0.1.6

package/dist/index.d.ts

@@ -5,6 +5,7 @@ import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { ClassProp } from 'class-variance-authority/types';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { ColumnDef } from '@tanstack/react-table';
 import { Command as Command_2 } from 'cmdk';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import { ControllerProps } from 'react-hook-form';
@@ -25,12 +26,14 @@ import * as LabelPrimitive from '@radix-ui/react-label';
 import * as LucideIcons from 'lucide-react';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import { OnChangeFn } from '@tanstack/react-table';
 import { OTPInput } from 'input-otp';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as React_2 from 'react';
 import { ReactElement } from 'react';
+import { ReactNode } from 'react';
 import * as RechartsPrimitive from 'recharts';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
@@ -41,44 +44,72 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { Slot } from '@radix-ui/react-slot';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { ToasterProps } from 'sonner';
+import { Toaster as Toaster_2 } from 'sonner';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { UseEmblaCarouselType } from 'embla-carousel-react';
 import { VariantProps } from 'class-variance-authority';
 
-export declare function Accordion({ ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Root>): JSX.Element;
+export declare function Accordion({ ...props }: AccordionProps): JSX.Element;
 
-export declare function AccordionContent({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Content>): JSX.Element;
+export declare function AccordionContent({ className, children, ...props }: AccordionContentProps): JSX.Element;
 
-export declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Item>): JSX.Element;
+declare type AccordionContentProps = React_2.ComponentProps<typeof AccordionPrimitive.Content>;
 
-export declare function AccordionTrigger({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Trigger>): JSX.Element;
+export declare function AccordionItem({ className, ...props }: AccordionItemProps): JSX.Element;
+
+declare type AccordionItemProps = React_2.ComponentProps<typeof AccordionPrimitive.Item>;
+
+declare type AccordionProps = React_2.ComponentProps<typeof AccordionPrimitive.Root>;
+
+export declare function AccordionTrigger({ className, children, ...props }: AccordionTriggerProps): JSX.Element;
+
+declare type AccordionTriggerProps = React_2.ComponentProps<typeof AccordionPrimitive.Trigger>;
 
 declare type AdditionalMessageOptions = Omit<ChatMessageProps, keyof Message>;
 
-export declare function Alert({ className, variant, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof alertVariants>): JSX.Element;
+export declare function Alert({ className, variant, ...props }: AlertProps): JSX.Element;
 
 export declare function AlertDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare function AlertDialog({ ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Root>): JSX.Element;
+export declare function AlertDialog({ ...props }: AlertDialogProps): JSX.Element;
+
+export declare function AlertDialogAction({ className, ...props }: AlertDialogActionProps): JSX.Element;
+
+declare type AlertDialogActionProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Action>;
+
+export declare function AlertDialogCancel({ className, ...props }: AlertDialogCancelProps): JSX.Element;
+
+declare type AlertDialogCancelProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Cancel>;
+
+export declare function AlertDialogContent({ className, ...props }: AlertDialogContentProps): JSX.Element;
+
+declare type AlertDialogContentProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Content>;
+
+export declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): JSX.Element;
+
+declare type AlertDialogDescriptionProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Description>;
+
+export declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): JSX.Element;
+
+declare type AlertDialogFooterProps = React_2.ComponentProps<"div">;
 
-export declare function AlertDialogAction({ className, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Action>): JSX.Element;
+export declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): JSX.Element;
 
-export declare function AlertDialogCancel({ className, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Cancel>): JSX.Element;
+declare type AlertDialogHeaderProps = React_2.ComponentProps<"div">;
 
-export declare function AlertDialogContent({ className, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Content>): JSX.Element;
+declare type AlertDialogProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Root>;
 
-export declare function AlertDialogDescription({ className, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Description>): JSX.Element;
+export declare function AlertDialogTitle({ className, ...props }: AlertDialogTitleProps): JSX.Element;
 
-export declare function AlertDialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+declare type AlertDialogTitleProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Title>;
 
-export declare function AlertDialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare function AlertDialogTrigger({ ...props }: AlertDialogTriggerProps): JSX.Element;
 
-export declare function AlertDialogTitle({ className, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Title>): JSX.Element;
+declare type AlertDialogTriggerProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Trigger>;
 
-export declare function AlertDialogTrigger({ ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Trigger>): JSX.Element;
+declare type AlertProps = React_2.ComponentProps<"div"> & VariantProps<typeof alertVariants>;
 
 export declare function AlertTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
@@ -88,7 +119,9 @@ declare const alertVariants: (props?: ({
 
 declare type Animation_2 = VariantProps<typeof chatBubbleVariants>["animation"];
 
-export declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): JSX.Element;
+export declare function AspectRatio({ ...props }: AspectRatioProps): JSX.Element;
+
+declare type AspectRatioProps = React.ComponentProps<typeof AspectRatioPrimitive.Root>;
 
 export declare function AsyncSelect<T>({ fetcher, preload, filterFn, renderOption, getOptionValue, getDisplayValue, notFound, loadingSkeleton, label, labelClassName, placeholder, value, onChange, disabled, width, className, triggerClassName, noResultsMessage, clearable, size, }: AsyncSelectProps<T>): JSX.Element;
 
@@ -172,7 +205,7 @@ export declare const badgeVariants: (props?: ({
 
 export declare function Button({ className, variant, size, asChild, iconLeft, iconRight, ...props }: ButtonProps): JSX.Element;
 
-declare interface ButtonProps extends React_2.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
+export declare interface ButtonProps extends React_2.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
     iconLeft?: IconName;
     iconRight?: IconName;
@@ -185,7 +218,7 @@ export declare const buttonVariants: (props?: ({
 
 export declare function Calendar({ className, classNames, showOutsideDays, ...props }: React_2.ComponentProps<typeof DayPicker>): JSX.Element;
 
-export declare function Card({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare function Card({ className, size, ...props }: CardProps): JSX.Element;
 
 export declare function CardContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
@@ -195,6 +228,12 @@ export declare function CardFooter({ className, ...props }: React_2.ComponentPro
 
 export declare function CardHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
+export declare interface CardProps extends React_2.ComponentProps<"div"> {
+    size?: CardSize;
+}
+
+declare type CardSize = "default" | "sm" | "lg";
+
 export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
 export declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React_2.ComponentProps<"div"> & CarouselProps): JSX.Element;
@@ -406,6 +445,23 @@ declare type CopyButtonProps = {
     copyMessage?: string;
 };
 
+export declare function DataTable<TData, TValue>({ columns, data, loading, loadingComponent, emptyComponent, className, rowSelection, onRowSelectionChange, checkable, onCheckedRowsChange, notFoundMessage, loadingMessage }: DataTableProps<TData, TValue>): JSX.Element;
+
+declare interface DataTableProps<TData, TValue> {
+    columns: ColumnDef<TData, TValue>[];
+    data: TData[];
+    loading?: boolean;
+    loadingComponent?: ReactNode;
+    emptyComponent?: ReactNode;
+    className?: string;
+    rowSelection?: Record<string, boolean>;
+    onRowSelectionChange?: OnChangeFn<Record<string, boolean>>;
+    checkable?: boolean;
+    onCheckedRowsChange?: (checkedRows: TData[]) => void;
+    notFoundMessage?: string;
+    loadingMessage?: string;
+}
+
 export declare function DatePicker({ value, onChange, placeholder, dateFormat, className, buttonVariant, disabled, size, }: DatePickerProps): JSX.Element;
 
 declare interface DatePickerProps {
@@ -978,6 +1034,8 @@ declare const THEMES: {
 
 export declare const Toaster: ({ ...props }: ToasterProps) => JSX.Element;
 
+declare type ToasterProps = React.ComponentProps<typeof Toaster_2>;
+
 export declare function Toggle({ className, variant, size, ...props }: React_2.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): JSX.Element;
 
 export declare function ToggleGroup({ className, variant, size, children, ...props }: React_2.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): JSX.Element;
@@ -1022,6 +1080,15 @@ export declare function TooltipTrigger({ ...props }: React_2.ComponentProps<type
 
 export declare function TypingIndicator(): JSX.Element;
 
+export declare const Typo: React_2.FC<TypoProps>;
+
+export declare interface TypoProps extends React_2.HTMLAttributes<HTMLElement> {
+    variant?: TypoVariant;
+    as?: React_2.ElementType;
+}
+
+declare type TypoVariant = "hero-title" | "title" | "subtitle" | "body" | "body-bold" | "caption" | "overline" | "button" | "small" | "h1" | "h2" | "h3" | "h4" | "h5";
+
 export declare function useAudioRecording({ transcribeAudio, onTranscriptionComplete, }: UseAudioRecordingOptions): {
     isListening: boolean;
     isSpeechSupported: boolean;