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

package/dist/actions/RowActions.js

@@ -10,15 +10,16 @@ import { Ellipsis } from "lucide-react";
 //#region src/actions/RowActions.tsx
 /** The actions of a row: buttons, then an overflow menu. */
 function RowActions(t0) {
-	const $ = c(23);
-	const { item, itemLabel, actions, menu, pending, onRun } = t0;
+	const $ = c(26);
+	const { item, itemLabel, actions, menu, pending, onRun, icons } = t0;
 	const intl = usePanneauIntl();
 	let t1;
-	if ($[0] !== actions || $[1] !== intl || $[2] !== item || $[3] !== itemLabel || $[4] !== onRun || $[5] !== pending) {
+	if ($[0] !== actions || $[1] !== icons || $[2] !== intl || $[3] !== item || $[4] !== itemLabel || $[5] !== onRun || $[6] !== pending) {
 		let t2;
-		if ($[7] !== intl || $[8] !== item || $[9] !== itemLabel || $[10] !== onRun || $[11] !== pending) {
+		if ($[8] !== icons || $[9] !== intl || $[10] !== item || $[11] !== itemLabel || $[12] !== onRun || $[13] !== pending) {
 			t2 = (action) => /* @__PURE__ */ jsx(ActionButton, {
 				action,
+				icons,
 				href: getActionHref(action, item),
 				isPending: pending === action.id,
 				isDisabled: pending !== null && pending !== action.id,
@@ -28,24 +29,26 @@ function RowActions(t0) {
 				}),
 				onPress: () => onRun(action)
 			}, action.id);
-			$[7] = intl;
-			$[8] = item;
-			$[9] = itemLabel;
-			$[10] = onRun;
-			$[11] = pending;
-			$[12] = t2;
-		} else t2 = $[12];
+			$[8] = icons;
+			$[9] = intl;
+			$[10] = item;
+			$[11] = itemLabel;
+			$[12] = onRun;
+			$[13] = pending;
+			$[14] = t2;
+		} else t2 = $[14];
 		t1 = actions.map(t2);
 		$[0] = actions;
-		$[1] = intl;
-		$[2] = item;
-		$[3] = itemLabel;
-		$[4] = onRun;
-		$[5] = pending;
-		$[6] = t1;
-	} else t1 = $[6];
+		$[1] = icons;
+		$[2] = intl;
+		$[3] = item;
+		$[4] = itemLabel;
+		$[5] = onRun;
+		$[6] = pending;
+		$[7] = t1;
+	} else t1 = $[7];
 	let t2;
-	if ($[13] !== intl || $[14] !== item || $[15] !== itemLabel || $[16] !== menu || $[17] !== onRun || $[18] !== pending) {
+	if ($[15] !== icons || $[16] !== intl || $[17] !== item || $[18] !== itemLabel || $[19] !== menu || $[20] !== onRun || $[21] !== pending) {
 		t2 = menu.length > 0 ? /* @__PURE__ */ jsxs(MenuTrigger, { children: [/* @__PURE__ */ jsx(IconButton, {
 			icon: Ellipsis,
 			size: "sm",
@@ -59,7 +62,7 @@ function RowActions(t0) {
 			},
 			children: menu.map((action_2) => {
 				const href = getActionHref(action_2, item);
-				const icon = getActionIcon(action_2);
+				const icon = getActionIcon(action_2, icons);
 				return /* @__PURE__ */ jsx(MenuItem, {
 					id: action_2.id,
 					isDanger: action_2.destructive === true,
@@ -69,24 +72,25 @@ function RowActions(t0) {
 				}, action_2.id);
 			})
 		})] }) : null;
-		$[13] = intl;
-		$[14] = item;
-		$[15] = itemLabel;
-		$[16] = menu;
-		$[17] = onRun;
-		$[18] = pending;
-		$[19] = t2;
-	} else t2 = $[19];
+		$[15] = icons;
+		$[16] = intl;
+		$[17] = item;
+		$[18] = itemLabel;
+		$[19] = menu;
+		$[20] = onRun;
+		$[21] = pending;
+		$[22] = t2;
+	} else t2 = $[22];
 	let t3;
-	if ($[20] !== t1 || $[21] !== t2) {
+	if ($[23] !== t1 || $[24] !== t2) {
 		t3 = /* @__PURE__ */ jsxs("div", {
 			className: Actions_module_default.row,
 			children: [t1, t2]
 		});
-		$[20] = t1;
-		$[21] = t2;
-		$[22] = t3;
-	} else t3 = $[22];
+		$[23] = t1;
+		$[24] = t2;
+		$[25] = t3;
+	} else t3 = $[25];
 	return t3;
 }
 //#endregion

package/dist/actions/RowActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowActions.js","names":["action","Ellipsis","_c","styles"],"sources":["../../src/actions/RowActions.tsx"],"sourcesContent":["import { Ellipsis } from 'lucide-react';\n\nimport type { Action } from '@panneau/protocol';\nimport { IconButton, Menu, MenuItem, MenuTrigger, usePanneauIntl } from '@panneau/ui';\n\nimport { messages } from '../messages';\nimport type { ListItem } from '../types';\nimport { ActionButton } from './ActionButton';\nimport styles from './Actions.module.css';\nimport { getActionHref } from './actions';\nimport { getActionIcon } from './icons';\n\nexport interface RowActionsProps {\n    item: ListItem;\n    /** The label of the item, for the accessible names of its actions. */\n    itemLabel: string;\n    /** Actions shown as buttons. */\n    actions: readonly Action[];\n    /** Actions in the overflow menu. */\n    menu: readonly Action[];\n    /** Id of the action that is running on this item, if any. */\n    pending: string | null;\n    onRun: (action: Action) => void;\n}\n\n/** The actions of a row: buttons, then an overflow menu. */\nexport function RowActions({ item, itemLabel, actions, menu, pending, onRun }: RowActionsProps) {\n    const intl = usePanneauIntl();\n    return (\n        <div className={styles.row}>\n            {actions.map((action) => (\n                <ActionButton\n                    key={action.id}\n                    action={action}\n                    href={getActionHref(action, item)}\n                    isPending={pending === action.id}\n                    isDisabled={pending !== null && pending !== action.id}\n                    aria-label={intl.formatMessage(messages.actionOnItem, {\n                        action: action.label,\n                        item: itemLabel,\n                    })}\n                    onPress={() => onRun(action)}\n                />\n            ))}\n            {menu.length > 0 ? (\n                <MenuTrigger>\n                    <IconButton\n                        icon={Ellipsis}\n                        size=\"sm\"\n                        label={intl.formatMessage(messages.itemActions, { item: itemLabel })}\n                        isPending={pending !== null && menu.some((action) => action.id === pending)}\n                    />\n                    <Menu\n                        placement=\"bottom end\"\n                        onAction={(key) => {\n                            const action = menu.find((candidate) => candidate.id === key);\n                            if (action !== undefined && getActionHref(action, item) === null) {\n                                onRun(action);\n                            }\n                        }}\n                    >\n                        {menu.map((action) => {\n                            const href = getActionHref(action, item);\n                            const icon = getActionIcon(action);\n                            return (\n                                <MenuItem\n                                    key={action.id}\n                                    id={action.id}\n                                    isDanger={action.destructive === true}\n                                    {...(icon !== undefined ? { icon } : {})}\n                                    {...(href !== null ? { href } : {})}\n                                >\n                                    {action.label}\n                                </MenuItem>\n                            );\n                        })}\n                    </Menu>\n                </MenuTrigger>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":";;;;;;;;;;;AA0BA,SAAO,WAAA,IAAA;CAAA,MAAA,IAAAE,EAAA,EAAA;CAAoB,MAAA,EAAA,MAAA,WAAA,SAAA,MAAA,SAAA,UAAA;CACvB,MAAA,OAAa,eAAe;CAAE,IAAA;CAAA,IAAA,EAAA,OAAA,WAAA,EAAA,OAAA,QAAA,EAAA,OAAA,QAAA,EAAA,OAAA,aAAA,EAAA,OAAA,SAAA,EAAA,OAAA,SAAA;EAAA,IAAA;EAAA,IAAA,EAAA,OAAA,QAAA,EAAA,OAAA,QAAA,EAAA,OAAA,aAAA,EAAA,QAAA,SAAA,EAAA,QAAA,SAAA;GAGT,MAAA,WACT,oBAAC,cAAD;IAEY;IACF,MAAA,cAAc,QAAQ,IAAI;IACrB,WAAA,YAAY,OAAM;IACjB,YAAA,YAAY,QAAQ,YAAY,OAAM;IACtC,cAAA,KAAI,cAAe,SAAQ,cAAe;KAAA,QAC1C,OAAM;KAAM,MACd;IACV,CAAC;IACQ,eAAM,MAAM,MAAM;GAAC,GATvB,OAAM,EASiB;GAEnC,EAAA,KAAA;GAAA,EAAA,KAAA;GAAA,EAAA,KAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;EAAA,OAAA,KAAA,EAAA;EAbA,KAAA,QAAO,IAAK,EAaZ;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,QAAA,QAAA,EAAA,QAAA,QAAA,EAAA,QAAA,aAAA,EAAA,QAAA,QAAA,EAAA,QAAA,SAAA,EAAA,QAAA,SAAA;EACD,KAAA,KAAI,SAAU,IACX,qBAAC,aAAD,EAAA,UAAA,CACI,oBAAC,YAAD;GACUD,MAAA;GACD,MAAA;GACE,OAAA,KAAI,cAAe,SAAQ,aAAc,EAAA,MAAQ,UAAU,CAAC;GACxD,WAAA,YAAY,QAAQ,KAAI,MAAM,aAAYD,SAAM,OAAQ,OAAO;EAAC,CAAA,GAE/E,oBAAC,MAAD;GACc,WAAA;GACA,WAAA,QAAA;IACN,MAAA,WAAe,KAAI,MAAM,cAAe,UAAS,OAAQ,GAAG;IAC5D,IAAIA,aAAW,KAAA,KAAa,cAAcA,UAAQ,IAAI,MAAM,MACxD,MAAMA,QAAM;GACf;GAGJ,UAAA,KAAI,KAAK,aAAA;IACN,MAAA,OAAa,cAAcA,UAAQ,IAAI;IACvC,MAAA,OAAa,cAAcA,QAAM;IAAE,OAE/B,oBAAC,UAAD;KAEQ,IAAAA,SAAM;KACA,UAAAA,SAAM,gBAAiB;KAAI,GAChC,SAAS,KAAA,IAAT,EAAA,KAAiC,IAAjC,CAAiC;KAAC,GAClC,SAAS,OAAT,EAAA,KAA4B,IAA5B,CAA4B;KAEhCA,UAAAA,SAAM;IAPF,GACAA,SAAM,EADN;GAQE,CAElB;EAvBA,CAAA,CAPG,EAAA,CAAA,IADf;EAkCO,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,QAAA,MAAA,EAAA,QAAA,IAAA;EAjDZ,KAAA,qBAAA,OAAA;GAAgB,WAAAG,uBAAM;GAAtB,UAAA,CACK,IAcA,EAmCC;;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OAlDN;AAkDM"}
+{"version":3,"file":"RowActions.js","names":["action","icons","Ellipsis","_c","styles"],"sources":["../../src/actions/RowActions.tsx"],"sourcesContent":["import { Ellipsis } from 'lucide-react';\n\nimport type { Action } from '@panneau/protocol';\nimport { IconButton, Menu, MenuItem, MenuTrigger, usePanneauIntl } from '@panneau/ui';\n\nimport { messages } from '../messages';\nimport type { ListItem } from '../types';\nimport { ActionButton } from './ActionButton';\nimport styles from './Actions.module.css';\nimport { getActionHref } from './actions';\nimport { type ActionIcons, getActionIcon } from './icons';\n\nexport interface RowActionsProps {\n    item: ListItem;\n    /** The label of the item, for the accessible names of its actions. */\n    itemLabel: string;\n    /** Actions shown as buttons. */\n    actions: readonly Action[];\n    /** Actions in the overflow menu. */\n    menu: readonly Action[];\n    /** Id of the action that is running on this item, if any. */\n    pending: string | null;\n    onRun: (action: Action) => void;\n    /** Icons of actions by id, over the icon the action names. */\n    icons?: ActionIcons | undefined;\n}\n\n/** The actions of a row: buttons, then an overflow menu. */\nexport function RowActions({\n    item,\n    itemLabel,\n    actions,\n    menu,\n    pending,\n    onRun,\n    icons,\n}: RowActionsProps) {\n    const intl = usePanneauIntl();\n    return (\n        <div className={styles.row}>\n            {actions.map((action) => (\n                <ActionButton\n                    key={action.id}\n                    action={action}\n                    icons={icons}\n                    href={getActionHref(action, item)}\n                    isPending={pending === action.id}\n                    isDisabled={pending !== null && pending !== action.id}\n                    aria-label={intl.formatMessage(messages.actionOnItem, {\n                        action: action.label,\n                        item: itemLabel,\n                    })}\n                    onPress={() => onRun(action)}\n                />\n            ))}\n            {menu.length > 0 ? (\n                <MenuTrigger>\n                    <IconButton\n                        icon={Ellipsis}\n                        size=\"sm\"\n                        label={intl.formatMessage(messages.itemActions, { item: itemLabel })}\n                        isPending={pending !== null && menu.some((action) => action.id === pending)}\n                    />\n                    <Menu\n                        placement=\"bottom end\"\n                        onAction={(key) => {\n                            const action = menu.find((candidate) => candidate.id === key);\n                            if (action !== undefined && getActionHref(action, item) === null) {\n                                onRun(action);\n                            }\n                        }}\n                    >\n                        {menu.map((action) => {\n                            const href = getActionHref(action, item);\n                            const icon = getActionIcon(action, icons);\n                            return (\n                                <MenuItem\n                                    key={action.id}\n                                    id={action.id}\n                                    isDanger={action.destructive === true}\n                                    {...(icon !== undefined ? { icon } : {})}\n                                    {...(href !== null ? { href } : {})}\n                                >\n                                    {action.label}\n                                </MenuItem>\n                            );\n                        })}\n                    </Menu>\n                </MenuTrigger>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/actions/icons.d.ts

@@ -1,5 +1,10 @@
-import { type LucideIcon } from 'lucide-react';
 import type { Action } from '@panneau/protocol';
-/** The icon of an action, for the built-in ones. */
-export declare function getActionIcon(action: Action): LucideIcon | undefined;
+import { type IconComponent } from '@panneau/ui';
+/** Icons of actions by action id, for actions written in code (`{ archive: Archive }`). */
+export type ActionIcons = Readonly<Record<string, IconComponent>>;
+/**
+ * The icon of an action: the one given for its id in `icons`, then the Lucide icon its `icon`
+ * names (`"send"`, loaded when it first renders), then the icon of a built-in action.
+ */
+export declare function getActionIcon(action: Action, icons?: ActionIcons): IconComponent | undefined;
 //# sourceMappingURL=icons.d.ts.map

package/dist/actions/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/actions/icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,KAAK,UAAU,EAKlB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAgBhD,oDAAoD;AACpD,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAEpE"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/actions/icons.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,KAAK,aAAa,EAAgB,MAAM,aAAa,CAAC;AAE/D,2FAA2F;AAC3F,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;AAalE;;;GAGG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,WAAW,GAAG,aAAa,GAAG,SAAS,CAU5F"}

package/dist/actions/icons.js

@@ -1,9 +1,7 @@
+import { getNamedIcon } from "@panneau/ui";
 import { Copy, Download, Eye, Pencil, RotateCcw, Trash2, Upload } from "lucide-react";
 //#region src/actions/icons.ts
-/**
-* Icons of the built-in actions. Icons named in definitions (`"icon": "send"`) need a lookup by
-* name, which comes with the actions of Phase 2 (decision 0020).
-*/
+/** Icons of the built-in actions, when they don't name one. */
 var BUILT_IN_ICONS = {
 	show: Eye,
 	edit: Pencil,
@@ -13,9 +11,15 @@ var BUILT_IN_ICONS = {
 	export: Download,
 	import: Upload
 };
-/** The icon of an action, for the built-in ones. */
-function getActionIcon(action) {
-	return BUILT_IN_ICONS[action.id];
+/**
+* The icon of an action: the one given for its id in `icons`, then the Lucide icon its `icon`
+* names (`"send"`, loaded when it first renders), then the icon of a built-in action.
+*/
+function getActionIcon(action, icons) {
+	const given = icons !== void 0 && Object.hasOwn(icons, action.id) ? icons[action.id] : void 0;
+	if (given !== void 0) return given;
+	if (action.icon !== void 0 && action.icon !== "") return getNamedIcon(action.icon);
+	return Object.hasOwn(BUILT_IN_ICONS, action.id) ? BUILT_IN_ICONS[action.id] : void 0;
 }
 //#endregion
 export { getActionIcon };

package/dist/actions/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","names":[],"sources":["../../src/actions/icons.ts"],"sourcesContent":["import {\n    Copy,\n    Download,\n    Eye,\n    type LucideIcon,\n    Pencil,\n    RotateCcw,\n    Trash2,\n    Upload,\n} from 'lucide-react';\n\nimport type { Action } from '@panneau/protocol';\n\n/**\n * Icons of the built-in actions. Icons named in definitions (`\"icon\": \"send\"`) need a lookup by\n * name, which comes with the actions of Phase 2 (decision 0020).\n */\nconst BUILT_IN_ICONS: Record<string, LucideIcon> = {\n    show: Eye,\n    edit: Pencil,\n    duplicate: Copy,\n    delete: Trash2,\n    restore: RotateCcw,\n    export: Download,\n    import: Upload,\n};\n\n/** The icon of an action, for the built-in ones. */\nexport function getActionIcon(action: Action): LucideIcon | undefined {\n    return BUILT_IN_ICONS[action.id];\n}\n"],"mappings":";;;;;;AAiBA,IAAM,iBAA6C;CAC/C,MAAM;CACN,MAAM;CACN,WAAW;CACX,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,QAAQ;AACZ;;AAGA,SAAgB,cAAc,QAAwC;CAClE,OAAO,eAAe,OAAO;AACjC"}
+{"version":3,"file":"icons.js","names":[],"sources":["../../src/actions/icons.ts"],"sourcesContent":["import {\n    Copy,\n    Download,\n    Eye,\n    type LucideIcon,\n    Pencil,\n    RotateCcw,\n    Trash2,\n    Upload,\n} from 'lucide-react';\n\nimport type { Action } from '@panneau/protocol';\nimport { type IconComponent, getNamedIcon } from '@panneau/ui';\n\n/** Icons of actions by action id, for actions written in code (`{ archive: Archive }`). */\nexport type ActionIcons = Readonly<Record<string, IconComponent>>;\n\n/** Icons of the built-in actions, when they don't name one. */\nconst BUILT_IN_ICONS: Record<string, LucideIcon> = {\n    show: Eye,\n    edit: Pencil,\n    duplicate: Copy,\n    delete: Trash2,\n    restore: RotateCcw,\n    export: Download,\n    import: Upload,\n};\n\n/**\n * The icon of an action: the one given for its id in `icons`, then the Lucide icon its `icon`\n * names (`\"send\"`, loaded when it first renders), then the icon of a built-in action.\n */\nexport function getActionIcon(action: Action, icons?: ActionIcons): IconComponent | undefined {\n    const given =\n        icons !== undefined && Object.hasOwn(icons, action.id) ? icons[action.id] : undefined;\n    if (given !== undefined) {\n        return given;\n    }\n    if (action.icon !== undefined && action.icon !== '') {\n        return getNamedIcon(action.icon);\n    }\n    return Object.hasOwn(BUILT_IN_ICONS, action.id) ? BUILT_IN_ICONS[action.id] : undefined;\n}\n"],"mappings":";;;;AAkBA,IAAM,iBAA6C;CAC/C,MAAM;CACN,MAAM;CACN,WAAW;CACX,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,QAAQ;AACZ;;;;;AAMA,SAAgB,cAAc,QAAgB,OAAgD;CAC1F,MAAM,QACF,UAAU,KAAA,KAAa,OAAO,OAAO,OAAO,OAAO,EAAE,IAAI,MAAM,OAAO,MAAM,KAAA;CAChF,IAAI,UAAU,KAAA,GACV,OAAO;CAEX,IAAI,OAAO,SAAS,KAAA,KAAa,OAAO,SAAS,IAC7C,OAAO,aAAa,OAAO,IAAI;CAEnC,OAAO,OAAO,OAAO,gBAAgB,OAAO,EAAE,IAAI,eAAe,OAAO,MAAM,KAAA;AAClF"}

package/dist/displays/Displays.css

@@ -1,8 +1,8 @@
-.panneau-empty-xEtZBq {
+.panneau-displays-empty {
     color: var(--panneau-color-text-muted);
 }
 
-.panneau-text-vty-EA {
+.panneau-displays-text {
     display: -webkit-box;
     overflow: hidden;
     -webkit-line-clamp: 2;
@@ -11,35 +11,35 @@
     overflow-wrap: anywhere;
 }
 
-.panneau-badges-2n5UJa {
+.panneau-displays-badges {
     display: inline-flex;
     flex-wrap: wrap;
     gap: var(--panneau-space-1);
 }
 
-.panneau-boolean-vvV7kf {
+.panneau-displays-boolean {
     display: inline-flex;
     align-items: center;
 }
 
-.panneau-true-Iu6Hsd {
+.panneau-displays-true {
     color: var(--panneau-color-success);
 }
 
-.panneau-false-zp5WgH {
+.panneau-displays-false {
     color: var(--panneau-color-text-muted);
 }
 
-.panneau-number-yfICs7 {
-    font-variant-numeric: tabular-nums;
+.panneau-displays-number {
+    font-variant-numeric: var(--panneau-font-numeric);
 }
 
-.panneau-link-nvMTOa {
+.panneau-displays-link {
     color: var(--panneau-color-link);
     overflow-wrap: anywhere;
 }
 
-.panneau-color-kkWQ1L {
+.panneau-displays-color {
     display: inline-flex;
     align-items: center;
     gap: var(--panneau-space-2);
@@ -47,7 +47,7 @@
     font-size: var(--panneau-font-size-sm);
 }
 
-.panneau-swatch-50Qwvv {
+.panneau-displays-swatch {
     flex: none;
     width: 1rem;
     height: 1rem;
@@ -55,13 +55,13 @@
     border-radius: var(--panneau-radius-sm);
 }
 
-.panneau-media-EOUwYg {
+.panneau-displays-media {
     display: inline-flex;
     align-items: center;
     gap: var(--panneau-space-2);
 }
 
-.panneau-thumbnail-WgBzFY {
+.panneau-displays-thumbnail {
     flex: none;
     width: 2.5rem;
     height: 2.5rem;

package/dist/displays/Displays.module.js

@@ -1,22 +1,22 @@
 import "./Displays.css";
 //#region src/displays/Displays.module.css
-var empty = "panneau-empty-xEtZBq";
-var text = "panneau-text-vty-EA";
-var badges = "panneau-badges-2n5UJa";
-var boolean = "panneau-boolean-vvV7kf";
-var number = "panneau-number-yfICs7";
-var link = "panneau-link-nvMTOa";
-var color = "panneau-color-kkWQ1L";
-var swatch = "panneau-swatch-50Qwvv";
-var media = "panneau-media-EOUwYg";
-var thumbnail = "panneau-thumbnail-WgBzFY";
+var empty = "panneau-displays-empty";
+var text = "panneau-displays-text";
+var badges = "panneau-displays-badges";
+var boolean = "panneau-displays-boolean";
+var number = "panneau-displays-number";
+var link = "panneau-displays-link";
+var color = "panneau-displays-color";
+var swatch = "panneau-displays-swatch";
+var media = "panneau-displays-media";
+var thumbnail = "panneau-displays-thumbnail";
 var Displays_module_default = {
 	empty,
 	text,
 	badges,
 	boolean,
-	"true": "panneau-true-Iu6Hsd",
-	"false": "panneau-false-zp5WgH",
+	"true": "panneau-displays-true",
+	"false": "panneau-displays-false",
 	number,
 	link,
 	color,

package/dist/displays/Displays.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Displays.module.js","names":[],"sources":["../../src/displays/Displays.module.css"],"sourcesContent":[".empty {\n    color: var(--panneau-color-text-muted);\n}\n\n.text {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-line-clamp: 2;\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow-wrap: anywhere;\n}\n\n.badges {\n    display: inline-flex;\n    flex-wrap: wrap;\n    gap: var(--panneau-space-1);\n}\n\n.boolean {\n    display: inline-flex;\n    align-items: center;\n}\n\n.true {\n    color: var(--panneau-color-success);\n}\n\n.false {\n    color: var(--panneau-color-text-muted);\n}\n\n.number {\n    font-variant-numeric: tabular-nums;\n}\n\n.link {\n    color: var(--panneau-color-link);\n    overflow-wrap: anywhere;\n}\n\n.color {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--panneau-space-2);\n    font-family: var(--panneau-font-family-mono);\n    font-size: var(--panneau-font-size-sm);\n}\n\n.swatch {\n    flex: none;\n    width: 1rem;\n    height: 1rem;\n    border: var(--panneau-border-width) solid var(--panneau-color-border-control);\n    border-radius: var(--panneau-radius-sm);\n}\n\n.media {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--panneau-space-2);\n}\n\n.thumbnail {\n    flex: none;\n    width: 2.5rem;\n    height: 2.5rem;\n    object-fit: cover;\n    background-color: var(--panneau-color-surface-sunken);\n    border-radius: var(--panneau-radius-sm);\n}\n"],"mappings":""}
+{"version":3,"file":"Displays.module.js","names":[],"sources":["../../src/displays/Displays.module.css"],"sourcesContent":[".empty {\n    color: var(--panneau-color-text-muted);\n}\n\n.text {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-line-clamp: 2;\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow-wrap: anywhere;\n}\n\n.badges {\n    display: inline-flex;\n    flex-wrap: wrap;\n    gap: var(--panneau-space-1);\n}\n\n.boolean {\n    display: inline-flex;\n    align-items: center;\n}\n\n.true {\n    color: var(--panneau-color-success);\n}\n\n.false {\n    color: var(--panneau-color-text-muted);\n}\n\n.number {\n    font-variant-numeric: var(--panneau-font-numeric);\n}\n\n.link {\n    color: var(--panneau-color-link);\n    overflow-wrap: anywhere;\n}\n\n.color {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--panneau-space-2);\n    font-family: var(--panneau-font-family-mono);\n    font-size: var(--panneau-font-size-sm);\n}\n\n.swatch {\n    flex: none;\n    width: 1rem;\n    height: 1rem;\n    border: var(--panneau-border-width) solid var(--panneau-color-border-control);\n    border-radius: var(--panneau-radius-sm);\n}\n\n.media {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--panneau-space-2);\n}\n\n.thumbnail {\n    flex: none;\n    width: 2.5rem;\n    height: 2.5rem;\n    object-fit: cover;\n    background-color: var(--panneau-color-surface-sunken);\n    border-radius: var(--panneau-radius-sm);\n}\n"],"mappings":""}

package/dist/filters/Filters.css

@@ -1,35 +1,35 @@
-.panneau-filters-9H41r8 {
+.panneau-filters {
     display: flex;
     flex-wrap: wrap;
     align-items: flex-end;
     gap: var(--panneau-space-3);
 }
 
-.panneau-control-vD-jl2 {
+.panneau-filters-control {
     width: 12rem;
     max-width: 100%;
 }
 
-.panneau-toggle-aBWzSX {
+.panneau-filters-toggle {
     align-self: center;
     min-height: var(--panneau-control-height);
     display: flex;
     align-items: center;
 }
 
-.panneau-range-lY9OdJ {
+.panneau-filters-range {
     display: flex;
     flex-wrap: wrap;
     gap: var(--panneau-space-2);
     max-width: 100%;
 }
 
-.panneau-range-lY9OdJ > :not(legend) {
+.panneau-filters-range > :not(legend) {
     width: 11rem;
     max-width: 100%;
 }
 
-.panneau-chips-zPj5hD {
+.panneau-filters-chips {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
@@ -39,7 +39,7 @@
     list-style: none;
 }
 
-.panneau-chip-RQRPo6 {
+.panneau-filters-chip {
     display: inline-flex;
     align-items: center;
     gap: var(--panneau-space-1);
@@ -51,21 +51,21 @@
     border-radius: var(--panneau-radius-full);
 }
 
-.panneau-chipText-Uofas9 {
+.panneau-filters-chip-text {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
-.panneau-chipLabel-QsALcI {
+.panneau-filters-chip-label {
     color: var(--panneau-color-text-muted);
 }
 
 @container panneau-list (max-width: 40rem) {
-    .panneau-filters-9H41r8,
-    .panneau-control-vD-jl2,
-    .panneau-range-lY9OdJ,
-    .panneau-range-lY9OdJ > :not(legend) {
+    .panneau-filters,
+    .panneau-filters-control,
+    .panneau-filters-range,
+    .panneau-filters-range > :not(legend) {
         width: 100%;
     }
 }

package/dist/filters/Filters.module.js

@@ -1,13 +1,13 @@
 import "./Filters.css";
 //#region src/filters/Filters.module.css
-var filters = "panneau-filters-9H41r8";
-var control = "panneau-control-vD-jl2";
-var toggle = "panneau-toggle-aBWzSX";
-var range = "panneau-range-lY9OdJ";
-var chips = "panneau-chips-zPj5hD";
-var chip = "panneau-chip-RQRPo6";
-var chipText = "panneau-chipText-Uofas9";
-var chipLabel = "panneau-chipLabel-QsALcI";
+var filters = "panneau-filters";
+var control = "panneau-filters-control";
+var toggle = "panneau-filters-toggle";
+var range = "panneau-filters-range";
+var chips = "panneau-filters-chips";
+var chip = "panneau-filters-chip";
+var chipText = "panneau-filters-chip-text";
+var chipLabel = "panneau-filters-chip-label";
 var Filters_module_default = {
 	filters,
 	control,

package/dist/filters/controls.d.ts

@@ -8,8 +8,8 @@ export declare function ToggleFilter({ label, value, onChange }: FilterControlPr
 /** A day (`2026-10-15`). */
 export declare function DateFilter({ label, value, onChange }: FilterControlProps): import("react").JSX.Element;
 /**
- * A range of days, sent as `[from, to]` (`filter[published_at][]=2026-01-01&…`). An open end is an
- * empty string.
+ * A range of days, sent as its bounds (`filter[published_at][from]=2026-01-01&…[to]=…`). Either end
+ * can be open: it is left out.
  */
 export declare function DateRangeFilter({ label, value, onChange }: FilterControlProps): import("react").JSX.Element;
 /**

package/dist/filters/controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../src/filters/controls.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAWhE,kEAAkE;AAClE,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BAmBxE;AAED,8DAA8D;AAC9D,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BAgC3F;AAED,iEAAiE;AACjE,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BAU1E;AAED,4BAA4B;AAC5B,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BASxE;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BAmB7E;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,aAAa,GAChB,EAAE,kBAAkB,+BAmCpB;AAED,oFAAoF;AACpF,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAOhE,CAAC"}
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../src/filters/controls.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAchE,kEAAkE;AAClE,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BAmBxE;AAED,8DAA8D;AAC9D,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BAgC3F;AAED,iEAAiE;AACjE,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BAU1E;AAED,4BAA4B;AAC5B,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BASxE;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BA4B7E;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,aAAa,GAChB,EAAE,kBAAkB,+BA8CpB;AAED,oFAAoF;AACpF,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAOhE,CAAC"}