@cloudgrid-io/ui 0.27.0 → 0.27.2

package/dist/blocks/tool-setup.js

@@ -1,9 +1,11 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { Button } from "../ui/button.js";
 import { CodeBlock } from "../ui/code-block.js";
 import { PageHeading } from "./page-heading.js";
+import { Separator } from "../ui/separator.js";
+import { StepItem, StepList } from "./step-item.js";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs.js";
 import { cn } from "../lib/cloudgrid-cn.js";
 /**
@@ -31,13 +33,233 @@ const TRIGGER_CLASS = cn(
 // `--color-ink` is a TEXT colour and the other two do not exist, so Tailwind
 // emitted nothing and the selected tab rendered identically to the rest.
 "data-active:bg-code data-active:text-on-code");
-function ToolSetup({ tools, value, defaultValue, onValueChange, title, sub, eyebrow, level = 1, headingSize = "md", continueLabel = "Continue", onContinue, canContinue = true, footer, className, ...props }) {
+/** The body of one step: prompt, command and link, in that order. */
+function StepBody({ step }) {
+    return (_jsxs(_Fragment, { children: [step.body ? _jsx("div", { className: "text-body-sm text-faint", children: step.body }) : null, step.prompt ? _jsx(CodeBlock, { code: step.prompt }) : null, step.code ? _jsx(CodeBlock, { code: step.code }) : null, step.link ? (_jsxs(Button, { render: _jsx("a", { href: step.link.href, target: "_blank", rel: "noopener noreferrer" }), 
+                // The rendered element is an anchor, so Base UI must not assume native
+                // button semantics.
+                nativeButton: false, variant: step.link.primary ? "default" : "secondary", size: "sm", className: "w-fit gap-2", children: [step.link.icon, step.link.label] })) : null] }));
+}
+/**
+ * One pane: the steps for a tool under the selected method.
+ *
+ * Two shapes, decided by whether the first step carries a `label`. Alternatives
+ * ("Easiest" / "Or") are peers and read as columns; a sequence is numbered, and
+ * gets `StepList` so the `<ol>` carries the numbering for assistive tech rather
+ * than the aria-hidden numeral.
+ */
+function StepPane({ steps }) {
+    const alternatives = Boolean(steps[0]?.label);
+    const cols = steps.length >= 3 ? "md:grid-cols-3" : steps.length === 2 ? "md:grid-cols-2" : "";
+    if (alternatives) {
+        return (_jsx("div", { className: cn("grid grid-cols-1 gap-6", cols), children: steps.map((step, i) => (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("span", { className: "text-caption font-medium text-faint", children: step.label }), _jsx("span", { className: "text-heading-sm font-medium", children: step.title }), _jsx(StepBody, { step: step })] }, i))) }));
+    }
+    return (_jsx(StepList, { className: cn("grid grid-cols-1 gap-6", cols), children: steps.map((step, i) => (_jsx(StepItem, { index: i + 1, title: step.title, className: "flex-col md:flex-row", children: _jsx(StepBody, { step: step }) }, i))) }));
+}
+function ToolSetup({ tools, methods, groups, method, defaultMethod, onMethodChange, value, defaultValue, onValueChange, title, sub, eyebrow, level = 1, headingSize = "md", continueLabel = "Continue", emptyLabel = "Nothing to set up for this one yet.", onContinue, canContinue = true, footer, className, ...props }) {
+    const headingId = React.useId();
+    const hasMethods = Boolean(methods?.length);
+    // ---- the method axis -------------------------------------------------
+    const firstMethod = methods?.find((m) => !m.disabled)?.value ?? methods?.[0]?.value;
+    const [ownMethod, setOwnMethod] = React.useState(defaultMethod ?? firstMethod);
+    /**
+     * A method the strip does not offer selects nothing, which empties the tool
+     * strip and paints a heading over blank space. `defaultMethod` is easy to typo
+     * and a controlled `method` can legitimately arrive before the list it belongs
+     * to, so an unknown value falls back to the first rather than rendering the
+     * broken state.
+     */
+    const requested = method ?? ownMethod;
+    const activeMethod = hasMethods && methods.some((m) => m.value === requested) ? requested : firstMethod;
+    /**
+     * Which tools can say something under a given method.
+     *
+     * Takes the method as an argument rather than closing over the active one,
+     * because the method handler has to ask about the method being switched TO,
+     * before any state has moved.
+     */
+    const visibleFor = React.useCallback((forMethod) => {
+        // With no method axis there is no `steps` key to read, so a tool is only
+        // showable if it carries a `prompt`. The type permits a `steps` only tool,
+        // and passing one of those without `methods` used to put a tab on the strip
+        // over an empty bordered panel. Filtering matches what the panel can
+        // actually render, and the empty label covers the case where that leaves
+        // nothing.
+        if (!hasMethods)
+            return tools.filter((t) => Boolean(t.prompt));
+        return tools.filter((t) => {
+            const pane = forMethod ? t.steps?.[forMethod] : undefined;
+            return Array.isArray(pane) && pane.length > 0;
+        });
+    }, [tools, hasMethods]);
+    const visible = React.useMemo(() => visibleFor(activeMethod), [visibleFor, activeMethod]);
     // Uncontrolled falls back to the first tool rather than nothing: a tab strip
     // with no panel under it reads as broken, and there is no "unselected" state
     // this screen means.
-    const first = tools[0]?.value;
-    const headingId = React.useId();
-    return (_jsxs("section", { "data-slot": "tool-setup", className: cn("flex flex-col gap-8", className), ...props, children: [title ? (_jsx(PageHeading, { id: headingId, eyebrow: eyebrow, title: title, sub: sub, size: headingSize, level: level })) : null, _jsxs(Tabs, { value: value, defaultValue: defaultValue ?? first, onValueChange: (next) => onValueChange?.(String(next)), className: "flex flex-col gap-4", children: [_jsx(TabsList
+    //
+    // The first VISIBLE tool, not `tools[0]`. Under a method the first tool does
+    // not support, seeding from the raw array starts the component holding a
+    // selection that was never on screen, and every later method switch then
+    // reasons from that phantom instead of from the tab the user can see.
+    /**
+     * The fallback skips disabled tools, and only settles for one when every tool
+     * is disabled.
+     *
+     * Before this PR the fallback was merely painted, so landing on a disabled tab
+     * was cosmetic. It is reported now, by the effect below and by `changeMethod`,
+     * which makes it a parent being told a tool is selected that the user cannot
+     * select themselves and Continue would proceed with.
+     */
+    const firstShowable = (list) => (list.find((t) => !t.disabled) ?? list[0])?.value;
+    const first = firstShowable(visible);
+    const [ownTool, setOwnTool] = React.useState(defaultValue ?? first);
+    const selectedTool = value ?? ownTool;
+    /**
+     * The render time fallback, for when the selection is not on the strip: a
+     * controlled `value` restored from a URL or a session, a new `tools` array, a
+     * `steps` edit.
+     *
+     * Undefined only when the strip is empty, which is what lets the two places
+     * below tell "nothing is showable" apart from "something else is showing".
+     */
+    const activeTool = visible.find((t) => t.value === selectedTool)?.value ?? first;
+    /**
+     * Report a fallback the render body performed, once, after paint.
+     *
+     * Falling back in render alone leaves a controlled parent holding a tool the
+     * strip is not showing, with no way back: clicking the tab it CAN see fires
+     * nothing, because `Tabs` already counts that one as selected. The console
+     * restoring `method="cli"` with `value="chatgpt"` reaches that state without
+     * anyone touching a method tab, and Continue then proceeds with the wrong
+     * tool.
+     *
+     * An effect rather than a call from the render body. Reporting during render
+     * is the thing this component is careful not to do; reporting after it is
+     * committed says the same thing without writing state mid-render.
+     *
+     * The empty strip is deliberately excluded. `activeTool` is undefined there
+     * and nothing is showing, so there is nothing to correct TO, and clearing
+     * would lose the tool across a round trip through a method nothing supports.
+     */
+    const reportedTool = React.useRef(undefined);
+    const reportedMethod = React.useRef(undefined);
+    React.useEffect(() => {
+        // The parent caught up, or there is nothing to correct to. Forget what was
+        // reported, so a later genuine fallback to the same tool is announced again
+        // rather than swallowed.
+        if (activeTool === selectedTool)
+            reportedTool.current = undefined;
+        if (activeTool === undefined || activeTool === selectedTool)
+            return;
+        // Report each fallback once. `onValueChange` is usually an inline arrow, so
+        // its identity changes every render and this effect re-runs; a parent that
+        // applies the value ASYNCHRONOUSLY has not caught up yet, so the condition
+        // is still true and it would be told again on every render in between. With
+        // the console's `router.replace` that is duplicate navigations and duplicate
+        // analytics, not just a duplicate call.
+        if (reportedTool.current === activeTool)
+            return;
+        reportedTool.current = activeTool;
+        if (value === undefined)
+            setOwnTool(activeTool);
+        onValueChange?.(activeTool);
+    }, [activeTool, selectedTool, value, onValueChange]);
+    /**
+     * The same reconciliation for the METHOD axis.
+     *
+     * An unknown `method` or `defaultMethod` falls back to the first in the render
+     * body, and used to tell nobody: the strip showed MCP while the parent still
+     * held a method that is not on the list, with nothing able to correct it. A
+     * saved preference naming a method later removed from `methods` reaches that
+     * state, which is the same restore case that motivated the tool effect.
+     *
+     * Shipping the reconcile-after-paint pattern on one axis and not the other is
+     * also the kind of asymmetry that reads as deliberate and is not.
+     */
+    React.useEffect(() => {
+        if (!hasMethods || activeMethod === undefined)
+            return;
+        if (activeMethod === requested) {
+            reportedMethod.current = undefined;
+            return;
+        }
+        if (reportedMethod.current === activeMethod)
+            return;
+        reportedMethod.current = activeMethod;
+        if (method === undefined)
+            setOwnMethod(activeMethod);
+        onMethodChange?.(activeMethod);
+    }, [hasMethods, activeMethod, requested, method, onMethodChange]);
+    /** Switch method, and report the tool switch it forces. */
+    const changeMethod = (next) => {
+        if (method === undefined)
+            setOwnMethod(next);
+        onMethodChange?.(next);
+        // Reason from `activeTool`, the tool ON SCREEN, never from `selectedTool`.
+        // The two diverge whenever the render time fallback above is doing work, and
+        // asking whether the stale one survives the switch answers the wrong
+        // question: it returns early, reports nothing, and the strip lands on a tool
+        // the user never picked, so the selection appears to move on its own.
+        //
+        // Carrying the visible tool across is also the better outcome. Changing
+        // method changes the steps, not the tool, whenever the tool has steps for
+        // both.
+        //
+        // `activeTool` is undefined on an empty strip, where nothing is on screen to
+        // reason from. Fall back to the stored tool there, or a round trip through a
+        // method nothing supports loses the selection: `undefined` matches no tool
+        // in `nextVisible`, so the way back would report `nextVisible[0]` over a
+        // perfectly good tool the user picked before leaving.
+        const current = activeTool ?? selectedTool;
+        const nextVisible = visibleFor(next);
+        const target = nextVisible.some((t) => t.value === current)
+            ? current
+            : firstShowable(nextVisible);
+        // Undefined is the strip staying empty. Keep the selection rather than
+        // dropping it, so a later method that supports it restores the tool.
+        if (target === undefined || target === selectedTool)
+            return;
+        // Claim the report here too. A controlled parent that applies on a later
+        // tick would otherwise be told the same thing a second time by the effect
+        // above, on the render in between.
+        reportedTool.current = target;
+        if (value === undefined)
+            setOwnTool(target);
+        onValueChange?.(target);
+    };
+    // Groups with nothing in them do not render, and neither does the divider
+    // that would have sat beside one.
+    const grouped = React.useMemo(() => {
+        if (!groups?.length)
+            return [{ group: null, items: visible }];
+        const out = groups
+            .map((group) => ({ group, items: visible.filter((t) => t.group === group.value) }))
+            .filter((g) => g.items.length > 0);
+        const ungrouped = visible.filter((t) => !groups.some((g) => g.value === t.group));
+        if (ungrouped.length)
+            out.push({ group: null, items: ungrouped });
+        return out;
+    }, [groups, visible]);
+    return (_jsxs("section", { "data-slot": "tool-setup", className: cn("flex flex-col gap-8", className), ...props, children: [title ? (_jsx(PageHeading, { id: headingId, eyebrow: eyebrow, title: title, sub: sub, size: headingSize, level: level })) : null, hasMethods ? (_jsx(Tabs, { value: activeMethod, onValueChange: (next) => changeMethod(String(next)), "data-slot": "tool-setup-methods", children: _jsx(TabsList
+                // Same `h-auto!` reasoning as the tool strip below: the strip must
+                // be free to grow, and the prefixed `h-8` wins the cascade without
+                // the important.
+                , { 
+                    // Same `h-auto!` reasoning as the tool strip below: the strip must
+                    // be free to grow, and the prefixed `h-8` wins the cascade without
+                    // the important.
+                    className: "h-auto! w-fit flex-wrap gap-2", children: methods.map((m) => (_jsx(TabsTrigger, { value: m.value, disabled: m.disabled, children: m.label }, m.value))) }) })) : null, visible.length === 0 ? (_jsx("p", { "data-slot": "tool-setup-empty", className: "m-0 rounded-lg border border-hairline bg-card p-5 text-body-sm text-faint", children: emptyLabel })) : (_jsxs(Tabs
+            // Never undefined: Base UI warns when a value goes from uncontrolled to
+            // controlled, which is what an empty strip filling in later would do.
+            , { 
+                // Never undefined: Base UI warns when a value goes from uncontrolled to
+                // controlled, which is what an empty strip filling in later would do.
+                value: activeTool ?? "", onValueChange: (next) => {
+                    const id = String(next);
+                    if (value === undefined)
+                        setOwnTool(id);
+                    onValueChange?.(id);
+                }, className: "flex flex-col gap-4", children: [_jsx(TabsList
                     // Labelled by the lockup when there is one, so the strip is announced
                     // as the setup's tool list rather than an unnamed set of tabs.
                     , { ...(title ? { "aria-labelledby": headingId } : {}), "data-slot": "tool-setup-tabs", 
@@ -57,14 +279,17 @@ function ToolSetup({ tools, value, defaultValue, onValueChange, title, sub, eyeb
                         //
                         // Important settles it without depending on which utility `cn()` keeps
                         // or what order Tailwind emits them in.
-                        className: "h-auto! w-full flex-wrap justify-start gap-2 bg-transparent p-0", children: tools.map((tool) => (_jsx(TabsTrigger, { value: tool.value, disabled: tool.disabled, "data-slot": "tool-setup-tab", className: TRIGGER_CLASS, children: tool.label }, tool.value))) }), tools.map((tool) => (_jsx(TabsContent, { value: tool.value, "data-slot": "tool-setup-panel", className: "rounded-lg border border-hairline bg-card p-5", children: _jsxs("div", { className: "flex flex-col gap-4", children: [tool.instruction || tool.alternative ? (_jsxs("div", { className: "flex flex-wrap items-baseline justify-between gap-x-4 gap-y-1", children: [tool.instruction ? (_jsx("p", { className: "m-0 text-body-sm text-body", children: tool.instruction })) : (_jsx("span", {})), tool.alternative ? (_jsx("a", { href: tool.alternative.href, "data-slot": "tool-setup-alternative", 
-                                            // `--cg-link` is a token but NOT a generated utility —
-                                            // there is no `--color-link`, so `text-link` emits
-                                            // nothing and the link paints as body text. The arbitrary
-                                            // form is how the library reaches an ungenerated token,
-                                            // the same way onboarding-question writes
-                                            // `ring-(--cg-border-strong)`.
-                                            className: "text-body-sm text-(--cg-link) underline-offset-4 hover:text-(--cg-link-hover) hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", children: tool.alternative.label })) : null] })) : null, _jsx(CodeBlock, { code: tool.prompt })] }) }, tool.value)))] }), continueLabel !== null || footer ? (_jsxs("div", { "data-slot": "tool-setup-actions", className: "flex flex-col items-start gap-4", children: [continueLabel !== null ? (_jsx(Button, { type: "button", size: "lg", "data-slot": "tool-setup-continue", onClick: onContinue, disabled: !canContinue, children: continueLabel })) : null, footer] })) : null] }));
+                        className: "h-auto! w-full flex-wrap justify-start gap-2 bg-transparent p-0", children: grouped.map(({ group, items }, gi) => (_jsxs(React.Fragment, { children: [gi > 0 ? (_jsx(Separator, { orientation: "vertical", "aria-hidden": "true", className: "mx-1 h-8 self-center" })) : null, group ? (_jsx("span", { "aria-hidden": "true", "data-slot": "tool-setup-group", className: "self-center px-1 text-caption text-faint", children: group.label })) : null, items.map((tool) => (_jsxs(TabsTrigger, { value: tool.value, disabled: tool.disabled, "data-slot": "tool-setup-tab", ...(group ? { "aria-label": `${tool.label}, ${group.label}` } : {}), className: TRIGGER_CLASS, children: [tool.mark, tool.label] }, tool.value)))] }, group?.value ?? `ungrouped-${gi}`))) }), visible.map((tool) => {
+                        const pane = hasMethods && activeMethod ? tool.steps?.[activeMethod] : undefined;
+                        return (_jsx(TabsContent, { value: tool.value, "data-slot": "tool-setup-panel", className: "rounded-lg border border-hairline bg-card p-5", children: _jsxs("div", { className: "flex flex-col gap-4", children: [tool.instruction || tool.alternative ? (_jsxs("div", { className: "flex flex-wrap items-baseline justify-between gap-x-4 gap-y-1", children: [tool.instruction ? (_jsx("p", { className: "m-0 text-body-sm text-body", children: tool.instruction })) : (_jsx("span", {})), tool.alternative ? (_jsx("a", { href: tool.alternative.href, "data-slot": "tool-setup-alternative", 
+                                                // `--cg-link` is a token but NOT a generated utility —
+                                                // there is no `--color-link`, so `text-link` emits
+                                                // nothing and the link paints as body text. The arbitrary
+                                                // form is how the library reaches an ungenerated token,
+                                                // the same way onboarding-question writes
+                                                // `ring-(--cg-border-strong)`.
+                                                className: "text-body-sm text-(--cg-link) underline-offset-4 hover:text-(--cg-link-hover) hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", children: tool.alternative.label })) : null] })) : null, pane?.length ? (_jsx(StepPane, { steps: pane })) : tool.prompt ? (_jsx(CodeBlock, { code: tool.prompt })) : null] }) }, tool.value));
+                    })] })), continueLabel !== null || footer ? (_jsxs("div", { "data-slot": "tool-setup-actions", className: "flex flex-col items-start gap-4", children: [continueLabel !== null ? (_jsx(Button, { type: "button", size: "lg", "data-slot": "tool-setup-continue", onClick: onContinue, disabled: !canContinue, children: continueLabel })) : null, footer] })) : null] }));
 }
 export { ToolSetup };
 //# sourceMappingURL=tool-setup.js.map

package/dist/blocks/tool-setup.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool-setup.js","sourceRoot":"","sources":["../../src/blocks/tool-setup.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"tool-setup.js","sourceRoot":"","sources":["../../src/blocks/tool-setup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAC7E,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAyJvC;;;;;;;;GAQG;AACH,MAAM,aAAa,GAAG,EAAE;AACtB,wEAAwE;AACxE,6EAA6E;AAC7E,2EAA2E;AAC3E,kEAAkE;AAClE,EAAE;AACF,+EAA+E;AAC/E,8EAA8E;AAC9E,+BAA+B;AAC/B,gFAAgF,EAChF,6DAA6D;AAC7D,yEAAyE;AACzE,4EAA4E;AAC5E,2EAA2E;AAC3E,6EAA6E;AAC7E,yEAAyE;AACzE,8CAA8C,CAC/C,CAAA;AAED,qEAAqE;AACrE,SAAS,QAAQ,CAAC,EAAE,IAAI,EAA2B;IACjD,OAAO,CACL,8BACG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,yBAAyB,YAAE,IAAI,CAAC,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,EAM7E,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,CAAC,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,EACrD,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,EACjD,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,MAAC,MAAM,IACL,MAAM,EACJ,YAAG,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,GAAG;gBAEvE,uEAAuE;gBACvE,oBAAoB;gBACpB,YAAY,EAAE,KAAK,EACnB,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACpD,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,aAAa,aAEtB,IAAI,CAAC,IAAI,CAAC,IAAI,EACd,IAAI,CAAC,IAAI,CAAC,KAAK,IACT,CACV,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAA;AACH,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,QAAQ,CAAC,EAAE,KAAK,EAA8B;IACrD,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;IAC7C,MAAM,IAAI,GACR,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAA;IAEnF,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,IAAI,CAAC,YAC/C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAAa,SAAS,EAAC,qBAAqB,aAC1C,eAAM,SAAS,EAAC,qCAAqC,YAAE,IAAI,CAAC,KAAK,GAAQ,EACzE,eAAM,SAAS,EAAC,6BAA6B,YAAE,IAAI,CAAC,KAAK,GAAQ,EACjE,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,KAHhB,CAAC,CAIL,CACP,CAAC,GACE,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,IAAI,CAAC,YACpD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,QAAQ,IAAS,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAC,sBAAsB,YACjF,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,IADX,CAAC,CAEL,CACZ,CAAC,GACO,CACZ,CAAA;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,aAAa,EACb,cAAc,EACd,KAAK,EACL,YAAY,EACZ,aAAa,EACb,KAAK,EACL,GAAG,EACH,OAAO,EACP,KAAK,GAAG,CAAC,EACT,WAAW,GAAG,IAAI,EAClB,aAAa,GAAG,UAAU,EAC1B,UAAU,GAAG,qCAAqC,EAClD,UAAU,EACV,WAAW,GAAG,IAAI,EAClB,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EAkDT;IACC,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;IAC/B,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAE3C,yEAAyE;IACzE,MAAM,WAAW,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,IAAI,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAA;IACnF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,IAAI,WAAW,CAAC,CAAA;IAE9E;;;;;;OAMG;IACH,MAAM,SAAS,GAAG,MAAM,IAAI,SAAS,CAAA;IACrC,MAAM,YAAY,GAChB,UAAU,IAAI,OAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAA;IAErF;;;;;;OAMG;IACH,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,SAA6B,EAAE,EAAE;QAChC,yEAAyE;QACzE,2EAA2E;QAC3E,4EAA4E;QAC5E,qEAAqE;QACrE,yEAAyE;QACzE,WAAW;QACX,IAAI,CAAC,UAAU;YAAE,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;QAC9D,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;YACxB,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;YACzD,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAA;QAC/C,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,KAAK,EAAE,UAAU,CAAC,CACpB,CAAA;IAED,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC,CAAA;IAEzF,6EAA6E;IAC7E,6EAA6E;IAC7E,qBAAqB;IACrB,EAAE;IACF,6EAA6E;IAC7E,yEAAyE;IACzE,yEAAyE;IACzE,sEAAsE;IACtE;;;;;;;;OAQG;IACH,MAAM,aAAa,GAAG,CAAC,IAAqB,EAAE,EAAE,CAC9C,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAA;IAEnD,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA;IACpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,IAAI,KAAK,CAAC,CAAA;IACnE,MAAM,YAAY,GAAG,KAAK,IAAI,OAAO,CAAA;IAErC;;;;;;;OAOG;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,YAAY,CAAC,EAAE,KAAK,IAAI,KAAK,CAAA;IAEhF;;;;;;;;;;;;;;;;;OAiBG;IACH,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAqB,SAAS,CAAC,CAAA;IAChE,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAqB,SAAS,CAAC,CAAA;IAElE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,2EAA2E;QAC3E,4EAA4E;QAC5E,yBAAyB;QACzB,IAAI,UAAU,KAAK,YAAY;YAAE,YAAY,CAAC,OAAO,GAAG,SAAS,CAAA;QACjE,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,YAAY;YAAE,OAAM;QAEnE,4EAA4E;QAC5E,2EAA2E;QAC3E,2EAA2E;QAC3E,4EAA4E;QAC5E,6EAA6E;QAC7E,wCAAwC;QACxC,IAAI,YAAY,CAAC,OAAO,KAAK,UAAU;YAAE,OAAM;QAC/C,YAAY,CAAC,OAAO,GAAG,UAAU,CAAA;QAEjC,IAAI,KAAK,KAAK,SAAS;YAAE,UAAU,CAAC,UAAU,CAAC,CAAA;QAC/C,aAAa,EAAE,CAAC,UAAU,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAA;IAEpD;;;;;;;;;;;OAWG;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,UAAU,IAAI,YAAY,KAAK,SAAS;YAAE,OAAM;QACrD,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;YAC/B,cAAc,CAAC,OAAO,GAAG,SAAS,CAAA;YAClC,OAAM;QACR,CAAC;QACD,IAAI,cAAc,CAAC,OAAO,KAAK,YAAY;YAAE,OAAM;QACnD,cAAc,CAAC,OAAO,GAAG,YAAY,CAAA;QAErC,IAAI,MAAM,KAAK,SAAS;YAAE,YAAY,CAAC,YAAY,CAAC,CAAA;QACpD,cAAc,EAAE,CAAC,YAAY,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC,CAAA;IAEjE,2DAA2D;IAC3D,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,EAAE;QACpC,IAAI,MAAM,KAAK,SAAS;YAAE,YAAY,CAAC,IAAI,CAAC,CAAA;QAC5C,cAAc,EAAE,CAAC,IAAI,CAAC,CAAA;QAEtB,2EAA2E;QAC3E,6EAA6E;QAC7E,qEAAqE;QACrE,6EAA6E;QAC7E,sEAAsE;QACtE,EAAE;QACF,wEAAwE;QACxE,0EAA0E;QAC1E,QAAQ;QACR,EAAE;QACF,6EAA6E;QAC7E,6EAA6E;QAC7E,2EAA2E;QAC3E,yEAAyE;QACzE,sDAAsD;QACtD,MAAM,OAAO,GAAG,UAAU,IAAI,YAAY,CAAA;QAC1C,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,CAAA;QACpC,MAAM,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,OAAO,CAAC;YACzD,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;QAC9B,uEAAuE;QACvE,qEAAqE;QACrE,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,YAAY;YAAE,OAAM;QAC3D,yEAAyE;QACzE,0EAA0E;QAC1E,mCAAmC;QACnC,YAAY,CAAC,OAAO,GAAG,MAAM,CAAA;QAC7B,IAAI,KAAK,KAAK,SAAS;YAAE,UAAU,CAAC,MAAM,CAAC,CAAA;QAC3C,aAAa,EAAE,CAAC,MAAM,CAAC,CAAA;IACzB,CAAC,CAAA;IAED,0EAA0E;IAC1E,kCAAkC;IAClC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAE3B,GAAG,EAAE;QACL,IAAI,CAAC,MAAM,EAAE,MAAM;YAAE,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAA;QAC7D,MAAM,GAAG,GAA+D,MAAM;aAC3E,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;aAClF,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QACpC,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA;QACjF,IAAI,SAAS,CAAC,MAAM;YAAE,GAAG,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAA;QACjE,OAAO,GAAG,CAAA;IACZ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,gCAAmB,YAAY,EAAC,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAAM,KAAK,aACvF,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,WAAW,IACV,EAAE,EAAE,SAAS,EACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EAEP,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,IAAI,IACH,KAAK,EAAE,YAAY,EACnB,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,eACzC,oBAAoB,YAE9B,KAAC,QAAQ;gBACP,mEAAmE;gBACnE,mEAAmE;gBACnE,iBAAiB;;oBAFjB,mEAAmE;oBACnE,mEAAmE;oBACnE,iBAAiB;oBACjB,SAAS,EAAC,+BAA+B,YAExC,OAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACnB,KAAC,WAAW,IAAe,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,YAC5D,CAAC,CAAC,KAAK,IADQ,CAAC,CAAC,KAAK,CAEX,CACf,CAAC,GACO,GACN,CACR,CAAC,CAAC,CAAC,IAAI,EAEP,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB,yBACY,kBAAkB,EAC5B,SAAS,EAAC,2EAA2E,YAEpF,UAAU,GACT,CACL,CAAC,CAAC,CAAC,CACF,MAAC,IAAI;YACH,wEAAwE;YACxE,sEAAsE;;gBADtE,wEAAwE;gBACxE,sEAAsE;gBACtE,KAAK,EAAE,UAAU,IAAI,EAAE,EACvB,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE;oBACtB,MAAM,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;oBACvB,IAAI,KAAK,KAAK,SAAS;wBAAE,UAAU,CAAC,EAAE,CAAC,CAAA;oBACvC,aAAa,EAAE,CAAC,EAAE,CAAC,CAAA;gBACrB,CAAC,EACD,SAAS,EAAC,qBAAqB,aAE/B,KAAC,QAAQ;oBACP,sEAAsE;oBACtE,+DAA+D;2BAC3D,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,eACzC,iBAAiB;wBAC3B,mDAAmD;wBACnD,EAAE;wBACF,0EAA0E;wBAC1E,wEAAwE;wBACxE,mEAAmE;wBACnE,wEAAwE;wBACxE,yDAAyD;wBACzD,6DAA6D;wBAC7D,EAAE;wBACF,qEAAqE;wBACrE,wEAAwE;wBACxE,iEAAiE;wBACjE,uEAAuE;wBACvE,EAAE;wBACF,uEAAuE;wBACvE,wCAAwC;wBACxC,SAAS,EAAC,iEAAiE,YAE1E,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CACrC,MAAC,KAAK,CAAC,QAAQ,eACZ,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CACR,KAAC,SAAS,IACR,WAAW,EAAC,UAAU,iBAGV,MAAM,EAClB,SAAS,EAAC,sBAAsB,GAChC,CACH,CAAC,CAAC,CAAC,IAAI,EAUP,KAAK,CAAC,CAAC,CAAC,CACP,8BACc,MAAM,eACR,kBAAkB,EAC5B,SAAS,EAAC,0CAA0C,YAEnD,KAAK,CAAC,KAAK,GACP,CACR,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,MAAC,WAAW,IAEV,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,eACb,gBAAgB,KAQtB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACpE,SAAS,EAAE,aAAa,aAEvB,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,KAAK,KAfN,IAAI,CAAC,KAAK,CAgBH,CACf,CAAC,KA/CiB,KAAK,EAAE,KAAK,IAAI,aAAa,EAAE,EAAE,CAgDrC,CAClB,CAAC,GACO,EAEV,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;wBACpB,MAAM,IAAI,GAAG,UAAU,IAAI,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;wBAChF,OAAO,CACL,KAAC,WAAW,IAEV,KAAK,EAAE,IAAI,CAAC,KAAK,eACP,kBAAkB,EAC5B,SAAS,EAAC,+CAA+C,YAEzD,eAAK,SAAS,EAAC,qBAAqB,aACjC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CACtC,eAAK,SAAS,EAAC,+DAA+D,aAC3E,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,YAAG,SAAS,EAAC,4BAA4B,YAAE,IAAI,CAAC,WAAW,GAAK,CACjE,CAAC,CAAC,CAAC,CACF,gBAAQ,CACT,EACA,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,YACE,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,eACjB,wBAAwB;gDAClC,uDAAuD;gDACvD,mDAAmD;gDACnD,0DAA0D;gDAC1D,wDAAwD;gDACxD,0CAA0C;gDAC1C,+BAA+B;gDAC/B,SAAS,EAAC,iLAAiL,YAE1L,IAAI,CAAC,WAAW,CAAC,KAAK,GACrB,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,EASP,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,GAAI,CAC1B,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAChB,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,CAAC,MAAM,GAAI,CACjC,CAAC,CAAC,CAAC,IAAI,IACJ,IA3CD,IAAI,CAAC,KAAK,CA4CH,CACf,CAAA;oBACH,CAAC,CAAC,IACG,CACR,EAEA,aAAa,KAAK,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,CAClC,4BAAe,oBAAoB,EAAC,SAAS,EAAC,iCAAiC,aAC5E,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,CACxB,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,eACC,qBAAqB,EAC/B,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,CAAC,WAAW,YAErB,aAAa,GACP,CACV,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,IACH,CACP,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAA;AACH,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/index.d.ts

@@ -12,6 +12,8 @@ export * from "./ui/input-group.js";
 export * from "./ui/input.js";
 export * from "./ui/number-field.js";
 export * from "./ui/panel.js";
+export * from "./ui/popover.js";
+export * from "./ui/radio-group.js";
 export * from "./ui/select.js";
 export * from "./ui/separator.js";
 export * from "./ui/skeleton.js";
@@ -47,8 +49,10 @@ export * from "./blocks/pricing-tier-cards.js";
 export * from "./blocks/pricing-tiers.js";
 export * from "./blocks/quote.js";
 export * from "./blocks/rich-text.js";
+export * from "./blocks/side-nav.js";
 export * from "./blocks/sign-in-options.js";
 export * from "./blocks/stage-panel.js";
+export * from "./blocks/stat-tile.js";
 export * from "./blocks/step-item.js";
 export * from "./blocks/token-specimen.js";
 export * from "./blocks/tool-logo.js";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAG/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAGtC,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAG/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAGtC,cAAc,uBAAuB,CAAA"}

package/dist/index.js

@@ -28,6 +28,8 @@ export * from "./ui/input-group.js";
 export * from "./ui/input.js";
 export * from "./ui/number-field.js";
 export * from "./ui/panel.js";
+export * from "./ui/popover.js";
+export * from "./ui/radio-group.js";
 export * from "./ui/select.js";
 export * from "./ui/separator.js";
 export * from "./ui/skeleton.js";
@@ -64,8 +66,10 @@ export * from "./blocks/pricing-tier-cards.js";
 export * from "./blocks/pricing-tiers.js";
 export * from "./blocks/quote.js";
 export * from "./blocks/rich-text.js";
+export * from "./blocks/side-nav.js";
 export * from "./blocks/sign-in-options.js";
 export * from "./blocks/stage-panel.js";
+export * from "./blocks/stat-tile.js";
 export * from "./blocks/step-item.js";
 export * from "./blocks/token-specimen.js";
 export * from "./blocks/tool-logo.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,EAAE;AACF,gFAAgF;AAChF,8EAA8E;AAC9E,oEAAoE;AACpE,EAAE;AACF,gFAAgF;AAChF,+EAA+E;AAC/E,yEAAyE;AACzE,gFAAgF;AAChF,4EAA4E;AAC5E,EAAE;AACF,kEAAkE;AAClE,8EAA8E;AAC9E,uEAAuE;AAEvE,cAAc;AACd,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAE/B,mBAAmB;AACnB,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAEtC,0EAA0E;AAC1E,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,EAAE;AACF,gFAAgF;AAChF,8EAA8E;AAC9E,oEAAoE;AACpE,EAAE;AACF,gFAAgF;AAChF,+EAA+E;AAC/E,yEAAyE;AACzE,gFAAgF;AAChF,4EAA4E;AAC5E,EAAE;AACF,kEAAkE;AAClE,8EAA8E;AAC9E,uEAAuE;AAEvE,cAAc;AACd,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAE/B,mBAAmB;AACnB,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAEtC,0EAA0E;AAC1E,cAAc,uBAAuB,CAAA"}

package/dist/ui/popover.d.ts

@@ -0,0 +1,83 @@
+import * as React from "react";
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
+/**
+ * An anchored panel: a button, and a container that opens against it (#228).
+ *
+ * The third overlay in this library and the first one that is neither centred
+ * nor a menu. `Dialog` is modal and sits in the middle of the viewport, which is
+ * wrong for an editor attached to the control that opened it. `DropdownMenu` is
+ * a menu: its children are `role="menuitem"`, arrow keys move between them, and
+ * typing jumps to a label. A panel holding two radio groups, a checkbox list and
+ * two buttons is not a menu, and announcing it as one tells a screen reader user
+ * that Escape and the arrow keys mean something they do not.
+ *
+ * The console hand-rolls exactly this in `HeaderVisibilityPopover.tsx` — its own
+ * portal, its own outside-click listener, its own Escape handler, its own focus
+ * return. All four are Base UI defaults here, which is the whole reason this is a
+ * library primitive rather than a copy of that file.
+ *
+ * ## What comes from Base UI, and is therefore asserted rather than written
+ *
+ * `role="dialog"` on the popup, `aria-labelledby` pointing at `PopoverTitle`
+ * whenever one is rendered and absent when one is not, Escape and outside-press
+ * dismiss, focus moving to the first tabbable element on open, and focus
+ * returning to the trigger on close. None of it is reimplemented here. All of it
+ * is covered in `registry/e2e/radio-group-popover.spec.ts`, because "the library
+ * gives us this" is a claim and this repo measures claims.
+ *
+ * It is NOT modal by default. Page scroll stays live and the rest of the document
+ * stays interactive, which is right for an editor anchored to a header button.
+ * Pass `modal` through to `Popover` for the other behaviour.
+ *
+ * ## `container`, and the surface it exists for
+ *
+ * Base UI portals the popup to `<body>`. Every `--cg-*` value in this system is
+ * inherited, and `data-cg-surface` is a container attribute, so a popup portaled
+ * to the body escapes its surface scope entirely: a popover opened from a button
+ * inside an ink header renders with the page's tokens, and looks completely
+ * correct in the only place anyone checks.
+ *
+ * `container` forwards to `Popover.Portal`'s own prop, so a consumer can anchor
+ * the portal inside the surface. The gallery uses it to render this component on
+ * the panel and on ink for real; without it the three frames would be three
+ * copies of the page one wearing different borders.
+ *
+ * ## Tokens, and the one thing an overlay cannot inherit
+ *
+ * Card ground, control border, raised shadow, per #228. `bg-popover` resolves to
+ * `--cg-surface-card` and `--popover` is declared once per surface scope, so the
+ * ground flips with the surface (rule 2).
+ *
+ * On the two dark surfaces that card ground is `transparent` (panel) and a 4%
+ * white wash (ink), because a CARD on a purple panel is meant to let the purple
+ * through — `shadcn.css` says so in as many words. An OVERLAY is the one thing
+ * that cannot: it is drawn over arbitrary content, and a transparent panel over a
+ * list renders both sets of words on top of each other. Measured, not assumed:
+ * the first version of this component was completely illegible on both dark
+ * frames in the gallery and completely correct on white, which is the only place
+ * anyone would have looked.
+ *
+ * So the ground is opaque in every scope, out of values this system already has:
+ * the card ground on the page, and each dark surface's OWN ground on the dark
+ * surfaces. No new token and no new colour — `bg-panel` is `--cg-surface-panel`
+ * and `bg-code` is `--cg-surface-code`. The panel is then told apart from what is
+ * behind it by the border and the shadow rather than by a tint, which is what
+ * both of those are for.
+ *
+ * KNOWN, and not fixed here: `Dialog`, `DropdownMenu`, `Select` and `Combobox`
+ * are all authored with `bg-popover` and have the same hole on the same two
+ * surfaces. The one-line fix is `--popover` per scope in `shadcn.css`, beside the
+ * four backgrounds that already get that treatment, and it changes what four
+ * shipped components render on dark grounds — which is a design-system decision
+ * rather than a line in a PR about two primitives.
+ */
+declare function Popover({ ...props }: PopoverPrimitive.Root.Props): React.JSX.Element;
+declare function PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props): React.JSX.Element;
+declare function PopoverPortal({ ...props }: PopoverPrimitive.Portal.Props): React.JSX.Element;
+declare function PopoverClose({ ...props }: PopoverPrimitive.Close.Props): React.JSX.Element;
+declare function PopoverContent({ align, alignOffset, side, sideOffset, container, className, ...props }: PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset"> & Pick<PopoverPrimitive.Portal.Props, "container">): React.JSX.Element;
+declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): React.JSX.Element;
+declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): React.JSX.Element;
+declare function PopoverFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverFooter, PopoverPortal, PopoverTitle, PopoverTrigger, };
+//# sourceMappingURL=popover.d.ts.map

package/dist/ui/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/ui/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAIpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AAEH,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,qBAEzD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,qBAEnE;AAED,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,CAAC,MAAM,CAAC,KAAK,qBAEjE;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,qBAE/D;AAED,iBAAS,cAAc,CAAC,EACtB,KAAe,EACf,WAAe,EACf,IAAe,EACf,UAAc,EACd,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,GAC7B,IAAI,CACF,gBAAgB,CAAC,UAAU,CAAC,KAAK,EACjC,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,CAChD,GACD,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,qBA2BjD;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,qBAW1E;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,WAAW,CAAC,KAAK,qBAQpC;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ1E;AAED,OAAO,EACL,OAAO,EACP,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,cAAc,GACf,CAAA"}

package/dist/ui/popover.js

@@ -0,0 +1,102 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
+import { cn } from "../lib/cloudgrid-cn.js";
+/**
+ * An anchored panel: a button, and a container that opens against it (#228).
+ *
+ * The third overlay in this library and the first one that is neither centred
+ * nor a menu. `Dialog` is modal and sits in the middle of the viewport, which is
+ * wrong for an editor attached to the control that opened it. `DropdownMenu` is
+ * a menu: its children are `role="menuitem"`, arrow keys move between them, and
+ * typing jumps to a label. A panel holding two radio groups, a checkbox list and
+ * two buttons is not a menu, and announcing it as one tells a screen reader user
+ * that Escape and the arrow keys mean something they do not.
+ *
+ * The console hand-rolls exactly this in `HeaderVisibilityPopover.tsx` — its own
+ * portal, its own outside-click listener, its own Escape handler, its own focus
+ * return. All four are Base UI defaults here, which is the whole reason this is a
+ * library primitive rather than a copy of that file.
+ *
+ * ## What comes from Base UI, and is therefore asserted rather than written
+ *
+ * `role="dialog"` on the popup, `aria-labelledby` pointing at `PopoverTitle`
+ * whenever one is rendered and absent when one is not, Escape and outside-press
+ * dismiss, focus moving to the first tabbable element on open, and focus
+ * returning to the trigger on close. None of it is reimplemented here. All of it
+ * is covered in `registry/e2e/radio-group-popover.spec.ts`, because "the library
+ * gives us this" is a claim and this repo measures claims.
+ *
+ * It is NOT modal by default. Page scroll stays live and the rest of the document
+ * stays interactive, which is right for an editor anchored to a header button.
+ * Pass `modal` through to `Popover` for the other behaviour.
+ *
+ * ## `container`, and the surface it exists for
+ *
+ * Base UI portals the popup to `<body>`. Every `--cg-*` value in this system is
+ * inherited, and `data-cg-surface` is a container attribute, so a popup portaled
+ * to the body escapes its surface scope entirely: a popover opened from a button
+ * inside an ink header renders with the page's tokens, and looks completely
+ * correct in the only place anyone checks.
+ *
+ * `container` forwards to `Popover.Portal`'s own prop, so a consumer can anchor
+ * the portal inside the surface. The gallery uses it to render this component on
+ * the panel and on ink for real; without it the three frames would be three
+ * copies of the page one wearing different borders.
+ *
+ * ## Tokens, and the one thing an overlay cannot inherit
+ *
+ * Card ground, control border, raised shadow, per #228. `bg-popover` resolves to
+ * `--cg-surface-card` and `--popover` is declared once per surface scope, so the
+ * ground flips with the surface (rule 2).
+ *
+ * On the two dark surfaces that card ground is `transparent` (panel) and a 4%
+ * white wash (ink), because a CARD on a purple panel is meant to let the purple
+ * through — `shadcn.css` says so in as many words. An OVERLAY is the one thing
+ * that cannot: it is drawn over arbitrary content, and a transparent panel over a
+ * list renders both sets of words on top of each other. Measured, not assumed:
+ * the first version of this component was completely illegible on both dark
+ * frames in the gallery and completely correct on white, which is the only place
+ * anyone would have looked.
+ *
+ * So the ground is opaque in every scope, out of values this system already has:
+ * the card ground on the page, and each dark surface's OWN ground on the dark
+ * surfaces. No new token and no new colour — `bg-panel` is `--cg-surface-panel`
+ * and `bg-code` is `--cg-surface-code`. The panel is then told apart from what is
+ * behind it by the border and the shadow rather than by a tint, which is what
+ * both of those are for.
+ *
+ * KNOWN, and not fixed here: `Dialog`, `DropdownMenu`, `Select` and `Combobox`
+ * are all authored with `bg-popover` and have the same hole on the same two
+ * surfaces. The one-line fix is `--popover` per scope in `shadcn.css`, beside the
+ * four backgrounds that already get that treatment, and it changes what four
+ * shipped components render on dark grounds — which is a design-system decision
+ * rather than a line in a PR about two primitives.
+ */
+function Popover({ ...props }) {
+    return _jsx(PopoverPrimitive.Root, { ...props });
+}
+function PopoverTrigger({ ...props }) {
+    return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverPortal({ ...props }) {
+    return _jsx(PopoverPrimitive.Portal, { "data-slot": "popover-portal", ...props });
+}
+function PopoverClose({ ...props }) {
+    return _jsx(PopoverPrimitive.Close, { "data-slot": "popover-close", ...props });
+}
+function PopoverContent({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 8, container, className, ...props }) {
+    return (_jsx(PopoverPrimitive.Portal, { container: container, children: _jsx(PopoverPrimitive.Positioner, { className: "isolate z-50 outline-none", align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, children: _jsx(PopoverPrimitive.Popup, { "data-slot": "popover-content", className: cn("grid max-h-(--available-height) w-80 max-w-[calc(100vw-2rem)] origin-(--transform-origin) gap-3 overflow-y-auto rounded-xl border border-line bg-popover p-4 text-body-sm text-popover-foreground shadow-raised duration-100 outline-none in-data-[cg-surface=ink]:bg-code in-data-[cg-surface=panel]:bg-panel data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className), ...props }) }) }));
+}
+function PopoverTitle({ className, ...props }) {
+    return (_jsx(PopoverPrimitive.Title, { "data-slot": "popover-title", className: cn("font-heading text-body-md leading-none font-medium", className), ...props }));
+}
+function PopoverDescription({ className, ...props }) {
+    return (_jsx(PopoverPrimitive.Description, { "data-slot": "popover-description", className: cn("text-caption text-body", className), ...props }));
+}
+function PopoverFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "popover-footer", className: cn("flex flex-wrap justify-end gap-2 pt-1", className), ...props }));
+}
+export { Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverFooter, PopoverPortal, PopoverTitle, PopoverTrigger, };
+//# sourceMappingURL=popover.js.map

package/dist/ui/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/ui/popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAEpE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AAEH,SAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAA+B;IACxD,OAAO,KAAC,gBAAgB,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC7C,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAkC;IAClE,OAAO,KAAC,gBAAgB,CAAC,OAAO,iBAAW,iBAAiB,KAAK,KAAK,GAAI,CAAA;AAC5E,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAiC;IAChE,OAAO,KAAC,gBAAgB,CAAC,MAAM,iBAAW,gBAAgB,KAAK,KAAK,GAAI,CAAA;AAC1E,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAgC;IAC9D,OAAO,KAAC,gBAAgB,CAAC,KAAK,iBAAW,eAAe,KAAK,KAAK,GAAI,CAAA;AACxE,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,KAAK,GAAG,OAAO,EACf,WAAW,GAAG,CAAC,EACf,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,CAAC,EACd,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EAMwC;IAChD,OAAO,CACL,KAAC,gBAAgB,CAAC,MAAM,IAAC,SAAS,EAAE,SAAS,YAC3C,KAAC,gBAAgB,CAAC,UAAU,IAC1B,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,YAQtB,KAAC,gBAAgB,CAAC,KAAK,iBACX,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACX,ilBAAilB,EACjlB,SAAS,CACV,KACG,KAAK,GACT,GAC0B,GACN,CAC3B,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IACzE,OAAO,CACL,KAAC,gBAAgB,CAAC,KAAK,iBACX,eAAe,EACzB,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EAC2B;IACnC,OAAO,CACL,KAAC,gBAAgB,CAAC,WAAW,iBACjB,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAC9C,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACzE,OAAO,CACL,2BACY,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,KAC7D,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EACL,OAAO,EACP,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,cAAc,GACf,CAAA"}

package/dist/ui/radio-group.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { Radio as RadioPrimitive } from "@base-ui/react/radio";
+import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group";
+declare function RadioGroup({ className, value, defaultValue, onValueChange, ...props }: RadioGroupPrimitive.Props): React.JSX.Element;
+declare function Radio({ className, ...props }: RadioPrimitive.Root.Props): React.JSX.Element;
+declare function RadioOption({ value, label, description, disabled, className, children, ...props }: Omit<React.ComponentProps<"div">, "ref" | "children"> & {
+    /** What the group reports when this row is picked. */
+    value: unknown;
+    /** The row's accessible name. One line. */
+    label: React.ReactNode;
+    /** A line under the label, wired as a description rather than part of the name. */
+    description?: React.ReactNode;
+    disabled?: boolean;
+    /**
+     * The indented slot, rendered ONLY while this option is selected. The
+     * visibility editor puts its space checkboxes here.
+     */
+    children?: React.ReactNode;
+}): React.JSX.Element;
+export { Radio, RadioGroup, RadioOption };
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/ui/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/ui/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAwE9E,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,aAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,KAAK,qBAsB3B;AAED,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,qBAgBhE;AAED,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC,GAAG;IACzD,sDAAsD;IACtD,KAAK,EAAE,OAAO,CAAA;IACd,2CAA2C;IAC3C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,mFAAmF;IACnF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,qBA+DA;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,CAAA"}