@danxbot/ui 6.0.2 → 6.0.4

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

@@ -0,0 +1,31 @@
+export type PaginationBarMode = "numbered" | "simple";
+export interface PaginationBarProps {
+    /** 1-based current page. */
+    page: number;
+    /** Rows per page. Should be one of `pageSizeOptions`. */
+    pageSize: number;
+    /** The sizes offered in the per-page popover, in the order shown. */
+    pageSizeOptions: readonly number[];
+    /** Total matching items across every page — drives the range text and page count. */
+    total: number;
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (size: number) => void;
+    /**
+     * `"simple"`: ‹ Page N of M › — fixed width regardless of how many pages
+     * exist, and the shape guaranteed to fit a narrow bar unaided.
+     * `"numbered"`: the numbered-window `Pagination` control, for a list long
+     * enough that jumping past adjacent pages is worth the room it costs.
+     * @default "simple"
+     */
+    mode?: PaginationBarMode;
+    /** Names the bar for assistive tech, e.g. "Cards" or "Dispatches". */
+    label: string;
+    className?: string;
+}
+/**
+ * Range text + a popover-based per-page picker + page navigation, always on
+ * one row. See the file banner above for the reasoning behind the popover
+ * and the `mode` split — this replaces both of gpt-manager's pre-existing,
+ * differently-shaped hand-rolled footers.
+ */
+export declare function PaginationBar({ page, pageSize, pageSizeOptions, total, onPageChange, onPageSizeChange, mode, label, className, }: PaginationBarProps): import("react").JSX.Element;

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

@@ -39,6 +39,22 @@ export interface DataTableProps<TData> {
      * never connected to anything. This is that connection.
      */
     pageSize?: number;
+    /**
+     * The sizes offered by the footer's per-page picker. Defaults to
+     * `[10, 25, 50, 100]` (with `pageSize` folded in if it names a value not
+     * already on that list), so a caller that only ever set `pageSize` still
+     * gets a real picker rather than none at all — DX-2947 added this menu to
+     * every paginated table, not as an opt-in.
+     */
+    pageSizeOptions?: readonly number[];
+    /**
+     * Told when the footer's per-page picker changes the size, in addition to
+     * the table re-paginating itself immediately. Pagination stays entirely
+     * internal either way — this is for a caller that wants to remember the
+     * choice (e.g. persist it), not something that has to be wired for paging
+     * to work.
+     */
+    onPageSizeChange?: (size: number) => void;
     emptyState?: ReactNode;
     /**
      * An extra class for the rows a consumer needs to mark — "this figure could
@@ -79,7 +95,7 @@ export interface DataTableProps<TData> {
     className?: string;
     getRowId?: (row: TData, index: number) => string;
 }
-export declare function DataTable<TData>({ data, columns, density, selectable, maxHeight, zebra, loading, refreshing, loadingRows, pageSize, emptyState, getRowClassName, onRowClick, toolbar, className, getRowId, }: DataTableProps<TData>): import("react").JSX.Element;
+export declare function DataTable<TData>({ data, columns, density, selectable, maxHeight, zebra, loading, refreshing, loadingRows, pageSize, pageSizeOptions, onPageSizeChange, emptyState, getRowClassName, onRowClick, toolbar, className, getRowId, }: DataTableProps<TData>): import("react").JSX.Element;
 export declare function TableEmptyState({ icon, title, description, action, }: {
     icon?: ReactNode;
     title?: string;

package/dist/types/index.d.ts

@@ -47,6 +47,7 @@ export { RecordCard, RecordCardHandle, RecordCardEyebrow, RecordCardTitle, Recor
 export { Tabs, TabList, Tab, TabPanel, type TabsProps, type TabListProps, type TabProps, type TabPanelProps, } from "./components/Tabs";
 export { Accordion, AccordionItem, type AccordionProps, type AccordionItemProps, } from "./components/Accordion";
 export { Breadcrumb, Pagination, type BreadcrumbProps, type PaginationProps, type Crumb, } from "./components/Navigation";
+export { PaginationBar, type PaginationBarProps, type PaginationBarMode, } from "./components/PaginationBar";
 export { Stepper, stepStatus, stepperProgress, advanceBlockReason, assertSteps, type StepperProps, type Step, type StepStatus, type StepperProgress, } from "./components/stepper";
 export { StatusChecklist, tallyChecklist, type StatusChecklistProps, type ChecklistItem, type ChecklistState, type ChecklistTally, } from "./components/checklist";
 export { Toggle, ToggleGroup, Toolbar, ToolbarButton, ToolbarGroup, ToolbarInput, ToolbarSeparator, type ToggleProps, type ToggleGroupProps, type ToolbarProps, type ToolbarButtonProps, type ToolbarGroupProps, type ToolbarInputProps, } from "./components/Toggle";

package/dist/types/lib/syntax/markdown/index.d.ts

@@ -1,4 +1,4 @@
 export { parseMarkdown } from "./parse";
 export { markdown } from "./grammar";
-export { MarkdownNodes, sanitizeHref } from "./render";
+export { MarkdownNodes, MarkdownImage, sanitizeHref } from "./render";
 export type { MdNode, MdInline, MdListItem, MdCell, MdAlign, MdCodeRenderer } from "./types";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danxbot/ui",
-  "version": "6.0.2",
+  "version": "6.0.4",
   "type": "module",
   "description": "Danxbot — a domain-agnostic React design system with motion as a first-class primitive.",
   "license": "MIT",