duokit-ui 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as React$1 from 'react';
 import { ReactNode } from 'react';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -28,14 +28,15 @@ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 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 TooltipPrimitive from '@radix-ui/react-tooltip';
 import { ToasterProps, toast } from 'sonner';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 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 { Table as Table$1 } from '@tanstack/react-table';
 import { ClassValue } from 'clsx';
+import { z } from 'zod';
 
 declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
 declare function AccordionItem({ className, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime.JSX.Element;
@@ -437,74 +438,6 @@ declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"di
 declare function SheetTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
 declare function SheetDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
 
-declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
-declare function Tooltip({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
-
-type SidebarContextProps = {
-    state: "expanded" | "collapsed";
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    openMobile: boolean;
-    setOpenMobile: (open: boolean) => void;
-    isMobile: boolean;
-    toggleSidebar: () => void;
-};
-declare function useSidebar(): SidebarContextProps;
-declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React$1.ComponentProps<"div"> & {
-    defaultOpen?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}): react_jsx_runtime.JSX.Element;
-declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React$1.ComponentProps<"div"> & {
-    side?: "left" | "right";
-    variant?: "sidebar" | "floating" | "inset";
-    collapsible?: "offcanvas" | "icon" | "none";
-}): react_jsx_runtime.JSX.Element;
-declare function SidebarTrigger({ className, onClick, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
-declare function SidebarRail({ className, ...props }: React$1.ComponentProps<"button">): react_jsx_runtime.JSX.Element;
-declare function SidebarInset({ className, ...props }: React$1.ComponentProps<"main">): react_jsx_runtime.JSX.Element;
-declare function SidebarInput({ className, ...props }: React$1.ComponentProps<typeof Input>): react_jsx_runtime.JSX.Element;
-declare function SidebarHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function SidebarFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function SidebarSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
-declare function SidebarContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function SidebarGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function SidebarGroupLabel({ className, asChild, ...props }: React$1.ComponentProps<"div"> & {
-    asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function SidebarGroupAction({ className, asChild, ...props }: React$1.ComponentProps<"button"> & {
-    asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function SidebarGroupContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
-declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
-declare const sidebarMenuButtonVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React$1.ComponentProps<"button"> & {
-    asChild?: boolean;
-    isActive?: boolean;
-    tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime.JSX.Element;
-declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React$1.ComponentProps<"button"> & {
-    asChild?: boolean;
-    showOnHover?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function SidebarMenuBadge({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React$1.ComponentProps<"div"> & {
-    showIcon?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function SidebarMenuSub({ className, ...props }: React$1.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
-declare function SidebarMenuSubItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
-declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React$1.ComponentProps<"a"> & {
-    asChild?: boolean;
-    size?: "sm" | "md";
-    isActive?: boolean;
-}): react_jsx_runtime.JSX.Element;
-
 declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
 declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
@@ -545,249 +478,105 @@ declare function ToggleGroup({ className, variant, size, spacing, children, ...p
 }): react_jsx_runtime.JSX.Element;
 declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
 
-/**
- * Animation types and configurations
- */
-interface AnimationConfig$1 {
-    /** Badge animation type */
-    badgeAnimation?: "bounce" | "pulse" | "wiggle" | "fade" | "slide" | "none";
-    /** Popover animation type */
-    popoverAnimation?: "scale" | "slide" | "fade" | "flip" | "none";
-    /** Option hover animation type */
-    optionHoverAnimation?: "highlight" | "scale" | "glow" | "none";
-    /** Animation duration in seconds */
-    duration?: number;
-    /** Animation delay in seconds */
-    delay?: number;
-}
-/**
- * Variants for the multi-select component to handle different styles.
- * Uses class-variance-authority (cva) to define different styles based on "variant" prop.
- */
-declare const multiSelectVariants$2: (props?: ({
-    variant?: "default" | "destructive" | "secondary" | "inverted" | null | undefined;
-    badgeAnimation?: "none" | "bounce" | "pulse" | "wiggle" | "fade" | "slide" | null | undefined;
+declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+declare const multiSelectVariants$1: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-/**
- * Option interface for MultiSelect component
- */
-interface MultiSelectOption$1 {
-    /** The text to display for the option. */
-    label: string;
-    /** The unique value associated with the option. */
-    value: string;
-    /** Optional icon component to display alongside the option. */
-    icon?: React$1.ComponentType<{
-        className?: string;
-    }>;
-    /** Whether this option is disabled */
-    disabled?: boolean;
-    /** Custom styling for the option */
-    style?: {
-        /** Custom badge color */
-        badgeColor?: string;
-        /** Custom icon color */
-        iconColor?: string;
-        /** Gradient background for badge */
-        gradient?: string;
-    };
-}
-/**
- * Group interface for organizing options
- */
-interface MultiSelectGroup$1 {
-    /** Group heading */
-    heading: string;
-    /** Options in this group */
-    options: MultiSelectOption$1[];
+interface CalendarDatePickerProps extends React$1.HTMLAttributes<HTMLButtonElement>, VariantProps<typeof multiSelectVariants$1> {
+    id?: string;
+    className?: string;
+    date: DateRange;
+    closeOnSelect?: boolean;
+    numberOfMonths?: 1 | 2;
+    yearsRange?: number;
+    onDateSelect: (range: {
+        from: Date;
+        to: Date;
+    }) => void;
 }
-/**
- * Props for MultiSelect component
- */
-interface MultiSelectProps$1 extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "animationConfig">, VariantProps<typeof multiSelectVariants$2> {
-    /**
-     * An array of option objects or groups to be displayed in the multi-select component.
-     */
-    options: MultiSelectOption$1[] | MultiSelectGroup$1[];
-    /**
-     * Callback function triggered when the selected values change.
-     * Receives an array of the new selected values.
-     */
-    onValueChange: (value: string[]) => void;
-    /** The default selected values when the component mounts. */
-    defaultValue?: string[];
-    /**
-     * Placeholder text to be displayed when no values are selected.
-     * Optional, defaults to "Select options".
-     */
-    placeholder?: string;
+declare const CalendarDatePicker: React$1.ForwardRefExoticComponent<CalendarDatePickerProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface DataTableProps<TData> {
     /**
-     * Animation duration in seconds for the visual effects (e.g., bouncing badges).
-     * Optional, defaults to 0 (no animation).
+     * Table instance from useReactTable
      */
-    animation?: number;
+    table: Table$1<TData>;
     /**
-     * Advanced animation configuration for different component parts.
-     * Optional, allows fine-tuning of various animation effects.
+     * Whether the table is in a loading state
      */
-    animationConfig?: AnimationConfig$1;
+    isLoading?: boolean;
     /**
-     * Maximum number of items to display. Extra selected items will be summarized.
-     * Optional, defaults to 3.
+     * Custom empty state message
      */
-    maxCount?: number;
+    emptyMessage?: ReactNode;
     /**
-     * The modality of the popover. When set to true, interaction with outside elements
-     * will be disabled and only popover content will be visible to screen readers.
-     * Optional, defaults to false.
+     * Custom loading message
      */
-    modalPopover?: boolean;
+    loadingMessage?: string;
     /**
-     * If true, renders the multi-select component as a child of another component.
-     * Optional, defaults to false.
+     * Children components
      */
-    asChild?: boolean;
+    children?: ReactNode;
     /**
-     * Additional class names to apply custom styles to the multi-select component.
-     * Optional, can be used to add custom styles.
+     * Custom className for the root container
      */
     className?: string;
+}
+interface DataTableSearchProps {
     /**
-     * If true, disables the select all functionality.
-     * Optional, defaults to false.
-     */
-    hideSelectAll?: boolean;
-    /**
-     * If true, shows search functionality in the popover.
-     * If false, hides the search input completely.
-     * Optional, defaults to true.
-     */
-    searchable?: boolean;
-    /**
-     * Custom empty state message when no options match search.
-     * Optional, defaults to "No results found."
-     */
-    emptyIndicator?: React$1.ReactNode;
-    /**
-     * If true, allows the component to grow and shrink with its content.
-     * If false, uses fixed width behavior.
-     * Optional, defaults to false.
-     */
-    autoSize?: boolean;
-    /**
-     * If true, shows badges in a single line with horizontal scroll.
-     * If false, badges wrap to multiple lines.
-     * Optional, defaults to false.
-     */
-    singleLine?: boolean;
-    /**
-     * Custom CSS class for the popover content.
-     * Optional, can be used to customize popover appearance.
-     */
-    popoverClassName?: string;
-    /**
-     * If true, disables the component completely.
-     * Optional, defaults to false.
-     */
-    disabled?: boolean;
-    /**
-     * Responsive configuration for different screen sizes.
-     * Allows customizing maxCount and other properties based on viewport.
-     * Can be boolean true for default responsive behavior or an object for custom configuration.
-     */
-    responsive?: boolean | {
-        /** Configuration for mobile devices (< 640px) */
-        mobile?: {
-            maxCount?: number;
-            hideIcons?: boolean;
-            compactMode?: boolean;
-        };
-        /** Configuration for tablet devices (640px - 1024px) */
-        tablet?: {
-            maxCount?: number;
-            hideIcons?: boolean;
-            compactMode?: boolean;
-        };
-        /** Configuration for desktop devices (> 1024px) */
-        desktop?: {
-            maxCount?: number;
-            hideIcons?: boolean;
-            compactMode?: boolean;
-        };
-    };
-    /**
-     * Minimum width for the component.
-     * Optional, defaults to auto-sizing based on content.
-     * When set, component will not shrink below this width.
-     */
-    minWidth?: string;
-    /**
-     * Maximum width for the component.
-     * Optional, defaults to 100% of container.
-     * Component will not exceed container boundaries.
-     */
-    maxWidth?: string;
-    /**
-     * If true, automatically removes duplicate options based on their value.
-     * Optional, defaults to false (shows warning in dev mode instead).
+     * Placeholder text for the search input
      */
-    deduplicateOptions?: boolean;
+    placeholder?: string;
     /**
-     * If true, the component will reset its internal state when defaultValue changes.
-     * Useful for React Hook Form integration and form reset functionality.
-     * Optional, defaults to true.
+     * Debounce delay in milliseconds
      */
-    resetOnDefaultValueChange?: boolean;
+    debounceMs?: number;
     /**
-     * If true, automatically closes the popover after selecting an option.
-     * Useful for single-selection-like behavior or mobile UX.
-     * Optional, defaults to false.
+     * Custom className
      */
-    closeOnSelect?: boolean;
+    className?: string;
 }
-/**
- * Imperative methods exposed through ref
- */
-interface MultiSelectRef$1 {
-    /**
-     * Programmatically reset the component to its default value
-     */
-    reset: () => void;
-    /**
-     * Get current selected values
-     */
-    getSelectedValues: () => string[];
+interface DataTablePaginationProps {
     /**
-     * Set selected values programmatically
+     * Show page size selector
      */
-    setSelectedValues: (values: string[]) => void;
+    showPageSizeSelector?: boolean;
     /**
-     * Clear all selected values
+     * Available page sizes
      */
-    clear: () => void;
+    pageSizeOptions?: number[];
     /**
-     * Focus the component
+     * Custom className
      */
-    focus: () => void;
+    className?: string;
 }
-declare const MultiSelect: React$1.ForwardRefExoticComponent<MultiSelectProps$1 & React$1.RefAttributes<MultiSelectRef$1>>;
 
-declare const multiSelectVariants$1: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface CalendarDatePickerProps extends React$1.HTMLAttributes<HTMLButtonElement>, VariantProps<typeof multiSelectVariants$1> {
-    id?: string;
+declare function DataTableRoot<TData>({ table, isLoading, emptyMessage, loadingMessage, children, className, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
+declare function DataTableHeader<TData>(): react_jsx_runtime.JSX.Element;
+declare function DataTableBody<TData>(): react_jsx_runtime.JSX.Element;
+declare function DataTablePagination({ showPageSizeSelector, className, }: DataTablePaginationProps): react_jsx_runtime.JSX.Element;
+declare function DataTableFilters({ children, className, }: {
+    children?: React.ReactNode;
     className?: string;
-    date: DateRange;
-    closeOnSelect?: boolean;
-    numberOfMonths?: 1 | 2;
-    yearsRange?: number;
-    onDateSelect: (range: {
-        from: Date;
-        to: Date;
-    }) => void;
-}
-declare const CalendarDatePicker: React$1.ForwardRefExoticComponent<CalendarDatePickerProps & React$1.RefAttributes<HTMLButtonElement>>;
+}): react_jsx_runtime.JSX.Element;
+declare const DataTable: {
+    Root: typeof DataTableRoot;
+    Header: typeof DataTableHeader;
+    Body: typeof DataTableBody;
+    Pagination: typeof DataTablePagination;
+    Filters: typeof DataTableFilters;
+};
+
+type Condition<Value = unknown> = Value | false | null | undefined | 0 | "";
+declare function If<Value = unknown>({ condition, children, fallback, }: React.PropsWithoutRef<{
+    condition: Condition<Value>;
+    children: React.ReactNode | ((value: Value) => React.ReactNode);
+    fallback?: React.ReactNode;
+}>): react_jsx_runtime.JSX.Element | null;
 
 declare const multiSelectVariants: (props?: ({
     variant?: "default" | "destructive" | "secondary" | "inverted" | null | undefined;
@@ -1009,76 +798,256 @@ declare const ClientMultiSelect: React$1.ForwardRefExoticComponent<MultiSelectPr
 
 declare const PaginatedMultiSelect: React$1.ForwardRefExoticComponent<MultiSelectProps & PaginationProps & React$1.RefAttributes<MultiSelectRef>>;
 
-interface DataTableProps<TData> {
-    /**
-     * Table instance from useReactTable
-     */
-    table: Table$1<TData>;
-    /**
-     * Whether the table is in a loading state
-     */
-    isLoading?: boolean;
-    /**
-     * Custom empty state message
-     */
-    emptyMessage?: ReactNode;
-    /**
-     * Custom loading message
-     */
-    loadingMessage?: string;
-    /**
-     * Children components
-     */
-    children?: ReactNode;
-    /**
-     * Custom className for the root container
-     */
-    className?: string;
-}
-interface DataTableSearchProps {
-    /**
-     * Placeholder text for the search input
-     */
-    placeholder?: string;
-    /**
-     * Debounce delay in milliseconds
-     */
-    debounceMs?: number;
-    /**
-     * Custom className
-     */
-    className?: string;
-}
-interface DataTablePaginationProps {
-    /**
-     * Show page size selector
-     */
-    showPageSizeSelector?: boolean;
-    /**
-     * Available page sizes
-     */
-    pageSizeOptions?: number[];
-    /**
-     * Custom className
-     */
+declare function PasswordInput({ value, onChange, className, autoComplete, }: {
+    value: string;
+    onChange: (value: string) => void;
     className?: string;
-}
+    autoComplete?: string;
+}): react_jsx_runtime.JSX.Element;
 
-declare function DataTableRoot<TData>({ table, isLoading, emptyMessage, loadingMessage, children, className, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
-declare function DataTableHeader<TData>(): react_jsx_runtime.JSX.Element;
-declare function DataTableBody<TData>(): react_jsx_runtime.JSX.Element;
-declare function DataTablePagination({ showPageSizeSelector, className, }: DataTablePaginationProps): react_jsx_runtime.JSX.Element;
-declare function DataTableFilters({ children, className, }: {
-    children?: React.ReactNode;
+declare const NavigationConfigSchema: z.ZodObject<{
+    style: z.ZodDefault<z.ZodEnum<["custom", "sidebar", "header"]>>;
+    sidebarCollapsed: z.ZodEffects<z.ZodOptional<z.ZodDefault<z.ZodEnum<["false", "true"]>>>, boolean, "true" | "false" | undefined>;
+    sidebarCollapsedStyle: z.ZodDefault<z.ZodEnum<["offcanvas", "icon", "none"]>>;
+    routes: z.ZodArray<z.ZodUnion<[z.ZodObject<{
+        label: z.ZodString;
+        collapsible: z.ZodOptional<z.ZodBoolean>;
+        collapsed: z.ZodOptional<z.ZodBoolean>;
+        children: z.ZodArray<z.ZodObject<{
+            label: z.ZodString;
+            path: z.ZodString;
+            Icon: z.ZodOptional<z.ZodType<React$1.ReactNode, z.ZodTypeDef, React$1.ReactNode>>;
+            end: z.ZodOptional<z.ZodDefault<z.ZodUnion<[z.ZodBoolean, z.ZodFunction<z.ZodTuple<[z.ZodString], z.ZodUnknown>, z.ZodBoolean>]>>>;
+            children: z.ZodOptional<z.ZodDefault<z.ZodArray<z.ZodObject<{
+                label: z.ZodString;
+                path: z.ZodString;
+                Icon: z.ZodOptional<z.ZodType<React$1.ReactNode, z.ZodTypeDef, React$1.ReactNode>>;
+                end: z.ZodOptional<z.ZodDefault<z.ZodUnion<[z.ZodBoolean, z.ZodFunction<z.ZodTuple<[z.ZodString], z.ZodUnknown>, z.ZodBoolean>]>>>;
+                renderAction: z.ZodOptional<z.ZodType<React$1.ReactNode, z.ZodTypeDef, React$1.ReactNode>>;
+            }, "strip", z.ZodTypeAny, {
+                label: string;
+                path: string;
+                end?: boolean | ((args_0: string, ...args_1: unknown[]) => boolean) | undefined;
+                Icon?: React$1.ReactNode;
+                renderAction?: React$1.ReactNode;
+            }, {
+                label: string;
+                path: string;
+                end?: boolean | ((args_0: string, ...args_1: unknown[]) => boolean) | undefined;
+                Icon?: React$1.ReactNode;
+                renderAction?: React$1.ReactNode;
+            }>, "many">>>;
+            collapsible: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
+            collapsed: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
+            renderAction: z.ZodOptional<z.ZodType<React$1.ReactNode, z.ZodTypeDef, React$1.ReactNode>>;
+        }, "strip", z.ZodTypeAny, {
+            label: string;
+            path: string;
+            children?: {
+                label: string;
+                path: string;
+                end?: boolean | ((args_0: string, ...args_1: unknown[]) => boolean) | undefined;
+                Icon?: React$1.ReactNode;
+                renderAction?: React$1.ReactNode;
+            }[] | undefined;
+            collapsible?: boolean | undefined;
+            end?: boolean | ((args_0: string, ...args_1: unknown[]) => boolean) | undefined;
+            Icon?: React$1.ReactNode;
+            renderAction?: React$1.ReactNode;
+            collapsed?: boolean | undefined;
+        }, {
+            label: string;
+            path: string;
+            children?: {
+                label: string;
+                path: string;
+                end?: boolean | ((args_0: string, ...args_1: unknown[]) => boolean) | undefined;
+                Icon?: React$1.ReactNode;
+                renderAction?: React$1.ReactNode;
+            }[] | undefined;
+            collapsible?: boolean | undefined;
+            end?: boolean | ((args_0: string, ...args_1: unknown[]) => boolean) | undefined;
+            Icon?: React$1.ReactNode;
+            renderAction?: React$1.ReactNode;
+            collapsed?: boolean | undefined;
+        }>, "many">;
+        renderAction: z.ZodOptional<z.ZodType<React$1.ReactNode, z.ZodTypeDef, React$1.ReactNode>>;
+    }, "strip", z.ZodTypeAny, {
+        label: string;
+        children: {
+            label: string;
+            path: string;
+            children?: {
+                label: string;
+                path: string;
+                end?: boolean | ((args_0: string, ...args_1: unknown[]) => boolean) | undefined;
+                Icon?: React$1.ReactNode;
+                renderAction?: React$1.ReactNode;
+            }[] | undefined;
+            collapsible?: boolean | undefined;
+            end?: boolean | ((args_0: string, ...args_1: unknown[]) => boolean) | undefined;
+            Icon?: React$1.ReactNode;
+            renderAction?: React$1.ReactNode;
+            collapsed?: boolean | undefined;
+        }[];
+        collapsible?: boolean | undefined;
+        renderAction?: React$1.ReactNode;
+        collapsed?: boolean | undefined;
+    }, {
+        label: string;
+        children: {
+            label: string;
+            path: string;
+            children?: {
+                label: string;
+                path: string;
+                end?: boolean | ((args_0: string, ...args_1: unknown[]) => boolean) | undefined;
+                Icon?: React$1.ReactNode;
+                renderAction?: React$1.ReactNode;
+            }[] | undefined;
+            collapsible?: boolean | undefined;
+            end?: boolean | ((args_0: string, ...args_1: unknown[]) => boolean) | undefined;
+            Icon?: React$1.ReactNode;
+            renderAction?: React$1.ReactNode;
+            collapsed?: boolean | undefined;
+        }[];
+        collapsible?: boolean | undefined;
+        renderAction?: React$1.ReactNode;
+        collapsed?: boolean | undefined;
+    }>, z.ZodObject<{
+        divider: z.ZodLiteral<true>;
+    }, "strip", z.ZodTypeAny, {
+        divider: true;
+    }, {
+        divider: true;
+    }>]>, "many">;
+}, "strip", z.ZodTypeAny, {
+    style: "header" | "custom" | "sidebar";
+    sidebarCollapsed: boolean;
+    sidebarCollapsedStyle: "none" | "icon" | "offcanvas";
+    routes: ({
+        divider: true;
+    } | {
+        label: string;
+        children: {
+            label: string;
+            path: string;
+            children?: {
+                label: string;
+                path: string;
+                end?: boolean | ((args_0: string, ...args_1: unknown[]) => boolean) | undefined;
+                Icon?: React$1.ReactNode;
+                renderAction?: React$1.ReactNode;
+            }[] | undefined;
+            collapsible?: boolean | undefined;
+            end?: boolean | ((args_0: string, ...args_1: unknown[]) => boolean) | undefined;
+            Icon?: React$1.ReactNode;
+            renderAction?: React$1.ReactNode;
+            collapsed?: boolean | undefined;
+        }[];
+        collapsible?: boolean | undefined;
+        renderAction?: React$1.ReactNode;
+        collapsed?: boolean | undefined;
+    })[];
+}, {
+    routes: ({
+        divider: true;
+    } | {
+        label: string;
+        children: {
+            label: string;
+            path: string;
+            children?: {
+                label: string;
+                path: string;
+                end?: boolean | ((args_0: string, ...args_1: unknown[]) => boolean) | undefined;
+                Icon?: React$1.ReactNode;
+                renderAction?: React$1.ReactNode;
+            }[] | undefined;
+            collapsible?: boolean | undefined;
+            end?: boolean | ((args_0: string, ...args_1: unknown[]) => boolean) | undefined;
+            Icon?: React$1.ReactNode;
+            renderAction?: React$1.ReactNode;
+            collapsed?: boolean | undefined;
+        }[];
+        collapsible?: boolean | undefined;
+        renderAction?: React$1.ReactNode;
+        collapsed?: boolean | undefined;
+    })[];
+    style?: "header" | "custom" | "sidebar" | undefined;
+    sidebarCollapsed?: "true" | "false" | undefined;
+    sidebarCollapsedStyle?: "none" | "icon" | "offcanvas" | undefined;
+}>;
+type SidebarConfig = z.infer<typeof NavigationConfigSchema>;
+
+type SidebarContextValue = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare const SidebarContext: React$1.Context<SidebarContextValue | null>;
+declare function useSidebar(): SidebarContextValue;
+declare const SidebarProvider: React$1.FC<React$1.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}>;
+declare const Sidebar: React$1.FC<React$1.ComponentPropsWithRef<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset" | "ghost";
+    collapsible?: "offcanvas" | "icon" | "none";
+}>;
+declare const SidebarTrigger: React$1.FC<React$1.ComponentProps<typeof Button>>;
+declare const SidebarRail: React$1.FC<React$1.ComponentProps<"button">>;
+declare const SidebarInset: React$1.FC<React$1.ComponentProps<"main">>;
+declare const SidebarInput: React$1.FC<React$1.ComponentPropsWithRef<typeof Input>>;
+declare const SidebarHeader: React$1.FC<React$1.ComponentPropsWithRef<"div">>;
+declare const SidebarFooter: React$1.FC<React$1.ComponentProps<"div">>;
+declare const SidebarSeparator: React$1.FC<React$1.ComponentProps<typeof Separator>>;
+declare const SidebarContent: React$1.FC<React$1.ComponentProps<"div">>;
+declare const SidebarGroup: React$1.FC<React$1.ComponentProps<"div">>;
+declare const SidebarGroupLabel: React$1.FC<React$1.ComponentProps<"div"> & {
+    asChild?: boolean;
+}>;
+declare const SidebarGroupAction: React$1.FC<React$1.ComponentProps<"button"> & {
+    asChild?: boolean;
+}>;
+declare const SidebarGroupContent: React$1.FC<React$1.ComponentProps<"div">>;
+declare const SidebarMenu: React$1.FC<React$1.ComponentProps<"ul">>;
+declare const SidebarMenuItem: React$1.FC<React$1.ComponentProps<"li">>;
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const SidebarMenuButton: React$1.FC<React$1.ComponentProps<"button"> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>>;
+declare const SidebarMenuAction: React$1.FC<React$1.ComponentProps<"button"> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}>;
+declare const SidebarMenuBadge: React$1.FC<React$1.ComponentProps<"div">>;
+declare const SidebarMenuSkeleton: React$1.FC<React$1.ComponentProps<"div"> & {
+    showIcon?: boolean;
+}>;
+declare const SidebarMenuSub: React$1.FC<React$1.ComponentProps<"ul">>;
+declare const SidebarMenuSubItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
+declare const SidebarMenuSubButton: React$1.FC<React$1.ComponentProps<"a"> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}>;
+
+declare function Blockquote({ children, className, }: {
+    children: React.ReactNode;
     className?: string;
 }): react_jsx_runtime.JSX.Element;
-declare const DataTable: {
-    Root: typeof DataTableRoot;
-    Header: typeof DataTableHeader;
-    Body: typeof DataTableBody;
-    Pagination: typeof DataTablePagination;
-    Filters: typeof DataTableFilters;
-};
 
 declare function H1({ children, className, }: {
     children: React.ReactNode;
@@ -1105,10 +1074,23 @@ declare function Paragraph({ children, className, }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
-declare function Blockquote({ children, className, }: {
-    children: React.ReactNode;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
+/**
+ * @name isRouteActive
+ * @description A function to check if a route is active. This is used to
+ * @param end
+ * @param path
+ * @param currentPath
+ */
+declare function isRouteActive(path: string, currentPath: string, end?: boolean | ((path: string) => boolean)): boolean;
+/**
+ * @name checkIfRouteIsActive
+ * @description A function to check if a route is active. This is used to
+ * highlight the active link in the navigation.
+ * @param targetLink - The link to check against
+ * @param currentRoute - the current route
+ * @param depth - how far down should segments be matched?
+ */
+declare function checkIfRouteIsActive(targetLink: string, currentRoute: string, depth?: number): boolean;
 
 declare function cn(...inputs: ClassValue[]): string;
 
@@ -1116,4 +1098,4 @@ declare function useIsMobile(): boolean;
 
 declare const useToast: () => typeof toast;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AnimationConfig$1 as AnimationConfig, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Blockquote, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDatePicker, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, ClientMultiSelect, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, type DataTablePaginationProps, type DataTableProps, type DataTableSearchProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, H1, H2, H3, H4, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MultiSelect, type MultiSelectGroup$1 as MultiSelectGroup, type MultiSelectOption$1 as MultiSelectOption, type MultiSelectProps$1 as MultiSelectProps, type MultiSelectRef$1 as MultiSelectRef, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PaginatedMultiSelect, Paragraph, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, cn, navigationMenuTriggerStyle, tabsListVariants, toggleVariants, useComboboxAnchor, useIsMobile, useSidebar, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Blockquote, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDatePicker, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, ClientMultiSelect, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, type DataTablePaginationProps, type DataTableProps, type DataTableSearchProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, H1, H2, H3, H4, HoverCard, HoverCardContent, HoverCardTrigger, If, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationConfigSchema, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PaginatedMultiSelect, Paragraph, PasswordInput, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, type SidebarConfig, SidebarContent, SidebarContext, type SidebarContextValue, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, checkIfRouteIsActive, cn, isRouteActive, navigationMenuTriggerStyle, sidebarMenuButtonVariants, tabsListVariants, toggleVariants, useComboboxAnchor, useIsMobile, useSidebar, useToast };