@sapphire-sh/ui 0.1.0 → 0.3.0

package/lib/Button.d.ts

@@ -0,0 +1,7 @@
+import type { ButtonHTMLAttributes } from 'react';
+export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+}
+export declare const Button: ({ variant, className, type, ...rest }: ButtonProps) => import("react").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/lib/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzE,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC3E,OAAO,CAAC,EAAE,aAAa,CAAC;CACxB;AAWD,eAAO,MAAM,MAAM,0CAAoE,WAAW,gCAMjG,CAAC"}

package/lib/Button.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const BUTTON_CLASS = 'rounded-md border px-3 py-1 text-sm focus-visible:outline-2 focus-visible:outline-accent';
+const VARIANT_CLASS = {
+    primary: 'bg-accent text-accent-foreground border-accent',
+    secondary: 'bg-surface text-foreground border-border',
+    danger: 'bg-surface text-danger border-danger',
+    ghost: 'bg-transparent text-muted border-transparent',
+};
+export const Button = ({ variant = 'secondary', className, type = 'button', ...rest }) => (_jsx("button", { ...rest, type: type, className: `${BUTTON_CLASS} ${VARIANT_CLASS[variant]}${className === undefined ? '' : ` ${className}`}` }));
+//# sourceMappingURL=Button.js.map

package/lib/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":";AAQA,MAAM,YAAY,GAAG,0FAA0F,CAAC;AAEhH,MAAM,aAAa,GAAkC;IACpD,OAAO,EAAE,gDAAgD;IACzD,SAAS,EAAE,0CAA0C;IACrD,MAAM,EAAE,sCAAsC;IAC9C,KAAK,EAAE,8CAA8C;CACrD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,OAAO,GAAG,WAAW,EAAE,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,IAAI,EAAe,EAAE,EAAE,CAAC,CACtG,oBACK,IAAI,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,GAAG,YAAY,IAAI,aAAa,CAAC,OAAO,CAAC,GAAG,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,EAAE,GACtG,CACF,CAAC"}

package/lib/Chip.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+export interface ChipProps {
+    pressed: boolean;
+    onClick: () => void;
+    children: ReactNode;
+}
+export declare const Chip: ({ pressed, onClick, children }: ChipProps) => import("react").JSX.Element;
+//# sourceMappingURL=Chip.d.ts.map

package/lib/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../src/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,SAAS;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACpB;AAMD,eAAO,MAAM,IAAI,mCAAoC,SAAS,gCAS7D,CAAC"}

package/lib/Chip.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const CHIP_CLASS = 'rounded-full border px-2.5 py-0.5 text-xs';
+const PRESSED_CHIP_CLASS = 'bg-accent-soft text-accent-ink border-transparent';
+const IDLE_CHIP_CLASS = 'bg-transparent text-muted border-border';
+export const Chip = ({ pressed, onClick, children }) => (_jsx("button", { type: "button", "aria-pressed": pressed, onClick: onClick, className: `${CHIP_CLASS} ${pressed ? PRESSED_CHIP_CLASS : IDLE_CHIP_CLASS}`, children: children }));
+//# sourceMappingURL=Chip.js.map

package/lib/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../src/Chip.tsx"],"names":[],"mappings":";AAQA,MAAM,UAAU,GAAG,2CAA2C,CAAC;AAC/D,MAAM,kBAAkB,GAAG,mDAAmD,CAAC;AAC/E,MAAM,eAAe,GAAG,yCAAyC,CAAC;AAElE,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAa,EAAE,EAAE,CAAC,CAClE,iBACC,IAAI,EAAC,QAAQ,kBACC,OAAO,EACrB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,GAAG,UAAU,IAAI,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,eAAe,EAAE,YAE3E,QAAQ,GACD,CACT,CAAC"}

package/lib/DataTable.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export interface DataTableProps {
+    widthClass?: string;
+    children: ReactNode;
+}
+export declare const DataTable: ({ widthClass, children }: DataTableProps) => import("react").JSX.Element;
+//# sourceMappingURL=DataTable.d.ts.map

package/lib/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../src/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,cAAc;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,6BAAyC,cAAc,gCAI5E,CAAC"}

package/lib/DataTable.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DataTable = ({ widthClass = 'w-full', children }) => (_jsx("div", { className: "overflow-x-auto rounded-lg border border-border", children: _jsx("table", { className: `border-collapse text-foreground tabular-nums ${widthClass}`, children: children }) }));
+//# sourceMappingURL=DataTable.js.map

package/lib/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../src/DataTable.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,UAAU,GAAG,QAAQ,EAAE,QAAQ,EAAkB,EAAE,EAAE,CAAC,CACjF,cAAK,SAAS,EAAC,iDAAiD,YAC/D,gBAAO,SAAS,EAAE,gDAAgD,UAAU,EAAE,YAAG,QAAQ,GAAS,GAC7F,CACN,CAAC"}

package/lib/EmptyState.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export interface EmptyStateProps {
+    children: ReactNode;
+}
+export declare const EmptyState: ({ children }: EmptyStateProps) => import("react").JSX.Element;
+//# sourceMappingURL=EmptyState.d.ts.map

package/lib/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../src/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAe;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,iBAAkB,eAAe,gCAAqD,CAAC"}

package/lib/EmptyState.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const EmptyState = ({ children }) => _jsx("p", { className: "text-sm text-muted", children: children });
+//# sourceMappingURL=EmptyState.js.map

package/lib/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../src/EmptyState.tsx"],"names":[],"mappings":";AAMA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAmB,EAAE,EAAE,CAAC,YAAG,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAK,CAAC"}

package/lib/Modal.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    children: ReactNode;
+}
+export declare const Modal: ({ open, onClose, title, children }: ModalProps) => import("react").JSX.Element;
+//# sourceMappingURL=Modal.d.ts.map

package/lib/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,UAAU;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,uCAAwC,UAAU,gCAwCnE,CAAC"}

package/lib/Modal.js

@@ -0,0 +1,28 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef } from 'react';
+export const Modal = ({ open, onClose, title, children }) => {
+    const dialogRef = useRef(null);
+    const titleId = useId();
+    useEffect(() => {
+        const dialog = dialogRef.current;
+        if (dialog === null) {
+            return;
+        }
+        if (open && !dialog.open) {
+            dialog.showModal();
+        }
+        if (!open && dialog.open) {
+            dialog.close();
+        }
+    }, [open]);
+    return (_jsx("dialog", { ref: dialogRef, "aria-labelledby": titleId, onCancel: (event) => {
+            event.preventDefault();
+            onClose();
+        }, onClick: (event) => {
+            if (event.target === event.currentTarget) {
+                onClose();
+            }
+        }, className: "rounded-lg border border-border bg-surface p-0 text-foreground backdrop:bg-foreground/40", children: _jsxs("div", { className: "p-4", children: [_jsx("h2", { id: titleId, className: "mb-3 text-base font-semibold", children: title }), children] }) }));
+};
+//# sourceMappingURL=Modal.js.map

package/lib/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AASjD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAc,EAAE,EAAE;IACvE,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IAExB,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;YACrB,OAAO;QACR,CAAC;QACD,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YAC1B,MAAM,CAAC,SAAS,EAAE,CAAC;QACpB,CAAC;QACD,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;YAC1B,MAAM,CAAC,KAAK,EAAE,CAAC;QAChB,CAAC;IACF,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACN,iBACC,GAAG,EAAE,SAAS,qBACG,OAAO,EACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,OAAO,EAAE,CAAC;QACX,CAAC,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa,EAAE,CAAC;gBAC1C,OAAO,EAAE,CAAC;YACX,CAAC;QACF,CAAC,EACD,SAAS,EAAC,0FAA0F,YAEpG,eAAK,SAAS,EAAC,KAAK,aACnB,aAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,8BAA8B,YACvD,KAAK,GACF,EACJ,QAAQ,IACJ,GACE,CACT,CAAC;AACH,CAAC,CAAC"}

package/lib/Nav.d.ts

@@ -0,0 +1,11 @@
+export interface NavItem {
+    href: string;
+    label: string;
+    children?: readonly NavItem[];
+}
+export interface NavProps {
+    brand: string;
+    items: readonly NavItem[];
+}
+export declare const Nav: ({ brand, items }: NavProps) => import("react").JSX.Element;
+//# sourceMappingURL=Nav.d.ts.map

package/lib/Nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../src/Nav.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,OAAO;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,OAAO,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,QAAQ;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,OAAO,EAAE,CAAC;CAC1B;AASD,eAAO,MAAM,GAAG,qBAAsB,QAAQ,gCAoC7C,CAAC"}

package/lib/Nav.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { currentNavHref } from './navHref.js';
+const LINK_CLASS = 'block rounded-md px-2.5 py-1 text-sm';
+const CURRENT_LINK_CLASS = 'bg-accent-soft text-accent-ink';
+const IDLE_LINK_CLASS = 'text-muted hover:text-foreground';
+const flattenNavItems = (items) => items.flatMap((item) => [item, ...flattenNavItems(item.children ?? [])]);
+export const Nav = ({ brand, items }) => {
+    const pathname = usePathname();
+    const current = currentNavHref(pathname, flattenNavItems(items));
+    const renderLink = (item) => {
+        const isCurrent = item.href === current;
+        return (_jsx(Link, { href: item.href, "aria-current": isCurrent ? 'page' : undefined, className: `${LINK_CLASS} ${isCurrent ? CURRENT_LINK_CLASS : IDLE_LINK_CLASS}`, children: item.label }));
+    };
+    return (_jsxs("nav", { className: "flex items-center gap-4 border-b border-border bg-surface px-4 py-2", children: [_jsx("span", { className: "font-semibold text-foreground", children: brand }), _jsx("ul", { className: "flex items-center gap-1", children: items.map((item) => (_jsxs("li", { className: "group relative", children: [renderLink(item), item.children !== undefined && (_jsx("ul", { className: "invisible absolute top-full left-0 z-10 min-w-40 rounded-md border border-border bg-surface p-1 group-focus-within:visible group-hover:visible", children: item.children.map((child) => (_jsx("li", { children: renderLink(child) }, child.href))) }))] }, item.href))) })] }));
+};
+//# sourceMappingURL=Nav.js.map

package/lib/Nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../src/Nav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAa9C,MAAM,UAAU,GAAG,sCAAsC,CAAC;AAC1D,MAAM,kBAAkB,GAAG,gCAAgC,CAAC;AAC5D,MAAM,eAAe,GAAG,kCAAkC,CAAC;AAE3D,MAAM,eAAe,GAAG,CAAC,KAAyB,EAAa,EAAE,CAChE,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;AAE1E,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAY,EAAE,EAAE;IACjD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,cAAc,CAAC,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;IAEjE,MAAM,UAAU,GAAG,CAAC,IAAa,EAAE,EAAE;QACpC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;QACxC,OAAO,CACN,KAAC,IAAI,IACJ,IAAI,EAAE,IAAI,CAAC,IAAI,kBACD,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,SAAS,EAAE,GAAG,UAAU,IAAI,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,eAAe,EAAE,YAE7E,IAAI,CAAC,KAAK,GACL,CACP,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,eAAK,SAAS,EAAC,qEAAqE,aACnF,eAAM,SAAS,EAAC,+BAA+B,YAAE,KAAK,GAAQ,EAC9D,aAAI,SAAS,EAAC,yBAAyB,YACrC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpB,cAAoB,SAAS,EAAC,gBAAgB,aAC5C,UAAU,CAAC,IAAI,CAAC,EAChB,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,CAC/B,aAAI,SAAS,EAAC,gJAAgJ,YAC5J,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7B,uBAAsB,UAAU,CAAC,KAAK,CAAC,IAA9B,KAAK,CAAC,IAAI,CAA0B,CAC7C,CAAC,GACE,CACL,KARO,IAAI,CAAC,IAAI,CASb,CACL,CAAC,GACE,IACA,CACN,CAAC;AACH,CAAC,CAAC"}

package/lib/Pagination.d.ts

@@ -0,0 +1,7 @@
+export interface PaginationProps {
+    page: number;
+    totalPages: number;
+    hrefForPage: (page: number) => string;
+}
+export declare const Pagination: ({ page, totalPages, hrefForPage }: PaginationProps) => import("react").JSX.Element;
+//# sourceMappingURL=Pagination.d.ts.map

package/lib/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../src/Pagination.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,eAAe;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CACtC;AAmBD,eAAO,MAAM,UAAU,sCAAuC,eAAe,gCA6B5E,CAAC"}

package/lib/Pagination.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChevronFirst, ChevronLast, ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-react';
+import Link from 'next/link';
+import { paginationTargets } from './paginationTargets.js';
+const MOVE_TARGETS = {
+    first: { icon: ChevronFirst, label: 'First page' },
+    jumpBack: { icon: ChevronsLeft, label: 'Back 10 pages' },
+    previous: { icon: ChevronLeft, label: 'Previous page' },
+    next: { icon: ChevronRight, label: 'Next page' },
+    jumpForward: { icon: ChevronsRight, label: 'Forward 10 pages' },
+    last: { icon: ChevronLast, label: 'Last page' },
+};
+const ITEM_CLASS = 'flex h-8 min-w-8 items-center justify-center rounded-md px-2 text-sm';
+const IDLE_ITEM_CLASS = 'text-muted hover:text-foreground';
+export const Pagination = ({ page, totalPages, hrefForPage }) => (_jsx("nav", { "aria-label": "Pagination", children: _jsx("ul", { className: "flex items-center gap-1", children: paginationTargets(page, totalPages).map(({ kind, page: target }) => {
+            if (kind === 'page') {
+                const isCurrent = target === page;
+                return (_jsx("li", { children: _jsx(Link, { href: hrefForPage(target), "aria-current": isCurrent ? 'page' : undefined, className: `${ITEM_CLASS} ${isCurrent ? 'bg-raised text-foreground' : IDLE_ITEM_CLASS}`, children: target }) }, `page-${target}`));
+            }
+            const { icon: Icon, label } = MOVE_TARGETS[kind];
+            return (_jsx("li", { children: _jsx(Link, { href: hrefForPage(target), "aria-label": label, className: `${ITEM_CLASS} ${IDLE_ITEM_CLASS}`, children: _jsx(Icon, { "aria-hidden": true, className: "size-4" }) }) }, kind));
+        }) }) }));
+//# sourceMappingURL=Pagination.js.map

package/lib/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACjH,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAa3D,MAAM,YAAY,GAA8D;IAC/E,KAAK,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAClD,QAAQ,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,eAAe,EAAE;IACxD,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,eAAe,EAAE;IACvD,IAAI,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE;IAChD,WAAW,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,kBAAkB,EAAE;IAC/D,IAAI,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;CAC/C,CAAC;AAEF,MAAM,UAAU,GAAG,sEAAsE,CAAC;AAC1F,MAAM,eAAe,GAAG,kCAAkC,CAAC;AAE3D,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAmB,EAAE,EAAE,CAAC,CACjF,4BAAgB,YAAY,YAC3B,aAAI,SAAS,EAAC,yBAAyB,YACrC,iBAAiB,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE;YACnE,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;gBACrB,MAAM,SAAS,GAAG,MAAM,KAAK,IAAI,CAAC;gBAClC,OAAO,CACN,uBACC,KAAC,IAAI,IACJ,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,kBACX,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,SAAS,EAAE,GAAG,UAAU,IAAI,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,eAAe,EAAE,YAEtF,MAAM,GACD,IAPC,QAAQ,MAAM,EAAE,CAQpB,CACL,CAAC;YACH,CAAC;YACD,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;YACjD,OAAO,CACN,uBACC,KAAC,IAAI,IAAC,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,gBAAc,KAAK,EAAE,SAAS,EAAE,GAAG,UAAU,IAAI,eAAe,EAAE,YAChG,KAAC,IAAI,yBAAa,SAAS,EAAC,QAAQ,GAAG,GACjC,IAHC,IAAI,CAIR,CACL,CAAC;QACH,CAAC,CAAC,GACE,GACA,CACN,CAAC"}

package/lib/Spinner.d.ts

@@ -0,0 +1,6 @@
+export interface LoadingBlockProps {
+    label: string;
+}
+export declare const Spinner: () => import("react").JSX.Element;
+export declare const LoadingBlock: ({ label }: LoadingBlockProps) => import("react").JSX.Element;
+//# sourceMappingURL=Spinner.d.ts.map

package/lib/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../src/Spinner.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IACjC,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,OAAO,mCAInB,CAAC;AAEF,eAAO,MAAM,YAAY,cAAe,iBAAiB,gCAKxD,CAAC"}

package/lib/Spinner.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Spinner = () => (_jsx("svg", { "aria-hidden": true, viewBox: "0 0 24 24", fill: "none", className: "size-4 motion-safe:animate-spin", children: _jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeDasharray: "42 15" }) }));
+export const LoadingBlock = ({ label }) => (_jsxs("div", { role: "status", className: "flex items-center justify-center gap-2 py-8 text-sm text-muted", children: [_jsx(Spinner, {}), _jsx("span", { children: label })] }));
+//# sourceMappingURL=Spinner.js.map

package/lib/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../src/Spinner.tsx"],"names":[],"mappings":";AAIA,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAC5B,mCAAiB,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,iCAAiC,YAC3F,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,eAAe,EAAC,OAAO,GAAG,GAC/G,CACN,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAqB,EAAE,EAAE,CAAC,CAC7D,eAAK,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,gEAAgE,aAC5F,KAAC,OAAO,KAAG,EACX,yBAAO,KAAK,GAAQ,IACf,CACN,CAAC"}

package/lib/Toast.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+export type ToastTone = 'success' | 'error';
+export interface ToastOptions {
+    message: string;
+    tone: ToastTone;
+}
+export interface ToastContextValue {
+    show: (options: ToastOptions) => void;
+}
+export interface ToastProviderProps {
+    children: ReactNode;
+}
+export declare const ToastProvider: ({ children }: ToastProviderProps) => import("react").JSX.Element;
+export declare const useToast: () => ToastContextValue;
+//# sourceMappingURL=Toast.d.ts.map

package/lib/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;CAChB;AAMD,MAAM,WAAW,iBAAiB;IACjC,IAAI,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;CACtC;AAED,MAAM,WAAW,kBAAkB;IAClC,QAAQ,EAAE,SAAS,CAAC;CACpB;AAWD,eAAO,MAAM,aAAa,iBAAkB,kBAAkB,gCA2C7D,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAO,iBAM3B,CAAC"}

package/lib/Toast.js

@@ -0,0 +1,42 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+const TOAST_DURATION_MS = 3500;
+const TONE_DOT_CLASS = {
+    success: 'bg-success',
+    error: 'bg-danger',
+};
+const ToastContext = createContext(null);
+export const ToastProvider = ({ children }) => {
+    const [toasts, setToasts] = useState([]);
+    const nextIdRef = useRef(0);
+    const timeoutsRef = useRef(new Set());
+    useEffect(() => {
+        const timeouts = timeoutsRef.current;
+        return () => {
+            for (const timeout of timeouts) {
+                clearTimeout(timeout);
+            }
+        };
+    }, []);
+    const show = useCallback((options) => {
+        const id = nextIdRef.current;
+        nextIdRef.current += 1;
+        setToasts((current) => [...current, { ...options, id }]);
+        const timeout = setTimeout(() => {
+            timeoutsRef.current.delete(timeout);
+            setToasts((current) => current.filter((toast) => toast.id !== id));
+        }, TOAST_DURATION_MS);
+        timeoutsRef.current.add(timeout);
+    }, []);
+    const value = useMemo(() => ({ show }), [show]);
+    return (_jsxs(ToastContext, { value: value, children: [children, _jsx("div", { role: "status", className: "fixed right-4 bottom-4 z-50 flex flex-col gap-2", children: toasts.map((toast) => (_jsxs("div", { className: "flex items-center gap-2 rounded-md border border-border bg-surface px-3 py-2 text-sm text-foreground", children: [_jsx("span", { "aria-hidden": true, className: `size-2 rounded-full ${TONE_DOT_CLASS[toast.tone]}` }), toast.message] }, toast.id))) })] }));
+};
+export const useToast = () => {
+    const value = useContext(ToastContext);
+    if (value === null) {
+        throw new Error('useToast must be used inside ToastProvider');
+    }
+    return value;
+};
+//# sourceMappingURL=Toast.js.map

package/lib/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAqBrG,MAAM,iBAAiB,GAAG,IAAI,CAAC;AAE/B,MAAM,cAAc,GAA8B;IACjD,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,WAAW;CAClB,CAAC;AAEF,MAAM,YAAY,GAAG,aAAa,CAA2B,IAAI,CAAC,CAAC;AAEnE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAsB,EAAE,EAAE;IACjE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAe,EAAE,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAC5B,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,GAAG,EAAiC,CAAC,CAAC;IAErE,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,OAAO,GAAG,EAAE;YACX,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;gBAChC,YAAY,CAAC,OAAO,CAAC,CAAC;YACvB,CAAC;QACF,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,OAAqB,EAAE,EAAE;QAClD,MAAM,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC;QAC7B,SAAS,CAAC,OAAO,IAAI,CAAC,CAAC;QACvB,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;QACzD,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC/B,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACpC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QACpE,CAAC,EAAE,iBAAiB,CAAC,CAAC;QACtB,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEhD,OAAO,CACN,MAAC,YAAY,IAAC,KAAK,EAAE,KAAK,aACxB,QAAQ,EACT,cAAK,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,iDAAiD,YAC5E,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,eAEC,SAAS,EAAC,sGAAsG,aAEhH,oCAAkB,SAAS,EAAE,uBAAuB,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,GAAI,EACnF,KAAK,CAAC,OAAO,KAJT,KAAK,CAAC,EAAE,CAKR,CACN,CAAC,GACG,IACQ,CACf,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAsB,EAAE;IAC/C,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IAC/D,CAAC;IACD,OAAO,KAAK,CAAC;AACd,CAAC,CAAC"}

package/lib/fieldClass.d.ts

@@ -0,0 +1,2 @@
+export declare const FIELD_CLASS = "rounded-md border border-border bg-surface px-2.5 py-1 text-sm text-foreground focus:border-accent focus:outline-none";
+//# sourceMappingURL=fieldClass.d.ts.map

package/lib/fieldClass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldClass.d.ts","sourceRoot":"","sources":["../src/fieldClass.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,0HACgG,CAAC"}

package/lib/fieldClass.js

@@ -0,0 +1,2 @@
+export const FIELD_CLASS = 'rounded-md border border-border bg-surface px-2.5 py-1 text-sm text-foreground focus:border-accent focus:outline-none';
+//# sourceMappingURL=fieldClass.js.map

package/lib/fieldClass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldClass.js","sourceRoot":"","sources":["../src/fieldClass.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GACvB,uHAAuH,CAAC"}

package/lib/index.d.ts

@@ -1,2 +1,14 @@
+export { Button } from './Button.js';
+export { Chip } from './Chip.js';
+export { DataTable } from './DataTable.js';
+export { EmptyState } from './EmptyState.js';
+export { FIELD_CLASS } from './fieldClass.js';
+export { Modal } from './Modal.js';
+export { Nav } from './Nav.js';
+export { currentNavHref } from './navHref.js';
+export { Pagination } from './Pagination.js';
+export { paginationTargets } from './paginationTargets.js';
+export { LoadingBlock, Spinner } from './Spinner.js';
+export { ToastProvider, useToast } from './Toast.js';
 export { colorTokens } from './tokens.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}

package/lib/index.js

@@ -1,2 +1,14 @@
+export { Button } from './Button.js';
+export { Chip } from './Chip.js';
+export { DataTable } from './DataTable.js';
+export { EmptyState } from './EmptyState.js';
+export { FIELD_CLASS } from './fieldClass.js';
+export { Modal } from './Modal.js';
+export { Nav } from './Nav.js';
+export { currentNavHref } from './navHref.js';
+export { Pagination } from './Pagination.js';
+export { paginationTargets } from './paginationTargets.js';
+export { LoadingBlock, Spinner } from './Spinner.js';
+export { ToastProvider, useToast } from './Toast.js';
 export { colorTokens } from './tokens.js';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}

package/lib/navHref.d.ts

@@ -0,0 +1,5 @@
+export interface NavHrefItem {
+    href: string;
+}
+export declare const currentNavHref: (pathname: string, items: readonly NavHrefItem[]) => string | null;
+//# sourceMappingURL=navHref.d.ts.map

package/lib/navHref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navHref.d.ts","sourceRoot":"","sources":["../src/navHref.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC3B,IAAI,EAAE,MAAM,CAAC;CACb;AAKD,eAAO,MAAM,cAAc,aAAc,MAAM,SAAS,SAAS,WAAW,EAAE,KAAG,MAAM,GAAG,IAQzF,CAAC"}

package/lib/navHref.js

@@ -0,0 +1,11 @@
+const isSameOrAncestorPath = (href, pathname) => pathname === href || pathname.startsWith(href.endsWith('/') ? href : `${href}/`);
+export const currentNavHref = (pathname, items) => {
+    let current = null;
+    for (const { href } of items) {
+        if (isSameOrAncestorPath(href, pathname) && (current === null || href.length > current.length)) {
+            current = href;
+        }
+    }
+    return current;
+};
+//# sourceMappingURL=navHref.js.map

package/lib/navHref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navHref.js","sourceRoot":"","sources":["../src/navHref.ts"],"names":[],"mappings":"AAIA,MAAM,oBAAoB,GAAG,CAAC,IAAY,EAAE,QAAgB,EAAW,EAAE,CACxE,QAAQ,KAAK,IAAI,IAAI,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;AAElF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAgB,EAAE,KAA6B,EAAiB,EAAE;IAChG,IAAI,OAAO,GAAkB,IAAI,CAAC;IAClC,KAAK,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,EAAE,CAAC;QAC9B,IAAI,oBAAoB,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YAChG,OAAO,GAAG,IAAI,CAAC;QAChB,CAAC;IACF,CAAC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC,CAAC"}

package/lib/paginationTargets.d.ts

@@ -0,0 +1,7 @@
+export type PaginationTargetKind = 'first' | 'jumpBack' | 'previous' | 'page' | 'next' | 'jumpForward' | 'last';
+export interface PaginationTarget {
+    kind: PaginationTargetKind;
+    page: number;
+}
+export declare const paginationTargets: (page: number, totalPages: number) => PaginationTarget[];
+//# sourceMappingURL=paginationTargets.d.ts.map

package/lib/paginationTargets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginationTargets.d.ts","sourceRoot":"","sources":["../src/paginationTargets.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,aAAa,GAAG,MAAM,CAAC;AAEhH,MAAM,WAAW,gBAAgB;IAChC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;CACb;AAKD,eAAO,MAAM,iBAAiB,SAAU,MAAM,cAAc,MAAM,KAAG,gBAAgB,EAyBpF,CAAC"}

package/lib/paginationTargets.js

@@ -0,0 +1,29 @@
+const JUMP_PAGES = 10;
+const NEIGHBOR_PAGES = 2;
+export const paginationTargets = (page, totalPages) => {
+    const targets = [];
+    if (page > 1) {
+        targets.push({ kind: 'first', page: 1 });
+    }
+    if (page - JUMP_PAGES >= 1) {
+        targets.push({ kind: 'jumpBack', page: page - JUMP_PAGES });
+    }
+    if (page > 1) {
+        targets.push({ kind: 'previous', page: page - 1 });
+    }
+    const lastNeighbor = Math.min(totalPages, page + NEIGHBOR_PAGES);
+    for (let neighbor = Math.max(1, page - NEIGHBOR_PAGES); neighbor <= lastNeighbor; neighbor += 1) {
+        targets.push({ kind: 'page', page: neighbor });
+    }
+    if (page < totalPages) {
+        targets.push({ kind: 'next', page: page + 1 });
+    }
+    if (page + JUMP_PAGES <= totalPages) {
+        targets.push({ kind: 'jumpForward', page: page + JUMP_PAGES });
+    }
+    if (page < totalPages) {
+        targets.push({ kind: 'last', page: totalPages });
+    }
+    return targets;
+};
+//# sourceMappingURL=paginationTargets.js.map

package/lib/paginationTargets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginationTargets.js","sourceRoot":"","sources":["../src/paginationTargets.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,GAAG,EAAE,CAAC;AACtB,MAAM,cAAc,GAAG,CAAC,CAAC;AAEzB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,UAAkB,EAAsB,EAAE;IACzF,MAAM,OAAO,GAAuB,EAAE,CAAC;IACvC,IAAI,IAAI,GAAG,CAAC,EAAE,CAAC;QACd,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1C,CAAC;IACD,IAAI,IAAI,GAAG,UAAU,IAAI,CAAC,EAAE,CAAC;QAC5B,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,GAAG,UAAU,EAAE,CAAC,CAAC;IAC7D,CAAC;IACD,IAAI,IAAI,GAAG,CAAC,EAAE,CAAC;QACd,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC;IACpD,CAAC;IACD,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,GAAG,cAAc,CAAC,CAAC;IACjE,KAAK,IAAI,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,cAAc,CAAC,EAAE,QAAQ,IAAI,YAAY,EAAE,QAAQ,IAAI,CAAC,EAAE,CAAC;QACjG,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IAChD,CAAC;IACD,IAAI,IAAI,GAAG,UAAU,EAAE,CAAC;QACvB,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC;IAChD,CAAC;IACD,IAAI,IAAI,GAAG,UAAU,IAAI,UAAU,EAAE,CAAC;QACrC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,UAAU,EAAE,CAAC,CAAC;IAChE,CAAC;IACD,IAAI,IAAI,GAAG,UAAU,EAAE,CAAC;QACvB,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;IAClD,CAAC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sapphire-sh/ui",
-	"version": "0.1.0",
+	"version": "0.3.0",
 	"description": "@sapphire-sh/ui",
 	"type": "module",
 	"sideEffects": [
@@ -50,6 +50,7 @@
 	"devDependencies": {
 		"@eslint/js": "^10.0.1",
 		"@sapphire-sh/utils": "^3.32.0",
+		"@testing-library/react": "^16.3.3",
 		"@types/node": "^26.6.5",
 		"@types/react": "^19.3.0",
 		"@types/react-dom": "^19.3.0",
@@ -58,6 +59,7 @@
 		"eslint-config-next": "^16.4.3",
 		"eslint-config-prettier": "^10.1.8",
 		"eslint-plugin-promise": "^7.3.0",
+		"jsdom": "^30.1.3",
 		"next": "^16.4.3",
 		"prettier": "^3.9.10",
 		"prettier-plugin-organize-imports": "^4.3.0",
@@ -69,6 +71,10 @@
 		"vitest": "^5.0.5"
 	},
 	"allowScripts": {
+		"fsevents@2.3.3": true,
 		"unrs-resolver@1.12.2": true
+	},
+	"dependencies": {
+		"lucide-react": "^1.61.0"
 	}
 }