@panneau/lists 5.0.0-alpha.1 → 5.0.0-alpha.3

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-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.js

@@ -1,6 +1,6 @@
 import link_module_default from "./link.module.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { Link } from "react-aria-components";
 //#region src/layouts/ItemTitle.tsx
 /**

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,33 @@
     background-color: var(--panneau-color-surface-sunken);
 }
 
-.panneau-table-adJh-G tbody tr:last-child td {
+.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 {
+.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 +67,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 +100,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 +131,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 +140,36 @@
         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;
         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.js

@@ -2,10 +2,10 @@ import { messages } from "../messages.js";
 import { ItemTitle } from "./ItemTitle.js";
 import { cx } from "../cx.js";
 import TableLayout_module_default from "./TableLayout.module.js";
-import { c } from "react/compiler-runtime";
 import { Checkbox, Icon, usePanneauIntl } from "@panneau/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowDown, ArrowUp, ArrowUpDown } from "lucide-react";
+import { c } from "react/compiler-runtime";
 //#region src/layouts/TableLayout.tsx
 /** The sort direction of a column, from the first `sort` value. */
 function getSortDirection(sort, column) {

package/dist/layouts/TableLayout.module.js

@@ -1,17 +1,17 @@
 import "./TableLayout.css";
 //#region src/layouts/TableLayout.module.css
-var scroller = "panneau-scroller-dntHlH";
-var table = "panneau-table-adJh-G";
-var center = "panneau-center-Fx-12L";
-var end = "panneau-end-Jr3hRc";
-var check = "panneau-check-E5-IqZ";
-var actionsCell = "panneau-actionsCell-dzoCuU";
-var sort = "panneau-sort-t4x1tD";
-var sortIcon = "panneau-sortIcon-5pp-ve";
-var sorted = "panneau-sorted-a6Fwul";
-var cellLabel = "panneau-cellLabel-tiliX5";
-var visuallyHidden = "panneau-visuallyHidden--8qvnp";
-var title = "panneau-title-KEAnyJ";
+var scroller = "panneau-table-layout-scroller";
+var table = "panneau-table-layout-table";
+var center = "panneau-table-layout-center";
+var end = "panneau-table-layout-end";
+var check = "panneau-table-layout-check";
+var actionsCell = "panneau-table-layout-actions-cell";
+var sort = "panneau-table-layout-sort";
+var sortIcon = "panneau-table-layout-sort-icon";
+var sorted = "panneau-table-layout-sorted";
+var cellLabel = "panneau-table-layout-cell-label";
+var visuallyHidden = "panneau-table-layout-visually-hidden";
+var title = "panneau-table-layout-title";
 var TableLayout_module_default = {
 	scroller,
 	table,

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

@@ -1 +1 @@
-{"version":3,"file":"TableLayout.module.js","names":[],"sources":["../../src/layouts/TableLayout.module.css"],"sourcesContent":[".scroller {\n    overflow-x: auto;\n    border: var(--panneau-border-width) solid var(--panneau-color-border);\n    border-radius: var(--panneau-radius-lg);\n    background-color: var(--panneau-color-surface);\n}\n\n.table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--panneau-font-size-md);\n}\n\n.table th,\n.table td {\n    padding: var(--panneau-space-2) var(--panneau-space-3);\n    text-align: start;\n    vertical-align: middle;\n    border-bottom: var(--panneau-border-width) solid var(--panneau-color-border);\n}\n\n.table th {\n    font-size: var(--panneau-font-size-sm);\n    font-weight: var(--panneau-font-weight-medium);\n    color: var(--panneau-color-text-muted);\n    white-space: nowrap;\n    background-color: var(--panneau-color-surface-sunken);\n}\n\n.table tbody tr:last-child td {\n    border-bottom: 0;\n}\n\n.table tbody tr[data-selected] {\n    background-color: var(--panneau-color-accent-subtle);\n}\n\n.center {\n    text-align: center !important;\n}\n\n.end {\n    text-align: end !important;\n}\n\n.check {\n    width: 1px;\n}\n\n.actionsCell {\n    width: 1px;\n    text-align: end !important;\n    white-space: nowrap;\n}\n\n.sort {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--panneau-space-1);\n    margin: calc(-1 * var(--panneau-space-1)) calc(-1 * var(--panneau-space-2));\n    padding: var(--panneau-space-1) var(--panneau-space-2);\n    font: inherit;\n    color: inherit;\n    background: none;\n    border: 0;\n    border-radius: var(--panneau-radius-sm);\n    cursor: pointer;\n}\n\n.sort:hover {\n    color: var(--panneau-color-text);\n    background-color: var(--panneau-color-hover);\n}\n\n.sort:focus-visible {\n    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);\n    outline-offset: 1px;\n}\n\n.sortIcon {\n    opacity: 0.5;\n}\n\n.sorted .sortIcon {\n    opacity: 1;\n}\n\n.cellLabel {\n    display: none;\n}\n\n.visuallyHidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n}\n\n/* Narrow lists (phones): each row is a block, with the label of each value next to it. */\n@container panneau-list (max-width: 40rem) {\n    .scroller {\n        overflow: visible;\n        background: none;\n        border: 0;\n    }\n\n    /* The labels of the cells replace the headers, and the list's sort select their buttons. */\n    .table thead {\n        display: none;\n    }\n\n    .table,\n    .table tbody,\n    .table tr,\n    .table td {\n        display: block;\n    }\n\n    .table tbody {\n        display: grid;\n        gap: var(--panneau-space-2);\n    }\n\n    .table tr {\n        position: relative;\n        padding: var(--panneau-space-2) 0;\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    .table td {\n        display: grid;\n        grid-template-columns: minmax(5rem, 35%) 1fr;\n        gap: var(--panneau-space-2);\n        padding: var(--panneau-space-1) var(--panneau-space-3);\n        text-align: start !important;\n        border: 0;\n    }\n\n    .table td.check,\n    .table td.actionsCell {\n        display: flex;\n        width: auto;\n    }\n\n    .table td.check {\n        position: absolute;\n        top: var(--panneau-space-2);\n        inset-inline-end: var(--panneau-space-2);\n        padding: 0;\n    }\n\n    .table td.actionsCell {\n        justify-content: flex-start;\n        flex-wrap: wrap;\n        padding-top: var(--panneau-space-2);\n    }\n\n    .table td.title {\n        display: block;\n        padding-inline-end: var(--panneau-space-10);\n        font-weight: var(--panneau-font-weight-medium);\n    }\n\n    .table td.title .cellLabel {\n        display: none;\n    }\n\n    .cellLabel {\n        display: block;\n        font-size: var(--panneau-font-size-sm);\n        color: var(--panneau-color-text-muted);\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"TableLayout.module.js","names":[],"sources":["../../src/layouts/TableLayout.module.css"],"sourcesContent":[".scroller {\n    overflow-x: auto;\n    border: var(--panneau-border-width) solid var(--panneau-color-border);\n    border-radius: var(--panneau-radius-lg);\n    background-color: var(--panneau-color-surface);\n}\n\n.table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--panneau-font-size-md);\n}\n\n.table th,\n.table td {\n    padding: var(--panneau-row-padding-y) var(--panneau-space-3);\n    text-align: start;\n    vertical-align: middle;\n    border-bottom: var(--panneau-border-width) solid var(--panneau-color-border);\n}\n\n.table th {\n    font-size: var(--panneau-font-size-sm);\n    font-weight: var(--panneau-font-weight-medium);\n    color: var(--panneau-color-text-muted);\n    white-space: nowrap;\n    background-color: var(--panneau-color-surface-sunken);\n}\n\n.table tbody tr:last-child td {\n    border-bottom: 0;\n}\n\n.table tbody tr[data-selected] {\n    background-color: var(--panneau-color-accent-subtle);\n}\n\n.center {\n    text-align: center !important;\n}\n\n.end {\n    text-align: end !important;\n}\n\n.check {\n    width: 1px;\n}\n\n.actionsCell {\n    width: 1px;\n    text-align: end !important;\n    white-space: nowrap;\n}\n\n.sort {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--panneau-space-1);\n    margin: calc(-1 * var(--panneau-space-1)) calc(-1 * var(--panneau-space-2));\n    padding: var(--panneau-space-1) var(--panneau-space-2);\n    font: inherit;\n    color: inherit;\n    background: none;\n    border: 0;\n    border-radius: var(--panneau-radius-sm);\n    cursor: pointer;\n}\n\n.sort:hover {\n    color: var(--panneau-color-text);\n    background-color: var(--panneau-color-hover);\n}\n\n.sort:focus-visible {\n    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);\n    outline-offset: 1px;\n}\n\n.sortIcon {\n    opacity: 0.5;\n}\n\n.sorted .sortIcon {\n    opacity: 1;\n}\n\n.cellLabel {\n    display: none;\n}\n\n.visuallyHidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n}\n\n/* Narrow lists (phones): each row is a block, with the label of each value next to it. */\n@container panneau-list (max-width: 40rem) {\n    .scroller {\n        overflow: visible;\n        background: none;\n        border: 0;\n    }\n\n    /* The labels of the cells replace the headers, and the list's sort select their buttons. */\n    .table thead {\n        display: none;\n    }\n\n    .table,\n    .table tbody,\n    .table tr,\n    .table td {\n        display: block;\n    }\n\n    .table tbody {\n        display: grid;\n        gap: var(--panneau-space-2);\n    }\n\n    .table tr {\n        position: relative;\n        padding: var(--panneau-space-2) 0;\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    .table td {\n        display: grid;\n        grid-template-columns: minmax(5rem, 35%) 1fr;\n        gap: var(--panneau-space-2);\n        padding: var(--panneau-space-1) var(--panneau-space-3);\n        text-align: start !important;\n        border: 0;\n    }\n\n    .table td.check,\n    .table td.actionsCell {\n        display: flex;\n        width: auto;\n    }\n\n    .table td.check {\n        position: absolute;\n        top: var(--panneau-space-2);\n        inset-inline-end: var(--panneau-space-2);\n        padding: 0;\n    }\n\n    .table td.actionsCell {\n        justify-content: flex-start;\n        flex-wrap: wrap;\n        padding-top: var(--panneau-space-2);\n    }\n\n    .table td.title {\n        display: block;\n        padding-inline-end: var(--panneau-space-10);\n        font-weight: var(--panneau-font-weight-medium);\n    }\n\n    .table td.title .cellLabel {\n        display: none;\n    }\n\n    .cellLabel {\n        display: block;\n        font-size: var(--panneau-font-size-sm);\n        color: var(--panneau-color-text-muted);\n    }\n}\n"],"mappings":""}

package/dist/layouts/link.css

@@ -1,4 +1,4 @@
-.panneau-link-1crRKJ {
+.panneau-link {
     color: inherit;
     font-weight: var(--panneau-font-weight-medium);
     text-decoration: none;
@@ -6,11 +6,11 @@
     cursor: pointer;
 }
 
-.panneau-link-1crRKJ:hover {
+.panneau-link:hover {
     text-decoration: underline;
 }
 
-.panneau-link-1crRKJ[data-focus-visible] {
+.panneau-link[data-focus-visible] {
     outline: var(--panneau-focus-width) solid var(--panneau-color-focus);
     outline-offset: 2px;
 }

package/dist/layouts/link.module.js

@@ -1,6 +1,6 @@
 import "./link.css";
 //#region src/layouts/link.module.css
-var link = "panneau-link-1crRKJ";
+var link = "panneau-link";
 var link_module_default = { link };
 //#endregion
 export { link_module_default as default, link };

package/dist/toolbar/LayoutSwitch.js

@@ -1,9 +1,9 @@
 import { messages } from "../messages.js";
 import Toolbar_module_default from "./Toolbar.module.js";
-import { c } from "react/compiler-runtime";
 import { Icon, Tooltip, usePanneauIntl } from "@panneau/ui";
 import { jsx } from "react/jsx-runtime";
 import { LayoutGrid, Rows3, Square } from "lucide-react";
+import { c } from "react/compiler-runtime";
 import { ToggleButton, ToggleButtonGroup } from "react-aria-components";
 //#region src/toolbar/LayoutSwitch.tsx
 var ICONS = {

package/dist/toolbar/SearchField.js

@@ -1,10 +1,10 @@
 import { messages } from "../messages.js";
 import { useDraft } from "../useDraft.js";
 import Toolbar_module_default from "./Toolbar.module.js";
-import { c } from "react/compiler-runtime";
 import { Icon, TextInput, usePanneauIntl } from "@panneau/ui";
 import { jsx } from "react/jsx-runtime";
 import { Search } from "lucide-react";
+import { c } from "react/compiler-runtime";
 //#region src/toolbar/SearchField.tsx
 /** The search of a list (`q`). */
 function SearchField(t0) {

package/dist/toolbar/SortSelect.js

@@ -1,8 +1,8 @@
 import { messages } from "../messages.js";
 import Toolbar_module_default from "./Toolbar.module.js";
-import { c } from "react/compiler-runtime";
 import { Select, usePanneauIntl } from "@panneau/ui";
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 //#region src/toolbar/SortSelect.tsx
 var DEFAULT = "";
 /** The sort of a list without column headers (cards), by sortable column and direction. */

package/dist/toolbar/Toolbar.css

@@ -1,9 +1,9 @@
-.panneau-search-xZg66e {
+.panneau-toolbar-search {
     width: 16rem;
     max-width: 100%;
 }
 
-.panneau-pagination-dNpeRL {
+.panneau-toolbar-pagination {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
@@ -13,17 +13,17 @@
     color: var(--panneau-color-text-muted);
 }
 
-.panneau-pages-e6sKuy {
+.panneau-toolbar-pages {
     display: flex;
     align-items: center;
     gap: var(--panneau-space-2);
 }
 
-.panneau-perPage-U3R-no {
+.panneau-toolbar-per-page {
     width: 6rem;
 }
 
-.panneau-layouts-VUhEzd {
+.panneau-toolbar-layouts {
     display: inline-flex;
     padding: 2px;
     background-color: var(--panneau-color-surface-sunken);
@@ -31,7 +31,7 @@
     border-radius: var(--panneau-radius-md);
 }
 
-.panneau-layoutButton-B28Z38 {
+.panneau-toolbar-layout-button {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -44,29 +44,29 @@
     cursor: pointer;
 }
 
-.panneau-layoutButton-B28Z38[data-hovered] {
+.panneau-toolbar-layout-button[data-hovered] {
     color: var(--panneau-color-text);
 }
 
-.panneau-layoutButton-B28Z38[data-selected] {
+.panneau-toolbar-layout-button[data-selected] {
     color: var(--panneau-color-text);
     background-color: var(--panneau-color-surface);
     box-shadow: var(--panneau-shadow-sm);
 }
 
-.panneau-layoutButton-B28Z38[data-focus-visible] {
+.panneau-toolbar-layout-button[data-focus-visible] {
     outline: var(--panneau-focus-width) solid var(--panneau-color-focus);
     outline-offset: 1px;
 }
 
-.panneau-sort-5bHxuN {
+.panneau-toolbar-sort {
     width: 14rem;
     max-width: 100%;
 }
 
 @container panneau-list (max-width: 40rem) {
-    .panneau-search-xZg66e,
-    .panneau-sort-5bHxuN {
+    .panneau-toolbar-search,
+    .panneau-toolbar-sort {
         width: 100%;
     }
 }

package/dist/toolbar/Toolbar.module.js

@@ -1,12 +1,12 @@
 import "./Toolbar.css";
 //#region src/toolbar/Toolbar.module.css
-var search = "panneau-search-xZg66e";
-var pagination = "panneau-pagination-dNpeRL";
-var pages = "panneau-pages-e6sKuy";
-var perPage = "panneau-perPage-U3R-no";
-var layouts = "panneau-layouts-VUhEzd";
-var layoutButton = "panneau-layoutButton-B28Z38";
-var sort = "panneau-sort-5bHxuN";
+var search = "panneau-toolbar-search";
+var pagination = "panneau-toolbar-pagination";
+var pages = "panneau-toolbar-pages";
+var perPage = "panneau-toolbar-per-page";
+var layouts = "panneau-toolbar-layouts";
+var layoutButton = "panneau-toolbar-layout-button";
+var sort = "panneau-toolbar-sort";
 var Toolbar_module_default = {
 	search,
 	pagination,

package/dist/types.d.ts

@@ -52,6 +52,16 @@ export interface ListActionEvent {
     /** Selected items of the current page that don't allow the action: the backend skips them. */
     skipped: readonly ListItem[];
 }
+/** What the backend told about an action on a query selection: how many items it would skip. */
+export interface ListActionPreview {
+    skipped: number;
+}
+/**
+ * Asks the backend what an action would do on a query selection, before the list confirms it (a
+ * dry run, for actions with `dryRun`), or resolves with `null` when it can't tell.
+ * `useActionPreview()` of `@panneau/actions` is one.
+ */
+export type ListActionPreviewer = (event: ListActionEvent) => Promise<ListActionPreview | null>;
 /**
  * Runs an action. Lists ask for confirmation first when the action has `confirm`. A returned
  * promise shows the action as pending until it settles; after a selection action succeeds, the

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/lists",
-    "version": "5.0.0-alpha.1",
+    "version": "5.0.0-alpha.3",
     "description": "Lists of Panneau: columns with displays, table and cards layouts, sorting, filters, search, pagination, selection and actions, driven by the list state of @panneau/core.",
     "type": "module",
     "license": "MIT",
@@ -37,14 +37,14 @@
         "react-intl": "^12.0.0"
     },
     "dependencies": {
-        "@panneau/core": "5.0.0-alpha.1",
-        "@panneau/fields": "5.0.0-alpha.1",
-        "@panneau/intl": "5.0.0-alpha.1",
-        "@panneau/protocol": "5.0.0-alpha.1",
-        "@panneau/ui": "5.0.0-alpha.1",
+        "@panneau/core": "5.0.0-alpha.3",
+        "@panneau/fields": "5.0.0-alpha.3",
+        "@panneau/intl": "5.0.0-alpha.3",
+        "@panneau/protocol": "5.0.0-alpha.3",
+        "@panneau/ui": "5.0.0-alpha.3",
         "lucide-react": "^1.57.0"
     },
     "devDependencies": {
-        "@panneau/data": "5.0.0-alpha.1"
+        "@panneau/data": "5.0.0-alpha.3"
     }
 }