@nadicodeai/ui 0.10.2 → 0.12.0

package/dist/components/steps.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils.js";
+import { SectionIntro, SectionIntroKicker, SectionIntroTitle } from "./section-intro.js";
+/**
+ * steps — the "how it works" station rail (V5 B09).
+ *
+ * An eyebrow + statement head sits above a STATIC horizontal rail (a single
+ * filled foreground rule — the walking-dot progress animation is intentionally
+ * out of scope this pass) and a row of numbered stations. Each `Step` carries a
+ * square brand marker, a mono index, a title, an optional mono price line, and a
+ * body. `StepsBranch` is a dashed-left callout rendered below the station row.
+ *
+ * This is one of only two surfaces where prices may appear (the pricing section
+ * is the other), so the `price` line is a first-class, opt-in slot rather than a
+ * generic field. Copy is props-driven: absent parts render nothing.
+ *
+ * Light-surface composition; it inherits the page theme and sets no dark root.
+ * Token-only; no `dark:` styling.
+ */
+function Steps({ kicker, title, children, className, ...props }) {
+    const stations = [];
+    const branches = [];
+    React.Children.forEach(children, (child) => {
+        if (React.isValidElement(child) && child.type === StepsBranch) {
+            branches.push(child);
+        }
+        else {
+            stations.push(child);
+        }
+    });
+    return (_jsxs("section", { "data-slot": "steps", className: cn("grid gap-8", className), ...props, children: [kicker || title ? (_jsxs(SectionIntro, { align: "start", className: "min-h-0 bg-transparent p-0", children: [kicker ? _jsx(SectionIntroKicker, { children: kicker }) : null, title ? (_jsx(SectionIntroTitle, { className: "mx-0 max-w-[28ch] text-balance text-left", children: title })) : null] })) : null, _jsx("div", { "data-slot": "steps-rail", "aria-hidden": "true", className: "h-px w-full bg-foreground" }), _jsx("div", { "data-slot": "steps-stations", className: "grid grid-cols-1 gap-10 sm:grid-cols-2 md:grid-cols-4", children: stations }), branches.length > 0 ? branches : null] }));
+}
+function Step({ index, title, price, body, className, children, ...props }) {
+    return (_jsxs("div", { "data-slot": "step", className: cn("flex flex-col gap-3", className), ...props, children: [_jsx("span", { "data-slot": "step-marker", "aria-hidden": "true", className: "size-2 rounded-[1px] bg-primary" }), index ? (_jsx("span", { "data-slot": "step-index", className: "font-mono text-[10px] tracking-[0.14em] text-muted-foreground uppercase", children: index })) : null, title ? (_jsx("h3", { "data-slot": "step-title", className: "nc-type-body-md-strong text-foreground", children: title })) : null, price ? (_jsx("span", { "data-slot": "step-price", className: "font-mono text-xs font-semibold tracking-[0.04em] text-[var(--nc-link-deep)] uppercase", children: price })) : null, body ? (_jsx("p", { "data-slot": "step-body", className: "nc-type-body-sm max-w-[30ch] text-muted-foreground", children: body })) : null, children] }));
+}
+function StepsBranch({ label, title, body, className, children, ...props }) {
+    return (_jsxs("aside", { "data-slot": "steps-branch", className: cn("flex flex-col gap-3 border-l border-dashed border-border pl-6", className), ...props, children: [label ? (_jsx("span", { "data-slot": "steps-branch-label", className: "font-mono text-[10px] tracking-[0.14em] text-[var(--nc-link-deep)] uppercase", children: label })) : null, title ? (_jsx("h3", { "data-slot": "steps-branch-title", className: "nc-type-body-md-strong text-foreground", children: title })) : null, body ? (_jsx("p", { "data-slot": "steps-branch-body", className: "nc-type-body-sm max-w-[52ch] text-muted-foreground", children: body })) : null, children] }));
+}
+export { Steps, Step, StepsBranch };

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

@@ -0,0 +1,27 @@
+import * as React from "react";
+/**
+ * team-grid — the "the people" roster (V5 B17).
+ *
+ * A three-column wall of `TeamMember` cells over the gap-as-seam grid (`SeamGrid`
+ * owns every divider once; the cells are borderless fills). Each member reads
+ * avatar → role → name → line, top-aligned.
+ *
+ * SINGLE-OWNER SEAM: the holding `SeamGrid` paints the brand line behind the cells
+ * and leaves a 1px guide gap, so no cell draws a competing border.
+ *
+ * INVERTED CELL: the non-human team member renders as a dark surface cell inside an
+ * otherwise light section. This is expressed with an ancestor `.dark` class ON THE
+ * CELL ROOT (`variant="inverted"`) — an accepted ancestor-class remap, NOT a `dark:`
+ * utility. Every colour must flip from that cell-local `.dark`: the cell composes
+ * semantic roles (`bg-card`, `text-foreground`, `text-muted-foreground`) and the
+ * canonical `--nc-link-deep` pair for the verde accent. Token-only.
+ */
+declare function TeamGrid({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function TeamMember({ className, variant, avatar, role, name, children, ...props }: React.ComponentProps<"div"> & {
+    variant?: "default" | "inverted";
+    avatar?: React.ReactNode;
+    role?: React.ReactNode;
+    name?: React.ReactNode;
+}): React.JSX.Element;
+export { TeamGrid, TeamMember };
+//# sourceMappingURL=team-grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"team-grid.d.ts","sourceRoot":"","sources":["../../src/components/team-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;;;GAgBG;AAEH,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQrE;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAmB,EACnB,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,qBA2CA;AAED,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/team-grid.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+import { SeamGrid } from "./seam-grid.js";
+/**
+ * team-grid — the "the people" roster (V5 B17).
+ *
+ * A three-column wall of `TeamMember` cells over the gap-as-seam grid (`SeamGrid`
+ * owns every divider once; the cells are borderless fills). Each member reads
+ * avatar → role → name → line, top-aligned.
+ *
+ * SINGLE-OWNER SEAM: the holding `SeamGrid` paints the brand line behind the cells
+ * and leaves a 1px guide gap, so no cell draws a competing border.
+ *
+ * INVERTED CELL: the non-human team member renders as a dark surface cell inside an
+ * otherwise light section. This is expressed with an ancestor `.dark` class ON THE
+ * CELL ROOT (`variant="inverted"`) — an accepted ancestor-class remap, NOT a `dark:`
+ * utility. Every colour must flip from that cell-local `.dark`: the cell composes
+ * semantic roles (`bg-card`, `text-foreground`, `text-muted-foreground`) and the
+ * canonical `--nc-link-deep` pair for the verde accent. Token-only.
+ */
+function TeamGrid({ className, ...props }) {
+    return (_jsx(SeamGrid, { "data-slot": "team-grid", className: cn("h-full grid-cols-1 sm:grid-cols-2 lg:grid-cols-3", className), ...props }));
+}
+function TeamMember({ className, variant = "default", avatar, role, name, children, ...props }) {
+    return (_jsxs("div", { "data-slot": "team-member", "data-variant": variant, className: cn("grid min-h-[250px] min-w-0 content-start gap-3 p-[clamp(24px,3vw,40px)] bg-card text-foreground", 
+        // inverted: a dark cell inside a light section via a local `.dark` boundary
+        // (ancestor-class remap, not a `dark:` utility). Same roles, dark values.
+        variant === "inverted" && "dark", className), ...props, children: [avatar ? (_jsx("span", { "data-slot": "team-member-avatar", "aria-hidden": "true", className: "flex size-13 items-center justify-center rounded-full bg-success/15 text-lg font-semibold text-[var(--nc-link-deep)]", children: avatar })) : null, role ? (_jsx("span", { "data-slot": "team-member-role", className: "font-mono text-[10px] uppercase tracking-[0.13em] text-[var(--nc-link-deep)]", children: role })) : null, name ? (_jsx("h3", { "data-slot": "team-member-name", className: "text-[17px] font-semibold text-foreground", children: name })) : null, children ? (_jsx("p", { "data-slot": "team-member-line", className: "text-sm text-muted-foreground", children: children })) : null] }));
+}
+export { TeamGrid, TeamMember };

package/dist/components/testimonials.d.ts

@@ -1,21 +1,48 @@
 import * as React from "react";
 /**
- * testimonials — credibility row of customer quotes (replaces the retired
- * `sections/testimonials.css` + its coupled `quote-card` cells).
+ * testimonials — credibility surface for customer quotes.
  *
- * Two modes, both seam-single-owner:
- *  - single (no `columns`): one full-width `QuoteCard` centered with a comfortable
- *    measure; the card is borderless so it adds NO seam.
- *  - grid (`columns=2|3`): a wall of `QuoteCard`s in the gap-as-seam grid — the
- *    grid owns every divider once (`gap-px bg-border`). `surface="ink"` flips only
- *    the seam colour, never its weight.
+ * Three modes, all seam-single-owner:
+ *  - single (no `columns`, no `aside`): one full-width `QuoteCard` centered with a
+ *    comfortable measure; the card is borderless so it adds NO seam.
+ *  - grid (`columns=2|3`): a wall of `QuoteCard`s in the gap-as-seam grid — the grid
+ *    owns every divider once (`gap-px bg-border`). `surface="ink"` flips only the
+ *    seam colour, never its weight.
+ *  - record (`aside`): the featured 7fr / 5fr split (V5 B13) — a big quote beside a
+ *    side record card (`TestimonialRecord`). This split uses a whitespace gap, not a
+ *    hairline, so it introduces NO structural seam; the frame/lane/row perimeter is
+ *    still owned by the kept geometry layer.
  *
- * The frame/lane/row perimeter is owned by the kept geometry layer; this owns no
- * frame math, no marker, no perimeter line. Token-only; no `dark:` styling.
+ * The `TestimonialRecord` slot reuses the status-row idiom (a mono line with a tint
+ * state pill) through `TestimonialRecordRow` children, so consumers do not import any
+ * live-demo internals. No fake proof: absent rows/status render nothing.
+ *
+ * Token-only; no `dark:` styling.
  */
-declare function Testimonials({ className, columns, surface, children, ...props }: React.ComponentProps<"div"> & {
+declare function Testimonials({ className, columns, surface, aside, children, ...props }: React.ComponentProps<"div"> & {
     columns?: 2 | 3;
     surface?: "canvas" | "ink";
+    /** the side record card; presence switches to the featured 7fr / 5fr split */
+    aside?: React.ReactNode;
+}): React.JSX.Element;
+/**
+ * TestimonialRecord — the side record card in the featured split. A soft, bordered
+ * card (its own perimeter, not a structural seam) with an optional mono `tag` over a
+ * stack of `TestimonialRecordRow` children.
+ */
+declare function TestimonialRecord({ className, tag, children, ...props }: React.ComponentProps<"div"> & {
+    tag?: React.ReactNode;
+}): React.JSX.Element;
+/**
+ * TestimonialRecordRow — one status line in the record card: a mono label with an
+ * optional trailing state pill (done = green soft/deep, waiting = amber soft/deep —
+ * the AA-clearing status-tag idiom, a deep-ink label on a soft same-hue ground). The
+ * inter-row hairline is owned here (`border-t`, dropped on the first row). No fake
+ * proof: an absent `status` renders no pill.
+ */
+declare function TestimonialRecordRow({ className, state, status, children, ...props }: React.ComponentProps<"div"> & {
+    state?: "done" | "waiting";
+    status?: React.ReactNode;
 }): React.JSX.Element;
-export { Testimonials };
+export { Testimonials, TestimonialRecord, TestimonialRecordRow };
 //# sourceMappingURL=testimonials.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"testimonials.d.ts","sourceRoot":"","sources":["../../src/components/testimonials.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;GAaG;AAEH,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,OAAO,EACP,OAAkB,EAClB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAChB,OAAO,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CAC5B,qBA6BA;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"testimonials.d.ts","sourceRoot":"","sources":["../../src/components/testimonials.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,OAAO,EACP,OAAkB,EAClB,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAChB,OAAO,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC3B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,qBAiDA;AAED;;;;GAIG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBAkBzD;AAED;;;;;;GAMG;AACH,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,KAAc,EACd,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBA4BxF;AAED,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/testimonials.js

@@ -1,25 +1,58 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
 import { SeamGrid } from "./seam-grid.js";
 /**
- * testimonials — credibility row of customer quotes (replaces the retired
- * `sections/testimonials.css` + its coupled `quote-card` cells).
+ * testimonials — credibility surface for customer quotes.
  *
- * Two modes, both seam-single-owner:
- *  - single (no `columns`): one full-width `QuoteCard` centered with a comfortable
- *    measure; the card is borderless so it adds NO seam.
- *  - grid (`columns=2|3`): a wall of `QuoteCard`s in the gap-as-seam grid — the
- *    grid owns every divider once (`gap-px bg-border`). `surface="ink"` flips only
- *    the seam colour, never its weight.
+ * Three modes, all seam-single-owner:
+ *  - single (no `columns`, no `aside`): one full-width `QuoteCard` centered with a
+ *    comfortable measure; the card is borderless so it adds NO seam.
+ *  - grid (`columns=2|3`): a wall of `QuoteCard`s in the gap-as-seam grid — the grid
+ *    owns every divider once (`gap-px bg-border`). `surface="ink"` flips only the
+ *    seam colour, never its weight.
+ *  - record (`aside`): the featured 7fr / 5fr split (V5 B13) — a big quote beside a
+ *    side record card (`TestimonialRecord`). This split uses a whitespace gap, not a
+ *    hairline, so it introduces NO structural seam; the frame/lane/row perimeter is
+ *    still owned by the kept geometry layer.
  *
- * The frame/lane/row perimeter is owned by the kept geometry layer; this owns no
- * frame math, no marker, no perimeter line. Token-only; no `dark:` styling.
+ * The `TestimonialRecord` slot reuses the status-row idiom (a mono line with a tint
+ * state pill) through `TestimonialRecordRow` children, so consumers do not import any
+ * live-demo internals. No fake proof: absent rows/status render nothing.
+ *
+ * Token-only; no `dark:` styling.
  */
-function Testimonials({ className, columns, surface = "canvas", children, ...props }) {
+function Testimonials({ className, columns, surface = "canvas", aside, children, ...props }) {
+    if (aside) {
+        // featured record mode — big quote (7fr) beside the record card (5fr). The gap
+        // is whitespace, never a hairline, so this owns no structural seam.
+        return (_jsxs("div", { "data-slot": "testimonials", "data-layout": "record", "data-surface": surface, className: cn("grid grid-cols-1 items-center gap-x-[clamp(32px,5vw,72px)] gap-y-10 lg:grid-cols-[7fr_5fr]", className), ...props, children: [_jsx("div", { className: "min-w-0", children: children }), _jsx("div", { className: "min-w-0", children: aside })] }));
+    }
     if (!columns) {
         // single featured mode — the lone card is centered; no grid, no seam.
         return (_jsx("div", { "data-slot": "testimonials", "data-surface": surface, className: cn("flex h-full items-center justify-center", className), ...props, children: _jsx("div", { className: "w-full max-w-[760px]", children: children }) }));
     }
     return (_jsx(SeamGrid, { "data-slot": "testimonials", surface: surface, className: cn("h-full", columns === 2 ? "grid-cols-1 sm:grid-cols-2" : "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3", className), ...props, children: children }));
 }
-export { Testimonials };
+/**
+ * TestimonialRecord — the side record card in the featured split. A soft, bordered
+ * card (its own perimeter, not a structural seam) with an optional mono `tag` over a
+ * stack of `TestimonialRecordRow` children.
+ */
+function TestimonialRecord({ className, tag, children, ...props }) {
+    return (_jsxs("div", { "data-slot": "testimonial-record", className: cn("grid content-start rounded-md border border-border bg-muted p-5", className), ...props, children: [tag ? (_jsx("span", { "data-slot": "testimonial-record-tag", className: "mb-2 font-mono text-[11px] uppercase tracking-[0.12em] text-muted-foreground", children: tag })) : null, children] }));
+}
+/**
+ * TestimonialRecordRow — one status line in the record card: a mono label with an
+ * optional trailing state pill (done = green soft/deep, waiting = amber soft/deep —
+ * the AA-clearing status-tag idiom, a deep-ink label on a soft same-hue ground). The
+ * inter-row hairline is owned here (`border-t`, dropped on the first row). No fake
+ * proof: an absent `status` renders no pill.
+ */
+function TestimonialRecordRow({ className, state = "done", status, children, ...props }) {
+    return (_jsxs("div", { "data-slot": "testimonial-record-row", "data-state": state, className: cn("flex items-center justify-between gap-3 border-t border-border py-2.5 font-mono text-[11.5px] first:border-t-0", className), ...props, children: [_jsx("span", { className: "min-w-0 text-muted-foreground", children: children }), status ? (_jsx("span", { className: cn("shrink-0 rounded-sm px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-[0.04em]", 
+                // Soft-ground + deep-ink feedback pairs (the status-tag / live-demo idiom):
+                // a solid hue on a same-hue 15% tint fails AA (≈2.5:1 / 1.4:1). success uses
+                // the link family (there is no success-deep token), warning its own soft/deep.
+                state === "done" && "bg-[var(--nc-link-bg-soft)] text-[var(--nc-link-deep)]", state === "waiting" && "bg-[var(--nc-warning-soft)] text-[var(--nc-warning-deep)]"), children: status })) : null] }));
+}
+export { Testimonials, TestimonialRecord, TestimonialRecordRow };

package/dist/components/texture-strip.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+/**
+ * texture-strip — a 40px full-bleed separator band (V5 B05).
+ *
+ * A thin horizontal divider that carries a dotted radial texture and a hairline
+ * on its top and bottom edges. The dots and their spacing are owned once by the
+ * design-system `nc-dotted-field` primitive (`radial-gradient(var(--nc-line)…)`
+ * over `var(--nc-canvas)`), so no raw gradient or colour lives in this component
+ * — only the band geometry (height, flex centring) is inline. Token-only; no
+ * `dark:` styling.
+ *
+ * Children remain an open composition slot. `TextureStripChip` remains as a
+ * deprecated compatibility export for consumers of the 0.10 package surface.
+ */
+declare function TextureStrip({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+/**
+ * @deprecated Pass any child to `TextureStrip` and style it for the owning
+ * surface. This wrapper remains exported to preserve the public 0.10 API.
+ */
+declare function TextureStripChip({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+export { TextureStrip, TextureStripChip };
+//# sourceMappingURL=texture-strip.d.ts.map

package/dist/components/texture-strip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"texture-strip.d.ts","sourceRoot":"","sources":["../../src/components/texture-strip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;GAYG;AAEH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAazE;AAED;;;GAGG;AACH,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAW9E;AAED,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/texture-strip.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+/**
+ * texture-strip — a 40px full-bleed separator band (V5 B05).
+ *
+ * A thin horizontal divider that carries a dotted radial texture and a hairline
+ * on its top and bottom edges. The dots and their spacing are owned once by the
+ * design-system `nc-dotted-field` primitive (`radial-gradient(var(--nc-line)…)`
+ * over `var(--nc-canvas)`), so no raw gradient or colour lives in this component
+ * — only the band geometry (height, flex centring) is inline. Token-only; no
+ * `dark:` styling.
+ *
+ * Children remain an open composition slot. `TextureStripChip` remains as a
+ * deprecated compatibility export for consumers of the 0.10 package surface.
+ */
+function TextureStrip({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "texture-strip", className: cn(
+        // Both the semantic background and the raw `--nc-*` tokens used by
+        // `nc-dotted-field` remap under any `.dark` ancestor.
+        "nc-dotted-field flex h-10 items-center justify-center border-y border-border bg-background", className), ...props }));
+}
+/**
+ * @deprecated Pass any child to `TextureStrip` and style it for the owning
+ * surface. This wrapper remains exported to preserve the public 0.10 API.
+ */
+function TextureStripChip({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "texture-strip-chip", className: cn("nc-type-caption-mono rounded-full border border-border bg-background px-3 py-1 text-muted-foreground uppercase", className), ...props }));
+}
+export { TextureStrip, TextureStripChip };

package/dist/index.d.ts

@@ -58,6 +58,8 @@ export * from "./components/expandable-block";
 export * from "./components/fact-cell";
 export * from "./components/faq";
 export * from "./components/faq-item";
+export * from "./components/feature-grid";
+export * from "./components/feature-rows";
 export * from "./components/feedback-state";
 export * from "./components/field";
 export * from "./components/file-type-icon";
@@ -66,16 +68,19 @@ export * from "./components/footer";
 export * from "./components/form";
 export * from "./components/glyph-spinner";
 export * from "./components/handoff-banner";
+export * from "./components/hero";
 export * from "./components/hero-split";
 export * from "./components/hover-card";
 export * from "./components/input";
 export * from "./components/input-group";
 export * from "./components/input-otp";
 export * from "./components/installer-shell";
+export * from "./components/integration-flow";
 export * from "./components/item";
 export * from "./components/kbd";
 export * from "./components/label";
 export * from "./components/label-system";
+export * from "./components/live-demo";
 export * from "./components/logo-band";
 export * from "./components/logo-tile";
 export * from "./components/marker";
@@ -103,6 +108,7 @@ export * from "./components/run-timeline";
 export * from "./components/scroll-area";
 export * from "./components/seam-grid";
 export * from "./components/section-intro";
+export * from "./components/security-grid";
 export * from "./components/select";
 export * from "./components/separator";
 export * from "./components/settings-section";
@@ -115,14 +121,18 @@ export * from "./components/sonner";
 export * from "./components/spinner";
 export * from "./components/stat-block";
 export * from "./components/state-notice";
+export * from "./components/statement";
 export * from "./components/stats-band";
 export * from "./components/status-dot";
 export * from "./components/status-row";
+export * from "./components/steps";
 export * from "./components/switch";
 export * from "./components/table";
 export * from "./components/tabs";
+export * from "./components/team-grid";
 export * from "./components/testimonials";
 export * from "./components/textarea";
+export * from "./components/texture-strip";
 export * from "./components/theme-mode-switcher";
 export * from "./components/toggle";
 export * from "./components/toggle-group";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,iCAAiC,CAAC;AAChD,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uCAAuC,CAAC;AACtD,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mCAAmC,CAAC;AAClD,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC"}

package/dist/index.js

@@ -58,6 +58,8 @@ export * from "./components/expandable-block.js";
 export * from "./components/fact-cell.js";
 export * from "./components/faq.js";
 export * from "./components/faq-item.js";
+export * from "./components/feature-grid.js";
+export * from "./components/feature-rows.js";
 export * from "./components/feedback-state.js";
 export * from "./components/field.js";
 export * from "./components/file-type-icon.js";
@@ -66,16 +68,19 @@ export * from "./components/footer.js";
 export * from "./components/form.js";
 export * from "./components/glyph-spinner.js";
 export * from "./components/handoff-banner.js";
+export * from "./components/hero.js";
 export * from "./components/hero-split.js";
 export * from "./components/hover-card.js";
 export * from "./components/input.js";
 export * from "./components/input-group.js";
 export * from "./components/input-otp.js";
 export * from "./components/installer-shell.js";
+export * from "./components/integration-flow.js";
 export * from "./components/item.js";
 export * from "./components/kbd.js";
 export * from "./components/label.js";
 export * from "./components/label-system.js";
+export * from "./components/live-demo.js";
 export * from "./components/logo-band.js";
 export * from "./components/logo-tile.js";
 export * from "./components/marker.js";
@@ -103,6 +108,7 @@ export * from "./components/run-timeline.js";
 export * from "./components/scroll-area.js";
 export * from "./components/seam-grid.js";
 export * from "./components/section-intro.js";
+export * from "./components/security-grid.js";
 export * from "./components/select.js";
 export * from "./components/separator.js";
 export * from "./components/settings-section.js";
@@ -115,14 +121,18 @@ export * from "./components/sonner.js";
 export * from "./components/spinner.js";
 export * from "./components/stat-block.js";
 export * from "./components/state-notice.js";
+export * from "./components/statement.js";
 export * from "./components/stats-band.js";
 export * from "./components/status-dot.js";
 export * from "./components/status-row.js";
+export * from "./components/steps.js";
 export * from "./components/switch.js";
 export * from "./components/table.js";
 export * from "./components/tabs.js";
+export * from "./components/team-grid.js";
 export * from "./components/testimonials.js";
 export * from "./components/textarea.js";
+export * from "./components/texture-strip.js";
 export * from "./components/theme-mode-switcher.js";
 export * from "./components/toggle.js";
 export * from "./components/toggle-group.js";