@cloudgrid-io/ui 0.27.1 → 0.28.0

package/dist/blocks/tool-setup.d.ts

@@ -44,7 +44,64 @@ import { PageHeading } from "./page-heading.js";
  * that an answer had been given when the user was reading. Tabs say "same
  * screen, different content", which is what this is.
  */
-export interface ToolSetupTool {
+/**
+ * An install METHOD: MCP, CLI, Skills. Optional, and everything about the method
+ * axis is keyed on whether any are passed.
+ *
+ * A tool supports a method when it has steps for it. Nothing declares support
+ * separately, because two places to say the same thing is one place to get it
+ * wrong: the CLI tab drops ChatGPT because ChatGPT has no CLI steps, not because
+ * a flag says so.
+ */
+export interface ToolSetupMethod {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+/**
+ * A heading for a run of tools in the strip. Coding agents, chat apps.
+ *
+ * A group whose tools are all filtered out by the current method disappears,
+ * along with the divider that would have sat beside it. That is the same rule
+ * `HubIndex` encodes for its own groups, and for the same reason: a group may
+ * legitimately name nothing right now.
+ */
+export interface ToolSetupGroup {
+    value: string;
+    label: string;
+}
+/**
+ * One step of a pane.
+ *
+ * `label` is an alternative marker ("Easiest", "Or") rather than a sequence
+ * position. A pane whose first step carries one is a set of CHOICES and renders
+ * as columns; a pane without is a SEQUENCE and renders as a numbered `StepList`,
+ * whose `<ol>` does the numbering for a screen reader.
+ *
+ * `body` is a node, not a string. Body copy carries emphasis, and a text grammar
+ * in the design system is a second content system arriving through the side
+ * door. The caller renders its own Markdown, or HTML, or nothing, and hands over
+ * what it wants painted. Same line #117, #121 and #126 drew.
+ */
+export interface ToolSetupStep {
+    /** "Easiest", "Or". Present on the first step makes the pane a set of choices. */
+    label?: string;
+    title: string;
+    body?: React.ReactNode;
+    /** A multi line prompt to hand an agent. */
+    prompt?: string;
+    /** A single command to run. */
+    code?: string;
+    link?: {
+        label: string;
+        href: string;
+        /** The caller's glyph. The library does not pick it, per HubIndex and #47. */
+        icon?: React.ReactNode;
+        /** Draw it as the primary action rather than a secondary one. */
+        primary?: boolean;
+    };
+}
+interface ToolSetupToolBase {
     /** What `onValueChange` reports. Stable, and never shown. */
     value: string;
     /** The words on the tab. Two short words wrap; they are not truncated. */
@@ -55,8 +112,14 @@ export interface ToolSetupTool {
      * boilerplate at the exact moment the user needs to know where the text goes.
      */
     instruction?: string;
-    /** The text to paste. Multi-line is normal here; `CodeBlock` preserves it. */
-    prompt: string;
+    /** Which `ToolSetupGroup` this sits under. Ignored when no groups are passed. */
+    group?: string;
+    /**
+     * The vendor mark, supplied by the caller. A node rather than a name: which
+     * marks exist is content, and the trademark question in #47 is not this
+     * component's to answer.
+     */
+    mark?: React.ReactNode;
     /** Shown beside the instruction. For a tool with a manual path as well. */
     alternative?: {
         label: string;
@@ -64,8 +127,38 @@ export interface ToolSetupTool {
     };
     disabled?: boolean;
 }
-declare function ToolSetup({ tools, value, defaultValue, onValueChange, title, sub, eyebrow, level, headingSize, continueLabel, onContinue, canContinue, footer, className, ...props }: Omit<React.ComponentProps<"section">, "ref" | "title" | "defaultValue" | "onChange"> & {
+/**
+ * A tool has to have something to show, and the type says so.
+ *
+ * Making `prompt` merely optional was wrong: it took the guarantee away from
+ * every existing caller, so a typo in `prompt` stopped being a compile error and
+ * became a tab with an empty bordered panel under it. The union keeps the old
+ * contract for callers that pass no steps and adds the new one, without a
+ * runtime check standing in for a type.
+ *
+ * `prompt` stays readable on the union because both arms declare it, so the
+ * panel can fall back to it without narrowing.
+ *
+ * `steps` is keyed by method value. Passing it is what puts a tool on the method
+ * axis; a tool with no entry for the selected method is filtered out of the
+ * strip, which is also why a `prompt` only tool never appears in method mode.
+ */
+export type ToolSetupTool = ToolSetupToolBase & ({
+    prompt: string;
+    steps?: Record<string, ToolSetupStep[]>;
+} | {
+    prompt?: string;
+    steps: Record<string, ToolSetupStep[]>;
+});
+declare function ToolSetup({ tools, methods, groups, method, defaultMethod, onMethodChange, value, defaultValue, onValueChange, title, sub, eyebrow, level, headingSize, continueLabel, emptyLabel, onContinue, canContinue, footer, className, ...props }: Omit<React.ComponentProps<"section">, "ref" | "title" | "defaultValue" | "onChange"> & {
     tools: ToolSetupTool[];
+    /** Pass these and the method strip appears above the tool strip. */
+    methods?: ToolSetupMethod[];
+    /** Pass these and the tool strip is grouped, with empty groups dropped. */
+    groups?: ToolSetupGroup[];
+    method?: string;
+    defaultMethod?: string;
+    onMethodChange?: (method: string) => void;
     value?: string;
     defaultValue?: string;
     onValueChange?: (value: string) => void;
@@ -89,6 +182,14 @@ declare function ToolSetup({ tools, value, defaultValue, onValueChange, title, s
      * declarative opt-out works from both.
      */
     continueLabel?: string | null;
+    /**
+     * Shown when the selected method leaves no tools to pick from. A default
+     * rather than a required prop, on the same reasoning as `continueLabel`: the
+     * state is reachable by passing a method nothing supports, and a heading over
+     * blank space is the "reads as broken" outcome the note on `first` exists to
+     * prevent.
+     */
+    emptyLabel?: string;
     onContinue?: () => void;
     /**
      * Defaults to `true`, unlike `OnboardingQuestion`'s. Nothing here is an answer

package/dist/blocks/tool-setup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool-setup.d.ts","sourceRoot":"","sources":["../../src/blocks/tool-setup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAIxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AAEH,MAAM,WAAW,aAAa;IAC5B,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb,0EAA0E;IAC1E,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8EAA8E;IAC9E,MAAM,EAAE,MAAM,CAAA;IACd,2EAA2E;IAC3E,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AA8BD,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,KAAK,EACL,YAAY,EACZ,aAAa,EACb,KAAK,EACL,GAAG,EACH,OAAO,EACP,KAAS,EACT,WAAkB,EAClB,aAA0B,EAC1B,UAAU,EACV,WAAkB,EAClB,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,GAAG;IACxF,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IACb,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;IAC9D;;;;;;;;;;;OAWG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,sEAAsE;IACtE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB,qBA4HA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"tool-setup.d.ts","sourceRoot":"","sources":["../../src/blocks/tool-setup.tsx"],"names":[],"mappings":"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"}

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":"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"}

package/dist/fonts.css

@@ -2,27 +2,56 @@
   Self-hosted webfonts, not a font CDN: a third-party request in the critical
   path is both a latency cost and a privacy one.
 
-  Two faces. Manrope carries everything a reader sees — body, headings and the
-  display rung alike, since the 2026-09-10 re-skin (#197) set the whole system in
-  it — and JetBrains Mono is used only inside prompt and terminal surfaces. Both
-  are VARIABLE faces, so the brand's four weights (400 regular, 500 medium, 600
-  semibold, 700 display) are one file each rather than four.
+  Three faces ship here, and a fourth is named but deliberately absent.
+
+  Space Grotesk carries everything a reader reads. Every body string on all six
+  canonical Figma frames is set in it, at 20/1.46 for a lede and 15/1.46 for card
+  copy and nav, and it arrives as @fontsource-variable/space-grotesk under
+  OFL-1.1, which permits redistribution — the same mechanism Manrope already uses,
+  one more line. cloudgrid-landing#145 has the frame-by-frame evidence.
+
+  Manrope stays, and not as a fallback. The frames keep it for exactly two jobs,
+  the eyebrow above a heading and the label inside a button, and that pair is now
+  --cg-font-ui rather than --cg-font-body. Nothing about how those two render
+  changed; only which token spells them.
+
+  JetBrains Mono is used only inside prompt and terminal surfaces. Worth knowing:
+  NO monospace face appears anywhere in the six frames. What reads as a terminal
+  there is Space Grotesk at 22px (thegrid 8364:4510) or Manrope at 15px (builders
+  6916:8104), so the mono rung is this package's own idea and the design does not
+  contradict it or confirm it.
+
+  All three are VARIABLE faces, so the brand's four weights (400 regular, 500
+  medium, 600 semibold, 700 display) are one file each rather than four.
+
+  TANKER IS THE DISPLAY FACE AND IT CANNOT SHIP HERE. The frames set every
+  headline in it; the ITF Free Font Licence section 02 forbids redistributing the
+  Font Software through "a repository, download service, application or platform",
+  and this package is public on registry.npmjs.org. So tokens.css names the stack
+  and each consumer fetches its own copy from Fontshare, bound by section 03 in
+  its own right. --cg-font-display's note carries the full reasoning; ui#240 is
+  the issue, and its open question — whether naming a display face at all
+  reverses the 2026-09-10 re-skin (#197) — is the founder's, not this file's.
 
   Saira Semi Condensed 800 was here as the self-hosted stand-in for the licensed
   Futura Condensed Extra Bold, and both are gone with the condensed display rung.
-  A consumer that wants a display face back puts it in front of --cg-font-display
-  in its own :root; nothing here has to change.
+  The escape hatch that note described — a consumer putting its own display face
+  in front of --cg-font-display in its own :root — is what cloudgrid-landing PR
+  #132 used, and it is what naming Tanker in the stack retires. A consumer still
+  has to @font-face its own Tanker files; it no longer has to copy this package's
+  fallback chain verbatim to do it, and that copy is what went stale.
 
   The family stacks live in tokens.css.
 
   These are bare package specifiers: Vite (Astro) and Next's css-loader both
-  resolve them. A pipeline that cannot should import the two fontsource packages
+  resolve them. A pipeline that cannot should import the three fontsource packages
   directly.
 
-  Both packages are real dependencies of @cloudgrid-io/ui, so installing this
+  All three are real dependencies of @cloudgrid-io/ui, so installing this
   package is enough. v0 also shipped a '@cloudgrid/ui/fonts' JS entry for
   pipelines that cannot resolve bare CSS specifiers; it was not ported. Add it
   if a consumer turns out to need it rather than on speculation.
 */
+@import '@fontsource-variable/space-grotesk';
 @import '@fontsource-variable/manrope';
 @import '@fontsource-variable/jetbrains-mono';

package/dist/index.d.ts

@@ -7,11 +7,14 @@ export * from "./ui/checkbox.js";
 export * from "./ui/code-block.js";
 export * from "./ui/combobox.js";
 export * from "./ui/dialog.js";
+export * from "./ui/drawer.js";
 export * from "./ui/dropdown-menu.js";
 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 +50,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,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

@@ -23,11 +23,14 @@ export * from "./ui/checkbox.js";
 export * from "./ui/code-block.js";
 export * from "./ui/combobox.js";
 export * from "./ui/dialog.js";
+export * from "./ui/drawer.js";
 export * from "./ui/dropdown-menu.js";
 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 +67,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,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/lib/cloudgrid-cn.d.ts

@@ -60,6 +60,6 @@ import { type ClassValue } from "clsx";
  * to write `font-regular` rediscovers this.
  */
 export declare const BRAND_FONT_WEIGHTS: readonly ["heavy", "regular"];
-export declare const BRAND_FONT_SIZES: readonly ["display-xl", "display-lg", "display-md", "display-sm", "heading-lg", "heading-md", "heading-sm", "body-lg", "body-md", "body-sm", "caption", "mono", "label"];
+export declare const BRAND_FONT_SIZES: readonly ["display-3xl", "display-2xl", "display-xl", "display-lg", "display-md", "display-sm", "title-lg", "title-md", "title-sm", "heading-lg", "heading-md", "heading-sm", "body-xl", "body-lg", "body-md", "body-sm", "caption", "mono", "label", "eyebrow"];
 export declare function cn(...inputs: ClassValue[]): string;
 //# sourceMappingURL=cloudgrid-cn.d.ts.map