@cloudgrid-io/ui 0.31.4 → 0.31.6

package/dist/badge/owner.js

@@ -0,0 +1,355 @@
+/**
+ * The owner's half of the badge: the tab on the edge of the page and the owner
+ * panel's three steps (main, edit, share). Markup only; the badge wires the
+ * behaviour, the API supplies the data, and the server builds every Console URL.
+ *
+ * Import from `@cloudgrid-io/ui/badge/owner` in the owner file the badge
+ * lazy-loads for the app's owner only. Its stylesheet is `BADGE_OWNER_CSS`,
+ * added to a shadow root that already carries `BADGE_BASE_CSS`.
+ *
+ * The access model is Decision 060's, under the Console's own names
+ * (`lib/v2/visibility.ts`): who inside the grid (`shareScope`), who outside it
+ * (`externalAccess`), and whether the link needs a sign-in (`requireSignin`).
+ * The panel offers three buttons over it; anything finer is done in the
+ * Console, behind the "More options" link beside the heading (founder, 2026-10-12).
+ */
+import { ARROW_UP_RIGHT, CARET_LEFT, CHART_LINE_UP, CHAT_CIRCLE, CHECK, CHECK_CIRCLE, COPY, GLOBE, INFO, LOCK_SIMPLE, PENCIL_SIMPLE, SHARE_NETWORK, USERS, X, } from "./marks.js";
+import { esc, glyph, href, sign } from "./html.js";
+import { panel, select, toggleRow } from "./shared.js";
+import { bubbleIcons } from "./bubble.js";
+export { BADGE_OWNER_CSS } from "./css-owner.js";
+/** The tab's label, on hover and on the first-visit peek alike. */
+export const TAB_LABEL = "On your grid";
+/**
+ * The owner tab: a white tab on the edge with the CloudGrid sign and a green
+ * dot; on hover "On your grid" slides out. The badge makes it draggable along
+ * either edge (it snaps to the nearer one) and moves it with the arrow keys.
+ *
+ * Action: `open-owner`.
+ */
+export function ownerTab({ side = "right", state = "rest", dragging = false, top, hidden = false } = {}) {
+    const style = top ? ` style="top:${esc(top)}"` : "";
+    return (`<button class="cgb-tab" type="button" data-action="open-owner" data-side="${side}" data-state="${state}"` +
+        `${dragging ? " data-dragging" : ""}${hidden ? " data-hidden" : ""}${style} aria-label="Manage your app on CloudGrid" title="Drag to move" aria-haspopup="dialog" aria-expanded="${hidden}">` +
+        sign() +
+        `<span class="cgb-tab-dot" aria-hidden="true"></span>` +
+        `<span class="cgb-tab-label" aria-hidden="true">${TAB_LABEL}</span>` +
+        `</button>`);
+}
+export function accessPreset(a) {
+    if (a.externalAccess === "none")
+        return a.shareScope === "private" ? "private" : "grid";
+    return a.shareScope === "grid" && !a.requireSignin ? "public" : null;
+}
+/** What a click on one of the three buttons asks for. Grid keeps "selected spaces" if that is set. */
+export function presetAccess(preset, current) {
+    if (preset === "private")
+        return { shareScope: "private", externalAccess: "none", requireSignin: false };
+    if (preset === "grid")
+        return { shareScope: current.shareScope === "spaces" ? "spaces" : "grid", externalAccess: "none", requireSignin: false };
+    return { shareScope: "grid", externalAccess: current.externalAccess === "public" ? "public" : "link", requireSignin: false };
+}
+const RANK = { private: 0, spaces: 1, grid: 2, none: 0, link: 1, public: 2 };
+/**
+ * True when `next` lets fewer people in than `current`: a smaller outside
+ * audience, a smaller inside audience at the same outside one, or a sign-in
+ * newly required. Narrowing asks first; widening saves at once.
+ */
+export function isNarrowing(current, next) {
+    if (RANK[next.externalAccess] < RANK[current.externalAccess])
+        return true;
+    if (next.externalAccess === current.externalAccess && RANK[next.shareScope] < RANK[current.shareScope])
+        return true;
+    return !current.requireSignin && next.requireSignin;
+}
+/** The one-line confirm a narrowing shows in the panel. */
+export function narrowingMessage(current, next, gridName) {
+    const outsiders = RANK[next.externalAccess] < RANK[current.externalAccess] || (next.requireSignin && !current.requireSignin);
+    return outsiders ? "People with the link will lose access." : `Some people in ${gridName} will lose access.`;
+}
+const number = (n) => esc(n.toLocaleString("en-US"));
+const plural = (n, one, many) => `${number(n)} ${n === 1 ? one : many}`;
+function gridRow(o) {
+    const v = o.views;
+    let line = "";
+    let bars = "";
+    if (v) {
+        if (v.total > 0) {
+            line = `<span class="cgb-row-s"><b>${number(v.total)}</b> ${v.total === 1 ? "view" : "views"} this week</span>`;
+            const days = v.daily.slice(-7);
+            const max = Math.max(1, ...days);
+            bars =
+                `<span class="cgb-spark" aria-hidden="true">` +
+                    days.map((d) => `<i style="height:${Math.round((Math.max(0, d) / max) * 100)}%"></i>`).join("") +
+                    `</span>`;
+        }
+        else {
+            line = `<span class="cgb-row-s">No views yet this week</span>`;
+        }
+    }
+    return (`<a class="cgb-row" data-tall href="${href(o.appPageUrl)}" target="_blank" rel="noopener" data-action="open-app-page">` +
+        `<span class="cgb-row-lead">${glyph(CHART_LINE_UP)}<span><span class="cgb-row-k"><span>Grid:</span> <b>${esc(o.gridName)}</b></span>${line}</span></span>` +
+        bars +
+        glyph(ARROW_UP_RIGHT) +
+        `</a>`);
+}
+function checkbox(value, label, checked, action) {
+    return `<label class="cgb-opt"><input type="checkbox" value="${esc(value)}" data-action="${action}"${checked ? " checked" : ""}><span class="cgb-opt-box"></span>${esc(label)}</label>`;
+}
+const PRESETS = [
+    { value: "private", label: "Private", paths: LOCK_SIMPLE },
+    { value: "grid", label: "Grid", paths: USERS },
+    { value: "public", label: "Public", paths: GLOBE },
+];
+/** The Grid row's menu: everyone in the grid, or the selected spaces. */
+export const GRID_SCOPE_OPTIONS = [
+    { value: "grid", label: "Everyone" },
+    { value: "spaces", label: "Selected spaces…" },
+];
+/**
+ * Who can open this (founder, 2026-10-12). The heading row carries the Saved
+ * flash and a "More options" link to the Console. Under the three buttons is
+ * ONE fixed-height row with only the chosen option's control: Private's line,
+ * Grid's "In {grid}" menu, Public's findable switch, or the caller's line for a
+ * mix the buttons cannot show. The narrowing confirm covers that same row. So
+ * the panel keeps one height while choosing; only the selected-spaces
+ * checklist, which the owner opens on purpose, grows it.
+ */
+function accessSection(o) {
+    const a = o.access;
+    const preset = accessPreset(a);
+    // The button a narrowing click landed on, waiting for Confirm. A narrowing
+    // inside Grid (to selected spaces) came from the menu, so no button is pending.
+    const pendingPreset = o.pending ? accessPreset(o.pending) : null;
+    const spaces = o.spaces ?? [];
+    const save = o.saveState === "saving" ? "Saving…" : o.saveState === "saved" ? "Saved" : "";
+    let row;
+    if (o.pending) {
+        row =
+            `<div class="cgb-confirm" role="alert"><span>${esc(narrowingMessage(a, o.pending, o.gridName))}</span><span>` +
+                `<button class="cgb-btn" type="button" data-variant="outline" data-size="sm" data-action="confirm-cancel">Cancel</button>` +
+                `<button class="cgb-btn" type="button" data-variant="ink" data-size="sm" data-action="confirm-ok">Confirm</button></span></div>`;
+    }
+    else if (preset === "private") {
+        row = `<p class="cgb-desc">Only you can open this.</p>`;
+    }
+    else if (preset === "grid") {
+        row =
+            `<div class="cgb-srow"><span>In ${esc(o.gridName)}</span>` +
+                select({
+                    label: `Who in ${o.gridName}`,
+                    action: "access-scope",
+                    value: a.shareScope === "spaces" ? "spaces" : "grid",
+                    options: GRID_SCOPE_OPTIONS,
+                    open: !!o.scopeMenuOpen,
+                }) +
+                `</div>`;
+    }
+    else if (preset === "public") {
+        row = `<div class="cgb-srow">${toggleRow("Findable by search engines", a.externalAccess === "public", "access-findable")}</div>`;
+    }
+    else {
+        row = `<p class="cgb-desc">${esc(o.customDescription ?? "")}</p>`;
+    }
+    const list = preset === "grid" && a.shareScope === "spaces" && spaces.length
+        ? `<div class="cgb-spaces">${spaces.map((s) => checkbox(s.id, s.name, !!s.selected, "access-space")).join("")}</div>`
+        : "";
+    return (`<div class="cgb-sec"><h3 id="cgb-access">Who can open this<span class="cgb-saved" role="status">${save}</span></h3>` +
+        `<a class="cgb-more" href="${href(o.accessPageUrl)}" target="_blank" rel="noopener" data-action="open-access-page">More options${glyph(ARROW_UP_RIGHT)}</a></div>` +
+        `<div class="cgb-seg" role="radiogroup" aria-labelledby="cgb-access">` +
+        PRESETS.map((p) => `<button type="button" role="radio" aria-checked="${p.value === preset}"${p.value === pendingPreset && p.value !== preset ? " data-pending" : ""} data-action="access-preset" data-value="${p.value}">${glyph(p.paths)}${p.label}</button>`).join("") +
+        `</div>` +
+        `<div class="cgb-aslot">${row}</div>` +
+        list);
+}
+/** The switch's label (ui#316; it read "Show to visitors" before). */
+export const ASK_VISITORS_LABEL = "Ask visitors for feedback";
+/**
+ * The explanation the info button opens, in order: what visitors see, then
+ * what they can do (founder, 2026-10-13).
+ */
+export const ASK_VISITORS_INFO = [
+    "Visitors see this in the corner of your app.",
+    "They can leave a reaction or a note. Turn it off to hide it.",
+];
+/**
+ * "Ask visitors for feedback" with its info button and switch, and the
+ * explanation the button opens (ui#316).
+ *
+ * The explanation is drawn OVER the rows above the switch, anchored to the
+ * switch row's top edge and growing upward, never in the flow: the panel keeps
+ * its height and nothing under it moves, and the switch it explains stays in
+ * view and in reach. Its height reaches the gap under the name row, so it
+ * covers the grid row and the Feedback row whole and stops short of the name
+ * row, which keeps Edit and Share in view. It shows the visitor's bubble itself, from the same
+ * artwork and look as `bubble()`, still, in a tile standing for the app's corner.
+ *
+ * It sits right after the info button in the markup, so Tab goes from the
+ * button into the explanation (its x) and then on to the switch. The row is a
+ * div with a `<label for>` rather than a wrapping label: a button inside a
+ * label would become the label's control.
+ */
+function askRow(checked, infoOpen) {
+    return (`<div class="cgb-toggle cgb-ask">` +
+        `<label for="cgb-ask-switch">${ASK_VISITORS_LABEL}</label>` +
+        `<button class="cgb-info-btn" type="button" data-action="feedback-info" aria-label="What visitors see" aria-expanded="${infoOpen}" aria-controls="cgb-info">${glyph(INFO)}</button>` +
+        `<div class="cgb-info" id="cgb-info" role="group" aria-label="What visitors see"${infoOpen ? "" : " hidden"}>` +
+        `<span class="cgb-info-art" aria-hidden="true"><span class="cgb-info-bubble">${bubbleIcons()}</span></span>` +
+        `<p class="cgb-info-copy"><span>${ASK_VISITORS_INFO[0]}</span> ${ASK_VISITORS_INFO[1]}</p>` +
+        `<button class="cgb-icon-btn cgb-info-x" type="button" data-action="feedback-info-close" aria-label="Hide what visitors see">${glyph(X)}</button>` +
+        `</div>` +
+        `<button class="cgb-switch" id="cgb-ask-switch" type="button" role="switch" aria-checked="${checked}" data-action="show-to-visitors" aria-label="${ASK_VISITORS_LABEL}"></button>` +
+        `</div>`);
+}
+/**
+ * The main step: the name row (name, status, and Edit and Share at its right
+ * end), the grid row, the feedback box, who can open this, and at the foot,
+ * under a hairline, "Only you see this panel." (founder, 2026-10-13: no
+ * separate Edit and Share row). A long name ends in an ellipsis, with the
+ * whole name in its `title`; the status and the two buttons never shrink.
+ * The status is `EntityStatus`'s dot and word without its chip, so it reads as
+ * a state beside the name and not as a third button (founder, 2026-10-13).
+ *
+ * Actions: `open-app-page`, `open-feedback-page` and `open-access-page` (links,
+ * new tab), `go-edit`, `go-share`, `show-to-visitors` and `access-findable`
+ * (switches), `feedback-info` (the info button, a toggle) and
+ * `feedback-info-close` (the explanation's x), `access-preset` (`data-value`), `access-scope` (the Grid menu's
+ * trigger) and `access-scope-pick` (`data-value` `grid` or `spaces`),
+ * `access-space` (checkboxes), `confirm-ok`, `confirm-cancel`.
+ */
+export function ownerMain(o) {
+    const status = o.status === undefined ? "Live" : o.status;
+    return (`<div class="cgb-title"><h2 title="${esc(o.name)}">${esc(o.name)}</h2>${status ? `<span class="cgb-status">${esc(status)}</span>` : ""}` +
+        `<span class="cgb-acts">` +
+        `<button class="cgb-btn" type="button" data-variant="outline" data-size="sm" data-action="go-edit">${glyph(PENCIL_SIMPLE)}<span>Edit</span></button>` +
+        `<button class="cgb-btn" type="button" data-variant="outline" data-size="sm" data-action="go-share">${glyph(SHARE_NETWORK)}<span>Share</span></button>` +
+        `</span></div>` +
+        gridRow(o) +
+        `<div class="cgb-box">` +
+        `<a class="cgb-row" data-tall href="${href(o.feedback.url)}" target="_blank" rel="noopener" data-action="open-feedback-page">` +
+        `<span class="cgb-row-lead">${glyph(CHAT_CIRCLE)}<span><span class="cgb-row-k"><b>Feedback</b></span>` +
+        `<span class="cgb-row-s">${plural(o.feedback.reactions, "reaction", "reactions")} · ${plural(o.feedback.notes, "note", "notes")}</span></span></span>` +
+        glyph(ARROW_UP_RIGHT) +
+        `</a>` +
+        askRow(o.showToVisitors, !!o.infoOpen) +
+        `</div>` +
+        accessSection(o) +
+        `<p class="cgb-yours">Only you see this panel.</p>`);
+}
+// ---- the edit step -----------------------------------------------------------------
+/**
+ * The prompt the edit step offers, with the library's prompt grammar: a
+ * backticked run is a literal (accent on screen) and the fences are never
+ * copied. Fill it with `editPrompt`; copy it with `promptCopyText`.
+ */
+export const EDIT_PROMPT_TEMPLATE = "Edit my CloudGrid app {name}: `{url}`\n\n" +
+    "If we worked on it in another chat, continue from there. If not, run `grid pull` to get the code, make the change, and plug it again to the same link.\n\n" +
+    "Change: describe it here";
+/** The words at the end of the prompt the owner replaces. Dimmed on screen, copied as written. */
+export const EDIT_PROMPT_PLACEHOLDER = "describe it here";
+/** The edit prompt for one app, in the prompt grammar. A backtick in the name or URL is dropped. */
+export function editPrompt(name, url) {
+    const clean = (s) => s.replace(/`/g, "");
+    return EDIT_PROMPT_TEMPLATE.replace("{name}", clean(name)).replace("{url}", clean(url));
+}
+/**
+ * The prompt grammar's backtick runs, as `PromptBlock` parses them
+ * (`promptSegments` in blocks/prompt-block.tsx): a closed pair is a literal and
+ * its fences are delimiters; an unclosed backtick is literal text. Asserted
+ * equal to the library's parser in the node suite.
+ */
+export function promptRuns(line) {
+    const runs = [];
+    let rest = line;
+    while (rest.length > 0) {
+        const open = rest.indexOf("`");
+        if (open === -1)
+            break;
+        const close = rest.indexOf("`", open + 1);
+        if (close === -1)
+            break;
+        if (open > 0)
+            runs.push({ text: rest.slice(0, open), code: false });
+        const inner = rest.slice(open + 1, close);
+        if (inner.length > 0)
+            runs.push({ text: inner, code: true });
+        rest = rest.slice(close + 1);
+    }
+    if (rest.length > 0)
+        runs.push({ text: rest, code: false });
+    return runs;
+}
+/** What the clipboard gets: the fences consumed, trailing blank lines dropped. Same as `PromptBlock`. */
+export function promptCopyText(prompt) {
+    return prompt
+        .split("\n")
+        .map((l) => promptRuns(l).map((r) => r.text).join(""))
+        .join("\n")
+        .replace(/\n+$/, "");
+}
+/** The prompt in `PromptBlock`'s look, with its icon-only copy control. Action: `copy-prompt`. */
+export function promptBlock(prompt, { copied = false, placeholder = EDIT_PROMPT_PLACEHOLDER } = {}) {
+    const lines = prompt.split("\n").map((line) => promptRuns(line)
+        .map((r, i, all) => {
+        if (r.code)
+            return `<b>${esc(r.text)}</b>`;
+        if (placeholder && i === all.length - 1 && r.text.endsWith(placeholder)) {
+            return esc(r.text.slice(0, -placeholder.length)) + `<i>${esc(placeholder)}</i>`;
+        }
+        return esc(r.text);
+    })
+        .join(""));
+    return (`<div class="cgb-prompt"><pre>${lines.join("\n")}</pre>` +
+        `<button class="cgb-prompt-copy" type="button" data-action="copy-prompt" aria-label="Copy prompt">${glyph(copied ? CHECK : COPY)}</button>` +
+        `<span class="cgb-sr" aria-live="polite">${copied ? "Copied to the clipboard" : ""}</span></div>`);
+}
+const stepHead = (title) => `<div class="cgb-step-head"><button class="cgb-icon-btn" type="button" data-action="go-main" aria-label="Back">${glyph(CARET_LEFT)}</button><h2>${esc(title)}</h2></div>`;
+/** The edit step: why it is safe, the two ways, and the prompt. Actions: `go-main`, `copy-prompt`. */
+export function ownerEdit({ name, url, copied = false }) {
+    return (stepHead(`Edit ${name}`) +
+        `<p class="cgb-sure">${glyph(CHECK_CIRCLE)}<span><b>No need to worry:</b> every edit updates the same link.</span></p>` +
+        `<ol class="cgb-ways">` +
+        `<li><span class="cgb-wn" aria-hidden="true">1</span><div><p class="cgb-wt"><b>Best:</b> go back to the chat where you made it</p><p class="cgb-wd">It already remembers ${esc(name)}.</p></div></li>` +
+        `<li><span class="cgb-wn" aria-hidden="true">2</span><div><p class="cgb-wt">Or paste this into a new chat</p></div></li>` +
+        `</ol>` +
+        promptBlock(editPrompt(name, url), { copied }));
+}
+/** Who can open it, in one line, for the share step. */
+export function whoCanOpen(a, gridName) {
+    if (a.externalAccess === "public")
+        return "Anyone can open it, and search engines can find it.";
+    if (a.externalAccess === "link")
+        return a.requireSignin ? "Anyone with the link can open it after signing in." : "Anyone with the link can open it.";
+    if (a.shareScope === "grid")
+        return `Only people in ${gridName} can open it. Others see a page asking for access.`;
+    if (a.shareScope === "spaces")
+        return "Only people in the selected spaces can open it. Others see a page asking for access.";
+    return "Only you can open it.";
+}
+/**
+ * The share step: the link and Copy link, and who can open it. No invite.
+ *
+ * On a phone it is the fallback: the badge sends the main panel's Share
+ * (`go-share`) straight to the phone's own share sheet (`navigator.share`
+ * with the app's name and URL) when the pointer is coarse and the API exists
+ * (founder, 2026-10-12). Desktop, and a phone without it, open this step.
+ *
+ * Actions: `go-main`, `copy-link`, and `go-main` again on "Change who can open
+ * it" when the app is private.
+ */
+export function ownerShare({ name, url, access, gridName, copied = false }) {
+    const icon = access.externalAccess !== "none" ? GLOBE : access.shareScope === "private" ? LOCK_SIMPLE : USERS;
+    const isPrivate = access.externalAccess === "none" && access.shareScope === "private";
+    return (stepHead(`Share ${name}`) +
+        `<div class="cgb-link-box"><span>${esc(url.replace(/^https?:\/\//, ""))}</span>` +
+        `<button class="cgb-btn" type="button" data-size="sm" data-action="copy-link">${glyph(copied ? CHECK : COPY)}<span>${copied ? "Copied" : "Copy link"}</span></button></div>` +
+        `<p class="cgb-who">${glyph(icon)}<span>${esc(whoCanOpen(access, gridName))}` +
+        (isPrivate ? ` <button type="button" data-action="go-main">Change who can open it</button>` : "") +
+        `</span></p>`);
+}
+/** The owner panel around one step, opening from the tab's side. */
+export function ownerPanel(o) {
+    const body = o.step === "main" ? ownerMain(o) : o.step === "edit" ? ownerEdit(o) : ownerShare(o);
+    return panel({ label: "Manage this app on CloudGrid", side: o.side ?? "right", body, attrs: `data-step="${o.step}"` });
+}
+//# sourceMappingURL=owner.js.map

package/dist/badge/owner.js.map

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

package/dist/badge/palette.d.ts

@@ -0,0 +1,23 @@
+/** Every badge token as one declaration list, for the badge root's rule. */
+export declare const BADGE_TOKEN_DECLARATIONS = "--cg-primary:#5a47f0;--cg-primary-press:#4b39db;--cg-primary-tint:#eeecfe;--cg-tertiary:#60e9f0;--cg-tertiary-press:#4dd8e0;--cg-accent:#0061f0;--cg-cyan-200:#dffbfc;--cg-lime-200:#eef7dc;--cg-surface-card:#ffffff;--cg-surface-raised:#f4f6f8;--cg-surface-control:#e3e3e3;--cg-surface-subtle:#f2f1f7;--cg-hover:rgba(34, 34, 34, 0.045);--cg-scrim:rgba(34, 34, 34, 0.4);--cg-text-primary:#222222;--cg-text-secondary:#595959;--cg-text-muted:#858585;--cg-text-muted-strong:#6a6a6a;--cg-text-placeholder:#acacac;--cg-text-accent:#5a47f0;--cg-text-on-primary:#ffffff;--cg-text-on-accent:#222222;--cg-border-hairline:#e6e8ea;--cg-border-control:#e3e3e3;--cg-border-accent:#5a47f0;--cg-focus-ring:rgba(90, 71, 240, 0.28);--cg-online:#00a05c;--cg-online-fill:#e6f7ef;--cg-online-strong:#085d3a;--cg-expired-fill:#fdf3e0;--cg-expired-border:#fedf89;--cg-expired-strong:#7a3d0a;--cg-font-ui:'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--cg-font-body:'Space Grotesk Variable', 'Space Grotesk', 'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--cg-font-mono:'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;--cg-weight-regular:400;--cg-weight-medium:500;--cg-weight-bold:600;--cg-body-18:18px;--cg-body-md:16px;--cg-body-sm:15px;--cg-body-14:14px;--cg-caption:13px;--cg-body-line:1.46;--cg-mono-size:14px;--cg-mono-line:1.7;--cg-radius-xs:8px;--cg-radius-sm:10px;--cg-radius-md:12px;--cg-radius-lg:14px;--cg-radius-xl:16px;--cg-radius-container:20px;--cg-radius-pill:999px;--cg-shadow-card:0 4px 16px rgba(34, 34, 34, 0.04), 0 4px 4px rgba(34, 34, 34, 0.04);--cg-shadow-hover:0 8px 24px rgba(34, 34, 34, 0.08);--cg-shadow-panel:0 10px 40px rgba(90, 71, 240, 0.18);--cg-duration-fast:120ms;--cg-duration:180ms;--cg-duration-slow:280ms;--cg-ease-out:cubic-bezier(0, 0, 0.2, 1);";
+/** The same values as a map, for tests and the gallery. Not needed at runtime. */
+export declare const BADGE_TOKENS: Readonly<Record<string, string>>;
+/** `--cg-font-ui`: Manrope. The tab label and button labels. */
+export declare const BADGE_FONT_UI = "'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
+/** `--cg-font-body`: Space Grotesk. Every other line of text. */
+export declare const BADGE_FONT_BODY = "'Space Grotesk Variable', 'Space Grotesk', 'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
+/**
+ * The font files the badge's type needs, latin subset, variable weight. The
+ * badge never loads them: the platform hosts these files (the package carries
+ * them at `@cloudgrid-io/ui/brand/badge/<file>`) and registers each on the
+ * document with the FontFace API, because @font-face inside a closed shadow
+ * root is unreliable. Without them the system stack in each family renders.
+ */
+export declare const BADGE_FONT_FACES: ReadonlyArray<{
+    family: string;
+    weight: string;
+    style: string;
+    file: string;
+    unicodeRange: string;
+}>;
+//# sourceMappingURL=palette.d.ts.map

package/dist/badge/palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/badge/palette.ts"],"names":[],"mappings":"AAMA,4EAA4E;AAC5E,eAAO,MAAM,wBAAwB,u2DACi0D,CAAA;AAEt2D,kFAAkF;AAClF,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA6DzD,CAAA;AAED,gEAAgE;AAChE,eAAO,MAAM,aAAa,6FAA6F,CAAA;AAEvH,iEAAiE;AACjE,eAAO,MAAM,eAAe,wIAAwI,CAAA;AAEpK;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC;IAC3C,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,MAAM,CAAA;CACrB,CAGA,CAAA"}

package/dist/badge/palette.js

@@ -0,0 +1,86 @@
+// GENERATED by scripts/build-badge.mjs from src/tokens.css. Do not edit.
+//
+// The badge runs in a closed shadow root inside other people's apps, so it
+// carries its token values with it. Each is the resolved value of the token of
+// the same name at :root. Retune the token and rebuild; this file follows.
+/** Every badge token as one declaration list, for the badge root's rule. */
+export const BADGE_TOKEN_DECLARATIONS = "--cg-primary:#5a47f0;--cg-primary-press:#4b39db;--cg-primary-tint:#eeecfe;--cg-tertiary:#60e9f0;--cg-tertiary-press:#4dd8e0;--cg-accent:#0061f0;--cg-cyan-200:#dffbfc;--cg-lime-200:#eef7dc;--cg-surface-card:#ffffff;--cg-surface-raised:#f4f6f8;--cg-surface-control:#e3e3e3;--cg-surface-subtle:#f2f1f7;--cg-hover:rgba(34, 34, 34, 0.045);--cg-scrim:rgba(34, 34, 34, 0.4);--cg-text-primary:#222222;--cg-text-secondary:#595959;--cg-text-muted:#858585;--cg-text-muted-strong:#6a6a6a;--cg-text-placeholder:#acacac;--cg-text-accent:#5a47f0;--cg-text-on-primary:#ffffff;--cg-text-on-accent:#222222;--cg-border-hairline:#e6e8ea;--cg-border-control:#e3e3e3;--cg-border-accent:#5a47f0;--cg-focus-ring:rgba(90, 71, 240, 0.28);--cg-online:#00a05c;--cg-online-fill:#e6f7ef;--cg-online-strong:#085d3a;--cg-expired-fill:#fdf3e0;--cg-expired-border:#fedf89;--cg-expired-strong:#7a3d0a;--cg-font-ui:'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--cg-font-body:'Space Grotesk Variable', 'Space Grotesk', 'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--cg-font-mono:'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;--cg-weight-regular:400;--cg-weight-medium:500;--cg-weight-bold:600;--cg-body-18:18px;--cg-body-md:16px;--cg-body-sm:15px;--cg-body-14:14px;--cg-caption:13px;--cg-body-line:1.46;--cg-mono-size:14px;--cg-mono-line:1.7;--cg-radius-xs:8px;--cg-radius-sm:10px;--cg-radius-md:12px;--cg-radius-lg:14px;--cg-radius-xl:16px;--cg-radius-container:20px;--cg-radius-pill:999px;--cg-shadow-card:0 4px 16px rgba(34, 34, 34, 0.04), 0 4px 4px rgba(34, 34, 34, 0.04);--cg-shadow-hover:0 8px 24px rgba(34, 34, 34, 0.08);--cg-shadow-panel:0 10px 40px rgba(90, 71, 240, 0.18);--cg-duration-fast:120ms;--cg-duration:180ms;--cg-duration-slow:280ms;--cg-ease-out:cubic-bezier(0, 0, 0.2, 1);";
+/** The same values as a map, for tests and the gallery. Not needed at runtime. */
+export const BADGE_TOKENS = {
+    "--cg-primary": "#5a47f0",
+    "--cg-primary-press": "#4b39db",
+    "--cg-primary-tint": "#eeecfe",
+    "--cg-tertiary": "#60e9f0",
+    "--cg-tertiary-press": "#4dd8e0",
+    "--cg-accent": "#0061f0",
+    "--cg-cyan-200": "#dffbfc",
+    "--cg-lime-200": "#eef7dc",
+    "--cg-surface-card": "#ffffff",
+    "--cg-surface-raised": "#f4f6f8",
+    "--cg-surface-control": "#e3e3e3",
+    "--cg-surface-subtle": "#f2f1f7",
+    "--cg-hover": "rgba(34, 34, 34, 0.045)",
+    "--cg-scrim": "rgba(34, 34, 34, 0.4)",
+    "--cg-text-primary": "#222222",
+    "--cg-text-secondary": "#595959",
+    "--cg-text-muted": "#858585",
+    "--cg-text-muted-strong": "#6a6a6a",
+    "--cg-text-placeholder": "#acacac",
+    "--cg-text-accent": "#5a47f0",
+    "--cg-text-on-primary": "#ffffff",
+    "--cg-text-on-accent": "#222222",
+    "--cg-border-hairline": "#e6e8ea",
+    "--cg-border-control": "#e3e3e3",
+    "--cg-border-accent": "#5a47f0",
+    "--cg-focus-ring": "rgba(90, 71, 240, 0.28)",
+    "--cg-online": "#00a05c",
+    "--cg-online-fill": "#e6f7ef",
+    "--cg-online-strong": "#085d3a",
+    "--cg-expired-fill": "#fdf3e0",
+    "--cg-expired-border": "#fedf89",
+    "--cg-expired-strong": "#7a3d0a",
+    "--cg-font-ui": "'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+    "--cg-font-body": "'Space Grotesk Variable', 'Space Grotesk', 'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+    "--cg-font-mono": "'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
+    "--cg-weight-regular": "400",
+    "--cg-weight-medium": "500",
+    "--cg-weight-bold": "600",
+    "--cg-body-18": "18px",
+    "--cg-body-md": "16px",
+    "--cg-body-sm": "15px",
+    "--cg-body-14": "14px",
+    "--cg-caption": "13px",
+    "--cg-body-line": "1.46",
+    "--cg-mono-size": "14px",
+    "--cg-mono-line": "1.7",
+    "--cg-radius-xs": "8px",
+    "--cg-radius-sm": "10px",
+    "--cg-radius-md": "12px",
+    "--cg-radius-lg": "14px",
+    "--cg-radius-xl": "16px",
+    "--cg-radius-container": "20px",
+    "--cg-radius-pill": "999px",
+    "--cg-shadow-card": "0 4px 16px rgba(34, 34, 34, 0.04), 0 4px 4px rgba(34, 34, 34, 0.04)",
+    "--cg-shadow-hover": "0 8px 24px rgba(34, 34, 34, 0.08)",
+    "--cg-shadow-panel": "0 10px 40px rgba(90, 71, 240, 0.18)",
+    "--cg-duration-fast": "120ms",
+    "--cg-duration": "180ms",
+    "--cg-duration-slow": "280ms",
+    "--cg-ease-out": "cubic-bezier(0, 0, 0.2, 1)",
+};
+/** `--cg-font-ui`: Manrope. The tab label and button labels. */
+export const BADGE_FONT_UI = "'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
+/** `--cg-font-body`: Space Grotesk. Every other line of text. */
+export const BADGE_FONT_BODY = "'Space Grotesk Variable', 'Space Grotesk', 'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
+/**
+ * The font files the badge's type needs, latin subset, variable weight. The
+ * badge never loads them: the platform hosts these files (the package carries
+ * them at `@cloudgrid-io/ui/brand/badge/<file>`) and registers each on the
+ * document with the FontFace API, because @font-face inside a closed shadow
+ * root is unreliable. Without them the system stack in each family renders.
+ */
+export const BADGE_FONT_FACES = [
+    { family: "Manrope Variable", weight: "200 800", style: "normal", file: "manrope-latin-wght-normal.woff2", unicodeRange: "U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD" },
+    { family: "Space Grotesk Variable", weight: "300 700", style: "normal", file: "space-grotesk-latin-wght-normal.woff2", unicodeRange: "U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD" },
+];
+//# sourceMappingURL=palette.js.map

package/dist/badge/palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.js","sourceRoot":"","sources":["../../src/badge/palette.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,EAAE;AACF,2EAA2E;AAC3E,+EAA+E;AAC/E,2EAA2E;AAE3E,4EAA4E;AAC5E,MAAM,CAAC,MAAM,wBAAwB,GACnC,o2DAAo2D,CAAA;AAEt2D,kFAAkF;AAClF,MAAM,CAAC,MAAM,YAAY,GAAqC;IAC5D,cAAc,EAAE,SAAS;IACzB,oBAAoB,EAAE,SAAS;IAC/B,mBAAmB,EAAE,SAAS;IAC9B,eAAe,EAAE,SAAS;IAC1B,qBAAqB,EAAE,SAAS;IAChC,aAAa,EAAE,SAAS;IACxB,eAAe,EAAE,SAAS;IAC1B,eAAe,EAAE,SAAS;IAC1B,mBAAmB,EAAE,SAAS;IAC9B,qBAAqB,EAAE,SAAS;IAChC,sBAAsB,EAAE,SAAS;IACjC,qBAAqB,EAAE,SAAS;IAChC,YAAY,EAAE,yBAAyB;IACvC,YAAY,EAAE,uBAAuB;IACrC,mBAAmB,EAAE,SAAS;IAC9B,qBAAqB,EAAE,SAAS;IAChC,iBAAiB,EAAE,SAAS;IAC5B,wBAAwB,EAAE,SAAS;IACnC,uBAAuB,EAAE,SAAS;IAClC,kBAAkB,EAAE,SAAS;IAC7B,sBAAsB,EAAE,SAAS;IACjC,qBAAqB,EAAE,SAAS;IAChC,sBAAsB,EAAE,SAAS;IACjC,qBAAqB,EAAE,SAAS;IAChC,oBAAoB,EAAE,SAAS;IAC/B,iBAAiB,EAAE,yBAAyB;IAC5C,aAAa,EAAE,SAAS;IACxB,kBAAkB,EAAE,SAAS;IAC7B,oBAAoB,EAAE,SAAS;IAC/B,mBAAmB,EAAE,SAAS;IAC9B,qBAAqB,EAAE,SAAS;IAChC,qBAAqB,EAAE,SAAS;IAChC,cAAc,EAAE,0FAA0F;IAC1G,gBAAgB,EAAE,qIAAqI;IACvJ,gBAAgB,EAAE,6FAA6F;IAC/G,qBAAqB,EAAE,KAAK;IAC5B,oBAAoB,EAAE,KAAK;IAC3B,kBAAkB,EAAE,KAAK;IACzB,cAAc,EAAE,MAAM;IACtB,cAAc,EAAE,MAAM;IACtB,cAAc,EAAE,MAAM;IACtB,cAAc,EAAE,MAAM;IACtB,cAAc,EAAE,MAAM;IACtB,gBAAgB,EAAE,MAAM;IACxB,gBAAgB,EAAE,MAAM;IACxB,gBAAgB,EAAE,KAAK;IACvB,gBAAgB,EAAE,KAAK;IACvB,gBAAgB,EAAE,MAAM;IACxB,gBAAgB,EAAE,MAAM;IACxB,gBAAgB,EAAE,MAAM;IACxB,gBAAgB,EAAE,MAAM;IACxB,uBAAuB,EAAE,MAAM;IAC/B,kBAAkB,EAAE,OAAO;IAC3B,kBAAkB,EAAE,qEAAqE;IACzF,mBAAmB,EAAE,mCAAmC;IACxD,mBAAmB,EAAE,qCAAqC;IAC1D,oBAAoB,EAAE,OAAO;IAC7B,eAAe,EAAE,OAAO;IACxB,oBAAoB,EAAE,OAAO;IAC7B,eAAe,EAAE,4BAA4B;CAC9C,CAAA;AAED,gEAAgE;AAChE,MAAM,CAAC,MAAM,aAAa,GAAG,0FAA0F,CAAA;AAEvH,iEAAiE;AACjE,MAAM,CAAC,MAAM,eAAe,GAAG,qIAAqI,CAAA;AAEpK;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAMxB;IACH,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,iCAAiC,EAAE,YAAY,EAAE,0JAA0J,EAAE;IACrR,EAAE,MAAM,EAAE,wBAAwB,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,uCAAuC,EAAE,YAAY,EAAE,0JAA0J,EAAE;CAClS,CAAA"}

package/dist/badge/root.d.ts

@@ -0,0 +1,24 @@
+export interface BadgeRootOptions {
+    /**
+     * Pin a layout. Unset, the stylesheet decides: a bottom sheet under 520px,
+     * floating panels above it. `phone` and `desktop` override that, which is
+     * how the gallery shows a phone frame on a desktop screen.
+     */
+    layout?: "phone" | "desktop";
+    /** Show the touch affordances (the bubble's x) whatever the pointer is. */
+    touch?: boolean;
+    /**
+     * Position against the nearest positioned ancestor instead of the viewport.
+     * For a preview frame; the badge itself leaves this off.
+     */
+    contained?: boolean;
+    /** Extra attributes, already escaped. */
+    attrs?: string;
+}
+/**
+ * The badge root, `.cgb`: where the token values are declared and the host
+ * page's inherited styles stop. A fixed full-viewport layer that lets clicks
+ * through everywhere except on its own children.
+ */
+export declare function badgeRoot(inner: string, { layout, touch, contained, attrs }?: BadgeRootOptions): string;
+//# sourceMappingURL=root.d.ts.map

package/dist/badge/root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../src/badge/root.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC5B,2EAA2E;IAC3E,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,KAAa,EAAE,SAAiB,EAAE,KAAU,EAAE,GAAE,gBAAqB,GAAG,MAAM,CAKhI"}

package/dist/badge/root.js

@@ -0,0 +1,11 @@
+import { esc } from "./html.js";
+/**
+ * The badge root, `.cgb`: where the token values are declared and the host
+ * page's inherited styles stop. A fixed full-viewport layer that lets clicks
+ * through everywhere except on its own children.
+ */
+export function badgeRoot(inner, { layout, touch = false, contained = false, attrs = "" } = {}) {
+    return (`<div class="cgb"${layout ? ` data-cgb-layout="${esc(layout)}"` : ""}${touch ? " data-cgb-touch" : ""}` +
+        `${contained ? " data-cgb-contained" : ""}${attrs ? ` ${attrs}` : ""}>${inner}</div>`);
+}
+//# sourceMappingURL=root.js.map

package/dist/badge/root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.js","sourceRoot":"","sources":["../../src/badge/root.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAoB/B;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,KAAa,EAAE,EAAE,MAAM,EAAE,KAAK,GAAG,KAAK,EAAE,SAAS,GAAG,KAAK,EAAE,KAAK,GAAG,EAAE,KAAuB,EAAE;IACtH,OAAO,CACL,mBAAmB,MAAM,CAAC,CAAC,CAAC,qBAAqB,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE;QACvG,GAAG,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,QAAQ,CACtF,CAAA;AACH,CAAC"}

package/dist/badge/shared.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Builders both panels use: the panel frame, the Select look, the switch row.
+ *
+ * Behaviour is the badge's, not this module's. Every interactive element
+ * carries a `data-action` (and where it matters a `data-value`) so the badge
+ * can wire one delegated listener per panel, and the ARIA state the badge must
+ * keep in step (`aria-checked`, `aria-expanded`, `aria-selected`) is rendered
+ * here so the first paint is already correct.
+ */
+export type BadgeSide = "right" | "left";
+export interface PanelOptions {
+    /** The dialog's accessible name. */
+    label: string;
+    /** The panel's body: one step's markup. */
+    body: string;
+    /** `right` / `left`: beside the owner tab. `corner`: above the bubble. On a phone every panel is a bottom sheet. */
+    side?: BadgeSide | "corner";
+    /** The close button's name. */
+    closeLabel?: string;
+    /** Extra attributes for the panel element, already escaped. */
+    attrs?: string;
+}
+/**
+ * The panel frame: the wordmark, a close button, then the step. A phone layout
+ * also needs `scrim()` behind it, as a sibling, which the badge closes on tap.
+ */
+export declare function panel({ label, body, side, closeLabel, attrs }: PanelOptions): string;
+/** The phone layout's dimmer behind a bottom sheet. Hidden on desktop by the stylesheet. */
+export declare const scrim: () => string;
+export interface SelectOption {
+    value: string;
+    label: string;
+}
+export interface SelectOptions {
+    /** The trigger's and the list's accessible name. */
+    label: string;
+    options: readonly SelectOption[];
+    value: string;
+    /** `data-action` on the trigger; each option carries `data-action="<action>-pick"`. Default `select`. */
+    action?: string;
+    /** Render the list open, as the badge does after a click on the trigger. */
+    open?: boolean;
+    /** Extra attributes for the wrapper, already escaped. */
+    attrs?: string;
+}
+/**
+ * Select's look (`ui/select.tsx`): a 32px trigger with a chevron, and a list
+ * that opens with the selected option laid over the trigger, as Select's
+ * `alignItemWithTrigger` places it. Items are 30px, so the offset is exact.
+ */
+export declare function select({ label, options, value, action, open, attrs }: SelectOptions): string;
+/** A switch: `role="switch"` with `aria-checked`, the library Switch's 32x18 track. */
+export declare function switchControl(label: string, checked: boolean, action: string, labelled?: boolean): string;
+/** A one-line row: a text label and a switch at the end. The whole row is the switch's label. */
+export declare function toggleRow(label: string, checked: boolean, action: string, cls?: string): string;
+//# sourceMappingURL=shared.d.ts.map

package/dist/badge/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/badge/shared.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAExC,MAAM,WAAW,YAAY;IAC3B,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAA;IACZ,oHAAoH;IACpH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC3B,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAc,EAAE,UAAoB,EAAE,KAAU,EAAE,EAAE,YAAY,GAAG,MAAM,CAO7G;AAED,4FAA4F;AAC5F,eAAO,MAAM,KAAK,QAAO,MAAgF,CAAA;AAEzG,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,aAAa;IAC5B,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,SAAS,YAAY,EAAE,CAAA;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,yGAAyG;IACzG,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4EAA4E;IAC5E,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAiB,EAAE,IAAY,EAAE,KAAU,EAAE,EAAE,aAAa,GAAG,MAAM,CAuBpH;AAED,uFAAuF;AACvF,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,UAAQ,GAAG,MAAM,CAEvG;AAED,iGAAiG;AACjG,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,SAAK,GAAG,MAAM,CAE3F"}