@vertebr/react 0.10.0 → 0.12.0

package/dist/components/admin/SyncPreviewFrame.js

@@ -0,0 +1,135 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { buildVertebrPreviewUrl, postVertebrPreviewDraft, subscribeVertebrPreviewReady, } from "@vertebr/client";
+const FRAME_WIDTH = 390;
+const FRAME_HEIGHT = 720;
+function normalizePreviewPath(path) {
+    const trimmed = path.trim() || "/";
+    try {
+        const url = new URL(trimmed, "http://vertebr.local");
+        return `${url.pathname}${url.search}${url.hash}` || "/";
+    }
+    catch {
+        return trimmed.startsWith("/") ? trimmed : `/${trimmed}`;
+    }
+}
+/**
+ * Build related drafts for the iframe: prefer plan payloads (real enabled /
+ * content). Synthesize only when a listed add-on is missing from the plan.
+ */
+function resolveRelatedDrafts(controlId, relatedDrafts, addons) {
+    const next = {};
+    for (const [id, value] of Object.entries(relatedDrafts ?? {})) {
+        next[id] = { ...value };
+    }
+    for (const addon of addons ?? []) {
+        const existing = next[addon.id] ?? {
+            enabled: addon.envEnabled,
+        };
+        const patched = { ...existing };
+        if (patched.enabled === undefined) {
+            patched.enabled = addon.envEnabled;
+        }
+        if (addon.id === "countdown" && controlId === "comingSoon") {
+            patched.target = "comingSoon";
+        }
+        if (addon.id === "countdown" && controlId === "product") {
+            patched.target = "product";
+        }
+        if (addon.id === "reviews" && controlId === "home") {
+            patched.showOnHome = true;
+        }
+        if (addon.id === "reviews" && controlId === "product") {
+            patched.showOnProducts = true;
+        }
+        next[addon.id] = patched;
+    }
+    return next;
+}
+/**
+ * Compact same-origin preview iframe for Sync visual compare.
+ * Fixed mobile-sized frame; posts the given draft after ready.
+ */
+export function SyncPreviewFrame({ label, previewPath, controlId, draft, relatedDrafts, addons, }) {
+    const iframeRef = useRef(null);
+    const stageRef = useRef(null);
+    const draftRef = useRef(draft);
+    const [frameReady, setFrameReady] = useState(false);
+    const [frameError, setFrameError] = useState(false);
+    const [scale, setScale] = useState(1);
+    const resolvedRelated = useMemo(() => resolveRelatedDrafts(controlId, relatedDrafts, addons), [controlId, relatedDrafts, addons]);
+    const relatedRef = useRef(resolvedRelated);
+    draftRef.current = draft;
+    relatedRef.current = resolvedRelated;
+    const path = normalizePreviewPath(previewPath);
+    const src = useMemo(() => buildVertebrPreviewUrl(path, {
+        controlId,
+    }), [path, controlId]);
+    const pushDraft = useCallback(() => {
+        const win = iframeRef.current?.contentWindow;
+        const value = draftRef.current;
+        if (!win || !value)
+            return;
+        postVertebrPreviewDraft(win, controlId, value);
+        for (const [id, relatedValue] of Object.entries(relatedRef.current)) {
+            postVertebrPreviewDraft(win, id, relatedValue);
+        }
+    }, [controlId]);
+    useEffect(() => {
+        setFrameReady(false);
+        setFrameError(false);
+    }, [src]);
+    useEffect(() => {
+        return subscribeVertebrPreviewReady((source) => {
+            const win = iframeRef.current?.contentWindow;
+            if (!win || source !== win)
+                return;
+            setFrameReady(true);
+            pushDraft();
+        });
+    }, [pushDraft, src]);
+    useEffect(() => {
+        if (!frameReady)
+            return;
+        pushDraft();
+    }, [draft, resolvedRelated, frameReady, pushDraft]);
+    useEffect(() => {
+        const stage = stageRef.current;
+        if (!stage || typeof ResizeObserver === "undefined")
+            return;
+        const update = () => {
+            const style = getComputedStyle(stage);
+            const padX = (Number.parseFloat(style.paddingLeft) || 0) +
+                (Number.parseFloat(style.paddingRight) || 0);
+            const padY = (Number.parseFloat(style.paddingTop) || 0) +
+                (Number.parseFloat(style.paddingBottom) || 0);
+            const availW = Math.max(0, stage.clientWidth - padX);
+            const availH = Math.max(0, stage.clientHeight - padY);
+            const next = Math.min(1, availW / FRAME_WIDTH, availH / FRAME_HEIGHT);
+            setScale(Number.isFinite(next) && next > 0 ? next : 1);
+        };
+        update();
+        const observer = new ResizeObserver(update);
+        observer.observe(stage);
+        return () => observer.disconnect();
+    }, []);
+    const status = frameError
+        ? "Unavailable"
+        : frameReady
+            ? "Connected"
+            : "Loading…";
+    return (_jsxs("div", { className: "vertebr-sync-preview-frame", children: [_jsxs("div", { className: "vertebr-sync-preview-frame-meta", children: [_jsx("strong", { children: label }), _jsx("span", { children: path }), _jsx("span", { "data-status": frameError ? "error" : frameReady ? "ok" : "pending", children: status })] }), addons ? (_jsx("div", { className: "vertebr-sync-preview-addons", "aria-label": "Add-ons in preview", children: addons.length === 0 ? (_jsx("span", { className: "vertebr-sync-preview-addons-empty", children: "No add-ons" })) : (addons.map((addon) => (_jsxs("span", { className: "vertebr-sync-preview-addon", "data-enabled": addon.envEnabled ? "true" : "false", title: addon.envEnabled
+                        ? `${addon.label} is enabled in this environment`
+                        : `${addon.label} is off in this environment`, children: [addon.label, _jsx("em", { children: addon.envEnabled ? "on" : "off" })] }, addon.id)))) })) : null, _jsx("div", { ref: stageRef, className: "vertebr-sync-preview-frame-stage", children: _jsx("div", { className: "vertebr-sync-preview-frame-shell", style: {
+                        width: FRAME_WIDTH * scale,
+                        height: FRAME_HEIGHT * scale,
+                    }, children: _jsx("div", { className: "vertebr-sync-preview-frame-scaler", style: {
+                            width: FRAME_WIDTH,
+                            height: FRAME_HEIGHT,
+                            transform: `scale(${scale})`,
+                            transformOrigin: "top left",
+                        }, children: frameError ? (_jsxs("div", { className: "vertebr-sync-preview-frame-empty", children: ["Could not load preview at ", path, "."] })) : (_jsx("iframe", { ref: iframeRef, title: `${label} preview`, src: src, width: FRAME_WIDTH, height: FRAME_HEIGHT, onLoad: () => {
+                                setFrameReady(true);
+                                pushDraft();
+                            }, onError: () => setFrameError(true) })) }) }) })] }));
+}

package/dist/components/admin/VertebrAdmin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VertebrAdmin.d.ts","sourceRoot":"","sources":["../../../src/components/admin/VertebrAdmin.tsx"],"names":[],"mappings":"AAwCA,OAAO,KAAK,EAGV,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,wBAAgB,YAAY,CAAC,EAC3B,OAAsB,EACtB,QAAQ,EAAE,YAAY,EACtB,KAAuB,EACvB,aAA6B,EAC7B,eAAiC,EACjC,eAAiC,EACjC,sBAAgD,EAChD,cAAc,EACd,aAAa,EACb,SAAS,GACV,EAAE,iBAAiB,+BAguBnB"}
+{"version":3,"file":"VertebrAdmin.d.ts","sourceRoot":"","sources":["../../../src/components/admin/VertebrAdmin.tsx"],"names":[],"mappings":"AAwCA,OAAO,KAAK,EAGV,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,wBAAgB,YAAY,CAAC,EAC3B,OAAsB,EACtB,QAAQ,EAAE,YAAY,EACtB,KAAuB,EACvB,aAA6B,EAC7B,eAAiC,EACjC,eAAiC,EACjC,sBAAgD,EAChD,cAAc,EACd,aAAa,EACb,SAAS,GACV,EAAE,iBAAiB,+BAkuBnB"}

package/dist/components/admin/VertebrAdmin.js

@@ -380,11 +380,13 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
         return data.items;
     }, [client]);
     const uploadGallery = useCallback(async (files) => {
-        if (files.length === 1 && files[0]) {
-            const { item } = await client.uploadGalleryFile(files[0]);
-            return [item];
+        // Upload one file per request — base64 bulk payloads easily exceed the
+        // host HTTP body limit when several product photos are selected.
+        const items = [];
+        for (const file of files) {
+            const { item } = await client.uploadGalleryFile(file);
+            items.push(item);
         }
-        const { items } = await client.uploadGalleryFiles(files);
         return items;
     }, [client]);
     const galleryPicker = catalog?.gallery

package/dist/components/config/DatetimeInput.d.ts

@@ -0,0 +1,15 @@
+export type DatetimeInputProps = {
+    id: string;
+    name?: string;
+    value: unknown;
+    readOnly?: boolean;
+    onBlur?: () => void;
+    onChange: (next: string) => void;
+    inputRef?: React.Ref<HTMLButtonElement>;
+};
+/** @deprecated Prefer parts helpers; kept for callers/tests. */
+export declare function toDatetimeLocalValue(value: unknown): string;
+/** @deprecated Prefer parts helpers; kept for callers/tests. */
+export declare function fromDatetimeLocalValue(local: string): string;
+export declare function DatetimeInput({ id, name, value, readOnly, onBlur, onChange, inputRef, }: DatetimeInputProps): import("react").JSX.Element;
+//# sourceMappingURL=DatetimeInput.d.ts.map

package/dist/components/config/DatetimeInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatetimeInput.d.ts","sourceRoot":"","sources":["../../../src/components/config/DatetimeInput.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC,CAAC;AAsMF,gEAAgE;AAChE,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAI3D;AAED,gEAAgE;AAChE,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAM5D;AAuED,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,+BAgQpB"}

package/dist/components/config/DatetimeInput.js

@@ -0,0 +1,287 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Popover from "@radix-ui/react-popover";
+import { useEffect, useId, useMemo, useState } from "react";
+import { DayPicker } from "react-day-picker";
+function pad(n) {
+    return String(n).padStart(2, "0");
+}
+function browserTimeZone() {
+    return Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC";
+}
+const TIME_ZONES = [
+    { id: "America/New_York", label: "Eastern (ET)" },
+    { id: "America/Chicago", label: "Central (CT)" },
+    { id: "America/Denver", label: "Mountain (MT)" },
+    { id: "America/Los_Angeles", label: "Pacific (PT)" },
+    { id: "America/Phoenix", label: "Arizona (MST)" },
+    { id: "America/Anchorage", label: "Alaska (AKT)" },
+    { id: "Pacific/Honolulu", label: "Hawaii (HST)" },
+    { id: "UTC", label: "UTC" },
+    { id: "Europe/London", label: "London (GMT/BST)" },
+    { id: "Europe/Paris", label: "Central Europe (CET)" },
+    { id: "Asia/Tokyo", label: "Tokyo (JST)" },
+    { id: "Australia/Sydney", label: "Sydney (AEST)" },
+];
+function timeZoneOptions(current) {
+    const known = new Set(TIME_ZONES.map((zone) => zone.id));
+    if (known.has(current))
+        return TIME_ZONES;
+    return [{ id: current, label: current.replace(/_/g, " ") }, ...TIME_ZONES];
+}
+function zonedParts(instant, timeZone) {
+    const bits = Object.fromEntries(new Intl.DateTimeFormat("en-US", {
+        timeZone,
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+        hour: "2-digit",
+        minute: "2-digit",
+        hourCycle: "h23",
+    })
+        .formatToParts(instant)
+        .filter((part) => part.type !== "literal")
+        .map((part) => [part.type, part.value]));
+    return {
+        date: `${bits.year}-${bits.month}-${bits.day}`,
+        time: `${bits.hour}:${bits.minute}`,
+    };
+}
+/** Wall-clock date/time in `timeZone` → UTC ISO. */
+function toIsoInZone(parts, timeZone) {
+    if (!parts.date)
+        return "";
+    const time = parts.time || "00:00";
+    const dateBits = parts.date.split("-").map(Number);
+    const timeBits = time.split(":").map(Number);
+    const year = dateBits[0];
+    const month = dateBits[1];
+    const day = dateBits[2];
+    const hour = timeBits[0];
+    const minute = timeBits[1];
+    if (year === undefined ||
+        month === undefined ||
+        day === undefined ||
+        hour === undefined ||
+        minute === undefined ||
+        ![year, month, day, hour, minute].every(Number.isFinite)) {
+        return "";
+    }
+    const desired = Date.UTC(year, month - 1, day, hour, minute, 0);
+    let utcMs = desired;
+    for (let i = 0; i < 2; i += 1) {
+        const shown = zonedParts(new Date(utcMs), timeZone);
+        const shownDate = shown.date.split("-").map(Number);
+        const shownTime = shown.time.split(":").map(Number);
+        const sy = shownDate[0];
+        const sm = shownDate[1];
+        const sd = shownDate[2];
+        const sh = shownTime[0];
+        const smin = shownTime[1];
+        if (sy === undefined ||
+            sm === undefined ||
+            sd === undefined ||
+            sh === undefined ||
+            smin === undefined) {
+            break;
+        }
+        const asUtc = Date.UTC(sy, sm - 1, sd, sh, smin, 0);
+        utcMs -= asUtc - desired;
+    }
+    return new Date(utcMs).toISOString();
+}
+function partsFromValue(value, timeZone) {
+    if (typeof value !== "string")
+        return { date: "", time: "" };
+    const trimmed = value.trim();
+    if (!trimmed)
+        return { date: "", time: "" };
+    const ms = Date.parse(trimmed);
+    if (Number.isFinite(ms))
+        return zonedParts(new Date(ms), timeZone);
+    const match = trimmed.match(/^(\d{4}-\d{2}-\d{2})(?:[T\s](\d{2}:\d{2})(?::\d{2})?)?/);
+    if (!match)
+        return { date: "", time: "" };
+    return { date: match[1] ?? "", time: match[2] ?? "00:00" };
+}
+function to24h(hour12, meridiem) {
+    const hour = ((hour12 - 1) % 12) + 1;
+    if (meridiem === "AM")
+        return hour === 12 ? 0 : hour;
+    return hour === 12 ? 12 : hour + 12;
+}
+function toClock(time) {
+    const [hRaw, mRaw] = (time || "12:00").split(":");
+    let hour24 = Number(hRaw);
+    const minute = pad(Number.isFinite(Number(mRaw)) ? Number(mRaw) : 0);
+    if (!Number.isFinite(hour24))
+        hour24 = 12;
+    const meridiem = hour24 >= 12 ? "PM" : "AM";
+    const hour12 = hour24 % 12 === 0 ? 12 : hour24 % 12;
+    return { hour12: String(hour12), minute, meridiem };
+}
+function fromClock(clock) {
+    const hour12 = Number(clock.hour12);
+    const safeHour = Number.isFinite(hour12) ? hour12 : 12;
+    return `${pad(to24h(safeHour, clock.meridiem))}:${clock.minute || "00"}`;
+}
+function dateFromYmd(ymd) {
+    if (!ymd)
+        return undefined;
+    const [year, month, day] = ymd.split("-").map(Number);
+    if (!year || !month || !day)
+        return undefined;
+    return new Date(year, month - 1, day);
+}
+function ymdFromDate(date) {
+    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+}
+function formatDateLabel(ymd) {
+    const date = dateFromYmd(ymd);
+    if (!date)
+        return "mm/dd/yyyy";
+    return new Intl.DateTimeFormat(undefined, {
+        month: "short",
+        day: "numeric",
+        year: "numeric",
+    }).format(date);
+}
+function formatTimeLabel(time) {
+    if (!time)
+        return "--:-- --";
+    const clock = toClock(time);
+    return `${clock.hour12}:${clock.minute} ${clock.meridiem}`;
+}
+function formatTimeZoneShort(timeZone, instant = new Date()) {
+    const part = new Intl.DateTimeFormat("en-US", {
+        timeZone,
+        timeZoneName: "short",
+    })
+        .formatToParts(instant)
+        .find((item) => item.type === "timeZoneName");
+    return part?.value ?? timeZone;
+}
+function formatSummary(parts, timeZone) {
+    if (!parts.date)
+        return null;
+    const iso = toIsoInZone(parts, timeZone);
+    if (!iso)
+        return null;
+    const instant = new Date(iso);
+    const when = new Intl.DateTimeFormat(undefined, {
+        timeZone,
+        weekday: "short",
+        month: "short",
+        day: "numeric",
+        year: "numeric",
+        hour: "numeric",
+        minute: "2-digit",
+    }).format(instant);
+    return `${when} ${formatTimeZoneShort(timeZone, instant)}`;
+}
+/** @deprecated Prefer parts helpers; kept for callers/tests. */
+export function toDatetimeLocalValue(value) {
+    const parts = partsFromValue(value, browserTimeZone());
+    if (!parts.date)
+        return "";
+    return `${parts.date}T${parts.time || "00:00"}`;
+}
+/** @deprecated Prefer parts helpers; kept for callers/tests. */
+export function fromDatetimeLocalValue(local) {
+    const trimmed = local.trim();
+    if (!trimmed)
+        return "";
+    const ms = Date.parse(trimmed);
+    if (!Number.isFinite(ms))
+        return "";
+    return new Date(ms).toISOString();
+}
+const HOURS_12 = Array.from({ length: 12 }, (_, i) => String(i + 1));
+const MINUTES = Array.from({ length: 60 }, (_, i) => pad(i));
+function IconCalendar() {
+    return (_jsxs("svg", { className: "vertebr-datetime-icon", width: "16", height: "16", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [_jsx("rect", { x: "3", y: "4.5", width: "14", height: "12", rx: "2", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M3 8.5h14M7 3v3M13 3v3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })] }));
+}
+function IconClock() {
+    return (_jsxs("svg", { className: "vertebr-datetime-icon", width: "16", height: "16", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [_jsx("circle", { cx: "10", cy: "10", r: "7", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M10 6.5V10l2.5 1.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+}
+function IconChevron({ direction }) {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", "aria-hidden": "true", children: _jsx("path", { d: direction === "left" ? "M8.5 3.5 5 7l3.5 3.5" : "M5.5 3.5 9 7l-3.5 3.5", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+export function DatetimeInput({ id, name, value, readOnly, onBlur, onChange, inputRef, }) {
+    const labelId = useId();
+    const [open, setOpen] = useState(false);
+    const [timeZone, setTimeZone] = useState(browserTimeZone);
+    const [parts, setParts] = useState(() => partsFromValue(value, browserTimeZone()));
+    const summary = useMemo(() => formatSummary(parts, timeZone), [parts, timeZone]);
+    const selected = useMemo(() => dateFromYmd(parts.date), [parts.date]);
+    const clock = useMemo(() => toClock(parts.time || "12:00"), [parts.time]);
+    const zones = useMemo(() => timeZoneOptions(timeZone), [timeZone]);
+    useEffect(() => {
+        setParts(partsFromValue(value, timeZone));
+        // Re-parse when the stored ISO changes; timezone switches keep wall-clock
+        // and rewrite ISO via onTimeZoneChange instead.
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- intentional
+    }, [value]);
+    const commit = (next, zone = timeZone) => {
+        setParts(next);
+        onChange(toIsoInZone(next, zone));
+    };
+    const setClock = (next) => {
+        const time = fromClock(next);
+        if (!parts.date) {
+            commit({ date: ymdFromDate(new Date()), time });
+            return;
+        }
+        commit({ date: parts.date, time });
+    };
+    const onTimeZoneChange = (nextZone) => {
+        setTimeZone(nextZone);
+        if (!parts.date)
+            return;
+        // Keep the wall-clock launch time; reinterpret in the new zone.
+        onChange(toIsoInZone(parts, nextZone));
+    };
+    return (_jsxs("div", { className: "vertebr-datetime", "data-empty": parts.date ? "false" : "true", children: [_jsxs(Popover.Root, { open: readOnly ? false : open, onOpenChange: (next) => {
+                    if (readOnly)
+                        return;
+                    setOpen(next);
+                    if (!next)
+                        onBlur?.();
+                }, children: [_jsxs("div", { className: "vertebr-datetime-shell", children: [_jsx(Popover.Trigger, { asChild: true, children: _jsxs("button", { id: id, ref: inputRef, type: "button", name: name, className: "vertebr-datetime-cell", disabled: readOnly, "aria-labelledby": `${labelId}-date ${labelId}-time`, children: [_jsxs("span", { className: "vertebr-datetime-cell-inner", children: [_jsx(IconCalendar, {}), _jsxs("span", { className: "vertebr-datetime-cell-copy", children: [_jsx("span", { className: "vertebr-datetime-cell-label", id: `${labelId}-date`, children: "Date" }), _jsx("span", { className: "vertebr-datetime-value", "data-empty": parts.date ? "false" : "true", children: formatDateLabel(parts.date) })] })] }), _jsx("span", { className: "vertebr-datetime-divider", "aria-hidden": "true" }), _jsxs("span", { className: "vertebr-datetime-cell-inner", children: [_jsx(IconClock, {}), _jsxs("span", { className: "vertebr-datetime-cell-copy", children: [_jsx("span", { className: "vertebr-datetime-cell-label", id: `${labelId}-time`, children: "Time" }), _jsx("span", { className: "vertebr-datetime-value", "data-empty": parts.time ? "false" : "true", children: parts.time
+                                                                ? `${formatTimeLabel(parts.time)} ${formatTimeZoneShort(timeZone)}`
+                                                                : "--:-- --" })] })] })] }) }), parts.date && !readOnly ? (_jsx("button", { type: "button", className: "vertebr-datetime-clear", "aria-label": "Clear date and time", onClick: () => {
+                                    commit({ date: "", time: "" });
+                                    setOpen(false);
+                                }, children: "Clear" })) : null] }), _jsx(Popover.Portal, { children: _jsxs(Popover.Content, { className: "vertebr-datetime-popover", align: "start", sideOffset: 8, collisionPadding: 12, onOpenAutoFocus: (event) => event.preventDefault(), children: [_jsx(DayPicker, { mode: "single", navLayout: "around", selected: selected, defaultMonth: selected ?? new Date(), onSelect: (day) => {
+                                        if (!day)
+                                            return;
+                                        commit({
+                                            date: ymdFromDate(day),
+                                            time: parts.time || fromClock({ hour12: "12", minute: "00", meridiem: "PM" }),
+                                        });
+                                    }, className: "vertebr-day-picker", classNames: {
+                                        root: "vertebr-day-picker",
+                                        months: "vertebr-day-picker-months",
+                                        month: "vertebr-day-picker-month",
+                                        month_caption: "vertebr-day-picker-caption",
+                                        month_grid: "vertebr-day-picker-grid",
+                                        caption_label: "vertebr-day-picker-caption-label",
+                                        nav: "vertebr-day-picker-nav",
+                                        button_previous: "vertebr-day-picker-nav-btn",
+                                        button_next: "vertebr-day-picker-nav-btn",
+                                        weekdays: "vertebr-day-picker-weekdays",
+                                        weekday: "vertebr-day-picker-weekday",
+                                        week: "vertebr-day-picker-week",
+                                        day: "vertebr-day-picker-day",
+                                        day_button: "vertebr-day-picker-day-btn",
+                                        selected: "vertebr-day-picker-selected",
+                                        today: "vertebr-day-picker-today",
+                                        outside: "vertebr-day-picker-outside",
+                                        disabled: "vertebr-day-picker-disabled",
+                                        hidden: "vertebr-day-picker-hidden",
+                                    }, components: {
+                                        Chevron: ({ orientation }) => (_jsx(IconChevron, { direction: orientation === "left" ? "left" : "right" })),
+                                    } }), _jsxs("div", { className: "vertebr-datetime-time-row", children: [_jsxs("label", { className: "vertebr-datetime-time-field", children: [_jsx("span", { children: "Hour" }), _jsx("select", { className: "vertebr-datetime-time-select", value: clock.hour12, onChange: (event) => setClock({ ...clock, hour12: event.target.value }), children: HOURS_12.map((value) => (_jsx("option", { value: value, children: value }, value))) })] }), _jsx("span", { className: "vertebr-datetime-time-sep", "aria-hidden": "true", children: ":" }), _jsxs("label", { className: "vertebr-datetime-time-field", children: [_jsx("span", { children: "Minute" }), _jsx("select", { className: "vertebr-datetime-time-select", value: clock.minute, onChange: (event) => setClock({ ...clock, minute: event.target.value }), children: MINUTES.map((value) => (_jsx("option", { value: value, children: value }, value))) })] }), _jsxs("label", { className: "vertebr-datetime-time-field vertebr-datetime-time-field-meridiem", children: [_jsx("span", { children: "AM/PM" }), _jsxs("select", { className: "vertebr-datetime-time-select", value: clock.meridiem, onChange: (event) => setClock({
+                                                        ...clock,
+                                                        meridiem: event.target.value,
+                                                    }), children: [_jsx("option", { value: "AM", children: "AM" }), _jsx("option", { value: "PM", children: "PM" })] })] })] }), _jsxs("label", { className: "vertebr-datetime-time-field vertebr-datetime-timezone", children: [_jsx("span", { children: "Timezone" }), _jsx("select", { className: "vertebr-datetime-time-select", value: timeZone, onChange: (event) => onTimeZoneChange(event.target.value), children: zones.map((zone) => (_jsx("option", { value: zone.id, children: zone.label }, zone.id))) })] })] }) })] }), summary ? (_jsx("p", { className: "vertebr-datetime-summary", children: summary })) : (_jsx("p", { className: "vertebr-datetime-summary vertebr-datetime-summary-empty", children: "Pick a launch date and time" }))] }));
+}

package/dist/components/config/EnumInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnumInput.d.ts","sourceRoot":"","sources":["../../../src/components/config/EnumInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,cAAc,+BAmDhB"}
+{"version":3,"file":"EnumInput.d.ts","sourceRoot":"","sources":["../../../src/components/config/EnumInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,cAAc,+BAkDhB"}

package/dist/components/config/EnumInput.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as Select from "@radix-ui/react-select";
 import { optionLabel } from "./form/helpers/labels";
 export function EnumInput({ id, value, field, readOnly, onChange, }) {
-    const options = field.options?.filter(Boolean) ?? [];
-    const current = typeof value === "string" && options.includes(value)
-        ? value
-        : (options[0] ?? "");
+    const baseOptions = field.options?.filter(Boolean) ?? [];
+    const raw = typeof value === "string" ? value : "";
+    const options = raw && !baseOptions.includes(raw) ? [raw, ...baseOptions] : baseOptions;
+    const current = raw && options.includes(raw) ? raw : (options[0] ?? "");
     if (options.length === 0) {
         return (_jsx("input", { id: id, type: "text", readOnly: readOnly, value: current, disabled: true }));
     }

package/dist/components/config/EnumListInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnumListInput.d.ts","sourceRoot":"","sources":["../../../src/components/config/EnumListInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACrC,CAAC;AAiBF,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,+BAiEpB"}
+{"version":3,"file":"EnumListInput.d.ts","sourceRoot":"","sources":["../../../src/components/config/EnumListInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACrC,CAAC;AAyBF,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,+BAyEpB"}

package/dist/components/config/EnumListInput.js

@@ -1,9 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { optionLabel } from "./form/helpers/labels";
 function asStringList(value) {
-    if (!Array.isArray(value))
-        return [];
-    return value.map((item) => String(item).trim()).filter(Boolean);
+    if (Array.isArray(value)) {
+        return value.map((item) => String(item).trim()).filter(Boolean);
+    }
+    if (typeof value === "string") {
+        return value
+            .split(",")
+            .map((item) => item.trim())
+            .filter(Boolean);
+    }
+    return [];
 }
 function orderedRows(options, selected) {
     const known = new Set(options);
@@ -18,6 +25,9 @@ export function EnumListInput({ id, value, field, readOnly, onChange, }) {
     const options = field.options?.filter(Boolean) ?? [];
     const selected = asStringList(value);
     const rows = orderedRows(options, selected);
+    if (options.length === 0) {
+        return (_jsx("p", { className: "vertebr-field-files-empty", id: id, children: "No products available in this environment." }));
+    }
     const commit = (nextRows) => {
         onChange(nextRows.filter((row) => row.on).map((row) => row.id));
     };

package/dist/components/config/ImagePickerModal.d.ts

@@ -6,6 +6,7 @@ export type PickerImage = {
     name: string;
     source: "record" | "gallery" | "url";
 };
+type Tab = "record" | "gallery";
 export type ImagePickerModalProps = {
     recordImages?: RecordImage[];
     galleryUpload?: Pick<ResourceUploadMeta, "accept" | "maxBytes">;
@@ -13,6 +14,13 @@ export type ImagePickerModalProps = {
     onUploadGallery?: (files: File[]) => Promise<GalleryItem[]>;
     onClose: () => void;
     onInsert: (images: PickerImage[]) => void;
+    /** Dialog heading. @default "Choose images" */
+    title?: string;
+    /** Primary action label prefix. @default "Use" */
+    confirmLabel?: string;
+    /** Prefer Files tab when both product photos and gallery exist. */
+    defaultTab?: Tab;
 };
-export declare function ImagePickerModal({ recordImages, galleryUpload, onListGallery, onUploadGallery, onClose, onInsert, }: ImagePickerModalProps): import("react").JSX.Element;
+export declare function ImagePickerModal({ recordImages, galleryUpload, onListGallery, onUploadGallery, onClose, onInsert, title, confirmLabel, defaultTab, }: ImagePickerModalProps): import("react").ReactPortal;
+export {};
 //# sourceMappingURL=ImagePickerModal.d.ts.map

package/dist/components/config/ImagePickerModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImagePickerModal.d.ts","sourceRoot":"","sources":["../../../src/components/config/ImagePickerModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,aAAa,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC;IAChE,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IAC5D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;CAC3C,CAAC;AAIF,wBAAgB,gBAAgB,CAAC,EAC/B,YAAiB,EACjB,aAAa,EACb,aAAa,EACb,eAAe,EACf,OAAO,EACP,QAAQ,GACT,EAAE,qBAAqB,+BA4PvB"}
+{"version":3,"file":"ImagePickerModal.d.ts","sourceRoot":"","sources":["../../../src/components/config/ImagePickerModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC;CACtC,CAAC;AAEF,KAAK,GAAG,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEhC,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,aAAa,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC;IAChE,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IAC5D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAC1C,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,UAAU,CAAC,EAAE,GAAG,CAAC;CAClB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,YAAiB,EACjB,aAAa,EACb,aAAa,EACb,eAAe,EACf,OAAO,EACP,QAAQ,EACR,KAAuB,EACvB,YAAoB,EACpB,UAAU,GACX,EAAE,qBAAqB,+BAiQvB"}

package/dist/components/config/ImagePickerModal.js

@@ -1,9 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from "react";
+import { createPortal } from "react-dom";
 import { ImageUploadControl } from "../resources/ImageUploadControl";
-export function ImagePickerModal({ recordImages = [], galleryUpload, onListGallery, onUploadGallery, onClose, onInsert, }) {
+export function ImagePickerModal({ recordImages = [], galleryUpload, onListGallery, onUploadGallery, onClose, onInsert, title = "Choose images", confirmLabel = "Use", defaultTab, }) {
     const hasGallery = Boolean(onListGallery);
-    const [tab, setTab] = useState(recordImages.length ? "record" : "gallery");
+    const [tab, setTab] = useState(() => {
+        if (defaultTab)
+            return defaultTab;
+        if (recordImages.length)
+            return "record";
+        return "gallery";
+    });
     const [gallery, setGallery] = useState([]);
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState(null);
@@ -84,11 +91,11 @@ export function ImagePickerModal({ recordImages = [], galleryUpload, onListGalle
         setSelected((current) => ({ ...current, [image.id]: image }));
         setUrl("");
     };
-    return (_jsx("div", { className: "vertebr-modal-backdrop", role: "presentation", onClick: onClose, children: _jsxs("div", { className: "vertebr-modal", role: "dialog", "aria-modal": "true", "aria-label": "Insert images", onClick: (event) => event.stopPropagation(), children: [_jsxs("header", { className: "vertebr-modal-head", children: [_jsxs("div", { className: "vertebr-modal-heading", children: [_jsx("p", { className: "vertebr-modal-eyebrow", children: "Media" }), _jsx("h2", { children: "Insert images" })] }), _jsx("button", { type: "button", className: "vertebr-btn", onClick: onClose, children: "Close" })] }), _jsxs("div", { className: "vertebr-modal-body vertebr-picker-body", children: [recordImages.length > 0 && hasGallery ? (_jsxs("div", { className: "vertebr-picker-tabs", role: "tablist", children: [_jsxs("button", { type: "button", role: "tab", "aria-selected": tab === "record", "data-active": tab === "record" || undefined, onClick: () => setTab("record"), children: ["Product photos", _jsx("span", { children: recordTiles.length })] }), _jsxs("button", { type: "button", role: "tab", "aria-selected": tab === "gallery", "data-active": tab === "gallery" || undefined, onClick: () => setTab("gallery"), children: ["Gallery", _jsx("span", { children: loading ? "…" : galleryTiles.length })] })] })) : null, tab === "gallery" && canGalleryUpload ? (_jsx(ImageUploadControl, { meta: {
+    return createPortal(_jsx("div", { className: "vertebr-modal-backdrop", role: "presentation", onClick: onClose, children: _jsxs("div", { className: "vertebr-modal", role: "dialog", "aria-modal": "true", "aria-label": title, onClick: (event) => event.stopPropagation(), children: [_jsxs("header", { className: "vertebr-modal-head", children: [_jsxs("div", { className: "vertebr-modal-heading", children: [_jsx("p", { className: "vertebr-modal-eyebrow", children: "Media" }), _jsx("h2", { children: title })] }), _jsx("button", { type: "button", className: "vertebr-btn", onClick: onClose, children: "Close" })] }), _jsxs("div", { className: "vertebr-modal-body vertebr-picker-body", children: [recordImages.length > 0 && hasGallery ? (_jsxs("div", { className: "vertebr-picker-tabs", role: "tablist", children: [_jsxs("button", { type: "button", role: "tab", "aria-selected": tab === "record", "data-active": tab === "record" || undefined, onClick: () => setTab("record"), children: ["Product photos", _jsx("span", { children: recordTiles.length })] }), _jsxs("button", { type: "button", role: "tab", "aria-selected": tab === "gallery", "data-active": tab === "gallery" || undefined, onClick: () => setTab("gallery"), children: ["Files", _jsx("span", { children: loading ? "…" : galleryTiles.length })] })] })) : null, tab === "gallery" && canGalleryUpload ? (_jsx(ImageUploadControl, { meta: {
                                 field: "gallery",
                                 accept: galleryUpload.accept,
                                 maxBytes: galleryUpload.maxBytes,
-                            }, multiple: true, label: "Drop images to add them to the gallery", onUpload: async (files) => {
+                            }, multiple: true, label: "Drop images to add them to Files", onUpload: async (files) => {
                                 const items = await onUploadGallery(files);
                                 setGallery((current) => [...items, ...current]);
                                 setSelected((current) => {
@@ -112,9 +119,9 @@ export function ImagePickerModal({ recordImages = [], galleryUpload, onListGalle
                                             } }), _jsx("button", { type: "button", className: "vertebr-btn", disabled: !url.trim(), onClick: addUrl, children: "Add" })] })] }), error ? (_jsx("p", { className: "vertebr-status", "data-tone": "danger", children: error })) : null, loading && tab === "gallery" ? (_jsx("div", { className: "vertebr-empty", children: "Loading gallery\u2026" })) : tiles.length === 0 ? (_jsx("div", { className: "vertebr-empty", children: tab === "record"
                                 ? "No product photos on this record yet."
                                 : hasGallery
-                                    ? "No images in the gallery yet."
-                                    : "No gallery is configured. Paste a URL or add product photos." })) : (_jsx("div", { className: "vertebr-picker-grid", children: tiles.map((image) => {
+                                    ? "No images in Files yet."
+                                    : "No Files library is configured. Paste a URL or add product photos." })) : (_jsx("div", { className: "vertebr-picker-grid", children: tiles.map((image) => {
                                 const active = Boolean(selected[image.id]);
                                 return (_jsxs("button", { type: "button", className: "vertebr-picker-tile", "data-selected": active || undefined, onClick: () => toggle(image), children: [_jsx("span", { className: "vertebr-picker-thumb", children: _jsx("img", { src: image.url, alt: "" }) }), _jsx("span", { className: "vertebr-picker-name", children: image.name })] }, image.id));
-                            }) }))] }), _jsxs("footer", { className: "vertebr-picker-foot", children: [_jsxs("span", { className: "vertebr-picker-count", children: [picked.length, " selected"] }), _jsxs("button", { type: "button", className: "vertebr-btn vertebr-btn-primary", disabled: picked.length === 0, onClick: () => onInsert(picked), children: ["Insert ", picked.length || "", picked.length === 1 ? " image" : " images"] })] })] }) }));
+                            }) }))] }), _jsxs("footer", { className: "vertebr-picker-foot", children: [_jsxs("span", { className: "vertebr-picker-count", children: [picked.length, " selected"] }), _jsxs("button", { type: "button", className: "vertebr-btn vertebr-btn-primary", disabled: picked.length === 0, onClick: () => onInsert(picked), children: [confirmLabel, " ", picked.length || "", picked.length === 1 ? " image" : " images"] })] })] }) }), document.body);
 }

package/dist/components/config/RevisionHistory.d.ts

@@ -4,5 +4,9 @@ export type RevisionHistoryProps = {
     configId: string;
     onPublished?: () => void | Promise<void>;
 };
+/**
+ * Compact History control — opens revision list in a modal so the
+ * editor form stays the primary surface.
+ */
 export declare function RevisionHistory({ client, configId, onPublished, }: RevisionHistoryProps): import("react").JSX.Element;
 //# sourceMappingURL=RevisionHistory.d.ts.map

package/dist/components/config/RevisionHistory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RevisionHistory.d.ts","sourceRoot":"","sources":["../../../src/components/config/RevisionHistory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGnE,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1C,CAAC;AAaF,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,QAAQ,EACR,WAAW,GACZ,EAAE,oBAAoB,+BAmHtB"}
+{"version":3,"file":"RevisionHistory.d.ts","sourceRoot":"","sources":["../../../src/components/config/RevisionHistory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGnE,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1C,CAAC;AAoBF;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,QAAQ,EACR,WAAW,GACZ,EAAE,oBAAoB,+BAuNtB"}