@flowselections/floriday-voorraad 1.0.150 → 1.0.154

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLayoutEffect, useRef } from "react";
+/** StatusTabs exact naar Verkooporders: altijd één regel, scrollt horizontaal met vervaging. */
+export function PillTabs({ tabs, value, onChange, label = "Weergave", }) {
+    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

@@ -0,0 +1,11 @@
+/** True als de gebruiker in een invoerveld typt (sneltoetsen doen dan niets). */
+export declare function isTypen(t: EventTarget | null): boolean;
+/** 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;
+    placeholder?: string;
+    label?: string;
+    delay?: number;
+}): import("react").JSX.Element;
+//# sourceMappingURL=SearchInput.d.ts.map

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

@@ -0,0 +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,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

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Search, X } from "lucide-react";
+/** True als de gebruiker in een invoerveld typt (sneltoetsen doen dan niets). */
+export function isTypen(t) {
+    const el = t;
+    if (!el)
+        return false;
+    return el.tagName === "INPUT" || el.tagName === "TEXTAREA" || el.tagName === "SELECT" || el.isContentEditable;
+}
+/** 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;
+            setSearch(value);
+        }
+    }, [value]);
+    useEffect(() => {
+        if (search === laatst.current)
+            return;
+        const t = setTimeout(() => { laatst.current = search; onChange(search); }, delay);
+        return () => clearTimeout(t);
+    }, [search, delay, onChange]);
+    useEffect(() => {
+        const h = (e) => {
+            if (e.key === "/" && !e.metaKey && !e.ctrlKey && !e.altKey && !isTypen(e.target)) {
+                e.preventDefault();
+                inputRef.current?.focus();
+            }
+        };
+        window.addEventListener("keydown", h);
+        return () => window.removeEventListener("keydown", h);
+    }, []);
+    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") {
+                        if (search) {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            clearSearch();
+                        }
+                        else
+                            inputRef.current?.blur();
+                    }
+                }, 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/StatusIcon.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+export type StatusTone = "klaar" | "open" | "bezig" | "fout";
+/**
+ * Klein rond statusicoon met tooltip: groen klaar, grijs open, oker bezig, rood fout.
+ * Geen gekleurde vlakjes eromheen. Het label is de toegankelijke naam.
+ */
+export declare function StatusIcon({ tone, icon, label, detail }: {
+    tone: StatusTone;
+    icon: ReactNode;
+    label: string;
+    detail?: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=StatusIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIcon.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/StatusIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAS7D;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,SAAS,CAAA;CAAE,+BAejI"}

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { HoverTip } from "./HoverTip.js";
+const TONE = {
+    klaar: "text-primary",
+    open: "text-muted-foreground",
+    bezig: "text-warning-soft-foreground",
+    fout: "text-destructive",
+};
+/**
+ * Klein rond statusicoon met tooltip: groen klaar, grijs open, oker bezig, rood fout.
+ * Geen gekleurde vlakjes eromheen. Het label is de toegankelijke naam.
+ */
+export function StatusIcon({ tone, icon, label, detail }) {
+    return (_jsx(HoverTip, { label: label, className: "h-6 w-6 [&_svg]:h-4 [&_svg]:w-4 " + TONE[tone], content: _jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-[13px] font-semibold text-foreground", children: label }), detail && _jsx("div", { className: "text-muted-foreground", children: detail })] }), children: icon }));
+}

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

@@ -0,0 +1,7 @@
+/** Skeletrijen in de echte vorm van de tabel (60 px hoog, zelfde kolombreedtes). */
+export declare function TableSkeleton({ columns, rows, media }: {
+    columns: Array<string | undefined>;
+    rows?: number;
+    media?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=TableSkeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/TableSkeleton.tsx"],"names":[],"mappings":"AAEA,oFAAoF;AACpF,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,IAAQ,EAAE,KAAY,EAAE,EAAE;IAAE,OAAO,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,+BAwBxI"}

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Skeleton } from "@flowselections/core";
+/** Skeletrijen in de echte vorm van de tabel (60 px hoog, zelfde kolombreedtes). */
+export function TableSkeleton({ columns, rows = 8, media = true }) {
+    return (_jsx(_Fragment, { children: Array.from({ length: rows }).map((_, r) => (_jsx("tr", { className: "h-[60px] border-b border-border last:border-0", "aria-hidden": true, children: columns.map((w, c) => (_jsx("td", { className: "px-3", style: w ? { width: w } : undefined, children: c === 0 && media ? (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Skeleton, { className: "h-9 w-9 rounded-lg" }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Skeleton, { className: "h-3.5 w-40" }), _jsx(Skeleton, { className: "h-3 w-24" })] })] })) : (_jsx(Skeleton, { className: "h-3.5 w-14" })) }, c))) }, r))) }));
+}

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

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+/**
+ * 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;
+    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

@@ -0,0 +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;;;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"}

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Werkbalk exact naar Verkooporders: zoekveld, direct rechts "Filters", dan de
+ * actieve chips op dezelfde regel; uiterst rechts alleen "Kolommen".
+ */
+export function Toolbar({ children, filters, chips, right }) {
+    return (_jsxs("div", { className: "shrink-0 flex flex-wrap items-center gap-2", children: [_jsx("div", { className: "min-w-0 flex-1 sm:flex-none", children: children }), filters, chips, right && _jsx("div", { className: "ml-auto hidden items-center gap-2 md:flex", children: right })] }));
+}

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

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+/** "Bijgewerkt hh:mm" met klokicoon (12 px tekst); extra uitleg alleen in de infoballon. */
+export declare function UpdatedAt({ at, prefix, info, stale, }: {
+    at: string | Date | null | undefined;
+    prefix?: string;
+    /** Extra informatie, alleen zichtbaar in de infoballon. */
+    info?: ReactNode;
+    stale?: boolean;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=UpdatedAt.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpdatedAt.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/UpdatedAt.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,4FAA4F;AAC5F,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,MAAqB,EACrB,IAAI,EACJ,KAAK,GACN,EAAE;IACD,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,sCAgBA"}

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Clock } from "lucide-react";
+import { HoverTip } from "./HoverTip.js";
+/** "Bijgewerkt hh:mm" met klokicoon (12 px tekst); extra uitleg alleen in de infoballon. */
+export function UpdatedAt({ at, prefix = "Bijgewerkt", info, stale, }) {
+    let tekst = "Laden…";
+    if (at) {
+        const d = typeof at === "string" ? new Date(at) : at;
+        if (Number.isNaN(d.getTime()))
+            return null;
+        const t = d.toLocaleTimeString("nl-NL", { hour: "2-digit", minute: "2-digit" });
+        tekst = stale ? `Niet bijgewerkt sinds ${t}` : `${prefix} ${t}`;
+    }
+    const inhoud = (_jsxs("span", { className: "inline-flex items-center gap-1 tabular-nums " + (stale ? "text-warning" : ""), children: [_jsx(Clock, { className: "h-3.5 w-3.5", "aria-hidden": true }), tekst] }));
+    if (!info)
+        return inhoud;
+    return _jsx(HoverTip, { label: tekst, content: _jsx("div", { className: "max-w-xs text-xs", children: info }), align: "start", children: inhoud });
+}

package/dist-lib/components/voorraad/ArtikelCompositionCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArtikelCompositionCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ArtikelCompositionCard.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAkHD,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,KAAK,sCA6RtE"}
+{"version":3,"file":"ArtikelCompositionCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ArtikelCompositionCard.tsx"],"names":[],"mappings":"AAOA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAkHD,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,KAAK,sCA0TtE"}

package/dist-lib/components/voorraad/ArtikelCompositionCard.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from "react";
-import { toast } from "sonner";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useOpslagDeelnemer } from "./artikel/opslaan-context.js";
+import { dbFoutTekst } from "../../lib/db-error-message.js";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle, Badge } from "@flowselections/core";
 import { ArrowDown, ArrowUp, Loader2, Package } from "lucide-react";
 import { supabase } from "../../integrations/supabase/client.js";
@@ -89,7 +90,12 @@ export function ArtikelCompositionCard({ productId, floridayId }) {
     const [loading, setLoading] = useState(true);
     const [sections, setSections] = useState([]);
     const [reloadTick, setReloadTick] = useState(0);
-    const [savingOrder, setSavingOrder] = useState(false);
+    const [savingOrder] = useState(false);
+    // Volgorde van de groepsleden bij openen (D1): pas bij "Opslaan" bewaard, met controle tegen deze stand.
+    const [volgordeBij, setVolgordeBij] = useState(null);
+    const volgordeBijRef = useRef(null);
+    volgordeBijRef.current = volgordeBij;
+    const lokaleVolgorde = useRef(null);
     useEffect(() => {
         let cancelled = false;
         (async () => {
@@ -218,6 +224,20 @@ export function ArtikelCompositionCard({ productId, floridayId }) {
                 });
             }
             if (!cancelled) {
+                const grp = out.find((x) => x.kind === "productgroep");
+                const nieuwIds = grp ? grp.rows.map((r) => r.key) : null;
+                const lokaal = lokaleVolgorde.current;
+                const vuilNu = lokaal && volgordeBijRef.current && lokaal.join("|") !== volgordeBijRef.current.join("|");
+                if (grp && vuilNu) {
+                    // Niet-opgeslagen volgorde houden; nieuwe leden achteraan.
+                    const pos = new Map(lokaal.map((id, i) => [id, i]));
+                    grp.rows = [...grp.rows].sort((a, b) => (pos.get(a.key) ?? 1e9) - (pos.get(b.key) ?? 1e9));
+                    lokaleVolgorde.current = grp.rows.map((r) => r.key);
+                }
+                else {
+                    setVolgordeBij(nieuwIds);
+                    lokaleVolgorde.current = nieuwIds;
+                }
                 setSections(out);
                 setLoading(false);
             }
@@ -238,32 +258,43 @@ export function ArtikelCompositionCard({ productId, floridayId }) {
             supabase.removeChannel(channel);
         };
     }, [groupId]);
-    const move = useCallback(async (index, dir) => {
+    const move = useCallback((index, dir) => {
         const sec = sections.find((x) => x.kind === "productgroep");
         if (!sec)
             return;
         const target = index + dir;
         if (target < 0 || target >= sec.rows.length)
             return;
-        const prev = sections;
         const rows = [...sec.rows];
         [rows[index], rows[target]] = [rows[target], rows[index]];
+        lokaleVolgorde.current = rows.map((r) => r.key);
         setSections(sections.map((x) => (x === sec ? { ...x, rows } : x)));
-        setSavingOrder(true);
-        const results = await Promise.all(rows.map((r, i) => supabase.from("product_group_items").update({ sort_order: i }).eq("id", r.key)));
-        setSavingOrder(false);
-        const failed = results.find((r) => r.error);
-        if (failed?.error) {
-            setSections(prev);
-            toast.error(`Volgorde opslaan mislukt: ${failed.error.message}`);
-        }
     }, [sections]);
+    const huidigeVolgorde = sections.find((x) => x.kind === "productgroep")?.rows.map((r) => r.key) ?? null;
+    const volgordeVuil = Boolean(groupId && volgordeBij && huidigeVolgorde && huidigeVolgorde.join("|") !== volgordeBij.join("|"));
+    useOpslagDeelnemer("groepsvolgorde", volgordeVuil, async () => {
+        if (!groupId || !volgordeBij || !huidigeVolgorde)
+            return { ok: true };
+        const { data, error } = await supabase.rpc("voorraad_groep_volgorde_opslaan", { p_group_id: groupId, p_oud: volgordeBij, p_nieuw: huidigeVolgorde });
+        if (error)
+            return { ok: false, melding: dbFoutTekst(error, "Opslaan") };
+        const r = data;
+        if (!r.ok) {
+            // Conflict: de volgorde van de ander overnemen en opnieuw laten kiezen.
+            lokaleVolgorde.current = null;
+            setReloadTick((t) => t + 1);
+            return { ok: false, melding: r.melding ?? "Iemand anders heeft de volgorde intussen gewijzigd. Er is niets opgeslagen." };
+        }
+        setVolgordeBij(huidigeVolgorde);
+        lokaleVolgorde.current = huidigeVolgorde;
+        return { ok: true };
+    });
     if (loading) {
         return (_jsx(Card, { children: _jsxs(CardContent, { className: "flex items-center gap-2 py-4 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Samenstelling laden\u2026"] }) }));
     }
     if (sections.length === 0)
         return null;
     return (_jsx(_Fragment, { children: sections.map((s) => (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx(CardTitle, { children: s.title }), _jsx(Badge, { className: s.kind === "productgroep"
-                                        ? "bg-indigo-500/15 text-indigo-700 border-indigo-500/30"
-                                        : "bg-emerald-500/15 text-emerald-700 border-emerald-500/30", children: s.kind === "productgroep" ? "Productgroep" : "Samenstelling" })] }), _jsx(CardDescription, { children: s.description })] }), _jsx(CardContent, { children: s.rows.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground py-4 text-center", children: "Nog geen onderdelen toegevoegd." })) : (_jsx("ul", { className: "divide-y", children: s.rows.map((r, idx) => (_jsxs("li", { className: "flex items-center gap-3 py-2", children: [s.kind === "productgroep" && (_jsxs("div", { className: "flex flex-col shrink-0", children: [_jsx("button", { type: "button", "aria-label": "Omhoog", disabled: idx === 0 || savingOrder, onClick: () => move(idx, -1), className: "p-0.5 text-muted-foreground hover:text-foreground disabled:opacity-30", children: _jsx(ArrowUp, { className: "h-3.5 w-3.5" }) }), _jsx("button", { type: "button", "aria-label": "Omlaag", disabled: idx === s.rows.length - 1 || savingOrder, onClick: () => move(idx, 1), className: "p-0.5 text-muted-foreground hover:text-foreground disabled:opacity-30", children: _jsx(ArrowDown, { className: "h-3.5 w-3.5" }) })] })), _jsx("div", { className: "h-8 w-8 rounded bg-muted flex items-center justify-center shrink-0", children: _jsx(Package, { className: "h-4 w-4 text-muted-foreground" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "font-medium text-sm truncate", children: r.name }), r.code && (_jsx("div", { className: "text-xs text-muted-foreground truncate", children: r.code })), r.detail && (_jsx("div", { className: "text-xs text-muted-foreground truncate", children: r.detail }))] }), s.kind === "productgroep" && (_jsx("div", { className: "text-right shrink-0 w-40", children: r.stock ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "text-sm font-medium tabular-nums", children: ["Beschikbaar: ", r.stock.available] }), _jsxs("div", { className: "text-xs text-muted-foreground tabular-nums", children: ["fysiek ", r.stock.physical, " \u00B7 gereserveerd ", r.stock.reserved] })] })) : (_jsx("div", { className: "text-xs text-muted-foreground", children: "Nog geen voorraad" })) })), r.quantity !== undefined && r.quantity !== null && (_jsxs("div", { className: "text-sm tabular-nums text-muted-foreground shrink-0", title: s.kind === "productgroep" ? "Aantal in groep" : undefined, children: [r.quantity, r.unit ? ` ${r.unit}` : ""] }))] }, r.key))) })) })] }, s.kind))) }));
+                                        ? "rounded-full border-border bg-muted text-muted-foreground"
+                                        : "rounded-full border-primary/30 bg-primary/10 text-primary", children: s.kind === "productgroep" ? "Productgroep" : "Samenstelling" })] }), _jsxs(CardDescription, { children: [s.description, s.kind === "productgroep" && volgordeVuil && _jsx("span", { className: "ml-2 font-medium text-warning-soft-foreground", children: "\u00B7 Volgorde nog niet opgeslagen" })] })] }), _jsx(CardContent, { children: s.rows.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground py-4 text-center", children: "Nog geen onderdelen toegevoegd." })) : (_jsx("ul", { className: "divide-y", children: s.rows.map((r, idx) => (_jsxs("li", { className: "flex items-center gap-3 py-2", children: [s.kind === "productgroep" && (_jsxs("div", { className: "flex flex-col shrink-0", children: [_jsx("button", { type: "button", "aria-label": "Omhoog", disabled: idx === 0 || savingOrder, onClick: () => move(idx, -1), className: "p-0.5 text-muted-foreground hover:text-foreground disabled:opacity-30", children: _jsx(ArrowUp, { className: "h-3.5 w-3.5" }) }), _jsx("button", { type: "button", "aria-label": "Omlaag", disabled: idx === s.rows.length - 1 || savingOrder, onClick: () => move(idx, 1), className: "p-0.5 text-muted-foreground hover:text-foreground disabled:opacity-30", children: _jsx(ArrowDown, { className: "h-3.5 w-3.5" }) })] })), _jsx("div", { className: "h-8 w-8 rounded bg-muted flex items-center justify-center shrink-0", children: _jsx(Package, { className: "h-4 w-4 text-muted-foreground" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "font-medium text-sm truncate", children: r.name }), r.code && (_jsx("div", { className: "text-xs text-muted-foreground truncate", children: r.code })), r.detail && (_jsx("div", { className: "text-xs text-muted-foreground truncate", children: r.detail }))] }), s.kind === "productgroep" && (_jsx("div", { className: "text-right shrink-0 w-40", children: r.stock ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "text-sm font-medium tabular-nums", children: ["Beschikbaar: ", r.stock.available] }), _jsxs("div", { className: "text-xs text-muted-foreground tabular-nums", children: ["fysiek ", r.stock.physical, " \u00B7 gereserveerd ", r.stock.reserved] })] })) : (_jsx("div", { className: "text-xs text-muted-foreground", children: "Nog geen voorraad" })) })), r.quantity !== undefined && r.quantity !== null && (_jsxs("div", { className: "text-sm tabular-nums text-muted-foreground shrink-0", title: s.kind === "productgroep" ? "Aantal in groep" : undefined, children: [r.quantity, r.unit ? ` ${r.unit}` : ""] }))] }, r.key))) })) })] }, s.kind))) }));
 }

package/dist-lib/components/voorraad/ArtikelWizard.js

@@ -634,7 +634,7 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
                     return;
                 }
                 if (!row) {
-                    toast.error("Artikel niet gevonden in de cache");
+                    toast.error("Artikel niet gevonden bij de Floriday-artikelen");
                     return;
                 }
                 // Lokale rij met nog niet doorgegeven wijzigingen? Die is leidend.
@@ -916,7 +916,7 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
         if (hasRegulatoryLookup && regulatoryQuery.isLoading) {
             return {
                 ok: false,
-                errors: ["Verplichte Floricode-karakteristieken worden nog geladen"],
+                errors: ["Verplichte kenmerken worden nog geladen"],
             };
         }
         if (hasRegulatoryLookup && regulatoryQuery.isError) {
@@ -1852,7 +1852,7 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
             const payload = buildUpdateTradeItemPayload(snapshot);
             const res = await floriday.updateTradeItem(activeId, pushTargetId, payload);
             if (!res?.attemptId) {
-                throw new Error("Gateway gaf geen attemptId terug");
+                throw new Error("Floriday gaf geen bevestiging terug");
             }
             // Geen eigen kopie in floriday_trade_items_cache: Floriday-auth vult die.
             if (localId) {
@@ -2916,7 +2916,7 @@ function PackingConfigDialog({ open, onOpenChange, initial, isFirst, packagingTy
                                                             packagingSupplierId: v,
                                                             packagingSupplierName: sup?.name,
                                                         }));
-                                                    }, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Kies leverancier..." }) }), _jsx(SelectContent, { children: PACKAGING_SUPPLIERS.map((s) => (_jsx(SelectItem, { value: s.id, children: s.name }, s.id))) })] }))] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Floricode VRS-materiaal UUID (optioneel)" }), _jsx(Input, { value: draft.packagingMaterialId ?? "", onChange: (e) => patch("packagingMaterialId", e.target.value.trim()), placeholder: "00000000-0000-0000-0000-000000000000", className: materialInvalid ? "border-destructive" : "" }), materialInvalid ? (_jsx("p", { className: "text-xs text-destructive", children: "Deze code klopt niet. Laat het veld leeg of kopieer de materiaalcode uit Floricode." })) : (_jsxs("p", { className: "text-xs text-muted-foreground", children: ["Wanneer ingevuld gaat het als ", _jsx("code", { children: "customPackageId" }), "naar Floriday en vervangt het de VBN-fust."] }))] })] }), hasCustomPkg && (_jsx("div", { className: "rounded-md border border-primary/30 bg-primary/5 px-3 py-2 text-xs", children: "Eigen verpakking gekozen; het VBN-fust hieronder wordt niet naar Floriday gestuurd." }))] })), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: hasCustomPkg
+                                                    }, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Kies leverancier..." }) }), _jsx(SelectContent, { children: PACKAGING_SUPPLIERS.map((s) => (_jsx(SelectItem, { value: s.id, children: s.name }, s.id))) })] }))] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Materiaalcode (optioneel)" }), _jsx(Input, { value: draft.packagingMaterialId ?? "", onChange: (e) => patch("packagingMaterialId", e.target.value.trim()), placeholder: "00000000-0000-0000-0000-000000000000", className: materialInvalid ? "border-destructive" : "" }), materialInvalid ? (_jsx("p", { className: "text-xs text-destructive", children: "Deze code klopt niet. Laat het veld leeg of kopieer de materiaalcode uit Floricode." })) : (_jsxs("p", { className: "text-xs text-muted-foreground", children: ["Wanneer ingevuld gaat het als ", _jsx("code", { children: "customPackageId" }), "naar Floriday en vervangt het de VBN-fust."] }))] })] }), hasCustomPkg && (_jsx("div", { className: "rounded-md border border-primary/30 bg-primary/5 px-3 py-2 text-xs", children: "Eigen verpakking gekozen; het VBN-fust hieronder wordt niet naar Floriday gestuurd." }))] })), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: hasCustomPkg
                                                 ? "VBN-fust (genegeerd — custom package actief)"
                                                 : draft.source === "SUPPLIER"
                                                     ? "Fallback VBN-fust"

package/dist-lib/components/voorraad/FloridayConnectionNotice.d.ts

@@ -1,12 +1,13 @@
-import { type ConnectionStatus } from "../../lib/stock-scope.js";
+import type { ConnectionStatus } from "../../lib/stock-scope.js";
 /**
- * Meldt in gewone taal waarom Floriday-acties ontbreken. Geen link: de route
- * naar de Floriday-koppeling hoort bij de Shell/Floriday-auth en is hier niet
- * aantoonbaar bekend.
+ * Werkpagina's tonen geen uitnodiging om een koppeling in te stellen (dat hoort bij Instellingen).
+ * Alleen als een bestaande koppeling niet geladen kan worden: één rustige meldingsregel.
+ * De technische reden gaat naar de console.
  */
-export declare function FloridayConnectionNotice({ status, environment, error, }: {
+export declare function floridayConnectionNotice(status: ConnectionStatus, error: string | null): string | null;
+export declare function FloridayConnectionNotice({ status, error, }: {
     status: ConnectionStatus;
-    environment: string | null;
+    environment?: string | null;
     error: string | null;
 }): import("react").JSX.Element | null;
 //# sourceMappingURL=FloridayConnectionNotice.d.ts.map

package/dist-lib/components/voorraad/FloridayConnectionNotice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloridayConnectionNotice.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FloridayConnectionNotice.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEhF;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,MAAM,EACN,WAAW,EACX,KAAK,GACN,EAAE;IACD,MAAM,EAAE,gBAAgB,CAAC;IACzB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,sCAsBA"}
+{"version":3,"file":"FloridayConnectionNotice.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FloridayConnectionNotice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAItG;AAED,wBAAgB,wBAAwB,CAAC,EACvC,MAAM,EACN,KAAK,GACN,EAAE;IACD,MAAM,EAAE,gBAAgB,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,sCAMA"}

package/dist-lib/components/voorraad/FloridayConnectionNotice.js

@@ -1,16 +1,19 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertTriangle } from "lucide-react";
-import { noConnectionText } from "../../lib/stock-scope.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * Meldt in gewone taal waarom Floriday-acties ontbreken. Geen link: de route
- * naar de Floriday-koppeling hoort bij de Shell/Floriday-auth en is hier niet
- * aantoonbaar bekend.
+ * Werkpagina's tonen geen uitnodiging om een koppeling in te stellen (dat hoort bij Instellingen).
+ * Alleen als een bestaande koppeling niet geladen kan worden: één rustige meldingsregel.
+ * De technische reden gaat naar de console.
  */
-export function FloridayConnectionNotice({ status, environment, error, }) {
-    if (status === "fout") {
-        return (_jsxs("div", { role: "alert", className: "flex items-start gap-2 rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: "Floriday-koppeling laden mislukt \u2013 alleen eigen artikelen mogelijk." }), _jsxs("p", { className: "mt-1 break-words", children: ["Melding: ", error] })] })] }));
-    }
-    if (status !== "geen_koppeling")
+export function floridayConnectionNotice(status, error) {
+    if (status !== "fout")
         return null;
-    return (_jsxs("div", { role: "status", className: "flex items-start gap-2 rounded-md border border-amber-500/30 bg-amber-500/10 p-3 text-sm text-amber-800", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: noConnectionText(environment) }), _jsx("p", { className: "mt-1", children: "Een Floriday-koppeling kies je bij de Floriday-instellingen van de Shell." })] })] }));
+    if (error)
+        console.warn("Floriday-koppeling laden mislukt:", error);
+    return "De koppeling met Floriday kon niet geladen worden. Je eigen artikelen werken gewoon; probeer het later opnieuw.";
+}
+export function FloridayConnectionNotice({ status, error, }) {
+    const t = floridayConnectionNotice(status, error);
+    if (!t)
+        return null;
+    return (_jsx("div", { role: "status", className: "shrink-0 rounded-lg border border-border bg-warning-soft px-3 py-2 text-sm text-warning-soft-foreground", children: t }));
 }

package/dist-lib/components/voorraad/FustenPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FustenPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FustenPage.tsx"],"names":[],"mappings":"AAmLA,wBAAgB,UAAU,gCA0PzB"}
+{"version":3,"file":"FustenPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FustenPage.tsx"],"names":[],"mappings":"AAmMA,wBAAgB,UAAU,gCAiNzB"}