@siyahi/ui 0.1.9-next.32 → 0.1.9-next.34

package/dist/components/registry/niko-table/core/data-table-root.d.ts

@@ -1,16 +1,17 @@
 import { DataTableFeatures } from "../lib/data-table-features.js";
 import { DataTableColumns, GlobalFilter } from "../types/index.js";
+import { Optional } from "../../../../lib/optional.js";
 import React from "react";
 import { ColumnFiltersState, ColumnOrderState, ColumnVisibilityState, ExpandedState, GroupingState, PaginationState, ReactTable, RowData, RowSelectionState, SortingState, TableOptions, Updater } from "@tanstack/react-table";
 //#region src/components/registry/niko-table/core/data-table-root.d.ts
 export interface DataTableConfig {
-  enablePagination?: boolean;
-  enableFilters?: boolean;
-  enableSorting?: boolean;
-  enableRowSelection?: boolean;
-  enableMultiSort?: boolean;
-  enableGrouping?: boolean;
-  enableExpanding?: boolean;
+  enablePagination?: boolean | undefined;
+  enableFilters?: boolean | undefined;
+  enableSorting?: boolean | undefined;
+  enableRowSelection?: boolean | undefined;
+  enableMultiSort?: boolean | undefined;
+  enableGrouping?: boolean | undefined;
+  enableExpanding?: boolean | undefined;
   /**
    * Enable drag-to-resize column widths (opt-in; off by default so existing
    * tables are unaffected). When on, columns render at `column.getSize()` and a
@@ -18,41 +19,41 @@ export interface DataTableConfig {
    * `<DataTableColumnResize />` inside the root to enable via feature detection.
    * Double-click a grip to autosize; columns opt out with `enableResizing: false`.
    */
-  enableColumnResizing?: boolean;
+  enableColumnResizing?: boolean | undefined;
   /**
    * When grouping is active, how grouped columns are placed in the column flow.
    * TanStack default: `'reorder'` (move grouped columns to the start).
    * `'remove'` hides them; `false` leaves them in place.
    */
-  groupedColumnMode?: false | "reorder" | "remove";
-  manualSorting?: boolean;
-  manualPagination?: boolean;
-  manualFiltering?: boolean;
-  pageCount?: number;
-  initialPageSize?: number;
-  initialPageIndex?: number;
-  autoResetPageIndex?: boolean;
-  autoResetExpanded?: boolean;
+  groupedColumnMode?: false | "reorder" | "remove" | undefined;
+  manualSorting?: boolean | undefined;
+  manualPagination?: boolean | undefined;
+  manualFiltering?: boolean | undefined;
+  pageCount?: number | undefined;
+  initialPageSize?: number | undefined;
+  initialPageIndex?: number | undefined;
+  autoResetPageIndex?: boolean | undefined;
+  autoResetExpanded?: boolean | undefined;
 }
-interface TableRootProps<TData extends RowData> extends Omit<Partial<TableOptions<DataTableFeatures, TData>>, "columns" | "data" | "getRowId" | "key"> {
-  table?: ReactTable<DataTableFeatures, TData>;
-  columns?: DataTableColumns<TData>;
-  data?: TData[];
+interface TableRootProps<TData extends RowData> extends Omit<Optional<TableOptions<DataTableFeatures, TData>>, "columns" | "data" | "getRowId" | "key"> {
+  table?: ReactTable<DataTableFeatures, TData> | undefined;
+  columns?: DataTableColumns<TData> | undefined;
+  data?: TData[] | undefined;
   children: React.ReactNode;
-  className?: string;
-  config?: DataTableConfig;
-  getRowId?: (originalRow: TData, index: number) => string;
-  isLoading?: boolean;
-  onGlobalFilterChange?: (value: GlobalFilter) => void;
-  onPaginationChange?: (updater: Updater<PaginationState>) => void;
-  onSortingChange?: (updater: Updater<SortingState>) => void;
-  onColumnVisibilityChange?: (updater: Updater<ColumnVisibilityState>) => void;
-  onColumnFiltersChange?: (updater: Updater<ColumnFiltersState>) => void;
-  onRowSelectionChange?: (updater: Updater<RowSelectionState>) => void;
-  onExpandedChange?: (updater: Updater<ExpandedState>) => void;
-  onGroupingChange?: (updater: Updater<GroupingState>) => void;
-  onColumnOrderChange?: (updater: Updater<ColumnOrderState>) => void;
-  onRowSelection?: (selectedRows: TData[]) => void;
+  className?: string | undefined;
+  config?: DataTableConfig | undefined;
+  getRowId?: ((originalRow: TData, index: number) => string) | undefined;
+  isLoading?: boolean | undefined;
+  onGlobalFilterChange?: ((value: GlobalFilter) => void) | undefined;
+  onPaginationChange?: ((updater: Updater<PaginationState>) => void) | undefined;
+  onSortingChange?: ((updater: Updater<SortingState>) => void) | undefined;
+  onColumnVisibilityChange?: ((updater: Updater<ColumnVisibilityState>) => void) | undefined;
+  onColumnFiltersChange?: ((updater: Updater<ColumnFiltersState>) => void) | undefined;
+  onRowSelectionChange?: ((updater: Updater<RowSelectionState>) => void) | undefined;
+  onExpandedChange?: ((updater: Updater<ExpandedState>) => void) | undefined;
+  onGroupingChange?: ((updater: Updater<GroupingState>) => void) | undefined;
+  onColumnOrderChange?: ((updater: Updater<ColumnOrderState>) => void) | undefined;
+  onRowSelection?: ((selectedRows: TData[]) => void) | undefined;
 }
 export declare function DataTableRoot<TData extends RowData>({ table: externalTable, columns, data, children, className, isLoading, ...rest }: TableRootProps<TData>): React.JSX.Element;
 export declare namespace DataTableRoot {

package/dist/components/registry/niko-table/core/data-table-structure.d.ts

@@ -3,21 +3,21 @@ import React from "react";
 import { RowData } from "@tanstack/react-table";
 //#region src/components/registry/niko-table/core/data-table-structure.d.ts
 export interface DataTableHeaderProps {
-  className?: string;
+  className?: string | undefined;
   /**
    * Makes the header sticky at the top when scrolling.
    * @default true
    */
-  sticky?: boolean;
+  sticky?: boolean | undefined;
 }
 export declare const DataTableHeader: React.MemoExoticComponent<({ className, sticky }: DataTableHeaderProps) => React.JSX.Element | null>;
 export interface DataTableBodyProps<TData extends RowData> {
   children?: React.ReactNode;
-  className?: string;
-  onScroll?: (event: ScrollEvent) => void;
-  onScrolledTop?: () => void;
-  onScrolledBottom?: () => void;
-  scrollThreshold?: number;
+  className?: string | undefined;
+  onScroll?: ((event: ScrollEvent) => void) | undefined;
+  onScrolledTop?: (() => void) | undefined;
+  onScrolledBottom?: (() => void) | undefined;
+  scrollThreshold?: number | undefined;
   /**
    * Click is dispatched per-row from each cell's onClick. The event's
    * `currentTarget` is the `<td>` cell — typed as `HTMLElement` to
@@ -25,12 +25,12 @@ export interface DataTableBodyProps<TData extends RowData> {
    * `<tbody>`). Consumers needing the row element can
    * `event.target.closest("tr[data-row-id]")`.
    */
-  onRowClick?: (row: TData, event: React.MouseEvent<HTMLElement>) => void;
+  onRowClick?: ((row: TData, event: React.MouseEvent<HTMLElement>) => void) | undefined;
   /**
    * Return a per-row memo invalidation key. When this key changes for a
    * specific row, only that row re-renders.
    */
-  getRowMemoKey?: (row: TData) => string;
+  getRowMemoKey?: ((row: TData) => string) | undefined;
   /**
    * Attach a native right-click context menu to each row. Return the menu
    * items (`ContextMenuItem`, `ContextMenuSeparator`, `ContextMenuSub`, …)
@@ -39,14 +39,14 @@ export interface DataTableBodyProps<TData extends RowData> {
    *
    * Wrap the callback in `useCallback` so memoized rows don't re-render.
    */
-  renderRowContextMenu?: (row: TData) => React.ReactNode;
+  renderRowContextMenu?: ((row: TData) => React.ReactNode) | undefined;
   /**
    * Mark the row that needs a look, such as a holding in deep loss: return
    * `"negative"` or `"warning"` and the row takes a faint wash of that
    * colour, as a `TableRow` with `data-tone` does; `undefined` leaves it
    * plain. The page decides, never the sign. Mark one or two rows.
    */
-  getRowTone?: (row: TData) => "negative" | "warning" | undefined;
+  getRowTone?: ((row: TData) => "negative" | "warning" | undefined) | undefined;
 }
 export declare function DataTableBody<TData extends RowData>({ children, className, onScroll, onScrolledTop, onScrolledBottom, scrollThreshold, onRowClick, getRowMemoKey, renderRowContextMenu, getRowTone }: DataTableBodyProps<TData>): React.JSX.Element;
 export declare namespace DataTableBody {
@@ -54,8 +54,8 @@ export declare namespace DataTableBody {
 }
 export interface DataTableEmptyBodyProps {
   children?: React.ReactNode;
-  colSpan?: number;
-  className?: string;
+  colSpan?: number | undefined;
+  className?: string | undefined;
 }
 /**
  * Empty state component for data tables.
@@ -86,16 +86,16 @@ export declare namespace DataTableEmptyBody {
 }
 export interface DataTableSkeletonProps {
   children?: React.ReactNode;
-  colSpan?: number;
+  colSpan?: number | undefined;
   /**
    * Number of skeleton rows to display.
    * @default 5
    * @recommendation Set this to match your page size for better UX (e.g., if page size is 10, set rows={10})
    */
-  rows?: number;
-  className?: string;
-  cellClassName?: string;
-  skeletonClassName?: string;
+  rows?: number | undefined;
+  className?: string | undefined;
+  cellClassName?: string | undefined;
+  skeletonClassName?: string | undefined;
 }
 export declare function DataTableSkeleton({ children, colSpan, rows, className, cellClassName, skeletonClassName }: DataTableSkeletonProps): React.JSX.Element | null;
 export declare namespace DataTableSkeleton {
@@ -103,8 +103,8 @@ export declare namespace DataTableSkeleton {
 }
 export interface DataTableLoadingProps {
   children?: React.ReactNode;
-  colSpan?: number;
-  className?: string;
+  colSpan?: number | undefined;
+  className?: string | undefined;
 }
 export declare function DataTableLoading({ children, colSpan, className }: DataTableLoadingProps): React.JSX.Element | null;
 export declare namespace DataTableLoading {
@@ -123,8 +123,8 @@ export interface DataTableLoadingMoreProps {
    * customize the label per-table (e.g. "Loading more venues…").
    */
   children?: React.ReactNode;
-  colSpan?: number;
-  className?: string;
+  colSpan?: number | undefined;
+  className?: string | undefined;
 }
 /**
  * Composable "loading more" row for infinite-scroll tables. Renders

package/dist/components/registry/niko-table/core/data-table-structure.js

@@ -19,6 +19,10 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
 import { flexRender } from "@tanstack/react-table";
 //#region src/components/registry/niko-table/core/data-table-structure.tsx
+const ARIA_SORT = {
+	asc: "ascending",
+	desc: "descending"
+};
 const DataTableHeader = React.memo(function DataTableHeader({ className, sticky = true }) {
 	const { table, headerMinWidths, setColumnResizePreview, isCompact } = useDataTable();
 	const resizing = table?.options.enableColumnResizing ?? false;
@@ -39,8 +43,10 @@ const DataTableHeader = React.memo(function DataTableHeader({ className, sticky
 				}),
 				...getCommonPinningStyles(header.column, true, !isCompact)
 			};
+			const sorted = !header.isPlaceholder && header.column.getSortIndex() === 0 && header.column.getIsSorted();
 			return /* @__PURE__ */ jsxs(TableHead, {
 				"data-col-id": header.column.id,
+				"aria-sort": sorted ? ARIA_SORT[sorted] : void 0,
 				"data-numeric": header.column.columnDef.meta?.variant === "number" || void 0,
 				style: headerStyle,
 				className: cn(!isCompact && header.column.getIsPinned() && "bg-background", resizing && "relative overflow-hidden"),

package/dist/components/registry/niko-table/core/data-table.d.ts

@@ -8,20 +8,20 @@ export interface DataTableContainerProps extends React.AriaAttributes {
    * and applied as inline styles to ensure scroll event callbacks work reliably.
    * For other height utilities, use the height/maxHeight props directly.
    */
-  className?: string;
+  className?: string | undefined;
   /**
    * Sets the height of the table container.
    * When provided, enables vertical scrolling and allows DataTableBody/DataTableVirtualizedBody
    * to use onScroll, onScrolledTop, and onScrolledBottom callbacks.
    * Takes precedence over height utilities in className.
    */
-  height?: number | string;
+  height?: number | string | undefined;
   /**
    * Sets the maximum height of the table container.
    * Defaults to the height value if not specified.
    * Takes precedence over max-height utilities in className.
    */
-  maxHeight?: number | string;
+  maxHeight?: number | string | undefined;
 }
 export declare function DataTable({ children, className, height, maxHeight, "aria-label": label, "aria-labelledby": labelledBy }: DataTableContainerProps): React.JSX.Element;
 export declare namespace DataTable {

package/dist/components/registry/niko-table/core/data-table.js

@@ -117,7 +117,7 @@ function DataTable({ children, className, height, maxHeight, "aria-label": label
 		"aria-label": labelledBy ? void 0 : label,
 		"aria-labelledby": labelledBy,
 		tabIndex: 0,
-		className: cn("relative isolate w-full overflow-auto rounded-lg border", "[&::-webkit-scrollbar]:h-2.5 [&::-webkit-scrollbar]:w-2.5", "[&::-webkit-scrollbar-track]:bg-transparent", "[&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-border/40", "hover:[&::-webkit-scrollbar-thumb]:bg-border", "[&::-webkit-scrollbar-thumb:hover]:bg-border/80!", "scrollbar-thin scrollbar-thumb-border/40 scrollbar-track-transparent", "hover:scrollbar-thumb-border", parsed.safeClassName),
+		className: cn("relative isolate w-full overflow-auto rounded-lg border", "[&::-webkit-scrollbar]:h-2.5 [&::-webkit-scrollbar]:w-2.5", "[&::-webkit-scrollbar-track]:bg-transparent", "[&::-webkit-scrollbar-thumb]:bg-border/40", "hover:[&::-webkit-scrollbar-thumb]:bg-border", "[&::-webkit-scrollbar-thumb:hover]:bg-border/80!", "scrollbar-thin scrollbar-thumb-border/40 scrollbar-track-transparent", "hover:scrollbar-thumb-border", parsed.safeClassName),
 		style: {
 			height: finalHeight,
 			maxHeight: finalMaxHeight

package/dist/components/registry/niko-table/filters/table-column-actions.d.ts

@@ -2,25 +2,25 @@ import React from "react";
 //#region src/components/registry/niko-table/filters/table-column-actions.d.ts
 export interface TableColumnActionsProps {
   children: React.ReactNode;
-  className?: string;
+  className?: string | undefined;
   /**
    * Optional label shown at the top of the dropdown.
    * @default "Column Actions"
    */
-  label?: string;
+  label?: string | undefined;
   /**
    * Whether to show a visual indicator when actions are active.
    */
-  isActive?: boolean;
+  isActive?: boolean | undefined;
   /**
    * Custom trigger element. If not provided, uses a MoreVertical icon button.
    */
-  trigger?: React.ReactElement;
+  trigger?: React.ReactElement | undefined;
   /**
    * Alignment of the dropdown content.
    * @default "end"
    */
-  align?: "start" | "center" | "end";
+  align?: "start" | "center" | "end" | undefined;
 }
 /**
  * A simple dropdown container for composing column actions.

package/dist/components/registry/niko-table/filters/table-column-sort.d.ts

@@ -15,10 +15,10 @@ import { RowData } from "@tanstack/react-table";
  */
 export declare function TableColumnSortOptions<TData extends RowData, TValue>({ column, table: propTable, variant: propVariant, withSeparator }: {
   column: DataTableColumn<TData, TValue>;
-  table?: DataTableInstance<TData>;
-  variant?: SortIconVariant;
+  table?: DataTableInstance<TData> | undefined;
+  variant?: SortIconVariant | undefined;
   /** Whether to render a separator before the options. @default true */
-  withSeparator?: boolean;
+  withSeparator?: boolean | undefined;
 }): React.JSX.Element;
 export declare namespace TableColumnSortOptions {
   var displayName: string;
@@ -41,9 +41,9 @@ export declare namespace TableColumnSortOptions {
  */
 export declare function TableColumnSortMenu<TData extends RowData, TValue>({ column, table: propTable, variant: propVariant, className }: {
   column: DataTableColumn<TData, TValue>;
-  table?: DataTableInstance<TData>;
-  variant?: SortIconVariant;
-  className?: string;
+  table?: DataTableInstance<TData> | undefined;
+  variant?: SortIconVariant | undefined;
+  className?: string | undefined;
 }): React.JSX.Element | null;
 export declare namespace TableColumnSortMenu {
   var displayName: string;

package/dist/components/registry/niko-table/filters/table-column-sort.js

@@ -82,7 +82,7 @@ function TableColumnSortOptions({ column, table: propTable, variant: propVariant
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2",
 				children: [/* @__PURE__ */ jsx("span", { children: "Column Sort" }), showSortBadge && /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-					render: /* @__PURE__ */ jsx("span", { className: "flex size-4 cursor-help items-center justify-center rounded-full bg-primary text-[10px] font-medium text-primary-foreground" }),
+					render: /* @__PURE__ */ jsx("span", { className: "flex size-4 cursor-help items-center justify-center bg-primary text-[10px] font-medium text-primary-foreground" }),
 					children: sortIndex + 1
 				}), /* @__PURE__ */ jsx(TooltipContent, {
 					side: "right",
@@ -159,7 +159,7 @@ function TableColumnSortMenu({ column, table: propTable, variant: propVariant, c
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "relative flex items-center justify-center",
 			children: [/* @__PURE__ */ jsx(SortIcon, { className: "size-4" }), showSortBadge && /* @__PURE__ */ jsx("span", {
-				className: "absolute -top-1 -right-2 flex size-3 items-center justify-center rounded-full bg-primary text-[9px] text-primary-foreground",
+				className: "absolute -top-1 -right-2 flex size-3 items-center justify-center bg-primary text-[9px] text-primary-foreground",
 				children: sortIndex + 1
 			})]
 		}), /* @__PURE__ */ jsx("span", {

package/dist/components/registry/niko-table/filters/table-column-title.d.ts

@@ -7,8 +7,8 @@ import { RowData } from "@tanstack/react-table";
  */
 export declare function TableColumnTitle<TData extends RowData, TValue>({ column, title, className, children }: {
   column: DataTableColumn<TData, TValue>;
-  title?: string;
-  className?: string;
+  title?: string | undefined;
+  className?: string | undefined;
   children?: React.ReactNode;
 }): React.JSX.Element;
 export declare namespace TableColumnTitle {

package/dist/components/registry/niko-table/filters/table-faceted-filter.d.ts

@@ -3,24 +3,24 @@ import * as React$1 from "react";
 import { RowData } from "@tanstack/react-table";
 //#region src/components/registry/niko-table/filters/table-faceted-filter.d.ts
 export interface TableFacetedFilterProps<TData extends RowData, TValue> {
-  column?: DataTableColumn<TData, TValue>;
-  title?: string;
+  column?: DataTableColumn<TData, TValue> | undefined;
+  title?: string | undefined;
   options: Option[];
-  multiple?: boolean;
+  multiple?: boolean | undefined;
   /**
    * Callback fired when filter value changes
    * Useful for server-side filtering or external state management
    */
-  onValueChange?: (value: string[] | undefined) => void;
+  onValueChange?: ((value: string[] | undefined) => void) | undefined;
   /**
    * Optional custom trigger element
    */
-  trigger?: React$1.ReactElement;
+  trigger?: React$1.ReactElement | undefined;
 }
 export declare function useTableFacetedFilter<TData extends RowData, TValue = unknown>({ column, onValueChange, multiple }: {
-  column?: DataTableColumn<TData, TValue>;
-  onValueChange?: (value: string[] | undefined) => void;
-  multiple?: boolean;
+  column?: DataTableColumn<TData, TValue> | undefined;
+  onValueChange?: ((value: string[] | undefined) => void) | undefined;
+  multiple?: boolean | undefined;
 }): {
   selectedValues: Set<any>;
   onItemSelect: (option: Option, isSelected: boolean) => void;
@@ -31,7 +31,7 @@ export declare namespace TableFacetedFilter {
   var displayName: string;
 }
 export declare function TableFacetedFilterContent({ title, options, selectedValues, onItemSelect, onReset }: {
-  title?: string;
+  title?: string | undefined;
   options: Option[];
   selectedValues: Set<string>;
   onItemSelect: (option: Option, isSelected: boolean) => void;

package/dist/components/registry/niko-table/filters/table-faceted-filter.js

@@ -107,7 +107,7 @@ function TableFacetedFilter({ column, title, options = [], multiple, onValueChan
 		children: [/* @__PURE__ */ jsx(PopoverTrigger, { render: trigger || /* @__PURE__ */ jsxs(Button, {
 			variant: "outline",
 			size: "sm",
-			className: "h-8 border-dashed",
+			className: "h-8",
 			children: [
 				selectedValues?.size > 0 ? /* @__PURE__ */ jsx("div", {
 					role: "button",

package/dist/components/registry/niko-table/filters/table-search-filter.d.ts

@@ -4,13 +4,13 @@ import { RowData } from "@tanstack/react-table";
 //#region src/components/registry/niko-table/filters/table-search-filter.d.ts
 export interface TableSearchFilterProps<TData extends RowData> {
   table: DataTableInstance<TData>;
-  className?: string;
-  placeholder?: string;
+  className?: string | undefined;
+  placeholder?: string | undefined;
   /** The field's accessible name, such as "Filter holdings". */
-  label?: string;
-  showClearButton?: boolean;
-  onChange?: (value: string) => void;
-  value?: string;
+  label?: string | undefined;
+  showClearButton?: boolean | undefined;
+  onChange?: ((value: string) => void) | undefined;
+  value?: string | undefined;
   /**
    * Debounce ms before pushing the typed value into table state. The
    * input reflects keystrokes immediately; only the call to
@@ -29,7 +29,7 @@ export interface TableSearchFilterProps<TData extends RowData> {
    *
    * @default 0
    */
-  debounceMs?: number;
+  debounceMs?: number | undefined;
 }
 export declare function TableSearchFilter<TData extends RowData>({ table, className, placeholder, label, showClearButton, onChange, value, debounceMs }: TableSearchFilterProps<TData>): React$1.JSX.Element;
 export declare namespace TableSearchFilter {

package/dist/components/registry/niko-table/hooks/use-generated-options.d.ts

@@ -6,36 +6,36 @@ export interface GenerateOptionsConfig {
    * Whether to include counts for each option label
    * @default true
    */
-  showCounts?: boolean;
+  showCounts?: boolean | undefined;
   /**
    * If true, recompute counts based on the filtered rows; otherwise use all core rows
    * @default true
    */
-  dynamicCounts?: boolean;
+  dynamicCounts?: boolean | undefined;
   /**
    * If true, only generate options from filtered rows. If false, generate from all rows.
    * This controls which rows are used to generate the option list itself.
    * Note: This is separate from dynamicCounts which controls count calculation.
    * @default true
    */
-  limitToFilteredRows?: boolean;
+  limitToFilteredRows?: boolean | undefined;
   /**
    * Only generate options for these column ids (if provided)
    */
-  includeColumns?: string[];
+  includeColumns?: string[] | undefined;
   /**
    * Exclude these column ids from option generation
    */
-  excludeColumns?: string[];
+  excludeColumns?: string[] | undefined;
   /**
    * Optional cap on number of options per column (after sorting)
    */
-  limitPerColumn?: number;
+  limitPerColumn?: number | undefined;
   /**
    * Default merge strategy when a column does not provide meta.mergeStrategy.
    * Column-level mergeStrategy still takes precedence.
    */
-  mergeStrategy?: "preserve" | "augment" | "replace";
+  mergeStrategy?: "preserve" | "augment" | "replace" | undefined;
 }
 /**
  * Generate a map of options for select/multiSelect columns based on table data.

package/dist/components/registry/niko-table/lib/build-faceted-options.d.ts

@@ -11,7 +11,7 @@ export interface BuildFacetedOptionsConfig {
    * columns that are not declared as `select`/`multiSelect` variants but are
    * still being used with a faceted filter (boolean, text, etc.).
    */
-  staticOptions?: Option[];
+  staticOptions?: Option[] | undefined;
   /**
    * Narrow the returned options to values that exist in rows passing every
    * *other* active filter (the current column's own filter is excluded).
@@ -37,7 +37,7 @@ export interface BuildFacetedOptionsConfig {
    * present. Receives the stringified row value, returns the display label.
    * Ignored when `staticOptions` is provided.
    */
-  formatOptionLabel?: (value: string) => string;
+  formatOptionLabel?: ((value: string) => string) | undefined;
 }
 /**
  * Pure builder for the option list surfaced by a faceted filter. Handles

package/dist/components/registry/niko-table/lib/column-resize-handle.d.ts

@@ -17,16 +17,16 @@ export interface DataTableColumnResizeHandleProps<TData extends RowData> {
    * from the rendered width (no jump) and, on release, writes an explicit width
    * — which pins the column and hands the fill to the next eligible column.
    */
-  isFlex?: boolean;
+  isFlex?: boolean | undefined;
   /**
    * Drive the resize preview line during a flex drag (from the DataTable
    * context). Passed `{ resizingColumnId, deltaOffset }` while dragging, `null`
    * on release.
    */
-  setResizePreview?: (info: {
+  setResizePreview?: ((info: {
     resizingColumnId: string | null;
     deltaOffset: number;
-  } | null) => void;
+  } | null) => void) | undefined;
 }
 export declare function DataTableColumnResizeHandle<TData extends RowData>({ header, isFlex, setResizePreview }: DataTableColumnResizeHandleProps<TData>): React$1.JSX.Element;
 //#endregion

package/dist/components/registry/niko-table/lib/column-resize-handle.js

@@ -168,7 +168,7 @@ function DataTableColumnResizeHandle({ header, isFlex = false, setResizePreview
 			}
 		},
 		className: "group/resize absolute top-0 right-0 z-10 flex h-full w-2 cursor-col-resize touch-none justify-end outline-none select-none",
-		children: /* @__PURE__ */ jsx("div", { className: cn("my-1.5 w-px rounded bg-border opacity-0 transition-all", "group-hover/resize:my-0 group-hover/resize:w-0.5 group-hover/resize:bg-primary group-hover/resize:opacity-100", "group-focus-visible/resize:my-0 group-focus-visible/resize:w-0.5 group-focus-visible/resize:bg-primary group-focus-visible/resize:opacity-100", isResizing && "my-0 w-0.5 bg-primary opacity-100") })
+		children: /* @__PURE__ */ jsx("div", { className: cn("my-1.5 w-px bg-border opacity-0 transition-all", "group-hover/resize:my-0 group-hover/resize:w-0.5 group-hover/resize:bg-primary group-hover/resize:opacity-100", "group-focus-visible/resize:my-0 group-focus-visible/resize:w-0.5 group-focus-visible/resize:bg-primary group-focus-visible/resize:opacity-100", isResizing && "my-0 w-0.5 bg-primary opacity-100") })
 	});
 }
 //#endregion

package/dist/components/registry/niko-table/lib/create-scroll-handler.d.ts

@@ -27,9 +27,9 @@ export interface ScrollEvent {
  * a `useEffect` already key on those callbacks via their own deps.
  */
 export declare function createScrollHandler({ onScroll, onScrolledTop, onScrolledBottom, scrollThreshold }: {
-  onScroll?: (event: ScrollEvent) => void;
-  onScrolledTop?: () => void;
-  onScrolledBottom?: () => void;
-  scrollThreshold?: number;
+  onScroll?: ((event: ScrollEvent) => void) | undefined;
+  onScrolledTop?: (() => void) | undefined;
+  onScrolledBottom?: (() => void) | undefined;
+  scrollThreshold?: number | undefined;
 }): (event: Event) => void;
 //#endregion