@epilot/volt-ui-experimental-griffel 0.2.0 → 0.2.3

package/dist/components/button-group/button-group.d.ts

@@ -1,30 +0,0 @@
-import * as React from "react";
-import { type SeparatorProps } from "../separator/separator";
-/**
- * ButtonGroup — compound component family for grouping buttons, text, and separators.
- *
- * One `makeVoltStyles` call for the whole family, one slot per sub-component (following `card.tsx`).
- *
- * No Base UI primitive is needed: v1 only used Radix `Slot` for `asChild` on `ButtonGroupText`,
- * which CONVENTIONS rule 6 drops.
- *
- * `ButtonGroup` handles both `horizontal` and `vertical` orientations, removing adjoining border
- * radius and borders on adjacent children. Sibling focus-visible elements are elevated (`z-index: 10`)
- * and made relative so focus rings are never obscured by subsequent siblings.
- *
- * Nested button groups gain a gap via a `:has()` selector keyed on `SLOT_ATTR` (never on `data-slot`,
- * per CONVENTIONS rule 4).
- *
- * `ButtonGroupText` provides a matching text container (`gray-a4`, subtle border, `shadow-xs`).
- *
- * `ButtonGroupSeparator` composes `Separator` with transparent background and stretch alignment.
- */
-export type ButtonGroupOrientation = "horizontal" | "vertical";
-export type ButtonGroupProps = React.ComponentProps<"div"> & {
-    orientation?: ButtonGroupOrientation;
-};
-export declare const ButtonGroup: React.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type ButtonGroupTextProps = React.ComponentProps<"div">;
-export declare const ButtonGroupText: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type ButtonGroupSeparatorProps = SeparatorProps;
-export declare const ButtonGroupSeparator: React.ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/callout/callout.d.ts

@@ -1,23 +0,0 @@
-import * as React from "react";
-export type CalloutVariant = "info" | "gray" | "success" | "warning" | "destructive";
-export type CalloutProps = React.ComponentProps<"div"> & {
-    variant?: CalloutVariant;
-    hideIcon?: boolean;
-    customIcon?: React.ReactNode;
-    /** Shows a top-right close button that dismisses the callout. */
-    dismissible?: boolean;
-    /** Called when the close button is clicked, after the callout hides itself. */
-    onDismiss?: () => void;
-};
-export declare const Callout: React.ForwardRefExoticComponent<Omit<CalloutProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type CalloutTitleProps = React.ComponentProps<"div">;
-export declare const CalloutTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type CalloutDescriptionProps = React.ComponentProps<"div">;
-export declare const CalloutDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type CalloutActionProps = React.ComponentProps<"div"> & {
-    align?: "start" | "end";
-};
-export declare const CalloutAction: React.ForwardRefExoticComponent<Omit<CalloutActionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type CalloutIconProps = React.ComponentProps<"svg"> & {
-    customIcon?: React.ReactNode;
-};

package/dist/components/card/card.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-export type CardProps = React.ComponentProps<"div">;
-export declare const Card: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const CardHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const CardTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const CardDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const CardAction: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const CardContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const CardFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/checkbox/checkbox.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-export type CheckboxProps = React.ComponentProps<typeof CheckboxPrimitive.Root>;
-export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/collapsible-sidebar/collapsible-sidebar.d.ts

@@ -1,33 +0,0 @@
-import * as React from "react";
-export interface CollapsibleSidebarContextValue {
-    collapsed: boolean;
-    onCollapsedChange: (collapsed: boolean) => void;
-    width: number | string;
-    collapsedWidth: number | string;
-    isHovered: boolean;
-    expandOnHover: boolean;
-    skipTransition: boolean;
-}
-export declare function useCollapsibleSidebar(): CollapsibleSidebarContextValue;
-export type CollapsibleSidebarProps = React.ComponentProps<"div"> & {
-    collapsed?: boolean;
-    defaultCollapsed?: boolean;
-    onCollapsedChange?: (collapsed: boolean) => void;
-    width?: number | string;
-    collapsedWidth?: number | string;
-    expandOnHover?: boolean;
-    hoverDelay?: number;
-};
-export declare const CollapsibleSidebar: React.ForwardRefExoticComponent<Omit<CollapsibleSidebarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type CollapsibleSidebarContentProps = React.ComponentProps<"aside"> & {
-    floatingClassName?: string;
-};
-export declare const CollapsibleSidebarContent: React.ForwardRefExoticComponent<Omit<CollapsibleSidebarContentProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export type CollapsibleSidebarCondensedProps = React.ComponentProps<"div">;
-export declare const CollapsibleSidebarCondensed: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type CollapsibleSidebarToggleProps = Omit<React.ComponentProps<"button">, "onClick" | "children"> & {
-    children?: React.ReactNode | ((props: {
-        collapsed: boolean;
-    }) => React.ReactNode);
-};
-export declare const CollapsibleSidebarToggle: React.ForwardRefExoticComponent<Omit<CollapsibleSidebarToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/command/command.d.ts

@@ -1,85 +0,0 @@
-import * as React from "react";
-import { Command as CommandPrimitive } from "cmdk";
-import { Dialog } from "../dialog/dialog";
-export type CommandProps = React.ComponentProps<typeof CommandPrimitive> & {
-    "data-slot"?: string;
-};
-export declare const Command: React.ForwardRefExoticComponent<Omit<CommandProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type CommandDialogProps = Omit<React.ComponentProps<typeof Dialog>, "children"> & {
-    children?: React.ReactNode;
-    title?: string;
-    description?: string;
-    className?: string;
-    showCloseButton?: boolean;
-};
-export declare const CommandDialog: React.ForwardRefExoticComponent<Omit<CommandDialogProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export type CommandInputProps = React.ComponentProps<typeof CommandPrimitive.Input> & {
-    wrapperClassName?: string;
-};
-export declare const CommandInput: React.ForwardRefExoticComponent<Omit<CommandInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export type CommandListProps = React.ComponentProps<typeof CommandPrimitive.List>;
-export declare const CommandList: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    label?: string;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type CommandEmptyProps = React.ComponentProps<typeof CommandPrimitive.Empty>;
-export declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type CommandGroupProps = React.ComponentProps<typeof CommandPrimitive.Group>;
-export declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
-    heading?: React.ReactNode;
-    value?: string;
-    forceMount?: boolean;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type CommandSeparatorProps = React.ComponentProps<typeof CommandPrimitive.Separator>;
-export declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    alwaysRender?: boolean;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type CommandItemProps = React.ComponentProps<typeof CommandPrimitive.Item>;
-export declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
-    disabled?: boolean;
-    onSelect?: (value: string) => void;
-    value?: string;
-    keywords?: string[];
-    forceMount?: boolean;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type CommandShortcutProps = React.ComponentProps<"span">;
-export declare const CommandShortcut: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export type CommandLoadingProps = React.ComponentProps<typeof CommandPrimitive.Loading>;
-export declare const CommandLoading: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    progress?: number;
-    label?: string;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Command as CommandRoot };

package/dist/components/data-table/data-table-body.d.ts

@@ -1,21 +0,0 @@
-import * as React from "react";
-import type { ReactNode } from "react";
-export type DataTableBodyProps = {
-    /** Additional class name */
-    className?: string;
-    /** Custom empty state content */
-    emptyState?: ReactNode;
-    /** Loading state content (shown when isLoading is true) */
-    loadingState?: ReactNode;
-    /** Whether the table is in loading state */
-    isLoading?: boolean;
-    /** Error state content (shown when isError is true) */
-    errorState?: ReactNode;
-    /** Whether the table is in error state */
-    isError?: boolean;
-};
-/**
- * Renders the table body with rows.
- * Must be used within a DataTable component.
- */
-export declare const DataTableBody: React.ForwardRefExoticComponent<DataTableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;

package/dist/components/data-table/data-table-column-header.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import type { Column } from "@tanstack/react-table";
-export type DataTableColumnHeaderProps<TData = unknown, TValue = unknown> = {
-    /** The column instance from Tanstack Table */
-    column: Column<TData, TValue>;
-    /** The header title to display */
-    title: string;
-    /** Additional class name */
-    className?: string;
-};
-export declare const DataTableColumnHeader: <TData = unknown, TValue = unknown>(props: DataTableColumnHeaderProps<TData, TValue> & {
-    ref?: React.Ref<HTMLSpanElement>;
-}) => React.ReactElement | null;

package/dist/components/data-table/data-table-column-visibility.d.ts

@@ -1,21 +0,0 @@
-import * as React from "react";
-import type { ComponentProps, ReactNode } from "react";
-import { DropdownMenu } from "../dropdown-menu/dropdown-menu";
-export type DataTableColumnVisibilityProps = {
-    /** Custom icon for the default trigger button. Falls back to settings gear icon. */
-    icon?: ReactNode;
-    /** Custom trigger element. Defaults to a settings icon button. */
-    trigger?: ReactNode;
-    /** Label shown at top of dropdown and as screen reader text for default trigger. Required for i18n. */
-    label: string;
-    /** Additional class name for the dropdown content */
-    contentClassName?: string;
-    /** Alignment of dropdown relative to trigger. Default: "end" */
-    align?: "start" | "center" | "end";
-} & Omit<ComponentProps<typeof DropdownMenu>, "children">;
-/**
- * A dropdown menu for toggling column visibility in DataTable.
- * Shows checkboxes for each column that can be hidden.
- * Place in DataTableToolbar for consistent layout.
- */
-export declare const DataTableColumnVisibility: React.ForwardRefExoticComponent<Omit<DataTableColumnVisibilityProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/components/data-table/data-table-content.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import type { ReactNode } from "react";
-export type DataTableContentProps = {
-    /** Children to render inside the table (DataTableHeader, DataTableBody) */
-    children?: ReactNode;
-    /** Additional class name */
-    className?: string;
-};
-/**
- * Container component for DataTable that handles the table structure.
- * If no children are provided, renders DataTableHeader and DataTableBody by default.
- */
-export declare const DataTableContent: React.ForwardRefExoticComponent<DataTableContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/data-table/data-table-context.d.ts

@@ -1,66 +0,0 @@
-import type { MouseEvent } from "react";
-import type { Table as TanstackTable, PaginationState, Row } from "@tanstack/react-table";
-/**
- * @no-host-element Constant configuration value.
- */
-export declare const DEFAULT_ROW_HEIGHT = 48;
-/**
- * @no-host-element Constant configuration value.
- */
-export declare const DEFAULT_OVERSCAN = 10;
-/**
- * @no-host-element Constant configuration value.
- */
-export declare const DEFAULT_CONTAINER_HEIGHT = 600;
-/** Controls how cell content handles overflow */
-export type DataTableCellOverflow = "grow" | "wrap" | "truncate";
-export type DataTablePaginationConfig = {
-    /** Controlled page index (0-indexed) */
-    pageIndex?: number;
-    /** Page size (items per page). Default: 10 */
-    pageSize?: number;
-    /** Available page size options. Default: [10, 25, 50, 100] */
-    pageSizeOptions?: number[];
-    /** Total items count for server-side pagination */
-    totalItems?: number;
-    /** Total page count for server-side pagination (optional if totalItems provided) */
-    pageCount?: number;
-    /** Callback for pagination state changes */
-    onPaginationChange?: (state: PaginationState) => void;
-};
-export type DataTableContextValue<TData> = {
-    table: TanstackTable<TData>;
-    pagination?: DataTablePaginationConfig;
-    /** Handler called when a row is clicked. Enables clickable row mode. */
-    onRowClick?: (row: Row<TData>, event: MouseEvent<HTMLTableRowElement>) => void;
-    /** Custom hover class for clickable rows. Default: 'hover:bg-accent-a3' */
-    clickableRowClassName?: string;
-    /** Custom class for selected rows. Default: 'data-[state=selected]:bg-accent-a3' */
-    selectedRowClassName?: string;
-    /** Controls how cell content handles overflow. 'grow' expands cells (default), 'wrap' wraps text, 'truncate' shows ellipsis. */
-    cellOverflow?: DataTableCellOverflow;
-    /** Whether column resizing is disabled (enabled by default) */
-    disableColumnResizing?: boolean;
-    /** Show bottom border on header row. Default: true */
-    showHeaderBorder?: boolean;
-    /** Show bottom borders on data rows. Default: true */
-    showRowBorders?: boolean;
-    /** Ensure columns have minimum width to fit header content (prevents hover clipping on sortable headers) */
-    fitHeaderWidth?: boolean;
-};
-export type DataTableContentContextValue = {
-    /** Sync column widths to visual values before resize starts (prevents snap/jump) */
-    syncColumnWidthsBeforeResize: () => void;
-    /** Width of the spacer column to fill remaining container space (0 if columns fill or exceed container) */
-    spacerWidth: number;
-} | null;
-/**
- * Context for accessing table instance in compound components
- * @no-host-element Context object, renders no DOM element.
- */
-export declare const DataTableContext: import("react").Context<DataTableContextValue<any> | null>;
-/**
- * Context for content-level functions (sync widths before resize)
- * @no-host-element Context object, renders no DOM element.
- */
-export declare const DataTableContentContext: import("react").Context<DataTableContentContextValue>;

package/dist/components/data-table/data-table-error.d.ts

@@ -1,21 +0,0 @@
-import * as React from "react";
-import type { ReactNode } from "react";
-export type DataTableErrorProps = {
-    /** Error title text */
-    title?: string;
-    /** Error description/message */
-    description?: ReactNode;
-    /** Retry button text */
-    retryLabel?: string;
-    /** Callback when retry is clicked */
-    onRetry?: () => void;
-    /** Additional class name */
-    className?: string;
-    /** Custom error content (overrides default error display) */
-    children?: ReactNode;
-};
-/**
- * Error state display for DataTable.
- * Shows an error icon, message, and optional retry button.
- */
-export declare const DataTableError: React.ForwardRefExoticComponent<DataTableErrorProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/data-table/data-table-header.d.ts

@@ -1,14 +0,0 @@
-import * as React from "react";
-export type DataTableHeaderProps = {
-    /** Additional class name */
-    className?: string;
-    /** Whether to make header sticky */
-    sticky?: boolean;
-    /** Background color for sticky header. Default: tokens.gray2 */
-    stickyBackground?: string;
-};
-/**
- * Renders the table header with column headers.
- * Must be used within a DataTable component.
- */
-export declare const DataTableHeader: React.ForwardRefExoticComponent<DataTableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;

package/dist/components/data-table/data-table-loading.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import type { ReactNode } from "react";
-export type DataTableLoadingProps = {
-    /** Additional class name */
-    className?: string;
-    /** Custom loading content (overrides default spinner) */
-    children?: ReactNode;
-};
-/**
- * Loading state display for DataTable.
- * Renders a centered spinner by default, or custom content when children are provided.
- */
-export declare const DataTableLoading: React.ForwardRefExoticComponent<DataTableLoadingProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/data-table/data-table-pagination.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-import { type TablePaginationLabels } from "../table/table-pagination";
-export type DataTablePaginationProps = {
-    /** Available page size options */
-    pageSizeOptions?: number[];
-    /** Number of sibling pages to show on each side of current page */
-    siblingCount?: number;
-    /** Labels for i18n. See TablePaginationLabels for available options. */
-    labels?: TablePaginationLabels;
-    /** Additional class name */
-    className?: string;
-};
-/**
- * Pagination component that integrates with DataTable's Tanstack Table instance.
- * Must be used within a DataTable component.
- */
-export declare const DataTablePagination: React.ForwardRefExoticComponent<DataTablePaginationProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/data-table/data-table-pinning-utils.d.ts

@@ -1,17 +0,0 @@
-import type { Column, Table } from "@tanstack/react-table";
-export type PinningPosition = "left" | "right" | false;
-/**
- * Calculate the sticky offset for a pinned column based on the widths
- * of columns pinned before it.
- */
-export declare function getPinnedColumnOffset<TData>(column: Column<TData, unknown>, table: Table<TData>): number;
-/**
- * Check if this column is the last pinned column on the left side.
- * Used for applying shadow separator on the right edge.
- */
-export declare function isLastLeftPinnedColumn<TData>(column: Column<TData, unknown>, table: Table<TData>): boolean;
-/**
- * Check if this column is the first pinned column on the right side.
- * Used for applying shadow separator on the left edge.
- */
-export declare function isFirstRightPinnedColumn<TData>(column: Column<TData, unknown>, table: Table<TData>): boolean;

package/dist/components/data-table/data-table-row.d.ts

@@ -1,14 +0,0 @@
-import * as React from "react";
-import type { CSSProperties } from "react";
-import type { Row } from "@tanstack/react-table";
-export type DataTableRowProps<TData> = {
-    /** The row instance from TanStack Table */
-    row: Row<TData>;
-    /** Optional style (used for virtualized row heights) */
-    style?: CSSProperties;
-    /** Additional class name */
-    className?: string;
-};
-export declare const DataTableRow: <TData>(props: DataTableRowProps<TData> & {
-    ref?: React.Ref<HTMLTableRowElement>;
-}) => React.ReactElement | null;

package/dist/components/data-table/data-table-toolbar.d.ts

@@ -1,7 +0,0 @@
-import * as React from "react";
-export type DataTableToolbarProps = React.ComponentProps<"div">;
-/**
- * A toolbar wrapper for DataTable that contains filters, search, and actions.
- * Place above the table for consistent layout.
- */
-export declare const DataTableToolbar: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/data-table/data-table.d.ts

@@ -1,92 +0,0 @@
-import * as React from "react";
-import type { ReactNode, MouseEvent } from "react";
-import { type SortingState, type RowSelectionState, type ColumnFiltersState, type VisibilityState, type ColumnDef, type Row, type ColumnSizingState, type ColumnPinningState } from "@tanstack/react-table";
-import { type TableDensity } from "../table/table";
-import { type DataTablePaginationConfig, type DataTableCellOverflow } from "./data-table-context";
-export type DataTableProps<TData> = {
-    /** Column definitions */
-    columns: ColumnDef<TData, unknown>[];
-    /** Data array */
-    data: TData[];
-    /** Children rendered inside the context (DataTableContent, DataTablePagination, etc.) */
-    children?: ReactNode;
-    /** Unique key accessor for each row */
-    getRowId?: (row: TData) => string;
-    /** Enable row selection with checkboxes */
-    enableRowSelection?: boolean | ((row: Row<TData>) => boolean);
-    /** Enable column sorting */
-    enableSorting?: boolean;
-    /** Skip client-side sorting (for server-side sorting). When true, sorting state is tracked but rows are not sorted client-side. */
-    manualSorting?: boolean;
-    /** Enable column filtering */
-    enableFiltering?: boolean;
-    /** Skip client-side filtering (for server-side filtering). When true, filter state is tracked but rows are not filtered client-side. */
-    manualFiltering?: boolean;
-    /** Enable global search/filter */
-    enableGlobalFilter?: boolean;
-    /** Pagination configuration */
-    pagination?: DataTablePaginationConfig;
-    /** Controlled sorting state */
-    sorting?: SortingState;
-    /** Callback when sorting changes */
-    onSortingChange?: (sorting: SortingState) => void;
-    /** Default sorting state */
-    defaultSorting?: SortingState;
-    /** Controlled row selection state */
-    rowSelection?: RowSelectionState;
-    /** Callback when row selection changes */
-    onRowSelectionChange?: (selection: RowSelectionState) => void;
-    /** Default row selection state */
-    defaultRowSelection?: RowSelectionState;
-    /** Controlled column filters state */
-    columnFilters?: ColumnFiltersState;
-    /** Callback when column filters change */
-    onColumnFiltersChange?: (filters: ColumnFiltersState) => void;
-    /** Controlled column visibility state */
-    columnVisibility?: VisibilityState;
-    /** Callback when column visibility changes */
-    onColumnVisibilityChange?: (visibility: VisibilityState) => void;
-    /** Controlled global filter value */
-    globalFilter?: string;
-    /** Callback when global filter changes */
-    onGlobalFilterChange?: (value: string) => void;
-    /** Handler called when a row is clicked. Enables clickable row mode. */
-    onRowClick?: (row: Row<TData>, event: MouseEvent<HTMLTableRowElement>) => void;
-    /** Custom hover class for clickable rows. Default: 'hover:bg-accent-a3' */
-    clickableRowClassName?: string;
-    /** Custom class for selected rows. Default: 'data-[state=selected]:bg-accent-a3' */
-    selectedRowClassName?: string;
-    /** Controls how cell content handles overflow. 'grow' expands cells (default), 'wrap' wraps text, 'truncate' shows ellipsis. Can be overridden per-column via column meta. */
-    cellOverflow?: DataTableCellOverflow;
-    /** Disable column width resizing (enabled by default) */
-    disableColumnResizing?: boolean;
-    /** Resize mode: 'onChange' updates during drag, 'onEnd' updates when drag finishes. Default: 'onChange' */
-    columnResizeMode?: "onChange" | "onEnd";
-    /** Controlled column sizing state */
-    columnSizing?: ColumnSizingState;
-    /** Callback when column sizing changes */
-    onColumnSizingChange?: (sizing: ColumnSizingState) => void;
-    /** Default column sizing for uncontrolled mode */
-    defaultColumnSizing?: ColumnSizingState;
-    /** Controlled column pinning state */
-    columnPinning?: ColumnPinningState;
-    /** Callback when column pinning changes */
-    onColumnPinningChange?: (pinning: ColumnPinningState) => void;
-    /** Default column pinning for uncontrolled mode */
-    defaultColumnPinning?: ColumnPinningState;
-    /** Auto-pin selection column to left when rows are selected. Default: false */
-    autoPinSelection?: boolean;
-    /** Show bottom border on header row. Default: true */
-    showHeaderBorder?: boolean;
-    /** Show bottom borders on data rows. Default: true */
-    showRowBorders?: boolean;
-    /** Ensure columns have minimum width to fit header content (prevents hover clipping on sortable headers). Default: false */
-    fitHeaderWidth?: boolean;
-    /** Cell density: compact, normal, or comfortable. Default: normal */
-    density?: TableDensity;
-    /** Additional class name */
-    className?: string;
-};
-export declare const DataTable: <TData>(props: DataTableProps<TData> & {
-    ref?: React.Ref<HTMLDivElement>;
-}) => React.ReactElement | null;

package/dist/components/data-table/get-selected-row-data.d.ts

@@ -1,18 +0,0 @@
-import type { RowSelectionState } from "@tanstack/react-table";
-/**
- * Extracts selected row data from a row selection state.
- *
- * @param rowSelection - The selection state from DataTable (controlled via rowSelection prop)
- * @param data - Your data array
- * @param getRowId - Optional ID accessor function (defaults to `row.id`)
- * @returns Array of selected data items
- *
- * @example
- * ```tsx
- * const selectedData = useMemo(
- *   () => getSelectedRowData(rowSelection, data),
- *   [rowSelection, data]
- * )
- * ```
- */
-export declare function getSelectedRowData<TData>(rowSelection: RowSelectionState, data: TData[], getRowId?: (row: TData) => string): TData[];

package/dist/components/data-table/hooks/index.d.ts

@@ -1,2 +0,0 @@
-export { useDataTable } from "./use-data-table";
-export { useDataTableContent } from "./use-data-table-content";

package/dist/components/data-table/hooks/use-data-table-content.d.ts

@@ -1 +0,0 @@
-export declare function useDataTableContent(): import("../data-table-context").DataTableContentContextValue;

package/dist/components/data-table/hooks/use-data-table.d.ts

@@ -1,2 +0,0 @@
-import { type DataTableContextValue } from "../data-table-context";
-export declare function useDataTable<TData>(): DataTableContextValue<TData>;

package/dist/components/date-range-picker/date-range-picker-utils.d.ts

@@ -1,2 +0,0 @@
-export { formatDateTimeDisplay, parseDateTimeInput, isDateInRange, normalizeRange, } from "../date-time-picker/date-time-picker-utils";
-export type { DateTimePickerLocale, DateRange, } from "../date-time-picker/date-time-picker-utils";

package/dist/components/date-range-picker/date-range-picker.d.ts

@@ -1,34 +0,0 @@
-import * as React from "react";
-import { RangeCalendar } from "./range-calendar";
-import type { RangeCalendarProps } from "./range-calendar";
-import type { DateRange, DateTimePickerLocale } from "./date-range-picker-utils";
-export type DateRangePreset = {
-    label: string;
-    getValue: () => DateRange;
-};
-export type DateRangePickerProps = {
-    value: DateRange;
-    onChange: (range: DateRange) => void;
-    onBlur?: () => void;
-    disabled?: boolean;
-    disablePast?: boolean;
-    label?: string;
-    error?: string;
-    startPlaceholder?: string;
-    endPlaceholder?: string;
-    format?: string;
-    locale?: DateTimePickerLocale;
-    className?: string;
-    keyboardIcon?: React.ReactNode;
-    inputAriaLabel?: string;
-    openPickerAriaLabel?: string;
-    previousMonthLabel?: string;
-    nextMonthLabel?: string;
-    testId?: string;
-    currentTimeInTimezone?: Date;
-    showWeekNumbers?: boolean;
-    presets?: DateRangePreset[];
-};
-export declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>>;
-export { RangeCalendar };
-export type { RangeCalendarProps, DateRange, DateTimePickerLocale };

package/dist/components/date-range-picker/range-calendar.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-import type { DateRange, DateTimePickerLocale } from "./date-range-picker-utils";
-export type RangeCalendarProps = {
-    value: DateRange;
-    onChange: (range: DateRange) => void;
-    onRangeComplete?: (range: DateRange) => void;
-    disablePast?: boolean;
-    locale?: DateTimePickerLocale;
-    previousMonthLabel?: string;
-    nextMonthLabel?: string;
-    currentTimeInTimezone?: Date;
-    showWeekNumbers?: boolean;
-    className?: string;
-};
-export declare const RangeCalendar: React.ForwardRefExoticComponent<RangeCalendarProps & React.RefAttributes<HTMLDivElement>>;