@nadicodeai/ui 10.0.0 → 10.0.2

package/dist/components/code-editor-mockup.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../lib/utils.js";
-/**
- * code-editor-mockup — dark code/terminal preview surface (replaces the retired
- * `.nc-code-editor-mockup`). The brand's technical marketing visual: a dark window
- * (the ink/primary role) with a chrome/title bar over a mono code body. For
- * technical examples, not generic decoration.
- *
- * SINGLE-OWNER SEAMS: the chrome row owns exactly ONE inner hairline — its own
- * bottom border — between itself and the code body. The outer `rounded-md` radius
- * is owned once by the root, and `overflow-hidden` clips the chrome's square top
- * corners to it. The on-dark hairline + dots + muted-on-dark tints are all DERIVED
- * from the brand `line` / `canvas` / `ink` tokens via `color-mix` (the same family
- * the retired dark sections use), so no raw literal is introduced. The dots are
- * nadicode-monochrome, never the macOS traffic-light colours. Token-only;
- * no `dark:` styling.
- */
-/*
- * The on-dark hairline is derived once from the brand line + canvas tokens (mirrors
- * the retired local var). It must be written as LITERAL arbitrary-value class
- * strings, not interpolated, so Tailwind v4's source scanner detects and generates
- * the utilities:
- *   border  -> border-b-[color-mix(in_srgb,var(--nc-line)_24%,var(--nc-canvas)_22%)]
- *   dots    -> bg-[color-mix(in_srgb,var(--nc-line)_24%,var(--nc-canvas)_22%)]
- */
-function CodeEditorMockup({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "code-editor-mockup", className: cn("grid content-start overflow-hidden rounded-md bg-primary text-primary-foreground", className), ...props }));
-}
-function CodeEditorMockupChrome({ className, children, ...props }) {
-    return (_jsxs("div", { "data-slot": "code-editor-mockup-chrome", className: cn("flex items-center gap-2 border-b border-b-[color-mix(in_srgb,var(--nc-line)_24%,var(--nc-canvas)_22%)] px-6 py-3", className), ...props, children: [_jsxs("span", { "data-slot": "code-editor-mockup-dots", "aria-hidden": "true", className: "flex flex-none gap-2", children: [_jsx("span", { className: "size-[11px] rounded-full bg-[color-mix(in_srgb,var(--nc-line)_24%,var(--nc-canvas)_22%)]" }), _jsx("span", { className: "size-[11px] rounded-full bg-[color-mix(in_srgb,var(--nc-line)_24%,var(--nc-canvas)_22%)]" }), _jsx("span", { className: "size-[11px] rounded-full bg-[color-mix(in_srgb,var(--nc-line)_24%,var(--nc-canvas)_22%)]" })] }), children] }));
-}
-function CodeEditorMockupTitle({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "code-editor-mockup-title", className: cn("ml-1 font-mono text-xs text-[color-mix(in_srgb,var(--nc-canvas)_60%,var(--nc-ink))]", className), ...props }));
-}
-function CodeEditorMockupBody({ className, ...props }) {
-    return (_jsx("pre", { "data-slot": "code-editor-mockup-body", className: cn("m-0 overflow-x-auto whitespace-pre p-6 font-mono text-sm text-primary-foreground [tab-size:2]", className), ...props }));
-}
-function CodeEditorMockupLine({ className, ...props }) {
-    return _jsx("span", { "data-slot": "code-editor-mockup-line", className: cn("block", className), ...props });
-}
-function CodeEditorMockupGutter({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "code-editor-mockup-gutter", "aria-hidden": "true", className: cn("mr-4 inline-block w-[2ch] select-none text-right text-[color-mix(in_srgb,var(--nc-canvas)_40%,var(--nc-ink))]", className), ...props }));
-}
-function CodeEditorMockupComment({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "code-editor-mockup-comment", className: cn("text-[color-mix(in_srgb,var(--nc-canvas)_50%,var(--nc-ink))]", className), ...props }));
-}
-export { CodeEditorMockup, CodeEditorMockupChrome, CodeEditorMockupTitle, CodeEditorMockupBody, CodeEditorMockupLine, CodeEditorMockupGutter, CodeEditorMockupComment, };

package/dist/components/contact.d.ts

@@ -1,32 +0,0 @@
-import * as React from "react";
-/**
- * contact — the closing contact section (V5 B18).
- *
- * A 5fr / 7fr split: a text column (`ContactIntro` — eyebrow/title/body/location)
- * beside a form column (`ContactForm`) that sits on its own soft, bordered panel.
- * The split is a whitespace gap, never a hairline, so `Contact` owns NO structural
- * seam — the frame/lane/row perimeter is owned by the kept geometry layer this
- * composes inside, and every visible border is a control/panel perimeter.
- *
- * The form is presentational only (no submit wiring): consumers own the action and
- * state. Fields use the package `Input`/`Textarea` primitives; labels use the mono
- * uppercase `ContactLabel`. `ContactFieldRow` is the 2-up Name/Company row.
- * Token-only; no `dark:` styling.
- */
-declare function Contact({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-/** ContactIntro — the text column: eyebrow/title/body/location, centered vertically. */
-declare function ContactIntro({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-/** ContactLocation — the mono location line under the intro body. */
-declare function ContactLocation({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
-declare function ContactForm({ className, columns, ...props }: React.ComponentProps<"form"> & {
-    columns?: 1 | 2;
-}): React.JSX.Element;
-/** ContactFieldRow — the 2-up Name/Company row inside a single-column form. */
-declare function ContactFieldRow({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-/** ContactField — one label-over-control field cell. */
-declare function ContactField({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-/** ContactLabel — mono uppercase form label (server-safe plain `<label>`). */
-declare function ContactLabel({ className, ...props }: React.ComponentProps<"label">): React.JSX.Element;
-declare function ContactActions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { Contact, ContactIntro, ContactLocation, ContactForm, ContactFieldRow, ContactField, ContactLabel, ContactActions, };
-//# sourceMappingURL=contact.d.ts.map

package/dist/components/contact.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"contact.d.ts","sourceRoot":"","sources":["../../src/components/contact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;GAaG;AAEH,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWpE;AAED,wFAAwF;AACxF,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQzE;AAED,qEAAqE;AACrE,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAW1E;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;CAAE,qBAapD;AAED,+EAA+E;AAC/E,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ5E;AAED,wDAAwD;AACxD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAIzE;AAED,8EAA8E;AAC9E,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAW3E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ3E;AAED,OAAO,EACL,OAAO,EACP,YAAY,EACZ,eAAe,EACf,WAAW,EACX,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,cAAc,GACf,CAAC"}

package/dist/components/contact.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../lib/utils.js";
-/**
- * contact — the closing contact section (V5 B18).
- *
- * A 5fr / 7fr split: a text column (`ContactIntro` — eyebrow/title/body/location)
- * beside a form column (`ContactForm`) that sits on its own soft, bordered panel.
- * The split is a whitespace gap, never a hairline, so `Contact` owns NO structural
- * seam — the frame/lane/row perimeter is owned by the kept geometry layer this
- * composes inside, and every visible border is a control/panel perimeter.
- *
- * The form is presentational only (no submit wiring): consumers own the action and
- * state. Fields use the package `Input`/`Textarea` primitives; labels use the mono
- * uppercase `ContactLabel`. `ContactFieldRow` is the 2-up Name/Company row.
- * Token-only; no `dark:` styling.
- */
-function Contact({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "contact", className: cn("grid min-w-0 grid-cols-1 items-stretch gap-x-[clamp(32px,5vw,72px)] gap-y-10 lg:grid-cols-[5fr_7fr]", className), ...props }));
-}
-/** ContactIntro — the text column: eyebrow/title/body/location, centered vertically. */
-function ContactIntro({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "contact-intro", className: cn("grid min-w-0 content-center gap-4", className), ...props }));
-}
-/** ContactLocation — the mono location line under the intro body. */
-function ContactLocation({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "contact-location", className: cn("m-0 font-mono text-xs uppercase tracking-[0.1em] text-muted-foreground", className), ...props }));
-}
-function ContactForm({ className, columns = 1, ...props }) {
-    return (_jsx("form", { "data-slot": "contact-form", "data-columns": columns, className: cn("grid min-w-0 gap-4 rounded-md border border-border bg-muted p-[clamp(20px,3vw,32px)] text-left", columns === 2 && "sm:grid-cols-2", className), ...props }));
-}
-/** ContactFieldRow — the 2-up Name/Company row inside a single-column form. */
-function ContactFieldRow({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "contact-field-row", className: cn("grid grid-cols-1 gap-4 sm:grid-cols-2", className), ...props }));
-}
-/** ContactField — one label-over-control field cell. */
-function ContactField({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "contact-field", className: cn("grid min-w-0 gap-1.5", className), ...props }));
-}
-/** ContactLabel — mono uppercase form label (server-safe plain `<label>`). */
-function ContactLabel({ className, ...props }) {
-    return (_jsx("label", { "data-slot": "contact-label", className: cn("font-mono text-[9.5px] font-medium uppercase tracking-[0.12em] text-muted-foreground", className), ...props }));
-}
-function ContactActions({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "contact-actions", className: cn("mt-1 grid sm:col-span-2 [&>button]:w-full", className), ...props }));
-}
-export { Contact, ContactIntro, ContactLocation, ContactForm, ContactFieldRow, ContactField, ContactLabel, ContactActions, };

package/dist/components/faq-item.d.ts

@@ -1,25 +0,0 @@
-import * as React from "react";
-/**
- * faq-item — native-<details> accordion entry (replaces the retired `.nc-faq-item`).
- *
- * Uses native `<details>`/`<summary>` semantics: exclusive-open is the browser's
- * native `<details name="…">` group behaviour (no JS toggle), and the disclosure
- * carries its own ARIA — `<summary>` exposes the expanded/collapsed state to AT, so
- * an explicit `aria-expanded` is redundant (and we set it as well off the `open`
- * prop for callers that inspect it). A11y: keyboard-operable by default (Enter /
- * Space on the summary); focus-visible takes the global base-layer outline.
- *
- * Seam ownership: the holding `Faq` grid owns the hairline BETWEEN items
- * (gap-as-seam), so this draws no inter-item border. The only seam the item owns is
- * the internal hairline between its summary and answer (the answer's `border-t`),
- * bounded inside the item and revealed only when open. The native disclosure
- * triangle is hidden; a `+`/`−` bar marker carries the affordance. Token-only;
- * no `dark:` styling.
- */
-declare function FaqItem({ className, question, name, open, children, ...props }: Omit<React.ComponentProps<"details">, "name"> & {
-    question: React.ReactNode;
-    /** native exclusive-accordion group name; all items in one Faq share it */
-    name?: string;
-}): React.JSX.Element;
-export { FaqItem };
-//# sourceMappingURL=faq-item.d.ts.map

package/dist/components/faq-item.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"faq-item.d.ts","sourceRoot":"","sources":["../../src/components/faq-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;;;;GAgBG;AAEH,iBAAS,OAAO,CAAC,EACf,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,GAAG;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,qBA6BA;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/faq-item.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../lib/utils.js";
-/**
- * faq-item — native-<details> accordion entry (replaces the retired `.nc-faq-item`).
- *
- * Uses native `<details>`/`<summary>` semantics: exclusive-open is the browser's
- * native `<details name="…">` group behaviour (no JS toggle), and the disclosure
- * carries its own ARIA — `<summary>` exposes the expanded/collapsed state to AT, so
- * an explicit `aria-expanded` is redundant (and we set it as well off the `open`
- * prop for callers that inspect it). A11y: keyboard-operable by default (Enter /
- * Space on the summary); focus-visible takes the global base-layer outline.
- *
- * Seam ownership: the holding `Faq` grid owns the hairline BETWEEN items
- * (gap-as-seam), so this draws no inter-item border. The only seam the item owns is
- * the internal hairline between its summary and answer (the answer's `border-t`),
- * bounded inside the item and revealed only when open. The native disclosure
- * triangle is hidden; a `+`/`−` bar marker carries the affordance. Token-only;
- * no `dark:` styling.
- */
-function FaqItem({ className, question, name, open, children, ...props }) {
-    return (_jsxs("details", { "data-slot": "faq-item", name: name, open: open, className: cn("group bg-muted [&_summary::-webkit-details-marker]:hidden", className), ...props, children: [_jsx("summary", { className: cn("flex min-h-16 cursor-pointer list-none items-center justify-between gap-4 px-5 py-4", "text-base font-medium text-foreground transition-colors hover:text-[var(--nc-link)]", 
-                // +/- marker: two crossed bars; the vertical bar hides when open (+ -> -)
-                "after:size-3 after:flex-none after:bg-[length:12px_1px,1px_12px] after:bg-center after:bg-no-repeat", "after:[background-image:linear-gradient(var(--muted-foreground),var(--muted-foreground)),linear-gradient(var(--muted-foreground),var(--muted-foreground))]", "group-open:after:bg-[length:12px_1px] group-open:after:[background-image:linear-gradient(var(--muted-foreground),var(--muted-foreground))]"), children: question }), _jsx("div", { "data-slot": "faq-item-answer", className: "border-t border-border px-5 pt-4 pb-5 text-sm text-muted-foreground", children: children })] }));
-}
-export { FaqItem };

package/dist/components/faq.d.ts

@@ -1,20 +0,0 @@
-import * as React from "react";
-/**
- * faq — single-column question/answer accordion (replaces the retired
- * `sections/faq.css` + its coupled `faq-item` rows).
- *
- * SINGLE-OWNER SEAM: a single-track gap-as-seam grid (`gap-px bg-border`, owned
- * by `SeamGrid` with no `surface`) owns every divider BETWEEN items. Each
- * `FaqItem` is a borderless fill that repairs no inter-item seam; the only
- * hairline an item owns is its internal summary/answer rule (drawn by `FaqItem`,
- * not here). A faq is one column at every breakpoint — no column count, no dark
- * inversion (matching the retired section's variants:none).
- *
- * READING COLUMN (V5 B16): the faq is centered in a narrow 760px reading column
- * (`max-w-[760px] mx-auto`) rather than spanning the full lane. The soft surface is
- * carried by the `FaqItem` fills (`bg-muted`), so the column reads as a soft stack of
- * hairline-separated questions. Token-only; no `dark:` styling.
- */
-declare function Faq({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { Faq };
-//# sourceMappingURL=faq.d.ts.map

package/dist/components/faq.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"faq.d.ts","sourceRoot":"","sources":["../../src/components/faq.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;;GAeG;AAEH,iBAAS,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQhE;AAED,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/components/faq.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../lib/utils.js";
-import { SeamGrid } from "./seam-grid.js";
-/**
- * faq — single-column question/answer accordion (replaces the retired
- * `sections/faq.css` + its coupled `faq-item` rows).
- *
- * SINGLE-OWNER SEAM: a single-track gap-as-seam grid (`gap-px bg-border`, owned
- * by `SeamGrid` with no `surface`) owns every divider BETWEEN items. Each
- * `FaqItem` is a borderless fill that repairs no inter-item seam; the only
- * hairline an item owns is its internal summary/answer rule (drawn by `FaqItem`,
- * not here). A faq is one column at every breakpoint — no column count, no dark
- * inversion (matching the retired section's variants:none).
- *
- * READING COLUMN (V5 B16): the faq is centered in a narrow 760px reading column
- * (`max-w-[760px] mx-auto`) rather than spanning the full lane. The soft surface is
- * carried by the `FaqItem` fills (`bg-muted`), so the column reads as a soft stack of
- * hairline-separated questions. Token-only; no `dark:` styling.
- */
-function Faq({ className, ...props }) {
-    return (_jsx(SeamGrid, { "data-slot": "faq", className: cn("mx-auto h-full max-w-[760px] grid-cols-1", className), ...props }));
-}
-export { Faq };

package/dist/components/feature-grid.d.ts

@@ -1,23 +0,0 @@
-import * as React from "react";
-declare function FeatureGrid({ eyebrow, intro, closing, link, columns, children, className, ...props }: React.ComponentProps<"div"> & {
-    eyebrow?: React.ReactNode;
-    intro?: React.ReactNode;
-    closing?: React.ReactNode;
-    link?: React.ReactNode;
-    columns?: 2 | 3 | 4;
-}): React.JSX.Element;
-/**
- * FeatureCard — one peer card: a verde-accent index chip using the canonical
- * `--nc-link-deep` pair (deep verde on light, bright verde on dark), a title, a body
- * paragraph, and an optional bottom visual slot pinned to the card's foot
- * (`mt-auto`). Every part renders only when its content is present; with no visual
- * the card sizes to its copy over a modest min-height so a peer row stays balanced
- * (no cavernous empty foot).
- */
-declare function FeatureCard({ index, title, visual, children, className, ...props }: React.ComponentProps<"div"> & {
-    index?: React.ReactNode;
-    title?: React.ReactNode;
-    visual?: React.ReactNode;
-}): React.JSX.Element;
-export { FeatureGrid, FeatureCard };
-//# sourceMappingURL=feature-grid.d.ts.map

package/dist/components/feature-grid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"feature-grid.d.ts","sourceRoot":"","sources":["../../src/components/feature-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,iBAAS,WAAW,CAAC,EACnB,OAAO,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,OAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACrB,qBA+BA;AAED;;;;;;;GAOG;AACH,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,qBAmCA;AAED,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/feature-grid.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../lib/utils.js";
-import { SeamGrid } from "./seam-grid.js";
-/**
- * feature-grid — an indexed head row over a wall of seamed peer cards, closed by
- * a line of copy and an arrow-link slot (V5 B06).
- *
- * The head (mono eyebrow + intro paragraph) and the close (a trailing line plus a
- * caller-supplied link) are optional slots; absent, they render nothing. The cards
- * are `FeatureCard` peers laid in a SINGLE-OWNER SEAM grid (`SeamGrid`, `gap-px
- * bg-border`), so every divider is owned once and the cards stay borderless fills.
- * Token-only; no `dark:` styling.
- */
-const columnClasses = {
-    2: "grid-cols-1 md:grid-cols-2",
-    3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
-    4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4",
-};
-function FeatureGrid({ eyebrow, intro, closing, link, columns = 3, children, className, ...props }) {
-    return (_jsxs("div", { "data-slot": "feature-grid", className: cn("grid gap-8", className), ...props, children: [eyebrow != null || intro != null ? (_jsxs("div", { "data-slot": "feature-grid-head", className: "grid gap-3", children: [eyebrow != null ? (_jsx("p", { className: "nc-type-label-mono uppercase text-muted-foreground", children: eyebrow })) : null, intro != null ? (_jsx("p", { className: "nc-type-body-md max-w-[64ch] text-muted-foreground", children: intro })) : null] })) : null, _jsx(SeamGrid, { "data-slot": "feature-grid-cards", className: columnClasses[columns], children: children }), closing != null || link != null ? (_jsxs("div", { "data-slot": "feature-grid-close", className: "flex flex-wrap items-baseline gap-x-3 gap-y-2", children: [closing != null ? (_jsx("span", { className: "nc-type-body-md text-muted-foreground", children: closing })) : null, link] })) : null] }));
-}
-/**
- * FeatureCard — one peer card: a verde-accent index chip using the canonical
- * `--nc-link-deep` pair (deep verde on light, bright verde on dark), a title, a body
- * paragraph, and an optional bottom visual slot pinned to the card's foot
- * (`mt-auto`). Every part renders only when its content is present; with no visual
- * the card sizes to its copy over a modest min-height so a peer row stays balanced
- * (no cavernous empty foot).
- */
-function FeatureCard({ index, title, visual, children, className, ...props }) {
-    return (_jsxs("div", { "data-slot": "feature-card", className: cn("flex min-h-[200px] flex-col gap-4 bg-card p-[clamp(20px,2.4vw,32px)]", className), ...props, children: [index != null ? (_jsx("span", { "data-slot": "feature-card-index", className: "nc-type-label-mono text-[var(--nc-link-deep)]", children: index })) : null, title != null ? (_jsx("h3", { "data-slot": "feature-card-title", className: "nc-type-heading-md text-foreground", children: title })) : null, children != null ? (_jsx("p", { "data-slot": "feature-card-body", className: "nc-type-body-sm text-muted-foreground", children: children })) : null, visual != null ? (_jsx("div", { "data-slot": "feature-card-visual", className: "mt-auto", children: visual })) : null] }));
-}
-export { FeatureGrid, FeatureCard };

package/dist/components/feature-rows.d.ts

@@ -1,23 +0,0 @@
-import * as React from "react";
-/**
- * feature-rows — alternating text↔art rows (V5 B07).
- *
- * Each `FeatureRow` is a two-cell split: a copy cell and a dotted-texture art
- * panel. The default row runs text (narrow, 5fr) beside art (wide, 7fr); `flip`
- * swaps the visual order so the art sits on the wide left track and the text on
- * the narrow right — while text always leads in the DOM so it reads first when the
- * row stacks to one column.
- *
- * SINGLE-OWNER SEAM: the split divider is the `SeamGrid` gap-as-seam. The art panel
- * is a container-only slot — the chat/export specimens are caller content, never
- * baked in; an empty panel is just the dotted texture. Token-only; no `dark:`
- * styling.
- */
-declare function FeatureRows({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function FeatureRow({ flip, text, art, className, ...props }: React.ComponentProps<"div"> & {
-    flip?: boolean;
-    text?: React.ReactNode;
-    art?: React.ReactNode;
-}): React.JSX.Element;
-export { FeatureRows, FeatureRow };
-//# sourceMappingURL=feature-rows.d.ts.map

package/dist/components/feature-rows.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"feature-rows.d.ts","sourceRoot":"","sources":["../../src/components/feature-rows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;GAaG;AAEH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAExE;AAED,iBAAS,UAAU,CAAC,EAClB,IAAY,EACZ,IAAI,EACJ,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,qBA+BA;AAED,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/feature-rows.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../lib/utils.js";
-import { SeamGrid } from "./seam-grid.js";
-/**
- * feature-rows — alternating text↔art rows (V5 B07).
- *
- * Each `FeatureRow` is a two-cell split: a copy cell and a dotted-texture art
- * panel. The default row runs text (narrow, 5fr) beside art (wide, 7fr); `flip`
- * swaps the visual order so the art sits on the wide left track and the text on
- * the narrow right — while text always leads in the DOM so it reads first when the
- * row stacks to one column.
- *
- * SINGLE-OWNER SEAM: the split divider is the `SeamGrid` gap-as-seam. The art panel
- * is a container-only slot — the chat/export specimens are caller content, never
- * baked in; an empty panel is just the dotted texture. Token-only; no `dark:`
- * styling.
- */
-function FeatureRows({ className, ...props }) {
-    return _jsx("div", { "data-slot": "feature-rows", className: cn("grid", className), ...props });
-}
-function FeatureRow({ flip = false, text, art, className, ...props }) {
-    return (_jsxs(SeamGrid, { "data-slot": "feature-row", "data-flip": flip || undefined, className: cn("min-h-[520px] grid-cols-1", flip ? "lg:grid-cols-[7fr_5fr]" : "lg:grid-cols-[5fr_7fr]", className), ...props, children: [_jsx("div", { "data-slot": "feature-row-text", className: cn("nc-panel-cell bg-card", flip && "lg:order-2"), children: text }), _jsx("div", { "data-slot": "feature-row-art", className: cn(
-                // The semantic card fill and the raw `--nc-*` tokens used by
-                // `nc-dotted-field` both flip under any `.dark` ancestor.
-                "nc-dotted-field grid place-items-center overflow-hidden bg-card p-[clamp(24px,4vw,56px)]", flip && "lg:order-1"), children: art })] }));
-}
-export { FeatureRows, FeatureRow };

package/dist/components/hero-split.d.ts

@@ -1,23 +0,0 @@
-import * as React from "react";
-/**
- * hero-split — the page-opening hero (replaces the retired `sections/hero-split.css`).
- *
- * A two-cell split: a copy cell (kicker, headline, lead, CTA row) beside an
- * image-dominant visual cell. SINGLE-OWNER SEAM: the single divider between the two
- * cells is the cell-grid gap-as-seam — the panel paints the brand `line` behind the
- * cells (`bg-border`) and leaves a 1px guide gap (`gap-px`), so the only visible
- * line at that coordinate is the one the grid draws.
- * The frame/lane/row perimeter is owned by the kept geometry layer; the hero adds no
- * competing border.
- *
- * Image-dominant by intent: on desktop the copy cell takes the narrower track and
- * the visual cell the wider one (`1fr / 1.5fr`). The visual cell is a FLUSH mount —
- * no padding, no inset — so the image (the kept design-system `image`/`.nc-image`
- * CSS atom the caller drops into `HeroSplitVisual`) fills the cell edge to edge and
- * is the hero's surface, not a padded stamp. Token-only; no `dark:` styling.
- */
-declare function HeroSplit({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function HeroSplitCopy({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function HeroSplitVisual({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { HeroSplit, HeroSplitCopy, HeroSplitVisual };
-//# sourceMappingURL=hero-split.d.ts.map

package/dist/components/hero-split.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hero-split.d.ts","sourceRoot":"","sources":["../../src/components/hero-split.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;;;GAgBG;AAEH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAYtE;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW1E;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAa5E;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/hero-split.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../lib/utils.js";
-import { SeamGrid } from "./seam-grid.js";
-/**
- * hero-split — the page-opening hero (replaces the retired `sections/hero-split.css`).
- *
- * A two-cell split: a copy cell (kicker, headline, lead, CTA row) beside an
- * image-dominant visual cell. SINGLE-OWNER SEAM: the single divider between the two
- * cells is the cell-grid gap-as-seam — the panel paints the brand `line` behind the
- * cells (`bg-border`) and leaves a 1px guide gap (`gap-px`), so the only visible
- * line at that coordinate is the one the grid draws.
- * The frame/lane/row perimeter is owned by the kept geometry layer; the hero adds no
- * competing border.
- *
- * Image-dominant by intent: on desktop the copy cell takes the narrower track and
- * the visual cell the wider one (`1fr / 1.5fr`). The visual cell is a FLUSH mount —
- * no padding, no inset — so the image (the kept design-system `image`/`.nc-image`
- * CSS atom the caller drops into `HeroSplitVisual`) fills the cell edge to edge and
- * is the hero's surface, not a padded stamp. Token-only; no `dark:` styling.
- */
-function HeroSplit({ className, ...props }) {
-    return (_jsx(SeamGrid, { "data-slot": "hero-split", className: cn(
-        // The panel owns internal seams only; the page/frame/hatch rail owns the perimeter.
-        "min-h-[inherit] min-w-0 grid-cols-1 sm:grid-cols-[minmax(0,1fr)_minmax(0,1.5fr)]", className), ...props }));
-}
-function HeroSplitCopy({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "hero-split-copy", className: cn("grid min-w-0 content-center gap-4 overflow-hidden bg-card p-[clamp(24px,4vw,56px)]", className), ...props }));
-}
-function HeroSplitVisual({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "hero-split-visual", className: cn(
-        // flush mount: no padding/inset; the image fills the cell. canvas shows only
-        // until the image covers it. the kept `.nc-image` atom self-sizes here.
-        "grid min-w-0 overflow-hidden bg-card [&_.nc-image]:h-full", className), ...props }));
-}
-export { HeroSplit, HeroSplitCopy, HeroSplitVisual };

package/dist/components/hero.d.ts

@@ -1,28 +0,0 @@
-import * as React from "react";
-/**
- * hero — the full-viewport, always-dark page-opening hero (V5 · B02).
- *
- * A left-pinned copy column (kicker with an accent bar, poster headline, lead, and a
- * two-CTA row) over a right-anchored visual slot. The hero is ALWAYS dark, so the
- * root carries its own `dark` ancestor class and resolves every colour from the
- * semantic roles that state each element's purpose (`bg-background`,
- * `text-foreground`, `text-muted-foreground`, `bg-primary`, `border-border`).
- *
- * STUBBED VISUAL: `HeroVisual` is a clean static slot the consumer fills with an
- * image or inline SVG (the founder-approved WebGL Duomo particle field is out of
- * scope for this pass). Absent content, it renders only the dark surface behind the
- * copy — no canvas, no WebGL, no motion.
- *
- * The copy parts are typed presentational wrappers; the consumer supplies the words
- * and drops `Button`s into `HeroActions`. Token-only; the root sets its own `dark`
- * class (an accepted ancestor-class remap), never `dark:` utilities.
- */
-declare function Hero({ className, ...props }: React.ComponentProps<"section">): React.JSX.Element;
-declare function HeroVisual({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function HeroBody({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function HeroKicker({ className, children, ...props }: React.ComponentProps<"p">): React.JSX.Element;
-declare function HeroTitle({ className, ...props }: React.ComponentProps<"h1">): React.JSX.Element;
-declare function HeroLead({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
-declare function HeroActions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { Hero, HeroVisual, HeroBody, HeroKicker, HeroTitle, HeroLead, HeroActions };
-//# sourceMappingURL=hero.d.ts.map

package/dist/components/hero.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../src/components/hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;;;;;GAiBG;AAEH,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,qBAWrE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAevE;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWrE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAc/E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQrE;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAQnE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQxE;AAED,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/hero.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../lib/utils.js";
-/**
- * hero — the full-viewport, always-dark page-opening hero (V5 · B02).
- *
- * A left-pinned copy column (kicker with an accent bar, poster headline, lead, and a
- * two-CTA row) over a right-anchored visual slot. The hero is ALWAYS dark, so the
- * root carries its own `dark` ancestor class and resolves every colour from the
- * semantic roles that state each element's purpose (`bg-background`,
- * `text-foreground`, `text-muted-foreground`, `bg-primary`, `border-border`).
- *
- * STUBBED VISUAL: `HeroVisual` is a clean static slot the consumer fills with an
- * image or inline SVG (the founder-approved WebGL Duomo particle field is out of
- * scope for this pass). Absent content, it renders only the dark surface behind the
- * copy — no canvas, no WebGL, no motion.
- *
- * The copy parts are typed presentational wrappers; the consumer supplies the words
- * and drops `Button`s into `HeroActions`. Token-only; the root sets its own `dark`
- * class (an accepted ancestor-class remap), never `dark:` utilities.
- */
-function Hero({ className, ...props }) {
-    return (_jsx("section", { "data-slot": "hero", className: cn("dark relative isolate min-h-[max(640px,100svh)] overflow-hidden bg-background text-foreground", className), ...props }));
-}
-function HeroVisual({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "hero-visual", "aria-hidden": "true", className: cn(
-        // Right-anchored static plate. Flush mount: consumer media fills it; empty,
-        // it is just the dark surface. This is the stub slot for the WebGL field.
-        "pointer-events-none absolute inset-y-0 right-0 z-0 hidden w-[62%] overflow-hidden border-l border-border/60 sm:block", "[&_img]:size-full [&_img]:object-cover [&_svg]:size-full", className), ...props }));
-}
-function HeroBody({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "hero-body", className: cn("relative z-10 mx-auto flex min-h-[inherit] w-full max-w-[1200px] flex-col items-start justify-center gap-6 px-[clamp(24px,5vw,64px)] py-[clamp(96px,12vw,120px)]", className), ...props }));
-}
-function HeroKicker({ className, children, ...props }) {
-    return (_jsxs("p", { "data-slot": "hero-kicker", className: cn("nc-type-label-mono flex items-center gap-3 uppercase text-muted-foreground", className), ...props, children: [_jsx("span", { "data-slot": "hero-kicker-bar", "aria-hidden": "true", className: "h-0.5 w-8 bg-primary" }), children] }));
-}
-function HeroTitle({ className, ...props }) {
-    return (_jsx("h1", { "data-slot": "hero-title", className: cn("nc-type-display-lg max-w-[16ch] text-balance text-foreground", className), ...props }));
-}
-function HeroLead({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "hero-lead", className: cn("nc-type-body-lg max-w-[40ch] text-muted-foreground", className), ...props }));
-}
-function HeroActions({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "hero-actions", className: cn("mt-2 flex flex-wrap items-center gap-3", className), ...props }));
-}
-export { Hero, HeroVisual, HeroBody, HeroKicker, HeroTitle, HeroLead, HeroActions };

package/dist/components/integration-flow.d.ts

@@ -1,36 +0,0 @@
-import * as React from "react";
-/**
- * integration-flow — the "how it runs" flow diagram (V5 B10).
- *
- * A four-node flow: three main-row nodes (source → agent → output) plus one
- * branch node (a named person) below the centre. Wide layouts use one inline
- * SVG connector layer. Compact layouts reflow to source → agent → a two-column
- * output/person fork and use CSS borders in the real gaps, so connectors never
- * disappear behind stacked cards. This pass is STATIC: no `animateMotion`, no
- * draw-on stroke animation.
- *
- * All SVG colours resolve through `var(--nc-*)` / semantic role tokens, never a
- * raw literal. `IntegrationFlowLegend` / `IntegrationFlowLegendPill` render the
- * tint key. Copy is props-driven: only the nodes you pass are rendered.
- *
- * Light-surface composition; inherits the page theme and sets no dark root.
- * Token-only; no `dark:` styling.
- */
-type FlowTone = "neutral" | "primary" | "warning";
-type FlowNode = {
-    label: string;
-    sublabel?: string;
-    tone?: FlowTone;
-    icon?: React.ReactNode;
-};
-declare function IntegrationFlow({ nodes, className, ...props }: React.ComponentProps<"div"> & {
-    nodes?: FlowNode[];
-}): React.JSX.Element;
-type LegendTone = "primary" | "warning" | "info";
-declare function IntegrationFlowLegend({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function IntegrationFlowLegendPill({ tone, className, ...props }: React.ComponentProps<"span"> & {
-    tone?: LegendTone;
-}): React.JSX.Element;
-export { IntegrationFlow, IntegrationFlowLegend, IntegrationFlowLegendPill };
-export type { FlowNode, FlowTone, LegendTone };
-//# sourceMappingURL=integration-flow.d.ts.map

package/dist/components/integration-flow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"integration-flow.d.ts","sourceRoot":"","sources":["../../src/components/integration-flow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;;;;GAgBG;AAEH,KAAK,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAElD,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAyDF,iBAAS,eAAe,CAAC,EACvB,KAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;CACpB,qBA2HA;AAED,KAAK,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAQjD,iBAAS,qBAAqB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQlF;AAED,iBAAS,yBAAyB,CAAC,EACjC,IAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,UAAU,CAAA;CAAE,qBAatD;AAED,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,CAAC;AAC7E,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/integration-flow.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../lib/utils.js";
-const NODE_BORDER_CLASS = {
-    neutral: "border-border",
-    primary: "border-primary",
-    warning: "border-warning",
-};
-const NODE_CHIP_CLASS = {
-    neutral: "bg-muted",
-    primary: "bg-[var(--nc-link-bg-soft)]",
-    warning: "bg-[var(--nc-warning-soft)]",
-};
-// Default role tones for the canonical four-node arrangement.
-const DEFAULT_TONES = ["neutral", "primary", "neutral", "warning"];
-function FlowNodeBox({ node, tone }) {
-    return (_jsxs("div", { "data-slot": "integration-flow-node", "data-tone": tone, className: cn("relative z-10 flex flex-col gap-2 border bg-card p-4", NODE_BORDER_CLASS[tone]), children: [node.icon ? (_jsx("span", { "data-slot": "integration-flow-node-icon", "aria-hidden": "true", className: cn("grid size-8 place-items-center text-foreground [&_svg]:size-4", NODE_CHIP_CLASS[tone]), children: node.icon })) : null, _jsx("span", { "data-slot": "integration-flow-node-label", className: "font-mono text-[11px] tracking-[0.08em] text-foreground uppercase", children: node.label }), node.sublabel ? (_jsx("span", { "data-slot": "integration-flow-node-sublabel", className: "font-mono text-[10px] text-muted-foreground", children: node.sublabel })) : null] }));
-}
-function IntegrationFlow({ nodes = [], className, ...props }) {
-    const main = nodes.slice(0, 3);
-    const branch = nodes[3];
-    const toneOf = (node, i) => node.tone ?? DEFAULT_TONES[i] ?? "neutral";
-    return (_jsxs("div", { "data-slot": "integration-flow", className: cn("nc-dotted-field relative grid gap-y-8 bg-card p-6 sm:p-10", className), ...props, children: [_jsxs("svg", { "data-slot": "integration-flow-connectors", className: "pointer-events-none absolute inset-0 hidden size-full sm:block", viewBox: "0 0 300 200", preserveAspectRatio: "none", "aria-hidden": "true", focusable: "false", children: [main.length > 1 ? (_jsx("line", { "data-slot": "integration-flow-link", x1: "60", y1: "46", x2: "140", y2: "46", stroke: "var(--primary)", strokeWidth: "1.5", vectorEffect: "non-scaling-stroke" })) : null, main.length > 2 ? (_jsx("line", { "data-slot": "integration-flow-link", x1: "160", y1: "46", x2: "240", y2: "46", stroke: "var(--primary)", strokeWidth: "1.5", vectorEffect: "non-scaling-stroke" })) : null, branch ? (_jsx("line", { "data-slot": "integration-flow-branch-link", x1: "150", y1: "62", x2: "150", y2: "150", stroke: "var(--border)", strokeWidth: "1.5", strokeDasharray: "4 4", vectorEffect: "non-scaling-stroke" })) : null] }), _jsxs("div", { "data-slot": "integration-flow-main", className: "grid grid-cols-1 gap-y-6 sm:grid-cols-3 sm:gap-x-6 sm:gap-y-8", children: [main[0] ? _jsx(FlowNodeBox, { node: main[0], tone: toneOf(main[0], 0) }) : null, main[1] ? (_jsxs("div", { className: "relative", children: [_jsx("span", { "data-slot": "integration-flow-mobile-link", className: "pointer-events-none absolute -top-6 left-1/2 h-6 border-l border-primary sm:hidden", "aria-hidden": "true" }), _jsx(FlowNodeBox, { node: main[1], tone: toneOf(main[1], 1) })] })) : null, main[2] ? (_jsxs("div", { className: cn("relative grid pt-6 sm:contents", branch ? "grid-cols-2 gap-4" : "grid-cols-1"), children: [_jsx("span", { "data-slot": "integration-flow-mobile-fork-entry", className: "pointer-events-none absolute -top-6 left-1/2 h-6 border-l border-primary sm:hidden", "aria-hidden": "true" }), _jsxs("span", { "data-slot": "integration-flow-mobile-fork", className: cn("pointer-events-none absolute inset-x-0 top-0 h-6 sm:hidden", branch &&
-                                    "before:absolute before:top-3 before:right-1/4 before:left-1/4 before:border-t before:border-primary after:absolute after:top-0 after:left-1/2 after:h-3 after:border-l after:border-primary"), "aria-hidden": "true", children: [_jsx("span", { className: cn("absolute bottom-0 h-3 border-l border-primary", branch ? "left-1/4" : "left-1/2") }), branch ? (_jsx("span", { className: "absolute right-1/4 bottom-0 h-3 border-l border-dashed border-border" })) : null] }), _jsx("div", { className: "sm:col-start-3 sm:row-start-1", children: _jsx(FlowNodeBox, { node: main[2], tone: toneOf(main[2], 2) }) }), branch ? (_jsx("div", { "data-slot": "integration-flow-branch", className: "sm:col-start-2 sm:row-start-2", children: _jsx(FlowNodeBox, { node: branch, tone: toneOf(branch, 3) }) })) : null] })) : null] })] }));
-}
-const LEGEND_TINT_CLASS = {
-    primary: "bg-[var(--nc-link-bg-soft)] text-[var(--nc-link-deep)]",
-    warning: "bg-[var(--nc-warning-soft)] text-[var(--nc-warning-deep)]",
-    info: "bg-[var(--nc-info-soft)] text-[var(--nc-info-deep)]",
-};
-function IntegrationFlowLegend({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "integration-flow-legend", className: cn("flex flex-wrap gap-2", className), ...props }));
-}
-function IntegrationFlowLegendPill({ tone = "primary", className, ...props }) {
-    return (_jsx("span", { "data-slot": "integration-flow-legend-pill", "data-tone": tone, className: cn("inline-flex items-center gap-1.5 px-2.5 py-1 font-mono text-[10px] tracking-[0.1em] uppercase", LEGEND_TINT_CLASS[tone], className), ...props }));
-}
-export { IntegrationFlow, IntegrationFlowLegend, IntegrationFlowLegendPill };