@publish.os/nextjs 0.0.1-alpha.4 → 0.0.1-alpha.6

package/README.md

@@ -1,6 +1,6 @@
 # @publish.os/nextjs
 
-PublishOS runtime package for generated Next.js applications. Tenant source
+PublishOS runtime package for generated Next.js applications. Project 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.
 

package/dist/config/createNextConfig.js

@@ -5,9 +5,9 @@ function createNextConfig(_options) {
     cacheComponents: true,
     cacheLife: {
       page: {
-        stale: 60 * 60 * 24,
-        revalidate: 60 * 60 * 24 * 30,
-        expire: 60 * 60 * 24 * 365
+        stale: 60 * 5,
+        revalidate: 60 * 60,
+        expire: 60 * 60 * 24
       },
       feed: {
         stale: 60 * 60,

package/dist/index.js

@@ -57,9 +57,9 @@ function createNextConfig(_options) {
     cacheComponents: true,
     cacheLife: {
       page: {
-        stale: 60 * 60 * 24,
-        revalidate: 60 * 60 * 24 * 30,
-        expire: 60 * 60 * 24 * 365
+        stale: 60 * 5,
+        revalidate: 60 * 60,
+        expire: 60 * 60 * 24
       },
       feed: {
         stale: 60 * 60,
@@ -111,8 +111,8 @@ function PageList({ tree, currentPath, className }) {
 import { cacheLife, cacheTag } from "next/cache";
 
 // src/kernel/routes/response.ts
-var CACHE_CONTROL = "public, max-age=300, s-maxage=86400, stale-while-revalidate=3600, must-revalidate";
-var CDN_CACHE_CONTROL = "public, max-age=2592000, stale-while-revalidate=31536000";
+var CACHE_CONTROL = "public, max-age=300, s-maxage=3600, stale-while-revalidate=3600, must-revalidate";
+var CDN_CACHE_CONTROL = "public, max-age=3600, stale-while-revalidate=3600, must-revalidate";
 var SHORT_CACHE_CONTROL = "public, max-age=60, s-maxage=600, stale-while-revalidate=300, must-revalidate";
 var SHORT_CDN_CACHE_CONTROL = "public, max-age=300, stale-while-revalidate=3600";
 function cacheControl(policy) {
@@ -344,6 +344,8 @@ ${linkLines.join("\n")}` : "";
 
 ${llmsSummary(manifest)}
 
+## Pages
+
 ${lines.join("\n")}${linkSection}
 `;
 }

package/dist/kernel/components/blocks/color-palette.js

@@ -38,9 +38,34 @@ var DEFAULT_TOKEN_NAMES = [
   "surface-hover",
   "surface-active",
   "surface-overlay",
-  "surface-menu",
-  "surface-menu-border",
-  "surface-menu-foreground",
+  "menu-surface-1",
+  "menu-surface-2",
+  "menu-surface-3",
+  "menu-surface-4",
+  "menu-foreground-1",
+  "menu-foreground-2",
+  "menu-foreground-3",
+  "menu-foreground-4",
+  "menu-highlight-surface",
+  "menu-highlight-foreground",
+  "menu-option-highlight-surface",
+  "menu-option-highlight-foreground",
+  "menu-stroke-1",
+  "menu-stroke-2",
+  "menu-stroke-3",
+  "menu-stroke-4",
+  "tooltip-surface-1",
+  "tooltip-surface-2",
+  "tooltip-surface-3",
+  "tooltip-surface-4",
+  "tooltip-foreground-1",
+  "tooltip-foreground-2",
+  "tooltip-foreground-3",
+  "tooltip-foreground-4",
+  "tooltip-stroke-1",
+  "tooltip-stroke-2",
+  "tooltip-stroke-3",
+  "tooltip-stroke-4",
   "accent-1",
   "accent-solid",
   "accent-solid-hover",
@@ -132,13 +157,19 @@ function deriveTokenGroup(name) {
 var COLOR_TOKEN_PREFIXES = [
   "accent-",
   "color-",
+  "danger-",
   "focus-ring",
   "foreground-",
+  "info-",
   "kitchen-sink-",
+  "menu-",
   "palette-",
+  "success-",
   "stroke-",
   "surface-",
-  "typography-"
+  "tooltip-",
+  "typography-",
+  "warning-"
 ];
 function isColorTokenName(name) {
   if (name.startsWith("tw-")) return false;

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.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/logo-block.js

@@ -58,7 +58,7 @@ function LogoBlockImage({
   siteName
 }) {
   return (
-    // biome-ignore lint/performance/noImgElement: Tenant-provided logos are public SVG/raster files and need browser-native intrinsic sizing.
+    // biome-ignore lint/performance/noImgElement: Project-provided logos are public SVG/raster files and need browser-native intrinsic sizing.
     /* @__PURE__ */ jsx(
       "img",
       {

package/dist/kernel/components/blocks/nav-breadcrumb.js

@@ -1,7 +1,5 @@
 // src/kernel/components/blocks/nav-breadcrumb.tsx
-import {
-  BreadcrumbTrail
-} from "../ui/breadcrumb.js";
+import { CollapsibleBreadcrumbTrail } from "../ui/breadcrumb-trail.js";
 import { jsx } from "react/jsx-runtime";
 function titleFor(node) {
   return node.title;
@@ -84,15 +82,7 @@ function NavBreadcrumb({
     title: crumb.title
   }));
   if (items.length === 0) return null;
-  return /* @__PURE__ */ jsx(
-    BreadcrumbTrail,
-    {
-      collapseAfter: 1,
-      collapseBefore: 2,
-      items,
-      size: "sm"
-    }
-  );
+  return /* @__PURE__ */ jsx(CollapsibleBreadcrumbTrail, { items, size: "sm" });
 }
 export {
   NavBreadcrumb

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.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/mdx/components/image.js

@@ -118,7 +118,7 @@ function Image({
       }
     )
   ) : (
-    // biome-ignore lint/performance/noImgElement: MDX media supports generated tenant assets, SVGs, and remote CDN images without requiring Next image optimizer configuration.
+    // biome-ignore lint/performance/noImgElement: MDX media supports generated project assets, SVGs, and remote CDN images without requiring Next image optimizer configuration.
     /* @__PURE__ */ jsx(
       "img",
       {

package/dist/kernel/components/ui/breadcrumb-trail.d.ts

@@ -7,7 +7,9 @@ import 'class-variance-authority';
 import 'react';
 import 'next/link';
 
-type CollapsibleBreadcrumbTrailProps = Omit<BreadcrumbTrailProps, "collapseAfter" | "collapseBefore" | "collapsed">;
+type CollapsibleBreadcrumbTrailProps = BreadcrumbTrailProps & {
+    menuLabel?: string;
+};
 declare function CollapsibleBreadcrumbTrail({ className, items, menuLabel, size, variant, }: CollapsibleBreadcrumbTrailProps): react_jsx_runtime.JSX.Element;
 
 export { CollapsibleBreadcrumbTrail, type CollapsibleBreadcrumbTrailProps };

package/dist/kernel/components/ui/breadcrumb-trail.js

@@ -182,6 +182,7 @@ function CollapsibleBreadcrumbTrail({
       {
         "aria-hidden": "true",
         className: "pointer-events-none absolute left-0 top-0 h-0 overflow-hidden",
+        inert: true,
         style: { visibility: "hidden" },
         children: /* @__PURE__ */ jsxs(
           "ol",

package/dist/kernel/components/ui/breadcrumb.d.ts

@@ -34,11 +34,7 @@ type BreadcrumbTrailItem = {
 };
 type BreadcrumbTrailProps = {
     className?: string;
-    collapseAfter?: number;
-    collapseBefore?: number;
-    collapsed?: boolean;
     items: BreadcrumbTrailItem[];
-    menuLabel?: string;
 } & BreadcrumbSizeProps & BreadcrumbStyleProps;
 declare function BreadcrumbTrailEntry({ item, size, variant, }: {
     item: BreadcrumbTrailItem;
@@ -47,6 +43,6 @@ declare function BreadcrumbTrailMenu({ hidden, menuLabel, size, }: {
     hidden: BreadcrumbTrailItem[];
     menuLabel: string;
 } & BreadcrumbSizeProps & BreadcrumbStyleProps): react_jsx_runtime.JSX.Element;
-declare function BreadcrumbTrail({ className, collapsed, items, menuLabel, size, variant, }: BreadcrumbTrailProps): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbTrail({ className, items, size, variant, }: BreadcrumbTrailProps): react_jsx_runtime.JSX.Element;
 
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type BreadcrumbStyleVariant, BreadcrumbTrail, BreadcrumbTrailEntry, type BreadcrumbTrailItem, BreadcrumbTrailMenu, type BreadcrumbTrailProps, type BreadcrumbVariantProps, breadcrumbVariants };

package/dist/kernel/components/ui/breadcrumb.js

@@ -1,5 +1,4 @@
 // src/kernel/components/ui/breadcrumb.tsx
-import { CollapsibleBreadcrumbTrail } from "./breadcrumb-trail.js";
 import { buttonVariants } from "./button.js";
 import {
   linkVariants
@@ -268,7 +267,7 @@ function BreadcrumbEllipsis({
       role: "presentation",
       ...props,
       children: [
-        "...",
+        "\u2026",
         /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
       ]
     }
@@ -327,24 +326,10 @@ function BreadcrumbTrailMenu({
 }
 function BreadcrumbTrail({
   className,
-  collapsed = false,
   items,
-  menuLabel = "Show hidden breadcrumb links",
   size,
   variant
 }) {
-  if (collapsed) {
-    return /* @__PURE__ */ jsx(
-      CollapsibleBreadcrumbTrail,
-      {
-        className,
-        items,
-        menuLabel,
-        size,
-        variant
-      }
-    );
-  }
   return /* @__PURE__ */ jsx(Breadcrumb, { className, children: /* @__PURE__ */ jsx(BreadcrumbList, { className: "flex-nowrap overflow-hidden", size, children: items.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
     index > 0 ? /* @__PURE__ */ jsx(BreadcrumbSeparator, { className: "shrink-0", size }) : null,
     /* @__PURE__ */ jsx(BreadcrumbTrailEntry, { item, size, variant })

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
       ),

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

@@ -4,10 +4,9 @@ import { VariantProps } from 'class-variance-authority';
 import { ReactNode, ButtonHTMLAttributes } from 'react';
 
 declare const buttonVariants: (props?: ({
-    variant?: "primary" | "secondary" | "outline" | "ghost" | null | undefined;
+    variant?: "solid" | "soft" | "outline" | "ghost" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     iconOnly?: boolean | null | undefined;
-    color?: "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonVariantProps = VariantProps<typeof buttonVariants>;
 type ButtonProps = {
@@ -17,7 +16,7 @@ type ButtonProps = {
     leftIcon?: ReactNode;
     loading?: boolean;
     rightIcon?: ReactNode;
-} & ButtonVariantProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className" | "color">;
-declare function Button({ active, children, className, color, disabled, iconOnly, leftIcon, loading, rightIcon, size, type, variant, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+} & ButtonVariantProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className">;
+declare function Button({ active, children, className, disabled, iconOnly, leftIcon, loading, rightIcon, size, type, variant, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
 export { Button, type ButtonProps, type ButtonVariantProps, buttonVariants };

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

@@ -36,8 +36,8 @@ var buttonVariants = cva(
   {
     variants: {
       variant: {
-        primary: "border-accent-solid bg-accent-solid text-accent-foreground shadow-sm hover:not-data-disabled:border-accent-solid-hover hover:not-data-disabled:bg-accent-solid-hover active:not-data-disabled:border-accent-solid-active active:not-data-disabled:bg-accent-solid-active data-[state=path-active]:border-accent-solid-hover data-[state=path-active]:bg-accent-solid-hover",
-        secondary: "border-stroke-2 bg-surface-2 text-foreground-1 hover:not-data-disabled:bg-surface-hover active:not-data-disabled:bg-surface-active data-[state=path-active]:border-accent-border data-[state=path-active]:bg-accent-soft-hover data-[state=path-active]:text-accent-1",
+        solid: "border-accent-solid bg-accent-solid text-accent-foreground shadow-sm hover:not-data-disabled:border-accent-solid-hover hover:not-data-disabled:bg-accent-solid-hover active:not-data-disabled:border-accent-solid-active active:not-data-disabled:bg-accent-solid-active data-[state=path-active]:border-accent-solid-hover data-[state=path-active]:bg-accent-solid-hover",
+        soft: "border-0 bg-accent-soft text-accent-1 hover:not-data-disabled:bg-accent-soft-hover active:not-data-disabled:bg-accent-soft-active data-[state=path-active]:bg-accent-soft-active",
         outline: "border-stroke-2 bg-transparent text-foreground-1 hover:not-data-disabled:bg-surface-hover active:not-data-disabled:bg-surface-active data-[state=path-active]:border-accent-border data-[state=path-active]:bg-accent-soft-hover data-[state=path-active]:text-accent-1",
         ghost: "border-transparent bg-transparent text-foreground-2 hover:not-data-disabled:bg-surface-hover hover:not-data-disabled:text-foreground-1 active:not-data-disabled:bg-surface-active data-[state=path-active]:bg-accent-soft-hover data-[state=path-active]:text-accent-1"
       },
@@ -51,9 +51,6 @@ var buttonVariants = cva(
       iconOnly: {
         false: "",
         true: "gap-0 px-0"
-      },
-      color: {
-        default: ""
       }
     },
     compoundVariants: [
@@ -64,10 +61,9 @@ var buttonVariants = cva(
       { className: "size-12 p-0", iconOnly: true, size: "xl" }
     ],
     defaultVariants: {
-      color: "default",
       iconOnly: false,
       size: "md",
-      variant: "primary"
+      variant: "solid"
     }
   }
 );
@@ -84,7 +80,6 @@ function Button({
   active,
   children,
   className,
-  color,
   disabled,
   iconOnly,
   leftIcon,
@@ -98,10 +93,7 @@ function Button({
   return /* @__PURE__ */ jsxs(
     BaseButton,
     {
-      className: cn(
-        buttonVariants({ color, iconOnly, size, variant }),
-        className
-      ),
+      className: cn(buttonVariants({ iconOnly, size, variant }), className),
       "data-state": active ? "path-active" : void 0,
       disabled: disabled || loading,
       focusableWhenDisabled: loading,

package/dist/kernel/components/ui/card.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 import { HTMLAttributes } from 'react';
 
 declare const cardVariants: (props?: ({
-    variant?: "ghost" | "default" | "inset" | "elevated" | null | undefined;
+    variant?: "ghost" | "inset" | "default" | "elevated" | null | undefined;
     padding?: "sm" | "md" | "lg" | "none" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type CardProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardVariants>;

package/dist/kernel/components/ui/menu.js

@@ -74,7 +74,7 @@ function MenuPopup({ className, ...props }) {
     BaseMenu.Popup,
     {
       className: cn(
-        "animate-popup min-w-44 rounded-popup border border-[color:var(--surface-menu-border)] bg-surface-menu p-1 text-surface-menu-foreground shadow-lg outline-none",
+        "animate-popup min-w-44 rounded-popup border border-[color:var(--menu-stroke-3)] bg-menu-surface-1 p-1 text-menu-foreground-1 shadow-lg outline-none [--text-foreground:var(--menu-foreground-1)] [--text-muted-foreground:var(--menu-foreground-4)]",
         className
       ),
       ...props
@@ -85,7 +85,7 @@ function MenuArrow({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     BaseMenu.Arrow,
     {
-      className: cn("fill-surface-menu text-surface-menu", className),
+      className: cn("fill-menu-surface-1 text-menu-surface-1", className),
       ...props
     }
   );
@@ -94,8 +94,8 @@ function MenuViewport({ className, ...props }) {
   return /* @__PURE__ */ jsx(BaseMenu.Viewport, { className: cn("outline-none", className), ...props });
 }
 var menuItemClassName = [
-  "flex cursor-default select-none items-center gap-2 rounded-[max(calc(var(--radius-popup)_-_0.25rem),0px)] px-2 py-1.5 text-sm text-surface-menu-foreground outline-none",
-  "data-[highlighted]:bg-surface-menu-hover data-[highlighted]:text-surface-menu-hover-foreground data-[state=checked]:bg-surface-menu-active data-[state=checked]:text-surface-menu-active-foreground data-disabled:pointer-events-none data-disabled:text-surface-menu-disabled-foreground"
+  "flex cursor-default select-none items-center gap-2 rounded-[max(calc(var(--radius-popup)_-_0.25rem),0px)] px-2 py-1.5 text-sm text-menu-foreground-1 outline-none",
+  "data-[highlighted]:bg-menu-highlight-surface data-[highlighted]:text-menu-highlight-foreground data-[state=checked]:bg-menu-surface-4 data-[state=checked]:text-menu-foreground-1 data-[state=checked]:data-[highlighted]:bg-menu-highlight-surface data-[state=checked]:data-[highlighted]:text-menu-highlight-foreground data-disabled:pointer-events-none data-disabled:text-menu-foreground-4"
 ].join(" ");
 function MenuItem({ className, ...props }) {
   return /* @__PURE__ */ jsx(BaseMenu.Item, { className: cn(menuItemClassName, className), ...props });
@@ -190,7 +190,7 @@ function MenuGroupLabel({ className, ...props }) {
     BaseMenu.GroupLabel,
     {
       className: cn(
-        "px-2 py-1 text-xs font-medium text-surface-menu-disabled-foreground",
+        "px-2 py-1 text-xs font-medium text-menu-foreground-4",
         className
       ),
       ...props

package/dist/kernel/components/ui/navigation-menu.js

@@ -149,7 +149,7 @@ function NavigationMenuPopup({
     BaseNavigationMenu.Popup,
     {
       className: cn(
-        "animate-popup min-w-56 rounded-popup border border-[color:var(--surface-menu-border)] bg-surface-menu p-2 text-surface-menu-foreground shadow-lg outline-none",
+        "animate-popup min-w-56 rounded-popup border border-[color:var(--menu-stroke-3)] bg-menu-surface-1 p-2 text-menu-foreground-1 shadow-lg outline-none [--text-foreground:var(--menu-foreground-1)] [--text-muted-foreground:var(--menu-foreground-4)]",
         className
       ),
       ...props
@@ -176,7 +176,7 @@ function NavigationMenuArrow({
     BaseNavigationMenu.Arrow,
     {
       className: cn(
-        "size-2 rotate-45 border border-[color:var(--surface-menu-border)] bg-surface-menu",
+        "size-2 rotate-45 border border-[color:var(--menu-stroke-3)] bg-menu-surface-1",
         className
       ),
       ...props

package/dist/kernel/components/ui/popover.js

@@ -64,7 +64,7 @@ function PopoverPopup({ className, ...props }) {
     BasePopover.Popup,
     {
       className: cn(
-        "animate-popup w-72 rounded-popup border border-[color:var(--surface-menu-border)] bg-surface-menu p-4 text-surface-menu-foreground shadow-lg outline-none",
+        "animate-popup w-72 rounded-popup border border-[color:var(--menu-stroke-3)] bg-menu-surface-1 p-4 text-menu-foreground-1 shadow-lg outline-none [--text-foreground:var(--menu-foreground-1)] [--text-muted-foreground:var(--menu-foreground-4)]",
         className
       ),
       ...props
@@ -75,10 +75,7 @@ function PopoverTitle({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     BasePopover.Title,
     {
-      className: cn(
-        "text-sm font-semibold text-surface-menu-foreground",
-        className
-      ),
+      className: cn("text-sm font-semibold text-menu-foreground-1", className),
       ...props
     }
   );
@@ -90,10 +87,7 @@ function PopoverDescription({
   return /* @__PURE__ */ jsx(
     BasePopover.Description,
     {
-      className: cn(
-        "mt-1 text-sm leading-6 text-surface-menu-disabled-foreground",
-        className
-      ),
+      className: cn("mt-1 text-sm leading-6 text-menu-foreground-4", className),
       ...props
     }
   );
@@ -103,7 +97,7 @@ function PopoverClose({ className, ...props }) {
     BasePopover.Close,
     {
       className: cn(
-        "inline-flex size-8 items-center justify-center rounded-button text-surface-menu-disabled-foreground transition-colors hover:bg-surface-menu-hover hover:text-surface-menu-hover-foreground",
+        "inline-flex size-8 items-center justify-center rounded-button text-menu-foreground-4 transition-colors hover:bg-menu-surface-3 hover:text-menu-foreground-1",
         "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
         className
       ),
@@ -116,7 +110,7 @@ function PopoverArrow({ className, ...props }) {
     BasePopover.Arrow,
     {
       className: cn(
-        "size-2 rotate-45 border border-[color:var(--surface-menu-border)] bg-surface-menu",
+        "size-2 rotate-45 border border-[color:var(--menu-stroke-3)] bg-menu-surface-1",
         className
       ),
       ...props