@publish.os/nextjs 0.0.1-alpha.3 → 0.0.1-alpha.5

package/README.md

@@ -1,14 +1,8 @@
 # @publish.os/nextjs
 
-PublishOS runtime package for generated Next.js applications.
-
-NextJS runtime for your `publish.os/` content.
-
-## Install
-
-```bash
-pnpm add @publish.os/nextjs
-```
+PublishOS runtime package for generated Next.js applications. Tenant source
+pins its exact version in `publish.os.config.json`; the CLI obtains and verifies
+it automatically. Do not install it into the host application.
 
 ## License
 

package/dist/index.cjs

@@ -178,22 +178,28 @@ function cachedTextHeaders(contentType, options = {}) {
   headers.set("vercel-cdn-cache-control", cdnCacheControl(options.cachePolicy));
   headers.set("content-type", contentType);
   headers.set("x-content-type-options", "nosniff");
-  if (options.etag) headers.set("etag", options.etag);
   if (options.noindex) headers.set("x-robots-tag", "noindex");
   return headers;
 }
 function createCachedTextResponse(options) {
   const status = options.status ?? 200;
-  const method = options.method ?? options.request?.method ?? "GET";
+  const method = options.method ?? "GET";
   const headers = cachedTextHeaders(options.contentType, options);
-  const isNotModified = status === 200 && options.etag && options.request?.headers.get("if-none-match") === options.etag;
-  return new Response(
-    method === "HEAD" || isNotModified ? null : options.body,
-    {
-      headers,
-      status: isNotModified ? 304 : status
-    }
-  );
+  return new Response(method === "HEAD" ? null : options.body, {
+    headers,
+    status
+  });
+}
+
+// src/kernel/routes/metadata/canonical-url.ts
+function canonicalUrl(manifest, path) {
+  const origin = manifest.site.url?.replace(/\/+$/, "");
+  if (!origin) return path;
+  try {
+    return new URL(path, `${origin}/`).toString();
+  } catch {
+    return path;
+  }
 }
 
 // src/kernel/routes/metadata/feed.ts
@@ -206,15 +212,6 @@ function pageTimestamp(page) {
   const timestamp = Date.parse(value);
   return Number.isNaN(timestamp) ? -Infinity : timestamp;
 }
-function canonicalUrl(manifest, path) {
-  const origin = manifest.site.url?.replace(/\/+$/, "");
-  if (!origin) return path;
-  try {
-    return new URL(path, `${origin}/`).toString();
-  } catch {
-    return path;
-  }
-}
 function pageInScope(page, options) {
   if (options.scope === "site" || !options.group) return true;
   if (options.scope === "self") return page.group === options.group;
@@ -379,10 +376,10 @@ async function llmsTxt(manifest, options = {}) {
   const visiblePages = options.limit ? pages.slice(0, options.limit) : pages;
   const lines = visiblePages.map((page) => {
     const description = options.includeDescriptions && page.description ? ` - ${page.description}` : "";
-    return `- [${page.title}](${page.path})${description}`;
+    return `- [${page.title}](${canonicalUrl(manifest, page.path)})${description}`;
   });
   const linkLines = (options.links ?? []).map(
-    (link) => `- [${link.title}](${link.path})`
+    (link) => `- [${link.title}](${canonicalUrl(manifest, link.path)})`
   );
   const linkSection = linkLines.length ? `
 
@@ -1012,7 +1009,11 @@ async function robotsTxt(manifest) {
   "use cache";
   (0, import_cache3.cacheLife)("page");
   (0, import_cache3.cacheTag)(tags.site(), tags.robots(), tags.manifest(manifest.contentHash));
-  return "User-agent: *\nAllow: /\nSitemap: /sitemap.xml\n";
+  const sitemapUrl = canonicalUrl(manifest, "/sitemap.xml");
+  return `User-agent: *
+Allow: /
+Sitemap: ${sitemapUrl}
+`;
 }
 function createRobotsTxtRoute(manifest) {
   return async function GET() {
@@ -1038,7 +1039,9 @@ async function sitemapXml(manifest) {
     ...manifest.pages.filter((page) => page.status === "published").map((page) => page.path)
   ];
   const uniqueUrls = [...new Set(urls)];
-  const body = uniqueUrls.map((url) => `  <url><loc>${xmlEscape2(url)}</loc></url>`).join("\n");
+  const body = uniqueUrls.map(
+    (url) => `  <url><loc>${xmlEscape2(canonicalUrl(manifest, url))}</loc></url>`
+  ).join("\n");
   return `<?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
 ${body}

package/dist/index.js

@@ -132,22 +132,28 @@ function cachedTextHeaders(contentType, options = {}) {
   headers.set("vercel-cdn-cache-control", cdnCacheControl(options.cachePolicy));
   headers.set("content-type", contentType);
   headers.set("x-content-type-options", "nosniff");
-  if (options.etag) headers.set("etag", options.etag);
   if (options.noindex) headers.set("x-robots-tag", "noindex");
   return headers;
 }
 function createCachedTextResponse(options) {
   const status = options.status ?? 200;
-  const method = options.method ?? options.request?.method ?? "GET";
+  const method = options.method ?? "GET";
   const headers = cachedTextHeaders(options.contentType, options);
-  const isNotModified = status === 200 && options.etag && options.request?.headers.get("if-none-match") === options.etag;
-  return new Response(
-    method === "HEAD" || isNotModified ? null : options.body,
-    {
-      headers,
-      status: isNotModified ? 304 : status
-    }
-  );
+  return new Response(method === "HEAD" ? null : options.body, {
+    headers,
+    status
+  });
+}
+
+// src/kernel/routes/metadata/canonical-url.ts
+function canonicalUrl(manifest, path) {
+  const origin = manifest.site.url?.replace(/\/+$/, "");
+  if (!origin) return path;
+  try {
+    return new URL(path, `${origin}/`).toString();
+  } catch {
+    return path;
+  }
 }
 
 // src/kernel/routes/metadata/feed.ts
@@ -160,15 +166,6 @@ function pageTimestamp(page) {
   const timestamp = Date.parse(value);
   return Number.isNaN(timestamp) ? -Infinity : timestamp;
 }
-function canonicalUrl(manifest, path) {
-  const origin = manifest.site.url?.replace(/\/+$/, "");
-  if (!origin) return path;
-  try {
-    return new URL(path, `${origin}/`).toString();
-  } catch {
-    return path;
-  }
-}
 function pageInScope(page, options) {
   if (options.scope === "site" || !options.group) return true;
   if (options.scope === "self") return page.group === options.group;
@@ -333,10 +330,10 @@ async function llmsTxt(manifest, options = {}) {
   const visiblePages = options.limit ? pages.slice(0, options.limit) : pages;
   const lines = visiblePages.map((page) => {
     const description = options.includeDescriptions && page.description ? ` - ${page.description}` : "";
-    return `- [${page.title}](${page.path})${description}`;
+    return `- [${page.title}](${canonicalUrl(manifest, page.path)})${description}`;
   });
   const linkLines = (options.links ?? []).map(
-    (link) => `- [${link.title}](${link.path})`
+    (link) => `- [${link.title}](${canonicalUrl(manifest, link.path)})`
   );
   const linkSection = linkLines.length ? `
 
@@ -966,7 +963,11 @@ async function robotsTxt(manifest) {
   "use cache";
   cacheLife3("page");
   cacheTag3(tags.site(), tags.robots(), tags.manifest(manifest.contentHash));
-  return "User-agent: *\nAllow: /\nSitemap: /sitemap.xml\n";
+  const sitemapUrl = canonicalUrl(manifest, "/sitemap.xml");
+  return `User-agent: *
+Allow: /
+Sitemap: ${sitemapUrl}
+`;
 }
 function createRobotsTxtRoute(manifest) {
   return async function GET() {
@@ -992,7 +993,9 @@ async function sitemapXml(manifest) {
     ...manifest.pages.filter((page) => page.status === "published").map((page) => page.path)
   ];
   const uniqueUrls = [...new Set(urls)];
-  const body = uniqueUrls.map((url) => `  <url><loc>${xmlEscape2(url)}</loc></url>`).join("\n");
+  const body = uniqueUrls.map(
+    (url) => `  <url><loc>${xmlEscape2(canonicalUrl(manifest, url))}</loc></url>`
+  ).join("\n");
   return `<?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
 ${body}

package/dist/kernel/components/blocks/design-system-preview.cjs

@@ -38,7 +38,6 @@ var import_animated_icon_swap = require("./animated-icon-swap.js");
 var import_color_palette = __toESM(require("./color-palette.js"), 1);
 var import_inline_code = require("../mdx/components/inline-code.js");
 var import_accordion = require("../ui/accordion.js");
-var import_badge = require("../ui/badge.js");
 var import_breadcrumb = require("../ui/breadcrumb.js");
 var import_button = require("../ui/button.js");
 var import_button_group = require("../ui/button-group.js");
@@ -57,6 +56,7 @@ var import_select = require("../ui/select.js");
 var import_separator = require("../ui/separator.js");
 var import_table = require("../ui/table.js");
 var import_tabs = require("../ui/tabs.js");
+var import_tag = require("../ui/tag.js");
 var import_text = require("../ui/text.js");
 var import_toast = require("../ui/toast.js");
 var import_tooltip = require("../ui/tooltip.js");
@@ -111,15 +111,15 @@ function UiPreview({ items = [] }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid border-l border-t border-stroke-3 md:grid-cols-2 xl:grid-cols-4", children: [
     items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewCell, { name: item.name, children: item.children }, item.name)),
     !hasFixture(items, "Button") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewCell, { name: "Button", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { children: "Primary" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "secondary", children: "Secondary" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { children: "Solid" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "soft", children: "Soft" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { disabled: true, variant: "outline", children: "Disabled" })
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewCell, { name: "ButtonGroup", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid gap-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button_group.ButtonGroup, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "secondary", children: "Draft" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "secondary", children: "Preview" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "secondary", children: "Publish" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "soft", children: "Draft" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "soft", children: "Preview" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "soft", children: "Publish" })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button_group.ButtonGroup, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button_group.ButtonGroupText, { size: "sm", children: "v1.2.0" }),
@@ -127,14 +127,15 @@ function UiPreview({ items = [] }) {
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { size: "sm", variant: "outline", children: "Copy" })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button_group.ButtonGroup, { orientation: "vertical", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { size: "sm", variant: "secondary", children: "Move up" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { size: "sm", variant: "secondary", children: "Move down" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { size: "sm", variant: "soft", children: "Move up" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { size: "sm", variant: "soft", children: "Move down" })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewCell, { name: "Badge", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap justify-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.Badge, { variant: "primary", children: "Primary" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.Badge, { children: "Default" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.Badge, { variant: "outline", children: "Outline" })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewCell, { name: "Tag", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap justify-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tag.Tag, { children: "Solid" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tag.Tag, { variant: "soft", children: "Soft" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tag.Tag, { variant: "outline", children: "Outline" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tag.Tag, { borderStyle: "dotted", tone: "accent", variant: "soft", children: "Beta" })
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewCell, { name: "Input", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "label",
@@ -178,7 +179,7 @@ function UiPreview({ items = [] }) {
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { color: "accent", disabled: true, href: "#", variant: "link.standalone", children: "Disabled link" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: "#", size: "sm", variant: "button.primary", children: "Link as button" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: "#", size: "sm", variant: "button.solid", children: "Link as button" })
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewCell, { name: "Link colors", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: "/ds", color: "green-300", children: "Docs" }),
@@ -223,8 +224,8 @@ function UiPreview({ items = [] }) {
       ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-3", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: "#", variant: "link.inline", children: "Link inline" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: "#", size: "sm", variant: "button.secondary", children: "Link button" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { size: "sm", variant: "secondary", children: "Button" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: "#", size: "sm", variant: "button.soft", children: "Link button" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { size: "sm", variant: "soft", children: "Button" })
       ] })
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewCell, { name: "Text", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-xs space-y-2", children: [
@@ -412,7 +413,7 @@ function MdxPreview({ items = [] }) {
     !hasFixture(items, "Link") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewCell, { name: "Link", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { color: "default", href: "/ds", variant: "link.standalone", children: "Default standalone" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { color: "accent", href: "/ds", variant: "link.inline", children: "Accent inline" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: "/ds", size: "sm", variant: "button.primary", children: "Button link" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: "/ds", size: "sm", variant: "button.solid", children: "Button link" })
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewCell, { name: "MDX Links", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-md space-y-4 text-sm leading-7 text-foreground-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
@@ -481,7 +482,7 @@ function CopyToClipboardPreview() {
         }
       ),
       onClick: handleCopy,
-      variant: "secondary",
+      variant: "soft",
       children: "Copy"
     }
   );

package/dist/kernel/components/blocks/design-system-preview.js

@@ -11,7 +11,6 @@ import {
   AccordionPanel,
   AccordionTrigger
 } from "../ui/accordion.js";
-import { Badge } from "../ui/badge.js";
 import {
   Breadcrumb,
   BreadcrumbItem,
@@ -108,6 +107,7 @@ import {
   TabsPanel,
   TabsTab
 } from "../ui/tabs.js";
+import { Tag } from "../ui/tag.js";
 import { Text } from "../ui/text.js";
 import {
   Toast,
@@ -175,15 +175,15 @@ function UiPreview({ items = [] }) {
   return /* @__PURE__ */ jsxs("div", { className: "grid border-l border-t border-stroke-3 md:grid-cols-2 xl:grid-cols-4", children: [
     items.map((item) => /* @__PURE__ */ jsx(PreviewCell, { name: item.name, children: item.children }, item.name)),
     !hasFixture(items, "Button") && /* @__PURE__ */ jsx(PreviewCell, { name: "Button", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", children: [
-      /* @__PURE__ */ jsx(Button, { children: "Primary" }),
-      /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Secondary" }),
+      /* @__PURE__ */ jsx(Button, { children: "Solid" }),
+      /* @__PURE__ */ jsx(Button, { variant: "soft", children: "Soft" }),
       /* @__PURE__ */ jsx(Button, { disabled: true, variant: "outline", children: "Disabled" })
     ] }) }),
     /* @__PURE__ */ jsx(PreviewCell, { name: "ButtonGroup", children: /* @__PURE__ */ jsxs("div", { className: "grid gap-4", children: [
       /* @__PURE__ */ jsxs(ButtonGroup, { children: [
-        /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Draft" }),
-        /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Preview" }),
-        /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Publish" })
+        /* @__PURE__ */ jsx(Button, { variant: "soft", children: "Draft" }),
+        /* @__PURE__ */ jsx(Button, { variant: "soft", children: "Preview" }),
+        /* @__PURE__ */ jsx(Button, { variant: "soft", children: "Publish" })
       ] }),
       /* @__PURE__ */ jsxs(ButtonGroup, { children: [
         /* @__PURE__ */ jsx(ButtonGroupText, { size: "sm", children: "v1.2.0" }),
@@ -191,14 +191,15 @@ function UiPreview({ items = [] }) {
         /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", children: "Copy" })
       ] }),
       /* @__PURE__ */ jsxs(ButtonGroup, { orientation: "vertical", children: [
-        /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", children: "Move up" }),
-        /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", children: "Move down" })
+        /* @__PURE__ */ jsx(Button, { size: "sm", variant: "soft", children: "Move up" }),
+        /* @__PURE__ */ jsx(Button, { size: "sm", variant: "soft", children: "Move down" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx(PreviewCell, { name: "Badge", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap justify-center gap-2", children: [
-      /* @__PURE__ */ jsx(Badge, { variant: "primary", children: "Primary" }),
-      /* @__PURE__ */ jsx(Badge, { children: "Default" }),
-      /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Outline" })
+    /* @__PURE__ */ jsx(PreviewCell, { name: "Tag", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap justify-center gap-2", children: [
+      /* @__PURE__ */ jsx(Tag, { children: "Solid" }),
+      /* @__PURE__ */ jsx(Tag, { variant: "soft", children: "Soft" }),
+      /* @__PURE__ */ jsx(Tag, { variant: "outline", children: "Outline" }),
+      /* @__PURE__ */ jsx(Tag, { borderStyle: "dotted", tone: "accent", variant: "soft", children: "Beta" })
     ] }) }),
     /* @__PURE__ */ jsx(PreviewCell, { name: "Input", children: /* @__PURE__ */ jsxs(
       "label",
@@ -242,7 +243,7 @@ function UiPreview({ items = [] }) {
         }
       ),
       /* @__PURE__ */ jsx(Link, { color: "accent", disabled: true, href: "#", variant: "link.standalone", children: "Disabled link" }),
-      /* @__PURE__ */ jsx(Link, { href: "#", size: "sm", variant: "button.primary", children: "Link as button" })
+      /* @__PURE__ */ jsx(Link, { href: "#", size: "sm", variant: "button.solid", children: "Link as button" })
     ] }) }),
     /* @__PURE__ */ jsx(PreviewCell, { name: "Link colors", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", children: [
       /* @__PURE__ */ jsx(Link, { href: "/ds", color: "green-300", children: "Docs" }),
@@ -287,8 +288,8 @@ function UiPreview({ items = [] }) {
       ] }) }),
       /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
         /* @__PURE__ */ jsx(Link, { href: "#", variant: "link.inline", children: "Link inline" }),
-        /* @__PURE__ */ jsx(Link, { href: "#", size: "sm", variant: "button.secondary", children: "Link button" }),
-        /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", children: "Button" })
+        /* @__PURE__ */ jsx(Link, { href: "#", size: "sm", variant: "button.soft", children: "Link button" }),
+        /* @__PURE__ */ jsx(Button, { size: "sm", variant: "soft", children: "Button" })
       ] })
     ] }) }),
     /* @__PURE__ */ jsx(PreviewCell, { name: "Text", children: /* @__PURE__ */ jsxs("div", { className: "max-w-xs space-y-2", children: [
@@ -476,7 +477,7 @@ function MdxPreview({ items = [] }) {
     !hasFixture(items, "Link") && /* @__PURE__ */ jsx(PreviewCell, { name: "Link", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", children: [
       /* @__PURE__ */ jsx(Link, { color: "default", href: "/ds", variant: "link.standalone", children: "Default standalone" }),
       /* @__PURE__ */ jsx(Link, { color: "accent", href: "/ds", variant: "link.inline", children: "Accent inline" }),
-      /* @__PURE__ */ jsx(Link, { href: "/ds", size: "sm", variant: "button.primary", children: "Button link" })
+      /* @__PURE__ */ jsx(Link, { href: "/ds", size: "sm", variant: "button.solid", children: "Button link" })
     ] }) }),
     /* @__PURE__ */ jsx(PreviewCell, { name: "MDX Links", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md space-y-4 text-sm leading-7 text-foreground-2", children: [
       /* @__PURE__ */ jsxs("p", { children: [
@@ -545,7 +546,7 @@ function CopyToClipboardPreview() {
         }
       ),
       onClick: handleCopy,
-      variant: "secondary",
+      variant: "soft",
       children: "Copy"
     }
   );

package/dist/kernel/components/blocks/link-playground.cjs

@@ -349,7 +349,7 @@ function LinkSet({ settings }) {
         children: "Disabled link"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: "#", size: "lg", variant: "button.primary", children: "Link as button" })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: "#", size: "lg", variant: "button.solid", children: "Link as button" })
   ] });
 }
 function SizeScale({ settings }) {
@@ -541,7 +541,7 @@ function LinkPlayground() {
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: reset, size: "xs", variant: "outline", children: "Reset" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: copyOutput, size: "xs", variant: "secondary", children: copyState === "copied" ? "Copied" : "Copy" })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: copyOutput, size: "xs", variant: "soft", children: copyState === "copied" ? "Copied" : "Copy" })
         ] })
       ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid gap-4 border-b border-stroke-3 px-4 py-5", children: [
@@ -803,7 +803,7 @@ function LinkPlayground() {
                 value: output
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: copyOutput, size: "sm", variant: "secondary", children: copyState === "copied" ? "Copied output" : "Copy output" })
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: copyOutput, size: "sm", variant: "soft", children: copyState === "copied" ? "Copied output" : "Copy output" })
           ] }) })
         ] })
       ] })

package/dist/kernel/components/blocks/link-playground.js

@@ -326,7 +326,7 @@ function LinkSet({ settings }) {
         children: "Disabled link"
       }
     ),
-    /* @__PURE__ */ jsx(Link, { href: "#", size: "lg", variant: "button.primary", children: "Link as button" })
+    /* @__PURE__ */ jsx(Link, { href: "#", size: "lg", variant: "button.solid", children: "Link as button" })
   ] });
 }
 function SizeScale({ settings }) {
@@ -518,7 +518,7 @@ function LinkPlayground() {
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ jsx(Button, { onClick: reset, size: "xs", variant: "outline", children: "Reset" }),
-          /* @__PURE__ */ jsx(Button, { onClick: copyOutput, size: "xs", variant: "secondary", children: copyState === "copied" ? "Copied" : "Copy" })
+          /* @__PURE__ */ jsx(Button, { onClick: copyOutput, size: "xs", variant: "soft", children: copyState === "copied" ? "Copied" : "Copy" })
         ] })
       ] }) }),
       /* @__PURE__ */ jsxs("div", { className: "grid gap-4 border-b border-stroke-3 px-4 py-5", children: [
@@ -780,7 +780,7 @@ function LinkPlayground() {
                 value: output
               }
             ),
-            /* @__PURE__ */ jsx(Button, { onClick: copyOutput, size: "sm", variant: "secondary", children: copyState === "copied" ? "Copied output" : "Copy output" })
+            /* @__PURE__ */ jsx(Button, { onClick: copyOutput, size: "sm", variant: "soft", children: copyState === "copied" ? "Copied output" : "Copy output" })
           ] }) })
         ] })
       ] })

package/dist/kernel/components/blocks/navbar.cjs

@@ -140,7 +140,7 @@ function Navbar({
           href: "/",
           rightIcon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { "aria-hidden": "true", size: 14 }),
           size: "sm",
-          variant: "button.primary",
+          variant: "button.solid",
           children: "Start"
         }
       ),

package/dist/kernel/components/blocks/navbar.js

@@ -109,7 +109,7 @@ function Navbar({
           href: "/",
           rightIcon: /* @__PURE__ */ jsx(ArrowRight, { "aria-hidden": "true", size: 14 }),
           size: "sm",
-          variant: "button.primary",
+          variant: "button.solid",
           children: "Start"
         }
       ),

package/dist/kernel/components/blocks/navigation-progress-playground.cjs

@@ -476,7 +476,7 @@ function NavigationProgressPlayground() {
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-sm font-semibold text-foreground-1", children: "Navigation Progress" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-1 text-xs leading-5 text-foreground-3", children: "Tune, trigger, copy." })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: copyOutput, size: "xs", variant: "secondary", children: copyState === "copied" ? "Copied" : "Copy" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: copyOutput, size: "xs", variant: "soft", children: copyState === "copied" ? "Copied" : "Copy" })
       ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "border-b border-stroke-3 px-4 py-4", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-3 gap-1 rounded-button border border-stroke-2 bg-surface-2 p-1", children: presetOrder.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -722,7 +722,7 @@ function NavigationProgressPlayground() {
                 value: output
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: copyOutput, size: "sm", variant: "secondary", children: copyState === "copied" ? "Copied output" : "Copy output" })
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: copyOutput, size: "sm", variant: "soft", children: copyState === "copied" ? "Copied output" : "Copy output" })
           ] }) })
         ] })
       ] })

package/dist/kernel/components/blocks/navigation-progress-playground.js

@@ -464,7 +464,7 @@ function NavigationProgressPlayground() {
           /* @__PURE__ */ jsx("h1", { className: "text-sm font-semibold text-foreground-1", children: "Navigation Progress" }),
           /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs leading-5 text-foreground-3", children: "Tune, trigger, copy." })
         ] }),
-        /* @__PURE__ */ jsx(Button, { onClick: copyOutput, size: "xs", variant: "secondary", children: copyState === "copied" ? "Copied" : "Copy" })
+        /* @__PURE__ */ jsx(Button, { onClick: copyOutput, size: "xs", variant: "soft", children: copyState === "copied" ? "Copied" : "Copy" })
       ] }) }),
       /* @__PURE__ */ jsxs("div", { className: "border-b border-stroke-3 px-4 py-4", children: [
         /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-1 rounded-button border border-stroke-2 bg-surface-2 p-1", children: presetOrder.map((preset) => /* @__PURE__ */ jsx(
@@ -710,7 +710,7 @@ function NavigationProgressPlayground() {
                 value: output
               }
             ),
-            /* @__PURE__ */ jsx(Button, { onClick: copyOutput, size: "sm", variant: "secondary", children: copyState === "copied" ? "Copied output" : "Copy output" })
+            /* @__PURE__ */ jsx(Button, { onClick: copyOutput, size: "sm", variant: "soft", children: copyState === "copied" ? "Copied output" : "Copy output" })
           ] }) })
         ] })
       ] })

package/dist/kernel/components/ui/button-group.cjs

@@ -99,16 +99,15 @@ function ButtonGroup({
 }
 function ButtonGroupText({
   className,
-  color,
   size,
-  variant = "secondary",
+  variant = "soft",
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       className: cn(
-        (0, import_button.buttonVariants)({ color, iconOnly: false, size, variant }),
+        (0, import_button.buttonVariants)({ iconOnly: false, size, variant }),
         "pointer-events-none",
         className
       ),

package/dist/kernel/components/ui/button-group.d.cts

@@ -11,8 +11,8 @@ declare const buttonGroupVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonGroupProps = ComponentPropsWithoutRef<"div"> & VariantProps<typeof buttonGroupVariants>;
 declare function ButtonGroup({ className, orientation, ...props }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
-type ButtonGroupTextProps = Omit<ComponentPropsWithoutRef<"div">, "color"> & Pick<ButtonVariantProps, "color" | "size" | "variant">;
-declare function ButtonGroupText({ className, color, size, variant, ...props }: ButtonGroupTextProps): react_jsx_runtime.JSX.Element;
+type ButtonGroupTextProps = Omit<ComponentPropsWithoutRef<"div">, "color"> & Pick<ButtonVariantProps, "size" | "variant">;
+declare function ButtonGroupText({ className, size, variant, ...props }: ButtonGroupTextProps): react_jsx_runtime.JSX.Element;
 type ButtonGroupSeparatorProps = SeparatorProps;
 declare function ButtonGroupSeparator({ className, orientation, ...props }: ButtonGroupSeparatorProps): react_jsx_runtime.JSX.Element;
 

package/dist/kernel/components/ui/button-group.d.ts

@@ -11,8 +11,8 @@ declare const buttonGroupVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonGroupProps = ComponentPropsWithoutRef<"div"> & VariantProps<typeof buttonGroupVariants>;
 declare function ButtonGroup({ className, orientation, ...props }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
-type ButtonGroupTextProps = Omit<ComponentPropsWithoutRef<"div">, "color"> & Pick<ButtonVariantProps, "color" | "size" | "variant">;
-declare function ButtonGroupText({ className, color, size, variant, ...props }: ButtonGroupTextProps): react_jsx_runtime.JSX.Element;
+type ButtonGroupTextProps = Omit<ComponentPropsWithoutRef<"div">, "color"> & Pick<ButtonVariantProps, "size" | "variant">;
+declare function ButtonGroupText({ className, size, variant, ...props }: ButtonGroupTextProps): react_jsx_runtime.JSX.Element;
 type ButtonGroupSeparatorProps = SeparatorProps;
 declare function ButtonGroupSeparator({ className, orientation, ...props }: ButtonGroupSeparatorProps): react_jsx_runtime.JSX.Element;
 

package/dist/kernel/components/ui/button-group.js

@@ -72,16 +72,15 @@ function ButtonGroup({
 }
 function ButtonGroupText({
   className,
-  color,
   size,
-  variant = "secondary",
+  variant = "soft",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
       className: cn(
-        buttonVariants({ color, iconOnly: false, size, variant }),
+        buttonVariants({ iconOnly: false, size, variant }),
         "pointer-events-none",
         className
       ),