dawn-ui-react 1.0.0-alpha.2 → 1.0.0-alpha.21

package/dist/components/index.d.ts

@@ -7,11 +7,14 @@ export * from './badge';
 export * from './breadcrumb';
 export * from './button';
 export * from './button-group';
+export * from './chart';
 export * from './checkbox';
 export * from './checkbox-group';
 export * from './collapsible';
+export * from './code-block';
 export * from './combobox';
 export * from './dialog';
+export * from './drawer';
 export * from './field';
 export * from './form';
 export * from './input';

package/dist/components/input/input.d.ts

@@ -1,2 +1,2 @@
 import { InputProps } from './input.types';
-export declare const Input: ({ variant, size, className, ref, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Input: ({ compact, variant, size, className, ref, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/input/input.types.d.ts

@@ -5,4 +5,6 @@ export declare const inputVariants: (props?: ({
     variant?: "primary" | "secondary" | null | undefined;
     size?: "small" | "large" | "medium" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type InputProps = VariantProps<typeof inputVariants> & Omit<ComponentProps<typeof BaseInput>, 'size'>;
+export type InputProps = VariantProps<typeof inputVariants> & Omit<ComponentProps<typeof BaseInput>, 'size'> & {
+    compact?: boolean;
+};

package/dist/components/input-otp/index.d.ts

@@ -1,3 +1,4 @@
 export { InputOTP } from './input-otp';
-export type { InputOTPProps, InputOTPSlotProps } from './input-otp.types';
+export type { InputOTPProps, InputOTPSlotProps, InputOtpSeparatorProps } from './input-otp.types';
 export { InputOTPSlot } from './input-otp-slot';
+export { InputOtpSeparator } from './input-otp-separator';

package/dist/components/input-otp/input-otp-separator.d.ts

@@ -0,0 +1,2 @@
+import { InputOtpSeparatorProps } from './input-otp.types';
+export declare const InputOtpSeparator: ({ className, ref, ...props }: InputOtpSeparatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/input-otp/input-otp-slot.d.ts

@@ -1,2 +1,2 @@
 import { InputOTPSlotProps } from './input-otp.types';
-export declare const InputOTPSlot: ({ isActive, ...props }: InputOTPSlotProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputOTPSlot: ({ className, ...props }: InputOTPSlotProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/input-otp/input-otp.types.d.ts

@@ -1,3 +1,4 @@
-import { OTPInput, SlotProps } from 'input-otp';
-export type InputOTPProps = React.ComponentProps<typeof OTPInput>;
-export type InputOTPSlotProps = SlotProps;
+import { OTPFieldPreview as OTPField } from '@base-ui/react/otp-field';
+export type InputOTPProps = React.ComponentProps<typeof OTPField.Root>;
+export type InputOTPSlotProps = React.ComponentProps<typeof OTPField.Input>;
+export type InputOtpSeparatorProps = React.ComponentProps<typeof OTPField.Separator>;

package/dist/components/layer-tree/index.d.ts

@@ -1,4 +1,6 @@
-export type { LayerTreeProps, LayerTreeBodyProps, LayerTreeExpandAllProps, LayerTreeNodeProps, LayerTreeNodeToggleProps, LayerTreeRowProps, LayerTreeSearchProps, } from './layer-tree.types';
+export type { LayerTreeBodyProps, LayerTreeExpandAllProps, LayerTreeNodeProps, LayerTreeNodeToggleProps, LayerTreeProps, LayerTreeRowProps, LayerTreeSearchProps, LayerTreeNodeActionProps, LayerTreeFooterProps, LayerTreeSortProps, } from './layer-tree.types';
+export type { LayerTreeNodeBase } from './layer-tree-utils';
+export { findLayerTreeNode, insertLayerTreeNode, moveLayerTreeNode, moveLayerTreeNodeToRoot, removeLayerTreeNode, } from './layer-tree-utils';
 export { LayerTree } from './layer-tree';
 export { LayerTreeBody } from './layer-tree-body';
 export { LayerTreeExpandAll } from './layer-tree-expand-all';
@@ -6,3 +8,5 @@ export { LayerTreeNode } from './layer-tree-node';
 export { LayerTreeNodeToggle } from './layer-tree-node-toggle';
 export { LayerTreeRow } from './layer-tree-row';
 export { LayerTreeSearch } from './layer-tree-search';
+export { LayerTreeFooter } from './layer-tree-footer';
+export { LayerTreeSort } from './layer-tree-sort';

package/dist/components/layer-tree/layer-tree-body.d.ts

@@ -1,2 +1,2 @@
 import { LayerTreeBodyProps } from './layer-tree.types';
-export declare const LayerTreeBody: ({ className, children, ref, ...props }: LayerTreeBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeBody: <TData>({ className, children, ...props }: LayerTreeBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/layer-tree/layer-tree-footer.d.ts

@@ -0,0 +1,2 @@
+import { LayerTreeFooterProps } from './layer-tree.types';
+export declare const LayerTreeFooter: ({ className, children, ref, ...props }: LayerTreeFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/layer-tree/layer-tree-node-toggle.d.ts

@@ -1,2 +1,2 @@
 import { LayerTreeNodeToggleProps } from './layer-tree.types';
-export declare const LayerTreeNodeToggle: <TData>({ value, columnId, rows, onToggle, children, className, ref, ...props }: LayerTreeNodeToggleProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeNodeToggle: <TData>({ value, accessorKey, rows, onToggle, children, className, ref, ...props }: LayerTreeNodeToggleProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/layer-tree/layer-tree-node.d.ts

@@ -1,2 +1,2 @@
 import { LayerTreeNodeProps } from './layer-tree.types';
-export declare const LayerTreeNode: <TData>({ className, children, ref, row, icon: Icon, ...props }: LayerTreeNodeProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeNode: <TData>({ className, children, row, icon: Icon, dndDisabled, ...props }: LayerTreeNodeProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/layer-tree/layer-tree-row.d.ts

@@ -1,2 +1,2 @@
 import { LayerTreeRowProps } from './layer-tree.types';
-export declare const LayerTreeRow: ({ row, className, children, ref, ...props }: LayerTreeRowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeRow: <TData>({ row, className, children, ref, ...props }: LayerTreeRowProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/layer-tree/layer-tree-search.d.ts

@@ -1,2 +1,2 @@
 import { LayerTreeSearchProps } from './layer-tree.types';
-export declare const LayerTreeSearch: ({ className, children, ref, ...props }: LayerTreeSearchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeSearch: ({ placeholder, className, children, ref, ...props }: LayerTreeSearchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/layer-tree/layer-tree-sort.d.ts

@@ -0,0 +1,2 @@
+import { LayerTreeSortProps } from './layer-tree.types';
+export declare const LayerTreeSort: <TData>({ className, children, ref, ...props }: LayerTreeSortProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/layer-tree/layer-tree-utils.d.ts

@@ -0,0 +1,83 @@
+/**
+ * Base constraint for tree node data types used by layer tree utilities.
+ */
+export type LayerTreeNodeBase = {
+    id: string;
+    children?: LayerTreeNodeBase[];
+};
+/**
+ * Recursively searches for a node by ID in a nested tree structure.
+ *
+ * @param nodes - The array of nodes to search through
+ * @param nodeId - The ID of the node to find
+ * @returns The matching node or `null` if not found
+ *
+ * @example
+ * ```ts
+ * const node = findLayerTreeNode(layers, 'layer-001')
+ * if (node) console.log(node.name)
+ * ```
+ */
+export declare const findLayerTreeNode: <TData extends LayerTreeNodeBase>(nodes: TData[], nodeId: string) => TData | null;
+/**
+ * Removes a node from a nested tree structure by ID.
+ *
+ * @param nodes - The array of nodes to remove from
+ * @param nodeId - The ID of the node to remove
+ * @returns An object containing the updated tree and the removed node (if found)
+ *
+ * @example
+ * ```ts
+ * const { nextNodes, removedNode } = removeLayerTreeNode(layers, 'layer-001')
+ * if (removedNode) setLayers(nextNodes)
+ * ```
+ */
+export declare const removeLayerTreeNode: <TData extends LayerTreeNodeBase>(nodes: TData[], nodeId: string) => {
+    nextNodes: TData[];
+    removedNode: TData | null;
+};
+/**
+ * Inserts a node as a child of the specified folder node.
+ *
+ * @param nodes - The array of nodes to search through
+ * @param folderId - The ID of the folder to insert into
+ * @param nodeToInsert - The node to insert
+ * @returns A new tree with the node inserted
+ *
+ * @example
+ * ```ts
+ * const newTree = insertLayerTreeNode(layers, 'folder-001', newLayer)
+ * setLayers(newTree)
+ * ```
+ */
+export declare const insertLayerTreeNode: <TData extends LayerTreeNodeBase>(nodes: TData[], folderId: string, nodeToInsert: TData) => TData[];
+/**
+ * Moves a node from its current position into a target folder.
+ * Prevents circular references by checking if target is a descendant of source.
+ *
+ * @param nodes - The array of nodes
+ * @param sourceId - The ID of the node to move
+ * @param targetId - The ID of the folder to move into
+ * @returns A new tree with the node moved, or the original tree if the move is invalid
+ *
+ * @example
+ * ```ts
+ * const newTree = moveLayerTreeNode(layers, 'layer-001', 'folder-002')
+ * setLayers(newTree)
+ * ```
+ */
+export declare const moveLayerTreeNode: <TData extends LayerTreeNodeBase>(nodes: TData[], sourceId: string, targetId: string) => TData[];
+/**
+ * Moves a node to the root level of the tree.
+ *
+ * @param nodes - The array of nodes
+ * @param sourceId - The ID of the node to move
+ * @returns A new tree with the node at root level
+ *
+ * @example
+ * ```ts
+ * const newTree = moveLayerTreeNodeToRoot(layers, 'layer-001')
+ * setLayers(newTree)
+ * ```
+ */
+export declare const moveLayerTreeNodeToRoot: <TData extends LayerTreeNodeBase>(nodes: TData[], sourceId: string) => TData[];

package/dist/components/layer-tree/layer-tree.d.ts

@@ -1,5 +1,7 @@
 import { LayerTreeProps } from './layer-tree.types';
-type LayerTreeContextType = LayerTreeProps;
-export declare const LayerTree: ({ table, className, children, ref, ...props }: LayerTreeProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useLayerTree: () => LayerTreeContextType;
+type LayerTreeContextType<TData> = LayerTreeProps<TData> & {
+    draggingNodeId: string | null;
+};
+export declare const LayerTree: <TData>({ table, onDNDStart: onDragStart, onDNDEnd: onDragEnd, className, children, ref, ...props }: LayerTreeProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const useLayerTree: <TData>() => LayerTreeContextType<TData>;
 export {};

package/dist/components/layer-tree/layer-tree.types.d.ts

@@ -1,24 +1,37 @@
+import { InputGroup } from '../input-group';
 import { Button } from '../button';
-import { Row, Table as TanstackTable } from '@tanstack/react-table';
-export type LayerTreeProps<TData = any> = React.ComponentProps<'div'> & {
+import { DeepKeys, Row, Table as TanstackTable } from '@tanstack/react-table';
+import { default as React } from 'react';
+export type LayerTreeNodeToggleProps<TData> = Omit<React.ComponentProps<typeof Button>, 'value' | 'children'> & {
+    value: boolean;
+    accessorKey: DeepKeys<TData>;
+    rows: Row<TData>[];
+    onToggle?: () => void;
+    children: (value: boolean) => React.ReactNode;
+};
+export type LayerTreeProps<TData> = React.ComponentProps<'div'> & {
     table: TanstackTable<TData>;
+    onDNDStart?: (event: {
+        nodeId: string;
+    }) => void;
+    onDNDEnd?: (event: {
+        sourceNodeId: string;
+        targetNodeId: string | null;
+    }) => void;
 };
 export type LayerTreeBodyProps = React.ComponentProps<'div'>;
-export type LayerTreeRowProps<TData = any> = React.ComponentProps<'div'> & {
+export type LayerTreeRowProps<TData> = React.ComponentProps<'div'> & {
     row: Row<TData>;
 };
-export type LayerTreeNodeToggleProps<TData = any> = Omit<React.ComponentProps<typeof Button>, 'value' | 'children'> & {
-    value: boolean;
-    columnId: {
-        [K in keyof TData]: TData[K] extends boolean ? K : never;
-    }[keyof TData];
-    rows: Row<TData>[];
-    onToggle: () => void;
-    children: (value: boolean) => React.ReactNode;
-};
 export type LayerTreeNodeProps<TData> = React.ComponentProps<'button'> & {
     row: Row<TData>;
     icon?: React.ElementType;
+    dndDisabled?: boolean;
+};
+export type LayerTreeSearchProps = React.ComponentProps<typeof InputGroup> & {
+    placeholder?: string;
 };
-export type LayerTreeSearchProps = React.ComponentProps<'input'>;
 export type LayerTreeExpandAllProps = React.ComponentProps<'button'>;
+export type LayerTreeNodeActionProps = React.ComponentProps<'button'>;
+export type LayerTreeFooterProps = React.ComponentProps<'div'>;
+export type LayerTreeSortProps = React.ComponentProps<'button'>;

package/dist/components/number-field/number-field.d.ts

@@ -1,2 +1,2 @@
 import { NumberFieldTypesProps } from './number-field.types';
-export declare const NumberField: ({ label, size, className, ref, ...props }: NumberFieldTypesProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NumberField: ({ children, label, size, className, ref, ...props }: NumberFieldTypesProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/popover/index.d.ts

@@ -1,9 +1,10 @@
 export { Popover } from './popover';
-export type { PopoverContentProps, PopoverDescriptionProps, PopoverHeaderProps, PopoverPanelProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, } from './popover.types';
+export type { PopoverContentProps, PopoverDescriptionProps, PopoverHeaderProps, PopoverPanelProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, PopoverButtonProps, } from './popover.types';
 export { PopoverDescription } from './popover-description';
 export { PopoverPanel } from './popover-panel';
 export { PopoverTitle } from './popover-title';
 export { PopoverTrigger } from './popover-trigger';
 export { PopoverHeader } from './popover-header';
 export { PopoverContent } from './popover-content';
+export { PopoverButton } from './popover-button';
 export { popoverHandle } from './popover.types';

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

@@ -0,0 +1,2 @@
+import { PopoverButtonProps } from './popover.types';
+export declare const PopoverButton: ({ variant, tone, className, children, ref, ...props }: PopoverButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/popover/popover.types.d.ts

@@ -1,4 +1,5 @@
 import { Popover as BasePopover } from '@base-ui/react/popover';
+import { Button } from '..';
 export type PopoverProps = React.ComponentProps<typeof BasePopover.Root>;
 export type PopoverTriggerProps = React.ComponentProps<typeof BasePopover.Trigger>;
 export type PopoverPanelProps = React.ComponentProps<typeof BasePopover.Positioner>;
@@ -6,4 +7,5 @@ export type PopoverTitleProps = React.ComponentProps<typeof BasePopover.Title>;
 export type PopoverDescriptionProps = React.ComponentProps<typeof BasePopover.Description>;
 export type PopoverHeaderProps = React.ComponentProps<'div'>;
 export type PopoverContentProps = React.ComponentProps<'div'>;
+export type PopoverButtonProps = React.ComponentProps<typeof Button>;
 export declare const popoverHandle: BasePopover.Handle<import('react').ComponentType<{}>>;

package/dist/components/profile/index.d.ts

@@ -1,2 +1,6 @@
 export { Profile } from './profile';
-export type { ProfileProps } from './profile.types';
+export { ProfileName } from './profile-name';
+export { ProfileSubname } from './profile-subname';
+export { ProfileAction } from './profile-action';
+export { ProfileContent } from './profile-content';
+export type { ProfileProps, ProfileNameProps, ProfileSubnameProps, ProfileActionProps, ProfileContentProps, } from './profile.types';

package/dist/components/profile/profile-action.d.ts

@@ -0,0 +1,2 @@
+import { ProfileActionProps } from './profile.types';
+export declare const ProfileAction: ({ className, children, ref, ...props }: ProfileActionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/profile/profile-content.d.ts

@@ -0,0 +1,2 @@
+import { ProfileContentProps } from './profile.types';
+export declare const ProfileContent: ({ compact, className, children, ref, ...props }: ProfileContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/profile/profile-name.d.ts

@@ -0,0 +1,2 @@
+import { ProfileNameProps } from './profile.types';
+export declare const ProfileName: ({ className, children, ref, ...props }: ProfileNameProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/profile/profile-subname.d.ts

@@ -0,0 +1,2 @@
+import { ProfileSubnameProps } from './profile.types';
+export declare const ProfileSubname: ({ className, children, ref, ...props }: ProfileSubnameProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/profile/profile.d.ts

@@ -1,2 +1,2 @@
 import { ProfileProps } from './profile.types';
-export declare const Profile: ({ className, imageUrl, fallbackText, profileName, profileEmail, compact, hideEmail, avatarAlt, avatarSize, showBadge, badgeTone, badgePosition, badgeContent, children, ref, ...props }: ProfileProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Profile: ({ className, children, ref, ...props }: ProfileProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/profile/profile.types.d.ts

@@ -1,16 +1,8 @@
-import { AvatarBadgeProps, AvatarProps } from '../avatar';
-import { ComponentProps, ReactNode } from 'react';
-export type ProfileProps = ComponentProps<'div'> & {
-    imageUrl?: string;
-    fallbackText?: string;
-    profileName: string;
-    profileEmail?: string;
+import { ComponentProps } from 'react';
+export type ProfileProps = ComponentProps<'div'>;
+export type ProfileContentProps = React.ComponentProps<'div'> & {
     compact?: boolean;
-    hideEmail?: boolean;
-    avatarAlt?: string;
-    avatarSize?: AvatarProps['size'];
-    showBadge?: boolean;
-    badgeTone?: AvatarBadgeProps['tone'];
-    badgePosition?: AvatarBadgeProps['position'];
-    badgeContent?: ReactNode;
 };
+export type ProfileActionProps = React.ComponentProps<'div'>;
+export type ProfileNameProps = React.ComponentProps<'span'>;
+export type ProfileSubnameProps = React.ComponentProps<'span'>;

package/dist/components/scroll-area/scroll-area.d.ts

@@ -1,2 +1,2 @@
 import { ScrollAreaProps } from './scroll-area.types';
-export declare const ScrollArea: ({ orientation, defaultHeight, className, children, ref, ...props }: ScrollAreaProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ScrollArea: ({ defaultHeight, orientation, variant, className, children, ref, ...props }: ScrollAreaProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/scroll-area/scroll-area.types.d.ts

@@ -1,6 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
 import { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area';
 import { ComponentProps } from 'react';
-export type ScrollAreaProps = ComponentProps<typeof BaseScrollArea.Root> & {
-    orientation?: 'horizontal' | 'vertical';
+export declare const scrollAreaVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    variant?: "ghost" | "outline" | "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ScrollAreaProps = ComponentProps<typeof BaseScrollArea.Root> & VariantProps<typeof scrollAreaVariants> & {
     defaultHeight?: number;
 };

package/dist/components/select/select.types.d.ts

@@ -13,3 +13,8 @@ export type SelectItemProps = React.ComponentProps<typeof BaseSelect.Item>;
 export type SelectListProps = React.ComponentProps<typeof BaseSelect.List>;
 export type SelectGroupProps = React.ComponentProps<typeof BaseSelect.Group>;
 export type SelectGroupLabelProps = React.ComponentProps<typeof BaseSelect.GroupLabel>;
+export type SelectFilter = {
+    id: number;
+    label: string;
+    value: string;
+};

package/dist/components/separator/separator.d.ts

@@ -1,2 +1,2 @@
 import { SeparatorProps } from './separator.types';
-export declare const Separator: ({ orientation, weight, style, variant, className, ref, ...props }: SeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Separator: ({ orientation, weight, style, variant, children, className, labelClassName, ref, ...props }: SeparatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/separator/separator.types.d.ts

@@ -6,4 +6,6 @@ export declare const separatorVariants: (props?: ({
     variant?: "strong" | "default" | null | undefined;
     weight?: "medium" | "thin" | "thick" | "thinnest" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type SeparatorProps = Omit<React.ComponentProps<typeof BaseSeparator>, 'style'> & VariantProps<typeof separatorVariants>;
+export type SeparatorProps = Omit<React.ComponentProps<typeof BaseSeparator>, 'style'> & VariantProps<typeof separatorVariants> & {
+    labelClassName?: string;
+};

package/dist/components/slider/slider.d.ts

@@ -1,2 +1,2 @@
 import { SliderProps } from './slider.types';
-export declare const Slider: ({ defaultValue, description, label, leadingIcon: LeadingIcon, max, min, showMax, showMin, trailingIcon: TrailingIcon, value, className, ref, ...props }: SliderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Slider: ({ size, tone, defaultValue, description, label, leadingIcon: LeadingIcon, max, min, showMax, showMin, trailingIcon: TrailingIcon, showThumbOnHover, value, className, ref, ...props }: SliderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/slider/slider.types.d.ts

@@ -1,12 +1,18 @@
+import { VariantProps } from 'class-variance-authority';
 import { Slider as BaseSlider } from '@base-ui/react';
 import { Icon } from '@phosphor-icons/react';
 import { ComponentProps } from 'react';
-export type SliderProps = ComponentProps<typeof BaseSlider.Root> & {
+export declare const sliderVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+    tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type SliderProps = ComponentProps<typeof BaseSlider.Root> & VariantProps<typeof sliderVariants> & {
     label?: string;
     description?: string;
     leadingIcon?: Icon;
     trailingIcon?: Icon;
     showMin?: boolean;
     showMax?: boolean;
+    showThumbOnHover?: boolean;
 };
 export type SliderThumbProps = ComponentProps<typeof BaseSlider.Thumb>;

package/dist/components/table/index.d.ts

@@ -1,16 +1,31 @@
 export { Table, useTable } from './table';
-export type { TableBodyProps, TableFilterProps, TableFirstPageProps, TableFooterProps, TableHeaderProps, TableLastPageProps, TableNextPageProps, TablePaginationProps as TableNavProps, TablePreviousPageProps, TableProps, TableRefreshProps, TableResultsProps as TablePaginationProps, TableRowGridProps, TableRowListProps, TableSearchProps, TableSortProps, } from './table.types';
-export { TableBody } from './table-body';
+export type { FilterOperator, FilterType, FilterValue, NumberFilterValue, NumberOperator, SelectFilterValue, SelectOperator, TableBodyGridProps, TableBodyListProps, TableChangeViewProps, TableColumnToggleProps, TableContainerProps, TableContentProps, TableDataSet, TableDataSetSelectProps, TableDataSetTabsProps, TableFilterFormProps, TableFilterProps, TableFiltersProps, TableFirstPageProps, TableFooterProps, TableHeaderProps, TableLastPageProps, TableNavProps, TableNextPageProps, TablePaginationProps, TablePagingProps, TablePreviousPageProps, TableProps, TableRefreshProps, TableResultsProps, TableRowGridProps, TableRowListProps, TableSearchProps, TableSortProps, TableToolbarProps, TableView, TextFilterValue, TextOperator, } from './table.types';
+export { TableBodyList } from './table-body-list';
+export { TableBodyGrid } from './table-body-grid';
+export { TableColumnToggle } from './table-column-toggle';
+export { TableContainer } from './table-container';
+export { TableContent } from './table-content';
+export { TableDataSetSelect } from './table-data-set-select';
+export { TableDataSetTabs } from './table-data-set-tabs';
 export { TableFilter } from './table-filter';
+export { TableFilterForm } from './table-filter-form';
+export { TableFilters } from './table-filters';
 export { TableFirstPage } from './table-first-page';
 export { TableFooter } from './table-footer';
 export { TableHeader } from './table-header';
 export { TableLastPage } from './table-last-page';
+export { TableNav } from './table-nav';
 export { TableNextPage } from './table-next-page';
+export { TablePagination } from './table-pagination';
+export { TablePaging } from './table-paging';
 export { TablePreviousPage } from './table-previous-page';
 export { TableRefresh } from './table-refresh';
-export { TableResults as TablePagination } from './table-results';
+export { TableResults } from './table-results';
 export { TableRowGrid } from './table-row-grid';
 export { TableRowList } from './table-row-list';
 export { TableSearch } from './table-search';
 export { TableSort } from './table-sort';
+export { TableToolbar } from './table-toolbar';
+export { TableChangeView } from './table-change-view';
+export { textFilterFn, selectFilterFn } from './table.utils';
+export { defaultOperatorLabels, filterDefinitions, numberFilterOperators, numberOperatorKeys, selectFilterOperators, selectOperatorKeys, textFilterOperators, textOperatorKeys, } from './table.constants';

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

@@ -0,0 +1,2 @@
+import { TableBodyGridProps } from './table.types';
+export declare const TableBodyGrid: <TData>({ className, children, ref, ...props }: TableBodyGridProps<TData>) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,2 @@
+import { TableBodyListProps } from './table.types';
+export declare const TableBodyList: ({ className, children, ref, ...props }: TableBodyListProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/table/table-change-view.d.ts

@@ -1,4 +1,2 @@
-import { Button } from '../button';
-type TableChangeViewProps = React.ComponentProps<typeof Button>;
+import { TableChangeViewProps } from './table.types';
 export declare const TableChangeView: ({ className, children, ref, ...props }: TableChangeViewProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/table/table-column-toggle.d.ts

@@ -0,0 +1,2 @@
+import { TableColumnToggleProps } from './table.types';
+export declare const TableColumnToggle: ({ className, children, ref, ...props }: TableColumnToggleProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { TableContainerProps } from './table.types';
+export declare const TableContainer: ({ className, children, ref, ...props }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { TableDataSetSelectProps } from './table.types';
+export declare const TableDataSetSelect: ({ className, children, ref, ...props }: TableDataSetSelectProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { TableDataSetTabsProps } from './table.types';
+export declare const TableDataSetTabs: ({ className, children, ref, ...props }: TableDataSetTabsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/table/table-filter-form.d.ts

@@ -0,0 +1,3 @@
+import { filterDefinitions } from './table.constants';
+import { TableFilterFormProps } from './table.types';
+export declare const TableFilterForm: <TData, TValue, TFilterType extends keyof typeof filterDefinitions>({ column, filterType, operatorLabels, clearLabel, submitLabel, renderClearButton, renderSubmitButton, className, children, ref, ...props }: TableFilterFormProps<TData, TValue, TFilterType>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { TableFilterProps } from './table.types';
-export declare const TableFilter: ({ className, children, ref, ...props }: TableFilterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableFilter: ({ operatorLabels, className, children, ref, ...props }: TableFilterProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { TableFiltersProps } from './table.types';
+export declare const TableFilters: ({ operatorLabels, className, children, ref, ...props }: TableFiltersProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { TableHeaderProps } from './table.types';
-export declare const TableHeader: ({ className, children, ref, ...props }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableHeader: ({ className, children, ref, ...props }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,2 +1,2 @@
 import { TablePaginationProps } from './table.types';
-export declare const TablePagination: ({ truncateFrom, truncateTo, className, children, ref, ...props }: TablePaginationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TablePagination: ({ className, children, ref, ...props }: TablePaginationProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { TablePagingProps } from './table.types';
+export declare const TablePaging: ({ min, max, className, children, ref, ...props }: TablePagingProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { TableRowGridProps } from './table.types';
-export declare const TableRowGrid: ({ row, className, children, ref, ...props }: TableRowGridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableRowGrid: <TData>({ row, className, children, ref, ...props }: TableRowGridProps<TData>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { TableRowListProps } from './table.types';
-export declare const TableRowList: ({ row, className, children, ref, ...props }: TableRowListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableRowList: <TData>({ row, className, children, ref, ...props }: TableRowListProps<TData>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { TableSortProps } from './table.types';
-export declare const TableSort: ({ className, children, ref, ...props }: TableSortProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableSort: ({ className, children, ref, ascendingLabel, descendingLabel, ...props }: TableSortProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { TableToolbarProps } from './table.types';
+export declare const TableToolbar: ({ className, children, ref, ...props }: TableToolbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/table/table.constants.d.ts

@@ -0,0 +1,64 @@
+import { z } from 'zod';
+import { FilterOperator, NumberOperator, SelectOperator, TextOperator } from './table.types';
+export declare const textFilterOperators: Record<TextOperator, {
+    fn: (rowValue: string, filterValue: string) => boolean;
+}>;
+export declare const selectFilterOperators: Record<SelectOperator, {
+    fn: (rowValue: string, filterValue: string | string[]) => boolean;
+}>;
+export declare const numberFilterOperators: Record<NumberOperator, {
+    fn: (rowValue: number, filterValue: number | [number, number]) => boolean;
+}>;
+export declare const textOperatorKeys: [TextOperator, ...TextOperator[]];
+export declare const selectOperatorKeys: [SelectOperator, ...SelectOperator[]];
+export declare const numberOperatorKeys: [NumberOperator, ...NumberOperator[]];
+export declare const filterDefinitions: {
+    text: {
+        operators: [TextOperator, ...TextOperator[]];
+        schema: z.ZodObject<{
+            filterOperator: z.ZodEnum<{
+                endsWith: "endsWith";
+                startsWith: "startsWith";
+                equals: "equals";
+                notEquals: "notEquals";
+                contains: "contains";
+                notContains: "notContains";
+            }>;
+            filterValue: z.ZodString;
+        }, z.core.$strip>;
+        defaultOperator: "contains";
+        defaultValue: string;
+    };
+    select: {
+        operators: [SelectOperator, ...SelectOperator[]];
+        schema: z.ZodObject<{
+            filterOperator: z.ZodEnum<{
+                equals: "equals";
+                notEquals: "notEquals";
+                anyOf: "anyOf";
+                noneOf: "noneOf";
+            }>;
+            filterValue: z.ZodUnion<readonly [z.ZodString, z.ZodArray<z.ZodString>]>;
+        }, z.core.$strip>;
+        defaultOperator: "equals";
+        defaultValue: string;
+    };
+    number: {
+        operators: [NumberOperator, ...NumberOperator[]];
+        schema: z.ZodObject<{
+            filterOperator: z.ZodEnum<{
+                equals: "equals";
+                notEquals: "notEquals";
+                greaterThan: "greaterThan";
+                greaterThanOrEqual: "greaterThanOrEqual";
+                lessThan: "lessThan";
+                lessThanOrEqual: "lessThanOrEqual";
+                between: "between";
+            }>;
+            filterValue: z.ZodUnion<readonly [z.ZodNumber, z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>]>;
+        }, z.core.$strip>;
+        defaultOperator: "equals";
+        defaultValue: number;
+    };
+};
+export declare const defaultOperatorLabels: Record<FilterOperator, string>;