@publish.os/nextjs 0.0.1-alpha.5 → 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/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/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/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

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

@@ -118,7 +118,7 @@ function SelectPopup({ className, ...props }) {
     BaseSelect.Popup,
     {
       className: cn(
-        "animate-popup max-h-72 w-[min(calc(var(--anchor-width)+2rem),var(--available-width))] min-w-[var(--anchor-width)] overflow-hidden rounded-popup border border-[color:var(--surface-menu-border)] bg-surface-menu p-1 text-surface-menu-foreground shadow-lg outline-none",
+        "animate-popup max-h-72 w-[min(calc(var(--anchor-width)+2rem),var(--available-width))] min-w-[var(--anchor-width)] overflow-hidden 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
@@ -133,9 +133,9 @@ function SelectItem({ className, ...props }) {
     BaseSelect.Item,
     {
       className: cn(
-        "relative flex min-w-0 cursor-default select-none items-center rounded-[max(calc(var(--radius-popup)_-_0.25rem),0px)] py-1.5 pl-8 pr-2 text-sm text-surface-menu-foreground outline-none",
-        "data-[highlighted]:bg-surface-menu-hover data-[highlighted]:text-surface-menu-hover-foreground data-[selected]:bg-surface-menu-active data-[selected]:text-surface-menu-active-foreground",
-        "data-disabled:pointer-events-none data-disabled:text-surface-menu-disabled-foreground",
+        "relative flex min-w-0 cursor-default select-none items-center rounded-[max(calc(var(--radius-popup)_-_0.25rem),0px)] py-1.5 pl-8 pr-2 text-sm text-menu-foreground-1 outline-none",
+        "data-[highlighted]:bg-menu-option-highlight-surface data-[highlighted]:text-menu-option-highlight-foreground data-[selected]:bg-menu-surface-4 data-[selected]:text-menu-foreground-1 data-[selected]:data-[highlighted]:bg-menu-option-highlight-surface data-[selected]:data-[highlighted]:text-menu-option-highlight-foreground",
+        "data-disabled:pointer-events-none data-disabled:text-menu-foreground-4",
         className
       ),
       ...props
@@ -179,7 +179,7 @@ function SelectGroupLabel({
     BaseSelect.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/text.js

@@ -23,116 +23,119 @@ function cn(...inputs) {
 // src/kernel/components/ui/text.tsx
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
-var textVariants = cva("text-foreground-1", {
-  variants: {
-    size: {
-      xs: "",
-      sm: "",
-      md: "",
-      lg: "",
-      xl: "",
-      "2xl": "",
-      "3xl": "",
-      "4xl": "",
-      "5xl": "",
-      "6xl": "",
-      "7xl": "",
-      "8xl": "",
-      "9xl": ""
+var textVariants = cva(
+  "text-[var(--text-foreground,var(--foreground-1))]",
+  {
+    variants: {
+      size: {
+        xs: "",
+        sm: "",
+        md: "",
+        lg: "",
+        xl: "",
+        "2xl": "",
+        "3xl": "",
+        "4xl": "",
+        "5xl": "",
+        "6xl": "",
+        "7xl": "",
+        "8xl": "",
+        "9xl": ""
+      },
+      variant: {
+        body: "",
+        headline: "",
+        label: "",
+        overline: ""
+      },
+      weight: {
+        default: "font-normal",
+        medium: "font-medium",
+        semibold: "font-semibold",
+        bold: "font-bold"
+      }
     },
-    variant: {
-      body: "",
-      headline: "",
-      label: "",
-      overline: ""
-    },
-    weight: {
-      default: "font-normal",
-      medium: "font-medium",
-      semibold: "font-semibold",
-      bold: "font-bold"
-    }
-  },
-  compoundVariants: [
-    { className: "text-xs leading-5", size: "xs", variant: "body" },
-    { className: "text-sm leading-6", size: "sm", variant: "body" },
-    { className: "text-base leading-7", size: "md", variant: "body" },
-    { className: "text-lg leading-8", size: "lg", variant: "body" },
-    { className: "text-xl leading-8", size: "xl", variant: "body" },
-    { className: "text-xs leading-4", size: "xs", variant: "label" },
-    { className: "text-sm leading-5", size: "sm", variant: "label" },
-    { className: "text-base leading-6", size: "md", variant: "label" },
-    { className: "text-lg leading-7", size: "lg", variant: "label" },
-    { className: "text-xl leading-8", size: "xl", variant: "label" },
-    {
-      className: "text-xs uppercase leading-4 tracking-wide text-foreground-3",
-      size: "xs",
-      variant: "overline"
-    },
-    {
-      className: "text-sm uppercase leading-5 tracking-wide text-foreground-3",
-      size: "sm",
-      variant: "overline"
-    },
-    {
-      className: "text-base uppercase leading-6 tracking-wide text-foreground-3",
+    compoundVariants: [
+      { className: "text-xs leading-5", size: "xs", variant: "body" },
+      { className: "text-sm leading-6", size: "sm", variant: "body" },
+      { className: "text-base leading-7", size: "md", variant: "body" },
+      { className: "text-lg leading-8", size: "lg", variant: "body" },
+      { className: "text-xl leading-8", size: "xl", variant: "body" },
+      { className: "text-xs leading-4", size: "xs", variant: "label" },
+      { className: "text-sm leading-5", size: "sm", variant: "label" },
+      { className: "text-base leading-6", size: "md", variant: "label" },
+      { className: "text-lg leading-7", size: "lg", variant: "label" },
+      { className: "text-xl leading-8", size: "xl", variant: "label" },
+      {
+        className: "text-xs uppercase leading-4 tracking-wide text-[var(--text-muted-foreground,var(--foreground-3))]",
+        size: "xs",
+        variant: "overline"
+      },
+      {
+        className: "text-sm uppercase leading-5 tracking-wide text-[var(--text-muted-foreground,var(--foreground-3))]",
+        size: "sm",
+        variant: "overline"
+      },
+      {
+        className: "text-base uppercase leading-6 tracking-wide text-[var(--text-muted-foreground,var(--foreground-3))]",
+        size: "md",
+        variant: "overline"
+      },
+      {
+        className: "text-lg uppercase leading-7 tracking-wide text-[var(--text-muted-foreground,var(--foreground-3))]",
+        size: "lg",
+        variant: "overline"
+      },
+      {
+        className: "text-xl uppercase leading-8 tracking-wide text-[var(--text-muted-foreground,var(--foreground-3))]",
+        size: "xl",
+        variant: "overline"
+      },
+      { className: "text-xl leading-8", size: "xl", variant: "headline" },
+      { className: "text-2xl leading-9", size: "2xl", variant: "headline" },
+      {
+        className: "text-3xl leading-10 tracking-tight",
+        size: "3xl",
+        variant: "headline"
+      },
+      {
+        className: "text-4xl leading-none tracking-tight",
+        size: "4xl",
+        variant: "headline"
+      },
+      {
+        className: "text-5xl leading-none tracking-tight",
+        size: "5xl",
+        variant: "headline"
+      },
+      {
+        className: "text-6xl leading-none tracking-tight",
+        size: "6xl",
+        variant: "headline"
+      },
+      {
+        className: "text-7xl leading-none tracking-tight",
+        size: "7xl",
+        variant: "headline"
+      },
+      {
+        className: "text-8xl leading-none tracking-tight",
+        size: "8xl",
+        variant: "headline"
+      },
+      {
+        className: "text-9xl leading-none tracking-tight",
+        size: "9xl",
+        variant: "headline"
+      }
+    ],
+    defaultVariants: {
       size: "md",
-      variant: "overline"
-    },
-    {
-      className: "text-lg uppercase leading-7 tracking-wide text-foreground-3",
-      size: "lg",
-      variant: "overline"
-    },
-    {
-      className: "text-xl uppercase leading-8 tracking-wide text-foreground-3",
-      size: "xl",
-      variant: "overline"
-    },
-    { className: "text-xl leading-8", size: "xl", variant: "headline" },
-    { className: "text-2xl leading-9", size: "2xl", variant: "headline" },
-    {
-      className: "text-3xl leading-10 tracking-tight",
-      size: "3xl",
-      variant: "headline"
-    },
-    {
-      className: "text-4xl leading-none tracking-tight",
-      size: "4xl",
-      variant: "headline"
-    },
-    {
-      className: "text-5xl leading-none tracking-tight",
-      size: "5xl",
-      variant: "headline"
-    },
-    {
-      className: "text-6xl leading-none tracking-tight",
-      size: "6xl",
-      variant: "headline"
-    },
-    {
-      className: "text-7xl leading-none tracking-tight",
-      size: "7xl",
-      variant: "headline"
-    },
-    {
-      className: "text-8xl leading-none tracking-tight",
-      size: "8xl",
-      variant: "headline"
-    },
-    {
-      className: "text-9xl leading-none tracking-tight",
-      size: "9xl",
-      variant: "headline"
+      variant: "body",
+      weight: "default"
     }
-  ],
-  defaultVariants: {
-    size: "md",
-    variant: "body",
-    weight: "default"
   }
-});
+);
 function Text({
   as,
   className,

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

@@ -67,7 +67,7 @@ function TooltipPopup({ className, ...props }) {
     BaseTooltip.Popup,
     {
       className: cn(
-        "max-w-xs rounded-tooltip border border-stroke-2 bg-surface-3 px-2.5 py-1.5 text-xs leading-5 text-foreground-1 shadow-lg outline-none",
+        "max-w-xs rounded-tooltip border border-tooltip-stroke-4 bg-tooltip-surface-1 px-2.5 py-1.5 text-xs leading-5 text-tooltip-foreground-1 shadow-lg outline-none [--text-foreground:var(--tooltip-foreground-1)] [--text-muted-foreground:var(--tooltip-foreground-4)]",
         className
       ),
       ...props
@@ -79,7 +79,7 @@ function TooltipArrow({ className, ...props }) {
     BaseTooltip.Arrow,
     {
       className: cn(
-        "size-2 rotate-45 border border-stroke-2 bg-surface-3",
+        "size-2 rotate-45 border border-tooltip-stroke-4 bg-tooltip-surface-1",
         className
       ),
       ...props