@nadicodeai/ui 0.20.0 → 0.22.0

package/AGENTS.md

@@ -1,6 +1,6 @@
 # @nadicodeai/ui - Agent Rules
 
-The `@nadicodeai/ui` npm workspace: the shared NadicodeAI React UI package on brand tokens (Tailwind v4, semantic light/dark roles). It ships shadcn primitives backed by Base UI, AI Elements, React adapters over the design-system grammar, reusable marketing/section compositions, and plan-approved product components. Source-authored in `src/`, published from built `dist/`. The package's normative rules (styling and shape invariants, admission, accessibility tier, section vocabulary, consumer boundary) live in `docs/contract.md`; read it before changing the component library.
+The `@nadicodeai/ui` npm workspace: the shared NadicodeAI React UI package on brand tokens (Tailwind v4, semantic light/dark roles). It ships shadcn primitives backed by Base UI, the `@nadicodeai/ui/agents` interface, React adapters over the design-system grammar, reusable marketing/section compositions, and plan-approved product components. Source-authored in `src/`, published from built `dist/`. The package's normative rules (styling and shape invariants, admission, accessibility tier, section vocabulary, consumer boundary) live in `docs/contract.md`; read it before changing the component library.
 
 ## Commands
 
@@ -8,6 +8,7 @@ The `@nadicodeai/ui` npm workspace: the shared NadicodeAI React UI package on br
 | --- | --- |
 | `npm run dev -w @nadicodeai/ui` | Watch `src/` and incrementally refresh `dist/` for local website or app iteration |
 | `npm run build:fast -w @nadicodeai/ui` | One-shot incremental `dist/` refresh after a prior full build |
+| `npm run generate:brand-icons -w @nadicodeai/ui` | Re-emit `src/components/brand-icons/` after editing the allow-list in `scripts/build-brand-icons.mjs`; never part of the build |
 | `npm run build -w @nadicodeai/ui` | Emit the consumable `dist/` surface before packing or app builds |
 | `npm pack --dry-run -w @nadicodeai/ui` | Verify exactly what npm consumers receive after surface, export, CSS, docs, or skill changes |
 | `npm run lint -w @nadicodeai/ui` / `npm run typecheck -w @nadicodeai/ui` | ESLint / `tsc --noEmit` |
@@ -19,15 +20,15 @@ The `@nadicodeai/ui` npm workspace: the shared NadicodeAI React UI package on br
 | --- | --- |
 | Shared design-language terms | `../../design-system/CONTEXT.md` |
 | Package invariants, component admission, section vocabulary, consumer boundary | `docs/contract.md` |
+| Third-party brand marks (other companies' logos) | `docs/contract.md` "Admission Rules", then `../../docs/adr/0042-third-party-brand-marks-are-generated-identity-images.md`; the NadicodeAI logo is a different system and stays with `BrandLockup`/`BrandMark`/`BrandWordmark` |
 | React consumer installation and stylesheet setup | `docs/consuming-cross-repo.md` |
 | Token, mode, theme, cascade, and public stylesheet architecture | `../../design-system/DESIGN.md` (this package does not own a second token map) |
 | Motion behavior | `../../design-system/DESIGN.md` "Motion", `src/lib/motion.ts`, then `../../skills/nadicodeai-product-design/references/motion-craft.md` for agent procedure |
 | Which component subpaths exist | `package.json` `exports` (the `./components/*` wildcard over `src/components/` source is the whole surface; never maintain a hand-copied list) |
-| shadcn / AI Elements discovery | Live shadcn MCP or CLI (`npx shadcn@latest info\|search\|docs\|view\|add --dry-run`, see `../../skills/shadcn/SKILL.md`); no committed registry inventory or snapshot exists, and `--overwrite` needs an explicit maintainer ask plus a reviewed diff |
+| shadcn / assistant-ui discovery | Live shadcn and assistant-ui CLIs (`npx shadcn@latest info\|search\|docs\|view\|add --dry-run`, `npx assistant-ui@latest add --help`); no committed registry inventory or snapshot exists, and `--overwrite` needs an explicit maintainer ask plus a reviewed diff |
 | Releasing / publishing | `../../docs/internal/npm-publishing.md` (release decision enforced by the pre-push gate; detail in `docs/contract.md`) |
 | Tokens, geometry, and the CSS the package composes | `../../design-system/AGENTS.md` and `design-system/DESIGN.md` |
 | Website page assembly | `../../website/AGENTS.md` |
 | Portal screens | `../../portal/AGENTS.md` |
 | User-visible UI work | `../../skills/nadicodeai-product-design/SKILL.md`, loaded after this rulebook |
-| TUI semantics | `docs/terminal-tui-semantics.md` |
 | Docs shipped to package consumers | `docs/contract.md` owns invariants, `docs/consuming-cross-repo.md` owns setup, and `llms.txt`, `docs/agents/nadicodeai-ui.md`, `docs/migration/`, and `skills/nadicodeai-ui/SKILL.md` map to those owners while documenting their own component or workflow surface |

package/README.md

@@ -14,8 +14,7 @@ and tests exist together.
 The package ships:
 
 - shadcn source components under `@nadicodeai/ui/components/*`, backed by Base UI primitives where a headless primitive is needed
-- Vercel AI Elements under `@nadicodeai/ui/components/ai-elements/*`
-- an AI Elements barrel at `@nadicodeai/ui/ai-elements`
+- the Agent UI interface at `@nadicodeai/ui/agents`
 - React adapters over the design-system grammar and assets
 - reusable marketing/section compositions
 - presentational product components for shared application surfaces
@@ -23,8 +22,9 @@ The package ships:
   `docs/agents/nadicodeai-ui.md`, `docs/migration/`, and
   `skills/nadicodeai-ui/SKILL.md`
 
-The package surface is source-backed. `src/components/` is a flat shadcn-style
-source surface; do not document folders or package namespaces that do not exist.
+The package surface is source-backed and flat under `src/components/`. Reviewed
+third-party registry source stays under `src/internal/` and is not a package
+namespace. Do not document folders or package namespaces that do not exist.
 Do not add top-level exports for recipes, blocks, agent, or terminal groupings
 until a concrete package API decision adds source, built files, docs, and tests
 together. Routes, persistence, auth behavior, server state, runtime adapters,
@@ -57,30 +57,24 @@ Prefer direct subpath imports in app code:
 ```tsx
 import { Button } from "@nadicodeai/ui/components/button";
 import { PageFrame } from "@nadicodeai/ui/components/page-frame";
-import { Message } from "@nadicodeai/ui/components/ai-elements/message";
+import { Thread } from "@nadicodeai/ui/agents";
 ```
 
 The root export is available for tooling and DX, but direct component subpaths
 keep package use explicit and friendly to bundlers.
 
-AI Elements can also be imported from the dedicated barrel:
-
-```tsx
-import { Message, PromptInput, Reasoning, Tool } from "@nadicodeai/ui/ai-elements";
-```
-
 Product components use the same public component subpaths:
 
 ```tsx
 import { DashboardShell } from "@nadicodeai/ui/components/dashboard-shell";
-import { AgentChat } from "@nadicodeai/ui/components/agent-chat";
+import { Thread } from "@nadicodeai/ui/agents";
 ```
 
 ## Discover components
 
 The component inventory is generated from source instead of maintained in
 prose. In this repository, `src/components/**/*.tsx` owns the module set;
-`src/index.ts` and `src/ai-elements.ts` own the barrels. `package.json` exposes
+`src/index.ts` owns the barrel. `package.json` exposes
 that source-backed surface through `./components/*`, and the build writes the
 consumer view to `dist/components/**/*.d.ts`.
 
@@ -92,9 +86,9 @@ exports, and prop types.
 
 [`docs/contract.md`](docs/contract.md) owns the package/consumer boundary,
 admission rules, and accessibility invariants. Current modules are discovered
-from source and package exports, not from prose. Agent work-surface behavior,
-terminal semantics, and migration readiness each live in the linked package
-docs; this README does not summarize them.
+from source and package exports, not from prose. assistant-ui runtime ownership
+and migration readiness live in the linked package docs; this README does not
+summarize them.
 
 ## Layout primitives
 
@@ -120,10 +114,10 @@ panels. `surface` also lands on a `data-surface` attribute. Pass `className`,
 detail (no public subpath export); couple to `SeamGrid` and its `surface` prop,
 not to the underlying arbitrary Tailwind class string.
 
-## shadcn and AI Elements discovery
+## Registry maintenance
 
-Use shadcn MCP or the CLI for live discovery and install guidance while working
-in this package. Do not maintain a committed upstream registry inventory,
+Use shadcn MCP or the CLI for live discovery and registry maintenance while
+working in this package. Do not maintain a committed upstream registry inventory,
 registry snapshot, or inventory update script in `@nadicodeai/ui`; the source
 files and package exports are the committed surface.
 
@@ -139,11 +133,10 @@ When MCP is unavailable, use the CLI directly:
 ```bash
 npx shadcn@latest info --json
 npx shadcn@latest search @shadcn -q "select" --json
-npx shadcn@latest search @ai-elements -q "message" --json
 npx shadcn@latest docs button select dialog --json
 npx shadcn@latest view @shadcn/button
 npx shadcn@latest add @shadcn/button --dry-run
-npx shadcn@latest add @ai-elements/message --dry-run
+npx assistant-ui@latest add thread --help
 ```
 
 `info --json` is the project-aware source of truth for aliases, Tailwind version,

package/dist/agents.d.ts

@@ -0,0 +1,10 @@
+export * from "@assistant-ui/react";
+export * from "./internal/assistant-ui/attachment";
+export * from "./internal/assistant-ui/follow-up-suggestions";
+export * from "./internal/assistant-ui/markdown-text";
+export * from "./internal/assistant-ui/reasoning";
+export * from "./internal/assistant-ui/thread";
+export * from "./internal/assistant-ui/tool-fallback";
+export * from "./internal/assistant-ui/tool-group";
+export * from "./internal/assistant-ui/tooltip-icon-button";
+//# sourceMappingURL=agents.d.ts.map

package/dist/agents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agents.d.ts","sourceRoot":"","sources":["../src/agents.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AAEpC,cAAc,oCAAoC,CAAC;AACnD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AACtD,cAAc,oCAAoC,CAAC;AACnD,cAAc,6CAA6C,CAAC"}

package/dist/agents.js

@@ -0,0 +1,9 @@
+export * from "@assistant-ui/react";
+export * from "./internal/assistant-ui/attachment.js";
+export * from "./internal/assistant-ui/follow-up-suggestions.js";
+export * from "./internal/assistant-ui/markdown-text.js";
+export * from "./internal/assistant-ui/reasoning.js";
+export * from "./internal/assistant-ui/thread.js";
+export * from "./internal/assistant-ui/tool-fallback.js";
+export * from "./internal/assistant-ui/tool-group.js";
+export * from "./internal/assistant-ui/tooltip-icon-button.js";

package/dist/components/badge.d.ts

@@ -1,7 +1,7 @@
 import { useRender } from "@base-ui/react/use-render";
 import { type VariantProps } from "class-variance-authority";
 declare const badgeVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export { Badge, badgeVariants };

package/dist/components/brand-icons/apple.d.ts

@@ -0,0 +1,18 @@
+import { type BrandIconProps } from "./brand-icon";
+/**
+ * The apple mark from the Iconify `logos` set.
+ *
+ * Drawn as one silhouette, so it paints with `currentColor` and stays
+ * under the semantic theme in every mode.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export declare function AppleIcon({ size, ...props }: BrandIconProps): import("react").JSX.Element;
+//# sourceMappingURL=apple.d.ts.map

package/dist/components/brand-icons/apple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apple.d.ts","sourceRoot":"","sources":["../../../src/components/brand-icons/apple.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAExF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAgB7E"}

package/dist/components/brand-icons/apple.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Generated by scripts/build-brand-icons.mjs from @iconify-json/logos (CC0-1.0).
+// Edit the allow-list in that script and regenerate; hand edits to brand-icons/apple.tsx are lost.
+import { BRAND_ICON_SIZE, brandIconLabelling } from "./brand-icon.js";
+/**
+ * The apple mark from the Iconify `logos` set.
+ *
+ * Drawn as one silhouette, so it paints with `currentColor` and stays
+ * under the semantic theme in every mode.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export function AppleIcon({ size = BRAND_ICON_SIZE, ...props }) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 256 315", fill: "currentColor", "data-slot": "brand-icon", "data-brand": "apple", ...props, ...brandIconLabelling(props), children: _jsx("path", { d: "M213.803 167.03c.442 47.58 41.74 63.413 42.197 63.615c-.35 1.116-6.599 22.563-21.757 44.716c-13.104 19.153-26.705 38.235-48.13 38.63c-21.05.388-27.82-12.483-51.888-12.483c-24.061 0-31.582 12.088-51.51 12.871c-20.68.783-36.428-20.71-49.64-39.793c-27-39.033-47.633-110.3-19.928-158.406c13.763-23.89 38.36-39.017 65.056-39.405c20.307-.387 39.475 13.662 51.889 13.662c12.406 0 35.699-16.895 60.186-14.414c10.25.427 39.026 4.14 57.503 31.186c-1.49.923-34.335 20.044-33.978 59.822M174.24 50.199c10.98-13.29 18.369-31.79 16.353-50.199c-15.826.636-34.962 10.546-46.314 23.828c-10.173 11.763-19.082 30.589-16.678 48.633c17.64 1.365 35.66-8.964 46.64-22.262" }) }));
+}

package/dist/components/brand-icons/brand-icon.d.ts

@@ -0,0 +1,22 @@
+import type * as React from "react";
+/** Matches the Lucide default so a brand mark drops into an icon slot unchanged. */
+export declare const BRAND_ICON_SIZE = 24;
+export type BrandIconProps = React.SVGProps<SVGSVGElement> & {
+    /** Rendered box in CSS pixels; the mark is centred inside it at its own ratio. */
+    size?: number;
+};
+/**
+ * A brand mark is decorative beside its text label and meaningful on its own.
+ * Callers declare the second case by naming the mark; everything else stays
+ * hidden from assistive technology rather than announcing a stray brand word.
+ *
+ * A name is the whole declaration. A bare `role="img"` says the mark matters
+ * without saying what it is, which exposes an image with no accessible name, so
+ * the mark stays hidden until a name arrives with it. An empty or blank name
+ * is no name, and the hidden fallback follows caller props so a spread cannot
+ * accidentally unhide an unnamed mark.
+ */
+export declare function brandIconLabelling(props: BrandIconProps): {
+    "aria-hidden"?: true;
+};
+//# sourceMappingURL=brand-icon.d.ts.map

package/dist/components/brand-icons/brand-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-icon.d.ts","sourceRoot":"","sources":["../../../src/components/brand-icons/brand-icon.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAUpC,oFAAoF;AACpF,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAC3D,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,GAAG;IAAE,aAAa,CAAC,EAAE,IAAI,CAAA;CAAE,CAIlF"}

package/dist/components/brand-icons/brand-icon.js

@@ -0,0 +1,26 @@
+// Generated by scripts/build-brand-icons.mjs from @iconify-json/logos (CC0-1.0).
+// Edit the allow-list in that script and regenerate; hand edits to brand-icons/brand-icon.ts are lost.
+/*
+ * The shared shape of every generated brand mark.
+ *
+ * Brand marks are identity images, not UI icons: they carry a third party's
+ * artwork verbatim and are exempt from the Lucide currentColor stroke system.
+ * They never stand in for a UI icon, and a UI icon never stands in for one.
+ */
+/** Matches the Lucide default so a brand mark drops into an icon slot unchanged. */
+export const BRAND_ICON_SIZE = 24;
+/**
+ * A brand mark is decorative beside its text label and meaningful on its own.
+ * Callers declare the second case by naming the mark; everything else stays
+ * hidden from assistive technology rather than announcing a stray brand word.
+ *
+ * A name is the whole declaration. A bare `role="img"` says the mark matters
+ * without saying what it is, which exposes an image with no accessible name, so
+ * the mark stays hidden until a name arrives with it. An empty or blank name
+ * is no name, and the hidden fallback follows caller props so a spread cannot
+ * accidentally unhide an unnamed mark.
+ */
+export function brandIconLabelling(props) {
+    const named = Boolean(props["aria-label"]?.trim()) || Boolean(props["aria-labelledby"]?.trim());
+    return named ? {} : { "aria-hidden": true };
+}

package/dist/components/brand-icons/linux.d.ts

@@ -0,0 +1,18 @@
+import { type BrandIconProps } from "./brand-icon";
+/**
+ * The linux-tux mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export declare function LinuxIcon({ size, ...props }: BrandIconProps): import("react").JSX.Element;
+//# sourceMappingURL=linux.d.ts.map

package/dist/components/brand-icons/linux.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"linux.d.ts","sourceRoot":"","sources":["../../../src/components/brand-icons/linux.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAuC,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAExF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BA4P7E"}

package/dist/components/brand-icons/linux.js

@@ -0,0 +1,25 @@
+// Generated by scripts/build-brand-icons.mjs from @iconify-json/logos (CC0-1.0).
+// Edit the allow-list in that script and regenerate; hand edits to brand-icons/linux.tsx are lost.
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { BRAND_ICON_SIZE, brandIconLabelling } from "./brand-icon.js";
+/**
+ * The linux-tux mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export function LinuxIcon({ size = BRAND_ICON_SIZE, ...props }) {
+    const scope = `brand-icon-linux-${useId().replace(/[^a-zA-Z0-9]/g, "")}`;
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 256 295", "data-slot": "brand-icon", "data-brand": "linux", ...props, ...brandIconLabelling(props), children: [_jsxs("defs", { children: [_jsxs("linearGradient", { id: `${scope}-a`, x1: "48.548%", x2: "51.047%", y1: "115.276%", y2: "41.364%", children: [_jsx("stop", { offset: "0%", stopColor: "#ffeed7" }), _jsx("stop", { offset: "100%", stopColor: "#bdbfc2" })] }), _jsxs("linearGradient", { id: `${scope}-b`, x1: "54.407%", x2: "46.175%", y1: "2.404%", y2: "90.542%", children: [_jsx("stop", { offset: "0%", stopColor: "#fff", stopOpacity: ".8" }), _jsx("stop", { offset: "100%", stopColor: "#fff", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: `${scope}-c`, x1: "51.86%", x2: "47.947%", y1: "88.248%", y2: "9.748%", children: [_jsx("stop", { offset: "0%", stopColor: "#ffeed7" }), _jsx("stop", { offset: "100%", stopColor: "#bdbfc2" })] }), _jsxs("linearGradient", { id: `${scope}-d`, x1: "49.925%", x2: "49.924%", y1: "85.49%", y2: "13.811%", children: [_jsx("stop", { offset: "0%", stopColor: "#ffeed7" }), _jsx("stop", { offset: "100%", stopColor: "#bdbfc2" })] }), _jsxs("linearGradient", { id: `${scope}-e`, x1: "53.901%", x2: "45.956%", y1: "3.102%", y2: "93.895%", children: [_jsx("stop", { offset: "0%", stopColor: "#fff", stopOpacity: ".65" }), _jsx("stop", { offset: "100%", stopColor: "#fff", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: `${scope}-f`, x1: "45.593%", x2: "54.811%", y1: "5.475%", y2: "93.524%", children: [_jsx("stop", { offset: "0%", stopColor: "#fff", stopOpacity: ".65" }), _jsx("stop", { offset: "100%", stopColor: "#fff", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: `${scope}-g`, x1: "49.984%", x2: "49.984%", y1: "89.845%", y2: "40.632%", children: [_jsx("stop", { offset: "0%", stopColor: "#ffeed7" }), _jsx("stop", { offset: "100%", stopColor: "#bdbfc2" })] }), _jsxs("linearGradient", { id: `${scope}-h`, x1: "53.505%", x2: "42.746%", y1: "99.975%", y2: "23.545%", children: [_jsx("stop", { offset: "0%", stopColor: "#ffeed7" }), _jsx("stop", { offset: "100%", stopColor: "#bdbfc2" })] }), _jsxs("linearGradient", { id: `${scope}-i`, x1: "49.841%", x2: "50.241%", y1: "13.229%", y2: "94.673%", children: [_jsx("stop", { offset: "0%", stopColor: "#fff", stopOpacity: ".8" }), _jsx("stop", { offset: "100%", stopColor: "#fff", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: `${scope}-j`, x1: "49.927%", x2: "50.727%", y1: "37.327%", y2: "92.782%", children: [_jsx("stop", { offset: "0%", stopColor: "#fff", stopOpacity: ".65" }), _jsx("stop", { offset: "100%", stopColor: "#fff", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: `${scope}-k`, x1: "49.876%", x2: "49.876%", y1: "2.299%", y2: "81.204%", children: [_jsx("stop", { offset: "0%", stopColor: "#fff", stopOpacity: ".65" }), _jsx("stop", { offset: "100%", stopColor: "#fff", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: `${scope}-l`, x1: "49.833%", x2: "49.824%", y1: "2.272%", y2: "71.799%", children: [_jsx("stop", { offset: "0%", stopColor: "#fff", stopOpacity: ".65" }), _jsx("stop", { offset: "100%", stopColor: "#fff", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: `${scope}-m`, x1: "53.467%", x2: "38.949%", y1: "48.921%", y2: "98.1%", children: [_jsx("stop", { offset: "0%", stopColor: "#ffa63f" }), _jsx("stop", { offset: "100%", stopColor: "#ff0" })] }), _jsxs("linearGradient", { id: `${scope}-n`, x1: "52.373%", x2: "47.579%", y1: "143.009%", y2: "-64.622%", children: [_jsx("stop", { offset: "0%", stopColor: "#ffeed7" }), _jsx("stop", { offset: "100%", stopColor: "#bdbfc2" })] }), _jsxs("linearGradient", { id: `${scope}-o`, x1: "30.581%", x2: "65.887%", y1: "34.024%", y2: "89.175%", children: [_jsx("stop", { offset: "0%", stopColor: "#ffa63f" }), _jsx("stop", { offset: "100%", stopColor: "#ff0" })] }), _jsxs("linearGradient", { id: `${scope}-p`, x1: "59.572%", x2: "48.361%", y1: "-17.216%", y2: "66.118%", children: [_jsx("stop", { offset: "0%", stopColor: "#fff", stopOpacity: ".65" }), _jsx("stop", { offset: "100%", stopColor: "#fff", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: `${scope}-q`, x1: "47.769%", x2: "51.373%", y1: "1.565%", y2: "104.313%", children: [_jsx("stop", { offset: "0%", stopColor: "#fff", stopOpacity: ".65" }), _jsx("stop", { offset: "100%", stopColor: "#fff", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: `${scope}-r`, x1: "43.55%", x2: "57.114%", y1: "4.533%", y2: "92.827%", children: [_jsx("stop", { offset: "0%", stopColor: "#fff", stopOpacity: ".65" }), _jsx("stop", { offset: "100%", stopColor: "#fff", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: `${scope}-s`, x1: "49.733%", x2: "50.558%", y1: "17.609%", y2: "99.385%", children: [_jsx("stop", { offset: "0%", stopColor: "#ffa63f" }), _jsx("stop", { offset: "100%", stopColor: "#ff0" })] }), _jsxs("linearGradient", { id: `${scope}-t`, x1: "50.17%", x2: "49.68%", y1: "2.89%", y2: "94.17%", children: [_jsx("stop", { offset: "0%", stopColor: "#fff", stopOpacity: ".65" }), _jsx("stop", { offset: "100%", stopColor: "#fff", stopOpacity: "0" })] }), _jsxs("filter", { id: `${scope}-u`, width: "200%", height: "200%", x: "-50%", y: "-50%", filterUnits: "objectBoundingBox", children: [_jsx("feOffset", { in: "SourceAlpha", result: "shadowOffsetOuter1" }), _jsx("feGaussianBlur", { in: "shadowOffsetOuter1", result: "shadowBlurOuter1", stdDeviation: "6.5" })] })] }), _jsxs("g", { fill: "none", children: [_jsx("path", { fill: "#000", fillOpacity: ".2", d: "M235.125 249.359c0 17.355-52.617 31.497-117.54 31.497S.044 266.806.044 249.359c0-17.356 52.618-31.498 117.54-31.498c64.924 0 117.45 14.142 117.541 31.498", filter: `url(#${scope}-u)`, transform: "translate(10)" }), _jsx("path", { fill: "#000", d: "M63.213 215.474c-11.387-16.346-13.591-69.606 12.947-102.39C89.292 97.383 92.69 86.455 93.7 71.67c.734-16.805-11.846-66.851 35.537-70.616c48.027-3.857 45.364 43.526 45.088 68.596c-.183 21.12 15.52 33.15 26.355 49.68c19.927 30.303 18.274 82.461-3.765 110.745c-27.916 35.354-51.791 20.018-67.678 21.304c-29.752 1.745-30.762 17.54-66.024-35.905" }), _jsx("path", { fill: `url(#${scope}-a)`, d: "M169.1 122.451c8.265 7.622 29.661 41.69-4.224 62.995c-11.937 7.438 10.653 35.721 21.488 22.039c19.193-24.61 6.98-63.913-4.591-77.963c-7.714-9.917-19.651-13.774-12.672-7.07", transform: "translate(10)" }), _jsx("path", { fill: "#000", stroke: "#000", strokeWidth: ".977", d: "M176.805 117.86c13.59 11.02 38.292 49.587 2.204 74.748c-11.846 7.806 10.468 32.508 23.049 19.927c43.618-43.894-1.102-94.308-16.53-111.664c-13.774-15.151-25.987 3.49-8.723 16.989Z" }), _jsx("path", { fill: `url(#${scope}-b)`, d: "M147.245 25.02c-.459 12.581-14.325 23.51-30.946 24.52S86.639 41 87.097 28.418c.46-12.581 14.326-23.509 30.947-24.519c16.62-.918 29.66 8.54 29.201 21.12", transform: "translate(10)" }), _jsx("path", { fill: `url(#${scope}-c)`, d: "M107.483 54.957c.46 8.173-3.397 15.06-8.723 15.335s-10.01-6.06-10.47-14.232S91.688 41 97.014 40.725s10.01 6.06 10.468 14.233", transform: "translate(10)" }), _jsx("path", { fill: `url(#${scope}-d)`, d: "M117.125 55.6c.184 9.458 6.337 16.988 13.683 16.805c7.346-.184 13.131-7.99 12.948-17.54c-.184-9.458-6.336-16.988-13.683-16.804c-7.346.183-13.223 8.08-12.948 17.539", transform: "translate(10)" }), _jsx("path", { fill: "#000", d: "M133.186 57.712c-.092 5.234 2.48 9.458 5.877 9.458c3.306 0 6.153-4.224 6.245-9.366c.091-5.234-2.48-9.459-5.878-9.459c-3.397 0-6.152 4.225-6.244 9.367m-21.212.092c.459 4.316-1.194 7.989-3.582 8.356c-2.387.276-4.683-2.938-5.142-7.254s1.194-7.99 3.581-8.357c2.388-.275 4.684 2.939 5.143 7.255" }), _jsx("path", { fill: `url(#${scope}-e)`, d: "M124.564 54.773c-.276 2.939 1.102 5.326 3.03 5.51s3.765-2.112 4.04-4.959c.276-2.938-1.102-5.326-3.03-5.51c-1.928-.183-3.765 2.113-4.04 4.96", transform: "translate(10)" }), _jsx("path", { fill: `url(#${scope}-f)`, d: "M99.953 55.508c.276 2.388-.734 4.5-2.203 4.683c-1.47.184-2.847-1.653-3.123-4.132c-.275-2.388.735-4.5 2.204-4.683c1.47-.184 2.847 1.744 3.122 4.132", transform: "translate(10)" }), _jsx("path", { fill: `url(#${scope}-g)`, d: "M71.027 145.684c6.52-14.785 20.386-40.772 20.662-60.883c0-15.978 47.843-19.835 51.7-3.856c3.856 15.978 13.59 39.853 19.834 51.424c6.245 11.478 24.335 48.118 5.051 80.074c-17.356 28.284-69.973 50.69-98.073-3.856c-9.55-18.917-7.806-42.333.826-62.903", transform: "translate(10)" }), _jsx("path", { fill: `url(#${scope}-h)`, d: "M65.15 134.664c-5.601 10.56-17.172 38.293 11.112 53.445c30.395 16.162 30.303 49.312-6.245 33.517c-33.425-14.233-18.641-71.902-9.274-85.676c6.06-9.642 15.243-21.488 4.407-1.286", transform: "translate(10)" }), _jsx("path", { fill: "#000", stroke: "#000", strokeWidth: "1.25", d: "M79.925 122.727c-8.907 14.509-30.211 48.669-1.652 66.484c38.384 23.6 27.548 47.108-7.53 25.895c-49.404-29.568-5.97-89.257 13.774-112.03c22.59-25.529 4.316 4.683-4.592 19.65Z" }), _jsx("path", { fill: `url(#${scope}-i)`, d: "M156.428 151.285c0 16.162-15.519 37.1-42.15 36.916c-27.456.183-39.118-20.754-39.118-36.916s18.182-29.293 40.588-29.293c22.498.092 40.68 13.132 40.68 29.293", transform: "translate(10)" }), _jsx("path", { fill: `url(#${scope}-j)`, d: "M141.92 100.504c-.276 16.713-11.204 20.662-24.978 20.662s-23.784-2.48-24.978-20.662c0-11.387 11.203-17.998 24.978-17.998c13.774-.092 24.977 6.52 24.977 17.998", transform: "translate(10)" }), _jsx("path", { fill: `url(#${scope}-k)`, d: "M58.63 126.216c9-13.682 28.008-34.711 3.582 2.939c-19.835 31.038-7.346 50.965-.918 56.474c18.549 16.53 17.814 27.64 3.214 18.917c-31.314-18.641-24.794-50.047-5.878-78.33", transform: "translate(10)" }), _jsx("path", { fill: `url(#${scope}-l)`, d: "M188.936 131.818c-7.806-16.07-32.6-56.842 1.193-9.459c30.763 42.884 9.183 72.729 5.326 75.667c-3.856 2.939-16.804 8.908-13.04-1.469c3.858-10.377 22.958-30.028 6.52-64.74", transform: "translate(10)" }), _jsx("path", { fill: `url(#${scope}-m)`, stroke: "#e68c3f", strokeWidth: "6.25", d: "M51.835 258.542c-20.57-10.928-50.414 2.112-39.578-27.457c2.204-6.704-3.214-16.805.275-23.325c4.133-7.989 13.04-6.244 18.366-11.57c5.234-5.51 8.54-15.06 18.366-13.59c9.734 1.468 16.254 13.406 23.049 28.099c5.05 10.468 22.865 25.253 21.672 37.007c-1.47 17.998-21.948 21.396-42.15 10.836Z", transform: "translate(10)" }), _jsx("path", { fill: `url(#${scope}-n)`, d: "M201.608 189.119c-3.122 5.877-16.162 15.335-24.886 12.856c-8.815-2.388-12.856-15.795-11.111-25.988c1.653-11.386 11.111-12.03 23.05-6.336c12.855 6.336 16.712 11.662 12.947 19.468", transform: "translate(10)" }), _jsx("path", { fill: `url(#${scope}-o)`, stroke: "#e68c3f", strokeWidth: "6.251", d: "M194.445 253.49c15.06-18.273 48.578-14.508 25.988-39.577c-4.775-5.418-3.306-16.989-9.183-21.947c-6.887-6.061-14.509-1.102-21.488-4.224c-6.979-3.398-14.325-9.918-22.865-5.327c-8.54 4.684-9.459 16.805-10.285 32.783c-.735 11.479-11.203 30.671-5.602 41.231c8.081 16.346 29.11 14.142 43.435-2.938Z", transform: "translate(10)" }), _jsx("path", { fill: `url(#${scope}-p)`, d: "M187.925 229.064c23.325-34.435 5.97-34.16.092-36.823c-5.877-2.755-12.03-8.173-18.916-4.408c-6.888 3.857-7.255 13.775-7.439 26.814c-.275 9.367-8.08 25.07-3.397 33.793c5.693 10.193 19.467-4.591 29.66-19.376", transform: "translate(10)" }), _jsx("path", { fill: `url(#${scope}-q)`, d: "M47.06 234.023c-34.895-22.59-18.55-30.303-13.315-33.885c6.336-4.591 6.428-13.407 14.233-12.58c7.806.826 12.397 10.468 17.631 22.406c3.857 8.54 17.264 19.927 16.254 29.753c-1.285 11.57-19.743 3.948-34.803-5.694", transform: "translate(10)" }), _jsx("path", { fill: "#000", d: "M209.588 188.843c-2.755 4.776-13.958 12.306-21.396 10.285c-7.622-1.928-11.112-12.672-9.55-20.753c1.377-9.183 9.55-9.642 19.834-5.05c10.928 4.958 14.326 9.182 11.112 15.518" }), _jsx("path", { fill: `url(#${scope}-r)`, d: "M192.058 186.18c-1.745 3.306-9.091 8.54-14.234 7.163c-5.142-1.377-7.713-8.815-6.887-14.417c.735-6.336 6.244-6.704 13.223-3.581c7.53 3.49 9.918 6.428 7.898 10.835", transform: "translate(10)" }), _jsx("path", { fill: `url(#${scope}-s)`, stroke: "#e68c3f", strokeWidth: "3.75", d: "M97.107 66.344c3.673-3.398 12.58-13.774 29.477-2.939c3.122 2.02 5.693 2.204 11.662 4.775c12.03 4.96 6.336 16.897-6.52 20.937c-5.51 1.745-10.468 8.449-20.386 7.806c-8.54-.46-10.744-6.06-15.978-9.091c-9.275-5.234-10.652-12.305-5.602-16.07c5.051-3.765 6.98-5.143 7.347-5.418Z", transform: "translate(10)" }), _jsx("path", { stroke: "#e68c3f", strokeWidth: "2.5", d: "M148.43 75.986c-5.05.275-15.979 11.203-27.457 11.203s-18.366-10.652-20.11-10.652" }), _jsx("path", { fill: `url(#${scope}-t)`, d: "M102.8 65.426c1.837-1.653 7.622-6.153 15.244-1.562c1.653.919 3.306 1.929 5.693 3.306c4.867 2.847 2.48 6.98-3.398 9.55c-2.663 1.102-7.07 3.49-10.376 3.306c-3.673-.367-6.153-2.755-8.54-4.316c-4.5-2.938-4.224-5.418-2.112-7.346c1.56-1.47 3.305-2.847 3.49-2.938", transform: "translate(10)" })] })] }));
+}

package/dist/components/brand-icons/windows.d.ts

@@ -0,0 +1,18 @@
+import { type BrandIconProps } from "./brand-icon";
+/**
+ * The microsoft-windows-icon mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export declare function WindowsIcon({ size, ...props }: BrandIconProps): import("react").JSX.Element;
+//# sourceMappingURL=windows.d.ts.map

package/dist/components/brand-icons/windows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"windows.d.ts","sourceRoot":"","sources":["../../../src/components/brand-icons/windows.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAExF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAkB/E"}

package/dist/components/brand-icons/windows.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Generated by scripts/build-brand-icons.mjs from @iconify-json/logos (CC0-1.0).
+// Edit the allow-list in that script and regenerate; hand edits to brand-icons/windows.tsx are lost.
+import { BRAND_ICON_SIZE, brandIconLabelling } from "./brand-icon.js";
+/**
+ * The microsoft-windows-icon mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export function WindowsIcon({ size = BRAND_ICON_SIZE, ...props }) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 256 256", "data-slot": "brand-icon", "data-brand": "windows", ...props, ...brandIconLabelling(props), children: _jsx("path", { fill: "#0078d4", d: "M0 0h121.329v121.329H0zm134.671 0H256v121.329H134.671zM0 134.671h121.329V256H0zm134.671 0H256V256H134.671z" }) }));
+}

package/dist/components/brand-icons.d.ts

@@ -0,0 +1,5 @@
+export { BRAND_ICON_SIZE, brandIconLabelling, type BrandIconProps, } from "./brand-icons/brand-icon";
+export { WindowsIcon } from "./brand-icons/windows";
+export { AppleIcon } from "./brand-icons/apple";
+export { LinuxIcon } from "./brand-icons/linux";
+//# sourceMappingURL=brand-icons.d.ts.map

package/dist/components/brand-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-icons.d.ts","sourceRoot":"","sources":["../../src/components/brand-icons.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,KAAK,cAAc,GACpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/brand-icons.js

@@ -0,0 +1,10 @@
+/*
+ * Third-party brand marks, generated by scripts/build-brand-icons.mjs.
+ *
+ * Do not edit this file or ./brand-icons/ by hand: add the brand to the
+ * generator's allow-list and run `npm run generate:brand-icons`.
+ */
+export { BRAND_ICON_SIZE, brandIconLabelling, } from "./brand-icons/brand-icon.js";
+export { WindowsIcon } from "./brand-icons/windows.js";
+export { AppleIcon } from "./brand-icons/apple.js";
+export { LinuxIcon } from "./brand-icons/linux.js";

package/dist/components/button.d.ts

@@ -1,7 +1,7 @@
 import { Button as ButtonPrimitive } from "@base-ui/react/button";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "brandGhost" | "brandSolid" | "onPrimary" | null | undefined;
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "brandGhost" | "brandSolid" | "destructive" | "onPrimary" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>): import("react").JSX.Element;

package/dist/components/button.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Button as ButtonPrimitive } from "@base-ui/react/button";
 import { cva } from "class-variance-authority";
 import { cn } from "../lib/utils.js";
-const buttonVariants = cva("group/button inline-flex min-h-touch-target min-w-touch-target shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-[background-color,border-color,color] duration-[var(--nc-duration-confirm)] ease-[var(--nc-ease-out-strong)] outline-none select-none focus-visible:border-ring focus-visible:ring-[length:var(--ring-width-focus)] focus-visible:ring-ring active:not-aria-[haspopup]:opacity-90 motion-reduce:transition-none disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[length:var(--ring-width-focus)] aria-invalid:ring-destructive [@media(hover:hover)_and_(pointer:fine)]:min-h-0 [@media(hover:hover)_and_(pointer:fine)]:min-w-0 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+const buttonVariants = cva("group/button inline-flex min-h-touch-target min-w-touch-target shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-[background-color,border-color,color,scale] duration-[var(--nc-duration-confirm)] ease-[var(--nc-ease-out-strong)] outline-none select-none focus-visible:border-ring focus-visible:ring-[length:var(--ring-width-focus)] focus-visible:ring-ring motion-safe:active:not-aria-[haspopup]:scale-[0.97] motion-reduce:transition-none disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[length:var(--ring-width-focus)] aria-invalid:ring-destructive [@media(hover:hover)_and_(pointer:fine)]:min-h-0 [@media(hover:hover)_and_(pointer:fine)]:min-w-0 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
     variants: {
         variant: {
             default: "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active",

package/dist/components/card-marketing.js

@@ -21,13 +21,13 @@ import { cn } from "../lib/utils.js";
  */
 function CardMarketing({ className, size = "default", surface = "canvas", ...props }) {
     return (_jsx("div", { "data-slot": "card-marketing", "data-size": size, "data-surface": surface, className: cn("grid content-start overflow-hidden border border-border text-foreground", surface === "soft" ? "bg-[var(--nc-canvas-soft)]" : "bg-card", size === "default" && [
-            "gap-3 rounded-[var(--nc-rounded-md)] p-6",
+            "gap-3 rounded-md p-6",
             // media present -> compress padding; the media insets follow (below).
             "has-[[data-slot=card-marketing-media]]:gap-3 has-[[data-slot=card-marketing-media]]:p-4",
             "[&_[data-slot=card-marketing-title]]:text-xl",
             "[&_[data-slot=card-marketing-media]]:-mx-4 [&_[data-slot=card-marketing-media]]:-mt-4 [&_[data-slot=card-marketing-media]]:mb-1",
         ], size === "lg" && [
-            "gap-4 rounded-[var(--nc-rounded-lg)] p-8",
+            "gap-4 rounded-lg p-8",
             "has-[[data-slot=card-marketing-media]]:p-6",
             "[&_[data-slot=card-marketing-title]]:text-2xl",
             "[&_[data-slot=card-marketing-media]]:-mx-6 [&_[data-slot=card-marketing-media]]:-mt-6 [&_[data-slot=card-marketing-media]]:mb-1.5",

package/dist/components/card.d.ts

@@ -1,9 +1,10 @@
 import * as React from "react";
-type CardVariant = "default" | "interactive" | "borderless";
-declare function Card({ className, size, variant, ...props }: React.ComponentProps<"div"> & {
+import { useRender } from "@base-ui/react/use-render";
+type CardVariant = "default" | "interactive" | "link" | "borderless";
+declare function Card({ className, render, size, variant, ...props }: useRender.ComponentProps<"div"> & {
     size?: "default" | "sm";
     variant?: CardVariant;
-}): React.JSX.Element;
+}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function CardTitle({ className, focusTarget, ...props }: React.ComponentProps<"div"> & {
     focusTarget?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,WAAW,GAAG,SAAS,GAAG,aAAa,GAAG,YAAY,CAAC;AAE5D,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,IAAgB,EAChB,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,qBAeA;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,qBAczD;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ5E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQvE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAIxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQvE;AAED,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAItD,KAAK,WAAW,GAAG,SAAS,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,CAAC;AAErE,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,MAAM,EACN,IAAgB,EAChB,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACnC,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,0EAmBA;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,qBAczD;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ5E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQvE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAIxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQvE;AAED,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/card.js

@@ -1,7 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
 import { cn } from "../lib/utils.js";
-function Card({ className, size = "default", variant = "default", ...props }) {
-    return (_jsx("div", { "data-slot": "card", "data-size": size, "data-variant": variant, className: cn("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-md border border-border bg-card py-(--card-spacing) text-sm text-card-foreground [--card-spacing:var(--spacing-nadicode-lg)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:var(--spacing-nadicode-md)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-md *:[img:last-child]:rounded-b-md", variant === "interactive" && "transition-colors group-hover:bg-accent", variant === "borderless" && "border-0", className), ...props }));
+function Card({ className, render, size = "default", variant = "default", ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({
+            className: cn("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-md border border-border bg-card py-(--card-spacing) text-sm text-card-foreground [--card-spacing:var(--spacing-nadicode-lg)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:var(--spacing-nadicode-md)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-md *:[img:last-child]:rounded-b-md", variant === "interactive" && "transition-colors group-hover:bg-accent", variant === "link" &&
+                "nc-transition-paint hover:border-ring focus-visible:outline-none focus-visible:ring-[length:var(--ring-width-focus)] focus-visible:ring-ring", variant === "borderless" && "border-0", className),
+        }, props),
+        render,
+        state: { size, slot: "card", variant },
+    });
 }
 function CardHeader({ className, ...props }) {
     return (_jsx("div", { "data-slot": "card-header", className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-md px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", className), ...props }));

package/dist/components/chart-breakdown-table.js

@@ -12,7 +12,7 @@ function defaultFormat(value) {
     return value.toLocaleString("en-US");
 }
 function BreakdownRow({ label, value, share, color, valueFormatter, ...props }) {
-    return (_jsxs(TableRow, { ...props, children: [_jsx(TableCell, { className: "font-medium", children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { "data-slot": "breakdown-table-dot", "aria-hidden": "true", className: "size-2 shrink-0 rounded-[2px]", style: { backgroundColor: color } }), label] }) }), _jsx(TableCell, { className: "text-right font-mono tabular-nums", children: valueFormatter(value) }), _jsx(TableCell, { children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { "data-slot": "breakdown-table-bar", "aria-hidden": "true", className: "h-1.5 flex-1 overflow-hidden rounded-[2px] bg-muted", children: _jsx("span", { className: "block h-full rounded-r-[2px]", style: {
+    return (_jsxs(TableRow, { ...props, children: [_jsx(TableCell, { className: "font-medium", children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { "data-slot": "breakdown-table-dot", "aria-hidden": "true", className: "size-2 shrink-0 rounded-xs", style: { backgroundColor: color } }), label] }) }), _jsx(TableCell, { className: "text-right font-mono tabular-nums", children: valueFormatter(value) }), _jsx(TableCell, { children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { "data-slot": "breakdown-table-bar", "aria-hidden": "true", className: "h-1.5 flex-1 overflow-hidden rounded-xs bg-muted", children: _jsx("span", { className: "block h-full rounded-r-xs", style: {
                                     width: `${Number(share.toFixed(3))}%`,
                                     backgroundColor: color,
                                 } }) }), _jsx("span", { className: "w-12 text-right font-mono text-xs text-muted-foreground tabular-nums", children: formatShare(share) })] }) })] }));

package/dist/components/chart-bullet-bar.d.ts

@@ -10,12 +10,23 @@ import * as React from "react";
  * cap tick, never clamped away. Severity state tokens reinforce position,
  * never act as the sole signal. The current value reads at the bar tip.
  *
+ * Two scales, one meter owner. The default `panel` scale is the full grammar
+ * above. The `row` scale is the exception slot of a membership row, where the
+ * meter appears only past the warning rung and is therefore a warning, not a
+ * gauge: one line carrying a percent and a thin bar, no ticks and no tip value
+ * line. It drops the ticks because a row has no room to encode position, so it
+ * encodes register instead; it keeps the overflow segment, because an over-run
+ * is never clamped away at either scale.
+ *
  * Accessibility: `role="meter"` with a REQUIRED accessible name (`label`);
  * `aria-valuenow` clamps to the meter maximum while `aria-valuetext` conveys
- * the true value including overflow.
+ * the true value including overflow. At the `row` scale the label is the only
+ * place the words live — the row prints no caption — so the caller passes a
+ * label that reads as a sentence, not a bare noun.
  */
 type BulletBarSeverity = "ok" | "warn" | "over";
-declare function BulletBar({ value, max, thresholdFraction, label, valueFormatter, valueText, className, ...props }: Omit<React.ComponentProps<"div">, "children"> & {
+type BulletBarSize = "panel" | "row";
+declare function BulletBar({ value, max, thresholdFraction, label, size, valueFormatter, valueText, className, ...props }: Omit<React.ComponentProps<"div">, "children"> & {
     value: number;
     /** The cap (included usage / limit) the meter measures against. */
     max: number;
@@ -27,6 +38,11 @@ declare function BulletBar({ value, max, thresholdFraction, label, valueFormatte
     thresholdFraction: number;
     /** REQUIRED accessible name for the meter. */
     label: string;
+    /**
+     * `panel` (default) is the full meter grammar. `row` is the single-line
+     * exception-slot scale: percent plus a thin bar, no ticks, no value line.
+     */
+    size?: BulletBarSize;
     valueFormatter?: (value: number) => string;
     /** Optional override for the generated `aria-valuetext`. */
     valueText?: string;

package/dist/components/chart-bullet-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-bullet-bar.d.ts","sourceRoot":"","sources":["../../src/components/chart-bullet-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;;GAcG;AAEH,KAAK,iBAAiB,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAgBhD,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,GAAG,EACH,iBAAiB,EACjB,KAAK,EACL,cAA8B,EAC9B,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,GAAG,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,qBAsFA;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"chart-bullet-bar.d.ts","sourceRoot":"","sources":["../../src/components/chart-bullet-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,KAAK,iBAAiB,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAChD,KAAK,aAAa,GAAG,OAAO,GAAG,KAAK,CAAC;AAuCrC,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,GAAG,EACH,iBAAiB,EACjB,KAAK,EACL,IAAc,EACd,cAA8B,EAC9B,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,GAAG,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,qBAgJA;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}