@nadicodeai/ui 0.1.0

package/dist/components/native-select.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon } from "lucide-react";
+import { cn } from "../lib/utils.js";
+function NativeSelect({ className, size = "default", ...props }) {
+    return (_jsxs("div", { className: "group/native-select relative w-fit has-[select:disabled]:opacity-50", "data-slot": "native-select-wrapper", children: [_jsx("select", { "data-slot": "native-select", "data-size": size, className: cn("h-9 w-full min-w-0 appearance-none rounded-md border border-input bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed data-[size=sm]:h-8 data-[size=sm]:py-1", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20", className), ...props }), _jsx(ChevronDownIcon, { className: "pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 text-muted-foreground opacity-50 select-none", "aria-hidden": "true", "data-slot": "native-select-icon" })] }));
+}
+function NativeSelectOption({ className, ...props }) {
+    return (_jsx("option", { "data-slot": "native-select-option", className: cn("bg-[Canvas] text-[CanvasText]", className), ...props }));
+}
+function NativeSelectOptGroup({ className, ...props }) {
+    return (_jsx("optgroup", { "data-slot": "native-select-optgroup", className: cn("bg-[Canvas] text-[CanvasText]", className), ...props }));
+}
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };

package/dist/components/nav-bar.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+/**
+ * nav-bar — sticky top navigation chrome (replaces the retired `.nc-nav-bar`).
+ *
+ * A three-track grid (`1fr auto 1fr`): logo lockup leading, route links centered,
+ * CTA cluster trailing. SINGLE-OWNER SEAM: the only edge it owns is its bottom
+ * border (`border-b border-border`) — it draws no other line. The surface is the
+ * translucent canvas + blur (an 8% transparency mix of the brand canvas), so the
+ * chrome reads as one continuous bar. Below ~960px the centered links slot hides and
+ * the grid collapses to logo + CTA.
+ *
+ * A11y: links/triggers expose a `--ring` (link-green) focus outline; the consumer
+ * wraps this in a `<nav aria-label>`. Token-only; no `dark:` styling.
+ */
+declare function NavBar({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function NavBarLogo({ className, ...props }: React.ComponentProps<"a">): React.JSX.Element;
+declare function NavBarLinks({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function NavBarCta({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { NavBar, NavBarLogo, NavBarLinks, NavBarCta };
+//# sourceMappingURL=nav-bar.d.ts.map

package/dist/components/nav-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-bar.d.ts","sourceRoot":"","sources":["../../src/components/nav-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;;;;;;;;;GAYG;AAEH,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAYnE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAWrE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAexE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQtE;AAED,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,CAAA"}

package/dist/components/nav-bar.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+/**
+ * nav-bar — sticky top navigation chrome (replaces the retired `.nc-nav-bar`).
+ *
+ * A three-track grid (`1fr auto 1fr`): logo lockup leading, route links centered,
+ * CTA cluster trailing. SINGLE-OWNER SEAM: the only edge it owns is its bottom
+ * border (`border-b border-border`) — it draws no other line. The surface is the
+ * translucent canvas + blur (an 8% transparency mix of the brand canvas), so the
+ * chrome reads as one continuous bar. Below ~960px the centered links slot hides and
+ * the grid collapses to logo + CTA.
+ *
+ * A11y: links/triggers expose a `--ring` (link-green) focus outline; the consumer
+ * wraps this in a `<nav aria-label>`. Token-only; no `dark:` styling.
+ */
+function NavBar({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "nav-bar", className: cn("sticky top-0 z-20 grid min-h-16 grid-cols-[1fr_auto] items-center gap-4 px-4 py-3 sm:px-6 lg:grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)]", "border-b border-border bg-[color-mix(in_srgb,var(--nc-canvas)_92%,transparent)] backdrop-blur-[18px]", className), ...props }));
+}
+function NavBarLogo({ className, ...props }) {
+    return (_jsx("a", { "data-slot": "nav-bar-logo", className: cn("inline-flex w-fit items-center gap-2.5 text-sm font-semibold text-foreground no-underline [&_img]:block [&_img]:h-7 [&_img]:w-auto [&_svg]:block [&_svg]:h-7 [&_svg]:w-auto", className), ...props }));
+}
+function NavBarLinks({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "nav-bar-links", className: cn("hidden items-center justify-center gap-1 text-sm text-[var(--nc-body)] lg:inline-flex", 
+        // each link reads as a flat, neutral pill with hover/focus affordance.
+        "[&_a]:rounded-[var(--nc-rounded-sm)] [&_a]:px-3 [&_a]:py-2 [&_a]:text-inherit [&_a]:no-underline", "[&_a:hover]:bg-[var(--nc-canvas-soft-2)] [&_a:hover]:text-foreground", "[&_a:focus-visible]:outline [&_a:focus-visible]:outline-1 [&_a:focus-visible]:[outline-color:var(--ring)] [&_a:focus-visible]:outline-offset-2", className), ...props }));
+}
+function NavBarCta({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "nav-bar-cta", className: cn("inline-flex items-center justify-self-end", className), ...props }));
+}
+export { NavBar, NavBarLogo, NavBarLinks, NavBarCta };

package/dist/components/navigation-menu.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
+declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+    viewport?: boolean;
+}): React.JSX.Element;
+declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): React.JSX.Element;
+declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): React.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): React.JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): React.JSX.Element;
+declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): React.JSX.Element;
+declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): React.JSX.Element;
+declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): React.JSX.Element;
+export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, };
+//# sourceMappingURL=navigation-menu.d.ts.map

package/dist/components/navigation-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../src/components/navigation-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAIpE,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,QAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,GAAG;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,qBAeA;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,qBAW3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,qBAQ3D;AAED,QAAA,MAAM,0BAA0B,oFAE/B,CAAA;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,qBAc9D;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,qBAY9D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,QAAQ,CAAC,qBAiB/D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,qBAW3D;AAED,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,SAAS,CAAC,qBAahE;AAED,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,EACtB,0BAA0B,GAC3B,CAAA"}

package/dist/components/navigation-menu.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { ChevronDownIcon } from "lucide-react";
+import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
+import { cn } from "../lib/utils.js";
+function NavigationMenu({ className, children, viewport = true, ...props }) {
+    return (_jsxs(NavigationMenuPrimitive.Root, { "data-slot": "navigation-menu", "data-viewport": viewport, className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className), ...props, children: [children, viewport && _jsx(NavigationMenuViewport, {})] }));
+}
+function NavigationMenuList({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.List, { "data-slot": "navigation-menu-list", className: cn("group flex flex-1 list-none items-center justify-center gap-1", className), ...props }));
+}
+function NavigationMenuItem({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Item, { "data-slot": "navigation-menu-item", className: cn("relative", className), ...props }));
+}
+const navigationMenuTriggerStyle = cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent");
+function NavigationMenuTrigger({ className, children, ...props }) {
+    return (_jsxs(NavigationMenuPrimitive.Trigger, { "data-slot": "navigation-menu-trigger", className: cn(navigationMenuTriggerStyle(), "group", className), ...props, children: [children, " ", _jsx(ChevronDownIcon, { className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180", "aria-hidden": "true" })] }));
+}
+function NavigationMenuContent({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Content, { "data-slot": "navigation-menu-content", className: cn("top-0 left-0 w-full p-2 pr-2.5 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out md:absolute md:w-auto", "group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95", className), ...props }));
+}
+function NavigationMenuViewport({ className, ...props }) {
+    return (_jsx("div", { className: cn("absolute top-full left-0 isolate z-50 flex justify-center"), children: _jsx(NavigationMenuPrimitive.Viewport, { "data-slot": "navigation-menu-viewport", className: cn("origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]", className), ...props }) }));
+}
+function NavigationMenuLink({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Link, { "data-slot": "navigation-menu-link", className: cn("flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className), ...props }));
+}
+function NavigationMenuIndicator({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Indicator, { "data-slot": "navigation-menu-indicator", className: cn("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in", className), ...props, children: _jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" }) }));
+}
+export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, };

package/dist/components/newsletter.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+/**
+ * newsletter — email-capture section (replaces the retired `sections/newsletter.css`
+ * + its coupled form control).
+ *
+ * Composition pattern: a centered intro over an inline email + submit row. It owns
+ * NO structural seam — the only visible borders are the caller's input control and
+ * the submit button's own edge. The frame/lane/row perimeter is owned by the kept
+ * geometry layer this composes inside. `surface="ink"` inverts the band onto the
+ * ink role; the note tint follows via a `data-slot` descendant selector (the
+ * retired CSS-cascade model), so the section stays server-renderable.
+ *
+ * Slots: `<NewsletterForm>` holds the input + button (the input grows, the button
+ * stays content-width on desktop, stacking under 640px); `<NewsletterNote>` is the
+ * consent line. The caller supplies the `Input` and `Button`. Token-only;
+ * no `dark:` styling.
+ */
+declare function Newsletter({ className, surface, ...props }: React.ComponentProps<"div"> & {
+    surface?: "canvas" | "ink";
+}): React.JSX.Element;
+declare function NewsletterForm({ className, ...props }: React.ComponentProps<"form">): React.JSX.Element;
+declare function NewsletterNote({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+export { Newsletter, NewsletterForm, NewsletterNote };
+//# sourceMappingURL=newsletter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"newsletter.d.ts","sourceRoot":"","sources":["../../src/components/newsletter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;;;;;;;;;;;;GAeG;AAEH,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;CAAE,qBAiB9D;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAY5E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAQzE;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/newsletter.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+/**
+ * newsletter — email-capture section (replaces the retired `sections/newsletter.css`
+ * + its coupled form control).
+ *
+ * Composition pattern: a centered intro over an inline email + submit row. It owns
+ * NO structural seam — the only visible borders are the caller's input control and
+ * the submit button's own edge. The frame/lane/row perimeter is owned by the kept
+ * geometry layer this composes inside. `surface="ink"` inverts the band onto the
+ * ink role; the note tint follows via a `data-slot` descendant selector (the
+ * retired CSS-cascade model), so the section stays server-renderable.
+ *
+ * Slots: `<NewsletterForm>` holds the input + button (the input grows, the button
+ * stays content-width on desktop, stacking under 640px); `<NewsletterNote>` is the
+ * consent line. The caller supplies the `Input` and `Button`. Token-only;
+ * no `dark:` styling.
+ */
+function Newsletter({ className, surface = "canvas", ...props }) {
+    return (_jsx("div", { "data-slot": "newsletter", "data-surface": surface, className: cn("grid min-h-full min-w-0 content-center justify-items-center py-[clamp(40px,6vw,96px)] text-center", surface === "canvas" && "bg-card", surface === "ink" && [
+            "bg-primary text-primary-foreground",
+            "[&_[data-slot=newsletter-note]]:text-[color-mix(in_srgb,var(--nc-canvas)_56%,var(--nc-ink))]",
+        ], className), ...props }));
+}
+function NewsletterForm({ className, ...props }) {
+    return (_jsx("form", { "data-slot": "newsletter-form", className: cn("mt-3 grid w-full max-w-[560px] grid-cols-1 gap-2 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-center", "[&>button]:w-full sm:[&>button]:w-auto", className), ...props }));
+}
+function NewsletterNote({ className, ...props }) {
+    return (_jsx("p", { "data-slot": "newsletter-note", className: cn("mt-2 font-mono text-xs text-muted-foreground", className), ...props }));
+}
+export { Newsletter, NewsletterForm, NewsletterNote };

package/dist/components/page-frame.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+/**
+ * page-frame — React shell for the kept design-system page geometry.
+ *
+ * The design-system owns the frame, row, lane, side-fill, rail, and marker CSS.
+ * This component gives website pages a small React vocabulary so they do not
+ * hand-author the same structure for every section. It intentionally does not
+ * replace the geometry layer; it only composes the approved classes.
+ */
+declare function PageSystem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function PageFrame({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+type PageMarkerPosition = "top-left" | "top-right" | "bottom-left" | "bottom-right";
+type PageRowProps = React.ComponentProps<"section"> & {
+    lane?: "active" | "full";
+    laneClassName?: string;
+    sideFills?: boolean;
+    marker?: PageMarkerPosition;
+};
+declare function PageRow({ lane, laneClassName, sideFills, marker, className, children, ...props }: PageRowProps): React.JSX.Element;
+declare function PageLane({ lane, className, ...props }: React.ComponentProps<"div"> & {
+    lane?: "active" | "full";
+}): React.JSX.Element;
+declare function PageSideFill({ side, className, ...props }: React.ComponentProps<"div"> & {
+    side: "start" | "end";
+}): React.JSX.Element;
+declare function PageMarker({ position, className, ...props }: React.ComponentProps<"span"> & {
+    position: PageMarkerPosition;
+}): React.JSX.Element;
+export { PageSystem, PageFrame, PageRow, PageLane, PageSideFill, PageMarker };
+//# sourceMappingURL=page-frame.d.ts.map

package/dist/components/page-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-frame.d.ts","sourceRoot":"","sources":["../../src/components/page-frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;;;;GAOG;AAEH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAEvE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQtE;AAED,KAAK,kBAAkB,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAA;AAEnF,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG;IACpD,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,kBAAkB,CAAA;CAC5B,CAAA;AAED,iBAAS,OAAO,CAAC,EACf,IAAe,EACf,aAAa,EACb,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,YAAY,qBAiBd;AAED,iBAAS,QAAQ,CAAC,EAChB,IAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;CAAE,qBAS5D;AAED,iBAAS,YAAY,CAAC,EACpB,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,IAAI,EAAE,OAAO,GAAG,KAAK,CAAA;CAAE,qBASzD;AAED,iBAAS,UAAU,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG;IAAE,QAAQ,EAAE,kBAAkB,CAAA;CAAE,qBASjE;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/page-frame.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+/**
+ * page-frame — React shell for the kept design-system page geometry.
+ *
+ * The design-system owns the frame, row, lane, side-fill, rail, and marker CSS.
+ * This component gives website pages a small React vocabulary so they do not
+ * hand-author the same structure for every section. It intentionally does not
+ * replace the geometry layer; it only composes the approved classes.
+ */
+function PageSystem({ className, ...props }) {
+    return _jsx("div", { className: cn("nc-page-system", className), ...props });
+}
+function PageFrame({ className, ...props }) {
+    return (_jsx("div", { "data-nc-component": "page-frame", className: cn("nc-page-frame", className), ...props }));
+}
+function PageRow({ lane = "active", laneClassName, sideFills, marker, className, children, ...props }) {
+    const showSideFills = sideFills ?? lane === "active";
+    return (_jsxs("section", { "data-nc-component": "page-row", className: cn("nc-page-row", className), ...props, children: [marker ? _jsx(PageMarker, { position: marker }) : null, showSideFills ? _jsx(PageSideFill, { side: "start" }) : null, _jsx(PageLane, { lane: lane, className: laneClassName, children: children }), showSideFills ? _jsx(PageSideFill, { side: "end" }) : null] }));
+}
+function PageLane({ lane = "active", className, ...props }) {
+    return (_jsx("div", { "data-lane": lane, "data-nc-component": lane === "active" ? "active-lane" : undefined, className: cn("nc-row-lane", className), ...props }));
+}
+function PageSideFill({ side, className, ...props }) {
+    return (_jsx("div", { "data-side": side, className: cn("nc-side-fill", className), "aria-hidden": "true", ...props }));
+}
+function PageMarker({ position, className, ...props }) {
+    return (_jsx("span", { "data-position": position, className: cn("nc-marker", className), "aria-hidden": "true", ...props }));
+}
+export { PageSystem, PageFrame, PageRow, PageLane, PageSideFill, PageMarker };

package/dist/components/pagination.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { type Button } from "./button";
+declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
+declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+declare function PaginationItem({ ...props }: React.ComponentProps<"li">): React.JSX.Element;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
+declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): React.JSX.Element;
+declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): React.JSX.Element;
+declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): React.JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/components/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,EAAkB,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAEjE,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAUvE;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQ5B;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAE/D;AAED,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GACnD,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAE3B,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,qBAgBrB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,qBAY7C;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,qBAY7C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAY9B;AAED,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,GACnB,CAAA"}

package/dist/components/pagination.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon, } from "lucide-react";
+import { cn } from "../lib/utils.js";
+import { buttonVariants } from "./button.js";
+function Pagination({ className, ...props }) {
+    return (_jsx("nav", { role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn("mx-auto flex w-full justify-center", className), ...props }));
+}
+function PaginationContent({ className, ...props }) {
+    return (_jsx("ul", { "data-slot": "pagination-content", className: cn("flex flex-row items-center gap-1", className), ...props }));
+}
+function PaginationItem({ ...props }) {
+    return _jsx("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink({ className, isActive, size = "icon", ...props }) {
+    return (_jsx("a", { "aria-current": isActive ? "page" : undefined, "data-slot": "pagination-link", "data-active": isActive, className: cn(buttonVariants({
+            variant: isActive ? "outline" : "ghost",
+            size,
+        }), className), ...props }));
+}
+function PaginationPrevious({ className, ...props }) {
+    return (_jsxs(PaginationLink, { "aria-label": "Go to previous page", size: "default", className: cn("gap-1 px-2.5 sm:pl-2.5", className), ...props, children: [_jsx(ChevronLeftIcon, {}), _jsx("span", { className: "hidden sm:block", children: "Previous" })] }));
+}
+function PaginationNext({ className, ...props }) {
+    return (_jsxs(PaginationLink, { "aria-label": "Go to next page", size: "default", className: cn("gap-1 px-2.5 sm:pr-2.5", className), ...props, children: [_jsx("span", { className: "hidden sm:block", children: "Next" }), _jsx(ChevronRightIcon, {})] }));
+}
+function PaginationEllipsis({ className, ...props }) {
+    return (_jsxs("span", { "aria-hidden": true, "data-slot": "pagination-ellipsis", className: cn("flex size-9 items-center justify-center", className), ...props, children: [_jsx(MoreHorizontalIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "More pages" })] }));
+}
+export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };

package/dist/components/plugin-slot-boundary.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+type PluginSlotBoundaryStatus = "ready" | "warning" | "error" | "disabled";
+type PluginPermissionLevel = "safe" | "review" | "risk" | "denied";
+type PluginPermission = {
+    id: string;
+    label: React.ReactNode;
+    level?: PluginPermissionLevel;
+    description?: React.ReactNode;
+};
+type PluginSlotBoundaryProps = Omit<React.ComponentProps<"section">, "title"> & {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    status?: PluginSlotBoundaryStatus;
+    permissions?: PluginPermission[];
+    warning?: React.ReactNode;
+    error?: React.ReactNode;
+    redactionGuidance?: React.ReactNode;
+    actions?: React.ReactNode;
+    footer?: React.ReactNode;
+    children: React.ReactNode;
+    contentLabel?: string;
+    contentClassName?: string;
+};
+declare function PluginSlotBoundary({ title, description, status, permissions, warning, error, redactionGuidance, actions, footer, children, contentLabel, className, contentClassName, ...props }: PluginSlotBoundaryProps): React.JSX.Element;
+export { PluginSlotBoundary };
+export type { PluginPermission, PluginPermissionLevel, PluginSlotBoundaryProps, PluginSlotBoundaryStatus, };
+//# sourceMappingURL=plugin-slot-boundary.d.ts.map

package/dist/components/plugin-slot-boundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-slot-boundary.d.ts","sourceRoot":"","sources":["../../src/components/plugin-slot-boundary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoB9B,KAAK,wBAAwB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAA;AAC1E,KAAK,qBAAqB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAElE,KAAK,gBAAgB,GAAG;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,qBAAqB,CAAA;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC9B,CAAA;AAED,KAAK,uBAAuB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,GAAG;IAC9E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,wBAAwB,CAAA;IACjC,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAeD,iBAAS,kBAAkB,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,MAAgB,EAChB,WAAgB,EAChB,OAAO,EACP,KAAK,EACL,iBAA4C,EAC5C,OAAO,EACP,MAAM,EACN,QAAQ,EACR,YAA+B,EAC/B,SAAS,EACT,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,uBAAuB,qBA6GzB;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA;AAC7B,YAAY,EACV,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,GACzB,CAAA"}

package/dist/components/plugin-slot-boundary.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertTriangleIcon, LockKeyholeIcon, ShieldAlertIcon, ShieldCheckIcon, } from "lucide-react";
+import { cn } from "../lib/utils.js";
+import { Alert, AlertDescription, AlertTitle } from "./alert.js";
+import { Badge } from "./badge.js";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./card.js";
+const permissionBadgeVariants = {
+    safe: "secondary",
+    review: "outline",
+    risk: "default",
+    denied: "destructive",
+};
+const defaultRedactionGuidance = "Plugin content should be synthetic or redacted. Do not render secrets, environment variable values, raw terminal output, or hidden reasoning.";
+function PluginSlotBoundary({ title, description, status = "ready", permissions = [], warning, error, redactionGuidance = defaultRedactionGuidance, actions, footer, children, contentLabel = "Plugin content", className, contentClassName, ...props }) {
+    const statusIcon = status === "error" ? (_jsx(ShieldAlertIcon, { "data-icon": true, className: "size-4" })) : status === "warning" ? (_jsx(AlertTriangleIcon, { "data-icon": true, className: "size-4" })) : status === "disabled" ? (_jsx(LockKeyholeIcon, { "data-icon": true, className: "size-4" })) : (_jsx(ShieldCheckIcon, { "data-icon": true, className: "size-4" }));
+    return (_jsx("section", { "data-slot": "plugin-slot-boundary", "data-status": status, className: className, ...props, children: _jsxs(Card, { className: "overflow-hidden", children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { className: "grid min-w-0 gap-1", children: [_jsxs(CardTitle, { className: "flex items-center gap-2", children: [statusIcon, _jsx("span", { className: "min-w-0 truncate", children: title })] }), description && (_jsx(CardDescription, { children: description }))] }), actions && (_jsx("div", { "data-slot": "plugin-slot-boundary-actions", className: "flex shrink-0 items-center gap-2", children: actions }))] }), permissions.length > 0 && (_jsx("div", { "data-slot": "plugin-slot-boundary-permissions", className: "flex flex-wrap items-center gap-2", "aria-label": "Plugin permissions", children: permissions.map((permission) => {
+                                const level = permission.level ?? "review";
+                                return (_jsx(Badge, { "data-slot": "plugin-slot-boundary-permission", "data-level": level, variant: permissionBadgeVariants[level], title: typeof permission.description === "string"
+                                        ? permission.description
+                                        : undefined, children: permission.label }, permission.id));
+                            }) }))] }), _jsxs(CardContent, { className: "grid gap-4", children: [warning && (_jsxs(Alert, { "data-slot": "plugin-slot-boundary-warning", children: [_jsx(AlertTriangleIcon, { "data-icon": true }), _jsx(AlertTitle, { children: "Review before continuing" }), _jsx(AlertDescription, { children: warning })] })), error && (_jsxs(Alert, { "data-slot": "plugin-slot-boundary-error", variant: "destructive", children: [_jsx(ShieldAlertIcon, { "data-icon": true }), _jsx(AlertTitle, { children: "Plugin content unavailable" }), _jsx(AlertDescription, { children: error })] })), _jsx("div", { "data-slot": "plugin-slot-boundary-content", "aria-label": contentLabel, className: cn("max-h-96 min-w-0 overflow-auto rounded-md border bg-background p-4 text-sm break-words", "focus-within:ring-[3px] focus-within:ring-ring/50", status === "disabled" && "pointer-events-none opacity-60", contentClassName), children: children })] }), (redactionGuidance || footer) && (_jsxs(CardFooter, { className: "flex flex-col items-start gap-2 border-t text-sm text-muted-foreground", children: [redactionGuidance && (_jsx("p", { "data-slot": "plugin-slot-boundary-redaction", children: redactionGuidance })), footer && _jsx("div", { "data-slot": "plugin-slot-boundary-footer", children: footer })] }))] }) }));
+}
+export { PluginSlotBoundary };

package/dist/components/popover.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { Popover as PopoverPrimitive } from "radix-ui";
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): React.JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): React.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): React.JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): React.JSX.Element;
+declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function PopoverTitle({ className, ...props }: React.ComponentProps<"h2">): React.JSX.Element;
+declare function PopoverDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverHeader, PopoverTitle, PopoverDescription, };
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAItD,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,qBAEpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,qBAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,qBAevD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,qBAEtD;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ1E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQxE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAQ3B;AAED,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,aAAa,EACb,aAAa,EACb,YAAY,EACZ,kBAAkB,GACnB,CAAA"}

package/dist/components/popover.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Popover as PopoverPrimitive } from "radix-ui";
+import { cn } from "../lib/utils.js";
+function Popover({ ...props }) {
+    return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+    return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
+    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: cn("z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", className), ...props }) }));
+}
+function PopoverAnchor({ ...props }) {
+    return _jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+function PopoverHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "popover-header", className: cn("flex flex-col gap-1 text-sm", className), ...props }));
+}
+function PopoverTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "popover-title", className: cn("font-medium", className), ...props }));
+}
+function PopoverDescription({ className, ...props }) {
+    return (_jsx("p", { "data-slot": "popover-description", className: cn("text-muted-foreground", className), ...props }));
+}
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverHeader, PopoverTitle, PopoverDescription, };

package/dist/components/pricing-card.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+/**
+ * pricing-card — the brand pricing/package tier molecule (replaces the retired
+ * `.nc-pricing-card` / `.nc-pricing-card-featured` CSS).
+ *
+ * A seam-free canvas fill: it drops into the holding `Pricing` grid, which owns
+ * every hairline divider through its gap-as-seam (`gap-px bg-border`). The card
+ * therefore draws NO border and has square corners so the grid line never shows
+ * through a rounded edge — matching the retired stat-block / quote-card / logo-tile
+ * convention. `variant="featured"` flips the surface onto the ink/primary role; the
+ * red featured RAIL is NOT drawn here — it is a single-owner inset rail owned by the
+ * `Pricing` section (`emphasis="featured"`), so this molecule only carries the
+ * surface inversion and never double-draws a seam.
+ *
+ * Server-renderable (no client boundary): the featured polarity flip is applied by
+ * the parent card to its descendants via `data-slot` descendant selectors — the
+ * same cascade model the retired CSS used (`.nc-pricing-card-featured .nc-…`), so
+ * sub-components carry only their default (canvas) tone and the parent re-tints them
+ * when featured. Token-only; no `dark:` styling.
+ */
+declare function PricingCard({ className, variant, ...props }: React.ComponentProps<"div"> & {
+    variant?: "default" | "featured";
+}): React.JSX.Element;
+declare function PricingCardEyebrow({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function PricingCardName({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function PricingCardPrice({ className, children, amount, period, ...props }: React.ComponentProps<"div"> & {
+    amount: React.ReactNode;
+    period?: React.ReactNode;
+}): React.JSX.Element;
+declare function PricingCardNote({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function PricingCardFeatures({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+declare function PricingCardFeature({ className, children, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+declare function PricingCardCta({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { PricingCard, PricingCardEyebrow, PricingCardName, PricingCardPrice, PricingCardNote, PricingCardFeatures, PricingCardFeature, PricingCardCta, };
+//# sourceMappingURL=pricing-card.d.ts.map

package/dist/components/pricing-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pricing-card.d.ts","sourceRoot":"","sources":["../../src/components/pricing-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;;;;;;;;;;;;;;;GAkBG;AAEH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;CAAE,qBAsBpE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAW3B;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ5E;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBAmBrF;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAQ1E;AAED,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQ5B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAoB5B;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ3E;AAED,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,GACf,CAAA"}

package/dist/components/pricing-card.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+/**
+ * pricing-card — the brand pricing/package tier molecule (replaces the retired
+ * `.nc-pricing-card` / `.nc-pricing-card-featured` CSS).
+ *
+ * A seam-free canvas fill: it drops into the holding `Pricing` grid, which owns
+ * every hairline divider through its gap-as-seam (`gap-px bg-border`). The card
+ * therefore draws NO border and has square corners so the grid line never shows
+ * through a rounded edge — matching the retired stat-block / quote-card / logo-tile
+ * convention. `variant="featured"` flips the surface onto the ink/primary role; the
+ * red featured RAIL is NOT drawn here — it is a single-owner inset rail owned by the
+ * `Pricing` section (`emphasis="featured"`), so this molecule only carries the
+ * surface inversion and never double-draws a seam.
+ *
+ * Server-renderable (no client boundary): the featured polarity flip is applied by
+ * the parent card to its descendants via `data-slot` descendant selectors — the
+ * same cascade model the retired CSS used (`.nc-pricing-card-featured .nc-…`), so
+ * sub-components carry only their default (canvas) tone and the parent re-tints them
+ * when featured. Token-only; no `dark:` styling.
+ */
+function PricingCard({ className, variant = "default", ...props }) {
+    return (_jsx("div", { "data-slot": "pricing-card", "data-variant": variant, className: cn("grid content-start gap-[18px] p-8", variant === "default" && "bg-card text-card-foreground", 
+        // featured: ink surface + re-tint every descendant slot in one place.
+        variant === "featured" && [
+            "bg-primary text-primary-foreground",
+            "[&_[data-slot=pricing-card-eyebrow]]:text-primary-foreground/65",
+            "[&_[data-slot=pricing-card-period]]:text-primary-foreground/65",
+            "[&_[data-slot=pricing-card-note]]:text-primary-foreground/80",
+            "[&_[data-slot=pricing-card-feature]]:text-primary-foreground/80",
+            "[&_[data-slot=pricing-card-feature-mark]]:text-primary-foreground",
+        ], className), ...props }));
+}
+function PricingCardEyebrow({ className, ...props }) {
+    return (_jsx("p", { "data-slot": "pricing-card-eyebrow", className: cn("font-mono text-xs font-medium uppercase text-muted-foreground", className), ...props }));
+}
+function PricingCardName({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "pricing-card-name", className: cn("text-2xl font-semibold", className), ...props }));
+}
+function PricingCardPrice({ className, children, amount, period, ...props }) {
+    return (_jsxs("div", { "data-slot": "pricing-card-price", className: cn("flex items-baseline gap-1.5", className), ...props, children: [_jsx("span", { className: "text-[40px] leading-none font-semibold", children: amount }), period ? (_jsx("span", { "data-slot": "pricing-card-period", className: "font-mono text-xs uppercase text-muted-foreground", children: period })) : null, children] }));
+}
+function PricingCardNote({ className, ...props }) {
+    return (_jsx("p", { "data-slot": "pricing-card-note", className: cn("m-0 text-sm text-[var(--nc-body)]", className), ...props }));
+}
+function PricingCardFeatures({ className, ...props }) {
+    return (_jsx("ul", { "data-slot": "pricing-card-features", className: cn("m-0 grid list-none gap-2.5 p-0", className), ...props }));
+}
+function PricingCardFeature({ className, children, ...props }) {
+    return (_jsxs("li", { "data-slot": "pricing-card-feature", className: cn("grid grid-cols-[auto_minmax(0,1fr)] items-start gap-2.5 text-sm text-[var(--nc-body)]", className), ...props, children: [_jsx("span", { "data-slot": "pricing-card-feature-mark", "aria-hidden": "true", className: "font-mono text-sm leading-5 text-[var(--nc-link)]", children: "+" }), _jsx("span", { children: children })] }));
+}
+function PricingCardCta({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "pricing-card-cta", className: cn("mt-1.5 [&>*]:w-full", className), ...props }));
+}
+export { PricingCard, PricingCardEyebrow, PricingCardName, PricingCardPrice, PricingCardNote, PricingCardFeatures, PricingCardFeature, PricingCardCta, };

package/dist/components/pricing.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+/**
+ * pricing — package/tier comparison row (replaces the retired `sections/pricing.css`
+ * + its coupled `pricing-card` / `pricing-card-featured` molecules).
+ *
+ * SINGLE-OWNER SEAM (preserved from the retired CSS, do not double-draw):
+ *  - The DIVIDERS between tiers are owned once by the grid: `gap-px bg-border`
+ *    paints the brand `line` behind the cards and leaves a 1px guide gap, exactly
+ *    the retired `nc-row-grid[data-edges="inner"]` gap-as-seam. Each `PricingCard`
+ *    is borderless and square-cornered, so it never repeats that coordinate.
+ *  - The FEATURED RAIL (`emphasis="featured"`) is a 3px `flag-red` bar pinned to
+ *    the leading inside edge of the featured card via an absolutely-positioned
+ *    span — the retired inset-rail model (painted INSIDE the card padding, NOT a
+ *    border), so it never stacks onto the grid gap-seam. The card establishes the
+ *    positioning context (`relative`). The featured card's polarity flip lives in
+ *    the `PricingCard variant="featured"` molecule, not here.
+ *
+ * The frame/lane/row geometry (perimeter + top/bottom seams) is owned by the kept
+ * structural-geometry layer the page composes this inside; `Pricing` owns no frame
+ * math, no marker, and no perimeter line. Token-only; no `dark:` styling.
+ */
+type PricingEmphasis = "none" | "featured";
+declare function Pricing({ className, columns, emphasis, children, ...props }: React.ComponentProps<"div"> & {
+    columns?: 2 | 3;
+    emphasis?: PricingEmphasis;
+}): React.JSX.Element;
+export { Pricing };
+//# sourceMappingURL=pricing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pricing.d.ts","sourceRoot":"","sources":["../../src/components/pricing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,KAAK,eAAe,GAAG,MAAM,GAAG,UAAU,CAAA;AAE1C,iBAAS,OAAO,CAAC,EACf,SAAS,EACT,OAAW,EACX,QAAiB,EACjB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IACf,QAAQ,CAAC,EAAE,eAAe,CAAA;CAC3B,qBA0CA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/pricing.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils.js";
+function Pricing({ className, columns = 3, emphasis = "none", children, ...props }) {
+    return (_jsx("div", { "data-slot": "pricing", "data-emphasis": emphasis, className: cn(
+        // gap-as-seam: the grid is the single owner of every divider between tiers.
+        "grid h-full gap-px bg-border", columns === 2
+            ? "grid-cols-1 sm:grid-cols-2"
+            : "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3", 
+        // the featured card is the rail's positioning context and gets the rail span.
+        emphasis === "featured" &&
+            "[&_[data-variant=featured]]:relative", className), ...props, children: emphasis === "featured"
+            ? React.Children.map(children, (child) => {
+                if (React.isValidElement(child) &&
+                    child.props.variant === "featured") {
+                    return React.cloneElement(child, undefined, (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", className: "pointer-events-none absolute inset-y-0 start-0 w-[3px] bg-[var(--nc-flag-red)]" }), child.props.children] })));
+                }
+                return child;
+            })
+            : children }));
+}
+export { Pricing };

package/dist/components/progress.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { Progress as ProgressPrimitive } from "radix-ui";
+declare function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): React.JSX.Element;
+export { Progress };
+//# sourceMappingURL=progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAIxD,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,qBAiBrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}