@panneau/lists 5.0.0-alpha.0 → 5.0.0-alpha.10

package/dist/layouts/CardsLayout.css

@@ -1,4 +1,4 @@
-.panneau-cards-Z7Eoyl {
+.panneau-cards-layout-cards {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(min(16rem, 100%), 1fr));
     gap: var(--panneau-space-3);
@@ -7,7 +7,7 @@
     list-style: none;
 }
 
-.panneau-card-3yuJKc {
+.panneau-cards-layout-card {
     display: flex;
     flex-direction: column;
     gap: var(--panneau-space-2);
@@ -17,18 +17,23 @@
     border-radius: var(--panneau-radius-lg);
 }
 
-.panneau-card-3yuJKc[data-selected] {
+.panneau-cards-layout-card[data-current] {
+    border-color: var(--panneau-color-accent);
+    box-shadow: inset 0 0 0 1px var(--panneau-color-accent);
+}
+
+.panneau-cards-layout-card[data-selected] {
     background-color: var(--panneau-color-accent-subtle);
     border-color: var(--panneau-color-border-control);
 }
 
-.panneau-header-8nkYnu {
+.panneau-cards-layout-header {
     display: flex;
     align-items: flex-start;
     gap: var(--panneau-space-2);
 }
 
-.panneau-title-D4GR87 {
+.panneau-cards-layout-title {
     flex: 1;
     min-width: 0;
     margin: 0;
@@ -37,29 +42,35 @@
     line-height: var(--panneau-line-height-tight);
 }
 
-.panneau-values-JmHWF4 {
+.panneau-cards-layout-values {
     display: grid;
     gap: var(--panneau-space-1);
     margin: 0;
     font-size: var(--panneau-font-size-md);
 }
 
-.panneau-value--4Hmov {
+.panneau-cards-layout-values dt,
+.panneau-cards-layout-values dd {
+    margin: 0;
+    font-weight: inherit;
+}
+
+.panneau-cards-layout-value {
     display: grid;
     grid-template-columns: minmax(5rem, 40%) 1fr;
     gap: var(--panneau-space-2);
 }
 
-.panneau-value--4Hmov dt {
+.panneau-cards-layout-value dt {
     color: var(--panneau-color-text-muted);
 }
 
-.panneau-value--4Hmov dd {
+.panneau-cards-layout-value dd {
     margin: 0;
     min-width: 0;
 }
 
-.panneau-actions-gw5-oU {
+.panneau-cards-layout-actions {
     display: flex;
     flex-wrap: wrap;
     gap: var(--panneau-space-1);
@@ -67,6 +78,6 @@
     padding-top: var(--panneau-space-1);
 }
 
-.panneau-pageSelection-r1GtpS {
+.panneau-cards-layout-page-selection {
     margin-bottom: var(--panneau-space-2);
 }

package/dist/layouts/CardsLayout.d.ts

@@ -1,4 +1,4 @@
-import type { ListLayoutProps } from '../types';
+import type { ListLayoutProps } from '../types.js';
 /** Items as cards: the first column is the title, the others are listed under it. */
-export declare function CardsLayout({ items, columns, renderValue, getItemLabel, getItemHref, selectable, isSelected, onToggle, renderActions, label, pageSelection, }: ListLayoutProps): import("react").JSX.Element;
+export declare function CardsLayout({ items, columns, renderValue, getItemLabel, getItemHref, isCurrent, selectable, isSelected, onToggle, renderActions, label, pageSelection, }: ListLayoutProps): import("react").JSX.Element;
 //# sourceMappingURL=CardsLayout.d.ts.map

package/dist/layouts/CardsLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardsLayout.d.ts","sourceRoot":"","sources":["../../src/layouts/CardsLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhD,qFAAqF;AACrF,wBAAgB,WAAW,CAAC,EACxB,KAAK,EACL,OAAO,EACP,WAAW,EACX,YAAY,EACZ,WAAW,EACX,UAAU,EACV,UAAU,EACV,QAAQ,EACR,aAAa,EACb,KAAK,EACL,aAAa,GAChB,EAAE,eAAe,+BAqDjB"}
+{"version":3,"file":"CardsLayout.d.ts","sourceRoot":"","sources":["../../src/layouts/CardsLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhD,qFAAqF;AACrF,wBAAgB,WAAW,CAAC,EACxB,KAAK,EACL,OAAO,EACP,WAAW,EACX,YAAY,EACZ,WAAW,EACX,SAAS,EACT,UAAU,EACV,UAAU,EACV,QAAQ,EACR,aAAa,EACb,KAAK,EACL,aAAa,GAChB,EAAE,eAAe,+BAuDjB"}

package/dist/layouts/CardsLayout.js

@@ -7,32 +7,34 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/layouts/CardsLayout.tsx
 /** Items as cards: the first column is the title, the others are listed under it. */
 function CardsLayout(t0) {
-	const $ = c(26);
-	const { items, columns, renderValue, getItemLabel, getItemHref, selectable, isSelected, onToggle, renderActions, label, pageSelection } = t0;
+	const $ = c(27);
+	const { items, columns, renderValue, getItemLabel, getItemHref, isCurrent, selectable, isSelected, onToggle, renderActions, label, pageSelection } = t0;
 	const intl = usePanneauIntl();
 	let t1;
 	let t2;
 	let t3;
 	let t4;
-	if ($[0] !== columns || $[1] !== getItemHref || $[2] !== getItemLabel || $[3] !== intl || $[4] !== isSelected || $[5] !== items || $[6] !== label || $[7] !== onToggle || $[8] !== pageSelection || $[9] !== renderActions || $[10] !== renderValue || $[11] !== selectable) {
+	if ($[0] !== columns || $[1] !== getItemHref || $[2] !== getItemLabel || $[3] !== intl || $[4] !== isCurrent || $[5] !== isSelected || $[6] !== items || $[7] !== label || $[8] !== onToggle || $[9] !== pageSelection || $[10] !== renderActions || $[11] !== renderValue || $[12] !== selectable) {
 		const [title, ...others] = columns;
-		if ($[16] !== pageSelection || $[17] !== selectable) {
+		if ($[17] !== pageSelection || $[18] !== selectable) {
 			t4 = selectable ? /* @__PURE__ */ jsx("div", {
 				className: CardsLayout_module_default.pageSelection,
 				children: pageSelection
 			}) : null;
-			$[16] = pageSelection;
-			$[17] = selectable;
-			$[18] = t4;
-		} else t4 = $[18];
+			$[17] = pageSelection;
+			$[18] = selectable;
+			$[19] = t4;
+		} else t4 = $[19];
 		t1 = CardsLayout_module_default.cards;
 		t2 = label;
 		t3 = items.map((item) => {
 			const selected = selectable && isSelected(item);
 			const actions = renderActions(item);
+			const current = isCurrent?.(item) ?? false;
 			return /* @__PURE__ */ jsxs("li", {
 				className: CardsLayout_module_default.card,
 				"data-selected": selected || void 0,
+				"data-current": current || void 0,
 				children: [
 					/* @__PURE__ */ jsxs("div", {
 						className: CardsLayout_module_default.header,
@@ -40,6 +42,7 @@ function CardsLayout(t0) {
 							className: CardsLayout_module_default.title,
 							children: /* @__PURE__ */ jsx(ItemTitle, {
 								href: getItemHref?.(item) ?? null,
+								current,
 								children: title !== void 0 ? renderValue(item, title) : getItemLabel(item)
 							})
 						}), selectable ? /* @__PURE__ */ jsx(Checkbox, {
@@ -66,43 +69,44 @@ function CardsLayout(t0) {
 		$[1] = getItemHref;
 		$[2] = getItemLabel;
 		$[3] = intl;
-		$[4] = isSelected;
-		$[5] = items;
-		$[6] = label;
-		$[7] = onToggle;
-		$[8] = pageSelection;
-		$[9] = renderActions;
-		$[10] = renderValue;
-		$[11] = selectable;
-		$[12] = t1;
-		$[13] = t2;
-		$[14] = t3;
-		$[15] = t4;
+		$[4] = isCurrent;
+		$[5] = isSelected;
+		$[6] = items;
+		$[7] = label;
+		$[8] = onToggle;
+		$[9] = pageSelection;
+		$[10] = renderActions;
+		$[11] = renderValue;
+		$[12] = selectable;
+		$[13] = t1;
+		$[14] = t2;
+		$[15] = t3;
+		$[16] = t4;
 	} else {
-		t1 = $[12];
-		t2 = $[13];
-		t3 = $[14];
-		t4 = $[15];
+		t1 = $[13];
+		t2 = $[14];
+		t3 = $[15];
+		t4 = $[16];
 	}
 	let t5;
-	if ($[19] !== t1 || $[20] !== t2 || $[21] !== t3) {
+	if ($[20] !== t1 || $[21] !== t2 || $[22] !== t3) {
 		t5 = /* @__PURE__ */ jsx("ul", {
 			className: t1,
 			"aria-label": t2,
 			children: t3
 		});
-		$[19] = t1;
-		$[20] = t2;
-		$[21] = t3;
-		$[22] = t5;
-	} else t5 = $[22];
+		$[20] = t1;
+		$[21] = t2;
+		$[22] = t3;
+		$[23] = t5;
+	} else t5 = $[23];
 	let t6;
-	if ($[23] !== t4 || $[24] !== t5) {
+	if ($[24] !== t4 || $[25] !== t5) {
 		t6 = /* @__PURE__ */ jsxs("div", { children: [t4, t5] });
-		$[23] = t4;
-		$[24] = t5;
-		$[25] = t6;
-	} else t6 = $[25];
+		$[24] = t4;
+		$[25] = t5;
+		$[26] = t6;
+	} else t6 = $[26];
 	return t6;
 }
 //#endregion

package/dist/layouts/CardsLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardsLayout.js","names":["pageSelection","label","selected","actions","_c","styles"],"sources":["../../src/layouts/CardsLayout.tsx"],"sourcesContent":["import { Checkbox, usePanneauIntl } from '@panneau/ui';\n\nimport { messages } from '../messages';\nimport type { ListLayoutProps } from '../types';\nimport styles from './CardsLayout.module.css';\nimport { ItemTitle } from './ItemTitle';\n\n/** Items as cards: the first column is the title, the others are listed under it. */\nexport function CardsLayout({\n    items,\n    columns,\n    renderValue,\n    getItemLabel,\n    getItemHref,\n    selectable,\n    isSelected,\n    onToggle,\n    renderActions,\n    label,\n    pageSelection,\n}: ListLayoutProps) {\n    const intl = usePanneauIntl();\n    const [title, ...others] = columns;\n    return (\n        <div>\n            {selectable ? <div className={styles.pageSelection}>{pageSelection}</div> : null}\n            <ul className={styles.cards} aria-label={label}>\n                {items.map((item) => {\n                    const selected = selectable && isSelected(item);\n                    const actions = renderActions(item);\n                    return (\n                        <li\n                            key={item.id}\n                            className={styles.card}\n                            data-selected={selected || undefined}\n                        >\n                            <div className={styles.header}>\n                                <div className={styles.title}>\n                                    <ItemTitle href={getItemHref?.(item) ?? null}>\n                                        {title !== undefined\n                                            ? renderValue(item, title)\n                                            : getItemLabel(item)}\n                                    </ItemTitle>\n                                </div>\n                                {selectable ? (\n                                    <Checkbox\n                                        aria-label={intl.formatMessage(messages.selectItem, {\n                                            item: getItemLabel(item),\n                                        })}\n                                        isSelected={selected}\n                                        onChange={() => onToggle(item)}\n                                    />\n                                ) : null}\n                            </div>\n                            {others.length > 0 ? (\n                                <dl className={styles.values}>\n                                    {others.map((column) => (\n                                        <div key={column.id} className={styles.value}>\n                                            <dt>{column.label ?? column.id}</dt>\n                                            <dd>{renderValue(item, column)}</dd>\n                                        </div>\n                                    ))}\n                                </dl>\n                            ) : null}\n                            {actions !== null ? (\n                                <div className={styles.actions}>{actions}</div>\n                            ) : null}\n                        </li>\n                    );\n                })}\n            </ul>\n        </div>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CardsLayout.js","names":["Checkbox","usePanneauIntl","messages","ListLayoutProps","styles","ItemTitle","CardsLayout","t0","$","_c","items","columns","renderValue","getItemLabel","getItemHref","isCurrent","selectable","isSelected","onToggle","renderActions","label","pageSelection","intl","t1","t2","t3","t4","title","others","cards","map","item","selected","actions","current","id","card","undefined","header","formatMessage","selectItem","length","values","column","value","t5","t6","_c","styles"],"sources":["../../src/layouts/CardsLayout.tsx"],"sourcesContent":["import { Checkbox, usePanneauIntl } from '@panneau/ui';\n\nimport { messages } from '../messages';\nimport type { ListLayoutProps } from '../types';\nimport styles from './CardsLayout.module.css';\nimport { ItemTitle } from './ItemTitle';\n\n/** Items as cards: the first column is the title, the others are listed under it. */\nexport function CardsLayout({\n    items,\n    columns,\n    renderValue,\n    getItemLabel,\n    getItemHref,\n    isCurrent,\n    selectable,\n    isSelected,\n    onToggle,\n    renderActions,\n    label,\n    pageSelection,\n}: ListLayoutProps) {\n    const intl = usePanneauIntl();\n    const [title, ...others] = columns;\n    return (\n        <div>\n            {selectable ? <div className={styles.pageSelection}>{pageSelection}</div> : null}\n            <ul className={styles.cards} aria-label={label}>\n                {items.map((item) => {\n                    const selected = selectable && isSelected(item);\n                    const actions = renderActions(item);\n                    const current = isCurrent?.(item) ?? false;\n                    return (\n                        <li\n                            key={item.id}\n                            className={styles.card}\n                            data-selected={selected || undefined}\n                            data-current={current || undefined}\n                        >\n                            <div className={styles.header}>\n                                <div className={styles.title}>\n                                    <ItemTitle href={getItemHref?.(item) ?? null} current={current}>\n                                        {title !== undefined\n                                            ? renderValue(item, title)\n                                            : getItemLabel(item)}\n                                    </ItemTitle>\n                                </div>\n                                {selectable ? (\n                                    <Checkbox\n                                        aria-label={intl.formatMessage(messages.selectItem, {\n                                            item: getItemLabel(item),\n                                        })}\n                                        isSelected={selected}\n                                        onChange={() => onToggle(item)}\n                                    />\n                                ) : null}\n                            </div>\n                            {others.length > 0 ? (\n                                <dl className={styles.values}>\n                                    {others.map((column) => (\n                                        <div key={column.id} className={styles.value}>\n                                            <dt>{column.label ?? column.id}</dt>\n                                            <dd>{renderValue(item, column)}</dd>\n                                        </div>\n                                    ))}\n                                </dl>\n                            ) : null}\n                            {actions !== null ? (\n                                <div className={styles.actions}>{actions}</div>\n                            ) : null}\n                        </li>\n                    );\n                })}\n            </ul>\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/layouts/CardsLayout.module.js

@@ -1,13 +1,13 @@
 import "./CardsLayout.css";
 //#region src/layouts/CardsLayout.module.css
-var cards = "panneau-cards-Z7Eoyl";
-var card = "panneau-card-3yuJKc";
-var header = "panneau-header-8nkYnu";
-var title = "panneau-title-D4GR87";
-var values = "panneau-values-JmHWF4";
-var value = "panneau-value--4Hmov";
-var actions = "panneau-actions-gw5-oU";
-var pageSelection = "panneau-pageSelection-r1GtpS";
+var cards = "panneau-cards-layout-cards";
+var card = "panneau-cards-layout-card";
+var header = "panneau-cards-layout-header";
+var title = "panneau-cards-layout-title";
+var values = "panneau-cards-layout-values";
+var value = "panneau-cards-layout-value";
+var actions = "panneau-cards-layout-actions";
+var pageSelection = "panneau-cards-layout-page-selection";
 var CardsLayout_module_default = {
 	cards,
 	card,

package/dist/layouts/CardsLayout.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardsLayout.module.js","names":[],"sources":["../../src/layouts/CardsLayout.module.css"],"sourcesContent":[".cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(min(16rem, 100%), 1fr));\n    gap: var(--panneau-space-3);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.card {\n    display: flex;\n    flex-direction: column;\n    gap: var(--panneau-space-2);\n    padding: var(--panneau-space-3);\n    background-color: var(--panneau-color-surface);\n    border: var(--panneau-border-width) solid var(--panneau-color-border);\n    border-radius: var(--panneau-radius-lg);\n}\n\n.card[data-selected] {\n    background-color: var(--panneau-color-accent-subtle);\n    border-color: var(--panneau-color-border-control);\n}\n\n.header {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--panneau-space-2);\n}\n\n.title {\n    flex: 1;\n    min-width: 0;\n    margin: 0;\n    font-size: var(--panneau-font-size-lg);\n    font-weight: var(--panneau-font-weight-medium);\n    line-height: var(--panneau-line-height-tight);\n}\n\n.values {\n    display: grid;\n    gap: var(--panneau-space-1);\n    margin: 0;\n    font-size: var(--panneau-font-size-md);\n}\n\n.value {\n    display: grid;\n    grid-template-columns: minmax(5rem, 40%) 1fr;\n    gap: var(--panneau-space-2);\n}\n\n.value dt {\n    color: var(--panneau-color-text-muted);\n}\n\n.value dd {\n    margin: 0;\n    min-width: 0;\n}\n\n.actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--panneau-space-1);\n    margin-top: auto;\n    padding-top: var(--panneau-space-1);\n}\n\n.pageSelection {\n    margin-bottom: var(--panneau-space-2);\n}\n"],"mappings":""}
+{"version":3,"file":"CardsLayout.module.js","names":[],"sources":["../../src/layouts/CardsLayout.module.css"],"sourcesContent":[".cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(min(16rem, 100%), 1fr));\n    gap: var(--panneau-space-3);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.card {\n    display: flex;\n    flex-direction: column;\n    gap: var(--panneau-space-2);\n    padding: var(--panneau-space-3);\n    background-color: var(--panneau-color-surface);\n    border: var(--panneau-border-width) solid var(--panneau-color-border);\n    border-radius: var(--panneau-radius-lg);\n}\n\n.card[data-current] {\n    border-color: var(--panneau-color-accent);\n    box-shadow: inset 0 0 0 1px var(--panneau-color-accent);\n}\n\n.card[data-selected] {\n    background-color: var(--panneau-color-accent-subtle);\n    border-color: var(--panneau-color-border-control);\n}\n\n.header {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--panneau-space-2);\n}\n\n.title {\n    flex: 1;\n    min-width: 0;\n    margin: 0;\n    font-size: var(--panneau-font-size-lg);\n    font-weight: var(--panneau-font-weight-medium);\n    line-height: var(--panneau-line-height-tight);\n}\n\n.values {\n    display: grid;\n    gap: var(--panneau-space-1);\n    margin: 0;\n    font-size: var(--panneau-font-size-md);\n}\n\n.values dt,\n.values dd {\n    margin: 0;\n    font-weight: inherit;\n}\n\n.value {\n    display: grid;\n    grid-template-columns: minmax(5rem, 40%) 1fr;\n    gap: var(--panneau-space-2);\n}\n\n.value dt {\n    color: var(--panneau-color-text-muted);\n}\n\n.value dd {\n    margin: 0;\n    min-width: 0;\n}\n\n.actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--panneau-space-1);\n    margin-top: auto;\n    padding-top: var(--panneau-space-1);\n}\n\n.pageSelection {\n    margin-bottom: var(--panneau-space-2);\n}\n"],"mappings":""}

package/dist/layouts/ItemTitle.d.ts

@@ -3,8 +3,10 @@ import type { ReactNode } from 'react';
  * The title of an item, as a link to it when the list has one. Links go through React Aria, so an
  * app's `RouterProvider` handles them with its router.
  */
-export declare function ItemTitle({ href, children }: {
+export declare function ItemTitle({ href, current, children, }: {
     href: string | null;
+    /** The item is the one shown next to the list: its link is the current page. */
+    current?: boolean;
     children: ReactNode;
-}): string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+}): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
 //# sourceMappingURL=ItemTitle.d.ts.map

package/dist/layouts/ItemTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemTitle.d.ts","sourceRoot":"","sources":["../../src/layouts/ItemTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+TASzF"}
+{"version":3,"file":"ItemTitle.d.ts","sourceRoot":"","sources":["../../src/layouts/ItemTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACtB,IAAI,EACJ,OAAe,EACf,QAAQ,GACX,EAAE;IACC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACvB,+TASA"}

package/dist/layouts/ItemTitle.js

@@ -8,21 +8,25 @@ import { Link } from "react-aria-components";
 * app's `RouterProvider` handles them with its router.
 */
 function ItemTitle(t0) {
-	const $ = c(3);
-	const { href, children } = t0;
+	const $ = c(4);
+	const { href, current: t1, children } = t0;
+	const current = t1 === void 0 ? false : t1;
 	if (href === null) return children;
-	let t1;
-	if ($[0] !== children || $[1] !== href) {
-		t1 = /* @__PURE__ */ jsx(Link, {
+	const t2 = current ? "page" : void 0;
+	let t3;
+	if ($[0] !== children || $[1] !== href || $[2] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Link, {
 			className: link_module_default.link,
 			href,
+			"aria-current": t2,
 			children
 		});
 		$[0] = children;
 		$[1] = href;
-		$[2] = t1;
-	} else t1 = $[2];
-	return t1;
+		$[2] = t2;
+		$[3] = t3;
+	} else t3 = $[3];
+	return t3;
 }
 //#endregion
 export { ItemTitle };

package/dist/layouts/ItemTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemTitle.js","names":["href","children","_c","styles"],"sources":["../../src/layouts/ItemTitle.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Link } from 'react-aria-components';\n\nimport styles from './link.module.css';\n\n/**\n * The title of an item, as a link to it when the list has one. Links go through React Aria, so an\n * app's `RouterProvider` handles them with its router.\n */\nexport function ItemTitle({ href, children }: { href: string | null; children: ReactNode }) {\n    if (href === null) {\n        return children;\n    }\n    return (\n        <Link className={styles.link} href={href}>\n            {children}\n        </Link>\n    );\n}\n"],"mappings":";;;;;;;;;AASA,SAAO,UAAA,IAAA;CAAA,MAAA,IAAAE,EAAA,CAAA;CAAmB,MAAA,EAAA,MAAA,aAAA;CACtB,IAAI,SAAS,MAAI,OACN;CACV,IAAA;CAAA,IAAA,EAAA,OAAA,YAAA,EAAA,OAAA,MAAA;EAEG,KAAA,oBAAC,MAAD;GAAiB,WAAAC,oBAAM;GAAa;GAC/B;EADA,CAAA;EAEE,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OAFP;AAEO"}
+{"version":3,"file":"ItemTitle.js","names":["ReactNode","Link","styles","ItemTitle","t0","$","_c","href","current","t1","children","undefined","t2","t3","link","_c","styles"],"sources":["../../src/layouts/ItemTitle.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Link } from 'react-aria-components';\n\nimport styles from './link.module.css';\n\n/**\n * The title of an item, as a link to it when the list has one. Links go through React Aria, so an\n * app's `RouterProvider` handles them with its router.\n */\nexport function ItemTitle({\n    href,\n    current = false,\n    children,\n}: {\n    href: string | null;\n    /** The item is the one shown next to the list: its link is the current page. */\n    current?: boolean;\n    children: ReactNode;\n}) {\n    if (href === null) {\n        return children;\n    }\n    return (\n        <Link className={styles.link} href={href} aria-current={current ? 'page' : undefined}>\n            {children}\n        </Link>\n    );\n}\n"],"mappings":";;;;;;;;;AASA,SAAOG,UAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAmB,MAAA,EAAAC,MAAAC,SAAAC,IAAAC,aAAAN;CAEtB,MAAAI,UAAAC,OAAAE,KAAAA,IAAA,QAAAF;CAQA,IAAIF,SAAS,MAAI,OACNG;CAGiD,MAAAE,KAAAJ,UAAA,SAAAG,KAAAA;CAA4B,IAAAE;CAAA,IAAAR,EAAA,OAAAK,YAAAL,EAAA,OAAAE,QAAAF,EAAA,OAAAO,IAAA;EAApFC,KAAA,oBAAC,MAAD;GAAiB,WAAAX,oBAAMY;GAAaP;GAAoB,gBAAAK;GACnDF;EADA,CAAA;EAEEL,EAAA,KAAAK;EAAAL,EAAA,KAAAE;EAAAF,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,OAFPQ;AAEO"}

package/dist/layouts/TableLayout.css

@@ -1,25 +1,25 @@
-.panneau-scroller-dntHlH {
+.panneau-table-layout-scroller {
     overflow-x: auto;
     border: var(--panneau-border-width) solid var(--panneau-color-border);
     border-radius: var(--panneau-radius-lg);
     background-color: var(--panneau-color-surface);
 }
 
-.panneau-table-adJh-G {
+.panneau-table-layout-table {
     width: 100%;
     border-collapse: collapse;
     font-size: var(--panneau-font-size-md);
 }
 
-.panneau-table-adJh-G th,
-.panneau-table-adJh-G td {
-    padding: var(--panneau-space-2) var(--panneau-space-3);
+.panneau-table-layout-table th,
+.panneau-table-layout-table td {
+    padding: var(--panneau-row-padding-y) var(--panneau-space-3);
     text-align: start;
     vertical-align: middle;
     border-bottom: var(--panneau-border-width) solid var(--panneau-color-border);
 }
 
-.panneau-table-adJh-G th {
+.panneau-table-layout-table th {
     font-size: var(--panneau-font-size-sm);
     font-weight: var(--panneau-font-weight-medium);
     color: var(--panneau-color-text-muted);
@@ -27,33 +27,48 @@
     background-color: var(--panneau-color-surface-sunken);
 }
 
-.panneau-table-adJh-G tbody tr:last-child td {
+/* The title stays readable in a narrow list, such as next to an item's details: the table
+ * scrolls instead. */
+.panneau-table-layout-table td.panneau-table-layout-title {
+    min-width: 12rem;
+}
+
+.panneau-table-layout-table tbody tr:last-child td {
     border-bottom: 0;
 }
 
-.panneau-table-adJh-G tbody tr[data-selected] {
+.panneau-table-layout-table tbody tr[data-selected] {
     background-color: var(--panneau-color-accent-subtle);
 }
 
-.panneau-center-Fx-12L {
+/* The item shown next to the list: a bar on its first cell. */
+.panneau-table-layout-table tbody tr[data-current] td:first-child {
+    box-shadow: inset 3px 0 0 var(--panneau-color-accent);
+}
+
+.panneau-table-layout-table tbody tr[data-current] {
+    background-color: var(--panneau-color-hover);
+}
+
+.panneau-table-layout-center {
     text-align: center !important;
 }
 
-.panneau-end-Jr3hRc {
+.panneau-table-layout-end {
     text-align: end !important;
 }
 
-.panneau-check-E5-IqZ {
+.panneau-table-layout-check {
     width: 1px;
 }
 
-.panneau-actionsCell-dzoCuU {
+.panneau-table-layout-actions-cell {
     width: 1px;
     text-align: end !important;
     white-space: nowrap;
 }
 
-.panneau-sort-t4x1tD {
+.panneau-table-layout-sort {
     display: inline-flex;
     align-items: center;
     gap: var(--panneau-space-1);
@@ -67,29 +82,29 @@
     cursor: pointer;
 }
 
-.panneau-sort-t4x1tD:hover {
+.panneau-table-layout-sort:hover {
     color: var(--panneau-color-text);
     background-color: var(--panneau-color-hover);
 }
 
-.panneau-sort-t4x1tD:focus-visible {
+.panneau-table-layout-sort:focus-visible {
     outline: var(--panneau-focus-width) solid var(--panneau-color-focus);
     outline-offset: 1px;
 }
 
-.panneau-sortIcon-5pp-ve {
+.panneau-table-layout-sort-icon {
     opacity: 0.5;
 }
 
-.panneau-sorted-a6Fwul .panneau-sortIcon-5pp-ve {
+.panneau-table-layout-sorted .panneau-table-layout-sort-icon {
     opacity: 1;
 }
 
-.panneau-cellLabel-tiliX5 {
+.panneau-table-layout-cell-label {
     display: none;
 }
 
-.panneau-visuallyHidden--8qvnp {
+.panneau-table-layout-visually-hidden {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -100,30 +115,30 @@
 
 /* Narrow lists (phones): each row is a block, with the label of each value next to it. */
 @container panneau-list (max-width: 40rem) {
-    .panneau-scroller-dntHlH {
+    .panneau-table-layout-scroller {
         overflow: visible;
         background: none;
         border: 0;
     }
 
     /* The labels of the cells replace the headers, and the list's sort select their buttons. */
-    .panneau-table-adJh-G thead {
+    .panneau-table-layout-table thead {
         display: none;
     }
 
-    .panneau-table-adJh-G,
-    .panneau-table-adJh-G tbody,
-    .panneau-table-adJh-G tr,
-    .panneau-table-adJh-G td {
+    .panneau-table-layout-table,
+    .panneau-table-layout-table tbody,
+    .panneau-table-layout-table tr,
+    .panneau-table-layout-table td {
         display: block;
     }
 
-    .panneau-table-adJh-G tbody {
+    .panneau-table-layout-table tbody {
         display: grid;
         gap: var(--panneau-space-2);
     }
 
-    .panneau-table-adJh-G tr {
+    .panneau-table-layout-table tr {
         position: relative;
         padding: var(--panneau-space-2) 0;
         background-color: var(--panneau-color-surface);
@@ -131,7 +146,7 @@
         border-radius: var(--panneau-radius-lg);
     }
 
-    .panneau-table-adJh-G td {
+    .panneau-table-layout-table td {
         display: grid;
         grid-template-columns: minmax(5rem, 35%) 1fr;
         gap: var(--panneau-space-2);
@@ -140,36 +155,37 @@
         border: 0;
     }
 
-    .panneau-table-adJh-G td.panneau-check-E5-IqZ,
-    .panneau-table-adJh-G td.panneau-actionsCell-dzoCuU {
+    .panneau-table-layout-table td.panneau-table-layout-check,
+    .panneau-table-layout-table td.panneau-table-layout-actions-cell {
         display: flex;
         width: auto;
     }
 
-    .panneau-table-adJh-G td.panneau-check-E5-IqZ {
+    .panneau-table-layout-table td.panneau-table-layout-check {
         position: absolute;
         top: var(--panneau-space-2);
         inset-inline-end: var(--panneau-space-2);
         padding: 0;
     }
 
-    .panneau-table-adJh-G td.panneau-actionsCell-dzoCuU {
+    .panneau-table-layout-table td.panneau-table-layout-actions-cell {
         justify-content: flex-start;
         flex-wrap: wrap;
         padding-top: var(--panneau-space-2);
     }
 
-    .panneau-table-adJh-G td.panneau-title-KEAnyJ {
+    .panneau-table-layout-table td.panneau-table-layout-title {
         display: block;
+        min-width: 0;
         padding-inline-end: var(--panneau-space-10);
         font-weight: var(--panneau-font-weight-medium);
     }
 
-    .panneau-table-adJh-G td.panneau-title-KEAnyJ .panneau-cellLabel-tiliX5 {
+    .panneau-table-layout-table td.panneau-table-layout-title .panneau-table-layout-cell-label {
         display: none;
     }
 
-    .panneau-cellLabel-tiliX5 {
+    .panneau-table-layout-cell-label {
         display: block;
         font-size: var(--panneau-font-size-sm);
         color: var(--panneau-color-text-muted);

package/dist/layouts/TableLayout.d.ts

@@ -1,9 +1,9 @@
-import type { ListColumn, ListLayoutProps } from '../types';
+import type { ListColumn, ListLayoutProps } from '../types.js';
 /** The sort direction of a column, from the first `sort` value. */
 export declare function getSortDirection(sort: readonly string[], column: ListColumn): 'ascending' | 'descending' | null;
 /**
  * Items as a table, with sortable column headers. On narrow lists (phones), each row turns into a
  * block that shows the label of each value.
  */
-export declare function TableLayout({ items, columns, renderValue, getItemLabel, getItemHref, selectable, isSelected, onToggle, renderActions, sort, onSort, label, pageSelection, }: ListLayoutProps): import("react").JSX.Element;
+export declare function TableLayout({ items, columns, renderValue, getItemLabel, getItemHref, isCurrent, selectable, isSelected, onToggle, renderActions, sort, onSort, label, pageSelection, }: ListLayoutProps): import("react").JSX.Element;
 //# sourceMappingURL=TableLayout.d.ts.map

package/dist/layouts/TableLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableLayout.d.ts","sourceRoot":"","sources":["../../src/layouts/TableLayout.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAI5D,mEAAmE;AACnE,wBAAgB,gBAAgB,CAC5B,IAAI,EAAE,SAAS,MAAM,EAAE,EACvB,MAAM,EAAE,UAAU,GACnB,WAAW,GAAG,YAAY,GAAG,IAAI,CAMnC;AASD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EACxB,KAAK,EACL,OAAO,EACP,WAAW,EACX,YAAY,EACZ,WAAW,EACX,UAAU,EACV,UAAU,EACV,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,MAAM,EACN,KAAK,EACL,aAAa,GAChB,EAAE,eAAe,+BAiHjB"}
+{"version":3,"file":"TableLayout.d.ts","sourceRoot":"","sources":["../../src/layouts/TableLayout.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAI5D,mEAAmE;AACnE,wBAAgB,gBAAgB,CAC5B,IAAI,EAAE,SAAS,MAAM,EAAE,EACvB,MAAM,EAAE,UAAU,GACnB,WAAW,GAAG,YAAY,GAAG,IAAI,CAMnC;AASD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EACxB,KAAK,EACL,OAAO,EACP,WAAW,EACX,YAAY,EACZ,WAAW,EACX,SAAS,EACT,UAAU,EACV,UAAU,EACV,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,MAAM,EACN,KAAK,EACL,aAAa,GAChB,EAAE,eAAe,+BAsHjB"}