@flowselections/floriday-voorraad 1.0.152 → 1.0.155

package/dist-lib/components/fs-ui/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKpE,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,SAAS,CAAC;IAClB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,OAAO,EACP,IAAI,EACJ,KAAK,EACL,OAAO,EACP,IAAI,EACJ,MAAM,EACN,MAAM,EACN,SAAoB,EACpB,SAAS,EACT,KAAK,EACL,UAAU,EACV,UAAU,EACV,YAAgB,EAChB,QAAe,GAChB,EAAE;IACD,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,OAAO,CAAA;KAAE,CAAC;IACrC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE;QAAE,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;QAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;QAAC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;QAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;KAAE,CAAC;IACrI,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,+BA0IA"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKpE,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,SAAS,CAAC;IAClB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,OAAO,EACP,IAAI,EACJ,KAAK,EACL,OAAO,EACP,IAAI,EACJ,MAAM,EACN,MAAM,EACN,SAAoB,EACpB,SAAS,EACT,KAAK,EACL,UAAU,EACV,UAAU,EACV,YAAgB,EAChB,QAAe,GAChB,EAAE;IACD,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,OAAO,CAAA;KAAE,CAAC;IACrC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE;QAAE,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;QAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;QAAC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;QAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;KAAE,CAAC;IACrI,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,+BAoJA"}

package/dist-lib/components/fs-ui/DataTable.js

@@ -50,19 +50,19 @@ export function DataTable({ columns, rows, getId, loading, sort, onSort, onOpen,
         document.querySelector(`[data-rij="${actief}"]`)?.scrollIntoView({ block: "nearest" });
     }, [actief]);
     const allesGekozen = selection ? ids.length > 0 && ids.every((id) => selection.selected.has(id)) : false;
-    const kolomBreedtes = [selection ? "44px" : undefined, ...columns.map((c) => c.width), onOpen || rowActions ? "96px" : undefined].filter((_, i, a) => i > 0 || a[0] !== undefined);
+    const kolomBreedtes = [selection ? "36px" : undefined, ...columns.map((c) => c.width), onOpen || rowActions ? "96px" : undefined].filter((_, i, a) => i > 0 || a[0] !== undefined);
     const leeg = !loading && rows.length === 0;
     const eersteLaad = loading && rows.length === 0;
-    return (_jsxs("div", { className: "overflow-hidden rounded-xl border border-border bg-card shadow-sm", children: [mobileCard && (_jsxs("ul", { className: "divide-y divide-border md:hidden", children: [eersteLaad && Array.from({ length: 5 }).map((_, i) => (_jsxs("li", { className: "space-y-2 p-4", "aria-hidden": true, children: [_jsx("div", { className: "h-4 w-2/3 animate-pulse rounded bg-muted" }), _jsx("div", { className: "h-3 w-1/2 animate-pulse rounded bg-muted" })] }, i))), rows.map((r) => (_jsx("li", { className: "transition-opacity duration-150 " + (loading ? "opacity-60" : ""), children: _jsx("div", { role: onOpen ? "button" : undefined, tabIndex: onOpen ? 0 : undefined, onClick: () => onOpen?.(r), onKeyDown: (e) => { if (e.key === "Enter" && onOpen)
-                                onOpen(r); }, className: "block min-h-11 p-4 active:bg-muted/60", children: mobileCard(r) }) }, getId(r)))), leeg && _jsx("li", { children: empty })] })), _jsx("div", { className: (mobileCard ? "hidden md:block " : "") + "max-h-[calc(100vh-12rem)] overflow-auto", children: _jsxs("table", { className: "w-full min-w-[900px] table-fixed text-sm", children: [_jsxs("colgroup", { children: [selection && _jsx("col", { style: { width: "44px" } }), columns.map((c) => _jsx("col", { style: c.width ? { width: c.width } : undefined }, c.key)), (onOpen || rowActions) && _jsx("col", { style: { width: "96px" } })] }), _jsx("thead", { className: "sticky top-0 z-10 bg-card", children: _jsxs("tr", { className: "h-10 border-b border-border", children: [selection && (_jsx("th", { className: "px-3 text-left", children: _jsx("input", { type: "checkbox", className: "h-4 w-4 rounded accent-primary", checked: allesGekozen, onChange: () => selection.onToggleAll(ids), "aria-label": "Alles op deze pagina kiezen" }) })), columns.map((c) => {
+    return (_jsxs("div", { className: "overflow-hidden rounded-xl border border-border bg-card shadow-sm", children: [(_jsxs("ul", { className: "divide-y divide-border md:hidden", children: [eersteLaad && Array.from({ length: 5 }).map((_, i) => (_jsxs("li", { className: "space-y-2 p-4", "aria-hidden": true, children: [_jsx("div", { className: "h-4 w-2/3 animate-pulse rounded bg-muted" }), _jsx("div", { className: "h-3 w-1/2 animate-pulse rounded bg-muted" })] }, i))), rows.map((r) => (_jsx("li", { className: "transition-opacity duration-150 " + (loading ? "opacity-60" : ""), children: _jsx("div", { role: onOpen ? "button" : undefined, tabIndex: onOpen ? 0 : undefined, onClick: () => onOpen?.(r), onKeyDown: (e) => { if (e.key === "Enter" && onOpen)
+                                onOpen(r); }, className: "block min-h-11 p-4 active:bg-muted/60", children: mobileCard ? mobileCard(r) : (_jsx("div", { className: "space-y-1", children: columns.map((c, ci) => (_jsxs("div", { className: ci === 0 ? "min-w-0 text-sm font-medium" : "flex min-w-0 items-baseline justify-between gap-3 text-xs", children: [ci > 0 && _jsx("span", { className: "shrink-0 text-muted-foreground", children: c.header }), _jsx("div", { className: "min-w-0 truncate", children: c.render(r) })] }, c.key))) })) }) }, getId(r)))), leeg && _jsx("li", { children: empty })] })), _jsx("div", { className: "hidden max-h-[calc(100dvh-7rem)] overflow-auto md:block xl:max-h-none xl:overflow-visible", children: _jsxs("table", { className: "w-full [&_thead_th]:h-10 [&_thead_th]:text-[11px] [&_thead_th]:font-semibold [&_thead_th]:uppercase [&_thead_th]:tracking-wide [&_thead_th]:text-muted-foreground min-w-[900px] table-fixed caption-bottom text-sm [&_thead_th]:sticky [&_thead_th]:top-0 [&_thead_th]:z-10 [&_thead_th]:bg-card [&_tbody_tr]:transition-colors", children: [_jsxs("colgroup", { children: [selection && _jsx("col", { style: { width: "36px" } }), columns.map((c) => _jsx("col", { style: c.width ? { width: c.width } : undefined }, c.key)), (onOpen || rowActions) && _jsx("col", { style: { width: "96px" } })] }), _jsx("thead", { children: _jsxs("tr", { className: "border-b border-border", children: [selection && (_jsx("th", { className: "px-2 text-left align-middle", children: _jsx("input", { type: "checkbox", className: "h-4 w-4 rounded accent-primary", checked: allesGekozen, onChange: () => selection.onToggleAll(ids), "aria-label": "Alles op deze pagina kiezen" }) })), columns.map((c) => {
                                         const act = sort && c.sortKey && sort.key === c.sortKey;
-                                        return (_jsx("th", { scope: "col", className: "px-3 text-left text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", "aria-sort": act ? (sort.asc ? "ascending" : "descending") : c.sortKey ? "none" : undefined, children: c.sortKey && onSort ? (_jsxs("button", { type: "button", onClick: () => onSort(c.sortKey), className: "inline-flex items-center gap-1 uppercase hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-sm " + (act ? "text-foreground" : ""), children: [c.header, act && (sort.asc ? _jsx(ArrowUp, { className: "h-3 w-3" }) : _jsx(ArrowDown, { className: "h-3 w-3" }))] })) : c.header }, c.key));
-                                    }), (onOpen || rowActions) && _jsx("th", { className: "px-3", children: _jsx("span", { className: "sr-only", children: "Acties" }) })] }) }), _jsxs("tbody", { children: [eersteLaad && _jsx(TableSkeleton, { columns: kolomBreedtes, rows: skeletonRows }), rows.map((r, i) => {
+                                        return (_jsx("th", { scope: "col", className: "px-2 text-left align-middle", "aria-sort": act ? (sort.asc ? "ascending" : "descending") : c.sortKey ? "none" : undefined, children: c.sortKey && onSort ? (_jsxs("button", { type: "button", onClick: () => onSort(c.sortKey), className: "inline-flex items-center gap-1 uppercase tracking-wide hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-sm " + (act ? "text-foreground" : ""), children: [c.header, act && (sort.asc ? _jsx(ArrowUp, { className: "h-3 w-3" }) : _jsx(ArrowDown, { className: "h-3 w-3" }))] })) : c.header }, c.key));
+                                    }), (onOpen || rowActions) && _jsx("th", { className: "px-2", children: _jsx("span", { className: "sr-only", children: "Acties" }) })] }) }), _jsxs("tbody", { children: [eersteLaad && _jsx(TableSkeleton, { columns: kolomBreedtes, rows: skeletonRows }), rows.map((r, i) => {
                                     const id = getId(r);
                                     const isActief = i === actief;
                                     const gekozen = selection?.selected.has(id);
                                     return (_jsxs("tr", { "data-rij": i, onClick: () => setActief(i), onDoubleClick: () => onOpen?.(r), className: "group h-[60px] border-b border-border transition-colors duration-150 last:border-0 hover:bg-muted/40 motion-reduce:transition-none " +
-                                            (isActief || gekozen ? "bg-primary/5 shadow-[inset_3px_0_0_var(--primary)] " : "") +
-                                            (loading ? "opacity-60" : ""), children: [selection && (_jsx("td", { className: "px-3", onClick: (e) => e.stopPropagation(), children: _jsx("input", { type: "checkbox", className: "h-4 w-4 rounded accent-primary", checked: !!gekozen, onChange: () => selection.onToggle(id), "aria-label": `Kies ${selection.label(r)}` }) })), columns.map((c) => _jsx("td", { className: "truncate px-3 " + (c.className ?? ""), children: c.render(r) }, c.key)), (onOpen || rowActions) && (_jsx("td", { className: "px-3", onClick: (e) => e.stopPropagation(), children: _jsxs("div", { className: "flex items-center justify-end gap-1", children: [rowActions?.(r), onOpen && (_jsx("button", { type: "button", onClick: () => onOpen(r), "aria-label": openLabel, title: openLabel, className: "inline-flex h-8 w-8 items-center justify-center rounded-lg text-muted-foreground transition-opacity duration-150 hover:bg-muted hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring " + (isActief ? "opacity-100" : "opacity-0 group-hover:opacity-100"), children: _jsx(ChevronRight, { className: "h-4 w-4" }) }))] }) }))] }, id));
-                                }), leeg && (_jsx("tr", { children: _jsx("td", { colSpan: columns.length + (selection ? 1 : 0) + (onOpen || rowActions ? 1 : 0), children: empty }) }))] })] }) })] }));
+                                            (isActief ? "bg-muted/60 " : "") +
+                                            (loading ? "opacity-60" : ""), children: [selection && (_jsxs("td", { className: "relative px-2 py-0 align-middle", onClick: (e) => e.stopPropagation(), children: [(gekozen || isActief) && _jsx("span", { "aria-hidden": true, className: "absolute inset-y-0 left-0 w-[3px] " + (gekozen ? "bg-primary" : "bg-primary/40") }), _jsx("input", { type: "checkbox", className: "h-4 w-4 rounded accent-primary", checked: !!gekozen, onChange: () => selection.onToggle(id), "aria-label": `Kies ${selection.label(r)}` })] })), columns.map((c) => _jsx("td", { className: "truncate px-2 py-0 align-middle " + (c.className ?? ""), children: c.render(r) }, c.key)), (onOpen || rowActions) && (_jsx("td", { className: "px-2 py-0 align-middle", onClick: (e) => e.stopPropagation(), children: _jsxs("div", { className: "flex items-center justify-end gap-1", children: [rowActions?.(r), onOpen && (_jsx("button", { type: "button", onClick: () => onOpen(r), "aria-label": openLabel, title: openLabel, className: "inline-flex h-8 w-8 items-center justify-center rounded-lg text-muted-foreground transition-opacity duration-150 hover:bg-muted hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring " + (isActief ? "opacity-100" : "opacity-0 group-hover:opacity-100"), children: _jsx(ChevronRight, { className: "h-4 w-4" }) }))] }) }))] }, id));
+                                }), leeg && (_jsx("tr", { className: "hover:bg-transparent", children: _jsx("td", { colSpan: columns.length + (selection ? 1 : 0) + (onOpen || rowActions ? 1 : 0), children: empty }) }))] })] }) })] }));
 }

package/dist-lib/components/fs-ui/FilterChips.d.ts

@@ -5,7 +5,7 @@ export interface FilterChip {
     icon?: ReactNode;
     onRemove: () => void;
 }
-/** Actieve filters als ronde chips met icoon en kruisje; "Alles wissen" bij meer dan één. */
+/** FilterChip exact naar Verkooporders; "Alles wissen" bij meer dan één. Inline in de werkbalk. */
 export declare function FilterChips({ chips, onClearAll }: {
     chips: FilterChip[];
     onClearAll?: () => void;

package/dist-lib/components/fs-ui/FilterChips.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterChips.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/FilterChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,6FAA6F;AAC7F,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE;IAAE,KAAK,EAAE,UAAU,EAAE,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,sCAoBlG"}
+{"version":3,"file":"FilterChips.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/FilterChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,mGAAmG;AACnG,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE;IAAE,KAAK,EAAE,UAAU,EAAE,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,sCAwBlG"}

package/dist-lib/components/fs-ui/FilterChips.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { X } from "lucide-react";
-/** Actieve filters als ronde chips met icoon en kruisje; "Alles wissen" bij meer dan één. */
+/** FilterChip exact naar Verkooporders; "Alles wissen" bij meer dan één. Inline in de werkbalk. */
 export function FilterChips({ chips, onClearAll }) {
     if (chips.length === 0)
         return null;
-    return (_jsxs("div", { className: "flex flex-wrap items-center gap-2", "aria-label": "Actieve filters", children: [chips.map((c) => (_jsxs("span", { className: "inline-flex h-8 items-center gap-1.5 rounded-full border border-primary/30 bg-primary/10 pl-3 pr-1 text-sm text-primary [&_svg]:h-4 [&_svg]:w-4", children: [c.icon, c.label, _jsx("button", { type: "button", onClick: c.onRemove, "aria-label": `Filter ${c.label} wissen`, className: "inline-flex h-6 w-6 items-center justify-center rounded-full hover:bg-primary/15 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: _jsx(X, { className: "h-3.5 w-3.5" }) })] }, c.key))), onClearAll && chips.length > 1 && (_jsx("button", { type: "button", onClick: onClearAll, className: "h-8 rounded-full px-3 text-sm text-muted-foreground hover:text-foreground", children: "Alles wissen" }))] }));
+    return (_jsxs(_Fragment, { children: [chips.map((c) => (_jsxs("button", { type: "button", onClick: c.onRemove, "aria-label": `Filter ${c.label} wissen`, className: "inline-flex h-8 items-center gap-1.5 rounded-full border border-border bg-muted px-3 text-xs font-medium text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:h-3.5 [&_svg]:w-3.5", children: [c.icon, c.label, _jsx(X, { className: "h-3.5 w-3.5", "aria-hidden": true })] }, c.key))), onClearAll && chips.length > 1 && (_jsx("button", { type: "button", onClick: onClearAll, className: "h-8 rounded-full px-2 text-xs font-medium text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: "Alles wissen" }))] }));
 }

package/dist-lib/components/fs-ui/FilterPanel.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from "react";
+/** Zijpaneel met alle extra filters (rechts op desktop, volledig scherm op mobiel). */
+export declare function FilterPanel({ open, onOpenChange, children, onClear }: {
+    open: boolean;
+    onOpenChange: (o: boolean) => void;
+    children: ReactNode;
+    onClear?: () => void;
+}): import("react").JSX.Element;
+/** Eén filtergroep met keuzeknoppen. */
+export declare function FilterGroup<T extends string>({ title, value, options, onChange }: {
+    title: string;
+    value: T;
+    options: {
+        value: T;
+        label: string;
+    }[];
+    onChange: (v: T) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=FilterPanel.d.ts.map

package/dist-lib/components/fs-ui/FilterPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPanel.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/FilterPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,uFAAuF;AACvF,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,+BAatK;AAED,wCAAwC;AACxC,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,CAAC;IAAC,OAAO,EAAE;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAA;CAAE,+BAc/K"}

package/dist-lib/components/fs-ui/FilterPanel.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogContent, DialogHeader, DialogTitle } from "@flowselections/core";
+/** Zijpaneel met alle extra filters (rechts op desktop, volledig scherm op mobiel). */
+export function FilterPanel({ open, onOpenChange, children, onClear }) {
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "left-auto right-0 top-0 h-[100dvh] max-w-sm translate-x-0 translate-y-0 rounded-none sm:rounded-none flex flex-col gap-4 data-[state=open]:slide-in-from-right", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Filters" }) }), _jsx("div", { className: "min-h-0 flex-1 space-y-5 overflow-auto", children: children }), _jsxs("div", { className: "flex justify-between gap-2 border-t border-border pt-3", children: [onClear ? _jsx(Button, { variant: "ghost", size: "sm", onClick: onClear, children: "Alles wissen" }) : _jsx("span", {}), _jsx(Button, { size: "sm", onClick: () => onOpenChange(false), children: "Klaar" })] })] }) }));
+}
+/** Eén filtergroep met keuzeknoppen. */
+export function FilterGroup({ title, value, options, onChange }) {
+    return (_jsxs("fieldset", { className: "space-y-2", children: [_jsx("legend", { className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: title }), _jsx("div", { className: "flex flex-wrap gap-2", children: options.map((o) => (_jsx("button", { type: "button", "aria-pressed": o.value === value, onClick: () => onChange(o.value), className: "h-8 rounded-full border px-3 text-xs font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring " + (o.value === value ? "border-primary/30 bg-primary/10 text-foreground" : "border-border bg-card text-foreground/80 hover:bg-muted"), children: o.label }, o.value))) })] }));
+}

package/dist-lib/components/fs-ui/FiltersButton.d.ts

@@ -0,0 +1,6 @@
+/** Knop "Filters" exact naar Verkooporders, met teller als er filters actief zijn. */
+export declare function FiltersButton({ count, onClick }: {
+    count: number;
+    onClick: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=FiltersButton.d.ts.map

package/dist-lib/components/fs-ui/FiltersButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersButton.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/FiltersButton.tsx"],"names":[],"mappings":"AAGA,sFAAsF;AACtF,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,+BAYvF"}

package/dist-lib/components/fs-ui/FiltersButton.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@flowselections/core";
+import { SlidersHorizontal } from "lucide-react";
+/** Knop "Filters" exact naar Verkooporders, met teller als er filters actief zijn. */
+export function FiltersButton({ count, onClick }) {
+    return (_jsxs(Button, { variant: "outline", size: "sm", onClick: onClick, "aria-label": "Filters", className: "relative h-10 px-3 sm:h-9", children: [_jsx(SlidersHorizontal, { className: "h-4 w-4 sm:mr-2" }), _jsx("span", { className: "hidden sm:inline", children: "Filters" }), count > 0 && (_jsx("span", { className: "ml-2 inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1.5 text-[11px] font-semibold text-primary-foreground", children: count }))] }));
+}

package/dist-lib/components/fs-ui/HeaderButton.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+/** Secundaire kopknop exact naar Verkooporders: outline sm; op mobiel alleen icoon van 40 px. */
+export declare function HeaderButton({ icon, label, onClick, disabled }: {
+    icon: ReactNode;
+    label: string;
+    onClick?: () => void;
+    disabled?: boolean;
+}): import("react").JSX.Element;
+/** Primaire kopknop: size sm met kbd-hint; op mobiel verborgen (vaste knop onderin). */
+export declare function HeaderPrimary({ icon, label, kbd, onClick }: {
+    icon: ReactNode;
+    label: string;
+    kbd?: string;
+    onClick: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=HeaderButton.d.ts.map

package/dist-lib/components/fs-ui/HeaderButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderButton.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/HeaderButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,iGAAiG;AACjG,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,+BAM5I;AAED,wFAAwF;AACxF,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,+BASjI"}

package/dist-lib/components/fs-ui/HeaderButton.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@flowselections/core";
+/** Secundaire kopknop exact naar Verkooporders: outline sm; op mobiel alleen icoon van 40 px. */
+export function HeaderButton({ icon, label, onClick, disabled }) {
+    return (_jsxs(Button, { variant: "outline", size: "sm", onClick: onClick, disabled: disabled, "aria-label": label, className: "h-10 w-10 p-0 sm:h-9 sm:w-auto sm:px-3 [&_svg]:h-4 [&_svg]:w-4 [&_svg]:sm:mr-2", children: [icon, " ", _jsx("span", { className: "hidden sm:inline", children: label })] }));
+}
+/** Primaire kopknop: size sm met kbd-hint; op mobiel verborgen (vaste knop onderin). */
+export function HeaderPrimary({ icon, label, kbd, onClick }) {
+    return (_jsxs(Button, { size: "sm", className: "hidden sm:inline-flex [&_svg]:mr-2 [&_svg]:h-4 [&_svg]:w-4", onClick: onClick, children: [icon, " ", label, kbd && (_jsx("kbd", { "aria-hidden": true, className: "ml-2 hidden rounded border border-primary-foreground/30 bg-primary-foreground/15 px-1.5 font-mono text-[10px] leading-4 text-primary-foreground sm:inline-block", children: kbd }))] }));
+}

package/dist-lib/components/fs-ui/KpiRow.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
 /**
- * Rij KPI-tegels: 4 naast elkaar vanaf desktop, 2 op tablet; op mobiel een
- * veegbare rij (snap per tegel, ca. 78% breed) zonder zichtbare scrollbalk.
+ * Rij KPI-tegels: 4 naast elkaar vanaf desktop, 2 op tablet; op mobiel veegbaar.
+ * De eerste tegel staat binnen de paginamarge van 16 px (scroll-padding), nooit tegen de rand.
  */
 export declare function KpiRow({ children, label }: {
     children: ReactNode;

package/dist-lib/components/fs-ui/KpiRow.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * Rij KPI-tegels: 4 naast elkaar vanaf desktop, 2 op tablet; op mobiel een
- * veegbare rij (snap per tegel, ca. 78% breed) zonder zichtbare scrollbalk.
+ * Rij KPI-tegels: 4 naast elkaar vanaf desktop, 2 op tablet; op mobiel veegbaar.
+ * De eerste tegel staat binnen de paginamarge van 16 px (scroll-padding), nooit tegen de rand.
  */
 export function KpiRow({ children, label = "Kerncijfers" }) {
-    return (_jsx("section", { "aria-label": label, className: "-mx-4 flex snap-x snap-mandatory gap-3 overflow-x-auto px-4 pb-1 [scrollbar-width:none] sm:mx-0 sm:grid sm:grid-cols-2 sm:overflow-visible sm:px-0 sm:pb-0 lg:grid-cols-4 [&::-webkit-scrollbar]:hidden [&>*]:w-[78%] [&>*]:shrink-0 [&>*]:snap-start sm:[&>*]:w-auto", children: children }));
+    return (_jsx("section", { "aria-label": label, className: "-mx-4 flex snap-x snap-mandatory scroll-px-4 gap-3 overflow-x-auto px-4 pb-1 [scrollbar-width:none] sm:mx-0 sm:grid sm:grid-cols-2 sm:overflow-visible sm:px-0 sm:pb-0 lg:grid-cols-4 [&::-webkit-scrollbar]:hidden [&>*]:w-[78%] [&>*]:shrink-0 [&>*]:snap-start sm:[&>*]:w-auto", children: children }));
 }

package/dist-lib/components/fs-ui/NoticeBar.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+/**
+ * NoticeBar naar Verkooporders: één inklapbare balk voor alle meldingen. Ingeklapt
+ * hooguit 2 regels (één per melding), de rest als "+ n meldingen"; uitklappen toont alles.
+ * `items` zijn korte zinnen, nooit lijsten van artikelen.
+ */
+export declare function NoticeBar({ items }: {
+    items: ReactNode[];
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=NoticeBar.d.ts.map

package/dist-lib/components/fs-ui/NoticeBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoticeBar.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/NoticeBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,EAAE,CAAA;CAAE,sCA0B1D"}

package/dist-lib/components/fs-ui/NoticeBar.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ChevronDown, Info } from "lucide-react";
+/**
+ * NoticeBar naar Verkooporders: één inklapbare balk voor alle meldingen. Ingeklapt
+ * hooguit 2 regels (één per melding), de rest als "+ n meldingen"; uitklappen toont alles.
+ * `items` zijn korte zinnen, nooit lijsten van artikelen.
+ */
+export function NoticeBar({ items }) {
+    const [open, setOpen] = useState(false);
+    if (items.length === 0)
+        return null;
+    const zichtbaar = open ? items : items.slice(0, 2);
+    const rest = items.length - zichtbaar.length;
+    return (_jsx("div", { role: "status", className: "shrink-0 rounded-lg border border-border bg-warning-soft text-sm text-warning-soft-foreground", children: _jsxs("button", { type: "button", "aria-expanded": open, onClick: () => setOpen((o) => !o), className: "flex w-full items-start gap-2 px-3 py-2 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-lg", children: [_jsx(Info, { className: "mt-0.5 h-4 w-4 shrink-0", "aria-hidden": true }), _jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [zichtbaar.map((it, i) => (_jsx("span", { className: "min-w-0 " + (open ? "" : "truncate"), children: it }, i))), rest > 0 && _jsxs("span", { className: "font-medium", children: ["+ ", rest, " ", rest === 1 ? "melding" : "meldingen"] })] }), (items.length > 2 || open) && (_jsx(ChevronDown, { className: "ml-auto mt-0.5 h-4 w-4 shrink-0 transition-transform " + (open ? "rotate-180" : ""), "aria-hidden": true }))] }) }));
+}

package/dist-lib/components/fs-ui/PageHeader.d.ts

@@ -1,17 +1,18 @@
 import type { ReactNode } from "react";
 /**
- * Paginakop: links (kruimel), titel en bijgewerkt-tijd; rechts de acties.
- * Titel 24 px (20 px mobiel), zonder icoon. Knoppen wrappen netjes.
+ * Paginakop exact naar Verkooporders: h1 (20/24 px, 700) met daaronder alleen
+ * "Bijgewerkt hh:mm". Rechts periode, secundaire knoppen en één primaire knop.
+ * Op mobiel staat de kop in een raster: titel links, knoppen (icoon) rechts.
  */
 export declare function PageHeader({ title, updated, crumb, media, meta, actions, }: {
     title: ReactNode;
     /** Meestal <UpdatedAt />. */
     updated?: ReactNode;
-    /** Kleine terug-link boven de titel. */
+    /** Kleine terug-link boven de titel (alleen detailpagina's). */
     crumb?: ReactNode;
-    /** Optioneel beeld links van de titel (bijv. foto van het item). */
+    /** Optioneel beeld links van de titel (alleen detailpagina's). */
     media?: ReactNode;
-    /** Extra regel onder de titel (status, prijs). */
+    /** Alleen detailpagina's: vaste kerngegevens onder de titel. */
     meta?: ReactNode;
     actions?: ReactNode;
 }): import("react").JSX.Element;

package/dist-lib/components/fs-ui/PageHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,GACR,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wCAAwC;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oEAAoE;IACpE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kDAAkD;IAClD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,+BAiBA"}
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,GACR,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gEAAgE;IAChE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kEAAkE;IAClE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gEAAgE;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,+BAqBA"}

package/dist-lib/components/fs-ui/PageHeader.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * Paginakop: links (kruimel), titel en bijgewerkt-tijd; rechts de acties.
- * Titel 24 px (20 px mobiel), zonder icoon. Knoppen wrappen netjes.
+ * Paginakop exact naar Verkooporders: h1 (20/24 px, 700) met daaronder alleen
+ * "Bijgewerkt hh:mm". Rechts periode, secundaire knoppen en één primaire knop.
+ * Op mobiel staat de kop in een raster: titel links, knoppen (icoon) rechts.
  */
 export function PageHeader({ title, updated, crumb, media, meta, actions, }) {
-    return (_jsxs("header", { className: "flex flex-col gap-2", children: [crumb && _jsx("div", { className: "text-sm text-muted-foreground", children: crumb }), _jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 flex-1 basis-64 items-start gap-4", children: [media, _jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "break-words text-xl font-bold leading-tight tracking-tight text-foreground sm:text-2xl", children: title }), updated && _jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: updated }), meta && _jsx("div", { className: "mt-2 flex flex-wrap items-center gap-2 text-sm", children: meta })] })] }), actions && _jsx("div", { className: "flex flex-wrap items-center gap-2", children: actions })] })] }));
+    return (_jsxs("header", { className: "shrink-0 flex flex-col gap-1", children: [crumb && _jsx("div", { className: "text-sm text-muted-foreground", children: crumb }), _jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-3 sm:flex sm:flex-wrap sm:justify-between", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [media, _jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "truncate text-xl font-bold leading-tight sm:text-2xl tracking-tight text-foreground", children: title }), updated && (_jsx("p", { className: "flex flex-wrap items-center gap-x-2 text-xs text-muted-foreground", "aria-live": "polite", children: updated })), meta && _jsx("div", { className: "mt-2 flex flex-wrap items-center gap-2 text-sm", children: meta })] })] }), actions && _jsx("div", { className: "flex flex-wrap items-center justify-end gap-2", children: actions })] })] }));
 }

package/dist-lib/components/fs-ui/Pagination.d.ts

@@ -0,0 +1,10 @@
+/** Paginering exact naar Verkooporders: "1–25 van 120" links, "Per pagina" en pijlen met "1 / 5" rechts. */
+export declare function Pagination({ page, pageSize, totalCount, onPage, onPageSize, sizes, }: {
+    page: number;
+    pageSize: number;
+    totalCount: number;
+    onPage: (p: number) => void;
+    onPageSize?: (n: number) => void;
+    sizes?: number[];
+}): import("react").JSX.Element;
+//# sourceMappingURL=Pagination.d.ts.map

package/dist-lib/components/fs-ui/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/Pagination.tsx"],"names":[],"mappings":"AAGA,4GAA4G;AAC5G,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,MAAM,EACN,UAAU,EACV,KAAyB,GAC1B,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB,+BAuCA"}

package/dist-lib/components/fs-ui/Pagination.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@flowselections/core";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+/** Paginering exact naar Verkooporders: "1–25 van 120" links, "Per pagina" en pijlen met "1 / 5" rechts. */
+export function Pagination({ page, pageSize, totalCount, onPage, onPageSize, sizes = [10, 25, 50, 100], }) {
+    const totalPages = Math.max(1, Math.ceil(totalCount / pageSize));
+    return (_jsxs("nav", { "aria-label": "Paginering", className: "shrink-0 flex flex-wrap items-center justify-between gap-3 text-sm text-muted-foreground", children: [_jsx("div", { className: "tabular-nums", children: totalCount === 0
+                    ? "Geen resultaten"
+                    : `${((page - 1) * pageSize + 1).toLocaleString("nl-NL")}–${Math.min(page * pageSize, totalCount).toLocaleString("nl-NL")} van ${totalCount.toLocaleString("nl-NL")}` }), _jsxs("div", { className: "flex items-center gap-3", children: [onPageSize && (_jsxs("div", { className: "hidden items-center gap-2 sm:flex", children: [_jsx("span", { children: "Per pagina" }), _jsxs(Select, { value: String(pageSize), onValueChange: (v) => onPageSize(Number(v)), children: [_jsx(SelectTrigger, { className: "h-8 w-20", "aria-label": "Resultaten per pagina", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: sizes.map((n) => (_jsx(SelectItem, { value: String(n), children: n }, n))) })] })] })), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: "outline", size: "icon", className: "h-10 w-10 sm:h-8 sm:w-8", onClick: () => onPage(Math.max(1, page - 1)), disabled: page <= 1, "aria-label": "Vorige pagina", children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsxs("div", { className: "px-2 text-foreground tabular-nums", "aria-current": "page", children: [page, " / ", totalPages] }), _jsx(Button, { variant: "outline", size: "icon", className: "h-10 w-10 sm:h-8 sm:w-8", onClick: () => onPage(Math.min(totalPages, page + 1)), disabled: page >= totalPages, "aria-label": "Volgende pagina", children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] })] })] }));
+}

package/dist-lib/components/fs-ui/PillTabs.d.ts

@@ -1,15 +1,13 @@
-import type { ReactNode } from "react";
+import { type ReactNode } from "react";
 export interface PillTab<T extends string = string> {
     value: T;
     label: string;
     icon?: ReactNode;
     /** Teller; undefined = geen teller, null = nog laden. */
     count?: number | null;
+    hint?: string;
 }
-/**
- * Tabbladen als pillen met icoon + label + teller. Actief: groene tint en rand,
- * teller groen gevuld. Leeg (0): gedempte tekst. Mobiel veegbaar met vervaging rechts.
- */
+/** StatusTabs exact naar Verkooporders: altijd één regel, scrollt horizontaal met vervaging. */
 export declare function PillTabs<T extends string>({ tabs, value, onChange, label, }: {
     tabs: PillTab<T>[];
     value: T;

package/dist-lib/components/fs-ui/PillTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PillTabs.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/PillTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,OAAO,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAChD,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,EACzC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAkB,GACnB,EAAE;IACD,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IACnB,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,+BA0CA"}
+{"version":3,"file":"PillTabs.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/PillTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,WAAW,OAAO,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAChD,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,gGAAgG;AAChG,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,EACzC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAkB,GACnB,EAAE;IACD,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IACnB,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,+BAwDA"}

package/dist-lib/components/fs-ui/PillTabs.js

@@ -1,18 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Tabbladen als pillen met icoon + label + teller. Actief: groene tint en rand,
- * teller groen gevuld. Leeg (0): gedempte tekst. Mobiel veegbaar met vervaging rechts.
- */
+import { useLayoutEffect, useRef } from "react";
+/** StatusTabs exact naar Verkooporders: altijd één regel, scrollt horizontaal met vervaging. */
 export function PillTabs({ tabs, value, onChange, label = "Weergave", }) {
-    return (_jsxs("div", { className: "relative", children: [_jsx("div", { role: "tablist", "aria-label": label, className: "flex gap-2 overflow-x-auto pr-6 [scrollbar-width:none] sm:flex-wrap sm:overflow-visible sm:pr-0 [&::-webkit-scrollbar]:hidden", children: tabs.map((t) => {
-                    const actief = t.value === value;
-                    const leeg = t.count === 0 && !actief;
-                    return (_jsxs("button", { type: "button", role: "tab", "aria-selected": actief, onClick: () => onChange(t.value), className: "inline-flex h-9 shrink-0 items-center gap-2 whitespace-nowrap rounded-lg border px-3 text-sm font-medium transition-colors duration-150 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none [&_svg]:h-4 [&_svg]:w-4 " +
-                            (actief
-                                ? "border-primary/40 bg-primary/10 text-primary"
-                                : leeg
-                                    ? "border-transparent text-muted-foreground/70 hover:bg-muted"
-                                    : "border-transparent text-muted-foreground hover:bg-muted hover:text-foreground"), children: [t.icon, t.label, t.count !== undefined && (_jsx("span", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full px-1.5 text-xs tabular-nums " +
-                                    (actief ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"), children: t.count === null ? "…" : t.count.toLocaleString("nl-NL") }))] }, t.value));
-                }) }), _jsx("div", { "aria-hidden": true, className: "pointer-events-none absolute inset-y-0 right-0 w-6 bg-gradient-to-l from-background to-transparent sm:hidden" })] }));
+    const listRef = useRef(null);
+    useLayoutEffect(() => {
+        const measure = () => {
+            const list = listRef.current;
+            const el = list?.querySelector(`[data-tab="${value}"]`);
+            if (el && list && (el.offsetLeft < list.scrollLeft || el.offsetLeft + el.offsetWidth > list.scrollLeft + list.clientWidth)) {
+                list.scrollLeft = el.offsetLeft - 8;
+            }
+        };
+        measure();
+        window.addEventListener("resize", measure);
+        return () => window.removeEventListener("resize", measure);
+    }, [value]);
+    return (_jsx("div", { className: "shrink-0", children: _jsx("div", { ref: listRef, role: "tablist", "aria-label": label, className: "relative -mx-4 flex items-center gap-2 overflow-x-auto px-4 pb-1 [scrollbar-width:none] [mask-image:linear-gradient(to_right,black_85%,transparent)] [&::-webkit-scrollbar]:hidden sm:mx-0 sm:px-0 sm:[mask-image:none]", children: tabs.map((t) => {
+                const active = t.value === value;
+                return (_jsxs("button", { "data-tab": t.value, type: "button", role: "tab", "aria-selected": active, onClick: () => onChange(t.value), title: t.hint, style: { transitionProperty: "color, background-color, border-color", transitionDuration: "150ms" }, className: "relative flex h-9 shrink-0 items-center gap-2 whitespace-nowrap rounded-lg border px-3 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0 " +
+                        (active
+                            ? "border-primary/30 bg-primary/10 font-semibold text-foreground"
+                            : t.count === 0
+                                ? "border-border bg-card text-muted-foreground/70 hover:text-foreground"
+                                : "border-border bg-card text-foreground/80 hover:bg-muted hover:text-foreground"), children: [t.icon, _jsx("span", { children: t.label }), t.count !== undefined && (_jsx("span", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full px-1.5 text-[11px] font-semibold tabular-nums " +
+                                (active ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"), children: t.count === null ? "…" : t.count.toLocaleString("nl-NL") }))] }, t.value));
+            }) }) }));
 }

package/dist-lib/components/fs-ui/RowMenu.d.ts

@@ -0,0 +1,13 @@
+export interface RowMenuItem {
+    label: string;
+    onClick: () => void;
+    disabled?: boolean;
+    title?: string;
+    destructive?: boolean;
+}
+/** Rijmenu exact naar Verkooporders; de acties komen van de pagina. */
+export declare function RowMenu({ label, items }: {
+    label: string;
+    items: RowMenuItem[];
+}): import("react").JSX.Element;
+//# sourceMappingURL=RowMenu.d.ts.map

package/dist-lib/components/fs-ui/RowMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowMenu.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/RowMenu.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,uEAAuE;AACvE,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,WAAW,EAAE,CAAA;CAAE,+BAyBhF"}

package/dist-lib/components/fs-ui/RowMenu.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MoreVertical } from "lucide-react";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@flowselections/core";
+/** Rijmenu exact naar Verkooporders; de acties komen van de pagina. */
+export function RowMenu({ label, items }) {
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { "aria-label": `Acties voor ${label}`, onClick: (e) => e.stopPropagation(), className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: _jsx(MoreVertical, { className: "h-4 w-4" }) }), _jsx(DropdownMenuContent, { align: "end", onClick: (e) => e.stopPropagation(), children: items.map((it) => (_jsx(DropdownMenuItem, { disabled: it.disabled, title: it.title, onClick: () => !it.disabled && it.onClick(), className: it.destructive ? "text-destructive focus:text-destructive" : undefined, children: it.label }, it.label))) })] }));
+}

package/dist-lib/components/fs-ui/SearchInput.d.ts

@@ -1,9 +1,6 @@
 /** True als de gebruiker in een invoerveld typt (sneltoetsen doen dan niets). */
 export declare function isTypen(t: EventTarget | null): boolean;
-/**
- * Zoekveld: filtert tijdens typen (250 ms), één zachte focusring, wis-kruisje,
- * "/" focust (niet tijdens typen elders), Esc wist. Mobiel 40 px hoog met 16 px tekst.
- */
+/** Zoekveld exact naar Verkooporders: h-9 (mobiel h-10), sm:w-80, breder bij focus; "/" focust, Esc wist. */
 export declare function SearchInput({ value, onChange, placeholder, label, delay, }: {
     value: string;
     onChange: (v: string) => void;

package/dist-lib/components/fs-ui/SearchInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/SearchInput.tsx"],"names":[],"mappings":"AAGA,iFAAiF;AACjF,wBAAgB,OAAO,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,CAItD;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,WAAuB,EACvB,KAAgB,EAChB,KAAW,GACZ,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,+BAiDA"}
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/SearchInput.tsx"],"names":[],"mappings":"AAGA,iFAAiF;AACjF,wBAAgB,OAAO,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,CAItD;AAED,6GAA6G;AAC7G,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,WAAsB,EACtB,KAAgB,EAChB,KAAW,GACZ,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,+BA4EA"}

package/dist-lib/components/fs-ui/SearchInput.js

@@ -8,44 +8,48 @@ export function isTypen(t) {
         return false;
     return el.tagName === "INPUT" || el.tagName === "TEXTAREA" || el.tagName === "SELECT" || el.isContentEditable;
 }
-/**
- * Zoekveld: filtert tijdens typen (250 ms), één zachte focusring, wis-kruisje,
- * "/" focust (niet tijdens typen elders), Esc wist. Mobiel 40 px hoog met 16 px tekst.
- */
-export function SearchInput({ value, onChange, placeholder = "Zoeken…", label = "Zoeken", delay = 250, }) {
-    const [tekst, setTekst] = useState(value);
-    const ref = useRef(null);
+/** Zoekveld exact naar Verkooporders: h-9 (mobiel h-10), sm:w-80, breder bij focus; "/" focust, Esc wist. */
+export function SearchInput({ value, onChange, placeholder = "Zoeken", label = "Zoeken", delay = 250, }) {
+    const [search, setSearch] = useState(value);
+    const inputRef = useRef(null);
     const laatst = useRef(value);
     useEffect(() => {
         if (value !== laatst.current) {
             laatst.current = value;
-            setTekst(value);
+            setSearch(value);
         }
     }, [value]);
     useEffect(() => {
-        if (tekst === laatst.current)
+        if (search === laatst.current)
             return;
-        const t = setTimeout(() => { laatst.current = tekst; onChange(tekst); }, delay);
+        const t = setTimeout(() => { laatst.current = search; onChange(search); }, delay);
         return () => clearTimeout(t);
-    }, [tekst, delay, onChange]);
+    }, [search, delay, onChange]);
     useEffect(() => {
         const h = (e) => {
             if (e.key === "/" && !e.metaKey && !e.ctrlKey && !e.altKey && !isTypen(e.target)) {
                 e.preventDefault();
-                ref.current?.focus();
+                inputRef.current?.focus();
             }
         };
         window.addEventListener("keydown", h);
         return () => window.removeEventListener("keydown", h);
     }, []);
-    const wis = () => { setTekst(""); laatst.current = ""; onChange(""); };
-    return (_jsxs("div", { className: "relative w-full max-w-md", children: [_jsx(Search, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground", "aria-hidden": true }), _jsx("input", { ref: ref, type: "search", value: tekst, "aria-label": label, placeholder: placeholder, onChange: (e) => setTekst(e.target.value), onKeyDown: (e) => {
+    const clearSearch = () => { setSearch(""); laatst.current = ""; onChange(""); inputRef.current?.focus(); };
+    return (_jsxs("div", { className: "group relative flex h-10 sm:h-9 w-full items-center overflow-hidden rounded-md border border-border bg-card " +
+            "transition-[box-shadow,border-color,width] duration-[180ms] ease-out motion-reduce:transition-none " +
+            "focus-within:border-primary focus-within:ring-[3px] focus-within:ring-ring/20 " +
+            "sm:w-80 sm:focus-within:w-[400px]", children: [_jsx(Search, { className: "ml-3 h-4 w-4 shrink-0 text-muted-foreground transition-colors duration-[120ms] group-focus-within:text-primary", "aria-hidden": true }), _jsx("input", { ref: inputRef, type: "search", placeholder: placeholder, "aria-label": label, value: search, maxLength: 100, autoComplete: "off", spellCheck: false, onChange: (e) => setSearch(e.target.value), onKeyDown: (e) => {
                     if (e.key === "Escape") {
-                        e.stopPropagation();
-                        if (tekst)
-                            wis();
+                        if (search) {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            clearSearch();
+                        }
                         else
-                            ref.current?.blur();
+                            inputRef.current?.blur();
                     }
-                }, className: "h-10 w-full rounded-lg border border-input bg-card pl-9 pr-16 text-base text-foreground shadow-sm outline-none transition-shadow duration-150 placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-ring/40 sm:h-9 sm:text-sm [&::-webkit-search-cancel-button]:hidden" }), _jsx("div", { className: "absolute right-2 top-1/2 flex -translate-y-1/2 items-center gap-1", children: tekst ? (_jsx("button", { type: "button", onClick: wis, "aria-label": "Zoekopdracht wissen", className: "inline-flex h-7 w-7 items-center justify-center rounded-lg text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: _jsx(X, { className: "h-4 w-4" }) })) : (_jsx("kbd", { className: "hidden rounded-sm border bg-muted px-1.5 text-[11px] text-muted-foreground md:inline", children: "/" })) })] }));
+                }, className: "h-full min-w-0 flex-1 appearance-none border-0 bg-transparent px-2 text-base sm:text-sm text-foreground outline-none ring-0 shadow-none focus:outline-none focus:ring-0 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:hidden" }), _jsxs("span", { className: "relative mr-1.5 flex h-7 w-7 shrink-0 items-center justify-center", children: [_jsx("kbd", { className: "pointer-events-none absolute rounded border border-border px-1.5 font-mono text-[11px] leading-5 text-muted-foreground transition-opacity duration-[120ms] " +
+                            (search ? "opacity-0" : "opacity-100 group-focus-within:opacity-0"), "aria-hidden": true, children: "/" }), _jsx("button", { type: "button", onClick: clearSearch, tabIndex: search ? 0 : -1, "aria-label": "Zoekopdracht wissen", className: "absolute inline-flex h-7 w-7 items-center justify-center rounded text-muted-foreground transition-[opacity,transform,background-color] duration-[120ms] ease-out hover:bg-muted hover:text-foreground " +
+                            (search ? "scale-100 opacity-100" : "pointer-events-none scale-90 opacity-0"), children: _jsx(X, { className: "h-4 w-4" }) })] })] }));
 }

package/dist-lib/components/fs-ui/ShortcutHelp.d.ts

@@ -0,0 +1,8 @@
+export type Shortcut = [string[], string];
+/** Sneltoetsenoverzicht exact naar Verkooporders; de lijst komt van de pagina. */
+export declare function ShortcutHelp({ open, onOpenChange, shortcuts }: {
+    open: boolean;
+    onOpenChange: (o: boolean) => void;
+    shortcuts: Shortcut[];
+}): import("react").JSX.Element;
+//# sourceMappingURL=ShortcutHelp.d.ts.map

package/dist-lib/components/fs-ui/ShortcutHelp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutHelp.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/ShortcutHelp.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,QAAQ,GAAG,CAAC,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC;AAE1C,kFAAkF;AAClF,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAAC,SAAS,EAAE,QAAQ,EAAE,CAAA;CAAE,+BAwB3I"}

package/dist-lib/components/fs-ui/ShortcutHelp.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@flowselections/core";
+/** Sneltoetsenoverzicht exact naar Verkooporders; de lijst komt van de pagina. */
+export function ShortcutHelp({ open, onOpenChange, shortcuts }) {
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-sm", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Sneltoetsen" }) }), _jsx("ul", { className: "divide-y divide-border text-sm", children: shortcuts.map(([keys, label]) => (_jsxs("li", { className: "flex items-center justify-between py-2", children: [_jsx("span", { className: "text-foreground", children: label }), _jsx("span", { className: "flex gap-1", children: keys.map((k) => (_jsx("kbd", { className: "inline-flex h-6 min-w-6 items-center justify-center rounded border border-border bg-muted px-1.5 font-mono text-[11px] text-muted-foreground", children: k }, k))) })] }, label))) })] }) }));
+}

package/dist-lib/components/fs-ui/Toolbar.d.ts

@@ -1,8 +1,12 @@
 import type { ReactNode } from "react";
-/** Werkbalk: zoekbalk links, knoppen (Filters, Kolommen) rechts; chips op de regel eronder. */
-export declare function Toolbar({ children, right, chips }: {
+/**
+ * Werkbalk exact naar Verkooporders: zoekveld, direct rechts "Filters", dan de
+ * actieve chips op dezelfde regel; uiterst rechts alleen "Kolommen".
+ */
+export declare function Toolbar({ children, filters, chips, right }: {
     children?: ReactNode;
-    right?: ReactNode;
+    filters?: ReactNode;
     chips?: ReactNode;
+    right?: ReactNode;
 }): import("react").JSX.Element;
 //# sourceMappingURL=Toolbar.d.ts.map

package/dist-lib/components/fs-ui/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,+FAA+F;AAC/F,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,+BAUjH"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,+BAS/I"}