@goplusvn/core 0.1.0

package/dist/ui/crud.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/ui/crud.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/ui/crud.js

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=crud.js.map
+//# sourceMappingURL=crud.js.map

package/dist/ui/crud.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"crud.js"}

package/dist/ui/crud.mjs

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=crud.mjs.map
+//# sourceMappingURL=crud.mjs.map

package/dist/ui/crud.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"crud.mjs"}

package/dist/ui/data-display.d.mts

@@ -0,0 +1,596 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Column, Table, ColumnDef } from '@tanstack/react-table';
+export { ColumnDef, Row } from '@tanstack/react-table';
+import React__default, { ComponentProps, MouseEvent, ReactNode, ComponentType, JSX, SVGProps } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { VariantProps } from 'class-variance-authority';
+import { LucideIcon } from 'lucide-react';
+import * as RechartsPrimitive from 'recharts';
+import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+import { B as Button } from '../button-1dWvP9Ib.mjs';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { UniqueIdentifier } from '@dnd-kit/core';
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { BundledLanguage } from 'shiki/bundle/web';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+export { T as Table, a as TableBody, b as TableCaption, c as TableCell, d as TableFooter, e as TableHead, f as TableHeader, g as TableRow, h as Tabs, i as TabsContent, j as TabsList, k as TabsTrigger } from '../tabs-C6FfBwPY.mjs';
+import { DynamicIconNameType } from '../types/index.mjs';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+export { D as DataTableFullSkeleton, a as DataTableSkeleton, b as DataTableSkeletonProps } from '../data-table-skeleton-12NA8Mjx.mjs';
+import '@radix-ui/react-tabs';
+import 'zod';
+
+interface DataTableColumnHeaderProps<TData, TValue> extends ComponentProps<"div"> {
+    column: Column<TData, TValue>;
+    title: string;
+    className?: string;
+}
+declare function DataTableColumnHeader<TData, TValue>({ column, title, className, }: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+
+interface FormattedNumberInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "type"> {
+    value?: number | null;
+    onValueChange?: (value: number | null) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    placeholder?: string;
+    suffix?: string;
+    allowNegative?: boolean;
+    locale?: string;
+    className?: string;
+}
+declare const FormattedNumberInput: React__default.FC<FormattedNumberInputProps>;
+
+interface DataTablePaginationProps<TData> {
+    table: Table<TData>;
+    totalItems?: number;
+    currentPage?: number;
+    pageSize?: number;
+}
+declare function DataTablePagination<TData>({ table, totalItems, currentPage, pageSize, }: DataTablePaginationProps<TData>): react_jsx_runtime.JSX.Element;
+
+interface DataTableViewOptionsProps<TData> {
+    table: Table<TData>;
+}
+declare function DataTableViewOptions<TData>({ table, }: DataTableViewOptionsProps<TData>): react_jsx_runtime.JSX.Element;
+
+declare function Avatar({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function AvatarImage({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
+declare function AvatarFallback({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
+declare const avatarStackVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AvatarStackProps extends ComponentProps<"div">, VariantProps<typeof avatarStackVariants> {
+    avatars: {
+        src?: string;
+        alt: string;
+        href?: string;
+    }[];
+    avatarClassName?: string;
+    limit?: number;
+    onMoreButtonClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+declare function AvatarStack({ avatars, limit, size, onMoreButtonClick, className, avatarClassName, ...props }: AvatarStackProps): react_jsx_runtime.JSX.Element;
+
+interface KpiCardProps {
+    title: string;
+    value: number | string;
+    icon: LucideIcon;
+    color?: string;
+    percentageChange?: number;
+    note?: string;
+}
+declare function KpiCard({ title, value, icon: Icon, color, percentageChange, note, }: KpiCardProps): react_jsx_runtime.JSX.Element;
+
+type StatColorTheme = "dark" | "green" | "blue" | "purple" | "orange" | "emerald" | "rose" | "primary" | "destructive" | "muted";
+interface CompactStatItem {
+    id: string;
+    label: string;
+    value: string | number;
+    icon: React__default.ElementType;
+    colorTheme?: StatColorTheme;
+    isHighlighted?: boolean;
+}
+interface CompactStatBarProps {
+    items: CompactStatItem[];
+    className?: string;
+}
+declare const CompactStatBar: React__default.NamedExoticComponent<CompactStatBarProps>;
+
+type ShowMoreTextProps = ComponentProps<"p"> & {
+    text: string;
+    maxLength?: number;
+    asChild?: boolean;
+};
+declare function ShowMoreText({ className, text, maxLength, asChild, ...props }: ShowMoreTextProps): react_jsx_runtime.JSX.Element;
+
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+type ChartConfig = {
+    [k in string]: {
+        label?: ReactNode;
+        icon?: ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+type ChartContainerProps = ComponentProps<"div"> & {
+    config: ChartConfig;
+    children: ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+};
+declare function ChartContainer({ id, className, children, config, ...props }: ChartContainerProps): react_jsx_runtime.JSX.Element;
+declare function ChartStyle({ id, config, }: {
+    id: string;
+    config: ChartConfig;
+}): react_jsx_runtime.JSX.Element | null;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+type ChartTooltipContentProps = ComponentProps<typeof RechartsPrimitive.Tooltip> & ComponentProps<"div"> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+};
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: ChartTooltipContentProps): react_jsx_runtime.JSX.Element | null;
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
+type ChartLegendContentProps = ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+};
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: ChartLegendContentProps): react_jsx_runtime.JSX.Element | null;
+
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: ComponentProps<"div"> & CarouselProps): react_jsx_runtime.JSX.Element;
+declare function CarouselContent({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CarouselItem({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CarouselPrevious({ className, variant, size, ...props }: ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+declare function CarouselNext({ className, variant, size, ...props }: ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+
+declare function Accordion({ ...props }: ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function AccordionItem({ className, ...props }: ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+type KanbanItemId = UniqueIdentifier;
+type KanbanColumnId = UniqueIdentifier;
+interface KanbanItemData {
+    id: KanbanItemId;
+    columnId: KanbanColumnId;
+    content: React.ReactNode;
+    [key: string]: any;
+}
+interface KanbanColumnData {
+    id: KanbanColumnId;
+    title: string;
+}
+type KanbanData = {
+    columns: KanbanColumnData[];
+    items: KanbanItemData[];
+};
+
+interface KanbanBoardProps {
+    initialData: KanbanData;
+    onDragEnd?: (data: KanbanData) => void;
+    className?: string;
+}
+declare function KanbanBoard({ initialData, onDragEnd, className, }: KanbanBoardProps): react_jsx_runtime.JSX.Element;
+
+interface KanbanColumnProps {
+    column: KanbanColumnData;
+    items: KanbanItemData[];
+    isOverlay?: boolean;
+}
+declare function KanbanColumn({ column, items, isOverlay }: KanbanColumnProps): react_jsx_runtime.JSX.Element;
+
+interface KanbanItemProps {
+    item: KanbanItemData;
+    isOverlay?: boolean;
+}
+declare function KanbanItem({ item, isOverlay }: KanbanItemProps): react_jsx_runtime.JSX.Element;
+
+declare function AspectRatio({ ...props }: ComponentProps<typeof AspectRatioPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare function BentoGrid({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function BentoItem({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function BentoHeader({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function BentoContent({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+interface BentoTitleProps extends ComponentProps<"div"> {
+    asChild?: boolean;
+}
+declare function BentoTitle({ className, asChild, ...props }: BentoTitleProps): react_jsx_runtime.JSX.Element;
+declare function BentoDescription({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+declare function CodeBlock({ children, lang, }: {
+    children: string;
+    lang: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Collapsible({ ...props }: ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function CollapsibleTrigger({ className, ...props }: ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
+declare function CollapsibleContent({ className, ...props }: ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime.JSX.Element;
+
+declare function highlight(code: string, lang: BundledLanguage): Promise<JSX.Element>;
+
+declare function HoverCard({ ...props }: ComponentProps<typeof HoverCardPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function HoverCardTrigger({ className, ...props }: ComponentProps<typeof HoverCardPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function HoverCardContent({ className, align, sideOffset, ...props }: ComponentProps<typeof HoverCardPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+interface Iphone15ProProps extends SVGProps<SVGSVGElement> {
+    width?: number;
+    height?: number;
+    imageSrc?: string;
+    videoSrc?: string;
+    id?: string;
+}
+declare function Iphone15Pro({ width, height, imageSrc, videoSrc, id, ...props }: Iphone15ProProps): react_jsx_runtime.JSX.Element;
+
+interface MediaType {
+    src: string;
+    alt: string;
+    type?: "IMAGE" | "VIDEO";
+}
+interface MediaGridProps extends ComponentProps<"ul"> {
+    data: Array<MediaType>;
+    limit?: number;
+    onMoreButtonClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    onMediaClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+declare function MediaGrid({ data, limit, onMoreButtonClick, onMediaClick, className, ...props }: MediaGridProps): react_jsx_runtime.JSX.Element | null;
+
+type SafariMode = "default" | "simple";
+interface SafariProps extends SVGProps<SVGSVGElement> {
+    url?: string;
+    imageSrc?: string;
+    videoSrc?: string;
+    width?: number;
+    height?: number;
+    mode?: SafariMode;
+    id?: string;
+}
+declare function Safari({ imageSrc, videoSrc, url, width, height, mode, id, ...props }: SafariProps): react_jsx_runtime.JSX.Element;
+
+declare const timelineVariants: (props?: ({
+    align?: "right" | "left" | "center" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TimelineProps = ComponentProps<"ul"> & VariantProps<typeof timelineVariants>;
+declare function Timeline({ children, className, align, ...props }: TimelineProps): react_jsx_runtime.JSX.Element;
+declare const timelineItemVariants: (props?: ({
+    status?: "default" | "done" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TimelineItemProps = ComponentProps<"li"> & VariantProps<typeof timelineItemVariants>;
+declare function TimelineItem({ className, status, ...props }: TimelineItemProps): react_jsx_runtime.JSX.Element;
+type TimelineDotStatus = "current" | "done" | "error";
+interface TimelineDotPropsBase extends ComponentProps<"div"> {
+    iconClassName?: string;
+}
+interface TimelineDotPropsWithStatus extends TimelineDotPropsBase {
+    status?: TimelineDotStatus;
+    customIconName?: never;
+    customStatusName?: never;
+}
+interface TimelineDotPropsWithCustom extends TimelineDotPropsBase {
+    status?: never;
+    customIconName: DynamicIconNameType;
+    customStatusName: string;
+}
+type TimelineDotProps = TimelineDotPropsWithStatus | TimelineDotPropsWithCustom;
+declare function TimelineDot({ className, iconClassName, status, customIconName, customStatusName, ...props }: TimelineDotProps): react_jsx_runtime.JSX.Element;
+declare const timelineContentVariants: (props?: ({
+    side?: "end" | "start" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TimelineContentProps = ComponentProps<"div"> & VariantProps<typeof timelineContentVariants>;
+declare function TimelineContent({ className, side, ...props }: TimelineContentProps): react_jsx_runtime.JSX.Element;
+declare const timelineHeadingVariants: (props?: ({
+    side?: "end" | "start" | null | undefined;
+    variant?: "secondary" | "primary" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TimelineHeadingProps = ComponentProps<"h3"> & VariantProps<typeof timelineHeadingVariants> & {
+    asChild?: boolean;
+};
+declare function TimelineHeading({ className, side, variant, asChild, ...props }: TimelineHeadingProps): react_jsx_runtime.JSX.Element;
+type TimelineLineProps = ComponentProps<typeof SeparatorPrimitive.Root> & {
+    done?: boolean;
+};
+declare function TimelineLine({ className, done, ...props }: TimelineLineProps): react_jsx_runtime.JSX.Element;
+
+interface SortingState {
+    field: string;
+    direction: "asc" | "desc";
+}
+interface ActiveFilter$1 {
+    name: string;
+    value: unknown;
+    operator: string;
+}
+interface PaginationState {
+    page: number;
+    pageSize: number;
+}
+interface DataTableContextValue {
+    pagination: PaginationState;
+    setPagination: (pagination: PaginationState) => void;
+    setPage: (page: number) => void;
+    setPageSize: (pageSize: number) => void;
+    sorting: SortingState | null;
+    setSorting: (sorting: SortingState | null) => void;
+    search: string;
+    setSearch: (search: string) => void;
+    filters: ActiveFilter$1[];
+    setFilters: (filters: ActiveFilter$1[]) => void;
+    addFilter: (filter: ActiveFilter$1) => void;
+    removeFilter: (filterName: string) => void;
+    updateFilter: (filterName: string, value: unknown) => void;
+    clearFilters: () => void;
+    selectedRows: Set<string>;
+    setSelectedRows: (rows: Set<string>) => void;
+    toggleRowSelection: (rowId: string) => void;
+    selectAllRows: (rowIds: string[]) => void;
+    clearSelection: () => void;
+    isAllSelected: boolean;
+    isPartiallySelected: boolean;
+}
+interface DataTableProviderProps {
+    children: ReactNode;
+    defaultPagination?: PaginationState;
+    defaultSorting?: SortingState | null;
+    defaultSearch?: string;
+    defaultFilters?: ActiveFilter$1[];
+}
+declare function DataTableProvider({ children, defaultPagination, defaultSorting, defaultSearch, defaultFilters, }: DataTableProviderProps): react_jsx_runtime.JSX.Element;
+declare function useDataTable(): DataTableContextValue;
+/**
+ * Optional hook that returns undefined if not in provider
+ * Useful for components that can work both with and without context
+ */
+declare function useDataTableOptional(): DataTableContextValue | undefined;
+
+interface DataTablePaginationConfig {
+    page: number;
+    pageSize: number;
+    total: number;
+}
+interface DataTableProps<TData> {
+    /**
+     * Data to display in the table
+     */
+    data: TData[];
+    /**
+     * Column definitions for the table
+     */
+    columns: ColumnDef<TData>[];
+    /**
+     * Pagination configuration (controlled)
+     */
+    pagination?: DataTablePaginationConfig;
+    /**
+     * Callback when pagination changes
+     */
+    onPaginationChange?: (pagination: PaginationState) => void;
+    /**
+     * Current sorting state (controlled)
+     */
+    sorting?: SortingState | null;
+    /**
+     * Callback when sorting changes
+     */
+    onSortingChange?: (sorting: SortingState | null) => void;
+    /**
+     * Enable row selection with checkboxes
+     * @default false
+     */
+    enableRowSelection?: boolean;
+    /**
+     * Currently selected row IDs
+     */
+    selectedRows?: Set<string>;
+    /**
+     * Callback when selection changes
+     */
+    onSelectionChange?: (selectedRows: Set<string>) => void;
+    /**
+     * Function to get unique ID from row data
+     * @default (row) => row.id
+     */
+    getRowId?: (row: TData) => string;
+    /**
+     * Show row numbers (STT column)
+     * @default false
+     */
+    enableRowNumber?: boolean;
+    /**
+     * Whether data is loading
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Custom empty state component
+     */
+    emptyState?: ReactNode;
+    /**
+     * Empty state configuration
+     */
+    emptyStateConfig?: {
+        hasSearch?: boolean;
+        hasFilters?: boolean;
+        onClearSearch?: () => void;
+        onClearFilters?: () => void;
+        onCreate?: () => void;
+        createLabel?: string;
+    };
+    /**
+     * Callback when table instance is ready
+     */
+    onTableReady?: (table: Table<TData>) => void;
+    /**
+     * Custom row click handler
+     */
+    onRowClick?: (row: TData) => void;
+    /**
+     * Custom class name for the table container
+     */
+    className?: string;
+    /**
+     * Height configuration
+     * @default "auto"
+     */
+    height?: "auto" | "full" | string;
+}
+declare function DataTable<TData extends Record<string, unknown>>({ data, columns: userColumns, pagination, onPaginationChange, sorting, onSortingChange, enableRowSelection, selectedRows, onSelectionChange, getRowId, enableRowNumber, loading, emptyState, emptyStateConfig, onTableReady, onRowClick, className, height, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
+
+interface DataTableEmptyStateProps {
+    /**
+     * Icon to display
+     */
+    icon?: ReactNode;
+    /**
+     * Title text
+     */
+    title?: string;
+    /**
+     * Description text
+     */
+    description?: string;
+    /**
+     * Whether search is active
+     */
+    hasSearch?: boolean;
+    /**
+     * Whether filters are active
+     */
+    hasFilters?: boolean;
+    /**
+     * Clear search callback
+     */
+    onClearSearch?: () => void;
+    /**
+     * Clear filters callback
+     */
+    onClearFilters?: () => void;
+    /**
+     * Primary action button
+     */
+    primaryAction?: {
+        label: string;
+        onClick: () => void;
+        icon?: ReactNode;
+    };
+    /**
+     * Custom content to render
+     */
+    children?: ReactNode;
+}
+/**
+ * Empty state component for DataTable
+ * Shows different content based on whether search/filters are active
+ */
+declare function DataTableEmptyState({ icon, title, description, hasSearch, hasFilters, onClearSearch, onClearFilters, primaryAction, children, }: DataTableEmptyStateProps): react_jsx_runtime.JSX.Element;
+
+interface ActiveFilter {
+    name: string;
+    value: unknown;
+    operator: string;
+}
+interface FilterConfig {
+    name: string;
+    label: string;
+    type: "text" | "select" | "checkbox" | "radio" | "datetime" | "custom";
+    field: string;
+    options?: Array<{
+        label: string;
+        value: string | number | boolean;
+    }>;
+    renderFilter?: (props: {
+        value: unknown;
+        onChange: (value: unknown) => void;
+    }) => ReactNode;
+}
+interface DataTableToolbarProps<TData> {
+    /**
+     * Table instance for column visibility options
+     */
+    table?: Table<TData>;
+    /**
+     * Enable search input
+     * @default true
+     */
+    searchEnabled?: boolean;
+    /**
+     * Current search value
+     */
+    searchValue?: string;
+    /**
+     * Search change callback
+     */
+    onSearchChange?: (value: string) => void;
+    /**
+     * Search placeholder text
+     * @default "Search..."
+     */
+    searchPlaceholder?: string;
+    /**
+     * Filter configurations
+     */
+    filters?: FilterConfig[];
+    /**
+     * Active filters
+     */
+    activeFilters?: ActiveFilter[];
+    /**
+     * Filter change callback
+     */
+    onFiltersChange?: (filters: ActiveFilter[]) => void;
+    /**
+     * Current view mode
+     */
+    viewMode?: "table" | "card";
+    /**
+     * View mode change callback
+     */
+    onViewModeChange?: (mode: "table" | "card") => void;
+    /**
+     * Custom content for left side (before search)
+     */
+    leftSlot?: ReactNode;
+    /**
+     * Custom content for right side (after view options)
+     */
+    rightSlot?: ReactNode;
+    /**
+     * Custom filter builder component
+     */
+    filterBuilder?: ReactNode;
+    /**
+     * Enable column visibility toggle
+     * @default true
+     */
+    enableColumnToggle?: boolean;
+    /**
+     * Enable view mode toggle (table/card)
+     * @default false
+     */
+    enableViewModeToggle?: boolean;
+    /**
+     * Reset all callback
+     */
+    onReset?: () => void;
+}
+declare function DataTableToolbar<TData>({ table, searchEnabled, searchValue, onSearchChange, searchPlaceholder, filters, activeFilters, onFiltersChange, viewMode, onViewModeChange, leftSlot, rightSlot, filterBuilder, enableColumnToggle, enableViewModeToggle, onReset, }: DataTableToolbarProps<TData>): react_jsx_runtime.JSX.Element;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActiveFilter$1 as ActiveFilter, AspectRatio, Avatar, AvatarFallback, AvatarImage, AvatarStack, BentoContent, BentoDescription, BentoGrid, BentoHeader, BentoItem, BentoTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, CompactStatBar, type CompactStatBarProps, type CompactStatItem, DataTable, DataTableColumnHeader, type DataTableContextValue, DataTableEmptyState, type DataTableEmptyStateProps, DataTablePagination, type DataTablePaginationConfig, type DataTableProps, DataTableProvider, type DataTableProviderProps, DataTableToolbar, type DataTableToolbarProps, DataTableViewOptions, type FilterConfig, FormattedNumberInput, type FormattedNumberInputProps, HoverCard, HoverCardContent, HoverCardTrigger, Iphone15Pro, type Iphone15ProProps, KanbanBoard, KanbanColumn, type KanbanColumnData, type KanbanColumnId, type KanbanData, KanbanItem, type KanbanItemData, type KanbanItemId, KpiCard, type KpiCardProps, MediaGrid, type MediaGridProps, type MediaType, type PaginationState, Safari, type SafariProps, ShowMoreText, type SortingState, type StatColorTheme, Timeline, TimelineContent, TimelineDot, TimelineHeading, TimelineItem, TimelineLine, avatarStackVariants, highlight, timelineContentVariants, timelineHeadingVariants, timelineItemVariants, timelineVariants, useDataTable, useDataTableOptional };