@walkeros/explorer 4.7.2 → 4.8.0-next-1791496487198

package/dist/design/index.d.cts

@@ -0,0 +1,524 @@
+type Theme = 'dark' | 'light';
+/** Page background (hero, features, FAQ, closing CTA). Default ground for `fg`, `fg-2`, `link`. */
+declare const bg: {
+    readonly dark: "#111827";
+    readonly light: "#ffffff";
+};
+/** Alternating section band (Why, More features, Plans) and footer. Switch between `bg` and `bg-2` to separate sections, always with a top `border` rule. */
+declare const bg2: {
+    readonly dark: "#151e2e";
+    readonly light: "#f6f7f9";
+};
+/** Cards, plan tiers, FAQ items, the install-command chip and secondary buttons. */
+declare const surface: {
+    readonly dark: "#1a2232";
+    readonly light: "#ffffff";
+};
+/** Inline code background, icon-button hover. */
+declare const surface2: {
+    readonly dark: "#222b3c";
+    readonly light: "#f1f3f6";
+};
+/** Hairline for section rules, header underline, card and input outlines. Decorative only; it does not meet 3:1, so never rely on it alone to mark a control. */
+declare const border: {
+    readonly dark: "#2f3a4d";
+    readonly light: "#e3e6eb";
+};
+/** Headings and body copy on `bg`, `bg-2`, `surface`, `surface-2` (14:1+ both themes). */
+declare const fg: {
+    readonly dark: "#ffffff";
+    readonly light: "#111827";
+};
+/** Secondary copy: leads, card descriptions, list items, footer links. 5.5:1+ on every ground. */
+declare const fg2: {
+    readonly dark: "#9aa3b2";
+    readonly light: "#4b5563";
+};
+/** Tertiary text: tier labels, `$` prompt, FAQ `+`, copyright, input placeholders. 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes (dark 4.6:1+, light 4.7:1+). */
+declare const fg3: {
+    readonly dark: "#8c93a2";
+    readonly light: "#656d7a";
+};
+/** elbwalker blue. Primary button fill, check icons, highlight word in the H1, focus ring, announcement bar. Light theme: 2.4:1 on white — fine as a fill under `on-primary`, too faint for text or as the only marker (flagged, kept from source). */
+declare const primary: {
+    readonly dark: "#01b5e2";
+    readonly light: "#01b5e2";
+};
+/** Text and icons on `primary` fills (6.9:1). Never put white on `primary` (2.4:1) — the current walkeros.io buttons do; the relaunch fixes it. */
+declare const onPrimary: {
+    readonly dark: "#04222b";
+    readonly light: "#04222b";
+};
+/** Links, eyebrows, mono step numbers; `info` and the light `focus` ring use it. 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes (dark 6.0:1+, light 4.6:1+). Underline on hover only. */
+declare const link: {
+    readonly dark: "#4fb3e0";
+    readonly light: "#0076a0";
+};
+/** Soft primary halo: hero radial glow and the 4px ring around the highlighted plan. */
+declare const glow: {
+    readonly dark: "rgba(1, 181, 226, 0.16)";
+    readonly light: "rgba(1, 181, 226, 0.14)";
+};
+/** Code-block panel (Palenight family), both themes. */
+declare const codeBg = "#292d3e";
+/** Code-block title bar / tab strip. */
+declare const codeBar = "#232636";
+/** Code-block outline. */
+declare const codeBorder = "#444a5e";
+/** Default code text on `code-bg` (8:1). */
+declare const codeFg = "#bfc7d5";
+/** Product visualisation panel (tagging and mapping demos). Visualisations stay dark in both themes. */
+declare const vizBg = "#1a2232";
+/** Code pane inside a visualisation. */
+declare const vizCodeBg = "#131c2b";
+/** Outlines inside visualisations. */
+declare const vizBorder = "#334055";
+/** Primary text inside visualisations. */
+declare const vizFg = "#e8eaf0";
+/** Legend and meta text inside visualisations (5.4:1 on `viz-code-bg`). */
+declare const vizFg2 = "#8e96aa";
+/** Code comments and file kinds inside visualisations. */
+declare const vizComment = "#6c7590";
+/** Gutter line numbers. Decorative, below 3:1. */
+declare const vizLineNumber = "#4a5165";
+/** Raised surfaces inside visualisations: the rendered teaser card, table rules. */
+declare const vizSurface = "#2b3649";
+/** Syntax: HTML/JSX tag names in visualisation code (6:1+ on `viz-code-bg`). */
+declare const vizTag = "#e38fd6";
+/** Syntax: string values in visualisation code and JSON cells. */
+declare const vizString = "#e5c07b";
+/** Syntax: numbers and booleans in mapping code. */
+declare const vizNumber = "#f78c6c";
+/** Syntax: punctuation and plain code text; visualisation captions. */
+declare const vizPunct = "#9aa3b8";
+/** Event part: entity (e.g. `product`). Used for syntax highlight, legend chip and the highlighted DOM region in tagging demos. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */
+declare const eventEntity: {
+    readonly dark: "#c5e478";
+    readonly light: "#537a01";
+};
+/** Event part: action (e.g. `view`, `add`). The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */
+declare const eventAction: {
+    readonly dark: "#c792ea";
+    readonly light: "#8c59ac";
+};
+/** Event part: entity property (`data-elb-product="name"`). The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */
+declare const eventProperty: {
+    readonly dark: "#f0717f";
+    readonly light: "#be4456";
+};
+/** Event part: context. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */
+declare const eventContext: {
+    readonly dark: "#f2a65a";
+    readonly light: "#a25f06";
+};
+/** Event part: globals. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */
+declare const eventGlobals: {
+    readonly dark: "#7fc4ea";
+    readonly light: "#317699";
+};
+/** Tag kind: user (who the visitor is). Unlike the five event parts it has no light value: it sits only on dark grounds (`viz-bg`, legends, chips, mark layers) and always pairs with its word. 5.2:1 on `viz-bg`; kept apart from `event-property`, `event-action` and `danger`. */
+declare const eventUser = "#e65fc4";
+/** Tag kind: consent (consent states and requirements). Dark grounds only, always with its word. 10.7:1 on `viz-bg`. */
+declare const eventConsent = "#cbd5e1";
+/** Brand scale (walkeros.io docs). Light-theme badge and admonition background. */
+declare const elbwalker100 = "#edfeff";
+/** Brand scale. Admonition highlight (light). */
+declare const elbwalker200 = "#abf8ff";
+/** Brand scale. Admonition text (dark). */
+declare const elbwalker300 = "#69ecfe";
+/** Brand scale. */
+declare const elbwalker400 = "#27dbfe";
+/** Brand scale anchor = `primary`. Admonition border. */
+declare const elbwalker500 = "#01b5e2";
+/** Brand scale. Badge text (light), badge fill (dark). */
+declare const elbwalker700 = "#015372";
+/** Brand scale. Admonition background (dark). */
+declare const elbwalker800 = "#00283a";
+/** Brand scale, darkest step. */
+declare const elbwalker900 = "#000203";
+/** Borders that mark a control: input, select, checkbox and switch outlines, the 1px edge of menus, popovers and dialogs, scrollbar thumbs, flow edges. 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes; `border` stays decorative. */
+declare const borderStrong: {
+    readonly dark: "#6b778d";
+    readonly light: "#818a9a";
+};
+/** Focus ring, 2px solid with a 3px offset, on every interactive element: `primary` in dark, `link` in light, where `primary` is 2.2:1. 3:1 or more on every ground. */
+declare const focus: {
+    readonly dark: "#01b5e2";
+    readonly light: "#0076a0";
+};
+/** Scrim behind modals and drawers. The layer above it is `surface` with a 1px `border-strong` edge, never a shadow. */
+declare const backdrop: {
+    readonly dark: "rgba(3, 7, 18, 0.72)";
+    readonly light: "rgba(17, 24, 39, 0.4)";
+};
+/** Errors, destructive actions and invalid fields, always with an icon and a word. Text at 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. Kept apart from every event and step colour, `event-property` included. */
+declare const danger: {
+    readonly dark: "#ffa4ac";
+    readonly light: "#b91c1c";
+};
+/** Text and icons on a `danger` fill such as a destructive button (dark 8.6:1, light 6.5:1). */
+declare const onDanger: {
+    readonly dark: "#450a0a";
+    readonly light: "#ffffff";
+};
+/** Success and healthy states, always with an icon and a word. Sits on the blue side of green, so it stays apart from `danger` with red-green colour blindness, and apart from every step and event colour. Text at 4.5:1 or more on every ground. */
+declare const success: {
+    readonly dark: "#8cf9ff";
+    readonly light: "#07675d";
+};
+/** Warnings and states that need attention, always with an icon and a word. Kept apart from `step-transformer` and `event-context`. Text at 4.5:1 or more on every ground. */
+declare const warning: {
+    readonly dark: "#cabb00";
+    readonly light: "#886000";
+};
+/** Neutral information, always with an icon and a word. The `link` colour in both themes. */
+declare const info: {
+    readonly dark: "#4fb3e0";
+    readonly light: "#0076a0";
+};
+/** Tinted fill for danger banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */
+declare const dangerBg: {
+    readonly dark: "rgba(255, 164, 172, 0.16)";
+    readonly light: "rgba(185, 28, 28, 0.1)";
+};
+/** Tinted fill for success banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */
+declare const successBg: {
+    readonly dark: "rgba(140, 249, 255, 0.16)";
+    readonly light: "rgba(7, 103, 93, 0.1)";
+};
+/** Tinted fill for warning banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */
+declare const warningBg: {
+    readonly dark: "rgba(202, 187, 0, 0.16)";
+    readonly light: "rgba(136, 96, 0, 0.1)";
+};
+/** Tinted fill for information banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */
+declare const infoBg: {
+    readonly dark: "rgba(79, 179, 224, 0.16)";
+    readonly light: "rgba(0, 118, 160, 0.1)";
+};
+/** Flow step colour: sources. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */
+declare const stepSource: {
+    readonly dark: "#6ee7b7";
+    readonly light: "#428569";
+};
+/** Flow step colour: transformers. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */
+declare const stepTransformer: {
+    readonly dark: "#fcd34d";
+    readonly light: "#bb7000";
+};
+/** Flow step colour: the collector. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */
+declare const stepCollector: {
+    readonly dark: "#7dd3fc";
+    readonly light: "#0c529b";
+};
+/** Flow step colour: destinations. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */
+declare const stepDestination: {
+    readonly dark: "#c4b5fd";
+    readonly light: "#6d1fd8";
+};
+/** Flow step colour: stores. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */
+declare const stepStore: {
+    readonly dark: "#a5b4fc";
+    readonly light: "#4138c9";
+};
+/** Platform badge: web, always with the word; 3:1 or more on every ground. */
+declare const platformWeb: {
+    readonly dark: "#0ea5e9";
+    readonly light: "#008ddd";
+};
+/** Platform badge: server, always with the word; 3:1 or more on every ground. */
+declare const platformServer: {
+    readonly dark: "#8b5cf6";
+    readonly light: "#8043f6";
+};
+/** First chart series: `primary` in dark, `link` in light. Series take `chart-1` to `chart-6` in order; the six stay apart in normal vision and with red-green colour blindness, and reach 3:1 on every ground. Label every series. */
+declare const chart1: {
+    readonly dark: "#01b5e2";
+    readonly light: "#0076a0";
+};
+/** Second chart series (orange). */
+declare const chart2: {
+    readonly dark: "#e69f00";
+    readonly light: "#ce710c";
+};
+/** Third chart series (bluish green). */
+declare const chart3: {
+    readonly dark: "#009563";
+    readonly light: "#217b58";
+};
+/** Fourth chart series (vermilion). */
+declare const chart4: {
+    readonly dark: "#e0520a";
+    readonly light: "#d32f4d";
+};
+/** Fifth chart series (reddish purple). */
+declare const chart5: {
+    readonly dark: "#ff6fad";
+    readonly light: "#b87889";
+};
+/** Sixth chart series (yellow in dark, olive in light). */
+declare const chart6: {
+    readonly dark: "#f0e442";
+    readonly light: "#546800";
+};
+/** Human notes and comment pins over visualisations, tag plans and frames. Kept apart from every step and status colour; 3:1 or more on every ground. */
+declare const annotation: {
+    readonly dark: "#22c55e";
+    readonly light: "#409116";
+};
+/** Editor syntax (Monaco, Shiki, Prism): comments, 4.6:1 on `code-bg`. */
+declare const syntaxComment = "#8c94be";
+/** Editor syntax (Monaco, Shiki, Prism): strings, attribute names and inserted text, 9.9:1 on `code-bg`. */
+declare const syntaxString = "#c3e88d";
+/** Editor syntax (Monaco, Shiki, Prism): numbers, 5.8:1 on `code-bg`. */
+declare const syntaxNumber = "#f78c6c";
+/** Editor syntax (Monaco, Shiki, Prism): booleans, null and constants, 4.6:1 on `code-bg`. */
+declare const syntaxConstant = "#ff5d78";
+/** Editor syntax (Monaco, Shiki, Prism): keywords and storage modifiers, 5.2:1 on `code-bg`. */
+declare const syntaxKeyword = "#c084fc";
+/** Editor syntax (Monaco, Shiki, Prism): functions and built-ins, 5.9:1 on `code-bg`. */
+declare const syntaxFunction = "#82aaff";
+/** Editor syntax (Monaco, Shiki, Prism): types and class names, 9.1:1 on `code-bg`. */
+declare const syntaxType = "#ffcb6b";
+/** Editor syntax (Monaco, Shiki, Prism): operators and regular expressions, 9.0:1 on `code-bg`. */
+declare const syntaxOperator = "#89ddff";
+/** Editor syntax (Monaco, Shiki, Prism): punctuation and delimiters, 5.7:1 on `code-bg`. */
+declare const syntaxPunct = "#c792ea";
+/** Editor syntax (Monaco, Shiki, Prism): tags, invalid and deleted tokens, 4.6:1 on `code-bg`. */
+declare const syntaxTag = "#ff5d79";
+/** Editor syntax (Monaco, Shiki, Prism): namespaces, 8.1:1 on `code-bg`. */
+declare const syntaxNamespace = "#b2ccd6";
+/** Editor gutter line numbers on `code-bg`. Decorative, below 3:1. */
+declare const codeLineNumber = "#676e95";
+/** Editor selection over `code-bg`; `code-fg` stays at 5.4:1 on it. */
+declare const codeSelection = "#717cb450";
+/** Inserted lines in diff views over `code-bg`; `code-fg` stays at 5.4:1. */
+declare const codeInsertedBg = "#c3e88d26";
+/** Deleted lines in diff views over `code-bg`; `code-fg` stays at 6.6:1. */
+declare const codeDeletedBg = "#ff5d7926";
+/** Font family `sans`. */
+declare const fontSans = "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+/** Font family `mono`. */
+declare const fontMono = "SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace";
+/** Font family `viz`. */
+declare const fontViz = "'Geist', system-ui, sans-serif";
+/** Font family `viz-mono`. */
+declare const fontVizMono = "'Geist Mono', monospace";
+/** The one transition duration. Read it as var(--motion): reduced motion sets it to 0ms. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const motion = "180ms";
+/** The one transition easing, beside var(--motion). Read it as var(--ease). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const ease = "cubic-bezier(0.2, 0, 0, 1)";
+/** Type style `display`: Hero H1 only. Fluid: clamp(38px, 6vw, 64px), max 20ch, text-wrap balance. One phrase may take `primary`. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeDisplay: {
+    readonly size: "64px";
+    readonly lineHeight: 1.08;
+    readonly weight: 700;
+    readonly tracking: "-0.025em";
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `heading-xl`: Large split-section heading (More features). clamp(28px, 3.6vw, 44px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeHeadingXl: {
+    readonly size: "44px";
+    readonly lineHeight: 1.1;
+    readonly weight: 700;
+    readonly tracking: "-0.025em";
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `heading-lg`: Section H2. clamp(28px, 3.6vw, 40px), text-wrap balance. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeHeadingLg: {
+    readonly size: "40px";
+    readonly lineHeight: 1.15;
+    readonly weight: 700;
+    readonly tracking: "-0.02em";
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `heading-md`: Feature H2 beside its explainer. clamp(26px, 3.2vw, 36px). Also the docs page title (h1), not fluid. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeHeadingMd: {
+    readonly size: "36px";
+    readonly lineHeight: 1.15;
+    readonly weight: 700;
+    readonly tracking: "-0.02em";
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `footer-statement`: The footer's one-line brand statement. clamp(24px, 3.2vw, 34px), max 22ch. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeFooterStatement: {
+    readonly size: "34px";
+    readonly lineHeight: 1.2;
+    readonly weight: 700;
+    readonly tracking: "-0.02em";
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `kicker-lg`: Large coloured kicker above `heading-xl`, in `primary`. clamp(22px, 2.4vw, 28px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeKickerLg: {
+    readonly size: "28px";
+    readonly lineHeight: 1.2;
+    readonly weight: 700;
+    readonly tracking: "-0.01em";
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `title-plan`: Plan tier name. Also docs h2. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeTitlePlan: {
+    readonly size: "24px";
+    readonly lineHeight: 1.3;
+    readonly weight: 700;
+    readonly tracking: "-0.015em";
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `title-card`: Problem-card H3. Also docs h3; docs h4 takes its weight. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeTitleCard: {
+    readonly size: "19px";
+    readonly lineHeight: 1.35;
+    readonly weight: 600;
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `title-item`: Feature-list H3. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeTitleItem: {
+    readonly size: "18px";
+    readonly lineHeight: 1.35;
+    readonly weight: 600;
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `lead`: Hero sub-copy in `fg-2`, max 58ch. clamp(18px, 2vw, 21px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeLead: {
+    readonly size: "21px";
+    readonly lineHeight: 1.65;
+    readonly weight: 400;
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `body-lg`: Feature explainer paragraphs, FAQ questions (600). Also docs h4, at the `title-card` weight. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeBodyLg: {
+    readonly size: "17px";
+    readonly lineHeight: 1.65;
+    readonly weight: 400;
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `body`: Default body copy, docs body copy included; buttons (600). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeBody: {
+    readonly size: "16px";
+    readonly lineHeight: 1.65;
+    readonly weight: 400;
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `ui`: Nav links, list items, footer links. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeUi: {
+    readonly size: "15px";
+    readonly lineHeight: 1.5;
+    readonly weight: 500;
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `small`: Announcement bar, `Docs →` links (500), copyright (400). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeSmall: {
+    readonly size: "14px";
+    readonly lineHeight: 1.5;
+    readonly weight: 600;
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `eyebrow`: Section eyebrow, UPPERCASE, in `link`. One line that states the problem the section answers. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeEyebrow: {
+    readonly size: "13px";
+    readonly lineHeight: 1.5;
+    readonly weight: 600;
+    readonly tracking: "0.12em";
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `label`: Plan tier label, UPPERCASE, in `fg-3` (`link` on the highlighted plan). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeLabel: {
+    readonly size: "12px";
+    readonly lineHeight: 1.5;
+    readonly weight: 700;
+    readonly tracking: "0.12em";
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `code-command`: Install-command chip. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeCodeCommand: {
+    readonly size: "15px";
+    readonly lineHeight: 1.5;
+    readonly weight: 500;
+    readonly family: "SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace";
+};
+/** Type style `code-step`: Mono step numbers (01, 02, 03) in `link`. Also code panes: the explorer's code editors and docs code blocks. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeCodeStep: {
+    readonly size: "13px";
+    readonly lineHeight: 1.5;
+    readonly weight: 400;
+    readonly family: "SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace";
+};
+/** Type style `code-inline`: Inline code inside prose, docs inline code included: `surface-2` fill, `border` outline, radius-sm. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeCodeInline: {
+    readonly size: "0.88em";
+    readonly lineHeight: 1.5;
+    readonly weight: 400;
+    readonly family: "SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace";
+};
+/** Type style `viz-body`: Captions inside product visualisations (Geist). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeVizBody: {
+    readonly size: "15px";
+    readonly lineHeight: 1.5;
+    readonly weight: 400;
+    readonly family: "'Geist', system-ui, sans-serif";
+};
+/** Type style `viz-chip`: Step pills inside visualisations. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeVizChip: {
+    readonly size: "13px";
+    readonly lineHeight: 1.4;
+    readonly weight: 500;
+    readonly family: "'Geist', system-ui, sans-serif";
+};
+/** Type style `viz-code`: Code pane inside visualisations (Geist Mono). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeVizCode: {
+    readonly size: "12px";
+    readonly lineHeight: 1.8;
+    readonly weight: 400;
+    readonly family: "'Geist Mono', monospace";
+};
+/** Type style `viz-legend`: Event-part legend (Geist Mono) in `viz-fg-2`. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeVizLegend: {
+    readonly size: "11px";
+    readonly lineHeight: 1.5;
+    readonly weight: 400;
+    readonly family: "'Geist Mono', monospace";
+};
+/** Type style `product-heading`: Page and dialog titles in the app, the explorer and Tag Mode. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeProductHeading: {
+    readonly size: "20px";
+    readonly lineHeight: 1.3;
+    readonly weight: 600;
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `product-title`: Panel, card and section titles in product UI. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeProductTitle: {
+    readonly size: "16px";
+    readonly lineHeight: 1.4;
+    readonly weight: 600;
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `product-body`: Default product copy: body text, form fields, table cells, buttons (600). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeProductBody: {
+    readonly size: "14px";
+    readonly lineHeight: 1.5;
+    readonly weight: 400;
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `product-small`: Secondary rows, help text and dense tables. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeProductSmall: {
+    readonly size: "13px";
+    readonly lineHeight: 1.45;
+    readonly weight: 400;
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `product-caption`: Captions, badges and meta labels. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeProductCaption: {
+    readonly size: "12px";
+    readonly lineHeight: 1.4;
+    readonly weight: 500;
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Type style `product-micro`: Dense canvas labels only: node badges, edge labels, mark labels and compact tooltip meta. Never body copy, never interactive text. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */
+declare const typeProductMicro: {
+    readonly size: "11px";
+    readonly lineHeight: 1.3;
+    readonly weight: 500;
+    readonly family: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+};
+
+export { type Theme, annotation, backdrop, bg, bg2, border, borderStrong, chart1, chart2, chart3, chart4, chart5, chart6, codeBar, codeBg, codeBorder, codeDeletedBg, codeFg, codeInsertedBg, codeLineNumber, codeSelection, danger, dangerBg, ease, elbwalker100, elbwalker200, elbwalker300, elbwalker400, elbwalker500, elbwalker700, elbwalker800, elbwalker900, eventAction, eventConsent, eventContext, eventEntity, eventGlobals, eventProperty, eventUser, fg, fg2, fg3, focus, fontMono, fontSans, fontViz, fontVizMono, glow, info, infoBg, link, motion, onDanger, onPrimary, platformServer, platformWeb, primary, stepCollector, stepDestination, stepSource, stepStore, stepTransformer, success, successBg, surface, surface2, syntaxComment, syntaxConstant, syntaxFunction, syntaxKeyword, syntaxNamespace, syntaxNumber, syntaxOperator, syntaxPunct, syntaxString, syntaxTag, syntaxType, typeBody, typeBodyLg, typeCodeCommand, typeCodeInline, typeCodeStep, typeDisplay, typeEyebrow, typeFooterStatement, typeHeadingLg, typeHeadingMd, typeHeadingXl, typeKickerLg, typeLabel, typeLead, typeProductBody, typeProductCaption, typeProductHeading, typeProductMicro, typeProductSmall, typeProductTitle, typeSmall, typeTitleCard, typeTitleItem, typeTitlePlan, typeUi, typeVizBody, typeVizChip, typeVizCode, typeVizLegend, vizBg, vizBorder, vizCodeBg, vizComment, vizFg, vizFg2, vizLineNumber, vizNumber, vizPunct, vizString, vizSurface, vizTag, warning, warningBg };