@setsquare/ui 0.2.4 → 0.5.0

package/dist/ui/grid-list.d.ts

@@ -7,8 +7,13 @@ export interface GridListProps<T extends object> extends Omit<RACGridListProps<T
 }
 /**
  * A list of items people act on — members, files, integrations — where each row can hold its own buttons.
- * Arrow keys move between rows, Tab reaches the buttons in a row. With `selectionMode="multiple"` every row
- * gets a SelectionCheckbox; Space or a click on the row toggles it. The list is `relative` because it scrolls.
+ * ↑ ↓ move between rows and → through a row's own controls; Tab leaves the list. With
+ * `selectionMode="multiple"` every row gets a SelectionCheckbox; Space or a click on the row toggles it. The list is `relative` because it scrolls,
+ * and because React Aria positions its drop indicators absolutely.
+ *
+ * Drag and drop: pass `dragAndDropHooks` from React Aria's `useDragAndDrop`, with
+ * `renderDropIndicator: (target) => <DropIndicator target={target} />`. Every draggable row then shows a drag
+ * button, which is how a keyboard or screen reader drag starts.
  */
 export declare function GridList<T extends object>({ className, ...props }: GridListProps<T>): import("react").JSX.Element;
 export interface GridListItemProps extends Omit<RACGridListItemProps, 'className' | 'children'> {
@@ -17,8 +22,10 @@ export interface GridListItemProps extends Omit<RACGridListItemProps, 'className
     description?: ReactNode;
     /** Buttons for this row only. Name them with the row ("Remove Priya Shah"). */
     actions?: ReactNode;
+    /** Words for the drag button, when the row can be dragged. React Aria's own ("Drag {name}") by default. */
+    dragLabel?: string;
     className?: string;
 }
 /** Selected: brand-subtle, the 3px sidebar-primary marker and a ticked box — the same signals as a table row. */
-export declare function GridListItem({ children, description, actions, className, ...props }: GridListItemProps): import("react").JSX.Element;
+export declare function GridListItem({ children, description, actions, dragLabel, className, ...props }: GridListItemProps): import("react").JSX.Element;
 //# sourceMappingURL=grid-list.d.ts.map

package/dist/ui/grid-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid-list.d.ts","sourceRoot":"","sources":["../../src/ui/grid-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAGL,KAAK,iBAAiB,IAAI,oBAAoB,EAC9C,KAAK,aAAa,IAAI,gBAAgB,EACvC,MAAM,uBAAuB,CAAC;AAI/B,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC;IAC7F,iDAAiD;IACjD,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,+BAUnF;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,UAAU,CAAC;IAC7F,QAAQ,EAAE,SAAS,CAAC;IACpB,sDAAsD;IACtD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iHAAiH;AACjH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,+BA6BnB"}
+{"version":3,"file":"grid-list.d.ts","sourceRoot":"","sources":["../../src/ui/grid-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAIL,KAAK,iBAAiB,IAAI,oBAAoB,EAC9C,KAAK,aAAa,IAAI,gBAAgB,EACvC,MAAM,uBAAuB,CAAC;AAI/B,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC;IAC7F,iDAAiD;IACjD,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,+BAWnF;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,UAAU,CAAC;IAC7F,QAAQ,EAAE,SAAS,CAAC;IACpB,sDAAsD;IACtD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2GAA2G;IAC3G,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iHAAiH;AACjH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,+BAgDnB"}

package/dist/ui/grid-list.js

@@ -1,21 +1,32 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { GridList as RACGridList, GridListItem as RACGridListItem, } from 'react-aria-components';
+import { GripVertical } from 'lucide-react';
+import { Button as RACButton, GridList as RACGridList, GridListItem as RACGridListItem, } from 'react-aria-components';
 import { cn } from '../lib/cn.js';
 import { SelectionCheckbox } from './checkbox.js';
 /**
  * A list of items people act on — members, files, integrations — where each row can hold its own buttons.
- * Arrow keys move between rows, Tab reaches the buttons in a row. With `selectionMode="multiple"` every row
- * gets a SelectionCheckbox; Space or a click on the row toggles it. The list is `relative` because it scrolls.
+ * ↑ ↓ move between rows and → through a row's own controls; Tab leaves the list. With
+ * `selectionMode="multiple"` every row gets a SelectionCheckbox; Space or a click on the row toggles it. The list is `relative` because it scrolls,
+ * and because React Aria positions its drop indicators absolutely.
+ *
+ * Drag and drop: pass `dragAndDropHooks` from React Aria's `useDragAndDrop`, with
+ * `renderDropIndicator: (target) => <DropIndicator target={target} />`. Every draggable row then shows a drag
+ * button, which is how a keyboard or screen reader drag starts.
  */
 export function GridList({ className, ...props }) {
-    return (_jsx(RACGridList, { ...props, className: cn('relative flex max-h-[inherit] flex-col overflow-auto rounded-lg border border-border bg-card text-sm outline-none data-focus-visible:focus-ring', className) }));
+    return (_jsx(RACGridList, { ...props, className: cn('relative flex max-h-[inherit] flex-col overflow-auto rounded-lg border border-border bg-card text-sm outline-none data-focus-visible:focus-ring', 'data-drop-target:bg-brand-subtle data-drop-target:outline-2 data-drop-target:outline-solid data-drop-target:outline-brand data-drop-target:-outline-offset-2', className) }));
 }
 /** Selected: brand-subtle, the 3px sidebar-primary marker and a ticked box — the same signals as a table row. */
-export function GridListItem({ children, description, actions, className, ...props }) {
+export function GridListItem({ children, description, actions, dragLabel, className, ...props }) {
     const textValue = props.textValue ?? (typeof children === 'string' ? children : undefined);
-    return (_jsx(RACGridListItem, { ...props, textValue: textValue, className: cn(
+    return (_jsx(RACGridListItem, { ...props, textValue: textValue, className: ({ allowsDragging }) => cn(
         // React Aria sets data-hovered only on a row that can be selected or has an action: the pointer then.
-        'group/item relative flex min-h-[calc(var(--control-height)+12px)] cursor-default items-center gap-3 border-b border-border px-3 py-1.5 outline-none last:border-b-0', 'data-hovered:cursor-pointer data-disabled:cursor-not-allowed data-hovered:bg-accent data-selected:bg-brand-subtle data-selected:shadow-[inset_3px_0_0_var(--sidebar-primary)] data-focus-visible:focus-ring-inset data-disabled:opacity-60', className), children: ({ selectionMode, selectionBehavior }) => (_jsxs(_Fragment, { children: [selectionMode !== 'none' && selectionBehavior === 'toggle' && (_jsx(SelectionCheckbox, { className: "-ml-1" })), _jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "leading-5 font-medium text-foreground", children: children }), description && (_jsx("span", { className: "text-[13px] leading-5 text-muted-foreground", children: description }))] }), actions && _jsx("span", { className: "flex shrink-0 items-center gap-1", children: actions })] })) }));
+        'group/item relative flex min-h-[calc(var(--control-height)+12px)] cursor-default items-center gap-3 border-b border-border py-1.5 pe-3 outline-none last:border-b-0', 
+        // A draggable row starts with its drag button, whose target is wider than its paint: the row gives it
+        // the start padding rather than the button reaching into it.
+        allowsDragging ? 'ps-1' : 'ps-3', 'data-hovered:cursor-pointer data-disabled:cursor-not-allowed data-hovered:bg-accent data-selected:bg-brand-subtle data-selected:shadow-[inset_3px_0_0_var(--sidebar-primary)] data-focus-visible:focus-ring-inset data-disabled:opacity-60', 'data-dragging:opacity-50 data-drop-target:bg-brand-subtle data-drop-target:outline-2 data-drop-target:outline-solid data-drop-target:outline-brand data-drop-target:-outline-offset-2', 
+        // Forced colours drop the selected ground and the inset marker: draw the marker in Highlight instead.
+        "forced-colors:data-selected:before:absolute forced-colors:data-selected:before:inset-y-1 forced-colors:data-selected:before:start-0 forced-colors:data-selected:before:w-[3px] forced-colors:data-selected:before:bg-[Highlight] forced-colors:data-selected:before:forced-color-adjust-none forced-colors:data-selected:before:content-['']", className), children: ({ selectionMode, selectionBehavior, allowsDragging }) => (_jsxs(_Fragment, { children: [allowsDragging && (_jsx(RACButton, { slot: "drag", "aria-label": dragLabel, className: "group/grid-drag relative flex min-h-target min-w-target shrink-0 cursor-grab items-center justify-center outline-none", children: _jsx("span", { className: "flex size-control-sm items-center justify-center rounded-md text-muted-foreground group-data-focus-visible/grid-drag:focus-ring group-data-hovered/grid-drag:bg-muted group-data-hovered/grid-drag:text-foreground", children: _jsx(GripVertical, { "aria-hidden": "true", className: "size-4" }) }) })), selectionMode !== 'none' && selectionBehavior === 'toggle' && (_jsx(SelectionCheckbox, { className: "-ml-1" })), _jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "leading-5 font-medium text-foreground", children: children }), description && (_jsx("span", { className: "text-[13px] leading-5 text-muted-foreground", children: description }))] }), actions && _jsx("span", { className: "flex shrink-0 items-center gap-1", children: actions })] })) }));
 }
 //# sourceMappingURL=grid-list.js.map

package/dist/ui/grid-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid-list.js","sourceRoot":"","sources":["../../src/ui/grid-list.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,QAAQ,IAAI,WAAW,EACvB,YAAY,IAAI,eAAe,GAGhC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAQlD;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAmB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IAClF,OAAO,CACL,KAAC,WAAW,OACN,KAAK,EACT,SAAS,EAAE,EAAE,CACX,iJAAiJ,EACjJ,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC;AAWD,iHAAiH;AACjH,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACU;IAClB,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3F,OAAO,CACL,KAAC,eAAe,OACV,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,EAAE;QACX,sGAAsG;QACtG,qKAAqK,EACrK,4OAA4O,EAC5O,SAAS,CACV,YAEA,CAAC,EAAE,aAAa,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,CACzC,8BACG,aAAa,KAAK,MAAM,IAAI,iBAAiB,KAAK,QAAQ,IAAI,CAC7D,KAAC,iBAAiB,IAAC,SAAS,EAAC,OAAO,GAAG,CACxC,EACD,gBAAM,SAAS,EAAC,8BAA8B,aAC5C,eAAM,SAAS,EAAC,uCAAuC,YAAE,QAAQ,GAAQ,EACxE,WAAW,IAAI,CACd,eAAM,SAAS,EAAC,6CAA6C,YAAE,WAAW,GAAQ,CACnF,IACI,EACN,OAAO,IAAI,eAAM,SAAS,EAAC,kCAAkC,YAAE,OAAO,GAAQ,IAC9E,CACJ,GACe,CACnB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"grid-list.js","sourceRoot":"","sources":["../../src/ui/grid-list.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EACL,MAAM,IAAI,SAAS,EACnB,QAAQ,IAAI,WAAW,EACvB,YAAY,IAAI,eAAe,GAGhC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAQlD;;;;;;;;;GASG;AACH,MAAM,UAAU,QAAQ,CAAmB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IAClF,OAAO,CACL,KAAC,WAAW,OACN,KAAK,EACT,SAAS,EAAE,EAAE,CACX,iJAAiJ,EACjJ,8JAA8J,EAC9J,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC;AAaD,iHAAiH;AACjH,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACU;IAClB,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3F,OAAO,CACL,KAAC,eAAe,OACV,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAChC,EAAE;QACA,sGAAsG;QACtG,qKAAqK;QACrK,sGAAsG;QACtG,6DAA6D;QAC7D,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAChC,4OAA4O,EAC5O,uLAAuL;QACvL,sGAAsG;QACtG,8UAA8U,EAC9U,SAAS,CACV,YAGF,CAAC,EAAE,aAAa,EAAE,iBAAiB,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACzD,8BACG,cAAc,IAAI,CACjB,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,gBACC,SAAS,EACrB,SAAS,EAAC,uHAAuH,YAEjI,eAAM,SAAS,EAAC,oNAAoN,YAClO,KAAC,YAAY,mBAAa,MAAM,EAAC,SAAS,EAAC,QAAQ,GAAG,GACjD,GACG,CACb,EACA,aAAa,KAAK,MAAM,IAAI,iBAAiB,KAAK,QAAQ,IAAI,CAC7D,KAAC,iBAAiB,IAAC,SAAS,EAAC,OAAO,GAAG,CACxC,EACD,gBAAM,SAAS,EAAC,8BAA8B,aAC5C,eAAM,SAAS,EAAC,uCAAuC,YAAE,QAAQ,GAAQ,EACxE,WAAW,IAAI,CACd,eAAM,SAAS,EAAC,6CAA6C,YAAE,WAAW,GAAQ,CACnF,IACI,EACN,OAAO,IAAI,eAAM,SAAS,EAAC,kCAAkC,YAAE,OAAO,GAAQ,IAC9E,CACJ,GACe,CACnB,CAAC;AACJ,CAAC"}

package/dist/ui/pagination.d.ts

@@ -1,30 +1,85 @@
-/** Pagination's words, for the `labels` prop. `{page}` is a page number. */
+/** Pagination's words, for the `labels` prop. `{noun}` is what the list holds, from `labels.noun`. */
 export interface PaginationLabels {
     /** Names the navigation landmark. */
     pagination: string;
+    /** What the list holds: "projects". */
+    noun: string;
+    /** The range, in bold: "21–30 of 212". What sits between `{from}` and `{to}` is shown, and read as `rangeTo`. */
+    range: string;
+    /** Read in place of the dash between the two figures: " to ". */
+    rangeTo: string;
+    /** The range of an empty list. */
+    empty: string;
+    rowsPerPage: string;
+    /** A page link's name around its number, which is all it shows: "Page {page} of {noun}". */
+    page: string;
     previous: string;
     next: string;
-    /** A page link's name around its number, which is all it shows: "Page {page}". */
-    page: string;
+    /** The page field's label, above 20 pages. */
+    field: string;
+    /** After the field: "of {last}". */
+    of: string;
+    go: string;
+    outOfRange: string;
+    /** Said once a page has taken longer than `--duration-loading-delay` to arrive. */
+    loading: string;
+    errorPrefix: string;
 }
-export interface PaginationProps {
-    /** The current page, from 1. */
-    page: number;
-    pageCount: number;
+/**
+ * A Laravel API Resource collection's `meta`. Only these fields are read; `links` and `path` point at the API,
+ * not at the page people are on, so they are never used.
+ */
+export interface PaginationMeta {
+    current_page: number;
+    from: number | null;
+    last_page: number;
+    per_page: number;
+    to: number | null;
+    total: number;
+}
+interface PaginationBase {
     /**
      * Where a page is: a function, or a string with `{page}` in it ("/projects?page={page}&sort=name"), which a
-     * server component can pass where it can't pass a function.
+     * server component can pass where it can't pass a function. Keep the rest of the query (sort, filters,
+     * `per_page`) in it.
      */
     href: string | ((page: number) => string);
+    /** The query parameter the page number goes in, for the page field's form. Default `page`. */
+    pageParam?: string;
+    /** Above this many pages the numbers give way to a "Page [n] of N" field. Default 20. */
+    fieldAbove?: number;
     labels?: Partial<PaginationLabels>;
     className?: string;
 }
+export type PaginationProps = PaginationBase & ({
+    /** The list's meta: the range, rows per page and the pages all come from it. */
+    meta: PaginationMeta;
+    /**
+     * Rows per page, which the product applies in place: re-fetch with the new size and give back the new
+     * meta. `page` is the page that holds the first row being looked at, so it stays in view. Without it
+     * there's no Rows per page.
+     */
+    onPerPageChange?: (perPage: number, page: number) => void;
+    /** Default 10, 25, 50. */
+    perPageOptions?: number[];
+    page?: never;
+    pageCount?: never;
+} | {
+    /** The current page, from 1. */
+    page: number;
+    pageCount: number;
+    meta?: never;
+    onPerPageChange?: never;
+    perPageOptions?: never;
+});
 /**
- * Links to the pages of a long list: Previous, the first and last pages, the ones either side of the current one,
- * and Next. Every page is a link, so it works with JavaScript off and goes through your router's
- * `RouterProvider` when it is on. The current page is marked `aria-current="page"` and painted as the primary
- * button: fill and weight, not colour alone. Previous and Next are left out at the ends rather than disabled.
- * Nothing renders for a single page.
+ * The footer of a long list: Rows per page, the range ("21–30 of 212 projects") and the pages. Up to 20 pages
+ * it shows numbers, seven slots at most, so the row never changes length; above that, a "Page [n] of N" field.
+ * Every page is a link, so it works with JavaScript off, and goes through your router's `RouterProvider` when it
+ * is on; the field is a GET form that keeps the rest of the query. The current page is `aria-current="page"`,
+ * painted as the primary button: fill and weight, not colour alone. Previous and Next are left out at the ends,
+ * with their place kept.
  */
-export declare function Pagination({ page, pageCount, href, labels: given, className }: PaginationProps): import("react").JSX.Element | null;
+export declare function Pagination(props: PaginationProps): import("react").JSX.Element | null;
+export {};
 //# sourceMappingURL=pagination.d.ts.map

package/dist/ui/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/ui/pagination.tsx"],"names":[],"mappings":"AAQA,4EAA4E;AAC5E,MAAM,WAAW,gBAAgB;IAC/B,qCAAqC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,kFAAkF;IAClF,IAAI,EAAE,MAAM,CAAC;CACd;AASD,MAAM,WAAW,eAAe;IAC9B,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmBD;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,sCA4C9F"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/ui/pagination.tsx"],"names":[],"mappings":"AAsBA,sGAAsG;AACtG,MAAM,WAAW,gBAAgB;IAC/B,qCAAqC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,iHAAiH;IACjH,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,OAAO,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,4FAA4F;IAC5F,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;CACrB;AAoBD;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,cAAc;IACtB;;;;OAIG;IACH,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC1C,8FAA8F;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,GAC1C,CACI;IACE,gFAAgF;IAChF,IAAI,EAAE,cAAc,CAAC;IACrB;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,0BAA0B;IAC1B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,GACD;IACE,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CACJ,CAAC;AAOJ;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,sCA+LhD"}

package/dist/ui/pagination.js

@@ -1,48 +1,193 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Link } from 'react-aria-components';
-import { ChevronLeft, ChevronRight } from 'lucide-react';
+import { useEffect, useId, useLayoutEffect, useRef, useState, } from 'react';
+import { Link, useLocale } from 'react-aria-components';
+import { ChevronLeft, ChevronRight, CircleAlert } from 'lucide-react';
 import { cn } from '../lib/cn.js';
 import { fill, withLabels } from '../lib/labels.js';
+import { pageItems } from '../lib/page-items.js';
+import { Button } from './button.js';
+import { Option } from './list-box.js';
+import { Select } from './select.js';
 const paginationLabels = {
     pagination: 'Pagination',
-    previous: 'Previous',
-    next: 'Next',
-    page: 'Page {page}',
+    noun: 'results',
+    range: '{from}–{to} of {total}',
+    rangeTo: ' to ',
+    empty: 'No {noun}',
+    rowsPerPage: 'Rows per page',
+    page: 'Page {page} of {noun}',
+    previous: 'Previous page of {noun}',
+    next: 'Next page of {noun}',
+    field: 'Page',
+    of: 'of {last}',
+    go: 'Go',
+    outOfRange: 'Enter a page from 1 to {last}',
+    loading: 'Loading page {page}…',
+    errorPrefix: 'Error: ',
 };
-/** First, last, and the pages either side of the current one, with a gap where pages are left out. */
-function pageWindow(current, last) {
-    const pages = [...new Set([1, last, current - 1, current, current + 1])]
-        .filter((n) => n >= 1 && n <= last)
-        .toSorted((a, b) => a - b);
-    const out = [];
-    let previous = 0;
-    for (const n of pages) {
-        if (n - previous > 1)
-            out.push({ key: `gap-${previous}-${n}`, gap: true });
-        out.push({ key: `page-${n}`, page: n });
-        previous = n;
-    }
-    return out;
-}
+/** An arrow's place, the same with the arrow or without, so the row keeps its length at the ends. */
+const arrowSlot = 'flex w-[max(var(--target-min),var(--control-height))] min-h-target';
 /**
- * Links to the pages of a long list: Previous, the first and last pages, the ones either side of the current one,
- * and Next. Every page is a link, so it works with JavaScript off and goes through your router's
- * `RouterProvider` when it is on. The current page is marked `aria-current="page"` and painted as the primary
- * button: fill and weight, not colour alone. Previous and Next are left out at the ends rather than disabled.
- * Nothing renders for a single page.
+ * The footer of a long list: Rows per page, the range ("21–30 of 212 projects") and the pages. Up to 20 pages
+ * it shows numbers, seven slots at most, so the row never changes length; above that, a "Page [n] of N" field.
+ * Every page is a link, so it works with JavaScript off, and goes through your router's `RouterProvider` when it
+ * is on; the field is a GET form that keeps the rest of the query. The current page is `aria-current="page"`,
+ * painted as the primary button: fill and weight, not colour alone. Previous and Next are left out at the ends,
+ * with their place kept.
  */
-export function Pagination({ page, pageCount, href, labels: given, className }) {
-    if (pageCount <= 1)
-        return null;
+export function Pagination(props) {
+    const { href, pageParam = 'page', fieldAbove = 20, labels: given, className } = props;
+    const meta = props.meta;
+    const current = meta ? meta.current_page : props.page;
+    const last = Math.max(1, meta ? meta.last_page : props.pageCount);
     const labels = withLabels(paginationLabels, given);
+    const noun = labels.noun;
+    const { locale } = useLocale();
+    const format = (n) => new Intl.NumberFormat(locale).format(n);
     const to = (n) => (typeof href === 'function' ? href(n) : fill(href, { page: n }));
-    // A page link shows its number; the words around it ("Page …") are for its name, which keeps the number (2.5.3).
+    // Which way the last change went, for the range's figures and the current page.
+    const [seen, setSeen] = useState({
+        page: current,
+        per: meta?.per_page,
+        moved: false,
+        forward: true,
+    });
+    if (seen.page !== current || seen.per !== meta?.per_page) {
+        setSeen({
+            page: current,
+            per: meta?.per_page,
+            moved: true,
+            forward: seen.page !== current ? current > seen.page : (meta?.per_page ?? 0) > (seen.per ?? 0),
+        });
+    }
+    // Pending: the control you used, from the moment it's pressed until the page changes.
+    const [pending, setPending] = useState(null);
+    const [sayingFor, setSayingFor] = useState(null);
+    const saying = !!pending && sayingFor === pending;
+    if (pending && pending.from !== current)
+        setPending(null);
+    useEffect(() => {
+        if (!pending)
+            return;
+        // The message waits as long as the mark does (--duration-loading-delay), so a fast page says nothing.
+        const delay = parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--duration-loading-delay')) || 400;
+        const timer = setTimeout(() => setSayingFor(pending), delay);
+        return () => clearTimeout(timer);
+    }, [pending]);
+    // Focus after paging: Previous and Next keep it unless they've gone at an end; a page number moves it to the
+    // new current page; the field keeps it.
+    const intent = useRef(null);
+    const currentRef = useRef(null);
+    const fieldRef = useRef(null);
+    useLayoutEffect(() => {
+        const kind = intent.current;
+        intent.current = null;
+        if (!kind)
+            return;
+        const gone = (kind === 'prev' && current === 1) || (kind === 'next' && current === last);
+        if (kind === 'field')
+            fieldRef.current?.focus();
+        else if (kind === 'num' || gone)
+            (currentRef.current ?? fieldRef.current)?.focus();
+    }, [current, last]);
+    const press = (kind, page) => (e) => {
+        // A new tab or window leaves this page as it is.
+        if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey)
+            return;
+        intent.current = kind;
+        setPending({ kind, page, from: current });
+    };
+    const fieldId = useId();
+    const [error, setError] = useState('');
+    const [errorPage, setErrorPage] = useState(current);
+    if (errorPage !== current) {
+        setErrorPage(current);
+        setError('');
+    }
+    const showSelect = !!meta && !!props.onPerPageChange;
+    const options = (meta && props.perPageOptions) || [10, 25, 50];
+    if (!meta && last <= 1)
+        return null;
+    const range = meta && (_jsx(Range, { meta: meta, labels: labels, format: format, moved: seen.moved, forward: seen.forward }));
+    return (_jsxs("div", { className: cn('@container/pagination relative w-full', className), children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-x-6 gap-y-3 @max-[560px]/pagination:flex-col @max-[560px]/pagination:items-stretch", children: [showSelect && (meta.total > Math.min(...options) || meta.last_page > 1) && (_jsx(Select, { label: labels.rowsPerPage, width: "xs", selectedKey: String(meta.per_page), onSelectionChange: (key) => {
+                            const per = Number(key);
+                            if (!per || per === meta.per_page)
+                                return;
+                            props.onPerPageChange?.(per, meta.from ? Math.floor((meta.from - 1) / per) + 1 : 1);
+                        }, children: options.map((n) => (_jsx(Option, { id: String(n), children: format(n) }, n))) })), range && _jsx("div", { className: "flex min-h-control-target items-center", children: range }), last > 1 && (_jsxs("nav", { "aria-label": labels.pagination, "aria-busy": pending ? true : undefined, "data-moved": seen.moved ? '' : undefined, className: "relative min-w-0 @max-[560px]/pagination:self-start", style: { '--pagination-slot': `calc(${String(last).length}ch + 16px)` }, children: [_jsx("span", { role: "status", className: "sr-only", children: pending && saying ? fill(labels.loading, { page: format(pending.page) }) : '' }), _jsxs("div", { className: "flex items-center gap-1", children: [current > 1 ? (_jsx(Arrow, { href: to(current - 1), rel: "prev", label: fill(labels.previous, { noun }), pending: pending?.kind === 'prev', onPress: press('prev', current - 1) })) : (_jsx("span", { "aria-hidden": "true", className: arrowSlot })), last <= fieldAbove ? (_jsx(Numbers, { current: current, last: last, to: to, labels: labels, format: format, pending: pending, press: press, currentRef: currentRef })) : (_jsx(PageField, { id: fieldId, error: error, setError: setError, current: current, last: last, to: to, pageParam: pageParam, labels: labels, format: format, fieldRef: fieldRef, pending: pending?.kind === 'field', onGo: (n) => {
+                                            intent.current = 'field';
+                                            setPending({ kind: 'field', page: n, from: current });
+                                        } })), current < last ? (_jsx(Arrow, { href: to(current + 1), rel: "next", label: fill(labels.next, { noun }), pending: pending?.kind === 'next', onPress: press('next', current + 1) })) : (_jsx("span", { "aria-hidden": "true", className: arrowSlot }))] })] }))] }), last > fieldAbove && (_jsx("div", { role: "alert", id: `${fieldId}-error`, children: error && (_jsxs("p", { className: "mt-2 flex items-center gap-1.5 text-[13px] leading-5 font-semibold text-destructive", children: [_jsx(CircleAlert, { "aria-hidden": "true", className: "size-4 shrink-0" }), _jsxs("span", { children: [_jsx("span", { className: "sr-only", children: labels.errorPrefix }), error] })] })) }))] }));
+}
+/** "21–30 of 212 projects": the figures bold, the noun muted, and the dash read as "to". */
+function Range({ meta, labels, format, moved, forward, }) {
+    if (!meta.total || meta.from == null || meta.to == null)
+        return (_jsx("p", { role: "status", className: "text-sm text-muted-foreground", children: fill(labels.empty, { noun: labels.noun }) }));
+    const match = /^(.*?)\{from\}(.*?)\{to\}(.*)$/.exec(labels.range);
+    const [, before = '', between = '', after = ''] = match ?? ['', '', '', labels.range];
+    const values = { total: format(meta.total), from: format(meta.from), to: format(meta.to) };
+    return (_jsxs("p", { role: "status", className: "text-sm text-muted-foreground tabular-nums", children: [_jsxs("span", { "data-direction": moved ? (forward ? 'forward' : 'back') : undefined, className: "pagination-roll font-semibold text-foreground", children: [fill(before, values), values.from, _jsx("span", { "aria-hidden": "true", children: between }), _jsx("span", { className: "sr-only", children: labels.rangeTo }), values.to, fill(after, values)] }, `${meta.from}-${meta.to}-${meta.total}`), ' ', labels.noun] }));
+}
+function Numbers({ current, last, to, labels, format, pending, press, currentRef, }) {
+    // A page link shows its number; the words around it are for its name, which keeps the number (2.5.3).
     const [before, after = ''] = labels.page.split('{page}');
-    return (_jsx("nav", { "aria-label": labels.pagination, className: cn('min-w-0', className), children: _jsxs("ul", { role: "list", className: "flex flex-wrap items-center gap-1", children: [page > 1 && (_jsx("li", { children: _jsxs(PageLink, { href: to(page - 1), rel: "prev", children: [_jsx(ChevronLeft, { "aria-hidden": "true", className: "size-4" }), labels.previous] }) })), pageWindow(page, pageCount).map((entry) => 'gap' in entry ? (_jsx("li", { "aria-hidden": "true", className: "px-1 text-sm text-muted-foreground", children: "\u2026" }, entry.key)) : (_jsx("li", { children: _jsxs(PageLink, { href: to(entry.page), isCurrent: entry.page === page, children: [before && _jsx("span", { className: "sr-only", children: before }), entry.page, after && _jsx("span", { className: "sr-only", children: after })] }) }, entry.key))), page < pageCount && (_jsx("li", { children: _jsxs(PageLink, { href: to(page + 1), rel: "next", children: [labels.next, _jsx(ChevronRight, { "aria-hidden": "true", className: "size-4" })] }) }))] }) }));
+    return (_jsx("ul", { role: "list", className: "flex min-w-0 flex-wrap gap-1", children: pageItems(current, last).map((item) => (_jsx("li", { className: "flex w-[max(var(--target-min),var(--control-height),var(--pagination-slot))] justify-center", children: typeof item === 'number' ? (_jsxs(PageLink, { href: to(item), isCurrent: item === current, pending: pending?.kind === 'num' && pending.page === item, onPress: press('num', item), ref: item === current ? currentRef : undefined, children: [before && _jsx("span", { className: "sr-only", children: fill(before, { noun: labels.noun }) }), format(item), after && _jsx("span", { className: "sr-only", children: fill(after, { noun: labels.noun }) })] })) : (_jsx("span", { "aria-hidden": "true", className: "inline-flex h-control w-full items-center justify-center text-sm tracking-[1px] text-muted-foreground", children: "\u2026" })) }, typeof item === 'number' ? `page-${item}` : item))) }));
+}
+/** "Page [n] of N", a GET form that keeps the rest of the query. With JavaScript it goes through the router. */
+function PageField({ id, error, setError, current, last, to, pageParam, labels, format, fieldRef, pending, onGo, }) {
+    const [value, setValue] = useState(String(current));
+    // A new page shows its own number; the field itself stays, so focus stays in it.
+    const [shown, setShown] = useState(current);
+    if (shown !== current) {
+        setShown(current);
+        setValue(String(current));
+    }
+    const [target, setTarget] = useState(null);
+    const link = useRef(null);
+    // Where the form goes without JavaScript: the page's own path, with the rest of its query as hidden fields.
+    const url = new URL(to(1), 'http://pagination.invalid');
+    const action = /^[a-z][a-z\d+.-]*:/i.test(to(1)) ? url.origin + url.pathname : url.pathname;
+    const hidden = [...url.searchParams].filter(([name]) => name !== pageParam);
+    const changed = value.trim() !== '' && value.trim() !== String(current);
+    const digits = Math.max(2, String(last).length);
+    // Navigate through the same link machinery as the page links, so a RouterProvider handles it.
+    useEffect(() => {
+        if (target != null)
+            link.current?.click();
+    }, [target]);
+    const submit = (e) => {
+        e.preventDefault();
+        const raw = value.trim();
+        const n = /^\d+$/.test(raw) ? Number(raw) : NaN;
+        if (!(n >= 1 && n <= last)) {
+            setError(fill(labels.outOfRange, { last: format(last) }));
+            return;
+        }
+        if (n === current)
+            return;
+        onGo(n);
+        setTarget(n);
+    };
+    return (_jsxs("form", { action: action, method: "get", noValidate: true, onSubmit: submit, className: "mx-1 inline-flex min-w-0 flex-wrap items-center gap-2", children: [hidden.map(([name, v]) => (_jsx("input", { type: "hidden", name: name, value: v }, name))), _jsx("label", { htmlFor: id, className: "text-sm font-semibold text-foreground", children: labels.field }), _jsx("div", { "data-invalid": error ? '' : undefined, className: cn('field-paint flex has-[input:focus]:before:focus-ring data-invalid:before:border-destructive data-invalid:before:shadow-[inset_0_0_0_1px_var(--destructive)]', pending && 'pagination-field-pending'), children: _jsx("input", { ref: fieldRef, id: id, name: pageParam, inputMode: "numeric", autoComplete: "off", value: value, "aria-invalid": error ? true : undefined, "aria-describedby": `${id}-of ${id}-error`, onChange: (e) => {
+                        setValue(e.target.value);
+                        setError('');
+                    }, onKeyDown: (e) => {
+                        if (e.key !== 'Escape' || value === String(current))
+                            return;
+                        e.preventDefault();
+                        setValue(String(current));
+                        setError('');
+                    }, style: { width: `calc(${digits + 1}ch + 2 * var(--control-pad-x) + 2px)` }, className: "field-input cursor-text px-(--control-pad-x) text-center text-sm font-bold text-foreground tabular-nums" }) }), _jsx("span", { id: `${id}-of`, className: "text-sm whitespace-nowrap text-muted-foreground tabular-nums", children: fill(labels.of, { last: format(last) }) }), changed && (_jsx("span", { className: "pagination-go inline-flex", children: _jsx(Button, { type: "submit", isPending: pending, children: labels.go }) })), target != null && (_jsx("span", { hidden: true, children: _jsx(Link, { ref: link, href: to(target), children: format(target) }) }))] }));
 }
 /** Three layers: the link is the target, at least --target-min both ways; the painted box carries hover, focus and current. */
-function PageLink({ href, rel, isCurrent, children, }) {
-    return (_jsx(Link, { href: href, rel: rel, "aria-current": isCurrent ? 'page' : undefined, className: "group/page relative inline-flex min-h-target min-w-target cursor-pointer items-center justify-center no-underline outline-none", children: _jsx("span", { className: cn('inline-flex h-control min-w-control items-center justify-center gap-1 rounded-md px-2 text-sm font-medium text-foreground tabular-nums', 'group-data-hovered/page:bg-accent group-data-focus-visible/page:focus-ring', 'group-aria-[current=page]/page:bg-primary group-aria-[current=page]/page:font-bold group-aria-[current=page]/page:text-primary-foreground'), children: children }) }));
+function PageLink({ href, rel, isCurrent, pending, onPress, ref, label, className, children, }) {
+    return (_jsx(Link, { ref: ref, href: href, rel: rel, "aria-current": isCurrent ? 'page' : undefined, "aria-label": label, "data-pending": pending ? '' : undefined, onPress: onPress, className: cn('group/page relative inline-flex min-h-target w-full min-w-target cursor-pointer items-center justify-center no-underline outline-none data-pending:cursor-wait', className), children: _jsx("span", { className: "pagination-paint group-data-focus-visible/page:focus-ring", children: children }) }));
+}
+function Arrow({ href, rel, label, pending, onPress, }) {
+    const Icon = rel === 'prev' ? ChevronLeft : ChevronRight;
+    return (_jsxs(PageLink, { href: href, rel: rel, pending: pending, onPress: onPress, className: arrowSlot, children: [_jsx(Icon, { "aria-hidden": "true", className: cn('size-4 transition-transform duration-(--duration-fast) motion-reduce:transition-none aaa:translate-x-0!', rel === 'prev'
+                    ? 'group-data-hovered/page:-translate-x-0.5'
+                    : 'group-data-hovered/page:translate-x-0.5') }), _jsx("span", { className: "sr-only", children: label })] }));
 }
 //# sourceMappingURL=pagination.js.map

package/dist/ui/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../src/ui/pagination.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAYpD,MAAM,gBAAgB,GAAqB;IACzC,UAAU,EAAE,YAAY;IACxB,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,aAAa;CACpB,CAAC;AAiBF,sGAAsG;AACtG,SAAS,UAAU,CAAC,OAAe,EAAE,IAAY;IAC/C,MAAM,KAAK,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC;SACrE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC;SAClC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAC7B,MAAM,GAAG,GAAY,EAAE,CAAC;IACxB,IAAI,QAAQ,GAAG,CAAC,CAAC;IACjB,KAAK,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC;QACtB,IAAI,CAAC,GAAG,QAAQ,GAAG,CAAC;YAAE,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,OAAO,QAAQ,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;QAC3E,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;QACxC,QAAQ,GAAG,CAAC,CAAC;IACf,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAmB;IAC7F,IAAI,SAAS,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAChC,MAAM,MAAM,GAAG,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;IACnD,MAAM,EAAE,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,OAAO,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3F,iHAAiH;IACjH,MAAM,CAAC,MAAM,EAAE,KAAK,GAAG,EAAE,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACzD,OAAO,CACL,4BAAiB,MAAM,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,YAErE,cAAI,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,mCAAmC,aAC1D,IAAI,GAAG,CAAC,IAAI,CACX,uBACE,MAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,GAAG,EAAC,MAAM,aACtC,KAAC,WAAW,mBAAa,MAAM,EAAC,SAAS,EAAC,QAAQ,GAAG,EACpD,MAAM,CAAC,QAAQ,IACP,GACR,CACN,EACA,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACzC,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CACf,4BAAgC,MAAM,EAAC,SAAS,EAAC,oCAAoC,wBAA5E,KAAK,CAAC,GAAG,CAEb,CACN,CAAC,CAAC,CAAC,CACF,uBACE,MAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,KAAK,IAAI,aAC3D,MAAM,IAAI,eAAM,SAAS,EAAC,SAAS,YAAE,MAAM,GAAQ,EACnD,KAAK,CAAC,IAAI,EACV,KAAK,IAAI,eAAM,SAAS,EAAC,SAAS,YAAE,KAAK,GAAQ,IACzC,IALJ,KAAK,CAAC,GAAG,CAMb,CACN,CACF,EACA,IAAI,GAAG,SAAS,IAAI,CACnB,uBACE,MAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,GAAG,EAAC,MAAM,aACrC,MAAM,CAAC,IAAI,EACZ,KAAC,YAAY,mBAAa,MAAM,EAAC,SAAS,EAAC,QAAQ,GAAG,IAC7C,GACR,CACN,IACE,GACD,CACP,CAAC;AACJ,CAAC;AAED,+HAA+H;AAC/H,SAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,GAAG,EACH,SAAS,EACT,QAAQ,GAMT;IACC,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,kBACM,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,SAAS,EAAC,gIAAgI,YAE1I,eACE,SAAS,EAAE,EAAE,CACX,wIAAwI,EACxI,4EAA4E,EAC5E,2IAA2I,CAC5I,YAEA,QAAQ,GACJ,GACF,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../src/ui/pagination.tsx"],"names":[],"mappings":"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"}

package/dist/ui/switch.d.ts

@@ -7,7 +7,8 @@ export interface SwitchProps extends Omit<RACSwitchProps, 'className' | 'childre
 }
 /**
  * On/off that takes effect immediately — confirm the change with a status message. Inside a form that is
- * submitted later, use a Checkbox. On: the thumb moves right and the track fills, never colour alone.
+ * submitted later, use a Checkbox. On: the thumb moves right and the track fills, never colour alone. In forced
+ * colours the track and thumb are drawn in the system's colours (Canvas and CanvasText, Highlight when on).
  */
 export declare function Switch({ children, description, className, ...props }: SwitchProps): import("react").JSX.Element;
 //# sourceMappingURL=switch.d.ts.map

package/dist/ui/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAuB,KAAK,WAAW,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGhG,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,UAAU,CAAC;IACjF,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BA+BjF"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAuB,KAAK,WAAW,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGhG,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,UAAU,CAAC;IACjF,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAkCjF"}

package/dist/ui/switch.js

@@ -4,9 +4,12 @@ import { Switch as RACSwitch } from 'react-aria-components';
 import { cn } from '../lib/cn.js';
 /**
  * On/off that takes effect immediately — confirm the change with a status message. Inside a form that is
- * submitted later, use a Checkbox. On: the thumb moves right and the track fills, never colour alone.
+ * submitted later, use a Checkbox. On: the thumb moves right and the track fills, never colour alone. In forced
+ * colours the track and thumb are drawn in the system's colours (Canvas and CanvasText, Highlight when on).
  */
 export function Switch({ children, description, className, ...props }) {
-    return (_jsxs(RACSwitch, { ...props, className: cn('group/choice relative flex min-h-target cursor-pointer items-start gap-3 py-[calc((var(--target-min)-var(--choice-size))/2)] text-sm leading-5 text-foreground outline-none data-disabled:cursor-not-allowed data-disabled:opacity-60 data-readonly:cursor-default', className), children: [_jsx("span", { "aria-hidden": "true", className: cn('relative mt-[calc((20px-var(--choice-size))/2)] h-choice w-[calc(var(--choice-size)*1.8)] shrink-0 rounded-full border border-input bg-muted transition-colors duration-(--duration-fast)', 'group-data-focus-visible/choice:focus-ring group-data-selected/choice:border-primary group-data-selected/choice:bg-primary'), children: _jsx("span", { className: cn('absolute top-1/2 left-[2px] size-[calc(var(--choice-size)-6px)] -translate-y-1/2 rounded-full bg-muted-foreground', 'transition-[left] duration-(--duration-fast) motion-reduce:transition-none aaa:transition-none', 'group-data-selected/choice:left-[calc(100%-var(--choice-size)+4px)] group-data-selected/choice:bg-primary-foreground') }) }), _jsxs("span", { className: "flex min-w-0 flex-col", children: [_jsx("span", { children: children }), description && _jsx("span", { className: "text-[13px] text-muted-foreground", children: description })] })] }));
+    return (_jsxs(RACSwitch, { ...props, className: cn('group/choice relative flex min-h-target cursor-pointer items-start gap-3 py-[calc((var(--target-min)-var(--choice-size))/2)] text-sm leading-5 text-foreground outline-none data-disabled:cursor-not-allowed data-disabled:opacity-60 data-readonly:cursor-default', className), children: [_jsx("span", { "aria-hidden": "true", className: cn('relative mt-[calc((20px-var(--choice-size))/2)] h-choice w-[calc(var(--choice-size)*1.8)] shrink-0 rounded-full border border-input bg-muted transition-colors duration-(--duration-fast)', 'group-data-focus-visible/choice:focus-ring group-data-selected/choice:border-primary group-data-selected/choice:bg-primary', 
+                // Forced colours drop backgrounds, and with them the thumb: the system's colours, kept, draw it instead.
+                'forced-colors:border-[CanvasText] forced-colors:bg-[Canvas] forced-colors:forced-color-adjust-none forced-colors:group-data-selected/choice:border-[Highlight] forced-colors:group-data-selected/choice:bg-[Highlight]'), children: _jsx("span", { className: cn('absolute top-1/2 left-[2px] size-[calc(var(--choice-size)-6px)] -translate-y-1/2 rounded-full bg-muted-foreground', 'transition-[left] duration-(--duration-fast) motion-reduce:transition-none aaa:transition-none', 'group-data-selected/choice:left-[calc(100%-var(--choice-size)+4px)] group-data-selected/choice:bg-primary-foreground', 'forced-colors:bg-[CanvasText] forced-colors:group-data-selected/choice:bg-[HighlightText]') }) }), _jsxs("span", { className: "flex min-w-0 flex-col", children: [_jsx("span", { children: children }), description && _jsx("span", { className: "text-[13px] text-muted-foreground", children: description })] })] }));
 }
 //# sourceMappingURL=switch.js.map

package/dist/ui/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/ui/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,IAAI,SAAS,EAAsC,MAAM,uBAAuB,CAAC;AAChG,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC;;;GAGG;AACH,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAe;IAChF,OAAO,CAEL,MAAC,SAAS,OACJ,KAAK,EACT,SAAS,EAAE,EAAE,CACX,oQAAoQ,EACpQ,SAAS,CACV,aAED,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,2LAA2L,EAC3L,4HAA4H,CAC7H,YAED,eACE,SAAS,EAAE,EAAE,CACX,mHAAmH,EACnH,gGAAgG,EAChG,sHAAsH,CACvH,GACD,GACG,EACP,gBAAM,SAAS,EAAC,uBAAuB,aACrC,yBAAO,QAAQ,GAAQ,EACtB,WAAW,IAAI,eAAM,SAAS,EAAC,mCAAmC,YAAE,WAAW,GAAQ,IACnF,IACG,CACb,CAAC;AACJ,CAAC"}
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/ui/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,IAAI,SAAS,EAAsC,MAAM,uBAAuB,CAAC;AAChG,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC;;;;GAIG;AACH,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAe;IAChF,OAAO,CAEL,MAAC,SAAS,OACJ,KAAK,EACT,SAAS,EAAE,EAAE,CACX,oQAAoQ,EACpQ,SAAS,CACV,aAED,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,2LAA2L,EAC3L,4HAA4H;gBAC5H,yGAAyG;gBACzG,wNAAwN,CACzN,YAED,eACE,SAAS,EAAE,EAAE,CACX,mHAAmH,EACnH,gGAAgG,EAChG,sHAAsH,EACtH,2FAA2F,CAC5F,GACD,GACG,EACP,gBAAM,SAAS,EAAC,uBAAuB,aACrC,yBAAO,QAAQ,GAAQ,EACtB,WAAW,IAAI,eAAM,SAAS,EAAC,mCAAmC,YAAE,WAAW,GAAQ,IACnF,IACG,CACb,CAAC;AACJ,CAAC"}